@danxbot/ui 20.16.0 → 20.17.0

package/dist/types/components/rbac/AccessRequestPanel.d.ts

@@ -15,7 +15,7 @@ export interface AccessRequest {
     requestedAt: string;
     /** ISO instant. Shown while the request is pending. */
     expiresAt?: string;
-    /** The short code the requester also displays. Compared by eye, never entered. */
+    /** The short code the requester also displays. Compared by eye, or typed back when `confirmCodeEntry` is set. */
     confirmCode: string;
     /** The label of the role granted. Shown once the request is approved or claimed. */
     roleLabel?: string;
@@ -41,6 +41,11 @@ export interface AccessRequestPanelProps {
      * that nothing was granted.
      */
     expiredNote?: ExpiredNote;
+    /**
+     * Opt in to typing the confirm code instead of comparing it by eye: the code is not rendered, a field takes it, and Approve is
+     * disabled until what was typed matches `request.confirmCode`, ignoring case and spaces. Deny stays available.
+     */
+    confirmCodeEntry?: boolean;
     className?: string;
 }
-export declare function AccessRequestPanel({ request, state, roles, permissions, ownPermissionKeys, defaultRoleId, onApprove, onDeny, expiredNote, className, }: AccessRequestPanelProps): import("react").JSX.Element;
+export declare function AccessRequestPanel({ request, state, roles, permissions, ownPermissionKeys, defaultRoleId, onApprove, onDeny, expiredNote, confirmCodeEntry, className, }: AccessRequestPanelProps): import("react").JSX.Element;

package/dist/types/components/rbac/approvalPanelParts.d.ts

@@ -15,6 +15,19 @@ export declare function ApprovalHeader({ title, state }: {
 export declare function ConfirmCodeCallout({ code }: {
     code: string;
 }): import("react").JSX.Element;
+/** A typed confirm code is compared in upper case with every space removed; dashes are part of the code. */
+export declare function normalizeConfirmCode(value: string): string;
+/** True when what was typed is the expected code, in either case and ignoring spaces. */
+export declare function confirmCodeMatches(typed: string, expected: string): boolean;
+/**
+ * The entry step for a confirm code (DX-4467): the approver types the code the requester shows instead of reading it
+ * off this screen, so the code is never rendered here and cannot be copied from the page.
+ */
+export declare function ConfirmCodeEntry({ expected, value, onValueChange }: {
+    expected: string;
+    value: string;
+    onValueChange: (next: string) => void;
+}): import("react").JSX.Element;
 /** The readout for a settled request: the tone and title are shared, the sentence says what it meant for this requester. */
 export declare function TerminalCallout({ state, children }: {
     state: Exclude<AccessRequestState, "pending">;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danxbot/ui",
-  "version": "20.16.0",
+  "version": "20.17.0",
   "type": "module",
   "description": "Danxbot — a domain-agnostic React design system with motion as a first-class primitive.",
   "license": "MIT",