\n \n \n ${!STORE.layout.isDesktopLayoutLoaded\n ? html ` \n\n \n {\n if (STORE.agentContact.isMediaTypeTelePhony) {\n STORE.agentContact.toggleInteractionControlCADSection(true);\n }\n }}\n @minimize-transition-end=${() => {\n if (STORE.agentContact.isMediaTypeTelePhony) {\n STORE.agentContact.toggleInteractionControlCADSection(false);\n }\n }}\n class=\"${classMap({\n \"default-maximize-area\": true,\n \"task-area-expanded\": !STORE.app.taskAreaCollapsed,\n \"ai-area-expanded\": !STORE.app.aiBlockCollapsed,\n \"interaction-control-task-selected\": !!STORE.agentContact.taskSelected && STORE.agentContact.isMediaTypeTelePhony\n })}\"\n >\n\n \n \n\n \n ${this.isLoggedIn && !STORE.app.changeTeamsError && !STORE.app.changeProfileSettingsError\n ? this.createAnalyzerSession()\n : this.isNotifsSuccess && !this.isMultiLogin && !this.isNoVoiceOptions\n ? html `\n {\n STORE.alertBanner.removeStateChangeBanner();\n }}\n @login-error=${this.stationLoginError}\n @no-voice-options-error=${this.noVoiceOptionsError}\n @logout-confirm=\"${this.onLogoutConfirm}\"\n meUserId=\"${STORE.agent.meUserId}\"\n organizationId=\"${STORE.agent.organizationId}\"\n defaultDn=\"${STORE.agent.defaultDn}\"\n isDefaultDnSet=\"${STORE.agent.isDefaultDnSet}\"\n ?isRememberMyCredentials=\"${STORE.agent.isRememberMyCredentials}\"\n .deviceType=\"${STORE.agent.deviceType}\"\n ?isWebRTCEnabled=\"${(STORE.app.featureFlags.isWebRTCEnabled &&\n STORE.agent.role === SYSTEM_ROLES.AGENT) ||\n (STORE.app.featureFlags.isWebRTCEnabled &&\n STORE.app.featureFlags.isWebRTCSupervisorEnabled &&\n STORE.agent.role === SYSTEM_ROLES.SUPERVISOR)}\"\n ?isDesktopAuxCodesInfiniteScrollEnabled=\"${STORE.app.featureFlags\n .isDesktopAuxCodesInfiniteScrollEnabled}\"\n ?isMaerskEnabled=\"${STORE.app.featureFlags.isDesktopMaerskEnhancementEnabled}\"\n ?isDesktopMSStateSyncEnabled=\"${STORE.app.featureFlags.isDesktopMSStateSyncEnabled}\"\n ?isDesktopWebexStateSyncEnabled=\"${STORE.app.featureFlags.isDesktopWebexStateSyncEnabled}\"\n ?isDesktopEmergencyNotificationEnabled=\"${STORE.app.featureFlags\n .isDesktopEmergencyNotificationEnabled}\"\n ?isDesktopMaerskAcqueonTeamId=\"${STORE.app.featureFlags.isDesktopMaerskAcqueonTeamId}\"\n ?isEmergencyModalAlreadyDisplayed=\"${STORE.agent.isEmergencyModalAlreadyDisplayed}\"\n ?isConsultTransferInfiniteScrollEnabled=\"${STORE.app.featureFlags\n .isConsultTransferInfiniteScrollEnabled}\"\n @ci-logout=\"${() => {\n STORE.auth.logout(STORE.auth.refreshToken);\n }}\"\n @selected-user-role=\"${(e) => {\n STORE.agent.updateSelectedAgentRole(e.detail.selectedRoleName);\n }}\"\n @update-user-role=\"${(e) => {\n STORE.agent.updateUserRole(e.detail.newUserRole);\n }}\"\n @update-flag-user-prefs-saved=\"${(e) => {\n STORE.agent.updateIsPreferenceSaved(e.detail.isPrefSaved);\n }}\"\n @save-update-user-prefs-failed=\"${(e) => {\n STORE.agent.updateIsPreferenceSavedFailed(e.detail.isPrefSaved);\n }}\"\n @save-update-user-prefs=\"${(e) => {\n STORE.app.saveOrUpdateUserPreferences(e.detail);\n }}\"\n @update-analyser-id=\"${(e) => {\n STORE.agent.updateAgentAnalyzerId(e.detail.analyzerId);\n }}\"\n @update-user-preference-storage=\"${(e) => {\n STORE.app.saveUserPreferenceInSessionStorage(e.detail);\n }}\"\n @delete-user-prefs=\"${() => {\n STORE.app.deleteUserPreferences();\n }}\"\n @delete-user-preference-storage=\"${() => {\n STORE.app.deleteUserPreferenceFromSessionStorage();\n }}\"\n @update-device-type=\"${(e) => {\n STORE.agent.updateDeviceType(e.detail.deviceType); // check need to update deviceType\n }}\"\n @register-web-calling=\"${() => {\n logger.info(\"[WebRtc]: registering webCalling by register-web-calling event\");\n registerWebCalling(STORE.app.domainUrl);\n }}\"\n @aux-code-error=\"${() => {\n invokeLoginErrorModal(t(\"app:stationLogin:auxiliaryCodeFailed\"));\n }}\"\n @acqueon-fetch-team-id-error=\"${() => {\n invokeLoginErrorModal(t(\"app:stationLogin:fetchTeamIdFailed\"));\n }}\"\n @initiate-microsoft-auth-flow=\"${(e) => {\n handleMicrosoftAuthFlow(e);\n }}\"\n >\n `\n : this.isNoVoiceOptions\n ? nothing\n : html ` \n `\n : nothing}\n ${this.isMultiLogin ? html ` \n `\n : nothing}\n
\n \n `\n : html `\n ${this.isIframe\n ? html `\n \n \n
\n `;\n }\n};\nChangeTeamLoading = __decorate([\n customElement(\"change-team-loading\")\n], ChangeTeamLoading);\nexport { ChangeTeamLoading };\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { t } from \"@/mixins/i18nMixin\";\nimport { STORE } from \"@/store\";\nimport { SERVICE } from \"@agentx/agentx-services\";\nimport { Logger } from \"@uuip/unified-ui-platform-sdk\";\nimport { customElement, html, LitElement, property } from \"lit-element\";\nimport { removeUnloadEvent } from \"../utils/Utils\";\nimport style from \"./ConnectionLost.scss\";\nlet ConnectionLost = class ConnectionLost extends LitElement {\n constructor() {\n super(...arguments);\n this.languageResources = \"/i18n/{{lng}}/{{ns}}.json\";\n this.isRestoreFailed = false;\n this.isSessionExpired = false;\n }\n static get styles() {\n return style;\n }\n downloadLogs(event) {\n SERVICE.telemetry.timeEvent(SERVICE.telemetry.TELEM_EVENT.ERROR_DETAILS_DOWNLOADED);\n SERVICE.telemetry.track(SERVICE.telemetry.TELEM_EVENT.ERROR_DETAILS_DOWNLOADED, {\n [SERVICE.telemetry.TELEM_PROPS.ERROR_DETAILS_DOWNLOADED]: true,\n Status: SERVICE.telemetry.TELEM_EVENT.STATUS.SUCCESS\n });\n if (STORE.app.featureFlags.isUploadLogsToWebexEnabled) {\n SERVICE.webex.uploadLogs();\n }\n event.preventDefault();\n Logger.POOL.browserDownloadAllLogsText();\n }\n updated(changedProperties) {\n super.updated(changedProperties);\n if (this.isRestoreFailed || this.isSessionExpired) {\n removeUnloadEvent();\n }\n }\n render() {\n return html `\n \n \n
\n `;\n }\n};\n__decorate([\n property({ type: Boolean })\n], ConnectionLost.prototype, \"isRestoreFailed\", void 0);\n__decorate([\n property({ type: Boolean })\n], ConnectionLost.prototype, \"isSessionExpired\", void 0);\nConnectionLost = __decorate([\n customElement(\"connection-lost\")\n], ConnectionLost);\nexport { ConnectionLost };\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { customElement, html, LitElement, property } from \"lit-element\";\nimport { nothing } from \"lit-html\";\nimport { unsafeHTML } from \"lit-html/directives/unsafe-html\";\nexport var CssDynamic;\n(function (CssDynamic) {\n let Element = class Element extends LitElement {\n constructor() {\n super(...arguments);\n this.vars = {};\n }\n /*eslint @typescript-eslint/no-empty-function: \"off\"*/\n updated() { }\n get strVars() {\n const vars = this.vars || {};\n return Object.keys(vars).reduce((acc, k) => {\n const v = vars[k];\n acc += `${k}: ${v};`;\n return acc;\n }, \"\");\n }\n createRenderRoot() {\n return this;\n }\n render() {\n return html `\n \n `;\n }\n };\n __decorate([\n property({ type: Object })\n ], Element.prototype, \"vars\", void 0);\n Element = __decorate([\n customElement(\"css-dynamic\")\n ], Element);\n CssDynamic.Element = Element;\n})(CssDynamic || (CssDynamic = {}));\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\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};\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport { t } from \"@/mixins/i18nMixin\";\nimport { createLogger } from \"@/sdk\";\nimport { STORE } from \"@/store\";\nimport \"@agentx/agentx-mfe-wc-based\";\nimport { SERVICE } from \"@agentx/agentx-services\";\nimport \"@uuip/unified-ui-platform\";\nimport \"@uuip/uuip-advance-layout\";\nimport { customElement, html, internalProperty, LitElement, property, query } from \"lit-element\";\nimport { nothing } from \"lit-html\";\nimport { classMap } from \"lit-html/directives/class-map\";\nimport { reaction } from \"mobx\";\nimport { setTimeout } from \"timers\";\nimport { attachDynamicLayoutListeners, removeDynamicLayoutListeners } from \"../utils/DynamicLayoutListener\";\nimport { UTILS_DYNAMIC } from \"../utils/UtilsDynamic\";\nimport style from \"./DynamicArea.scss\";\nimport \"./MoreActionsWrapper\";\nimport \"./PageTitle\";\nimport \"./TimezoneLabel\";\nconst logger = createLogger(\"DynamicArea\");\nconst MIN_CONTAINER_HEIGHT_FOR_ADVANCE_LAYOUT = 100;\nconst SUCCESS_FLASH_TIMEOUT = 1000;\nconst HEADER_HEIGHT = 62;\nconst SAVE_LAYOUT_EVENT = \"uuip-layout-save-edit\";\nconst RESET_LAYOUT_EVENT = \"uuip-layout-reset-edit\";\nconst CANCEL_EDIT_EVENT = \"uuip-layout-cancel-edit\";\nlet DynamicArea = class DynamicArea extends LitElement {\n constructor() {\n super(...arguments);\n this.height = \"100%\";\n this.isStationLoginSuccess = false;\n this.isEdit = false;\n this.isSuccess = false;\n this.containerHeight = 0;\n this.containerWidth = 0;\n this.resizeObserver = null;\n this.visibilityCheckDebug = (tag, upd) => {\n if (tag === \"VISIBILITY_TEST\") {\n return {\n visible: STORE.dynamic.testBool,\n dispose: reaction(() => STORE.dynamic.testBool, (x) => upd(x))\n };\n }\n return { visible: true };\n };\n }\n save() {\n var _a, _b, _c;\n const isAdvancedLayout = (_a = this.area) === null || _a === void 0 ? void 0 : _a.useFlexLayout;\n if (isAdvancedLayout) {\n const customSaveEvent = new CustomEvent(SAVE_LAYOUT_EVENT);\n (_c = (_b = this.adw) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.childNodes[0].dispatchEvent(customSaveEvent);\n }\n else {\n this.dw.save();\n }\n this.isEdit = false;\n this.showSuccessIcon();\n SERVICE.telemetry.track(SERVICE.telemetry.TELEM_EVENT.LAYOUT_SETTINGS_SAVE);\n }\n reset() {\n var _a, _b, _c;\n const isAdvancedLayout = (_a = this.area) === null || _a === void 0 ? void 0 : _a.useFlexLayout;\n if (isAdvancedLayout) {\n const customResetEvent = new CustomEvent(RESET_LAYOUT_EVENT);\n (_c = (_b = this.adw) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.childNodes[0].dispatchEvent(customResetEvent);\n }\n else {\n this.dw.reset();\n }\n this.isEdit = false;\n this.showSuccessIcon();\n STORE.session.errorModal.updateModalStatus(false);\n SERVICE.telemetry.track(SERVICE.telemetry.TELEM_EVENT.LAYOUT_SETTINGS_RESET);\n }\n cancel() {\n var _a, _b, _c;\n const isAdvancedLayout = (_a = this.area) === null || _a === void 0 ? void 0 : _a.useFlexLayout;\n if (isAdvancedLayout) {\n const customCancelEvent = new CustomEvent(CANCEL_EDIT_EVENT);\n (_c = (_b = this.adw) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.childNodes[0].dispatchEvent(customCancelEvent);\n }\n else {\n this.dw.cancel();\n }\n this.isEdit = false;\n }\n edit() {\n this.isEdit = true;\n SERVICE.telemetry.track(SERVICE.telemetry.TELEM_EVENT.LAYOUT_SETTINGS_EDIT);\n }\n showSuccessIcon() {\n this.isSuccess = true;\n setTimeout(() => {\n var _a, _b;\n this.isSuccess = false;\n (_b = (_a = this.editLayoutTrigger.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\"button\")) === null || _b === void 0 ? void 0 : _b.focus();\n }, SUCCESS_FLASH_TIMEOUT);\n }\n showResetConfirmation() {\n STORE.session.errorModal.setErrorDetails({\n detail: {\n modalType: \"dialog\",\n header: t(\"app:desktopLayout:resetConfirmHeader\"),\n message: t(\"app:desktopLayout:resetConfirmMessage\"),\n buttons: [\n {\n type: \"button\",\n label: t(\"app:common:cancelButton\"),\n color: \"var(--md-background-color--gray-05)\",\n onClick: () => {\n STORE.session.errorModal.updateModalStatus(false);\n }\n },\n {\n type: \"button\",\n label: t(\"app:common:okButton\"),\n onClick: () => {\n STORE.session.errorModal.updateModalStatus(false);\n this.reset();\n }\n }\n ]\n }\n });\n STORE.session.errorModal.updateModalStatus(true);\n }\n static get styles() {\n return style;\n }\n get editMenuContent() {\n return html `\n ${this.editMenuContent}
` : nothing}\n \n `;\n }\n render() {\n return html `\n \n
\n `\n : nothing}\n ${this.area && this.area.useFlexLayout\n ? html `\n SLOT ONE WORKS
\n SLOT TWO WORKS
\n \n \n `}\n \n ${STORE.dynamic.isDragDrop ? this.editFloatingMenu : nothing}\n `;\n }\n // For debug of \"config_sample.json\" - page-dynamic-widgets-debug\n // --------------------------------------------------------------\n firstUpdated(props) {\n super.firstUpdated(props);\n if (window.ResizeObserver) {\n this.resizeObserver = new window.ResizeObserver((entries) => {\n for (const entry of entries) {\n if (entry.contentBoxSize) {\n this.containerWidth = Math.floor(entry.contentRect.width);\n if (this.area && this.area.pageHeader) {\n this.containerHeight = Math.max(Math.floor(entry.contentRect.height) - HEADER_HEIGHT, MIN_CONTAINER_HEIGHT_FOR_ADVANCE_LAYOUT);\n }\n else {\n this.containerHeight = Math.max(Math.floor(entry.contentRect.height), MIN_CONTAINER_HEIGHT_FOR_ADVANCE_LAYOUT);\n }\n }\n }\n });\n this.resizeObserver.observe(this.layoutContainer);\n }\n }\n updated(props) {\n super.updated(props);\n const cs = getComputedStyle(this.layoutContainer);\n if (this.area && this.area.pageHeader) {\n this.containerHeight = Math.max(this.layoutContainer.offsetHeight + parseFloat(cs.marginTop) + parseFloat(cs.marginBottom) - HEADER_HEIGHT, MIN_CONTAINER_HEIGHT_FOR_ADVANCE_LAYOUT);\n }\n else {\n this.containerHeight = Math.max(this.layoutContainer.offsetHeight + parseFloat(cs.marginTop) + parseFloat(cs.marginBottom), MIN_CONTAINER_HEIGHT_FOR_ADVANCE_LAYOUT);\n }\n if (props.has(\"area\")) {\n this.requestUpdate();\n }\n }\n connectedCallback() {\n const _super = Object.create(null, {\n connectedCallback: { get: () => super.connectedCallback }\n });\n return __awaiter(this, void 0, void 0, function* () {\n _super.connectedCallback.call(this);\n // wait for dw\n yield new Promise((r) => setTimeout(r, 1000));\n this.dw && this.dw.addEventListener(\"UUIPCompEvt.click\", this.handleEventFromDynamicWidget);\n attachDynamicLayoutListeners();\n });\n }\n disconnectedCallback() {\n const _super = Object.create(null, {\n disconnectedCallback: { get: () => super.disconnectedCallback }\n });\n return __awaiter(this, void 0, void 0, function* () {\n _super.disconnectedCallback.call(this);\n this.dw && this.dw.removeEventListener(\"UUIPCompEvt.click\", this.handleEventFromDynamicWidget);\n this.resizeObserver && this.resizeObserver.unobserve(this.layoutContainer);\n removeDynamicLayoutListeners();\n });\n }\n handleEventFromDynamicWidget() {\n STORE.dynamic.updTest();\n }\n};\n__decorate([\n property({ attribute: false })\n], DynamicArea.prototype, \"area\", void 0);\n__decorate([\n property({ type: String })\n], DynamicArea.prototype, \"height\", void 0);\n__decorate([\n property({ type: Boolean })\n], DynamicArea.prototype, \"isStationLoginSuccess\", void 0);\n__decorate([\n internalProperty()\n], DynamicArea.prototype, \"isEdit\", void 0);\n__decorate([\n internalProperty()\n], DynamicArea.prototype, \"isSuccess\", void 0);\n__decorate([\n internalProperty()\n], DynamicArea.prototype, \"containerHeight\", void 0);\n__decorate([\n internalProperty()\n], DynamicArea.prototype, \"containerWidth\", void 0);\n__decorate([\n query(\"uuip-dynamic-widgets\")\n], DynamicArea.prototype, \"dw\", void 0);\n__decorate([\n query(\".layout-edit--trigger\")\n], DynamicArea.prototype, \"editLayoutTrigger\", void 0);\n__decorate([\n query(\".ual-container\")\n], DynamicArea.prototype, \"layoutContainer\", void 0);\n__decorate([\n query(\"uuip-advance-layouts\")\n], DynamicArea.prototype, \"adw\", void 0);\nDynamicArea = __decorate([\n customElement(\"dynamic-area\")\n], DynamicArea);\nexport { DynamicArea };\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { t } from \"@/mixins/i18nMixin\";\nimport \"@agentx/agentx-mfe-wc-based\";\nimport { customElement, html, LitElement } from \"lit-element\";\nimport style from \"./EmptyResponsiveWidget.scss\";\nlet EmptyResponsiveWidget = class EmptyResponsiveWidget extends LitElement {\n static get styles() {\n return style;\n }\n render() {\n return html `\n \n this.handleGotoAnalyserFocus(event)}\n >\n ${this.actionList &&\n this.actionList.map((actionComponent) => actionComponent.comp !== AGENTX_GOTO_ANALYZER_COMPONENT || this.isAnalyzerEnabled\n ? html `\n \n \n \n `\n : html ``)}\n \n
\n \n `\n : nothing}\n `;\n }\n};\n__decorate([\n property()\n], MoreActionsWrapper.prototype, \"actionList\", void 0);\n__decorate([\n internalProperty()\n], MoreActionsWrapper.prototype, \"isAnalyzerEnabled\", void 0);\nMoreActionsWrapper = __decorate([\n customElement(\"agentx-more-actions-wrapper\")\n], MoreActionsWrapper);\nexport { MoreActionsWrapper };\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport \"@agentx/agentx-mfe-wc-based\";\nimport \"@uuip/unified-ui-platform\";\nimport { customElement, html, internalProperty, LitElement, property } from \"lit-element\";\nimport { UTILS_DYNAMIC } from \"../utils/UtilsDynamic\";\nimport style from \"./PageTitle.scss\";\n/**\n * @element page-title\n */\nlet PageTitle = class PageTitle extends LitElement {\n constructor() {\n super(...arguments);\n this.pageTitle = \"\";\n this.titleText = \"\";\n this.titleHasRegex = (title) => {\n const extractedString = title.substring(title.indexOf(\"{\") + 1, title.indexOf(\"}\")).trim()[0];\n const substring = extractedString === \"$\";\n return title.includes(\"{\") && title.includes(\"}\", title.indexOf(\"{\")) && substring;\n };\n this.extractString = (regexString) => {\n let extractedString = \"\";\n const s = regexString.split(\"{\");\n s.forEach((str) => {\n const regexEndIndex = str.indexOf(\"}\");\n if (regexEndIndex !== -1) {\n str = str.trim();\n let extractedRegex = str.substring(0, regexEndIndex);\n const upd = (v) => (extractedRegex = v);\n const { value } = UTILS_DYNAMIC.storeDataProvider(extractedRegex, upd);\n extractedString =\n regexEndIndex === str.length\n ? extractedString + value\n : extractedString + value + str.substring(regexEndIndex + 1);\n }\n else {\n extractedString = extractedString + str;\n }\n });\n return extractedString;\n };\n this.extractPageTitle = (title) => {\n if (this.titleHasRegex(title)) {\n return this.extractString(title);\n }\n else {\n const upd = (v) => (title = v);\n const { value } = UTILS_DYNAMIC.storeDataProvider(title, upd);\n return value;\n }\n };\n }\n static get styles() {\n return style;\n }\n connectedCallback() {\n super.connectedCallback();\n this._timerInterval = setInterval(() => {\n this.titleText = this.extractPageTitle(this.pageTitle);\n }, 1000);\n }\n disconnectedCallback() {\n super.disconnectedCallback();\n clearInterval(this._timerInterval);\n }\n render() {\n return html ` ${this.titleText}
\n \n
\n `;\n }\n};\n__decorate([\n property()\n], TimezoneLabel.prototype, \"tenantTimezone\", void 0);\n__decorate([\n internalProperty()\n], TimezoneLabel.prototype, \"isOverflowing\", void 0);\n__decorate([\n internalProperty()\n], TimezoneLabel.prototype, \"timezoneValueWidth\", void 0);\n__decorate([\n internalProperty()\n], TimezoneLabel.prototype, \"timezoneStoreValue\", void 0);\n__decorate([\n query(\"p.timezone\")\n], TimezoneLabel.prototype, \"timezoneValue\", void 0);\n__decorate([\n query(\"p.title\")\n], TimezoneLabel.prototype, \"timezoneLabel\", void 0);\nTimezoneLabel = __decorate([\n customElement(\"timezone-label\")\n], TimezoneLabel);\nexport { TimezoneLabel };\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { t } from \"@/mixins/i18nMixin\";\nimport { customElement, html, LitElement } from \"lit-element\";\nimport style from \"./UpdateProfileSettingsLoading.scss\";\nlet UpdateProfileSettingsLoading = class UpdateProfileSettingsLoading extends LitElement {\n constructor() {\n super(...arguments);\n this.languageResources = \"/i18n/{{lng}}/{{ns}}.json\";\n }\n static get styles() {\n return style;\n }\n render() {\n return html `\n ${t(\"app:common.timeZone\")} :
\n \n\n ${this.timezoneStoreValue === \"\" ? t(\"app:timezoneLabel.notDefined\") : this.timezoneStoreValue}\n
\n \n\n \n
\n `;\n }\n};\nUpdateProfileSettingsLoading = __decorate([\n customElement(\"user-profile-loading\")\n], UpdateProfileSettingsLoading);\nexport { UpdateProfileSettingsLoading };\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\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};\nimport { createLogger } from \"@/sdk\";\nimport { STORE } from \"@/store\";\nimport { BROWSER } from \"@/store/shared-actions/constants\";\nimport { SERVICE } from \"@agentx/agentx-services\";\nimport { customElement, html, internalProperty, LitElement, property, query } from \"lit-element\";\nimport { debounce } from \"../utils/Utils\";\nimport { registerWebCalling } from \"../utils/UtilsWebCalling\";\nimport { CANPLAY_THROUGH, DEVICE_CHANGED, INTERACTION_EVENTS, WEB_CALLING_EVENTS } from \"./constants\";\nconst logger = createLogger(\"WebCallingWidget\");\nlet WebCallingWidget = class WebCallingWidget extends LitElement {\n constructor() {\n super(...arguments);\n this.languageResources = \"/i18n/{{lng}}/{{ns}}.json\";\n this.mediaSettings = {};\n this.micDeviceId = \"\";\n this.localMicrophoneStream = {};\n this.micLabel = \"\";\n this.speakerLabel = \"\";\n this.agentId = \"\";\n this.handleCallAnswerEvt = () => __awaiter(this, void 0, void 0, function* () {\n if (STORE.agent.deviceType === BROWSER) {\n logger.info(\"[WebRtc]: answering webCall :: interactionId\", STORE.agentContact.selectedTaskId);\n yield this.updateMediaStreams();\n this.updateSpeakerSettings();\n STORE.agentContact.setIsCallMuted(false);\n SERVICE.webCalling.answerWebCall(this.localMicrophoneStream);\n }\n else {\n logger.info(\"[WebRtc]: Can not answer a non WebRtc Call\", STORE.agentContact.selectedTaskId);\n }\n });\n }\n connectedCallback() {\n super.connectedCallback();\n this.registerWebCallEvents();\n this.agentId = STORE.agent.agentId;\n }\n updated(changedProperties) {\n super.updated(changedProperties);\n if (changedProperties.has(\"mediaSettings\")) {\n this.updateSpeakerSettings();\n }\n }\n firstUpdated(props) {\n super.firstUpdated(props);\n this.cleanUpMedia();\n this.addPlayIfPausedEvents();\n }\n // handle speaker/mic updates from settings.\n updateSpeakerSettings() {\n return __awaiter(this, void 0, void 0, function* () {\n if (this.mediaSettings.speaker.ID) {\n this.remoteAudio.setSinkId(this.mediaSettings.speaker.ID);\n }\n if (this.remoteAudio) {\n this.remoteAudio.volume = this.mediaSettings.speaker.volume;\n this.remoteAudio.muted = this.mediaSettings.speaker.mute;\n }\n });\n }\n updateRemoteTrack(track) {\n this.remoteAudio.srcObject = new MediaStream([track]);\n }\n getMedia() {\n var _a, _b;\n return (_b = (_a = window === null || window === void 0 ? void 0 : window.callingClient) === null || _a === void 0 ? void 0 : _a.mediaEngine) === null || _b === void 0 ? void 0 : _b.Media;\n }\n getMic() {\n var _a;\n return __awaiter(this, void 0, void 0, function* () {\n //CX-15987 WxCC | Intermittent WebRTC calls failure\n //This flow should be improved in general.\n //You shouldnt remain having Desktop selected if you have it selected already and THEN unplug your mic or lose permissions for any reason :p\n //\n registerWebCalling(STORE.app.domainUrl);\n const microphones = yield ((_a = this.getMedia()) === null || _a === void 0 ? void 0 : _a.getMicrophones());\n if (this.mediaSettings.mic.ID) {\n return microphones === null || microphones === void 0 ? void 0 : microphones.find((deviceObject) => deviceObject.ID === this.mediaSettings.mic.ID);\n }\n return microphones[0];\n });\n }\n getSpeaker() {\n var _a;\n return __awaiter(this, void 0, void 0, function* () {\n const speakers = yield ((_a = this.getMedia()) === null || _a === void 0 ? void 0 : _a.getSpeakers());\n if (this.mediaSettings.speaker.ID) {\n return speakers.find((deviceObject) => deviceObject.ID === this.mediaSettings.speaker.ID);\n }\n return speakers[0];\n });\n }\n updateSpeaker() {\n return __awaiter(this, void 0, void 0, function* () {\n try {\n const speaker = yield this.getSpeaker();\n if (this.speakerLabel !== speaker.label) {\n logger.info(`[WebRtc] : event=updateSpeaker ${speaker}, agentId ${this.agentId}`);\n this.micLabel = speaker.label;\n this.remoteAudio.setSinkId(speaker.ID);\n }\n }\n catch (e) {\n logger.error(\"[WebRtc] : updateMediaStreams Failed!\", e);\n }\n });\n }\n // streamMedia with localAudio.\n getMediaStream(audio) {\n return __awaiter(this, void 0, void 0, function* () {\n try {\n logger.info(\"[WebRtc] : audio passing for streaming\", audio);\n const microphoneStream = yield SERVICE.webCalling.getMicrophoneStream(audio);\n if (microphoneStream) {\n logger.info(\"[WebRtc] : event=getMicrophoneStream Success!\", microphoneStream, \"agentId:\", this.agentId);\n this.localMicrophoneStream = microphoneStream;\n this.localAudio.srcObject = microphoneStream.outputStream;\n //Firefox not respecting 'muted' property on audio element, need to set attribute after getting audio\n //https://github.com/vuejs/vue/issues/6887\n this.localAudio.muted = true;\n }\n }\n catch (e) {\n logger.error(\"[WebRtc] : getMediaStreams Failed!\", e);\n }\n });\n }\n // update streamMedia when mic device change.\n updateMediaStreams() {\n return __awaiter(this, void 0, void 0, function* () {\n try {\n const audio = yield this.getMic();\n this.micLabel = audio.label;\n this.micDeviceId = audio.ID;\n logger.info(\"[WebRtc] : updateMediaStreams request !\");\n yield this.getMediaStream(audio);\n }\n catch (e) {\n logger.error(\"[WebRtc] : updateMediaStreams Failed!\", e);\n }\n });\n }\n getMediaElements() {\n return [this.localAudio, this.remoteAudio];\n }\n // cleanup all media tracks.\n cleanUpMedia() {\n const htmlMediaElements = this.getMediaElements();\n logger.info(\"[WebRtc]: event=cleanUpMedia, agentId :\", this.agentId);\n htmlMediaElements === null || htmlMediaElements === void 0 ? void 0 : htmlMediaElements.forEach((elem) => {\n var _a, _b;\n if (elem === null || elem === void 0 ? void 0 : elem.srcObject) {\n (_b = (_a = elem.srcObject) === null || _a === void 0 ? void 0 : _a.getTracks()) === null || _b === void 0 ? void 0 : _b.forEach((track) => track.stop());\n elem.srcObject = null;\n }\n });\n }\n handleCallIncomingEvt() {\n return __awaiter(this, void 0, void 0, function* () {\n yield this.updateMediaStreams();\n this.updateSpeakerSettings();\n STORE.agentContact.setIsCallMuted(false);\n });\n }\n handleCallEstablishedEvt() {\n this.stopWebCallRing();\n logger.info(`[WebRtc]: webCall established :: interactionId\", ${STORE.agentContact.selectedTaskId}`);\n }\n handleCallDisconnectedEvt() {\n this.stopWebCallRing();\n logger.info(`[WebRtc]: webCall disconnected :: interactionId\", ${STORE.agentContact.selectedTaskId}`);\n STORE.agentContact.setIsCallMuted(false);\n this.cleanUpMedia();\n }\n handleCallDeclineEvt() {\n if (STORE.agent.deviceType === BROWSER) {\n SERVICE.webCalling.declineWebCall();\n this.cleanUpMedia();\n }\n else {\n logger.info(\"[WebRtc]: Can not decline a non WebRtc Call\", STORE.agentContact.selectedTaskId);\n }\n }\n stopWebCallRing() {\n if (STORE.app.featureFlags.isWebrtcRingingEnabled) {\n STORE.browserNotifications.stopRing();\n logger.info(\"[WebRtc]: Web call ringing stopped\");\n }\n }\n registerWebCallEvents() {\n var _a;\n window.addEventListener(WEB_CALLING_EVENTS.AX_WC_REMOTE_MEDIA_UPDATE, (e) => {\n this.updateRemoteTrack(e.detail.value);\n });\n window.addEventListener(WEB_CALLING_EVENTS.AX_WC_ANSWER, debounce(this.handleCallAnswerEvt, 300));\n window.addEventListener(WEB_CALLING_EVENTS.AX_WC_DECLINE, () => {\n this.handleCallDeclineEvt();\n });\n // mute the call while mic is muted in sound and mic settings.\n window.addEventListener(WEB_CALLING_EVENTS.AX_WC_ESTABLISHED, () => {\n this.handleCallEstablishedEvt();\n });\n // whenever call disconnects set the mute flag to false\n window.addEventListener(WEB_CALLING_EVENTS.AX_WC_DISCONNECTED, () => {\n this.handleCallDisconnectedEvt();\n });\n window.addEventListener(INTERACTION_EVENTS.AX_INTERACTION_DELETE, () => {\n this.handleCallDisconnectedEvt();\n });\n // mute/unmute the call when interaction control button clicked\n window.addEventListener(WEB_CALLING_EVENTS.AX_WC_MUTE_UNMUTE, () => {\n SERVICE.webCalling.muteWebCall(this.localMicrophoneStream);\n // update the store variable so as to detect the changes in view\n STORE.agentContact.toggleCallMuted();\n });\n // Handle mediaDevice Update by system.\n (_a = this.getMedia()) === null || _a === void 0 ? void 0 : _a.on(DEVICE_CHANGED, () => {\n logger.info(\"[WebRtc]: event=mediaDeviceChanged, agentId :\", this.agentId);\n // this.updateMediaStreams(); revert once calling-sdk support update track.\n this.updateSpeaker();\n });\n }\n unRegisterWebCallEvents() {\n window.removeEventListener(WEB_CALLING_EVENTS.AX_WC_REMOTE_MEDIA_UPDATE, (e) => {\n this.updateRemoteTrack(e.detail.value);\n });\n window.removeEventListener(WEB_CALLING_EVENTS.AX_WC_ANSWER, debounce(this.handleCallAnswerEvt, 300));\n window.removeEventListener(WEB_CALLING_EVENTS.AX_WC_DECLINE, () => {\n this.handleCallDeclineEvt();\n });\n // mute the call while mic is muted in sound and mic settings.\n window.removeEventListener(WEB_CALLING_EVENTS.AX_WC_ESTABLISHED, () => {\n this.handleCallEstablishedEvt();\n });\n // mute/unmute the call when interaction control button clicked\n window.removeEventListener(WEB_CALLING_EVENTS.AX_WC_MUTE_UNMUTE, () => {\n SERVICE.webCalling.muteWebCall(this.localMicrophoneStream);\n });\n window.removeEventListener(WEB_CALLING_EVENTS.AX_WC_DISCONNECTED, () => {\n this.handleCallDisconnectedEvt();\n });\n window.removeEventListener(INTERACTION_EVENTS.AX_INTERACTION_DELETE, () => {\n this.handleCallDisconnectedEvt();\n });\n }\n // play default paused media.\n addPlayIfPausedEvents() {\n const htmlMediaElements = this.getMediaElements();\n logger.info(\"[WebRtc]: event=canplaythrough play mediaElements, agentId:\", this.agentId);\n htmlMediaElements.forEach((elem) => {\n elem === null || elem === void 0 ? void 0 : elem.addEventListener(CANPLAY_THROUGH, () => {\n if (elem.paused) {\n elem.play();\n }\n });\n });\n }\n disconnectedCallback() {\n super.disconnectedCallback();\n this.cleanUpMedia();\n this.unRegisterWebCallEvents();\n SERVICE.webCalling.deregisterWebCalling();\n }\n render() {\n return html `\n \n \n \n
\n `;\n }\n};\n__decorate([\n property({ type: Object })\n], WebCallingWidget.prototype, \"mediaSettings\", void 0);\n__decorate([\n property({ type: String })\n], WebCallingWidget.prototype, \"micDeviceId\", void 0);\n__decorate([\n internalProperty()\n], WebCallingWidget.prototype, \"localMicrophoneStream\", void 0);\n__decorate([\n internalProperty()\n], WebCallingWidget.prototype, \"micLabel\", void 0);\n__decorate([\n internalProperty()\n], WebCallingWidget.prototype, \"speakerLabel\", void 0);\n__decorate([\n internalProperty()\n], WebCallingWidget.prototype, \"agentId\", void 0);\n__decorate([\n query(\"#local-audio\")\n], WebCallingWidget.prototype, \"localAudio\", void 0);\n__decorate([\n query(\"#remote-audio\")\n], WebCallingWidget.prototype, \"remoteAudio\", void 0);\nWebCallingWidget = __decorate([\n customElement(\"web-calling-widget\")\n], WebCallingWidget);\nexport { WebCallingWidget };\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { createLogger } from \"@/sdk\";\nimport { STORE } from \"@/store\";\nimport { SERVICE } from \"@agentx/agentx-services\";\nimport { customElement, html, LitElement } from \"lit-element\";\nimport { debounce, triggerSendDTMFErrorNotification, triggerToggleMuteErrorNotification } from \"../utils/Utils\";\nimport { INTERACTION_EVENTS, WEBEX_CALLING_EVENTS } from \"./constants\";\nconst logger = createLogger(\"WebexCallingWidget\");\nlet WebexCallingWidget = class WebexCallingWidget extends LitElement {\n constructor() {\n super(...arguments);\n this.languageResources = \"/i18n/{{lng}}/{{ns}}.json\";\n this.fetchAndSetMuteStateForCurrentCall = () => {\n var _a;\n const activeCallId = (_a = STORE.agentContact.getWebexCallingCallId) !== null && _a !== void 0 ? _a : \"\";\n if (activeCallId && activeCallId !== \"\") {\n SERVICE.webexCalling\n .getCallDetails({ callId: activeCallId })\n .then((callDetails) => {\n if (callDetails && callDetails.muted !== undefined && callDetails.muted !== STORE.agentContact.isCallMuted) {\n this.setCallMuted(callDetails.muted);\n }\n })\n .catch((err) => {\n var _a;\n logger.error(`Error getting call details for callId: ${activeCallId}. trackingId: ${(_a = err === null || err === void 0 ? void 0 : err.details) === null || _a === void 0 ? void 0 : _a.trackingId}`);\n });\n }\n };\n this.sendDTMF = (e) => {\n if (e.detail && e.detail.callId && e.detail.callId !== \"\" && e.detail.dtmf && e.detail.dtmf !== \"\") {\n const callId = e.detail.callId;\n const dtmf = e.detail.dtmf;\n SERVICE.webexCalling.sendDTMF({ callId, dtmf }).catch((err) => {\n var _a;\n logger.error(`Error sending DTMF. trackingId: ${(_a = err === null || err === void 0 ? void 0 : err.details) === null || _a === void 0 ? void 0 : _a.trackingId}`);\n triggerSendDTMFErrorNotification();\n });\n }\n };\n this.toggleMuteStateOfCall = (e) => {\n if (e.detail && e.detail.callId && e.detail.callId !== \"\") {\n const callId = e.detail.callId;\n if (STORE.agentContact.isCallMuted) {\n this.setCallMuted(false);\n SERVICE.webexCalling.unmuteCall({ callId }).catch((err) => {\n var _a;\n logger.error(`Error un-muting the call. trackingId: ${(_a = err === null || err === void 0 ? void 0 : err.details) === null || _a === void 0 ? void 0 : _a.trackingId}`);\n triggerToggleMuteErrorNotification(false);\n this.setCallMuted();\n });\n }\n else {\n this.setCallMuted();\n SERVICE.webexCalling.muteCall({ callId }).catch((err) => {\n var _a;\n logger.error(`Error muting the call. trackingId: ${(_a = err === null || err === void 0 ? void 0 : err.details) === null || _a === void 0 ? void 0 : _a.trackingId}`);\n triggerToggleMuteErrorNotification(true);\n this.setCallMuted(false);\n });\n }\n }\n };\n this.mercurySyncToggleMuteStateOfCall = (e) => {\n if (e.detail && e.detail.callId && e.detail.callId !== \"\" && e.detail.muted !== undefined) {\n const callIdForMuteChange = e.detail.callId;\n const isMuted = e.detail.muted;\n const activeCallId = STORE.agentContact.getWebexCallingCallId;\n if (activeCallId && callIdForMuteChange.endsWith(activeCallId) && STORE.agentContact.isCallMuted !== isMuted) {\n this.setCallMuted(isMuted);\n }\n }\n };\n }\n connectedCallback() {\n super.connectedCallback();\n this.registerCallEvents();\n }\n registerCallEvents() {\n window.addEventListener(WEBEX_CALLING_EVENTS.AX_WXC_ANSWERED, debounce(this.setCallMuted(false), 300));\n window.addEventListener(INTERACTION_EVENTS.AX_INTERACTION_DELETE, () => {\n this.setCallMuted(false);\n });\n window.addEventListener(INTERACTION_EVENTS.AX_SELECTED_INTERACTION_CHANGED, () => {\n this.fetchAndSetMuteStateForCurrentCall();\n });\n window.addEventListener(WEBEX_CALLING_EVENTS.AX_WXC_MUTE_UNMUTE, (e) => {\n this.toggleMuteStateOfCall(e);\n });\n window.addEventListener(WEBEX_CALLING_EVENTS.AX_WXC_MERC_SYNC_MUTE_UNMUTE, (e) => {\n this.mercurySyncToggleMuteStateOfCall(e);\n });\n window.addEventListener(WEBEX_CALLING_EVENTS.AX_WXC_SEND_DTMF, (e) => {\n this.sendDTMF(e);\n });\n }\n unRegisterCallEvents() {\n window.removeEventListener(WEBEX_CALLING_EVENTS.AX_WXC_ANSWERED, debounce(this.setCallMuted(false), 300));\n window.removeEventListener(INTERACTION_EVENTS.AX_INTERACTION_DELETE, () => {\n this.setCallMuted(false);\n });\n window.removeEventListener(INTERACTION_EVENTS.AX_SELECTED_INTERACTION_CHANGED, () => {\n this.fetchAndSetMuteStateForCurrentCall();\n });\n window.removeEventListener(WEBEX_CALLING_EVENTS.AX_WXC_MUTE_UNMUTE, (e) => {\n this.toggleMuteStateOfCall(e);\n });\n window.removeEventListener(WEBEX_CALLING_EVENTS.AX_WXC_SEND_DTMF, (e) => {\n this.sendDTMF(e);\n });\n window.removeEventListener(WEBEX_CALLING_EVENTS.AX_WXC_MERC_SYNC_MUTE_UNMUTE, (e) => {\n this.mercurySyncToggleMuteStateOfCall(e);\n });\n }\n disconnectedCallback() {\n this.unRegisterCallEvents();\n }\n setCallMuted(muted = true) {\n // this will set the call muted state in the store which has the effect of re-rendering the call control buttons\n STORE.agentContact.setIsCallMuted(muted);\n }\n render() {\n return html ` `;\n }\n};\nWebexCallingWidget = __decorate([\n customElement(\"webex-calling-widget\")\n], WebexCallingWidget);\nexport { WebexCallingWidget };\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { isSupervisor } from \"@/app/utils/Utils\";\nimport { STORE } from \"@/store\";\nimport { LitElement, customElement, property } from \"lit-element\";\nimport { html, nothing } from \"lit-html\";\nimport { hideBanner, showBanner } from \"../../utils/AlertBannerUtils\";\nimport { AGENT_STATE_CHANGEDBY_NAME } from \"../constants\";\nlet AgentXStateSelectorComp = class AgentXStateSelectorComp extends LitElement {\n constructor() {\n super(...arguments);\n this.agentStateProps = STORE.agent.getAgentStateProps;\n }\n connectedCallback() {\n super.connectedCallback();\n setTimeout(() => this.requestUpdate(), 0);\n }\n render() {\n return !isSupervisor()\n ? html `\n - \n
- \n
\n \n \n ${STORE.dynamic.advancedHeader &&\n STORE.dynamic.advancedHeader.map((component) => {\n if ((component.comp.toLowerCase() === \"agentx-outdial\" && isSupervisor()) ||\n (component.comp.toLowerCase() === \"agentx-state-selector\" && isSupervisor()) ||\n (component.comp.toLowerCase() === \"agentx-webex\" && !STORE.app.webexEnabled)) {\n return nothing;\n }\n else {\n const options = this.getDynamicProperties(component);\n if (options) {\n return html `\n - \n
\n {\n STORE.shortcutKeys.updateShortcutKeysModal(e.detail);\n }}\"\n @ax-toast-notification-settings=\"${(e) => {\n STORE.generalNotifications.updateNotificationSettings(e.detail.notificationEnabled, e.detail.silentNotificationEnabled);\n }}\"\n @ax-reset-layout=\"${() => DynamicLayout.Element.resetAll()}\"\n @ax-dark-theme=\"${(e) => STORE.app.toggleDarkMode(e.detail.darkTheme)}\"\n @ax-visual-rebrand-new-look=\"${(e) => STORE.app.toggleVisualRebrandNewLook(e.detail.newLook)}\"\n @ax-change-team=\"${(e) => {\n STORE.app.changeAgentTeam(e.detail.selectedTeamDetails);\n }}\"\n @ax-change-team-cancelled=\"${(e) => {\n STORE.session.errorModal.setErrorDetails(e);\n }}\"\n @ax-update-profile=\"${(e) => {\n STORE.app.updateProfileSettings(e.detail.profileDetails);\n // close shortcutkey modal on update profile\n STORE.shortcutKeys.updateShortcutKeysModal(false);\n STORE.agent.updateSignOutByChangeProfile(true);\n }}\"\n @ax-update-profile-cancelled=\"${(e) => {\n STORE.session.errorModal.setErrorDetails(e);\n }}\"\n @update-flag-user-prefs-saved=\"${(e) => {\n STORE.agent.updateIsPreferenceSaved(e.detail.isPrefSaved);\n }}\"\n @save-update-user-prefs-failed=\"${(e) => {\n STORE.agent.updateIsPreferenceSavedFailed(e.detail.isPrefSaved);\n }}\"\n @update-user-preference-storage=\"${(e) => {\n STORE.app.saveUserPreferenceInSessionStorage(e.detail);\n }}\"\n @ax-output-device-change=\"${(e) => {\n STORE.agent.updateSelectedOutputDeviceId(e.detail.selectedOutputDeviceId);\n }}\"\n @ax-input-device-change=\"${(e) => {\n STORE.agent.updateSelectedInputDeviceId(e.detail.selectedInputDeviceId);\n }}\"\n @ax-speaker-mic-setting-update=\"${(e) => {\n STORE.agent.updateMediaSettings(e.detail.speakerMicSettings);\n }}\"\n @initiate-microsoft-auth-flow=\"${() => {\n retryAuthentication();\n }}\"\n @retry-presence-sync-register=\"${() => {\n retrySync();\n }}\"\n @fetch-managed-team=${() => fetchManagedTeams()}\n @ax-aqm-signout-by-ui=\"${(e) => {\n STORE.agent.updateSignOutByUi(e.detail.isSignedOut);\n STORE.agent.updateSignOutByChangeProfile(false);\n }}\"\n agentname=\"${STORE.agent.agentName}\"\n @ax-suppress-webex-notifications-failed=\"${(e) => {\n STORE.session.errorModal.setErrorDetails(e);\n }}\"\n >\n
\n `;\n};\nexport default AgentProfileBlock;\n","import { t } from \"@/mixins/i18nMixin\";\nimport { STORE } from \"@/store\";\nimport { Router } from \"@uuip/unified-ui-platform\";\nimport { css } from \"lit-element\";\nimport { html } from \"lit-html\";\nimport style from \"./AiAssistantBlock.scss\";\nconst AiAssistantBlock = () => {\n return new Router.RouterView.Block({\n template: html `\n \n \n STORE.app.toggleAiAssistantPanelCollapse()}\"\n >\n
\n \n `,\n styles: [\n style,\n css `\n .aiAssistantArea {\n grid-area: ai; /*grid*/\n }\n\n .hide {\n display: none;\n transform: translateX(100%);\n transition: transform 0.3s ease-in-out;\n }\n `\n ]\n });\n};\nexport default AiAssistantBlock;\n","import { STORE } from \"@/store\";\nimport { Router } from \"@uuip/unified-ui-platform\";\nimport { css } from \"lit-element\";\nimport { html } from \"lit-html\";\nimport { classMap } from \"lit-html/directives/class-map\";\nimport style from \"./BannerBlock.scss\";\nconst BannerBlock = () => {\n return new Router.RouterView.Block({\n template: html `\n \n \n `,\n styles: [\n style,\n css `\n .banner {\n grid-area: banner; /*grid*/\n margin: 8px 0 0;\n }\n `\n ]\n });\n};\nexport default BannerBlock;\n","import { t } from \"@/mixins/i18nMixin\";\nimport { STORE } from \"@/store\";\nimport { Router } from \"@uuip/unified-ui-platform\";\nimport { css } from \"lit-element\";\nimport { html, nothing } from \"lit-html\";\nimport { classMap } from \"lit-html/directives/class-map\";\nconst EmptyBlock = () => {\n return new Router.RouterView.Block({\n template: html `\n \n \n
\n \n \n STORE.app.toggleAiAssistantPanelCollapse()}\n aria-label=\"Close\"\n >\n
\n \n ${t(\"app:common.CiscoAiAssistant\")}\n
\n \n ${STORE.app.taskPageIllustration\n ? html `\n \n
\n `\n : nothing}\n \n `,\n styles: css `\n uuip-wc-empty-state,\n .customEmptyWrapper {\n width: 100%;\n height: 100%;\n display: contents;\n }\n\n .customEmptySpace {\n grid-area: empty-state; /*grid*/\n margin: 8px;\n margin-top: var(--content-container-top-margin, 8px);\n background: var(--md-content-bg-color);\n box-shadow: var(--common-box-shadow);\n border-radius: var(--border-radius-medium);\n overflow: hidden;\n }\n\n .customEmptySpace.dark {\n border: 1px solid var(--md-menu-overlay-border-color, --gray-20);\n }\n\n .customIllustration {\n align-items: center;\n display: flex;\n justify-content: center;\n height: 100%;\n }\n\n .illustrationImage {\n max-width: 100%;\n max-height: 100%;\n }\n\n @media (max-width: 736px) {\n .customEmptySpace {\n height: 100%;\n }\n }\n\n uuip-wc-empty-state::part(img) {\n max-width: 60%;\n width: 400px;\n }\n `\n });\n};\nexport default EmptyBlock;\n","import { SYSTEM_ROLES, TOGGLE_MAXIMIZED_EVENT } from \"@/app/components/constants\";\nimport { retryAuthentication } from \"@/app/integration/microsoft\";\nimport { showBanner } from \"@/app/utils/AlertBannerUtils\";\nimport { isEmailOrChat, toggleDisplayOnMaximize } from \"@/app/utils/Utils\";\nimport { t } from \"@/mixins/i18nMixin\";\nimport { STORE } from \"@/store\";\nimport { MediaType } from \"@/store/store-agent-contact\";\nimport \"@agentx/agentx-mfe-wc-based\";\nimport { SERVICE } from \"@agentx/agentx-services\";\nimport { Router } from \"@uuip/unified-ui-platform\";\nimport { css } from \"lit-element\";\nimport { html, nothing } from \"lit-html\";\nimport { toJS } from \"mobx\";\nimport style from \"./InteractionControlBlock.scss\";\nconst InteractionControlBlock = () => {\n var _a, _b, _c, _d;\n const mediaType = (_a = STORE.agentContact.taskSelected) === null || _a === void 0 ? void 0 : _a.mediaType;\n const mediaChannel = (_b = STORE.agentContact.taskSelected) === null || _b === void 0 ? void 0 : _b.mediaChannel;\n const ariaLabel = mediaType === MediaType.Social ? mediaChannel : mediaType;\n let isMaximizedEventAttached = false;\n const isMaximizedFunction = () => {\n if (!isMaximizedEventAttached) {\n window.addEventListener(TOGGLE_MAXIMIZED_EVENT, (e) => {\n const customEvent = e;\n const value = toggleDisplayOnMaximize(customEvent.detail.isMaximized, \"common-control\");\n isMaximizedEventAttached = value;\n });\n }\n };\n if (isEmailOrChat((_c = STORE.agentContact) === null || _c === void 0 ? void 0 : _c.taskSelected)) {\n isMaximizedFunction();\n }\n return new Router.RouterView.Block({\n template: html `\n \n
\n \n ${STORE.agentContact.taskSelected && STORE.agent.agentId\n ? html `\n \n \n {\n STORE.app.updateUserVoiceIntPaneState(e.detail);\n }}\"\n isProgressiveCampaignEnabled=\"${STORE.app.featureFlags.isProgressiveCampaignEnabled}\"\n isProgressiveCampaign1NEnabled=\"${STORE.app.featureFlags.isProgressiveCampaign1NEnabled}\"\n @ax-interaction-wrapup=\"${(e) => {\n STORE.agent.updateStatusAfterOutdial(e);\n STORE.session.screenpop.updateScreenPopData(e.detail.interactionIdParam);\n STORE.session.interactionControl.removeInteraction(e.detail.interactionIdParam);\n }}\"\n @ax-main-cad-section-dimension=\"${(e) => {\n setTimeout(() => {\n STORE.agentContact.updateCadSectionDimension(\"mainCallContainerHeight\", e.detail.height);\n }, 0);\n }}\"\n @ax-consult-cad-section-dimension=\"${(e) => {\n setTimeout(() => {\n STORE.agentContact.updateCadSectionDimension(\"consultCallContainerHeight\", e.detail.height);\n }, 0);\n }}\"\n @ax-auto-wrap-up=\"${(e) => {\n STORE.session.interactionControl.removeInteraction(e.detail.interactionId);\n }}\"\n @ax-interaction-recording-pause-failed=\"${(e) => {\n STORE.session.errorModal.setErrorDetails(e);\n }}\"\n @ax-interaction-recording-resume-failed=\"${(e) => {\n STORE.session.errorModal.setErrorDetails(e);\n }}\"\n @ax-interaction-hold-failed=\"${(e) => {\n STORE.session.errorModal.setErrorDetails(e);\n }}\"\n @ax-interaction-resume-failed=\"${(e) => {\n STORE.session.errorModal.setErrorDetails(e);\n }}\"\n @ax-interaction-end-failed=\"${(e) => {\n STORE.session.errorModal.setErrorDetails(e);\n }}\"\n @ax-interaction-consult-transfer=\"${() => {\n STORE.agentContact.resetInteractionControlDimensions();\n }}\"\n @ax-interaction-consult-transfer-failed=\"${(e) => {\n STORE.session.errorModal.setErrorDetails(e);\n }}\"\n @ax-interaction-consult-end-failed=\"${(e) => {\n STORE.session.errorModal.setErrorDetails(e);\n }}\"\n @ax-interaction-conference-end-failed=\"${(e) => {\n STORE.session.errorModal.setErrorDetails(e);\n }}\"\n @ax-interaction-conference-exit-failed=\"${(e) => {\n STORE.session.errorModal.setErrorDetails(e);\n }}\"\n @ax-interaction-conference-failed=\"${(e) => {\n STORE.session.errorModal.setErrorDetails(e);\n }}\"\n @ax-update-navigation-warning=\"${(e) => {\n STORE.agentContact.updateWarnOnNavigation(e.detail);\n }}\"\n @ax-reset-warn-on-navigation=\"${() => {\n STORE.agentContact.resetWarningOnNavigation();\n }}\"\n @ax-interaction-modal-toggled=${(e) => {\n STORE.common.updateInteractionModalState(e.detail);\n }}\n @ax-interaction-fetch-epdn-list-success=${(e) => {\n STORE.agent.updateEpDnList(e.detail.data);\n }}\n @ax-interaction-fetch-epdn-list-failure=${(e) => {\n STORE.agent.updatetrackingIdforEpList(e.detail.error);\n }}\n @ax-interaction-fetch-addressbook-list-success=${(e) => {\n STORE.agent.updateAddressbookList(e.detail.data);\n }}\n @ax-interaction-fetch-addressbook-list-failure=${(e) => {\n STORE.agent.updateAddressbookListFailed(e.detail);\n }}\n @ax-interaction-monitoring-hold-failed=\"${(e) => {\n STORE.session.errorModal.setErrorDetails(e);\n }}\"\n @monitor-interaction-owner=\"${(e) => {\n STORE.agentContact.setMonitoringOwnerName(e.detail);\n }}\"\n @ax-update-dtmf-value=\"${(e) => {\n STORE.agent.updateDtmfValue(e.detail.value);\n }}\"\n @ax-fire-notification=\"${(e) => {\n STORE.generalNotifications.fireNotificationEvent(e.detail);\n STORE.browserNotifications.firebrowserNotification(e.detail.data);\n }}\"\n @ax-end-monitoring=\"${(e) => {\n STORE.agentContact.setIsMonitoringNotEndedManually(e.detail);\n }}\"\n @ax-banner-show=\"${(e) => {\n showBanner(e);\n }}\"\n @initiate-microsoft-auth-flow=\"${() => {\n retryAuthentication();\n }}\"\n @ax-wrapup-codes-update=\"${(e) => {\n STORE.agent.updateAgentWrapUpCodes(e.detail);\n SERVICE.conf.updateWrapUpCodeConfig(e.detail);\n }}\"\n >\n
\n `\n : nothing}\n \n `,\n styles: [\n style,\n css `\n /** Placeholder */\n `\n ]\n });\n};\nexport default InteractionControlBlock;\n","import { STORE } from \"@/store\";\nimport { Router } from \"@uuip/unified-ui-platform\";\nimport { css } from \"lit-element\";\nimport { html } from \"lit-html\";\nimport style from \"./NavBlock.scss\";\nconst NavBlock = () => {\n return new Router.RouterView.Block({\n template: html `\n \n \n ${STORE.dynamic.showPersistentWidgets\n ? html `\n \n \n `\n : nothing}\n
\n `,\n styles: STORE.dynamic.showPersistentWidgets ? style : css ``\n });\n};\nexport default PersistentAreaBlock;\n","import { isWebCall } from \"@/app/utils/Utils\";\nimport { STORE } from \"@/store\";\nimport { Router } from \"@uuip/unified-ui-platform\";\nimport { css } from \"lit-element\";\nimport { html } from \"lit-html\";\nexport const checkWebCall = (mediaType) => {\n const interaction = {\n mediaType\n };\n return STORE.app.featureFlags.isWebrtcRingingEnabled && isWebCall(interaction);\n};\nexport const handleFireNotificationPopoverBlock = (e) => {\n if (STORE.app.taskAreaCollapsed) {\n STORE.browserNotifications.fireNewOfferNotification(e.detail);\n }\n // STORE.browserNotifications.playSound :\n // 1. if the call is a web call and the feature flag CX-13578-webrtc-ringtone is enabled -> plays (/sounds/ringtone.mp3)\n // 2. if the call is not a web call -> plays default chime sound (/sounds/new_contact_sound.mp3)\n // 3. if its any other media type -> plays default chime sound (/sounds/new_contact_sound.mp3)\n STORE.browserNotifications.playSound(checkWebCall(e.detail.type));\n};\nconst PopoverBlock = () => {\n return new Router.RouterView.Block({\n template: html `\n \n \n STORE.session.errorModal.setErrorDetails(e)}\"\n webRtcStatus=\"${STORE.agent.webRtcStatus}\"\n isWebRTCEnabled=\"${STORE.app.featureFlags.isWebRTCEnabled}\"\n isMaskSensitiveDataEnabled=\"${STORE.agent.getIsMaskSensitiveDataEnabled}\"\n deviceType=\"${ifDefined(STORE.agent.deviceType === null ? undefined : STORE.agent.deviceType)}\"\n orgId=\"${STORE.agent.orgId}\"\n >\n `\n : nothing}\n
\n \n `\n : nothing}\n \n `,\n styles: [\n style,\n css `\n .agentx-task-area {\n grid-area: tasks; /*grid*/\n }\n `\n ]\n });\n};\nexport default TasksAreaBlock;\n","import { RouteName } from \"@/app/routing/routing\";\nimport { handlePresenceCallState } from \"@/app/utils/StateSyncManager/UtilsSyncState\";\nimport { UTILS_DYNAMIC } from \"@/app/utils/UtilsDynamic\";\nimport { t } from \"@/mixins/i18nMixin\";\nimport { createLogger } from \"@/sdk\";\nimport { STORE } from \"@/store\";\nimport { MediaType } from \"@/store/store-agent-contact\";\nimport { SERVICE } from \"@agentx/agentx-services\";\nimport { Router } from \"@uuip/unified-ui-platform\";\nimport { Notifications } from \"@uuip/unified-ui-platform-sdk\";\nimport { html, nothing } from \"lit-html\";\nimport { toJS } from \"mobx\";\nimport { BARGE_IN_MONITORING_STATE, SUPERVISOR_EVENT, WEBEX_MINIMIZE_MODAL, WEBEX_SHOW_MODAL } from \"../../components/constants\";\nimport { bargeInStarted, contactCallbackRetryModal, getAgentCallMonitoringStateOnBargeIn, getErrorMsgForReasonCode, handleAutoAnswer, inviteFailedToIdle, isSecondaryEpDnAgent, midcallMonitoringEnded, midcallMonitoringFailed, midcallMonitoringOffered, midcallMonitoringStarted, ronaToOtherState, showContactCleanUpModal, showErrorModal, triggerBargeInNotification, triggerLeaveInteractionNotification, updatePageTitle } from \"../../utils/Utils\";\nconst logger = createLogger(\"[UtilityBlock]\");\nconst RACE_ERROR_REASON_CODE = 53;\nconst UtilityBlock = () => {\n var _a, _b;\n return new Router.RouterView.Block({\n template: html `\n \n\n \n 0}\"\n .isInteractionModelOpen=\"${STORE.common.isInteractionModelOpen}\"\n .clickEvent=\"${STORE.agentContact.getcheckReplies}\"\n .newUnreadTaskMessage=\"${STORE.session.chat.getNewUnreadMessageId}\"\n .isDarkMode=\"${STORE.app.darkMode}\"\n .monitoringOwnerName=\"${STORE.agentContact.monitoringOwnerName}\"\n @task-selected=${(e) => {\n const { taskId } = e.detail;\n STORE.routing.navigateTask(taskId);\n }}\n @handle-new-replies=${(e) => {\n STORE.agentContact.updateShowNewReply(e.detail.show);\n STORE.agentContact.updateShowArrowUp(e.detail.isShowUp);\n }}\n >\n\n
\n ${STORE.app.isStationLoginSuccess\n ? html `\n \n \n
\n \n ${STORE.agentContact.showNewReplyButton\n ? html `\n STORE.agentContact.checkReplies()}\"\n variant=\"primary\"\n color=\"blue\"\n >\n ${t(\"app:taskList.newReplies\")} ${\" \"}\n ${STORE.agentContact.showArrowUp\n ? html `
\n \n \n {\n STORE.session.chat.setMediaViewInitState(e.detail);\n }}\"\n @agent-contact-reserved=\"${(e) => {\n STORE.agentContact.updateTask(e.detail);\n }}\"\n @agent-offer-contact=\"${(e) => {\n STORE.agentContact.updateTask(e.detail);\n handleAutoAnswer(e.detail);\n }}\"\n @agent-offer-consult=\"${(e) => {\n STORE.agentContact.updateTask(e.detail);\n handleAutoAnswer(e.detail);\n }}\"\n @agent-contact-assigned=\"${(e) => {\n // need to clear the previous interaction id received for add campaign (When agent leg is established)\n if (STORE.app.featureFlags.isProgressiveCampaign1NEnabled && e.detail.reservationInteractionId) {\n STORE.agentContact.deleteTask(e.detail.reservationInteractionId, true);\n }\n STORE.agentContact.updateTask(e.detail);\n STORE.agentContact.checkBeforeSelectingTask(e.detail.interactionId);\n STORE.agentContact.updateCallMonitoringObjAndTriggerNotification(e.detail);\n if (e.detail.interaction.mediaType === MediaType.Telephony) {\n STORE.session.errorModal.updateModalStatus(false);\n handlePresenceCallState(e.detail);\n }\n }}\"\n @agent-contact-assigned-failed=\"${(e) => {\n STORE.agentContact.handleAgentContactAssignFailure(e.detail);\n }}\"\n @agent-contact=\"${(e) => {\n var _a;\n STORE.agentContact.updateAgentCallMonitoringStateDetails(e.detail);\n STORE.agentContact.updateTask(e.detail);\n if (STORE.routing.currentRouteName === RouteName.TASK &&\n STORE.agentContact.interactionIds.length === STORE.agentContact.taskMap.size) {\n STORE.agentContact.selectTaskOnHomeRoute();\n }\n if (STORE.routing.currentRouteValues.params.taskId === e.detail.interactionId) {\n STORE.agentContact.selectedTaskChange(e.detail.interactionId);\n STORE.routing.navigateTask(e.detail.interactionId);\n }\n STORE.session.interactionControl.setAutoWrapupState(e.detail, STORE.agent.agentId, (_a = SERVICE.conf.profile) === null || _a === void 0 ? void 0 : _a.wrapUpData);\n STORE.session.interactionControl.checkForWrapUp(e.detail, STORE.agent.agentId);\n }}\"\n @contact-held=${(e) => {\n if ((e.detail.interactionId !== STORE.agentContact.selectedTaskId &&\n !STORE.agentContact.isPrimary(e.detail, STORE.agent.agentId) &&\n STORE.routing.currentRouteName === RouteName.TASKPANEL) ||\n (STORE.routing.currentRouteName === RouteName.APS &&\n e.detail.interaction.mediaType !== MediaType.Telephony) ||\n (STORE.routing.currentRouteName === RouteName.APS &&\n e.detail.interaction.mediaType === MediaType.Telephony &&\n STORE.agentContact.selectedTaskId !== \"\" &&\n e.detail.interactionId !== STORE.agentContact.selectedTaskId &&\n !STORE.agentContact.isPrimary(e.detail, STORE.agent.agentId))) {\n const notificationData = {\n type: Notifications.ItemMeta.Type.Info,\n mode: Notifications.ItemMeta.Mode.AutoDismiss,\n title: t(\"app:notifications.contactHeldNotifTitle\"),\n data: t(\"app:notifications.contactHeldNotifData\")\n };\n STORE.generalNotifications.fireNotificationEvent(notificationData);\n }\n STORE.agentContact.updateHeldUnheldProps(e.detail);\n }}\n @contact-unheld=${(e) => {\n STORE.agentContact.updateHeldUnheldProps(e.detail);\n }}\n @agent-wrapup=${(e) => {\n if (STORE.common.isInteractionModelOpen && STORE.common.interactionModelOpenId === e.detail.interactionId) {\n STORE.common.deleteInteractionModalState();\n }\n STORE.agentContact.updateTask(e.detail);\n if (e.detail.interaction.contactDirection.type === \"OUTBOUND\") {\n STORE.agentContact.checkBeforeSelectingTask(e.detail.interactionId);\n }\n STORE.session.email.deleteEmailFromCache(e.detail.interactionId);\n if (STORE.agent.wrapUpData.wrapUpProps.autoWrapup) {\n STORE.session.interactionControl.addAutoWrapUpTimers(e.detail.interactionId, STORE.app.multipartyOrPersistsFF\n ? e.detail.interaction.participants[STORE.agent.agentId][\"lastUpdated\"]\n : e.detail.interaction.participants[STORE.agent.agentId][\"wrapUpTimestamp\"], toJS(STORE.agent.wrapUpData));\n STORE.session.interactionControl.addInteraction(e.detail.interactionId);\n }\n if (e.detail.interaction.mediaType === MediaType.Chat ||\n e.detail.interaction.mediaType === MediaType.Social) {\n STORE.session.chat.deleteUnreadMessages(e.detail.interactionId);\n }\n }}\n @agent-contact-wrappedup=${(e) => {\n if (STORE.common.isInteractionModelOpen && STORE.common.interactionModelOpenId === e.detail.interactionId) {\n STORE.common.deleteInteractionModalState();\n }\n STORE.agentContact.resetWarningOnNavigation();\n // remove persisted state of aux-panel tabs on interaction closed\n STORE.session.interactionControl.deleteAutoWrapTimer(e.detail.interactionId);\n sessionStorage.removeItem(e.detail.interactionId);\n if ((e.detail.interactionId !== STORE.agentContact.selectedTaskId &&\n STORE.agent.wrapUpData.wrapUpProps.autoWrapup &&\n STORE.routing.currentRouteName === RouteName.TASKPANEL) ||\n (STORE.routing.currentRouteName === RouteName.APS &&\n e.detail.interaction.mediaType !== MediaType.Telephony) ||\n (STORE.routing.currentRouteName === RouteName.APS &&\n e.detail.interaction.mediaType === MediaType.Telephony &&\n STORE.agentContact.selectedTaskId !== \"\" &&\n e.detail.interactionId !== STORE.agentContact.selectedTaskId)) {\n const notificationData = {\n type: Notifications.ItemMeta.Type.Info,\n mode: Notifications.ItemMeta.Mode.AutoDismiss,\n title: t(\"app:notifications.autoWrapupTitle\"),\n data: t(\"app:notifications.autoWrapupData\")\n };\n STORE.generalNotifications.fireNotificationEvent(notificationData);\n }\n STORE.agentContact.deleteAndSelectNextTask(e.detail.interactionId);\n }}\n @agent-contact-ended=${(e) => {\n if (STORE.common.isInteractionModelOpen && STORE.common.interactionModelOpenId === e.detail.interactionId) {\n STORE.common.deleteInteractionModalState();\n }\n if (e.detail.interaction.state === \"new\" ||\n (e.detail.interaction.state === \"wrapUp\" && // check if current state is wrapUp\n e.detail.interaction.contactDirection.type === \"OUTBOUND\" &&\n STORE.agentContact.isTaskRinging(e.detail.interactionId)) || // check if task previous state is ringing\n isSecondaryEpDnAgent(e.detail.interaction)) {\n // delete and remove task from desktop for contactEnd for agent2 side\n STORE.agentContact.deleteAndSelectNextTask(e.detail.interactionId);\n }\n }}\n @agent-contact-rona=${(e) => {\n STORE.agentContact.deleteTask(e.detail.interactionId);\n STORE.agent.updateStateToRona();\n ronaToOtherState(e.detail.interaction, e.detail.reasonCode);\n }}\n @agent-invite-failed=${(e) => {\n STORE.agentContact.deleteTask(e.detail.interactionId);\n if (e.detail.reasonCode === 1030 || e.detail.reasonCode === \"1030\") {\n // a usecase of customer left to treat this as outdial failed.\n STORE.agentContact.handleOutBoundFailed(e.detail);\n }\n else {\n STORE.agent.updateStateToRona();\n inviteFailedToIdle(e.detail.interaction, e.detail.trackingId);\n }\n }}\n @call-recording-started=${(e) => {\n STORE.agentContact.updateRecordingProps(e.detail);\n }}\n @agent-consult-created=${(e) => {\n STORE.agentContact.updateTask(e.detail);\n }}\n @agent-consulting=${(e) => {\n if ((e.detail.interaction.mediaType === MediaType.Chat ||\n e.detail.interaction.mediaType === MediaType.Social) &&\n STORE.agent.agentId === e.detail.interaction.owner) {\n const data = {\n interactionId: e.detail.interactionId,\n destAgentId: e.detail.destAgentId,\n initiateConferenceChat: true,\n agentId: STORE.agent.agentId\n };\n STORE.agentContact.updatechatConferenceData(data);\n }\n if ((e.detail.interactionId !== STORE.agentContact.selectedTaskId &&\n e.detail.interaction.mediaType === MediaType.Telephony &&\n STORE.agentContact.isPrimary(e.detail, STORE.agent.agentId) &&\n STORE.routing.currentRouteName === RouteName.TASKPANEL) ||\n (STORE.routing.currentRouteName === RouteName.APS &&\n e.detail.interaction.mediaType !== MediaType.Telephony) ||\n (STORE.routing.currentRouteName === RouteName.APS &&\n e.detail.interaction.mediaType === MediaType.Telephony &&\n STORE.agentContact.selectedTaskId !== \"\" &&\n e.detail.interactionId !== STORE.agentContact.selectedTaskId)) {\n const notificationData = {\n type: Notifications.ItemMeta.Type.Info,\n mode: Notifications.ItemMeta.Mode.AutoDismiss,\n title: t(\"app:notifications.consultingNotifTitle\"),\n data: t(\"app:notifications.consultingNotifData\")\n };\n STORE.generalNotifications.fireNotificationEvent(notificationData);\n }\n STORE.agentContact.handleConsulting(e.detail, STORE.agent.agentId);\n if (STORE.agent.agentId !== e.detail.interaction.owner) {\n handlePresenceCallState(e.detail);\n }\n }}\n @agent-consult-conferenced=${(e) => {\n var _a;\n STORE.agentContact.resetInteractionControlDimensions();\n if ((e.detail.interactionId !== STORE.agentContact.selectedTaskId &&\n STORE.agentContact.isPrimary(e.detail, STORE.agent.agentId) &&\n STORE.routing.currentRouteName === RouteName.TASKPANEL) ||\n (STORE.routing.currentRouteName === RouteName.APS &&\n e.detail.interaction.mediaType !== MediaType.Telephony) ||\n (STORE.routing.currentRouteName === RouteName.APS &&\n e.detail.interaction.mediaType === MediaType.Telephony &&\n STORE.agentContact.selectedTaskId !== \"\" &&\n e.detail.interactionId !== STORE.agentContact.selectedTaskId)) {\n const notificationData = {\n type: Notifications.ItemMeta.Type.Info,\n mode: Notifications.ItemMeta.Mode.AutoDismiss,\n title: t(\"app:notifications.conferenceNotifTitle\"),\n data: t(\"app:notifications.conferenceNotifData\")\n };\n STORE.generalNotifications.fireNotificationEvent(notificationData);\n }\n STORE.agentContact.updateTask(e.detail);\n if (e.detail.interaction.mediaType === MediaType.Chat ||\n e.detail.interaction.mediaType === MediaType.Social) {\n STORE.agentContact.selectAcceptedTask(e.detail, STORE.agent.agentId);\n }\n try {\n updatePageTitle(STORE.routing.currentRouteName);\n }\n catch (ex) {\n logger.error(\"[UtilityBlock] Error while updating title for conference\", ex.message);\n }\n if (!((_a = STORE.agentContact.taskSelected) === null || _a === void 0 ? void 0 : _a.isOwner)) {\n STORE.agentContact.updateCallMonitoringObjAndTriggerNotification(e.detail);\n }\n }}\n @agent-contact-updated=${(e) => {\n STORE.agentContact.updateCadVariable(e.detail);\n }}\n @agent-consult-ended=${(e) => {\n STORE.agentContact.handleConsultUpdate(e.detail, STORE.agent.agentId);\n }}\n @agent-consult-conference-ended=${(e) => {\n STORE.agentContact.handleConsultUpdate(e.detail, STORE.agent.agentId);\n }}\n @contact-owner-changed=${(e) => {\n STORE.agentContact.handleContactOwnerChanged(e.detail, STORE.agent.agentId);\n }}\n @agent-conference-participantLeft=${(e) => {\n STORE.agentContact.handleConfParticipantLeft(e.detail, STORE.agent.agentId);\n }}\n @participant-post-call-activity=${(e) => {\n STORE.agentContact.updateTask(e.detail);\n }}\n @agent-consult-conferencing=${(e) => {\n STORE.agentContact.updateTask(e.detail);\n }}\n @agent-consult-failed=${(e) => {\n STORE.agentContact.handleAgentConsultFailed(e.detail, STORE.agent.agentId);\n }}\n @agent-consult-transfer-failed=\"${(e) => {\n STORE.session.errorModal.setErrorDetails({\n detail: {\n modalType: \"dialog\",\n message: getErrorMsgForReasonCode(e.detail.reasonCode) || t(\"app:interaction.consultTransferFailed\"),\n trackingId: e.detail.trackingId\n }\n });\n }}\"\n @agent-ctq-cancelled=${(e) => {\n STORE.agentContact.updateForCTQ(e.detail.interactionId);\n }}\n @agent-ctq-failed=${(e) => {\n STORE.agentContact.updateForCTQ(e.detail.interactionId);\n }}\n @agent-ctq-cancel-failed=${(e) => {\n STORE.agentContact.updateForCTQFailure(e.detail);\n }}\n @ax-media-view-message-recieved=${(e) => {\n if (e.detail.convId && e.detail.actorId !== STORE.agent.agentId) {\n STORE.session.chat.setUnreadMessages(e.detail);\n }\n }}\n @ax-media-view-conv-loaded=${(e) => {\n var _a;\n const taskId = ((_a = STORE.agentContact.getTaskIdFromConvId(e.detail.convId)) === null || _a === void 0 ? void 0 : _a.interactionId) || \"\";\n STORE.session.chat.deleteUnreadMessages(taskId);\n STORE.session.chat.updateIsConvNotFound(e.detail.convId, false);\n }}\n @ax-media-view-customer-left=${(e) => {\n // updating hasCustomerFlag in chat store for disabling the buttons except end button\n STORE.session.chat.updateHasCustomerLeft(e.detail.convId);\n }}\n @ax-media-view-ws-customer-left=${(e) => {\n //emit desktop level notification for customer left\n STORE.generalNotifications.fireChatEnded(e.detail);\n }}\n @ax-media-view-conv-not-found=${(e) => {\n // updating hasCustomerFlag in chat store for disabling the buttons except end button\n STORE.session.chat.updateIsConvNotFound(e.detail.convId, true);\n }}\n @agent-outbound-failed=${(e) => {\n STORE.agentContact.handleOutBoundFailed(e.detail);\n }}\n @agent-conference-failed=${(e) => {\n STORE.agentContact.handleChatConferenceFailed(e.detail);\n const data = {\n interactionId: \"\",\n destAgentId: \"\",\n initiateConferenceChat: false,\n agentId: \"\"\n };\n STORE.agentContact.updatechatConferenceData(data);\n }}\n @agent-conference-participantJoined=${(e) => {\n STORE.agentContact.handleConfParticipantJoined(e.detail);\n }}\n @ax-update-navigation-warning=\"${(e) => {\n if (STORE.agentContact.navigationWarning[\"chatMessages\"] !== e.detail[\"value\"]) {\n STORE.agentContact.updateWarnOnNavigation(e.detail);\n }\n }}\"\n @ax-reset-warn-on-navigation=\"${() => {\n if (STORE.agentContact.navigationWarning[\"chatMessages\"]) {\n STORE.agentContact.resetWarningOnNavigation();\n }\n }}\"\n @ax-attachment-limit-exceeds-error=\"${() => {\n STORE.session.errorModal.setErrorDetails({\n detail: {\n modalType: \"dialog\",\n message: t(\"app:chat.attachmentLimitExceeds\")\n }\n });\n }}\"\n @agent-outidal-ani-list=\"${(e) => {\n STORE.agent.updateoutdialAniList(e.detail);\n }}\"\n @ax-interaction-recording-paused=\"${(e) => {\n STORE.agentContact.updateRecordingStatus(e.detail.interactionId, \"true\");\n }}\"\n @ax-interaction-recording-resumed=\"${(e) => {\n STORE.agentContact.updateRecordingStatus(e.detail.interactionId, \"false\");\n }}\"\n @ax-chat-characters-limit-exceeds-error=\"${() => {\n STORE.session.errorModal.setErrorDetails({\n detail: {\n modalType: \"dialog\",\n message: t(\"app:chat.chatCharacterLimitExceeds\")\n }\n });\n }}\"\n @imi-message-received=\"${(e) => {\n const newMsgEvent = {\n actorId: e.detail.senderId,\n actorName: e.detail.senderName || e.detail.senderId,\n actorType: e.detail.senderType,\n convId: e.detail.conversationId,\n message: e.detail.isAttachment ? \"\" : e.detail.message,\n isAttachment: e.detail.isAttachment\n };\n STORE.session.chat.setUnreadMessages(newMsgEvent);\n }}\"\n @imi-conversation-loaded=\"${(e) => {\n var _a;\n STORE.session.chat.setImiWidgetInitState(false);\n const taskId = ((_a = STORE.agentContact.getTaskIdFromConvId(e.detail.conversationId)) === null || _a === void 0 ? void 0 : _a.interactionId) || \"\";\n STORE.session.chat.deleteUnreadMessages(taskId);\n }}\"\n @imi-conversation-loaded-error=\"${() => {\n STORE.session.chat.setImiWidgetInitState(false);\n }}\"\n @imi-livechat-closed=\"${(e) => {\n STORE.session.chat.updateHasCustomerLeft(e.detail.conversationId);\n }}\"\n @imi-services-initialized=\"${() => {\n STORE.session.chat.setImiServicesInitialized(true);\n }}\"\n @agent-contact-cleanup=\"${(e) => {\n STORE.agentContact.handleContactCleanup(e.detail);\n showContactCleanUpModal(e.detail.trackingId);\n }}\"\n @agent-contact-merged=\"${(e) => {\n if (e.detail.childInteractionId) {\n STORE.agentContact.deleteTask(e.detail.childInteractionId, true);\n }\n STORE.agentContact.updateTask(e.detail);\n STORE.agentContact.selectedTaskChange(e.detail.interactionId);\n STORE.routing.navigateTask(e.detail.interactionId);\n }}\"\n @monitoring-offered=\"${(e) => {\n midcallMonitoringOffered(e.detail.interaction.owner, e.detail.interactionId);\n STORE.agentContact.updateTask(e.detail);\n }}\"\n @agent-offer-campaign-reserved=\"${(e) => {\n STORE.agentContact.updateTask(e.detail.data);\n }}\"\n @agent-add-campaign-reserved=\"${(e) => {\n STORE.agentContact.updateTask(e.detail.data);\n }}\"\n @monitoring-started=\"${(e) => {\n midcallMonitoringStarted(e.detail.interaction.owner, e.detail.interactionId);\n STORE.agentContact.updateTask(e.detail);\n STORE.agentContact.checkBeforeSelectingTask(e.detail.interactionId);\n }}\"\n @monitoring-ended=\"${(e) => {\n midcallMonitoringEnded(e.detail.interactionId);\n STORE.agentContact.deleteAndSelectNextTask(e.detail.interactionId);\n STORE.agentContact.handleAbruptMonitoringEnd();\n }}\"\n @monitoring-end-failed=\"${(e) => {\n const { reasonCode } = e.detail;\n STORE.session.errorModal.setErrorDetails({\n detail: {\n modalType: \"dialog\",\n message: getErrorMsgForReasonCode(reasonCode) || t(\"app:monitoring.monitoringEndFailed\"),\n trackingId: e.detail.trackingId\n }\n });\n }}\"\n @monitoring-held=\"${(e) => {\n STORE.agentContact.updateHeldUnheldPropsMonitoring(e.detail);\n }}\"\n @monitoring-unheld=\"${(e) => {\n STORE.agentContact.updateHeldUnheldPropsMonitoring(e.detail);\n }}\"\n @monitoring-create-failed=\"${(e) => {\n const { reasonCode } = e.detail;\n if (reasonCode !== RACE_ERROR_REASON_CODE) {\n STORE.session.errorModal.setErrorDetails({\n detail: {\n modalType: \"dialog\",\n message: getErrorMsgForReasonCode(e.detail.reasonCode) || t(\"app:monitoring.monitoringStartFailed\"),\n trackingId: e.detail.trackingId\n }\n });\n }\n }}\"\n @monitoring-failed=\"${(e) => {\n midcallMonitoringFailed(e.detail.interactionId);\n STORE.agentContact.deleteAndSelectNextTask(e.detail.interactionId);\n STORE.session.errorModal.setErrorDetails({\n detail: {\n modalType: \"dialog\",\n htmlMessage: getErrorMsgForReasonCode(e.detail.reasonCode) ||\n html `\n {\n STORE.shortcutKeys.updateShortcutKeysModal(e.detail);\n }}\n .isModalOpen=${STORE.shortcutKeys.shortcutKeysModal}\n .isShortcutKeyConflict=${STORE.shortcutKeys.updateKeyboardShortcutConflict}\n >\n\n {\n STORE.app.updateWebexShowModal(false);\n localStorage.setItem(WEBEX_SHOW_MODAL, \"false\");\n }}\n @agentx-webex-minimize-restore=${() => {\n var _a;\n localStorage.setItem(WEBEX_MINIMIZE_MODAL, (_a = (!STORE.app.webexMinimized)) === null || _a === void 0 ? void 0 : _a.toString());\n STORE.app.updateWebexMinimized(!STORE.app.webexMinimized);\n }}\n >\n\n ${STORE.dynamic.headless\n ? html `\n \n \n `\n : nothing}\n
\n `\n });\n};\nexport default UtilityBlock;\n","import AiAssistantBlock from \"@/app/routing/shared-blocks/AiAssistantBlock\";\nimport BannerBlock from \"@/app/routing/shared-blocks/BannerBlock\";\nimport InteractionControlBlock from \"@/app/routing/shared-blocks/InteractionControlBlock\";\nimport NavBlock from \"@/app/routing/shared-blocks/NavBlock\";\nimport TasksAreaBlock from \"@/app/routing/shared-blocks/TasksAreaBlock\";\nimport { STORE } from \"@/store\";\nimport { Router } from \"@uuip/unified-ui-platform\";\nimport AdvancedHeader from \"../../shared-blocks/AdvancedHeaderBlock\";\nimport PersistentAreaBlock from \"../../shared-blocks/PersistentAreaBlock\";\nimport PopoverBlock from \"../../shared-blocks/PopoverBlock\";\nimport UtilityBlock from \"../../shared-blocks/UtilityBlock\";\nimport style from \"./BaseView.scss\";\nexport const BaseView = () => {\n const blocks = {\n header: AdvancedHeader(),\n nav: NavBlock(),\n banner: BannerBlock(),\n tasks_area: TasksAreaBlock(),\n interaction_control: InteractionControlBlock(),\n persistent_area: PersistentAreaBlock(),\n popover_area: PopoverBlock(),\n utility_block: UtilityBlock()\n };\n if (STORE.app.featureFlags.isAiAssistantV2Enabled) {\n blocks.ai_assistant_area = AiAssistantBlock();\n }\n return new Router.RouterView.BlocksMap({\n blocks,\n styles: style\n });\n};\n","import { BaseView } from \"@/app/routing/views/_base-view/BaseView\";\nimport { STORE } from \"@/store\";\nimport { Router } from \"@uuip/unified-ui-platform\";\nimport { css } from \"lit-element\";\nimport { html } from \"lit-html\";\nimport \"../../../components/DynamicArea\";\nimport style from \"./DynamicView.scss\";\nexport const DynamicView = (page) => {\n return new Router.RouterView.BlocksMap(BaseView(), {\n blocks: {\n dynamic: new Router.RouterView.Block({\n template: html `\n \n ${t(\"app:monitoring.monitoringFailed\")}\n
\n `,\n trackingId: e.detail.reason !== \"MONITORING_FAILED\" ? e.detail.trackingId : \"\"\n }\n });\n }}\"\n @agent-monitor-state-changed=\"${(e) => {\n var _a;\n if (e.detail.eventType === SUPERVISOR_EVENT) {\n bargeInStarted(e.detail.interactionId, e.detail.agentId);\n STORE.agentContact.updateBargeInProps(e.detail);\n }\n else {\n const supervisorName = (_a = e.detail) === null || _a === void 0 ? void 0 : _a.supervisorName;\n triggerBargeInNotification(supervisorName);\n const agentCallMonitoringState = getAgentCallMonitoringStateOnBargeIn(e.detail);\n STORE.agentContact.setAgentCallMonitoringStateDetails(agentCallMonitoringState);\n if (STORE.app.featureFlags.isWxccMultiPartyConfEnabled) {\n STORE.agentContact.updateInteractionAndMediaObjectForMonitorStateChangeEvent(e.detail);\n }\n }\n }}\"\n @contact-callback-failed=\"${(e) => {\n const { reasonCode, trackingId, interactionId } = e.detail;\n if (STORE.app.featureFlags.isCallbackRetryEnabled) {\n STORE.agentContact.deleteTask(interactionId);\n const errorModal = contactCallbackRetryModal(reasonCode, trackingId);\n showErrorModal(errorModal.header, errorModal.message, errorModal.trackingId);\n }\n }}\"\n @agent-monitor-end=\"${(e) => {\n var _a, _b;\n const supervisorName = ((_b = (_a = STORE.agentContact) === null || _a === void 0 ? void 0 : _a.agentCallMonitoringState) === null || _b === void 0 ? void 0 : _b.supervisorName) || \"\";\n if (STORE.agentContact.agentCallMonitoringState &&\n STORE.agentContact.agentCallMonitoringState.monitoringType === BARGE_IN_MONITORING_STATE) {\n triggerLeaveInteractionNotification(supervisorName);\n if (STORE.app.featureFlags.isWxccMultiPartyConfEnabled) {\n STORE.agentContact.removeSupervisorFromInteractionAndMediaObject(e.detail);\n }\n }\n STORE.agentContact.setAgentCallMonitoringStateDetails({});\n }}\"\n >\n\n - \n
- ${t(\"app:monitoring.requestNotAnswered\")} \n
- ${t(\"app:monitoring.systemError\")} \n
\n \n
\n `,\n styles: [\n style,\n css `\n .route-not-found {\n grid-area: route_not_found; /*grid*/\n }\n `\n ]\n });\n};\nexport default RouteNotFoundBlock;\n","import { BaseView } from \"@/app/routing/views/_base-view/BaseView\";\nimport { STORE } from \"@/store\";\nimport { Router } from \"@uuip/unified-ui-platform\";\nimport { css } from \"lit-element\";\nimport style from \"./ApsView.scss\";\nimport ApsReportsBlock from \"./blocks/ApsReportsBlock\";\nexport const ApsView = () => {\n return new Router.RouterView.BlocksMap(BaseView(), {\n blocks: {\n aps_reports: ApsReportsBlock()\n },\n styles: [\n style,\n STORE.dynamic.showPersistentWidgets\n ? css `\n :host {\n grid-template-areas:\n \"header header header header header \"\n \"nav banner banner banner ai\"\n \"nav tasks common-control common-control ai\"\n \"nav tasks persistent-page-control persistent-page-control ai\"\n \"nav tasks aps-reports aps-reports ai\";\n grid-template-columns: auto auto auto 1fr auto;\n grid-template-rows: auto auto auto 1fr 1fr auto;\n }\n `\n : css `\n :host {\n grid-template-areas:\n \"header header header header header\"\n \"nav banner banner banner ai\"\n \"nav tasks common-control common-control ai\"\n \"nav tasks aps-reports aps-reports ai\"\n \"nav tasks aps-reports aps-reports ai\";\n grid-template-columns: auto auto auto 1fr auto;\n grid-template-rows: auto auto auto 1fr 1fr auto;\n }\n `\n ]\n });\n};\n","import { STORE } from \"@/store\";\nimport { Router } from \"@uuip/unified-ui-platform\";\nimport { css } from \"lit-element\";\nimport { html } from \"lit-html\";\nimport style from \"./ApsReportsBlock.scss\";\nconst ApsReportsBlock = () => {\n return new Router.RouterView.Block({\n template: html `\n \n ${ERROR_LINK_TEXT} `}\n \n
\n \n ${t(\"app:errorPage:errorHeaderNew\")}
\n ${t(\"app:errorPage:errorForIncorrectRouteNew\")}\n \n ${t(\"app:errorPage:errorClickNew\")}\n ${type === ROUTE_NOT_FOUND\n ? html ` ${ERROR_LINK_TEXT} `\n : html `\n
\n `,\n styles: style\n })\n }\n });\n};\nexport default DefaultLandingView;\n","import EmptyBlock from \"@/app/routing/shared-blocks/EmptyBlock\";\nimport { BaseView } from \"@/app/routing/views/_base-view/BaseView\";\nimport { Router } from \"@uuip/unified-ui-platform\";\nimport style from \"./HomeView.scss\";\nconst displayRespectiveBlock = () => {\n return { empty_view: EmptyBlock() };\n};\nexport const HomeView = () => {\n return new Router.RouterView.BlocksMap(BaseView(), {\n blocks: Object.assign({}, displayRespectiveBlock()),\n styles: style\n });\n};\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { InteractionsTypes } from \"@agentx/agentx-services\";\nimport { action, observable } from \"mobx\";\nclass InteractionsViewContext {\n constructor() {\n this.interactionId = \"\";\n this.selectedTab = InteractionsTypes.QueryType.Active;\n }\n updateInteractionId(interactionId) {\n this.interactionId = interactionId;\n }\n updateSelectedTab(selectedTab) {\n this.selectedTab = selectedTab;\n }\n}\n__decorate([\n observable\n], InteractionsViewContext.prototype, \"interactionId\", void 0);\n__decorate([\n observable\n], InteractionsViewContext.prototype, \"selectedTab\", void 0);\n__decorate([\n action\n], InteractionsViewContext.prototype, \"updateInteractionId\", null);\n__decorate([\n action\n], InteractionsViewContext.prototype, \"updateSelectedTab\", null);\nexport const interactionsViewContext = new InteractionsViewContext();\n","import { STORE } from \"@/store\";\nimport \"@agentx/agentx-mfe-wc-based\";\nimport { Router } from \"@uuip/unified-ui-platform\";\nimport { html } from \"lit-element\";\nimport { BaseView } from \"../_base-view/BaseView\";\nimport { interactionsViewContext as context } from \"./interactions-view-context\";\nimport styles from \"./interactions-view.scss\";\nconst InteractionsView = () => {\n return new Router.RouterView.BlocksMap(BaseView(), {\n blocks: {\n interactions: new Router.RouterView.Block({\n template: html `\n \n ${!STORE.app.isStationLoginSuccess\n ? html `\n
\n \n
\n `\n : nothing}\n \n
\n `\n }),\n details: new Router.RouterView.Block({\n template: html `\n \n {\n STORE.layout.setRouterViewClasses({ expanded: true });\n context.updateInteractionId(e.detail.eventId);\n }}\n @interactions-tab-selected-tab-changed=${(e) => {\n context.updateSelectedTab(e.detail.selectedTab);\n }}\n >\n
\n \n
\n `\n })\n },\n styles\n });\n};\nexport default InteractionsView;\n","import \"@agentx/agentx-mfe-wc-based\";\nimport { Router } from \"@uuip/unified-ui-platform\";\nimport { BaseView } from \"../_base-view/BaseView\";\nimport style from \"./QueueStatsView.scss\";\nimport QueueStatsBlock from \"../queue-stats-view/blocks/QueueStatsBlock\";\nimport QueueStatsDetailsBlock from \"../queue-stats-view/blocks/QueueStatsDetailsBlock\";\nconst QueueStatsView = () => {\n return new Router.RouterView.BlocksMap(BaseView(), {\n blocks: {\n queue: QueueStatsBlock(),\n details: QueueStatsDetailsBlock()\n },\n styles: style\n });\n};\nexport default QueueStatsView;\n","import { STORE } from \"@/store\";\nimport { Router } from \"@uuip/unified-ui-platform\";\nimport { html } from \"lit-html\";\nimport style from \"./QueueStatsBlock.scss\";\nconst QueueStatsBlock = () => {\n return new Router.RouterView.Block({\n template: html `\n \n {\n STORE.layout.setRouterViewClasses({ expanded: false });\n }}\"\n >Close \n
\n Details view
\nInteraction ID: ${context.interactionId}
\n\n
\n `,\n styles: [style]\n });\n};\nexport default QueueStatsBlock;\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { Router } from \"@uuip/unified-ui-platform\";\nimport { STORE } from \"@/store\";\nimport { html } from \"lit-html\";\nimport { LitElement, customElement } from \"lit-element\";\nimport style from \"./QueueStatsDetailsBlock.scss\";\nimport config from \"../config-queue-stats.json\";\n/**\n * @element agentx-queue-stats-widgets\n */\nlet AgentQueueStats = class AgentQueueStats extends LitElement {\n static get styles() {\n return style;\n }\n render() {\n return html `\n \n {\n const validQueue = STORE.agent.managedQueues.some((queue) => queue.queueId === e.detail.eventId);\n if (validQueue) {\n STORE.layout.setRouterViewClasses({ expanded: true });\n STORE.agentContact.selectedQueueStatsQueueChange(e.detail.eventId);\n }\n }}\n >\n
\n \n
\n `,\n styles: style\n });\n};\nexport default QueueStatsDetailsBlock;\n","import { BaseView } from \"@/app/routing/views/_base-view/BaseView\";\nimport { STORE } from \"@/store\";\nimport { MediaType } from \"@/store/store-agent-contact\";\nimport { Router } from \"@uuip/unified-ui-platform\";\nimport { createLogger } from \"@/sdk\";\nimport { css } from \"lit-element\";\nimport RouteNotFoundBlock from \"../_not-found-view/blocks/RouteNotFoundBlock\";\nimport style from \"./TaskSelectedView.scss\";\nimport PanelOneBlock from \"./blocks/PanelOneBlock\";\nimport PanelTwoBlock from \"./blocks/PanelTwoBlock\";\nconst logger = createLogger(\"AgentXBaseView\");\nconst taskArrayHasLength = () => {\n STORE.agentContact.taskArray.length\n ? logger.info(`agentContact taskArray has length ${STORE.agentContact.taskArray.length}`)\n : logger.info(`agentContact taskArray has no length ${STORE.agentContact.taskArray.length}`);\n return STORE.agentContact.taskArray.length;\n};\nexport const TaskSelectedView = (homeHref) => {\n var _a, _b;\n return new Router.RouterView.BlocksMap(BaseView(), {\n blocks: STORE.agentContact.interactionIds.indexOf(STORE.routing.currentRouteValues.params.taskId) !== -1\n ? Object.assign({ panel_one: PanelOneBlock() }, (taskArrayHasLength() && { aux_pane: PanelTwoBlock() })) : { route_not_found: RouteNotFoundBlock(homeHref, \"task-not-found\") },\n styles: [\n style,\n STORE.agentContact.taskSelected\n ? ((_a = STORE.agentContact.taskSelected) === null || _a === void 0 ? void 0 : _a.mediaType) === MediaType.Telephony ||\n ((_b = STORE.agentContact.taskSelected) === null || _b === void 0 ? void 0 : _b.mediaType) === MediaType.Midcall\n ? css `\n :host {\n grid-template-areas:\n \"header header header header header\"\n \"nav banner banner banner ai\"\n \"nav tasks common-control common-control ai\"\n \"nav tasks panel-two panel-two ai\";\n grid-template-columns: var(--nav-bar-width) auto 1fr 1fr auto;\n grid-template-rows: auto auto auto 1fr auto;\n }\n `\n : css `\n :host {\n grid-template-areas:\n \"header header header header header\"\n \"nav banner banner banner ai\"\n \"nav tasks common-control panel-two ai\"\n \"nav tasks panel-one panel-two ai\";\n grid-template-columns: var(--nav-bar-width) auto minmax(auto, 2fr) 1.5fr auto;\n grid-template-rows: auto auto auto 1fr auto;\n }\n `\n : css `\n :host {\n grid-template-areas:\n \"header header header header header\"\n \"nav banner banner banner ai\"\n \"nav tasks common-control common-control ai\"\n \"nav tasks route_not_found route_not_found ai\";\n grid-template-columns: var(--nav-bar-width) auto 1fr 1fr auto;\n grid-template-rows: auto auto auto 1fr auto;\n }\n `\n ]\n });\n};\n","import { TOGGLE_MAXIMIZED_EVENT } from \"@/app/components/constants\";\nimport { attachIMIScript, isEmailOrChat, toggleDisplayOnMaximize } from \"@/app/utils/Utils\";\nimport { t } from \"@/mixins/i18nMixin\";\nimport { STORE } from \"@/store\";\nimport { MediaType } from \"@/store/store-agent-contact\";\nimport \"@agentx/agentx-mfe-wc-based\";\nimport { Router } from \"@uuip/unified-ui-platform\";\nimport \"@uuip/unified-ui-platform-common-components\";\nimport { css } from \"lit-element\";\nimport { html, nothing } from \"lit-html\";\nimport { classMap } from \"lit-html/directives/class-map\";\nimport style from \"./PanelOneBlock.scss\";\nconst PanelOneBlock = () => {\n var _a, _b;\n let isMaximizedEventAttached = false;\n const getMediaViewChatWidget = () => {\n var _a;\n return html `\n \n {\n STORE.layout.setRouterViewClasses({ expanded: false });\n }}\"\n >Close \n
\n \n \n \n
\n \n
\n \n
\n \n ${STORE.agentContact.taskSelected &&\n renderPanelTwoBlock(isDefinedDynamicPanel, STORE.agentContact.taskSelected)}\n
\n \n `\n : STORE.agentContact.taskSelected &&\n renderPanelTwoBlock(isDefinedDynamicPanel, STORE.agentContact.taskSelected)}\n \n `,\n styles: [\n style,\n unsafeCSS `\n .panel-two {\n grid-area: panel-two; /*grid*/\n }\n `\n ]\n });\n};\nexport default PanelTwoBlock;\n","import { t } from \"@/mixins/i18nMixin\";\nimport { STORE } from \"@/store\";\nimport { SERVICE } from \"@agentx/agentx-services\";\nimport { AGENT_STATE_CHANGEDBY_NAME, ALERT_BANNER_DETAILS, AX_ANNOUNCEMENT_UPDATE, STATE_CHANGE_BANNER } from \"../components/constants\";\nexport const showBanner = (e) => {\n var _a;\n const ele = document.createElement(\"div\");\n ele.innerHTML = `${e.detail.bannerText}`;\n STORE.alertBanner.updateAlertBanner({\n message: ele,\n display: true,\n type: \"default\",\n closable: true,\n id: e.detail.id ? e.detail.id : STATE_CHANGE_BANNER,\n onHide: () => {\n if (e.detail.bannerType === AGENT_STATE_CHANGEDBY_NAME ||\n e.detail.bannerType === SERVICE.constants.WebexConstants.AX_PRESENCE_STATE_UPDATE) {\n sessionStorage.removeItem(ALERT_BANNER_DETAILS);\n if (!STORE.agentContact.getEngagedStatus) {\n STORE.agent.updateChangeByName(null);\n }\n }\n }\n });\n window.dispatchEvent(new CustomEvent(AX_ANNOUNCEMENT_UPDATE, {\n detail: {\n thisEvent: {\n message: `${e.detail.bannerText}`\n }\n }\n }));\n if (e.detail.bannerType === AGENT_STATE_CHANGEDBY_NAME) {\n // to handle click on X button on banner\n STORE.agent.updateChangeByName(`${(_a = e.detail) === null || _a === void 0 ? void 0 : _a.supervisorName}`);\n STORE.browserNotifications.firebrowserNotification(`${e.detail.supervisorName} ${t(\"app:tpw.stateChange.changedStateTo\")} ${STORE.agent.subStatus}.`);\n }\n else if (e.detail.bannerType === SERVICE.constants.WebexConstants.AX_PRESENCE_STATE_UPDATE) {\n STORE.browserNotifications.firebrowserNotification(`${t(\"app:presenceSyncStateManagement.axAgentStateChanged\")} ${STORE.agent.subStatus} ${t(\"app:presenceSyncStateManagement.axAgentSync\")}`);\n }\n};\nexport const hideBanner = (bannerType) => {\n STORE.alertBanner.updateAlertBanner({\n display: false,\n id: \"\"\n });\n if (bannerType === AGENT_STATE_CHANGEDBY_NAME) {\n STORE.agent.updateChangeByName(null);\n }\n sessionStorage.removeItem(ALERT_BANNER_DETAILS);\n};\n","var __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};\nimport { createLogger } from \"@/sdk\";\nimport { STORE } from \"@/store\";\nimport { SERVICE } from \"@agentx/agentx-services\";\nimport axios from \"axios\";\nimport { fetchTeamDataById, getLayoutFromLS, updateLSLayout } from \"./Utils\";\nconst logger = createLogger(\"[DesktopLayoutUtils]\");\nconst LAYOUT_CONFIG_CACHE_KEY = \"agentx-desktop-layout-config\";\nexport const UserRoles = {\n AGENT: \"agent\",\n SUPERVISOR: \"supervisor\",\n SUPERVISOR_AGENT: \"agent_supervisor\"\n};\nexport const LayoutUserRoleKeys = {\n AGENT: \"agent\",\n SUPERVISOR: \"supervisor\",\n SUPERVISOR_AGENT: \"supervisorAgent\"\n};\nexport const isAgent = (role) => {\n return role === LayoutUserRoleKeys.AGENT;\n};\nexport const isSupervisor = (role) => {\n return role === LayoutUserRoleKeys.SUPERVISOR;\n};\nexport const isSupervisorAgent = (role) => {\n return role === LayoutUserRoleKeys.SUPERVISOR_AGENT;\n};\nexport const isLayoutJsonInOldStrcuture = (data) => {\n return data.area;\n};\nexport const getLayoutForUserRole = (data, role) => {\n if (isLayoutJsonInOldStrcuture(data)) {\n return data;\n }\n return data[role] ? data[role] : undefined;\n};\nconst getIsRoleBasedLayout = (data, role) => {\n return Object.prototype.hasOwnProperty.call(data, role);\n};\nexport const updateLayoutConfigCache = (data) => {\n return updateLSLayout(data, LAYOUT_CONFIG_CACHE_KEY);\n};\nexport const getLayoutConfigFromCache = () => {\n return getLayoutFromLS(LAYOUT_CONFIG_CACHE_KEY);\n};\nexport const getLayoutFromAPIGateway = (attributes) => {\n if (!attributes) {\n return undefined;\n }\n //eslint-disable-next-line sonarjs/prefer-object-spread\n const data = Object.assign({}, JSON.parse(attributes.jsonFileContent));\n const roleSpecificLayout = getLayoutForUserRole(data, STORE.agent.getUserRole);\n if (roleSpecificLayout) {\n roleSpecificLayout.layoutName = attributes.name;\n roleSpecificLayout.isRoleBasedLayout = getIsRoleBasedLayout(data, STORE.agent.getUserRole);\n }\n return [roleSpecificLayout, data];\n};\nconst fetchTeamDataByPage = (orgId, agentDbId, teamId) => __awaiter(void 0, void 0, void 0, function* () {\n const response = yield fetchTeamDataById(orgId, 0, agentDbId, \"\", teamId);\n return response ? response.data : [];\n});\nconst getSelectedDesktopLayoutIdByTeam = (profile, selectTeamDbId) => __awaiter(void 0, void 0, void 0, function* () {\n var _a;\n let auxData = profile.teams.filter((auxData) => selectTeamDbId === auxData.teamId);\n /** case when selected team is not present in config response , as it has only 1st page team response */\n if (auxData && auxData.length === 0 && STORE.app.featureFlags.isConsultTransferInfiniteScrollEnabled) {\n auxData = yield fetchTeamDataByPage(profile.orgId, profile.analyserUserId || profile.agentDbId, selectTeamDbId);\n }\n if (auxData && auxData.length > 0) {\n return ((_a = auxData[0]) === null || _a === void 0 ? void 0 : _a.desktopLayoutId) || \"\";\n }\n if (auxData && auxData.length === 0 && isSupervisor(STORE.agent.getUserRole)) {\n // This block will be executed, If Supervisor has no team assigned, only primary teams are assigned.\n try {\n const team = yield SERVICE.cms.fetchTeamsById({\n orgId: profile.orgId,\n teamId: selectTeamDbId\n });\n logger.info(`event=fetchTeamsById success: ${JSON.stringify(team)} for orgId ${profile.orgId} and teamId: ${selectTeamDbId}`);\n return team && team.desktopLayoutId ? team.desktopLayoutId : \"\";\n }\n catch (error) {\n logger.error(`event=fetchTeamsById error: ${JSON.stringify(error)} for orgId ${profile.orgId} and teamId: ${selectTeamDbId}`);\n return \"\";\n }\n }\n return undefined;\n});\nconst updateHeadless = (data) => {\n if (data.area && data.area.headless) {\n STORE.dynamic.updateHeadless(data.area.headless);\n }\n};\nconst updateNavigation = (data) => {\n if (data.area && data.area.navigation) {\n STORE.dynamic.updateNavigation(data.area.navigation);\n }\n};\nconst updateHomePage = (data) => {\n if (data.area && data.area.homepage) {\n STORE.dynamic.updateHomePage(data.area.homepage);\n }\n else {\n STORE.dynamic.updateHomePage(null);\n }\n};\nconst updateWidgetExplorer = (data) => {\n if (data.area && data.area.widgetExplorer) {\n STORE.dynamic.updateWidgetExplorer(data.area.widgetExplorer);\n }\n};\nconst updatePanel = (data) => {\n if (data.area && data.area.panel) {\n STORE.dynamic.updatePanel(data.area.panel);\n }\n};\nconst updatePersistent = (data) => {\n if (data.area && data.area.persistent) {\n STORE.dynamic.updatePersistent(data.area.persistent);\n }\n else {\n STORE.dynamic.updatePersistent([]);\n }\n};\nconst updateHeader = (data) => {\n if (data.area && data.area.header) {\n STORE.dynamic.updateHeader(data.area.header);\n }\n else {\n STORE.dynamic.updateHeader(null);\n }\n};\nconst advancedHeader = (data) => {\n if (data.area && data.area.advancedHeader) {\n STORE.dynamic.updateAdvancedHeader(data.area.advancedHeader);\n }\n else {\n STORE.dynamic.updateAdvancedHeader(null);\n }\n};\nconst updateActionIcons = (data) => {\n if (data.headerActions && Array.isArray(data.headerActions)) {\n STORE.dynamic.updateActionIcons(data.headerActions);\n }\n};\nconst updateTaskPageIllustration = (data) => {\n var _a;\n if (((_a = data.taskPageIllustration) === null || _a === void 0 ? void 0 : _a.toLowerCase()) !== \"no-illustration\") {\n const taskPageIllustration = data.taskPageIllustration || \"/images/illustrations/support-contact-320-cobalt-lime.svg\";\n STORE.app.updateTaskPageIllustration(taskPageIllustration);\n }\n};\nconst updateAppLogo = (data) => {\n if (data.logo && data.logo.length > 0) {\n STORE.app.updateLogo(data.logo);\n }\n else {\n logger.warn(\"Logo is missing in desktop layout\");\n STORE.app.updateLogo(\"\");\n }\n};\nconst updateAppTitle = (data) => {\n if (data.appTitle && data.appTitle.length > 0) {\n STORE.app.updateTitle(data.appTitle);\n }\n else {\n logger.warn(\"App title is missing in desktop layout\");\n STORE.app.updateTitle(\"\");\n }\n};\nconst updateWXMConfigured = (data) => {\n STORE.app.updateWxmEnabled(!!data.wxmConfigured);\n};\nconst updateWebexConfigured = (data) => {\n var _a;\n STORE.app.updateWebexEnabled(((_a = data.desktopChatApp) === null || _a === void 0 ? void 0 : _a.webexConfigured) === true ? true : false);\n};\nconst updateDragDropFlag = (data) => {\n var _a;\n STORE.dynamic.updateIsDragDrop((_a = data.dragDropEnabled) !== null && _a !== void 0 ? _a : false);\n};\nconst updateBrowserNotificationTimeout = (data) => {\n STORE.browserNotifications.setNotificationTimeout(data.browserNotificationTimer ? data.browserNotificationTimer : 8);\n};\nconst updateStopNavigateOnAcceptTask = (data) => {\n STORE.app.updateStopNavigateOnAcceptTask(data.stopNavigateOnAcceptTask ? data.stopNavigateOnAcceptTask : false);\n};\nconst updateCollapseVoiceIntPane = (data) => {\n STORE.app.updateCollapseVoiceIntPane(data.collapseVoiceIntPane ? data.collapseVoiceIntPane : false);\n};\nexport const updateStoresWithLayoutDetails = (layoutConfig, desktopLayoutJson) => {\n if (layoutConfig) {\n STORE.dynamic.resetResponsiveLayout();\n updateAppTitle(layoutConfig);\n updateAppLogo(layoutConfig);\n updateHeader(layoutConfig);\n advancedHeader(layoutConfig);\n updateStopNavigateOnAcceptTask(layoutConfig);\n updateCollapseVoiceIntPane(layoutConfig);\n updatePanel(layoutConfig);\n updatePersistent(layoutConfig);\n updateNavigation(layoutConfig);\n updateHomePage(layoutConfig);\n updateWidgetExplorer(layoutConfig);\n updateHeadless(layoutConfig);\n updateDragDropFlag(layoutConfig);\n updateLayoutConfigCache(desktopLayoutJson);\n updateWXMConfigured(layoutConfig);\n updateBrowserNotificationTimeout(layoutConfig);\n updateWebexConfigured(layoutConfig);\n updateActionIcons(layoutConfig);\n updateTaskPageIllustration(layoutConfig);\n STORE.layout.updateDesktopLayoutLoaded(true);\n STORE.generalNotifications.updateConfig(layoutConfig.notificationTimer, layoutConfig.maximumNotificationCount);\n }\n};\nexport const fetchLocalDesktopLayout = () => __awaiter(void 0, void 0, void 0, function* () {\n const { data } = yield axios.get(process.env.DYNAMIC_WIDGETS);\n logger.info(`event=fetchLocalDesktopLayout | Found ${STORE.agent.getUserRole} role From Default Layout`);\n return [getLayoutForUserRole(data, STORE.agent.getUserRole), data];\n});\nconst fetchGlobalDesktopLayoutV2 = (orgId) => __awaiter(void 0, void 0, void 0, function* () {\n const layoutResp = yield SERVICE.cms.fetchGlobalDesktopLayoutV2({\n orgId\n });\n if (layoutResp[0]) {\n logger.info(`event=fetchGlobalDesktopLayout | Org Level Global Desktop layout Fetch Success ${layoutResp[0]}`);\n return layoutResp[0];\n }\n return undefined;\n});\nconst fetchDesktopLayoutByTeam = (orgId, teamId, desktopLayoutId) => __awaiter(void 0, void 0, void 0, function* () {\n const layoutResp = yield SERVICE.cms.fetchDesktopLayout({\n orgId,\n desktopLayoutId\n });\n //eslint-disable-next-line sonarjs/prefer-object-spread\n const formatLog = Object.assign({}, layoutResp, {\n jsonFileContent: JSON.parse(layoutResp.jsonFileContent)\n });\n logger.info(`event=fetchDesktopLayoutByTeam | Desktop layout Fetch Success for the team[${teamId}] -> `, formatLog);\n return layoutResp;\n});\nconst fetchOrgLevelGlobalDesktop = (orgId) => __awaiter(void 0, void 0, void 0, function* () {\n try {\n const attributes = yield fetchGlobalDesktopLayoutV2(orgId);\n const roleSpecificLayout = yield getLayoutFromAPIGateway(attributes);\n if (roleSpecificLayout && roleSpecificLayout[0]) {\n logger.info(`event=fetchOrgLevelGlobalDesktop| Found ${STORE.agent.getUserRole} Layout in Org Level Global Desktop Layout`);\n return roleSpecificLayout;\n }\n else {\n logger.info(`event=fetchOrgLevelGlobalDesktop | Not Found ${STORE.agent.getUserRole} Layout in Org Level Global Desktop Layout`);\n }\n }\n catch (e) {\n logger.error(\"event=fetchOrgGlobalDesktopFailed | Loading Local layout\", e);\n return fetchLocalDesktopLayout();\n }\n return undefined;\n});\nconst fetchDesktopLayoutFromTeam = (profile, teamId) => __awaiter(void 0, void 0, void 0, function* () {\n try {\n logger.info(`event=fetchDesktopLayoutByTeam | teamId is ${teamId}`);\n if (teamId) {\n let attributes;\n const desktopLayoutId = yield getSelectedDesktopLayoutIdByTeam(profile, teamId);\n if (desktopLayoutId) {\n attributes = yield fetchDesktopLayoutByTeam(profile.orgId, teamId, desktopLayoutId);\n const roleSpecificLayout = getLayoutFromAPIGateway(attributes);\n if (roleSpecificLayout && roleSpecificLayout[0]) {\n logger.info(`event=fetchDesktopLayoutByTeam | Found ${STORE.agent.getUserRole} Layout From team associated DesktopLayout`);\n return roleSpecificLayout;\n }\n else {\n logger.info(`event=fetchDesktopLayoutByTeam | Not Found ${STORE.agent.getUserRole} Layout in team associated DesktopLayout`);\n }\n }\n }\n }\n catch (e) {\n logger.error(\"event=fetchDesktopLayoutByTeamFailed | Loading Org Level Global Layout\", e);\n return fetchOrgLevelGlobalDesktop(profile.orgId);\n }\n return undefined;\n});\nconst processCachedLayoutJson = (cachedLayoutConfig, agentXAppRouting) => __awaiter(void 0, void 0, void 0, function* () {\n if (cachedLayoutConfig) {\n const { layout, userSelectedRole } = cachedLayoutConfig;\n logger.info(\"Updating desktop layout from cache\");\n if (userSelectedRole in layout) {\n updateStoresWithLayoutDetails(layout[userSelectedRole], layout);\n }\n else if (isAgent(userSelectedRole)) {\n updateStoresWithLayoutDetails(layout, layout);\n }\n agentXAppRouting && agentXAppRouting.addOrUpdateDynamicRoutes();\n }\n});\nconst trackCustomLayoutFailEvent = (reason) => {\n var _a, _b;\n SERVICE.telemetry.track(SERVICE.telemetry.TELEM_EVENT.CUSTOM_LAYOUT_LOAD_FAIL, {\n Reason: reason\n }, [(_b = (_a = SERVICE.telemetry) === null || _a === void 0 ? void 0 : _a.SERVICE_PROVIDERS) === null || _b === void 0 ? void 0 : _b.prometheus]);\n};\nconst processJSONLayout = (profile, teamId, cachedLayoutConfig, agentXAppRouting) => __awaiter(void 0, void 0, void 0, function* () {\n var _b, _c;\n SERVICE.telemetry.timeEvent(SERVICE.telemetry.TELEM_EVENT.CUSTOM_LAYOUT_LOAD_FAIL, [\n (_c = (_b = SERVICE.telemetry) === null || _b === void 0 ? void 0 : _b.SERVICE_PROVIDERS) === null || _c === void 0 ? void 0 : _c.prometheus\n ]);\n let layoutType = \"teamLayout\";\n let isDesktopLayoutFound = yield fetchDesktopLayoutFromTeam(profile, teamId);\n if (!isDesktopLayoutFound || isDesktopLayoutFound[0] === undefined) {\n isDesktopLayoutFound = yield fetchOrgLevelGlobalDesktop(profile.orgId);\n layoutType = \"globalLayout\";\n }\n if (!isDesktopLayoutFound || isDesktopLayoutFound[0] === undefined) {\n trackCustomLayoutFailEvent(\"NoCustomLayoutFound\");\n isDesktopLayoutFound = yield fetchLocalDesktopLayout();\n layoutType = \"defaultLayout\";\n }\n if (isDesktopLayoutFound && isDesktopLayoutFound[0]) {\n logger.info(\"Updating desktop layout from server\");\n const stopNavigateOnAcceptTask = isDesktopLayoutFound[0].stopNavigateOnAcceptTask === undefined\n ? \"undefined\"\n : isDesktopLayoutFound[0].stopNavigateOnAcceptTask;\n SERVICE.telemetry.track(SERVICE.telemetry.TELEM_EVENT.LAYOUT_FETCHED_FROM_SERVER, {\n [SERVICE.telemetry.TELEM_PROPS.STOP_NAVIGATE_ON_ACCEPT_TASK]: stopNavigateOnAcceptTask,\n layoutName: isDesktopLayoutFound[0].layoutName,\n layoutType,\n isRoleBasedLayout: isDesktopLayoutFound[0].isRoleBasedLayout,\n agentRole: STORE.agent.getUserRole\n });\n updateStoresWithLayoutDetails(isDesktopLayoutFound[0], isDesktopLayoutFound[1]);\n if (!cachedLayoutConfig) {\n logger.info(\"Desktop layout not found in cache, so adding dynamic routes from server desktop layout\");\n agentXAppRouting && (yield agentXAppRouting.addOrUpdateDynamicRoutes());\n }\n }\n if (cachedLayoutConfig) {\n if (cachedLayoutConfig.userSelectedRole in cachedLayoutConfig.layout) {\n // Layout based on roles\n yield agentXAppRouting.addOrUpdateDynamicRoutes(cachedLayoutConfig.layout[cachedLayoutConfig.userSelectedRole]);\n }\n else {\n // Old version layout.\n const cacheLayout = cachedLayoutConfig.layout;\n yield agentXAppRouting.addOrUpdateDynamicRoutes(cacheLayout);\n }\n }\n});\nexport { processCachedLayoutJson, processJSONLayout };\n","import { STORE } from \"@/store\";\nimport { fetchManagedQueues, fetchManagedTeams } from \"./Utils\";\nconst updateSelectedChannelList = (e) => {\n STORE.agent.updateSelectedChannelList(e.detail);\n};\nconst updateSelectedTeamList = (e) => {\n STORE.agent.updateSelectedTeamList(e.detail);\n};\nconst updateSelectedQueueList = (e) => {\n STORE.agent.updateSelectedQueueList(e.detail);\n};\nconst fetchManagedTeamsUtil = () => {\n fetchManagedTeams();\n};\nconst fetchManagedQueuesUtil = () => {\n fetchManagedQueues();\n};\nconst updateOrgIdleCodesUtil = (e) => {\n STORE.agent.updateOrganizationIdleCodes(e.detail.isFetchingSuccess, e.detail.response);\n};\nexport const attachDynamicLayoutListeners = () => {\n window.addEventListener(\"channel-filter-selected\", updateSelectedChannelList);\n window.addEventListener(\"team-filter-selected\", updateSelectedTeamList);\n window.addEventListener(\"queue-filter-selected\", updateSelectedQueueList);\n window.addEventListener(\"fetch-managed-team\", fetchManagedTeamsUtil);\n window.addEventListener(\"fetch-managed-queue\", fetchManagedQueuesUtil);\n window.addEventListener(\"update-org-idle-codes\", updateOrgIdleCodesUtil);\n};\nexport const removeDynamicLayoutListeners = () => {\n window.removeEventListener(\"channel-filter-selected\", updateSelectedChannelList);\n window.removeEventListener(\"team-filter-selected\", updateSelectedTeamList);\n window.removeEventListener(\"queue-filter-selected\", updateSelectedQueueList);\n window.removeEventListener(\"fetch-managed-team\", fetchManagedTeamsUtil);\n window.removeEventListener(\"fetch-managed-queue\", fetchManagedQueuesUtil);\n window.removeEventListener(\"update-org-idle-codes\", updateOrgIdleCodesUtil);\n};\n","var __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};\nimport { t } from \"@/mixins/i18nMixin\";\nimport { STORE } from \"@/store\";\nimport { SERVICE } from \"@agentx/agentx-services\";\nimport * as workerTimers from \"@uuip/unified-ui-platform-sdk\";\nimport { html } from \"lit-html\";\nimport { debounce, logger } from \"../Utils\";\nexport class IdleActivity {\n constructor(interval) {\n this.countDownTimerId = undefined;\n /**\n * This clears out the old timeout and start a new setTimeout.\n * STORE is referred to identify if any active task exist.\n */\n this.handleInActivityTimer = () => {\n workerTimers.clearTimeout(this.timeout);\n if (this.countDownTimerId) {\n workerTimers.clearInterval(this.countDownTimerId);\n }\n logger.info(\"The Inactivity Timeout has been reset to\", this.interval / 60000);\n this.timeout = workerTimers.setTimeout(() => {\n if (STORE.agentContact.isTaskPresent()) {\n this.handleInActivityTimer();\n }\n else {\n // if no active tasks are present\n this.showWarningModal();\n STORE.browserNotifications.firebrowserNotification(t(\"app:idleInActivity.prolongedBrowserNotification\"));\n }\n }, this.interval);\n };\n this.eventListener = (e) => {\n if (e.data.key === \"wxcc-desktop-iframe-widget-event\") {\n this.handleInActivityTimer();\n }\n };\n this.interval = interval;\n this.timeout = 0;\n this.eventList = [\"click\", \"scroll\", \"keypress\", \"ax-auto-wrap-up\", \"ax-web-call-auto-answer\"];\n this.signOutTimer = 60; // sec\n }\n /**\n * Singout handling modal\n */\n handleSignoutClick() {\n return __awaiter(this, void 0, void 0, function* () {\n if (STORE.agentContact.isTaskPresent()) {\n setTimeout(() => {\n STORE.session.errorModal.setErrorDetails({\n detail: {\n header: t(\"app:common.error\"),\n htmlMessage: html ` ${t(\"app:idleInActivity.errorActiveContacts\")}
`,\n backdropClickExit: false,\n noExitOnEsc: true,\n buttons: [\n {\n type: \"ok\",\n label: t(\"app:errorModal.ok\"),\n onClick: () => {\n this.handleInActivityTimer();\n }\n }\n ]\n }\n });\n }, 500);\n }\n else {\n STORE.auth.logout(STORE.auth.refreshToken);\n }\n });\n }\n /**\n * for initiating initial modal.\n */\n showWarningModal() {\n workerTimers.clearTimeout(this.timeout);\n STORE.session.errorModal.setErrorDetails({\n detail: {\n header: t(\"app:idleInActivity.title\"),\n htmlMessage: html `\n \n ${t(\"app:idleInActivity.signOutInTime\")}\n {\n STORE.session.errorModal.updateModalStatus(false);\n if (STORE.agentContact.isTaskPresent()) {\n this.handleInActivityTimer();\n }\n else {\n this.inactivityTimeOutAgentLogout();\n }\n }}\n @countdown-start=${(e) => {\n if (e.detail && e.detail.intervalId) {\n this.countDownTimerId = e.detail.intervalId;\n }\n }}\n > \n ${t(\"app:idleInActivity.signOutOrContinue\")}\n
\n `,\n backdropClickExit: false,\n noExitOnEsc: true,\n buttons: [\n {\n type: \"button\",\n variant: \"secondary\",\n label: t(\"app:idleInActivity.signOut\"),\n onClick: () => this.handleSignoutClick()\n },\n {\n type: \"button\",\n label: t(\"app:idleInActivity.staySignedIn\"),\n onClick: () => {\n this.handleInActivityTimer();\n }\n }\n ]\n }\n });\n }\n /**\n * agent signed out and info modal and logout on ok.\n */\n inactivityTimeOutAgentLogout() {\n return __awaiter(this, void 0, void 0, function* () {\n SERVICE.telemetry.timeEvent(SERVICE.telemetry.TELEM_EVENT.SIGN_OUT);\n const signOut = yield SERVICE.aqm.agent.logout({ data: { logoutReason: \"Inactivity Logout\" } });\n if (signOut) {\n if (STORE.app.featureFlags.isWebRTCEnabled &&\n STORE.agent.deviceType === SERVICE.constants.LoginVoiceOptions.BROWSER) {\n logger.info(\"[WebRtc] : deregistering webcalling when agent is logged out due to inactivity timeout\");\n SERVICE.webCalling.deregisterWebCalling();\n }\n logger.info(\"The Agent has been logged out due to inactivity timeout\");\n SERVICE.telemetry.track(SERVICE.telemetry.TELEM_EVENT.SIGN_OUT, {\n [SERVICE.telemetry.TELEM_PROPS.SIGN_OUT_METHOD]: \"IdleActivity\",\n Status: SERVICE.telemetry.TELEM_EVENT.STATUS.SUCCESS\n });\n SERVICE.telemetry.track(SERVICE.telemetry.TELEM_EVENT.IDLE_INACTIVITY_SIGN_OUT, {\n role: STORE.agent.role,\n agentId: STORE.agent.agentId,\n orgId: STORE.agent.organizationId\n });\n STORE.browserNotifications.firebrowserNotification(t(\"app:idleInActivity.autoSignedOutBrowserNotification\"));\n STORE.session.errorModal.setErrorDetails({\n detail: {\n header: t(\"app:idleInActivity.signOut\"),\n message: t(\"app:idleInActivity.signedOutSignInAgain\"),\n backdropClickExit: false,\n noExitOnEsc: true,\n buttons: [\n {\n type: \"ok\",\n label: t(\"app:errorModal.ok\"),\n onClick: () => {\n STORE.auth.logout(STORE.auth.refreshToken);\n }\n }\n ]\n }\n }); // signed out modal needs to show after closing warn modal.\n }\n });\n }\n /**\n * Register all UI related events here.\n */\n register() {\n this.eventList.forEach((eventName) => {\n window.addEventListener(eventName, debounce(this.handleInActivityTimer));\n });\n this.postMessageListener();\n }\n /**\n * postMessage listener from Iframe based widgets\n */\n postMessageListener() {\n window.addEventListener(\"message\", debounce(this.eventListener));\n }\n deRegister() {\n workerTimers.clearTimeout(this.timeout);\n this.eventList.forEach((eventName) => {\n window.removeEventListener(eventName, debounce(this.handleInActivityTimer));\n });\n }\n}\n","import { PRESENCE_STATUS, PRESENCE_STATUS_CALL_EVENTS, PRESENCE_SYNC, PRESENCE_SYNC_TTL, PRESENCE_SYNC_THRESHOLD } from \"@/app/components/constants\";\nimport { STORE } from \"@/store\";\nimport { SERVICE } from \"@agentx/agentx-services\";\nimport { DateTime } from \"luxon\";\nimport { debounce, handleTelemetryOnPresenceChange, logger } from \"../Utils\";\nimport { displayBanner, getIdleCode } from \"./UtilsSyncState\";\nexport class StateSyncManager {\n constructor() {\n this.syncStatus = \"unknown\";\n this.handlePresenceStatusEvents = (e) => {\n var _a;\n logger.info(\"[PresenceStateSync]: Handle Presence Sync State update event\");\n const wsWriteTimestamp = e === null || e === void 0 ? void 0 : e.wsWriteTimestamp;\n if (wsWriteTimestamp) {\n const wsTime = DateTime.fromMillis(Number(wsWriteTimestamp));\n const currentTime = DateTime.fromMillis(Date.now());\n const differenceInSeconds = (_a = currentTime.diff(wsTime, \"seconds\")) === null || _a === void 0 ? void 0 : _a.seconds;\n if (differenceInSeconds > PRESENCE_SYNC_THRESHOLD) {\n const collabType = STORE.agent.collabToolInSync;\n logger.error(`[PresenceStateSync]: event=PresenceSyncDelay | Type=${collabType} | Duration=${differenceInSeconds}`);\n }\n }\n if ((STORE.agentContact.isActiveCall && e.data.status === PRESENCE_STATUS.call) ||\n this.syncStatus === e.data.status // handle the stuck state which keep pushing the same status.\n ) {\n logger.info(\"[PresenceStateSync]: Presence Sync StateChange suppressed\");\n this.syncStatus = e.data.status;\n return;\n }\n this.syncStatus = e.data.status;\n const idleCode = getIdleCode(this.syncStatus, e.data.meetingType);\n logger.info(\"[PresenceStateSync]: idleCode:\", idleCode);\n if (idleCode && idleCode !== \"\" && !this.isSyncStateSuppress(idleCode)) {\n const newState = idleCode === SERVICE.constants.AgentState.AvailableAuxCodeId\n ? SERVICE.constants.AgentState.Available\n : SERVICE.constants.AgentState.Idle;\n STORE.agent.updateStateByPresence(idleCode, newState);\n handleTelemetryOnPresenceChange();\n logger.info(\"[PresenceStateSync]: Presence Sync StateChange triggered\");\n }\n else {\n logger.info(\"[PresenceStateSync]: Presence Sync StateChange suppressed\");\n }\n };\n this.repeatUpdateCallPresenceStatus = () => {\n this.updateCallPresenceStatus();\n /*\n TTL minus 60 seconds ensures that we make the subsequent call to update the status before the previous TTL expires.\n 60 seconds was chosen to ensure that potential intensive timer throttling won't result in a presence flicker.\n */\n this.callPresenceInterval = window.setInterval(this.updateCallPresenceStatus, (PRESENCE_SYNC_TTL - 60) * 1000);\n };\n this.resetPresenceStatus = () => {\n logger.info(\"[PresenceSync]: update presence on call completion\");\n this.clearCallPresenceInterval();\n SERVICE.webex.setStatus(PRESENCE_STATUS.call, 0);\n };\n this.handlePreseceStateUpdate = (e) => {\n STORE.agent.updateLastStateChangeByPresence(e.data.lastStateChangeReason === PRESENCE_SYNC);\n if (e.data.lastStateChangeReason === PRESENCE_SYNC) {\n displayBanner(e.data.subStatus);\n }\n };\n }\n // returns true to suppress presence state sync to update.\n isSyncStateSuppress(idleCode) {\n if (STORE.agent.subStatus !== SERVICE.constants.AgentState.Available) {\n return !(STORE.agent.lastStateChangeByPresence && idleCode === SERVICE.constants.AgentState.AvailableAuxCodeId);\n }\n else if (STORE.agent.subStatus === SERVICE.constants.AgentState.Available &&\n idleCode !== SERVICE.constants.AgentState.AvailableAuxCodeId) {\n return false;\n }\n return true;\n }\n updateCallPresenceStatus() {\n logger.info(`[PresenceSync]: update presence on call connected with status: ${PRESENCE_STATUS.call}`);\n SERVICE.webex.setStatus(PRESENCE_STATUS.call, PRESENCE_SYNC_TTL);\n }\n clearCallPresenceInterval() {\n if (this.callPresenceInterval) {\n window.clearInterval(this.callPresenceInterval);\n this.callPresenceInterval = undefined;\n }\n }\n static getCurrentPresenceStatus() {\n SERVICE.webex.getPresenceStatus(STORE.agent.agentId);\n }\n register() {\n logger.info(\"[PresenceStateSync]: Presence Sync State Registered to handlePresenceStatusEvents\");\n SERVICE.webex.onNewPresenceStateSyncEvent.listen(debounce((event) => {\n var _a;\n logger.info(\"[PresenceStateSync]: event state update with status: \", event.data.status);\n ((_a = event === null || event === void 0 ? void 0 : event.data) === null || _a === void 0 ? void 0 : _a.meetingType) &&\n logger.info(\"[PresenceStateSync]: event state update with meetingType: \", event.data.meetingType);\n this.handlePresenceStatusEvents(event);\n }, 500));\n SERVICE.aqm.agent.eAgentStateChangeSuccess.listen((data) => {\n this.handlePreseceStateUpdate(data);\n });\n window.addEventListener(PRESENCE_STATUS_CALL_EVENTS.CALL_CREATE, this.repeatUpdateCallPresenceStatus);\n window.addEventListener(PRESENCE_STATUS_CALL_EVENTS.CALL_DELETE, this.resetPresenceStatus);\n StateSyncManager.getCurrentPresenceStatus();\n return () => {\n this.clearCallPresenceInterval();\n window.removeEventListener(PRESENCE_STATUS_CALL_EVENTS.CALL_CREATE, this.repeatUpdateCallPresenceStatus);\n window.removeEventListener(PRESENCE_STATUS_CALL_EVENTS.CALL_DELETE, this.resetPresenceStatus);\n };\n }\n}\n","var __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};\nimport { ALERT_BANNER_DETAILS, PRESENCE_MEETING_TYPE, PRESENCE_REQUEST_EVENTS, PRESENCE_STAT, PRESENCE_STATUS, PRESENCE_STATUS_CALL_EVENTS, REVOKE_PRESENCE_TOKEN_FAILURE } from \"@/app/components/constants\";\nimport { handlePresenceSync } from \"@/app/integration/microsoft\";\nimport { handleWebexPresenceSync } from \"@/app/integration/webex\";\nimport { t } from \"@/mixins/i18nMixin\";\nimport { STORE } from \"@/store\";\nimport { MediaType } from \"@/store/store-agent-contact\";\nimport { SERVICE, getTrackingIdFromErrorObject } from \"@agentx/agentx-services\";\nimport { showBanner } from \"../AlertBannerUtils\";\nimport { dispatchCustomEvent, logger } from \"../Utils\";\nimport { StateSyncManager } from \"./StateSyncManager\";\n// return idleCode from msft config map.\nexport const getIdleCodeForMsft = (syncStatus) => {\n var _a;\n const idleCodeMap = (_a = STORE.app.microsoftOrgConfig) === null || _a === void 0 ? void 0 : _a.idleCodes;\n if (idleCodeMap && Object.keys(idleCodeMap).length > 0) {\n switch (syncStatus) {\n case PRESENCE_STATUS.call:\n case PRESENCE_STATUS.meeting:\n return idleCodeMap.onACallId;\n case PRESENCE_STATUS.dnd:\n return idleCodeMap.doNotDisturbId;\n case PRESENCE_STATUS.presenting:\n return idleCodeMap.presentingId;\n case PRESENCE_STATUS.active:\n return SERVICE.constants.AgentState.AvailableAuxCodeId; // idlecode for available state\n default:\n return \"\";\n }\n }\n return undefined;\n};\n// return idleCode from webex config map.\nexport const getIdleCodeForWebex = (syncStatus, meetingType) => {\n var _a;\n const idleCodeMap = (_a = STORE.app.webexOrgConfig) === null || _a === void 0 ? void 0 : _a.idleCodes;\n if (idleCodeMap && Object.keys(idleCodeMap).length > 0) {\n const status = {\n [`${PRESENCE_STATUS.call}`]: idleCodeMap.onACallId,\n [`${PRESENCE_STATUS.meeting}`]: idleCodeMap.inAMeetingId,\n [`${PRESENCE_STATUS.dnd}`]: idleCodeMap.doNotDisturbId,\n [`${PRESENCE_STATUS.presenting}`]: idleCodeMap.presentingId,\n [`${PRESENCE_STATUS.busy}`]: idleCodeMap.busyId,\n [`${PRESENCE_STATUS.outOfOffice}`]: idleCodeMap.outOfOfficeId,\n [`${PRESENCE_STATUS.quietHours}`]: idleCodeMap.quietHoursId,\n [`${PRESENCE_STATUS.active}`]: SERVICE.constants.AgentState.AvailableAuxCodeId // idleCode for available state\n };\n return meetingType === PRESENCE_MEETING_TYPE.calendarItem && syncStatus === PRESENCE_STATUS.meeting\n ? idleCodeMap.inACalendarMeetingId\n : status[syncStatus];\n }\n return undefined;\n};\n// return idleCode from msft/webex config map.\nexport const getIdleCode = (syncStatus, meetingType) => {\n var _a, _b;\n if (((_a = STORE.app.microsoftOrgConfig) === null || _a === void 0 ? void 0 : _a.active) && STORE.app.microsoftOrgConfig.stateSynchronization) {\n return getIdleCodeForMsft(syncStatus);\n }\n else if ((_b = STORE.app.webexOrgConfig) === null || _b === void 0 ? void 0 : _b.stateSynchronization) {\n return getIdleCodeForWebex(syncStatus, meetingType);\n }\n return undefined;\n};\nexport const displayBanner = (newState) => {\n sessionStorage.setItem(ALERT_BANNER_DETAILS, JSON.stringify({ reason: SERVICE.constants.WebexConstants.AX_PRESENCE_STATE_UPDATE }));\n showBanner({\n detail: {\n bannerText: `${t(\"app:presenceSyncStateManagement.axAgentStateChanged\")} ${newState} ${t(\"app:presenceSyncStateManagement.axAgentSync\")}`,\n bannerType: SERVICE.constants.WebexConstants.AX_PRESENCE_STATE_UPDATE\n }\n });\n};\nexport const registerStateSyncManger = () => {\n SERVICE.webex.registerPresenceSync(STORE.agent.agentId);\n const stateSyncManager = new StateSyncManager();\n stateSyncManager.register();\n};\nexport const handlePresenceCallState = (e) => {\n if (STORE.agent.collaboration.stateSynchronization && e.interaction.mediaType === MediaType.Telephony) {\n dispatchCustomEvent(window, PRESENCE_STATUS_CALL_EVENTS.CALL_CREATE, e.interactionId);\n }\n};\nexport const handlePresenceStateReset = (interactionId) => {\n if (STORE.agent.collaboration.stateSynchronization) {\n dispatchCustomEvent(window, PRESENCE_STATUS_CALL_EVENTS.CALL_DELETE, interactionId);\n }\n};\nexport const formServiceStatus = (status, service) => {\n return `${service}_${status}`;\n};\nexport const setPresenceServiceStatus = (status, service, trackingID) => {\n if (STORE.agent.presenceServiceStatus.serviceStatus === \"mercury_failure\" && service !== \"mercury\") {\n return;\n }\n else {\n const trackingId = trackingID !== null && trackingID !== void 0 ? trackingID : \"\";\n STORE.agent.updatePresenceServiceStatus(formServiceStatus(status, service), trackingId);\n }\n};\nexport const retrySync = () => __awaiter(void 0, void 0, void 0, function* () {\n var _a, _b;\n setPresenceServiceStatus(PRESENCE_STAT.RETRYING, PRESENCE_STAT.SYNC);\n if (((_a = STORE.app.microsoftOrgConfig) === null || _a === void 0 ? void 0 : _a.active) && STORE.app.microsoftOrgConfig.stateSynchronization) {\n logger.error(`[Microsoft PresenceStateSync]: Retrying registration to presence sync`);\n yield handlePresenceSync();\n }\n else if ((_b = STORE.app.webexOrgConfig) === null || _b === void 0 ? void 0 : _b.stateSynchronization) {\n logger.error(`[Webex PresenceStateSync]: Retrying registration to presence sync`);\n handleWebexPresenceSync();\n }\n});\nexport const handlePresenceFailCatch = (error) => {\n setPresenceServiceStatus(PRESENCE_STAT.FAILURE, PRESENCE_STAT.SYNC, getTrackingIdFromErrorObject(error));\n STORE.generalNotifications.triggerPresenceNotification(formServiceStatus(PRESENCE_STAT.FAILURE, PRESENCE_STAT.SYNC), retrySync);\n};\nexport const mercuryRetryUpdate = () => {\n setPresenceServiceStatus(PRESENCE_STAT.RETRYING, PRESENCE_STAT.MERCURY);\n STORE.generalNotifications.triggerPresenceNotification(formServiceStatus(PRESENCE_STAT.RETRYING, PRESENCE_STAT.MERCURY));\n};\nexport const mercurySuccessUpdate = () => {\n setPresenceServiceStatus(PRESENCE_STAT.SUCCESSFUL, PRESENCE_STAT.MERCURY);\n STORE.generalNotifications.triggerPresenceNotification(formServiceStatus(PRESENCE_STAT.SUCCESSFUL, PRESENCE_STAT.MERCURY));\n};\nexport const mercuryFailureUpdate = (e) => {\n setPresenceServiceStatus(PRESENCE_STAT.FAILURE, PRESENCE_STAT.MERCURY, e.detail.trackingId);\n STORE.generalNotifications.triggerPresenceNotification(formServiceStatus(PRESENCE_STAT.FAILURE, PRESENCE_STAT.MERCURY));\n const errorObj = {\n mode: \"mercury\",\n errorDetails: JSON.stringify(e)\n };\n window.dispatchEvent(new CustomEvent(\"web-calling-device-disconnected\", {\n detail: { value: { errorObj } },\n bubbles: true,\n composed: true\n }));\n};\nexport const presenceRequestListeners = () => {\n window.addEventListener(REVOKE_PRESENCE_TOKEN_FAILURE, handlePresenceFailCatch);\n window.addEventListener(PRESENCE_REQUEST_EVENTS.AX_PRESENCE_REQUEST_RETRY, mercuryRetryUpdate);\n window.addEventListener(PRESENCE_REQUEST_EVENTS.AX_PRESENCE_REQUEST_SUCCESS, mercurySuccessUpdate);\n window.addEventListener(PRESENCE_REQUEST_EVENTS.AX_PRESENCE_REQUEST_FAILURE, (e) => {\n mercuryFailureUpdate(e);\n });\n};\nexport const removeMercuryListeners = () => {\n window.removeEventListener(PRESENCE_REQUEST_EVENTS.AX_PRESENCE_REQUEST_RETRY, mercuryRetryUpdate);\n window.removeEventListener(PRESENCE_REQUEST_EVENTS.AX_PRESENCE_REQUEST_SUCCESS, mercurySuccessUpdate);\n window.removeEventListener(PRESENCE_REQUEST_EVENTS.AX_PRESENCE_REQUEST_FAILURE, (e) => {\n mercuryFailureUpdate(e);\n });\n window.removeEventListener(REVOKE_PRESENCE_TOKEN_FAILURE, handlePresenceFailCatch);\n};\n","function equalUrls(url1, url2) {\n try {\n const parsedUrl1 = new URL(url1);\n const parsedUrl2 = new URL(url2);\n // Normalize pathname by removing trailing slashes\n const normalizePathname = (url) => {\n let pathname = url.pathname;\n while (pathname.endsWith(\"/\")) {\n pathname = pathname.slice(0, -1);\n }\n return pathname;\n };\n return (parsedUrl1.hostname === parsedUrl2.hostname && normalizePathname(parsedUrl1) === normalizePathname(parsedUrl2));\n }\n catch (_a) {\n return false;\n }\n}\nfunction getHostFromUrl(url) {\n try {\n const parsedUrl = new URL(url);\n return parsedUrl.hostname;\n }\n catch (_a) {\n return \"\";\n }\n}\nfunction isLocalhost() {\n return window.location.hostname === \"localhost\" || window.location.hostname === \"127.0.0.1\";\n}\nexport { equalUrls, getHostFromUrl, isLocalhost };\n","var __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};\n/*************************************************************************\n * This file holds logic for pulling global application configuration only\n * This block should not contain any business logic for your MFE\n * All MFE business logic must live within MFE itself\n *\n * Types of configuration we pull globally for AgentX:\n * - Appllication congif object (TODO: @rost)\n * - PCI Settings (they are shared between Email and Chat)\n * - Feature Flags (they enable/disable functionality throught out the app)\n *************************************************************************/\nimport { RouteName } from \"@/app/routing/routing\";\nimport { t } from \"@/mixins/i18nMixin\";\nimport { createLogger, logMiner } from \"@/sdk\";\nimport { STORE } from \"@/store\";\nimport { MACHINE, SELF, SUPERVISOR } from \"@/store/shared-actions/constants\";\nimport { MediaType } from \"@/store/store-agent-contact\";\nimport { FEATURE_FLAGS, SERVICE, buildInfoService, formRoleNameForTelemetry, getTrackingIdFromErrorObject } from \"@agentx/agentx-services\";\nimport { ToasterNotificationItemContent } from \"@uuip/unified-ui-platform-common-components\";\nimport { Notifications } from \"@uuip/unified-ui-platform-sdk\";\nimport { html } from \"lit-element\";\nimport { AGENTX_DEFAULT_FOCUS, ALERT_BANNER_DETAILS, BARGE_IN_MONITORING_STATE, CALLBACK_RETRY_REASON_CODES, COLLAB_TOOL, DIGITAL_OUTBOUND_EVENTS, FC_DESKTOP_VIEW, MEDIA_TYPES, MONITORING_TYPE, OUTBOUND, OUTBOUND_TYPE, SUPERVISOR_AUTO_LOGIN_EVENT, SYSTEM_ROLES, USER_ROLES, WEBEX_MINIMIZE_MODAL, WEBEX_SHOW_MODAL, WEBRTC_SHORTCUT_KEYS, WEB_CALLING_EVENTS, fcDesktopView, reasonCodesList } from \"../components/constants\";\nexport var widgetElement;\n(function (widgetElement) {\n widgetElement[\"CONTACT_HISTORY\"] = \"contactHistory\";\n widgetElement[\"WXM_JOURNEY\"] = \"wxm_journey\";\n})(widgetElement || (widgetElement = {}));\nexport const logger = createLogger(\"[Util]\");\nconst uuipAuthToken = \"uuip-auth-token\";\nconst errorModalOk = \"app:errorModal.ok\";\nconst CLUSTER_ID_KEY = \"clusterId\";\nfunction fetchPciSettings(orgId) {\n return __awaiter(this, void 0, void 0, function* () {\n try {\n const pciComplianceSettings = yield SERVICE.pci.fetchPciSettings({ orgId });\n logger.info(\"event=fetchPciSettings | PCI Compliance settings\", pciComplianceSettings);\n return pciComplianceSettings;\n }\n catch (error) {\n logger.error(`event=fetchPciSettings | [Tracking ID: ${getTrackingIdFromErrorObject ? getTrackingIdFromErrorObject(error) : error}] PCI Compliance settings fetch error: ${error}`, error);\n }\n return undefined;\n });\n}\nfunction fetchPciAllowedAttachmentTypes() {\n return __awaiter(this, void 0, void 0, function* () {\n try {\n const allowedAttachmentTypes = yield SERVICE.pci.fetchPciAllowedAttachmentTypes({});\n logger.info(\"event=fetchPciAllowedAttachmentTypes\", allowedAttachmentTypes);\n return allowedAttachmentTypes.data.toString();\n }\n catch (error) {\n logger.error(`event=fetchPciAllowedAttachmentTypes | [Tracking ID: ${getTrackingIdFromErrorObject ? getTrackingIdFromErrorObject(error) : error}] fetchPciAllowedAttachmentTypes fetch error: ${error}`, error);\n }\n return \"\";\n });\n}\nexport function triggerWebRTCErrorNotification() {\n const title = \"app:notifications.webRTCErrorNotificationTitle\";\n const notificationDataError = {\n type: Notifications.ItemMeta.Type.Warn,\n mode: Notifications.ItemMeta.Mode.AutoDismiss,\n title: t(title),\n data: t(\"app:notifications.webRTCErrorNotificationMessage\")\n };\n STORE.generalNotifications.fireNotificationEvent(notificationDataError);\n STORE.browserNotifications.firebrowserNotification(t(title));\n}\nfunction getErrorNotification(title, message, trackingId) {\n return {\n type: Notifications.ItemMeta.Type.Error,\n mode: Notifications.ItemMeta.Mode.AutoDismiss,\n title: t(title),\n data: new ToasterNotificationItemContent.DataController({\n text: message,\n errorDetail: {\n message: \"\",\n trackingId,\n localization: {\n errorLessButtonText: t(\"app:errorDetail.errorLessDetails\"),\n errorMoreButtonText: t(\"app:errorDetail.errorMoreDetails\"),\n trackingIdTitleText: t(\"app:errorDetail.ErrorCode\"),\n trackingIdLabelText: t(\"app:errorModal.trackingIdLabel\"),\n copyText: t(\"app:errorModal.copy\"),\n copiedText: t(\"app:errorModal.copied\")\n }\n }\n })\n };\n}\nexport function triggerAgentStateErrorNotification(e) {\n const title = \"app:notifications.agentStateErrorNotificationTitle\";\n const message = e.detail.message || t(\"app:notifications.agentStateErrorNotificationMessage\");\n const notificationDataError = getErrorNotification(title, message, e.detail.trackingId);\n STORE.generalNotifications.fireNotificationEvent(notificationDataError);\n}\nexport function triggerAgentSignoutResultNotification(e) {\n let notification;\n const agentName = e.detail.agentName;\n if (e.detail.result) {\n const title = t(\"app:notifications.agentSignoutSuccessTitle\");\n notification = {\n type: Notifications.ItemMeta.Type.Info,\n mode: Notifications.ItemMeta.Mode.AutoDismiss,\n title: t(title),\n data: new ToasterNotificationItemContent.DataController({\n text: agentName + t(\"app:notifications.agentSignoutSuccessSubtitle\")\n })\n };\n }\n else {\n const title = t(\"app:notifications.agentSignoutErrorTitle\");\n const errorMessage = t(\"app:notifications.agentSignoutErrorSubtitlePrepend\") +\n agentName +\n t(\"app:notifications.agentSignoutErrorSubtitleAppend\");\n notification = getErrorNotification(title, errorMessage, e.detail.trackingId);\n }\n STORE.generalNotifications.fireNotificationEvent(notification);\n}\nexport function getBrowserName() {\n if (navigator.userAgent.indexOf(\"Opera\") !== -1 || navigator.userAgent.indexOf(\"OPR\") !== -1) {\n return \"Opera\";\n }\n else if (navigator.userAgent.indexOf(\"Edg\") !== -1) {\n return \"Edge\";\n }\n else if (navigator.userAgent.indexOf(\"Chrome\") !== -1) {\n return \"Chrome\";\n }\n else if (navigator.userAgent.indexOf(\"Safari\") !== -1) {\n return \"Safari\";\n }\n else if (navigator.userAgent.indexOf(\"Firefox\") !== -1) {\n return \"Firefox\";\n }\n else {\n return \"Other\";\n }\n}\nexport function triggerWebRTCSuccessNotification() {\n const notificationDataSuccess = {\n type: Notifications.ItemMeta.Type.Success,\n mode: Notifications.ItemMeta.Mode.AutoDismiss,\n title: t(\"app:notifications.webRTCSuccessNotificationTitle\"),\n data: \"\"\n };\n STORE.generalNotifications.fireNotificationEvent(notificationDataSuccess);\n STORE.browserNotifications.firebrowserNotification(t(\"app:notifications.webRTCSuccessNotificationTitle\"));\n}\nexport const triggerBargeInNotification = (supervisorName) => {\n const notificationData = {\n type: Notifications.ItemMeta.Type.Info,\n mode: Notifications.ItemMeta.Mode.AutoDismiss,\n title: \"\",\n data: `${supervisorName} ${t(\"app:common.supervisorBargedIn\")}`\n };\n STORE.generalNotifications.fireNotificationEvent(notificationData);\n STORE.browserNotifications.firebrowserNotification(`${supervisorName} ${t(\"app:common.supervisorBargedIn\")}`);\n};\nexport const triggerLeaveInteractionNotification = (supervisorName) => {\n const notificationData = {\n type: Notifications.ItemMeta.Type.Info,\n mode: Notifications.ItemMeta.Mode.AutoDismiss,\n title: ``,\n data: `${supervisorName} ${t(\"app:common.leftInteraction\")}`\n };\n STORE.generalNotifications.fireNotificationEvent(notificationData);\n STORE.browserNotifications.firebrowserNotification(`${supervisorName} ${t(\"app:common.leftInteraction\")}`);\n};\nexport function getBuildNumber() {\n return __awaiter(this, void 0, void 0, function* () {\n const info = yield buildInfoService().getBuildVersion();\n return `${info.chartVersion}-${info.gitCommit.slice(0, 8)}`;\n });\n}\nexport const triggerToggleMuteErrorNotification = (mute) => {\n const title = mute ? t(\"app:notifications.muteCallFailedMessage\") : t(\"app:notifications.unmuteCallFailedMessage\");\n const notificationData = {\n type: Notifications.ItemMeta.Type.Error,\n mode: Notifications.ItemMeta.Mode.AutoDismiss,\n title,\n data: \"\"\n };\n STORE.generalNotifications.fireNotificationEvent(notificationData);\n STORE.browserNotifications.firebrowserNotification(title);\n};\nexport const triggerSendDTMFErrorNotification = () => {\n const title = t(\"app:notifications.sendDTMFFailedMessage\");\n const notificationData = {\n type: Notifications.ItemMeta.Type.Error,\n mode: Notifications.ItemMeta.Mode.AutoDismiss,\n title,\n data: \"\"\n };\n STORE.generalNotifications.fireNotificationEvent(notificationData);\n STORE.browserNotifications.firebrowserNotification(title);\n};\nexport const isWebCall = (interaction) => {\n return (STORE.app.featureFlags.isWebRTCEnabled &&\n STORE.agent.deviceType === SERVICE.constants.LoginVoiceOptions.BROWSER &&\n interaction.mediaType === MediaType.Telephony);\n};\n/**\n * Takes interaction object and checks if it is a digital outbound of out-dial type\n * @param interaction - interaction object\n * Returns a boolean.\n */\nexport const isDigitalOutbound = (interaction) => {\n return (interaction.contactDirection.type === OUTBOUND &&\n interaction.outboundType &&\n interaction.outboundType === OUTBOUND_TYPE.OUTDIAL &&\n (interaction.mediaChannel === MEDIA_TYPES.EMAIL || interaction.mediaChannel === MEDIA_TYPES.SMS));\n};\nexport const isDigitalOutboundCheck = (direction) => {\n return direction === OUTBOUND;\n};\nexport const isMediaTypeDigitalOutbound = (derivedMediaType) => {\n return (derivedMediaType === MEDIA_TYPES.OUTBOUND_AGENT_INITIATED_EMAIL ||\n derivedMediaType === MEDIA_TYPES.OUTBOUND_AGENT_INITIATED_SMS);\n};\nexport const getMediaChannelForNotification = (mediaChannel, direction) => {\n if (isDigitalOutboundCheck(direction)) {\n if (mediaChannel && mediaChannel === MEDIA_TYPES.EMAIL) {\n return MEDIA_TYPES.OUTBOUND_AGENT_INITIATED_EMAIL;\n }\n if (mediaChannel && mediaChannel === MEDIA_TYPES.SMS) {\n return MEDIA_TYPES.OUTBOUND_AGENT_INITIATED_SMS;\n }\n return mediaChannel;\n }\n return mediaChannel;\n};\nconst displayRonaMessage = (interaction) => {\n if (isWebCall(interaction)) {\n return t(\"app:rona:webrtcDeviceFailure\");\n }\n else {\n return t(\"app:rona:deviceFailure\");\n }\n};\nconst checkRonaReason = (interaction) => {\n if (isWebCall(interaction)) {\n return t(\"app:rona:networkFailure\");\n }\n else {\n return t(\"app:rona:incorrectDialNumber\");\n }\n};\nexport const getErrorMsgForReasonCode = (reasonCode) => {\n if (STORE.app.featureFlags.isDesktopReasonCodeEnabled && reasonCodesList.indexOf(reasonCode) !== -1) {\n const reasonCodeInString = `${reasonCode}`;\n return t(`app:errorCodes.${reasonCodeInString}`);\n }\n return null;\n};\nexport function fetchFeatureFlags() {\n return __awaiter(this, void 0, void 0, function* () {\n try {\n return {\n isVideoEnabled: SERVICE.featureflag.isVideoEnabled(),\n isCareAttachmentEnabled: SERVICE.featureflag.isCareAttachmentEnabled(),\n isDigitalFFEnabled: SERVICE.featureflag.isDigitalFFEnabled(),\n isPCIComplianceEnabled: SERVICE.featureflag.isPCIComplianceEnabled(),\n isDesktopReasonCodeEnabled: SERVICE.featureflag.isDesktopReasonCodeEnabled(),\n isImiChatWidgetEnabled: SERVICE.featureflag.isIMIChatEnabled(),\n isSteeringDigitsAppendEnabled: SERVICE.featureflag.isSteeringDigitsAppendEnabled(),\n isTahoeEnabled: SERVICE.featureflag.isTahoeEnabled(),\n isSecureCADVariablesEnabled: SERVICE.featureflag.isSecureCADVariablesEnabled(),\n isDesktopNotesWidgetEnabled: SERVICE.featureflag.isDesktopNotesWidgetEnabled(),\n isLogRocketEnabled: SERVICE.featureflag.isLogRocketEnabled(),\n isLogRocketMaskingDisabled: SERVICE.featureflag.isLogRocketMaskingDisabled(),\n isIMIGlobalVariablesEnabled: SERVICE.featureflag.isIMIGlobalVariablesEnabled(),\n isGlobalVariablesEnabled: SERVICE.featureflag.isGlobalVariablesEnabled(),\n isDesktopConsultToEntryPointDnEnabled: SERVICE.featureflag.isDesktopConsultToEntryPointDnEnabled(),\n isDesktopMaxSessionLimitsEnabled: SERVICE.featureflag.isDesktopMaxSessionLimitsEnabled(),\n isSignoutBySupervisorEnabled: SERVICE.featureflag.isSignoutBySupervisorEnabled(),\n isCallbackRetryEnabled: SERVICE.featureflag.isCallbackRetryEnabled(),\n isWebRTCEnabled: SERVICE.featureflag.isWebRTCEnabled(),\n isWebRTCSupervisorEnabled: SERVICE.featureflag.isWebRTCSupervisorEnabled(),\n isProgressiveCampaignEnabled: SERVICE.featureflag.isProgressiveCampaignEnabled(),\n isProgressiveCampaign1NEnabled: SERVICE.featureflag.isProgressiveCampaign1NEnabled(),\n isDesktopMaerskEnhancementEnabled: SERVICE.featureflag.isDesktopMaerskEnhancementEnabled(),\n isESDPostInteractionInsightsEnabled: SERVICE.featureflag.isESDPostInteractionInsightsEnabled(),\n isDesktopMaerskAcqueonTeamId: SERVICE.featureflag.isDesktopMaerskAcqueonTeamId(),\n isNativeChat: SERVICE.featureflag.isNativeChat(),\n isDesktopCpdViewEnabled: SERVICE.featureflag.isDesktopCpdViewEnabled(),\n isAddressBookInfiniteScrollEnabled: SERVICE.featureflag.isAddressBookInfiniteScrollEnabled(),\n isDesktopMSStateSyncEnabled: SERVICE.featureflag.isDesktopMSStateSyncEnabled(),\n isDesktopAuxCodesInfiniteScrollEnabled: SERVICE.featureflag.isDesktopAuxCodesInfiniteScrollEnabled(),\n isDesktopWebexStateSyncEnabled: SERVICE.featureflag.isDesktopWebexStateSyncEnabled(),\n isDesktopEmergencyNotificationEnabled: SERVICE.featureflag.isDesktopEmergencyNotificationEnabled(),\n isWebrtcRingingEnabled: SERVICE.featureflag.isWebrtcRingingEnabled(),\n isWebrtcEndCallEnabled: SERVICE.featureflag.isWebrtcEndCallEnabled(),\n isWxccMultiPartyConfEnabled: SERVICE.featureflag.isWxccMultiPartyConfEnabled(),\n isAiAssistantEnabled: SERVICE.featureflag.isAiAssistantEnabled(),\n isCallDropSummaryEnabled: SERVICE.featureflag.isCallDropSummaryEnabled(),\n isVirtualAgentSummaryEnabled: SERVICE.featureflag.isVirtualAgentSummaryEnabled(),\n isQMWShowConsultRecordingsEnabled: SERVICE.featureflag.isQMWShowConsultRecordingsEnabled(),\n isRecordingsRicherMetadataEnabled: SERVICE.featureflag.isRecordingsRicherMetadataEnabled(),\n isDesktopConferenceRecordingEnabled: SERVICE.featureflag.isDesktopConferenceRecordingEnabled(),\n isWxccPersistCallEnabled: SERVICE.featureflag.isWxccPersistCallEnabled(),\n isShowSignedOutAgentsEnabled: SERVICE.featureflag.showSignedOutAgents(),\n isAutoCsatEnabled: SERVICE.featureflag.isAutoCSATEnabled(),\n isWxccAgentInteractionEnabled: SERVICE.featureflag.isWxccAgentInteractionEnabled(),\n isMomentumV2Enabled: SERVICE.featureflag.isMomentumV2Enabled(),\n isWebexDirectoryViewEnabled: SERVICE.featureflag.isWebexDirectoryViewEnabled(),\n isWxccAllowOutdialCallAlwaysEnabled: SERVICE.featureflag.isWxccAllowOutdialCallAlwaysEnabled(),\n isQueueStatsTabEnabled: SERVICE.featureflag.isQueueStatsTabEnabled(),\n isInteractionsPageEnabled: SERVICE.featureflag.isInteractionsPageEnabled(),\n isMaskSensitiveDataFFEnabled: SERVICE.featureflag.isMaskSensitiveDataFFEnabled(),\n isAllowConfTransferToEpDnEnabled: SERVICE.featureflag.isAllowConfTransferToEpDnEnabled(),\n isOutdialOrgSearchEnabled: SERVICE.featureflag.isOutdialOrgSearchEnabled(),\n isConfirmDialogEnabled: SERVICE.featureflag.isConfirmDialogEnabled(),\n isSuppressWebexCallingNotificationEnabled: SERVICE.featureflag.isFeatureFlagEnabled(FEATURE_FLAGS.SUPPRESS_WEBEX_CALLING_NOTIFICATION),\n isProgressive11SpecialModeEnabled: SERVICE.featureflag.isFeatureFlagEnabled(FEATURE_FLAGS.WXCC_PROGRESSIVE11_SPECIAL_MODE),\n isConsultTransferInfiniteScrollEnabled: SERVICE.featureflag.isFeatureFlagEnabled(FEATURE_FLAGS.CONSULT_TRANSFER_INFINITE_SCROLL),\n isDesktopEnhancedSignInEnabled: SERVICE.featureflag.isFeatureFlagEnabled(FEATURE_FLAGS.DESKTOP_ENHANCED_SIGNIN),\n isWxccCoreDisallowPendingLogoutStateChangeEnabled: SERVICE.featureflag.isFeatureFlagEnabled(FEATURE_FLAGS.WXCC_CORE_DISALLOW_PENDING_LOGOUT_STATE_CHANGE),\n isLogUploadEnabledOnLoginError: SERVICE.featureflag.isLogUploadEnabledOnLoginError(),\n isAiAssistantV2Enabled: SERVICE.featureflag.isAiAssistantV2Enabled(),\n isVisualRebrandNewLookToggleEnabled: SERVICE.featureflag.isVisualRebrandNewLookToggleEnabled(),\n isWxccPostCallEnabled: SERVICE.featureflag.isWxccPostCallEnabled(),\n isEarlyWebexRegistrationDisabled: SERVICE.featureflag.isFeatureFlagEnabled(FEATURE_FLAGS.DESKTOP_EARLY_WEBEX_REGISTRATION_DISABLED),\n isWxccPersistConsultEnabled: SERVICE.featureflag.isWxccPersistConsultEnabled(),\n isDesktopCallPanelVisualUpdateEnabled: SERVICE.featureflag.isDesktopCallPanelVisualUpdateEnabled(),\n isWellnessBreakClientEnabled: SERVICE.featureflag.isWellnessBreakClientEnabled(),\n isUploadLogsToWebexEnabled: SERVICE.featureflag.isFeatureFlagEnabled(FEATURE_FLAGS.DESKTOP_UPLOAD_LOGS_TO_WEBEX)\n };\n }\n catch (error) {\n logger.error(`event=fetchFeatureFlags | [Tracking ID: ${getTrackingIdFromErrorObject ? getTrackingIdFromErrorObject(error) : error}] Error fetching Feature Flags: ${error}`, error);\n }\n return undefined;\n });\n}\n/**\n * Summary of configuration helpers\n */\nconst configs = {\n fetchPciSettings,\n fetchFeatureFlags,\n fetchPciAllowedAttachmentTypes\n};\nexport function updateFeatureFlags() {\n return __awaiter(this, void 0, void 0, function* () {\n const featureFlags = yield configs.fetchFeatureFlags();\n logger.info(\"event=fetchFeatureFlags | Feature flags fetched successfully: \", featureFlags);\n STORE.app.updateFeatureFlags(featureFlags);\n });\n}\nexport function updateAiFeatureFlags() {\n var _a;\n return __awaiter(this, void 0, void 0, function* () {\n try {\n const orgId = STORE.agent.organizationId;\n // Fetch wellness data\n const wellnessDataResponse = yield SERVICE.cms.fetchAIAgentBurnout({ orgId });\n const wellnessData = wellnessDataResponse === null || wellnessDataResponse === void 0 ? void 0 : wellnessDataResponse.data;\n logger.info(\"Fetch AI Burnout from tenant management successful: \", wellnessData);\n const wellnessRemindersEnabled = wellnessData && wellnessData.length > 0\n ? wellnessData[0].wellnessBreakReminders === \"ENABLED\" && wellnessData[0].enabled\n : false;\n // Fetch AI generated summaries\n const responseData = yield SERVICE.cms.fetchAIGeneratedSummaries({ orgId });\n logger.info(\"FetchAiFeatures from tenant management successful: \", responseData.data);\n const featureFlagData = (_a = responseData.data) === null || _a === void 0 ? void 0 : _a[0];\n // Update feature flags\n SERVICE.featureflag.updateAiFeatureFlags(featureFlagData.callDropSummariesEnabled, featureFlagData.virtualAgentTransferSummariesEnabled, wellnessRemindersEnabled);\n // Prepare and update AI feature flags in the store\n const aiFFData = {\n isCallDropSummaryEnabled: featureFlagData.callDropSummariesEnabled,\n isVirtualAgentSummaryEnabled: featureFlagData.virtualAgentTransferSummariesEnabled,\n isWellnessBreakClientEnabled: SERVICE.featureflag.isWellnessBreakClientEnabled(),\n isAiAssistantEnabled: SERVICE.featureflag.isAiAssistantEnabled()\n };\n STORE.app.updateFeatureFlags(aiFFData);\n logger.info(\"Successfully updated AI Feature flags with data!\");\n }\n catch (err) {\n logger.error(\"FetchAiFeatures failed: \", err);\n }\n });\n}\nfunction updateOrgConfigs(orgId) {\n return __awaiter(this, void 0, void 0, function* () {\n if (STORE.app.featureFlags && STORE.app.featureFlags.isPCIComplianceEnabled && STORE.app.featureFlags.isNativeChat) {\n const pciSettings = yield configs.fetchPciSettings(orgId);\n const pciAllowedAttachmentTypes = yield configs.fetchPciAllowedAttachmentTypes();\n STORE.app.updatePciAllowedAttachmentTypes(pciAllowedAttachmentTypes);\n STORE.app.updatePciCompliance(pciSettings);\n }\n });\n}\nconst publishAuthDetailAfterSuccessfulIframeLogin = (config) => {\n const message = { type: \"agentx-login-from-iframe\", config };\n window.opener.postMessage(message, \"*\");\n logger.info(\"event=IFrameLogin | Iframe login success, publishing the token to parent window\");\n};\nexport const findAuthTokenForIframeApp = () => {\n logger.info(\"event=IFrameLogin | Child window opened for iframe authentication\");\n return (function () {\n const interval = setInterval(() => {\n const authToken = JSON.parse(localStorage.getItem(uuipAuthToken) || \"{}\");\n const ciClusterIdValue = localStorage.getItem(CLUSTER_ID_KEY) || null;\n if (authToken && authToken.token) {\n clearInterval(interval);\n const ciConfig = JSON.parse(localStorage.getItem(\"ci-config\") || \"{}\");\n const config = {\n ciClusterId: ciClusterIdValue,\n uuipAuthTokens: authToken,\n token: authToken.token,\n ci_config: ciConfig\n };\n publishAuthDetailAfterSuccessfulIframeLogin(config);\n }\n else {\n logger.warn(\"event=IFrameLogin | Auth token not found in iframe login, retrying...\");\n }\n }, 1000);\n })();\n};\nexport function listenScreenPopEvent() {\n return __awaiter(this, void 0, void 0, function* () {\n SERVICE.aqm.screenpop.eScreenPop.listen((screenPopDetail) => {\n STORE.session.screenpop.handleScreenPop(screenPopDetail);\n });\n });\n}\nexport { configs, updateOrgConfigs };\nexport function fetchMeDetails(ci) {\n return __awaiter(this, void 0, void 0, function* () {\n try {\n const meData = yield ci.getUserMe();\n logger.info(\"event=identityMeSuccess | fetching user identity me details success : \", meData);\n return meData;\n }\n catch (error) {\n logger.error(\"event=identityMeFailed | fetching user identity me details Error : \", error);\n }\n return undefined;\n });\n}\nconst teamDataFormat = (team) => {\n var _a;\n return {\n teamId: (_a = team.dbId) !== null && _a !== void 0 ? _a : team.id,\n teamName: team.name\n };\n};\nconst teamQueueFormat = (queue) => {\n return {\n queueId: queue.id,\n queueName: queue.name\n };\n};\nexport const getFilteredTeamsBySiteIds = (teamData, siteIds) => {\n const filteredTeams = [];\n teamData.forEach((team) => {\n if (siteIds.includes(team.siteId)) {\n filteredTeams.push(teamDataFormat(team));\n }\n });\n return filteredTeams;\n};\nexport const getAllFormattedTeams = (teamData) => {\n const filteredTeams = [];\n teamData.forEach((team) => {\n filteredTeams.push(teamDataFormat(team));\n });\n return filteredTeams;\n};\nexport const getFilteredQueuesByQueueIds = (queueData, queueIds) => {\n const filteredQueues = [];\n queueData.forEach((queue) => {\n if (queueIds.includes(queue.id)) {\n filteredQueues.push(teamQueueFormat(queue));\n }\n });\n return filteredQueues;\n};\nexport const getAllFormattedQueues = (queueData) => {\n const filteredQueues = [];\n queueData.forEach((queue) => {\n filteredQueues.push(teamQueueFormat(queue));\n });\n return filteredQueues;\n};\nconst updateManagedTeams = (data) => {\n logger.info(\"Managed Teams List Success\");\n STORE.agent.updateManagedTeams(data);\n STORE.agent.updateSelectedTeamList(JSON.parse(sessionStorage.getItem(\"selected-team-list\") || \"[]\"));\n STORE.agent.updateIsManagedTeamLoading(false);\n};\nexport function fetchManagedTeams() {\n return __awaiter(this, void 0, void 0, function* () {\n STORE.agent.updateIsManagedTeamLoading(true);\n try {\n // Load data from agentx-backend.\n const response = yield SERVICE.abs.fetchManagedTeams({ userId: STORE.agent.meUserId, orgId: STORE.agent.orgId });\n updateManagedTeams(response);\n }\n catch (error) {\n const trackingId = getTrackingIdFromErrorObject ? getTrackingIdFromErrorObject(error) : \"\";\n logger.error(`event=fetchManagedTeamsError | Tracking ID: ${trackingId} Fetching managed teams failed :`, error);\n STORE.agent.updateIsManagedTeamLoading(false);\n STORE.agent.updateIsManagedTeamError(trackingId);\n }\n });\n}\nconst updateManagedQueues = (data) => {\n logger.info(\"Managed Queue List Success\");\n STORE.agent.updateManagedQueues(data);\n STORE.agent.updateSelectedQueueList(JSON.parse(sessionStorage.getItem(\"selected-queue-list\") || \"[]\"));\n STORE.agent.updateIsManagedQueueLoading(false);\n};\nexport function fetchManagedQueues() {\n return __awaiter(this, void 0, void 0, function* () {\n STORE.agent.updateIsManagedQueueLoading(true);\n try {\n // Load data from agentx-backend.\n const response = yield SERVICE.abs.fetchManagedQueues({ userId: STORE.agent.meUserId, orgId: STORE.agent.orgId });\n updateManagedQueues(response);\n }\n catch (error) {\n const trackingId = getTrackingIdFromErrorObject ? getTrackingIdFromErrorObject(error) : \"\";\n logger.error(\"event=fetchManagedQueuesError | Fetching managed queues failed :\", error);\n STORE.agent.updateIsManagedQueueError(trackingId);\n STORE.agent.updateIsManagedQueueLoading(false);\n }\n });\n}\nexport const getSpecificIdleCode = (auxCodeId) => __awaiter(void 0, void 0, void 0, function* () {\n try {\n const response = yield SERVICE.abs.fetchPaginatedIdleCodes({\n orgId: STORE.agent.organizationId,\n customFilter: `id==${auxCodeId}`\n });\n logger.info(\"event=fetchIdleCodes | Successfully fetched idle code for subStatus\");\n return response;\n }\n catch (error) {\n logger.error(\"event=fetchIdleCodes | Error on fetching idle code for subStatus\", error);\n throw error;\n }\n});\nexport function handleIframeLogout() {\n const logoutWindow = window.open(`${window.location.origin}?logout='true'`);\n if (logoutWindow) {\n const interval = setInterval(() => {\n const authToken = JSON.parse(localStorage.getItem(uuipAuthToken) || \"{}\");\n try {\n if (logoutWindow.location && logoutWindow.location.origin) {\n logger.info(\"event=IFrameLogout | Iframe logout in progress\");\n }\n }\n catch (_a) {\n if (!authToken || !authToken.token) {\n logger.error(\"event=IFrameLogout | Iframe logout success reloading\");\n }\n else {\n logger.info(\"event=IFrameLogout | Iframe logout failed reloading\");\n }\n localStorage.removeItem(\"uuip-auth-token\");\n logger.info(\"uuip-auth-token removed from localStorage while handleIframeLogout\");\n clearInterval(interval);\n logoutWindow.close();\n window.location.reload();\n }\n }, 1000);\n }\n}\nexport function unRegisterWebexSDK() {\n return __awaiter(this, void 0, void 0, function* () {\n logger.info(\"unregistering webex and spark instance's\");\n STORE.session.chat.updateRemoveMediaListeners(true);\n yield SERVICE.webex.unregisterWebex();\n });\n}\n// Function calls when tab/browser window closes\nexport function tabClosePrompt(e) {\n logger.info(\"Prompt displayed before navigation.\");\n logger.info(\"event=DesktopReload | Desktop has been reload\");\n SERVICE.telemetry.track(SERVICE.telemetry.TELEM_EVENT.DESKTOP_RELOAD, {\n browserOnline: navigator.onLine\n });\n if (localStorage.getItem(uuipAuthToken)) {\n e.preventDefault();\n logMiner();\n e.returnValue = \"\";\n return \"\";\n }\n else {\n return false;\n }\n}\nexport function removeUnloadEvent() {\n logger.info(\"Prompt removed.\");\n window.removeEventListener(\"beforeunload\", tabClosePrompt);\n window.onbeforeunload = null;\n}\n/**\n * Order/Sort list of objects based on provided field\n * @param list\n * @param field\n */\nexport const orderBy = (list, field) => {\n return list.sort((a, b) => {\n const nameA = a[field].toLowerCase();\n const nameB = b[field].toLowerCase();\n if (nameA > nameB) {\n return -1;\n }\n if (nameA < nameB) {\n return 1;\n }\n return 0;\n });\n};\nexport const invokeLoginErrorModal = (errorMsg, trackingId) => {\n STORE.session.errorModal.setErrorDetails({\n detail: {\n message: errorMsg,\n buttons: [\n {\n type: \"ok\",\n label: t(errorModalOk),\n onClick: () => __awaiter(void 0, void 0, void 0, function* () {\n logger.error(`event=handleLoginError | Triggering CI logout : ${errorMsg}`, errorMsg);\n yield STORE.auth.logout(STORE.auth.refreshToken);\n })\n }\n ],\n noExitOnEsc: true,\n trackingId\n }\n });\n};\nconst dispatchAutoLogin = () => {\n window.dispatchEvent(new CustomEvent(SUPERVISOR_AUTO_LOGIN_EVENT, { bubbles: true, composed: true }));\n};\nexport const invokeMaximumSessionErrorModal = (errorMsg, trackingId) => {\n STORE.session.errorModal.setErrorDetails({\n detail: {\n message: errorMsg,\n buttons: [\n {\n type: \"button\",\n color: \"var(--md-background-color--gray-05)\",\n label: t(\"app:common.signOutButton\"),\n onClick: () => __awaiter(void 0, void 0, void 0, function* () {\n logger.error(`event=handleLoginError | Triggering CI logout : ${errorMsg}`, errorMsg);\n yield STORE.auth.logout(STORE.auth.refreshToken);\n })\n },\n {\n type: \"button\",\n label: t(\"app:common.retry\"),\n onClick: () => {\n logger.info(`dispatching ${SUPERVISOR_AUTO_LOGIN_EVENT} on retry`);\n dispatchAutoLogin();\n }\n }\n ],\n noExitOnEsc: true,\n trackingId\n }\n });\n};\nexport function handleLoginError(errorDetail) {\n const isConfigsError = errorDetail.id === \"Service.aqm.configs.application\" || errorDetail.id === \"Service.abs.fetchCmsInitConfig\";\n const isTeamsError = errorDetail.id === \"Service.aqm.configs.teams\";\n const isSupervisorLoginError = errorDetail.id === \"Service.aqm.supervisor.stationLogin\" ||\n errorDetail.id === \"Service.aqm.supervisor.stationLoginFailed\";\n if (isConfigsError || isTeamsError || isSupervisorLoginError) {\n let errorMsg = isConfigsError\n ? t(\"app:stationLogin.initialConfigsFailed\")\n : isTeamsError\n ? t(\"app:stationLogin.initialProfileTeamFailed\")\n : t(\"app:stationLogin.supervisorStationLoginFailed\");\n const trackingId = errorDetail.trackingId;\n if ((errorDetail === null || errorDetail === void 0 ? void 0 : errorDetail.reasonCode) === 1019 && STORE.app.featureFlags.isDesktopMaxSessionLimitsEnabled) {\n errorMsg = t(\"app:stationLogin:maximumSessionsReachedError\");\n invokeMaximumSessionErrorModal(errorMsg, trackingId);\n return;\n }\n invokeLoginErrorModal(errorMsg, trackingId);\n }\n}\nexport const invokeTeamDeletedErrorModal = (errorMsg, trackingId) => {\n STORE.session.errorModal.setErrorDetails({\n detail: {\n message: errorMsg,\n buttons: [\n {\n type: \"ok\",\n label: t(\"app:common.signOutButton\"),\n onClick: () => __awaiter(void 0, void 0, void 0, function* () {\n logger.error(`event=handleLoginError | Triggering CI logout : ${errorMsg}`, errorMsg);\n yield STORE.auth.logout(STORE.auth.refreshToken);\n })\n }\n ],\n noExitOnEsc: true,\n trackingId\n }\n });\n};\nexport const showContactCleanUpModal = (trackingId) => {\n STORE.session.errorModal.setErrorDetails({\n detail: {\n modalType: \"dialog\",\n header: t(\"app:contactTerminationLabels.header\"),\n message: t(\"app:contactTerminationLabels.message\"),\n trackingId\n }\n });\n};\nexport function isIframedLogoutRequested(windowOpener) {\n const urlParams = new URLSearchParams(window.location.search);\n const isLogoutRequested = urlParams.get(\"logout\");\n return windowOpener != null && isLogoutRequested != null ? true : false;\n}\nexport function setQueryparams() {\n const urlParams = new URLSearchParams(window.location.search);\n const sfdcIframeOrigin = urlParams.get(\"sfdcIframeOrigin\");\n const isCanaryOrg = urlParams.get(\"canary\");\n const orgId = urlParams.get(\"orgId\");\n if (sfdcIframeOrigin) {\n logger.info(\"event=setQueryParams | Setting sfdcIframeOrigin value to \", sfdcIframeOrigin);\n localStorage.setItem(\"sfdcIframeOrigin\", sfdcIframeOrigin);\n }\n if (isCanaryOrg) {\n logger.info(\"event=setQueryParams | Setting isCanaryOrg value to \", isCanaryOrg);\n sessionStorage.setItem(\"canary\", isCanaryOrg);\n }\n if (orgId) {\n logger.info(\"event=setQueryParams | Setting queryOrgId value to \", orgId);\n sessionStorage.setItem(\"queryOrgId\", orgId);\n }\n}\nexport function getCanaryParam() {\n const flag = sessionStorage.getItem(\"canary\");\n return flag === \"true\" ? true : false;\n}\nexport function getOrgIdParam() {\n return sessionStorage.getItem(\"queryOrgId\");\n}\nexport function isCanaryFlagInQueryParam() {\n const urlParams = new URLSearchParams(window.location.search);\n const isCanaryOrg = urlParams.get(\"canary\");\n return isCanaryOrg === \"true\" ? true : false;\n}\nexport function handleLogout(token) {\n return new Promise((resolve) => {\n const urlParams = new URLSearchParams(window.location.search);\n const logout = urlParams.get(\"logout\");\n if (logout) {\n STORE.auth.authService.logout(token);\n }\n else {\n resolve();\n }\n });\n}\nexport function updateIMISettings() {\n const script = document.createElement(\"script\");\n script.setAttribute(\"id\", \"imi-controller-bundle\");\n script.setAttribute(\"type\", \"module\");\n script.setAttribute(\"src\", process.env.IMI_GADGET_URL);\n script.setAttribute(\"dc\", process.env.IMI_DC);\n document.body.appendChild(script);\n script.onerror = () => {\n logger.error(`[App: IMI] failed to load Controller IMI JS with src`, script.src);\n };\n script.onload = () => {\n logger.info(`[App: IMI] Success loading Controller IMI JS with src`, script.src);\n document.addEventListener(\"imi-engage-bundle-load-success\", function () {\n STORE.app.setImiScriptLoad();\n logger.info(`[App: IMI] Success loading IMI JS with ${process.env.IMI_DC} DC`);\n });\n document.addEventListener(\"imi-engage-bundle-load-error\", function () {\n logger.error(`[App: IMI] failed to load IMI JS with ${process.env.IMI_DC} DC`);\n });\n };\n}\nexport function updateAnalyzerSettings() {\n const script = document.createElement(\"script\");\n script.setAttribute(\"id\", \"wxcc-analyzer-bundle\");\n script.setAttribute(\"type\", \"module\");\n script.setAttribute(\"src\", process.env.ANALYZER_BUNDLE);\n script.setAttribute(\"dc\", process.env.CC_DC);\n document.body.appendChild(script);\n script.onerror = () => {\n logger.error(`[App: AnalyzerUI] failed to load Controller AnalyzerUI JS with src`, script.src);\n };\n script.onload = () => {\n logger.info(`[App: AnalyzerUI] Success loading Controller AnalyzerUI JS with src`, script.src);\n document.addEventListener(\"wxccanalyzer-desktop-bundle-load-success\", function () {\n logger.info(`[App: AnalyzerUI] Success loading AnalyzerUI JS with ${process.env.CC_DC} DC`);\n });\n document.addEventListener(\"wxccanalyzer-desktop-bundle-load-error\", function () {\n logger.error(`[App: AnalyzerUI] failed to load AnalyzerUI JS with ${process.env.CC_DC} DC`);\n });\n };\n}\nexport function attachIMIScript() {\n if (!document.getElementById(\"imi-controller-bundle\")) {\n updateIMISettings();\n STORE.app.updateIMIFeatureFlag(true);\n }\n}\nexport function updatePageTitle(routeName) {\n if (routeName === RouteName.TASKPANEL || routeName === RouteName.TASK) {\n document.title = `${STORE.app.title} : ${t(\"app:navigation.task\")}`;\n return;\n }\n STORE.layout.navigation.forEach((nav) => {\n if (nav.navigateTo === routeName && nav.label) {\n document.title = `${STORE.app.title}: ${t(nav.label)}`;\n }\n });\n}\nexport function registerDefaultShortcutKeys() {\n SERVICE.shortcut.event.listenKeyConflict(() => {\n if (!STORE.shortcutKeys.isShortcutKeyConflict) {\n STORE.shortcutKeys.updateConflictForKey(true);\n STORE.generalNotifications.fireShortcutKeyConflict(t(\"app:keyboardShortcutKeys.conflictTitle\"), t(\"app:keyboardShortcutKeys.conflictData\"));\n }\n });\n SERVICE.shortcut.event.listenConflictResolved(() => {\n STORE.shortcutKeys.updateConflictForKey(false);\n });\n Object.values(SERVICE.shortcut.DEFAULT_SHORTCUT_KEYS).forEach((keys) => {\n keys.forEach((key) => {\n key.group = t(key.group);\n key.action = t(key.action);\n });\n SERVICE.shortcut.register(keys);\n });\n}\nexport const registerWebRTCShortcuts = () => {\n SERVICE.shortcut.register(WEBRTC_SHORTCUT_KEYS);\n};\nconst showSystemLogoutErrorModal = () => {\n STORE.session.errorModal.setErrorDetails({\n detail: {\n header: t(\"app:idleInActivity.signOut\"),\n message: t(\"app:systemSignOutMessage\"),\n backdropClickExit: false,\n noExitOnEsc: true,\n buttons: [\n {\n type: \"ok\",\n label: t(errorModalOk),\n onClick: () => __awaiter(void 0, void 0, void 0, function* () {\n yield STORE.auth.logout(STORE.auth.refreshToken);\n })\n }\n ]\n }\n });\n};\nconst handleLogoutBySelf = () => {\n var _a, _b, _c, _d;\n if (STORE.app.featureFlags.isWebRTCEnabled &&\n STORE.agent.deviceType === SERVICE.constants.LoginVoiceOptions.BROWSER) {\n logger.info(`[WebRtc] : deregistering webcalling on agent logout , agentId ${STORE.agent.agentId}`);\n SERVICE.webCalling.deregisterWebCalling();\n }\n SERVICE.telemetry.track(SERVICE.telemetry.TELEM_EVENT.SIGN_OUT, {\n [SERVICE.telemetry.TELEM_PROPS.SIGN_OUT_METHOD]: \"Agent\",\n Status: SERVICE.telemetry.TELEM_EVENT.STATUS.SUCCESS\n }, [(_b = (_a = SERVICE.telemetry) === null || _a === void 0 ? void 0 : _a.SERVICE_PROVIDERS) === null || _b === void 0 ? void 0 : _b.webex_behavioral, (_d = (_c = SERVICE.telemetry) === null || _c === void 0 ? void 0 : _c.SERVICE_PROVIDERS) === null || _d === void 0 ? void 0 : _d.prometheus]);\n sessionStorage.removeItem(ALERT_BANNER_DETAILS);\n const isSignOutByUi = STORE.agent.signOutByUi;\n const isSignOutByProfileChange = STORE.agent.signOutByProfileChange;\n const hasAccessToken = STORE.auth.accessToken;\n // if the agent is signed out by profile change then we should not go with this flow.\n if (isSignOutByProfileChange) {\n STORE.agent.updateSignOutByChangeProfile(false);\n return;\n }\n // is the agent is signed out by UI then we should not show the modal\n if (!isSignOutByUi) {\n showSystemLogoutErrorModal();\n return;\n }\n // General signout flow.\n if (hasAccessToken) {\n logMiner();\n localStorage.removeItem(\"desktop-notification-settings\");\n sessionStorage.removeItem(\"desktop-silent-notifications\");\n STORE.auth.logout(STORE.auth.refreshToken);\n logger.info(\"[Agent Self Logout] Aqm logout success - Posted an event for CILogout\");\n }\n};\n/**\n * Below event will be received on notifs when agent is logged out.\n * @param event\n */\nexport function checkAgentLogout(event) {\n // if agent is logged out by SUPERVISOR , ADMIN , HELPDESK then only we should show the below modal.\n if (event.loggedOutBy === MACHINE) {\n SERVICE.telemetry.track(SERVICE.telemetry.TELEM_EVENT.SIGN_OUT, {\n [SERVICE.telemetry.TELEM_PROPS.SIGN_OUT_METHOD]: \"Machine\",\n Status: SERVICE.telemetry.TELEM_EVENT.STATUS.SUCCESS\n });\n STORE.session.errorModal.setErrorDetails({\n detail: {\n header: t(\"app:idleInActivity.signOut\"),\n htmlMessage: html `\n \n ${t(\"app:agentLogoutByMachine\")}\n
\n `,\n backdropClickExit: false,\n noExitOnEsc: true,\n buttons: [\n {\n type: \"ok\",\n label: t(errorModalOk),\n onClick: () => __awaiter(this, void 0, void 0, function* () {\n yield STORE.auth.logout(STORE.auth.refreshToken);\n })\n }\n ]\n }\n });\n return;\n }\n if (event.loggedOutBy !== SELF) {\n SERVICE.telemetry.track(SERVICE.telemetry.TELEM_EVENT.SIGN_OUT, {\n [SERVICE.telemetry.TELEM_PROPS.SIGN_OUT_METHOD]: \"Supervisor\",\n Status: SERVICE.telemetry.TELEM_EVENT.STATUS.SUCCESS\n });\n STORE.session.errorModal.setErrorDetails({\n detail: {\n header: t(\"app:agentLogoutBySupervisorTitle\"),\n message: t(\"app:agentLogoutBySupervisor\"),\n backdropClickExit: false,\n noExitOnEsc: true,\n buttons: [\n {\n type: \"ok\",\n label: t(errorModalOk),\n onClick: () => __awaiter(this, void 0, void 0, function* () {\n yield STORE.auth.logout(STORE.auth.refreshToken);\n })\n }\n ]\n }\n });\n }\n if (event.loggedOutBy === SELF) {\n handleLogoutBySelf();\n }\n}\nexport const getRonareason = (reasonCode, interaction) => {\n if (getErrorMsgForReasonCode(reasonCode)) {\n return html ` - \n
- ${t(\"app:poorNetworkConnection\")} \n
- ${t(\"app:systemSignOut\")} \n
${getErrorMsgForReasonCode(reasonCode)}
`;\n }\n else {\n return html `\n \n ${t(\"app:rona.deliverRequestFailure\")}\n
\n
\n `;\n }\n};\nexport function ronaToOtherState(interaction, reasonCode) {\n STORE.browserNotifications.firebrowserNotification(t(\"app:rona.browserNotification\"));\n STORE.session.errorModal.setErrorDetails({\n detail: {\n header: t(\"app:rona.title\"),\n htmlHeadingElement: true,\n htmlMessage: SERVICE.featureflag.isDesktopReasonCodeEnabled()\n ? getRonareason(reasonCode, interaction)\n : html `\n \n
- \n
- ${t(\"app:rona.requestNotAnswered\")} \n
- ${checkRonaReason(interaction)} \n
\n ${t(\"app:rona.deliverRequestFailure\")}\n
\n
\n `,\n backdropClickExit: false,\n noExitOnEsc: true,\n buttons: [\n {\n type: \"button\",\n variant: \"secondary\",\n label: t(\"app:rona.idleState\"),\n onClick: () => {\n SERVICE.telemetry.timeEvent(SERVICE.telemetry.TELEM_EVENT.AGENT_STATE_CHANGE);\n STORE.agent.updateStatusAfterRONA(SERVICE.constants.AgentState.Idle);\n document.dispatchEvent(new CustomEvent(AGENTX_DEFAULT_FOCUS));\n }\n },\n {\n type: \"button\",\n label: t(\"app:rona.availableState\"),\n onClick: () => {\n SERVICE.telemetry.timeEvent(SERVICE.telemetry.TELEM_EVENT.AGENT_STATE_CHANGE);\n STORE.agent.updateStatusAfterRONA(SERVICE.constants.AgentState.Available);\n document.dispatchEvent(new CustomEvent(AGENTX_DEFAULT_FOCUS));\n }\n }\n ]\n }\n });\n}\nexport function midcallMonitoringStarted(agentId, interactionId) {\n var _a;\n (_a = SERVICE.telemetry) === null || _a === void 0 ? void 0 : _a.track(SERVICE.telemetry.TELEM_EVENT.MIDCALL_MONITORING_STARTED, {\n SupervisorId: STORE.agent.agentId,\n Role: STORE.agent.userSelectedRole,\n MonitoredAgentId: agentId,\n MonitoringType: MONITORING_TYPE.MIDCALL,\n InteractionId: interactionId\n });\n}\nexport function midcallMonitoringOffered(agentId, interactionId) {\n var _a;\n (_a = SERVICE.telemetry) === null || _a === void 0 ? void 0 : _a.track(SERVICE.telemetry.TELEM_EVENT.MIDCALL_MONITORING_OFFERED, {\n SupervisorId: STORE.agent.agentId,\n Role: STORE.agent.userSelectedRole,\n AgentId: agentId,\n MonitoringType: MONITORING_TYPE.MIDCALL,\n InteractionId: interactionId\n });\n}\nexport function midcallMonitoringEnded(interactionId) {\n var _a;\n (_a = SERVICE.telemetry) === null || _a === void 0 ? void 0 : _a.track(SERVICE.telemetry.TELEM_EVENT.MIDCALL_MONITORING_ENDED, {\n SupervisorId: STORE.agent.agentId,\n Role: STORE.agent.userSelectedRole,\n MonitoringType: MONITORING_TYPE.MIDCALL,\n InteractionId: interactionId\n });\n}\nexport function midcallMonitoringFailed(interactionId) {\n var _a;\n (_a = SERVICE.telemetry) === null || _a === void 0 ? void 0 : _a.track(SERVICE.telemetry.TELEM_EVENT.MIDCALL_MONITORING_FAILED, {\n SupervisorId: STORE.agent.agentId,\n Role: STORE.agent.userSelectedRole,\n MonitoringType: MONITORING_TYPE.MIDCALL,\n InteractionId: interactionId\n });\n}\nexport function bargeInStarted(interactionId, agentId) {\n var _a;\n (_a = SERVICE.telemetry) === null || _a === void 0 ? void 0 : _a.track(SERVICE.telemetry.TELEM_EVENT.BARGE_IN_ACTIVATED, {\n InteractionId: interactionId,\n MonitoredAgentId: agentId,\n Role: STORE.agent.userSelectedRole,\n MonitoringType: BARGE_IN_MONITORING_STATE,\n Status: SERVICE.telemetry.TELEM_EVENT.STATUS.SUCCESS\n });\n}\nexport function inviteFailedToIdle(interaction, trackingId) {\n const ronaModalMessage = displayRonaMessage(interaction);\n STORE.browserNotifications.firebrowserNotification(ronaModalMessage);\n STORE.session.errorModal.setErrorDetails({\n detail: {\n message: ronaModalMessage,\n backdropClickExit: false,\n noExitOnEsc: true,\n buttons: [\n {\n type: \"button\",\n label: t(\"app:rona.idleState\"),\n onClick: () => {\n SERVICE.telemetry.timeEvent(SERVICE.telemetry.TELEM_EVENT.AGENT_STATE_CHANGE);\n STORE.agent.updateStatusAfterRONA(SERVICE.constants.AgentState.Idle);\n }\n }\n ],\n trackingId\n }\n });\n}\nconst getTabName = () => {\n var _a;\n return (_a = SERVICE.telemetry) === null || _a === void 0 ? void 0 : _a.getValueFromCache(SERVICE.telemetry.TELEM_CACHE_KEYS.AUXILIARY_PANEL_TAB_NAME);\n};\n//mix Panel utility functions;\nexport const auxiliaryPaneTelemetryTracker = (updatedTabName) => {\n const tabName = getTabName();\n const auxiliaryPanelTabName = tabName !== null ? tabName : null;\n if (auxiliaryPanelTabName == null ||\n auxiliaryPanelTabName === undefined ||\n auxiliaryPanelTabName === updatedTabName) {\n return;\n }\n let timeSpent = 0;\n switch (auxiliaryPanelTabName) {\n case widgetElement.CONTACT_HISTORY:\n timeSpent = SERVICE.telemetry.getValueFromCache(SERVICE.telemetry.TELEM_CACHE_KEYS.CONTACT_HISTORY_START_TIME);\n SERVICE.telemetry.track(SERVICE.telemetry.TELEM_EVENT.CONTACT_HISTORY_VIEWED, {\n [SERVICE.telemetry.TELEM_PROPS.TOTAL_TIME_SPENT]: Number(((new Date().getTime() - Number(timeSpent)) / 1000).toFixed(2))\n });\n SERVICE.telemetry.removeValueFromCache(SERVICE.telemetry.TELEM_CACHE_KEYS.CONTACT_HISTORY_START_TIME);\n break;\n case widgetElement.WXM_JOURNEY:\n timeSpent = SERVICE.telemetry.getValueFromCache(SERVICE.telemetry.TELEM_CACHE_KEYS.WXM_JOURNEY_START_TIME);\n SERVICE.telemetry.track(SERVICE.telemetry.TELEM_EVENT.CONTACT_HISTORY_VIEWED, {\n [SERVICE.telemetry.TELEM_PROPS.TOTAL_TIME_SPENT]: Number(((new Date().getTime() - Number(timeSpent)) / 1000).toFixed(2))\n });\n SERVICE.telemetry.removeValueFromCache(SERVICE.telemetry.TELEM_CACHE_KEYS.WXM_JOURNEY_START_TIME);\n break;\n }\n};\nexport const isSupervisor = () => {\n var _a;\n return ((_a = STORE.agent.userRole) === null || _a === void 0 ? void 0 : _a.join(\"_\")) === \"supervisor\" || STORE.agent.userSelectedRole === \"supervisor\";\n};\nexport const isOnlySupervisor = () => {\n var _a;\n if (((_a = STORE.agent.userRole) === null || _a === void 0 ? void 0 : _a.join(\"_\")) === \"supervisor\") {\n return !STORE.agent.isMonitoringEnabled;\n }\n return false;\n};\nexport const updateLSLayout = (data, key) => {\n const previousLayouts = localStorage.getItem(key);\n const agentId = STORE.agent.meUserId.toString();\n if (!previousLayouts) {\n const newLayout = {};\n newLayout[agentId] = {\n layout: JSON.stringify(data),\n userSelectedRole: STORE.agent.getUserRole\n };\n localStorage.setItem(key, JSON.stringify(newLayout));\n }\n else {\n const newLayouts = JSON.parse(previousLayouts);\n newLayouts[agentId] = {\n layout: JSON.stringify(data),\n userSelectedRole: STORE.agent.getUserRole\n };\n localStorage.setItem(key, JSON.stringify(newLayouts));\n }\n};\nexport const getLayoutFromLS = (key) => {\n const configStr = localStorage.getItem(key);\n const layouts = configStr ? JSON.parse(configStr) : undefined;\n const agentId = STORE.agent.meUserId.toString();\n if (layouts && layouts[agentId]) {\n layouts[agentId].layout = JSON.parse(layouts[agentId].layout);\n return layouts[agentId];\n }\n return undefined;\n};\nexport const stripSpecialChar = (str) => {\n /*eslint no-useless-escape: \"off\"*/\n return str.replace(/[^\\+?\\d]/gi, \"\");\n};\nexport function multipleExist(arr, values) {\n if (arr.length === 0 || values.length === 0) {\n return false;\n }\n return arr.some((val) => values.includes(val));\n}\nexport const getManagedOrgDetails = (managedOrgs, orgId) => {\n return managedOrgs.find((org) => org.orgId === orgId) || null;\n};\nexport const getUserSystemRole = (orgDetails) => {\n if (multipleExist([USER_ROLES.FULL_ADMIN, USER_ROLES.PARTNER_ADMIN, USER_ROLES.PROVISION_ADMIN], [orgDetails.role])) {\n return SYSTEM_ROLES.EXTERNAL_FULL_ADMIN;\n }\n else if (multipleExist([USER_ROLES.READ_ONLY_ADMIN], [orgDetails.role])) {\n return SYSTEM_ROLES.EXTERNAL_READONLY_ADMIN;\n }\n else {\n return null;\n }\n};\n// return's true for ep-dn second agent as can't relay on onwer field.\nconst isSecondaryAgent = (interaction) => {\n return (interaction.callProcessingDetails.relationshipType === \"consult\" &&\n interaction.callProcessingDetails.parentInteractionId &&\n interaction.callProcessingDetails.parentInteractionId !== interaction.interactionId);\n};\nexport const isSecondaryEpDnAgent = (interaction) => {\n return (STORE.app.featureFlags.isDesktopConsultToEntryPointDnEnabled &&\n interaction.mediaType === MediaType.Telephony &&\n isSecondaryAgent(interaction));\n};\nexport const dispatchUpdatedAgentProfileEvent = (comp) => {\n comp.dispatchEvent(new CustomEvent(\"store-profile-update\", { bubbles: true, composed: true }));\n};\n/**\n * Debounce method to avoid repetitive calls\n */\nexport const debounce = (fn, _timeout = 1000) => {\n let timer;\n return function (...args) {\n const func = () => fn.call({}, args[0]);\n clearTimeout(timer);\n timer = window.setTimeout(func, _timeout);\n };\n};\nexport const showErrorModal = (header, message, trackingId) => {\n STORE.session.errorModal.setErrorDetails({\n detail: {\n modalType: \"dialog\",\n header,\n message,\n trackingId\n }\n });\n};\nexport function contactCallbackRetryModal(reasonCode, trackingId) {\n let header = t(\"app:errorModal.header\");\n let message = \"\";\n switch (reasonCode) {\n case CALLBACK_RETRY_REASON_CODES.NO_MATCHING_AGENT_CHANNEL_FOUND:\n message = t(\"app:callbackRetry.noMatchingAgentChannelFound\");\n break;\n case CALLBACK_RETRY_REASON_CODES.CUSTOMER_BUSY:\n message = t(\"app:callbackRetry.customerBusy\");\n break;\n case CALLBACK_RETRY_REASON_CODES.CUSTOMER_UNAVAILABLE:\n message = t(\"app:callbackRetry.customerUnavailable\");\n break;\n case CALLBACK_RETRY_REASON_CODES.AGENT_ENDS:\n message = t(\"app:callbackRetry.agentEnds\");\n break;\n case CALLBACK_RETRY_REASON_CODES.NO_ANSWER_FROM_CUSTOMER:\n message = t(\"app:callbackRetry.noAnswerFromCustomer\");\n break;\n case CALLBACK_RETRY_REASON_CODES.INVALID_VTEAM:\n message = t(\"app:callbackRetry.invalidVTeam\");\n break;\n case CALLBACK_RETRY_REASON_CODES.AGENT_CHANNEL_NOT_FOUND:\n message = t(\"app:callbackRetry.agentChannelNotFound\");\n break;\n case CALLBACK_RETRY_REASON_CODES.REASON_CODE_NOT_AVAILABLE:\n message = t(\"app:callbackRetry.reasonCodeNotAvailable\");\n break;\n case CALLBACK_RETRY_REASON_CODES.AGENT_LEFT:\n message = t(\"app:callbackRetry.agentLeft\");\n break;\n case CALLBACK_RETRY_REASON_CODES.CUSTOMER_LEFT:\n message = t(\"app:callbackRetry.customerLeft\");\n break;\n case CALLBACK_RETRY_REASON_CODES.QUEUE_TIMEOUT:\n message = t(\"app:callbackRetry.queueTimeout\");\n break;\n case CALLBACK_RETRY_REASON_CODES.AMD_DETECTED_IN_CALLBACK:\n message = t(\"app:callbackRetry.amdDetectedInCallback\");\n trackingId = \"\";\n header = t(\"app:callbackRetry.amdDetectedInCallbackHeader\");\n break;\n default:\n message = t(\"app:callbackRetry:unknownError\");\n break;\n }\n return { header, message, trackingId };\n}\nexport const handleWebexModal = () => {\n if (STORE.app.webexEnabled) {\n STORE.app.updateWebexShowModal(true);\n localStorage.setItem(WEBEX_SHOW_MODAL, \"true\");\n }\n};\nconst handleWebexMinimizeRestore = () => {\n handleWebexModal();\n localStorage.setItem(WEBEX_MINIMIZE_MODAL, STORE.app.webexMinimized.toString());\n STORE.app.updateWebexMinimized(!STORE.app.webexMinimized);\n};\nexport const handleShortcutKeyEvent = () => {\n var _a, _b;\n const listenKeyPress = (_b = (_a = SERVICE === null || SERVICE === void 0 ? void 0 : SERVICE.shortcut) === null || _a === void 0 ? void 0 : _a.event) === null || _b === void 0 ? void 0 : _b.listenKeyPress;\n if (!listenKeyPress) {\n return () => logger.info(\"No event listener to stop.\");\n }\n const { stopListen } = listenKeyPress((event) => {\n var _a, _b;\n const { data } = event;\n if (!data) {\n return;\n }\n const { key, modifierKeys } = data;\n if (key === SERVICE.shortcut.REGISTERED_KEYS.EXPAND_COLLAPSE_WEBEX &&\n modifierKeys === SERVICE.shortcut.MODIFIERS.CTRL_SHIFT &&\n !STORE.app.webexShowModal) {\n SERVICE.telemetry.track(SERVICE.telemetry.TELEM_EVENT.WEBEX_APP_OPENED_BY_SHORTCUT_KEY);\n handleWebexModal();\n }\n else if (key === SERVICE.shortcut.REGISTERED_KEYS.MINIMIZE_RESTORE_WEBEX &&\n modifierKeys === SERVICE.shortcut.MODIFIERS.CTRL_SHIFT) {\n handleWebexMinimizeRestore();\n if (SERVICE.webex) {\n SERVICE.webex.getUserStatusForWebex((_b = (_a = SERVICE.conf) === null || _a === void 0 ? void 0 : _a.profile) === null || _b === void 0 ? void 0 : _b.agentId);\n }\n }\n });\n if (stopListen) {\n return stopListen;\n }\n else {\n return () => logger.info(\"No event listener to stop.\");\n }\n};\nexport const toggleVoiceInteractionPanel = () => {\n STORE.app.updateCollapseVoiceIntPane(!STORE.app.collapseVoiceIntPane);\n};\n// dispatch auto answer event.\nexport const handleAutoAnswer = (data) => {\n const isAutoAnswerEnabled = data.interaction.participants[data.agentId].autoAnswerEnabled;\n /* all agent initiated webRtc outdial calls will be auto answered. */\n const isOutdial = data.interaction.contactDirection.type === OUTBOUND &&\n data.interaction.outboundType === OUTBOUND_TYPE.OUTDIAL &&\n data.interaction.callProcessingDetails.outdialAgentId === data.agentId;\n const isAgentInitiated = STORE.agent.agentId === data.interaction.owner &&\n !data.interaction.callProcessingDetails.BLIND_TRANSFER_IN_PROGRESS;\n /* need to handle outdial call transfer/consult scenario where second agent should not be allowed default Auto answer*/\n if (isWebCall(data.interaction) && (isAutoAnswerEnabled || (isOutdial && isAgentInitiated))) {\n logger.info(\"[WebRtc]: Dispatching auto answer for interactionId \", data.interactionId);\n window.dispatchEvent(new CustomEvent(WEB_CALLING_EVENTS.AX_WEB_CALL_AUTO_ANSWER, { bubbles: true, composed: true }));\n }\n else if (isDigitalOutbound(data.interaction) && STORE.agent.agentId === data.interaction.owner) {\n logger.info(\"[Digital]: Dispatching auto answer for interactionId \", data.interactionId);\n window.dispatchEvent(new CustomEvent(DIGITAL_OUTBOUND_EVENTS.AX_DIGITAL_OUTBOUND_AUTO_ANSWER, { bubbles: true, composed: true }));\n }\n};\nexport const getFCValue = (data) => {\n var _a;\n return STORE.app.featureFlags.isDesktopCpdViewEnabled\n ? data.interaction.callProcessingDetails[fcDesktopView]\n : data.interaction.callAssociatedData\n ? (_a = data.interaction.callAssociatedData[FC_DESKTOP_VIEW]) === null || _a === void 0 ? void 0 : _a.value\n : undefined;\n};\nexport const getAgentCallMonitoringStateOnBargeIn = (agentCallMonitoringStateDetails) => {\n var _a, _b, _c, _d;\n const bargedSupervisorId = agentCallMonitoringStateDetails.supervisorId;\n return {\n monitoringType: agentCallMonitoringStateDetails.monitoringState\n ? (_a = agentCallMonitoringStateDetails.monitoringState) === null || _a === void 0 ? void 0 : _a.type\n : agentCallMonitoringStateDetails.monitoringType,\n supervisorId: bargedSupervisorId,\n supervisorName: agentCallMonitoringStateDetails.supervisorName,\n interactionId: agentCallMonitoringStateDetails.interactionId,\n agentId: agentCallMonitoringStateDetails.agentId,\n eventTime: (_d = (_c = (_b = agentCallMonitoringStateDetails.interaction) === null || _b === void 0 ? void 0 : _b.participants[bargedSupervisorId]) === null || _c === void 0 ? void 0 : _c.monitoringDetails) === null || _d === void 0 ? void 0 : _d.startTimestamp\n };\n};\nexport const getBargedInSupId = (participants) => {\n return Object.keys(participants).find((participant) => {\n var _a, _b;\n return ((_a = participants[participant].pType) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === SUPERVISOR &&\n ((_b = participants[participant].monitoringDetails) === null || _b === void 0 ? void 0 : _b.type) === BARGE_IN_MONITORING_STATE;\n });\n};\nexport const computeAgentCallMonitoringStateDetails = (interactionDetails) => {\n var _a, _b;\n const participants = interactionDetails.participants;\n if (participants) {\n const bargedSupervisorId = getBargedInSupId(participants);\n return bargedSupervisorId\n ? {\n supervisorName: participants[bargedSupervisorId].name,\n supervisorId: participants[bargedSupervisorId].id,\n monitoringType: (_a = participants[bargedSupervisorId].monitoringDetails) === null || _a === void 0 ? void 0 : _a.type,\n agentId: interactionDetails.owner,\n interactionId: interactionDetails.interactionId,\n eventTime: (_b = participants[bargedSupervisorId].monitoringDetails) === null || _b === void 0 ? void 0 : _b.startTimestamp\n }\n : undefined;\n }\n return undefined;\n};\nexport const dispatchCustomEvent = (comp, eventName, value) => {\n comp.dispatchEvent(new CustomEvent(eventName, { bubbles: true, composed: true, detail: value }));\n};\nconst formatTimeDifference = (timeDifference) => {\n const secondsDifference = Math.floor(timeDifference / 1000);\n const hours = Math.floor(secondsDifference / 3600);\n const remainingSecsAfterHours = secondsDifference % 3600;\n const minutes = Math.floor(remainingSecsAfterHours / 60);\n const seconds = remainingSecsAfterHours % 60;\n return `${String(hours).padStart(2, \"0\")}:${String(minutes).padStart(2, \"0\")}:${String(seconds).padStart(2, \"0\")}`;\n};\nexport const logNtpTime = () => {\n SERVICE.abs\n .fetchNtpTime({})\n .then((res) => {\n logger.info(`[NTP] NTP time is ${res}`);\n const ntpTime = new Date(res);\n const systemTime = new Date();\n const timeDifference = Math.abs(systemTime.getTime() - ntpTime.getTime());\n const threshold = 1000;\n if (timeDifference <= threshold) {\n logger.info(\"System time is in sync with the NTP server.\");\n }\n else {\n // convert timeDifference to hh:mm:ss format\n logger.warn(`System time is not in sync with the NTP server. Time difference is ${formatTimeDifference(timeDifference)}. Server time is ${ntpTime}.`);\n }\n })\n .catch((err) => {\n logger.info(`[NTP] Error while fetching NTP time ${err}`);\n });\n};\nexport function getRoleNameForTelemetry(roleName) {\n return roleName === SYSTEM_ROLES.AGENT_AND_SUPERVISOR ? formRoleNameForTelemetry(roleName) : roleName;\n}\nexport function handleTelemetryOnPresenceChange() {\n var _a, _b, _c, _d;\n let CollaborationTool = \"\";\n if (((_a = STORE.app.microsoftOrgConfig) === null || _a === void 0 ? void 0 : _a.active) && STORE.app.microsoftOrgConfig.stateSynchronization) {\n CollaborationTool = COLLAB_TOOL.TEAMS;\n }\n else if ((_b = STORE.app.webexOrgConfig) === null || _b === void 0 ? void 0 : _b.stateSynchronization) {\n CollaborationTool = COLLAB_TOOL.WEBEX;\n }\n (_c = SERVICE.telemetry) === null || _c === void 0 ? void 0 : _c.track(SERVICE.telemetry.TELEM_EVENT.STATE_CHANGE_ON_PRESENCE_SYNC, {\n UserRole: getRoleNameForTelemetry(STORE.agent.userSelectedRole || ((_d = STORE.agent.userRole) === null || _d === void 0 ? void 0 : _d.join(\"_\")[0])),\n CollaborationTool\n });\n}\nexport function updateOutdialAniList(e) {\n var _a;\n if ((_a = e.detail) === null || _a === void 0 ? void 0 : _a.data) {\n STORE.agent.updateoutdialAniList(e.detail.data);\n }\n}\nexport const getQuerySelectorTillRouterView = () => {\n const agentxApp = document.querySelector(\"agentx-app\");\n if (agentxApp && agentxApp.shadowRoot) {\n const mdTheme = agentxApp.shadowRoot.querySelector(\"md-theme\");\n if (mdTheme) {\n const routerView = mdTheme.querySelector(\"router-view\");\n if (routerView && routerView.shadowRoot) {\n return routerView.shadowRoot;\n }\n }\n }\n return null;\n};\nexport function agentHasSupervisorCapability() {\n return STORE.agent.getUserRole === \"supervisor\" || STORE.agent.getUserRole === \"supervisorAgent\";\n}\nexport function isInteractionsPageEnabled() {\n return agentHasSupervisorCapability() && STORE.app.featureFlags.isInteractionsPageEnabled;\n}\nexport function isQueueStatsTabEnabled() {\n return agentHasSupervisorCapability() && STORE.app.featureFlags.isQueueStatsTabEnabled;\n}\n/**\n * Toggles the display of a specified element based on the `isMaximized` parameter.\n *\n * @param {boolean} isMaximized - If true, the element's display style is set to \"block\", otherwise it's set to \"none\".\n * @param {string} selector - The CSS selector of the element to toggle.\n * @param {boolean} [isAdditonalShadowRoot=false] - If true, the function will look for the element inside the shadow root of a \"uuip-dynamic-widget\" inside \"#panel-two\".\n * @param {boolean} [isMdTab=false] - If true and `isAdditonalShadowRoot`\n * is also true, the function will look for the element inside the shadow root of \"md-tabs\" inside the shadow root of a \"uuip-dynamic-widget\" inside \"#panel-two\".\n * @returns {boolean} - Returns true if the element was found and its display was toggled, otherwise returns false.\n */\nexport const toggleDisplayOnMaximize = (isMaximized, selector, isAdditonalShadowRoot = false, isMdTab = false) => {\n var _a, _b, _c, _d, _e, _f, _g, _h;\n const routerView = getQuerySelectorTillRouterView();\n if (routerView) {\n let element;\n if (isAdditonalShadowRoot) {\n if (isMdTab) {\n element = (_e = (_d = (_c = (_b = (_a = routerView\n .querySelector(\"#panel-two\")) === null || _a === void 0 ? void 0 : _a.querySelector(\"uuip-dynamic-widget\")) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector(\"md-tabs\")) === null || _d === void 0 ? void 0 : _d.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector(`#${selector}`);\n }\n else {\n element = (_h = (_g = (_f = routerView\n .querySelector(\"#panel-two\")) === null || _f === void 0 ? void 0 : _f.querySelector(\"uuip-dynamic-widget\")) === null || _g === void 0 ? void 0 : _g.shadowRoot) === null || _h === void 0 ? void 0 : _h.querySelector(`#${selector}`);\n }\n }\n else {\n element = routerView.querySelector(`#${selector}`);\n }\n if (element) {\n if (!isMaximized) {\n element.style.display = \"none\";\n }\n else {\n element.style.display = \"block\";\n }\n return true;\n }\n }\n return false;\n};\nexport const isEmailOrChat = (store) => {\n return (store === null || store === void 0 ? void 0 : store.mediaType) === MediaType.Email || (store === null || store === void 0 ? void 0 : store.mediaType) === MediaType.Chat;\n};\nexport const fetchTeamDataById = (orgId, page, agentDbId, searchTerm = \"\", teamId = \"\") => __awaiter(void 0, void 0, void 0, function* () {\n try {\n const params = {\n orgId,\n page,\n search: searchTerm,\n pageSize: 50,\n customFilter: teamId !== \"\" ? `userId==\"${agentDbId}\";id==\"${teamId}\"` : `userId==\"${agentDbId}\"`\n };\n return yield SERVICE.abs.fetchPaginatedTeamsList(params);\n }\n catch (error) {\n logger.error(\"event=fetchTeams | Error on fetching Teams List in Station Login Module\", error);\n throw error;\n }\n});\n","import { t } from \"@/mixins/i18nMixin\";\nimport { createLogger } from \"@/sdk\";\nimport { STORE } from \"@/store\";\nimport { isComputedProp, isObservableProp, reaction } from \"mobx\";\nconst logger = createLogger(\"[UtilsDynamic]\");\nclass UtilsDynamic {\n constructor() {\n this.storeDataProvider = (k, upd) => {\n const s = k.split(\".\");\n const isStore = s[0] === \"$STORE\" && s.length > 1;\n const isI18N = s[0] === \"$I18N\" && s.length > 1;\n if (isI18N) {\n s.shift();\n const key = s.join(\".\");\n return { value: t(key) };\n }\n if (isStore) {\n const pName = s[s.length - 1];\n let pObj = STORE;\n for (let i = 1; i < s.length - 1; i++) {\n if (s[i] in pObj) {\n pObj = pObj[s[i]];\n }\n else {\n pObj = undefined;\n break;\n }\n }\n if (pObj && pName in pObj && pObj[pName] !== undefined) {\n let dispose;\n if (isObservableProp(pObj, pName)) {\n dispose = reaction(() => pObj[pName], (x) => upd(x));\n }\n else {\n // TODO - it will work with computed property\n // but Rost should check all MobX cases, combinations and nesting\n let pObj2 = STORE;\n for (let i = 1; i < s.length - 1; i++) {\n if (s[i] in pObj2) {\n pObj2 = pObj2[s[i]];\n if (isComputedProp(pObj2, s[i + 1])) {\n const propName = s[i + 2];\n dispose = reaction(() => pObj2[s[i + 1]], (x) => (x && x[propName] ? upd(x[propName]) : null));\n break;\n }\n }\n else {\n break;\n }\n }\n }\n return { value: pObj[pName], dispose };\n }\n else {\n logger.info(`dataProvider: Can't find ${k}`);\n }\n }\n return { value: k };\n };\n }\n}\nexport const UTILS_DYNAMIC = new UtilsDynamic();\n","import { logger } from \"./Utils\";\nconst NOT_RESPONSIVE = \"NOT_RESPONSIVE\";\nconst TAB_PANEL = \"md-tab-panel\";\nconst EMPTY_STATE_COMP = \"empty-responsive-widget\";\nconst EMPTY_LAYOUT = {\n id: \"dw-empty-navigation\",\n widgets: {\n emptyComp: {\n comp: \"empty-responsive-widget\"\n }\n },\n layout: {\n areas: [[\"emptyComp\"]],\n size: {\n cols: [1],\n rows: [1]\n }\n }\n};\nconst DEFAULT_PANEL_COMP = {\n comp: \"md-tabs\",\n attributes: { class: \"widget-tabs\" }\n};\nexport const isPanelEmpty = (configObj) => {\n return configObj.comp === EMPTY_STATE_COMP;\n};\nexport const getDefaultPanelComp = () => {\n return DEFAULT_PANEL_COMP;\n};\nconst getEmptyLayoutComp = () => {\n return EMPTY_LAYOUT.widgets.emptyComp;\n};\nconst makeWidgetsLayoutAreaInSingleColumn = (componentArea) => {\n const respLayoutArea = [], respRows = [];\n for (const widget of Object.keys(componentArea.widgets)) {\n respLayoutArea.push([widget]);\n respRows.push(1);\n }\n if (respLayoutArea.length > 0) {\n if (componentArea.layout.areas) {\n componentArea.layout.areas = respLayoutArea;\n componentArea.layout.size.rows = respRows;\n componentArea.layout.size.cols.length = 1;\n }\n else if (componentArea.layout.ROOT) {\n componentArea.layout = {};\n componentArea.layout.areas = respLayoutArea;\n componentArea.layout.size = { rows: respRows, cols: [1] };\n }\n }\n return componentArea;\n};\nconst checkForResponsiveness = (component) => {\n return !((component.visibility !== undefined && component.visibility === NOT_RESPONSIVE) ||\n (component.responsive !== undefined && component.responsive === false));\n};\nconst filterResponsiveChildrenComponents = (componentList) => {\n return componentList === null || componentList === void 0 ? void 0 : componentList.filter((component) => {\n return checkForResponsiveness(component);\n });\n};\nconst filterResponsiveWidgetComponents = (widgetsObj) => {\n for (const widget in widgetsObj.widgets) {\n if (checkForResponsiveness(widgetsObj.widgets[widget]) === false) {\n delete widgetsObj.widgets[widget];\n }\n }\n};\nconst getEmptyComponentInTabPanel = (component) => {\n var _a;\n if (((_a = component.children) === null || _a === void 0 ? void 0 : _a.length) === 0 && component.comp === TAB_PANEL) {\n component.children.push(getEmptyLayoutComp());\n }\n};\nconst addComponentToUnresponsiveList = (component, unresponsiveList) => {\n var _a, _b, _c, _d, _e;\n if (((_a = component.children) === null || _a === void 0 ? void 0 : _a.length) === 0 ||\n (((_c = (_b = component.properties) === null || _b === void 0 ? void 0 : _b.area) === null || _c === void 0 ? void 0 : _c.widgets) && Object.keys((_e = (_d = component.properties) === null || _d === void 0 ? void 0 : _d.area) === null || _e === void 0 ? void 0 : _e.widgets).length === 0)) {\n unresponsiveList.push(component);\n }\n};\nconst removeUnresponsiveChildrenComponent = (widgetChildren) => {\n var _a;\n let responsiveWidgetChildren = filterResponsiveChildrenComponents(widgetChildren);\n if ((responsiveWidgetChildren === null || responsiveWidgetChildren === void 0 ? void 0 : responsiveWidgetChildren.length) > 0) {\n const unresponsiveComponentList = [];\n for (const component of responsiveWidgetChildren) {\n if (component.children && component.children.length > 0) {\n component.children = removeUnresponsiveChildrenComponent(component.children);\n getEmptyComponentInTabPanel(component);\n addComponentToUnresponsiveList(component, unresponsiveComponentList);\n }\n if ((_a = component === null || component === void 0 ? void 0 : component.properties) === null || _a === void 0 ? void 0 : _a.area) {\n // eslint-disable-next-line @typescript-eslint/no-use-before-define\n removeUnresponsiveWidgetComponent(component.properties.area);\n addComponentToUnresponsiveList(component, unresponsiveComponentList);\n }\n }\n responsiveWidgetChildren = responsiveWidgetChildren.filter((component) => {\n return unresponsiveComponentList.indexOf(component) === -1;\n });\n return responsiveWidgetChildren;\n }\n else {\n return responsiveWidgetChildren;\n }\n};\nconst removeUnresponsiveWidgetComponent = (navPageObj) => {\n var _a, _b, _c, _d, _e, _f, _g;\n filterResponsiveWidgetComponents(navPageObj);\n if (navPageObj.widgets) {\n for (const widget in navPageObj.widgets) {\n const widgetChildren = (_a = navPageObj.widgets[widget]) === null || _a === void 0 ? void 0 : _a.children;\n if (widgetChildren && widgetChildren.length > 0) {\n navPageObj.widgets[widget].children = removeUnresponsiveChildrenComponent(navPageObj.widgets[widget].children);\n if (!navPageObj.widgets[widget].children.length) {\n delete navPageObj.widgets[widget];\n }\n }\n const componentAreaWidget = (_d = (_c = (_b = navPageObj.widgets[widget]) === null || _b === void 0 ? void 0 : _b.properties) === null || _c === void 0 ? void 0 : _c.area) === null || _d === void 0 ? void 0 : _d.widgets;\n if (componentAreaWidget) {\n removeUnresponsiveWidgetComponent(navPageObj.widgets[widget].properties.area);\n if (Object.keys((_g = (_f = (_e = navPageObj.widgets[widget]) === null || _e === void 0 ? void 0 : _e.properties) === null || _f === void 0 ? void 0 : _f.area) === null || _g === void 0 ? void 0 : _g.widgets).length === 0) {\n delete navPageObj.widgets[widget];\n }\n }\n }\n }\n return makeWidgetsLayoutAreaInSingleColumn(navPageObj);\n};\nexport const updatePanelResponsiveLayout = (configObj) => {\n var _a;\n const responsivePanelObj = JSON.parse(JSON.stringify(configObj));\n responsivePanelObj.children = removeUnresponsiveChildrenComponent(responsivePanelObj.children);\n if (((_a = responsivePanelObj.children) === null || _a === void 0 ? void 0 : _a.length) === 0) {\n return getEmptyLayoutComp();\n }\n return responsivePanelObj;\n};\nexport const updatePersistentResponsiveLayout = (configObjList) => {\n const responsivePersistentObjList = JSON.parse(JSON.stringify(configObjList));\n return removeUnresponsiveChildrenComponent(responsivePersistentObjList);\n};\nexport const updateNavigationResponsiveLayout = (configObj) => {\n const responsiveNavObj = JSON.parse(JSON.stringify(configObj));\n for (const navItem in responsiveNavObj) {\n if (responsiveNavObj[navItem].nav.isResponsive === false) {\n responsiveNavObj[navItem].page = EMPTY_LAYOUT;\n continue;\n }\n try {\n removeUnresponsiveWidgetComponent(responsiveNavObj[navItem].page);\n }\n catch (_a) {\n logger.info(\"Update nav for responsive layout failed for nav index : \", navItem, \"nav page : \", responsiveNavObj[navItem].page);\n }\n if (Object.keys(responsiveNavObj[navItem].page.widgets).length === 0) {\n responsiveNavObj[navItem].page = EMPTY_LAYOUT;\n }\n }\n return responsiveNavObj;\n};\nexport const updateHomepageResponsiveLayout = (homapageObj) => {\n const responsiveNavObj = JSON.parse(JSON.stringify(homapageObj));\n if (responsiveNavObj.nav.isResponsive === false) {\n responsiveNavObj.page = EMPTY_LAYOUT;\n }\n else {\n try {\n removeUnresponsiveWidgetComponent(responsiveNavObj.page);\n }\n catch (_a) {\n logger.info(\"Update nav for responsive layout failed for homepage : \", responsiveNavObj.nav, \"nav page : \", responsiveNavObj.page);\n }\n if (Object.keys(responsiveNavObj.page.widgets).length === 0) {\n responsiveNavObj.page = EMPTY_LAYOUT;\n }\n }\n return responsiveNavObj;\n};\n","var __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};\nimport { STORE } from \"@/store\";\nimport { SERVICE } from \"@agentx/agentx-services\";\nimport { MicrophoneAccessStatus } from \"../components/constants\";\nimport { logger } from \"./Utils\";\nexport const handlePermissionUpdate = () => __awaiter(void 0, void 0, void 0, function* () {\n navigator.permissions\n .query({ name: \"microphone\" })\n .then((permissionStatus) => {\n logger.info(`[WebRtc] microphone permission state is ${permissionStatus.state}`);\n STORE.agent.updateMediaPermission(permissionStatus.state);\n // listen microphone permission change\n permissionStatus.onchange = () => {\n logger.info(`[WebRtc] microphone updated permission state is ${permissionStatus.state}`);\n STORE.agent.updateMediaPermission(permissionStatus.state);\n };\n })\n .catch((err) => {\n logger.error(\"[WebRtc] microphone permission denied\", err);\n STORE.agent.updateMediaPermission(MicrophoneAccessStatus.denied);\n });\n});\nexport const checkNeedsWebexRegister = () => __awaiter(void 0, void 0, void 0, function* () {\n var _a, _b;\n if (!((_a = SERVICE.webex) === null || _a === void 0 ? void 0 : _a.webexInitializedStatus())) {\n yield ((_b = SERVICE.webex) === null || _b === void 0 ? void 0 : _b.registerWebex(STORE.app.isEnvironmentProd));\n }\n});\nexport const registerWebCalling = (domainUrl) => __awaiter(void 0, void 0, void 0, function* () {\n try {\n // Firefox does not support navigator.permissions.query for microphone\n // encouraged to use navigator.mediaDevices.getUserMedia instead\n // https://bugzilla.mozilla.org/show_bug.cgi?id=1609427#:~:text=There%27s%20no%20way%20for%20us,impossible%20to%20implement%20on%20Firefox.\n // https://github.com/mozilla/standards-positions/issues/19#issuecomment-370158947\n if (!navigator.userAgent.includes(\"Firefox\")) {\n handlePermissionUpdate();\n }\n const mediaStream = yield navigator.mediaDevices.getUserMedia({ audio: true });\n if (mediaStream) {\n logger.info(\"[WebRtc] : Microphone access granted!\");\n STORE.agent.updateMediaPermission(MicrophoneAccessStatus.granted);\n SERVICE.webCalling.registerWebCalling(domainUrl);\n mediaStream.getTracks().forEach((track) => track.stop());\n }\n else {\n STORE.agent.updateMediaPermission(MicrophoneAccessStatus.denied);\n }\n }\n catch (error) {\n logger.error(\"[WebRtc] : Microphone access denied!\", error);\n STORE.agent.updateMediaPermission(MicrophoneAccessStatus.denied);\n }\n});\n","import { SERVICE } from \"@agentx/agentx-services\";\nimport { STORE } from \"@/store\";\nimport { logger } from \"./Utils\";\nimport { Notifications } from \"@uuip/unified-ui-platform-sdk\";\nimport { t } from \"@/mixins/i18nMixin\";\nimport webexImg from \"@img/teams-icon-color.svg\";\nimport { ToasterNotificationItemContent } from \"@uuip/unified-ui-platform-common-components\";\nimport { html } from \"lit-html\";\nconst webexNotificationType = \"webex_message\";\nconst clickHandler = () => {\n STORE.app.updateWebexShowModal(true);\n STORE.app.updateWebexMinimized(false);\n localStorage.setItem(\"webex-show-modal\", \"true\");\n localStorage.setItem(\"webex-minimize-modal\", \"false\");\n};\n// allow notification's for Webex\nconst allowNotification = () => {\n return (STORE.app.webexEnabled &&\n !STORE.app.webexDndEnabled &&\n (!STORE.app.webexShowModal || (STORE.app.webexShowModal && STORE.app.webexMinimized)));\n};\nexport const subscribeToWebexEvents = () => {\n // Subscribe to all the webex events here from SERVICE and show notifications\n SERVICE.webex.onNewMessage.listen((message) => {\n if (message.sentBy !== STORE.agent.agentEmailId && allowNotification()) {\n logger.info(\"event=webexNewMessageReceived | New Message : \", message);\n const notificationData = {\n type: Notifications.ItemMeta.Type.Chat,\n mode: Notifications.ItemMeta.Mode.AutoDismiss,\n title: t(\"app:notifications.newChatMessageTitle\") + message.displayName,\n data: new ToasterNotificationItemContent.DataController({\n type: webexNotificationType,\n text: message.hasAttachments\n ? t(\"app:notifications.newChatAttachmentData\")\n : message.text\n ? message.text\n : \"\",\n iconDetail: {\n iconUrl: webexImg\n },\n clickHandler,\n taskId: message.id\n })\n };\n STORE.generalNotifications.fireNotificationEvent(notificationData);\n setTimeout(() => {\n STORE.generalNotifications.deactivateReadMessagesFromNotifications(message.id);\n }, 9000);\n }\n });\n SERVICE.webex.onWebexChatActionDone.listen((data) => {\n const bgColor = \"var(--alert-default-bg-color)\";\n if (data.status) {\n const notificationData = {\n type: Notifications.ItemMeta.Type.Chat,\n mode: Notifications.ItemMeta.Mode.AutoDismiss,\n title: t(\"app:notifications.webexChatTPWSuccessTitle\"),\n data: new ToasterNotificationItemContent.DataController({\n text: \"\",\n iconDetail: {\n iconName: \"icon-info_20\",\n iconColor: \"#00A0D1\",\n bgColor\n }\n })\n };\n STORE.generalNotifications.fireNotificationEvent(notificationData);\n }\n else {\n const notificationData = {\n type: Notifications.ItemMeta.Type.Chat,\n mode: Notifications.ItemMeta.Mode.AutoDismiss,\n title: t(\"app:notifications.webexChatTPWErrorTitle\"),\n data: new ToasterNotificationItemContent.DataController({\n text: t(\"app:notifications.webexChatTPWErrorSubTitle\"),\n iconDetail: {\n iconName: \"icon-warning_20\",\n iconColor: \"#A12512\",\n bgColor\n }\n })\n };\n STORE.generalNotifications.fireNotificationEvent(notificationData);\n }\n });\n const webexFloatingNotification = (id, notificationTitle, text) => {\n return {\n type: Notifications.ItemMeta.Type.Chat,\n mode: Notifications.ItemMeta.Mode.AutoDismiss,\n title: notificationTitle,\n data: new ToasterNotificationItemContent.DataController({\n type: webexNotificationType,\n text,\n iconDetail: {\n iconUrl: webexImg\n },\n clickHandler,\n taskId: id\n })\n };\n };\n const getNotificationTitle = (event) => {\n if (event.isScheduledMeeting) {\n return `${event.participantName}`;\n }\n return event.meetingType === SERVICE.constants.WebexConstants.CALL\n ? `${t(\"app:notifications.newWebexIncomingCall\")} ${event.participantName}`\n : `${t(\"app:notifications.newWebexIncomingMeeting\")} ${event.participantName}`;\n };\n const getNotificationText = (event) => {\n if (event.isScheduledMeeting) {\n return event.meetingInMinutes && event.meetingInMinutes > 0\n ? `${t(\"app:common.in\")} ${event.meetingInMinutes} ${t(\"app:common.minutes\")}`\n : `${t(\"app:common.now\")}`;\n }\n return html ` \n
- \n
- ${t(\"app:rona.requestNotAnswered\")} \n
- ${checkRonaReason(interaction)} \n