@cupcodev/ui 1.2.3 → 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) => {
@@ -2675,9 +2695,54 @@ var NavbarCupcode = ({
   className
 }) => {
   const [isOpen, setIsOpen] = React10.useState(false);
+  const navRef = React10.useRef(null);
+  const mobileMenuId = React10.useId();
+  React10.useEffect(() => {
+    if (!isOpen) return;
+    const handlePointerDown = (event) => {
+      var _a65;
+      const target = event.target;
+      if (!(target instanceof Node)) return;
+      if (!((_a65 = navRef.current) == null ? void 0 : _a65.contains(target))) {
+        setIsOpen(false);
+      }
+    };
+    const handleEscape = (event) => {
+      if (event.key === "Escape") {
+        setIsOpen(false);
+      }
+    };
+    document.addEventListener("pointerdown", handlePointerDown);
+    document.addEventListener("keydown", handleEscape);
+    return () => {
+      document.removeEventListener("pointerdown", handlePointerDown);
+      document.removeEventListener("keydown", handleEscape);
+    };
+  }, [isOpen]);
+  React10.useEffect(() => {
+    if (!isOpen) return;
+    const { style } = document.body;
+    const previousOverflow = style.overflow;
+    style.overflow = "hidden";
+    return () => {
+      style.overflow = previousOverflow;
+    };
+  }, [isOpen]);
+  React10.useEffect(() => {
+    const handleResize = () => {
+      if (window.innerWidth >= 768) {
+        setIsOpen(false);
+      }
+    };
+    window.addEventListener("resize", handleResize);
+    return () => {
+      window.removeEventListener("resize", handleResize);
+    };
+  }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "nav",
     {
+      ref: navRef,
       className: cn(
         "fixed top-0 left-0 right-0 z-[200] pointer-events-auto",
         "glass border-b border-border",
@@ -2736,38 +2801,49 @@ var NavbarCupcode = ({
           /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             "button",
             {
+              type: "button",
               onClick: () => setIsOpen(!isOpen),
-              className: "md:hidden p-2 rounded-lg hover:bg-primary/10 transition-colors",
-              children: isOpen ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react5.X, { className: "h-6 w-6 text-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react5.Menu, { className: "h-6 w-6 text-foreground" })
+              "aria-controls": mobileMenuId,
+              "aria-expanded": isOpen,
+              "aria-label": isOpen ? "Fechar menu de navega\xE7\xE3o" : "Abrir menu de navega\xE7\xE3o",
+              className: "md:hidden inline-flex h-10 w-10 items-center justify-center rounded-lg transition-colors hover:bg-primary/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40",
+              children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react5.Menu, { className: cn("h-6 w-6 text-foreground", isOpen && "text-primary") })
             }
           )
         ] }),
-        isOpen && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "md:hidden py-4 space-y-3 animate-slide-up", children: [
-          items.map((item, index) => {
-            const key = `${item.label}-${index}`;
-            const isActive = item.isActive;
-            const classes = cn(
-              "flex items-center gap-2 px-4 py-2 text-sm font-semibold text-foreground hover:bg-primary/10 rounded-lg transition-colors",
-              isActive && "text-primary"
-            );
-            const handleClick = (event) => {
-              var _a65;
-              (_a65 = item.onClick) == null ? void 0 : _a65.call(item, event);
-              setIsOpen(false);
-            };
-            if (item.href.startsWith("#")) {
-              return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("a", { href: item.href, className: classes, onClick: handleClick, children: [
-                item.icon && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: item.icon }),
-                item.label
-              ] }, key);
-            }
-            return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("a", { href: item.href, className: classes, onClick: handleClick, children: [
-              item.icon && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: item.icon }),
-              item.label
-            ] }, key);
-          }),
-          actions && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "px-4 pt-2", children: actions })
-        ] })
+        isOpen && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+          "div",
+          {
+            id: mobileMenuId,
+            className: "md:hidden max-h-[calc(100dvh-4rem)] space-y-3 overflow-y-auto border-t border-border/60 py-4 animate-slide-up",
+            children: [
+              items.map((item, index) => {
+                const key = `${item.label}-${index}`;
+                const isActive = item.isActive;
+                const classes = cn(
+                  "flex min-h-11 items-center gap-2 rounded-lg px-4 py-2.5 text-sm font-semibold text-foreground transition-colors hover:bg-primary/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40",
+                  isActive && "text-primary"
+                );
+                const handleClick = (event) => {
+                  var _a65;
+                  (_a65 = item.onClick) == null ? void 0 : _a65.call(item, event);
+                  setIsOpen(false);
+                };
+                if (item.href.startsWith("#")) {
+                  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("a", { href: item.href, className: classes, onClick: handleClick, children: [
+                    item.icon && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: item.icon }),
+                    item.label
+                  ] }, key);
+                }
+                return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("a", { href: item.href, className: classes, onClick: handleClick, children: [
+                  item.icon && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: item.icon }),
+                  item.label
+                ] }, key);
+              }),
+              actions && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "px-4 pb-[max(env(safe-area-inset-bottom),0.5rem)] pt-2", children: actions })
+            ]
+          }
+        )
       ] })
     }
   );
@@ -6680,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;
@@ -10118,7 +10186,7 @@ var UserMenuCupcode = ({
                 type: "button",
                 onClick: () => openChatPanel(),
                 className: cn(
-                  "relative z-0 inline-flex h-9 min-w-[2.55rem] origin-right items-center justify-center rounded-[12px] border border-border/70 bg-background/80 px-2.5 text-foreground shadow-[0_10px_22px_-18px_rgba(0,0,0,0.75)] transition-[transform,opacity] duration-[260ms] will-change-transform",
+                  "relative z-0 inline-flex h-9 min-w-[2.55rem] origin-right items-center justify-center rounded-[12px] border border-border/70 bg-background/80 px-2.5 text-foreground shadow-[0_10px_22px_-18px_rgba(0,0,0,0.75)] transition-[transform,opacity] [transition-duration:260ms] will-change-transform",
                   prefersReducedMotion ? isChatIndicatorVisible ? "opacity-100" : "opacity-0" : isChatIndicatorVisible ? "translate-x-0 opacity-100" : "translate-x-[10px] opacity-0"
                 ),
                 style: {
@@ -10131,7 +10199,7 @@ var UserMenuCupcode = ({
                     "span",
                     {
                       className: cn(
-                        "relative inline-flex transition-[transform,opacity] duration-[220ms]",
+                        "relative inline-flex transition-[transform,opacity] [transition-duration:220ms]",
                         prefersReducedMotion ? isChatIndicatorVisible ? "scale-100 opacity-100" : "scale-100 opacity-0" : isChatIndicatorVisible ? isChatIndicatorIntroAnimating ? "scale-[1.08] opacity-100" : "scale-100 opacity-100" : "scale-[0.84] opacity-0"
                       ),
                       style: {
@@ -10144,7 +10212,7 @@ var UserMenuCupcode = ({
                     "span",
                     {
                       className: cn(
-                        "absolute -right-1 -top-1 inline-flex h-4 min-w-[1rem] items-center justify-center rounded-full border border-background bg-destructive px-1 text-[9px] font-bold text-destructive-foreground transition-[transform,opacity] duration-[180ms]",
+                        "absolute -right-1 -top-1 inline-flex h-4 min-w-[1rem] items-center justify-center rounded-full border border-background bg-destructive px-1 text-[9px] font-bold text-destructive-foreground transition-[transform,opacity] [transition-duration:180ms]",
                         prefersReducedMotion ? isChatIndicatorVisible ? "scale-100 opacity-100" : "scale-100 opacity-0" : isChatIndicatorVisible ? isChatBadgePulsing ? "scale-[1.14] opacity-100" : "scale-100 opacity-100" : "scale-[0.72] opacity-0"
                       ),
                       style: {
@@ -22507,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);
@@ -22516,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) => {
@@ -22773,7 +22844,7 @@ var MainNavbar = ({
   ctaHref = "/login",
   pathname,
   onNavigate,
-  authStatus = "unauthenticated",
+  authStatus,
   authUser,
   presenceStatus,
   onPresenceStatusChange,
@@ -22790,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)([]);
@@ -22809,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();
@@ -22824,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);
@@ -24185,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,
@@ -26363,14 +26515,31 @@ var sheetVariants = (0, import_class_variance_authority6.cva)(
   }
 );
 var SheetContent = React56.forwardRef(
-  ({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(SheetPortal, { children: [
+  ({
+    side = "right",
+    className,
+    children,
+    showCloseButton = false,
+    closeButtonClassName,
+    closeButtonLabel = "Close",
+    ...props
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(SheetPortal, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(SheetOverlay, {}),
     /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(SheetPrimitive.Content, { ref, className: cn(sheetVariants({ side }), className), ...props, children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity data-[state=open]:bg-secondary hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react28.X, { className: "h-4 w-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "sr-only", children: "Close" })
-      ] })
+      showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+        SheetPrimitive.Close,
+        {
+          className: cn(
+            "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity data-[state=open]:bg-secondary hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+            closeButtonClassName
+          ),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react28.X, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "sr-only", children: closeButtonLabel })
+          ]
+        }
+      ) : null
     ] })
   ] })
 );
@@ -26501,7 +26670,7 @@ var Sidebar = React58.forwardRef(({ side = "left", variant = "sidebar", collapsi
       {
         "data-sidebar": "sidebar",
         "data-mobile": "true",
-        className: "w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
+        className: "w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground",
         style: {
           "--sidebar-width": SIDEBAR_WIDTH_MOBILE
         },
@@ -27968,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;
@@ -1308,6 +1310,9 @@ declare const sheetVariants: (props?: ({
     side?: "top" | "right" | "bottom" | "left" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
+    showCloseButton?: boolean;
+    closeButtonClassName?: string;
+    closeButtonLabel?: string;
 }
 declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const SheetHeader: {
@@ -1598,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;
@@ -1696,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 };