@botonic/react 0.43.1 → 0.44.0-alpha.1

package/lib/esm/components/multichannel/whatsapp/markdown-meta.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-meta.js","sourceRoot":"","sources":["../../../../../src/components/multichannel/whatsapp/markdown-meta.ts"],"names":[],"mappings":"AAAA,MAAM,mBAAmB,GAAG,mBAAmB,CAAA;AAC/C,MAAM,qBAAqB,GAAG,gBAAgB,CAAA;AAC9C,MAAM,mBAAmB,GAAG,0BAA0B,CAAA;AAEtD,MAAM,eAAe,GAAG,UAAU,CAAA;AAClC,MAAM,qBAAqB,GAAG,IAAI,MAAM,CACtC,GAAG,eAAe,QAAQ,eAAe,EAAE,EAC3C,GAAG,CACJ,CAAA;AACD,MAAM,iBAAiB,GAAG,YAAY,CAAA;AACtC,MAAM,uBAAuB,GAAG,IAAI,MAAM,CACxC,GAAG,iBAAiB,QAAQ,iBAAiB,EAAE,EAC/C,GAAG,CACJ,CAAA;AAED,MAAM,aAAa,GAAG,GAAG,CAAA;AACzB,MAAM,eAAe,GAAG,GAAG,CAAA;AAE3B,mDAAmD;AACnD,MAAM,UAAU,qBAAqB,CAAC,IAAY;IAChD,MAAM,qBAAqB,GAAG,oBAAoB,CAAC,IAAI,CAAC,CAAA;IAExD,OAAO,oBAAoB,CAAC,qBAAqB,CAAC,CAAA;AACpD,CAAC;AAED,SAAS,oBAAoB,CAAC,IAAY;IACxC,MAAM,cAAc,GAAG,sBAAsB,CAAC,IAAI,CAAC,CAAA;IACnD,MAAM,iBAAiB,GAAG,wBAAwB,CAAC,cAAc,CAAC,CAAA;IAElE,OAAO,iBAAiB,CAAA;AAC1B,CAAC;AAED,SAAS,sBAAsB,CAAC,IAAY;IAC1C,iBAAiB;IACjB,IAAI,GAAG,IAAI,CAAC,OAAO,CACjB,mBAAmB,EACnB,GAAG,eAAe,KAAK,eAAe,EAAE,CACzC,CAAA;IACD,mBAAmB;IACnB,IAAI,GAAG,IAAI,CAAC,OAAO,CACjB,qBAAqB,EACrB,GAAG,iBAAiB,KAAK,iBAAiB,EAAE,CAC7C,CAAA;IAED,OAAO,IAAI,CAAA;AACb,CAAC;AAED,SAAS,wBAAwB,CAAC,IAAY;IAC5C,yCAAyC;IACzC,IAAI,GAAG,IAAI,CAAC,OAAO,CACjB,qBAAqB,EACrB,GAAG,aAAa,KAAK,aAAa,EAAE,CACrC,CAAA;IACD,6CAA6C;IAC7C,IAAI,GAAG,IAAI,CAAC,OAAO,CACjB,uBAAuB,EACvB,GAAG,eAAe,KAAK,eAAe,EAAE,CACzC,CAAA;IAED,OAAO,IAAI,CAAA;AACb,CAAC;AAED,SAAS,oBAAoB,CAAC,IAAY;IACxC,6BAA6B;IAC7B,OAAO,IAAI,CAAC,OAAO,CAAC,mBAAmB,EAAE,QAAQ,CAAC,CAAA;AACpD,CAAC"}
+{"version":3,"file":"markdown-meta.js","sourceRoot":"","sources":["../../../../../src/components/multichannel/whatsapp/markdown-meta.ts"],"names":[],"mappings":";;AAmBA,sDAIC;AAvBD,MAAM,mBAAmB,GAAG,mBAAmB,CAAA;AAC/C,MAAM,qBAAqB,GAAG,gBAAgB,CAAA;AAC9C,MAAM,mBAAmB,GAAG,0BAA0B,CAAA;AAEtD,MAAM,eAAe,GAAG,UAAU,CAAA;AAClC,MAAM,qBAAqB,GAAG,IAAI,MAAM,CACtC,GAAG,eAAe,QAAQ,eAAe,EAAE,EAC3C,GAAG,CACJ,CAAA;AACD,MAAM,iBAAiB,GAAG,YAAY,CAAA;AACtC,MAAM,uBAAuB,GAAG,IAAI,MAAM,CACxC,GAAG,iBAAiB,QAAQ,iBAAiB,EAAE,EAC/C,GAAG,CACJ,CAAA;AAED,MAAM,aAAa,GAAG,GAAG,CAAA;AACzB,MAAM,eAAe,GAAG,GAAG,CAAA;AAE3B,mDAAmD;AACnD,SAAgB,qBAAqB,CAAC,IAAY;IAChD,MAAM,qBAAqB,GAAG,oBAAoB,CAAC,IAAI,CAAC,CAAA;IAExD,OAAO,oBAAoB,CAAC,qBAAqB,CAAC,CAAA;AACpD,CAAC;AAED,SAAS,oBAAoB,CAAC,IAAY;IACxC,MAAM,cAAc,GAAG,sBAAsB,CAAC,IAAI,CAAC,CAAA;IACnD,MAAM,iBAAiB,GAAG,wBAAwB,CAAC,cAAc,CAAC,CAAA;IAElE,OAAO,iBAAiB,CAAA;AAC1B,CAAC;AAED,SAAS,sBAAsB,CAAC,IAAY;IAC1C,iBAAiB;IACjB,IAAI,GAAG,IAAI,CAAC,OAAO,CACjB,mBAAmB,EACnB,GAAG,eAAe,KAAK,eAAe,EAAE,CACzC,CAAA;IACD,mBAAmB;IACnB,IAAI,GAAG,IAAI,CAAC,OAAO,CACjB,qBAAqB,EACrB,GAAG,iBAAiB,KAAK,iBAAiB,EAAE,CAC7C,CAAA;IAED,OAAO,IAAI,CAAA;AACb,CAAC;AAED,SAAS,wBAAwB,CAAC,IAAY;IAC5C,yCAAyC;IACzC,IAAI,GAAG,IAAI,CAAC,OAAO,CACjB,qBAAqB,EACrB,GAAG,aAAa,KAAK,aAAa,EAAE,CACrC,CAAA;IACD,6CAA6C;IAC7C,IAAI,GAAG,IAAI,CAAC,OAAO,CACjB,uBAAuB,EACvB,GAAG,eAAe,KAAK,eAAe,EAAE,CACzC,CAAA;IAED,OAAO,IAAI,CAAA;AACb,CAAC;AAED,SAAS,oBAAoB,CAAC,IAAY;IACxC,6BAA6B;IAC7B,OAAO,IAAI,CAAC,OAAO,CAAC,mBAAmB,EAAE,QAAQ,CAAC,CAAA;AACpD,CAAC"}

package/lib/esm/components/pic.js

@@ -1,25 +1,30 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled from 'styled-components';
-import { COLORS, WEBCHAT } from '../constants';
-import { staticAsset } from '../util/environment';
-import { renderComponent } from '../util/react';
-const PicStyled = styled.img `
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Pic = 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 environment_1 = require("../util/environment");
+const react_1 = require("../util/react");
+const PicStyled = styled_components_1.default.img `
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
-  width: ${WEBCHAT.DEFAULTS.ELEMENT_WIDTH}px;
+  width: ${constants_1.WEBCHAT.DEFAULTS.ELEMENT_WIDTH}px;
   height: 140px;
-  background: ${COLORS.SOLID_WHITE};
+  background: ${constants_1.COLORS.SOLID_WHITE};
   object-fit: center/cover;
-  border-bottom: 1px solid ${COLORS.SEASHELL_WHITE};
+  border-bottom: 1px solid ${constants_1.COLORS.SEASHELL_WHITE};
 `;
-export const Pic = (props) => {
-    props = Object.assign(Object.assign({}, props), { src: staticAsset(props.src) });
-    const renderBrowser = () => _jsx(PicStyled, { src: props.src });
+const Pic = (props) => {
+    props = { ...props, src: (0, environment_1.staticAsset)(props.src) };
+    const renderBrowser = () => (0, jsx_runtime_1.jsx)(PicStyled, { src: props.src });
     // @ts-ignore
-    const renderNode = () => _jsx("pic", { children: props.src });
-    return renderComponent({ renderBrowser, renderNode });
+    const renderNode = () => (0, jsx_runtime_1.jsx)("pic", { children: props.src });
+    return (0, react_1.renderComponent)({ renderBrowser, renderNode });
 };
-Pic.serialize = (props) => {
+exports.Pic = Pic;
+exports.Pic.serialize = (props) => {
     return { pic: props.src };
 };
 //# sourceMappingURL=pic.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"pic.js","sourceRoot":"","sources":["../../../src/components/pic.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAE/C,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;WAGjB,OAAO,CAAC,QAAQ,CAAC,aAAa;;gBAEzB,MAAM,CAAC,WAAW;;6BAEL,MAAM,CAAC,cAAc;CACjD,CAAA;AAKD,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,KAAe,EAAE,EAAE;IACrC,KAAK,mCAAQ,KAAK,KAAE,GAAG,EAAE,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,GAAE,CAAA;IAEjD,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAC,SAAS,IAAC,GAAG,EAAE,KAAK,CAAC,GAAG,GAAI,CAAA;IAEzD,aAAa;IACb,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,wBAAM,KAAK,CAAC,GAAG,GAAO,CAAA;IAE/C,OAAO,eAAe,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAED,GAAG,CAAC,SAAS,GAAG,CAAC,KAAe,EAAE,EAAE;IAClC,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,CAAA;AAC3B,CAAC,CAAA"}
+{"version":3,"file":"pic.js","sourceRoot":"","sources":["../../../src/components/pic.tsx"],"names":[],"mappings":";;;;;AACA,kFAAsC;AAEtC,4CAA8C;AAC9C,qDAAiD;AACjD,yCAA+C;AAE/C,MAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;WAGjB,mBAAO,CAAC,QAAQ,CAAC,aAAa;;gBAEzB,kBAAM,CAAC,WAAW;;6BAEL,kBAAM,CAAC,cAAc;CACjD,CAAA;AAKM,MAAM,GAAG,GAAG,CAAC,KAAe,EAAE,EAAE;IACrC,KAAK,GAAG,EAAE,GAAG,KAAK,EAAE,GAAG,EAAE,IAAA,yBAAW,EAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAA;IAEjD,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,uBAAC,SAAS,IAAC,GAAG,EAAE,KAAK,CAAC,GAAG,GAAI,CAAA;IAEzD,aAAa;IACb,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,0CAAM,KAAK,CAAC,GAAG,GAAO,CAAA;IAE/C,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AATY,QAAA,GAAG,OASf;AAED,WAAG,CAAC,SAAS,GAAG,CAAC,KAAe,EAAE,EAAE;IAClC,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,CAAA;AAC3B,CAAC,CAAA"}

package/lib/esm/components/raw.js

@@ -1,24 +1,28 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { INPUT, isBrowser } from '@botonic/core';
-import React, { useState } from 'react';
-import styled from 'styled-components';
-import { COLORS, ROLES } from '../constants';
-import { Message } from './message';
-const RawDataButton = styled.div `
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Raw = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const core_1 = require("@botonic/core");
+const react_1 = tslib_1.__importStar(require("react"));
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+const constants_1 = require("../constants");
+const message_1 = require("./message");
+const RawDataButton = styled_components_1.default.div `
   align-self: flex-start;
-  background-color: ${COLORS.CURIOUS_BLUE};
+  background-color: ${constants_1.COLORS.CURIOUS_BLUE};
   padding: 4px;
   margin: 4px 0px;
   cursor: pointer;
-  color: ${COLORS.SOLID_WHITE_ALPHA_0_8};
+  color: ${constants_1.COLORS.SOLID_WHITE_ALPHA_0_8};
   font-size: 10px;
   border-radius: 2px;
 `;
-const Popover = styled.div `
+const Popover = styled_components_1.default.div `
   max-width: 100%;
   max-height: 500px;
   overflow: auto;
-  background-color: ${COLORS.LIGHT_GRAY};
+  background-color: ${constants_1.COLORS.LIGHT_GRAY};
   padding: 10px;
   pre {
     margin: 0px;
@@ -27,13 +31,14 @@ const Popover = styled.div `
 const serialize = rawProps => {
     return { data: rawProps.data, alt: rawProps.alt };
 };
-export const Raw = props => {
+const Raw = props => {
     let content = props.children;
     const data = JSON.stringify(props.data, null, ' ');
-    const [isOpen, setIsOpen] = useState(false);
-    if (isBrowser())
-        content = (_jsxs(_Fragment, { children: [_jsx("div", { children: props.alt }), _jsxs(RawDataButton, Object.assign({ onClick: () => setIsOpen(!isOpen) }, { children: ["RAW DATA ", _jsx("small", { children: isOpen ? '▲' : '▼' })] })), isOpen && (_jsx(Popover, { children: _jsx("pre", { children: data }) }))] }));
-    return (_jsx(Message, Object.assign({ role: ROLES.RAW_MESSAGE, json: serialize(props) }, props, { data: data, type: INPUT.RAW }, { children: content })));
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    if ((0, core_1.isBrowser)())
+        content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { children: props.alt }), (0, jsx_runtime_1.jsxs)(RawDataButton, { onClick: () => setIsOpen(!isOpen), children: ["RAW DATA ", (0, jsx_runtime_1.jsx)("small", { children: isOpen ? '▲' : '▼' })] }), isOpen && ((0, jsx_runtime_1.jsx)(Popover, { children: (0, jsx_runtime_1.jsx)("pre", { children: data }) }))] }));
+    return ((0, jsx_runtime_1.jsx)(message_1.Message, { role: constants_1.ROLES.RAW_MESSAGE, json: serialize(props), ...props, data: data, type: core_1.INPUT.RAW, children: content }));
 };
-Raw.serialize = serialize;
+exports.Raw = Raw;
+exports.Raw.serialize = serialize;
 //# sourceMappingURL=raw.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"raw.js","sourceRoot":"","sources":["../../../src/components/raw.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;sBAEV,MAAM,CAAC,YAAY;;;;WAI9B,MAAM,CAAC,qBAAqB;;;CAGtC,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;sBAIJ,MAAM,CAAC,UAAU;;;;;CAKtC,CAAA;AAED,MAAM,SAAS,GAAG,QAAQ,CAAC,EAAE;IAC3B,OAAO,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAA;AACnD,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,EAAE;IACzB,IAAI,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAA;IAC5B,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,CAAA;IAClD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,IAAI,SAAS,EAAE;QACb,OAAO,GAAG,CACR,8BACE,wBAAM,KAAK,CAAC,GAAG,GAAO,EACtB,MAAC,aAAa,kBAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,8BACrC,0BAAQ,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAS,KAC9B,EACf,MAAM,IAAI,CACT,KAAC,OAAO,cACN,wBAAM,IAAI,GAAO,GACT,CACX,IACA,CACJ,CAAA;IACH,OAAO,CACL,KAAC,OAAO,kBACN,IAAI,EAAE,KAAK,CAAC,WAAW,EACvB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,IAClB,KAAK,IACT,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,KAAK,CAAC,GAAG,gBAEd,OAAO,IACA,CACX,CAAA;AACH,CAAC,CAAA;AAED,GAAG,CAAC,SAAS,GAAG,SAAS,CAAA"}
+{"version":3,"file":"raw.js","sourceRoot":"","sources":["../../../src/components/raw.jsx"],"names":[],"mappings":";;;;;AAAA,wCAAgD;AAChD,uDAAuC;AACvC,kFAAsC;AAEtC,4CAA4C;AAC5C,uCAAmC;AAEnC,MAAM,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;;sBAEV,kBAAM,CAAC,YAAY;;;;WAI9B,kBAAM,CAAC,qBAAqB;;;CAGtC,CAAA;AAED,MAAM,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;sBAIJ,kBAAM,CAAC,UAAU;;;;;CAKtC,CAAA;AAED,MAAM,SAAS,GAAG,QAAQ,CAAC,EAAE;IAC3B,OAAO,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAA;AACnD,CAAC,CAAA;AAEM,MAAM,GAAG,GAAG,KAAK,CAAC,EAAE;IACzB,IAAI,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAA;IAC5B,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,CAAA;IAClD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC3C,IAAI,IAAA,gBAAS,GAAE;QACb,OAAO,GAAG,CACR,6DACE,0CAAM,KAAK,CAAC,GAAG,GAAO,EACtB,wBAAC,aAAa,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,0BACrC,4CAAQ,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAS,IAC9B,EACf,MAAM,IAAI,CACT,uBAAC,OAAO,cACN,0CAAM,IAAI,GAAO,GACT,CACX,IACA,CACJ,CAAA;IACH,OAAO,CACL,uBAAC,iBAAO,IACN,IAAI,EAAE,iBAAK,CAAC,WAAW,EACvB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,KAClB,KAAK,EACT,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,YAAK,CAAC,GAAG,YAEd,OAAO,GACA,CACX,CAAA;AACH,CAAC,CAAA;AA7BY,QAAA,GAAG,OA6Bf;AAED,WAAG,CAAC,SAAS,GAAG,SAAS,CAAA"}

package/lib/esm/components/reply.js

@@ -1,21 +1,25 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import styled from 'styled-components';
-import { WEBCHAT } from '../constants';
-import { renderComponent } from '../util/react';
-import { WebchatContext } from '../webchat/context';
-const StyledButton = styled.button `
+"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 StyledButton = styled_components_1.default.button `
   width: 100%;
   padding: 4px 8px;
   font-family: inherit;
   border-radius: 8px;
-  border: 1px solid ${props => { var _a; return (_a = props.theme.brand) === null || _a === void 0 ? void 0 : _a.color; }};
-  color: ${props => { var _a; return (_a = props.theme.brand) === null || _a === void 0 ? void 0 : _a.color; }};
+  border: 1px solid ${props => props.theme.brand?.color};
+  color: ${props => props.theme.brand?.color};
   cursor: pointer;
   outline: 0;
 `;
-export const Reply = (props) => {
-    const { sendText, getThemeProperty } = useContext(WebchatContext);
+const Reply = (props) => {
+    const { sendText, getThemeProperty } = (0, react_1.useContext)(context_1.WebchatContext);
     const handleClick = (event) => {
         event.preventDefault();
         if (props.children) {
@@ -26,27 +30,30 @@ export const Reply = (props) => {
         }
     };
     const renderBrowser = () => {
-        const replyStyle = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.replyStyle);
-        const CustomReply = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customReply);
+        const replyStyle = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.replyStyle);
+        const CustomReply = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customReply);
         if (CustomReply) {
-            return (_jsx("div", Object.assign({ onClick: e => handleClick(e) }, { children: _jsx(CustomReply, { children: props.children }) })));
+            return ((0, jsx_runtime_1.jsx)("div", { onClick: e => handleClick(e), children: (0, jsx_runtime_1.jsx)(CustomReply, { children: props.children }) }));
         }
-        return (_jsx(StyledButton, Object.assign({ style: Object.assign({}, replyStyle), onClick: e => handleClick(e) }, { children: props.children })));
+        return ((0, jsx_runtime_1.jsx)(StyledButton, { style: {
+                ...replyStyle,
+            }, onClick: e => handleClick(e), children: props.children }));
     };
     const renderNode = () => {
         if (props.path) {
             const payload = `__PATH_PAYLOAD__${props.path}`;
             // @ts-ignore
             // eslint-disable-next-line react/no-unknown-property
-            return _jsx("reply", Object.assign({ payload: payload }, { children: props.children }));
+            return (0, jsx_runtime_1.jsx)("reply", { payload: payload, children: props.children });
         }
         // @ts-ignore
         // eslint-disable-next-line react/no-unknown-property
-        return _jsx("reply", Object.assign({ payload: props.payload }, { children: props.children }));
+        return (0, jsx_runtime_1.jsx)("reply", { payload: props.payload, children: props.children });
     };
-    return renderComponent({ renderBrowser, renderNode });
+    return (0, react_2.renderComponent)({ renderBrowser, renderNode });
 };
-Reply.serialize = (replyProps) => {
+exports.Reply = Reply;
+exports.Reply.serialize = (replyProps) => {
     let payload = replyProps.payload;
     if (replyProps.path)
         payload = `__PATH_PAYLOAD__${replyProps.path}`;

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

@@ -1 +1 @@
-{"version":3,"file":"reply.js","sourceRoot":"","sources":["../../../src/components/reply.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAU,OAAO,EAAE,MAAM,cAAc,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAGnD,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;sBAKZ,KAAK,CAAC,EAAE,WAAC,OAAA,MAAA,KAAK,CAAC,KAAK,CAAC,KAAK,0CAAE,KAAK,CAAA,EAAA;WAC5C,KAAK,CAAC,EAAE,WAAC,OAAA,MAAA,KAAK,CAAC,KAAK,CAAC,KAAK,0CAAE,KAAK,CAAA,EAAA;;;CAG3C,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IACzC,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEjE,MAAM,WAAW,GAAG,CAAC,KAAU,EAAE,EAAE;QACjC,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,IAAI,KAAK,CAAC,QAAQ,EAAE;YAClB,IAAI,OAAO,GAAG,KAAK,CAAC,OAAO,CAAA;YAC3B,IAAI,KAAK,CAAC,IAAI;gBAAE,OAAO,GAAG,mBAAmB,KAAK,CAAC,IAAI,EAAE,CAAA;YACzD,QAAQ,CAAC,KAAK,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;SAClC;IACH,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAA;QACzE,MAAM,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;QAC3E,IAAI,WAAW,EAAE;YACf,OAAO,CACL,4BAAK,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,gBAC/B,KAAC,WAAW,cAAE,KAAK,CAAC,QAAQ,GAAe,IACvC,CACP,CAAA;SACF;QAED,OAAO,CACL,KAAC,YAAY,kBACX,KAAK,oBACA,UAAU,GAEf,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,gBAE3B,KAAK,CAAC,QAAQ,IACF,CAChB,CAAA;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,KAAK,CAAC,IAAI,EAAE;YACd,MAAM,OAAO,GAAG,mBAAmB,KAAK,CAAC,IAAI,EAAE,CAAA;YAC/C,aAAa;YACb,qDAAqD;YACrD,OAAO,8BAAO,OAAO,EAAE,OAAO,gBAAG,KAAK,CAAC,QAAQ,IAAS,CAAA;SACzD;QACD,aAAa;QACb,qDAAqD;QACrD,OAAO,8BAAO,OAAO,EAAE,KAAK,CAAC,OAAO,gBAAG,KAAK,CAAC,QAAQ,IAAS,CAAA;IAChE,CAAC,CAAA;IAED,OAAO,eAAe,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAED,KAAK,CAAC,SAAS,GAAG,CAAC,UAAsB,EAAE,EAAE;IAC3C,IAAI,OAAO,GAAG,UAAU,CAAC,OAAO,CAAA;IAChC,IAAI,UAAU,CAAC,IAAI;QAAE,OAAO,GAAG,mBAAmB,UAAU,CAAC,IAAI,EAAE,CAAA;IACnE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,CAAA;AAC3D,CAAC,CAAA"}
+{"version":3,"file":"reply.js","sourceRoot":"","sources":["../../../src/components/reply.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAyC;AACzC,kFAAsC;AAEtC,4CAA8C;AAC9C,yCAA+C;AAC/C,gDAAmD;AAGnD,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;gBAAE,OAAO,GAAG,mBAAmB,KAAK,CAAC,IAAI,EAAE,CAAA;YACzD,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,aAAa;YACb,qDAAqD;YACrD,OAAO,kCAAO,OAAO,EAAE,OAAO,YAAG,KAAK,CAAC,QAAQ,GAAS,CAAA;QAC1D,CAAC;QACD,aAAa;QACb,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;AAhDY,QAAA,KAAK,SAgDjB;AAED,aAAK,CAAC,SAAS,GAAG,CAAC,UAAsB,EAAE,EAAE;IAC3C,IAAI,OAAO,GAAG,UAAU,CAAC,OAAO,CAAA;IAChC,IAAI,UAAU,CAAC,IAAI;QAAE,OAAO,GAAG,mBAAmB,UAAU,CAAC,IAAI,EAAE,CAAA;IACnE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,CAAA;AAC3D,CAAC,CAAA"}

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

@@ -1,9 +1,14 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { renderComponent } from '../util/react';
-export const ShareButton = props => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShareButton = 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_2 = require("../util/react");
+const ShareButton = props => {
     const renderBrowser = () => null;
-    const renderNode = () => (_jsx("button", Object.assign({ type: 'element_share' }, { children: _jsx("pre", { dangerouslySetInnerHTML: { __html: JSON.stringify(props.payload) } }) })));
-    return renderComponent({ renderBrowser, renderNode });
+    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_2.renderComponent)({ renderBrowser, renderNode });
 };
+exports.ShareButton = 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,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAE/C,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,EAAE;IACjC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;IAChC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CACvB,+BAAQ,IAAI,EAAC,eAAe,gBAC1B,cACE,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,GAClE,IACK,CACV,CAAA;IAED,OAAO,eAAe,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA"}
+{"version":3,"file":"share-button.js","sourceRoot":"","sources":["../../../src/components/share-button.jsx"],"names":[],"mappings":";;;;;AAAA,0DAAyB;AAEzB,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"}

package/lib/esm/components/subtitle.js

@@ -1,18 +1,23 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled from 'styled-components';
-import { COLORS } from '../constants';
-import { renderComponent } from '../util/react';
-const SubtitleContainer = styled.div `
+"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 SubtitleContainer = styled_components_1.default.div `
   font-size: 12px;
   padding: 0px 15px 10px 15px;
-  color: ${COLORS.MID_GRAY};
+  color: ${constants_1.COLORS.MID_GRAY};
 `;
-export const Subtitle = (props) => {
-    const renderBrowser = () => (_jsx(SubtitleContainer, { children: props.children }));
-    const renderNode = () => _jsx("desc", { children: props.children });
-    return renderComponent({ renderBrowser, renderNode });
+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 });
 };
-Subtitle.serialize = (props) => {
+exports.Subtitle = Subtitle;
+exports.Subtitle.serialize = (props) => {
     return { subtitle: props.children };
 };
 //# 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,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAE/C,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;WAGzB,MAAM,CAAC,QAAQ;CACzB,CAAA;AAMD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CAC1B,KAAC,iBAAiB,cAAE,KAAK,CAAC,QAAQ,GAAqB,CACxD,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,yBAAO,KAAK,CAAC,QAAQ,GAAQ,CAAA;IAEtD,OAAO,eAAe,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAED,QAAQ,CAAC,SAAS,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC5C,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAA;AACrC,CAAC,CAAA"}
+{"version":3,"file":"subtitle.js","sourceRoot":"","sources":["../../../src/components/subtitle.tsx"],"names":[],"mappings":";;;;;AACA,kFAAsC;AAEtC,4CAAqC;AACrC,yCAA+C;AAE/C,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,SAAS,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC5C,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAA;AACrC,CAAC,CAAA"}

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

@@ -1,59 +1,60 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { EventAction } from '@botonic/core';
-import { useContext, useEffect, useRef, useState } from 'react';
-import { WebchatContext } from '../../webchat/context';
-import { getAiAgentEventConfig, getBotActionEventConfig, getConditionalChannelEventConfig, getConditionalCountryEventConfig, getConditionalCustomEventConfig, getConditionalQueueStatusEventConfig, getFallbackEventConfig, getHandoffSuccessEventConfig, getKeywordEventConfig, getKnowledgeBaseEventConfig, getRedirectFlowEventConfig, getSmartIntentEventConfig, getWebviewActionTriggeredEventConfig, } from './events';
-import { useLastLabelPosition } from './hooks/use-last-label-position';
-import { CaretDownSvg, CaretUpSvg } from './icons';
-import { StyledDebugArrow, StyledDebugContainer, StyledDebugContent, StyledDebugContentWrapper, StyledDebugHeader, StyledDebugIcon, StyledDebugTitle, } from './styles';
+"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 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.Knowledgebase:
-            return getKnowledgeBaseEventConfig(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);
+        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.Knowledgebase:
+            return (0, events_1.getKnowledgeBaseEventConfig)(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);
         default:
             return undefined;
     }
 };
-export const DebugMessage = ({ debugEvent, messageId }) => {
-    var _a;
-    const [isExpanded, setIsExpanded] = useState(false);
-    const wrapperRef = useRef(null);
-    const { previewUtils } = useContext(WebchatContext);
+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 eventConfig = getEventConfig(debugEvent);
-    useLastLabelPosition({
+    (0, use_last_label_position_1.useLastLabelPosition)({
         wrapperRef,
         isExpanded,
         debugEvent,
-        isCollapsible: (_a = eventConfig === null || eventConfig === void 0 ? void 0 : eventConfig.collapsible) !== null && _a !== void 0 ? _a : false,
+        isCollapsible: eventConfig?.collapsible ?? false,
     });
-    useEffect(() => {
-        var _a;
+    (0, react_1.useEffect)(() => {
         if (isExpanded) {
-            (_a = previewUtils === null || previewUtils === void 0 ? void 0 : previewUtils.trackPreviewEventOpened) === null || _a === void 0 ? void 0 : _a.call(previewUtils, { action: debugEvent.action });
+            previewUtils?.trackPreviewEventOpened?.({ action: debugEvent.action });
         }
     }, [previewUtils, isExpanded, debugEvent]);
     if (!eventConfig) {
@@ -75,6 +76,7 @@ export const DebugMessage = ({ debugEvent, messageId }) => {
     const containerClassName = collapsible
         ? `collapsible${isExpanded ? ' expanded' : ''}`
         : '';
-    return (_jsxs(StyledDebugContainer, Object.assign({ className: containerClassName, onClick: collapsible ? handleClick : undefined }, { children: [_jsxs(StyledDebugHeader, { children: [_jsx(StyledDebugIcon, { children: icon }), _jsx(StyledDebugTitle, { children: title }), collapsible && (_jsx(StyledDebugArrow, { children: isExpanded ? _jsx(CaretUpSvg, {}) : _jsx(CaretDownSvg, {}) }))] }), Component && (_jsx(StyledDebugContent, Object.assign({ style: { display: isExpanded ? 'block' : 'none' } }, { children: _jsx(StyledDebugContentWrapper, Object.assign({ ref: wrapperRef }, { children: _jsx(Component, Object.assign({}, debugEvent, { messageId: messageId })) })) })))] })));
+    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 }) }) }))] }));
 };
+exports.DebugMessage = 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":"debug-message.js","sourceRoot":"","sources":["../../../../src/components/system-debug-trace/debug-message.tsx"],"names":[],"mappings":";;;;AAAA,wCAA2C;AAC3C,iCAAsE;AAEtE,mDAAsD;AACtD,qCAciB;AACjB,6EAAsE;AACtE,mCAAkD;AAClD,qCAQiB;AAGjB,MAAM,cAAc,GAAG,CACrB,UAAsB,EACQ,EAAE;IAChC,QAAQ,UAAU,CAAC,MAAM,EAAE,CAAC;QAC1B,KAAK,kBAAW,CAAC,OAAO;YACtB,OAAO,IAAA,8BAAqB,EAAC,UAAU,CAAC,CAAA;QAC1C,KAAK,kBAAW,CAAC,WAAW;YAC1B,OAAO,IAAA,kCAAyB,EAAC,UAAU,CAAC,CAAA;QAC9C,KAAK,kBAAW,CAAC,cAAc;YAC7B,OAAO,IAAA,qCAA4B,EAAC,UAAU,CAAC,CAAA;QACjD,KAAK,kBAAW,CAAC,OAAO;YACtB,OAAO,IAAA,8BAAqB,EAAC,UAAU,CAAC,CAAA;QAC1C,KAAK,kBAAW,CAAC,aAAa;YAC5B,OAAO,IAAA,oCAA2B,EAAC,UAAU,CAAC,CAAA;QAChD,KAAK,kBAAW,CAAC,QAAQ;YACvB,OAAO,IAAA,+BAAsB,EAAC,UAAU,CAAC,CAAA;QAC3C,KAAK,kBAAW,CAAC,SAAS;YACxB,OAAO,IAAA,gCAAuB,EAAC,UAAU,CAAC,CAAA;QAC5C,KAAK,kBAAW,CAAC,kBAAkB;YACjC,OAAO,IAAA,yCAAgC,EAAC,UAAU,CAAC,CAAA;QACrD,KAAK,kBAAW,CAAC,kBAAkB;YACjC,OAAO,IAAA,yCAAgC,EAAC,UAAU,CAAC,CAAA;QACrD,KAAK,kBAAW,CAAC,iBAAiB;YAChC,OAAO,IAAA,wCAA+B,EAAC,UAAU,CAAC,CAAA;QACpD,KAAK,kBAAW,CAAC,sBAAsB;YACrC,OAAO,IAAA,6CAAoC,EAAC,UAAU,CAAC,CAAA;QACzD,KAAK,kBAAW,CAAC,YAAY;YAC3B,OAAO,IAAA,mCAA0B,EAAC,UAAU,CAAC,CAAA;QAC/C,KAAK,kBAAW,CAAC,sBAAsB;YACrC,OAAO,IAAA,6CAAoC,EAAC,UAAU,CAAC,CAAA;QACzD;YACE,OAAO,SAAS,CAAA;IACpB,CAAC;AACH,CAAC,CAAA;AAOM,MAAM,YAAY,GAAG,CAAC,EAAE,UAAU,EAAE,SAAS,EAAqB,EAAE,EAAE;IAC3E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACnD,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAC/C,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IACnD,MAAM,WAAW,GAAG,cAAc,CAAC,UAAU,CAAC,CAAA;IAE9C,IAAA,8CAAoB,EAAC;QACnB,UAAU;QACV,UAAU;QACV,UAAU;QACV,aAAa,EAAE,WAAW,EAAE,WAAW,IAAI,KAAK;KACjD,CAAC,CAAA;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,UAAU,EAAE,CAAC;YACf,YAAY,EAAE,uBAAuB,EAAE,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,MAAM,EAAE,CAAC,CAAA;QACxE,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAA;IAE1C,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,WAAW,CAAA;IAC3D,gEAAgE;IAChE,MAAM,SAAS,GAAG,SAAS,CAAA;IAE3B,MAAM,WAAW,GAAG,CAAC,CAAmB,EAAE,EAAE;QAC1C,IAAI,WAAW,EAAE,CAAC;YAChB,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAA;YACtC,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,4BAA4B,CAAC,CAAA;YAE7D,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACd,CAAC,CAAC,eAAe,EAAE,CAAA;gBACnB,aAAa,CAAC,CAAC,UAAU,CAAC,CAAA;YAC5B,CAAC;QACH,CAAC;IACH,CAAC,CAAA;IAED,MAAM,kBAAkB,GAAG,WAAW;QACpC,CAAC,CAAC,cAAc,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE;QAC/C,CAAC,CAAC,EAAE,CAAA;IAEN,OAAO,CACL,wBAAC,6BAAoB,IACnB,SAAS,EAAE,kBAAkB,EAC7B,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,aAE9C,wBAAC,0BAAiB,eAChB,uBAAC,wBAAe,cAAE,IAAI,GAAmB,EACzC,uBAAC,yBAAgB,cAAE,KAAK,GAAoB,EAC3C,WAAW,IAAI,CACd,uBAAC,yBAAgB,cACd,UAAU,CAAC,CAAC,CAAC,uBAAC,kBAAU,KAAG,CAAC,CAAC,CAAC,uBAAC,oBAAY,KAAG,GAC9B,CACpB,IACiB,EACnB,SAAS,IAAI,CACZ,uBAAC,2BAAkB,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,YACnE,uBAAC,kCAAyB,IAAC,GAAG,EAAE,UAAU,YACxC,uBAAC,SAAS,OAAK,UAAU,EAAE,SAAS,EAAE,SAAS,GAAI,GACzB,GACT,CACtB,IACoB,CACxB,CAAA;AACH,CAAC,CAAA;AAlEY,QAAA,YAAY,gBAkExB"}

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

@@ -1,22 +1,24 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { EventAction } from '@botonic/core';
-import { useContext, useMemo } from 'react';
-import { WebchatContext } from '../../../webchat/context';
-import { useKnowledgeBaseInfo } from '../hooks/use-knowledge-base-info';
-import { ScrewdriverWrenchSvg, WandSvg } from '../icons';
-import { StyledDebugDetail, StyledDebugItemWithIcon, StyledDebugLabel, StyledDebugValue, } from '../styles';
-import { GuardrailList, SourcesSection } from './components';
-import { LABELS } from './constants';
-export const AiAgent = (props) => {
-    const { previewUtils } = useContext(WebchatContext);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAiAgentEventConfig = exports.AiAgent = 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 use_knowledge_base_info_1 = require("../hooks/use-knowledge-base-info");
+const icons_1 = require("../icons");
+const styles_1 = require("../styles");
+const components_1 = require("./components");
+const constants_1 = require("./constants");
+const AiAgent = (props) => {
+    const { previewUtils } = (0, react_1.useContext)(context_1.WebchatContext);
     // Collect all sources IDs, chunk IDs and query from all tools
-    const { allSourcesIds, allChunksIds, query } = useMemo(() => {
+    const { allSourcesIds, allChunksIds, query } = (0, react_1.useMemo)(() => {
         const allSourcesIds = [];
         const allChunksIds = [];
         let query;
         props.tools_executed.forEach(tool => {
-            var _a;
-            if (((_a = tool.tool_arguments) === null || _a === void 0 ? void 0 : _a.query) &&
+            if (tool.tool_arguments?.query &&
                 typeof tool.tool_arguments.query === 'string') {
                 query = tool.tool_arguments.query;
             }
@@ -29,27 +31,29 @@ export const AiAgent = (props) => {
         });
         return { allSourcesIds, allChunksIds, query };
     }, [props.tools_executed]);
-    const { sources: allSources, chunks: allChunks, chunksWithSources, getIconForSourceType, } = useKnowledgeBaseInfo({
+    const { sources: allSources, chunks: allChunks, chunksWithSources, getIconForSourceType, } = (0, use_knowledge_base_info_1.useKnowledgeBaseInfo)({
         sourceIds: allSourcesIds,
         chunkIds: allChunksIds,
         messageId: props.messageId,
         existingChunksWithSources: props.knowledge_base_chunks_with_sources,
     });
     const handleSeeChunks = () => {
-        if (previewUtils === null || previewUtils === void 0 ? void 0 : previewUtils.onClickOpenChunks) {
+        if (previewUtils?.onClickOpenChunks) {
             previewUtils.onClickOpenChunks(chunksWithSources);
         }
     };
-    return (_jsxs(_Fragment, { children: [query && (_jsxs(StyledDebugDetail, { children: [_jsx(StyledDebugLabel, { children: LABELS.QUERY }), _jsxs(StyledDebugValue, { children: ["\"", query, "\""] })] })), _jsx(SourcesSection, { sources: allSources, chunks: allChunks, getIconForSourceType: getIconForSourceType, onSeeChunks: handleSeeChunks, label: LABELS.KNOWLEDGE_GATHERED }), props.tools_executed.length > 0 && (_jsxs(StyledDebugDetail, { children: [_jsx(StyledDebugLabel, { children: LABELS.EXECUTED_TOOLS }), props.tools_executed.map((tool, index) => (_jsxs(StyledDebugItemWithIcon, { children: [_jsx(ScrewdriverWrenchSvg, {}), tool.tool_name] }, `${tool.tool_name}-${index}`)))] })), props.tools_executed.length === 0 && (_jsx(StyledDebugDetail, { children: _jsx(StyledDebugLabel, { children: LABELS.NO_TOOLS_EXECUTED }) })), _jsx(GuardrailList, { keyPrefix: 'input', guardrails: props.input_guardrails_triggered }), _jsx(GuardrailList, { keyPrefix: 'output', guardrails: props.output_guardrails_triggered, "$isLastItem": !props.exit && !props.error }), props.exit && (_jsx(StyledDebugDetail, { children: _jsx(StyledDebugLabel, { children: LABELS.EXIT }) })), props.error && (_jsx(StyledDebugDetail, { children: _jsx(StyledDebugLabel, { children: LABELS.ERROR }) }))] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [query && ((0, jsx_runtime_1.jsxs)(styles_1.StyledDebugDetail, { children: [(0, jsx_runtime_1.jsx)(styles_1.StyledDebugLabel, { children: constants_1.LABELS.QUERY }), (0, jsx_runtime_1.jsxs)(styles_1.StyledDebugValue, { children: ["\"", query, "\""] })] })), (0, jsx_runtime_1.jsx)(components_1.SourcesSection, { sources: allSources, chunks: allChunks, getIconForSourceType: getIconForSourceType, onSeeChunks: handleSeeChunks, label: constants_1.LABELS.KNOWLEDGE_GATHERED }), props.tools_executed.length > 0 && ((0, jsx_runtime_1.jsxs)(styles_1.StyledDebugDetail, { children: [(0, jsx_runtime_1.jsx)(styles_1.StyledDebugLabel, { children: constants_1.LABELS.EXECUTED_TOOLS }), props.tools_executed.map((tool, index) => ((0, jsx_runtime_1.jsxs)(styles_1.StyledDebugItemWithIcon, { children: [(0, jsx_runtime_1.jsx)(icons_1.ScrewdriverWrenchSvg, {}), tool.tool_name] }, `${tool.tool_name}-${index}`)))] })), props.tools_executed.length === 0 && ((0, jsx_runtime_1.jsx)(styles_1.StyledDebugDetail, { children: (0, jsx_runtime_1.jsx)(styles_1.StyledDebugLabel, { children: constants_1.LABELS.NO_TOOLS_EXECUTED }) })), (0, jsx_runtime_1.jsx)(components_1.GuardrailList, { keyPrefix: 'input', guardrails: props.input_guardrails_triggered }), (0, jsx_runtime_1.jsx)(components_1.GuardrailList, { keyPrefix: 'output', guardrails: props.output_guardrails_triggered, "$isLastItem": !props.exit && !props.error }), props.exit && ((0, jsx_runtime_1.jsx)(styles_1.StyledDebugDetail, { children: (0, jsx_runtime_1.jsx)(styles_1.StyledDebugLabel, { children: constants_1.LABELS.EXIT }) })), props.error && ((0, jsx_runtime_1.jsx)(styles_1.StyledDebugDetail, { children: (0, jsx_runtime_1.jsx)(styles_1.StyledDebugLabel, { children: constants_1.LABELS.ERROR }) }))] }));
 };
-export const getAiAgentEventConfig = (data) => {
-    const title = (_jsxs(_Fragment, { children: ["AI Agent triggered ", _jsxs("span", { children: ["- ", data.flow_node_content_id] })] }));
+exports.AiAgent = AiAgent;
+const getAiAgentEventConfig = (data) => {
+    const title = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["AI Agent triggered ", (0, jsx_runtime_1.jsxs)("span", { children: ["- ", data.flow_node_content_id] })] }));
     return {
-        action: EventAction.AiAgent,
+        action: core_1.EventAction.AiAgent,
         title,
-        component: AiAgent,
-        icon: _jsx(WandSvg, {}),
+        component: exports.AiAgent,
+        icon: (0, jsx_runtime_1.jsx)(icons_1.WandSvg, {}),
         collapsible: true,
     };
 };
+exports.getAiAgentEventConfig = getAiAgentEventConfig;
 //# sourceMappingURL=ai-agent.js.map

package/lib/esm/components/system-debug-trace/events/ai-agent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ai-agent.js","sourceRoot":"","sources":["../../../../../src/components/system-debug-trace/events/ai-agent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAc,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAA;AACvE,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AACxD,OAAO,EACL,iBAAiB,EACjB,uBAAuB,EACvB,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,WAAW,CAAA;AAElB,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAuBpC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAwB,EAAE,EAAE;IAClD,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEnD,8DAA8D;IAC9D,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1D,MAAM,aAAa,GAAa,EAAE,CAAA;QAClC,MAAM,YAAY,GAAa,EAAE,CAAA;QACjC,IAAI,KAAyB,CAAA;QAE7B,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;;YAClC,IACE,CAAA,MAAA,IAAI,CAAC,cAAc,0CAAE,KAAK;gBAC1B,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,KAAK,QAAQ,EAC7C;gBACA,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAA;aAClC;YACD,IAAI,IAAI,CAAC,yBAAyB,EAAE;gBAClC,aAAa,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,yBAAyB,CAAC,CAAA;aACtD;YACD,IAAI,IAAI,CAAC,wBAAwB,EAAE;gBACjC,YAAY,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,wBAAwB,CAAC,CAAA;aACpD;QACH,CAAC,CAAC,CAAA;QAEF,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,KAAK,EAAE,CAAA;IAC/C,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAA;IAE1B,MAAM,EACJ,OAAO,EAAE,UAAU,EACnB,MAAM,EAAE,SAAS,EACjB,iBAAiB,EACjB,oBAAoB,GACrB,GAAG,oBAAoB,CAAC;QACvB,SAAS,EAAE,aAAa;QACxB,QAAQ,EAAE,YAAY;QACtB,SAAS,EAAE,KAAK,CAAC,SAAS;QAC1B,yBAAyB,EAAE,KAAK,CAAC,kCAAkC;KACpE,CAAC,CAAA;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,IAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,iBAAiB,EAAE;YACnC,YAAY,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;SAClD;IACH,CAAC,CAAA;IACD,OAAO,CACL,8BACG,KAAK,IAAI,CACR,MAAC,iBAAiB,eAChB,KAAC,gBAAgB,cAAE,MAAM,CAAC,KAAK,GAAoB,EACnD,MAAC,gBAAgB,qBAAQ,KAAK,UAA0B,IACtC,CACrB,EAED,KAAC,cAAc,IACb,OAAO,EAAE,UAAU,EACnB,MAAM,EAAE,SAAS,EACjB,oBAAoB,EAAE,oBAAoB,EAC1C,WAAW,EAAE,eAAe,EAC5B,KAAK,EAAE,MAAM,CAAC,kBAAkB,GAChC,EAED,KAAK,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,CAClC,MAAC,iBAAiB,eAChB,KAAC,gBAAgB,cAAE,MAAM,CAAC,cAAc,GAAoB,EAC3D,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACzC,MAAC,uBAAuB,eACtB,KAAC,oBAAoB,KAAG,EACvB,IAAI,CAAC,SAAS,KAFa,GAAG,IAAI,CAAC,SAAS,IAAI,KAAK,EAAE,CAGhC,CAC3B,CAAC,IACgB,CACrB,EAEA,KAAK,CAAC,cAAc,CAAC,MAAM,KAAK,CAAC,IAAI,CACpC,KAAC,iBAAiB,cAChB,KAAC,gBAAgB,cAAE,MAAM,CAAC,iBAAiB,GAAoB,GAC7C,CACrB,EAED,KAAC,aAAa,IACZ,SAAS,EAAC,OAAO,EACjB,UAAU,EAAE,KAAK,CAAC,0BAA0B,GAC5C,EACF,KAAC,aAAa,IACZ,SAAS,EAAC,QAAQ,EAClB,UAAU,EAAE,KAAK,CAAC,2BAA2B,iBAChC,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,GACxC,EAED,KAAK,CAAC,IAAI,IAAI,CACb,KAAC,iBAAiB,cAChB,KAAC,gBAAgB,cAAE,MAAM,CAAC,IAAI,GAAoB,GAChC,CACrB,EAEA,KAAK,CAAC,KAAK,IAAI,CACd,KAAC,iBAAiB,cAChB,KAAC,gBAAgB,cAAE,MAAM,CAAC,KAAK,GAAoB,GACjC,CACrB,IACA,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,IAAuB,EACL,EAAE;IACpB,MAAM,KAAK,GAAG,CACZ,qDACqB,iCAAS,IAAI,CAAC,oBAAoB,IAAQ,IAC5D,CACJ,CAAA;IAED,OAAO;QACL,MAAM,EAAE,WAAW,CAAC,OAAO;QAC3B,KAAK;QACL,SAAS,EAAE,OAAO;QAClB,IAAI,EAAE,KAAC,OAAO,KAAG;QACjB,WAAW,EAAE,IAAI;KAClB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"ai-agent.js","sourceRoot":"","sources":["../../../../../src/components/system-debug-trace/events/ai-agent.tsx"],"names":[],"mappings":"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"}

package/lib/esm/components/system-debug-trace/events/bot-action.js

@@ -1,14 +1,18 @@
-import { jsxs as _jsxs, Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { EventAction } from '@botonic/core';
-import { CodeSvg } from '../icons/code';
-export const getBotActionEventConfig = (data) => {
-    const title = (_jsxs(_Fragment, { children: ["Bot action triggered ", _jsxs("span", { children: ["- ", data.payload] })] }));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getBotActionEventConfig = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const core_1 = require("@botonic/core");
+const code_1 = require("../icons/code");
+const getBotActionEventConfig = (data) => {
+    const title = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Bot action triggered ", (0, jsx_runtime_1.jsxs)("span", { children: ["- ", data.payload] })] }));
     return {
-        action: EventAction.BotAction,
+        action: core_1.EventAction.BotAction,
         title,
         component: null,
-        icon: _jsx(CodeSvg, {}),
+        icon: (0, jsx_runtime_1.jsx)(code_1.CodeSvg, {}),
         collapsible: false,
     };
 };
+exports.getBotActionEventConfig = getBotActionEventConfig;
 //# sourceMappingURL=bot-action.js.map

package/lib/esm/components/system-debug-trace/events/bot-action.js.map

@@ -1 +1 @@
-{"version":3,"file":"bot-action.js","sourceRoot":"","sources":["../../../../../src/components/system-debug-trace/events/bot-action.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAG3C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAQvC,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,IAAyB,EACP,EAAE;IACpB,MAAM,KAAK,GAAG,CACZ,uDACuB,iCAAS,IAAI,CAAC,OAAO,IAAQ,IACjD,CACJ,CAAA;IAED,OAAO;QACL,MAAM,EAAE,WAAW,CAAC,SAAS;QAC7B,KAAK;QACL,SAAS,EAAE,IAAI;QACf,IAAI,EAAE,KAAC,OAAO,KAAG;QACjB,WAAW,EAAE,KAAK;KACnB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"bot-action.js","sourceRoot":"","sources":["../../../../../src/components/system-debug-trace/events/bot-action.tsx"],"names":[],"mappings":";;;;AAAA,wCAA2C;AAG3C,wCAAuC;AAQhC,MAAM,uBAAuB,GAAG,CACrC,IAAyB,EACP,EAAE;IACpB,MAAM,KAAK,GAAG,CACZ,sFACuB,mDAAS,IAAI,CAAC,OAAO,IAAQ,IACjD,CACJ,CAAA;IAED,OAAO;QACL,MAAM,EAAE,kBAAW,CAAC,SAAS;QAC7B,KAAK;QACL,SAAS,EAAE,IAAI;QACf,IAAI,EAAE,uBAAC,cAAO,KAAG;QACjB,WAAW,EAAE,KAAK;KACnB,CAAA;AACH,CAAC,CAAA;AAhBY,QAAA,uBAAuB,2BAgBnC"}