@webex/cc-components 1.28.0-ccwidgets.14 → 1.28.0-ccwidgets.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js
CHANGED
|
@@ -1186,7 +1186,7 @@ eval("\n\n/* istanbul ignore next */\nfunction styleTagTransform(css, styleElem
|
|
|
1186
1186
|
\*************************************************/
|
|
1187
1187
|
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
|
|
1188
1188
|
|
|
1189
|
-
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 utils_1 = __webpack_require__(/*! ../../utils */ \"./src/utils.ts\");\nconst react_2 = __webpack_require__(/*! @momentum-design/components/dist/react */ \"../../../node_modules/@momentum-design/components/dist/react/index.js\");\n__webpack_require__(/*! ./user-state.scss */ \"./src/components/UserState/user-state.scss\");\nconst UserStateComponent = (props) => {\n const { idleCodes, setAgentStatus, isSettingAgentStatus, errorMessage, elapsedTime, currentState, currentTheme } = props;\n return (react_1.default.createElement(\"div\", { className: `box ${currentTheme === 'DARK' ? 'dark-theme' : 'light-theme'}` },\n react_1.default.createElement(\"section\", { className:
|
|
1189
|
+
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 utils_1 = __webpack_require__(/*! ../../utils */ \"./src/utils.ts\");\nconst react_2 = __webpack_require__(/*! @momentum-design/components/dist/react */ \"../../../node_modules/@momentum-design/components/dist/react/index.js\");\n__webpack_require__(/*! ./user-state.scss */ \"./src/components/UserState/user-state.scss\");\nconst UserStateComponent = (props) => {\n const { idleCodes, setAgentStatus, isSettingAgentStatus, errorMessage, elapsedTime, currentState, currentTheme, } = props;\n return (react_1.default.createElement(\"div\", { className: `box ${currentTheme === 'DARK' ? 'dark-theme' : 'light-theme'}` },\n react_1.default.createElement(\"section\", { className: \"sectionBox\" },\n react_1.default.createElement(\"fieldset\", { className: \"fieldset\" },\n react_1.default.createElement(\"legend\", { \"data-testid\": \"user-state-title\", className: \"legendBox\" }, \"Agent State\"),\n react_1.default.createElement(\"div\", { style: { display: 'flex', flexDirection: 'column', flexGrow: 1 } }),\n react_1.default.createElement(\"select\", { id: \"idleCodes\", value: currentState, className: \"select\", onChange: (event) => {\n const code = idleCodes === null || idleCodes === void 0 ? void 0 : idleCodes.filter((code) => code.id === event.target.value)[0];\n setAgentStatus(code);\n }, disabled: isSettingAgentStatus }, idleCodes === null || idleCodes === void 0 ? void 0 : idleCodes.filter((code) => !code.isSystem).map((code) => {\n return (react_1.default.createElement(\"option\", { key: code.id, value: code.id }, code.name));\n })),\n react_1.default.createElement(react_2.Button, { variant: \"primary\", size: 32, color: \"default\", \"prefix-icon\": \"\", \"postfix-icon\": \"\", type: \"button\", role: \"button\", \"aria-label\": \"\" }, \"Click Me\"),\n react_1.default.createElement(\"div\", { className: `elapsedTime ${isSettingAgentStatus ? 'elapsedTime-disabled' : ''}` }, (0, utils_1.formatTime)(elapsedTime)),\n errorMessage && react_1.default.createElement(\"div\", { style: { color: 'red' } }, errorMessage)))));\n};\nexports[\"default\"] = UserStateComponent;\n\n\n//# sourceURL=webpack://@webex/cc-components/./src/components/UserState/user-state.tsx?");
|
|
1190
1190
|
|
|
1191
1191
|
/***/ }),
|
|
1192
1192
|
|
|
@@ -1206,7 +1206,7 @@ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
1206
1206
|
\**********************/
|
|
1207
1207
|
/***/ ((__unused_webpack_module, exports) => {
|
|
1208
1208
|
|
|
1209
|
-
eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.formatTime = void 0;\nconst formatTime = (time) => {\n const hours = Math.floor(time / 3600);\n const minutes = Math.floor((time % 3600) / 60);\n const seconds = time % 60;\n return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;\n};\nexports.formatTime = formatTime;\n\n\n//# sourceURL=webpack://@webex/cc-components/./src/utils.ts?");
|
|
1209
|
+
eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.formatTime = void 0;\nconst formatTime = (time) => {\n const hours = Math.floor(time / 3600);\n const minutes = Math.floor((time % 3600) / 60);\n const seconds = time % 60;\n return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds\n .toString()\n .padStart(2, '0')}`;\n};\nexports.formatTime = formatTime;\n\n\n//# sourceURL=webpack://@webex/cc-components/./src/utils.ts?");
|
|
1210
1210
|
|
|
1211
1211
|
/***/ }),
|
|
1212
1212
|
|
|
@@ -34,14 +34,7 @@ export interface IUserState {
|
|
|
34
34
|
/**
|
|
35
35
|
* The idle code of the current user state
|
|
36
36
|
*/
|
|
37
|
-
currentState:
|
|
38
|
-
/**
|
|
39
|
-
* Function to set the current state
|
|
40
|
-
* of the user.
|
|
41
|
-
* @param state The state to set.
|
|
42
|
-
* @returns void
|
|
43
|
-
*/
|
|
44
|
-
setCurrentState: (state: IdleCode) => void;
|
|
37
|
+
currentState: string;
|
|
45
38
|
/**
|
|
46
39
|
* The preferred theme
|
|
47
40
|
*/
|
package/dist/wc.js
CHANGED
|
@@ -1196,7 +1196,7 @@ eval("\n\n/* istanbul ignore next */\nfunction styleTagTransform(css, styleElem
|
|
|
1196
1196
|
\*************************************************/
|
|
1197
1197
|
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
|
|
1198
1198
|
|
|
1199
|
-
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 utils_1 = __webpack_require__(/*! ../../utils */ \"./src/utils.ts\");\nconst react_2 = __webpack_require__(/*! @momentum-design/components/dist/react */ \"../../../node_modules/@momentum-design/components/dist/react/index.js\");\n__webpack_require__(/*! ./user-state.scss */ \"./src/components/UserState/user-state.scss\");\nconst UserStateComponent = (props) => {\n const { idleCodes, setAgentStatus, isSettingAgentStatus, errorMessage, elapsedTime, currentState, currentTheme } = props;\n return (react_1.default.createElement(\"div\", { className: `box ${currentTheme === 'DARK' ? 'dark-theme' : 'light-theme'}` },\n react_1.default.createElement(\"section\", { className:
|
|
1199
|
+
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 utils_1 = __webpack_require__(/*! ../../utils */ \"./src/utils.ts\");\nconst react_2 = __webpack_require__(/*! @momentum-design/components/dist/react */ \"../../../node_modules/@momentum-design/components/dist/react/index.js\");\n__webpack_require__(/*! ./user-state.scss */ \"./src/components/UserState/user-state.scss\");\nconst UserStateComponent = (props) => {\n const { idleCodes, setAgentStatus, isSettingAgentStatus, errorMessage, elapsedTime, currentState, currentTheme, } = props;\n return (react_1.default.createElement(\"div\", { className: `box ${currentTheme === 'DARK' ? 'dark-theme' : 'light-theme'}` },\n react_1.default.createElement(\"section\", { className: \"sectionBox\" },\n react_1.default.createElement(\"fieldset\", { className: \"fieldset\" },\n react_1.default.createElement(\"legend\", { \"data-testid\": \"user-state-title\", className: \"legendBox\" }, \"Agent State\"),\n react_1.default.createElement(\"div\", { style: { display: 'flex', flexDirection: 'column', flexGrow: 1 } }),\n react_1.default.createElement(\"select\", { id: \"idleCodes\", value: currentState, className: \"select\", onChange: (event) => {\n const code = idleCodes === null || idleCodes === void 0 ? void 0 : idleCodes.filter((code) => code.id === event.target.value)[0];\n setAgentStatus(code);\n }, disabled: isSettingAgentStatus }, idleCodes === null || idleCodes === void 0 ? void 0 : idleCodes.filter((code) => !code.isSystem).map((code) => {\n return (react_1.default.createElement(\"option\", { key: code.id, value: code.id }, code.name));\n })),\n react_1.default.createElement(react_2.Button, { variant: \"primary\", size: 32, color: \"default\", \"prefix-icon\": \"\", \"postfix-icon\": \"\", type: \"button\", role: \"button\", \"aria-label\": \"\" }, \"Click Me\"),\n react_1.default.createElement(\"div\", { className: `elapsedTime ${isSettingAgentStatus ? 'elapsedTime-disabled' : ''}` }, (0, utils_1.formatTime)(elapsedTime)),\n errorMessage && react_1.default.createElement(\"div\", { style: { color: 'red' } }, errorMessage)))));\n};\nexports[\"default\"] = UserStateComponent;\n\n\n//# sourceURL=webpack://@webex/cc-components/./src/components/UserState/user-state.tsx?");
|
|
1200
1200
|
|
|
1201
1201
|
/***/ }),
|
|
1202
1202
|
|
|
@@ -1206,7 +1206,7 @@ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
1206
1206
|
\**********************/
|
|
1207
1207
|
/***/ ((__unused_webpack_module, exports) => {
|
|
1208
1208
|
|
|
1209
|
-
eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.formatTime = void 0;\nconst formatTime = (time) => {\n const hours = Math.floor(time / 3600);\n const minutes = Math.floor((time % 3600) / 60);\n const seconds = time % 60;\n return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;\n};\nexports.formatTime = formatTime;\n\n\n//# sourceURL=webpack://@webex/cc-components/./src/utils.ts?");
|
|
1209
|
+
eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.formatTime = void 0;\nconst formatTime = (time) => {\n const hours = Math.floor(time / 3600);\n const minutes = Math.floor((time % 3600) / 60);\n const seconds = time % 60;\n return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds\n .toString()\n .padStart(2, '0')}`;\n};\nexports.formatTime = formatTime;\n\n\n//# sourceURL=webpack://@webex/cc-components/./src/utils.ts?");
|
|
1210
1210
|
|
|
1211
1211
|
/***/ }),
|
|
1212
1212
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webex/cc-components",
|
|
3
3
|
"description": "Webex Contact Center UI Components Library for your custom contact center solutions",
|
|
4
|
-
"version": "1.28.0-ccwidgets.
|
|
4
|
+
"version": "1.28.0-ccwidgets.15",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"publishConfig": {
|
|
7
7
|
"access": "public"
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
26
|
"@r2wc/react-to-web-component": "2.0.3",
|
|
27
|
-
"@webex/cc-store": "1.28.0-ccwidgets.
|
|
27
|
+
"@webex/cc-store": "1.28.0-ccwidgets.15"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
30
|
"@babel/core": "7.25.2",
|
|
@@ -62,5 +62,5 @@
|
|
|
62
62
|
"react": ">=18.3.1",
|
|
63
63
|
"react-dom": ">=18.3.1"
|
|
64
64
|
},
|
|
65
|
-
"stableVersion": "1.28.0-ccwidgets.
|
|
65
|
+
"stableVersion": "1.28.0-ccwidgets.14"
|
|
66
66
|
}
|