@assure-one/design-system 1.10.0 → 1.11.0

package/dist/index.d.ts

@@ -2092,7 +2092,7 @@ declare function StatusIcon({ state, progress, color, size, className, ...props
  *
  * Pass `children` to override the label while keeping the mapped variant.
  */
-type PillStatus = "requested" | "in-review" | "needs-revision" | "accepted" | "signed" | "approved" | "paid" | "complete" | "received" | "draft" | "pending" | "overdue" | "declined";
+type PillStatus = "requested" | "in-review" | "needs-revision" | "accepted" | "signed" | "approved" | "paid" | "complete" | "received" | "draft" | "pending" | "overdue" | "declined" | "internal" | "shared";
 interface StatusPillProps extends Omit<BadgeProps, "variant"> {
     status: PillStatus;
     /** Show a leading dot. Default `true` (status atoms read better with one). */
@@ -3741,10 +3741,12 @@ interface DocumentRequestAssigneeOption {
     selected: boolean;
 }
 interface DocumentRequestReviewStatusOption {
-    /** Stored value (e.g. "approved"). */
+    /** Stored value (e.g. "provided"). */
     value: string;
-    /** Human label (e.g. "Approved"). */
+    /** Human label (e.g. "Provided"). */
     label: string;
+    /** Tailwind background class for the leading status dot (e.g. "bg-info-fg"). */
+    color?: string;
 }
 interface DocumentRequestDetailProps {
     /** Request headline. */

package/dist/index.js

@@ -8798,7 +8798,10 @@ var statusMap = {
   draft: { variant: "secondary", label: "Draft" },
   pending: { variant: "secondary", label: "Pending" },
   overdue: { variant: "destructive", label: "Overdue" },
-  declined: { variant: "destructive", label: "Declined" }
+  declined: { variant: "destructive", label: "Declined" },
+  // Document visibility: firm-only (internal) vs shared with the client portal.
+  internal: { variant: "secondary", label: "Internal" },
+  shared: { variant: "info", label: "Shared" }
 };
 var StatusPill = forwardRef(function StatusPill2({ status, dot = true, children, ...props }, ref) {
   const { variant, label } = statusMap[status];
@@ -13193,19 +13196,37 @@ var DocumentRequestDetail = forwardRef(
                   /* @__PURE__ */ jsx(FlagIcon, {}),
                   "Status"
                 ] }) }),
-                /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "w-48", children: [
-                  /* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Set status" }),
-                  /* @__PURE__ */ jsxs(
-                    DropdownMenuRadioGroup,
-                    {
-                      value: reviewStatus ?? "",
-                      onValueChange: (v) => onSetReviewStatus(v || null),
-                      children: [
-                        reviewStatusOptions.map((opt) => /* @__PURE__ */ jsx(DropdownMenuRadioItem, { value: opt.value, children: opt.label }, opt.value)),
-                        /* @__PURE__ */ jsx(DropdownMenuRadioItem, { value: "", children: "Auto (clear)" })
-                      ]
-                    }
-                  )
+                /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "w-60", children: [
+                  /* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Set request status" }),
+                  reviewStatusOptions.map((opt) => {
+                    const checked = reviewStatus === opt.value;
+                    return /* @__PURE__ */ jsxs(
+                      DropdownMenuItem,
+                      {
+                        onSelect: (e) => {
+                          e.preventDefault();
+                          onSetReviewStatus(checked ? null : opt.value);
+                        },
+                        className: "flex items-center gap-2.5 py-2",
+                        children: [
+                          /* @__PURE__ */ jsx("span", { className: cn("size-2.5 shrink-0 rounded-full", opt.color ?? "bg-fg-4") }),
+                          /* @__PURE__ */ jsx("span", { className: "flex-1 text-sm", children: opt.label }),
+                          /* @__PURE__ */ jsx(
+                            "span",
+                            {
+                              "aria-hidden": "true",
+                              className: cn(
+                                "grid size-4 shrink-0 place-items-center rounded-[5px] border transition-colors duration-[var(--duration-fast)] motion-reduce:transition-none",
+                                checked ? "bg-pro-fg border-pro-fg text-fg-on-pro" : "border-rule"
+                              ),
+                              children: checked && /* @__PURE__ */ jsx(CheckIcon, { className: "size-3" })
+                            }
+                          )
+                        ]
+                      },
+                      opt.value
+                    );
+                  })
                 ] })
               ] }),
               /* @__PURE__ */ jsxs(Button, { variant: "secondary", size: "sm", className: "text-danger-fg", onClick: onDelete, children: [
@@ -13238,39 +13259,45 @@ var DocumentRequestDetail = forwardRef(
                 activity.length
               ] })
             ] }),
-            /* @__PURE__ */ jsx(TabsContent, { value: "documents", className: "min-h-0 flex-1 overflow-y-auto px-5 py-4", children: /* @__PURE__ */ jsxs(DocumentList, { children: [
-              /* @__PURE__ */ jsx(DocumentListSection, { label: "Client uploads", count: clientUploads.length, children: clientUploads.length > 0 ? clientUploads.map((d) => /* @__PURE__ */ jsx(
-                DocumentRow,
-                {
-                  fileName: d.fileName,
-                  meta: d.meta,
-                  className: d.active ? "bg-overlay-hover" : void 0,
-                  actions: /* @__PURE__ */ jsx(FileRowActions, { doc: d })
-                },
-                d.id
-              )) : /* @__PURE__ */ jsx("p", { className: "text-fg-4 px-2.5 py-2 text-sm", children: "No client uploads yet." }) }),
-              /* @__PURE__ */ jsx(
-                DocumentListSection,
-                {
-                  label: "Firm documents",
-                  count: firmDocuments.length,
-                  action: onUploadFirmDocument ? /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", onClick: onUploadFirmDocument, children: [
-                    /* @__PURE__ */ jsx(UploadIcon, {}),
-                    "Upload"
-                  ] }) : void 0,
-                  children: firmDocuments.length > 0 ? firmDocuments.map((d) => /* @__PURE__ */ jsx(
-                    DocumentRow,
-                    {
-                      fileName: d.fileName,
-                      meta: d.meta,
-                      className: d.active ? "bg-overlay-hover" : void 0,
-                      actions: /* @__PURE__ */ jsx(FileRowActions, { doc: d })
-                    },
-                    d.id
-                  )) : /* @__PURE__ */ jsx("p", { className: "text-fg-4 px-2.5 py-2 text-sm", children: "No firm documents attached." })
-                }
-              )
-            ] }) }),
+            /* @__PURE__ */ jsxs(TabsContent, { value: "documents", className: "min-h-0 flex-1 overflow-y-auto px-5 py-4", children: [
+              isLocked && /* @__PURE__ */ jsxs("div", { className: "bg-pro-bg text-pro-fg mb-4 flex items-center gap-2 rounded-lg px-3 py-2.5 text-[13px] font-medium", children: [
+                /* @__PURE__ */ jsx(LockIcon, { size: 15, className: "shrink-0" }),
+                "This request is locked \u2014 the client can no longer upload documents."
+              ] }),
+              /* @__PURE__ */ jsxs(DocumentList, { children: [
+                /* @__PURE__ */ jsx(DocumentListSection, { label: "Client uploads", count: clientUploads.length, children: clientUploads.length > 0 ? clientUploads.map((d) => /* @__PURE__ */ jsx(
+                  DocumentRow,
+                  {
+                    fileName: d.fileName,
+                    meta: d.meta,
+                    className: d.active ? "bg-overlay-hover" : void 0,
+                    actions: /* @__PURE__ */ jsx(FileRowActions, { doc: d })
+                  },
+                  d.id
+                )) : /* @__PURE__ */ jsx("p", { className: "text-fg-4 px-2.5 py-2 text-sm", children: "No client uploads yet." }) }),
+                /* @__PURE__ */ jsx(
+                  DocumentListSection,
+                  {
+                    label: "Firm documents",
+                    count: firmDocuments.length,
+                    action: onUploadFirmDocument ? /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", onClick: onUploadFirmDocument, children: [
+                      /* @__PURE__ */ jsx(UploadIcon, {}),
+                      "Upload"
+                    ] }) : void 0,
+                    children: firmDocuments.length > 0 ? firmDocuments.map((d) => /* @__PURE__ */ jsx(
+                      DocumentRow,
+                      {
+                        fileName: d.fileName,
+                        meta: d.meta,
+                        className: d.active ? "bg-overlay-hover" : void 0,
+                        actions: /* @__PURE__ */ jsx(FileRowActions, { doc: d })
+                      },
+                      d.id
+                    )) : /* @__PURE__ */ jsx("p", { className: "text-fg-4 px-2.5 py-2 text-sm", children: "No firm documents attached." })
+                  }
+                )
+              ] })
+            ] }),
             /* @__PURE__ */ jsxs(TabsContent, { value: "comments", className: "flex min-h-0 flex-1 flex-col", children: [
               /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto px-5 py-4", children: comments.length > 0 ? /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: comments.map((c) => /* @__PURE__ */ jsx(CommentRow, { comment: c }, c.id)) }) : /* @__PURE__ */ jsx("p", { className: "text-fg-4 text-sm", children: "No comments yet. Start the conversation below." }) }),
               /* @__PURE__ */ jsxs("div", { className: "border-rule shrink-0 border-t px-5 py-3", children: [