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

package/.babelrc.js

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

package/dist/helper.js

@@ -0,0 +1,11 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebUserState = exports.UserState = void 0;
+const index_1 = require("./user-state/index");
+Object.defineProperty(exports, "UserState", { enumerable: true, get: function () { return index_1.UserState; } });
+Object.defineProperty(exports, "WebUserState", { enumerable: true, get: function () { return index_1.WebUserState; } });
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"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/helper.d.ts

@@ -0,0 +1,3 @@
+export declare const useUserState: () => {
+    name: string;
+};

package/dist/types/index.d.ts

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

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

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

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

@@ -0,0 +1,25 @@
+/**
+ * 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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,28 @@
+"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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,18 @@
+"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

@@ -0,0 +1 @@
+{"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/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@webex/cc-user-state",
+  "description": "Webex Contact Center Widgets: User State",
+  "version": "1.28.0-wxcc.1",
+  "main": "dist/index.js",
+  "scripts": {
+    "build": "yarn run -T tsc",
+    "build:src": "webpack && yarn run build",
+    "build:watch": "webpack --watch",
+    "test:unit": "jest",
+    "release": "echo 'Releasing @webex/cc-user-state' && semantic-release --no-ci && echo 'Released @webex/cc-user-state'"
+  },
+  "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",
+    "typescript": "5.6.3"
+  },
+  "devDependencies": {
+    "@babel/core": "7.25.2",
+    "@babel/preset-env": "7.25.4",
+    "@babel/preset-react": "7.24.7",
+    "@babel/preset-typescript": "7.25.9",
+    "@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",
+    "babel-jest": "29.7.0",
+    "babel-loader": "9.2.1",
+    "file-loader": "6.2.0",
+    "jest": "29.7.0",
+    "jest-environment-jsdom": "29.7.0",
+    "semantic-release": "^24.2.0",
+    "semantic-release-yarn": "^3.0.2",
+    "ts-loader": "9.5.1",
+    "webpack": "5.94.0",
+    "webpack-cli": "5.1.4",
+    "webpack-merge": "6.0.1"
+  },
+  "jest": {
+    "testEnvironment": "jsdom"
+  },
+  "stableVersion": "1.28.0-alpha.20"
+}

package/src/helper.ts

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

package/src/index.ts

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

package/src/user-state/index.tsx

@@ -0,0 +1,29 @@
+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

@@ -0,0 +1,29 @@
+/**
+ * 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

@@ -0,0 +1,17 @@
+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

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

package/webpack.config.js

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