@botonic/react 0.21.5 → 0.21.7-alpha.0

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

@@ -1,119 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MultichannelButton = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _contexts = require("../../contexts");
-
-var _button = require("../button");
-
-var _multichannelContext = require("./multichannel-context");
-
-var _multichannelUtils = require("./multichannel-utils");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var MultichannelButton = function MultichannelButton(props) {
-  var requestContext = (0, _react.useContext)(_contexts.RequestContext);
-  var multichannelContext = (0, _react.useContext)(_multichannelContext.MultichannelContext);
-
-  var hasUrl = function hasUrl() {
-    return Boolean(props.url);
-  };
-
-  var hasPath = function hasPath() {
-    return Boolean(props.path);
-  };
-
-  var hasPayload = function hasPayload() {
-    return Boolean(props.payload);
-  };
-
-  var hasPostback = function hasPostback() {
-    return hasPath() || hasPayload();
-  };
-
-  var hasWebview = function hasWebview() {
-    return Boolean(props.webview);
-  };
-
-  var getUrl = function getUrl() {
-    return props.url;
-  };
-
-  var getWebview = function getWebview() {
-    return props.webview;
-  };
-
-  var increaseCurrentIndex = function increaseCurrentIndex() {
-    if (typeof multichannelContext.currentIndex === 'number') {
-      multichannelContext.currentIndex += 1;
-    } else if (typeof multichannelContext.currentIndex === 'string') {
-      var lastChar = multichannelContext.currentIndex.charCodeAt(multichannelContext.currentIndex.length - 1);
-      multichannelContext.currentIndex = String.fromCharCode(lastChar + 1);
-    }
-  };
-
-  var formatIndex = function formatIndex(index) {
-    var _multichannelContext$;
-
-    var boldIndex = (_multichannelContext$ = multichannelContext.boldIndex) !== null && _multichannelContext$ !== void 0 ? _multichannelContext$ : false;
-    return boldIndex ? "*".concat(index, "*") : index;
-  };
-
-  var getText = function getText() {
-    var text = props.children;
-    var newline = props.newline || '';
-    var separator = multichannelContext.indexSeparator || ' ';
-    var index = multichannelContext.currentIndex ? "".concat(formatIndex(multichannelContext.currentIndex + separator), " ") : '';
-
-    if (hasPostback()) {
-      text = newline + "".concat(index).concat(text);
-    } else if (hasUrl()) {
-      text = newline + "- ".concat(text);
-    }
-
-    return text;
-  };
-
-  var truncateText = function truncateText(text, maxLength) {
-    var ellipsis = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '...';
-
-    if (text.length > maxLength) {
-      return text.substring(0, maxLength - ellipsis.length) + ellipsis;
-    }
-
-    return text;
-  };
-
-  if ((0, _multichannelUtils.isWhatsapp)(requestContext)) {
-    var _props$asText;
-
-    var asText = (_props$asText = props.asText) !== null && _props$asText !== void 0 ? _props$asText : true;
-
-    if (asText) {
-      if (hasUrl()) {
-        return "".concat(getText(), ": ").concat(getUrl());
-      } else if (hasPath() || hasPayload()) {
-        var text = getText();
-        increaseCurrentIndex();
-        return "".concat(text);
-      } else if (hasWebview()) return /*#__PURE__*/_react["default"].createElement(_button.Button, props, getText());
-    }
-
-    return /*#__PURE__*/_react["default"].createElement(_button.Button, props, truncateText(props.children, _multichannelUtils.WHATSAPP_MAX_BUTTON_CHARS));
-  }
-
-  return /*#__PURE__*/_react["default"].createElement(_button.Button, props, props.children);
-};
-
-exports.MultichannelButton = MultichannelButton;
-//# sourceMappingURL=multichannel-button.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/multichannel/multichannel-button.jsx"],"names":["MultichannelButton","props","requestContext","RequestContext","multichannelContext","MultichannelContext","hasUrl","Boolean","url","hasPath","path","hasPayload","payload","hasPostback","hasWebview","webview","getUrl","getWebview","increaseCurrentIndex","currentIndex","lastChar","charCodeAt","length","String","fromCharCode","formatIndex","index","boldIndex","getText","text","children","newline","separator","indexSeparator","truncateText","maxLength","ellipsis","substring","asText","WHATSAPP_MAX_BUTTON_CHARS"],"mappings":"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","sourcesContent":["import React, { useContext } from 'react'\n\nimport { RequestContext } from '../../contexts'\nimport { Button } from '../button'\nimport { MultichannelContext } from './multichannel-context'\nimport { isWhatsapp, WHATSAPP_MAX_BUTTON_CHARS } from './multichannel-utils'\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  const truncateText = (text, maxLength, ellipsis = '...') => {\n    if (text.length > maxLength) {\n      return text.substring(0, maxLength - ellipsis.length) + ellipsis\n    }\n    return text\n  }\n\n  if (isWhatsapp(requestContext)) {\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()) return <Button {...props}>{getText()}</Button>\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"],"file":"multichannel-button.js"}

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

@@ -1,143 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MultichannelCarousel = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _contexts = require("../../contexts");
-
-var _carousel = require("../carousel");
-
-var _multichannelText = require("./multichannel-text");
-
-var _multichannelUtils = require("./multichannel-utils");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-var MultichannelCarousel = function MultichannelCarousel(props) {
-  var requestContext = (0, _react.useContext)(_contexts.RequestContext);
-
-  var getButtons = function getButtons(node) {
-    return [].concat((0, _multichannelUtils.getFilteredElements)(node, _multichannelUtils.isMultichannelButton));
-  };
-
-  if ((0, _multichannelUtils.isWhatsapp)(requestContext)) {
-    var elements = props.children.map(function (e) {
-      return e.props.children;
-    }).map(function (element, i) {
-      var imageProps = undefined;
-      var title = undefined;
-      var subtitle = undefined;
-      var buttons = [];
-
-      var _iterator = _createForOfIteratorHelper(element),
-          _step;
-
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var node = _step.value;
-
-          if ((0, _multichannelUtils.isNodeKind)(node, 'Pic')) {
-            imageProps = node.props;
-          }
-
-          if ((0, _multichannelUtils.isNodeKind)(node, 'Title')) {
-            title = node.props.children;
-          }
-
-          if ((0, _multichannelUtils.isNodeKind)(node, 'Subtitle')) {
-            subtitle = node.props.children;
-          }
-
-          if ((0, _multichannelUtils.isNodeKind)(node, 'MultichannelButton')) {
-            buttons.push(node);
-          } //TODO support fragment containing an array
-
-
-          if (Array.isArray(node)) {
-            buttons.push(getButtons(node));
-          }
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-
-      var header = '';
-
-      if (props.showTitle && title) {
-        header += "".concat(title ? "*".concat(title, "*") : '');
-
-        if (title && subtitle) {
-          header += ' ';
-        }
-      }
-
-      if (props.showSubtitle && subtitle) {
-        header += "_".concat(subtitle, "_");
-      }
-
-      return (
-        /*#__PURE__*/
-        // TODO: newkey only for 1 nested button
-        _react["default"].createElement(_multichannelText.MultichannelText, {
-          key: i,
-          newkey: i,
-          indexMode: props.indexMode,
-          buttonsAsText: props.buttonsAsText
-        }, header || null, buttons)
-      ); // TODO: in the future, this would be the default mode
-      // } else {
-      // return (
-      //   <React.Fragment key={i}>
-      //     <Image
-      //       src={imageSrc}
-      //       caption={carouselToCaption(
-      //         i + 1,
-      //         title,
-      //         subtitle,
-      //         imageSrc,
-      //         buttonProps
-      //       )}
-      //     ></Image>
-      //   </React.Fragment>
-      // )
-      // }
-    });
-    return elements;
-  } else {
-    return /*#__PURE__*/_react["default"].createElement(_carousel.Carousel, props, props.children);
-  }
-}; // const carouselToCaption = (index, title, subtitle, imageSrc, buttonProps) => {
-//   let caption = ''
-//   let header = `${title ? `*${title}*` : ''}`
-//   header += `${subtitle ? ` - _${subtitle}_` : ''}`
-//   let buttons = ''
-//   if (buttonProps.url) {
-//     buttons += ` - ${buttonProps.children}: ${buttonProps.url}`
-//     caption = `${header ? `${header}\n` : ''}${buttons}`
-//   }
-//   if (buttonProps.payload || buttonProps.path) {
-//     buttons += `${index}. `
-//     caption = `${buttons}${buttonProps.children}`
-//   }
-//   return caption
-// }
-
-
-exports.MultichannelCarousel = MultichannelCarousel;
-//# sourceMappingURL=multichannel-carousel.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/multichannel/multichannel-carousel.jsx"],"names":["MultichannelCarousel","props","requestContext","RequestContext","getButtons","node","concat","isMultichannelButton","elements","children","map","e","element","i","imageProps","undefined","title","subtitle","buttons","push","Array","isArray","header","showTitle","showSubtitle","indexMode","buttonsAsText"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAOO,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,CAAAC,KAAK,EAAI;AAC3C,MAAMC,cAAc,GAAG,uBAAWC,wBAAX,CAAvB;;AAEA,MAAMC,UAAU,GAAG,SAAbA,UAAa,CAAAC,IAAI;AAAA,WACrB,GAAGC,MAAH,CAAU,4CAAoBD,IAApB,EAA0BE,uCAA1B,CAAV,CADqB;AAAA,GAAvB;;AAGA,MAAI,mCAAWL,cAAX,CAAJ,EAAgC;AAC9B,QAAMM,QAAQ,GAAGP,KAAK,CAACQ,QAAN,CACdC,GADc,CACV,UAAAC,CAAC;AAAA,aAAIA,CAAC,CAACV,KAAF,CAAQQ,QAAZ;AAAA,KADS,EAEdC,GAFc,CAEV,UAACE,OAAD,EAAUC,CAAV,EAAgB;AACnB,UAAIC,UAAU,GAAGC,SAAjB;AACA,UAAIC,KAAK,GAAGD,SAAZ;AACA,UAAIE,QAAQ,GAAGF,SAAf;AACA,UAAMG,OAAO,GAAG,EAAhB;;AAJmB,iDAMAN,OANA;AAAA;;AAAA;AAMnB,4DAA4B;AAAA,cAAjBP,IAAiB;;AAC1B,cAAI,mCAAWA,IAAX,EAAiB,KAAjB,CAAJ,EAA6B;AAC3BS,YAAAA,UAAU,GAAGT,IAAI,CAACJ,KAAlB;AACD;;AACD,cAAI,mCAAWI,IAAX,EAAiB,OAAjB,CAAJ,EAA+B;AAC7BW,YAAAA,KAAK,GAAGX,IAAI,CAACJ,KAAL,CAAWQ,QAAnB;AACD;;AACD,cAAI,mCAAWJ,IAAX,EAAiB,UAAjB,CAAJ,EAAkC;AAChCY,YAAAA,QAAQ,GAAGZ,IAAI,CAACJ,KAAL,CAAWQ,QAAtB;AACD;;AAED,cAAI,mCAAWJ,IAAX,EAAiB,oBAAjB,CAAJ,EAA4C;AAC1Ca,YAAAA,OAAO,CAACC,IAAR,CAAad,IAAb;AACD,WAbyB,CAc1B;;;AACA,cAAIe,KAAK,CAACC,OAAN,CAAchB,IAAd,CAAJ,EAAyB;AACvBa,YAAAA,OAAO,CAACC,IAAR,CAAaf,UAAU,CAACC,IAAD,CAAvB;AACD;AACF;AAxBkB;AAAA;AAAA;AAAA;AAAA;;AA0BnB,UAAIiB,MAAM,GAAG,EAAb;;AACA,UAAIrB,KAAK,CAACsB,SAAN,IAAmBP,KAAvB,EAA8B;AAC5BM,QAAAA,MAAM,cAAON,KAAK,cAAOA,KAAP,SAAkB,EAA9B,CAAN;;AACA,YAAIA,KAAK,IAAIC,QAAb,EAAuB;AACrBK,UAAAA,MAAM,IAAI,GAAV;AACD;AACF;;AACD,UAAIrB,KAAK,CAACuB,YAAN,IAAsBP,QAA1B,EAAoC;AAClCK,QAAAA,MAAM,eAAQL,QAAR,MAAN;AACD;;AAED;AAAA;AACE;AACA,wCAAC,kCAAD;AACE,UAAA,GAAG,EAAEJ,CADP;AAEE,UAAA,MAAM,EAAEA,CAFV;AAGE,UAAA,SAAS,EAAEZ,KAAK,CAACwB,SAHnB;AAIE,UAAA,aAAa,EAAExB,KAAK,CAACyB;AAJvB,WAMGJ,MAAM,IAAI,IANb,EAOGJ,OAPH;AAFF,QArCmB,CAkDnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACD,KArEc,CAAjB;AAsEA,WAAOV,QAAP;AACD,GAxED,MAwEO;AACL,wBAAO,gCAAC,kBAAD,EAAcP,KAAd,EAAsBA,KAAK,CAACQ,QAA5B,CAAP;AACD;AACF,CAjFM,C,CAmFP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sourcesContent":["import React, { useContext } from 'react'\n\nimport { RequestContext } from '../../contexts'\nimport { Carousel } from '../carousel'\nimport { MultichannelText } from './multichannel-text'\nimport {\n  getFilteredElements,\n  isMultichannelButton,\n  isNodeKind,\n  isWhatsapp,\n} from './multichannel-utils'\n\nexport const MultichannelCarousel = props => {\n  const requestContext = useContext(RequestContext)\n\n  const getButtons = node =>\n    [].concat(getFilteredElements(node, isMultichannelButton))\n\n  if (isWhatsapp(requestContext)) {\n    const elements = props.children\n      .map(e => e.props.children)\n      .map((element, i) => {\n        let imageProps = undefined\n        let title = undefined\n        let subtitle = undefined\n        const buttons = []\n\n        for (const node of element) {\n          if (isNodeKind(node, 'Pic')) {\n            imageProps = node.props\n          }\n          if (isNodeKind(node, 'Title')) {\n            title = node.props.children\n          }\n          if (isNodeKind(node, 'Subtitle')) {\n            subtitle = node.props.children\n          }\n\n          if (isNodeKind(node, 'MultichannelButton')) {\n            buttons.push(node)\n          }\n          //TODO support fragment containing an array\n          if (Array.isArray(node)) {\n            buttons.push(getButtons(node))\n          }\n        }\n\n        let header = ''\n        if (props.showTitle && title) {\n          header += `${title ? `*${title}*` : ''}`\n          if (title && subtitle) {\n            header += ' '\n          }\n        }\n        if (props.showSubtitle && subtitle) {\n          header += `_${subtitle}_`\n        }\n\n        return (\n          // TODO: newkey only for 1 nested button\n          <MultichannelText\n            key={i}\n            newkey={i}\n            indexMode={props.indexMode}\n            buttonsAsText={props.buttonsAsText}\n          >\n            {header || null}\n            {buttons}\n          </MultichannelText>\n        )\n\n        // TODO: in the future, this would be the default mode\n        // } else {\n        // return (\n        //   <React.Fragment key={i}>\n        //     <Image\n        //       src={imageSrc}\n        //       caption={carouselToCaption(\n        //         i + 1,\n        //         title,\n        //         subtitle,\n        //         imageSrc,\n        //         buttonProps\n        //       )}\n        //     ></Image>\n        //   </React.Fragment>\n        // )\n        // }\n      })\n    return elements\n  } else {\n    return <Carousel {...props}>{props.children}</Carousel>\n  }\n}\n\n// const carouselToCaption = (index, title, subtitle, imageSrc, buttonProps) => {\n//   let caption = ''\n//   let header = `${title ? `*${title}*` : ''}`\n//   header += `${subtitle ? ` - _${subtitle}_` : ''}`\n//   let buttons = ''\n//   if (buttonProps.url) {\n//     buttons += ` - ${buttonProps.children}: ${buttonProps.url}`\n//     caption = `${header ? `${header}\\n` : ''}${buttons}`\n//   }\n//   if (buttonProps.payload || buttonProps.path) {\n//     buttons += `${index}. `\n//     caption = `${buttons}${buttonProps.children}`\n//   }\n//   return caption\n// }\n"],"file":"multichannel-carousel.js"}

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

@@ -1,24 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MultichannelContext = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var MultichannelContext = /*#__PURE__*/_react["default"].createContext({
-  boldIndex: true,
-  carousel: {
-    indexMode: undefined
-  },
-  text: {
-    indexMode: 'letter'
-  },
-  indexSeparator: '.'
-});
-
-exports.MultichannelContext = MultichannelContext;
-//# sourceMappingURL=multichannel-context.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/multichannel/multichannel-context.jsx"],"names":["MultichannelContext","React","createContext","boldIndex","carousel","indexMode","undefined","text","indexSeparator"],"mappings":";;;;;;;;;AAAA;;AAEO,IAAMA,mBAAmB,gBAAGC,kBAAMC,aAAN,CAAoB;AACrDC,EAAAA,SAAS,EAAE,IAD0C;AAErDC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,SAAS,EAAEC;AADH,GAF2C;AAKrDC,EAAAA,IAAI,EAAE;AACJF,IAAAA,SAAS,EAAE;AADP,GAL+C;AAQrDG,EAAAA,cAAc,EAAE;AARqC,CAApB,CAA5B","sourcesContent":["import React from 'react'\n\nexport const MultichannelContext = React.createContext({\n  boldIndex: true,\n  carousel: {\n    indexMode: undefined,\n  },\n  text: {\n    indexMode: 'letter',\n  },\n  indexSeparator: '.',\n})\n"],"file":"multichannel-context.js"}

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

@@ -1,46 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MultichannelReply = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _contexts = require("../../contexts");
-
-var _reply = require("../reply");
-
-var _multichannelUtils = require("./multichannel-utils");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var MultichannelReply = function MultichannelReply(props) {
-  var requestContext = (0, _react.useContext)(_contexts.RequestContext);
-
-  var hasPath = function hasPath() {
-    return Boolean(props.path);
-  };
-
-  var hasPayload = function hasPayload() {
-    return Boolean(props.payload);
-  };
-
-  var getText = function getText() {
-    return "".concat(props.children);
-  };
-
-  if ((0, _multichannelUtils.isWhatsapp)(requestContext)) {
-    if (hasPath() || hasPayload()) return "".concat(getText());
-    return null;
-  } else {
-    return /*#__PURE__*/_react["default"].createElement(_reply.Reply, props, props.children);
-  }
-};
-
-exports.MultichannelReply = MultichannelReply;
-//# sourceMappingURL=multichannel-reply.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/multichannel/multichannel-reply.jsx"],"names":["MultichannelReply","props","requestContext","RequestContext","hasPath","Boolean","path","hasPayload","payload","getText","children"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;;;;;AAEO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAAAC,KAAK,EAAI;AACxC,MAAMC,cAAc,GAAG,uBAAWC,wBAAX,CAAvB;;AACA,MAAMC,OAAO,GAAG,SAAVA,OAAU;AAAA,WAAMC,OAAO,CAACJ,KAAK,CAACK,IAAP,CAAb;AAAA,GAAhB;;AACA,MAAMC,UAAU,GAAG,SAAbA,UAAa;AAAA,WAAMF,OAAO,CAACJ,KAAK,CAACO,OAAP,CAAb;AAAA,GAAnB;;AACA,MAAMC,OAAO,GAAG,SAAVA,OAAU;AAAA,qBAASR,KAAK,CAACS,QAAf;AAAA,GAAhB;;AAEA,MAAI,mCAAWR,cAAX,CAAJ,EAAgC;AAC9B,QAAIE,OAAO,MAAMG,UAAU,EAA3B,EAA+B,iBAAUE,OAAO,EAAjB;AAC/B,WAAO,IAAP;AACD,GAHD,MAGO;AACL,wBAAO,gCAAC,YAAD,EAAWR,KAAX,EAAmBA,KAAK,CAACS,QAAzB,CAAP;AACD;AACF,CAZM","sourcesContent":["import React, { useContext } from 'react'\n\nimport { RequestContext } from '../../contexts'\nimport { Reply } from '../reply'\nimport { isWhatsapp } from './multichannel-utils'\n\nexport const MultichannelReply = props => {\n  const requestContext = useContext(RequestContext)\n  const hasPath = () => Boolean(props.path)\n  const hasPayload = () => Boolean(props.payload)\n  const getText = () => `${props.children}`\n\n  if (isWhatsapp(requestContext)) {\n    if (hasPath() || hasPayload()) return `${getText()}`\n    return null\n  } else {\n    return <Reply {...props}>{props.children}</Reply>\n  }\n}\n"],"file":"multichannel-reply.js"}

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

@@ -1,222 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MultichannelText = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _contexts = require("../../contexts");
-
-var _text = require("../text");
-
-var _facebook = require("./facebook/facebook");
-
-var _multichannelButton = require("./multichannel-button");
-
-var _multichannelContext = require("./multichannel-context");
-
-var _multichannelUtils = require("./multichannel-utils");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-var MultichannelText = function MultichannelText(props) {
-  var _props$buttonsAsText;
-
-  var requestContext = (0, _react.useContext)(_contexts.RequestContext);
-  var multichannelContext = (0, _react.useContext)(_multichannelContext.MultichannelContext);
-  var postbackButtonsAsText = (_props$buttonsAsText = props.buttonsAsText) !== null && _props$buttonsAsText !== void 0 ? _props$buttonsAsText : true;
-  var elements = [];
-
-  var getText = function getText(children) {
-    children = Array.isArray(children) ? children : [children];
-    var text = children.filter(function (e) {
-      return e && !e.type;
-    }).map(function (e) {
-      if (Array.isArray(e)) return getText(e);else return String(e);
-    }).join('');
-
-    if (text == undefined) {
-      return [];
-    }
-
-    return [text].filter(function (t) {
-      return t !== '';
-    }); // to avoid line breaks when the carousel doesn't have title or subtitle
-  };
-
-  var getButtonsAndReplies = function getButtonsAndReplies() {
-    return [].concat((0, _multichannelUtils.getMultichannelButtons)(_react["default"].Children.toArray(props.children)), (0, _multichannelUtils.getMultichannelReplies)(_react["default"].Children.toArray(props.children)));
-  };
-
-  var getWhatsappButtons = function getWhatsappButtons() {
-    var postbackButtons = [];
-    var urlButtons = [];
-    var webviewButtons = [];
-
-    var _iterator = _createForOfIteratorHelper(getButtonsAndReplies()),
-        _step;
-
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var button = _step.value;
-        if ((0, _multichannelUtils.elementHasUrl)(button)) urlButtons.push(button);
-        if ((0, _multichannelUtils.elementHasPostback)(button)) postbackButtons.push(button);
-        if ((0, _multichannelUtils.elementHasWebview)(button)) webviewButtons.push(button);
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-
-    return {
-      postbackButtons: postbackButtons,
-      urlButtons: urlButtons,
-      webviewButtons: webviewButtons
-    };
-  };
-
-  var getDefaultIndex = function getDefaultIndex() {
-    if (props.indexMode == undefined) {
-      return undefined;
-    }
-
-    if (multichannelContext.currentIndex != null) {
-      return multichannelContext.currentIndex;
-    }
-
-    return props.indexMode === 'letter' ? 'a' : 1;
-  };
-
-  var regenerateMultichannelButtons = function regenerateMultichannelButtons() {
-    var newLineFirstButton = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-
-    var generator = function generator(multichannelButton, i) {
-      var type = (0, _multichannelUtils.getButtonType)(multichannelButton);
-      var asText = type === _multichannelUtils.buttonTypes.POSTBACK ? postbackButtonsAsText : true;
-      var newline = multichannelContext.messageSeparator == null && !newLineFirstButton && i === 0 ? '' : '\n';
-      return /*#__PURE__*/_react["default"].createElement(_multichannelButton.MultichannelButton, (0, _extends2["default"])({
-        key: "".concat(type).concat(i),
-        newline: newline,
-        asText: asText
-      }, multichannelButton.props), multichannelButton.props.children);
-    };
-
-    return generator;
-  };
-
-  var splitPostbackButtons = function splitPostbackButtons(postbackButtons) {
-    var messages = [];
-
-    for (var i = 0; i < postbackButtons.length; i += _multichannelUtils.WHATSAPP_MAX_BUTTONS) {
-      messages.push(postbackButtons.slice(i, i + _multichannelUtils.WHATSAPP_MAX_BUTTONS));
-    }
-
-    return messages;
-  };
-
-  if ((0, _multichannelUtils.isWhatsapp)(requestContext)) {
-    var texts = getText(props.children);
-
-    var _getWhatsappButtons = getWhatsappButtons(),
-        postbackButtons = _getWhatsappButtons.postbackButtons,
-        urlButtons = _getWhatsappButtons.urlButtons,
-        webviewButtons = _getWhatsappButtons.webviewButtons;
-
-    var textElements = texts.map(function (text) {
-      return (props.newline || '') + text;
-    });
-    var webviewButtonElements = webviewButtons.map(regenerateMultichannelButtons(false));
-    var buttonsTextSeparator = props.buttonsTextSeparator || _multichannelUtils.DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR;
-
-    if (!postbackButtonsAsText && postbackButtons.length > _multichannelUtils.WHATSAPP_MAX_BUTTONS) {
-      var _urlButtonElements = urlButtons.map(regenerateMultichannelButtons(!!texts.length));
-
-      var _postbackButtonElements = postbackButtons.map(regenerateMultichannelButtons(!!texts.length || !!urlButtons.length));
-
-      var messagesPostbackButtons = splitPostbackButtons(_postbackButtonElements);
-
-      var _messages = messagesPostbackButtons.map(function (postbackButtons, i) {
-        if (i === 0) {
-          var _ref;
-
-          return (_ref = []).concat.apply(_ref, (0, _toConsumableArray2["default"])(textElements).concat((0, _toConsumableArray2["default"])(_urlButtonElements), (0, _toConsumableArray2["default"])(postbackButtons)));
-        } else {
-          var _ref2;
-
-          return (_ref2 = []).concat.apply(_ref2, [buttonsTextSeparator].concat((0, _toConsumableArray2["default"])(postbackButtons)));
-        }
-      });
-
-      if (webviewButtonElements.length) {
-        _messages.push([buttonsTextSeparator].concat((0, _toConsumableArray2["default"])(webviewButtonElements)));
-      }
-
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _messages.map(function (message, i) {
-        return /*#__PURE__*/_react["default"].createElement(_text.Text, (0, _extends2["default"])({
-          key: i
-        }, _multichannelUtils.MULTICHANNEL_WHATSAPP_PROPS, props), message);
-      }));
-    }
-
-    multichannelContext.currentIndex = getDefaultIndex();
-    var postbackButtonElements = postbackButtons.map(regenerateMultichannelButtons(!!texts.length));
-    var urlButtonElements = urlButtons.map(regenerateMultichannelButtons(!!texts.length || !!postbackButtons.length));
-    elements = [].concat((0, _toConsumableArray2["default"])(textElements), (0, _toConsumableArray2["default"])(postbackButtonElements), (0, _toConsumableArray2["default"])(urlButtonElements));
-
-    if (multichannelContext.messageSeparator != null) {
-      return elements;
-    }
-
-    var messages = [/*#__PURE__*/_react["default"].createElement(_text.Text, (0, _extends2["default"])({
-      key: 0
-    }, _multichannelUtils.MULTICHANNEL_WHATSAPP_PROPS, props), elements)];
-
-    if (webviewButtonElements.length) {
-      messages.push( /*#__PURE__*/_react["default"].createElement(_text.Text, (0, _extends2["default"])({
-        key: 1
-      }, _multichannelUtils.MULTICHANNEL_WHATSAPP_PROPS, props), buttonsTextSeparator, webviewButtonElements));
-    }
-
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, messages);
-  }
-
-  if ((0, _multichannelUtils.isFacebook)(requestContext)) {
-    var text = getText(props.children);
-    var multichannelFacebook = new _facebook.MultichannelFacebook();
-
-    var _multichannelFacebook = multichannelFacebook.convertText(props, text[0]),
-        _texts = _multichannelFacebook.texts,
-        propsLastText = _multichannelFacebook.propsLastText,
-        propsWithoutChildren = _multichannelFacebook.propsWithoutChildren;
-
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _texts && _texts.map(function (e, i) {
-      return /*#__PURE__*/_react["default"].createElement(_text.Text, (0, _extends2["default"])({
-        key: i
-      }, propsWithoutChildren), e);
-    }), /*#__PURE__*/_react["default"].createElement(_text.Text, propsLastText, propsLastText.children));
-  } else {
-    return /*#__PURE__*/_react["default"].createElement(_text.Text, props, props.children);
-  }
-};
-
-exports.MultichannelText = MultichannelText;
-//# sourceMappingURL=multichannel-text.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/multichannel/multichannel-text.jsx"],"names":["MultichannelText","props","requestContext","RequestContext","multichannelContext","MultichannelContext","postbackButtonsAsText","buttonsAsText","elements","getText","children","Array","isArray","text","filter","e","type","map","String","join","undefined","t","getButtonsAndReplies","concat","React","Children","toArray","getWhatsappButtons","postbackButtons","urlButtons","webviewButtons","button","push","getDefaultIndex","indexMode","currentIndex","regenerateMultichannelButtons","newLineFirstButton","generator","multichannelButton","i","asText","buttonTypes","POSTBACK","newline","messageSeparator","splitPostbackButtons","messages","length","WHATSAPP_MAX_BUTTONS","slice","texts","textElements","webviewButtonElements","buttonsTextSeparator","DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR","urlButtonElements","postbackButtonElements","messagesPostbackButtons","message","MULTICHANNEL_WHATSAPP_PROPS","multichannelFacebook","MultichannelFacebook","convertText","propsLastText","propsWithoutChildren"],"mappings":"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","sourcesContent":["import React, { useContext } from 'react'\n\nimport { RequestContext } from '../../contexts'\nimport { Text } from '../text'\nimport { MultichannelFacebook } from './facebook/facebook'\nimport { MultichannelButton } from './multichannel-button'\nimport { MultichannelContext } from './multichannel-context'\nimport {\n  buttonTypes,\n  DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR,\n  elementHasPostback,\n  elementHasUrl,\n  elementHasWebview,\n  getButtonType,\n  getMultichannelButtons,\n  getMultichannelReplies,\n  isFacebook,\n  isWhatsapp,\n  MULTICHANNEL_WHATSAPP_PROPS,\n  WHATSAPP_MAX_BUTTONS,\n} from './multichannel-utils'\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)) return getText(e)\n        else return String(e)\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)) urlButtons.push(button)\n      if (elementHasPostback(button)) postbackButtons.push(button)\n      if (elementHasWebview(button)) webviewButtons.push(button)\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      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 splitPostbackButtons = postbackButtons => {\n    const messages = []\n    for (let i = 0; i < postbackButtons.length; i += WHATSAPP_MAX_BUTTONS) {\n      messages.push(postbackButtons.slice(i, i + WHATSAPP_MAX_BUTTONS))\n    }\n    return messages\n  }\n\n  if (isWhatsapp(requestContext)) {\n    const texts = getText(props.children)\n    const { postbackButtons, urlButtons, webviewButtons } = getWhatsappButtons()\n\n    const textElements = texts.map(text => {\n      return (props.newline || '') + text\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    if (\n      !postbackButtonsAsText &&\n      postbackButtons.length > WHATSAPP_MAX_BUTTONS\n    ) {\n      const urlButtonElements = urlButtons.map(\n        regenerateMultichannelButtons(!!texts.length)\n      )\n      const postbackButtonElements = postbackButtons.map(\n        regenerateMultichannelButtons(!!texts.length || !!urlButtons.length)\n      )\n      const messagesPostbackButtons = splitPostbackButtons(\n        postbackButtonElements\n      )\n\n      const messages = messagesPostbackButtons.map((postbackButtons, i) => {\n        if (i === 0) {\n          return [].concat(\n            ...textElements,\n            ...urlButtonElements,\n            ...postbackButtons\n          )\n        } else {\n          return [].concat(buttonsTextSeparator, ...postbackButtons)\n        }\n      })\n      if (webviewButtonElements.length) {\n        messages.push([buttonsTextSeparator, ...webviewButtonElements])\n      }\n\n      return (\n        <>\n          {messages.map((message, i) => (\n            <Text key={i} {...MULTICHANNEL_WHATSAPP_PROPS} {...props}>\n              {message}\n            </Text>\n          ))}\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    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 (isFacebook(requestContext)) {\n    const text = getText(props.children)\n    const multichannelFacebook = new MultichannelFacebook()\n    const {\n      texts,\n      propsLastText,\n      propsWithoutChildren,\n    } = multichannelFacebook.convertText(props, text[0])\n    return (\n      <>\n        {texts &&\n          texts.map((e, i) => (\n            <Text key={i} {...propsWithoutChildren}>\n              {e}\n            </Text>\n          ))}\n        <Text {...propsLastText}>{propsLastText.children}</Text>\n      </>\n    )\n  } else {\n    return <Text {...props}>{props.children}</Text>\n  }\n}\n"],"file":"multichannel-text.js"}