@samirify/messenger 0.1.1 → 0.1.3

package/dist/web/index.js

@@ -1,187 +1,11 @@
+import { useMessengerUi, useUnreadTotal } from '../chunk-OTJZXVON.js';
+export { MessengerUiProvider, useMessengerUi, useOptionalMessengerUi } from '../chunk-OTJZXVON.js';
+import { useMessengerConfig, useThreads, useOpenThread, MessengerI18n, useThread, useSendMessage } from '../chunk-O5XNJHGZ.js';
+export { MessengerProvider, useMessengerConfig, useOptionalMessengerConfig } from '../chunk-O5XNJHGZ.js';
 import { AnimatePresence, motion } from 'framer-motion';
-import { createContext, useState, useRef, useEffect, useContext, useMemo } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { useQuery, useQueryClient, useMutation } from '@tanstack/react-query';
+import { useState, useRef, useEffect } from 'react';
 
-// src/web/ChatDock.tsx
-var MessengerContext = createContext(null);
-function useMessengerConfig() {
-  const ctx = useContext(MessengerContext);
-  if (!ctx) {
-    throw new Error(
-      "@gymlium/messenger: useMessengerConfig must be used within MessengerProvider"
-    );
-  }
-  return ctx;
-}
-function useOptionalMessengerConfig() {
-  return useContext(MessengerContext);
-}
-var MessengerUiContext = createContext(null);
-function useMessengerUi() {
-  const ctx = useContext(MessengerUiContext);
-  if (!ctx) {
-    throw new Error(
-      "@gymlium/messenger: useMessengerUi must be used within MessengerUiProvider"
-    );
-  }
-  return ctx;
-}
-
-// src/api.ts
-async function listThreads(http) {
-  const res = await http.getJson(
-    "/api/messages/threads"
-  );
-  return { ...res, data: res.data?.threads ?? [] };
-}
-async function openThread(http, clientUserId) {
-  return http.postJson("/api/messages/threads", {
-    ...clientUserId ? { client_user_id: clientUserId } : {}
-  });
-}
-async function getThread(http, threadId, limit = 50, beforeId) {
-  const params = new URLSearchParams({ limit: String(limit) });
-  return http.getJson(`/api/messages/threads/${threadId}?${params.toString()}`);
-}
-async function sendMessage(http, threadId, body, image) {
-  const path = `/api/messages/threads/${threadId}/messages`;
-  if (image?.uri || image?.file) {
-    const form = new FormData();
-    if (body.trim()) form.append("body", body.trim());
-    const filename = image.name ?? image.uri?.split("/").pop() ?? "photo.jpg";
-    const match = /\.(\w+)$/.exec(filename);
-    const type = image.type ?? (match ? `image/${match[1]}` : "image/jpeg");
-    if (image.file) {
-      form.append("image", image.file, filename);
-    } else if (image.uri.startsWith("blob:") || image.uri.startsWith("data:")) {
-      const blob = await fetch(image.uri).then((r) => r.blob());
-      form.append("image", blob, filename);
-    } else {
-      form.append("image", {
-        uri: image.uri,
-        name: filename,
-        type
-      });
-    }
-    return http.postForm(path, form);
-  }
-  return http.postJson(path, { body });
-}
-function sumUnread(threads) {
-  return threads.reduce((sum, th) => sum + Number(th.unread_count ?? 0), 0);
-}
-
-// src/queryKeys.ts
-var messengerKeys = {
-  all: ["messenger"],
-  threads: () => [...messengerKeys.all, "threads"],
-  thread: (id) => [...messengerKeys.all, "thread", id]
-};
-
-// src/hooks/useUnreadTotal.ts
-function useUnreadTotal(options) {
-  const cfg = useOptionalMessengerConfig();
-  const featureOn = cfg?.enabled === true;
-  const http = cfg?.http;
-  const enabled = (options?.enabled ?? true) && featureOn && !!http;
-  const query = useQuery({
-    queryKey: messengerKeys.threads(),
-    queryFn: async () => {
-      const res = await listThreads(http);
-      if (!res.success) {
-        throw new Error(res.message ?? "Failed to load threads");
-      }
-      return res.data;
-    },
-    enabled
-  });
-  const total = useMemo(
-    () => query.data ? sumUnread(query.data) : 0,
-    [query.data]
-  );
-  return {
-    total,
-    isLoading: query.isLoading,
-    isFetching: query.isFetching,
-    refetch: query.refetch,
-    enabled: featureOn
-  };
-}
-
-// src/i18nKeys.ts
-var MessengerI18n = {
-  off: {
-    key: "mobile.messenger.off",
-    fallback: "Messaging is not enabled for this account."
-  },
-  chat: { key: "mobile.messenger.chat", fallback: "Chat" },
-  /** Dock / list title — prefer over inbox for web UI copy. */
-  messages: { key: "mobile.messenger.messages", fallback: "Chat" },
-  messagesHint: {
-    key: "mobile.messenger.messagesHint",
-    fallback: "Message your coach anytime"
-  },
-  messageCoach: {
-    key: "mobile.messenger.messageCoach",
-    fallback: "Message your coach"
-  },
-  empty: {
-    key: "mobile.messenger.empty",
-    fallback: "No conversations yet"
-  },
-  yourCoach: {
-    key: "mobile.messenger.yourCoach",
-    fallback: "Your coach"
-  },
-  photo: { key: "mobile.messenger.photo", fallback: "Photo" },
-  noMessages: {
-    key: "mobile.messenger.noMessages",
-    fallback: "No messages yet"
-  },
-  startConversation: {
-    key: "mobile.messenger.startConversation",
-    fallback: "Say hello \u2014 send the first message."
-  },
-  typeMessage: {
-    key: "mobile.messenger.typeMessage",
-    fallback: "Type a message\u2026"
-  },
-  client: { key: "mobile.trainer.client", fallback: "Client" },
-  back: { key: "common.back", fallback: "Back" }
-};
-function useThreads(options) {
-  const { http, enabled: featureOn } = useMessengerConfig();
-  const enabled = featureOn;
-  return useQuery({
-    queryKey: messengerKeys.threads(),
-    queryFn: async () => {
-      const res = await listThreads(http);
-      if (!res.success) {
-        throw new Error(res.message ?? "Failed to load threads");
-      }
-      return res.data;
-    },
-    enabled
-  });
-}
-function useOpenThread() {
-  const { http, navigation } = useMessengerConfig();
-  const qc = useQueryClient();
-  return useMutation({
-    mutationFn: async (clientUserId) => {
-      const res = await openThread(http, clientUserId);
-      if (!res.success || !res.data?.thread?.id) {
-        throw new Error(res.message ?? "Could not open thread");
-      }
-      return res.data.thread;
-    },
-    onSuccess: (thread) => {
-      void qc.invalidateQueries({ queryKey: messengerKeys.threads() });
-      navigation.openThread(thread.id);
-    }
-  });
-}
 function initials(name) {
   const parts = name.trim().split(/\s+/).filter(Boolean);
   if (parts.length === 0) return "?";
@@ -327,7 +151,7 @@ function ThreadList({
 }) {
   const { user, t, theme } = useMessengerConfig();
   const threadsQuery = useThreads();
-  const openThread2 = useOpenThread();
+  const openThread = useOpenThread();
   const threads = threadsQuery.data ?? [];
   return /* @__PURE__ */ jsxs(
     "div",
@@ -344,8 +168,8 @@ function ThreadList({
           "button",
           {
             type: "button",
-            onClick: () => openThread2.mutate(void 0),
-            disabled: openThread2.isPending,
+            onClick: () => openThread.mutate(void 0),
+            disabled: openThread.isPending,
             style: {
               width: "100%",
               padding: "13px 16px",
@@ -361,10 +185,10 @@ function ThreadList({
               fontFamily: theme.fonts.bodySemiBold,
               fontWeight: 600,
               fontSize: 14,
-              cursor: openThread2.isPending ? "default" : "pointer",
+              cursor: openThread.isPending ? "default" : "pointer",
               boxShadow: `0 10px 24px color-mix(in srgb, ${theme.accentColor} 32%, transparent)`
             },
-            children: openThread2.isPending ? "\u2026" : t(
+            children: openThread.isPending ? "\u2026" : t(
               MessengerI18n.messageCoach.key,
               MessengerI18n.messageCoach.fallback
             )
@@ -461,48 +285,6 @@ function ThreadList({
     }
   );
 }
-var POLL_MS = 18e3;
-function useThread(threadId, options) {
-  const { http, enabled: featureOn } = useMessengerConfig();
-  const enabled = featureOn && Number.isFinite(threadId) && threadId > 0;
-  const poll = true;
-  return useQuery({
-    queryKey: messengerKeys.thread(threadId),
-    queryFn: async () => {
-      const res = await getThread(http, threadId);
-      if (!res.success) {
-        throw new Error(res.message ?? "Failed to load thread");
-      }
-      return res.data;
-    },
-    enabled,
-    refetchInterval: enabled && poll ? POLL_MS : false
-  });
-}
-function useSendMessage(threadId) {
-  const { http } = useMessengerConfig();
-  const qc = useQueryClient();
-  return useMutation({
-    mutationFn: async (input) => {
-      const res = await sendMessage(http, threadId, input.body, input.image);
-      if (!res.success || !res.data?.message) {
-        throw new Error(res.message ?? "Send failed");
-      }
-      return res.data.message;
-    },
-    onSuccess: (message) => {
-      qc.setQueryData(
-        messengerKeys.thread(threadId),
-        (prev) => {
-          if (!prev) return prev;
-          if (prev.messages.some((m) => m.id === message.id)) return prev;
-          return { ...prev, messages: [...prev.messages, message] };
-        }
-      );
-      void qc.invalidateQueries({ queryKey: messengerKeys.threads() });
-    }
-  });
-}
 function ChatBubbleIcon({ size = 26 }) {
   return /* @__PURE__ */ jsxs(
     "svg",