@webex/cc-digital-channels 0.0.0-next.1

package/dist/digital-channels/DigitalChannelsComponent.js

@@ -0,0 +1,59 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DigitalChannelsComponent = void 0;
+const react_1 = __importStar(require("react"));
+const cc_digital_interactions_1 = __importDefault(require("cc-digital-interactions"));
+require("@momentum-ui/web-components");
+/**
+ * Presentation component for Digital Channels.
+ * Renders the Engage widget with proper theming.
+ */
+const DigitalChannelsComponent = ({ conversationId, jwtToken, dataCenter, currentTheme = 'LIGHT', }) => {
+    // Create a stable key based on critical props to force remount when they change
+    // This prevents issues with the Froala editor trying to cleanup/reinitialize improperly
+    const componentKey = (0, react_1.useMemo)(() => {
+        return `${conversationId}-${jwtToken.slice(-8)}-${dataCenter}`;
+    }, [conversationId, jwtToken, dataCenter]);
+    const isDarkTheme = currentTheme === 'DARK';
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("md-theme", Object.assign({ id: "app-theme", theme: "momentumV2" }, (isDarkTheme ? { darktheme: true } : { lighttheme: true })),
+            react_1.default.createElement(cc_digital_interactions_1.default, { key: componentKey, conversationId: conversationId, jwtToken: jwtToken, dataCenter: dataCenter, interactionId: "", readonly: false, theme: isDarkTheme ? 'dark' : 'light', isVisualRebrand: true }))));
+};
+exports.DigitalChannelsComponent = DigitalChannelsComponent;
+//# sourceMappingURL=DigitalChannelsComponent.js.map

package/dist/digital-channels/DigitalChannelsComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DigitalChannelsComponent.js","sourceRoot":"","sources":["../../src/digital-channels/DigitalChannelsComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqC;AACrC,sFAA6C;AAE7C,uCAAqC;AAGrC;;;GAGG;AACH,MAAM,wBAAwB,GAA2D,CAAC,EACxF,cAAc,EACd,QAAQ,EACR,UAAU,EACV,YAAY,GAAG,OAAO,GACvB,EAAE,EAAE;IACH,gFAAgF;IAChF,wFAAwF;IACxF,MAAM,YAAY,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAChC,OAAO,GAAG,cAAc,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,UAAU,EAAE,CAAC;IACjE,CAAC,EAAE,CAAC,cAAc,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IAE3C,MAAM,WAAW,GAAG,YAAY,KAAK,MAAM,CAAC;IAE5C,OAAO,CACL;QACE,0DAAU,EAAE,EAAC,WAAW,EAAC,KAAK,EAAC,YAAY,IAAK,CAAC,WAAW,CAAC,CAAC,CAAC,EAAC,SAAS,EAAE,IAAI,EAAC,CAAC,CAAC,CAAC,EAAC,UAAU,EAAE,IAAI,EAAC,CAAC;YACpG,8BAAC,iCAAM,IACL,GAAG,EAAE,YAAY,EACjB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAC,EAAE,EAChB,QAAQ,EAAE,KAAK,EACf,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EACrC,eAAe,EAAE,IAAI,GACrB,CACO,CACP,CACP,CAAC;AACJ,CAAC,CAAC;AAEM,4DAAwB"}

package/dist/digital-channels/digital-channels.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=digital-channels.types.js.map

package/dist/digital-channels/digital-channels.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"digital-channels.types.js","sourceRoot":"","sources":["../../src/digital-channels/digital-channels.types.ts"],"names":[],"mappings":""}

package/dist/digital-channels/index.js

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DigitalChannels = void 0;
+const react_1 = __importDefault(require("react"));
+const mobx_react_lite_1 = require("mobx-react-lite");
+const react_error_boundary_1 = require("react-error-boundary");
+const cc_store_1 = __importDefault(require("@webex/cc-store"));
+const helper_1 = require("../helper");
+const DigitalChannelsComponent_1 = require("./DigitalChannelsComponent");
+const DigitalChannelsInternal = (0, mobx_react_lite_1.observer)(({ currentTheme }) => {
+    const { logger, currentTask, isDigitalChannelsInitialized, setDigitalChannelsInitialized, getAccessToken, dataCenter } = cc_store_1.default;
+    // Fetch JWT token and conversation ID
+    const { jwtToken, conversationId, hasError } = (0, helper_1.useDigitalChannelsData)({
+        getAccessToken,
+        currentTask,
+        logger,
+    });
+    // Initialize Digital Channels app once we have all required data
+    const { initialized } = (0, helper_1.useDigitalChannelsInit)({
+        currentTask: currentTask || {},
+        jwtToken: jwtToken || '',
+        dataCenter: dataCenter || '',
+        logger,
+        isDigitalChannelsInitialized,
+        setDigitalChannelsInitialized,
+        // Skip initialization if we don't have required data
+        skipInit: !currentTask || !jwtToken || !dataCenter,
+    });
+    // Early return after all hooks are called
+    if (!currentTask || !jwtToken || !dataCenter || hasError || !initialized || !conversationId) {
+        return null;
+    }
+    return (react_1.default.createElement(DigitalChannelsComponent_1.DigitalChannelsComponent, { conversationId: conversationId, jwtToken: jwtToken, dataCenter: dataCenter, currentTheme: currentTheme }));
+});
+const DigitalChannels = (props) => {
+    return (react_1.default.createElement(react_error_boundary_1.ErrorBoundary, { fallbackRender: () => react_1.default.createElement(react_1.default.Fragment, null), onError: (error) => {
+            if (cc_store_1.default.onErrorCallback)
+                cc_store_1.default.onErrorCallback('DigitalChannels', error);
+        } },
+        react_1.default.createElement(DigitalChannelsInternal, Object.assign({}, props))));
+};
+exports.DigitalChannels = DigitalChannels;
+//# sourceMappingURL=index.js.map

package/dist/digital-channels/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/digital-channels/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,qDAAyC;AACzC,+DAAmD;AAEnD,+DAAoC;AACpC,sCAAyE;AACzE,yEAAoE;AAGpE,MAAM,uBAAuB,GAAkD,IAAA,0BAAQ,EAAC,CAAC,EAAC,YAAY,EAAC,EAAE,EAAE;IACzG,MAAM,EAAC,MAAM,EAAE,WAAW,EAAE,4BAA4B,EAAE,6BAA6B,EAAE,cAAc,EAAE,UAAU,EAAC,GAClH,kBAAK,CAAC;IAER,sCAAsC;IACtC,MAAM,EAAC,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAC,GAAG,IAAA,+BAAsB,EAAC;QAClE,cAAc;QACd,WAAW;QACX,MAAM;KACP,CAAC,CAAC;IAEH,iEAAiE;IACjE,MAAM,EAAC,WAAW,EAAC,GAAG,IAAA,+BAAsB,EAAC;QAC3C,WAAW,EAAE,WAAW,IAAK,EAAyB;QACtD,QAAQ,EAAE,QAAQ,IAAI,EAAE;QACxB,UAAU,EAAE,UAAU,IAAI,EAAE;QAC5B,MAAM;QACN,4BAA4B;QAC5B,6BAA6B;QAC7B,qDAAqD;QACrD,QAAQ,EAAE,CAAC,WAAW,IAAI,CAAC,QAAQ,IAAI,CAAC,UAAU;KACnD,CAAC,CAAC;IAEH,0CAA0C;IAC1C,IAAI,CAAC,WAAW,IAAI,CAAC,QAAQ,IAAI,CAAC,UAAU,IAAI,QAAQ,IAAI,CAAC,WAAW,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5F,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,8BAAC,mDAAwB,IACvB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,eAAe,GAAkD,CAAC,KAAK,EAAE,EAAE;IAC/E,OAAO,CACL,8BAAC,oCAAa,IACZ,cAAc,EAAE,GAAG,EAAE,CAAC,6DAAK,EAC3B,OAAO,EAAE,CAAC,KAAY,EAAE,EAAE;YACxB,IAAI,kBAAK,CAAC,eAAe;gBAAE,kBAAK,CAAC,eAAe,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC;QAC7E,CAAC;QAED,8BAAC,uBAAuB,oBAAK,KAAK,EAAI,CACxB,CACjB,CAAC;AACJ,CAAC,CAAC;AAEM,0CAAe"}

package/dist/helper.js

@@ -0,0 +1,107 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDigitalChannelsData = exports.useDigitalChannelsInit = void 0;
+const react_1 = require("react");
+const cc_digital_interactions_1 = require("cc-digital-interactions");
+/**
+ * Hook to handle Digital Channels initialization.
+ * Ensures initialization happens only once per session using store flag.
+ */
+const useDigitalChannelsInit = (props) => {
+    const { currentTask, jwtToken, dataCenter, logger, isDigitalChannelsInitialized, setDigitalChannelsInitialized, skipInit = false, } = props;
+    const [initialized, setInitialized] = (0, react_1.useState)(isDigitalChannelsInitialized);
+    (0, react_1.useEffect)(() => {
+        // Skip initialization if required data is not available
+        if (skipInit) {
+            return;
+        }
+        const initialize = () => __awaiter(void 0, void 0, void 0, function* () {
+            // Initialize the digital channels app only once per session
+            if (!isDigitalChannelsInitialized) {
+                logger.log(`[DIGITAL_CHANNELS_INIT] Starting Digital Channels initialization for the FIRST TIME (dataCenter: ${dataCenter})...`, {
+                    module: 'cc-digital-channels',
+                    method: 'useDigitalChannelsInit',
+                });
+                try {
+                    yield (0, cc_digital_interactions_1.initializeApp)(dataCenter, jwtToken);
+                    setDigitalChannelsInitialized(true);
+                    setInitialized(true);
+                    logger.log('[DIGITAL_CHANNELS_INIT] ✅ Digital Channels app initialized SUCCESSFULLY', {
+                        module: 'cc-digital-channels',
+                        method: 'useDigitalChannelsInit',
+                    });
+                }
+                catch (error) {
+                    const errorMessage = error instanceof Error ? error.message : 'Unknown error';
+                    logger.error(`[DIGITAL_CHANNELS_INIT] ❌ Failed to initialize Digital Channels app: ${errorMessage}`, {
+                        module: 'cc-digital-channels',
+                        method: 'useDigitalChannelsInit',
+                        error,
+                    });
+                }
+            }
+            else {
+                logger.log('[DIGITAL_CHANNELS_INIT] ✅ App already initialized. Skipping re-initialization.', {
+                    module: 'cc-digital-channels',
+                    method: 'useDigitalChannelsInit',
+                });
+                setInitialized(true);
+            }
+        });
+        initialize();
+    }, [currentTask, skipInit, jwtToken]);
+    return { initialized };
+};
+exports.useDigitalChannelsInit = useDigitalChannelsInit;
+/**
+ * Hook to handle fetching Digital Channels data (token and conversationId).
+ * Centralizes token fetching logic to keep the component clean.
+ */
+const useDigitalChannelsData = (props) => {
+    const { getAccessToken, currentTask, logger } = props;
+    const [jwtToken, setJwtToken] = (0, react_1.useState)('');
+    const [tokenError, setTokenError] = (0, react_1.useState)(false);
+    // Fetch access token from the store
+    (0, react_1.useEffect)(() => {
+        const fetchToken = () => __awaiter(void 0, void 0, void 0, function* () {
+            try {
+                const token = yield getAccessToken();
+                setJwtToken(token);
+            }
+            catch (error) {
+                logger === null || logger === void 0 ? void 0 : logger.error('[DIGITAL_CHANNELS] ❌ Failed to get access token', {
+                    module: 'cc-digital-channels',
+                    method: 'useDigitalChannelsData.fetchToken',
+                    error,
+                });
+                setTokenError(true);
+            }
+        });
+        fetchToken();
+    }, [getAccessToken, logger]);
+    // Extract conversationId from currentTask (always call this, return empty string if no task)
+    const conversationId = (0, react_1.useMemo)(() => {
+        var _a;
+        if (!currentTask)
+            return '';
+        return (((_a = currentTask.data.interaction.callAssociatedDetails) === null || _a === void 0 ? void 0 : _a.mediaResourceId) || '');
+    }, [currentTask]);
+    const hasError = tokenError;
+    return {
+        jwtToken,
+        conversationId,
+        tokenError,
+        hasError,
+    };
+};
+exports.useDigitalChannelsData = useDigitalChannelsData;
+//# sourceMappingURL=helper.js.map

package/dist/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","sourceRoot":"","sources":["../src/helper.ts"],"names":[],"mappings":"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"}