@botonic/react 0.21.5 → 0.21.7-alpha.0

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

package/lib/components/webchat-settings.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/webchat-settings.jsx"],"names":["WebchatSettings","theme","blockInputs","persistentMenu","enableEmojiPicker","enableAttachments","enableUserInput","enableAnimations","renderBrowser","WebchatContext","updateWebchatDevSettings","renderNode","updatedTheme","normalizeWebchatSettings","INPUT","WEBCHAT_SETTINGS","settings","userInput","animations","undefined","emojiPicker","enable","attachments"],"mappings":"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","sourcesContent":["import { INPUT } from '@botonic/core'\nimport React, { useContext } from 'react'\n\nimport { WebchatContext } from '../contexts'\nimport { renderComponent } from '../util/react'\nimport { stringifyWithRegexs } from '../util/regexs'\n\nexport const WebchatSettings = ({\n  theme,\n  blockInputs,\n  persistentMenu,\n  enableEmojiPicker,\n  enableAttachments,\n  enableUserInput,\n  enableAnimations,\n}) => {\n  const renderBrowser = () => {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const { updateWebchatDevSettings } = useContext(WebchatContext)\n    updateWebchatDevSettings({\n      theme,\n      blockInputs,\n      persistentMenu,\n      enableEmojiPicker,\n      enableAttachments,\n      enableUserInput,\n      enableAnimations,\n    })\n    return null\n  }\n  const renderNode = () => {\n    const updatedTheme = normalizeWebchatSettings({\n      theme,\n      blockInputs,\n      persistentMenu,\n      enableEmojiPicker,\n      enableAttachments,\n      enableUserInput,\n      enableAnimations,\n    })\n    return (\n      <message\n        type={INPUT.WEBCHAT_SETTINGS}\n        settings={stringifyWithRegexs({ theme: updatedTheme })}\n      ></message>\n    )\n  }\n  return renderComponent({ renderBrowser, renderNode })\n}\n\nexport const normalizeWebchatSettings = settings => {\n  let {\n    theme,\n    blockInputs,\n    persistentMenu,\n    enableEmojiPicker,\n    enableAttachments,\n    enableUserInput,\n    enableAnimations,\n  } = settings\n  if (!theme) theme = {}\n  if (!theme.userInput) theme.userInput = {}\n  if (!theme.animations) theme.animations = {}\n  if (persistentMenu !== undefined) {\n    if (!theme.userInput.persistentMenu) theme.userInput.persistentMenu = {}\n    theme.userInput.persistentMenu = persistentMenu\n  }\n  if (enableEmojiPicker !== undefined) {\n    if (!theme.userInput.emojiPicker) theme.userInput.emojiPicker = {}\n    theme.userInput.emojiPicker.enable = enableEmojiPicker\n  }\n  if (enableAttachments !== undefined) {\n    if (!theme.userInput.attachments) theme.userInput.attachments = {}\n    theme.userInput.attachments.enable = enableAttachments\n  }\n  if (enableUserInput !== undefined) {\n    if (!theme.userInput.enable) theme.userInput.enable = {}\n    theme.userInput.enable = enableUserInput\n  }\n  if (enableAnimations !== undefined) {\n    if (!theme.animations.enable) theme.animations.enable = {}\n    theme.animations.enable = enableAnimations\n  }\n  if (blockInputs !== undefined) theme.userInput.blockInputs = blockInputs\n  return theme\n}\n"],"file":"webchat-settings.js"}

package/lib/components/whatsapp-template.js

@@ -1,53 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.WhatsappTemplate = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _core = require("@botonic/core");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("../util/react");
-
-var _message = require("./message");
-
-var serialize = function serialize(whatsappTemplateProps) {
-  return {
-    text: whatsappTemplateProps
-  };
-};
-
-var WhatsappTemplate = function WhatsappTemplate(props) {
-  var renderBrowser = function renderBrowser() {
-    // Return a dummy message for browser
-    var message = "Template ".concat(props.name, " with namespace ").concat(props.namespace, " would be sent to the user.");
-    return /*#__PURE__*/_react["default"].createElement(_message.Message, (0, _extends2["default"])({
-      json: serialize(message)
-    }, props, {
-      type: _core.INPUT.TEXT
-    }), message);
-  };
-
-  var renderNode = function renderNode() {
-    return /*#__PURE__*/_react["default"].createElement("message", (0, _extends2["default"])({}, props, {
-      header: props.header && JSON.stringify(props.header),
-      body: props.body && JSON.stringify(props.body),
-      footer: props.footer && JSON.stringify(props.footer),
-      type: _core.INPUT.WHATSAPP_TEMPLATE
-    }));
-  };
-
-  return (0, _react2.renderComponent)({
-    renderBrowser: renderBrowser,
-    renderNode: renderNode
-  });
-};
-
-exports.WhatsappTemplate = WhatsappTemplate;
-//# sourceMappingURL=whatsapp-template.js.map

package/lib/components/whatsapp-template.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/whatsapp-template.jsx"],"names":["serialize","whatsappTemplateProps","text","WhatsappTemplate","props","renderBrowser","message","name","namespace","INPUT","TEXT","renderNode","header","JSON","stringify","body","footer","WHATSAPP_TEMPLATE"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAAAC,qBAAqB,EAAI;AACzC,SAAO;AAAEC,IAAAA,IAAI,EAAED;AAAR,GAAP;AACD,CAFD;;AAIO,IAAME,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAAC,KAAK,EAAI;AACvC,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AAC1B;AACA,QAAMC,OAAO,sBAAeF,KAAK,CAACG,IAArB,6BAA4CH,KAAK,CAACI,SAAlD,gCAAb;AACA,wBACE,gCAAC,gBAAD;AAAS,MAAA,IAAI,EAAER,SAAS,CAACM,OAAD;AAAxB,OAAuCF,KAAvC;AAA8C,MAAA,IAAI,EAAEK,YAAMC;AAA1D,QACGJ,OADH,CADF;AAKD,GARD;;AAUA,MAAMK,UAAU,GAAG,SAAbA,UAAa,GAAM;AACvB,wBACE,yEACMP,KADN;AAEE,MAAA,MAAM,EAAEA,KAAK,CAACQ,MAAN,IAAgBC,IAAI,CAACC,SAAL,CAAeV,KAAK,CAACQ,MAArB,CAF1B;AAGE,MAAA,IAAI,EAAER,KAAK,CAACW,IAAN,IAAcF,IAAI,CAACC,SAAL,CAAeV,KAAK,CAACW,IAArB,CAHtB;AAIE,MAAA,MAAM,EAAEX,KAAK,CAACY,MAAN,IAAgBH,IAAI,CAACC,SAAL,CAAeV,KAAK,CAACY,MAArB,CAJ1B;AAKE,MAAA,IAAI,EAAEP,YAAMQ;AALd,OADF;AASD,GAVD;;AAYA,SAAO,6BAAgB;AAAEZ,IAAAA,aAAa,EAAbA,aAAF;AAAiBM,IAAAA,UAAU,EAAVA;AAAjB,GAAhB,CAAP;AACD,CAxBM","sourcesContent":["import { INPUT } from '@botonic/core'\nimport React from 'react'\n\nimport { renderComponent } from '../util/react'\nimport { Message } from './message'\n\nconst serialize = whatsappTemplateProps => {\n  return { text: whatsappTemplateProps }\n}\n\nexport const WhatsappTemplate = props => {\n  const renderBrowser = () => {\n    // Return a dummy message for browser\n    const message = `Template ${props.name} with namespace ${props.namespace} would be sent to the user.`\n    return (\n      <Message json={serialize(message)} {...props} type={INPUT.TEXT}>\n        {message}\n      </Message>\n    )\n  }\n\n  const renderNode = () => {\n    return (\n      <message\n        {...props}\n        header={props.header && JSON.stringify(props.header)}\n        body={props.body && JSON.stringify(props.body)}\n        footer={props.footer && JSON.stringify(props.footer)}\n        type={INPUT.WHATSAPP_TEMPLATE}\n      />\n    )\n  }\n\n  return renderComponent({ renderBrowser, renderNode })\n}\n"],"file":"whatsapp-template.js"}