@zohoim/chat-components 1.1.2-beta.7 → 1.1.3-beta.1

package/lib/ReplyBubbleHeader/css/ReplyBubbleHeader.module.css

@@ -0,0 +1,44 @@
+.replyIcon {
+  display: flex;
+  flex-shrink: 0;
+  width: var(--zd_size20)  !important;
+  height: var(--zd_size20)  !important;
+  cursor: default;
+}[dir=ltr] .replyIcon {
+  margin-right: var(--zd_size5) ;
+}[dir=rtl] .replyIcon {
+  margin-left: var(--zd_size5) ;
+}
+
+.replyText {
+  font-size: var(--zd_font_size14) ;
+  color: var(--imlib_chat_components_replyBubbleHeader_text_color);
+}
+
+[dir=ltr] .replyText {
+  margin-right: var(--zd_size5) ;
+}
+
+[dir=rtl] .replyText {
+  margin-left: var(--zd_size5) ;
+}
+
+.failedReplyBubbleHeader .replyText {
+  color: var(--imlib_chat_components_replyBubbleHeader_text_color_failed);
+}
+
+.replyText,
+.time {
+  composes: dotted from '../../css/common.module.css';
+  max-width: max-content;
+}
+
+.time {
+  font-size: var(--zd_font_size11) ;
+  letter-spacing: 0.4px;
+  color: var(--imlib_chat_components_replyBubbleHeader_time_color);
+}
+
+.failedReplyBubbleHeader .time {
+  color: var(--imlib_chat_components_replyBubbleHeader_time_color_failed);
+}

package/lib/ReplyBubbleHeader/css/cssJSLogic.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = cssJSLogic;
+
+var _utils = require("@zohodesk/utils");
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function cssJSLogic(props, style) {
+  var isFailed = props.isFailed;
+  var replyBubbleHeaderClass = (0, _utils.compileClassNames)(_defineProperty({}, style.failedReplyBubbleHeader, isFailed));
+  return {
+    replyBubbleHeaderClass: replyBubbleHeaderClass
+  };
+}

package/lib/ReplyBubbleHeader/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ReplyBubbleHeader", {
+  enumerable: true,
+  get: function get() {
+    return _ReplyBubbleHeader["default"];
+  }
+});
+
+var _ReplyBubbleHeader = _interopRequireDefault(require("./ReplyBubbleHeader"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/ReplyBubbleHeader/props/defaultProps.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _emptyConstants = require("@zohoim/chat-components-utils/es/constants/emptyConstants");
+
+/** ** Constants *** */
+var replyBubbleHeaderDefaultProps = {
+  customStyle: _emptyConstants.dummyObject,
+  dateTimeDetails: _emptyConstants.dummyObject
+};
+var _default = replyBubbleHeaderDefaultProps;
+exports["default"] = _default;

package/lib/ReplyBubbleHeader/props/propTypes.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/** ** Libraries *** */
+var replyBubbleHeaderPropTypes = {
+  replyText: _propTypes["default"].string.isRequired,
+  customStyle: _propTypes["default"].object,
+  dateTimeDetails: _propTypes["default"].shape({
+    displayDateTime: _propTypes["default"].string,
+    tooltip: _propTypes["default"].string
+  }),
+  renderCustomReplyIcon: _propTypes["default"].func,
+  isFailed: _propTypes["default"].bool
+};
+var _default = replyBubbleHeaderPropTypes;
+exports["default"] = _default;

package/lib/TextBubble/TextBubble.js

@@ -0,0 +1,69 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = TextBubble;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _useMergeStyle = _interopRequireDefault(require("@zohodesk/hooks/es/utils/useMergeStyle"));
+
+var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
+
+var _propTypes = _interopRequireDefault(require("./props/propTypes"));
+
+var _TextBubbleModule = _interopRequireDefault(require("./css/TextBubble.module.css"));
+
+var _cssJSLogic2 = _interopRequireDefault(require("./css/cssJSLogic"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/** ** Libraries *** */
+
+/** ** Hooks *** */
+
+/** ** Constants *** */
+
+/** ** Styles *** */
+
+/** ** Methods *** */
+function TextBubble(props) {
+  var customStyle = props.customStyle,
+      moreText = props.moreText,
+      message = props.message,
+      onClickMore = props.onClickMore,
+      isFailed = props.isFailed;
+  /* External CSS Customization */
+
+  var newStyle = (0, _useMergeStyle["default"])(_TextBubbleModule["default"], customStyle);
+  /* css classnames added based on logic */
+
+  var _cssJSLogic = (0, _cssJSLogic2["default"])({
+    isFailed: isFailed
+  }, newStyle),
+      textBubbleClass = _cssJSLogic.textBubbleClass,
+      moreTextClass = _cssJSLogic.moreTextClass;
+
+  return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
+    className: textBubbleClass // eslint-disable-next-line react/no-danger, @zohodesk/zsecurity/no-unsecure-html
+    ,
+    dangerouslySetInnerHTML: {
+      // __html: HTMLPurifier.sanitize(message)
+      __html: message
+    }
+  }), moreText ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: moreTextClass,
+    onClick: onClickMore
+  }, moreText) : null);
+}
+
+TextBubble.propTypes = _propTypes["default"];
+TextBubble.defaultProps = _defaultProps["default"];
+TextBubble.displayName = 'TextBubble';

package/lib/TextBubble/css/TextBubble.module.css

@@ -0,0 +1,35 @@
+.textBubble {
+  /* Use this class name for css customisation */
+  color: var(--imlib_chat_components_textBubble_text_color);
+}
+
+.failedTextBubble {
+  color: var(--imlib_chat_components_textBubble_text_color_failed);
+}
+
+.moreText {
+  color: var(--imlib_chat_components_textBubble_see_more_color);
+  cursor: pointer;
+}
+
+.moreText:hover {
+  text-decoration: underline;
+}
+
+.failedMoreText {
+  color: var(--imlib_chat_components_textBubble_see_more_color_failed);
+}
+
+.textBubble a {
+  color: var(--imlib_chat_components_textBubble_url_color);
+  word-break: break-word;
+}
+
+.textBubble a:hover {
+  text-decoration: underline !important;
+  /* !important for Desk css overwrite */
+}
+
+.failedTextBubble a {
+  color: var(--imlib_chat_components_textBubble_url_color_failed);
+}

package/lib/TextBubble/css/cssJSLogic.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = cssJSLogic;
+
+var _utils = require("@zohodesk/utils");
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function cssJSLogic(props, style) {
+  var _compileClassNames, _compileClassNames2;
+
+  var isFailed = props.isFailed;
+  var textBubbleClass = (0, _utils.compileClassNames)((_compileClassNames = {}, _defineProperty(_compileClassNames, style.textBubble, true), _defineProperty(_compileClassNames, style.failedTextBubble, isFailed), _compileClassNames));
+  var moreTextClass = (0, _utils.compileClassNames)((_compileClassNames2 = {}, _defineProperty(_compileClassNames2, style.moreText, true), _defineProperty(_compileClassNames2, style.failedMoreText, isFailed), _compileClassNames2));
+  return {
+    textBubbleClass: textBubbleClass,
+    moreTextClass: moreTextClass
+  };
+}

package/lib/TextBubble/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "TextBubble", {
+  enumerable: true,
+  get: function get() {
+    return _TextBubble["default"];
+  }
+});
+
+var _TextBubble = _interopRequireDefault(require("./TextBubble"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/TextBubble/props/defaultProps.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _emptyConstants = require("@zohoim/chat-components-utils/es/constants/emptyConstants");
+
+/** ** Constants *** */
+var textBubbleDefaultProps = {
+  customStyle: _emptyConstants.dummyObject
+};
+var _default = textBubbleDefaultProps;
+exports["default"] = _default;

package/lib/TextBubble/props/propTypes.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/** ** Libraries *** */
+var textBubblePropTypes = {
+  message: _propTypes["default"].string.isRequired,
+  customStyle: _propTypes["default"].object,
+  moreText: _propTypes["default"].string,
+  onClickMore: _propTypes["default"].func,
+  isFailed: _propTypes["default"].bool
+};
+var _default = textBubblePropTypes;
+exports["default"] = _default;

package/lib/Theme/ThemeAssets.js

@@ -0,0 +1,182 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = DeskAssets;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+require("@zohodesk/components/es/common/boxShadow.module.css");
+
+require("@zohodesk/components/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css");
+
+require("@zohodesk/components/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css");
+
+require("@zohodesk/components/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css");
+
+require("@zohodesk/components/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css");
+
+require("@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css");
+
+require("@zohodesk/components/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/light/mode/Component_LightMode.module.css");
+
+require("@zohodesk/components/assets/Contrast/lightContrastLightness.module.css");
+
+require("@zohodesk/components/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css");
+
+require("@zohodesk/components/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css");
+
+require("@zohodesk/components/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css");
+
+require("@zohodesk/components/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css");
+
+require("@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css");
+
+require("@zohodesk/components/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/dark/mode/Component_DarkMode.module.css");
+
+require("@zohodesk/components/assets/Contrast/darkContrastLightness.module.css");
+
+require("@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css");
+
+require("@zohodesk/components/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css");
+
+require("@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css");
+
+require("@zohodesk/components/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css");
+
+require("@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css");
+
+require("@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css");
+
+require("@zohodesk/components/assets/Contrast/pureDarkContrastLightness.module.css");
+
+require("@zohodesk/variables/assets/colorVariables.module.css");
+
+require("@zohodesk/variables/assets/dotVariables.module.css");
+
+require("@zohodesk/variables/assets/sizeVariables.module.css");
+
+require("@zohodesk/variables/assets/fontsizeVariables.module.css");
+
+require("@zohodesk/variables/es/fontFamilyVariables.module.css");
+
+require("@zohodesk/variables/assets/transitionVariables.module.css");
+
+require("@zohodesk/variables/assets/no_transitionVariables.module.css");
+
+require("../../assets/Appearance/dark/mode/General_DarkMode.module.css");
+
+require("../../assets/Appearance/dark/themes/blue/blue_General_DarkTheme.module.css");
+
+require("../../assets/Appearance/dark/themes/green/green_General_DarkTheme.module.css");
+
+require("../../assets/Appearance/dark/themes/orange/orange_General_DarkTheme.module.css");
+
+require("../../assets/Appearance/dark/themes/red/red_General_DarkTheme.module.css");
+
+require("../../assets/Appearance/dark/themes/yellow/yellow_General_DarkTheme.module.css");
+
+require("../../assets/Appearance/light/mode/General_LightMode.module.css");
+
+require("../../assets/Appearance/light/themes/blue/blue_General_LightTheme.module.css");
+
+require("../../assets/Appearance/light/themes/green/green_General_LightTheme.module.css");
+
+require("../../assets/Appearance/light/themes/orange/orange_General_LightTheme.module.css");
+
+require("../../assets/Appearance/light/themes/red/red_General_LightTheme.module.css");
+
+require("../../assets/Appearance/light/themes/yellow/yellow_General_LightTheme.module.css");
+
+require("../../assets/Appearance/pureDark/mode/General_PureDarkMode.module.css");
+
+require("../../assets/Appearance/pureDark/themes/blue/blue_General_PureDarkTheme.module.css");
+
+require("../../assets/Appearance/pureDark/themes/green/green_General_PureDarkTheme.module.css");
+
+require("../../assets/Appearance/pureDark/themes/orange/orange_General_PureDarkTheme.module.css");
+
+require("../../assets/Appearance/pureDark/themes/red/red_General_PureDarkTheme.module.css");
+
+require("../../assets/Appearance/pureDark/themes/yellow/yellow_General_PureDarkTheme.module.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/** ** Libraries *** */
+
+/* component pkg - default mode, themes */
+
+/* component pkg - dark mode, themes */
+
+/* component pkg - pure dark mode, themes */
+
+/** ** Desk Components Assets *** */
+function DeskAssets(props) {
+  var children = props.children;
+  return children || null;
+}
+
+DeskAssets.propTypes = {
+  children: _propTypes["default"].node
+};

package/lib/Theme/ThemeWrapper.js

@@ -0,0 +1,130 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = ThemeWrapper;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _ThemeContext = _interopRequireDefault(require("@zohoim/chat-components-hooks/es/Theme/ThemeContext"));
+
+var _propTypes = _interopRequireDefault(require("./props/propTypes"));
+
+var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
+
+var _themeConstants = require("@zohoim/chat-components-utils/es/constants/themeConstants");
+
+var _constants = require("../constants");
+
+var _ThemeAssets = _interopRequireDefault(require("./ThemeAssets"));
+
+var _TooltipWrapper = _interopRequireDefault(require("./TooltipWrapper"));
+
+var _Layout = require("@zohodesk/components/es/Layout");
+
+var _getThemeConfigurations = _interopRequireDefault(require("./utils/getThemeConfigurations"));
+
+var _getCustomizedCssVariables = _interopRequireDefault(require("./utils/getCustomizedCssVariables"));
+
+var _getWrapperDivProps = _interopRequireDefault(require("./utils/getWrapperDivProps"));
+
+require("../Fonts/puviFont.module.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function ThemeWrapper(props) {
+  var children = props.children,
+      needThemeAssets = props.needThemeAssets,
+      needTooltip = props.needTooltip,
+      propThemeConfigurations = props.themeConfigurations,
+      propMode = props.mode,
+      propTheme = props.theme,
+      modeKey = props.modeKey,
+      themeKey = props.themeKey,
+      tooltipCustomStyle = props.tooltipCustomStyle,
+      direction = props.direction;
+  /** ** containerRef for Tooltip *** */
+
+  var containerRef = _react["default"].useRef(null);
+
+  var getContainerRef = (0, _react.useCallback)(function () {
+    return containerRef.current;
+  }, []);
+  /** ** ThemeConfigurations Handling  *** */
+
+  var _getThemeConfiguratio = (0, _getThemeConfigurations["default"])({
+    mode: propMode,
+    theme: propTheme
+  }),
+      mode = _getThemeConfiguratio.mode,
+      theme = _getThemeConfiguratio.theme;
+
+  var configurations = propThemeConfigurations;
+  /** ** Style Handling  *** */
+
+  var selector = "#".concat(_themeConstants.styleTagId);
+  var prefix = '--imlib_';
+  var configuration = (0, _react.useMemo)(function () {
+    return [configurations];
+  }, [configurations]);
+  var customizedVariables = (0, _react.useMemo)(function () {
+    var cssVariables = propThemeConfigurations ? (0, _getCustomizedCssVariables["default"])(configuration, prefix) : null;
+    return cssVariables;
+  }, [configuration, prefix, propThemeConfigurations]);
+  var wrapperDivProps = (0, _getWrapperDivProps["default"])({
+    modeKey: modeKey,
+    themeKey: themeKey,
+    mode: mode,
+    theme: theme
+  });
+  /** ** Children Render Functions   *** */
+
+  var renderPortal = (0, _react.useCallback)(function () {
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+      "data-portal": _constants.MSG_ACTION_POPUP_PORTAL
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      "data-portal": _constants.EDITOR_POPUP_PORTAL
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      "data-portal": _constants.EDITOR_POPUP_TARGET_PORTAL
+    }));
+  }, []);
+  var renderStyle = (0, _react.useCallback)(function () {
+    return customizedVariables ? /*#__PURE__*/_react["default"].createElement("style", {
+      id: "zoho-im-variables"
+    }, "".concat(selector, "{").concat(customizedVariables, "}")) : null;
+  }, [selector, customizedVariables]);
+  var renderAssets = (0, _react.useCallback)(function () {
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, needThemeAssets ? /*#__PURE__*/_react["default"].createElement(_ThemeAssets["default"], null) : null, needTooltip ? /*#__PURE__*/_react["default"].createElement(_TooltipWrapper["default"], {
+      containerRef: containerRef.current,
+      customStyle: tooltipCustomStyle,
+      getContainerRef: getContainerRef
+    }) : null);
+  }, [getContainerRef, needTooltip, needThemeAssets, tooltipCustomStyle]);
+  return /*#__PURE__*/_react["default"].createElement(_ThemeContext["default"].Provider, {
+    value: {
+      mode: propMode,
+      direction: direction
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", _extends({
+    id: _themeConstants.styleTagId
+  }, wrapperDivProps, {
+    style: {
+      width: '100%',
+      height: '100%'
+    }
+  }), renderStyle(), /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    eleRef: containerRef
+  }, children), renderPortal(), renderAssets()));
+}
+
+ThemeWrapper.propTypes = _propTypes["default"];
+ThemeWrapper.defaultProps = _defaultProps["default"];