shopify-chatbot-widget 0.0.4 → 0.2.2

package/src/hooks/useSessionMessages.tsx

@@ -1,51 +0,0 @@
-import { useEffect, useState } from 'react';
-import axios from 'axios';
-import { getCookie } from '../utils/cookies';
-import config from './config';
-import type { ChatMessage } from '../types/chatbot';
-
-export const useChatbotMessage = (sessionId: string | null) => {
-  const [messages, setMessages] = useState<ChatMessage[]>([]);
-  const [isFetchingMessages, setisFetchingMessages] = useState(false);
-
-
-  const loadHistory = async () => {
-    const sid = sessionId
-    if (!sid) return;
-
-    setisFetchingMessages(true);
-
-
-    try {
-      const res = await axios.get<{ messages: ChatMessage[] }>(
-        `${config.apiUrl}chat-message-history/`,
-        {
-          withCredentials: true,
-          params: {
-            session_id: sid,
-            username: getCookie('company_username'),
-          },
-        }
-      );
-
-
-      if (res.data?.messages?.length > 0) {
-        setMessages(res.data.messages);
-        setisFetchingMessages(false)
-      
-      }
-    } catch (err) {
-      console.error("Couldn't load history", err);
-    }
-  };
-
-  useEffect(() => {
-    loadHistory();
-  }, [sessionId]); 
-
-  return {
-    messages,
-    setMessages,
-    isFetchingMessages
-  };
-};

package/src/hooks/useWebsocke.tsx

@@ -1,45 +0,0 @@
-// hooks/useChatSocket.ts
-import { useEffect, useRef } from 'react';
-import config from './config';
-
-export default function useChatSocket(
-  session_id: string,
-  onMessage: (data: any) => void
-) {
-  const socketRef = useRef<WebSocket | null>(null);
-  // keep a stable ref to the latest onMessage
-  const onMessageRef = useRef(onMessage);
-  useEffect(() => {
-    onMessageRef.current = onMessage;
-  }, [onMessage]);
-
-  useEffect(() => {
-    if (!session_id) return;
-
-    const ws = new WebSocket(`${config.websocketUrl}/chat/${session_id}/`);
-    socketRef.current = ws;
-
-    // precise add/remove so we never leak handlers
-    const handle = (event: MessageEvent) => {
-      try {
-        const data = JSON.parse(event.data);
-        onMessageRef.current(data);
-      } catch (e) {
-        console.error('Invalid JSON', e);
-      }
-    };
-    ws.addEventListener('message', handle);
-
-    // you can still do onopen/onclose, but tear them down too if you attach them
-    const handleClose = () => { /* reconnect logic… */ };
-    ws.addEventListener('close', handleClose);
-
-    return () => {
-      ws.removeEventListener('message', handle);
-      ws.removeEventListener('close', handleClose);
-      ws.close();
-    };
-  }, [session_id]);
-
-  return socketRef.current;
-}

package/src/i18n.tsx

@@ -1,30 +0,0 @@
-// src/i18n.ts
-import i18n from 'i18next';
-import { initReactI18next } from 'react-i18next';
-
-const resources = {
-  en: {
-    translation: {
-      welcome: "Hi there, you’re speaking with Jaweb AI Assistant.",
-      // Add more English translations here
-    },
-  },
-  ar: {
-    translation: {
-      welcome: "مرحبًا، أنت تتحدث إلى مساعد Jaweb AI.",
-      // Add more Arabic translations here
-    },
-  },
-};
-
-i18n.use(initReactI18next).init({
-  resources,
-  lng: 'en', // default language
-  fallbackLng: 'en',
-
-  interpolation: {
-    escapeValue: false, // React already escapes
-  },
-});
-
-export default i18n;

package/src/index.css

@@ -1 +0,0 @@
-@import "tailwindcss";

package/src/main.tsx

@@ -1,10 +0,0 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import './index.css'
-import App from './App.tsx'
-
-createRoot(document.getElementById('root')!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-)

package/src/types/chatbot.ts

@@ -1,38 +0,0 @@
-// types/chatbot.ts
-
-export interface ChatbotDetailsResponse {
-  data: {
-    language: string;
-    chatbot_form: boolean;
-    chatbot_color: string;
-    chatbot_logo: string;
-    disable_chatbot_globally: boolean;
-    remove_powered_by_jaweb: boolean;
-    chatbot_initial_msg: string;
-    status: string;
-    calendly_link?: string | null;
-    phone_number_id?: string | null;
-    mode:string;
-  };
-}
-
-export interface SuggestionResponse {
-  data?: string[]; // when data is returned directly
-  user_questions?: string[] | null; // when API sends it here
-}
-
-
-export interface ChatMessage {
-  role?: 'user' | 'bot' | 'assistant' | 'system';
-  content?:string;
-  isBusiness?:boolean;
-  sender?:string;
-  typing?: boolean;
-  id?:Number;
-  image_url?:string;
-  status?:string;
-  audio_url?: string;
-  isConnect?:boolean;
-
-
-}

package/src/utils/cookies.tsx

@@ -1,14 +0,0 @@
-// utils/cookies.ts
-import Cookies from 'js-cookie';
-
-export const getCookie = (key: string): string | undefined => {
-  return Cookies.get(key);
-};
-
-export const setCookie = (key: string, value: string, days = 30): void => {
-  Cookies.set(key, value, { expires: days });
-};
-
-export const removeCookie = (key: string): void => {
-  Cookies.remove(key);
-};

package/src/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />