@botonic/react 1.0.0-beta.0 → 1.0.0-dev.2

package/lib/experimental/dev-app.js

@@ -1,240 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DevApp = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-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 _lodash = _interopRequireDefault(require("lodash.merge"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactDom = require("react-dom");
-
-var _constants = require("../constants");
-
-var _dom = require("../util/dom");
-
-var _reactBot = require("./react-bot");
-
-var _webchatDev = require("./webchat/webchat-dev");
-
-var _webchatApp = require("./webchat-app");
-
-var _excluded = ["theme", "persistentMenu", "coverComponent", "blockInputs", "enableEmojiPicker", "enableAttachments", "enableUserInput", "enableAnimations", "shadowDOM", "hostId", "storage", "storageKey", "onInit", "onOpen", "onClose", "onMessage"],
-    _excluded2 = ["theme", "persistentMenu", "coverComponent", "blockInputs", "enableEmojiPicker", "enableAttachments", "enableUserInput", "enableAnimations", "storage", "storageKey", "onInit", "onOpen", "onClose", "onMessage"];
-
-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 DevApp = /*#__PURE__*/function (_WebchatApp) {
-  (0, _inherits2["default"])(DevApp, _WebchatApp);
-
-  var _super = _createSuper(DevApp);
-
-  function DevApp(_ref) {
-    var _this;
-
-    var _ref$theme = _ref.theme,
-        theme = _ref$theme === void 0 ? {} : _ref$theme,
-        persistentMenu = _ref.persistentMenu,
-        coverComponent = _ref.coverComponent,
-        blockInputs = _ref.blockInputs,
-        enableEmojiPicker = _ref.enableEmojiPicker,
-        enableAttachments = _ref.enableAttachments,
-        enableUserInput = _ref.enableUserInput,
-        enableAnimations = _ref.enableAnimations,
-        shadowDOM = _ref.shadowDOM,
-        hostId = _ref.hostId,
-        storage = _ref.storage,
-        storageKey = _ref.storageKey,
-        onInit = _ref.onInit,
-        onOpen = _ref.onOpen,
-        onClose = _ref.onClose,
-        onMessage = _ref.onMessage,
-        botOptions = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-    (0, _classCallCheck2["default"])(this, DevApp);
-    _this = _super.call(this, {
-      theme: theme,
-      persistentMenu: persistentMenu,
-      coverComponent: coverComponent,
-      blockInputs: blockInputs,
-      enableEmojiPicker: enableEmojiPicker,
-      enableAttachments: enableAttachments,
-      enableUserInput: enableUserInput,
-      enableAnimations: enableAnimations,
-      shadowDOM: shadowDOM,
-      hostId: hostId,
-      storage: storage,
-      storageKey: storageKey,
-      onInit: onInit,
-      onOpen: onOpen,
-      onClose: onClose,
-      onMessage: onMessage
-    });
-    _this.bot = new _reactBot.ReactBot(_objectSpread({}, botOptions));
-    return _this;
-  }
-
-  (0, _createClass2["default"])(DevApp, [{
-    key: "getComponent",
-    value: function getComponent() {
-      var _this2 = 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, _excluded2);
-      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,
-        getString: function getString(stringId, session) {
-          return _this2.bot.getString(stringId, session);
-        },
-        setLocale: function setLocale(locale, session) {
-          return _this2.bot.setLocale(locale, session);
-        },
-        onInit: function onInit() {
-          return _this2.onInitWebchat.apply(_this2, arguments);
-        },
-        onOpen: function onOpen() {
-          return _this2.onOpenWebchat.apply(_this2, arguments);
-        },
-        onClose: function onClose() {
-          return _this2.onCloseWebchat.apply(_this2, arguments);
-        },
-        onUserInput: function onUserInput() {
-          return _this2.onUserInput.apply(_this2, arguments);
-        }
-      }));
-    }
-  }, {
-    key: "render",
-    value: function render(dest) {
-      var _this3 = this;
-
-      var optionsAtRuntime = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      (0, _dom.onDOMLoaded)(function () {
-        _this3.createRootElement(dest);
-
-        (0, _reactDom.render)(_this3.getComponent(optionsAtRuntime), _this3.getReactMountNode(dest));
-      });
-    }
-  }, {
-    key: "onUserInput",
-    value: function () {
-      var _onUserInput = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(_ref2) {
-        var _this4 = this;
-
-        var input, session, lastRoutePath, resp;
-        return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                input = _ref2.input, session = _ref2.session, lastRoutePath = _ref2.lastRoutePath;
-                this.onMessage && this.onMessage(this, {
-                  from: _constants.SENDERS.user,
-                  message: input
-                });
-                _context.next = 4;
-                return this.bot.input({
-                  input: input,
-                  session: session,
-                  lastRoutePath: lastRoutePath
-                });
-
-              case 4:
-                resp = _context.sent;
-                this.onMessage && resp.response.map(function (r) {
-                  return _this4.onMessage(_this4, {
-                    from: _constants.SENDERS.bot,
-                    message: r
-                  });
-                });
-                this.webchatRef.current.addBotResponse(resp);
-
-              case 7:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, this);
-      }));
-
-      function onUserInput(_x) {
-        return _onUserInput.apply(this, arguments);
-      }
-
-      return onUserInput;
-    }()
-  }]);
-  return DevApp;
-}(_webchatApp.WebchatApp);
-
-exports.DevApp = DevApp;
-//# sourceMappingURL=dev-app.js.map

package/lib/experimental/dev-app.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/experimental/dev-app.jsx"],"names":["DevApp","theme","persistentMenu","coverComponent","blockInputs","enableEmojiPicker","enableAttachments","enableUserInput","enableAnimations","shadowDOM","hostId","storage","storageKey","onInit","onOpen","onClose","onMessage","botOptions","bot","ReactBot","optionsAtRuntime","webchatOptions","webchatRef","host","stringId","session","getString","locale","setLocale","onInitWebchat","onOpenWebchat","onCloseWebchat","onUserInput","dest","createRootElement","getComponent","getReactMountNode","input","lastRoutePath","from","SENDERS","user","message","resp","response","map","r","current","addBotResponse","WebchatApp"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;IAEaA,M;;;;;AACX,wBAkBG;AAAA;;AAAA,0BAjBDC,KAiBC;AAAA,QAjBDA,KAiBC,2BAjBO,EAiBP;AAAA,QAhBDC,cAgBC,QAhBDA,cAgBC;AAAA,QAfDC,cAeC,QAfDA,cAeC;AAAA,QAdDC,WAcC,QAdDA,WAcC;AAAA,QAbDC,iBAaC,QAbDA,iBAaC;AAAA,QAZDC,iBAYC,QAZDA,iBAYC;AAAA,QAXDC,eAWC,QAXDA,eAWC;AAAA,QAVDC,gBAUC,QAVDA,gBAUC;AAAA,QATDC,SASC,QATDA,SASC;AAAA,QARDC,MAQC,QARDA,MAQC;AAAA,QAPDC,OAOC,QAPDA,OAOC;AAAA,QANDC,UAMC,QANDA,UAMC;AAAA,QALDC,MAKC,QALDA,MAKC;AAAA,QAJDC,MAIC,QAJDA,MAIC;AAAA,QAHDC,OAGC,QAHDA,OAGC;AAAA,QAFDC,SAEC,QAFDA,SAEC;AAAA,QADEC,UACF;AAAA;AACD,8BAAM;AACJhB,MAAAA,KAAK,EAALA,KADI;AAEJC,MAAAA,cAAc,EAAdA,cAFI;AAGJC,MAAAA,cAAc,EAAdA,cAHI;AAIJC,MAAAA,WAAW,EAAXA,WAJI;AAKJC,MAAAA,iBAAiB,EAAjBA,iBALI;AAMJC,MAAAA,iBAAiB,EAAjBA,iBANI;AAOJC,MAAAA,eAAe,EAAfA,eAPI;AAQJC,MAAAA,gBAAgB,EAAhBA,gBARI;AASJC,MAAAA,SAAS,EAATA,SATI;AAUJC,MAAAA,MAAM,EAANA,MAVI;AAWJC,MAAAA,OAAO,EAAPA,OAXI;AAYJC,MAAAA,UAAU,EAAVA,UAZI;AAaJC,MAAAA,MAAM,EAANA,MAbI;AAcJC,MAAAA,MAAM,EAANA,MAdI;AAeJC,MAAAA,OAAO,EAAPA,OAfI;AAgBJC,MAAAA,SAAS,EAATA;AAhBI,KAAN;AAkBA,UAAKE,GAAL,GAAW,IAAIC,kBAAJ,mBACNF,UADM,EAAX;AAnBC;AAsBF;;;;WAED,wBAAoC;AAAA;;AAAA,UAAvBG,gBAAuB,uEAAJ,EAAI;AAClC,kCAgBIA,gBAhBJ,CACEnB,KADF;AAAA,UACEA,KADF,sCACU,EADV;AAAA,UAEEC,cAFF,GAgBIkB,gBAhBJ,CAEElB,cAFF;AAAA,UAGEC,cAHF,GAgBIiB,gBAhBJ,CAGEjB,cAHF;AAAA,UAIEC,WAJF,GAgBIgB,gBAhBJ,CAIEhB,WAJF;AAAA,UAKEC,iBALF,GAgBIe,gBAhBJ,CAKEf,iBALF;AAAA,UAMEC,iBANF,GAgBIc,gBAhBJ,CAMEd,iBANF;AAAA,UAOEC,eAPF,GAgBIa,gBAhBJ,CAOEb,eAPF;AAAA,UAQEC,gBARF,GAgBIY,gBAhBJ,CAQEZ,gBARF;AAAA,UASEG,OATF,GAgBIS,gBAhBJ,CASET,OATF;AAAA,UAUEC,UAVF,GAgBIQ,gBAhBJ,CAUER,UAVF;AAAA,UAWEC,MAXF,GAgBIO,gBAhBJ,CAWEP,MAXF;AAAA,UAYEC,MAZF,GAgBIM,gBAhBJ,CAYEN,MAZF;AAAA,UAaEC,OAbF,GAgBIK,gBAhBJ,CAaEL,OAbF;AAAA,UAcEC,SAdF,GAgBII,gBAhBJ,CAcEJ,SAdF;AAAA,UAeKK,cAfL,6CAgBID,gBAhBJ;AAiBAnB,MAAAA,KAAK,GAAG,wBAAM,KAAKA,KAAX,EAAkBA,KAAlB,CAAR;AACAC,MAAAA,cAAc,GAAGA,cAAc,IAAI,KAAKA,cAAxC;AACAC,MAAAA,cAAc,GAAGA,cAAc,IAAI,KAAKA,cAAxC;AACAC,MAAAA,WAAW,GAAGA,WAAW,IAAI,KAAKA,WAAlC;AACAC,MAAAA,iBAAiB,GAAGA,iBAAiB,IAAI,KAAKA,iBAA9C;AACAC,MAAAA,iBAAiB,GAAGA,iBAAiB,IAAI,KAAKA,iBAA9C;AACAC,MAAAA,eAAe,GAAGA,eAAe,IAAI,KAAKA,eAA1C;AACAC,MAAAA,gBAAgB,GAAGA,gBAAgB,IAAI,KAAKA,gBAA5C;AACAG,MAAAA,OAAO,GAAGA,OAAO,IAAI,KAAKA,OAA1B;AACAC,MAAAA,UAAU,GAAGA,UAAU,IAAI,KAAKA,UAAhC;AACA,WAAKC,MAAL,GAAcA,MAAM,IAAI,KAAKA,MAA7B;AACA,WAAKC,MAAL,GAAcA,MAAM,IAAI,KAAKA,MAA7B;AACA,WAAKC,OAAL,GAAeA,OAAO,IAAI,KAAKA,OAA/B;AACA,WAAKC,SAAL,GAAiBA,SAAS,IAAI,KAAKA,SAAnC;AACA,0BACE,gCAAC,sBAAD,gCACMK,cADN;AAEE,QAAA,GAAG,EAAE,KAAKC,UAFZ;AAGE,QAAA,IAAI,EAAE,KAAKC,IAHb;AAIE,QAAA,SAAS,EAAE,KAAKd,SAJlB;AAKE,QAAA,KAAK,EAAER,KALT;AAME,QAAA,cAAc,EAAEC,cANlB;AAOE,QAAA,cAAc,EAAEC,cAPlB;AAQE,QAAA,WAAW,EAAEC,WARf;AASE,QAAA,iBAAiB,EAAEC,iBATrB;AAUE,QAAA,iBAAiB,EAAEC,iBAVrB;AAWE,QAAA,eAAe,EAAEC,eAXnB;AAYE,QAAA,gBAAgB,EAAEC,gBAZpB;AAaE,QAAA,OAAO,EAAEG,OAbX;AAcE,QAAA,UAAU,EAAEC,UAdd;AAeE,QAAA,SAAS,EAAE,mBAACY,QAAD,EAAWC,OAAX;AAAA,iBAAuB,MAAI,CAACP,GAAL,CAASQ,SAAT,CAAmBF,QAAnB,EAA6BC,OAA7B,CAAvB;AAAA,SAfb;AAgBE,QAAA,SAAS,EAAE,mBAACE,MAAD,EAASF,OAAT;AAAA,iBAAqB,MAAI,CAACP,GAAL,CAASU,SAAT,CAAmBD,MAAnB,EAA2BF,OAA3B,CAArB;AAAA,SAhBb;AAiBE,QAAA,MAAM,EAAE;AAAA,iBAAa,MAAI,CAACI,aAAL,OAAA,MAAI,YAAjB;AAAA,SAjBV;AAkBE,QAAA,MAAM,EAAE;AAAA,iBAAa,MAAI,CAACC,aAAL,OAAA,MAAI,YAAjB;AAAA,SAlBV;AAmBE,QAAA,OAAO,EAAE;AAAA,iBAAa,MAAI,CAACC,cAAL,OAAA,MAAI,YAAjB;AAAA,SAnBX;AAoBE,QAAA,WAAW,EAAE;AAAA,iBAAa,MAAI,CAACC,WAAL,OAAA,MAAI,YAAjB;AAAA;AApBf,SADF;AAwBD;;;WAED,gBAAOC,IAAP,EAAoC;AAAA;;AAAA,UAAvBb,gBAAuB,uEAAJ,EAAI;AAClC,4BAAY,YAAM;AAChB,QAAA,MAAI,CAACc,iBAAL,CAAuBD,IAAvB;;AACA,8BAAO,MAAI,CAACE,YAAL,CAAkBf,gBAAlB,CAAP,EAA4C,MAAI,CAACgB,iBAAL,CAAuBH,IAAvB,CAA5C;AACD,OAHD;AAID;;;;uGAED;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAoBI,gBAAAA,KAApB,SAAoBA,KAApB,EAA2BZ,OAA3B,SAA2BA,OAA3B,EAAoCa,aAApC,SAAoCA,aAApC;AACE,qBAAKtB,SAAL,IACE,KAAKA,SAAL,CAAe,IAAf,EAAqB;AAAEuB,kBAAAA,IAAI,EAAEC,mBAAQC,IAAhB;AAAsBC,kBAAAA,OAAO,EAAEL;AAA/B,iBAArB,CADF;AADF;AAAA,uBAGqB,KAAKnB,GAAL,CAASmB,KAAT,CAAe;AAAEA,kBAAAA,KAAK,EAALA,KAAF;AAASZ,kBAAAA,OAAO,EAAPA,OAAT;AAAkBa,kBAAAA,aAAa,EAAbA;AAAlB,iBAAf,CAHrB;;AAAA;AAGQK,gBAAAA,IAHR;AAIE,qBAAK3B,SAAL,IACE2B,IAAI,CAACC,QAAL,CAAcC,GAAd,CAAkB,UAAAC,CAAC;AAAA,yBACjB,MAAI,CAAC9B,SAAL,CAAe,MAAf,EAAqB;AAAEuB,oBAAAA,IAAI,EAAEC,mBAAQtB,GAAhB;AAAqBwB,oBAAAA,OAAO,EAAEI;AAA9B,mBAArB,CADiB;AAAA,iBAAnB,CADF;AAIA,qBAAKxB,UAAL,CAAgByB,OAAhB,CAAwBC,cAAxB,CAAuCL,IAAvC;;AARF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,O;;;;;;;;;;EA5G0BM,sB","sourcesContent":["import merge from 'lodash.merge'\nimport React from 'react'\nimport { render } from 'react-dom'\n\nimport { SENDERS } from '../constants'\nimport { onDOMLoaded } from '../util/dom'\nimport { ReactBot } from './react-bot'\nimport { WebchatDev } from './webchat/webchat-dev'\nimport { WebchatApp } from './webchat-app'\n\nexport class DevApp extends WebchatApp {\n  constructor({\n    theme = {},\n    persistentMenu,\n    coverComponent,\n    blockInputs,\n    enableEmojiPicker,\n    enableAttachments,\n    enableUserInput,\n    enableAnimations,\n    shadowDOM,\n    hostId,\n    storage,\n    storageKey,\n    onInit,\n    onOpen,\n    onClose,\n    onMessage,\n    ...botOptions\n  }) {\n    super({\n      theme,\n      persistentMenu,\n      coverComponent,\n      blockInputs,\n      enableEmojiPicker,\n      enableAttachments,\n      enableUserInput,\n      enableAnimations,\n      shadowDOM,\n      hostId,\n      storage,\n      storageKey,\n      onInit,\n      onOpen,\n      onClose,\n      onMessage,\n    })\n    this.bot = new ReactBot({\n      ...botOptions,\n    })\n  }\n\n  getComponent(optionsAtRuntime = {}) {\n    let {\n      theme = {},\n      persistentMenu,\n      coverComponent,\n      blockInputs,\n      enableEmojiPicker,\n      enableAttachments,\n      enableUserInput,\n      enableAnimations,\n      storage,\n      storageKey,\n      onInit,\n      onOpen,\n      onClose,\n      onMessage,\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    storage = storage || this.storage\n    storageKey = storageKey || this.storageKey\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    return (\n      <WebchatDev\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        getString={(stringId, session) => this.bot.getString(stringId, session)}\n        setLocale={(locale, session) => this.bot.setLocale(locale, session)}\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      />\n    )\n  }\n\n  render(dest, optionsAtRuntime = {}) {\n    onDOMLoaded(() => {\n      this.createRootElement(dest)\n      render(this.getComponent(optionsAtRuntime), this.getReactMountNode(dest))\n    })\n  }\n\n  async onUserInput({ input, session, lastRoutePath }) {\n    this.onMessage &&\n      this.onMessage(this, { from: SENDERS.user, message: input })\n    const resp = await this.bot.input({ input, session, lastRoutePath })\n    this.onMessage &&\n      resp.response.map(r =>\n        this.onMessage(this, { from: SENDERS.bot, message: r })\n      )\n    this.webchatRef.current.addBotResponse(resp)\n  }\n}\n"],"file":"dev-app.js"}