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

package/lib/esm/components/reply.js

@@ -1,27 +1,38 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Reply = 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 react_2 = require("../util/react");
-const context_1 = require("../webchat/context");
-const constants_2 = require("./constants");
-const StyledButton = styled_components_1.default.button `
+import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import styled_components from "styled-components";
+import { WEBCHAT } from "../constants.js";
+import { renderComponent } from "../util/react.js";
+import { WebchatContext } from "../webchat/context/index.js";
+import { COMPONENT_DISPLAY_NAMES } from "./constants.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const StyledButton = styled_components.button`
   width: 100%;
   padding: 4px 8px;
   font-family: inherit;
   border-radius: 8px;
-  border: 1px solid ${props => props.theme.brand?.color};
-  color: ${props => props.theme.brand?.color};
+  border: 1px solid ${(props)=>props.theme.brand?.color};
+  color: ${(props)=>props.theme.brand?.color};
   cursor: pointer;
   outline: 0;
 `;
-const Reply = (props) => {
-    const { sendText, getThemeProperty } = (0, react_1.useContext)(context_1.WebchatContext);
-    const handleClick = (event) => {
+const Reply = (props)=>{
+    const { sendText, getThemeProperty } = useContext(WebchatContext);
+    const handleClick = (event)=>{
         event.preventDefault();
         if (props.children) {
             let payload = props.payload;
@@ -31,36 +42,61 @@ const Reply = (props) => {
             sendText(props.children, payload);
         }
     };
-    const renderBrowser = () => {
-        const replyStyle = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.replyStyle);
-        const CustomReply = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customReply);
+    const renderBrowser = ()=>{
+        const replyStyle = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.replyStyle);
+        const CustomReply = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customReply);
         if (CustomReply) {
-            return ((0, jsx_runtime_1.jsx)("div", { onClick: e => handleClick(e), children: (0, jsx_runtime_1.jsx)(CustomReply, { children: props.children }) }));
+            return /*#__PURE__*/ jsx("div", {
+                onClick: (e)=>handleClick(e),
+                children: /*#__PURE__*/ jsx(CustomReply, {
+                    children: props.children
+                })
+            });
         }
-        return ((0, jsx_runtime_1.jsx)(StyledButton, { style: {
-                ...replyStyle,
-            }, onClick: e => handleClick(e), children: props.children }));
+        return /*#__PURE__*/ jsx(StyledButton, {
+            style: {
+                ...replyStyle
+            },
+            onClick: (e)=>handleClick(e),
+            children: props.children
+        });
     };
-    const renderNode = () => {
+    const renderNode = ()=>{
         if (props.path) {
             const payload = `__PATH_PAYLOAD__${props.path}`;
             // @ts-expect-error
             // eslint-disable-next-line react/no-unknown-property
-            return (0, jsx_runtime_1.jsx)("reply", { payload: payload, children: props.children });
+            return /*#__PURE__*/ jsx("reply", {
+                payload: payload,
+                children: props.children
+            });
         }
         // @ts-expect-error
         // eslint-disable-next-line react/no-unknown-property
-        return (0, jsx_runtime_1.jsx)("reply", { payload: props.payload, children: props.children });
+        return /*#__PURE__*/ jsx("reply", {
+            payload: props.payload,
+            children: props.children
+        });
     };
-    return (0, react_2.renderComponent)({ renderBrowser, renderNode });
+    return renderComponent({
+        renderBrowser,
+        renderNode
+    });
 };
-exports.Reply = Reply;
-exports.Reply.displayName = constants_2.COMPONENT_DISPLAY_NAMES.Reply;
-exports.Reply.serialize = (replyProps) => {
+Reply.displayName = COMPONENT_DISPLAY_NAMES.Reply;
+Reply.serialize = (replyProps)=>{
     let payload = replyProps.payload;
     if (replyProps.path) {
         payload = `__PATH_PAYLOAD__${replyProps.path}`;
     }
-    return { reply: { title: replyProps.children, payload } };
+    return {
+        reply: {
+            title: replyProps.children,
+            payload
+        }
+    };
 };
+
+export { Reply };
+
 //# sourceMappingURL=reply.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"reply.js","sourceRoot":"","sources":["../../../src/components/reply.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAkC;AAClC,kFAAsC;AAEtC,4CAAsC;AACtC,yCAA+C;AAC/C,gDAAmD;AACnD,2CAAqD;AAGrD,MAAM,YAAY,GAAG,2BAAM,CAAC,MAAM,CAAA;;;;;sBAKZ,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK;WAC5C,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK;;;CAG3C,CAAA;AAEM,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IACzC,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEjE,MAAM,WAAW,GAAG,CAAC,KAAU,EAAE,EAAE;QACjC,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YACnB,IAAI,OAAO,GAAG,KAAK,CAAC,OAAO,CAAA;YAC3B,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;gBACf,OAAO,GAAG,mBAAmB,KAAK,CAAC,IAAI,EAAE,CAAA;YAC3C,CAAC;YACD,QAAQ,CAAC,KAAK,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;QACnC,CAAC;IACH,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,MAAM,UAAU,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAA;QACzE,MAAM,WAAW,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;QAC3E,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,CACL,gCAAK,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,YAC/B,uBAAC,WAAW,cAAE,KAAK,CAAC,QAAQ,GAAe,GACvC,CACP,CAAA;QACH,CAAC;QAED,OAAO,CACL,uBAAC,YAAY,IACX,KAAK,EAAE;gBACL,GAAG,UAAU;aACd,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,YAE3B,KAAK,CAAC,QAAQ,GACF,CAChB,CAAA;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;YACf,MAAM,OAAO,GAAG,mBAAmB,KAAK,CAAC,IAAI,EAAE,CAAA;YAC/C,mBAAmB;YACnB,qDAAqD;YACrD,OAAO,kCAAO,OAAO,EAAE,OAAO,YAAG,KAAK,CAAC,QAAQ,GAAS,CAAA;QAC1D,CAAC;QACD,mBAAmB;QACnB,qDAAqD;QACrD,OAAO,kCAAO,OAAO,EAAE,KAAK,CAAC,OAAO,YAAG,KAAK,CAAC,QAAQ,GAAS,CAAA;IAChE,CAAC,CAAA;IAED,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAlDY,QAAA,KAAK,SAkDjB;AAED,aAAK,CAAC,WAAW,GAAG,mCAAuB,CAAC,KAAK,CAAA;AAEjD,aAAK,CAAC,SAAS,GAAG,CAAC,UAAsB,EAAE,EAAE;IAC3C,IAAI,OAAO,GAAG,UAAU,CAAC,OAAO,CAAA;IAChC,IAAI,UAAU,CAAC,IAAI,EAAE,CAAC;QACpB,OAAO,GAAG,mBAAmB,UAAU,CAAC,IAAI,EAAE,CAAA;IAChD,CAAC;IACD,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,CAAA;AAC3D,CAAC,CAAA"}
+{"version":3,"file":"components/reply.js","sources":["../../../src/components/reply.tsx"],"sourcesContent":["import { useContext } from 'react'\nimport styled from 'styled-components'\n\nimport { WEBCHAT } from '../constants'\nimport { renderComponent } from '../util/react'\nimport { WebchatContext } from '../webchat/context'\nimport { COMPONENT_DISPLAY_NAMES } from './constants'\nimport type { ReplyProps } from './index-types'\n\nconst StyledButton = styled.button`\n  width: 100%;\n  padding: 4px 8px;\n  font-family: inherit;\n  border-radius: 8px;\n  border: 1px solid ${props => props.theme.brand?.color};\n  color: ${props => props.theme.brand?.color};\n  cursor: pointer;\n  outline: 0;\n`\n\nexport const Reply = (props: ReplyProps) => {\n  const { sendText, getThemeProperty } = useContext(WebchatContext)\n\n  const handleClick = (event: any) => {\n    event.preventDefault()\n    if (props.children) {\n      let payload = props.payload\n      if (props.path) {\n        payload = `__PATH_PAYLOAD__${props.path}`\n      }\n      sendText(props.children, payload)\n    }\n  }\n\n  const renderBrowser = () => {\n    const replyStyle = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.replyStyle)\n    const CustomReply = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customReply)\n    if (CustomReply) {\n      return (\n        <div onClick={e => handleClick(e)}>\n          <CustomReply>{props.children}</CustomReply>\n        </div>\n      )\n    }\n\n    return (\n      <StyledButton\n        style={{\n          ...replyStyle,\n        }}\n        onClick={e => handleClick(e)}\n      >\n        {props.children}\n      </StyledButton>\n    )\n  }\n\n  const renderNode = () => {\n    if (props.path) {\n      const payload = `__PATH_PAYLOAD__${props.path}`\n      // @ts-expect-error\n      // eslint-disable-next-line react/no-unknown-property\n      return <reply payload={payload}>{props.children}</reply>\n    }\n    // @ts-expect-error\n    // eslint-disable-next-line react/no-unknown-property\n    return <reply payload={props.payload}>{props.children}</reply>\n  }\n\n  return renderComponent({ renderBrowser, renderNode })\n}\n\nReply.displayName = COMPONENT_DISPLAY_NAMES.Reply\n\nReply.serialize = (replyProps: ReplyProps) => {\n  let payload = replyProps.payload\n  if (replyProps.path) {\n    payload = `__PATH_PAYLOAD__${replyProps.path}`\n  }\n  return { reply: { title: replyProps.children, payload } }\n}\n"],"names":["useContext","styled","WEBCHAT","renderComponent","WebchatContext","COMPONENT_DISPLAY_NAMES","StyledButton","props","Reply","sendText","getThemeProperty","handleClick","event","payload","renderBrowser","replyStyle","CustomReply","e","renderNode","replyProps"],"mappings":";;;;;;;;;;;;;;;;AAAkC;AACI;AAEA;AACS;AACI;AACE;AAGrD,MAAMM,YAAYA,GAAGL,wBAAa,CAAC;;;;;oBAKf,EAAEM,CAAAA,QAASA,MAAM,KAAK,CAAC,KAAK,EAAE,MAAM;SAC/C,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,KAAK,EAAE,MAAM;;;AAG7C,CAAC;AAEM,MAAMC,KAAKA,GAAG,CAACD;IACpB,MAAM,EAAEE,QAAQ,EAAEC,gBAAgB,EAAE,GAAGV,UAAUA,CAACI,cAAcA;IAEhE,MAAMO,cAAc,CAACC;QACnBA,MAAM,cAAc;QACpB,IAAIL,MAAM,QAAQ,EAAE;YAClB,IAAIM,UAAUN,MAAM,OAAO;YAC3B,IAAIA,MAAM,IAAI,EAAE;gBACdM,UAAU,CAAC,gBAAgB,EAAEN,MAAM,IAAI,EAAE;YAC3C;YACAE,SAASF,MAAM,QAAQ,EAAEM;QAC3B;IACF;IAEA,MAAMC,gBAAgB;QACpB,MAAMC,aAAaL,iBAAiBR,oCAAoC;QACxE,MAAMc,cAAcN,iBAAiBR,qCAAqC;QAC1E,IAAIc,aAAa;YACf,qBACE,IAAC;gBAAI,SAASC,CAAAA,IAAKN,YAAYM;0BAC7B,kBAACD;8BAAaT,MAAM,QAAQ;;;QAGlC;QAEA,qBACE,IAACD,YAAYA;YACX,OAAO;gBACL,GAAGS,UAAU;YACf;YACA,SAASE,CAAAA,IAAKN,YAAYM;sBAEzBV,MAAM,QAAQ;;IAGrB;IAEA,MAAMW,aAAa;QACjB,IAAIX,MAAM,IAAI,EAAE;YACd,MAAMM,UAAU,CAAC,gBAAgB,EAAEN,MAAM,IAAI,EAAE;YAC/C,mBAAmB;YACnB,qDAAqD;YACrD,qBAAO,IAAC;gBAAM,SAASM;0BAAUN,MAAM,QAAQ;;QACjD;QACA,mBAAmB;QACnB,qDAAqD;QACrD,qBAAO,IAAC;YAAM,SAASA,MAAM,OAAO;sBAAGA,MAAM,QAAQ;;IACvD;IAEA,OAAOJ,eAAeA,CAAC;QAAEW;QAAeI;IAAW;AACrD,EAAC;AAEDV,KAAKA,CAAC,WAAW,GAAGH,6BAA6B;AAEjDG,KAAKA,CAAC,SAAS,GAAG,CAACW;IACjB,IAAIN,UAAUM,WAAW,OAAO;IAChC,IAAIA,WAAW,IAAI,EAAE;QACnBN,UAAU,CAAC,gBAAgB,EAAEM,WAAW,IAAI,EAAE;IAChD;IACA,OAAO;QAAE,OAAO;YAAE,OAAOA,WAAW,QAAQ;YAAEN;QAAQ;IAAE;AAC1D"}

package/lib/esm/components/share-button.js

@@ -1,13 +1,26 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ShareButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/** biome-ignore-all lint/security/noDangerouslySetInnerHtml: ShareButton is a component that renders a share button */
-const react_1 = require("../util/react");
-const ShareButton = props => {
-    const renderBrowser = () => null;
-    const renderNode = () => ((0, jsx_runtime_1.jsx)("button", { type: 'element_share', children: (0, jsx_runtime_1.jsx)("pre", { dangerouslySetInnerHTML: { __html: JSON.stringify(props.payload) } }) }));
-    return (0, react_1.renderComponent)({ renderBrowser, renderNode });
+import { jsx } from "react/jsx-runtime";
+import { renderComponent } from "../util/react.js";
+
+
+
+
+/** biome-ignore-all lint/security/noDangerouslySetInnerHtml: ShareButton is a component that renders a share button */ 
+const ShareButton = (props)=>{
+    const renderBrowser = ()=>null;
+    const renderNode = ()=>/*#__PURE__*/ jsx("button", {
+            type: "element_share",
+            children: /*#__PURE__*/ jsx("pre", {
+                dangerouslySetInnerHTML: {
+                    __html: JSON.stringify(props.payload)
+                }
+            })
+        });
+    return renderComponent({
+        renderBrowser,
+        renderNode
+    });
 };
-exports.ShareButton = ShareButton;
+
+export { ShareButton };
+
 //# sourceMappingURL=share-button.js.map

package/lib/esm/components/share-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"share-button.js","sourceRoot":"","sources":["../../../src/components/share-button.jsx"],"names":[],"mappings":";;;;AAAA,uHAAuH;AACvH,yCAA+C;AAExC,MAAM,WAAW,GAAG,KAAK,CAAC,EAAE;IACjC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;IAChC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CACvB,mCAAQ,IAAI,EAAC,eAAe,YAC1B,gCACE,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,GAClE,GACK,CACV,CAAA;IAED,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAXY,QAAA,WAAW,eAWvB"}
+{"version":3,"file":"components/share-button.js","sources":["../../../src/components/share-button.jsx"],"sourcesContent":["/** biome-ignore-all lint/security/noDangerouslySetInnerHtml: ShareButton is a component that renders a share button */\nimport { renderComponent } from '../util/react'\n\nexport const ShareButton = props => {\n  const renderBrowser = () => null\n  const renderNode = () => (\n    <button type='element_share'>\n      <pre\n        dangerouslySetInnerHTML={{ __html: JSON.stringify(props.payload) }}\n      />\n    </button>\n  )\n\n  return renderComponent({ renderBrowser, renderNode })\n}\n"],"names":["renderComponent","ShareButton","props","renderBrowser","renderNode","JSON"],"mappings":";;;;;;AAAA,qHAAqH,GACtE;AAExC,MAAMC,WAAWA,GAAGC,CAAAA;IACzB,MAAMC,gBAAgB,IAAM;IAC5B,MAAMC,aAAa,kBACjB,IAAC;YAAO,MAAK;sBACX,kBAAC;gBACC,yBAAyB;oBAAE,QAAQC,KAAK,SAAS,CAACH,MAAM,OAAO;gBAAE;;;IAKvE,OAAOF,eAAeA,CAAC;QAAEG;QAAeC;IAAW;AACrD,EAAC"}

package/lib/esm/components/subtitle.js

@@ -1,25 +1,43 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Subtitle = 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 constants_2 = require("./constants");
-const SubtitleContainer = styled_components_1.default.div `
+import { jsx } from "react/jsx-runtime";
+import styled_components from "styled-components";
+import { COLORS } from "../constants.js";
+import { renderComponent } from "../util/react.js";
+import { COMPONENT_DISPLAY_NAMES } from "./constants.js";
+
+
+
+
+
+
+
+
+
+
+
+const SubtitleContainer = styled_components.div`
   font-size: 12px;
   padding: 0px 15px 10px 15px;
-  color: ${constants_1.COLORS.MID_GRAY};
+  color: ${COLORS.MID_GRAY};
 `;
-const Subtitle = (props) => {
-    const renderBrowser = () => ((0, jsx_runtime_1.jsx)(SubtitleContainer, { children: props.children }));
-    const renderNode = () => (0, jsx_runtime_1.jsx)("desc", { children: props.children });
-    return (0, react_1.renderComponent)({ renderBrowser, renderNode });
+const Subtitle = (props)=>{
+    const renderBrowser = ()=>/*#__PURE__*/ jsx(SubtitleContainer, {
+            children: props.children
+        });
+    const renderNode = ()=>/*#__PURE__*/ jsx("desc", {
+            children: props.children
+        });
+    return renderComponent({
+        renderBrowser,
+        renderNode
+    });
 };
-exports.Subtitle = Subtitle;
-exports.Subtitle.displayName = constants_2.COMPONENT_DISPLAY_NAMES.Subtitle;
-exports.Subtitle.serialize = (props) => {
-    return { subtitle: props.children };
+Subtitle.displayName = COMPONENT_DISPLAY_NAMES.Subtitle;
+Subtitle.serialize = (props)=>{
+    return {
+        subtitle: props.children
+    };
 };
+
+export { Subtitle };
+
 //# sourceMappingURL=subtitle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"subtitle.js","sourceRoot":"","sources":["../../../src/components/subtitle.tsx"],"names":[],"mappings":";;;;;AACA,kFAAsC;AAEtC,4CAAqC;AACrC,yCAA+C;AAC/C,2CAAqD;AAErD,MAAM,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;WAGzB,kBAAM,CAAC,QAAQ;CACzB,CAAA;AAMM,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CAC1B,uBAAC,iBAAiB,cAAE,KAAK,CAAC,QAAQ,GAAqB,CACxD,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,2CAAO,KAAK,CAAC,QAAQ,GAAQ,CAAA;IAEtD,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AARY,QAAA,QAAQ,YAQpB;AAED,gBAAQ,CAAC,WAAW,GAAG,mCAAuB,CAAC,QAAQ,CAAA;AAEvD,gBAAQ,CAAC,SAAS,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC5C,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAA;AACrC,CAAC,CAAA"}
+{"version":3,"file":"components/subtitle.js","sources":["../../../src/components/subtitle.tsx"],"sourcesContent":["import type React from 'react'\nimport styled from 'styled-components'\n\nimport { COLORS } from '../constants'\nimport { renderComponent } from '../util/react'\nimport { COMPONENT_DISPLAY_NAMES } from './constants'\n\nconst SubtitleContainer = styled.div`\n  font-size: 12px;\n  padding: 0px 15px 10px 15px;\n  color: ${COLORS.MID_GRAY};\n`\n\nexport interface SubtitleProps {\n  children: React.ReactNode\n}\n\nexport const Subtitle = (props: SubtitleProps) => {\n  const renderBrowser = () => (\n    <SubtitleContainer>{props.children}</SubtitleContainer>\n  )\n\n  const renderNode = () => <desc>{props.children}</desc>\n\n  return renderComponent({ renderBrowser, renderNode })\n}\n\nSubtitle.displayName = COMPONENT_DISPLAY_NAMES.Subtitle\n\nSubtitle.serialize = (props: SubtitleProps) => {\n  return { subtitle: props.children }\n}\n"],"names":["styled","COLORS","renderComponent","COMPONENT_DISPLAY_NAMES","SubtitleContainer","Subtitle","props","renderBrowser","renderNode"],"mappings":";;;;;;;;;;;;AACsC;AAED;AACU;AACM;AAErD,MAAMI,iBAAiBA,GAAGJ,qBAAU,CAAC;;;SAG5B,EAAEC,eAAe,CAAC;AAC3B,CAAC;AAMM,MAAMI,QAAQA,GAAG,CAACC;IACvB,MAAMC,gBAAgB,kBACpB,IAACH,iBAAiBA;sBAAEE,MAAM,QAAQ;;IAGpC,MAAME,aAAa,kBAAM,IAAC;sBAAMF,MAAM,QAAQ;;IAE9C,OAAOJ,eAAeA,CAAC;QAAEK;QAAeC;IAAW;AACrD,EAAC;AAEDH,QAAQA,CAAC,WAAW,GAAGF,gCAAgC;AAEvDE,QAAQA,CAAC,SAAS,GAAG,CAACC;IACpB,OAAO;QAAE,UAAUA,MAAM,QAAQ;IAAC;AACpC"}

package/lib/esm/components/system-debug-trace/debug-message.d.ts

@@ -1,4 +1,4 @@
-import type { DebugEvent } from './types';
+import type { DebugEvent } from './types.js';
 interface DebugMessageProps {
     debugEvent: DebugEvent;
     messageId?: string;

package/lib/esm/components/system-debug-trace/debug-message.js

@@ -1,69 +1,89 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DebugMessage = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@botonic/core");
-const react_1 = require("react");
-const context_1 = require("../../webchat/context");
-const events_1 = require("./events");
-const use_last_label_position_1 = require("./hooks/use-last-label-position");
-const icons_1 = require("./icons");
-const styles_1 = require("./styles");
-const getEventConfig = (debugEvent) => {
-    switch (debugEvent.action) {
-        case core_1.EventAction.Keyword:
-            return (0, events_1.getKeywordEventConfig)(debugEvent);
-        case core_1.EventAction.IntentSmart:
-            return (0, events_1.getSmartIntentEventConfig)(debugEvent);
-        case core_1.EventAction.HandoffSuccess:
-            return (0, events_1.getHandoffSuccessEventConfig)(debugEvent);
-        case core_1.EventAction.AiAgent:
-            return (0, events_1.getAiAgentEventConfig)(debugEvent);
-        case core_1.EventAction.AiAgentRouter:
-            return (0, events_1.getAiAgentRouterEventConfig)(debugEvent);
-        case core_1.EventAction.Fallback:
-            return (0, events_1.getFallbackEventConfig)(debugEvent);
-        case core_1.EventAction.BotAction:
-            return (0, events_1.getBotActionEventConfig)(debugEvent);
-        case core_1.EventAction.ConditionalChannel:
-            return (0, events_1.getConditionalChannelEventConfig)(debugEvent);
-        case core_1.EventAction.ConditionalCountry:
-            return (0, events_1.getConditionalCountryEventConfig)(debugEvent);
-        case core_1.EventAction.ConditionalCustom:
-            return (0, events_1.getConditionalCustomEventConfig)(debugEvent);
-        case core_1.EventAction.ConditionalQueueStatus:
-            return (0, events_1.getConditionalQueueStatusEventConfig)(debugEvent);
-        case core_1.EventAction.RedirectFlow:
-            return (0, events_1.getRedirectFlowEventConfig)(debugEvent);
-        case core_1.EventAction.WebviewActionTriggered:
-            return (0, events_1.getWebviewActionTriggeredEventConfig)(debugEvent);
+import { jsx, jsxs } from "react/jsx-runtime";
+import { EventAction } from "@botonic/core";
+import { useContext, useEffect, useRef, useState } from "react";
+import { WebchatContext } from "../../webchat/context/index.js";
+import { getAiAgentEventConfig, getAiAgentRouterEventConfig, getBotActionEventConfig, getConditionalChannelEventConfig, getConditionalCountryEventConfig, getConditionalCustomEventConfig, getConditionalQueueStatusEventConfig, getFallbackEventConfig, getHandoffSuccessEventConfig, getKeywordEventConfig, getRedirectFlowEventConfig, getSmartIntentEventConfig, getWebviewActionTriggeredEventConfig } from "./events/index.js";
+import { useLastLabelPosition } from "./hooks/use-last-label-position.js";
+import { CaretDownSvg, CaretUpSvg } from "./icons/index.js";
+import { StyledDebugArrow, StyledDebugContainer, StyledDebugContent, StyledDebugContentWrapper, StyledDebugHeader, StyledDebugIcon, StyledDebugTitle } from "./styles.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const getEventConfig = (debugEvent)=>{
+    switch(debugEvent.action){
+        case EventAction.Keyword:
+            return getKeywordEventConfig(debugEvent);
+        case EventAction.IntentSmart:
+            return getSmartIntentEventConfig(debugEvent);
+        case EventAction.HandoffSuccess:
+            return getHandoffSuccessEventConfig(debugEvent);
+        case EventAction.AiAgent:
+            return getAiAgentEventConfig(debugEvent);
+        case EventAction.AiAgentRouter:
+            return getAiAgentRouterEventConfig(debugEvent);
+        case EventAction.Fallback:
+            return getFallbackEventConfig(debugEvent);
+        case EventAction.BotAction:
+            return getBotActionEventConfig(debugEvent);
+        case EventAction.ConditionalChannel:
+            return getConditionalChannelEventConfig(debugEvent);
+        case EventAction.ConditionalCountry:
+            return getConditionalCountryEventConfig(debugEvent);
+        case EventAction.ConditionalCustom:
+            return getConditionalCustomEventConfig(debugEvent);
+        case EventAction.ConditionalQueueStatus:
+            return getConditionalQueueStatusEventConfig(debugEvent);
+        case EventAction.RedirectFlow:
+            return getRedirectFlowEventConfig(debugEvent);
+        case EventAction.WebviewActionTriggered:
+            return getWebviewActionTriggeredEventConfig(debugEvent);
         default:
             return undefined;
     }
 };
-const DebugMessage = ({ debugEvent, messageId }) => {
-    const [isExpanded, setIsExpanded] = (0, react_1.useState)(false);
-    const wrapperRef = (0, react_1.useRef)(null);
-    const { previewUtils } = (0, react_1.useContext)(context_1.WebchatContext);
+const DebugMessage = ({ debugEvent, messageId })=>{
+    const [isExpanded, setIsExpanded] = useState(false);
+    const wrapperRef = useRef(null);
+    const { previewUtils } = useContext(WebchatContext);
     const eventConfig = getEventConfig(debugEvent);
-    (0, use_last_label_position_1.useLastLabelPosition)({
+    useLastLabelPosition({
         wrapperRef,
         isExpanded,
         debugEvent,
-        isCollapsible: eventConfig?.collapsible ?? false,
+        isCollapsible: eventConfig?.collapsible ?? false
     });
-    (0, react_1.useEffect)(() => {
+    useEffect(()=>{
         if (isExpanded) {
-            previewUtils?.trackPreviewEventOpened?.({ action: debugEvent.action });
+            previewUtils?.trackPreviewEventOpened?.({
+                action: debugEvent.action
+            });
         }
-    }, [previewUtils, isExpanded, debugEvent]);
+    }, [
+        previewUtils,
+        isExpanded,
+        debugEvent
+    ]);
     if (!eventConfig) {
         return null;
     }
     const { title, icon, component, collapsible } = eventConfig;
     // eslint-disable-next-line @typescript-eslint/naming-convention
     const Component = component;
-    const handleClick = (e) => {
+    const handleClick = (e)=>{
         if (collapsible) {
             const target = e.target;
             const isButton = target.closest('button, a, [role="button"]');
@@ -73,10 +93,40 @@ const DebugMessage = ({ debugEvent, messageId }) => {
             }
         }
     };
-    const containerClassName = collapsible
-        ? `collapsible${isExpanded ? ' expanded' : ''}`
-        : '';
-    return ((0, jsx_runtime_1.jsxs)(styles_1.StyledDebugContainer, { className: containerClassName, onClick: collapsible ? handleClick : undefined, children: [(0, jsx_runtime_1.jsxs)(styles_1.StyledDebugHeader, { children: [(0, jsx_runtime_1.jsx)(styles_1.StyledDebugIcon, { children: icon }), (0, jsx_runtime_1.jsx)(styles_1.StyledDebugTitle, { children: title }), collapsible && ((0, jsx_runtime_1.jsx)(styles_1.StyledDebugArrow, { children: isExpanded ? (0, jsx_runtime_1.jsx)(icons_1.CaretUpSvg, {}) : (0, jsx_runtime_1.jsx)(icons_1.CaretDownSvg, {}) }))] }), Component && ((0, jsx_runtime_1.jsx)(styles_1.StyledDebugContent, { style: { display: isExpanded ? 'block' : 'none' }, children: (0, jsx_runtime_1.jsx)(styles_1.StyledDebugContentWrapper, { ref: wrapperRef, children: (0, jsx_runtime_1.jsx)(Component, { ...debugEvent, messageId: messageId }) }) }))] }));
+    const containerClassName = collapsible ? `collapsible${isExpanded ? ' expanded' : ''}` : '';
+    return /*#__PURE__*/ jsxs(StyledDebugContainer, {
+        className: containerClassName,
+        onClick: collapsible ? handleClick : undefined,
+        children: [
+            /*#__PURE__*/ jsxs(StyledDebugHeader, {
+                children: [
+                    /*#__PURE__*/ jsx(StyledDebugIcon, {
+                        children: icon
+                    }),
+                    /*#__PURE__*/ jsx(StyledDebugTitle, {
+                        children: title
+                    }),
+                    collapsible && /*#__PURE__*/ jsx(StyledDebugArrow, {
+                        children: isExpanded ? /*#__PURE__*/ jsx(CaretUpSvg, {}) : /*#__PURE__*/ jsx(CaretDownSvg, {})
+                    })
+                ]
+            }),
+            Component && /*#__PURE__*/ jsx(StyledDebugContent, {
+                style: {
+                    display: isExpanded ? 'block' : 'none'
+                },
+                children: /*#__PURE__*/ jsx(StyledDebugContentWrapper, {
+                    ref: wrapperRef,
+                    children: /*#__PURE__*/ jsx(Component, {
+                        ...debugEvent,
+                        messageId: messageId
+                    })
+                })
+            })
+        ]
+    });
 };
-exports.DebugMessage = DebugMessage;
+
+export { DebugMessage };
+
 //# sourceMappingURL=debug-message.js.map

package/lib/esm/components/system-debug-trace/debug-message.js.map

@@ -1 +1 @@
-{"version":3,"file":"debug-message.js","sourceRoot":"","sources":["../../../../src/components/system-debug-trace/debug-message.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"components/system-debug-trace/debug-message.js","sources":["../../../../src/components/system-debug-trace/debug-message.tsx"],"sourcesContent":["import { EventAction } from '@botonic/core'\nimport type React from 'react'\nimport { useContext, useEffect, useRef, useState } from 'react'\n\nimport { WebchatContext } from '../../webchat/context'\nimport {\n  getAiAgentEventConfig,\n  getAiAgentRouterEventConfig,\n  getBotActionEventConfig,\n  getConditionalChannelEventConfig,\n  getConditionalCountryEventConfig,\n  getConditionalCustomEventConfig,\n  getConditionalQueueStatusEventConfig,\n  getFallbackEventConfig,\n  getHandoffSuccessEventConfig,\n  getKeywordEventConfig,\n  getRedirectFlowEventConfig,\n  getSmartIntentEventConfig,\n  getWebviewActionTriggeredEventConfig,\n} from './events'\nimport { useLastLabelPosition } from './hooks/use-last-label-position'\nimport { CaretDownSvg, CaretUpSvg } from './icons'\nimport {\n  StyledDebugArrow,\n  StyledDebugContainer,\n  StyledDebugContent,\n  StyledDebugContentWrapper,\n  StyledDebugHeader,\n  StyledDebugIcon,\n  StyledDebugTitle,\n} from './styles'\nimport type { DebugEvent, DebugEventConfig } from './types'\n\nconst getEventConfig = (\n  debugEvent: DebugEvent\n): DebugEventConfig | undefined => {\n  switch (debugEvent.action) {\n    case EventAction.Keyword:\n      return getKeywordEventConfig(debugEvent)\n    case EventAction.IntentSmart:\n      return getSmartIntentEventConfig(debugEvent)\n    case EventAction.HandoffSuccess:\n      return getHandoffSuccessEventConfig(debugEvent)\n    case EventAction.AiAgent:\n      return getAiAgentEventConfig(debugEvent)\n    case EventAction.AiAgentRouter:\n      return getAiAgentRouterEventConfig(debugEvent)\n    case EventAction.Fallback:\n      return getFallbackEventConfig(debugEvent)\n    case EventAction.BotAction:\n      return getBotActionEventConfig(debugEvent)\n    case EventAction.ConditionalChannel:\n      return getConditionalChannelEventConfig(debugEvent)\n    case EventAction.ConditionalCountry:\n      return getConditionalCountryEventConfig(debugEvent)\n    case EventAction.ConditionalCustom:\n      return getConditionalCustomEventConfig(debugEvent)\n    case EventAction.ConditionalQueueStatus:\n      return getConditionalQueueStatusEventConfig(debugEvent)\n    case EventAction.RedirectFlow:\n      return getRedirectFlowEventConfig(debugEvent)\n    case EventAction.WebviewActionTriggered:\n      return getWebviewActionTriggeredEventConfig(debugEvent)\n    default:\n      return undefined\n  }\n}\n\ninterface DebugMessageProps {\n  debugEvent: DebugEvent\n  messageId?: string\n}\n\nexport const DebugMessage = ({ debugEvent, messageId }: DebugMessageProps) => {\n  const [isExpanded, setIsExpanded] = useState(false)\n  const wrapperRef = useRef<HTMLDivElement>(null)\n  const { previewUtils } = useContext(WebchatContext)\n  const eventConfig = getEventConfig(debugEvent)\n\n  useLastLabelPosition({\n    wrapperRef,\n    isExpanded,\n    debugEvent,\n    isCollapsible: eventConfig?.collapsible ?? false,\n  })\n\n  useEffect(() => {\n    if (isExpanded) {\n      previewUtils?.trackPreviewEventOpened?.({ action: debugEvent.action })\n    }\n  }, [previewUtils, isExpanded, debugEvent])\n\n  if (!eventConfig) {\n    return null\n  }\n\n  const { title, icon, component, collapsible } = eventConfig\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  const Component = component\n\n  const handleClick = (e: React.MouseEvent) => {\n    if (collapsible) {\n      const target = e.target as HTMLElement\n      const isButton = target.closest('button, a, [role=\"button\"]')\n\n      if (!isButton) {\n        e.stopPropagation()\n        setIsExpanded(!isExpanded)\n      }\n    }\n  }\n\n  const containerClassName = collapsible\n    ? `collapsible${isExpanded ? ' expanded' : ''}`\n    : ''\n\n  return (\n    <StyledDebugContainer\n      className={containerClassName}\n      onClick={collapsible ? handleClick : undefined}\n    >\n      <StyledDebugHeader>\n        <StyledDebugIcon>{icon}</StyledDebugIcon>\n        <StyledDebugTitle>{title}</StyledDebugTitle>\n        {collapsible && (\n          <StyledDebugArrow>\n            {isExpanded ? <CaretUpSvg /> : <CaretDownSvg />}\n          </StyledDebugArrow>\n        )}\n      </StyledDebugHeader>\n      {Component && (\n        <StyledDebugContent style={{ display: isExpanded ? 'block' : 'none' }}>\n          <StyledDebugContentWrapper ref={wrapperRef}>\n            <Component {...debugEvent} messageId={messageId} />\n          </StyledDebugContentWrapper>\n        </StyledDebugContent>\n      )}\n    </StyledDebugContainer>\n  )\n}\n"],"names":["EventAction","useContext","useEffect","useRef","useState","WebchatContext","getAiAgentEventConfig","getAiAgentRouterEventConfig","getBotActionEventConfig","getConditionalChannelEventConfig","getConditionalCountryEventConfig","getConditionalCustomEventConfig","getConditionalQueueStatusEventConfig","getFallbackEventConfig","getHandoffSuccessEventConfig","getKeywordEventConfig","getRedirectFlowEventConfig","getSmartIntentEventConfig","getWebviewActionTriggeredEventConfig","useLastLabelPosition","CaretDownSvg","CaretUpSvg","StyledDebugArrow","StyledDebugContainer","StyledDebugContent","StyledDebugContentWrapper","StyledDebugHeader","StyledDebugIcon","StyledDebugTitle","getEventConfig","debugEvent","undefined","DebugMessage","messageId","isExpanded","setIsExpanded","wrapperRef","previewUtils","eventConfig","title","icon","component","collapsible","Component","handleClick","e","target","isButton","containerClassName"],"mappings":";;;;;;;;;;;;;;;;;;AAA2C;AAEoB;AAET;AAerC;AACqD;AACpB;AASjC;AAGjB,MAAM6B,cAAcA,GAAG,CACrBC;IAEA,OAAQA,WAAW,MAAM;QACvB,KAAK9B,mBAAmB;YACtB,OAAOe,qBAAqBA,CAACe;QAC/B,KAAK9B,uBAAuB;YAC1B,OAAOiB,yBAAyBA,CAACa;QACnC,KAAK9B,0BAA0B;YAC7B,OAAOc,4BAA4BA,CAACgB;QACtC,KAAK9B,mBAAmB;YACtB,OAAOM,qBAAqBA,CAACwB;QAC/B,KAAK9B,yBAAyB;YAC5B,OAAOO,2BAA2BA,CAACuB;QACrC,KAAK9B,oBAAoB;YACvB,OAAOa,sBAAsBA,CAACiB;QAChC,KAAK9B,qBAAqB;YACxB,OAAOQ,uBAAuBA,CAACsB;QACjC,KAAK9B,8BAA8B;YACjC,OAAOS,gCAAgCA,CAACqB;QAC1C,KAAK9B,8BAA8B;YACjC,OAAOU,gCAAgCA,CAACoB;QAC1C,KAAK9B,6BAA6B;YAChC,OAAOW,+BAA+BA,CAACmB;QACzC,KAAK9B,kCAAkC;YACrC,OAAOY,oCAAoCA,CAACkB;QAC9C,KAAK9B,wBAAwB;YAC3B,OAAOgB,0BAA0BA,CAACc;QACpC,KAAK9B,kCAAkC;YACrC,OAAOkB,oCAAoCA,CAACY;QAC9C;YACE,OAAOC;IACX;AACF;AAOO,MAAMC,YAAYA,GAAG,CAAC,EAAEF,UAAU,EAAEG,SAAS,EAAqB;IACvE,MAAM,CAACC,YAAYC,cAAc,GAAG/B,QAAQA,CAAC;IAC7C,MAAMgC,aAAajC,MAAMA,CAAiB;IAC1C,MAAM,EAAEkC,YAAY,EAAE,GAAGpC,UAAUA,CAACI,cAAcA;IAClD,MAAMiC,cAAcT,cAAcA,CAACC;IAEnCX,oBAAoBA,CAAC;QACnBiB;QACAF;QACAJ;QACA,eAAeQ,aAAa,eAAe;IAC7C;IAEApC,SAASA,CAAC;QACR,IAAIgC,YAAY;YACdG,cAAc,0BAA0B;gBAAE,QAAQP,WAAW,MAAM;YAAC;QACtE;IACF,GAAG;QAACO;QAAcH;QAAYJ;KAAW;IAEzC,IAAI,CAACQ,aAAa;QAChB,OAAO;IACT;IAEA,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAEC,SAAS,EAAEC,WAAW,EAAE,GAAGJ;IAChD,gEAAgE;IAChE,MAAMK,YAAYF;IAElB,MAAMG,cAAc,CAACC;QACnB,IAAIH,aAAa;YACf,MAAMI,SAASD,EAAE,MAAM;YACvB,MAAME,WAAWD,OAAO,OAAO,CAAC;YAEhC,IAAI,CAACC,UAAU;gBACbF,EAAE,eAAe;gBACjBV,cAAc,CAACD;YACjB;QACF;IACF;IAEA,MAAMc,qBAAqBN,cACvB,CAAC,WAAW,EAAER,aAAa,cAAc,IAAI,GAC7C;IAEJ,qBACE,KAACX,oBAAoBA;QACnB,WAAWyB;QACX,SAASN,cAAcE,cAAcb;;0BAErC,KAACL,iBAAiBA;;kCAChB,IAACC,eAAeA;kCAAEa;;kCAClB,IAACZ,gBAAgBA;kCAAEW;;oBAClBG,6BACC,IAACpB,gBAAgBA;kCACdY,2BAAa,IAACb,UAAUA,sBAAM,IAACD,YAAYA;;;;YAIjDuB,2BACC,IAACnB,kBAAkBA;gBAAC,OAAO;oBAAE,SAASU,aAAa,UAAU;gBAAO;0BAClE,kBAACT,yBAAyBA;oBAAC,KAAKW;8BAC9B,kBAACO;wBAAW,GAAGb,UAAU;wBAAE,WAAWG;;;;;;AAMlD,EAAC"}

package/lib/esm/components/system-debug-trace/events/ai-agent/ai-agent.d.ts

@@ -1,4 +1,4 @@
-import type { DebugEventConfig } from '../../types';
-import type { AiAgentDebugEvent } from './types';
+import type { DebugEventConfig } from '../../types.js';
+import type { AiAgentDebugEvent } from './types.js';
 export declare const AiAgent: (props: AiAgentDebugEvent) => import("react/jsx-runtime").JSX.Element;
 export declare const getAiAgentEventConfig: (data: AiAgentDebugEvent) => DebugEventConfig;