@microsoft/omnichannel-chat-widget 0.1.0-main.1a61ea0

package/lib/types/contexts/common/ConversationState.d.ts

@@ -0,0 +1,10 @@
+export declare enum ConversationState {
+    Prechat = 0,
+    Loading = 1,
+    ReconnectChat = 2,
+    OutOfOffice = 3,
+    ProactiveChat = 4,
+    Active = 5,
+    Postchat = 6,
+    Closed = 7
+}

package/lib/types/contexts/common/ILiveChatWidgetAction.d.ts

@@ -0,0 +1,5 @@
+import { LiveChatWidgetActionType } from "./LiveChatWidgetActionType";
+export interface ILiveChatWidgetAction {
+    type: LiveChatWidgetActionType;
+    payload: any;
+}

package/lib/types/contexts/common/ILiveChatWidgetContext.d.ts

@@ -0,0 +1,47 @@
+import ChatConfig from "@microsoft/omnichannel-chat-sdk/lib/core/ChatConfig";
+import { ConversationState } from "./ConversationState";
+import { IInternalTelemetryData } from "../../common/telemetry/interfaces/IInternalTelemetryData";
+import { ILiveChatWidgetLocalizedTexts } from "./ILiveChatWidgetLocalizedTexts";
+import { IRenderingMiddlewareProps } from "../../components/webchatcontainerstateful/interfaces/IRenderingMiddlewareProps";
+export interface ILiveChatWidgetContext {
+    domainStates: {
+        liveChatConfig: ChatConfig | undefined;
+        widgetElementId: string;
+        preChatSurveyResponse: string;
+        chatToken: any;
+        renderingMiddlewareProps: IRenderingMiddlewareProps | undefined;
+        postChatContext: any;
+        middlewareLocalizedTexts: ILiveChatWidgetLocalizedTexts | undefined;
+        telemetryInternalData: IInternalTelemetryData;
+        globalDir: "rtl" | "ltr";
+    };
+    appStates: {
+        conversationState: ConversationState;
+        isMinimized: boolean;
+        previousElementOnFocusBeforeModalOpen: HTMLElement | null;
+        outsideOperatingHours: boolean;
+        shouldShowPostChat: boolean;
+        preChatResponseEmail: string;
+        isAudioMuted: boolean | null;
+        newMessage: boolean;
+        skipChatButtonRendering: boolean;
+        reconnectId: string | undefined;
+        proactiveChatStates: {
+            proactiveChatBodyTitle: string;
+            proactiveChatEnablePrechat: boolean;
+            proactiveChatInNewWindow: boolean;
+        };
+        e2vvEnabled: boolean;
+        unreadMessageCount: number;
+    };
+    uiStates: {
+        showConfirmationPane: boolean;
+        showEmailTranscriptPane: boolean;
+        disableVideoCall: boolean;
+        showCallingPopup: boolean;
+        disableRemoteVideo: boolean;
+        disableSelfVideo: boolean;
+        isIncomingCall: boolean;
+        focusChatButton: boolean;
+    };
+}

package/lib/types/contexts/common/ILiveChatWidgetLocalizedTexts.d.ts

@@ -0,0 +1,22 @@
+export interface ILiveChatWidgetLocalizedTexts {
+    MIDDLEWARE_BANNER_FILE_NULL_ERROR?: string;
+    MIDDLEWARE_BANNER_FILE_SIZE_WITHOUT_EXTENSION_ERROR?: string;
+    MIDDLEWARE_BANNER_FILE_SIZE_EXTENSION_ERROR?: string;
+    MIDDLEWARE_BANNER_FILE_WITHOUT_EXTENSION?: string;
+    MIDDLEWARE_BANNER_FILE_EXTENSION_ERROR?: string;
+    MIDDLEWARE_BANNER_FILE_SIZE_ERROR?: string;
+    MIDDLEWARE_BANNER_FILE_IS_EMPTY_ERROR?: string;
+    MIDDLEWARE_BANNER_ERROR_MESSAGE?: string;
+    MIDDLEWARE_BANNER_INTERNET_BACK_ONLINE?: string;
+    MIDDLEWARE_BANNER_NO_INTERNET_CONNECTION?: string;
+    MIDDLEWARE_MAX_CHARACTER_COUNT_EXCEEDED?: string;
+    MIDDLEWARE_TYPING_INDICATOR_ONE?: string;
+    MIDDLEWARE_TYPING_INDICATOR_TWO?: string;
+    MIDDLEWARE_TYPING_INDICATOR_MULTIPLE?: string;
+    MIDDLEWARE_MESSAGE_SENDING?: string;
+    MIDDLEWARE_MESSAGE_DELIVERED?: string;
+    MIDDLEWARE_MESSAGE_NOT_DELIVERED?: string;
+    MIDDLEWARE_MESSAGE_RETRY?: string;
+    PRECHAT_REQUIRED_FIELD_MISSING_MESSAGE?: string;
+    MARKDOWN_EXTERNAL_LINK_ALT?: string;
+}

package/lib/types/contexts/common/LiveChatWidgetActionType.d.ts

@@ -0,0 +1,30 @@
+export declare enum LiveChatWidgetActionType {
+    SET_WIDGET_ELEMENT_ID = 0,
+    SET_RENDERING_MIDDLEWARE_PROPS = 1,
+    SET_MIDDLEWARE_LOCALIZED_TEXTS = 2,
+    SET_GLOBAL_DIR = 3,
+    SET_MINIMIZED = 4,
+    SET_CONVERSATION_STATE = 5,
+    SET_PREVIOUS_FOCUSED_ELEMENT = 6,
+    SET_OUTSIDE_OPERATING_HOURS = 7,
+    SET_PRE_CHAT_SURVEY_RESPONSE = 8,
+    SET_SHOW_CONFIRMATION = 9,
+    SET_SHOW_EMAIL_TRANSCRIPT_PANE = 10,
+    SET_PRECHAT_RESPONSE_EMAIL = 11,
+    SET_AUDIO_NOTIFICATION = 12,
+    SET_E2VV_ENABLED = 13,
+    SET_POST_CHAT_CONTEXT = 14,
+    SET_SHOULD_SHOW_POST_CHAT = 15,
+    SHOW_CALLING_CONTAINER = 16,
+    SET_INCOMING_CALL = 17,
+    DISABLE_VIDEO_CALL = 18,
+    DISABLE_LOCAL_VIDEO = 19,
+    DISABLE_REMOTE_VIDEO = 20,
+    SET_CHAT_TOKEN = 21,
+    SET_SKIP_CHAT_BUTTON_RENDERING = 22,
+    SET_PROACTIVE_CHAT_PARAMS = 23,
+    SET_TELEMETRY_DATA = 24,
+    SET_RECONNECT_ID = 25,
+    SET_UNREAD_MESSAGE_COUNT = 26,
+    SET_FOCUS_CHAT_BUTTON = 27
+}

package/lib/types/contexts/common/LiveChatWidgetContextInitialState.d.ts

@@ -0,0 +1,3 @@
+import { ILiveChatWidgetContext } from "./ILiveChatWidgetContext";
+import { ILiveChatWidgetProps } from "../../components/livechatwidget/interfaces/ILiveChatWidgetProps";
+export declare const getLiveChatWidgetContextInitialState: (props: ILiveChatWidgetProps) => ILiveChatWidgetContext;

package/lib/types/contexts/createReducer.d.ts

@@ -0,0 +1,3 @@
+import { ILiveChatWidgetAction } from "./common/ILiveChatWidgetAction";
+import { ILiveChatWidgetContext } from "./common/ILiveChatWidgetContext";
+export declare const createReducer: () => (state: ILiveChatWidgetContext, action: ILiveChatWidgetAction) => ILiveChatWidgetContext;

package/lib/types/controller/componentController.d.ts

@@ -0,0 +1,15 @@
+import { ILiveChatWidgetContext } from "../contexts/common/ILiveChatWidgetContext";
+export declare const shouldShowChatButton: (state: ILiveChatWidgetContext) => boolean;
+export declare const shouldShowProactiveChatPane: (state: ILiveChatWidgetContext) => boolean;
+export declare const shouldShowHeader: (state: ILiveChatWidgetContext) => boolean;
+export declare const shouldShowFooter: (state: ILiveChatWidgetContext) => boolean;
+export declare const shouldShowEmailTranscriptPane: (state: ILiveChatWidgetContext) => boolean;
+export declare const shouldShowWebChatContainer: (state: ILiveChatWidgetContext) => boolean;
+export declare const shouldShowLoadingPane: (state: ILiveChatWidgetContext) => boolean;
+export declare const shouldShowReconnectChatPane: (state: ILiveChatWidgetContext) => boolean;
+export declare const shouldShowPostChatLoadingPane: (state: ILiveChatWidgetContext) => boolean;
+export declare const shouldShowOutOfOfficeHoursPane: (state: ILiveChatWidgetContext) => boolean;
+export declare const shouldShowPreChatSurveyPane: (state: ILiveChatWidgetContext) => boolean;
+export declare const shouldShowConfirmationPane: (state: ILiveChatWidgetContext) => boolean;
+export declare const shouldShowPostChatSurveyPane: (state: ILiveChatWidgetContext) => boolean;
+export declare const shouldShowCallingContainer: (state: ILiveChatWidgetContext) => boolean;

package/lib/types/hooks/useChatAdapterStore.d.ts

@@ -0,0 +1,2 @@
+declare const useChatAdapterStore: () => [any, (adapter: any) => void];
+export default useChatAdapterStore;

package/lib/types/hooks/useChatContextStore.d.ts

@@ -0,0 +1,5 @@
+import { Dispatch } from "react";
+import { ILiveChatWidgetAction } from "../contexts/common/ILiveChatWidgetAction";
+import { ILiveChatWidgetContext } from "../contexts/common/ILiveChatWidgetContext";
+declare const useChatContextStore: () => [ILiveChatWidgetContext, Dispatch<ILiveChatWidgetAction>];
+export default useChatContextStore;

package/lib/types/hooks/useChatSDKStore.d.ts

@@ -0,0 +1,2 @@
+declare const useChatSDKStore: () => unknown;
+export default useChatSDKStore;

package/lib/types/index.d.ts

@@ -0,0 +1,5 @@
+import { BroadcastService, decodeComponentString, encodeComponentString } from "@microsoft/omnichannel-chat-components";
+import useChatContextStore from "./hooks/useChatContextStore";
+import useChatSDKStore from "./hooks/useChatSDKStore";
+export { default as LiveChatWidget } from "./components/livechatwidget/LiveChatWidget";
+export { encodeComponentString, decodeComponentString, BroadcastService, useChatSDKStore, useChatContextStore };

package/package.json

@@ -0,0 +1,112 @@
+{
+  "name": "@microsoft/omnichannel-chat-widget",
+  "version": "0.1.0-main.1a61ea0",
+  "description": "Microsoft Omnichannel Chat Widget",
+  "main": "lib/cjs/index.js",
+  "types": "lib/types/index.d.ts",
+  "repository": "https://github.com/microsoft/omnichannel-chat-widget",
+  "author": "Microsoft",
+  "license": "MIT",
+  "type": "module",
+  "files": [
+    "lib"
+  ],
+  "exports": {
+    ".": {
+      "import": "./lib/esm/index.js",
+      "require": "./lib/cjs/index.js",
+      "types": "./lib/types/index.d.ts"
+    }
+  },
+  "devDependencies": {
+    "@babel/core": "^7.15.8",
+    "@babel/preset-env": "^7.15.8",
+    "@babel/preset-react": "^7.14.5",
+    "@babel/preset-typescript": "^7.15.0",
+    "@storybook/addon-a11y": "^6.4.8",
+    "@storybook/addon-actions": "^6.4.8",
+    "@storybook/addon-essentials": "^6.4.8",
+    "@storybook/addon-knobs": "^6.4.0",
+    "@storybook/addon-links": "^6.4.8",
+    "@storybook/addon-storyshots": "^6.4.8",
+    "@storybook/react": "^6.4.8",
+    "@storybook/testing-react": "^1.2.1",
+    "@testing-library/jest-dom": "^5.15.0",
+    "@testing-library/react": "^12.1.2",
+    "@types/core-js": "^2.5.5",
+    "@types/dompurify": "^2.3.3",
+    "@types/jest": "^27.0.2",
+    "@types/jest-image-snapshot": "^4.3.1",
+    "@types/markdown-it": "^12.2.3",
+    "@types/react": "^17.0.30",
+    "@types/react-dom": "^17.0.10",
+    "@types/styled-components": "^5.1.15",
+    "@typescript-eslint/eslint-plugin": "^5.3.0",
+    "@typescript-eslint/parser": "^5.2.0",
+    "babel-jest": "^27.3.1",
+    "babel-loader": "^8.2.3",
+    "botframework-directlinejs": "^0.15.0",
+    "copyfiles": "^2.4.1",
+    "eslint": "^7.32.0",
+    "eslint-config-standard": "^16.0.3",
+    "eslint-plugin-import": "^2.25.2",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-promise": "^5.1.1",
+    "eslint-plugin-react": "^7.26.1",
+    "eslint-plugin-storybook": "^0.5.3",
+    "file-loader": "^6.2.0",
+    "jest": "^27.3.1",
+    "jest-dom": "^4.0.0",
+    "jest-image-snapshot": "^4.5.1",
+    "json": "^11.0.0",
+    "playwright": "^1.16.3",
+    "postcss": "^8.3.9",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-test-renderer": "^17.0.2",
+    "storybook-addon-playwright": "^4.9.2",
+    "terser-webpack-plugin": "^4.2.3",
+    "ts-loader": "^9.2.6",
+    "typescript": "^4.4.4",
+    "webpack": "^4.44.2",
+    "webpack-cli": "^4.9.2"
+  },
+  "peerDependencies": {
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0"
+  },
+  "dependencies": {
+    "@fluentui/react": "^8.49.1",
+    "@microsoft/omnichannel-chat-components": "0.1.0-main.ea06308",
+    "@microsoft/omnichannel-chat-sdk": "1.0.1-main.077d17c",
+    "abort-controller-es5": "^2.0.1",
+    "dompurify": "^2.3.4",
+    "markdown-it": "^12.3.2",
+    "markdown-it-for-inline": "^0.1.1",
+    "p-defer-es5": "^2.0.1",
+    "slack-markdown-it": "^1.0.5"
+  },
+  "scripts": {
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook",
+    "build": "yarn eslint . && yarn build:esm && yarn copy:esm && yarn build:cjs && yarn copy:cjs && tsc",
+    "test:unit": "jest -c jest.config.unit.cjs --env=jsdom --runInBand --force-exit",
+    "test:visual": "jest -c jest.config.visual.cjs",
+    "test:all": "yarn test:unit && yarn test:visual",
+    "build:esm": "babel ./src --config-file ./babel.esm.config.json --out-dir lib/esm --extensions .ts,.js,.tsx --ignore **/*.test.ts,**/*.stories.tsx,**/*.test.tsx",
+    "build:cjs": "babel ./src --config-file ./babel.config.json --out-dir lib/cjs --extensions .ts,.js,.tsx --ignore **/*.test.ts,**/*.stories.tsx,**/*.test.tsx",
+    "copy:cjs": "copyfiles -u 2 src/assets/audios/* lib/cjs/assets && copyfiles -u 2 src/assets/icons/* lib/cjs/assets",
+    "copy:esm": "copyfiles -u 2 src/assets/audios/* lib/esm/assets && copyfiles -u 2 src/assets/icons/* lib/esm/assets",
+    "verify": "yarn install && yarn build-storybook && yarn test:all && yarn build && yarn storybook",
+    "testpack": "yarn build && yarn pack",
+    "build-sample": "yarn build && webpack --config ./webpack.config.cjs",
+    "build-sample:dev": "yarn build && webpack --config ./webpack.dev.config.cjs",
+    "test:visual:build": "yarn build-storybook && yarn test:visual"
+  },
+  "resolutions": {
+    "**/url-parse": "1.5.9",
+    "**/p-defer-es5": "^2.0.1",
+    "**/abort-controller-es5": "^2.0.1",
+    "**/minimist": "1.2.6"
+  }
+}