@linktr.ee/messaging-react 1.7.0 → 1.7.1

package/dist/index.js

@@ -1,8 +1,8 @@
 import we, { jsx as e, jsxs as d, Fragment as de } from "react/jsx-runtime";
 import _ from "classnames";
-import G, { createContext as Oe, useContext as Te, useCallback as M, useState as I, useRef as A, useEffect as $ } from "react";
+import H, { createContext as Oe, useContext as Te, useCallback as M, useState as I, useRef as A, useEffect as G } from "react";
 import { StreamChatService as je } from "@linktr.ee/messaging-core";
-import { Chat as Ue, useChatContext as Le, ChannelList as Be, Channel as Ae, useChannelStateContext as ye, Window as $e, MessageList as Ge, MessageInput as He } from "stream-chat-react";
+import { Chat as Ue, useChatContext as Le, ChannelList as Be, Channel as Ae, useChannelStateContext as ye, Window as Ge, MessageList as He, MessageInput as $e } from "stream-chat-react";
 import { NotePencilIcon as qe, XIcon as Ee, ArrowLeftIcon as We, DotsThreeIcon as ze, SpinnerGapIcon as re, SignOutIcon as Ve, ProhibitInsetIcon as fe, FlagIcon as Xe, MagnifyingGlassIcon as Qe, ChatCircleDotsIcon as me } from "@phosphor-icons/react";
 const Ie = Oe({
   service: null,
@@ -60,7 +60,7 @@ const Ie = Oe({
     serviceConfig: n,
     capabilities: a,
     customization: c
-  }, $(() => {
+  }, G(() => {
     const y = P.current;
     if (r("🔧 SERVICE INIT EFFECT TRIGGERED", {
       renderCount: y,
@@ -100,7 +100,7 @@ const Ie = Oe({
     };
   }, [l, n, i, r]);
   const p = A(null);
-  $(() => {
+  G(() => {
     var F, T;
     if (r("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!o,
@@ -134,10 +134,10 @@ const Ie = Oe({
           clientId: j.userID
         });
       } catch (j) {
-        const H = j instanceof Error ? j.message : "Connection failed";
-        S(H), r("❌ USER CONNECTION ERROR", {
+        const $ = j instanceof Error ? j.message : "Connection failed";
+        S($), r("❌ USER CONNECTION ERROR", {
           userId: s.id,
-          error: H
+          error: $
         });
       } finally {
         m(!1), k.current = !1, r("🔄 USER CONNECTION FINISHED", {
@@ -146,7 +146,7 @@ const Ie = Oe({
         });
       }
     })();
-  }, [o, s, r, b]), $(() => (r("🔌 CLEANUP EFFECT REGISTERED", {
+  }, [o, s, r, b]), G(() => (r("🔌 CLEANUP EFFECT REGISTERED", {
     hasService: !!o,
     isConnected: b
   }), () => {
@@ -180,7 +180,7 @@ const Ie = Oe({
     } finally {
       m(!1), r("🔄 CONNECTION REFRESH FINISHED", { userId: s.id });
     }
-  }, [o, s, r]), v = G.useMemo(() => (r("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [o, s, r]), v = H.useMemo(() => (r("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!o,
     hasClient: !!u,
     isConnected: b,
@@ -226,7 +226,7 @@ function Je() {
       return c && c.__esModule ? c : { default: c };
     };
     Object.defineProperty(t, "__esModule", { value: !0 }), t.baseStyleClasses = void 0;
-    const n = s(G), l = s(_);
+    const n = s(H), l = s(_);
     t.baseStyleClasses = (0, l.default)("text-sm", "h-2xl", "block", "p-md", "w-full", "rounded-sm", "bg-chalk", "text-black", "transition", "duration-75", "ease-out", "!outline-none");
     const a = ({ className: c, onChange: i, onChangeValue: r, appearance: o = "default", ...C }, u) => {
       const x = o === "none" ? "appearance-none" : t.baseStyleClasses, b = ({ target: { value: h, checked: f } }) => C.type === "checkbox" ? r == null ? void 0 : r(f) : r == null ? void 0 : r(h);
@@ -248,7 +248,7 @@ function Ye() {
     return i && i.__esModule ? i : { default: i };
   };
   Object.defineProperty(Q, "__esModule", { value: !0 });
-  const s = we, n = t(G), l = t(_), a = t(Je()), c = ({ id: i, name: r, label: o, className: C = "", checked: u, defaultChecked: x, inactive: b, value: h, tabIndex: f, icon: m, ...N }, S) => {
+  const s = we, n = t(H), l = t(_), a = t(Je()), c = ({ id: i, name: r, label: o, className: C = "", checked: u, defaultChecked: x, inactive: b, value: h, tabIndex: f, icon: m, ...N }, S) => {
     const k = u || x, E = b || (N == null ? void 0 : N.disabled), P = ({ key: p, code: g }) => {
       var v;
       N.onChangeValue && (p === "Enter" || g === "Space") && ((v = N.onChangeValue) == null || v.call(N, h));
@@ -279,7 +279,7 @@ function ke() {
     return a && a.__esModule ? a : { default: a };
   };
   Object.defineProperty(Z, "__esModule", { value: !0 });
-  const s = we, n = t(G), l = ({ children: a, label: c, className: i = "" }, r) => (0, s.jsxs)("fieldset", { className: `${i} -ml-xs space-x-xs space-y-xs`, ref: r, children: [c && (0, s.jsx)("legend", { className: "mb-sm ml-sm text-sm font-semibold", children: c }), a] });
+  const s = we, n = t(H), l = ({ children: a, label: c, className: i = "" }, r) => (0, s.jsxs)("fieldset", { className: `${i} -ml-xs space-x-xs space-y-xs`, ref: r, children: [c && (0, s.jsx)("legend", { className: "mb-sm ml-sm text-sm font-semibold", children: c }), a] });
   return Z.default = n.default.forwardRef(l), Z;
 }
 var be;
@@ -370,7 +370,7 @@ const se = ({
   size: n = 40,
   className: l
 }) => {
-  const a = rs(t), c = "#FBFAF9", r = n < 32 ? "text-xs" : n < 56 ? "text-sm" : "text-lg";
+  const a = rs(t), i = n < 32 ? "text-xs" : n < 56 ? "text-sm" : "text-lg";
   return /* @__PURE__ */ e(
     "div",
     {
@@ -391,13 +391,9 @@ const se = ({
         {
           "aria-hidden": "true",
           className: _(
-            "flex h-full w-full items-center justify-center font-semibold rounded-sm",
-            r
+            "flex h-full w-full items-center justify-center font-semibold rounded-sm bg-[#FBFAF9]/60",
+            i
           ),
-          style: {
-            color: c,
-            backgroundColor: `color-mix(in srgb, ${c} 60%, solid)`
-          },
           children: a
         }
       )
@@ -475,7 +471,7 @@ const se = ({
   className: c
 }) => {
   var b;
-  const i = G.useRef(0);
+  const i = H.useRef(0);
   i.current++;
   const { debug: r = !1 } = le();
   r && console.log("📺 [ChannelList] 🔄 RENDER START", {
@@ -495,7 +491,7 @@ const se = ({
     type: "messaging",
     last_message_at: { $exists: !0 },
     has_unread: void 0
-  }), x = G.useMemo(() => {
+  }), x = H.useMemo(() => {
     const h = o.userID, f = {
       ...C,
       ...h && {
@@ -614,10 +610,10 @@ const Pe = () => /* @__PURE__ */ e("div", { className: "messaging-channel-empty-
   /* @__PURE__ */ e("p", { className: "text-stone text-xs", children: "Share to social media to generate more conversations" })
 ] }) }), as = ({ renderActions: t }) => /* @__PURE__ */ d("div", { className: "message-input flex items-center gap-2 p-4", children: [
   t && t(),
-  /* @__PURE__ */ e("div", { className: "flex-1", children: /* @__PURE__ */ e(He, { focus: !0, maxRows: 4 }) })
+  /* @__PURE__ */ e("div", { className: "flex-1", children: /* @__PURE__ */ e($e, { focus: !0, maxRows: 4 }) })
 ] }), is = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: l }) => {
   var o, C, u, x;
-  const { channel: a } = ye(), c = G.useMemo(() => Object.values(a.state.members || {}).find(
+  const { channel: a } = ye(), c = H.useMemo(() => Object.values(a.state.members || {}).find(
     (h) => {
       var f;
       return ((f = h.user) == null ? void 0 : f.id) && h.user.id !== a._client.userID;
@@ -657,9 +653,9 @@ const Pe = () => /* @__PURE__ */ e("div", { className: "messaging-channel-empty-
   onLeaveConversation: c,
   onBlockParticipant: i
 }) => {
-  var j, H, q, W, J, z, V;
+  var j, $, q, W, J, z, V;
   const { service: r, debug: o } = le(), C = A(null), [u, x] = I(!1), [b, h] = I(!1), [f, m] = I(!1);
-  $(() => {
+  G(() => {
     const R = C.current;
     R && (t ? R.showModal() : R.close());
   }, [t]);
@@ -681,7 +677,7 @@ const Pe = () => /* @__PURE__ */ e("div", { className: "messaging-channel-empty-
         );
       }
   }, [r, (j = n == null ? void 0 : n.user) == null ? void 0 : j.id]);
-  $(() => {
+  G(() => {
     t && N();
   }, [t, N]);
   const S = async () => {
@@ -729,7 +725,7 @@ const Pe = () => /* @__PURE__ */ e("div", { className: "messaging-channel-empty-
     );
   };
   if (!n) return null;
-  const p = ((H = n.user) == null ? void 0 : H.name) || ((q = n.user) == null ? void 0 : q.id) || "Unknown member", g = (W = n.user) == null ? void 0 : W.image, v = (J = n.user) == null ? void 0 : J.email, y = (z = n.user) == null ? void 0 : z.username, F = v || (y ? `linktr.ee/${y}` : void 0), T = ((V = n.user) == null ? void 0 : V.id) || "unknown";
+  const p = (($ = n.user) == null ? void 0 : $.name) || ((q = n.user) == null ? void 0 : q.id) || "Unknown member", g = (W = n.user) == null ? void 0 : W.image, v = (J = n.user) == null ? void 0 : J.email, y = (z = n.user) == null ? void 0 : z.username, F = v || (y ? `linktr.ee/${y}` : void 0), T = ((V = n.user) == null ? void 0 : V.id) || "unknown";
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     /* @__PURE__ */ e(
@@ -832,12 +828,12 @@ const Pe = () => /* @__PURE__ */ e("div", { className: "messaging-channel-empty-
   CustomChannelEmptyState: c = Pe
 }) => {
   var b, h;
-  const { channel: i } = ye(), [r, o] = I(!1), C = (((h = (b = i == null ? void 0 : i.state) == null ? void 0 : b.messages) == null ? void 0 : h.length) ?? 0) > 0, u = G.useMemo(() => Object.values(i.state.members || {}).find(
+  const { channel: i } = ye(), [r, o] = I(!1), C = (((h = (b = i == null ? void 0 : i.state) == null ? void 0 : b.messages) == null ? void 0 : h.length) ?? 0) > 0, u = H.useMemo(() => Object.values(i.state.members || {}).find(
     (m) => {
       var N;
       return ((N = m.user) == null ? void 0 : N.id) && m.user.id !== i._client.userID;
     }
-  ), [i._client.userID, i.state.members]), x = G.useMemo(() => {
+  ), [i._client.userID, i.state.members]), x = H.useMemo(() => {
     const f = i.data ?? {};
     if (f.followerStatus)
       return String(f.followerStatus);
@@ -845,7 +841,7 @@ const Pe = () => /* @__PURE__ */ e("div", { className: "messaging-channel-empty-
       return f.isFollower ? "Subscribed to you" : "Not subscribed";
   }, [i.data]);
   return /* @__PURE__ */ d(de, { children: [
-    /* @__PURE__ */ d($e, { children: [
+    /* @__PURE__ */ d(Ge, { children: [
       /* @__PURE__ */ e("div", { className: "border-b border-sand bg-white px-4 py-3", children: /* @__PURE__ */ e(
         is,
         {
@@ -856,7 +852,7 @@ const Pe = () => /* @__PURE__ */ e("div", { className: "messaging-channel-empty-
         }
       ) }),
       /* @__PURE__ */ d("div", { className: "flex-1 overflow-hidden relative", children: [
-        /* @__PURE__ */ e(Ge, { hideDeletedMessages: !0, hideNewMessageSeparator: !1 }),
+        /* @__PURE__ */ e(He, { hideDeletedMessages: !0, hideNewMessageSeparator: !1 }),
         !C && c && /* @__PURE__ */ e("div", { className: "absolute inset-0 w-full h-full bg-white", children: /* @__PURE__ */ e(c, {}) })
       ] }),
       /* @__PURE__ */ e(
@@ -959,7 +955,7 @@ const ms = ({
   const { debug: r } = le(), [o, C] = I(""), [u, x] = I([]), [b, h] = I(!1), [f, m] = I(null), [N, S] = I(
     null
   ), k = A(!1);
-  $(() => {
+  G(() => {
     if (t.loading) {
       r && console.log(
         "[ParticipantPicker] Waiting for participant source to finish loading..."
@@ -1192,7 +1188,7 @@ const ms = ({
     error: h,
     refreshConnection: f,
     debug: m
-  } = Ze(), [N, S] = I(null), [k, E] = I(!1), [P, p] = I(!1), [g, v] = I(/* @__PURE__ */ new Set()), [y, F] = I(0), [T, j] = I(!1), [H, q] = I(null), W = A(null), {
+  } = Ze(), [N, S] = I(null), [k, E] = I(!1), [P, p] = I(!1), [g, v] = I(/* @__PURE__ */ new Set()), [y, F] = I(0), [T, j] = I(!1), [$, q] = I(null), W = A(null), {
     showStartConversation: J = !1,
     participantSource: z,
     participantLabel: V = "participants"
@@ -1225,11 +1221,11 @@ const ms = ({
         console.error("[MessagingShell] Failed to sync channels:", U);
       }
   }, [u, x, m]);
-  $(() => {
+  G(() => {
     if (!u || !x) return;
     const w = u.userID;
     w && R.current !== w && D();
-  }, [u, x, D]), $(() => {
+  }, [u, x, D]), G(() => {
     if (!c || !u || !x) return;
     (async () => {
       const U = u.userID;
@@ -1353,7 +1349,7 @@ const ms = ({
       message: "Not connected to messaging service",
       onBack: f
     }
-  ) }) : H ? /* @__PURE__ */ e("div", { className: _("h-full", s), children: /* @__PURE__ */ e(ce, { message: H }) }) : /* @__PURE__ */ d(
+  ) }) : $ ? /* @__PURE__ */ e("div", { className: _("h-full", s), children: /* @__PURE__ */ e(ce, { message: $ }) }) : /* @__PURE__ */ d(
     "div",
     {
       className: _(
@@ -1539,7 +1535,7 @@ const ms = ({
   }, [N]), E = M(() => {
     m(void 0), N(!0);
   }, [N]);
-  return $(() => {
+  return G(() => {
     N(!0);
   }, [t.loadParticipants]), {
     participants: a,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/providers/MessagingProvider.tsx","../src/hooks/useMessaging.ts","../../../node_modules/@linktr.ee/component-library/dist/Input/Base.js","../../../node_modules/@linktr.ee/component-library/dist/Input/components/SelectPill/SelectPill.js","../../../node_modules/@linktr.ee/component-library/dist/Input/components/SelectPill/SelectPillGroup.js","../../../node_modules/@linktr.ee/component-library/dist/Input/components/SelectPill/index.js","../src/components/IconButton/index.tsx","../src/components/Avatar/getAvatarEmoji.ts","../src/components/Avatar/index.tsx","../src/components/ChannelList/CustomChannelPreview.tsx","../src/components/ChannelList/index.tsx","../src/components/ActionButton/index.tsx","../src/components/CloseButton/index.tsx","../src/components/MessagingShell/ChannelEmptyState.tsx","../src/components/ChannelView.tsx","../src/components/SearchInput/index.tsx","../src/components/ParticipantPicker/index.tsx","../src/components/MessagingShell/EmptyState.tsx","../src/components/MessagingShell/ErrorState.tsx","../src/components/Loading/index.tsx","../src/components/MessagingShell/LoadingState.tsx","../src/components/MessagingShell/index.tsx","../src/components/FaqList/FaqListItem.tsx","../src/components/FaqList/index.tsx","../src/hooks/useParticipants.ts"],"sourcesContent":["import { StreamChatService } from '@linktr.ee/messaging-core'\nimport React, {\n  createContext,\n  useContext,\n  useEffect,\n  useState,\n  useRef,\n  useCallback,\n} from 'react'\nimport type { StreamChat } from 'stream-chat'\nimport { Chat } from 'stream-chat-react'\n\nimport type {\n  MessagingProviderProps,\n  MessagingCapabilities,\n  MessagingCustomization,\n} from '../types'\n\n/**\n * Context value for messaging state and service\n */\nexport interface MessagingContextValue {\n  service: StreamChatService | null\n  client: StreamChat | null // Stream Chat client\n  isConnected: boolean\n  isLoading: boolean\n  error: string | null\n  capabilities: MessagingCapabilities\n  customization: MessagingCustomization\n  refreshConnection: () => Promise<void>\n  debug: boolean\n}\n\nconst MessagingContext = createContext<MessagingContextValue>({\n  service: null,\n  client: null,\n  isConnected: false,\n  isLoading: false,\n  error: null,\n  capabilities: {},\n  customization: {},\n  refreshConnection: async () => {},\n  debug: false,\n})\n\n/**\n * Hook to access messaging context\n */\nexport const useMessagingContext = () => useContext(MessagingContext)\n\n/**\n * Provider component that wraps messaging-core with React state management\n */\nexport const MessagingProvider: React.FC<MessagingProviderProps> = ({\n  children,\n  user,\n  serviceConfig,\n  apiKey,\n  capabilities = {},\n  customization = {},\n  debug = false,\n}) => {\n  // Create debug logger that respects the debug prop\n  const debugLog = useCallback(\n    (message: string, ...args: unknown[]) => {\n      if (debug) {\n        console.log(`🔥 [MessagingProvider] ${message}`, ...args)\n      }\n    },\n    [debug]\n  )\n\n  debugLog('🔄 RENDER START', {\n    userId: user?.id,\n    apiKey: apiKey?.substring(0, 8) + '...',\n    serviceConfig: !!serviceConfig,\n    capabilities: Object.keys(capabilities),\n    customization: Object.keys(customization),\n  })\n\n  const [service, setService] = useState<StreamChatService | null>(null)\n  const [client, setClient] = useState<StreamChat | null>(null)\n  const [isConnected, setIsConnected] = useState(false)\n  const [isLoading, setIsLoading] = useState(false)\n  const [error, setError] = useState<string | null>(null)\n\n  // Prevent multiple concurrent connection attempts\n  const connectingRef = useRef(false)\n\n  // Track renders and prop changes\n  const prevPropsRef = useRef({\n    userId: user?.id,\n    apiKey,\n    serviceConfig,\n    capabilities,\n    customization,\n  })\n  const renderCountRef = useRef(0)\n  renderCountRef.current++\n\n  debugLog('📊 RENDER INFO', {\n    renderCount: renderCountRef.current,\n    currentProps: { userId: user?.id, apiKey: apiKey?.substring(0, 8) + '...' },\n    propChanges: {\n      userChanged: prevPropsRef.current.userId !== user?.id,\n      apiKeyChanged: prevPropsRef.current.apiKey !== apiKey,\n      serviceConfigChanged:\n        prevPropsRef.current.serviceConfig !== serviceConfig,\n      capabilitiesChanged: prevPropsRef.current.capabilities !== capabilities,\n      customizationChanged:\n        prevPropsRef.current.customization !== customization,\n    },\n  })\n\n  prevPropsRef.current = {\n    userId: user?.id,\n    apiKey,\n    serviceConfig,\n    capabilities,\n    customization,\n  }\n\n  // Initialize service when config changes\n  useEffect(() => {\n    const currentRender = renderCountRef.current\n    debugLog('🔧 SERVICE INIT EFFECT TRIGGERED', {\n      renderCount: currentRender,\n      apiKey: !!apiKey,\n      serviceConfig: !!serviceConfig,\n      dependencies: {\n        apiKey: apiKey?.substring(0, 8) + '...',\n        serviceConfigRef: serviceConfig,\n        serviceConfigStable:\n          prevPropsRef.current.serviceConfig === serviceConfig,\n        apiKeyStable: prevPropsRef.current.apiKey === apiKey,\n      },\n    })\n\n    if (!apiKey || !serviceConfig) {\n      debugLog('⚠️ SERVICE INIT SKIPPED', {\n        renderCount: currentRender,\n        reason: 'Missing apiKey or serviceConfig',\n      })\n      return\n    }\n\n    debugLog('🚀 CREATING NEW SERVICE', {\n      renderCount: currentRender,\n      apiKey: apiKey?.substring(0, 8) + '...',\n      serviceConfigChanged:\n        prevPropsRef.current.serviceConfig !== serviceConfig,\n    })\n\n    const newService = new StreamChatService({\n      ...serviceConfig,\n      apiKey,\n      debug,\n    })\n\n    setService(newService)\n    debugLog('✅ SERVICE SET', {\n      renderCount: currentRender,\n      serviceInstance: !!newService,\n    })\n\n    return () => {\n      debugLog('🧹 SERVICE CLEANUP', {\n        renderCount: currentRender,\n        reason: 'Effect cleanup',\n      })\n      newService.disconnectUser().catch(console.error)\n    }\n  }, [apiKey, serviceConfig, debug, debugLog]) // Use serviceConfig object directly, not individual properties\n\n  // Track if we've already connected this user with this service to prevent duplicate connections\n  const connectedUserRef = useRef<{\n    serviceId: StreamChatService\n    userId: string\n  } | null>(null)\n\n  // Connect user when service and user are available\n  useEffect(() => {\n    debugLog('🔗 USER CONNECTION EFFECT TRIGGERED', {\n      hasService: !!service,\n      hasUser: !!user,\n      userId: user?.id,\n      isConnecting: connectingRef.current,\n      isConnected: isConnected,\n      dependencies: { service: !!service, userId: user?.id },\n    })\n\n    if (!service || !user) {\n      debugLog('⚠️ USER CONNECTION SKIPPED', 'Missing service or user')\n      return\n    }\n\n    if (connectingRef.current) {\n      debugLog('⚠️ USER CONNECTION SKIPPED', 'Already connecting')\n      return\n    }\n\n    // Check if we've already connected this exact user with this exact service instance\n    if (\n      connectedUserRef.current?.serviceId === service &&\n      connectedUserRef.current?.userId === user.id\n    ) {\n      debugLog(\n        '⚠️ USER CONNECTION SKIPPED',\n        'Already connected this user with this service'\n      )\n      return\n    }\n\n    const connectUser = async () => {\n      debugLog('🚀 STARTING USER CONNECTION', { userId: user.id })\n      connectingRef.current = true\n      setIsLoading(true)\n      setError(null)\n\n      try {\n        debugLog('📞 CALLING SERVICE.CONNECTUSER', { userId: user.id })\n        const streamClient = await service.connectUser(user)\n        setClient(streamClient)\n        setIsConnected(true)\n        connectedUserRef.current = { serviceId: service, userId: user.id } // Mark as connected\n        debugLog('✅ USER CONNECTION SUCCESS', {\n          userId: user.id,\n          clientId: streamClient.userID,\n        })\n      } catch (err) {\n        const errorMessage =\n          err instanceof Error ? err.message : 'Connection failed'\n        setError(errorMessage)\n        debugLog('❌ USER CONNECTION ERROR', {\n          userId: user.id,\n          error: errorMessage,\n        })\n      } finally {\n        setIsLoading(false)\n        connectingRef.current = false\n        debugLog('🔄 USER CONNECTION FINISHED', {\n          userId: user.id,\n          isConnected,\n        })\n      }\n    }\n\n    connectUser()\n  }, [service, user, debugLog, isConnected]) // Remove isConnected to prevent circular dependency\n\n  // Disconnect when user is removed (cleanup effect)\n  useEffect(() => {\n    debugLog('🔌 CLEANUP EFFECT REGISTERED', {\n      hasService: !!service,\n      isConnected,\n    })\n    return () => {\n      if (service && isConnected) {\n        debugLog(\n          '🧹 CLEANUP EFFECT TRIGGERED',\n          'Cleaning up connection on unmount'\n        )\n        connectedUserRef.current = null // Reset connection tracking\n        service.disconnectUser().catch(console.error)\n      } else {\n        debugLog('🔇 CLEANUP EFFECT SKIPPED', {\n          hasService: !!service,\n          isConnected,\n        })\n      }\n    }\n  }, [service, isConnected, debugLog])\n\n  const refreshConnection = useCallback(async () => {\n    debugLog('🔄 REFRESH CONNECTION CALLED', {\n      hasService: !!service,\n      hasUser: !!user,\n    })\n\n    if (!service || !user) {\n      debugLog('⚠️ REFRESH CONNECTION SKIPPED', 'Missing service or user')\n      return\n    }\n\n    debugLog('🚀 STARTING CONNECTION REFRESH', { userId: user.id })\n    setIsLoading(true)\n    try {\n      debugLog('🔌 DISCONNECTING FOR REFRESH')\n      await service.disconnectUser()\n      debugLog('📞 RECONNECTING FOR REFRESH')\n      const streamClient = await service.connectUser(user)\n      setClient(streamClient)\n      setIsConnected(true)\n      setError(null)\n      debugLog('✅ CONNECTION REFRESH SUCCESS', { userId: user.id })\n    } catch (err) {\n      const errorMessage = err instanceof Error ? err.message : 'Refresh failed'\n      setError(errorMessage)\n      debugLog('❌ CONNECTION REFRESH ERROR', {\n        userId: user.id,\n        error: errorMessage,\n      })\n    } finally {\n      setIsLoading(false)\n      debugLog('🔄 CONNECTION REFRESH FINISHED', { userId: user.id })\n    }\n  }, [service, user, debugLog])\n\n  // Memoize context value to prevent unnecessary re-renders\n  const contextValue: MessagingContextValue = React.useMemo(() => {\n    debugLog('💫 CONTEXT VALUE MEMOIZATION', {\n      hasService: !!service,\n      hasClient: !!client,\n      isConnected,\n      isLoading,\n      hasError: !!error,\n      capabilitiesKeys: Object.keys(capabilities),\n      customizationKeys: Object.keys(customization),\n    })\n\n    return {\n      service,\n      client,\n      isConnected,\n      isLoading,\n      error,\n      capabilities,\n      customization,\n      refreshConnection,\n      debug,\n    }\n  }, [\n    service,\n    client,\n    isConnected,\n    isLoading,\n    error,\n    capabilities,\n    customization,\n    refreshConnection,\n    debug,\n    debugLog,\n  ])\n\n  debugLog('🔄 RENDER END', {\n    renderCount: renderCountRef.current,\n    willRenderChat: !!(client && isConnected),\n    contextValueReady: !!contextValue,\n  })\n\n  return (\n    <MessagingContext.Provider value={contextValue}>\n      {client && isConnected ? (\n        <Chat client={client}>{children}</Chat>\n      ) : (\n        children\n      )}\n    </MessagingContext.Provider>\n  )\n}\n","import { useMessagingContext } from '../providers/MessagingProvider';\nimport type { MessagingContextValue } from '../providers/MessagingProvider';\n\n/**\n * Hook to access messaging service and state\n */\nexport const useMessaging = (): MessagingContextValue => {\n  return useMessagingContext();\n};\n","\"use strict\";\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.baseStyleClasses = void 0;\nconst react_1 = __importDefault(require(\"react\"));\nconst classnames_1 = __importDefault(require(\"classnames\"));\nexports.baseStyleClasses = (0, classnames_1.default)('text-sm', 'h-2xl', 'block', 'p-md', 'w-full', 'rounded-sm', 'bg-chalk', 'text-black', 'transition', 'duration-75', 'ease-out', '!outline-none');\nconst Base = ({ className, onChange, onChangeValue, appearance = 'default', ...props }, ref) => {\n    const baseInputStyles = appearance === 'none' ? 'appearance-none' : exports.baseStyleClasses;\n    const handleChangeValue = ({ target: { value, checked } }) => {\n        if (props.type === 'checkbox') {\n            return onChangeValue?.(checked);\n        }\n        return onChangeValue?.(value);\n    };\n    return react_1.default.createElement('input', {\n        ...props,\n        className: (0, classnames_1.default)(className, baseInputStyles),\n        onChange: onChange || (onChangeValue && handleChangeValue),\n        ref\n    });\n};\nexports.default = react_1.default.forwardRef(Base);\n//# sourceMappingURL=Base.js.map","\"use strict\";\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst jsx_runtime_1 = require(\"react/jsx-runtime\");\nconst react_1 = __importDefault(require(\"react\"));\nconst classnames_1 = __importDefault(require(\"classnames\"));\nconst Base_1 = __importDefault(require(\"../../Base\"));\nconst SelectPill = ({ id, name, label, className = '', checked, defaultChecked, inactive, value, tabIndex, icon, ...props }, ref) => {\n    const selected = checked || defaultChecked;\n    const isInactive = inactive || props?.disabled;\n    const handleKeyDown = ({ key, code }) => {\n        if (props.onChangeValue && (key === 'Enter' || code === 'Space'))\n            props.onChangeValue?.(value);\n    };\n    return ((0, jsx_runtime_1.jsx)(\"div\", { className: (0, classnames_1.default)('inline-flex', 'first:ml-xs', 'max-w-full'), children: (0, jsx_runtime_1.jsxs)(\"label\", { htmlFor: id, tabIndex: tabIndex, className: (0, classnames_1.default)('w-fit', 'h-10', 'px-md', 'rounded-lg', 'inline-flex', 'justify-center', 'border', 'hover:ring-1', 'hover:ring-sand', 'relative', 'transition duration-75 ease-out', 'max-w-full', className, {\n                'pointer-events-none': isInactive,\n                'cursor-pointer': !isInactive,\n                // Selected\n                'border-black': selected,\n                'bg-black': selected,\n                // Not selected\n                'bg-white': !selected,\n                'border-sand': !selected,\n                'hover:border-sand': !selected\n            }), children: [(0, jsx_runtime_1.jsx)(Base_1.default, { type: \"checkbox\", id: id, name: name, value: value, checked: checked, defaultChecked: defaultChecked, appearance: \"none\", className: (0, classnames_1.default)('cursor-pointer', 'outline-none', 'focus-visible:ring-2', 'focus-visible:ring-black', 'absolute', '-top-[3px]', 'left-4px', 'w-[calc(100%+6px)]', 'h-[calc(100%+6px)]', 'rounded-[48px]', 'transition duration-75 ease-out'), disabled: isInactive, onKeyDown: handleKeyDown, ref: ref, ...props }), (0, jsx_runtime_1.jsxs)(\"span\", { className: (0, classnames_1.default)('pointer-events-none', 'select-none', 'self-center', 'text-sm', 'flex', 'mt-[1px]', 'truncate', {\n                        'text-pebble': isInactive,\n                        'text-white': selected,\n                        'text-black': !selected && !isInactive\n                    }), children: [icon && (0, jsx_runtime_1.jsx)(\"div\", { className: \"icon mr-xs self-center\", children: icon }), (0, jsx_runtime_1.jsx)(\"span\", { className: \"label\", children: label || name })] })] }) }));\n};\nexports.default = react_1.default.forwardRef(SelectPill);\n//# sourceMappingURL=SelectPill.js.map","\"use strict\";\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst jsx_runtime_1 = require(\"react/jsx-runtime\");\nconst react_1 = __importDefault(require(\"react\"));\nconst SelectPillGroup = ({ children, label, className = '' }, ref) => ((0, jsx_runtime_1.jsxs)(\"fieldset\", { className: `${className} -ml-xs space-x-xs space-y-xs`, ref: ref, children: [label && (0, jsx_runtime_1.jsx)(\"legend\", { className: \"mb-sm ml-sm text-sm font-semibold\", children: label }), children] }));\nexports.default = react_1.default.forwardRef(SelectPillGroup);\n//# sourceMappingURL=SelectPillGroup.js.map","\"use strict\";\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.InputSelectPillGroup = exports.default = void 0;\nvar SelectPill_1 = require(\"./SelectPill\");\nObject.defineProperty(exports, \"default\", { enumerable: true, get: function () { return __importDefault(SelectPill_1).default; } });\nvar SelectPillGroup_1 = require(\"./SelectPillGroup\");\nObject.defineProperty(exports, \"InputSelectPillGroup\", { enumerable: true, get: function () { return __importDefault(SelectPillGroup_1).default; } });\n//# sourceMappingURL=index.js.map","import classNames from \"classnames\";\nimport React from \"react\";\n\ninterface IconButtonProps\n  extends Omit<\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    \"type\" | \"children\"\n  > {\n  label: string;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function IconButton({ label, className, children, ...rest }: IconButtonProps) {\n  return (\n    <button\n      type=\"button\"\n      className={classNames(\n        \"rounded-full p-2 transition-colors focus-ring\",\n        {\n          \"cursor-not-allowed opacity-50\": rest.disabled,\n          \"hover:bg-sand\": !rest.disabled,\n        },\n        className,\n      )}\n      {...rest}\n    >\n      <span className=\"sr-only\">{label}</span>\n      {children}\n    </button>\n  );\n}","/**\n * Generate a fruit emoji based on a string id\n * Returns a consistent fruit emoji for the same id\n */\nconst EMOJIS = [\n  '🍎', // Apple\n  '🍌', // Banana\n  '🍇', // Grape\n  '🍊', // Orange\n  '🍓', // Strawberry\n  '🥥', // Coconut\n  '🍒', // Cherry\n  '🥭', // Mango\n  '🍉', // Watermelon\n  '🍋', // Lemon\n  '🥝', // Kiwi\n  '🫒', // Olive\n  '🍈', // Melon\n]\n\n/**\n * Simple hash function to convert string to number\n */\nfunction hashString(str: string): number {\n  let hash = 0\n  for (let i = 0; i < str.length; i++) {\n    const char = str.charCodeAt(i)\n    hash = (hash << 5) - hash + char\n    hash = hash & hash // Convert to 32-bit integer\n  }\n  return Math.abs(hash)\n}\n\n/**\n * Get a fruit emoji based on an id string\n * @param id - The string id to generate emoji from\n * @returns A fruit emoji string\n */\nexport function getAvatarEmoji(id: string): string {\n  const hash = hashString(id)\n  const index = hash % EMOJIS.length\n  return EMOJIS[index]\n}\n\n","import classNames from 'classnames'\nimport React from 'react'\n\nimport { getAvatarEmoji } from './getAvatarEmoji'\n\nexport interface AvatarProps {\n  id: string\n  name: string\n  image?: string\n  size?: number\n  className?: string\n}\n\n/**\n * Avatar component that displays a user image or colored initial fallback\n */\nexport const Avatar: React.FC<AvatarProps> = ({\n  id,\n  image,\n  size = 40,\n  className,\n}) => {\n  const emoji = getAvatarEmoji(id)\n\n  const DEFAULT_COLOR = '#FBFAF9'\n  // Determine font size based on avatar size\n  const getFontSizeClass = () => {\n    if (size < 32) return 'text-xs'\n    if (size < 56) return 'text-sm'\n    return 'text-lg'\n  }\n\n  const fontSizeClass = getFontSizeClass()\n\n  return (\n    <div\n      className={classNames(\n        'flex-shrink-0 overflow-hidden rounded-lg',\n        className\n      )}\n      style={{ width: `${size}px`, height: `${size}px` }}\n    >\n      {image ? (\n        <img\n          src={image}\n          alt=\"\"\n          className=\"h-full w-full object-cover aspect-square\"\n        />\n      ) : (\n        <div\n          aria-hidden=\"true\"\n          className={classNames(\n            'flex h-full w-full items-center justify-center font-semibold rounded-sm',\n            fontSizeClass\n          )}\n          style={{\n            color: DEFAULT_COLOR,\n            backgroundColor: `color-mix(in srgb, ${DEFAULT_COLOR} 60%, solid)`,\n          }}\n        >\n          {emoji}\n        </div>\n      )}\n    </div>\n  )\n}\n","import classNames from 'classnames'\nimport React from 'react'\nimport { Channel } from 'stream-chat'\nimport { ChannelPreviewUIComponentProps } from 'stream-chat-react'\n\nimport { Avatar } from '../Avatar'\n\n/**\n * Custom channel preview that handles selection\n */\nconst CustomChannelPreview: React.FC<\n  ChannelPreviewUIComponentProps & {\n    selectedChannel?: Channel | null\n    onChannelSelect: (channel: Channel) => void\n    debug?: boolean\n  }\n> = ({ channel, selectedChannel, onChannelSelect, debug = false, unread }) => {\n  const isSelected = selectedChannel?.id === channel?.id\n\n  const handleClick = () => {\n    if (channel) {\n      onChannelSelect(channel)\n    }\n  }\n\n  // Get participant info\n  const members = Object.values(channel?.state?.members || {})\n  const participant = members.find(\n    (member) => member.user?.id && member.user.id !== channel?._client?.userID\n  )\n  const participantName = participant?.user?.name || 'Conversation'\n  const participantImage = participant?.user?.image\n\n  // Get last message and format timestamp\n  const lastMessage =\n    channel?.state?.messages?.[channel.state.messages.length - 1]\n  const lastMessageText = lastMessage?.text || 'No messages yet'\n  const lastMessageTime = lastMessage?.created_at\n    ? new Date(lastMessage.created_at).toLocaleTimeString([], {\n        hour: '2-digit',\n        minute: '2-digit',\n      })\n    : ''\n\n  // Use the unread prop passed by Stream Chat (reactive and updates automatically)\n  const unreadCount = unread ?? 0\n\n  if (debug) {\n    console.log('📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER', {\n      channelId: channel?.id,\n      isSelected,\n      participantName,\n      unreadCount,\n      hasTimestamp: !!lastMessageTime,\n    })\n  }\n\n  return (\n    <button\n      type=\"button\"\n      onClick={handleClick}\n      className={classNames(\n        'w-full px-4 py-3 transition-colors border-b border-sand text-left max-w-full overflow-hidden focus-ring',\n        {\n          'bg-primary-alt/10 border-l-4 border-l-primary': isSelected,\n          'hover:bg-sand': !isSelected,\n        }\n      )}\n    >\n      <div className=\"flex items-start gap-3\">\n        {/* Avatar */}\n        <Avatar\n          id={participant?.user?.id || channel.id || 'unknown'}\n          name={participantName}\n          image={participantImage}\n          size={44}\n        />\n\n        {/* Content column */}\n        <div className=\"flex-1 min-w-0 flex flex-col gap-1\">\n          {/* Name and timestamp row */}\n          <div className=\"flex items-center justify-between gap-2\">\n            <h3\n              className={classNames(\n                'text-sm font-medium truncate',\n                isSelected ? 'text-primary' : 'text-charcoal'\n              )}\n            >\n              {participantName}\n            </h3>\n            {lastMessageTime && (\n              <span className=\"text-xs text-stone flex-shrink-0\">\n                {lastMessageTime}\n              </span>\n            )}\n          </div>\n\n          {/* Message and unread badge row */}\n          <div className=\"flex items-center justify-between gap-2 min-w-0\">\n            <p className=\"text-xs text-stone mr-2 flex-1 line-clamp-2\">\n              {lastMessageText}\n            </p>\n            {unreadCount > 0 && (\n              <span className=\"bg-primary text-white text-xs px-2 py-0.5 rounded-full min-w-[20px] text-center flex-shrink-0\">\n                {unreadCount > 99 ? '99+' : unreadCount}\n              </span>\n            )}\n          </div>\n        </div>\n      </div>\n    </button>\n  )\n}\n\nexport default CustomChannelPreview\n","import SelectPill from '@linktr.ee/component-library/InputSelectPill'\nimport SelectPillGroup from '@linktr.ee/component-library/InputSelectPillGroup'\nimport { NotePencilIcon } from '@phosphor-icons/react'\nimport classNames from 'classnames'\nimport React, { useState } from 'react'\nimport {\n  ChannelList as StreamChannelList,\n  useChatContext,\n} from 'stream-chat-react'\n\nimport { useMessagingContext } from '../../providers/MessagingProvider'\nimport type { ChannelListProps } from '../../types'\nimport { IconButton } from '../IconButton'\n\nimport CustomChannelPreview from './CustomChannelPreview'\n\nenum ChannelFilter {\n  All,\n  Unread,\n}\n\n/**\n * Channel list component with customizable header and actions\n */\nexport const ChannelList: React.FC<ChannelListProps> = ({\n  onChannelSelect,\n  selectedChannel,\n  showStartConversation = false,\n  onStartConversation,\n  participantLabel = 'participants',\n  className,\n}) => {\n  // Track renders\n  const renderCountRef = React.useRef(0)\n  renderCountRef.current++\n\n  // Get debug flag from context\n  const { debug = false } = useMessagingContext()\n\n  if (debug) {\n    console.log('📺 [ChannelList] 🔄 RENDER START', {\n      renderCount: renderCountRef.current,\n      selectedChannelId: selectedChannel?.id,\n      showStartConversation,\n      participantLabel,\n    })\n  }\n\n  const { client } = useChatContext()\n\n  if (debug) {\n    console.log('📺 [ChannelList] 📡 CHAT CONTEXT', {\n      renderCount: renderCountRef.current,\n      hasClient: !!client,\n      clientUserId: client?.userID,\n      clientConnected: client?.wsConnection?.isHealthy,\n    })\n  }\n\n  const [staticFilters, setStaticFilters] = useState<{\n    type: string\n    last_message_at: { $exists: boolean }\n    has_unread: boolean | undefined\n  }>({\n    type: 'messaging',\n    last_message_at: { $exists: true },\n    has_unread: undefined,\n  })\n\n  // Filter for messaging channels\n  const filters = React.useMemo(() => {\n    const userId = client.userID\n\n    const newFilters = {\n      ...staticFilters,\n      ...(userId && {\n        members: { $in: [userId] },\n        hidden: false,\n      }),\n    }\n\n    if (debug) {\n      console.log('📺 [ChannelList] 🔍 FILTERS MEMOIZED', {\n        renderCount: renderCountRef.current,\n        userId,\n        filters: newFilters,\n      })\n    }\n\n    return newFilters\n  }, [client.userID, debug, staticFilters])\n\n  return (\n    <div\n      className={classNames(\n        'messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden',\n        className\n      )}\n    >\n      {/* Header */}\n      <div className=\"px-4 py-4 border-b border-sand bg-chalk\">\n        <div className=\"flex items-center justify-between gap-3 min-h-10 min-w-0\">\n          <div>\n            <h2 className=\"text-lg font-semibold text-charcoal\">\n              Conversations\n            </h2>\n            <SelectPillGroup>\n              <SelectPill\n                checked={!filters.has_unread}\n                name=\"All\"\n                onChange={() =>\n                  setStaticFilters((state) => ({\n                    ...state,\n                    has_unread: undefined,\n                  }))\n                }\n                value={ChannelFilter.All}\n              />\n              <SelectPill\n                checked={filters.has_unread}\n                name=\"Unread\"\n                onChange={() =>\n                  setStaticFilters((state) => ({ ...state, has_unread: true }))\n                }\n                value={ChannelFilter.Unread}\n              />\n            </SelectPillGroup>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            {showStartConversation && onStartConversation && (\n              <IconButton\n                label=\"Start a new conversation\"\n                onClick={onStartConversation}\n                className=\"inline-flex size-10 items-center justify-center\"\n              >\n                <NotePencilIcon className=\"h-5 w-5\" />\n              </IconButton>\n            )}\n          </div>\n        </div>\n      </div>\n\n      {/* Channel List */}\n      <div className=\"flex-1 overflow-hidden min-w-0\">\n        {(() => {\n          if (debug) {\n            console.log('📺 [ChannelList] 🎬 RENDERING STREAM CHANNEL LIST', {\n              renderCount: renderCountRef.current,\n              filters,\n              hasClient: !!client,\n              clientUserId: client?.userID,\n            })\n          }\n\n          return (\n            <StreamChannelList\n              filters={filters}\n              sort={{ last_message_at: -1 }}\n              options={{ limit: 30 }}\n              Preview={(props) => {\n                if (debug) {\n                  console.log('📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER', {\n                    channelId: props.channel?.id,\n                    selectedChannelId: selectedChannel?.id,\n                    isSelected: selectedChannel?.id === props.channel?.id,\n                  })\n                }\n\n                return (\n                  <CustomChannelPreview\n                    {...props}\n                    selectedChannel={selectedChannel}\n                    onChannelSelect={onChannelSelect}\n                    debug={debug}\n                  />\n                )\n              }}\n            />\n          )\n        })()}\n      </div>\n    </div>\n  )\n}\n","import classNames from \"classnames\";\nimport React from \"react\";\n\ninterface ActionButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: \"default\" | \"danger\";\n}\n\nconst ActionButton = ({\n  variant = \"default\",\n  className,\n  children,\n  ...rest\n}: ActionButtonProps) => {\n  const isDanger = variant === \"danger\";\n  return (\n    <button\n      type=\"button\"\n      className={classNames(\n        \"flex w-full items-center gap-3 rounded-lg px-4 py-3 text-left text-sm transition-colors focus-ring disabled:cursor-not-allowed disabled:opacity-60\",\n        isDanger\n          ? \"text-danger hover:bg-danger/50\"\n          : \"text-charcoal hover:bg-sand\",\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n};\n\nexport default ActionButton;\n","import { XIcon } from '@phosphor-icons/react'\n\nimport { IconButton } from '../IconButton'\n\ninterface CloseButtonProps {\n  onClick: () => void\n}\n\nexport function CloseButton({ onClick }: CloseButtonProps) {\n  return (\n    <IconButton label=\"Close\" onClick={onClick} className=\"p-1\">\n      <XIcon className=\"h-5 w-5 text-stone\" weight=\"bold\" />\n    </IconButton>\n  )\n}\n","import React from 'react'\n\n/**\n * Empty state component shown when a channel has no messages\n */\nexport const ChannelEmptyState: React.FC = () => (\n  <div className=\"messaging-channel-empty-state flex items-center justify-center h-full p-8 text-balance\">\n    <div className=\"text-center max-w-sm\">\n      <h2 className=\"font-semibold text-charcoal mb-2\">No messages yet 👀</h2>\n\n      <p className=\"text-stone text-xs\">\n        Share to social media to generate more conversations\n      </p>\n    </div>\n  </div>\n)\n\n","import {\n  ArrowLeftIcon,\n  DotsThreeIcon,\n  FlagIcon,\n  ProhibitInsetIcon,\n  SignOutIcon,\n  SpinnerGapIcon,\n} from '@phosphor-icons/react'\nimport classNames from 'classnames'\nimport React, { useState, useCallback, useRef, useEffect } from 'react'\nimport { Channel as ChannelType, ChannelMemberResponse } from 'stream-chat'\nimport {\n  Channel,\n  Window,\n  MessageList,\n  MessageInput,\n  useChannelStateContext,\n} from 'stream-chat-react'\n\nimport { useMessagingContext } from '../providers/MessagingProvider'\nimport type { ChannelViewProps } from '../types'\n\nimport ActionButton from './ActionButton'\nimport { Avatar } from './Avatar'\nimport { CloseButton } from './CloseButton'\nimport { IconButton } from './IconButton'\nimport { ChannelEmptyState } from './MessagingShell/ChannelEmptyState'\n\n// Custom user type with email and username\ntype CustomUser = {\n  email?: string\n  username?: string\n}\n\n// Blocked user from Stream Chat API\ntype BlockedUser = {\n  blocked_user_id: string\n}\n\n/**\n * Custom message input component with render prop for actions\n */\nconst CustomMessageInput: React.FC<{\n  renderActions?: () => React.ReactNode\n}> = ({ renderActions }) => (\n  <div className=\"message-input flex items-center gap-2 p-4\">\n    {renderActions && renderActions()}\n\n    <div className=\"flex-1\">\n      <MessageInput focus maxRows={4} />\n    </div>\n  </div>\n)\n\n/**\n * Custom channel header component\n */\nconst CustomChannelHeader: React.FC<{\n  onBack?: () => void\n  showBackButton: boolean\n  onShowInfo?: () => void\n  canShowInfo: boolean\n}> = ({ onBack, showBackButton, onShowInfo, canShowInfo }) => {\n  const { channel } = useChannelStateContext()\n\n  // Get participant info (excluding current user)\n  const participant = React.useMemo(() => {\n    const members = Object.values(channel.state.members || {})\n    return members.find(\n      (member) => member.user?.id && member.user.id !== channel._client.userID\n    )\n  }, [channel._client.userID, channel.state.members])\n\n  const participantName =\n    participant?.user?.name || participant?.user?.id || 'Unknown member'\n  const participantImage = participant?.user?.image\n\n  return (\n    <div className=\"flex items-center justify-between gap-3 min-h-12\">\n      <div className=\"flex items-center gap-3 min-w-0\">\n        {showBackButton && onBack && (\n          <button\n            type=\"button\"\n            onClick={onBack}\n            className=\"inline-flex items-center justify-center w-8 h-8 rounded-lg hover:bg-sand focus:outline-none focus:ring-2 focus:ring-primary transition-colors lg:hidden\"\n            aria-label=\"Back to conversations\"\n          >\n            <ArrowLeftIcon className=\"h-5 w-5 text-stone\" weight=\"bold\" />\n          </button>\n        )}\n\n        {/* Avatar */}\n        <Avatar\n          id={participant?.user?.id || channel.id || 'unknown'}\n          name={participantName}\n          image={participantImage}\n          size={40}\n        />\n\n        <div className=\"min-w-0\">\n          <h1 className=\"text-lg font-semibold text-charcoal truncate\">\n            {participantName}\n          </h1>\n        </div>\n      </div>\n\n      {canShowInfo && onShowInfo && (\n        <IconButton label=\"Chat info\" onClick={onShowInfo}>\n          <DotsThreeIcon className=\"h-6 w-6 text-charcoal\" weight=\"bold\" />\n        </IconButton>\n      )}\n    </div>\n  )\n}\n\n/**\n * Channel info dialog (matching original implementation)\n */\nconst ChannelInfoDialog: React.FC<{\n  isOpen: boolean\n  onClose: () => void\n  participant: ChannelMemberResponse | undefined\n  channel: ChannelType\n  followerStatusLabel?: string\n  onLeaveConversation?: (channel: ChannelType) => void\n  onBlockParticipant?: (participantId?: string) => void\n}> = ({\n  isOpen,\n  onClose,\n  participant,\n  channel,\n  followerStatusLabel,\n  onLeaveConversation,\n  onBlockParticipant,\n}) => {\n  const { service, debug } = useMessagingContext()\n  const dialogRef = useRef<HTMLDialogElement>(null)\n  const [isParticipantBlocked, setIsParticipantBlocked] = useState(false)\n  const [isLeaving, setIsLeaving] = useState(false)\n  const [isUpdatingBlockStatus, setIsUpdatingBlockStatus] = useState(false)\n\n  // Sync dialog open state with prop\n  useEffect(() => {\n    const dialog = dialogRef.current\n    if (!dialog) return\n\n    if (isOpen) {\n      dialog.showModal()\n    } else {\n      dialog.close()\n    }\n  }, [isOpen])\n\n  // Check if participant is blocked\n  const checkIsParticipantBlocked = useCallback(async () => {\n    if (!service || !participant?.user?.id) return\n\n    try {\n      const blockedUsers = await service.getBlockedUsers()\n      const isBlocked = blockedUsers.some(\n        (user: BlockedUser) => user.blocked_user_id === participant?.user?.id\n      )\n      setIsParticipantBlocked(isBlocked)\n    } catch (error) {\n      console.error(\n        '[ChannelInfoDialog] Failed to check blocked status:',\n        error\n      )\n    }\n  }, [service, participant?.user?.id])\n\n  useEffect(() => {\n    if (isOpen) {\n      checkIsParticipantBlocked()\n    }\n  }, [isOpen, checkIsParticipantBlocked])\n\n  const handleLeaveConversation = async () => {\n    if (isLeaving) return\n\n    if (debug) {\n      console.log('[ChannelInfoDialog] Leave conversation', channel.cid)\n    }\n    setIsLeaving(true)\n\n    try {\n      const actingUserId = channel._client?.userID ?? null\n      await channel.hide(actingUserId, false)\n\n      if (onLeaveConversation) {\n        await onLeaveConversation(channel)\n      }\n\n      onClose()\n    } catch (error) {\n      console.error('[ChannelInfoDialog] Failed to leave conversation', error)\n    } finally {\n      setIsLeaving(false)\n    }\n  }\n\n  const handleBlockUser = async () => {\n    if (isUpdatingBlockStatus || !service) return\n\n    if (debug) {\n      console.log('[ChannelInfoDialog] Block member', participant?.user?.id)\n    }\n    setIsUpdatingBlockStatus(true)\n\n    try {\n      await service.blockUser(participant?.user?.id)\n\n      if (onBlockParticipant) {\n        await onBlockParticipant(participant?.user?.id)\n      }\n\n      onClose()\n    } catch (error) {\n      console.error('[ChannelInfoDialog] Failed to block member', error)\n    } finally {\n      setIsUpdatingBlockStatus(false)\n    }\n  }\n\n  const handleUnblockUser = async () => {\n    if (isUpdatingBlockStatus || !service) return\n\n    if (debug) {\n      console.log('[ChannelInfoDialog] Unblock member', participant?.user?.id)\n    }\n    setIsUpdatingBlockStatus(true)\n\n    try {\n      await service.unBlockUser(participant?.user?.id)\n\n      if (onBlockParticipant) {\n        await onBlockParticipant(participant?.user?.id)\n      }\n\n      onClose()\n    } catch (error) {\n      console.error('[ChannelInfoDialog] Failed to unblock member', error)\n    } finally {\n      setIsUpdatingBlockStatus(false)\n    }\n  }\n\n  const handleReportUser = () => {\n    onClose()\n    window.open(\n      'https://linktr.ee/s/about/trust-center/report',\n      '_blank',\n      'noopener,noreferrer'\n    )\n  }\n\n  if (!participant) return null\n\n  const participantName =\n    participant.user?.name || participant.user?.id || 'Unknown member'\n  const participantImage = participant.user?.image\n  const participantEmail = (participant.user as CustomUser)?.email\n  const participantUsername = (participant.user as CustomUser)?.username\n  const participantSecondary = participantEmail\n    ? participantEmail\n    : participantUsername\n      ? `linktr.ee/${participantUsername}`\n      : undefined\n  const participantId = participant.user?.id || 'unknown'\n\n  return (\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions\n    <dialog\n      ref={dialogRef}\n      className=\"mes-dialog\"\n      onClose={onClose}\n      onClick={(e) => {\n        if (e.target === dialogRef.current) {\n          onClose()\n        }\n      }}\n    >\n      <div className=\"ml-auto flex h-full w-full flex-col bg-white shadow-max-elevation-light\">\n        <div className=\"flex items-center justify-between border-b border-sand px-4 py-3\">\n          <h2 className=\"text-base font-semibold text-charcoal\">Chat info</h2>\n          <CloseButton onClick={onClose} />\n        </div>\n\n        <div className=\"flex-1 px-2 overflow-y-auto w-full\">\n          <div className=\"flex flex-col items-center gap-3 self-stretch px-4 py-2 mt-6 rounded-lg border border-black/[0.04]\" style={{ backgroundColor: '#FBFAF9' }}>\n            <div className=\"flex items-center gap-3 w-full\">\n              <Avatar\n                id={participantId}\n                name={participantName}\n                image={participantImage}\n                size={88}\n                className=\"!rounded-full\"\n              />\n              <div className=\"flex flex-col min-w-0 flex-1\">\n                <p className=\"truncate text-base font-semibold text-charcoal\">\n                  {participantName}\n                </p>\n                {participantSecondary && (\n                  <p className=\"truncate text-sm text-[#00000055]\">\n                    {participantSecondary}\n                  </p>\n                )}\n                {followerStatusLabel && (\n                  <span\n                    className=\"mt-1 rounded-full text-xs font-normal w-fit\"\n                    style={{\n                      padding: '4px 8px',\n                      backgroundColor: followerStatusLabel === 'Subscribed to you' ? '#DCFCE7' : '#F5F5F4',\n                      color: followerStatusLabel === 'Subscribed to you' ? '#008236' : '#78716C',\n                      lineHeight: '133.333%',\n                      letterSpacing: '0.21px',\n                    }}\n                  >\n                    {followerStatusLabel}\n                  </span>\n                )}\n              </div>\n            </div>\n          </div>\n\n          <ul className=\"flex flex-col gap-2 mt-2\">\n            <li>\n              <ActionButton\n                onClick={handleLeaveConversation}\n                disabled={isLeaving}\n                aria-busy={isLeaving}\n              >\n                {isLeaving ? (\n                  <SpinnerGapIcon className=\"h-5 w-5 animate-spin\" />\n                ) : (\n                  <SignOutIcon className=\"h-5 w-5\" />\n                )}\n                <span>Leave Conversation</span>\n              </ActionButton>\n            </li>\n            <li>\n              {isParticipantBlocked ? (\n                <ActionButton\n                  onClick={handleUnblockUser}\n                  disabled={isUpdatingBlockStatus}\n                  aria-busy={isUpdatingBlockStatus}\n                >\n                  {isUpdatingBlockStatus ? (\n                    <SpinnerGapIcon className=\"h-5 w-5 animate-spin\" />\n                  ) : (\n                    <ProhibitInsetIcon className=\"h-5 w-5\" />\n                  )}\n                  <span>Unblock</span>\n                </ActionButton>\n              ) : (\n                <ActionButton\n                  onClick={handleBlockUser}\n                  disabled={isUpdatingBlockStatus}\n                  aria-busy={isUpdatingBlockStatus}\n                >\n                  {isUpdatingBlockStatus ? (\n                    <SpinnerGapIcon className=\"h-5 w-5 animate-spin\" />\n                  ) : (\n                    <ProhibitInsetIcon className=\"h-5 w-5\" />\n                  )}\n                  <span>Block</span>\n                </ActionButton>\n              )}\n            </li>\n            <li>\n              <ActionButton variant=\"danger\" onClick={handleReportUser}>\n                <FlagIcon className=\"h-5 w-5\" />\n                <span>Report</span>\n              </ActionButton>\n            </li>\n          </ul>\n        </div>\n      </div>\n    </dialog>\n  )\n}\n\n/**\n * Inner component that has access to channel context\n */\nconst ChannelViewInner: React.FC<{\n  onBack?: () => void\n  showBackButton: boolean\n  renderMessageInputActions?: (channel: ChannelType) => React.ReactNode\n  onLeaveConversation?: (channel: ChannelType) => void\n  onBlockParticipant?: (participantId?: string) => void\n  CustomChannelEmptyState?: React.ComponentType\n}> = ({\n  onBack,\n  showBackButton,\n  renderMessageInputActions,\n  onLeaveConversation,\n  onBlockParticipant,\n  CustomChannelEmptyState = ChannelEmptyState,\n}) => {\n  const { channel } = useChannelStateContext()\n  const [showInfo, setShowInfo] = useState(false)\n\n  // Check if channel has messages - using context to reactively subscribe to message updates\n  const hasMessages = (channel?.state?.messages?.length ?? 0) > 0\n\n  // Get participant info for info dialog\n  const participant = React.useMemo(() => {\n    const members = Object.values(channel.state.members || {})\n    return members.find(\n      (member) => member.user?.id && member.user.id !== channel._client.userID\n    )\n  }, [channel._client.userID, channel.state.members])\n\n  // Get follower status label from channel data\n  const followerStatusLabel = React.useMemo(() => {\n    const channelExtraData = (channel.data ?? {}) as {\n      followerStatus?: string\n      isFollower?: boolean\n    }\n    \n    // If explicit followerStatus is provided, use it\n    if (channelExtraData.followerStatus) {\n      return String(channelExtraData.followerStatus)\n    }\n    // If isFollower is explicitly defined, use it to determine status\n    if (channelExtraData.isFollower !== undefined) {\n      return channelExtraData.isFollower ? 'Subscribed to you' : 'Not subscribed'\n    }\n    // Otherwise, don't show any status\n    return undefined\n  }, [channel.data])\n\n  return (\n    <>\n      <Window>\n        {/* Custom Channel Header */}\n        <div className=\"border-b border-sand bg-white px-4 py-3\">\n          <CustomChannelHeader\n            onBack={onBack}\n            showBackButton={showBackButton}\n            onShowInfo={() => setShowInfo(true)}\n            canShowInfo={Boolean(participant)}\n          />\n        </div>\n\n        {/* Message List */}\n        <div className=\"flex-1 overflow-hidden relative\">\n          <MessageList hideDeletedMessages hideNewMessageSeparator={false} />\n\n          {/* Show custom empty state when no messages */}\n          {!hasMessages && CustomChannelEmptyState && (\n            <div className=\"absolute inset-0 w-full h-full bg-white\">\n              <CustomChannelEmptyState />\n            </div>\n          )}\n        </div>\n\n        {/* Message Input */}\n        <CustomMessageInput\n          renderActions={() => renderMessageInputActions?.(channel)}\n        />\n      </Window>\n\n      {/* Channel Info Dialog */}\n      <ChannelInfoDialog\n        isOpen={showInfo}\n        onClose={() => setShowInfo(false)}\n        participant={participant}\n        channel={channel}\n        followerStatusLabel={followerStatusLabel}\n        onLeaveConversation={onLeaveConversation}\n        onBlockParticipant={onBlockParticipant}\n      />\n    </>\n  )\n}\n\n/**\n * Channel view component with message list and input\n */\nexport const ChannelView: React.FC<ChannelViewProps> = ({\n  channel,\n  onBack,\n  showBackButton = false,\n  renderMessageInputActions,\n  onLeaveConversation,\n  onBlockParticipant,\n  className,\n  CustomChannelEmptyState = ChannelEmptyState,\n}) => {\n  return (\n    <div\n      className={classNames(\n        'messaging-channel-view h-full flex flex-col',\n        className\n      )}\n    >\n      <Channel channel={channel}>\n        <ChannelViewInner\n          onBack={onBack}\n          showBackButton={showBackButton}\n          renderMessageInputActions={renderMessageInputActions}\n          onLeaveConversation={onLeaveConversation}\n          onBlockParticipant={onBlockParticipant}\n          CustomChannelEmptyState={CustomChannelEmptyState}\n        />\n      </Channel>\n    </div>\n  )\n}\n","import { MagnifyingGlassIcon, XIcon } from '@phosphor-icons/react'\nimport { useRef } from 'react'\n\nimport { IconButton } from '../IconButton'\n\ninterface SearchInputProps {\n  searchQuery: string\n  setSearchQuery: (value: string) => void\n  placeholder: string\n}\n\nexport function SearchInput({\n  searchQuery,\n  setSearchQuery,\n  placeholder,\n}: SearchInputProps) {\n  const searchInputRef = useRef<HTMLInputElement>(null)\n\n  return (\n    <div className=\"relative\">\n      <MagnifyingGlassIcon\n        className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-stone\"\n        weight=\"bold\"\n      />\n\n      <input\n        ref={searchInputRef}\n        type=\"text\"\n        placeholder={placeholder}\n        value={searchQuery}\n        onChange={(e) => setSearchQuery(e.target.value)}\n        className=\"w-full pl-10 pr-10 py-3 text-sm border border-sand rounded-xl focus:outline-none focus:ring-2 focus:ring-black focus:border-transparent\"\n      />\n\n      {searchQuery && (\n        <IconButton\n          label=\"Clear search\"\n          onClick={() => {\n            setSearchQuery('')\n            searchInputRef.current?.focus()\n          }}\n          className=\"absolute right-3 top-1/2 -translate-y-1/2 p-1 text-stone hover:text-charcoal\"\n        >\n          <XIcon className=\"h-4 w-4\" weight=\"bold\" />\n        </IconButton>\n      )}\n    </div>\n  )\n}\n","import { ChatCircleDotsIcon, SpinnerGapIcon } from '@phosphor-icons/react'\nimport classNames from 'classnames'\nimport React, { useCallback, useEffect, useState, useRef } from 'react'\n\nimport { useMessagingContext } from '../../providers/MessagingProvider'\nimport type { ParticipantPickerProps, Participant } from '../../types'\nimport { Avatar } from '../Avatar'\nimport { CloseButton } from '../CloseButton'\nimport { SearchInput } from '../SearchInput'\n\n/**\n * Generic participant picker component for starting conversations\n */\nexport const ParticipantPicker: React.FC<ParticipantPickerProps> = ({\n  participantSource,\n  onSelectParticipant,\n  onClose,\n  existingParticipantIds = new Set(),\n  participantLabel = 'participants',\n  searchPlaceholder = 'Search participants...',\n  className,\n}) => {\n  const { debug } = useMessagingContext()\n  const [searchQuery, setSearchQuery] = useState('')\n  const [participants, setParticipants] = useState<Participant[]>([])\n  const [loading, setLoading] = useState(false)\n  const [error, setError] = useState<string | null>(null)\n  const [startingChatWithId, setStartingChatWithId] = useState<string | null>(\n    null\n  )\n\n  // Track if we've already loaded participants to prevent repeated loading\n  const loadedRef = useRef(false)\n\n  // Load participants initially - wait for participantSource to finish loading first\n  useEffect(() => {\n    // Wait for the participantSource to finish loading before we try to load participants\n    if (participantSource.loading) {\n      if (debug) {\n        console.log(\n          '[ParticipantPicker] Waiting for participant source to finish loading...'\n        )\n      }\n      return\n    }\n\n    if (loadedRef.current) return // Prevent multiple loads\n\n    const loadInitialParticipants = async () => {\n      if (debug) {\n        console.log('[ParticipantPicker] Loading initial participants...')\n      }\n      setLoading(true)\n      setError(null)\n\n      try {\n        const result = await participantSource.loadParticipants({\n          search: '', // Load all participants initially\n          limit: 100,\n        })\n        setParticipants(result.participants)\n        loadedRef.current = true // Mark as loaded\n        if (debug) {\n          console.log(\n            '[ParticipantPicker] Participants loaded successfully:',\n            result.participants.length\n          )\n        }\n      } catch (err) {\n        const errorMessage =\n          err instanceof Error ? err.message : 'Failed to load participants'\n        setError(errorMessage)\n        console.error('[ParticipantPicker] Failed to load participants:', err)\n        // Don't mark as loaded on error, allow retry\n      } finally {\n        setLoading(false)\n      }\n    }\n\n    loadInitialParticipants()\n  }, [participantSource.loading, debug]) // Re-run when loading state changes\n\n  // Filter participants by search query and existing participants\n  const availableParticipants = participants\n    .filter((participant) => !existingParticipantIds.has(participant.id))\n    .filter((participant) => {\n      if (!searchQuery) return true\n      const searchLower = searchQuery.toLowerCase()\n      return (\n        participant.name.toLowerCase().includes(searchLower) ||\n        participant.email?.toLowerCase().includes(searchLower) ||\n        false\n      )\n    })\n\n  const handleSelectParticipant = useCallback(\n    async (participant: Participant) => {\n      if (startingChatWithId) return // Prevent multiple clicks\n\n      setStartingChatWithId(participant.id)\n      try {\n        await onSelectParticipant(participant)\n      } catch (error) {\n        console.error('[ParticipantPicker] Failed to start chat:', error)\n        // Reset the loading state on error\n        setStartingChatWithId(null)\n      }\n      // Note: Don't reset startingChatWithId on success because the dialog will close\n    },\n    [onSelectParticipant, startingChatWithId]\n  )\n\n  const handleKeyDown = (\n    event: React.KeyboardEvent,\n    participant: Participant\n  ) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault()\n      handleSelectParticipant(participant)\n    }\n  }\n\n  return (\n    <div className={classNames('flex flex-col h-full', className)}>\n      {/* Header */}\n      <div className=\"px-4 py-4 border-b border-sand bg-chalk\">\n        <div className=\"flex items-center justify-between mb-3\">\n          <h2 className=\"text-lg font-semibold text-charcoal\">\n            Start a new Conversation\n          </h2>\n          <CloseButton onClick={onClose} />\n        </div>\n\n        <p className=\"text-xs text-stone mb-3\">\n          Select a {participantLabel.slice(0, -1)} to start messaging (\n          {availableParticipants.length} available)\n          {participantSource.totalCount !== undefined &&\n            ` • ${participantSource.totalCount} ${participantLabel} total`}\n        </p>\n\n        <SearchInput\n          searchQuery={searchQuery}\n          setSearchQuery={setSearchQuery}\n          placeholder={searchPlaceholder}\n        />\n      </div>\n\n      {/* Error State */}\n      {error && (\n        <div className=\"p-4 text-sm text-danger bg-danger-alt\">\n          Error loading {participantLabel}: {error}\n        </div>\n      )}\n\n      {/* Participants List */}\n      <div className=\"flex-1 overflow-auto\">\n        {loading && availableParticipants.length === 0 ? (\n          <div className=\"h-32 flex items-center justify-center\">\n            <div className=\"flex items-center space-x-2\">\n              <div className=\"w-4 h-4 animate-spin rounded-full border-2 border-primary border-t-transparent\"></div>\n              <span className=\"text-sm text-stone\">\n                Loading {participantLabel}...\n              </span>\n            </div>\n          </div>\n        ) : availableParticipants.length === 0 ? (\n          <div className=\"p-6 text-center\">\n            <div className=\"mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-sand\">\n              <ChatCircleDotsIcon className=\"h-8 w-8 text-charcoal\" />\n            </div>\n            <h3 className=\"text-sm font-semibold text-charcoal mb-2\">\n              {searchQuery\n                ? `No ${participantLabel} found`\n                : participants.length > 0\n                  ? `Already chatting with all ${participantLabel}`\n                  : `No ${participantLabel} yet`}\n            </h3>\n            <p className=\"text-xs text-stone\">\n              {searchQuery\n                ? 'Try a different search term'\n                : participants.length > 0\n                  ? `You have existing conversations with all your ${participantLabel}`\n                  : `${participantLabel.charAt(0).toUpperCase() + participantLabel.slice(1)} will appear here`}\n            </p>\n          </div>\n        ) : (\n          <ul className=\"space-y-0\">\n            {availableParticipants.map((participant) => {\n              const displayName =\n                participant.name || participant.email || participant.id\n              const displaySecondary =\n                participant.email && participant.name\n                  ? participant.email\n                  : participant.phone\n\n              return (\n                <li key={participant.id}>\n                  <button\n                    type=\"button\"\n                    onClick={() => handleSelectParticipant(participant)}\n                    onKeyDown={(e) => handleKeyDown(e, participant)}\n                    className=\"w-full px-4 py-3 hover:bg-sand transition-colors border-b border-sand text-left focus:outline-none focus:ring-2 focus:ring-black\"\n                  >\n                    <div className=\"flex items-center justify-between\">\n                      <div className=\"flex items-center space-x-3 flex-1 min-w-0\">\n                        {/* Avatar */}\n                        <Avatar\n                          id={participant.id}\n                          name={displayName}\n                          image={participant.image}\n                          size={40}\n                        />\n\n                        {/* Info */}\n                        <div className=\"flex-1 min-w-0\">\n                          <h4 className=\"text-sm font-medium text-charcoal truncate\">\n                            {displayName}\n                          </h4>\n                          {displaySecondary && (\n                            <p className=\"text-xs text-stone truncate\">\n                              {displaySecondary}\n                            </p>\n                          )}\n                        </div>\n                      </div>\n\n                      {/* Icon */}\n                      <div className=\"flex-shrink-0\">\n                        {startingChatWithId === participant.id ? (\n                          <SpinnerGapIcon className=\"h-5 w-5 text-primary animate-spin\" />\n                        ) : (\n                          <ChatCircleDotsIcon className=\"h-5 w-5 text-stone\" />\n                        )}\n                      </div>\n                    </div>\n                  </button>\n                </li>\n              )\n            })}\n\n            {/* Loading indicator */}\n            {loading && (\n              <li className=\"p-4 flex justify-center\">\n                <div className=\"flex items-center space-x-2\">\n                  <div className=\"w-4 h-4 animate-spin rounded-full border-2 border-primary border-t-transparent\"></div>\n                  <span className=\"text-sm text-stone\">Loading more...</span>\n                </div>\n              </li>\n            )}\n          </ul>\n        )}\n      </div>\n    </div>\n  )\n}\n","import React from 'react'\n\n/**\n * Empty state component shown when no channel is selected\n */\nexport const EmptyState: React.FC<{\n  hasChannels: boolean\n  onStartConversation?: () => void\n  participantLabel: string\n}> = ({ hasChannels, onStartConversation, participantLabel }) => (\n  <div className=\"messaging-empty-state flex items-center justify-center h-full p-8 text-balance\">\n    <div className=\"text-center max-w-sm\">\n      <div className=\"w-24 h-24 bg-primary-alt/10 rounded-full flex items-center justify-center mx-auto mb-6\">\n        <span className=\"text-4xl\">💬</span>\n      </div>\n\n      <h2 className=\"font-semibold text-charcoal\">Welcome to Messages</h2>\n\n      <p className=\"text-stone text-sm mb-6\">\n        {hasChannels ? (\n          <>\n            Choose a conversation from the list or{' '}\n            {onStartConversation && (\n              <TextButton onClick={onStartConversation}>\n                start a new conversation with a {participantLabel.slice(0, -1)}.\n              </TextButton>\n            )}\n          </>\n        ) : (\n          onStartConversation && (\n            <>\n              <TextButton onClick={onStartConversation}>\n                Start a new conversation with one of your {participantLabel}\n              </TextButton>{' '}\n              to begin messaging.\n            </>\n          )\n        )}\n      </p>\n    </div>\n  </div>\n)\n\nconst TextButton = ({\n  onClick,\n  children,\n}: {\n  onClick: () => void\n  children: React.ReactNode\n}) => (\n  <button\n    type=\"button\"\n    onClick={onClick}\n    className=\"inline-flex items-center gap-1 text-sm font-medium text-primary hover:text-primary-alt focus:outline-none focus:ring-2 focus:ring-primary\"\n  >\n    {children}\n  </button>\n)\n","import React from 'react'\n\n/**\n * Error state component shown when something goes wrong\n */\nexport const ErrorState: React.FC<{\n  message: string\n  onBack?: () => void\n}> = ({ message, onBack }) => (\n  <div className=\"messaging-error-state flex items-center justify-center h-full p-8\">\n    <div className=\"text-center max-w-sm\">\n      <div className=\"w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6\">\n        <span className=\"text-4xl\">⚠️</span>\n      </div>\n\n      <h2 className=\"font-semibold text-charcoal mb-2\">Oops!</h2>\n\n      <p className=\"text-stone text-sm mb-6\">{message}</p>\n\n      {onBack && (\n        <button\n          type=\"button\"\n          onClick={onBack}\n          className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-white bg-primary hover:bg-primary-alt rounded-lg focus:outline-none focus:ring-2 focus:ring-primary transition-colors\"\n        >\n          Go Back\n        </button>\n      )}\n    </div>\n  </div>\n)\n","import classNames from 'classnames'\n\ntype LoadingProps = {\n  className?: string\n  message?: string\n}\n\nconst Loading = ({ className, message }: LoadingProps) => (\n  <div\n    className={classNames('flex items-center justify-center h-full', className)}\n  >\n    <svg viewBox=\"0 0 100 100\" className=\"size-8 fill-pebble\" stroke=\"none\">\n      <circle cx=\"6\" cy=\"50\" r=\"6\">\n        <animateTransform\n          attributeName=\"transform\"\n          dur=\"1s\"\n          type=\"translate\"\n          values=\"0 15 ; 0 -15; 0 15\"\n          repeatCount=\"indefinite\"\n          begin=\"0.1\"\n        />\n      </circle>\n      <circle cx=\"30\" cy=\"50\" r=\"6\">\n        <animateTransform\n          attributeName=\"transform\"\n          dur=\"1s\"\n          type=\"translate\"\n          values=\"0 10 ; 0 -10; 0 10\"\n          repeatCount=\"indefinite\"\n          begin=\"0.2\"\n        />\n      </circle>\n      <circle cx=\"54\" cy=\"50\" r=\"6\">\n        <animateTransform\n          attributeName=\"transform\"\n          dur=\"1s\"\n          type=\"translate\"\n          values=\"0 5 ; 0 -5; 0 5\"\n          repeatCount=\"indefinite\"\n          begin=\"0.3\"\n        />\n      </circle>\n    </svg>\n    {message && <span className=\"text-stone\">{message}</span>}\n  </div>\n)\n\nexport default Loading\n","import Loading from '../Loading'\n\n/**\n * Loading state component\n */\nexport const LoadingState = () => (\n  <div className=\"messaging-loading-state flex items-center justify-center h-full\">\n    <div className=\"flex items-center\">\n      <Loading className=\"w-6 h-6\" />\n      <span className=\"text-sm text-stone\">Loading messages</span>\n    </div>\n  </div>\n)\n","import classNames from 'classnames'\nimport React, { useState, useCallback, useRef, useEffect } from 'react'\nimport type { Channel } from 'stream-chat'\n\nimport { useMessaging } from '../../hooks/useMessaging'\nimport type { MessagingShellProps, Participant } from '../../types'\nimport { ChannelList } from '../ChannelList'\nimport { ChannelView } from '../ChannelView'\nimport { ParticipantPicker } from '../ParticipantPicker'\n\nimport { EmptyState } from './EmptyState'\nimport { ErrorState } from './ErrorState'\nimport { LoadingState } from './LoadingState'\n\n/**\n * Main messaging interface component that combines channel list and channel view\n */\nexport const MessagingShell: React.FC<MessagingShellProps> = ({\n  capabilities = {},\n  className,\n  renderMessageInputActions,\n  onChannelSelect,\n  onParticipantSelect,\n  initialParticipantFilter,\n  initialParticipantData,\n  CustomChannelEmptyState,\n  showChannelList = true,\n}) => {\n  const {\n    service,\n    client,\n    isConnected,\n    isLoading,\n    error,\n    refreshConnection,\n    debug,\n  } = useMessaging()\n\n  const [selectedChannel, setSelectedChannel] = useState<Channel | null>(null)\n  const [hasChannels, setHasChannels] = useState(false)\n  const [_showParticipantPicker, setShowParticipantPicker] = useState(false)\n  const [existingParticipantIds, setExistingParticipantIds] = useState<\n    Set<string>\n  >(new Set())\n  const [pickerKey, setPickerKey] = useState(0) // Key to force remount of ParticipantPicker\n  const [directConversationMode, setDirectConversationMode] = useState(false)\n  const [directConversationError, setDirectConversationError] = useState<\n    string | null\n  >(null)\n\n  const participantPickerRef = useRef<HTMLDialogElement>(null)\n\n  const {\n    showStartConversation = false,\n    participantSource,\n    participantLabel = 'participants',\n  } = capabilities\n\n  // Track if we've already synced channels to prevent repeated API calls\n  const syncedRef = useRef<string | null>(null)\n\n  // Function to sync channels (extracted for reuse)\n  const syncChannels = useCallback(async () => {\n    if (!client || !isConnected) return\n\n    const userId = client.userID\n    if (!userId) return\n\n    try {\n      if (debug) {\n        console.log('[MessagingShell] Syncing channels for user:', userId)\n      }\n\n      const channels = await client.queryChannels(\n        {\n          type: 'messaging',\n          members: { $in: [userId] },\n        },\n        {},\n        { limit: 100 }\n      )\n\n      const memberIds = new Set<string>()\n      channels.forEach((channel: Channel) => {\n        const members = channel.state.members\n        Object.values(members).forEach((member) => {\n          const memberId = member.user?.id\n          if (memberId && memberId !== userId) {\n            memberIds.add(memberId)\n          }\n        })\n      })\n\n      setExistingParticipantIds(memberIds)\n      setHasChannels(channels.length > 0)\n      syncedRef.current = userId // Mark as synced for this user\n\n      if (debug) {\n        console.log('[MessagingShell] Channels synced successfully:', {\n          channelCount: channels.length,\n          memberCount: memberIds.size,\n        })\n      }\n    } catch (error) {\n      console.error('[MessagingShell] Failed to sync channels:', error)\n      // Don't mark as synced on error, allow retry\n    }\n  }, [client, isConnected, debug])\n\n  // Sync existing channels to track which participants we can already message\n  useEffect(() => {\n    if (!client || !isConnected) return\n\n    const userId = client.userID\n    if (!userId) return\n\n    // Prevent repeated sync for the same user\n    if (syncedRef.current === userId) return\n\n    syncChannels()\n  }, [client, isConnected, syncChannels])\n\n  // Load initial channel for direct conversation mode\n  useEffect(() => {\n    if (!initialParticipantFilter || !client || !isConnected) return\n\n    const loadInitialChannel = async () => {\n      const userId = client.userID\n      if (!userId) return\n\n      try {\n        if (debug) {\n          console.log(\n            '[MessagingShell] Loading initial conversation with:',\n            initialParticipantFilter\n          )\n        }\n\n        const channels = await client.queryChannels(\n          {\n            type: 'messaging',\n            members: { $eq: [userId, initialParticipantFilter] },\n          },\n          {},\n          { limit: 1 }\n        )\n\n        if (channels.length > 0) {\n          setSelectedChannel(channels[0])\n          setDirectConversationMode(true)\n          setDirectConversationError(null)\n\n          // Notify parent component of channel selection\n          if (onChannelSelect) {\n            onChannelSelect(channels[0])\n          }\n\n          if (debug) {\n            console.log(\n              '[MessagingShell] Initial conversation loaded:',\n              channels[0].id\n            )\n          }\n        } else {\n          // No channel found - try to create one if participant data is provided\n          if (initialParticipantData && service) {\n            if (debug) {\n              console.log(\n                '[MessagingShell] No conversation found, creating one for:',\n                initialParticipantData\n              )\n            }\n\n            try {\n              // Use the existing service method to create the channel\n              const channel = await service.startChannelWithParticipant({\n                id: initialParticipantData.id,\n                name: initialParticipantData.name,\n                email: initialParticipantData.email,\n                phone: initialParticipantData.phone,\n              })\n\n              setSelectedChannel(channel)\n              setDirectConversationMode(true)\n              setDirectConversationError(null)\n\n              // Notify parent component of channel selection\n              if (onChannelSelect) {\n                onChannelSelect(channel)\n              }\n\n              if (debug) {\n                console.log(\n                  '[MessagingShell] Channel created and loaded:',\n                  channel.id\n                )\n              }\n            } catch (createErr) {\n              console.error(\n                '[MessagingShell] Failed to create conversation:',\n                createErr\n              )\n              setDirectConversationError('Failed to create conversation')\n            }\n          } else {\n            // No participant data provided, show error\n            setDirectConversationError(\n              'No conversation found with this account'\n            )\n\n            if (debug) {\n              console.log(\n                '[MessagingShell] No conversation found for:',\n                initialParticipantFilter\n              )\n            }\n          }\n        }\n      } catch (err) {\n        console.error(\n          '[MessagingShell] Failed to load initial conversation:',\n          err\n        )\n        setDirectConversationError('Failed to load conversation')\n      }\n    }\n\n    loadInitialChannel()\n  }, [\n    initialParticipantFilter,\n    initialParticipantData,\n    client,\n    isConnected,\n    service,\n    debug,\n    onChannelSelect,\n  ])\n\n  const handleChannelSelect = useCallback(\n    (channel: Channel) => {\n      setSelectedChannel(channel)\n      onChannelSelect?.(channel)\n    },\n    [onChannelSelect]\n  )\n\n  const handleBackToChannelList = useCallback(() => {\n    // In direct conversation mode, don't allow going back to channel list\n    // The parent component should handle navigation\n    if (directConversationMode) return\n\n    setSelectedChannel(null)\n  }, [directConversationMode])\n\n  const handleStartConversation = useCallback(() => {\n    if (participantSource) {\n      setPickerKey((prev) => prev + 1) // Increment key to force remount\n      setShowParticipantPicker(true)\n      participantPickerRef.current?.showModal()\n    }\n  }, [participantSource])\n\n  const handleSelectParticipant = useCallback(\n    async (participant: Participant) => {\n      if (!service) return\n\n      try {\n        if (debug) {\n          console.log(\n            '[MessagingShell] Starting conversation with:',\n            participant.id\n          )\n        }\n\n        const channel = await service.startChannelWithParticipant({\n          id: participant.id,\n          name: participant.name,\n          email: participant.email,\n          phone: participant.phone,\n        })\n\n        // Show the channel\n        try {\n          await channel.show()\n        } catch (error) {\n          console.warn('[MessagingShell] Failed to unhide channel:', error)\n        }\n\n        setSelectedChannel(channel)\n        setShowParticipantPicker(false)\n        participantPickerRef.current?.close()\n\n        onParticipantSelect?.(participant)\n      } catch (error) {\n        console.error('[MessagingShell] Failed to start conversation:', error)\n      }\n    },\n    [service, onParticipantSelect, debug]\n  )\n\n  const handleCloseParticipantPicker = useCallback(() => {\n    setShowParticipantPicker(false)\n    participantPickerRef.current?.close()\n  }, [])\n\n  const handleLeaveConversation = useCallback(\n    async (channel: Channel) => {\n      if (debug) {\n        console.log('[MessagingShell] Leaving conversation:', channel.id)\n      }\n      setSelectedChannel(null)\n      setDirectConversationMode(false) // Exit direct conversation mode\n\n      // Force re-sync to update the existing participants list\n      syncedRef.current = null\n      await syncChannels()\n    },\n    [syncChannels, debug]\n  )\n\n  const handleBlockParticipant = useCallback(\n    async (participantId?: string) => {\n      if (debug) {\n        console.log('[MessagingShell] Blocking participant:', participantId)\n      }\n      setSelectedChannel(null)\n      setDirectConversationMode(false) // Exit direct conversation mode\n\n      // Force re-sync to update the existing participants list\n      syncedRef.current = null\n      await syncChannels()\n    },\n    [syncChannels, debug]\n  )\n\n  const isChannelSelected = Boolean(selectedChannel)\n\n  // Show loading state\n  if (isLoading) {\n    return (\n      <div className={classNames('h-full', className)}>\n        <LoadingState />\n      </div>\n    )\n  }\n\n  // Show error state\n  if (error) {\n    return (\n      <div className={classNames('h-full', className)}>\n        <ErrorState message={error} onBack={refreshConnection} />\n      </div>\n    )\n  }\n\n  // Show not connected state\n  if (!isConnected || !client) {\n    return (\n      <div className={classNames('h-full', className)}>\n        <ErrorState\n          message=\"Not connected to messaging service\"\n          onBack={refreshConnection}\n        />\n      </div>\n    )\n  }\n\n  // Show direct conversation error state\n  if (directConversationError) {\n    return (\n      <div className={classNames('h-full', className)}>\n        <ErrorState message={directConversationError} />\n      </div>\n    )\n  }\n\n  return (\n    <div\n      className={classNames(\n        'messaging-shell h-full bg-white overflow-hidden',\n        className\n      )}\n    >\n      <div className=\"flex h-full min-h-0\">\n        {/* Channel List Sidebar */}\n        <div\n          className={classNames(\n            'messaging-channel-list-sidebar min-h-0 min-w-0 bg-white lg:bg-chalk lg:flex lg:flex-col lg:border-r lg:border-sand',\n            {\n              // Explicitly hidden via prop or in direct conversation mode\n              '!hidden': showChannelList === false || directConversationMode,\n              // Normal mode: hide on mobile when channel selected, show on desktop\n              'hidden lg:flex lg:w-80 lg:min-w-[280px] lg:max-w-[360px]':\n                showChannelList !== false &&\n                !directConversationMode &&\n                isChannelSelected,\n              // Normal mode: show when no channel selected\n              'flex flex-col w-full lg:flex-1 lg:max-w-2xl':\n                showChannelList !== false &&\n                !directConversationMode &&\n                !isChannelSelected,\n            }\n          )}\n        >\n          <ChannelList\n            onChannelSelect={handleChannelSelect}\n            selectedChannel={selectedChannel || undefined}\n            showStartConversation={\n              showStartConversation && Boolean(participantSource)\n            }\n            onStartConversation={handleStartConversation}\n            participantLabel={participantLabel}\n          />\n        </div>\n\n        {/* Channel View */}\n        <div\n          className={classNames(\n            'messaging-conversation-view flex-1 flex-col min-w-0 min-h-0',\n            {\n              // In direct conversation mode, always show (full width)\n              flex: directConversationMode || isChannelSelected,\n              // Normal mode: hide on mobile when no channel selected\n              'hidden lg:flex': !directConversationMode && !isChannelSelected,\n            }\n          )}\n        >\n          {selectedChannel ? (\n            <div className=\"flex-1 min-h-0 flex flex-col\">\n              <ChannelView\n                channel={selectedChannel}\n                key={selectedChannel.id}\n                onBack={handleBackToChannelList}\n                showBackButton={!directConversationMode}\n                renderMessageInputActions={renderMessageInputActions}\n                onLeaveConversation={handleLeaveConversation}\n                onBlockParticipant={handleBlockParticipant}\n                CustomChannelEmptyState={CustomChannelEmptyState}\n              />\n            </div>\n          ) : (\n            <EmptyState\n              hasChannels={hasChannels}\n              onStartConversation={\n                showStartConversation ? handleStartConversation : undefined\n              }\n              participantLabel={participantLabel}\n            />\n          )}\n        </div>\n      </div>\n\n      {/* Participant Picker Dialog */}\n      {participantSource && (\n        // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions\n        <dialog\n          ref={participantPickerRef}\n          className=\"mes-dialog\"\n          onClick={(e) => {\n            if (e.target === participantPickerRef.current) {\n              handleCloseParticipantPicker()\n            }\n          }}\n          onClose={handleCloseParticipantPicker}\n        >\n          <div className=\"h-full w-full bg-white shadow-max-elevation-light\">\n            <ParticipantPicker\n              key={pickerKey}\n              participantSource={participantSource}\n              onSelectParticipant={handleSelectParticipant}\n              onClose={handleCloseParticipantPicker}\n              existingParticipantIds={existingParticipantIds}\n              participantLabel={participantLabel}\n              searchPlaceholder={`Search ${participantLabel}...`}\n            />\n          </div>\n        </dialog>\n      )}\n    </div>\n  )\n}\n","import classNames from 'classnames'\nimport React from 'react'\n\nexport interface FaqListItemProps {\n  question: string\n  onClick: () => void\n  loading?: boolean\n  className?: string\n}\n\nexport const FaqListItem: React.FC<FaqListItemProps> = ({\n  question,\n  onClick,\n  loading = false,\n  className,\n}) => {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      disabled={loading}\n      style={{ backgroundColor: '#E6E5E3' }}\n      className={classNames(\n        'w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors',\n        {\n          'hover:brightness-95 active:brightness-90': !loading,\n          'opacity-50 cursor-not-allowed': loading,\n        },\n        className\n      )}\n    >\n      {question}\n    </button>\n  )\n}\n","import classNames from 'classnames'\nimport React from 'react'\n\nimport { Avatar } from '../Avatar'\n\nimport { FaqListItem } from './FaqListItem'\n\nexport interface Faq {\n  id: string\n  question: string\n  answer: string\n  enabled: boolean\n  order?: number | null\n}\n\nexport interface FaqListProps {\n  faqs: Faq[]\n  onFaqClick: (faqId: string) => void\n  loadingFaqId?: string | null\n  headerText?: string\n  className?: string\n  avatarImage?: string\n  avatarName?: string\n}\n\nexport const FaqList: React.FC<FaqListProps> = ({\n  faqs,\n  onFaqClick,\n  loadingFaqId,\n  headerText,\n  className,\n  avatarImage,\n  avatarName,\n}) => {\n  const enabledFaqs = faqs\n    .filter((faq) => faq.enabled)\n    .sort((a, b) => (a.order ?? 0) - (b.order ?? 0))\n\n  if (enabledFaqs.length === 0) {\n    return null\n  }\n\n  return (\n    <div className={classNames('px-4 py-6', className)}>\n      <div className=\"flex gap-3 items-end\">\n        {/* Avatar at bottom-left, outside grey background */}\n        {(avatarImage || avatarName) && (\n          <div className=\"flex-none\">\n            <Avatar\n              id={avatarName || 'account'}\n              name={avatarName || 'Account'}\n              image={avatarImage}\n              size={24}\n            />\n          </div>\n        )}\n\n        {/* FAQs with grey background */}\n        <div\n          className=\"flex-1 rounded-lg p-4 space-y-3\"\n          style={{ backgroundColor: '#F1F0EE' }}\n        >\n          {headerText && (\n            <p className=\"text-md text-charcoal mb-4\">{headerText}</p>\n          )}\n          {enabledFaqs.map((faq) => (\n            <FaqListItem\n              key={faq.id}\n              question={faq.question}\n              onClick={() => onFaqClick(faq.id)}\n              loading={loadingFaqId === faq.id}\n            />\n          ))}\n        </div>\n      </div>\n    </div>\n  )\n}\n","import { useState, useEffect, useCallback } from 'react';\n\nimport type { ParticipantSource, Participant } from '../types';\n\n/**\n * Hook for managing participant loading with search and pagination\n */\nexport const useParticipants = (\n  participantSource: ParticipantSource,\n  options: {\n    initialSearch?: string;\n    pageSize?: number;\n  } = {}\n) => {\n  const { initialSearch = '', pageSize = 20 } = options;\n  \n  const [participants, setParticipants] = useState<Participant[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [searchQuery, setSearchQuery] = useState(initialSearch);\n  const [hasMore, setHasMore] = useState(true);\n  const [cursor, setCursor] = useState<string | undefined>();\n\n  // Load participants with current search query\n  const loadParticipants = useCallback(async (\n    reset = false,\n    customSearch?: string\n  ) => {\n    if (loading) return;\n    \n    const search = customSearch !== undefined ? customSearch : searchQuery;\n    \n    setLoading(true);\n    setError(null);\n\n    try {\n      const result = await participantSource.loadParticipants({\n        search: search || undefined,\n        limit: pageSize,\n        cursor: reset ? undefined : cursor,\n      });\n\n      setParticipants(prev => \n        reset ? result.participants : [...prev, ...result.participants]\n      );\n      setHasMore(result.hasMore);\n      setCursor(result.nextCursor);\n    } catch (err) {\n      const errorMessage = err instanceof Error ? err.message : 'Failed to load participants';\n      setError(errorMessage);\n      console.error('[useParticipants] Load error:', err);\n    } finally {\n      setLoading(false);\n    }\n  }, [participantSource, searchQuery, cursor, pageSize, loading]);\n\n  // Load more participants (pagination)\n  const loadMore = useCallback(() => {\n    if (hasMore && !loading) {\n      loadParticipants(false);\n    }\n  }, [hasMore, loading, loadParticipants]);\n\n  // Search participants\n  const search = useCallback((query: string) => {\n    setSearchQuery(query);\n    setCursor(undefined);\n    loadParticipants(true, query);\n  }, [loadParticipants]);\n\n  // Refresh participants\n  const refresh = useCallback(() => {\n    setCursor(undefined);\n    loadParticipants(true);\n  }, [loadParticipants]);\n\n  // Initial load - only run once when participantSource changes\n  useEffect(() => {\n    loadParticipants(true);\n  }, [participantSource.loadParticipants]); // Only depend on the function to avoid loops\n\n  return {\n    participants,\n    loading,\n    error,\n    searchQuery,\n    hasMore,\n    totalCount: participantSource.totalCount,\n    loadMore,\n    search,\n    refresh,\n  };\n};\n"],"names":["MessagingContext","createContext","useMessagingContext","useContext","MessagingProvider","children","user","serviceConfig","apiKey","capabilities","customization","debug","debugLog","useCallback","message","args","service","setService","useState","client","setClient","isConnected","setIsConnected","isLoading","setIsLoading","error","setError","connectingRef","useRef","prevPropsRef","renderCountRef","useEffect","currentRender","newService","StreamChatService","connectedUserRef","_a","_b","streamClient","err","errorMessage","refreshConnection","contextValue","React","jsx","Chat","useMessaging","__importDefault","this","mod","exports","react_1","require$$0","classnames_1","require$$1","Base","className","onChange","onChangeValue","appearance","props","ref","baseInputStyles","handleChangeValue","value","checked","SelectPill_1","jsx_runtime_1","require$$2","Base_1","require$$3","SelectPill","id","name","label","defaultChecked","inactive","tabIndex","icon","selected","isInactive","handleKeyDown","key","code","SelectPillGroup_1","SelectPillGroup","IconButton","rest","jsxs","classNames","EMOJIS","hashString","str","hash","i","char","getAvatarEmoji","index","Avatar","image","size","emoji","DEFAULT_COLOR","fontSizeClass","CustomChannelPreview","channel","selectedChannel","onChannelSelect","unread","isSelected","handleClick","participant","member","participantName","participantImage","_c","lastMessage","_e","_d","lastMessageText","lastMessageTime","unreadCount","_f","ChannelList","showStartConversation","onStartConversation","participantLabel","useChatContext","staticFilters","setStaticFilters","filters","userId","newFilters","state","NotePencilIcon","StreamChannelList","ActionButton","variant","CloseButton","onClick","XIcon","ChannelEmptyState","CustomMessageInput","renderActions","MessageInput","CustomChannelHeader","onBack","showBackButton","onShowInfo","canShowInfo","useChannelStateContext","ArrowLeftIcon","DotsThreeIcon","ChannelInfoDialog","isOpen","onClose","followerStatusLabel","onLeaveConversation","onBlockParticipant","dialogRef","isParticipantBlocked","setIsParticipantBlocked","isLeaving","setIsLeaving","isUpdatingBlockStatus","setIsUpdatingBlockStatus","dialog","checkIsParticipantBlocked","isBlocked","handleLeaveConversation","actingUserId","handleBlockUser","handleUnblockUser","handleReportUser","participantEmail","participantUsername","participantSecondary","participantId","_g","e","SpinnerGapIcon","SignOutIcon","ProhibitInsetIcon","FlagIcon","ChannelViewInner","renderMessageInputActions","CustomChannelEmptyState","showInfo","setShowInfo","hasMessages","channelExtraData","Fragment","Window","MessageList","ChannelView","Channel","SearchInput","searchQuery","setSearchQuery","placeholder","searchInputRef","MagnifyingGlassIcon","ParticipantPicker","participantSource","onSelectParticipant","existingParticipantIds","searchPlaceholder","participants","setParticipants","loading","setLoading","startingChatWithId","setStartingChatWithId","loadedRef","result","availableParticipants","searchLower","handleSelectParticipant","event","ChatCircleDotsIcon","displayName","displaySecondary","EmptyState","hasChannels","TextButton","ErrorState","Loading","LoadingState","MessagingShell","onParticipantSelect","initialParticipantFilter","initialParticipantData","showChannelList","setSelectedChannel","setHasChannels","_showParticipantPicker","setShowParticipantPicker","setExistingParticipantIds","pickerKey","setPickerKey","directConversationMode","setDirectConversationMode","directConversationError","setDirectConversationError","participantPickerRef","syncedRef","syncChannels","channels","memberIds","members","memberId","createErr","handleChannelSelect","handleBackToChannelList","handleStartConversation","prev","handleCloseParticipantPicker","handleBlockParticipant","isChannelSelected","FaqListItem","question","FaqList","faqs","onFaqClick","loadingFaqId","headerText","avatarImage","avatarName","enabledFaqs","faq","a","b","useParticipants","options","initialSearch","pageSize","hasMore","setHasMore","cursor","setCursor","loadParticipants","reset","customSearch","search","loadMore","query","refresh"],"mappings":"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","x_google_ignoreList":[2,3,4,5]}
+{"version":3,"file":"index.js","sources":["../src/providers/MessagingProvider.tsx","../src/hooks/useMessaging.ts","../../../node_modules/@linktr.ee/component-library/dist/Input/Base.js","../../../node_modules/@linktr.ee/component-library/dist/Input/components/SelectPill/SelectPill.js","../../../node_modules/@linktr.ee/component-library/dist/Input/components/SelectPill/SelectPillGroup.js","../../../node_modules/@linktr.ee/component-library/dist/Input/components/SelectPill/index.js","../src/components/IconButton/index.tsx","../src/components/Avatar/getAvatarEmoji.ts","../src/components/Avatar/index.tsx","../src/components/ChannelList/CustomChannelPreview.tsx","../src/components/ChannelList/index.tsx","../src/components/ActionButton/index.tsx","../src/components/CloseButton/index.tsx","../src/components/MessagingShell/ChannelEmptyState.tsx","../src/components/ChannelView.tsx","../src/components/SearchInput/index.tsx","../src/components/ParticipantPicker/index.tsx","../src/components/MessagingShell/EmptyState.tsx","../src/components/MessagingShell/ErrorState.tsx","../src/components/Loading/index.tsx","../src/components/MessagingShell/LoadingState.tsx","../src/components/MessagingShell/index.tsx","../src/components/FaqList/FaqListItem.tsx","../src/components/FaqList/index.tsx","../src/hooks/useParticipants.ts"],"sourcesContent":["import { StreamChatService } from '@linktr.ee/messaging-core'\nimport React, {\n  createContext,\n  useContext,\n  useEffect,\n  useState,\n  useRef,\n  useCallback,\n} from 'react'\nimport type { StreamChat } from 'stream-chat'\nimport { Chat } from 'stream-chat-react'\n\nimport type {\n  MessagingProviderProps,\n  MessagingCapabilities,\n  MessagingCustomization,\n} from '../types'\n\n/**\n * Context value for messaging state and service\n */\nexport interface MessagingContextValue {\n  service: StreamChatService | null\n  client: StreamChat | null // Stream Chat client\n  isConnected: boolean\n  isLoading: boolean\n  error: string | null\n  capabilities: MessagingCapabilities\n  customization: MessagingCustomization\n  refreshConnection: () => Promise<void>\n  debug: boolean\n}\n\nconst MessagingContext = createContext<MessagingContextValue>({\n  service: null,\n  client: null,\n  isConnected: false,\n  isLoading: false,\n  error: null,\n  capabilities: {},\n  customization: {},\n  refreshConnection: async () => {},\n  debug: false,\n})\n\n/**\n * Hook to access messaging context\n */\nexport const useMessagingContext = () => useContext(MessagingContext)\n\n/**\n * Provider component that wraps messaging-core with React state management\n */\nexport const MessagingProvider: React.FC<MessagingProviderProps> = ({\n  children,\n  user,\n  serviceConfig,\n  apiKey,\n  capabilities = {},\n  customization = {},\n  debug = false,\n}) => {\n  // Create debug logger that respects the debug prop\n  const debugLog = useCallback(\n    (message: string, ...args: unknown[]) => {\n      if (debug) {\n        console.log(`🔥 [MessagingProvider] ${message}`, ...args)\n      }\n    },\n    [debug]\n  )\n\n  debugLog('🔄 RENDER START', {\n    userId: user?.id,\n    apiKey: apiKey?.substring(0, 8) + '...',\n    serviceConfig: !!serviceConfig,\n    capabilities: Object.keys(capabilities),\n    customization: Object.keys(customization),\n  })\n\n  const [service, setService] = useState<StreamChatService | null>(null)\n  const [client, setClient] = useState<StreamChat | null>(null)\n  const [isConnected, setIsConnected] = useState(false)\n  const [isLoading, setIsLoading] = useState(false)\n  const [error, setError] = useState<string | null>(null)\n\n  // Prevent multiple concurrent connection attempts\n  const connectingRef = useRef(false)\n\n  // Track renders and prop changes\n  const prevPropsRef = useRef({\n    userId: user?.id,\n    apiKey,\n    serviceConfig,\n    capabilities,\n    customization,\n  })\n  const renderCountRef = useRef(0)\n  renderCountRef.current++\n\n  debugLog('📊 RENDER INFO', {\n    renderCount: renderCountRef.current,\n    currentProps: { userId: user?.id, apiKey: apiKey?.substring(0, 8) + '...' },\n    propChanges: {\n      userChanged: prevPropsRef.current.userId !== user?.id,\n      apiKeyChanged: prevPropsRef.current.apiKey !== apiKey,\n      serviceConfigChanged:\n        prevPropsRef.current.serviceConfig !== serviceConfig,\n      capabilitiesChanged: prevPropsRef.current.capabilities !== capabilities,\n      customizationChanged:\n        prevPropsRef.current.customization !== customization,\n    },\n  })\n\n  prevPropsRef.current = {\n    userId: user?.id,\n    apiKey,\n    serviceConfig,\n    capabilities,\n    customization,\n  }\n\n  // Initialize service when config changes\n  useEffect(() => {\n    const currentRender = renderCountRef.current\n    debugLog('🔧 SERVICE INIT EFFECT TRIGGERED', {\n      renderCount: currentRender,\n      apiKey: !!apiKey,\n      serviceConfig: !!serviceConfig,\n      dependencies: {\n        apiKey: apiKey?.substring(0, 8) + '...',\n        serviceConfigRef: serviceConfig,\n        serviceConfigStable:\n          prevPropsRef.current.serviceConfig === serviceConfig,\n        apiKeyStable: prevPropsRef.current.apiKey === apiKey,\n      },\n    })\n\n    if (!apiKey || !serviceConfig) {\n      debugLog('⚠️ SERVICE INIT SKIPPED', {\n        renderCount: currentRender,\n        reason: 'Missing apiKey or serviceConfig',\n      })\n      return\n    }\n\n    debugLog('🚀 CREATING NEW SERVICE', {\n      renderCount: currentRender,\n      apiKey: apiKey?.substring(0, 8) + '...',\n      serviceConfigChanged:\n        prevPropsRef.current.serviceConfig !== serviceConfig,\n    })\n\n    const newService = new StreamChatService({\n      ...serviceConfig,\n      apiKey,\n      debug,\n    })\n\n    setService(newService)\n    debugLog('✅ SERVICE SET', {\n      renderCount: currentRender,\n      serviceInstance: !!newService,\n    })\n\n    return () => {\n      debugLog('🧹 SERVICE CLEANUP', {\n        renderCount: currentRender,\n        reason: 'Effect cleanup',\n      })\n      newService.disconnectUser().catch(console.error)\n    }\n  }, [apiKey, serviceConfig, debug, debugLog]) // Use serviceConfig object directly, not individual properties\n\n  // Track if we've already connected this user with this service to prevent duplicate connections\n  const connectedUserRef = useRef<{\n    serviceId: StreamChatService\n    userId: string\n  } | null>(null)\n\n  // Connect user when service and user are available\n  useEffect(() => {\n    debugLog('🔗 USER CONNECTION EFFECT TRIGGERED', {\n      hasService: !!service,\n      hasUser: !!user,\n      userId: user?.id,\n      isConnecting: connectingRef.current,\n      isConnected: isConnected,\n      dependencies: { service: !!service, userId: user?.id },\n    })\n\n    if (!service || !user) {\n      debugLog('⚠️ USER CONNECTION SKIPPED', 'Missing service or user')\n      return\n    }\n\n    if (connectingRef.current) {\n      debugLog('⚠️ USER CONNECTION SKIPPED', 'Already connecting')\n      return\n    }\n\n    // Check if we've already connected this exact user with this exact service instance\n    if (\n      connectedUserRef.current?.serviceId === service &&\n      connectedUserRef.current?.userId === user.id\n    ) {\n      debugLog(\n        '⚠️ USER CONNECTION SKIPPED',\n        'Already connected this user with this service'\n      )\n      return\n    }\n\n    const connectUser = async () => {\n      debugLog('🚀 STARTING USER CONNECTION', { userId: user.id })\n      connectingRef.current = true\n      setIsLoading(true)\n      setError(null)\n\n      try {\n        debugLog('📞 CALLING SERVICE.CONNECTUSER', { userId: user.id })\n        const streamClient = await service.connectUser(user)\n        setClient(streamClient)\n        setIsConnected(true)\n        connectedUserRef.current = { serviceId: service, userId: user.id } // Mark as connected\n        debugLog('✅ USER CONNECTION SUCCESS', {\n          userId: user.id,\n          clientId: streamClient.userID,\n        })\n      } catch (err) {\n        const errorMessage =\n          err instanceof Error ? err.message : 'Connection failed'\n        setError(errorMessage)\n        debugLog('❌ USER CONNECTION ERROR', {\n          userId: user.id,\n          error: errorMessage,\n        })\n      } finally {\n        setIsLoading(false)\n        connectingRef.current = false\n        debugLog('🔄 USER CONNECTION FINISHED', {\n          userId: user.id,\n          isConnected,\n        })\n      }\n    }\n\n    connectUser()\n  }, [service, user, debugLog, isConnected]) // Remove isConnected to prevent circular dependency\n\n  // Disconnect when user is removed (cleanup effect)\n  useEffect(() => {\n    debugLog('🔌 CLEANUP EFFECT REGISTERED', {\n      hasService: !!service,\n      isConnected,\n    })\n    return () => {\n      if (service && isConnected) {\n        debugLog(\n          '🧹 CLEANUP EFFECT TRIGGERED',\n          'Cleaning up connection on unmount'\n        )\n        connectedUserRef.current = null // Reset connection tracking\n        service.disconnectUser().catch(console.error)\n      } else {\n        debugLog('🔇 CLEANUP EFFECT SKIPPED', {\n          hasService: !!service,\n          isConnected,\n        })\n      }\n    }\n  }, [service, isConnected, debugLog])\n\n  const refreshConnection = useCallback(async () => {\n    debugLog('🔄 REFRESH CONNECTION CALLED', {\n      hasService: !!service,\n      hasUser: !!user,\n    })\n\n    if (!service || !user) {\n      debugLog('⚠️ REFRESH CONNECTION SKIPPED', 'Missing service or user')\n      return\n    }\n\n    debugLog('🚀 STARTING CONNECTION REFRESH', { userId: user.id })\n    setIsLoading(true)\n    try {\n      debugLog('🔌 DISCONNECTING FOR REFRESH')\n      await service.disconnectUser()\n      debugLog('📞 RECONNECTING FOR REFRESH')\n      const streamClient = await service.connectUser(user)\n      setClient(streamClient)\n      setIsConnected(true)\n      setError(null)\n      debugLog('✅ CONNECTION REFRESH SUCCESS', { userId: user.id })\n    } catch (err) {\n      const errorMessage = err instanceof Error ? err.message : 'Refresh failed'\n      setError(errorMessage)\n      debugLog('❌ CONNECTION REFRESH ERROR', {\n        userId: user.id,\n        error: errorMessage,\n      })\n    } finally {\n      setIsLoading(false)\n      debugLog('🔄 CONNECTION REFRESH FINISHED', { userId: user.id })\n    }\n  }, [service, user, debugLog])\n\n  // Memoize context value to prevent unnecessary re-renders\n  const contextValue: MessagingContextValue = React.useMemo(() => {\n    debugLog('💫 CONTEXT VALUE MEMOIZATION', {\n      hasService: !!service,\n      hasClient: !!client,\n      isConnected,\n      isLoading,\n      hasError: !!error,\n      capabilitiesKeys: Object.keys(capabilities),\n      customizationKeys: Object.keys(customization),\n    })\n\n    return {\n      service,\n      client,\n      isConnected,\n      isLoading,\n      error,\n      capabilities,\n      customization,\n      refreshConnection,\n      debug,\n    }\n  }, [\n    service,\n    client,\n    isConnected,\n    isLoading,\n    error,\n    capabilities,\n    customization,\n    refreshConnection,\n    debug,\n    debugLog,\n  ])\n\n  debugLog('🔄 RENDER END', {\n    renderCount: renderCountRef.current,\n    willRenderChat: !!(client && isConnected),\n    contextValueReady: !!contextValue,\n  })\n\n  return (\n    <MessagingContext.Provider value={contextValue}>\n      {client && isConnected ? (\n        <Chat client={client}>{children}</Chat>\n      ) : (\n        children\n      )}\n    </MessagingContext.Provider>\n  )\n}\n","import { useMessagingContext } from '../providers/MessagingProvider';\nimport type { MessagingContextValue } from '../providers/MessagingProvider';\n\n/**\n * Hook to access messaging service and state\n */\nexport const useMessaging = (): MessagingContextValue => {\n  return useMessagingContext();\n};\n","\"use strict\";\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.baseStyleClasses = void 0;\nconst react_1 = __importDefault(require(\"react\"));\nconst classnames_1 = __importDefault(require(\"classnames\"));\nexports.baseStyleClasses = (0, classnames_1.default)('text-sm', 'h-2xl', 'block', 'p-md', 'w-full', 'rounded-sm', 'bg-chalk', 'text-black', 'transition', 'duration-75', 'ease-out', '!outline-none');\nconst Base = ({ className, onChange, onChangeValue, appearance = 'default', ...props }, ref) => {\n    const baseInputStyles = appearance === 'none' ? 'appearance-none' : exports.baseStyleClasses;\n    const handleChangeValue = ({ target: { value, checked } }) => {\n        if (props.type === 'checkbox') {\n            return onChangeValue?.(checked);\n        }\n        return onChangeValue?.(value);\n    };\n    return react_1.default.createElement('input', {\n        ...props,\n        className: (0, classnames_1.default)(className, baseInputStyles),\n        onChange: onChange || (onChangeValue && handleChangeValue),\n        ref\n    });\n};\nexports.default = react_1.default.forwardRef(Base);\n//# sourceMappingURL=Base.js.map","\"use strict\";\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst jsx_runtime_1 = require(\"react/jsx-runtime\");\nconst react_1 = __importDefault(require(\"react\"));\nconst classnames_1 = __importDefault(require(\"classnames\"));\nconst Base_1 = __importDefault(require(\"../../Base\"));\nconst SelectPill = ({ id, name, label, className = '', checked, defaultChecked, inactive, value, tabIndex, icon, ...props }, ref) => {\n    const selected = checked || defaultChecked;\n    const isInactive = inactive || props?.disabled;\n    const handleKeyDown = ({ key, code }) => {\n        if (props.onChangeValue && (key === 'Enter' || code === 'Space'))\n            props.onChangeValue?.(value);\n    };\n    return ((0, jsx_runtime_1.jsx)(\"div\", { className: (0, classnames_1.default)('inline-flex', 'first:ml-xs', 'max-w-full'), children: (0, jsx_runtime_1.jsxs)(\"label\", { htmlFor: id, tabIndex: tabIndex, className: (0, classnames_1.default)('w-fit', 'h-10', 'px-md', 'rounded-lg', 'inline-flex', 'justify-center', 'border', 'hover:ring-1', 'hover:ring-sand', 'relative', 'transition duration-75 ease-out', 'max-w-full', className, {\n                'pointer-events-none': isInactive,\n                'cursor-pointer': !isInactive,\n                // Selected\n                'border-black': selected,\n                'bg-black': selected,\n                // Not selected\n                'bg-white': !selected,\n                'border-sand': !selected,\n                'hover:border-sand': !selected\n            }), children: [(0, jsx_runtime_1.jsx)(Base_1.default, { type: \"checkbox\", id: id, name: name, value: value, checked: checked, defaultChecked: defaultChecked, appearance: \"none\", className: (0, classnames_1.default)('cursor-pointer', 'outline-none', 'focus-visible:ring-2', 'focus-visible:ring-black', 'absolute', '-top-[3px]', 'left-4px', 'w-[calc(100%+6px)]', 'h-[calc(100%+6px)]', 'rounded-[48px]', 'transition duration-75 ease-out'), disabled: isInactive, onKeyDown: handleKeyDown, ref: ref, ...props }), (0, jsx_runtime_1.jsxs)(\"span\", { className: (0, classnames_1.default)('pointer-events-none', 'select-none', 'self-center', 'text-sm', 'flex', 'mt-[1px]', 'truncate', {\n                        'text-pebble': isInactive,\n                        'text-white': selected,\n                        'text-black': !selected && !isInactive\n                    }), children: [icon && (0, jsx_runtime_1.jsx)(\"div\", { className: \"icon mr-xs self-center\", children: icon }), (0, jsx_runtime_1.jsx)(\"span\", { className: \"label\", children: label || name })] })] }) }));\n};\nexports.default = react_1.default.forwardRef(SelectPill);\n//# sourceMappingURL=SelectPill.js.map","\"use strict\";\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst jsx_runtime_1 = require(\"react/jsx-runtime\");\nconst react_1 = __importDefault(require(\"react\"));\nconst SelectPillGroup = ({ children, label, className = '' }, ref) => ((0, jsx_runtime_1.jsxs)(\"fieldset\", { className: `${className} -ml-xs space-x-xs space-y-xs`, ref: ref, children: [label && (0, jsx_runtime_1.jsx)(\"legend\", { className: \"mb-sm ml-sm text-sm font-semibold\", children: label }), children] }));\nexports.default = react_1.default.forwardRef(SelectPillGroup);\n//# sourceMappingURL=SelectPillGroup.js.map","\"use strict\";\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.InputSelectPillGroup = exports.default = void 0;\nvar SelectPill_1 = require(\"./SelectPill\");\nObject.defineProperty(exports, \"default\", { enumerable: true, get: function () { return __importDefault(SelectPill_1).default; } });\nvar SelectPillGroup_1 = require(\"./SelectPillGroup\");\nObject.defineProperty(exports, \"InputSelectPillGroup\", { enumerable: true, get: function () { return __importDefault(SelectPillGroup_1).default; } });\n//# sourceMappingURL=index.js.map","import classNames from \"classnames\";\nimport React from \"react\";\n\ninterface IconButtonProps\n  extends Omit<\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    \"type\" | \"children\"\n  > {\n  label: string;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function IconButton({ label, className, children, ...rest }: IconButtonProps) {\n  return (\n    <button\n      type=\"button\"\n      className={classNames(\n        \"rounded-full p-2 transition-colors focus-ring\",\n        {\n          \"cursor-not-allowed opacity-50\": rest.disabled,\n          \"hover:bg-sand\": !rest.disabled,\n        },\n        className,\n      )}\n      {...rest}\n    >\n      <span className=\"sr-only\">{label}</span>\n      {children}\n    </button>\n  );\n}","/**\n * Generate a fruit emoji based on a string id\n * Returns a consistent fruit emoji for the same id\n */\nconst EMOJIS = [\n  '🍎', // Apple\n  '🍌', // Banana\n  '🍇', // Grape\n  '🍊', // Orange\n  '🍓', // Strawberry\n  '🥥', // Coconut\n  '🍒', // Cherry\n  '🥭', // Mango\n  '🍉', // Watermelon\n  '🍋', // Lemon\n  '🥝', // Kiwi\n  '🫒', // Olive\n  '🍈', // Melon\n]\n\n/**\n * Simple hash function to convert string to number\n */\nfunction hashString(str: string): number {\n  let hash = 0\n  for (let i = 0; i < str.length; i++) {\n    const char = str.charCodeAt(i)\n    hash = (hash << 5) - hash + char\n    hash = hash & hash // Convert to 32-bit integer\n  }\n  return Math.abs(hash)\n}\n\n/**\n * Get a fruit emoji based on an id string\n * @param id - The string id to generate emoji from\n * @returns A fruit emoji string\n */\nexport function getAvatarEmoji(id: string): string {\n  const hash = hashString(id)\n  const index = hash % EMOJIS.length\n  return EMOJIS[index]\n}\n\n","import classNames from 'classnames'\nimport React from 'react'\n\nimport { getAvatarEmoji } from './getAvatarEmoji'\n\nexport interface AvatarProps {\n  id: string\n  name: string\n  image?: string\n  size?: number\n  className?: string\n}\n\n/**\n * Avatar component that displays a user image or colored initial fallback\n */\nexport const Avatar: React.FC<AvatarProps> = ({\n  id,\n  image,\n  size = 40,\n  className,\n}) => {\n  const emoji = getAvatarEmoji(id)\n\n  // Determine font size based on avatar size\n  const getFontSizeClass = () => {\n    if (size < 32) return 'text-xs'\n    if (size < 56) return 'text-sm'\n    return 'text-lg'\n  }\n\n  const fontSizeClass = getFontSizeClass()\n\n  return (\n    <div\n      className={classNames(\n        'flex-shrink-0 overflow-hidden rounded-lg',\n        className\n      )}\n      style={{ width: `${size}px`, height: `${size}px` }}\n    >\n      {image ? (\n        <img\n          src={image}\n          alt=\"\"\n          className=\"h-full w-full object-cover aspect-square\"\n        />\n      ) : (\n        <div\n          aria-hidden=\"true\"\n          className={classNames(\n            'flex h-full w-full items-center justify-center font-semibold rounded-sm bg-[#FBFAF9]/60',\n            fontSizeClass\n          )}\n        >\n          {emoji}\n        </div>\n      )}\n    </div>\n  )\n}\n","import classNames from 'classnames'\nimport React from 'react'\nimport { Channel } from 'stream-chat'\nimport { ChannelPreviewUIComponentProps } from 'stream-chat-react'\n\nimport { Avatar } from '../Avatar'\n\n/**\n * Custom channel preview that handles selection\n */\nconst CustomChannelPreview: React.FC<\n  ChannelPreviewUIComponentProps & {\n    selectedChannel?: Channel | null\n    onChannelSelect: (channel: Channel) => void\n    debug?: boolean\n  }\n> = ({ channel, selectedChannel, onChannelSelect, debug = false, unread }) => {\n  const isSelected = selectedChannel?.id === channel?.id\n\n  const handleClick = () => {\n    if (channel) {\n      onChannelSelect(channel)\n    }\n  }\n\n  // Get participant info\n  const members = Object.values(channel?.state?.members || {})\n  const participant = members.find(\n    (member) => member.user?.id && member.user.id !== channel?._client?.userID\n  )\n  const participantName = participant?.user?.name || 'Conversation'\n  const participantImage = participant?.user?.image\n\n  // Get last message and format timestamp\n  const lastMessage =\n    channel?.state?.messages?.[channel.state.messages.length - 1]\n  const lastMessageText = lastMessage?.text || 'No messages yet'\n  const lastMessageTime = lastMessage?.created_at\n    ? new Date(lastMessage.created_at).toLocaleTimeString([], {\n        hour: '2-digit',\n        minute: '2-digit',\n      })\n    : ''\n\n  // Use the unread prop passed by Stream Chat (reactive and updates automatically)\n  const unreadCount = unread ?? 0\n\n  if (debug) {\n    console.log('📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER', {\n      channelId: channel?.id,\n      isSelected,\n      participantName,\n      unreadCount,\n      hasTimestamp: !!lastMessageTime,\n    })\n  }\n\n  return (\n    <button\n      type=\"button\"\n      onClick={handleClick}\n      className={classNames(\n        'w-full px-4 py-3 transition-colors border-b border-sand text-left max-w-full overflow-hidden focus-ring',\n        {\n          'bg-primary-alt/10 border-l-4 border-l-primary': isSelected,\n          'hover:bg-sand': !isSelected,\n        }\n      )}\n    >\n      <div className=\"flex items-start gap-3\">\n        {/* Avatar */}\n        <Avatar\n          id={participant?.user?.id || channel.id || 'unknown'}\n          name={participantName}\n          image={participantImage}\n          size={44}\n        />\n\n        {/* Content column */}\n        <div className=\"flex-1 min-w-0 flex flex-col gap-1\">\n          {/* Name and timestamp row */}\n          <div className=\"flex items-center justify-between gap-2\">\n            <h3\n              className={classNames(\n                'text-sm font-medium truncate',\n                isSelected ? 'text-primary' : 'text-charcoal'\n              )}\n            >\n              {participantName}\n            </h3>\n            {lastMessageTime && (\n              <span className=\"text-xs text-stone flex-shrink-0\">\n                {lastMessageTime}\n              </span>\n            )}\n          </div>\n\n          {/* Message and unread badge row */}\n          <div className=\"flex items-center justify-between gap-2 min-w-0\">\n            <p className=\"text-xs text-stone mr-2 flex-1 line-clamp-2\">\n              {lastMessageText}\n            </p>\n            {unreadCount > 0 && (\n              <span className=\"bg-primary text-white text-xs px-2 py-0.5 rounded-full min-w-[20px] text-center flex-shrink-0\">\n                {unreadCount > 99 ? '99+' : unreadCount}\n              </span>\n            )}\n          </div>\n        </div>\n      </div>\n    </button>\n  )\n}\n\nexport default CustomChannelPreview\n","import SelectPill from '@linktr.ee/component-library/InputSelectPill'\nimport SelectPillGroup from '@linktr.ee/component-library/InputSelectPillGroup'\nimport { NotePencilIcon } from '@phosphor-icons/react'\nimport classNames from 'classnames'\nimport React, { useState } from 'react'\nimport {\n  ChannelList as StreamChannelList,\n  useChatContext,\n} from 'stream-chat-react'\n\nimport { useMessagingContext } from '../../providers/MessagingProvider'\nimport type { ChannelListProps } from '../../types'\nimport { IconButton } from '../IconButton'\n\nimport CustomChannelPreview from './CustomChannelPreview'\n\nenum ChannelFilter {\n  All,\n  Unread,\n}\n\n/**\n * Channel list component with customizable header and actions\n */\nexport const ChannelList: React.FC<ChannelListProps> = ({\n  onChannelSelect,\n  selectedChannel,\n  showStartConversation = false,\n  onStartConversation,\n  participantLabel = 'participants',\n  className,\n}) => {\n  // Track renders\n  const renderCountRef = React.useRef(0)\n  renderCountRef.current++\n\n  // Get debug flag from context\n  const { debug = false } = useMessagingContext()\n\n  if (debug) {\n    console.log('📺 [ChannelList] 🔄 RENDER START', {\n      renderCount: renderCountRef.current,\n      selectedChannelId: selectedChannel?.id,\n      showStartConversation,\n      participantLabel,\n    })\n  }\n\n  const { client } = useChatContext()\n\n  if (debug) {\n    console.log('📺 [ChannelList] 📡 CHAT CONTEXT', {\n      renderCount: renderCountRef.current,\n      hasClient: !!client,\n      clientUserId: client?.userID,\n      clientConnected: client?.wsConnection?.isHealthy,\n    })\n  }\n\n  const [staticFilters, setStaticFilters] = useState<{\n    type: string\n    last_message_at: { $exists: boolean }\n    has_unread: boolean | undefined\n  }>({\n    type: 'messaging',\n    last_message_at: { $exists: true },\n    has_unread: undefined,\n  })\n\n  // Filter for messaging channels\n  const filters = React.useMemo(() => {\n    const userId = client.userID\n\n    const newFilters = {\n      ...staticFilters,\n      ...(userId && {\n        members: { $in: [userId] },\n        hidden: false,\n      }),\n    }\n\n    if (debug) {\n      console.log('📺 [ChannelList] 🔍 FILTERS MEMOIZED', {\n        renderCount: renderCountRef.current,\n        userId,\n        filters: newFilters,\n      })\n    }\n\n    return newFilters\n  }, [client.userID, debug, staticFilters])\n\n  return (\n    <div\n      className={classNames(\n        'messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden',\n        className\n      )}\n    >\n      {/* Header */}\n      <div className=\"px-4 py-4 border-b border-sand bg-chalk\">\n        <div className=\"flex items-center justify-between gap-3 min-h-10 min-w-0\">\n          <div>\n            <h2 className=\"text-lg font-semibold text-charcoal\">\n              Conversations\n            </h2>\n            <SelectPillGroup>\n              <SelectPill\n                checked={!filters.has_unread}\n                name=\"All\"\n                onChange={() =>\n                  setStaticFilters((state) => ({\n                    ...state,\n                    has_unread: undefined,\n                  }))\n                }\n                value={ChannelFilter.All}\n              />\n              <SelectPill\n                checked={filters.has_unread}\n                name=\"Unread\"\n                onChange={() =>\n                  setStaticFilters((state) => ({ ...state, has_unread: true }))\n                }\n                value={ChannelFilter.Unread}\n              />\n            </SelectPillGroup>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            {showStartConversation && onStartConversation && (\n              <IconButton\n                label=\"Start a new conversation\"\n                onClick={onStartConversation}\n                className=\"inline-flex size-10 items-center justify-center\"\n              >\n                <NotePencilIcon className=\"h-5 w-5\" />\n              </IconButton>\n            )}\n          </div>\n        </div>\n      </div>\n\n      {/* Channel List */}\n      <div className=\"flex-1 overflow-hidden min-w-0\">\n        {(() => {\n          if (debug) {\n            console.log('📺 [ChannelList] 🎬 RENDERING STREAM CHANNEL LIST', {\n              renderCount: renderCountRef.current,\n              filters,\n              hasClient: !!client,\n              clientUserId: client?.userID,\n            })\n          }\n\n          return (\n            <StreamChannelList\n              filters={filters}\n              sort={{ last_message_at: -1 }}\n              options={{ limit: 30 }}\n              Preview={(props) => {\n                if (debug) {\n                  console.log('📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER', {\n                    channelId: props.channel?.id,\n                    selectedChannelId: selectedChannel?.id,\n                    isSelected: selectedChannel?.id === props.channel?.id,\n                  })\n                }\n\n                return (\n                  <CustomChannelPreview\n                    {...props}\n                    selectedChannel={selectedChannel}\n                    onChannelSelect={onChannelSelect}\n                    debug={debug}\n                  />\n                )\n              }}\n            />\n          )\n        })()}\n      </div>\n    </div>\n  )\n}\n","import classNames from \"classnames\";\nimport React from \"react\";\n\ninterface ActionButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: \"default\" | \"danger\";\n}\n\nconst ActionButton = ({\n  variant = \"default\",\n  className,\n  children,\n  ...rest\n}: ActionButtonProps) => {\n  const isDanger = variant === \"danger\";\n  return (\n    <button\n      type=\"button\"\n      className={classNames(\n        \"flex w-full items-center gap-3 rounded-lg px-4 py-3 text-left text-sm transition-colors focus-ring disabled:cursor-not-allowed disabled:opacity-60\",\n        isDanger\n          ? \"text-danger hover:bg-danger/50\"\n          : \"text-charcoal hover:bg-sand\",\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n};\n\nexport default ActionButton;\n","import { XIcon } from '@phosphor-icons/react'\n\nimport { IconButton } from '../IconButton'\n\ninterface CloseButtonProps {\n  onClick: () => void\n}\n\nexport function CloseButton({ onClick }: CloseButtonProps) {\n  return (\n    <IconButton label=\"Close\" onClick={onClick} className=\"p-1\">\n      <XIcon className=\"h-5 w-5 text-stone\" weight=\"bold\" />\n    </IconButton>\n  )\n}\n","import React from 'react'\n\n/**\n * Empty state component shown when a channel has no messages\n */\nexport const ChannelEmptyState: React.FC = () => (\n  <div className=\"messaging-channel-empty-state flex items-center justify-center h-full p-8 text-balance\">\n    <div className=\"text-center max-w-sm\">\n      <h2 className=\"font-semibold text-charcoal mb-2\">No messages yet 👀</h2>\n\n      <p className=\"text-stone text-xs\">\n        Share to social media to generate more conversations\n      </p>\n    </div>\n  </div>\n)\n\n","import {\n  ArrowLeftIcon,\n  DotsThreeIcon,\n  FlagIcon,\n  ProhibitInsetIcon,\n  SignOutIcon,\n  SpinnerGapIcon,\n} from '@phosphor-icons/react'\nimport classNames from 'classnames'\nimport React, { useState, useCallback, useRef, useEffect } from 'react'\nimport { Channel as ChannelType, ChannelMemberResponse } from 'stream-chat'\nimport {\n  Channel,\n  Window,\n  MessageList,\n  MessageInput,\n  useChannelStateContext,\n} from 'stream-chat-react'\n\nimport { useMessagingContext } from '../providers/MessagingProvider'\nimport type { ChannelViewProps } from '../types'\n\nimport ActionButton from './ActionButton'\nimport { Avatar } from './Avatar'\nimport { CloseButton } from './CloseButton'\nimport { IconButton } from './IconButton'\nimport { ChannelEmptyState } from './MessagingShell/ChannelEmptyState'\n\n// Custom user type with email and username\ntype CustomUser = {\n  email?: string\n  username?: string\n}\n\n// Blocked user from Stream Chat API\ntype BlockedUser = {\n  blocked_user_id: string\n}\n\n/**\n * Custom message input component with render prop for actions\n */\nconst CustomMessageInput: React.FC<{\n  renderActions?: () => React.ReactNode\n}> = ({ renderActions }) => (\n  <div className=\"message-input flex items-center gap-2 p-4\">\n    {renderActions && renderActions()}\n\n    <div className=\"flex-1\">\n      <MessageInput focus maxRows={4} />\n    </div>\n  </div>\n)\n\n/**\n * Custom channel header component\n */\nconst CustomChannelHeader: React.FC<{\n  onBack?: () => void\n  showBackButton: boolean\n  onShowInfo?: () => void\n  canShowInfo: boolean\n}> = ({ onBack, showBackButton, onShowInfo, canShowInfo }) => {\n  const { channel } = useChannelStateContext()\n\n  // Get participant info (excluding current user)\n  const participant = React.useMemo(() => {\n    const members = Object.values(channel.state.members || {})\n    return members.find(\n      (member) => member.user?.id && member.user.id !== channel._client.userID\n    )\n  }, [channel._client.userID, channel.state.members])\n\n  const participantName =\n    participant?.user?.name || participant?.user?.id || 'Unknown member'\n  const participantImage = participant?.user?.image\n\n  return (\n    <div className=\"flex items-center justify-between gap-3 min-h-12\">\n      <div className=\"flex items-center gap-3 min-w-0\">\n        {showBackButton && onBack && (\n          <button\n            type=\"button\"\n            onClick={onBack}\n            className=\"inline-flex items-center justify-center w-8 h-8 rounded-lg hover:bg-sand focus:outline-none focus:ring-2 focus:ring-primary transition-colors lg:hidden\"\n            aria-label=\"Back to conversations\"\n          >\n            <ArrowLeftIcon className=\"h-5 w-5 text-stone\" weight=\"bold\" />\n          </button>\n        )}\n\n        {/* Avatar */}\n        <Avatar\n          id={participant?.user?.id || channel.id || 'unknown'}\n          name={participantName}\n          image={participantImage}\n          size={40}\n        />\n\n        <div className=\"min-w-0\">\n          <h1 className=\"text-lg font-semibold text-charcoal truncate\">\n            {participantName}\n          </h1>\n        </div>\n      </div>\n\n      {canShowInfo && onShowInfo && (\n        <IconButton label=\"Chat info\" onClick={onShowInfo}>\n          <DotsThreeIcon className=\"h-6 w-6 text-charcoal\" weight=\"bold\" />\n        </IconButton>\n      )}\n    </div>\n  )\n}\n\n/**\n * Channel info dialog (matching original implementation)\n */\nconst ChannelInfoDialog: React.FC<{\n  isOpen: boolean\n  onClose: () => void\n  participant: ChannelMemberResponse | undefined\n  channel: ChannelType\n  followerStatusLabel?: string\n  onLeaveConversation?: (channel: ChannelType) => void\n  onBlockParticipant?: (participantId?: string) => void\n}> = ({\n  isOpen,\n  onClose,\n  participant,\n  channel,\n  followerStatusLabel,\n  onLeaveConversation,\n  onBlockParticipant,\n}) => {\n  const { service, debug } = useMessagingContext()\n  const dialogRef = useRef<HTMLDialogElement>(null)\n  const [isParticipantBlocked, setIsParticipantBlocked] = useState(false)\n  const [isLeaving, setIsLeaving] = useState(false)\n  const [isUpdatingBlockStatus, setIsUpdatingBlockStatus] = useState(false)\n\n  // Sync dialog open state with prop\n  useEffect(() => {\n    const dialog = dialogRef.current\n    if (!dialog) return\n\n    if (isOpen) {\n      dialog.showModal()\n    } else {\n      dialog.close()\n    }\n  }, [isOpen])\n\n  // Check if participant is blocked\n  const checkIsParticipantBlocked = useCallback(async () => {\n    if (!service || !participant?.user?.id) return\n\n    try {\n      const blockedUsers = await service.getBlockedUsers()\n      const isBlocked = blockedUsers.some(\n        (user: BlockedUser) => user.blocked_user_id === participant?.user?.id\n      )\n      setIsParticipantBlocked(isBlocked)\n    } catch (error) {\n      console.error(\n        '[ChannelInfoDialog] Failed to check blocked status:',\n        error\n      )\n    }\n  }, [service, participant?.user?.id])\n\n  useEffect(() => {\n    if (isOpen) {\n      checkIsParticipantBlocked()\n    }\n  }, [isOpen, checkIsParticipantBlocked])\n\n  const handleLeaveConversation = async () => {\n    if (isLeaving) return\n\n    if (debug) {\n      console.log('[ChannelInfoDialog] Leave conversation', channel.cid)\n    }\n    setIsLeaving(true)\n\n    try {\n      const actingUserId = channel._client?.userID ?? null\n      await channel.hide(actingUserId, false)\n\n      if (onLeaveConversation) {\n        await onLeaveConversation(channel)\n      }\n\n      onClose()\n    } catch (error) {\n      console.error('[ChannelInfoDialog] Failed to leave conversation', error)\n    } finally {\n      setIsLeaving(false)\n    }\n  }\n\n  const handleBlockUser = async () => {\n    if (isUpdatingBlockStatus || !service) return\n\n    if (debug) {\n      console.log('[ChannelInfoDialog] Block member', participant?.user?.id)\n    }\n    setIsUpdatingBlockStatus(true)\n\n    try {\n      await service.blockUser(participant?.user?.id)\n\n      if (onBlockParticipant) {\n        await onBlockParticipant(participant?.user?.id)\n      }\n\n      onClose()\n    } catch (error) {\n      console.error('[ChannelInfoDialog] Failed to block member', error)\n    } finally {\n      setIsUpdatingBlockStatus(false)\n    }\n  }\n\n  const handleUnblockUser = async () => {\n    if (isUpdatingBlockStatus || !service) return\n\n    if (debug) {\n      console.log('[ChannelInfoDialog] Unblock member', participant?.user?.id)\n    }\n    setIsUpdatingBlockStatus(true)\n\n    try {\n      await service.unBlockUser(participant?.user?.id)\n\n      if (onBlockParticipant) {\n        await onBlockParticipant(participant?.user?.id)\n      }\n\n      onClose()\n    } catch (error) {\n      console.error('[ChannelInfoDialog] Failed to unblock member', error)\n    } finally {\n      setIsUpdatingBlockStatus(false)\n    }\n  }\n\n  const handleReportUser = () => {\n    onClose()\n    window.open(\n      'https://linktr.ee/s/about/trust-center/report',\n      '_blank',\n      'noopener,noreferrer'\n    )\n  }\n\n  if (!participant) return null\n\n  const participantName =\n    participant.user?.name || participant.user?.id || 'Unknown member'\n  const participantImage = participant.user?.image\n  const participantEmail = (participant.user as CustomUser)?.email\n  const participantUsername = (participant.user as CustomUser)?.username\n  const participantSecondary = participantEmail\n    ? participantEmail\n    : participantUsername\n      ? `linktr.ee/${participantUsername}`\n      : undefined\n  const participantId = participant.user?.id || 'unknown'\n\n  return (\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions\n    <dialog\n      ref={dialogRef}\n      className=\"mes-dialog\"\n      onClose={onClose}\n      onClick={(e) => {\n        if (e.target === dialogRef.current) {\n          onClose()\n        }\n      }}\n    >\n      <div className=\"ml-auto flex h-full w-full flex-col bg-white shadow-max-elevation-light\">\n        <div className=\"flex items-center justify-between border-b border-sand px-4 py-3\">\n          <h2 className=\"text-base font-semibold text-charcoal\">Chat info</h2>\n          <CloseButton onClick={onClose} />\n        </div>\n\n        <div className=\"flex-1 px-2 overflow-y-auto w-full\">\n          <div className=\"flex flex-col items-center gap-3 self-stretch px-4 py-2 mt-6 rounded-lg border border-black/[0.04]\" style={{ backgroundColor: '#FBFAF9' }}>\n            <div className=\"flex items-center gap-3 w-full\">\n              <Avatar\n                id={participantId}\n                name={participantName}\n                image={participantImage}\n                size={88}\n                className=\"!rounded-full\"\n              />\n              <div className=\"flex flex-col min-w-0 flex-1\">\n                <p className=\"truncate text-base font-semibold text-charcoal\">\n                  {participantName}\n                </p>\n                {participantSecondary && (\n                  <p className=\"truncate text-sm text-[#00000055]\">\n                    {participantSecondary}\n                  </p>\n                )}\n                {followerStatusLabel && (\n                  <span\n                    className=\"mt-1 rounded-full text-xs font-normal w-fit\"\n                    style={{\n                      padding: '4px 8px',\n                      backgroundColor: followerStatusLabel === 'Subscribed to you' ? '#DCFCE7' : '#F5F5F4',\n                      color: followerStatusLabel === 'Subscribed to you' ? '#008236' : '#78716C',\n                      lineHeight: '133.333%',\n                      letterSpacing: '0.21px',\n                    }}\n                  >\n                    {followerStatusLabel}\n                  </span>\n                )}\n              </div>\n            </div>\n          </div>\n\n          <ul className=\"flex flex-col gap-2 mt-2\">\n            <li>\n              <ActionButton\n                onClick={handleLeaveConversation}\n                disabled={isLeaving}\n                aria-busy={isLeaving}\n              >\n                {isLeaving ? (\n                  <SpinnerGapIcon className=\"h-5 w-5 animate-spin\" />\n                ) : (\n                  <SignOutIcon className=\"h-5 w-5\" />\n                )}\n                <span>Leave Conversation</span>\n              </ActionButton>\n            </li>\n            <li>\n              {isParticipantBlocked ? (\n                <ActionButton\n                  onClick={handleUnblockUser}\n                  disabled={isUpdatingBlockStatus}\n                  aria-busy={isUpdatingBlockStatus}\n                >\n                  {isUpdatingBlockStatus ? (\n                    <SpinnerGapIcon className=\"h-5 w-5 animate-spin\" />\n                  ) : (\n                    <ProhibitInsetIcon className=\"h-5 w-5\" />\n                  )}\n                  <span>Unblock</span>\n                </ActionButton>\n              ) : (\n                <ActionButton\n                  onClick={handleBlockUser}\n                  disabled={isUpdatingBlockStatus}\n                  aria-busy={isUpdatingBlockStatus}\n                >\n                  {isUpdatingBlockStatus ? (\n                    <SpinnerGapIcon className=\"h-5 w-5 animate-spin\" />\n                  ) : (\n                    <ProhibitInsetIcon className=\"h-5 w-5\" />\n                  )}\n                  <span>Block</span>\n                </ActionButton>\n              )}\n            </li>\n            <li>\n              <ActionButton variant=\"danger\" onClick={handleReportUser}>\n                <FlagIcon className=\"h-5 w-5\" />\n                <span>Report</span>\n              </ActionButton>\n            </li>\n          </ul>\n        </div>\n      </div>\n    </dialog>\n  )\n}\n\n/**\n * Inner component that has access to channel context\n */\nconst ChannelViewInner: React.FC<{\n  onBack?: () => void\n  showBackButton: boolean\n  renderMessageInputActions?: (channel: ChannelType) => React.ReactNode\n  onLeaveConversation?: (channel: ChannelType) => void\n  onBlockParticipant?: (participantId?: string) => void\n  CustomChannelEmptyState?: React.ComponentType\n}> = ({\n  onBack,\n  showBackButton,\n  renderMessageInputActions,\n  onLeaveConversation,\n  onBlockParticipant,\n  CustomChannelEmptyState = ChannelEmptyState,\n}) => {\n  const { channel } = useChannelStateContext()\n  const [showInfo, setShowInfo] = useState(false)\n\n  // Check if channel has messages - using context to reactively subscribe to message updates\n  const hasMessages = (channel?.state?.messages?.length ?? 0) > 0\n\n  // Get participant info for info dialog\n  const participant = React.useMemo(() => {\n    const members = Object.values(channel.state.members || {})\n    return members.find(\n      (member) => member.user?.id && member.user.id !== channel._client.userID\n    )\n  }, [channel._client.userID, channel.state.members])\n\n  // Get follower status label from channel data\n  const followerStatusLabel = React.useMemo(() => {\n    const channelExtraData = (channel.data ?? {}) as {\n      followerStatus?: string\n      isFollower?: boolean\n    }\n    \n    // If explicit followerStatus is provided, use it\n    if (channelExtraData.followerStatus) {\n      return String(channelExtraData.followerStatus)\n    }\n    // If isFollower is explicitly defined, use it to determine status\n    if (channelExtraData.isFollower !== undefined) {\n      return channelExtraData.isFollower ? 'Subscribed to you' : 'Not subscribed'\n    }\n    // Otherwise, don't show any status\n    return undefined\n  }, [channel.data])\n\n  return (\n    <>\n      <Window>\n        {/* Custom Channel Header */}\n        <div className=\"border-b border-sand bg-white px-4 py-3\">\n          <CustomChannelHeader\n            onBack={onBack}\n            showBackButton={showBackButton}\n            onShowInfo={() => setShowInfo(true)}\n            canShowInfo={Boolean(participant)}\n          />\n        </div>\n\n        {/* Message List */}\n        <div className=\"flex-1 overflow-hidden relative\">\n          <MessageList hideDeletedMessages hideNewMessageSeparator={false} />\n\n          {/* Show custom empty state when no messages */}\n          {!hasMessages && CustomChannelEmptyState && (\n            <div className=\"absolute inset-0 w-full h-full bg-white\">\n              <CustomChannelEmptyState />\n            </div>\n          )}\n        </div>\n\n        {/* Message Input */}\n        <CustomMessageInput\n          renderActions={() => renderMessageInputActions?.(channel)}\n        />\n      </Window>\n\n      {/* Channel Info Dialog */}\n      <ChannelInfoDialog\n        isOpen={showInfo}\n        onClose={() => setShowInfo(false)}\n        participant={participant}\n        channel={channel}\n        followerStatusLabel={followerStatusLabel}\n        onLeaveConversation={onLeaveConversation}\n        onBlockParticipant={onBlockParticipant}\n      />\n    </>\n  )\n}\n\n/**\n * Channel view component with message list and input\n */\nexport const ChannelView: React.FC<ChannelViewProps> = ({\n  channel,\n  onBack,\n  showBackButton = false,\n  renderMessageInputActions,\n  onLeaveConversation,\n  onBlockParticipant,\n  className,\n  CustomChannelEmptyState = ChannelEmptyState,\n}) => {\n  return (\n    <div\n      className={classNames(\n        'messaging-channel-view h-full flex flex-col',\n        className\n      )}\n    >\n      <Channel channel={channel}>\n        <ChannelViewInner\n          onBack={onBack}\n          showBackButton={showBackButton}\n          renderMessageInputActions={renderMessageInputActions}\n          onLeaveConversation={onLeaveConversation}\n          onBlockParticipant={onBlockParticipant}\n          CustomChannelEmptyState={CustomChannelEmptyState}\n        />\n      </Channel>\n    </div>\n  )\n}\n","import { MagnifyingGlassIcon, XIcon } from '@phosphor-icons/react'\nimport { useRef } from 'react'\n\nimport { IconButton } from '../IconButton'\n\ninterface SearchInputProps {\n  searchQuery: string\n  setSearchQuery: (value: string) => void\n  placeholder: string\n}\n\nexport function SearchInput({\n  searchQuery,\n  setSearchQuery,\n  placeholder,\n}: SearchInputProps) {\n  const searchInputRef = useRef<HTMLInputElement>(null)\n\n  return (\n    <div className=\"relative\">\n      <MagnifyingGlassIcon\n        className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-stone\"\n        weight=\"bold\"\n      />\n\n      <input\n        ref={searchInputRef}\n        type=\"text\"\n        placeholder={placeholder}\n        value={searchQuery}\n        onChange={(e) => setSearchQuery(e.target.value)}\n        className=\"w-full pl-10 pr-10 py-3 text-sm border border-sand rounded-xl focus:outline-none focus:ring-2 focus:ring-black focus:border-transparent\"\n      />\n\n      {searchQuery && (\n        <IconButton\n          label=\"Clear search\"\n          onClick={() => {\n            setSearchQuery('')\n            searchInputRef.current?.focus()\n          }}\n          className=\"absolute right-3 top-1/2 -translate-y-1/2 p-1 text-stone hover:text-charcoal\"\n        >\n          <XIcon className=\"h-4 w-4\" weight=\"bold\" />\n        </IconButton>\n      )}\n    </div>\n  )\n}\n","import { ChatCircleDotsIcon, SpinnerGapIcon } from '@phosphor-icons/react'\nimport classNames from 'classnames'\nimport React, { useCallback, useEffect, useState, useRef } from 'react'\n\nimport { useMessagingContext } from '../../providers/MessagingProvider'\nimport type { ParticipantPickerProps, Participant } from '../../types'\nimport { Avatar } from '../Avatar'\nimport { CloseButton } from '../CloseButton'\nimport { SearchInput } from '../SearchInput'\n\n/**\n * Generic participant picker component for starting conversations\n */\nexport const ParticipantPicker: React.FC<ParticipantPickerProps> = ({\n  participantSource,\n  onSelectParticipant,\n  onClose,\n  existingParticipantIds = new Set(),\n  participantLabel = 'participants',\n  searchPlaceholder = 'Search participants...',\n  className,\n}) => {\n  const { debug } = useMessagingContext()\n  const [searchQuery, setSearchQuery] = useState('')\n  const [participants, setParticipants] = useState<Participant[]>([])\n  const [loading, setLoading] = useState(false)\n  const [error, setError] = useState<string | null>(null)\n  const [startingChatWithId, setStartingChatWithId] = useState<string | null>(\n    null\n  )\n\n  // Track if we've already loaded participants to prevent repeated loading\n  const loadedRef = useRef(false)\n\n  // Load participants initially - wait for participantSource to finish loading first\n  useEffect(() => {\n    // Wait for the participantSource to finish loading before we try to load participants\n    if (participantSource.loading) {\n      if (debug) {\n        console.log(\n          '[ParticipantPicker] Waiting for participant source to finish loading...'\n        )\n      }\n      return\n    }\n\n    if (loadedRef.current) return // Prevent multiple loads\n\n    const loadInitialParticipants = async () => {\n      if (debug) {\n        console.log('[ParticipantPicker] Loading initial participants...')\n      }\n      setLoading(true)\n      setError(null)\n\n      try {\n        const result = await participantSource.loadParticipants({\n          search: '', // Load all participants initially\n          limit: 100,\n        })\n        setParticipants(result.participants)\n        loadedRef.current = true // Mark as loaded\n        if (debug) {\n          console.log(\n            '[ParticipantPicker] Participants loaded successfully:',\n            result.participants.length\n          )\n        }\n      } catch (err) {\n        const errorMessage =\n          err instanceof Error ? err.message : 'Failed to load participants'\n        setError(errorMessage)\n        console.error('[ParticipantPicker] Failed to load participants:', err)\n        // Don't mark as loaded on error, allow retry\n      } finally {\n        setLoading(false)\n      }\n    }\n\n    loadInitialParticipants()\n  }, [participantSource.loading, debug]) // Re-run when loading state changes\n\n  // Filter participants by search query and existing participants\n  const availableParticipants = participants\n    .filter((participant) => !existingParticipantIds.has(participant.id))\n    .filter((participant) => {\n      if (!searchQuery) return true\n      const searchLower = searchQuery.toLowerCase()\n      return (\n        participant.name.toLowerCase().includes(searchLower) ||\n        participant.email?.toLowerCase().includes(searchLower) ||\n        false\n      )\n    })\n\n  const handleSelectParticipant = useCallback(\n    async (participant: Participant) => {\n      if (startingChatWithId) return // Prevent multiple clicks\n\n      setStartingChatWithId(participant.id)\n      try {\n        await onSelectParticipant(participant)\n      } catch (error) {\n        console.error('[ParticipantPicker] Failed to start chat:', error)\n        // Reset the loading state on error\n        setStartingChatWithId(null)\n      }\n      // Note: Don't reset startingChatWithId on success because the dialog will close\n    },\n    [onSelectParticipant, startingChatWithId]\n  )\n\n  const handleKeyDown = (\n    event: React.KeyboardEvent,\n    participant: Participant\n  ) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault()\n      handleSelectParticipant(participant)\n    }\n  }\n\n  return (\n    <div className={classNames('flex flex-col h-full', className)}>\n      {/* Header */}\n      <div className=\"px-4 py-4 border-b border-sand bg-chalk\">\n        <div className=\"flex items-center justify-between mb-3\">\n          <h2 className=\"text-lg font-semibold text-charcoal\">\n            Start a new Conversation\n          </h2>\n          <CloseButton onClick={onClose} />\n        </div>\n\n        <p className=\"text-xs text-stone mb-3\">\n          Select a {participantLabel.slice(0, -1)} to start messaging (\n          {availableParticipants.length} available)\n          {participantSource.totalCount !== undefined &&\n            ` • ${participantSource.totalCount} ${participantLabel} total`}\n        </p>\n\n        <SearchInput\n          searchQuery={searchQuery}\n          setSearchQuery={setSearchQuery}\n          placeholder={searchPlaceholder}\n        />\n      </div>\n\n      {/* Error State */}\n      {error && (\n        <div className=\"p-4 text-sm text-danger bg-danger-alt\">\n          Error loading {participantLabel}: {error}\n        </div>\n      )}\n\n      {/* Participants List */}\n      <div className=\"flex-1 overflow-auto\">\n        {loading && availableParticipants.length === 0 ? (\n          <div className=\"h-32 flex items-center justify-center\">\n            <div className=\"flex items-center space-x-2\">\n              <div className=\"w-4 h-4 animate-spin rounded-full border-2 border-primary border-t-transparent\"></div>\n              <span className=\"text-sm text-stone\">\n                Loading {participantLabel}...\n              </span>\n            </div>\n          </div>\n        ) : availableParticipants.length === 0 ? (\n          <div className=\"p-6 text-center\">\n            <div className=\"mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-sand\">\n              <ChatCircleDotsIcon className=\"h-8 w-8 text-charcoal\" />\n            </div>\n            <h3 className=\"text-sm font-semibold text-charcoal mb-2\">\n              {searchQuery\n                ? `No ${participantLabel} found`\n                : participants.length > 0\n                  ? `Already chatting with all ${participantLabel}`\n                  : `No ${participantLabel} yet`}\n            </h3>\n            <p className=\"text-xs text-stone\">\n              {searchQuery\n                ? 'Try a different search term'\n                : participants.length > 0\n                  ? `You have existing conversations with all your ${participantLabel}`\n                  : `${participantLabel.charAt(0).toUpperCase() + participantLabel.slice(1)} will appear here`}\n            </p>\n          </div>\n        ) : (\n          <ul className=\"space-y-0\">\n            {availableParticipants.map((participant) => {\n              const displayName =\n                participant.name || participant.email || participant.id\n              const displaySecondary =\n                participant.email && participant.name\n                  ? participant.email\n                  : participant.phone\n\n              return (\n                <li key={participant.id}>\n                  <button\n                    type=\"button\"\n                    onClick={() => handleSelectParticipant(participant)}\n                    onKeyDown={(e) => handleKeyDown(e, participant)}\n                    className=\"w-full px-4 py-3 hover:bg-sand transition-colors border-b border-sand text-left focus:outline-none focus:ring-2 focus:ring-black\"\n                  >\n                    <div className=\"flex items-center justify-between\">\n                      <div className=\"flex items-center space-x-3 flex-1 min-w-0\">\n                        {/* Avatar */}\n                        <Avatar\n                          id={participant.id}\n                          name={displayName}\n                          image={participant.image}\n                          size={40}\n                        />\n\n                        {/* Info */}\n                        <div className=\"flex-1 min-w-0\">\n                          <h4 className=\"text-sm font-medium text-charcoal truncate\">\n                            {displayName}\n                          </h4>\n                          {displaySecondary && (\n                            <p className=\"text-xs text-stone truncate\">\n                              {displaySecondary}\n                            </p>\n                          )}\n                        </div>\n                      </div>\n\n                      {/* Icon */}\n                      <div className=\"flex-shrink-0\">\n                        {startingChatWithId === participant.id ? (\n                          <SpinnerGapIcon className=\"h-5 w-5 text-primary animate-spin\" />\n                        ) : (\n                          <ChatCircleDotsIcon className=\"h-5 w-5 text-stone\" />\n                        )}\n                      </div>\n                    </div>\n                  </button>\n                </li>\n              )\n            })}\n\n            {/* Loading indicator */}\n            {loading && (\n              <li className=\"p-4 flex justify-center\">\n                <div className=\"flex items-center space-x-2\">\n                  <div className=\"w-4 h-4 animate-spin rounded-full border-2 border-primary border-t-transparent\"></div>\n                  <span className=\"text-sm text-stone\">Loading more...</span>\n                </div>\n              </li>\n            )}\n          </ul>\n        )}\n      </div>\n    </div>\n  )\n}\n","import React from 'react'\n\n/**\n * Empty state component shown when no channel is selected\n */\nexport const EmptyState: React.FC<{\n  hasChannels: boolean\n  onStartConversation?: () => void\n  participantLabel: string\n}> = ({ hasChannels, onStartConversation, participantLabel }) => (\n  <div className=\"messaging-empty-state flex items-center justify-center h-full p-8 text-balance\">\n    <div className=\"text-center max-w-sm\">\n      <div className=\"w-24 h-24 bg-primary-alt/10 rounded-full flex items-center justify-center mx-auto mb-6\">\n        <span className=\"text-4xl\">💬</span>\n      </div>\n\n      <h2 className=\"font-semibold text-charcoal\">Welcome to Messages</h2>\n\n      <p className=\"text-stone text-sm mb-6\">\n        {hasChannels ? (\n          <>\n            Choose a conversation from the list or{' '}\n            {onStartConversation && (\n              <TextButton onClick={onStartConversation}>\n                start a new conversation with a {participantLabel.slice(0, -1)}.\n              </TextButton>\n            )}\n          </>\n        ) : (\n          onStartConversation && (\n            <>\n              <TextButton onClick={onStartConversation}>\n                Start a new conversation with one of your {participantLabel}\n              </TextButton>{' '}\n              to begin messaging.\n            </>\n          )\n        )}\n      </p>\n    </div>\n  </div>\n)\n\nconst TextButton = ({\n  onClick,\n  children,\n}: {\n  onClick: () => void\n  children: React.ReactNode\n}) => (\n  <button\n    type=\"button\"\n    onClick={onClick}\n    className=\"inline-flex items-center gap-1 text-sm font-medium text-primary hover:text-primary-alt focus:outline-none focus:ring-2 focus:ring-primary\"\n  >\n    {children}\n  </button>\n)\n","import React from 'react'\n\n/**\n * Error state component shown when something goes wrong\n */\nexport const ErrorState: React.FC<{\n  message: string\n  onBack?: () => void\n}> = ({ message, onBack }) => (\n  <div className=\"messaging-error-state flex items-center justify-center h-full p-8\">\n    <div className=\"text-center max-w-sm\">\n      <div className=\"w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6\">\n        <span className=\"text-4xl\">⚠️</span>\n      </div>\n\n      <h2 className=\"font-semibold text-charcoal mb-2\">Oops!</h2>\n\n      <p className=\"text-stone text-sm mb-6\">{message}</p>\n\n      {onBack && (\n        <button\n          type=\"button\"\n          onClick={onBack}\n          className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-white bg-primary hover:bg-primary-alt rounded-lg focus:outline-none focus:ring-2 focus:ring-primary transition-colors\"\n        >\n          Go Back\n        </button>\n      )}\n    </div>\n  </div>\n)\n","import classNames from 'classnames'\n\ntype LoadingProps = {\n  className?: string\n  message?: string\n}\n\nconst Loading = ({ className, message }: LoadingProps) => (\n  <div\n    className={classNames('flex items-center justify-center h-full', className)}\n  >\n    <svg viewBox=\"0 0 100 100\" className=\"size-8 fill-pebble\" stroke=\"none\">\n      <circle cx=\"6\" cy=\"50\" r=\"6\">\n        <animateTransform\n          attributeName=\"transform\"\n          dur=\"1s\"\n          type=\"translate\"\n          values=\"0 15 ; 0 -15; 0 15\"\n          repeatCount=\"indefinite\"\n          begin=\"0.1\"\n        />\n      </circle>\n      <circle cx=\"30\" cy=\"50\" r=\"6\">\n        <animateTransform\n          attributeName=\"transform\"\n          dur=\"1s\"\n          type=\"translate\"\n          values=\"0 10 ; 0 -10; 0 10\"\n          repeatCount=\"indefinite\"\n          begin=\"0.2\"\n        />\n      </circle>\n      <circle cx=\"54\" cy=\"50\" r=\"6\">\n        <animateTransform\n          attributeName=\"transform\"\n          dur=\"1s\"\n          type=\"translate\"\n          values=\"0 5 ; 0 -5; 0 5\"\n          repeatCount=\"indefinite\"\n          begin=\"0.3\"\n        />\n      </circle>\n    </svg>\n    {message && <span className=\"text-stone\">{message}</span>}\n  </div>\n)\n\nexport default Loading\n","import Loading from '../Loading'\n\n/**\n * Loading state component\n */\nexport const LoadingState = () => (\n  <div className=\"messaging-loading-state flex items-center justify-center h-full\">\n    <div className=\"flex items-center\">\n      <Loading className=\"w-6 h-6\" />\n      <span className=\"text-sm text-stone\">Loading messages</span>\n    </div>\n  </div>\n)\n","import classNames from 'classnames'\nimport React, { useState, useCallback, useRef, useEffect } from 'react'\nimport type { Channel } from 'stream-chat'\n\nimport { useMessaging } from '../../hooks/useMessaging'\nimport type { MessagingShellProps, Participant } from '../../types'\nimport { ChannelList } from '../ChannelList'\nimport { ChannelView } from '../ChannelView'\nimport { ParticipantPicker } from '../ParticipantPicker'\n\nimport { EmptyState } from './EmptyState'\nimport { ErrorState } from './ErrorState'\nimport { LoadingState } from './LoadingState'\n\n/**\n * Main messaging interface component that combines channel list and channel view\n */\nexport const MessagingShell: React.FC<MessagingShellProps> = ({\n  capabilities = {},\n  className,\n  renderMessageInputActions,\n  onChannelSelect,\n  onParticipantSelect,\n  initialParticipantFilter,\n  initialParticipantData,\n  CustomChannelEmptyState,\n  showChannelList = true,\n}) => {\n  const {\n    service,\n    client,\n    isConnected,\n    isLoading,\n    error,\n    refreshConnection,\n    debug,\n  } = useMessaging()\n\n  const [selectedChannel, setSelectedChannel] = useState<Channel | null>(null)\n  const [hasChannels, setHasChannels] = useState(false)\n  const [_showParticipantPicker, setShowParticipantPicker] = useState(false)\n  const [existingParticipantIds, setExistingParticipantIds] = useState<\n    Set<string>\n  >(new Set())\n  const [pickerKey, setPickerKey] = useState(0) // Key to force remount of ParticipantPicker\n  const [directConversationMode, setDirectConversationMode] = useState(false)\n  const [directConversationError, setDirectConversationError] = useState<\n    string | null\n  >(null)\n\n  const participantPickerRef = useRef<HTMLDialogElement>(null)\n\n  const {\n    showStartConversation = false,\n    participantSource,\n    participantLabel = 'participants',\n  } = capabilities\n\n  // Track if we've already synced channels to prevent repeated API calls\n  const syncedRef = useRef<string | null>(null)\n\n  // Function to sync channels (extracted for reuse)\n  const syncChannels = useCallback(async () => {\n    if (!client || !isConnected) return\n\n    const userId = client.userID\n    if (!userId) return\n\n    try {\n      if (debug) {\n        console.log('[MessagingShell] Syncing channels for user:', userId)\n      }\n\n      const channels = await client.queryChannels(\n        {\n          type: 'messaging',\n          members: { $in: [userId] },\n        },\n        {},\n        { limit: 100 }\n      )\n\n      const memberIds = new Set<string>()\n      channels.forEach((channel: Channel) => {\n        const members = channel.state.members\n        Object.values(members).forEach((member) => {\n          const memberId = member.user?.id\n          if (memberId && memberId !== userId) {\n            memberIds.add(memberId)\n          }\n        })\n      })\n\n      setExistingParticipantIds(memberIds)\n      setHasChannels(channels.length > 0)\n      syncedRef.current = userId // Mark as synced for this user\n\n      if (debug) {\n        console.log('[MessagingShell] Channels synced successfully:', {\n          channelCount: channels.length,\n          memberCount: memberIds.size,\n        })\n      }\n    } catch (error) {\n      console.error('[MessagingShell] Failed to sync channels:', error)\n      // Don't mark as synced on error, allow retry\n    }\n  }, [client, isConnected, debug])\n\n  // Sync existing channels to track which participants we can already message\n  useEffect(() => {\n    if (!client || !isConnected) return\n\n    const userId = client.userID\n    if (!userId) return\n\n    // Prevent repeated sync for the same user\n    if (syncedRef.current === userId) return\n\n    syncChannels()\n  }, [client, isConnected, syncChannels])\n\n  // Load initial channel for direct conversation mode\n  useEffect(() => {\n    if (!initialParticipantFilter || !client || !isConnected) return\n\n    const loadInitialChannel = async () => {\n      const userId = client.userID\n      if (!userId) return\n\n      try {\n        if (debug) {\n          console.log(\n            '[MessagingShell] Loading initial conversation with:',\n            initialParticipantFilter\n          )\n        }\n\n        const channels = await client.queryChannels(\n          {\n            type: 'messaging',\n            members: { $eq: [userId, initialParticipantFilter] },\n          },\n          {},\n          { limit: 1 }\n        )\n\n        if (channels.length > 0) {\n          setSelectedChannel(channels[0])\n          setDirectConversationMode(true)\n          setDirectConversationError(null)\n\n          // Notify parent component of channel selection\n          if (onChannelSelect) {\n            onChannelSelect(channels[0])\n          }\n\n          if (debug) {\n            console.log(\n              '[MessagingShell] Initial conversation loaded:',\n              channels[0].id\n            )\n          }\n        } else {\n          // No channel found - try to create one if participant data is provided\n          if (initialParticipantData && service) {\n            if (debug) {\n              console.log(\n                '[MessagingShell] No conversation found, creating one for:',\n                initialParticipantData\n              )\n            }\n\n            try {\n              // Use the existing service method to create the channel\n              const channel = await service.startChannelWithParticipant({\n                id: initialParticipantData.id,\n                name: initialParticipantData.name,\n                email: initialParticipantData.email,\n                phone: initialParticipantData.phone,\n              })\n\n              setSelectedChannel(channel)\n              setDirectConversationMode(true)\n              setDirectConversationError(null)\n\n              // Notify parent component of channel selection\n              if (onChannelSelect) {\n                onChannelSelect(channel)\n              }\n\n              if (debug) {\n                console.log(\n                  '[MessagingShell] Channel created and loaded:',\n                  channel.id\n                )\n              }\n            } catch (createErr) {\n              console.error(\n                '[MessagingShell] Failed to create conversation:',\n                createErr\n              )\n              setDirectConversationError('Failed to create conversation')\n            }\n          } else {\n            // No participant data provided, show error\n            setDirectConversationError(\n              'No conversation found with this account'\n            )\n\n            if (debug) {\n              console.log(\n                '[MessagingShell] No conversation found for:',\n                initialParticipantFilter\n              )\n            }\n          }\n        }\n      } catch (err) {\n        console.error(\n          '[MessagingShell] Failed to load initial conversation:',\n          err\n        )\n        setDirectConversationError('Failed to load conversation')\n      }\n    }\n\n    loadInitialChannel()\n  }, [\n    initialParticipantFilter,\n    initialParticipantData,\n    client,\n    isConnected,\n    service,\n    debug,\n    onChannelSelect,\n  ])\n\n  const handleChannelSelect = useCallback(\n    (channel: Channel) => {\n      setSelectedChannel(channel)\n      onChannelSelect?.(channel)\n    },\n    [onChannelSelect]\n  )\n\n  const handleBackToChannelList = useCallback(() => {\n    // In direct conversation mode, don't allow going back to channel list\n    // The parent component should handle navigation\n    if (directConversationMode) return\n\n    setSelectedChannel(null)\n  }, [directConversationMode])\n\n  const handleStartConversation = useCallback(() => {\n    if (participantSource) {\n      setPickerKey((prev) => prev + 1) // Increment key to force remount\n      setShowParticipantPicker(true)\n      participantPickerRef.current?.showModal()\n    }\n  }, [participantSource])\n\n  const handleSelectParticipant = useCallback(\n    async (participant: Participant) => {\n      if (!service) return\n\n      try {\n        if (debug) {\n          console.log(\n            '[MessagingShell] Starting conversation with:',\n            participant.id\n          )\n        }\n\n        const channel = await service.startChannelWithParticipant({\n          id: participant.id,\n          name: participant.name,\n          email: participant.email,\n          phone: participant.phone,\n        })\n\n        // Show the channel\n        try {\n          await channel.show()\n        } catch (error) {\n          console.warn('[MessagingShell] Failed to unhide channel:', error)\n        }\n\n        setSelectedChannel(channel)\n        setShowParticipantPicker(false)\n        participantPickerRef.current?.close()\n\n        onParticipantSelect?.(participant)\n      } catch (error) {\n        console.error('[MessagingShell] Failed to start conversation:', error)\n      }\n    },\n    [service, onParticipantSelect, debug]\n  )\n\n  const handleCloseParticipantPicker = useCallback(() => {\n    setShowParticipantPicker(false)\n    participantPickerRef.current?.close()\n  }, [])\n\n  const handleLeaveConversation = useCallback(\n    async (channel: Channel) => {\n      if (debug) {\n        console.log('[MessagingShell] Leaving conversation:', channel.id)\n      }\n      setSelectedChannel(null)\n      setDirectConversationMode(false) // Exit direct conversation mode\n\n      // Force re-sync to update the existing participants list\n      syncedRef.current = null\n      await syncChannels()\n    },\n    [syncChannels, debug]\n  )\n\n  const handleBlockParticipant = useCallback(\n    async (participantId?: string) => {\n      if (debug) {\n        console.log('[MessagingShell] Blocking participant:', participantId)\n      }\n      setSelectedChannel(null)\n      setDirectConversationMode(false) // Exit direct conversation mode\n\n      // Force re-sync to update the existing participants list\n      syncedRef.current = null\n      await syncChannels()\n    },\n    [syncChannels, debug]\n  )\n\n  const isChannelSelected = Boolean(selectedChannel)\n\n  // Show loading state\n  if (isLoading) {\n    return (\n      <div className={classNames('h-full', className)}>\n        <LoadingState />\n      </div>\n    )\n  }\n\n  // Show error state\n  if (error) {\n    return (\n      <div className={classNames('h-full', className)}>\n        <ErrorState message={error} onBack={refreshConnection} />\n      </div>\n    )\n  }\n\n  // Show not connected state\n  if (!isConnected || !client) {\n    return (\n      <div className={classNames('h-full', className)}>\n        <ErrorState\n          message=\"Not connected to messaging service\"\n          onBack={refreshConnection}\n        />\n      </div>\n    )\n  }\n\n  // Show direct conversation error state\n  if (directConversationError) {\n    return (\n      <div className={classNames('h-full', className)}>\n        <ErrorState message={directConversationError} />\n      </div>\n    )\n  }\n\n  return (\n    <div\n      className={classNames(\n        'messaging-shell h-full bg-white overflow-hidden',\n        className\n      )}\n    >\n      <div className=\"flex h-full min-h-0\">\n        {/* Channel List Sidebar */}\n        <div\n          className={classNames(\n            'messaging-channel-list-sidebar min-h-0 min-w-0 bg-white lg:bg-chalk lg:flex lg:flex-col lg:border-r lg:border-sand',\n            {\n              // Explicitly hidden via prop or in direct conversation mode\n              '!hidden': showChannelList === false || directConversationMode,\n              // Normal mode: hide on mobile when channel selected, show on desktop\n              'hidden lg:flex lg:w-80 lg:min-w-[280px] lg:max-w-[360px]':\n                showChannelList !== false &&\n                !directConversationMode &&\n                isChannelSelected,\n              // Normal mode: show when no channel selected\n              'flex flex-col w-full lg:flex-1 lg:max-w-2xl':\n                showChannelList !== false &&\n                !directConversationMode &&\n                !isChannelSelected,\n            }\n          )}\n        >\n          <ChannelList\n            onChannelSelect={handleChannelSelect}\n            selectedChannel={selectedChannel || undefined}\n            showStartConversation={\n              showStartConversation && Boolean(participantSource)\n            }\n            onStartConversation={handleStartConversation}\n            participantLabel={participantLabel}\n          />\n        </div>\n\n        {/* Channel View */}\n        <div\n          className={classNames(\n            'messaging-conversation-view flex-1 flex-col min-w-0 min-h-0',\n            {\n              // In direct conversation mode, always show (full width)\n              flex: directConversationMode || isChannelSelected,\n              // Normal mode: hide on mobile when no channel selected\n              'hidden lg:flex': !directConversationMode && !isChannelSelected,\n            }\n          )}\n        >\n          {selectedChannel ? (\n            <div className=\"flex-1 min-h-0 flex flex-col\">\n              <ChannelView\n                channel={selectedChannel}\n                key={selectedChannel.id}\n                onBack={handleBackToChannelList}\n                showBackButton={!directConversationMode}\n                renderMessageInputActions={renderMessageInputActions}\n                onLeaveConversation={handleLeaveConversation}\n                onBlockParticipant={handleBlockParticipant}\n                CustomChannelEmptyState={CustomChannelEmptyState}\n              />\n            </div>\n          ) : (\n            <EmptyState\n              hasChannels={hasChannels}\n              onStartConversation={\n                showStartConversation ? handleStartConversation : undefined\n              }\n              participantLabel={participantLabel}\n            />\n          )}\n        </div>\n      </div>\n\n      {/* Participant Picker Dialog */}\n      {participantSource && (\n        // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions\n        <dialog\n          ref={participantPickerRef}\n          className=\"mes-dialog\"\n          onClick={(e) => {\n            if (e.target === participantPickerRef.current) {\n              handleCloseParticipantPicker()\n            }\n          }}\n          onClose={handleCloseParticipantPicker}\n        >\n          <div className=\"h-full w-full bg-white shadow-max-elevation-light\">\n            <ParticipantPicker\n              key={pickerKey}\n              participantSource={participantSource}\n              onSelectParticipant={handleSelectParticipant}\n              onClose={handleCloseParticipantPicker}\n              existingParticipantIds={existingParticipantIds}\n              participantLabel={participantLabel}\n              searchPlaceholder={`Search ${participantLabel}...`}\n            />\n          </div>\n        </dialog>\n      )}\n    </div>\n  )\n}\n","import classNames from 'classnames'\nimport React from 'react'\n\nexport interface FaqListItemProps {\n  question: string\n  onClick: () => void\n  loading?: boolean\n  className?: string\n}\n\nexport const FaqListItem: React.FC<FaqListItemProps> = ({\n  question,\n  onClick,\n  loading = false,\n  className,\n}) => {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      disabled={loading}\n      style={{ backgroundColor: '#E6E5E3' }}\n      className={classNames(\n        'w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors',\n        {\n          'hover:brightness-95 active:brightness-90': !loading,\n          'opacity-50 cursor-not-allowed': loading,\n        },\n        className\n      )}\n    >\n      {question}\n    </button>\n  )\n}\n","import classNames from 'classnames'\nimport React from 'react'\n\nimport { Avatar } from '../Avatar'\n\nimport { FaqListItem } from './FaqListItem'\n\nexport interface Faq {\n  id: string\n  question: string\n  answer: string\n  enabled: boolean\n  order?: number | null\n}\n\nexport interface FaqListProps {\n  faqs: Faq[]\n  onFaqClick: (faqId: string) => void\n  loadingFaqId?: string | null\n  headerText?: string\n  className?: string\n  avatarImage?: string\n  avatarName?: string\n}\n\nexport const FaqList: React.FC<FaqListProps> = ({\n  faqs,\n  onFaqClick,\n  loadingFaqId,\n  headerText,\n  className,\n  avatarImage,\n  avatarName,\n}) => {\n  const enabledFaqs = faqs\n    .filter((faq) => faq.enabled)\n    .sort((a, b) => (a.order ?? 0) - (b.order ?? 0))\n\n  if (enabledFaqs.length === 0) {\n    return null\n  }\n\n  return (\n    <div className={classNames('px-4 py-6', className)}>\n      <div className=\"flex gap-3 items-end\">\n        {/* Avatar at bottom-left, outside grey background */}\n        {(avatarImage || avatarName) && (\n          <div className=\"flex-none\">\n            <Avatar\n              id={avatarName || 'account'}\n              name={avatarName || 'Account'}\n              image={avatarImage}\n              size={24}\n            />\n          </div>\n        )}\n\n        {/* FAQs with grey background */}\n        <div\n          className=\"flex-1 rounded-lg p-4 space-y-3\"\n          style={{ backgroundColor: '#F1F0EE' }}\n        >\n          {headerText && (\n            <p className=\"text-md text-charcoal mb-4\">{headerText}</p>\n          )}\n          {enabledFaqs.map((faq) => (\n            <FaqListItem\n              key={faq.id}\n              question={faq.question}\n              onClick={() => onFaqClick(faq.id)}\n              loading={loadingFaqId === faq.id}\n            />\n          ))}\n        </div>\n      </div>\n    </div>\n  )\n}\n","import { useState, useEffect, useCallback } from 'react';\n\nimport type { ParticipantSource, Participant } from '../types';\n\n/**\n * Hook for managing participant loading with search and pagination\n */\nexport const useParticipants = (\n  participantSource: ParticipantSource,\n  options: {\n    initialSearch?: string;\n    pageSize?: number;\n  } = {}\n) => {\n  const { initialSearch = '', pageSize = 20 } = options;\n  \n  const [participants, setParticipants] = useState<Participant[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [searchQuery, setSearchQuery] = useState(initialSearch);\n  const [hasMore, setHasMore] = useState(true);\n  const [cursor, setCursor] = useState<string | undefined>();\n\n  // Load participants with current search query\n  const loadParticipants = useCallback(async (\n    reset = false,\n    customSearch?: string\n  ) => {\n    if (loading) return;\n    \n    const search = customSearch !== undefined ? customSearch : searchQuery;\n    \n    setLoading(true);\n    setError(null);\n\n    try {\n      const result = await participantSource.loadParticipants({\n        search: search || undefined,\n        limit: pageSize,\n        cursor: reset ? undefined : cursor,\n      });\n\n      setParticipants(prev => \n        reset ? result.participants : [...prev, ...result.participants]\n      );\n      setHasMore(result.hasMore);\n      setCursor(result.nextCursor);\n    } catch (err) {\n      const errorMessage = err instanceof Error ? err.message : 'Failed to load participants';\n      setError(errorMessage);\n      console.error('[useParticipants] Load error:', err);\n    } finally {\n      setLoading(false);\n    }\n  }, [participantSource, searchQuery, cursor, pageSize, loading]);\n\n  // Load more participants (pagination)\n  const loadMore = useCallback(() => {\n    if (hasMore && !loading) {\n      loadParticipants(false);\n    }\n  }, [hasMore, loading, loadParticipants]);\n\n  // Search participants\n  const search = useCallback((query: string) => {\n    setSearchQuery(query);\n    setCursor(undefined);\n    loadParticipants(true, query);\n  }, [loadParticipants]);\n\n  // Refresh participants\n  const refresh = useCallback(() => {\n    setCursor(undefined);\n    loadParticipants(true);\n  }, [loadParticipants]);\n\n  // Initial load - only run once when participantSource changes\n  useEffect(() => {\n    loadParticipants(true);\n  }, [participantSource.loadParticipants]); // Only depend on the function to avoid loops\n\n  return {\n    participants,\n    loading,\n    error,\n    searchQuery,\n    hasMore,\n    totalCount: participantSource.totalCount,\n    loadMore,\n    search,\n    refresh,\n  };\n};\n"],"names":["MessagingContext","createContext","useMessagingContext","useContext","MessagingProvider","children","user","serviceConfig","apiKey","capabilities","customization","debug","debugLog","useCallback","message","args","service","setService","useState","client","setClient","isConnected","setIsConnected","isLoading","setIsLoading","error","setError","connectingRef","useRef","prevPropsRef","renderCountRef","useEffect","currentRender","newService","StreamChatService","connectedUserRef","_a","_b","streamClient","err","errorMessage","refreshConnection","contextValue","React","jsx","Chat","useMessaging","__importDefault","this","mod","exports","react_1","require$$0","classnames_1","require$$1","Base","className","onChange","onChangeValue","appearance","props","ref","baseInputStyles","handleChangeValue","value","checked","SelectPill_1","jsx_runtime_1","require$$2","Base_1","require$$3","SelectPill","id","name","label","defaultChecked","inactive","tabIndex","icon","selected","isInactive","handleKeyDown","key","code","SelectPillGroup_1","SelectPillGroup","IconButton","rest","jsxs","classNames","EMOJIS","hashString","str","hash","i","char","getAvatarEmoji","index","Avatar","image","size","emoji","fontSizeClass","CustomChannelPreview","channel","selectedChannel","onChannelSelect","unread","isSelected","handleClick","participant","member","participantName","participantImage","_c","lastMessage","_e","_d","lastMessageText","lastMessageTime","unreadCount","_f","ChannelList","showStartConversation","onStartConversation","participantLabel","useChatContext","staticFilters","setStaticFilters","filters","userId","newFilters","state","NotePencilIcon","StreamChannelList","ActionButton","variant","CloseButton","onClick","XIcon","ChannelEmptyState","CustomMessageInput","renderActions","MessageInput","CustomChannelHeader","onBack","showBackButton","onShowInfo","canShowInfo","useChannelStateContext","ArrowLeftIcon","DotsThreeIcon","ChannelInfoDialog","isOpen","onClose","followerStatusLabel","onLeaveConversation","onBlockParticipant","dialogRef","isParticipantBlocked","setIsParticipantBlocked","isLeaving","setIsLeaving","isUpdatingBlockStatus","setIsUpdatingBlockStatus","dialog","checkIsParticipantBlocked","isBlocked","handleLeaveConversation","actingUserId","handleBlockUser","handleUnblockUser","handleReportUser","participantEmail","participantUsername","participantSecondary","participantId","_g","e","SpinnerGapIcon","SignOutIcon","ProhibitInsetIcon","FlagIcon","ChannelViewInner","renderMessageInputActions","CustomChannelEmptyState","showInfo","setShowInfo","hasMessages","channelExtraData","Fragment","Window","MessageList","ChannelView","Channel","SearchInput","searchQuery","setSearchQuery","placeholder","searchInputRef","MagnifyingGlassIcon","ParticipantPicker","participantSource","onSelectParticipant","existingParticipantIds","searchPlaceholder","participants","setParticipants","loading","setLoading","startingChatWithId","setStartingChatWithId","loadedRef","result","availableParticipants","searchLower","handleSelectParticipant","event","ChatCircleDotsIcon","displayName","displaySecondary","EmptyState","hasChannels","TextButton","ErrorState","Loading","LoadingState","MessagingShell","onParticipantSelect","initialParticipantFilter","initialParticipantData","showChannelList","setSelectedChannel","setHasChannels","_showParticipantPicker","setShowParticipantPicker","setExistingParticipantIds","pickerKey","setPickerKey","directConversationMode","setDirectConversationMode","directConversationError","setDirectConversationError","participantPickerRef","syncedRef","syncChannels","channels","memberIds","members","memberId","createErr","handleChannelSelect","handleBackToChannelList","handleStartConversation","prev","handleCloseParticipantPicker","handleBlockParticipant","isChannelSelected","FaqListItem","question","FaqList","faqs","onFaqClick","loadingFaqId","headerText","avatarImage","avatarName","enabledFaqs","faq","a","b","useParticipants","options","initialSearch","pageSize","hasMore","setHasMore","cursor","setCursor","loadParticipants","reset","customSearch","search","loadMore","query","refresh"],"mappings":"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","x_google_ignoreList":[2,3,4,5]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/messaging-react",
-  "version": "1.7.0",
+  "version": "1.7.1",
   "description": "React messaging components built on messaging-core for web applications",
   "type": "module",
   "main": "dist/index.js",

package/src/components/Avatar/index.tsx

@@ -22,7 +22,6 @@ export const Avatar: React.FC<AvatarProps> = ({
 }) => {
   const emoji = getAvatarEmoji(id)
 
-  const DEFAULT_COLOR = '#FBFAF9'
   // Determine font size based on avatar size
   const getFontSizeClass = () => {
     if (size < 32) return 'text-xs'
@@ -50,13 +49,9 @@ export const Avatar: React.FC<AvatarProps> = ({
         <div
           aria-hidden="true"
           className={classNames(
-            'flex h-full w-full items-center justify-center font-semibold rounded-sm',
+            'flex h-full w-full items-center justify-center font-semibold rounded-sm bg-[#FBFAF9]/60',
             fontSizeClass
           )}
-          style={{
-            color: DEFAULT_COLOR,
-            backgroundColor: `color-mix(in srgb, ${DEFAULT_COLOR} 60%, solid)`,
-          }}
         >
           {emoji}
         </div>