@botonic/react 0.55.1 → 0.57.0-rslib-esm.0

package/lib/esm/webchat/components/opened-persistent-menu.js

@@ -1,37 +1,72 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OpenedPersistentMenu = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const index_1 = require("../../components/button/index");
-const constants_1 = require("../../constants");
-const context_1 = require("../context");
-const hooks_1 = require("../hooks");
-const ButtonsContainer = styled_components_1.default.div `
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
+import styled_components from "styled-components";
+import { Button } from "../../components/button/index.js";
+import { ROLES, WEBCHAT } from "../../constants.js";
+import { WebchatContext } from "../context/index.js";
+import { useComponentVisible } from "../hooks/index.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const ButtonsContainer = styled_components.div`
   position: absolute;
   z-index: 2;
   width: 100%;
   bottom: 0;
   text-align: center;
 `;
-const OpenedPersistentMenu = ({ onClick, options, borderRadius }) => {
-    const { ref, isComponentVisible } = (0, hooks_1.useComponentVisible)(true, onClick);
-    const { getThemeProperty } = (0, react_1.useContext)(context_1.WebchatContext);
-    const CustomPersistentMenu = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customPersistentMenu);
+const OpenedPersistentMenu = ({ onClick, options, borderRadius })=>{
+    const { ref, isComponentVisible } = useComponentVisible(true, onClick);
+    const { getThemeProperty } = useContext(WebchatContext);
+    const CustomPersistentMenu = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customPersistentMenu);
     let closeLabel = 'Cancel';
     try {
-        closeLabel = options.filter(opt => opt.closeLabel !== undefined)[0]
-            .closeLabel;
+        closeLabel = options.filter((opt)=>opt.closeLabel !== undefined)[0].closeLabel;
+    } catch  {
+    // do nothing
     }
-    catch {
-        // do nothing
-    }
-    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, role: constants_1.ROLES.PERSISTENT_MENU, children: isComponentVisible && CustomPersistentMenu ? ((0, jsx_runtime_1.jsx)(CustomPersistentMenu, { onClick: onClick, options: options })) : ((0, jsx_runtime_1.jsxs)(ButtonsContainer, { children: [Object.values(options).map((e, i) => {
-                    return (e.label && ((0, jsx_runtime_1.jsx)(index_1.Button, { onClick: onClick, url: e.url, target: e.target, webview: e.webview, payload: e.payload, children: e.label }, i)));
-                }), (0, jsx_runtime_1.jsx)(index_1.Button, { onClick: onClick, bottomRadius: borderRadius, children: closeLabel })] })) }));
+    return /*#__PURE__*/ jsx("div", {
+        ref: ref,
+        role: ROLES.PERSISTENT_MENU,
+        children: isComponentVisible && CustomPersistentMenu ? /*#__PURE__*/ jsx(CustomPersistentMenu, {
+            onClick: onClick,
+            options: options
+        }) : /*#__PURE__*/ jsxs(ButtonsContainer, {
+            children: [
+                Object.values(options).map((e, i)=>{
+                    return e.label && /*#__PURE__*/ jsx(Button, {
+                        onClick: onClick,
+                        url: e.url,
+                        target: e.target,
+                        webview: e.webview,
+                        payload: e.payload,
+                        children: e.label
+                    }, i);
+                }),
+                /*#__PURE__*/ jsx(Button, {
+                    onClick: onClick,
+                    bottomRadius: borderRadius,
+                    children: closeLabel
+                })
+            ]
+        })
+    });
 };
-exports.OpenedPersistentMenu = OpenedPersistentMenu;
-exports.default = exports.OpenedPersistentMenu;
+/* export default */ const opened_persistent_menu = (OpenedPersistentMenu);
+
+export { OpenedPersistentMenu };
+export default opened_persistent_menu;
+
 //# sourceMappingURL=opened-persistent-menu.js.map

package/lib/esm/webchat/components/opened-persistent-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"opened-persistent-menu.js","sourceRoot":"","sources":["../../../../src/webchat/components/opened-persistent-menu.jsx"],"names":[],"mappings":";;;;;AAAA,iCAAkC;AAClC,kFAAsC;AAEtC,yDAAsD;AACtD,+CAAgD;AAChD,wCAA2C;AAC3C,oCAA8C;AAE9C,MAAM,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;CAMlC,CAAA;AAEM,MAAM,oBAAoB,GAAG,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE;IACzE,MAAM,EAAE,GAAG,EAAE,kBAAkB,EAAE,GAAG,IAAA,2BAAmB,EAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IACtE,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IACvD,MAAM,oBAAoB,GAAG,gBAAgB,CAC3C,mBAAO,CAAC,iBAAiB,CAAC,oBAAoB,CAC/C,CAAA;IACD,IAAI,UAAU,GAAG,QAAQ,CAAA;IACzB,IAAI,CAAC;QACH,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC;aAChE,UAAU,CAAA;IACf,CAAC;IAAC,MAAM,CAAC;QACP,aAAa;IACf,CAAC;IACD,OAAO,CACL,gCAAK,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,iBAAK,CAAC,eAAe,YACvC,kBAAkB,IAAI,oBAAoB,CAAC,CAAC,CAAC,CAC5C,uBAAC,oBAAoB,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAI,CAC7D,CAAC,CAAC,CAAC,CACF,wBAAC,gBAAgB,eACd,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;oBACnC,OAAO,CACL,CAAC,CAAC,KAAK,IAAI,CACT,uBAAC,cAAM,IACL,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,CAAC,CAAC,GAAG,EACV,MAAM,EAAE,CAAC,CAAC,MAAM,EAChB,OAAO,EAAE,CAAC,CAAC,OAAO,EAClB,OAAO,EAAE,CAAC,CAAC,OAAO,YAGjB,CAAC,CAAC,KAAK,IAFH,CAAC,CAGC,CACV,CACF,CAAA;gBACH,CAAC,CAAC,EACF,uBAAC,cAAM,IAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,YACjD,UAAU,GACJ,IACQ,CACpB,GACG,CACP,CAAA;AACH,CAAC,CAAA;AA1CY,QAAA,oBAAoB,wBA0ChC;AAED,kBAAe,4BAAoB,CAAA"}
+{"version":3,"file":"webchat/components/opened-persistent-menu.js","sources":["../../../../src/webchat/components/opened-persistent-menu.jsx"],"sourcesContent":["import { useContext } from 'react'\nimport styled from 'styled-components'\n\nimport { Button } from '../../components/button/index'\nimport { ROLES, WEBCHAT } from '../../constants'\nimport { WebchatContext } from '../context'\nimport { useComponentVisible } from '../hooks'\n\nconst ButtonsContainer = styled.div`\n  position: absolute;\n  z-index: 2;\n  width: 100%;\n  bottom: 0;\n  text-align: center;\n`\n\nexport const OpenedPersistentMenu = ({ onClick, options, borderRadius }) => {\n  const { ref, isComponentVisible } = useComponentVisible(true, onClick)\n  const { getThemeProperty } = useContext(WebchatContext)\n  const CustomPersistentMenu = getThemeProperty(\n    WEBCHAT.CUSTOM_PROPERTIES.customPersistentMenu\n  )\n  let closeLabel = 'Cancel'\n  try {\n    closeLabel = options.filter(opt => opt.closeLabel !== undefined)[0]\n      .closeLabel\n  } catch {\n    // do nothing\n  }\n  return (\n    <div ref={ref} role={ROLES.PERSISTENT_MENU}>\n      {isComponentVisible && CustomPersistentMenu ? (\n        <CustomPersistentMenu onClick={onClick} options={options} />\n      ) : (\n        <ButtonsContainer>\n          {Object.values(options).map((e, i) => {\n            return (\n              e.label && (\n                <Button\n                  onClick={onClick}\n                  url={e.url}\n                  target={e.target}\n                  webview={e.webview}\n                  payload={e.payload}\n                  key={i}\n                >\n                  {e.label}\n                </Button>\n              )\n            )\n          })}\n          <Button onClick={onClick} bottomRadius={borderRadius}>\n            {closeLabel}\n          </Button>\n        </ButtonsContainer>\n      )}\n    </div>\n  )\n}\n\nexport default OpenedPersistentMenu\n"],"names":["useContext","styled","Button","ROLES","WEBCHAT","WebchatContext","useComponentVisible","ButtonsContainer","OpenedPersistentMenu","onClick","options","borderRadius","ref","isComponentVisible","getThemeProperty","CustomPersistentMenu","closeLabel","opt","undefined","Object","e","i"],"mappings":";;;;;;;;;;;;;;;;AAAkC;AACI;AAEgB;AACN;AACL;AACG;AAE9C,MAAMO,gBAAgBA,GAAGN,qBAAU,CAAC;;;;;;AAMpC,CAAC;AAEM,MAAMO,oBAAoBA,GAAG,CAAC,EAAEC,OAAO,EAAEC,OAAO,EAAEC,YAAY,EAAE;IACrE,MAAM,EAAEC,GAAG,EAAEC,kBAAkB,EAAE,GAAGP,mBAAmBA,CAAC,MAAMG;IAC9D,MAAM,EAAEK,gBAAgB,EAAE,GAAGd,UAAUA,CAACK,cAAcA;IACtD,MAAMU,uBAAuBD,iBAC3BV,8CAA8C;IAEhD,IAAIY,aAAa;IACjB,IAAI;QACFA,aAAaN,QAAQ,MAAM,CAACO,CAAAA,MAAOA,IAAI,UAAU,KAAKC,UAAU,CAAC,EAAE,CAChE,UAAU;IACf,EAAE,OAAM;IACN,aAAa;IACf;IACA,qBACE,IAAC;QAAI,KAAKN;QAAK,MAAMT,qBAAqB;kBACvCU,sBAAsBE,qCACrB,IAACA;YAAqB,SAASN;YAAS,SAASC;2BAEjD,KAACH,gBAAgBA;;gBACdY,OAAO,MAAM,CAACT,SAAS,GAAG,CAAC,CAACU,GAAGC;oBAC9B,OACED,EAAE,KAAK,kBACL,IAAClB,MAAMA;wBACL,SAASO;wBACT,KAAKW,EAAE,GAAG;wBACV,QAAQA,EAAE,MAAM;wBAChB,SAASA,EAAE,OAAO;wBAClB,SAASA,EAAE,OAAO;kCAGjBA,EAAE,KAAK;uBAFHC;gBAMb;8BACA,IAACnB,MAAMA;oBAAC,SAASO;oBAAS,cAAcE;8BACrCK;;;;;AAMb,EAAC;AAED,qDAAeR,oBAAoBA,EAAA"}

package/lib/esm/webchat/constants.js

@@ -1,13 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BotonicContainerId = void 0;
 // Convert to an enum when all the files using these values are migrated to ts{x}
-exports.BotonicContainerId = {
+const BotonicContainerId = {
     Webchat: 'botonic-webchat',
     Header: 'botonic-header',
     ChatArea: 'botonic-chat-area',
     ScrollableMessagesList: 'botonic-scrollable-messages-list',
     RepliesContainer: 'botonic-replies-container',
-    InputPanel: 'botonic-input-panel',
+    InputPanel: 'botonic-input-panel'
 };
+
+export { BotonicContainerId };
+
 //# sourceMappingURL=constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/webchat/constants.ts"],"names":[],"mappings":";;;AAAA,iFAAiF;AACpE,QAAA,kBAAkB,GAAG;IAChC,OAAO,EAAE,iBAAiB;IAC1B,MAAM,EAAE,gBAAgB;IACxB,QAAQ,EAAE,mBAAmB;IAC7B,sBAAsB,EAAE,kCAAkC;IAC1D,gBAAgB,EAAE,2BAA2B;IAC7C,UAAU,EAAE,qBAAqB;CAClC,CAAA"}
+{"version":3,"file":"webchat/constants.js","sources":["../../../src/webchat/constants.ts"],"sourcesContent":["// Convert to an enum when all the files using these values are migrated to ts{x}\nexport const BotonicContainerId = {\n  Webchat: 'botonic-webchat',\n  Header: 'botonic-header',\n  ChatArea: 'botonic-chat-area',\n  ScrollableMessagesList: 'botonic-scrollable-messages-list',\n  RepliesContainer: 'botonic-replies-container',\n  InputPanel: 'botonic-input-panel',\n}\n"],"names":["BotonicContainerId"],"mappings":"AAAA,iFAAiF;AAC1E,MAAMA,kBAAkBA,GAAG;IAChC,SAAS;IACT,QAAQ;IACR,UAAU;IACV,wBAAwB;IACxB,kBAAkB;IAClB,YAAY;AACd,EAAC"}

package/lib/esm/webchat/context/actions.js

@@ -1,9 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WebchatAction = void 0;
-/* eslint-disable @typescript-eslint/naming-convention */
-var WebchatAction;
-(function (WebchatAction) {
+/* eslint-disable @typescript-eslint/naming-convention */ var actions_WebchatAction = /*#__PURE__*/ function(WebchatAction) {
     WebchatAction["ADD_MESSAGE"] = "addMessage";
     WebchatAction["ADD_MESSAGE_COMPONENT"] = "addMessageComponent";
     WebchatAction["CLEAR_MESSAGES"] = "clearMessages";
@@ -32,5 +27,9 @@ var WebchatAction;
     WebchatAction["REMOVE_REPLIES"] = "removeReplies";
     WebchatAction["REMOVE_WEBVIEW"] = "removeWebview";
     WebchatAction["SET_IS_INPUT_FOCUSED"] = "setIsInputFocused";
-})(WebchatAction || (exports.WebchatAction = WebchatAction = {}));
+    return WebchatAction;
+}({});
+
+export { actions_WebchatAction as WebchatAction };
+
 //# sourceMappingURL=actions.js.map

package/lib/esm/webchat/context/actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"actions.js","sourceRoot":"","sources":["../../../../src/webchat/context/actions.ts"],"names":[],"mappings":";;;AAAA,yDAAyD;AACzD,IAAY,aA6BX;AA7BD,WAAY,aAAa;IACvB,2CAA0B,CAAA;IAC1B,8DAA6C,CAAA;IAC7C,iDAAgC,CAAA;IAChC,uEAAsD,CAAA;IACtD,8DAA6C,CAAA;IAC7C,gEAA+C,CAAA;IAC/C,uCAAsB,CAAA;IACtB,mEAAkD,CAAA;IAClD,yCAAwB,CAAA;IACxB,gEAA+C,CAAA;IAC/C,0DAAyC,CAAA;IACzC,gEAA+C,CAAA;IAC/C,iDAAgC,CAAA;IAChC,yEAAwD,CAAA;IACxD,0DAAyC,CAAA;IACzC,iDAAgC,CAAA;IAChC,mEAAkD,CAAA;IAClD,+DAA8C,CAAA;IAC9C,0DAAyC,CAAA;IACzC,iDAAgC,CAAA;IAChC,iDAAgC,CAAA;IAChC,iDAAgC,CAAA;IAChC,6CAA4B,CAAA;IAC5B,+CAA8B,CAAA;IAC9B,iDAAgC,CAAA;IAChC,iDAAgC,CAAA;IAChC,iDAAgC,CAAA;IAChC,2DAA0C,CAAA;AAC5C,CAAC,EA7BW,aAAa,6BAAb,aAAa,QA6BxB"}
+{"version":3,"file":"webchat/context/actions.js","sources":["../../../../src/webchat/context/actions.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/naming-convention */\nexport enum WebchatAction {\n  ADD_MESSAGE = 'addMessage',\n  ADD_MESSAGE_COMPONENT = 'addMessageComponent',\n  CLEAR_MESSAGES = 'clearMessages',\n  DO_RENDER_CUSTOM_COMPONENT = 'doRenderCustomComponent',\n  RESET_UNREAD_MESSAGES = 'resetUnreadMessages',\n  SET_CURRENT_ATTACHMENT = 'setCurrentAttachment',\n  SET_ERROR = 'setError',\n  SET_LAST_MESSAGE_VISIBLE = 'setlastMessageVisible',\n  SET_ONLINE = 'setOnline',\n  TOGGLE_COVER_COMPONENT = 'toggleCoverComponent',\n  TOGGLE_EMOJI_PICKER = 'toggleEmojiPicker',\n  TOGGLE_PERSISTENT_MENU = 'togglePersistentMenu',\n  TOGGLE_WEBCHAT = 'toggleWebchat',\n  UPDATE_CUSTOM_MESSAGE_PROPS = 'updateCustomMessageProps',\n  UPDATE_DEV_SETTINGS = 'updateDevSettings',\n  UPDATE_HANDOFF = 'updateHandoff',\n  UPDATE_LAST_MESSAGE_DATE = 'updateLastMessageDate',\n  UPDATE_LAST_ROUTE_PATH = 'updateLastRoutePath',\n  UPDATE_LATEST_INPUT = 'updateLatestInput',\n  UPDATE_MESSAGE = 'updateMessage',\n  UPDATE_REPLIES = 'updateReplies',\n  UPDATE_SESSION = 'updateSession',\n  UPDATE_THEME = 'updateTheme',\n  UPDATE_TYPING = 'updateTyping',\n  UPDATE_WEBVIEW = 'updateWebview',\n  REMOVE_REPLIES = 'removeReplies',\n  REMOVE_WEBVIEW = 'removeWebview',\n  SET_IS_INPUT_FOCUSED = 'setIsInputFocused',\n}\n"],"names":["WebchatAction"],"mappings":"AAAA,uDAAuD,GAChD,IAAKA,qBAAaA,0BAAbA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAAAA;MA6BX"}

package/lib/esm/webchat/context/index.d.ts

@@ -1,4 +1,4 @@
-import type { WebchatContextProps } from './types';
-export { ClientSession, WebchatState } from './types';
-export { useWebchat } from './use-webchat';
+import type { WebchatContextProps } from './types.js';
+export type { ClientSession, WebchatState } from './types.js';
+export { useWebchat } from './use-webchat.js';
 export declare const WebchatContext: import("react").Context<WebchatContextProps>;

package/lib/esm/webchat/context/index.js

@@ -1,102 +1,118 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WebchatContext = exports.useWebchat = void 0;
-const react_1 = require("react");
-var use_webchat_1 = require("./use-webchat");
-Object.defineProperty(exports, "useWebchat", { enumerable: true, get: function () { return use_webchat_1.useWebchat; } });
-exports.WebchatContext = (0, react_1.createContext)({
-    addMessage: () => {
+import { createContext } from "react";
+
+
+
+
+
+const WebchatContext = /*#__PURE__*/ createContext({
+    addMessage: ()=>{
         return;
     },
-    getThemeProperty: () => {
+    getThemeProperty: ()=>{
         return;
-    }, // used to retrieve a specific property of the theme defined by the developer in his 'webchat/index.js'
-    closeWebview: async () => {
+    },
+    closeWebview: async ()=>{
         return;
     },
-    openWebview: () => {
+    openWebview: ()=>{
         return;
     },
-    resolveCase: () => {
+    resolveCase: ()=>{
         return;
     },
-    resetUnreadMessages: () => {
+    resetUnreadMessages: ()=>{
         return;
     },
-    setIsInputFocused: () => {
+    setIsInputFocused: ()=>{
         return;
     },
-    setLastMessageVisible: () => {
+    setLastMessageVisible: ()=>{
         return;
     },
-    sendAttachment: async () => {
+    sendAttachment: async ()=>{
         return;
     },
-    sendInput: async () => {
+    sendInput: async ()=>{
         return;
     },
-    sendPayload: async () => {
+    sendPayload: async ()=>{
         return;
     },
-    sendText: async () => {
+    sendText: async ()=>{
         return;
     },
-    toggleCoverComponent: () => {
+    toggleCoverComponent: ()=>{
         return;
     },
-    toggleWebchat: () => {
+    toggleWebchat: ()=>{
         return;
     },
-    toggleEmojiPicker: () => {
+    toggleEmojiPicker: ()=>{
         return;
     },
-    togglePersistentMenu: () => {
+    togglePersistentMenu: ()=>{
         return;
     },
-    updateCustomMessageProps: () => {
+    updateCustomMessageProps: ()=>{
         return;
     },
-    updateLatestInput: () => {
+    updateLatestInput: ()=>{
         return;
     },
-    updateMessage: () => {
+    updateMessage: ()=>{
         return;
     },
-    updateReplies: () => {
+    updateReplies: ()=>{
         return;
     },
-    updateUser: () => {
+    updateUser: ()=>{
         return;
     },
-    updateWebchatDevSettings: () => {
+    updateWebchatDevSettings: ()=>{
         return;
     },
     webchatState: {},
     previewUtils: {
-        onClickOpenToolResults: () => {
+        onClickOpenToolResults: ()=>{
             return;
         },
-        trackPreviewEventOpened: () => {
+        trackPreviewEventOpened: ()=>{
             return;
         },
-        getChunkIdsGroupedBySource: async () => {
+        getChunkIdsGroupedBySource: async ()=>{
             return [];
         },
-        onClickOpenChunks: () => {
+        onClickOpenChunks: ()=>{
             return;
         },
-        getMessageById: async () => {
+        getMessageById: async ()=>{
             return {};
-        },
+        }
     },
-    trackEvent: async () => {
+    trackEvent: async ()=>{
         return;
     },
-    webchatContainerRef: { current: null },
-    chatAreaRef: { current: null },
-    inputPanelRef: { current: null },
-    headerRef: { current: null },
-    scrollableMessagesListRef: { current: null },
-    repliesRef: { current: null },
+    webchatContainerRef: {
+        current: null
+    },
+    chatAreaRef: {
+        current: null
+    },
+    inputPanelRef: {
+        current: null
+    },
+    headerRef: {
+        current: null
+    },
+    scrollableMessagesListRef: {
+        current: null
+    },
+    repliesRef: {
+        current: null
+    }
 });
+
+export { WebchatContext };
+export { useWebchat } from "./use-webchat.js";
+
 //# sourceMappingURL=index.js.map

package/lib/esm/webchat/context/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/context/index.tsx"],"names":[],"mappings":";;;AAAA,iCAAqC;AAOrC,6CAA0C;AAAjC,yGAAA,UAAU,OAAA;AAEN,QAAA,cAAc,GAAG,IAAA,qBAAa,EAAsB;IAC/D,UAAU,EAAE,GAAG,EAAE;QACf,OAAM;IACR,CAAC;IACD,gBAAgB,EAAE,GAAG,EAAE;QACrB,OAAM;IACR,CAAC,EAAE,uGAAuG;IAC1G,YAAY,EAAE,KAAK,IAAI,EAAE;QACvB,OAAM;IACR,CAAC;IACD,WAAW,EAAE,GAAG,EAAE;QAChB,OAAM;IACR,CAAC;IACD,WAAW,EAAE,GAAG,EAAE;QAChB,OAAM;IACR,CAAC;IACD,mBAAmB,EAAE,GAAG,EAAE;QACxB,OAAM;IACR,CAAC;IACD,iBAAiB,EAAE,GAAG,EAAE;QACtB,OAAM;IACR,CAAC;IACD,qBAAqB,EAAE,GAAG,EAAE;QAC1B,OAAM;IACR,CAAC;IACD,cAAc,EAAE,KAAK,IAAI,EAAE;QACzB,OAAM;IACR,CAAC;IACD,SAAS,EAAE,KAAK,IAAI,EAAE;QACpB,OAAM;IACR,CAAC;IACD,WAAW,EAAE,KAAK,IAAI,EAAE;QACtB,OAAM;IACR,CAAC;IACD,QAAQ,EAAE,KAAK,IAAI,EAAE;QACnB,OAAM;IACR,CAAC;IACD,oBAAoB,EAAE,GAAG,EAAE;QACzB,OAAM;IACR,CAAC;IACD,aAAa,EAAE,GAAG,EAAE;QAClB,OAAM;IACR,CAAC;IACD,iBAAiB,EAAE,GAAG,EAAE;QACtB,OAAM;IACR,CAAC;IACD,oBAAoB,EAAE,GAAG,EAAE;QACzB,OAAM;IACR,CAAC;IACD,wBAAwB,EAAE,GAAG,EAAE;QAC7B,OAAM;IACR,CAAC;IACD,iBAAiB,EAAE,GAAG,EAAE;QACtB,OAAM;IACR,CAAC;IACD,aAAa,EAAE,GAAG,EAAE;QAClB,OAAM;IACR,CAAC;IACD,aAAa,EAAE,GAAG,EAAE;QAClB,OAAM;IACR,CAAC;IACD,UAAU,EAAE,GAAG,EAAE;QACf,OAAM;IACR,CAAC;IACD,wBAAwB,EAAE,GAAG,EAAE;QAC7B,OAAM;IACR,CAAC;IACD,YAAY,EAAE,EAAkB;IAChC,YAAY,EAAE;QACZ,sBAAsB,EAAE,GAAG,EAAE;YAC3B,OAAM;QACR,CAAC;QACD,uBAAuB,EAAE,GAAG,EAAE;YAC5B,OAAM;QACR,CAAC;QACD,0BAA0B,EAAE,KAAK,IAAI,EAAE;YACrC,OAAO,EAAmC,CAAA;QAC5C,CAAC;QACD,iBAAiB,EAAE,GAAG,EAAE;YACtB,OAAM;QACR,CAAC;QACD,cAAc,EAAE,KAAK,IAAI,EAAE;YACzB,OAAO,EAA2B,CAAA;QACpC,CAAC;KACF;IAED,UAAU,EAAE,KAAK,IAAI,EAAE;QACrB,OAAM;IACR,CAAC;IACD,mBAAmB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IACtC,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAC9B,aAAa,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAChC,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAC5B,yBAAyB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAC5C,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;CAC9B,CAAC,CAAA"}
+{"version":3,"file":"webchat/context/index.js","sources":["../../../../src/webchat/context/index.tsx"],"sourcesContent":["import { createContext } from 'react'\n\nimport type { ChunkIdsGroupedBySourceData } from '../../components/system-debug-trace/events/knowledge-bases-types'\nimport type { MinimalHubtypeMessage } from '../../index-types'\nimport type { WebchatContextProps, WebchatState } from './types'\n\nexport type { ClientSession, WebchatState } from './types'\nexport { useWebchat } from './use-webchat'\n\nexport const WebchatContext = createContext<WebchatContextProps>({\n  addMessage: () => {\n    return\n  },\n  getThemeProperty: () => {\n    return\n  }, // used to retrieve a specific property of the theme defined by the developer in his 'webchat/index.js'\n  closeWebview: async () => {\n    return\n  },\n  openWebview: () => {\n    return\n  },\n  resolveCase: () => {\n    return\n  },\n  resetUnreadMessages: () => {\n    return\n  },\n  setIsInputFocused: () => {\n    return\n  },\n  setLastMessageVisible: () => {\n    return\n  },\n  sendAttachment: async () => {\n    return\n  },\n  sendInput: async () => {\n    return\n  },\n  sendPayload: async () => {\n    return\n  },\n  sendText: async () => {\n    return\n  },\n  toggleCoverComponent: () => {\n    return\n  },\n  toggleWebchat: () => {\n    return\n  },\n  toggleEmojiPicker: () => {\n    return\n  },\n  togglePersistentMenu: () => {\n    return\n  },\n  updateCustomMessageProps: () => {\n    return\n  },\n  updateLatestInput: () => {\n    return\n  },\n  updateMessage: () => {\n    return\n  },\n  updateReplies: () => {\n    return\n  },\n  updateUser: () => {\n    return\n  },\n  updateWebchatDevSettings: () => {\n    return\n  },\n  webchatState: {} as WebchatState,\n  previewUtils: {\n    onClickOpenToolResults: () => {\n      return\n    },\n    trackPreviewEventOpened: () => {\n      return\n    },\n    getChunkIdsGroupedBySource: async () => {\n      return [] as ChunkIdsGroupedBySourceData[]\n    },\n    onClickOpenChunks: () => {\n      return\n    },\n    getMessageById: async () => {\n      return {} as MinimalHubtypeMessage\n    },\n  },\n\n  trackEvent: async () => {\n    return\n  },\n  webchatContainerRef: { current: null },\n  chatAreaRef: { current: null },\n  inputPanelRef: { current: null },\n  headerRef: { current: null },\n  scrollableMessagesListRef: { current: null },\n  repliesRef: { current: null },\n})\n"],"names":["createContext","useWebchat","WebchatContext"],"mappings":";;;;AAAqC;AAOK;AAEnC,MAAME,cAAcA,iBAAGF,aAAaA,CAAsB;IAC/D,YAAY;QACV;IACF;IACA,kBAAkB;QAChB;IACF;IACA,cAAc;QACZ;IACF;IACA,aAAa;QACX;IACF;IACA,aAAa;QACX;IACF;IACA,qBAAqB;QACnB;IACF;IACA,mBAAmB;QACjB;IACF;IACA,uBAAuB;QACrB;IACF;IACA,gBAAgB;QACd;IACF;IACA,WAAW;QACT;IACF;IACA,aAAa;QACX;IACF;IACA,UAAU;QACR;IACF;IACA,sBAAsB;QACpB;IACF;IACA,eAAe;QACb;IACF;IACA,mBAAmB;QACjB;IACF;IACA,sBAAsB;QACpB;IACF;IACA,0BAA0B;QACxB;IACF;IACA,mBAAmB;QACjB;IACF;IACA,eAAe;QACb;IACF;IACA,eAAe;QACb;IACF;IACA,YAAY;QACV;IACF;IACA,0BAA0B;QACxB;IACF;IACA,cAAc,CAAC;IACf,cAAc;QACZ,wBAAwB;YACtB;QACF;QACA,yBAAyB;YACvB;QACF;QACA,4BAA4B;YAC1B,OAAO,EAAE;QACX;QACA,mBAAmB;YACjB;QACF;QACA,gBAAgB;YACd,OAAO,CAAC;QACV;IACF;IAEA,YAAY;QACV;IACF;IACA,qBAAqB;QAAE,SAAS;IAAK;IACrC,aAAa;QAAE,SAAS;IAAK;IAC7B,eAAe;QAAE,SAAS;IAAK;IAC/B,WAAW;QAAE,SAAS;IAAK;IAC3B,2BAA2B;QAAE,SAAS;IAAK;IAC3C,YAAY;QAAE,SAAS;IAAK;AAC9B,GAAE"}

package/lib/esm/webchat/context/messages-reducer.d.ts

@@ -1,5 +1,5 @@
-import { WebchatAction } from './actions';
-import type { WebchatState } from './types';
+import { WebchatAction } from './actions.js';
+import type { WebchatState } from './types.js';
 export declare const messagesReducer: (state: WebchatState, action: {
     type: WebchatAction;
     payload?: any;

package/lib/esm/webchat/context/messages-reducer.js

@@ -1,71 +1,80 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.messagesReducer = void 0;
-const index_types_1 = require("../../index-types");
-const actions_1 = require("./actions");
-const messagesReducer = (state, action) => {
-    switch (action.type) {
-        case actions_1.WebchatAction.ADD_MESSAGE:
+import { SENDERS } from "../../index-types.js";
+import { WebchatAction } from "./actions.js";
+
+
+
+
+
+const messagesReducer = (state, action)=>{
+    switch(action.type){
+        case WebchatAction.ADD_MESSAGE:
             return addMessageReducer(state, action);
-        case actions_1.WebchatAction.ADD_MESSAGE_COMPONENT:
+        case WebchatAction.ADD_MESSAGE_COMPONENT:
             return addMessageComponent(state, action);
-        case actions_1.WebchatAction.UPDATE_MESSAGE:
+        case WebchatAction.UPDATE_MESSAGE:
             return updateMessageReducer(state, action);
-        case actions_1.WebchatAction.UPDATE_CUSTOM_MESSAGE_PROPS:
+        case WebchatAction.UPDATE_CUSTOM_MESSAGE_PROPS:
             return updateCustomMessagePropsReducer(state, action);
-        case actions_1.WebchatAction.UPDATE_REPLIES:
-            return { ...state, replies: action.payload };
-        case actions_1.WebchatAction.REMOVE_REPLIES:
-            return { ...state, replies: undefined };
-        case actions_1.WebchatAction.CLEAR_MESSAGES:
+        case WebchatAction.UPDATE_REPLIES:
+            return {
+                ...state,
+                replies: action.payload
+            };
+        case WebchatAction.REMOVE_REPLIES:
+            return {
+                ...state,
+                replies: undefined
+            };
+        case WebchatAction.CLEAR_MESSAGES:
             return {
                 ...state,
                 messagesJSON: [],
                 messagesComponents: [],
-                numUnreadMessages: 0,
+                numUnreadMessages: 0
             };
-        case actions_1.WebchatAction.UPDATE_LAST_MESSAGE_DATE:
+        case WebchatAction.UPDATE_LAST_MESSAGE_DATE:
             return {
                 ...state,
-                lastMessageUpdate: action.payload,
+                lastMessageUpdate: action.payload
             };
-        case actions_1.WebchatAction.RESET_UNREAD_MESSAGES:
+        case WebchatAction.RESET_UNREAD_MESSAGES:
             return resetUnreadMessages(state);
-        case actions_1.WebchatAction.SET_LAST_MESSAGE_VISIBLE:
+        case WebchatAction.SET_LAST_MESSAGE_VISIBLE:
             return {
                 ...state,
-                isLastMessageVisible: action.payload,
+                isLastMessageVisible: action.payload
             };
         default:
             throw new Error();
     }
 };
-exports.messagesReducer = messagesReducer;
 function addMessageComponent(state, action) {
     const messageComponent = action.payload;
-    const isUnreadMessage = messageComponent.props?.isUnread &&
-        messageComponent.props?.sentBy !== index_types_1.SENDERS.user &&
-        messageComponent.props?.sentBy !== index_types_1.SENDERS.system;
-    const numUnreadMessages = isUnreadMessage
-        ? state.numUnreadMessages + 1
-        : state.numUnreadMessages;
+    const isUnreadMessage = messageComponent.props?.isUnread && messageComponent.props?.sentBy !== SENDERS.user && messageComponent.props?.sentBy !== SENDERS.system;
+    const numUnreadMessages = isUnreadMessage ? state.numUnreadMessages + 1 : state.numUnreadMessages;
     return {
         ...state,
-        messagesComponents: [...(state.messagesComponents || []), messageComponent],
-        numUnreadMessages,
+        messagesComponents: [
+            ...state.messagesComponents || [],
+            messageComponent
+        ],
+        numUnreadMessages
     };
 }
 function resetUnreadMessages(state) {
-    const messagesComponents = state.messagesComponents.map(messageComponent => {
+    const messagesComponents = state.messagesComponents.map((messageComponent)=>{
         if (messageComponent.props.isUnread) {
             messageComponent = {
                 ...messageComponent,
-                props: { ...messageComponent.props, isUnread: false },
+                props: {
+                    ...messageComponent.props,
+                    isUnread: false
+                }
             };
         }
         return messageComponent;
     });
-    const messagesJSON = state.messagesJSON.map(messageJSON => {
+    const messagesJSON = state.messagesJSON.map((messageJSON)=>{
         if (messageJSON.isUnread) {
             messageJSON.isUnread = false;
         }
@@ -75,12 +84,12 @@ function resetUnreadMessages(state) {
         ...state,
         messagesComponents,
         messagesJSON,
-        numUnreadMessages: 0,
+        numUnreadMessages: 0
     };
 }
 function updateMessageReducer(state, action) {
     const messageId = action.payload.id;
-    const msgIndex = state.messagesJSON.map(m => m.id).indexOf(messageId);
+    const msgIndex = state.messagesJSON.map((m)=>m.id).indexOf(messageId);
     if (msgIndex > -1) {
         const msgComponent = state.messagesComponents[msgIndex];
         let updatedMsgComponent = {};
@@ -88,36 +97,36 @@ function updateMessageReducer(state, action) {
             updatedMsgComponent = {
                 ...msgComponent,
                 ...{
-                    props: { ...msgComponent.props, ack: action.payload.ack },
-                },
+                    props: {
+                        ...msgComponent.props,
+                        ack: action.payload.ack
+                    }
+                }
             };
         }
-        const updatedMessagesComponents = msgComponent
-            ? getUpdatedMessagesComponents(state, msgIndex, updatedMsgComponent)
-            : state.messagesComponents;
-        const messageJSON = state.messagesJSON.find(m => m.id === messageId);
-        const updatedMessagesJSON = messageJSON
-            ? getUpdatedMessagesJSON(state, msgIndex, action.payload)
-            : state.messagesJSON;
-        const numUnreadMessages = updatedMessagesComponents.filter(messageComponent => messageComponent.props?.isUnread &&
-            messageComponent.props?.sentBy !== index_types_1.SENDERS.user &&
-            messageComponent.props?.sentBy !== index_types_1.SENDERS.system).length;
+        const updatedMessagesComponents = msgComponent ? getUpdatedMessagesComponents(state, msgIndex, updatedMsgComponent) : state.messagesComponents;
+        const messageJSON = state.messagesJSON.find((m)=>m.id === messageId);
+        const updatedMessagesJSON = messageJSON ? getUpdatedMessagesJSON(state, msgIndex, action.payload) : state.messagesJSON;
+        const numUnreadMessages = updatedMessagesComponents.filter((messageComponent)=>messageComponent.props?.isUnread && messageComponent.props?.sentBy !== SENDERS.user && messageComponent.props?.sentBy !== SENDERS.system).length;
         return {
             ...state,
             messagesJSON: updatedMessagesJSON,
             messagesComponents: updatedMessagesComponents,
-            numUnreadMessages,
+            numUnreadMessages
         };
     }
     return state;
 }
 function addMessageReducer(state, action) {
-    if (state.messagesJSON?.find(m => m.id === action.payload.id)) {
+    if (state.messagesJSON?.find((m)=>m.id === action.payload.id)) {
         return state;
     }
     return {
         ...state,
-        messagesJSON: [...(state.messagesJSON || []), action.payload],
+        messagesJSON: [
+            ...state.messagesJSON || [],
+            action.payload
+        ]
     };
 }
 function updateCustomMessagePropsReducer(state, action) {
@@ -126,33 +135,29 @@ function updateCustomMessagePropsReducer(state, action) {
         return state;
     }
     // Similar to updateMessageReducer but only for custom messages when update props
-    const msgIndex = state.messagesJSON.map(m => m.id).indexOf(messageId);
+    const msgIndex = state.messagesJSON.map((m)=>m.id).indexOf(messageId);
     if (msgIndex > -1) {
         const msgComponent = state.messagesComponents[msgIndex];
         if (msgComponent) {
             msgComponent.props = {
                 ...msgComponent.props,
                 ack: action.payload.ack,
-                ...props,
+                ...props
             };
         }
-        const updatedMessagesComponents = msgComponent
-            ? getUpdatedMessagesComponents(state, msgIndex, msgComponent)
-            : state.messagesComponents;
-        const messageJSON = state.messagesJSON.find(m => m.id === messageId);
+        const updatedMessagesComponents = msgComponent ? getUpdatedMessagesComponents(state, msgIndex, msgComponent) : state.messagesComponents;
+        const messageJSON = state.messagesJSON.find((m)=>m.id === messageId);
         if (messageJSON) {
             messageJSON.data = {
                 ...messageJSON.data,
-                ...props,
+                ...props
             };
         }
-        const updatedMessagesJSON = messageJSON
-            ? getUpdatedMessagesJSON(state, msgIndex, messageJSON)
-            : state.messagesJSON;
+        const updatedMessagesJSON = messageJSON ? getUpdatedMessagesJSON(state, msgIndex, messageJSON) : state.messagesJSON;
         return {
             ...state,
             messagesJSON: updatedMessagesJSON,
-            messagesComponents: updatedMessagesComponents,
+            messagesComponents: updatedMessagesComponents
         };
     }
     return state;
@@ -161,15 +166,22 @@ function updateCustomMessagePropsReducer(state, action) {
 function getUpdatedMessagesComponents(state, msgIndex, updatedMessageComponent) {
     return [
         ...state.messagesComponents.slice(0, msgIndex),
-        { ...updatedMessageComponent },
-        ...state.messagesComponents.slice(msgIndex + 1),
+        {
+            ...updatedMessageComponent
+        },
+        ...state.messagesComponents.slice(msgIndex + 1)
     ];
 }
 function getUpdatedMessagesJSON(state, msgIndex, messageJSON) {
     return [
         ...state.messagesJSON.slice(0, msgIndex),
-        { ...messageJSON },
-        ...state.messagesJSON.slice(msgIndex + 1),
+        {
+            ...messageJSON
+        },
+        ...state.messagesJSON.slice(msgIndex + 1)
     ];
 }
+
+export { messagesReducer };
+
 //# sourceMappingURL=messages-reducer.js.map