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

package/lib/esm/components/system-debug-trace/icons/window-restore.js

@@ -1,12 +1,23 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WindowRestoreSvg = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const constants_1 = require("../../../constants");
-const WindowRestoreSvg = ({ color = constants_1.COLORS.N500 }) => {
-    return (
-    // biome-ignore lint/a11y/noSvgWithoutTitle: This is a SVG icon
-    (0, jsx_runtime_1.jsx)("svg", { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 640 640', fill: color, children: (0, jsx_runtime_1.jsx)("path", { d: 'M544 160L192 160C192 124.7 220.7 96 256 96L544 96C579.3 96 608 124.7 608 160L608 352C608 387.3 579.3 416 544 416L496 416L496 352L544 352L544 160zM32 288C32 252.7 60.7 224 96 224L384 224C419.3 224 448 252.7 448 288L448 480C448 515.3 419.3 544 384 544L96 544C60.7 544 32 515.3 32 480L32 288zM96 328C96 341.3 106.7 352 120 352L360 352C373.3 352 384 341.3 384 328C384 314.7 373.3 304 360 304L120 304C106.7 304 96 314.7 96 328z', fill: 'currentColor' }) }));
+import { jsx } from "react/jsx-runtime";
+import { COLORS } from "../../../constants.js";
+
+
+
+
+
+const WindowRestoreSvg = ({ color = COLORS.N500 })=>{
+    return(// biome-ignore lint/a11y/noSvgWithoutTitle: This is a SVG icon
+    /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 640 640",
+        fill: color,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M544 160L192 160C192 124.7 220.7 96 256 96L544 96C579.3 96 608 124.7 608 160L608 352C608 387.3 579.3 416 544 416L496 416L496 352L544 352L544 160zM32 288C32 252.7 60.7 224 96 224L384 224C419.3 224 448 252.7 448 288L448 480C448 515.3 419.3 544 384 544L96 544C60.7 544 32 515.3 32 480L32 288zM96 328C96 341.3 106.7 352 120 352L360 352C373.3 352 384 341.3 384 328C384 314.7 373.3 304 360 304L120 304C106.7 304 96 314.7 96 328z",
+            fill: "currentColor"
+        })
+    }));
 };
-exports.WindowRestoreSvg = WindowRestoreSvg;
+
+export { WindowRestoreSvg };
+
 //# sourceMappingURL=window-restore.js.map

package/lib/esm/components/system-debug-trace/icons/window-restore.js.map

@@ -1 +1 @@
-{"version":3,"file":"window-restore.js","sourceRoot":"","sources":["../../../../../src/components/system-debug-trace/icons/window-restore.tsx"],"names":[],"mappings":";;;;AAAA,kDAA2C;AAGpC,MAAM,gBAAgB,GAAG,CAAC,EAAE,KAAK,GAAG,kBAAM,CAAC,IAAI,EAAa,EAAE,EAAE;IACrE,OAAO;IACL,+DAA+D;IAC/D,gCAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa,EAAC,IAAI,EAAE,KAAK,YACvE,iCACE,CAAC,EAAC,waAAwa,EAC1a,IAAI,EAAC,cAAc,GACnB,GACE,CACP,CAAA;AACH,CAAC,CAAA;AAVY,QAAA,gBAAgB,oBAU5B"}
+{"version":3,"file":"components/system-debug-trace/icons/window-restore.js","sources":["../../../../../src/components/system-debug-trace/icons/window-restore.tsx"],"sourcesContent":["import { COLORS } from '../../../constants'\nimport type { IconProps } from '../types'\n\nexport const WindowRestoreSvg = ({ color = COLORS.N500 }: IconProps) => {\n  return (\n    // biome-ignore lint/a11y/noSvgWithoutTitle: This is a SVG icon\n    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill={color}>\n      <path\n        d='M544 160L192 160C192 124.7 220.7 96 256 96L544 96C579.3 96 608 124.7 608 160L608 352C608 387.3 579.3 416 544 416L496 416L496 352L544 352L544 160zM32 288C32 252.7 60.7 224 96 224L384 224C419.3 224 448 252.7 448 288L448 480C448 515.3 419.3 544 384 544L96 544C60.7 544 32 515.3 32 480L32 288zM96 328C96 341.3 106.7 352 120 352L360 352C373.3 352 384 341.3 384 328C384 314.7 373.3 304 360 304L120 304C106.7 304 96 314.7 96 328z'\n        fill='currentColor'\n      />\n    </svg>\n  )\n}\n"],"names":["COLORS","WindowRestoreSvg","color"],"mappings":";;;;;;AAA2C;AAGpC,MAAMC,gBAAgBA,GAAG,CAAC,EAAEC,QAAQF,WAAW,EAAa;IACjE,OACE,+DAA+D;kBAC/D,IAAC;QAAI,OAAM;QAA6B,SAAQ;QAAc,MAAME;kBAClE,kBAAC;YACC,GAAE;YACF,MAAK;;;AAIb,EAAC"}

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

@@ -1,28 +1,48 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SystemDebugTrace = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@botonic/core");
-const constants_1 = require("../../constants");
-const message_1 = require("../message");
-const debug_message_1 = require("./debug-message");
-const serialize = (props) => {
+import { jsx } from "react/jsx-runtime";
+import { INPUT, isBrowser } from "@botonic/core";
+import { ROLES } from "../../constants.js";
+import { Message } from "../message/index.js";
+import { DebugMessage } from "./debug-message.js";
+
+
+
+
+
+
+
+
+
+
+
+const serialize = (props)=>{
     const { data } = props;
     // Return the event data as an object, ensuring it's not stringified
     return typeof data === 'string' ? JSON.parse(data) : data;
 };
-const SystemDebugTrace = (props) => {
+const SystemDebugTrace = (props)=>{
     const { data, id, ...otherProps } = props;
     // Parse data if it's a string
     const parsedData = typeof data === 'string' ? JSON.parse(data) : data;
-    if ((0, core_1.isBrowser)()) {
+    if (isBrowser()) {
         const eventData = {
-            ...parsedData,
+            ...parsedData
         };
-        return ((0, jsx_runtime_1.jsx)(message_1.Message, { role: constants_1.ROLES.SYSTEM_DEBUG_TRACE_MESSAGE, json: serialize(props), ...otherProps, type: core_1.INPUT.SYSTEM_DEBUG_TRACE, id: id, children: (0, jsx_runtime_1.jsx)(debug_message_1.DebugMessage, { debugEvent: eventData, messageId: id }) }));
+        return /*#__PURE__*/ jsx(Message, {
+            role: ROLES.SYSTEM_DEBUG_TRACE_MESSAGE,
+            json: serialize(props),
+            ...otherProps,
+            type: INPUT.SYSTEM_DEBUG_TRACE,
+            id: id,
+            children: /*#__PURE__*/ jsx(DebugMessage, {
+                debugEvent: eventData,
+                messageId: id
+            })
+        });
     }
     return null;
 };
-exports.SystemDebugTrace = SystemDebugTrace;
-exports.SystemDebugTrace.serialize = serialize;
+SystemDebugTrace.serialize = serialize;
+
+export { SystemDebugTrace };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/system-debug-trace/index.tsx"],"names":[],"mappings":";;;;AAAA,wCAAgD;AAEhD,+CAAuC;AACvC,wCAAoC;AACpC,mDAA8C;AAQ9C,MAAM,SAAS,GAAG,CAAC,KAA4B,EAAE,EAAE;IACjD,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAA;IACtB,oEAAoE;IACpE,OAAO,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;AAC3D,CAAC,CAAA;AAEM,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;IAC/D,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAA;IAEzC,8BAA8B;IAC9B,MAAM,UAAU,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IAErE,IAAI,IAAA,gBAAS,GAAE,EAAE,CAAC;QAChB,MAAM,SAAS,GAAG;YAChB,GAAG,UAAU;SACd,CAAA;QAED,OAAO,CACL,uBAAC,iBAAO,IACN,IAAI,EAAE,iBAAK,CAAC,0BAA0B,EACtC,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,KAClB,UAAU,EACd,IAAI,EAAE,YAAK,CAAC,kBAAkB,EAC9B,EAAE,EAAE,EAAE,YAEN,uBAAC,4BAAY,IAAC,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,GAAI,GAC9C,CACX,CAAA;IACH,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAxBY,QAAA,gBAAgB,oBAwB5B;AAED,wBAAgB,CAAC,SAAS,GAAG,SAAS,CAAA"}
+{"version":3,"file":"components/system-debug-trace/index.js","sources":["../../../../src/components/system-debug-trace/index.tsx"],"sourcesContent":["import { INPUT, isBrowser } from '@botonic/core'\n\nimport { ROLES } from '../../constants'\nimport { Message } from '../message'\nimport { DebugMessage } from './debug-message'\n\ninterface SystemDebugTraceProps {\n  type: string\n  data: Record<string, any> | string\n  id?: string\n}\n\nconst serialize = (props: SystemDebugTraceProps) => {\n  const { data } = props\n  // Return the event data as an object, ensuring it's not stringified\n  return typeof data === 'string' ? JSON.parse(data) : data\n}\n\nexport const SystemDebugTrace = (props: SystemDebugTraceProps) => {\n  const { data, id, ...otherProps } = props\n\n  // Parse data if it's a string\n  const parsedData = typeof data === 'string' ? JSON.parse(data) : data\n\n  if (isBrowser()) {\n    const eventData = {\n      ...parsedData,\n    }\n\n    return (\n      <Message\n        role={ROLES.SYSTEM_DEBUG_TRACE_MESSAGE}\n        json={serialize(props)}\n        {...otherProps}\n        type={INPUT.SYSTEM_DEBUG_TRACE}\n        id={id}\n      >\n        <DebugMessage debugEvent={eventData} messageId={id} />\n      </Message>\n    )\n  }\n  return null\n}\n\nSystemDebugTrace.serialize = serialize\n"],"names":["INPUT","isBrowser","ROLES","Message","DebugMessage","serialize","props","data","JSON","SystemDebugTrace","id","otherProps","parsedData","eventData"],"mappings":";;;;;;;;;;;;AAAgD;AAET;AACH;AACU;AAQ9C,MAAMK,SAASA,GAAG,CAACC;IACjB,MAAM,EAAEC,IAAI,EAAE,GAAGD;IACjB,oEAAoE;IACpE,OAAO,OAAOC,SAAS,WAAWC,KAAK,KAAK,CAACD,QAAQA;AACvD;AAEO,MAAME,gBAAgBA,GAAG,CAACH;IAC/B,MAAM,EAAEC,IAAI,EAAEG,EAAE,EAAE,GAAGC,YAAY,GAAGL;IAEpC,8BAA8B;IAC9B,MAAMM,aAAa,OAAOL,SAAS,WAAWC,KAAK,KAAK,CAACD,QAAQA;IAEjE,IAAIN,SAASA,IAAI;QACf,MAAMY,YAAY;YAChB,GAAGD,UAAU;QACf;QAEA,qBACE,IAACT,OAAOA;YACN,MAAMD,gCAAgC;YACtC,MAAMG,SAASA,CAACC;YACf,GAAGK,UAAU;YACd,MAAMX,wBAAwB;YAC9B,IAAIU;sBAEJ,kBAACN,YAAYA;gBAAC,YAAYS;gBAAW,WAAWH;;;IAGtD;IACA,OAAO;AACT,EAAC;AAEDD,gBAAgBA,CAAC,SAAS,GAAGJ,SAASA"}

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

@@ -1,17 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledUrlSourceValue = exports.StyledFileSourceValue = exports.StyledSourceValue = exports.StyledGuardrailValue = exports.StyledGuardrailLabel = exports.StyledDebugContentWrapper = exports.StyledGuardrailItem = exports.StyledSeeInfo = exports.StyledDebugMetadata = exports.StyledDebugItemWithIcon = exports.StyledDebugValue = exports.StyledDebugLabel = exports.StyledDebugDetail = exports.StyledDebugContent = exports.StyledDebugTitle = exports.StyledDebugIcon = exports.StyledDebugArrow = exports.StyledDebugHeader = exports.StyledDebugContainer = void 0;
-const tslib_1 = require("tslib");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const constants_1 = require("../../constants");
-exports.StyledDebugContainer = styled_components_1.default.div `
+import styled_components from "styled-components";
+import { COLORS } from "../../constants.js";
+
+
+
+
+
+const StyledDebugContainer = styled_components.div`
   display: flex;
   flex-direction: column;
   align-items: start;
   justify-content: space-between;
   gap: 12px;
 
-  background-color: ${constants_1.COLORS.SOLID_WHITE};
+  background-color: ${COLORS.SOLID_WHITE};
   border-radius: 6px;
   font-family: 'Inter', sans-serif;
   box-sizing: border-box;
@@ -24,11 +25,11 @@ exports.StyledDebugContainer = styled_components_1.default.div `
     cursor: pointer;
 
     &:hover {
-      background-color: ${constants_1.COLORS.N50};
+      background-color: ${COLORS.N50};
     }
   }
 `;
-exports.StyledDebugHeader = styled_components_1.default.div `
+const StyledDebugHeader = styled_components.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -38,7 +39,7 @@ exports.StyledDebugHeader = styled_components_1.default.div `
   padding: 8px 12px;
   width: 100%;
 `;
-exports.StyledDebugArrow = styled_components_1.default.span `
+const StyledDebugArrow = styled_components.span`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -51,7 +52,7 @@ exports.StyledDebugArrow = styled_components_1.default.span `
     height: 100%;
   }
 `;
-exports.StyledDebugIcon = styled_components_1.default.span `
+const StyledDebugIcon = styled_components.span`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -65,14 +66,14 @@ exports.StyledDebugIcon = styled_components_1.default.span `
     height: 100%;
   }
 `;
-exports.StyledDebugTitle = styled_components_1.default.span `
+const StyledDebugTitle = styled_components.span`
   flex: 1;
   display: flex;
   align-items: center;
 
   font-weight: 600;
   font-size: 12px;
-  color: ${constants_1.COLORS.N700};
+  color: ${COLORS.N700};
   line-height: 1.5;
   white-space: nowrap;
   gap: 4px;
@@ -81,7 +82,7 @@ exports.StyledDebugTitle = styled_components_1.default.span `
     font-weight: 400;
   }
 `;
-exports.StyledDebugContent = styled_components_1.default.div `
+const StyledDebugContent = styled_components.div`
   display: flex;
   flex-direction: column;
   position: relative;
@@ -91,9 +92,9 @@ exports.StyledDebugContent = styled_components_1.default.div `
 
   font-size: 12px;
   line-height: 1.5;
-  color: ${constants_1.COLORS.N700};
+  color: ${COLORS.N700};
 `;
-exports.StyledDebugDetail = styled_components_1.default.div `
+const StyledDebugDetail = styled_components.div`
   display: flex;
   flex-direction: column;
   gap: 4px;
@@ -104,16 +105,16 @@ exports.StyledDebugDetail = styled_components_1.default.div `
   overflow: hidden;
   box-sizing: border-box;
 `;
-exports.StyledDebugLabel = styled_components_1.default.strong `
-  color: ${constants_1.COLORS.N700};
+const StyledDebugLabel = styled_components.strong`
+  color: ${COLORS.N700};
   font-weight: 400;
   font-size: 12px;
   line-height: 1.5;
 `;
-exports.StyledDebugValue = styled_components_1.default.div `
+const StyledDebugValue = styled_components.div`
   font-weight: 600;
   font-size: 12px;
-  color: ${constants_1.COLORS.N700};
+  color: ${COLORS.N700};
   line-height: 1.5;
   width: 100%;
   overflow-wrap: break-word;
@@ -131,14 +132,14 @@ exports.StyledDebugValue = styled_components_1.default.div `
     margin-right: 8px;
   }
 `;
-exports.StyledDebugItemWithIcon = styled_components_1.default.div `
+const StyledDebugItemWithIcon = styled_components.div`
   display: flex;
   align-items: center;
   gap: 8px;
   padding: 0;
   font-weight: 600;
   font-size: 12px;
-  color: ${constants_1.COLORS.N700};
+  color: ${COLORS.N700};
   line-height: 1.5;
   min-width: 0;
   width: 100%;
@@ -156,11 +157,11 @@ exports.StyledDebugItemWithIcon = styled_components_1.default.div `
     display: block;
   }
 `;
-exports.StyledDebugMetadata = styled_components_1.default.div `
+const StyledDebugMetadata = styled_components.div`
   margin-top: 8px;
   padding-top: 12px;
-  border-top: 1px solid ${constants_1.COLORS.N100};
-  color: ${constants_1.COLORS.N700};
+  border-top: 1px solid ${COLORS.N100};
+  color: ${COLORS.N700};
   font-size: 12px;
   padding-left: 28px;
 
@@ -169,7 +170,7 @@ exports.StyledDebugMetadata = styled_components_1.default.div `
     font-weight: 400;
   }
 `;
-exports.StyledSeeInfo = styled_components_1.default.button `
+const StyledSeeInfo = styled_components.button`
   border: 1px solid #c4c6d0;
   border-radius: 6px;
   padding: 8px;
@@ -187,18 +188,18 @@ exports.StyledSeeInfo = styled_components_1.default.button `
   width: fit-content;
 
   &:hover {
-    background-color: ${constants_1.COLORS.N100};
+    background-color: ${COLORS.N100};
   }
 `;
-exports.StyledGuardrailItem = styled_components_1.default.div `
+const StyledGuardrailItem = styled_components.div`
   display: flex;
   align-items: center;
   gap: 8px;
   padding-left: 28px;
-  margin-bottom: ${({ $isLastItem }) => ($isLastItem ? '0' : '8px')};
+  margin-bottom: ${({ $isLastItem })=>$isLastItem ? '0' : '8px'};
   font-size: 12px;
   line-height: 1.5;
-  color: ${constants_1.COLORS.N700};
+  color: ${COLORS.N700};
 
   svg {
     width: 14px;
@@ -206,7 +207,7 @@ exports.StyledGuardrailItem = styled_components_1.default.div `
     flex-shrink: 0;
   }
 `;
-exports.StyledDebugContentWrapper = styled_components_1.default.div `
+const StyledDebugContentWrapper = styled_components.div`
   display: flex;
   flex-direction: column;
   gap: 16px;
@@ -222,7 +223,7 @@ exports.StyledDebugContentWrapper = styled_components_1.default.div `
     position: absolute;
     left: 13px;
     width: 1px;
-    background-color: ${constants_1.COLORS.N100};
+    background-color: ${COLORS.N100};
     top: 0;
     /* Height ends at last label's bottom position */
     height: var(--last-label-bottom, 100%);
@@ -231,29 +232,29 @@ exports.StyledDebugContentWrapper = styled_components_1.default.div `
   /* Change line color to N200 when collapsible event is hovered */
   .collapsible:hover & {
     &::before {
-      background-color: ${constants_1.COLORS.N200};
+      background-color: ${COLORS.N200};
     }
   }
 `;
-exports.StyledGuardrailLabel = styled_components_1.default.span `
+const StyledGuardrailLabel = styled_components.span`
   font-weight: 600;
   font-size: 12px;
   line-height: 1.5;
-  color: ${constants_1.COLORS.N700};
+  color: ${COLORS.N700};
 `;
-exports.StyledGuardrailValue = styled_components_1.default.span `
+const StyledGuardrailValue = styled_components.span`
   font-weight: 400;
   font-size: 12px;
   line-height: 1.5;
-  color: ${constants_1.COLORS.N700};
+  color: ${COLORS.N700};
 `;
-exports.StyledSourceValue = styled_components_1.default.span `
+const StyledSourceValue = styled_components.span`
   font-weight: 600;
   font-size: 12px;
   line-height: 1.5;
-  color: ${constants_1.COLORS.N700};
+  color: ${COLORS.N700};
 `;
-exports.StyledFileSourceValue = (0, styled_components_1.default)(exports.StyledSourceValue) `
+const StyledFileSourceValue = styled_components(StyledSourceValue)`
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -261,11 +262,11 @@ exports.StyledFileSourceValue = (0, styled_components_1.default)(exports.StyledS
   min-width: 0;
   flex: 1;
 `;
-exports.StyledUrlSourceValue = styled_components_1.default.a `
+const StyledUrlSourceValue = styled_components.a`
   font-weight: 600;
   font-size: 12px;
   line-height: 1.5;
-  color: ${constants_1.COLORS.N700};
+  color: ${COLORS.N700};
   text-decoration: none;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -276,11 +277,14 @@ exports.StyledUrlSourceValue = styled_components_1.default.a `
 
   &:hover {
     text-decoration: underline;
-    color: ${constants_1.COLORS.BOTONIC_BLUE};
+    color: ${COLORS.BOTONIC_BLUE};
   }
 
   &:visited {
-    color: ${constants_1.COLORS.N700};
+    color: ${COLORS.N700};
   }
 `;
+
+export { StyledDebugArrow, StyledDebugContainer, StyledDebugContent, StyledDebugContentWrapper, StyledDebugDetail, StyledDebugHeader, StyledDebugIcon, StyledDebugItemWithIcon, StyledDebugLabel, StyledDebugMetadata, StyledDebugTitle, StyledDebugValue, StyledFileSourceValue, StyledGuardrailItem, StyledGuardrailLabel, StyledGuardrailValue, StyledSeeInfo, StyledSourceValue, StyledUrlSourceValue };
+
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/system-debug-trace/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAsC;AAEtC,+CAAwC;AAE3B,QAAA,oBAAoB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;sBAOxB,kBAAM,CAAC,WAAW;;;;;;;;;;;;;0BAad,kBAAM,CAAC,GAAG;;;CAGnC,CAAA;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;CAS1C,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;;;;;;;CAY1C,CAAA;AAEY,QAAA,eAAe,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;;;;;;;;CAazC,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;;WAOhC,kBAAM,CAAC,IAAI;;;;;;;;CAQrB,CAAA;AAEY,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;WAUjC,kBAAM,CAAC,IAAI;CACrB,CAAA;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;CAU1C,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,MAAM,CAAA;WAClC,kBAAM,CAAC,IAAI;;;;CAIrB,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;WAG/B,kBAAM,CAAC,IAAI;;;;;;;;;;;;;;;;;CAiBrB,CAAA;AAEY,QAAA,uBAAuB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;WAOtC,kBAAM,CAAC,IAAI;;;;;;;;;;;;;;;;;CAiBrB,CAAA;AAEY,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;0BAGnB,kBAAM,CAAC,IAAI;WAC1B,kBAAM,CAAC,IAAI;;;;;;;;CAQrB,CAAA;AAEY,QAAA,aAAa,GAAG,2BAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;;;wBAkBlB,kBAAM,CAAC,IAAI;;CAElC,CAAA;AAKY,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAA0B;;;;;mBAKpD,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;;;WAGxD,kBAAM,CAAC,IAAI;;;;;;;CAOrB,CAAA;AAEY,QAAA,yBAAyB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;wBAgB3B,kBAAM,CAAC,IAAI;;;;;;;;;0BAST,kBAAM,CAAC,IAAI;;;CAGpC,CAAA;AAEY,QAAA,oBAAoB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;WAIpC,kBAAM,CAAC,IAAI;CACrB,CAAA;AAEY,QAAA,oBAAoB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;WAIpC,kBAAM,CAAC,IAAI;CACrB,CAAA;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;WAIjC,kBAAM,CAAC,IAAI;CACrB,CAAA;AAEY,QAAA,qBAAqB,GAAG,IAAA,2BAAM,EAAC,yBAAiB,CAAC,CAAA;;;;;;;CAO7D,CAAA;AAEY,QAAA,oBAAoB,GAAG,2BAAM,CAAC,CAAC,CAAA;;;;WAIjC,kBAAM,CAAC,IAAI;;;;;;;;;;;aAWT,kBAAM,CAAC,YAAY;;;;aAInB,kBAAM,CAAC,IAAI;;CAEvB,CAAA"}
+{"version":3,"file":"components/system-debug-trace/styles.js","sources":["../../../../src/components/system-debug-trace/styles.ts"],"sourcesContent":["import styled from 'styled-components'\n\nimport { COLORS } from '../../constants'\n\nexport const StyledDebugContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: start;\n  justify-content: space-between;\n  gap: 12px;\n\n  background-color: ${COLORS.SOLID_WHITE};\n  border-radius: 6px;\n  font-family: 'Inter', sans-serif;\n  box-sizing: border-box;\n  margin: 0px 8px;\n  max-width: calc(100% - 16px);\n  width: 100%;\n\n  /* When collapsible (expanded or collapsed), entire container is hoverable and clickable */\n  &.collapsible {\n    cursor: pointer;\n\n    &:hover {\n      background-color: ${COLORS.N50};\n    }\n  }\n`\n\nexport const StyledDebugHeader = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  user-select: none;\n  border-radius: 6px;\n  padding: 8px 12px;\n  width: 100%;\n`\n\nexport const StyledDebugArrow = styled.span`\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  flex-shrink: 0;\n\n  svg {\n    width: 100%;\n    height: 100%;\n  }\n`\n\nexport const StyledDebugIcon = styled.span`\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 14px;\n  height: 14px;\n  margin-right: 8px;\n  flex-shrink: 0;\n\n  svg {\n    width: 100%;\n    height: 100%;\n  }\n`\n\nexport const StyledDebugTitle = styled.span`\n  flex: 1;\n  display: flex;\n  align-items: center;\n\n  font-weight: 600;\n  font-size: 12px;\n  color: ${COLORS.N700};\n  line-height: 1.5;\n  white-space: nowrap;\n  gap: 4px;\n\n  span {\n    font-weight: 400;\n  }\n`\n\nexport const StyledDebugContent = styled.div`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n  min-width: 0;\n  overflow: hidden;\n\n  font-size: 12px;\n  line-height: 1.5;\n  color: ${COLORS.N700};\n`\n\nexport const StyledDebugDetail = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding: 0 28px;\n  line-height: 1.5;\n  width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  box-sizing: border-box;\n`\n\nexport const StyledDebugLabel = styled.strong`\n  color: ${COLORS.N700};\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 1.5;\n`\n\nexport const StyledDebugValue = styled.div`\n  font-weight: 600;\n  font-size: 12px;\n  color: ${COLORS.N700};\n  line-height: 1.5;\n  width: 100%;\n  overflow-wrap: break-word;\n  word-break: break-word;\n  white-space: pre-wrap;\n\n  > svg {\n    width: 14px;\n    height: 14px;\n    min-width: 14px;\n    min-height: 14px;\n    flex-shrink: 0;\n    display: inline-block;\n    vertical-align: middle;\n    margin-right: 8px;\n  }\n`\n\nexport const StyledDebugItemWithIcon = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 0;\n  font-weight: 600;\n  font-size: 12px;\n  color: ${COLORS.N700};\n  line-height: 1.5;\n  min-width: 0;\n  width: 100%;\n\n  &:not(:last-child) {\n    margin-bottom: 4px;\n  }\n\n  > svg {\n    width: 14px;\n    height: 14px;\n    min-width: 14px;\n    min-height: 14px;\n    flex-shrink: 0;\n    display: block;\n  }\n`\n\nexport const StyledDebugMetadata = styled.div`\n  margin-top: 8px;\n  padding-top: 12px;\n  border-top: 1px solid ${COLORS.N100};\n  color: ${COLORS.N700};\n  font-size: 12px;\n  padding-left: 28px;\n\n  > div {\n    margin-top: 6px;\n    font-weight: 400;\n  }\n`\n\nexport const StyledSeeInfo = styled.button`\n  border: 1px solid #c4c6d0;\n  border-radius: 6px;\n  padding: 8px;\n  height: 28px;\n  background-color: transparent;\n  color: #413f48;\n  font-family: 'Inter', sans-serif;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 1.5;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: fit-content;\n\n  &:hover {\n    background-color: ${COLORS.N100};\n  }\n`\n\ninterface StyledGuardrailItemProps {\n  $isLastItem?: boolean\n}\nexport const StyledGuardrailItem = styled.div<StyledGuardrailItemProps>`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding-left: 28px;\n  margin-bottom: ${({ $isLastItem }) => ($isLastItem ? '0' : '8px')};\n  font-size: 12px;\n  line-height: 1.5;\n  color: ${COLORS.N700};\n\n  svg {\n    width: 14px;\n    height: 14px;\n    flex-shrink: 0;\n  }\n`\n\nexport const StyledDebugContentWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  position: relative;\n  width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  margin-bottom: 8px;\n\n  /* Create line from first label to last label */\n  &::before {\n    content: '';\n    position: absolute;\n    left: 13px;\n    width: 1px;\n    background-color: ${COLORS.N100};\n    top: 0;\n    /* Height ends at last label's bottom position */\n    height: var(--last-label-bottom, 100%);\n  }\n\n  /* Change line color to N200 when collapsible event is hovered */\n  .collapsible:hover & {\n    &::before {\n      background-color: ${COLORS.N200};\n    }\n  }\n`\n\nexport const StyledGuardrailLabel = styled.span`\n  font-weight: 600;\n  font-size: 12px;\n  line-height: 1.5;\n  color: ${COLORS.N700};\n`\n\nexport const StyledGuardrailValue = styled.span`\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 1.5;\n  color: ${COLORS.N700};\n`\n\nexport const StyledSourceValue = styled.span`\n  font-weight: 600;\n  font-size: 12px;\n  line-height: 1.5;\n  color: ${COLORS.N700};\n`\n\nexport const StyledFileSourceValue = styled(StyledSourceValue)`\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  min-width: 0;\n  flex: 1;\n`\n\nexport const StyledUrlSourceValue = styled.a`\n  font-weight: 600;\n  font-size: 12px;\n  line-height: 1.5;\n  color: ${COLORS.N700};\n  text-decoration: none;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  min-width: 0;\n  width: 0;\n  flex: 1 1 0%;\n\n  &:hover {\n    text-decoration: underline;\n    color: ${COLORS.BOTONIC_BLUE};\n  }\n\n  &:visited {\n    color: ${COLORS.N700};\n  }\n`\n"],"names":["styled","COLORS","StyledDebugContainer","StyledDebugHeader","StyledDebugArrow","StyledDebugIcon","StyledDebugTitle","StyledDebugContent","StyledDebugDetail","StyledDebugLabel","StyledDebugValue","StyledDebugItemWithIcon","StyledDebugMetadata","StyledSeeInfo","StyledGuardrailItem","$isLastItem","StyledDebugContentWrapper","StyledGuardrailLabel","StyledGuardrailValue","StyledSourceValue","StyledFileSourceValue","StyledUrlSourceValue"],"mappings":";;;;;AAAsC;AAEE;AAEjC,MAAME,oBAAoBA,GAAGF,qBAAU,CAAC;;;;;;;oBAO3B,EAAEC,kBAAkB,CAAC;;;;;;;;;;;;;wBAajB,EAAEA,UAAU,CAAC;;;AAGrC,CAAC;AAEM,MAAME,iBAAiBA,GAAGH,qBAAU,CAAC;;;;;;;;;AAS5C,CAAC;AAEM,MAAMI,gBAAgBA,GAAGJ,sBAAW,CAAC;;;;;;;;;;;;AAY5C,CAAC;AAEM,MAAMK,eAAeA,GAAGL,sBAAW,CAAC;;;;;;;;;;;;;AAa3C,CAAC;AAEM,MAAMM,gBAAgBA,GAAGN,sBAAW,CAAC;;;;;;;SAOnC,EAAEC,WAAW,CAAC;;;;;;;;AAQvB,CAAC;AAEM,MAAMM,kBAAkBA,GAAGP,qBAAU,CAAC;;;;;;;;;;SAUpC,EAAEC,WAAW,CAAC;AACvB,CAAC;AAEM,MAAMO,iBAAiBA,GAAGR,qBAAU,CAAC;;;;;;;;;;AAU5C,CAAC;AAEM,MAAMS,gBAAgBA,GAAGT,wBAAa,CAAC;SACrC,EAAEC,WAAW,CAAC;;;;AAIvB,CAAC;AAEM,MAAMS,gBAAgBA,GAAGV,qBAAU,CAAC;;;SAGlC,EAAEC,WAAW,CAAC;;;;;;;;;;;;;;;;;AAiBvB,CAAC;AAEM,MAAMU,uBAAuBA,GAAGX,qBAAU,CAAC;;;;;;;SAOzC,EAAEC,WAAW,CAAC;;;;;;;;;;;;;;;;;AAiBvB,CAAC;AAEM,MAAMW,mBAAmBA,GAAGZ,qBAAU,CAAC;;;wBAGtB,EAAEC,WAAW,CAAC;SAC7B,EAAEA,WAAW,CAAC;;;;;;;;AAQvB,CAAC;AAEM,MAAMY,aAAaA,GAAGb,wBAAa,CAAC;;;;;;;;;;;;;;;;;;sBAkBrB,EAAEC,WAAW,CAAC;;AAEpC,CAAC;AAKM,MAAMa,mBAAmBA,GAAGd,qBAAoC,CAAC;;;;;iBAKvD,EAAE,CAAC,EAAEe,WAAW,EAAE,GAAMA,cAAc,MAAM,MAAO;;;SAG3D,EAAEd,WAAW,CAAC;;;;;;;AAOvB,CAAC;AAEM,MAAMe,yBAAyBA,GAAGhB,qBAAU,CAAC;;;;;;;;;;;;;;;;sBAgB9B,EAAEC,WAAW,CAAC;;;;;;;;;wBASZ,EAAEA,WAAW,CAAC;;;AAGtC,CAAC;AAEM,MAAMgB,oBAAoBA,GAAGjB,sBAAW,CAAC;;;;SAIvC,EAAEC,WAAW,CAAC;AACvB,CAAC;AAEM,MAAMiB,oBAAoBA,GAAGlB,sBAAW,CAAC;;;;SAIvC,EAAEC,WAAW,CAAC;AACvB,CAAC;AAEM,MAAMkB,iBAAiBA,GAAGnB,sBAAW,CAAC;;;;SAIpC,EAAEC,WAAW,CAAC;AACvB,CAAC;AAEM,MAAMmB,qBAAqBA,GAAGpB,iBAAMA,CAACmB,iBAAiBA,CAAC,CAAC;;;;;;;AAO/D,CAAC;AAEM,MAAME,oBAAoBA,GAAGrB,mBAAQ,CAAC;;;;SAIpC,EAAEC,WAAW,CAAC;;;;;;;;;;;WAWZ,EAAEA,mBAAmB,CAAC;;;;WAItB,EAAEA,WAAW,CAAC;;AAEzB,CAAC"}

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

@@ -1,5 +1,5 @@
 import type React from 'react';
-import type { AiAgentDebugEvent, AiAgentRouterDebugEvent, BotActionDebugEvent, ConditionalChannelDebugEvent, ConditionalCountryDebugEvent, ConditionalCustomDebugEvent, ConditionalQueueStatusDebugEvent, FallbackDebugEvent, HandoffSuccessDebugEvent, KeywordDebugEvent, RedirectFlowDebugEvent, SmartIntentDebugEvent, WebviewActionTriggeredDebugEvent } from './events';
+import type { AiAgentDebugEvent, AiAgentRouterDebugEvent, BotActionDebugEvent, ConditionalChannelDebugEvent, ConditionalCountryDebugEvent, ConditionalCustomDebugEvent, ConditionalQueueStatusDebugEvent, FallbackDebugEvent, HandoffSuccessDebugEvent, KeywordDebugEvent, RedirectFlowDebugEvent, SmartIntentDebugEvent, WebviewActionTriggeredDebugEvent } from './events/index.js';
 export interface IconProps {
     color?: string;
 }

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/system-debug-trace/types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"components/system-debug-trace/types.js","sources":["../../../../src/components/system-debug-trace/types.ts"],"sourcesContent":["import type React from 'react'\n\nimport type {\n  AiAgentDebugEvent,\n  AiAgentRouterDebugEvent,\n  BotActionDebugEvent,\n  ConditionalChannelDebugEvent,\n  ConditionalCountryDebugEvent,\n  ConditionalCustomDebugEvent,\n  ConditionalQueueStatusDebugEvent,\n  FallbackDebugEvent,\n  HandoffSuccessDebugEvent,\n  KeywordDebugEvent,\n  RedirectFlowDebugEvent,\n  SmartIntentDebugEvent,\n  WebviewActionTriggeredDebugEvent,\n} from './events'\n\nexport interface IconProps {\n  color?: string\n}\n\n// Union type of all debug event types\nexport type DebugEvent =\n  | KeywordDebugEvent\n  | AiAgentDebugEvent\n  | AiAgentRouterDebugEvent\n  | FallbackDebugEvent\n  | SmartIntentDebugEvent\n  | HandoffSuccessDebugEvent\n  | BotActionDebugEvent\n  | ConditionalChannelDebugEvent\n  | ConditionalCountryDebugEvent\n  | ConditionalCustomDebugEvent\n  | ConditionalQueueStatusDebugEvent\n  | RedirectFlowDebugEvent\n  | WebviewActionTriggeredDebugEvent\n\nexport interface DebugEventConfig {\n  action: string\n  title: React.ReactNode\n  component: React.ComponentType<any> | null\n  icon?: React.ReactNode\n  collapsible?: boolean\n}\n"],"names":[],"mappings":"AA4CC"}

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

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

package/lib/esm/components/text.js

@@ -1,52 +1,78 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Text = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@botonic/core");
-const react_1 = require("react");
-const react_2 = require("../util/react");
-const constants_1 = require("./constants");
-const markdown_1 = require("./markdown");
-const message_1 = require("./message");
-const serializeText = children => {
-    children = Array.isArray(children) ? children : [children];
-    const text = children
-        .filter(e => !e.type)
-        .map(e => {
+import { jsx } from "react/jsx-runtime";
+import { INPUT } from "@botonic/core";
+import { Children } from "react";
+import { mapObjectNonBooleanValues } from "../util/react.js";
+import { COMPONENT_DISPLAY_NAMES } from "./constants.js";
+import { serializeMarkdown, toMarkdownChildren } from "./markdown.js";
+import { Message } from "./message/index.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const serializeText = (children)=>{
+    children = Array.isArray(children) ? children : [
+        children
+    ];
+    const text = children.filter((e)=>!e.type).map((e)=>{
         if (Array.isArray(e)) {
             return serializeText(e);
-        }
-        else {
+        } else {
             return String(e);
         }
-    })
-        .join('');
+    }).join('');
     return text;
 };
-const serialize = (textProps) => {
+const serialize = (textProps)=>{
     if (!textProps.markdown) {
         return {
-            text: serializeText(textProps.children),
+            text: serializeText(textProps.children)
         };
     }
-    return { text: (0, markdown_1.serializeMarkdown)(textProps.children) };
+    return {
+        text: serializeMarkdown(textProps.children)
+    };
 };
-const Text = (props) => {
+const Text = (props)=>{
     const defaultTextProps = {
         markdown: props.markdown === undefined ? true : props.markdown,
-        botInteractionId: props.botInteractionId,
+        botInteractionId: props.botInteractionId
     };
-    const textProps = (0, react_2.mapObjectNonBooleanValues)({
+    const textProps = mapObjectNonBooleanValues({
         ...props,
         ...defaultTextProps,
-        ...{ children: react_1.Children.toArray(props.children) },
+        ...{
+            children: Children.toArray(props.children)
+        }
     });
     if (!textProps.markdown) {
-        return ((0, jsx_runtime_1.jsx)(message_1.Message, { json: serialize(textProps), ...textProps, type: core_1.INPUT.TEXT, children: textProps.children }));
+        return /*#__PURE__*/ jsx(Message, {
+            json: serialize(textProps),
+            ...textProps,
+            type: INPUT.TEXT,
+            children: textProps.children
+        });
     }
-    return ((0, jsx_runtime_1.jsx)(message_1.Message, { json: serialize(textProps), ...textProps, type: core_1.INPUT.TEXT, children: (0, markdown_1.toMarkdownChildren)(textProps.children) }));
+    return /*#__PURE__*/ jsx(Message, {
+        json: serialize(textProps),
+        ...textProps,
+        type: INPUT.TEXT,
+        children: toMarkdownChildren(textProps.children)
+    });
 };
-exports.Text = Text;
-exports.Text.displayName = constants_1.COMPONENT_DISPLAY_NAMES.Text;
-exports.Text.serialize = serialize;
+Text.displayName = COMPONENT_DISPLAY_NAMES.Text;
+Text.serialize = serialize;
+
+export { Text };
+
 //# sourceMappingURL=text.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../src/components/text.tsx"],"names":[],"mappings":";;;;AAAA,wCAAqC;AACrC,iCAAgC;AAEhC,yCAAyD;AACzD,2CAAqD;AAErD,yCAAkE;AAClE,uCAAmC;AAEnC,MAAM,aAAa,GAAG,QAAQ,CAAC,EAAE;IAC/B,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAA;IAC1D,MAAM,IAAI,GAAG,QAAQ;SAClB,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;SACpB,GAAG,CAAC,CAAC,CAAC,EAAE;QACP,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YACrB,OAAO,aAAa,CAAC,CAAC,CAAC,CAAA;QACzB,CAAC;aAAM,CAAC;YACN,OAAO,MAAM,CAAC,CAAC,CAAC,CAAA;QAClB,CAAC;IACH,CAAC,CAAC;SACD,IAAI,CAAC,EAAE,CAAC,CAAA;IACX,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,SAAoB,EAAE,EAAE;IACzC,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;QACxB,OAAO;YACL,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC;SACxC,CAAA;IACH,CAAC;IACD,OAAO,EAAE,IAAI,EAAE,IAAA,4BAAiB,EAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAA;AACxD,CAAC,CAAA;AAEM,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;IACvC,MAAM,gBAAgB,GAAG;QACvB,QAAQ,EAAE,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ;QAC9D,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;KACzC,CAAA;IAED,MAAM,SAAS,GAAG,IAAA,iCAAyB,EAAC;QAC1C,GAAG,KAAK;QACR,GAAG,gBAAgB;QACnB,GAAG,EAAE,QAAQ,EAAE,gBAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;KAClD,CAAC,CAAA;IAEF,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;QACxB,OAAO,CACL,uBAAC,iBAAO,IAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,KAAM,SAAS,EAAE,IAAI,EAAE,YAAK,CAAC,IAAI,YACjE,SAAS,CAAC,QAAQ,GACX,CACX,CAAA;IACH,CAAC;IACD,OAAO,CACL,uBAAC,iBAAO,IAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,KAAM,SAAS,EAAE,IAAI,EAAE,YAAK,CAAC,IAAI,YACjE,IAAA,6BAAkB,EAAC,SAAS,CAAC,QAAQ,CAAC,GAC/B,CACX,CAAA;AACH,CAAC,CAAA;AAxBY,QAAA,IAAI,QAwBhB;AAED,YAAI,CAAC,WAAW,GAAG,mCAAuB,CAAC,IAAI,CAAA;AAE/C,YAAI,CAAC,SAAS,GAAG,SAAS,CAAA"}
+{"version":3,"file":"components/text.js","sources":["../../../src/components/text.tsx"],"sourcesContent":["import { INPUT } from '@botonic/core'\nimport { Children } from 'react'\n\nimport { mapObjectNonBooleanValues } from '../util/react'\nimport { COMPONENT_DISPLAY_NAMES } from './constants'\nimport type { TextProps } from './index-types'\nimport { serializeMarkdown, toMarkdownChildren } from './markdown'\nimport { Message } from './message'\n\nconst serializeText = children => {\n  children = Array.isArray(children) ? children : [children]\n  const text = children\n    .filter(e => !e.type)\n    .map(e => {\n      if (Array.isArray(e)) {\n        return serializeText(e)\n      } else {\n        return String(e)\n      }\n    })\n    .join('')\n  return text\n}\n\nconst serialize = (textProps: TextProps) => {\n  if (!textProps.markdown) {\n    return {\n      text: serializeText(textProps.children),\n    }\n  }\n  return { text: serializeMarkdown(textProps.children) }\n}\n\nexport const Text = (props: TextProps) => {\n  const defaultTextProps = {\n    markdown: props.markdown === undefined ? true : props.markdown,\n    botInteractionId: props.botInteractionId,\n  }\n\n  const textProps = mapObjectNonBooleanValues({\n    ...props,\n    ...defaultTextProps,\n    ...{ children: Children.toArray(props.children) },\n  })\n\n  if (!textProps.markdown) {\n    return (\n      <Message json={serialize(textProps)} {...textProps} type={INPUT.TEXT}>\n        {textProps.children}\n      </Message>\n    )\n  }\n  return (\n    <Message json={serialize(textProps)} {...textProps} type={INPUT.TEXT}>\n      {toMarkdownChildren(textProps.children)}\n    </Message>\n  )\n}\n\nText.displayName = COMPONENT_DISPLAY_NAMES.Text\n\nText.serialize = serialize\n"],"names":["INPUT","Children","mapObjectNonBooleanValues","COMPONENT_DISPLAY_NAMES","serializeMarkdown","toMarkdownChildren","Message","serializeText","children","Array","text","e","String","serialize","textProps","Text","props","defaultTextProps","undefined"],"mappings":";;;;;;;;;;;;;;;;AAAqC;AACL;AAEyB;AACJ;AAEa;AAC/B;AAEnC,MAAMO,aAAaA,GAAGC,CAAAA;IACpBA,WAAWC,MAAM,OAAO,CAACD,YAAYA,WAAW;QAACA;KAAS;IAC1D,MAAME,OAAOF,SACV,MAAM,CAACG,CAAAA,IAAK,CAACA,EAAE,IAAI,EACnB,GAAG,CAACA,CAAAA;QACH,IAAIF,MAAM,OAAO,CAACE,IAAI;YACpB,OAAOJ,aAAaA,CAACI;QACvB,OAAO;YACL,OAAOC,OAAOD;QAChB;IACF,GACC,IAAI,CAAC;IACR,OAAOD;AACT;AAEA,MAAMG,SAASA,GAAG,CAACC;IACjB,IAAI,CAACA,UAAU,QAAQ,EAAE;QACvB,OAAO;YACL,MAAMP,aAAaA,CAACO,UAAU,QAAQ;QACxC;IACF;IACA,OAAO;QAAE,MAAMV,iBAAiBA,CAACU,UAAU,QAAQ;IAAE;AACvD;AAEO,MAAMC,IAAIA,GAAG,CAACC;IACnB,MAAMC,mBAAmB;QACvB,UAAUD,MAAM,QAAQ,KAAKE,YAAY,OAAOF,MAAM,QAAQ;QAC9D,kBAAkBA,MAAM,gBAAgB;IAC1C;IAEA,MAAMF,YAAYZ,yBAAyBA,CAAC;QAC1C,GAAGc,KAAK;QACR,GAAGC,gBAAgB;QACnB,GAAG;YAAE,UAAUhB,gBAAgB,CAACe,MAAM,QAAQ;QAAE,CAAC;IACnD;IAEA,IAAI,CAACF,UAAU,QAAQ,EAAE;QACvB,qBACE,IAACR,OAAOA;YAAC,MAAMO,SAASA,CAACC;YAAa,GAAGA,SAAS;YAAE,MAAMd,UAAU;sBACjEc,UAAU,QAAQ;;IAGzB;IACA,qBACE,IAACR,OAAOA;QAAC,MAAMO,SAASA,CAACC;QAAa,GAAGA,SAAS;QAAE,MAAMd,UAAU;kBACjEK,kBAAkBA,CAACS,UAAU,QAAQ;;AAG5C,EAAC;AAEDC,IAAIA,CAAC,WAAW,GAAGZ,4BAA4B;AAE/CY,IAAIA,CAAC,SAAS,GAAGF,SAASA"}

package/lib/esm/components/title.js

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