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

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"}

package/lib/esm/webchat/hooks/use-scrollbar-controller.js

@@ -1,23 +1,27 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useScrollbarController = void 0;
-const react_1 = require("react");
-const context_1 = require("../../webchat/context");
-const devices_1 = require("../devices");
+import { useContext, useEffect } from "react";
+import { WebchatContext } from "../context/index.js";
+import { DEVICES, isMobileDevice } from "../devices/index.js";
+
+
+
+
+
+
+
 // TODO: Investigate why when we have some messages, scroll actions are not disabled properly
-const debounced = (delay, fn) => {
+const debounced = (delay, fn)=>{
     let timerId = null;
-    return (...args) => {
+    return (...args)=>{
         if (timerId) {
             clearTimeout(timerId);
         }
-        timerId = setTimeout(() => {
+        timerId = setTimeout(()=>{
             fn(...args);
             timerId = null;
         }, delay);
     };
 };
-const stopAtScrollLimit = element => {
+const stopAtScrollLimit = (element)=>{
     if (element.scrollTop === 0) {
         element.scrollTop = 1;
     }
@@ -25,22 +29,20 @@ const stopAtScrollLimit = element => {
         element.scrollTop -= 1;
     }
 };
-const useScrollbarController = (currentDevice, host) => {
-    const { webchatContainerRef, chatAreaRef, repliesRef, scrollableMessagesListRef, } = (0, react_1.useContext)(context_1.WebchatContext);
-    const hasScrollbar = () => {
+const useScrollbarController = (currentDevice, host)=>{
+    const { webchatContainerRef, chatAreaRef, repliesRef, scrollableMessagesListRef } = useContext(WebchatContext);
+    const hasScrollbar = ()=>{
         if (chatAreaRef.current && scrollableMessagesListRef.current) {
             if (!repliesRef?.current) {
-                return (scrollableMessagesListRef.current?.scrollHeight >
-                    chatAreaRef.current?.clientHeight);
+                return scrollableMessagesListRef.current?.scrollHeight > chatAreaRef.current?.clientHeight;
             }
             if (repliesRef.current) {
-                return (scrollableMessagesListRef.current?.scrollHeight >
-                    chatAreaRef.current?.clientHeight - repliesRef.current?.clientHeight);
+                return scrollableMessagesListRef.current?.scrollHeight > chatAreaRef.current?.clientHeight - repliesRef.current?.clientHeight;
             }
         }
         return false;
     };
-    const toggleOnMouseWheelEvents = () => {
+    const toggleOnMouseWheelEvents = ()=>{
         if (scrollableMessagesListRef.current) {
             if (hasScrollbar()) {
                 // @ts-expect-error
@@ -48,19 +50,19 @@ const useScrollbarController = (currentDevice, host) => {
                 return;
             }
             // @ts-expect-error
-            scrollableMessagesListRef.current.onmousewheel = e => {
+            scrollableMessagesListRef.current.onmousewheel = (e)=>{
                 e.preventDefault();
             };
         }
     };
-    const handleOnMouseOverEvents = e => {
+    const handleOnMouseOverEvents = (e)=>{
         let target = e.currentTarget;
-        while (target) {
+        while(target){
             toggleOnMouseWheelEvents();
             target = target.parentNode;
         }
     };
-    const toggleOnTouchMoveEvents = () => {
+    const toggleOnTouchMoveEvents = ()=>{
         if (webchatContainerRef.current && scrollableMessagesListRef.current) {
             if (hasScrollbar()) {
                 scrollableMessagesListRef.current.style.touchAction = 'auto';
@@ -73,23 +75,23 @@ const useScrollbarController = (currentDevice, host) => {
             webchatContainerRef.current.style.touchAction = 'none';
         }
         if (webchatContainerRef.current) {
-            webchatContainerRef.current.ontouchstart = e => {
+            webchatContainerRef.current.ontouchstart = (e)=>{
                 if (e.target === e.currentTarget) {
                     e.preventDefault();
                 }
             };
-            webchatContainerRef.current.ontouchmove = e => {
+            webchatContainerRef.current.ontouchmove = (e)=>{
                 if (e.target === e.currentTarget) {
                     e.preventDefault();
                 }
             };
         }
     };
-    const handleOnTouchMoveEvents = () => {
+    const handleOnTouchMoveEvents = ()=>{
         toggleOnTouchMoveEvents();
     };
-    const limitScrollBoundaries = () => {
-        if (currentDevice !== devices_1.DEVICES.MOBILE.IPHONE) {
+    const limitScrollBoundaries = ()=>{
+        if (currentDevice !== DEVICES.MOBILE.IPHONE) {
             return;
         }
         const chatArea = chatAreaRef.current;
@@ -97,47 +99,50 @@ const useScrollbarController = (currentDevice, host) => {
         if (chatArea) {
             // @ts-expect-error
             if (window.addEventListener) {
-                chatArea.addEventListener('scroll', () => dStopAtScrollLimit(chatArea), true);
-                // @ts-expect-error
-            }
-            else if (window.attachEvent) {
+                chatArea.addEventListener('scroll', ()=>dStopAtScrollLimit(chatArea), true);
+            // @ts-expect-error
+            } else if (window.attachEvent) {
                 // @ts-expect-error
-                chatAreaRef.attachEvent('scroll', () => dStopAtScrollLimit(chatArea));
+                chatAreaRef.attachEvent('scroll', ()=>dStopAtScrollLimit(chatArea));
             }
         }
     };
-    const handleScrollEvents = () => {
+    const handleScrollEvents = ()=>{
         if (webchatContainerRef.current) {
-            if ((0, devices_1.isMobileDevice)()) {
-                if (currentDevice !== devices_1.DEVICES.MOBILE.IPHONE) {
+            if (isMobileDevice()) {
+                if (currentDevice !== DEVICES.MOBILE.IPHONE) {
                     return;
                 }
                 limitScrollBoundaries();
                 webchatContainerRef.current.ontouchstart = handleOnTouchMoveEvents;
                 webchatContainerRef.current.ontouchmove = handleOnTouchMoveEvents;
-            }
-            else {
-                webchatContainerRef.current.onmouseover = e => handleOnMouseOverEvents(e);
+            } else {
+                webchatContainerRef.current.onmouseover = (e)=>handleOnMouseOverEvents(e);
             }
         }
     };
-    (0, react_1.useEffect)(() => {
+    useEffect(()=>{
         const webchat = webchatContainerRef.current;
         handleScrollEvents();
-        return () => {
+        return ()=>{
             if (webchat) {
                 webchat.onmouseover = null;
                 webchat.ontouchstart = null;
                 webchat.ontouchmove = null;
             }
         };
-    }, [currentDevice, host]);
+    }, [
+        currentDevice,
+        host
+    ]);
     return {
         handleScrollEvents,
         handleOnTouchMoveEvents,
         handleOnMouseOverEvents,
-        hasScrollbar,
+        hasScrollbar
     };
 };
-exports.useScrollbarController = useScrollbarController;
+
+export { useScrollbarController };
+
 //# sourceMappingURL=use-scrollbar-controller.js.map

package/lib/esm/webchat/hooks/use-scrollbar-controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-scrollbar-controller.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-scrollbar-controller.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"webchat/hooks/use-scrollbar-controller.js","sources":["../../../../src/webchat/hooks/use-scrollbar-controller.ts"],"sourcesContent":["import { useContext, useEffect } from 'react'\n\nimport { WebchatContext } from '../../webchat/context'\nimport { DEVICES, isMobileDevice } from '../devices'\n\n// TODO: Investigate why when we have some messages, scroll actions are not disabled properly\n\nconst debounced = (delay, fn) => {\n  let timerId: NodeJS.Timeout | null = null\n  return (...args) => {\n    if (timerId) {\n      clearTimeout(timerId)\n    }\n    timerId = setTimeout(() => {\n      fn(...args)\n      timerId = null\n    }, delay)\n  }\n}\n\nconst stopAtScrollLimit = element => {\n  if (element.scrollTop === 0) {\n    element.scrollTop = 1\n  }\n  if (element.scrollHeight - element.scrollTop === element.clientHeight) {\n    element.scrollTop -= 1\n  }\n}\n\nexport const useScrollbarController = (currentDevice, host) => {\n  const {\n    webchatContainerRef,\n    chatAreaRef,\n    repliesRef,\n    scrollableMessagesListRef,\n  } = useContext(WebchatContext)\n\n  const hasScrollbar = () => {\n    if (chatAreaRef.current && scrollableMessagesListRef.current) {\n      if (!repliesRef?.current) {\n        return (\n          scrollableMessagesListRef.current?.scrollHeight >\n          chatAreaRef.current?.clientHeight\n        )\n      }\n      if (repliesRef.current) {\n        return (\n          scrollableMessagesListRef.current?.scrollHeight >\n          chatAreaRef.current?.clientHeight - repliesRef.current?.clientHeight\n        )\n      }\n    }\n\n    return false\n  }\n\n  const toggleOnMouseWheelEvents = () => {\n    if (scrollableMessagesListRef.current) {\n      if (hasScrollbar()) {\n        // @ts-expect-error\n        scrollableMessagesListRef.current.onmousewheel = {}\n        return\n      }\n      // @ts-expect-error\n      scrollableMessagesListRef.current.onmousewheel = e => {\n        e.preventDefault()\n      }\n    }\n  }\n\n  const handleOnMouseOverEvents = e => {\n    let target = e.currentTarget\n    while (target) {\n      toggleOnMouseWheelEvents()\n      target = target.parentNode\n    }\n  }\n\n  const toggleOnTouchMoveEvents = () => {\n    if (webchatContainerRef.current && scrollableMessagesListRef.current) {\n      if (hasScrollbar()) {\n        scrollableMessagesListRef.current.style.touchAction = 'auto'\n        webchatContainerRef.current.style.touchAction = 'auto'\n        webchatContainerRef.current.ontouchmove = null\n        webchatContainerRef.current.ontouchstart = null\n        return\n      }\n\n      scrollableMessagesListRef.current.style.touchAction = 'none'\n      webchatContainerRef.current.style.touchAction = 'none'\n    }\n    if (webchatContainerRef.current) {\n      webchatContainerRef.current.ontouchstart = e => {\n        if (e.target === e.currentTarget) {\n          e.preventDefault()\n        }\n      }\n      webchatContainerRef.current.ontouchmove = e => {\n        if (e.target === e.currentTarget) {\n          e.preventDefault()\n        }\n      }\n    }\n  }\n\n  const handleOnTouchMoveEvents = () => {\n    toggleOnTouchMoveEvents()\n  }\n\n  const limitScrollBoundaries = () => {\n    if (currentDevice !== DEVICES.MOBILE.IPHONE) {\n      return\n    }\n    const chatArea = chatAreaRef.current\n    const dStopAtScrollLimit = debounced(100, stopAtScrollLimit)\n\n    if (chatArea) {\n      // @ts-expect-error\n      if (window.addEventListener) {\n        chatArea.addEventListener(\n          'scroll',\n          () => dStopAtScrollLimit(chatArea),\n          true\n        )\n        // @ts-expect-error\n      } else if (window.attachEvent) {\n        // @ts-expect-error\n        chatAreaRef.attachEvent('scroll', () => dStopAtScrollLimit(chatArea))\n      }\n    }\n  }\n\n  const handleScrollEvents = () => {\n    if (webchatContainerRef.current) {\n      if (isMobileDevice()) {\n        if (currentDevice !== DEVICES.MOBILE.IPHONE) {\n          return\n        }\n\n        limitScrollBoundaries()\n\n        webchatContainerRef.current.ontouchstart = handleOnTouchMoveEvents\n        webchatContainerRef.current.ontouchmove = handleOnTouchMoveEvents\n      } else {\n        webchatContainerRef.current.onmouseover = e =>\n          handleOnMouseOverEvents(e)\n      }\n    }\n  }\n\n  useEffect(() => {\n    const webchat = webchatContainerRef.current\n\n    handleScrollEvents()\n\n    return () => {\n      if (webchat) {\n        webchat.onmouseover = null\n        webchat.ontouchstart = null\n        webchat.ontouchmove = null\n      }\n    }\n  }, [currentDevice, host])\n\n  return {\n    handleScrollEvents,\n    handleOnTouchMoveEvents,\n    handleOnMouseOverEvents,\n    hasScrollbar,\n  }\n}\n"],"names":["useContext","useEffect","WebchatContext","DEVICES","isMobileDevice","debounced","delay","fn","timerId","args","clearTimeout","setTimeout","stopAtScrollLimit","element","useScrollbarController","currentDevice","host","webchatContainerRef","chatAreaRef","repliesRef","scrollableMessagesListRef","hasScrollbar","toggleOnMouseWheelEvents","e","handleOnMouseOverEvents","target","toggleOnTouchMoveEvents","handleOnTouchMoveEvents","limitScrollBoundaries","chatArea","dStopAtScrollLimit","window","handleScrollEvents","webchat"],"mappings":"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"}

package/lib/esm/webchat/hooks/use-typing.d.ts

@@ -1,5 +1,5 @@
-import type { WebchatMessage } from '../../index-types';
-import type { WebchatState } from '../context';
+import type { WebchatMessage } from '../../index-types.js';
+import type { WebchatState } from '../context/index.js';
 interface UseTyping {
     webchatState: WebchatState;
     updateTyping: (typing: boolean) => void;

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

@@ -1,36 +1,42 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTyping = useTyping;
-/* eslint-disable no-empty */
-const react_1 = require("react");
-function useTyping({ webchatState, updateTyping, updateMessage, }) {
-    (0, react_1.useEffect)(() => {
+import { useEffect } from "react";
+
+
+/* eslint-disable no-empty */ 
+function useTyping({ webchatState, updateTyping, updateMessage }) {
+    useEffect(()=>{
         let delayTimeout = null;
         let typingTimeout = null;
         try {
-            const nextMsg = webchatState.messagesJSON.filter(m => !m.display)[0];
+            const nextMsg = webchatState.messagesJSON.filter((m)=>!m.display)[0];
             if (nextMsg) {
                 if (nextMsg.delay && nextMsg.typing) {
-                    delayTimeout = setTimeout(() => updateTyping(true), nextMsg.delay * 1000);
-                }
-                else if (nextMsg.typing) {
+                    delayTimeout = setTimeout(()=>updateTyping(true), nextMsg.delay * 1000);
+                } else if (nextMsg.typing) {
                     updateTyping(true);
                 }
                 const totalDelay = nextMsg.delay + nextMsg.typing;
                 if (totalDelay) {
-                    typingTimeout = setTimeout(() => {
-                        updateMessage({ ...nextMsg, display: true });
+                    typingTimeout = setTimeout(()=>{
+                        updateMessage({
+                            ...nextMsg,
+                            display: true
+                        });
                         updateTyping(false);
                     }, totalDelay * 1000);
                 }
             }
-            // biome-ignore lint/suspicious/noEmptyBlockStatements: error is not used
-        }
-        catch (_e) { }
-        return () => {
+        // biome-ignore lint/suspicious/noEmptyBlockStatements: error is not used
+        } catch (_e) {}
+        return ()=>{
             delayTimeout && clearTimeout(delayTimeout);
             typingTimeout && clearTimeout(typingTimeout);
         };
-    }, [webchatState.messagesJSON, webchatState.typing]);
+    }, [
+        webchatState.messagesJSON,
+        webchatState.typing
+    ]);
 }
+
+export { useTyping };
+
 //# sourceMappingURL=use-typing.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-typing.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-typing.ts"],"names":[],"mappings":";;AAaA,8BAkCC;AA/CD,6BAA6B;AAC7B,iCAAiC;AAYjC,SAAgB,SAAS,CAAC,EACxB,YAAY,EACZ,YAAY,EACZ,aAAa,GACH;IACV,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,YAAY,GAA0B,IAAI,CAAA;QAC9C,IAAI,aAAa,GAA0B,IAAI,CAAA;QAC/C,IAAI,CAAC;YACH,MAAM,OAAO,GAAG,YAAY,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;YACpE,IAAI,OAAO,EAAE,CAAC;gBACZ,IAAI,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;oBACpC,YAAY,GAAG,UAAU,CACvB,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACxB,OAAO,CAAC,KAAK,GAAG,IAAI,CACrB,CAAA;gBACH,CAAC;qBAAM,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;oBAC1B,YAAY,CAAC,IAAI,CAAC,CAAA;gBACpB,CAAC;gBACD,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,MAAM,CAAA;gBACjD,IAAI,UAAU,EAAE,CAAC;oBACf,aAAa,GAAG,UAAU,CAAC,GAAG,EAAE;wBAC9B,aAAa,CAAC,EAAE,GAAG,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;wBAC5C,YAAY,CAAC,KAAK,CAAC,CAAA;oBACrB,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC,CAAA;gBACvB,CAAC;YACH,CAAC;YACD,yEAAyE;QAC3E,CAAC;QAAC,OAAO,EAAE,EAAE,CAAC,CAAA,CAAC;QACf,OAAO,GAAG,EAAE;YACV,YAAY,IAAI,YAAY,CAAC,YAAY,CAAC,CAAA;YAC1C,aAAa,IAAI,YAAY,CAAC,aAAa,CAAC,CAAA;QAC9C,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAA;AACtD,CAAC"}
+{"version":3,"file":"webchat/hooks/use-typing.js","sources":["../../../../src/webchat/hooks/use-typing.ts"],"sourcesContent":["/* eslint-disable no-empty */\nimport { useEffect } from 'react'\n\nimport type { WebchatMessage } from '../../index-types'\nimport type { WebchatState } from '../context'\n\ninterface UseTyping {\n  webchatState: WebchatState\n  updateTyping: (typing: boolean) => void\n  updateMessage: (message: WebchatMessage) => void\n  host: any\n}\n\nexport function useTyping({\n  webchatState,\n  updateTyping,\n  updateMessage,\n}: UseTyping): void {\n  useEffect(() => {\n    let delayTimeout: NodeJS.Timeout | null = null\n    let typingTimeout: NodeJS.Timeout | null = null\n    try {\n      const nextMsg = webchatState.messagesJSON.filter(m => !m.display)[0]\n      if (nextMsg) {\n        if (nextMsg.delay && nextMsg.typing) {\n          delayTimeout = setTimeout(\n            () => updateTyping(true),\n            nextMsg.delay * 1000\n          )\n        } else if (nextMsg.typing) {\n          updateTyping(true)\n        }\n        const totalDelay = nextMsg.delay + nextMsg.typing\n        if (totalDelay) {\n          typingTimeout = setTimeout(() => {\n            updateMessage({ ...nextMsg, display: true })\n            updateTyping(false)\n          }, totalDelay * 1000)\n        }\n      }\n      // biome-ignore lint/suspicious/noEmptyBlockStatements: error is not used\n    } catch (_e) {}\n    return () => {\n      delayTimeout && clearTimeout(delayTimeout)\n      typingTimeout && clearTimeout(typingTimeout)\n    }\n  }, [webchatState.messagesJSON, webchatState.typing])\n}\n"],"names":["useEffect","useTyping","webchatState","updateTyping","updateMessage","delayTimeout","typingTimeout","nextMsg","m","setTimeout","totalDelay","_e","clearTimeout"],"mappings":";;;AAAA,2BAA2B,GACM;AAY1B,SAASC,SAASA,CAAC,EACxBC,YAAY,EACZC,YAAY,EACZC,aAAa,EACH;IACVJ,SAASA,CAAC;QACR,IAAIK,eAAsC;QAC1C,IAAIC,gBAAuC;QAC3C,IAAI;YACF,MAAMC,UAAUL,aAAa,YAAY,CAAC,MAAM,CAACM,CAAAA,IAAK,CAACA,EAAE,OAAO,CAAC,CAAC,EAAE;YACpE,IAAID,SAAS;gBACX,IAAIA,QAAQ,KAAK,IAAIA,QAAQ,MAAM,EAAE;oBACnCF,eAAeI,WACb,IAAMN,aAAa,OACnBI,QAAQ,KAAK,GAAG;gBAEpB,OAAO,IAAIA,QAAQ,MAAM,EAAE;oBACzBJ,aAAa;gBACf;gBACA,MAAMO,aAAaH,QAAQ,KAAK,GAAGA,QAAQ,MAAM;gBACjD,IAAIG,YAAY;oBACdJ,gBAAgBG,WAAW;wBACzBL,cAAc;4BAAE,GAAGG,OAAO;4BAAE,SAAS;wBAAK;wBAC1CJ,aAAa;oBACf,GAAGO,aAAa;gBAClB;YACF;QACA,yEAAyE;QAC3E,EAAE,OAAOC,IAAI,CAAC;QACd,OAAO;YACLN,gBAAgBO,aAAaP;YAC7BC,iBAAiBM,aAAaN;QAChC;IACF,GAAG;QAACJ,aAAa,YAAY;QAAEA,aAAa,MAAM;KAAC;AACrD"}

package/lib/esm/webchat/hooks/use-virtual-keyboard-detection.js

@@ -1,11 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useVirtualKeyboardDetection = void 0;
-const react_1 = require("react");
-const useVirtualKeyboardDetection = (originalHeight) => {
-    const [isVirtualKeyboardVisible, setIsVirtualKeyboardVisible] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
-        const handleResize = () => {
+import { useEffect, useState } from "react";
+
+
+
+const useVirtualKeyboardDetection = (originalHeight)=>{
+    const [isVirtualKeyboardVisible, setIsVirtualKeyboardVisible] = useState(false);
+    useEffect(()=>{
+        const handleResize = ()=>{
             if (window.visualViewport) {
                 if (window.visualViewport.height < originalHeight) {
                     setIsVirtualKeyboardVisible(true);
@@ -16,11 +16,17 @@ const useVirtualKeyboardDetection = (originalHeight) => {
             }
         };
         window.visualViewport?.addEventListener('resize', handleResize);
-        return () => {
+        return ()=>{
             window.visualViewport?.removeEventListener('resize', handleResize);
         };
-    }, [originalHeight]);
-    return { isVirtualKeyboardVisible };
+    }, [
+        originalHeight
+    ]);
+    return {
+        isVirtualKeyboardVisible
+    };
 };
-exports.useVirtualKeyboardDetection = useVirtualKeyboardDetection;
+
+export { useVirtualKeyboardDetection };
+
 //# sourceMappingURL=use-virtual-keyboard-detection.js.map

package/lib/esm/webchat/hooks/use-virtual-keyboard-detection.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-virtual-keyboard-detection.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-virtual-keyboard-detection.ts"],"names":[],"mappings":";;;AAAA,iCAA2C;AAEpC,MAAM,2BAA2B,GAAG,CAAC,cAAsB,EAAE,EAAE;IACpE,MAAM,CAAC,wBAAwB,EAAE,2BAA2B,CAAC,GAC3D,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAEjB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,IAAI,MAAM,CAAC,cAAc,EAAE,CAAC;gBAC1B,IAAI,MAAM,CAAC,cAAc,CAAC,MAAM,GAAG,cAAc,EAAE,CAAC;oBAClD,2BAA2B,CAAC,IAAI,CAAC,CAAA;oBACjC,OAAM;gBACR,CAAC;gBACD,2BAA2B,CAAC,KAAK,CAAC,CAAA;gBAClC,OAAM;YACR,CAAC;QACH,CAAC,CAAA;QACD,MAAM,CAAC,cAAc,EAAE,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAE/D,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,cAAc,EAAE,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QACpE,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,OAAO,EAAE,wBAAwB,EAAE,CAAA;AACrC,CAAC,CAAA;AAvBY,QAAA,2BAA2B,+BAuBvC"}
+{"version":3,"file":"webchat/hooks/use-virtual-keyboard-detection.js","sources":["../../../../src/webchat/hooks/use-virtual-keyboard-detection.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nexport const useVirtualKeyboardDetection = (originalHeight: number) => {\n  const [isVirtualKeyboardVisible, setIsVirtualKeyboardVisible] =\n    useState(false)\n\n  useEffect(() => {\n    const handleResize = () => {\n      if (window.visualViewport) {\n        if (window.visualViewport.height < originalHeight) {\n          setIsVirtualKeyboardVisible(true)\n          return\n        }\n        setIsVirtualKeyboardVisible(false)\n        return\n      }\n    }\n    window.visualViewport?.addEventListener('resize', handleResize)\n\n    return () => {\n      window.visualViewport?.removeEventListener('resize', handleResize)\n    }\n  }, [originalHeight])\n\n  return { isVirtualKeyboardVisible }\n}\n"],"names":["useEffect","useState","useVirtualKeyboardDetection","originalHeight","isVirtualKeyboardVisible","setIsVirtualKeyboardVisible","handleResize","window"],"mappings":";;;AAA2C;AAEpC,MAAME,2BAA2BA,GAAG,CAACC;IAC1C,MAAM,CAACC,0BAA0BC,4BAA4B,GAC3DJ,QAAQA,CAAC;IAEXD,SAASA,CAAC;QACR,MAAMM,eAAe;YACnB,IAAIC,OAAO,cAAc,EAAE;gBACzB,IAAIA,OAAO,cAAc,CAAC,MAAM,GAAGJ,gBAAgB;oBACjDE,4BAA4B;oBAC5B;gBACF;gBACAA,4BAA4B;gBAC5B;YACF;QACF;QACAE,OAAO,cAAc,EAAE,iBAAiB,UAAUD;QAElD,OAAO;YACLC,OAAO,cAAc,EAAE,oBAAoB,UAAUD;QACvD;IACF,GAAG;QAACH;KAAe;IAEnB,OAAO;QAAEC;IAAyB;AACpC,EAAC"}

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

@@ -1,11 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWebchatDimensions = void 0;
-const react_1 = require("react");
-const context_1 = require("../../webchat/context");
-const useWebchatDimensions = () => {
-    const { webchatContainerRef, headerRef, inputPanelRef, webchatState: { isWebchatOpen }, } = (0, react_1.useContext)(context_1.WebchatContext);
-    const calculateResizedPercentualWebchatHeight = (0, react_1.useCallback)(() => {
+import { useCallback, useContext } from "react";
+import { WebchatContext } from "../context/index.js";
+
+
+
+
+
+const useWebchatDimensions = ()=>{
+    const { webchatContainerRef, headerRef, inputPanelRef, webchatState: { isWebchatOpen } } = useContext(WebchatContext);
+    const calculateResizedPercentualWebchatHeight = useCallback(()=>{
         const webchatElement = webchatContainerRef.current;
         if (!isWebchatOpen || !webchatElement) {
             return 0;
@@ -13,11 +15,12 @@ const useWebchatDimensions = () => {
         const webchatHeight = webchatElement.clientHeight || 0;
         const keyboardOffset = window.visualViewport?.height || window.innerHeight;
         let newWebchatPercentualHeight = keyboardOffset / webchatHeight;
-        newWebchatPercentualHeight =
-            Math.round(newWebchatPercentualHeight * 100 * 100) / 100; // Two decimal places
+        newWebchatPercentualHeight = Math.round(newWebchatPercentualHeight * 100 * 100) / 100; // Two decimal places
         return newWebchatPercentualHeight;
-    }, [isWebchatOpen]);
-    const calculateResizedPxChatAreaHeight = (0, react_1.useCallback)(() => {
+    }, [
+        isWebchatOpen
+    ]);
+    const calculateResizedPxChatAreaHeight = useCallback(()=>{
         const webchatElement = webchatContainerRef.current;
         const headerElement = headerRef.current;
         const inputPanelElement = inputPanelRef.current;
@@ -25,17 +28,17 @@ const useWebchatDimensions = () => {
             return 0;
         }
         const headerElementHeight = headerElement ? headerElement.clientHeight : 0;
-        const inputPanelElementHeight = inputPanelElement
-            ? inputPanelElement.clientHeight
-            : 0;
-        return (webchatElement.clientHeight -
-            headerElementHeight -
-            inputPanelElementHeight);
-    }, [isWebchatOpen]);
+        const inputPanelElementHeight = inputPanelElement ? inputPanelElement.clientHeight : 0;
+        return webchatElement.clientHeight - headerElementHeight - inputPanelElementHeight;
+    }, [
+        isWebchatOpen
+    ]);
     return {
         calculateResizedPercentualWebchatHeight,
-        calculateResizedPxChatAreaHeight,
+        calculateResizedPxChatAreaHeight
     };
 };
-exports.useWebchatDimensions = useWebchatDimensions;
+
+export { useWebchatDimensions };
+
 //# sourceMappingURL=use-webchat-dimensions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-webchat-dimensions.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-webchat-dimensions.ts"],"names":[],"mappings":";;;AAAA,iCAA+C;AAE/C,mDAAsD;AAE/C,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,EACJ,mBAAmB,EACnB,SAAS,EACT,aAAa,EACb,YAAY,EAAE,EAAE,aAAa,EAAE,GAChC,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAE9B,MAAM,uCAAuC,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/D,MAAM,cAAc,GAAG,mBAAmB,CAAC,OAAO,CAAA;QAClD,IAAI,CAAC,aAAa,IAAI,CAAC,cAAc,EAAE,CAAC;YACtC,OAAO,CAAC,CAAA;QACV,CAAC;QACD,MAAM,aAAa,GAAG,cAAc,CAAC,YAAY,IAAI,CAAC,CAAA;QACtD,MAAM,cAAc,GAAG,MAAM,CAAC,cAAc,EAAE,MAAM,IAAI,MAAM,CAAC,WAAW,CAAA;QAC1E,IAAI,0BAA0B,GAAG,cAAc,GAAG,aAAa,CAAA;QAC/D,0BAA0B;YACxB,IAAI,CAAC,KAAK,CAAC,0BAA0B,GAAG,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAA,CAAC,qBAAqB;QAChF,OAAO,0BAA0B,CAAA;IACnC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,MAAM,gCAAgC,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACxD,MAAM,cAAc,GAAG,mBAAmB,CAAC,OAAO,CAAA;QAClD,MAAM,aAAa,GAAG,SAAS,CAAC,OAAO,CAAA;QACvC,MAAM,iBAAiB,GAAG,aAAa,CAAC,OAAO,CAAA;QAE/C,IAAI,CAAC,aAAa,IAAI,CAAC,cAAc,EAAE,CAAC;YACtC,OAAO,CAAC,CAAA;QACV,CAAC;QAED,MAAM,mBAAmB,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAA;QAC1E,MAAM,uBAAuB,GAAG,iBAAiB;YAC/C,CAAC,CAAC,iBAAiB,CAAC,YAAY;YAChC,CAAC,CAAC,CAAC,CAAA;QAEL,OAAO,CACL,cAAc,CAAC,YAAY;YAC3B,mBAAmB;YACnB,uBAAuB,CACxB,CAAA;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,OAAO;QACL,uCAAuC;QACvC,gCAAgC;KACjC,CAAA;AACH,CAAC,CAAA;AA9CY,QAAA,oBAAoB,wBA8ChC"}
+{"version":3,"file":"webchat/hooks/use-webchat-dimensions.js","sources":["../../../../src/webchat/hooks/use-webchat-dimensions.ts"],"sourcesContent":["import { useCallback, useContext } from 'react'\n\nimport { WebchatContext } from '../../webchat/context'\n\nexport const useWebchatDimensions = () => {\n  const {\n    webchatContainerRef,\n    headerRef,\n    inputPanelRef,\n    webchatState: { isWebchatOpen },\n  } = useContext(WebchatContext)\n\n  const calculateResizedPercentualWebchatHeight = useCallback(() => {\n    const webchatElement = webchatContainerRef.current\n    if (!isWebchatOpen || !webchatElement) {\n      return 0\n    }\n    const webchatHeight = webchatElement.clientHeight || 0\n    const keyboardOffset = window.visualViewport?.height || window.innerHeight\n    let newWebchatPercentualHeight = keyboardOffset / webchatHeight\n    newWebchatPercentualHeight =\n      Math.round(newWebchatPercentualHeight * 100 * 100) / 100 // Two decimal places\n    return newWebchatPercentualHeight\n  }, [isWebchatOpen])\n\n  const calculateResizedPxChatAreaHeight = useCallback(() => {\n    const webchatElement = webchatContainerRef.current\n    const headerElement = headerRef.current\n    const inputPanelElement = inputPanelRef.current\n\n    if (!isWebchatOpen || !webchatElement) {\n      return 0\n    }\n\n    const headerElementHeight = headerElement ? headerElement.clientHeight : 0\n    const inputPanelElementHeight = inputPanelElement\n      ? inputPanelElement.clientHeight\n      : 0\n\n    return (\n      webchatElement.clientHeight -\n      headerElementHeight -\n      inputPanelElementHeight\n    )\n  }, [isWebchatOpen])\n\n  return {\n    calculateResizedPercentualWebchatHeight,\n    calculateResizedPxChatAreaHeight,\n  }\n}\n"],"names":["useCallback","useContext","WebchatContext","useWebchatDimensions","webchatContainerRef","headerRef","inputPanelRef","isWebchatOpen","calculateResizedPercentualWebchatHeight","webchatElement","webchatHeight","keyboardOffset","window","newWebchatPercentualHeight","Math","calculateResizedPxChatAreaHeight","headerElement","inputPanelElement","headerElementHeight","inputPanelElementHeight"],"mappings":";;;;;AAA+C;AAEO;AAE/C,MAAMG,oBAAoBA,GAAG;IAClC,MAAM,EACJC,mBAAmB,EACnBC,SAAS,EACTC,aAAa,EACb,cAAc,EAAEC,aAAa,EAAE,EAChC,GAAGN,UAAUA,CAACC,cAAcA;IAE7B,MAAMM,0CAA0CR,WAAWA,CAAC;QAC1D,MAAMS,iBAAiBL,oBAAoB,OAAO;QAClD,IAAI,CAACG,iBAAiB,CAACE,gBAAgB;YACrC,OAAO;QACT;QACA,MAAMC,gBAAgBD,eAAe,YAAY,IAAI;QACrD,MAAME,iBAAiBC,OAAO,cAAc,EAAE,UAAUA,OAAO,WAAW;QAC1E,IAAIC,6BAA6BF,iBAAiBD;QAClDG,6BACEC,KAAK,KAAK,CAACD,6BAA6B,MAAM,OAAO,KAAI,qBAAqB;QAChF,OAAOA;IACT,GAAG;QAACN;KAAc;IAElB,MAAMQ,mCAAmCf,WAAWA,CAAC;QACnD,MAAMS,iBAAiBL,oBAAoB,OAAO;QAClD,MAAMY,gBAAgBX,UAAU,OAAO;QACvC,MAAMY,oBAAoBX,cAAc,OAAO;QAE/C,IAAI,CAACC,iBAAiB,CAACE,gBAAgB;YACrC,OAAO;QACT;QAEA,MAAMS,sBAAsBF,gBAAgBA,cAAc,YAAY,GAAG;QACzE,MAAMG,0BAA0BF,oBAC5BA,kBAAkB,YAAY,GAC9B;QAEJ,OACER,eAAe,YAAY,GAC3BS,sBACAC;IAEJ,GAAG;QAACZ;KAAc;IAElB,OAAO;QACLC;QACAO;IACF;AACF,EAAC"}

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

@@ -1,34 +1,34 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWebchatResizer = void 0;
-const react_1 = require("react");
-const context_1 = require("../../webchat/context");
-const use_webchat_dimensions_1 = require("./use-webchat-dimensions");
-const useWebchatResizer = () => {
-    const { webchatContainerRef, chatAreaRef, inputPanelRef, headerRef } = (0, react_1.useContext)(context_1.WebchatContext);
-    const { calculateResizedPercentualWebchatHeight, calculateResizedPxChatAreaHeight, } = (0, use_webchat_dimensions_1.useWebchatDimensions)();
-    const handleKeyboardShown = () => {
-        if (webchatContainerRef.current &&
-            chatAreaRef.current &&
-            headerRef.current &&
-            inputPanelRef.current) {
+import { useContext } from "react";
+import { WebchatContext } from "../context/index.js";
+import { useWebchatDimensions } from "./use-webchat-dimensions.js";
+
+
+
+
+
+
+
+const useWebchatResizer = ()=>{
+    const { webchatContainerRef, chatAreaRef, inputPanelRef, headerRef } = useContext(WebchatContext);
+    const { calculateResizedPercentualWebchatHeight, calculateResizedPxChatAreaHeight } = useWebchatDimensions();
+    const handleKeyboardShown = ()=>{
+        if (webchatContainerRef.current && chatAreaRef.current && headerRef.current && inputPanelRef.current) {
             webchatContainerRef.current.style.height = `${calculateResizedPercentualWebchatHeight()}%`;
             chatAreaRef.current.style.height = `${calculateResizedPxChatAreaHeight()}px`;
         }
     };
-    const handleKeyboardHidden = () => {
-        if (webchatContainerRef.current &&
-            chatAreaRef.current &&
-            inputPanelRef.current &&
-            headerRef.current) {
+    const handleKeyboardHidden = ()=>{
+        if (webchatContainerRef.current && chatAreaRef.current && inputPanelRef.current && headerRef.current) {
             webchatContainerRef.current.style.height = '100%';
             chatAreaRef.current.style.height = `${calculateResizedPxChatAreaHeight()}px`;
         }
     };
     return {
         handleKeyboardShown,
-        handleKeyboardHidden,
+        handleKeyboardHidden
     };
 };
-exports.useWebchatResizer = useWebchatResizer;
+
+export { useWebchatResizer };
+
 //# sourceMappingURL=use-webchat-resizer.js.map