@modochats/widget 0.1.1 → 0.1.3

package/src/utils/fetch.ts

@@ -0,0 +1,98 @@
+import {$fetch} from "#src/tools/fetch.js";
+import {FetchPaginationRes} from "#src/types/app.js";
+
+const fetchChatbot = async (publicKey: string) => {
+  return await $fetch<Record<string, any>>(`/v1/chatbot/public/${publicKey}`);
+};
+
+const fetchSendMessage = async (
+  chatbotId: number,
+  content: string,
+  uniqueId: string,
+  conversationUuid?: string,
+  phoneNumber?: string,
+  options?: {
+    file?: File;
+    replyTo?: number;
+  }
+) => {
+  const formData = new FormData();
+  formData.append("chatbot_id", chatbotId.toString());
+  formData.append("content", content);
+  formData.append("message_type", "0");
+  formData.append("unique_id", uniqueId);
+  if (conversationUuid) formData.append("conversation_id", conversationUuid);
+  formData.append("url", window?.location?.href || "");
+  formData.append("title", document?.title || "");
+  if (phoneNumber && phoneNumber !== "no phone number") formData.append("phone_number", phoneNumber);
+  if (options?.file) formData.append("file", options.file);
+  if (options?.replyTo) formData.append("response_to", options.replyTo.toString());
+
+  return await $fetch("/v2/conversations/website/send-message/", {
+    method: "POST",
+    body: formData
+  });
+};
+const fetchGetAccessTokenForSocket = async (chatbotId: string, conversationUuid: string, uniqueId: string) => {
+  return await $fetch<{access_token: string; conversation_uuid: string; expires_in: number}>("/v2/conversations/websocket/auth/", {
+    method: "POST",
+    body: {
+      chatbot_id: chatbotId,
+      conversation_uuid: conversationUuid,
+      unique_id: uniqueId
+    }
+  });
+};
+const fetchConversationMessages = async (conversationUuid: string, chatbotUuid: string) => {
+  return await $fetch<Record<string, any>>(`/v2/conversations/website/conversations/${conversationUuid}/chatbot/${chatbotUuid}/messages/`);
+};
+const fetchUpdateUserData = async (chatbotUuid: string, uniqueId: string, userData: Record<string, any>) => {
+  return await $fetch("/v1/chatbot/customners/set-user-data", {
+    method: "POST",
+    body: {
+      chatbot_uuid: chatbotUuid,
+      unique_id: uniqueId,
+      user_data: userData
+    }
+  });
+};
+const fetchReadMessage = async (id: number) => {
+  return await $fetch(`/v2/conversations/messages/${id}/`, {
+    method: "POST"
+  });
+};
+const fetchMarkConversationAsRead = async (conversationUuid: string, uniqueId: string) => {
+  return await $fetch(`/v2/conversations/website/conversations/${conversationUuid}/messages/seen`, {
+    method: "POST",
+    body: {
+      unique_id: uniqueId
+    }
+  });
+};
+
+const fetchMessageFeedback = async (id: number, uniqueId: string, conversationUuid: string, liked: boolean) => {
+  return await $fetch(`/v2/conversations/website/conversations/messages/feedback`, {
+    method: "POST",
+    body: {
+      unique_id: uniqueId,
+      feedback: liked ? 1 : 0,
+      message_id: id,
+      conversation_uuid: conversationUuid
+    }
+  });
+};
+
+const fetchConversations = async (conversationUuid: string, uniqueId: string) => {
+  return await $fetch<FetchPaginationRes>(`/v2/conversations/website/conversations/${conversationUuid}/customer/${uniqueId}`);
+};
+export {
+  fetchChatbot,
+  fetchSendMessage,
+  fetchGetAccessTokenForSocket,
+  fetchConversationMessages,
+  fetchUpdateUserData,
+  fetchReadMessage,
+  fetchMarkConversationAsRead,
+  fetchMessageFeedback,
+  fetchConversations
+};

package/src/utils/uuid.ts

@@ -0,0 +1,13 @@
+/**
+ * Generates a random UUID v4
+ * @returns A random UUID string
+ */
+const generateUUID = (): string => {
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (c) {
+    const r = (Math.random() * 16) | 0;
+    const v = c === "x" ? r : (r & 0x3) | 0x8;
+    return v.toString(16);
+  });
+};
+
+export {generateUUID};

package/cdn-dist/README.md

@@ -1,42 +0,0 @@
-# Modo Web Component
-
-A lightweight web component library.
-
-## CDN Usage
-
-### jsDelivr
-```html
-<script src="https://cdn.jsdelivr.net/gh/your-username/modo-web-component@main/cdn-dist/modo-web-component.min.js"></script>
-```
-
-### GitHub Raw
-```html
-<script src="https://raw.githubusercontent.com/your-username/modo-web-component/main/cdn-dist/modo-web-component.min.js"></script>
-```
-
-## Usage
-
-```javascript
-// Initialize the chat widget
-const chat = new ModoChat('your-public-key', {
-  position: 'right', // 'left' or 'right'
-  theme: 'dark', // 'dark' or 'light'
-  primaryColor: '#667eea',
-  title: 'پشتیبانی چت'
-});
-```
-
-## Features
-
-- 🌙 Dark/Light theme support
-- 🌐 RTL (Persian/Farsi) language support
-- 📱 Mobile responsive design
-- 💬 Real-time chat functionality
-- 🔗 WebSocket connection status
-- 📝 Markdown message support
-
-## Files
-
-- `modo-web-component.js` - Development version
-- `modo-web-component.min.js` - Production version (minified)
-- `dist/` - Full distribution files