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

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

@@ -1,28 +1,32 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MultichannelFacebook = exports.MAX_CHARACTERS_FACEBOOK = void 0;
-exports.MAX_CHARACTERS_FACEBOOK = 640;
+const MAX_CHARACTERS_FACEBOOK = 640;
 class MultichannelFacebook {
     convertText(props, originalText) {
-        if (originalText.length > exports.MAX_CHARACTERS_FACEBOOK) {
+        if (originalText.length > MAX_CHARACTERS_FACEBOOK) {
             const texts = this.splitText(originalText);
             const lastText = texts.pop();
             const { propsLastText, propsWithoutChildren } = this.getNewProps(props, lastText);
-            return { texts, propsLastText, propsWithoutChildren };
+            return {
+                texts,
+                propsLastText,
+                propsWithoutChildren
+            };
         }
-        return { propsLastText: props };
+        return {
+            propsLastText: props
+        };
     }
     splitText(originalText) {
         const lines = originalText.split('\n');
         const initialText = lines.shift();
-        const texts = [initialText];
+        const texts = [
+            initialText
+        ];
         let index = 0;
-        lines.forEach(currentText => {
-            if (texts[index].length + currentText.length > exports.MAX_CHARACTERS_FACEBOOK) {
+        lines.forEach((currentText)=>{
+            if (texts[index].length + currentText.length > MAX_CHARACTERS_FACEBOOK) {
                 index++;
                 texts.push(currentText);
-            }
-            else {
+            } else {
                 texts[index] = texts[index].concat('\n', currentText);
             }
         });
@@ -30,19 +34,28 @@ class MultichannelFacebook {
     }
     // modifies the props to keep the children only for the last text message, this message will be the one with buttons and replies
     getNewProps(props, lastText) {
-        const propsLastText = { ...props };
-        propsLastText.children = [lastText];
+        const propsLastText = {
+            ...props
+        };
+        propsLastText.children = [
+            lastText
+        ];
         if (Array.isArray(props.children)) {
-            props.children
-                .filter(e => e.type)
-                .forEach(e => {
+            props.children.filter((e)=>e.type).forEach((e)=>{
                 propsLastText.children.push(e);
             });
         }
-        const propsWithoutChildren = { ...props };
+        const propsWithoutChildren = {
+            ...props
+        };
         delete propsWithoutChildren.children;
-        return { propsLastText, propsWithoutChildren };
+        return {
+            propsLastText,
+            propsWithoutChildren
+        };
     }
 }
-exports.MultichannelFacebook = MultichannelFacebook;
+
+export { MAX_CHARACTERS_FACEBOOK, MultichannelFacebook };
+
 //# sourceMappingURL=facebook.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"facebook.js","sourceRoot":"","sources":["../../../../../src/components/multichannel/facebook/facebook.jsx"],"names":[],"mappings":";;;AAAa,QAAA,uBAAuB,GAAG,GAAG,CAAA;AAE1C,MAAa,oBAAoB;IAC/B,WAAW,CAAC,KAAK,EAAE,YAAY;QAC7B,IAAI,YAAY,CAAC,MAAM,GAAG,+BAAuB,EAAE,CAAC;YAClD,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAAA;YAC1C,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,EAAE,CAAA;YAC5B,MAAM,EAAE,aAAa,EAAE,oBAAoB,EAAE,GAAG,IAAI,CAAC,WAAW,CAC9D,KAAK,EACL,QAAQ,CACT,CAAA;YACD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,CAAA;QACvD,CAAC;QACD,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,CAAA;IACjC,CAAC;IAED,SAAS,CAAC,YAAY;QACpB,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QACtC,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,EAAE,CAAA;QACjC,MAAM,KAAK,GAAG,CAAC,WAAW,CAAC,CAAA;QAC3B,IAAI,KAAK,GAAG,CAAC,CAAA;QACb,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;YAC1B,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,WAAW,CAAC,MAAM,GAAG,+BAAuB,EAAE,CAAC;gBACvE,KAAK,EAAE,CAAA;gBACP,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;YACzB,CAAC;iBAAM,CAAC;gBACN,KAAK,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,WAAW,CAAC,CAAA;YACvD,CAAC;QACH,CAAC,CAAC,CAAA;QACF,OAAO,KAAK,CAAA;IACd,CAAC;IAED,gIAAgI;IAChI,WAAW,CAAC,KAAK,EAAE,QAAQ;QACzB,MAAM,aAAa,GAAG,EAAE,GAAG,KAAK,EAAE,CAAA;QAClC,aAAa,CAAC,QAAQ,GAAG,CAAC,QAAQ,CAAC,CAAA;QACnC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC;YAClC,KAAK,CAAC,QAAQ;iBACX,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;iBACnB,OAAO,CAAC,CAAC,CAAC,EAAE;gBACX,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;YAChC,CAAC,CAAC,CAAA;QACN,CAAC;QACD,MAAM,oBAAoB,GAAG,EAAE,GAAG,KAAK,EAAE,CAAA;QACzC,OAAO,oBAAoB,CAAC,QAAQ,CAAA;QACpC,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,CAAA;IAChD,CAAC;CACF;AA7CD,oDA6CC"}
+{"version":3,"file":"components/multichannel/facebook/facebook.js","sources":["../../../../../src/components/multichannel/facebook/facebook.jsx"],"sourcesContent":["export const MAX_CHARACTERS_FACEBOOK = 640\n\nexport class MultichannelFacebook {\n  convertText(props, originalText) {\n    if (originalText.length > MAX_CHARACTERS_FACEBOOK) {\n      const texts = this.splitText(originalText)\n      const lastText = texts.pop()\n      const { propsLastText, propsWithoutChildren } = this.getNewProps(\n        props,\n        lastText\n      )\n      return { texts, propsLastText, propsWithoutChildren }\n    }\n    return { propsLastText: props }\n  }\n\n  splitText(originalText) {\n    const lines = originalText.split('\\n')\n    const initialText = lines.shift()\n    const texts = [initialText]\n    let index = 0\n    lines.forEach(currentText => {\n      if (texts[index].length + currentText.length > MAX_CHARACTERS_FACEBOOK) {\n        index++\n        texts.push(currentText)\n      } else {\n        texts[index] = texts[index].concat('\\n', currentText)\n      }\n    })\n    return texts\n  }\n\n  // modifies the props to keep the children only for the last text message, this message will be the one with buttons and replies\n  getNewProps(props, lastText) {\n    const propsLastText = { ...props }\n    propsLastText.children = [lastText]\n    if (Array.isArray(props.children)) {\n      props.children\n        .filter(e => e.type)\n        .forEach(e => {\n          propsLastText.children.push(e)\n        })\n    }\n    const propsWithoutChildren = { ...props }\n    delete propsWithoutChildren.children\n    return { propsLastText, propsWithoutChildren }\n  }\n}\n"],"names":["MAX_CHARACTERS_FACEBOOK","MultichannelFacebook","props","originalText","texts","lastText","propsLastText","propsWithoutChildren","lines","initialText","index","currentText","Array","e"],"mappings":"AAAO,MAAMA,uBAAuBA,GAAG,IAAG;AAEnC,MAAMC,oBAAoBA;IAC/B,YAAYC,KAAK,EAAEC,YAAY,EAAE;QAC/B,IAAIA,aAAa,MAAM,GAAGH,uBAAuBA,EAAE;YACjD,MAAMI,QAAQ,IAAI,CAAC,SAAS,CAACD;YAC7B,MAAME,WAAWD,MAAM,GAAG;YAC1B,MAAM,EAAEE,aAAa,EAAEC,oBAAoB,EAAE,GAAG,IAAI,CAAC,WAAW,CAC9DL,OACAG;YAEF,OAAO;gBAAED;gBAAOE;gBAAeC;YAAqB;QACtD;QACA,OAAO;YAAE,eAAeL;QAAM;IAChC;IAEA,UAAUC,YAAY,EAAE;QACtB,MAAMK,QAAQL,aAAa,KAAK,CAAC;QACjC,MAAMM,cAAcD,MAAM,KAAK;QAC/B,MAAMJ,QAAQ;YAACK;SAAY;QAC3B,IAAIC,QAAQ;QACZF,MAAM,OAAO,CAACG,CAAAA;YACZ,IAAIP,KAAK,CAACM,MAAM,CAAC,MAAM,GAAGC,YAAY,MAAM,GAAGX,uBAAuBA,EAAE;gBACtEU;gBACAN,MAAM,IAAI,CAACO;YACb,OAAO;gBACLP,KAAK,CAACM,MAAM,GAAGN,KAAK,CAACM,MAAM,CAAC,MAAM,CAAC,MAAMC;YAC3C;QACF;QACA,OAAOP;IACT;IAEA,gIAAgI;IAChI,YAAYF,KAAK,EAAEG,QAAQ,EAAE;QAC3B,MAAMC,gBAAgB;YAAE,GAAGJ,KAAK;QAAC;QACjCI,cAAc,QAAQ,GAAG;YAACD;SAAS;QACnC,IAAIO,MAAM,OAAO,CAACV,MAAM,QAAQ,GAAG;YACjCA,MAAM,QAAQ,CACX,MAAM,CAACW,CAAAA,IAAKA,EAAE,IAAI,EAClB,OAAO,CAACA,CAAAA;gBACPP,cAAc,QAAQ,CAAC,IAAI,CAACO;YAC9B;QACJ;QACA,MAAMN,uBAAuB;YAAE,GAAGL,KAAK;QAAC;QACxC,OAAOK,qBAAqB,QAAQ;QACpC,OAAO;YAAED;YAAeC;QAAqB;IAC/C;AACF"}

package/lib/esm/components/multichannel/index-types.js

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

package/lib/esm/components/multichannel/index-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"index-types.js","sourceRoot":"","sources":["../../../../src/components/multichannel/index-types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"components/multichannel/index-types.js","sources":["../../../../src/components/multichannel/index-types.ts"],"sourcesContent":["export type IndexMode = 'number' | 'letter' | undefined //undefined means no index\n\nexport interface MultichannelViewOptions {\n  boldIndex?: boolean\n  indexSeparator?: string // after it, a space will always be added\n}\n\nexport interface MultichannelContextType extends MultichannelViewOptions {\n  currentIndex: number | string // can be letter or number\n  /** @see same field at MultichannelProps */\n  messageSeparator?: string\n}\n\n// Text\nexport interface MultichannelTextProps extends MultichannelViewOptions {\n  index?: string\n  indexMode?: IndexMode\n  /** Defaults to no separator between lines*/\n  newline?: string\n  buttonsAsText?: boolean\n  buttonsTextSeparator?: string\n  menuButtonTextWhatsappList?: string\n}\n\n// Carousel\nexport interface MultichannelCarouselProps extends MultichannelViewOptions {\n  enableURL?: boolean\n}\n\n// Button\nexport interface MultichannelButtonProps {\n  newline?: string\n  path?: string\n  payload?: string\n  url?: string\n  webview?: string\n  asText?: boolean\n}\n\n// Reply\n\nexport interface MultichannelProps extends MultichannelViewOptions {\n  firstIndex?: number | string\n  carousel?: MultichannelCarouselProps\n  text?: MultichannelTextProps\n  /**\n   * If undefined, each component will be served in a different botonic message\n   * '' will concatenate in the same line\n   * '\\n' will split in different lines\n   * '\\n\\n' will separate with an empty line\n   **/\n  messageSeparator?: string\n}\n"],"names":[],"mappings":"AAuCA,QAAQ;AAaP"}

package/lib/esm/components/multichannel/index.d.ts

@@ -1,11 +1,11 @@
-import { Multichannel } from './multichannel';
-import { MultichannelButton } from './multichannel-button';
-import { MultichannelCarousel } from './multichannel-carousel';
-import { MultichannelReply } from './multichannel-reply';
-import { MultichannelText } from './multichannel-text';
+import { Multichannel } from './multichannel.js';
+import { MultichannelButton } from './multichannel-button.js';
+import { MultichannelCarousel } from './multichannel-carousel.js';
+import { MultichannelReply } from './multichannel-reply.js';
+import { MultichannelText } from './multichannel-text.js';
 export { Multichannel };
 export { MultichannelText };
 export { MultichannelButton };
 export { MultichannelReply };
 export { MultichannelCarousel };
-export * from './index-types';
+export * from './index-types.js';

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

@@ -1,16 +1,25 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MultichannelCarousel = exports.MultichannelReply = exports.MultichannelButton = exports.MultichannelText = exports.Multichannel = void 0;
-const tslib_1 = require("tslib");
-const multichannel_1 = require("./multichannel");
-Object.defineProperty(exports, "Multichannel", { enumerable: true, get: function () { return multichannel_1.Multichannel; } });
-const multichannel_button_1 = require("./multichannel-button");
-Object.defineProperty(exports, "MultichannelButton", { enumerable: true, get: function () { return multichannel_button_1.MultichannelButton; } });
-const multichannel_carousel_1 = require("./multichannel-carousel");
-Object.defineProperty(exports, "MultichannelCarousel", { enumerable: true, get: function () { return multichannel_carousel_1.MultichannelCarousel; } });
-const multichannel_reply_1 = require("./multichannel-reply");
-Object.defineProperty(exports, "MultichannelReply", { enumerable: true, get: function () { return multichannel_reply_1.MultichannelReply; } });
-const multichannel_text_1 = require("./multichannel-text");
-Object.defineProperty(exports, "MultichannelText", { enumerable: true, get: function () { return multichannel_text_1.MultichannelText; } });
-tslib_1.__exportStar(require("./index-types"), exports);
+export * from "./index-types.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+export { Multichannel } from "./multichannel.js";
+export { MultichannelButton } from "./multichannel-button.js";
+export { MultichannelCarousel } from "./multichannel-carousel.js";
+export { MultichannelReply } from "./multichannel-reply.js";
+export { MultichannelText } from "./multichannel-text.js";
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/multichannel/index.ts"],"names":[],"mappings":";;;;AAAA,iDAA6C;AAMpC,6FANA,2BAAY,OAMA;AALrB,+DAA0D;AAOjD,mGAPA,wCAAkB,OAOA;AAN3B,mEAA8D;AAQrD,qGARA,4CAAoB,OAQA;AAP7B,6DAAwD;AAM/C,kGANA,sCAAiB,OAMA;AAL1B,2DAAsD;AAG7C,iGAHA,oCAAgB,OAGA;AAKzB,wDAA6B"}
+{"version":3,"file":"components/multichannel/index.js","sources":["../../../../src/components/multichannel/index.ts"],"sourcesContent":["import { Multichannel } from './multichannel'\nimport { MultichannelButton } from './multichannel-button'\nimport { MultichannelCarousel } from './multichannel-carousel'\nimport { MultichannelReply } from './multichannel-reply'\nimport { MultichannelText } from './multichannel-text'\n\nexport { Multichannel }\nexport { MultichannelText }\nexport { MultichannelButton }\nexport { MultichannelReply }\nexport { MultichannelCarousel }\n\nexport * from './index-types'\n"],"names":["Multichannel","MultichannelButton","MultichannelCarousel","MultichannelReply","MultichannelText"],"mappings":";;;;;;AAA6C;AACa;AACI;AACN;AACF;AAE/B;AACI;AACE;AACD;AACG;AAEF"}

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

@@ -1,72 +1,93 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MultichannelButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@botonic/core");
-const react_1 = require("react");
-const contexts_1 = require("../../contexts");
-const util_1 = require("../../util");
-const index_1 = require("../button/index");
-const constants_1 = require("../constants");
-const multichannel_context_1 = require("./multichannel-context");
-const constants_2 = require("./whatsapp/constants");
-const MultichannelButton = props => {
-    const requestContext = (0, react_1.useContext)(contexts_1.RequestContext);
-    const multichannelContext = (0, react_1.useContext)(multichannel_context_1.MultichannelContext);
-    const hasUrl = () => Boolean(props.url);
-    const hasPath = () => Boolean(props.path);
-    const hasPayload = () => Boolean(props.payload);
-    const hasPostback = () => hasPath() || hasPayload();
-    const hasWebview = () => Boolean(props.webview);
-    const getUrl = () => props.url;
-    const _getWebview = () => props.webview;
-    const increaseCurrentIndex = () => {
+import { jsx } from "react/jsx-runtime";
+import { isWhatsapp } from "@botonic/core";
+import { useContext } from "react";
+import { RequestContext } from "../../contexts.js";
+import { truncateText } from "../../util/index.js";
+import { Button } from "../button/index.js";
+import { COMPONENT_DISPLAY_NAMES } from "../constants.js";
+import { MultichannelContext } from "./multichannel-context.js";
+import { WHATSAPP_MAX_BUTTON_CHARS } from "./whatsapp/constants.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const MultichannelButton = (props)=>{
+    const requestContext = useContext(RequestContext);
+    const multichannelContext = useContext(MultichannelContext);
+    const hasUrl = ()=>Boolean(props.url);
+    const hasPath = ()=>Boolean(props.path);
+    const hasPayload = ()=>Boolean(props.payload);
+    const hasPostback = ()=>hasPath() || hasPayload();
+    const hasWebview = ()=>Boolean(props.webview);
+    const getUrl = ()=>props.url;
+    const _getWebview = ()=>props.webview;
+    const increaseCurrentIndex = ()=>{
         if (typeof multichannelContext.currentIndex === 'number') {
             multichannelContext.currentIndex += 1;
-        }
-        else if (typeof multichannelContext.currentIndex === 'string') {
+        } else if (typeof multichannelContext.currentIndex === 'string') {
             const lastChar = multichannelContext.currentIndex.charCodeAt(multichannelContext.currentIndex.length - 1);
             multichannelContext.currentIndex = String.fromCharCode(lastChar + 1);
         }
     };
-    const formatIndex = index => {
+    const formatIndex = (index)=>{
         const boldIndex = multichannelContext.boldIndex ?? false;
         return boldIndex ? `*${index}*` : index;
     };
-    const getText = () => {
+    const getText = ()=>{
         let text = props.children;
         const newline = props.newline || '';
         const separator = multichannelContext.indexSeparator || ' ';
-        const index = multichannelContext.currentIndex
-            ? `${formatIndex(multichannelContext.currentIndex + separator)} `
-            : '';
+        const index = multichannelContext.currentIndex ? `${formatIndex(multichannelContext.currentIndex + separator)} ` : '';
         if (hasPostback()) {
             text = `${newline}${index}${text}`;
-        }
-        else if (hasUrl()) {
+        } else if (hasUrl()) {
             text = `${newline}- ${text}`;
         }
         return text;
     };
-    if ((0, core_1.isWhatsapp)(requestContext.session)) {
+    if (isWhatsapp(requestContext.session)) {
         const asText = props.asText ?? true;
         if (asText) {
             if (hasUrl()) {
                 return `${getText()}: ${getUrl()}`;
-            }
-            else if (hasPath() || hasPayload()) {
+            } else if (hasPath() || hasPayload()) {
                 const text = getText();
                 increaseCurrentIndex();
                 return `${text}`;
-            }
-            else if (hasWebview()) {
-                return (0, jsx_runtime_1.jsx)(index_1.Button, { ...props, children: getText() });
+            } else if (hasWebview()) {
+                return /*#__PURE__*/ jsx(Button, {
+                    ...props,
+                    children: getText()
+                });
             }
         }
-        return ((0, jsx_runtime_1.jsx)(index_1.Button, { ...props, children: (0, util_1.truncateText)(props.children, constants_2.WHATSAPP_MAX_BUTTON_CHARS) }));
+        return /*#__PURE__*/ jsx(Button, {
+            ...props,
+            children: truncateText(props.children, WHATSAPP_MAX_BUTTON_CHARS)
+        });
     }
-    return (0, jsx_runtime_1.jsx)(index_1.Button, { ...props, children: props.children });
+    return /*#__PURE__*/ jsx(Button, {
+        ...props,
+        children: props.children
+    });
 };
-exports.MultichannelButton = MultichannelButton;
-exports.MultichannelButton.displayName = constants_1.COMPONENT_DISPLAY_NAMES.MultichannelButton;
+MultichannelButton.displayName = COMPONENT_DISPLAY_NAMES.MultichannelButton;
+
+export { MultichannelButton };
+
 //# sourceMappingURL=multichannel-button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"multichannel-button.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-button.jsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"components/multichannel/multichannel-button.js","sources":["../../../../src/components/multichannel/multichannel-button.jsx"],"sourcesContent":["import { isWhatsapp } from '@botonic/core'\nimport { useContext } from 'react'\n\nimport { RequestContext } from '../../contexts'\nimport { truncateText } from '../../util'\nimport { Button } from '../button/index'\nimport { COMPONENT_DISPLAY_NAMES } from '../constants'\nimport { MultichannelContext } from './multichannel-context'\nimport { WHATSAPP_MAX_BUTTON_CHARS } from './whatsapp/constants'\n\nexport const MultichannelButton = props => {\n  const requestContext = useContext(RequestContext)\n  const multichannelContext = useContext(MultichannelContext)\n\n  const hasUrl = () => Boolean(props.url)\n\n  const hasPath = () => Boolean(props.path)\n\n  const hasPayload = () => Boolean(props.payload)\n\n  const hasPostback = () => hasPath() || hasPayload()\n\n  const hasWebview = () => Boolean(props.webview)\n\n  const getUrl = () => props.url\n  const _getWebview = () => props.webview\n\n  const increaseCurrentIndex = () => {\n    if (typeof multichannelContext.currentIndex === 'number') {\n      multichannelContext.currentIndex += 1\n    } else if (typeof multichannelContext.currentIndex === 'string') {\n      const lastChar = multichannelContext.currentIndex.charCodeAt(\n        multichannelContext.currentIndex.length - 1\n      )\n      multichannelContext.currentIndex = String.fromCharCode(lastChar + 1)\n    }\n  }\n\n  const formatIndex = index => {\n    const boldIndex = multichannelContext.boldIndex ?? false\n    return boldIndex ? `*${index}*` : index\n  }\n\n  const getText = () => {\n    let text = props.children\n    const newline = props.newline || ''\n    const separator = multichannelContext.indexSeparator || ' '\n    const index = multichannelContext.currentIndex\n      ? `${formatIndex(multichannelContext.currentIndex + separator)} `\n      : ''\n    if (hasPostback()) {\n      text = `${newline}${index}${text}`\n    } else if (hasUrl()) {\n      text = `${newline}- ${text}`\n    }\n    return text\n  }\n\n  if (isWhatsapp(requestContext.session)) {\n    const asText = props.asText ?? true\n    if (asText) {\n      if (hasUrl()) {\n        return `${getText()}: ${getUrl()}`\n      } else if (hasPath() || hasPayload()) {\n        const text = getText()\n        increaseCurrentIndex()\n        return `${text}`\n      } else if (hasWebview()) {\n        return <Button {...props}>{getText()}</Button>\n      }\n    }\n    return (\n      <Button {...props}>\n        {truncateText(props.children, WHATSAPP_MAX_BUTTON_CHARS)}\n      </Button>\n    )\n  }\n  return <Button {...props}>{props.children}</Button>\n}\n\nMultichannelButton.displayName = COMPONENT_DISPLAY_NAMES.MultichannelButton\n"],"names":["isWhatsapp","useContext","RequestContext","truncateText","Button","COMPONENT_DISPLAY_NAMES","MultichannelContext","WHATSAPP_MAX_BUTTON_CHARS","MultichannelButton","props","requestContext","multichannelContext","hasUrl","Boolean","hasPath","hasPayload","hasPostback","hasWebview","getUrl","_getWebview","increaseCurrentIndex","lastChar","String","formatIndex","index","boldIndex","getText","text","newline","separator","asText"],"mappings":";;;;;;;;;;;;;;;;;;;;AAA0C;AACR;AAEa;AACN;AACD;AACc;AACM;AACI;AAEzD,MAAMQ,kBAAkBA,GAAGC,CAAAA;IAChC,MAAMC,iBAAiBT,UAAUA,CAACC,cAAcA;IAChD,MAAMS,sBAAsBV,UAAUA,CAACK,mBAAmBA;IAE1D,MAAMM,SAAS,IAAMC,QAAQJ,MAAM,GAAG;IAEtC,MAAMK,UAAU,IAAMD,QAAQJ,MAAM,IAAI;IAExC,MAAMM,aAAa,IAAMF,QAAQJ,MAAM,OAAO;IAE9C,MAAMO,cAAc,IAAMF,aAAaC;IAEvC,MAAME,aAAa,IAAMJ,QAAQJ,MAAM,OAAO;IAE9C,MAAMS,SAAS,IAAMT,MAAM,GAAG;IAC9B,MAAMU,cAAc,IAAMV,MAAM,OAAO;IAEvC,MAAMW,uBAAuB;QAC3B,IAAI,OAAOT,oBAAoB,YAAY,KAAK,UAAU;YACxDA,oBAAoB,YAAY,IAAI;QACtC,OAAO,IAAI,OAAOA,oBAAoB,YAAY,KAAK,UAAU;YAC/D,MAAMU,WAAWV,oBAAoB,YAAY,CAAC,UAAU,CAC1DA,oBAAoB,YAAY,CAAC,MAAM,GAAG;YAE5CA,oBAAoB,YAAY,GAAGW,OAAO,YAAY,CAACD,WAAW;QACpE;IACF;IAEA,MAAME,cAAcC,CAAAA;QAClB,MAAMC,YAAYd,oBAAoB,SAAS,IAAI;QACnD,OAAOc,YAAY,CAAC,CAAC,EAAED,MAAM,CAAC,CAAC,GAAGA;IACpC;IAEA,MAAME,UAAU;QACd,IAAIC,OAAOlB,MAAM,QAAQ;QACzB,MAAMmB,UAAUnB,MAAM,OAAO,IAAI;QACjC,MAAMoB,YAAYlB,oBAAoB,cAAc,IAAI;QACxD,MAAMa,QAAQb,oBAAoB,YAAY,GAC1C,GAAGY,YAAYZ,oBAAoB,YAAY,GAAGkB,WAAW,CAAC,CAAC,GAC/D;QACJ,IAAIb,eAAe;YACjBW,OAAO,GAAGC,UAAUJ,QAAQG,MAAM;QACpC,OAAO,IAAIf,UAAU;YACnBe,OAAO,GAAGC,QAAQ,EAAE,EAAED,MAAM;QAC9B;QACA,OAAOA;IACT;IAEA,IAAI3B,UAAUA,CAACU,eAAe,OAAO,GAAG;QACtC,MAAMoB,SAASrB,MAAM,MAAM,IAAI;QAC/B,IAAIqB,QAAQ;YACV,IAAIlB,UAAU;gBACZ,OAAO,GAAGc,UAAU,EAAE,EAAER,UAAU;YACpC,OAAO,IAAIJ,aAAaC,cAAc;gBACpC,MAAMY,OAAOD;gBACbN;gBACA,OAAO,GAAGO,MAAM;YAClB,OAAO,IAAIV,cAAc;gBACvB,qBAAO,IAACb,MAAMA;oBAAE,GAAGK,KAAK;8BAAGiB;;YAC7B;QACF;QACA,qBACE,IAACtB,MAAMA;YAAE,GAAGK,KAAK;sBACdN,YAAYA,CAACM,MAAM,QAAQ,EAAEF,yBAAyBA;;IAG7D;IACA,qBAAO,IAACH,MAAMA;QAAE,GAAGK,KAAK;kBAAGA,MAAM,QAAQ;;AAC3C,EAAC;AAEDD,kBAAkBA,CAAC,WAAW,GAAGH,0CAA0C"}

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

@@ -1,80 +1,123 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MultichannelCarousel = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@botonic/core");
-const react_1 = require("react");
-const contexts_1 = require("../../contexts");
-const index_1 = require("../button/index");
-const carousel_1 = require("../carousel");
-const image_1 = require("../image");
-const text_1 = require("../text");
-const whatsapp_cta_url_button_1 = require("../whatsapp-cta-url-button");
-const multichannel_utils_1 = require("./multichannel-utils");
-const markdown_meta_1 = require("./whatsapp/markdown-meta");
-const MultichannelCarousel = props => {
-    const requestContext = (0, react_1.useContext)(contexts_1.RequestContext);
-    if ((0, core_1.isDev)(requestContext.session) || (0, core_1.isWebchat)(requestContext.session)) {
-        return (0, jsx_runtime_1.jsx)(carousel_1.Carousel, { ...props, children: props.children });
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { isDev, isFacebook, isInstagram, isWebchat, isWhatsapp } from "@botonic/core";
+import { useContext } from "react";
+import { RequestContext } from "../../contexts.js";
+import { Button } from "../button/index.js";
+import { Carousel } from "../carousel.js";
+import { Image } from "../image.js";
+import { Text } from "../text.js";
+import { WhatsappCTAUrlButton } from "../whatsapp-cta-url-button.js";
+import { getFilteredElements, isMultichannelButton, isNodePic, isNodeSubtitle, isNodeTitle } from "./multichannel-utils.js";
+import { convertToMarkdownMeta } from "./whatsapp/markdown-meta.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const MultichannelCarousel = (props)=>{
+    const requestContext = useContext(RequestContext);
+    if (isDev(requestContext.session) || isWebchat(requestContext.session)) {
+        return /*#__PURE__*/ jsx(Carousel, {
+            ...props,
+            children: props.children
+        });
     }
     const messages = [];
-    const childrenElements = props.children.map(e => e.props.children);
-    childrenElements.forEach((element, i) => {
+    const childrenElements = props.children.map((e)=>e.props.children);
+    childrenElements.forEach((element, i)=>{
         const { imageProps, title, subtitle, buttons } = parseCarouselElement(element);
         const textMessage = getTextMessage(requestContext.session, title, subtitle);
         if (imageProps?.src) {
-            const messageWithImage = (0, jsx_runtime_1.jsx)(image_1.Image, { src: imageProps.src });
+            const messageWithImage = /*#__PURE__*/ jsx(Image, {
+                src: imageProps.src
+            });
             messages.push(messageWithImage);
         }
-        if ((0, core_1.isWhatsapp)(requestContext.session) &&
-            buttons.some(button => button.url)) {
-            const messageWithButtonUrl = ((0, jsx_runtime_1.jsx)(whatsapp_cta_url_button_1.WhatsappCTAUrlButton, { body: title, footer: `_${subtitle}_`, displayText: buttons[0].text, url: buttons[0].url }, `carousel-element-${i}-cta-url`));
+        if (isWhatsapp(requestContext.session) && buttons.some((button)=>button.url)) {
+            const messageWithButtonUrl = /*#__PURE__*/ jsx(WhatsappCTAUrlButton, {
+                body: title,
+                footer: `_${subtitle}_`,
+                displayText: buttons[0].text,
+                url: buttons[0].url
+            }, `carousel-element-${i}-cta-url`);
             messages.push(messageWithButtonUrl);
         }
-        const messageWithButtons = buttons.some(button => button.payload) ? ((0, jsx_runtime_1.jsxs)(text_1.Text, { children: [textMessage, buttons
-                    .filter(button => (0, core_1.isWhatsapp)(requestContext.session) && !button.url)
-                    .map(button => ((0, jsx_runtime_1.jsx)(index_1.Button, { payload: button.payload, url: button.url, children: button.text }, `carousel-element-${i}-button`)))] }, `carousel-element-${i}-text`)) : ([]);
+        const messageWithButtons = buttons.some((button)=>button.payload) ? /*#__PURE__*/ jsxs(Text, {
+            children: [
+                textMessage,
+                buttons.filter((button)=>isWhatsapp(requestContext.session) && !button.url).map((button)=>/*#__PURE__*/ jsx(Button, {
+                        payload: button.payload,
+                        url: button.url,
+                        children: button.text
+                    }, `carousel-element-${i}-button`))
+            ]
+        }, `carousel-element-${i}-text`) : [];
         messages.push(messageWithButtons);
     });
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: messages });
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: messages
+    });
 };
-exports.MultichannelCarousel = MultichannelCarousel;
 function getButtons(node) {
-    return [].concat((0, multichannel_utils_1.getFilteredElements)(node, multichannel_utils_1.isMultichannelButton));
+    return [].concat(getFilteredElements(node, isMultichannelButton));
 }
 function parseCarouselElement(element) {
     let imageProps, title, subtitle;
     const buttonsChildren = [];
-    for (const node of element) {
-        if ((0, multichannel_utils_1.isNodePic)(node)) {
+    for (const node of element){
+        if (isNodePic(node)) {
             imageProps = node.props;
         }
-        if ((0, multichannel_utils_1.isNodeTitle)(node)) {
+        if (isNodeTitle(node)) {
             title = node.props.children;
         }
-        if ((0, multichannel_utils_1.isNodeSubtitle)(node)) {
+        if (isNodeSubtitle(node)) {
             subtitle = node.props.children;
         }
-        if ((0, multichannel_utils_1.isMultichannelButton)(node)) {
+        if (isMultichannelButton(node)) {
             buttonsChildren.push(node);
         }
         if (Array.isArray(node)) {
             buttonsChildren.push(...getButtons(node));
         }
     }
-    const buttons = buttonsChildren.map(button => {
+    const buttons = buttonsChildren.map((button)=>{
         return {
             text: button.props.children,
             payload: button.props.payload,
-            url: button.props.url,
+            url: button.props.url
         };
     });
-    return { imageProps, title, subtitle, buttons };
+    return {
+        imageProps,
+        title,
+        subtitle,
+        buttons
+    };
 }
 function getTextMessage(session, title, subtitle) {
     const formattedTextMessage = `**${title}**${subtitle ? ` _${subtitle}_` : ''}`;
-    return (0, core_1.isWhatsapp)(session) || (0, core_1.isFacebook)(session) || (0, core_1.isInstagram)(session)
-        ? (0, markdown_meta_1.convertToMarkdownMeta)(formattedTextMessage)
-        : formattedTextMessage;
+    return isWhatsapp(session) || isFacebook(session) || isInstagram(session) ? convertToMarkdownMeta(formattedTextMessage) : formattedTextMessage;
 }
+
+export { MultichannelCarousel };
+
 //# sourceMappingURL=multichannel-carousel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"multichannel-carousel.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-carousel.jsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"components/multichannel/multichannel-carousel.js","sources":["../../../../src/components/multichannel/multichannel-carousel.jsx"],"sourcesContent":["import {\n  isDev,\n  isFacebook,\n  isInstagram,\n  isWebchat,\n  isWhatsapp,\n} from '@botonic/core'\nimport { useContext } from 'react'\n\nimport { RequestContext } from '../../contexts'\nimport { Button } from '../button/index'\nimport { Carousel } from '../carousel'\nimport { Image } from '../image'\nimport { Text } from '../text'\nimport { WhatsappCTAUrlButton } from '../whatsapp-cta-url-button'\nimport {\n  getFilteredElements,\n  isMultichannelButton,\n  isNodePic,\n  isNodeSubtitle,\n  isNodeTitle,\n} from './multichannel-utils'\nimport { convertToMarkdownMeta } from './whatsapp/markdown-meta'\n\nexport const MultichannelCarousel = props => {\n  const requestContext = useContext(RequestContext)\n\n  if (isDev(requestContext.session) || isWebchat(requestContext.session)) {\n    return <Carousel {...props}>{props.children}</Carousel>\n  }\n\n  const messages = []\n  const childrenElements = props.children.map(e => e.props.children)\n\n  childrenElements.forEach((element, i) => {\n    const { imageProps, title, subtitle, buttons } =\n      parseCarouselElement(element)\n\n    const textMessage = getTextMessage(requestContext.session, title, subtitle)\n\n    if (imageProps?.src) {\n      const messageWithImage = <Image src={imageProps.src} />\n      messages.push(messageWithImage)\n    }\n\n    if (\n      isWhatsapp(requestContext.session) &&\n      buttons.some(button => button.url)\n    ) {\n      const messageWithButtonUrl = (\n        <WhatsappCTAUrlButton\n          key={`carousel-element-${i}-cta-url`}\n          body={title}\n          footer={`_${subtitle}_`}\n          displayText={buttons[0].text}\n          url={buttons[0].url}\n        />\n      )\n      messages.push(messageWithButtonUrl)\n    }\n\n    const messageWithButtons = buttons.some(button => button.payload) ? (\n      <Text key={`carousel-element-${i}-text`}>\n        {textMessage}\n        {buttons\n          .filter(button => isWhatsapp(requestContext.session) && !button.url)\n          .map(button => (\n            <Button\n              key={`carousel-element-${i}-button`}\n              payload={button.payload}\n              url={button.url}\n            >\n              {button.text}\n            </Button>\n          ))}\n      </Text>\n    ) : (\n      []\n    )\n    messages.push(messageWithButtons)\n  })\n\n  return <>{messages}</>\n}\n\nfunction getButtons(node) {\n  return [].concat(getFilteredElements(node, isMultichannelButton))\n}\n\nfunction parseCarouselElement(element) {\n  let imageProps, title, subtitle\n  const buttonsChildren = []\n\n  for (const node of element) {\n    if (isNodePic(node)) {\n      imageProps = node.props\n    }\n    if (isNodeTitle(node)) {\n      title = node.props.children\n    }\n    if (isNodeSubtitle(node)) {\n      subtitle = node.props.children\n    }\n    if (isMultichannelButton(node)) {\n      buttonsChildren.push(node)\n    }\n    if (Array.isArray(node)) {\n      buttonsChildren.push(...getButtons(node))\n    }\n  }\n\n  const buttons = buttonsChildren.map(button => {\n    return {\n      text: button.props.children,\n      payload: button.props.payload,\n      url: button.props.url,\n    }\n  })\n\n  return { imageProps, title, subtitle, buttons }\n}\n\nfunction getTextMessage(session, title, subtitle) {\n  const formattedTextMessage = `**${title}**${subtitle ? ` _${subtitle}_` : ''}`\n  return isWhatsapp(session) || isFacebook(session) || isInstagram(session)\n    ? convertToMarkdownMeta(formattedTextMessage)\n    : formattedTextMessage\n}\n"],"names":["isDev","isFacebook","isInstagram","isWebchat","isWhatsapp","useContext","RequestContext","Button","Carousel","Image","Text","WhatsappCTAUrlButton","getFilteredElements","isMultichannelButton","isNodePic","isNodeSubtitle","isNodeTitle","convertToMarkdownMeta","MultichannelCarousel","props","requestContext","messages","childrenElements","e","element","i","imageProps","title","subtitle","buttons","parseCarouselElement","textMessage","getTextMessage","messageWithImage","button","messageWithButtonUrl","messageWithButtons","getButtons","node","buttonsChildren","Array","session","formattedTextMessage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAMsB;AACY;AAEa;AACP;AACF;AACN;AACF;AACmC;AAOpC;AACmC;AAEzD,MAAMkB,oBAAoBA,GAAGC,CAAAA;IAClC,MAAMC,iBAAiBf,UAAUA,CAACC,cAAcA;IAEhD,IAAIN,KAAKA,CAACoB,eAAe,OAAO,KAAKjB,SAASA,CAACiB,eAAe,OAAO,GAAG;QACtE,qBAAO,IAACZ,QAAQA;YAAE,GAAGW,KAAK;sBAAGA,MAAM,QAAQ;;IAC7C;IAEA,MAAME,WAAW,EAAE;IACnB,MAAMC,mBAAmBH,MAAM,QAAQ,CAAC,GAAG,CAACI,CAAAA,IAAKA,EAAE,KAAK,CAAC,QAAQ;IAEjED,iBAAiB,OAAO,CAAC,CAACE,SAASC;QACjC,MAAM,EAAEC,UAAU,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,OAAO,EAAE,GAC5CC,oBAAoBA,CAACN;QAEvB,MAAMO,cAAcC,cAAcA,CAACZ,eAAe,OAAO,EAAEO,OAAOC;QAElE,IAAIF,YAAY,KAAK;YACnB,MAAMO,iCAAmB,IAACxB,KAAKA;gBAAC,KAAKiB,WAAW,GAAG;;YACnDL,SAAS,IAAI,CAACY;QAChB;QAEA,IACE7B,UAAUA,CAACgB,eAAe,OAAO,KACjCS,QAAQ,IAAI,CAACK,CAAAA,SAAUA,OAAO,GAAG,GACjC;YACA,MAAMC,qCACJ,IAACxB,oBAAoBA;gBAEnB,MAAMgB;gBACN,QAAQ,CAAC,CAAC,EAAEC,SAAS,CAAC,CAAC;gBACvB,aAAaC,OAAO,CAAC,EAAE,CAAC,IAAI;gBAC5B,KAAKA,OAAO,CAAC,EAAE,CAAC,GAAG;eAJd,CAAC,iBAAiB,EAAEJ,EAAE,QAAQ,CAAC;YAOxCJ,SAAS,IAAI,CAACc;QAChB;QAEA,MAAMC,qBAAqBP,QAAQ,IAAI,CAACK,CAAAA,SAAUA,OAAO,OAAO,kBAC9D,KAACxB,IAAIA;;gBACFqB;gBACAF,QACE,MAAM,CAACK,CAAAA,SAAU9B,UAAUA,CAACgB,eAAe,OAAO,KAAK,CAACc,OAAO,GAAG,EAClE,GAAG,CAACA,CAAAA,uBACH,IAAC3B,MAAMA;wBAEL,SAAS2B,OAAO,OAAO;wBACvB,KAAKA,OAAO,GAAG;kCAEdA,OAAO,IAAI;uBAJP,CAAC,iBAAiB,EAAET,EAAE,OAAO,CAAC;;WANhC,CAAC,iBAAiB,EAAEA,EAAE,KAAK,CAAC,IAevC,EAAE;QAEJJ,SAAS,IAAI,CAACe;IAChB;IAEA,qBAAO;kBAAGf;;AACZ,EAAC;AAED,SAASgB,UAAUA,CAACC,IAAI;IACtB,OAAO,EAAE,CAAC,MAAM,CAAC1B,mBAAmBA,CAAC0B,MAAMzB,oBAAoBA;AACjE;AAEA,SAASiB,oBAAoBA,CAACN,OAAO;IACnC,IAAIE,YAAYC,OAAOC;IACvB,MAAMW,kBAAkB,EAAE;IAE1B,KAAK,MAAMD,QAAQd,QAAS;QAC1B,IAAIV,SAASA,CAACwB,OAAO;YACnBZ,aAAaY,KAAK,KAAK;QACzB;QACA,IAAItB,WAAWA,CAACsB,OAAO;YACrBX,QAAQW,KAAK,KAAK,CAAC,QAAQ;QAC7B;QACA,IAAIvB,cAAcA,CAACuB,OAAO;YACxBV,WAAWU,KAAK,KAAK,CAAC,QAAQ;QAChC;QACA,IAAIzB,oBAAoBA,CAACyB,OAAO;YAC9BC,gBAAgB,IAAI,CAACD;QACvB;QACA,IAAIE,MAAM,OAAO,CAACF,OAAO;YACvBC,gBAAgB,IAAI,IAAIF,UAAUA,CAACC;QACrC;IACF;IAEA,MAAMT,UAAUU,gBAAgB,GAAG,CAACL,CAAAA;QAClC,OAAO;YACL,MAAMA,OAAO,KAAK,CAAC,QAAQ;YAC3B,SAASA,OAAO,KAAK,CAAC,OAAO;YAC7B,KAAKA,OAAO,KAAK,CAAC,GAAG;QACvB;IACF;IAEA,OAAO;QAAER;QAAYC;QAAOC;QAAUC;IAAQ;AAChD;AAEA,SAASG,cAAcA,CAACS,OAAO,EAAEd,KAAK,EAAEC,QAAQ;IAC9C,MAAMc,uBAAuB,CAAC,EAAE,EAAEf,MAAM,EAAE,EAAEC,WAAW,CAAC,EAAE,EAAEA,SAAS,CAAC,CAAC,GAAG,IAAI;IAC9E,OAAOxB,UAAUA,CAACqC,YAAYxC,UAAUA,CAACwC,YAAYvC,WAAWA,CAACuC,WAC7DxB,qBAAqBA,CAACyB,wBACtBA;AACN"}

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

@@ -1,13 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MultichannelContext = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-exports.MultichannelContext = react_1.default.createContext({
+import react from "react";
+
+
+
+const MultichannelContext = /*#__PURE__*/ react.createContext({
     boldIndex: true,
     text: {
-        indexMode: 'letter',
+        indexMode: 'letter'
     },
-    indexSeparator: '.',
+    indexSeparator: '.'
 });
+
+export { MultichannelContext };
+
 //# sourceMappingURL=multichannel-context.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"multichannel-context.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-context.jsx"],"names":[],"mappings":";;;;AAAA,0DAAyB;AAEZ,QAAA,mBAAmB,GAAG,eAAK,CAAC,aAAa,CAAC;IACrD,SAAS,EAAE,IAAI;IACf,IAAI,EAAE;QACJ,SAAS,EAAE,QAAQ;KACpB;IACD,cAAc,EAAE,GAAG;CACpB,CAAC,CAAA"}
+{"version":3,"file":"components/multichannel/multichannel-context.js","sources":["../../../../src/components/multichannel/multichannel-context.jsx"],"sourcesContent":["import React from 'react'\n\nexport const MultichannelContext = React.createContext({\n  boldIndex: true,\n  text: {\n    indexMode: 'letter',\n  },\n  indexSeparator: '.',\n})\n"],"names":["React","MultichannelContext"],"mappings":";;;AAAyB;AAElB,MAAMC,mBAAmBA,iBAAGD,mBAAmB,CAAC;IACrD,WAAW;IACX,MAAM;QACJ,WAAW;IACb;IACA,gBAAgB;AAClB,GAAE"}