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

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,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.presetThreeLoadingPaneIconImageProps = void 0;
+
+var _react = require("@fluentui/react");
+
+var _chatIcon = _interopRequireDefault(require("../../../../../assets/imgs/chatIcon.svg"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const presetThreeLoadingPaneIconImageProps = {
+  src: _chatIcon.default,
+  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;

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.presetThreeLoadingPaneSubtitleStyles = void 0;
+const presetThreeLoadingPaneSubtitleStyles = {
+  fontFamily: "'Courier New', monospace",
+  fontWeight: "bold",
+  fontSize: "22px",
+  color: "#F1F1F1",
+  width: "200px",
+  height: "10px",
+  margin: "0px 0px 50px 0px",
+  textAlign: "center",
+  order: 2,
+  alignSelf: "center"
+};
+exports.presetThreeLoadingPaneSubtitleStyles = presetThreeLoadingPaneSubtitleStyles;

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.presetThreeLoadingPaneTitleStyles = void 0;
+const presetThreeLoadingPaneTitleStyles = {
+  fontFamily: "'Brush Script MT', cursive",
+  fontWeight: "normal",
+  fontSize: "17px",
+  color: "#F1F1F1",
+  width: "100px",
+  height: "10px",
+  margin: "0px 0px 30px 50px",
+  textAlign: "center",
+  order: 1,
+  alignSelf: "auto"
+};
+exports.presetThreeLoadingPaneTitleStyles = presetThreeLoadingPaneTitleStyles;

package/lib/cjs/components/loadingpane/common/presetTwoProps/presetTwoLoadingPaneControlProps.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.presetTwoLoadingPaneControlProps = void 0;
+
+var _react = require("@fluentui/react");
+
+var _defaultLoadingPaneControlProps = require("../defaultProps/defaultLoadingPaneControlProps");
+
+const presetTwoLoadingPaneControlProps = { ..._defaultLoadingPaneControlProps.defaultLoadingPaneControlProps,
+  id: "oc-lcw-loadingpane-preset2",
+  hideIcon: true,
+  hideTitle: true,
+  hideSubtitle: true,
+  hideSpinnerText: true,
+  spinnerSize: _react.SpinnerSize.large
+};
+exports.presetTwoLoadingPaneControlProps = presetTwoLoadingPaneControlProps;

package/lib/cjs/components/loadingpane/common/presetTwoProps/presetTwoLoadingPaneProps.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.presetTwoLoadingPaneProps = void 0;
+
+var _presetTwoLoadingPaneStyles = require("./presetTwoStyles/presetTwoLoadingPaneStyles");
+
+var _presetTwoLoadingPaneControlProps = require("./presetTwoLoadingPaneControlProps");
+
+const presetTwoLoadingPaneProps = {
+  controlProps: _presetTwoLoadingPaneControlProps.presetTwoLoadingPaneControlProps,
+  styleProps: _presetTwoLoadingPaneStyles.presetTwoLoadingPaneStyles
+};
+exports.presetTwoLoadingPaneProps = presetTwoLoadingPaneProps;

package/lib/cjs/components/loadingpane/common/presetTwoProps/presetTwoStyles/presetTwoLoadingPaneGeneralStyles.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.presetTwoLoadingPaneGeneralStyles = void 0;
+
+var _chat = _interopRequireDefault(require("../../../../../assets/imgs/chat.svg"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const presetTwoLoadingPaneGeneralStyles = {
+  borderStyle: "dotted",
+  borderRadius: "50%",
+  borderWidth: "5px",
+  backgroundColor: "#767676",
+  backgroundSize: "250px",
+  backgroundImage: `url(${_chat.default})`,
+  backgroundRepeat: "no-repeat",
+  backgroundPosition: "center",
+  borderColor: "",
+  boxShadow: "0px 0px 10px 5px #B2B2B2",
+  width: "380px",
+  height: "380px",
+  position: "absolute",
+  left: "1%",
+  top: "2%",
+  justifyContent: "center",
+  alignItems: "left",
+  flexFlow: "row wrap"
+};
+exports.presetTwoLoadingPaneGeneralStyles = presetTwoLoadingPaneGeneralStyles;

package/lib/cjs/components/loadingpane/common/presetTwoProps/presetTwoStyles/presetTwoLoadingPaneSpinnerStyles.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.presetTwoLoadingPaneSpinnerStyles = void 0;
+const presetTwoLoadingPaneSpinnerStyles = {
+  backgroundColor: "black",
+  borderRadius: "40%",
+  backgroundSize: "50px",
+  width: "50px",
+  height: "50px",
+  margin: "250px 0px 0px 0px",
+  order: 1,
+  alignSelf: "center"
+};
+exports.presetTwoLoadingPaneSpinnerStyles = presetTwoLoadingPaneSpinnerStyles;

package/lib/cjs/components/loadingpane/common/presetTwoProps/presetTwoStyles/presetTwoLoadingPaneStyles.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.presetTwoLoadingPaneStyles = void 0;
+
+var _presetTwoLoadingPaneGeneralStyles = require("./presetTwoLoadingPaneGeneralStyles");
+
+var _presetTwoLoadingPaneSpinnerStyles = require("./presetTwoLoadingPaneSpinnerStyles");
+
+var _defaultLoadingPaneTitleStyles = require("../../defaultProps/defaultStyles/defaultLoadingPaneTitleStyles");
+
+var _defaultLoadingPaneSubtitleStyles = require("../../defaultProps/defaultStyles/defaultLoadingPaneSubtitleStyles");
+
+var _defaultLoadingPaneIconStyles = require("../../defaultProps/defaultStyles/defaultLoadingPaneIconStyles");
+
+var _defaultLoadingPaneIconImageProps = require("../../defaultProps/defaultStyles/defaultLoadingPaneIconImageProps");
+
+var _defaultLoadingPaneSpinnerTextStyles = require("../../defaultProps/defaultStyles/defaultLoadingPaneSpinnerTextStyles");
+
+const presetTwoLoadingPaneStyles = {
+  generalStyleProps: _presetTwoLoadingPaneGeneralStyles.presetTwoLoadingPaneGeneralStyles,
+  titleStyleProps: _defaultLoadingPaneTitleStyles.defaultLoadingPaneTitleStyles,
+  subtitleStyleProps: _defaultLoadingPaneSubtitleStyles.defaultLoadingPaneSubtitleStyles,
+  iconStyleProps: _defaultLoadingPaneIconStyles.defaultLoadingPaneIconStyles,
+  iconImageProps: _defaultLoadingPaneIconImageProps.defaultLoadingPaneIconImageProps,
+  spinnerStyleProps: _presetTwoLoadingPaneSpinnerStyles.presetTwoLoadingPaneSpinnerStyles,
+  spinnerTextStyleProps: _defaultLoadingPaneSpinnerTextStyles.defaultLoadingPaneSpinnerTextStyles
+};
+exports.presetTwoLoadingPaneStyles = presetTwoLoadingPaneStyles;

package/lib/cjs/components/loadingpane/interfaces/ILoadingPaneClassNames.js

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

package/lib/cjs/components/loadingpane/interfaces/ILoadingPaneComponentOverrides.js

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

package/lib/cjs/components/loadingpane/interfaces/ILoadingPaneControlProps.js

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

package/lib/cjs/components/loadingpane/interfaces/ILoadingPaneProps.js

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

package/lib/cjs/components/loadingpane/interfaces/ILoadingPaneStyleProps.js

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

package/lib/cjs/components/outofofficehourspane/OOOHPane.js

@@ -0,0 +1,48 @@
+"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 _defaultOOOHPaneControlProps = require("./common/defaultProps/defaultOOOHPaneControlProps");
+
+var _defaultOOOHPaneGeneralStyles = require("./common/defaultProps/defaultStyles/defaultOOOHPaneGeneralStyles");
+
+var _defaultOOOHPaneTitleStyles = require("./common/defaultProps/defaultStyles/defaultOOOHPaneTitleStyles");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function OOOHPane(props) {
+  var _props$controlProps, _props$styleProps, _props$styleProps2, _props$controlProps2, _props$controlProps3, _props$styleProps3, _props$styleProps3$cl, _props$controlProps4, _props$controlProps5, _props$componentOverr, _props$styleProps4, _props$styleProps4$cl, _props$controlProps6;
+
+  const elementId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? _defaultOOOHPaneControlProps.defaultOOOHPaneControlProps.id;
+  const containerStyles = {
+    root: Object.assign({}, _defaultOOOHPaneGeneralStyles.defaultOOOHPaneGeneralStyles, (_props$styleProps = props.styleProps) === null || _props$styleProps === void 0 ? void 0 : _props$styleProps.generalStyleProps)
+  };
+  const titleStyles = {
+    root: Object.assign({}, _defaultOOOHPaneTitleStyles.defaultOOOHPaneTitleStyles, (_props$styleProps2 = props.styleProps) === null || _props$styleProps2 === void 0 ? void 0 : _props$styleProps2.titleStyleProps)
+  };
+  return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, !((_props$controlProps2 = props.controlProps) !== null && _props$controlProps2 !== void 0 && _props$controlProps2.hideOOOHPane) && /*#__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,
+    className: (_props$styleProps3 = props.styleProps) === null || _props$styleProps3 === void 0 ? void 0 : (_props$styleProps3$cl = _props$styleProps3.classNames) === null || _props$styleProps3$cl === void 0 ? void 0 : _props$styleProps3$cl.containerClassName,
+    dir: ((_props$controlProps4 = props.controlProps) === null || _props$controlProps4 === void 0 ? void 0 : _props$controlProps4.dir) ?? _defaultOOOHPaneControlProps.defaultOOOHPaneControlProps.dir
+  }, !((_props$controlProps5 = props.controlProps) !== null && _props$controlProps5 !== void 0 && _props$controlProps5.hideTitle) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr = props.componentOverrides) === null || _props$componentOverr === void 0 ? void 0 : _props$componentOverr.title) || /*#__PURE__*/_react2.default.createElement(_react.Label, {
+    className: (_props$styleProps4 = props.styleProps) === null || _props$styleProps4 === void 0 ? void 0 : (_props$styleProps4$cl = _props$styleProps4.classNames) === null || _props$styleProps4$cl === void 0 ? void 0 : _props$styleProps4$cl.titleClassName,
+    styles: titleStyles,
+    tabIndex: -1,
+    id: elementId + "-title"
+  }, ((_props$controlProps6 = props.controlProps) === null || _props$controlProps6 === void 0 ? void 0 : _props$controlProps6.titleText) ?? _defaultOOOHPaneControlProps.defaultOOOHPaneControlProps.titleText))));
+}
+
+var _default = OOOHPane;
+exports.default = _default;

package/lib/cjs/components/outofofficehourspane/common/defaultProps/defaultOOOHPaneControlProps.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultOOOHPaneControlProps = void 0;
+const defaultOOOHPaneControlProps = {
+  id: "oc-lcw-outofofficehours-pane",
+  dir: "auto",
+  hideOOOHPane: false,
+  hideTitle: false,
+  titleText: "Thanks for contacting us. You have reached us outside of our operating hours. An agent will respond when we open."
+};
+exports.defaultOOOHPaneControlProps = defaultOOOHPaneControlProps;

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultOOOHPaneProps = void 0;
+
+var _defaultOOOHPaneStyles = require("./defaultStyles/defaultOOOHPaneStyles");
+
+var _defaultOOOHPaneControlProps = require("./defaultOOOHPaneControlProps");
+
+const defaultOOOHPaneProps = {
+  controlProps: _defaultOOOHPaneControlProps.defaultOOOHPaneControlProps,
+  styleProps: _defaultOOOHPaneStyles.defaultOOOHPaneStyles
+};
+exports.defaultOOOHPaneProps = defaultOOOHPaneProps;

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

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultOOOHPaneGeneralStyles = void 0;
+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"
+};
+exports.defaultOOOHPaneGeneralStyles = defaultOOOHPaneGeneralStyles;

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultOOOHPaneStyles = void 0;
+
+var _defaultOOOHPaneGeneralStyles = require("./defaultOOOHPaneGeneralStyles");
+
+var _defaultOOOHPaneTitleStyles = require("./defaultOOOHPaneTitleStyles");
+
+const defaultOOOHPaneStyles = {
+  generalStyleProps: _defaultOOOHPaneGeneralStyles.defaultOOOHPaneGeneralStyles,
+  titleStyleProps: _defaultOOOHPaneTitleStyles.defaultOOOHPaneTitleStyles
+};
+exports.defaultOOOHPaneStyles = defaultOOOHPaneStyles;

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

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultOOOHPaneTitleStyles = void 0;
+const defaultOOOHPaneTitleStyles = {
+  fontFamily: "'Segoe UI',Arial,sans-serif",
+  fontWeight: "normal",
+  fontSize: "14px",
+  color: "#000000",
+  textAlign: "center",
+  alignSelf: "auto"
+};
+exports.defaultOOOHPaneTitleStyles = defaultOOOHPaneTitleStyles;

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

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

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.presetOneOOOHPaneProps = void 0;
+
+var _presetOneOOOHPaneControlProps = require("./presetOneOOOHPaneControlProps");
+
+var _defaultOOOHPaneStyles = require("../defaultProps/defaultStyles/defaultOOOHPaneStyles");
+
+const presetOneOOOHPaneProps = {
+  controlProps: _presetOneOOOHPaneControlProps.presetOneOOOHPaneControlProps,
+  styleProps: _defaultOOOHPaneStyles.defaultOOOHPaneStyles
+};
+exports.presetOneOOOHPaneProps = presetOneOOOHPaneProps;

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

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.presetTwoOOOHPaneControlProps = void 0;
+
+var _defaultOOOHPaneControlProps = require("../defaultProps/defaultOOOHPaneControlProps");
+
+const presetTwoOOOHPaneControlProps = { ..._defaultOOOHPaneControlProps.defaultOOOHPaneControlProps,
+  id: "oc-lcw-outofofficehourspane-preset2",
+  titleText: "Sorry but we are not operating during these hours!!"
+};
+exports.presetTwoOOOHPaneControlProps = presetTwoOOOHPaneControlProps;