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

package/lib/components/image.js

@@ -1,91 +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.Image = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _core = require("@botonic/core");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _constants = require("../constants");
-
-var _contexts = require("../contexts");
-
-var _message = require("./message");
-
-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; }
-
-var StyledImage = _styledComponents["default"].img(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  border-radius: 8px;\n  max-width: 150px;\n  max-height: 150px;\n  margin: -3px -6px;\n  cursor: ", ";\n"])), function (_ref) {
-  var hasPreviewer = _ref.hasPreviewer;
-  return hasPreviewer ? 'pointer' : 'auto';
-});
-
-var serialize = function serialize(imageProps) {
-  return {
-    image: imageProps.src
-  };
-};
-
-var Image = function Image(props) {
-  var content = props.children;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      isPreviewerOpened = _useState2[0],
-      setIsPreviewerOpened = _useState2[1];
-
-  var openPreviewer = function openPreviewer() {
-    return setIsPreviewerOpened(true);
-  };
-
-  var closePreviewer = function closePreviewer() {
-    return setIsPreviewerOpened(false);
-  };
-
-  var _useContext = (0, _react.useContext)(_contexts.WebchatContext),
-      getThemeProperty = _useContext.getThemeProperty;
-
-  var ImagePreviewer = getThemeProperty(_constants.WEBCHAT.CUSTOM_PROPERTIES.imagePreviewer, null);
-
-  if ((0, _core.isBrowser)()) {
-    content = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(StyledImage, {
-      src: props.src,
-      onClick: openPreviewer,
-      hasPreviewer: Boolean(ImagePreviewer)
-    }), ImagePreviewer && /*#__PURE__*/_react["default"].createElement(ImagePreviewer, {
-      src: props.src,
-      isPreviewerOpened: isPreviewerOpened,
-      openPreviewer: openPreviewer,
-      closePreviewer: closePreviewer
-    }));
-  }
-
-  return /*#__PURE__*/_react["default"].createElement(_message.Message, (0, _extends2["default"])({
-    role: _constants.ROLES.IMAGE_MESSAGE,
-    json: serialize(props)
-  }, props, {
-    type: _core.INPUT.IMAGE
-  }), content);
-};
-
-exports.Image = Image;
-Image.serialize = serialize;
-//# sourceMappingURL=image.js.map

package/lib/components/image.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/image.jsx"],"names":["StyledImage","styled","img","hasPreviewer","serialize","imageProps","image","src","Image","props","content","children","isPreviewerOpened","setIsPreviewerOpened","openPreviewer","closePreviewer","WebchatContext","getThemeProperty","ImagePreviewer","WEBCHAT","CUSTOM_PROPERTIES","imagePreviewer","Boolean","ROLES","IMAGE_MESSAGE","INPUT","IMAGE"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,WAAW,GAAGC,6BAAOC,GAAV,kMAKL;AAAA,MAAGC,YAAH,QAAGA,YAAH;AAAA,SAAuBA,YAAY,GAAG,SAAH,GAAe,MAAlD;AAAA,CALK,CAAjB;;AAQA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAAAC,UAAU,EAAI;AAC9B,SAAO;AAAEC,IAAAA,KAAK,EAAED,UAAU,CAACE;AAApB,GAAP;AACD,CAFD;;AAIO,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAAAC,KAAK,EAAI;AAC5B,MAAIC,OAAO,GAAGD,KAAK,CAACE,QAApB;;AAEA,kBAAkD,qBAAS,KAAT,CAAlD;AAAA;AAAA,MAAOC,iBAAP;AAAA,MAA0BC,oBAA1B;;AACA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB;AAAA,WAAMD,oBAAoB,CAAC,IAAD,CAA1B;AAAA,GAAtB;;AACA,MAAME,cAAc,GAAG,SAAjBA,cAAiB;AAAA,WAAMF,oBAAoB,CAAC,KAAD,CAA1B;AAAA,GAAvB;;AAEA,oBAA6B,uBAAWG,wBAAX,CAA7B;AAAA,MAAQC,gBAAR,eAAQA,gBAAR;;AACA,MAAMC,cAAc,GAAGD,gBAAgB,CACrCE,mBAAQC,iBAAR,CAA0BC,cADW,EAErC,IAFqC,CAAvC;;AAIA,MAAI,sBAAJ,EAAiB;AACfX,IAAAA,OAAO,gBACL,+EACE,gCAAC,WAAD;AACE,MAAA,GAAG,EAAED,KAAK,CAACF,GADb;AAEE,MAAA,OAAO,EAAEO,aAFX;AAGE,MAAA,YAAY,EAAEQ,OAAO,CAACJ,cAAD;AAHvB,MADF,EAMGA,cAAc,iBACb,gCAAC,cAAD;AACE,MAAA,GAAG,EAAET,KAAK,CAACF,GADb;AAEE,MAAA,iBAAiB,EAAEK,iBAFrB;AAGE,MAAA,aAAa,EAAEE,aAHjB;AAIE,MAAA,cAAc,EAAEC;AAJlB,MAPJ,CADF;AAiBD;;AACD,sBACE,gCAAC,gBAAD;AACE,IAAA,IAAI,EAAEQ,iBAAMC,aADd;AAEE,IAAA,IAAI,EAAEpB,SAAS,CAACK,KAAD;AAFjB,KAGMA,KAHN;AAIE,IAAA,IAAI,EAAEgB,YAAMC;AAJd,MAMGhB,OANH,CADF;AAUD,CAzCM;;;AA2CPF,KAAK,CAACJ,SAAN,GAAkBA,SAAlB","sourcesContent":["import { INPUT, isBrowser } from '@botonic/core'\nimport React, { useContext, useState } from 'react'\nimport styled from 'styled-components'\n\nimport { ROLES, WEBCHAT } from '../constants'\nimport { WebchatContext } from '../contexts'\nimport { Message } from './message'\n\nconst StyledImage = styled.img`\n  border-radius: 8px;\n  max-width: 150px;\n  max-height: 150px;\n  margin: -3px -6px;\n  cursor: ${({ hasPreviewer }) => (hasPreviewer ? 'pointer' : 'auto')};\n`\n\nconst serialize = imageProps => {\n  return { image: imageProps.src }\n}\n\nexport const Image = props => {\n  let content = props.children\n\n  const [isPreviewerOpened, setIsPreviewerOpened] = useState(false)\n  const openPreviewer = () => setIsPreviewerOpened(true)\n  const closePreviewer = () => setIsPreviewerOpened(false)\n\n  const { getThemeProperty } = useContext(WebchatContext)\n  const ImagePreviewer = getThemeProperty(\n    WEBCHAT.CUSTOM_PROPERTIES.imagePreviewer,\n    null\n  )\n  if (isBrowser()) {\n    content = (\n      <>\n        <StyledImage\n          src={props.src}\n          onClick={openPreviewer}\n          hasPreviewer={Boolean(ImagePreviewer)}\n        />\n        {ImagePreviewer && (\n          <ImagePreviewer\n            src={props.src}\n            isPreviewerOpened={isPreviewerOpened}\n            openPreviewer={openPreviewer}\n            closePreviewer={closePreviewer}\n          />\n        )}\n      </>\n    )\n  }\n  return (\n    <Message\n      role={ROLES.IMAGE_MESSAGE}\n      json={serialize(props)}\n      {...props}\n      type={INPUT.IMAGE}\n    >\n      {content}\n    </Message>\n  )\n}\n\nImage.serialize = serialize\n"],"file":"image.js"}

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