@sesionario/blocks 1.16.0 → 1.17.0

package/dist/index.cjs

@@ -1836,6 +1836,9 @@ var defaultLabels3 = {
   backoffice: "Backoffice",
   memberOrgs: "My organizations",
   managementOrgs: "Management team",
+  showMoreOrgs: "Show more",
+  showLessOrgs: "Show less",
+  manageOrg: "Manage organization",
   language: "Language",
   theme: "Theme",
   themeLight: "Light",
@@ -1846,6 +1849,30 @@ var defaultLabels3 = {
   signingOut: "Signing out\u2026",
   accountSettings: "Account settings"
 };
+var PLATFORM_ACCOUNT_ORG_COLLAPSE_AT = 4;
+function mergePlatformAccountOrgs(memberOrgs, manageableOrgs) {
+  const manageableIds = new Set(manageableOrgs.map((org) => org.id));
+  const byId = /* @__PURE__ */ new Map();
+  for (const org of memberOrgs) {
+    byId.set(org.id, {
+      ...org,
+      canManage: manageableIds.has(org.id)
+    });
+  }
+  for (const org of manageableOrgs) {
+    const existing = byId.get(org.id);
+    if (existing) {
+      byId.set(org.id, {
+        ...existing,
+        canManage: true,
+        logo: existing.logo ?? org.logo
+      });
+    } else {
+      byId.set(org.id, { ...org, canManage: true });
+    }
+  }
+  return Array.from(byId.values());
+}
 function MenuAvatar({
   name,
   image,
@@ -1913,6 +1940,85 @@ function LanguageThemeSubs({
     ] })
   ] });
 }
+function OrgMenuRows({
+  orgs,
+  appUrl,
+  adminUrl,
+  labels
+}) {
+  const [expanded, setExpanded] = React7.useState(false);
+  const collapsible = orgs.length > PLATFORM_ACCOUNT_ORG_COLLAPSE_AT;
+  const visibleOrgs = collapsible && !expanded ? orgs.slice(0, PLATFORM_ACCOUNT_ORG_COLLAPSE_AT) : orgs;
+  if (orgs.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        expanded && orgs.length > PLATFORM_ACCOUNT_ORG_COLLAPSE_AT ? "max-h-64 overflow-y-auto scroll-fade-b" : void 0
+      ),
+      "data-testid": "platform-account-orgs",
+      children: [
+        visibleOrgs.map((org) => {
+          const orgHomeHref = `${appUrl}/o/${org.slug}`;
+          const manageHref = `${adminUrl}/api/auth/org/select?id=${encodeURIComponent(org.id)}`;
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: "relative flex items-center",
+              "data-testid": `platform-account-org-${org.id}`,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  DropdownMenuItem,
+                  {
+                    asChild: true,
+                    className: cn("min-w-0 flex-1 gap-2", org.canManage && "pr-9"),
+                    children: /* @__PURE__ */ jsxRuntime.jsxs("a", { href: orgHomeHref, children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        MenuAvatar,
+                        {
+                          name: org.name,
+                          image: org.logo,
+                          sizeClass: "size-6"
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: org.name })
+                    ] })
+                  }
+                ),
+                org.canManage ? /* @__PURE__ */ jsxRuntime.jsx(
+                  DropdownMenuItem,
+                  {
+                    asChild: true,
+                    className: "absolute right-1 top-1/2 size-7 -translate-y-1/2 p-0",
+                    children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: manageHref, "aria-label": labels.manageOrg, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { className: "size-3.5" }) })
+                  }
+                ) : null
+              ]
+            },
+            org.id
+          );
+        }),
+        collapsible ? /* @__PURE__ */ jsxRuntime.jsx(
+          DropdownMenuItem,
+          {
+            className: "gap-2",
+            onSelect: (event) => {
+              event.preventDefault();
+              setExpanded((value) => !value);
+            },
+            children: expanded ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { className: "size-4" }),
+              labels.showLessOrgs
+            ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "size-4" }),
+              labels.showMoreOrgs
+            ] })
+          }
+        ) : null
+      ]
+    }
+  );
+}
 function PlatformAccountMenu({
   variant = "platform",
   isPending = false,
@@ -1937,6 +2043,10 @@ function PlatformAccountMenu({
 }) {
   const labels = { ...defaultLabels3, ...labelsProp };
   const [signingOut, setSigningOut] = React7.useState(false);
+  const mergedOrgs = React7.useMemo(
+    () => mergePlatformAccountOrgs(memberOrgs, manageableOrgs),
+    [memberOrgs, manageableOrgs]
+  );
   const loginHref = `${urls.authAppUrl}${urls.loginPath ?? "/login"}`;
   const accountHref = `${urls.authAppUrl}${urls.accountPath ?? "/account"}`;
   const activityHref = `${urls.authAppUrl}${urls.activityPath ?? "/account/activity"}`;
@@ -2028,26 +2138,15 @@ function PlatformAccountMenu({
               /* @__PURE__ */ jsxRuntime.jsx(lucideReact.User, { className: "size-4" }),
               labels.professionalProfile
             ] }) }),
-            memberOrgs.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuSub, { children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuSubTrigger, { className: "gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Users, { className: "size-4" }),
-                labels.memberOrgs
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSubContent, { className: "min-w-48 max-h-64 overflow-y-auto scroll-fade-b", children: memberOrgs.map((org) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: `${urls.appUrl}/o/${org.slug}`, children: org.name }) }, org.id)) })
-            ] }) : null,
-            manageableOrgs.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuSub, { children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuSubTrigger, { className: "gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Building2, { className: "size-4" }),
-                labels.managementOrgs
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSubContent, { className: "min-w-48 max-h-64 overflow-y-auto scroll-fade-b", children: manageableOrgs.map((org) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-                "a",
-                {
-                  href: `${urls.adminUrl}/api/auth/org/select?id=${encodeURIComponent(org.id)}`,
-                  children: org.name
-                }
-              ) }, org.id)) })
-            ] }) : null,
+            /* @__PURE__ */ jsxRuntime.jsx(
+              OrgMenuRows,
+              {
+                orgs: mergedOrgs,
+                appUrl: urls.appUrl,
+                adminUrl: urls.adminUrl,
+                labels
+              }
+            ),
             extraItems,
             isAdmin && urls.backofficeUrl ? /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuItem, { asChild: true, className: "gap-2", children: /* @__PURE__ */ jsxRuntime.jsxs("a", { href: urls.backofficeUrl, children: [
               /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LayoutDashboard, { className: "size-4" }),
@@ -7686,6 +7785,7 @@ exports.MessageScrollerProvider = MessageScrollerProvider;
 exports.MessageScrollerViewport = MessageScrollerViewport;
 exports.MexicoMap = MexicoMap;
 exports.OrgSwitcher = OrgSwitcher;
+exports.PLATFORM_ACCOUNT_ORG_COLLAPSE_AT = PLATFORM_ACCOUNT_ORG_COLLAPSE_AT;
 exports.PhoneInput = PhoneInput;
 exports.PlatformAccountMenu = PlatformAccountMenu;
 exports.PlatformNavbar = PlatformNavbar;
@@ -7709,6 +7809,7 @@ exports.getAvatarColors = getAvatarColors;
 exports.getInitials = getInitials;
 exports.insertAtCaret = insertAtCaret;
 exports.markerVariants = markerVariants;
+exports.mergePlatformAccountOrgs = mergePlatformAccountOrgs;
 exports.normalizeEmojiQuery = normalizeEmojiQuery;
 exports.shouldRetryLiveEdge404 = shouldRetryLiveEdge404;
 exports.useDebouncedValue = useDebouncedValue;