@botonic/react 0.55.1 → 0.57.0-rslib-esm.0

package/lib/esm/webchat/header/index.js

@@ -1,23 +1,48 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WebchatHeader = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const constants_1 = require("../../constants");
-const context_1 = require("../../webchat/context");
-const constants_2 = require("../constants");
-const default_header_1 = require("./default-header");
-const styles_1 = require("./styles");
-exports.WebchatHeader = (0, react_1.forwardRef)((_, ref) => {
-    const { getThemeProperty, toggleWebchat } = (0, react_1.useContext)(context_1.WebchatContext);
-    const handleCloseWebchat = () => {
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, useContext } from "react";
+import { WEBCHAT } from "../../constants.js";
+import { WebchatContext } from "../context/index.js";
+import { BotonicContainerId } from "../constants.js";
+import { DefaultHeader } from "./default-header.js";
+import { StyledWebchatHeader } from "./styles.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const WebchatHeader = /*#__PURE__*/ forwardRef((_, ref)=>{
+    const { getThemeProperty, toggleWebchat } = useContext(WebchatContext);
+    const handleCloseWebchat = ()=>{
         toggleWebchat(false);
     };
-    const CustomHeader = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customHeader);
+    const CustomHeader = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customHeader);
     if (CustomHeader) {
-        return ((0, jsx_runtime_1.jsx)("div", { id: constants_2.BotonicContainerId.Header, ref: ref, children: (0, jsx_runtime_1.jsx)(CustomHeader, { onCloseClick: handleCloseWebchat }) }));
+        return /*#__PURE__*/ jsx("div", {
+            id: BotonicContainerId.Header,
+            ref: ref,
+            children: /*#__PURE__*/ jsx(CustomHeader, {
+                onCloseClick: handleCloseWebchat
+            })
+        });
     }
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledWebchatHeader, { id: constants_2.BotonicContainerId.Header, ref: ref, children: (0, jsx_runtime_1.jsx)(default_header_1.DefaultHeader, {}) }));
+    return /*#__PURE__*/ jsx(StyledWebchatHeader, {
+        id: BotonicContainerId.Header,
+        ref: ref,
+        children: /*#__PURE__*/ jsx(DefaultHeader, {})
+    });
 });
-exports.WebchatHeader.displayName = 'WebchatHeader';
+WebchatHeader.displayName = 'WebchatHeader';
+
+export { WebchatHeader };
+
 //# sourceMappingURL=index.js.map

package/lib/esm/webchat/header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/header/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAAiE;AAEjE,+CAAyC;AACzC,mDAAsD;AACtD,4CAAiD;AACjD,qDAAgD;AAChD,qCAA8C;AAEjC,QAAA,aAAa,GAAG,IAAA,kBAAU,EACrC,CAAC,CAAC,EAAE,GAAiC,EAAE,EAAE;IACvC,MAAM,EAAE,gBAAgB,EAAE,aAAa,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEtE,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,aAAa,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,gBAAgB,CACnC,mBAAO,CAAC,iBAAiB,CAAC,YAAY,CACvC,CAAA;IAED,IAAI,YAAY,EAAE,CAAC;QACjB,OAAO,CACL,gCAAK,EAAE,EAAE,8BAAkB,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,YAC1C,uBAAC,YAAY,IAAC,YAAY,EAAE,kBAAkB,GAAI,GAC9C,CACP,CAAA;IACH,CAAC;IAED,OAAO,CACL,uBAAC,4BAAmB,IAAC,EAAE,EAAE,8BAAkB,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,YAC1D,uBAAC,8BAAa,KAAG,GACG,CACvB,CAAA;AACH,CAAC,CACF,CAAA;AAED,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}
+{"version":3,"file":"webchat/header/index.js","sources":["../../../../src/webchat/header/index.tsx"],"sourcesContent":["import { type ForwardedRef, forwardRef, useContext } from 'react'\n\nimport { WEBCHAT } from '../../constants'\nimport { WebchatContext } from '../../webchat/context'\nimport { BotonicContainerId } from '../constants'\nimport { DefaultHeader } from './default-header'\nimport { StyledWebchatHeader } from './styles'\n\nexport const WebchatHeader = forwardRef(\n  (_, ref: ForwardedRef<HTMLDivElement>) => {\n    const { getThemeProperty, toggleWebchat } = useContext(WebchatContext)\n\n    const handleCloseWebchat = () => {\n      toggleWebchat(false)\n    }\n\n    const CustomHeader = getThemeProperty(\n      WEBCHAT.CUSTOM_PROPERTIES.customHeader\n    )\n\n    if (CustomHeader) {\n      return (\n        <div id={BotonicContainerId.Header} ref={ref}>\n          <CustomHeader onCloseClick={handleCloseWebchat} />\n        </div>\n      )\n    }\n\n    return (\n      <StyledWebchatHeader id={BotonicContainerId.Header} ref={ref}>\n        <DefaultHeader />\n      </StyledWebchatHeader>\n    )\n  }\n)\n\nWebchatHeader.displayName = 'WebchatHeader'\n"],"names":["forwardRef","useContext","WEBCHAT","WebchatContext","BotonicContainerId","DefaultHeader","StyledWebchatHeader","WebchatHeader","_","ref","getThemeProperty","toggleWebchat","handleCloseWebchat","CustomHeader"],"mappings":";;;;;;;;;;;;;;;;AAAiE;AAExB;AACa;AACL;AACD;AACF;AAEvC,MAAMO,aAAaA,iBAAGP,UAAUA,CACrC,CAACQ,GAAGC;IACF,MAAM,EAAEC,gBAAgB,EAAEC,aAAa,EAAE,GAAGV,UAAUA,CAACE,cAAcA;IAErE,MAAMS,qBAAqB;QACzBD,cAAc;IAChB;IAEA,MAAME,eAAeH,iBACnBR,sCAAsC;IAGxC,IAAIW,cAAc;QAChB,qBACE,IAAC;YAAI,IAAIT,yBAAyB;YAAE,KAAKK;sBACvC,kBAACI;gBAAa,cAAcD;;;IAGlC;IAEA,qBACE,IAACN,mBAAmBA;QAAC,IAAIF,yBAAyB;QAAE,KAAKK;kBACvD,kBAACJ,aAAaA;;AAGpB,GACD;AAEDE,aAAaA,CAAC,WAAW,GAAG"}

package/lib/esm/webchat/header/styles.js

@@ -1,25 +1,26 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledWebchatHeader = exports.CloseHeader = exports.Subtitle = exports.Title = exports.TextContainer = exports.ImageContainer = exports.HeaderContainer = void 0;
-const tslib_1 = require("tslib");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const constants_1 = require("../../constants");
-exports.HeaderContainer = styled_components_1.default.div `
+import styled_components from "styled-components";
+import { COLORS } from "../../constants.js";
+
+
+
+
+
+const HeaderContainer = styled_components.div`
   display: flex;
   background: linear-gradient(
     90deg,
-    ${constants_1.COLORS.BLEACHED_CEDAR_PURPLE} 0%,
-    ${props => props.color} 100%
+    ${COLORS.BLEACHED_CEDAR_PURPLE} 0%,
+    ${(props)=>props.color} 100%
   );
-  border-radius: ${props => props.theme.header?.style?.borderRadius};
+  border-radius: ${(props)=>props.theme.header?.style?.borderRadius};
   z-index: 2;
   height: inherit;
 
-  @media (max-width: ${props => props.theme.mobileBreakpoint}px) {
-    border-radius: ${props => props.theme.header?.mobileStyle?.borderRadius};
+  @media (max-width: ${(props)=>props.theme.mobileBreakpoint}px) {
+    border-radius: ${(props)=>props.theme.header?.mobileStyle?.borderRadius};
   }
 `;
-exports.ImageContainer = styled_components_1.default.div `
+const ImageContainer = styled_components.div`
   padding: 10px;
   align-items: center;
 
@@ -28,36 +29,39 @@ exports.ImageContainer = styled_components_1.default.div `
     border-radius: 50%;
   }
 `;
-exports.TextContainer = styled_components_1.default.div `
+const TextContainer = styled_components.div`
   display: flex;
   flex-direction: column;
   justify-content: center;
   flex: 1 1 auto;
 `;
-exports.Title = styled_components_1.default.div `
+const Title = styled_components.div`
   display: flex;
   font-family: inherit;
   font-size: 15px;
   font-weight: bold;
-  color: ${constants_1.COLORS.SOLID_WHITE};
+  color: ${COLORS.SOLID_WHITE};
 `;
-exports.Subtitle = styled_components_1.default.div `
+const Subtitle = styled_components.div`
   display: flex;
   font-family: inherit;
   font-size: 11px;
-  color: ${constants_1.COLORS.SOLID_WHITE};
+  color: ${COLORS.SOLID_WHITE};
 `;
-exports.CloseHeader = styled_components_1.default.div `
+const CloseHeader = styled_components.div`
   padding: 0px 16px;
   cursor: pointer;
-  color: ${constants_1.COLORS.SOLID_WHITE};
+  color: ${COLORS.SOLID_WHITE};
   font-family: inherit;
   font-size: 36px;
 `;
-exports.StyledWebchatHeader = styled_components_1.default.div `
+const StyledWebchatHeader = styled_components.div`
   border-radius: 8px 8px 0px 0px;
-  box-shadow: ${constants_1.COLORS.PIGEON_POST_BLUE_ALPHA_0_5} 0px 2px 5px;
+  box-shadow: ${COLORS.PIGEON_POST_BLUE_ALPHA_0_5} 0px 2px 5px;
   height: 55px;
   flex: none;
 `;
+
+export { CloseHeader, HeaderContainer, ImageContainer, StyledWebchatHeader, Subtitle, TextContainer, Title };
+
 //# sourceMappingURL=styles.js.map

package/lib/esm/webchat/header/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/webchat/header/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAsC;AAEtC,+CAAwC;AAE3B,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;MAInC,kBAAM,CAAC,qBAAqB;MAC5B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK;;mBAEP,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,YAAY;;;;uBAI5C,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB;qBACvC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,WAAW,EAAE,YAAY;;CAE1E,CAAA;AAEY,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;CAQvC,CAAA;AAEY,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;CAKtC,CAAA;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;WAKpB,kBAAM,CAAC,WAAW;CAC5B,CAAA;AAEY,QAAA,QAAQ,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;WAIvB,kBAAM,CAAC,WAAW;CAC5B,CAAA;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,CAAA;;;WAG1B,kBAAM,CAAC,WAAW;;;CAG5B,CAAA;AAEY,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAAA;;gBAE7B,kBAAM,CAAC,0BAA0B;;;CAGhD,CAAA"}
+{"version":3,"file":"webchat/header/styles.js","sources":["../../../../src/webchat/header/styles.ts"],"sourcesContent":["import styled from 'styled-components'\n\nimport { COLORS } from '../../constants'\n\nexport const HeaderContainer = styled.div`\n  display: flex;\n  background: linear-gradient(\n    90deg,\n    ${COLORS.BLEACHED_CEDAR_PURPLE} 0%,\n    ${props => props.color} 100%\n  );\n  border-radius: ${props => props.theme.header?.style?.borderRadius};\n  z-index: 2;\n  height: inherit;\n\n  @media (max-width: ${props => props.theme.mobileBreakpoint}px) {\n    border-radius: ${props => props.theme.header?.mobileStyle?.borderRadius};\n  }\n`\n\nexport const ImageContainer = styled.div`\n  padding: 10px;\n  align-items: center;\n\n  img {\n    width: 32px;\n    border-radius: 50%;\n  }\n`\n\nexport const TextContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex: 1 1 auto;\n`\n\nexport const Title = styled.div`\n  display: flex;\n  font-family: inherit;\n  font-size: 15px;\n  font-weight: bold;\n  color: ${COLORS.SOLID_WHITE};\n`\n\nexport const Subtitle = styled.div`\n  display: flex;\n  font-family: inherit;\n  font-size: 11px;\n  color: ${COLORS.SOLID_WHITE};\n`\n\nexport const CloseHeader = styled.div`\n  padding: 0px 16px;\n  cursor: pointer;\n  color: ${COLORS.SOLID_WHITE};\n  font-family: inherit;\n  font-size: 36px;\n`\n\nexport const StyledWebchatHeader = styled.div`\n  border-radius: 8px 8px 0px 0px;\n  box-shadow: ${COLORS.PIGEON_POST_BLUE_ALPHA_0_5} 0px 2px 5px;\n  height: 55px;\n  flex: none;\n`\n"],"names":["styled","COLORS","HeaderContainer","props","ImageContainer","TextContainer","Title","Subtitle","CloseHeader","StyledWebchatHeader"],"mappings":";;;;;AAAsC;AAEE;AAEjC,MAAME,eAAeA,GAAGF,qBAAU,CAAC;;;;IAItC,EAAEC,4BAA4B,CAAC;IAC/B,EAAEE,CAAAA,QAASA,MAAM,KAAK,CAAC;;iBAEV,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,MAAM,EAAE,OAAO,aAAa;;;;qBAI/C,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,gBAAgB,CAAC;mBAC1C,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,MAAM,EAAE,aAAa,aAAa;;AAE5E,CAAC;AAEM,MAAMC,cAAcA,GAAGJ,qBAAU,CAAC;;;;;;;;AAQzC,CAAC;AAEM,MAAMK,aAAaA,GAAGL,qBAAU,CAAC;;;;;AAKxC,CAAC;AAEM,MAAMM,KAAKA,GAAGN,qBAAU,CAAC;;;;;SAKvB,EAAEC,kBAAkB,CAAC;AAC9B,CAAC;AAEM,MAAMM,QAAQA,GAAGP,qBAAU,CAAC;;;;SAI1B,EAAEC,kBAAkB,CAAC;AAC9B,CAAC;AAEM,MAAMO,WAAWA,GAAGR,qBAAU,CAAC;;;SAG7B,EAAEC,kBAAkB,CAAC;;;AAG9B,CAAC;AAEM,MAAMQ,mBAAmBA,GAAGT,qBAAU,CAAC;;cAEhC,EAAEC,iCAAiC,CAAC;;;AAGlD,CAAC"}

package/lib/esm/webchat/hooks/index.d.ts

@@ -1,10 +1,10 @@
-export { useComponentVisible } from './use-component-visible';
-export { useComponentWillMount } from './use-component-will-mount';
-export { useDeviceAdapter } from './use-device-adapter';
-export { usePrevious } from './use-previous';
-export { useScrollToBottom } from './use-scroll-to-bottom';
-export { useScrollbarController } from './use-scrollbar-controller';
-export { useTyping } from './use-typing';
-export { useVirtualKeyboardDetection } from './use-virtual-keyboard-detection';
-export { useWebchatDimensions } from './use-webchat-dimensions';
-export { useWebchatResizer } from './use-webchat-resizer';
+export { useComponentVisible } from './use-component-visible.js';
+export { useComponentWillMount } from './use-component-will-mount.js';
+export { useDeviceAdapter } from './use-device-adapter.js';
+export { usePrevious } from './use-previous.js';
+export { useScrollToBottom } from './use-scroll-to-bottom.js';
+export { useScrollbarController } from './use-scrollbar-controller.js';
+export { useTyping } from './use-typing.js';
+export { useVirtualKeyboardDetection } from './use-virtual-keyboard-detection.js';
+export { useWebchatDimensions } from './use-webchat-dimensions.js';
+export { useWebchatResizer } from './use-webchat-resizer.js';

package/lib/esm/webchat/hooks/index.js

@@ -1,24 +1,33 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWebchatResizer = exports.useWebchatDimensions = exports.useVirtualKeyboardDetection = exports.useTyping = exports.useScrollbarController = exports.useScrollToBottom = exports.usePrevious = exports.useDeviceAdapter = exports.useComponentWillMount = exports.useComponentVisible = void 0;
-var use_component_visible_1 = require("./use-component-visible");
-Object.defineProperty(exports, "useComponentVisible", { enumerable: true, get: function () { return use_component_visible_1.useComponentVisible; } });
-var use_component_will_mount_1 = require("./use-component-will-mount");
-Object.defineProperty(exports, "useComponentWillMount", { enumerable: true, get: function () { return use_component_will_mount_1.useComponentWillMount; } });
-var use_device_adapter_1 = require("./use-device-adapter");
-Object.defineProperty(exports, "useDeviceAdapter", { enumerable: true, get: function () { return use_device_adapter_1.useDeviceAdapter; } });
-var use_previous_1 = require("./use-previous");
-Object.defineProperty(exports, "usePrevious", { enumerable: true, get: function () { return use_previous_1.usePrevious; } });
-var use_scroll_to_bottom_1 = require("./use-scroll-to-bottom");
-Object.defineProperty(exports, "useScrollToBottom", { enumerable: true, get: function () { return use_scroll_to_bottom_1.useScrollToBottom; } });
-var use_scrollbar_controller_1 = require("./use-scrollbar-controller");
-Object.defineProperty(exports, "useScrollbarController", { enumerable: true, get: function () { return use_scrollbar_controller_1.useScrollbarController; } });
-var use_typing_1 = require("./use-typing");
-Object.defineProperty(exports, "useTyping", { enumerable: true, get: function () { return use_typing_1.useTyping; } });
-var use_virtual_keyboard_detection_1 = require("./use-virtual-keyboard-detection");
-Object.defineProperty(exports, "useVirtualKeyboardDetection", { enumerable: true, get: function () { return use_virtual_keyboard_detection_1.useVirtualKeyboardDetection; } });
-var use_webchat_dimensions_1 = require("./use-webchat-dimensions");
-Object.defineProperty(exports, "useWebchatDimensions", { enumerable: true, get: function () { return use_webchat_dimensions_1.useWebchatDimensions; } });
-var use_webchat_resizer_1 = require("./use-webchat-resizer");
-Object.defineProperty(exports, "useWebchatResizer", { enumerable: true, get: function () { return use_webchat_resizer_1.useWebchatResizer; } });
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+export { useComponentVisible } from "./use-component-visible.js";
+export { useComponentWillMount } from "./use-component-will-mount.js";
+export { useDeviceAdapter } from "./use-device-adapter.js";
+export { usePrevious } from "./use-previous.js";
+export { useScrollToBottom } from "./use-scroll-to-bottom.js";
+export { useScrollbarController } from "./use-scrollbar-controller.js";
+export { useTyping } from "./use-typing.js";
+export { useVirtualKeyboardDetection } from "./use-virtual-keyboard-detection.js";
+export { useWebchatDimensions } from "./use-webchat-dimensions.js";
+export { useWebchatResizer } from "./use-webchat-resizer.js";
+
 //# sourceMappingURL=index.js.map

package/lib/esm/webchat/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/index.ts"],"names":[],"mappings":";;;AAAA,iEAA6D;AAApD,4HAAA,mBAAmB,OAAA;AAC5B,uEAAkE;AAAzD,iIAAA,qBAAqB,OAAA;AAC9B,2DAAuD;AAA9C,sHAAA,gBAAgB,OAAA;AACzB,+CAA4C;AAAnC,2GAAA,WAAW,OAAA;AACpB,+DAA0D;AAAjD,yHAAA,iBAAiB,OAAA;AAC1B,uEAAmE;AAA1D,kIAAA,sBAAsB,OAAA;AAC/B,2CAAwC;AAA/B,uGAAA,SAAS,OAAA;AAClB,mFAA8E;AAArE,6IAAA,2BAA2B,OAAA;AACpC,mEAA+D;AAAtD,8HAAA,oBAAoB,OAAA;AAC7B,6DAAyD;AAAhD,wHAAA,iBAAiB,OAAA"}
+{"version":3,"file":"webchat/hooks/index.js","sources":["../../../../src/webchat/hooks/index.ts"],"sourcesContent":["export { useComponentVisible } from './use-component-visible'\nexport { useComponentWillMount } from './use-component-will-mount'\nexport { useDeviceAdapter } from './use-device-adapter'\nexport { usePrevious } from './use-previous'\nexport { useScrollToBottom } from './use-scroll-to-bottom'\nexport { useScrollbarController } from './use-scrollbar-controller'\nexport { useTyping } from './use-typing'\nexport { useVirtualKeyboardDetection } from './use-virtual-keyboard-detection'\nexport { useWebchatDimensions } from './use-webchat-dimensions'\nexport { useWebchatResizer } from './use-webchat-resizer'\n"],"names":["useComponentVisible","useComponentWillMount","useDeviceAdapter","usePrevious","useScrollToBottom","useScrollbarController","useTyping","useVirtualKeyboardDetection","useWebchatDimensions","useWebchatResizer"],"mappings":";;;;;;;;;;AAA6D;AACK;AACX;AACX;AACc;AACS;AAC3B;AACsC;AACf;AACN"}

package/lib/esm/webchat/hooks/use-component-visible.js

@@ -1,23 +1,30 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useComponentVisible = useComponentVisible;
-const react_1 = require("react");
+import { useEffect, useRef, useState } from "react";
+
+
+
 function useComponentVisible(initialIsVisible, onClickOutside) {
-    const [isComponentVisible, setIsComponentVisible] = (0, react_1.useState)(initialIsVisible);
-    const ref = (0, react_1.useRef)(null);
-    const handleClickOutside = event => {
+    const [isComponentVisible, setIsComponentVisible] = useState(initialIsVisible);
+    const ref = useRef(null);
+    const handleClickOutside = (event)=>{
         const target = event.path ? event.path[0] : event.target;
         if (ref.current && !ref.current.contains(target)) {
             setIsComponentVisible(false);
             onClickOutside();
         }
     };
-    (0, react_1.useEffect)(() => {
+    useEffect(()=>{
         document.addEventListener('click', handleClickOutside, false);
-        return () => {
+        return ()=>{
             document.removeEventListener('click', handleClickOutside, false);
         };
     });
-    return { ref, isComponentVisible, setIsComponentVisible };
+    return {
+        ref,
+        isComponentVisible,
+        setIsComponentVisible
+    };
 }
+
+export { useComponentVisible };
+
 //# sourceMappingURL=use-component-visible.js.map

package/lib/esm/webchat/hooks/use-component-visible.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-component-visible.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-component-visible.ts"],"names":[],"mappings":";;AAQA,kDAoBC;AA5BD,iCAAmD;AAQnD,SAAgB,mBAAmB,CACjC,gBAAyB,EACzB,cAA0B;IAE1B,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,IAAA,gBAAQ,EAAC,gBAAgB,CAAC,CAAA;IAC9E,MAAM,GAAG,GAAG,IAAA,cAAM,EAAc,IAAI,CAAC,CAAA;IACrC,MAAM,kBAAkB,GAAG,KAAK,CAAC,EAAE;QACjC,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAA;QACxD,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YACjD,qBAAqB,CAAC,KAAK,CAAC,CAAA;YAC5B,cAAc,EAAE,CAAA;QAClB,CAAC;IACH,CAAC,CAAA;IACD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,EAAE,KAAK,CAAC,CAAA;QAC7D,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,EAAE,KAAK,CAAC,CAAA;QAClE,CAAC,CAAA;IACH,CAAC,CAAC,CAAA;IACF,OAAO,EAAE,GAAG,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,CAAA;AAC3D,CAAC"}
+{"version":3,"file":"webchat/hooks/use-component-visible.js","sources":["../../../../src/webchat/hooks/use-component-visible.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\ninterface ComponentVisible {\n  ref: React.RefObject<HTMLElement>\n  isComponentVisible: boolean\n  setIsComponentVisible: React.Dispatch<React.SetStateAction<boolean>>\n}\n\nexport function useComponentVisible(\n  initialIsVisible: boolean,\n  onClickOutside: () => void\n): ComponentVisible {\n  const [isComponentVisible, setIsComponentVisible] = useState(initialIsVisible)\n  const ref = useRef<HTMLElement>(null)\n  const handleClickOutside = event => {\n    const target = event.path ? event.path[0] : event.target\n    if (ref.current && !ref.current.contains(target)) {\n      setIsComponentVisible(false)\n      onClickOutside()\n    }\n  }\n  useEffect(() => {\n    document.addEventListener('click', handleClickOutside, false)\n    return () => {\n      document.removeEventListener('click', handleClickOutside, false)\n    }\n  })\n  return { ref, isComponentVisible, setIsComponentVisible }\n}\n"],"names":["useEffect","useRef","useState","useComponentVisible","initialIsVisible","onClickOutside","isComponentVisible","setIsComponentVisible","ref","handleClickOutside","event","target","document"],"mappings":";;;AAAmD;AAQ5C,SAASG,mBAAmBA,CACjCC,gBAAyB,EACzBC,cAA0B;IAE1B,MAAM,CAACC,oBAAoBC,sBAAsB,GAAGL,QAAQA,CAACE;IAC7D,MAAMI,MAAMP,MAAMA,CAAc;IAChC,MAAMQ,qBAAqBC,CAAAA;QACzB,MAAMC,SAASD,MAAM,IAAI,GAAGA,MAAM,IAAI,CAAC,EAAE,GAAGA,MAAM,MAAM;QACxD,IAAIF,IAAI,OAAO,IAAI,CAACA,IAAI,OAAO,CAAC,QAAQ,CAACG,SAAS;YAChDJ,sBAAsB;YACtBF;QACF;IACF;IACAL,SAASA,CAAC;QACRY,SAAS,gBAAgB,CAAC,SAASH,oBAAoB;QACvD,OAAO;YACLG,SAAS,mBAAmB,CAAC,SAASH,oBAAoB;QAC5D;IACF;IACA,OAAO;QAAED;QAAKF;QAAoBC;IAAsB;AAC1D"}

package/lib/esm/webchat/hooks/use-component-will-mount.js

@@ -1,9 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useComponentWillMount = void 0;
-const react_1 = require("react");
-const useComponentWillMount = func => {
-    (0, react_1.useMemo)(func, []);
+import { useMemo } from "react";
+
+
+
+const useComponentWillMount = (func)=>{
+    useMemo(func, []);
 };
-exports.useComponentWillMount = useComponentWillMount;
+
+export { useComponentWillMount };
+
 //# sourceMappingURL=use-component-will-mount.js.map

package/lib/esm/webchat/hooks/use-component-will-mount.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-component-will-mount.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-component-will-mount.ts"],"names":[],"mappings":";;;AAAA,iCAA+B;AAExB,MAAM,qBAAqB,GAAG,IAAI,CAAC,EAAE;IAC1C,IAAA,eAAO,EAAC,IAAI,EAAE,EAAE,CAAC,CAAA;AACnB,CAAC,CAAA;AAFY,QAAA,qBAAqB,yBAEjC"}
+{"version":3,"file":"webchat/hooks/use-component-will-mount.js","sources":["../../../../src/webchat/hooks/use-component-will-mount.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nexport const useComponentWillMount = func => {\n  useMemo(func, [])\n}\n"],"names":["useMemo","useComponentWillMount","func"],"mappings":";;;AAA+B;AAExB,MAAMC,qBAAqBA,GAAGC,CAAAA;IACnCF,OAAOA,CAACE,MAAM,EAAE;AAClB,EAAC"}

package/lib/esm/webchat/hooks/use-device-adapter.js

@@ -1,12 +1,22 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDeviceAdapter = void 0;
-const react_1 = require("react");
-const devices_1 = require("../devices");
-const use_scroll_to_bottom_1 = require("./use-scroll-to-bottom");
-const use_scrollbar_controller_1 = require("./use-scrollbar-controller");
-const use_virtual_keyboard_detection_1 = require("./use-virtual-keyboard-detection");
-const use_webchat_resizer_1 = require("./use-webchat-resizer");
+import { useEffect } from "react";
+import { DEVICES } from "../devices/index.js";
+import { useScrollToBottom } from "./use-scroll-to-bottom.js";
+import { useScrollbarController } from "./use-scrollbar-controller.js";
+import { useVirtualKeyboardDetection } from "./use-virtual-keyboard-detection.js";
+import { useWebchatResizer } from "./use-webchat-resizer.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
 function getCurrentDevice() {
     const nav = navigator;
     if (nav.userAgentData) {
@@ -14,36 +24,45 @@ function getCurrentDevice() {
     }
     return navigator.platform;
 }
-const useDeviceAdapter = (host, isWebchatOpen) => {
+const useDeviceAdapter = (host, isWebchatOpen)=>{
     const currentDevice = getCurrentDevice();
-    const { scrollToBottom } = (0, use_scroll_to_bottom_1.useScrollToBottom)({ host });
-    const { isVirtualKeyboardVisible } = (0, use_virtual_keyboard_detection_1.useVirtualKeyboardDetection)(window.innerHeight);
-    const { handleKeyboardShown, handleKeyboardHidden } = (0, use_webchat_resizer_1.useWebchatResizer)();
-    const { handleScrollEvents } = (0, use_scrollbar_controller_1.useScrollbarController)(currentDevice, host);
-    (0, react_1.useEffect)(() => {
-        if (currentDevice !== devices_1.DEVICES.MOBILE.IPHONE) {
+    const { scrollToBottom } = useScrollToBottom({
+        host
+    });
+    const { isVirtualKeyboardVisible } = useVirtualKeyboardDetection(window.innerHeight);
+    const { handleKeyboardShown, handleKeyboardHidden } = useWebchatResizer();
+    const { handleScrollEvents } = useScrollbarController(currentDevice, host);
+    useEffect(()=>{
+        if (currentDevice !== DEVICES.MOBILE.IPHONE) {
             return;
         }
         if (isVirtualKeyboardVisible) {
             handleKeyboardShown();
             scrollToBottom();
-        }
-        else {
+        } else {
             handleKeyboardHidden();
         }
         return;
-    }, [isVirtualKeyboardVisible]);
-    (0, react_1.useEffect)(() => {
+    }, [
+        isVirtualKeyboardVisible
+    ]);
+    useEffect(()=>{
         if (host && isWebchatOpen) {
-            if (currentDevice !== devices_1.DEVICES.MOBILE.IPHONE) {
+            if (currentDevice !== DEVICES.MOBILE.IPHONE) {
                 return;
             }
             handleScrollEvents();
         }
-    }, [host, isWebchatOpen, handleScrollEvents]);
+    }, [
+        host,
+        isWebchatOpen,
+        handleScrollEvents
+    ]);
     return {
-        currentDevice,
+        currentDevice
     };
 };
-exports.useDeviceAdapter = useDeviceAdapter;
+
+export { useDeviceAdapter };
+
 //# sourceMappingURL=use-device-adapter.js.map

package/lib/esm/webchat/hooks/use-device-adapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-device-adapter.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-device-adapter.ts"],"names":[],"mappings":";;;AAAA,iCAAiC;AAEjC,wCAAoC;AACpC,iEAA0D;AAC1D,yEAAmE;AACnE,qFAA8E;AAC9E,+DAAyD;AASzD,SAAS,gBAAgB;IACvB,MAAM,GAAG,GAAG,SAAuC,CAAA;IACnD,IAAI,GAAG,CAAC,aAAa,EAAE,CAAC;QACtB,OAAO,GAAG,CAAC,aAAa,CAAC,QAAQ,CAAA;IACnC,CAAC;IACD,OAAO,SAAS,CAAC,QAAQ,CAAA;AAC3B,CAAC;AAEM,MAAM,gBAAgB,GAAG,CAAC,IAAI,EAAE,aAAa,EAAE,EAAE;IACtD,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAA;IAExC,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,wCAAiB,EAAC,EAAE,IAAI,EAAE,CAAC,CAAA;IAEtD,MAAM,EAAE,wBAAwB,EAAE,GAAG,IAAA,4DAA2B,EAC9D,MAAM,CAAC,WAAW,CACnB,CAAA;IAED,MAAM,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,GAAG,IAAA,uCAAiB,GAAE,CAAA;IAEzE,MAAM,EAAE,kBAAkB,EAAE,GAAG,IAAA,iDAAsB,EAAC,aAAa,EAAE,IAAI,CAAC,CAAA;IAE1E,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,aAAa,KAAK,iBAAO,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;YAC5C,OAAM;QACR,CAAC;QACD,IAAI,wBAAwB,EAAE,CAAC;YAC7B,mBAAmB,EAAE,CAAA;YACrB,cAAc,EAAE,CAAA;QAClB,CAAC;aAAM,CAAC;YACN,oBAAoB,EAAE,CAAA;QACxB,CAAC;QAED,OAAM;IACR,CAAC,EAAE,CAAC,wBAAwB,CAAC,CAAC,CAAA;IAE9B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,IAAI,IAAI,aAAa,EAAE,CAAC;YAC1B,IAAI,aAAa,KAAK,iBAAO,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;gBAC5C,OAAM;YACR,CAAC;YACD,kBAAkB,EAAE,CAAA;QACtB,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAE7C,OAAO;QACL,aAAa;KACd,CAAA;AACH,CAAC,CAAA;AAvCY,QAAA,gBAAgB,oBAuC5B"}
+{"version":3,"file":"webchat/hooks/use-device-adapter.js","sources":["../../../../src/webchat/hooks/use-device-adapter.ts"],"sourcesContent":["import { useEffect } from 'react'\n\nimport { DEVICES } from '../devices'\nimport { useScrollToBottom } from './use-scroll-to-bottom'\nimport { useScrollbarController } from './use-scrollbar-controller'\nimport { useVirtualKeyboardDetection } from './use-virtual-keyboard-detection'\nimport { useWebchatResizer } from './use-webchat-resizer'\n\n// To avoid type error using experimental new API supported by some browsers like Chrome but not in Safari\ninterface NavigatorWithUserAgentData extends Navigator {\n  userAgentData?: {\n    platform: string\n  }\n}\n\nfunction getCurrentDevice() {\n  const nav = navigator as NavigatorWithUserAgentData\n  if (nav.userAgentData) {\n    return nav.userAgentData.platform\n  }\n  return navigator.platform\n}\n\nexport const useDeviceAdapter = (host, isWebchatOpen) => {\n  const currentDevice = getCurrentDevice()\n\n  const { scrollToBottom } = useScrollToBottom({ host })\n\n  const { isVirtualKeyboardVisible } = useVirtualKeyboardDetection(\n    window.innerHeight\n  )\n\n  const { handleKeyboardShown, handleKeyboardHidden } = useWebchatResizer()\n\n  const { handleScrollEvents } = useScrollbarController(currentDevice, host)\n\n  useEffect(() => {\n    if (currentDevice !== DEVICES.MOBILE.IPHONE) {\n      return\n    }\n    if (isVirtualKeyboardVisible) {\n      handleKeyboardShown()\n      scrollToBottom()\n    } else {\n      handleKeyboardHidden()\n    }\n\n    return\n  }, [isVirtualKeyboardVisible])\n\n  useEffect(() => {\n    if (host && isWebchatOpen) {\n      if (currentDevice !== DEVICES.MOBILE.IPHONE) {\n        return\n      }\n      handleScrollEvents()\n    }\n  }, [host, isWebchatOpen, handleScrollEvents])\n\n  return {\n    currentDevice,\n  }\n}\n"],"names":["useEffect","DEVICES","useScrollToBottom","useScrollbarController","useVirtualKeyboardDetection","useWebchatResizer","getCurrentDevice","nav","navigator","useDeviceAdapter","host","isWebchatOpen","currentDevice","scrollToBottom","isVirtualKeyboardVisible","window","handleKeyboardShown","handleKeyboardHidden","handleScrollEvents"],"mappings":";;;;;;;;;;;;;AAAiC;AAEG;AACsB;AACS;AACW;AACrB;AASzD,SAASM,gBAAgBA;IACvB,MAAMC,MAAMC;IACZ,IAAID,IAAI,aAAa,EAAE;QACrB,OAAOA,IAAI,aAAa,CAAC,QAAQ;IACnC;IACA,OAAOC,UAAU,QAAQ;AAC3B;AAEO,MAAMC,gBAAgBA,GAAG,CAACC,MAAMC;IACrC,MAAMC,gBAAgBN,gBAAgBA;IAEtC,MAAM,EAAEO,cAAc,EAAE,GAAGX,iBAAiBA,CAAC;QAAEQ;IAAK;IAEpD,MAAM,EAAEI,wBAAwB,EAAE,GAAGV,2BAA2BA,CAC9DW,OAAO,WAAW;IAGpB,MAAM,EAAEC,mBAAmB,EAAEC,oBAAoB,EAAE,GAAGZ,iBAAiBA;IAEvE,MAAM,EAAEa,kBAAkB,EAAE,GAAGf,sBAAsBA,CAACS,eAAeF;IAErEV,SAASA,CAAC;QACR,IAAIY,kBAAkBX,qBAAqB,EAAE;YAC3C;QACF;QACA,IAAIa,0BAA0B;YAC5BE;YACAH;QACF,OAAO;YACLI;QACF;QAEA;IACF,GAAG;QAACH;KAAyB;IAE7Bd,SAASA,CAAC;QACR,IAAIU,QAAQC,eAAe;YACzB,IAAIC,kBAAkBX,qBAAqB,EAAE;gBAC3C;YACF;YACAiB;QACF;IACF,GAAG;QAACR;QAAMC;QAAeO;KAAmB;IAE5C,OAAO;QACLN;IACF;AACF,EAAC"}

package/lib/esm/webchat/hooks/use-previous.js

@@ -1,12 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePrevious = usePrevious;
-const react_1 = require("react");
+import { useEffect, useRef } from "react";
+
+
+
 function usePrevious(value) {
-    const ref = (0, react_1.useRef)();
-    (0, react_1.useEffect)(() => {
+    const ref = useRef();
+    useEffect(()=>{
         ref.current = value;
     });
     return ref.current;
 }
+
+export { usePrevious };
+
 //# sourceMappingURL=use-previous.js.map

package/lib/esm/webchat/hooks/use-previous.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-previous.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-previous.ts"],"names":[],"mappings":";;AAEA,kCAMC;AARD,iCAAyC;AAEzC,SAAgB,WAAW,CAAC,KAAU;IACpC,MAAM,GAAG,GAAG,IAAA,cAAM,GAAE,CAAA;IACpB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;IACrB,CAAC,CAAC,CAAA;IACF,OAAO,GAAG,CAAC,OAAO,CAAA;AACpB,CAAC"}
+{"version":3,"file":"webchat/hooks/use-previous.js","sources":["../../../../src/webchat/hooks/use-previous.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nexport function usePrevious(value: any): any {\n  const ref = useRef()\n  useEffect(() => {\n    ref.current = value\n  })\n  return ref.current\n}\n"],"names":["useEffect","useRef","usePrevious","value","ref"],"mappings":";;;AAAyC;AAElC,SAASE,WAAWA,CAACC,KAAU;IACpC,MAAMC,MAAMH,MAAMA;IAClBD,SAASA,CAAC;QACRI,IAAI,OAAO,GAAGD;IAChB;IACA,OAAOC,IAAI,OAAO;AACpB"}

package/lib/esm/webchat/hooks/use-scroll-to-bottom.js

@@ -1,25 +1,29 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useScrollToBottom = void 0;
-const dom_1 = require("../../util/dom");
-const useScrollToBottom = ({ host, behavior = 'smooth', timeout = 200, }) => {
-    const scrollToBottom = () => {
-        const webchatElement = (0, dom_1.getWebchatElement)(host);
+import { getScrollableMessagesListElement, getWebchatElement } from "../../util/dom.js";
+
+
+
+const useScrollToBottom = ({ host, behavior = 'smooth', timeout = 200 })=>{
+    const scrollToBottom = ()=>{
+        const webchatElement = getWebchatElement(host);
         if (!webchatElement) {
             return;
         }
-        const scrollableMessagesListElement = (0, dom_1.getScrollableMessagesListElement)(host);
+        const scrollableMessagesListElement = getScrollableMessagesListElement(host);
         if (!scrollableMessagesListElement) {
             return;
         }
-        setTimeout(() => {
+        setTimeout(()=>{
             scrollableMessagesListElement.scrollTo({
                 top: scrollableMessagesListElement.scrollHeight,
-                behavior: behavior,
+                behavior: behavior
             });
         }, timeout);
     };
-    return { scrollToBottom };
+    return {
+        scrollToBottom
+    };
 };
-exports.useScrollToBottom = useScrollToBottom;
+
+export { useScrollToBottom };
+
 //# sourceMappingURL=use-scroll-to-bottom.js.map

package/lib/esm/webchat/hooks/use-scroll-to-bottom.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-scroll-to-bottom.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-scroll-to-bottom.ts"],"names":[],"mappings":";;;AAAA,wCAGuB;AAQhB,MAAM,iBAAiB,GAAG,CAAC,EAChC,IAAI,EACJ,QAAQ,GAAG,QAAQ,EACnB,OAAO,GAAG,GAAG,GACK,EAAE,EAAE;IACtB,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,MAAM,cAAc,GAAG,IAAA,uBAAiB,EAAC,IAAI,CAAC,CAAA;QAC9C,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,OAAM;QACR,CAAC;QACD,MAAM,6BAA6B,GAAG,IAAA,sCAAgC,EAAC,IAAI,CAAC,CAAA;QAC5E,IAAI,CAAC,6BAA6B,EAAE,CAAC;YACnC,OAAM;QACR,CAAC;QAED,UAAU,CAAC,GAAG,EAAE;YACd,6BAA6B,CAAC,QAAQ,CAAC;gBACrC,GAAG,EAAE,6BAA6B,CAAC,YAAY;gBAC/C,QAAQ,EAAE,QAAQ;aACnB,CAAC,CAAA;QACJ,CAAC,EAAE,OAAO,CAAC,CAAA;IACb,CAAC,CAAA;IAED,OAAO,EAAE,cAAc,EAAE,CAAA;AAC3B,CAAC,CAAA;AAxBY,QAAA,iBAAiB,qBAwB7B"}
+{"version":3,"file":"webchat/hooks/use-scroll-to-bottom.js","sources":["../../../../src/webchat/hooks/use-scroll-to-bottom.ts"],"sourcesContent":["import {\n  getScrollableMessagesListElement,\n  getWebchatElement,\n} from '../../util/dom'\n\ninterface UseScrollToBottom {\n  host: any\n  behavior?: ScrollBehavior\n  timeout?: number\n}\n\nexport const useScrollToBottom = ({\n  host,\n  behavior = 'smooth',\n  timeout = 200,\n}: UseScrollToBottom) => {\n  const scrollToBottom = () => {\n    const webchatElement = getWebchatElement(host)\n    if (!webchatElement) {\n      return\n    }\n    const scrollableMessagesListElement = getScrollableMessagesListElement(host)\n    if (!scrollableMessagesListElement) {\n      return\n    }\n\n    setTimeout(() => {\n      scrollableMessagesListElement.scrollTo({\n        top: scrollableMessagesListElement.scrollHeight,\n        behavior: behavior,\n      })\n    }, timeout)\n  }\n\n  return { scrollToBottom }\n}\n"],"names":["getScrollableMessagesListElement","getWebchatElement","useScrollToBottom","host","behavior","timeout","scrollToBottom","webchatElement","scrollableMessagesListElement","setTimeout"],"mappings":";;;AAGuB;AAQhB,MAAME,iBAAiBA,GAAG,CAAC,EAChCC,IAAI,EACJC,WAAW,QAAQ,EACnBC,UAAU,GAAG,EACK;IAClB,MAAMC,iBAAiB;QACrB,MAAMC,iBAAiBN,iBAAiBA,CAACE;QACzC,IAAI,CAACI,gBAAgB;YACnB;QACF;QACA,MAAMC,gCAAgCR,gCAAgCA,CAACG;QACvE,IAAI,CAACK,+BAA+B;YAClC;QACF;QAEAC,WAAW;YACTD,8BAA8B,QAAQ,CAAC;gBACrC,KAAKA,8BAA8B,YAAY;gBAC/C,UAAUJ;YACZ;QACF,GAAGC;IACL;IAEA,OAAO;QAAEC;IAAe;AAC1B,EAAC"}