@samirify/messenger 0.1.0 → 0.1.2

package/dist/web/index.cjs

@@ -1,189 +1,11 @@
 'use strict';
 
+var chunkM2F3K6UX_cjs = require('../chunk-M2F3K6UX.cjs');
+var chunk42TCO5DV_cjs = require('../chunk-42TCO5DV.cjs');
 var framerMotion = require('framer-motion');
-var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
-var reactQuery = require('@tanstack/react-query');
-
-// src/web/ChatDock.tsx
-var MessengerContext = react.createContext(null);
-function useMessengerConfig() {
-  const ctx = react.useContext(MessengerContext);
-  if (!ctx) {
-    throw new Error(
-      "@gymlium/messenger: useMessengerConfig must be used within MessengerProvider"
-    );
-  }
-  return ctx;
-}
-function useOptionalMessengerConfig() {
-  return react.useContext(MessengerContext);
-}
-var MessengerUiContext = react.createContext(null);
-function useMessengerUi() {
-  const ctx = react.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 = reactQuery.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 = react.useMemo(
-    () => query.data ? sumUnread(query.data) : 0,
-    [query.data]
-  );
-  return {
-    total,
-    isLoading: query.isLoading,
-    isFetching: query.isFetching,
-    refetch: query.refetch,
-    enabled: featureOn
-  };
-}
+var react = require('react');
 
-// 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 reactQuery.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 = reactQuery.useQueryClient();
-  return reactQuery.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 "?";
@@ -194,10 +16,10 @@ function ThreadRow({
   thread,
   onSelect
 }) {
-  const { user, t, isRtl, theme } = useMessengerConfig();
+  const { user, t, isRtl, theme } = chunk42TCO5DV_cjs.useMessengerConfig();
   const unread = Number(thread.unread_count ?? 0);
-  const title = user?.role === "admin" ? thread.client_name ?? t(MessengerI18n.client.key, MessengerI18n.client.fallback) : t(MessengerI18n.yourCoach.key, MessengerI18n.yourCoach.fallback);
-  const preview = thread.last_body || (thread.last_image_url ? t(MessengerI18n.photo.key, MessengerI18n.photo.fallback) : t(MessengerI18n.noMessages.key, MessengerI18n.noMessages.fallback));
+  const title = user?.role === "admin" ? thread.client_name ?? t(chunk42TCO5DV_cjs.MessengerI18n.client.key, chunk42TCO5DV_cjs.MessengerI18n.client.fallback) : t(chunk42TCO5DV_cjs.MessengerI18n.yourCoach.key, chunk42TCO5DV_cjs.MessengerI18n.yourCoach.fallback);
+  const preview = thread.last_body || (thread.last_image_url ? t(chunk42TCO5DV_cjs.MessengerI18n.photo.key, chunk42TCO5DV_cjs.MessengerI18n.photo.fallback) : t(chunk42TCO5DV_cjs.MessengerI18n.noMessages.key, chunk42TCO5DV_cjs.MessengerI18n.noMessages.fallback));
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
     {
@@ -327,9 +149,9 @@ function ThreadRow({
 function ThreadList({
   onSelectThread
 }) {
-  const { user, t, theme } = useMessengerConfig();
-  const threadsQuery = useThreads();
-  const openThread2 = useOpenThread();
+  const { user, t, theme } = chunk42TCO5DV_cjs.useMessengerConfig();
+  const threadsQuery = chunk42TCO5DV_cjs.useThreads();
+  const openThread = chunk42TCO5DV_cjs.useOpenThread();
   const threads = threadsQuery.data ?? [];
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -346,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",
@@ -363,12 +185,12 @@ 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(
-              MessengerI18n.messageCoach.key,
-              MessengerI18n.messageCoach.fallback
+            children: openThread.isPending ? "\u2026" : t(
+              chunk42TCO5DV_cjs.MessengerI18n.messageCoach.key,
+              chunk42TCO5DV_cjs.MessengerI18n.messageCoach.fallback
             )
           }
         ) }),
@@ -424,7 +246,7 @@ function ThreadList({
                     fontSize: 15,
                     color: theme.colors.text
                   },
-                  children: t(MessengerI18n.empty.key, MessengerI18n.empty.fallback)
+                  children: t(chunk42TCO5DV_cjs.MessengerI18n.empty.key, chunk42TCO5DV_cjs.MessengerI18n.empty.fallback)
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -438,8 +260,8 @@ function ThreadList({
                     lineHeight: 1.45
                   },
                   children: t(
-                    MessengerI18n.startConversation.key,
-                    MessengerI18n.startConversation.fallback
+                    chunk42TCO5DV_cjs.MessengerI18n.startConversation.key,
+                    chunk42TCO5DV_cjs.MessengerI18n.startConversation.fallback
                   )
                 }
               )
@@ -463,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 reactQuery.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 = reactQuery.useQueryClient();
-  return reactQuery.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__ */ jsxRuntime.jsxs(
     "svg",
@@ -595,7 +375,7 @@ function WebComposer({
   sending,
   onSend
 }) {
-  const { t, isRtl, theme, pickImage } = useMessengerConfig();
+  const { t, isRtl, theme, pickImage } = chunk42TCO5DV_cjs.useMessengerConfig();
   const [body, setBody] = react.useState("");
   const [focused, setFocused] = react.useState(false);
   const fileRef = react.useRef(null);
@@ -698,8 +478,8 @@ function WebComposer({
                   }
                 },
                 placeholder: t(
-                  MessengerI18n.typeMessage.key,
-                  MessengerI18n.typeMessage.fallback
+                  chunk42TCO5DV_cjs.MessengerI18n.typeMessage.key,
+                  chunk42TCO5DV_cjs.MessengerI18n.typeMessage.fallback
                 ),
                 rows: 1,
                 style: {
@@ -756,7 +536,7 @@ function initials2(name) {
   return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();
 }
 function Bubble({ message }) {
-  const { user, isRtl, theme } = useMessengerConfig();
+  const { user, isRtl, theme } = chunk42TCO5DV_cjs.useMessengerConfig();
   const mine = message.sender_user_id === user?.id;
   const alignEnd = mine !== isRtl;
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -804,14 +584,14 @@ function Conversation({
   onBack,
   onClose
 }) {
-  const { user, t, isRtl, theme } = useMessengerConfig();
+  const { user, t, isRtl, theme } = chunk42TCO5DV_cjs.useMessengerConfig();
   const listRef = react.useRef(null);
-  const threadQuery = useThread(threadId);
-  const threadsQuery = useThreads();
-  const sendMutation = useSendMessage(threadId);
+  const threadQuery = chunk42TCO5DV_cjs.useThread(threadId);
+  const threadsQuery = chunk42TCO5DV_cjs.useThreads();
+  const sendMutation = chunk42TCO5DV_cjs.useSendMessage(threadId);
   const messages = threadQuery.data?.messages ?? [];
   const threadMeta = threadsQuery.data?.find((th) => th.id === threadId);
-  const title = user?.role === "admin" ? threadMeta?.client_name ?? t(MessengerI18n.client.key, MessengerI18n.client.fallback) : t(MessengerI18n.yourCoach.key, MessengerI18n.yourCoach.fallback);
+  const title = user?.role === "admin" ? threadMeta?.client_name ?? t(chunk42TCO5DV_cjs.MessengerI18n.client.key, chunk42TCO5DV_cjs.MessengerI18n.client.fallback) : t(chunk42TCO5DV_cjs.MessengerI18n.yourCoach.key, chunk42TCO5DV_cjs.MessengerI18n.yourCoach.fallback);
   react.useEffect(() => {
     const el = listRef.current;
     if (el) el.scrollTop = el.scrollHeight;
@@ -840,7 +620,7 @@ function Conversation({
             {
               type: "button",
               onClick: onBack,
-              "aria-label": t(MessengerI18n.back.key, MessengerI18n.back.fallback),
+              "aria-label": t(chunk42TCO5DV_cjs.MessengerI18n.back.key, chunk42TCO5DV_cjs.MessengerI18n.back.fallback),
               style: {
                 border: `1px solid color-mix(in srgb, ${theme.colors.border} 90%, transparent)`,
                 background: `color-mix(in srgb, ${theme.colors.surfaceSecondary} 75%, transparent)`,
@@ -902,7 +682,7 @@ function Conversation({
                   color: theme.colors.textMuted,
                   marginTop: 1
                 },
-                children: t(MessengerI18n.chat.key, MessengerI18n.chat.fallback)
+                children: t(chunk42TCO5DV_cjs.MessengerI18n.chat.key, chunk42TCO5DV_cjs.MessengerI18n.chat.fallback)
               }
             )
           ] }),
@@ -958,8 +738,8 @@ function Conversation({
               padding: "0 24px"
             },
             children: t(
-              MessengerI18n.startConversation.key,
-              MessengerI18n.startConversation.fallback
+              chunk42TCO5DV_cjs.MessengerI18n.startConversation.key,
+              chunk42TCO5DV_cjs.MessengerI18n.startConversation.fallback
             )
           }
         ) : messages.map((m) => /* @__PURE__ */ jsxRuntime.jsx(Bubble, { message: m }, m.id))
@@ -975,7 +755,7 @@ function ChatPanel({
   onClose,
   variant = "dock"
 }) {
-  const { enabled, t, isRtl, theme, onFeatureOff } = useMessengerConfig();
+  const { enabled, t, isRtl, theme, onFeatureOff } = chunk42TCO5DV_cjs.useMessengerConfig();
   if (!enabled) {
     if (onFeatureOff) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: onFeatureOff() });
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -987,7 +767,7 @@ function ChatPanel({
           color: theme.colors.textMuted,
           fontFamily: theme.fonts.body
         },
-        children: t(MessengerI18n.off.key, MessengerI18n.off.fallback)
+        children: t(chunk42TCO5DV_cjs.MessengerI18n.off.key, chunk42TCO5DV_cjs.MessengerI18n.off.fallback)
       }
     );
   }
@@ -1040,7 +820,7 @@ function ChatPanel({
                   color: theme.colors.text,
                   lineHeight: 1.15
                 },
-                children: t(MessengerI18n.messages.key, MessengerI18n.messages.fallback)
+                children: t(chunk42TCO5DV_cjs.MessengerI18n.messages.key, chunk42TCO5DV_cjs.MessengerI18n.messages.fallback)
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -1052,7 +832,7 @@ function ChatPanel({
                   fontSize: 12.5,
                   color: theme.colors.textMuted
                 },
-                children: t(MessengerI18n.messagesHint.key, MessengerI18n.messagesHint.fallback)
+                children: t(chunk42TCO5DV_cjs.MessengerI18n.messagesHint.key, chunk42TCO5DV_cjs.MessengerI18n.messagesHint.fallback)
               }
             )
           ] }),
@@ -1113,13 +893,13 @@ function ChatPanel({
   ] });
 }
 function ChatDock() {
-  const { enabled, isRtl, theme, t } = useMessengerConfig();
-  const ui = useMessengerUi();
-  const unread = useUnreadTotal({ enabled });
+  const { enabled, isRtl, theme, t } = chunk42TCO5DV_cjs.useMessengerConfig();
+  const ui = chunkM2F3K6UX_cjs.useMessengerUi();
+  const unread = chunkM2F3K6UX_cjs.useUnreadTotal({ enabled });
   if (!enabled) return null;
   const side = isRtl ? "left" : "right";
   const open = ui.open;
-  const label = open ? "Close chat" : t(MessengerI18n.messages.key, MessengerI18n.messages.fallback);
+  const label = open ? "Close chat" : t(chunk42TCO5DV_cjs.MessengerI18n.messages.key, chunk42TCO5DV_cjs.MessengerI18n.messages.fallback);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -1269,6 +1049,30 @@ function ChatDock() {
   );
 }
 
+Object.defineProperty(exports, "MessengerUiProvider", {
+  enumerable: true,
+  get: function () { return chunkM2F3K6UX_cjs.MessengerUiProvider; }
+});
+Object.defineProperty(exports, "useMessengerUi", {
+  enumerable: true,
+  get: function () { return chunkM2F3K6UX_cjs.useMessengerUi; }
+});
+Object.defineProperty(exports, "useOptionalMessengerUi", {
+  enumerable: true,
+  get: function () { return chunkM2F3K6UX_cjs.useOptionalMessengerUi; }
+});
+Object.defineProperty(exports, "MessengerProvider", {
+  enumerable: true,
+  get: function () { return chunk42TCO5DV_cjs.MessengerProvider; }
+});
+Object.defineProperty(exports, "useMessengerConfig", {
+  enumerable: true,
+  get: function () { return chunk42TCO5DV_cjs.useMessengerConfig; }
+});
+Object.defineProperty(exports, "useOptionalMessengerConfig", {
+  enumerable: true,
+  get: function () { return chunk42TCO5DV_cjs.useOptionalMessengerConfig; }
+});
 exports.ChatDock = ChatDock;
 exports.ChatPanel = ChatPanel;
 exports.Conversation = Conversation;