fix(cc-store): fix store register method error handling

Author: Shreyas281299

packages/contact-center/store/package.json

@@ -23,7 +23,7 @@
     "deploy:npm": "yarn npm publish"
   },
   "dependencies": {
-    "@webex/contact-center": "3.10.0-next.20",
+    "@webex/contact-center": "3.10.0-next.33",
     "mobx": "6.13.5",
     "typescript": "5.6.3"
   },

packages/contact-center/store/src/store.ts

@@ -133,33 +133,38 @@ class Store implements IStore {
         reject(new Error('Webex SDK failed to initialize'));
       }, 6000);
 
-      //@ts-expect-error  To be fixed in SDK - https://jira-eng-sjc12.cisco.com/jira/browse/CAI-6762
-      const webex = Webex.init({
-        config: options.webexConfig,
-        credentials: {
-          access_token: options.access_token,
-        },
-      });
+      try {
+        //@ts-expect-error  To be fixed in SDK - https://jira-eng-sjc12.cisco.com/jira/browse/CAI-6762
+        const webex = Webex.init({
+          config: options.webexConfig,
+          credentials: {
+            access_token: options.access_token,
+          },
+        });
 
-      webex.once('ready', () => {
-        setupEventListeners(webex.cc);
-        clearTimeout(timer);
-        this.registerCC(webex)
-          .then(() => {
-            this.logger.log('CC-Widgets: Store init(): store initialization complete', {
-              module: 'cc-store#store.ts',
-              method: 'init',
+        webex.once('ready', () => {
+          setupEventListeners(webex.cc);
+          clearTimeout(timer);
+          this.registerCC(webex)
+            .then(() => {
+              this.logger.log('CC-Widgets: Store init(): store initialization complete', {
+                module: 'cc-store#store.ts',
+                method: 'init',
+              });
+              resolve();
+            })
+            .catch((error) => {
+              this.logger.error(`CC-Widgets: Store init(): registration failed - ${error}`, {
+                module: 'cc-store#store.ts',
+                method: 'init',
+              });
+              reject(error);
             });
-            resolve();
-          })
-          .catch((error) => {
-            this.logger.error(`CC-Widgets: Store init(): registration failed - ${error}`, {
-              module: 'cc-store#store.ts',
-              method: 'init',
-            });
-            reject(error);
-          });
-      });
+        });
+      } catch (error) {
+        clearTimeout(timer);
+        reject(error);
+      }
     });
   }
 }

packages/contact-center/store/src/storeEventsWrapper.ts

@@ -384,7 +384,15 @@ class StoreWrapper implements IStoreWrapper {
   };
 
   init(options: InitParams): Promise<void> {
-    return this.store.init(options, this.setupIncomingTaskHandler);
+    return this.store.init(options, this.setupIncomingTaskHandler).catch((error) => {
+      const err = error instanceof Error ? error : new Error(String(error));
+
+      if (this.onErrorCallback) {
+        this.onErrorCallback('Store', err);
+      }
+
+      throw err;
+    });
   }
 
   registerCC = (webex?: WithWebex['webex']) => {

widgets-samples/cc/samples-cc-react-app/package.json

@@ -25,7 +25,7 @@
     "react-dom": "18.3.1",
     "ts-loader": "^9.5.1",
     "typescript": "^5.6.3",
-    "webex": "3.9.0-next.30",
+    "webex": "3.10.0-next.49",
     "webpack": "^5.94.0",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^5.1.0",

widgets-samples/cc/samples-cc-react-app/src/App.tsx

@@ -643,10 +643,16 @@ function App() {
                 disabled={accessToken.trim() === ''}
                 onClick={() => {
                   setShowLoader(true);
-                  store.init({webexConfig, access_token: accessToken}).then(() => {
-                    setIsSdkReady(true);
-                    setShowLoader(false);
-                  });
+                  store
+                    .init({webexConfig, access_token: accessToken})
+                    .then(() => {
+                      setIsSdkReady(true);
+                      setShowLoader(false);
+                    })
+                    .catch((error) => {
+                      console.error('Failed to initialize widgets:', error);
+                      setShowLoader(false);
+                    });
                 }}
                 data-testid="samples:init-widgets-button"
               >

widgets-samples/cc/samples-cc-react-app/webpack.config.js

@@ -55,7 +55,7 @@ module.exports = {
       // TS/TSX → transpile only (skip type-checking)
       {
         test: /\.[jt]sx?$/,
-        include: [path.resolve(__dirname, 'src'), ...PKG_SRC],
+        include: [path.resolve(__dirname, 'src'), ...PKG_SRC, resolveMonorepoRoot('node_modules/xxh3-ts')],
         loader: 'ts-loader',
         options: {
           transpileOnly: true, // ✅ disables type-checking