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

package/lib/webchat/hooks.js

@@ -1,359 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useComponentVisible = useComponentVisible;
-exports.useComponentWillMount = void 0;
-exports.usePrevious = usePrevious;
-exports.useTyping = useTyping;
-exports.useWebchat = useWebchat;
-exports.webchatInitialState = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = require("react");
-
-var _constants = require("../constants");
-
-var _dom = require("../util/dom");
-
-var _actions = require("./actions");
-
-var _webchatReducer = require("./webchat-reducer");
-
-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 webchatInitialState = {
-  width: _constants.WEBCHAT.DEFAULTS.WIDTH,
-  height: _constants.WEBCHAT.DEFAULTS.HEIGHT,
-  messagesJSON: [],
-  messagesComponents: [],
-  replies: [],
-  latestInput: {},
-  typing: false,
-  webview: null,
-  webviewParams: null,
-  session: {
-    user: null
-  },
-  lastRoutePath: null,
-  handoff: false,
-  theme: {
-    headerTitle: _constants.WEBCHAT.DEFAULTS.TITLE,
-    brandColor: _constants.COLORS.BOTONIC_BLUE,
-    brandImage: _constants.WEBCHAT.DEFAULTS.LOGO,
-    triggerButtonImage: undefined,
-    textPlaceholder: _constants.WEBCHAT.DEFAULTS.PLACEHOLDER,
-    style: {
-      fontFamily: _constants.WEBCHAT.DEFAULTS.FONT_FAMILY
-    }
-  },
-  themeUpdates: {},
-  error: {},
-  online: true,
-  devSettings: {
-    keepSessionOnReload: false
-  },
-  isWebchatOpen: false,
-  isEmojiPickerOpen: false,
-  isPersistentMenuOpen: false,
-  isCoverComponentOpen: false,
-  isCustomComponentRendered: false,
-  lastMessageUpdate: undefined,
-  currentAttachment: undefined,
-  jwt: null
-};
-exports.webchatInitialState = webchatInitialState;
-
-function useWebchat() {
-  var _useReducer = (0, _react.useReducer)(_webchatReducer.webchatReducer, webchatInitialState),
-      _useReducer2 = (0, _slicedToArray2["default"])(_useReducer, 2),
-      webchatState = _useReducer2[0],
-      webchatDispatch = _useReducer2[1];
-
-  var addMessage = function addMessage(message) {
-    return webchatDispatch({
-      type: _actions.ADD_MESSAGE,
-      payload: message
-    });
-  };
-
-  var addMessageComponent = function addMessageComponent(message) {
-    return webchatDispatch({
-      type: _actions.ADD_MESSAGE_COMPONENT,
-      payload: message
-    });
-  };
-
-  var updateMessage = function updateMessage(message) {
-    return webchatDispatch({
-      type: _actions.UPDATE_MESSAGE,
-      payload: message
-    });
-  };
-
-  var updateReplies = function updateReplies(replies) {
-    return webchatDispatch({
-      type: _actions.UPDATE_REPLIES,
-      payload: replies
-    });
-  };
-
-  var updateLatestInput = function updateLatestInput(input) {
-    return webchatDispatch({
-      type: _actions.UPDATE_LATEST_INPUT,
-      payload: input
-    });
-  };
-
-  var updateTyping = function updateTyping(typing) {
-    return webchatDispatch({
-      type: _actions.UPDATE_TYPING,
-      payload: typing
-    });
-  };
-
-  var updateWebview = function updateWebview(webview, params) {
-    return webchatDispatch({
-      type: _actions.UPDATE_WEBVIEW,
-      payload: {
-        webview: webview,
-        webviewParams: params
-      }
-    });
-  };
-
-  var updateSession = function updateSession(session) {
-    webchatDispatch({
-      type: _actions.UPDATE_SESSION,
-      payload: session
-    });
-  };
-
-  var updateLastRoutePath = function updateLastRoutePath(path) {
-    return webchatDispatch({
-      type: _actions.UPDATE_LAST_ROUTE_PATH,
-      payload: path
-    });
-  };
-
-  var updateHandoff = function updateHandoff(handoff) {
-    return webchatDispatch({
-      type: _actions.UPDATE_HANDOFF,
-      payload: handoff
-    });
-  };
-
-  var updateTheme = function updateTheme(theme) {
-    var themeUpdates = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
-    var payload = themeUpdates !== undefined ? {
-      theme: theme,
-      themeUpdates: themeUpdates
-    } : {
-      theme: theme
-    };
-    webchatDispatch({
-      type: _actions.UPDATE_THEME,
-      payload: payload
-    });
-  };
-
-  var updateDevSettings = function updateDevSettings(settings) {
-    return webchatDispatch({
-      type: _actions.UPDATE_DEV_SETTINGS,
-      payload: settings
-    });
-  };
-
-  var toggleWebchat = function toggleWebchat(toggle) {
-    return webchatDispatch({
-      type: _actions.TOGGLE_WEBCHAT,
-      payload: toggle
-    });
-  };
-
-  var toggleEmojiPicker = function toggleEmojiPicker(toggle) {
-    return webchatDispatch({
-      type: _actions.TOGGLE_EMOJI_PICKER,
-      payload: toggle
-    });
-  };
-
-  var togglePersistentMenu = function togglePersistentMenu(toggle) {
-    return webchatDispatch({
-      type: _actions.TOGGLE_PERSISTENT_MENU,
-      payload: toggle
-    });
-  };
-
-  var toggleCoverComponent = function toggleCoverComponent(toggle) {
-    return webchatDispatch({
-      type: _actions.TOGGLE_COVER_COMPONENT,
-      payload: toggle
-    });
-  };
-
-  var doRenderCustomComponent = function doRenderCustomComponent(toggle) {
-    return webchatDispatch({
-      type: _actions.DO_RENDER_CUSTOM_COMPONENT,
-      payload: toggle
-    });
-  };
-
-  var setError = function setError(error) {
-    return webchatDispatch({
-      type: _actions.SET_ERROR,
-      payload: error
-    });
-  };
-
-  var setOnline = function setOnline(online) {
-    return webchatDispatch({
-      type: _actions.SET_ONLINE,
-      payload: online
-    });
-  };
-
-  var clearMessages = function clearMessages() {
-    webchatDispatch({
-      type: _actions.CLEAR_MESSAGES
-    });
-  };
-
-  var updateLastMessageDate = function updateLastMessageDate(date) {
-    webchatDispatch({
-      type: _actions.UPDATE_LAST_MESSAGE_DATE,
-      payload: date
-    });
-  };
-
-  var setCurrentAttachment = function setCurrentAttachment(attachment) {
-    webchatDispatch({
-      type: _actions.SET_CURRENT_ATTACHMENT,
-      payload: attachment
-    });
-  };
-
-  var updateJwt = function updateJwt(jwt) {
-    webchatDispatch({
-      type: _actions.UPDATE_JWT,
-      payload: jwt
-    });
-  };
-
-  return {
-    webchatState: webchatState,
-    webchatDispatch: webchatDispatch,
-    addMessage: addMessage,
-    addMessageComponent: addMessageComponent,
-    updateMessage: updateMessage,
-    updateReplies: updateReplies,
-    updateLatestInput: updateLatestInput,
-    updateTyping: updateTyping,
-    updateWebview: updateWebview,
-    updateSession: updateSession,
-    updateLastRoutePath: updateLastRoutePath,
-    updateHandoff: updateHandoff,
-    updateTheme: updateTheme,
-    updateDevSettings: updateDevSettings,
-    toggleWebchat: toggleWebchat,
-    toggleEmojiPicker: toggleEmojiPicker,
-    togglePersistentMenu: togglePersistentMenu,
-    toggleCoverComponent: toggleCoverComponent,
-    doRenderCustomComponent: doRenderCustomComponent,
-    setError: setError,
-    setOnline: setOnline,
-    clearMessages: clearMessages,
-    updateLastMessageDate: updateLastMessageDate,
-    setCurrentAttachment: setCurrentAttachment,
-    updateJwt: updateJwt
-  };
-}
-
-function useTyping(_ref) {
-  var webchatState = _ref.webchatState,
-      updateTyping = _ref.updateTyping,
-      updateMessage = _ref.updateMessage,
-      host = _ref.host;
-  (0, _react.useEffect)(function () {
-    var delayTimeout, typingTimeout;
-    (0, _dom.scrollToBottom)({
-      host: host
-    });
-
-    try {
-      var nextMsg = webchatState.messagesJSON.filter(function (m) {
-        return !m.display;
-      })[0];
-
-      if (nextMsg.delay && nextMsg.typing) {
-        delayTimeout = setTimeout(function () {
-          return updateTyping(true);
-        }, nextMsg.delay * 1000);
-      } else if (nextMsg.typing) updateTyping(true);
-
-      var totalDelay = nextMsg.delay + nextMsg.typing;
-      if (totalDelay) typingTimeout = setTimeout(function () {
-        updateMessage(_objectSpread(_objectSpread({}, nextMsg), {}, {
-          display: true
-        }));
-        updateTyping(false);
-      }, totalDelay * 1000);
-    } catch (e) {}
-
-    return function () {
-      clearTimeout(delayTimeout);
-      clearTimeout(typingTimeout);
-    };
-  }, [webchatState.messagesJSON, webchatState.typing]);
-}
-
-function usePrevious(value) {
-  var ref = (0, _react.useRef)();
-  (0, _react.useEffect)(function () {
-    ref.current = value;
-  });
-  return ref.current;
-}
-
-function useComponentVisible(initialIsVisible, onClickOutside) {
-  var _useState = (0, _react.useState)(initialIsVisible),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      isComponentVisible = _useState2[0],
-      setIsComponentVisible = _useState2[1];
-
-  var ref = (0, _react.useRef)(null);
-
-  var handleClickOutside = function handleClickOutside(event) {
-    if (ref.current && !ref.current.contains(event.path[0])) {
-      setIsComponentVisible(false);
-      onClickOutside();
-    }
-  };
-
-  (0, _react.useEffect)(function () {
-    document.addEventListener('click', handleClickOutside, false);
-    return function () {
-      document.removeEventListener('click', handleClickOutside, false);
-    };
-  });
-  return {
-    ref: ref,
-    isComponentVisible: isComponentVisible,
-    setIsComponentVisible: setIsComponentVisible
-  };
-}
-
-var useComponentWillMount = function useComponentWillMount(func) {
-  (0, _react.useMemo)(func, []);
-};
-
-exports.useComponentWillMount = useComponentWillMount;
-//# sourceMappingURL=hooks.js.map

package/lib/webchat/hooks.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/webchat/hooks.js"],"names":["webchatInitialState","width","WEBCHAT","DEFAULTS","WIDTH","height","HEIGHT","messagesJSON","messagesComponents","replies","latestInput","typing","webview","webviewParams","session","user","lastRoutePath","handoff","theme","headerTitle","TITLE","brandColor","COLORS","BOTONIC_BLUE","brandImage","LOGO","triggerButtonImage","undefined","textPlaceholder","PLACEHOLDER","style","fontFamily","FONT_FAMILY","themeUpdates","error","online","devSettings","keepSessionOnReload","isWebchatOpen","isEmojiPickerOpen","isPersistentMenuOpen","isCoverComponentOpen","isCustomComponentRendered","lastMessageUpdate","currentAttachment","jwt","useWebchat","webchatReducer","webchatState","webchatDispatch","addMessage","message","type","ADD_MESSAGE","payload","addMessageComponent","ADD_MESSAGE_COMPONENT","updateMessage","UPDATE_MESSAGE","updateReplies","UPDATE_REPLIES","updateLatestInput","input","UPDATE_LATEST_INPUT","updateTyping","UPDATE_TYPING","updateWebview","params","UPDATE_WEBVIEW","updateSession","UPDATE_SESSION","updateLastRoutePath","path","UPDATE_LAST_ROUTE_PATH","updateHandoff","UPDATE_HANDOFF","updateTheme","UPDATE_THEME","updateDevSettings","settings","UPDATE_DEV_SETTINGS","toggleWebchat","toggle","TOGGLE_WEBCHAT","toggleEmojiPicker","TOGGLE_EMOJI_PICKER","togglePersistentMenu","TOGGLE_PERSISTENT_MENU","toggleCoverComponent","TOGGLE_COVER_COMPONENT","doRenderCustomComponent","DO_RENDER_CUSTOM_COMPONENT","setError","SET_ERROR","setOnline","SET_ONLINE","clearMessages","CLEAR_MESSAGES","updateLastMessageDate","date","UPDATE_LAST_MESSAGE_DATE","setCurrentAttachment","attachment","SET_CURRENT_ATTACHMENT","updateJwt","UPDATE_JWT","useTyping","host","delayTimeout","typingTimeout","nextMsg","filter","m","display","delay","setTimeout","totalDelay","e","clearTimeout","usePrevious","value","ref","current","useComponentVisible","initialIsVisible","onClickOutside","isComponentVisible","setIsComponentVisible","handleClickOutside","event","contains","document","addEventListener","removeEventListener","useComponentWillMount","func"],"mappings":"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","sourcesContent":["import { useEffect, useMemo, useReducer, useRef, useState } from 'react'\n\nimport { COLORS, WEBCHAT } from '../constants'\nimport { scrollToBottom } from '../util/dom'\nimport {\n  ADD_MESSAGE,\n  ADD_MESSAGE_COMPONENT,\n  CLEAR_MESSAGES,\n  DO_RENDER_CUSTOM_COMPONENT,\n  SET_CURRENT_ATTACHMENT,\n  SET_ERROR,\n  SET_ONLINE,\n  TOGGLE_COVER_COMPONENT,\n  TOGGLE_EMOJI_PICKER,\n  TOGGLE_PERSISTENT_MENU,\n  TOGGLE_WEBCHAT,\n  UPDATE_DEV_SETTINGS,\n  UPDATE_HANDOFF,\n  UPDATE_JWT,\n  UPDATE_LAST_MESSAGE_DATE,\n  UPDATE_LAST_ROUTE_PATH,\n  UPDATE_LATEST_INPUT,\n  UPDATE_MESSAGE,\n  UPDATE_REPLIES,\n  UPDATE_SESSION,\n  UPDATE_THEME,\n  UPDATE_TYPING,\n  UPDATE_WEBVIEW,\n} from './actions'\nimport { webchatReducer } from './webchat-reducer'\n\nexport const webchatInitialState = {\n  width: WEBCHAT.DEFAULTS.WIDTH,\n  height: WEBCHAT.DEFAULTS.HEIGHT,\n  messagesJSON: [],\n  messagesComponents: [],\n  replies: [],\n  latestInput: {},\n  typing: false,\n  webview: null,\n  webviewParams: null,\n  session: { user: null },\n  lastRoutePath: null,\n  handoff: false,\n  theme: {\n    headerTitle: WEBCHAT.DEFAULTS.TITLE,\n    brandColor: COLORS.BOTONIC_BLUE,\n    brandImage: WEBCHAT.DEFAULTS.LOGO,\n    triggerButtonImage: undefined,\n    textPlaceholder: WEBCHAT.DEFAULTS.PLACEHOLDER,\n    style: {\n      fontFamily: WEBCHAT.DEFAULTS.FONT_FAMILY,\n    },\n  },\n  themeUpdates: {},\n  error: {},\n  online: true,\n  devSettings: { keepSessionOnReload: false },\n  isWebchatOpen: false,\n  isEmojiPickerOpen: false,\n  isPersistentMenuOpen: false,\n  isCoverComponentOpen: false,\n  isCustomComponentRendered: false,\n  lastMessageUpdate: undefined,\n  currentAttachment: undefined,\n  jwt: null,\n}\n\nexport function useWebchat() {\n  const [webchatState, webchatDispatch] = useReducer(\n    webchatReducer,\n    webchatInitialState\n  )\n\n  const addMessage = message =>\n    webchatDispatch({ type: ADD_MESSAGE, payload: message })\n  const addMessageComponent = message =>\n    webchatDispatch({ type: ADD_MESSAGE_COMPONENT, payload: message })\n  const updateMessage = message =>\n    webchatDispatch({ type: UPDATE_MESSAGE, payload: message })\n  const updateReplies = replies =>\n    webchatDispatch({ type: UPDATE_REPLIES, payload: replies })\n  const updateLatestInput = input =>\n    webchatDispatch({ type: UPDATE_LATEST_INPUT, payload: input })\n  const updateTyping = typing =>\n    webchatDispatch({ type: UPDATE_TYPING, payload: typing })\n  const updateWebview = (webview, params) =>\n    webchatDispatch({\n      type: UPDATE_WEBVIEW,\n      payload: { webview, webviewParams: params },\n    })\n  const updateSession = session => {\n    webchatDispatch({\n      type: UPDATE_SESSION,\n      payload: session,\n    })\n  }\n\n  const updateLastRoutePath = path =>\n    webchatDispatch({\n      type: UPDATE_LAST_ROUTE_PATH,\n      payload: path,\n    })\n  const updateHandoff = handoff =>\n    webchatDispatch({\n      type: UPDATE_HANDOFF,\n      payload: handoff,\n    })\n  const updateTheme = (theme, themeUpdates = undefined) => {\n    const payload =\n      themeUpdates !== undefined ? { theme, themeUpdates } : { theme }\n    webchatDispatch({\n      type: UPDATE_THEME,\n      payload,\n    })\n  }\n  const updateDevSettings = settings =>\n    webchatDispatch({\n      type: UPDATE_DEV_SETTINGS,\n      payload: settings,\n    })\n  const toggleWebchat = toggle =>\n    webchatDispatch({\n      type: TOGGLE_WEBCHAT,\n      payload: toggle,\n    })\n  const toggleEmojiPicker = toggle =>\n    webchatDispatch({\n      type: TOGGLE_EMOJI_PICKER,\n      payload: toggle,\n    })\n  const togglePersistentMenu = toggle =>\n    webchatDispatch({\n      type: TOGGLE_PERSISTENT_MENU,\n      payload: toggle,\n    })\n  const toggleCoverComponent = toggle =>\n    webchatDispatch({\n      type: TOGGLE_COVER_COMPONENT,\n      payload: toggle,\n    })\n  const doRenderCustomComponent = toggle =>\n    webchatDispatch({\n      type: DO_RENDER_CUSTOM_COMPONENT,\n      payload: toggle,\n    })\n  const setError = error =>\n    webchatDispatch({\n      type: SET_ERROR,\n      payload: error,\n    })\n  const setOnline = online =>\n    webchatDispatch({\n      type: SET_ONLINE,\n      payload: online,\n    })\n\n  const clearMessages = () => {\n    webchatDispatch({\n      type: CLEAR_MESSAGES,\n    })\n  }\n  const updateLastMessageDate = date => {\n    webchatDispatch({\n      type: UPDATE_LAST_MESSAGE_DATE,\n      payload: date,\n    })\n  }\n  const setCurrentAttachment = attachment => {\n    webchatDispatch({\n      type: SET_CURRENT_ATTACHMENT,\n      payload: attachment,\n    })\n  }\n\n  const updateJwt = jwt => {\n    webchatDispatch({\n      type: UPDATE_JWT,\n      payload: jwt,\n    })\n  }\n\n  return {\n    webchatState,\n    webchatDispatch,\n    addMessage,\n    addMessageComponent,\n    updateMessage,\n    updateReplies,\n    updateLatestInput,\n    updateTyping,\n    updateWebview,\n    updateSession,\n    updateLastRoutePath,\n    updateHandoff,\n    updateTheme,\n    updateDevSettings,\n    toggleWebchat,\n    toggleEmojiPicker,\n    togglePersistentMenu,\n    toggleCoverComponent,\n    doRenderCustomComponent,\n    setError,\n    setOnline,\n    clearMessages,\n    updateLastMessageDate,\n    setCurrentAttachment,\n    updateJwt,\n  }\n}\n\nexport function useTyping({ webchatState, updateTyping, updateMessage, host }) {\n  useEffect(() => {\n    let delayTimeout, typingTimeout\n    scrollToBottom({ host })\n    try {\n      const nextMsg = webchatState.messagesJSON.filter(m => !m.display)[0]\n      if (nextMsg.delay && nextMsg.typing) {\n        delayTimeout = setTimeout(\n          () => updateTyping(true),\n          nextMsg.delay * 1000\n        )\n      } else if (nextMsg.typing) updateTyping(true)\n      const totalDelay = nextMsg.delay + nextMsg.typing\n      if (totalDelay)\n        typingTimeout = setTimeout(() => {\n          updateMessage({ ...nextMsg, display: true })\n          updateTyping(false)\n        }, totalDelay * 1000)\n    } catch (e) {}\n    return () => {\n      clearTimeout(delayTimeout)\n      clearTimeout(typingTimeout)\n    }\n  }, [webchatState.messagesJSON, webchatState.typing])\n}\n\nexport function usePrevious(value) {\n  const ref = useRef()\n  useEffect(() => {\n    ref.current = value\n  })\n  return ref.current\n}\n\nexport function useComponentVisible(initialIsVisible, onClickOutside) {\n  const [isComponentVisible, setIsComponentVisible] = useState(initialIsVisible)\n  const ref = useRef(null)\n  const handleClickOutside = event => {\n    if (ref.current && !ref.current.contains(event.path[0])) {\n      setIsComponentVisible(false)\n      onClickOutside()\n    }\n  }\n  useEffect(() => {\n    document.addEventListener('click', handleClickOutside, false)\n    return () => {\n      document.removeEventListener('click', handleClickOutside, false)\n    }\n  })\n  return { ref, isComponentVisible, setIsComponentVisible }\n}\n\nexport const useComponentWillMount = func => {\n  useMemo(func, [])\n}\n"],"file":"hooks.js"}

package/lib/webchat/index.d.ts

@@ -1,62 +0,0 @@
-import * as core from '@botonic/core'
-import * as React from 'react'
-import { RefObject } from 'react'
-
-import { Reply, Webview } from '../components/index'
-import { Message, WebchatApp, WebchatArgs } from '../index'
-
-export interface WebchatStateTheme {
-  headerTitle: string
-  brandColor: string
-  brandImage: string
-  triggerButtonImage: undefined
-  textPlaceholder: string
-  style: {
-    fontFamily: string
-  }
-}
-
-export interface WebchatState {
-  width: number
-  height: number
-  messagesJSON: any[]
-  messagesComponents: Message[]
-  replies: Reply[]
-  latestInput: Partial<core.Input>
-  typing: boolean
-  webview: Webview | null
-  webviewParams: null
-  session: Partial<core.Session>
-  lastRoutePath: string | null
-  handoff: boolean
-  theme: WebchatStateTheme
-  themeUpdates: Partial<WebchatStateTheme>
-  error: { message?: string }
-  devSettings: { keepSessionOnReload?: boolean; showSessionView?: boolean }
-  isWebchatOpen: boolean
-  isEmojiPickerOpen: boolean
-  isPersistentMenuOpen: boolean
-  isCoverComponentOpen: boolean
-  lastMessageUpdate: string
-  currentAttachment: File | undefined
-}
-
-export interface WebchatProps extends WebchatArgs {
-  ref: RefObject<any>
-  onConnectionRegained?: () => Promise<void>
-}
-export const WebChat: React.ForwardRefExoticComponent<WebchatProps>
-
-export interface WebchatDevProps extends WebchatProps {
-  initialDevSettings?: {
-    keepSessionOnReload?: boolean
-    showSessionView?: boolean
-  }
-}
-export const WebChatDev: React.ForwardRefExoticComponent<WebchatDevProps>
-
-export function getBotonicApp(): WebchatApp
-
-export interface CoverComponentProps {
-  closeComponent: () => void
-}

package/lib/webchat/index.js

@@ -1,32 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Webchat", {
-  enumerable: true,
-  get: function get() {
-    return _webchat.Webchat;
-  }
-});
-Object.defineProperty(exports, "WebchatDev", {
-  enumerable: true,
-  get: function get() {
-    return _webchatDev.WebchatDev;
-  }
-});
-exports.getBotonicApp = getBotonicApp;
-
-var _webchat = require("./webchat");
-
-var _webchatDev = require("./webchat-dev");
-
-/**
- * @returns {WebChatApp}
- */
-function getBotonicApp() {
-  // Botonic is exported from your bot
-  // eslint-disable-next-line no-undef
-  return Botonic;
-}
-//# sourceMappingURL=index.js.map

package/lib/webchat/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/webchat/index.js"],"names":["getBotonicApp","Botonic"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;AACA;AACA;AACO,SAASA,aAAT,GAAyB;AAC9B;AACA;AACA,SAAOC,OAAP;AACD","sourcesContent":["export { Webchat } from './webchat'\nexport { WebchatDev } from './webchat-dev'\n\n/**\n * @returns {WebChatApp}\n */\nexport function getBotonicApp() {\n  // Botonic is exported from your bot\n  // eslint-disable-next-line no-undef\n  return Botonic\n}\n"],"file":"index.js"}

package/lib/webchat/message-list.js

@@ -1,88 +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.WebchatMessageList = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Fade = _interopRequireDefault(require("react-reveal/Fade"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _constants = require("../constants");
-
-var _contexts = require("../contexts");
-
-var _environment = require("../util/environment");
-
-var _react2 = require("../util/react");
-
-var _styledScrollbar = require("./components/styled-scrollbar");
-
-var _templateObject, _templateObject2;
-
-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 StyledMessages = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  overflow-x: hidden;\n  flex-direction: column;\n  flex: none;\n  white-space: pre;\n  word-wrap: break-word;\n"])));
-
-var DefaultIntroImage = _styledComponents["default"].img(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  max-height: 50%;\n  width: 100%;\n"])));
-
-var WebchatMessageList = function WebchatMessageList(props) {
-  var _useContext = (0, _react.useContext)(_contexts.WebchatContext),
-      webchatState = _useContext.webchatState,
-      getThemeProperty = _useContext.getThemeProperty;
-
-  var animationsEnabled = getThemeProperty(_constants.WEBCHAT.CUSTOM_PROPERTIES.enableAnimations, true);
-  var CustomIntro = getThemeProperty(_constants.WEBCHAT.CUSTOM_PROPERTIES.customIntro);
-  var introImage = getThemeProperty(_constants.WEBCHAT.CUSTOM_PROPERTIES.introImage);
-  var introStyle = getThemeProperty(_constants.WEBCHAT.CUSTOM_PROPERTIES.introStyle);
-
-  var scrollbarOptions = _objectSpread(_objectSpread({}, {
-    enable: true,
-    autoHide: true
-  }), getThemeProperty(_constants.WEBCHAT.CUSTOM_PROPERTIES.scrollbar));
-
-  var DefaultIntro = introImage && /*#__PURE__*/_react["default"].createElement(DefaultIntroImage, {
-    style: _objectSpread({}, introStyle),
-    src: (0, _environment.resolveImage)(introImage)
-  });
-
-  return /*#__PURE__*/_react["default"].createElement(_styledScrollbar.StyledScrollbar, {
-    role: _constants.ROLES.MESSAGE_LIST // TODO: Distinguis between multiple instances of webchat, e.g. `${uniqueId}-botonic-scrollable`
-    ,
-    id: "botonic-scrollable-content",
-    scrollbar: scrollbarOptions,
-    autoHide: scrollbarOptions.autoHide,
-    ismessagescontainer: "true",
-    style: _objectSpread({}, props.style)
-  }, (CustomIntro || DefaultIntro) && /*#__PURE__*/_react["default"].createElement(_react2.ConditionalWrapper, {
-    condition: animationsEnabled,
-    wrapper: function wrapper(children) {
-      return /*#__PURE__*/_react["default"].createElement(_Fade["default"], null, children);
-    }
-  }, CustomIntro ? /*#__PURE__*/_react["default"].createElement(CustomIntro, null) : DefaultIntro), webchatState.messagesComponents.map(function (e, i) {
-    return /*#__PURE__*/_react["default"].createElement(StyledMessages, {
-      role: _constants.ROLES.MESSAGE,
-      key: i
-    }, e);
-  }), props.children);
-};
-
-exports.WebchatMessageList = WebchatMessageList;
-//# sourceMappingURL=message-list.js.map

package/lib/webchat/message-list.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/webchat/message-list.jsx"],"names":["StyledMessages","styled","div","DefaultIntroImage","img","WebchatMessageList","props","WebchatContext","webchatState","getThemeProperty","animationsEnabled","WEBCHAT","CUSTOM_PROPERTIES","enableAnimations","CustomIntro","customIntro","introImage","introStyle","scrollbarOptions","enable","autoHide","scrollbar","DefaultIntro","ROLES","MESSAGE_LIST","style","children","messagesComponents","map","e","i","MESSAGE"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,cAAc,GAAGC,6BAAOC,GAAV,0NAApB;;AASA,IAAMC,iBAAiB,GAAGF,6BAAOG,GAAV,8HAAvB;;AAKO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAAAC,KAAK,EAAI;AACzC,oBAA2C,uBAAWC,wBAAX,CAA3C;AAAA,MAAQC,YAAR,eAAQA,YAAR;AAAA,MAAsBC,gBAAtB,eAAsBA,gBAAtB;;AACA,MAAMC,iBAAiB,GAAGD,gBAAgB,CACxCE,mBAAQC,iBAAR,CAA0BC,gBADc,EAExC,IAFwC,CAA1C;AAIA,MAAMC,WAAW,GAAGL,gBAAgB,CAACE,mBAAQC,iBAAR,CAA0BG,WAA3B,CAApC;AACA,MAAMC,UAAU,GAAGP,gBAAgB,CAACE,mBAAQC,iBAAR,CAA0BI,UAA3B,CAAnC;AACA,MAAMC,UAAU,GAAGR,gBAAgB,CAACE,mBAAQC,iBAAR,CAA0BK,UAA3B,CAAnC;;AAEA,MAAMC,gBAAgB,mCACjB;AAAEC,IAAAA,MAAM,EAAE,IAAV;AAAgBC,IAAAA,QAAQ,EAAE;AAA1B,GADiB,GAEjBX,gBAAgB,CAACE,mBAAQC,iBAAR,CAA0BS,SAA3B,CAFC,CAAtB;;AAKA,MAAMC,YAAY,GAAGN,UAAU,iBAC7B,gCAAC,iBAAD;AACE,IAAA,KAAK,oBACAC,UADA,CADP;AAIE,IAAA,GAAG,EAAE,+BAAaD,UAAb;AAJP,IADF;;AASA,sBACE,gCAAC,gCAAD;AACE,IAAA,IAAI,EAAEO,iBAAMC,YADd,CAEE;AAFF;AAGE,IAAA,EAAE,EAAC,4BAHL;AAIE,IAAA,SAAS,EAAEN,gBAJb;AAKE,IAAA,QAAQ,EAAEA,gBAAgB,CAACE,QAL7B;AAME,IAAA,mBAAmB,EAAC,MANtB;AAOE,IAAA,KAAK,oBACAd,KAAK,CAACmB,KADN;AAPP,KAWG,CAACX,WAAW,IAAIQ,YAAhB,kBACC,gCAAC,0BAAD;AACE,IAAA,SAAS,EAAEZ,iBADb;AAEE,IAAA,OAAO,EAAE,iBAAAgB,QAAQ;AAAA,0BAAI,gCAAC,gBAAD,QAAOA,QAAP,CAAJ;AAAA;AAFnB,KAIGZ,WAAW,gBAAG,gCAAC,WAAD,OAAH,GAAqBQ,YAJnC,CAZJ,EAmBGd,YAAY,CAACmB,kBAAb,CAAgCC,GAAhC,CAAoC,UAACC,CAAD,EAAIC,CAAJ;AAAA,wBACnC,gCAAC,cAAD;AAAgB,MAAA,IAAI,EAAEP,iBAAMQ,OAA5B;AAAqC,MAAA,GAAG,EAAED;AAA1C,OACGD,CADH,CADmC;AAAA,GAApC,CAnBH,EAwBGvB,KAAK,CAACoB,QAxBT,CADF;AA4BD,CApDM","sourcesContent":["import React, { useContext } from 'react'\nimport Fade from 'react-reveal/Fade'\nimport styled from 'styled-components'\n\nimport { ROLES, WEBCHAT } from '../constants'\nimport { WebchatContext } from '../contexts'\nimport { resolveImage } from '../util/environment'\nimport { ConditionalWrapper } from '../util/react'\nimport { StyledScrollbar } from './components/styled-scrollbar'\n\nconst StyledMessages = styled.div`\n  display: flex;\n  overflow-x: hidden;\n  flex-direction: column;\n  flex: none;\n  white-space: pre;\n  word-wrap: break-word;\n`\n\nconst DefaultIntroImage = styled.img`\n  max-height: 50%;\n  width: 100%;\n`\n\nexport const WebchatMessageList = props => {\n  const { webchatState, getThemeProperty } = useContext(WebchatContext)\n  const animationsEnabled = getThemeProperty(\n    WEBCHAT.CUSTOM_PROPERTIES.enableAnimations,\n    true\n  )\n  const CustomIntro = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customIntro)\n  const introImage = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.introImage)\n  const introStyle = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.introStyle)\n\n  const scrollbarOptions = {\n    ...{ enable: true, autoHide: true },\n    ...getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.scrollbar),\n  }\n\n  const DefaultIntro = introImage && (\n    <DefaultIntroImage\n      style={{\n        ...introStyle,\n      }}\n      src={resolveImage(introImage)}\n    />\n  )\n\n  return (\n    <StyledScrollbar\n      role={ROLES.MESSAGE_LIST}\n      // TODO: Distinguis between multiple instances of webchat, e.g. `${uniqueId}-botonic-scrollable`\n      id='botonic-scrollable-content'\n      scrollbar={scrollbarOptions}\n      autoHide={scrollbarOptions.autoHide}\n      ismessagescontainer='true'\n      style={{\n        ...props.style,\n      }}\n    >\n      {(CustomIntro || DefaultIntro) && (\n        <ConditionalWrapper\n          condition={animationsEnabled}\n          wrapper={children => <Fade>{children}</Fade>}\n        >\n          {CustomIntro ? <CustomIntro /> : DefaultIntro}\n        </ConditionalWrapper>\n      )}\n      {webchatState.messagesComponents.map((e, i) => (\n        <StyledMessages role={ROLES.MESSAGE} key={i}>\n          {e}\n        </StyledMessages>\n      ))}\n      {props.children}\n    </StyledScrollbar>\n  )\n}\n"],"file":"message-list.js"}