@webex/cc-store 1.28.0-ccwidgets.45 → 1.28.0-ccwidgets.46

package/dist/index.js

@@ -12346,7 +12346,7 @@ eval("\nvar __createBinding = (this && this.__createBinding) || (Object.create ?
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst mobx_1 = __webpack_require__(/*! mobx */ \"../../../node_modules/mobx/dist/mobx.esm.js\");\nconst contact_center_1 = __importDefault(__webpack_require__(/*! webex/contact-center */ \"./node_modules/webex/dist/contact-center.js\"));\nclass Store {\n    constructor() {\n        this.teams = [];\n        this.loginOptions = [];\n        this.idleCodes = [];\n        this.agentId = '';\n        this.currentTheme = 'LIGHT';\n        this.wrapupCodes = [];\n        this.incomingTask = null;\n        this.currentTask = null;\n        this.isAgentLoggedIn = false;\n        this.deviceType = '';\n        this.taskList = [];\n        this.wrapupRequired = false;\n        this.currentState = '';\n        this.customState = null;\n        this.consultCompleted = false;\n        this.consultInitiated = false;\n        this.consultAccepted = false;\n        this.consultStartTimeStamp = undefined;\n        this.showMultipleLoginAlert = false;\n        this.callControlAudio = null;\n        this.consultOfferReceived = false;\n        (0, mobx_1.makeAutoObservable)(this, {\n            cc: mobx_1.observable.ref,\n        });\n    }\n    static getInstance() {\n        if (!Store.instance) {\n            console.log('Creating new store instance');\n            Store.instance = new Store();\n        }\n        console.log('Returning store instance');\n        return Store.instance;\n    }\n    registerCC(webex) {\n        if (webex) {\n            this.cc = webex.cc;\n        }\n        if (typeof webex === 'undefined' && typeof this.cc === 'undefined') {\n            throw new Error('Webex SDK not initialized');\n        }\n        this.logger = this.cc.LoggerProxy;\n        return this.cc\n            .register()\n            .then((response) => {\n            this.teams = response.teams;\n            this.loginOptions = response.webRtcEnabled\n                ? response.loginVoiceOptions\n                : response.loginVoiceOptions.filter((option) => option !== 'BROWSER');\n            this.idleCodes = response.idleCodes;\n            this.agentId = response.agentId;\n            this.wrapupCodes = response.wrapupCodes;\n            this.isAgentLoggedIn = response.isAgentLoggedIn;\n            this.deviceType = response.deviceType;\n            this.currentState = response.lastStateAuxCodeId;\n            this.lastStateChangeTimestamp = response.lastStateChangeTimestamp;\n            this.lastIdleCodeChangeTimestamp = response.lastIdleCodeChangeTimestamp;\n        })\n            .catch((error) => {\n            this.logger.error(`Error registering contact center: ${error}`, {\n                module: 'cc-store#store.ts',\n                method: 'registerCC',\n            });\n            return Promise.reject(error);\n        });\n    }\n    init(options, setupEventListeners) {\n        if ('webex' in options) {\n            // If devs decide to go with webex, they will have to listen to the ready event before calling init\n            // This has to be documented\n            setupEventListeners(options.webex.cc);\n            return this.registerCC(options.webex);\n        }\n        return new Promise((resolve, reject) => {\n            const timer = setTimeout(() => {\n                reject(new Error('Webex SDK failed to initialize'));\n            }, 6000);\n            const webex = contact_center_1.default.init({\n                config: options.webexConfig,\n                credentials: {\n                    access_token: options.access_token,\n                },\n            });\n            webex.once('ready', () => {\n                setupEventListeners(webex.cc);\n                clearTimeout(timer);\n                this.registerCC(webex)\n                    .then(() => {\n                    resolve();\n                })\n                    .catch((error) => {\n                    reject(error);\n                });\n            });\n        });\n    }\n}\nexports[\"default\"] = Store;\n\n\n//# sourceURL=webpack://@webex/cc-store/./src/store.ts?");
+eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst mobx_1 = __webpack_require__(/*! mobx */ \"../../../node_modules/mobx/dist/mobx.esm.js\");\nconst contact_center_1 = __importDefault(__webpack_require__(/*! webex/contact-center */ \"./node_modules/webex/dist/contact-center.js\"));\nclass Store {\n    constructor() {\n        this.teams = [];\n        this.loginOptions = [];\n        this.idleCodes = [];\n        this.agentId = '';\n        this.currentTheme = 'LIGHT';\n        this.wrapupCodes = [];\n        this.incomingTask = null;\n        this.currentTask = null;\n        this.isAgentLoggedIn = false;\n        this.deviceType = '';\n        this.taskList = [];\n        this.wrapupRequired = false;\n        this.currentState = '';\n        this.customState = null;\n        this.consultCompleted = false;\n        this.consultInitiated = false;\n        this.consultAccepted = false;\n        this.isQueueConsultInProgress = false;\n        this.currentConsultQueueId = '';\n        this.consultStartTimeStamp = undefined;\n        this.showMultipleLoginAlert = false;\n        this.callControlAudio = null;\n        this.consultOfferReceived = false;\n        this.isEndConsultEnabled = false;\n        this.allowConsultToQueue = false;\n        (0, mobx_1.makeAutoObservable)(this, {\n            cc: mobx_1.observable.ref,\n        });\n    }\n    static getInstance() {\n        if (!Store.instance) {\n            console.log('Creating new store instance');\n            Store.instance = new Store();\n        }\n        console.log('Returning store instance');\n        return Store.instance;\n    }\n    registerCC(webex) {\n        if (webex) {\n            this.cc = webex.cc;\n        }\n        if (typeof webex === 'undefined' && typeof this.cc === 'undefined') {\n            throw new Error('Webex SDK not initialized');\n        }\n        this.logger = this.cc.LoggerProxy;\n        return this.cc\n            .register()\n            .then((response) => {\n            this.teams = response.teams;\n            this.loginOptions = response.webRtcEnabled\n                ? response.loginVoiceOptions\n                : response.loginVoiceOptions.filter((option) => option !== 'BROWSER');\n            this.idleCodes = response.idleCodes;\n            this.agentId = response.agentId;\n            this.wrapupCodes = response.wrapupCodes;\n            this.isAgentLoggedIn = response.isAgentLoggedIn;\n            this.deviceType = response.deviceType;\n            this.currentState = response.lastStateAuxCodeId;\n            this.lastStateChangeTimestamp = response.lastStateChangeTimestamp;\n            this.lastIdleCodeChangeTimestamp = response.lastIdleCodeChangeTimestamp;\n            this.isEndConsultEnabled = response.isEndConsultEnabled;\n            this.allowConsultToQueue = response.allowConsultToQueue;\n        })\n            .catch((error) => {\n            this.logger.error(`Error registering contact center: ${error}`, {\n                module: 'cc-store#store.ts',\n                method: 'registerCC',\n            });\n            return Promise.reject(error);\n        });\n    }\n    init(options, setupEventListeners) {\n        if ('webex' in options) {\n            // If devs decide to go with webex, they will have to listen to the ready event before calling init\n            // This has to be documented\n            setupEventListeners(options.webex.cc);\n            return this.registerCC(options.webex);\n        }\n        return new Promise((resolve, reject) => {\n            const timer = setTimeout(() => {\n                reject(new Error('Webex SDK failed to initialize'));\n            }, 6000);\n            const webex = contact_center_1.default.init({\n                config: options.webexConfig,\n                credentials: {\n                    access_token: options.access_token,\n                },\n            });\n            webex.once('ready', () => {\n                setupEventListeners(webex.cc);\n                clearTimeout(timer);\n                this.registerCC(webex)\n                    .then(() => {\n                    resolve();\n                })\n                    .catch((error) => {\n                    reject(error);\n                });\n            });\n        });\n    }\n}\nexports[\"default\"] = Store;\n\n\n//# sourceURL=webpack://@webex/cc-store/./src/store.ts?");
 
 /***/ }),
 
@@ -12357,7 +12357,7 @@ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {
 /***/ ((__unused_webpack_module, exports) => {
 
 "use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.ENGAGED_USERNAME = exports.ENGAGED_LABEL = exports.TASK_EVENTS = exports.CC_EVENTS = void 0;\nvar TASK_EVENTS;\n(function (TASK_EVENTS) {\n    TASK_EVENTS[\"TASK_INCOMING\"] = \"task:incoming\";\n    TASK_EVENTS[\"TASK_ASSIGNED\"] = \"task:assigned\";\n    TASK_EVENTS[\"TASK_MEDIA\"] = \"task:media\";\n    TASK_EVENTS[\"TASK_HOLD\"] = \"task:hold\";\n    TASK_EVENTS[\"TASK_UNHOLD\"] = \"task:unhold\";\n    TASK_EVENTS[\"TASK_CONSULT\"] = \"task:consult\";\n    TASK_EVENTS[\"TASK_CONSULT_END\"] = \"task:consultEnd\";\n    TASK_EVENTS[\"TASK_CONSULT_ACCEPTED\"] = \"task:consultAccepted\";\n    TASK_EVENTS[\"TASK_PAUSE\"] = \"task:pause\";\n    TASK_EVENTS[\"TASK_RESUME\"] = \"task:resume\";\n    TASK_EVENTS[\"TASK_END\"] = \"task:end\";\n    TASK_EVENTS[\"TASK_WRAPUP\"] = \"task:wrapup\";\n    TASK_EVENTS[\"TASK_REJECT\"] = \"task:rejected\";\n    TASK_EVENTS[\"TASK_HYDRATE\"] = \"task:hydrate\";\n    TASK_EVENTS[\"TASK_CONSULTING\"] = \"task:consulting\";\n    TASK_EVENTS[\"AGENT_CONTACT_ASSIGNED\"] = \"AgentContactAssigned\";\n    TASK_EVENTS[\"CONTACT_RECORDING_PAUSED\"] = \"ContactRecordingPaused\";\n    TASK_EVENTS[\"CONTACT_RECORDING_RESUMED\"] = \"ContactRecordingResumed\";\n    TASK_EVENTS[\"AGENT_WRAPPEDUP\"] = \"AgentWrappedUp\";\n    TASK_EVENTS[\"AGENT_CONSULT_CREATED\"] = \"AgentConsultCreated\";\n})(TASK_EVENTS || (exports.TASK_EVENTS = TASK_EVENTS = {})); // TODO: remove this once cc sdk exports this enum\n// Events that are received on the contact center SDK\n// TODO: Export & Import these constants from SDK\nvar CC_EVENTS;\n(function (CC_EVENTS) {\n    CC_EVENTS[\"AGENT_DN_REGISTERED\"] = \"AgentDNRegistered\";\n    CC_EVENTS[\"AGENT_LOGOUT_SUCCESS\"] = \"AgentLogoutSuccess\";\n    CC_EVENTS[\"AGENT_STATION_LOGIN_SUCCESS\"] = \"AgentStationLoginSuccess\";\n    CC_EVENTS[\"AGENT_MULTI_LOGIN\"] = \"agent:multiLogin\";\n    CC_EVENTS[\"AGENT_STATE_CHANGE\"] = \"agent:stateChange\";\n    CC_EVENTS[\"AGENT_RELOGIN_SUCCESS\"] = \"AgentReloginSuccess\";\n    CC_EVENTS[\"AGENT_OFFER_CONSULT\"] = \"AgentOfferConsult\";\n})(CC_EVENTS || (exports.CC_EVENTS = CC_EVENTS = {}));\nconst ENGAGED_LABEL = 'ENGAGED';\nexports.ENGAGED_LABEL = ENGAGED_LABEL;\nconst ENGAGED_USERNAME = 'Engaged';\nexports.ENGAGED_USERNAME = ENGAGED_USERNAME;\n\n\n//# sourceURL=webpack://@webex/cc-store/./src/store.types.ts?");
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.ENGAGED_USERNAME = exports.ENGAGED_LABEL = exports.TASK_EVENTS = exports.CC_EVENTS = void 0;\nvar TASK_EVENTS;\n(function (TASK_EVENTS) {\n    TASK_EVENTS[\"TASK_INCOMING\"] = \"task:incoming\";\n    TASK_EVENTS[\"TASK_ASSIGNED\"] = \"task:assigned\";\n    TASK_EVENTS[\"TASK_MEDIA\"] = \"task:media\";\n    TASK_EVENTS[\"TASK_HOLD\"] = \"task:hold\";\n    TASK_EVENTS[\"TASK_UNHOLD\"] = \"task:unhold\";\n    TASK_EVENTS[\"TASK_CONSULT\"] = \"task:consult\";\n    TASK_EVENTS[\"TASK_CONSULT_END\"] = \"task:consultEnd\";\n    TASK_EVENTS[\"TASK_CONSULT_ACCEPTED\"] = \"task:consultAccepted\";\n    TASK_EVENTS[\"TASK_PAUSE\"] = \"task:pause\";\n    TASK_EVENTS[\"TASK_RESUME\"] = \"task:resume\";\n    TASK_EVENTS[\"TASK_END\"] = \"task:end\";\n    TASK_EVENTS[\"TASK_WRAPUP\"] = \"task:wrapup\";\n    TASK_EVENTS[\"TASK_REJECT\"] = \"task:rejected\";\n    TASK_EVENTS[\"TASK_HYDRATE\"] = \"task:hydrate\";\n    TASK_EVENTS[\"TASK_CONSULTING\"] = \"task:consulting\";\n    TASK_EVENTS[\"TASK_CONSULT_QUEUE_CANCELLED\"] = \"task:consultQueueCancelled\";\n    TASK_EVENTS[\"AGENT_CONTACT_ASSIGNED\"] = \"AgentContactAssigned\";\n    TASK_EVENTS[\"CONTACT_RECORDING_PAUSED\"] = \"ContactRecordingPaused\";\n    TASK_EVENTS[\"CONTACT_RECORDING_RESUMED\"] = \"ContactRecordingResumed\";\n    TASK_EVENTS[\"AGENT_WRAPPEDUP\"] = \"AgentWrappedUp\";\n    TASK_EVENTS[\"AGENT_CONSULT_CREATED\"] = \"AgentConsultCreated\";\n})(TASK_EVENTS || (exports.TASK_EVENTS = TASK_EVENTS = {})); // TODO: remove this once cc sdk exports this enum\n// Events that are received on the contact center SDK\n// TODO: Export & Import these constants from SDK\nvar CC_EVENTS;\n(function (CC_EVENTS) {\n    CC_EVENTS[\"AGENT_DN_REGISTERED\"] = \"AgentDNRegistered\";\n    CC_EVENTS[\"AGENT_LOGOUT_SUCCESS\"] = \"AgentLogoutSuccess\";\n    CC_EVENTS[\"AGENT_STATION_LOGIN_SUCCESS\"] = \"AgentStationLoginSuccess\";\n    CC_EVENTS[\"AGENT_MULTI_LOGIN\"] = \"agent:multiLogin\";\n    CC_EVENTS[\"AGENT_STATE_CHANGE\"] = \"agent:stateChange\";\n    CC_EVENTS[\"AGENT_RELOGIN_SUCCESS\"] = \"AgentReloginSuccess\";\n    CC_EVENTS[\"AGENT_OFFER_CONSULT\"] = \"AgentOfferConsult\";\n})(CC_EVENTS || (exports.CC_EVENTS = CC_EVENTS = {}));\nconst ENGAGED_LABEL = 'ENGAGED';\nexports.ENGAGED_LABEL = ENGAGED_LABEL;\nconst ENGAGED_USERNAME = 'Engaged';\nexports.ENGAGED_USERNAME = ENGAGED_USERNAME;\n\n\n//# sourceURL=webpack://@webex/cc-store/./src/store.types.ts?");
 
 /***/ }),
 
@@ -12368,7 +12368,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexpo
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst store_types_1 = __webpack_require__(/*! ./store.types */ \"./src/store.types.ts\");\nconst store_1 = __importDefault(__webpack_require__(/*! ./store */ \"./src/store.ts\"));\nconst mobx_1 = __webpack_require__(/*! mobx */ \"../../../node_modules/mobx/dist/mobx.esm.js\");\nclass StoreWrapper {\n    constructor() {\n        this.setCurrentTheme = (theme) => {\n            this.store.currentTheme = theme;\n        };\n        this.setShowMultipleLoginAlert = (value) => {\n            this.store.showMultipleLoginAlert = value;\n        };\n        this.setDeviceType = (option) => {\n            this.store.deviceType = option;\n        };\n        this.setCurrentState = (state) => {\n            (0, mobx_1.runInAction)(() => {\n                this.store.currentState = state;\n                this.store.customState = null;\n            });\n        };\n        this.setLastStateChangeTimestamp = (timestamp) => {\n            (0, mobx_1.runInAction)(() => {\n                this.store.lastStateChangeTimestamp = timestamp;\n            });\n        };\n        this.setLastIdleCodeChangeTimestamp = (timestamp) => {\n            (0, mobx_1.runInAction)(() => {\n                this.store.lastIdleCodeChangeTimestamp = timestamp;\n            });\n        };\n        this.setIsAgentLoggedIn = (value) => {\n            this.store.isAgentLoggedIn = value;\n        };\n        this.setWrapupRequired = (value) => {\n            this.store.wrapupRequired = value;\n        };\n        this.setCurrentTask = (task) => {\n            (0, mobx_1.runInAction)(() => {\n                this.store.currentTask = task;\n            });\n        };\n        this.setIncomingTask = (task) => {\n            this.store.incomingTask = task;\n        };\n        this.setTaskList = (taskList) => {\n            this.store.taskList = taskList;\n        };\n        this.setWrapupCodes = (wrapupCodes) => {\n            this.store.wrapupCodes = wrapupCodes;\n        };\n        this.setConsultCompleted = (value) => {\n            this.store.consultCompleted = value;\n        };\n        this.setConsultInitiated = (value) => {\n            this.store.consultInitiated = value;\n        };\n        this.setConsultAccepted = (value) => {\n            this.store.consultAccepted = value;\n        };\n        this.setConsultOfferReceived = (value) => {\n            this.store.consultOfferReceived = value;\n        };\n        this.setConsultStartTimeStamp = (timestamp) => {\n            this.store.consultStartTimeStamp = timestamp;\n        };\n        this.setCallControlAudio = (audio) => {\n            this.store.callControlAudio = audio;\n        };\n        this.setState = (state) => {\n            if ('reset' in state) {\n                (0, mobx_1.runInAction)(() => {\n                    this.store.customState = null;\n                });\n                return;\n            }\n            if ('id' in state) {\n                (0, mobx_1.runInAction)(() => {\n                    this.setCurrentState(state.id);\n                    this.store.customState = null;\n                });\n            }\n            else {\n                (0, mobx_1.runInAction)(() => {\n                    this.store.customState = state;\n                });\n            }\n        };\n        this.setTaskRejected = (callback) => {\n            this.onTaskRejected = callback;\n        };\n        this.setCCCallback = (event, callback) => {\n            if (!callback)\n                return;\n            this.store.cc.on(event, callback);\n        };\n        this.setTaskCallback = (event, callback, taskId) => {\n            if (!callback)\n                return;\n            const task = this.store.taskList.find((task) => task.data.interactionId === taskId);\n            if (!task)\n                return;\n            task.on(event, callback);\n        };\n        this.removeCCCallback = (event) => {\n            this.store.cc.off(event);\n        };\n        this.removeTaskCallback = (event, callback, taskId) => {\n            if (!callback)\n                return;\n            const task = this.store.taskList.find((task) => task.data.interactionId === taskId);\n            if (!task)\n                return;\n            task.off(event, callback);\n        };\n        this.registerCC = (webex) => {\n            return this.store.registerCC(webex);\n        };\n        this.handleTaskRemove = (event) => {\n            const taskId = event;\n            // Remove the task from the taskList\n            const taskToRemove = this.store.taskList.find((task) => task.data.interactionId === taskId);\n            if (taskToRemove) {\n                taskToRemove.off(store_types_1.TASK_EVENTS.TASK_ASSIGNED, this.handleTaskAssigned);\n                taskToRemove.off(store_types_1.TASK_EVENTS.TASK_END, ({ wrapupRequired }) => this.handleTaskEnd(taskToRemove, wrapupRequired));\n                taskToRemove.off(store_types_1.TASK_EVENTS.TASK_REJECT, (reason) => this.handleTaskReject(taskToRemove.interactionId, reason));\n                taskToRemove.off(store_types_1.TASK_EVENTS.AGENT_WRAPPEDUP, this.handleTaskWrapUp);\n                taskToRemove.off(store_types_1.TASK_EVENTS.TASK_CONSULTING, this.handleConsulting);\n                taskToRemove.off(store_types_1.CC_EVENTS.AGENT_OFFER_CONSULT, this.handleConsultOffer);\n                taskToRemove.off(store_types_1.TASK_EVENTS.TASK_CONSULT_END, this.handleConsultEnd);\n                taskToRemove.off(store_types_1.TASK_EVENTS.TASK_CONSULT_ACCEPTED, this.handleConsultAccepted);\n                taskToRemove.off(store_types_1.TASK_EVENTS.AGENT_CONSULT_CREATED, this.handleConsultCreated);\n                if (this.deviceType === 'BROWSER') {\n                    taskToRemove.off(store_types_1.TASK_EVENTS.TASK_MEDIA, this.handleTaskMedia);\n                    this.setCallControlAudio(null);\n                }\n            }\n            const updateTaskList = this.store.taskList.filter((task) => task.data.interactionId !== taskId);\n            (0, mobx_1.runInAction)(() => {\n                var _a, _b;\n                this.setTaskList(updateTaskList);\n                this.setWrapupRequired(false);\n                this.setConsultAccepted(false);\n                this.setConsultInitiated(false);\n                this.setConsultCompleted(false);\n                // Remove the task from currentTask or incomingTask if it is the same task\n                if (((_a = this.store.currentTask) === null || _a === void 0 ? void 0 : _a.data.interactionId) === taskId) {\n                    this.setCurrentTask(null);\n                }\n                if (((_b = this.store.incomingTask) === null || _b === void 0 ? void 0 : _b.data.interactionId) === taskId) {\n                    this.setIncomingTask(null);\n                }\n                // reset the custom state\n                this.setState({\n                    reset: true,\n                });\n            });\n        };\n        this.handleTaskEnd = (event, wrapupRequired) => {\n            // If the call is ended by agent we get the task object in event.data\n            // If the call is ended by customer we get the task object directly\n            const task = event.data ? event.data : event;\n            if (wrapupRequired) {\n                this.setWrapupRequired(true);\n            }\n            else {\n                this.handleTaskRemove(task.interactionId);\n            }\n        };\n        this.handleTaskAssigned = (event) => {\n            const task = event;\n            (0, mobx_1.runInAction)(() => {\n                if (this.consultAccepted) {\n                    this.setConsultAccepted(false);\n                    this.setConsultInitiated(false);\n                    this.setConsultCompleted(false);\n                }\n                this.setCurrentTask(task);\n                this.setIncomingTask(null);\n                this.setState({\n                    developerName: store_types_1.ENGAGED_LABEL,\n                    name: store_types_1.ENGAGED_USERNAME,\n                });\n            });\n        };\n        this.handleTaskWrapUp = (event) => {\n            const task = event;\n            this.setWrapupRequired(false);\n            this.handleTaskRemove(task.interactionId);\n        };\n        this.handleTaskMedia = (track) => {\n            this.setCallControlAudio(new MediaStream([track]));\n        };\n        // Case to handle multi session\n        this.handleConsultCreated = () => {\n            this.setConsultInitiated(true);\n            this.setConsultStartTimeStamp(Date.now());\n        };\n        this.handleConsulting = (event) => {\n            this.setConsultCompleted(true);\n            this.setCurrentTask(event);\n            this.handleIncomingTask(event);\n            this.setConsultStartTimeStamp(Date.now());\n        };\n        this.handleConsultEnd = (event) => {\n            const task = event;\n            this.setConsultInitiated(false);\n            if (this.consultAccepted) {\n                this.setConsultAccepted(false);\n                this.handleTaskRemove(task.data.interactionId);\n            }\n            else if (this.consultOfferReceived) {\n                this.setConsultOfferReceived(false);\n                this.handleTaskRemove(task.data.interactionId);\n            }\n            this.setConsultCompleted(false);\n            this.setConsultStartTimeStamp(null);\n        };\n        this.handleConsultOffer = () => {\n            this.setConsultOfferReceived(true);\n        };\n        this.handleConsultAccepted = (event) => {\n            const task = event;\n            (0, mobx_1.runInAction)(() => {\n                this.setCurrentTask(task);\n                this.setIncomingTask(null);\n                this.setConsultAccepted(true);\n                this.setConsultStartTimeStamp(Date.now());\n                this.setConsultCompleted(true);\n                this.setState({\n                    developerName: store_types_1.ENGAGED_LABEL,\n                    name: store_types_1.ENGAGED_USERNAME,\n                });\n                if (this.deviceType === 'BROWSER') {\n                    task.on(store_types_1.TASK_EVENTS.TASK_MEDIA, this.handleTaskMedia);\n                }\n            });\n        };\n        this.handleIncomingTask = (event) => {\n            const task = event;\n            if (this.store.taskList.some((t) => t.data.interactionId === task.data.interactionId)) {\n                // Task already present in the taskList\n                return;\n            }\n            // Attach event listeners to the task\n            task.on(store_types_1.TASK_EVENTS.TASK_END, ({ wrapupRequired }) => this.handleTaskEnd(task, wrapupRequired));\n            // When we receive TASK_ASSIGNED the task was accepted by the agent and we need wrap up\n            task.on(store_types_1.TASK_EVENTS.TASK_ASSIGNED, this.handleTaskAssigned);\n            task.on(store_types_1.TASK_EVENTS.AGENT_CONSULT_CREATED, this.handleConsultCreated);\n            if (this.deviceType === 'BROWSER') {\n                task.on(store_types_1.TASK_EVENTS.TASK_MEDIA, this.handleTaskMedia);\n            }\n            // When we receive TASK_REJECT sdk changes the agent status\n            // When we receive TASK_REJECT that means the task was not accepted by the agent and we wont need wrap up\n            task.on(store_types_1.TASK_EVENTS.TASK_REJECT, (reason) => this.handleTaskReject(task.data.interactionId, reason));\n            task.on(store_types_1.TASK_EVENTS.AGENT_WRAPPEDUP, this.handleTaskWrapUp);\n            task.on(store_types_1.TASK_EVENTS.TASK_CONSULTING, this.handleConsulting);\n            task.on(store_types_1.TASK_EVENTS.TASK_CONSULT_ACCEPTED, this.handleConsultAccepted);\n            task.on(store_types_1.CC_EVENTS.AGENT_OFFER_CONSULT, this.handleConsultOffer);\n            task.on(store_types_1.TASK_EVENTS.TASK_CONSULT_END, this.handleConsultEnd);\n            this.setIncomingTask(task);\n            this.setTaskList([...this.store.taskList, task]);\n        };\n        this.handleStateChange = (data) => {\n            var _a;\n            if (data && typeof data === 'object' && data.type === 'AgentStateChangeSuccess') {\n                const DEFAULT_CODE = '0'; // Default code when no aux code is present\n                this.setCurrentState(((_a = data.auxCodeId) === null || _a === void 0 ? void 0 : _a.trim()) !== '' ? data.auxCodeId : DEFAULT_CODE);\n                this.setLastStateChangeTimestamp(data.lastStateChangeTimestamp);\n                this.setLastIdleCodeChangeTimestamp(data.lastIdleCodeChangeTimestamp);\n            }\n        };\n        this.handleMultiLoginCloseSession = (data) => {\n            if (data && typeof data === 'object' && data.type === 'AgentMultiLoginCloseSession') {\n                this.setShowMultipleLoginAlert(true);\n            }\n        };\n        this.handleTaskHydrate = (event) => {\n            const task = event;\n            task.on(store_types_1.TASK_EVENTS.TASK_END, ({ wrapupRequired }) => this.handleTaskEnd(task, wrapupRequired));\n            // When we receive TASK_ASSIGNED the task was accepted by the agent and we need wrap up\n            task.on(store_types_1.TASK_EVENTS.TASK_ASSIGNED, this.handleTaskAssigned);\n            task.on(store_types_1.TASK_EVENTS.TASK_CONSULT_ACCEPTED, this.handleConsultAccepted);\n            task.on(store_types_1.TASK_EVENTS.AGENT_CONSULT_CREATED, this.handleConsultCreated);\n            // When we receive TASK_REJECT sdk changes the agent status\n            // When we receive TASK_REJECT that means the task was not accepted by the agent and we wont need wrap up\n            task.on(store_types_1.TASK_EVENTS.TASK_REJECT, (reason) => this.handleTaskReject(task.data.interactionId, reason));\n            task.on(store_types_1.TASK_EVENTS.AGENT_WRAPPEDUP, this.handleTaskWrapUp);\n            task.on(store_types_1.TASK_EVENTS.TASK_CONSULTING, this.handleConsulting);\n            task.on(store_types_1.CC_EVENTS.AGENT_OFFER_CONSULT, this.handleConsultOffer);\n            task.on(store_types_1.TASK_EVENTS.TASK_CONSULT_END, this.handleConsultEnd);\n            if (this.deviceType === 'BROWSER') {\n                task.on(store_types_1.TASK_EVENTS.TASK_MEDIA, this.handleTaskMedia);\n            }\n            if (!this.store.taskList.some((t) => t.data.interactionId === task.data.interactionId)) {\n                this.setTaskList([...this.store.taskList, task]);\n            }\n            this.setCurrentTask(task);\n            this.setIncomingTask(null);\n            if (task.data.interaction.state === 'consulting') {\n                if (task.data.isConsulted) {\n                    this.setConsultAccepted(true);\n                }\n                else {\n                    this.setConsultInitiated(true);\n                }\n                this.setConsultStartTimeStamp(Date.now());\n                this.setConsultCompleted(true);\n            }\n            this.setState({\n                developerName: store_types_1.ENGAGED_LABEL,\n                name: store_types_1.ENGAGED_USERNAME,\n            });\n            const { interaction, agentId } = task.data;\n            const { state, isTerminated, participants } = interaction;\n            // Update call control states\n            if (isTerminated) {\n                // wrapup\n                const wrapupRequired = state === 'wrapUp' && !participants[agentId].isWrappedUp;\n                this.setWrapupRequired(wrapupRequired);\n                if (!wrapupRequired) {\n                    this.setState({\n                        reset: true,\n                    });\n                }\n                return;\n            }\n        };\n        this.handleTaskReject = (taskId, reason) => {\n            if (this.onTaskRejected) {\n                this.onTaskRejected(reason || 'No reason provided');\n            }\n            this.handleTaskRemove(taskId);\n        };\n        this.getBuddyAgents = () => __awaiter(this, void 0, void 0, function* () {\n            try {\n                const response = yield this.store.cc.getBuddyAgents({\n                    mediaType: 'telephony',\n                    state: 'Available',\n                });\n                return response.data.agentList;\n            }\n            catch (error) {\n                return Promise.reject(error);\n            }\n        });\n        this.cleanUpStore = () => {\n            (0, mobx_1.runInAction)(() => {\n                this.setIsAgentLoggedIn(false);\n                this.setDeviceType('');\n                this.setIncomingTask(null);\n                this.setCurrentTask(null);\n                this.setTaskList([]);\n                this.setWrapupRequired(false);\n                this.setLastStateChangeTimestamp(undefined);\n                this.setLastIdleCodeChangeTimestamp(undefined);\n                this.setShowMultipleLoginAlert(false);\n                this.setConsultStartTimeStamp(undefined);\n            });\n        };\n        this.setupIncomingTaskHandler = (ccSDK) => {\n            let listenersAdded = false;\n            const handleLogOut = () => {\n                this.cleanUpStore();\n                removeEventListeners();\n                listenersAdded = false;\n            };\n            const addEventListeners = () => {\n                ccSDK.on(store_types_1.TASK_EVENTS.TASK_HYDRATE, this.handleTaskHydrate);\n                ccSDK.on(store_types_1.CC_EVENTS.AGENT_STATE_CHANGE, this.handleStateChange);\n                ccSDK.on(store_types_1.TASK_EVENTS.TASK_INCOMING, this.handleIncomingTask);\n                ccSDK.on(store_types_1.CC_EVENTS.AGENT_MULTI_LOGIN, this.handleMultiLoginCloseSession);\n                ccSDK.on(store_types_1.CC_EVENTS.AGENT_LOGOUT_SUCCESS, handleLogOut);\n            };\n            const removeEventListeners = () => {\n                ccSDK.off(store_types_1.TASK_EVENTS.TASK_HYDRATE, this.handleTaskHydrate);\n                ccSDK.off(store_types_1.CC_EVENTS.AGENT_STATE_CHANGE, this.handleStateChange);\n                ccSDK.off(store_types_1.TASK_EVENTS.TASK_INCOMING, this.handleIncomingTask);\n                ccSDK.off(store_types_1.CC_EVENTS.AGENT_MULTI_LOGIN, this.handleMultiLoginCloseSession);\n                ccSDK.off(store_types_1.CC_EVENTS.AGENT_LOGOUT_SUCCESS, handleLogOut);\n            };\n            // TODO: https://jira-eng-gpk2.cisco.com/jira/browse/SPARK-626777 Implement the de-register method and close the listener there\n            const handleLogin = (payload) => {\n                (0, mobx_1.runInAction)(() => {\n                    var _a;\n                    this.setIsAgentLoggedIn(true);\n                    this.setDeviceType(payload.deviceType);\n                    this.setCurrentState(((_a = payload.auxCodeId) === null || _a === void 0 ? void 0 : _a.trim()) !== '' ? payload.auxCodeId : '0');\n                    this.setLastStateChangeTimestamp(payload.lastStateChangeTimestamp);\n                    this.setLastIdleCodeChangeTimestamp(payload.lastIdleCodeChangeTimestamp);\n                });\n            };\n            ccSDK.on(store_types_1.CC_EVENTS.AGENT_STATION_LOGIN_SUCCESS, handleLogin);\n            [store_types_1.CC_EVENTS.AGENT_DN_REGISTERED, store_types_1.CC_EVENTS.AGENT_RELOGIN_SUCCESS].forEach((event) => {\n                ccSDK.on(`${event}`, () => {\n                    if (!listenersAdded) {\n                        addEventListeners();\n                        listenersAdded = true;\n                    }\n                });\n            });\n        };\n        this.store = store_1.default.getInstance();\n    }\n    // Proxy all methods and properties of the original store\n    get teams() {\n        return this.store.teams;\n    }\n    get loginOptions() {\n        return this.store.loginOptions;\n    }\n    get cc() {\n        return this.store.cc;\n    }\n    get logger() {\n        return this.store.logger;\n    }\n    get idleCodes() {\n        return this.store.idleCodes.filter((code) => {\n            return code.name === 'RONA' || !code.isSystem;\n        });\n    }\n    get agentId() {\n        return this.store.agentId;\n    }\n    get deviceType() {\n        return this.store.deviceType;\n    }\n    get wrapupCodes() {\n        return this.store.wrapupCodes;\n    }\n    get currentTask() {\n        return this.store.currentTask;\n    }\n    get isAgentLoggedIn() {\n        return this.store.isAgentLoggedIn;\n    }\n    get taskList() {\n        return this.store.taskList;\n    }\n    get incomingTask() {\n        return this.store.incomingTask;\n    }\n    get wrapupRequired() {\n        return this.store.wrapupRequired;\n    }\n    get currentState() {\n        return this.store.currentState;\n    }\n    get lastStateChangeTimestamp() {\n        return this.store.lastStateChangeTimestamp;\n    }\n    get lastIdleCodeChangeTimestamp() {\n        return this.store.lastIdleCodeChangeTimestamp;\n    }\n    get showMultipleLoginAlert() {\n        return this.store.showMultipleLoginAlert;\n    }\n    get currentTheme() {\n        return this.store.currentTheme;\n    }\n    get customState() {\n        return this.store.customState;\n    }\n    get consultCompleted() {\n        return this.store.consultCompleted;\n    }\n    get consultInitiated() {\n        return this.store.consultInitiated;\n    }\n    get consultAccepted() {\n        return this.store.consultAccepted;\n    }\n    get consultStartTimeStamp() {\n        return this.store.consultStartTimeStamp;\n    }\n    get callControlAudio() {\n        return this.store.callControlAudio;\n    }\n    get consultOfferReceived() {\n        return this.store.consultOfferReceived;\n    }\n    init(options) {\n        return this.store.init(options, this.setupIncomingTaskHandler);\n    }\n}\n// Create and export a single instance of the wrapper\nconst storeWrapper = new StoreWrapper();\nexports[\"default\"] = storeWrapper;\n\n\n//# sourceURL=webpack://@webex/cc-store/./src/storeEventsWrapper.ts?");
+eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst store_types_1 = __webpack_require__(/*! ./store.types */ \"./src/store.types.ts\");\nconst store_1 = __importDefault(__webpack_require__(/*! ./store */ \"./src/store.ts\"));\nconst mobx_1 = __webpack_require__(/*! mobx */ \"../../../node_modules/mobx/dist/mobx.esm.js\");\nclass StoreWrapper {\n    constructor() {\n        this.setCurrentTheme = (theme) => {\n            this.store.currentTheme = theme;\n        };\n        this.setShowMultipleLoginAlert = (value) => {\n            this.store.showMultipleLoginAlert = value;\n        };\n        this.setDeviceType = (option) => {\n            this.store.deviceType = option;\n        };\n        this.setCurrentState = (state) => {\n            (0, mobx_1.runInAction)(() => {\n                this.store.currentState = state;\n                this.store.customState = null;\n            });\n        };\n        this.setLastStateChangeTimestamp = (timestamp) => {\n            (0, mobx_1.runInAction)(() => {\n                this.store.lastStateChangeTimestamp = timestamp;\n            });\n        };\n        this.setLastIdleCodeChangeTimestamp = (timestamp) => {\n            (0, mobx_1.runInAction)(() => {\n                this.store.lastIdleCodeChangeTimestamp = timestamp;\n            });\n        };\n        this.setIsAgentLoggedIn = (value) => {\n            this.store.isAgentLoggedIn = value;\n        };\n        this.setWrapupRequired = (value) => {\n            this.store.wrapupRequired = value;\n        };\n        this.setCurrentTask = (task) => {\n            (0, mobx_1.runInAction)(() => {\n                this.store.currentTask = task;\n            });\n        };\n        this.setIncomingTask = (task) => {\n            this.store.incomingTask = task;\n        };\n        this.setTaskList = (taskList) => {\n            this.store.taskList = taskList;\n        };\n        this.setWrapupCodes = (wrapupCodes) => {\n            this.store.wrapupCodes = wrapupCodes;\n        };\n        this.setConsultCompleted = (value) => {\n            this.store.consultCompleted = value;\n        };\n        this.setConsultInitiated = (value) => {\n            this.store.consultInitiated = value;\n        };\n        this.setConsultAccepted = (value) => {\n            this.store.consultAccepted = value;\n        };\n        this.setConsultOfferReceived = (value) => {\n            this.store.consultOfferReceived = value;\n        };\n        this.setConsultStartTimeStamp = (timestamp) => {\n            this.store.consultStartTimeStamp = timestamp;\n        };\n        this.setCallControlAudio = (audio) => {\n            this.store.callControlAudio = audio;\n        };\n        this.setIsQueueConsultInProgress = (value) => {\n            (0, mobx_1.runInAction)(() => {\n                this.store.isQueueConsultInProgress = value;\n            });\n        };\n        this.setCurrentConsultQueueId = (queueId) => {\n            (0, mobx_1.runInAction)(() => {\n                this.store.currentConsultQueueId = queueId;\n            });\n        };\n        this.setState = (state) => {\n            if ('reset' in state) {\n                (0, mobx_1.runInAction)(() => {\n                    this.store.customState = null;\n                });\n                return;\n            }\n            if ('id' in state) {\n                (0, mobx_1.runInAction)(() => {\n                    this.setCurrentState(state.id);\n                    this.store.customState = null;\n                });\n            }\n            else {\n                (0, mobx_1.runInAction)(() => {\n                    this.store.customState = state;\n                });\n            }\n        };\n        this.setTaskRejected = (callback) => {\n            this.onTaskRejected = callback;\n        };\n        this.setCCCallback = (event, callback) => {\n            if (!callback)\n                return;\n            this.store.cc.on(event, callback);\n        };\n        this.setTaskCallback = (event, callback, taskId) => {\n            if (!callback)\n                return;\n            const task = this.store.taskList.find((task) => task.data.interactionId === taskId);\n            if (!task)\n                return;\n            task.on(event, callback);\n        };\n        this.removeCCCallback = (event) => {\n            this.store.cc.off(event);\n        };\n        this.removeTaskCallback = (event, callback, taskId) => {\n            if (!callback)\n                return;\n            const task = this.store.taskList.find((task) => task.data.interactionId === taskId);\n            if (!task)\n                return;\n            task.off(event, callback);\n        };\n        this.registerCC = (webex) => {\n            return this.store.registerCC(webex);\n        };\n        this.handleTaskRemove = (event) => {\n            const taskId = event;\n            // Remove the task from the taskList\n            const taskToRemove = this.store.taskList.find((task) => task.data.interactionId === taskId);\n            if (taskToRemove) {\n                taskToRemove.off(store_types_1.TASK_EVENTS.TASK_ASSIGNED, this.handleTaskAssigned);\n                taskToRemove.off(store_types_1.TASK_EVENTS.TASK_END, ({ wrapupRequired }) => this.handleTaskEnd(taskToRemove, wrapupRequired));\n                taskToRemove.off(store_types_1.TASK_EVENTS.TASK_REJECT, (reason) => this.handleTaskReject(taskToRemove.interactionId, reason));\n                taskToRemove.off(store_types_1.TASK_EVENTS.AGENT_WRAPPEDUP, this.handleTaskWrapUp);\n                taskToRemove.off(store_types_1.TASK_EVENTS.TASK_CONSULTING, this.handleConsulting);\n                taskToRemove.off(store_types_1.CC_EVENTS.AGENT_OFFER_CONSULT, this.handleConsultOffer);\n                taskToRemove.off(store_types_1.TASK_EVENTS.TASK_CONSULT_END, this.handleConsultEnd);\n                taskToRemove.off(store_types_1.TASK_EVENTS.TASK_CONSULT_ACCEPTED, this.handleConsultAccepted);\n                taskToRemove.off(store_types_1.TASK_EVENTS.AGENT_CONSULT_CREATED, this.handleConsultCreated);\n                taskToRemove.off(store_types_1.TASK_EVENTS.TASK_CONSULT_QUEUE_CANCELLED, this.handleConsultQueueCancelled);\n                if (this.deviceType === 'BROWSER') {\n                    taskToRemove.off(store_types_1.TASK_EVENTS.TASK_MEDIA, this.handleTaskMedia);\n                    this.setCallControlAudio(null);\n                }\n            }\n            const updateTaskList = this.store.taskList.filter((task) => task.data.interactionId !== taskId);\n            (0, mobx_1.runInAction)(() => {\n                var _a, _b;\n                this.setTaskList(updateTaskList);\n                this.setWrapupRequired(false);\n                this.setConsultAccepted(false);\n                this.setConsultInitiated(false);\n                this.setConsultCompleted(false);\n                // Remove the task from currentTask or incomingTask if it is the same task\n                if (((_a = this.store.currentTask) === null || _a === void 0 ? void 0 : _a.data.interactionId) === taskId) {\n                    this.setCurrentTask(null);\n                }\n                if (((_b = this.store.incomingTask) === null || _b === void 0 ? void 0 : _b.data.interactionId) === taskId) {\n                    this.setIncomingTask(null);\n                }\n                // reset the custom state\n                this.setState({\n                    reset: true,\n                });\n            });\n        };\n        this.handleTaskEnd = (event, wrapupRequired) => {\n            // If the call is ended by agent we get the task object in event.data\n            // If the call is ended by customer we get the task object directly\n            const task = event.data ? event.data : event;\n            if (wrapupRequired) {\n                this.setWrapupRequired(true);\n            }\n            else {\n                this.handleTaskRemove(task.interactionId);\n            }\n        };\n        this.handleTaskAssigned = (event) => {\n            const task = event;\n            (0, mobx_1.runInAction)(() => {\n                if (this.consultAccepted) {\n                    this.setConsultAccepted(false);\n                    this.setConsultInitiated(false);\n                    this.setConsultCompleted(false);\n                }\n                this.setCurrentTask(task);\n                this.setIncomingTask(null);\n                this.setState({\n                    developerName: store_types_1.ENGAGED_LABEL,\n                    name: store_types_1.ENGAGED_USERNAME,\n                });\n            });\n        };\n        this.handleTaskWrapUp = (event) => {\n            const task = event;\n            this.setWrapupRequired(false);\n            this.handleTaskRemove(task.interactionId);\n        };\n        this.handleTaskMedia = (track) => {\n            this.setCallControlAudio(new MediaStream([track]));\n        };\n        // Case to handle multi session\n        this.handleConsultCreated = () => {\n            this.setConsultInitiated(true);\n            this.setConsultStartTimeStamp(Date.now());\n        };\n        this.handleConsulting = (event) => {\n            this.setConsultCompleted(true);\n            this.setCurrentTask(event);\n            this.handleIncomingTask(event);\n            this.setConsultStartTimeStamp(Date.now());\n        };\n        this.handleConsultEnd = (event) => {\n            const task = event;\n            this.setConsultInitiated(false);\n            this.setIsQueueConsultInProgress(false);\n            this.setCurrentConsultQueueId(null);\n            if (this.consultAccepted) {\n                this.setConsultAccepted(false);\n                this.handleTaskRemove(task.data.interactionId);\n            }\n            else if (this.consultOfferReceived) {\n                this.setConsultOfferReceived(false);\n                this.handleTaskRemove(task.data.interactionId);\n            }\n            this.setConsultCompleted(false);\n            this.setConsultStartTimeStamp(null);\n        };\n        this.handleConsultOffer = () => {\n            this.setConsultOfferReceived(true);\n        };\n        this.handleConsultAccepted = (event) => {\n            const task = event;\n            (0, mobx_1.runInAction)(() => {\n                this.setCurrentTask(task);\n                this.setIncomingTask(null);\n                this.setConsultAccepted(true);\n                this.setConsultStartTimeStamp(Date.now());\n                this.setConsultCompleted(true);\n                this.setState({\n                    developerName: store_types_1.ENGAGED_LABEL,\n                    name: store_types_1.ENGAGED_USERNAME,\n                });\n                if (this.deviceType === 'BROWSER') {\n                    task.on(store_types_1.TASK_EVENTS.TASK_MEDIA, this.handleTaskMedia);\n                }\n            });\n        };\n        this.handleConsultQueueCancelled = () => {\n            this.setConsultInitiated(false);\n            this.setIsQueueConsultInProgress(false);\n            this.setCurrentConsultQueueId(null);\n            this.setConsultStartTimeStamp(null);\n        };\n        this.handleIncomingTask = (event) => {\n            const task = event;\n            if (this.store.taskList.some((t) => t.data.interactionId === task.data.interactionId)) {\n                // Task already present in the taskList\n                return;\n            }\n            // Attach event listeners to the task\n            task.on(store_types_1.TASK_EVENTS.TASK_END, ({ wrapupRequired }) => this.handleTaskEnd(task, wrapupRequired));\n            // When we receive TASK_ASSIGNED the task was accepted by the agent and we need wrap up\n            task.on(store_types_1.TASK_EVENTS.TASK_ASSIGNED, this.handleTaskAssigned);\n            task.on(store_types_1.TASK_EVENTS.AGENT_CONSULT_CREATED, this.handleConsultCreated);\n            task.on(store_types_1.TASK_EVENTS.TASK_CONSULT_QUEUE_CANCELLED, this.handleConsultQueueCancelled);\n            if (this.deviceType === 'BROWSER') {\n                task.on(store_types_1.TASK_EVENTS.TASK_MEDIA, this.handleTaskMedia);\n            }\n            // When we receive TASK_REJECT sdk changes the agent status\n            // When we receive TASK_REJECT that means the task was not accepted by the agent and we wont need wrap up\n            task.on(store_types_1.TASK_EVENTS.TASK_REJECT, (reason) => this.handleTaskReject(task.data.interactionId, reason));\n            task.on(store_types_1.TASK_EVENTS.AGENT_WRAPPEDUP, this.handleTaskWrapUp);\n            task.on(store_types_1.TASK_EVENTS.TASK_CONSULTING, this.handleConsulting);\n            task.on(store_types_1.TASK_EVENTS.TASK_CONSULT_ACCEPTED, this.handleConsultAccepted);\n            task.on(store_types_1.CC_EVENTS.AGENT_OFFER_CONSULT, this.handleConsultOffer);\n            task.on(store_types_1.TASK_EVENTS.TASK_CONSULT_END, this.handleConsultEnd);\n            this.setIncomingTask(task);\n            this.setTaskList([...this.store.taskList, task]);\n        };\n        this.handleStateChange = (data) => {\n            var _a;\n            if (data && typeof data === 'object' && data.type === 'AgentStateChangeSuccess') {\n                const DEFAULT_CODE = '0'; // Default code when no aux code is present\n                this.setCurrentState(((_a = data.auxCodeId) === null || _a === void 0 ? void 0 : _a.trim()) !== '' ? data.auxCodeId : DEFAULT_CODE);\n                this.setLastStateChangeTimestamp(data.lastStateChangeTimestamp);\n                this.setLastIdleCodeChangeTimestamp(data.lastIdleCodeChangeTimestamp);\n            }\n        };\n        this.handleMultiLoginCloseSession = (data) => {\n            if (data && typeof data === 'object' && data.type === 'AgentMultiLoginCloseSession') {\n                this.setShowMultipleLoginAlert(true);\n            }\n        };\n        this.handleTaskHydrate = (event) => {\n            const task = event;\n            task.on(store_types_1.TASK_EVENTS.TASK_END, ({ wrapupRequired }) => this.handleTaskEnd(task, wrapupRequired));\n            // When we receive TASK_ASSIGNED the task was accepted by the agent and we need wrap up\n            task.on(store_types_1.TASK_EVENTS.TASK_ASSIGNED, this.handleTaskAssigned);\n            task.on(store_types_1.TASK_EVENTS.TASK_CONSULT_ACCEPTED, this.handleConsultAccepted);\n            task.on(store_types_1.TASK_EVENTS.AGENT_CONSULT_CREATED, this.handleConsultCreated);\n            // When we receive TASK_REJECT sdk changes the agent status\n            // When we receive TASK_REJECT that means the task was not accepted by the agent and we wont need wrap up\n            task.on(store_types_1.TASK_EVENTS.TASK_REJECT, (reason) => this.handleTaskReject(task.data.interactionId, reason));\n            task.on(store_types_1.TASK_EVENTS.AGENT_WRAPPEDUP, this.handleTaskWrapUp);\n            task.on(store_types_1.TASK_EVENTS.TASK_CONSULTING, this.handleConsulting);\n            task.on(store_types_1.CC_EVENTS.AGENT_OFFER_CONSULT, this.handleConsultOffer);\n            task.on(store_types_1.TASK_EVENTS.TASK_CONSULT_END, this.handleConsultEnd);\n            task.on(store_types_1.TASK_EVENTS.TASK_CONSULT_QUEUE_CANCELLED, this.handleConsultQueueCancelled);\n            if (this.deviceType === 'BROWSER') {\n                task.on(store_types_1.TASK_EVENTS.TASK_MEDIA, this.handleTaskMedia);\n            }\n            if (!this.store.taskList.some((t) => t.data.interactionId === task.data.interactionId)) {\n                this.setTaskList([...this.store.taskList, task]);\n            }\n            this.setCurrentTask(task);\n            this.setIncomingTask(null);\n            if (task.data.interaction.state === 'consulting') {\n                if (task.data.isConsulted) {\n                    this.setConsultAccepted(true);\n                }\n                else {\n                    this.setConsultInitiated(true);\n                }\n                this.setConsultStartTimeStamp(Date.now());\n                this.setConsultCompleted(true);\n            }\n            this.setState({\n                developerName: store_types_1.ENGAGED_LABEL,\n                name: store_types_1.ENGAGED_USERNAME,\n            });\n            const { interaction, agentId } = task.data;\n            const { state, isTerminated, participants } = interaction;\n            // Update call control states\n            if (isTerminated) {\n                // wrapup\n                const wrapupRequired = state === 'wrapUp' && !participants[agentId].isWrappedUp;\n                this.setWrapupRequired(wrapupRequired);\n                if (!wrapupRequired) {\n                    this.setState({\n                        reset: true,\n                    });\n                }\n                return;\n            }\n        };\n        this.handleTaskReject = (taskId, reason) => {\n            if (this.onTaskRejected) {\n                this.onTaskRejected(reason || 'No reason provided');\n            }\n            this.handleTaskRemove(taskId);\n        };\n        this.getBuddyAgents = () => __awaiter(this, void 0, void 0, function* () {\n            try {\n                const response = yield this.store.cc.getBuddyAgents({\n                    mediaType: 'telephony',\n                    state: 'Available',\n                });\n                return response.data.agentList;\n            }\n            catch (error) {\n                return Promise.reject(error);\n            }\n        });\n        this.getQueues = () => __awaiter(this, void 0, void 0, function* () {\n            try {\n                let queueList = yield this.store.cc.getQueues();\n                queueList = queueList.filter((queue) => queue.channelType === 'TELEPHONY');\n                return queueList;\n            }\n            catch (error) {\n                console.error('Error fetching queues:', error);\n                return Promise.reject(error);\n            }\n        });\n        this.cleanUpStore = () => {\n            (0, mobx_1.runInAction)(() => {\n                this.setIsAgentLoggedIn(false);\n                this.setDeviceType('');\n                this.setIncomingTask(null);\n                this.setCurrentTask(null);\n                this.setTaskList([]);\n                this.setWrapupRequired(false);\n                this.setLastStateChangeTimestamp(undefined);\n                this.setLastIdleCodeChangeTimestamp(undefined);\n                this.setShowMultipleLoginAlert(false);\n                this.setConsultStartTimeStamp(undefined);\n            });\n        };\n        this.setupIncomingTaskHandler = (ccSDK) => {\n            let listenersAdded = false;\n            const handleLogOut = () => {\n                this.cleanUpStore();\n                removeEventListeners();\n                listenersAdded = false;\n            };\n            const addEventListeners = () => {\n                ccSDK.on(store_types_1.TASK_EVENTS.TASK_HYDRATE, this.handleTaskHydrate);\n                ccSDK.on(store_types_1.CC_EVENTS.AGENT_STATE_CHANGE, this.handleStateChange);\n                ccSDK.on(store_types_1.TASK_EVENTS.TASK_INCOMING, this.handleIncomingTask);\n                ccSDK.on(store_types_1.CC_EVENTS.AGENT_MULTI_LOGIN, this.handleMultiLoginCloseSession);\n                ccSDK.on(store_types_1.CC_EVENTS.AGENT_LOGOUT_SUCCESS, handleLogOut);\n            };\n            const removeEventListeners = () => {\n                ccSDK.off(store_types_1.TASK_EVENTS.TASK_HYDRATE, this.handleTaskHydrate);\n                ccSDK.off(store_types_1.CC_EVENTS.AGENT_STATE_CHANGE, this.handleStateChange);\n                ccSDK.off(store_types_1.TASK_EVENTS.TASK_INCOMING, this.handleIncomingTask);\n                ccSDK.off(store_types_1.CC_EVENTS.AGENT_MULTI_LOGIN, this.handleMultiLoginCloseSession);\n                ccSDK.off(store_types_1.CC_EVENTS.AGENT_LOGOUT_SUCCESS, handleLogOut);\n            };\n            // TODO: https://jira-eng-gpk2.cisco.com/jira/browse/SPARK-626777 Implement the de-register method and close the listener there\n            const handleLogin = (payload) => {\n                (0, mobx_1.runInAction)(() => {\n                    var _a;\n                    this.setIsAgentLoggedIn(true);\n                    this.setDeviceType(payload.deviceType);\n                    this.setCurrentState(((_a = payload.auxCodeId) === null || _a === void 0 ? void 0 : _a.trim()) !== '' ? payload.auxCodeId : '0');\n                    this.setLastStateChangeTimestamp(payload.lastStateChangeTimestamp);\n                    this.setLastIdleCodeChangeTimestamp(payload.lastIdleCodeChangeTimestamp);\n                });\n            };\n            ccSDK.on(store_types_1.CC_EVENTS.AGENT_STATION_LOGIN_SUCCESS, handleLogin);\n            [store_types_1.CC_EVENTS.AGENT_DN_REGISTERED, store_types_1.CC_EVENTS.AGENT_RELOGIN_SUCCESS].forEach((event) => {\n                ccSDK.on(`${event}`, () => {\n                    if (!listenersAdded) {\n                        addEventListeners();\n                        listenersAdded = true;\n                    }\n                });\n            });\n        };\n        this.store = store_1.default.getInstance();\n    }\n    // Proxy all methods and properties of the original store\n    get teams() {\n        return this.store.teams;\n    }\n    get loginOptions() {\n        return this.store.loginOptions;\n    }\n    get cc() {\n        return this.store.cc;\n    }\n    get logger() {\n        return this.store.logger;\n    }\n    get idleCodes() {\n        return this.store.idleCodes.filter((code) => {\n            return code.name === 'RONA' || !code.isSystem;\n        });\n    }\n    get agentId() {\n        return this.store.agentId;\n    }\n    get deviceType() {\n        return this.store.deviceType;\n    }\n    get wrapupCodes() {\n        return this.store.wrapupCodes;\n    }\n    get currentTask() {\n        return this.store.currentTask;\n    }\n    get isAgentLoggedIn() {\n        return this.store.isAgentLoggedIn;\n    }\n    get taskList() {\n        return this.store.taskList;\n    }\n    get incomingTask() {\n        return this.store.incomingTask;\n    }\n    get wrapupRequired() {\n        return this.store.wrapupRequired;\n    }\n    get currentState() {\n        return this.store.currentState;\n    }\n    get lastStateChangeTimestamp() {\n        return this.store.lastStateChangeTimestamp;\n    }\n    get lastIdleCodeChangeTimestamp() {\n        return this.store.lastIdleCodeChangeTimestamp;\n    }\n    get showMultipleLoginAlert() {\n        return this.store.showMultipleLoginAlert;\n    }\n    get currentTheme() {\n        return this.store.currentTheme;\n    }\n    get customState() {\n        return this.store.customState;\n    }\n    get consultCompleted() {\n        return this.store.consultCompleted;\n    }\n    get consultInitiated() {\n        return this.store.consultInitiated;\n    }\n    get consultAccepted() {\n        return this.store.consultAccepted;\n    }\n    get consultStartTimeStamp() {\n        return this.store.consultStartTimeStamp;\n    }\n    get callControlAudio() {\n        return this.store.callControlAudio;\n    }\n    get consultOfferReceived() {\n        return this.store.consultOfferReceived;\n    }\n    get isQueueConsultInProgress() {\n        return this.store.isQueueConsultInProgress;\n    }\n    get currentConsultQueueId() {\n        return this.store.currentConsultQueueId;\n    }\n    get isEndConsultEnabled() {\n        return this.store.isEndConsultEnabled;\n    }\n    get allowConsultToQueue() {\n        return this.store.allowConsultToQueue;\n    }\n    init(options) {\n        return this.store.init(options, this.setupIncomingTaskHandler);\n    }\n}\n// Create and export a single instance of the wrapper\nconst storeWrapper = new StoreWrapper();\nexports[\"default\"] = storeWrapper;\n\n\n//# sourceURL=webpack://@webex/cc-store/./src/storeEventsWrapper.ts?");
 
 /***/ }),
 

package/dist/types/store.d.ts

@@ -21,12 +21,16 @@ declare class Store implements IStore {
     consultCompleted: boolean;
     consultInitiated: boolean;
     consultAccepted: boolean;
+    isQueueConsultInProgress: boolean;
+    currentConsultQueueId: string;
     consultStartTimeStamp: any;
     lastStateChangeTimestamp?: number;
     lastIdleCodeChangeTimestamp?: number;
     showMultipleLoginAlert: boolean;
     callControlAudio: MediaStream | null;
     consultOfferReceived: boolean;
+    isEndConsultEnabled: boolean;
+    allowConsultToQueue: boolean;
     constructor();
     static getInstance(): Store;
     registerCC(webex?: WithWebex['webex']): Promise<void>;

package/dist/types/store.types.d.ts

@@ -1,4 +1,4 @@
-import { AgentLogin, IContactCenter, Profile, Team, LogContext, BuddyDetails, DestinationType } from '@webex/plugin-cc';
+import { AgentLogin, IContactCenter, Profile, Team, LogContext, BuddyDetails, DestinationType, ContactServiceQueue } from '@webex/plugin-cc';
 import { ITask } from '@webex/plugin-cc';
 type ILogger = {
     log: (message: string, context?: LogContext) => void;
@@ -47,9 +47,13 @@ interface IStore {
     consultCompleted: boolean;
     consultInitiated: boolean;
     consultAccepted: boolean;
+    isQueueConsultInProgress: boolean;
+    currentConsultQueueId: string;
     consultStartTimeStamp?: number;
     callControlAudio: MediaStream | null;
     consultOfferReceived: boolean;
+    isEndConsultEnabled: boolean;
+    allowConsultToQueue: boolean;
     init(params: InitParams, callback: (ccSDK: IContactCenter) => void): Promise<void>;
     registerCC(webex?: WithWebex['webex']): Promise<void>;
 }
@@ -93,6 +97,7 @@ declare enum TASK_EVENTS {
     TASK_REJECT = "task:rejected",
     TASK_HYDRATE = "task:hydrate",
     TASK_CONSULTING = "task:consulting",
+    TASK_CONSULT_QUEUE_CANCELLED = "task:consultQueueCancelled",
     AGENT_CONTACT_ASSIGNED = "AgentContactAssigned",
     CONTACT_RECORDING_PAUSED = "ContactRecordingPaused",
     CONTACT_RECORDING_RESUMED = "ContactRecordingResumed",
@@ -118,5 +123,5 @@ interface ICustomStateReset {
 type ICustomState = ICustomStateSet | ICustomStateReset;
 declare const ENGAGED_LABEL = "ENGAGED";
 declare const ENGAGED_USERNAME = "Engaged";
-export type { IContactCenter, ITask, Profile, Team, AgentLogin, WithWebex, IdleCode, InitParams, IStore, ILogger, IWrapupCode, IStoreWrapper, ICustomState, DestinationType, BuddyDetails, };
+export type { IContactCenter, ITask, Profile, Team, AgentLogin, WithWebex, IdleCode, InitParams, IStore, ILogger, IWrapupCode, IStoreWrapper, ICustomState, DestinationType, BuddyDetails, ContactServiceQueue, };
 export { CC_EVENTS, TASK_EVENTS, ENGAGED_LABEL, ENGAGED_USERNAME };

package/dist/types/storeEventsWrapper.d.ts

@@ -1,4 +1,4 @@
-import { IStoreWrapper, IStore, InitParams, TASK_EVENTS, CC_EVENTS, IWrapupCode, WithWebex, ICustomState, IdleCode, IContactCenter, ITask, BuddyDetails } from './store.types';
+import { IStoreWrapper, IStore, InitParams, TASK_EVENTS, CC_EVENTS, IWrapupCode, WithWebex, ICustomState, IdleCode, IContactCenter, ITask, BuddyDetails, ContactServiceQueue } from './store.types';
 declare class StoreWrapper implements IStoreWrapper {
     store: IStore;
     onTaskRejected?: (reason: string) => void;
@@ -28,6 +28,10 @@ declare class StoreWrapper implements IStoreWrapper {
     get consultStartTimeStamp(): number;
     get callControlAudio(): MediaStream;
     get consultOfferReceived(): boolean;
+    get isQueueConsultInProgress(): boolean;
+    get currentConsultQueueId(): string;
+    get isEndConsultEnabled(): boolean;
+    get allowConsultToQueue(): boolean;
     setCurrentTheme: (theme: string) => void;
     setShowMultipleLoginAlert: (value: boolean) => void;
     setDeviceType: (option: string) => void;
@@ -46,6 +50,8 @@ declare class StoreWrapper implements IStoreWrapper {
     setConsultOfferReceived: (value: boolean) => void;
     setConsultStartTimeStamp: (timestamp: number) => void;
     setCallControlAudio: (audio: MediaStream | null) => void;
+    setIsQueueConsultInProgress: (value: boolean) => void;
+    setCurrentConsultQueueId: (queueId: string | null) => void;
     setState: (state: ICustomState | IdleCode) => void;
     setTaskRejected: (callback: ((reason: string) => void) | undefined) => void;
     setCCCallback: (event: CC_EVENTS | TASK_EVENTS, callback: any) => void;
@@ -64,12 +70,14 @@ declare class StoreWrapper implements IStoreWrapper {
     handleConsultEnd: (event: any) => void;
     handleConsultOffer: () => void;
     handleConsultAccepted: (event: any) => void;
+    handleConsultQueueCancelled: () => void;
     handleIncomingTask: (event: any) => void;
     handleStateChange: (data: any) => void;
     handleMultiLoginCloseSession: (data: any) => void;
     handleTaskHydrate: (event: any) => void;
     handleTaskReject: (taskId: string, reason: string) => void;
     getBuddyAgents: () => Promise<Array<BuddyDetails>>;
+    getQueues: () => Promise<Array<ContactServiceQueue>>;
     cleanUpStore: () => void;
     setupIncomingTaskHandler: (ccSDK: IContactCenter) => void;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@webex/cc-store",
   "description": "Webex Contact Center Widgets: Widgets Store",
-  "version": "1.28.0-ccwidgets.45",
+  "version": "1.28.0-ccwidgets.46",
   "main": "dist/index.js",
   "license": "MIT",
   "publishConfig": {