@botonic/react 0.56.0-alpha.0 → 0.57.0-rslib-esm.0

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

@@ -1,23 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isMobileDevice = exports.isDevice = exports.DEVICES = void 0;
-exports.DEVICES = Object.freeze({
+const DEVICES = Object.freeze({
     MOBILE: {
         IPHONE: 'iPhone',
         ANDROID: 'Android',
         WEBOS: 'webOS',
         BLACKBERRY: 'BlackBerry',
-        WINDOWS_PHONE: 'Windows Phone',
-    },
+        WINDOWS_PHONE: 'Windows Phone'
+    }
 });
-const isDevice = deviceName => {
+const isDevice = (deviceName)=>{
     // https://stackoverflow.com/questions/19877924/what-is-the-list-of-possible-values-for-navigator-platform-as-of-today
-    return (!!navigator.platform &&
-        navigator.platform.toLowerCase().includes(deviceName.toLowerCase()));
+    return !!navigator.platform && navigator.platform.toLowerCase().includes(deviceName.toLowerCase());
 };
-exports.isDevice = isDevice;
-const isMobileDevice = () => {
-    return Object.values(exports.DEVICES.MOBILE).some(deviceName => (0, exports.isDevice)(deviceName));
+const isMobileDevice = ()=>{
+    return Object.values(DEVICES.MOBILE).some((deviceName)=>isDevice(deviceName));
 };
-exports.isMobileDevice = isMobileDevice;
+
+export { DEVICES, isDevice, isMobileDevice };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/devices/index.js"],"names":[],"mappings":";;;AAAa,QAAA,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC;IACnC,MAAM,EAAE;QACN,MAAM,EAAE,QAAQ;QAChB,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,YAAY;QACxB,aAAa,EAAE,eAAe;KAC/B;CACF,CAAC,CAAA;AAEK,MAAM,QAAQ,GAAG,UAAU,CAAC,EAAE;IACnC,sHAAsH;IACtH,OAAO,CACL,CAAC,CAAC,SAAS,CAAC,QAAQ;QACpB,SAAS,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,CACpE,CAAA;AACH,CAAC,CAAA;AANY,QAAA,QAAQ,YAMpB;AAEM,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,OAAO,MAAM,CAAC,MAAM,CAAC,eAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,IAAA,gBAAQ,EAAC,UAAU,CAAC,CAAC,CAAA;AAC/E,CAAC,CAAA;AAFY,QAAA,cAAc,kBAE1B"}
+{"version":3,"file":"webchat/devices/index.js","sources":["../../../../src/webchat/devices/index.js"],"sourcesContent":["export const DEVICES = Object.freeze({\n  MOBILE: {\n    IPHONE: 'iPhone',\n    ANDROID: 'Android',\n    WEBOS: 'webOS',\n    BLACKBERRY: 'BlackBerry',\n    WINDOWS_PHONE: 'Windows Phone',\n  },\n})\n\nexport const isDevice = deviceName => {\n  // https://stackoverflow.com/questions/19877924/what-is-the-list-of-possible-values-for-navigator-platform-as-of-today\n  return (\n    !!navigator.platform &&\n    navigator.platform.toLowerCase().includes(deviceName.toLowerCase())\n  )\n}\n\nexport const isMobileDevice = () => {\n  return Object.values(DEVICES.MOBILE).some(deviceName => isDevice(deviceName))\n}\n"],"names":["DEVICES","Object","isDevice","deviceName","navigator","isMobileDevice"],"mappings":"AAAO,MAAMA,OAAOA,GAAGC,OAAO,MAAM,CAAC;IACnC,QAAQ;QACN,QAAQ;QACR,SAAS;QACT,OAAO;QACP,YAAY;QACZ,eAAe;IACjB;AACF,GAAE;AAEK,MAAMC,QAAQA,GAAGC,CAAAA;IACtB,sHAAsH;IACtH,OACE,CAAC,CAACC,UAAU,QAAQ,IACpBA,UAAU,QAAQ,CAAC,WAAW,GAAG,QAAQ,CAACD,WAAW,WAAW;AAEpE,EAAC;AAEM,MAAME,cAAcA,GAAG;IAC5B,OAAOJ,OAAO,MAAM,CAACD,OAAOA,CAAC,MAAM,EAAE,IAAI,CAACG,CAAAA,aAAcD,QAAQA,CAACC;AACnE,EAAC"}

package/lib/esm/webchat/global.d.ts

@@ -0,0 +1,3 @@
+interface Window {
+  _botonicInsertStyles?: HTMLStyleElement[]
+}

package/lib/esm/webchat/header/default-header.js

@@ -1,25 +1,75 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DefaultHeader = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const constants_1 = require("../../constants");
-const styles_1 = require("../../shared/styles");
-const environment_1 = require("../../util/environment");
-const react_2 = require("../../util/react");
-const context_1 = require("../../webchat/context");
-const styles_2 = require("./styles");
-const DefaultHeader = () => {
-    const { getThemeProperty, toggleWebchat } = (0, react_1.useContext)(context_1.WebchatContext);
-    const animationsEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.enableAnimations);
-    const headerImage = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerImage, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.brandImage));
-    const headerTitle = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerTitle);
-    const headerSubtitle = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerSubtitle);
-    const handleCloseWebchat = () => {
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
+import { ROLES, WEBCHAT } from "../../constants.js";
+import { Scale } from "../../shared/styles.js";
+import { resolveImage } from "../../util/environment.js";
+import { ConditionalWrapper } from "../../util/react.js";
+import { WebchatContext } from "../context/index.js";
+import { CloseHeader, HeaderContainer, ImageContainer, Subtitle, TextContainer, Title } from "./styles.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const DefaultHeader = ()=>{
+    const { getThemeProperty, toggleWebchat } = useContext(WebchatContext);
+    const animationsEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.enableAnimations);
+    const headerImage = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerImage, getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.brandImage));
+    const headerTitle = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerTitle);
+    const headerSubtitle = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerSubtitle);
+    const handleCloseWebchat = ()=>{
         toggleWebchat(false);
     };
-    const color = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.brandColor);
-    return ((0, jsx_runtime_1.jsxs)(styles_2.HeaderContainer, { role: constants_1.ROLES.HEADER, color: color, style: { ...getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerStyle) }, children: [headerImage && ((0, jsx_runtime_1.jsx)(styles_2.ImageContainer, { children: (0, jsx_runtime_1.jsx)("img", { src: (0, environment_1.resolveImage)(headerImage), alt: 'Header' }) })), (0, jsx_runtime_1.jsxs)(styles_2.TextContainer, { children: [(0, jsx_runtime_1.jsx)(styles_2.Title, { children: headerTitle }), headerSubtitle ? (0, jsx_runtime_1.jsx)(styles_2.Subtitle, { children: headerSubtitle }) : null] }), (0, jsx_runtime_1.jsx)(react_2.ConditionalWrapper, { condition: animationsEnabled, wrapper: children => (0, jsx_runtime_1.jsx)(styles_1.Scale, { children: children }), children: (0, jsx_runtime_1.jsx)(styles_2.CloseHeader, { onClick: handleCloseWebchat, children: "\u2A2F" }) })] }));
+    const color = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.brandColor);
+    return /*#__PURE__*/ jsxs(HeaderContainer, {
+        role: ROLES.HEADER,
+        color: color,
+        style: {
+            ...getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerStyle)
+        },
+        children: [
+            headerImage && /*#__PURE__*/ jsx(ImageContainer, {
+                children: /*#__PURE__*/ jsx("img", {
+                    src: resolveImage(headerImage),
+                    alt: "Header"
+                })
+            }),
+            /*#__PURE__*/ jsxs(TextContainer, {
+                children: [
+                    /*#__PURE__*/ jsx(Title, {
+                        children: headerTitle
+                    }),
+                    headerSubtitle ? /*#__PURE__*/ jsx(Subtitle, {
+                        children: headerSubtitle
+                    }) : null
+                ]
+            }),
+            /*#__PURE__*/ jsx(ConditionalWrapper, {
+                condition: animationsEnabled,
+                wrapper: (children)=>/*#__PURE__*/ jsx(Scale, {
+                        children: children
+                    }),
+                children: /*#__PURE__*/ jsx(CloseHeader, {
+                    onClick: handleCloseWebchat,
+                    children: "⨯"
+                })
+            })
+        ]
+    });
 };
-exports.DefaultHeader = DefaultHeader;
+
+export { DefaultHeader };
+
 //# sourceMappingURL=default-header.js.map

package/lib/esm/webchat/header/default-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"default-header.js","sourceRoot":"","sources":["../../../../src/webchat/header/default-header.tsx"],"names":[],"mappings":";;;;AAAA,iCAAkC;AAElC,+CAAgD;AAChD,gDAA2C;AAC3C,wDAAqD;AACrD,4CAAqD;AACrD,mDAAsD;AACtD,qCAOiB;AAEV,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,gBAAgB,EAAE,aAAa,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEtE,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,gBAAgB,CAC3C,CAAA;IAED,MAAM,WAAW,GAAG,gBAAgB,CAClC,mBAAO,CAAC,iBAAiB,CAAC,WAAW,EACrC,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CACvD,CAAA;IAED,MAAM,WAAW,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAE3E,MAAM,cAAc,GAAG,gBAAgB,CACrC,mBAAO,CAAC,iBAAiB,CAAC,cAAc,CACzC,CAAA;IAED,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,aAAa,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,MAAM,KAAK,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAA;IAEpE,OAAO,CACL,wBAAC,wBAAe,IACd,IAAI,EAAE,iBAAK,CAAC,MAAM,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,EAAE,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAAE,aAEpE,WAAW,IAAI,CACd,uBAAC,uBAAc,cACb,gCAAK,GAAG,EAAE,IAAA,0BAAY,EAAC,WAAW,CAAC,EAAE,GAAG,EAAC,QAAQ,GAAG,GACrC,CAClB,EACD,wBAAC,sBAAa,eACZ,uBAAC,cAAK,cAAE,WAAW,GAAS,EAC3B,cAAc,CAAC,CAAC,CAAC,uBAAC,iBAAQ,cAAE,cAAc,GAAY,CAAC,CAAC,CAAC,IAAI,IAChD,EAChB,uBAAC,0BAAkB,IACjB,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC,uBAAC,cAAK,cAAE,QAAQ,GAAS,YAE9C,uBAAC,oBAAW,IAAC,OAAO,EAAE,kBAAkB,uBAAiB,GACtC,IACL,CACnB,CAAA;AACH,CAAC,CAAA;AA/CY,QAAA,aAAa,iBA+CzB"}
+{"version":3,"file":"webchat/header/default-header.js","sources":["../../../../src/webchat/header/default-header.tsx"],"sourcesContent":["import { useContext } from 'react'\n\nimport { ROLES, WEBCHAT } from '../../constants'\nimport { Scale } from '../../shared/styles'\nimport { resolveImage } from '../../util/environment'\nimport { ConditionalWrapper } from '../../util/react'\nimport { WebchatContext } from '../../webchat/context'\nimport {\n  CloseHeader,\n  HeaderContainer,\n  ImageContainer,\n  Subtitle,\n  TextContainer,\n  Title,\n} from './styles'\n\nexport const DefaultHeader = () => {\n  const { getThemeProperty, toggleWebchat } = useContext(WebchatContext)\n\n  const animationsEnabled = getThemeProperty(\n    WEBCHAT.CUSTOM_PROPERTIES.enableAnimations\n  )\n\n  const headerImage = getThemeProperty(\n    WEBCHAT.CUSTOM_PROPERTIES.headerImage,\n    getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.brandImage)\n  )\n\n  const headerTitle = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerTitle)\n\n  const headerSubtitle = getThemeProperty(\n    WEBCHAT.CUSTOM_PROPERTIES.headerSubtitle\n  )\n\n  const handleCloseWebchat = () => {\n    toggleWebchat(false)\n  }\n\n  const color = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.brandColor)\n\n  return (\n    <HeaderContainer\n      role={ROLES.HEADER}\n      color={color}\n      style={{ ...getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerStyle) }}\n    >\n      {headerImage && (\n        <ImageContainer>\n          <img src={resolveImage(headerImage)} alt='Header' />\n        </ImageContainer>\n      )}\n      <TextContainer>\n        <Title>{headerTitle}</Title>\n        {headerSubtitle ? <Subtitle>{headerSubtitle}</Subtitle> : null}\n      </TextContainer>\n      <ConditionalWrapper\n        condition={animationsEnabled}\n        wrapper={children => <Scale>{children}</Scale>}\n      >\n        <CloseHeader onClick={handleCloseWebchat}>⨯</CloseHeader>\n      </ConditionalWrapper>\n    </HeaderContainer>\n  )\n}\n"],"names":["useContext","ROLES","WEBCHAT","Scale","resolveImage","ConditionalWrapper","WebchatContext","CloseHeader","HeaderContainer","ImageContainer","Subtitle","TextContainer","Title","DefaultHeader","getThemeProperty","toggleWebchat","animationsEnabled","headerImage","headerTitle","headerSubtitle","handleCloseWebchat","color","children"],"mappings":";;;;;;;;;;;;;;;;;;AAAkC;AAEc;AACL;AACU;AACA;AACC;AAQrC;AAEV,MAAMa,aAAaA,GAAG;IAC3B,MAAM,EAAEC,gBAAgB,EAAEC,aAAa,EAAE,GAAGf,UAAUA,CAACM,cAAcA;IAErE,MAAMU,oBAAoBF,iBACxBZ,0CAA0C;IAG5C,MAAMe,cAAcH,iBAClBZ,qCAAqC,EACrCY,iBAAiBZ,oCAAoC;IAGvD,MAAMgB,cAAcJ,iBAAiBZ,qCAAqC;IAE1E,MAAMiB,iBAAiBL,iBACrBZ,wCAAwC;IAG1C,MAAMkB,qBAAqB;QACzBL,cAAc;IAChB;IAEA,MAAMM,QAAQP,iBAAiBZ,oCAAoC;IAEnE,qBACE,KAACM,eAAeA;QACd,MAAMP,YAAY;QAClB,OAAOoB;QACP,OAAO;YAAE,GAAGP,iBAAiBZ,qCAAqC,CAAC;QAAC;;YAEnEe,6BACC,IAACR,cAAcA;0BACb,kBAAC;oBAAI,KAAKL,YAAYA,CAACa;oBAAc,KAAI;;;0BAG7C,KAACN,aAAaA;;kCACZ,IAACC,KAAKA;kCAAEM;;oBACPC,+BAAiB,IAACT,QAAQA;kCAAES;yBAA6B;;;0BAE5D,IAACd,kBAAkBA;gBACjB,WAAWW;gBACX,SAASM,CAAAA,yBAAY,IAACnB,KAAKA;kCAAEmB;;0BAE7B,kBAACf,WAAWA;oBAAC,SAASa;8BAAoB;;;;;AAIlD,EAAC"}

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