@microsoft/omnichannel-chat-components 0.1.0-1

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,36 @@
+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: "100%",
+    display: "block",
+    maxHeight: "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,130 @@
+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, _props$styleProps4, _props$styleProps4$cu, _props$styleProps5, _props$styleProps5$cu, _props$styleProps6, _props$styleProps6$cu, _props$styleProps7, _props$styleProps7$cu, _props$styleProps8, _props$styleProps8$cu, _props$styleProps9, _props$styleProps9$cu, _defaultPreChatSurvey, _props$styleProps10, _props$styleProps10$c, _props$styleProps11, _props$styleProps11$c, _defaultPreChatSurvey2, _props$styleProps12, _props$styleProps12$c, _props$styleProps13, _props$styleProps13$c, _defaultPreChatSurvey3, _props$styleProps14, _props$styleProps14$c, _defaultPreChatSurvey4, _props$styleProps15, _props$styleProps15$c, _defaultPreChatSurvey5, _props$styleProps16, _props$styleProps16$c, _defaultPreChatSurvey6, _props$styleProps17, _props$styleProps17$c, _defaultPreChatSurvey7, _props$styleProps18, _props$styleProps18$c, _defaultPreChatSurvey8, _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
+
+  AdaptiveCards.GlobalSettings.setTabIndexAtCardRoot = false;
+  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-textBlock {
+                font-size: ${(_props$styleProps3 = props.styleProps) === null || _props$styleProps3 === void 0 ? void 0 : (_props$styleProps3$cu = _props$styleProps3.customTextStyleProps) === null || _props$styleProps3$cu === void 0 ? void 0 : _props$styleProps3$cu.fontSize} !important;
+                height: ${(_props$styleProps4 = props.styleProps) === null || _props$styleProps4 === void 0 ? void 0 : (_props$styleProps4$cu = _props$styleProps4.customTextStyleProps) === null || _props$styleProps4$cu === void 0 ? void 0 : _props$styleProps4$cu.height};
+                padding-top: ${(_props$styleProps5 = props.styleProps) === null || _props$styleProps5 === void 0 ? void 0 : (_props$styleProps5$cu = _props$styleProps5.customTextStyleProps) === null || _props$styleProps5$cu === void 0 ? void 0 : _props$styleProps5$cu.paddingTop};
+            }
+            .ac-textRun {
+                font-size: ${(_props$styleProps6 = props.styleProps) === null || _props$styleProps6 === void 0 ? void 0 : (_props$styleProps6$cu = _props$styleProps6.customTextStyleProps) === null || _props$styleProps6$cu === void 0 ? void 0 : _props$styleProps6$cu.fontSize} !important;
+                padding-top: ${(_props$styleProps7 = props.styleProps) === null || _props$styleProps7 === void 0 ? void 0 : (_props$styleProps7$cu = _props$styleProps7.customTextStyleProps) === null || _props$styleProps7$cu === void 0 ? void 0 : _props$styleProps7$cu.paddingTop};
+            }
+            .ac-input {
+                margin-bottom: 6px;
+            }
+            .ac-input.ac-textInput {
+                font-size: ${(_props$styleProps8 = props.styleProps) === null || _props$styleProps8 === void 0 ? void 0 : (_props$styleProps8$cu = _props$styleProps8.customTextInputStyleProps) === null || _props$styleProps8$cu === void 0 ? void 0 : _props$styleProps8$cu.fontSize};
+                height: ${((_props$styleProps9 = props.styleProps) === null || _props$styleProps9 === void 0 ? void 0 : (_props$styleProps9$cu = _props$styleProps9.customTextInputStyleProps) === null || _props$styleProps9$cu === void 0 ? void 0 : _props$styleProps9$cu.height) ?? ((_defaultPreChatSurvey = defaultPreChatSurveyPaneStyles.customTextInputStyleProps) === null || _defaultPreChatSurvey === void 0 ? void 0 : _defaultPreChatSurvey.height)};
+                padding: 8px;
+            }
+            .ac-input.ac-textInput.ac-multiline {
+                font-size: ${(_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 ? void 0 : (_props$styleProps10$c = _props$styleProps10.customMultilineTextInputStyleProps) === null || _props$styleProps10$c === void 0 ? void 0 : _props$styleProps10$c.fontSize};
+                height: ${((_props$styleProps11 = props.styleProps) === null || _props$styleProps11 === void 0 ? void 0 : (_props$styleProps11$c = _props$styleProps11.customMultilineTextInputStyleProps) === null || _props$styleProps11$c === void 0 ? void 0 : _props$styleProps11$c.height) ?? ((_defaultPreChatSurvey2 = defaultPreChatSurveyPaneStyles.customMultilineTextInputStyleProps) === null || _defaultPreChatSurvey2 === void 0 ? void 0 : _defaultPreChatSurvey2.height)};
+                resize: none;
+            }
+            .ac-input.ac-multichoiceInput {
+                font-size: ${(_props$styleProps12 = props.styleProps) === null || _props$styleProps12 === void 0 ? void 0 : (_props$styleProps12$c = _props$styleProps12.customMultichoiceInputStyleProps) === null || _props$styleProps12$c === void 0 ? void 0 : _props$styleProps12$c.fontSize};
+                padding: 3px;
+                padding-top: 7px;
+                padding-bottom: 7px;
+            } 
+            .ac-pushButton { 
+                border: 1px solid #00000000;
+                margin: 2px;
+                height: ${((_props$styleProps13 = props.styleProps) === null || _props$styleProps13 === void 0 ? void 0 : (_props$styleProps13$c = _props$styleProps13.customButtonStyleProps) === null || _props$styleProps13$c === void 0 ? void 0 : _props$styleProps13$c.height) ?? ((_defaultPreChatSurvey3 = defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey3 === void 0 ? void 0 : _defaultPreChatSurvey3.height)};
+                width: ${((_props$styleProps14 = props.styleProps) === null || _props$styleProps14 === void 0 ? void 0 : (_props$styleProps14$c = _props$styleProps14.customButtonStyleProps) === null || _props$styleProps14$c === void 0 ? void 0 : _props$styleProps14$c.width) ?? ((_defaultPreChatSurvey4 = defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey4 === void 0 ? void 0 : _defaultPreChatSurvey4.width)};
+                border-radius: 5px;
+                cursor: pointer;
+                font-weight: bold;
+                font-size: ${((_props$styleProps15 = props.styleProps) === null || _props$styleProps15 === void 0 ? void 0 : (_props$styleProps15$c = _props$styleProps15.customButtonStyleProps) === null || _props$styleProps15$c === void 0 ? void 0 : _props$styleProps15$c.fontSize) ?? ((_defaultPreChatSurvey5 = defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey5 === void 0 ? void 0 : _defaultPreChatSurvey5.fontSize)};
+                font-family: ${((_props$styleProps16 = props.styleProps) === null || _props$styleProps16 === void 0 ? void 0 : (_props$styleProps16$c = _props$styleProps16.customButtonStyleProps) === null || _props$styleProps16$c === void 0 ? void 0 : _props$styleProps16$c.fontFamily) ?? ((_defaultPreChatSurvey6 = defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey6 === void 0 ? void 0 : _defaultPreChatSurvey6.fontFamily)};
+                color: ${((_props$styleProps17 = props.styleProps) === null || _props$styleProps17 === void 0 ? void 0 : (_props$styleProps17$c = _props$styleProps17.customButtonStyleProps) === null || _props$styleProps17$c === void 0 ? void 0 : _props$styleProps17$c.color) ?? ((_defaultPreChatSurvey7 = defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey7 === void 0 ? void 0 : _defaultPreChatSurvey7.color)};
+                background-color: ${((_props$styleProps18 = props.styleProps) === null || _props$styleProps18 === void 0 ? void 0 : (_props$styleProps18$c = _props$styleProps18.customButtonStyleProps) === null || _props$styleProps18$c === void 0 ? void 0 : _props$styleProps18$c.backgroundColor) ?? ((_defaultPreChatSurvey8 = defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey8 === void 0 ? void 0 : _defaultPreChatSurvey8.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) ?? defaultPreChatSurveyPaneControlProps.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,12 @@
+export const defaultPreChatSurveyPaneControlProps = {
+  id: "oc-lcw-prechatsurveypane-default",
+  dir: "auto",
+  role: "alert",
+  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,8 @@
+export const defaultPreChatSurveyPaneButtonStyles = {
+  backgroundColor: "rgb(49, 95, 162)",
+  color: "#FFFFFF",
+  fontFamily: "Segoe UI, Arial, sans-serif",
+  fontSize: "15px",
+  height: "48px",
+  width: "auto"
+};

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/defaultPreChatSurveyPaneMultilineTextInputStyles.js

@@ -0,0 +1,3 @@
+export const defaultPreChatSurveyPaneMultilineTextInputStyles = {
+  height: "52px"
+};

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

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

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

@@ -0,0 +1,3 @@
+export const defaultPreChatSurveyPaneTextInputStyles = {
+  height: "20px"
+};

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/IPreChatSurveyPaneElementStyles.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 {};