@botonic/react 0.23.0 → 0.23.1

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

@@ -1,23 +1,25 @@
-export const ADD_MESSAGE: "addMessage";
-export const ADD_MESSAGE_COMPONENT: "addMessageComponent";
-export const UPDATE_MESSAGE: "updateMessage";
-export const UPDATE_REPLIES: "updateReplies";
-export const UPDATE_LATEST_INPUT: "updateLatestInput";
-export const UPDATE_TYPING: "updateTyping";
-export const UPDATE_WEBVIEW: "updateWebview";
-export const UPDATE_SESSION: "updateSession";
-export const UPDATE_LAST_ROUTE_PATH: "updateLastRoutePath";
-export const UPDATE_HANDOFF: "updateHandoff";
-export const UPDATE_THEME: "updateTheme";
-export const UPDATE_DEV_SETTINGS: "updateDevSettings";
-export const TOGGLE_WEBCHAT: "toggleWebchat";
-export const TOGGLE_EMOJI_PICKER: "toggleEmojiPicker";
-export const TOGGLE_PERSISTENT_MENU: "togglePersistentMenu";
-export const TOGGLE_COVER_COMPONENT: "toggleCoverComponent";
-export const DO_RENDER_CUSTOM_COMPONENT: "doRenderCustomComponent";
-export const SET_ERROR: "setError";
-export const CLEAR_MESSAGES: "clearMessages";
-export const UPDATE_LAST_MESSAGE_DATE: "updateLastMessageDate";
-export const SET_CURRENT_ATTACHMENT: "setCurrentAttachment";
-export const SET_ONLINE: "setOnline";
-export const UPDATE_JWT: "updateJwt";
+export declare enum WebchatAction {
+    ADD_MESSAGE = "addMessage",
+    ADD_MESSAGE_COMPONENT = "addMessageComponent",
+    UPDATE_MESSAGE = "updateMessage",
+    UPDATE_REPLIES = "updateReplies",
+    UPDATE_LATEST_INPUT = "updateLatestInput",
+    UPDATE_TYPING = "updateTyping",
+    UPDATE_WEBVIEW = "updateWebview",
+    UPDATE_SESSION = "updateSession",
+    UPDATE_LAST_ROUTE_PATH = "updateLastRoutePath",
+    UPDATE_HANDOFF = "updateHandoff",
+    UPDATE_THEME = "updateTheme",
+    UPDATE_DEV_SETTINGS = "updateDevSettings",
+    TOGGLE_WEBCHAT = "toggleWebchat",
+    TOGGLE_EMOJI_PICKER = "toggleEmojiPicker",
+    TOGGLE_PERSISTENT_MENU = "togglePersistentMenu",
+    TOGGLE_COVER_COMPONENT = "toggleCoverComponent",
+    DO_RENDER_CUSTOM_COMPONENT = "doRenderCustomComponent",
+    SET_ERROR = "setError",
+    CLEAR_MESSAGES = "clearMessages",
+    UPDATE_LAST_MESSAGE_DATE = "updateLastMessageDate",
+    SET_CURRENT_ATTACHMENT = "setCurrentAttachment",
+    SET_ONLINE = "setOnline",
+    UPDATE_JWT = "updateJwt"
+}

package/lib/cjs/webchat/actions.js

@@ -1,27 +1,30 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UPDATE_JWT = exports.SET_ONLINE = exports.SET_CURRENT_ATTACHMENT = exports.UPDATE_LAST_MESSAGE_DATE = exports.CLEAR_MESSAGES = exports.SET_ERROR = exports.DO_RENDER_CUSTOM_COMPONENT = exports.TOGGLE_COVER_COMPONENT = exports.TOGGLE_PERSISTENT_MENU = exports.TOGGLE_EMOJI_PICKER = exports.TOGGLE_WEBCHAT = exports.UPDATE_DEV_SETTINGS = exports.UPDATE_THEME = exports.UPDATE_HANDOFF = exports.UPDATE_LAST_ROUTE_PATH = exports.UPDATE_SESSION = exports.UPDATE_WEBVIEW = exports.UPDATE_TYPING = exports.UPDATE_LATEST_INPUT = exports.UPDATE_REPLIES = exports.UPDATE_MESSAGE = exports.ADD_MESSAGE_COMPONENT = exports.ADD_MESSAGE = void 0;
-exports.ADD_MESSAGE = 'addMessage';
-exports.ADD_MESSAGE_COMPONENT = 'addMessageComponent';
-exports.UPDATE_MESSAGE = 'updateMessage';
-exports.UPDATE_REPLIES = 'updateReplies';
-exports.UPDATE_LATEST_INPUT = 'updateLatestInput';
-exports.UPDATE_TYPING = 'updateTyping';
-exports.UPDATE_WEBVIEW = 'updateWebview';
-exports.UPDATE_SESSION = 'updateSession';
-exports.UPDATE_LAST_ROUTE_PATH = 'updateLastRoutePath';
-exports.UPDATE_HANDOFF = 'updateHandoff';
-exports.UPDATE_THEME = 'updateTheme';
-exports.UPDATE_DEV_SETTINGS = 'updateDevSettings';
-exports.TOGGLE_WEBCHAT = 'toggleWebchat';
-exports.TOGGLE_EMOJI_PICKER = 'toggleEmojiPicker';
-exports.TOGGLE_PERSISTENT_MENU = 'togglePersistentMenu';
-exports.TOGGLE_COVER_COMPONENT = 'toggleCoverComponent';
-exports.DO_RENDER_CUSTOM_COMPONENT = 'doRenderCustomComponent';
-exports.SET_ERROR = 'setError';
-exports.CLEAR_MESSAGES = 'clearMessages';
-exports.UPDATE_LAST_MESSAGE_DATE = 'updateLastMessageDate';
-exports.SET_CURRENT_ATTACHMENT = 'setCurrentAttachment';
-exports.SET_ONLINE = 'setOnline';
-exports.UPDATE_JWT = 'updateJwt';
+exports.WebchatAction = void 0;
+var WebchatAction;
+(function (WebchatAction) {
+    WebchatAction["ADD_MESSAGE"] = "addMessage";
+    WebchatAction["ADD_MESSAGE_COMPONENT"] = "addMessageComponent";
+    WebchatAction["UPDATE_MESSAGE"] = "updateMessage";
+    WebchatAction["UPDATE_REPLIES"] = "updateReplies";
+    WebchatAction["UPDATE_LATEST_INPUT"] = "updateLatestInput";
+    WebchatAction["UPDATE_TYPING"] = "updateTyping";
+    WebchatAction["UPDATE_WEBVIEW"] = "updateWebview";
+    WebchatAction["UPDATE_SESSION"] = "updateSession";
+    WebchatAction["UPDATE_LAST_ROUTE_PATH"] = "updateLastRoutePath";
+    WebchatAction["UPDATE_HANDOFF"] = "updateHandoff";
+    WebchatAction["UPDATE_THEME"] = "updateTheme";
+    WebchatAction["UPDATE_DEV_SETTINGS"] = "updateDevSettings";
+    WebchatAction["TOGGLE_WEBCHAT"] = "toggleWebchat";
+    WebchatAction["TOGGLE_EMOJI_PICKER"] = "toggleEmojiPicker";
+    WebchatAction["TOGGLE_PERSISTENT_MENU"] = "togglePersistentMenu";
+    WebchatAction["TOGGLE_COVER_COMPONENT"] = "toggleCoverComponent";
+    WebchatAction["DO_RENDER_CUSTOM_COMPONENT"] = "doRenderCustomComponent";
+    WebchatAction["SET_ERROR"] = "setError";
+    WebchatAction["CLEAR_MESSAGES"] = "clearMessages";
+    WebchatAction["UPDATE_LAST_MESSAGE_DATE"] = "updateLastMessageDate";
+    WebchatAction["SET_CURRENT_ATTACHMENT"] = "setCurrentAttachment";
+    WebchatAction["SET_ONLINE"] = "setOnline";
+    WebchatAction["UPDATE_JWT"] = "updateJwt";
+})(WebchatAction = exports.WebchatAction || (exports.WebchatAction = {}));
 //# sourceMappingURL=actions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"actions.js","sourceRoot":"src/","sources":["webchat/actions.jsx"],"names":[],"mappings":";;;AAAa,QAAA,WAAW,GAAG,YAAY,CAAA;AAC1B,QAAA,qBAAqB,GAAG,qBAAqB,CAAA;AAC7C,QAAA,cAAc,GAAG,eAAe,CAAA;AAChC,QAAA,cAAc,GAAG,eAAe,CAAA;AAChC,QAAA,mBAAmB,GAAG,mBAAmB,CAAA;AACzC,QAAA,aAAa,GAAG,cAAc,CAAA;AAC9B,QAAA,cAAc,GAAG,eAAe,CAAA;AAChC,QAAA,cAAc,GAAG,eAAe,CAAA;AAChC,QAAA,sBAAsB,GAAG,qBAAqB,CAAA;AAC9C,QAAA,cAAc,GAAG,eAAe,CAAA;AAChC,QAAA,YAAY,GAAG,aAAa,CAAA;AAC5B,QAAA,mBAAmB,GAAG,mBAAmB,CAAA;AACzC,QAAA,cAAc,GAAG,eAAe,CAAA;AAChC,QAAA,mBAAmB,GAAG,mBAAmB,CAAA;AACzC,QAAA,sBAAsB,GAAG,sBAAsB,CAAA;AAC/C,QAAA,sBAAsB,GAAG,sBAAsB,CAAA;AAC/C,QAAA,0BAA0B,GAAG,yBAAyB,CAAA;AACtD,QAAA,SAAS,GAAG,UAAU,CAAA;AACtB,QAAA,cAAc,GAAG,eAAe,CAAA;AAChC,QAAA,wBAAwB,GAAG,uBAAuB,CAAA;AAClD,QAAA,sBAAsB,GAAG,sBAAsB,CAAA;AAC/C,QAAA,UAAU,GAAG,WAAW,CAAA;AACxB,QAAA,UAAU,GAAG,WAAW,CAAA"}
+{"version":3,"file":"actions.js","sourceRoot":"src/","sources":["webchat/actions.ts"],"names":[],"mappings":";;;AAAA,IAAY,aAwBX;AAxBD,WAAY,aAAa;IACvB,2CAA0B,CAAA;IAC1B,8DAA6C,CAAA;IAC7C,iDAAgC,CAAA;IAChC,iDAAgC,CAAA;IAChC,0DAAyC,CAAA;IACzC,+CAA8B,CAAA;IAC9B,iDAAgC,CAAA;IAChC,iDAAgC,CAAA;IAChC,+DAA8C,CAAA;IAC9C,iDAAgC,CAAA;IAChC,6CAA4B,CAAA;IAC5B,0DAAyC,CAAA;IACzC,iDAAgC,CAAA;IAChC,0DAAyC,CAAA;IACzC,gEAA+C,CAAA;IAC/C,gEAA+C,CAAA;IAC/C,uEAAsD,CAAA;IACtD,uCAAsB,CAAA;IACtB,iDAAgC,CAAA;IAChC,mEAAkD,CAAA;IAClD,gEAA+C,CAAA;IAC/C,yCAAwB,CAAA;IACxB,yCAAwB,CAAA;AAC1B,CAAC,EAxBW,aAAa,GAAb,qBAAa,KAAb,qBAAa,QAwBxB"}

package/lib/cjs/webchat/components/attachment.js

@@ -23,7 +23,7 @@ const Attachment = ({ onChange, accept, enableAttachments }) => {
         onChange(event);
         fileInputRef.current.value = null;
     };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: attachmentsEnabled ? ((0, jsx_runtime_1.jsx)(conditional_animation_1.ConditionalAnimation, { children: (0, jsx_runtime_1.jsxs)("div", { role: constants_1.ROLES.ATTACHMENT_ICON, children: [(0, jsx_runtime_1.jsx)("label", { htmlFor: 'attachment', style: { marginTop: 4 }, children: CustomAttachments ? ((0, jsx_runtime_1.jsx)(CustomAttachments, {})) : ((0, jsx_runtime_1.jsx)(common_1.Icon, { src: attachment_icon_svg_1.default })) }), (0, jsx_runtime_1.jsx)("input", { ref: fileInputRef, type: 'file', name: 'file', id: 'attachment', style: { display: 'none' }, onChange: handleOnChange, accept: accept })] }) })) : null }));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: attachmentsEnabled ? ((0, jsx_runtime_1.jsx)(conditional_animation_1.ConditionalAnimation, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ role: constants_1.ROLES.ATTACHMENT_ICON }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: 'attachment', style: { marginTop: 4 } }, { children: CustomAttachments ? ((0, jsx_runtime_1.jsx)(CustomAttachments, {})) : ((0, jsx_runtime_1.jsx)(common_1.Icon, { src: attachment_icon_svg_1.default })) })), (0, jsx_runtime_1.jsx)("input", { ref: fileInputRef, type: 'file', name: 'file', id: 'attachment', style: { display: 'none' }, onChange: handleOnChange, accept: accept })] })) })) : null }));
 };
 exports.Attachment = Attachment;
 //# sourceMappingURL=attachment.js.map

package/lib/cjs/webchat/components/attachment.js.map

@@ -1 +1 @@
-{"version":3,"file":"attachment.js","sourceRoot":"src/","sources":["webchat/components/attachment.jsx"],"names":[],"mappings":";;;;;AAAA,uDAAiD;AAEjD,mGAA6D;AAC7D,+CAAgD;AAChD,6CAA+C;AAC/C,+EAA0E;AAC1E,qCAA+B;AAExB,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,iBAAiB,EAAE,EAAE,EAAE;IACpE,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEvD,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAA;IAEjC,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,YAAY,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAA;IACnC,CAAC,CAAA;IAED,OAAO,CACL,2DACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,uBAAC,4CAAoB,cACnB,iCAAK,IAAI,EAAE,iBAAK,CAAC,eAAe,aAC9B,kCAAO,OAAO,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,YAChD,iBAAiB,CAAC,CAAC,CAAC,CACnB,uBAAC,iBAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,CACF,uBAAC,aAAI,IAAC,GAAG,EAAE,6BAAc,GAAI,CAC9B,GACK,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,IACE,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AApDY,QAAA,UAAU,cAoDtB"}
+{"version":3,"file":"attachment.js","sourceRoot":"src/","sources":["webchat/components/attachment.jsx"],"names":[],"mappings":";;;;;AAAA,uDAAiD;AAEjD,mGAA6D;AAC7D,+CAAgD;AAChD,6CAA+C;AAC/C,+EAA0E;AAC1E,qCAA+B;AAExB,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,iBAAiB,EAAE,EAAE,EAAE;IACpE,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEvD,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAA;IAEjC,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,YAAY,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAA;IACnC,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;AApDY,QAAA,UAAU,cAoDtB"}

package/lib/cjs/webchat/components/conditional-animation.js

@@ -11,7 +11,7 @@ const react_2 = require("../../util/react");
 const ConditionalAnimation = props => {
     const { getThemeProperty } = (0, react_1.useContext)(contexts_1.WebchatContext);
     const animationsEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.enableAnimations, props.enableAnimations !== undefined ? props.enableAnimations : true);
-    return ((0, jsx_runtime_1.jsx)(react_2.ConditionalWrapper, { condition: animationsEnabled, wrapper: children => ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { whileHover: { scale: 1.2 }, children: children })), children: props.children }));
+    return ((0, jsx_runtime_1.jsx)(react_2.ConditionalWrapper, Object.assign({ condition: animationsEnabled, wrapper: children => ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, Object.assign({ whileHover: { scale: 1.2 } }, { children: children }))) }, { children: props.children })));
 };
 exports.ConditionalAnimation = ConditionalAnimation;
 //# sourceMappingURL=conditional-animation.js.map

package/lib/cjs/webchat/components/conditional-animation.js.map

@@ -1 +1 @@
-{"version":3,"file":"conditional-animation.js","sourceRoot":"src/","sources":["webchat/components/conditional-animation.jsx"],"names":[],"mappings":";;;;;AAAA,iDAAsC;AACtC,uDAAyC;AAEzC,+CAAyC;AACzC,6CAA+C;AAC/C,4CAAqD;AAE9C,MAAM,oBAAoB,GAAG,KAAK,CAAC,EAAE;IAC1C,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEvD,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,KAAK,CAAC,gBAAgB,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CACrE,CAAA;IACD,OAAO,CACL,uBAAC,0BAAkB,IACjB,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC,CACnB,uBAAC,sBAAM,CAAC,GAAG,IAAC,UAAU,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,YAAG,QAAQ,GAAc,CAChE,YAEA,KAAK,CAAC,QAAQ,GACI,CACtB,CAAA;AACH,CAAC,CAAA;AAjBY,QAAA,oBAAoB,wBAiBhC"}
+{"version":3,"file":"conditional-animation.js","sourceRoot":"src/","sources":["webchat/components/conditional-animation.jsx"],"names":[],"mappings":";;;;;AAAA,iDAAsC;AACtC,uDAAyC;AAEzC,+CAAyC;AACzC,6CAA+C;AAC/C,4CAAqD;AAE9C,MAAM,oBAAoB,GAAG,KAAK,CAAC,EAAE;IAC1C,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEvD,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,KAAK,CAAC,gBAAgB,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CACrE,CAAA;IACD,OAAO,CACL,uBAAC,0BAAkB,kBACjB,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC,CACnB,uBAAC,sBAAM,CAAC,GAAG,kBAAC,UAAU,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,gBAAG,QAAQ,IAAc,CAChE,gBAEA,KAAK,CAAC,QAAQ,IACI,CACtB,CAAA;AACH,CAAC,CAAA;AAjBY,QAAA,oBAAoB,wBAiBhC"}

package/lib/cjs/webchat/components/emoji-picker.js

@@ -25,7 +25,7 @@ const EmojiPicker = ({ enableEmojiPicker, onClick }) => {
         onClick();
         event.stopPropagation();
     };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: emojiPickerEnabled ? ((0, jsx_runtime_1.jsx)(conditional_animation_1.ConditionalAnimation, { children: (0, jsx_runtime_1.jsx)("div", { role: constants_1.ROLES.EMOJI_PICKER_ICON, onClick: handleClick, children: CustomEmojiPicker ? ((0, jsx_runtime_1.jsx)(CustomEmojiPicker, {})) : ((0, jsx_runtime_1.jsx)(common_1.Icon, { src: emojiButton_svg_1.default })) }) })) : null }));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: emojiPickerEnabled ? ((0, jsx_runtime_1.jsx)(conditional_animation_1.ConditionalAnimation, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ role: constants_1.ROLES.EMOJI_PICKER_ICON, onClick: handleClick }, { children: CustomEmojiPicker ? ((0, jsx_runtime_1.jsx)(CustomEmojiPicker, {})) : ((0, jsx_runtime_1.jsx)(common_1.Icon, { src: emojiButton_svg_1.default })) })) })) : null }));
 };
 exports.EmojiPicker = EmojiPicker;
 const Container = styled_components_1.default.div `
@@ -37,7 +37,7 @@ const Container = styled_components_1.default.div `
 `;
 const OpenedEmojiPicker = props => {
     const { ref, isComponentVisible } = (0, hooks_1.useComponentVisible)(true, props.onClick);
-    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, children: isComponentVisible && ((0, jsx_runtime_1.jsx)(Container, { role: constants_1.ROLES.EMOJI_PICKER, children: (0, jsx_runtime_1.jsx)(emoji_picker_react_1.default, { width: '100%', height: '19rem', previewConfig: { showPreview: false }, onEmojiClick: props.onEmojiClick, disableAutoFocus: true }) })) }));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, { children: isComponentVisible && ((0, jsx_runtime_1.jsx)(Container, Object.assign({ role: constants_1.ROLES.EMOJI_PICKER }, { children: (0, jsx_runtime_1.jsx)(emoji_picker_react_1.default, { width: '100%', height: '19rem', previewConfig: { showPreview: false }, onEmojiClick: props.onEmojiClick, disableAutoFocus: true }) }))) })));
 };
 exports.OpenedEmojiPicker = OpenedEmojiPicker;
 //# sourceMappingURL=emoji-picker.js.map

package/lib/cjs/webchat/components/emoji-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"emoji-picker.js","sourceRoot":"src/","sources":["webchat/components/emoji-picker.jsx"],"names":[],"mappings":";;;;;AAAA,oFAAuC;AACvC,uDAAyC;AACzC,kFAAsC;AAEtC,2FAAoD;AACpD,+CAAgD;AAChD,6CAA+C;AAC/C,+EAA0E;AAC1E,oCAA8C;AAC9C,qCAA+B;AAExB,MAAM,WAAW,GAAG,CAAC,EAAE,iBAAiB,EAAE,OAAO,EAAE,EAAE,EAAE;IAC5D,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,KAAK,CAAC,EAAE;QAC1B,OAAO,EAAE,CAAA;QACT,KAAK,CAAC,eAAe,EAAE,CAAA;IACzB,CAAC,CAAA;IAED,OAAO,CACL,2DACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,uBAAC,4CAAoB,cACnB,gCAAK,IAAI,EAAE,iBAAK,CAAC,iBAAiB,EAAE,OAAO,EAAE,WAAW,YACrD,iBAAiB,CAAC,CAAC,CAAC,CACnB,uBAAC,iBAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,CACF,uBAAC,aAAI,IAAC,GAAG,EAAE,yBAAS,GAAI,CACzB,GACG,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AAvCY,QAAA,WAAW,eAuCvB;AAED,MAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;CAM3B,CAAA;AAEM,MAAM,iBAAiB,GAAG,KAAK,CAAC,EAAE;IACvC,MAAM,EAAE,GAAG,EAAE,kBAAkB,EAAE,GAAG,IAAA,2BAAmB,EAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;IAC5E,OAAO,CACL,gCAAK,GAAG,EAAE,GAAG,YACV,kBAAkB,IAAI,CACrB,uBAAC,SAAS,IAAC,IAAI,EAAE,iBAAK,CAAC,YAAY,YACjC,uBAAC,4BAAM,IACL,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,OAAO,EACd,aAAa,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,EACrC,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,gBAAgB,EAAE,IAAI,GACtB,GACQ,CACb,GACG,CACP,CAAA;AACH,CAAC,CAAA;AAjBY,QAAA,iBAAiB,qBAiB7B"}
+{"version":3,"file":"emoji-picker.js","sourceRoot":"src/","sources":["webchat/components/emoji-picker.jsx"],"names":[],"mappings":";;;;;AAAA,oFAAuC;AACvC,uDAAyC;AACzC,kFAAsC;AAEtC,2FAAoD;AACpD,+CAAgD;AAChD,6CAA+C;AAC/C,+EAA0E;AAC1E,oCAA8C;AAC9C,qCAA+B;AAExB,MAAM,WAAW,GAAG,CAAC,EAAE,iBAAiB,EAAE,OAAO,EAAE,EAAE,EAAE;IAC5D,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,KAAK,CAAC,EAAE;QAC1B,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;AAvCY,QAAA,WAAW,eAuCvB;AAED,MAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;CAM3B,CAAA;AAEM,MAAM,iBAAiB,GAAG,KAAK,CAAC,EAAE;IACvC,MAAM,EAAE,GAAG,EAAE,kBAAkB,EAAE,GAAG,IAAA,2BAAmB,EAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;IAC5E,OAAO,CACL,8CAAK,GAAG,EAAE,GAAG,gBACV,kBAAkB,IAAI,CACrB,uBAAC,SAAS,kBAAC,IAAI,EAAE,iBAAK,CAAC,YAAY,gBACjC,uBAAC,4BAAM,IACL,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,OAAO,EACd,aAAa,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,EACrC,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,gBAAgB,EAAE,IAAI,GACtB,IACQ,CACb,IACG,CACP,CAAA;AACH,CAAC,CAAA;AAjBY,QAAA,iBAAiB,qBAiB7B"}

package/lib/cjs/webchat/components/persistent-menu.js

@@ -29,16 +29,16 @@ const OpenedPersistentMenu = ({ onClick, options, borderRadius }) => {
             .closeLabel;
     }
     catch (e) { }
-    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, role: constants_1.ROLES.PERSISTENT_MENU, children: isComponentVisible && CustomPersistentMenu ? ((0, jsx_runtime_1.jsx)(CustomPersistentMenu, { onClick: onClick, options: options })) : ((0, jsx_runtime_1.jsxs)(ButtonsContainer, { children: [Object.values(options).map((e, i) => {
-                    return (e.label && ((0, jsx_runtime_1.jsx)(button_1.Button, { onClick: onClick, url: e.url, target: e.target, webview: e.webview, payload: e.payload, children: e.label }, i)));
-                }), (0, jsx_runtime_1.jsx)(button_1.Button, { onClick: onClick, bottomRadius: borderRadius, children: closeLabel })] })) }));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, role: constants_1.ROLES.PERSISTENT_MENU }, { children: isComponentVisible && CustomPersistentMenu ? ((0, jsx_runtime_1.jsx)(CustomPersistentMenu, { onClick: onClick, options: options })) : ((0, jsx_runtime_1.jsxs)(ButtonsContainer, { children: [Object.values(options).map((e, i) => {
+                    return (e.label && ((0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ onClick: onClick, url: e.url, target: e.target, webview: e.webview, payload: e.payload }, { children: e.label }), i)));
+                }), (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ onClick: onClick, bottomRadius: borderRadius }, { children: closeLabel }))] })) })));
 };
 exports.OpenedPersistentMenu = OpenedPersistentMenu;
 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);
-    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", { 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 }));
+    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;
 exports.default = exports.OpenedPersistentMenu;

package/lib/cjs/webchat/components/persistent-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"persistent-menu.js","sourceRoot":"src/","sources":["webchat/components/persistent-menu.jsx"],"names":[],"mappings":";;;;;AAAA,uDAAyC;AACzC,kFAAsC;AAEtC,yFAAkD;AAClD,oDAAgD;AAChD,+CAAgD;AAChD,6CAA+C;AAC/C,+EAA0E;AAC1E,oCAA8C;AAC9C,qCAA+B;AAE/B,MAAM,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;CAMlC,CAAA;AAEM,MAAM,oBAAoB,GAAG,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE;IACzE,MAAM,EAAE,GAAG,EAAE,kBAAkB,EAAE,GAAG,IAAA,2BAAmB,EAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IACtE,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IACvD,MAAM,oBAAoB,GAAG,gBAAgB,CAC3C,mBAAO,CAAC,iBAAiB,CAAC,oBAAoB,EAC9C,SAAS,CACV,CAAA;IACD,IAAI,UAAU,GAAG,QAAQ,CAAA;IACzB,IAAI;QACF,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC;aAChE,UAAU,CAAA;KACd;IAAC,OAAO,CAAC,EAAE,GAAE;IACd,OAAO,CACL,gCAAK,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,iBAAK,CAAC,eAAe,YACvC,kBAAkB,IAAI,oBAAoB,CAAC,CAAC,CAAC,CAC5C,uBAAC,oBAAoB,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAI,CAC7D,CAAC,CAAC,CAAC,CACF,wBAAC,gBAAgB,eACd,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;oBACnC,OAAO,CACL,CAAC,CAAC,KAAK,IAAI,CACT,uBAAC,eAAM,IACL,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,CAAC,CAAC,GAAG,EACV,MAAM,EAAE,CAAC,CAAC,MAAM,EAChB,OAAO,EAAE,CAAC,CAAC,OAAO,EAClB,OAAO,EAAE,CAAC,CAAC,OAAO,YAGjB,CAAC,CAAC,KAAK,IAFH,CAAC,CAGC,CACV,CACF,CAAA;gBACH,CAAC,CAAC,EACF,uBAAC,eAAM,IAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,YACjD,UAAU,GACJ,IACQ,CACpB,GACG,CACP,CAAA;AACH,CAAC,CAAA;AAzCY,QAAA,oBAAoB,wBAyChC;AAEM,MAAM,cAAc,GAAG,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,EAAE;IAC5D,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,gCAAK,IAAI,EAAE,iBAAK,CAAC,oBAAoB,EAAE,OAAO,EAAE,OAAO,YACpD,gBAAgB,CAAC,CAAC,CAAC,uBAAC,gBAAgB,KAAG,CAAC,CAAC,CAAC,uBAAC,aAAI,IAAC,GAAG,EAAE,wBAAQ,GAAI,GAC9D,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AAxBY,QAAA,cAAc,kBAwB1B;AAED,kBAAe,4BAAoB,CAAA"}
+{"version":3,"file":"persistent-menu.js","sourceRoot":"src/","sources":["webchat/components/persistent-menu.jsx"],"names":[],"mappings":"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"}

package/lib/cjs/webchat/components/send-button.js

@@ -13,7 +13,7 @@ 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);
-    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", { 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 }));
+    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;
 //# sourceMappingURL=send-button.js.map

package/lib/cjs/webchat/components/send-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"send-button.js","sourceRoot":"src/","sources":["webchat/components/send-button.jsx"],"names":[],"mappings":";;;;;AAAA,uDAAyC;AAEzC,2FAAyD;AACzD,+CAAgD;AAChD,6CAA+C;AAC/C,+EAA0E;AAC1E,qCAA+B;AAExB,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IACxC,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,gCAAK,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,iBAAK,CAAC,gBAAgB,YAChD,gBAAgB,CAAC,CAAC,CAAC,CAClB,uBAAC,gBAAgB,KAAG,CACrB,CAAC,CAAC,CAAC,CACF,uBAAC,aAAI,IAAC,GAAG,EAAE,yBAAc,GAAI,CAC9B,GACG,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AA5BY,QAAA,UAAU,cA4BtB"}
+{"version":3,"file":"send-button.js","sourceRoot":"src/","sources":["webchat/components/send-button.jsx"],"names":[],"mappings":";;;;;AAAA,uDAAyC;AAEzC,2FAAyD;AACzD,+CAAgD;AAChD,6CAA+C;AAC/C,+EAA0E;AAC1E,qCAA+B;AAExB,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IACxC,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"}

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

@@ -6,6 +6,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 require("./typing-indicator.scss");
 const react_1 = tslib_1.__importDefault(require("react"));
 const constants_1 = require("../../constants");
-const TypingIndicator = props => ((0, jsx_runtime_1.jsxs)("div", { role: constants_1.ROLES.TYPING_INDICATOR, className: 'typing-indicator', style: { backgroundColor: constants_1.COLORS.SEASHELL_WHITE }, children: [(0, jsx_runtime_1.jsx)("span", {}), (0, jsx_runtime_1.jsx)("span", {}), (0, jsx_runtime_1.jsx)("span", {})] }));
+const TypingIndicator = props => ((0, jsx_runtime_1.jsxs)("div", Object.assign({ role: constants_1.ROLES.TYPING_INDICATOR, className: 'typing-indicator', style: { backgroundColor: constants_1.COLORS.SEASHELL_WHITE } }, { children: [(0, jsx_runtime_1.jsx)("span", {}), (0, jsx_runtime_1.jsx)("span", {}), (0, jsx_runtime_1.jsx)("span", {})] })));
 exports.TypingIndicator = TypingIndicator;
 //# sourceMappingURL=typing-indicator.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"typing-indicator.js","sourceRoot":"src/","sources":["webchat/components/typing-indicator.jsx"],"names":[],"mappings":";;;;;AAAA,mCAAgC;AAEhC,0DAAyB;AAEzB,+CAA+C;AAExC,MAAM,eAAe,GAAG,KAAK,CAAC,EAAE,CAAC,CACtC,iCACE,IAAI,EAAE,iBAAK,CAAC,gBAAgB,EAC5B,SAAS,EAAC,kBAAkB,EAC5B,KAAK,EAAE,EAAE,eAAe,EAAE,kBAAM,CAAC,cAAc,EAAE,aAEjD,kCAAQ,EACR,kCAAQ,EACR,kCAAQ,IACJ,CACP,CAAA;AAVY,QAAA,eAAe,mBAU3B"}
+{"version":3,"file":"typing-indicator.js","sourceRoot":"src/","sources":["webchat/components/typing-indicator.jsx"],"names":[],"mappings":";;;;;AAAA,mCAAgC;AAEhC,0DAAyB;AAEzB,+CAA+C;AAExC,MAAM,eAAe,GAAG,KAAK,CAAC,EAAE,CAAC,CACtC,+CACE,IAAI,EAAE,iBAAK,CAAC,gBAAgB,EAC5B,SAAS,EAAC,kBAAkB,EAC5B,KAAK,EAAE,EAAE,eAAe,EAAE,kBAAM,CAAC,cAAc,EAAE,iBAEjD,kCAAQ,EACR,kCAAQ,EACR,kCAAQ,KACJ,CACP,CAAA;AAVY,QAAA,eAAe,mBAU3B"}

package/lib/cjs/webchat/header.js

@@ -61,7 +61,7 @@ const DefaultHeader = props => {
     const headerImage = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerImage, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.brandImage, constants_1.WEBCHAT.DEFAULTS.LOGO));
     const headerTitle = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerTitle, constants_1.WEBCHAT.DEFAULTS.TITLE);
     const headerSubtitle = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerSubtitle, '');
-    return ((0, jsx_runtime_1.jsxs)(Header, { role: constants_1.ROLES.HEADER, color: props.color, style: Object.assign({}, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerStyle)), children: [headerImage && ((0, jsx_runtime_1.jsx)(ImageContainer, { children: (0, jsx_runtime_1.jsx)(Image, { src: (0, environment_1.resolveImage)(headerImage) }) })), (0, jsx_runtime_1.jsxs)(TextContainer, { ml: headerImage ? '0px' : '16px', children: [(0, jsx_runtime_1.jsx)(Title, { mb: headerSubtitle ? '6px' : '0px', children: headerTitle }), (0, jsx_runtime_1.jsx)(Subtitle, { children: headerSubtitle })] }), (0, jsx_runtime_1.jsx)(react_2.ConditionalWrapper, { condition: animationsEnabled, wrapper: children => ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { whileHover: { scale: 1.2 }, children: children })), children: (0, jsx_runtime_1.jsx)(CloseHeader, { onClick: props.onCloseClick, children: "\u2A2F" }) })] }));
+    return ((0, jsx_runtime_1.jsxs)(Header, Object.assign({ role: constants_1.ROLES.HEADER, color: props.color, style: Object.assign({}, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerStyle)) }, { children: [headerImage && ((0, jsx_runtime_1.jsx)(ImageContainer, { children: (0, jsx_runtime_1.jsx)(Image, { src: (0, environment_1.resolveImage)(headerImage) }) })), (0, jsx_runtime_1.jsxs)(TextContainer, Object.assign({ ml: headerImage ? '0px' : '16px' }, { children: [(0, jsx_runtime_1.jsx)(Title, Object.assign({ mb: headerSubtitle ? '6px' : '0px' }, { children: headerTitle })), (0, jsx_runtime_1.jsx)(Subtitle, { children: headerSubtitle })] })), (0, jsx_runtime_1.jsx)(react_2.ConditionalWrapper, Object.assign({ condition: animationsEnabled, wrapper: children => ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, Object.assign({ whileHover: { scale: 1.2 } }, { children: children }))) }, { children: (0, jsx_runtime_1.jsx)(CloseHeader, Object.assign({ onClick: props.onCloseClick }, { children: "\u2A2F" })) }))] })));
 };
 exports.DefaultHeader = DefaultHeader;
 const WebchatHeader = props => {

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

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

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

@@ -0,0 +1,5 @@
+export { useComponentVisible } from './use-component-visible';
+export { useComponentWillMount } from './use-component-will-mount';
+export { usePrevious } from './use-previous';
+export { useTyping } from './use-typing';
+export { useWebchat, webchatInitialState } from './use-webchat';

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.webchatInitialState = exports.useWebchat = exports.useTyping = exports.usePrevious = exports.useComponentWillMount = exports.useComponentVisible = void 0;
+var use_component_visible_1 = require("./use-component-visible");
+Object.defineProperty(exports, "useComponentVisible", { enumerable: true, get: function () { return use_component_visible_1.useComponentVisible; } });
+var use_component_will_mount_1 = require("./use-component-will-mount");
+Object.defineProperty(exports, "useComponentWillMount", { enumerable: true, get: function () { return use_component_will_mount_1.useComponentWillMount; } });
+var use_previous_1 = require("./use-previous");
+Object.defineProperty(exports, "usePrevious", { enumerable: true, get: function () { return use_previous_1.usePrevious; } });
+var use_typing_1 = require("./use-typing");
+Object.defineProperty(exports, "useTyping", { enumerable: true, get: function () { return use_typing_1.useTyping; } });
+var use_webchat_1 = require("./use-webchat");
+Object.defineProperty(exports, "useWebchat", { enumerable: true, get: function () { return use_webchat_1.useWebchat; } });
+Object.defineProperty(exports, "webchatInitialState", { enumerable: true, get: function () { return use_webchat_1.webchatInitialState; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"src/","sources":["webchat/hooks/index.ts"],"names":[],"mappings":";;;AAAA,iEAA6D;AAApD,4HAAA,mBAAmB,OAAA;AAC5B,uEAAkE;AAAzD,iIAAA,qBAAqB,OAAA;AAC9B,+CAA4C;AAAnC,2GAAA,WAAW,OAAA;AACpB,2CAAwC;AAA/B,uGAAA,SAAS,OAAA;AAClB,6CAA+D;AAAtD,yGAAA,UAAU,OAAA;AAAE,kHAAA,mBAAmB,OAAA"}

package/lib/cjs/webchat/hooks/use-component-visible.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface ComponentVisible {
+    ref: React.RefObject<HTMLElement>;
+    isComponentVisible: boolean;
+    setIsComponentVisible: React.Dispatch<React.SetStateAction<boolean>>;
+}
+export declare function useComponentVisible(initialIsVisible: boolean, onClickOutside: () => void): ComponentVisible;
+export {};

package/lib/cjs/webchat/hooks/use-component-visible.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useComponentVisible = void 0;
+const react_1 = require("react");
+function useComponentVisible(initialIsVisible, onClickOutside) {
+    const [isComponentVisible, setIsComponentVisible] = (0, react_1.useState)(initialIsVisible);
+    const ref = (0, react_1.useRef)(null);
+    const handleClickOutside = event => {
+        const target = event.path ? event.path[0] : event.target;
+        if (ref.current && !ref.current.contains(target)) {
+            setIsComponentVisible(false);
+            onClickOutside();
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        document.addEventListener('click', handleClickOutside, false);
+        return () => {
+            document.removeEventListener('click', handleClickOutside, false);
+        };
+    });
+    return { ref, isComponentVisible, setIsComponentVisible };
+}
+exports.useComponentVisible = useComponentVisible;
+//# sourceMappingURL=use-component-visible.js.map

package/lib/cjs/webchat/hooks/use-component-visible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-component-visible.js","sourceRoot":"src/","sources":["webchat/hooks/use-component-visible.ts"],"names":[],"mappings":";;;AAAA,iCAAmD;AAQnD,SAAgB,mBAAmB,CACjC,gBAAyB,EACzB,cAA0B;IAE1B,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,IAAA,gBAAQ,EAAC,gBAAgB,CAAC,CAAA;IAC9E,MAAM,GAAG,GAAG,IAAA,cAAM,EAAc,IAAI,CAAC,CAAA;IACrC,MAAM,kBAAkB,GAAG,KAAK,CAAC,EAAE;QACjC,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAA;QACxD,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;YAChD,qBAAqB,CAAC,KAAK,CAAC,CAAA;YAC5B,cAAc,EAAE,CAAA;SACjB;IACH,CAAC,CAAA;IACD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,EAAE,KAAK,CAAC,CAAA;QAC7D,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,EAAE,KAAK,CAAC,CAAA;QAClE,CAAC,CAAA;IACH,CAAC,CAAC,CAAA;IACF,OAAO,EAAE,GAAG,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,CAAA;AAC3D,CAAC;AApBD,kDAoBC"}

package/lib/cjs/webchat/hooks/use-component-will-mount.d.ts

@@ -0,0 +1 @@
+export declare const useComponentWillMount: (func: any) => void;

package/lib/cjs/webchat/hooks/use-component-will-mount.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useComponentWillMount = void 0;
+const react_1 = require("react");
+const useComponentWillMount = func => {
+    (0, react_1.useMemo)(func, []);
+};
+exports.useComponentWillMount = useComponentWillMount;
+//# sourceMappingURL=use-component-will-mount.js.map

package/lib/cjs/webchat/hooks/use-component-will-mount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-component-will-mount.js","sourceRoot":"src/","sources":["webchat/hooks/use-component-will-mount.ts"],"names":[],"mappings":";;;AAAA,iCAA+B;AAExB,MAAM,qBAAqB,GAAG,IAAI,CAAC,EAAE;IAC1C,IAAA,eAAO,EAAC,IAAI,EAAE,EAAE,CAAC,CAAA;AACnB,CAAC,CAAA;AAFY,QAAA,qBAAqB,yBAEjC"}

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

@@ -0,0 +1 @@
+export declare function usePrevious(value: any): undefined;

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePrevious = void 0;
+const react_1 = require("react");
+function usePrevious(value) {
+    const ref = (0, react_1.useRef)();
+    (0, react_1.useEffect)(() => {
+        ref.current = value;
+    });
+    return ref.current;
+}
+exports.usePrevious = usePrevious;
+//# sourceMappingURL=use-previous.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-previous.js","sourceRoot":"src/","sources":["webchat/hooks/use-previous.ts"],"names":[],"mappings":";;;AAAA,iCAAyC;AAEzC,SAAgB,WAAW,CAAC,KAAK;IAC/B,MAAM,GAAG,GAAG,IAAA,cAAM,GAAE,CAAA;IACpB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;IACrB,CAAC,CAAC,CAAA;IACF,OAAO,GAAG,CAAC,OAAO,CAAA;AACpB,CAAC;AAND,kCAMC"}

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

@@ -0,0 +1,10 @@
+import { WebchatMessage } from '../../index-types';
+import { WebchatState } from '../index-types';
+interface UseTyping {
+    webchatState: WebchatState;
+    updateTyping: (typing: boolean) => void;
+    updateMessage: (message: WebchatMessage) => void;
+    host: any;
+}
+export declare function useTyping({ webchatState, updateTyping, updateMessage, host, }: UseTyping): void;
+export {};

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

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTyping = void 0;
+const react_1 = require("react");
+const util_1 = require("../../util");
+function useTyping({ webchatState, updateTyping, updateMessage, host, }) {
+    (0, react_1.useEffect)(() => {
+        let delayTimeout, typingTimeout;
+        (0, util_1.scrollToBottom)({ host });
+        try {
+            const nextMsg = webchatState.messagesJSON.filter(m => !m.display)[0];
+            if (nextMsg.delay && nextMsg.typing) {
+                delayTimeout = setTimeout(() => updateTyping(true), nextMsg.delay * 1000);
+            }
+            else if (nextMsg.typing)
+                updateTyping(true);
+            const totalDelay = nextMsg.delay + nextMsg.typing;
+            if (totalDelay)
+                typingTimeout = setTimeout(() => {
+                    updateMessage(Object.assign(Object.assign({}, nextMsg), { display: true }));
+                    updateTyping(false);
+                }, totalDelay * 1000);
+        }
+        catch (e) { }
+        return () => {
+            clearTimeout(delayTimeout);
+            clearTimeout(typingTimeout);
+        };
+    }, [webchatState.messagesJSON, webchatState.typing]);
+}
+exports.useTyping = useTyping;
+//# sourceMappingURL=use-typing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-typing.js","sourceRoot":"src/","sources":["webchat/hooks/use-typing.ts"],"names":[],"mappings":";;;AAAA,iCAAiC;AAGjC,qCAA2C;AAU3C,SAAgB,SAAS,CAAC,EACxB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,IAAI,GACM;IACV,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,YAAY,EAAE,aAAa,CAAA;QAC/B,IAAA,qBAAc,EAAC,EAAE,IAAI,EAAE,CAAC,CAAA;QACxB,IAAI;YACF,MAAM,OAAO,GAAG,YAAY,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;YACpE,IAAI,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,MAAM,EAAE;gBACnC,YAAY,GAAG,UAAU,CACvB,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACxB,OAAO,CAAC,KAAK,GAAG,IAAI,CACrB,CAAA;aACF;iBAAM,IAAI,OAAO,CAAC,MAAM;gBAAE,YAAY,CAAC,IAAI,CAAC,CAAA;YAC7C,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,MAAM,CAAA;YACjD,IAAI,UAAU;gBACZ,aAAa,GAAG,UAAU,CAAC,GAAG,EAAE;oBAC9B,aAAa,iCAAM,OAAO,KAAE,OAAO,EAAE,IAAI,IAAG,CAAA;oBAC5C,YAAY,CAAC,KAAK,CAAC,CAAA;gBACrB,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC,CAAA;SACxB;QAAC,OAAO,CAAC,EAAE,GAAE;QACd,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,YAAY,CAAC,CAAA;YAC1B,YAAY,CAAC,aAAa,CAAC,CAAA;QAC7B,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAA;AACtD,CAAC;AA7BD,8BA6BC"}

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

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+import { Input, Session } from '@botonic/core';
+import { ThemeProps, Webview } from '../../components/index-types';
+import { WebchatMessage } from '../../index-types';
+import { WebchatAction } from '../actions';
+import { DevSettings, ErrorMessage, WebchatState } from '../index-types';
+export declare const webchatInitialState: WebchatState;
+export declare function useWebchat(): {
+    addMessage: (message: WebchatMessage) => void;
+    addMessageComponent: (message: WebchatMessage) => void;
+    clearMessages: () => void;
+    doRenderCustomComponent: (toggle: boolean) => void;
+    setCurrentAttachment: (attachment: File) => void;
+    setError: (error: ErrorMessage) => void;
+    setOnline: (online: boolean) => void;
+    toggleCoverComponent: (toggle: boolean) => void;
+    toggleEmojiPicker: (toggle: boolean) => void;
+    togglePersistentMenu: (toggle: boolean) => void;
+    toggleWebchat: (toggle: boolean) => void;
+    updateDevSettings: (settings: DevSettings) => void;
+    updateHandoff: (handoff: boolean) => void;
+    updateJwt: (jwt: string) => void;
+    updateLastMessageDate: (date: string) => void;
+    updateLastRoutePath: (path: string) => void;
+    updateLatestInput: (input: Input) => void;
+    updateMessage: (message: WebchatMessage) => void;
+    updateReplies: (replies: any) => void;
+    updateSession: (session: Session) => void;
+    updateTheme: (theme: ThemeProps, themeUpdates?: ThemeProps) => void;
+    updateTyping: (typing: boolean) => void;
+    updateWebview: (webview: Webview, params: Record<string, string>) => void;
+    webchatDispatch: import("react").Dispatch<{
+        type: WebchatAction;
+        payload?: any;
+    }>;
+    webchatState: WebchatState;
+};