@webex/cc-components 1.28.0-ccwidgets.37 → 1.28.0-ccwidgets.39

package/dist/index.js

@@ -1706,14 +1706,14 @@ eval("var $51588fd411aace25$exports = __webpack_require__(/*! ./CollectionBuilde
 
 /***/ }),
 
-/***/ "../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./src/components/OutdialCall/out-dial-call.styles.scss":
+/***/ "../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./src/components/StationLogin/station-login.style.scss":
 /*!*********************************************************************************************************************************************************!*\
-  !*** ../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./src/components/OutdialCall/out-dial-call.styles.scss ***!
+  !*** ../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./src/components/StationLogin/station-login.style.scss ***!
   \*********************************************************************************************************************************************************/
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/api.js */ \"../../../node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.out-dial-call-box {\n  position: relative;\n  width: 100%;\n  background-color: var(--mds-color-theme-background-primary-normal);\n  border-radius: 0.5rem;\n  box-shadow: var(--mds-shadow-2);\n  padding: 1.25rem;\n  max-width: 50rem;\n}\n\n.out-dial-call-section-box {\n  padding: 0.625rem;\n}\n\n.out-dial-call-fieldset {\n  border: 1px solid var(--mds-color-theme-outline-secondary-normal);\n  border-radius: 0.325rem;\n  padding: 0.625rem;\n  margin-bottom: 1.25rem;\n}\n\n.out-dial-call-legend-box {\n  font-weight: bold;\n  color: var(--mds-color-theme-text-primary-normal);\n}\n\n.keypad {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  background: var(--mds-color-theme-background-secondary-normal);\n  padding: 1.25rem;\n  border-radius: 0.625rem;\n  width: 15.625rem;\n}\n.keypad input {\n  width: 100%;\n  padding: 0.625rem;\n  text-align: center;\n  font-size: 1.125rem;\n  margin-bottom: 0.625rem;\n  background: var(--mds-color-theme-background-primary-normal);\n  border: 1px solid var(--mds-color-theme-outline-secondary-normal);\n  border-radius: 0.25rem;\n  color: var(--mds-color-theme-text-primary-normal);\n}\n.keypad .keys {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 0.625rem;\n}\n.keypad .key {\n  width: 3.75rem;\n  height: 3.75rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--mds-color-theme-background-primary-normal);\n  color: var(--mds-color-theme-text-primary-normal);\n  font-size: 1.25rem;\n  border-radius: 50%;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n}\n.keypad .key:hover {\n  background: var(--mds-color-theme-background-primary-hover);\n}\n.keypad .key:active {\n  background: var(--mds-color-theme-background-primary-active);\n}\n\n.out-dial-call-btn {\n  margin-top: 0.625rem;\n  background: var(--mds-color-theme-background-alert-success-normal);\n  color: var(--mds-color-theme-text-primary-normal);\n  padding: 0.625rem 1.25rem;\n  border-radius: 50%;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n}\n.out-dial-call-btn:hover {\n  background: var(--mds-color-theme-background-alert-success-hover);\n}\n.out-dial-call-btn:active {\n  background: var(--mds-color-theme-background-alert-success-active);\n}`, \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://@webex/cc-components/./src/components/OutdialCall/out-dial-call.styles.scss?../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/api.js */ \"../../../node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.box.station-login {\n  border-radius: 8px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n  padding: 20px;\n  max-width: 800px;\n  margin: 0 auto;\n}\n.box.station-login .section-box {\n  padding: 10px;\n  border-radius: 8px;\n  border: none !important;\n}\n.box.station-login .fieldset {\n  border-radius: 5px;\n  border: none !important;\n  margin-bottom: 0 !important;\n}\n.box.station-login .btn-container {\n  padding: 10px;\n}\n.box.station-login .btn-container button {\n  margin-left: auto;\n}\n.box.station-login .modal {\n  width: 400px;\n  border: none;\n  border-radius: 10px;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n  padding: 20px;\n  text-align: center;\n}\n.box.station-login .modal-content {\n  display: flex;\n  justify-content: flex-end;\n}\n.box.station-login .modal::backdrop {\n  background: rgba(0, 0, 0, 0.5);\n}\n.box.station-login h2 {\n  margin-top: 0;\n}\n.box.station-login #ContinueButton {\n  background-color: #0078d4;\n  color: white;\n  border: none;\n  padding: 10px 20px;\n  border-radius: 5px;\n  cursor: pointer;\n  font-size: 16px;\n  cursor: pointer;\n}\n.box.station-login #ContinueButton:hover {\n  background-color: #005a9e;\n}\n\n.select-arrow-icon {\n  position: absolute;\n  right: 1rem; /* Adjusted to leave space for the arrow icon */\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  pointer-events: none;\n  z-index: 1;\n}\n\n.select-container {\n  position: relative;\n  width: 100%; /* Ensure the select trigger takes the full width of its parent */\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.station-login-select {\n  width: 100%;\n}\n\n.md-text-input-wrapper .md-text-input-container {\n  border: 0.0625rem solid var(--mds-color-theme-outline-input-normal) !important;\n}`, \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://@webex/cc-components/./src/components/StationLogin/station-login.style.scss?../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js");
 
 /***/ }),
 
@@ -1728,6 +1728,50 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 
 /***/ }),
 
+/***/ "../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./src/components/task/CallControl/call-control.styles.scss":
+/*!*************************************************************************************************************************************************************!*\
+  !*** ../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./src/components/task/CallControl/call-control.styles.scss ***!
+  \*************************************************************************************************************************************************************/
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../node_modules/css-loader/dist/runtime/api.js */ \"../../../node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.tooltip.md-modal-container-wrapper {\n  color: var(--mds-color-theme-inverted-text-primary-normal);\n  background-color: var(--mds-color-theme-inverted-background-normal) !important;\n}\n\n.tooltip .md-modal-container-arrow-wrapper .md-modal-arrow-svg path {\n  fill: var(--mds-color-theme-inverted-background-normal) !important;\n}\n\n.call-control-container {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n}\n.call-control-container .md-select-dropdown-input {\n  flex-grow: 1;\n  display: flex;\n  border: 0.0625rem;\n  align-self: flex-start;\n}\n\n.button-group {\n  display: flex;\n  gap: 0.5rem; /* Reduced gap between buttons/tooltips */\n  margin-top: 1rem;\n}\n\n.wrapup-group {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem; /* Reduced gap between select and button */\n  margin-top: 1rem;\n}\n\n.wrapup-name {\n  color: var(--mds-color-theme-text-primary-normal);\n}\n\n.wrapup-select {\n  flex-grow: 1;\n  padding: 0.5rem;\n  margin-top: 0.5rem;\n  margin-bottom: 0.75rem;\n  border: 0.0625rem solid #ccc;\n  border-radius: 0.25rem;\n  align-self: flex-start;\n}\n\n.wrapup-select-arrow-icon {\n  position: absolute;\n  right: 1.5rem; /* Adjusted to leave space for the arrow icon */\n  top: 55%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  pointer-events: none;\n  z-index: 1;\n}\n\n.submit-wrapup-button {\n  align-self: flex-end;\n}\n\n.wrapup-header {\n  margin-bottom: 0.7rem;\n  align-self: flex-start;\n}\n\n.md-select-wrapper {\n  display: flex;\n  align-items: flex-start;\n  flex-direction: column;\n  border: 0;\n}\n\n[id*=tippy] {\n  border: 0.0625rem solid var(--mds-color-theme-outline-input-normal);\n  background-color: var(--mds-color-theme-background-glass-overlay-normal);\n  border-radius: 0.5rem;\n}\n\n.md-button-circle-wrapper.call-control-button {\n  background-color: var(--mds-color-theme-button-secondary-normal);\n  border: 1px solid var(--mds-color-theme-outline-button-normal);\n}\n.md-button-circle-wrapper.call-control-button:hover, .md-button-circle-wrapper.call-control-button.hover {\n  background-color: var(--mds-color-theme-button-secondary-hover);\n}\n\n.md-button-circle-wrapper.call-control-button-cancel {\n  background-color: var(--mds-color-theme-button-cancel-normal);\n  border: 0.0625rem solid var(--mds-color-theme-background-secondary-normal);\n}\n.md-button-circle-wrapper.call-control-button-cancel:hover, .md-button-circle-wrapper.call-control-button-cancel.hover {\n  background-color: var(--mds-color-theme-button-cancel-hover);\n}\n\n.call-control-button-icon {\n  --mdc-icon-fill-color: var(--mds--color-theme-button-secondary-normal);\n}\n\n.wrapup-button {\n  display: inline-flex;\n  justify-content: center;\n  width: 8rem;\n  background-color: var(--mds-color-theme-button-secondary-normal);\n  border: 0.0625rem solid var(--mds-color-theme-outline-button-normal);\n  color: var(--mds-color-theme-text-primary-normal);\n}\n.wrapup-button:hover, .wrapup-button.hover {\n  background-color: var(--mds-color-theme-button-secondary-normal);\n  color: var(--mds-color-theme-text-primary-normal);\n}\n\n.agent-popover .agent-popover-content {\n  display: flex;\n  flex-direction: column;\n  padding: 1rem 0.5rem 0.5rem 1rem;\n  width: 30rem;\n  height: 25rem;\n  gap: 0.25rem;\n}\n.agent-popover .agent-popover-content .agent-popover-title {\n  margin: 0 0 0 0;\n  margin-bottom: 1rem;\n  text-align: left;\n}\n.agent-popover .agent-popover-content .agent-agent-item {\n  padding: 0.5rem;\n  cursor: pointer;\n  border-radius: 0.25rem;\n}\n.agent-popover .agent-popover-content .agent-agent-item:hover {\n  background-color: var(--mds-color-theme-background-secondary-hover);\n}\n.agent-popover .agent-tablist {\n  margin-bottom: 1rem;\n}\n.agent-popover .agent-tablist .agent-tab {\n  margin: 0 !important;\n}\n.agent-popover .agent-agent-list {\n  margin-left: 0;\n  margin-bottom: 1rem;\n}\n\n.call-control-list-item .hover-button {\n  opacity: 0;\n  transition: opacity 0.3s;\n  pointer-events: none;\n}\n\n.call-control-list-item:hover .hover-button {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.custom-text {\n  margin: 0 !important;\n  line-height: 1 !important;\n}`, \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://@webex/cc-components/./src/components/task/CallControl/call-control.styles.scss?../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js");
+
+/***/ }),
+
+/***/ "../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./src/components/task/OutdialCall/outdial-call.style.scss":
+/*!************************************************************************************************************************************************************!*\
+  !*** ../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./src/components/task/OutdialCall/outdial-call.style.scss ***!
+  \************************************************************************************************************************************************************/
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../node_modules/css-loader/dist/runtime/api.js */ \"../../../node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.out-dial-call-box {\n  position: relative;\n  width: 100%;\n  background-color: var(--mds-color-theme-background-primary-normal);\n  border-radius: 0.5rem;\n  box-shadow: var(--mds-shadow-2);\n  padding: 1.25rem;\n  max-width: 50rem;\n}\n\n.out-dial-call-section-box {\n  padding: 0.625rem;\n}\n\n.out-dial-call-fieldset {\n  border: 1px solid var(--mds-color-theme-outline-secondary-normal);\n  border-radius: 0.325rem;\n  padding: 0.625rem;\n  margin-bottom: 1.25rem;\n}\n\n.out-dial-call-legend-box {\n  font-weight: bold;\n  color: var(--mds-color-theme-text-primary-normal);\n}\n\n.keypad {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  background: var(--mds-color-theme-background-secondary-normal);\n  padding: 1.25rem;\n  border-radius: 0.625rem;\n  width: 15.625rem;\n}\n.keypad input {\n  width: 100%;\n  padding: 0.625rem;\n  text-align: center;\n  font-size: 1.125rem;\n  margin-bottom: 0.625rem;\n  background: var(--mds-color-theme-background-primary-normal);\n  border: 1px solid var(--mds-color-theme-outline-secondary-normal);\n  border-radius: 0.25rem;\n  color: var(--mds-color-theme-text-primary-normal);\n}\n.keypad .keys {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 0.625rem;\n}\n.keypad .key {\n  width: 3.75rem;\n  height: 3.75rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--mds-color-theme-background-primary-normal);\n  color: var(--mds-color-theme-text-primary-normal);\n  font-size: 1.25rem;\n  border-radius: 50%;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n}\n.keypad .key:hover {\n  background: var(--mds-color-theme-background-primary-hover);\n}\n.keypad .key:active {\n  background: var(--mds-color-theme-background-primary-active);\n}\n\n.out-dial-call-btn {\n  margin-top: 0.625rem;\n  background: var(--mds-color-theme-background-alert-success-normal);\n  color: var(--mds-color-theme-text-primary-normal);\n  padding: 0.625rem 1.25rem;\n  border-radius: 50%;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n}\n.out-dial-call-btn:hover {\n  background: var(--mds-color-theme-background-alert-success-hover);\n}\n.out-dial-call-btn:active {\n  background: var(--mds-color-theme-background-alert-success-active);\n}`, \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://@webex/cc-components/./src/components/task/OutdialCall/outdial-call.style.scss?../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js");
+
+/***/ }),
+
+/***/ "../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./src/components/task/Task/styles.scss":
+/*!*****************************************************************************************************************************************!*\
+  !*** ../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./src/components/task/Task/styles.scss ***!
+  \*****************************************************************************************************************************************/
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../node_modules/css-loader/dist/runtime/api.js */ \"../../../node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:root {\n  --mds-color-theme-avatar-glass-normal: rgba(0, 0, 0, 0.07);\n}\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --mds-color-theme-avatar-glass-normal: rgba(255, 255, 255, 0.07);\n  }\n}\n.task-list-item {\n  display: flex;\n  padding: 0.5rem 0.75rem;\n  align-items: center;\n  align-self: stretch;\n  height: 5rem !important;\n}\n.task-list-item mdc-avatar {\n  --mdc-avatar-default-background-color: var(--mds-color-theme-avatar-glass-normal);\n  --mdc-avatar-default-foreground-color: var(--mds-color-theme-indicator-stable);\n}\n\n.task-text {\n  color: var(--mds-color-theme-text-secondary-normal);\n}\n\n.task-list-item--selected {\n  background: var(--mds-color-theme-background-primary-active);\n}\n.task-list-item--selected mdc-avatar {\n  --mdc-avatar-default-background-color: var(--mds-color-theme-avatar-glass-active, rgba(255, 255, 255, 0.8));\n}`, \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://@webex/cc-components/./src/components/task/Task/styles.scss?../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js");
+
+/***/ }),
+
+/***/ "../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./src/components/task/TaskList/styles.scss":
+/*!*********************************************************************************************************************************************!*\
+  !*** ../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./src/components/task/TaskList/styles.scss ***!
+  \*********************************************************************************************************************************************/
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../node_modules/css-loader/dist/runtime/api.js */ \"../../../node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.task-list {\n  align-self: stretch;\n  padding-inline-start: 0;\n  margin-block: 0;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  width: 100%;\n  list-style-type: none;\n}`, \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://@webex/cc-components/./src/components/task/TaskList/styles.scss?../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js");
+
+/***/ }),
+
 /***/ "../../../node_modules/css-loader/dist/runtime/api.js":
 /*!************************************************************!*\
   !*** ../../../node_modules/css-loader/dist/runtime/api.js ***!
@@ -1750,14 +1794,14 @@ eval("\n\nmodule.exports = function (i) {\n  return i[1];\n};\n\n//# sourceURL=w
 
 /***/ }),
 
-/***/ "./src/components/OutdialCall/out-dial-call.styles.scss":
+/***/ "./src/components/StationLogin/station-login.style.scss":
 /*!**************************************************************!*\
-  !*** ./src/components/OutdialCall/out-dial-call.styles.scss ***!
+  !*** ./src/components/StationLogin/station-login.style.scss ***!
   \**************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ \"../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ \"../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ \"../../../node_modules/style-loader/dist/runtime/insertBySelector.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ \"../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ \"../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ \"../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_out_dial_call_styles_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../../../../node_modules/css-loader/dist/cjs.js!../../../../../../node_modules/sass-loader/dist/cjs.js!./out-dial-call.styles.scss */ \"../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./src/components/OutdialCall/out-dial-call.styles.scss\");\n\n      \n      \n      \n      \n      \n      \n      \n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());\noptions.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());\noptions.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, \"head\");\noptions.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());\noptions.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());\n\nvar update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_out_dial_call_styles_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"], options);\n\n\n\n\n       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_out_dial_call_styles_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"] && _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_out_dial_call_styles_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals ? _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_out_dial_call_styles_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals : undefined);\n\n\n//# sourceURL=webpack://@webex/cc-components/./src/components/OutdialCall/out-dial-call.styles.scss?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ \"../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ \"../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ \"../../../node_modules/style-loader/dist/runtime/insertBySelector.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ \"../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ \"../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ \"../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_station_login_style_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../../../../node_modules/css-loader/dist/cjs.js!../../../../../../node_modules/sass-loader/dist/cjs.js!./station-login.style.scss */ \"../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./src/components/StationLogin/station-login.style.scss\");\n\n      \n      \n      \n      \n      \n      \n      \n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());\noptions.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());\noptions.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, \"head\");\noptions.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());\noptions.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());\n\nvar update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_station_login_style_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"], options);\n\n\n\n\n       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_station_login_style_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"] && _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_station_login_style_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals ? _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_station_login_style_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals : undefined);\n\n\n//# sourceURL=webpack://@webex/cc-components/./src/components/StationLogin/station-login.style.scss?");
 
 /***/ }),
 
@@ -1772,6 +1816,50 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 
 /***/ }),
 
+/***/ "./src/components/task/CallControl/call-control.styles.scss":
+/*!******************************************************************!*\
+  !*** ./src/components/task/CallControl/call-control.styles.scss ***!
+  \******************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ \"../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ \"../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../../../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ \"../../../node_modules/style-loader/dist/runtime/insertBySelector.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ \"../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ \"../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ \"../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_call_control_styles_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../../../../../node_modules/css-loader/dist/cjs.js!../../../../../../../node_modules/sass-loader/dist/cjs.js!./call-control.styles.scss */ \"../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./src/components/task/CallControl/call-control.styles.scss\");\n\n      \n      \n      \n      \n      \n      \n      \n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());\noptions.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());\noptions.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, \"head\");\noptions.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());\noptions.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());\n\nvar update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_call_control_styles_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"], options);\n\n\n\n\n       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_call_control_styles_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"] && _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_call_control_styles_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals ? _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_call_control_styles_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals : undefined);\n\n\n//# sourceURL=webpack://@webex/cc-components/./src/components/task/CallControl/call-control.styles.scss?");
+
+/***/ }),
+
+/***/ "./src/components/task/OutdialCall/outdial-call.style.scss":
+/*!*****************************************************************!*\
+  !*** ./src/components/task/OutdialCall/outdial-call.style.scss ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ \"../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ \"../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../../../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ \"../../../node_modules/style-loader/dist/runtime/insertBySelector.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ \"../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ \"../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ \"../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_outdial_call_style_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../../../../../node_modules/css-loader/dist/cjs.js!../../../../../../../node_modules/sass-loader/dist/cjs.js!./outdial-call.style.scss */ \"../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./src/components/task/OutdialCall/outdial-call.style.scss\");\n\n      \n      \n      \n      \n      \n      \n      \n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());\noptions.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());\noptions.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, \"head\");\noptions.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());\noptions.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());\n\nvar update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_outdial_call_style_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"], options);\n\n\n\n\n       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_outdial_call_style_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"] && _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_outdial_call_style_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals ? _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_outdial_call_style_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals : undefined);\n\n\n//# sourceURL=webpack://@webex/cc-components/./src/components/task/OutdialCall/outdial-call.style.scss?");
+
+/***/ }),
+
+/***/ "./src/components/task/Task/styles.scss":
+/*!**********************************************!*\
+  !*** ./src/components/task/Task/styles.scss ***!
+  \**********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ \"../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ \"../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../../../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ \"../../../node_modules/style-loader/dist/runtime/insertBySelector.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ \"../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ \"../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ \"../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_styles_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../../../../../node_modules/css-loader/dist/cjs.js!../../../../../../../node_modules/sass-loader/dist/cjs.js!./styles.scss */ \"../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./src/components/task/Task/styles.scss\");\n\n      \n      \n      \n      \n      \n      \n      \n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());\noptions.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());\noptions.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, \"head\");\noptions.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());\noptions.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());\n\nvar update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_styles_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"], options);\n\n\n\n\n       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_styles_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"] && _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_styles_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals ? _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_styles_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals : undefined);\n\n\n//# sourceURL=webpack://@webex/cc-components/./src/components/task/Task/styles.scss?");
+
+/***/ }),
+
+/***/ "./src/components/task/TaskList/styles.scss":
+/*!**************************************************!*\
+  !*** ./src/components/task/TaskList/styles.scss ***!
+  \**************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ \"../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ \"../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../../../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ \"../../../node_modules/style-loader/dist/runtime/insertBySelector.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ \"../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ \"../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ \"../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_styles_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../../../../../node_modules/css-loader/dist/cjs.js!../../../../../../../node_modules/sass-loader/dist/cjs.js!./styles.scss */ \"../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./src/components/task/TaskList/styles.scss\");\n\n      \n      \n      \n      \n      \n      \n      \n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());\noptions.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());\noptions.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, \"head\");\noptions.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());\noptions.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());\n\nvar update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_styles_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"], options);\n\n\n\n\n       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_styles_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"] && _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_styles_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals ? _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_styles_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals : undefined);\n\n\n//# sourceURL=webpack://@webex/cc-components/./src/components/task/TaskList/styles.scss?");
+
+/***/ }),
+
 /***/ "../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":
 /*!***********************************************************************************!*\
   !*** ../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js ***!
@@ -1838,14 +1926,36 @@ eval("\n\n/* istanbul ignore next  */\nfunction styleTagTransform(css, styleElem
 
 /***/ }),
 
-/***/ "./src/components/OutdialCall/out-dial-call.tsx":
-/*!******************************************************!*\
-  !*** ./src/components/OutdialCall/out-dial-call.tsx ***!
-  \******************************************************/
+/***/ "./src/components/StationLogin/constants.ts":
+/*!**************************************************!*\
+  !*** ./src/components/StationLogin/constants.ts ***!
+  \**************************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.MULTIPLE_SIGN_IN_ALERT_TITLE = exports.MULTIPLE_SIGN_IN_ALERT_MESSAGE = void 0;\nexports.MULTIPLE_SIGN_IN_ALERT_MESSAGE = 'You are signed in to the Desktop in multiple application instances. Click Continue to proceed with the Desktop in this application instance. Else, close this window.';\nexports.MULTIPLE_SIGN_IN_ALERT_TITLE = 'Multiple Sign In Alert';\n\n\n//# sourceURL=webpack://@webex/cc-components/./src/components/StationLogin/constants.ts?");
+
+/***/ }),
+
+/***/ "./src/components/StationLogin/station-login.tsx":
+/*!*******************************************************!*\
+  !*** ./src/components/StationLogin/station-login.tsx ***!
+  \*******************************************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\nvar __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    var desc = Object.getOwnPropertyDescriptor(m, k);\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\n      desc = { enumerable: true, get: function() { return m[k]; } };\n    }\n    Object.defineProperty(o, k2, desc);\n}) : (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    o[k2] = m[k];\n}));\nvar __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\n}) : function(o, v) {\n    o[\"default\"] = v;\n});\nvar __importStar = (this && this.__importStar) || function (mod) {\n    if (mod && mod.__esModule) return mod;\n    var result = {};\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\n    __setModuleDefault(result, mod);\n    return result;\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst react_1 = __importStar(__webpack_require__(/*! react */ \"react\"));\n__webpack_require__(/*! ./out-dial-call.styles.scss */ \"./src/components/OutdialCall/out-dial-call.styles.scss\");\nconst OutdialCallComponent = (props) => {\n    const { startOutdial } = props;\n    const [destination, setDestination] = (0, react_1.useState)('');\n    const updateOutboundNumber = (e) => {\n        var _a;\n        // Allow only valid input that is digits, #, *, and +\n        const VALID_KEYPAD_CHARS = /[\\d#*+]/g;\n        const filteredValue = ((_a = e.target.value.match(VALID_KEYPAD_CHARS)) === null || _a === void 0 ? void 0 : _a.join('')) || '';\n        setDestination(filteredValue);\n    };\n    // Function to press a key on the outdial keypad.\n    const handelKeyPress = (value) => {\n        setDestination((prev) => prev + value);\n    };\n    return (react_1.default.createElement(\"div\", { className: \"out-dial-call-box\" },\n        react_1.default.createElement(\"section\", { className: \"out-dial-call-section-box\" },\n            react_1.default.createElement(\"fieldset\", { className: \"out-dial-call-fieldset\" },\n                react_1.default.createElement(\"legend\", { className: \"out-dial-call-legend-box\" }, \"Outdial Call\"),\n                react_1.default.createElement(\"div\", { className: \"keypad\" },\n                    react_1.default.createElement(\"input\", { onChange: updateOutboundNumber, id: \"outBoundDialNumber\", placeholder: \"Enter number to dial\", value: destination }),\n                    react_1.default.createElement(\"div\", { className: \"keys\" }, ['1', '2', '3', '4', '5', '6', '7', '8', '9', '*', '0', '#'].map((key) => (react_1.default.createElement(\"div\", { key: key, className: \"key\", onClick: () => handelKeyPress(key) }, key)))),\n                    react_1.default.createElement(\"button\", { className: \"out-dial-call-btn\", onClick: () => startOutdial(destination) },\n                        react_1.default.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", height: \"24\", viewBox: \"0 0 24 24\", width: \"24\" },\n                            react_1.default.createElement(\"path\", { d: \"M6.62 10.79a15.053 15.053 0 006.59 6.59l2.2-2.2a1 1 0 011.11-.27c1.12.45 2.33.69 3.58.69a1 1 0 011 1v3.5a1 1 0 01-1 1C10.29 21 3 13.71 3 4.5a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.24 2.46.69 3.58a1 1 0 01-.27 1.11l-2.2 2.2z\" }))))))));\n};\nexports[\"default\"] = OutdialCallComponent;\n\n\n//# sourceURL=webpack://@webex/cc-components/./src/components/OutdialCall/out-dial-call.tsx?");
+eval("\nvar __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    var desc = Object.getOwnPropertyDescriptor(m, k);\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\n      desc = { enumerable: true, get: function() { return m[k]; } };\n    }\n    Object.defineProperty(o, k2, desc);\n}) : (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    o[k2] = m[k];\n}));\nvar __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\n}) : function(o, v) {\n    o[\"default\"] = v;\n});\nvar __importStar = (this && this.__importStar) || function (mod) {\n    if (mod && mod.__esModule) return mod;\n    var result = {};\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\n    __setModuleDefault(result, mod);\n    return result;\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst react_1 = __importStar(__webpack_require__(/*! react */ \"react\"));\n__webpack_require__(/*! ./station-login.style.scss */ \"./src/components/StationLogin/station-login.style.scss\");\nconst constants_1 = __webpack_require__(/*! ./constants */ \"./src/components/StationLogin/constants.ts\");\nconst react_collaboration_1 = __webpack_require__(/*! @momentum-ui/react-collaboration */ \"@momentum-ui/react-collaboration\");\nconst collections_1 = __webpack_require__(/*! @react-stately/collections */ \"../../../node_modules/@react-stately/collections/dist/main.js\");\nconst react_2 = __webpack_require__(/*! @momentum-design/components/dist/react */ \"../../../node_modules/@momentum-design/components/dist/react/index.js\");\nconst StationLoginComponent = (props) => {\n    const { teams, loginOptions, login, logout, setDeviceType, setDialNumber, setTeam, isAgentLoggedIn, deviceType, showMultipleLoginAlert, handleContinue, } = props;\n    const modalRef = (0, react_1.useRef)(null);\n    const [dialNumberValue, setDialNumberValue] = (0, react_1.useState)('');\n    const [agentLoginValue, setAgentLoginValue] = (0, react_1.useState)('');\n    const [teamsValue, setTeamsValue] = (0, react_1.useState)('');\n    const [isDialNumberDisabled, setIsDialNumberDisabled] = (0, react_1.useState)(false);\n    (0, react_1.useEffect)(() => {\n        if (loginOptions.length > 0) {\n            const firstOption = loginOptions[0];\n            setAgentLoginValue('0');\n            setDeviceType(firstOption);\n        }\n    }, [teams, loginOptions, deviceType]);\n    (0, react_1.useEffect)(() => {\n        if (teams.length > 0) {\n            const firstTeam = teams[0].id;\n            setTeamsValue(firstTeam);\n            setTeam(firstTeam);\n        }\n    }, [teams, setTeam]);\n    (0, react_1.useEffect)(() => {\n        if (showMultipleLoginAlert && modalRef.current) {\n            modalRef.current.showModal();\n        }\n    }, [showMultipleLoginAlert]);\n    const selectLoginOption = (0, react_1.useCallback)((key) => {\n        const index = parseInt(key, 10);\n        if (!isNaN(index) && loginOptions[index]) {\n            setAgentLoginValue(key);\n            setDeviceType(loginOptions[index]);\n            setIsDialNumberDisabled(!['AGENT_DN', 'EXTENSION'].includes(loginOptions[index]));\n        }\n    }, [loginOptions, setDeviceType]);\n    const continueClicked = (0, react_1.useCallback)(() => {\n        if (modalRef.current) {\n            modalRef.current.close();\n            handleContinue();\n        }\n    }, [handleContinue]);\n    const updateDN = (0, react_1.useCallback)((value) => {\n        setDialNumberValue(value);\n        setDialNumber(value);\n    }, [setDialNumber]);\n    const updateTeam = (0, react_1.useCallback)((value) => {\n        setTeamsValue(value);\n        setTeam(value);\n    }, [setTeam]);\n    return (react_1.default.createElement(react_1.default.Fragment, null,\n        react_1.default.createElement(\"dialog\", { ref: modalRef, className: \"modal\", open: showMultipleLoginAlert },\n            react_1.default.createElement(\"h2\", null, constants_1.MULTIPLE_SIGN_IN_ALERT_TITLE),\n            react_1.default.createElement(\"p\", null, constants_1.MULTIPLE_SIGN_IN_ALERT_MESSAGE),\n            react_1.default.createElement(\"div\", { className: \"modal-content\" },\n                react_1.default.createElement(\"button\", { id: \"ContinueButton\", \"data-testid\": \"ContinueButton\", onClick: continueClicked }, \"Continue\"))),\n        react_1.default.createElement(\"div\", { className: \"box station-login\" },\n            react_1.default.createElement(\"section\", { className: \"section-box\" },\n                react_1.default.createElement(\"fieldset\", { className: \"fieldset\" },\n                    react_1.default.createElement(react_collaboration_1.Text, { tagName: 'span', type: \"heading-small-bold\" }, \"Set your interaction preferences\")),\n                react_1.default.createElement(\"fieldset\", { className: \"fieldset\" },\n                    react_1.default.createElement(\"legend\", { id: \"agent-login-label\" }, \"Handle calls using\"),\n                    react_1.default.createElement(\"div\", { className: \"select-container\" },\n                        react_1.default.createElement(react_collaboration_1.SelectNext, { id: \"login-option\", direction: \"bottom\", showBorder: true, \"aria-labelledby\": \"agent-login-label\", items: loginOptions.map((name, id) => ({ key: id.toString(), name })), selectedKey: agentLoginValue, onSelectionChange: selectLoginOption, className: \"station-login-select\" }, (item) => (react_1.default.createElement(collections_1.Item, { textValue: item.name, key: item.key },\n                            react_1.default.createElement(react_collaboration_1.Text, { className: \"state-name\", tagName: 'small' }, item.name)))),\n                        react_1.default.createElement(react_2.Icon, { className: \"select-arrow-icon\", name: \"arrow-down-bold\", title: \"\" }))),\n                react_1.default.createElement(\"fieldset\", { className: \"fieldset\" },\n                    react_1.default.createElement(\"legend\", { id: \"dial-number-label\" }, \"Dial number\"),\n                    react_1.default.createElement(react_collaboration_1.TextInput, { clearAriaLabel: \"Clear\", \"aria-labelledby\": \"dial-number-label\", placeholder: \"Extension/Dial Number\", onChange: updateDN, value: dialNumberValue, isDisabled: isDialNumberDisabled })),\n                react_1.default.createElement(\"fieldset\", { className: \"fieldset\" },\n                    react_1.default.createElement(\"legend\", { id: \"team-label\" }, \"Your team\"),\n                    react_1.default.createElement(\"div\", { className: \"select-container\" },\n                        react_1.default.createElement(react_collaboration_1.SelectNext, { id: \"teams-dropdown\", direction: \"bottom\", showBorder: true, \"aria-labelledby\": \"team-label\", items: teams, selectedKey: teamsValue, onSelectionChange: updateTeam, className: \"station-login-select\" }, (item) => (react_1.default.createElement(collections_1.Item, { textValue: item.name, key: item.id },\n                            react_1.default.createElement(react_collaboration_1.Text, { className: \"state-name\", tagName: 'small' }, item.name)))),\n                        react_1.default.createElement(react_2.Icon, { className: \"select-arrow-icon\", name: \"arrow-down-bold\", title: \"\" }))),\n                react_1.default.createElement(\"div\", { className: \"btn-container\" }, isAgentLoggedIn ? (react_1.default.createElement(react_collaboration_1.ButtonPill, { id: \"logoutAgent\", onPress: logout, color: \"cancel\" }, \"Logout\")) : (react_1.default.createElement(react_collaboration_1.ButtonPill, { id: \"AgentLogin\", onPress: login, color: \"join\" }, \"Save & Continue\")))))));\n};\nexports[\"default\"] = StationLoginComponent;\n\n\n//# sourceURL=webpack://@webex/cc-components/./src/components/StationLogin/station-login.tsx?");
+
+/***/ }),
+
+/***/ "./src/components/StationLogin/station-login.types.ts":
+/*!************************************************************!*\
+  !*** ./src/components/StationLogin/station-login.types.ts ***!
+  \************************************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\n\n\n//# sourceURL=webpack://@webex/cc-components/./src/components/StationLogin/station-login.types.ts?");
 
 /***/ }),
 
@@ -1860,6 +1970,116 @@ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {
 
 /***/ }),
 
+/***/ "./src/components/UserState/user-state.types.ts":
+/*!******************************************************!*\
+  !*** ./src/components/UserState/user-state.types.ts ***!
+  \******************************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\n\n\n//# sourceURL=webpack://@webex/cc-components/./src/components/UserState/user-state.types.ts?");
+
+/***/ }),
+
+/***/ "./src/components/task/CallControl/CallControlCustom/consult-transfer-list-item.tsx":
+/*!******************************************************************************************!*\
+  !*** ./src/components/task/CallControl/CallControlCustom/consult-transfer-list-item.tsx ***!
+  \******************************************************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst react_1 = __importDefault(__webpack_require__(/*! react */ \"react\"));\nconst react_collaboration_1 = __webpack_require__(/*! @momentum-ui/react-collaboration */ \"@momentum-ui/react-collaboration\");\nconst react_2 = __webpack_require__(/*! @momentum-design/components/dist/react */ \"../../../node_modules/@momentum-design/components/dist/react/index.js\");\nconst classnames_1 = __importDefault(__webpack_require__(/*! classnames */ \"../../../node_modules/classnames/index.js\"));\nconst ConsultTransferListComponent = (props) => {\n    const { title, subtitle, buttonIcon, onButtonPress, className } = props;\n    const initials = title\n        .split(' ')\n        .map((word) => word[0])\n        .join('')\n        .slice(0, 2)\n        .toUpperCase();\n    return (react_1.default.createElement(react_collaboration_1.ListItemBase, { className: (0, classnames_1.default)('call-control-list-item', className), size: 50, isPadded: true, \"aria-label\": title },\n        react_1.default.createElement(react_collaboration_1.ListItemBaseSection, { position: \"start\" },\n            react_1.default.createElement(react_collaboration_1.AvatarNext, { size: 32, initials: initials, title: title })),\n        react_1.default.createElement(react_collaboration_1.ListItemBaseSection, { position: \"middle\", style: {\n                flex: 1,\n                display: 'flex',\n                flexDirection: 'column',\n                marginLeft: '8px',\n                minWidth: 0,\n                overflow: 'hidden',\n            } },\n            react_1.default.createElement(react_collaboration_1.Text, { tagName: \"p\", type: \"body-primary\", style: { margin: 0, lineHeight: '1.2' } }, title),\n            subtitle && (react_1.default.createElement(react_collaboration_1.Text, { tagName: \"p\", type: \"body-secondary\", style: { margin: 0, lineHeight: '1.2' } }, subtitle))),\n        react_1.default.createElement(react_collaboration_1.ListItemBaseSection, { position: \"end\" },\n            react_1.default.createElement(\"div\", { className: \"hover-button\" },\n                react_1.default.createElement(react_collaboration_1.ButtonCircle, { onPress: onButtonPress, size: 28, color: \"join\" },\n                    react_1.default.createElement(react_2.Icon, { name: buttonIcon }))))));\n};\nexports[\"default\"] = ConsultTransferListComponent;\n\n\n//# sourceURL=webpack://@webex/cc-components/./src/components/task/CallControl/CallControlCustom/consult-transfer-list-item.tsx?");
+
+/***/ }),
+
+/***/ "./src/components/task/CallControl/CallControlCustom/consult-transfer-popover.tsx":
+/*!****************************************************************************************!*\
+  !*** ./src/components/task/CallControl/CallControlCustom/consult-transfer-popover.tsx ***!
+  \****************************************************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\nvar __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    var desc = Object.getOwnPropertyDescriptor(m, k);\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\n      desc = { enumerable: true, get: function() { return m[k]; } };\n    }\n    Object.defineProperty(o, k2, desc);\n}) : (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    o[k2] = m[k];\n}));\nvar __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\n}) : function(o, v) {\n    o[\"default\"] = v;\n});\nvar __importStar = (this && this.__importStar) || function (mod) {\n    if (mod && mod.__esModule) return mod;\n    var result = {};\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\n    __setModuleDefault(result, mod);\n    return result;\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst react_1 = __importStar(__webpack_require__(/*! react */ \"react\"));\nconst react_collaboration_1 = __webpack_require__(/*! @momentum-ui/react-collaboration */ \"@momentum-ui/react-collaboration\");\nconst consult_transfer_list_item_1 = __importDefault(__webpack_require__(/*! ./consult-transfer-list-item */ \"./src/components/task/CallControl/CallControlCustom/consult-transfer-list-item.tsx\"));\nconst ConsultTransferPopoverComponent = ({ heading, buttonIcon, buddyAgents, onAgentSelect, }) => {\n    const [selectedTab, setSelectedTab] = (0, react_1.useState)('Agents');\n    const filteredAgents = buddyAgents;\n    return (react_1.default.createElement(\"div\", { className: \"agent-popover-content\" },\n        react_1.default.createElement(react_collaboration_1.Text, { tagName: \"h3\", className: \"agent-popover-title\", type: \"body-large-bold\", style: { margin: '0 0 0 0' } }, heading),\n        react_1.default.createElement(react_collaboration_1.TabListNext, { \"aria-label\": \"Tabs\", className: \"agent-tablist\", hasBackground: false, style: { marginTop: '0' }, onTabSelection: (key) => setSelectedTab(key) },\n            react_1.default.createElement(react_collaboration_1.TabNext, { key: \"Agents\", className: \"agent-tab\", active: selectedTab === 'Agents' }, \"Agents\")),\n        react_1.default.createElement(react_collaboration_1.ListNext, { listSize: filteredAgents.length, className: \"agent-agent-list\" }, filteredAgents.map((agent) => (react_1.default.createElement(\"div\", { key: agent.agentId, onMouseDown: (e) => e.stopPropagation(), style: { cursor: 'pointer', pointerEvents: 'auto' } },\n            react_1.default.createElement(consult_transfer_list_item_1.default, { title: agent.agentName, buttonIcon: buttonIcon, onButtonPress: () => onAgentSelect(agent.agentId) }))))),\n        filteredAgents.length === 0 && (react_1.default.createElement(react_collaboration_1.Text, { tagName: \"small\", type: \"body-secondary\" }, \"No agents found\"))));\n};\nexports[\"default\"] = ConsultTransferPopoverComponent;\n\n\n//# sourceURL=webpack://@webex/cc-components/./src/components/task/CallControl/CallControlCustom/consult-transfer-popover.tsx?");
+
+/***/ }),
+
+/***/ "./src/components/task/CallControl/call-control.tsx":
+/*!**********************************************************!*\
+  !*** ./src/components/task/CallControl/call-control.tsx ***!
+  \**********************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\nvar __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    var desc = Object.getOwnPropertyDescriptor(m, k);\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\n      desc = { enumerable: true, get: function() { return m[k]; } };\n    }\n    Object.defineProperty(o, k2, desc);\n}) : (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    o[k2] = m[k];\n}));\nvar __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\n}) : function(o, v) {\n    o[\"default\"] = v;\n});\nvar __importStar = (this && this.__importStar) || function (mod) {\n    if (mod && mod.__esModule) return mod;\n    var result = {};\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\n    __setModuleDefault(result, mod);\n    return result;\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst react_1 = __importStar(__webpack_require__(/*! react */ \"react\"));\n__webpack_require__(/*! ./call-control.styles.scss */ \"./src/components/task/CallControl/call-control.styles.scss\");\nconst react_collaboration_1 = __webpack_require__(/*! @momentum-ui/react-collaboration */ \"@momentum-ui/react-collaboration\");\nconst collections_1 = __webpack_require__(/*! @react-stately/collections */ \"../../../node_modules/@react-stately/collections/dist/main.js\");\nconst react_2 = __webpack_require__(/*! @momentum-design/components/dist/react */ \"../../../node_modules/@momentum-design/components/dist/react/index.js\");\nconst consult_transfer_popover_1 = __importDefault(__webpack_require__(/*! ./CallControlCustom/consult-transfer-popover */ \"./src/components/task/CallControl/CallControlCustom/consult-transfer-popover.tsx\"));\nfunction CallControlComponent(props) {\n    const [selectedWrapupReason, setSelectedWrapupReason] = (0, react_1.useState)(null);\n    const [selectedWrapupId, setSelectedWrapupId] = (0, react_1.useState)(null);\n    const [showAgentMenu, setShowAgentMenu] = (0, react_1.useState)(false);\n    const [agentMenuType, setAgentMenuType] = (0, react_1.useState)(null);\n    const { currentTask, audioRef, toggleHold, toggleRecording, endCall, wrapupCall, wrapupCodes, wrapupRequired, isHeld, setIsHeld, isRecording, setIsRecording, buddyAgents, loadBuddyAgents, transferCall, consultCall, } = props;\n    (0, react_1.useEffect)(() => {\n        if (!currentTask || !currentTask.data || !currentTask.data.interaction)\n            return;\n        const { interaction, mediaResourceId } = currentTask.data;\n        const { media, callProcessingDetails } = interaction;\n        const isHold = media && media[mediaResourceId] && media[mediaResourceId].isHold;\n        setIsHeld(isHold);\n        if (callProcessingDetails) {\n            const { isPaused } = callProcessingDetails;\n            setIsRecording(!isPaused);\n        }\n    }, [currentTask]);\n    const handletoggleHold = () => {\n        toggleHold(!isHeld);\n        setIsHeld(!isHeld);\n    };\n    const handleWrapupCall = () => {\n        if (selectedWrapupReason && selectedWrapupId) {\n            wrapupCall(selectedWrapupReason, selectedWrapupId);\n            setSelectedWrapupReason(null);\n            setSelectedWrapupId(null);\n        }\n    };\n    const handleWrapupChange = (text, value) => {\n        setSelectedWrapupReason(text);\n        setSelectedWrapupId(value);\n    };\n    const buttons = [\n        {\n            icon: isHeld ? 'play-bold' : 'pause-bold',\n            onClick: () => handletoggleHold(),\n            tooltip: isHeld ? 'Resume the call' : 'Hold the call',\n            className: 'call-control-button',\n            disabled: false,\n        },\n        {\n            icon: 'headset-bold',\n            tooltip: 'Consult with another agent',\n            className: 'call-control-button',\n            disabled: false,\n            menuType: 'Consult',\n        },\n        {\n            icon: 'next-bold',\n            tooltip: 'Transfer call',\n            className: 'call-control-button',\n            disabled: false,\n            menuType: 'Transfer',\n        },\n        {\n            icon: isRecording ? 'record-paused-bold' : 'record-bold',\n            onClick: () => toggleRecording(),\n            tooltip: isRecording ? 'Pause Recording' : 'Resume Recording',\n            className: 'call-control-button',\n            disabled: false,\n        },\n        {\n            icon: 'cancel-regular',\n            onClick: endCall,\n            tooltip: 'End call',\n            className: 'call-control-button-cancel',\n            disabled: isHeld,\n        },\n    ];\n    if (!currentTask)\n        return null;\n    return (react_1.default.createElement(react_1.default.Fragment, null,\n        react_1.default.createElement(\"audio\", { ref: audioRef, id: \"remote-audio\", autoPlay: true }),\n        react_1.default.createElement(\"div\", { className: \"call-control-container\", \"data-testid\": \"call-control-container\" },\n            !wrapupRequired && (react_1.default.createElement(\"div\", { className: \"button-group\" }, buttons.map((button, index) => {\n                if (button.menuType) {\n                    return (react_1.default.createElement(react_collaboration_1.PopoverNext, { key: index, onHide: () => {\n                            setShowAgentMenu(false);\n                            setAgentMenuType(null);\n                        }, color: \"primary\", delay: [0, 0], placement: \"bottom\", showArrow: true, variant: \"medium\", interactive: true, offsetDistance: 2, className: \"agent-popover\", trigger: \"click\", closeButtonPlacement: \"top-right\", closeButtonProps: {\n                            'aria-label': 'Close popover',\n                            onPress: () => {\n                                setShowAgentMenu(false);\n                                setAgentMenuType(null);\n                            },\n                            outline: true,\n                        }, triggerComponent: react_1.default.createElement(react_collaboration_1.TooltipNext, { key: index, triggerComponent: react_1.default.createElement(react_collaboration_1.ButtonCircle, { className: button.className, \"aria-label\": button.tooltip, disabled: button.disabled, \"data-testid\": \"ButtonCircle\", onPress: () => {\n                                    // If popover is already visible, we close it\n                                    if (showAgentMenu && agentMenuType === button.menuType) {\n                                        setShowAgentMenu(false);\n                                        setAgentMenuType(null);\n                                    }\n                                    else {\n                                        setAgentMenuType(button.menuType);\n                                        setShowAgentMenu(true);\n                                        loadBuddyAgents();\n                                    }\n                                } },\n                                react_1.default.createElement(react_2.Icon, { className: button.className + '-icon', name: button.icon })), color: \"primary\", delay: [0, 0], placement: \"bottom-start\", type: \"description\", variant: \"small\", className: \"tooltip\" },\n                            react_1.default.createElement(\"p\", null, button.tooltip)) }, showAgentMenu && agentMenuType === button.menuType ? (react_1.default.createElement(consult_transfer_popover_1.default, { heading: button.menuType, buttonIcon: button.icon, buddyAgents: buddyAgents, onAgentSelect: (agentId) => {\n                            setShowAgentMenu(false);\n                            if (agentMenuType === 'Consult') {\n                                consultCall();\n                            }\n                            else {\n                                // Adding agent for now by default, will update once we have queues\n                                transferCall(agentId, 'agent');\n                            }\n                            setAgentMenuType(null);\n                        } })) : null));\n                }\n                return (react_1.default.createElement(react_collaboration_1.TooltipNext, { key: index, triggerComponent: react_1.default.createElement(react_collaboration_1.ButtonCircle, { className: button.className, onPress: button.onClick, disabled: button.disabled, \"aria-label\": button.tooltip },\n                        react_1.default.createElement(react_2.Icon, { className: button.className + '-icon', name: button.icon })), color: \"primary\", delay: [0, 0], placement: \"bottom-start\", type: \"description\", variant: \"small\", className: \"tooltip\" },\n                    react_1.default.createElement(\"p\", null, button.tooltip)));\n            }))),\n            wrapupRequired && (react_1.default.createElement(\"div\", { className: \"wrapup-group\" },\n                react_1.default.createElement(react_collaboration_1.PopoverNext, { color: \"primary\", delay: [0, 0], placement: \"bottom-start\", showArrow: true, trigger: \"click\", triggerComponent: react_1.default.createElement(react_collaboration_1.ButtonPill, { className: \"wrapup-button\" },\n                        \"Wrap up\",\n                        react_1.default.createElement(react_2.Icon, { name: \"arrow-down-bold\" })), variant: \"medium\", interactive: true, offsetDistance: 2, className: \"wrapup-popover\" },\n                    react_1.default.createElement(react_collaboration_1.Text, { className: \"wrapup-header\", tagName: 'small', type: \"body-large-bold\" }, \"Wrap-up Interaction\"),\n                    react_1.default.createElement(react_collaboration_1.Text, { className: \"wrapup-header\", tagName: 'small', type: \"body-secondary\" }, \"Wrap-up reason\"),\n                    react_1.default.createElement(react_collaboration_1.SelectNext, { \"aria-label\": \"wrapup-reason\", className: \"wrapup-select\", onSelectionChange: (key) => {\n                            const selectedItem = wrapupCodes === null || wrapupCodes === void 0 ? void 0 : wrapupCodes.find((code) => code.id === key);\n                            handleWrapupChange(selectedItem.name, selectedItem.id);\n                        }, items: wrapupCodes, showBorder: false, placeholder: \"Select\" }, (item) => (react_1.default.createElement(collections_1.Item, { key: item.id, textValue: item.name },\n                        react_1.default.createElement(react_collaboration_1.Text, { className: \"wrapup-name\", tagName: 'small' }, item.name)))),\n                    react_1.default.createElement(react_2.Icon, { className: \"wrapup-select-arrow-icon\", name: \"arrow-down-bold\", title: \"\" }),\n                    react_1.default.createElement(react_collaboration_1.ButtonPill, { className: \"submit-wrapup-button\", onPress: handleWrapupCall, disabled: selectedWrapupId && selectedWrapupReason ? false : true, \"aria-label\": \"Submit wrap-up\" }, \"Submit & Wrap up\")))))));\n}\nexports[\"default\"] = CallControlComponent;\n\n\n//# sourceURL=webpack://@webex/cc-components/./src/components/task/CallControl/call-control.tsx?");
+
+/***/ }),
+
+/***/ "./src/components/task/IncomingTask/incoming-task.tsx":
+/*!************************************************************!*\
+  !*** ./src/components/task/IncomingTask/incoming-task.tsx ***!
+  \************************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst react_1 = __importDefault(__webpack_require__(/*! react */ \"react\"));\nconst Task_1 = __importDefault(__webpack_require__(/*! ../Task */ \"./src/components/task/Task/index.tsx\"));\nconst IncomingTaskComponent = (props) => {\n    var _a, _b, _c, _d;\n    const { incomingTask, accept, decline, isBrowser } = props;\n    if (!incomingTask) {\n        return react_1.default.createElement(react_1.default.Fragment, null); // hidden component\n    }\n    const callAssociationDetails = (_b = (_a = incomingTask === null || incomingTask === void 0 ? void 0 : incomingTask.data) === null || _a === void 0 ? void 0 : _a.interaction) === null || _b === void 0 ? void 0 : _b.callAssociatedDetails;\n    const ani = callAssociationDetails === null || callAssociationDetails === void 0 ? void 0 : callAssociationDetails.ani;\n    const virtualTeamName = callAssociationDetails === null || callAssociationDetails === void 0 ? void 0 : callAssociationDetails.virtualTeamName;\n    // rona timeout is not always available in the callAssociatedDetails object\n    const ronaTimeout = (callAssociationDetails === null || callAssociationDetails === void 0 ? void 0 : callAssociationDetails.ronaTimeout) ? Number(callAssociationDetails === null || callAssociationDetails === void 0 ? void 0 : callAssociationDetails.ronaTimeout) : null;\n    const startTimeStamp = (_d = (_c = incomingTask === null || incomingTask === void 0 ? void 0 : incomingTask.data) === null || _c === void 0 ? void 0 : _c.interaction) === null || _d === void 0 ? void 0 : _d.createdTimestamp;\n    return (react_1.default.createElement(Task_1.default, { title: ani, queue: virtualTeamName, isIncomingTask: true, isBrowser: isBrowser, acceptTask: accept, declineTask: decline, ronaTimeout: ronaTimeout, startTimeStamp: startTimeStamp }));\n};\nexports[\"default\"] = IncomingTaskComponent;\n\n\n//# sourceURL=webpack://@webex/cc-components/./src/components/task/IncomingTask/incoming-task.tsx?");
+
+/***/ }),
+
+/***/ "./src/components/task/OutdialCall/outdial-call.tsx":
+/*!**********************************************************!*\
+  !*** ./src/components/task/OutdialCall/outdial-call.tsx ***!
+  \**********************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\nvar __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    var desc = Object.getOwnPropertyDescriptor(m, k);\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\n      desc = { enumerable: true, get: function() { return m[k]; } };\n    }\n    Object.defineProperty(o, k2, desc);\n}) : (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    o[k2] = m[k];\n}));\nvar __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\n}) : function(o, v) {\n    o[\"default\"] = v;\n});\nvar __importStar = (this && this.__importStar) || function (mod) {\n    if (mod && mod.__esModule) return mod;\n    var result = {};\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\n    __setModuleDefault(result, mod);\n    return result;\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst react_1 = __importStar(__webpack_require__(/*! react */ \"react\"));\n__webpack_require__(/*! ./outdial-call.style.scss */ \"./src/components/task/OutdialCall/outdial-call.style.scss\");\nconst OutdialCallComponent = (props) => {\n    const { startOutdial } = props;\n    const [destination, setDestination] = (0, react_1.useState)('');\n    const updateOutboundNumber = (e) => {\n        var _a;\n        // Allow only valid input that is digits, #, *, and +\n        const VALID_KEYPAD_CHARS = /[\\d#*+]/g;\n        const filteredValue = ((_a = e.target.value.match(VALID_KEYPAD_CHARS)) === null || _a === void 0 ? void 0 : _a.join('')) || '';\n        setDestination(filteredValue);\n    };\n    // Function to press a key on the outdial keypad.\n    const handelKeyPress = (value) => {\n        setDestination((prev) => prev + value);\n    };\n    return (react_1.default.createElement(\"div\", { className: \"out-dial-call-box\" },\n        react_1.default.createElement(\"section\", { className: \"out-dial-call-section-box\" },\n            react_1.default.createElement(\"fieldset\", { className: \"out-dial-call-fieldset\" },\n                react_1.default.createElement(\"legend\", { className: \"out-dial-call-legend-box\" }, \"Outdial Call\"),\n                react_1.default.createElement(\"div\", { className: \"keypad\" },\n                    react_1.default.createElement(\"input\", { onChange: updateOutboundNumber, id: \"outBoundDialNumber\", placeholder: \"Enter number to dial\", value: destination }),\n                    react_1.default.createElement(\"div\", { className: \"keys\" }, ['1', '2', '3', '4', '5', '6', '7', '8', '9', '*', '0', '#'].map((key) => (react_1.default.createElement(\"div\", { key: key, className: \"key\", onClick: () => handelKeyPress(key) }, key)))),\n                    react_1.default.createElement(\"button\", { className: \"out-dial-call-btn\", onClick: () => startOutdial(destination) },\n                        react_1.default.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", height: \"24\", viewBox: \"0 0 24 24\", width: \"24\" },\n                            react_1.default.createElement(\"path\", { d: \"M6.62 10.79a15.053 15.053 0 006.59 6.59l2.2-2.2a1 1 0 011.11-.27c1.12.45 2.33.69 3.58.69a1 1 0 011 1v3.5a1 1 0 01-1 1C10.29 21 3 13.71 3 4.5a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.24 2.46.69 3.58a1 1 0 01-.27 1.11l-2.2 2.2z\" }))))))));\n};\nexports[\"default\"] = OutdialCallComponent;\n\n\n//# sourceURL=webpack://@webex/cc-components/./src/components/task/OutdialCall/outdial-call.tsx?");
+
+/***/ }),
+
+/***/ "./src/components/task/Task/index.tsx":
+/*!********************************************!*\
+  !*** ./src/components/task/Task/index.tsx ***!
+  \********************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst react_1 = __importDefault(__webpack_require__(/*! react */ \"react\"));\nconst react_collaboration_1 = __webpack_require__(/*! @momentum-ui/react-collaboration */ \"@momentum-ui/react-collaboration\");\nconst react_2 = __webpack_require__(/*! @momentum-design/components/dist/react */ \"../../../node_modules/@momentum-design/components/dist/react/index.js\");\nconst TaskTimer_1 = __importDefault(__webpack_require__(/*! ../TaskTimer */ \"./src/components/task/TaskTimer/index.tsx\"));\n__webpack_require__(/*! ./styles.scss */ \"./src/components/task/Task/styles.scss\");\nconst Task = ({ title, state, startTimeStamp, ronaTimeout, selected = false, isIncomingTask = false, queue, acceptTask, declineTask, isBrowser, }) => {\n    const capitalizeFirstWord = (str) => {\n        return str.replace(/^\\s*(\\w)/, (match, firstLetter) => firstLetter.toUpperCase());\n    };\n    return (react_1.default.createElement(react_collaboration_1.ListItemBase, { className: `task-list-item ${selected ? 'task-list-item--selected' : ''}` },\n        react_1.default.createElement(react_collaboration_1.ListItemBaseSection, { position: \"start\" },\n            react_1.default.createElement(react_2.Avatar, { \"icon-name\": \"handset-filled\" })),\n        react_1.default.createElement(react_collaboration_1.ListItemBaseSection, { position: \"fill\" },\n            react_1.default.createElement(\"section\", { className: \"task-details\" },\n                title && (react_1.default.createElement(react_collaboration_1.Text, { tagName: \"span\", type: selected ? 'body-large-bold' : 'body-large-medium' }, title)),\n                state && !isIncomingTask && (react_1.default.createElement(react_collaboration_1.Text, { tagName: \"span\", type: \"body-midsize-regular\", className: \"task-text\" }, capitalizeFirstWord(state))),\n                queue && isIncomingTask && (react_1.default.createElement(react_collaboration_1.Text, { tagName: \"span\", type: \"body-midsize-regular\", className: \"task-text\" }, capitalizeFirstWord(queue))),\n                (isIncomingTask && !ronaTimeout) || !isIncomingTask\n                    ? startTimeStamp && (react_1.default.createElement(react_collaboration_1.Text, { tagName: \"span\", type: \"body-midsize-regular\", className: \"task-text\" },\n                        \"Handle Time: \",\n                        '  ',\n                        react_1.default.createElement(TaskTimer_1.default, { startTimeStamp: startTimeStamp })))\n                    : null,\n                isIncomingTask && ronaTimeout && (react_1.default.createElement(react_collaboration_1.Text, { tagName: \"span\", type: \"body-midsize-regular\", className: \"task-text\" },\n                    \"Time Left: \",\n                    '  ',\n                    react_1.default.createElement(TaskTimer_1.default, { countdown: true, ronaTimeout: ronaTimeout }))))),\n        react_1.default.createElement(react_collaboration_1.ListItemBaseSection, { position: \"end\" }, isIncomingTask ? (react_1.default.createElement(react_collaboration_1.ButtonPill, { onPress: acceptTask, color: \"join\", disabled: !isBrowser }, \"Ringing\")) : isBrowser ? (react_1.default.createElement(react_collaboration_1.ButtonPill, { onPress: declineTask, color: \"cancel\" }, \"End\")) : null)));\n};\nexports[\"default\"] = Task;\n\n\n//# sourceURL=webpack://@webex/cc-components/./src/components/task/Task/index.tsx?");
+
+/***/ }),
+
+/***/ "./src/components/task/TaskList/task-list.tsx":
+/*!****************************************************!*\
+  !*** ./src/components/task/TaskList/task-list.tsx ***!
+  \****************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst react_1 = __importDefault(__webpack_require__(/*! react */ \"react\"));\nconst Task_1 = __importDefault(__webpack_require__(/*! ../Task */ \"./src/components/task/Task/index.tsx\"));\n__webpack_require__(/*! ./styles.scss */ \"./src/components/task/TaskList/styles.scss\");\nconst TaskListComponent = (props) => {\n    const { currentTask, taskList, acceptTask, declineTask, isBrowser } = props;\n    if (taskList.length <= 0) {\n        return react_1.default.createElement(react_1.default.Fragment, null); // hidden component\n    }\n    return (react_1.default.createElement(\"ul\", { className: \"task-list\" }, taskList === null || taskList === void 0 ? void 0 : taskList.map((task, index) => {\n        var _a, _b;\n        const callAssociationDetails = (_b = (_a = task === null || task === void 0 ? void 0 : task.data) === null || _a === void 0 ? void 0 : _a.interaction) === null || _b === void 0 ? void 0 : _b.callAssociatedDetails;\n        const ani = callAssociationDetails === null || callAssociationDetails === void 0 ? void 0 : callAssociationDetails.ani;\n        const virtualTeamName = callAssociationDetails === null || callAssociationDetails === void 0 ? void 0 : callAssociationDetails.virtualTeamName;\n        // rona timeout is not always available in the callAssociatedDetails object\n        const ronaTimeout = (callAssociationDetails === null || callAssociationDetails === void 0 ? void 0 : callAssociationDetails.ronaTimeout) ? Number(callAssociationDetails === null || callAssociationDetails === void 0 ? void 0 : callAssociationDetails.ronaTimeout) : null;\n        const taskState = task.data.interaction.state;\n        const startTimeStamp = task.data.interaction.createdTimestamp;\n        const isIncomingTask = taskState === 'new';\n        return (react_1.default.createElement(Task_1.default, { title: ani, state: !isIncomingTask ? taskState : '', startTimeStamp: startTimeStamp, selected: (currentTask === null || currentTask === void 0 ? void 0 : currentTask.data.interactionId) === task.data.interactionId, key: index, isIncomingTask: isIncomingTask, queue: virtualTeamName, acceptTask: () => acceptTask(task), declineTask: () => declineTask(task), isBrowser: isBrowser, ronaTimeout: isIncomingTask ? ronaTimeout : null }));\n    })));\n};\nexports[\"default\"] = TaskListComponent;\n\n\n//# sourceURL=webpack://@webex/cc-components/./src/components/task/TaskList/task-list.tsx?");
+
+/***/ }),
+
+/***/ "./src/components/task/TaskTimer/index.tsx":
+/*!*************************************************!*\
+  !*** ./src/components/task/TaskTimer/index.tsx ***!
+  \*************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\nvar __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    var desc = Object.getOwnPropertyDescriptor(m, k);\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\n      desc = { enumerable: true, get: function() { return m[k]; } };\n    }\n    Object.defineProperty(o, k2, desc);\n}) : (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    o[k2] = m[k];\n}));\nvar __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\n}) : function(o, v) {\n    o[\"default\"] = v;\n});\nvar __importStar = (this && this.__importStar) || function (mod) {\n    if (mod && mod.__esModule) return mod;\n    var result = {};\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\n    __setModuleDefault(result, mod);\n    return result;\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst react_1 = __importStar(__webpack_require__(/*! react */ \"react\"));\nconst workerScript = `\n  const formatDuration = (seconds) => {\n    seconds = Math.max(0, seconds);\n    const h = Math.floor(seconds / 3600).toString().padStart(2, '0');\n    const m = Math.floor((seconds % 3600) / 60).toString().padStart(2, '0');\n    const s = Math.floor(seconds % 60).toString().padStart(2, '0');\n    return seconds < 3600 ? m + ':' + s : h + ':' + m + ':' + s;\n  }\n\n  self.onmessage = function(e) {\n    const { start, countdown, ronaTimeout } = e.data;\n    let running = true;\n\n    const updateTimer = () => {\n      if (!running) {\n        return;\n      }\n\n      const now = Math.floor(Date.now() / 1000); // current time in seconds\n      let diff;\n\n      if (countdown && ronaTimeout !== undefined) {\n        diff = start + ronaTimeout - now;\n        if (diff <= 0) {\n          self.postMessage('00:00');\n          running = false;\n          return;\n        }\n      } else {\n        diff = now - start;\n      }\n\n      const formattedTime = formatDuration(diff);\n\n      self.postMessage(formattedTime);\n      setTimeout(updateTimer, 1000);\n    };\n\n    updateTimer();\n  };\n`;\nconst createWorker = () => {\n    return new Worker(URL.createObjectURL(new Blob([workerScript], { type: 'application/javascript' })));\n};\nconst TaskTimer = ({ startTimeStamp, countdown = false, ronaTimeout }) => {\n    const [duration, setDuration] = (0, react_1.useState)('00:00');\n    const workerRef = (0, react_1.useRef)(null);\n    (0, react_1.useEffect)(() => {\n        // Convert startTimeStamp from milliseconds to seconds if provided to match ronaTimeout, which is in seconds\n        const now = Math.floor(Date.now() / 1000);\n        const start = startTimeStamp ? Math.floor(startTimeStamp / 1000) : now;\n        if (!workerRef.current) {\n            workerRef.current = createWorker();\n        }\n        workerRef.current.postMessage({ start, countdown, ronaTimeout });\n        const handleMessage = (e) => {\n            setDuration(e.data);\n        };\n        workerRef.current.addEventListener('message', handleMessage);\n        return () => {\n            var _a;\n            (_a = workerRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('message', handleMessage);\n        };\n    }, [countdown, ronaTimeout, startTimeStamp]);\n    return (react_1.default.createElement(\"time\", { dateTime: duration, className: \"task-text task-text--secondary\" }, duration));\n};\nexports[\"default\"] = TaskTimer;\n\n\n//# sourceURL=webpack://@webex/cc-components/./src/components/task/TaskTimer/index.tsx?");
+
+/***/ }),
+
+/***/ "./src/components/task/task.types.ts":
+/*!*******************************************!*\
+  !*** ./src/components/task/task.types.ts ***!
+  \*******************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\n\n\n//# sourceURL=webpack://@webex/cc-components/./src/components/task/task.types.ts?");
+
+/***/ }),
+
 /***/ "./src/index.ts":
 /*!**********************!*\
   !*** ./src/index.ts ***!
@@ -1867,7 +2087,7 @@ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.OutdialCallComponent = exports.UserStateComponent = void 0;\nconst user_state_1 = __importDefault(__webpack_require__(/*! ./components/UserState/user-state */ \"./src/components/UserState/user-state.tsx\"));\nexports.UserStateComponent = user_state_1.default;\nconst out_dial_call_1 = __importDefault(__webpack_require__(/*! ./components/OutdialCall/out-dial-call */ \"./src/components/OutdialCall/out-dial-call.tsx\"));\nexports.OutdialCallComponent = out_dial_call_1.default;\n\n\n//# sourceURL=webpack://@webex/cc-components/./src/index.ts?");
+eval("\nvar __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    var desc = Object.getOwnPropertyDescriptor(m, k);\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\n      desc = { enumerable: true, get: function() { return m[k]; } };\n    }\n    Object.defineProperty(o, k2, desc);\n}) : (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    o[k2] = m[k];\n}));\nvar __exportStar = (this && this.__exportStar) || function(m, exports) {\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.OutdialCallComponent = exports.TaskListComponent = exports.IncomingTaskComponent = exports.CallControlComponent = exports.StationLoginComponent = exports.UserStateComponent = void 0;\nconst user_state_1 = __importDefault(__webpack_require__(/*! ./components/UserState/user-state */ \"./src/components/UserState/user-state.tsx\"));\nexports.UserStateComponent = user_state_1.default;\nconst station_login_1 = __importDefault(__webpack_require__(/*! ./components/StationLogin/station-login */ \"./src/components/StationLogin/station-login.tsx\"));\nexports.StationLoginComponent = station_login_1.default;\nconst call_control_1 = __importDefault(__webpack_require__(/*! ./components/task/CallControl/call-control */ \"./src/components/task/CallControl/call-control.tsx\"));\nexports.CallControlComponent = call_control_1.default;\nconst incoming_task_1 = __importDefault(__webpack_require__(/*! ./components/task/IncomingTask/incoming-task */ \"./src/components/task/IncomingTask/incoming-task.tsx\"));\nexports.IncomingTaskComponent = incoming_task_1.default;\nconst task_list_1 = __importDefault(__webpack_require__(/*! ./components/task/TaskList/task-list */ \"./src/components/task/TaskList/task-list.tsx\"));\nexports.TaskListComponent = task_list_1.default;\nconst outdial_call_1 = __importDefault(__webpack_require__(/*! ./components/task/OutdialCall/outdial-call */ \"./src/components/task/OutdialCall/outdial-call.tsx\"));\nexports.OutdialCallComponent = outdial_call_1.default;\n__exportStar(__webpack_require__(/*! ./components/StationLogin/station-login.types */ \"./src/components/StationLogin/station-login.types.ts\"), exports);\n__exportStar(__webpack_require__(/*! ./components/UserState/user-state.types */ \"./src/components/UserState/user-state.types.ts\"), exports);\n__exportStar(__webpack_require__(/*! ./components/task/task.types */ \"./src/components/task/task.types.ts\"), exports);\n\n\n//# sourceURL=webpack://@webex/cc-components/./src/index.ts?");
 
 /***/ }),
 
@@ -1904,6 +2124,16 @@ module.exports = require("react");
 
 /***/ }),
 
+/***/ "../../../node_modules/classnames/index.js":
+/*!*************************************************!*\
+  !*** ../../../node_modules/classnames/index.js ***!
+  \*************************************************/
+/***/ ((module, exports) => {
+
+eval("var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif ( true && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (true) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\t!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = (function () {\n\t\t\treturn classNames;\n\t\t}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),\n\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t} else {}\n}());\n\n\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/classnames/index.js?");
+
+/***/ }),
+
 /***/ "../../../node_modules/@lit/context/development/index.js":
 /*!***************************************************************!*\
   !*** ../../../node_modules/@lit/context/development/index.js ***!