@botonic/react 0.20.1-alpha.1 → 0.20.3

package/lib/constants.js

@@ -0,0 +1,201 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WEBCHAT = exports.SENDERS = exports.ROLES = exports.MIME_WHITELIST = exports.MAX_ALLOWED_SIZE_MB = exports.COMPONENT_TYPE = exports.COLORS = void 0;
+
+var _botonic_react_logo100x = _interopRequireDefault(require("./assets/botonic_react_logo100x100.png"));
+
+var SENDERS = {
+  bot: 'bot',
+  user: 'user'
+};
+exports.SENDERS = SENDERS;
+var COLORS = {
+  // http://chir.ag/projects/name-that-color
+  APPLE_GREEN: 'rgba(58, 156, 53, 1)',
+  BLEACHED_CEDAR_PURPLE: 'rgba(46, 32, 59, 1)',
+  BOTONIC_BLUE: 'rgba(0, 153, 255, 1)',
+  CACTUS_GREEN: 'rgba(96, 115, 94, 1)',
+  CONCRETE_WHITE: 'rgba(243, 243, 243, 1)',
+  CURIOUS_BLUE: 'rgba(38, 139, 210, 1)',
+  DAINTREE_BLUE: 'rgba(0, 43, 53, 1)',
+  ERROR_RED: 'rgba(255, 43, 94)',
+  FRINGY_FLOWER_GREEN: 'rgba(198, 231, 192, 1)',
+  GRAY: 'rgba(129, 129, 129, 1)',
+  LIGHT_GRAY: 'rgba(209, 209, 209, 1)',
+  MID_GRAY: 'rgba(105, 105, 115, 1)',
+  PIGEON_POST_BLUE_ALPHA_0_5: 'rgba(176, 196, 222, 0.5)',
+  SCORPION_GRAY: 'rgba(87, 87, 87, 1)',
+  SEASHELL_WHITE: 'rgba(241, 240, 240, 1)',
+  SILVER: 'rgba(200, 200, 200, 1)',
+  SOLID_BLACK_ALPHA_0_2: 'rgba(0, 0, 0, 0.2)',
+  SOLID_BLACK_ALPHA_0_5: 'rgba(0, 0, 0, 0.5)',
+  SOLID_BLACK: 'rgba(0, 0, 0, 1)',
+  SOLID_WHITE_ALPHA_0_2: 'rgba(255, 255, 255, 0.2)',
+  SOLID_WHITE_ALPHA_0_8: 'rgba(255, 255, 255, 0.8)',
+  SOLID_WHITE: 'rgba(255, 255, 255, 1)',
+  TASMAN_GRAY: 'rgba(209, 216, 207, 1)',
+  TRANSPARENT: 'rgba(0, 0, 0, 0)',
+  WILD_SAND_WHITE: 'rgba(244, 244, 244, 1)'
+};
+exports.COLORS = COLORS;
+var WEBCHAT = {
+  DEFAULTS: {
+    WIDTH: 300,
+    HEIGHT: 450,
+    TITLE: 'Botonic',
+    LOGO: _botonic_react_logo100x["default"],
+    PLACEHOLDER: 'Ask me something...',
+    FONT_FAMILY: "'Noto Sans JP', sans-serif",
+    BORDER_RADIUS_TOP_CORNERS: '6px 6px 0px 0px',
+    ELEMENT_WIDTH: 222,
+    ELEMENT_MARGIN_RIGHT: 6,
+    STORAGE_KEY: 'botonicState',
+    HOST_ID: 'root',
+    ID: 'botonic-webchat',
+    BUTTON_AUTO_DISABLE: false,
+    BUTTON_DISABLED_STYLE: {
+      opacity: 0.5,
+      cursor: 'auto',
+      pointerEvents: 'none'
+    }
+  },
+  SELECTORS: {
+    SCROLLABLE_CONTENT: '#botonic-scrollable-content',
+    SIMPLEBAR_CONTENT: '.simplebar-content',
+    SIMPLEBAR_WRAPPER: '.simplebar-content-wrapper'
+  },
+  CUSTOM_PROPERTIES: {
+    // General
+    enableAnimations: 'animations.enable',
+    markdownStyle: 'markdownStyle',
+    scrollbar: 'scrollbar',
+    imagePreviewer: 'imagePreviewer',
+    // Mobile
+    mobileBreakpoint: 'mobileBreakpoint',
+    mobileStyle: 'mobileStyle',
+    // Webviews
+    webviewHeaderStyle: 'webview.header.style',
+    webviewStyle: 'webview.style',
+    // Brand
+    brandColor: 'brand.color',
+    brandImage: 'brand.image',
+    // Header
+    customHeader: 'header.custom',
+    headerImage: 'header.image',
+    headerStyle: 'header.style',
+    headerSubtitle: 'header.subtitle',
+    headerTitle: 'header.title',
+    // Bot Message
+    botMessageBackground: 'message.bot.style.background',
+    botMessageBlobTick: 'message.bot.blobTick',
+    botMessageBlobTickStyle: 'message.bot.blobTickStyle',
+    botMessageBlobWidth: 'message.bot.blobWidth',
+    botMessageBorderColor: 'message.bot.style.borderColor',
+    botMessageImage: 'message.bot.image',
+    botMessageImageStyle: 'message.bot.imageStyle',
+    botMessageStyle: 'message.bot.style',
+    // User Message
+    customMessageTypes: 'message.customTypes',
+    messageStyle: 'message.style',
+    userMessageBackground: 'message.user.style.background',
+    userMessageBlobTick: 'message.user.blobTick',
+    userMessageBlobTickStyle: 'message.user.blobTickStyle',
+    userMessageBorderColor: 'message.user.style.borderColor',
+    userMessageStyle: 'message.user.style',
+    // Timestamps
+    enableMessageTimestamps: 'message.timestamps.enable',
+    messageTimestampsFormat: 'message.timestamps.format',
+    messageTimestampsStyle: 'message.timestamps.style',
+    // Intro
+    customIntro: 'intro.custom',
+    introImage: 'intro.image',
+    introStyle: 'intro.style',
+    // Buttons
+    buttonHoverBackground: 'button.hoverBackground',
+    buttonHoverTextColor: 'button.hoverTextColor',
+    buttonMessageType: 'button.messageType',
+    buttonStyle: 'button.style',
+    buttonDisabledStyle: 'button.disabledstyle',
+    buttonAutoDisable: 'button.autodisable',
+    buttonStyleBackground: 'button.style.background',
+    buttonStyleColor: 'button.style.color',
+    customButton: 'button.custom',
+    // Replies
+    alignReplies: 'replies.align',
+    customReply: 'reply.custom',
+    replyStyle: 'reply.style',
+    wrapReplies: 'replies.wrap',
+    // TriggerButton
+    customTrigger: 'triggerButton.custom',
+    triggerButtonImage: 'triggerButton.image',
+    triggerButtonStyle: 'triggerButton.style',
+    // User Input
+    blockInputs: 'userInput.blockInputs',
+    documentDownload: 'documentDownload',
+    customMenuButton: 'userInput.menuButton.custom',
+    customPersistentMenu: 'userInput.menu.custom',
+    customSendButton: 'userInput.sendButton.custom',
+    darkBackgroundMenu: 'userInput.menu.darkBackground',
+    enableAttachments: 'userInput.attachments.enable',
+    enableEmojiPicker: 'userInput.emojiPicker.enable',
+    enableSendButton: 'userInput.sendButton.enable',
+    enableUserInput: 'userInput.enable',
+    persistentMenu: 'userInput.persistentMenu',
+    textPlaceholder: 'userInput.box.placeholder',
+    userInputBoxStyle: 'userInput.box.style',
+    userInputStyle: 'userInput.style',
+    // Cover Component
+    coverComponent: 'coverComponent.component',
+    coverComponentProps: 'coverComponent.props',
+    // Carousel
+    customCarouselLeftArrow: 'carousel.arrow.left',
+    customCarouselRightArrow: 'carousel.arrow.right',
+    enableCarouselArrows: 'carousel.enableArrows'
+  }
+};
+exports.WEBCHAT = WEBCHAT;
+var MIME_WHITELIST = {
+  audio: ['audio/mpeg', 'audio/mp3'],
+  document: ['application/pdf'],
+  image: ['image/jpeg', 'image/png'],
+  video: ['video/mp4', 'video/quicktime']
+};
+exports.MIME_WHITELIST = MIME_WHITELIST;
+var MAX_ALLOWED_SIZE_MB = 10;
+exports.MAX_ALLOWED_SIZE_MB = MAX_ALLOWED_SIZE_MB;
+var ROLES = {
+  ATTACHMENT_ICON: 'attachment-icon',
+  EMOJI_PICKER_ICON: 'emoji-picker-icon',
+  EMOJI_PICKER: 'emoji-picker',
+  HEADER: 'header',
+  MESSAGE_LIST: 'message-list',
+  PERSISTENT_MENU_ICON: 'persistent-menu-icon',
+  PERSISTENT_MENU: 'persistent-menu',
+  SEND_BUTTON_ICON: 'send-button-icon',
+  WEBCHAT: 'webchat',
+  TRIGGER_BUTTON: 'trigger-button',
+  TYPING_INDICATOR: 'typing-indicator',
+  TEXT_BOX: 'textbox',
+  WEBVIEW: 'webview',
+  WEBVIEW_HEADER: 'webview-header',
+  MESSAGE: 'message',
+  IMAGE_MESSAGE: 'image-message',
+  AUDIO_MESSAGE: 'audio-message',
+  VIDEO_MESSAGE: 'video-message',
+  DOCUMENT_MESSAGE: 'document-message',
+  RAW_MESSAGE: 'raw-message'
+};
+exports.ROLES = ROLES;
+var COMPONENT_TYPE = {
+  TEXT: 'Text',
+  BUTTON: 'Button',
+  REPLY: 'Reply',
+  CAROUSEL: 'Carousel'
+};
+exports.COMPONENT_TYPE = COMPONENT_TYPE;
+//# sourceMappingURL=constants.js.map

package/lib/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/constants.js"],"names":["SENDERS","bot","user","COLORS","APPLE_GREEN","BLEACHED_CEDAR_PURPLE","BOTONIC_BLUE","CACTUS_GREEN","CONCRETE_WHITE","CURIOUS_BLUE","DAINTREE_BLUE","ERROR_RED","FRINGY_FLOWER_GREEN","GRAY","LIGHT_GRAY","MID_GRAY","PIGEON_POST_BLUE_ALPHA_0_5","SCORPION_GRAY","SEASHELL_WHITE","SILVER","SOLID_BLACK_ALPHA_0_2","SOLID_BLACK_ALPHA_0_5","SOLID_BLACK","SOLID_WHITE_ALPHA_0_2","SOLID_WHITE_ALPHA_0_8","SOLID_WHITE","TASMAN_GRAY","TRANSPARENT","WILD_SAND_WHITE","WEBCHAT","DEFAULTS","WIDTH","HEIGHT","TITLE","LOGO","BotonicLogo","PLACEHOLDER","FONT_FAMILY","BORDER_RADIUS_TOP_CORNERS","ELEMENT_WIDTH","ELEMENT_MARGIN_RIGHT","STORAGE_KEY","HOST_ID","ID","BUTTON_AUTO_DISABLE","BUTTON_DISABLED_STYLE","opacity","cursor","pointerEvents","SELECTORS","SCROLLABLE_CONTENT","SIMPLEBAR_CONTENT","SIMPLEBAR_WRAPPER","CUSTOM_PROPERTIES","enableAnimations","markdownStyle","scrollbar","imagePreviewer","mobileBreakpoint","mobileStyle","webviewHeaderStyle","webviewStyle","brandColor","brandImage","customHeader","headerImage","headerStyle","headerSubtitle","headerTitle","botMessageBackground","botMessageBlobTick","botMessageBlobTickStyle","botMessageBlobWidth","botMessageBorderColor","botMessageImage","botMessageImageStyle","botMessageStyle","customMessageTypes","messageStyle","userMessageBackground","userMessageBlobTick","userMessageBlobTickStyle","userMessageBorderColor","userMessageStyle","enableMessageTimestamps","messageTimestampsFormat","messageTimestampsStyle","customIntro","introImage","introStyle","buttonHoverBackground","buttonHoverTextColor","buttonMessageType","buttonStyle","buttonDisabledStyle","buttonAutoDisable","buttonStyleBackground","buttonStyleColor","customButton","alignReplies","customReply","replyStyle","wrapReplies","customTrigger","triggerButtonImage","triggerButtonStyle","blockInputs","documentDownload","customMenuButton","customPersistentMenu","customSendButton","darkBackgroundMenu","enableAttachments","enableEmojiPicker","enableSendButton","enableUserInput","persistentMenu","textPlaceholder","userInputBoxStyle","userInputStyle","coverComponent","coverComponentProps","customCarouselLeftArrow","customCarouselRightArrow","enableCarouselArrows","MIME_WHITELIST","audio","document","image","video","MAX_ALLOWED_SIZE_MB","ROLES","ATTACHMENT_ICON","EMOJI_PICKER_ICON","EMOJI_PICKER","HEADER","MESSAGE_LIST","PERSISTENT_MENU_ICON","PERSISTENT_MENU","SEND_BUTTON_ICON","TRIGGER_BUTTON","TYPING_INDICATOR","TEXT_BOX","WEBVIEW","WEBVIEW_HEADER","MESSAGE","IMAGE_MESSAGE","AUDIO_MESSAGE","VIDEO_MESSAGE","DOCUMENT_MESSAGE","RAW_MESSAGE","COMPONENT_TYPE","TEXT","BUTTON","REPLY","CAROUSEL"],"mappings":"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","sourcesContent":["import BotonicLogo from './assets/botonic_react_logo100x100.png'\n\nexport const SENDERS = {\n  bot: 'bot',\n  user: 'user',\n}\n\nexport const COLORS = {\n  // http://chir.ag/projects/name-that-color\n  APPLE_GREEN: 'rgba(58, 156, 53, 1)',\n  BLEACHED_CEDAR_PURPLE: 'rgba(46, 32, 59, 1)',\n  BOTONIC_BLUE: 'rgba(0, 153, 255, 1)',\n  CACTUS_GREEN: 'rgba(96, 115, 94, 1)',\n  CONCRETE_WHITE: 'rgba(243, 243, 243, 1)',\n  CURIOUS_BLUE: 'rgba(38, 139, 210, 1)',\n  DAINTREE_BLUE: 'rgba(0, 43, 53, 1)',\n  ERROR_RED: 'rgba(255, 43, 94)',\n  FRINGY_FLOWER_GREEN: 'rgba(198, 231, 192, 1)',\n  GRAY: 'rgba(129, 129, 129, 1)',\n  LIGHT_GRAY: 'rgba(209, 209, 209, 1)',\n  MID_GRAY: 'rgba(105, 105, 115, 1)',\n  PIGEON_POST_BLUE_ALPHA_0_5: 'rgba(176, 196, 222, 0.5)',\n  SCORPION_GRAY: 'rgba(87, 87, 87, 1)',\n  SEASHELL_WHITE: 'rgba(241, 240, 240, 1)',\n  SILVER: 'rgba(200, 200, 200, 1)',\n  SOLID_BLACK_ALPHA_0_2: 'rgba(0, 0, 0, 0.2)',\n  SOLID_BLACK_ALPHA_0_5: 'rgba(0, 0, 0, 0.5)',\n  SOLID_BLACK: 'rgba(0, 0, 0, 1)',\n  SOLID_WHITE_ALPHA_0_2: 'rgba(255, 255, 255, 0.2)',\n  SOLID_WHITE_ALPHA_0_8: 'rgba(255, 255, 255, 0.8)',\n  SOLID_WHITE: 'rgba(255, 255, 255, 1)',\n  TASMAN_GRAY: 'rgba(209, 216, 207, 1)',\n  TRANSPARENT: 'rgba(0, 0, 0, 0)',\n  WILD_SAND_WHITE: 'rgba(244, 244, 244, 1)',\n}\n\nexport const WEBCHAT = {\n  DEFAULTS: {\n    WIDTH: 300,\n    HEIGHT: 450,\n    TITLE: 'Botonic',\n    LOGO: BotonicLogo,\n    PLACEHOLDER: 'Ask me something...',\n    FONT_FAMILY: \"'Noto Sans JP', sans-serif\",\n    BORDER_RADIUS_TOP_CORNERS: '6px 6px 0px 0px',\n    ELEMENT_WIDTH: 222,\n    ELEMENT_MARGIN_RIGHT: 6,\n    STORAGE_KEY: 'botonicState',\n    HOST_ID: 'root',\n    ID: 'botonic-webchat',\n    BUTTON_AUTO_DISABLE: false,\n    BUTTON_DISABLED_STYLE: {\n      opacity: 0.5,\n      cursor: 'auto',\n      pointerEvents: 'none',\n    },\n  },\n  SELECTORS: {\n    SCROLLABLE_CONTENT: '#botonic-scrollable-content',\n    SIMPLEBAR_CONTENT: '.simplebar-content',\n    SIMPLEBAR_WRAPPER: '.simplebar-content-wrapper',\n  },\n  CUSTOM_PROPERTIES: {\n    // General\n    enableAnimations: 'animations.enable',\n    markdownStyle: 'markdownStyle',\n    scrollbar: 'scrollbar',\n    imagePreviewer: 'imagePreviewer',\n    // Mobile\n    mobileBreakpoint: 'mobileBreakpoint',\n    mobileStyle: 'mobileStyle',\n    // Webviews\n    webviewHeaderStyle: 'webview.header.style',\n    webviewStyle: 'webview.style',\n    // Brand\n    brandColor: 'brand.color',\n    brandImage: 'brand.image',\n    // Header\n    customHeader: 'header.custom',\n    headerImage: 'header.image',\n    headerStyle: 'header.style',\n    headerSubtitle: 'header.subtitle',\n    headerTitle: 'header.title',\n    // Bot Message\n    botMessageBackground: 'message.bot.style.background',\n    botMessageBlobTick: 'message.bot.blobTick',\n    botMessageBlobTickStyle: 'message.bot.blobTickStyle',\n    botMessageBlobWidth: 'message.bot.blobWidth',\n    botMessageBorderColor: 'message.bot.style.borderColor',\n    botMessageImage: 'message.bot.image',\n    botMessageImageStyle: 'message.bot.imageStyle',\n    botMessageStyle: 'message.bot.style',\n    // User Message\n    customMessageTypes: 'message.customTypes',\n    messageStyle: 'message.style',\n    userMessageBackground: 'message.user.style.background',\n    userMessageBlobTick: 'message.user.blobTick',\n    userMessageBlobTickStyle: 'message.user.blobTickStyle',\n    userMessageBorderColor: 'message.user.style.borderColor',\n    userMessageStyle: 'message.user.style',\n    // Timestamps\n    enableMessageTimestamps: 'message.timestamps.enable',\n    messageTimestampsFormat: 'message.timestamps.format',\n    messageTimestampsStyle: 'message.timestamps.style',\n    // Intro\n    customIntro: 'intro.custom',\n    introImage: 'intro.image',\n    introStyle: 'intro.style',\n    // Buttons\n    buttonHoverBackground: 'button.hoverBackground',\n    buttonHoverTextColor: 'button.hoverTextColor',\n    buttonMessageType: 'button.messageType',\n    buttonStyle: 'button.style',\n    buttonDisabledStyle: 'button.disabledstyle',\n    buttonAutoDisable: 'button.autodisable',\n    buttonStyleBackground: 'button.style.background',\n    buttonStyleColor: 'button.style.color',\n    customButton: 'button.custom',\n    // Replies\n    alignReplies: 'replies.align',\n    customReply: 'reply.custom',\n    replyStyle: 'reply.style',\n    wrapReplies: 'replies.wrap',\n    // TriggerButton\n    customTrigger: 'triggerButton.custom',\n    triggerButtonImage: 'triggerButton.image',\n    triggerButtonStyle: 'triggerButton.style',\n    // User Input\n    blockInputs: 'userInput.blockInputs',\n    documentDownload: 'documentDownload',\n    customMenuButton: 'userInput.menuButton.custom',\n    customPersistentMenu: 'userInput.menu.custom',\n    customSendButton: 'userInput.sendButton.custom',\n    darkBackgroundMenu: 'userInput.menu.darkBackground',\n    enableAttachments: 'userInput.attachments.enable',\n    enableEmojiPicker: 'userInput.emojiPicker.enable',\n    enableSendButton: 'userInput.sendButton.enable',\n    enableUserInput: 'userInput.enable',\n    persistentMenu: 'userInput.persistentMenu',\n    textPlaceholder: 'userInput.box.placeholder',\n    userInputBoxStyle: 'userInput.box.style',\n    userInputStyle: 'userInput.style',\n    // Cover Component\n    coverComponent: 'coverComponent.component',\n    coverComponentProps: 'coverComponent.props',\n    // Carousel\n    customCarouselLeftArrow: 'carousel.arrow.left',\n    customCarouselRightArrow: 'carousel.arrow.right',\n    enableCarouselArrows: 'carousel.enableArrows',\n  },\n}\n\nexport const MIME_WHITELIST = {\n  audio: ['audio/mpeg', 'audio/mp3'],\n  document: ['application/pdf'],\n  image: ['image/jpeg', 'image/png'],\n  video: ['video/mp4', 'video/quicktime'],\n}\n\nexport const MAX_ALLOWED_SIZE_MB = 10\n\nexport const ROLES = {\n  ATTACHMENT_ICON: 'attachment-icon',\n  EMOJI_PICKER_ICON: 'emoji-picker-icon',\n  EMOJI_PICKER: 'emoji-picker',\n  HEADER: 'header',\n  MESSAGE_LIST: 'message-list',\n  PERSISTENT_MENU_ICON: 'persistent-menu-icon',\n  PERSISTENT_MENU: 'persistent-menu',\n  SEND_BUTTON_ICON: 'send-button-icon',\n  WEBCHAT: 'webchat',\n  TRIGGER_BUTTON: 'trigger-button',\n  TYPING_INDICATOR: 'typing-indicator',\n  TEXT_BOX: 'textbox',\n  WEBVIEW: 'webview',\n  WEBVIEW_HEADER: 'webview-header',\n  MESSAGE: 'message',\n  IMAGE_MESSAGE: 'image-message',\n  AUDIO_MESSAGE: 'audio-message',\n  VIDEO_MESSAGE: 'video-message',\n  DOCUMENT_MESSAGE: 'document-message',\n  RAW_MESSAGE: 'raw-message',\n}\n\nexport const COMPONENT_TYPE = {\n  TEXT: 'Text',\n  BUTTON: 'Button',\n  REPLY: 'Reply',\n  CAROUSEL: 'Carousel',\n}\n"],"file":"constants.js"}

package/lib/contexts.js

@@ -0,0 +1,57 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WebchatContext = exports.RequestContext = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _hooks = require("./webchat/hooks");
+
+var RequestContext = /*#__PURE__*/_react["default"].createContext({
+  getString: function getString() {
+    return '';
+  },
+  setLocale: function setLocale() {
+    return '';
+  },
+  session: {},
+  params: {},
+  input: {},
+  defaultDelay: 0,
+  defaultTyping: 0
+});
+
+exports.RequestContext = RequestContext;
+
+var WebchatContext = /*#__PURE__*/_react["default"].createContext({
+  sendText: function sendText(text) {},
+  sendAttachment: function sendAttachment(attachment) {},
+  sendPayload: function sendPayload(payload) {},
+  sendInput: function sendInput(input) {},
+  setReplies: function setReplies(replies) {},
+  openWebview: function openWebview(webviewComponent) {},
+  addMessage: function addMessage(message) {},
+  updateMessage: function updateMessage(message) {},
+  updateReplies: function updateReplies(replies) {},
+  updateLatestInput: function updateLatestInput(input) {},
+  closeWebview: function closeWebview() {},
+  toggleWebchat: function toggleWebchat() {},
+  getThemeProperty: function getThemeProperty(property) {
+    return undefined;
+  },
+  // used to retrieve a specific property of the theme defined by the developer in his 'webchat/index.js'
+  resolveCase: function resolveCase() {},
+  theme: {},
+  webchatState: _hooks.webchatInitialState,
+  updateWebchatDevSettings: function updateWebchatDevSettings(settings) {
+    return {};
+  },
+  updateUser: function updateUser(user) {}
+});
+
+exports.WebchatContext = WebchatContext;
+//# sourceMappingURL=contexts.js.map

package/lib/contexts.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/contexts.jsx"],"names":["RequestContext","React","createContext","getString","setLocale","session","params","input","defaultDelay","defaultTyping","WebchatContext","sendText","text","sendAttachment","attachment","sendPayload","payload","sendInput","setReplies","replies","openWebview","webviewComponent","addMessage","message","updateMessage","updateReplies","updateLatestInput","closeWebview","toggleWebchat","getThemeProperty","property","undefined","resolveCase","theme","webchatState","webchatInitialState","updateWebchatDevSettings","settings","updateUser","user"],"mappings":";;;;;;;;;AAAA;;AAEA;;AAEO,IAAMA,cAAc,gBAAGC,kBAAMC,aAAN,CAAoB;AAChDC,EAAAA,SAAS,EAAE;AAAA,WAAM,EAAN;AAAA,GADqC;AAEhDC,EAAAA,SAAS,EAAE;AAAA,WAAM,EAAN;AAAA,GAFqC;AAGhDC,EAAAA,OAAO,EAAE,EAHuC;AAIhDC,EAAAA,MAAM,EAAE,EAJwC;AAKhDC,EAAAA,KAAK,EAAE,EALyC;AAMhDC,EAAAA,YAAY,EAAE,CANkC;AAOhDC,EAAAA,aAAa,EAAE;AAPiC,CAApB,CAAvB;;;;AAUA,IAAMC,cAAc,gBAAGT,kBAAMC,aAAN,CAAoB;AAChDS,EAAAA,QAAQ,EAAE,kBAAAC,IAAI,EAAI,CAAE,CAD4B;AAEhDC,EAAAA,cAAc,EAAE,wBAAAC,UAAU,EAAI,CAAE,CAFgB;AAGhDC,EAAAA,WAAW,EAAE,qBAAAC,OAAO,EAAI,CAAE,CAHsB;AAIhDC,EAAAA,SAAS,EAAE,mBAAAV,KAAK,EAAI,CAAE,CAJ0B;AAKhDW,EAAAA,UAAU,EAAE,oBAAAC,OAAO,EAAI,CAAE,CALuB;AAMhDC,EAAAA,WAAW,EAAE,qBAAAC,gBAAgB,EAAI,CAAE,CANa;AAOhDC,EAAAA,UAAU,EAAE,oBAAAC,OAAO,EAAI,CAAE,CAPuB;AAQhDC,EAAAA,aAAa,EAAE,uBAAAD,OAAO,EAAI,CAAE,CARoB;AAShDE,EAAAA,aAAa,EAAE,uBAAAN,OAAO,EAAI,CAAE,CAToB;AAUhDO,EAAAA,iBAAiB,EAAE,2BAAAnB,KAAK,EAAI,CAAE,CAVkB;AAWhDoB,EAAAA,YAAY,EAAE,wBAAM,CAAE,CAX0B;AAYhDC,EAAAA,aAAa,EAAE,yBAAM,CAAE,CAZyB;AAahDC,EAAAA,gBAAgB,EAAE,0BAAAC,QAAQ;AAAA,WAAIC,SAAJ;AAAA,GAbsB;AAaP;AACzCC,EAAAA,WAAW,EAAE,uBAAM,CAAE,CAd2B;AAehDC,EAAAA,KAAK,EAAE,EAfyC;AAgBhDC,EAAAA,YAAY,EAAEC,0BAhBkC;AAiBhDC,EAAAA,wBAAwB,EAAE,kCAAAC,QAAQ,EAAI;AACpC,WAAO,EAAP;AACD,GAnB+C;AAoBhDC,EAAAA,UAAU,EAAE,oBAAAC,IAAI,EAAI,CAAE;AApB0B,CAApB,CAAvB","sourcesContent":["import React from 'react'\n\nimport { webchatInitialState } from './webchat/hooks'\n\nexport const RequestContext = React.createContext({\n  getString: () => '',\n  setLocale: () => '',\n  session: {},\n  params: {},\n  input: {},\n  defaultDelay: 0,\n  defaultTyping: 0,\n})\n\nexport const WebchatContext = React.createContext({\n  sendText: text => {},\n  sendAttachment: attachment => {},\n  sendPayload: payload => {},\n  sendInput: input => {},\n  setReplies: replies => {},\n  openWebview: webviewComponent => {},\n  addMessage: message => {},\n  updateMessage: message => {},\n  updateReplies: replies => {},\n  updateLatestInput: input => {},\n  closeWebview: () => {},\n  toggleWebchat: () => {},\n  getThemeProperty: property => undefined, // used to retrieve a specific property of the theme defined by the developer in his 'webchat/index.js'\n  resolveCase: () => {},\n  theme: {},\n  webchatState: webchatInitialState,\n  updateWebchatDevSettings: settings => {\n    return {}\n  },\n  updateUser: user => {},\n})\n"],"file":"contexts.js"}

package/lib/dev-app.js

@@ -0,0 +1,241 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DevApp = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _lodash = _interopRequireDefault(require("lodash.merge"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactDom = require("react-dom");
+
+var _constants = require("./constants");
+
+var _reactBot = require("./react-bot");
+
+var _dom = require("./util/dom");
+
+var _webchatDev = require("./webchat/webchat-dev");
+
+var _webchatApp = require("./webchat-app");
+
+var _excluded = ["theme", "persistentMenu", "coverComponent", "blockInputs", "enableEmojiPicker", "enableAttachments", "enableUserInput", "enableAnimations", "shadowDOM", "hostId", "storage", "storageKey", "onInit", "onOpen", "onClose", "onMessage"],
+    _excluded2 = ["theme", "persistentMenu", "coverComponent", "blockInputs", "enableEmojiPicker", "enableAttachments", "enableUserInput", "enableAnimations", "storage", "storageKey", "onInit", "onOpen", "onClose", "onMessage", "hostId"];
+
+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; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var DevApp = /*#__PURE__*/function (_WebchatApp) {
+  (0, _inherits2["default"])(DevApp, _WebchatApp);
+
+  var _super = _createSuper(DevApp);
+
+  function DevApp(_ref) {
+    var _this;
+
+    var _ref$theme = _ref.theme,
+        theme = _ref$theme === void 0 ? {} : _ref$theme,
+        persistentMenu = _ref.persistentMenu,
+        coverComponent = _ref.coverComponent,
+        blockInputs = _ref.blockInputs,
+        enableEmojiPicker = _ref.enableEmojiPicker,
+        enableAttachments = _ref.enableAttachments,
+        enableUserInput = _ref.enableUserInput,
+        enableAnimations = _ref.enableAnimations,
+        shadowDOM = _ref.shadowDOM,
+        hostId = _ref.hostId,
+        storage = _ref.storage,
+        storageKey = _ref.storageKey,
+        onInit = _ref.onInit,
+        onOpen = _ref.onOpen,
+        onClose = _ref.onClose,
+        onMessage = _ref.onMessage,
+        botOptions = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    (0, _classCallCheck2["default"])(this, DevApp);
+    _this = _super.call(this, {
+      theme: theme,
+      persistentMenu: persistentMenu,
+      coverComponent: coverComponent,
+      blockInputs: blockInputs,
+      enableEmojiPicker: enableEmojiPicker,
+      enableAttachments: enableAttachments,
+      enableUserInput: enableUserInput,
+      enableAnimations: enableAnimations,
+      shadowDOM: shadowDOM,
+      hostId: hostId,
+      storage: storage,
+      storageKey: storageKey,
+      onInit: onInit,
+      onOpen: onOpen,
+      onClose: onClose,
+      onMessage: onMessage
+    });
+    _this.bot = new _reactBot.ReactBot(_objectSpread({}, botOptions));
+    return _this;
+  }
+
+  (0, _createClass2["default"])(DevApp, [{
+    key: "getComponent",
+    value: function getComponent(host) {
+      var _this2 = this;
+
+      var optionsAtRuntime = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      var _optionsAtRuntime$the = optionsAtRuntime.theme,
+          theme = _optionsAtRuntime$the === void 0 ? {} : _optionsAtRuntime$the,
+          persistentMenu = optionsAtRuntime.persistentMenu,
+          coverComponent = optionsAtRuntime.coverComponent,
+          blockInputs = optionsAtRuntime.blockInputs,
+          enableEmojiPicker = optionsAtRuntime.enableEmojiPicker,
+          enableAttachments = optionsAtRuntime.enableAttachments,
+          enableUserInput = optionsAtRuntime.enableUserInput,
+          enableAnimations = optionsAtRuntime.enableAnimations,
+          storage = optionsAtRuntime.storage,
+          storageKey = optionsAtRuntime.storageKey,
+          onInit = optionsAtRuntime.onInit,
+          onOpen = optionsAtRuntime.onOpen,
+          onClose = optionsAtRuntime.onClose,
+          onMessage = optionsAtRuntime.onMessage,
+          hostId = optionsAtRuntime.hostId,
+          webchatOptions = (0, _objectWithoutProperties2["default"])(optionsAtRuntime, _excluded2);
+      theme = (0, _lodash["default"])(this.theme, theme);
+      persistentMenu = persistentMenu || this.persistentMenu;
+      coverComponent = coverComponent || this.coverComponent;
+      blockInputs = blockInputs || this.blockInputs;
+      enableEmojiPicker = enableEmojiPicker || this.enableEmojiPicker;
+      enableAttachments = enableAttachments || this.enableAttachments;
+      enableUserInput = enableUserInput || this.enableUserInput;
+      enableAnimations = enableAnimations || this.enableAnimations;
+      storage = storage || this.storage;
+      storageKey = storageKey || this.storageKey;
+      this.onInit = onInit || this.onInit;
+      this.onOpen = onOpen || this.onOpen;
+      this.onClose = onClose || this.onClose;
+      this.onMessage = onMessage || this.onMessage;
+      this.hostId = hostId || this.hostId;
+      this.createRootElement(host);
+      return /*#__PURE__*/_react["default"].createElement(_webchatDev.WebchatDev, (0, _extends2["default"])({}, webchatOptions, {
+        ref: this.webchatRef,
+        host: this.host,
+        shadowDOM: this.shadowDOM,
+        theme: theme,
+        persistentMenu: persistentMenu,
+        coverComponent: coverComponent,
+        blockInputs: blockInputs,
+        enableEmojiPicker: enableEmojiPicker,
+        enableAttachments: enableAttachments,
+        enableUserInput: enableUserInput,
+        enableAnimations: enableAnimations,
+        storage: storage,
+        storageKey: storageKey,
+        getString: function getString(stringId, session) {
+          return _this2.bot.getString(stringId, session);
+        },
+        setLocale: function setLocale(locale, session) {
+          return _this2.bot.setLocale(locale, session);
+        },
+        onInit: function onInit() {
+          return _this2.onInitWebchat.apply(_this2, arguments);
+        },
+        onOpen: function onOpen() {
+          return _this2.onOpenWebchat.apply(_this2, arguments);
+        },
+        onClose: function onClose() {
+          return _this2.onCloseWebchat.apply(_this2, arguments);
+        },
+        onUserInput: function onUserInput() {
+          return _this2.onUserInput.apply(_this2, arguments);
+        }
+      }));
+    }
+  }, {
+    key: "render",
+    value: function render(dest) {
+      var _this3 = this;
+
+      var optionsAtRuntime = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      (0, _dom.onDOMLoaded)(function () {
+        (0, _reactDom.render)(_this3.getComponent(dest, optionsAtRuntime), _this3.getReactMountNode(dest));
+      });
+    }
+  }, {
+    key: "onUserInput",
+    value: function () {
+      var _onUserInput = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(_ref2) {
+        var _this4 = this;
+
+        var input, session, lastRoutePath, resp;
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                input = _ref2.input, session = _ref2.session, lastRoutePath = _ref2.lastRoutePath;
+                this.onMessage && this.onMessage(this, {
+                  from: _constants.SENDERS.user,
+                  message: input
+                });
+                _context.next = 4;
+                return this.bot.input({
+                  input: input,
+                  session: session,
+                  lastRoutePath: lastRoutePath
+                });
+
+              case 4:
+                resp = _context.sent;
+                this.onMessage && resp.response.map(function (r) {
+                  return _this4.onMessage(_this4, {
+                    from: _constants.SENDERS.bot,
+                    message: r
+                  });
+                });
+                this.webchatRef.current.addBotResponse(resp);
+
+              case 7:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function onUserInput(_x) {
+        return _onUserInput.apply(this, arguments);
+      }
+
+      return onUserInput;
+    }()
+  }]);
+  return DevApp;
+}(_webchatApp.WebchatApp);
+
+exports.DevApp = DevApp;
+//# sourceMappingURL=dev-app.js.map

package/lib/dev-app.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dev-app.jsx"],"names":["DevApp","theme","persistentMenu","coverComponent","blockInputs","enableEmojiPicker","enableAttachments","enableUserInput","enableAnimations","shadowDOM","hostId","storage","storageKey","onInit","onOpen","onClose","onMessage","botOptions","bot","ReactBot","host","optionsAtRuntime","webchatOptions","createRootElement","webchatRef","stringId","session","getString","locale","setLocale","onInitWebchat","onOpenWebchat","onCloseWebchat","onUserInput","dest","getComponent","getReactMountNode","input","lastRoutePath","from","SENDERS","user","message","resp","response","map","r","current","addBotResponse","WebchatApp"],"mappings":"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","sourcesContent":["import merge from 'lodash.merge'\nimport React from 'react'\nimport { render } from 'react-dom'\n\nimport { SENDERS } from './constants'\nimport { ReactBot } from './react-bot'\nimport { onDOMLoaded } from './util/dom'\nimport { WebchatDev } from './webchat/webchat-dev'\nimport { WebchatApp } from './webchat-app'\n\nexport class DevApp extends WebchatApp {\n  constructor({\n    theme = {},\n    persistentMenu,\n    coverComponent,\n    blockInputs,\n    enableEmojiPicker,\n    enableAttachments,\n    enableUserInput,\n    enableAnimations,\n    shadowDOM,\n    hostId,\n    storage,\n    storageKey,\n    onInit,\n    onOpen,\n    onClose,\n    onMessage,\n    ...botOptions\n  }) {\n    super({\n      theme,\n      persistentMenu,\n      coverComponent,\n      blockInputs,\n      enableEmojiPicker,\n      enableAttachments,\n      enableUserInput,\n      enableAnimations,\n      shadowDOM,\n      hostId,\n      storage,\n      storageKey,\n      onInit,\n      onOpen,\n      onClose,\n      onMessage,\n    })\n    this.bot = new ReactBot({\n      ...botOptions,\n    })\n  }\n\n  getComponent(host, optionsAtRuntime = {}) {\n    let {\n      theme = {},\n      persistentMenu,\n      coverComponent,\n      blockInputs,\n      enableEmojiPicker,\n      enableAttachments,\n      enableUserInput,\n      enableAnimations,\n      storage,\n      storageKey,\n      onInit,\n      onOpen,\n      onClose,\n      onMessage,\n      hostId,\n      ...webchatOptions\n    } = optionsAtRuntime\n    theme = merge(this.theme, theme)\n    persistentMenu = persistentMenu || this.persistentMenu\n    coverComponent = coverComponent || this.coverComponent\n    blockInputs = blockInputs || this.blockInputs\n    enableEmojiPicker = enableEmojiPicker || this.enableEmojiPicker\n    enableAttachments = enableAttachments || this.enableAttachments\n    enableUserInput = enableUserInput || this.enableUserInput\n    enableAnimations = enableAnimations || this.enableAnimations\n    storage = storage || this.storage\n    storageKey = storageKey || this.storageKey\n    this.onInit = onInit || this.onInit\n    this.onOpen = onOpen || this.onOpen\n    this.onClose = onClose || this.onClose\n    this.onMessage = onMessage || this.onMessage\n    this.hostId = hostId || this.hostId\n    this.createRootElement(host)\n    return (\n      <WebchatDev\n        {...webchatOptions}\n        ref={this.webchatRef}\n        host={this.host}\n        shadowDOM={this.shadowDOM}\n        theme={theme}\n        persistentMenu={persistentMenu}\n        coverComponent={coverComponent}\n        blockInputs={blockInputs}\n        enableEmojiPicker={enableEmojiPicker}\n        enableAttachments={enableAttachments}\n        enableUserInput={enableUserInput}\n        enableAnimations={enableAnimations}\n        storage={storage}\n        storageKey={storageKey}\n        getString={(stringId, session) => this.bot.getString(stringId, session)}\n        setLocale={(locale, session) => this.bot.setLocale(locale, session)}\n        onInit={(...args) => this.onInitWebchat(...args)}\n        onOpen={(...args) => this.onOpenWebchat(...args)}\n        onClose={(...args) => this.onCloseWebchat(...args)}\n        onUserInput={(...args) => this.onUserInput(...args)}\n      />\n    )\n  }\n\n  render(dest, optionsAtRuntime = {}) {\n    onDOMLoaded(() => {\n      render(\n        this.getComponent(dest, optionsAtRuntime),\n        this.getReactMountNode(dest)\n      )\n    })\n  }\n\n  async onUserInput({ input, session, lastRoutePath }) {\n    this.onMessage &&\n      this.onMessage(this, { from: SENDERS.user, message: input })\n    const resp = await this.bot.input({ input, session, lastRoutePath })\n    this.onMessage &&\n      resp.response.map(r =>\n        this.onMessage(this, { from: SENDERS.bot, message: r })\n      )\n    this.webchatRef.current.addBotResponse(resp)\n  }\n}\n"],"file":"dev-app.js"}