pager-widget 1.0.3 → 1.0.4

package/out/components/ConsentForm.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ConsentForm = () => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "p-6", children: (0, jsx_runtime_1.jsx)("div", { className: "max-w-md mx-auto bg-zinc-100 rounded-lg p-6", children: (0, jsx_runtime_1.jsxs)("form", { className: "space-y-4", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { htmlFor: "firstName", className: "block text-sm font-medium text-gray-700 mb-1", children: "First name" }), (0, jsx_runtime_1.jsx)("input", { type: "text", id: "firstName", className: "w-full px-4 py-2 h-9 bg-white text-sm rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent", placeholder: "Enter first name" })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { htmlFor: "lastName", className: "block text-sm font-medium text-gray-700 mb-1", children: "Last name" }), (0, jsx_runtime_1.jsx)("input", { type: "text", id: "lastName", className: "w-full px-4 py-2 h-9 bg-white text-sm rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent", placeholder: "Enter last name" })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { htmlFor: "email", className: "block text-sm font-medium text-gray-700 mb-1", children: "Email" }), (0, jsx_runtime_1.jsxs)("div", { className: "relative cursor-pointer", children: [(0, jsx_runtime_1.jsx)("input", { type: "email", id: "email", className: "w-full pl-10 h-9 bg-white text-sm pr-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent", placeholder: "Enter email" }), (0, jsx_runtime_1.jsx)("svg", { className: "absolute left-3 top-2.5 h-5 w-5 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" }) })] })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { htmlFor: "phone", className: "block text-sm font-medium text-gray-700 mb-1", children: "Phone number" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex focus:ring-blue-500 focus:outline-none focus:ring-2 focus:border-transparent", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center px-4 border border-r-0 border-gray-300 rounded-l-lg bg-white h-9 text-sm whitespace-nowrap", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-sm text-gray-600", children: "US +1" }), (0, jsx_runtime_1.jsx)("svg", { className: "w-4 h-4 ml-2 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M19 9l-7 7-7-7" }) })] }), (0, jsx_runtime_1.jsx)("input", { type: "tel", id: "phone", className: "flex-1 px-4 py-2 h-9 text-sm rounded-r-lg border bg-white border-gray-300", placeholder: "Enter phone number" })] })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { htmlFor: "country", className: "block text-sm font-medium text-gray-700 mb-1", children: "Country" }), (0, jsx_runtime_1.jsxs)("div", { className: "relative cursor-pointer", children: [(0, jsx_runtime_1.jsxs)("select", { id: "country", className: "w-full px-4 py-2 h-9 rounded-lg border text-sm border-gray-300 bg-white focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent appearance-none", children: [(0, jsx_runtime_1.jsx)("option", { value: "usa", children: "USA" }), (0, jsx_runtime_1.jsx)("option", { value: "canada", children: "Canada" }), (0, jsx_runtime_1.jsx)("option", { value: "uk", children: "United Kingdom" })] }), (0, jsx_runtime_1.jsx)("svg", { className: "absolute right-3 top-2.5 h-5 w-5 text-gray-400 pointer-events-none", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M19 9l-7 7-7-7" }) })] })] }), (0, jsx_runtime_1.jsx)("button", { type: "submit", className: "w-full cursor-pointer text-sm bg-[#4b2fff] hover:bg-[#4b2fff]/90 text-white font-medium py-2 px-4 rounded-lg transition-colors", children: "Submit" })] }) }) }));
+};
+exports.default = ConsentForm;

package/out/components/CustomTooltip.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomTooltip = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+require("./CustomTooltip.css");
+const CustomTooltip = ({ children, content, position = 'top', className = '', }) => {
+    const [visible, setVisible] = (0, react_1.useState)(false);
+    const positionClasses = {
+        top: 'bottom-full left-1/2 -translate-x-1/2 mb-2',
+        bottom: 'top-full left-1/2 -translate-x-1/2 mt-2',
+        left: 'right-full top-1/2 -translate-y-1/2 mr-2',
+        right: 'left-full top-1/2 -translate-y-1/2 ml-2',
+    };
+    const arrowPosition = {
+        top: 'left-1/2 -bottom-1 translate-x-[-50%]',
+        bottom: 'left-1/2 -top-1 translate-x-[-50%]',
+        left: '-right-1 top-1/2 translate-y-[-50%]',
+        right: '-left-1 top-1/2 translate-y-[-50%]',
+    };
+    const transformOrigin = position === 'top'
+        ? 'bottom center'
+        : position === 'bottom'
+            ? 'top center'
+            : position === 'left'
+                ? 'center right'
+                : 'center left';
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `relative inline-block ${className}`, children: [(0, jsx_runtime_1.jsx)("div", { onMouseEnter: () => setVisible(true), onMouseLeave: () => setVisible(false), onFocus: () => setVisible(true), onBlur: () => setVisible(false), className: "inline-block", children: children }), (0, jsx_runtime_1.jsxs)("div", { role: "tooltip", "aria-hidden": !visible, className: `custom-tooltip absolute px-2 py-1 leading-[18px] z-50 text-xs text-white bg-black rounded-md shadow-md whitespace-nowrap
+          ${positionClasses[position]}
+          ${visible ? 'custom-tooltip--visible' : ''}
+        `, style: { transformOrigin }, children: [content, (0, jsx_runtime_1.jsx)("div", { className: `absolute w-2 h-2 bg-black rotate-45 ${arrowPosition[position]}` })] })] }));
+};
+exports.CustomTooltip = CustomTooltip;
+exports.default = exports.CustomTooltip;

package/out/hooks/useChatHistoryExists.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useChatHistoryExists = void 0;
+const widgetConfigStore2_1 = require("../widgetConfigStore2");
+const useChatHistoryExists = () => {
+    const widget = (0, widgetConfigStore2_1.useWidgetData)();
+    const { status } = widget;
+    let hasRecentChat = false;
+    let recentChat = null;
+    if (status !== 'NOT_STARTED' &&
+        status !== 'WIDGET_LOADING' &&
+        status !== 'INVALID_STATE') {
+        const stored = localStorage.getItem(`${widget?.data?.bot_id}::${widget?.data?.id}`);
+        if (stored) {
+            try {
+                const parsed = JSON.parse(stored);
+                if (parsed &&
+                    typeof parsed === 'object' &&
+                    parsed[widget?.data?.id]) {
+                    hasRecentChat = true;
+                    recentChat = parsed;
+                    console.log(recentChat, 'recent chats');
+                }
+            }
+            catch (e) {
+                console.error('Failed to parse recent chat from localStorage', e);
+            }
+        }
+    }
+    return { hasRecentChat, recentChat };
+};
+exports.useChatHistoryExists = useChatHistoryExists;

package/out/hooks/useChatHistoryListExist.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGetSingleConversation = exports.useChatHistoryListExists = void 0;
+const widgetConfigStore2_1 = require("../widgetConfigStore2");
+const useChatHistoryListExists = () => {
+    const widget = (0, widgetConfigStore2_1.useWidgetData)();
+    const { status } = widget;
+    let hasRecentChatList = false;
+    let recentChatList = null;
+    if (status !== 'NOT_STARTED' &&
+        status !== 'WIDGET_LOADING' &&
+        status !== 'INVALID_STATE') {
+        const stored = localStorage.getItem(`CONVERSATION_LIST::${widget.data.id}`);
+        if (stored) {
+            try {
+                const parsed = JSON.parse(stored);
+                if (parsed) {
+                    hasRecentChatList = true;
+                    recentChatList = parsed;
+                }
+            }
+            catch (e) {
+                console.error('Failed to parse recent chat list from localStorage', e);
+            }
+        }
+    }
+    return { hasRecentChatList, recentChatList };
+};
+exports.useChatHistoryListExists = useChatHistoryListExists;
+// export const useChatHistoryListExists = () => {
+//     const widget = useWidgetData()
+//     const { status } = widget
+//     let hasRecentChatList = false
+//     let recentChatList = null
+//     if (
+//         status !== 'NOT_STARTED' &&
+//         status !== 'WIDGET_LOADING' &&
+//         status !== 'INVALID_STATE'
+//     ) {
+//         const stored = localStorage.getItem(
+//             `RecentList::${widget?.data?.bot_id}::${widget?.data?.id}`
+//         )
+//         if (stored) {
+//             try {
+//                 const parsed = JSON.parse(stored)
+//                 if (parsed) {
+//                     hasRecentChatList = true
+//                     recentChatList = parsed
+//                 }
+//             } catch (e) {
+//                 console.error(
+//                     'Failed to parse recent chat list from localStorage',
+//                     e
+//                 )
+//             }
+//         }
+//     }
+//     return { hasRecentChatList, recentChatList }
+// }
+const useGetSingleConversation = (conversation_id) => {
+    const widget = (0, widgetConfigStore2_1.useWidgetData)();
+    let chatDetail;
+    const { status } = widget;
+    if (status !== 'NOT_STARTED' &&
+        status !== 'WIDGET_LOADING' &&
+        status !== 'INVALID_STATE') {
+        const stored = localStorage.getItem(`RecentList::${widget?.data?.bot_id}::${widget?.data?.id}`);
+        if (stored) {
+            try {
+                const parsed = JSON.parse(stored);
+                console.log('parsed::', parsed[conversation_id]);
+                chatDetail = parsed[conversation_id];
+            }
+            catch (e) {
+                console.error('Failed to parse recent chat list from localStorage', e);
+            }
+        }
+    }
+    return { chatDetail };
+};
+exports.useGetSingleConversation = useGetSingleConversation;

package/out/hooks/useChatScroll.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useChatScroll = void 0;
+const react_1 = require("react");
+const useChatScroll = (dep) => {
+    const ref = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (ref.current) {
+            ref.current.scrollTop = ref.current.scrollHeight;
+        }
+    }, [dep]);
+    return ref;
+};
+exports.useChatScroll = useChatScroll;

package/out/hooks/useCurrentConversationExists.js

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSelectedConversation = exports.useCurrentConversationExist = void 0;
+const widgetConfigStore2_js_1 = require("../widgetConfigStore2.js");
+const useCurrentConversationExist = (widget_id) => {
+    let hasRecentConversation = false;
+    let recentConversation = null;
+    // ✅ Guard clause to prevent undefined access
+    // if (!widget?.data?.id || !widget?.data?.bot_id) {
+    //     console.warn('Widget data not available yet')
+    //     return { hasRecentConversation, recentConversation }
+    // }
+    const stored = localStorage.getItem(`CONVERSATION::${widget_id}`);
+    if (stored) {
+        try {
+            const parsed = JSON.parse(stored);
+            if (parsed && typeof parsed === 'object') {
+                console.log(parsed, 'recent message here');
+                hasRecentConversation = parsed.events.length > 1;
+                recentConversation = parsed;
+                console.log(recentConversation, 'recent conversation from hook');
+            }
+        }
+        catch (e) {
+            console.error('Failed to parse recent chat from localStorage', e);
+        }
+    }
+    return { hasRecentConversation, recentConversation };
+};
+exports.useCurrentConversationExist = useCurrentConversationExist;
+const useSelectedConversation = () => {
+    let selectedConversation = null;
+    let selectedIndex = null;
+    const widget = (0, widgetConfigStore2_js_1.useWidgetData)();
+    const widgetData = (0, widgetConfigStore2_js_1.widgetHasData)(widget) ? widget.data : null;
+    if (!widgetData?.id) {
+        console.warn('Widget data not available yet');
+        return {
+            selectedIndex,
+            recentConversation: selectedConversation,
+        };
+    }
+    const stored = localStorage.getItem(`CONVERSATION_LIST::${widgetData.id}`);
+    const selectedIndexRaw = localStorage.getItem('SELECTED_INDEX');
+    if (stored && selectedIndexRaw !== null) {
+        try {
+            const parsed = JSON.parse(stored);
+            const index = parseInt(selectedIndexRaw, 10);
+            if (!isNaN(index) && parsed[index]) {
+                selectedIndex = index;
+                selectedConversation = parsed[index];
+                console.log('Selected conversation:', selectedConversation);
+            }
+        }
+        catch (e) {
+            console.error('Failed to parse CONVERSATION_LIST from localStorage:', e);
+        }
+    }
+    return {
+        selectedIndex,
+        recentConversation: selectedConversation,
+    };
+};
+exports.useSelectedConversation = useSelectedConversation;
+// export const useSelectedConversation = () => {
+//     let selectedConversation: LocalEventStore | null = null
+//     let selectedIndex: number | null = null
+//     const widget = useWidgetData()
+//     const stored = localStorage.getItem(`CONVERSATION_LIST::${widget?.data.id}`)
+//     const selectedIndexRaw = localStorage.getItem('SELECTED_INDEX')
+//     if (stored && selectedIndexRaw !== null) {
+//         try {
+//             const parsed: LocalEventStore[] = JSON.parse(stored)
+//             const index = parseInt(selectedIndexRaw, 10)
+//             if (!isNaN(index) && parsed[index]) {
+//                 selectedIndex = index
+//                 selectedConversation = parsed[index]
+//                 console.log('Selected conversation:', selectedConversation)
+//             }
+//         } catch (e) {
+//             console.error('Failed to parse CONVERSATION_LIST from localStorage:', e)
+//         }
+//     }
+//     return {
+//         selectedIndex,
+//         recentConversation: selectedConversation,
+//     }
+// }

package/out/hooks/useInitialMessage.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInitialMessage = void 0;
+/* eslint-disable @typescript-eslint/no-explicit-any */
+const react_1 = require("react");
+const sendInitialMessage_1 = require("../utils/sendInitialMessage");
+const widget_1 = require("../widget");
+const useInitialMessage = ({ socket, widget_id, connected, context, continuseConversation, setIsTyping, setMessages,
+// userDetails
+ }) => {
+    const initialMessage = (0, react_1.useContext)(widget_1.MyContext);
+    console.log(initialMessage, 'initialMessage');
+    const msg = initialMessage?.initialUserMessage || '';
+    const [sent,
+    // setSent
+    ] = (0, react_1.useState)(false);
+    console.log(continuseConversation, 'continuesConversation');
+    (0, react_1.useEffect)(() => {
+        if (!sent && connected && !continuseConversation) {
+            setIsTyping(true);
+            (0, sendInitialMessage_1.sendInitialMessage)({
+                socket,
+                widget_id,
+                context,
+                msg,
+                setMessages,
+            });
+            // widgetStore.send({ type: 'handleExitChatState', value: false })
+            initialMessage?.setInitialUserMessage('');
+        }
+    }, [connected]);
+};
+exports.useInitialMessage = useInitialMessage;

package/out/hooks/useMessage.js

@@ -0,0 +1,230 @@
+"use strict";
+/* eslint-disable @typescript-eslint/no-explicit-any */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMessages = void 0;
+const react_1 = require("react");
+const useInitialMessage_1 = require("./useInitialMessage");
+// import { useSocket } from './useSocket'
+const useMessageReceiver_1 = require("./useMessageReceiver");
+const widgetConfigStore2_1 = require("../widgetConfigStore2");
+const widgetStateHandler_1 = require("../widgetStateHandler");
+const useSocketContext_1 = require("./useSocketContext");
+const useMessages = ({ widget_id, 
+// endpoint,
+context, userDetails, recentConversation, }) => {
+    const widget = (0, widgetConfigStore2_1.useWidgetData)();
+    console.log('DEBUG :: recentConversation in widget', widget);
+    const [messages, setMessages] = (0, react_1.useState)(() => recentConversation);
+    const [typing, setIsTyping] = (0, react_1.useState)(false);
+    const [agentStatus, setAgentStatus] = (0, react_1.useState)(null);
+    const authToken = undefined;
+    const [currentToken] = (0, react_1.useState)(authToken);
+    // const { socket, connected } = useSocket({ endpoint })
+    const { socket, connected } = (0, useSocketContext_1.useSocketV2)();
+    console.log('DEBUG :: recentConversation in useMessages', recentConversation, messages);
+    const user1Details = {
+        SYS_FirstName: 'sample',
+        SYS_LastName: 'B',
+        SYS_UserEmail: 'example@gmail.com',
+        SYS_Location: 'India',
+        SYS_Timezone: 'Asia/Kolkata',
+    };
+    const sendMessageToLS = (widget, messages) => {
+        console.log('send message to ls called');
+        const widget_id = widget.data.id;
+        const bot_id = widget.data.bot_id;
+        const conversationId = messages.find((msg) => msg.message.system.conversationId)?.message.system.conversationId;
+        if (!conversationId)
+            return;
+        // Parse existing recent list data from localStorage
+        const recentListKey = `RecentList::${bot_id}::${widget_id}`;
+        const existingData = localStorage.getItem(recentListKey);
+        let parsedData = {};
+        if (existingData) {
+            try {
+                parsedData = JSON.parse(existingData);
+            }
+            catch (error) {
+                console.error(`Failed to parse RecentList for widget_id: ${widget_id}`, error);
+            }
+        }
+        // Add or update conversation
+        parsedData[conversationId] = messages;
+        // Save the updated RecentList
+        localStorage.setItem(recentListKey, JSON.stringify(parsedData));
+        // Optional: Save a separate payload per widget (if needed elsewhere)
+        const payload = { [widget_id]: messages };
+        localStorage.setItem(`${bot_id}::${widget_id}`, JSON.stringify(payload));
+        console.log('Updated RecentList in localStorage:', recentListKey, parsedData);
+        // console.log(
+        //     'to local storage',
+        //     widget.data.bot_id,
+        //     widget.data.id,
+        //     messages
+        // )
+        // const widget_id = widget.data.id // You might be missing this variable declaration
+        // const payload = { [widget_id]: messages } // use computed property name
+        // const conversationId = messages.find(
+        //     (messageResponse) => messageResponse.message.system.conversationId
+        // )?.message.system.conversationId as string
+        // if (!conversationId) return
+        // const existingData = localStorage.getItem(widget_id)
+        // let parsedData: Record<string, MessagResponseT[]> = {}
+        // if (existingData) {
+        //     try {
+        //         parsedData = JSON.parse(existingData)
+        //     } catch (error) {
+        //         console.error(
+        //             `Failed to parse data for widget_id: ${widget_id}`,
+        //             error
+        //         )
+        //     }
+        // }
+        // // Update/add the conversation with new messages
+        // parsedData[conversationId] = messages
+        // // Save back to localStorage
+        // localStorage.setItem(
+        //     `${widget.data.bot_id}::${widget.data.id}`,
+        //     JSON.stringify(payload)
+        // )
+        // // localStorage.setItem(widget_id, JSON.stringify(parsedData))
+        // localStorage.setItem(
+        //     `RecentList::${widget?.data?.bot_id}::${widget?.data?.id}`,
+        //     JSON.stringify(parsedData)
+        // )
+        // // localStorage.setItem(`${widget_id}`, JSON.stringify(recentMessagePayload))
+    };
+    const getUpdatedContext = (messages, currentContext, { SYS_FirstName, SYS_LastName, SYS_UserEmail }, file = null) => {
+        if (!messages.length) {
+            const userDetails = {
+                first_name: SYS_FirstName,
+                last_name: SYS_LastName,
+                email: SYS_UserEmail,
+            };
+            currentContext.context = {
+                ...currentContext.context,
+                SYS_FirstName,
+                SYS_LastName,
+                SYS_UserEmail,
+            };
+            currentContext.system = {
+                user: { ...currentContext.system?.user, ...userDetails },
+            };
+            return currentContext;
+        }
+        const message = messages[messages.length - 1].message;
+        return {
+            context: {
+                ...message.context,
+                SYS_UPLOADED_FILE: file,
+                SYS_FirstName,
+                SYS_LastName,
+                SYS_UserEmail,
+            },
+            system: message.system,
+        };
+    };
+    const message = (input, currentContext, messages, widget_id, authToken, widget, userDetails, for_event, file = null) => {
+        console.log('inside message', messages);
+        return {
+            authToken,
+            widget_id,
+            context: {
+                ...getUpdatedContext([...messages], currentContext, userDetails, file),
+                input: { type: 'text', value: input },
+                for_event: for_event ? for_event : null, // will use it for feedback
+                SYS_UPLOADED_FILE: file,
+                output: [],
+            },
+        };
+    };
+    const sendEvent = (event) => {
+        console.log('event', event);
+        const msg = message('', context, messages, widget_id, currentToken, widget, user1Details);
+        console.log('event la message', message);
+        if (!socket) {
+            return;
+        }
+        socket.emit(event, msg);
+    };
+    const sendMessage = (input) => {
+        console.log('DEBUG :: inside send message', input, context, messages);
+        setIsTyping(true);
+        // console.log("my message function",message(input,context,messages,widget_id,authToken,widget.data,user1Details))
+        const msg = message(input, context, messages, widget_id, authToken, widget, user1Details);
+        if (!socket) {
+            return;
+        }
+        socket.emit('message', msg);
+        const sentMessage = {
+            type: 'sent',
+            message: msg.context,
+            time: new Date(),
+        };
+        console.log('message array before sentMessage', messages);
+        console.log('sentMessage', sentMessage, [...messages, sentMessage]);
+        // setMessages(prevMessages => [...prevMessages, sentMessage])
+        setMessages([...messages, sentMessage]);
+        sendMessageToLS(widget, messages);
+        console.log('before set your local', messages);
+        console.log('DDD::', [...messages, sentMessage]);
+        (0, widgetStateHandler_1.setWidgetLocalState)({
+            widget_id: widget?.data.id,
+            user_state: 'ALLOW_MESSAGE',
+            events: [sentMessage],
+        });
+        console.log('after sentMessages messages', messages);
+    };
+    const sendFeedback = (input, for_event) => {
+        console.log('send feed back', input, for_event);
+        setIsTyping(true);
+        const msg = message(input, context, messages, widget_id, authToken, widget, user1Details, for_event);
+        if (!socket) {
+            return;
+        }
+        socket.emit('feedback', msg);
+    };
+    const restart = () => {
+        setMessages([]);
+        localStorage.setItem('messages', JSON.stringify([]));
+        sendEvent('restart');
+        setIsTyping(true);
+    };
+    const exit = () => {
+        sendEvent('exit');
+    };
+    // if (widget.status === 'ALLOW_MESSAGE') {
+    (0, useInitialMessage_1.useInitialMessage)({
+        widget_id,
+        socket,
+        connected,
+        context: context,
+        userDetails,
+        // continuseConversation: false,
+        continuseConversation: recentConversation.length > 0,
+        setIsTyping,
+        messages,
+        setMessages,
+    });
+    (0, useMessageReceiver_1.useMessageReceiver)({
+        widget_id,
+        socket,
+        messages,
+        setMessages,
+        setIsTyping,
+        setAgentStatus,
+    });
+    // }
+    return {
+        typing,
+        connected,
+        messages,
+        setMessages,
+        sendMessage,
+        sendFeedback,
+        restart,
+        exit,
+        agentStatus,
+    };
+};
+exports.useMessages = useMessages;