@botonic/react 1.0.0-dev.1 → 1.0.0-dev.2

package/lib/experimental/index.js

@@ -1,1022 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  FullstackProdApp: true,
-  FullstackDevApp: true,
-  BrowserDevApp: true,
-  BrowserProdApp: true,
-  DevApp: true,
-  WebchatApp: true,
-  BotonicInputTester: true,
-  BotonicOutputTester: true,
-  Button: true,
-  Element: true,
-  MessageTemplate: true,
-  Pic: true,
-  Reply: true,
-  ShareButton: true,
-  Subtitle: true,
-  Title: true,
-  WebchatSettings: true,
-  RequestContext: true,
-  WebchatContext: true,
-  staticAsset: true,
-  getBotonicApp: true,
-  WebviewApp: true,
-  Audio: true,
-  Carousel: true,
-  customMessage: true,
-  Document: true,
-  Image: true,
-  Location: true,
-  Text: true,
-  Video: true,
-  WhatsappTemplate: true,
-  msgsToBotonic: true,
-  msgToBotonic: true,
-  NodeApp: true,
-  Webchat: true
-};
-Object.defineProperty(exports, "DevApp", {
-  enumerable: true,
-  get: function get() {
-    return _devApp.DevApp;
-  }
-});
-Object.defineProperty(exports, "WebchatApp", {
-  enumerable: true,
-  get: function get() {
-    return _webchatApp.WebchatApp;
-  }
-});
-Object.defineProperty(exports, "BotonicInputTester", {
-  enumerable: true,
-  get: function get() {
-    return _botonicTester.BotonicInputTester;
-  }
-});
-Object.defineProperty(exports, "BotonicOutputTester", {
-  enumerable: true,
-  get: function get() {
-    return _botonicTester.BotonicOutputTester;
-  }
-});
-Object.defineProperty(exports, "Button", {
-  enumerable: true,
-  get: function get() {
-    return _button.Button;
-  }
-});
-Object.defineProperty(exports, "Element", {
-  enumerable: true,
-  get: function get() {
-    return _element.Element;
-  }
-});
-Object.defineProperty(exports, "MessageTemplate", {
-  enumerable: true,
-  get: function get() {
-    return _messageTemplate.MessageTemplate;
-  }
-});
-Object.defineProperty(exports, "Pic", {
-  enumerable: true,
-  get: function get() {
-    return _pic.Pic;
-  }
-});
-Object.defineProperty(exports, "Reply", {
-  enumerable: true,
-  get: function get() {
-    return _reply.Reply;
-  }
-});
-Object.defineProperty(exports, "ShareButton", {
-  enumerable: true,
-  get: function get() {
-    return _shareButton.ShareButton;
-  }
-});
-Object.defineProperty(exports, "Subtitle", {
-  enumerable: true,
-  get: function get() {
-    return _subtitle.Subtitle;
-  }
-});
-Object.defineProperty(exports, "Title", {
-  enumerable: true,
-  get: function get() {
-    return _title.Title;
-  }
-});
-Object.defineProperty(exports, "WebchatSettings", {
-  enumerable: true,
-  get: function get() {
-    return _webchatSettings.WebchatSettings;
-  }
-});
-Object.defineProperty(exports, "RequestContext", {
-  enumerable: true,
-  get: function get() {
-    return _contexts.RequestContext;
-  }
-});
-Object.defineProperty(exports, "WebchatContext", {
-  enumerable: true,
-  get: function get() {
-    return _contexts.WebchatContext;
-  }
-});
-Object.defineProperty(exports, "staticAsset", {
-  enumerable: true,
-  get: function get() {
-    return _environment.staticAsset;
-  }
-});
-Object.defineProperty(exports, "getBotonicApp", {
-  enumerable: true,
-  get: function get() {
-    return _webchat.getBotonicApp;
-  }
-});
-Object.defineProperty(exports, "WebviewApp", {
-  enumerable: true,
-  get: function get() {
-    return _webview.WebviewApp;
-  }
-});
-Object.defineProperty(exports, "Audio", {
-  enumerable: true,
-  get: function get() {
-    return _audio.Audio;
-  }
-});
-Object.defineProperty(exports, "Carousel", {
-  enumerable: true,
-  get: function get() {
-    return _carousel.Carousel;
-  }
-});
-Object.defineProperty(exports, "customMessage", {
-  enumerable: true,
-  get: function get() {
-    return _customMessage.customMessage;
-  }
-});
-Object.defineProperty(exports, "Document", {
-  enumerable: true,
-  get: function get() {
-    return _document.Document;
-  }
-});
-Object.defineProperty(exports, "Image", {
-  enumerable: true,
-  get: function get() {
-    return _image.Image;
-  }
-});
-Object.defineProperty(exports, "Location", {
-  enumerable: true,
-  get: function get() {
-    return _location.Location;
-  }
-});
-Object.defineProperty(exports, "Text", {
-  enumerable: true,
-  get: function get() {
-    return _text.Text;
-  }
-});
-Object.defineProperty(exports, "Video", {
-  enumerable: true,
-  get: function get() {
-    return _video.Video;
-  }
-});
-Object.defineProperty(exports, "WhatsappTemplate", {
-  enumerable: true,
-  get: function get() {
-    return _whatsappTemplate.WhatsappTemplate;
-  }
-});
-Object.defineProperty(exports, "msgsToBotonic", {
-  enumerable: true,
-  get: function get() {
-    return _msgToBotonic.msgsToBotonic;
-  }
-});
-Object.defineProperty(exports, "msgToBotonic", {
-  enumerable: true,
-  get: function get() {
-    return _msgToBotonic.msgToBotonic;
-  }
-});
-Object.defineProperty(exports, "NodeApp", {
-  enumerable: true,
-  get: function get() {
-    return _nodeApp.NodeApp;
-  }
-});
-Object.defineProperty(exports, "Webchat", {
-  enumerable: true,
-  get: function get() {
-    return _webchat2.Webchat;
-  }
-});
-exports.BrowserProdApp = exports.BrowserDevApp = exports.FullstackDevApp = exports.FullstackProdApp = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-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 _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _axios = _interopRequireDefault(require("axios"));
-
-var _he = require("he");
-
-var _lodash = _interopRequireDefault(require("lodash.merge"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reconnectingWebsocket = _interopRequireDefault(require("reconnecting-websocket"));
-
-var _devApp = require("./dev-app");
-
-var _reactBot = require("./react-bot");
-
-var _webchatDev = require("./webchat/webchat-dev");
-
-var _webchatApp = require("./webchat-app");
-
-var _botonicTester = require("../botonic-tester");
-
-var _button = require("../components/button");
-
-var _element = require("../components/element");
-
-var _messageTemplate = require("../components/message-template");
-
-var _multichannel = require("../components/multichannel");
-
-Object.keys(_multichannel).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _multichannel[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _multichannel[key];
-    }
-  });
-});
-
-var _pic = require("../components/pic");
-
-var _reply = require("../components/reply");
-
-var _shareButton = require("../components/share-button");
-
-var _subtitle = require("../components/subtitle");
-
-var _title = require("../components/title");
-
-var _webchatSettings = require("../components/webchat-settings");
-
-var _contexts = require("../contexts");
-
-var _environment = require("../util/environment");
-
-var _webchat = require("../webchat");
-
-var _webview = require("../webview");
-
-var _audio = require("./components/audio");
-
-var _carousel = require("./components/carousel");
-
-var _customMessage = require("./components/custom-message");
-
-var _document = require("./components/document");
-
-var _image = require("./components/image");
-
-var _location = require("./components/location");
-
-var _text = require("./components/text");
-
-var _video = require("./components/video");
-
-var _whatsappTemplate = require("./components/whatsapp-template");
-
-var _msgToBotonic = require("./msg-to-botonic");
-
-var _nodeApp = require("./node-app");
-
-var _webchat2 = require("./webchat/webchat");
-
-var _excluded = ["theme", "persistentMenu", "coverComponent", "blockInputs", "enableEmojiPicker", "enableAttachments", "enableUserInput", "enableAnimations", "storage", "storageKey", "onInit", "onOpen", "onClose", "onMessage"],
-    _excluded2 = ["theme", "persistentMenu", "coverComponent", "blockInputs", "enableEmojiPicker", "enableAttachments", "enableUserInput", "enableAnimations", "hostId", "shadowDOM", "defaultDelay", "defaultTyping", "storage", "storageKey", "onInit", "onOpen", "onClose", "onMessage", "appId", "visibility"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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 WebsocketBackendService = /*#__PURE__*/function () {
-  function WebsocketBackendService(_ref) {
-    var user = _ref.user,
-        lastMessageId = _ref.lastMessageId,
-        onEvent = _ref.onEvent,
-        updateJwt = _ref.updateJwt,
-        jwt = _ref.jwt;
-    (0, _classCallCheck2["default"])(this, WebsocketBackendService);
-    this.user = user || {};
-    this.lastMessageId = lastMessageId;
-    this.onEvent = onEvent;
-    this.jwt = jwt;
-    this.updateJwt = updateJwt;
-    this.init();
-  }
-
-  (0, _createClass2["default"])(WebsocketBackendService, [{
-    key: "init",
-    value: function () {
-      var _init = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(user, lastMessageId) {
-        return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                if (user) this.user = user;
-                if (lastMessageId) this.lastMessageId = lastMessageId;
-
-                if (!(this.wsClient || !this.user.id)) {
-                  _context.next = 4;
-                  break;
-                }
-
-                return _context.abrupt("return");
-
-              case 4:
-                if (this.jwt) {
-                  _context.next = 7;
-                  break;
-                }
-
-                _context.next = 7;
-                return this.doAuthAndUpdateJwt();
-
-              case 7:
-                this.initWebsocket();
-
-              case 8:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, this);
-      }));
-
-      function init(_x, _x2) {
-        return _init.apply(this, arguments);
-      }
-
-      return init;
-    }()
-  }, {
-    key: "initWebsocket",
-    value: function initWebsocket() {
-      var _this = this;
-
-      // Establish WebSocket Connection
-      // eslint-disable-next-line no-undef
-      this.wsClient = new _reconnectingWebsocket["default"](WEBSOCKET_URL); // On Connection Established...
-
-      this.wsClient.addEventListener('open', function () {
-        // Send JWT token to onAuth and update user with new connection ID
-        _this.wsClient.send(JSON.stringify({
-          token: _this.jwt
-        }));
-      }); // On Event Received...
-
-      this.wsClient.addEventListener('message', function (event) {
-        console.log(event, _this.onEvent);
-        var message = JSON.parse((0, _he.decode)(event.data));
-        if (_this.onEvent && typeof _this.onEvent === 'function') _this.onEvent({
-          message: message
-        });
-      });
-    }
-  }, {
-    key: "doAuthAndUpdateJwt",
-    value: function () {
-      var _doAuthAndUpdateJwt = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
-        return _regenerator["default"].wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                _context2.next = 2;
-                return this.doAuth({
-                  userId: this.user.id
-                });
-
-              case 2:
-                this.jwt = _context2.sent;
-                this.updateJwt(this.jwt);
-
-              case 4:
-              case "end":
-                return _context2.stop();
-            }
-          }
-        }, _callee2, this);
-      }));
-
-      function doAuthAndUpdateJwt() {
-        return _doAuthAndUpdateJwt.apply(this, arguments);
-      }
-
-      return doAuthAndUpdateJwt;
-    }()
-  }, {
-    key: "doAuth",
-    value: function () {
-      var _doAuth = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(_ref2) {
-        var userId, _yield$axios$post, token;
-
-        return _regenerator["default"].wrap(function _callee3$(_context3) {
-          while (1) {
-            switch (_context3.prev = _context3.next) {
-              case 0:
-                userId = _ref2.userId;
-                _context3.prev = 1;
-                _context3.next = 4;
-                return _axios["default"].post("".concat(REST_API_URL, "auth/"), {
-                  userId: userId
-                });
-
-              case 4:
-                _yield$axios$post = _context3.sent;
-                token = _yield$axios$post.data.token;
-                return _context3.abrupt("return", token);
-
-              case 9:
-                _context3.prev = 9;
-                _context3.t0 = _context3["catch"](1);
-                console.error(_context3.t0);
-                return _context3.abrupt("return", null);
-
-              case 13:
-              case "end":
-                return _context3.stop();
-            }
-          }
-        }, _callee3, null, [[1, 9]]);
-      }));
-
-      function doAuth(_x3) {
-        return _doAuth.apply(this, arguments);
-      }
-
-      return doAuth;
-    }()
-  }, {
-    key: "postMessage",
-    value: function () {
-      var _postMessage = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4(user, message) {
-        var hasErrors;
-        return _regenerator["default"].wrap(function _callee4$(_context4) {
-          while (1) {
-            switch (_context4.prev = _context4.next) {
-              case 0:
-                hasErrors = false;
-                _context4.prev = 1;
-                _context4.next = 4;
-                return _axios["default"].post( // eslint-disable-next-line no-undef
-                "".concat(REST_API_URL, "events/"), {
-                  message: message,
-                  sender: user
-                }, {
-                  headers: {
-                    Authorization: 'Bearer ' + this.jwt
-                  }
-                } // Note: Do not use string template as it will convert the token with commas, which will be invalid
-                )["catch"](function (error) {
-                  if (error.response.status === 401) hasErrors = true;
-                });
-
-              case 4:
-                _context4.next = 9;
-                break;
-
-              case 6:
-                _context4.prev = 6;
-                _context4.t0 = _context4["catch"](1);
-                if (_context4.t0 && _context4.t0.response.status === 401) hasErrors = true;
-
-              case 9:
-                if (!hasErrors) {
-                  _context4.next = 14;
-                  break;
-                }
-
-                _context4.next = 12;
-                return this.doAuthAndUpdateJwt();
-
-              case 12:
-                _context4.next = 14;
-                return this.postMessage(user, message);
-
-              case 14:
-              case "end":
-                return _context4.stop();
-            }
-          }
-        }, _callee4, this, [[1, 6]]);
-      }));
-
-      function postMessage(_x4, _x5) {
-        return _postMessage.apply(this, arguments);
-      }
-
-      return postMessage;
-    }()
-  }]);
-  return WebsocketBackendService;
-}();
-
-var FullstackProdApp = /*#__PURE__*/function (_WebchatApp) {
-  (0, _inherits2["default"])(FullstackProdApp, _WebchatApp);
-
-  var _super = _createSuper(FullstackProdApp);
-
-  function FullstackProdApp() {
-    (0, _classCallCheck2["default"])(this, FullstackProdApp);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2["default"])(FullstackProdApp, [{
-    key: "onUserInput",
-    value: function () {
-      var _onUserInput = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5(_ref3) {
-        var user, input;
-        return _regenerator["default"].wrap(function _callee5$(_context5) {
-          while (1) {
-            switch (_context5.prev = _context5.next) {
-              case 0:
-                user = _ref3.user, input = _ref3.input;
-                this.onMessage && this.onMessage(this, {
-                  from: 'user',
-                  message: input
-                });
-                this.backendService.postMessage(user, input);
-
-              case 3:
-              case "end":
-                return _context5.stop();
-            }
-          }
-        }, _callee5, this);
-      }));
-
-      function onUserInput(_x6) {
-        return _onUserInput.apply(this, arguments);
-      }
-
-      return onUserInput;
-    }()
-  }, {
-    key: "doAuth",
-    value: function () {
-      var _doAuth2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee6(_ref4) {
-        var userId;
-        return _regenerator["default"].wrap(function _callee6$(_context6) {
-          while (1) {
-            switch (_context6.prev = _context6.next) {
-              case 0:
-                userId = _ref4.userId;
-                _context6.next = 3;
-                return this.backendService.doAuth({
-                  userId: userId
-                });
-
-              case 3:
-                return _context6.abrupt("return", _context6.sent);
-
-              case 4:
-              case "end":
-                return _context6.stop();
-            }
-          }
-        }, _callee6, this);
-      }));
-
-      function doAuth(_x7) {
-        return _doAuth2.apply(this, arguments);
-      }
-
-      return doAuth;
-    }()
-  }, {
-    key: "onStateChange",
-    value: function onStateChange(_ref5) {
-      var _this2 = this;
-
-      var user = _ref5.session.user,
-          messagesJSON = _ref5.messagesJSON,
-          jwt = _ref5.jwt,
-          _updateJwt = _ref5.updateJwt;
-
-      if (!this.backendService && user) {
-        var lastMessage = messagesJSON[messagesJSON.length - 1];
-        this.backendService = new WebsocketBackendService({
-          user: user,
-          lastMessageId: lastMessage && lastMessage.id,
-          onEvent: function onEvent(event) {
-            return _this2.onServiceEvent(event);
-          },
-          jwt: jwt,
-          updateJwt: function () {
-            var _updateJwt2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee7(token) {
-              return _regenerator["default"].wrap(function _callee7$(_context7) {
-                while (1) {
-                  switch (_context7.prev = _context7.next) {
-                    case 0:
-                      return _context7.abrupt("return", _updateJwt(token));
-
-                    case 1:
-                    case "end":
-                      return _context7.stop();
-                  }
-                }
-              }, _callee7);
-            }));
-
-            function updateJwt(_x8) {
-              return _updateJwt2.apply(this, arguments);
-            }
-
-            return updateJwt;
-          }()
-        });
-      }
-    }
-  }]);
-  return FullstackProdApp;
-}(_webchatApp.WebchatApp);
-
-exports.FullstackProdApp = FullstackProdApp;
-
-var FullstackDevApp = /*#__PURE__*/function (_DevApp) {
-  (0, _inherits2["default"])(FullstackDevApp, _DevApp);
-
-  var _super2 = _createSuper(FullstackDevApp);
-
-  function FullstackDevApp(args) {
-    var _this3;
-
-    (0, _classCallCheck2["default"])(this, FullstackDevApp);
-    _this3 = _super2.call(this, _objectSpread(_objectSpread({}, args), {}, {
-      routes: []
-    }));
-    _this3.playgroundCode = args.playgroundCode;
-    console.log('FullstackDevApp ', args.playgroundCode);
-    return _this3;
-  }
-
-  (0, _createClass2["default"])(FullstackDevApp, [{
-    key: "onUserInput",
-    value: function () {
-      var _onUserInput2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee8(_ref6) {
-        var user, input;
-        return _regenerator["default"].wrap(function _callee8$(_context8) {
-          while (1) {
-            switch (_context8.prev = _context8.next) {
-              case 0:
-                user = _ref6.user, input = _ref6.input;
-                this.onMessage && this.onMessage(this, {
-                  from: 'user',
-                  message: input
-                });
-                this.backendService && this.backendService.postMessage(user, input);
-
-              case 3:
-              case "end":
-                return _context8.stop();
-            }
-          }
-        }, _callee8, this);
-      }));
-
-      function onUserInput(_x9) {
-        return _onUserInput2.apply(this, arguments);
-      }
-
-      return onUserInput;
-    }()
-  }, {
-    key: "getComponent",
-    value: function getComponent() {
-      var _this4 = this;
-
-      var optionsAtRuntime = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      var _optionsAtRuntime$the = optionsAtRuntime.theme,
-          theme = _optionsAtRuntime$the === void 0 ? {} : _optionsAtRuntime$the,
-          persistentMenu = optionsAtRuntime.persistentMenu,
-          coverComponent = optionsAtRuntime.coverComponent,
-          blockInputs = optionsAtRuntime.blockInputs,
-          enableEmojiPicker = optionsAtRuntime.enableEmojiPicker,
-          enableAttachments = optionsAtRuntime.enableAttachments,
-          enableUserInput = optionsAtRuntime.enableUserInput,
-          enableAnimations = optionsAtRuntime.enableAnimations,
-          storage = optionsAtRuntime.storage,
-          storageKey = optionsAtRuntime.storageKey,
-          onInit = optionsAtRuntime.onInit,
-          onOpen = optionsAtRuntime.onOpen,
-          onClose = optionsAtRuntime.onClose,
-          onMessage = optionsAtRuntime.onMessage,
-          webchatOptions = (0, _objectWithoutProperties2["default"])(optionsAtRuntime, _excluded);
-      theme = (0, _lodash["default"])(this.theme, theme);
-      persistentMenu = persistentMenu || this.persistentMenu;
-      coverComponent = coverComponent || this.coverComponent;
-      blockInputs = blockInputs || this.blockInputs;
-      enableEmojiPicker = enableEmojiPicker || this.enableEmojiPicker;
-      enableAttachments = enableAttachments || this.enableAttachments;
-      enableUserInput = enableUserInput || this.enableUserInput;
-      enableAnimations = enableAnimations || this.enableAnimations;
-      storage = storage || this.storage;
-      storageKey = storageKey || this.storageKey;
-      this.onInit = onInit || this.onInit;
-      this.onOpen = onOpen || this.onOpen;
-      this.onClose = onClose || this.onClose;
-      this.onMessage = onMessage || this.onMessage;
-      return /*#__PURE__*/_react["default"].createElement(_webchatDev.WebchatDev, (0, _extends2["default"])({}, webchatOptions, {
-        ref: this.webchatRef,
-        host: this.host,
-        shadowDOM: this.shadowDOM,
-        theme: theme,
-        persistentMenu: persistentMenu,
-        coverComponent: coverComponent,
-        blockInputs: blockInputs,
-        enableEmojiPicker: enableEmojiPicker,
-        enableAttachments: enableAttachments,
-        enableUserInput: enableUserInput,
-        enableAnimations: enableAnimations,
-        storage: storage,
-        storageKey: storageKey,
-        playgroundCode: this.playgroundCode,
-        onStateChange: function onStateChange(webchatState) {
-          return _this4.onStateChange(webchatState);
-        },
-        getString: function getString(stringId, session) {
-          return _this4.bot.getString(stringId, session);
-        },
-        setLocale: function setLocale(locale, session) {
-          return _this4.bot.setLocale(locale, session);
-        },
-        onInit: function onInit() {
-          return _this4.onInitWebchat.apply(_this4, arguments);
-        },
-        onOpen: function onOpen() {
-          return _this4.onOpenWebchat.apply(_this4, arguments);
-        },
-        onClose: function onClose() {
-          return _this4.onCloseWebchat.apply(_this4, arguments);
-        },
-        onUserInput: function onUserInput() {
-          return _this4.onUserInput.apply(_this4, arguments);
-        },
-        doAuth: function doAuth() {
-          return _this4.doAuth.apply(_this4, arguments);
-        }
-      }));
-    }
-  }, {
-    key: "doAuth",
-    value: function () {
-      var _doAuth3 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee9(_ref7) {
-        var userId;
-        return _regenerator["default"].wrap(function _callee9$(_context9) {
-          while (1) {
-            switch (_context9.prev = _context9.next) {
-              case 0:
-                userId = _ref7.userId;
-                _context9.next = 3;
-                return this.backendService.doAuth({
-                  userId: userId
-                });
-
-              case 3:
-                return _context9.abrupt("return", _context9.sent);
-
-              case 4:
-              case "end":
-                return _context9.stop();
-            }
-          }
-        }, _callee9, this);
-      }));
-
-      function doAuth(_x10) {
-        return _doAuth3.apply(this, arguments);
-      }
-
-      return doAuth;
-    }()
-  }, {
-    key: "onStateChange",
-    value: function onStateChange(_ref8) {
-      var _this5 = this;
-
-      var user = _ref8.session.user,
-          messagesJSON = _ref8.messagesJSON,
-          jwt = _ref8.jwt,
-          _updateJwt3 = _ref8.updateJwt;
-
-      if (!this.backendService && user) {
-        var lastMessage = messagesJSON[messagesJSON.length - 1];
-        this.backendService = new WebsocketBackendService({
-          user: user,
-          lastMessageId: lastMessage && lastMessage.id,
-          onEvent: function onEvent(event) {
-            return _this5.onServiceEvent(event);
-          },
-          updateJwt: function () {
-            var _updateJwt4 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee10(token) {
-              return _regenerator["default"].wrap(function _callee10$(_context10) {
-                while (1) {
-                  switch (_context10.prev = _context10.next) {
-                    case 0:
-                      return _context10.abrupt("return", _updateJwt3(token));
-
-                    case 1:
-                    case "end":
-                      return _context10.stop();
-                  }
-                }
-              }, _callee10);
-            }));
-
-            function updateJwt(_x11) {
-              return _updateJwt4.apply(this, arguments);
-            }
-
-            return updateJwt;
-          }(),
-          jwt: jwt
-        });
-      }
-    }
-  }]);
-  return FullstackDevApp;
-}(_devApp.DevApp);
-
-exports.FullstackDevApp = FullstackDevApp;
-
-var BrowserDevApp = /*#__PURE__*/function (_DevApp2) {
-  (0, _inherits2["default"])(BrowserDevApp, _DevApp2);
-
-  var _super3 = _createSuper(BrowserDevApp);
-
-  function BrowserDevApp() {
-    (0, _classCallCheck2["default"])(this, BrowserDevApp);
-    return _super3.apply(this, arguments);
-  }
-
-  return BrowserDevApp;
-}(_devApp.DevApp);
-
-exports.BrowserDevApp = BrowserDevApp;
-
-var BrowserProdApp = /*#__PURE__*/function (_WebchatApp2) {
-  (0, _inherits2["default"])(BrowserProdApp, _WebchatApp2);
-
-  var _super4 = _createSuper(BrowserProdApp);
-
-  function BrowserProdApp(_ref9) {
-    var _this6;
-
-    var _ref9$theme = _ref9.theme,
-        theme = _ref9$theme === void 0 ? {} : _ref9$theme,
-        persistentMenu = _ref9.persistentMenu,
-        coverComponent = _ref9.coverComponent,
-        blockInputs = _ref9.blockInputs,
-        enableEmojiPicker = _ref9.enableEmojiPicker,
-        enableAttachments = _ref9.enableAttachments,
-        enableUserInput = _ref9.enableUserInput,
-        enableAnimations = _ref9.enableAnimations,
-        hostId = _ref9.hostId,
-        shadowDOM = _ref9.shadowDOM,
-        defaultDelay = _ref9.defaultDelay,
-        defaultTyping = _ref9.defaultTyping,
-        storage = _ref9.storage,
-        storageKey = _ref9.storageKey,
-        onInit = _ref9.onInit,
-        onOpen = _ref9.onOpen,
-        onClose = _ref9.onClose,
-        onMessage = _ref9.onMessage,
-        appId = _ref9.appId,
-        visibility = _ref9.visibility,
-        botOptions = (0, _objectWithoutProperties2["default"])(_ref9, _excluded2);
-    (0, _classCallCheck2["default"])(this, BrowserProdApp);
-    _this6 = _super4.call(this, {
-      theme: theme,
-      persistentMenu: persistentMenu,
-      coverComponent: coverComponent,
-      blockInputs: blockInputs,
-      enableEmojiPicker: enableEmojiPicker,
-      enableAttachments: enableAttachments,
-      enableUserInput: enableUserInput,
-      enableAnimations: enableAnimations,
-      hostId: hostId,
-      shadowDOM: shadowDOM,
-      defaultDelay: defaultDelay,
-      defaultTyping: defaultTyping,
-      storage: storage,
-      storageKey: storageKey,
-      onInit: onInit,
-      onOpen: onOpen,
-      onClose: onClose,
-      onMessage: onMessage,
-      appId: appId,
-      visibility: visibility
-    });
-    _this6.bot = new _reactBot.ReactBot(_objectSpread({}, botOptions));
-    return _this6;
-  }
-
-  (0, _createClass2["default"])(BrowserProdApp, [{
-    key: "onUserInput",
-    value: function () {
-      var _onUserInput3 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee11(_ref10) {
-        var _this7 = this;
-
-        var input, session, lastRoutePath, resp;
-        return _regenerator["default"].wrap(function _callee11$(_context11) {
-          while (1) {
-            switch (_context11.prev = _context11.next) {
-              case 0:
-                input = _ref10.input, session = _ref10.session, lastRoutePath = _ref10.lastRoutePath;
-                this.onMessage && this.onMessage(this, {
-                  from: 'user',
-                  message: input
-                });
-                _context11.next = 4;
-                return this.bot.input({
-                  input: input,
-                  session: session,
-                  lastRoutePath: lastRoutePath
-                });
-
-              case 4:
-                resp = _context11.sent;
-                this.onMessage && resp.response.map(function (r) {
-                  return _this7.onMessage(_this7, {
-                    from: 'bot',
-                    message: r
-                  });
-                });
-                this.webchatRef.current.addBotResponse(resp);
-
-              case 7:
-              case "end":
-                return _context11.stop();
-            }
-          }
-        }, _callee11, this);
-      }));
-
-      function onUserInput(_x12) {
-        return _onUserInput3.apply(this, arguments);
-      }
-
-      return onUserInput;
-    }()
-  }]);
-  return BrowserProdApp;
-}(_webchatApp.WebchatApp);
-
-exports.BrowserProdApp = BrowserProdApp;
-//# sourceMappingURL=index.js.map