@botonic/react 0.23.1-alpha.0 → 0.23.2-alpha.0

package/lib/esm/webchat/hooks.js

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

package/lib/esm/webchat/hooks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hooks.js","sourceRoot":"src/","sources":["webchat/hooks.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAExE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,EACL,WAAW,EACX,qBAAqB,EACrB,cAAc,EACd,0BAA0B,EAC1B,sBAAsB,EACtB,SAAS,EACT,UAAU,EACV,sBAAsB,EACtB,mBAAmB,EACnB,sBAAsB,EACtB,cAAc,EACd,mBAAmB,EACnB,cAAc,EACd,UAAU,EACV,wBAAwB,EACxB,sBAAsB,EACtB,mBAAmB,EACnB,cAAc,EACd,cAAc,EACd,cAAc,EACd,YAAY,EACZ,aAAa,EACb,cAAc,GACf,MAAM,WAAW,CAAA;AAClB,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK;IAC7B,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,MAAM;IAC/B,YAAY,EAAE,EAAE;IAChB,kBAAkB,EAAE,EAAE;IACtB,OAAO,EAAE,EAAE;IACX,WAAW,EAAE,EAAE;IACf,MAAM,EAAE,KAAK;IACb,OAAO,EAAE,IAAI;IACb,aAAa,EAAE,IAAI;IACnB,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE;IACvB,aAAa,EAAE,IAAI;IACnB,OAAO,EAAE,KAAK;IACd,KAAK,EAAE;QACL,WAAW,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK;QACnC,UAAU,EAAE,MAAM,CAAC,YAAY;QAC/B,UAAU,EAAE,OAAO,CAAC,QAAQ,CAAC,IAAI;QACjC,kBAAkB,EAAE,SAAS;QAC7B,eAAe,EAAE,OAAO,CAAC,QAAQ,CAAC,WAAW;QAC7C,KAAK,EAAE;YACL,UAAU,EAAE,OAAO,CAAC,QAAQ,CAAC,WAAW;SACzC;KACF;IACD,YAAY,EAAE,EAAE;IAChB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,IAAI;IACZ,WAAW,EAAE,EAAE,mBAAmB,EAAE,KAAK,EAAE;IAC3C,aAAa,EAAE,KAAK;IACpB,iBAAiB,EAAE,KAAK;IACxB,oBAAoB,EAAE,KAAK;IAC3B,oBAAoB,EAAE,KAAK;IAC3B,yBAAyB,EAAE,KAAK;IAChC,iBAAiB,EAAE,SAAS;IAC5B,iBAAiB,EAAE,SAAS;IAC5B,GAAG,EAAE,IAAI;IACT,cAAc,EAAE,CAAC;CAClB,CAAA;AAED,MAAM,UAAU,UAAU;IACxB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,UAAU,CAChD,cAAc,EACd,mBAAmB,CACpB,CAAA;IACD,MAAM,UAAU,GAAG,OAAO,CAAC,EAAE,CAC3B,eAAe,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAA;IAC1D,MAAM,mBAAmB,GAAG,OAAO,CAAC,EAAE,CACpC,eAAe,CAAC,EAAE,IAAI,EAAE,qBAAqB,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAA;IACpE,MAAM,aAAa,GAAG,OAAO,CAAC,EAAE,CAC9B,eAAe,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAA;IAC7D,MAAM,aAAa,GAAG,OAAO,CAAC,EAAE,CAC9B,eAAe,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAA;IAC7D,MAAM,iBAAiB,GAAG,KAAK,CAAC,EAAE,CAChC,eAAe,CAAC,EAAE,IAAI,EAAE,mBAAmB,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAA;IAChE,MAAM,YAAY,GAAG,MAAM,CAAC,EAAE,CAC5B,eAAe,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAA;IAC3D,MAAM,aAAa,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,CACxC,eAAe,CAAC;QACd,IAAI,EAAE,cAAc;QACpB,OAAO,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE;KAC5C,CAAC,CAAA;IACJ,MAAM,aAAa,GAAG,OAAO,CAAC,EAAE;QAC9B,eAAe,CAAC;YACd,IAAI,EAAE,cAAc;YACpB,OAAO,EAAE,OAAO;SACjB,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,mBAAmB,GAAG,IAAI,CAAC,EAAE,CACjC,eAAe,CAAC;QACd,IAAI,EAAE,sBAAsB;QAC5B,OAAO,EAAE,IAAI;KACd,CAAC,CAAA;IACJ,MAAM,aAAa,GAAG,OAAO,CAAC,EAAE,CAC9B,eAAe,CAAC;QACd,IAAI,EAAE,cAAc;QACpB,OAAO,EAAE,OAAO;KACjB,CAAC,CAAA;IACJ,MAAM,WAAW,GAAG,CAAC,KAAK,EAAE,YAAY,GAAG,SAAS,EAAE,EAAE;QACtD,MAAM,OAAO,GACX,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAA;QAClE,eAAe,CAAC;YACd,IAAI,EAAE,YAAY;YAClB,OAAO;SACR,CAAC,CAAA;IACJ,CAAC,CAAA;IACD,MAAM,iBAAiB,GAAG,QAAQ,CAAC,EAAE,CACnC,eAAe,CAAC;QACd,IAAI,EAAE,mBAAmB;QACzB,OAAO,EAAE,QAAQ;KAClB,CAAC,CAAA;IAEJ,MAAM,aAAa,GAAG,MAAM,CAAC,EAAE;QAC7B,eAAe,CAAC;YACd,IAAI,EAAE,cAAc;YACpB,OAAO,EAAE,MAAM;SAChB,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,iBAAiB,GAAG,MAAM,CAAC,EAAE,CACjC,eAAe,CAAC;QACd,IAAI,EAAE,mBAAmB;QACzB,OAAO,EAAE,MAAM;KAChB,CAAC,CAAA;IACJ,MAAM,oBAAoB,GAAG,MAAM,CAAC,EAAE,CACpC,eAAe,CAAC;QACd,IAAI,EAAE,sBAAsB;QAC5B,OAAO,EAAE,MAAM;KAChB,CAAC,CAAA;IACJ,MAAM,oBAAoB,GAAG,MAAM,CAAC,EAAE,CACpC,eAAe,CAAC;QACd,IAAI,EAAE,sBAAsB;QAC5B,OAAO,EAAE,MAAM;KAChB,CAAC,CAAA;IACJ,MAAM,uBAAuB,GAAG,MAAM,CAAC,EAAE,CACvC,eAAe,CAAC;QACd,IAAI,EAAE,0BAA0B;QAChC,OAAO,EAAE,MAAM;KAChB,CAAC,CAAA;IACJ,MAAM,QAAQ,GAAG,KAAK,CAAC,EAAE,CACvB,eAAe,CAAC;QACd,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,KAAK;KACf,CAAC,CAAA;IACJ,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,CACzB,eAAe,CAAC;QACd,IAAI,EAAE,UAAU;QAChB,OAAO,EAAE,MAAM;KAChB,CAAC,CAAA;IAEJ,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,eAAe,CAAC;YACd,IAAI,EAAE,cAAc;SACrB,CAAC,CAAA;IACJ,CAAC,CAAA;IACD,MAAM,qBAAqB,GAAG,IAAI,CAAC,EAAE;QACnC,eAAe,CAAC;YACd,IAAI,EAAE,wBAAwB;YAC9B,OAAO,EAAE,IAAI;SACd,CAAC,CAAA;IACJ,CAAC,CAAA;IACD,MAAM,oBAAoB,GAAG,UAAU,CAAC,EAAE;QACxC,eAAe,CAAC;YACd,IAAI,EAAE,sBAAsB;YAC5B,OAAO,EAAE,UAAU;SACpB,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,SAAS,GAAG,GAAG,CAAC,EAAE;QACtB,eAAe,CAAC;YACd,IAAI,EAAE,UAAU;YAChB,OAAO,EAAE,GAAG;SACb,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,OAAO;QACL,YAAY;QACZ,eAAe;QACf,UAAU;QACV,mBAAmB;QACnB,aAAa;QACb,aAAa;QACb,iBAAiB;QACjB,YAAY;QACZ,aAAa;QACb,aAAa;QACb,mBAAmB;QACnB,aAAa;QACb,WAAW;QACX,iBAAiB;QACjB,aAAa;QACb,iBAAiB;QACjB,oBAAoB;QACpB,oBAAoB;QACpB,uBAAuB;QACvB,QAAQ;QACR,SAAS;QACT,aAAa;QACb,qBAAqB;QACrB,oBAAoB;QACpB,SAAS;KACV,CAAA;AACH,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,IAAI,EAAE;IAC3E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,EAAE,aAAa,CAAA;QAC/B,cAAc,CAAC,EAAE,IAAI,EAAE,CAAC,CAAA;QACxB,IAAI;YACF,MAAM,OAAO,GAAG,YAAY,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;YACpE,IAAI,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,MAAM,EAAE;gBACnC,YAAY,GAAG,UAAU,CACvB,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACxB,OAAO,CAAC,KAAK,GAAG,IAAI,CACrB,CAAA;aACF;iBAAM,IAAI,OAAO,CAAC,MAAM;gBAAE,YAAY,CAAC,IAAI,CAAC,CAAA;YAC7C,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,MAAM,CAAA;YACjD,IAAI,UAAU;gBACZ,aAAa,GAAG,UAAU,CAAC,GAAG,EAAE;oBAC9B,aAAa,iCAAM,OAAO,KAAE,OAAO,EAAE,IAAI,IAAG,CAAA;oBAC5C,YAAY,CAAC,KAAK,CAAC,CAAA;gBACrB,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC,CAAA;SACxB;QAAC,OAAO,CAAC,EAAE,GAAE;QACd,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,YAAY,CAAC,CAAA;YAC1B,YAAY,CAAC,aAAa,CAAC,CAAA;QAC7B,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAA;AACtD,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAAK;IAC/B,MAAM,GAAG,GAAG,MAAM,EAAE,CAAA;IACpB,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;IACrB,CAAC,CAAC,CAAA;IACF,OAAO,GAAG,CAAC,OAAO,CAAA;AACpB,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,gBAAgB,EAAE,cAAc;IAClE,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAA;IAC9E,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IACxB,MAAM,kBAAkB,GAAG,KAAK,CAAC,EAAE;QACjC,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAA;QACxD,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;YAChD,qBAAqB,CAAC,KAAK,CAAC,CAAA;YAC5B,cAAc,EAAE,CAAA;SACjB;IACH,CAAC,CAAA;IACD,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,EAAE,KAAK,CAAC,CAAA;QAC7D,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,EAAE,KAAK,CAAC,CAAA;QAClE,CAAC,CAAA;IACH,CAAC,CAAC,CAAA;IACF,OAAO,EAAE,GAAG,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,CAAA;AAC3D,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,IAAI,CAAC,EAAE;IAC1C,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;AACnB,CAAC,CAAA"}

package/src/contexts.jsx

@@ -1,37 +0,0 @@
-import { createContext } from 'react'
-
-import { webchatInitialState } from './webchat/hooks'
-
-export const RequestContext = createContext({
-  getString: () => '',
-  setLocale: () => '',
-  session: {},
-  params: {},
-  input: {},
-  defaultDelay: 0,
-  defaultTyping: 0,
-})
-
-export const WebchatContext = createContext({
-  sendText: text => {},
-  sendAttachment: attachment => {},
-  sendPayload: payload => {},
-  sendInput: input => {},
-  setReplies: replies => {},
-  openWebview: webviewComponent => {},
-  addMessage: message => {},
-  updateMessage: message => {},
-  updateReplies: replies => {},
-  updateLatestInput: input => {},
-  closeWebview: () => {},
-  toggleWebchat: toggle => {},
-  getThemeProperty: (property, defaultValue) => undefined, // used to retrieve a specific property of the theme defined by the developer in his 'webchat/index.js'
-  resolveCase: () => {},
-  theme: {},
-  webchatState: webchatInitialState,
-  unreadMessages: 0,
-  updateWebchatDevSettings: settings => {
-    return {}
-  },
-  updateUser: user => {},
-})

package/src/webchat/actions.jsx

@@ -1,23 +0,0 @@
-export const ADD_MESSAGE = 'addMessage'
-export const ADD_MESSAGE_COMPONENT = 'addMessageComponent'
-export const UPDATE_MESSAGE = 'updateMessage'
-export const UPDATE_REPLIES = 'updateReplies'
-export const UPDATE_LATEST_INPUT = 'updateLatestInput'
-export const UPDATE_TYPING = 'updateTyping'
-export const UPDATE_WEBVIEW = 'updateWebview'
-export const UPDATE_SESSION = 'updateSession'
-export const UPDATE_LAST_ROUTE_PATH = 'updateLastRoutePath'
-export const UPDATE_HANDOFF = 'updateHandoff'
-export const UPDATE_THEME = 'updateTheme'
-export const UPDATE_DEV_SETTINGS = 'updateDevSettings'
-export const TOGGLE_WEBCHAT = 'toggleWebchat'
-export const TOGGLE_EMOJI_PICKER = 'toggleEmojiPicker'
-export const TOGGLE_PERSISTENT_MENU = 'togglePersistentMenu'
-export const TOGGLE_COVER_COMPONENT = 'toggleCoverComponent'
-export const DO_RENDER_CUSTOM_COMPONENT = 'doRenderCustomComponent'
-export const SET_ERROR = 'setError'
-export const CLEAR_MESSAGES = 'clearMessages'
-export const UPDATE_LAST_MESSAGE_DATE = 'updateLastMessageDate'
-export const SET_CURRENT_ATTACHMENT = 'setCurrentAttachment'
-export const SET_ONLINE = 'setOnline'
-export const UPDATE_JWT = 'updateJwt'

package/src/webchat/hooks.js

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