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

package/lib/cjs/webchat/theme/types.d.ts

@@ -1,213 +0,0 @@
-import type { BlockInputOption, ButtonProps, CustomMessageType } from '../../components/index-types';
-export interface ImagePreviewerProps {
-    src: string;
-    isPreviewerOpened: boolean;
-    closePreviewer: () => void;
-}
-export interface CoverComponentProps {
-    closeComponent: () => void;
-}
-export interface CoverComponentOptions {
-    component: React.ComponentType<CoverComponentProps>;
-    props?: any;
-}
-export type PersistentMenuCloseOption = {
-    closeLabel: string;
-};
-export type PersistentMenuOption = {
-    label: string;
-} & ButtonProps;
-export type PersistentMenuOptionsTheme = (PersistentMenuCloseOption | PersistentMenuOption)[];
-export interface PersistentMenuOptionsProps {
-    onClick: () => void;
-    options: any;
-}
-export interface BlobProps {
-    blobTick?: boolean;
-    blobTickStyle?: any;
-    blobWidth?: string;
-    imageStyle?: any;
-}
-export interface CustomButtonProps {
-    children: React.ReactNode;
-    onClick?: () => void;
-}
-interface ButtonStyle {
-    width?: string;
-    maxHeight?: string;
-    height?: string;
-    fontFamily?: string;
-    fontSize?: string;
-    fontWeight?: string;
-    background?: string;
-    color?: string;
-    outline?: string;
-    border?: string;
-    borderRadius?: string;
-    padding?: string;
-    overflow?: string;
-}
-export interface WebchatTheme {
-    style: {
-        width?: string;
-        height?: string;
-        borderRadius?: string;
-        fontFamily?: string;
-        fontSize?: string;
-        position?: 'fixed' | 'absolute';
-        right?: string;
-        bottom?: string;
-        backgroundColor?: string;
-        boxShadow?: string;
-    };
-    mobileBreakpoint: number;
-    mobileStyle: {
-        width?: string;
-        height?: string;
-        borderRadius?: string;
-        fontSize?: string;
-        position?: 'fixed' | 'absolute';
-        right?: string;
-        bottom?: string;
-    };
-    coverComponent?: CoverComponentOptions;
-    webview?: {
-        style?: any;
-        header?: {
-            style?: any;
-        };
-    };
-    animations?: {
-        enable?: boolean;
-    };
-    intro?: {
-        style?: any;
-        image?: string;
-        custom?: React.ComponentType;
-    };
-    brand?: {
-        color?: string;
-        image?: string;
-    };
-    header?: {
-        title?: string;
-        subtitle?: string;
-        image?: string;
-        style?: {
-            borderRadius?: string;
-        };
-        mobileStyle?: {
-            borderRadius?: string;
-        };
-        custom?: React.ComponentType;
-    };
-    message?: {
-        bot?: BlobProps & {
-            image?: string;
-            style?: any;
-        };
-        agent?: {
-            image?: string;
-        };
-        user?: BlobProps & {
-            style?: any;
-        };
-        customTypes?: CustomMessageType[];
-        style?: any;
-        timestamps?: {
-            withImage?: boolean;
-            format: () => string;
-            style?: any;
-            enable?: boolean;
-        };
-    };
-    button?: {
-        autodisable?: boolean;
-        disabledstyle?: {
-            opacity?: number;
-            cursor?: string;
-            pointerEvents?: string;
-            backgroundColor?: string;
-        };
-        hoverBackground?: string;
-        hoverTextColor?: string;
-        messageType?: 'text' | 'postback';
-        urlIcon?: {
-            image?: string;
-            enable?: boolean;
-        };
-        style?: ButtonStyle;
-        custom?: React.ComponentType<CustomButtonProps>;
-    };
-    replies?: {
-        align?: 'left' | 'center' | 'right';
-        wrap?: 'wrap' | 'nowrap';
-    };
-    carousel?: {
-        arrow?: {
-            left: {
-                custom?: React.ComponentType;
-            };
-            right: {
-                custom?: React.ComponentType;
-            };
-        };
-        enableArrows?: boolean;
-    };
-    reply?: {
-        style?: any;
-        custom?: React.ComponentType;
-    };
-    triggerButton: {
-        image?: string;
-        style?: any;
-        custom?: React.ComponentType;
-    };
-    notifications?: {
-        enable?: boolean;
-        banner?: {
-            custom?: React.ComponentType;
-            enable?: boolean;
-            text?: string;
-        };
-        triggerButton?: {
-            enable?: boolean;
-        };
-    };
-    scrollButton?: {
-        enable?: boolean;
-        custom?: React.ComponentType;
-    };
-    markdownStyle?: string;
-    userInput?: {
-        attachments?: {
-            enable?: boolean;
-            custom?: React.ComponentType;
-        };
-        blockInputs?: BlockInputOption[];
-        box?: {
-            placeholder: string;
-            style?: any;
-        };
-        emojiPicker?: {
-            enable?: boolean;
-            custom?: React.ComponentType;
-        };
-        menu?: {
-            darkBackground?: boolean;
-            custom?: React.ComponentType<PersistentMenuOptionsProps>;
-        };
-        menuButton?: {
-            custom?: React.ComponentType;
-        };
-        persistentMenu?: PersistentMenuOptionsTheme;
-        sendButton?: {
-            enable?: boolean;
-            custom?: React.ComponentType;
-        };
-        enable?: boolean;
-        style?: any;
-    };
-    imagePreviewer?: React.ComponentType<ImagePreviewerProps>;
-}
-export {};

package/lib/cjs/webchat/theme/types.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types.js.map

package/lib/cjs/webchat/theme/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/webchat/theme/types.ts"],"names":[],"mappings":""}

package/lib/cjs/webchat/tracking.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTracking = useTracking;
-const react_1 = require("react");
-const context_1 = require("./context");
-function useTracking() {
-    const { webchatState, trackEvent } = (0, react_1.useContext)(context_1.WebchatContext);
-    const getRequest = () => {
-        const request = {
-            session: {
-                ...webchatState.session,
-            },
-            getUserCountry: () => webchatState.session.user?.country || '',
-            getUserLocale: () => webchatState.session.user?.locale || '',
-            getSystemLocale: () => {
-                return webchatState.session.user?.system_locale || '';
-            },
-        };
-        return request;
-    };
-    const trackCustomEvent = async (event) => {
-        if (!trackEvent) {
-            return;
-        }
-        const request = getRequest();
-        const { action, ...eventArgs } = event;
-        await trackEvent(request, action, eventArgs);
-    };
-    const trackFeedbackEvent = async (event) => {
-        if (!trackEvent) {
-            return;
-        }
-        const request = getRequest();
-        const { action, ...eventArgs } = event;
-        await trackEvent(request, action, eventArgs);
-    };
-    return { trackCustomEvent, trackFeedbackEvent };
-}
-//# sourceMappingURL=tracking.js.map

package/lib/cjs/webchat/tracking.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tracking.js","sourceRoot":"","sources":["../../../src/webchat/tracking.ts"],"names":[],"mappings":";;AAWA,kCAuCC;AAjDD,iCAAkC;AAGlC,uCAA0C;AAO1C,SAAgB,WAAW;IACzB,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAE/D,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,OAAO,GAAG;YACd,OAAO,EAAE;gBACP,GAAG,YAAY,CAAC,OAAO;aACxB;YACD,cAAc,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,IAAI,EAAE;YAC9D,aAAa,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,IAAI,EAAE;YAC5D,eAAe,EAAE,GAAG,EAAE;gBACpB,OAAO,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,aAAa,IAAI,EAAE,CAAA;YACvD,CAAC;SAC0B,CAAA;QAE7B,OAAO,OAAO,CAAA;IAChB,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,KAAK,EAAE,KAAkB,EAAE,EAAE;QACpD,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,OAAM;QACR,CAAC;QAED,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;QAC5B,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;QACtC,MAAM,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC,CAAA;IAC9C,CAAC,CAAA;IAED,MAAM,kBAAkB,GAAG,KAAK,EAAE,KAAoB,EAAE,EAAE;QACxD,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,OAAM;QACR,CAAC;QAED,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;QAC5B,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;QACtC,MAAM,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC,CAAA;IAC9C,CAAC,CAAA;IAED,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,CAAA;AACjD,CAAC"}

package/lib/cjs/webchat/trigger-button/index.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TriggerButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/** biome-ignore-all lint/a11y/noStaticElementInteractions: we need to use static elements for the trigger button */
-/** biome-ignore-all lint/a11y/useKeyWithClickEvents: we need to use key with click events for the trigger button */
-const react_1 = require("react");
-const constants_1 = require("../../constants");
-const environment_1 = require("../../util/environment");
-const context_1 = require("../../webchat/context");
-const styles_1 = require("./styles");
-const TriggerButton = () => {
-    const { webchatState, getThemeProperty, toggleWebchat } = (0, react_1.useContext)(context_1.WebchatContext);
-    const getTriggerImage = () => {
-        const image = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.triggerButtonImage, undefined);
-        if (!image) {
-            webchatState.theme.triggerButton.image = constants_1.WEBCHAT.DEFAULTS.LOGO;
-            return null;
-        }
-        return image;
-    };
-    const triggerButtonImage = getTriggerImage();
-    const triggerButtonStyle = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.triggerButtonStyle);
-    const notificationsTriggerButtonEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.notificationsTriggerButtonEnabled);
-    const notificationsEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.notificationsEnabled, notificationsTriggerButtonEnabled);
-    const CustomTriggerButton = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customTrigger);
-    const handleClick = (event) => {
-        toggleWebchat(true);
-        event.preventDefault();
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { onClick: handleClick, children: [webchatState.numUnreadMessages !== 0 && notificationsEnabled && ((0, jsx_runtime_1.jsx)(styles_1.UnreadMessagesCounter, { className: 'trigger-notifications', children: webchatState.numUnreadMessages })), CustomTriggerButton ? ((0, jsx_runtime_1.jsx)(CustomTriggerButton, {})) : ((0, jsx_runtime_1.jsx)(styles_1.StyledTriggerButton, { role: constants_1.ROLES.TRIGGER_BUTTON, style: triggerButtonStyle, children: triggerButtonImage && ((0, jsx_runtime_1.jsx)(styles_1.TriggerImage, { src: (0, environment_1.resolveImage)(triggerButtonImage) })) }))] }));
-};
-exports.TriggerButton = TriggerButton;
-//# sourceMappingURL=index.js.map

package/lib/cjs/webchat/trigger-button/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/trigger-button/index.tsx"],"names":[],"mappings":";;;;AAAA,oHAAoH;AACpH,oHAAoH;AACpH,iCAAkC;AAElC,+CAAgD;AAChD,wDAAqD;AACrD,mDAAsD;AACtD,qCAIiB;AAEV,MAAM,aAAa,GAAG,GAAgB,EAAE;IAC7C,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,GACrD,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAE5B,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,MAAM,KAAK,GAAG,gBAAgB,CAC5B,mBAAO,CAAC,iBAAiB,CAAC,kBAAkB,EAC5C,SAAS,CACV,CAAA;QAED,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,YAAY,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,GAAG,mBAAO,CAAC,QAAQ,CAAC,IAAI,CAAA;YAC9D,OAAO,IAAI,CAAA;QACb,CAAC;QACD,OAAO,KAAK,CAAA;IACd,CAAC,CAAA;IAED,MAAM,kBAAkB,GAAG,eAAe,EAAE,CAAA;IAE5C,MAAM,kBAAkB,GAAG,gBAAgB,CACzC,mBAAO,CAAC,iBAAiB,CAAC,kBAAkB,CAC7C,CAAA;IAED,MAAM,iCAAiC,GAAG,gBAAgB,CACxD,mBAAO,CAAC,iBAAiB,CAAC,iCAAiC,CAC5D,CAAA;IAED,MAAM,oBAAoB,GAAG,gBAAgB,CAC3C,mBAAO,CAAC,iBAAiB,CAAC,oBAAoB,EAC9C,iCAAiC,CAClC,CAAA;IAED,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,mBAAO,CAAC,iBAAiB,CAAC,aAAa,CACxC,CAAA;IAED,MAAM,WAAW,GAAG,CAAC,KAAU,EAAE,EAAE;QACjC,aAAa,CAAC,IAAI,CAAC,CAAA;QACnB,KAAK,CAAC,cAAc,EAAE,CAAA;IACxB,CAAC,CAAA;IAED,OAAO,CACL,iCAAK,OAAO,EAAE,WAAW,aACtB,YAAY,CAAC,iBAAiB,KAAK,CAAC,IAAI,oBAAoB,IAAI,CAC/D,uBAAC,8BAAqB,IAAC,SAAS,EAAC,uBAAuB,YACrD,YAAY,CAAC,iBAAiB,GACT,CACzB,EACA,mBAAmB,CAAC,CAAC,CAAC,CACrB,uBAAC,mBAAmB,KAAG,CACxB,CAAC,CAAC,CAAC,CACF,uBAAC,4BAAmB,IAClB,IAAI,EAAE,iBAAK,CAAC,cAAc,EAC1B,KAAK,EAAE,kBAAkB,YAExB,kBAAkB,IAAI,CACrB,uBAAC,qBAAY,IAAC,GAAG,EAAE,IAAA,0BAAY,EAAC,kBAAkB,CAAC,GAAI,CACxD,GACmB,CACvB,IACG,CACP,CAAA;AACH,CAAC,CAAA;AA9DY,QAAA,aAAa,iBA8DzB"}

package/lib/cjs/webchat/trigger-button/styles.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TriggerImage = exports.UnreadMessagesCounter = exports.StyledTriggerButton = void 0;
-const tslib_1 = require("tslib");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const constants_1 = require("../../constants");
-exports.StyledTriggerButton = styled_components_1.default.div `
-  cursor: pointer;
-  position: fixed;
-  background: ${constants_1.COLORS.SOLID_WHITE};
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
-  width: 65px;
-  height: 65px;
-  bottom: 20px;
-  right: 10px;
-  padding: 8px;
-`;
-exports.UnreadMessagesCounter = styled_components_1.default.div `
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 50%;
-  position: fixed;
-  right: 20px;
-  bottom: 80px;
-  width: 24px;
-  height: 24px;
-  background-color: ${constants_1.COLORS.RED_NOTIFICATIONS};
-  color: white;
-  z-index: 10;
-`;
-exports.TriggerImage = styled_components_1.default.img `
-  max-width: 100%;
-  max-height: 100%;
-`;
-//# sourceMappingURL=styles.js.map

package/lib/cjs/webchat/trigger-button/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/webchat/trigger-button/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAsC;AAEtC,+CAAwC;AAE3B,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;gBAG7B,kBAAM,CAAC,WAAW;;;;;;;;;;;CAWjC,CAAA;AAEY,QAAA,qBAAqB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;sBAUzB,kBAAM,CAAC,iBAAiB;;;CAG7C,CAAA;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGrC,CAAA"}

package/lib/cjs/webchat/typing-indicator/index.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const constants_1 = require("../../constants");
-const styles_1 = require("./styles");
-const TypingIndicator = (0, react_1.forwardRef)((_props, ref) => ((0, jsx_runtime_1.jsx)(styles_1.TypingContainer, { ref: ref, children: (0, jsx_runtime_1.jsxs)(styles_1.TypingMsgWrapper, { role: constants_1.ROLES.TYPING_INDICATOR, className: 'typing-indicator', backgroundColor: constants_1.COLORS.SEASHELL_WHITE, children: [(0, jsx_runtime_1.jsx)(styles_1.Dot, {}), (0, jsx_runtime_1.jsx)(styles_1.Dot, {}), (0, jsx_runtime_1.jsx)(styles_1.Dot, {})] }) })));
-TypingIndicator.displayName = 'TypingIndicator';
-exports.default = TypingIndicator;
-//# sourceMappingURL=index.js.map

package/lib/cjs/webchat/typing-indicator/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/typing-indicator/index.tsx"],"names":[],"mappings":";;;AAAA,iCAAqD;AAErD,+CAA+C;AAC/C,qCAAiE;AAEjE,MAAM,eAAe,GAAG,IAAA,kBAAU,EAChC,CAAC,MAAM,EAAE,GAAiC,EAAE,EAAE,CAAC,CAC7C,uBAAC,wBAAe,IAAC,GAAG,EAAE,GAAG,YACvB,wBAAC,yBAAgB,IACf,IAAI,EAAE,iBAAK,CAAC,gBAAgB,EAC5B,SAAS,EAAC,kBAAkB,EAC5B,eAAe,EAAE,kBAAM,CAAC,cAAc,aAEtC,uBAAC,YAAG,KAAG,EACP,uBAAC,YAAG,KAAG,EACP,uBAAC,YAAG,KAAG,IACU,GACH,CACnB,CACF,CAAA;AAED,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE/C,kBAAe,eAAe,CAAA"}

package/lib/cjs/webchat/typing-indicator/styles.js

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dot = exports.TypingMsgWrapper = exports.TypingContainer = void 0;
-const tslib_1 = require("tslib");
-const styled_components_1 = tslib_1.__importStar(require("styled-components"));
-const blink = (0, styled_components_1.keyframes) `
-  50% {
-    opacity: 1;
-  }
-`;
-const bulge = (0, styled_components_1.keyframes) `
-  50% {
-    transform: scale(1.05);
-  }
-`;
-exports.TypingContainer = styled_components_1.default.div `
-  padding: 0px 8px 8px 8px;
-`;
-exports.TypingMsgWrapper = styled_components_1.default.div `
-  will-change: transform;
-  width: 44px;
-  line-height: 0px;
-  border-radius: 20px;
-  padding: 8px 2px;
-  text-align: center;
-  display: block;
-  margin: 8px;
-  position: relative;
-  animation: 2s ${bulge} infinite ease-out;
-  background-color: ${props => props.backgroundColor};
-`;
-exports.Dot = styled_components_1.default.span `
-  height: 6px;
-  width: 6px;
-  margin: 0 1px;
-  background-color: #9e9ea1;
-  display: inline-block;
-  border-radius: 50%;
-  opacity: 0.4;
-  &:nth-of-type(1) {
-    animation: 1s ${blink} infinite 0.3333s;
-  }
-  &:nth-of-type(2) {
-    animation: 1s ${blink} infinite 0.6666s;
-  }
-  &:nth-of-type(3) {
-    animation: 1s ${blink} infinite 1s;
-  }
-`;
-//# sourceMappingURL=styles.js.map

package/lib/cjs/webchat/typing-indicator/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/webchat/typing-indicator/styles.ts"],"names":[],"mappings":";;;;AAAA,+EAAqD;AAErD,MAAM,KAAK,GAAG,IAAA,6BAAS,EAAA;;;;CAItB,CAAA;AAED,MAAM,KAAK,GAAG,IAAA,6BAAS,EAAA;;;;CAItB,CAAA;AAEY,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAExC,CAAA;AAMY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAuB;;;;;;;;;;kBAU/C,KAAK;sBACD,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe;CACnD,CAAA;AAEY,QAAA,GAAG,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;;;;oBASV,KAAK;;;oBAGL,KAAK;;;oBAGL,KAAK;;CAExB,CAAA"}

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

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStorageState = useStorageState;
-const react_1 = require("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';
-function useStorageState(storage, key, defaultValue) {
-    let evtTarget;
-    try {
-        evtTarget = new EventTarget();
-    }
-    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) => {
-        setValue(updatedValue);
-        storage[remove ? 'removeItem' : 'setItem'](key, JSON.stringify(updatedValue));
-        evtTarget.dispatchEvent(new CustomEvent('storage_change', { detail: { key } }));
-    }, [key]);
-    defaultValue != null && !raw && updater(defaultValue);
-    (0, react_1.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);
-    });
-    if (storage === null) {
-        return [undefined, undefined];
-    }
-    return [value, updater, () => updater(null, true)];
-}
-//# sourceMappingURL=use-storage-state-hook.js.map

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

@@ -1 +0,0 @@
-{"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"}

package/lib/cjs/webchat/utils.js

@@ -1,13 +0,0 @@
-"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}:`);
-    if (splittedAction.length <= 1) {
-        return undefined;
-    }
-    return JSON.parse(splittedAction[1]);
-};
-exports.getParsedAction = getParsedAction;
-//# sourceMappingURL=utils.js.map

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

@@ -1 +0,0 @@
-{"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"}

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

@@ -1,56 +0,0 @@
-"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 `
-  position: fixed;
-  left: 0;
-  top: 0;
-  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 initialSession = {
-    is_first_interaction: true,
-    last_session: {},
-    user: {
-        id: '000001',
-        username: 'johndoe',
-        name: 'John Doe',
-        provider: core_1.PROVIDER.DEV,
-        provider_id: '0000000',
-        extra_data: {},
-    },
-    organization: '',
-    bot: {
-        id: '0000000',
-        name: 'botName',
-    },
-};
-exports.WebchatDev = (0, react_1.forwardRef)((props, ref) => {
-    const webchatHooks = (0, use_webchat_1.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: {
-                    keepSessionOnReload: webchatState.devSettings.keepSessionOnReload,
-                    showSessionView: webchatState.devSettings.showSessionView,
-                }, localWebviews: props.webviews }), (0, jsx_runtime_1.jsx)(exports.DebugTabPortal, { show: webchatState.devSettings.showSessionView, webchatHooks: webchatHooks })] }));
-});
-//# sourceMappingURL=webchat-dev.js.map

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

@@ -1 +0,0 @@
-{"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"}

package/lib/cjs/webchat/webchat.d.ts

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