@webex/cc-user-state 1.27.6-eft.2 → 1.28.0-ccwidgets.10

package/dist/types/constants.d.ts

@@ -0,0 +1 @@
+export declare const AGENT_STATE_CHANGE = "agent:stateChange";

package/dist/types/helper.d.ts

@@ -1,3 +1,13 @@
-export declare const useUserState: () => {
-    name: string;
+export declare const useUserState: ({ idleCodes, agentId, cc }: {
+    idleCodes: any;
+    agentId: any;
+    cc: any;
+}) => {
+    idleCodes: any;
+    setAgentStatus: (selectedCode: any) => void;
+    isSettingAgentStatus: boolean;
+    errorMessage: string;
+    elapsedTime: number;
+    currentState: {};
+    setCurrentState: import("react").Dispatch<import("react").SetStateAction<{}>>;
 };

package/dist/types/index.d.ts

@@ -1,2 +1,2 @@
-import { UserState, WebUserState } from './user-state/index';
-export { UserState, WebUserState };
+import { UserState } from './user-state/index';
+export { UserState };

package/dist/types/user-state/index.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
 declare const UserState: React.FunctionComponent;
-declare const WebUserState: CustomElementConstructor;
-export { UserState, WebUserState };
+export { UserState };

package/dist/types/user-state/use-state.types.d.ts

@@ -1,25 +1,45 @@
+import { IdleCode } from '@webex/cc-store';
 /**
  * Interface representing the state of a user.
  */
 export interface IUserState {
     /**
-     * The name of the user.
+     * The list of idle codes.
      */
-    name: string;
+    idleCodes: IdleCode[];
     /**
-     * The current login state of the user.
+     * Function to set the agent
+     * status.
+     * @param status The status to set.
+     * @param status.auxCodeId The aux code id.
+     * @param status.state The state to set.
+     * @returns void
      */
-    loginState: any;
+    setAgentStatus: (status: {
+        auxCodeId: string;
+        state: string;
+    }) => void;
     /**
-     * Function to set the login state of the user.
+     * Boolean indicating if the agent status is being set.
      */
-    setLoginState: any;
+    isSettingAgentStatus: boolean;
     /**
-     * The SDK instance for the contact center.
+     * The error message to display
      */
-    ccSdk: any;
+    errorMessage: string;
     /**
-     * Indicates whether the user is available.
+     * The duration of the current user state
      */
-    isAvailable: any;
+    elapsedTime: number;
+    /**
+     * The idle code of the current user state
+     */
+    currentState: IdleCode;
+    /**
+     * Function to set the current state
+     * of the user.
+     * @param state The state to set.
+     * @returns void
+     */
+    setCurrentState: (state: IdleCode) => void;
 }

package/dist/types/user-state/user-state.presentational.d.ts

@@ -1,7 +1,4 @@
 import React from 'react';
 import { IUserState } from './use-state.types';
-/**
- * Presentational component for the User State.
- */
 declare const UserStatePresentational: React.FunctionComponent<IUserState>;
 export default UserStatePresentational;

package/package.json

@@ -1,27 +1,26 @@
 {
   "name": "@webex/cc-user-state",
   "description": "Webex Contact Center Widgets: User State",
-  "version": "1.27.6-eft.2",
+  "version": "1.28.0-ccwidgets.10",
   "main": "dist/index.js",
   "publishConfig": {
     "access": "public"
   },
+  "files": [
+    "dist/",
+    "package.json"
+  ],
   "scripts": {
+    "clean": "rm -rf dist && rm -rf node_modules",
+    "clean:dist": "rm -rf dist",
     "build": "yarn run -T tsc",
-    "build:src": "webpack && yarn run build",
+    "build:src": "yarn run clean:dist && webpack",
     "build:watch": "webpack --watch",
     "test:unit": "jest"
   },
   "dependencies": {
-    "@r2wc/react-to-web-component": "2.0.3",
-    "@semantic-release/changelog": "^6.0.3",
-    "@semantic-release/exec": "^6.0.3",
-    "@semantic-release/git": "^10.0.1",
-    "@semantic-release/github": "^11.0.1",
-    "@webex/cc-store": "1.27.6-eft.2",
-    "mobx-react": "9.1.1",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "@webex/cc-store": "1.28.0-ccwidgets.10",
+    "mobx-react-lite": "^4.1.0",
     "typescript": "5.6.3"
   },
   "devDependencies": {
@@ -39,14 +38,22 @@
     "file-loader": "6.2.0",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
-    "semantic-release": "^24.2.0",
     "ts-loader": "9.5.1",
     "webpack": "5.94.0",
     "webpack-cli": "5.1.4",
     "webpack-merge": "6.0.1"
   },
+  "peerDependencies": {
+    "react": ">=18.3.1",
+    "react-dom": ">=18.3.1"
+  },
   "jest": {
-    "testEnvironment": "jsdom"
+    "testEnvironment": "jsdom",
+    "testMatch": [
+      "**/tests/**/*.ts",
+      "**/tests/**/*.tsx"
+    ],
+    "verbose": true
   },
-  "stableVersion": "1.27.6-eft.1"
+  "stableVersion": "1.28.0-ccwidgets.9"
 }

package/.babelrc.js

@@ -1,3 +0,0 @@
-const baseConfig = require('../../../.babelrc');
-
-module.exports = baseConfig;

package/dist/helper.js

@@ -1,11 +0,0 @@
-"use strict";
-/*
- * UserState helpers
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useUserState = void 0;
-const useUserState = () => {
-    return { name: 'UserState' };
-};
-exports.useUserState = useUserState;
-//# sourceMappingURL=helper.js.map

package/dist/helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helper.js","sourceRoot":"","sources":["../src/helper.ts"],"names":[],"mappings":";AAAA;;GAEG;;;AAEI,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,OAAO,EAAC,IAAI,EAAE,WAAW,EAAC,CAAC;AAC7B,CAAC,CAAC;AAFW,QAAA,YAAY,gBAEvB"}

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,8CAA2D;AAEnD,0FAFA,iBAAS,OAEA;AAAE,6FAFA,oBAAY,OAEA"}

package/dist/user-state/index.js

@@ -1,28 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WebUserState = exports.UserState = void 0;
-const react_1 = __importDefault(require("react"));
-const cc_store_1 = __importDefault(require("@webex/cc-store"));
-const mobx_react_1 = require("mobx-react");
-const react_to_web_component_1 = __importDefault(require("@r2wc/react-to-web-component"));
-const helper_1 = require("../helper");
-const user_state_presentational_1 = __importDefault(require("./user-state.presentational"));
-const UserState = (0, mobx_react_1.observer)(() => {
-    const { loginState, setLoginState, ccSdk, isAvailable } = cc_store_1.default;
-    const result = (0, helper_1.useUserState)();
-    const props = Object.assign(Object.assign({}, result), { loginState,
-        setLoginState,
-        ccSdk,
-        isAvailable });
-    return react_1.default.createElement(user_state_presentational_1.default, Object.assign({}, props));
-});
-exports.UserState = UserState;
-const WebUserState = (0, react_to_web_component_1.default)(UserState);
-exports.WebUserState = WebUserState;
-if (!customElements.get('widget-cc-user-state')) {
-    customElements.define('widget-cc-user-state', WebUserState);
-}
-//# sourceMappingURL=index.js.map

package/dist/user-state/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/user-state/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+DAAoC;AACpC,2CAAoC;AACpC,0FAAgD;AAEhD,sCAAuC;AACvC,4FAAkE;AAElE,MAAM,SAAS,GAA4B,IAAA,qBAAQ,EAAC,GAAG,EAAE;IACvD,MAAM,EAAC,UAAU,EAAE,aAAa,EAAE,KAAK,EAAE,WAAW,EAAC,GAAG,kBAAK,CAAC;IAC9D,MAAM,MAAM,GAAG,IAAA,qBAAY,GAAE,CAAC;IAC9B,MAAM,KAAK,mCACN,MAAM,KACT,UAAU;QACV,aAAa;QACb,KAAK;QACL,WAAW,GACZ,CAAC;IAEF,OAAO,8BAAC,mCAAuB,oBAAK,KAAK,EAAI,CAAC;AAChD,CAAC,CAAC,CAAC;AAQK,8BAAS;AANjB,MAAM,YAAY,GAAG,IAAA,gCAAI,EAAC,SAAS,CAAC,CAAC;AAMlB,oCAAY;AAJ/B,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,sBAAsB,CAAC,EAAE,CAAC;IAChD,cAAc,CAAC,MAAM,CAAC,sBAAsB,EAAE,YAAY,CAAC,CAAC;AAC9D,CAAC"}

package/dist/user-state/use-state.types.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=use-state.types.js.map

package/dist/user-state/use-state.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-state.types.js","sourceRoot":"","sources":["../../src/user-state/use-state.types.ts"],"names":[],"mappings":""}

package/dist/user-state/user-state.presentational.js

@@ -1,18 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-/**
- * Presentational component for the User State.
- */
-const UserStatePresentational = (props) => {
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("h1", { "data-testid": "user-state-heading" }, props.name),
-        react_1.default.createElement("h4", null,
-            "User State: ",
-            props.loginState)));
-};
-exports.default = UserStatePresentational;
-//# sourceMappingURL=user-state.presentational.js.map

package/dist/user-state/user-state.presentational.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"user-state.presentational.js","sourceRoot":"","sources":["../../src/user-state/user-state.presentational.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAI1B;;GAEG;AACH,MAAM,uBAAuB,GAAwC,CAAC,KAAK,EAAE,EAAE;IAC7E,OAAO,CACL;QACE,qDAAgB,oBAAoB,IAAE,KAAK,CAAC,IAAI,CAAM;QACtD;;YAAiB,KAAK,CAAC,UAAU,CAAM,CACtC,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,uBAAuB,CAAC"}

package/src/helper.ts

@@ -1,7 +0,0 @@
-/*
- * UserState helpers
- */
-
-export const useUserState = () => {
-  return {name: 'UserState'};
-};

package/src/index.ts

@@ -1,3 +0,0 @@
-import {UserState, WebUserState} from './user-state/index';
-
-export {UserState, WebUserState};

package/src/user-state/index.tsx

@@ -1,29 +0,0 @@
-import React from 'react';
-import store from '@webex/cc-store';
-import {observer} from 'mobx-react';
-import r2wc from '@r2wc/react-to-web-component';
-
-import {useUserState} from '../helper';
-import UserStatePresentational from './user-state.presentational';
-
-const UserState: React.FunctionComponent = observer(() => {
-  const {loginState, setLoginState, ccSdk, isAvailable} = store;
-  const result = useUserState();
-  const props = {
-    ...result,
-    loginState,
-    setLoginState,
-    ccSdk,
-    isAvailable,
-  };
-
-  return <UserStatePresentational {...props} />;
-});
-
-const WebUserState = r2wc(UserState);
-
-if (!customElements.get('widget-cc-user-state')) {
-  customElements.define('widget-cc-user-state', WebUserState);
-}
-
-export {UserState, WebUserState};

package/src/user-state/use-state.types.ts

@@ -1,29 +0,0 @@
-/**
- * Interface representing the state of a user.
- */
-export interface IUserState {
-  /**
-   * The name of the user.
-   */
-  name: string;
-
-  /**
-   * The current login state of the user.
-   */
-  loginState: any;
-
-  /**
-   * Function to set the login state of the user.
-   */
-  setLoginState: any;
-
-  /**
-   * The SDK instance for the contact center.
-   */
-  ccSdk: any;
-
-  /**
-   * Indicates whether the user is available.
-   */
-  isAvailable: any;
-}

package/src/user-state/user-state.presentational.tsx

@@ -1,17 +0,0 @@
-import React from 'react';
-
-import {IUserState} from './use-state.types';
-
-/**
- * Presentational component for the User State.
- */
-const UserStatePresentational: React.FunctionComponent<IUserState> = (props) => {
-  return (
-    <>
-      <h1 data-testid="user-state-heading">{props.name}</h1>
-      <h4>User State: {props.loginState}</h4>
-    </>
-  );
-};
-
-export default UserStatePresentational;

package/tsconfig.json

@@ -1,11 +0,0 @@
-{
-    "extends": "../../../tsconfig.json",
-    "include": [
-        "./src"
-    ],
-    "compilerOptions": {
-        "outDir": "./dist",
-        "declaration": true,
-        "declarationDir": "./dist/types"
-    },
-}

package/webpack.config.js

@@ -1,12 +0,0 @@
-const {merge} = require('webpack-merge');
-const path = require('path');
-
-const baseConfig = require('../../../webpack.config');
-
-module.exports = merge(baseConfig, {
-  output: {
-    path: path.resolve(__dirname, 'dist'),
-    filename: 'index.js', // Set the output filename to index.js
-    libraryTarget: 'commonjs2',
-  },
-});