@botonic/react 0.56.0-alpha.0 → 0.57.0-rslib-esm.0

package/lib/esm/components/custom-message.js

@@ -1,60 +1,109 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.customMessage = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@botonic/core");
-const lodash_merge_1 = tslib_1.__importDefault(require("lodash.merge"));
-const react_1 = tslib_1.__importDefault(require("react"));
-const index_types_1 = require("../index-types");
-const error_boundary_1 = require("../util/error-boundary");
-const logs_1 = require("../util/logs");
-const react_2 = require("../util/react");
-const message_1 = require("./message");
-const reply_1 = require("./reply");
-const customMessage = ({ name, component: CustomMessageComponent, defaultProps = {}, errorBoundary = (0, error_boundary_1.createErrorBoundary)(), }) => {
-    const CustomMessage = props => {
-        (0, logs_1.warnDeprecatedProps)(defaultProps, 'customMessage:');
-        if (defaultProps.sentBy === index_types_1.SENDERS.user) {
+import { jsx, jsxs } from "react/jsx-runtime";
+import { INPUT } from "@botonic/core";
+import lodash_merge from "lodash.merge";
+import react from "react";
+import { SENDERS } from "../index-types.js";
+import { createErrorBoundary } from "../util/error-boundary.js";
+import { warnDeprecatedProps } from "../util/logs.js";
+import { mapObjectNonBooleanValues } from "../util/react.js";
+import { Message } from "./message/index.js";
+import { Reply } from "./reply.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const customMessage = ({ name, component: CustomMessageComponent, defaultProps = {}, errorBoundary = createErrorBoundary() })=>{
+    const CustomMessage = (props)=>{
+        warnDeprecatedProps(defaultProps, 'customMessage:');
+        if (defaultProps.sentBy === SENDERS.user) {
             defaultProps.ack = 1;
         }
-        return ((0, jsx_runtime_1.jsx)(message_1.Message, { ...(0, lodash_merge_1.default)((0, react_2.mapObjectNonBooleanValues)(defaultProps), props), type: core_1.INPUT.CUSTOM }));
+        return /*#__PURE__*/ jsx(Message, {
+            ...lodash_merge(mapObjectNonBooleanValues(defaultProps), props),
+            type: INPUT.CUSTOM
+        });
     };
-    const splitChildren = props => {
+    const splitChildren = (props)=>{
         const { children } = props;
-        const isReply = e => e.type === reply_1.Reply;
+        const isReply = (e)=>e.type === Reply;
         try {
             if (!Array.isArray(children) && !isReply(children)) {
-                return { replies: null, childrenWithoutReplies: children };
+                return {
+                    replies: null,
+                    childrenWithoutReplies: children
+                };
             }
-            const childrenArray = react_1.default.Children.toArray(children);
+            const childrenArray = react.Children.toArray(children);
             const replies = childrenArray.filter(isReply);
-            const childrenWithoutReplies = childrenArray.filter(e => !isReply(e));
+            const childrenWithoutReplies = childrenArray.filter((e)=>!isReply(e));
             return {
                 replies: replies,
-                childrenWithoutReplies,
+                childrenWithoutReplies
+            };
+        } catch (_e) {
+            return {
+                replies: null,
+                childrenWithoutReplies: children
             };
-        }
-        catch (_e) {
-            return { replies: null, childrenWithoutReplies: children };
         }
     };
-    const WrappedComponent = props => {
+    const WrappedComponent = (props)=>{
         const { id, children, ...customMessageProps } = props;
         const { replies, childrenWithoutReplies } = splitChildren(props);
         const ErrorBoundary = errorBoundary;
-        return ((0, jsx_runtime_1.jsxs)(CustomMessage, { id: id, json: {
+        return /*#__PURE__*/ jsxs(CustomMessage, {
+            id: id,
+            json: {
                 ...customMessageProps,
                 id,
                 children: childrenWithoutReplies,
-                customTypeName: name,
-            }, sentBy: props.sentBy || index_types_1.SENDERS.bot, isUnread: props.isUnread, children: [(0, jsx_runtime_1.jsx)(ErrorBoundary, { ...customMessageProps, children: (0, jsx_runtime_1.jsx)(CustomMessageComponent, { id: id, ...customMessageProps, children: childrenWithoutReplies }) }, 'errorBoundary'), replies] }));
+                customTypeName: name
+            },
+            sentBy: props.sentBy || SENDERS.bot,
+            isUnread: props.isUnread,
+            children: [
+                /*#__PURE__*/ jsx(ErrorBoundary, {
+                    ...customMessageProps,
+                    children: /*#__PURE__*/ jsx(CustomMessageComponent, {
+                        id: id,
+                        ...customMessageProps,
+                        children: childrenWithoutReplies
+                    })
+                }, 'errorBoundary'),
+                replies
+            ]
+        });
     };
     WrappedComponent.customTypeName = name;
-    WrappedComponent.deserialize = (msg) => {
-        return ((0, jsx_runtime_1.jsx)(WrappedComponent, { id: msg.id, json: msg.data, ...msg.data, sentBy: msg.sentBy || index_types_1.SENDERS.bot, isUnread: msg.isUnread }, msg.key));
+    WrappedComponent.deserialize = (msg)=>{
+        return /*#__PURE__*/ jsx(WrappedComponent, {
+            id: msg.id,
+            json: msg.data,
+            ...msg.data,
+            sentBy: msg.sentBy || SENDERS.bot,
+            isUnread: msg.isUnread
+        }, msg.key);
     };
     return WrappedComponent;
 };
-exports.customMessage = customMessage;
+
+export { customMessage };
+
 //# sourceMappingURL=custom-message.js.map

package/lib/esm/components/custom-message.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom-message.js","sourceRoot":"","sources":["../../../src/components/custom-message.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"components/custom-message.js","sources":["../../../src/components/custom-message.tsx"],"sourcesContent":["import { INPUT } from '@botonic/core'\nimport merge from 'lodash.merge'\nimport React from 'react'\n\nimport { SENDERS } from '../index-types'\nimport { createErrorBoundary } from '../util/error-boundary'\nimport { warnDeprecatedProps } from '../util/logs'\nimport { mapObjectNonBooleanValues } from '../util/react'\nimport type { CustomMessageType } from './index-types'\nimport { Message } from './message'\nimport { Reply } from './reply'\n\n/**\n *\n *  name: as it appears at ThemeProps' message.customTypes key\n *  CustomMessageComponent\n *  defaultProps: Props for the wrapper Message\n *  ErrorBoundary: to recover in case it fails\n */\n\nexport interface CustomMessageArgs {\n  name: string\n  component: React.FC<any>\n  defaultProps?: Record<string, any>\n  errorBoundary?: any\n}\n\nexport const customMessage = ({\n  name,\n  component: CustomMessageComponent,\n  defaultProps = {},\n  errorBoundary = createErrorBoundary(),\n}: CustomMessageArgs): CustomMessageType => {\n  const CustomMessage = props => {\n    warnDeprecatedProps(defaultProps, 'customMessage:')\n    if (defaultProps.sentBy === SENDERS.user) {\n      defaultProps.ack = 1\n    }\n    return (\n      <Message\n        {...merge(mapObjectNonBooleanValues(defaultProps), props)}\n        type={INPUT.CUSTOM}\n      />\n    )\n  }\n\n  const splitChildren = props => {\n    const { children } = props\n    const isReply = e => e.type === Reply\n    try {\n      if (!Array.isArray(children) && !isReply(children)) {\n        return { replies: null, childrenWithoutReplies: children }\n      }\n      const childrenArray = React.Children.toArray(children)\n      const replies = childrenArray.filter(isReply)\n      const childrenWithoutReplies = childrenArray.filter(e => !isReply(e))\n      return {\n        replies: replies,\n        childrenWithoutReplies,\n      }\n    } catch (_e) {\n      return { replies: null, childrenWithoutReplies: children }\n    }\n  }\n\n  const WrappedComponent = props => {\n    const { id, children, ...customMessageProps } = props\n    const { replies, childrenWithoutReplies } = splitChildren(props)\n\n    const ErrorBoundary = errorBoundary\n\n    return (\n      <CustomMessage\n        id={id}\n        json={{\n          ...customMessageProps,\n          id,\n          children: childrenWithoutReplies,\n          customTypeName: name,\n        }}\n        sentBy={props.sentBy || SENDERS.bot}\n        isUnread={props.isUnread}\n      >\n        <ErrorBoundary key={'errorBoundary'} {...customMessageProps}>\n          <CustomMessageComponent id={id} {...customMessageProps}>\n            {childrenWithoutReplies}\n          </CustomMessageComponent>\n        </ErrorBoundary>\n        {replies}\n      </CustomMessage>\n    )\n  }\n  WrappedComponent.customTypeName = name\n  WrappedComponent.deserialize = (msg: any) => {\n    return (\n      <WrappedComponent\n        id={msg.id}\n        key={msg.key}\n        json={msg.data}\n        {...msg.data}\n        sentBy={msg.sentBy || SENDERS.bot}\n        isUnread={msg.isUnread}\n      />\n    )\n  }\n  return WrappedComponent\n}\n"],"names":["INPUT","merge","React","SENDERS","createErrorBoundary","warnDeprecatedProps","mapObjectNonBooleanValues","Message","Reply","customMessage","name","CustomMessageComponent","defaultProps","errorBoundary","CustomMessage","props","splitChildren","children","isReply","e","Array","childrenArray","replies","childrenWithoutReplies","_e","WrappedComponent","id","customMessageProps","ErrorBoundary","msg"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAqC;AACL;AACP;AAEe;AACoB;AACV;AACO;AAEtB;AACJ;AAiBxB,MAAMS,aAAaA,GAAG,CAAC,EAC5BC,IAAI,EACJ,WAAWC,sBAAsB,EACjCC,eAAe,CAAC,CAAC,EACjBC,gBAAgBT,mBAAmBA,EAAE,EACnB;IAClB,MAAMU,gBAAgBC,CAAAA;QACpBV,mBAAmBA,CAACO,cAAc;QAClC,IAAIA,aAAa,MAAM,KAAKT,YAAY,EAAE;YACxCS,aAAa,GAAG,GAAG;QACrB;QACA,qBACE,IAACL,OAAOA;YACL,GAAGN,YAAKA,CAACK,yBAAyBA,CAACM,eAAeG,MAAM;YACzD,MAAMf,YAAY;;IAGxB;IAEA,MAAMgB,gBAAgBD,CAAAA;QACpB,MAAM,EAAEE,QAAQ,EAAE,GAAGF;QACrB,MAAMG,UAAUC,CAAAA,IAAKA,EAAE,IAAI,KAAKX,KAAKA;QACrC,IAAI;YACF,IAAI,CAACY,MAAM,OAAO,CAACH,aAAa,CAACC,QAAQD,WAAW;gBAClD,OAAO;oBAAE,SAAS;oBAAM,wBAAwBA;gBAAS;YAC3D;YACA,MAAMI,gBAAgBnB,sBAAsB,CAACe;YAC7C,MAAMK,UAAUD,cAAc,MAAM,CAACH;YACrC,MAAMK,yBAAyBF,cAAc,MAAM,CAACF,CAAAA,IAAK,CAACD,QAAQC;YAClE,OAAO;gBACL,SAASG;gBACTC;YACF;QACF,EAAE,OAAOC,IAAI;YACX,OAAO;gBAAE,SAAS;gBAAM,wBAAwBP;YAAS;QAC3D;IACF;IAEA,MAAMQ,mBAAmBV,CAAAA;QACvB,MAAM,EAAEW,EAAE,EAAET,QAAQ,EAAE,GAAGU,oBAAoB,GAAGZ;QAChD,MAAM,EAAEO,OAAO,EAAEC,sBAAsB,EAAE,GAAGP,cAAcD;QAE1D,MAAMa,gBAAgBf;QAEtB,qBACE,KAACC;YACC,IAAIY;YACJ,MAAM;gBACJ,GAAGC,kBAAkB;gBACrBD;gBACA,UAAUH;gBACV,gBAAgBb;YAClB;YACA,QAAQK,MAAM,MAAM,IAAIZ,WAAW;YACnC,UAAUY,MAAM,QAAQ;;8BAExB,IAACa;oBAAqC,GAAGD,kBAAkB;8BACzD,kBAAChB;wBAAuB,IAAIe;wBAAK,GAAGC,kBAAkB;kCACnDJ;;mBAFe;gBAKnBD;;;IAGP;IACAG,iBAAiB,cAAc,GAAGf;IAClCe,iBAAiB,WAAW,GAAG,CAACI;QAC9B,qBACE,IAACJ;YACC,IAAII,IAAI,EAAE;YAEV,MAAMA,IAAI,IAAI;YACb,GAAGA,IAAI,IAAI;YACZ,QAAQA,IAAI,MAAM,IAAI1B,WAAW;YACjC,UAAU0B,IAAI,QAAQ;WAJjBA,IAAI,GAAG;IAOlB;IACA,OAAOJ;AACT,EAAC"}

package/lib/esm/components/document.d.ts

@@ -1,4 +1,4 @@
-import type { DocumentProps } from './index-types';
+import type { DocumentProps } from './index-types.js';
 export declare const Document: {
     (props: DocumentProps): import("react/jsx-runtime").JSX.Element;
     serialize: (documentProps: {

package/lib/esm/components/document.js

@@ -1,16 +1,29 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Document = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@botonic/core");
-const react_1 = require("react");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const constants_1 = require("../constants");
-const environment_1 = require("../util/environment");
-const context_1 = require("../webchat/context");
-const message_1 = require("./message");
-const StyledButton = styled_components_1.default.a `
+import { jsx } from "react/jsx-runtime";
+import { INPUT, isBrowser } from "@botonic/core";
+import { useContext } from "react";
+import styled_components from "styled-components";
+import { ROLES, WEBCHAT } from "../constants.js";
+import { staticAsset } from "../util/environment.js";
+import { WebchatContext } from "../webchat/context/index.js";
+import { Message } from "./message/index.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const StyledButton = styled_components.a`
   display: block;
   height: 25px;
   background-color: #f0f0f0;
@@ -27,24 +40,43 @@ const StyledButton = styled_components_1.default.a `
     opacity: 1;
   }
 `;
-const serialize = (documentProps) => {
-    return { document: documentProps.src };
+const serialize = (documentProps)=>{
+    return {
+        document: documentProps.src
+    };
 };
-const Document = (props) => {
-    props = { ...props, src: (0, environment_1.staticAsset)(props.src) };
+const Document = (props)=>{
+    props = {
+        ...props,
+        src: staticAsset(props.src)
+    };
     let content = props.children;
-    const { getThemeProperty } = (0, react_1.useContext)(context_1.WebchatContext);
-    let documentDownload = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.documentDownload, {});
+    const { getThemeProperty } = useContext(WebchatContext);
+    let documentDownload = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.documentDownload, {});
     if (typeof documentDownload === 'function') {
         documentDownload = documentDownload(props.from);
     }
-    if ((0, core_1.isBrowser)()) {
-        content = ((0, jsx_runtime_1.jsx)(StyledButton, { href: props.src, target: '_blank', rel: 'noreferrer', style: {
-                ...documentDownload.style,
-            }, children: documentDownload.text || 'Download' }));
+    if (isBrowser()) {
+        content = /*#__PURE__*/ jsx(StyledButton, {
+            href: props.src,
+            target: "_blank",
+            rel: "noreferrer",
+            style: {
+                ...documentDownload.style
+            },
+            children: documentDownload.text || 'Download'
+        });
     }
-    return ((0, jsx_runtime_1.jsx)(message_1.Message, { role: constants_1.ROLES.DOCUMENT_MESSAGE, json: serialize(props), ...props, type: core_1.INPUT.DOCUMENT, children: content }));
+    return /*#__PURE__*/ jsx(Message, {
+        role: ROLES.DOCUMENT_MESSAGE,
+        json: serialize(props),
+        ...props,
+        type: INPUT.DOCUMENT,
+        children: content
+    });
 };
-exports.Document = Document;
-exports.Document.serialize = serialize;
+Document.serialize = serialize;
+
+export { Document };
+
 //# sourceMappingURL=document.js.map

package/lib/esm/components/document.js.map

@@ -1 +1 @@
-{"version":3,"file":"document.js","sourceRoot":"","sources":["../../../src/components/document.tsx"],"names":[],"mappings":";;;;;AAAA,wCAAgD;AAChD,iCAAkC;AAClC,kFAAsC;AAEtC,4CAA6C;AAC7C,qDAAiD;AACjD,gDAAmD;AAEnD,uCAAmC;AAEnC,MAAM,YAAY,GAAG,2BAAM,CAAC,CAAC,CAAA;;;;;;;;;;;;;;;;CAgB5B,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,aAA8B,EAAE,EAAE;IACnD,OAAO,EAAE,QAAQ,EAAE,aAAa,CAAC,GAAG,EAAE,CAAA;AACxC,CAAC,CAAA;AAEM,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,KAAK,GAAG,EAAE,GAAG,KAAK,EAAE,GAAG,EAAE,IAAA,yBAAW,EAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAA;IAEjD,IAAI,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAA;IAE5B,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IACvD,IAAI,gBAAgB,GAAG,gBAAgB,CACrC,mBAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,EAAE,CACH,CAAA;IACD,IAAI,OAAO,gBAAgB,KAAK,UAAU,EAAE,CAAC;QAC3C,gBAAgB,GAAG,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IACjD,CAAC;IAED,IAAI,IAAA,gBAAS,GAAE,EAAE,CAAC;QAChB,OAAO,GAAG,CACR,uBAAC,YAAY,IACX,IAAI,EAAE,KAAK,CAAC,GAAG,EACf,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,EAChB,KAAK,EAAE;gBACL,GAAG,gBAAgB,CAAC,KAAK;aAC1B,YAEA,gBAAgB,CAAC,IAAI,IAAI,UAAU,GACvB,CAChB,CAAA;IACH,CAAC;IAED,OAAO,CACL,uBAAC,iBAAO,IACN,IAAI,EAAE,iBAAK,CAAC,gBAAgB,EAC5B,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,KAClB,KAAK,EACT,IAAI,EAAE,YAAK,CAAC,QAAQ,YAEnB,OAAO,GACA,CACX,CAAA;AACH,CAAC,CAAA;AAvCY,QAAA,QAAQ,YAuCpB;AAED,gBAAQ,CAAC,SAAS,GAAG,SAAS,CAAA"}
+{"version":3,"file":"components/document.js","sources":["../../../src/components/document.tsx"],"sourcesContent":["import { INPUT, isBrowser } from '@botonic/core'\nimport { useContext } from 'react'\nimport styled from 'styled-components'\n\nimport { ROLES, WEBCHAT } from '../constants'\nimport { staticAsset } from '../util/environment'\nimport { WebchatContext } from '../webchat/context'\nimport type { DocumentProps } from './index-types'\nimport { Message } from './message'\n\nconst StyledButton = styled.a`\n  display: block;\n  height: 25px;\n  background-color: #f0f0f0;\n  padding: 10px;\n  text-align: center;\n  border-radius: 5px;\n  color: black;\n  font-weight: bold;\n  line-height: 25px;\n  text-decoration: none;\n  border: 1px solid black;\n  opacity: 0.9;\n  &:hover {\n    opacity: 1;\n  }\n`\n\nconst serialize = (documentProps: { src: string }) => {\n  return { document: documentProps.src }\n}\n\nexport const Document = (props: DocumentProps) => {\n  props = { ...props, src: staticAsset(props.src) }\n\n  let content = props.children\n\n  const { getThemeProperty } = useContext(WebchatContext)\n  let documentDownload = getThemeProperty(\n    WEBCHAT.CUSTOM_PROPERTIES.documentDownload,\n    {}\n  )\n  if (typeof documentDownload === 'function') {\n    documentDownload = documentDownload(props.from)\n  }\n\n  if (isBrowser()) {\n    content = (\n      <StyledButton\n        href={props.src}\n        target='_blank'\n        rel='noreferrer'\n        style={{\n          ...documentDownload.style,\n        }}\n      >\n        {documentDownload.text || 'Download'}\n      </StyledButton>\n    )\n  }\n\n  return (\n    <Message\n      role={ROLES.DOCUMENT_MESSAGE}\n      json={serialize(props)}\n      {...props}\n      type={INPUT.DOCUMENT}\n    >\n      {content}\n    </Message>\n  )\n}\n\nDocument.serialize = serialize\n"],"names":["INPUT","isBrowser","useContext","styled","ROLES","WEBCHAT","staticAsset","WebchatContext","Message","StyledButton","serialize","documentProps","Document","props","content","getThemeProperty","documentDownload"],"mappings":";;;;;;;;;;;;;;;;;;AAAgD;AACd;AACI;AAEO;AACI;AACE;AAEhB;AAEnC,MAAMS,YAAYA,GAAGN,mBAAQ,CAAC;;;;;;;;;;;;;;;;AAgB9B,CAAC;AAED,MAAMO,SAASA,GAAG,CAACC;IACjB,OAAO;QAAE,UAAUA,cAAc,GAAG;IAAC;AACvC;AAEO,MAAMC,QAAQA,GAAG,CAACC;IACvBA,QAAQ;QAAE,GAAGA,KAAK;QAAE,KAAKP,WAAWA,CAACO,MAAM,GAAG;IAAE;IAEhD,IAAIC,UAAUD,MAAM,QAAQ;IAE5B,MAAM,EAAEE,gBAAgB,EAAE,GAAGb,UAAUA,CAACK,cAAcA;IACtD,IAAIS,mBAAmBD,iBACrBV,0CAA0C,EAC1C,CAAC;IAEH,IAAI,OAAOW,qBAAqB,YAAY;QAC1CA,mBAAmBA,iBAAiBH,MAAM,IAAI;IAChD;IAEA,IAAIZ,SAASA,IAAI;QACfa,wBACE,IAACL,YAAYA;YACX,MAAMI,MAAM,GAAG;YACf,QAAO;YACP,KAAI;YACJ,OAAO;gBACL,GAAGG,iBAAiB,KAAK;YAC3B;sBAECA,iBAAiB,IAAI,IAAI;;IAGhC;IAEA,qBACE,IAACR,OAAOA;QACN,MAAMJ,sBAAsB;QAC5B,MAAMM,SAASA,CAACG;QACf,GAAGA,KAAK;QACT,MAAMb,cAAc;kBAEnBc;;AAGP,EAAC;AAEDF,QAAQA,CAAC,SAAS,GAAGF,SAASA"}

package/lib/esm/components/element.js

@@ -1,49 +1,58 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Element = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const constants_1 = require("../constants");
-const react_1 = require("../util/react");
-const index_1 = require("./button/index");
-const ElementContainer = styled_components_1.default.div `
+import { jsx } from "react/jsx-runtime";
+import styled_components from "styled-components";
+import { COLORS, WEBCHAT } from "../constants.js";
+import { renderComponent } from "../util/react.js";
+import { Button } from "./button/index.js";
+
+
+
+
+
+
+
+
+
+
+
+const ElementContainer = styled_components.div`
   display: flex;
   flex-direction: column;
-  width: ${constants_1.WEBCHAT.DEFAULTS.ELEMENT_WIDTH}px;
-  margin-right: ${constants_1.WEBCHAT.DEFAULTS.ELEMENT_MARGIN_RIGHT}px;
+  width: ${WEBCHAT.DEFAULTS.ELEMENT_WIDTH}px;
+  margin-right: ${WEBCHAT.DEFAULTS.ELEMENT_MARGIN_RIGHT}px;
   border-radius: 6px;
-  border: 1px solid ${constants_1.COLORS.SEASHELL_WHITE};
+  border: 1px solid ${COLORS.SEASHELL_WHITE};
   overflow: hidden;
   justify-content: space-between;
 `;
-const Element = (props) => {
-    const renderBrowser = () => ((0, jsx_runtime_1.jsx)(ElementContainer, { children: props.children }));
+const Element = (props)=>{
+    const renderBrowser = ()=>/*#__PURE__*/ jsx(ElementContainer, {
+            children: props.children
+        });
     // @ts-expect-error
-    const renderNode = () => (0, jsx_runtime_1.jsx)("element", { children: props.children });
-    return (0, react_1.renderComponent)({ renderBrowser, renderNode });
+    const renderNode = ()=>/*#__PURE__*/ jsx("element", {
+            children: props.children
+        });
+    return renderComponent({
+        renderBrowser,
+        renderNode
+    });
 };
-exports.Element = Element;
-exports.Element.serialize = elementProps => {
-    const element = Object.assign({}, ...elementProps.children
-        .filter(c => c?.type?.name !== index_1.Button.name)
-        .map(c => c?.type?.serialize?.(c.props)));
+Element.serialize = (elementProps)=>{
+    const element = Object.assign({}, ...elementProps.children.filter((c)=>c?.type?.name !== Button.name).map((c)=>c?.type?.serialize?.(c.props)));
     // When we are serializer buttons from backend, we are receiving the data
     // as an array of buttons, so we have to keep robust with serve and deal with arrays
     element.buttons = [
-        ...elementProps.children
-            .filter(c => {
+        ...elementProps.children.filter((c)=>{
             if (Array.isArray(c)) {
                 return true;
             }
-            return c?.type?.name === index_1.Button.name;
-        })
-            .map(b => {
+            return c?.type?.name === Button.name;
+        }).map((b)=>{
             if (Array.isArray(b)) {
-                b.map(bb => bb?.type?.serialize?.(bb.props)?.button);
+                b.map((bb)=>bb?.type?.serialize?.(bb.props)?.button);
             }
             return b?.type?.serialize(b.props).button;
-        }),
+        })
     ];
     // When we have the buttons from backend, we have all buttons inside an array on the first position
     // of another array in element['buttons'] we want that element['buttons'] to be an array of buttons,
@@ -53,4 +62,7 @@ exports.Element.serialize = elementProps => {
     }
     return element;
 };
+
+export { Element };
+
 //# sourceMappingURL=element.js.map

package/lib/esm/components/element.js.map

@@ -1 +1 @@
-{"version":3,"file":"element.js","sourceRoot":"","sources":["../../../src/components/element.tsx"],"names":[],"mappings":";;;;;AACA,kFAAsC;AAEtC,4CAA8C;AAC9C,yCAA+C;AAC/C,0CAAuC;AAEvC,MAAM,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;WAGxB,mBAAO,CAAC,QAAQ,CAAC,aAAa;kBACvB,mBAAO,CAAC,QAAQ,CAAC,oBAAoB;;sBAEjC,kBAAM,CAAC,cAAc;;;CAG1C,CAAA;AAMM,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IAC7C,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CAC1B,uBAAC,gBAAgB,cAAE,KAAK,CAAC,QAAQ,GAAoB,CACtD,CAAA;IAED,mBAAmB;IACnB,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,8CAAU,KAAK,CAAC,QAAQ,GAAW,CAAA;IAE5D,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AATY,QAAA,OAAO,WASnB;AAED,eAAO,CAAC,SAAS,GAAG,YAAY,CAAC,EAAE;IACjC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAC3B,EAAE,EACF,GAAG,YAAY,CAAC,QAAQ;SACrB,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,KAAK,cAAM,CAAC,IAAI,CAAC;SAC1C,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAC3C,CAAA;IACD,yEAAyE;IACzE,oFAAoF;IACpF,OAAO,CAAC,OAAO,GAAG;QAChB,GAAG,YAAY,CAAC,QAAQ;aACrB,MAAM,CAAC,CAAC,CAAC,EAAE;YACV,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;gBACrB,OAAO,IAAI,CAAA;YACb,CAAC;YACD,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,KAAK,cAAM,CAAC,IAAI,CAAA;QACtC,CAAC,CAAC;aACD,GAAG,CAAC,CAAC,CAAC,EAAE;YACP,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;gBACrB,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,CAAA;YACtD,CAAC;YACD,OAAO,CAAC,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAA;QAC3C,CAAC,CAAC;KACL,CAAA;IACD,mGAAmG;IACnG,oGAAoG;IACpG,2CAA2C;IAC3C,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QACtC,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;IACtC,CAAC;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}
+{"version":3,"file":"components/element.js","sources":["../../../src/components/element.tsx"],"sourcesContent":["import type React from 'react'\nimport styled from 'styled-components'\n\nimport { COLORS, WEBCHAT } from '../constants'\nimport { renderComponent } from '../util/react'\nimport { Button } from './button/index'\n\nconst ElementContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  width: ${WEBCHAT.DEFAULTS.ELEMENT_WIDTH}px;\n  margin-right: ${WEBCHAT.DEFAULTS.ELEMENT_MARGIN_RIGHT}px;\n  border-radius: 6px;\n  border: 1px solid ${COLORS.SEASHELL_WHITE};\n  overflow: hidden;\n  justify-content: space-between;\n`\n\nexport interface ElementProps {\n  children: React.ReactNode[]\n}\n\nexport const Element = (props: ElementProps) => {\n  const renderBrowser = () => (\n    <ElementContainer>{props.children}</ElementContainer>\n  )\n\n  // @ts-expect-error\n  const renderNode = () => <element>{props.children}</element>\n\n  return renderComponent({ renderBrowser, renderNode })\n}\n\nElement.serialize = elementProps => {\n  const element = Object.assign(\n    {},\n    ...elementProps.children\n      .filter(c => c?.type?.name !== Button.name)\n      .map(c => c?.type?.serialize?.(c.props))\n  )\n  // When we are serializer buttons from backend, we are receiving the data\n  // as an array of buttons, so we have to keep robust with serve and deal with arrays\n  element.buttons = [\n    ...elementProps.children\n      .filter(c => {\n        if (Array.isArray(c)) {\n          return true\n        }\n        return c?.type?.name === Button.name\n      })\n      .map(b => {\n        if (Array.isArray(b)) {\n          b.map(bb => bb?.type?.serialize?.(bb.props)?.button)\n        }\n        return b?.type?.serialize(b.props).button\n      }),\n  ]\n  // When we have the buttons from backend, we have all buttons inside an array on the first position\n  // of another array in element['buttons'] we want that element['buttons'] to be an array of buttons,\n  // not an array of another array of buttons\n  if (Array.isArray(element.buttons[0])) {\n    element.buttons = element.buttons[0]\n  }\n  return element\n}\n"],"names":["styled","COLORS","WEBCHAT","renderComponent","Button","ElementContainer","Element","props","renderBrowser","renderNode","elementProps","element","Object","c","Array","b","bb"],"mappings":";;;;;;;;;;;;AACsC;AAEQ;AACC;AACR;AAEvC,MAAMK,gBAAgBA,GAAGL,qBAAU,CAAC;;;SAG3B,EAAEE,8BAA8B,CAAC;gBAC1B,EAAEA,qCAAqC,CAAC;;oBAEpC,EAAED,qBAAqB,CAAC;;;AAG5C,CAAC;AAMM,MAAMK,OAAOA,GAAG,CAACC;IACtB,MAAMC,gBAAgB,kBACpB,IAACH,gBAAgBA;sBAAEE,MAAM,QAAQ;;IAGnC,mBAAmB;IACnB,MAAME,aAAa,kBAAM,IAAC;sBAASF,MAAM,QAAQ;;IAEjD,OAAOJ,eAAeA,CAAC;QAAEK;QAAeC;IAAW;AACrD,EAAC;AAEDH,OAAOA,CAAC,SAAS,GAAGI,CAAAA;IAClB,MAAMC,UAAUC,OAAO,MAAM,CAC3B,CAAC,MACEF,aAAa,QAAQ,CACrB,MAAM,CAACG,CAAAA,IAAKA,GAAG,MAAM,SAAST,WAAW,EACzC,GAAG,CAACS,CAAAA,IAAKA,GAAG,MAAM,YAAYA,EAAE,KAAK;IAE1C,yEAAyE;IACzE,oFAAoF;IACpFF,QAAQ,OAAO,GAAG;WACbD,aAAa,QAAQ,CACrB,MAAM,CAACG,CAAAA;YACN,IAAIC,MAAM,OAAO,CAACD,IAAI;gBACpB,OAAO;YACT;YACA,OAAOA,GAAG,MAAM,SAAST,WAAW;QACtC,GACC,GAAG,CAACW,CAAAA;YACH,IAAID,MAAM,OAAO,CAACC,IAAI;gBACpBA,EAAE,GAAG,CAACC,CAAAA,KAAMA,IAAI,MAAM,YAAYA,GAAG,KAAK,GAAG;YAC/C;YACA,OAAOD,GAAG,MAAM,UAAUA,EAAE,KAAK,EAAE;QACrC;KACH;IACD,mGAAmG;IACnG,oGAAoG;IACpG,2CAA2C;IAC3C,IAAID,MAAM,OAAO,CAACH,QAAQ,OAAO,CAAC,EAAE,GAAG;QACrCA,QAAQ,OAAO,GAAGA,QAAQ,OAAO,CAAC,EAAE;IACtC;IACA,OAAOA;AACT"}

package/lib/esm/components/handoff.js

@@ -1,13 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Handoff = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const constants_1 = require("../constants");
-const context_1 = require("../webchat/context");
-const Container = styled_components_1.default.div `
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useContext, useState } from "react";
+import styled_components from "styled-components";
+import { COLORS } from "../constants.js";
+import { WebchatContext } from "../webchat/context/index.js";
+
+
+
+
+
+
+
+
+
+
+
+const Container = styled_components.div`
   display: flex;
   font-family: inherit;
   flex-direction: column;
@@ -15,40 +22,55 @@ const Container = styled_components_1.default.div `
   align-items: center;
   padding: 24px;
 `;
-const TransferredContainer = styled_components_1.default.div `
+const TransferredContainer = styled_components.div`
   text-align: center;
   white-space: normal;
 `;
-const EndedContainer = styled_components_1.default.div `
+const EndedContainer = styled_components.div`
   text-align: center;
   white-space: normal;
 `;
-const StyledButton = styled_components_1.default.button `
+const StyledButton = styled_components.button`
   max-width: 60%;
   padding: 12px 24px;
-  background-color: ${constants_1.COLORS.SOLID_WHITE};
+  background-color: ${COLORS.SOLID_WHITE};
   border: none;
   border-radius: 4px;
   margin-top: 8px;
   cursor: pointer;
 `;
-const Handoff = _props => {
-    const { resolveCase } = (0, react_1.useContext)(context_1.WebchatContext);
-    const [state, setState] = (0, react_1.useState)({ showContinue: true });
-    const continueClick = () => {
-        setState({ showContinue: false });
+const Handoff = (_props)=>{
+    const { resolveCase } = useContext(WebchatContext);
+    const [state, setState] = useState({
+        showContinue: true
+    });
+    const continueClick = ()=>{
+        setState({
+            showContinue: false
+        });
         resolveCase();
     };
-    const bgColor = state.showContinue
-        ? constants_1.COLORS.FRINGY_FLOWER_GREEN
-        : constants_1.COLORS.TASMAN_GRAY;
-    const fontColor = state.showContinue
-        ? constants_1.COLORS.APPLE_GREEN
-        : constants_1.COLORS.CACTUS_GREEN;
-    return ((0, jsx_runtime_1.jsxs)(Container, { style: {
+    const bgColor = state.showContinue ? COLORS.FRINGY_FLOWER_GREEN : COLORS.TASMAN_GRAY;
+    const fontColor = state.showContinue ? COLORS.APPLE_GREEN : COLORS.CACTUS_GREEN;
+    return /*#__PURE__*/ jsxs(Container, {
+        style: {
             color: fontColor,
-            backgroundColor: bgColor,
-        }, children: [state.showContinue ? ((0, jsx_runtime_1.jsx)(TransferredContainer, { children: "Conversation transferred to a human agent..." })) : ((0, jsx_runtime_1.jsx)(EndedContainer, { children: "Human handoff ended" })), state.showContinue && ((0, jsx_runtime_1.jsx)(StyledButton, { onClick: continueClick, children: "Continue" }))] }));
+            backgroundColor: bgColor
+        },
+        children: [
+            state.showContinue ? /*#__PURE__*/ jsx(TransferredContainer, {
+                children: "Conversation transferred to a human agent..."
+            }) : /*#__PURE__*/ jsx(EndedContainer, {
+                children: "Human handoff ended"
+            }),
+            state.showContinue && /*#__PURE__*/ jsx(StyledButton, {
+                onClick: continueClick,
+                children: "Continue"
+            })
+        ]
+    });
 };
-exports.Handoff = Handoff;
+
+export { Handoff };
+
 //# sourceMappingURL=handoff.js.map

package/lib/esm/components/handoff.js.map

@@ -1 +1 @@
-{"version":3,"file":"handoff.js","sourceRoot":"","sources":["../../../src/components/handoff.jsx"],"names":[],"mappings":";;;;;AAAA,iCAA4C;AAC5C,kFAAsC;AAEtC,4CAAqC;AACrC,gDAAmD;AAEnD,MAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;CAO3B,CAAA;AAED,MAAM,oBAAoB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGtC,CAAA;AAED,MAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGhC,CAAA;AAED,MAAM,YAAY,GAAG,2BAAM,CAAC,MAAM,CAAA;;;sBAGZ,kBAAM,CAAC,WAAW;;;;;CAKvC,CAAA;AAEM,MAAM,OAAO,GAAG,MAAM,CAAC,EAAE;IAC9B,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAClD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAA;IAE1D,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,QAAQ,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAA;QACjC,WAAW,EAAE,CAAA;IACf,CAAC,CAAA;IAED,MAAM,OAAO,GAAG,KAAK,CAAC,YAAY;QAChC,CAAC,CAAC,kBAAM,CAAC,mBAAmB;QAC5B,CAAC,CAAC,kBAAM,CAAC,WAAW,CAAA;IACtB,MAAM,SAAS,GAAG,KAAK,CAAC,YAAY;QAClC,CAAC,CAAC,kBAAM,CAAC,WAAW;QACpB,CAAC,CAAC,kBAAM,CAAC,YAAY,CAAA;IACvB,OAAO,CACL,wBAAC,SAAS,IACR,KAAK,EAAE;YACL,KAAK,EAAE,SAAS;YAChB,eAAe,EAAE,OAAO;SACzB,aAEA,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CACpB,uBAAC,oBAAoB,+DAEE,CACxB,CAAC,CAAC,CAAC,CACF,uBAAC,cAAc,sCAAqC,CACrD,EACA,KAAK,CAAC,YAAY,IAAI,CACrB,uBAAC,YAAY,IAAC,OAAO,EAAE,aAAa,yBAAyB,CAC9D,IACS,CACb,CAAA;AACH,CAAC,CAAA;AAlCY,QAAA,OAAO,WAkCnB"}
+{"version":3,"file":"components/handoff.js","sources":["../../../src/components/handoff.jsx"],"sourcesContent":["import { useContext, useState } from 'react'\nimport styled from 'styled-components'\n\nimport { COLORS } from '../constants'\nimport { WebchatContext } from '../webchat/context'\n\nconst Container = styled.div`\n  display: flex;\n  font-family: inherit;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 24px;\n`\n\nconst TransferredContainer = styled.div`\n  text-align: center;\n  white-space: normal;\n`\n\nconst EndedContainer = styled.div`\n  text-align: center;\n  white-space: normal;\n`\n\nconst StyledButton = styled.button`\n  max-width: 60%;\n  padding: 12px 24px;\n  background-color: ${COLORS.SOLID_WHITE};\n  border: none;\n  border-radius: 4px;\n  margin-top: 8px;\n  cursor: pointer;\n`\n\nexport const Handoff = _props => {\n  const { resolveCase } = useContext(WebchatContext)\n  const [state, setState] = useState({ showContinue: true })\n\n  const continueClick = () => {\n    setState({ showContinue: false })\n    resolveCase()\n  }\n\n  const bgColor = state.showContinue\n    ? COLORS.FRINGY_FLOWER_GREEN\n    : COLORS.TASMAN_GRAY\n  const fontColor = state.showContinue\n    ? COLORS.APPLE_GREEN\n    : COLORS.CACTUS_GREEN\n  return (\n    <Container\n      style={{\n        color: fontColor,\n        backgroundColor: bgColor,\n      }}\n    >\n      {state.showContinue ? (\n        <TransferredContainer>\n          Conversation transferred to a human agent...\n        </TransferredContainer>\n      ) : (\n        <EndedContainer>Human handoff ended</EndedContainer>\n      )}\n      {state.showContinue && (\n        <StyledButton onClick={continueClick}>Continue</StyledButton>\n      )}\n    </Container>\n  )\n}\n"],"names":["useContext","useState","styled","COLORS","WebchatContext","Container","TransferredContainer","EndedContainer","StyledButton","Handoff","_props","resolveCase","state","setState","continueClick","bgColor","fontColor"],"mappings":";;;;;;;;;;;;AAA4C;AACN;AAED;AACc;AAEnD,MAAMK,SAASA,GAAGH,qBAAU,CAAC;;;;;;;AAO7B,CAAC;AAED,MAAMI,oBAAoBA,GAAGJ,qBAAU,CAAC;;;AAGxC,CAAC;AAED,MAAMK,cAAcA,GAAGL,qBAAU,CAAC;;;AAGlC,CAAC;AAED,MAAMM,YAAYA,GAAGN,wBAAa,CAAC;;;oBAGf,EAAEC,kBAAkB,CAAC;;;;;AAKzC,CAAC;AAEM,MAAMM,OAAOA,GAAGC,CAAAA;IACrB,MAAM,EAAEC,WAAW,EAAE,GAAGX,UAAUA,CAACI,cAAcA;IACjD,MAAM,CAACQ,OAAOC,SAAS,GAAGZ,QAAQA,CAAC;QAAE,cAAc;IAAK;IAExD,MAAMa,gBAAgB;QACpBD,SAAS;YAAE,cAAc;QAAM;QAC/BF;IACF;IAEA,MAAMI,UAAUH,MAAM,YAAY,GAC9BT,0BAA0B,GAC1BA,kBAAkB;IACtB,MAAMa,YAAYJ,MAAM,YAAY,GAChCT,kBAAkB,GAClBA,mBAAmB;IACvB,qBACE,KAACE,SAASA;QACR,OAAO;YACL,OAAOW;YACP,iBAAiBD;QACnB;;YAECH,MAAM,YAAY,iBACjB,IAACN,oBAAoBA;0BAAC;+BAItB,IAACC,cAAcA;0BAAC;;YAEjBK,MAAM,YAAY,kBACjB,IAACJ,YAAYA;gBAAC,SAASM;0BAAe;;;;AAI9C,EAAC"}

package/lib/esm/components/image.d.ts

@@ -1,4 +1,4 @@
-import type { ImageProps } from './index-types';
+import type { ImageProps } from './index-types.js';
 export declare const Image: {
     (props: ImageProps): import("react/jsx-runtime").JSX.Element;
     serialize: (imageProps: {