@arbidocs/blocks 0.4.70 → 0.4.72

package/dist/{chunk-VUEZARW5.cjs → chunk-B3WCKBJ7.cjs}

@@ -3,7 +3,7 @@
 
 var chunkADOKTJHV_cjs = require('./chunk-ADOKTJHV.cjs');
 var chunkKDG6FER6_cjs = require('./chunk-KDG6FER6.cjs');
-var chunkDCDVWPMB_cjs = require('./chunk-DCDVWPMB.cjs');
+var chunkULWRNGGE_cjs = require('./chunk-ULWRNGGE.cjs');
 var chunkMHVNT4J3_cjs = require('./chunk-MHVNT4J3.cjs');
 var react = require('react');
 var lucideReact = require('lucide-react');
@@ -244,13 +244,15 @@ var DEFAULT_PROFILE_CARD_LABELS = {
   enterCodeHint: "Enter the 3-word code from the email we just sent.",
   confirm: "Confirm",
   resendIn: (seconds) => `Resend in ${seconds}s`,
-  resendCode: "Resend code"
+  resendCode: "Resend code",
+  verifiedNameLocked: "Verified name. Remove your identity verification to change it."
 };
 function ProfileCard({
   avatar,
   name,
   email,
   isSso,
+  isVerified = false,
   onStartEmailChange,
   emailChange,
   ssoTooltip,
@@ -298,6 +300,12 @@ function ProfileCard({
             ),
             /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: name.onCancel, size: "sm", variant: "ghost", disabled: name.isSaving, children: l.cancel })
           ] })
+        ] }) : isVerified ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "-mx-2 w-full px-2 py-1", "data-testid": "verified-name", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate font-heading text-xl font-semibold text-foreground", children: name.display }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.VerifiedBadge, { className: "h-4 w-4" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: l.verifiedNameLocked })
         ] }) : /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
@@ -431,6 +439,267 @@ function ProfileCard({
     ] }) }) })
   ] });
 }
+var DEFAULT_IDENTITY_VERIFICATION_LABELS = {
+  title: "Identity verification",
+  intro: "Check your ID once to get a verified tick next to your name.",
+  priceLine: (price, attempts) => `${price} \xB7 ${attempts} attempts`,
+  proOnly: "Available on Pro plans.",
+  seePlans: "See plans",
+  manageBilling: "Manage billing",
+  verify: "Verify identity",
+  continue: "Continue",
+  attemptsLeft: (n) => `${n} attempt${n === 1 ? "" : "s"} left`,
+  verified: "Verified",
+  verifiedDetail: (country) => `ID issued in ${country}`,
+  inReview: "Your check is being reviewed. We\u2019ll update this when it\u2019s done.",
+  finishName: "Your ID was verified. Confirm your name to get the tick.",
+  finish: "Finish",
+  remove: "Remove",
+  payTitle: "Verify your identity",
+  payBody: (price, attempts) => `A one-time fee of ${price} is charged to the card on your Pro plan. It covers up to ${attempts} attempts. Your ID is checked by our provider, Didit; ARBI does not keep your document.`,
+  pay: "Pay and continue",
+  confirmPayment: "Confirm payment with your bank",
+  paymentConfirmed: "I\u2019ve confirmed it",
+  verifyTitle: "Scan your ID",
+  embedFailed: "Your camera isn\u2019t available here. Continue in a new tab, then come back.",
+  openInNewTab: "Open in a new tab",
+  checkResult: "I\u2019ve finished",
+  resultVerified: "You\u2019re verified. The tick now shows next to your name.",
+  resultDeclined: (n) => n > 0 ? `We couldn\u2019t verify your ID. You have ${n} attempt${n === 1 ? "" : "s"} left.` : "We couldn\u2019t verify your ID and no attempts are left.",
+  tryAgain: "Try again",
+  resultInReview: "Your check needs a manual review. We\u2019ll show the result here when it\u2019s done.",
+  nameMismatchTitle: "Your ID was verified",
+  nameMismatchBody: "The name on your ID differs from your account name. The tick shows only with the name on your ID.",
+  documentName: "Name on your ID",
+  accountName: "Account name",
+  useDocumentName: (name) => `Change my name to ${name}`,
+  keepName: "Keep my name",
+  close: "Close",
+  requiredTitle: "Identity verification required",
+  requiredBody: "This workspace requires a verified identity before you continue.",
+  requiredProOnly: "Identity verification is available on Pro plans. Ask your administrator."
+};
+function useLabels(labels) {
+  return react.useMemo(() => ({ ...DEFAULT_IDENTITY_VERIFICATION_LABELS, ...labels }), [labels]);
+}
+var BILLING_CODES = [
+  "PRO_REQUIRED",
+  "PAYMENT_METHOD_REQUIRED",
+  "BILLING_ADDRESS_REQUIRED",
+  "PAYMENT_DECLINED"
+];
+function Problem({
+  flow,
+  onManageBilling,
+  label
+}) {
+  if (!flow.problem) return null;
+  const billing = onManageBilling && BILLING_CODES.includes(flow.problem.code ?? "");
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", "data-testid": "identity-problem", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "text-sm text-destructive", children: flow.problem.message }),
+    billing && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "sm", variant: "outline", onClick: onManageBilling, children: label })
+  ] });
+}
+function IdentityVerificationCard({
+  flow,
+  onManageBilling,
+  labels
+}) {
+  const l = useLabels(labels);
+  const { status } = flow;
+  if (!status?.enabled) return null;
+  const busy = flow.busy !== null;
+  let description;
+  let action = null;
+  if (status.verified) {
+    description = /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.VerifiedBadge, {}),
+      l.verified,
+      status.document_country && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground", children: [
+        " \xB7 ",
+        l.verifiedDetail(status.document_country)
+      ] })
+    ] });
+    action = /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "sm", variant: "ghost", onClick: flow.remove, disabled: busy, children: l.remove });
+  } else if (!status.eligible) {
+    description = `${l.intro} ${l.proOnly}`;
+    action = onManageBilling ? /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "sm", variant: "outline", onClick: onManageBilling, children: l.seePlans }) : null;
+  } else if (status.state === "in_review") {
+    description = l.inReview;
+  } else if (status.state === "name_mismatch") {
+    description = l.finishName;
+    action = /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "sm", onClick: flow.open, children: l.finish });
+  } else {
+    const resuming = status.attempts_left > 0 || status.state === "in_progress";
+    description = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      l.intro,
+      " ",
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: resuming ? l.attemptsLeft(status.attempts_left) : l.priceLine(flow.price ?? "", status.attempts_per_fee) })
+    ] });
+    action = /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { size: "sm", onClick: flow.open, disabled: busy, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShieldCheck, { className: "mr-1 h-4 w-4" }),
+      resuming ? l.continue : l.verify
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(SettingsCard, { padding: "sm", "data-testid": "identity-verification-card", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SettingsRow, { label: l.title, description, children: action }),
+    !flow.isOpen && /* @__PURE__ */ jsxRuntime.jsx(Problem, { flow, onManageBilling, label: l.manageBilling })
+  ] });
+}
+function IdentityVerificationDialog({
+  flow,
+  accountName,
+  dismissible = true,
+  onManageBilling,
+  labels
+}) {
+  const l = useLabels(labels);
+  const { status } = flow;
+  const attempts = status?.attempts_per_fee ?? 0;
+  const docName = [status?.document_given_name, status?.document_family_name].filter(Boolean).join(" ");
+  const spinner = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "mr-1 h-4 w-4 animate-spin" });
+  let body;
+  let footer = null;
+  if (flow.step === "pay") {
+    body = flow.paymentUrl ? /* @__PURE__ */ jsxRuntime.jsxs(
+      "a",
+      {
+        href: flow.paymentUrl,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "inline-flex items-center gap-1 text-sm font-medium text-primary hover:underline",
+        children: [
+          l.confirmPayment,
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: "h-3.5 w-3.5" })
+        ]
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: l.payBody(flow.price ?? "", attempts) });
+    footer = flow.paymentUrl ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { onClick: flow.recheckPayment, disabled: flow.busy !== null, children: [
+      flow.busy === "start" && spinner,
+      l.paymentConfirmed
+    ] }) : /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { onClick: flow.pay, disabled: flow.busy !== null, "data-testid": "identity-pay", children: [
+      flow.busy === "pay" && spinner,
+      l.pay
+    ] });
+  } else if (flow.step === "verify") {
+    body = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: flow.embedFailed ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: l.embedFailed }) : /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        id: flow.verifyContainerId,
+        ref: flow.verifyContainerRef,
+        className: "h-[560px] w-full overflow-hidden rounded-md bg-muted",
+        "data-testid": "identity-didit-frame",
+        children: flow.busy === "start" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }) })
+      }
+    ) });
+    footer = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      flow.embedFailed && /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "outline", onClick: flow.openInNewTab, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: "mr-1 h-4 w-4" }),
+        l.openInNewTab
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "ghost", onClick: flow.checkResult, disabled: flow.busy !== null, children: [
+        flow.busy === "refresh" && spinner,
+        l.checkResult
+      ] })
+    ] });
+  } else if (status?.state === "name_mismatch") {
+    body = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", "data-testid": "identity-name-mismatch", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: l.nameMismatchBody }),
+      /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "grid grid-cols-[auto_1fr] gap-x-4 gap-y-1 text-sm", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: l.documentName }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "font-medium", children: docName }),
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: l.accountName }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { children: accountName })
+      ] })
+    ] });
+    footer = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "ghost", onClick: flow.keepName, disabled: flow.busy !== null, children: l.keepName }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { onClick: flow.acceptName, disabled: flow.busy !== null || !docName, children: [
+        flow.busy === "accept" && spinner,
+        l.useDocumentName(docName)
+      ] })
+    ] });
+  } else if (status?.verified) {
+    body = /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex items-center gap-2 text-sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.VerifiedBadge, { className: "h-4 w-4" }),
+      l.resultVerified
+    ] });
+    footer = /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: flow.close, children: l.close });
+  } else if (status?.state === "in_review") {
+    body = /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: l.resultInReview });
+    footer = /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: flow.close, children: l.close });
+  } else {
+    const left = status?.attempts_left ?? 0;
+    body = /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: l.resultDeclined(left) });
+    footer = left > 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: flow.retry, disabled: flow.busy !== null, children: l.tryAgain }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: flow.close, children: l.close });
+  }
+  const title = status?.state === "name_mismatch" && flow.step === "result" ? l.nameMismatchTitle : flow.step === "verify" ? l.verifyTitle : l.payTitle;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    chunkULWRNGGE_cjs.ModalScaffold,
+    {
+      open: flow.isOpen,
+      onOpenChange: (open) => open ? flow.open() : flow.close(),
+      title,
+      icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShieldCheck, { className: "h-5 w-5" }),
+      size: flow.step === "verify" ? "lg" : "md",
+      dismissible,
+      testId: "identity-verification-dialog",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkULWRNGGE_cjs.ModalScaffold.Body, { children: [
+          body,
+          /* @__PURE__ */ jsxRuntime.jsx(Problem, { flow, onManageBilling, label: l.manageBilling })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkULWRNGGE_cjs.ModalScaffold.Footer, { children: footer })
+      ]
+    }
+  );
+}
+function RequireVerified({
+  flow,
+  accountName,
+  onManageBilling,
+  children,
+  labels
+}) {
+  const l = useLabels(labels);
+  const { status } = flow;
+  const blocked = Boolean(status?.enabled && status.required && !status.verified);
+  if (!blocked || !status) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+  if (flow.isOpen) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      children,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        IdentityVerificationDialog,
+        {
+          flow,
+          accountName,
+          dismissible: false,
+          onManageBilling,
+          labels
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      chunkULWRNGGE_cjs.ModalScaffold,
+      {
+        open: true,
+        onOpenChange: () => {
+        },
+        title: l.requiredTitle,
+        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShieldCheck, { className: "h-5 w-5" }),
+        dismissible: false,
+        testId: "identity-required-gate",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkULWRNGGE_cjs.ModalScaffold.Body, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: status.eligible ? l.requiredBody : l.requiredProOnly }) }),
+          status.eligible && /* @__PURE__ */ jsxRuntime.jsx(chunkULWRNGGE_cjs.ModalScaffold.Footer, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: flow.open, children: l.verify }) })
+        ]
+      }
+    )
+  ] });
+}
 var DEFAULT_PASSWORD_CHANGE_DIALOG_LABELS = {
   setNewPasswordTitle: "Set New Password",
   changeMasterPasswordTitle: "Change Master Password",
@@ -895,7 +1164,7 @@ function LogoutDialog({
 }) {
   const l = react.useMemo(() => ({ ...DEFAULT_LOGOUT_DIALOG_LABELS, ...labels }), [labels]);
   const [sessionsOpen, setSessionsOpen] = react.useState(false);
-  const restoreFocus = chunkDCDVWPMB_cjs.useRestoreFocus();
+  const restoreFocus = chunkULWRNGGE_cjs.useRestoreFocus();
   return /* @__PURE__ */ jsxRuntime.jsx(ui.Dialog, { open, onOpenChange: (next) => !next && onClose(), children: /* @__PURE__ */ jsxRuntime.jsxs(
     ui.DialogContent,
     {
@@ -1158,6 +1427,7 @@ exports.AvatarPicker = AvatarPicker;
 exports.DEFAULT_ACTIVE_SESSIONS_DIALOG_LABELS = DEFAULT_ACTIVE_SESSIONS_DIALOG_LABELS;
 exports.DEFAULT_AVATAR_PICKER_LABELS = DEFAULT_AVATAR_PICKER_LABELS;
 exports.DEFAULT_DELETE_ACCOUNT_DIALOG_LABELS = DEFAULT_DELETE_ACCOUNT_DIALOG_LABELS;
+exports.DEFAULT_IDENTITY_VERIFICATION_LABELS = DEFAULT_IDENTITY_VERIFICATION_LABELS;
 exports.DEFAULT_LOGOUT_DIALOG_LABELS = DEFAULT_LOGOUT_DIALOG_LABELS;
 exports.DEFAULT_PASSWORD_CHANGE_DIALOG_LABELS = DEFAULT_PASSWORD_CHANGE_DIALOG_LABELS;
 exports.DEFAULT_PROFILE_CARD_LABELS = DEFAULT_PROFILE_CARD_LABELS;
@@ -1165,10 +1435,13 @@ exports.DEFAULT_SETTINGS_DANGER_ZONE_LABELS = DEFAULT_SETTINGS_DANGER_ZONE_LABEL
 exports.DeleteAccountDialog = DeleteAccountDialog;
 exports.EMAIL_NOTIFICATION_CATEGORIES = EMAIL_NOTIFICATION_CATEGORIES;
 exports.EMAIL_NOTIFICATION_KEYS = EMAIL_NOTIFICATION_KEYS;
+exports.IdentityVerificationCard = IdentityVerificationCard;
+exports.IdentityVerificationDialog = IdentityVerificationDialog;
 exports.LogoutDialog = LogoutDialog;
 exports.NotificationCategoryList = NotificationCategoryList;
 exports.PasswordChangeDialog = PasswordChangeDialog;
 exports.ProfileCard = ProfileCard;
+exports.RequireVerified = RequireVerified;
 exports.SettingsActionRow = SettingsActionRow;
 exports.SettingsCard = SettingsCard;
 exports.SettingsDangerZone = SettingsDangerZone;
@@ -1182,5 +1455,5 @@ exports.toActiveSessionViews = toActiveSessionViews;
 exports.toDeleteBlockerViews = toDeleteBlockerViews;
 exports.toLogoutSessionViews = toLogoutSessionViews;
 exports.toNotificationCategories = toNotificationCategories;
-//# sourceMappingURL=chunk-VUEZARW5.cjs.map
-//# sourceMappingURL=chunk-VUEZARW5.cjs.map
+//# sourceMappingURL=chunk-B3WCKBJ7.cjs.map
+//# sourceMappingURL=chunk-B3WCKBJ7.cjs.map