@webex/cc-user-state 1.28.0-wxcc.1 → 1.28.0-wxcc.2

package/dist/index.js.LICENSE.txt

@@ -0,0 +1,11 @@
+/*! For license information please see index.js.LICENSE.txt */
+
+/**
+ * @license React
+ * use-sync-external-store-shim.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

package/dist/types/helper.d.ts

@@ -1,3 +1,10 @@
-export declare const useUserState: () => {
-    name: string;
+import { UseUserStateProps } from './user-state.types';
+export declare const useUserState: ({ idleCodes, agentId, cc, currentState, customState, lastStateChangeTimestamp, logger, onStateChange, lastIdleCodeChangeTimestamp, }: UseUserStateProps) => {
+    idleCodes: import("@webex/cc-store").IdleCode[];
+    setAgentStatus: (selectedCode: any) => void;
+    isSettingAgentStatus: boolean;
+    elapsedTime: number;
+    lastIdleStateChangeElapsedTime: number;
+    currentState: string;
+    onStateChange: (arg: import("@webex/cc-store").IdleCode | import("@webex/cc-store").ICustomState) => void;
 };

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,4 @@
 import React from 'react';
-declare const UserState: React.FunctionComponent;
-declare const WebUserState: CustomElementConstructor;
-export { UserState, WebUserState };
+import { IUserStateProps } from '../user-state.types';
+declare const UserState: React.FunctionComponent<IUserStateProps>;
+export { UserState };

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

@@ -0,0 +1,3 @@
+import { IUserState } from '@webex/cc-components';
+export type IUserStateProps = Pick<IUserState, 'onStateChange'>;
+export type UseUserStateProps = Pick<IUserState, 'idleCodes' | 'agentId' | 'cc' | 'currentState' | 'customState' | 'lastStateChangeTimestamp' | 'logger' | 'onStateChange' | 'lastIdleCodeChangeTimestamp'>;

package/package.json

@@ -1,25 +1,32 @@
 {
   "name": "@webex/cc-user-state",
   "description": "Webex Contact Center Widgets: User State",
-  "version": "1.28.0-wxcc.1",
+  "license": "Cisco's General Terms (https://www.cisco.com/site/us/en/about/legal/contract-experience/index.html)",
+  "version": "1.28.0-wxcc.2",
   "main": "dist/index.js",
+  "types": "dist/types/index.d.ts",
+  "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",
-    "release": "echo 'Releasing @webex/cc-user-state' && semantic-release --no-ci && echo 'Released @webex/cc-user-state'"
+    "test:unit": "tsc --project tsconfig.test.json && jest --coverage",
+    "test:styles": "eslint",
+    "deploy:npm": "yarn npm publish"
   },
   "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.28.0-wxcc.2",
-    "mobx-react": "9.1.1",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "@webex/cc-components": "1.28.0-ccconnectors.2",
+    "@webex/cc-store": "1.0.1-0-next.0",
+    "mobx-react-lite": "^4.1.0",
+    "react-error-boundary": "^6.0.0",
     "typescript": "5.6.3"
   },
   "devDependencies": {
@@ -27,25 +34,36 @@
     "@babel/preset-env": "7.25.4",
     "@babel/preset-react": "7.24.7",
     "@babel/preset-typescript": "7.25.9",
+    "@eslint/js": "^9.20.0",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.6.2",
     "@testing-library/react": "16.0.1",
     "@types/jest": "29.5.14",
     "@types/react-test-renderer": "18",
+    "@webex/test-fixtures": "0.0.0-next.0",
     "babel-jest": "29.7.0",
     "babel-loader": "9.2.1",
+    "eslint": "^9.20.1",
+    "eslint-config-prettier": "^10.0.1",
+    "eslint-config-standard": "^17.1.0",
+    "eslint-plugin-import": "^2.25.2",
+    "eslint-plugin-n": "^15.0.0 || ^16.0.0 ",
+    "eslint-plugin-prettier": "^5.2.3",
+    "eslint-plugin-promise": "^6.0.0",
+    "eslint-plugin-react": "^7.37.4",
     "file-loader": "6.2.0",
+    "globals": "^16.0.0",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
-    "semantic-release": "^24.2.0",
-    "semantic-release-yarn": "^3.0.2",
+    "prettier": "^3.5.1",
     "ts-loader": "9.5.1",
+    "typescript-eslint": "^8.24.1",
     "webpack": "5.94.0",
     "webpack-cli": "5.1.4",
     "webpack-merge": "6.0.1"
   },
-  "jest": {
-    "testEnvironment": "jsdom"
-  },
-  "stableVersion": "1.28.0-alpha.20"
+  "peerDependencies": {
+    "react": ">=18.3.1",
+    "react-dom": ">=18.3.1"
+  }
 }

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/types/user-state/use-state.types.d.ts

@@ -1,25 +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/dist/types/user-state/user-state.presentational.d.ts

@@ -1,7 +0,0 @@
-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/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',
-  },
-});