@microsoft/omnichannel-chat-components 0.1.0-main.ea06308

package/lib/esm/components/proactivechatpane/common/presetTwo/presetTwoStyles/presetTwoProactiveChatPaneTextContainerStyles.js

@@ -0,0 +1,4 @@
+export const presetTwoProactiveChatPaneTextContainerStyles = {
+  borderRadius: "50px",
+  margin: "10px 0 10px 10px"
+};

package/lib/esm/components/proactivechatpane/interfaces/IProactiveChatPaneClassNames.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/components/proactivechatpane/interfaces/IProactiveChatPaneComponentOverrides.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/components/proactivechatpane/interfaces/IProactiveChatPaneControlProps.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/components/proactivechatpane/interfaces/IProactiveChatPaneProps.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/components/proactivechatpane/interfaces/IProactiveChatPaneStyleProps.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/components/reconnectchatpane/ReconnectChatPane.js

@@ -0,0 +1,150 @@
+import { DefaultButton, Icon, Label, Stack } from "@fluentui/react";
+import React, { useCallback } from "react";
+import { BroadcastService } from "../../services/BroadcastService";
+import { ElementType } from "../../common/Constants";
+import { KeyCodes } from "../../common/Constants";
+import { decodeComponentString } from "../../common/decodeComponentString";
+import { defaultReconnectChatPaneButtonGroupStyles } from "./common/default/defaultStyles/defaultReconnectChatPaneButtonGroupStyles";
+import { defaultReconnectChatPaneContinueChatButtonHoveredStyles } from "./common/default/defaultStyles/defaultReconnectChatPaneContinueChatButtonHoveredStyles";
+import { defaultReconnectChatPaneContinueChatButtonStyles } from "./common/default/defaultStyles/defaultReconnectChatPaneContinueChatButtonStyles";
+import { defaultReconnectChatPaneControlProps } from "./common/default/defaultProps/defaultReconnectChatPaneControlProps";
+import { defaultReconnectChatPaneGeneralStyles } from "./common/default/defaultStyles/defaultReconnectChatPaneGeneralStyles";
+import { defaultReconnectChatPaneIconStyles } from "./common/default/defaultStyles/defaultReconnectChatPaneIconStyles";
+import { defaultReconnectChatPaneStartNewChatButtonHoveredStyles } from "./common/default/defaultStyles/defaultReconnectChatPaneStartNewChatButtonHoveredStyles";
+import { defaultReconnectChatPaneStartNewChatButtonStyles } from "./common/default/defaultStyles/defaultReconnectChatPaneStartNewChatButtonStyles";
+import { defaultReconnectChatPaneSubtitleStyles } from "./common/default/defaultStyles/defaultReconnectChatPaneSubtitleStyles";
+import { defaultReconnectChatPaneTitleStyles } from "./common/default/defaultStyles/defaultReconnectChatPaneTitleStyles";
+import { defaultReconnectChatPaneWrapperStyles } from "./common/default/defaultStyles/defaultReconnectChatPaneWrapperStyles";
+
+function ReconnectChatPane(props) {
+  var _props$controlProps, _props$styleProps, _props$styleProps2, _props$styleProps3, _props$styleProps4, _props$styleProps5, _props$styleProps6, _props$styleProps7, _props$styleProps8, _props$styleProps9, _props$styleProps10, _props$controlProps8, _props$styleProps11, _props$styleProps11$c, _props$controlProps9, _props$controlProps10, _props$styleProps12, _props$styleProps12$c, _props$controlProps11, _props$componentOverr, _props$styleProps13, _props$styleProps13$c, _props$controlProps12, _props$controlProps13, _props$componentOverr2, _props$styleProps14, _props$styleProps14$c, _props$controlProps14, _props$controlProps15, _props$componentOverr3, _props$styleProps15, _props$styleProps15$c, _props$controlProps16, _props$controlProps17, _props$styleProps16, _props$styleProps16$c, _props$controlProps18, _props$componentOverr4, _props$styleProps17, _props$styleProps17$c, _props$controlProps19, _props$controlProps20, _props$controlProps21, _props$componentOverr5, _props$styleProps18, _props$styleProps18$c, _props$controlProps22, _props$controlProps23;
+
+  const elementId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? defaultReconnectChatPaneControlProps.id;
+  const handleContinueChatClick = useCallback(() => {
+    var _props$controlProps2;
+
+    if ((_props$controlProps2 = props.controlProps) !== null && _props$controlProps2 !== void 0 && _props$controlProps2.onContinueChat) {
+      var _props$controlProps3;
+
+      const customEvent = {
+        elementType: ElementType.ReconnectChatContinueChatButton,
+        elementId: elementId + "-continueconversationbutton",
+        eventName: "OnClick"
+      };
+      BroadcastService.postMessage(customEvent);
+      (_props$controlProps3 = props.controlProps) === null || _props$controlProps3 === void 0 ? void 0 : _props$controlProps3.onContinueChat();
+    }
+  }, []);
+  const handleStartNewChatClick = useCallback(() => {
+    var _props$controlProps4;
+
+    if ((_props$controlProps4 = props.controlProps) !== null && _props$controlProps4 !== void 0 && _props$controlProps4.onStartNewChat) {
+      var _props$controlProps5;
+
+      const customEvent = {
+        elementType: ElementType.ReconnectChatStartNewChatButton,
+        elementId: elementId + "-startnewconversationbutton",
+        eventName: "OnClick"
+      };
+      BroadcastService.postMessage(customEvent);
+      (_props$controlProps5 = props.controlProps) === null || _props$controlProps5 === void 0 ? void 0 : _props$controlProps5.onStartNewChat();
+    }
+  }, []); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+  const handleEscKeyDown = useCallback(e => {
+    var _props$controlProps6;
+
+    if (e.code === KeyCodes.ESCAPE && (_props$controlProps6 = props.controlProps) !== null && _props$controlProps6 !== void 0 && _props$controlProps6.onMinimize) {
+      var _props$controlProps7;
+
+      const customEvent = {
+        elementType: ElementType.ReconnectChatPane,
+        elementId: elementId,
+        eventName: "OnEscapeKeyDown"
+      };
+      BroadcastService.postMessage(customEvent);
+      (_props$controlProps7 = props.controlProps) === null || _props$controlProps7 === void 0 ? void 0 : _props$controlProps7.onMinimize();
+    }
+  }, []);
+  const containerStyles = {
+    root: Object.assign({}, defaultReconnectChatPaneGeneralStyles, (_props$styleProps = props.styleProps) === null || _props$styleProps === void 0 ? void 0 : _props$styleProps.generalStyleProps)
+  };
+  const wrapperStyles = {
+    root: Object.assign({}, defaultReconnectChatPaneWrapperStyles, (_props$styleProps2 = props.styleProps) === null || _props$styleProps2 === void 0 ? void 0 : _props$styleProps2.wrapperStyleProps)
+  };
+  const titleStyles = {
+    root: Object.assign({}, defaultReconnectChatPaneTitleStyles, (_props$styleProps3 = props.styleProps) === null || _props$styleProps3 === void 0 ? void 0 : _props$styleProps3.titleStyleProps)
+  };
+  const subtitleStyles = {
+    root: Object.assign({}, defaultReconnectChatPaneSubtitleStyles, (_props$styleProps4 = props.styleProps) === null || _props$styleProps4 === void 0 ? void 0 : _props$styleProps4.subtitleStyleProps)
+  };
+  const iconStyles = {
+    root: Object.assign({}, defaultReconnectChatPaneIconStyles, (_props$styleProps5 = props.styleProps) === null || _props$styleProps5 === void 0 ? void 0 : _props$styleProps5.iconStyleProps)
+  };
+  const buttonGroupStyles = {
+    root: Object.assign({}, defaultReconnectChatPaneButtonGroupStyles, (_props$styleProps6 = props.styleProps) === null || _props$styleProps6 === void 0 ? void 0 : _props$styleProps6.buttonGroupStyleProps)
+  };
+  const continueChatButtonStyles = {
+    root: Object.assign({}, defaultReconnectChatPaneContinueChatButtonStyles, (_props$styleProps7 = props.styleProps) === null || _props$styleProps7 === void 0 ? void 0 : _props$styleProps7.continueChatButtonStyleProps),
+    rootHovered: Object.assign({}, defaultReconnectChatPaneContinueChatButtonHoveredStyles, (_props$styleProps8 = props.styleProps) === null || _props$styleProps8 === void 0 ? void 0 : _props$styleProps8.continueChatButtonHoveredStyleProps)
+  };
+  const startNewChatButtonStyles = {
+    root: Object.assign({}, defaultReconnectChatPaneStartNewChatButtonStyles, (_props$styleProps9 = props.styleProps) === null || _props$styleProps9 === void 0 ? void 0 : _props$styleProps9.startNewChatButtonStyleProps),
+    rootHovered: Object.assign({}, defaultReconnectChatPaneStartNewChatButtonHoveredStyles, (_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 ? void 0 : _props$styleProps10.startNewChatButtonHoveredStyleProps)
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !((_props$controlProps8 = props.controlProps) !== null && _props$controlProps8 !== void 0 && _props$controlProps8.hideReconnectChatPane) && /*#__PURE__*/React.createElement(Stack, {
+    className: (_props$styleProps11 = props.styleProps) === null || _props$styleProps11 === void 0 ? void 0 : (_props$styleProps11$c = _props$styleProps11.classNames) === null || _props$styleProps11$c === void 0 ? void 0 : _props$styleProps11$c.containerClassName,
+    id: elementId,
+    tabIndex: -1,
+    onKeyDown: handleEscKeyDown,
+    dir: ((_props$controlProps9 = props.controlProps) === null || _props$controlProps9 === void 0 ? void 0 : _props$controlProps9.dir) || defaultReconnectChatPaneControlProps.dir,
+    "aria-label": ((_props$controlProps10 = props.controlProps) === null || _props$controlProps10 === void 0 ? void 0 : _props$controlProps10.reconnectChatPaneAriaLabel) || defaultReconnectChatPaneControlProps.reconnectChatPaneAriaLabel,
+    styles: containerStyles
+  }, /*#__PURE__*/React.createElement(Stack, {
+    className: (_props$styleProps12 = props.styleProps) === null || _props$styleProps12 === void 0 ? void 0 : (_props$styleProps12$c = _props$styleProps12.classNames) === null || _props$styleProps12$c === void 0 ? void 0 : _props$styleProps12$c.wrapperClassName,
+    styles: wrapperStyles,
+    tabIndex: -1,
+    id: elementId + "-wrapper"
+  }, !((_props$controlProps11 = props.controlProps) !== null && _props$controlProps11 !== void 0 && _props$controlProps11.hideTitle) && (decodeComponentString((_props$componentOverr = props.componentOverrides) === null || _props$componentOverr === void 0 ? void 0 : _props$componentOverr.title) || /*#__PURE__*/React.createElement(Label, {
+    className: (_props$styleProps13 = props.styleProps) === null || _props$styleProps13 === void 0 ? void 0 : (_props$styleProps13$c = _props$styleProps13.classNames) === null || _props$styleProps13$c === void 0 ? void 0 : _props$styleProps13$c.titleClassName,
+    styles: titleStyles,
+    tabIndex: -1,
+    id: elementId + "-title"
+  }, ((_props$controlProps12 = props.controlProps) === null || _props$controlProps12 === void 0 ? void 0 : _props$controlProps12.titleText) || defaultReconnectChatPaneControlProps.titleText)), !((_props$controlProps13 = props.controlProps) !== null && _props$controlProps13 !== void 0 && _props$controlProps13.hideSubtitle) && (decodeComponentString((_props$componentOverr2 = props.componentOverrides) === null || _props$componentOverr2 === void 0 ? void 0 : _props$componentOverr2.subtitle) || /*#__PURE__*/React.createElement(Label, {
+    className: (_props$styleProps14 = props.styleProps) === null || _props$styleProps14 === void 0 ? void 0 : (_props$styleProps14$c = _props$styleProps14.classNames) === null || _props$styleProps14$c === void 0 ? void 0 : _props$styleProps14$c.subtitleClassName,
+    styles: subtitleStyles,
+    tabIndex: -1,
+    id: elementId + "-subtitle"
+  }, ((_props$controlProps14 = props.controlProps) === null || _props$controlProps14 === void 0 ? void 0 : _props$controlProps14.subtitleText) || defaultReconnectChatPaneControlProps.subtitleText)), !((_props$controlProps15 = props.controlProps) !== null && _props$controlProps15 !== void 0 && _props$controlProps15.hideIcon) && (decodeComponentString((_props$componentOverr3 = props.componentOverrides) === null || _props$componentOverr3 === void 0 ? void 0 : _props$componentOverr3.icon) || /*#__PURE__*/React.createElement(Icon, {
+    className: (_props$styleProps15 = props.styleProps) === null || _props$styleProps15 === void 0 ? void 0 : (_props$styleProps15$c = _props$styleProps15.classNames) === null || _props$styleProps15$c === void 0 ? void 0 : _props$styleProps15$c.iconClassName,
+    styles: iconStyles,
+    tabIndex: -1,
+    role: "img",
+    id: elementId + "-icon",
+    "aria-label": ((_props$controlProps16 = props.controlProps) === null || _props$controlProps16 === void 0 ? void 0 : _props$controlProps16.iconAriaLabel) || defaultReconnectChatPaneControlProps.iconAriaLabel
+  })), /*#__PURE__*/React.createElement(Stack, {
+    horizontal: ((_props$controlProps17 = props.controlProps) === null || _props$controlProps17 === void 0 ? void 0 : _props$controlProps17.isButtonGroupHorizontal) || defaultReconnectChatPaneControlProps.isButtonGroupHorizontal,
+    className: (_props$styleProps16 = props.styleProps) === null || _props$styleProps16 === void 0 ? void 0 : (_props$styleProps16$c = _props$styleProps16.classNames) === null || _props$styleProps16$c === void 0 ? void 0 : _props$styleProps16$c.buttonGroupClassName,
+    styles: buttonGroupStyles,
+    tabIndex: -1,
+    id: elementId + "-buttongroup"
+  }, !((_props$controlProps18 = props.controlProps) !== null && _props$controlProps18 !== void 0 && _props$controlProps18.hideContinueChatButton) && (decodeComponentString((_props$componentOverr4 = props.componentOverrides) === null || _props$componentOverr4 === void 0 ? void 0 : _props$componentOverr4.continueChatButton) || /*#__PURE__*/React.createElement(DefaultButton, {
+    className: (_props$styleProps17 = props.styleProps) === null || _props$styleProps17 === void 0 ? void 0 : (_props$styleProps17$c = _props$styleProps17.classNames) === null || _props$styleProps17$c === void 0 ? void 0 : _props$styleProps17$c.continueChatButtonClassName,
+    styles: continueChatButtonStyles,
+    tabIndex: 0,
+    text: ((_props$controlProps19 = props.controlProps) === null || _props$controlProps19 === void 0 ? void 0 : _props$controlProps19.continueChatButtonText) || defaultReconnectChatPaneControlProps.continueChatButtonText,
+    onClick: handleContinueChatClick,
+    id: elementId + "-continueconversationbutton",
+    "aria-label": ((_props$controlProps20 = props.controlProps) === null || _props$controlProps20 === void 0 ? void 0 : _props$controlProps20.continueChatButtonAriaLabel) || defaultReconnectChatPaneControlProps.continueChatButtonAriaLabel
+  })), !((_props$controlProps21 = props.controlProps) !== null && _props$controlProps21 !== void 0 && _props$controlProps21.hideStartNewChatButton) && (decodeComponentString((_props$componentOverr5 = props.componentOverrides) === null || _props$componentOverr5 === void 0 ? void 0 : _props$componentOverr5.startNewChatButton) || /*#__PURE__*/React.createElement(DefaultButton, {
+    className: (_props$styleProps18 = props.styleProps) === null || _props$styleProps18 === void 0 ? void 0 : (_props$styleProps18$c = _props$styleProps18.classNames) === null || _props$styleProps18$c === void 0 ? void 0 : _props$styleProps18$c.startNewChatButtonClassName,
+    styles: startNewChatButtonStyles,
+    tabIndex: 0,
+    text: ((_props$controlProps22 = props.controlProps) === null || _props$controlProps22 === void 0 ? void 0 : _props$controlProps22.startNewChatButtonText) || defaultReconnectChatPaneControlProps.startNewChatButtonText,
+    onClick: handleStartNewChatClick,
+    id: elementId + "-startnewconversationbutton",
+    "aria-label": ((_props$controlProps23 = props.controlProps) === null || _props$controlProps23 === void 0 ? void 0 : _props$controlProps23.startNewChatButtonAriaLabel) || defaultReconnectChatPaneControlProps.startNewChatButtonAriaLabel
+  }))))));
+}
+
+export default ReconnectChatPane;

package/lib/esm/components/reconnectchatpane/common/default/defaultProps/defaultReconnectChatPaneControlProps.js

@@ -0,0 +1,28 @@
+export const defaultReconnectChatPaneControlProps = {
+  id: "oc-lcw-reconnectchat-pane",
+  dir: "ltr",
+  hideReconnectChatPane: false,
+  reconnectChatPaneAriaLabel: "Reconnect Chat Pane",
+  hideTitle: false,
+  titleText: "Previous session detected",
+  hideSubtitle: false,
+  subtitleText: "We have detected a previous chat session. Would you like to continue with your previous session?",
+  hideIcon: false,
+  iconAriaLabel: "Reconnect Chat Pane Icon",
+  isButtonGroupHorizontal: false,
+  hideContinueChatButton: false,
+  continueChatButtonText: "Continue conversation",
+  continueChatButtonAriaLabel: "Continue conversation",
+  hideStartNewChatButton: false,
+  startNewChatButtonText: "Start new conversation",
+  startNewChatButtonAriaLabel: "Start new conversation",
+  onContinueChat: function () {
+    console.log("on continue conversation");
+  },
+  onStartNewChat: function () {
+    console.log("on start new conversation");
+  },
+  onMinimize: function () {
+    console.log("on minimize");
+  }
+};

package/lib/esm/components/reconnectchatpane/common/default/defaultProps/defaultReconnectChatPaneProps.js

@@ -0,0 +1,6 @@
+import { defaultReconnectChatPaneStyles } from "../defaultStyles/defaultReconnectChatPaneStyles";
+import { defaultReconnectChatPaneControlProps } from "./defaultReconnectChatPaneControlProps";
+export const defaultReconnectChatPaneProps = {
+  controlProps: defaultReconnectChatPaneControlProps,
+  styleProps: defaultReconnectChatPaneStyles
+};

package/lib/esm/components/reconnectchatpane/common/default/defaultStyles/defaultReconnectChatPaneButtonGroupStyles.js

@@ -0,0 +1,3 @@
+export const defaultReconnectChatPaneButtonGroupStyles = {
+  alignItems: "stretch"
+};

package/lib/esm/components/reconnectchatpane/common/default/defaultStyles/defaultReconnectChatPaneContinueChatButtonHoveredStyles.js

@@ -0,0 +1,3 @@
+export const defaultReconnectChatPaneContinueChatButtonHoveredStyles = {
+  filter: "brightness(0.8)"
+};

package/lib/esm/components/reconnectchatpane/common/default/defaultStyles/defaultReconnectChatPaneContinueChatButtonStyles.js

@@ -0,0 +1,11 @@
+export const defaultReconnectChatPaneContinueChatButtonStyles = {
+  backgroundColor: "rgb(49, 95, 162)",
+  color: "rgb(255, 255, 255)",
+  cursor: "pointer",
+  fontFamily: "'Segoe UI', Arial, sans-serif",
+  fontSize: "16px",
+  fontWeight: "600",
+  height: "60px",
+  marginBottom: "5px",
+  padding: "4px 10px 5px 10px"
+};

package/lib/esm/components/reconnectchatpane/common/default/defaultStyles/defaultReconnectChatPaneGeneralStyles.js

@@ -0,0 +1,10 @@
+export const defaultReconnectChatPaneGeneralStyles = {
+  backgroundColor: "rgb(255, 255, 255)",
+  borderColor: "#E6E6E6",
+  borderRadius: "4px",
+  borderStyle: "solid",
+  borderWidth: "3px",
+  padding: "15px",
+  height: "100%",
+  width: "100%"
+};

package/lib/esm/components/reconnectchatpane/common/default/defaultStyles/defaultReconnectChatPaneIconStyles.js

@@ -0,0 +1,10 @@
+import chatReconnectPopupIcon from "../../../../../assets/imgs/ChatReconnectPopupIcon.png";
+export const defaultReconnectChatPaneIconStyles = {
+  backgroundImage: "url(" + chatReconnectPopupIcon + ")",
+  backgroundPosition: "center",
+  backgroundRepeat: "no-repeat",
+  backgroundSize: "200px",
+  height: "130px",
+  margin: "0 auto",
+  width: "130px"
+};

package/lib/esm/components/reconnectchatpane/common/default/defaultStyles/defaultReconnectChatPaneStartNewChatButtonHoveredStyles.js

@@ -0,0 +1,3 @@
+export const defaultReconnectChatPaneStartNewChatButtonHoveredStyles = {
+  backgroundColor: "rgb(132, 132, 130)"
+};

package/lib/esm/components/reconnectchatpane/common/default/defaultStyles/defaultReconnectChatPaneStartNewChatButtonStyles.js

@@ -0,0 +1,10 @@
+export const defaultReconnectChatPaneStartNewChatButtonStyles = {
+  backgroundColor: "rgb(0, 0, 0)",
+  color: "rgb(255, 255, 255)",
+  cursor: "pointer",
+  fontFamily: "'Segoe UI', Arial, sans-serif",
+  fontSize: "16px",
+  fontWeight: "600",
+  height: "60px",
+  padding: "4px 10px 5px 10px"
+};

package/lib/esm/components/reconnectchatpane/common/default/defaultStyles/defaultReconnectChatPaneStyles.js

@@ -0,0 +1,22 @@
+import { defaultReconnectChatPaneSubtitleStyles } from "./defaultReconnectChatPaneSubtitleStyles";
+import { defaultReconnectChatPaneButtonGroupStyles } from "./defaultReconnectChatPaneButtonGroupStyles";
+import { defaultReconnectChatPaneContinueChatButtonStyles } from "./defaultReconnectChatPaneContinueChatButtonStyles";
+import { defaultReconnectChatPaneGeneralStyles } from "./defaultReconnectChatPaneGeneralStyles";
+import { defaultReconnectChatPaneTitleStyles } from "./defaultReconnectChatPaneTitleStyles";
+import { defaultReconnectChatPaneIconStyles } from "./defaultReconnectChatPaneIconStyles";
+import { defaultReconnectChatPaneWrapperStyles } from "./defaultReconnectChatPaneWrapperStyles";
+import { defaultReconnectChatPaneStartNewChatButtonStyles } from "./defaultReconnectChatPaneStartNewChatButtonStyles";
+import { defaultReconnectChatPaneContinueChatButtonHoveredStyles } from "./defaultReconnectChatPaneContinueChatButtonHoveredStyles";
+import { defaultReconnectChatPaneStartNewChatButtonHoveredStyles } from "./defaultReconnectChatPaneStartNewChatButtonHoveredStyles";
+export const defaultReconnectChatPaneStyles = {
+  generalStyleProps: defaultReconnectChatPaneGeneralStyles,
+  wrapperStyleProps: defaultReconnectChatPaneWrapperStyles,
+  titleStyleProps: defaultReconnectChatPaneTitleStyles,
+  subtitleStyleProps: defaultReconnectChatPaneSubtitleStyles,
+  iconStyleProps: defaultReconnectChatPaneIconStyles,
+  buttonGroupStyleProps: defaultReconnectChatPaneButtonGroupStyles,
+  continueChatButtonStyleProps: defaultReconnectChatPaneContinueChatButtonStyles,
+  continueChatButtonHoveredStyleProps: defaultReconnectChatPaneContinueChatButtonHoveredStyles,
+  startNewChatButtonStyleProps: defaultReconnectChatPaneStartNewChatButtonStyles,
+  startNewChatButtonHoveredStyleProps: defaultReconnectChatPaneStartNewChatButtonHoveredStyles
+};

package/lib/esm/components/reconnectchatpane/common/default/defaultStyles/defaultReconnectChatPaneSubtitleStyles.js

@@ -0,0 +1,7 @@
+export const defaultReconnectChatPaneSubtitleStyles = {
+  color: "rgb(0, 0, 0)",
+  fontFamily: "'Segoe UI', Arial, sans-serif",
+  fontSize: "16px",
+  fontWeight: "400",
+  lineHeight: "19px"
+};

package/lib/esm/components/reconnectchatpane/common/default/defaultStyles/defaultReconnectChatPaneTitleStyles.js

@@ -0,0 +1,8 @@
+export const defaultReconnectChatPaneTitleStyles = {
+  color: "rgb(0, 0, 0)",
+  fontFamily: "'Segoe UI', Arial, sans-serif",
+  fontSize: "16px",
+  fontWeight: "600",
+  lineHeight: "19px",
+  marginBottom: "10px"
+};

package/lib/esm/components/reconnectchatpane/common/default/defaultStyles/defaultReconnectChatPaneWrapperStyles.js

@@ -0,0 +1,9 @@
+export const defaultReconnectChatPaneWrapperStyles = {
+  backgroundColor: "rgb(255, 255, 255)",
+  borderColor: "#E6E6E6",
+  borderRadius: "0 8px 8px 8px",
+  borderStyle: "solid",
+  borderWidth: "1px",
+  padding: "20px",
+  width: "100%"
+};

package/lib/esm/components/reconnectchatpane/common/presetThree/presetThreeProps/presetThreeReconnectChatPaneControlProps.js

@@ -0,0 +1,25 @@
+export const presetThreeReconnectChatPaneControlProps = {
+  id: "lcw-components-reconnect-chat-pane",
+  dir: "ltr",
+  hideReconnectChatPane: false,
+  reconnectChatPaneAriaLabel: "Reconnect Chat Pane",
+  hideTitle: false,
+  titleText: "Previous session detected",
+  hideSubtitle: true,
+  subtitleText: "We have detected a previous chat session. Would you like to continue with your previous session?",
+  hideIcon: false,
+  iconAriaLabel: "Reconnect Chat Pane Icon",
+  isButtonGroupHorizontal: false,
+  hideContinueChatButton: false,
+  continueChatButtonText: "Continue conversation",
+  continueChatButtonAriaLabel: "Continue conversation",
+  hideStartNewChatButton: true,
+  startNewChatButtonText: "Start new conversation",
+  startNewChatButtonAriaLabel: "Start new conversation",
+  onContinueChat: function () {
+    console.log("on continue conversation");
+  },
+  onStartNewChat: function () {
+    console.log("on start new conversation");
+  }
+};

package/lib/esm/components/reconnectchatpane/common/presetThree/presetThreeProps/presetThreeReconnectChatPaneProps.js

@@ -0,0 +1,6 @@
+import { presetThreeReconnectChatPaneStyles } from "../presetThreeStyles/presetThreeReconnectChatPaneStyles";
+import { presetThreeReconnectChatPaneControlProps } from "./presetThreeReconnectChatPaneControlProps";
+export const presetThreeReconnectChatPaneProps = {
+  controlProps: presetThreeReconnectChatPaneControlProps,
+  styleProps: presetThreeReconnectChatPaneStyles
+};

package/lib/esm/components/reconnectchatpane/common/presetThree/presetThreeStyles/presetThreeReconnectChatPaneButtonGroupStyles.js

@@ -0,0 +1,3 @@
+export const presetThreeReconnectChatPaneButtonGroupStyles = {
+  alignItems: "center"
+};

package/lib/esm/components/reconnectchatpane/common/presetThree/presetThreeStyles/presetThreeReconnectChatPaneContinueChatButtonStyles.js

@@ -0,0 +1,5 @@
+export const presetThreeReconnectChatPaneContinueChatButtonStyles = {
+  fontSize: "20px",
+  height: "200px",
+  width: "200px"
+};

package/lib/esm/components/reconnectchatpane/common/presetThree/presetThreeStyles/presetThreeReconnectChatPaneGeneralStyles.js

@@ -0,0 +1,6 @@
+export const presetThreeReconnectChatPaneGeneralStyles = {
+  backgroundColor: "red",
+  borderColor: "black",
+  borderRadius: "20%",
+  width: "600px"
+};

package/lib/esm/components/reconnectchatpane/common/presetThree/presetThreeStyles/presetThreeReconnectChatPaneStyles.js

@@ -0,0 +1,12 @@
+import { presetThreeReconnectChatPaneButtonGroupStyles } from "./presetThreeReconnectChatPaneButtonGroupStyles";
+import { presetThreeReconnectChatPaneContinueChatButtonStyles } from "./presetThreeReconnectChatPaneContinueChatButtonStyles";
+import { presetThreeReconnectChatPaneGeneralStyles } from "./presetThreeReconnectChatPaneGeneralStyles";
+import { presetThreeReconnectChatPaneTitleStyles } from "./presetThreeReconnectChatPaneTitleStyles";
+import { presetThreeReconnectChatPaneWrapperStyles } from "./presetThreeReconnectChatPaneWrapperStyles";
+export const presetThreeReconnectChatPaneStyles = {
+  generalStyleProps: presetThreeReconnectChatPaneGeneralStyles,
+  wrapperStyleProps: presetThreeReconnectChatPaneWrapperStyles,
+  titleStyleProps: presetThreeReconnectChatPaneTitleStyles,
+  buttonGroupStyleProps: presetThreeReconnectChatPaneButtonGroupStyles,
+  continueChatButtonStyleProps: presetThreeReconnectChatPaneContinueChatButtonStyles
+};

package/lib/esm/components/reconnectchatpane/common/presetThree/presetThreeStyles/presetThreeReconnectChatPaneTitleStyles.js

@@ -0,0 +1,5 @@
+export const presetThreeReconnectChatPaneTitleStyles = {
+  color: "white",
+  fontSize: "20px",
+  textAlign: "center"
+};

package/lib/esm/components/reconnectchatpane/common/presetThree/presetThreeStyles/presetThreeReconnectChatPaneWrapperStyles.js

@@ -0,0 +1,4 @@
+export const presetThreeReconnectChatPaneWrapperStyles = {
+  backgroundColor: "green",
+  borderRadius: "20%"
+};

package/lib/esm/components/reconnectchatpane/interfaces/IReconnectChatPaneClassNames.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/components/reconnectchatpane/interfaces/IReconnectChatPaneComponentOverrides.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/components/reconnectchatpane/interfaces/IReconnectChatPaneControlProps.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/components/reconnectchatpane/interfaces/IReconnectChatPaneProps.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/components/reconnectchatpane/interfaces/IReconnectChatPaneStyleProps.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/index.js

@@ -0,0 +1,19 @@
+export { default as Header } from "./components/header/Header";
+export { default as Footer } from "./components/footer/Footer";
+export { default as ConfirmationPane } from "./components/confirmationpane/ConfirmationPane";
+export { default as ChatButton } from "./components/chatbutton/ChatButton";
+export { default as InputValidationPane } from "./components/inputvalidationpane/InputValidationPane";
+export { default as ProactiveChatPane } from "./components/proactivechatpane/ProactiveChatPane";
+export { default as ReconnectChatPane } from "./components/reconnectchatpane/ReconnectChatPane";
+export { default as LoadingPane } from "./components/loadingpane/LoadingPane";
+export { default as OutOfOfficeHoursPane } from "./components/outofofficehourspane/OOOHPane";
+export { default as PreChatSurveyPane } from "./components/prechatsurveypane/PreChatSurveyPane";
+export { default as PostChatSurveyPane } from "./components/postchatsurveypane/PostChatSurveyPane";
+export { encodeComponentString } from "./common/encodeComponentString";
+export { decodeComponentString } from "./common/decodeComponentString";
+export { BroadcastService } from "./services/BroadcastService";
+export { ElementType } from "./common/Constants";
+export { default as CallingContainer } from "./components/callingcontainer/CallingContainer";
+export { default as CurrentCall } from "./components/callingcontainer/subcomponents/CurrentCall/CurrentCall";
+export { default as IncomingCall } from "./components/callingcontainer/subcomponents/IncomingCall/IncomingCall";
+export { default as Timer } from "./components/callingcontainer/subcomponents/Timer/Timer";

package/lib/esm/interfaces/ICustomEvent.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/services/BroadcastService.js

@@ -0,0 +1,31 @@
+import { Subject } from "rxjs";
+import { filter } from "rxjs/operators";
+import { BroadcastChannel } from "broadcast-channel";
+import { BROADCAST_CHANNEL_NAME } from "../common/Constants";
+const newMessage = new Subject();
+const pubChannel = new BroadcastChannel(BROADCAST_CHANNEL_NAME);
+const subChannel = new BroadcastChannel(BROADCAST_CHANNEL_NAME); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+subChannel.onmessage = message => {
+  newMessage.next(message);
+};
+
+export const BroadcastService = {
+  //broadcast a message
+  postMessage: message => {
+    pubChannel.postMessage(message);
+  },
+  getMessage: message => {
+    return newMessage.pipe(filter(msg => msg.elementId == message.elementId && msg.elementType == message.elementType && msg.eventName == message.eventName));
+  },
+  getMessageByEventName: eventName => {
+    return newMessage.pipe(filter(message => message.eventName === eventName));
+  },
+  getAnyMessage: () => {
+    return newMessage;
+  },
+  disposeChannel: () => {
+    pubChannel.close();
+    subChannel.close();
+  }
+};

package/lib/types/common/Constants.d.ts

@@ -0,0 +1,35 @@
+export declare const AccessibilityBrightnessRatio = 1.2;
+export declare const BROADCAST_CHANNEL_NAME = "omnichannel_broadcast_channel";
+export declare const KeyCodes: {
+    new (): {};
+    readonly ENTER: "Enter";
+    readonly ESCAPE: "Escape";
+};
+export declare const Regex: {
+    new (): {};
+    readonly EmailRegex: "(?:[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*|\"(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21\\x23-\\x5b\\x5d-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])*\")@(?:(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?|\\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-zA-Z0-9-]*[a-zA-Z0-9]:(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21-\\x5a\\x53-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])+)\\])";
+    readonly URLRegex: RegExp;
+};
+export declare enum ElementType {
+    ChatButton = "ChatButton",
+    HeaderCloseButton = "HeaderCloseButton",
+    HeaderMinimizeButton = "HeaderMinimizeButton",
+    FooterDownloadTranscriptButton = "FooterDownloadTranscriptButton",
+    FooterEmailTranscriptButton = "FooterEmailTranscriptButton",
+    FooterSoundNotificationButton = "FooterSoundNotificationButton",
+    ReconnectChatContinueChatButton = "ReconnectChatContinueChatButton",
+    ReconnectChatStartNewChatButton = "ReconnectChatStartNewChatButton",
+    ReconnectChatPane = "ReconnectChatPane",
+    ConfirmationPaneConfirmButton = "ConfirmationPaneConfirmButton",
+    ConfirmationPaneCancelButton = "ConfirmationPaneCancelButton",
+    PreChatSurveySubmitButton = "PreChatSurveySubmitButton",
+    PreChatSurveyError = "PreChatSurveyError",
+    IncomingCallDeclineCallButton = "IncomingCallDeclineCallButton",
+    IncomingCallVideoCallButton = "IncomingCallVideoCallButton",
+    IncomingCallAudioCallButton = "IncomingCallAudioCallButton",
+    CurrentCallVideoButton = "CurrentCallVideoButton",
+    CurrentCallMicButton = "CurrentCallMicButton",
+    CurrentCallEndCallButton = "CurrentCallEndCallButton",
+    Utility = "Utility",
+    Custom = "Custom"
+}

package/lib/types/common/decodeComponentString.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode } from "react";
+export declare const decodeComponentString: (element: ReactNode | string) => ReactNode;

package/lib/types/common/encodeComponentString.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode } from "react";
+export declare const encodeComponentString: (element: ReactNode) => string;

package/lib/types/common/utils.d.ts

@@ -0,0 +1,18 @@
+import { ElementType } from "./Constants";
+import { AdaptiveCard } from "adaptivecards";
+import { ReactNode } from "react";
+export declare const uuidv4: () => string;
+export declare const generateEventName: (controlId?: string | undefined, prefix?: string | undefined, suffix?: string | undefined) => string;
+export declare const broadcastError: (elementId: string, error: any, propName: string, elementType: ElementType) => void;
+export declare const getInputValuesFromAdaptiveCard: (adaptiveCard: AdaptiveCard) => {
+    index: number;
+    label: string | undefined;
+    id: string | undefined;
+    value: string;
+}[];
+export declare const processCustomComponents: (children: ReactNode[] | string[] | undefined) => ReactNode[] | null;
+export declare const getValidatedURL: (url: string) => string;
+export declare const getHours: (time: number) => string;
+export declare const getMinutes: (time: number) => string;
+export declare const getSeconds: (time: number) => string;
+export declare const addNoreferrerNoopenerTag: (htmlNode: any) => void;

package/lib/types/components/callingcontainer/CallingContainer.d.ts

@@ -0,0 +1,3 @@
+import { ICallingContainerProps } from "./interfaces/ICallingContainerProps";
+declare function CallingContainer(props: ICallingContainerProps): JSX.Element;
+export default CallingContainer;

package/lib/types/components/callingcontainer/common/defaultProps/defaultCallingContainerControlProps.d.ts

@@ -0,0 +1,2 @@
+import { ICallingContainerControlProps } from "../../interfaces/ICallingContainerControlProps";
+export declare const defaultCallingContainerControlProps: ICallingContainerControlProps;

package/lib/types/components/callingcontainer/common/defaultProps/defaultCallingContainerProps.d.ts

@@ -0,0 +1,2 @@
+import { ICallingContainerProps } from "../../interfaces/ICallingContainerProps";
+export declare const defaultCallingContainerProps: ICallingContainerProps;

package/lib/types/components/callingcontainer/common/defaultStyles/customizedCallingContainerStyles.d.ts

@@ -0,0 +1,2 @@
+import { ICallingContainerStyleProps } from "../../interfaces/ICallingContainerStyleProps";
+export declare const customizedCallingContainerStyles: ICallingContainerStyleProps;

package/lib/types/components/callingcontainer/common/defaultStyles/defaultCallingContainerStyles.d.ts

@@ -0,0 +1,2 @@
+import { ICallingContainerStyleProps } from "../../interfaces/ICallingContainerStyleProps";
+export declare const defaultCallingContainerStyles: ICallingContainerStyleProps;

package/lib/types/components/callingcontainer/interfaces/ICallingContainerControlProps.d.ts

@@ -0,0 +1,28 @@
+import { ICurrentCallControlProps } from "../subcomponents/CurrentCall/interfaces/ICurrentCallControlProps";
+import { IIncomingCallControlProps } from "../subcomponents/IncomingCall/interfaces/IIncomingCallControlProps";
+export interface ICallingContainerControlProps {
+    /**
+    * Calling container toast control id
+    */
+    id?: string;
+    /**
+    * Hide audio call button
+    */
+    isIncomingCall?: boolean;
+    /**
+    * Calling container toast component to align right to left.
+    */
+    dir?: "rtl" | "ltr" | "auto";
+    /**
+    * Incoming call control props.
+    */
+    incomingCallControlProps?: IIncomingCallControlProps;
+    /**
+    * Current Call control props.
+    */
+    currentCallControlProps?: ICurrentCallControlProps;
+    /**
+    * Hide calling container control (required in case of minimize).
+    */
+    hideCallingContainer?: boolean;
+}

package/lib/types/components/callingcontainer/interfaces/ICallingContainerProps.d.ts

@@ -0,0 +1,12 @@
+import { ICallingContainerStyleProps } from "./ICallingContainerStyleProps";
+import { ICallingContainerControlProps } from "./ICallingContainerControlProps";
+export interface ICallingContainerProps {
+    /**
+     * Calling container toast children control properties
+     */
+    controlProps?: ICallingContainerControlProps;
+    /**
+     * Calling container toast general and children styles
+     */
+    styleProps?: ICallingContainerStyleProps;
+}