@webex/cc-store 1.0.1-0

package/.babelrc.js

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

package/CHANGELOG.md

@@ -0,0 +1,37 @@
+# [1.28.0-alpha.4](https://github.com/webex/widgets/compare/v1.28.0-alpha.3...v1.28.0-alpha.4) (2024-11-14)
+
+
+### Bug Fixes
+
+* **store:** add-documentation ([#252](https://github.com/webex/widgets/issues/252)) ([f754731](https://github.com/webex/widgets/commit/f7547314196af9ceb1185ab23da6a2df030f3d2c))
+
+# [1.28.0-alpha.3](https://github.com/webex/widgets/compare/v1.28.0-alpha.2...v1.28.0-alpha.3) (2024-11-14)
+
+
+### Features
+
+* **release:** add-publishconfig ([#250](https://github.com/webex/widgets/issues/250)) ([2ee17f6](https://github.com/webex/widgets/commit/2ee17f64f13d51340347dfeb492fd37a2dc40501))
+
+# [1.28.0-alpha.2](https://github.com/webex/widgets/compare/v1.28.0-alpha.1...v1.28.0-alpha.2) (2024-11-14)
+
+
+### Bug Fixes
+
+* **station-login:** test-commit ([#249](https://github.com/webex/widgets/issues/249)) ([706d3d4](https://github.com/webex/widgets/commit/706d3d412574987a9f84079a24697879dc6dba33))
+
+# [1.28.0-alpha.1](https://github.com/webex/widgets/compare/v1.27.5...v1.28.0-alpha.1) (2024-11-14)
+
+
+### Bug Fixes
+
+* **release:** add-mono-repo-support-for-scemantic-release ([#246](https://github.com/webex/widgets/issues/246)) ([4d2a572](https://github.com/webex/widgets/commit/4d2a57280eed3ef3caf5efb8a58c6cea433e1f53))
+* convert npm to yarn ([#234](https://github.com/webex/widgets/issues/234)) ([432ed3c](https://github.com/webex/widgets/commit/432ed3cc1b2521f69cd9383cd0dbefad8f0a2eee))
+* **circleci:** fix-caching-path-in-ci ([#243](https://github.com/webex/widgets/issues/243)) ([77f40f0](https://github.com/webex/widgets/commit/77f40f098a2f51620bc7af294ec429feeaf8caf1))
+* **circleci:** fix-test-branch-name ([#242](https://github.com/webex/widgets/issues/242)) ([d60859a](https://github.com/webex/widgets/commit/d60859ad562a93d2f1fecd1cfe207729c475edd2))
+* **release:** remove-semantic-release-npm ([#248](https://github.com/webex/widgets/issues/248)) ([c4e7bb1](https://github.com/webex/widgets/commit/c4e7bb18133fd1500f53ce686076868e00e15ec0))
+
+
+### Features
+
+* **release:** add-release-script-and-config ([#241](https://github.com/webex/widgets/issues/241)) ([376e348](https://github.com/webex/widgets/commit/376e34835a11ccf55d43b207a3777aeeb442aaba))
+* **pipeline:** run-npm-publish-for-cc-store ([#245](https://github.com/webex/widgets/issues/245)) ([d9ef7ae](https://github.com/webex/widgets/commit/d9ef7ae064f334478391637b9b70359edf0b40de))

package/dist/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const store_1 = __importDefault(require("./store"));
+exports.default = store_1.default;
+//# 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,oDAA4B;AAC5B,kBAAe,eAAK,CAAC"}

package/dist/sdk.js

@@ -0,0 +1,71 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const sdk = {
+    accessToken: '',
+    callbacks: {},
+    init: function (_a) {
+        return __awaiter(this, arguments, void 0, function* ({ accessToken }) {
+            this.accessToken = accessToken;
+        });
+    },
+    logout: function () {
+        this.accessToken = '';
+        this.callControls.unmute();
+        this.presence.set('busy');
+    },
+    presence: {
+        currentState: 'busy',
+        set: function (state) {
+            this.currentState = state;
+            console.log(`%cWxCCSDK\t\t\t%cpresence.set:%c Received`, 'background: red; color: white;', 'background: lightgreen; color: black;', 'background: transparent; color: grey;');
+            setTimeout(() => {
+                sdk.emit('presence:state', this.currentState);
+            }, 1500);
+        },
+    },
+    callControls: {
+        currentState: 'unmuted',
+        mute: function () {
+            this.currentState = 'muted';
+            console.log(`%cWxCCSDK\t\t\t%ccallControls.mute:%c Received`, 'background: red; color: white;', 'background: lightgreen; color: black;', 'background: transparent; color: grey;');
+            setTimeout(() => {
+                sdk.emit('callControls:muteState', this.currentState);
+            }, 1500);
+        },
+        unmute: function () {
+            this.currentState = 'unmuted';
+            console.log(`%cWxCCSDK\t\t\t%ccallControls.unmute:%c Received`, 'background: red; color: white;', 'background: lightgreen; color: black;', 'background: transparent; color: grey;');
+            setTimeout(() => {
+                sdk.emit('callControls:muteState', this.currentState);
+            }, 3000);
+        },
+    },
+    on: function (eventName, callback) {
+        if (this.callbacks[eventName] === undefined) {
+            this.callbacks[eventName] = [];
+        }
+        this.callbacks[eventName].push(callback);
+        return {
+            eventName,
+            callback,
+        };
+    },
+    off: function (eventName, callback) {
+        this.callbacks[eventName] = this.callbacks[eventName].filter((cb) => cb !== callback);
+    },
+    emit: function (eventName, payload) {
+        console.log(`%cWxCCSDK\t\t\t%cEmitEvent:%c ${eventName}\t\t%cPayload:%c ${payload}`, 'background: red; color: white;', 'background: lightgreen; color: black;', 'background: transparent; color: grey;', 'background: lightgreen; color: black;', 'background: transparent; color: grey;');
+        this.callbacks[eventName].forEach((cb) => cb(payload));
+    },
+};
+exports.default = sdk;
+//# sourceMappingURL=sdk.js.map

package/dist/sdk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sdk.js","sourceRoot":"","sources":["../src/sdk.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,MAAM,GAAG,GAAG;IACV,WAAW,EAAE,EAAE;IACf,SAAS,EAAE,EAAE;IACb,IAAI,EAAE;6DAAe,EAAC,WAAW,EAAC;YAChC,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QACjC,CAAC;KAAA;IACD,MAAM,EAAE;QACN,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;QACtB,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,CAAC;QAC3B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IAC5B,CAAC;IACD,QAAQ,EAAE;QACR,YAAY,EAAE,MAAM;QACpB,GAAG,EAAE,UAAS,KAAK;YACjB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;YAC1B,OAAO,CAAC,GAAG,CACT,2CAA2C,EAC3C,gCAAgC,EAChC,uCAAuC,EACvC,uCAAuC,CACxC,CAAC;YACF,UAAU,CAAC,GAAG,EAAE;gBACd,GAAG,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;YAChD,CAAC,EAAE,IAAI,CAAC,CAAC;QACX,CAAC;KACF;IACD,YAAY,EAAE;QACZ,YAAY,EAAE,SAAS;QACvB,IAAI,EAAE;YACJ,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC;YAC5B,OAAO,CAAC,GAAG,CACT,gDAAgD,EAChD,gCAAgC,EAChC,uCAAuC,EACvC,uCAAuC,CACxC,CAAC;YACF,UAAU,CAAC,GAAG,EAAE;gBACd,GAAG,CAAC,IAAI,CAAC,wBAAwB,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;YACxD,CAAC,EAAE,IAAI,CAAC,CAAC;QACX,CAAC;QACD,MAAM,EAAE;YACN,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;YAC9B,OAAO,CAAC,GAAG,CACT,kDAAkD,EAClD,gCAAgC,EAChC,uCAAuC,EACvC,uCAAuC,CACxC,CAAC;YACF,UAAU,CAAC,GAAG,EAAE;gBACd,GAAG,CAAC,IAAI,CAAC,wBAAwB,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;YACxD,CAAC,EAAE,IAAI,CAAC,CAAC;QACX,CAAC;KACF;IACD,EAAE,EAAE,UAAS,SAAS,EAAE,QAAQ;QAC9B,IAAI,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,SAAS,EAAE,CAAC;YAC5C,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;QACjC,CAAC;QACD,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACzC,OAAO;YACL,SAAS;YACT,QAAQ;SACT,CAAC;IACJ,CAAC;IACD,GAAG,EAAE,UAAS,SAAS,EAAE,QAAQ;QAC/B,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC;IACxF,CAAC;IACD,IAAI,EAAE,UAAS,SAAS,EAAE,OAAO;QAC/B,OAAO,CAAC,GAAG,CACT,iCAAiC,SAAS,oBAAoB,OAAO,EAAE,EACvE,gCAAgC,EAChC,uCAAuC,EACvC,uCAAuC,EACvC,uCAAuC,EACvC,uCAAuC,CACxC,CAAC;QACF,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACzD,CAAC;CACF,CAAC;AAEF,kBAAe,GAAG,CAAC"}

package/dist/store.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const mobx_1 = require("mobx");
+const sdk_1 = __importDefault(require("./sdk"));
+/*
+ * Store class
+ */
+class Store {
+    constructor() {
+        this.loginState = '';
+        this.isAvailable = false;
+        this.ccSdk = sdk_1.default;
+        this.setLoginState = (state) => {
+            this.loginState = state;
+        };
+        this.setIsAvailable = (state) => {
+            this.isAvailable = state;
+        };
+        (0, mobx_1.makeAutoObservable)(this, { ccSdk: mobx_1.observable.ref });
+        this.ccSdk.on('presence:state', (payload) => {
+            this.setIsAvailable(payload === 'available');
+        });
+    }
+}
+const store = new Store();
+exports.default = store;
+//# sourceMappingURL=store.js.map

package/dist/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","sourceRoot":"","sources":["../src/store.ts"],"names":[],"mappings":";;;;;AAAA,+BAAoD;AAEpD,gDAAwB;AACxB;;GAEG;AACH,MAAM,KAAK;IAKT;QAJA,eAAU,GAAG,EAAE,CAAC;QAChB,gBAAW,GAAG,KAAK,CAAC;QACpB,UAAK,GAAG,aAAG,CAAC;QAUZ,kBAAa,GAAG,CAAC,KAAK,EAAE,EAAE;YACxB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QAC1B,CAAC,CAAC;QAEF,mBAAc,GAAG,CAAC,KAAK,EAAE,EAAE;YACzB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QAC3B,CAAC,CAAC;QAbA,IAAA,yBAAkB,EAAC,IAAI,EAAE,EAAC,KAAK,EAAE,iBAAU,CAAC,GAAG,EAAC,CAAC,CAAC;QAElD,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,gBAAgB,EAAE,CAAC,OAAO,EAAE,EAAE;YAC1C,IAAI,CAAC,cAAc,CAAC,OAAO,KAAK,WAAW,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;IACL,CAAC;CASF;AAED,MAAM,KAAK,GAAG,IAAI,KAAK,EAAE,CAAC;AAC1B,kBAAe,KAAK,CAAC"}

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+import store from './store';
+export default store;

package/dist/types/sdk.d.ts

@@ -0,0 +1,24 @@
+declare const sdk: {
+    accessToken: string;
+    callbacks: {};
+    init: ({ accessToken }: {
+        accessToken: any;
+    }) => Promise<void>;
+    logout: () => void;
+    presence: {
+        currentState: string;
+        set: (state: any) => void;
+    };
+    callControls: {
+        currentState: string;
+        mute: () => void;
+        unmute: () => void;
+    };
+    on: (eventName: any, callback: any) => {
+        eventName: any;
+        callback: any;
+    };
+    off: (eventName: any, callback: any) => void;
+    emit: (eventName: any, payload: any) => void;
+};
+export default sdk;

package/dist/types/store.d.ts

@@ -0,0 +1,32 @@
+declare class Store {
+    loginState: string;
+    isAvailable: boolean;
+    ccSdk: {
+        accessToken: string;
+        callbacks: {};
+        init: ({ accessToken }: {
+            accessToken: any;
+        }) => Promise<void>;
+        logout: () => void;
+        presence: {
+            currentState: string;
+            set: (state: any) => void;
+        };
+        callControls: {
+            currentState: string;
+            mute: () => void;
+            unmute: () => void;
+        };
+        on: (eventName: any, callback: any) => {
+            eventName: any;
+            callback: any;
+        };
+        off: (eventName: any, callback: any) => void;
+        emit: (eventName: any, payload: any) => void;
+    };
+    constructor();
+    setLoginState: (state: any) => void;
+    setIsAvailable: (state: any) => void;
+}
+declare const store: Store;
+export default store;

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@webex/cc-store",
+  "description": "Webex Contact Center Widgets: Widgets Store",
+  "version": "1.0.1-0",
+  "main": "dist/index.js",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "yarn run -T tsc",
+    "build:src": "webpack && yarn run build",
+    "build:watch": "webpack --watch",
+    "test:unit": "jest",
+    "release": "semantic-release"
+  },
+  "dependencies": {
+    "mobx": "6.13.5",
+    "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",
+    "@semantic-release/changelog": "^6.0.3",
+    "@semantic-release/git": "^10.0.1",
+    "@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.0.0"
+}

package/release.config.js

@@ -0,0 +1,34 @@
+module.exports = {
+  branches: [
+    'master', // or 'main', depending on your main branch name
+    {
+      name: 'eft-pipeline',
+      prerelease: 'alpha', // This will trigger versions like 1.0.0-alpha.X
+    },
+  ],
+  plugins: [
+    '@semantic-release/commit-analyzer',
+    [
+      '@semantic-release/release-notes-generator',
+      {
+        writerOpts: {
+          commitsSort: ['subject', 'scope'],
+        },
+      },
+    ],
+    '@semantic-release/changelog',
+    [
+      'semantic-release-yarn',
+      {
+        yarnPublish: false, // Prevents publishing via Yarn (useful for Yarn workspaces)
+      },
+    ],
+    [
+      '@semantic-release/git',
+      {
+        assets: ['CHANGELOG.md', 'package.json'],
+      },
+    ],
+    '@semantic-release/github',
+  ],
+};

package/src/index.ts

@@ -0,0 +1,2 @@
+import store from './store';
+export default store;

package/src/sdk.ts

@@ -0,0 +1,80 @@
+const sdk = {
+  accessToken: '',
+  callbacks: {},
+  init: async function({accessToken}) {
+    this.accessToken = accessToken;
+  },
+  logout: function() {
+    this.accessToken = '';
+    this.callControls.unmute();
+    this.presence.set('busy');
+  },
+  presence: {
+    currentState: 'busy',
+    set: function(state) {
+      this.currentState = state;
+      console.log(
+        `%cWxCCSDK\t\t\t%cpresence.set:%c Received`,
+        'background: red; color: white;',
+        'background: lightgreen; color: black;',
+        'background: transparent; color: grey;'
+      );
+      setTimeout(() => {
+        sdk.emit('presence:state', this.currentState);
+      }, 1500);
+    },
+  },
+  callControls: {
+    currentState: 'unmuted',
+    mute: function() {
+      this.currentState = 'muted';
+      console.log(
+        `%cWxCCSDK\t\t\t%ccallControls.mute:%c Received`,
+        'background: red; color: white;',
+        'background: lightgreen; color: black;',
+        'background: transparent; color: grey;'
+      );
+      setTimeout(() => {
+        sdk.emit('callControls:muteState', this.currentState);
+      }, 1500);
+    },
+    unmute: function() {
+      this.currentState = 'unmuted';
+      console.log(
+        `%cWxCCSDK\t\t\t%ccallControls.unmute:%c Received`,
+        'background: red; color: white;',
+        'background: lightgreen; color: black;',
+        'background: transparent; color: grey;'
+      );
+      setTimeout(() => {
+        sdk.emit('callControls:muteState', this.currentState);
+      }, 3000);
+    },
+  },
+  on: function(eventName, callback) {
+    if (this.callbacks[eventName] === undefined) {
+      this.callbacks[eventName] = [];
+    }
+    this.callbacks[eventName].push(callback);
+    return {
+      eventName,
+      callback,
+    };
+  },
+  off: function(eventName, callback) {
+    this.callbacks[eventName] = this.callbacks[eventName].filter((cb) => cb !== callback);
+  },
+  emit: function(eventName, payload) {
+    console.log(
+      `%cWxCCSDK\t\t\t%cEmitEvent:%c ${eventName}\t\t%cPayload:%c ${payload}`,
+      'background: red; color: white;',
+      'background: lightgreen; color: black;',
+      'background: transparent; color: grey;',
+      'background: lightgreen; color: black;',
+      'background: transparent; color: grey;'
+    );
+    this.callbacks[eventName].forEach((cb) => cb(payload));
+  },
+};
+
+export default sdk;

package/src/store.ts

@@ -0,0 +1,30 @@
+import {makeAutoObservable, observable} from 'mobx';
+
+import sdk from './sdk';
+/*
+ * Store class
+ */
+class Store {
+  loginState = '';
+  isAvailable = false;
+  ccSdk = sdk;
+
+  constructor() {
+    makeAutoObservable(this, {ccSdk: observable.ref});
+
+    this.ccSdk.on('presence:state', (payload) => {
+      this.setIsAvailable(payload === 'available');
+    });
+  }
+
+  setLoginState = (state) => {
+    this.loginState = state;
+  };
+
+  setIsAvailable = (state) => {
+    this.isAvailable = state;
+  };
+}
+
+const store = new Store();
+export default store;

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',
+  },
+});