@botonic/react 0.20.1-alpha.1 → 0.20.1

package/lib/webchat-app.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/webchat-app.jsx"],"names":["WebchatApp","theme","persistentMenu","coverComponent","blockInputs","enableEmojiPicker","enableAttachments","enableUserInput","enableAnimations","hostId","shadowDOM","defaultDelay","defaultTyping","storage","storageKey","onInit","onOpen","onClose","onMessage","onConnectionChange","appId","visibility","server","Boolean","console","warn","WEBCHAT","DEFAULTS","HOST_ID","webchatRef","host","id","document","getElementById","createElement","body","firstChild","insertBefore","appendChild","attachShadow","mode","node","shadowRoot","args","user","input","from","SENDERS","message","hubtypeService","postMessage","onConnectionRegained","session","messagesJSON","lastMessage","length","lastMessageId","lastMessageUpdateDate","getLastMessageUpdate","HubtypeService","onEvent","event","onServiceEvent","unsentInputs","current","getMessages","filter","msg","ack","unsentInput","action","online","setOnline","updateMessageInfo","type","updateWebchatSettings","data","setTyping","bot","addBotMessage","updateUser","addBotResponse","response","customTypes","customMessageTypes","text","INPUT","TEXT","addUserMessage","payload","POSTBACK","typing","openWebchat","closeWebchat","toggleWebchat","openCoverComponent","closeCoverComponent","toggleCoverComponent","clearMessages","resolveWebchatVisibility","msgId","messageInfo","settings","optionsAtRuntime","webchatOptions","createRootElement","onInitWebchat","onOpenWebchat","onCloseWebchat","onUserInput","webchatState","onStateChange","getWebchatVisibility","status","isOnline","undefined","isWebchatVisible","dest","isVisible","getComponent","getReactMountNode"],"mappings":"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","sourcesContent":["import { HubtypeService, INPUT } from '@botonic/core'\nimport merge from 'lodash.merge'\nimport React, { createRef } from 'react'\nimport { render } from 'react-dom'\n\nimport { SENDERS, WEBCHAT } from './constants'\nimport { msgToBotonic } from './msg-to-botonic'\nimport { isShadowDOMSupported, onDOMLoaded } from './util/dom'\nimport { Webchat } from './webchat/webchat'\n\nexport class WebchatApp {\n  constructor({\n    theme = {},\n    persistentMenu,\n    coverComponent,\n    blockInputs,\n    enableEmojiPicker,\n    enableAttachments,\n    enableUserInput,\n    enableAnimations,\n    hostId,\n    shadowDOM,\n    defaultDelay,\n    defaultTyping,\n    storage,\n    storageKey,\n    onInit,\n    onOpen,\n    onClose,\n    onMessage,\n    onConnectionChange,\n    appId,\n    visibility,\n    server,\n  }) {\n    this.theme = theme\n    this.persistentMenu = persistentMenu\n    this.coverComponent = coverComponent\n    this.blockInputs = blockInputs\n    this.enableEmojiPicker = enableEmojiPicker\n    this.enableAttachments = enableAttachments\n    this.enableUserInput = enableUserInput\n    this.enableAnimations = enableAnimations\n    this.shadowDOM = Boolean(\n      typeof shadowDOM === 'function' ? shadowDOM() : shadowDOM\n    )\n    if (this.shadowDOM && !isShadowDOMSupported()) {\n      console.warn('[botonic] ShadowDOM not supported on this browser')\n      this.shadowDOM = false\n    }\n    this.hostId = hostId || WEBCHAT.DEFAULTS.HOST_ID\n    this.defaultDelay = defaultDelay\n    this.defaultTyping = defaultTyping\n    this.storage = storage\n    this.storageKey = storageKey\n    this.onInit = onInit\n    this.onOpen = onOpen\n    this.onClose = onClose\n    this.onMessage = onMessage\n    this.onConnectionChange = onConnectionChange\n    this.visibility = visibility\n    this.server = server\n    this.webchatRef = createRef()\n    this.appId = appId\n  }\n\n  createRootElement(host) {\n    // Create root element <div id='root'> if not exists\n    // Create shadowDOM to root element if needed\n    if (host) {\n      if (host.id && this.hostId) {\n        if (host.id != this.hostId) {\n          console.warn(\n            `[botonic] Host ID \"${host.id}\" don't match 'hostId' option: ${this.hostId}. Using value: ${host.id}.`\n          )\n          this.hostId = host.id\n        }\n      } else if (host.id) this.hostId = host.id\n      else if (this.hostId) host.id = this.hostId\n    } else {\n      host = document.getElementById(this.hostId)\n    }\n    if (!host) {\n      host = document.createElement('div')\n      host.id = this.hostId\n      if (document.body.firstChild)\n        document.body.insertBefore(host, document.body.firstChild)\n      else document.body.appendChild(host)\n    }\n    this.host = this.shadowDOM ? host.attachShadow({ mode: 'open' }) : host\n  }\n\n  getReactMountNode(node) {\n    if (!node) node = this.host\n    return node.shadowRoot ? node.shadowRoot : node\n  }\n\n  onInitWebchat(...args) {\n    this.onInit && this.onInit(this, ...args)\n  }\n\n  onOpenWebchat(...args) {\n    this.onOpen && this.onOpen(this, ...args)\n  }\n\n  onCloseWebchat(...args) {\n    this.onClose && this.onClose(this, ...args)\n  }\n\n  async onUserInput({ user, input }) {\n    this.onMessage &&\n      this.onMessage(this, { from: SENDERS.user, message: input })\n    return this.hubtypeService.postMessage(user, input)\n  }\n\n  async onConnectionRegained() {\n    return this.hubtypeService.onConnectionRegained()\n  }\n\n  onStateChange({ session: { user }, messagesJSON }) {\n    const lastMessage = messagesJSON[messagesJSON.length - 1]\n    const lastMessageId = lastMessage && lastMessage.id\n    const lastMessageUpdateDate = this.getLastMessageUpdate()\n    if (this.hubtypeService) {\n      this.hubtypeService.lastMessageId = lastMessageId\n      this.hubtypeService.lastMessageUpdateDate = lastMessageUpdateDate\n    } else if (!this.hubtypeService && user) {\n      this.hubtypeService = new HubtypeService({\n        appId: this.appId,\n        user,\n        lastMessageId,\n        lastMessageUpdateDate,\n        onEvent: event => this.onServiceEvent(event),\n        unsentInputs: () =>\n          this.webchatRef.current\n            .getMessages()\n            .filter(msg => msg.ack === 0 && msg.unsentInput),\n        server: this.server,\n      })\n    }\n  }\n\n  onServiceEvent(event) {\n    if (event.action === 'connectionChange') {\n      this.onConnectionChange && this.onConnectionChange(this, event.online)\n      this.webchatRef.current.setOnline(event.online)\n    } else if (event.action === 'update_message_info')\n      this.updateMessageInfo(event.message.id, event.message)\n    else if (event.message.type === 'update_webchat_settings')\n      this.updateWebchatSettings(event.message.data)\n    else if (event.message.type === 'sender_action')\n      this.setTyping(event.message.data === 'typing_on')\n    else {\n      this.onMessage &&\n        this.onMessage(this, { from: SENDERS.bot, message: event.message })\n      this.addBotMessage(event.message)\n    }\n  }\n\n  updateUser(user) {\n    this.webchatRef.current.updateUser(user)\n  }\n\n  addBotMessage(message) {\n    this.webchatRef.current.addBotResponse({\n      response: msgToBotonic(\n        message,\n        (this.theme.message && this.theme.message.customTypes) ||\n          this.theme.customMessageTypes\n      ),\n    })\n  }\n\n  addBotText(text) {\n    this.addBotMessage({ type: INPUT.TEXT, data: text })\n  }\n\n  addUserMessage(message) {\n    this.webchatRef.current.addUserMessage(message)\n  }\n\n  addUserText(text) {\n    this.webchatRef.current.addUserMessage({ type: INPUT.TEXT, data: text })\n  }\n\n  addUserPayload(payload) {\n    this.webchatRef.current.addUserMessage({ type: INPUT.POSTBACK, payload })\n  }\n\n  setTyping(typing) {\n    this.webchatRef.current.setTyping(typing)\n  }\n\n  open() {\n    this.webchatRef.current.openWebchat()\n  }\n\n  close() {\n    this.webchatRef.current.closeWebchat()\n  }\n\n  toggle() {\n    this.webchatRef.current.toggleWebchat()\n  }\n\n  openCoverComponent() {\n    this.webchatRef.current.openCoverComponent()\n  }\n\n  closeCoverComponent() {\n    this.webchatRef.current.closeCoverComponent()\n  }\n\n  toggleCoverComponent() {\n    this.webchatRef.current.toggleCoverComponent()\n  }\n\n  getMessages() {\n    return this.webchatRef.current.getMessages()\n  }\n\n  clearMessages() {\n    this.webchatRef.current.clearMessages()\n  }\n\n  async getVisibility() {\n    return this.resolveWebchatVisibility({\n      appId: this.appId,\n      visibility: this.visibility,\n    })\n  }\n\n  getLastMessageUpdate() {\n    return this.webchatRef.current.getLastMessageUpdate()\n  }\n\n  updateMessageInfo(msgId, messageInfo) {\n    return this.webchatRef.current.updateMessageInfo(msgId, messageInfo)\n  }\n\n  updateWebchatSettings(settings) {\n    return this.webchatRef.current.updateWebchatSettings(settings)\n  }\n\n  // eslint-disable-next-line complexity\n  getComponent(host, optionsAtRuntime = {}) {\n    let {\n      theme = {},\n      persistentMenu,\n      coverComponent,\n      blockInputs,\n      enableAttachments,\n      enableUserInput,\n      enableAnimations,\n      enableEmojiPicker,\n      defaultDelay,\n      defaultTyping,\n      storage,\n      storageKey,\n      onInit,\n      onOpen,\n      onClose,\n      onMessage,\n      onConnectionChange,\n      appId,\n      visibility,\n      server,\n      hostId,\n      ...webchatOptions\n    } = optionsAtRuntime\n    theme = merge(this.theme, theme)\n    persistentMenu = persistentMenu || this.persistentMenu\n    coverComponent = coverComponent || this.coverComponent\n    blockInputs = blockInputs || this.blockInputs\n    enableEmojiPicker = enableEmojiPicker || this.enableEmojiPicker\n    enableAttachments = enableAttachments || this.enableAttachments\n    enableUserInput = enableUserInput || this.enableUserInput\n    enableAnimations = enableAnimations || this.enableAnimations\n    defaultDelay = defaultDelay || this.defaultDelay\n    defaultTyping = defaultTyping || this.defaultTyping\n    storage = storage || this.storage\n    storageKey = storageKey || this.storageKey\n    server = server || this.server\n    this.onInit = onInit || this.onInit\n    this.onOpen = onOpen || this.onOpen\n    this.onClose = onClose || this.onClose\n    this.onMessage = onMessage || this.onMessage\n    this.onConnectionChange = onConnectionChange || this.onConnectionChange\n    this.visibility = visibility || this.visibility\n    this.appId = appId || this.appId\n    this.hostId = hostId || this.hostId\n    this.createRootElement(host)\n    return (\n      <Webchat\n        {...webchatOptions}\n        ref={this.webchatRef}\n        host={this.host}\n        shadowDOM={this.shadowDOM}\n        theme={theme}\n        persistentMenu={persistentMenu}\n        coverComponent={coverComponent}\n        blockInputs={blockInputs}\n        enableEmojiPicker={enableEmojiPicker}\n        enableAttachments={enableAttachments}\n        enableUserInput={enableUserInput}\n        enableAnimations={enableAnimations}\n        storage={storage}\n        storageKey={storageKey}\n        defaultDelay={defaultDelay}\n        defaultTyping={defaultTyping}\n        onInit={(...args) => this.onInitWebchat(...args)}\n        onOpen={(...args) => this.onOpenWebchat(...args)}\n        onClose={(...args) => this.onCloseWebchat(...args)}\n        onUserInput={(...args) => this.onUserInput(...args)}\n        onStateChange={webchatState => this.onStateChange(webchatState)}\n        server={server}\n      />\n    )\n  }\n\n  async isWebchatVisible({ appId }) {\n    try {\n      const { status } = await HubtypeService.getWebchatVisibility({\n        appId,\n      })\n      return status === 200\n    } catch (e) {\n      return false\n    }\n  }\n\n  isOnline() {\n    return this.webchatRef.current.isOnline()\n  }\n\n  async resolveWebchatVisibility(optionsAtRuntime) {\n    let { appId, visibility } = optionsAtRuntime\n    visibility = visibility || this.visibility\n    if (visibility === undefined || visibility === true) return true\n    if (typeof visibility === 'function' && visibility()) return true\n    if (visibility === 'dynamic' && (await this.isWebchatVisible({ appId })))\n      return true\n    return false\n  }\n\n  async render(dest, optionsAtRuntime = {}) {\n    onDOMLoaded(async () => {\n      const isVisible = await this.resolveWebchatVisibility(optionsAtRuntime)\n      if (isVisible)\n        render(\n          this.getComponent(dest, optionsAtRuntime),\n          this.getReactMountNode(dest)\n        )\n    })\n  }\n}\n"],"file":"webchat-app.js"}

package/lib/webchat.template.html

@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en-US">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Botonic</title>
+    <style>
+      html,
+      body,
+      #root {
+        width: 100%;
+        height: 100%;
+        margin: 0px;
+        padding: 0px;
+        background-color: #f1f0f0;
+      }
+      #root {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      body::after {
+        content: '';
+        width: 200px;
+        height: 200px;
+        background-color: red;
+      }
+    </style>
+  </head>
+  <body>
+    <script type="text/javascript">
+      document.addEventListener('DOMContentLoaded', function (event) {
+        Botonic.render()
+      })
+    </script>
+  </body>
+</html>

package/lib/webview.js

@@ -0,0 +1,214 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WebviewApp = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+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 _axios = _interopRequireDefault(require("axios"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactDom = require("react-dom");
+
+var _reactRouterDom = require("react-router-dom");
+
+var _contexts = require("./contexts");
+
+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 App = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(App, _React$Component);
+
+  var _super = _createSuper(App);
+
+  function App(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, App);
+    _this = _super.call(this, props);
+    var url = new URL(window.location.href);
+    var params = Array.from(url.searchParams.entries()).filter(function (_ref) {
+      var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
+          key = _ref2[0],
+          value = _ref2[1];
+
+      return key != 'context';
+    }).reduce(function (o, _ref3) {
+      var _ref4 = (0, _slicedToArray2["default"])(_ref3, 2),
+          key = _ref4[0],
+          value = _ref4[1];
+
+      o[key] = value;
+      return o;
+    }, {});
+    var session = JSON.parse(url.searchParams.get('context') || {});
+    _this.state = {
+      session: session,
+      params: params
+    };
+    return _this;
+  }
+
+  (0, _createClass2["default"])(App, [{
+    key: "close",
+    value: function () {
+      var _close = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(options) {
+        var payload, s, baseUrl, resp;
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                payload = options ? options.payload : null;
+                if (options.path) payload = "__PATH_PAYLOAD__".concat(options.path);
+
+                if (!payload) {
+                  _context.next = 15;
+                  break;
+                }
+
+                if (options.params) {
+                  payload = "".concat(payload, "?").concat((0, _core.params2queryString)(options.params));
+                }
+
+                s = this.state.session;
+                _context.prev = 5;
+                baseUrl = s._hubtype_api || 'https://api.hubtype.com';
+                _context.next = 9;
+                return (0, _axios["default"])({
+                  method: 'post',
+                  url: "".concat(baseUrl, "/v1/bots/").concat(s.bot.id, "/send_postback/"),
+                  // eslint-disable-next-line @typescript-eslint/naming-convention
+                  data: {
+                    payload: payload,
+                    chat_id: s.user.id
+                  }
+                });
+
+              case 9:
+                resp = _context.sent;
+                _context.next = 15;
+                break;
+
+              case 12:
+                _context.prev = 12;
+                _context.t0 = _context["catch"](5);
+                console.log(_context.t0);
+
+              case 15:
+                if (!(this.state.session.user.provider === _core.PROVIDER.WHATSAPP)) {
+                  _context.next = 19;
+                  break;
+                }
+
+                location.href = 'https://wa.me/' + this.state.session.user.imp_id;
+                _context.next = 27;
+                break;
+
+              case 19:
+                try {
+                  window.MessengerExtensions.requestCloseBrowser(function () {
+                    return undefined;
+                  }, function (err) {
+                    return console.log(err);
+                  });
+                } catch (e) {}
+
+                _context.prev = 20;
+                _context.next = 23;
+                return parent.postMessage('botonicCloseWebview', '*');
+
+              case 23:
+                _context.next = 27;
+                break;
+
+              case 25:
+                _context.prev = 25;
+                _context.t1 = _context["catch"](20);
+
+              case 27:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this, [[5, 12], [20, 25]]);
+      }));
+
+      function close(_x) {
+        return _close.apply(this, arguments);
+      }
+
+      return close;
+    }()
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var requestContext = {
+        getString: function getString(stringId) {
+          return (0, _core.getString)(_this2.props.locales, _this2.state.session.__locale, stringId);
+        },
+        session: this.state.session || {},
+        params: this.state.params || {},
+        closeWebview: this.close.bind(this)
+      };
+      return /*#__PURE__*/_react["default"].createElement(_contexts.RequestContext.Provider, {
+        value: requestContext
+      }, this.props.webviews.map(function (Webview, i) {
+        return /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Route, {
+          key: i,
+          path: "/".concat(Webview.name),
+          component: Webview
+        });
+      }));
+    }
+  }]);
+  return App;
+}(_react["default"].Component);
+
+var WebviewApp = /*#__PURE__*/function () {
+  function WebviewApp(_ref5) {
+    var webviews = _ref5.webviews,
+        locales = _ref5.locales;
+    (0, _classCallCheck2["default"])(this, WebviewApp);
+    this.webviews = webviews;
+    this.locales = locales;
+  }
+
+  (0, _createClass2["default"])(WebviewApp, [{
+    key: "render",
+    value: function render(dest) {
+      (0, _reactDom.render)( /*#__PURE__*/_react["default"].createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react["default"].createElement(App, {
+        webviews: this.webviews,
+        locales: this.locales
+      })), dest);
+    }
+  }]);
+  return WebviewApp;
+}();
+
+exports.WebviewApp = WebviewApp;
+//# sourceMappingURL=webview.js.map

package/lib/webview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/webview.jsx"],"names":["App","props","url","URL","window","location","href","params","Array","from","searchParams","entries","filter","key","value","reduce","o","session","JSON","parse","get","state","options","payload","path","s","baseUrl","_hubtype_api","method","bot","id","data","chat_id","user","resp","console","log","provider","PROVIDER","WHATSAPP","imp_id","MessengerExtensions","requestCloseBrowser","undefined","err","e","parent","postMessage","requestContext","getString","stringId","locales","__locale","closeWebview","close","bind","webviews","map","Webview","i","name","React","Component","WebviewApp","dest"],"mappings":"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","sourcesContent":["import { getString, params2queryString, PROVIDER } from '@botonic/core'\nimport axios from 'axios'\nimport React from 'react'\nimport { render } from 'react-dom'\nimport { BrowserRouter, Route } from 'react-router-dom'\n\nimport { RequestContext } from './contexts'\n\nclass App extends React.Component {\n  constructor(props) {\n    super(props)\n    const url = new URL(window.location.href)\n    const params = Array.from(url.searchParams.entries())\n      .filter(([key, value]) => key != 'context')\n      .reduce((o, [key, value]) => {\n        o[key] = value\n        return o\n      }, {})\n    const session = JSON.parse(url.searchParams.get('context') || {})\n    this.state = { session, params }\n  }\n\n  async close(options) {\n    let payload = options ? options.payload : null\n    if (options.path) payload = `__PATH_PAYLOAD__${options.path}`\n    if (payload) {\n      if (options.params) {\n        payload = `${payload}?${params2queryString(options.params)}`\n      }\n      const s = this.state.session\n      try {\n        const baseUrl = s._hubtype_api || 'https://api.hubtype.com'\n        const resp = await axios({\n          method: 'post',\n          url: `${baseUrl}/v1/bots/${s.bot.id}/send_postback/`,\n          // eslint-disable-next-line @typescript-eslint/naming-convention\n          data: { payload: payload, chat_id: s.user.id },\n        })\n      } catch (e) {\n        console.log(e)\n      }\n    }\n    if (this.state.session.user.provider === PROVIDER.WHATSAPP) {\n      location.href = 'https://wa.me/' + this.state.session.user.imp_id\n    } else {\n      try {\n        window.MessengerExtensions.requestCloseBrowser(\n          () => undefined,\n          err => console.log(err)\n        )\n      } catch (e) {}\n      try {\n        await parent.postMessage('botonicCloseWebview', '*')\n      } catch (e) {}\n    }\n  }\n\n  render() {\n    const requestContext = {\n      getString: stringId =>\n        getString(this.props.locales, this.state.session.__locale, stringId),\n      session: this.state.session || {},\n      params: this.state.params || {},\n      closeWebview: this.close.bind(this),\n    }\n\n    return (\n      <RequestContext.Provider value={requestContext}>\n        {this.props.webviews.map((Webview, i) => (\n          <Route key={i} path={`/${Webview.name}`} component={Webview} />\n        ))}\n      </RequestContext.Provider>\n    )\n  }\n}\n\nexport class WebviewApp {\n  constructor({ webviews, locales }) {\n    this.webviews = webviews\n    this.locales = locales\n  }\n\n  render(dest) {\n    render(\n      <BrowserRouter>\n        <App webviews={this.webviews} locales={this.locales} />\n      </BrowserRouter>,\n      dest\n    )\n  }\n}\n"],"file":"webview.js"}

package/lib/webview.template.html

@@ -0,0 +1,39 @@
+<html>
+  <head>
+    <title></title>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style>
+      html,
+      body,
+      #root {
+        width: 100%;
+        height: 100%;
+        margin: 0px;
+        padding: 0px;
+      }
+    </style>
+  </head>
+
+  <body>
+    <script>
+      ;(function (d, s, id) {
+        var js,
+          fjs = d.getElementsByTagName(s)[0]
+        if (d.getElementById(id)) {
+          return
+        }
+        js = d.createElement(s)
+        js.id = id
+        js.src = 'https://connect.facebook.net/en_US/messenger.Extensions.js'
+        fjs.parentNode.insertBefore(js, fjs)
+      })(document, 'script', 'Messenger')
+    </script>
+    <div id="root"></div>
+    <script type="text/javascript">
+      document.addEventListener('DOMContentLoaded', function (event) {
+        BotonicWebview.render(document.getElementById('root'))
+      })
+    </script>
+  </body>
+</html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botonic/react",
-  "version": "0.20.1-alpha.1",
+  "version": "0.20.1",
   "license": "MIT",
   "description": "Build Chatbots using React",
   "main": "src/index.js",
@@ -28,7 +28,7 @@
     "README.md"
   ],
   "dependencies": {
-    "@botonic/core": "~0.20.0",
+    "@botonic/core": "^0.20.1",
     "axios": "^0.24.0",
     "emoji-picker-react": "^3.2.3",
     "framer-motion": "^3.1.1",

package/src/components/image.jsx

@@ -1,24 +1,15 @@
 import { INPUT, isBrowser } from '@botonic/core'
-import React, { useState } from 'react'
+import React from 'react'
 import styled from 'styled-components'
 
 import { ROLES } from '../constants'
-import { PortalModalComponent } from '../webchat/components/portal-modal'
 import { Message } from './message'
 
 const StyledImage = styled.img`
   border-radius: 8px;
   max-width: 150px;
   max-height: 150px;
-  margin: -3px -6px;
-  cursor: ${props => (props.isHovered ? 'pointer' : 'none')};
-`
-
-const StyledPreviewImage = styled.img`
-  width: 100%;
-  max-width: 75vw;
-  max-height: 75vh;
-  object-fit: contain;
+  margin: 10px;
 `
 
 const serialize = imageProps => {
@@ -26,33 +17,8 @@ const serialize = imageProps => {
 }
 
 export const Image = props => {
-  const [isHovered, setIsHovered] = useState(false)
-  const [isModalOpen, setIsModalOpen] = useState(false)
-
   let content = props.children
-
-  if (isBrowser()) {
-    content = (
-      <>
-        <StyledImage
-          src={props.src}
-          isHovered={isHovered}
-          onMouseEnter={() => setIsHovered(true)}
-          onMouseLeave={() => setIsHovered(false)}
-          onClick={() => setIsModalOpen(true)}
-        />
-        {isModalOpen && (
-          <PortalModalComponent
-            open={isModalOpen}
-            onClose={() => setIsModalOpen(false)}
-            locked={false}
-          >
-            <StyledPreviewImage src={props.src} />
-          </PortalModalComponent>
-        )}
-      </>
-    )
-  }
+  if (isBrowser()) content = <StyledImage src={props.src} />
   return (
     <Message
       role={ROLES.IMAGE_MESSAGE}

package/src/index.d.ts

@@ -204,8 +204,6 @@ export class WebchatApp {
   updateLastMessageDate(date: string): void
   updateUser(user: core.SessionUser): void
   updateWebchatSettings(settings: WebchatSettingsProps): void
-  openModal(customContent: React.ReactNode): void
-  closeModal(): void
 }
 
 export interface WebchatContextProps {

package/src/index.js

@@ -5,7 +5,6 @@ export { DevApp } from './dev-app'
 export { msgsToBotonic, msgToBotonic } from './msg-to-botonic'
 export { NodeApp } from './node-app'
 export { staticAsset } from './util/environment'
-export * from './webchat/components/portal-modal'
 export { getBotonicApp, Webchat } from './webchat/index.js'
 export { WebchatApp } from './webchat-app'
 export { WebviewApp } from './webview'

package/src/webchat/actions.jsx

@@ -14,7 +14,6 @@ export const TOGGLE_WEBCHAT = 'toggleWebchat'
 export const TOGGLE_EMOJI_PICKER = 'toggleEmojiPicker'
 export const TOGGLE_PERSISTENT_MENU = 'togglePersistentMenu'
 export const TOGGLE_COVER_COMPONENT = 'toggleCoverComponent'
-export const TOGGLE_MODAL = 'toggleModal'
 export const SET_ERROR = 'setError'
 export const CLEAR_MESSAGES = 'clearMessages'
 export const UPDATE_LAST_MESSAGE_DATE = 'updateLastMessageDate'

package/src/webchat/hooks.js

@@ -11,7 +11,6 @@ import {
   SET_ONLINE,
   TOGGLE_COVER_COMPONENT,
   TOGGLE_EMOJI_PICKER,
-  TOGGLE_MODAL,
   TOGGLE_PERSISTENT_MENU,
   TOGGLE_WEBCHAT,
   UPDATE_DEV_SETTINGS,
@@ -60,7 +59,6 @@ export const webchatInitialState = {
   isEmojiPickerOpen: false,
   isPersistentMenuOpen: false,
   isCoverComponentOpen: false,
-  isModalOpen: false,
   lastMessageUpdate: undefined,
   currentAttachment: undefined,
   jwt: null,
@@ -139,11 +137,6 @@ export function useWebchat() {
       type: TOGGLE_COVER_COMPONENT,
       payload: toggle,
     })
-  const toggleModal = toggle =>
-    webchatDispatch({
-      type: TOGGLE_MODAL,
-      payload: toggle,
-    })
   const setError = error =>
     webchatDispatch({
       type: SET_ERROR,
@@ -199,7 +192,6 @@ export function useWebchat() {
     toggleEmojiPicker,
     togglePersistentMenu,
     toggleCoverComponent,
-    toggleModal,
     setError,
     setOnline,
     clearMessages,

package/src/webchat/webchat-reducer.js

@@ -4,7 +4,6 @@ import {
   SET_ONLINE,
   TOGGLE_COVER_COMPONENT,
   TOGGLE_EMOJI_PICKER,
-  TOGGLE_MODAL,
   TOGGLE_PERSISTENT_MENU,
   TOGGLE_WEBCHAT,
   UPDATE_DEV_SETTINGS,
@@ -19,7 +18,6 @@ import {
 } from './actions'
 import { messagesReducer } from './messages-reducer'
 
-// eslint-disable-next-line complexity
 export function webchatReducer(state, action) {
   switch (action.type) {
     case UPDATE_WEBVIEW:
@@ -43,8 +41,6 @@ export function webchatReducer(state, action) {
       return { ...state, isPersistentMenuOpen: action.payload }
     case TOGGLE_COVER_COMPONENT:
       return { ...state, isCoverComponentOpen: action.payload }
-    case TOGGLE_MODAL:
-      return { ...state, isModalOpen: action.payload }
     case SET_ERROR:
       return { ...state, error: action.payload || {} }
     case SET_ONLINE:

package/src/webchat/webchat.jsx

@@ -6,7 +6,6 @@ import React, {
   useEffect,
   useImperativeHandle,
   useRef,
-  useState,
 } from 'react'
 import Textarea from 'react-textarea-autosize'
 import styled, { StyleSheetManager } from 'styled-components'
@@ -47,7 +46,6 @@ import {
   initSession,
   shouldKeepSessionOnReload,
 } from '../util/webchat'
-import { PortalModalComponent } from '../webchat/components/portal-modal'
 import { Attachment } from './components/attachment'
 import { EmojiPicker, OpenedEmojiPicker } from './components/emoji-picker'
 import {
@@ -185,7 +183,6 @@ export const Webchat = forwardRef((props, ref) => {
     toggleEmojiPicker,
     togglePersistentMenu,
     toggleCoverComponent,
-    toggleModal,
     setError,
     setOnline,
     clearMessages,
@@ -202,8 +199,6 @@ export const Webchat = forwardRef((props, ref) => {
   const { initialSession, initialDevSettings, onStateChange } = props
   const getThemeProperty = _getThemeProperty(theme)
 
-  const [customModalContent, setCustomModalContent] = useState(undefined)
-
   const storage = props.storage === undefined ? localStorage : props.storage
   const storageKey =
     typeof props.storageKey === 'function'
@@ -564,11 +559,6 @@ export const Webchat = forwardRef((props, ref) => {
     toggleWebchat: () => toggleWebchat(!webchatState.isWebchatOpen),
     openCoverComponent: () => toggleCoverComponent(true),
     closeCoverComponent: () => toggleCoverComponent(false),
-    openModal: customModalContent => {
-      setCustomModalContent(customModalContent)
-      toggleModal(true)
-    },
-    closeModal: () => toggleModal(false),
     toggleCoverComponent: () =>
       toggleCoverComponent(!webchatState.isCoverComponentOpen),
     openWebviewApi: component => openWebviewT(component),
@@ -958,14 +948,6 @@ export const Webchat = forwardRef((props, ref) => {
           {!webchatState.handoff && userInputArea()}
           {webchatState.webview && webchatWebview()}
           {webchatState.isCoverComponentOpen && coverComponent()}
-          {webchatState.isModalOpen && (
-            <PortalModalComponent
-              open={webchatState.isModalOpen}
-              onClose={() => toggleModal(false)}
-              locked={false}
-              customContent={customModalContent}
-            />
-          )}
         </StyledWebchat>
       )}
     </WebchatContext.Provider>

package/src/webchat-app.jsx

@@ -211,14 +211,6 @@ export class WebchatApp {
     this.webchatRef.current.closeCoverComponent()
   }
 
-  openModal(customModalContent) {
-    this.webchatRef.current.openModal(customModalContent)
-  }
-
-  closeModal() {
-    this.webchatRef.current.closeModal()
-  }
-
   toggleCoverComponent() {
     this.webchatRef.current.toggleCoverComponent()
   }

package/src/webchat/components/portal-modal/backdrop.jsx

@@ -1,38 +0,0 @@
-import styled from 'styled-components'
-
-import { MODAL_ACTIVE_CLASSNAME, MODAL_CONTENT_CLASSNAME } from './constants'
-
-export const Backdrop = styled.div`
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  background-color: rgba(51, 51, 51, 0.3);
-  backdrop-filter: blur(1px);
-  opacity: 0;
-  transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1);
-  transition-delay: 200ms;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  & .${MODAL_CONTENT_CLASSNAME} {
-    transform: translateY(100px);
-    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
-    opacity: 0;
-  }
-
-  &.${MODAL_ACTIVE_CLASSNAME} {
-    transition-duration: 250ms;
-    transition-delay: 0ms;
-    opacity: 1;
-
-    & .${MODAL_CONTENT_CLASSNAME} {
-      transform: translateY(0);
-      opacity: 1;
-      transition-delay: 150ms;
-      transition-duration: 350ms;
-    }
-  }
-`

package/src/webchat/components/portal-modal/constants.js

@@ -1,7 +0,0 @@
-// Portal
-export const BOTONIC_PORTAL_CLASS_LIST_NAME = 'botonic-portal-container'
-
-// Modal
-export const MODAL_PORTAL_CLASS_NAME = 'modal-portal'
-export const MODAL_CONTENT_CLASSNAME = 'modal-content'
-export const MODAL_ACTIVE_CLASSNAME = 'active'

package/src/webchat/components/portal-modal/content.jsx

@@ -1,10 +0,0 @@
-import styled from 'styled-components'
-
-export const ModalContent = styled.div`
-  position: relative;
-  padding: 4px;
-  box-sizing: border-box;
-  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-  background-color: white;
-  border-radius: 2px;
-`