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

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

package/lib/components/button.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/button.jsx"],"names":["StyledButton","styled","button","COLORS","SEASHELL_WHITE","props","top","bottom","Button","WebchatContext","webchatState","openWebview","sendPayload","sendInput","getThemeProperty","updateMessage","hover","setHover","theme","ButtonsDisabler","resolveDisabling","autoDisable","disabledStyle","handleClick","event","preventDefault","type","WEBCHAT","CUSTOM_PROPERTIES","buttonMessageType","INPUT","TEXT","webview","params","path","POSTBACK","data","String","children","text","payload","url","window","open","target","onClick","setDisabled","messageToUpdate","messagesJSON","filter","m","id","parentId","updatedMsg","getUpdatedMessage","getClassName","isCustom","renderBrowser","buttonStyle","CustomButton","customButton","e","buttonBgColor","buttonHoverBackground","CONCRETE_WHITE","buttonStyleBackground","SOLID_WHITE","buttonTextColor","buttonHoverTextColor","SOLID_BLACK","buttonStyleColor","color","backgroundColor","disabled","bottomRadius","renderNode","disabledProps","constructNodeProps","Webview","name","Error","serialize","buttonProps","title","withDisabledProps"],"mappings":"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","sourcesContent":["import { INPUT, params2queryString } from '@botonic/core'\nimport React, { useContext, useState } from 'react'\nimport styled from 'styled-components'\n\nimport { COLORS, WEBCHAT } from '../constants'\nimport { WebchatContext } from '../contexts'\nimport { renderComponent } from '../util/react'\nimport { ButtonsDisabler } from './buttons-disabler'\n\nconst StyledButton = styled.button`\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 ${COLORS.SEASHELL_WHITE};\n  cursor: pointer;\n  outline: 0;\n  border-top-right-radius: ${props => props.top || '0px'};\n  border-top-left-radius: ${props => props.top || '0px'};\n  border-bottom-right-radius: ${props => props.bottom || '0px'};\n  border-bottom-left-radius: ${props => props.bottom || '0px'};\n  overflow: hidden;\n`\n\nexport const Button = props => {\n  const {\n    webchatState,\n    openWebview,\n    sendPayload,\n    sendInput,\n    getThemeProperty,\n    updateMessage,\n  } = useContext(WebchatContext)\n  const [hover, setHover] = useState(false)\n  const { theme } = webchatState\n  const { autoDisable, disabledStyle } = ButtonsDisabler.resolveDisabling(\n    webchatState.theme,\n    props\n  )\n  const handleClick = event => {\n    event.preventDefault()\n    const type = getThemeProperty(\n      WEBCHAT.CUSTOM_PROPERTIES.buttonMessageType,\n      INPUT.TEXT\n    )\n    if (props.webview) openWebview(props.webview, props.params)\n    else if (props.path) {\n      type == INPUT.POSTBACK\n        ? sendPayload(`__PATH_PAYLOAD__${props.path}`)\n        : sendInput({\n            type: INPUT.TEXT,\n            data: String(props.children),\n            text: String(props.children),\n            payload: `__PATH_PAYLOAD__${props.path}`,\n          })\n    } else if (props.payload) {\n      type == INPUT.POSTBACK\n        ? sendPayload(props.payload)\n        : sendInput({\n            type: INPUT.TEXT,\n            data: String(props.children),\n            text: String(props.children),\n            payload: props.payload,\n          })\n    } else if (props.url) {\n      window.open(props.url, props.target || '_blank')\n    }\n    if (props.onClick) props.onClick()\n    if (props.setDisabled) {\n      props.setDisabled(true)\n      const messageToUpdate = webchatState.messagesJSON.filter(\n        m => m.id == props.parentId\n      )[0]\n      const updatedMsg = ButtonsDisabler.getUpdatedMessage(messageToUpdate, {\n        autoDisable,\n        disabledStyle,\n      })\n      updateMessage(updatedMsg)\n    }\n  }\n\n  const getClassName = (isCustom = false) => {\n    if (isCustom) {\n      return 'button-custom'\n    }\n    if (props.payload) {\n      return 'button-payload'\n    }\n    if (props.url) {\n      return 'button-url'\n    }\n    if (props.webview) {\n      return 'button-webview'\n    }\n    if (props.path) {\n      return 'button-path'\n    }\n    return ''\n  }\n\n  const renderBrowser = () => {\n    const buttonStyle = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.buttonStyle)\n    const CustomButton = getThemeProperty(\n      WEBCHAT.CUSTOM_PROPERTIES.customButton\n    )\n    if (CustomButton) {\n      return (\n        <div className={getClassName(true)} onClick={e => handleClick(e)}>\n          <CustomButton>{props.children}</CustomButton>\n        </div>\n      )\n    }\n\n    const buttonBgColor = hover\n      ? getThemeProperty(\n          WEBCHAT.CUSTOM_PROPERTIES.buttonHoverBackground,\n          COLORS.CONCRETE_WHITE\n        )\n      : getThemeProperty(\n          WEBCHAT.CUSTOM_PROPERTIES.buttonStyleBackground,\n          COLORS.SOLID_WHITE\n        )\n    const buttonTextColor = hover\n      ? getThemeProperty(\n          WEBCHAT.CUSTOM_PROPERTIES.buttonHoverTextColor,\n          COLORS.SOLID_BLACK\n        )\n      : getThemeProperty(\n          WEBCHAT.CUSTOM_PROPERTIES.buttonStyleColor,\n          COLORS.SOLID_BLACK\n        )\n\n    return (\n      <StyledButton\n        className={getClassName()}\n        theme={theme}\n        onMouseEnter={() => setHover(true)}\n        onMouseLeave={() => setHover(false)}\n        onClick={e => handleClick(e)}\n        style={{\n          ...buttonStyle,\n          color: buttonTextColor,\n          backgroundColor: buttonBgColor,\n          ...(props.disabled && autoDisable && disabledStyle),\n        }}\n        bottom={props.bottomRadius}\n      >\n        {props.children}\n      </StyledButton>\n    )\n  }\n\n  const renderNode = () => {\n    const disabledProps = ButtonsDisabler.constructNodeProps(props)\n    if (props.webview) {\n      const Webview = props.webview\n      let params = ''\n      if (props.params) params = params2queryString(props.params)\n      return (\n        <button url={`/webviews/${Webview.name}?${params}`} {...disabledProps}>\n          {props.children}\n        </button>\n      )\n    } else if (props.path) {\n      const payload = `__PATH_PAYLOAD__${props.path}`\n      return (\n        <button payload={payload} {...disabledProps}>\n          {props.children}\n        </button>\n      )\n    } else if (props.payload) {\n      return (\n        <button payload={props.payload} {...disabledProps}>\n          {props.children}\n        </button>\n      )\n    } else if (props.url) {\n      return (\n        <button url={props.url} target={props.target} {...disabledProps}>\n          {props.children}\n        </button>\n      )\n    } else if (props.onClick) {\n      return null\n    }\n    throw new Error('Button missing payload, path, webviews, url or onClick')\n  }\n\n  return renderComponent({ renderBrowser, renderNode })\n}\n\nButton.serialize = buttonProps => {\n  let payload = buttonProps.payload\n  if (buttonProps.path) payload = `__PATH_PAYLOAD__${buttonProps.path}`\n  return {\n    button: {\n      payload,\n      url: buttonProps.url,\n      target: buttonProps.target,\n      webview: buttonProps.webview && String(buttonProps.webview),\n      title: buttonProps.children && String(buttonProps.children),\n      ...ButtonsDisabler.withDisabledProps(buttonProps),\n    },\n  }\n}\n"],"file":"button.js"}

package/lib/components/buttons-disabler.js

@@ -1,133 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ButtonsDisabler = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _button = require("../components/button");
-
-var _constants = require("../constants");
-
-var _messageUtils = require("../message-utils");
-
-var _objects = require("../util/objects");
-
-var _react = require("../util/react");
-
-var _webchat = require("../util/webchat");
-
-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 ButtonsDisabler = /*#__PURE__*/function () {
-  function ButtonsDisabler() {
-    (0, _classCallCheck2["default"])(this, ButtonsDisabler);
-  }
-
-  (0, _createClass2["default"])(ButtonsDisabler, null, [{
-    key: "constructBrowserProps",
-    value: function constructBrowserProps(props) {
-      var disabledProps = {
-        disabled: props.disabled
-      };
-      if (props.autodisable !== undefined) disabledProps.autodisable = (0, _objects.strToBool)(props.autodisable);
-      if (props.disabledstyle !== undefined) disabledProps.disabledstyle = props.disabledstyle;
-      return disabledProps;
-    }
-  }, {
-    key: "constructNodeProps",
-    value: function constructNodeProps(props) {
-      var disabledProps = {};
-      if (props.autodisable !== undefined) disabledProps.autodisable = String(props.autodisable);
-      if (props.disabledstyle !== undefined) disabledProps.disabledstyle = JSON.stringify(props.disabledstyle);
-      return disabledProps;
-    }
-  }, {
-    key: "withDisabledProps",
-    value: function withDisabledProps(props) {
-      return {
-        disabled: props.disabled,
-        autodisable: props.autodisable,
-        disabledstyle: props.disabledstyle
-      };
-    }
-  }, {
-    key: "resolveDisabling",
-    value: function resolveDisabling(theme, props) {
-      var getThemeProperty = (0, _webchat._getThemeProperty)(theme);
-      var autoDisable = props.autodisable !== undefined ? props.autodisable : getThemeProperty(_constants.WEBCHAT.CUSTOM_PROPERTIES.buttonAutoDisable, _constants.WEBCHAT.DEFAULTS.BUTTON_AUTO_DISABLE);
-      var computedDisabledStyle = props.disabledstyle !== undefined ? props.disabledstyle : getThemeProperty(_constants.WEBCHAT.CUSTOM_PROPERTIES.buttonDisabledStyle, {});
-
-      var disabledStyle = _objectSpread(_objectSpread({}, _constants.WEBCHAT.DEFAULTS.BUTTON_DISABLED_STYLE), computedDisabledStyle);
-
-      return {
-        autoDisable: autoDisable,
-        disabledStyle: disabledStyle
-      };
-    }
-  }, {
-    key: "updateChildrenButtons",
-    value: function updateChildrenButtons(children) {
-      var _this = this;
-
-      var additionalProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
-      return (0, _react.deepMapWithIndex)(children, function (n) {
-        if (n.type === _button.Button) return _this.updateButtons(n, additionalProps);
-        return n;
-      });
-    }
-  }, {
-    key: "updateButtons",
-    value: function updateButtons(node, additionalProps) {
-      if (!additionalProps) additionalProps = {};else {
-        additionalProps = {
-          disabled: node.props.disabled === true ? node.props.disabled : additionalProps.disabled,
-          setDisabled: additionalProps.setDisabled,
-          parentId: additionalProps.parentId
-        };
-      }
-      return _objectSpread(_objectSpread({}, node), {}, {
-        props: _objectSpread(_objectSpread({}, node.props), additionalProps)
-      });
-    }
-  }, {
-    key: "getUpdatedMessage",
-    value: function getUpdatedMessage(messageToUpdate, _ref) {
-      var autoDisable = _ref.autoDisable,
-          disabledStyle = _ref.disabledStyle;
-
-      var updateMsgButton = function updateMsgButton(button) {
-        return _objectSpread(_objectSpread({}, button), {
-          disabled: true
-        });
-      };
-
-      if ((0, _messageUtils.isCarousel)(messageToUpdate) && messageToUpdate.data && messageToUpdate.data.elements) {
-        messageToUpdate.data.elements = messageToUpdate.data.elements.map(function (e) {
-          return _objectSpread(_objectSpread({}, e), {
-            buttons: e.buttons.map(updateMsgButton)
-          });
-        });
-        return messageToUpdate;
-      } else {
-        return _objectSpread(_objectSpread({}, messageToUpdate), {
-          buttons: messageToUpdate.buttons.map(updateMsgButton)
-        });
-      }
-    }
-  }]);
-  return ButtonsDisabler;
-}();
-
-exports.ButtonsDisabler = ButtonsDisabler;
-//# sourceMappingURL=buttons-disabler.js.map

package/lib/components/buttons-disabler.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/buttons-disabler.js"],"names":["ButtonsDisabler","props","disabledProps","disabled","autodisable","undefined","disabledstyle","String","JSON","stringify","theme","getThemeProperty","autoDisable","WEBCHAT","CUSTOM_PROPERTIES","buttonAutoDisable","DEFAULTS","BUTTON_AUTO_DISABLE","computedDisabledStyle","buttonDisabledStyle","disabledStyle","BUTTON_DISABLED_STYLE","children","additionalProps","n","type","Button","updateButtons","node","setDisabled","parentId","messageToUpdate","updateMsgButton","button","data","elements","map","e","buttons"],"mappings":"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","sourcesContent":["import { Button } from '../components/button'\nimport { WEBCHAT } from '../constants'\nimport { isCarousel } from '../message-utils'\nimport { strToBool } from '../util/objects'\nimport { deepMapWithIndex } from '../util/react'\nimport { _getThemeProperty } from '../util/webchat'\n\nexport class ButtonsDisabler {\n  static constructBrowserProps(props) {\n    const disabledProps = { disabled: props.disabled }\n    if (props.autodisable !== undefined)\n      disabledProps.autodisable = strToBool(props.autodisable)\n    if (props.disabledstyle !== undefined)\n      disabledProps.disabledstyle = props.disabledstyle\n    return disabledProps\n  }\n  static constructNodeProps(props) {\n    const disabledProps = {}\n    if (props.autodisable !== undefined)\n      disabledProps.autodisable = String(props.autodisable)\n    if (props.disabledstyle !== undefined)\n      disabledProps.disabledstyle = JSON.stringify(props.disabledstyle)\n    return disabledProps\n  }\n\n  static withDisabledProps(props) {\n    return {\n      disabled: props.disabled,\n      autodisable: props.autodisable,\n      disabledstyle: props.disabledstyle,\n    }\n  }\n\n  static resolveDisabling(theme, props) {\n    const getThemeProperty = _getThemeProperty(theme)\n    const autoDisable =\n      props.autodisable !== undefined\n        ? props.autodisable\n        : getThemeProperty(\n            WEBCHAT.CUSTOM_PROPERTIES.buttonAutoDisable,\n            WEBCHAT.DEFAULTS.BUTTON_AUTO_DISABLE\n          )\n    const computedDisabledStyle =\n      props.disabledstyle !== undefined\n        ? props.disabledstyle\n        : getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.buttonDisabledStyle, {})\n\n    const disabledStyle = {\n      ...WEBCHAT.DEFAULTS.BUTTON_DISABLED_STYLE,\n      ...computedDisabledStyle,\n    }\n    return { autoDisable, disabledStyle }\n  }\n\n  static updateChildrenButtons(children, additionalProps = undefined) {\n    return deepMapWithIndex(children, n => {\n      if (n.type === Button) return this.updateButtons(n, additionalProps)\n      return n\n    })\n  }\n\n  static updateButtons(node, additionalProps) {\n    if (!additionalProps) additionalProps = {}\n    else {\n      additionalProps = {\n        disabled:\n          node.props.disabled === true\n            ? node.props.disabled\n            : additionalProps.disabled,\n        setDisabled: additionalProps.setDisabled,\n        parentId: additionalProps.parentId,\n      }\n    }\n    return {\n      ...node,\n      props: {\n        ...node.props,\n        ...additionalProps,\n      },\n    }\n  }\n\n  static getUpdatedMessage(messageToUpdate, { autoDisable, disabledStyle }) {\n    const updateMsgButton = button => {\n      return {\n        ...button,\n        ...{\n          disabled: true,\n        },\n      }\n    }\n    if (\n      isCarousel(messageToUpdate) &&\n      messageToUpdate.data &&\n      messageToUpdate.data.elements\n    ) {\n      messageToUpdate.data.elements = messageToUpdate.data.elements.map(e => ({\n        ...e,\n        ...{\n          buttons: e.buttons.map(updateMsgButton),\n        },\n      }))\n      return messageToUpdate\n    } else {\n      return {\n        ...messageToUpdate,\n        ...{\n          buttons: messageToUpdate.buttons.map(updateMsgButton),\n        },\n      }\n    }\n  }\n}\n"],"file":"buttons-disabler.js"}