@planetaexo/design-system 0.10.0 → 0.11.0

package/dist/index.d.cts

@@ -319,6 +319,8 @@ interface BookingDepositInfo {
 interface BookingDetailsProps {
     bookingId: string;
     status: BookingStatus;
+    /** Texto exibido no badge de status. Quando ausente, usa um default em inglês baseado no `status`. */
+    statusLabel?: string;
     createdAt: string;
     contact: BookingContact;
     /** Dados completos do agente para renderizar o `AgentContactCard` (avatar + email + whatsapp).
@@ -395,7 +397,7 @@ interface BookingDetailsProps {
     signOutLabel?: string;
     className?: string;
 }
-declare function BookingDetails({ bookingId, status, createdAt, contact, agent, agentName, agentContactUrl, agentNameFallback, agentLabel, agentContactLabel, contactSectionLabel, payBalanceLabel, balanceDueLabel, cannotRemoveLastTravellerLabel, adventures, summaryLineItems, subtotal, total, depositInfo, onAddContactAsTraveller, onEditTraveller, onRemoveTraveller, onAddSuggestedTraveller, onAddTraveller, onUnassignFromAdventure, onCopyFormLink, onSubmitAddTraveller, onSubmitEditTraveller, onConfirmRemoveTraveller, travellerFormConfig, addTravellerSaving, editTravellerSaving, removeTravellerSaving, travellerFormError, onPayBalance, onCancelRequest, logoSrc, logoAlt, onSignOut, signOutLabel, className, }: BookingDetailsProps): react_jsx_runtime.JSX.Element;
+declare function BookingDetails({ bookingId, status, statusLabel, createdAt, contact, agent, agentName, agentContactUrl, agentNameFallback, agentLabel, agentContactLabel, contactSectionLabel, payBalanceLabel, balanceDueLabel, cannotRemoveLastTravellerLabel, adventures, summaryLineItems, subtotal, total, depositInfo, onAddContactAsTraveller, onEditTraveller, onRemoveTraveller, onAddSuggestedTraveller, onAddTraveller, onUnassignFromAdventure, onCopyFormLink, onSubmitAddTraveller, onSubmitEditTraveller, onConfirmRemoveTraveller, travellerFormConfig, addTravellerSaving, editTravellerSaving, removeTravellerSaving, travellerFormError, onPayBalance, onCancelRequest, logoSrc, logoAlt, onSignOut, signOutLabel, className, }: BookingDetailsProps): react_jsx_runtime.JSX.Element;
 
 interface AgentContactCardProps {
     layout: "compact" | "wide";
@@ -811,8 +813,28 @@ interface RegistrationSuccessCardProps {
         partnerLabel?: string;
         travellerLabel?: string;
     };
+    /**
+     * Visual density of the card.
+     * - `"comfortable"` (default): standard spacing — used by the post-submit web flow.
+     * - `"compact"`: tighter gaps and smaller terms typography, optimized for A4 PDF export.
+     */
+    density?: "compact" | "comfortable";
+    /**
+     * Optional submission timestamp block, rendered after the header.
+     * Both fields are pre-formatted strings (e.g. `"27/04/2026 14:32 (UTC-3)"`).
+     * `lastUpdatedAt` should be omitted by the caller when it equals `submittedAt`.
+     */
+    submissionTimestamps?: {
+        submittedAt?: string;
+        lastUpdatedAt?: string;
+    };
+    /** i18n-friendly labels for the timestamp block. Defaults to English. */
+    submissionTimestampsLabels?: {
+        submittedAt?: string;
+        lastUpdatedAt?: string;
+    };
 }
-declare function RegistrationSuccessCard({ variant, title, message, answersTitle, fields, answers, dateFormatter, formatAnswer, className, actions, logo, logoAlt, terms, termsLayout, termsLabels, adventure, booking, traveller, tripInfoLabels, }: RegistrationSuccessCardProps): react_jsx_runtime.JSX.Element;
+declare function RegistrationSuccessCard({ variant, title, message, answersTitle, fields, answers, dateFormatter, formatAnswer, className, actions, logo, logoAlt, terms, termsLayout, termsLabels, adventure, booking, traveller, tripInfoLabels, density, submissionTimestamps, submissionTimestampsLabels, }: RegistrationSuccessCardProps): react_jsx_runtime.JSX.Element;
 
 interface FloatingInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     label: string;

package/dist/index.d.ts

@@ -319,6 +319,8 @@ interface BookingDepositInfo {
 interface BookingDetailsProps {
     bookingId: string;
     status: BookingStatus;
+    /** Texto exibido no badge de status. Quando ausente, usa um default em inglês baseado no `status`. */
+    statusLabel?: string;
     createdAt: string;
     contact: BookingContact;
     /** Dados completos do agente para renderizar o `AgentContactCard` (avatar + email + whatsapp).
@@ -395,7 +397,7 @@ interface BookingDetailsProps {
     signOutLabel?: string;
     className?: string;
 }
-declare function BookingDetails({ bookingId, status, createdAt, contact, agent, agentName, agentContactUrl, agentNameFallback, agentLabel, agentContactLabel, contactSectionLabel, payBalanceLabel, balanceDueLabel, cannotRemoveLastTravellerLabel, adventures, summaryLineItems, subtotal, total, depositInfo, onAddContactAsTraveller, onEditTraveller, onRemoveTraveller, onAddSuggestedTraveller, onAddTraveller, onUnassignFromAdventure, onCopyFormLink, onSubmitAddTraveller, onSubmitEditTraveller, onConfirmRemoveTraveller, travellerFormConfig, addTravellerSaving, editTravellerSaving, removeTravellerSaving, travellerFormError, onPayBalance, onCancelRequest, logoSrc, logoAlt, onSignOut, signOutLabel, className, }: BookingDetailsProps): react_jsx_runtime.JSX.Element;
+declare function BookingDetails({ bookingId, status, statusLabel, createdAt, contact, agent, agentName, agentContactUrl, agentNameFallback, agentLabel, agentContactLabel, contactSectionLabel, payBalanceLabel, balanceDueLabel, cannotRemoveLastTravellerLabel, adventures, summaryLineItems, subtotal, total, depositInfo, onAddContactAsTraveller, onEditTraveller, onRemoveTraveller, onAddSuggestedTraveller, onAddTraveller, onUnassignFromAdventure, onCopyFormLink, onSubmitAddTraveller, onSubmitEditTraveller, onConfirmRemoveTraveller, travellerFormConfig, addTravellerSaving, editTravellerSaving, removeTravellerSaving, travellerFormError, onPayBalance, onCancelRequest, logoSrc, logoAlt, onSignOut, signOutLabel, className, }: BookingDetailsProps): react_jsx_runtime.JSX.Element;
 
 interface AgentContactCardProps {
     layout: "compact" | "wide";
@@ -811,8 +813,28 @@ interface RegistrationSuccessCardProps {
         partnerLabel?: string;
         travellerLabel?: string;
     };
+    /**
+     * Visual density of the card.
+     * - `"comfortable"` (default): standard spacing — used by the post-submit web flow.
+     * - `"compact"`: tighter gaps and smaller terms typography, optimized for A4 PDF export.
+     */
+    density?: "compact" | "comfortable";
+    /**
+     * Optional submission timestamp block, rendered after the header.
+     * Both fields are pre-formatted strings (e.g. `"27/04/2026 14:32 (UTC-3)"`).
+     * `lastUpdatedAt` should be omitted by the caller when it equals `submittedAt`.
+     */
+    submissionTimestamps?: {
+        submittedAt?: string;
+        lastUpdatedAt?: string;
+    };
+    /** i18n-friendly labels for the timestamp block. Defaults to English. */
+    submissionTimestampsLabels?: {
+        submittedAt?: string;
+        lastUpdatedAt?: string;
+    };
 }
-declare function RegistrationSuccessCard({ variant, title, message, answersTitle, fields, answers, dateFormatter, formatAnswer, className, actions, logo, logoAlt, terms, termsLayout, termsLabels, adventure, booking, traveller, tripInfoLabels, }: RegistrationSuccessCardProps): react_jsx_runtime.JSX.Element;
+declare function RegistrationSuccessCard({ variant, title, message, answersTitle, fields, answers, dateFormatter, formatAnswer, className, actions, logo, logoAlt, terms, termsLayout, termsLabels, adventure, booking, traveller, tripInfoLabels, density, submissionTimestamps, submissionTimestampsLabels, }: RegistrationSuccessCardProps): react_jsx_runtime.JSX.Element;
 
 interface FloatingInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     label: string;

package/dist/index.js

@@ -2383,7 +2383,18 @@ var STATUS_STYLES = {
   pendingPaymentOverdue: "bg-destructive/15 text-destructive dark:bg-destructive/25 dark:text-destructive",
   complete: "bg-success/15 text-success dark:bg-success/20 dark:text-success"
 };
-function StatusBadge({ status }) {
+var STATUS_DEFAULT_LABELS = {
+  pending: "Pending",
+  confirmed: "Confirmed",
+  cancelled: "Cancelled",
+  completed: "Completed",
+  pendingRegistration: "Pending registration",
+  pendingPayment: "Pending payment",
+  pendingPaymentOverdue: "Payment overdue",
+  complete: "Complete"
+};
+function StatusBadge({ status, label }) {
+  var _a;
   return /* @__PURE__ */ jsx(
     "span",
     {
@@ -2391,7 +2402,7 @@ function StatusBadge({ status }) {
         "inline-flex items-center rounded-full px-3 py-1 text-xs font-bold font-heading uppercase tracking-wider",
         STATUS_STYLES[status]
       ),
-      children: status
+      children: (_a = label != null ? label : STATUS_DEFAULT_LABELS[status]) != null ? _a : status
     }
   );
 }
@@ -3224,6 +3235,7 @@ function OrderSummary({
 function BookingDetails({
   bookingId,
   status,
+  statusLabel,
   createdAt,
   contact,
   agent,
@@ -3379,7 +3391,7 @@ function BookingDetails({
                 createdAt
               ] })
             ] }),
-            /* @__PURE__ */ jsx(StatusBadge, { status })
+            /* @__PURE__ */ jsx(StatusBadge, { status, label: statusLabel })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-3", children: [
             /* @__PURE__ */ jsxs(InfoCard, { label: "Contact", children: [
@@ -4842,13 +4854,27 @@ function FormSection2({
   children,
   className
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-5", className), children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-      /* @__PURE__ */ jsx("h3", { className: "text-base font-bold text-foreground whitespace-nowrap font-heading", children: title }),
-      /* @__PURE__ */ jsx("div", { className: "h-px flex-1 bg-border" })
-    ] }),
-    children
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("flex flex-col gap-5", className),
+      style: { breakInside: "avoid" },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex items-center gap-4",
+            style: { breakAfter: "avoid-page" },
+            children: [
+              /* @__PURE__ */ jsx("h3", { className: "text-base font-bold text-foreground whitespace-nowrap font-heading", children: title }),
+              /* @__PURE__ */ jsx("div", { className: "h-px flex-1 bg-border" })
+            ]
+          }
+        ),
+        children
+      ]
+    }
+  );
 }
 function isFieldEmpty(field, value) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
@@ -5762,10 +5788,14 @@ function RegistrationSuccessCard({
   adventure,
   booking,
   traveller,
-  tripInfoLabels
+  tripInfoLabels,
+  density = "comfortable",
+  submissionTimestamps,
+  submissionTimestampsLabels
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const isMinimal = variant === "minimal";
+  const isCompact = density === "compact";
   const sorted = isMinimal ? [] : [...fields].sort((a, b) => {
     var _a2, _b2;
     return ((_a2 = a.order) != null ? _a2 : 0) - ((_b2 = b.order) != null ? _b2 : 0);
@@ -5779,62 +5809,114 @@ function RegistrationSuccessCard({
     partnerLabel: (_d = tripInfoLabels == null ? void 0 : tripInfoLabels.partnerLabel) != null ? _d : "Partner",
     travellerLabel: (_e = tripInfoLabels == null ? void 0 : tripInfoLabels.travellerLabel) != null ? _e : "Traveller"
   };
-  return /* @__PURE__ */ jsxs("div", { className: cn("rounded-xl border border-border bg-card p-6 sm:p-8 flex flex-col gap-10", className), children: [
-    actions && /* @__PURE__ */ jsx("div", { className: "flex gap-3 justify-end", children: actions }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-      logo !== null && /* eslint-disable-next-line @next/next/no-img-element */
-      /* @__PURE__ */ jsx(
-        "img",
-        {
-          src: logo != null ? logo : "/logo-planetaexo.png",
-          alt: logoAlt,
-          className: "h-10 w-auto object-contain"
-        }
+  const STL = {
+    submittedAt: (_f = submissionTimestampsLabels == null ? void 0 : submissionTimestampsLabels.submittedAt) != null ? _f : "Submitted",
+    lastUpdatedAt: (_g = submissionTimestampsLabels == null ? void 0 : submissionTimestampsLabels.lastUpdatedAt) != null ? _g : "Last updated"
+  };
+  const hasTimestamps = !isMinimal && !!submissionTimestamps && (!!submissionTimestamps.submittedAt || !!submissionTimestamps.lastUpdatedAt);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "rounded-xl border border-border bg-card p-6 sm:p-8 flex flex-col",
+        isCompact ? "gap-6" : "gap-10",
+        className
       ),
-      logo === void 0 && /* @__PURE__ */ jsx("div", { className: "inline-flex h-14 w-14 items-center justify-center rounded-full bg-primary/10 text-primary", children: /* @__PURE__ */ jsx(CircleCheckIcon, { size: 28 }) }),
-      /* @__PURE__ */ jsx("h2", { className: "text-2xl font-black uppercase tracking-wide text-foreground font-heading leading-tight", children: title }),
-      message && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground font-ui", children: message })
-    ] }),
-    hasTripInfo && /* @__PURE__ */ jsx(FormSection2, { title: TL.sectionTitle, children: /* @__PURE__ */ jsxs("dl", { className: "flex flex-col gap-y-3 text-sm font-ui", children: [
-      adventure && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-x-4", children: [
-        /* @__PURE__ */ jsx("dt", { className: "w-1/2 text-muted-foreground break-words", children: TL.adventureLabel }),
-        /* @__PURE__ */ jsx("dd", { className: "w-1/2 text-foreground font-medium text-right min-w-0 break-words", children: adventure.name })
-      ] }),
-      dateRange && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-x-4", children: [
-        /* @__PURE__ */ jsx("dt", { className: "w-1/2 text-muted-foreground break-words", children: (adventure == null ? void 0 : adventure.startDate) && (adventure == null ? void 0 : adventure.endDate) ? "Dates" : "Date" }),
-        /* @__PURE__ */ jsx("dd", { className: "w-1/2 text-foreground text-right min-w-0 break-words", children: dateRange })
-      ] }),
-      (adventure == null ? void 0 : adventure.partnerName) && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-x-4", children: [
-        /* @__PURE__ */ jsx("dt", { className: "w-1/2 text-muted-foreground break-words", children: TL.partnerLabel }),
-        /* @__PURE__ */ jsx("dd", { className: "w-1/2 text-foreground text-right min-w-0 break-words", children: adventure.partnerName })
-      ] }),
-      booking && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-x-4", children: [
-        /* @__PURE__ */ jsx("dt", { className: "w-1/2 text-muted-foreground break-words", children: TL.bookingLabel }),
-        /* @__PURE__ */ jsx("dd", { className: "w-1/2 text-foreground font-mono tabular-nums text-right min-w-0 break-words", children: booking.id })
-      ] }),
-      traveller && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-x-4", children: [
-        /* @__PURE__ */ jsx("dt", { className: "w-1/2 text-muted-foreground break-words", children: TL.travellerLabel }),
-        /* @__PURE__ */ jsx("dd", { className: "w-1/2 text-foreground font-medium text-right min-w-0 break-words", children: traveller.fullName })
-      ] })
-    ] }) }),
-    sorted.length > 0 && /* @__PURE__ */ jsx(FormSection2, { title: answersTitle, children: /* @__PURE__ */ jsx("dl", { className: "flex flex-col gap-y-3 text-sm font-ui", children: sorted.map((f) => /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-x-4", children: [
-      /* @__PURE__ */ jsx("dt", { className: "w-1/2 text-muted-foreground break-words", children: f.label }),
-      /* @__PURE__ */ jsx("dd", { className: "w-1/2 text-foreground text-right min-w-0 break-words", children: (formatAnswer != null ? formatAnswer : ((field, v) => defaultFormatAnswer(field, v, dateFormatter)))(
-        f,
-        answers[f.id]
-      ) })
-    ] }, f.id)) }) }),
-    !isMinimal && terms && /* @__PURE__ */ jsx(FormSection2, { title: (_f = termsLabels == null ? void 0 : termsLabels.title) != null ? _f : "Terms & Conditions", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 text-sm font-ui", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("div", { className: cn(
-          "inline-flex h-5 w-5 items-center justify-center rounded-full text-white text-xs font-bold",
-          terms.accepted ? "bg-primary" : "bg-destructive"
-        ), children: terms.accepted ? "\u2713" : "\u2717" }),
-        /* @__PURE__ */ jsx("span", { className: terms.accepted ? "text-primary font-medium" : "text-destructive font-medium", children: terms.accepted ? (_g = termsLabels == null ? void 0 : termsLabels.accepted) != null ? _g : "Accepted" : (_h = termsLabels == null ? void 0 : termsLabels.notAccepted) != null ? _h : "Not accepted" })
-      ] }),
-      termsLayout === "full" && terms.markdown.trim().length > 0 && /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-muted/30 p-4", children: /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap break-words text-sm leading-relaxed text-foreground font-ui", children: terms.markdown }) })
-    ] }) })
-  ] });
+      children: [
+        actions && /* @__PURE__ */ jsx("div", { className: "flex gap-3 justify-end", children: actions }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+          logo !== null && /* eslint-disable-next-line @next/next/no-img-element */
+          /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: logo != null ? logo : "/logo-planetaexo.png",
+              alt: logoAlt,
+              className: "h-10 w-auto object-contain"
+            }
+          ),
+          logo === void 0 && /* @__PURE__ */ jsx("div", { className: "inline-flex h-14 w-14 items-center justify-center rounded-full bg-primary/10 text-primary", children: /* @__PURE__ */ jsx(CircleCheckIcon, { size: 28 }) }),
+          /* @__PURE__ */ jsx("h2", { className: "text-2xl font-black uppercase tracking-wide text-foreground font-heading leading-tight", children: title }),
+          message && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground font-ui", children: message })
+        ] }),
+        hasTimestamps && /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end gap-0.5 text-xs text-muted-foreground font-ui", children: [
+          (submissionTimestamps == null ? void 0 : submissionTimestamps.submittedAt) && /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
+              STL.submittedAt,
+              ":"
+            ] }),
+            " ",
+            /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: submissionTimestamps.submittedAt })
+          ] }),
+          (submissionTimestamps == null ? void 0 : submissionTimestamps.lastUpdatedAt) && /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
+              STL.lastUpdatedAt,
+              ":"
+            ] }),
+            " ",
+            /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: submissionTimestamps.lastUpdatedAt })
+          ] })
+        ] }),
+        hasTripInfo && /* @__PURE__ */ jsx(FormSection2, { title: TL.sectionTitle, children: /* @__PURE__ */ jsxs("dl", { className: "flex flex-col gap-y-3 text-sm font-ui", children: [
+          adventure && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-x-4", children: [
+            /* @__PURE__ */ jsx("dt", { className: "w-1/2 text-muted-foreground break-words", children: TL.adventureLabel }),
+            /* @__PURE__ */ jsx("dd", { className: "w-1/2 text-foreground font-medium text-right min-w-0 break-words", children: adventure.name })
+          ] }),
+          dateRange && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-x-4", children: [
+            /* @__PURE__ */ jsx("dt", { className: "w-1/2 text-muted-foreground break-words", children: (adventure == null ? void 0 : adventure.startDate) && (adventure == null ? void 0 : adventure.endDate) ? "Dates" : "Date" }),
+            /* @__PURE__ */ jsx("dd", { className: "w-1/2 text-foreground text-right min-w-0 break-words", children: dateRange })
+          ] }),
+          (adventure == null ? void 0 : adventure.partnerName) && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-x-4", children: [
+            /* @__PURE__ */ jsx("dt", { className: "w-1/2 text-muted-foreground break-words", children: TL.partnerLabel }),
+            /* @__PURE__ */ jsx("dd", { className: "w-1/2 text-foreground text-right min-w-0 break-words", children: adventure.partnerName })
+          ] }),
+          booking && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-x-4", children: [
+            /* @__PURE__ */ jsx("dt", { className: "w-1/2 text-muted-foreground break-words", children: TL.bookingLabel }),
+            /* @__PURE__ */ jsx("dd", { className: "w-1/2 text-foreground font-mono tabular-nums text-right min-w-0 break-words", children: booking.id })
+          ] }),
+          traveller && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-x-4", children: [
+            /* @__PURE__ */ jsx("dt", { className: "w-1/2 text-muted-foreground break-words", children: TL.travellerLabel }),
+            /* @__PURE__ */ jsx("dd", { className: "w-1/2 text-foreground font-medium text-right min-w-0 break-words", children: traveller.fullName })
+          ] })
+        ] }) }),
+        sorted.length > 0 && /* @__PURE__ */ jsx(FormSection2, { title: answersTitle, children: /* @__PURE__ */ jsx("dl", { className: "flex flex-col gap-y-3 text-sm font-ui", children: sorted.map((f) => /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-x-4", children: [
+          /* @__PURE__ */ jsx("dt", { className: "w-1/2 text-muted-foreground break-words", children: f.label }),
+          /* @__PURE__ */ jsx("dd", { className: "w-1/2 text-foreground text-right min-w-0 break-words", children: (formatAnswer != null ? formatAnswer : ((field, v) => defaultFormatAnswer(field, v, dateFormatter)))(
+            f,
+            answers[f.id]
+          ) })
+        ] }, f.id)) }) }),
+        !isMinimal && terms && /* @__PURE__ */ jsx(FormSection2, { title: (_h = termsLabels == null ? void 0 : termsLabels.title) != null ? _h : "Terms & Conditions", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 text-sm font-ui", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("div", { className: cn(
+              "inline-flex h-5 w-5 items-center justify-center rounded-full text-white text-xs font-bold",
+              terms.accepted ? "bg-primary" : "bg-destructive"
+            ), children: terms.accepted ? "\u2713" : "\u2717" }),
+            /* @__PURE__ */ jsx("span", { className: terms.accepted ? "text-primary font-medium" : "text-destructive font-medium", children: terms.accepted ? (_i = termsLabels == null ? void 0 : termsLabels.accepted) != null ? _i : "Accepted" : (_j = termsLabels == null ? void 0 : termsLabels.notAccepted) != null ? _j : "Not accepted" })
+          ] }),
+          termsLayout === "full" && terms.markdown.trim().length > 0 && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "rounded-lg border border-border bg-muted/30",
+                isCompact ? "p-3" : "p-4"
+              ),
+              style: { breakInside: "auto" },
+              children: /* @__PURE__ */ jsx(
+                "p",
+                {
+                  className: cn(
+                    "whitespace-pre-wrap break-words text-foreground font-ui",
+                    isCompact ? "text-xs leading-snug" : "text-sm leading-relaxed"
+                  ),
+                  children: terms.markdown
+                }
+              )
+            }
+          )
+        ] }) })
+      ]
+    }
+  );
 }
 var OTPCodeInput = ({
   value,