@botonic/react 0.21.5 → 0.21.7-alpha.0

package/lib/components/multichannel/multichannel-utils.js

@@ -1,126 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.buttonTypes = exports.WHATSAPP_MAX_BUTTON_CHARS = exports.WHATSAPP_MAX_BUTTONS = exports.MULTICHANNEL_WHATSAPP_PROPS = exports.DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR = void 0;
-exports.elementHasPostback = elementHasPostback;
-exports.elementHasUrl = elementHasUrl;
-exports.elementHasWebview = elementHasWebview;
-exports.getButtonType = getButtonType;
-exports.getFilteredElements = getFilteredElements;
-exports.getMultichannelButtons = getMultichannelButtons;
-exports.getMultichannelReplies = getMultichannelReplies;
-exports.isButton = isButton;
-exports.isFacebook = void 0;
-exports.isMultichannelButton = isMultichannelButton;
-exports.isMultichannelReply = isMultichannelReply;
-exports.isNodeKind = isNodeKind;
-exports.isWhatsapp = void 0;
-
-var _core = require("@botonic/core");
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-/**
- *
- * Whatsapp does not support Markdown
- * (its markup syntax is different)
- */
-var MULTICHANNEL_WHATSAPP_PROPS = {
-  markdown: false
-};
-exports.MULTICHANNEL_WHATSAPP_PROPS = MULTICHANNEL_WHATSAPP_PROPS;
-var WHATSAPP_MAX_BUTTONS = 3;
-exports.WHATSAPP_MAX_BUTTONS = WHATSAPP_MAX_BUTTONS;
-var WHATSAPP_MAX_BUTTON_CHARS = 20;
-exports.WHATSAPP_MAX_BUTTON_CHARS = WHATSAPP_MAX_BUTTON_CHARS;
-var DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR = 'More options:';
-exports.DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR = DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR;
-
-function isMultichannelButton(node) {
-  return isNodeKind(node, 'MultichannelButton');
-}
-
-function isMultichannelReply(node) {
-  return isNodeKind(node, 'MultichannelReply');
-}
-
-function isButton(node) {
-  return isNodeKind(node, 'Button');
-}
-
-function isNodeKind(node, kind) {
-  return node.type && node.type.name == kind;
-}
-
-function elementHasUrl(element) {
-  return element.props && element.props.url;
-}
-
-function elementHasPostback(element) {
-  return element.props && element.props.payload || element.props && element.props.path;
-}
-
-function elementHasWebview(element) {
-  return element.props && element.props.webview;
-}
-
-var buttonTypes = {
-  POSTBACK: 'postback',
-  URL: 'url',
-  WEBVIEW: 'webview'
-};
-exports.buttonTypes = buttonTypes;
-
-function getButtonType(multichannelButton) {
-  if (elementHasUrl(multichannelButton)) return buttonTypes.URL;
-  if (elementHasPostback(multichannelButton)) return buttonTypes.POSTBACK;
-  if (elementHasWebview(multichannelButton)) return buttonTypes.WEBVIEW;
-  return undefined;
-}
-
-function getFilteredElements(node, filter) {
-  var elements = [];
-
-  var _iterator = _createForOfIteratorHelper(node),
-      _step;
-
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var n = _step.value;
-      if (filter(n)) elements.push(n);
-    }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
-  }
-
-  return elements;
-}
-
-function getMultichannelButtons(node) {
-  return getFilteredElements(node, isMultichannelButton);
-}
-
-function getMultichannelReplies(node) {
-  return getFilteredElements(node, isMultichannelReply);
-}
-
-var isWhatsapp = function isWhatsapp(context) {
-  return context.session && context.session.user && context.session.user.provider == _core.Providers.Messaging.WHATSAPP;
-};
-
-exports.isWhatsapp = isWhatsapp;
-
-var isFacebook = function isFacebook(context) {
-  return context.session && context.session.user && context.session.user.provider == _core.Providers.Messaging.FACEBOOK;
-};
-
-exports.isFacebook = isFacebook;
-//# sourceMappingURL=multichannel-utils.js.map

package/lib/components/multichannel/multichannel-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/multichannel/multichannel-utils.js"],"names":["MULTICHANNEL_WHATSAPP_PROPS","markdown","WHATSAPP_MAX_BUTTONS","WHATSAPP_MAX_BUTTON_CHARS","DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR","isMultichannelButton","node","isNodeKind","isMultichannelReply","isButton","kind","type","name","elementHasUrl","element","props","url","elementHasPostback","payload","path","elementHasWebview","webview","buttonTypes","POSTBACK","URL","WEBVIEW","getButtonType","multichannelButton","undefined","getFilteredElements","filter","elements","n","push","getMultichannelButtons","getMultichannelReplies","isWhatsapp","context","session","user","provider","Providers","Messaging","WHATSAPP","isFacebook","FACEBOOK"],"mappings":"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","sourcesContent":["import { Providers } from '@botonic/core'\n\n/**\n *\n * Whatsapp does not support Markdown\n * (its markup syntax is different)\n */\nexport const MULTICHANNEL_WHATSAPP_PROPS = { markdown: false }\n\nexport const WHATSAPP_MAX_BUTTONS = 3\nexport const WHATSAPP_MAX_BUTTON_CHARS = 20\nexport const DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR = 'More options:'\n\nexport function isMultichannelButton(node) {\n  return isNodeKind(node, 'MultichannelButton')\n}\n\nexport function isMultichannelReply(node) {\n  return isNodeKind(node, 'MultichannelReply')\n}\n\nexport function isButton(node) {\n  return isNodeKind(node, 'Button')\n}\n\nexport function isNodeKind(node, kind) {\n  return node.type && node.type.name == kind\n}\nexport function elementHasUrl(element) {\n  return element.props && element.props.url\n}\nexport function elementHasPostback(element) {\n  return (\n    (element.props && element.props.payload) ||\n    (element.props && element.props.path)\n  )\n}\nexport function elementHasWebview(element) {\n  return element.props && element.props.webview\n}\n\nexport const buttonTypes = {\n  POSTBACK: 'postback',\n  URL: 'url',\n  WEBVIEW: 'webview',\n}\n\nexport function getButtonType(multichannelButton) {\n  if (elementHasUrl(multichannelButton)) return buttonTypes.URL\n  if (elementHasPostback(multichannelButton)) return buttonTypes.POSTBACK\n  if (elementHasWebview(multichannelButton)) return buttonTypes.WEBVIEW\n\n  return undefined\n}\n\nexport function getFilteredElements(node, filter) {\n  const elements = []\n  for (const n of node) {\n    if (filter(n)) elements.push(n)\n  }\n  return elements\n}\n\nexport function getMultichannelButtons(node) {\n  return getFilteredElements(node, isMultichannelButton)\n}\n\nexport function getMultichannelReplies(node) {\n  return getFilteredElements(node, isMultichannelReply)\n}\n\nexport const isWhatsapp = context =>\n  context.session &&\n  context.session.user &&\n  context.session.user.provider == Providers.Messaging.WHATSAPP\n\nexport const isFacebook = context =>\n  context.session &&\n  context.session.user &&\n  context.session.user.provider == Providers.Messaging.FACEBOOK\n"],"file":"multichannel-utils.js"}

package/lib/components/multichannel/multichannel.js

@@ -1,111 +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.Multichannel = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _constants = require("../../constants");
-
-var _contexts = require("../../contexts");
-
-var _react2 = require("../../util/react");
-
-var _text = require("../text");
-
-var _multichannelButton = require("./multichannel-button");
-
-var _multichannelCarousel = require("./multichannel-carousel");
-
-var _multichannelContext = require("./multichannel-context");
-
-var _multichannelReply = require("./multichannel-reply");
-
-var _multichannelText = require("./multichannel-text");
-
-var _multichannelUtils = require("./multichannel-utils");
-
-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; }
-
-var Multichannel = function Multichannel(props) {
-  var requestContext = (0, _react.useContext)(_contexts.RequestContext);
-
-  if (!(0, _multichannelUtils.isWhatsapp)(requestContext) && !(0, _multichannelUtils.isFacebook)(requestContext)) {
-    return props.children;
-  }
-
-  if ((0, _multichannelUtils.isFacebook)(requestContext)) {
-    var _newChildren = (0, _react2.deepMapWithIndex)(props.children, function (child) {
-      if (child && child.type && child.type.name === _constants.COMPONENT_TYPE.TEXT) {
-        return /*#__PURE__*/_react["default"].createElement(_multichannelText.MultichannelText, (0, _extends2["default"])({}, child.props, {
-          key: child.key
-        }), child.props.children);
-      }
-
-      return child;
-    });
-
-    return _newChildren;
-  }
-
-  var newChildren = (0, _react2.deepMapWithIndex)(props.children, function (child, index) {
-    if (child && child.type && child.type.name === _constants.COMPONENT_TYPE.BUTTON) {
-      return /*#__PURE__*/_react["default"].createElement(_multichannelButton.MultichannelButton, (0, _extends2["default"])({}, child.props, {
-        key: child.key
-      }), child.props.children);
-    }
-
-    if (child && child.type && child.type.name === _constants.COMPONENT_TYPE.REPLY) {
-      return /*#__PURE__*/_react["default"].createElement(_multichannelReply.MultichannelReply, (0, _extends2["default"])({}, child.props, {
-        key: child.key
-      }), child.props.children);
-    }
-
-    if (child && child.type && child.type.name === _constants.COMPONENT_TYPE.TEXT) {
-      return /*#__PURE__*/_react["default"].createElement(_multichannelText.MultichannelText, (0, _extends2["default"])({}, child.props, props.text, {
-        key: child.key
-      }, props.messageSeparator && index > 0 && {
-        newline: props.messageSeparator
-      }), child.props.children);
-    }
-
-    if (child && child.type && child.type.name === _constants.COMPONENT_TYPE.CAROUSEL) {
-      return /*#__PURE__*/_react["default"].createElement(_multichannelCarousel.MultichannelCarousel, (0, _extends2["default"])({}, child.props, props.carousel, {
-        key: child.key
-      }), child.props.children);
-    }
-
-    return child;
-  });
-
-  if (props.messageSeparator != null) {
-    newChildren = newChildren.map(function (c, index) {
-      return index > 0 && typeof c === 'string' ? props.messageSeparator + c : c;
-    });
-    newChildren = /*#__PURE__*/_react["default"].createElement(_text.Text, (0, _extends2["default"])({
-      key: props.key
-    }, _multichannelUtils.MULTICHANNEL_WHATSAPP_PROPS), newChildren);
-  }
-
-  return /*#__PURE__*/_react["default"].createElement(_multichannelContext.MultichannelContext.Provider, {
-    value: {
-      currentIndex: props.firstIndex,
-      boldIndex: props.boldIndex,
-      indexSeparator: props.indexSeparator,
-      messageSeparator: props.messageSeparator
-    }
-  }, newChildren);
-};
-
-exports.Multichannel = Multichannel;
-//# sourceMappingURL=multichannel.js.map

package/lib/components/multichannel/multichannel.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/multichannel/multichannel.jsx"],"names":["Multichannel","props","requestContext","RequestContext","children","newChildren","child","type","name","COMPONENT_TYPE","TEXT","key","index","BUTTON","REPLY","text","messageSeparator","newline","CAROUSEL","carousel","map","c","MULTICHANNEL_WHATSAPP_PROPS","currentIndex","firstIndex","boldIndex","indexSeparator"],"mappings":"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","sourcesContent":["import React, { useContext } from 'react'\n\nimport { COMPONENT_TYPE } from '../../constants'\nimport { RequestContext } from '../../contexts'\nimport { deepMapWithIndex } from '../../util/react'\nimport { Text } from '../text'\nimport { MultichannelButton } from './multichannel-button'\nimport { MultichannelCarousel } from './multichannel-carousel'\nimport { MultichannelContext } from './multichannel-context'\nimport { MultichannelReply } from './multichannel-reply'\nimport { MultichannelText } from './multichannel-text'\nimport {\n  isFacebook,\n  isWhatsapp,\n  MULTICHANNEL_WHATSAPP_PROPS,\n} from './multichannel-utils'\n\nexport const Multichannel = props => {\n  const requestContext = useContext(RequestContext)\n\n  if (!isWhatsapp(requestContext) && !isFacebook(requestContext)) {\n    return props.children\n  }\n  if (isFacebook(requestContext)) {\n    const newChildren = deepMapWithIndex(props.children, child => {\n      if (child && child.type && child.type.name === COMPONENT_TYPE.TEXT) {\n        return (\n          <MultichannelText {...child.props} key={child.key}>\n            {child.props.children}\n          </MultichannelText>\n        )\n      }\n      return child\n    })\n    return newChildren\n  }\n\n  let newChildren = deepMapWithIndex(props.children, (child, index) => {\n    if (child && child.type && child.type.name === COMPONENT_TYPE.BUTTON) {\n      return (\n        <MultichannelButton {...child.props} key={child.key}>\n          {child.props.children}\n        </MultichannelButton>\n      )\n    }\n    if (child && child.type && child.type.name === COMPONENT_TYPE.REPLY) {\n      return (\n        <MultichannelReply {...child.props} key={child.key}>\n          {child.props.children}\n        </MultichannelReply>\n      )\n    }\n    if (child && child.type && child.type.name === COMPONENT_TYPE.TEXT) {\n      return (\n        <MultichannelText\n          {...child.props}\n          {...props.text}\n          key={child.key}\n          {...(props.messageSeparator &&\n            index > 0 && { newline: props.messageSeparator })}\n        >\n          {child.props.children}\n        </MultichannelText>\n      )\n    }\n    if (child && child.type && child.type.name === COMPONENT_TYPE.CAROUSEL) {\n      return (\n        <MultichannelCarousel\n          {...child.props}\n          {...props.carousel}\n          key={child.key}\n        >\n          {child.props.children}\n        </MultichannelCarousel>\n      )\n    }\n    return child\n  })\n  if (props.messageSeparator != null) {\n    newChildren = newChildren.map((c, index) =>\n      index > 0 && typeof c === 'string' ? props.messageSeparator + c : c\n    )\n    newChildren = (\n      <Text key={props.key} {...MULTICHANNEL_WHATSAPP_PROPS}>\n        {newChildren}\n      </Text>\n    )\n  }\n  return (\n    <MultichannelContext.Provider\n      value={{\n        currentIndex: props.firstIndex,\n        boldIndex: props.boldIndex,\n        indexSeparator: props.indexSeparator,\n        messageSeparator: props.messageSeparator,\n      }}\n    >\n      {newChildren}\n    </MultichannelContext.Provider>\n  )\n}\n"],"file":"multichannel.js"}

package/lib/components/pic.js

@@ -1,50 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Pic = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _constants = require("../constants");
-
-var _react2 = require("../util/react");
-
-var _templateObject;
-
-var PicStyled = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  border-top-left-radius: 8px;\n  border-top-right-radius: 8px;\n  width: ", "px;\n  height: 140px;\n  background: ", " url(", ") no-repeat\n    center/cover;\n  border-bottom: 1px solid ", ";\n"])), _constants.WEBCHAT.DEFAULTS.ELEMENT_WIDTH, _constants.COLORS.SOLID_WHITE, function (props) {
-  return props.src;
-}, _constants.COLORS.SEASHELL_WHITE);
-
-var Pic = function Pic(props) {
-  var renderBrowser = function renderBrowser() {
-    return /*#__PURE__*/_react["default"].createElement(PicStyled, {
-      src: props.src
-    });
-  };
-
-  var renderNode = function renderNode() {
-    return /*#__PURE__*/_react["default"].createElement("pic", null, props.src);
-  };
-
-  return (0, _react2.renderComponent)({
-    renderBrowser: renderBrowser,
-    renderNode: renderNode
-  });
-};
-
-exports.Pic = Pic;
-
-Pic.serialize = function (picProps) {
-  return {
-    pic: picProps.src
-  };
-};
-//# sourceMappingURL=pic.js.map

package/lib/components/pic.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/pic.jsx"],"names":["PicStyled","styled","div","WEBCHAT","DEFAULTS","ELEMENT_WIDTH","COLORS","SOLID_WHITE","props","src","SEASHELL_WHITE","Pic","renderBrowser","renderNode","serialize","picProps","pic"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;AAEA,IAAMA,SAAS,GAAGC,6BAAOC,GAAV,2RAGJC,mBAAQC,QAAR,CAAiBC,aAHb,EAKCC,kBAAOC,WALR,EAK2B,UAAAC,KAAK;AAAA,SAAIA,KAAK,CAACC,GAAV;AAAA,CALhC,EAOcH,kBAAOI,cAPrB,CAAf;;AAUO,IAAMC,GAAG,GAAG,SAANA,GAAM,CAAAH,KAAK,EAAI;AAC1B,MAAMI,aAAa,GAAG,SAAhBA,aAAgB;AAAA,wBAAM,gCAAC,SAAD;AAAW,MAAA,GAAG,EAAEJ,KAAK,CAACC;AAAtB,MAAN;AAAA,GAAtB;;AACA,MAAMI,UAAU,GAAG,SAAbA,UAAa;AAAA,wBAAM,6CAAML,KAAK,CAACC,GAAZ,CAAN;AAAA,GAAnB;;AACA,SAAO,6BAAgB;AAAEG,IAAAA,aAAa,EAAbA,aAAF;AAAiBC,IAAAA,UAAU,EAAVA;AAAjB,GAAhB,CAAP;AACD,CAJM;;;;AAMPF,GAAG,CAACG,SAAJ,GAAgB,UAAAC,QAAQ,EAAI;AAC1B,SAAO;AAAEC,IAAAA,GAAG,EAAED,QAAQ,CAACN;AAAhB,GAAP;AACD,CAFD","sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\n\nimport { COLORS, WEBCHAT } from '../constants'\nimport { renderComponent } from '../util/react'\n\nconst PicStyled = styled.div`\n  border-top-left-radius: 8px;\n  border-top-right-radius: 8px;\n  width: ${WEBCHAT.DEFAULTS.ELEMENT_WIDTH}px;\n  height: 140px;\n  background: ${COLORS.SOLID_WHITE} url(${props => props.src}) no-repeat\n    center/cover;\n  border-bottom: 1px solid ${COLORS.SEASHELL_WHITE};\n`\n\nexport const Pic = props => {\n  const renderBrowser = () => <PicStyled src={props.src} />\n  const renderNode = () => <pic>{props.src}</pic>\n  return renderComponent({ renderBrowser, renderNode })\n}\n\nPic.serialize = picProps => {\n  return { pic: picProps.src }\n}\n"],"file":"pic.js"}

package/lib/components/raw.js

@@ -1,70 +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.Raw = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-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 _message = require("./message");
-
-var _templateObject, _templateObject2;
-
-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; }
-
-var RawDataButton = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  align-self: flex-start;\n  background-color: ", ";\n  padding: 4px;\n  margin: 4px 0px;\n  cursor: pointer;\n  color: ", ";\n  font-size: 10px;\n  border-radius: 2px;\n"])), _constants.COLORS.CURIOUS_BLUE, _constants.COLORS.SOLID_WHITE_ALPHA_0_8);
-
-var Popover = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  max-width: 100%;\n  max-height: 500px;\n  overflow: auto;\n  background-color: ", ";\n  padding: 10px;\n  pre {\n    margin: 0px;\n  }\n"])), _constants.COLORS.LIGHT_GRAY);
-
-var serialize = function serialize(rawProps) {
-  return {
-    data: rawProps.data,
-    alt: rawProps.alt
-  };
-};
-
-var Raw = function Raw(props) {
-  var content = props.children;
-  var data = JSON.stringify(props.data, null, ' ');
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
-  if ((0, _core.isBrowser)()) content = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", null, props.alt), /*#__PURE__*/_react["default"].createElement(RawDataButton, {
-    onClick: function onClick() {
-      return setIsOpen(!isOpen);
-    }
-  }, "RAW DATA ", /*#__PURE__*/_react["default"].createElement("small", null, isOpen ? '▲' : '▼')), isOpen && /*#__PURE__*/_react["default"].createElement(Popover, null, /*#__PURE__*/_react["default"].createElement("pre", null, data)));
-  return /*#__PURE__*/_react["default"].createElement(_message.Message, (0, _extends2["default"])({
-    role: _constants.ROLES.RAW_MESSAGE,
-    json: serialize(props)
-  }, props, {
-    data: data,
-    type: _core.INPUT.RAW
-  }), content);
-};
-
-exports.Raw = Raw;
-Raw.serialize = serialize;
-//# sourceMappingURL=raw.js.map

package/lib/components/raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/raw.jsx"],"names":["RawDataButton","styled","div","COLORS","CURIOUS_BLUE","SOLID_WHITE_ALPHA_0_8","Popover","LIGHT_GRAY","serialize","rawProps","data","alt","Raw","props","content","children","JSON","stringify","isOpen","setIsOpen","ROLES","RAW_MESSAGE","INPUT","RAW"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;;;;;;;AAEA,IAAMA,aAAa,GAAGC,6BAAOC,GAAV,mQAEGC,kBAAOC,YAFV,EAMRD,kBAAOE,qBANC,CAAnB;;AAWA,IAAMC,OAAO,GAAGL,6BAAOC,GAAV,qOAISC,kBAAOI,UAJhB,CAAb;;AAWA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAAAC,QAAQ,EAAI;AAC5B,SAAO;AAAEC,IAAAA,IAAI,EAAED,QAAQ,CAACC,IAAjB;AAAuBC,IAAAA,GAAG,EAAEF,QAAQ,CAACE;AAArC,GAAP;AACD,CAFD;;AAIO,IAAMC,GAAG,GAAG,SAANA,GAAM,CAAAC,KAAK,EAAI;AAC1B,MAAIC,OAAO,GAAGD,KAAK,CAACE,QAApB;AACA,MAAML,IAAI,GAAGM,IAAI,CAACC,SAAL,CAAeJ,KAAK,CAACH,IAArB,EAA2B,IAA3B,EAAiC,GAAjC,CAAb;;AACA,kBAA4B,qBAAS,KAAT,CAA5B;AAAA;AAAA,MAAOQ,MAAP;AAAA,MAAeC,SAAf;;AACA,MAAI,sBAAJ,EACEL,OAAO,gBACL,+EACE,6CAAMD,KAAK,CAACF,GAAZ,CADF,eAEE,gCAAC,aAAD;AAAe,IAAA,OAAO,EAAE;AAAA,aAAMQ,SAAS,CAAC,CAACD,MAAF,CAAf;AAAA;AAAxB,+BACW,+CAAQA,MAAM,GAAG,GAAH,GAAS,GAAvB,CADX,CAFF,EAKGA,MAAM,iBACL,gCAAC,OAAD,qBACE,6CAAMR,IAAN,CADF,CANJ,CADF;AAaF,sBACE,gCAAC,gBAAD;AACE,IAAA,IAAI,EAAEU,iBAAMC,WADd;AAEE,IAAA,IAAI,EAAEb,SAAS,CAACK,KAAD;AAFjB,KAGMA,KAHN;AAIE,IAAA,IAAI,EAAEH,IAJR;AAKE,IAAA,IAAI,EAAEY,YAAMC;AALd,MAOGT,OAPH,CADF;AAWD,CA7BM;;;AA+BPF,GAAG,CAACJ,SAAJ,GAAgBA,SAAhB","sourcesContent":["import { INPUT, isBrowser } from '@botonic/core'\nimport React, { useState } from 'react'\nimport styled from 'styled-components'\n\nimport { COLORS, ROLES } from '../constants'\nimport { Message } from './message'\n\nconst RawDataButton = styled.div`\n  align-self: flex-start;\n  background-color: ${COLORS.CURIOUS_BLUE};\n  padding: 4px;\n  margin: 4px 0px;\n  cursor: pointer;\n  color: ${COLORS.SOLID_WHITE_ALPHA_0_8};\n  font-size: 10px;\n  border-radius: 2px;\n`\n\nconst Popover = styled.div`\n  max-width: 100%;\n  max-height: 500px;\n  overflow: auto;\n  background-color: ${COLORS.LIGHT_GRAY};\n  padding: 10px;\n  pre {\n    margin: 0px;\n  }\n`\n\nconst serialize = rawProps => {\n  return { data: rawProps.data, alt: rawProps.alt }\n}\n\nexport const Raw = props => {\n  let content = props.children\n  const data = JSON.stringify(props.data, null, ' ')\n  const [isOpen, setIsOpen] = useState(false)\n  if (isBrowser())\n    content = (\n      <>\n        <div>{props.alt}</div>\n        <RawDataButton onClick={() => setIsOpen(!isOpen)}>\n          RAW DATA <small>{isOpen ? '▲' : '▼'}</small>\n        </RawDataButton>\n        {isOpen && (\n          <Popover>\n            <pre>{data}</pre>\n          </Popover>\n        )}\n      </>\n    )\n  return (\n    <Message\n      role={ROLES.RAW_MESSAGE}\n      json={serialize(props)}\n      {...props}\n      data={data}\n      type={INPUT.RAW}\n    >\n      {content}\n    </Message>\n  )\n}\n\nRaw.serialize = serialize\n"],"file":"raw.js"}

package/lib/components/reply.js

@@ -1,107 +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.Reply = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-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 _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  width: 100%;\n  padding: 4px 8px;\n  font-family: inherit;\n  border-radius: 8px;\n  cursor: pointer;\n  outline: 0;\n"])));
-
-var Reply = function Reply(props) {
-  var _useContext = (0, _react.useContext)(_contexts.WebchatContext),
-      sendText = _useContext.sendText,
-      getThemeProperty = _useContext.getThemeProperty;
-
-  var handleClick = function handleClick(event) {
-    event.preventDefault();
-
-    if (props.children) {
-      var payload = props.payload;
-      if (props.path) payload = "__PATH_PAYLOAD__".concat(props.path);
-      sendText(props.children, payload);
-    }
-  };
-
-  var renderBrowser = function renderBrowser() {
-    var replyStyle = getThemeProperty(_constants.WEBCHAT.CUSTOM_PROPERTIES.replyStyle);
-    var CustomReply = getThemeProperty(_constants.WEBCHAT.CUSTOM_PROPERTIES.customReply);
-
-    if (CustomReply) {
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        onClick: function onClick(e) {
-          return handleClick(e);
-        }
-      }, /*#__PURE__*/_react["default"].createElement(CustomReply, null, props.children));
-    }
-
-    return /*#__PURE__*/_react["default"].createElement(StyledButton, {
-      style: _objectSpread({
-        border: "1px solid ".concat(getThemeProperty(_constants.WEBCHAT.CUSTOM_PROPERTIES.brandColor, _constants.COLORS.BOTONIC_BLUE)),
-        color: getThemeProperty(_constants.WEBCHAT.CUSTOM_PROPERTIES.brandColor, _constants.COLORS.BOTONIC_BLUE)
-      }, replyStyle),
-      onClick: function onClick(e) {
-        return handleClick(e);
-      }
-    }, props.children);
-  };
-
-  var renderNode = function renderNode() {
-    if (props.path) {
-      var payload = "__PATH_PAYLOAD__".concat(props.path);
-      return /*#__PURE__*/_react["default"].createElement("reply", {
-        payload: payload
-      }, props.children);
-    }
-
-    return /*#__PURE__*/_react["default"].createElement("reply", {
-      payload: props.payload
-    }, props.children);
-  };
-
-  return (0, _react2.renderComponent)({
-    renderBrowser: renderBrowser,
-    renderNode: renderNode
-  });
-};
-
-exports.Reply = Reply;
-
-Reply.serialize = function (replyProps) {
-  var payload = replyProps.payload;
-  if (replyProps.path) payload = "__PATH_PAYLOAD__".concat(replyProps.path);
-  return {
-    reply: {
-      title: replyProps.children,
-      payload: payload
-    }
-  };
-};
-//# sourceMappingURL=reply.js.map

package/lib/components/reply.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/reply.jsx"],"names":["StyledButton","styled","button","Reply","props","WebchatContext","sendText","getThemeProperty","handleClick","event","preventDefault","children","payload","path","renderBrowser","replyStyle","WEBCHAT","CUSTOM_PROPERTIES","CustomReply","customReply","e","border","brandColor","COLORS","BOTONIC_BLUE","color","renderNode","serialize","replyProps","reply","title"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,YAAY,GAAGC,6BAAOC,MAAV,gNAAlB;;AASO,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAAAC,KAAK,EAAI;AAC5B,oBAAuC,uBAAWC,wBAAX,CAAvC;AAAA,MAAQC,QAAR,eAAQA,QAAR;AAAA,MAAkBC,gBAAlB,eAAkBA,gBAAlB;;AACA,MAAMC,WAAW,GAAG,SAAdA,WAAc,CAAAC,KAAK,EAAI;AAC3BA,IAAAA,KAAK,CAACC,cAAN;;AACA,QAAIN,KAAK,CAACO,QAAV,EAAoB;AAClB,UAAIC,OAAO,GAAGR,KAAK,CAACQ,OAApB;AACA,UAAIR,KAAK,CAACS,IAAV,EAAgBD,OAAO,6BAAsBR,KAAK,CAACS,IAA5B,CAAP;AAChBP,MAAAA,QAAQ,CAACF,KAAK,CAACO,QAAP,EAAiBC,OAAjB,CAAR;AACD;AACF,GAPD;;AASA,MAAME,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AAC1B,QAAMC,UAAU,GAAGR,gBAAgB,CAACS,mBAAQC,iBAAR,CAA0BF,UAA3B,CAAnC;AACA,QAAMG,WAAW,GAAGX,gBAAgB,CAACS,mBAAQC,iBAAR,CAA0BE,WAA3B,CAApC;;AACA,QAAID,WAAJ,EAAiB;AACf,0BACE;AAAK,QAAA,OAAO,EAAE,iBAAAE,CAAC;AAAA,iBAAIZ,WAAW,CAACY,CAAD,CAAf;AAAA;AAAf,sBACE,gCAAC,WAAD,QAAchB,KAAK,CAACO,QAApB,CADF,CADF;AAKD;;AAED,wBACE,gCAAC,YAAD;AACE,MAAA,KAAK;AACHU,QAAAA,MAAM,sBAAed,gBAAgB,CACnCS,mBAAQC,iBAAR,CAA0BK,UADS,EAEnCC,kBAAOC,YAF4B,CAA/B,CADH;AAKHC,QAAAA,KAAK,EAAElB,gBAAgB,CACrBS,mBAAQC,iBAAR,CAA0BK,UADL,EAErBC,kBAAOC,YAFc;AALpB,SASAT,UATA,CADP;AAYE,MAAA,OAAO,EAAE,iBAAAK,CAAC;AAAA,eAAIZ,WAAW,CAACY,CAAD,CAAf;AAAA;AAZZ,OAcGhB,KAAK,CAACO,QAdT,CADF;AAkBD,GA7BD;;AA+BA,MAAMe,UAAU,GAAG,SAAbA,UAAa,GAAM;AACvB,QAAItB,KAAK,CAACS,IAAV,EAAgB;AACd,UAAMD,OAAO,6BAAsBR,KAAK,CAACS,IAA5B,CAAb;AACA,0BAAO;AAAO,QAAA,OAAO,EAAED;AAAhB,SAA0BR,KAAK,CAACO,QAAhC,CAAP;AACD;;AACD,wBAAO;AAAO,MAAA,OAAO,EAAEP,KAAK,CAACQ;AAAtB,OAAgCR,KAAK,CAACO,QAAtC,CAAP;AACD,GAND;;AAQA,SAAO,6BAAgB;AAAEG,IAAAA,aAAa,EAAbA,aAAF;AAAiBY,IAAAA,UAAU,EAAVA;AAAjB,GAAhB,CAAP;AACD,CAnDM;;;;AAqDPvB,KAAK,CAACwB,SAAN,GAAkB,UAAAC,UAAU,EAAI;AAC9B,MAAIhB,OAAO,GAAGgB,UAAU,CAAChB,OAAzB;AACA,MAAIgB,UAAU,CAACf,IAAf,EAAqBD,OAAO,6BAAsBgB,UAAU,CAACf,IAAjC,CAAP;AACrB,SAAO;AAAEgB,IAAAA,KAAK,EAAE;AAAEC,MAAAA,KAAK,EAAEF,UAAU,CAACjB,QAApB;AAA8BC,MAAAA,OAAO,EAAPA;AAA9B;AAAT,GAAP;AACD,CAJD","sourcesContent":["import React, { useContext } from 'react'\nimport styled from 'styled-components'\n\nimport { COLORS, WEBCHAT } from '../constants'\nimport { WebchatContext } from '../contexts'\nimport { renderComponent } from '../util/react'\n\nconst StyledButton = styled.button`\n  width: 100%;\n  padding: 4px 8px;\n  font-family: inherit;\n  border-radius: 8px;\n  cursor: pointer;\n  outline: 0;\n`\n\nexport const Reply = props => {\n  const { sendText, getThemeProperty } = useContext(WebchatContext)\n  const handleClick = event => {\n    event.preventDefault()\n    if (props.children) {\n      let payload = props.payload\n      if (props.path) payload = `__PATH_PAYLOAD__${props.path}`\n      sendText(props.children, payload)\n    }\n  }\n\n  const renderBrowser = () => {\n    const replyStyle = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.replyStyle)\n    const CustomReply = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customReply)\n    if (CustomReply) {\n      return (\n        <div onClick={e => handleClick(e)}>\n          <CustomReply>{props.children}</CustomReply>\n        </div>\n      )\n    }\n\n    return (\n      <StyledButton\n        style={{\n          border: `1px solid ${getThemeProperty(\n            WEBCHAT.CUSTOM_PROPERTIES.brandColor,\n            COLORS.BOTONIC_BLUE\n          )}`,\n          color: getThemeProperty(\n            WEBCHAT.CUSTOM_PROPERTIES.brandColor,\n            COLORS.BOTONIC_BLUE\n          ),\n          ...replyStyle,\n        }}\n        onClick={e => handleClick(e)}\n      >\n        {props.children}\n      </StyledButton>\n    )\n  }\n\n  const renderNode = () => {\n    if (props.path) {\n      const payload = `__PATH_PAYLOAD__${props.path}`\n      return <reply payload={payload}>{props.children}</reply>\n    }\n    return <reply payload={props.payload}>{props.children}</reply>\n  }\n\n  return renderComponent({ renderBrowser, renderNode })\n}\n\nReply.serialize = replyProps => {\n  let payload = replyProps.payload\n  if (replyProps.path) payload = `__PATH_PAYLOAD__${replyProps.path}`\n  return { reply: { title: replyProps.children, payload } }\n}\n"],"file":"reply.js"}

package/lib/components/share-button.js

@@ -1,36 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ShareButton = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("../util/react");
-
-var ShareButton = function ShareButton(props) {
-  var renderBrowser = function renderBrowser() {
-    return null;
-  };
-
-  var renderNode = function renderNode() {
-    return /*#__PURE__*/_react["default"].createElement("button", {
-      type: "element_share"
-    }, /*#__PURE__*/_react["default"].createElement("pre", {
-      dangerouslySetInnerHTML: {
-        __html: JSON.stringify(props.payload)
-      }
-    }));
-  };
-
-  return (0, _react2.renderComponent)({
-    renderBrowser: renderBrowser,
-    renderNode: renderNode
-  });
-};
-
-exports.ShareButton = ShareButton;
-//# sourceMappingURL=share-button.js.map

package/lib/components/share-button.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/share-button.jsx"],"names":["ShareButton","props","renderBrowser","renderNode","__html","JSON","stringify","payload"],"mappings":";;;;;;;;;AAAA;;AAEA;;AAEO,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAAAC,KAAK,EAAI;AAClC,MAAMC,aAAa,GAAG,SAAhBA,aAAgB;AAAA,WAAM,IAAN;AAAA,GAAtB;;AACA,MAAMC,UAAU,GAAG,SAAbA,UAAa;AAAA,wBACjB;AAAQ,MAAA,IAAI,EAAC;AAAb,oBACE;AACE,MAAA,uBAAuB,EAAE;AAAEC,QAAAA,MAAM,EAAEC,IAAI,CAACC,SAAL,CAAeL,KAAK,CAACM,OAArB;AAAV;AAD3B,MADF,CADiB;AAAA,GAAnB;;AAQA,SAAO,6BAAgB;AAAEL,IAAAA,aAAa,EAAbA,aAAF;AAAiBC,IAAAA,UAAU,EAAVA;AAAjB,GAAhB,CAAP;AACD,CAXM","sourcesContent":["import React from 'react'\n\nimport { renderComponent } from '../util/react'\n\nexport const ShareButton = props => {\n  const renderBrowser = () => null\n  const renderNode = () => (\n    <button type='element_share'>\n      <pre\n        dangerouslySetInnerHTML={{ __html: JSON.stringify(props.payload) }}\n      />\n    </button>\n  )\n\n  return renderComponent({ renderBrowser, renderNode })\n}\n"],"file":"share-button.js"}

package/lib/components/subtitle.js

@@ -1,54 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Subtitle = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _constants = require("../constants");
-
-var _react2 = require("../util/react");
-
-var _templateObject;
-
-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 SubtitleContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  font-size: 12px;\n  padding: 0px 15px 10px 15px;\n  color: ", ";\n"])), _constants.COLORS.MID_GRAY);
-
-var Subtitle = function Subtitle(props) {
-  var renderBrowser = function renderBrowser() {
-    return /*#__PURE__*/_react["default"].createElement(SubtitleContainer, {
-      style: _objectSpread({}, props.style)
-    }, props.children);
-  };
-
-  var renderNode = function renderNode() {
-    return /*#__PURE__*/_react["default"].createElement("desc", null, props.children);
-  };
-
-  return (0, _react2.renderComponent)({
-    renderBrowser: renderBrowser,
-    renderNode: renderNode
-  });
-};
-
-exports.Subtitle = Subtitle;
-
-Subtitle.serialize = function (subtitleProps) {
-  return {
-    subtitle: subtitleProps.children
-  };
-};
-//# sourceMappingURL=subtitle.js.map

package/lib/components/subtitle.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/subtitle.jsx"],"names":["SubtitleContainer","styled","div","COLORS","MID_GRAY","Subtitle","props","renderBrowser","style","children","renderNode","serialize","subtitleProps","subtitle"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;AAEA,IAAMA,iBAAiB,GAAGC,6BAAOC,GAAV,6JAGZC,kBAAOC,QAHK,CAAvB;;AAKO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAAAC,KAAK,EAAI;AAC/B,MAAMC,aAAa,GAAG,SAAhBA,aAAgB;AAAA,wBACpB,gCAAC,iBAAD;AACE,MAAA,KAAK,oBACAD,KAAK,CAACE,KADN;AADP,OAKGF,KAAK,CAACG,QALT,CADoB;AAAA,GAAtB;;AASA,MAAMC,UAAU,GAAG,SAAbA,UAAa;AAAA,wBAAM,8CAAOJ,KAAK,CAACG,QAAb,CAAN;AAAA,GAAnB;;AAEA,SAAO,6BAAgB;AAAEF,IAAAA,aAAa,EAAbA,aAAF;AAAiBG,IAAAA,UAAU,EAAVA;AAAjB,GAAhB,CAAP;AACD,CAbM;;;;AAePL,QAAQ,CAACM,SAAT,GAAqB,UAAAC,aAAa,EAAI;AACpC,SAAO;AAAEC,IAAAA,QAAQ,EAAED,aAAa,CAACH;AAA1B,GAAP;AACD,CAFD","sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\n\nimport { COLORS } from '../constants'\nimport { renderComponent } from '../util/react'\n\nconst SubtitleContainer = styled.div`\n  font-size: 12px;\n  padding: 0px 15px 10px 15px;\n  color: ${COLORS.MID_GRAY};\n`\nexport const Subtitle = props => {\n  const renderBrowser = () => (\n    <SubtitleContainer\n      style={{\n        ...props.style,\n      }}\n    >\n      {props.children}\n    </SubtitleContainer>\n  )\n  const renderNode = () => <desc>{props.children}</desc>\n\n  return renderComponent({ renderBrowser, renderNode })\n}\n\nSubtitle.serialize = subtitleProps => {\n  return { subtitle: subtitleProps.children }\n}\n"],"file":"subtitle.js"}