@microsoft/omnichannel-chat-components 0.1.0-main.3e712be

package/lib/esm/components/outofofficehourspane/common/defaultProps/defaultOOOHPaneProps.js

@@ -0,0 +1,6 @@
+import { defaultOOOHPaneStyles } from "./defaultStyles/defaultOOOHPaneStyles";
+import { defaultOOOHPaneControlProps } from "./defaultOOOHPaneControlProps";
+export const defaultOOOHPaneProps = {
+  controlProps: defaultOOOHPaneControlProps,
+  styleProps: defaultOOOHPaneStyles
+};

package/lib/esm/components/outofofficehourspane/common/defaultProps/defaultStyles/defaultOOOHPaneGeneralStyles.js

@@ -0,0 +1,15 @@
+export const defaultOOOHPaneGeneralStyles = {
+  borderStyle: "solid",
+  width: "100%",
+  height: "100%",
+  borderRadius: 0,
+  borderWidth: "3px",
+  backgroundColor: "#FFFFFF",
+  backgroundSize: "",
+  backgroundImage: "",
+  borderColor: "#F1F1F1",
+  position: "absolute",
+  justifyContent: "center",
+  alignItems: "stretch",
+  flexFlow: "column wrap"
+};

package/lib/esm/components/outofofficehourspane/common/defaultProps/defaultStyles/defaultOOOHPaneStyles.js

@@ -0,0 +1,6 @@
+import { defaultOOOHPaneGeneralStyles } from "./defaultOOOHPaneGeneralStyles";
+import { defaultOOOHPaneTitleStyles } from "./defaultOOOHPaneTitleStyles";
+export const defaultOOOHPaneStyles = {
+  generalStyleProps: defaultOOOHPaneGeneralStyles,
+  titleStyleProps: defaultOOOHPaneTitleStyles
+};

package/lib/esm/components/outofofficehourspane/common/defaultProps/defaultStyles/defaultOOOHPaneTitleStyles.js

@@ -0,0 +1,8 @@
+export const defaultOOOHPaneTitleStyles = {
+  fontFamily: "'Segoe UI',Arial,sans-serif",
+  fontWeight: "normal",
+  fontSize: "14px",
+  color: "#000000",
+  textAlign: "center",
+  alignSelf: "auto"
+};

package/lib/esm/components/outofofficehourspane/common/presetOneProps/presetOneOOOHPaneControlProps.js

@@ -0,0 +1,5 @@
+import { defaultOOOHPaneControlProps } from "../defaultProps/defaultOOOHPaneControlProps";
+export const presetOneOOOHPaneControlProps = { ...defaultOOOHPaneControlProps,
+  id: "oc-lcw-outofofficehourspane-preset1",
+  dir: "rtl"
+};

package/lib/esm/components/outofofficehourspane/common/presetOneProps/presetOneOOOHPaneProps.js

@@ -0,0 +1,6 @@
+import { presetOneOOOHPaneControlProps } from "./presetOneOOOHPaneControlProps";
+import { defaultOOOHPaneStyles } from "../defaultProps/defaultStyles/defaultOOOHPaneStyles";
+export const presetOneOOOHPaneProps = {
+  controlProps: presetOneOOOHPaneControlProps,
+  styleProps: defaultOOOHPaneStyles
+};

package/lib/esm/components/outofofficehourspane/common/presetTwoProps/presetTwoOOOHPaneControlProps.js

@@ -0,0 +1,5 @@
+import { defaultOOOHPaneControlProps } from "../defaultProps/defaultOOOHPaneControlProps";
+export const presetTwoOOOHPaneControlProps = { ...defaultOOOHPaneControlProps,
+  id: "oc-lcw-outofofficehourspane-preset2",
+  titleText: "Sorry but we are not operating during these hours!!"
+};

package/lib/esm/components/outofofficehourspane/common/presetTwoProps/presetTwoOOOHPaneProps.js

@@ -0,0 +1,6 @@
+import { presetTwoOOOHPaneStyles } from "./presetTwoStyles/presetTwoOOOHPaneStyles";
+import { presetTwoOOOHPaneControlProps } from "./presetTwoOOOHPaneControlProps";
+export const presetTwoOOOHPaneProps = {
+  controlProps: presetTwoOOOHPaneControlProps,
+  styleProps: presetTwoOOOHPaneStyles
+};

package/lib/esm/components/outofofficehourspane/common/presetTwoProps/presetTwoStyles/presetTwoOOOHPaneGeneralStyles.js

@@ -0,0 +1,21 @@
+import errorImg from "../../../../../assets/imgs/error.svg";
+export const presetTwoOOOHPaneGeneralStyles = {
+  borderStyle: "dotted solid double dashed",
+  borderRadius: "40%",
+  borderWidth: "5px",
+  backgroundColor: "#FFFFFF",
+  backgroundSize: "200px",
+  backgroundImage: `url(${errorImg})`,
+  backgroundRepeat: "no-repeat",
+  backgroundPosition: "center",
+  borderColor: "#F2FFF1",
+  boxShadow: "0px 0px 2px 3px #DDDDD7",
+  width: "450px",
+  height: "350px",
+  position: "absolute",
+  left: "20%",
+  top: "20%",
+  justifyContent: "center",
+  alignItems: "stretch",
+  flexFlow: "column wrap"
+};

package/lib/esm/components/outofofficehourspane/common/presetTwoProps/presetTwoStyles/presetTwoOOOHPaneStyles.js

@@ -0,0 +1,6 @@
+import { presetTwoOOOHPaneTitleStyles } from "./presetTwoOOOHPaneTitleStyles";
+import { presetTwoOOOHPaneGeneralStyles } from "./presetTwoOOOHPaneGeneralStyles";
+export const presetTwoOOOHPaneStyles = {
+  generalStyleProps: presetTwoOOOHPaneGeneralStyles,
+  titleStyleProps: presetTwoOOOHPaneTitleStyles
+};

package/lib/esm/components/outofofficehourspane/common/presetTwoProps/presetTwoStyles/presetTwoOOOHPaneTitleStyles.js

@@ -0,0 +1,11 @@
+export const presetTwoOOOHPaneTitleStyles = {
+  fontFamily: "'Segoe UI',Arial,sans-serif",
+  fontWeight: "normal",
+  fontSize: "15px",
+  color: "#000000",
+  width: "400px",
+  height: "300px",
+  margin: "275px 0px 0px 20px",
+  textAlign: "center",
+  alignSelf: "auto"
+};

package/lib/esm/components/outofofficehourspane/interfaces/IOOOHPaneClassNames.js

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

package/lib/esm/components/outofofficehourspane/interfaces/IOOOHPaneComponentOverrides.js

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

package/lib/esm/components/outofofficehourspane/interfaces/IOOOHPaneControlProps.js

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

package/lib/esm/components/outofofficehourspane/interfaces/IOOOHPaneProps.js

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

package/lib/esm/components/outofofficehourspane/interfaces/IOOOHPaneStyleProps.js

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

package/lib/esm/components/postchatsurveypane/PostChatSurveyPane.js

@@ -0,0 +1,35 @@
+import { Stack } from "@fluentui/react";
+import React from "react";
+import { defaultPostChatSurveyPaneControlProps } from "./common/defaultProps/defaultPostChatSurveyPaneControlProps";
+import { defaultPostChatSurveyPaneGeneralStyles } from "./common/defaultProps/defaultStyles/defaultPostChatSurveyPaneGeneralStyles";
+import { getValidatedURL } from "../../common/utils";
+
+function PostChatSurveyPane(props) {
+  var _props$controlProps, _props$controlProps2, _props$styleProps, _props$controlProps3, _props$controlProps4;
+
+  const elementId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? defaultPostChatSurveyPaneControlProps.id;
+  const inputUrl = ((_props$controlProps2 = props.controlProps) === null || _props$controlProps2 === void 0 ? void 0 : _props$controlProps2.surveyURL) ?? defaultPostChatSurveyPaneControlProps.surveyURL;
+  const containerStyles = {
+    root: Object.assign({}, defaultPostChatSurveyPaneGeneralStyles, (_props$styleProps = props.styleProps) === null || _props$styleProps === void 0 ? void 0 : _props$styleProps.generalStyleProps)
+  };
+  const iframeStyles = {
+    height: "100vh",
+    width: "100vw",
+    maxWidth: "100%"
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Stack, {
+    id: elementId,
+    tabIndex: -1,
+    styles: containerStyles,
+    role: (_props$controlProps3 = props.controlProps) === null || _props$controlProps3 === void 0 ? void 0 : _props$controlProps3.role
+  }, /*#__PURE__*/React.createElement("iframe", {
+    id: elementId + "-Iframe" // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    ,
+    src: getValidatedURL(inputUrl),
+    title: ((_props$controlProps4 = props.controlProps) === null || _props$controlProps4 === void 0 ? void 0 : _props$controlProps4.title) ?? defaultPostChatSurveyPaneControlProps.title,
+    style: iframeStyles,
+    frameBorder: "0"
+  })));
+}
+
+export default PostChatSurveyPane;

package/lib/esm/components/postchatsurveypane/common/defaultProps/defaultPostChatSurveyPaneControlProps.js

@@ -0,0 +1,5 @@
+export const defaultPostChatSurveyPaneControlProps = {
+  id: "oc-lcw-postchatsurvey-pane",
+  title: "Post chat survey pane",
+  surveyURL: ""
+};

package/lib/esm/components/postchatsurveypane/common/defaultProps/defaultPostChatSurveyPaneProps.js

@@ -0,0 +1,6 @@
+import { defaultPostChatSurveyPaneStyles } from "./defaultStyles/defaultPostChatSurveyPaneStyles";
+import { defaultPostChatSurveyPaneControlProps } from "./defaultPostChatSurveyPaneControlProps";
+export const defaultPostChatSurveyPaneProps = {
+  controlProps: defaultPostChatSurveyPaneControlProps,
+  styleProps: defaultPostChatSurveyPaneStyles
+};

package/lib/esm/components/postchatsurveypane/common/defaultProps/defaultStyles/defaultPostChatSurveyPaneGeneralStyles.js

@@ -0,0 +1,7 @@
+export const defaultPostChatSurveyPaneGeneralStyles = {
+  borderStyle: "solid",
+  borderRadius: 0,
+  borderWidth: "3px",
+  backgroundColor: "#FFFFFF",
+  borderColor: "#F1F1F1"
+};

package/lib/esm/components/postchatsurveypane/common/defaultProps/defaultStyles/defaultPostChatSurveyPaneStyles.js

@@ -0,0 +1,4 @@
+import { defaultPostChatSurveyPaneGeneralStyles } from "./defaultPostChatSurveyPaneGeneralStyles";
+export const defaultPostChatSurveyPaneStyles = {
+  generalStyleProps: defaultPostChatSurveyPaneGeneralStyles
+};

package/lib/esm/components/postchatsurveypane/common/presetOneProps/presetOnePostChatSurveyPaneControlProps.js

@@ -0,0 +1,4 @@
+import { defaultPostChatSurveyPaneControlProps } from "../defaultProps/defaultPostChatSurveyPaneControlProps";
+export const presetOnePostChatSurveyPaneControlProps = { ...defaultPostChatSurveyPaneControlProps,
+  id: "oc-lcw-postchatsurveypane-preset1"
+};

package/lib/esm/components/postchatsurveypane/common/presetOneProps/presetOnePostChatSurveyPaneProps.js

@@ -0,0 +1,6 @@
+import { presetOnePostChatSurveyPaneControlProps } from "./presetOnePostChatSurveyPaneControlProps";
+import { presetOnePostChatSurveyPaneStyles } from "./presetOneStyles/presetOnePostChatSurveyPaneStyles";
+export const presetOnePostChatSurveyPaneProps = {
+  controlProps: presetOnePostChatSurveyPaneControlProps,
+  styleProps: presetOnePostChatSurveyPaneStyles
+};

package/lib/esm/components/postchatsurveypane/common/presetOneProps/presetOneStyles/presetOnePostChatSurveyPaneGeneralStyles.js

@@ -0,0 +1,12 @@
+export const presetOnePostChatSurveyPaneGeneralStyles = {
+  borderStyle: "solid",
+  borderRadius: "4px",
+  borderWidth: "3px",
+  maxWidth: "390px",
+  maxHeight: "450px",
+  position: "absolute",
+  left: "15%",
+  top: "20%",
+  backgroundColor: "#FFFFFF",
+  borderColor: "#FFFFFF"
+};

package/lib/esm/components/postchatsurveypane/common/presetOneProps/presetOneStyles/presetOnePostChatSurveyPaneStyles.js

@@ -0,0 +1,4 @@
+import { presetOnePostChatSurveyPaneGeneralStyles } from "./presetOnePostChatSurveyPaneGeneralStyles";
+export const presetOnePostChatSurveyPaneStyles = {
+  generalStyleProps: presetOnePostChatSurveyPaneGeneralStyles
+};

package/lib/esm/components/postchatsurveypane/interfaces/IPostChatSurveyPaneClassNames.js

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

package/lib/esm/components/postchatsurveypane/interfaces/IPostChatSurveyPaneControlProps.js

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

package/lib/esm/components/postchatsurveypane/interfaces/IPostChatSurveyPaneProps.js

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

package/lib/esm/components/postchatsurveypane/interfaces/IPostChatSurveyPaneStyleProps.js

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

package/lib/esm/components/prechatsurveypane/PreChatSurveyPane.js

@@ -0,0 +1,115 @@
+import * as AdaptiveCards from "adaptivecards";
+import { Stack } from "@fluentui/react";
+import React, { useCallback } from "react";
+import { addNoreferrerNoopenerTag, broadcastError, getInputValuesFromAdaptiveCard } from "../../common/utils";
+import { BroadcastService } from "../../services/BroadcastService";
+import { ElementType } from "../../common/Constants";
+import { defaultPreChatSurveyPaneACContainerStyles } from "./common/defaultProps/defaultStyles/defaultPreChatSurveyPaneACContainerStyles";
+import { defaultPreChatSurveyPaneControlProps } from "./common/defaultProps/defaultPreChatSurveyPaneControlProps";
+import { defaultPreChatSurveyPaneGeneralStyles } from "./common/defaultProps/defaultStyles/defaultPreChatSurveyPaneGeneralStyles";
+import { defaultPreChatSurveyPaneStyles } from "./common/defaultProps/defaultStyles/defaultPreChatSurveyPaneStyles";
+
+function PreChatSurveyPane(props) {
+  var _props$controlProps, _props$styleProps, _props$styleProps2, _props$styleProps3, _props$styleProps3$cu, _defaultPreChatSurvey, _props$styleProps4, _props$styleProps4$cu, _defaultPreChatSurvey2, _props$controlProps6, _props$controlProps7, _props$controlProps8;
+
+  const elementId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? "lcw-components-prechatsurvey-pane";
+  let adpativeCardPayload;
+  let adaptiveCardHostConfig;
+  const containerStyles = {
+    root: Object.assign({}, defaultPreChatSurveyPaneGeneralStyles, (_props$styleProps = props.styleProps) === null || _props$styleProps === void 0 ? void 0 : _props$styleProps.generalStyleProps)
+  };
+  const adaptiveCardContainerStyles = {
+    root: Object.assign({}, defaultPreChatSurveyPaneACContainerStyles, (_props$styleProps2 = props.styleProps) === null || _props$styleProps2 === void 0 ? void 0 : _props$styleProps2.adaptiveCardContainerStyleProps)
+  }; // Parse AC Host Config String input to JSON Object
+
+  try {
+    var _props$controlProps2;
+
+    adaptiveCardHostConfig = JSON.parse(((_props$controlProps2 = props.controlProps) === null || _props$controlProps2 === void 0 ? void 0 : _props$controlProps2.adaptiveCardHostConfig) ?? defaultPreChatSurveyPaneControlProps.adaptiveCardHostConfig);
+  } catch (error) {
+    adaptiveCardHostConfig = "{}";
+    broadcastError(elementId, error, "adaptiveCardHostConfig", ElementType.PreChatSurveyError);
+  } // Parse AC Payload String input to JSON Object
+
+
+  try {
+    var _props$controlProps3;
+
+    adpativeCardPayload = JSON.parse(((_props$controlProps3 = props.controlProps) === null || _props$controlProps3 === void 0 ? void 0 : _props$controlProps3.payload) ?? defaultPreChatSurveyPaneControlProps.payload);
+  } catch (error) {
+    adpativeCardPayload = "{}";
+    broadcastError(elementId, error, "adpativeCardPayload", ElementType.PreChatSurveyError);
+  } //On Submit Click Action
+
+
+  const handleSubmitClick = useCallback(() => {
+    var _props$controlProps4;
+
+    const values = getInputValuesFromAdaptiveCard(adaptiveCard);
+
+    if ((_props$controlProps4 = props.controlProps) !== null && _props$controlProps4 !== void 0 && _props$controlProps4.onSubmit) {
+      var _props$controlProps5;
+
+      const customEvent = {
+        elementType: ElementType.PreChatSurveySubmitButton,
+        elementId: elementId,
+        eventName: "OnClick"
+      };
+      BroadcastService.postMessage(customEvent);
+      (_props$controlProps5 = props.controlProps) === null || _props$controlProps5 === void 0 ? void 0 : _props$controlProps5.onSubmit(values);
+    }
+  }, []); //Adaptive Card Initilializations
+
+  const adaptiveCard = new AdaptiveCards.AdaptiveCard();
+  adaptiveCard.hostConfig = new AdaptiveCards.HostConfig(adaptiveCardHostConfig);
+  adaptiveCard.parse(adpativeCardPayload);
+  adaptiveCard.onExecuteAction = handleSubmitClick; // Render the card
+
+  const renderedCard = adaptiveCard.render();
+  addNoreferrerNoopenerTag(renderedCard);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", null, `
+            .ac-input {
+                margin-bottom: 6px;
+            }
+            .ac-input.ac-textInput {
+                height: 20px;
+                padding: 8px;
+            }
+            .ac-input.ac-textInput.ac-multiline {
+                height: 52px;
+                resize: none;
+            }
+            .ac-input.ac-multichoiceInput {
+                padding: 3px;
+                padding-top: 7px;
+                padding-bottom: 7px;
+            } 
+            .ac-pushButton { 
+                border: 1px solid #00000000;
+                margin: 2px;
+                height: 48px;
+                border-radius: 5px;
+                font-weight: bold;
+                font-size: 15px;
+                cursor: pointer;
+                color: ${((_props$styleProps3 = props.styleProps) === null || _props$styleProps3 === void 0 ? void 0 : (_props$styleProps3$cu = _props$styleProps3.customButtonStyleProps) === null || _props$styleProps3$cu === void 0 ? void 0 : _props$styleProps3$cu.color) ?? ((_defaultPreChatSurvey = defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey === void 0 ? void 0 : _defaultPreChatSurvey.color)};
+                background-color: ${((_props$styleProps4 = props.styleProps) === null || _props$styleProps4 === void 0 ? void 0 : (_props$styleProps4$cu = _props$styleProps4.customButtonStyleProps) === null || _props$styleProps4$cu === void 0 ? void 0 : _props$styleProps4$cu.backgroundColor) ?? ((_defaultPreChatSurvey2 = defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey2 === void 0 ? void 0 : _defaultPreChatSurvey2.backgroundColor)}; 
+            }`), !((_props$controlProps6 = props.controlProps) !== null && _props$controlProps6 !== void 0 && _props$controlProps6.hidePreChatSurveyPane) && /*#__PURE__*/React.createElement(Stack, {
+    id: elementId,
+    tabIndex: -1,
+    role: (_props$controlProps7 = props.controlProps) === null || _props$controlProps7 === void 0 ? void 0 : _props$controlProps7.role,
+    dir: ((_props$controlProps8 = props.controlProps) === null || _props$controlProps8 === void 0 ? void 0 : _props$controlProps8.dir) ?? defaultPreChatSurveyPaneControlProps.dir,
+    styles: containerStyles
+  }, /*#__PURE__*/React.createElement(Stack, {
+    tabIndex: -1,
+    styles: adaptiveCardContainerStyles
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: n => {
+      // Returns React element
+      renderedCard && n && n.appendChild(renderedCard);
+      n && n.childElementCount > 1 && n.lastChild && n.removeChild(n.lastChild); // Removes duplicates fix
+    }
+  }))));
+}
+
+export default PreChatSurveyPane;

package/lib/esm/components/prechatsurveypane/common/defaultProps/defaultPreChatSurveyPaneControlProps.js

@@ -0,0 +1,11 @@
+export const defaultPreChatSurveyPaneControlProps = {
+  id: "oc-lcw-prechatsurveypane-default",
+  dir: "auto",
+  hidePreChatSurveyPane: false,
+  adaptiveCardHostConfig: "{\"fontFamily\":\"Segoe UI, Helvetica Neue, sans-serif\",\"containerStyles\":{\"default\":{\"foregroundColors\":{\"default\":{\"default\":\"#000000\"}},\"backgroundColor\":\"#FFFFFF\"}},\"actions\":{\"actionsOrientation\":\"Vertical\",\"actionAlignment\":\"stretch\"}}",
+  payload: "{\"$schema\":\"http://adaptivecards.io/schemas/adaptive-card.json\",\"type\":\"AdaptiveCard\",\"version\":\"1.1\",\"body\":[{\"type\":\"TextBlock\",\"weight\":\"bolder\",\"text\":\"Please answer below questions.\"},{\"type\":\"Input.Text\",\"id\":\"1e5e4e7a-8f0b-ec11-b6e6-000d3a305d38\",\"label\":\"name pls?\",\"maxLength\":100,\"isRequired\":true,\"errorMessage\":\"Name is required\"},{\"type\":\"Input.Text\",\"id\":\"7f8f5d6d-995e-ec11-8f8f-000d3a31376e\",\"label\":\"multi\\nmulti\\nmulti\",\"style\":\"text\",\"isMultiline\":true,\"maxLength\":250},{\"type\":\"Input.ChoiceSet\",\"id\":\"e4bdf7cb-995e-ec11-8f8f-000d3a31376e\",\"label\":\"options\",\"isMultiSelect\":false,\"value\":\"1\",\"style\":\"compact\",\"choices\":[{\"title\":\"one\",\"value\":\"1\"},{\"title\":\"two\",\"value\":\"2\"},{\"title\":\"three\",\"value\":\"3\"}]},{\"type\":\"Input.Toggle\",\"id\":\"b26011d2-995e-ec11-8f8f-000d3a31376e\",\"title\":\"consent\",\"valueOn\":\"True\",\"valueOff\":\"False\",\"value\":\"false\"},{\"type\":\"TextBlock\",\"isSubtle\":true,\"text\":\"Fields marked with * are mandatory.\",\"wrap\":true}],\"actions\":[{\"type\":\"Action.Submit\",\"title\":\"Submit\",\"data\":{\"Type\":\"InputSubmit\"}}]}",
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  onSubmit: function (values) {
+    console.log("on submit");
+  }
+};

package/lib/esm/components/prechatsurveypane/common/defaultProps/defaultPreChatSurveyPaneProps.js

@@ -0,0 +1,6 @@
+import { defaultPreChatSurveyPaneStyles } from "./defaultStyles/defaultPreChatSurveyPaneStyles";
+import { defaultPreChatSurveyPaneControlProps } from "./defaultPreChatSurveyPaneControlProps";
+export const defaultPreChatSurveyPaneProps = {
+  controlProps: defaultPreChatSurveyPaneControlProps,
+  styleProps: defaultPreChatSurveyPaneStyles
+};

package/lib/esm/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneACContainerStyles.js

@@ -0,0 +1,5 @@
+export const defaultPreChatSurveyPaneACContainerStyles = {
+  border: "1px solid #ECECEC",
+  borderRadius: "4px",
+  margin: "3%"
+};

package/lib/esm/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneButtonStyles.js

@@ -0,0 +1,4 @@
+export const defaultPreChatSurveyPaneButtonStyles = {
+  backgroundColor: "rgb(49, 95, 162)",
+  color: "#FFFFFF"
+};

package/lib/esm/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneGeneralStyles.js

@@ -0,0 +1,10 @@
+export const defaultPreChatSurveyPaneGeneralStyles = {
+  borderStyle: "solid",
+  borderRadius: "4px",
+  borderWidth: "3px",
+  backgroundColor: "#FFFFFF",
+  borderColor: "#F1F1F1",
+  overflowY: "auto",
+  height: "inherit",
+  width: "inherit"
+};

package/lib/esm/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneStyles.js

@@ -0,0 +1,8 @@
+import { defaultPreChatSurveyPaneACContainerStyles } from "./defaultPreChatSurveyPaneACContainerStyles";
+import { defaultPreChatSurveyPaneButtonStyles } from "./defaultPreChatSurveyPaneButtonStyles";
+import { defaultPreChatSurveyPaneGeneralStyles } from "./defaultPreChatSurveyPaneGeneralStyles";
+export const defaultPreChatSurveyPaneStyles = {
+  generalStyleProps: defaultPreChatSurveyPaneGeneralStyles,
+  customButtonStyleProps: defaultPreChatSurveyPaneButtonStyles,
+  adaptiveCardContainerStyleProps: defaultPreChatSurveyPaneACContainerStyles
+};

package/lib/esm/components/prechatsurveypane/common/presetOneProps/presetOnePreChatSurveyPaneControlProps.js

@@ -0,0 +1,4 @@
+import { defaultPreChatSurveyPaneControlProps } from "../defaultProps/defaultPreChatSurveyPaneControlProps";
+export const presetOnePreChatSurveyPaneControlProps = { ...defaultPreChatSurveyPaneControlProps,
+  dir: "rtl"
+};

package/lib/esm/components/prechatsurveypane/common/presetOneProps/presetOnePreChatSurveyPaneProps.js

@@ -0,0 +1,6 @@
+import { defaultPreChatSurveyPaneStyles } from "../defaultProps/defaultStyles/defaultPreChatSurveyPaneStyles";
+import { presetOnePreChatSurveyPaneControlProps } from "./presetOnePreChatSurveyPaneControlProps";
+export const presetOnePreChatSurveyPaneProps = {
+  controlProps: presetOnePreChatSurveyPaneControlProps,
+  styleProps: defaultPreChatSurveyPaneStyles
+};

package/lib/esm/components/prechatsurveypane/common/presetThreeProps/presetThreePreChatSurveyPaneControlProps.js

@@ -0,0 +1,11 @@
+export const presetThreePreChatSurveyPaneControlProps = {
+  id: "oc-lcw-prechatsurveypane-preset3",
+  dir: "auto",
+  hidePreChatSurveyPane: false,
+  adaptiveCardHostConfig: "{\"fontFamily\":\"Segoe UI, Helvetica Neue, sans-serif\",\"containerStyles\":{\"default\":{\"foregroundColors\":{\"default\":{\"default\":\"#C3F60F\"}},\"backgroundColor\":\"#6A1E7A\"}},\"actions\":{\"actionsOrientation\":\"Vertical\",\"actionAlignment\":\"stretch\"}}",
+  payload: "{\"$schema\":\"http://adaptivecards.io/schemas/adaptive-card.json\",\"type\":\"AdaptiveCard\",\"version\":\"1.5\",\"body\":[{\"type\":\"TextBlock\",\"weight\":\"bolder\",\"text\":\"Please answer below questions.\"},{\"type\":\"Input.Text\",\"id\":\"1e5e4e7a-8f0b-ec11-b6e6-000d3a305d38\",\"label\":\"Name\",\"maxLength\":100,\"isRequired\":true,\"errorMessage\":\"Name is required\"},{\"type\":\"Input.Text\",\"id\":\"c7ed0164-e6a9-4cf6-ab03-819f60d0289f\",\"label\":\"Company Name\",\"style\":\"text\",\"maxLength\":100,\"isRequired\":true,\"errorMessage\":\"Company Name is required\"},{\"type\":\"Input.Text\",\"id\":\"7f8f5d6d-995e-ec11-8f8f-000d3a31376e\",\"label\":\"How are you feeling today?\",\"style\":\"text\",\"isMultiline\":true,\"maxLength\":250},{\"type\":\"Input.Text\",\"id\":\"03d7114a-5e87-4718-b60d-0e6802176875\",\"label\":\"Comments\",\"style\":\"text\",\"isMultiline\":true,\"maxLength\":250,\"isRequired\":true,\"errorMessage\":\"Comments are required\"},{\"type\":\"Input.ChoiceSet\",\"id\":\"e4bdf7cb-995e-ec11-8f8f-000d3a31376e\",\"label\":\"Please Select One of the following\",\"isMultiSelect\":false,\"isRequired\":true,\"errorMessage\":\"A choice is required\",\"style\":\"compact\",\"choices\":[{\"title\":\"one\",\"value\":\"1\"},{\"title\":\"two\",\"value\":\"2\"},{\"title\":\"three\",\"value\":\"3\"}]},{\"type\":\"Input.Toggle\",\"id\":\"b26011d2-995e-ec11-8f8f-000d3a31376e\",\"title\":\"consent\",\"valueOn\":\"True\",\"valueOff\":\"False\",\"value\":\"false\"},{\"type\":\"TextBlock\",\"text\":\"Fields marked with * are mandatory.\",\"wrap\":true}],\"actions\":[{\"type\":\"Action.Submit\",\"title\":\"Submit\",\"data\":{\"Type\":\"InputSubmit\"}}]}",
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  onSubmit: function (values) {
+    console.log("on submit");
+  }
+};

package/lib/esm/components/prechatsurveypane/common/presetThreeProps/presetThreePreChatSurveyPaneProps.js

@@ -0,0 +1,6 @@
+import { presetThreePreChatSurveyPaneStyles } from "./presetThreeStyles/presetThreePreChatSurveyPaneStyles";
+import { presetThreePreChatSurveyPaneControlProps } from "./presetThreePreChatSurveyPaneControlProps";
+export const presetThreePreChatSurveyPaneProps = {
+  controlProps: presetThreePreChatSurveyPaneControlProps,
+  styleProps: presetThreePreChatSurveyPaneStyles
+};

package/lib/esm/components/prechatsurveypane/common/presetThreeProps/presetThreeStyles/presetThreePreChatSurveyPaneACContainerStyles.js

@@ -0,0 +1,5 @@
+export const presetThreePreChatSurveyPaneACContainerStyles = {
+  border: "1px solid #C3F60F",
+  borderRadius: "4px",
+  margin: "10px 10px 0px 10px"
+};

package/lib/esm/components/prechatsurveypane/common/presetThreeProps/presetThreeStyles/presetThreePreChatSurveyPaneButtonStyles.js

@@ -0,0 +1,4 @@
+export const presetThreePreChatSurveyPaneButtonStyles = {
+  backgroundColor: "#C3F60F",
+  color: "#800080"
+};

package/lib/esm/components/prechatsurveypane/common/presetThreeProps/presetThreeStyles/presetThreePreChatSurveyPaneGeneralStyles.js

@@ -0,0 +1,11 @@
+export const presetThreePreChatSurveyPaneGeneralStyles = {
+  borderStyle: "solid",
+  borderWidth: "4px",
+  backgroundColor: "#6A1E7A",
+  maxWidth: "280px",
+  maxHeight: "420px",
+  position: "absolute",
+  left: "15%",
+  top: "20%",
+  overflowY: "auto"
+};

package/lib/esm/components/prechatsurveypane/common/presetThreeProps/presetThreeStyles/presetThreePreChatSurveyPaneStyles.js

@@ -0,0 +1,8 @@
+import { presetThreePreChatSurveyPaneACContainerStyles } from "./presetThreePreChatSurveyPaneACContainerStyles";
+import { presetThreePreChatSurveyPaneButtonStyles } from "./presetThreePreChatSurveyPaneButtonStyles";
+import { presetThreePreChatSurveyPaneGeneralStyles } from "./presetThreePreChatSurveyPaneGeneralStyles";
+export const presetThreePreChatSurveyPaneStyles = {
+  generalStyleProps: presetThreePreChatSurveyPaneGeneralStyles,
+  customButtonStyleProps: presetThreePreChatSurveyPaneButtonStyles,
+  adaptiveCardContainerStyleProps: presetThreePreChatSurveyPaneACContainerStyles
+};

package/lib/esm/components/prechatsurveypane/common/presetTwoProps/presetTwoPreChatSurveyPaneControlProps.js

@@ -0,0 +1,11 @@
+export const presetTwoPreChatSurveyPaneControlProps = {
+  id: "oc-lcw-prechatsurveypane-preset2",
+  dir: "auto",
+  hidePreChatSurveyPane: false,
+  adaptiveCardHostConfig: "{\"fontFamily\":\"Segoe UI, Helvetica Neue, sans-serif\",\"containerStyles\":{\"default\":{\"foregroundColors\":{\"default\":{\"default\":\"#000000\"}},\"backgroundColor\":\"#FFFFFF\"}},\"actions\":{\"actionsOrientation\":\"Vertical\",\"actionAlignment\":\"stretch\"}}",
+  payload: "{\"$schema\":\"http://adaptivecards.io/schemas/adaptive-card.json\",\"type\":\"AdaptiveCard\",\"version\":\"1.1\",\"body\":[{\"type\":\"TextBlock\",\"weight\":\"bolder\",\"text\":\"Please answer below questions.\"},{\"type\":\"TextBlock\",\"text\":\"Fields marked with * are mandatory.\",\"wrap\":true,\"color\":\"attention\"},{\"type\":\"Input.Text\",\"id\":\"1e5e4e7a-8f0b-ec11-b6e6-000d3a305d38\",\"label\":\"Name\",\"maxLength\":100,\"isRequired\":true,\"errorMessage\":\"Name is required\"},{\"type\":\"Input.Text\",\"id\":\"7f8f5d6d-995e-ec11-8f8f-000d3a31376e\",\"label\":\"multi\\nmulti\\nmulti\",\"style\":\"text\",\"isMultiline\":true,\"maxLength\":250},{\"type\":\"Input.ChoiceSet\",\"id\":\"e4bdf7cb-995e-ec11-8f8f-000d3a31376e\",\"label\":\"options\",\"isMultiSelect\":false,\"value\":\"1\",\"style\":\"compact\",\"choices\":[{\"title\":\"one\",\"value\":\"1\"},{\"title\":\"two\",\"value\":\"2\"},{\"title\":\"three\",\"value\":\"3\"}]},{\"type\":\"Input.ChoiceSet\",\"id\":\"965cc6dc-c6bf-4496-9006-38d686de965a\",\"label\":\"What option do you want?\",\"style\":\"expanded\",\"isMultiSelect\":false,\"value\":\"1\",\"choices\":[{\"title\":\"One\",\"value\":\"1\"},{\"title\":\"Two\",\"value\":\"2\"},{\"title\":\"Three\",\"value\":\"3\"}]},{\"type\":\"Input.Toggle\",\"id\":\"b26011d2-995e-ec11-8f8f-000d3a31376e\",\"title\":\"consent\",\"valueOn\":\"True\",\"valueOff\":\"False\",\"value\":\"false\"}],\"actions\":[{\"type\":\"Action.Submit\",\"title\":\"Submit\",\"data\":{\"Type\":\"InputSubmit\"}}]}",
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  onSubmit: function (values) {
+    console.log("on submit");
+  }
+};

package/lib/esm/components/prechatsurveypane/common/presetTwoProps/presetTwoPreChatSurveyPaneProps.js

@@ -0,0 +1,6 @@
+import { defaultPreChatSurveyPaneStyles } from "../defaultProps/defaultStyles/defaultPreChatSurveyPaneStyles";
+import { presetTwoPreChatSurveyPaneControlProps } from "./presetTwoPreChatSurveyPaneControlProps";
+export const presetTwoPreChatSurveyPaneProps = {
+  controlProps: presetTwoPreChatSurveyPaneControlProps,
+  styleProps: defaultPreChatSurveyPaneStyles
+};

package/lib/esm/components/prechatsurveypane/interfaces/IPreChatSurveyPaneButtonStyles.js

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

package/lib/esm/components/prechatsurveypane/interfaces/IPreChatSurveyPaneControlProps.js

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

package/lib/esm/components/prechatsurveypane/interfaces/IPreChatSurveyPaneProps.js

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

package/lib/esm/components/prechatsurveypane/interfaces/IPreChatSurveyPaneStyleProps.js

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