@botonic/react 0.43.0 → 0.44.0-alpha.0

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

@@ -1,44 +1,48 @@
-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';
-import { COLORS } from '../constants';
-import { useWebchat } from './context/use-webchat';
-const AttributeContainer = styled.div `
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SessionView = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_json_tree_1 = require("react-json-tree");
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+const constants_1 = require("../constants");
+const use_webchat_1 = require("./context/use-webchat");
+const AttributeContainer = styled_components_1.default.div `
   display: flex;
   flex: none;
   padding: 12px;
   padding-bottom: 0px;
   font-size: 12px;
   font-weight: 600;
-  color: ${COLORS.SOLID_WHITE};
+  color: ${constants_1.COLORS.SOLID_WHITE};
   align-items: center;
 `;
-const Label = styled.div `
+const Label = styled_components_1.default.div `
   flex: none;
 `;
-const Value = styled.div `
+const Value = styled_components_1.default.div `
   flex: 1 1 auto;
   max-height: 20px;
   font-size: 16px;
   font-weight: 400;
   margin-left: 6px;
-  color: ${COLORS.CURIOUS_BLUE};
+  color: ${constants_1.COLORS.CURIOUS_BLUE};
   overflow-x: hidden;
 `;
-const SessionViewAttribute = props => (_jsxs(AttributeContainer, { children: [_jsx(Label, { children: props.label }), _jsx(Value, { children: props.value })] }));
-const SessionViewContent = styled.div `
+const SessionViewAttribute = props => ((0, jsx_runtime_1.jsxs)(AttributeContainer, { children: [(0, jsx_runtime_1.jsx)(Label, { children: props.label }), (0, jsx_runtime_1.jsx)(Value, { children: props.value })] }));
+const SessionViewContent = styled_components_1.default.div `
   position: relative;
   width: ${props => (props.show ? '100%' : '0%')};
   height: 100%;
   display: flex;
-  background-color: ${COLORS.DAINTREE_BLUE};
+  background-color: ${constants_1.COLORS.DAINTREE_BLUE};
   font-family: Arial, Helvetica, sans-serif;
   flex-direction: column;
   z-index: 100000;
   transition: all 0.2s ease-in-out;
 `;
-const ToggleTab = styled.div `
+const ToggleTab = styled_components_1.default.div `
   position: absolute;
   top: 10px;
   right: -32px;
@@ -48,47 +52,54 @@ const ToggleTab = styled.div `
   display: flex;
   align-items: center;
   justify-content: center;
-  color: ${COLORS.SOLID_WHITE_ALPHA_0_8};
+  color: ${constants_1.COLORS.SOLID_WHITE_ALPHA_0_8};
   font-size: 14px;
   font-weight: 600;
-  background-color: ${COLORS.DAINTREE_BLUE};
+  background-color: ${constants_1.COLORS.DAINTREE_BLUE};
   flex-direction: column;
   z-index: 100000;
   border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;
 `;
-const ContentContainer = styled.div `
+const ContentContainer = styled_components_1.default.div `
   overflow-y: auto;
   overflow-x: auto;
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
 `;
-const Title = styled.div `
+const Title = styled_components_1.default.div `
   padding: 12px;
   text-align: center;
-  color: ${COLORS.SOLID_WHITE};
-  border-bottom: 1px solid ${COLORS.SOLID_WHITE_ALPHA_0_2};
+  color: ${constants_1.COLORS.SOLID_WHITE};
+  border-bottom: 1px solid ${constants_1.COLORS.SOLID_WHITE_ALPHA_0_2};
 `;
-const SessionContainer = styled.div `
+const SessionContainer = styled_components_1.default.div `
   flex: 1 1 auto;
   height: 100%;
   overflow-y: auto;
 `;
-const KeepSessionContainer = styled.div `
+const KeepSessionContainer = styled_components_1.default.div `
   flex: none;
   padding: 12px;
-  color: ${COLORS.SOLID_WHITE_ALPHA_0_8};
+  color: ${constants_1.COLORS.SOLID_WHITE_ALPHA_0_8};
   font-size: 12px;
 `;
-export const SessionView = props => {
+const SessionView = props => {
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    const { webchatState, updateDevSettings } = props.webchatHooks || useWebchat();
+    const { webchatState, updateDevSettings } = props.webchatHooks || (0, use_webchat_1.useWebchat)();
     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 (_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
+    const toggleSessionView = () => updateDevSettings({
+        ...webchatState.devSettings,
+        showSessionView: !webchatState.devSettings.showSessionView,
+    });
+    const toggleKeepSessionOnReload = () => updateDevSettings({
+        ...webchatState.devSettings,
+        keepSessionOnReload: !webchatState.devSettings.keepSessionOnReload,
+    });
+    return ((0, jsx_runtime_1.jsxs)(SessionViewContent, { show: webchatState.devSettings.showSessionView, children: [(0, jsx_runtime_1.jsx)(ToggleTab, { onClick: toggleSessionView, children: webchatState.devSettings.showSessionView ? '⇤' : '⇥' }), (0, jsx_runtime_1.jsxs)(ContentContainer, { children: [(0, jsx_runtime_1.jsx)(Title, { children: "Botonic Dev Console" }), (0, jsx_runtime_1.jsx)(SessionViewAttribute, { label: 'INPUT:', value: input && Object.keys(input).length
                             ? `[${input.type}] ${input.data || ''}`
-                            : '' }), _jsx(SessionViewAttribute, { label: 'PAYLOAD:', value: input.payload }), _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"] }) })] })] })));
+                            : '' }), (0, jsx_runtime_1.jsx)(SessionViewAttribute, { label: 'PAYLOAD:', value: input.payload }), (0, jsx_runtime_1.jsx)(SessionViewAttribute, { label: 'PATH:', value: lastRoutePath ? `/${lastRoutePath}` : '/' }), (0, jsx_runtime_1.jsx)(SessionViewAttribute, { label: 'SESSION:' }), (0, jsx_runtime_1.jsx)(SessionContainer, { children: (0, jsx_runtime_1.jsx)(react_json_tree_1.JSONTree, { data: session, hideRoot: true }) }), (0, jsx_runtime_1.jsx)(KeepSessionContainer, { children: (0, jsx_runtime_1.jsxs)("label", { children: [(0, jsx_runtime_1.jsx)("input", { type: 'checkbox', name: 'toggleKeepSessionOnReload', checked: Boolean(webchatState.devSettings.keepSessionOnReload), onChange: toggleKeepSessionOnReload }), "Keep session on reload"] }) })] })] }));
 };
+exports.SessionView = SessionView;
 //# sourceMappingURL=session-view.js.map

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

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

package/lib/esm/webchat/styles.js

@@ -1,6 +1,10 @@
-import styled from 'styled-components';
-import { COLORS } from '../constants';
-export const StyledWebchat = styled.div `
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DarkBackgroundMenu = exports.ErrorMessage = exports.ErrorMessageContainer = exports.StyledWebchat = void 0;
+const tslib_1 = require("tslib");
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+const constants_1 = require("../constants");
+exports.StyledWebchat = styled_components_1.default.div `
   position: fixed;
   right: ${props => props.theme.style.right};
   bottom: ${props => props.theme.style.bottom};
@@ -26,29 +30,29 @@ export const StyledWebchat = styled.div `
     font-size: ${props => props.theme.mobileStyle.fontSize};
   }
 `;
-export const ErrorMessageContainer = styled.div `
+exports.ErrorMessageContainer = styled_components_1.default.div `
   position: relative;
   display: flex;
   z-index: 1;
   justify-content: center;
   width: 100%;
 `;
-export const ErrorMessage = styled.div `
+exports.ErrorMessage = styled_components_1.default.div `
   position: absolute;
   top: 10px;
   font-size: 14px;
   line-height: 20px;
   padding: 4px 11px;
   display: flex;
-  background-color: ${COLORS.ERROR_RED};
-  color: ${COLORS.CONCRETE_WHITE};
+  background-color: ${constants_1.COLORS.ERROR_RED};
+  color: ${constants_1.COLORS.CONCRETE_WHITE};
   border-radius: 5px;
   align-items: center;
   justify-content: center;
   font-family: ${props => props.theme.style.fontFamily};
 `;
-export const DarkBackgroundMenu = styled.div `
-  background: ${COLORS.SOLID_BLACK};
+exports.DarkBackgroundMenu = styled_components_1.default.div `
+  background: ${constants_1.COLORS.SOLID_BLACK};
   opacity: 0.3;
   z-index: 1;
   right: 0;

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/webchat/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAErC,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;WAE5B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK;YAC/B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM;WAClC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK;YAC/B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM;;sBAEvB,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe;;gBAEhD,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS;iBACnC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU;;;;;;uBAM/B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB;gBAC5C,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ;aAC5C,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK;cACrC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM;aACxC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK;cACrC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM;qBAChC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY;iBACjD,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ;;CAEzD,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAM9C,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;sBAOhB,MAAM,CAAC,SAAS;WAC3B,MAAM,CAAC,cAAc;;;;iBAIf,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU;CACrD,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;gBAC5B,MAAM,CAAC,WAAW;;;;;;;;;CASjC,CAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/webchat/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAsC;AAEtC,4CAAqC;AAExB,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;;WAE5B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK;YAC/B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM;WAClC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK;YAC/B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM;;sBAEvB,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe;;gBAEhD,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS;iBACnC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU;;;;;;uBAM/B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB;gBAC5C,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ;aAC5C,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK;cACrC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM;aACxC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK;cACrC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM;qBAChC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY;iBACjD,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ;;CAEzD,CAAA;AAEY,QAAA,qBAAqB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;CAM9C,CAAA;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;sBAOhB,kBAAM,CAAC,SAAS;WAC3B,kBAAM,CAAC,cAAc;;;;iBAIf,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU;CACrD,CAAA;AAEY,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAAA;gBAC5B,kBAAM,CAAC,WAAW;;;;;;;;;CASjC,CAAA"}

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

@@ -1,5 +1,8 @@
-import { COLORS, WEBCHAT } from '../../constants';
-export const defaultTheme = {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultTheme = void 0;
+const constants_1 = require("../../constants");
+exports.defaultTheme = {
     style: {
         width: '300px',
         height: '450px',
@@ -9,8 +12,8 @@ export const defaultTheme = {
         position: 'fixed',
         right: '20px',
         bottom: '20px',
-        backgroundColor: COLORS.SOLID_WHITE,
-        boxShadow: `${COLORS.SOLID_BLACK_ALPHA_0_2} 0px 0px 12px`,
+        backgroundColor: constants_1.COLORS.SOLID_WHITE,
+        boxShadow: `${constants_1.COLORS.SOLID_BLACK_ALPHA_0_2} 0px 0px 12px`,
     },
     mobileBreakpoint: 768,
     mobileStyle: {
@@ -25,7 +28,7 @@ export const defaultTheme = {
     header: {
         title: 'Botonic',
         subtitle: '',
-        image: WEBCHAT.DEFAULTS.LOGO,
+        image: constants_1.WEBCHAT.DEFAULTS.LOGO,
         style: {
             borderRadius: '10px 10px 0px 0px',
         },
@@ -34,8 +37,8 @@ export const defaultTheme = {
         },
     },
     brand: {
-        color: COLORS.BOTONIC_BLUE,
-        image: WEBCHAT.DEFAULTS.LOGO,
+        color: constants_1.COLORS.BOTONIC_BLUE,
+        image: constants_1.WEBCHAT.DEFAULTS.LOGO,
     },
     button: {
         autodisable: false,
@@ -45,8 +48,8 @@ export const defaultTheme = {
             pointerEvents: 'none',
         },
         messageType: 'text',
-        hoverBackground: COLORS.CONCRETE_WHITE,
-        hoverTextColor: COLORS.SOLID_BLACK,
+        hoverBackground: constants_1.COLORS.CONCRETE_WHITE,
+        hoverTextColor: constants_1.COLORS.SOLID_BLACK,
         style: {
             width: '100%',
             maxHeight: '80px',
@@ -54,17 +57,17 @@ export const defaultTheme = {
             fontFamily: 'inherit',
             fontSize: '14px',
             fontWeight: 'normal',
-            background: COLORS.SOLID_WHITE,
-            color: COLORS.SOLID_BLACK,
+            background: constants_1.COLORS.SOLID_WHITE,
+            color: constants_1.COLORS.SOLID_BLACK,
             outline: '0',
-            border: ` 1px solid ${COLORS.SEASHELL_WHITE}`,
+            border: ` 1px solid ${constants_1.COLORS.SEASHELL_WHITE}`,
             borderRadius: '0px',
             padding: '12px 32px',
             overflow: 'hidden',
         },
         urlIcon: {
             enable: false,
-            image: WEBCHAT.DEFAULTS.URL_ICON,
+            image: constants_1.WEBCHAT.DEFAULTS.URL_ICON,
         },
     },
     message: {
@@ -75,7 +78,7 @@ export const defaultTheme = {
             blobTick: true,
         },
     },
-    triggerButton: { image: WEBCHAT.DEFAULTS.LOGO },
+    triggerButton: { image: constants_1.WEBCHAT.DEFAULTS.LOGO },
     userInput: {
         attachments: { enable: undefined },
         box: {

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BlockInputOption, ButtonProps, CustomMessageType } from '../../components/index-types';
 export interface ImagePreviewerProps {
     src: string;

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

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

package/lib/esm/webchat/tracking.js

@@ -1,31 +1,35 @@
-import { __awaiter, __rest } from "tslib";
-import { useContext } from 'react';
-import { v7 as uuidv7 } from 'uuid';
-import { WebchatContext } from './context';
-export var EventAction;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EventAction = void 0;
+exports.useTracking = useTracking;
+const react_1 = require("react");
+const uuid_1 = require("uuid");
+const context_1 = require("./context");
+var EventAction;
 (function (EventAction) {
     EventAction["FeedbackKnowledgebase"] = "feedback_knowledgebase";
-})(EventAction || (EventAction = {}));
+})(EventAction || (exports.EventAction = EventAction = {}));
 var FeedbackOption;
 (function (FeedbackOption) {
     FeedbackOption["ThumbsUp"] = "thumbsUp";
     FeedbackOption["ThumbsDown"] = "thumbsDown";
 })(FeedbackOption || (FeedbackOption = {}));
-export function useTracking() {
-    const { webchatState, trackEvent } = useContext(WebchatContext);
+function useTracking() {
+    const { webchatState, trackEvent } = (0, react_1.useContext)(context_1.WebchatContext);
     const getRequest = () => {
         const request = {
-            session: Object.assign({}, webchatState.session),
-            getUserCountry: () => { var _a; return ((_a = webchatState.session.user) === null || _a === void 0 ? void 0 : _a.country) || ''; },
-            getUserLocale: () => { var _a; return ((_a = webchatState.session.user) === null || _a === void 0 ? void 0 : _a.locale) || ''; },
+            session: {
+                ...webchatState.session,
+            },
+            getUserCountry: () => webchatState.session.user?.country || '',
+            getUserLocale: () => webchatState.session.user?.locale || '',
             getSystemLocale: () => {
-                var _a;
-                return ((_a = webchatState.session.user) === null || _a === void 0 ? void 0 : _a.system_locale) || '';
+                return webchatState.session.user?.system_locale || '';
             },
         };
         return request;
     };
-    const trackKnowledgebaseFeedback = ({ messageId, isUseful, botInteractionId, inferenceId, }) => __awaiter(this, void 0, void 0, function* () {
+    const trackKnowledgebaseFeedback = async ({ messageId, isUseful, botInteractionId, inferenceId, }) => {
         if (!trackEvent) {
             return;
         }
@@ -36,31 +40,31 @@ export function useTracking() {
             knowledgebaseInferenceId: inferenceId,
             feedbackBotInteractionId: botInteractionId,
             feedbackTargetId: messageId,
-            feedbackGroupId: uuidv7(),
+            feedbackGroupId: (0, uuid_1.v7)(),
             possibleOptions: [FeedbackOption.ThumbsDown, FeedbackOption.ThumbsUp],
             possibleValues: [0, 1],
             option: isUseful ? FeedbackOption.ThumbsUp : FeedbackOption.ThumbsDown,
             value: isUseful ? 1 : 0,
         };
-        const { action } = event, eventArgs = __rest(event, ["action"]);
-        yield trackEvent(request, action, eventArgs);
-    });
-    const trackCustomEvent = (event) => __awaiter(this, void 0, void 0, function* () {
+        const { action, ...eventArgs } = event;
+        await trackEvent(request, action, eventArgs);
+    };
+    const trackCustomEvent = async (event) => {
         if (!trackEvent) {
             return;
         }
         const request = getRequest();
-        const { action } = event, eventArgs = __rest(event, ["action"]);
-        yield trackEvent(request, action, eventArgs);
-    });
-    const trackFeedbackEvent = (event) => __awaiter(this, void 0, void 0, function* () {
+        const { action, ...eventArgs } = event;
+        await trackEvent(request, action, eventArgs);
+    };
+    const trackFeedbackEvent = async (event) => {
         if (!trackEvent) {
             return;
         }
         const request = getRequest();
-        const { action } = event, eventArgs = __rest(event, ["action"]);
-        yield trackEvent(request, action, eventArgs);
-    });
+        const { action, ...eventArgs } = event;
+        await trackEvent(request, action, eventArgs);
+    };
     return { trackKnowledgebaseFeedback, trackCustomEvent, trackFeedbackEvent };
 }
 //# sourceMappingURL=tracking.js.map

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

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

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

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

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

@@ -1,28 +1,32 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ROLES, WEBCHAT } from '../../constants';
-import { resolveImage } from '../../util/environment';
-import { WebchatContext } from '../../webchat/context';
-import { StyledTriggerButton, TriggerImage, UnreadMessagesCounter, } from './styles';
-export const TriggerButton = () => {
-    const { webchatState, getThemeProperty, toggleWebchat } = useContext(WebchatContext);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TriggerButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const constants_1 = require("../../constants");
+const environment_1 = require("../../util/environment");
+const context_1 = require("../../webchat/context");
+const styles_1 = require("./styles");
+const TriggerButton = () => {
+    const { webchatState, getThemeProperty, toggleWebchat } = (0, react_1.useContext)(context_1.WebchatContext);
     const getTriggerImage = () => {
-        const image = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.triggerButtonImage, undefined);
+        const image = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.triggerButtonImage, undefined);
         if (!image) {
-            webchatState.theme.triggerButton.image = WEBCHAT.DEFAULTS.LOGO;
+            webchatState.theme.triggerButton.image = constants_1.WEBCHAT.DEFAULTS.LOGO;
             return null;
         }
         return image;
     };
     const triggerButtonImage = getTriggerImage();
-    const triggerButtonStyle = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.triggerButtonStyle);
-    const notificationsTriggerButtonEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.notificationsTriggerButtonEnabled);
-    const notificationsEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.notificationsEnabled, notificationsTriggerButtonEnabled);
-    const CustomTriggerButton = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customTrigger);
+    const triggerButtonStyle = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.triggerButtonStyle);
+    const notificationsTriggerButtonEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.notificationsTriggerButtonEnabled);
+    const notificationsEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.notificationsEnabled, notificationsTriggerButtonEnabled);
+    const CustomTriggerButton = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customTrigger);
     const handleClick = (event) => {
         toggleWebchat(true);
         event.preventDefault();
     };
-    return (_jsxs("div", Object.assign({ onClick: handleClick }, { children: [webchatState.numUnreadMessages !== 0 && notificationsEnabled && (_jsx(UnreadMessagesCounter, Object.assign({ className: 'trigger-notifications' }, { children: webchatState.numUnreadMessages }))), CustomTriggerButton ? (_jsx(CustomTriggerButton, {})) : (_jsx(StyledTriggerButton, Object.assign({ role: ROLES.TRIGGER_BUTTON, style: triggerButtonStyle }, { children: triggerButtonImage && (_jsx(TriggerImage, { src: resolveImage(triggerButtonImage) })) })))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", { onClick: handleClick, children: [webchatState.numUnreadMessages !== 0 && notificationsEnabled && ((0, jsx_runtime_1.jsx)(styles_1.UnreadMessagesCounter, { className: 'trigger-notifications', children: webchatState.numUnreadMessages })), CustomTriggerButton ? ((0, jsx_runtime_1.jsx)(CustomTriggerButton, {})) : ((0, jsx_runtime_1.jsx)(styles_1.StyledTriggerButton, { role: constants_1.ROLES.TRIGGER_BUTTON, style: triggerButtonStyle, children: triggerButtonImage && ((0, jsx_runtime_1.jsx)(styles_1.TriggerImage, { src: (0, environment_1.resolveImage)(triggerButtonImage) })) }))] }));
 };
+exports.TriggerButton = TriggerButton;
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,9 +1,13 @@
-import styled from 'styled-components';
-import { COLORS } from '../../constants';
-export const StyledTriggerButton = styled.div `
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TriggerImage = exports.UnreadMessagesCounter = exports.StyledTriggerButton = void 0;
+const tslib_1 = require("tslib");
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+const constants_1 = require("../../constants");
+exports.StyledTriggerButton = styled_components_1.default.div `
   cursor: pointer;
   position: fixed;
-  background: ${COLORS.SOLID_WHITE};
+  background: ${constants_1.COLORS.SOLID_WHITE};
   border-radius: 50%;
   display: flex;
   align-items: center;
@@ -15,7 +19,7 @@ export const StyledTriggerButton = styled.div `
   right: 10px;
   padding: 8px;
 `;
-export const UnreadMessagesCounter = styled.div `
+exports.UnreadMessagesCounter = styled_components_1.default.div `
   display: flex;
   justify-content: center;
   align-items: center;
@@ -25,11 +29,11 @@ export const UnreadMessagesCounter = styled.div `
   bottom: 80px;
   width: 24px;
   height: 24px;
-  background-color: ${COLORS.RED_NOTIFICATIONS};
+  background-color: ${constants_1.COLORS.RED_NOTIFICATIONS};
   color: white;
   z-index: 10;
 `;
-export const TriggerImage = styled.img `
+exports.TriggerImage = styled_components_1.default.img `
   max-width: 100%;
   max-height: 100%;
 `;

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/typing-indicator/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAgB,UAAU,EAAE,MAAM,OAAO,CAAA;AAEvD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,GAAG,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAEjE,MAAM,eAAe,GAAG,UAAU,CAChC,CAAC,MAAM,EAAE,GAAiC,EAAE,EAAE,CAAC,CAC7C,KAAC,eAAe,kBAAC,GAAG,EAAE,GAAG,gBACvB,MAAC,gBAAgB,kBACf,IAAI,EAAE,KAAK,CAAC,gBAAgB,EAC5B,SAAS,EAAC,kBAAkB,EAC5B,eAAe,EAAE,MAAM,CAAC,cAAc,iBAEtC,KAAC,GAAG,KAAG,EACP,KAAC,GAAG,KAAG,EACP,KAAC,GAAG,KAAG,KACU,IACH,CACnB,CACF,CAAA;AAED,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE/C,eAAe,eAAe,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/typing-indicator/index.tsx"],"names":[],"mappings":";;;AAAA,iCAAuD;AAEvD,+CAA+C;AAC/C,qCAAiE;AAEjE,MAAM,eAAe,GAAG,IAAA,kBAAU,EAChC,CAAC,MAAM,EAAE,GAAiC,EAAE,EAAE,CAAC,CAC7C,uBAAC,wBAAe,IAAC,GAAG,EAAE,GAAG,YACvB,wBAAC,yBAAgB,IACf,IAAI,EAAE,iBAAK,CAAC,gBAAgB,EAC5B,SAAS,EAAC,kBAAkB,EAC5B,eAAe,EAAE,kBAAM,CAAC,cAAc,aAEtC,uBAAC,YAAG,KAAG,EACP,uBAAC,YAAG,KAAG,EACP,uBAAC,YAAG,KAAG,IACU,GACH,CACnB,CACF,CAAA;AAED,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE/C,kBAAe,eAAe,CAAA"}

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

@@ -1,18 +1,22 @@
-import styled, { keyframes } from 'styled-components';
-const blink = keyframes `
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dot = exports.TypingMsgWrapper = exports.TypingContainer = void 0;
+const tslib_1 = require("tslib");
+const styled_components_1 = tslib_1.__importStar(require("styled-components"));
+const blink = (0, styled_components_1.keyframes) `
   50% {
     opacity: 1;
   }
 `;
-const bulge = keyframes `
+const bulge = (0, styled_components_1.keyframes) `
   50% {
     transform: scale(1.05);
   }
 `;
-export const TypingContainer = styled.div `
+exports.TypingContainer = styled_components_1.default.div `
   padding: 0px 8px 8px 8px;
 `;
-export const TypingMsgWrapper = styled.div `
+exports.TypingMsgWrapper = styled_components_1.default.div `
   will-change: transform;
   width: 44px;
   line-height: 0px;
@@ -25,7 +29,7 @@ export const TypingMsgWrapper = styled.div `
   animation: 2s ${bulge} infinite ease-out;
   background-color: ${props => props.backgroundColor};
 `;
-export const Dot = styled.span `
+exports.Dot = styled_components_1.default.span `
   height: 6px;
   width: 6px;
   margin: 0 1px;

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

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