@botonic/react 0.36.0-alpha.0 → 0.36.0

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useScrollbarController = void 0;
 const react_1 = require("react");
-const contexts_1 = require("../../contexts");
+const context_1 = require("../../webchat/context");
 const devices_1 = require("../devices");
 // TODO: Investigate why when we have some messages, scroll actions are not disabled properly
 const debounced = (delay, fn) => {
@@ -24,11 +24,11 @@ const stopAtScrollLimit = element => {
         element.scrollTop -= 1;
 };
 const useScrollbarController = (currentDevice, host) => {
-    const { webchatRef, chatAreaRef, repliesRef, scrollableMessagesListRef } = (0, react_1.useContext)(contexts_1.WebchatContext);
+    const { webchatContainerRef, chatAreaRef, repliesRef, scrollableMessagesListRef, } = (0, react_1.useContext)(context_1.WebchatContext);
     const hasScrollbar = () => {
         var _a, _b, _c, _d, _e;
         if (chatAreaRef.current && scrollableMessagesListRef.current) {
-            if (!repliesRef) {
+            if (!(repliesRef === null || repliesRef === void 0 ? void 0 : repliesRef.current)) {
                 return (((_a = scrollableMessagesListRef.current) === null || _a === void 0 ? void 0 : _a.scrollHeight) >
                     ((_b = chatAreaRef.current) === null || _b === void 0 ? void 0 : _b.clientHeight));
             }
@@ -60,24 +60,24 @@ const useScrollbarController = (currentDevice, host) => {
         }
     };
     const toggleOnTouchMoveEvents = () => {
-        if (webchatRef.current && scrollableMessagesListRef.current) {
+        if (webchatContainerRef.current && scrollableMessagesListRef.current) {
             if (hasScrollbar()) {
                 scrollableMessagesListRef.current.style.touchAction = 'auto';
-                webchatRef.current.style.touchAction = 'auto';
-                webchatRef.current.ontouchmove = null;
-                webchatRef.current.ontouchstart = null;
+                webchatContainerRef.current.style.touchAction = 'auto';
+                webchatContainerRef.current.ontouchmove = null;
+                webchatContainerRef.current.ontouchstart = null;
                 return;
             }
             scrollableMessagesListRef.current.style.touchAction = 'none';
-            webchatRef.current.style.touchAction = 'none';
+            webchatContainerRef.current.style.touchAction = 'none';
         }
-        if (webchatRef.current) {
-            webchatRef.current.ontouchstart = e => {
+        if (webchatContainerRef.current) {
+            webchatContainerRef.current.ontouchstart = e => {
                 if (e.target === e.currentTarget) {
                     e.preventDefault();
                 }
             };
-            webchatRef.current.ontouchmove = e => {
+            webchatContainerRef.current.ontouchmove = e => {
                 if (e.target === e.currentTarget) {
                     e.preventDefault();
                 }
@@ -105,21 +105,21 @@ const useScrollbarController = (currentDevice, host) => {
         }
     };
     const handleScrollEvents = () => {
-        if (webchatRef.current) {
+        if (webchatContainerRef.current) {
             if ((0, devices_1.isMobileDevice)()) {
                 if (currentDevice !== devices_1.DEVICES.MOBILE.IPHONE)
                     return;
                 limitScrollBoundaries();
-                webchatRef.current.ontouchstart = handleOnTouchMoveEvents;
-                webchatRef.current.ontouchmove = handleOnTouchMoveEvents;
+                webchatContainerRef.current.ontouchstart = handleOnTouchMoveEvents;
+                webchatContainerRef.current.ontouchmove = handleOnTouchMoveEvents;
             }
             else {
-                webchatRef.current.onmouseover = e => handleOnMouseOverEvents(e);
+                webchatContainerRef.current.onmouseover = e => handleOnMouseOverEvents(e);
             }
         }
     };
     (0, react_1.useEffect)(() => {
-        const webchat = webchatRef.current;
+        const webchat = webchatContainerRef.current;
         handleScrollEvents();
         return () => {
             if (webchat) {

package/lib/cjs/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":"use-scrollbar-controller.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-scrollbar-controller.ts"],"names":[],"mappings":"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"}

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

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

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

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useWebchatDimensions = void 0;
 const react_1 = require("react");
-const contexts_1 = require("../../contexts");
+const context_1 = require("../../webchat/context");
 const useWebchatDimensions = () => {
-    const { webchatRef, headerRef, inputPanelRef, webchatState: { isWebchatOpen }, } = (0, react_1.useContext)(contexts_1.WebchatContext);
+    const { webchatContainerRef, headerRef, inputPanelRef, webchatState: { isWebchatOpen }, } = (0, react_1.useContext)(context_1.WebchatContext);
     const calculateResizedPercentualWebchatHeight = (0, react_1.useCallback)(() => {
-        const webchatElement = webchatRef.current;
+        const webchatElement = webchatContainerRef.current;
         if (!isWebchatOpen || !webchatElement)
             return 0;
         const webchatHeight = webchatElement.clientHeight || 0;
@@ -18,7 +18,7 @@ const useWebchatDimensions = () => {
         return newWebchatPercentualHeight;
     }, [isWebchatOpen]);
     const calculateResizedPxChatAreaHeight = (0, react_1.useCallback)(() => {
-        const webchatElement = webchatRef.current;
+        const webchatElement = webchatContainerRef.current;
         const headerElement = headerRef.current;
         const inputPanelElement = inputPanelRef.current;
         if (!isWebchatOpen || !webchatElement)

package/lib/cjs/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,6CAA+C;AAExC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,EACJ,UAAU,EACV,SAAS,EACT,aAAa,EACb,YAAY,EAAE,EAAE,aAAa,EAAE,GAChC,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAE9B,MAAM,uCAAuC,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/D,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,CAAA;QACzC,IAAI,CAAC,aAAa,IAAI,CAAC,cAAc;YAAE,OAAO,CAAC,CAAA;QAC/C,MAAM,aAAa,GAAG,cAAc,CAAC,YAAY,IAAI,CAAC,CAAA;QACtD,MAAM,cAAc,GAClB,CAAC,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC;YACvD,MAAM,CAAC,WAAW,CAAA;QACpB,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,UAAU,CAAC,OAAO,CAAA;QACzC,MAAM,aAAa,GAAG,SAAS,CAAC,OAAO,CAAA;QACvC,MAAM,iBAAiB,GAAG,aAAa,CAAC,OAAO,CAAA;QAE/C,IAAI,CAAC,aAAa,IAAI,CAAC,cAAc;YAAE,OAAO,CAAC,CAAA;QAE/C,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;AA5CY,QAAA,oBAAoB,wBA4ChC"}
+{"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;YAAE,OAAO,CAAC,CAAA;QAC/C,MAAM,aAAa,GAAG,cAAc,CAAC,YAAY,IAAI,CAAC,CAAA;QACtD,MAAM,cAAc,GAClB,CAAC,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC;YACvD,MAAM,CAAC,WAAW,CAAA;QACpB,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;YAAE,OAAO,CAAC,CAAA;QAE/C,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;AA5CY,QAAA,oBAAoB,wBA4ChC"}

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

@@ -2,26 +2,26 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useWebchatResizer = void 0;
 const react_1 = require("react");
-const contexts_1 = require("../../contexts");
+const context_1 = require("../../webchat/context");
 const use_webchat_dimensions_1 = require("./use-webchat-dimensions");
 const useWebchatResizer = () => {
-    const { webchatRef, chatAreaRef, inputPanelRef, headerRef } = (0, react_1.useContext)(contexts_1.WebchatContext);
+    const { webchatContainerRef, chatAreaRef, inputPanelRef, headerRef } = (0, react_1.useContext)(context_1.WebchatContext);
     const { calculateResizedPercentualWebchatHeight, calculateResizedPxChatAreaHeight, } = (0, use_webchat_dimensions_1.useWebchatDimensions)();
     const handleKeyboardShown = () => {
-        if (webchatRef.current &&
+        if (webchatContainerRef.current &&
             chatAreaRef.current &&
             headerRef.current &&
             inputPanelRef.current) {
-            webchatRef.current.style.height = `${calculateResizedPercentualWebchatHeight()}%`;
+            webchatContainerRef.current.style.height = `${calculateResizedPercentualWebchatHeight()}%`;
             chatAreaRef.current.style.height = `${calculateResizedPxChatAreaHeight()}px`;
         }
     };
     const handleKeyboardHidden = () => {
-        if (webchatRef.current &&
+        if (webchatContainerRef.current &&
             chatAreaRef.current &&
             inputPanelRef.current &&
             headerRef.current) {
-            webchatRef.current.style.height = '100%';
+            webchatContainerRef.current.style.height = '100%';
             chatAreaRef.current.style.height = `${calculateResizedPxChatAreaHeight()}px`;
         }
     };

package/lib/cjs/webchat/hooks/use-webchat-resizer.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-webchat-resizer.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-webchat-resizer.ts"],"names":[],"mappings":";;;AAAA,iCAAkC;AAElC,6CAA+C;AAC/C,qEAA+D;AAExD,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,GACzD,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAE5B,MAAM,EACJ,uCAAuC,EACvC,gCAAgC,GACjC,GAAG,IAAA,6CAAoB,GAAE,CAAA;IAE1B,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,IACE,UAAU,CAAC,OAAO;YAClB,WAAW,CAAC,OAAO;YACnB,SAAS,CAAC,OAAO;YACjB,aAAa,CAAC,OAAO,EACrB;YACA,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,uCAAuC,EAAE,GAAG,CAAA;YACjF,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,gCAAgC,EAAE,IAAI,CAAA;SAC7E;IACH,CAAC,CAAA;IAED,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,IACE,UAAU,CAAC,OAAO;YAClB,WAAW,CAAC,OAAO;YACnB,aAAa,CAAC,OAAO;YACrB,SAAS,CAAC,OAAO,EACjB;YACA,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;YACxC,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,gCAAgC,EAAE,IAAI,CAAA;SAC7E;IACH,CAAC,CAAA;IAED,OAAO;QACL,mBAAmB;QACnB,oBAAoB;KACrB,CAAA;AACH,CAAC,CAAA;AArCY,QAAA,iBAAiB,qBAqC7B"}
+{"version":3,"file":"use-webchat-resizer.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-webchat-resizer.ts"],"names":[],"mappings":";;;AAAA,iCAAkC;AAElC,mDAAsD;AACtD,qEAA+D;AAExD,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,EAAE,mBAAmB,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,GAClE,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAE5B,MAAM,EACJ,uCAAuC,EACvC,gCAAgC,GACjC,GAAG,IAAA,6CAAoB,GAAE,CAAA;IAE1B,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,IACE,mBAAmB,CAAC,OAAO;YAC3B,WAAW,CAAC,OAAO;YACnB,SAAS,CAAC,OAAO;YACjB,aAAa,CAAC,OAAO,EACrB;YACA,mBAAmB,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,uCAAuC,EAAE,GAAG,CAAA;YAC1F,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,gCAAgC,EAAE,IAAI,CAAA;SAC7E;IACH,CAAC,CAAA;IAED,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,IACE,mBAAmB,CAAC,OAAO;YAC3B,WAAW,CAAC,OAAO;YACnB,aAAa,CAAC,OAAO;YACrB,SAAS,CAAC,OAAO,EACjB;YACA,mBAAmB,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;YACjD,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,gCAAgC,EAAE,IAAI,CAAA;SAC7E;IACH,CAAC,CAAA;IAED,OAAO;QACL,mBAAmB;QACnB,oBAAoB;KACrB,CAAA;AACH,CAAC,CAAA;AArCY,QAAA,iBAAiB,qBAqC7B"}

package/lib/cjs/webchat/index-types.d.ts

@@ -1,61 +1,7 @@
-import type { Input as CoreInput, Session as CoreSession } from '@botonic/core';
-import { RefObject } from 'react';
-import { Webview } from '../components/index-types';
-export interface WebchatStateTheme {
-    headerTitle: string;
-    brandColor: string;
-    brandImage: string;
-    triggerButtonImage: undefined;
-    textPlaceholder: string;
-    style: {
-        fontFamily: string;
-    };
-}
-export interface ErrorMessage {
-    message?: string;
-}
-export interface DevSettings {
-    keepSessionOnReload?: boolean;
-    showSessionView?: boolean;
-}
-export interface WebchatState {
-    width: number;
-    height: number;
-    messagesJSON: any[];
-    messagesComponents: any[];
-    replies: any[];
-    latestInput: Partial<CoreInput>;
-    typing: boolean;
-    webview: Webview | null;
-    webviewParams: null;
-    session: Partial<CoreSession>;
-    lastRoutePath: string | null;
-    handoff: boolean;
-    theme: WebchatStateTheme;
-    themeUpdates: Partial<WebchatStateTheme>;
-    error: ErrorMessage;
-    online: boolean;
-    devSettings: DevSettings;
-    isWebchatOpen: boolean;
-    isEmojiPickerOpen: boolean;
-    isPersistentMenuOpen: boolean;
-    isCoverComponentOpen: boolean;
-    isCustomComponentRendered: boolean;
-    lastMessageUpdate?: string;
-    currentAttachment?: File;
-    numUnreadMessages: number;
-    isLastMessageVisible: boolean;
-}
-export interface WebchatProps {
-    ref: RefObject<any>;
-    onConnectionRegained?: () => Promise<void>;
-}
-export interface WebchatDevProps extends WebchatProps {
+import { WebchatArgs } from '../index-types';
+export interface WebchatDevProps extends WebchatArgs {
     initialDevSettings?: {
         keepSessionOnReload?: boolean;
         showSessionView?: boolean;
     };
 }
-export interface CoverComponentProps {
-    closeComponent: () => void;
-}

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

@@ -1,3 +1,4 @@
+export { WebchatContext } from './context';
 export { Webchat } from './webchat';
 export { WebchatDev } from './webchat-dev';
 export declare function getBotonicApp(): any;

package/lib/cjs/webchat/index.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getBotonicApp = exports.WebchatDev = exports.Webchat = void 0;
+exports.getBotonicApp = exports.WebchatDev = exports.Webchat = exports.WebchatContext = void 0;
 const tslib_1 = require("tslib");
 // @ts-nocheck
+var context_1 = require("./context");
+Object.defineProperty(exports, "WebchatContext", { enumerable: true, get: function () { return context_1.WebchatContext; } });
 var webchat_1 = require("./webchat");
 Object.defineProperty(exports, "Webchat", { enumerable: true, get: function () { return webchat_1.Webchat; } });
 var webchat_dev_1 = require("./webchat-dev");

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/webchat/index.ts"],"names":[],"mappings":";;;;AAAA,cAAc;AACd,qCAAmC;AAA1B,kGAAA,OAAO,OAAA;AAChB,6CAA0C;AAAjC,yGAAA,UAAU,OAAA;AAEnB,SAAgB,aAAa;IAC3B,oCAAoC;IACpC,oCAAoC;IACpC,OAAO,OAAO,CAAA;AAChB,CAAC;AAJD,sCAIC;AAED,wDAA6B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/webchat/index.ts"],"names":[],"mappings":";;;;AAAA,cAAc;AACd,qCAA0C;AAAjC,yGAAA,cAAc,OAAA;AACvB,qCAAmC;AAA1B,kGAAA,OAAO,OAAA;AAChB,6CAA0C;AAAjC,yGAAA,UAAU,OAAA;AAEnB,SAAgB,aAAa;IAC3B,oCAAoC;IACpC,oCAAoC;IACpC,OAAO,OAAO,CAAA;AAChB,CAAC;AAJD,sCAIC;AAED,wDAA6B"}

package/lib/cjs/webchat/input-panel/attachment.d.ts

@@ -1,7 +1,6 @@
 interface AttachmentProps {
     accept: string;
-    enableAttachments: boolean;
     onChange: (event: any) => void;
 }
-export declare const Attachment: ({ accept, enableAttachments, onChange, }: AttachmentProps) => JSX.Element;
+export declare const Attachment: ({ accept, onChange }: AttachmentProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/cjs/webchat/input-panel/attachment.js

@@ -6,17 +6,18 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const attachment_icon_svg_1 = tslib_1.__importDefault(require("../../assets/attachment-icon.svg"));
 const constants_1 = require("../../constants");
-const contexts_1 = require("../../contexts");
+const context_1 = require("../../webchat/context");
 const common_1 = require("../components/common");
 const conditional_animation_1 = require("../components/conditional-animation");
-const Attachment = ({ accept, enableAttachments, onChange, }) => {
-    const { getThemeProperty } = (0, react_1.useContext)(contexts_1.WebchatContext);
+const Attachment = ({ accept, onChange }) => {
+    var _a, _b;
+    const { webchatState } = (0, react_1.useContext)(context_1.WebchatContext);
     const fileInputRef = (0, react_1.useRef)(null);
-    const CustomAttachments = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customAttachments, undefined);
+    const CustomAttachments = (_b = (_a = webchatState.theme.userInput) === null || _a === void 0 ? void 0 : _a.attachments) === null || _b === void 0 ? void 0 : _b.custom;
     const isAttachmentsEnabled = () => {
-        var _a;
+        var _a, _b, _c;
         const hasCustomAttachments = !!CustomAttachments;
-        return ((_a = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.enableAttachments, enableAttachments)) !== null && _a !== void 0 ? _a : hasCustomAttachments);
+        return ((_c = (_b = (_a = webchatState.theme.userInput) === null || _a === void 0 ? void 0 : _a.attachments) === null || _b === void 0 ? void 0 : _b.enable) !== null && _c !== void 0 ? _c : hasCustomAttachments);
     };
     const attachmentsEnabled = isAttachmentsEnabled();
     const handleOnChange = event => {

package/lib/cjs/webchat/input-panel/attachment.js.map

@@ -1 +1 @@
-{"version":3,"file":"attachment.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/attachment.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAiD;AAEjD,mGAA6D;AAC7D,+CAAgD;AAChD,6CAA+C;AAC/C,iDAA2C;AAC3C,+EAA0E;AAQnE,MAAM,UAAU,GAAG,CAAC,EACzB,MAAM,EACN,iBAAiB,EACjB,QAAQ,GACQ,EAAE,EAAE;IACpB,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEvD,MAAM,YAAY,GAAG,IAAA,cAAM,EAA0B,IAAI,CAAC,CAAA;IAE1D,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,SAAS,CACV,CAAA;IAED,MAAM,oBAAoB,GAAG,GAAG,EAAE;;QAChC,MAAM,oBAAoB,GAAG,CAAC,CAAC,iBAAiB,CAAA;QAChD,OAAO,CACL,MAAA,gBAAgB,CACd,mBAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,iBAAiB,CAClB,mCAAI,oBAAoB,CAC1B,CAAA;IACH,CAAC,CAAA;IACD,MAAM,kBAAkB,GAAG,oBAAoB,EAAE,CAAA;IAEjD,MAAM,cAAc,GAAG,KAAK,CAAC,EAAE;QAC7B,QAAQ,CAAC,KAAK,CAAC,CAAA;QACf,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,YAAY,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAA;SAChC;IACH,CAAC,CAAA;IAED,OAAO,CACL,2DACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,uBAAC,4CAAoB,cACnB,+CAAK,IAAI,EAAE,iBAAK,CAAC,eAAe,iBAC9B,gDAAO,OAAO,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,gBAChD,iBAAiB,CAAC,CAAC,CAAC,CACnB,uBAAC,iBAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,CACF,uBAAC,aAAI,IAAC,GAAG,EAAE,6BAAc,GAAI,CAC9B,IACK,EACR,kCACE,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,YAAY,EACf,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC1B,QAAQ,EAAE,cAAc,EACxB,MAAM,EAAE,MAAM,GACd,KACE,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AA1DY,QAAA,UAAU,cA0DtB"}
+{"version":3,"file":"attachment.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/attachment.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAiD;AAEjD,mGAA6D;AAC7D,+CAAuC;AACvC,mDAAsD;AACtD,iDAA2C;AAC3C,+EAA0E;AAOnE,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAmB,EAAE,EAAE;;IAClE,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEnD,MAAM,YAAY,GAAG,IAAA,cAAM,EAA0B,IAAI,CAAC,CAAA;IAE1D,MAAM,iBAAiB,GAAG,MAAA,MAAA,YAAY,CAAC,KAAK,CAAC,SAAS,0CAAE,WAAW,0CAAE,MAAM,CAAA;IAE3E,MAAM,oBAAoB,GAAG,GAAG,EAAE;;QAChC,MAAM,oBAAoB,GAAG,CAAC,CAAC,iBAAiB,CAAA;QAChD,OAAO,CACL,MAAA,MAAA,MAAA,YAAY,CAAC,KAAK,CAAC,SAAS,0CAAE,WAAW,0CAAE,MAAM,mCAAI,oBAAoB,CAC1E,CAAA;IACH,CAAC,CAAA;IACD,MAAM,kBAAkB,GAAG,oBAAoB,EAAE,CAAA;IAEjD,MAAM,cAAc,GAAG,KAAK,CAAC,EAAE;QAC7B,QAAQ,CAAC,KAAK,CAAC,CAAA;QACf,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,YAAY,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAA;SAChC;IACH,CAAC,CAAA;IAED,OAAO,CACL,2DACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,uBAAC,4CAAoB,cACnB,+CAAK,IAAI,EAAE,iBAAK,CAAC,eAAe,iBAC9B,gDAAO,OAAO,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,gBAChD,iBAAiB,CAAC,CAAC,CAAC,CACnB,uBAAC,iBAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,CACF,uBAAC,aAAI,IAAC,GAAG,EAAE,6BAAc,GAAI,CAC9B,IACK,EACR,kCACE,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,YAAY,EACf,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC1B,QAAQ,EAAE,cAAc,EACxB,MAAM,EAAE,MAAM,GACd,KACE,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AAhDY,QAAA,UAAU,cAgDtB"}

package/lib/cjs/webchat/input-panel/emoji-picker.d.ts

@@ -1,6 +1,5 @@
 interface EmojiPickerProps {
-    enableEmojiPicker: boolean;
     onClick: () => void;
 }
-export declare const EmojiPicker: ({ enableEmojiPicker, onClick, }: EmojiPickerProps) => JSX.Element;
+export declare const EmojiPicker: ({ onClick }: EmojiPickerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/cjs/webchat/input-panel/emoji-picker.js

@@ -6,16 +6,17 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const emojiButton_svg_1 = tslib_1.__importDefault(require("../../assets/emojiButton.svg"));
 const constants_1 = require("../../constants");
-const contexts_1 = require("../../contexts");
+const context_1 = require("../../webchat/context");
 const common_1 = require("../components/common");
 const conditional_animation_1 = require("../components/conditional-animation");
-const EmojiPicker = ({ enableEmojiPicker, onClick, }) => {
-    const { getThemeProperty } = (0, react_1.useContext)(contexts_1.WebchatContext);
-    const CustomEmojiPicker = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customEmojiPicker, undefined);
+const EmojiPicker = ({ onClick }) => {
+    var _a, _b;
+    const { webchatState } = (0, react_1.useContext)(context_1.WebchatContext);
+    const CustomEmojiPicker = (_b = (_a = webchatState.theme.userInput) === null || _a === void 0 ? void 0 : _a.emojiPicker) === null || _b === void 0 ? void 0 : _b.custom;
     const isEmojiPickerEnabled = () => {
-        var _a;
+        var _a, _b, _c;
         const hasCustomEmojiPicker = !!CustomEmojiPicker;
-        return ((_a = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.enableEmojiPicker, enableEmojiPicker)) !== null && _a !== void 0 ? _a : hasCustomEmojiPicker);
+        return ((_c = (_b = (_a = webchatState.theme.userInput) === null || _a === void 0 ? void 0 : _a.emojiPicker) === null || _b === void 0 ? void 0 : _b.enable) !== null && _c !== void 0 ? _c : hasCustomEmojiPicker);
     };
     const emojiPickerEnabled = isEmojiPickerEnabled();
     const handleClick = (event) => {

package/lib/cjs/webchat/input-panel/emoji-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"emoji-picker.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/emoji-picker.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAyC;AAEzC,2FAAoD;AACpD,+CAAgD;AAChD,6CAA+C;AAC/C,iDAA2C;AAC3C,+EAA0E;AAOnE,MAAM,WAAW,GAAG,CAAC,EAC1B,iBAAiB,EACjB,OAAO,GACU,EAAE,EAAE;IACrB,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEvD,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,SAAS,CACV,CAAA;IAED,MAAM,oBAAoB,GAAG,GAAG,EAAE;;QAChC,MAAM,oBAAoB,GAAG,CAAC,CAAC,iBAAiB,CAAA;QAChD,OAAO,CACL,MAAA,gBAAgB,CACd,mBAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,iBAAiB,CAClB,mCAAI,oBAAoB,CAC1B,CAAA;IACH,CAAC,CAAA;IACD,MAAM,kBAAkB,GAAG,oBAAoB,EAAE,CAAA;IAEjD,MAAM,WAAW,GAAG,CAAC,KAAU,EAAE,EAAE;QACjC,OAAO,EAAE,CAAA;QACT,KAAK,CAAC,eAAe,EAAE,CAAA;IACzB,CAAC,CAAA;IAED,OAAO,CACL,2DACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,uBAAC,4CAAoB,cACnB,8CAAK,IAAI,EAAE,iBAAK,CAAC,iBAAiB,EAAE,OAAO,EAAE,WAAW,gBACrD,iBAAiB,CAAC,CAAC,CAAC,CACnB,uBAAC,iBAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,CACF,uBAAC,aAAI,IAAC,GAAG,EAAE,yBAAS,GAAI,CACzB,IACG,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AA1CY,QAAA,WAAW,eA0CvB"}
+{"version":3,"file":"emoji-picker.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/emoji-picker.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAyC;AAEzC,2FAAoD;AACpD,+CAAuC;AACvC,mDAAsD;AACtD,iDAA2C;AAC3C,+EAA0E;AAMnE,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,EAAoB,EAAE,EAAE;;IAC3D,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEnD,MAAM,iBAAiB,GAAG,MAAA,MAAA,YAAY,CAAC,KAAK,CAAC,SAAS,0CAAE,WAAW,0CAAE,MAAM,CAAA;IAE3E,MAAM,oBAAoB,GAAG,GAAG,EAAE;;QAChC,MAAM,oBAAoB,GAAG,CAAC,CAAC,iBAAiB,CAAA;QAChD,OAAO,CACL,MAAA,MAAA,MAAA,YAAY,CAAC,KAAK,CAAC,SAAS,0CAAE,WAAW,0CAAE,MAAM,mCAAI,oBAAoB,CAC1E,CAAA;IACH,CAAC,CAAA;IACD,MAAM,kBAAkB,GAAG,oBAAoB,EAAE,CAAA;IAEjD,MAAM,WAAW,GAAG,CAAC,KAAU,EAAE,EAAE;QACjC,OAAO,EAAE,CAAA;QACT,KAAK,CAAC,eAAe,EAAE,CAAA;IACzB,CAAC,CAAA;IAED,OAAO,CACL,2DACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,uBAAC,4CAAoB,cACnB,8CAAK,IAAI,EAAE,iBAAK,CAAC,iBAAiB,EAAE,OAAO,EAAE,WAAW,gBACrD,iBAAiB,CAAC,CAAC,CAAC,CACnB,uBAAC,iBAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,CACF,uBAAC,aAAI,IAAC,GAAG,EAAE,yBAAS,GAAI,CACzB,IACG,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AAjCY,QAAA,WAAW,eAiCvB"}

package/lib/cjs/webchat/input-panel/index.d.ts

@@ -1,12 +1,9 @@
 import React from 'react';
 interface InputPanelProps {
-    persistentMenu: any;
-    enableEmojiPicker: boolean;
-    enableAttachments: boolean;
     handleAttachment: (event: any) => void;
-    textareaRef: React.MutableRefObject<HTMLTextAreaElement>;
+    textareaRef: React.MutableRefObject<HTMLTextAreaElement | undefined>;
     host: HTMLElement;
     onUserInput?: (event: any) => Promise<void>;
 }
-export declare const InputPanel: ({ persistentMenu, enableEmojiPicker, enableAttachments, handleAttachment, textareaRef, host, onUserInput, }: InputPanelProps) => JSX.Element;
+export declare const InputPanel: ({ handleAttachment, textareaRef, host, onUserInput, }: InputPanelProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/cjs/webchat/input-panel/index.js

@@ -7,8 +7,8 @@ const core_1 = require("@botonic/core");
 const react_1 = require("react");
 const uuid_1 = require("uuid");
 const constants_1 = require("../../constants");
-const contexts_1 = require("../../contexts");
 const message_utils_1 = require("../../message-utils");
+const context_1 = require("../../webchat/context");
 const constants_2 = require("../constants");
 const attachment_1 = require("./attachment");
 const emoji_picker_1 = require("./emoji-picker");
@@ -17,9 +17,11 @@ const persistent_menu_1 = require("./persistent-menu");
 const send_button_1 = require("./send-button");
 const styles_1 = require("./styles");
 const textarea_1 = require("./textarea");
-const InputPanel = ({ persistentMenu, enableEmojiPicker, enableAttachments, handleAttachment, textareaRef, host, onUserInput, }) => {
-    const { getThemeProperty, sendText, togglePersistentMenu, toggleEmojiPicker, webchatState, inputPanelRef, } = (0, react_1.useContext)(contexts_1.WebchatContext);
+const InputPanel = ({ handleAttachment, textareaRef, host, onUserInput, }) => {
+    const { getThemeProperty, sendText, togglePersistentMenu, toggleEmojiPicker, webchatState, inputPanelRef, } = (0, react_1.useContext)(context_1.WebchatContext);
     const handleSelectedEmoji = event => {
+        if (!textareaRef.current)
+            return;
         textareaRef.current.value += event.emoji;
         textareaRef.current.focus();
     };
@@ -30,7 +32,10 @@ const InputPanel = ({ persistentMenu, enableEmojiPicker, enableAttachments, hand
         togglePersistentMenu(!webchatState.isPersistentMenuOpen);
     };
     const sendTextAreaText = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        yield sendText(textareaRef.current.value);
+        var _a;
+        if (!textareaRef.current)
+            return;
+        yield sendText((_a = textareaRef.current) === null || _a === void 0 ? void 0 : _a.value);
         textareaRef.current.value = '';
     });
     const sendChatEvent = (chatEvent) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
@@ -48,7 +53,7 @@ const InputPanel = ({ persistentMenu, enableEmojiPicker, enableAttachments, hand
             });
         }
     });
-    return ((0, jsx_runtime_1.jsxs)(styles_1.UserInputContainer, Object.assign({ id: constants_2.BotonicContainerId.InputPanel, ref: inputPanelRef, style: Object.assign({}, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.userInputStyle)), className: 'user-input-container' }, { children: [webchatState.isEmojiPickerOpen && ((0, jsx_runtime_1.jsx)(opened_emoji_picker_1.OpenedEmojiPicker, { onEmojiClick: handleSelectedEmoji, onClick: handleEmojiClick })), (0, jsx_runtime_1.jsx)(persistent_menu_1.PersistentMenu, { onClick: handleMenu, persistentMenu: persistentMenu }), (0, jsx_runtime_1.jsx)(textarea_1.Textarea, { host: host, persistentMenu: persistentMenu, textareaRef: textareaRef, sendChatEvent: sendChatEvent, sendTextAreaText: sendTextAreaText }), (0, jsx_runtime_1.jsx)(emoji_picker_1.EmojiPicker, { enableEmojiPicker: enableEmojiPicker, onClick: handleEmojiClick }), (0, jsx_runtime_1.jsx)(attachment_1.Attachment, { enableAttachments: enableAttachments, onChange: handleAttachment, accept: (0, message_utils_1.getFullMimeWhitelist)().join(',') }), (0, jsx_runtime_1.jsx)(send_button_1.SendButton, { onClick: sendTextAreaText })] })));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.UserInputContainer, Object.assign({ id: constants_2.BotonicContainerId.InputPanel, ref: inputPanelRef, style: Object.assign({}, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.userInputStyle)), className: 'user-input-container' }, { children: [webchatState.isEmojiPickerOpen && ((0, jsx_runtime_1.jsx)(opened_emoji_picker_1.OpenedEmojiPicker, { onEmojiClick: handleSelectedEmoji, onClick: handleEmojiClick })), (0, jsx_runtime_1.jsx)(persistent_menu_1.PersistentMenu, { onClick: handleMenu }), (0, jsx_runtime_1.jsx)(textarea_1.Textarea, { host: host, textareaRef: textareaRef, sendChatEvent: sendChatEvent, sendTextAreaText: sendTextAreaText }), (0, jsx_runtime_1.jsx)(emoji_picker_1.EmojiPicker, { onClick: handleEmojiClick }), (0, jsx_runtime_1.jsx)(attachment_1.Attachment, { onChange: handleAttachment, accept: (0, message_utils_1.getFullMimeWhitelist)().join(',') }), (0, jsx_runtime_1.jsx)(send_button_1.SendButton, { onClick: sendTextAreaText })] })));
 };
 exports.InputPanel = InputPanel;
 //# sourceMappingURL=index.js.map

package/lib/cjs/webchat/input-panel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/index.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/webchat/input-panel/opened-emoji-picker.d.ts

@@ -2,5 +2,5 @@ interface OpenedEmojiPickerProps {
     onClick: () => void;
     onEmojiClick: (event: any) => void;
 }
-export declare const OpenedEmojiPicker: ({ onClick, onEmojiClick, }: OpenedEmojiPickerProps) => JSX.Element;
+export declare const OpenedEmojiPicker: ({ onClick, onEmojiClick, }: OpenedEmojiPickerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/cjs/webchat/input-panel/persistent-menu.d.ts

@@ -1,6 +1,5 @@
 interface PersistentMenuProps {
-    persistentMenu: any;
     onClick: () => void;
 }
-export declare const PersistentMenu: ({ onClick, persistentMenu, }: PersistentMenuProps) => JSX.Element;
+export declare const PersistentMenu: ({ onClick }: PersistentMenuProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/cjs/webchat/input-panel/persistent-menu.js

@@ -6,13 +6,14 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const menuButton_svg_1 = tslib_1.__importDefault(require("../../assets/menuButton.svg"));
 const constants_1 = require("../../constants");
-const contexts_1 = require("../../contexts");
+const context_1 = require("../../webchat/context");
 const common_1 = require("../components/common");
 const conditional_animation_1 = require("../components/conditional-animation");
-const PersistentMenu = ({ onClick, persistentMenu, }) => {
-    const { getThemeProperty } = (0, react_1.useContext)(contexts_1.WebchatContext);
-    const persistentMenuOptions = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.persistentMenu, persistentMenu);
-    const CustomMenuButton = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customMenuButton, undefined);
+const PersistentMenu = ({ onClick }) => {
+    var _a, _b, _c;
+    const { webchatState } = (0, react_1.useContext)(context_1.WebchatContext);
+    const persistentMenuOptions = (_a = webchatState.theme.userInput) === null || _a === void 0 ? void 0 : _a.persistentMenu;
+    const CustomMenuButton = (_c = (_b = webchatState.theme.userInput) === null || _b === void 0 ? void 0 : _b.menuButton) === null || _c === void 0 ? void 0 : _c.custom;
     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: persistentMenuOptions ? ((0, jsx_runtime_1.jsx)(conditional_animation_1.ConditionalAnimation, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ role: constants_1.ROLES.PERSISTENT_MENU_ICON, onClick: onClick }, { children: CustomMenuButton ? (0, jsx_runtime_1.jsx)(CustomMenuButton, {}) : (0, jsx_runtime_1.jsx)(common_1.Icon, { src: menuButton_svg_1.default }) })) })) : null }));
 };
 exports.PersistentMenu = PersistentMenu;

package/lib/cjs/webchat/input-panel/persistent-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"persistent-menu.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/persistent-menu.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAyC;AAEzC,yFAAkD;AAClD,+CAAgD;AAChD,6CAA+C;AAC/C,iDAA2C;AAC3C,+EAA0E;AAOnE,MAAM,cAAc,GAAG,CAAC,EAC7B,OAAO,EACP,cAAc,GACM,EAAE,EAAE;IACxB,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEvD,MAAM,qBAAqB,GAAG,gBAAgB,CAC5C,mBAAO,CAAC,iBAAiB,CAAC,cAAc,EACxC,cAAc,CACf,CAAA;IAED,MAAM,gBAAgB,GAAG,gBAAgB,CACvC,mBAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,SAAS,CACV,CAAA;IAED,OAAO,CACL,2DACG,qBAAqB,CAAC,CAAC,CAAC,CACvB,uBAAC,4CAAoB,cACnB,8CAAK,IAAI,EAAE,iBAAK,CAAC,oBAAoB,EAAE,OAAO,EAAE,OAAO,gBACpD,gBAAgB,CAAC,CAAC,CAAC,uBAAC,gBAAgB,KAAG,CAAC,CAAC,CAAC,uBAAC,aAAI,IAAC,GAAG,EAAE,wBAAQ,GAAI,IAC9D,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AA3BY,QAAA,cAAc,kBA2B1B"}
+{"version":3,"file":"persistent-menu.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/persistent-menu.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAyC;AAEzC,yFAAkD;AAClD,+CAAuC;AACvC,mDAAsD;AACtD,iDAA2C;AAC3C,+EAA0E;AAMnE,MAAM,cAAc,GAAG,CAAC,EAAE,OAAO,EAAuB,EAAE,EAAE;;IACjE,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEnD,MAAM,qBAAqB,GAAG,MAAA,YAAY,CAAC,KAAK,CAAC,SAAS,0CAAE,cAAc,CAAA;IAE1E,MAAM,gBAAgB,GAAG,MAAA,MAAA,YAAY,CAAC,KAAK,CAAC,SAAS,0CAAE,UAAU,0CAAE,MAAM,CAAA;IAEzE,OAAO,CACL,2DACG,qBAAqB,CAAC,CAAC,CAAC,CACvB,uBAAC,4CAAoB,cACnB,8CAAK,IAAI,EAAE,iBAAK,CAAC,oBAAoB,EAAE,OAAO,EAAE,OAAO,gBACpD,gBAAgB,CAAC,CAAC,CAAC,uBAAC,gBAAgB,KAAG,CAAC,CAAC,CAAC,uBAAC,aAAI,IAAC,GAAG,EAAE,wBAAQ,GAAI,IAC9D,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AAlBY,QAAA,cAAc,kBAkB1B"}

package/lib/cjs/webchat/input-panel/send-button.d.ts

@@ -1,5 +1,5 @@
 interface SendButtonProps {
     onClick: () => Promise<void>;
 }
-export declare const SendButton: ({ onClick }: SendButtonProps) => JSX.Element;
+export declare const SendButton: ({ onClick }: SendButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/cjs/webchat/input-panel/send-button.js

@@ -6,13 +6,14 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const send_button_svg_1 = tslib_1.__importDefault(require("../../assets/send-button.svg"));
 const constants_1 = require("../../constants");
-const contexts_1 = require("../../contexts");
+const context_1 = require("../../webchat/context");
 const common_1 = require("../components/common");
 const conditional_animation_1 = require("../components/conditional-animation");
 const SendButton = ({ onClick }) => {
-    const { getThemeProperty } = (0, react_1.useContext)(contexts_1.WebchatContext);
-    const sendButtonEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.enableSendButton, true);
-    const CustomSendButton = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customSendButton, undefined);
+    var _a, _b, _c, _d;
+    const { webchatState } = (0, react_1.useContext)(context_1.WebchatContext);
+    const sendButtonEnabled = (_b = (_a = webchatState.theme.userInput) === null || _a === void 0 ? void 0 : _a.sendButton) === null || _b === void 0 ? void 0 : _b.enable;
+    const CustomSendButton = (_d = (_c = webchatState.theme.userInput) === null || _c === void 0 ? void 0 : _c.sendButton) === null || _d === void 0 ? void 0 : _d.custom;
     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: sendButtonEnabled || CustomSendButton ? ((0, jsx_runtime_1.jsx)(conditional_animation_1.ConditionalAnimation, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ onClick: onClick, role: constants_1.ROLES.SEND_BUTTON_ICON }, { children: CustomSendButton ? ((0, jsx_runtime_1.jsx)(CustomSendButton, {})) : ((0, jsx_runtime_1.jsx)(common_1.Icon, { src: send_button_svg_1.default })) })) })) : null }));
 };
 exports.SendButton = SendButton;

package/lib/cjs/webchat/input-panel/send-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"send-button.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/send-button.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAyC;AAEzC,2FAAyD;AACzD,+CAAgD;AAChD,6CAA+C;AAC/C,iDAA2C;AAC3C,+EAA0E;AAMnE,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAmB,EAAE,EAAE;IACzD,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEvD,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,IAAI,CACL,CAAA;IAED,MAAM,gBAAgB,GAAG,gBAAgB,CACvC,mBAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,SAAS,CACV,CAAA;IAED,OAAO,CACL,2DACG,iBAAiB,IAAI,gBAAgB,CAAC,CAAC,CAAC,CACvC,uBAAC,4CAAoB,cACnB,8CAAK,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,iBAAK,CAAC,gBAAgB,gBAChD,gBAAgB,CAAC,CAAC,CAAC,CAClB,uBAAC,gBAAgB,KAAG,CACrB,CAAC,CAAC,CAAC,CACF,uBAAC,aAAI,IAAC,GAAG,EAAE,yBAAc,GAAI,CAC9B,IACG,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AA5BY,QAAA,UAAU,cA4BtB"}
+{"version":3,"file":"send-button.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/send-button.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAyC;AAEzC,2FAAyD;AACzD,+CAAgD;AAChD,mDAAsD;AACtD,iDAA2C;AAC3C,+EAA0E;AAMnE,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAmB,EAAE,EAAE;;IACzD,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEnD,MAAM,iBAAiB,GAAG,MAAA,MAAA,YAAY,CAAC,KAAK,CAAC,SAAS,0CAAE,UAAU,0CAAE,MAAM,CAAA;IAE1E,MAAM,gBAAgB,GAAG,MAAA,MAAA,YAAY,CAAC,KAAK,CAAC,SAAS,0CAAE,UAAU,0CAAE,MAAM,CAAA;IAEzE,OAAO,CACL,2DACG,iBAAiB,IAAI,gBAAgB,CAAC,CAAC,CAAC,CACvC,uBAAC,4CAAoB,cACnB,8CAAK,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,iBAAK,CAAC,gBAAgB,gBAChD,gBAAgB,CAAC,CAAC,CAAC,CAClB,uBAAC,gBAAgB,KAAG,CACrB,CAAC,CAAC,CAAC,CACF,uBAAC,aAAI,IAAC,GAAG,EAAE,yBAAc,GAAI,CAC9B,IACG,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AAtBY,QAAA,UAAU,cAsBtB"}

package/lib/cjs/webchat/input-panel/styles.d.ts

@@ -1,3 +1,3 @@
-export declare const UserInputContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TextAreaContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const OpenedEmojiPickerContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const UserInputContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const TextAreaContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const OpenedEmojiPickerContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/lib/cjs/webchat/input-panel/textarea.d.ts

@@ -1,11 +1,9 @@
 import React from 'react';
-import { PersistentMenuTheme } from '../../components/index-types';
 interface TextareaProps {
     host: HTMLElement;
-    persistentMenu: PersistentMenuTheme;
-    textareaRef: React.MutableRefObject<HTMLTextAreaElement>;
+    textareaRef: React.MutableRefObject<HTMLTextAreaElement | undefined>;
     sendChatEvent: (event: string) => Promise<void>;
     sendTextAreaText: () => Promise<void>;
 }
-export declare const Textarea: ({ host, persistentMenu, textareaRef, sendChatEvent, sendTextAreaText, }: TextareaProps) => JSX.Element;
+export declare const Textarea: ({ host, textareaRef, sendChatEvent, sendTextAreaText, }: TextareaProps) => import("react/jsx-runtime").JSX.Element;
 export {};