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

package/lib/esm/webchat/use-storage-state-hook.js

@@ -1,40 +1,53 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStorageState = useStorageState;
-const react_1 = require("react");
+import { useCallback, useEffect, useState } from "react";
+
+
+
 // Code taken from https://github.com/leny/react-use-storage/blob/master/src/index.js
-const IS_BROWSER = typeof window !== 'undefined' &&
-    typeof navigator !== 'undefined' &&
-    typeof document !== 'undefined';
+const IS_BROWSER = typeof window !== 'undefined' && typeof navigator !== 'undefined' && typeof document !== 'undefined';
 function useStorageState(storage, key, defaultValue) {
     let evtTarget;
     try {
         evtTarget = new EventTarget();
-    }
-    catch {
+    } catch  {
         evtTarget = (IS_BROWSER ? document : {})?.createElement?.('phony');
     }
     const raw = storage?.getItem(key);
-    const [value, setValue] = (0, react_1.useState)(raw ? JSON.parse(raw) : defaultValue);
-    const updater = (0, react_1.useCallback)((updatedValue, remove = false) => {
+    const [value, setValue] = useState(raw ? JSON.parse(raw) : defaultValue);
+    const updater = useCallback((updatedValue, remove = false)=>{
         setValue(updatedValue);
         storage[remove ? 'removeItem' : 'setItem'](key, JSON.stringify(updatedValue));
-        evtTarget.dispatchEvent(new CustomEvent('storage_change', { detail: { key } }));
-    }, [key]);
+        evtTarget.dispatchEvent(new CustomEvent('storage_change', {
+            detail: {
+                key
+            }
+        }));
+    }, [
+        key
+    ]);
     defaultValue != null && !raw && updater(defaultValue);
-    (0, react_1.useEffect)(() => {
-        const listener = ({ detail }) => {
+    useEffect(()=>{
+        const listener = ({ detail })=>{
             if (detail.key === key) {
                 const lraw = storage?.getItem(key);
                 lraw !== raw && setValue(JSON.parse(lraw));
             }
         };
         evtTarget.addEventListener('storage_change', listener);
-        return () => evtTarget.removeEventListener('storage_change', listener);
+        return ()=>evtTarget.removeEventListener('storage_change', listener);
     });
     if (storage === null) {
-        return [undefined, undefined];
+        return [
+            undefined,
+            undefined
+        ];
     }
-    return [value, updater, () => updater(null, true)];
+    return [
+        value,
+        updater,
+        ()=>updater(null, true)
+    ];
 }
+
+export { useStorageState };
+
 //# sourceMappingURL=use-storage-state-hook.js.map

package/lib/esm/webchat/use-storage-state-hook.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-storage-state-hook.js","sourceRoot":"","sources":["../../../src/webchat/use-storage-state-hook.js"],"names":[],"mappings":";;AAQA,0CA8CC;AAtDD,iCAAwD;AAExD,qFAAqF;AACrF,MAAM,UAAU,GACd,OAAO,MAAM,KAAK,WAAW;IAC7B,OAAO,SAAS,KAAK,WAAW;IAChC,OAAO,QAAQ,KAAK,WAAW,CAAA;AAEjC,SAAgB,eAAe,CAAC,OAAO,EAAE,GAAG,EAAE,YAAY;IACxD,IAAI,SAAS,CAAA;IAEb,IAAI,CAAC;QACH,SAAS,GAAG,IAAI,WAAW,EAAE,CAAA;IAC/B,CAAC;IAAC,MAAM,CAAC;QACP,SAAS,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,OAAO,CAAC,CAAA;IACpE,CAAC;IAED,MAAM,GAAG,GAAG,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAA;IAEjC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAA;IAExE,MAAM,OAAO,GAAG,IAAA,mBAAW,EACzB,CAAC,YAAY,EAAE,MAAM,GAAG,KAAK,EAAE,EAAE;QAC/B,QAAQ,CAAC,YAAY,CAAC,CAAA;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CACxC,GAAG,EACH,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAC7B,CAAA;QACD,SAAS,CAAC,aAAa,CACrB,IAAI,WAAW,CAAC,gBAAgB,EAAE,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACvD,CAAA;IACH,CAAC,EACD,CAAC,GAAG,CAAC,CACN,CAAA;IAED,YAAY,IAAI,IAAI,IAAI,CAAC,GAAG,IAAI,OAAO,CAAC,YAAY,CAAC,CAAA;IAErD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;YAC9B,IAAI,MAAM,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gBACvB,MAAM,IAAI,GAAG,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAA;gBAElC,IAAI,KAAK,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;YAC5C,CAAC;QACH,CAAC,CAAA;QAED,SAAS,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAA;QACtD,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,mBAAmB,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAA;IACxE,CAAC,CAAC,CAAA;IAEF,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;QACrB,OAAO,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IAC/B,CAAC;IACD,OAAO,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;AACpD,CAAC"}
+{"version":3,"file":"webchat/use-storage-state-hook.js","sources":["../../../src/webchat/use-storage-state-hook.js"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\n\n// Code taken from https://github.com/leny/react-use-storage/blob/master/src/index.js\nconst IS_BROWSER =\n  typeof window !== 'undefined' &&\n  typeof navigator !== 'undefined' &&\n  typeof document !== 'undefined'\n\nexport function useStorageState(storage, key, defaultValue) {\n  let evtTarget\n\n  try {\n    evtTarget = new EventTarget()\n  } catch {\n    evtTarget = (IS_BROWSER ? document : {})?.createElement?.('phony')\n  }\n\n  const raw = storage?.getItem(key)\n\n  const [value, setValue] = useState(raw ? JSON.parse(raw) : defaultValue)\n\n  const updater = useCallback(\n    (updatedValue, remove = false) => {\n      setValue(updatedValue)\n      storage[remove ? 'removeItem' : 'setItem'](\n        key,\n        JSON.stringify(updatedValue)\n      )\n      evtTarget.dispatchEvent(\n        new CustomEvent('storage_change', { detail: { key } })\n      )\n    },\n    [key]\n  )\n\n  defaultValue != null && !raw && updater(defaultValue)\n\n  useEffect(() => {\n    const listener = ({ detail }) => {\n      if (detail.key === key) {\n        const lraw = storage?.getItem(key)\n\n        lraw !== raw && setValue(JSON.parse(lraw))\n      }\n    }\n\n    evtTarget.addEventListener('storage_change', listener)\n    return () => evtTarget.removeEventListener('storage_change', listener)\n  })\n\n  if (storage === null) {\n    return [undefined, undefined]\n  }\n  return [value, updater, () => updater(null, true)]\n}\n"],"names":["useCallback","useEffect","useState","IS_BROWSER","window","navigator","document","useStorageState","storage","key","defaultValue","evtTarget","EventTarget","raw","value","setValue","JSON","updater","updatedValue","remove","CustomEvent","listener","detail","lraw","undefined"],"mappings":";;;AAAwD;AAExD,qFAAqF;AACrF,MAAMG,UAAUA,GACd,OAAOC,WAAW,eAClB,OAAOC,cAAc,eACrB,OAAOC,aAAa;AAEf,SAASC,eAAeA,CAACC,OAAO,EAAEC,GAAG,EAAEC,YAAY;IACxD,IAAIC;IAEJ,IAAI;QACFA,YAAY,IAAIC;IAClB,EAAE,OAAM;QACND,YAAaR,CAAAA,UAAUA,GAAGG,WAAW,CAAC,IAAI,gBAAgB;IAC5D;IAEA,MAAMO,MAAML,SAAS,QAAQC;IAE7B,MAAM,CAACK,OAAOC,SAAS,GAAGb,QAAQA,CAACW,MAAMG,KAAK,KAAK,CAACH,OAAOH;IAE3D,MAAMO,UAAUjB,WAAWA,CACzB,CAACkB,cAAcC,SAAS,KAAK;QAC3BJ,SAASG;QACTV,OAAO,CAACW,SAAS,eAAe,UAAU,CACxCV,KACAO,KAAK,SAAS,CAACE;QAEjBP,UAAU,aAAa,CACrB,IAAIS,YAAY,kBAAkB;YAAE,QAAQ;gBAAEX;YAAI;QAAE;IAExD,GACA;QAACA;KAAI;IAGPC,gBAAgB,QAAQ,CAACG,OAAOI,QAAQP;IAExCT,SAASA,CAAC;QACR,MAAMoB,WAAW,CAAC,EAAEC,MAAM,EAAE;YAC1B,IAAIA,OAAO,GAAG,KAAKb,KAAK;gBACtB,MAAMc,OAAOf,SAAS,QAAQC;gBAE9Bc,SAASV,OAAOE,SAASC,KAAK,KAAK,CAACO;YACtC;QACF;QAEAZ,UAAU,gBAAgB,CAAC,kBAAkBU;QAC7C,OAAO,IAAMV,UAAU,mBAAmB,CAAC,kBAAkBU;IAC/D;IAEA,IAAIb,YAAY,MAAM;QACpB,OAAO;YAACgB;YAAWA;SAAU;IAC/B;IACA,OAAO;QAACV;QAAOG;QAAS,IAAMA,QAAQ,MAAM;KAAM;AACpD"}

package/lib/esm/webchat/utils.js

@@ -1,13 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getParsedAction = void 0;
-const core_1 = require("@botonic/core");
-const getParsedAction = (botonicAction) => {
-    const splittedAction = botonicAction.split(`${core_1.BotonicAction.CreateCase}:`);
+import { BotonicAction } from "@botonic/core";
+
+
+
+const getParsedAction = (botonicAction)=>{
+    const splittedAction = botonicAction.split(`${BotonicAction.CreateCase}:`);
     if (splittedAction.length <= 1) {
         return undefined;
     }
     return JSON.parse(splittedAction[1]);
 };
-exports.getParsedAction = getParsedAction;
+
+export { getParsedAction };
+
 //# sourceMappingURL=utils.js.map

package/lib/esm/webchat/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/webchat/utils.ts"],"names":[],"mappings":";;;AAAA,wCAAqE;AAE9D,MAAM,eAAe,GAAG,CAAC,aAAgC,EAAE,EAAE;IAClE,MAAM,cAAc,GAAG,aAAa,CAAC,KAAK,CAAC,GAAG,oBAAa,CAAC,UAAU,GAAG,CAAC,CAAA;IAC1E,IAAI,cAAc,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;QAC/B,OAAO,SAAS,CAAA;IAClB,CAAC;IACD,OAAO,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;AACtC,CAAC,CAAA;AANY,QAAA,eAAe,mBAM3B"}
+{"version":3,"file":"webchat/utils.js","sources":["../../../src/webchat/utils.ts"],"sourcesContent":["import { BotonicAction, type BotonicActionType } from '@botonic/core'\n\nexport const getParsedAction = (botonicAction: BotonicActionType) => {\n  const splittedAction = botonicAction.split(`${BotonicAction.CreateCase}:`)\n  if (splittedAction.length <= 1) {\n    return undefined\n  }\n  return JSON.parse(splittedAction[1])\n}\n"],"names":["BotonicAction","getParsedAction","botonicAction","splittedAction","undefined","JSON"],"mappings":";;;AAAqE;AAE9D,MAAMC,eAAeA,GAAG,CAACC;IAC9B,MAAMC,iBAAiBD,cAAc,KAAK,CAAC,GAAGF,wBAAwB,CAAC,CAAC,CAAC;IACzE,IAAIG,eAAe,MAAM,IAAI,GAAG;QAC9B,OAAOC;IACT;IACA,OAAOC,KAAK,KAAK,CAACF,cAAc,CAAC,EAAE;AACrC,EAAC"}

package/lib/esm/webchat/webchat-dev.js

@@ -1,27 +1,46 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WebchatDev = exports.DebugTabPortal = exports.DebugTab = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@botonic/core");
-const lodash_merge_1 = tslib_1.__importDefault(require("lodash.merge"));
-const react_1 = require("react");
-const react_dom_1 = require("react-dom");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const use_webchat_1 = require("./context/use-webchat");
-const session_view_1 = require("./session-view");
-const webchat_1 = require("./webchat");
-exports.DebugTab = styled_components_1.default.div `
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { PROVIDER } from "@botonic/core";
+import lodash_merge from "lodash.merge";
+import { forwardRef, useEffect } from "react";
+import { createPortal } from "react-dom";
+import styled_components from "styled-components";
+import { useWebchat } from "./context/use-webchat.js";
+import { SessionView } from "./session-view.js";
+import { Webchat } from "./webchat.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const DebugTab = styled_components.div`
   position: fixed;
   left: 0;
   top: 0;
-  width: ${props => (props.show ? '350px' : '32px')};
-  height: ${props => (props.show ? '100%' : '42px')};
+  width: ${(props)=>props.show ? '350px' : '32px'};
+  height: ${(props)=>props.show ? '100%' : '42px'};
 `;
 // We want the debug tab to be rendered in the <body> even if the
 // webchat is being rendered in a shadowDOM, that's why we need a portal
-const DebugTabPortal = ({ webchatHooks, ...props }) => (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(exports.DebugTab, { ...props, children: (0, jsx_runtime_1.jsx)(session_view_1.SessionView, { webchatHooks: webchatHooks }) }), document.body);
-exports.DebugTabPortal = DebugTabPortal;
+const DebugTabPortal = ({ webchatHooks, ...props })=>/*#__PURE__*/ createPortal(/*#__PURE__*/ jsx(DebugTab, {
+        ...props,
+        children: /*#__PURE__*/ jsx(SessionView, {
+            webchatHooks: webchatHooks
+        })
+    }), document.body);
 const initialSession = {
     is_first_interaction: true,
     last_session: {},
@@ -29,28 +48,51 @@ const initialSession = {
         id: '000001',
         username: 'johndoe',
         name: 'John Doe',
-        provider: core_1.PROVIDER.DEV,
+        provider: PROVIDER.DEV,
         provider_id: '0000000',
-        extra_data: {},
+        extra_data: {}
     },
     organization: '',
     bot: {
         id: '0000000',
-        name: 'botName',
-    },
+        name: 'botName'
+    }
 };
-exports.WebchatDev = (0, react_1.forwardRef)((props, ref) => {
-    const webchatHooks = (0, use_webchat_1.useWebchat)();
+const WebchatDev = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const webchatHooks = useWebchat();
     const { webchatState, updateTheme } = webchatHooks;
     /* TODO: webchatState.theme should be included in the dependencies array
-    together with props.theme. The problem is that this effect modifies webchatState
-    so we enter an infinite rerender loop. */
-    (0, react_1.useEffect)(() => {
-        updateTheme((0, lodash_merge_1.default)(webchatState.theme, props.theme));
-    }, [props.theme]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(webchat_1.Webchat, { style: { flex: 1, position: 'relative' }, ...props, ref: ref, webchatHooks: webchatHooks, initialSession: initialSession, initialDevSettings: {
+  together with props.theme. The problem is that this effect modifies webchatState
+  so we enter an infinite rerender loop. */ useEffect(()=>{
+        updateTheme(lodash_merge(webchatState.theme, props.theme));
+    }, [
+        props.theme
+    ]);
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(Webchat, {
+                style: {
+                    flex: 1,
+                    position: 'relative'
+                },
+                ...props,
+                ref: ref,
+                webchatHooks: webchatHooks,
+                initialSession: initialSession,
+                initialDevSettings: {
                     keepSessionOnReload: webchatState.devSettings.keepSessionOnReload,
-                    showSessionView: webchatState.devSettings.showSessionView,
-                }, localWebviews: props.webviews }), (0, jsx_runtime_1.jsx)(exports.DebugTabPortal, { show: webchatState.devSettings.showSessionView, webchatHooks: webchatHooks })] }));
+                    showSessionView: webchatState.devSettings.showSessionView
+                },
+                localWebviews: props.webviews
+            }),
+            /*#__PURE__*/ jsx(DebugTabPortal, {
+                show: webchatState.devSettings.showSessionView,
+                webchatHooks: webchatHooks
+            })
+        ]
+    });
 });
+
+export { DebugTab, DebugTabPortal, WebchatDev };
+
 //# sourceMappingURL=webchat-dev.js.map

package/lib/esm/webchat/webchat-dev.js.map

@@ -1 +1 @@
-{"version":3,"file":"webchat-dev.js","sourceRoot":"","sources":["../../../src/webchat/webchat-dev.jsx"],"names":[],"mappings":";;;;;AAAA,wCAAwC;AACxC,wEAAgC;AAChC,iCAA6C;AAC7C,yCAAwC;AACxC,kFAAsC;AAEtC,uDAAkD;AAClD,iDAA4C;AAC5C,uCAAmC;AAEtB,QAAA,QAAQ,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;WAIvB,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;YACvC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;CAClD,CAAA;AAED,iEAAiE;AACjE,wEAAwE;AACjE,MAAM,cAAc,GAAG,CAAC,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAC3D,IAAA,wBAAY,EACV,uBAAC,gBAAQ,OAAK,KAAK,YACjB,uBAAC,0BAAW,IAAC,YAAY,EAAE,YAAY,GAAI,GAClC,EACX,QAAQ,CAAC,IAAI,CACd,CAAA;AANU,QAAA,cAAc,kBAMxB;AAEH,MAAM,cAAc,GAAG;IACrB,oBAAoB,EAAE,IAAI;IAC1B,YAAY,EAAE,EAAE;IAChB,IAAI,EAAE;QACJ,EAAE,EAAE,QAAQ;QACZ,QAAQ,EAAE,SAAS;QACnB,IAAI,EAAE,UAAU;QAChB,QAAQ,EAAE,eAAQ,CAAC,GAAG;QACtB,WAAW,EAAE,SAAS;QACtB,UAAU,EAAE,EAAE;KACf;IACD,YAAY,EAAE,EAAE;IAChB,GAAG,EAAE;QACH,EAAE,EAAE,SAAS;QACb,IAAI,EAAE,SAAS;KAChB;CACF,CAAA;AAEY,QAAA,UAAU,GAAG,IAAA,kBAAU,EAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAClD,MAAM,YAAY,GAAG,IAAA,wBAAU,GAAE,CAAA;IACjC,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,YAAY,CAAA;IAElD;;6CAEyC;IACzC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,WAAW,CAAC,IAAA,sBAAK,EAAC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IACrD,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,6DACE,uBAAC,iBAAO,IACN,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,KACpC,KAAK,EACT,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,kBAAkB,EAAE;oBAClB,mBAAmB,EAAE,YAAY,CAAC,WAAW,CAAC,mBAAmB;oBACjE,eAAe,EAAE,YAAY,CAAC,WAAW,CAAC,eAAe;iBAC1D,EACD,aAAa,EAAE,KAAK,CAAC,QAAQ,GAC7B,EACF,uBAAC,sBAAc,IACb,IAAI,EAAE,YAAY,CAAC,WAAW,CAAC,eAAe,EAC9C,YAAY,EAAE,YAAY,GAC1B,IACD,CACJ,CAAA;AACH,CAAC,CAAC,CAAA"}
+{"version":3,"file":"webchat/webchat-dev.js","sources":["../../../src/webchat/webchat-dev.jsx"],"sourcesContent":["import { PROVIDER } from '@botonic/core'\nimport merge from 'lodash.merge'\nimport { forwardRef, useEffect } from 'react'\nimport { createPortal } from 'react-dom'\nimport styled from 'styled-components'\n\nimport { useWebchat } from './context/use-webchat'\nimport { SessionView } from './session-view'\nimport { Webchat } from './webchat'\n\nexport const DebugTab = styled.div`\n  position: fixed;\n  left: 0;\n  top: 0;\n  width: ${props => (props.show ? '350px' : '32px')};\n  height: ${props => (props.show ? '100%' : '42px')};\n`\n\n// We want the debug tab to be rendered in the <body> even if the\n// webchat is being rendered in a shadowDOM, that's why we need a portal\nexport const DebugTabPortal = ({ webchatHooks, ...props }) =>\n  createPortal(\n    <DebugTab {...props}>\n      <SessionView webchatHooks={webchatHooks} />\n    </DebugTab>,\n    document.body\n  )\n\nconst initialSession = {\n  is_first_interaction: true,\n  last_session: {},\n  user: {\n    id: '000001',\n    username: 'johndoe',\n    name: 'John Doe',\n    provider: PROVIDER.DEV,\n    provider_id: '0000000',\n    extra_data: {},\n  },\n  organization: '',\n  bot: {\n    id: '0000000',\n    name: 'botName',\n  },\n}\n\nexport const WebchatDev = forwardRef((props, ref) => {\n  const webchatHooks = useWebchat()\n  const { webchatState, updateTheme } = webchatHooks\n\n  /* TODO: webchatState.theme should be included in the dependencies array\n  together with props.theme. The problem is that this effect modifies webchatState\n  so we enter an infinite rerender loop. */\n  useEffect(() => {\n    updateTheme(merge(webchatState.theme, props.theme))\n  }, [props.theme])\n\n  return (\n    <>\n      <Webchat\n        style={{ flex: 1, position: 'relative' }}\n        {...props}\n        ref={ref}\n        webchatHooks={webchatHooks}\n        initialSession={initialSession}\n        initialDevSettings={{\n          keepSessionOnReload: webchatState.devSettings.keepSessionOnReload,\n          showSessionView: webchatState.devSettings.showSessionView,\n        }}\n        localWebviews={props.webviews}\n      />\n      <DebugTabPortal\n        show={webchatState.devSettings.showSessionView}\n        webchatHooks={webchatHooks}\n      />\n    </>\n  )\n})\n"],"names":["PROVIDER","merge","forwardRef","useEffect","createPortal","styled","useWebchat","SessionView","Webchat","DebugTab","props","DebugTabPortal","webchatHooks","document","initialSession","WebchatDev","ref","webchatState","updateTheme"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAwC;AACR;AACa;AACL;AACF;AAEY;AACN;AACT;AAE5B,MAAMS,QAAQA,GAAGJ,qBAAU,CAAC;;;;SAI1B,EAAEK,CAAAA,QAAUA,MAAM,IAAI,GAAG,UAAU,OAAQ;UAC1C,EAAEA,CAAAA,QAAUA,MAAM,IAAI,GAAG,SAAS,OAAQ;AACpD,CAAC;AAED,iEAAiE;AACjE,wEAAwE;AACjE,MAAMC,cAAcA,GAAG,CAAC,EAAEC,YAAY,EAAE,GAAGF,OAAO,iBACvDN,YAAYA,eACV,IAACK,QAAQA;QAAE,GAAGC,KAAK;kBACjB,kBAACH,WAAWA;YAAC,cAAcK;;QAE7BC,SAAS,IAAI,EACd;AAEH,MAAMC,cAAcA,GAAG;IACrB,sBAAsB;IACtB,cAAc,CAAC;IACf,MAAM;QACJ,IAAI;QACJ,UAAU;QACV,MAAM;QACN,UAAUd,YAAY;QACtB,aAAa;QACb,YAAY,CAAC;IACf;IACA,cAAc;IACd,KAAK;QACH,IAAI;QACJ,MAAM;IACR;AACF;AAEO,MAAMe,UAAUA,iBAAGb,UAAUA,CAAC,CAACQ,OAAOM;IAC3C,MAAMJ,eAAeN,UAAUA;IAC/B,MAAM,EAAEW,YAAY,EAAEC,WAAW,EAAE,GAAGN;IAEtC;;yCAEuC,GACvCT,SAASA,CAAC;QACRe,YAAYjB,YAAKA,CAACgB,aAAa,KAAK,EAAEP,MAAM,KAAK;IACnD,GAAG;QAACA,MAAM,KAAK;KAAC;IAEhB,qBACE;;0BACE,IAACF,OAAOA;gBACN,OAAO;oBAAE,MAAM;oBAAG,UAAU;gBAAW;gBACtC,GAAGE,KAAK;gBACT,KAAKM;gBACL,cAAcJ;gBACd,gBAAgBE,cAAcA;gBAC9B,oBAAoB;oBAClB,qBAAqBG,aAAa,WAAW,CAAC,mBAAmB;oBACjE,iBAAiBA,aAAa,WAAW,CAAC,eAAe;gBAC3D;gBACA,eAAeP,MAAM,QAAQ;;0BAE/B,IAACC,cAAcA;gBACb,MAAMM,aAAa,WAAW,CAAC,eAAe;gBAC9C,cAAcL;;;;AAItB,GAAE"}

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

@@ -1,3 +1,3 @@
-import { type WebchatProps, type WebchatRef } from '../index-types';
+import { type WebchatProps, type WebchatRef } from '../index-types.js';
 declare const Webchat: import("react").ForwardRefExoticComponent<WebchatProps & import("react").RefAttributes<WebchatRef | null>>;
 export { Webchat };