@cupcodev/ui 1.2.4 → 1.2.6

package/README.md

@@ -70,6 +70,10 @@ setCupcodeRuntimeEnv({
 });
 ```
 
+Observação:
+- Ao instalar/atualizar `@cupcodev/ui`, o pacote exibe esse lembrete no `postinstall`.
+- Se o projeto usa `npm install --ignore-scripts`, esse aviso não aparece; nesse caso, aplique a configuração manualmente.
+
 ### Uso básico
 
 ```tsx

package/dist/index.cjs

@@ -374,6 +374,7 @@ __export(src_exports, {
   parseAssetId: () => parseAssetId,
   reducer: () => reducer,
   resolveOidcEndpoints: () => resolveOidcEndpoints,
+  resolveTelescupImageURL: () => resolveTelescupImageURL,
   responsiveSizeClasses: () => responsiveSizeClasses,
   setCupcodeRuntimeEnv: () => setCupcodeRuntimeEnv,
   sonnerToast: () => import_sonner.toast,
@@ -1253,6 +1254,31 @@ var isRuntimeDev = () => {
   return mode === "development";
 };
 
+// src/utils/parseAssetId.ts
+var UUID_REGEX = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-8][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+var UUID_IN_TEXT_REGEX = /[0-9a-f]{8}-[0-9a-f]{4}-[1-8][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}/i;
+var isUuid = (value) => {
+  if (typeof value !== "string") return false;
+  return UUID_REGEX.test(value.trim());
+};
+function parseAssetId(input) {
+  var _a65, _b5, _c, _d;
+  const raw = input == null ? void 0 : input.trim();
+  if (!raw) return void 0;
+  if (UUID_REGEX.test(raw)) return raw;
+  const matchFromRaw = (_a65 = raw.match(UUID_IN_TEXT_REGEX)) == null ? void 0 : _a65[0];
+  if (isUuid(matchFromRaw)) return matchFromRaw;
+  try {
+    const url = new URL(raw);
+    const queryParamId = (_c = (_b5 = url.searchParams.get("id")) != null ? _b5 : url.searchParams.get("asset_id")) != null ? _c : url.searchParams.get("assetId");
+    if (isUuid(queryParamId)) return queryParamId;
+    const matchFromPath = (_d = url.pathname.match(UUID_IN_TEXT_REGEX)) == null ? void 0 : _d[0];
+    if (isUuid(matchFromPath)) return matchFromPath;
+  } catch (e) {
+  }
+  return void 0;
+}
+
 // src/hooks/useTelescupAsset.ts
 var getApiBase = () => getRuntimeEnvOr("VITE_TELESCUP_API_BASE", "https://cdn.cupcode.com.br").replace(/\/+$/, "");
 function buildTelescupImageURL(options) {
@@ -1265,6 +1291,25 @@ function buildTelescupImageURL(options) {
   params.set("q", quality.toString());
   return `${getApiBase()}/i?${params.toString()}`;
 }
+function resolveTelescupImageURL(value, options) {
+  const raw = value == null ? void 0 : value.trim();
+  if (!raw) return void 0;
+  const parsedId = parseAssetId(raw);
+  if (parsedId) {
+    return buildTelescupImageURL({
+      id: parsedId,
+      width: options == null ? void 0 : options.width,
+      height: options == null ? void 0 : options.height,
+      fit: options == null ? void 0 : options.fit,
+      format: options == null ? void 0 : options.format,
+      quality: options == null ? void 0 : options.quality
+    });
+  }
+  if (raw.startsWith("http://") || raw.startsWith("https://") || raw.startsWith("data:") || raw.startsWith("blob:")) {
+    return raw;
+  }
+  return void 0;
+}
 function buildTelescupVideoURL(id) {
   return `${getApiBase()}/i/v?id=${id}`;
 }
@@ -1299,31 +1344,6 @@ function useTelescupImage(options, lang) {
   return { url, meta, loading };
 }
 
-// src/utils/parseAssetId.ts
-var UUID_REGEX = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-8][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
-var UUID_IN_TEXT_REGEX = /[0-9a-f]{8}-[0-9a-f]{4}-[1-8][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}/i;
-var isUuid = (value) => {
-  if (typeof value !== "string") return false;
-  return UUID_REGEX.test(value.trim());
-};
-function parseAssetId(input) {
-  var _a65, _b5, _c, _d;
-  const raw = input == null ? void 0 : input.trim();
-  if (!raw) return void 0;
-  if (UUID_REGEX.test(raw)) return raw;
-  const matchFromRaw = (_a65 = raw.match(UUID_IN_TEXT_REGEX)) == null ? void 0 : _a65[0];
-  if (isUuid(matchFromRaw)) return matchFromRaw;
-  try {
-    const url = new URL(raw);
-    const queryParamId = (_c = (_b5 = url.searchParams.get("id")) != null ? _b5 : url.searchParams.get("asset_id")) != null ? _c : url.searchParams.get("assetId");
-    if (isUuid(queryParamId)) return queryParamId;
-    const matchFromPath = (_d = url.pathname.match(UUID_IN_TEXT_REGEX)) == null ? void 0 : _d[0];
-    if (isUuid(matchFromPath)) return matchFromPath;
-  } catch (e) {
-  }
-  return void 0;
-}
-
 // src/components/cupcode/DockWrapper.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var getImageUrl = (rawId, width = 60, height = 60, format = "avif", quality = 60) => {
@@ -6736,21 +6756,13 @@ var extractSharedFilesFromMessages = (messages) => {
 };
 var resolveTelescupImageUrl = (value, options) => {
   var _a65, _b5, _c;
-  const width = (_a65 = options == null ? void 0 : options.width) != null ? _a65 : 96;
-  const height = (_b5 = options == null ? void 0 : options.height) != null ? _b5 : 96;
-  const quality = (_c = options == null ? void 0 : options.quality) != null ? _c : 72;
-  const raw = value == null ? void 0 : value.trim();
-  if (!raw) return void 0;
-  if (raw.startsWith("http://") || raw.startsWith("https://") || raw.startsWith("data:") || raw.startsWith("blob:")) {
-    const parsedId2 = parseAssetId(raw);
-    if (parsedId2) {
-      return buildTelescupImageURL({ id: parsedId2, width, height, fit: "cover", format: "avif", quality });
-    }
-    return raw;
-  }
-  const parsedId = parseAssetId(raw);
-  if (!parsedId) return void 0;
-  return buildTelescupImageURL({ id: parsedId, width, height, fit: "cover", format: "avif", quality });
+  return resolveTelescupImageURL(value, {
+    width: (_a65 = options == null ? void 0 : options.width) != null ? _a65 : 96,
+    height: (_b5 = options == null ? void 0 : options.height) != null ? _b5 : 96,
+    fit: "cover",
+    format: "avif",
+    quality: (_c = options == null ? void 0 : options.quality) != null ? _c : 72
+  });
 };
 var resolveGroupAvatarFromTelescup = (asset, fallbackId) => {
   var _a65, _b5;
@@ -22563,8 +22575,22 @@ var buildHandle2 = (value, email, fallbackId) => {
 var resolveCurrentUserId = (user) => {
   const sub = toStringOrUndefined(user == null ? void 0 : user.sub);
   if (sub) return sub;
+  const id = toStringOrUndefined(user == null ? void 0 : user.id);
+  if (id) return id;
+  const userId = toStringOrUndefined(user == null ? void 0 : user.userId);
+  if (userId) return userId;
   return null;
 };
+var resolveUserIdFromClaims = (claims) => {
+  var _a65, _b5, _c, _d, _e;
+  return (_e = (_d = (_c = (_b5 = (_a65 = toStringOrUndefined(claims.sub)) != null ? _a65 : toStringOrUndefined(claims.user_id)) != null ? _b5 : toStringOrUndefined(claims.userId)) != null ? _c : toStringOrUndefined(claims.uid)) != null ? _d : toStringOrUndefined(claims.id)) != null ? _e : toStringOrUndefined(claims["https://cupcode.com/user_id"]);
+};
+var resolveEmailFromClaims = (claims) => {
+  var _a65, _b5;
+  const candidate = (_b5 = (_a65 = toStringOrUndefined(claims.email)) != null ? _a65 : toStringOrUndefined(claims["https://cupcode.com/email"])) != null ? _b5 : toStringOrUndefined(claims.preferred_username);
+  if (!candidate || !candidate.includes("@")) return void 0;
+  return candidate.toLowerCase();
+};
 var formatMessageTime = (rawTimestamp) => {
   if (!rawTimestamp) return "";
   const parsed = new Date(rawTimestamp);
@@ -22572,18 +22598,7 @@ var formatMessageTime = (rawTimestamp) => {
   return parsed.toLocaleTimeString("pt-BR", { hour: "2-digit", minute: "2-digit" });
 };
 var resolveChatAvatarUrl = (value) => {
-  const raw = toStringOrUndefined(value);
-  if (!raw) return void 0;
-  if (raw.startsWith("http://") || raw.startsWith("https://") || raw.startsWith("data:") || raw.startsWith("blob:")) {
-    const parsedId2 = parseAssetId(raw);
-    if (parsedId2) {
-      return buildTelescupImageURL({ id: parsedId2, width: 72, height: 72, fit: "cover", format: "avif", quality: 70 });
-    }
-    return raw;
-  }
-  const parsedId = parseAssetId(raw);
-  if (!parsedId) return void 0;
-  return buildTelescupImageURL({ id: parsedId, width: 72, height: 72, fit: "cover", format: "avif", quality: 70 });
+  return resolveTelescupImageURL(value, { width: 72, height: 72, fit: "cover", format: "avif", quality: 70 });
 };
 var isGenericRecord = (value) => typeof value === "object" && value !== null;
 var buildExternalUrl = (baseUrl, target) => {
@@ -22829,7 +22844,7 @@ var MainNavbar = ({
   ctaHref = "/login",
   pathname,
   onNavigate,
-  authStatus = "unauthenticated",
+  authStatus,
   authUser,
   presenceStatus,
   onPresenceStatusChange,
@@ -22846,6 +22861,8 @@ var MainNavbar = ({
   const [isChatSending, setIsChatSending] = (0, import_react19.useState)(false);
   const [chatError, setChatError] = (0, import_react19.useState)(null);
   const [resolvedSenderId, setResolvedSenderId] = (0, import_react19.useState)(null);
+  const [tokenDerivedUserId, setTokenDerivedUserId] = (0, import_react19.useState)(null);
+  const [tokenDerivedEmail, setTokenDerivedEmail] = (0, import_react19.useState)(void 0);
   const [persistedProfileAvatarValue, setPersistedProfileAvatarValue] = (0, import_react19.useState)(void 0);
   const [accountsLanguage, setAccountsLanguage] = (0, import_react19.useState)("pt-BR");
   const [accountsRecentActivity, setAccountsRecentActivity] = (0, import_react19.useState)([]);
@@ -22865,8 +22882,17 @@ var MainNavbar = ({
     if (typeof window !== "undefined") return window.location.pathname || "/";
     return "/";
   }, [pathname]);
-  const currentUserId = (0, import_react19.useMemo)(() => resolveCurrentUserId(authUser), [authUser]);
-  const authEmail = (0, import_react19.useMemo)(() => toStringOrUndefined(authUser == null ? void 0 : authUser.email), [authUser == null ? void 0 : authUser.email]);
+  const currentUserId = (0, import_react19.useMemo)(() => {
+    var _a66;
+    return (_a66 = resolveCurrentUserId(authUser)) != null ? _a66 : tokenDerivedUserId;
+  }, [authUser, tokenDerivedUserId]);
+  const authEmail = (0, import_react19.useMemo)(
+    () => {
+      var _a66, _b6;
+      return (_b6 = (_a66 = toStringOrUndefined(authUser == null ? void 0 : authUser.email)) == null ? void 0 : _a66.toLowerCase()) != null ? _b6 : tokenDerivedEmail;
+    },
+    [authUser == null ? void 0 : authUser.email, tokenDerivedEmail]
+  );
   const isChatSuperAdmin = (0, import_react19.useMemo)(() => {
     var _a66, _b6;
     const roleTokens = `${(_a66 = authUser == null ? void 0 : authUser.role) != null ? _a66 : ""} ${(_b6 = authUser == null ? void 0 : authUser.jobTitle) != null ? _b6 : ""}`.toLowerCase();
@@ -22880,7 +22906,77 @@ var MainNavbar = ({
   }, []);
   const resolvedProfileAvatarUrl = (_b5 = (_a65 = resolveChatAvatarUrl(persistedProfileAvatarValue)) != null ? _a65 : authUser == null ? void 0 : authUser.picture) != null ? _b5 : void 0;
   const effectiveCurrentUserId = resolvedSenderId != null ? resolvedSenderId : currentUserId;
-  const isAuthenticated = authStatus === "authenticated";
+  const hasStoredAccessToken = (() => {
+    if (typeof window === "undefined") return false;
+    try {
+      return Boolean(sessionStorage.getItem(ACCESS_TOKEN_STORAGE_KEY));
+    } catch (e) {
+      return false;
+    }
+  })();
+  const resolvedAuthStatus = (0, import_react19.useMemo)(() => {
+    if (authStatus) return authStatus;
+    if ((authUser == null ? void 0 : authUser.sub) || (authUser == null ? void 0 : authUser.id) || (authUser == null ? void 0 : authUser.userId) || (authUser == null ? void 0 : authUser.email)) {
+      return "authenticated";
+    }
+    if (tokenDerivedUserId || tokenDerivedEmail || hasStoredAccessToken) {
+      return "authenticated";
+    }
+    return "unauthenticated";
+  }, [
+    authStatus,
+    authUser == null ? void 0 : authUser.email,
+    authUser == null ? void 0 : authUser.id,
+    authUser == null ? void 0 : authUser.sub,
+    authUser == null ? void 0 : authUser.userId,
+    hasStoredAccessToken,
+    tokenDerivedEmail,
+    tokenDerivedUserId
+  ]);
+  const isAuthenticated = resolvedAuthStatus === "authenticated";
+  (0, import_react19.useEffect)(() => {
+    if (authStatus === "unauthenticated") {
+      setTokenDerivedUserId(null);
+      setTokenDerivedEmail(void 0);
+      return;
+    }
+    let canceled = false;
+    const resolveIdentityFromToken = async () => {
+      var _a66, _b6;
+      try {
+        let token = null;
+        if (typeof window !== "undefined") {
+          try {
+            token = sessionStorage.getItem(ACCESS_TOKEN_STORAGE_KEY);
+          } catch (e) {
+            token = null;
+          }
+        }
+        if (!token && getAccessToken) {
+          token = await getAccessToken();
+        }
+        if (!token) {
+          if (!canceled) {
+            setTokenDerivedUserId(null);
+            setTokenDerivedEmail(void 0);
+          }
+          return;
+        }
+        const claims = (_a66 = decodeJwt(token)) != null ? _a66 : {};
+        if (canceled) return;
+        setTokenDerivedUserId((_b6 = resolveUserIdFromClaims(claims)) != null ? _b6 : null);
+        setTokenDerivedEmail(resolveEmailFromClaims(claims));
+      } catch (error) {
+        if (isRuntimeDev()) {
+          console.warn("[chat] Falha ao resolver identidade via access token:", error.message);
+        }
+      }
+    };
+    void resolveIdentityFromToken();
+    return () => {
+      canceled = true;
+    };
+  }, [authStatus, getAccessToken]);
   (0, import_react19.useEffect)(() => {
     if (!isAuthenticated) {
       setResolvedSenderId(null);
@@ -24241,8 +24337,8 @@ var MainNavbar = ({
       actions: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
         UserMenuCupcode,
         {
-          isAuthenticated: authStatus === "authenticated",
-          isLoading: authStatus === "loading",
+          isAuthenticated: resolvedAuthStatus === "authenticated",
+          isLoading: resolvedAuthStatus === "loading",
           loginLabel: ctaLabel,
           displayName: authUser == null ? void 0 : authUser.name,
           username: (_c = authUser == null ? void 0 : authUser.preferredUsername) != null ? _c : authUser == null ? void 0 : authUser.nickname,
@@ -28041,6 +28137,7 @@ var useAuth = () => {
   parseAssetId,
   reducer,
   resolveOidcEndpoints,
+  resolveTelescupImageURL,
   responsiveSizeClasses,
   setCupcodeRuntimeEnv,
   sonnerToast,

package/dist/index.d.cts

@@ -442,6 +442,8 @@ declare const UserMenuCupcode: React.FC<UserMenuCupcodeProps>;
 type MainNavbarAuthStatus = "loading" | "authenticated" | "unauthenticated";
 type MainNavbarAuthUser = {
     sub?: string;
+    id?: string;
+    userId?: string;
     name?: string;
     email?: string;
     picture?: string;
@@ -1601,7 +1603,9 @@ interface TelescupMeta {
     title?: string;
     description?: string;
 }
+type ResolveTelescupImageOptions = Omit<TelescupImageOptions, "id">;
 declare function buildTelescupImageURL(options: TelescupImageOptions): string;
+declare function resolveTelescupImageURL(value?: string, options?: ResolveTelescupImageOptions): string | undefined;
 declare function buildTelescupVideoURL(id: string): string;
 declare function useTelescupMeta(id: string, lang?: string): {
     meta: TelescupMeta;
@@ -1699,4 +1703,4 @@ declare const getRuntimeEnv: (key: string) => string | undefined;
 declare const getRuntimeEnvOr: (key: string, fallback: string) => string;
 declare const isRuntimeDev: () => boolean;
 
-export { Accordion, AccordionContent, AccordionCupcode, AccordionItem, AccordionTrigger, type AccountsAuthConfig, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, type AuthContextValue, AuthProvider, type AuthStatus, type AuthUser, type UserPresenceStatus as AuthUserPresenceStatus, Avatar, AvatarFallback, AvatarImage, AvatarWithStatus, BackgroundRainbow, BackgroundStars, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, ButtonProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardGlass, CardHeader, CardTitle, Checkbox, ChipTag, type ChipTagProps, type ChipVariant, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, AccordionContent$1 as CupcodeAccordionContent, AccordionItem$1 as CupcodeAccordionItem, AccordionTrigger$1 as CupcodeAccordionTrigger, Avatar$1 as CupcodeAvatar, AvatarFallback$1 as CupcodeAvatarFallback, AvatarImage$1 as CupcodeAvatarImage, type StatusType as CupcodeAvatarStatus, Badge$1 as CupcodeBadge, type CupcodeRuntimeEnv, type CupcodeRuntimeEnvValue, Select$1 as CupcodeSelect, SelectContent$1 as CupcodeSelectContent, SelectGroup$1 as CupcodeSelectGroup, SelectItem$1 as CupcodeSelectItem, SelectTrigger$1 as CupcodeSelectTrigger, SelectValue$1 as CupcodeSelectValue, Skeleton$1 as CupcodeSkeleton, type SkeletonProps as CupcodeSkeletonProps, SkeletonText as CupcodeSkeletonText, Switch$1 as CupcodeSwitch, Tabs$1 as CupcodeTabs, TabsContent$1 as CupcodeTabsContent, TabsList$1 as CupcodeTabsList, TabsTrigger$1 as CupcodeTabsTrigger, TooltipContent$1 as CupcodeTooltipContent, TooltipProvider$1 as CupcodeTooltipProvider, TooltipTrigger$1 as CupcodeTooltipTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Dock, type DockButton, type DockCard, type DockCategory, type DockItem, type DockProps, DockWrapper, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EnqueueResult, ErrorBoundary, Eyebrow, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HeroTitle, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputField, type InputFieldProps, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, JellyButton, JellyButtonOriginal, type JellyButtonOriginalProps, Label, LoadingScreen, LoadingSpinner, type LoadingSpinnerProps, MainNavbar, type MainNavbarAuthUser, type MainNavbarProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalTitle, ModalTrigger, type NavItem, NavbarCupcode, type NavbarCupcodeProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, ParticleSystem, Popover, PopoverContent, PopoverTrigger, PricingCard, Progress, ProgressCupcode, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, type ResponsiveSize, ScrollArea, ScrollBar, ScrollbarArea, type ScrollbarAreaProps, type ScrollbarColor, type ScrollbarThemeMode, ScrollbarThemeProvider, type ScrollbarThemeProviderProps, Select, SelectContent, SelectField, type SelectFieldProps, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Toaster$1 as SonnerToaster, type StatusType, Switch, SwitchField, type SwitchFieldProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagGroup, type TagGroupProps, type TelescupAsset, TelescupAssetPicker, type TelescupAssetPickerProps, type TelescupClient, type TelescupClientConfig, TelescupClientError, type TelescupFilters, TelescupImage, type TelescupLanguage, type TelescupMeta$1 as TelescupMeta, TelescupUpload, type TelescupUploadLabels, type TelescupUploadProps, TelescupUploader, type TelescupUploaderProps, TelescupVideo, Textarea, TextareaField, type TextareaFieldProps, type TextareaProps, ThemeToggle, Timeline, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastCupcode, type ToastCupcodeProps, ToastDescription, type ToastProps, ToastProvider, ToastTitle, type ToastVariant, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, type TokenResponse, Tooltip, TooltipContent, TooltipCupcode, TooltipProvider, TooltipTrigger, type UploadConflictPolicy, type UploadPolicy, type UploadQueueItem, type UploadQueueStatus, type UseTelescupAssetsOptions, type UseTelescupUploadQueueOptions, type UserMenuChatMessage, type UserMenuChatMessageLog, type UserMenuChatOpenRequest, type UserMenuChatReaction, type UserMenuChatUser, UserMenuCupcode, type UserMenuCupcodeProps, type UserMenuLanguage, type UserMenuNotification, type UserMenuNotificationKind, type UserMenuRecentActivity, type UserMenuTabId, type UserPresenceStatus$1 as UserPresenceStatus, badgeVariants, buildAuthorizeUrl, buildLogoutUrl, buildTelescupImageURL, buildTelescupVideoURL, cn, createTelescupClient, decodeJwt, exchangeCodeForToken, generateCodeChallenge, generateCodeVerifier, generateNonce, generateState, getAccountsConfig, getMainNavItems, getRuntimeEnv, getRuntimeEnvOr, getSupabase, getSupabasePublic, isRuntimeDev, navigationMenuTriggerStyle, parseAssetId, reducer, resolveOidcEndpoints, responsiveSizeClasses, setCupcodeRuntimeEnv, toast, toggleVariants, useActiveSection, useAuth, useBreakpoint, useFormField, useIsMobile, useSidebar, useTelescupAssets, useTelescupImage, useTelescupMeta, useTelescupUploadQueue, useToast };
+export { Accordion, AccordionContent, AccordionCupcode, AccordionItem, AccordionTrigger, type AccountsAuthConfig, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, type AuthContextValue, AuthProvider, type AuthStatus, type AuthUser, type UserPresenceStatus as AuthUserPresenceStatus, Avatar, AvatarFallback, AvatarImage, AvatarWithStatus, BackgroundRainbow, BackgroundStars, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, ButtonProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardGlass, CardHeader, CardTitle, Checkbox, ChipTag, type ChipTagProps, type ChipVariant, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, AccordionContent$1 as CupcodeAccordionContent, AccordionItem$1 as CupcodeAccordionItem, AccordionTrigger$1 as CupcodeAccordionTrigger, Avatar$1 as CupcodeAvatar, AvatarFallback$1 as CupcodeAvatarFallback, AvatarImage$1 as CupcodeAvatarImage, type StatusType as CupcodeAvatarStatus, Badge$1 as CupcodeBadge, type CupcodeRuntimeEnv, type CupcodeRuntimeEnvValue, Select$1 as CupcodeSelect, SelectContent$1 as CupcodeSelectContent, SelectGroup$1 as CupcodeSelectGroup, SelectItem$1 as CupcodeSelectItem, SelectTrigger$1 as CupcodeSelectTrigger, SelectValue$1 as CupcodeSelectValue, Skeleton$1 as CupcodeSkeleton, type SkeletonProps as CupcodeSkeletonProps, SkeletonText as CupcodeSkeletonText, Switch$1 as CupcodeSwitch, Tabs$1 as CupcodeTabs, TabsContent$1 as CupcodeTabsContent, TabsList$1 as CupcodeTabsList, TabsTrigger$1 as CupcodeTabsTrigger, TooltipContent$1 as CupcodeTooltipContent, TooltipProvider$1 as CupcodeTooltipProvider, TooltipTrigger$1 as CupcodeTooltipTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Dock, type DockButton, type DockCard, type DockCategory, type DockItem, type DockProps, DockWrapper, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EnqueueResult, ErrorBoundary, Eyebrow, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HeroTitle, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputField, type InputFieldProps, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, JellyButton, JellyButtonOriginal, type JellyButtonOriginalProps, Label, LoadingScreen, LoadingSpinner, type LoadingSpinnerProps, MainNavbar, type MainNavbarAuthUser, type MainNavbarProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalTitle, ModalTrigger, type NavItem, NavbarCupcode, type NavbarCupcodeProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, ParticleSystem, Popover, PopoverContent, PopoverTrigger, PricingCard, Progress, ProgressCupcode, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, type ResolveTelescupImageOptions, type ResponsiveSize, ScrollArea, ScrollBar, ScrollbarArea, type ScrollbarAreaProps, type ScrollbarColor, type ScrollbarThemeMode, ScrollbarThemeProvider, type ScrollbarThemeProviderProps, Select, SelectContent, SelectField, type SelectFieldProps, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Toaster$1 as SonnerToaster, type StatusType, Switch, SwitchField, type SwitchFieldProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagGroup, type TagGroupProps, type TelescupAsset, TelescupAssetPicker, type TelescupAssetPickerProps, type TelescupClient, type TelescupClientConfig, TelescupClientError, type TelescupFilters, TelescupImage, type TelescupLanguage, type TelescupMeta$1 as TelescupMeta, TelescupUpload, type TelescupUploadLabels, type TelescupUploadProps, TelescupUploader, type TelescupUploaderProps, TelescupVideo, Textarea, TextareaField, type TextareaFieldProps, type TextareaProps, ThemeToggle, Timeline, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastCupcode, type ToastCupcodeProps, ToastDescription, type ToastProps, ToastProvider, ToastTitle, type ToastVariant, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, type TokenResponse, Tooltip, TooltipContent, TooltipCupcode, TooltipProvider, TooltipTrigger, type UploadConflictPolicy, type UploadPolicy, type UploadQueueItem, type UploadQueueStatus, type UseTelescupAssetsOptions, type UseTelescupUploadQueueOptions, type UserMenuChatMessage, type UserMenuChatMessageLog, type UserMenuChatOpenRequest, type UserMenuChatReaction, type UserMenuChatUser, UserMenuCupcode, type UserMenuCupcodeProps, type UserMenuLanguage, type UserMenuNotification, type UserMenuNotificationKind, type UserMenuRecentActivity, type UserMenuTabId, type UserPresenceStatus$1 as UserPresenceStatus, badgeVariants, buildAuthorizeUrl, buildLogoutUrl, buildTelescupImageURL, buildTelescupVideoURL, cn, createTelescupClient, decodeJwt, exchangeCodeForToken, generateCodeChallenge, generateCodeVerifier, generateNonce, generateState, getAccountsConfig, getMainNavItems, getRuntimeEnv, getRuntimeEnvOr, getSupabase, getSupabasePublic, isRuntimeDev, navigationMenuTriggerStyle, parseAssetId, reducer, resolveOidcEndpoints, resolveTelescupImageURL, responsiveSizeClasses, setCupcodeRuntimeEnv, toast, toggleVariants, useActiveSection, useAuth, useBreakpoint, useFormField, useIsMobile, useSidebar, useTelescupAssets, useTelescupImage, useTelescupMeta, useTelescupUploadQueue, useToast };

package/dist/index.d.ts

@@ -442,6 +442,8 @@ declare const UserMenuCupcode: React.FC<UserMenuCupcodeProps>;
 type MainNavbarAuthStatus = "loading" | "authenticated" | "unauthenticated";
 type MainNavbarAuthUser = {
     sub?: string;
+    id?: string;
+    userId?: string;
     name?: string;
     email?: string;
     picture?: string;
@@ -1601,7 +1603,9 @@ interface TelescupMeta {
     title?: string;
     description?: string;
 }
+type ResolveTelescupImageOptions = Omit<TelescupImageOptions, "id">;
 declare function buildTelescupImageURL(options: TelescupImageOptions): string;
+declare function resolveTelescupImageURL(value?: string, options?: ResolveTelescupImageOptions): string | undefined;
 declare function buildTelescupVideoURL(id: string): string;
 declare function useTelescupMeta(id: string, lang?: string): {
     meta: TelescupMeta;
@@ -1699,4 +1703,4 @@ declare const getRuntimeEnv: (key: string) => string | undefined;
 declare const getRuntimeEnvOr: (key: string, fallback: string) => string;
 declare const isRuntimeDev: () => boolean;
 
-export { Accordion, AccordionContent, AccordionCupcode, AccordionItem, AccordionTrigger, type AccountsAuthConfig, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, type AuthContextValue, AuthProvider, type AuthStatus, type AuthUser, type UserPresenceStatus as AuthUserPresenceStatus, Avatar, AvatarFallback, AvatarImage, AvatarWithStatus, BackgroundRainbow, BackgroundStars, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, ButtonProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardGlass, CardHeader, CardTitle, Checkbox, ChipTag, type ChipTagProps, type ChipVariant, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, AccordionContent$1 as CupcodeAccordionContent, AccordionItem$1 as CupcodeAccordionItem, AccordionTrigger$1 as CupcodeAccordionTrigger, Avatar$1 as CupcodeAvatar, AvatarFallback$1 as CupcodeAvatarFallback, AvatarImage$1 as CupcodeAvatarImage, type StatusType as CupcodeAvatarStatus, Badge$1 as CupcodeBadge, type CupcodeRuntimeEnv, type CupcodeRuntimeEnvValue, Select$1 as CupcodeSelect, SelectContent$1 as CupcodeSelectContent, SelectGroup$1 as CupcodeSelectGroup, SelectItem$1 as CupcodeSelectItem, SelectTrigger$1 as CupcodeSelectTrigger, SelectValue$1 as CupcodeSelectValue, Skeleton$1 as CupcodeSkeleton, type SkeletonProps as CupcodeSkeletonProps, SkeletonText as CupcodeSkeletonText, Switch$1 as CupcodeSwitch, Tabs$1 as CupcodeTabs, TabsContent$1 as CupcodeTabsContent, TabsList$1 as CupcodeTabsList, TabsTrigger$1 as CupcodeTabsTrigger, TooltipContent$1 as CupcodeTooltipContent, TooltipProvider$1 as CupcodeTooltipProvider, TooltipTrigger$1 as CupcodeTooltipTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Dock, type DockButton, type DockCard, type DockCategory, type DockItem, type DockProps, DockWrapper, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EnqueueResult, ErrorBoundary, Eyebrow, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HeroTitle, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputField, type InputFieldProps, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, JellyButton, JellyButtonOriginal, type JellyButtonOriginalProps, Label, LoadingScreen, LoadingSpinner, type LoadingSpinnerProps, MainNavbar, type MainNavbarAuthUser, type MainNavbarProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalTitle, ModalTrigger, type NavItem, NavbarCupcode, type NavbarCupcodeProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, ParticleSystem, Popover, PopoverContent, PopoverTrigger, PricingCard, Progress, ProgressCupcode, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, type ResponsiveSize, ScrollArea, ScrollBar, ScrollbarArea, type ScrollbarAreaProps, type ScrollbarColor, type ScrollbarThemeMode, ScrollbarThemeProvider, type ScrollbarThemeProviderProps, Select, SelectContent, SelectField, type SelectFieldProps, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Toaster$1 as SonnerToaster, type StatusType, Switch, SwitchField, type SwitchFieldProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagGroup, type TagGroupProps, type TelescupAsset, TelescupAssetPicker, type TelescupAssetPickerProps, type TelescupClient, type TelescupClientConfig, TelescupClientError, type TelescupFilters, TelescupImage, type TelescupLanguage, type TelescupMeta$1 as TelescupMeta, TelescupUpload, type TelescupUploadLabels, type TelescupUploadProps, TelescupUploader, type TelescupUploaderProps, TelescupVideo, Textarea, TextareaField, type TextareaFieldProps, type TextareaProps, ThemeToggle, Timeline, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastCupcode, type ToastCupcodeProps, ToastDescription, type ToastProps, ToastProvider, ToastTitle, type ToastVariant, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, type TokenResponse, Tooltip, TooltipContent, TooltipCupcode, TooltipProvider, TooltipTrigger, type UploadConflictPolicy, type UploadPolicy, type UploadQueueItem, type UploadQueueStatus, type UseTelescupAssetsOptions, type UseTelescupUploadQueueOptions, type UserMenuChatMessage, type UserMenuChatMessageLog, type UserMenuChatOpenRequest, type UserMenuChatReaction, type UserMenuChatUser, UserMenuCupcode, type UserMenuCupcodeProps, type UserMenuLanguage, type UserMenuNotification, type UserMenuNotificationKind, type UserMenuRecentActivity, type UserMenuTabId, type UserPresenceStatus$1 as UserPresenceStatus, badgeVariants, buildAuthorizeUrl, buildLogoutUrl, buildTelescupImageURL, buildTelescupVideoURL, cn, createTelescupClient, decodeJwt, exchangeCodeForToken, generateCodeChallenge, generateCodeVerifier, generateNonce, generateState, getAccountsConfig, getMainNavItems, getRuntimeEnv, getRuntimeEnvOr, getSupabase, getSupabasePublic, isRuntimeDev, navigationMenuTriggerStyle, parseAssetId, reducer, resolveOidcEndpoints, responsiveSizeClasses, setCupcodeRuntimeEnv, toast, toggleVariants, useActiveSection, useAuth, useBreakpoint, useFormField, useIsMobile, useSidebar, useTelescupAssets, useTelescupImage, useTelescupMeta, useTelescupUploadQueue, useToast };
+export { Accordion, AccordionContent, AccordionCupcode, AccordionItem, AccordionTrigger, type AccountsAuthConfig, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, type AuthContextValue, AuthProvider, type AuthStatus, type AuthUser, type UserPresenceStatus as AuthUserPresenceStatus, Avatar, AvatarFallback, AvatarImage, AvatarWithStatus, BackgroundRainbow, BackgroundStars, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, ButtonProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardGlass, CardHeader, CardTitle, Checkbox, ChipTag, type ChipTagProps, type ChipVariant, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, AccordionContent$1 as CupcodeAccordionContent, AccordionItem$1 as CupcodeAccordionItem, AccordionTrigger$1 as CupcodeAccordionTrigger, Avatar$1 as CupcodeAvatar, AvatarFallback$1 as CupcodeAvatarFallback, AvatarImage$1 as CupcodeAvatarImage, type StatusType as CupcodeAvatarStatus, Badge$1 as CupcodeBadge, type CupcodeRuntimeEnv, type CupcodeRuntimeEnvValue, Select$1 as CupcodeSelect, SelectContent$1 as CupcodeSelectContent, SelectGroup$1 as CupcodeSelectGroup, SelectItem$1 as CupcodeSelectItem, SelectTrigger$1 as CupcodeSelectTrigger, SelectValue$1 as CupcodeSelectValue, Skeleton$1 as CupcodeSkeleton, type SkeletonProps as CupcodeSkeletonProps, SkeletonText as CupcodeSkeletonText, Switch$1 as CupcodeSwitch, Tabs$1 as CupcodeTabs, TabsContent$1 as CupcodeTabsContent, TabsList$1 as CupcodeTabsList, TabsTrigger$1 as CupcodeTabsTrigger, TooltipContent$1 as CupcodeTooltipContent, TooltipProvider$1 as CupcodeTooltipProvider, TooltipTrigger$1 as CupcodeTooltipTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Dock, type DockButton, type DockCard, type DockCategory, type DockItem, type DockProps, DockWrapper, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EnqueueResult, ErrorBoundary, Eyebrow, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HeroTitle, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputField, type InputFieldProps, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, JellyButton, JellyButtonOriginal, type JellyButtonOriginalProps, Label, LoadingScreen, LoadingSpinner, type LoadingSpinnerProps, MainNavbar, type MainNavbarAuthUser, type MainNavbarProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalTitle, ModalTrigger, type NavItem, NavbarCupcode, type NavbarCupcodeProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, ParticleSystem, Popover, PopoverContent, PopoverTrigger, PricingCard, Progress, ProgressCupcode, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, type ResolveTelescupImageOptions, type ResponsiveSize, ScrollArea, ScrollBar, ScrollbarArea, type ScrollbarAreaProps, type ScrollbarColor, type ScrollbarThemeMode, ScrollbarThemeProvider, type ScrollbarThemeProviderProps, Select, SelectContent, SelectField, type SelectFieldProps, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Toaster$1 as SonnerToaster, type StatusType, Switch, SwitchField, type SwitchFieldProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagGroup, type TagGroupProps, type TelescupAsset, TelescupAssetPicker, type TelescupAssetPickerProps, type TelescupClient, type TelescupClientConfig, TelescupClientError, type TelescupFilters, TelescupImage, type TelescupLanguage, type TelescupMeta$1 as TelescupMeta, TelescupUpload, type TelescupUploadLabels, type TelescupUploadProps, TelescupUploader, type TelescupUploaderProps, TelescupVideo, Textarea, TextareaField, type TextareaFieldProps, type TextareaProps, ThemeToggle, Timeline, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastCupcode, type ToastCupcodeProps, ToastDescription, type ToastProps, ToastProvider, ToastTitle, type ToastVariant, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, type TokenResponse, Tooltip, TooltipContent, TooltipCupcode, TooltipProvider, TooltipTrigger, type UploadConflictPolicy, type UploadPolicy, type UploadQueueItem, type UploadQueueStatus, type UseTelescupAssetsOptions, type UseTelescupUploadQueueOptions, type UserMenuChatMessage, type UserMenuChatMessageLog, type UserMenuChatOpenRequest, type UserMenuChatReaction, type UserMenuChatUser, UserMenuCupcode, type UserMenuCupcodeProps, type UserMenuLanguage, type UserMenuNotification, type UserMenuNotificationKind, type UserMenuRecentActivity, type UserMenuTabId, type UserPresenceStatus$1 as UserPresenceStatus, badgeVariants, buildAuthorizeUrl, buildLogoutUrl, buildTelescupImageURL, buildTelescupVideoURL, cn, createTelescupClient, decodeJwt, exchangeCodeForToken, generateCodeChallenge, generateCodeVerifier, generateNonce, generateState, getAccountsConfig, getMainNavItems, getRuntimeEnv, getRuntimeEnvOr, getSupabase, getSupabasePublic, isRuntimeDev, navigationMenuTriggerStyle, parseAssetId, reducer, resolveOidcEndpoints, resolveTelescupImageURL, responsiveSizeClasses, setCupcodeRuntimeEnv, toast, toggleVariants, useActiveSection, useAuth, useBreakpoint, useFormField, useIsMobile, useSidebar, useTelescupAssets, useTelescupImage, useTelescupMeta, useTelescupUploadQueue, useToast };

package/dist/index.js

@@ -862,6 +862,31 @@ var isRuntimeDev = () => {
   return mode === "development";
 };
 
+// src/utils/parseAssetId.ts
+var UUID_REGEX = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-8][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+var UUID_IN_TEXT_REGEX = /[0-9a-f]{8}-[0-9a-f]{4}-[1-8][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}/i;
+var isUuid = (value) => {
+  if (typeof value !== "string") return false;
+  return UUID_REGEX.test(value.trim());
+};
+function parseAssetId(input) {
+  var _a65, _b5, _c, _d;
+  const raw = input == null ? void 0 : input.trim();
+  if (!raw) return void 0;
+  if (UUID_REGEX.test(raw)) return raw;
+  const matchFromRaw = (_a65 = raw.match(UUID_IN_TEXT_REGEX)) == null ? void 0 : _a65[0];
+  if (isUuid(matchFromRaw)) return matchFromRaw;
+  try {
+    const url = new URL(raw);
+    const queryParamId = (_c = (_b5 = url.searchParams.get("id")) != null ? _b5 : url.searchParams.get("asset_id")) != null ? _c : url.searchParams.get("assetId");
+    if (isUuid(queryParamId)) return queryParamId;
+    const matchFromPath = (_d = url.pathname.match(UUID_IN_TEXT_REGEX)) == null ? void 0 : _d[0];
+    if (isUuid(matchFromPath)) return matchFromPath;
+  } catch (e) {
+  }
+  return void 0;
+}
+
 // src/hooks/useTelescupAsset.ts
 var getApiBase = () => getRuntimeEnvOr("VITE_TELESCUP_API_BASE", "https://cdn.cupcode.com.br").replace(/\/+$/, "");
 function buildTelescupImageURL(options) {
@@ -874,6 +899,25 @@ function buildTelescupImageURL(options) {
   params.set("q", quality.toString());
   return `${getApiBase()}/i?${params.toString()}`;
 }
+function resolveTelescupImageURL(value, options) {
+  const raw = value == null ? void 0 : value.trim();
+  if (!raw) return void 0;
+  const parsedId = parseAssetId(raw);
+  if (parsedId) {
+    return buildTelescupImageURL({
+      id: parsedId,
+      width: options == null ? void 0 : options.width,
+      height: options == null ? void 0 : options.height,
+      fit: options == null ? void 0 : options.fit,
+      format: options == null ? void 0 : options.format,
+      quality: options == null ? void 0 : options.quality
+    });
+  }
+  if (raw.startsWith("http://") || raw.startsWith("https://") || raw.startsWith("data:") || raw.startsWith("blob:")) {
+    return raw;
+  }
+  return void 0;
+}
 function buildTelescupVideoURL(id) {
   return `${getApiBase()}/i/v?id=${id}`;
 }
@@ -908,31 +952,6 @@ function useTelescupImage(options, lang) {
   return { url, meta, loading };
 }
 
-// src/utils/parseAssetId.ts
-var UUID_REGEX = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-8][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
-var UUID_IN_TEXT_REGEX = /[0-9a-f]{8}-[0-9a-f]{4}-[1-8][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}/i;
-var isUuid = (value) => {
-  if (typeof value !== "string") return false;
-  return UUID_REGEX.test(value.trim());
-};
-function parseAssetId(input) {
-  var _a65, _b5, _c, _d;
-  const raw = input == null ? void 0 : input.trim();
-  if (!raw) return void 0;
-  if (UUID_REGEX.test(raw)) return raw;
-  const matchFromRaw = (_a65 = raw.match(UUID_IN_TEXT_REGEX)) == null ? void 0 : _a65[0];
-  if (isUuid(matchFromRaw)) return matchFromRaw;
-  try {
-    const url = new URL(raw);
-    const queryParamId = (_c = (_b5 = url.searchParams.get("id")) != null ? _b5 : url.searchParams.get("asset_id")) != null ? _c : url.searchParams.get("assetId");
-    if (isUuid(queryParamId)) return queryParamId;
-    const matchFromPath = (_d = url.pathname.match(UUID_IN_TEXT_REGEX)) == null ? void 0 : _d[0];
-    if (isUuid(matchFromPath)) return matchFromPath;
-  } catch (e) {
-  }
-  return void 0;
-}
-
 // src/components/cupcode/DockWrapper.tsx
 import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var getImageUrl = (rawId, width = 60, height = 60, format = "avif", quality = 60) => {
@@ -6395,21 +6414,13 @@ var extractSharedFilesFromMessages = (messages) => {
 };
 var resolveTelescupImageUrl = (value, options) => {
   var _a65, _b5, _c;
-  const width = (_a65 = options == null ? void 0 : options.width) != null ? _a65 : 96;
-  const height = (_b5 = options == null ? void 0 : options.height) != null ? _b5 : 96;
-  const quality = (_c = options == null ? void 0 : options.quality) != null ? _c : 72;
-  const raw = value == null ? void 0 : value.trim();
-  if (!raw) return void 0;
-  if (raw.startsWith("http://") || raw.startsWith("https://") || raw.startsWith("data:") || raw.startsWith("blob:")) {
-    const parsedId2 = parseAssetId(raw);
-    if (parsedId2) {
-      return buildTelescupImageURL({ id: parsedId2, width, height, fit: "cover", format: "avif", quality });
-    }
-    return raw;
-  }
-  const parsedId = parseAssetId(raw);
-  if (!parsedId) return void 0;
-  return buildTelescupImageURL({ id: parsedId, width, height, fit: "cover", format: "avif", quality });
+  return resolveTelescupImageURL(value, {
+    width: (_a65 = options == null ? void 0 : options.width) != null ? _a65 : 96,
+    height: (_b5 = options == null ? void 0 : options.height) != null ? _b5 : 96,
+    fit: "cover",
+    format: "avif",
+    quality: (_c = options == null ? void 0 : options.quality) != null ? _c : 72
+  });
 };
 var resolveGroupAvatarFromTelescup = (asset, fallbackId) => {
   var _a65, _b5;
@@ -22222,8 +22233,22 @@ var buildHandle2 = (value, email, fallbackId) => {
 var resolveCurrentUserId = (user) => {
   const sub = toStringOrUndefined(user == null ? void 0 : user.sub);
   if (sub) return sub;
+  const id = toStringOrUndefined(user == null ? void 0 : user.id);
+  if (id) return id;
+  const userId = toStringOrUndefined(user == null ? void 0 : user.userId);
+  if (userId) return userId;
   return null;
 };
+var resolveUserIdFromClaims = (claims) => {
+  var _a65, _b5, _c, _d, _e;
+  return (_e = (_d = (_c = (_b5 = (_a65 = toStringOrUndefined(claims.sub)) != null ? _a65 : toStringOrUndefined(claims.user_id)) != null ? _b5 : toStringOrUndefined(claims.userId)) != null ? _c : toStringOrUndefined(claims.uid)) != null ? _d : toStringOrUndefined(claims.id)) != null ? _e : toStringOrUndefined(claims["https://cupcode.com/user_id"]);
+};
+var resolveEmailFromClaims = (claims) => {
+  var _a65, _b5;
+  const candidate = (_b5 = (_a65 = toStringOrUndefined(claims.email)) != null ? _a65 : toStringOrUndefined(claims["https://cupcode.com/email"])) != null ? _b5 : toStringOrUndefined(claims.preferred_username);
+  if (!candidate || !candidate.includes("@")) return void 0;
+  return candidate.toLowerCase();
+};
 var formatMessageTime = (rawTimestamp) => {
   if (!rawTimestamp) return "";
   const parsed = new Date(rawTimestamp);
@@ -22231,18 +22256,7 @@ var formatMessageTime = (rawTimestamp) => {
   return parsed.toLocaleTimeString("pt-BR", { hour: "2-digit", minute: "2-digit" });
 };
 var resolveChatAvatarUrl = (value) => {
-  const raw = toStringOrUndefined(value);
-  if (!raw) return void 0;
-  if (raw.startsWith("http://") || raw.startsWith("https://") || raw.startsWith("data:") || raw.startsWith("blob:")) {
-    const parsedId2 = parseAssetId(raw);
-    if (parsedId2) {
-      return buildTelescupImageURL({ id: parsedId2, width: 72, height: 72, fit: "cover", format: "avif", quality: 70 });
-    }
-    return raw;
-  }
-  const parsedId = parseAssetId(raw);
-  if (!parsedId) return void 0;
-  return buildTelescupImageURL({ id: parsedId, width: 72, height: 72, fit: "cover", format: "avif", quality: 70 });
+  return resolveTelescupImageURL(value, { width: 72, height: 72, fit: "cover", format: "avif", quality: 70 });
 };
 var isGenericRecord = (value) => typeof value === "object" && value !== null;
 var buildExternalUrl = (baseUrl, target) => {
@@ -22488,7 +22502,7 @@ var MainNavbar = ({
   ctaHref = "/login",
   pathname,
   onNavigate,
-  authStatus = "unauthenticated",
+  authStatus,
   authUser,
   presenceStatus,
   onPresenceStatusChange,
@@ -22505,6 +22519,8 @@ var MainNavbar = ({
   const [isChatSending, setIsChatSending] = useState13(false);
   const [chatError, setChatError] = useState13(null);
   const [resolvedSenderId, setResolvedSenderId] = useState13(null);
+  const [tokenDerivedUserId, setTokenDerivedUserId] = useState13(null);
+  const [tokenDerivedEmail, setTokenDerivedEmail] = useState13(void 0);
   const [persistedProfileAvatarValue, setPersistedProfileAvatarValue] = useState13(void 0);
   const [accountsLanguage, setAccountsLanguage] = useState13("pt-BR");
   const [accountsRecentActivity, setAccountsRecentActivity] = useState13([]);
@@ -22524,8 +22540,17 @@ var MainNavbar = ({
     if (typeof window !== "undefined") return window.location.pathname || "/";
     return "/";
   }, [pathname]);
-  const currentUserId = useMemo8(() => resolveCurrentUserId(authUser), [authUser]);
-  const authEmail = useMemo8(() => toStringOrUndefined(authUser == null ? void 0 : authUser.email), [authUser == null ? void 0 : authUser.email]);
+  const currentUserId = useMemo8(() => {
+    var _a66;
+    return (_a66 = resolveCurrentUserId(authUser)) != null ? _a66 : tokenDerivedUserId;
+  }, [authUser, tokenDerivedUserId]);
+  const authEmail = useMemo8(
+    () => {
+      var _a66, _b6;
+      return (_b6 = (_a66 = toStringOrUndefined(authUser == null ? void 0 : authUser.email)) == null ? void 0 : _a66.toLowerCase()) != null ? _b6 : tokenDerivedEmail;
+    },
+    [authUser == null ? void 0 : authUser.email, tokenDerivedEmail]
+  );
   const isChatSuperAdmin = useMemo8(() => {
     var _a66, _b6;
     const roleTokens = `${(_a66 = authUser == null ? void 0 : authUser.role) != null ? _a66 : ""} ${(_b6 = authUser == null ? void 0 : authUser.jobTitle) != null ? _b6 : ""}`.toLowerCase();
@@ -22539,7 +22564,77 @@ var MainNavbar = ({
   }, []);
   const resolvedProfileAvatarUrl = (_b5 = (_a65 = resolveChatAvatarUrl(persistedProfileAvatarValue)) != null ? _a65 : authUser == null ? void 0 : authUser.picture) != null ? _b5 : void 0;
   const effectiveCurrentUserId = resolvedSenderId != null ? resolvedSenderId : currentUserId;
-  const isAuthenticated = authStatus === "authenticated";
+  const hasStoredAccessToken = (() => {
+    if (typeof window === "undefined") return false;
+    try {
+      return Boolean(sessionStorage.getItem(ACCESS_TOKEN_STORAGE_KEY));
+    } catch (e) {
+      return false;
+    }
+  })();
+  const resolvedAuthStatus = useMemo8(() => {
+    if (authStatus) return authStatus;
+    if ((authUser == null ? void 0 : authUser.sub) || (authUser == null ? void 0 : authUser.id) || (authUser == null ? void 0 : authUser.userId) || (authUser == null ? void 0 : authUser.email)) {
+      return "authenticated";
+    }
+    if (tokenDerivedUserId || tokenDerivedEmail || hasStoredAccessToken) {
+      return "authenticated";
+    }
+    return "unauthenticated";
+  }, [
+    authStatus,
+    authUser == null ? void 0 : authUser.email,
+    authUser == null ? void 0 : authUser.id,
+    authUser == null ? void 0 : authUser.sub,
+    authUser == null ? void 0 : authUser.userId,
+    hasStoredAccessToken,
+    tokenDerivedEmail,
+    tokenDerivedUserId
+  ]);
+  const isAuthenticated = resolvedAuthStatus === "authenticated";
+  useEffect16(() => {
+    if (authStatus === "unauthenticated") {
+      setTokenDerivedUserId(null);
+      setTokenDerivedEmail(void 0);
+      return;
+    }
+    let canceled = false;
+    const resolveIdentityFromToken = async () => {
+      var _a66, _b6;
+      try {
+        let token = null;
+        if (typeof window !== "undefined") {
+          try {
+            token = sessionStorage.getItem(ACCESS_TOKEN_STORAGE_KEY);
+          } catch (e) {
+            token = null;
+          }
+        }
+        if (!token && getAccessToken) {
+          token = await getAccessToken();
+        }
+        if (!token) {
+          if (!canceled) {
+            setTokenDerivedUserId(null);
+            setTokenDerivedEmail(void 0);
+          }
+          return;
+        }
+        const claims = (_a66 = decodeJwt(token)) != null ? _a66 : {};
+        if (canceled) return;
+        setTokenDerivedUserId((_b6 = resolveUserIdFromClaims(claims)) != null ? _b6 : null);
+        setTokenDerivedEmail(resolveEmailFromClaims(claims));
+      } catch (error) {
+        if (isRuntimeDev()) {
+          console.warn("[chat] Falha ao resolver identidade via access token:", error.message);
+        }
+      }
+    };
+    void resolveIdentityFromToken();
+    return () => {
+      canceled = true;
+    };
+  }, [authStatus, getAccessToken]);
   useEffect16(() => {
     if (!isAuthenticated) {
       setResolvedSenderId(null);
@@ -23900,8 +23995,8 @@ var MainNavbar = ({
       actions: /* @__PURE__ */ jsx45("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx45(
         UserMenuCupcode,
         {
-          isAuthenticated: authStatus === "authenticated",
-          isLoading: authStatus === "loading",
+          isAuthenticated: resolvedAuthStatus === "authenticated",
+          isLoading: resolvedAuthStatus === "loading",
           loginLabel: ctaLabel,
           displayName: authUser == null ? void 0 : authUser.name,
           username: (_c = authUser == null ? void 0 : authUser.preferredUsername) != null ? _c : authUser == null ? void 0 : authUser.nickname,
@@ -27699,6 +27794,7 @@ export {
   parseAssetId,
   reducer,
   resolveOidcEndpoints,
+  resolveTelescupImageURL,
   responsiveSizeClasses,
   setCupcodeRuntimeEnv,
   toast2 as sonnerToast,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cupcodev/ui",
   "private": false,
-  "version": "1.2.4",
+  "version": "1.2.6",
   "packageManager": "pnpm@10.28.2+sha512.41872f037ad22f7348e3b1debbaf7e867cfd448f2726d9cf74c08f19507c31d2c8e7a11525b983febc2df640b5438dee6023ebb1f84ed43cc2d654d2bc326264",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -37,7 +37,8 @@
   "files": [
     "dist",
     "styles",
-    "tailwind-preset.cjs"
+    "tailwind-preset.cjs",
+    "postinstall.cjs"
   ],
   "engines": {
     "node": ">=18.18.0"
@@ -59,6 +60,7 @@
     "test:consumer": "node ./scripts/consumer-smoke.mjs",
     "lint": "eslint . --max-warnings=0",
     "prepublishOnly": "npm run check:release",
+    "postinstall": "node ./postinstall.cjs",
     "preview": "vite preview"
   },
   "devDependencies": {

package/postinstall.cjs

@@ -0,0 +1,20 @@
+const message = `
+[cupcode-ui] Configuração obrigatória no app consumidor:
+
+No main.tsx (ou arquivo de bootstrap similar), adicione:
+
+import { setCupcodeRuntimeEnv } from "@cupcodev/ui";
+
+setCupcodeRuntimeEnv({
+  VITE_SUPABASE_URL: import.meta.env.VITE_SUPABASE_URL,
+  VITE_SUPABASE_ANON_KEY: import.meta.env.VITE_SUPABASE_ANON_KEY,
+  VITE_TELESCUP_BASE_URL: import.meta.env.VITE_TELESCUP_BASE_URL,
+  VITE_TELESCUP_API_BASE: import.meta.env.VITE_TELESCUP_API_BASE,
+});
+
+Também importe os estilos:
+
+import "@cupcodev/ui/styles.css";
+`;
+
+console.log(message);