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

package/lib/components/multichannel/multichannel-text.js

@@ -0,0 +1,286 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { INPUT, isFacebook, isInstagram, isWhatsapp } from "@botonic/core";
+import react, { useContext } from "react";
+import { RequestContext } from "../../contexts.js";
+import { WhatsappButtonList, WhatsappCTAUrlButton } from "../index.js";
+import { Reply } from "../reply.js";
+import { Text } from "../text.js";
+import { MultichannelFacebook } from "./facebook/facebook.js";
+import { MultichannelButton } from "./multichannel-button.js";
+import { MultichannelContext } from "./multichannel-context.js";
+import { buttonTypes, elementHasPostback, elementHasUrl, elementHasWebview, getButtonType, getMultichannelButtons, getMultichannelReplies, isNodeButton } from "./multichannel-utils.js";
+import { DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR, MENU_BUTTON_WHATSAPP_BUTTON_LIST, MULTICHANNEL_WHATSAPP_PROPS, WHATSAPP_LIST_MAX_BUTTONS, WHATSAPP_MAX_BUTTONS } from "./whatsapp/constants.js";
+import { convertToMarkdownMeta } from "./whatsapp/markdown-meta.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* eslint-disable complexity */ 
+
+
+
+
+
+
+
+
+
+
+
+const MultichannelText = (props)=>{
+    const requestContext = useContext(RequestContext);
+    const multichannelContext = useContext(MultichannelContext);
+    const postbackButtonsAsText = props.buttonsAsText ?? true;
+    let elements = [];
+    const getText = (children)=>{
+        children = Array.isArray(children) ? children : [
+            children
+        ];
+        const text = children.filter((e)=>e && !e.type).map((e)=>{
+            if (Array.isArray(e)) {
+                return getText(e);
+            } else {
+                return String(e);
+            }
+        }).join('');
+        if (text === undefined) {
+            return [];
+        }
+        return [
+            text
+        ].filter((t)=>t !== '') // to avoid line breaks when the carousel doesn't have title or subtitle
+        ;
+    };
+    const getButtonsAndReplies = ()=>[].concat(getMultichannelButtons(react.Children.toArray(props.children)), getMultichannelReplies(react.Children.toArray(props.children)));
+    const getWhatsappButtons = ()=>{
+        const postbackButtons = [];
+        const urlButtons = [];
+        const webviewButtons = [];
+        for (const button of getButtonsAndReplies()){
+            if (elementHasUrl(button)) {
+                urlButtons.push(button);
+            } else if (elementHasWebview(button)) {
+                webviewButtons.push(button);
+            } else if (elementHasPostback(button)) {
+                postbackButtons.push(button);
+            }
+        }
+        return {
+            postbackButtons,
+            urlButtons,
+            webviewButtons
+        };
+    };
+    const getDefaultIndex = ()=>{
+        if (props.indexMode === undefined) {
+            return undefined;
+        }
+        if (multichannelContext.currentIndex != null) {
+            return multichannelContext.currentIndex;
+        }
+        return props.indexMode === 'letter' ? 'a' : 1;
+    };
+    const regenerateMultichannelButtons = (newLineFirstButton = true)=>{
+        const generator = (multichannelButton, i)=>{
+            const type = getButtonType(multichannelButton);
+            const asText = type === buttonTypes.POSTBACK ? postbackButtonsAsText : true;
+            const newline = multichannelContext.messageSeparator == null && !newLineFirstButton && i === 0 ? '' : '\n';
+            return /*#__PURE__*/ jsx(MultichannelButton, {
+                newline: newline,
+                asText: asText,
+                ...multichannelButton.props,
+                children: multichannelButton.props.children
+            }, `${type}${i}`);
+        };
+        return generator;
+    };
+    const splitInWhatsappListButtons = (postbackButtons)=>{
+        const messages = [];
+        for(let i = 0; i < postbackButtons.length; i += WHATSAPP_LIST_MAX_BUTTONS){
+            messages.push(postbackButtons.slice(i, i + WHATSAPP_LIST_MAX_BUTTONS));
+        }
+        return messages;
+    };
+    if (isWhatsapp(requestContext.session)) {
+        const texts = getText(props.children);
+        const { postbackButtons, urlButtons, webviewButtons } = getWhatsappButtons();
+        const textElements = texts.map((text)=>{
+            const textWithMarkdown = convertToMarkdownMeta(text);
+            return (props.newline || '') + textWithMarkdown;
+        });
+        const webviewButtonElements = webviewButtons.map(regenerateMultichannelButtons(false));
+        const buttonsTextSeparator = props.buttonsTextSeparator || DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR;
+        const exceedWhatsAppMaxButtonNumber = !postbackButtonsAsText && postbackButtons.length > WHATSAPP_MAX_BUTTONS;
+        if (exceedWhatsAppMaxButtonNumber) {
+            const menuButtonTextWhatsappList = props.menuButtonTextWhatsappList || MENU_BUTTON_WHATSAPP_BUTTON_LIST;
+            const urlButtonElements = urlButtons.map(regenerateMultichannelButtons(!!texts.length));
+            const postbackButtonElements = postbackButtons.map(regenerateMultichannelButtons(!!texts.length || !!urlButtons.length));
+            const messagesPostbackButtonList = splitInWhatsappListButtons(postbackButtonElements);
+            const messages = messagesPostbackButtonList.map((postbackButtons, index)=>{
+                if (postbackButtons.length <= WHATSAPP_MAX_BUTTONS) {
+                    return {
+                        type: INPUT.TEXT,
+                        children: [
+                            ...buttonsTextSeparator,
+                            ...postbackButtons
+                        ]
+                    };
+                }
+                const rows = postbackButtons.map((postbackButton)=>{
+                    const row = {
+                        id: postbackButton.props.path ? `__PATH_PAYLOAD__${postbackButton.props.path}` : postbackButton.props.payload,
+                        title: postbackButton.props.children
+                    };
+                    return row;
+                });
+                const whatsAppButtonListProps = {
+                    body: index === 0 ? texts.join('') : buttonsTextSeparator,
+                    button: menuButtonTextWhatsappList,
+                    sections: [
+                        {
+                            rows
+                        }
+                    ]
+                };
+                return {
+                    type: INPUT.WHATSAPP_BUTTON_LIST,
+                    props: whatsAppButtonListProps
+                };
+            });
+            const messageWithUrlButtonElements = /*#__PURE__*/ jsx(Text, {
+                ...MULTICHANNEL_WHATSAPP_PROPS,
+                ...props,
+                children: urlButtonElements
+            }, `msg-with-url-button`);
+            const messageWithWebviewButtonElements = /*#__PURE__*/ jsxs(Text, {
+                ...MULTICHANNEL_WHATSAPP_PROPS,
+                ...props,
+                children: [
+                    buttonsTextSeparator,
+                    webviewButtonElements
+                ]
+            }, `msg-with-webview-button`);
+            return /*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    messages.map((message, i)=>{
+                        if (message.type === INPUT.WHATSAPP_BUTTON_LIST) {
+                            return /*#__PURE__*/ jsx(WhatsappButtonList, {
+                                ...message.props
+                            }, `msg-${i}-whatsapp-list`);
+                        }
+                        return /*#__PURE__*/ jsx(Text, {
+                            ...MULTICHANNEL_WHATSAPP_PROPS,
+                            ...props,
+                            children: message.children
+                        }, `msg-${i}-with-postback-buttons`);
+                    }),
+                    urlButtonElements.length > 0 && messageWithUrlButtonElements,
+                    webviewButtonElements.length > 0 && messageWithWebviewButtonElements
+                ]
+            });
+        }
+        multichannelContext.currentIndex = getDefaultIndex();
+        const postbackButtonElements = postbackButtons.map(regenerateMultichannelButtons(!!texts.length));
+        const urlButtonElements = urlButtons.map(regenerateMultichannelButtons(!!texts.length || !!postbackButtons.length));
+        elements = [].concat([
+            ...textElements
+        ], [
+            ...postbackButtonElements
+        ], [
+            ...urlButtonElements
+        ]);
+        if (postbackButtonElements.length === 0) {
+            // Use texts[0] instead of textElements[0] as a body to avoid apply the markdownMeta function twice.
+            // If the markdownMeta function is applied twice, bold is replaced by italics.
+            const body = texts[0] || '';
+            if (urlButtonElements.length === 1) {
+                return /*#__PURE__*/ jsx(WhatsappCTAUrlButton, {
+                    body: body,
+                    displayText: urlButtonElements[0].props.children,
+                    url: urlButtonElements[0].props.url
+                });
+            }
+            if (webviewButtonElements.length === 1) {
+                return /*#__PURE__*/ jsx(WhatsappCTAUrlButton, {
+                    body: body,
+                    displayText: webviewButtonElements[0].props.children,
+                    webview: webviewButtonElements[0].props.webview,
+                    params: webviewButtonElements[0].props.params
+                });
+            }
+        }
+        if (multichannelContext.messageSeparator != null) {
+            return elements;
+        }
+        const messages = [
+            /*#__PURE__*/ jsx(Text, {
+                ...MULTICHANNEL_WHATSAPP_PROPS,
+                ...props,
+                children: elements
+            }, 0)
+        ];
+        if (webviewButtonElements.length) {
+            messages.push(/*#__PURE__*/ jsxs(Text, {
+                ...MULTICHANNEL_WHATSAPP_PROPS,
+                ...props,
+                children: [
+                    buttonsTextSeparator,
+                    webviewButtonElements
+                ]
+            }, 1));
+        }
+        return /*#__PURE__*/ jsx(Fragment, {
+            children: messages
+        });
+    }
+    if (isFacebook(requestContext.session) || isInstagram(requestContext.session)) {
+        const text = getText(props.children);
+        const multichannelFacebook = new MultichannelFacebook();
+        const { texts, propsLastText, propsWithoutChildren } = multichannelFacebook.convertText(props, text[0]);
+        const [lastText, ...buttonsAndReplies] = propsLastText.children;
+        const replies = [];
+        if (buttonsAndReplies.length > 3) {
+            buttonsAndReplies.forEach((button)=>{
+                if (isNodeButton(button)) {
+                    replies.push(/*#__PURE__*/ jsx(Reply, {
+                        ...button.props
+                    }));
+                }
+            });
+        }
+        return /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                texts?.map((message, i)=>/*#__PURE__*/ jsx(Text, {
+                        ...propsWithoutChildren,
+                        children: convertToMarkdownMeta(message)
+                    }, `msg-${i}-text`)),
+                /*#__PURE__*/ jsxs(Text, {
+                    ...propsLastText,
+                    children: [
+                        convertToMarkdownMeta(lastText),
+                        replies.length > 0 ? replies : buttonsAndReplies
+                    ]
+                })
+            ]
+        });
+    }
+    return /*#__PURE__*/ jsx(Text, {
+        ...props,
+        children: props.children
+    });
+};
+
+export { MultichannelText };
+
+//# sourceMappingURL=multichannel-text.js.map

package/lib/components/multichannel/multichannel-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/multichannel/multichannel-text.js","sources":["../../../src/components/multichannel/multichannel-text.jsx"],"sourcesContent":["/* eslint-disable complexity */\nimport { INPUT, isFacebook, isInstagram, isWhatsapp } from '@botonic/core'\nimport React, { useContext } from 'react'\n\nimport { RequestContext } from '../../contexts'\nimport { WhatsappButtonList, WhatsappCTAUrlButton } from '..'\nimport { Reply } from '../reply'\nimport { Text } from '../text'\nimport { MultichannelFacebook } from './facebook/facebook'\nimport { MultichannelButton } from './multichannel-button'\nimport { MultichannelContext } from './multichannel-context'\nimport {\n  buttonTypes,\n  elementHasPostback,\n  elementHasUrl,\n  elementHasWebview,\n  getButtonType,\n  getMultichannelButtons,\n  getMultichannelReplies,\n  isNodeButton,\n} from './multichannel-utils'\nimport {\n  DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR,\n  MENU_BUTTON_WHATSAPP_BUTTON_LIST,\n  MULTICHANNEL_WHATSAPP_PROPS,\n  WHATSAPP_LIST_MAX_BUTTONS,\n  WHATSAPP_MAX_BUTTONS,\n} from './whatsapp/constants'\nimport { convertToMarkdownMeta } from './whatsapp/markdown-meta'\n\nexport const MultichannelText = props => {\n  const requestContext = useContext(RequestContext)\n  const multichannelContext = useContext(MultichannelContext)\n  const postbackButtonsAsText = props.buttonsAsText ?? true\n\n  let elements = []\n\n  const getText = children => {\n    children = Array.isArray(children) ? children : [children]\n    const text = children\n      .filter(e => e && !e.type)\n      .map(e => {\n        if (Array.isArray(e)) {\n          return getText(e)\n        } else {\n          return String(e)\n        }\n      })\n      .join('')\n    if (text === undefined) {\n      return []\n    }\n    return [text].filter(t => t !== '') // to avoid line breaks when the carousel doesn't have title or subtitle\n  }\n\n  const getButtonsAndReplies = () =>\n    [].concat(\n      getMultichannelButtons(React.Children.toArray(props.children)),\n      getMultichannelReplies(React.Children.toArray(props.children))\n    )\n\n  const getWhatsappButtons = () => {\n    const postbackButtons = []\n    const urlButtons = []\n    const webviewButtons = []\n    for (const button of getButtonsAndReplies()) {\n      if (elementHasUrl(button)) {\n        urlButtons.push(button)\n      } else if (elementHasWebview(button)) {\n        webviewButtons.push(button)\n      } else if (elementHasPostback(button)) {\n        postbackButtons.push(button)\n      }\n    }\n    return { postbackButtons, urlButtons, webviewButtons }\n  }\n\n  const getDefaultIndex = () => {\n    if (props.indexMode === undefined) {\n      return undefined\n    }\n    if (multichannelContext.currentIndex != null) {\n      return multichannelContext.currentIndex\n    }\n    return props.indexMode === 'letter' ? 'a' : 1\n  }\n\n  const regenerateMultichannelButtons = (newLineFirstButton = true) => {\n    const generator = (multichannelButton, i) => {\n      const type = getButtonType(multichannelButton)\n      const asText =\n        type === buttonTypes.POSTBACK ? postbackButtonsAsText : true\n      const newline =\n        multichannelContext.messageSeparator == null &&\n        !newLineFirstButton &&\n        i === 0\n          ? ''\n          : '\\n'\n\n      return (\n        <MultichannelButton\n          key={`${type}${i}`}\n          newline={newline}\n          asText={asText}\n          {...multichannelButton.props}\n        >\n          {multichannelButton.props.children}\n        </MultichannelButton>\n      )\n    }\n    return generator\n  }\n\n  const splitInWhatsappListButtons = postbackButtons => {\n    const messages = []\n    for (\n      let i = 0;\n      i < postbackButtons.length;\n      i += WHATSAPP_LIST_MAX_BUTTONS\n    ) {\n      messages.push(postbackButtons.slice(i, i + WHATSAPP_LIST_MAX_BUTTONS))\n    }\n    return messages\n  }\n\n  if (isWhatsapp(requestContext.session)) {\n    const texts = getText(props.children)\n    const { postbackButtons, urlButtons, webviewButtons } = getWhatsappButtons()\n\n    const textElements = texts.map(text => {\n      const textWithMarkdown = convertToMarkdownMeta(text)\n      return (props.newline || '') + textWithMarkdown\n    })\n\n    const webviewButtonElements = webviewButtons.map(\n      regenerateMultichannelButtons(false)\n    )\n\n    const buttonsTextSeparator =\n      props.buttonsTextSeparator || DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR\n\n    const exceedWhatsAppMaxButtonNumber =\n      !postbackButtonsAsText && postbackButtons.length > WHATSAPP_MAX_BUTTONS\n\n    if (exceedWhatsAppMaxButtonNumber) {\n      const menuButtonTextWhatsappList =\n        props.menuButtonTextWhatsappList || MENU_BUTTON_WHATSAPP_BUTTON_LIST\n\n      const urlButtonElements = urlButtons.map(\n        regenerateMultichannelButtons(!!texts.length)\n      )\n      const postbackButtonElements = postbackButtons.map(\n        regenerateMultichannelButtons(!!texts.length || !!urlButtons.length)\n      )\n\n      const messagesPostbackButtonList = splitInWhatsappListButtons(\n        postbackButtonElements\n      )\n\n      const messages = messagesPostbackButtonList.map(\n        (postbackButtons, index) => {\n          if (postbackButtons.length <= WHATSAPP_MAX_BUTTONS) {\n            return {\n              type: INPUT.TEXT,\n              children: [...buttonsTextSeparator, ...postbackButtons],\n            }\n          }\n          const rows = postbackButtons.map(postbackButton => {\n            const row = {\n              id: postbackButton.props.path\n                ? `__PATH_PAYLOAD__${postbackButton.props.path}`\n                : postbackButton.props.payload,\n              title: postbackButton.props.children,\n            }\n            return row\n          })\n          const whatsAppButtonListProps = {\n            body: index === 0 ? texts.join('') : buttonsTextSeparator,\n            button: menuButtonTextWhatsappList,\n            sections: [{ rows }],\n          }\n\n          return {\n            type: INPUT.WHATSAPP_BUTTON_LIST,\n            props: whatsAppButtonListProps,\n          }\n        }\n      )\n\n      const messageWithUrlButtonElements = (\n        <Text\n          key={`msg-with-url-button`}\n          {...MULTICHANNEL_WHATSAPP_PROPS}\n          {...props}\n        >\n          {urlButtonElements}\n        </Text>\n      )\n\n      const messageWithWebviewButtonElements = (\n        <Text\n          key={`msg-with-webview-button`}\n          {...MULTICHANNEL_WHATSAPP_PROPS}\n          {...props}\n        >\n          {buttonsTextSeparator}\n          {webviewButtonElements}\n        </Text>\n      )\n\n      return (\n        <>\n          {messages.map((message, i) => {\n            if (message.type === INPUT.WHATSAPP_BUTTON_LIST) {\n              return (\n                <WhatsappButtonList\n                  key={`msg-${i}-whatsapp-list`}\n                  {...message.props}\n                />\n              )\n            }\n            return (\n              <Text\n                key={`msg-${i}-with-postback-buttons`}\n                {...MULTICHANNEL_WHATSAPP_PROPS}\n                {...props}\n              >\n                {message.children}\n              </Text>\n            )\n          })}\n          {urlButtonElements.length > 0 && messageWithUrlButtonElements}\n          {webviewButtonElements.length > 0 && messageWithWebviewButtonElements}\n        </>\n      )\n    }\n\n    multichannelContext.currentIndex = getDefaultIndex()\n    const postbackButtonElements = postbackButtons.map(\n      regenerateMultichannelButtons(!!texts.length)\n    )\n    const urlButtonElements = urlButtons.map(\n      regenerateMultichannelButtons(!!texts.length || !!postbackButtons.length)\n    )\n\n    elements = [].concat(\n      [...textElements],\n      [...postbackButtonElements],\n      [...urlButtonElements]\n    )\n\n    if (postbackButtonElements.length === 0) {\n      // Use texts[0] instead of textElements[0] as a body to avoid apply the markdownMeta function twice.\n      // If the markdownMeta function is applied twice, bold is replaced by italics.\n      const body = texts[0] || ''\n\n      if (urlButtonElements.length === 1) {\n        return (\n          <WhatsappCTAUrlButton\n            body={body}\n            displayText={urlButtonElements[0].props.children}\n            url={urlButtonElements[0].props.url}\n          />\n        )\n      }\n\n      if (webviewButtonElements.length === 1) {\n        return (\n          <WhatsappCTAUrlButton\n            body={body}\n            displayText={webviewButtonElements[0].props.children}\n            webview={webviewButtonElements[0].props.webview}\n            params={webviewButtonElements[0].props.params}\n          />\n        )\n      }\n    }\n\n    if (multichannelContext.messageSeparator != null) {\n      return elements\n    }\n    const messages = [\n      <Text key={0} {...MULTICHANNEL_WHATSAPP_PROPS} {...props}>\n        {elements}\n      </Text>,\n    ]\n    if (webviewButtonElements.length) {\n      messages.push(\n        <Text key={1} {...MULTICHANNEL_WHATSAPP_PROPS} {...props}>\n          {buttonsTextSeparator}\n          {webviewButtonElements}\n        </Text>\n      )\n    }\n\n    return <>{messages}</>\n  }\n\n  if (\n    isFacebook(requestContext.session) ||\n    isInstagram(requestContext.session)\n  ) {\n    const text = getText(props.children)\n    const multichannelFacebook = new MultichannelFacebook()\n    const { texts, propsLastText, propsWithoutChildren } =\n      multichannelFacebook.convertText(props, text[0])\n\n    const [lastText, ...buttonsAndReplies] = propsLastText.children\n    const replies = []\n\n    if (buttonsAndReplies.length > 3) {\n      buttonsAndReplies.forEach(button => {\n        if (isNodeButton(button)) {\n          replies.push(<Reply {...button.props} />)\n        }\n      })\n    }\n\n    return (\n      <>\n        {texts?.map((message, i) => (\n          <Text key={`msg-${i}-text`} {...propsWithoutChildren}>\n            {convertToMarkdownMeta(message)}\n          </Text>\n        ))}\n        <Text {...propsLastText}>\n          {convertToMarkdownMeta(lastText)}\n          {replies.length > 0 ? replies : buttonsAndReplies}\n        </Text>\n      </>\n    )\n  }\n\n  return <Text {...props}>{props.children}</Text>\n}\n"],"names":["INPUT","isFacebook","isInstagram","isWhatsapp","React","useContext","RequestContext","WhatsappButtonList","WhatsappCTAUrlButton","Reply","Text","MultichannelFacebook","MultichannelButton","MultichannelContext","buttonTypes","elementHasPostback","elementHasUrl","elementHasWebview","getButtonType","getMultichannelButtons","getMultichannelReplies","isNodeButton","DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR","MENU_BUTTON_WHATSAPP_BUTTON_LIST","MULTICHANNEL_WHATSAPP_PROPS","WHATSAPP_LIST_MAX_BUTTONS","WHATSAPP_MAX_BUTTONS","convertToMarkdownMeta","MultichannelText","props","requestContext","multichannelContext","postbackButtonsAsText","elements","getText","children","Array","text","e","String","undefined","t","getButtonsAndReplies","getWhatsappButtons","postbackButtons","urlButtons","webviewButtons","button","getDefaultIndex","regenerateMultichannelButtons","newLineFirstButton","generator","multichannelButton","i","type","asText","newline","splitInWhatsappListButtons","messages","texts","textElements","textWithMarkdown","webviewButtonElements","buttonsTextSeparator","exceedWhatsAppMaxButtonNumber","menuButtonTextWhatsappList","urlButtonElements","postbackButtonElements","messagesPostbackButtonList","index","rows","postbackButton","row","whatsAppButtonListProps","messageWithUrlButtonElements","messageWithWebviewButtonElements","message","body","multichannelFacebook","propsLastText","propsWithoutChildren","lastText","buttonsAndReplies","replies"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6BAA6B,GAC6C;AACjC;AAEM;AACc;AAC7B;AACF;AAC4B;AACA;AACE;AAU/B;AAOA;AACmC;AAEzD,MAAM4B,gBAAgBA,GAAGC,CAAAA;IAC9B,MAAMC,iBAAiBzB,UAAUA,CAACC,cAAcA;IAChD,MAAMyB,sBAAsB1B,UAAUA,CAACQ,mBAAmBA;IAC1D,MAAMmB,wBAAwBH,MAAM,aAAa,IAAI;IAErD,IAAII,WAAW,EAAE;IAEjB,MAAMC,UAAUC,CAAAA;QACdA,WAAWC,MAAM,OAAO,CAACD,YAAYA,WAAW;YAACA;SAAS;QAC1D,MAAME,OAAOF,SACV,MAAM,CAACG,CAAAA,IAAKA,KAAK,CAACA,EAAE,IAAI,EACxB,GAAG,CAACA,CAAAA;YACH,IAAIF,MAAM,OAAO,CAACE,IAAI;gBACpB,OAAOJ,QAAQI;YACjB,OAAO;gBACL,OAAOC,OAAOD;YAChB;QACF,GACC,IAAI,CAAC;QACR,IAAID,SAASG,WAAW;YACtB,OAAO,EAAE;QACX;QACA,OAAO;YAACH;SAAK,CAAC,MAAM,CAACI,CAAAA,IAAKA,MAAM,IAAI,wEAAwE;;IAC9G;IAEA,MAAMC,uBAAuB,IAC3B,EAAE,CAAC,MAAM,CACPvB,sBAAsBA,CAACf,sBAAsB,CAACyB,MAAM,QAAQ,IAC5DT,sBAAsBA,CAAChB,sBAAsB,CAACyB,MAAM,QAAQ;IAGhE,MAAMc,qBAAqB;QACzB,MAAMC,kBAAkB,EAAE;QAC1B,MAAMC,aAAa,EAAE;QACrB,MAAMC,iBAAiB,EAAE;QACzB,KAAK,MAAMC,UAAUL,uBAAwB;YAC3C,IAAI1B,aAAaA,CAAC+B,SAAS;gBACzBF,WAAW,IAAI,CAACE;YAClB,OAAO,IAAI9B,iBAAiBA,CAAC8B,SAAS;gBACpCD,eAAe,IAAI,CAACC;YACtB,OAAO,IAAIhC,kBAAkBA,CAACgC,SAAS;gBACrCH,gBAAgB,IAAI,CAACG;YACvB;QACF;QACA,OAAO;YAAEH;YAAiBC;YAAYC;QAAe;IACvD;IAEA,MAAME,kBAAkB;QACtB,IAAInB,MAAM,SAAS,KAAKW,WAAW;YACjC,OAAOA;QACT;QACA,IAAIT,oBAAoB,YAAY,IAAI,MAAM;YAC5C,OAAOA,oBAAoB,YAAY;QACzC;QACA,OAAOF,MAAM,SAAS,KAAK,WAAW,MAAM;IAC9C;IAEA,MAAMoB,gCAAgC,CAACC,qBAAqB,IAAI;QAC9D,MAAMC,YAAY,CAACC,oBAAoBC;YACrC,MAAMC,OAAOpC,aAAaA,CAACkC;YAC3B,MAAMG,SACJD,SAASxC,oBAAoB,GAAGkB,wBAAwB;YAC1D,MAAMwB,UACJzB,oBAAoB,gBAAgB,IAAI,QACxC,CAACmB,sBACDG,MAAM,IACF,KACA;YAEN,qBACE,IAACzC,kBAAkBA;gBAEjB,SAAS4C;gBACT,QAAQD;gBACP,GAAGH,mBAAmB,KAAK;0BAE3BA,mBAAmB,KAAK,CAAC,QAAQ;eAL7B,GAAGE,OAAOD,GAAG;QAQxB;QACA,OAAOF;IACT;IAEA,MAAMM,6BAA6Bb,CAAAA;QACjC,MAAMc,WAAW,EAAE;QACnB,IACE,IAAIL,IAAI,GACRA,IAAIT,gBAAgB,MAAM,EAC1BS,KAAK5B,yBAAyBA,CAC9B;YACAiC,SAAS,IAAI,CAACd,gBAAgB,KAAK,CAACS,GAAGA,IAAI5B,yBAAyBA;QACtE;QACA,OAAOiC;IACT;IAEA,IAAIvD,UAAUA,CAAC2B,eAAe,OAAO,GAAG;QACtC,MAAM6B,QAAQzB,QAAQL,MAAM,QAAQ;QACpC,MAAM,EAAEe,eAAe,EAAEC,UAAU,EAAEC,cAAc,EAAE,GAAGH;QAExD,MAAMiB,eAAeD,MAAM,GAAG,CAACtB,CAAAA;YAC7B,MAAMwB,mBAAmBlC,qBAAqBA,CAACU;YAC/C,OAAQR,CAAAA,MAAM,OAAO,IAAI,EAAC,IAAKgC;QACjC;QAEA,MAAMC,wBAAwBhB,eAAe,GAAG,CAC9CG,8BAA8B;QAGhC,MAAMc,uBACJlC,MAAM,oBAAoB,IAAIP,qCAAqCA;QAErE,MAAM0C,gCACJ,CAAChC,yBAAyBY,gBAAgB,MAAM,GAAGlB,oBAAoBA;QAEzE,IAAIsC,+BAA+B;YACjC,MAAMC,6BACJpC,MAAM,0BAA0B,IAAIN,gCAAgCA;YAEtE,MAAM2C,oBAAoBrB,WAAW,GAAG,CACtCI,8BAA8B,CAAC,CAACU,MAAM,MAAM;YAE9C,MAAMQ,yBAAyBvB,gBAAgB,GAAG,CAChDK,8BAA8B,CAAC,CAACU,MAAM,MAAM,IAAI,CAAC,CAACd,WAAW,MAAM;YAGrE,MAAMuB,6BAA6BX,2BACjCU;YAGF,MAAMT,WAAWU,2BAA2B,GAAG,CAC7C,CAACxB,iBAAiByB;gBAChB,IAAIzB,gBAAgB,MAAM,IAAIlB,oBAAoBA,EAAE;oBAClD,OAAO;wBACL,MAAM1B,UAAU;wBAChB,UAAU;+BAAI+D;+BAAyBnB;yBAAgB;oBACzD;gBACF;gBACA,MAAM0B,OAAO1B,gBAAgB,GAAG,CAAC2B,CAAAA;oBAC/B,MAAMC,MAAM;wBACV,IAAID,eAAe,KAAK,CAAC,IAAI,GACzB,CAAC,gBAAgB,EAAEA,eAAe,KAAK,CAAC,IAAI,EAAE,GAC9CA,eAAe,KAAK,CAAC,OAAO;wBAChC,OAAOA,eAAe,KAAK,CAAC,QAAQ;oBACtC;oBACA,OAAOC;gBACT;gBACA,MAAMC,0BAA0B;oBAC9B,MAAMJ,UAAU,IAAIV,MAAM,IAAI,CAAC,MAAMI;oBACrC,QAAQE;oBACR,UAAU;wBAAC;4BAAEK;wBAAK;qBAAE;gBACtB;gBAEA,OAAO;oBACL,MAAMtE,0BAA0B;oBAChC,OAAOyE;gBACT;YACF;YAGF,MAAMC,6CACJ,IAAChE,IAAIA;gBAEF,GAAGc,2BAA2B;gBAC9B,GAAGK,KAAK;0BAERqC;eAJI,CAAC,mBAAmB,CAAC;YAQ9B,MAAMS,iDACJ,KAACjE,IAAIA;gBAEF,GAAGc,2BAA2B;gBAC9B,GAAGK,KAAK;;oBAERkC;oBACAD;;eALI,CAAC,uBAAuB,CAAC;YASlC,qBACE;;oBACGJ,SAAS,GAAG,CAAC,CAACkB,SAASvB;wBACtB,IAAIuB,QAAQ,IAAI,KAAK5E,0BAA0B,EAAE;4BAC/C,qBACE,IAACO,kBAAkBA;gCAEhB,GAAGqE,QAAQ,KAAK;+BADZ,CAAC,IAAI,EAAEvB,EAAE,cAAc,CAAC;wBAInC;wBACA,qBACE,IAAC3C,IAAIA;4BAEF,GAAGc,2BAA2B;4BAC9B,GAAGK,KAAK;sCAER+C,QAAQ,QAAQ;2BAJZ,CAAC,IAAI,EAAEvB,EAAE,sBAAsB,CAAC;oBAO3C;oBACCa,kBAAkB,MAAM,GAAG,KAAKQ;oBAChCZ,sBAAsB,MAAM,GAAG,KAAKa;;;QAG3C;QAEA5C,oBAAoB,YAAY,GAAGiB;QACnC,MAAMmB,yBAAyBvB,gBAAgB,GAAG,CAChDK,8BAA8B,CAAC,CAACU,MAAM,MAAM;QAE9C,MAAMO,oBAAoBrB,WAAW,GAAG,CACtCI,8BAA8B,CAAC,CAACU,MAAM,MAAM,IAAI,CAAC,CAACf,gBAAgB,MAAM;QAG1EX,WAAW,EAAE,CAAC,MAAM,CAClB;eAAI2B;SAAa,EACjB;eAAIO;SAAuB,EAC3B;eAAID;SAAkB;QAGxB,IAAIC,uBAAuB,MAAM,KAAK,GAAG;YACvC,oGAAoG;YACpG,8EAA8E;YAC9E,MAAMU,OAAOlB,KAAK,CAAC,EAAE,IAAI;YAEzB,IAAIO,kBAAkB,MAAM,KAAK,GAAG;gBAClC,qBACE,IAAC1D,oBAAoBA;oBACnB,MAAMqE;oBACN,aAAaX,iBAAiB,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ;oBAChD,KAAKA,iBAAiB,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG;;YAGzC;YAEA,IAAIJ,sBAAsB,MAAM,KAAK,GAAG;gBACtC,qBACE,IAACtD,oBAAoBA;oBACnB,MAAMqE;oBACN,aAAaf,qBAAqB,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ;oBACpD,SAASA,qBAAqB,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO;oBAC/C,QAAQA,qBAAqB,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM;;YAGnD;QACF;QAEA,IAAI/B,oBAAoB,gBAAgB,IAAI,MAAM;YAChD,OAAOE;QACT;QACA,MAAMyB,WAAW;0BACf,IAAChD,IAAIA;gBAAU,GAAGc,2BAA2B;gBAAG,GAAGK,KAAK;0BACrDI;eADQ;SAGZ;QACD,IAAI6B,sBAAsB,MAAM,EAAE;YAChCJ,SAAS,IAAI,eACX,KAAChD,IAAIA;gBAAU,GAAGc,2BAA2B;gBAAG,GAAGK,KAAK;;oBACrDkC;oBACAD;;eAFQ;QAKf;QAEA,qBAAO;sBAAGJ;;IACZ;IAEA,IACEzD,UAAUA,CAAC6B,eAAe,OAAO,KACjC5B,WAAWA,CAAC4B,eAAe,OAAO,GAClC;QACA,MAAMO,OAAOH,QAAQL,MAAM,QAAQ;QACnC,MAAMiD,uBAAuB,IAAInE,oBAAoBA;QACrD,MAAM,EAAEgD,KAAK,EAAEoB,aAAa,EAAEC,oBAAoB,EAAE,GAClDF,qBAAqB,WAAW,CAACjD,OAAOQ,IAAI,CAAC,EAAE;QAEjD,MAAM,CAAC4C,UAAU,GAAGC,kBAAkB,GAAGH,cAAc,QAAQ;QAC/D,MAAMI,UAAU,EAAE;QAElB,IAAID,kBAAkB,MAAM,GAAG,GAAG;YAChCA,kBAAkB,OAAO,CAACnC,CAAAA;gBACxB,IAAI1B,YAAYA,CAAC0B,SAAS;oBACxBoC,QAAQ,IAAI,eAAC,IAAC1E,KAAKA;wBAAE,GAAGsC,OAAO,KAAK;;gBACtC;YACF;QACF;QAEA,qBACE;;gBACGY,OAAO,IAAI,CAACiB,SAASvB,kBACpB,IAAC3C,IAAIA;wBAAwB,GAAGsE,oBAAoB;kCACjDrD,qBAAqBA,CAACiD;uBADd,CAAC,IAAI,EAAEvB,EAAE,KAAK,CAAC;8BAI5B,KAAC3C,IAAIA;oBAAE,GAAGqE,aAAa;;wBACpBpD,qBAAqBA,CAACsD;wBACtBE,QAAQ,MAAM,GAAG,IAAIA,UAAUD;;;;;IAIxC;IAEA,qBAAO,IAACxE,IAAIA;QAAE,GAAGmB,KAAK;kBAAGA,MAAM,QAAQ;;AACzC,EAAC"}

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

@@ -0,0 +1,76 @@
+import { COMPONENT_DISPLAY_NAMES } from "../constants.js";
+
+
+
+function isMultichannelButton(node) {
+    return node?.type?.displayName === COMPONENT_DISPLAY_NAMES.MultichannelButton;
+}
+function isMultichannelReply(node) {
+    return node?.type?.displayName === COMPONENT_DISPLAY_NAMES.MultichannelReply;
+}
+function isNodeText(node) {
+    return node?.type?.displayName === COMPONENT_DISPLAY_NAMES.Text;
+}
+function isNodeButton(node) {
+    return node?.type?.displayName === COMPONENT_DISPLAY_NAMES.Button;
+}
+function isNodeCarousel(node) {
+    return node?.type?.displayName === COMPONENT_DISPLAY_NAMES.Carousel;
+}
+function isNodeReply(node) {
+    return node?.type?.displayName === COMPONENT_DISPLAY_NAMES.Reply;
+}
+function isNodePic(node) {
+    return node?.type?.displayName === COMPONENT_DISPLAY_NAMES.Pic;
+}
+function isNodeTitle(node) {
+    return node?.type?.displayName === COMPONENT_DISPLAY_NAMES.Title;
+}
+function isNodeSubtitle(node) {
+    return node?.type?.displayName === COMPONENT_DISPLAY_NAMES.Subtitle;
+}
+function elementHasUrl(element) {
+    return element?.props?.url;
+}
+function elementHasPostback(element) {
+    return element?.props?.payload || element?.props?.path;
+}
+function elementHasWebview(element) {
+    return element?.props?.webview;
+}
+const buttonTypes = {
+    POSTBACK: 'postback',
+    URL: 'url',
+    WEBVIEW: 'webview'
+};
+function getButtonType(multichannelButton) {
+    if (elementHasUrl(multichannelButton)) {
+        return buttonTypes.URL;
+    }
+    if (elementHasPostback(multichannelButton)) {
+        return buttonTypes.POSTBACK;
+    }
+    if (elementHasWebview(multichannelButton)) {
+        return buttonTypes.WEBVIEW;
+    }
+    return undefined;
+}
+function getFilteredElements(node, filter) {
+    const elements = [];
+    for (const n of node){
+        if (filter(n)) {
+            elements.push(n);
+        }
+    }
+    return elements;
+}
+function getMultichannelButtons(node) {
+    return getFilteredElements(node, isMultichannelButton);
+}
+function getMultichannelReplies(node) {
+    return getFilteredElements(node, isMultichannelReply);
+}
+
+export { buttonTypes, elementHasPostback, elementHasUrl, elementHasWebview, getButtonType, getFilteredElements, getMultichannelButtons, getMultichannelReplies, isMultichannelButton, isMultichannelReply, isNodeButton, isNodeCarousel, isNodePic, isNodeReply, isNodeSubtitle, isNodeText, isNodeTitle };
+
+//# sourceMappingURL=multichannel-utils.js.map

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

@@ -0,0 +1 @@
+{"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/components/multichannel/multichannel.js

@@ -0,0 +1,111 @@
+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 (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 = deepMapWithIndex(props.children, (child, index)=>{
+        if (isNodeButton(child)) {
+            return /*#__PURE__*/ createElement(MultichannelButton, {
+                ...child.props,
+                key: child.key
+            }, child.props.children);
+        }
+        if (isNodeReply(child)) {
+            return /*#__PURE__*/ createElement(MultichannelReply, {
+                ...child.props,
+                key: child.key
+            }, 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 (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 = /*#__PURE__*/ jsx(Text, {
+            ...MULTICHANNEL_WHATSAPP_PROPS,
+            children: newChildren
+        }, props.key);
+    }
+    return /*#__PURE__*/ jsx(MultichannelContext.Provider, {
+        value: {
+            currentIndex: props.firstIndex,
+            boldIndex: props.boldIndex,
+            indexSeparator: props.indexSeparator,
+            messageSeparator: props.messageSeparator
+        },
+        children: newChildren
+    });
+};
+
+export { Multichannel };
+
+//# sourceMappingURL=multichannel.js.map

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

@@ -0,0 +1 @@
+{"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/components/multichannel/whatsapp/constants.js

@@ -0,0 +1,16 @@
+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/components/multichannel/whatsapp/constants.js.map

@@ -0,0 +1 @@
+{"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/components/multichannel/whatsapp/markdown-meta.js

@@ -0,0 +1,41 @@
+const REGEX_MARKDOWN_BOLD = /(\*\*|__)(.*?)\1/g;
+const REGEX_MARKDOWN_ITALIC = /(\*|_)(.*?)\1/g;
+const REGEX_MARKDOWN_LINK = /\[([^\]]+)\]\(([^)]+)\)/g;
+const NORMALIZED_BOLD = '&%BOLD%&';
+const REGEX_NORMALIZED_BOLD = new RegExp(`${NORMALIZED_BOLD}(.*?)${NORMALIZED_BOLD}`, 'g');
+const NORMALIZED_ITALIC = '&%ITALIC%&';
+const REGEX_NORMALIZED_ITALIC = new RegExp(`${NORMALIZED_ITALIC}(.*?)${NORMALIZED_ITALIC}`, 'g');
+const WHATSAPP_BOLD = '*';
+const WHATSAPP_ITALIC = '_';
+// Convert markdown to WhatsApp and Facebook format
+function convertToMarkdownMeta(text) {
+    const textWithBoldAndItalic = replaceBoldAndItalic(text);
+    return replaceMarkdownLinks(textWithBoldAndItalic);
+}
+function replaceBoldAndItalic(text) {
+    const normalizedText = normalizeBoldAndItalic(text);
+    const boldAndItalicText = normalizedToMarkdownMeta(normalizedText);
+    return boldAndItalicText;
+}
+function normalizeBoldAndItalic(text) {
+    // Normalize bold
+    text = text.replace(REGEX_MARKDOWN_BOLD, `${NORMALIZED_BOLD}$2${NORMALIZED_BOLD}`);
+    // Normalize italic
+    text = text.replace(REGEX_MARKDOWN_ITALIC, `${NORMALIZED_ITALIC}$2${NORMALIZED_ITALIC}`);
+    return text;
+}
+function normalizedToMarkdownMeta(text) {
+    // convert &%BOLD%&text&%BOLD%& to *text*
+    text = text.replace(REGEX_NORMALIZED_BOLD, `${WHATSAPP_BOLD}$1${WHATSAPP_BOLD}`);
+    // convert &%ITALIC%&text&%ITALIC%& to _text_
+    text = text.replace(REGEX_NORMALIZED_ITALIC, `${WHATSAPP_ITALIC}$1${WHATSAPP_ITALIC}`);
+    return text;
+}
+function replaceMarkdownLinks(text) {
+    // $1 = textUrl, $2 = linkUrl
+    return text.replace(REGEX_MARKDOWN_LINK, '$1: $2');
+}
+
+export { convertToMarkdownMeta };
+
+//# sourceMappingURL=markdown-meta.js.map

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

@@ -0,0 +1 @@
+{"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"}