@realtimexsco/live-chat 1.4.10 → 1.4.11

package/dist/index.mjs

@@ -4,12 +4,12 @@ import { create } from 'zustand';
 import { persist } from 'zustand/middleware';
 import * as React2 from 'react';
 import React2__default, { createContext, useMemo, useContext, useState, useCallback, useRef, useEffect, useLayoutEffect, useSyncExternalStore } from 'react';
-import { Tooltip as Tooltip$1, Slot, Switch as Switch$1, Avatar as Avatar$1, ScrollArea as ScrollArea$1, Popover as Popover$1, DropdownMenu as DropdownMenu$1, Dialog as Dialog$1, AlertDialog as AlertDialog$1 } from 'radix-ui';
+import { Tooltip as Tooltip$1, Slot, Switch as Switch$1, Dialog as Dialog$1, Avatar as Avatar$1, ScrollArea as ScrollArea$1, Popover as Popover$1, DropdownMenu as DropdownMenu$1, AlertDialog as AlertDialog$1 } from 'radix-ui';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { flushSync } from 'react-dom';
-import { Sun, Moon, Search, X, Loader2, UserPlus, ChevronDown, ArrowLeft, Users, WifiOff, Wifi, Sparkles, MessageSquareText, ChevronRight, Pin, Star, MoreVertical, Info, UserKey, ShieldUser, Paperclip, Clock, MessageSquareX, Trash2, LogOut, Ban, CheckCheck, Check, Camera, Save, Pencil, Mail, CornerUpLeft, CheckSquare, Smile, ChevronLeftIcon, ChevronRightIcon, ChevronDownIcon, MessageCircleMore, History, Shield, Send, AlertCircle, ShieldCheck, UserMinus, Settings, MessageCircle, Phone, Video, ExternalLink, Download, ChevronLeft, ZoomOut, ZoomIn, RotateCcw, Music, ArrowRight, MoreHorizontal, PinOff, StarOff, XIcon, ImageIcon, Film, Play, Pause, FileText, FileSpreadsheet, FileIcon, MessageSquare, Eye, Captions } from 'lucide-react';
+import { Sun, Moon, Loader2, Settings, Search, X, UserPlus, ChevronDown, ArrowLeft, Users, WifiOff, Wifi, Sparkles, MessageSquareText, ChevronRight, Pin, Star, MoreVertical, Info, UserKey, ShieldUser, Paperclip, Clock, MessageSquareX, Trash2, LogOut, Ban, CheckCheck, Check, Camera, Save, Pencil, Mail, CornerUpLeft, CheckSquare, Smile, ChevronLeftIcon, ChevronRightIcon, ChevronDownIcon, MessageCircleMore, History, Shield, Send, AlertCircle, ShieldCheck, UserMinus, MessageCircle, Phone, Video, ExternalLink, Download, ChevronLeft, ZoomOut, ZoomIn, RotateCcw, Music, XIcon, ArrowRight, MoreHorizontal, PinOff, StarOff, ImageIcon, Film, Play, Pause, FileText, FileSpreadsheet, FileIcon, MessageSquare, Eye, Captions } from 'lucide-react';
 import { cva } from 'class-variance-authority';
 import EmojiPicker, { Theme } from 'emoji-picker-react';
 import { getDefaultClassNames, DayPicker } from 'react-day-picker';
@@ -1223,6 +1223,64 @@ var init_query_params = __esm({
     ];
   }
 });
+
+// src/services/api/api-version.ts
+var DEFAULT_VERSIONS, apiVersions, normalizeApiVersion, resolveApiRoot, buildVersionedApiUrl, setChatApiVersions, getChatApiVersions, setChatPushApiVersion, syncDefaultApiVersionFromBaseUrl;
+var init_api_version = __esm({
+  "src/services/api/api-version.ts"() {
+    init_client();
+    DEFAULT_VERSIONS = {
+      default: "v1",
+      push: "v2"
+    };
+    apiVersions = { ...DEFAULT_VERSIONS };
+    normalizeApiVersion = (version) => {
+      const raw = String(version || "v1").trim().replace(/^\/+|\/+$/g, "");
+      if (!raw) return "v1";
+      return /^v\d+$/i.test(raw) ? raw.toLowerCase() : `v${raw}`;
+    };
+    resolveApiRoot = (baseUrl) => {
+      const raw = String(
+        baseUrl || getChatBaseUrl() || apiClient.defaults.baseURL || ""
+      ).trim().replace(/\/$/, "");
+      if (!raw) return "";
+      const withoutVersion = raw.replace(/\/v\d+$/i, "");
+      return withoutVersion || raw;
+    };
+    buildVersionedApiUrl = (path, options) => {
+      const root = resolveApiRoot(options?.baseUrl);
+      const version = normalizeApiVersion(
+        options?.version ?? (options?.service ? apiVersions[options.service] : apiVersions.default)
+      );
+      const normalizedPath = path.startsWith("/") ? path : `/${path}`;
+      if (!root) {
+        return `/${version}${normalizedPath}`;
+      }
+      return `${root}/${version}${normalizedPath}`;
+    };
+    setChatApiVersions = (config) => {
+      if (!config) return;
+      if (config.default) {
+        apiVersions.default = normalizeApiVersion(config.default);
+      }
+      if (config.push) {
+        apiVersions.push = normalizeApiVersion(config.push);
+      }
+    };
+    getChatApiVersions = () => ({
+      ...apiVersions
+    });
+    setChatPushApiVersion = (version) => {
+      apiVersions.push = normalizeApiVersion(version);
+    };
+    syncDefaultApiVersionFromBaseUrl = (baseUrl) => {
+      const match = String(baseUrl || "").trim().match(/\/(v\d+)\/?$/i);
+      if (match?.[1]) {
+        apiVersions.default = normalizeApiVersion(match[1]);
+      }
+    };
+  }
+});
 function resolveParamsForRequest(url, method) {
   const apiKey = resolveChatApiKey(url);
   const httpMethod = (method || "get").toLowerCase();
@@ -1239,7 +1297,9 @@ var chatClientId, chatAccessToken, chatBaseUrl, chatSocketUrl, chatQueryParams,
 var init_client = __esm({
   "src/services/api/client.ts"() {
     init_query_params();
+    init_api_version();
     init_query_params();
+    init_api_version();
     chatClientId = "";
     chatAccessToken = "";
     chatBaseUrl = "";
@@ -1257,6 +1317,7 @@ var init_client = __esm({
     setChatBaseURL = (url) => {
       chatBaseUrl = url.trim();
       apiClient.defaults.baseURL = chatBaseUrl;
+      syncDefaultApiVersionFromBaseUrl(chatBaseUrl);
     };
     getChatBaseUrl = () => chatBaseUrl;
     setChatSocketUrl = (url) => {
@@ -3722,7 +3783,7 @@ function resolveApiUrl(apiUrl) {
 function resolveSocketUrl(socketUrl, apiUrl) {
   const explicit = (socketUrl ?? "").trim();
   if (explicit) return explicit;
-  return resolveApiUrl(apiUrl).replace(/\/api\/v1\/?$/, "");
+  return resolveApiUrl(apiUrl).replace(/\/api\/v\d+\/?$/i, "");
 }
 
 // src/hooks/chat-sync/useChatSync.ts
@@ -4469,6 +4530,7 @@ var Chat = ({
   queryParams,
   queryParamApis,
   queryParamsByApi,
+  apiVersions: apiVersions2,
   channelsData,
   messagesData,
   onMessageReceived,
@@ -4494,6 +4556,7 @@ var Chat = ({
       const resolvedApiUrl = resolveApiUrl(apiUrl);
       const resolvedSocketUrl = resolveSocketUrl(socketUrl, resolvedApiUrl);
       if (resolvedApiUrl) setChatBaseURL(resolvedApiUrl);
+      setChatApiVersions(apiVersions2);
       if (resolvedSocketUrl) setChatSocketUrl(resolvedSocketUrl);
       let currentToken = accessToken || "";
       let sessionUser = resolveUserFromAccessToken(currentToken, loggedUserDetails);
@@ -5611,6 +5674,18 @@ function formatMemberName(name) {
 function formatLoggedUserName(name) {
   return name ? name.charAt(0).toUpperCase() + name.slice(1) : "User";
 }
+
+// src/chat/sidebar/build-logged-user-profile.ts
+var buildLoggedUserProfile = (loggedUserDetails) => ({
+  _id: loggedUserDetails?._id || "1",
+  name: formatLoggedUserName(loggedUserDetails?.name),
+  email: loggedUserDetails?.email || "user@example.com",
+  role: loggedUserDetails?.role || "user",
+  isActive: loggedUserDetails?.isActive ?? true,
+  createdAt: loggedUserDetails?.createdAt ? new Date(loggedUserDetails.createdAt) : /* @__PURE__ */ new Date(),
+  updatedAt: loggedUserDetails?.updatedAt ? new Date(loggedUserDetails.updatedAt) : /* @__PURE__ */ new Date(),
+  image: loggedUserDetails?.image || void 0
+});
 function Dialog({
   ...props
 }) {
@@ -6545,6 +6620,7 @@ function Switch({
 
 // src/notifications/push.service.ts
 init_client();
+init_api_version();
 var PUSH_TOKEN_STORAGE_KEY = "realtimex-push-token";
 var SERVICE_WORKER_PATH = "/firebase-messaging-sw.js";
 var PUSH_CHANGED_EVENT = "realtimex:push-changed";
@@ -6556,33 +6632,33 @@ var emitPushChanged = (enabled) => {
   } catch {
   }
 };
-var v2Url = "https://realtimex.softwareco.com/api/v2";
+var pushApiUrl = (path) => buildVersionedApiUrl(path, { service: "push" });
 var apiGetPushConfig = async () => {
-  const { data } = await apiClient.get(`${v2Url}/notifications/push/config`);
+  const { data } = await apiClient.get(pushApiUrl("/notifications/push/config"));
   return data?.data;
 };
 var apiRegisterPushToken = async (token, deviceLabel) => {
-  const { data } = await apiClient.post(`${v2Url}/notifications/push/token`, {
+  const { data } = await apiClient.post(pushApiUrl("/notifications/push/token"), {
     token,
     deviceLabel
   });
   return data?.data;
 };
 var apiRemovePushToken = async (token) => {
-  const { data } = await apiClient.delete(`${v2Url}/notifications/push/token`, {
+  const { data } = await apiClient.delete(pushApiUrl("/notifications/push/token"), {
     data: { token }
   });
   return data;
 };
 var apiGetPushPreference = async () => {
   const { data } = await apiClient.get(
-    `${v2Url}/notifications/push/preference`
+    pushApiUrl("/notifications/push/preference")
   );
   return data?.data;
 };
 var apiUpdatePushPreference = async (enabled) => {
   const { data } = await apiClient.patch(
-    `${v2Url}/notifications/push/preference`,
+    pushApiUrl("/notifications/push/preference"),
     { enabled }
   );
   return data?.data;
@@ -6777,13 +6853,15 @@ var usePushNotifications = () => {
   }, [refresh]);
   const setUserEnabled = useCallback(
     async (enabled) => {
-      setState((prev) => ({ ...prev, userEnabled: enabled }));
+      setState((prev) => ({ ...prev, loading: true, error: null }));
       try {
         await apiUpdatePushPreference(enabled);
+        setState((prev) => ({ ...prev, userEnabled: enabled, loading: false }));
       } catch (error) {
         setState((prev) => ({
           ...prev,
           userEnabled: !enabled,
+          loading: false,
           error: error instanceof Error ? error.message : "Could not update push preference"
         }));
       }
@@ -6795,36 +6873,66 @@ var usePushNotifications = () => {
 var PushNotificationToggle = ({
   className,
   label = "Push notifications",
-  description = "Get notified about new messages on this device"
+  description = "Get notified about new messages on this device",
+  children
 }) => {
   const push = usePushNotifications();
+  const [isToggling, setIsToggling] = useState(false);
   if (!push.supported || !push.allowedByWorkspace || !push.configured) {
     return null;
   }
   const isOn = push.deviceEnabled && push.userEnabled;
   const permissionBlocked = push.permission === "denied";
+  const showLoader = isToggling;
   const handleChange = async (checked) => {
-    if (checked) {
-      if (!push.userEnabled) await push.setUserEnabled(true);
-      if (!push.deviceEnabled) await push.enable();
-    } else {
-      await push.disable();
+    setIsToggling(true);
+    try {
+      if (checked) {
+        if (!push.userEnabled) await push.setUserEnabled(true);
+        if (!push.deviceEnabled) await push.enable();
+      } else {
+        await push.disable();
+      }
+    } finally {
+      setIsToggling(false);
     }
   };
+  const renderProps = {
+    label,
+    description: permissionBlocked ? "Notifications are blocked in your browser settings" : push.error ?? description,
+    checked: isOn,
+    disabled: showLoader || permissionBlocked || push.loading,
+    loading: showLoader || push.loading,
+    permissionBlocked,
+    error: push.error,
+    onCheckedChange: (checked) => void handleChange(checked)
+  };
+  if (children) {
+    return /* @__PURE__ */ jsx(Fragment, { children: children(renderProps) });
+  }
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: className ?? "flex items-center justify-between gap-4 rounded-xl border border-(--chat-border) bg-(--chat-surface) px-4 py-3",
+      className: cn(
+        "flex items-center justify-between gap-4 rounded-xl border border-(--chat-border) bg-(--chat-surface) px-4 py-3",
+        className
+      ),
       children: [
         /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
           /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-(--chat-text)", children: label }),
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-(--chat-muted)", children: permissionBlocked ? "Notifications are blocked in your browser settings" : push.error ?? description })
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-(--chat-muted)", children: renderProps.description })
         ] }),
-        /* @__PURE__ */ jsx(
+        showLoader ? /* @__PURE__ */ jsx(
+          Loader2,
+          {
+            className: "size-5 shrink-0 animate-spin text-(--chat-theme)",
+            "aria-label": "Updating push notifications"
+          }
+        ) : /* @__PURE__ */ jsx(
           Switch,
           {
             checked: isOn,
-            disabled: push.loading || permissionBlocked,
+            disabled: permissionBlocked || push.loading,
             onCheckedChange: (checked) => void handleChange(checked),
             "aria-label": `Toggle ${label}`
           }
@@ -6833,57 +6941,147 @@ var PushNotificationToggle = ({
     }
   );
 };
-var LoggedUserSettingsDialog = ({
-  loggedUserDetails
+var LoggedUserSettingsContent = ({
+  user,
+  title = "Account settings",
+  showProfile = true,
+  showPushToggle = true,
+  className
 }) => {
-  const [open, setOpen] = useState(false);
-  const user = {
-    _id: loggedUserDetails?._id || "1",
-    name: formatLoggedUserName(loggedUserDetails?.name),
-    email: loggedUserDetails?.email || "user@example.com",
-    role: loggedUserDetails?.role || "user",
-    isActive: loggedUserDetails?.isActive ?? true,
-    createdAt: loggedUserDetails?.createdAt ? new Date(loggedUserDetails.createdAt) : /* @__PURE__ */ new Date(),
-    updatedAt: loggedUserDetails?.updatedAt ? new Date(loggedUserDetails.updatedAt) : /* @__PURE__ */ new Date(),
-    image: loggedUserDetails?.image || void 0
-  };
-  return /* @__PURE__ */ jsxs(Dialog, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsxs(Tooltip, { children: [
-      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          variant: "ghost",
-          size: "icon",
-          className: sidebarActionBtnClass,
-          "aria-label": "Account settings",
-          onClick: () => setOpen(true),
-          children: /* @__PURE__ */ jsx(Settings, { className: "size-3.5", strokeWidth: 2 })
-        }
-      ) }),
-      /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", children: "Settings" })
-    ] }),
-    /* @__PURE__ */ jsxs(ChatDialogContent, { className: "gap-0 overflow-hidden p-0 sm:max-w-[380px]", children: [
-      /* @__PURE__ */ jsx("div", { className: "border-b border-(--chat-border) px-5 py-4", children: /* @__PURE__ */ jsx(DialogTitle, { className: "text-left text-base font-semibold text-(--chat-text)", children: "Account settings" }) }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-5 px-5 py-5", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center text-center", children: [
-          /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-            /* @__PURE__ */ jsxs(Avatar, { className: "size-16 ring-2 ring-(--chat-theme-20)", children: [
-              user.image ? /* @__PURE__ */ jsx(AvatarImage, { src: user.image, alt: user.name }) : null,
-              /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-(--chat-theme-10) text-lg font-medium text-(--chat-theme)", children: (user.name || "?").charAt(0).toUpperCase() })
+  const { resolveComponent, slotClassName } = useChatCustomization();
+  const PushToggleSlot = resolveComponent(
+    "PushNotificationToggle",
+    PushNotificationToggle
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "border-b border-(--chat-border) px-5 py-4",
+          slotClassName("loggedUserSettingsHeader")
+        ),
+        children: /* @__PURE__ */ jsx(DialogTitle, { className: "text-left text-base font-semibold text-(--chat-text)", children: title })
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "space-y-5 px-5 py-5",
+          slotClassName("loggedUserSettingsContent", className)
+        ),
+        children: [
+          showProfile ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center text-center", children: [
+            /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsxs(
+                Avatar,
+                {
+                  className: cn(
+                    "size-16 ring-2 ring-(--chat-theme-20)",
+                    slotClassName("loggedUserSettingsAvatar")
+                  ),
+                  children: [
+                    user.image ? /* @__PURE__ */ jsx(AvatarImage, { src: user.image, alt: user.name }) : null,
+                    /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-(--chat-theme-10) text-lg font-medium text-(--chat-theme)", children: (user.name || "?").charAt(0).toUpperCase() })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "absolute bottom-0.5 right-0.5 size-3 rounded-full border-2 border-(--chat-surface) bg-(--chat-online)" })
             ] }),
-            /* @__PURE__ */ jsx("span", { className: "absolute bottom-0.5 right-0.5 size-3 rounded-full border-2 border-(--chat-surface) bg-(--chat-online)" })
-          ] }),
-          /* @__PURE__ */ jsx("h3", { className: "mt-3 text-base font-semibold text-(--chat-text)", children: user.name }),
-          /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-sm text-(--chat-muted)", children: user.email }),
-          /* @__PURE__ */ jsxs("p", { className: "mt-2 inline-flex items-center gap-1.5 rounded-full bg-(--chat-theme-10) px-2.5 py-0.5 text-xs font-medium text-(--chat-theme)", children: [
-            /* @__PURE__ */ jsx("span", { className: "size-1.5 rounded-full bg-(--chat-online)" }),
-            "Online"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "border-t border-(--chat-border) pt-4", children: /* @__PURE__ */ jsx(PushNotificationToggle, { className: "flex items-center justify-between gap-4 rounded-xl border border-(--chat-border) bg-(--chat-theme-10) px-4 py-3" }) })
-      ] })
-    ] })
+            /* @__PURE__ */ jsx("h3", { className: "mt-3 text-base font-semibold text-(--chat-text)", children: user.name }),
+            /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-sm text-(--chat-muted)", children: user.email }),
+            /* @__PURE__ */ jsxs("p", { className: "mt-2 inline-flex items-center gap-1.5 rounded-full bg-(--chat-theme-10) px-2.5 py-0.5 text-xs font-medium text-(--chat-theme)", children: [
+              /* @__PURE__ */ jsx("span", { className: "size-1.5 rounded-full bg-(--chat-online)" }),
+              "Online"
+            ] })
+          ] }) : null,
+          showPushToggle ? /* @__PURE__ */ jsx("div", { className: "border-t border-(--chat-border) pt-4", children: /* @__PURE__ */ jsx(
+            PushToggleSlot,
+            {
+              className: cn(
+                "flex items-center justify-between gap-4 rounded-xl border border-(--chat-border) bg-(--chat-theme-10) px-4 py-3",
+                slotClassName("pushNotificationToggle")
+              )
+            }
+          ) }) : null
+        ]
+      }
+    )
+  ] });
+};
+var LoggedUserSettingsContent_default = LoggedUserSettingsContent;
+var LoggedUserSettingsTrigger = ({
+  onClick,
+  className,
+  tooltip = "Settings",
+  ariaLabel = "Account settings"
+}) => {
+  const { slotClassName } = useChatCustomization();
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "icon",
+        className: cn(
+          sidebarActionBtnClass,
+          slotClassName("loggedUserSettingsTrigger", className)
+        ),
+        "aria-label": ariaLabel,
+        onClick,
+        children: /* @__PURE__ */ jsx(Settings, { className: "size-3.5", strokeWidth: 2 })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", children: tooltip })
+  ] });
+};
+var LoggedUserSettingsTrigger_default = LoggedUserSettingsTrigger;
+var LoggedUserSettingsDialog = ({
+  loggedUserDetails,
+  open: controlledOpen,
+  onOpenChange: controlledOnOpenChange,
+  title,
+  showProfile = true,
+  showPushToggle = true,
+  className
+}) => {
+  const { resolveComponent, slotClassName } = useChatCustomization();
+  const [internalOpen, setInternalOpen] = useState(false);
+  const open = controlledOpen ?? internalOpen;
+  const onOpenChange = controlledOnOpenChange ?? setInternalOpen;
+  const TriggerSlot = resolveComponent(
+    "LoggedUserSettingsTrigger",
+    LoggedUserSettingsTrigger_default
+  );
+  const ContentSlot = resolveComponent(
+    "LoggedUserSettingsContent",
+    LoggedUserSettingsContent_default
+  );
+  const user = buildLoggedUserProfile(loggedUserDetails);
+  return /* @__PURE__ */ jsxs(Dialog, { open, onOpenChange, children: [
+    /* @__PURE__ */ jsx(TriggerSlot, { onClick: () => onOpenChange(true) }),
+    /* @__PURE__ */ jsx(
+      ChatDialogContent,
+      {
+        className: cn(
+          "gap-0 overflow-hidden p-0 sm:max-w-[380px]",
+          slotClassName("loggedUserSettingsDialog", className)
+        ),
+        children: /* @__PURE__ */ jsx(
+          ContentSlot,
+          {
+            loggedUserDetails,
+            user,
+            onClose: () => onOpenChange(false),
+            title,
+            showProfile,
+            showPushToggle
+          }
+        )
+      }
+    )
   ] });
 };
 var LoggedUserSettingsDialog_default = LoggedUserSettingsDialog;
@@ -6896,16 +7094,12 @@ var LoggedUserDetails = ({
   setSearchQuery
 }) => {
   const { showColorModeToggle } = useChatTheme();
-  const user = {
-    _id: loggedUserDetails?._id || "1",
-    name: formatLoggedUserName(loggedUserDetails?.name),
-    email: loggedUserDetails?.email || "user@example.com",
-    role: loggedUserDetails?.role || "user",
-    isActive: loggedUserDetails?.isActive ?? true,
-    createdAt: loggedUserDetails?.createdAt ? new Date(loggedUserDetails.createdAt) : /* @__PURE__ */ new Date(),
-    updatedAt: loggedUserDetails?.updatedAt ? new Date(loggedUserDetails.updatedAt) : /* @__PURE__ */ new Date(),
-    image: loggedUserDetails?.image || void 0
-  };
+  const { resolveComponent } = useChatCustomization();
+  const SettingsDialogSlot = resolveComponent(
+    "LoggedUserSettingsDialog",
+    LoggedUserSettingsDialog_default
+  );
+  const user = buildLoggedUserProfile(loggedUserDetails);
   return /* @__PURE__ */ jsxs("div", { className: "shrink-0 border-b border-(--chat-border) bg-(--chat-surface) px-3 pb-3 pt-3", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2.5", children: [
       /* @__PURE__ */ jsxs("div", { className: "relative shrink-0", children: [
@@ -6916,14 +7110,11 @@ var LoggedUserDetails = ({
         /* @__PURE__ */ jsx("span", { className: "absolute -bottom-0.5 -right-0.5 size-2 rounded-full border-2 border-(--chat-surface) bg-(--chat-online)" })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsxs("h2", { className: "truncate text-xs font-medium leading-tight text-(--chat-text)", children: [
-          user.name,
-          "123"
-        ] }),
+        /* @__PURE__ */ jsx("h2", { className: "truncate text-xs font-medium leading-tight text-(--chat-text)", children: user.name }),
         /* @__PURE__ */ jsx("p", { className: "truncate text-[10px] text-(--chat-muted)", children: user.email })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-0.5", children: [
-        /* @__PURE__ */ jsx(LoggedUserSettingsDialog_default, { loggedUserDetails }),
+        /* @__PURE__ */ jsx(SettingsDialogSlot, { loggedUserDetails }),
         showColorModeToggle ? /* @__PURE__ */ jsx(ChatThemeToggle_default, {}) : null
       ] })
     ] }),
@@ -18325,6 +18516,7 @@ var ChatMain = ({
   queryParams,
   queryParamApis,
   queryParamsByApi,
+  apiVersions: apiVersions2,
   themeColor = "#7494ec",
   theme,
   uiConfig,
@@ -18394,6 +18586,7 @@ var ChatMain = ({
               queryParams,
               queryParamApis,
               queryParamsByApi,
+              apiVersions: apiVersions2,
               children: [
                 /* @__PURE__ */ jsx(ForegroundPushBridge, {}),
                 /* @__PURE__ */ jsx(
@@ -18686,6 +18879,10 @@ var ChannelListItem_default = ChannelListItem2;
 var packageDefaultComponents = {
   ChatLayout: DefaultChatLayout_default,
   LoggedUserDetails: LoggedUserDetails_default,
+  LoggedUserSettingsDialog: LoggedUserSettingsDialog_default,
+  LoggedUserSettingsTrigger: LoggedUserSettingsTrigger_default,
+  LoggedUserSettingsContent: LoggedUserSettingsContent_default,
+  PushNotificationToggle,
   ChannelList: ChannelListView_default,
   ChannelListItem: DefaultChannelListItem,
   ChannelHeader: ChannelHeaderView_default,
@@ -18720,6 +18917,6 @@ var packageDefaultComponents = {
 // src/index.ts
 var index_default = ChatMain_default;
 
-export { CHAT_API_KEYS, CHAT_GET_API_KEYS, Calendar, CalendarDayButton, Channel, ChannelHeaderView_default as ChannelHeader, ChannelListView_default as ChannelList, ChannelListItem_default as ChannelListItem, Chat, ChatAlertsProvider, ChatAvatar_default as ChatAvatar, ChatCustomizationProvider, ChatDateJumpMenu, ChatLayout_default as ChatLayout, ChatLocaleProvider, ChatMain_default as ChatMain, ChatThemeProvider, ChatViewport, DefaultChannelListItem, DefaultChatAvatar, DefaultChatLayout_default as DefaultChatLayout, ForegroundPushBridge, ForwardModalView as ForwardModal, HeaderCallActions_default as HeaderCallActions, LoggedUserDetails_default as LoggedUserDetails, ChannelMessageBoxView_default as MessageInput, MessageItemView as MessageItem, ActiveChannelMessagesView_default as MessageList, NOTIFICATION_CLICK_SW_TYPE, OPEN_CONVERSATION_EVENT, PUSH_BROADCAST_CHANNEL, PUSH_CHANGED_EVENT, PUSH_DATA_CACHE_NAME, PushNotificationToggle, apiGetPushConfig, apiGetPushPreference, apiRegisterPushToken, apiRemovePushToken, apiUpdatePushPreference, buildChannelFromPushRequest, capitalizeFirst, clampJumpDate, consumePendingOpenConversation, consumePendingOpenFromPushCache, consumePendingOpenRequest, index_default as default, defaultChatClassNames, defaultChatComponents, defaultChatFeatures, defaultChatLayoutConfig, disablePushOnThisDevice, downloadFile, enablePushOnThisDevice, getChatBaseUrl, getChatQueryParamApis, getChatQueryParams, getChatQueryParamsByApi, getChatSocketUrl, getFirstAndLastNameOneCharacter, getResponsiveWidth, getSocketConfig, getStoredPushToken, installNotificationClickBridge, isEmpty, isPushSupported, mergeChatCustomization, mergeChatLayoutConfig, onForegroundPush, packageDefaultComponents, peekPendingOpenConversation, peekPendingOpenRequest, requestOpenConversation, resolveApiUrl, resolveChatApiKey, resolveConversationIdFromPushData, resolveJumpDateBounds, resolveJumpPreset, resolveJumpStep, resolveSocketUrl, setChatAccessToken, setChatBaseURL, setChatClientId, setChatQueryParamApis, setChatQueryParams, setChatQueryParamsByApi, setChatSocketUrl, showNotification, smoothScrollToMessage, socket_service_default as socketService, startOfLocalDay, toDateInputValue, uniqueList, useChatAlerts, useChatContext, useChatController, useChatCustomization, useChatCustomizationOptional, useChatFeatures, useChatFeaturesOptional, useChatLocale, useStore as useChatStore, useChatTheme, usePushNotifications };
+export { CHAT_API_KEYS, CHAT_GET_API_KEYS, Calendar, CalendarDayButton, Channel, ChannelHeaderView_default as ChannelHeader, ChannelListView_default as ChannelList, ChannelListItem_default as ChannelListItem, Chat, ChatAlertsProvider, ChatAvatar_default as ChatAvatar, ChatCustomizationProvider, ChatDateJumpMenu, ChatLayout_default as ChatLayout, ChatLocaleProvider, ChatMain_default as ChatMain, ChatThemeProvider, ChatViewport, DefaultChannelListItem, DefaultChatAvatar, DefaultChatLayout_default as DefaultChatLayout, ForegroundPushBridge, ForwardModalView as ForwardModal, HeaderCallActions_default as HeaderCallActions, LoggedUserDetails_default as LoggedUserDetails, LoggedUserSettingsContent_default as LoggedUserSettingsContent, LoggedUserSettingsDialog_default as LoggedUserSettingsDialog, LoggedUserSettingsTrigger_default as LoggedUserSettingsTrigger, ChannelMessageBoxView_default as MessageInput, MessageItemView as MessageItem, ActiveChannelMessagesView_default as MessageList, NOTIFICATION_CLICK_SW_TYPE, OPEN_CONVERSATION_EVENT, PUSH_BROADCAST_CHANNEL, PUSH_CHANGED_EVENT, PUSH_DATA_CACHE_NAME, PushNotificationToggle, apiGetPushConfig, apiGetPushPreference, apiRegisterPushToken, apiRemovePushToken, apiUpdatePushPreference, buildChannelFromPushRequest, buildLoggedUserProfile, buildVersionedApiUrl, capitalizeFirst, clampJumpDate, consumePendingOpenConversation, consumePendingOpenFromPushCache, consumePendingOpenRequest, index_default as default, defaultChatClassNames, defaultChatComponents, defaultChatFeatures, defaultChatLayoutConfig, disablePushOnThisDevice, downloadFile, enablePushOnThisDevice, getChatApiVersions, getChatBaseUrl, getChatQueryParamApis, getChatQueryParams, getChatQueryParamsByApi, getChatSocketUrl, getFirstAndLastNameOneCharacter, getResponsiveWidth, getSocketConfig, getStoredPushToken, installNotificationClickBridge, isEmpty, isPushSupported, mergeChatCustomization, mergeChatLayoutConfig, onForegroundPush, packageDefaultComponents, peekPendingOpenConversation, peekPendingOpenRequest, requestOpenConversation, resolveApiRoot, resolveApiUrl, resolveChatApiKey, resolveConversationIdFromPushData, resolveJumpDateBounds, resolveJumpPreset, resolveJumpStep, resolveSocketUrl, setChatAccessToken, setChatApiVersions, setChatBaseURL, setChatClientId, setChatPushApiVersion, setChatQueryParamApis, setChatQueryParams, setChatQueryParamsByApi, setChatSocketUrl, showNotification, smoothScrollToMessage, socket_service_default as socketService, startOfLocalDay, toDateInputValue, uniqueList, useChatAlerts, useChatContext, useChatController, useChatCustomization, useChatCustomizationOptional, useChatFeatures, useChatFeaturesOptional, useChatLocale, useStore as useChatStore, useChatTheme, usePushNotifications };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map