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

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"}

package/lib/components/text.js

@@ -1,80 +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.Text = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _core = require("@botonic/core");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _react2 = require("../util/react");
-
-var _markdown = require("./markdown");
-
-var _message = require("./message");
-
-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 serializeText = function serializeText(children) {
-  children = Array.isArray(children) ? children : [children];
-  var text = children.filter(function (e) {
-    return !e.type;
-  }).map(function (e) {
-    if (Array.isArray(e)) return serializeText(e);else return String(e);
-  }).join('');
-  return text;
-};
-
-var serialize = function serialize(textProps) {
-  if (!textProps.markdown) return {
-    text: serializeText(textProps.children)
-  };
-  return {
-    text: (0, _markdown.serializeMarkdown)(textProps.children)
-  };
-};
-/**
- *
- * @param {TextProps} props
- * @returns {JSX.Element}
- */
-
-
-var Text = function Text(props) {
-  var defaultTextProps = {
-    markdown: props.markdown === undefined ? true : props.markdown
-  };
-  var textProps = (0, _react2.mapObjectNonBooleanValues)(_objectSpread(_objectSpread(_objectSpread({}, props), defaultTextProps), {
-    children: _react.Children.toArray(props.children)
-  }));
-  if (!textProps.markdown) return /*#__PURE__*/_react["default"].createElement(_message.Message, (0, _extends2["default"])({
-    json: serialize(textProps)
-  }, textProps, {
-    type: _core.INPUT.TEXT
-  }), textProps.children);
-  return /*#__PURE__*/_react["default"].createElement(_message.Message, (0, _extends2["default"])({
-    json: serialize(textProps)
-  }, textProps, {
-    type: _core.INPUT.TEXT
-  }), (0, _markdown.toMarkdownChildren)(textProps.children));
-};
-
-exports.Text = Text;
-Text.serialize = serialize;
-//# sourceMappingURL=text.js.map

package/lib/components/text.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/text.jsx"],"names":["serializeText","children","Array","isArray","text","filter","e","type","map","String","join","serialize","textProps","markdown","Text","props","defaultTextProps","undefined","Children","toArray","INPUT","TEXT"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAAAC,QAAQ,EAAI;AAChCA,EAAAA,QAAQ,GAAGC,KAAK,CAACC,OAAN,CAAcF,QAAd,IAA0BA,QAA1B,GAAqC,CAACA,QAAD,CAAhD;AACA,MAAMG,IAAI,GAAGH,QAAQ,CAClBI,MADU,CACH,UAAAC,CAAC;AAAA,WAAI,CAACA,CAAC,CAACC,IAAP;AAAA,GADE,EAEVC,GAFU,CAEN,UAAAF,CAAC,EAAI;AACR,QAAIJ,KAAK,CAACC,OAAN,CAAcG,CAAd,CAAJ,EAAsB,OAAON,aAAa,CAACM,CAAD,CAApB,CAAtB,KACK,OAAOG,MAAM,CAACH,CAAD,CAAb;AACN,GALU,EAMVI,IANU,CAML,EANK,CAAb;AAOA,SAAON,IAAP;AACD,CAVD;;AAYA,IAAMO,SAAS,GAAG,SAAZA,SAAY,CAAAC,SAAS,EAAI;AAC7B,MAAI,CAACA,SAAS,CAACC,QAAf,EACE,OAAO;AACLT,IAAAA,IAAI,EAAEJ,aAAa,CAACY,SAAS,CAACX,QAAX;AADd,GAAP;AAGF,SAAO;AAAEG,IAAAA,IAAI,EAAE,iCAAkBQ,SAAS,CAACX,QAA5B;AAAR,GAAP;AACD,CAND;AAQA;AACA;AACA;AACA;AACA;;;AACO,IAAMa,IAAI,GAAG,SAAPA,IAAO,CAAAC,KAAK,EAAI;AAC3B,MAAMC,gBAAgB,GAAG;AACvBH,IAAAA,QAAQ,EAAEE,KAAK,CAACF,QAAN,KAAmBI,SAAnB,GAA+B,IAA/B,GAAsCF,KAAK,CAACF;AAD/B,GAAzB;AAGA,MAAMD,SAAS,GAAG,qFACbG,KADa,GAEbC,gBAFa,GAGb;AAAEf,IAAAA,QAAQ,EAAEiB,gBAASC,OAAT,CAAiBJ,KAAK,CAACd,QAAvB;AAAZ,GAHa,EAAlB;AAKA,MAAI,CAACW,SAAS,CAACC,QAAf,EACE,oBACE,gCAAC,gBAAD;AAAS,IAAA,IAAI,EAAEF,SAAS,CAACC,SAAD;AAAxB,KAAyCA,SAAzC;AAAoD,IAAA,IAAI,EAAEQ,YAAMC;AAAhE,MACGT,SAAS,CAACX,QADb,CADF;AAKF,sBACE,gCAAC,gBAAD;AAAS,IAAA,IAAI,EAAEU,SAAS,CAACC,SAAD;AAAxB,KAAyCA,SAAzC;AAAoD,IAAA,IAAI,EAAEQ,YAAMC;AAAhE,MACG,kCAAmBT,SAAS,CAACX,QAA7B,CADH,CADF;AAKD,CApBM;;;AAsBPa,IAAI,CAACH,SAAL,GAAiBA,SAAjB","sourcesContent":["import { INPUT } from '@botonic/core'\nimport React, { Children } from 'react'\n\nimport { mapObjectNonBooleanValues } from '../util/react'\nimport { serializeMarkdown, toMarkdownChildren } from './markdown'\nimport { Message } from './message'\n\nconst serializeText = children => {\n  children = Array.isArray(children) ? children : [children]\n  const text = children\n    .filter(e => !e.type)\n    .map(e => {\n      if (Array.isArray(e)) return serializeText(e)\n      else return String(e)\n    })\n    .join('')\n  return text\n}\n\nconst serialize = textProps => {\n  if (!textProps.markdown)\n    return {\n      text: serializeText(textProps.children),\n    }\n  return { text: serializeMarkdown(textProps.children) }\n}\n\n/**\n *\n * @param {TextProps} props\n * @returns {JSX.Element}\n */\nexport const Text = props => {\n  const defaultTextProps = {\n    markdown: props.markdown === undefined ? true : props.markdown,\n  }\n  const textProps = mapObjectNonBooleanValues({\n    ...props,\n    ...defaultTextProps,\n    ...{ children: Children.toArray(props.children) },\n  })\n  if (!textProps.markdown)\n    return (\n      <Message json={serialize(textProps)} {...textProps} type={INPUT.TEXT}>\n        {textProps.children}\n      </Message>\n    )\n  return (\n    <Message json={serialize(textProps)} {...textProps} type={INPUT.TEXT}>\n      {toMarkdownChildren(textProps.children)}\n    </Message>\n  )\n}\n\nText.serialize = serialize\n"],"file":"text.js"}

package/lib/components/timestamps.js

@@ -1,69 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.resolveMessageTimestamps = exports.MessageTimestamp = 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 _templateObject, _templateObject2;
-
-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 resolveMessageTimestamps = function resolveMessageTimestamps(getThemeFn, messageTimestampEnabled) {
-  var timestampsFormat = getThemeFn('message.timestamps.format');
-  var timestampStyle = getThemeFn('message.timestamps.style');
-  var timestampsEnabled = Boolean(messageTimestampEnabled !== undefined ? messageTimestampEnabled : getThemeFn('message.timestamps.enable', Boolean(timestampStyle) || Boolean(timestampsFormat) || false));
-  var defaultTimestampFormat = {
-    month: 'short',
-    day: 'numeric',
-    hour: 'numeric',
-    minute: 'numeric',
-    second: 'numeric'
-  };
-  var getFormattedTimestamp = timestampsFormat && timestampsFormat() || new Date().toLocaleString(undefined, defaultTimestampFormat);
-  return {
-    timestampsEnabled: timestampsEnabled,
-    getFormattedTimestamp: getFormattedTimestamp,
-    timestampStyle: timestampStyle
-  };
-};
-
-exports.resolveMessageTimestamps = resolveMessageTimestamps;
-
-var TimestampContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  position: relative;\n  align-items: flex-start;\n"])));
-
-var TimestampText = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  @import url('https://fonts.googleapis.com/css?family=Lato');\n  font-family: Lato;\n  font-size: 10px;\n  color: ", ";\n  width: 100%;\n  text-align: ", ";\n  padding: ", ";\n  margin-bottom: 5px;\n"])), _constants.COLORS.SOLID_BLACK, function (props) {
-  return props.isfromuser ? 'right' : 'left';
-}, function (props) {
-  return props.isfromuser ? '0px 15px' : '0px 50px';
-});
-
-var MessageTimestamp = function MessageTimestamp(_ref) {
-  var timestamp = _ref.timestamp,
-      style = _ref.style,
-      isfromuser = _ref.isfromuser;
-  var classSufix = isfromuser ? 'user' : 'bot';
-  return /*#__PURE__*/_react["default"].createElement(TimestampContainer, {
-    className: "botonic-timestamp-".concat(classSufix)
-  }, /*#__PURE__*/_react["default"].createElement(TimestampText, {
-    isfromuser: isfromuser,
-    style: _objectSpread({}, style)
-  }, timestamp));
-};
-
-exports.MessageTimestamp = MessageTimestamp;
-//# sourceMappingURL=timestamps.js.map

package/lib/components/timestamps.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/timestamps.jsx"],"names":["resolveMessageTimestamps","getThemeFn","messageTimestampEnabled","timestampsFormat","timestampStyle","timestampsEnabled","Boolean","undefined","defaultTimestampFormat","month","day","hour","minute","second","getFormattedTimestamp","Date","toLocaleString","TimestampContainer","styled","div","TimestampText","COLORS","SOLID_BLACK","props","isfromuser","MessageTimestamp","timestamp","style","classSufix"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA;;;;;;;;AAEO,IAAMA,wBAAwB,GAAG,SAA3BA,wBAA2B,CACtCC,UADsC,EAEtCC,uBAFsC,EAGnC;AACH,MAAMC,gBAAgB,GAAGF,UAAU,CAAC,2BAAD,CAAnC;AACA,MAAMG,cAAc,GAAGH,UAAU,CAAC,0BAAD,CAAjC;AACA,MAAMI,iBAAiB,GAAGC,OAAO,CAC/BJ,uBAAuB,KAAKK,SAA5B,GACIL,uBADJ,GAEID,UAAU,CACR,2BADQ,EAERK,OAAO,CAACF,cAAD,CAAP,IAA2BE,OAAO,CAACH,gBAAD,CAAlC,IAAwD,KAFhD,CAHiB,CAAjC;AAQA,MAAMK,sBAAsB,GAAG;AAC7BC,IAAAA,KAAK,EAAE,OADsB;AAE7BC,IAAAA,GAAG,EAAE,SAFwB;AAG7BC,IAAAA,IAAI,EAAE,SAHuB;AAI7BC,IAAAA,MAAM,EAAE,SAJqB;AAK7BC,IAAAA,MAAM,EAAE;AALqB,GAA/B;AAOA,MAAMC,qBAAqB,GACxBX,gBAAgB,IAAIA,gBAAgB,EAArC,IACA,IAAIY,IAAJ,GAAWC,cAAX,CAA0BT,SAA1B,EAAqCC,sBAArC,CAFF;AAGA,SAAO;AACLH,IAAAA,iBAAiB,EAAjBA,iBADK;AAELS,IAAAA,qBAAqB,EAArBA,qBAFK;AAGLV,IAAAA,cAAc,EAAdA;AAHK,GAAP;AAKD,CA7BM;;;;AA+BP,IAAMa,kBAAkB,GAAGC,6BAAOC,GAAV,6JAAxB;;AAMA,IAAMC,aAAa,GAAGF,6BAAOC,GAAV,mSAIRE,kBAAOC,WAJC,EAMH,UAAAC,KAAK;AAAA,SAAKA,KAAK,CAACC,UAAN,GAAmB,OAAnB,GAA6B,MAAlC;AAAA,CANF,EAON,UAAAD,KAAK;AAAA,SAAKA,KAAK,CAACC,UAAN,GAAmB,UAAnB,GAAgC,UAArC;AAAA,CAPC,CAAnB;;AAWO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,OAAsC;AAAA,MAAnCC,SAAmC,QAAnCA,SAAmC;AAAA,MAAxBC,KAAwB,QAAxBA,KAAwB;AAAA,MAAjBH,UAAiB,QAAjBA,UAAiB;AACpE,MAAMI,UAAU,GAAGJ,UAAU,GAAG,MAAH,GAAY,KAAzC;AACA,sBACE,gCAAC,kBAAD;AAAoB,IAAA,SAAS,8BAAuBI,UAAvB;AAA7B,kBACE,gCAAC,aAAD;AACE,IAAA,UAAU,EAAEJ,UADd;AAEE,IAAA,KAAK,oBACAG,KADA;AAFP,KAMGD,SANH,CADF,CADF;AAYD,CAdM","sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\n\nimport { COLORS } from '../constants'\n\nexport const resolveMessageTimestamps = (\n  getThemeFn,\n  messageTimestampEnabled\n) => {\n  const timestampsFormat = getThemeFn('message.timestamps.format')\n  const timestampStyle = getThemeFn('message.timestamps.style')\n  const timestampsEnabled = Boolean(\n    messageTimestampEnabled !== undefined\n      ? messageTimestampEnabled\n      : getThemeFn(\n          'message.timestamps.enable',\n          Boolean(timestampStyle) || Boolean(timestampsFormat) || false\n        )\n  )\n  const defaultTimestampFormat = {\n    month: 'short',\n    day: 'numeric',\n    hour: 'numeric',\n    minute: 'numeric',\n    second: 'numeric',\n  }\n  const getFormattedTimestamp =\n    (timestampsFormat && timestampsFormat()) ||\n    new Date().toLocaleString(undefined, defaultTimestampFormat)\n  return {\n    timestampsEnabled,\n    getFormattedTimestamp,\n    timestampStyle,\n  }\n}\n\nconst TimestampContainer = styled.div`\n  display: flex;\n  position: relative;\n  align-items: flex-start;\n`\n\nconst TimestampText = styled.div`\n  @import url('https://fonts.googleapis.com/css?family=Lato');\n  font-family: Lato;\n  font-size: 10px;\n  color: ${COLORS.SOLID_BLACK};\n  width: 100%;\n  text-align: ${props => (props.isfromuser ? 'right' : 'left')};\n  padding: ${props => (props.isfromuser ? '0px 15px' : '0px 50px')};\n  margin-bottom: 5px;\n`\n\nexport const MessageTimestamp = ({ timestamp, style, isfromuser }) => {\n  const classSufix = isfromuser ? 'user' : 'bot'\n  return (\n    <TimestampContainer className={`botonic-timestamp-${classSufix}`}>\n      <TimestampText\n        isfromuser={isfromuser}\n        style={{\n          ...style,\n        }}\n      >\n        {timestamp}\n      </TimestampText>\n    </TimestampContainer>\n  )\n}\n"],"file":"timestamps.js"}

package/lib/components/title.js

@@ -1,52 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Title = 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 _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 TitleContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  font-size: 14px;\n  padding: 10px 15px;\n"])));
-
-var Title = function Title(props) {
-  var renderBrowser = function renderBrowser() {
-    return /*#__PURE__*/_react["default"].createElement(TitleContainer, {
-      style: _objectSpread({}, props.style)
-    }, props.children);
-  };
-
-  var renderNode = function renderNode() {
-    return /*#__PURE__*/_react["default"].createElement("title", null, props.children);
-  };
-
-  return (0, _react2.renderComponent)({
-    renderBrowser: renderBrowser,
-    renderNode: renderNode
-  });
-};
-
-exports.Title = Title;
-
-Title.serialize = function (titleProps) {
-  return {
-    title: titleProps.children
-  };
-};
-//# sourceMappingURL=title.js.map

package/lib/components/title.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/title.jsx"],"names":["TitleContainer","styled","div","Title","props","renderBrowser","style","children","renderNode","serialize","titleProps","title"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA;;;;;;;;AAEA,IAAMA,cAAc,GAAGC,6BAAOC,GAAV,mIAApB;;AAKO,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAAAC,KAAK,EAAI;AAC5B,MAAMC,aAAa,GAAG,SAAhBA,aAAgB;AAAA,wBACpB,gCAAC,cAAD;AAAgB,MAAA,KAAK,oBAAOD,KAAK,CAACE,KAAb;AAArB,OAA4CF,KAAK,CAACG,QAAlD,CADoB;AAAA,GAAtB;;AAGA,MAAMC,UAAU,GAAG,SAAbA,UAAa;AAAA,wBAAM,+CAAQJ,KAAK,CAACG,QAAd,CAAN;AAAA,GAAnB;;AAEA,SAAO,6BAAgB;AAAEF,IAAAA,aAAa,EAAbA,aAAF;AAAiBG,IAAAA,UAAU,EAAVA;AAAjB,GAAhB,CAAP;AACD,CAPM;;;;AASPL,KAAK,CAACM,SAAN,GAAkB,UAAAC,UAAU,EAAI;AAC9B,SAAO;AAAEC,IAAAA,KAAK,EAAED,UAAU,CAACH;AAApB,GAAP;AACD,CAFD","sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\n\nimport { renderComponent } from '../util/react'\n\nconst TitleContainer = styled.div`\n  font-size: 14px;\n  padding: 10px 15px;\n`\n\nexport const Title = props => {\n  const renderBrowser = () => (\n    <TitleContainer style={{ ...props.style }}>{props.children}</TitleContainer>\n  )\n  const renderNode = () => <title>{props.children}</title>\n\n  return renderComponent({ renderBrowser, renderNode })\n}\n\nTitle.serialize = titleProps => {\n  return { title: titleProps.children }\n}\n"],"file":"title.js"}

package/lib/components/video.js

@@ -1,51 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Video = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _core = require("@botonic/core");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _constants = require("../constants");
-
-var _message = require("./message");
-
-var _templateObject;
-
-var StyledVideo = _styledComponents["default"].video(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  background-color: ", ";\n  border-radius: 8px;\n  max-height: 180px;\n  max-width: 300px;\n  margin: 10px;\n"])), _constants.COLORS.SOLID_BLACK_ALPHA_0_5);
-
-var serialize = function serialize(videoProps) {
-  return {
-    video: videoProps.src
-  };
-};
-
-var Video = function Video(props) {
-  var content = props.children;
-  if ((0, _core.isBrowser)()) content = /*#__PURE__*/_react["default"].createElement(StyledVideo, {
-    controls: true
-  }, /*#__PURE__*/_react["default"].createElement("source", {
-    src: props.src
-  }));
-  return /*#__PURE__*/_react["default"].createElement(_message.Message, (0, _extends2["default"])({
-    role: _constants.ROLES.VIDEO_MESSAGE,
-    json: serialize(props)
-  }, props, {
-    type: _core.INPUT.VIDEO
-  }), content);
-};
-
-exports.Video = Video;
-Video.serialize = serialize;
-//# sourceMappingURL=video.js.map

package/lib/components/video.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/video.jsx"],"names":["StyledVideo","styled","video","COLORS","SOLID_BLACK_ALPHA_0_5","serialize","videoProps","src","Video","props","content","children","ROLES","VIDEO_MESSAGE","INPUT","VIDEO"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;;;AAEA,IAAMA,WAAW,GAAGC,6BAAOC,KAAV,uMACKC,kBAAOC,qBADZ,CAAjB;;AAQA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAAAC,UAAU,EAAI;AAC9B,SAAO;AAAEJ,IAAAA,KAAK,EAAEI,UAAU,CAACC;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,gCAAC,WAAD;AAAa,IAAA,QAAQ;AAArB,kBACE;AAAQ,IAAA,GAAG,EAAED,KAAK,CAACF;AAAnB,IADF,CADF;AAKF,sBACE,gCAAC,gBAAD;AACE,IAAA,IAAI,EAAEK,iBAAMC,aADd;AAEE,IAAA,IAAI,EAAER,SAAS,CAACI,KAAD;AAFjB,KAGMA,KAHN;AAIE,IAAA,IAAI,EAAEK,YAAMC;AAJd,MAMGL,OANH,CADF;AAUD,CAlBM;;;AAoBPF,KAAK,CAACH,SAAN,GAAkBA,SAAlB","sourcesContent":["import { INPUT, isBrowser } from '@botonic/core'\nimport React from 'react'\nimport styled from 'styled-components'\n\nimport { COLORS, ROLES } from '../constants'\nimport { Message } from './message'\n\nconst StyledVideo = styled.video`\n  background-color: ${COLORS.SOLID_BLACK_ALPHA_0_5};\n  border-radius: 8px;\n  max-height: 180px;\n  max-width: 300px;\n  margin: 10px;\n`\n\nconst serialize = videoProps => {\n  return { video: videoProps.src }\n}\n\nexport const Video = props => {\n  let content = props.children\n  if (isBrowser())\n    content = (\n      <StyledVideo controls>\n        <source src={props.src} />\n      </StyledVideo>\n    )\n  return (\n    <Message\n      role={ROLES.VIDEO_MESSAGE}\n      json={serialize(props)}\n      {...props}\n      type={INPUT.VIDEO}\n    >\n      {content}\n    </Message>\n  )\n}\n\nVideo.serialize = serialize\n"],"file":"video.js"}

package/lib/components/webchat-settings.js

@@ -1,118 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.normalizeWebchatSettings = exports.WebchatSettings = void 0;
-
-var _core = require("@botonic/core");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _contexts = require("../contexts");
-
-var _react2 = require("../util/react");
-
-var _regexs = require("../util/regexs");
-
-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 WebchatSettings = function WebchatSettings(_ref) {
-  var theme = _ref.theme,
-      blockInputs = _ref.blockInputs,
-      persistentMenu = _ref.persistentMenu,
-      enableEmojiPicker = _ref.enableEmojiPicker,
-      enableAttachments = _ref.enableAttachments,
-      enableUserInput = _ref.enableUserInput,
-      enableAnimations = _ref.enableAnimations;
-
-  var renderBrowser = function renderBrowser() {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    var _useContext = (0, _react.useContext)(_contexts.WebchatContext),
-        updateWebchatDevSettings = _useContext.updateWebchatDevSettings;
-
-    updateWebchatDevSettings({
-      theme: theme,
-      blockInputs: blockInputs,
-      persistentMenu: persistentMenu,
-      enableEmojiPicker: enableEmojiPicker,
-      enableAttachments: enableAttachments,
-      enableUserInput: enableUserInput,
-      enableAnimations: enableAnimations
-    });
-    return null;
-  };
-
-  var renderNode = function renderNode() {
-    var updatedTheme = normalizeWebchatSettings({
-      theme: theme,
-      blockInputs: blockInputs,
-      persistentMenu: persistentMenu,
-      enableEmojiPicker: enableEmojiPicker,
-      enableAttachments: enableAttachments,
-      enableUserInput: enableUserInput,
-      enableAnimations: enableAnimations
-    });
-    return /*#__PURE__*/_react["default"].createElement("message", {
-      type: _core.INPUT.WEBCHAT_SETTINGS,
-      settings: (0, _regexs.stringifyWithRegexs)({
-        theme: updatedTheme
-      })
-    });
-  };
-
-  return (0, _react2.renderComponent)({
-    renderBrowser: renderBrowser,
-    renderNode: renderNode
-  });
-};
-
-exports.WebchatSettings = WebchatSettings;
-
-var normalizeWebchatSettings = function normalizeWebchatSettings(settings) {
-  var theme = settings.theme,
-      blockInputs = settings.blockInputs,
-      persistentMenu = settings.persistentMenu,
-      enableEmojiPicker = settings.enableEmojiPicker,
-      enableAttachments = settings.enableAttachments,
-      enableUserInput = settings.enableUserInput,
-      enableAnimations = settings.enableAnimations;
-  if (!theme) theme = {};
-  if (!theme.userInput) theme.userInput = {};
-  if (!theme.animations) theme.animations = {};
-
-  if (persistentMenu !== undefined) {
-    if (!theme.userInput.persistentMenu) theme.userInput.persistentMenu = {};
-    theme.userInput.persistentMenu = persistentMenu;
-  }
-
-  if (enableEmojiPicker !== undefined) {
-    if (!theme.userInput.emojiPicker) theme.userInput.emojiPicker = {};
-    theme.userInput.emojiPicker.enable = enableEmojiPicker;
-  }
-
-  if (enableAttachments !== undefined) {
-    if (!theme.userInput.attachments) theme.userInput.attachments = {};
-    theme.userInput.attachments.enable = enableAttachments;
-  }
-
-  if (enableUserInput !== undefined) {
-    if (!theme.userInput.enable) theme.userInput.enable = {};
-    theme.userInput.enable = enableUserInput;
-  }
-
-  if (enableAnimations !== undefined) {
-    if (!theme.animations.enable) theme.animations.enable = {};
-    theme.animations.enable = enableAnimations;
-  }
-
-  if (blockInputs !== undefined) theme.userInput.blockInputs = blockInputs;
-  return theme;
-};
-
-exports.normalizeWebchatSettings = normalizeWebchatSettings;
-//# sourceMappingURL=webchat-settings.js.map