@botonic/react 0.21.5 → 0.21.7-alpha.0

package/lib/components/index.d.ts

@@ -1,228 +0,0 @@
-import * as React from 'react'
-import { ErrorInfo } from 'react'
-
-import { CoverComponentProps } from '../webchat'
-
-export type MessageType =
-  | 'audio'
-  | 'buttonmessage'
-  | 'carousel'
-  | 'custom'
-  | 'document'
-  | 'image'
-  | 'location'
-  | 'text'
-  | 'video'
-
-export interface MessageProps {
-  blob?: boolean
-  children: React.ReactNode
-  delay?: number
-  enabletimestamps?: boolean
-  from?: 'user' | 'bot'
-  json?: Record<string, unknown>
-  style?: Record<string, unknown>
-  type?: MessageType
-  typing?: number
-}
-
-export const Audio: React.FunctionComponent<MessageProps>
-export const Document: React.FunctionComponent<MessageProps>
-
-export const Message: React.FunctionComponent<MessageProps>
-export type Message = React.FunctionComponent<MessageProps>
-export const Video: React.FunctionComponent<MessageProps>
-
-export interface TextProps extends MessageProps {
-  // converts markdown syntax to HTML
-  markdown?: boolean
-}
-export const Text: React.FunctionComponent<TextProps>
-
-export interface Webview {
-  name: string
-}
-
-export interface ButtonProps {
-  params?: any
-  path?: string
-  payload?: string
-  target?: string
-  url?: string
-  webview?: Webview
-  onClick?: () => void
-  autodisable?: boolean
-  disabled?: boolean
-  disabledstyle?: boolean
-}
-
-export const Button: React.FunctionComponent<ButtonProps>
-
-export interface ReplyProps {
-  path?: string
-  payload?: string
-  children: string
-}
-export const Reply: React.FunctionComponent<ReplyProps>
-export type Reply = React.FunctionComponent<ReplyProps>
-
-export interface PicProps {
-  src: string
-}
-
-export const Carousel: React.FunctionComponent<MessageProps>
-export const Image: React.FunctionComponent<ImageProps>
-export const Pic: React.FunctionComponent<PicProps>
-export type ImageProps = PicProps
-
-export interface TitleProps {
-  children: React.ReactNode
-  style: string
-}
-
-export const Element: React.FunctionComponent<MessageProps>
-export const Subtitle: React.FunctionComponent<SubtitleProps>
-export const Title: React.FunctionComponent<TitleProps>
-export type SubtitleProps = TitleProps
-
-type CustomProp = { custom?: React.ComponentType }
-type EnableProp = { enable?: boolean }
-type ImageProp = { image?: string } // https URL or imported Image asset
-type PersistentMenuCloseOption = { closeLabel: string }
-type PersistentMenuOption = { label: string } & ButtonProps
-type StyleProp = { style?: any }
-
-export type PersistentMenuTheme = (
-  | PersistentMenuCloseOption
-  | PersistentMenuOption
-)[]
-
-export interface PersistentMenuProps {
-  onClick: () => void
-  options: any
-}
-
-export type BlockInputOption = {
-  preprocess?: (message: string) => string
-  match: RegExp[]
-  message: string
-}
-
-export interface BlobProps {
-  blobTick?: boolean
-  blobTickStyle?: any
-  blobWidth?: string
-  imageStyle?: any
-}
-
-export interface ScrollbarProps {
-  autoHide?: boolean
-  thumb?: {
-    bgcolor?: string
-    border?: string
-    color?: string
-    opacity?: string
-  }
-  track?: {
-    bgcolor?: string
-    border?: string
-    color?: string
-  }
-}
-
-export interface ThemeProps extends StyleProp {
-  mobileBreakpoint?: number
-  mobileStyle?: any
-  webview?: StyleProp & { header?: StyleProp }
-  animations?: EnableProp
-  intro?: StyleProp & ImageProp & CustomProp
-  brand?: { color?: string } & ImageProp
-  header?: { title?: string; subtitle?: string } & ImageProp &
-    StyleProp &
-    CustomProp
-  message?: {
-    bot?: BlobProps & ImageProp & StyleProp
-    user?: BlobProps & StyleProp
-    customTypes?: React.ComponentType[]
-  } & StyleProp & {
-      timestamps?: {
-        enable?: boolean
-        format(): string
-      } & StyleProp
-    }
-  button?: {
-    autodisable?: boolean
-    disabledstyle?: any
-    hoverBackground?: string
-    hoverTextColor?: string
-    messageType?: 'text' | 'payload'
-  } & StyleProp &
-    CustomProp
-  replies?: {
-    align?: 'left' | 'center' | 'right'
-    wrap?: 'wrap' | 'nowrap'
-  }
-  carousel?: {
-    arrow?: {
-      left: CustomProp
-      right: CustomProp
-    }
-    enableArrows?: boolean
-  }
-  reply?: StyleProp & CustomProp
-  triggerButton?: ImageProp & StyleProp & CustomProp
-  markdownStyle?: string // string template with css styles
-  scrollbar?: ScrollbarProps & EnableProp
-  userInput?: {
-    attachments?: EnableProp & CustomProp
-    blockInputs?: BlockInputOption[]
-    box?: { placeholder: string } & StyleProp
-    emojiPicker?: EnableProp & CustomProp
-    menu?: { darkBackground?: boolean } & {
-      custom?: React.ComponentType<PersistentMenuProps>
-    }
-    menuButton?: CustomProp
-    persistentMenu?: PersistentMenuTheme
-    sendButton?: EnableProp & CustomProp
-  } & EnableProp &
-    StyleProp
-}
-
-export interface CoverComponentOptions {
-  component: React.ComponentType<CoverComponentProps>
-  props?: any
-}
-
-export interface WebchatSettingsProps {
-  blockInputs?: BlockInputOption[]
-  enableAnimations?: boolean
-  enableAttachments?: boolean
-  enableEmojiPicker?: boolean
-  enableUserInput?: boolean
-  persistentMenu?: PersistentMenuTheme
-  theme?: ThemeProps
-}
-export const WebchatSettings: React.FunctionComponent<WebchatSettingsProps>
-
-export type WrappedComponent<Props> = React.FunctionComponent<Props> & {
-  customTypeName: string
-}
-
-export class ErrorBoundary<Props> extends React.Component<Props> {
-  componentDidCatch(error: Error, errorInfo: ErrorInfo): void
-}
-
-export function createErrorBoundary<Props>(_?: {
-  errorComponent: React.ComponentType
-}): ErrorBoundary<Props>
-
-export function customMessage<Props>(_: {
-  name: string
-  component: React.ComponentType<Props>
-  defaultProps?: Record<string, unknown>
-  errorBoundary?: ErrorBoundary<Props>
-}): WrappedComponent<Props>
-
-export function getDisplayName(component: React.ComponentType): string
-
-export * from './multichannel'

package/lib/components/index.js

@@ -1,193 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  Audio: true,
-  Button: true,
-  Carousel: true,
-  customMessage: true,
-  Document: true,
-  Element: true,
-  Image: true,
-  Location: true,
-  MessageTemplate: true,
-  Pic: true,
-  Raw: true,
-  Reply: true,
-  ShareButton: true,
-  Subtitle: true,
-  Text: true,
-  Title: true,
-  Video: true,
-  WebchatSettings: true,
-  WhatsappTemplate: true
-};
-Object.defineProperty(exports, "Audio", {
-  enumerable: true,
-  get: function get() {
-    return _audio.Audio;
-  }
-});
-Object.defineProperty(exports, "Button", {
-  enumerable: true,
-  get: function get() {
-    return _button.Button;
-  }
-});
-Object.defineProperty(exports, "Carousel", {
-  enumerable: true,
-  get: function get() {
-    return _carousel.Carousel;
-  }
-});
-Object.defineProperty(exports, "Document", {
-  enumerable: true,
-  get: function get() {
-    return _document.Document;
-  }
-});
-Object.defineProperty(exports, "Element", {
-  enumerable: true,
-  get: function get() {
-    return _element.Element;
-  }
-});
-Object.defineProperty(exports, "Image", {
-  enumerable: true,
-  get: function get() {
-    return _image.Image;
-  }
-});
-Object.defineProperty(exports, "Location", {
-  enumerable: true,
-  get: function get() {
-    return _location.Location;
-  }
-});
-Object.defineProperty(exports, "MessageTemplate", {
-  enumerable: true,
-  get: function get() {
-    return _messageTemplate.MessageTemplate;
-  }
-});
-Object.defineProperty(exports, "Pic", {
-  enumerable: true,
-  get: function get() {
-    return _pic.Pic;
-  }
-});
-Object.defineProperty(exports, "Raw", {
-  enumerable: true,
-  get: function get() {
-    return _raw.Raw;
-  }
-});
-Object.defineProperty(exports, "Reply", {
-  enumerable: true,
-  get: function get() {
-    return _reply.Reply;
-  }
-});
-Object.defineProperty(exports, "ShareButton", {
-  enumerable: true,
-  get: function get() {
-    return _shareButton.ShareButton;
-  }
-});
-Object.defineProperty(exports, "Subtitle", {
-  enumerable: true,
-  get: function get() {
-    return _subtitle.Subtitle;
-  }
-});
-Object.defineProperty(exports, "Text", {
-  enumerable: true,
-  get: function get() {
-    return _text.Text;
-  }
-});
-Object.defineProperty(exports, "Title", {
-  enumerable: true,
-  get: function get() {
-    return _title.Title;
-  }
-});
-Object.defineProperty(exports, "Video", {
-  enumerable: true,
-  get: function get() {
-    return _video.Video;
-  }
-});
-Object.defineProperty(exports, "WebchatSettings", {
-  enumerable: true,
-  get: function get() {
-    return _webchatSettings.WebchatSettings;
-  }
-});
-Object.defineProperty(exports, "WhatsappTemplate", {
-  enumerable: true,
-  get: function get() {
-    return _whatsappTemplate.WhatsappTemplate;
-  }
-});
-Object.defineProperty(exports, "customMessage", {
-  enumerable: true,
-  get: function get() {
-    return _customMessage.customMessage;
-  }
-});
-
-var _audio = require("./audio");
-
-var _button = require("./button");
-
-var _carousel = require("./carousel");
-
-var _customMessage = require("./custom-message");
-
-var _document = require("./document");
-
-var _element = require("./element");
-
-var _image = require("./image");
-
-var _location = require("./location");
-
-var _messageTemplate = require("./message-template");
-
-var _multichannel = require("./multichannel");
-
-Object.keys(_multichannel).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _multichannel[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _multichannel[key];
-    }
-  });
-});
-
-var _pic = require("./pic");
-
-var _raw = require("./raw");
-
-var _reply = require("./reply");
-
-var _shareButton = require("./share-button");
-
-var _subtitle = require("./subtitle");
-
-var _text = require("./text");
-
-var _title = require("./title");
-
-var _video = require("./video");
-
-var _webchatSettings = require("./webchat-settings");
-
-var _whatsappTemplate = require("./whatsapp-template");
-//# sourceMappingURL=index.js.map

package/lib/components/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["export { Audio } from './audio'\nexport { Button } from './button'\nexport { Carousel } from './carousel'\nexport { customMessage } from './custom-message'\nexport { Document } from './document'\nexport { Element } from './element'\nexport { Image } from './image'\nexport { Location } from './location'\nexport { MessageTemplate } from './message-template'\nexport * from './multichannel'\nexport { Pic } from './pic'\nexport { Raw } from './raw'\nexport { Reply } from './reply'\nexport { ShareButton } from './share-button'\nexport { Subtitle } from './subtitle'\nexport { Text } from './text'\nexport { Title } from './title'\nexport { Video } from './video'\nexport { WebchatSettings } from './webchat-settings'\nexport { WhatsappTemplate } from './whatsapp-template'\n"],"file":"index.js"}

package/lib/components/location.js

@@ -1,69 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Location = 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 _react2 = require("../util/react");
-
-var _message = require("./message");
-
-var _templateObject;
-
-var Link = _styledComponents["default"].a(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  text-decoration: none;\n  font-weight: bold;\n  target: blank;\n"])));
-
-var serialize = function serialize(locationProps) {
-  return {
-    location: {
-      lat: locationProps.lat,
-      "long": locationProps["long"]
-    }
-  };
-};
-
-var Location = function Location(props) {
-  var lat = parseFloat(props.lat);
-
-  var _long = parseFloat(props["long"]);
-
-  var renderBrowser = function renderBrowser() {
-    var locationUrl = "https://www.google.com/maps/search/?api=1&query=".concat(lat, ",").concat(_long);
-    return /*#__PURE__*/_react["default"].createElement(_message.Message, (0, _extends2["default"])({
-      json: serialize(props)
-    }, props, {
-      type: _core.INPUT.LOCATION
-    }), /*#__PURE__*/_react["default"].createElement(Link, {
-      href: locationUrl,
-      target: "_blank",
-      rel: "noopener noreferrer"
-    }, props.text || 'Open Location'));
-  };
-
-  var renderNode = function renderNode() {
-    return /*#__PURE__*/_react["default"].createElement("message", {
-      type: _core.INPUT.LOCATION
-    }, /*#__PURE__*/_react["default"].createElement("lat", null, lat), /*#__PURE__*/_react["default"].createElement("long", null, _long));
-  };
-
-  return (0, _react2.renderComponent)({
-    renderBrowser: renderBrowser,
-    renderNode: renderNode
-  });
-};
-
-exports.Location = Location;
-Location.serialize = serialize;
-//# sourceMappingURL=location.js.map

package/lib/components/location.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/location.jsx"],"names":["Link","styled","a","serialize","locationProps","location","lat","Location","props","parseFloat","long","renderBrowser","locationUrl","INPUT","LOCATION","text","renderNode"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;;;AAEA,IAAMA,IAAI,GAAGC,6BAAOC,CAAV,0JAAV;;AAMA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAAAC,aAAa,EAAI;AACjC,SAAO;AAAEC,IAAAA,QAAQ,EAAE;AAAEC,MAAAA,GAAG,EAAEF,aAAa,CAACE,GAArB;AAA0B,cAAMF,aAAa;AAA7C;AAAZ,GAAP;AACD,CAFD;;AAIO,IAAMG,QAAQ,GAAG,SAAXA,QAAW,CAAAC,KAAK,EAAI;AAC/B,MAAMF,GAAG,GAAGG,UAAU,CAACD,KAAK,CAACF,GAAP,CAAtB;;AACA,MAAMI,KAAI,GAAGD,UAAU,CAACD,KAAK,QAAN,CAAvB;;AACA,MAAMG,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AAC1B,QAAMC,WAAW,6DAAsDN,GAAtD,cAA6DI,KAA7D,CAAjB;AACA,wBACE,gCAAC,gBAAD;AAAS,MAAA,IAAI,EAAEP,SAAS,CAACK,KAAD;AAAxB,OAAqCA,KAArC;AAA4C,MAAA,IAAI,EAAEK,YAAMC;AAAxD,qBACE,gCAAC,IAAD;AAAM,MAAA,IAAI,EAAEF,WAAZ;AAAyB,MAAA,MAAM,EAAC,QAAhC;AAAyC,MAAA,GAAG,EAAC;AAA7C,OACGJ,KAAK,CAACO,IAAN,IAAc,eADjB,CADF,CADF;AAOD,GATD;;AAWA,MAAMC,UAAU,GAAG,SAAbA,UAAa,GAAM;AACvB,wBACE;AAAS,MAAA,IAAI,EAAEH,YAAMC;AAArB,oBACE,6CAAMR,GAAN,CADF,eAEE,8CAAOI,KAAP,CAFF,CADF;AAMD,GAPD;;AASA,SAAO,6BAAgB;AAAEC,IAAAA,aAAa,EAAbA,aAAF;AAAiBK,IAAAA,UAAU,EAAVA;AAAjB,GAAhB,CAAP;AACD,CAxBM;;;AA0BPT,QAAQ,CAACJ,SAAT,GAAqBA,SAArB","sourcesContent":["import { INPUT } from '@botonic/core'\nimport React from 'react'\nimport styled from 'styled-components'\n\nimport { renderComponent } from '../util/react'\nimport { Message } from './message'\n\nconst Link = styled.a`\n  text-decoration: none;\n  font-weight: bold;\n  target: blank;\n`\n\nconst serialize = locationProps => {\n  return { location: { lat: locationProps.lat, long: locationProps.long } }\n}\n\nexport const Location = props => {\n  const lat = parseFloat(props.lat)\n  const long = parseFloat(props.long)\n  const renderBrowser = () => {\n    const locationUrl = `https://www.google.com/maps/search/?api=1&query=${lat},${long}`\n    return (\n      <Message json={serialize(props)} {...props} type={INPUT.LOCATION}>\n        <Link href={locationUrl} target='_blank' rel='noopener noreferrer'>\n          {props.text || 'Open Location'}\n        </Link>\n      </Message>\n    )\n  }\n\n  const renderNode = () => {\n    return (\n      <message type={INPUT.LOCATION}>\n        <lat>{lat}</lat>\n        <long>{long}</long>\n      </message>\n    )\n  }\n\n  return renderComponent({ renderBrowser, renderNode })\n}\n\nLocation.serialize = serialize\n"],"file":"location.js"}

package/lib/components/markdown.js

@@ -1,108 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.toMarkdownChildren = exports.serializeMarkdown = exports.renderMarkdown = exports.renderLinks = exports.getMarkdownStyle = exports.getDefaultMarkdownStyle = exports.ESCAPED_LINE_BREAK = void 0;
-
-var _markdownIt = _interopRequireDefault(require("markdown-it"));
-
-var BR_STRING_TAG = '<br/>';
-var BR_STRING_TAG_REGEX = new RegExp('<br\\s*/?>', 'g');
-var ESCAPED_LINE_BREAK = '&lt;br&gt;';
-exports.ESCAPED_LINE_BREAK = ESCAPED_LINE_BREAK;
-var ESCAPED_LINE_BREAK_REGEX = new RegExp(ESCAPED_LINE_BREAK, 'g');
-
-var isLineBreakElement = function isLineBreakElement(element) {
-  return element.type === 'br';
-};
-
-var withLinksTarget = function withLinksTarget(renderer) {
-  var target = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '_blank';
-
-  // Support opening links in new tabs: https://github.com/markdown-it/markdown-it/blob/master/docs/architecture.md#renderer
-  var newRenderer = renderer.renderer.rules.link_open || function (tokens, idx, options, env, self) {
-    return self.renderToken(tokens, idx, options);
-  };
-
-  renderer.renderer.rules.link_open = function (tokens, idx, options, env, self) {
-    var aIndex = tokens[idx].attrIndex('target');
-    if (aIndex < 0) tokens[idx].attrPush(['target', target]);else tokens[idx].attrs[aIndex][1] = target;
-    return newRenderer(tokens, idx, options, env, self);
-  };
-};
-
-var configureLinksRenderer = function configureLinksRenderer() {
-  // zero preset comes with all options disabled, only enabling links
-  var linksRenderer = new _markdownIt["default"]('zero', {
-    linkify: true
-  }).enable(['linkify']);
-  withLinksTarget(linksRenderer);
-  return linksRenderer;
-};
-
-var configureMarkdownRenderer = function configureMarkdownRenderer() {
-  var markdownRenderer = new _markdownIt["default"]({
-    html: true,
-    linkify: true,
-    typographer: true
-  });
-  withLinksTarget(markdownRenderer);
-  return markdownRenderer;
-};
-
-var markdownRenderer = configureMarkdownRenderer();
-
-var renderMarkdown = function renderMarkdown(text) {
-  // markdown-it renderer expects '<br/>' strings to render correctly line breaks
-  // Supporting multiline: https://stackoverflow.com/a/20543835
-  text = text.map(function (e) {
-    if (isLineBreakElement(e)) return BR_STRING_TAG;else if (typeof e === 'string') return e.replace(BR_STRING_TAG_REGEX, BR_STRING_TAG).replace(ESCAPED_LINE_BREAK_REGEX, BR_STRING_TAG);else return String(e);
-  }).join('');
-  return markdownRenderer.render(text);
-};
-
-exports.renderMarkdown = renderMarkdown;
-var linksRenderer = configureLinksRenderer();
-
-var renderLinks = function renderLinks(text) {
-  return linksRenderer.render(text);
-};
-
-exports.renderLinks = renderLinks;
-
-var serializeMarkdown = function serializeMarkdown(children) {
-  children = Array.isArray(children) ? children : [children];
-  var text = children.filter(function (e) {
-    return isLineBreakElement(e) || !e.type;
-  }).map(function (e) {
-    if (Array.isArray(e)) return serializeMarkdown(e);
-    if (isLineBreakElement(e)) return ESCAPED_LINE_BREAK;else return String(e).replace(BR_STRING_TAG_REGEX, ESCAPED_LINE_BREAK);
-  }).join('');
-  return text;
-};
-
-exports.serializeMarkdown = serializeMarkdown;
-
-var toMarkdownChildren = function toMarkdownChildren(children) {
-  return children.map(function (e) {
-    return isLineBreakElement(e) ? ESCAPED_LINE_BREAK : e;
-  });
-};
-
-exports.toMarkdownChildren = toMarkdownChildren;
-
-var getMarkdownStyle = function getMarkdownStyle(getThemeFn, defaultColor) {
-  return getThemeFn('markdownStyle', getDefaultMarkdownStyle(defaultColor));
-};
-
-exports.getMarkdownStyle = getMarkdownStyle;
-
-var getDefaultMarkdownStyle = function getDefaultMarkdownStyle(color) {
-  return "\n*{\n  margin: 0px;\n}\n\na {\n  text-decoration:none;\n}\n\na:link{\n  color:".concat(color, "; \n}\n\na:visited {\n  color:").concat(color, ";\n}\n\na:hover {\n  text-shadow: 0px 1px black;\n}\n\nblockquote {\n  margin: 0;\n  padding-left: 1.4rem;\n  border-left: 4px solid #dadada; \n}\n\npre code {\n  margin: 0;\n  padding: 0;\n  white-space: pre;\n  border: none;\n  background: transparent; \n}\n\npre {\n  background-color: #f8f8f8;\n  border: 1px solid #cccccc;\n  font-size: 13px;\n  line-height: 19px;\n  overflow: auto;\n  padding: 6px 10px;\n  border-radius: 3px; \n}\n\ncode, tt {\n  margin: 0 2px;\n  padding: 0 5px;\n  white-space: nowrap;\n  border: 1px solid #eaeaea;\n  background-color: #f8f8f8;\n  border-radius: 3px; \n}\n\npre {\n  background-color: #f8f8f8;\n  border: 1px solid #cccccc;\n  font-size: 13px;\n  line-height: 19px;\n  overflow: auto;\n  padding: 6px 10px;\n  border-radius: 3px; \n}\n\npre code, pre tt {\n  background-color: transparent;\n  border: none; \n}\n  \ntable, td, th {\n  border: 1px solid black;\n  padding:10px;\n}\n");
-};
-
-exports.getDefaultMarkdownStyle = getDefaultMarkdownStyle;
-//# sourceMappingURL=markdown.js.map

package/lib/components/markdown.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/markdown.js"],"names":["BR_STRING_TAG","BR_STRING_TAG_REGEX","RegExp","ESCAPED_LINE_BREAK","ESCAPED_LINE_BREAK_REGEX","isLineBreakElement","element","type","withLinksTarget","renderer","target","newRenderer","rules","link_open","tokens","idx","options","env","self","renderToken","aIndex","attrIndex","attrPush","attrs","configureLinksRenderer","linksRenderer","MarkdownIt","linkify","enable","configureMarkdownRenderer","markdownRenderer","html","typographer","renderMarkdown","text","map","e","replace","String","join","render","renderLinks","serializeMarkdown","children","Array","isArray","filter","toMarkdownChildren","getMarkdownStyle","getThemeFn","defaultColor","getDefaultMarkdownStyle","color"],"mappings":"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","sourcesContent":["import MarkdownIt from 'markdown-it'\n\nconst BR_STRING_TAG = '<br/>'\nconst BR_STRING_TAG_REGEX = new RegExp('<br\\\\s*/?>', 'g')\nexport const ESCAPED_LINE_BREAK = '&lt;br&gt;'\nconst ESCAPED_LINE_BREAK_REGEX = new RegExp(ESCAPED_LINE_BREAK, 'g')\nconst isLineBreakElement = element => element.type === 'br'\n\nconst withLinksTarget = (renderer, target = '_blank') => {\n  // Support opening links in new tabs: https://github.com/markdown-it/markdown-it/blob/master/docs/architecture.md#renderer\n  const newRenderer =\n    renderer.renderer.rules.link_open ||\n    function (tokens, idx, options, env, self) {\n      return self.renderToken(tokens, idx, options)\n    }\n  renderer.renderer.rules.link_open = function (\n    tokens,\n    idx,\n    options,\n    env,\n    self\n  ) {\n    const aIndex = tokens[idx].attrIndex('target')\n    if (aIndex < 0) tokens[idx].attrPush(['target', target])\n    else tokens[idx].attrs[aIndex][1] = target\n    return newRenderer(tokens, idx, options, env, self)\n  }\n}\n\nconst configureLinksRenderer = () => {\n  // zero preset comes with all options disabled, only enabling links\n  const linksRenderer = new MarkdownIt('zero', { linkify: true }).enable([\n    'linkify',\n  ])\n  withLinksTarget(linksRenderer)\n  return linksRenderer\n}\n\nconst configureMarkdownRenderer = () => {\n  const markdownRenderer = new MarkdownIt({\n    html: true,\n    linkify: true,\n    typographer: true,\n  })\n  withLinksTarget(markdownRenderer)\n  return markdownRenderer\n}\n\nconst markdownRenderer = configureMarkdownRenderer()\nexport const renderMarkdown = text => {\n  // markdown-it renderer expects '<br/>' strings to render correctly line breaks\n  // Supporting multiline: https://stackoverflow.com/a/20543835\n  text = text\n    .map(e => {\n      if (isLineBreakElement(e)) return BR_STRING_TAG\n      else if (typeof e === 'string')\n        return e\n          .replace(BR_STRING_TAG_REGEX, BR_STRING_TAG)\n          .replace(ESCAPED_LINE_BREAK_REGEX, BR_STRING_TAG)\n      else return String(e)\n    })\n    .join('')\n  return markdownRenderer.render(text)\n}\n\nconst linksRenderer = configureLinksRenderer()\nexport const renderLinks = text => {\n  return linksRenderer.render(text)\n}\n\nexport const serializeMarkdown = children => {\n  children = Array.isArray(children) ? children : [children]\n  const text = children\n    .filter(e => isLineBreakElement(e) || !e.type)\n    .map(e => {\n      if (Array.isArray(e)) return serializeMarkdown(e)\n      if (isLineBreakElement(e)) return ESCAPED_LINE_BREAK\n      else return String(e).replace(BR_STRING_TAG_REGEX, ESCAPED_LINE_BREAK)\n    })\n    .join('')\n  return text\n}\n\nexport const toMarkdownChildren = children =>\n  children.map(e => (isLineBreakElement(e) ? ESCAPED_LINE_BREAK : e))\n\nexport const getMarkdownStyle = (getThemeFn, defaultColor) =>\n  getThemeFn('markdownStyle', getDefaultMarkdownStyle(defaultColor))\n\nexport const getDefaultMarkdownStyle = color => `\n*{\n  margin: 0px;\n}\n\na {\n  text-decoration:none;\n}\n\na:link{\n  color:${color}; \n}\n\na:visited {\n  color:${color};\n}\n\na:hover {\n  text-shadow: 0px 1px black;\n}\n\nblockquote {\n  margin: 0;\n  padding-left: 1.4rem;\n  border-left: 4px solid #dadada; \n}\n\npre code {\n  margin: 0;\n  padding: 0;\n  white-space: pre;\n  border: none;\n  background: transparent; \n}\n\npre {\n  background-color: #f8f8f8;\n  border: 1px solid #cccccc;\n  font-size: 13px;\n  line-height: 19px;\n  overflow: auto;\n  padding: 6px 10px;\n  border-radius: 3px; \n}\n\ncode, tt {\n  margin: 0 2px;\n  padding: 0 5px;\n  white-space: nowrap;\n  border: 1px solid #eaeaea;\n  background-color: #f8f8f8;\n  border-radius: 3px; \n}\n\npre {\n  background-color: #f8f8f8;\n  border: 1px solid #cccccc;\n  font-size: 13px;\n  line-height: 19px;\n  overflow: auto;\n  padding: 6px 10px;\n  border-radius: 3px; \n}\n\npre code, pre tt {\n  background-color: transparent;\n  border: none; \n}\n  \ntable, td, th {\n  border: 1px solid black;\n  padding:10px;\n}\n`\n"],"file":"markdown.js"}

package/lib/components/message-template.js

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

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

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