@webex/cc-station-login 1.0.1-0

package/.babelrc.js

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

package/CHANGELOG.md

@@ -0,0 +1,13 @@
+# [@webex/cc-station-login-v1.28.0-alpha.12](https://github.com/webex/widgets/compare/1.28.0-alpha.11...1.28.0-alpha.12) (2024-11-15)
+
+
+### Bug Fixes
+
+* **cc-widgets:** test-commit-to-check-release ([#269](https://github.com/webex/widgets/issues/269)) ([49ec94f](https://github.com/webex/widgets/commit/49ec94f2b2ef0758951ce51cc56675390e9d49cc))
+
+# [@webex/cc-station-login-v1.28.0-alpha.11](https://github.com/webex/widgets/compare/1.28.0-alpha.10...1.28.0-alpha.11) (2024-11-15)
+
+
+### Bug Fixes
+
+* **cc-widgets:** remove-dry-run ([#268](https://github.com/webex/widgets/issues/268)) ([4e2038c](https://github.com/webex/widgets/commit/4e2038c216cb915a1233667e259be619b92212b1))

package/dist/helper.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStationLogin = void 0;
+/*
+ * StationLogin helpers
+ */
+const useStationLogin = () => {
+    return { name: 'StationLogin' };
+};
+exports.useStationLogin = useStationLogin;
+//# 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;AACI,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,OAAO,EAAC,IAAI,EAAE,cAAc,EAAC,CAAC;AAChC,CAAC,CAAC;AAFW,QAAA,eAAe,mBAE1B"}

package/dist/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebStationLogin = exports.StationLogin = void 0;
+const station_login_1 = require("./station-login");
+Object.defineProperty(exports, "StationLogin", { enumerable: true, get: function () { return station_login_1.StationLogin; } });
+Object.defineProperty(exports, "WebStationLogin", { enumerable: true, get: function () { return station_login_1.WebStationLogin; } });
+//# 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,mDAA8D;AAEtD,6FAFA,4BAAY,OAEA;AAAE,gGAFA,+BAAe,OAEA"}

package/dist/station-login/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.WebStationLogin = exports.StationLogin = void 0;
+const react_1 = __importDefault(require("react"));
+const react_to_web_component_1 = __importDefault(require("@r2wc/react-to-web-component"));
+const cc_store_1 = __importDefault(require("@webex/cc-store"));
+const mobx_react_1 = require("mobx-react");
+const station_login_presentational_1 = __importDefault(require("./station-login.presentational"));
+const helper_1 = require("../helper");
+const StationLogin = (0, mobx_react_1.observer)(() => {
+    const { loginState, setLoginState, ccSdk, isAvailable } = cc_store_1.default;
+    const result = (0, helper_1.useStationLogin)();
+    const props = Object.assign(Object.assign({}, result), { loginState,
+        setLoginState,
+        ccSdk,
+        isAvailable });
+    return react_1.default.createElement(station_login_presentational_1.default, Object.assign({}, props));
+});
+exports.StationLogin = StationLogin;
+const WebStationLogin = (0, react_to_web_component_1.default)(StationLogin);
+exports.WebStationLogin = WebStationLogin;
+if (!customElements.get('widget-cc-station-login')) {
+    customElements.define('widget-cc-station-login', WebStationLogin);
+}
+//# sourceMappingURL=index.js.map

package/dist/station-login/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/station-login/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,0FAAgD;AAChD,+DAAoC;AACpC,2CAAoC;AAEpC,kGAAwE;AACxE,sCAA0C;AAE1C,MAAM,YAAY,GAA4B,IAAA,qBAAQ,EAAC,GAAG,EAAE;IAC1D,MAAM,EAAC,UAAU,EAAE,aAAa,EAAE,KAAK,EAAE,WAAW,EAAC,GAAG,kBAAK,CAAC;IAC9D,MAAM,MAAM,GAAG,IAAA,wBAAe,GAAE,CAAC;IAEjC,MAAM,KAAK,mCACN,MAAM,KACT,UAAU;QACV,aAAa;QACb,KAAK;QACL,WAAW,GACZ,CAAC;IACF,OAAO,8BAAC,sCAA0B,oBAAK,KAAK,EAAI,CAAC;AACnD,CAAC,CAAC,CAAC;AAQK,oCAAY;AANpB,MAAM,eAAe,GAAG,IAAA,gCAAI,EAAC,YAAY,CAAC,CAAC;AAMrB,0CAAe;AAJrC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,yBAAyB,CAAC,EAAE,CAAC;IACnD,cAAc,CAAC,MAAM,CAAC,yBAAyB,EAAE,eAAe,CAAC,CAAC;AACpE,CAAC"}

package/dist/station-login/station-login.presentational.js

@@ -0,0 +1,16 @@
+"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"));
+const StationLoginPresentational = (props) => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("h1", { "data-testid": "station-login-heading" }, props.name),
+        react_1.default.createElement("h4", null,
+            "Station Login State: ",
+            props.loginState),
+        react_1.default.createElement("button", { onClick: () => props.setLoginState('Logged In') }, "Click to change state")));
+};
+exports.default = StationLoginPresentational;
+//# sourceMappingURL=station-login.presentational.js.map

package/dist/station-login/station-login.presentational.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"station-login.presentational.js","sourceRoot":"","sources":["../../src/station-login/station-login.presentational.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAI1B,MAAM,0BAA0B,GAAgD,CAAC,KAAK,EAAE,EAAE;IACxF,OAAO,CACL;QACE,qDAAgB,uBAAuB,IAAE,KAAK,CAAC,IAAI,CAAM;QACzD;;YAA0B,KAAK,CAAC,UAAU,CAAM;QAChD,0CAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,4BAAgC,CACtF,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,0BAA0B,CAAC"}

package/dist/station-login/station-login.types.js

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

package/dist/station-login/station-login.types.js.map

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

package/dist/types/helper.d.ts

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

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+import { StationLogin, WebStationLogin } from './station-login';
+export { StationLogin, WebStationLogin };

package/dist/types/station-login/index.d.ts

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

package/dist/types/station-login/station-login.presentational.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IStationLoginProps } from './station-login.types';
+declare const StationLoginPresentational: React.FunctionComponent<IStationLoginProps>;
+export default StationLoginPresentational;

package/dist/types/station-login/station-login.types.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Interface representing the properties for the Station Login component.
+ */
+export interface IStationLoginProps {
+    /**
+     * The name of the station.
+     *
+     */
+    name: string;
+    /**
+     * The current login state of the station.
+     */
+    loginState: any;
+    /**
+     * Function to set the login state of the station.
+     */
+    setLoginState: any;
+    /**
+     * The Customer Care SDK instance.
+     */
+    ccSdk: any;
+    /**
+     * Indicates whether the station is available.
+     */
+    isAvailable: any;
+}

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@webex/cc-station-login",
+  "description": "Webex Contact Center Widgets: Station Login",
+  "version": "1.0.1-0",
+  "main": "dist/index.js",
+  "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": {
+    "@r2wc/react-to-web-component": "2.0.3",
+    "@webex/cc-store": "1.0.1-0",
+    "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",
+    "@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",
+    "ts-loader": "9.5.1",
+    "webpack": "5.94.0",
+    "webpack-cli": "5.1.4",
+    "webpack-merge": "6.0.1"
+  },
+  "jest": {
+    "testEnvironment": "jsdom",
+    "testMatch": [
+      "**/tests/**/*.ts",
+      "**/tests/**/*.tsx"
+    ]
+  },
+  "stableVersion": "1.0.0"
+}

package/release.config.js

@@ -0,0 +1,36 @@
+module.exports = {
+  extends: 'semantic-release-monorepo',
+  branches: [
+    'master',
+    {
+      name: 'eft-pipeline',
+      prerelease: 'alpha',
+    },
+  ],
+  plugins: [
+    '@semantic-release/commit-analyzer',
+    [
+      '@semantic-release/release-notes-generator',
+      {
+        writerOpts: {
+          commitsSort: ['subject', 'scope'],
+        },
+      },
+    ],
+    '@semantic-release/changelog',
+    [
+      'semantic-release-yarn',
+      {
+        yarnPublish: false,
+      },
+    ],
+    [
+      '@semantic-release/git',
+      {
+        assets: ['CHANGELOG.md', 'package.json'],
+      },
+    ],
+    '@semantic-release/github',
+  ],
+  tagFormat: '${version}',
+};

package/src/helper.ts

@@ -0,0 +1,6 @@
+/*
+ * StationLogin helpers
+ */
+export const useStationLogin = () => {
+  return {name: 'StationLogin'};
+};

package/src/index.ts

@@ -0,0 +1,3 @@
+import {StationLogin, WebStationLogin} from './station-login';
+
+export {StationLogin, WebStationLogin};

package/src/station-login/index.tsx

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

package/src/station-login/station-login.presentational.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+
+import {IStationLoginProps} from './station-login.types';
+
+const StationLoginPresentational: React.FunctionComponent<IStationLoginProps> = (props) => {
+  return (
+    <>
+      <h1 data-testid="station-login-heading">{props.name}</h1>
+      <h4>Station Login State: {props.loginState}</h4>
+      <button onClick={() => props.setLoginState('Logged In')}>Click to change state</button>
+    </>
+  );
+};
+
+export default StationLoginPresentational;

package/src/station-login/station-login.types.ts

@@ -0,0 +1,30 @@
+/**
+ * Interface representing the properties for the Station Login component.
+ */
+export interface IStationLoginProps {
+  /**
+   * The name of the station.
+   *
+   */
+  name: string;
+
+  /**
+   * The current login state of the station.
+   */
+  loginState: any;
+
+  /**
+   * Function to set the login state of the station.
+   */
+  setLoginState: any;
+
+  /**
+   * The Customer Care SDK instance.
+   */
+  ccSdk: any;
+
+  /**
+   * Indicates whether the station is available.
+   */
+  isAvailable: any;
+}

package/tests/helper.ts

@@ -0,0 +1,8 @@
+import {useStationLogin} from '../src/helper';
+
+describe('Station login helpers', () => {
+  it('returns the correct component name', () => {
+    const result = useStationLogin();
+    expect(result.name).toBe('StationLogin');
+  });
+});

package/tests/station-login/index.tsx

@@ -0,0 +1,21 @@
+import '@testing-library/jest-dom';
+import React from 'react';
+import {render, screen, cleanup} from '@testing-library/react';
+
+import * as helper from '../../src/helper';
+import {StationLogin} from '../../src/station-login/index';
+
+describe('StationLogin', () => {
+  afterEach(cleanup);
+
+  it('CheckboxWithLabel changes the text after click', () => {
+    const stationLoginHelperSpy = jest.spyOn(helper, 'useStationLogin').mockReturnValue({name: 'MockStationLogin'});
+
+    render(<StationLogin />);
+
+    expect(stationLoginHelperSpy).toHaveBeenCalledWith();
+
+    const heading = screen.getByTestId('station-login-heading');
+    expect(heading).toHaveTextContent('MockStationLogin');
+  });
+});

package/tests/station-login/station-login.presentational.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import {render, screen, cleanup} from '@testing-library/react';
+import StationLoginPresentational from '../../src/station-login/station-login.presentational';
+import '@testing-library/jest-dom';
+
+describe('StationLoginPresentational', () => {
+  afterEach(cleanup);
+
+  it('renders the component name', () => {
+    const props = {
+      name: 'StationLogin',
+      loginState: 'idle',
+      setLoginState: jest.fn(),
+      ccSdk: {},
+      isAvailable: jest.fn(),
+    };
+    render(<StationLoginPresentational {...props} />);
+    const heading = screen.getByTestId('station-login-heading');
+    expect(heading).toHaveTextContent('StationLogin');
+  });
+});

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