@microsoft/omnichannel-chat-components 0.1.0-main.07a2a56

package/lib/cjs/components/inputvalidationpane/common/presetTwo/presetTwoProps/presetTwoInputValidationPaneProps.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.presetTwoInputValidationPaneProps = void 0;
+
+var _presetTwoInputValidationPaneStyles = require("../presetTwoStyles/presetTwoInputValidationPaneStyles");
+
+var _presetTwoInputValidationPaneComponentOverrides = require("./presetTwoInputValidationPaneComponentOverrides");
+
+var _presetTwoInputValidationPaneControlProps = require("./presetTwoInputValidationPaneControlProps");
+
+const presetTwoInputValidationPaneProps = {
+  controlProps: _presetTwoInputValidationPaneControlProps.presetTwoInputValidationPaneControlProps,
+  styleProps: _presetTwoInputValidationPaneStyles.presetTwoInputValidationPaneStyles,
+  componentOverrides: _presetTwoInputValidationPaneComponentOverrides.presetTwoInputValidationPaneComponentOverrides
+};
+exports.presetTwoInputValidationPaneProps = presetTwoInputValidationPaneProps;

package/lib/cjs/components/inputvalidationpane/common/presetTwo/presetTwoStyles/presetTwoInputValidationPaneCancelButtonStyles.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.presetTwoInputValidationPaneCancelButtonStyles = void 0;
+const presetTwoInputValidationPaneCancelButtonStyles = {
+  backgroundColor: "red",
+  borderRadius: "30px",
+  height: "100px",
+  marginLeft: "10px",
+  padding: "10px",
+  width: "100px"
+};
+exports.presetTwoInputValidationPaneCancelButtonStyles = presetTwoInputValidationPaneCancelButtonStyles;

package/lib/cjs/components/inputvalidationpane/common/presetTwo/presetTwoStyles/presetTwoInputValidationPaneHeaderGroupStyles.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.presetTwoInputValidationPaneHeaderGroupStyles = void 0;
+const presetTwoInputValidationPaneHeaderGroupStyles = {
+  marginBottom: "0"
+};
+exports.presetTwoInputValidationPaneHeaderGroupStyles = presetTwoInputValidationPaneHeaderGroupStyles;

package/lib/cjs/components/inputvalidationpane/common/presetTwo/presetTwoStyles/presetTwoInputValidationPaneInputStyles.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.presetTwoInputValidationPaneInputStyles = void 0;
+const presetTwoInputValidationPaneInputStyles = {
+  margin: "10px",
+  width: "300px"
+};
+exports.presetTwoInputValidationPaneInputStyles = presetTwoInputValidationPaneInputStyles;

package/lib/cjs/components/inputvalidationpane/common/presetTwo/presetTwoStyles/presetTwoInputValidationPaneSendButtonStyles.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.presetTwoInputValidationPaneSendButtonStyles = void 0;
+const presetTwoInputValidationPaneSendButtonStyles = {
+  backgroundColor: "purple",
+  borderRadius: "30px",
+  height: "100px",
+  marginLeft: "10px",
+  padding: "10px",
+  width: "100px"
+};
+exports.presetTwoInputValidationPaneSendButtonStyles = presetTwoInputValidationPaneSendButtonStyles;

package/lib/cjs/components/inputvalidationpane/common/presetTwo/presetTwoStyles/presetTwoInputValidationPaneStyles.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.presetTwoInputValidationPaneStyles = void 0;
+
+var _presetTwoInputValidationPaneTitleStyles = require("./presetTwoInputValidationPaneTitleStyles");
+
+var _presetTwoInputValidationPaneInputStyles = require("./presetTwoInputValidationPaneInputStyles");
+
+var _presetTwoInputValidationPaneSendButtonStyles = require("./presetTwoInputValidationPaneSendButtonStyles");
+
+var _presetTwoInputValidationPaneCancelButtonStyles = require("./presetTwoInputValidationPaneCancelButtonStyles");
+
+var _presetTwoInputValidationPaneHeaderGroupStyles = require("./presetTwoInputValidationPaneHeaderGroupStyles");
+
+const presetTwoInputValidationPaneStyles = {
+  headerGroupStyleProps: _presetTwoInputValidationPaneHeaderGroupStyles.presetTwoInputValidationPaneHeaderGroupStyles,
+  titleStyleProps: _presetTwoInputValidationPaneTitleStyles.presetTwoInputValidationPaneTitleStyles,
+  inputStyleProps: _presetTwoInputValidationPaneInputStyles.presetTwoInputValidationPaneInputStyles,
+  sendButtonStyleProps: _presetTwoInputValidationPaneSendButtonStyles.presetTwoInputValidationPaneSendButtonStyles,
+  cancelButtonStyleProps: _presetTwoInputValidationPaneCancelButtonStyles.presetTwoInputValidationPaneCancelButtonStyles
+};
+exports.presetTwoInputValidationPaneStyles = presetTwoInputValidationPaneStyles;

package/lib/cjs/components/inputvalidationpane/common/presetTwo/presetTwoStyles/presetTwoInputValidationPaneTitleStyles.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.presetTwoInputValidationPaneTitleStyles = void 0;
+const presetTwoInputValidationPaneTitleStyles = {
+  backgroundColor: "yellow",
+  borderRadius: "30px",
+  height: "100px",
+  margin: "10px",
+  padding: "10px",
+  width: "100px"
+};
+exports.presetTwoInputValidationPaneTitleStyles = presetTwoInputValidationPaneTitleStyles;

package/lib/cjs/components/inputvalidationpane/interfaces/IInputValidationPaneClassNames.js

@@ -0,0 +1 @@
+"use strict";

package/lib/cjs/components/inputvalidationpane/interfaces/IInputValidationPaneComponentOverrides.js

@@ -0,0 +1 @@
+"use strict";

package/lib/cjs/components/inputvalidationpane/interfaces/IInputValidationPaneControlProps.js

@@ -0,0 +1 @@
+"use strict";

package/lib/cjs/components/inputvalidationpane/interfaces/IInputValidationPaneProps.js

@@ -0,0 +1 @@
+"use strict";

package/lib/cjs/components/inputvalidationpane/interfaces/IInputValidationPaneStyleProps.js

@@ -0,0 +1 @@
+"use strict";

package/lib/cjs/components/loadingpane/LoadingPane.js

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("@fluentui/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _decodeComponentString = require("../../common/decodeComponentString");
+
+var _defaultLoadingPaneControlProps = require("./common/defaultProps/defaultLoadingPaneControlProps");
+
+var _defaultLoadingPaneGeneralStyles = require("./common/defaultProps/defaultStyles/defaultLoadingPaneGeneralStyles");
+
+var _defaultLoadingPaneIconImageProps = require("./common/defaultProps/defaultStyles/defaultLoadingPaneIconImageProps");
+
+var _defaultLoadingPaneIconStyles = require("./common/defaultProps/defaultStyles/defaultLoadingPaneIconStyles");
+
+var _defaultLoadingPaneSpinnerStyles = require("./common/defaultProps/defaultStyles/defaultLoadingPaneSpinnerStyles");
+
+var _defaultLoadingPaneSpinnerTextStyles = require("./common/defaultProps/defaultStyles/defaultLoadingPaneSpinnerTextStyles");
+
+var _defaultLoadingPaneSubtitleStyles = require("./common/defaultProps/defaultStyles/defaultLoadingPaneSubtitleStyles");
+
+var _defaultLoadingPaneTitleStyles = require("./common/defaultProps/defaultStyles/defaultLoadingPaneTitleStyles");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function LoadingPane(props) {
+  var _props$controlProps, _props$styleProps, _props$styleProps2, _props$styleProps3, _props$styleProps4, _props$styleProps5, _props$styleProps6, _props$styleProps7, _props$controlProps2, _props$controlProps3, _props$controlProps4, _props$controlProps5, _props$componentOverr, _props$styleProps8, _props$styleProps8$cl, _props$controlProps6, _props$componentOverr2, _props$styleProps9, _props$styleProps9$cl, _props$controlProps7, _props$controlProps8, _props$componentOverr3, _props$styleProps10, _props$styleProps10$c, _props$controlProps9, _props$controlProps10, _props$componentOverr4, _props$styleProps11, _props$styleProps11$c, _props$controlProps11, _props$controlProps12, _props$componentOverr5, _props$styleProps12, _props$styleProps12$c, _props$controlProps13;
+
+  const elementId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? "lcw-components-loading-pane";
+  const containerStyles = {
+    root: Object.assign({}, _defaultLoadingPaneGeneralStyles.defaultLoadingPaneGeneralStyles, (_props$styleProps = props.styleProps) === null || _props$styleProps === void 0 ? void 0 : _props$styleProps.generalStyleProps)
+  };
+  const iconStyles = {
+    root: Object.assign({}, _defaultLoadingPaneIconStyles.defaultLoadingPaneIconStyles, (_props$styleProps2 = props.styleProps) === null || _props$styleProps2 === void 0 ? void 0 : _props$styleProps2.iconStyleProps)
+  };
+  const iconImageProps = ((_props$styleProps3 = props.styleProps) === null || _props$styleProps3 === void 0 ? void 0 : _props$styleProps3.iconImageProps) ?? _defaultLoadingPaneIconImageProps.defaultLoadingPaneIconImageProps;
+  const titleStyles = {
+    root: Object.assign({}, _defaultLoadingPaneTitleStyles.defaultLoadingPaneTitleStyles, (_props$styleProps4 = props.styleProps) === null || _props$styleProps4 === void 0 ? void 0 : _props$styleProps4.titleStyleProps)
+  };
+  const subtitleStyles = {
+    root: Object.assign({}, _defaultLoadingPaneSubtitleStyles.defaultLoadingPaneSubtitleStyles, (_props$styleProps5 = props.styleProps) === null || _props$styleProps5 === void 0 ? void 0 : _props$styleProps5.subtitleStyleProps)
+  };
+  const spinnerStyles = {
+    root: Object.assign({}, _defaultLoadingPaneSpinnerStyles.defaultLoadingPaneSpinnerStyles, (_props$styleProps6 = props.styleProps) === null || _props$styleProps6 === void 0 ? void 0 : _props$styleProps6.spinnerStyleProps)
+  };
+  const spinnerTextStyles = {
+    root: Object.assign({}, _defaultLoadingPaneSpinnerTextStyles.defaultLoadingPaneSpinnerTextStyles, (_props$styleProps7 = props.styleProps) === null || _props$styleProps7 === void 0 ? void 0 : _props$styleProps7.spinnerTextStyleProps)
+  };
+  return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, !((_props$controlProps2 = props.controlProps) !== null && _props$controlProps2 !== void 0 && _props$controlProps2.hideLoadingPane) && /*#__PURE__*/_react2.default.createElement(_react.Stack, {
+    id: elementId,
+    tabIndex: -1,
+    styles: containerStyles,
+    role: (_props$controlProps3 = props.controlProps) === null || _props$controlProps3 === void 0 ? void 0 : _props$controlProps3.role,
+    dir: ((_props$controlProps4 = props.controlProps) === null || _props$controlProps4 === void 0 ? void 0 : _props$controlProps4.dir) ?? _defaultLoadingPaneControlProps.defaultLoadingPaneControlProps.dir
+  }, !((_props$controlProps5 = props.controlProps) !== null && _props$controlProps5 !== void 0 && _props$controlProps5.hideIcon) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr = props.componentOverrides) === null || _props$componentOverr === void 0 ? void 0 : _props$componentOverr.icon) || /*#__PURE__*/_react2.default.createElement(_react.Icon, {
+    className: (_props$styleProps8 = props.styleProps) === null || _props$styleProps8 === void 0 ? void 0 : (_props$styleProps8$cl = _props$styleProps8.classNames) === null || _props$styleProps8$cl === void 0 ? void 0 : _props$styleProps8$cl.iconClassName,
+    styles: iconStyles,
+    imageProps: iconImageProps,
+    tabIndex: -1,
+    id: elementId + "-icon"
+  })), !((_props$controlProps6 = props.controlProps) !== null && _props$controlProps6 !== void 0 && _props$controlProps6.hideTitle) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr2 = props.componentOverrides) === null || _props$componentOverr2 === void 0 ? void 0 : _props$componentOverr2.title) || /*#__PURE__*/_react2.default.createElement(_react.Label, {
+    className: (_props$styleProps9 = props.styleProps) === null || _props$styleProps9 === void 0 ? void 0 : (_props$styleProps9$cl = _props$styleProps9.classNames) === null || _props$styleProps9$cl === void 0 ? void 0 : _props$styleProps9$cl.titleClassName,
+    styles: titleStyles,
+    tabIndex: -1,
+    id: elementId + "-title"
+  }, ((_props$controlProps7 = props.controlProps) === null || _props$controlProps7 === void 0 ? void 0 : _props$controlProps7.titleText) ?? _defaultLoadingPaneControlProps.defaultLoadingPaneControlProps.titleText)), !((_props$controlProps8 = props.controlProps) !== null && _props$controlProps8 !== void 0 && _props$controlProps8.hideSubtitle) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr3 = props.componentOverrides) === null || _props$componentOverr3 === void 0 ? void 0 : _props$componentOverr3.subtitle) || /*#__PURE__*/_react2.default.createElement(_react.Label, {
+    className: (_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 ? void 0 : (_props$styleProps10$c = _props$styleProps10.classNames) === null || _props$styleProps10$c === void 0 ? void 0 : _props$styleProps10$c.subtitleClassName,
+    styles: subtitleStyles,
+    tabIndex: -1,
+    id: elementId + "-subtitle"
+  }, ((_props$controlProps9 = props.controlProps) === null || _props$controlProps9 === void 0 ? void 0 : _props$controlProps9.subtitleText) ?? _defaultLoadingPaneControlProps.defaultLoadingPaneControlProps.subtitleText)), !((_props$controlProps10 = props.controlProps) !== null && _props$controlProps10 !== void 0 && _props$controlProps10.hideSpinner) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr4 = props.componentOverrides) === null || _props$componentOverr4 === void 0 ? void 0 : _props$componentOverr4.spinner) || /*#__PURE__*/_react2.default.createElement(_react.Spinner, {
+    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.spinnerClassName,
+    styles: spinnerStyles,
+    size: (_props$controlProps11 = props.controlProps) === null || _props$controlProps11 === void 0 ? void 0 : _props$controlProps11.spinnerSize,
+    tabIndex: -1,
+    id: elementId + "-spinner"
+  })), !((_props$controlProps12 = props.controlProps) !== null && _props$controlProps12 !== void 0 && _props$controlProps12.hideSpinnerText) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr5 = props.componentOverrides) === null || _props$componentOverr5 === void 0 ? void 0 : _props$componentOverr5.spinnerText) || /*#__PURE__*/_react2.default.createElement(_react.Label, {
+    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.spinnerTextClassName,
+    styles: spinnerTextStyles,
+    tabIndex: -1,
+    id: elementId + "-spinner-text"
+  }, ((_props$controlProps13 = props.controlProps) === null || _props$controlProps13 === void 0 ? void 0 : _props$controlProps13.spinnerText) ?? _defaultLoadingPaneControlProps.defaultLoadingPaneControlProps.spinnerText))));
+}
+
+var _default = LoadingPane;
+exports.default = _default;

package/lib/cjs/components/loadingpane/common/defaultProps/defaultLoadingPaneControlProps.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultLoadingPaneControlProps = void 0;
+const defaultLoadingPaneControlProps = {
+  id: "oc-lcw-loadingpane",
+  dir: "auto",
+  hideLoadingPane: false,
+  hideIcon: false,
+  hideTitle: false,
+  titleText: "Welcome to",
+  hideSubtitle: false,
+  subtitleText: "live chat support ...",
+  hideSpinner: false,
+  hideSpinnerText: false,
+  spinnerText: "Loading ..."
+};
+exports.defaultLoadingPaneControlProps = defaultLoadingPaneControlProps;

package/lib/cjs/components/loadingpane/common/defaultProps/defaultLoadingPaneProps.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultLoadingPaneProps = void 0;
+
+var _defaultLoadingPaneStyles = require("./defaultStyles/defaultLoadingPaneStyles");
+
+var _defaultLoadingPaneControlProps = require("./defaultLoadingPaneControlProps");
+
+const defaultLoadingPaneProps = {
+  controlProps: _defaultLoadingPaneControlProps.defaultLoadingPaneControlProps,
+  styleProps: _defaultLoadingPaneStyles.defaultLoadingPaneStyles
+};
+exports.defaultLoadingPaneProps = defaultLoadingPaneProps;

package/lib/cjs/components/loadingpane/common/defaultProps/defaultStyles/defaultLoadingPaneGeneralStyles.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultLoadingPaneGeneralStyles = void 0;
+const defaultLoadingPaneGeneralStyles = {
+  width: "100%",
+  height: "100%",
+  borderWidth: "3px",
+  borderStyle: "solid",
+  backgroundColor: "#315fa2",
+  borderColor: "#F1F1F1",
+  position: "absolute",
+  justifyContent: "center",
+  alignItems: "center"
+};
+exports.defaultLoadingPaneGeneralStyles = defaultLoadingPaneGeneralStyles;

package/lib/cjs/components/loadingpane/common/defaultProps/defaultStyles/defaultLoadingPaneIconImageProps.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultLoadingPaneIconImageProps = void 0;
+
+var _react = require("@fluentui/react");
+
+var _Icons = require("../../../../../assets/Icons");
+
+const defaultLoadingPaneIconImageProps = {
+  src: _Icons.ModernChatIconBase64,
+  imageFit: _react.ImageFit.center,
+  width: "86px",
+  height: "86px",
+  shouldFadeIn: false,
+  shouldStartVisible: true
+};
+exports.defaultLoadingPaneIconImageProps = defaultLoadingPaneIconImageProps;

package/lib/cjs/components/loadingpane/common/defaultProps/defaultStyles/defaultLoadingPaneIconStyles.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultLoadingPaneIconStyles = void 0;
+const defaultLoadingPaneIconStyles = {
+  borderRadius: "50%",
+  backgroundColor: "#F1F1F1",
+  boxShadow: "0px 0px 0.5px 7px rgba(196, 196, 196, 0.15)",
+  width: "86px",
+  height: "86px",
+  margin: "0px 0px 20px 0px",
+  display: "flex",
+  order: 1,
+  alignSelf: "auto"
+};
+exports.defaultLoadingPaneIconStyles = defaultLoadingPaneIconStyles;

package/lib/cjs/components/loadingpane/common/defaultProps/defaultStyles/defaultLoadingPaneSpinnerStyles.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultLoadingPaneSpinnerStyles = void 0;
+const defaultLoadingPaneSpinnerStyles = {
+  width: "42px",
+  height: "42px",
+  margin: "0px 0px 0px 0px",
+  display: "flex",
+  order: 4,
+  alignSelf: "auto"
+};
+exports.defaultLoadingPaneSpinnerStyles = defaultLoadingPaneSpinnerStyles;

package/lib/cjs/components/loadingpane/common/defaultProps/defaultStyles/defaultLoadingPaneSpinnerTextStyles.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultLoadingPaneSpinnerTextStyles = void 0;
+const defaultLoadingPaneSpinnerTextStyles = {
+  fontFamily: "'Segoe UI',Arial,sans-serif",
+  fontWeight: "normal",
+  fontSize: "9px",
+  color: "#F1F1F1",
+  margin: "0px 0px 0px 5px",
+  textAlign: "center",
+  order: 5,
+  alignSelf: "auto"
+};
+exports.defaultLoadingPaneSpinnerTextStyles = defaultLoadingPaneSpinnerTextStyles;

package/lib/cjs/components/loadingpane/common/defaultProps/defaultStyles/defaultLoadingPaneStyles.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultLoadingPaneStyles = void 0;
+
+var _defaultLoadingPaneGeneralStyles = require("./defaultLoadingPaneGeneralStyles");
+
+var _defaultLoadingPaneIconStyles = require("./defaultLoadingPaneIconStyles");
+
+var _defaultLoadingPaneIconImageProps = require("./defaultLoadingPaneIconImageProps");
+
+var _defaultLoadingPaneSubtitleStyles = require("./defaultLoadingPaneSubtitleStyles");
+
+var _defaultLoadingPaneTitleStyles = require("./defaultLoadingPaneTitleStyles");
+
+var _defaultLoadingPaneSpinnerStyles = require("./defaultLoadingPaneSpinnerStyles");
+
+var _defaultLoadingPaneSpinnerTextStyles = require("./defaultLoadingPaneSpinnerTextStyles");
+
+const defaultLoadingPaneStyles = {
+  generalStyleProps: _defaultLoadingPaneGeneralStyles.defaultLoadingPaneGeneralStyles,
+  titleStyleProps: _defaultLoadingPaneTitleStyles.defaultLoadingPaneTitleStyles,
+  subtitleStyleProps: _defaultLoadingPaneSubtitleStyles.defaultLoadingPaneSubtitleStyles,
+  iconStyleProps: _defaultLoadingPaneIconStyles.defaultLoadingPaneIconStyles,
+  iconImageProps: _defaultLoadingPaneIconImageProps.defaultLoadingPaneIconImageProps,
+  spinnerStyleProps: _defaultLoadingPaneSpinnerStyles.defaultLoadingPaneSpinnerStyles,
+  spinnerTextStyleProps: _defaultLoadingPaneSpinnerTextStyles.defaultLoadingPaneSpinnerTextStyles
+};
+exports.defaultLoadingPaneStyles = defaultLoadingPaneStyles;

package/lib/cjs/components/loadingpane/common/defaultProps/defaultStyles/defaultLoadingPaneSubtitleStyles.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultLoadingPaneSubtitleStyles = void 0;
+const defaultLoadingPaneSubtitleStyles = {
+  fontFamily: "'Segoe UI',Arial,sans-serif",
+  fontWeight: "bold",
+  fontSize: "18px",
+  color: "#F1F1F1",
+  margin: "0px 0px 50px 10px",
+  textAlign: "center",
+  display: "flex",
+  order: 3,
+  alignSelf: "auto"
+};
+exports.defaultLoadingPaneSubtitleStyles = defaultLoadingPaneSubtitleStyles;

package/lib/cjs/components/loadingpane/common/defaultProps/defaultStyles/defaultLoadingPaneTitleStyles.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultLoadingPaneTitleStyles = void 0;
+const defaultLoadingPaneTitleStyles = {
+  fontFamily: "'Segoe UI',Arial,sans-serif",
+  fontWeight: "normal",
+  fontSize: "14px",
+  color: "#F1F1F1",
+  margin: "0px 0px 0px 0px",
+  textAlign: "center",
+  display: "flex",
+  order: 2,
+  alignSelf: "auto"
+};
+exports.defaultLoadingPaneTitleStyles = defaultLoadingPaneTitleStyles;

package/lib/cjs/components/loadingpane/common/presetOneProps/presetOneLoadingPaneControlProps.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.presetOneLoadingPaneControlProps = void 0;
+
+var _defaultLoadingPaneControlProps = require("../defaultProps/defaultLoadingPaneControlProps");
+
+const presetOneLoadingPaneControlProps = { ..._defaultLoadingPaneControlProps.defaultLoadingPaneControlProps,
+  id: "oc-lcw-loadingpane-preset1",
+  dir: "rtl"
+};
+exports.presetOneLoadingPaneControlProps = presetOneLoadingPaneControlProps;

package/lib/cjs/components/loadingpane/common/presetOneProps/presetOneLoadingPaneProps.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.presetOneLoadingPaneProps = void 0;
+
+var _presetOneLoadingPaneControlProps = require("./presetOneLoadingPaneControlProps");
+
+var _defaultLoadingPaneStyles = require("../defaultProps/defaultStyles/defaultLoadingPaneStyles");
+
+const presetOneLoadingPaneProps = {
+  controlProps: _presetOneLoadingPaneControlProps.presetOneLoadingPaneControlProps,
+  styleProps: _defaultLoadingPaneStyles.defaultLoadingPaneStyles
+};
+exports.presetOneLoadingPaneProps = presetOneLoadingPaneProps;

package/lib/cjs/components/loadingpane/common/presetThreeProps/presetThreeLoadingPaneControlProps.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.presetThreeLoadingPaneControlProps = void 0;
+
+var _react = require("@fluentui/react");
+
+var _defaultLoadingPaneControlProps = require("../defaultProps/defaultLoadingPaneControlProps");
+
+const presetThreeLoadingPaneControlProps = { ..._defaultLoadingPaneControlProps.defaultLoadingPaneControlProps,
+  id: "oc-lcw-loadingpane-preset3",
+  titleText: "Please Wait ...",
+  subtitleText: "Loading Content",
+  spinnerText: "Processing ...",
+  spinnerSize: _react.SpinnerSize.large
+};
+exports.presetThreeLoadingPaneControlProps = presetThreeLoadingPaneControlProps;

package/lib/cjs/components/loadingpane/common/presetThreeProps/presetThreeLoadingPaneProps.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.presetThreeLoadingPaneProps = void 0;
+
+var _presetThreeLoadingPaneStyles = require("./presetThreeStyles/presetThreeLoadingPaneStyles");
+
+var _presetThreeLoadingPaneControlProps = require("./presetThreeLoadingPaneControlProps");
+
+const presetThreeLoadingPaneProps = {
+  controlProps: _presetThreeLoadingPaneControlProps.presetThreeLoadingPaneControlProps,
+  styleProps: _presetThreeLoadingPaneStyles.presetThreeLoadingPaneStyles
+};
+exports.presetThreeLoadingPaneProps = presetThreeLoadingPaneProps;

package/lib/cjs/components/loadingpane/common/presetThreeProps/presetThreeStyles/presetThreeLoadingPaneGeneralStyles.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.presetThreeLoadingPaneGeneralStyles = void 0;
+const presetThreeLoadingPaneGeneralStyles = {
+  borderStyle: "solid",
+  borderRadius: "50%",
+  borderWidth: "5px",
+  backgroundColor: "#336669",
+  backgroundSize: "",
+  borderColor: "",
+  boxShadow: "0px 0px 10px 3px #B2B2B2",
+  width: "300px",
+  height: "400px",
+  position: "absolute",
+  left: "15%",
+  top: "20%",
+  justifyContent: "center",
+  alignItems: "left",
+  flexFlow: "column wrap"
+};
+exports.presetThreeLoadingPaneGeneralStyles = presetThreeLoadingPaneGeneralStyles;

package/lib/cjs/components/loadingpane/common/presetThreeProps/presetThreeStyles/presetThreeLoadingPaneIconImageProps.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.presetThreeLoadingPaneIconImageProps = void 0;
+
+var _react = require("@fluentui/react");
+
+var _Icons = require("../../../../../assets/Icons");
+
+const presetThreeLoadingPaneIconImageProps = {
+  src: _Icons.LegacyChatIconBase64,
+  imageFit: _react.ImageFit.center,
+  width: "57px",
+  height: "57px",
+  shouldFadeIn: false,
+  shouldStartVisible: true
+};
+exports.presetThreeLoadingPaneIconImageProps = presetThreeLoadingPaneIconImageProps;

package/lib/cjs/components/loadingpane/common/presetThreeProps/presetThreeStyles/presetThreeLoadingPaneIconStyles.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.presetThreeLoadingPaneIconStyles = void 0;
+const presetThreeLoadingPaneIconStyles = {
+  borderRadius: "20%",
+  backgroundSize: "50px",
+  backgroundColor: "",
+  boxShadow: "",
+  width: "57px",
+  height: "57px",
+  margin: "20px 0px 20px 0px",
+  order: 3,
+  alignSelf: "auto"
+};
+exports.presetThreeLoadingPaneIconStyles = presetThreeLoadingPaneIconStyles;

package/lib/cjs/components/loadingpane/common/presetThreeProps/presetThreeStyles/presetThreeLoadingPaneSpinnerStyles.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.presetThreeLoadingPaneSpinnerStyles = void 0;
+const presetThreeLoadingPaneSpinnerStyles = {
+  borderRadius: "50%",
+  backgroundSize: "80px",
+  width: "80px",
+  height: "80px",
+  margin: "0px 0px 0px 0px",
+  order: 4,
+  alignSelf: "center"
+};
+exports.presetThreeLoadingPaneSpinnerStyles = presetThreeLoadingPaneSpinnerStyles;

package/lib/cjs/components/loadingpane/common/presetThreeProps/presetThreeStyles/presetThreeLoadingPaneSpinnerTextStyles.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.presetThreeLoadingPaneSpinnerTextStyles = void 0;
+const presetThreeLoadingPaneSpinnerTextStyles = {
+  fontFamily: "'Segoe UI',Arial,sans-serif",
+  fontWeight: "normal",
+  fontSize: "9px",
+  color: "#F1F1F1",
+  width: "100px",
+  height: "10px",
+  margin: "0px 0px 0px 4px",
+  textAlign: "center",
+  order: 5,
+  alignSelf: "center"
+};
+exports.presetThreeLoadingPaneSpinnerTextStyles = presetThreeLoadingPaneSpinnerTextStyles;

package/lib/cjs/components/loadingpane/common/presetThreeProps/presetThreeStyles/presetThreeLoadingPaneStyles.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.presetThreeLoadingPaneStyles = void 0;
+
+var _presetThreeLoadingPaneGeneralStyles = require("./presetThreeLoadingPaneGeneralStyles");
+
+var _presetThreeLoadingPaneIconStyles = require("./presetThreeLoadingPaneIconStyles");
+
+var _presetThreeLoadingPaneIconImageProps = require("./presetThreeLoadingPaneIconImageProps");
+
+var _presetThreeLoadingPaneSubtitleStyles = require("./presetThreeLoadingPaneSubtitleStyles");
+
+var _presetThreeLoadingPaneTitleStyles = require("./presetThreeLoadingPaneTitleStyles");
+
+var _presetThreeLoadingPaneSpinnerStyles = require("./presetThreeLoadingPaneSpinnerStyles");
+
+var _presetThreeLoadingPaneSpinnerTextStyles = require("./presetThreeLoadingPaneSpinnerTextStyles");
+
+const presetThreeLoadingPaneStyles = {
+  generalStyleProps: _presetThreeLoadingPaneGeneralStyles.presetThreeLoadingPaneGeneralStyles,
+  titleStyleProps: _presetThreeLoadingPaneTitleStyles.presetThreeLoadingPaneTitleStyles,
+  subtitleStyleProps: _presetThreeLoadingPaneSubtitleStyles.presetThreeLoadingPaneSubtitleStyles,
+  iconStyleProps: _presetThreeLoadingPaneIconStyles.presetThreeLoadingPaneIconStyles,
+  iconImageProps: _presetThreeLoadingPaneIconImageProps.presetThreeLoadingPaneIconImageProps,
+  spinnerStyleProps: _presetThreeLoadingPaneSpinnerStyles.presetThreeLoadingPaneSpinnerStyles,
+  spinnerTextStyleProps: _presetThreeLoadingPaneSpinnerTextStyles.presetThreeLoadingPaneSpinnerTextStyles
+};
+exports.presetThreeLoadingPaneStyles = presetThreeLoadingPaneStyles;