@botonic/react 0.20.1-alpha.1 → 0.20.3

package/lib/msg-to-botonic.js

@@ -0,0 +1,199 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.msgToBotonic = msgToBotonic;
+exports.msgsToBotonic = msgsToBotonic;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _messageUtils = require("../src/message-utils");
+
+var _audio = require("./components/audio");
+
+var _button = require("./components/button");
+
+var _buttonsDisabler = require("./components/buttons-disabler");
+
+var _carousel = require("./components/carousel");
+
+var _document = require("./components/document");
+
+var _element = require("./components/element");
+
+var _image = require("./components/image");
+
+var _location = require("./components/location");
+
+var _pic = require("./components/pic");
+
+var _reply = require("./components/reply");
+
+var _subtitle = require("./components/subtitle");
+
+var _text = require("./components/text");
+
+var _title = require("./components/title");
+
+var _video = require("./components/video");
+
+/**
+ *
+ * @param msg {object}
+ * @param customMessageTypes {{customTypeName}[]?}
+ * @return {React.ReactNode}
+ */
+function msgToBotonic(msg, customMessageTypes) {
+  delete msg.display;
+
+  if ((0, _messageUtils.isCustom)(msg)) {
+    try {
+      return customMessageTypes.find(function (mt) {
+        return mt.customTypeName === msg.data.customTypeName;
+      }).deserialize(msg);
+    } catch (e) {
+      console.log(e);
+    }
+  } else if ((0, _messageUtils.isText)(msg)) {
+    return textToBotonic(msg);
+  } else if ((0, _messageUtils.isCarousel)(msg)) {
+    var elements = msg.elements || msg.data.elements;
+    return /*#__PURE__*/_react["default"].createElement(_carousel.Carousel, (0, _extends2["default"])({}, msg, {
+      key: msg.key
+    }), elementsParse(elements));
+  } else if ((0, _messageUtils.isImage)(msg)) {
+    return /*#__PURE__*/_react["default"].createElement(_image.Image, (0, _extends2["default"])({
+      key: msg.key
+    }, msg, {
+      src: msg.data.image != undefined ? msg.data.image : msg.data
+    }));
+  } else if ((0, _messageUtils.isVideo)(msg)) {
+    return /*#__PURE__*/_react["default"].createElement(_video.Video, (0, _extends2["default"])({}, msg, {
+      src: msg.data.video != undefined ? msg.data.video : msg.data
+    }));
+  } else if ((0, _messageUtils.isAudio)(msg)) {
+    return /*#__PURE__*/_react["default"].createElement(_audio.Audio, (0, _extends2["default"])({}, msg, {
+      src: msg.data.audio != undefined ? msg.data.audio : msg.data
+    }));
+  } else if ((0, _messageUtils.isDocument)(msg)) {
+    return /*#__PURE__*/_react["default"].createElement(_document.Document, (0, _extends2["default"])({}, msg, {
+      src: msg.data.document != undefined ? msg.data.document : msg.data
+    }));
+  } else if ((0, _messageUtils.isLocation)(msg)) {
+    var lat = msg.data ? msg.data.location.lat : msg.latitude;
+
+    var _long = msg.data ? msg.data.location["long"] : msg.longitude;
+
+    return /*#__PURE__*/_react["default"].createElement(_location.Location, (0, _extends2["default"])({}, msg, {
+      lat: lat,
+      "long": _long
+    }));
+  } else if ((0, _messageUtils.isButtonMessage)(msg)) {
+    var buttons = buttonsParse(msg.buttons);
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_text.Text, msg, msg.text, buttons));
+  }
+
+  console.warn("Not converting message of type ".concat(msg.type));
+  return null;
+}
+
+function rndStr() {
+  return Math.random().toString();
+}
+/**
+ * @param msgs {object|object[]}
+ * @param customMessageTypes {{customTypeName}[]?}
+ * @return {React.ReactNode}
+ */
+
+
+function msgsToBotonic(msgs, customMessageTypes) {
+  if (Array.isArray(msgs)) {
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, msgs.map(function (msg, i) {
+      if (msg.key == null) {
+        msg.key = "msg".concat(i);
+      }
+
+      return msgToBotonic(msg, customMessageTypes);
+    }));
+  }
+
+  return msgToBotonic(msgs, customMessageTypes);
+}
+
+function textToBotonic(msg) {
+  var txt = msg.data && msg.data.text != undefined ? msg.data.text : String(msg.data);
+  if (msg.replies && msg.replies.length || msg.keyboard && msg.keyboard.length) return /*#__PURE__*/_react["default"].createElement(_text.Text, (0, _extends2["default"])({}, msg, {
+    key: msg.key
+  }), txt, quickrepliesParse(msg));
+  if (msg.buttons && msg.buttons.length) return /*#__PURE__*/_react["default"].createElement(_text.Text, (0, _extends2["default"])({}, msg, {
+    key: msg.key
+  }), txt, buttonsParse(msg.buttons));
+  return /*#__PURE__*/_react["default"].createElement(_text.Text, (0, _extends2["default"])({}, msg, {
+    key: msg.key
+  }), txt);
+}
+
+function elementsParse(elements) {
+  return elements.map(function (e, i) {
+    return /*#__PURE__*/_react["default"].createElement(_element.Element, {
+      key: i
+    }, /*#__PURE__*/_react["default"].createElement(_pic.Pic, {
+      src: e.img || e.pic || e.image_url
+    }), /*#__PURE__*/_react["default"].createElement(_title.Title, null, e.title), /*#__PURE__*/_react["default"].createElement(_subtitle.Subtitle, null, e.subtitle), buttonsParse(e.button || e.buttons));
+  });
+}
+
+function buttonsParse(buttons) {
+  return buttons.map(function (b, i) {
+    var props = b.props || b;
+    var payload = props.payload;
+    if (props.path) payload = "__PATH_PAYLOAD__".concat(props.path);
+    var url = props.messenger_extensions ? null : props.url;
+    var target = props.messenger_extensions ? null : props.target;
+    var title = props.title;
+    var webview = props.messenger_extensions ? props.url : props.webview;
+
+    var disabledProps = _buttonsDisabler.ButtonsDisabler.constructBrowserProps(props);
+
+    return /*#__PURE__*/_react["default"].createElement(_button.Button, (0, _extends2["default"])({
+      key: i,
+      payload: payload,
+      url: url,
+      target: target,
+      webview: webview
+    }, disabledProps), title);
+  });
+}
+
+function quickrepliesParse(msg) {
+  var replies = null;
+
+  if (msg.replies) {
+    replies = msg.replies.map(function (el, i) {
+      var payload = el.payload;
+      if (el.path) payload = "__PATH_PAYLOAD__".concat(el.path);
+      return /*#__PURE__*/_react["default"].createElement(_reply.Reply, {
+        key: i,
+        payload: payload
+      }, el.text);
+    });
+  }
+
+  if (msg.keyboard) {
+    replies = msg.keyboard.map(function (el, i) {
+      return /*#__PURE__*/_react["default"].createElement(_reply.Reply, {
+        key: i,
+        payload: el.data
+      }, el.label);
+    });
+  }
+
+  return replies;
+}
+//# sourceMappingURL=msg-to-botonic.js.map

package/lib/msg-to-botonic.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/msg-to-botonic.jsx"],"names":["msgToBotonic","msg","customMessageTypes","display","find","mt","customTypeName","data","deserialize","e","console","log","textToBotonic","elements","key","elementsParse","image","undefined","video","audio","document","lat","location","latitude","long","longitude","buttons","buttonsParse","text","warn","type","rndStr","Math","random","toString","msgsToBotonic","msgs","Array","isArray","map","i","txt","String","replies","length","keyboard","quickrepliesParse","img","pic","image_url","title","subtitle","button","b","props","payload","path","url","messenger_extensions","target","webview","disabledProps","ButtonsDisabler","constructBrowserProps","el","label"],"mappings":"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","sourcesContent":["import React from 'react'\n\nimport {\n  isAudio,\n  isButtonMessage,\n  isCarousel,\n  isCustom,\n  isDocument,\n  isImage,\n  isLocation,\n  isText,\n  isVideo,\n} from '../src/message-utils'\nimport { Audio } from './components/audio'\nimport { Button } from './components/button'\nimport { ButtonsDisabler } from './components/buttons-disabler'\nimport { Carousel } from './components/carousel'\nimport { Document } from './components/document'\nimport { Element } from './components/element'\nimport { Image } from './components/image'\nimport { Location } from './components/location'\nimport { Pic } from './components/pic'\nimport { Reply } from './components/reply'\nimport { Subtitle } from './components/subtitle'\nimport { Text } from './components/text'\nimport { Title } from './components/title'\nimport { Video } from './components/video'\n\n/**\n *\n * @param msg {object}\n * @param customMessageTypes {{customTypeName}[]?}\n * @return {React.ReactNode}\n */\nexport function msgToBotonic(msg, customMessageTypes) {\n  delete msg.display\n  if (isCustom(msg)) {\n    try {\n      return customMessageTypes\n        .find(mt => mt.customTypeName === msg.data.customTypeName)\n        .deserialize(msg)\n    } catch (e) {\n      console.log(e)\n    }\n  } else if (isText(msg)) {\n    return textToBotonic(msg)\n  } else if (isCarousel(msg)) {\n    const elements = msg.elements || msg.data.elements\n    return (\n      <Carousel {...msg} key={msg.key}>\n        {elementsParse(elements)}\n      </Carousel>\n    )\n  } else if (isImage(msg)) {\n    return (\n      <Image\n        key={msg.key}\n        {...msg}\n        src={msg.data.image != undefined ? msg.data.image : msg.data}\n      />\n    )\n  } else if (isVideo(msg)) {\n    return (\n      <Video\n        {...msg}\n        src={msg.data.video != undefined ? msg.data.video : msg.data}\n      />\n    )\n  } else if (isAudio(msg)) {\n    return (\n      <Audio\n        {...msg}\n        src={msg.data.audio != undefined ? msg.data.audio : msg.data}\n      />\n    )\n  } else if (isDocument(msg)) {\n    return (\n      <Document\n        {...msg}\n        src={msg.data.document != undefined ? msg.data.document : msg.data}\n      />\n    )\n  } else if (isLocation(msg)) {\n    const lat = msg.data ? msg.data.location.lat : msg.latitude\n    const long = msg.data ? msg.data.location.long : msg.longitude\n    return <Location {...msg} lat={lat} long={long} />\n  } else if (isButtonMessage(msg)) {\n    const buttons = buttonsParse(msg.buttons)\n    return (\n      <>\n        <Text {...msg}>\n          {msg.text}\n          {buttons}\n        </Text>\n      </>\n    )\n  }\n  console.warn(`Not converting message of type ${msg.type}`)\n  return null\n}\n\nfunction rndStr() {\n  return Math.random().toString()\n}\n\n/**\n * @param msgs {object|object[]}\n * @param customMessageTypes {{customTypeName}[]?}\n * @return {React.ReactNode}\n */\nexport function msgsToBotonic(msgs, customMessageTypes) {\n  if (Array.isArray(msgs)) {\n    return (\n      <>\n        {msgs.map((msg, i) => {\n          if (msg.key == null) {\n            msg.key = `msg${i}`\n          }\n          return msgToBotonic(msg, customMessageTypes)\n        })}\n      </>\n    )\n  }\n  return msgToBotonic(msgs, customMessageTypes)\n}\n\nfunction textToBotonic(msg) {\n  const txt =\n    msg.data && msg.data.text != undefined ? msg.data.text : String(msg.data)\n  if (\n    (msg.replies && msg.replies.length) ||\n    (msg.keyboard && msg.keyboard.length)\n  )\n    return (\n      <Text {...msg} key={msg.key}>\n        {txt}\n        {quickrepliesParse(msg)}\n      </Text>\n    )\n  if (msg.buttons && msg.buttons.length)\n    return (\n      <Text {...msg} key={msg.key}>\n        {txt}\n        {buttonsParse(msg.buttons)}\n      </Text>\n    )\n  return (\n    <Text {...msg} key={msg.key}>\n      {txt}\n    </Text>\n  )\n}\n\nfunction elementsParse(elements) {\n  return elements.map((e, i) => (\n    <Element key={i}>\n      <Pic src={e.img || e.pic || e.image_url} />\n      <Title>{e.title}</Title>\n      <Subtitle>{e.subtitle}</Subtitle>\n      {buttonsParse(e.button || e.buttons)}\n    </Element>\n  ))\n}\n\nfunction buttonsParse(buttons) {\n  return buttons.map((b, i) => {\n    const props = b.props || b\n    let payload = props.payload\n    if (props.path) payload = `__PATH_PAYLOAD__${props.path}`\n    const url = props.messenger_extensions ? null : props.url\n    const target = props.messenger_extensions ? null : props.target\n    const title = props.title\n    const webview = props.messenger_extensions ? props.url : props.webview\n    const disabledProps = ButtonsDisabler.constructBrowserProps(props)\n    return (\n      <Button\n        key={i}\n        payload={payload}\n        url={url}\n        target={target}\n        webview={webview}\n        {...disabledProps}\n      >\n        {title}\n      </Button>\n    )\n  })\n}\n\nfunction quickrepliesParse(msg) {\n  let replies = null\n  if (msg.replies) {\n    replies = msg.replies.map((el, i) => {\n      let payload = el.payload\n      if (el.path) payload = `__PATH_PAYLOAD__${el.path}`\n      return (\n        <Reply key={i} payload={payload}>\n          {el.text}\n        </Reply>\n      )\n    })\n  }\n  if (msg.keyboard) {\n    replies = msg.keyboard.map((el, i) => (\n      <Reply key={i} payload={el.data}>\n        {el.label}\n      </Reply>\n    ))\n  }\n  return replies\n}\n"],"file":"msg-to-botonic.js"}

package/lib/node-app.js

@@ -0,0 +1,97 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NodeApp = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _server = require("react-dom/server");
+
+var _reactBot = require("./react-bot");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var NodeApp = /*#__PURE__*/function () {
+  function NodeApp(options) {
+    var _this = this;
+
+    (0, _classCallCheck2["default"])(this, NodeApp);
+    this.bot = new _reactBot.ReactBot(_objectSpread({
+      renderer: function renderer(args) {
+        return _this.renderNode(args);
+      }
+    }, options));
+  }
+
+  (0, _createClass2["default"])(NodeApp, [{
+    key: "renderNode",
+    value: function () {
+      var _renderNode = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(args) {
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return this.bot.renderReactActions(args);
+
+              case 2:
+                return _context.abrupt("return", _context.sent.map(function (action) {
+                  return (0, _server.renderToStaticMarkup)(action);
+                }).join('\n'));
+
+              case 3:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function renderNode(_x) {
+        return _renderNode.apply(this, arguments);
+      }
+
+      return renderNode;
+    }()
+  }, {
+    key: "input",
+    value: function input(args) {
+      return this.bot.input(args);
+    }
+  }, {
+    key: "getConfig",
+    value: function getConfig() {
+      return Object.entries(this.bot.plugins).map(function (_ref) {
+        var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
+            _ = _ref2[0],
+            plugin = _ref2[1];
+
+        return {
+          id: plugin.id,
+          name: plugin.name,
+          config: plugin.config
+        };
+      });
+    }
+  }]);
+  return NodeApp;
+}();
+
+exports.NodeApp = NodeApp;
+//# sourceMappingURL=node-app.js.map

package/lib/node-app.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/node-app.jsx"],"names":["NodeApp","options","bot","ReactBot","renderer","args","renderNode","renderReactActions","map","action","join","input","Object","entries","plugins","_","plugin","id","name","config"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;;;;;IAEaA,O;AACX,mBAAYC,OAAZ,EAAqB;AAAA;;AAAA;AACnB,SAAKC,GAAL,GAAW,IAAIC,kBAAJ;AACTC,MAAAA,QAAQ,EAAE,kBAAAC,IAAI;AAAA,eAAI,KAAI,CAACC,UAAL,CAAgBD,IAAhB,CAAJ;AAAA;AADL,OAENJ,OAFM,EAAX;AAID;;;;;sGAED,iBAAiBI,IAAjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBACgB,KAAKH,GAAL,CAASK,kBAAT,CAA4BF,IAA5B,CADhB;;AAAA;AAAA,+DAEKG,GAFL,CAES,UAAAC,MAAM;AAAA,yBAAI,kCAAqBA,MAArB,CAAJ;AAAA,iBAFf,EAGKC,IAHL,CAGU,IAHV;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,O;;;;;;;;;;WAMA,eAAML,IAAN,EAAY;AACV,aAAO,KAAKH,GAAL,CAASS,KAAT,CAAeN,IAAf,CAAP;AACD;;;WAED,qBAAY;AACV,aAAOO,MAAM,CAACC,OAAP,CAAe,KAAKX,GAAL,CAASY,OAAxB,EAAiCN,GAAjC,CAAqC,gBAAiB;AAAA;AAAA,YAAfO,CAAe;AAAA,YAAZC,MAAY;;AAC3D,eAAO;AAAEC,UAAAA,EAAE,EAAED,MAAM,CAACC,EAAb;AAAiBC,UAAAA,IAAI,EAAEF,MAAM,CAACE,IAA9B;AAAoCC,UAAAA,MAAM,EAAEH,MAAM,CAACG;AAAnD,SAAP;AACD,OAFM,CAAP;AAGD","sourcesContent":["import { renderToStaticMarkup } from 'react-dom/server'\n\nimport { ReactBot } from './react-bot'\n\nexport class NodeApp {\n  constructor(options) {\n    this.bot = new ReactBot({\n      renderer: args => this.renderNode(args),\n      ...options,\n    })\n  }\n\n  async renderNode(args) {\n    return (await this.bot.renderReactActions(args))\n      .map(action => renderToStaticMarkup(action))\n      .join('\\n')\n  }\n\n  input(args) {\n    return this.bot.input(args)\n  }\n\n  getConfig() {\n    return Object.entries(this.bot.plugins).map(([_, plugin]) => {\n      return { id: plugin.id, name: plugin.name, config: plugin.config }\n    })\n  }\n}\n"],"file":"node-app.js"}

package/lib/react-bot.js

@@ -0,0 +1,167 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ReactBot = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _core = require("@botonic/core");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _text = require("./components/text");
+
+var _contexts = require("./contexts");
+
+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; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var ReactBot = /*#__PURE__*/function (_CoreBot) {
+  (0, _inherits2["default"])(ReactBot, _CoreBot);
+
+  var _super = _createSuper(ReactBot);
+
+  function ReactBot(options) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, ReactBot);
+    return _this = _super.call(this, _objectSpread({
+      defaultRoutes: [{
+        path: '404',
+        action: function action() {
+          return /*#__PURE__*/_react["default"].createElement(_text.Text, null, "I don't understand you");
+        } // eslint-disable-line
+
+      }],
+      renderer: function renderer(args) {
+        return _this.renderReactActions(args);
+      }
+    }, options));
+  }
+
+  (0, _createClass2["default"])(ReactBot, [{
+    key: "renderReactActions",
+    value: function () {
+      var _renderReactActions = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(_ref) {
+        var request, actions, renderedActions, props, renderedAction, _iterator, _step, Action;
+
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                request = _ref.request, actions = _ref.actions;
+                renderedActions = [];
+                _iterator = _createForOfIteratorHelper(actions);
+                _context.prev = 3;
+
+                _iterator.s();
+
+              case 5:
+                if ((_step = _iterator.n()).done) {
+                  _context.next = 20;
+                  break;
+                }
+
+                Action = _step.value;
+
+                if (!Action) {
+                  _context.next = 18;
+                  break;
+                }
+
+                if (!Action.botonicInit) {
+                  _context.next = 14;
+                  break;
+                }
+
+                _context.next = 11;
+                return Action.botonicInit(request);
+
+              case 11:
+                _context.t0 = _context.sent;
+                _context.next = 15;
+                break;
+
+              case 14:
+                _context.t0 = {};
+
+              case 15:
+                props = _context.t0;
+                renderedAction = /*#__PURE__*/_react["default"].createElement(_contexts.RequestContext.Provider, {
+                  value: request
+                }, /*#__PURE__*/_react["default"].createElement(Action, props));
+                renderedActions.push(renderedAction);
+
+              case 18:
+                _context.next = 5;
+                break;
+
+              case 20:
+                _context.next = 25;
+                break;
+
+              case 22:
+                _context.prev = 22;
+                _context.t1 = _context["catch"](3);
+
+                _iterator.e(_context.t1);
+
+              case 25:
+                _context.prev = 25;
+
+                _iterator.f();
+
+                return _context.finish(25);
+
+              case 28:
+                return _context.abrupt("return", renderedActions);
+
+              case 29:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, null, [[3, 22, 25, 28]]);
+      }));
+
+      function renderReactActions(_x) {
+        return _renderReactActions.apply(this, arguments);
+      }
+
+      return renderReactActions;
+    }()
+  }]);
+  return ReactBot;
+}(_core.CoreBot);
+
+exports.ReactBot = ReactBot;
+//# sourceMappingURL=react-bot.js.map

package/lib/react-bot.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react-bot.jsx"],"names":["ReactBot","options","defaultRoutes","path","action","renderer","args","renderReactActions","request","actions","renderedActions","Action","botonicInit","props","renderedAction","push","CoreBot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;;;;;;;;;IAEaA,Q;;;;;AACX,oBAAYC,OAAZ,EAAqB;AAAA;;AAAA;AAAA;AAEjBC,MAAAA,aAAa,EAAE,CACb;AACEC,QAAAA,IAAI,EAAE,KADR;AAEEC,QAAAA,MAAM,EAAE;AAAA,8BAAM,gCAAC,UAAD,iCAAN;AAAA,SAFV,CAEqD;;AAFrD,OADa,CAFE;AAQjBC,MAAAA,QAAQ,EAAE,kBAAAC,IAAI;AAAA,eAAI,MAAKC,kBAAL,CAAwBD,IAAxB,CAAJ;AAAA;AARG,OASdL,OATc;AAWpB;;;;;8GAED;AAAA;;AAAA;AAAA;AAAA;AAAA;AAA2BO,gBAAAA,OAA3B,QAA2BA,OAA3B,EAAoCC,OAApC,QAAoCA,OAApC;AACQC,gBAAAA,eADR,GAC0B,EAD1B;AAAA,uDAIuBD,OAJvB;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAIaE,gBAAAA,MAJb;;AAAA,qBAKQA,MALR;AAAA;AAAA;AAAA;;AAAA,qBAMcA,MAAM,CAACC,WANrB;AAAA;AAAA;AAAA;;AAAA;AAAA,uBAMyCD,MAAM,CAACC,WAAP,CAAmBJ,OAAnB,CANzC;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA,8BAMuE,EANvE;;AAAA;AAMMK,gBAAAA,KANN;AAOMC,gBAAAA,cAAc,gBACZ,gCAAC,wBAAD,CAAgB,QAAhB;AAAyB,kBAAA,KAAK,EAAEN;AAAhC,gCACE,gCAAC,MAAD,EAAYK,KAAZ,CADF,CADF;AAKAH,gBAAAA,eAAe,CAACK,IAAhB,CAAqBD,cAArB;;AAZN;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;;AAAA;;AAAA;;AAAA;AAAA,iDAeSJ,eAfT;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,O;;;;;;;;;;EAd4BM,a","sourcesContent":["import { CoreBot } from '@botonic/core'\nimport React from 'react'\n\nimport { Text } from './components/text'\nimport { RequestContext } from './contexts'\n\nexport class ReactBot extends CoreBot {\n  constructor(options) {\n    super({\n      defaultRoutes: [\n        {\n          path: '404',\n          action: () => <Text>I don't understand you</Text>, // eslint-disable-line\n        },\n      ],\n      renderer: args => this.renderReactActions(args),\n      ...options,\n    })\n  }\n\n  async renderReactActions({ request, actions }) {\n    const renderedActions = []\n    let props\n    let renderedAction\n    for (const Action of actions) {\n      if (Action) {\n        props = Action.botonicInit ? await Action.botonicInit(request) : {}\n        renderedAction = (\n          <RequestContext.Provider value={request}>\n            <Action {...props} />\n          </RequestContext.Provider>\n        )\n        renderedActions.push(renderedAction)\n      }\n    }\n    return renderedActions\n  }\n}\n"],"file":"react-bot.js"}

package/lib/util/dom.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.scrollToBottom = exports.onDOMLoaded = exports.isShadowDOMSupported = exports.getWebchatElement = exports.getScrollableContent = exports.getScrollableArea = void 0;
+
+var _constants = require("../constants");
+
+var getScrollableContent = function getScrollableContent(webchatElement) {
+  return webchatElement.querySelector(_constants.WEBCHAT.SELECTORS.SCROLLABLE_CONTENT);
+};
+
+exports.getScrollableContent = getScrollableContent;
+
+var getScrollableArea = function getScrollableArea(webchatElement) {
+  var getArea = function getArea(area) {
+    var botonicScrollableContent = getScrollableContent(webchatElement);
+    var scrollableArea = botonicScrollableContent && botonicScrollableContent.querySelector(area);
+    return scrollableArea;
+  };
+
+  return {
+    full: getArea(_constants.WEBCHAT.SELECTORS.SIMPLEBAR_CONTENT),
+    visible: getArea(_constants.WEBCHAT.SELECTORS.SIMPLEBAR_WRAPPER)
+  };
+};
+
+exports.getScrollableArea = getScrollableArea;
+
+var scrollToBottom = function scrollToBottom() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      _ref$timeout = _ref.timeout,
+      timeout = _ref$timeout === void 0 ? 200 : _ref$timeout,
+      _ref$behavior = _ref.behavior,
+      behavior = _ref$behavior === void 0 ? 'smooth' : _ref$behavior,
+      host = _ref.host;
+
+  var webchatElement = getWebchatElement(host);
+  if (!webchatElement) return;
+  var frame = getScrollableArea(webchatElement).visible;
+
+  if (frame) {
+    setTimeout(function () {
+      return frame.scrollTo({
+        top: frame.scrollHeight,
+        behavior: behavior
+      });
+    }, timeout);
+  }
+};
+
+exports.scrollToBottom = scrollToBottom;
+
+var getWebchatElement = function getWebchatElement(host) {
+  return host && host.querySelector("#".concat(_constants.WEBCHAT.DEFAULTS.ID));
+}; // https://stackoverflow.com/questions/9457891/how-to-detect-if-domcontentloaded-was-fired
+
+
+exports.getWebchatElement = getWebchatElement;
+
+var onDOMLoaded = function onDOMLoaded(callback) {
+  if (/complete|interactive|loaded/.test(document.readyState)) {
+    // In case the document has finished parsing, document's readyState will
+    // be one of "complete", "interactive" or (non-standard) "loaded".
+    callback();
+  } else {
+    // The document is not ready yet, so wait for the DOMContentLoaded event
+    document.addEventListener('DOMContentLoaded', callback, false);
+  }
+};
+
+exports.onDOMLoaded = onDOMLoaded;
+
+var isShadowDOMSupported = function isShadowDOMSupported() {
+  try {
+    return document.head.createShadowRoot || document.head.attachShadow;
+  } catch (e) {
+    return false;
+  }
+};
+
+exports.isShadowDOMSupported = isShadowDOMSupported;
+//# sourceMappingURL=dom.js.map

package/lib/util/dom.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/util/dom.js"],"names":["getScrollableContent","webchatElement","querySelector","WEBCHAT","SELECTORS","SCROLLABLE_CONTENT","getScrollableArea","getArea","area","botonicScrollableContent","scrollableArea","full","SIMPLEBAR_CONTENT","visible","SIMPLEBAR_WRAPPER","scrollToBottom","timeout","behavior","host","getWebchatElement","frame","setTimeout","scrollTo","top","scrollHeight","DEFAULTS","ID","onDOMLoaded","callback","test","document","readyState","addEventListener","isShadowDOMSupported","head","createShadowRoot","attachShadow","e"],"mappings":";;;;;;;AAAA;;AAEO,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,CAAAC,cAAc,EAAI;AACpD,SAAOA,cAAc,CAACC,aAAf,CAA6BC,mBAAQC,SAAR,CAAkBC,kBAA/C,CAAP;AACD,CAFM;;;;AAIA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAAAL,cAAc,EAAI;AACjD,MAAMM,OAAO,GAAG,SAAVA,OAAU,CAAAC,IAAI,EAAI;AACtB,QAAMC,wBAAwB,GAAGT,oBAAoB,CAACC,cAAD,CAArD;AACA,QAAMS,cAAc,GAClBD,wBAAwB,IAAIA,wBAAwB,CAACP,aAAzB,CAAuCM,IAAvC,CAD9B;AAEA,WAAOE,cAAP;AACD,GALD;;AAMA,SAAO;AACLC,IAAAA,IAAI,EAAEJ,OAAO,CAACJ,mBAAQC,SAAR,CAAkBQ,iBAAnB,CADR;AAELC,IAAAA,OAAO,EAAEN,OAAO,CAACJ,mBAAQC,SAAR,CAAkBU,iBAAnB;AAFX,GAAP;AAID,CAXM;;;;AAaA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,GAInB;AAAA,iFAAP,EAAO;AAAA,0BAHTC,OAGS;AAAA,MAHTA,OAGS,6BAHC,GAGD;AAAA,2BAFTC,QAES;AAAA,MAFTA,QAES,8BAFE,QAEF;AAAA,MADTC,IACS,QADTA,IACS;;AACT,MAAMjB,cAAc,GAAGkB,iBAAiB,CAACD,IAAD,CAAxC;AACA,MAAI,CAACjB,cAAL,EAAqB;AACrB,MAAMmB,KAAK,GAAGd,iBAAiB,CAACL,cAAD,CAAjB,CAAkCY,OAAhD;;AACA,MAAIO,KAAJ,EAAW;AACTC,IAAAA,UAAU,CACR;AAAA,aAAMD,KAAK,CAACE,QAAN,CAAe;AAAEC,QAAAA,GAAG,EAAEH,KAAK,CAACI,YAAb;AAA2BP,QAAAA,QAAQ,EAAEA;AAArC,OAAf,CAAN;AAAA,KADQ,EAERD,OAFQ,CAAV;AAID;AACF,CAdM;;;;AAgBA,IAAMG,iBAAiB,GAAG,SAApBA,iBAAoB,CAAAD,IAAI;AAAA,SACnCA,IAAI,IAAIA,IAAI,CAAChB,aAAL,YAAuBC,mBAAQsB,QAAR,CAAiBC,EAAxC,EAD2B;AAAA,CAA9B,C,CAGP;;;;;AACO,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAAAC,QAAQ,EAAI;AACrC,MAAI,8BAA8BC,IAA9B,CAAmCC,QAAQ,CAACC,UAA5C,CAAJ,EAA6D;AAC3D;AACA;AACAH,IAAAA,QAAQ;AACT,GAJD,MAIO;AACL;AACAE,IAAAA,QAAQ,CAACE,gBAAT,CAA0B,kBAA1B,EAA8CJ,QAA9C,EAAwD,KAAxD;AACD;AACF,CATM;;;;AAWA,IAAMK,oBAAoB,GAAG,SAAvBA,oBAAuB,GAAM;AACxC,MAAI;AACF,WAAOH,QAAQ,CAACI,IAAT,CAAcC,gBAAd,IAAkCL,QAAQ,CAACI,IAAT,CAAcE,YAAvD;AACD,GAFD,CAEE,OAAOC,CAAP,EAAU;AACV,WAAO,KAAP;AACD;AACF,CANM","sourcesContent":["import { WEBCHAT } from '../constants'\n\nexport const getScrollableContent = webchatElement => {\n  return webchatElement.querySelector(WEBCHAT.SELECTORS.SCROLLABLE_CONTENT)\n}\n\nexport const getScrollableArea = webchatElement => {\n  const getArea = area => {\n    const botonicScrollableContent = getScrollableContent(webchatElement)\n    const scrollableArea =\n      botonicScrollableContent && botonicScrollableContent.querySelector(area)\n    return scrollableArea\n  }\n  return {\n    full: getArea(WEBCHAT.SELECTORS.SIMPLEBAR_CONTENT),\n    visible: getArea(WEBCHAT.SELECTORS.SIMPLEBAR_WRAPPER),\n  }\n}\n\nexport const scrollToBottom = ({\n  timeout = 200,\n  behavior = 'smooth',\n  host,\n} = {}) => {\n  const webchatElement = getWebchatElement(host)\n  if (!webchatElement) return\n  const frame = getScrollableArea(webchatElement).visible\n  if (frame) {\n    setTimeout(\n      () => frame.scrollTo({ top: frame.scrollHeight, behavior: behavior }),\n      timeout\n    )\n  }\n}\n\nexport const getWebchatElement = host =>\n  host && host.querySelector(`#${WEBCHAT.DEFAULTS.ID}`)\n\n// https://stackoverflow.com/questions/9457891/how-to-detect-if-domcontentloaded-was-fired\nexport const onDOMLoaded = callback => {\n  if (/complete|interactive|loaded/.test(document.readyState)) {\n    // In case the document has finished parsing, document's readyState will\n    // be one of \"complete\", \"interactive\" or (non-standard) \"loaded\".\n    callback()\n  } else {\n    // The document is not ready yet, so wait for the DOMContentLoaded event\n    document.addEventListener('DOMContentLoaded', callback, false)\n  }\n}\n\nexport const isShadowDOMSupported = () => {\n  try {\n    return document.head.createShadowRoot || document.head.attachShadow\n  } catch (e) {\n    return false\n  }\n}\n"],"file":"dom.js"}

package/lib/util/environment.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.staticAsset = exports.resolveImage = exports.isURL = exports.isProd = exports.isDev = void 0;
+var isDev = process.env.NODE_ENV === 'development';
+exports.isDev = isDev;
+var isProd = process.env.NODE_ENV === 'production';
+exports.isProd = isProd;
+
+var staticAsset = function staticAsset(path) {
+  try {
+    if (isURL(path)) return path; // Webpack 5 >= fully resolves absolute path to assets
+
+    var scriptBaseURL = document.querySelector('script[src$="webchat.botonic.js"]').getAttribute('src');
+    var scriptName = scriptBaseURL.split('/').pop();
+    var basePath = scriptBaseURL.replace('/' + scriptName, '/');
+    return basePath + path;
+  } catch (e) {
+    console.error("Could not resolve path: '".concat(path, "'"));
+    return path;
+  }
+};
+
+exports.staticAsset = staticAsset;
+
+var resolveImage = function resolveImage(src) {
+  if (isURL(src)) return src;
+  return staticAsset(src);
+};
+
+exports.resolveImage = resolveImage;
+
+var isURL = function isURL(urlPath) {
+  // @stephenhay (38 chars) from: https://mathiasbynens.be/demo/url-regex
+  var pattern = new RegExp(/^(https?|ftp):\/\/[^\s/$.?#].[^\s]*$/);
+  return !!pattern.test(urlPath);
+};
+
+exports.isURL = isURL;
+//# sourceMappingURL=environment.js.map

package/lib/util/environment.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/util/environment.js"],"names":["isDev","process","env","NODE_ENV","isProd","staticAsset","path","isURL","scriptBaseURL","document","querySelector","getAttribute","scriptName","split","pop","basePath","replace","e","console","error","resolveImage","src","urlPath","pattern","RegExp","test"],"mappings":";;;;;;AAAO,IAAMA,KAAK,GAAGC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAvC;;AACA,IAAMC,MAAM,GAAGH,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAAxC;;;AAEA,IAAME,WAAW,GAAG,SAAdA,WAAc,CAAAC,IAAI,EAAI;AACjC,MAAI;AACF,QAAIC,KAAK,CAACD,IAAD,CAAT,EAAiB,OAAOA,IAAP,CADf,CAC2B;;AAC7B,QAAME,aAAa,GAAGC,QAAQ,CAC3BC,aADmB,CACL,mCADK,EAEnBC,YAFmB,CAEN,KAFM,CAAtB;AAGA,QAAMC,UAAU,GAAGJ,aAAa,CAACK,KAAd,CAAoB,GAApB,EAAyBC,GAAzB,EAAnB;AACA,QAAMC,QAAQ,GAAGP,aAAa,CAACQ,OAAd,CAAsB,MAAMJ,UAA5B,EAAwC,GAAxC,CAAjB;AACA,WAAOG,QAAQ,GAAGT,IAAlB;AACD,GARD,CAQE,OAAOW,CAAP,EAAU;AACVC,IAAAA,OAAO,CAACC,KAAR,oCAA0Cb,IAA1C;AACA,WAAOA,IAAP;AACD;AACF,CAbM;;;;AAeA,IAAMc,YAAY,GAAG,SAAfA,YAAe,CAAAC,GAAG,EAAI;AACjC,MAAId,KAAK,CAACc,GAAD,CAAT,EAAgB,OAAOA,GAAP;AAChB,SAAOhB,WAAW,CAACgB,GAAD,CAAlB;AACD,CAHM;;;;AAKA,IAAMd,KAAK,GAAG,SAARA,KAAQ,CAAAe,OAAO,EAAI;AAC9B;AACA,MAAMC,OAAO,GAAG,IAAIC,MAAJ,CAAW,sCAAX,CAAhB;AACA,SAAO,CAAC,CAACD,OAAO,CAACE,IAAR,CAAaH,OAAb,CAAT;AACD,CAJM","sourcesContent":["export const isDev = process.env.NODE_ENV === 'development'\nexport const isProd = process.env.NODE_ENV === 'production'\n\nexport const staticAsset = path => {\n  try {\n    if (isURL(path)) return path // Webpack 5 >= fully resolves absolute path to assets\n    const scriptBaseURL = document\n      .querySelector('script[src$=\"webchat.botonic.js\"]')\n      .getAttribute('src')\n    const scriptName = scriptBaseURL.split('/').pop()\n    const basePath = scriptBaseURL.replace('/' + scriptName, '/')\n    return basePath + path\n  } catch (e) {\n    console.error(`Could not resolve path: '${path}'`)\n    return path\n  }\n}\n\nexport const resolveImage = src => {\n  if (isURL(src)) return src\n  return staticAsset(src)\n}\n\nexport const isURL = urlPath => {\n  // @stephenhay (38 chars) from: https://mathiasbynens.be/demo/url-regex\n  const pattern = new RegExp(/^(https?|ftp):\\/\\/[^\\s/$.?#].[^\\s]*$/)\n  return !!pattern.test(urlPath)\n}\n"],"file":"environment.js"}