@botonic/react 0.22.0-alpha.0 → 0.22.0-alpha.2

package/src/webchat/use-storage-state-hook.js

@@ -1,9 +1,20 @@
 import { useCallback, useEffect, useState } from 'react'
 
-//Code taken from https://github.com/leny/react-use-storage
-const evtTarget = new EventTarget()
+// Code taken from https://github.com/leny/react-use-storage/blob/master/src/index.js
+const IS_BROWSER =
+  typeof window !== 'undefined' &&
+  typeof navigator !== 'undefined' &&
+  typeof document !== 'undefined'
 
 export function useStorageState(storage, key, defaultValue) {
+  let evtTarget
+
+  try {
+    evtTarget = new EventTarget()
+  } catch {
+    evtTarget = (IS_BROWSER ? document : {})?.createElement?.('phony')
+  }
+
   const raw = storage?.getItem(key)
 
   const [value, setValue] = useState(raw ? JSON.parse(raw) : defaultValue)

package/src/webchat/webchat.jsx

@@ -1,5 +1,4 @@
 import { INPUT, isMobile, params2queryString } from '@botonic/core'
-import { motion } from 'framer-motion'
 import merge from 'lodash.merge'
 import React, {
   forwardRef,
@@ -161,7 +160,7 @@ const DarkBackgroundMenu = styled.div`
   height: 100%;
 `
 
-// eslint-disable-next-line complexity
+// eslint-disable-next-line complexity, react/display-name
 export const Webchat = forwardRef((props, ref) => {
   const {
     webchatState,
@@ -372,8 +371,8 @@ export const Webchat = forwardRef((props, ref) => {
   const openWebview = (webviewComponent, params) =>
     updateWebview(webviewComponent, params)
 
-  const handleSelectedEmoji = (event, emojiObject) => {
-    textArea.current.value += emojiObject.emoji
+  const handleSelectedEmoji = event => {
+    textArea.current.value += event.emoji
     textArea.current.focus()
   }
 
@@ -712,8 +711,6 @@ export const Webchat = forwardRef((props, ref) => {
     }
   }, [webchatState.isWebchatOpen])
 
-  const textArea = useRef()
-
   const getTriggerImage = () => {
     const triggerImage = getThemeProperty(
       WEBCHAT.CUSTOM_PROPERTIES.triggerButtonImage,
@@ -768,6 +765,7 @@ export const Webchat = forwardRef((props, ref) => {
 
   const userInputEnabled = isUserInputEnabled()
 
+  const textArea = useRef(null)
   const userInputArea = () => {
     return (
       userInputEnabled && (
@@ -792,6 +790,7 @@ export const Webchat = forwardRef((props, ref) => {
 
           <TextAreaContainer>
             <Textarea
+              inputRef={textArea}
               name='text'
               onFocus={() => deviceAdapter.onFocus(host)}
               onBlur={() => deviceAdapter.onBlur()}
@@ -803,7 +802,6 @@ export const Webchat = forwardRef((props, ref) => {
                 WEBCHAT.DEFAULTS.PLACEHOLDER
               )}
               autoFocus={true}
-              inputRef={textArea}
               onKeyDown={e => onKeyDown(e)}
               onKeyUp={onKeyUp}
               style={{

package/src/{webview.jsx → webview-app.tsx}

@@ -1,4 +1,7 @@
-import { getString, params2queryString, PROVIDER } from '@botonic/core'
+// @ts-nocheck
+import { getString } from '@botonic/core/lib/esm/i18n'
+import { PROVIDER } from '@botonic/core/lib/esm/models/legacy-types'
+import { params2queryString } from '@botonic/core/lib/esm/utils'
 import axios from 'axios'
 import React from 'react'
 import { render } from 'react-dom'
@@ -56,6 +59,9 @@ class App extends React.Component {
       location.href =
         'https://twitter.com/messages/compose?recipient_id=' + impId
     }
+    if (provider === PROVIDER.INSTAGRAM) {
+      window.close()
+    }
     if (provider === PROVIDER.FACEBOOK) {
       try {
         window.MessengerExtensions.requestCloseBrowser(

package/lib/app.js

@@ -1,19 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.App = void 0;
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var App = /*#__PURE__*/(0, _createClass2["default"])(function App() {
-  (0, _classCallCheck2["default"])(this, App);
-  throw 'This setup is deprecated in Botonic versions >=0.9.0. Please read the migration guide at: https://github.com/hubtype/botonic/tree/master/packages/botonic-react/MIGRATION_GUIDE.md';
-});
-exports.App = App;
-//# sourceMappingURL=app.js.map

package/lib/app.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/app.jsx"],"names":["App"],"mappings":";;;;;;;;;;;;;IAAaA,G,8CACX,eAAc;AAAA;AACZ,QAAM,oLAAN;AACD,C","sourcesContent":["export class App {\n  constructor() {\n    throw 'This setup is deprecated in Botonic versions >=0.9.0. Please read the migration guide at: https://github.com/hubtype/botonic/tree/master/packages/botonic-react/MIGRATION_GUIDE.md'\n  }\n}\n"],"file":"app.js"}

package/lib/botonic-tester.js

@@ -1,224 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BotonicOutputTester = exports.BotonicInputTester = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-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 _core = require("@botonic/core");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _server = _interopRequireDefault(require("react-dom/server"));
-
-var _unescape = _interopRequireDefault(require("unescape"));
-
-var _reply = require("./components/reply");
-
-var _text2 = require("./components/text");
-
-var BotonicInputTester = /*#__PURE__*/function () {
-  function BotonicInputTester(bot) {
-    (0, _classCallCheck2["default"])(this, BotonicInputTester);
-    this.bot = bot;
-  }
-
-  (0, _createClass2["default"])(BotonicInputTester, [{
-    key: "text",
-    value: function () {
-      var _text = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(inp) {
-        var session,
-            lastRoutePath,
-            res,
-            _args = arguments;
-        return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                session = _args.length > 1 && _args[1] !== undefined ? _args[1] : {};
-                lastRoutePath = _args.length > 2 && _args[2] !== undefined ? _args[2] : '';
-                _context.next = 4;
-                return this.bot.input({
-                  input: {
-                    type: _core.INPUT.TEXT,
-                    data: inp
-                  },
-                  session: session,
-                  lastRoutePath: lastRoutePath
-                });
-
-              case 4:
-                res = _context.sent;
-                return _context.abrupt("return", (0, _unescape["default"])(res.response));
-
-              case 6:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, this);
-      }));
-
-      function text(_x) {
-        return _text.apply(this, arguments);
-      }
-
-      return text;
-    }()
-  }, {
-    key: "payload",
-    value: function () {
-      var _payload = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(inp) {
-        var session,
-            lastRoutePath,
-            res,
-            _args2 = arguments;
-        return _regenerator["default"].wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                session = _args2.length > 1 && _args2[1] !== undefined ? _args2[1] : {};
-                lastRoutePath = _args2.length > 2 && _args2[2] !== undefined ? _args2[2] : '';
-                _context2.next = 4;
-                return this.bot.input({
-                  input: {
-                    type: _core.INPUT.POSTBACK,
-                    payload: inp
-                  },
-                  session: session,
-                  lastRoutePath: lastRoutePath
-                });
-
-              case 4:
-                res = _context2.sent;
-                return _context2.abrupt("return", (0, _unescape["default"])(res.response));
-
-              case 6:
-              case "end":
-                return _context2.stop();
-            }
-          }
-        }, _callee2, this);
-      }));
-
-      function payload(_x2) {
-        return _payload.apply(this, arguments);
-      }
-
-      return payload;
-    }()
-  }, {
-    key: "path",
-    value: function () {
-      var _path = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(inp) {
-        var session,
-            lastRoutePath,
-            res,
-            _args3 = arguments;
-        return _regenerator["default"].wrap(function _callee3$(_context3) {
-          while (1) {
-            switch (_context3.prev = _context3.next) {
-              case 0:
-                session = _args3.length > 1 && _args3[1] !== undefined ? _args3[1] : {};
-                lastRoutePath = _args3.length > 2 && _args3[2] !== undefined ? _args3[2] : '';
-                _context3.next = 4;
-                return this.bot.input({
-                  input: {
-                    type: _core.INPUT.TEXT,
-                    payload: "__PATH_PAYLOAD__".concat(inp)
-                  },
-                  session: session,
-                  lastRoutePath: lastRoutePath
-                });
-
-              case 4:
-                res = _context3.sent;
-                return _context3.abrupt("return", (0, _unescape["default"])(res.response));
-
-              case 6:
-              case "end":
-                return _context3.stop();
-            }
-          }
-        }, _callee3, this);
-      }));
-
-      function path(_x3) {
-        return _path.apply(this, arguments);
-      }
-
-      return path;
-    }()
-  }]);
-  return BotonicInputTester;
-}();
-
-exports.BotonicInputTester = BotonicInputTester;
-
-var BotonicOutputTester = /*#__PURE__*/function () {
-  function BotonicOutputTester(bot) {
-    (0, _classCallCheck2["default"])(this, BotonicOutputTester);
-    this.bot = bot;
-  }
-
-  (0, _createClass2["default"])(BotonicOutputTester, [{
-    key: "text",
-    value: function text(out) {
-      var replies = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-      return (0, _unescape["default"])(_server["default"].renderToStaticMarkup(!replies ? /*#__PURE__*/_react["default"].createElement(_text2.Text, null, out) : /*#__PURE__*/_react["default"].createElement(_text2.Text, null, out, replies)));
-    }
-  }, {
-    key: "reply",
-    value: function reply(_ref) {
-      var text = _ref.text,
-          _ref$payload = _ref.payload,
-          payload = _ref$payload === void 0 ? null : _ref$payload,
-          _ref$path = _ref.path,
-          path = _ref$path === void 0 ? null : _ref$path;
-
-      if (payload) {
-        return (0, _unescape["default"])(_server["default"].renderToStaticMarkup( /*#__PURE__*/_react["default"].createElement(_reply.Reply, {
-          payload: payload
-        }, text)));
-      }
-
-      if (path) {
-        return (0, _unescape["default"])(_server["default"].renderToStaticMarkup( /*#__PURE__*/_react["default"].createElement(_reply.Reply, {
-          path: path
-        }, text)));
-      }
-
-      throw new Error('reply should contain a payload or a path');
-    }
-  }, {
-    key: "replies",
-    value: function replies() {
-      var replies = [];
-
-      for (var i = 0; i < arguments.length; i++) {
-        var r = i < 0 || arguments.length <= i ? undefined : arguments[i];
-        replies.push(this.reply({
-          text: r.text,
-          payload: r.payload,
-          path: r.path
-        }));
-      }
-
-      return replies;
-    }
-  }]);
-  return BotonicOutputTester;
-}();
-
-exports.BotonicOutputTester = BotonicOutputTester;
-//# sourceMappingURL=botonic-tester.js.map

package/lib/botonic-tester.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/botonic-tester.jsx"],"names":["BotonicInputTester","bot","inp","session","lastRoutePath","input","type","INPUT","TEXT","data","res","response","POSTBACK","payload","BotonicOutputTester","out","replies","ReactDOMServer","renderToStaticMarkup","text","path","Error","i","length","r","push","reply"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;IAEaA,kB;AACX,8BAAYC,GAAZ,EAAiB;AAAA;AACf,SAAKA,GAAL,GAAWA,GAAX;AACD;;;;;gGACD,iBAAWC,GAAX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAgBC,gBAAAA,OAAhB,2DAA0B,EAA1B;AAA8BC,gBAAAA,aAA9B,2DAA8C,EAA9C;AAAA;AAAA,uBACoB,KAAKH,GAAL,CAASI,KAAT,CAAe;AAC/BA,kBAAAA,KAAK,EAAE;AAAEC,oBAAAA,IAAI,EAAEC,YAAMC,IAAd;AAAoBC,oBAAAA,IAAI,EAAEP;AAA1B,mBADwB;AAE/BC,kBAAAA,OAAO,EAAEA,OAFsB;AAG/BC,kBAAAA,aAAa,EAAEA;AAHgB,iBAAf,CADpB;;AAAA;AACQM,gBAAAA,GADR;AAAA,iDAMS,0BAAOA,GAAG,CAACC,QAAX,CANT;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,O;;;;;;;;;;;mGASA,kBAAcT,GAAd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAmBC,gBAAAA,OAAnB,8DAA6B,EAA7B;AAAiCC,gBAAAA,aAAjC,8DAAiD,EAAjD;AAAA;AAAA,uBACoB,KAAKH,GAAL,CAASI,KAAT,CAAe;AAC/BA,kBAAAA,KAAK,EAAE;AAAEC,oBAAAA,IAAI,EAAEC,YAAMK,QAAd;AAAwBC,oBAAAA,OAAO,EAAEX;AAAjC,mBADwB;AAE/BC,kBAAAA,OAAO,EAAEA,OAFsB;AAG/BC,kBAAAA,aAAa,EAAEA;AAHgB,iBAAf,CADpB;;AAAA;AACQM,gBAAAA,GADR;AAAA,kDAMS,0BAAOA,GAAG,CAACC,QAAX,CANT;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,O;;;;;;;;;;;gGASA,kBAAWT,GAAX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAgBC,gBAAAA,OAAhB,8DAA0B,EAA1B;AAA8BC,gBAAAA,aAA9B,8DAA8C,EAA9C;AAAA;AAAA,uBACoB,KAAKH,GAAL,CAASI,KAAT,CAAe;AAC/BA,kBAAAA,KAAK,EAAE;AAAEC,oBAAAA,IAAI,EAAEC,YAAMC,IAAd;AAAoBK,oBAAAA,OAAO,4BAAqBX,GAArB;AAA3B,mBADwB;AAE/BC,kBAAAA,OAAO,EAAEA,OAFsB;AAG/BC,kBAAAA,aAAa,EAAEA;AAHgB,iBAAf,CADpB;;AAAA;AACQM,gBAAAA,GADR;AAAA,kDAMS,0BAAOA,GAAG,CAACC,QAAX,CANT;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,O;;;;;;;;;;;;;;IAUWG,mB;AACX,+BAAYb,GAAZ,EAAiB;AAAA;AACf,SAAKA,GAAL,GAAWA,GAAX;AACD;;;;WAED,cAAKc,GAAL,EAA0B;AAAA,UAAhBC,OAAgB,uEAAN,IAAM;AACxB,aAAO,0BACLC,mBAAeC,oBAAf,CACE,CAACF,OAAD,gBACE,gCAAC,WAAD,QAAOD,GAAP,CADF,gBAGE,gCAAC,WAAD,QACGA,GADH,EAEGC,OAFH,CAJJ,CADK,CAAP;AAYD;;;WAED,qBAA6C;AAAA,UAArCG,IAAqC,QAArCA,IAAqC;AAAA,8BAA/BN,OAA+B;AAAA,UAA/BA,OAA+B,6BAArB,IAAqB;AAAA,2BAAfO,IAAe;AAAA,UAAfA,IAAe,0BAAR,IAAQ;;AAC3C,UAAIP,OAAJ,EAAa;AACX,eAAO,0BACLI,mBAAeC,oBAAf,eACE,gCAAC,YAAD;AAAO,UAAA,OAAO,EAAEL;AAAhB,WAA0BM,IAA1B,CADF,CADK,CAAP;AAKD;;AACD,UAAIC,IAAJ,EAAU;AACR,eAAO,0BACLH,mBAAeC,oBAAf,eAAoC,gCAAC,YAAD;AAAO,UAAA,IAAI,EAAEE;AAAb,WAAoBD,IAApB,CAApC,CADK,CAAP;AAGD;;AACD,YAAM,IAAIE,KAAJ,CAAU,0CAAV,CAAN;AACD;;;WAED,mBAAiB;AACf,UAAML,OAAO,GAAG,EAAhB;;AACA,WAAK,IAAIM,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAG,UAAKC,MAAzB,EAAiCD,CAAC,EAAlC,EAAsC;AACpC,YAAME,CAAC,GAAQF,CAAR,4BAAQA,CAAR,yBAAQA,CAAR,CAAP;AACAN,QAAAA,OAAO,CAACS,IAAR,CACE,KAAKC,KAAL,CAAW;AAAEP,UAAAA,IAAI,EAAEK,CAAC,CAACL,IAAV;AAAgBN,UAAAA,OAAO,EAAEW,CAAC,CAACX,OAA3B;AAAoCO,UAAAA,IAAI,EAAEI,CAAC,CAACJ;AAA5C,SAAX,CADF;AAGD;;AACD,aAAOJ,OAAP;AACD","sourcesContent":["import { INPUT } from '@botonic/core'\nimport React from 'react'\nimport ReactDOMServer from 'react-dom/server'\nimport decode from 'unescape'\n\nimport { Reply } from './components/reply'\nimport { Text } from './components/text'\n\nexport class BotonicInputTester {\n  constructor(bot) {\n    this.bot = bot\n  }\n  async text(inp, session = {}, lastRoutePath = '') {\n    const res = await this.bot.input({\n      input: { type: INPUT.TEXT, data: inp },\n      session: session,\n      lastRoutePath: lastRoutePath,\n    })\n    return decode(res.response)\n  }\n\n  async payload(inp, session = {}, lastRoutePath = '') {\n    const res = await this.bot.input({\n      input: { type: INPUT.POSTBACK, payload: inp },\n      session: session,\n      lastRoutePath: lastRoutePath,\n    })\n    return decode(res.response)\n  }\n\n  async path(inp, session = {}, lastRoutePath = '') {\n    const res = await this.bot.input({\n      input: { type: INPUT.TEXT, payload: `__PATH_PAYLOAD__${inp}` },\n      session: session,\n      lastRoutePath: lastRoutePath,\n    })\n    return decode(res.response)\n  }\n}\n\nexport class BotonicOutputTester {\n  constructor(bot) {\n    this.bot = bot\n  }\n\n  text(out, replies = null) {\n    return decode(\n      ReactDOMServer.renderToStaticMarkup(\n        !replies ? (\n          <Text>{out}</Text>\n        ) : (\n          <Text>\n            {out}\n            {replies}\n          </Text>\n        )\n      )\n    )\n  }\n\n  reply({ text, payload = null, path = null }) {\n    if (payload) {\n      return decode(\n        ReactDOMServer.renderToStaticMarkup(\n          <Reply payload={payload}>{text}</Reply>\n        )\n      )\n    }\n    if (path) {\n      return decode(\n        ReactDOMServer.renderToStaticMarkup(<Reply path={path}>{text}</Reply>)\n      )\n    }\n    throw new Error('reply should contain a payload or a path')\n  }\n\n  replies(...args) {\n    const replies = []\n    for (let i = 0; i < args.length; i++) {\n      const r = args[i]\n      replies.push(\n        this.reply({ text: r.text, payload: r.payload, path: r.path })\n      )\n    }\n    return replies\n  }\n}\n"],"file":"botonic-tester.js"}

package/lib/components/audio.js

@@ -1,48 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Audio = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _core = require("@botonic/core");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _constants = require("../constants");
-
-var _message = require("./message");
-
-var serialize = function serialize(audioProps) {
-  return {
-    audio: audioProps.src
-  };
-};
-
-var Audio = function Audio(props) {
-  var content = props.children;
-  if ((0, _core.isBrowser)()) content = /*#__PURE__*/_react["default"].createElement("audio", {
-    style: {
-      maxWidth: '100%'
-    },
-    id: "myAudio",
-    controls: true
-  }, /*#__PURE__*/_react["default"].createElement("source", {
-    src: props.src,
-    type: "audio/mpeg"
-  }), "Your browser does not support this audio format.");
-  return /*#__PURE__*/_react["default"].createElement(_message.Message, (0, _extends2["default"])({
-    role: _constants.ROLES.AUDIO_MESSAGE,
-    json: serialize(props)
-  }, props, {
-    type: _core.INPUT.AUDIO
-  }), content);
-};
-
-exports.Audio = Audio;
-Audio.serialize = serialize;
-//# sourceMappingURL=audio.js.map

package/lib/components/audio.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/audio.jsx"],"names":["serialize","audioProps","audio","src","Audio","props","content","children","maxWidth","ROLES","AUDIO_MESSAGE","INPUT","AUDIO"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAAAC,UAAU,EAAI;AAC9B,SAAO;AAAEC,IAAAA,KAAK,EAAED,UAAU,CAACE;AAApB,GAAP;AACD,CAFD;;AAIO,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAAAC,KAAK,EAAI;AAC5B,MAAIC,OAAO,GAAGD,KAAK,CAACE,QAApB;AACA,MAAI,sBAAJ,EACED,OAAO,gBACL;AAAO,IAAA,KAAK,EAAE;AAAEE,MAAAA,QAAQ,EAAE;AAAZ,KAAd;AAAoC,IAAA,EAAE,EAAC,SAAvC;AAAiD,IAAA,QAAQ;AAAzD,kBACE;AAAQ,IAAA,GAAG,EAAEH,KAAK,CAACF,GAAnB;AAAwB,IAAA,IAAI,EAAC;AAA7B,IADF,qDADF;AAMF,sBACE,gCAAC,gBAAD;AACE,IAAA,IAAI,EAAEM,iBAAMC,aADd;AAEE,IAAA,IAAI,EAAEV,SAAS,CAACK,KAAD;AAFjB,KAGMA,KAHN;AAIE,IAAA,IAAI,EAAEM,YAAMC;AAJd,MAMGN,OANH,CADF;AAUD,CAnBM;;;AAqBPF,KAAK,CAACJ,SAAN,GAAkBA,SAAlB","sourcesContent":["import { INPUT, isBrowser } from '@botonic/core'\nimport React from 'react'\n\nimport { ROLES } from '../constants'\nimport { Message } from './message'\n\nconst serialize = audioProps => {\n  return { audio: audioProps.src }\n}\n\nexport const Audio = props => {\n  let content = props.children\n  if (isBrowser())\n    content = (\n      <audio style={{ maxWidth: '100%' }} id='myAudio' controls>\n        <source src={props.src} type='audio/mpeg' />\n        Your browser does not support this audio format.\n      </audio>\n    )\n  return (\n    <Message\n      role={ROLES.AUDIO_MESSAGE}\n      json={serialize(props)}\n      {...props}\n      type={INPUT.AUDIO}\n    >\n      {content}\n    </Message>\n  )\n}\n\nAudio.serialize = serialize\n"],"file":"audio.js"}

package/lib/components/button.js

@@ -1,224 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Button = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _core = require("@botonic/core");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _constants = require("../constants");
-
-var _contexts = require("../contexts");
-
-var _react2 = require("../util/react");
-
-var _buttonsDisabler = require("./buttons-disabler");
-
-var _templateObject;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function 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 StyledButton = _styledComponents["default"].button(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  width: 100%;\n  max-height: 80px;\n  font-size: 14px;\n  text-align: center;\n  align-content: center;\n  justify-content: center;\n  padding: 12px 32px;\n  font-family: inherit;\n  border: none;\n  border: 1px solid ", ";\n  cursor: pointer;\n  outline: 0;\n  border-top-right-radius: ", ";\n  border-top-left-radius: ", ";\n  border-bottom-right-radius: ", ";\n  border-bottom-left-radius: ", ";\n  overflow: hidden;\n"])), _constants.COLORS.SEASHELL_WHITE, function (props) {
-  return props.top || '0px';
-}, function (props) {
-  return props.top || '0px';
-}, function (props) {
-  return props.bottom || '0px';
-}, function (props) {
-  return props.bottom || '0px';
-});
-
-var Button = function Button(props) {
-  var _useContext = (0, _react.useContext)(_contexts.WebchatContext),
-      webchatState = _useContext.webchatState,
-      openWebview = _useContext.openWebview,
-      sendPayload = _useContext.sendPayload,
-      sendInput = _useContext.sendInput,
-      getThemeProperty = _useContext.getThemeProperty,
-      updateMessage = _useContext.updateMessage;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      hover = _useState2[0],
-      setHover = _useState2[1];
-
-  var theme = webchatState.theme;
-
-  var _ButtonsDisabler$reso = _buttonsDisabler.ButtonsDisabler.resolveDisabling(webchatState.theme, props),
-      autoDisable = _ButtonsDisabler$reso.autoDisable,
-      disabledStyle = _ButtonsDisabler$reso.disabledStyle;
-
-  var handleClick = function handleClick(event) {
-    event.preventDefault();
-    var type = getThemeProperty(_constants.WEBCHAT.CUSTOM_PROPERTIES.buttonMessageType, _core.INPUT.TEXT);
-    if (props.webview) openWebview(props.webview, props.params);else if (props.path) {
-      type == _core.INPUT.POSTBACK ? sendPayload("__PATH_PAYLOAD__".concat(props.path)) : sendInput({
-        type: _core.INPUT.TEXT,
-        data: String(props.children),
-        text: String(props.children),
-        payload: "__PATH_PAYLOAD__".concat(props.path)
-      });
-    } else if (props.payload) {
-      type == _core.INPUT.POSTBACK ? sendPayload(props.payload) : sendInput({
-        type: _core.INPUT.TEXT,
-        data: String(props.children),
-        text: String(props.children),
-        payload: props.payload
-      });
-    } else if (props.url) {
-      window.open(props.url, props.target || '_blank');
-    }
-    if (props.onClick) props.onClick();
-
-    if (props.setDisabled) {
-      props.setDisabled(true);
-      var messageToUpdate = webchatState.messagesJSON.filter(function (m) {
-        return m.id == props.parentId;
-      })[0];
-
-      var updatedMsg = _buttonsDisabler.ButtonsDisabler.getUpdatedMessage(messageToUpdate, {
-        autoDisable: autoDisable,
-        disabledStyle: disabledStyle
-      });
-
-      updateMessage(updatedMsg);
-    }
-  };
-
-  var getClassName = function getClassName() {
-    var isCustom = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-
-    if (isCustom) {
-      return 'button-custom';
-    }
-
-    if (props.payload) {
-      return 'button-payload';
-    }
-
-    if (props.url) {
-      return 'button-url';
-    }
-
-    if (props.webview) {
-      return 'button-webview';
-    }
-
-    if (props.path) {
-      return 'button-path';
-    }
-
-    return '';
-  };
-
-  var renderBrowser = function renderBrowser() {
-    var buttonStyle = getThemeProperty(_constants.WEBCHAT.CUSTOM_PROPERTIES.buttonStyle);
-    var CustomButton = getThemeProperty(_constants.WEBCHAT.CUSTOM_PROPERTIES.customButton);
-
-    if (CustomButton) {
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: getClassName(true),
-        onClick: function onClick(e) {
-          return handleClick(e);
-        }
-      }, /*#__PURE__*/_react["default"].createElement(CustomButton, null, props.children));
-    }
-
-    var buttonBgColor = hover ? getThemeProperty(_constants.WEBCHAT.CUSTOM_PROPERTIES.buttonHoverBackground, _constants.COLORS.CONCRETE_WHITE) : getThemeProperty(_constants.WEBCHAT.CUSTOM_PROPERTIES.buttonStyleBackground, _constants.COLORS.SOLID_WHITE);
-    var buttonTextColor = hover ? getThemeProperty(_constants.WEBCHAT.CUSTOM_PROPERTIES.buttonHoverTextColor, _constants.COLORS.SOLID_BLACK) : getThemeProperty(_constants.WEBCHAT.CUSTOM_PROPERTIES.buttonStyleColor, _constants.COLORS.SOLID_BLACK);
-    return /*#__PURE__*/_react["default"].createElement(StyledButton, {
-      className: getClassName(),
-      theme: theme,
-      onMouseEnter: function onMouseEnter() {
-        return setHover(true);
-      },
-      onMouseLeave: function onMouseLeave() {
-        return setHover(false);
-      },
-      onClick: function onClick(e) {
-        return handleClick(e);
-      },
-      style: _objectSpread(_objectSpread({}, buttonStyle), {}, {
-        color: buttonTextColor,
-        backgroundColor: buttonBgColor
-      }, props.disabled && autoDisable && disabledStyle),
-      bottom: props.bottomRadius
-    }, props.children);
-  };
-
-  var renderNode = function renderNode() {
-    var disabledProps = _buttonsDisabler.ButtonsDisabler.constructNodeProps(props);
-
-    if (props.webview) {
-      var Webview = props.webview;
-      var params = '';
-      if (props.params) params = (0, _core.params2queryString)(props.params);
-      return /*#__PURE__*/_react["default"].createElement("button", (0, _extends2["default"])({
-        url: "/webviews/".concat(Webview.name, "?").concat(params)
-      }, disabledProps), props.children);
-    } else if (props.path) {
-      var payload = "__PATH_PAYLOAD__".concat(props.path);
-      return /*#__PURE__*/_react["default"].createElement("button", (0, _extends2["default"])({
-        payload: payload
-      }, disabledProps), props.children);
-    } else if (props.payload) {
-      return /*#__PURE__*/_react["default"].createElement("button", (0, _extends2["default"])({
-        payload: props.payload
-      }, disabledProps), props.children);
-    } else if (props.url) {
-      return /*#__PURE__*/_react["default"].createElement("button", (0, _extends2["default"])({
-        url: props.url,
-        target: props.target
-      }, disabledProps), props.children);
-    } else if (props.onClick) {
-      return null;
-    }
-
-    throw new Error('Button missing payload, path, webviews, url or onClick');
-  };
-
-  return (0, _react2.renderComponent)({
-    renderBrowser: renderBrowser,
-    renderNode: renderNode
-  });
-};
-
-exports.Button = Button;
-
-Button.serialize = function (buttonProps) {
-  var payload = buttonProps.payload;
-  if (buttonProps.path) payload = "__PATH_PAYLOAD__".concat(buttonProps.path);
-  return {
-    button: _objectSpread({
-      payload: payload,
-      url: buttonProps.url,
-      target: buttonProps.target,
-      webview: buttonProps.webview && String(buttonProps.webview),
-      title: buttonProps.children && String(buttonProps.children)
-    }, _buttonsDisabler.ButtonsDisabler.withDisabledProps(buttonProps))
-  };
-};
-//# sourceMappingURL=button.js.map