@realtimexsco/live-chat 1.4.10 → 1.4.11

package/dist/index.cjs

@@ -1251,6 +1251,64 @@ var init_query_params = __esm({
     ];
   }
 });
+
+// src/services/api/api-version.ts
+var DEFAULT_VERSIONS, apiVersions, normalizeApiVersion; exports.resolveApiRoot = void 0; exports.buildVersionedApiUrl = void 0; exports.setChatApiVersions = void 0; exports.getChatApiVersions = void 0; exports.setChatPushApiVersion = void 0; var 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}`;
+    };
+    exports.resolveApiRoot = (baseUrl) => {
+      const raw = String(
+        baseUrl || exports.getChatBaseUrl() || apiClient.defaults.baseURL || ""
+      ).trim().replace(/\/$/, "");
+      if (!raw) return "";
+      const withoutVersion = raw.replace(/\/v\d+$/i, "");
+      return withoutVersion || raw;
+    };
+    exports.buildVersionedApiUrl = (path, options) => {
+      const root = exports.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}`;
+    };
+    exports.setChatApiVersions = (config) => {
+      if (!config) return;
+      if (config.default) {
+        apiVersions.default = normalizeApiVersion(config.default);
+      }
+      if (config.push) {
+        apiVersions.push = normalizeApiVersion(config.push);
+      }
+    };
+    exports.getChatApiVersions = () => ({
+      ...apiVersions
+    });
+    exports.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();
@@ -1267,7 +1325,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 = "";
@@ -1285,6 +1345,7 @@ var init_client = __esm({
     exports.setChatBaseURL = (url) => {
       chatBaseUrl = url.trim();
       apiClient.defaults.baseURL = chatBaseUrl;
+      syncDefaultApiVersionFromBaseUrl(chatBaseUrl);
     };
     exports.getChatBaseUrl = () => chatBaseUrl;
     exports.setChatSocketUrl = (url) => {
@@ -3750,7 +3811,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
@@ -4497,6 +4558,7 @@ var Chat = ({
   queryParams,
   queryParamApis,
   queryParamsByApi,
+  apiVersions: apiVersions2,
   channelsData,
   messagesData,
   onMessageReceived,
@@ -4522,6 +4584,7 @@ var Chat = ({
       const resolvedApiUrl = resolveApiUrl(apiUrl);
       const resolvedSocketUrl = resolveSocketUrl(socketUrl, resolvedApiUrl);
       if (resolvedApiUrl) exports.setChatBaseURL(resolvedApiUrl);
+      exports.setChatApiVersions(apiVersions2);
       if (resolvedSocketUrl) exports.setChatSocketUrl(resolvedSocketUrl);
       let currentToken = accessToken || "";
       let sessionUser = resolveUserFromAccessToken(currentToken, loggedUserDetails);
@@ -5639,6 +5702,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
 }) {
@@ -6573,6 +6648,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";
@@ -6584,33 +6660,33 @@ var emitPushChanged = (enabled) => {
   } catch {
   }
 };
-var v2Url = "https://realtimex.softwareco.com/api/v2";
+var pushApiUrl = (path) => exports.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;
@@ -6805,13 +6881,15 @@ var usePushNotifications = () => {
   }, [refresh]);
   const setUserEnabled = React2.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"
         }));
       }
@@ -6823,36 +6901,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] = React2.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__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: children(renderProps) });
+  }
   return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "space-y-0.5", children: [
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-(--chat-text)", children: label }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-(--chat-muted)", children: permissionBlocked ? "Notifications are blocked in your browser settings" : push.error ?? description })
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-(--chat-muted)", children: renderProps.description })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
+        showLoader ? /* @__PURE__ */ jsxRuntime.jsx(
+          lucideReact.Loader2,
+          {
+            className: "size-5 shrink-0 animate-spin text-(--chat-theme)",
+            "aria-label": "Updating push notifications"
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx(
           Switch,
           {
             checked: isOn,
-            disabled: push.loading || permissionBlocked,
+            disabled: permissionBlocked || push.loading,
             onCheckedChange: (checked) => void handleChange(checked),
             "aria-label": `Toggle ${label}`
           }
@@ -6861,57 +6969,147 @@ var PushNotificationToggle = ({
     }
   );
 };
-var LoggedUserSettingsDialog = ({
-  loggedUserDetails
+var LoggedUserSettingsContent = ({
+  user,
+  title = "Account settings",
+  showProfile = true,
+  showPushToggle = true,
+  className
 }) => {
-  const [open, setOpen] = React2.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__ */ jsxRuntime.jsxs(Dialog, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-        Button,
-        {
-          type: "button",
-          variant: "ghost",
-          size: "icon",
-          className: sidebarActionBtnClass,
-          "aria-label": "Account settings",
-          onClick: () => setOpen(true),
-          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { className: "size-3.5", strokeWidth: 2 })
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { side: "bottom", children: "Settings" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ChatDialogContent, { className: "gap-0 overflow-hidden p-0 sm:max-w-[380px]", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-(--chat-border) px-5 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: "text-left text-base font-semibold text-(--chat-text)", children: "Account settings" }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5 px-5 py-5", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center text-center", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-16 ring-2 ring-(--chat-theme-20)", children: [
-              user.image ? /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: user.image, alt: user.name }) : null,
-              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: cn(
+          "border-b border-(--chat-border) px-5 py-4",
+          slotClassName("loggedUserSettingsHeader")
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: "text-left text-base font-semibold text-(--chat-text)", children: title })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn(
+          "space-y-5 px-5 py-5",
+          slotClassName("loggedUserSettingsContent", className)
+        ),
+        children: [
+          showProfile ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center text-center", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                Avatar,
+                {
+                  className: cn(
+                    "size-16 ring-2 ring-(--chat-theme-20)",
+                    slotClassName("loggedUserSettingsAvatar")
+                  ),
+                  children: [
+                    user.image ? /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: user.image, alt: user.name }) : null,
+                    /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "bg-(--chat-theme-10) text-lg font-medium text-(--chat-theme)", children: (user.name || "?").charAt(0).toUpperCase() })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute bottom-0.5 right-0.5 size-3 rounded-full border-2 border-(--chat-surface) bg-(--chat-online)" })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute bottom-0.5 right-0.5 size-3 rounded-full border-2 border-(--chat-surface) bg-(--chat-online)" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mt-3 text-base font-semibold text-(--chat-text)", children: user.name }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-sm text-(--chat-muted)", children: user.email }),
-          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "size-1.5 rounded-full bg-(--chat-online)" }),
-            "Online"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-(--chat-border) pt-4", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("h3", { className: "mt-3 text-base font-semibold text-(--chat-text)", children: user.name }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-sm text-(--chat-muted)", children: user.email }),
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "size-1.5 rounded-full bg-(--chat-online)" }),
+              "Online"
+            ] })
+          ] }) : null,
+          showPushToggle ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-(--chat-border) pt-4", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      Button,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "icon",
+        className: cn(
+          sidebarActionBtnClass,
+          slotClassName("loggedUserSettingsTrigger", className)
+        ),
+        "aria-label": ariaLabel,
+        onClick,
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { className: "size-3.5", strokeWidth: 2 })
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.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] = React2.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__ */ jsxRuntime.jsxs(Dialog, { open, onOpenChange, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(TriggerSlot, { onClick: () => onOpenChange(true) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ChatDialogContent,
+      {
+        className: cn(
+          "gap-0 overflow-hidden p-0 sm:max-w-[380px]",
+          slotClassName("loggedUserSettingsDialog", className)
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          ContentSlot,
+          {
+            loggedUserDetails,
+            user,
+            onClose: () => onOpenChange(false),
+            title,
+            showProfile,
+            showPushToggle
+          }
+        )
+      }
+    )
   ] });
 };
 var LoggedUserSettingsDialog_default = LoggedUserSettingsDialog;
@@ -6924,16 +7122,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__ */ jsxRuntime.jsxs("div", { className: "shrink-0 border-b border-(--chat-border) bg-(--chat-surface) px-3 pb-3 pt-3", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-2.5", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative shrink-0", children: [
@@ -6944,14 +7138,11 @@ var LoggedUserDetails = ({
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute -bottom-0.5 -right-0.5 size-2 rounded-full border-2 border-(--chat-surface) bg-(--chat-online)" })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "truncate text-xs font-medium leading-tight text-(--chat-text)", children: [
-          user.name,
-          "123"
-        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "truncate text-xs font-medium leading-tight text-(--chat-text)", children: user.name }),
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-[10px] text-(--chat-muted)", children: user.email })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-0.5", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(LoggedUserSettingsDialog_default, { loggedUserDetails }),
+        /* @__PURE__ */ jsxRuntime.jsx(SettingsDialogSlot, { loggedUserDetails }),
         showColorModeToggle ? /* @__PURE__ */ jsxRuntime.jsx(ChatThemeToggle_default, {}) : null
       ] })
     ] }),
@@ -18353,6 +18544,7 @@ var ChatMain = ({
   queryParams,
   queryParamApis,
   queryParamsByApi,
+  apiVersions: apiVersions2,
   themeColor = "#7494ec",
   theme,
   uiConfig,
@@ -18422,6 +18614,7 @@ var ChatMain = ({
               queryParams,
               queryParamApis,
               queryParamsByApi,
+              apiVersions: apiVersions2,
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(ForegroundPushBridge, {}),
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -18714,6 +18907,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,
@@ -18771,6 +18968,9 @@ exports.ForegroundPushBridge = ForegroundPushBridge;
 exports.ForwardModal = ForwardModalView;
 exports.HeaderCallActions = HeaderCallActions_default;
 exports.LoggedUserDetails = LoggedUserDetails_default;
+exports.LoggedUserSettingsContent = LoggedUserSettingsContent_default;
+exports.LoggedUserSettingsDialog = LoggedUserSettingsDialog_default;
+exports.LoggedUserSettingsTrigger = LoggedUserSettingsTrigger_default;
 exports.MessageInput = ChannelMessageBoxView_default;
 exports.MessageItem = MessageItemView;
 exports.MessageList = ActiveChannelMessagesView_default;
@@ -18786,6 +18986,7 @@ exports.apiRegisterPushToken = apiRegisterPushToken;
 exports.apiRemovePushToken = apiRemovePushToken;
 exports.apiUpdatePushPreference = apiUpdatePushPreference;
 exports.buildChannelFromPushRequest = buildChannelFromPushRequest;
+exports.buildLoggedUserProfile = buildLoggedUserProfile;
 exports.capitalizeFirst = capitalizeFirst;
 exports.clampJumpDate = clampJumpDate;
 exports.consumePendingOpenConversation = consumePendingOpenConversation;