@botonic/react 0.36.0-alpha.0 → 0.36.0-alpha.1

package/lib/cjs/webchat/theme/default-theme.js

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultTheme = void 0;
+const constants_1 = require("../../constants");
+exports.defaultTheme = {
+    style: {
+        width: '300px',
+        height: '450px',
+        borderRadius: '10px',
+        fontFamily: "'Noto Sans JP', sans-serif",
+        fontSize: '16px',
+        position: 'fixed',
+        right: '20px',
+        bottom: '20px',
+        backgroundColor: constants_1.COLORS.SOLID_WHITE,
+        boxShadow: `${constants_1.COLORS.SOLID_BLACK_ALPHA_0_2} 0px 0px 12px`,
+    },
+    mobileBreakpoint: 768,
+    mobileStyle: {
+        width: '100%',
+        height: '100%',
+        borderRadius: '0px',
+        fontSize: '16px',
+        position: 'absolute',
+        right: '0px',
+        bottom: '0px',
+    },
+    header: {
+        title: 'Botonic',
+        subtitle: '',
+        image: constants_1.WEBCHAT.DEFAULTS.LOGO,
+        style: {
+            borderRadius: '10px 10px 0px 0px',
+        },
+        mobileStyle: {
+            borderRadius: '0px',
+        },
+    },
+    brand: {
+        color: constants_1.COLORS.BOTONIC_BLUE,
+        image: constants_1.WEBCHAT.DEFAULTS.LOGO,
+    },
+    button: {
+        autodisable: false,
+        disabledstyle: {
+            opacity: 0.5,
+            cursor: 'auto',
+            pointerEvents: 'none',
+        },
+        messageType: 'text',
+        hoverBackground: constants_1.COLORS.CONCRETE_WHITE,
+        hoverTextColor: constants_1.COLORS.SOLID_BLACK,
+        style: {
+            width: '100%',
+            maxHeight: '80px',
+            height: 'auto',
+            fontFamily: 'inherit',
+            fontSize: '14px',
+            fontWeight: 'normal',
+            background: constants_1.COLORS.SOLID_WHITE,
+            color: constants_1.COLORS.SOLID_BLACK,
+            outline: '0',
+            border: ` 1px solid ${constants_1.COLORS.SEASHELL_WHITE}`,
+            borderRadius: '0px',
+            padding: '12px 32px',
+            overflow: 'hidden',
+        },
+        urlIcon: {
+            enable: false,
+            image: constants_1.WEBCHAT.DEFAULTS.URL_ICON,
+        },
+    },
+    message: {
+        user: {
+            blobTick: true,
+        },
+        bot: {
+            blobTick: true,
+        },
+    },
+    triggerButton: { image: constants_1.WEBCHAT.DEFAULTS.LOGO },
+    userInput: {
+        attachments: { enable: false },
+        box: {
+            placeholder: 'Ask me something...',
+        },
+        emojiPicker: { enable: false },
+        sendButton: { enable: true },
+        enable: true,
+    },
+    carousel: {
+        enableArrows: true,
+    },
+    animations: { enable: true },
+    notifications: {
+        enable: false,
+        banner: {
+            enable: false,
+            text: 'unread messages',
+        },
+        triggerButton: { enable: false },
+    },
+};
+//# sourceMappingURL=default-theme.js.map

package/lib/cjs/webchat/theme/default-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-theme.js","sourceRoot":"","sources":["../../../../src/webchat/theme/default-theme.ts"],"names":[],"mappings":";;;AAAA,+CAAiD;AAGpC,QAAA,YAAY,GAAiB;IACxC,KAAK,EAAE;QACL,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,OAAO;QACf,YAAY,EAAE,MAAM;QACpB,UAAU,EAAE,4BAA4B;QACxC,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,OAAO;QACjB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,kBAAM,CAAC,WAAW;QACnC,SAAS,EAAE,GAAG,kBAAM,CAAC,qBAAqB,eAAe;KAC1D;IACD,gBAAgB,EAAE,GAAG;IACrB,WAAW,EAAE;QACX,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,KAAK;QACnB,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;KACd;IACD,MAAM,EAAE;QACN,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,mBAAO,CAAC,QAAQ,CAAC,IAAI;QAC5B,KAAK,EAAE;YACL,YAAY,EAAE,mBAAmB;SAClC;QACD,WAAW,EAAE;YACX,YAAY,EAAE,KAAK;SACpB;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE,kBAAM,CAAC,YAAY;QAC1B,KAAK,EAAE,mBAAO,CAAC,QAAQ,CAAC,IAAI;KAC7B;IACD,MAAM,EAAE;QACN,WAAW,EAAE,KAAK;QAClB,aAAa,EAAE;YACb,OAAO,EAAE,GAAG;YACZ,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,MAAM;SACtB;QACD,WAAW,EAAE,MAAM;QACnB,eAAe,EAAE,kBAAM,CAAC,cAAc;QACtC,cAAc,EAAE,kBAAM,CAAC,WAAW;QAClC,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,MAAM;YACjB,MAAM,EAAE,MAAM;YACd,UAAU,EAAE,SAAS;YACrB,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,QAAQ;YACpB,UAAU,EAAE,kBAAM,CAAC,WAAW;YAC9B,KAAK,EAAE,kBAAM,CAAC,WAAW;YACzB,OAAO,EAAE,GAAG;YACZ,MAAM,EAAE,cAAc,kBAAM,CAAC,cAAc,EAAE;YAC7C,YAAY,EAAE,KAAK;YACnB,OAAO,EAAE,WAAW;YACpB,QAAQ,EAAE,QAAQ;SACnB;QACD,OAAO,EAAE;YACP,MAAM,EAAE,KAAK;YACb,KAAK,EAAE,mBAAO,CAAC,QAAQ,CAAC,QAAQ;SACjC;KACF;IACD,OAAO,EAAE;QACP,IAAI,EAAE;YACJ,QAAQ,EAAE,IAAI;SACf;QACD,GAAG,EAAE;YACH,QAAQ,EAAE,IAAI;SACf;KACF;IACD,aAAa,EAAE,EAAE,KAAK,EAAE,mBAAO,CAAC,QAAQ,CAAC,IAAI,EAAE;IAC/C,SAAS,EAAE;QACT,WAAW,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;QAC9B,GAAG,EAAE;YACH,WAAW,EAAE,qBAAqB;SACnC;QACD,WAAW,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;QAC9B,UAAU,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;QAC5B,MAAM,EAAE,IAAI;KACb;IACD,QAAQ,EAAE;QACR,YAAY,EAAE,IAAI;KACnB;IACD,UAAU,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;IAC5B,aAAa,EAAE;QACb,MAAM,EAAE,KAAK;QACb,MAAM,EAAE;YACN,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,iBAAiB;SACxB;QACD,aAAa,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;KACjC;CACF,CAAA"}

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

@@ -0,0 +1,214 @@
+/// <reference types="react" />
+import { 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

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

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

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

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

@@ -1,7 +1,17 @@
 export declare enum EventAction {
     FeedbackKnowledgebase = "feedback_knowledgebase"
 }
+interface TrackKnowledgebaseFeedbackArgs {
+    messageId: string;
+    isUseful: boolean;
+    botInteractionId?: string;
+    inferenceId?: string;
+}
 export declare enum FeedbackOption {
     ThumbsUp = "thumbsUp",
     ThumbsDown = "thumbsDown"
 }
+export declare function useTracking(): {
+    trackKnowledgebaseFeedback: ({ messageId, isUseful, botInteractionId, inferenceId, }: TrackKnowledgebaseFeedbackArgs) => Promise<void>;
+};
+export {};

package/lib/cjs/webchat/tracking.js

@@ -1,6 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FeedbackOption = exports.EventAction = void 0;
+exports.useTracking = exports.FeedbackOption = exports.EventAction = void 0;
+const tslib_1 = require("tslib");
+const react_1 = require("react");
+const uuid_1 = require("uuid");
+const context_1 = require("./context");
 var EventAction;
 (function (EventAction) {
     EventAction["FeedbackKnowledgebase"] = "feedback_knowledgebase";
@@ -10,4 +14,38 @@ var FeedbackOption;
     FeedbackOption["ThumbsUp"] = "thumbsUp";
     FeedbackOption["ThumbsDown"] = "thumbsDown";
 })(FeedbackOption = exports.FeedbackOption || (exports.FeedbackOption = {}));
+function useTracking() {
+    const { webchatState, trackEvent } = (0, react_1.useContext)(context_1.WebchatContext);
+    const getRequest = () => {
+        const request = {
+            session: Object.assign({}, webchatState.session),
+            getUserCountry: () => { var _a; return ((_a = webchatState.session.user) === null || _a === void 0 ? void 0 : _a.country) || ''; },
+            getUserLocale: () => { var _a; return ((_a = webchatState.session.user) === null || _a === void 0 ? void 0 : _a.locale) || ''; },
+            getSystemLocale: () => {
+                var _a;
+                return ((_a = webchatState.session.user) === null || _a === void 0 ? void 0 : _a.system_locale) || '';
+            },
+        };
+        return request;
+    };
+    const trackKnowledgebaseFeedback = ({ messageId, isUseful, botInteractionId, inferenceId, }) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        if (!trackEvent) {
+            return;
+        }
+        const args = {
+            knowledgebaseInferenceId: inferenceId,
+            feedbackBotInteractionId: botInteractionId,
+            feedbackTargetId: messageId,
+            feedbackGroupId: (0, uuid_1.v7)(),
+            possibleOptions: [FeedbackOption.ThumbsDown, FeedbackOption.ThumbsUp],
+            possibleValues: [0, 1],
+            option: isUseful ? FeedbackOption.ThumbsUp : FeedbackOption.ThumbsDown,
+            value: isUseful ? 1 : 0,
+        };
+        const request = getRequest();
+        yield trackEvent(request, EventAction.FeedbackKnowledgebase, args);
+    });
+    return { trackKnowledgebaseFeedback };
+}
+exports.useTracking = useTracking;
 //# sourceMappingURL=tracking.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tracking.js","sourceRoot":"","sources":["../../../src/webchat/tracking.ts"],"names":[],"mappings":";;;AAAA,IAAY,WAEX;AAFD,WAAY,WAAW;IACrB,+DAAgD,CAAA;AAClD,CAAC,EAFW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAEtB;AAED,IAAY,cAGX;AAHD,WAAY,cAAc;IACxB,uCAAqB,CAAA;IACrB,2CAAyB,CAAA;AAC3B,CAAC,EAHW,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAGzB"}
+{"version":3,"file":"tracking.js","sourceRoot":"","sources":["../../../src/webchat/tracking.ts"],"names":[],"mappings":";;;;AAAA,iCAAkC;AAClC,+BAAmC;AAGnC,uCAA0C;AAE1C,IAAY,WAEX;AAFD,WAAY,WAAW;IACrB,+DAAgD,CAAA;AAClD,CAAC,EAFW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAEtB;AAQD,IAAY,cAGX;AAHD,WAAY,cAAc;IACxB,uCAAqB,CAAA;IACrB,2CAAyB,CAAA;AAC3B,CAAC,EAHW,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAGzB;AAED,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,oBACF,YAAY,CAAC,OAAO,CACxB;YACD,cAAc,EAAE,GAAG,EAAE,WAAC,OAAA,CAAA,MAAA,YAAY,CAAC,OAAO,CAAC,IAAI,0CAAE,OAAO,KAAI,EAAE,CAAA,EAAA;YAC9D,aAAa,EAAE,GAAG,EAAE,WAAC,OAAA,CAAA,MAAA,YAAY,CAAC,OAAO,CAAC,IAAI,0CAAE,MAAM,KAAI,EAAE,CAAA,EAAA;YAC5D,eAAe,EAAE,GAAG,EAAE;;gBACpB,OAAO,CAAA,MAAA,YAAY,CAAC,OAAO,CAAC,IAAI,0CAAE,aAAa,KAAI,EAAE,CAAA;YACvD,CAAC;SAC0B,CAAA;QAE7B,OAAO,OAAO,CAAA;IAChB,CAAC,CAAA;IAED,MAAM,0BAA0B,GAAG,CAAO,EACxC,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,WAAW,GACoB,EAAE,EAAE;QACnC,IAAI,CAAC,UAAU,EAAE;YACf,OAAM;SACP;QAED,MAAM,IAAI,GAAG;YACX,wBAAwB,EAAE,WAAW;YACrC,wBAAwB,EAAE,gBAAgB;YAC1C,gBAAgB,EAAE,SAAS;YAC3B,eAAe,EAAE,IAAA,SAAM,GAAE;YACzB,eAAe,EAAE,CAAC,cAAc,CAAC,UAAU,EAAE,cAAc,CAAC,QAAQ,CAAC;YACrE,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YACtB,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,UAAU;YACtE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SACxB,CAAA;QAED,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;QAE5B,MAAM,UAAU,CAAC,OAAO,EAAE,WAAW,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAA;IACpE,CAAC,CAAA,CAAA;IAED,OAAO,EAAE,0BAA0B,EAAE,CAAA;AACvC,CAAC;AA7CD,kCA6CC"}

package/lib/cjs/webchat/trigger-button/index.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const TriggerButton: () => JSX.Element;

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

@@ -4,24 +4,24 @@ exports.TriggerButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const constants_1 = require("../../constants");
-const contexts_1 = require("../../contexts");
 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)(contexts_1.WebchatContext);
+    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.triggerButtonImage = constants_1.WEBCHAT.DEFAULTS.LOGO;
+            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, false);
+    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, undefined);
+    const CustomTriggerButton = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customTrigger);
     const handleClick = (event) => {
         toggleWebchat(true);
         event.preventDefault();

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/trigger-button/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyC;AAEzC,+CAAgD;AAChD,6CAA+C;AAC/C,wDAAqD;AACrD,qCAIiB;AAEV,MAAM,aAAa,GAAG,GAAgB,EAAE;IAC7C,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,GACrD,IAAA,kBAAU,EAAC,yBAAc,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;YACV,YAAY,CAAC,KAAK,CAAC,kBAAkB,GAAG,mBAAO,CAAC,QAAQ,CAAC,IAAI,CAAA;YAC7D,OAAO,IAAI,CAAA;SACZ;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,EAC3D,KAAK,CACN,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,EACvC,SAAS,CACV,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,+CAAK,OAAO,EAAE,WAAW,iBACtB,YAAY,CAAC,iBAAiB,KAAK,CAAC,IAAI,oBAAoB,IAAI,CAC/D,uBAAC,8BAAqB,kBAAC,SAAS,EAAC,uBAAuB,gBACrD,YAAY,CAAC,iBAAiB,IACT,CACzB,EACA,mBAAmB,CAAC,CAAC,CAAC,CACrB,uBAAC,mBAAmB,KAAG,CACxB,CAAC,CAAC,CAAC,CACF,uBAAC,4BAAmB,kBAClB,IAAI,EAAE,iBAAK,CAAC,cAAc,EAC1B,KAAK,EAAE,kBAAkB,gBAExB,kBAAkB,IAAI,CACrB,uBAAC,qBAAY,IAAC,GAAG,EAAE,IAAA,0BAAY,EAAC,kBAAkB,CAAC,GAAI,CACxD,IACmB,CACvB,KACG,CACP,CAAA;AACH,CAAC,CAAA;AAhEY,QAAA,aAAa,iBAgEzB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/trigger-button/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyC;AAEzC,+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;YACV,YAAY,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,GAAG,mBAAO,CAAC,QAAQ,CAAC,IAAI,CAAA;YAC9D,OAAO,IAAI,CAAA;SACZ;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,+CAAK,OAAO,EAAE,WAAW,iBACtB,YAAY,CAAC,iBAAiB,KAAK,CAAC,IAAI,oBAAoB,IAAI,CAC/D,uBAAC,8BAAqB,kBAAC,SAAS,EAAC,uBAAuB,gBACrD,YAAY,CAAC,iBAAiB,IACT,CACzB,EACA,mBAAmB,CAAC,CAAC,CAAC,CACrB,uBAAC,mBAAmB,KAAG,CACxB,CAAC,CAAC,CAAC,CACF,uBAAC,4BAAmB,kBAClB,IAAI,EAAE,iBAAK,CAAC,cAAc,EAC1B,KAAK,EAAE,kBAAkB,gBAExB,kBAAkB,IAAI,CACrB,uBAAC,qBAAY,IAAC,GAAG,EAAE,IAAA,0BAAY,EAAC,kBAAkB,CAAC,GAAI,CACxD,IACmB,CACvB,KACG,CACP,CAAA;AACH,CAAC,CAAA;AA9DY,QAAA,aAAa,iBA8DzB"}

package/lib/cjs/webchat/trigger-button/styles.d.ts

@@ -1,3 +1,3 @@
-export declare const StyledTriggerButton: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const UnreadMessagesCounter: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TriggerImage: import("styled-components").StyledComponent<"img", any, {}, never>;
+export declare const StyledTriggerButton: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const UnreadMessagesCounter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const TriggerImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {}, never>;

package/lib/cjs/webchat/typing-indicator/index.d.ts

@@ -1 +1,3 @@
-export declare const TypingIndicator: () => JSX.Element;
+import React from 'react';
+declare const TypingIndicator: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default TypingIndicator;

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

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TypingIndicator = void 0;
 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, jsx_runtime_1.jsxs)(styles_1.TypingIndicatorWrapper, Object.assign({ 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, {})] })));
-exports.TypingIndicator = TypingIndicator;
+const TypingIndicator = (0, react_1.forwardRef)((_props, ref) => ((0, jsx_runtime_1.jsx)(styles_1.TypingContainer, Object.assign({ ref: ref }, { children: (0, jsx_runtime_1.jsxs)(styles_1.TypingMsgWrapper, Object.assign({ 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 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/typing-indicator/index.tsx"],"names":[],"mappings":";;;;AAEA,+CAA+C;AAC/C,qCAAsD;AAE/C,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,CACnC,wBAAC,+BAAsB,kBACrB,IAAI,EAAE,iBAAK,CAAC,gBAAgB,EAC5B,SAAS,EAAC,kBAAkB,EAC5B,eAAe,EAAE,kBAAM,CAAC,cAAc,iBAEtC,uBAAC,YAAG,KAAG,EACP,uBAAC,YAAG,KAAG,EACP,uBAAC,YAAG,KAAG,KACgB,CAC1B,CAAA;AAVY,QAAA,eAAe,mBAU3B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/typing-indicator/index.tsx"],"names":[],"mappings":";;;AAAA,iCAAuD;AAEvD,+CAA+C;AAC/C,qCAAiE;AAEjE,MAAM,eAAe,GAAG,IAAA,kBAAU,EAChC,CAAC,MAAM,EAAE,GAAiC,EAAE,EAAE,CAAC,CAC7C,uBAAC,wBAAe,kBAAC,GAAG,EAAE,GAAG,gBACvB,wBAAC,yBAAgB,kBACf,IAAI,EAAE,iBAAK,CAAC,gBAAgB,EAC5B,SAAS,EAAC,kBAAkB,EAC5B,eAAe,EAAE,kBAAM,CAAC,cAAc,iBAEtC,uBAAC,YAAG,KAAG,EACP,uBAAC,YAAG,KAAG,EACP,uBAAC,YAAG,KAAG,KACU,IACH,CACnB,CACF,CAAA;AAED,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE/C,kBAAe,eAAe,CAAA"}

package/lib/cjs/webchat/typing-indicator/styles.d.ts

@@ -1,6 +1,7 @@
-interface TypingIndicatorWrapperProps {
+export declare const TypingContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+interface TypingMsgWrapperProps {
     backgroundColor: string;
 }
-export declare const TypingIndicatorWrapper: import("styled-components").StyledComponent<"div", any, TypingIndicatorWrapperProps, never>;
-export declare const Dot: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const TypingMsgWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TypingMsgWrapperProps, never>;
+export declare const Dot: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
 export {};

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dot = exports.TypingIndicatorWrapper = void 0;
+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) `
@@ -13,12 +13,15 @@ const bulge = (0, styled_components_1.keyframes) `
     transform: scale(1.05);
   }
 `;
-exports.TypingIndicatorWrapper = styled_components_1.default.div `
+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 8px;
+  padding: 8px 2px;
   text-align: center;
   display: block;
   margin: 8px;

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

@@ -1 +1 @@
-{"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;AAMY,QAAA,sBAAsB,GAAG,2BAAM,CAAC,GAAG,CAA6B;;;;;;;;;;kBAU3D,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"}
+{"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/webchat-dev.d.ts

@@ -1,7 +1,7 @@
-export const DebugTab: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const DebugTab: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export function DebugTabPortal({ webchatHooks, ...props }: {
     [x: string]: any;
     webchatHooks: any;
-}): import("react-dom/node_modules/@types/react").ReactPortal;
+}): React.ReactPortal;
 export const WebchatDev: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React_1 from "react";
+import React from "react";

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

@@ -8,7 +8,7 @@ const lodash_merge_1 = tslib_1.__importDefault(require("lodash.merge"));
 const react_1 = tslib_1.__importStar(require("react"));
 const react_dom_1 = require("react-dom");
 const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const hooks_1 = require("./hooks");
+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 `
@@ -44,7 +44,7 @@ const initialSession = {
 };
 // eslint-disable-next-line react/display-name
 exports.WebchatDev = (0, react_1.forwardRef)((props, ref) => {
-    const webchatHooks = (0, hooks_1.useWebchat)();
+    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

package/lib/cjs/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,uDAAoD;AACpD,yCAAwC;AACxC,kFAAsC;AAEtC,mCAAoC;AACpC,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,EAA0B,EAAE,EAAE;QAA9B,EAAE,YAAY,OAAY,EAAP,KAAK,sBAAxB,gBAA0B,CAAF;IACrD,OAAA,IAAA,wBAAY,EACV,uBAAC,gBAAQ,oBAAK,KAAK,cACjB,uBAAC,0BAAW,IAAC,YAAY,EAAE,YAAY,GAAI,IAClC,EACX,QAAQ,CAAC,IAAI,CACd,CAAA;CAAA,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;AAED,8CAA8C;AACjC,QAAA,UAAU,GAAG,IAAA,kBAAU,EAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAClD,MAAM,YAAY,GAAG,IAAA,kBAAU,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,kBACN,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,IACpC,KAAK,IACT,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,IACD,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-dev.js","sourceRoot":"","sources":["../../../src/webchat/webchat-dev.jsx"],"names":[],"mappings":";;;;;AAAA,wCAAwC;AACxC,wEAAgC;AAChC,uDAAoD;AACpD,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,EAA0B,EAAE,EAAE;QAA9B,EAAE,YAAY,OAAY,EAAP,KAAK,sBAAxB,gBAA0B,CAAF;IACrD,OAAA,IAAA,wBAAY,EACV,uBAAC,gBAAQ,oBAAK,KAAK,cACjB,uBAAC,0BAAW,IAAC,YAAY,EAAE,YAAY,GAAI,IAClC,EACX,QAAQ,CAAC,IAAI,CACd,CAAA;CAAA,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;AAED,8CAA8C;AACjC,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,kBACN,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,IACpC,KAAK,IACT,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,IACD,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,2 +1,4 @@
-export const Webchat: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from "react";
+import React from 'react';
+import { WebchatProps, WebchatRef } from '../index-types';
+declare const Webchat: React.ForwardRefExoticComponent<WebchatProps & React.RefAttributes<WebchatRef | null>>;
+export { Webchat };