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

package/lib/cjs/webchat/use-storage-state-hook.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStorageState = void 0;
+const react_1 = require("react");
+// Code taken from https://github.com/leny/react-use-storage/blob/master/src/index.js
+const IS_BROWSER = typeof window !== 'undefined' &&
+    typeof navigator !== 'undefined' &&
+    typeof document !== 'undefined';
+function useStorageState(storage, key, defaultValue) {
+    var _a, _b;
+    let evtTarget;
+    try {
+        evtTarget = new EventTarget();
+    }
+    catch (_c) {
+        evtTarget = (_b = (_a = (IS_BROWSER ? document : {})) === null || _a === void 0 ? void 0 : _a.createElement) === null || _b === void 0 ? void 0 : _b.call(_a, 'phony');
+    }
+    const raw = storage === null || storage === void 0 ? void 0 : storage.getItem(key);
+    const [value, setValue] = (0, react_1.useState)(raw ? JSON.parse(raw) : defaultValue);
+    const updater = (0, react_1.useCallback)((updatedValue, remove = false) => {
+        setValue(updatedValue);
+        storage[remove ? 'removeItem' : 'setItem'](key, JSON.stringify(updatedValue));
+        evtTarget.dispatchEvent(new CustomEvent('storage_change', { detail: { key } }));
+    }, [key]);
+    defaultValue != null && !raw && updater(defaultValue);
+    (0, react_1.useEffect)(() => {
+        const listener = ({ detail }) => {
+            if (detail.key === key) {
+                const lraw = storage === null || storage === void 0 ? void 0 : storage.getItem(key);
+                lraw !== raw && setValue(JSON.parse(lraw));
+            }
+        };
+        evtTarget.addEventListener('storage_change', listener);
+        return () => evtTarget.removeEventListener('storage_change', listener);
+    });
+    if (storage === null) {
+        return [undefined, undefined];
+    }
+    return [value, updater, () => updater(null, true)];
+}
+exports.useStorageState = useStorageState;
+//# sourceMappingURL=use-storage-state-hook.js.map

package/lib/cjs/webchat/use-storage-state-hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-storage-state-hook.js","sourceRoot":"src/","sources":["webchat/use-storage-state-hook.js"],"names":[],"mappings":";;;AAAA,iCAAwD;AAExD,qFAAqF;AACrF,MAAM,UAAU,GACd,OAAO,MAAM,KAAK,WAAW;IAC7B,OAAO,SAAS,KAAK,WAAW;IAChC,OAAO,QAAQ,KAAK,WAAW,CAAA;AAEjC,SAAgB,eAAe,CAAC,OAAO,EAAE,GAAG,EAAE,YAAY;;IACxD,IAAI,SAAS,CAAA;IAEb,IAAI;QACF,SAAS,GAAG,IAAI,WAAW,EAAE,CAAA;KAC9B;IAAC,WAAM;QACN,SAAS,GAAG,MAAA,MAAA,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,0CAAE,aAAa,mDAAG,OAAO,CAAC,CAAA;KACnE;IAED,MAAM,GAAG,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,GAAG,CAAC,CAAA;IAEjC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAA;IAExE,MAAM,OAAO,GAAG,IAAA,mBAAW,EACzB,CAAC,YAAY,EAAE,MAAM,GAAG,KAAK,EAAE,EAAE;QAC/B,QAAQ,CAAC,YAAY,CAAC,CAAA;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CACxC,GAAG,EACH,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAC7B,CAAA;QACD,SAAS,CAAC,aAAa,CACrB,IAAI,WAAW,CAAC,gBAAgB,EAAE,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACvD,CAAA;IACH,CAAC,EACD,CAAC,GAAG,CAAC,CACN,CAAA;IAED,YAAY,IAAI,IAAI,IAAI,CAAC,GAAG,IAAI,OAAO,CAAC,YAAY,CAAC,CAAA;IAErD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;YAC9B,IAAI,MAAM,CAAC,GAAG,KAAK,GAAG,EAAE;gBACtB,MAAM,IAAI,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,GAAG,CAAC,CAAA;gBAElC,IAAI,KAAK,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;aAC3C;QACH,CAAC,CAAA;QAED,SAAS,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAA;QACtD,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,mBAAmB,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAA;IACxE,CAAC,CAAC,CAAA;IAEF,IAAI,OAAO,KAAK,IAAI,EAAE;QACpB,OAAO,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;KAC9B;IACD,OAAO,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;AACpD,CAAC;AA9CD,0CA8CC"}

package/lib/cjs/webchat/webchat-dev.d.ts

@@ -0,0 +1,7 @@
+export const DebugTab: any;
+export function DebugTabPortal({ webchatHooks, ...props }: {
+    [x: string]: any;
+    webchatHooks: any;
+}): React.ReactPortal;
+export const WebchatDev: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/lib/cjs/webchat/webchat-dev.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebchatDev = exports.DebugTabPortal = exports.DebugTab = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const core_1 = require("@botonic/core");
+const lodash_merge_1 = tslib_1.__importDefault(require("lodash.merge"));
+const react_1 = tslib_1.__importStar(require("react"));
+const react_dom_1 = require("react-dom");
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+const hooks_1 = require("./hooks");
+const session_view_1 = require("./session-view");
+const webchat_1 = require("./webchat");
+exports.DebugTab = styled_components_1.default.div `
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: ${props => (props.show ? '350px' : '32px')};
+  height: ${props => (props.show ? '100%' : '42px')};
+`;
+// We want the debug tab to be rendered in the <body> even if the
+// webchat is being rendered in a shadowDOM, that's why we need a portal
+const DebugTabPortal = (_a) => {
+    var { webchatHooks } = _a, props = tslib_1.__rest(_a, ["webchatHooks"]);
+    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(exports.DebugTab, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(session_view_1.SessionView, { webchatHooks: webchatHooks }) })), document.body);
+};
+exports.DebugTabPortal = DebugTabPortal;
+const initialSession = {
+    is_first_interaction: true,
+    last_session: {},
+    user: {
+        id: '000001',
+        username: 'johndoe',
+        name: 'John Doe',
+        provider: core_1.PROVIDER.DEV,
+        provider_id: '0000000',
+        extra_data: {},
+    },
+    organization: '',
+    bot: {
+        id: '0000000',
+        name: 'botName',
+    },
+};
+// eslint-disable-next-line react/display-name
+exports.WebchatDev = (0, react_1.forwardRef)((props, ref) => {
+    const webchatHooks = (0, hooks_1.useWebchat)();
+    const { webchatState, updateTheme } = webchatHooks;
+    /* TODO: webchatState.theme should be included in the dependencies array
+    together with props.theme. The problem is that this effect modifies webchatState
+    so we enter an infinite rerender loop. */
+    (0, react_1.useEffect)(() => {
+        updateTheme((0, lodash_merge_1.default)(webchatState.theme, props.theme));
+    }, [props.theme]);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(webchat_1.Webchat, Object.assign({ style: { flex: 1, position: 'relative' } }, props, { ref: ref, webchatHooks: webchatHooks, initialSession: initialSession, initialDevSettings: {
+                    keepSessionOnReload: webchatState.devSettings.keepSessionOnReload,
+                    showSessionView: webchatState.devSettings.showSessionView,
+                } })), (0, jsx_runtime_1.jsx)(exports.DebugTabPortal, { show: webchatState.devSettings.showSessionView, webchatHooks: webchatHooks })] }));
+});
+//# sourceMappingURL=webchat-dev.js.map

package/lib/cjs/webchat/webchat-dev.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webchat-dev.js","sourceRoot":"src/","sources":["webchat/webchat-dev.jsx"],"names":[],"mappings":";;;;;AAAA,wCAAwC;AACxC,wEAAgC;AAChC,uDAAoD;AACpD,yCAAwC;AACxC,kFAAsC;AAEtC,mCAAoC;AACpC,iDAA4C;AAC5C,uCAAmC;AAEtB,QAAA,QAAQ,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;WAIvB,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;YACvC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;CAClD,CAAA;AAED,iEAAiE;AACjE,wEAAwE;AACjE,MAAM,cAAc,GAAG,CAAC,EAA0B,EAAE,EAAE;QAA9B,EAAE,YAAY,OAAY,EAAP,KAAK,sBAAxB,gBAA0B,CAAF;IACrD,OAAA,IAAA,wBAAY,EACV,uBAAC,gBAAQ,oBAAK,KAAK,cACjB,uBAAC,0BAAW,IAAC,YAAY,EAAE,YAAY,GAAI,IAClC,EACX,QAAQ,CAAC,IAAI,CACd,CAAA;CAAA,CAAA;AANU,QAAA,cAAc,kBAMxB;AAEH,MAAM,cAAc,GAAG;IACrB,oBAAoB,EAAE,IAAI;IAC1B,YAAY,EAAE,EAAE;IAChB,IAAI,EAAE;QACJ,EAAE,EAAE,QAAQ;QACZ,QAAQ,EAAE,SAAS;QACnB,IAAI,EAAE,UAAU;QAChB,QAAQ,EAAE,eAAQ,CAAC,GAAG;QACtB,WAAW,EAAE,SAAS;QACtB,UAAU,EAAE,EAAE;KACf;IACD,YAAY,EAAE,EAAE;IAChB,GAAG,EAAE;QACH,EAAE,EAAE,SAAS;QACb,IAAI,EAAE,SAAS;KAChB;CACF,CAAA;AAED,8CAA8C;AACjC,QAAA,UAAU,GAAG,IAAA,kBAAU,EAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAClD,MAAM,YAAY,GAAG,IAAA,kBAAU,GAAE,CAAA;IACjC,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,YAAY,CAAA;IAElD;;6CAEyC;IACzC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,WAAW,CAAC,IAAA,sBAAK,EAAC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IACrD,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,6DACE,uBAAC,iBAAO,kBACN,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,IACpC,KAAK,IACT,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,kBAAkB,EAAE;oBAClB,mBAAmB,EAAE,YAAY,CAAC,WAAW,CAAC,mBAAmB;oBACjE,eAAe,EAAE,YAAY,CAAC,WAAW,CAAC,eAAe;iBAC1D,IACD,EACF,uBAAC,sBAAc,IACb,IAAI,EAAE,YAAY,CAAC,WAAW,CAAC,eAAe,EAC9C,YAAY,EAAE,YAAY,GAC1B,IACD,CACJ,CAAA;AACH,CAAC,CAAC,CAAA"}

package/lib/cjs/webchat/webchat-reducer.d.ts

@@ -0,0 +1 @@
+export function webchatReducer(state: any, action: any): any;

package/lib/cjs/webchat/webchat-reducer.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.webchatReducer = void 0;
+const actions_1 = require("./actions");
+const messages_reducer_1 = require("./messages-reducer");
+// eslint-disable-next-line complexity
+function webchatReducer(state, action) {
+    switch (action.type) {
+        case actions_1.UPDATE_WEBVIEW:
+            return Object.assign(Object.assign({}, state), action.payload);
+        case actions_1.UPDATE_SESSION:
+            return Object.assign(Object.assign({}, state), { session: Object.assign({}, action.payload) });
+        case actions_1.UPDATE_TYPING:
+            return Object.assign(Object.assign({}, state), { typing: action.payload });
+        case actions_1.UPDATE_THEME:
+            return Object.assign(Object.assign({}, state), action.payload);
+        case actions_1.UPDATE_HANDOFF:
+            return Object.assign(Object.assign({}, state), { handoff: action.payload });
+        case actions_1.TOGGLE_WEBCHAT:
+            return Object.assign(Object.assign({}, state), { isWebchatOpen: action.payload });
+        case actions_1.TOGGLE_EMOJI_PICKER:
+            return Object.assign(Object.assign({}, state), { isEmojiPickerOpen: action.payload });
+        case actions_1.TOGGLE_PERSISTENT_MENU:
+            return Object.assign(Object.assign({}, state), { isPersistentMenuOpen: action.payload });
+        case actions_1.TOGGLE_COVER_COMPONENT:
+            return Object.assign(Object.assign({}, state), { isCoverComponentOpen: action.payload });
+        case actions_1.DO_RENDER_CUSTOM_COMPONENT:
+            return Object.assign(Object.assign({}, state), { isCustomComponentRendered: action.payload });
+        case actions_1.SET_ERROR:
+            return Object.assign(Object.assign({}, state), { error: action.payload || {} });
+        case actions_1.SET_ONLINE:
+            return Object.assign(Object.assign({}, state), { online: action.payload });
+        case actions_1.UPDATE_DEV_SETTINGS:
+            return Object.assign(Object.assign({}, state), { devSettings: Object.assign({}, action.payload) });
+        case actions_1.UPDATE_LATEST_INPUT:
+            return Object.assign(Object.assign({}, state), { latestInput: action.payload });
+        case actions_1.UPDATE_LAST_ROUTE_PATH:
+            return Object.assign(Object.assign({}, state), { lastRoutePath: action.payload });
+        case actions_1.SET_CURRENT_ATTACHMENT:
+            return Object.assign(Object.assign({}, state), { currentAttachment: action.payload });
+        case actions_1.UPDATE_JWT:
+            return Object.assign(Object.assign({}, state), { jwt: action.payload });
+        default:
+            return (0, messages_reducer_1.messagesReducer)(state, action);
+    }
+}
+exports.webchatReducer = webchatReducer;
+//# sourceMappingURL=webchat-reducer.js.map

package/lib/cjs/webchat/webchat-reducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webchat-reducer.js","sourceRoot":"src/","sources":["webchat/webchat-reducer.js"],"names":[],"mappings":";;;AAAA,uCAkBkB;AAClB,yDAAoD;AAEpD,sCAAsC;AACtC,SAAgB,cAAc,CAAC,KAAK,EAAE,MAAM;IAC1C,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,wBAAc;YACjB,uCAAY,KAAK,GAAK,MAAM,CAAC,OAAO,EAAE;QACxC,KAAK,wBAAc;YACjB,uCAAY,KAAK,KAAE,OAAO,oBAAO,MAAM,CAAC,OAAO,KAAI;QACrD,KAAK,uBAAa;YAChB,uCAAY,KAAK,KAAE,MAAM,EAAE,MAAM,CAAC,OAAO,IAAE;QAC7C,KAAK,sBAAY;YACf,uCACK,KAAK,GACL,MAAM,CAAC,OAAO,EAClB;QACH,KAAK,wBAAc;YACjB,uCAAY,KAAK,KAAE,OAAO,EAAE,MAAM,CAAC,OAAO,IAAE;QAC9C,KAAK,wBAAc;YACjB,uCAAY,KAAK,KAAE,aAAa,EAAE,MAAM,CAAC,OAAO,IAAE;QACpD,KAAK,6BAAmB;YACtB,uCAAY,KAAK,KAAE,iBAAiB,EAAE,MAAM,CAAC,OAAO,IAAE;QACxD,KAAK,gCAAsB;YACzB,uCAAY,KAAK,KAAE,oBAAoB,EAAE,MAAM,CAAC,OAAO,IAAE;QAC3D,KAAK,gCAAsB;YACzB,uCAAY,KAAK,KAAE,oBAAoB,EAAE,MAAM,CAAC,OAAO,IAAE;QAC3D,KAAK,oCAA0B;YAC7B,uCAAY,KAAK,KAAE,yBAAyB,EAAE,MAAM,CAAC,OAAO,IAAE;QAChE,KAAK,mBAAS;YACZ,uCAAY,KAAK,KAAE,KAAK,EAAE,MAAM,CAAC,OAAO,IAAI,EAAE,IAAE;QAClD,KAAK,oBAAU;YACb,uCAAY,KAAK,KAAE,MAAM,EAAE,MAAM,CAAC,OAAO,IAAE;QAC7C,KAAK,6BAAmB;YACtB,uCAAY,KAAK,KAAE,WAAW,oBAAO,MAAM,CAAC,OAAO,KAAI;QACzD,KAAK,6BAAmB;YACtB,uCAAY,KAAK,KAAE,WAAW,EAAE,MAAM,CAAC,OAAO,IAAE;QAClD,KAAK,gCAAsB;YACzB,uCAAY,KAAK,KAAE,aAAa,EAAE,MAAM,CAAC,OAAO,IAAE;QACpD,KAAK,gCAAsB;YACzB,uCAAY,KAAK,KAAE,iBAAiB,EAAE,MAAM,CAAC,OAAO,IAAE;QACxD,KAAK,oBAAU;YACb,uCAAY,KAAK,KAAE,GAAG,EAAE,MAAM,CAAC,OAAO,IAAE;QAC1C;YACE,OAAO,IAAA,kCAAe,EAAC,KAAK,EAAE,MAAM,CAAC,CAAA;KACxC;AACH,CAAC;AA1CD,wCA0CC"}

package/lib/cjs/webchat/webchat.d.ts

@@ -0,0 +1,3 @@
+export function getParsedAction(botonicAction: any): any;
+export const Webchat: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';