pager-widget 1.0.3 → 1.0.4

package/out/widgetStateHandler.js

@@ -0,0 +1,106 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setWidgetLocalState = void 0;
+// const LOCAL_KEY = 'DUMMY'
+const setWidgetLocalState = ({ widget_id, 
+// conversation_id,
+user_state, events, }) => {
+    const conversation_id = localStorage.getItem('CURRENT_CONVERSATION') ?? null;
+    console.log('conversation id from current', conversation_id);
+    appendEvent({ widget_id, conversation_id, user_state, events });
+};
+exports.setWidgetLocalState = setWidgetLocalState;
+const appendEvent = ({ widget_id, conversation_id, user_state, events, }) => {
+    console.log('DEBUGG :: append event called', events);
+    const existing = localStorage.getItem(`CONVERSATION::${widget_id}`);
+    const _events = Array.isArray(events) ? events : [events];
+    const currentWidgetState = {
+        widget_id,
+        conversation_id,
+        user_state,
+        events: _events,
+    };
+    if (!existing) {
+        localStorage.setItem(`CONVERSATION::${widget_id}`, JSON.stringify(currentWidgetState));
+        return;
+    }
+    try {
+        const parsed = JSON.parse(existing);
+        const isSameConversation = parsed.conversation_id === conversation_id;
+        const previousEvents = isSameConversation ? parsed.events : [];
+        // 🧹 Remove FORM_INPUT_NEEDED if form is now submitted
+        // if (user_state === 'FORM_SUBMITTED') {
+        //     previousEvents = previousEvents.filter(
+        //         (e) => e.type !== 'FORM_INPUT_NEEDED'
+        //     )
+        // }
+        // ✅ Deduplicate events by `event_id` (if present), else fallback to serialized JSON
+        const allEvents = [...previousEvents, ..._events];
+        const deduplicated = [
+            ...new Map(allEvents.map((e) => {
+                const key = e.type === 'received' && 'message' in e
+                    ? e.message?.event_id
+                    : JSON.stringify(e);
+                return [key, e];
+            })).values(),
+        ];
+        const updatedState = {
+            widget_id,
+            conversation_id,
+            user_state,
+            events: deduplicated,
+        };
+        localStorage.setItem(`CONVERSATION::${widget_id}`, JSON.stringify(updatedState));
+    }
+    catch (error) {
+        console.error('Failed to append event to widget state:', error);
+    }
+};
+// const appendEvent = ({
+//     widget_id,
+//     conversation_id,
+//     user_state,
+//     events,
+// }: appendEventType) => {
+//     console.log('DEBUGG :: append event called', events)
+//     const existing = localStorage.getItem(LOCAL_KEY)
+//     const _events = Array.isArray(events) ? events : [events]
+//     const currentWidgetState: LocalEventStore = {
+//         widget_id,
+//         conversation_id,
+//         user_state,
+//         events: _events,
+//     }
+//     if (!existing) {
+//         localStorage.setItem(LOCAL_KEY, JSON.stringify(currentWidgetState))
+//         return
+//     }
+//     try {
+//         const parsed: LocalEventStore = JSON.parse(existing)
+//         const isSameConversation = parsed.conversation_id === conversation_id
+//         // const deduplicated = [
+//         //     ...new Map(
+//         //         [...parsed.events, ..._events].map((e) => [
+//         //             e?.message?.event_id ?? JSON.stringify(e),
+//         //             e,
+//         //         ])
+//         //     ).values(),
+//         // ]
+//         let previousEvents = isSameConversation ? parsed.events : []
+//         // 👉 Remove FORM_INPUT_NEEDED if current state is FORM_SUBMITTED
+//         if (user_state === 'FORM_SUBMITTED') {
+//             previousEvents = previousEvents.filter(
+//                 (e) => e.type !== 'FORM_INPUT_NEEDED'
+//             )
+//         }
+//         const updatedState: LocalEventStore = {
+//             widget_id,
+//             conversation_id,
+//             user_state,
+//             events: [...previousEvents, ..._events],
+//         }
+//         localStorage.setItem(LOCAL_KEY, JSON.stringify(updatedState))
+//     } catch (error) {
+//         console.error('Failed to append event to widget state:', error)
+//     }
+// }

package/out/widgetStore.js

@@ -0,0 +1,171 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGetCurrentConversationId = exports.useChatExit = exports.useUserDetails = exports.useIsWidgetExpanded = exports.useSelectTab = exports.useSelectedConversationData = exports.useInspectConversation = exports.widgetStore = exports.WidgetExpandType = exports.TabType = void 0;
+const store_1 = require("@xstate/store");
+const react_1 = require("@xstate/store/react");
+const react_2 = require("react");
+// Tab types
+var TabType;
+(function (TabType) {
+    TabType["HOME"] = "home";
+    TabType["CHAT"] = "chat";
+    TabType["RECENT_MESSAGE"] = "recentMessage";
+    TabType["RECENT_MESSAGE_LIST"] = "recentMessageList";
+    TabType["RECENT_MESSAGE_DETAIL"] = "recentMessageDetail";
+    TabType["NEW_RECENT_MESSAGE"] = "newRecentMessage";
+})(TabType || (exports.TabType = TabType = {}));
+var WidgetExpandType;
+(function (WidgetExpandType) {
+    WidgetExpandType["DEFAULT"] = "default";
+    WidgetExpandType["EXPANDED"] = "expanded";
+    WidgetExpandType["FULLSCREEN"] = "fullscreen";
+})(WidgetExpandType || (exports.WidgetExpandType = WidgetExpandType = {}));
+// ---- DEFAULT CONTEXT ----
+const defaultContext = {
+    current_conversation_id: null,
+    selected_conversation_id: '',
+    switchTab: TabType.HOME,
+    isExpanded: WidgetExpandType.DEFAULT,
+    user_details: {
+        SYS_FirstName: '',
+        SYS_LastName: '',
+        SYS_Location: '',
+        SYS_Timezone: '',
+        SYS_UserEmail: '',
+    },
+    isChatExit: false,
+};
+const storedData = localStorage.getItem('widgetContext');
+const initialContext = storedData
+    ? { ...defaultContext, ...JSON.parse(storedData) }
+    : defaultContext;
+// ---- STORE ----
+exports.widgetStore = (0, store_1.createStore)({
+    context: initialContext,
+    on: {
+        setCurrentConversation: (context, event) => {
+            context.current_conversation_id = event.conversation_id;
+        },
+        selectConversation: (context, event) => {
+            context.selected_conversation_id = event.conversation_id;
+            persistContext();
+        },
+        selectTab: (context, event) => {
+            context.switchTab = event.tab;
+            persistContext();
+        },
+        expandWidget: (context, event) => {
+            context.isExpanded = event.expanded_size;
+            persistContext();
+        },
+        updateUserDetails: (context, event) => {
+            context.user_details = {
+                ...context.user_details,
+                ...event.user_details,
+            };
+            persistContext();
+        },
+        handleExitChatState: (context, event) => {
+            console.log('exit chat called in store');
+            context.isChatExit = event.value;
+        },
+    },
+});
+// ---- PERSIST ----
+const persistContext = () => {
+    const currentContext = exports.widgetStore.getSnapshot().context;
+    localStorage.setItem('widgetContext', JSON.stringify(currentContext));
+};
+// ---- DEBUGGING ----
+const useInspectConversation = (debug = false) => {
+    (0, react_2.useEffect)(() => {
+        if (debug) {
+            exports.widgetStore.inspect((inspectionEvent) => {
+                console.log('CONVERSATION INSPECTION::', inspectionEvent);
+            });
+        }
+    }, []);
+};
+exports.useInspectConversation = useInspectConversation;
+// ---- SELECTORS ----
+const useSelectedConversationData = () => (0, react_1.useSelector)(exports.widgetStore, (state) => state.context.selected_conversation_id);
+exports.useSelectedConversationData = useSelectedConversationData;
+const useSelectTab = () => (0, react_1.useSelector)(exports.widgetStore, (state) => state.context.switchTab);
+exports.useSelectTab = useSelectTab;
+const useIsWidgetExpanded = () => (0, react_1.useSelector)(exports.widgetStore, (state) => state.context.isExpanded);
+exports.useIsWidgetExpanded = useIsWidgetExpanded;
+const useUserDetails = () => (0, react_1.useSelector)(exports.widgetStore, (state) => state.context.user_details);
+exports.useUserDetails = useUserDetails;
+const useChatExit = () => (0, react_1.useSelector)(exports.widgetStore, (state) => state.context.isChatExit);
+exports.useChatExit = useChatExit;
+const useGetCurrentConversationId = () => (0, react_1.useSelector)(exports.widgetStore, (state) => state.context.current_conversation_id);
+exports.useGetCurrentConversationId = useGetCurrentConversationId;
+// import { createStore } from '@xstate/store'
+// import { useSelector } from '@xstate/store/react'
+// import { useEffect } from 'react'
+// export enum TabType {
+//     HOME = 'home',
+//     CHAT = 'chat',
+//     RECENT_MESSAGE = 'recentMessage',
+//     RECENT_MESSAGE_LIST = 'recentMessageList',
+//     RECENT_MESSAGE_DETAIL = 'recentMessageDetail',
+//     // etc.
+// }
+// type conversationPayload = {
+//     conversation_id: string
+// }
+// type selectTabPayloadT = {
+//     tab: TabType
+// }
+// const storedData = localStorage.getItem('widgetContext')
+// const initialContext = storedData
+//     ? JSON.parse(storedData)
+//     : {
+//           selected_conversation_id: '',
+//           switchTab: TabType.HOME,
+//           isExpanded: false,
+//       }
+// export const widgetStore = createStore({
+//     context: initialContext,
+//     on: {
+//         selectConversation: (context, event: conversationPayload) => {
+//             context.selected_conversation_id = event.conversation_id
+//             persistContext()
+//         },
+//         selectTab: (context, event: selectTabPayloadT) => {
+//             context.switchTab = event.tab
+//             persistContext()
+//         },
+//         expandWidget: (context) => {
+//             context.isExpanded = !context.isExpanded
+//             persistContext()
+//         },
+//     },
+// })
+// export const useInspectConversation = (debug = false) => {
+//     useEffect(() => {
+//         if (debug) {
+//             widgetStore.inspect((inspectionEvent) => {
+//                 console.log('CONVERSATION INSPECTION::', inspectionEvent)
+//             })
+//         }
+//     }, [])
+// }
+// const persistContext = () => {
+//     const currentContext = widgetStore.getSnapshot().context
+//     localStorage.setItem('widgetContext', JSON.stringify(currentContext))
+// }
+// export const useSelectedConversationData = () =>
+//     useSelector(widgetStore, (state) => {
+//         return state.context.selected_conversation_id
+//     })
+// export const useSelectTab = () => {
+//     return useSelector(widgetStore, (state) => {
+//         return state.context.switchTab
+//     })
+// }
+// export const useIsWidgetExpanded = () => {
+//     return useSelector(widgetStore, (state) => {
+//         return state.context.isExpanded
+//     })
+// }

package/out/widgetUserStore.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUserData = exports.userDetailInitializer = exports.widgetUserStore = void 0;
+const store_1 = require("@xstate/store");
+const react_1 = require("react");
+const react_2 = require("@xstate/store/react");
+exports.widgetUserStore = (0, store_1.createStore)({
+    context: {
+        user_details: {
+            SYS_FirstName: 'sample',
+            SYS_LastName: 'B',
+            SYS_UserEmail: 'example@gmail.com',
+            SYS_Location: 'India',
+            SYS_Timezone: 'Asia/Kolkata',
+        },
+    },
+    on: {
+        setUserDetails: (_, event) => {
+            return {
+                user_details: {
+                    SYS_FirstName: event.userDetails?.SYS_FirstName ?? 'sample',
+                    SYS_LastName: event.userDetails?.SYS_LastName ?? 'B',
+                    SYS_UserEmail: event.userDetails?.SYS_UserEmail ?? 'example@gmail.com',
+                    SYS_Location: event.userDetails?.SYS_Location ?? 'India',
+                    SYS_Timezone: event.userDetails?.SYS_Timezone ?? 'Asia/Kolkata',
+                },
+            };
+        },
+    },
+});
+const userDetailInitializer = (userDetails, debug = false) => {
+    (0, react_1.useEffect)(() => {
+        exports.widgetUserStore.trigger.setUserDetails({ ...userDetails });
+        if (debug) {
+            exports.widgetUserStore.inspect((inspectionEvent) => {
+                console.log('USER INSPECTION::', inspectionEvent);
+            });
+        }
+    }, []);
+};
+exports.userDetailInitializer = userDetailInitializer;
+const useUserData = () => {
+    (0, react_2.useSelector)(exports.widgetUserStore, (state) => {
+        return state.context.user_details;
+    });
+};
+exports.useUserData = useUserData;

package/package.json

@@ -88,6 +88,6 @@
         ],
         "mode": "all"
     },
-    "version": "1.0.3",
+    "version": "1.0.4",
     "name": "pager-widget"
 }