@botonic/react 0.55.1 → 0.57.0-rslib-esm.0

package/lib/esm/components/multichannel/multichannel-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"multichannel-utils.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-utils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"components/multichannel/multichannel-utils.js","sources":["../../../../src/components/multichannel/multichannel-utils.ts"],"sourcesContent":["import { COMPONENT_DISPLAY_NAMES } from '../constants'\n\ninterface ReactElementWithDisplayName {\n  type?: {\n    displayName?: string\n  }\n}\n\ninterface ElementWithProps {\n  props?: {\n    url?: string\n    payload?: string\n    path?: string\n    webview?: unknown\n  }\n}\n\nexport function isMultichannelButton(\n  node?: ReactElementWithDisplayName\n): boolean {\n  return node?.type?.displayName === COMPONENT_DISPLAY_NAMES.MultichannelButton\n}\n\nexport function isMultichannelReply(\n  node?: ReactElementWithDisplayName\n): boolean {\n  return node?.type?.displayName === COMPONENT_DISPLAY_NAMES.MultichannelReply\n}\n\nexport function isNodeText(node?: ReactElementWithDisplayName): boolean {\n  return node?.type?.displayName === COMPONENT_DISPLAY_NAMES.Text\n}\n\nexport function isNodeButton(node?: ReactElementWithDisplayName): boolean {\n  return node?.type?.displayName === COMPONENT_DISPLAY_NAMES.Button\n}\n\nexport function isNodeCarousel(node?: ReactElementWithDisplayName): boolean {\n  return node?.type?.displayName === COMPONENT_DISPLAY_NAMES.Carousel\n}\n\nexport function isNodeReply(node?: ReactElementWithDisplayName): boolean {\n  return node?.type?.displayName === COMPONENT_DISPLAY_NAMES.Reply\n}\n\nexport function isNodePic(node?: ReactElementWithDisplayName): boolean {\n  return node?.type?.displayName === COMPONENT_DISPLAY_NAMES.Pic\n}\n\nexport function isNodeTitle(node?: ReactElementWithDisplayName): boolean {\n  return node?.type?.displayName === COMPONENT_DISPLAY_NAMES.Title\n}\n\nexport function isNodeSubtitle(node?: ReactElementWithDisplayName): boolean {\n  return node?.type?.displayName === COMPONENT_DISPLAY_NAMES.Subtitle\n}\n\nexport function elementHasUrl(element?: ElementWithProps): string | undefined {\n  return element?.props?.url\n}\n\nexport function elementHasPostback(\n  element?: ElementWithProps\n): string | undefined {\n  return element?.props?.payload || element?.props?.path\n}\n\nexport function elementHasWebview(element?: ElementWithProps): unknown {\n  return element?.props?.webview\n}\n\nexport const buttonTypes = {\n  POSTBACK: 'postback',\n  URL: 'url',\n  WEBVIEW: 'webview',\n} as const\n\nexport type ButtonType = (typeof buttonTypes)[keyof typeof buttonTypes]\n\nexport function getButtonType(\n  multichannelButton?: ElementWithProps\n): ButtonType | undefined {\n  if (elementHasUrl(multichannelButton)) {\n    return buttonTypes.URL\n  }\n  if (elementHasPostback(multichannelButton)) {\n    return buttonTypes.POSTBACK\n  }\n  if (elementHasWebview(multichannelButton)) {\n    return buttonTypes.WEBVIEW\n  }\n\n  return undefined\n}\n\nexport function getFilteredElements<T extends ReactElementWithDisplayName>(\n  node: Iterable<T>,\n  filter: (n: T) => boolean\n): T[] {\n  const elements: T[] = []\n  for (const n of node) {\n    if (filter(n)) {\n      elements.push(n)\n    }\n  }\n  return elements\n}\n\nexport function getMultichannelButtons(\n  node: Iterable<ReactElementWithDisplayName>\n): ReactElementWithDisplayName[] {\n  return getFilteredElements(node, isMultichannelButton)\n}\n\nexport function getMultichannelReplies(\n  node: Iterable<ReactElementWithDisplayName>\n): ReactElementWithDisplayName[] {\n  return getFilteredElements(node, isMultichannelReply)\n}\n"],"names":["COMPONENT_DISPLAY_NAMES","isMultichannelButton","node","isMultichannelReply","isNodeText","isNodeButton","isNodeCarousel","isNodeReply","isNodePic","isNodeTitle","isNodeSubtitle","elementHasUrl","element","elementHasPostback","elementHasWebview","buttonTypes","getButtonType","multichannelButton","undefined","getFilteredElements","filter","elements","n","getMultichannelButtons","getMultichannelReplies"],"mappings":";;;AAAsD;AAiB/C,SAASC,oBAAoBA,CAClCC,IAAkC;IAElC,OAAOA,MAAM,MAAM,gBAAgBF,0CAA0C;AAC/E;AAEO,SAASG,mBAAmBA,CACjCD,IAAkC;IAElC,OAAOA,MAAM,MAAM,gBAAgBF,yCAAyC;AAC9E;AAEO,SAASI,UAAUA,CAACF,IAAkC;IAC3D,OAAOA,MAAM,MAAM,gBAAgBF,4BAA4B;AACjE;AAEO,SAASK,YAAYA,CAACH,IAAkC;IAC7D,OAAOA,MAAM,MAAM,gBAAgBF,8BAA8B;AACnE;AAEO,SAASM,cAAcA,CAACJ,IAAkC;IAC/D,OAAOA,MAAM,MAAM,gBAAgBF,gCAAgC;AACrE;AAEO,SAASO,WAAWA,CAACL,IAAkC;IAC5D,OAAOA,MAAM,MAAM,gBAAgBF,6BAA6B;AAClE;AAEO,SAASQ,SAASA,CAACN,IAAkC;IAC1D,OAAOA,MAAM,MAAM,gBAAgBF,2BAA2B;AAChE;AAEO,SAASS,WAAWA,CAACP,IAAkC;IAC5D,OAAOA,MAAM,MAAM,gBAAgBF,6BAA6B;AAClE;AAEO,SAASU,cAAcA,CAACR,IAAkC;IAC/D,OAAOA,MAAM,MAAM,gBAAgBF,gCAAgC;AACrE;AAEO,SAASW,aAAaA,CAACC,OAA0B;IACtD,OAAOA,SAAS,OAAO;AACzB;AAEO,SAASC,kBAAkBA,CAChCD,OAA0B;IAE1B,OAAOA,SAAS,OAAO,WAAWA,SAAS,OAAO;AACpD;AAEO,SAASE,iBAAiBA,CAACF,OAA0B;IAC1D,OAAOA,SAAS,OAAO;AACzB;AAEO,MAAMG,WAAWA,GAAG;IACzB,UAAU;IACV,KAAK;IACL,SAAS;AACX,EAAU;AAIH,SAASC,aAAaA,CAC3BC,kBAAqC;IAErC,IAAIN,aAAaA,CAACM,qBAAqB;QACrC,OAAOF,WAAWA,CAAC,GAAG;IACxB;IACA,IAAIF,kBAAkBA,CAACI,qBAAqB;QAC1C,OAAOF,WAAWA,CAAC,QAAQ;IAC7B;IACA,IAAID,iBAAiBA,CAACG,qBAAqB;QACzC,OAAOF,WAAWA,CAAC,OAAO;IAC5B;IAEA,OAAOG;AACT;AAEO,SAASC,mBAAmBA,CACjCjB,IAAiB,EACjBkB,MAAyB;IAEzB,MAAMC,WAAgB,EAAE;IACxB,KAAK,MAAMC,KAAKpB,KAAM;QACpB,IAAIkB,OAAOE,IAAI;YACbD,SAAS,IAAI,CAACC;QAChB;IACF;IACA,OAAOD;AACT;AAEO,SAASE,sBAAsBA,CACpCrB,IAA2C;IAE3C,OAAOiB,mBAAmBA,CAACjB,MAAMD,oBAAoBA;AACvD;AAEO,SAASuB,sBAAsBA,CACpCtB,IAA2C;IAE3C,OAAOiB,mBAAmBA,CAACjB,MAAMC,mBAAmBA;AACtD"}

package/lib/esm/components/multichannel/multichannel.js

@@ -1,63 +1,111 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Multichannel = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const core_1 = require("@botonic/core");
-const react_2 = require("react");
-const contexts_1 = require("../../contexts");
-const react_3 = require("../../util/react");
-const text_1 = require("../text");
-const multichannel_button_1 = require("./multichannel-button");
-const multichannel_carousel_1 = require("./multichannel-carousel");
-const multichannel_context_1 = require("./multichannel-context");
-const multichannel_reply_1 = require("./multichannel-reply");
-const multichannel_text_1 = require("./multichannel-text");
-const multichannel_utils_1 = require("./multichannel-utils");
-const constants_1 = require("./whatsapp/constants");
-const Multichannel = props => {
-    const requestContext = (0, react_2.useContext)(contexts_1.RequestContext);
-    if (!(0, core_1.isWhatsapp)(requestContext.session) &&
-        !(0, core_1.isFacebook)(requestContext.session) &&
-        !(0, core_1.isInstagram)(requestContext.session)) {
+import { jsx } from "react/jsx-runtime";
+import { createElement, useContext } from "react";
+import { isFacebook, isInstagram, isWhatsapp } from "@botonic/core";
+import { RequestContext } from "../../contexts.js";
+import { deepMapWithIndex } from "../../util/react.js";
+import { Text } from "../text.js";
+import { MultichannelButton } from "./multichannel-button.js";
+import { MultichannelCarousel } from "./multichannel-carousel.js";
+import { MultichannelContext } from "./multichannel-context.js";
+import { MultichannelReply } from "./multichannel-reply.js";
+import { MultichannelText } from "./multichannel-text.js";
+import { isNodeButton, isNodeCarousel, isNodeReply, isNodeText } from "./multichannel-utils.js";
+import { MULTICHANNEL_WHATSAPP_PROPS } from "./whatsapp/constants.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const Multichannel = (props)=>{
+    const requestContext = useContext(RequestContext);
+    if (!isWhatsapp(requestContext.session) && !isFacebook(requestContext.session) && !isInstagram(requestContext.session)) {
         return props.children;
     }
-    if ((0, core_1.isFacebook)(requestContext.session) ||
-        (0, core_1.isInstagram)(requestContext.session)) {
-        const newChildren = (0, react_3.deepMapWithIndex)(props.children, child => {
-            if ((0, multichannel_utils_1.isNodeText)(child)) {
-                return ((0, react_1.createElement)(multichannel_text_1.MultichannelText, { ...child.props, key: child.key }, child.props.children));
+    if (isFacebook(requestContext.session) || isInstagram(requestContext.session)) {
+        const newChildren = deepMapWithIndex(props.children, (child)=>{
+            if (isNodeText(child)) {
+                return /*#__PURE__*/ createElement(MultichannelText, {
+                    ...child.props,
+                    key: child.key
+                }, child.props.children);
             }
             return child;
         });
         return newChildren;
     }
-    let newChildren = (0, react_3.deepMapWithIndex)(props.children, (child, index) => {
-        if ((0, multichannel_utils_1.isNodeButton)(child)) {
-            return ((0, react_1.createElement)(multichannel_button_1.MultichannelButton, { ...child.props, key: child.key }, child.props.children));
+    let newChildren = deepMapWithIndex(props.children, (child, index)=>{
+        if (isNodeButton(child)) {
+            return /*#__PURE__*/ createElement(MultichannelButton, {
+                ...child.props,
+                key: child.key
+            }, child.props.children);
         }
-        if ((0, multichannel_utils_1.isNodeReply)(child)) {
-            return ((0, react_1.createElement)(multichannel_reply_1.MultichannelReply, { ...child.props, key: child.key }, child.props.children));
+        if (isNodeReply(child)) {
+            return /*#__PURE__*/ createElement(MultichannelReply, {
+                ...child.props,
+                key: child.key
+            }, child.props.children);
         }
-        if ((0, multichannel_utils_1.isNodeText)(child)) {
-            return ((0, react_1.createElement)(multichannel_text_1.MultichannelText, { ...child.props, ...props.text, key: child.key, ...(props.messageSeparator &&
-                    index > 0 && { newline: props.messageSeparator }) }, child.props.children));
+        if (isNodeText(child)) {
+            return /*#__PURE__*/ createElement(MultichannelText, {
+                ...child.props,
+                ...props.text,
+                key: child.key,
+                ...props.messageSeparator && index > 0 && {
+                    newline: props.messageSeparator
+                }
+            }, child.props.children);
         }
-        if ((0, multichannel_utils_1.isNodeCarousel)(child)) {
-            return ((0, react_1.createElement)(multichannel_carousel_1.MultichannelCarousel, { ...child.props, ...props.carousel, key: child.key }, child.props.children));
+        if (isNodeCarousel(child)) {
+            return /*#__PURE__*/ createElement(MultichannelCarousel, {
+                ...child.props,
+                ...props.carousel,
+                key: child.key
+            }, child.props.children);
         }
         return child;
     });
     if (props.messageSeparator != null) {
-        newChildren = newChildren.map((c, index) => index > 0 && typeof c === 'string' ? props.messageSeparator + c : c);
-        newChildren = ((0, jsx_runtime_1.jsx)(text_1.Text, { ...constants_1.MULTICHANNEL_WHATSAPP_PROPS, children: newChildren }, props.key));
+        newChildren = newChildren.map((c, index)=>index > 0 && typeof c === 'string' ? props.messageSeparator + c : c);
+        newChildren = /*#__PURE__*/ jsx(Text, {
+            ...MULTICHANNEL_WHATSAPP_PROPS,
+            children: newChildren
+        }, props.key);
     }
-    return ((0, jsx_runtime_1.jsx)(multichannel_context_1.MultichannelContext.Provider, { value: {
+    return /*#__PURE__*/ jsx(MultichannelContext.Provider, {
+        value: {
             currentIndex: props.firstIndex,
             boldIndex: props.boldIndex,
             indexSeparator: props.indexSeparator,
-            messageSeparator: props.messageSeparator,
-        }, children: newChildren }));
+            messageSeparator: props.messageSeparator
+        },
+        children: newChildren
+    });
 };
-exports.Multichannel = Multichannel;
+
+export { Multichannel };
+
 //# sourceMappingURL=multichannel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"multichannel.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel.jsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"components/multichannel/multichannel.js","sources":["../../../../src/components/multichannel/multichannel.jsx"],"sourcesContent":["import { isFacebook, isInstagram, isWhatsapp } from '@botonic/core'\nimport { useContext } from 'react'\n\nimport { RequestContext } from '../../contexts'\nimport { deepMapWithIndex } from '../../util/react'\nimport { Text } from '../text'\nimport { MultichannelButton } from './multichannel-button'\nimport { MultichannelCarousel } from './multichannel-carousel'\nimport { MultichannelContext } from './multichannel-context'\nimport { MultichannelReply } from './multichannel-reply'\nimport { MultichannelText } from './multichannel-text'\nimport {\n  isNodeButton,\n  isNodeCarousel,\n  isNodeReply,\n  isNodeText,\n} from './multichannel-utils'\nimport { MULTICHANNEL_WHATSAPP_PROPS } from './whatsapp/constants'\n\nexport const Multichannel = props => {\n  const requestContext = useContext(RequestContext)\n  if (\n    !isWhatsapp(requestContext.session) &&\n    !isFacebook(requestContext.session) &&\n    !isInstagram(requestContext.session)\n  ) {\n    return props.children\n  }\n  if (\n    isFacebook(requestContext.session) ||\n    isInstagram(requestContext.session)\n  ) {\n    const newChildren = deepMapWithIndex(props.children, child => {\n      if (isNodeText(child)) {\n        return (\n          <MultichannelText {...child.props} key={child.key}>\n            {child.props.children}\n          </MultichannelText>\n        )\n      }\n      return child\n    })\n    return newChildren\n  }\n\n  let newChildren = deepMapWithIndex(props.children, (child, index) => {\n    if (isNodeButton(child)) {\n      return (\n        <MultichannelButton {...child.props} key={child.key}>\n          {child.props.children}\n        </MultichannelButton>\n      )\n    }\n    if (isNodeReply(child)) {\n      return (\n        <MultichannelReply {...child.props} key={child.key}>\n          {child.props.children}\n        </MultichannelReply>\n      )\n    }\n    if (isNodeText(child)) {\n      return (\n        <MultichannelText\n          {...child.props}\n          {...props.text}\n          key={child.key}\n          {...(props.messageSeparator &&\n            index > 0 && { newline: props.messageSeparator })}\n        >\n          {child.props.children}\n        </MultichannelText>\n      )\n    }\n    if (isNodeCarousel(child)) {\n      return (\n        <MultichannelCarousel\n          {...child.props}\n          {...props.carousel}\n          key={child.key}\n        >\n          {child.props.children}\n        </MultichannelCarousel>\n      )\n    }\n    return child\n  })\n  if (props.messageSeparator != null) {\n    newChildren = newChildren.map((c, index) =>\n      index > 0 && typeof c === 'string' ? props.messageSeparator + c : c\n    )\n    newChildren = (\n      <Text key={props.key} {...MULTICHANNEL_WHATSAPP_PROPS}>\n        {newChildren}\n      </Text>\n    )\n  }\n  return (\n    <MultichannelContext.Provider\n      value={{\n        currentIndex: props.firstIndex,\n        boldIndex: props.boldIndex,\n        indexSeparator: props.indexSeparator,\n        messageSeparator: props.messageSeparator,\n      }}\n    >\n      {newChildren}\n    </MultichannelContext.Provider>\n  )\n}\n"],"names":["isFacebook","isInstagram","isWhatsapp","useContext","RequestContext","deepMapWithIndex","Text","MultichannelButton","MultichannelCarousel","MultichannelContext","MultichannelReply","MultichannelText","isNodeButton","isNodeCarousel","isNodeReply","isNodeText","MULTICHANNEL_WHATSAPP_PROPS","Multichannel","props","requestContext","newChildren","child","index","c"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAmE;AACjC;AAEa;AACI;AACrB;AAC4B;AACI;AACF;AACJ;AACF;AAMzB;AACqC;AAE3D,MAAMiB,YAAYA,GAAGC,CAAAA;IAC1B,MAAMC,iBAAiBhB,UAAUA,CAACC,cAAcA;IAChD,IACE,CAACF,UAAUA,CAACiB,eAAe,OAAO,KAClC,CAACnB,UAAUA,CAACmB,eAAe,OAAO,KAClC,CAAClB,WAAWA,CAACkB,eAAe,OAAO,GACnC;QACA,OAAOD,MAAM,QAAQ;IACvB;IACA,IACElB,UAAUA,CAACmB,eAAe,OAAO,KACjClB,WAAWA,CAACkB,eAAe,OAAO,GAClC;QACA,MAAMC,cAAcf,gBAAgBA,CAACa,MAAM,QAAQ,EAAEG,CAAAA;YACnD,IAAIN,UAAUA,CAACM,QAAQ;gBACrB,qBACE,cAACV,gBAAgBA;oBAAE,GAAGU,MAAM,KAAK;oBAAE,KAAKA,MAAM,GAAG;mBAC9CA,MAAM,KAAK,CAAC,QAAQ;YAG3B;YACA,OAAOA;QACT;QACA,OAAOD;IACT;IAEA,IAAIA,cAAcf,gBAAgBA,CAACa,MAAM,QAAQ,EAAE,CAACG,OAAOC;QACzD,IAAIV,YAAYA,CAACS,QAAQ;YACvB,qBACE,cAACd,kBAAkBA;gBAAE,GAAGc,MAAM,KAAK;gBAAE,KAAKA,MAAM,GAAG;eAChDA,MAAM,KAAK,CAAC,QAAQ;QAG3B;QACA,IAAIP,WAAWA,CAACO,QAAQ;YACtB,qBACE,cAACX,iBAAiBA;gBAAE,GAAGW,MAAM,KAAK;gBAAE,KAAKA,MAAM,GAAG;eAC/CA,MAAM,KAAK,CAAC,QAAQ;QAG3B;QACA,IAAIN,UAAUA,CAACM,QAAQ;YACrB,qBACE,cAACV,gBAAgBA;gBACd,GAAGU,MAAM,KAAK;gBACd,GAAGH,MAAM,IAAI;gBACd,KAAKG,MAAM,GAAG;gBACb,GAAIH,MAAM,gBAAgB,IACzBI,QAAQ,KAAK;oBAAE,SAASJ,MAAM,gBAAgB;gBAAC,CAAC;eAEjDG,MAAM,KAAK,CAAC,QAAQ;QAG3B;QACA,IAAIR,cAAcA,CAACQ,QAAQ;YACzB,qBACE,cAACb,oBAAoBA;gBAClB,GAAGa,MAAM,KAAK;gBACd,GAAGH,MAAM,QAAQ;gBAClB,KAAKG,MAAM,GAAG;eAEbA,MAAM,KAAK,CAAC,QAAQ;QAG3B;QACA,OAAOA;IACT;IACA,IAAIH,MAAM,gBAAgB,IAAI,MAAM;QAClCE,cAAcA,YAAY,GAAG,CAAC,CAACG,GAAGD,QAChCA,QAAQ,KAAK,OAAOC,MAAM,WAAWL,MAAM,gBAAgB,GAAGK,IAAIA;QAEpEH,4BACE,IAACd,IAAIA;YAAkB,GAAGU,2BAA2B;sBAClDI;WADQF,MAAM,GAAG;IAIxB;IACA,qBACE,IAACT,4BAA4B;QAC3B,OAAO;YACL,cAAcS,MAAM,UAAU;YAC9B,WAAWA,MAAM,SAAS;YAC1B,gBAAgBA,MAAM,cAAc;YACpC,kBAAkBA,MAAM,gBAAgB;QAC1C;kBAECE;;AAGP,EAAC"}

package/lib/esm/components/multichannel/whatsapp/constants.js

@@ -1,14 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MENU_BUTTON_WHATSAPP_BUTTON_LIST = exports.DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR = exports.WHATSAPP_MAX_FOOTER_CHARS = exports.WHATSAPP_MAX_CAROUSEL_CARD_TEXT_CHARS = exports.WHATSAPP_MAX_BODY_CHARS = exports.WHATSAPP_MAX_HEADER_CHARS = exports.WHATSAPP_MAX_BUTTON_CHARS = exports.WHATSAPP_LIST_MAX_BUTTONS = exports.WHATSAPP_MAX_BUTTONS = exports.MULTICHANNEL_WHATSAPP_PROPS = void 0;
-exports.MULTICHANNEL_WHATSAPP_PROPS = { markdown: false };
-exports.WHATSAPP_MAX_BUTTONS = 3;
-exports.WHATSAPP_LIST_MAX_BUTTONS = 10;
-exports.WHATSAPP_MAX_BUTTON_CHARS = 20;
-exports.WHATSAPP_MAX_HEADER_CHARS = 60;
-exports.WHATSAPP_MAX_BODY_CHARS = 1024;
-exports.WHATSAPP_MAX_CAROUSEL_CARD_TEXT_CHARS = 160;
-exports.WHATSAPP_MAX_FOOTER_CHARS = 60;
-exports.DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR = 'More options:';
-exports.MENU_BUTTON_WHATSAPP_BUTTON_LIST = 'Show options';
+const MULTICHANNEL_WHATSAPP_PROPS = {
+    markdown: false
+};
+const WHATSAPP_MAX_BUTTONS = 3;
+const WHATSAPP_LIST_MAX_BUTTONS = 10;
+const WHATSAPP_MAX_BUTTON_CHARS = 20;
+const WHATSAPP_MAX_HEADER_CHARS = 60;
+const WHATSAPP_MAX_BODY_CHARS = 1024;
+const WHATSAPP_MAX_CAROUSEL_CARD_TEXT_CHARS = 160;
+const WHATSAPP_MAX_FOOTER_CHARS = 60;
+const DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR = 'More options:';
+const MENU_BUTTON_WHATSAPP_BUTTON_LIST = 'Show options';
+
+export { DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR, MENU_BUTTON_WHATSAPP_BUTTON_LIST, MULTICHANNEL_WHATSAPP_PROPS, WHATSAPP_LIST_MAX_BUTTONS, WHATSAPP_MAX_BODY_CHARS, WHATSAPP_MAX_BUTTONS, WHATSAPP_MAX_BUTTON_CHARS, WHATSAPP_MAX_CAROUSEL_CARD_TEXT_CHARS, WHATSAPP_MAX_FOOTER_CHARS, WHATSAPP_MAX_HEADER_CHARS };
+
 //# sourceMappingURL=constants.js.map

package/lib/esm/components/multichannel/whatsapp/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../src/components/multichannel/whatsapp/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,2BAA2B,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAA;AAEjD,QAAA,oBAAoB,GAAG,CAAC,CAAA;AACxB,QAAA,yBAAyB,GAAG,EAAE,CAAA;AAC9B,QAAA,yBAAyB,GAAG,EAAE,CAAA;AAC9B,QAAA,yBAAyB,GAAG,EAAE,CAAA;AAC9B,QAAA,uBAAuB,GAAG,IAAI,CAAA;AAC9B,QAAA,qCAAqC,GAAG,GAAG,CAAA;AAC3C,QAAA,yBAAyB,GAAG,EAAE,CAAA;AAC9B,QAAA,qCAAqC,GAAG,eAAe,CAAA;AACvD,QAAA,gCAAgC,GAAG,cAAc,CAAA"}
+{"version":3,"file":"components/multichannel/whatsapp/constants.js","sources":["../../../../../src/components/multichannel/whatsapp/constants.ts"],"sourcesContent":["export const MULTICHANNEL_WHATSAPP_PROPS = { markdown: false }\n\nexport const WHATSAPP_MAX_BUTTONS = 3\nexport const WHATSAPP_LIST_MAX_BUTTONS = 10\nexport const WHATSAPP_MAX_BUTTON_CHARS = 20\nexport const WHATSAPP_MAX_HEADER_CHARS = 60\nexport const WHATSAPP_MAX_BODY_CHARS = 1024\nexport const WHATSAPP_MAX_CAROUSEL_CARD_TEXT_CHARS = 160\nexport const WHATSAPP_MAX_FOOTER_CHARS = 60\nexport const DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR = 'More options:'\nexport const MENU_BUTTON_WHATSAPP_BUTTON_LIST = 'Show options'\n"],"names":["MULTICHANNEL_WHATSAPP_PROPS","WHATSAPP_MAX_BUTTONS","WHATSAPP_LIST_MAX_BUTTONS","WHATSAPP_MAX_BUTTON_CHARS","WHATSAPP_MAX_HEADER_CHARS","WHATSAPP_MAX_BODY_CHARS","WHATSAPP_MAX_CAROUSEL_CARD_TEXT_CHARS","WHATSAPP_MAX_FOOTER_CHARS","DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR","MENU_BUTTON_WHATSAPP_BUTTON_LIST"],"mappings":"AAAO,MAAMA,2BAA2BA,GAAG;IAAE,UAAU;AAAM,EAAC;AAEvD,MAAMC,oBAAoBA,GAAG,EAAC;AAC9B,MAAMC,yBAAyBA,GAAG,GAAE;AACpC,MAAMC,yBAAyBA,GAAG,GAAE;AACpC,MAAMC,yBAAyBA,GAAG,GAAE;AACpC,MAAMC,uBAAuBA,GAAG,KAAI;AACpC,MAAMC,qCAAqCA,GAAG,IAAG;AACjD,MAAMC,yBAAyBA,GAAG,GAAE;AACpC,MAAMC,qCAAqCA,GAAG,gBAAe;AAC7D,MAAMC,gCAAgCA,GAAG,eAAc"}

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

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.convertToMarkdownMeta = convertToMarkdownMeta;
 const REGEX_MARKDOWN_BOLD = /(\*\*|__)(.*?)\1/g;
 const REGEX_MARKDOWN_ITALIC = /(\*|_)(.*?)\1/g;
 const REGEX_MARKDOWN_LINK = /\[([^\]]+)\]\(([^)]+)\)/g;
@@ -38,4 +35,7 @@ function replaceMarkdownLinks(text) {
     // $1 = textUrl, $2 = linkUrl
     return text.replace(REGEX_MARKDOWN_LINK, '$1: $2');
 }
+
+export { convertToMarkdownMeta };
+
 //# sourceMappingURL=markdown-meta.js.map

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":";;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"}
+{"version":3,"file":"components/multichannel/whatsapp/markdown-meta.js","sources":["../../../../../src/components/multichannel/whatsapp/markdown-meta.ts"],"sourcesContent":["const REGEX_MARKDOWN_BOLD = /(\\*\\*|__)(.*?)\\1/g\nconst REGEX_MARKDOWN_ITALIC = /(\\*|_)(.*?)\\1/g\nconst REGEX_MARKDOWN_LINK = /\\[([^\\]]+)\\]\\(([^)]+)\\)/g\n\nconst NORMALIZED_BOLD = '&%BOLD%&'\nconst REGEX_NORMALIZED_BOLD = new RegExp(\n  `${NORMALIZED_BOLD}(.*?)${NORMALIZED_BOLD}`,\n  'g'\n)\nconst NORMALIZED_ITALIC = '&%ITALIC%&'\nconst REGEX_NORMALIZED_ITALIC = new RegExp(\n  `${NORMALIZED_ITALIC}(.*?)${NORMALIZED_ITALIC}`,\n  'g'\n)\n\nconst WHATSAPP_BOLD = '*'\nconst WHATSAPP_ITALIC = '_'\n\n// Convert markdown to WhatsApp and Facebook format\nexport function convertToMarkdownMeta(text: string): string {\n  const textWithBoldAndItalic = replaceBoldAndItalic(text)\n\n  return replaceMarkdownLinks(textWithBoldAndItalic)\n}\n\nfunction replaceBoldAndItalic(text: string) {\n  const normalizedText = normalizeBoldAndItalic(text)\n  const boldAndItalicText = normalizedToMarkdownMeta(normalizedText)\n\n  return boldAndItalicText\n}\n\nfunction normalizeBoldAndItalic(text: string): string {\n  // Normalize bold\n  text = text.replace(\n    REGEX_MARKDOWN_BOLD,\n    `${NORMALIZED_BOLD}$2${NORMALIZED_BOLD}`\n  )\n  // Normalize italic\n  text = text.replace(\n    REGEX_MARKDOWN_ITALIC,\n    `${NORMALIZED_ITALIC}$2${NORMALIZED_ITALIC}`\n  )\n\n  return text\n}\n\nfunction normalizedToMarkdownMeta(text: string): string {\n  // convert &%BOLD%&text&%BOLD%& to *text*\n  text = text.replace(\n    REGEX_NORMALIZED_BOLD,\n    `${WHATSAPP_BOLD}$1${WHATSAPP_BOLD}`\n  )\n  // convert &%ITALIC%&text&%ITALIC%& to _text_\n  text = text.replace(\n    REGEX_NORMALIZED_ITALIC,\n    `${WHATSAPP_ITALIC}$1${WHATSAPP_ITALIC}`\n  )\n\n  return text\n}\n\nfunction replaceMarkdownLinks(text: string) {\n  // $1 = textUrl, $2 = linkUrl\n  return text.replace(REGEX_MARKDOWN_LINK, '$1: $2')\n}\n"],"names":["REGEX_MARKDOWN_BOLD","REGEX_MARKDOWN_ITALIC","REGEX_MARKDOWN_LINK","NORMALIZED_BOLD","REGEX_NORMALIZED_BOLD","RegExp","NORMALIZED_ITALIC","REGEX_NORMALIZED_ITALIC","WHATSAPP_BOLD","WHATSAPP_ITALIC","convertToMarkdownMeta","text","textWithBoldAndItalic","replaceBoldAndItalic","replaceMarkdownLinks","normalizedText","normalizeBoldAndItalic","boldAndItalicText","normalizedToMarkdownMeta"],"mappings":"AAAA,MAAMA,mBAAmBA,GAAG;AAC5B,MAAMC,qBAAqBA,GAAG;AAC9B,MAAMC,mBAAmBA,GAAG;AAE5B,MAAMC,eAAeA,GAAG;AACxB,MAAMC,qBAAqBA,GAAG,IAAIC,OAChC,GAAGF,eAAeA,CAAC,KAAK,EAAEA,eAAeA,EAAE,EAC3C;AAEF,MAAMG,iBAAiBA,GAAG;AAC1B,MAAMC,uBAAuBA,GAAG,IAAIF,OAClC,GAAGC,iBAAiBA,CAAC,KAAK,EAAEA,iBAAiBA,EAAE,EAC/C;AAGF,MAAME,aAAaA,GAAG;AACtB,MAAMC,eAAeA,GAAG;AAExB,mDAAmD;AAC5C,SAASC,qBAAqBA,CAACC,IAAY;IAChD,MAAMC,wBAAwBC,oBAAoBA,CAACF;IAEnD,OAAOG,oBAAoBA,CAACF;AAC9B;AAEA,SAASC,oBAAoBA,CAACF,IAAY;IACxC,MAAMI,iBAAiBC,sBAAsBA,CAACL;IAC9C,MAAMM,oBAAoBC,wBAAwBA,CAACH;IAEnD,OAAOE;AACT;AAEA,SAASD,sBAAsBA,CAACL,IAAY;IAC1C,iBAAiB;IACjBA,OAAOA,KAAK,OAAO,CACjBX,mBAAmBA,EACnB,GAAGG,eAAeA,CAAC,EAAE,EAAEA,eAAeA,EAAE;IAE1C,mBAAmB;IACnBQ,OAAOA,KAAK,OAAO,CACjBV,qBAAqBA,EACrB,GAAGK,iBAAiBA,CAAC,EAAE,EAAEA,iBAAiBA,EAAE;IAG9C,OAAOK;AACT;AAEA,SAASO,wBAAwBA,CAACP,IAAY;IAC5C,yCAAyC;IACzCA,OAAOA,KAAK,OAAO,CACjBP,qBAAqBA,EACrB,GAAGI,aAAaA,CAAC,EAAE,EAAEA,aAAaA,EAAE;IAEtC,6CAA6C;IAC7CG,OAAOA,KAAK,OAAO,CACjBJ,uBAAuBA,EACvB,GAAGE,eAAeA,CAAC,EAAE,EAAEA,eAAeA,EAAE;IAG1C,OAAOE;AACT;AAEA,SAASG,oBAAoBA,CAACH,IAAY;IACxC,6BAA6B;IAC7B,OAAOA,KAAK,OAAO,CAACT,mBAAmBA,EAAE;AAC3C"}

package/lib/esm/components/pic.js

@@ -1,32 +1,55 @@
-"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 constants_2 = require("./constants");
-const PicStyled = styled_components_1.default.img `
+import { jsx } from "react/jsx-runtime";
+import styled_components from "styled-components";
+import { COLORS, WEBCHAT } from "../constants.js";
+import { staticAsset } from "../util/environment.js";
+import { renderComponent } from "../util/react.js";
+import { COMPONENT_DISPLAY_NAMES } from "./constants.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+const PicStyled = styled_components.img`
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
-  width: ${constants_1.WEBCHAT.DEFAULTS.ELEMENT_WIDTH}px;
+  width: ${WEBCHAT.DEFAULTS.ELEMENT_WIDTH}px;
   height: 140px;
-  background: ${constants_1.COLORS.SOLID_WHITE};
+  background: ${COLORS.SOLID_WHITE};
   object-fit: center/cover;
-  border-bottom: 1px solid ${constants_1.COLORS.SEASHELL_WHITE};
+  border-bottom: 1px solid ${COLORS.SEASHELL_WHITE};
 `;
-const Pic = (props) => {
-    props = { ...props, src: (0, environment_1.staticAsset)(props.src) };
-    const renderBrowser = () => (0, jsx_runtime_1.jsx)(PicStyled, { src: props.src });
+const Pic = (props)=>{
+    props = {
+        ...props,
+        src: staticAsset(props.src)
+    };
+    const renderBrowser = ()=>/*#__PURE__*/ jsx(PicStyled, {
+            src: props.src
+        });
     // @ts-expect-error
-    const renderNode = () => (0, jsx_runtime_1.jsx)("pic", { children: props.src });
-    return (0, react_1.renderComponent)({ renderBrowser, renderNode });
+    const renderNode = ()=>/*#__PURE__*/ jsx("pic", {
+            children: props.src
+        });
+    return renderComponent({
+        renderBrowser,
+        renderNode
+    });
 };
-exports.Pic = Pic;
-exports.Pic.displayName = constants_2.COMPONENT_DISPLAY_NAMES.Pic;
-exports.Pic.serialize = (props) => {
-    return { pic: props.src };
+Pic.displayName = COMPONENT_DISPLAY_NAMES.Pic;
+Pic.serialize = (props)=>{
+    return {
+        pic: props.src
+    };
 };
+
+export { Pic };
+
 //# 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":";;;;;AAAA,kFAAsC;AAEtC,4CAA8C;AAC9C,qDAAiD;AACjD,yCAA+C;AAC/C,2CAAqD;AAErD,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,mBAAmB;IACnB,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,WAAW,GAAG,mCAAuB,CAAC,GAAG,CAAA;AAE7C,WAAG,CAAC,SAAS,GAAG,CAAC,KAAe,EAAE,EAAE;IAClC,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,CAAA;AAC3B,CAAC,CAAA"}
+{"version":3,"file":"components/pic.js","sources":["../../../src/components/pic.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nimport { COLORS, WEBCHAT } from '../constants'\nimport { staticAsset } from '../util/environment'\nimport { renderComponent } from '../util/react'\nimport { COMPONENT_DISPLAY_NAMES } from './constants'\n\nconst PicStyled = styled.img`\n  border-top-left-radius: 8px;\n  border-top-right-radius: 8px;\n  width: ${WEBCHAT.DEFAULTS.ELEMENT_WIDTH}px;\n  height: 140px;\n  background: ${COLORS.SOLID_WHITE};\n  object-fit: center/cover;\n  border-bottom: 1px solid ${COLORS.SEASHELL_WHITE};\n`\nexport interface PicProps {\n  src: string\n}\n\nexport const Pic = (props: PicProps) => {\n  props = { ...props, src: staticAsset(props.src) }\n\n  const renderBrowser = () => <PicStyled src={props.src} />\n\n  // @ts-expect-error\n  const renderNode = () => <pic>{props.src}</pic>\n\n  return renderComponent({ renderBrowser, renderNode })\n}\n\nPic.displayName = COMPONENT_DISPLAY_NAMES.Pic\n\nPic.serialize = (props: PicProps) => {\n  return { pic: props.src }\n}\n"],"names":["styled","COLORS","WEBCHAT","staticAsset","renderComponent","COMPONENT_DISPLAY_NAMES","PicStyled","Pic","props","renderBrowser","renderNode"],"mappings":";;;;;;;;;;;;;;AAAsC;AAEQ;AACG;AACF;AACM;AAErD,MAAMM,SAASA,GAAGN,qBAAU,CAAC;;;SAGpB,EAAEE,8BAA8B,CAAC;;cAE5B,EAAED,kBAAkB,CAAC;;2BAER,EAAEA,qBAAqB,CAAC;AACnD,CAAC;AAKM,MAAMM,GAAGA,GAAG,CAACC;IAClBA,QAAQ;QAAE,GAAGA,KAAK;QAAE,KAAKL,WAAWA,CAACK,MAAM,GAAG;IAAE;IAEhD,MAAMC,gBAAgB,kBAAM,IAACH,SAASA;YAAC,KAAKE,MAAM,GAAG;;IAErD,mBAAmB;IACnB,MAAME,aAAa,kBAAM,IAAC;sBAAKF,MAAM,GAAG;;IAExC,OAAOJ,eAAeA,CAAC;QAAEK;QAAeC;IAAW;AACrD,EAAC;AAEDH,GAAGA,CAAC,WAAW,GAAGF,2BAA2B;AAE7CE,GAAGA,CAAC,SAAS,GAAG,CAACC;IACf,OAAO;QAAE,KAAKA,MAAM,GAAG;IAAC;AAC1B"}

package/lib/esm/components/raw.js

@@ -1,45 +1,86 @@
-"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 = 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 `
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { INPUT, isBrowser } from "@botonic/core";
+import { useState } from "react";
+import styled_components from "styled-components";
+import { COLORS, ROLES } from "../constants.js";
+import { Message } from "./message/index.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+const RawDataButton = styled_components.div`
   align-self: flex-start;
-  background-color: ${constants_1.COLORS.CURIOUS_BLUE};
+  background-color: ${COLORS.CURIOUS_BLUE};
   padding: 4px;
   margin: 4px 0px;
   cursor: pointer;
-  color: ${constants_1.COLORS.SOLID_WHITE_ALPHA_0_8};
+  color: ${COLORS.SOLID_WHITE_ALPHA_0_8};
   font-size: 10px;
   border-radius: 2px;
 `;
-const Popover = styled_components_1.default.div `
+const Popover = styled_components.div`
   max-width: 100%;
   max-height: 500px;
   overflow: auto;
-  background-color: ${constants_1.COLORS.LIGHT_GRAY};
+  background-color: ${COLORS.LIGHT_GRAY};
   padding: 10px;
   pre {
     margin: 0px;
   }
 `;
-const serialize = rawProps => {
-    return { data: rawProps.data, alt: rawProps.alt };
+const serialize = (rawProps)=>{
+    return {
+        data: rawProps.data,
+        alt: rawProps.alt
+    };
 };
-const Raw = props => {
+const Raw = (props)=>{
     let content = props.children;
     const data = JSON.stringify(props.data, null, ' ');
-    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 }) }))] }));
+    const [isOpen, setIsOpen] = useState(false);
+    if (isBrowser()) {
+        content = /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                /*#__PURE__*/ jsx("div", {
+                    children: props.alt
+                }),
+                /*#__PURE__*/ jsxs(RawDataButton, {
+                    onClick: ()=>setIsOpen(!isOpen),
+                    children: [
+                        "RAW DATA ",
+                        /*#__PURE__*/ jsx("small", {
+                            children: isOpen ? '▲' : '▼'
+                        })
+                    ]
+                }),
+                isOpen && /*#__PURE__*/ jsx(Popover, {
+                    children: /*#__PURE__*/ 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 }));
+    return /*#__PURE__*/ jsx(Message, {
+        role: ROLES.RAW_MESSAGE,
+        json: serialize(props),
+        ...props,
+        data: data,
+        type: INPUT.RAW,
+        children: content
+    });
 };
-exports.Raw = Raw;
-exports.Raw.serialize = serialize;
+Raw.serialize = serialize;
+
+export { Raw };
+
 //# 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,wCAAgD;AAChD,iCAAgC;AAChC,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,EAAE,CAAC;QAChB,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,CAAC;IACD,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;AA9BY,QAAA,GAAG,OA8Bf;AAED,WAAG,CAAC,SAAS,GAAG,SAAS,CAAA"}
+{"version":3,"file":"components/raw.js","sources":["../../../src/components/raw.jsx"],"sourcesContent":["import { INPUT, isBrowser } from '@botonic/core'\nimport { useState } from 'react'\nimport styled from 'styled-components'\n\nimport { COLORS, ROLES } from '../constants'\nimport { Message } from './message'\n\nconst RawDataButton = styled.div`\n  align-self: flex-start;\n  background-color: ${COLORS.CURIOUS_BLUE};\n  padding: 4px;\n  margin: 4px 0px;\n  cursor: pointer;\n  color: ${COLORS.SOLID_WHITE_ALPHA_0_8};\n  font-size: 10px;\n  border-radius: 2px;\n`\n\nconst Popover = styled.div`\n  max-width: 100%;\n  max-height: 500px;\n  overflow: auto;\n  background-color: ${COLORS.LIGHT_GRAY};\n  padding: 10px;\n  pre {\n    margin: 0px;\n  }\n`\n\nconst serialize = rawProps => {\n  return { data: rawProps.data, alt: rawProps.alt }\n}\n\nexport const Raw = props => {\n  let content = props.children\n  const data = JSON.stringify(props.data, null, ' ')\n  const [isOpen, setIsOpen] = useState(false)\n  if (isBrowser()) {\n    content = (\n      <>\n        <div>{props.alt}</div>\n        <RawDataButton onClick={() => setIsOpen(!isOpen)}>\n          RAW DATA <small>{isOpen ? '▲' : '▼'}</small>\n        </RawDataButton>\n        {isOpen && (\n          <Popover>\n            <pre>{data}</pre>\n          </Popover>\n        )}\n      </>\n    )\n  }\n  return (\n    <Message\n      role={ROLES.RAW_MESSAGE}\n      json={serialize(props)}\n      {...props}\n      data={data}\n      type={INPUT.RAW}\n    >\n      {content}\n    </Message>\n  )\n}\n\nRaw.serialize = serialize\n"],"names":["INPUT","isBrowser","useState","styled","COLORS","ROLES","Message","RawDataButton","Popover","serialize","rawProps","Raw","props","content","data","JSON","isOpen","setIsOpen"],"mappings":";;;;;;;;;;;;;;AAAgD;AAChB;AACM;AAEM;AACT;AAEnC,MAAMO,aAAaA,GAAGJ,qBAAU,CAAC;;oBAEb,EAAEC,mBAAmB,CAAC;;;;SAIjC,EAAEA,4BAA4B,CAAC;;;AAGxC,CAAC;AAED,MAAMI,OAAOA,GAAGL,qBAAU,CAAC;;;;oBAIP,EAAEC,iBAAiB,CAAC;;;;;AAKxC,CAAC;AAED,MAAMK,SAASA,GAAGC,CAAAA;IAChB,OAAO;QAAE,MAAMA,SAAS,IAAI;QAAE,KAAKA,SAAS,GAAG;IAAC;AAClD;AAEO,MAAMC,GAAGA,GAAGC,CAAAA;IACjB,IAAIC,UAAUD,MAAM,QAAQ;IAC5B,MAAME,OAAOC,KAAK,SAAS,CAACH,MAAM,IAAI,EAAE,MAAM;IAC9C,MAAM,CAACI,QAAQC,UAAU,GAAGf,QAAQA,CAAC;IACrC,IAAID,SAASA,IAAI;QACfY,wBACE;;8BACE,IAAC;8BAAKD,MAAM,GAAG;;8BACf,KAACL,aAAaA;oBAAC,SAAS,IAAMU,UAAU,CAACD;;wBAAS;sCACvC,IAAC;sCAAOA,SAAS,MAAM;;;;gBAEjCA,wBACC,IAACR,OAAOA;8BACN,kBAAC;kCAAKM;;;;;IAKhB;IACA,qBACE,IAACR,OAAOA;QACN,MAAMD,iBAAiB;QACvB,MAAMI,SAASA,CAACG;QACf,GAAGA,KAAK;QACT,MAAME;QACN,MAAMd,SAAS;kBAEda;;AAGP,EAAC;AAEDF,GAAGA,CAAC,SAAS,GAAGF,SAASA"}

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

@@ -1,4 +1,4 @@
-import type { ReplyProps } from './index-types';
+import type { ReplyProps } from './index-types.js';
 export declare const Reply: {
     (props: ReplyProps): any;
     displayName: "Reply";