@botonic/react 0.22.0-alpha.1 → 0.22.0-alpha.2

package/lib/esm/webchat/header.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { motion } from 'framer-motion';
 import React, { useContext } from 'react';
 import styled from 'styled-components';
@@ -56,18 +57,7 @@ export const DefaultHeader = props => {
     const headerImage = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerImage, getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.brandImage, WEBCHAT.DEFAULTS.LOGO));
     const headerTitle = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerTitle, WEBCHAT.DEFAULTS.TITLE);
     const headerSubtitle = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerSubtitle, '');
-    return (<Header role={ROLES.HEADER} color={props.color} style={Object.assign({}, getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerStyle))}>
-      {headerImage && (<ImageContainer>
-          <Image src={resolveImage(headerImage)}/>
-        </ImageContainer>)}
-      <TextContainer ml={headerImage ? '0px' : '16px'}>
-        <Title mb={headerSubtitle ? '6px' : '0px'}>{headerTitle}</Title>
-        <Subtitle>{headerSubtitle}</Subtitle>
-      </TextContainer>
-      <ConditionalWrapper condition={animationsEnabled} wrapper={children => (<motion.div whileHover={{ scale: 1.2 }}>{children}</motion.div>)}>
-        <CloseHeader onClick={props.onCloseClick}>⨯</CloseHeader>
-      </ConditionalWrapper>
-    </Header>);
+    return (_jsxs(Header, Object.assign({ role: ROLES.HEADER, color: props.color, style: Object.assign({}, getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerStyle)) }, { children: [headerImage && (_jsx(ImageContainer, { children: _jsx(Image, { src: resolveImage(headerImage) }) })), _jsxs(TextContainer, Object.assign({ ml: headerImage ? '0px' : '16px' }, { children: [_jsx(Title, Object.assign({ mb: headerSubtitle ? '6px' : '0px' }, { children: headerTitle })), _jsx(Subtitle, { children: headerSubtitle })] })), _jsx(ConditionalWrapper, Object.assign({ condition: animationsEnabled, wrapper: children => (_jsx(motion.div, Object.assign({ whileHover: { scale: 1.2 } }, { children: children }))) }, { children: _jsx(CloseHeader, Object.assign({ onClick: props.onCloseClick }, { children: "\u2A2F" })) }))] })));
 };
 export const WebchatHeader = props => {
     const { webchatState, getThemeProperty } = useContext(WebchatContext);
@@ -76,9 +66,9 @@ export const WebchatHeader = props => {
     };
     const CustomHeader = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customHeader);
     if (CustomHeader) {
-        return <CustomHeader onCloseClick={handleCloseWebchat}/>;
+        return _jsx(CustomHeader, { onCloseClick: handleCloseWebchat });
     }
-    return (<DefaultHeader webchatState={webchatState} getThemeProperty={getThemeProperty} color={getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.brandColor, COLORS.BOTONIC_BLUE)} onCloseClick={handleCloseWebchat}/>);
+    return (_jsx(DefaultHeader, { webchatState: webchatState, getThemeProperty: getThemeProperty, color: getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.brandColor, COLORS.BOTONIC_BLUE), onCloseClick: handleCloseWebchat }));
 };
 export const StyledWebchatHeader = styled(WebchatHeader) `
   border-radius: 8px 8px 0px 0px;

package/lib/esm/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/esm/webchat/hooks.js

@@ -191,7 +191,8 @@ export function useComponentVisible(initialIsVisible, onClickOutside) {
     const [isComponentVisible, setIsComponentVisible] = useState(initialIsVisible);
     const ref = useRef(null);
     const handleClickOutside = event => {
-        if (ref.current && !ref.current.contains(event.path[0])) {
+        const target = event.path ? event.path[0] : event.target;
+        if (ref.current && !ref.current.contains(target)) {
             setIsComponentVisible(false);
             onClickOutside();
         }

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

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

package/lib/esm/webchat/message-list.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useContext } from 'react';
 import Fade from 'react-reveal/Fade';
 import styled from 'styled-components';
@@ -25,17 +26,9 @@ export const WebchatMessageList = props => {
     const introImage = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.introImage);
     const introStyle = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.introStyle);
     const scrollbarOptions = Object.assign({ enable: true, autoHide: true }, getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.scrollbar));
-    const DefaultIntro = introImage && (<DefaultIntroImage style={Object.assign({}, introStyle)} src={resolveImage(introImage)}/>);
-    return (<StyledScrollbar role={ROLES.MESSAGE_LIST} 
-    // TODO: Distinguis between multiple instances of webchat, e.g. `${uniqueId}-botonic-scrollable`
-    id='botonic-scrollable-content' scrollbar={scrollbarOptions} autoHide={scrollbarOptions.autoHide} ismessagescontainer='true' style={Object.assign({}, props.style)}>
-      {(CustomIntro || DefaultIntro) && (<ConditionalWrapper condition={animationsEnabled} wrapper={children => <Fade>{children}</Fade>}>
-          {CustomIntro ? <CustomIntro /> : DefaultIntro}
-        </ConditionalWrapper>)}
-      {webchatState.messagesComponents.map((e, i) => (<StyledMessages role={ROLES.MESSAGE} key={i}>
-          {e}
-        </StyledMessages>))}
-      {props.children}
-    </StyledScrollbar>);
+    const DefaultIntro = introImage && (_jsx(DefaultIntroImage, { style: Object.assign({}, introStyle), src: resolveImage(introImage) }));
+    return (_jsxs(StyledScrollbar, Object.assign({ role: ROLES.MESSAGE_LIST, 
+        // TODO: Distinguis between multiple instances of webchat, e.g. `${uniqueId}-botonic-scrollable`
+        id: 'botonic-scrollable-content', scrollbar: scrollbarOptions, autoHide: scrollbarOptions.autoHide, ismessagescontainer: 'true', style: Object.assign({}, props.style) }, { children: [(CustomIntro || DefaultIntro) && (_jsx(ConditionalWrapper, Object.assign({ condition: animationsEnabled, wrapper: children => _jsx(Fade, { children: children }) }, { children: CustomIntro ? _jsx(CustomIntro, {}) : DefaultIntro }))), webchatState.messagesComponents.map((e, i) => (_jsx(StyledMessages, Object.assign({ role: ROLES.MESSAGE }, { children: e }), i))), props.children] })));
 };
 //# sourceMappingURL=message-list.js.map

package/lib/esm/webchat/message-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"message-list.js","sourceRoot":"src/","sources":["webchat/message-list.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,IAAI,MAAM,mBAAmB,CAAA;AACpC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAE/D,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOhC,CAAA;AAED,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGnC,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,EAAE;IACxC,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IACrE,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,OAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,IAAI,CACL,CAAA;IACD,MAAM,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC3E,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAA;IACzE,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAA;IAEzE,MAAM,gBAAgB,iBACjB,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EAChC,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,SAAS,CAAC,CACzD,CAAA;IAED,MAAM,YAAY,GAAG,UAAU,IAAI,CACjC,CAAC,iBAAiB,CAChB,KAAK,CAAC,mBACD,UAAU,EACb,CACF,GAAG,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,EAC9B,CACH,CAAA;IAED,OAAO,CACL,CAAC,eAAe,CACd,IAAI,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC;IACzB,gGAAgG;IAChG,EAAE,CAAC,4BAA4B,CAC/B,SAAS,CAAC,CAAC,gBAAgB,CAAC,CAC5B,QAAQ,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CACpC,mBAAmB,CAAC,MAAM,CAC1B,KAAK,CAAC,mBACD,KAAK,CAAC,KAAK,EACd,CAEF;MAAA,CAAC,CAAC,WAAW,IAAI,YAAY,CAAC,IAAI,CAChC,CAAC,kBAAkB,CACjB,SAAS,CAAC,CAAC,iBAAiB,CAAC,CAC7B,OAAO,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAC,CAE7C;UAAA,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,AAAD,EAAG,CAAC,CAAC,CAAC,YAAY,CAC/C;QAAA,EAAE,kBAAkB,CAAC,CACtB,CACD;MAAA,CAAC,YAAY,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7C,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAC1C;UAAA,CAAC,CAAC,CACJ;QAAA,EAAE,cAAc,CAAC,CAClB,CAAC,CACF;MAAA,CAAC,KAAK,CAAC,QAAQ,CACjB;IAAA,EAAE,eAAe,CAAC,CACnB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"message-list.js","sourceRoot":"src/","sources":["webchat/message-list.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,IAAI,MAAM,mBAAmB,CAAA;AACpC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAE/D,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOhC,CAAA;AAED,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGnC,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,EAAE;IACxC,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IACrE,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,OAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,IAAI,CACL,CAAA;IACD,MAAM,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC3E,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAA;IACzE,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAA;IAEzE,MAAM,gBAAgB,iBACjB,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EAChC,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,SAAS,CAAC,CACzD,CAAA;IAED,MAAM,YAAY,GAAG,UAAU,IAAI,CACjC,KAAC,iBAAiB,IAChB,KAAK,oBACA,UAAU,GAEf,GAAG,EAAE,YAAY,CAAC,UAAU,CAAC,GAC7B,CACH,CAAA;IAED,OAAO,CACL,MAAC,eAAe,kBACd,IAAI,EAAE,KAAK,CAAC,YAAY;QACxB,gGAAgG;QAChG,EAAE,EAAC,4BAA4B,EAC/B,SAAS,EAAE,gBAAgB,EAC3B,QAAQ,EAAE,gBAAgB,CAAC,QAAQ,EACnC,mBAAmB,EAAC,MAAM,EAC1B,KAAK,oBACA,KAAK,CAAC,KAAK,kBAGf,CAAC,WAAW,IAAI,YAAY,CAAC,IAAI,CAChC,KAAC,kBAAkB,kBACjB,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC,KAAC,IAAI,cAAE,QAAQ,GAAQ,gBAE3C,WAAW,CAAC,CAAC,CAAC,KAAC,WAAW,KAAG,CAAC,CAAC,CAAC,YAAY,IAC1B,CACtB,EACA,YAAY,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7C,KAAC,cAAc,kBAAC,IAAI,EAAE,KAAK,CAAC,OAAO,gBAChC,CAAC,KADsC,CAAC,CAE1B,CAClB,CAAC,EACD,KAAK,CAAC,QAAQ,KACC,CACnB,CAAA;AACH,CAAC,CAAA"}

package/lib/esm/webchat/replies.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useContext } from 'react';
 import styled from 'styled-components';
 import { WEBCHAT } from '../constants';
@@ -32,10 +33,6 @@ export const WebchatReplies = props => {
     else if (getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.alignReplies))
         justifyContent =
             options[getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.alignReplies)];
-    return (<StyledScrollbar scrollbar={scrollbarOptions} autoHide={scrollbarOptions.autoHide}>
-      <RepliesContainer justify={justifyContent} wrap={flexWrap} style={Object.assign({}, props.style)}>
-        {webchatState.replies.map((r, i) => (<ReplyContainer key={i}>{r}</ReplyContainer>))}
-      </RepliesContainer>
-    </StyledScrollbar>);
+    return (_jsx(StyledScrollbar, Object.assign({ scrollbar: scrollbarOptions, autoHide: scrollbarOptions.autoHide }, { children: _jsx(RepliesContainer, Object.assign({ justify: justifyContent, wrap: flexWrap, style: Object.assign({}, props.style) }, { children: webchatState.replies.map((r, i) => (_jsx(ReplyContainer, { children: r }, i))) })) })));
 };
 //# sourceMappingURL=replies.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"replies.js","sourceRoot":"src/","sources":["webchat/replies.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAA;AAExE,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;qBAGd,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO;eAC5B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI;;;;CAIjC,CAAA;AAED,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIhC,CAAA;AAED,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,YAAY;IAClB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,UAAU;CAClB,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,EAAE;IACpC,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IACrE,MAAM,gBAAgB,iBACjB,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EAChC,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,SAAS,CAAC,CACzD,CAAA;IACD,IAAI,cAAc,GAAG,QAAQ,CAAA;IAC7B,MAAM,QAAQ,GAAG,gBAAgB,CAC/B,OAAO,CAAC,iBAAiB,CAAC,WAAW,EACrC,MAAM,CACP,CAAA;IACD,IAAI,QAAQ,IAAI,QAAQ;QAAE,cAAc,GAAG,YAAY,CAAA;SAClD,IAAI,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,YAAY,CAAC;QAC/D,cAAc;YACZ,OAAO,CAAC,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAA;IAErE,OAAO,CACL,CAAC,eAAe,CACd,SAAS,CAAC,CAAC,gBAAgB,CAAC,CAC5B,QAAQ,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAEpC;MAAA,CAAC,gBAAgB,CACf,OAAO,CAAC,CAAC,cAAc,CAAC,CACxB,IAAI,CAAC,CAAC,QAAQ,CAAC,CACf,KAAK,CAAC,mBACD,KAAK,CAAC,KAAK,EACd,CAEF;QAAA,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAClC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,CAC7C,CAAC,CACJ;MAAA,EAAE,gBAAgB,CACpB;IAAA,EAAE,eAAe,CAAC,CACnB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"replies.js","sourceRoot":"src/","sources":["webchat/replies.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAA;AAExE,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;qBAGd,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO;eAC5B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI;;;;CAIjC,CAAA;AAED,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIhC,CAAA;AAED,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,YAAY;IAClB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,UAAU;CAClB,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,EAAE;IACpC,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IACrE,MAAM,gBAAgB,iBACjB,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EAChC,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,SAAS,CAAC,CACzD,CAAA;IACD,IAAI,cAAc,GAAG,QAAQ,CAAA;IAC7B,MAAM,QAAQ,GAAG,gBAAgB,CAC/B,OAAO,CAAC,iBAAiB,CAAC,WAAW,EACrC,MAAM,CACP,CAAA;IACD,IAAI,QAAQ,IAAI,QAAQ;QAAE,cAAc,GAAG,YAAY,CAAA;SAClD,IAAI,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,YAAY,CAAC;QAC/D,cAAc;YACZ,OAAO,CAAC,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAA;IAErE,OAAO,CACL,KAAC,eAAe,kBACd,SAAS,EAAE,gBAAgB,EAC3B,QAAQ,EAAE,gBAAgB,CAAC,QAAQ,gBAEnC,KAAC,gBAAgB,kBACf,OAAO,EAAE,cAAc,EACvB,IAAI,EAAE,QAAQ,EACd,KAAK,oBACA,KAAK,CAAC,KAAK,iBAGf,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAClC,KAAC,cAAc,cAAU,CAAC,IAAL,CAAC,CAAsB,CAC7C,CAAC,IACe,IACH,CACnB,CAAA;AACH,CAAC,CAAA"}

package/lib/esm/webchat/session-view.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import JSONTree from 'react-json-tree';
 import styled from 'styled-components';
@@ -25,10 +26,7 @@ const Value = styled.div `
   color: ${COLORS.CURIOUS_BLUE};
   overflow-x: hidden;
 `;
-const SessionViewAttribute = props => (<AttributeContainer>
-    <Label>{props.label}</Label>
-    <Value>{props.value}</Value>
-  </AttributeContainer>);
+const SessionViewAttribute = props => (_jsxs(AttributeContainer, { children: [_jsx(Label, { children: props.label }), _jsx(Value, { children: props.value })] }));
 const SessionViewContent = styled.div `
   position: relative;
   width: ${props => (props.show ? '100%' : '0%')};
@@ -89,31 +87,10 @@ export const SessionView = props => {
     const { latestInput: input, session, lastRoutePath } = webchatState;
     const toggleSessionView = () => updateDevSettings(Object.assign(Object.assign({}, webchatState.devSettings), { showSessionView: !webchatState.devSettings.showSessionView }));
     const toggleKeepSessionOnReload = () => updateDevSettings(Object.assign(Object.assign({}, webchatState.devSettings), { keepSessionOnReload: !webchatState.devSettings.keepSessionOnReload }));
-    return (<SessionViewContent show={webchatState.devSettings.showSessionView}>
-      <ToggleTab onClick={toggleSessionView}>
-        {webchatState.devSettings.showSessionView ? '⇤' : '⇥'}
-      </ToggleTab>
-      <ContentContainer>
-        <Title>Botonic Dev Console</Title>
-        <SessionViewAttribute label='INPUT:' value={input && Object.keys(input).length
-            ? `[${input.type}] ${input.data || ''}`
-            : ''}/>
-        <SessionViewAttribute label='PAYLOAD:' value={input.payload}/>
-        <SessionViewAttribute label='INTENT:' value={input.intent
-            ? `${input.intent} (${(input.confidence * 100).toFixed(1)}%)`
-            : ''}/>
-        <SessionViewAttribute label='PATH:' value={lastRoutePath ? `/${lastRoutePath}` : '/'}/>
-        <SessionViewAttribute label='SESSION:'/>
-        <SessionContainer>
-          <JSONTree data={session} hideRoot={true}/>
-        </SessionContainer>
-        <KeepSessionContainer>
-          <label>
-            <input type='checkbox' name='toggleKeepSessionOnReload' checked={Boolean(webchatState.devSettings.keepSessionOnReload)} onChange={toggleKeepSessionOnReload}/>
-            Keep session on reload
-          </label>
-        </KeepSessionContainer>
-      </ContentContainer>
-    </SessionViewContent>);
+    return (_jsxs(SessionViewContent, Object.assign({ show: webchatState.devSettings.showSessionView }, { children: [_jsx(ToggleTab, Object.assign({ onClick: toggleSessionView }, { children: webchatState.devSettings.showSessionView ? '⇤' : '⇥' })), _jsxs(ContentContainer, { children: [_jsx(Title, { children: "Botonic Dev Console" }), _jsx(SessionViewAttribute, { label: 'INPUT:', value: input && Object.keys(input).length
+                            ? `[${input.type}] ${input.data || ''}`
+                            : '' }), _jsx(SessionViewAttribute, { label: 'PAYLOAD:', value: input.payload }), _jsx(SessionViewAttribute, { label: 'INTENT:', value: input.intent
+                            ? `${input.intent} (${(input.confidence * 100).toFixed(1)}%)`
+                            : '' }), _jsx(SessionViewAttribute, { label: 'PATH:', value: lastRoutePath ? `/${lastRoutePath}` : '/' }), _jsx(SessionViewAttribute, { label: 'SESSION:' }), _jsx(SessionContainer, { children: _jsx(JSONTree, { data: session, hideRoot: true }) }), _jsx(KeepSessionContainer, { children: _jsxs("label", { children: [_jsx("input", { type: 'checkbox', name: 'toggleKeepSessionOnReload', checked: Boolean(webchatState.devSettings.keepSessionOnReload), onChange: toggleKeepSessionOnReload }), "Keep session on reload"] }) })] })] })));
 };
 //# sourceMappingURL=session-view.js.map

package/lib/esm/webchat/session-view.js.map

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

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

@@ -1,7 +1,17 @@
 import { useCallback, useEffect, useState } from 'react';
-//Code taken from https://github.com/leny/react-use-storage
-const evtTarget = new EventTarget();
+// Code taken from https://github.com/leny/react-use-storage/blob/master/src/index.js
+const IS_BROWSER = typeof window !== 'undefined' &&
+    typeof navigator !== 'undefined' &&
+    typeof document !== 'undefined';
 export function useStorageState(storage, key, defaultValue) {
+    var _a, _b;
+    let evtTarget;
+    try {
+        evtTarget = new EventTarget();
+    }
+    catch (_c) {
+        evtTarget = (_b = (_a = (IS_BROWSER ? document : {})) === null || _a === void 0 ? void 0 : _a.createElement) === null || _b === void 0 ? void 0 : _b.call(_a, 'phony');
+    }
     const raw = storage === null || storage === void 0 ? void 0 : storage.getItem(key);
     const [value, setValue] = useState(raw ? JSON.parse(raw) : defaultValue);
     const updater = useCallback((updatedValue, remove = false) => {

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

@@ -1 +1 @@
-{"version":3,"file":"use-storage-state-hook.js","sourceRoot":"src/","sources":["webchat/use-storage-state-hook.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAExD,2DAA2D;AAC3D,MAAM,SAAS,GAAG,IAAI,WAAW,EAAE,CAAA;AAEnC,MAAM,UAAU,eAAe,CAAC,OAAO,EAAE,GAAG,EAAE,YAAY;IACxD,MAAM,GAAG,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,GAAG,CAAC,CAAA;IAEjC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAA;IAExE,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,YAAY,EAAE,MAAM,GAAG,KAAK,EAAE,EAAE;QAC/B,QAAQ,CAAC,YAAY,CAAC,CAAA;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CACxC,GAAG,EACH,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAC7B,CAAA;QACD,SAAS,CAAC,aAAa,CACrB,IAAI,WAAW,CAAC,gBAAgB,EAAE,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACvD,CAAA;IACH,CAAC,EACD,CAAC,GAAG,CAAC,CACN,CAAA;IAED,YAAY,IAAI,IAAI,IAAI,CAAC,GAAG,IAAI,OAAO,CAAC,YAAY,CAAC,CAAA;IAErD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;YAC9B,IAAI,MAAM,CAAC,GAAG,KAAK,GAAG,EAAE;gBACtB,MAAM,IAAI,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,GAAG,CAAC,CAAA;gBAElC,IAAI,KAAK,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;aAC3C;QACH,CAAC,CAAA;QAED,SAAS,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAA;QACtD,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,mBAAmB,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAA;IACxE,CAAC,CAAC,CAAA;IAEF,IAAI,OAAO,KAAK,IAAI,EAAE;QACpB,OAAO,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;KAC9B;IACD,OAAO,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;AACpD,CAAC"}
+{"version":3,"file":"use-storage-state-hook.js","sourceRoot":"src/","sources":["webchat/use-storage-state-hook.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAExD,qFAAqF;AACrF,MAAM,UAAU,GACd,OAAO,MAAM,KAAK,WAAW;IAC7B,OAAO,SAAS,KAAK,WAAW;IAChC,OAAO,QAAQ,KAAK,WAAW,CAAA;AAEjC,MAAM,UAAU,eAAe,CAAC,OAAO,EAAE,GAAG,EAAE,YAAY;;IACxD,IAAI,SAAS,CAAA;IAEb,IAAI;QACF,SAAS,GAAG,IAAI,WAAW,EAAE,CAAA;KAC9B;IAAC,WAAM;QACN,SAAS,GAAG,MAAA,MAAA,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,0CAAE,aAAa,mDAAG,OAAO,CAAC,CAAA;KACnE;IAED,MAAM,GAAG,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,GAAG,CAAC,CAAA;IAEjC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAA;IAExE,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,YAAY,EAAE,MAAM,GAAG,KAAK,EAAE,EAAE;QAC/B,QAAQ,CAAC,YAAY,CAAC,CAAA;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CACxC,GAAG,EACH,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAC7B,CAAA;QACD,SAAS,CAAC,aAAa,CACrB,IAAI,WAAW,CAAC,gBAAgB,EAAE,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACvD,CAAA;IACH,CAAC,EACD,CAAC,GAAG,CAAC,CACN,CAAA;IAED,YAAY,IAAI,IAAI,IAAI,CAAC,GAAG,IAAI,OAAO,CAAC,YAAY,CAAC,CAAA;IAErD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;YAC9B,IAAI,MAAM,CAAC,GAAG,KAAK,GAAG,EAAE;gBACtB,MAAM,IAAI,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,GAAG,CAAC,CAAA;gBAElC,IAAI,KAAK,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;aAC3C;QACH,CAAC,CAAA;QAED,SAAS,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAA;QACtD,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,mBAAmB,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAA;IACxE,CAAC,CAAC,CAAA;IAEF,IAAI,OAAO,KAAK,IAAI,EAAE;QACpB,OAAO,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;KAC9B;IACD,OAAO,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;AACpD,CAAC"}

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

@@ -4,4 +4,4 @@ export function DebugTabPortal({ webchatHooks, ...props }: {
     webchatHooks: any;
 }): React.ReactPortal;
 export const WebchatDev: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from "react";
+import React from 'react';

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

@@ -1,4 +1,5 @@
 import { __rest } from "tslib";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { PROVIDER } from '@botonic/core';
 import merge from 'lodash.merge';
 import React, { forwardRef, useEffect } from 'react';
@@ -18,9 +19,7 @@ export const DebugTab = styled.div `
 // webchat is being rendered in a shadowDOM, that's why we need a portal
 export const DebugTabPortal = (_a) => {
     var { webchatHooks } = _a, props = __rest(_a, ["webchatHooks"]);
-    return createPortal(<DebugTab {...props}>
-      <SessionView webchatHooks={webchatHooks}/>
-    </DebugTab>, document.body);
+    return createPortal(_jsx(DebugTab, Object.assign({}, props, { children: _jsx(SessionView, { webchatHooks: webchatHooks }) })), document.body);
 };
 const initialSession = {
     is_first_interaction: true,
@@ -49,12 +48,9 @@ export const WebchatDev = forwardRef((props, ref) => {
     useEffect(() => {
         updateTheme(merge(webchatState.theme, props.theme));
     }, [props.theme]);
-    return (<>
-      <Webchat style={{ flex: 1, position: 'relative' }} {...props} ref={ref} webchatHooks={webchatHooks} initialSession={initialSession} initialDevSettings={{
-            keepSessionOnReload: webchatState.devSettings.keepSessionOnReload,
-            showSessionView: webchatState.devSettings.showSessionView,
-        }}/>
-      <DebugTabPortal show={webchatState.devSettings.showSessionView} webchatHooks={webchatHooks}/>
-    </>);
+    return (_jsxs(_Fragment, { children: [_jsx(Webchat, Object.assign({ style: { flex: 1, position: 'relative' } }, props, { ref: ref, webchatHooks: webchatHooks, initialSession: initialSession, initialDevSettings: {
+                    keepSessionOnReload: webchatState.devSettings.keepSessionOnReload,
+                    showSessionView: webchatState.devSettings.showSessionView,
+                } })), _jsx(DebugTabPortal, { show: webchatState.devSettings.showSessionView, webchatHooks: webchatHooks })] }));
 });
 //# sourceMappingURL=webchat-dev.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"webchat-dev.js","sourceRoot":"src/","sources":["webchat/webchat-dev.jsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"webchat-dev.js","sourceRoot":"src/","sources":["webchat/webchat-dev.jsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,KAAK,MAAM,cAAc,CAAA;AAChC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,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;AACxE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAA0B,EAAE,EAAE;QAA9B,EAAE,YAAY,OAAY,EAAP,KAAK,cAAxB,gBAA0B,CAAF;IACrD,OAAA,YAAY,CACV,KAAC,QAAQ,oBAAK,KAAK,cACjB,KAAC,WAAW,IAAC,YAAY,EAAE,YAAY,GAAI,IAClC,EACX,QAAQ,CAAC,IAAI,CACd,CAAA;CAAA,CAAA;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,QAAQ,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;AAC9C,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAClD,MAAM,YAAY,GAAG,UAAU,EAAE,CAAA;IACjC,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,YAAY,CAAA;IAElD;;6CAEyC;IACzC,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IACrD,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,8BACE,KAAC,OAAO,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,KAAC,cAAc,IACb,IAAI,EAAE,YAAY,CAAC,WAAW,CAAC,eAAe,EAC9C,YAAY,EAAE,YAAY,GAC1B,IACD,CACJ,CAAA;AACH,CAAC,CAAC,CAAA"}

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

@@ -1,3 +1,3 @@
 export function getParsedAction(botonicAction: any): any;
 export const Webchat: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from "react";
+import React from 'react';

package/lib/esm/webchat/webchat.js

@@ -1,5 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { INPUT, isMobile, params2queryString } from '@botonic/core';
-import { motion } from 'framer-motion';
 import merge from 'lodash.merge';
 import React, { forwardRef, useEffect, useImperativeHandle, useRef, useState, } from 'react';
 import Textarea from 'react-textarea-autosize';
@@ -115,7 +115,7 @@ const DarkBackgroundMenu = styled.div `
   width: 100%;
   height: 100%;
 `;
-// eslint-disable-next-line complexity
+// eslint-disable-next-line complexity, react/display-name
 export const Webchat = forwardRef((props, ref) => {
     const { webchatState, addMessage, addMessageComponent, updateMessage, updateReplies, updateLatestInput, updateTyping, updateWebview, updateSession, updateLastRoutePath, updateHandoff, updateTheme, updateDevSettings, toggleWebchat, toggleEmojiPicker, togglePersistentMenu, toggleCoverComponent, doRenderCustomComponent, setError, setOnline, clearMessages, openWebviewT, closeWebviewT, updateLastMessageDate, setCurrentAttachment,
     // eslint-disable-next-line react-hooks/rules-of-hooks
@@ -273,8 +273,8 @@ export const Webchat = forwardRef((props, ref) => {
         updateTheme(merge(props.theme, theme, webchatState.themeUpdates));
     }, [props.theme, webchatState.themeUpdates]);
     const openWebview = (webviewComponent, params) => updateWebview(webviewComponent, params);
-    const handleSelectedEmoji = (event, emojiObject) => {
-        textArea.current.value += emojiObject.emoji;
+    const handleSelectedEmoji = event => {
+        textArea.current.value += event.emoji;
         textArea.current.focus();
     };
     const closeWebview = options => {
@@ -317,13 +317,11 @@ export const Webchat = forwardRef((props, ref) => {
             return false;
         for (const rule of blockInputs) {
             if (getBlockInputs(rule, input.data)) {
-                addMessageComponent(<Text id={input.id} from={SENDERS.user} blob={false} style={{
+                addMessageComponent(_jsx(Text, Object.assign({ id: input.id, from: SENDERS.user, blob: false, style: {
                         backgroundColor: COLORS.SCORPION_GRAY,
                         borderColor: COLORS.SCORPION_GRAY,
                         padding: '8px 12px',
-                    }}>
-            {rule.message}
-          </Text>);
+                    } }, { children: rule.message })));
                 updateReplies(false);
                 return true;
             }
@@ -334,7 +332,7 @@ export const Webchat = forwardRef((props, ref) => {
         togglePersistentMenu(false);
     };
     const persistentMenu = () => {
-        return (<OpenedPersistentMenu onClick={closeMenu} options={persistentMenuOptions} borderRadius={webchatState.theme.style.borderRadius || '10px'}/>);
+        return (_jsx(OpenedPersistentMenu, { onClick: closeMenu, options: persistentMenuOptions, borderRadius: webchatState.theme.style.borderRadius || '10px' }));
     };
     const getCoverComponent = () => {
         return getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.coverComponent, props.coverComponent &&
@@ -354,15 +352,13 @@ export const Webchat = forwardRef((props, ref) => {
     const coverComponent = () => {
         const coverComponentProps = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.coverComponentProps, props.coverComponent && props.coverComponent.props);
         if (CoverComponent && webchatState.isCoverComponentOpen)
-            return (<CoverComponent closeComponent={closeCoverComponent} {...coverComponentProps}/>);
+            return (_jsx(CoverComponent, Object.assign({ closeComponent: closeCoverComponent }, coverComponentProps)));
         return null;
     };
     const messageComponentFromInput = input => {
         let messageComponent = null;
         if (isText(input)) {
-            messageComponent = (<Text id={input.id} payload={input.payload} from={SENDERS.user}>
-          {input.data}
-        </Text>);
+            messageComponent = (_jsx(Text, Object.assign({ id: input.id, payload: input.payload, from: SENDERS.user }, { children: input.data })));
         }
         else if (isMedia(input)) {
             const temporaryDisplayUrl = URL.createObjectURL(input.data);
@@ -372,13 +368,13 @@ export const Webchat = forwardRef((props, ref) => {
                 src: temporaryDisplayUrl,
             };
             if (isImage(input))
-                messageComponent = <Image {...mediaProps}/>;
+                messageComponent = _jsx(Image, Object.assign({}, mediaProps));
             else if (isAudio(input))
-                messageComponent = <Audio {...mediaProps}/>;
+                messageComponent = _jsx(Audio, Object.assign({}, mediaProps));
             else if (isVideo(input))
-                messageComponent = <Video {...mediaProps}/>;
+                messageComponent = _jsx(Video, Object.assign({}, mediaProps));
             else if (isDocument(input))
-                messageComponent = <Document {...mediaProps}/>;
+                messageComponent = _jsx(Document, Object.assign({}, mediaProps));
         }
         return messageComponent;
     };
@@ -419,7 +415,7 @@ export const Webchat = forwardRef((props, ref) => {
                 const action = session._botonic_action || '';
                 const handoff = action.startsWith('create_case');
                 if (handoff && isDev)
-                    addMessageComponent(<Handoff />);
+                    addMessageComponent(_jsx(Handoff, {}));
                 updateHandoff(handoff);
             }
             if (lastRoutePath)
@@ -563,7 +559,6 @@ export const Webchat = forwardRef((props, ref) => {
             togglePersistentMenu(false);
         }
     }, [webchatState.isWebchatOpen]);
-    const textArea = useRef();
     const getTriggerImage = () => {
         const triggerImage = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.triggerButtonImage, null);
         if (triggerImage === null) {
@@ -576,41 +571,22 @@ export const Webchat = forwardRef((props, ref) => {
     const CustomTriggerButton = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customTrigger, undefined);
     const triggerButton = () => {
         if (CustomTriggerButton) {
-            return <CustomTriggerButton />;
+            return _jsx(CustomTriggerButton, {});
         }
-        return (<StyledTriggerButton role={ROLES.TRIGGER_BUTTON} style={Object.assign({}, triggerButtonStyle)}>
-        {getTriggerImage() && (<TriggerImage src={resolveImage(getTriggerImage())}/>)}
-      </StyledTriggerButton>);
-    };
-    const webchatMessageList = () => (<WebchatMessageList style={{ flex: 1 }}>
-      {webchatState.typing && <TypingIndicator />}
-    </WebchatMessageList>);
-    const webchatReplies = () => <WebchatReplies replies={webchatState.replies}/>;
+        return (_jsx(StyledTriggerButton, Object.assign({ role: ROLES.TRIGGER_BUTTON, style: Object.assign({}, triggerButtonStyle) }, { children: getTriggerImage() && (_jsx(TriggerImage, { src: resolveImage(getTriggerImage()) })) })));
+    };
+    const webchatMessageList = () => (_jsx(WebchatMessageList, Object.assign({ style: { flex: 1 } }, { children: webchatState.typing && _jsx(TypingIndicator, {}) })));
+    const webchatReplies = () => _jsx(WebchatReplies, { replies: webchatState.replies });
     const isUserInputEnabled = () => {
         const isUserInputEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.enableUserInput, props.enableUserInput !== undefined ? props.enableUserInput : true);
         return isUserInputEnabled && !webchatState.isCoverComponentOpen;
     };
     const userInputEnabled = isUserInputEnabled();
+    const textArea = useRef(null);
     const userInputArea = () => {
-        return (userInputEnabled && (<UserInputContainer style={Object.assign({}, getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.userInputStyle))} className='user-input-container'>
-          {webchatState.isEmojiPickerOpen && (<OpenedEmojiPicker height={webchatState.theme.style.height} onEmojiClick={handleSelectedEmoji} onClick={handleEmojiClick}/>)}
-
-          <PersistentMenu onClick={handleMenu} persistentMenu={props.persistentMenu}/>
-
-          <TextAreaContainer>
-            <Textarea name='text' onFocus={() => deviceAdapter.onFocus(host)} onBlur={() => deviceAdapter.onBlur()} maxRows={4} wrap='soft' maxLength='1000' placeholder={getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.textPlaceholder, WEBCHAT.DEFAULTS.PLACEHOLDER)} autoFocus={true} inputRef={textArea} onKeyDown={e => onKeyDown(e)} onKeyUp={onKeyUp} style={Object.assign({ display: 'flex', fontSize: deviceAdapter.fontSize(14), width: '100%', border: 'none', resize: 'none', overflow: 'auto', outline: 'none', flex: '1 1 auto', padding: 10, paddingLeft: persistentMenuOptions ? 0 : 10, fontFamily: 'inherit' }, getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.userInputBoxStyle))}/>
-          </TextAreaContainer>
-
-          <EmojiPicker enableEmojiPicker={props.enableEmojiPicker} onClick={handleEmojiClick}/>
-
-          <Attachment enableAttachments={props.enableAttachments} onChange={handleAttachment} accept={getFullMimeWhitelist().join(',')}/>
-
-          <SendButton onClick={sendTextAreaText}/>
-        </UserInputContainer>));
-    };
-    const webchatWebview = () => (<RequestContext.Provider value={webviewRequestContext}>
-      <WebviewContainer style={Object.assign(Object.assign({}, getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.webviewStyle)), mobileStyle)} webview={webchatState.webview}/>
-    </RequestContext.Provider>);
+        return (userInputEnabled && (_jsxs(UserInputContainer, Object.assign({ style: Object.assign({}, getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.userInputStyle)), className: 'user-input-container' }, { children: [webchatState.isEmojiPickerOpen && (_jsx(OpenedEmojiPicker, { height: webchatState.theme.style.height, onEmojiClick: handleSelectedEmoji, onClick: handleEmojiClick })), _jsx(PersistentMenu, { onClick: handleMenu, persistentMenu: props.persistentMenu }), _jsx(TextAreaContainer, { children: _jsx(Textarea, { inputRef: textArea, name: 'text', onFocus: () => deviceAdapter.onFocus(host), onBlur: () => deviceAdapter.onBlur(), maxRows: 4, wrap: 'soft', maxLength: '1000', placeholder: getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.textPlaceholder, WEBCHAT.DEFAULTS.PLACEHOLDER), autoFocus: true, onKeyDown: e => onKeyDown(e), onKeyUp: onKeyUp, style: Object.assign({ display: 'flex', fontSize: deviceAdapter.fontSize(14), width: '100%', border: 'none', resize: 'none', overflow: 'auto', outline: 'none', flex: '1 1 auto', padding: 10, paddingLeft: persistentMenuOptions ? 0 : 10, fontFamily: 'inherit' }, getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.userInputBoxStyle)) }) }), _jsx(EmojiPicker, { enableEmojiPicker: props.enableEmojiPicker, onClick: handleEmojiClick }), _jsx(Attachment, { enableAttachments: props.enableAttachments, onChange: handleAttachment, accept: getFullMimeWhitelist().join(',') }), _jsx(SendButton, { onClick: sendTextAreaText })] }))));
+    };
+    const webchatWebview = () => (_jsx(RequestContext.Provider, Object.assign({ value: webviewRequestContext }, { children: _jsx(WebviewContainer, { style: Object.assign(Object.assign({}, getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.webviewStyle)), mobileStyle), webview: webchatState.webview }) })));
     let mobileStyle = {};
     if (isMobile(getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.mobileBreakpoint))) {
         mobileStyle = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.mobileStyle) || {
@@ -635,20 +611,17 @@ export const Webchat = forwardRef((props, ref) => {
         }, [webchatState.messagesJSON]);
     };
     const DarkenBackground = ({ component }) => {
-        return (<div>
-        {darkBackgroundMenu && (<DarkBackgroundMenu style={{
-                    borderRadius: webchatState.theme.style.borderRadius,
-                }}/>)}
-        {component}
-      </div>);
+        return (_jsxs("div", { children: [darkBackgroundMenu && (_jsx(DarkBackgroundMenu, { style: {
+                        borderRadius: webchatState.theme.style.borderRadius,
+                    } })), component] }));
     };
     const _renderCustomComponent = () => {
         if (!customComponent)
-            return <></>;
+            return _jsx(_Fragment, {});
         else
             return customComponent;
     };
-    const WebchatComponent = (<WebchatContext.Provider value={{
+    const WebchatComponent = (_jsxs(WebchatContext.Provider, Object.assign({ value: {
             sendText,
             sendAttachment,
             sendPayload,
@@ -664,36 +637,20 @@ export const Webchat = forwardRef((props, ref) => {
             updateLatestInput,
             updateUser: updateSessionWithUser,
             updateWebchatDevSettings: updateWebchatDevSettings,
-        }}>
-      {!webchatState.isWebchatOpen && (<div onClick={event => {
-                toggleWebchat(true);
-                event.preventDefault();
-            }}>
-          {triggerButton()}
-        </div>)}
-
-      {webchatState.isWebchatOpen && (<StyledWebchat 
-        // TODO: Distinguis between multiple instances of webchat, e.g. `${uniqueId}-botonic-webchat`
-        role={ROLES.WEBCHAT} id={WEBCHAT.DEFAULTS.ID} width={webchatState.width} height={webchatState.height} style={Object.assign(Object.assign({}, webchatState.theme.style), mobileStyle)}>
-          <StyledWebchatHeader onCloseClick={() => {
-                toggleWebchat(false);
-            }}/>
-          {webchatState.error.message && (<ErrorMessageContainer>
-              <ErrorMessage>{webchatState.error.message}</ErrorMessage>
-            </ErrorMessageContainer>)}
-          {webchatMessageList()}
-          {webchatState.replies &&
-                Object.keys(webchatState.replies).length > 0 &&
-                webchatReplies()}
-          {webchatState.isPersistentMenuOpen && (<DarkenBackground component={persistentMenu()}/>)}
-          {!webchatState.handoff && userInputArea()}
-          {webchatState.webview && webchatWebview()}
-          {webchatState.isCoverComponentOpen && coverComponent()}
-          {webchatState.isCustomComponentRendered &&
-                customComponent &&
-                _renderCustomComponent()}
-        </StyledWebchat>)}
-    </WebchatContext.Provider>);
-    return props.shadowDOM ? (<StyleSheetManager target={host}>{WebchatComponent}</StyleSheetManager>) : (WebchatComponent);
+        } }, { children: [!webchatState.isWebchatOpen && (_jsx("div", Object.assign({ onClick: event => {
+                    toggleWebchat(true);
+                    event.preventDefault();
+                } }, { children: triggerButton() }))), webchatState.isWebchatOpen && (_jsxs(StyledWebchat
+            // TODO: Distinguis between multiple instances of webchat, e.g. `${uniqueId}-botonic-webchat`
+            , Object.assign({ 
+                // TODO: Distinguis between multiple instances of webchat, e.g. `${uniqueId}-botonic-webchat`
+                role: ROLES.WEBCHAT, id: WEBCHAT.DEFAULTS.ID, width: webchatState.width, height: webchatState.height, style: Object.assign(Object.assign({}, webchatState.theme.style), mobileStyle) }, { children: [_jsx(StyledWebchatHeader, { onCloseClick: () => {
+                            toggleWebchat(false);
+                        } }), webchatState.error.message && (_jsx(ErrorMessageContainer, { children: _jsx(ErrorMessage, { children: webchatState.error.message }) })), webchatMessageList(), webchatState.replies &&
+                        Object.keys(webchatState.replies).length > 0 &&
+                        webchatReplies(), webchatState.isPersistentMenuOpen && (_jsx(DarkenBackground, { component: persistentMenu() })), !webchatState.handoff && userInputArea(), webchatState.webview && webchatWebview(), webchatState.isCoverComponentOpen && coverComponent(), webchatState.isCustomComponentRendered &&
+                        customComponent &&
+                        _renderCustomComponent()] })))] })));
+    return props.shadowDOM ? (_jsx(StyleSheetManager, Object.assign({ target: host }, { children: WebchatComponent }))) : (WebchatComponent);
 });
 //# sourceMappingURL=webchat.js.map