npm - @lessly/ui - Versions diffs - 0.24.0 → 0.26.0 - Mend

@lessly/ui 0.24.0 → 0.26.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/index.d.ts CHANGED Viewed

@@ -1591,8 +1591,9 @@ interface OrganizationOnboardingDefaults {
     beneficial_owners?: BeneficialOwnerPayload[];
 }
 interface OrganizationOnboardingFormProps {
-    /** Makes the country of incorporation — and the ownership confirmation, where it is shown —
-     *  mandatory. Mirrors the server-side requirement the consumer is configured for. */
+    /** Makes the country of incorporation mandatory. Mirrors the server-side requirement the
+     *  consumer is configured for. The ownership confirmation is required whenever it is shown,
+     *  independently of this flag. */
     requireSanctionsFields: boolean;
     onSubmit: (payload: OrganizationOnboardingPayload) => void;
     defaultValues?: OrganizationOnboardingDefaults;
@@ -1649,6 +1650,40 @@ interface OrganizationCreateScreenProps extends Omit<React$1.HTMLAttributes<HTML
  */
 declare function OrganizationCreateScreen({ requireSanctionsFields, onSubmit, defaultValues, submitting, serverError, violations, countries, submitLabel, onCancel, logo, themeToggle, title, description, footer, ...props }: OrganizationCreateScreenProps): React$1.JSX.Element;
+interface OrganizationUnderReviewScreenProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** The only always-present action: the user cannot go anywhere else from this screen. */
+    onLogout: () => void;
+    /** Renders the secondary "Send feedback" button when provided. */
+    onFeedback?: () => void;
+    logoutLabel?: string;
+    feedbackLabel?: string;
+    /** Brand mark above the headline. */
+    logo?: React$1.ReactNode;
+    /** Rendered top-right. Defaults to the kit's own `ThemeToggle`; pass your own node to
+     *  replace it, or `null` to drop it. */
+    themeToggle?: React$1.ReactNode;
+    title?: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    /** Muted footer signature. Absent by default; pass a node to render one. */
+    footer?: React$1.ReactNode;
+    /** Extra content between the header copy and the actions — a support link, a reference
+     *  number, whatever the product needs to add. */
+    children?: React$1.ReactNode;
+}
+/**
+ * The waiting room of the org-first onboarding flow: the screen a user lands on once their
+ * organization has been submitted and is not usable yet. Same login-card format as
+ * `OrganizationCreateScreen`.
+ *
+ * The copy is deliberately neutral — it states that a review is in progress and how long it
+ * usually takes, and nothing about why or against what. Keep it that way; the reason for the
+ * wait is never the user-facing story here.
+ *
+ * Presentational and self-contained: it never calls an API and never navigates; the caller
+ * handles `onLogout` and `onFeedback`.
+ */
+declare function OrganizationUnderReviewScreen({ onLogout, onFeedback, logoutLabel, feedbackLabel, logo, themeToggle, title, description, footer, children, ...props }: OrganizationUnderReviewScreenProps): React$1.JSX.Element;
 /** One organization the user can create the product in. */
 interface ProductCreateScreenOrganization {
     id: string;
@@ -1714,4 +1749,4 @@ interface ProductCreateScreenProps extends Omit<React$1.HTMLAttributes<HTMLDivEl
  */
 declare function ProductCreateScreen({ organizationName: _organizationName, organizations, selectedOrganizationId, onOrganizationChange, productsLoading, onSubmit, defaultName, submitting, serverError, existingProducts, onOpenProduct, existingProductsLabel, submitLabel, onCancel, logo, themeToggle, title, description, footer, ...props }: ProductCreateScreenProps): React$1.JSX.Element;
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppShell, type AppShellProps, AppSidebar, type AppSidebarProps, AspectRatio, AuthenticatedLayout, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BeneficialOwnerPayload, BetaGateScreen, type BetaGateScreenProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, COUNTRY_OPTIONS, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, type CarouselContextProps, CarouselItem, CarouselNext, type CarouselOptions, type CarouselPlugin, CarouselPrevious, type CarouselProps, Checkbox, Code, CodeBlock, type CodeBlockProps, type CodeLang, type CodeProps, Col, type ColProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfirmDialog, type ConfirmDialogProps, type ConnectionAuth, ConnectionCard, type ConnectionCardProps, type ConnectionScope, type ConnectionStatus, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, type CopyButtonProps, type CreateProductSubmit, CreateProductWindow, type CreateProductWindowOrganization, type CreateProductWindowProduct, type CreateProductWindowProps, DatePicker, type DatePickerProps, type DeltaDirection, type DeltaTone, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DocsLink, type DocsLinkProps, 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 EmptyStateProps, ExtensionIcon, type ExtensionIconProps, ExtensionLink, type ExtensionLinkProps, type ExtensionLinkUiMode, FeedbackButton, type FeedbackButtonLabels, type FeedbackButtonProps, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Grid, GridOverlay, type GridOverlayProps, type GridProps, HoverCard, HoverCardContent, HoverCardTrigger, InlineError, type InlineErrorProps, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, Label, MenuDivider, MenuPopup, type MenuPopupProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, type NavItem, type NavLinkComponent, NavRow, type NavRowProps, type NavRowVariant, NavSectionLabel, type NavSectionLabelProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, type NotifClass, type NotificationAction, NotificationBell, type NotificationBellProps, NotificationCenter, type NotificationCenterProps, type NotificationClass, type NotificationDeepLink, type NotificationItem, type NotificationMute, type NotificationPreferences, type NotificationProduct, NotificationSettings, type NotificationSettingsProps, type NotificationSeverity, type NotificationSubscription, type NotificationThreshold, NotificationToast, type NotificationToastDwell, type NotificationToastProps, NotificationToaster, type NotificationToasterPosition, type NotificationToasterProps, OrgProductSwitcher, type OrgProductSwitcherAction, type OrgProductSwitcherItem, type OrgProductSwitcherProps, OrganizationCreateScreen, type OrganizationCreateScreenProps, type OrganizationOnboardingDefaults, OrganizationOnboardingForm, type OrganizationOnboardingFormProps, type OrganizationOnboardingPayload, PageHeader, type PageHeaderProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ProductCreateScreen, type ProductCreateScreenOrganization, type ProductCreateScreenProduct, type ProductCreateScreenProps, type ProductCreateScreenSubmit, Progress, RadioGroup, RadioGroupItem, RequestRow, type RequestRowProps, type RequestState, type RequestSurface, type ResolvedTheme, type Responsive, ScrollArea, ScrollBar, SectionIntro, type SectionIntroProps, SegmentChip, type SegmentChipProps, Select, type SelectOption, type SelectProps, Separator, type Severity, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarBackHeader, type SidebarBackHeaderProps, SidebarNav, SidebarNavLink, type SidebarNavLinkProps, type SidebarNavProps, SidebarProductHeader, type SidebarProductHeaderProps, SignupScreen, type SignupScreenProps, type SignupScreenSubmit, Skeleton, Slider, StatCard, type StatCardProps, StatusDot, type StatusDotProps, Switch, type SwitchProps, TOAST_DWELL, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, type Theme, ThemeToggle, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UseSidebarOptions, type UseSidebarResult, UserMenu, type UserMenuItem, type UserMenuProps, type UserMenuUser, alertVariants, badgeVariants, buttonVariants, cn, formatRelativeAge, isKnownExtensionIcon, isNotificationSettled, navigationMenuTriggerStyle, segmentChipVariants, severityBadgeVariant, severityLabels, statusDotVariants, toggleVariants, useCarousel, useFormField, useIsMobile, useSidebar, useTheme };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppShell, type AppShellProps, AppSidebar, type AppSidebarProps, AspectRatio, AuthenticatedLayout, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BeneficialOwnerPayload, BetaGateScreen, type BetaGateScreenProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, COUNTRY_OPTIONS, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, type CarouselContextProps, CarouselItem, CarouselNext, type CarouselOptions, type CarouselPlugin, CarouselPrevious, type CarouselProps, Checkbox, Code, CodeBlock, type CodeBlockProps, type CodeLang, type CodeProps, Col, type ColProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfirmDialog, type ConfirmDialogProps, type ConnectionAuth, ConnectionCard, type ConnectionCardProps, type ConnectionScope, type ConnectionStatus, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, type CopyButtonProps, type CreateProductSubmit, CreateProductWindow, type CreateProductWindowOrganization, type CreateProductWindowProduct, type CreateProductWindowProps, DatePicker, type DatePickerProps, type DeltaDirection, type DeltaTone, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DocsLink, type DocsLinkProps, 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 EmptyStateProps, ExtensionIcon, type ExtensionIconProps, ExtensionLink, type ExtensionLinkProps, type ExtensionLinkUiMode, FeedbackButton, type FeedbackButtonLabels, type FeedbackButtonProps, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Grid, GridOverlay, type GridOverlayProps, type GridProps, HoverCard, HoverCardContent, HoverCardTrigger, InlineError, type InlineErrorProps, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, Label, MenuDivider, MenuPopup, type MenuPopupProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, type NavItem, type NavLinkComponent, NavRow, type NavRowProps, type NavRowVariant, NavSectionLabel, type NavSectionLabelProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, type NotifClass, type NotificationAction, NotificationBell, type NotificationBellProps, NotificationCenter, type NotificationCenterProps, type NotificationClass, type NotificationDeepLink, type NotificationItem, type NotificationMute, type NotificationPreferences, type NotificationProduct, NotificationSettings, type NotificationSettingsProps, type NotificationSeverity, type NotificationSubscription, type NotificationThreshold, NotificationToast, type NotificationToastDwell, type NotificationToastProps, NotificationToaster, type NotificationToasterPosition, type NotificationToasterProps, OrgProductSwitcher, type OrgProductSwitcherAction, type OrgProductSwitcherItem, type OrgProductSwitcherProps, OrganizationCreateScreen, type OrganizationCreateScreenProps, type OrganizationOnboardingDefaults, OrganizationOnboardingForm, type OrganizationOnboardingFormProps, type OrganizationOnboardingPayload, OrganizationUnderReviewScreen, type OrganizationUnderReviewScreenProps, PageHeader, type PageHeaderProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ProductCreateScreen, type ProductCreateScreenOrganization, type ProductCreateScreenProduct, type ProductCreateScreenProps, type ProductCreateScreenSubmit, Progress, RadioGroup, RadioGroupItem, RequestRow, type RequestRowProps, type RequestState, type RequestSurface, type ResolvedTheme, type Responsive, ScrollArea, ScrollBar, SectionIntro, type SectionIntroProps, SegmentChip, type SegmentChipProps, Select, type SelectOption, type SelectProps, Separator, type Severity, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarBackHeader, type SidebarBackHeaderProps, SidebarNav, SidebarNavLink, type SidebarNavLinkProps, type SidebarNavProps, SidebarProductHeader, type SidebarProductHeaderProps, SignupScreen, type SignupScreenProps, type SignupScreenSubmit, Skeleton, Slider, StatCard, type StatCardProps, StatusDot, type StatusDotProps, Switch, type SwitchProps, TOAST_DWELL, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, type Theme, ThemeToggle, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UseSidebarOptions, type UseSidebarResult, UserMenu, type UserMenuItem, type UserMenuProps, type UserMenuUser, alertVariants, badgeVariants, buttonVariants, cn, formatRelativeAge, isKnownExtensionIcon, isNotificationSettled, navigationMenuTriggerStyle, segmentChipVariants, severityBadgeVariant, severityLabels, statusDotVariants, toggleVariants, useCarousel, useFormField, useIsMobile, useSidebar, useTheme };

package/dist/index.js CHANGED Viewed

@@ -5557,6 +5557,10 @@ import * as React67 from "react";
 import { jsx as jsx83, jsxs as jsxs49 } from "react/jsx-runtime";
 var CONTROLLER_SHARE_PCT = 50;
 var MAX_BENEFICIAL_OWNERS = 50;
+var OWNERSHIP_CONFIRMATION_MESSAGE = "Please confirm the ownership details by ticking the box";
+function isOwnershipViolation(violation) {
+  return /ownership[_\s-]?confirmed/i.test(violation);
+}
 function parseShare(raw) {
   if (!/^\d{1,3}$/.test(raw.trim())) return null;
   const n = Number(raw);
@@ -5598,6 +5602,7 @@ function OrganizationOnboardingForm({
     () => initialRows(defaultValues?.beneficial_owners)
   );
   const [ownershipConfirmed, setOwnershipConfirmed] = React67.useState(false);
+  const [confirmationAttempted, setConfirmationAttempted] = React67.useState(false);
   const nextKeyRef = React67.useRef(owners.length);
   const submittingRef = React67.useRef(false);
   const trimmed = name.trim();
@@ -5612,8 +5617,13 @@ function OrganizationOnboardingForm({
   );
   const needsOwnershipConfirmation = !hasController;
   const missingCountry = requireSanctionsFields && countryOfIncorporation === "";
-  const missingConfirmation = requireSanctionsFields && needsOwnershipConfirmation && !ownershipConfirmed;
-  const canSubmit = trimmed !== "" && ownersValid && !missingCountry && !missingConfirmation && !submitting;
+  const missingConfirmation = needsOwnershipConfirmation && !ownershipConfirmed;
+  const canSubmit = trimmed !== "" && ownersValid && !missingCountry && !submitting;
+  const ownershipViolations = needsOwnershipConfirmation ? (violations ?? []).filter(isOwnershipViolation) : [];
+  const otherViolations = (violations ?? []).filter(
+    (violation) => !ownershipViolations.includes(violation)
+  );
+  const showConfirmationError = confirmationAttempted && missingConfirmation || needsOwnershipConfirmation && ownershipViolations.length > 0;
   const addOwner = () => {
     if (owners.length >= MAX_BENEFICIAL_OWNERS) return;
     nextKeyRef.current += 1;
@@ -5627,6 +5637,10 @@ function OrganizationOnboardingForm({
   const handleSubmit = (event) => {
     event.preventDefault();
     if (!canSubmit || submittingRef.current) return;
+    if (missingConfirmation) {
+      setConfirmationAttempted(true);
+      return;
+    }
     submittingRef.current = true;
     const beneficialOwners = filledOwners.map((row, i) => ({
       name: row.name,
@@ -5814,31 +5828,43 @@ function OrganizationOnboardingForm({
         "%, which is more than 100%."
       ] })
     ] }),
-    needsOwnershipConfirmation && /* @__PURE__ */ jsxs49("div", { className: "flex items-start gap-2", children: [
-      /* @__PURE__ */ jsx83(
-        Checkbox,
-        {
-          id: "create-org-ownership-confirmed",
-          "data-testid": "create-org-ownership-confirmed",
-          checked: ownershipConfirmed,
-          onCheckedChange: (value) => setOwnershipConfirmed(value === true)
-        }
-      ),
-      /* @__PURE__ */ jsxs49(
-        Label2,
+    needsOwnershipConfirmation && /* @__PURE__ */ jsxs49("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsxs49("div", { className: "flex items-start gap-2", children: [
+        /* @__PURE__ */ jsx83(
+          Checkbox,
+          {
+            id: "create-org-ownership-confirmed",
+            "data-testid": "create-org-ownership-confirmed",
+            checked: ownershipConfirmed,
+            "aria-describedby": showConfirmationError ? "create-org-ownership-error" : void 0,
+            onCheckedChange: (value) => setOwnershipConfirmed(value === true)
+          }
+        ),
+        /* @__PURE__ */ jsxs49(
+          Label2,
+          {
+            htmlFor: "create-org-ownership-confirmed",
+            className: "text-xs font-normal leading-snug",
+            children: [
+              "I confirm the ownership structure above is complete and correct",
+              /* @__PURE__ */ jsx83("span", { className: "text-text-danger", children: " *" })
+            ]
+          }
+        )
+      ] }),
+      showConfirmationError && /* @__PURE__ */ jsx83(
+        "p",
         {
-          htmlFor: "create-org-ownership-confirmed",
-          className: "text-xs font-normal leading-snug",
-          children: [
-            "I confirm the ownership structure above is complete and correct",
-            requireSanctionsFields && /* @__PURE__ */ jsx83("span", { className: "text-text-danger", children: " *" })
-          ]
+          id: "create-org-ownership-error",
+          "data-testid": "create-org-ownership-error",
+          className: "text-xs text-text-danger",
+          children: OWNERSHIP_CONFIRMATION_MESSAGE
         }
       )
     ] }),
-    (serverError || violations && violations.length > 0) && /* @__PURE__ */ jsxs49(InlineError, { children: [
+    (serverError || otherViolations.length > 0) && /* @__PURE__ */ jsxs49(InlineError, { children: [
       serverError,
-      violations && violations.length > 0 && /* @__PURE__ */ jsx83("ul", { "data-testid": "create-org-violations", className: "mt-1 list-disc pl-4", children: violations.map((violation) => /* @__PURE__ */ jsx83("li", { children: violation }, violation)) })
+      otherViolations.length > 0 && /* @__PURE__ */ jsx83("ul", { "data-testid": "create-org-violations", className: "mt-1 list-disc pl-4", children: otherViolations.map((violation) => /* @__PURE__ */ jsx83("li", { children: violation }, violation)) })
     ] }),
     /* @__PURE__ */ jsxs49("div", { className: "space-y-2 pt-1", children: [
       /* @__PURE__ */ jsx83(
@@ -5904,9 +5930,64 @@ function OrganizationCreateScreen({
   );
 }
+// src/components/organization-under-review-screen.tsx
+import { jsx as jsx85, jsxs as jsxs50 } from "react/jsx-runtime";
+function OrganizationUnderReviewScreen({
+  onLogout,
+  onFeedback,
+  logoutLabel = "Log out",
+  feedbackLabel = "Send feedback",
+  logo,
+  themeToggle,
+  title = "Your organization is under review",
+  description = "We are reviewing your registration details. This usually takes up to one business day. We will email you when it is done.",
+  footer,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs50(
+    OnboardingScreenShell,
+    {
+      logo,
+      themeToggle,
+      title,
+      description,
+      footer,
+      width: "md",
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxs50("div", { className: "space-y-2 pt-1", children: [
+          /* @__PURE__ */ jsx85(
+            "button",
+            {
+              type: "button",
+              "data-testid": "under-review-logout",
+              onClick: onLogout,
+              className: AUTH_FILLED_BUTTON,
+              style: { boxShadow: AUTH_BUTTON_SHADOW },
+              children: logoutLabel
+            }
+          ),
+          onFeedback && /* @__PURE__ */ jsx85(
+            "button",
+            {
+              type: "button",
+              "data-testid": "under-review-feedback",
+              onClick: onFeedback,
+              className: AUTH_QUIET_BUTTON,
+              children: feedbackLabel
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
 // src/components/product-create-screen.tsx
 import * as React68 from "react";
-import { jsx as jsx85, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx86, jsxs as jsxs51 } from "react/jsx-runtime";
 var productRow = "flex w-full items-center justify-between rounded-md border border-border-default bg-bg-primary px-3 py-2 text-left text-sm text-text-primary";
 function ProductCreateScreen({
   // Destructured only to keep it out of `...props`, which is spread onto a <div>.
@@ -5948,7 +6029,7 @@ function ProductCreateScreen({
   const products = existingProducts ?? [];
   const orgs = organizations ?? [];
   const pickerLayout = orgs.length > 0;
-  const productList = /* @__PURE__ */ jsx85("ul", { className: "flex flex-col gap-1", children: products.map((product) => /* @__PURE__ */ jsx85("li", { children: onOpenProduct ? /* @__PURE__ */ jsxs50(
+  const productList = /* @__PURE__ */ jsx86("ul", { className: "flex flex-col gap-1", children: products.map((product) => /* @__PURE__ */ jsx86("li", { children: onOpenProduct ? /* @__PURE__ */ jsxs51(
     "button",
     {
       type: "button",
@@ -5959,15 +6040,15 @@ function ProductCreateScreen({
         "hover:bg-bg-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus"
       ),
       children: [
-        /* @__PURE__ */ jsx85("span", { className: "truncate", children: product.name }),
-        product.slug && /* @__PURE__ */ jsx85("span", { className: "ml-2 truncate text-text-tertiary", children: product.slug })
+        /* @__PURE__ */ jsx86("span", { className: "truncate", children: product.name }),
+        product.slug && /* @__PURE__ */ jsx86("span", { className: "ml-2 truncate text-text-tertiary", children: product.slug })
       ]
     }
-  ) : /* @__PURE__ */ jsxs50("div", { className: productRow, children: [
-    /* @__PURE__ */ jsx85("span", { className: "truncate", children: product.name }),
-    product.slug && /* @__PURE__ */ jsx85("span", { className: "ml-2 truncate text-text-tertiary", children: product.slug })
+  ) : /* @__PURE__ */ jsxs51("div", { className: productRow, children: [
+    /* @__PURE__ */ jsx86("span", { className: "truncate", children: product.name }),
+    product.slug && /* @__PURE__ */ jsx86("span", { className: "ml-2 truncate text-text-tertiary", children: product.slug })
   ] }) }, product.id)) });
-  return /* @__PURE__ */ jsxs50(
+  return /* @__PURE__ */ jsxs51(
     OnboardingScreenShell,
     {
       logo,
@@ -5977,10 +6058,10 @@ function ProductCreateScreen({
       footer,
       ...props,
       children: [
-        pickerLayout && /* @__PURE__ */ jsxs50("div", { className: "mb-4 space-y-4", children: [
-          /* @__PURE__ */ jsxs50("div", { className: "space-y-1.5", children: [
-            /* @__PURE__ */ jsx85(Label2, { htmlFor: "create-product-org-select", children: "Organization" }),
-            /* @__PURE__ */ jsx85(
+        pickerLayout && /* @__PURE__ */ jsxs51("div", { className: "mb-4 space-y-4", children: [
+          /* @__PURE__ */ jsxs51("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx86(Label2, { htmlFor: "create-product-org-select", children: "Organization" }),
+            /* @__PURE__ */ jsx86(
               Select,
               {
                 id: "create-product-org-select",
@@ -5994,15 +6075,15 @@ function ProductCreateScreen({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs50("div", { "data-testid": "existing-products", className: "space-y-1.5", children: [
-            /* @__PURE__ */ jsx85(Label2, { children: existingProductsLabel }),
-            productsLoading ? /* @__PURE__ */ jsx85("p", { className: "text-sm text-text-tertiary", children: "Loading products\u2026" }) : products.length === 0 ? /* @__PURE__ */ jsx85("p", { className: "text-sm text-text-tertiary", children: "No products yet." }) : productList
+          /* @__PURE__ */ jsxs51("div", { "data-testid": "existing-products", className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx86(Label2, { children: existingProductsLabel }),
+            productsLoading ? /* @__PURE__ */ jsx86("p", { className: "text-sm text-text-tertiary", children: "Loading products\u2026" }) : products.length === 0 ? /* @__PURE__ */ jsx86("p", { className: "text-sm text-text-tertiary", children: "No products yet." }) : productList
           ] })
         ] }),
-        /* @__PURE__ */ jsxs50("form", { onSubmit: handleSubmit, className: "space-y-4", noValidate: true, children: [
-          /* @__PURE__ */ jsxs50("div", { className: "space-y-1.5", children: [
-            /* @__PURE__ */ jsx85(Label2, { htmlFor: "create-product-name", children: "Product name" }),
-            /* @__PURE__ */ jsx85(
+        /* @__PURE__ */ jsxs51("form", { onSubmit: handleSubmit, className: "space-y-4", noValidate: true, children: [
+          /* @__PURE__ */ jsxs51("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx86(Label2, { htmlFor: "create-product-name", children: "Product name" }),
+            /* @__PURE__ */ jsx86(
               Input,
               {
                 id: "create-product-name",
@@ -6013,9 +6094,9 @@ function ProductCreateScreen({
               }
             )
           ] }),
-          serverError && /* @__PURE__ */ jsx85(InlineError, { children: serverError }),
-          /* @__PURE__ */ jsxs50("div", { className: "space-y-2 pt-1", children: [
-            /* @__PURE__ */ jsx85(
+          serverError && /* @__PURE__ */ jsx86(InlineError, { children: serverError }),
+          /* @__PURE__ */ jsxs51("div", { className: "space-y-2 pt-1", children: [
+            /* @__PURE__ */ jsx86(
               "button",
               {
                 type: "submit",
@@ -6026,16 +6107,16 @@ function ProductCreateScreen({
                 children: submitting ? "Creating\u2026" : submitLabel
               }
             ),
-            onCancel && /* @__PURE__ */ jsx85("button", { type: "button", onClick: onCancel, className: AUTH_QUIET_BUTTON, children: "Cancel" })
+            onCancel && /* @__PURE__ */ jsx86("button", { type: "button", onClick: onCancel, className: AUTH_QUIET_BUTTON, children: "Cancel" })
           ] })
         ] }),
-        !pickerLayout && products.length > 0 && /* @__PURE__ */ jsxs50(
+        !pickerLayout && products.length > 0 && /* @__PURE__ */ jsxs51(
           "div",
           {
             "data-testid": "existing-products",
             className: "mt-6 space-y-2 border-t border-border-default pt-5",
             children: [
-              /* @__PURE__ */ jsx85(Label2, { children: existingProductsLabel }),
+              /* @__PURE__ */ jsx86(Label2, { children: existingProductsLabel }),
               productList
             ]
           }
@@ -6224,6 +6305,7 @@ export {
   OrgProductSwitcher,
   OrganizationCreateScreen,
   OrganizationOnboardingForm,
+  OrganizationUnderReviewScreen,
   PageHeader,
   Pagination,
   PaginationContent,

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@lessly/ui",
-  "version": "0.24.0",
+  "version": "0.26.0",
   "description": "Lessly design system — shared UI primitives, tokens, and theme",
   "type": "module",
   "packageManager": "pnpm@10.30.3",