@webex/cc-station-login 1.28.0-alpha.11 → 1.28.0-ccwidgets.2

package/dist/helper.js

@@ -1,11 +1,37 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStationLogin = void 0;
-/*
- * StationLogin helper
- */
-const useStationLogin = () => {
-    return { name: 'StationLogin' };
+const react_1 = require("react");
+const useStationLogin = (props) => {
+    const cc = props.cc;
+    const loginCb = props.onLogin;
+    const logoutCb = props.onLogout;
+    const [dialNumber, setDialNumber] = (0, react_1.useState)('');
+    const [deviceType, setDeviceType] = (0, react_1.useState)('');
+    const [team, setTeam] = (0, react_1.useState)('');
+    const [loginSuccess, setLoginSuccess] = (0, react_1.useState)();
+    const [loginFailure, setLoginFailure] = (0, react_1.useState)();
+    const [logoutSuccess, setLogoutSuccess] = (0, react_1.useState)();
+    const login = () => {
+        cc.stationLogin({ teamId: team, loginOption: deviceType, dialNumber: dialNumber })
+            .then((res) => {
+            setLoginSuccess(res);
+            loginCb();
+        }).catch((error) => {
+            console.error(error);
+            setLoginFailure(error);
+        });
+    };
+    const logout = () => {
+        cc.stationLogout({ logoutReason: 'User requested logout' })
+            .then((res) => {
+            setLogoutSuccess(res);
+            logoutCb();
+        }).catch((error) => {
+            console.error(error);
+        });
+    };
+    return { name: 'StationLogin', setDeviceType, setDialNumber, setTeam, login, logout, loginSuccess, loginFailure, logoutSuccess };
 };
 exports.useStationLogin = useStationLogin;
 //# sourceMappingURL=helper.js.map

package/dist/helper.js.map

@@ -1 +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"}
+{"version":3,"file":"helper.js","sourceRoot":"","sources":["../src/helper.ts"],"names":[],"mappings":";;;AAAA,iCAA+B;AAIxB,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC7D,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IACpB,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IAC9B,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;IAChC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACjD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACjD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACrC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,GAAuB,CAAC;IACxE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,GAAS,CAAC;IAC1D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,GAAwB,CAAC;IAE3E,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,EAAE,CAAC,YAAY,CAAC,EAAC,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAC,CAAC;aAC7E,IAAI,CAAC,CAAC,GAAwB,EAAE,EAAE;YACjC,eAAe,CAAC,GAAG,CAAC,CAAC;YACrB,OAAO,EAAE,CAAC;QACZ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAY,EAAE,EAAE;YACxB,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACrB,eAAe,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,EAAE,CAAC,aAAa,CAAC,EAAC,YAAY,EAAE,uBAAuB,EAAC,CAAC;aACtD,IAAI,CAAC,CAAC,GAAyB,EAAE,EAAE;YAClC,gBAAgB,CAAC,GAAG,CAAC,CAAC;YACtB,QAAQ,EAAE,CAAC;QACb,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAU,EAAE,EAAE;YACtB,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,OAAO,EAAC,IAAI,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAC,CAAC;AACjI,CAAC,CAAA;AAjCY,QAAA,eAAe,mBAiC3B"}

package/dist/station-login/index.js

@@ -10,17 +10,20 @@ 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 });
+const StationLogin = (0, mobx_react_1.observer)(({ onLogin, onLogout }) => {
+    const { cc, teams, loginOptions } = cc_store_1.default;
+    const result = (0, helper_1.useStationLogin)({ cc, onLogin, onLogout });
+    const props = Object.assign(Object.assign({}, result), { teams,
+        loginOptions });
     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);
+const WebStationLogin = (0, react_to_web_component_1.default)(StationLogin, {
+    props: {
+        onLogin: "function",
+        onLogout: "function"
+    }
+});
 exports.WebStationLogin = WebStationLogin;
 if (!customElements.get('widget-cc-station-login')) {
     customElements.define('widget-cc-station-login', WebStationLogin);

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

@@ -1 +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"}
+{"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;AAG1C,MAAM,YAAY,GAA+C,IAAA,qBAAQ,EAAC,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAC,EAAE,EAAE;IAChG,MAAM,EAAC,EAAE,EAAE,KAAK,EAAE,YAAY,EAAC,GAAG,kBAAK,CAAC;IACxC,MAAM,MAAM,GAAG,IAAA,wBAAe,EAAC,EAAC,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAC,CAAC,CAAC;IAExD,MAAM,KAAK,mCACN,MAAM,KACT,KAAK;QACL,YAAY,GACb,CAAC;IACF,OAAO,8BAAC,sCAA0B,oBAAK,KAAK,EAAI,CAAC;AACnD,CAAC,CAAC,CAAC;AAaK,oCAAY;AAXpB,MAAM,eAAe,GAAG,IAAA,gCAAI,EAAC,YAAY,EAAE;IACzC,KAAK,EAAE;QACL,OAAO,EAAE,UAAU;QACnB,QAAQ,EAAE,UAAU;KACrB;CACF,CAAC,CAAC;AAMmB,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

@@ -1,16 +1,142 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const StationLoginPresentational = (props) => {
+    const { name, teams, loginOptions, login, logout, setDeviceType, setDialNumber, setTeam } = props; // TODO: Use the  loginSuccess, loginFailure, logoutSuccess props returned fromthe API response via helper file to reflect UI changes
+    (0, react_1.useEffect)(() => {
+        const teamsDropdown = document.getElementById('teamsDropdown');
+        const agentLogin = document.querySelector('#LoginOption');
+        const dialNumber = document.querySelector('#dialNumber');
+        if (teamsDropdown) {
+            teamsDropdown.innerHTML = '';
+            if (teams) {
+                teams.forEach((team) => {
+                    const option = document.createElement('option');
+                    option.value = team.id;
+                    option.text = team.name;
+                    teamsDropdown.add(option);
+                });
+                setTeam(teamsDropdown.value);
+                dialNumber.value = '';
+                dialNumber.disabled = true;
+            }
+        }
+        if (loginOptions.length > 0) {
+            loginOptions.forEach((options) => {
+                const option = document.createElement('option');
+                option.text = options;
+                option.value = options;
+                agentLogin.add(option);
+            });
+        }
+    }, [teams, loginOptions]);
+    const selectLoginOption = (event) => {
+        const dialNumber = document.querySelector('#dialNumber');
+        const deviceType = event.target.value;
+        setDeviceType(deviceType);
+        if (deviceType === 'AGENT_DN' || deviceType === 'EXTENSION') {
+            dialNumber.disabled = false;
+        }
+        else {
+            dialNumber.disabled = true;
+        }
+    };
+    function updateDN() {
+        const dialNumber = document.querySelector('#dialNumber');
+        setDialNumber(dialNumber.value);
+    }
+    const styles = {
+        box: {
+            backgroundColor: '#ffffff',
+            borderRadius: '8px',
+            boxShadow: '0 2px 4px rgba(0, 0, 0, 0.1)',
+            padding: '20px',
+            maxWidth: '800px',
+            margin: '0 auto'
+        },
+        sectionBox: {
+            padding: '10px',
+            border: '1px solid #ddd',
+            borderRadius: '8px'
+        },
+        fieldset: {
+            border: '1px solid #ccc',
+            borderRadius: '5px',
+            padding: '10px',
+            marginBottom: '20px'
+        },
+        legendBox: {
+            fontWeight: 'bold',
+            color: '#0052bf'
+        },
+        btn: {
+            padding: '10px 20px',
+            backgroundColor: '#0052bf',
+            color: 'white',
+            border: 'none',
+            borderRadius: '4px',
+            cursor: 'pointer',
+            transition: 'background-color 0.3s',
+            marginRight: '8px'
+        },
+        select: {
+            width: '100%',
+            padding: '8px',
+            marginTop: '8px',
+            marginBottom: '12px',
+            border: '1px solid #ccc',
+            borderRadius: '4px'
+        },
+        input: {
+            width: '97%',
+            padding: '8px',
+            marginTop: '8px',
+            marginBottom: '12px',
+            border: '1px solid #ccc',
+            borderRadius: '4px'
+        }
+    };
     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")));
+        react_1.default.createElement("h1", { "data-testid": "station-login-heading" }, name),
+        react_1.default.createElement("div", { style: styles.box },
+            react_1.default.createElement("section", { style: styles.sectionBox },
+                react_1.default.createElement("fieldset", { style: styles.fieldset },
+                    react_1.default.createElement("legend", { style: styles.legendBox }, "Agent"),
+                    react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', flexGrow: 1 } },
+                        react_1.default.createElement("div", { style: { display: 'flex', gap: '1rem' } },
+                            react_1.default.createElement("fieldset", { style: { border: '1px solid #ccc', borderRadius: '5px', padding: '10px', marginBottom: '20px', flex: 0.69 } },
+                                react_1.default.createElement("legend", { style: styles.legendBox }, "Select Team"),
+                                react_1.default.createElement("select", { id: "teamsDropdown", style: styles.select }, "Teams")),
+                            react_1.default.createElement("fieldset", { style: styles.fieldset },
+                                react_1.default.createElement("legend", { style: styles.legendBox }, "Agent Login"),
+                                react_1.default.createElement("select", { name: "LoginOption", id: "LoginOption", style: styles.select, onChange: selectLoginOption },
+                                    react_1.default.createElement("option", { value: "", selected: true, hidden: true }, "Choose Agent Login Option...")),
+                                react_1.default.createElement("input", { style: styles.input, id: "dialNumber", name: "dialNumber", placeholder: "Extension/Dial Number", type: "text", onInput: updateDN }),
+                                react_1.default.createElement("button", { id: "AgentLogin", style: styles.btn, onClick: login }, "Login"),
+                                react_1.default.createElement("button", { id: "logoutAgent", style: styles.btn, onClick: logout }, "Logout")))))))));
 };
 exports.default = StationLoginPresentational;
 //# sourceMappingURL=station-login.presentational.js.map

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

@@ -1 +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"}
+{"version":3,"file":"station-login.presentational.js","sourceRoot":"","sources":["../../src/station-login/station-login.presentational.tsx"],"names":[],"mappings":"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"}

package/dist/types/helper.d.ts

@@ -1,3 +1,12 @@
-export declare const useStationLogin: () => {
+import { UseStationLoginProps } from "./station-login/station-login.types";
+export declare const useStationLogin: (props: UseStationLoginProps) => {
     name: string;
+    setDeviceType: import("react").Dispatch<import("react").SetStateAction<string>>;
+    setDialNumber: import("react").Dispatch<import("react").SetStateAction<string>>;
+    setTeam: import("react").Dispatch<import("react").SetStateAction<string>>;
+    login: () => void;
+    logout: () => void;
+    loginSuccess: StationLoginSuccess;
+    loginFailure: Error;
+    logoutSuccess: StationLogoutSuccess;
 };

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

@@ -1,4 +1,5 @@
 import React from 'react';
-declare const StationLogin: React.FunctionComponent;
+import { StationLoginProps } from './station-login.types';
+declare const StationLogin: React.FunctionComponent<StationLoginProps>;
 declare const WebStationLogin: CustomElementConstructor;
 export { StationLogin, WebStationLogin };

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

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

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

@@ -1,26 +1,65 @@
+import { IContactCenter, StationLoginSuccess, StationLogoutSuccess, Team } from '@webex/plugin-cc';
 /**
  * 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.
+     * Webex instance.
      */
-    loginState: any;
+    cc: IContactCenter;
     /**
-     * Function to set the login state of the station.
+     * Array of the team IDs that agent belongs to
      */
-    setLoginState: any;
+    teams: Team[];
     /**
-     * The Customer Care SDK instance.
+    * Station login options available for the agent
+    */
+    loginOptions: string[];
+    /**
+     * Handler to initiate the agent login
+     */
+    login: () => void;
+    /**
+     * Handler for agent logout
+     */
+    logout: () => void;
+    /**
+     * Response data received on agent login success
+     */
+    loginSuccess?: StationLoginSuccess;
+    /**
+     * Error received on agent login failure
+     */
+    loginFailure?: Error;
+    /**
+   * Response data received on agent login success
+   */
+    logoutSuccess?: StationLogoutSuccess;
+    /**
+     * Callback function to be invoked once the agent login is successful
+     */
+    onLogin: () => void;
+    /**
+     * Callback function to be invoked once the agent login is successful
+     */
+    onLogout: () => void;
+    /**
+     * Handler to set device type
+     */
+    setDeviceType: (deviceType: string) => void;
+    /**
+     * Handler to set the entered dial number
      */
-    ccSdk: any;
+    setDialNumber: (dn: string) => void;
     /**
-     * Indicates whether the station is available.
+     * Handler to set the selected agent team
      */
-    isAvailable: any;
+    setTeam: (team: string) => void;
 }
+export type StationLoginPresentationalProps = Pick<IStationLoginProps, 'name' | 'teams' | 'loginOptions' | 'login' | 'logout' | 'loginSuccess' | 'loginFailure' | 'logoutSuccess' | 'setDeviceType' | 'setDialNumber' | 'setTeam'>;
+export type UseStationLoginProps = Pick<IStationLoginProps, 'cc' | 'onLogin' | 'onLogout'>;
+export type StationLoginProps = Pick<IStationLoginProps, 'onLogin' | 'onLogout'>;

package/package.json

@@ -1,33 +1,33 @@
 {
   "name": "@webex/cc-station-login",
   "description": "Webex Contact Center Widgets: Station Login",
-  "version": "1.28.0-alpha.11",
+  "version": "1.28.0-ccwidgets.2",
   "main": "dist/index.js",
   "publishConfig": {
     "access": "public"
   },
+  "files": [
+    "dist/",
+    "package.json"
+  ],
   "scripts": {
     "build": "yarn run -T tsc",
     "build:src": "webpack && yarn run build",
     "build:watch": "webpack --watch",
-    "test:unit": "jest",
-    "release": "semantic-release"
+    "test:unit": "jest"
   },
   "dependencies": {
     "@r2wc/react-to-web-component": "2.0.3",
-    "@webex/cc-store": "1.0.1-0",
+    "@webex/cc-store": "1.28.0-ccwidgets.2",
     "mobx-react": "9.1.1",
     "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "typescript": "5.6.3"
+    "react-dom": "18.3.1"
   },
   "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",
@@ -38,8 +38,8 @@
     "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",
+    "typescript": "5.6.3",
     "webpack": "5.94.0",
     "webpack-cli": "5.1.4",
     "webpack-merge": "6.0.1"
@@ -51,5 +51,5 @@
       "**/tests/**/*.tsx"
     ]
   },
-  "stableVersion": "1.0.0"
+  "stableVersion": "1.28.0-ccwidgets.1"
 }

package/.babelrc.js

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

package/CHANGELOG.md

@@ -1,6 +0,0 @@
-# [@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/release.config.js

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

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

package/src/index.ts

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

package/src/station-login/index.tsx

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

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

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

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

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

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

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