@webex/cc-store 1.28.0-ccwidgets.47 → 1.28.0-ccwidgets.48

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.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?");
+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.dialNumber = '';\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            var _a;\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 = (_a = response.deviceType) !== null && _a !== void 0 ? _a : 'AGENT_DN';\n            this.dialNumber = response.defaultDn;\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?");
 
 /***/ }),
 
@@ -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.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?");
+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.setDialNumber = (input) => {\n            this.store.dialNumber = input;\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('AGENT_DN');\n                this.setDialNumber('');\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.setDialNumber(payload.dn);\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 dialNumber() {\n        return this.store.dialNumber;\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

@@ -14,6 +14,7 @@ declare class Store implements IStore {
     currentTask: ITask;
     isAgentLoggedIn: boolean;
     deviceType: string;
+    dialNumber: string;
     taskList: ITask[];
     wrapupRequired: boolean;
     currentState: string;

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

@@ -1,5 +1,4 @@
-import { AgentLogin, IContactCenter, Profile, Team, LogContext, BuddyDetails, DestinationType, ContactServiceQueue } from '@webex/plugin-cc';
-import { ITask } from '@webex/plugin-cc';
+import { AgentLogin, IContactCenter, Profile, Team, LogContext, BuddyDetails, DestinationType, ContactServiceQueue, ITask } from '@webex/plugin-cc';
 type ILogger = {
     log: (message: string, context?: LogContext) => void;
     info: (message: string, context?: LogContext) => void;
@@ -37,6 +36,7 @@ interface IStore {
     taskList: ITask[];
     isAgentLoggedIn: boolean;
     deviceType: string;
+    dialNumber: string;
     wrapupRequired: boolean;
     currentState: string;
     lastStateChangeTimestamp?: number;
@@ -64,6 +64,7 @@ interface IStoreWrapper extends IStore {
     setTaskList(taskList: ITask[]): void;
     setIncomingTask(task: ITask): void;
     setDeviceType(option: string): void;
+    setDialNumber(input: string): void;
     setCurrentState(state: string): void;
     setLastStateChangeTimestamp(timestamp: number): void;
     setLastIdleCodeChangeTimestamp(timestamp: number): void;

package/dist/types/storeEventsWrapper.d.ts

@@ -10,6 +10,7 @@ declare class StoreWrapper implements IStoreWrapper {
     get idleCodes(): IdleCode[];
     get agentId(): string;
     get deviceType(): string;
+    get dialNumber(): string;
     get wrapupCodes(): IWrapupCode[];
     get currentTask(): ITask;
     get isAgentLoggedIn(): boolean;
@@ -35,6 +36,7 @@ declare class StoreWrapper implements IStoreWrapper {
     setCurrentTheme: (theme: string) => void;
     setShowMultipleLoginAlert: (value: boolean) => void;
     setDeviceType: (option: string) => void;
+    setDialNumber: (input: string) => void;
     setCurrentState: (state: string) => void;
     setLastStateChangeTimestamp: (timestamp: number) => void;
     setLastIdleCodeChangeTimestamp: (timestamp: number) => void;

package/package.json

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