@planetaexo/design-system 0.12.5 → 0.12.7

package/dist/index.d.cts

@@ -315,6 +315,9 @@ interface BookingDepositInfo {
     dueDateLabel?: string;
     /** Quando true, troca cor do botão "Pay remaining balance" para variante destructive. */
     isOverdue?: boolean;
+    /** Total efectivamente pago (com juros embutidos quando houver). Quando undefined,
+     *  a linha "Total paid" não é renderizada no OrderSummary. */
+    totalPaid?: string;
 }
 interface BookingDetailsProps {
     bookingId: string;
@@ -348,6 +351,9 @@ interface BookingDetailsProps {
     payBalanceLabel?: string;
     /** Label da linha "Balance due" no OrderSummary (default: "Balance due"). */
     balanceDueLabel?: string;
+    /** Label da linha "Total paid" no OrderSummary (default: "Total paid"). Apenas
+     *  renderizada quando `depositInfo.totalPaid` está definido. */
+    totalPaidLabel?: string;
     /** Tooltip/title exibido nos botões de remove/unassign desabilitados
      *  quando a aventura tem apenas 1 viajante. Default: "Cannot remove last traveller". */
     cannotRemoveLastTravellerLabel?: string;
@@ -397,7 +403,7 @@ interface BookingDetailsProps {
     signOutLabel?: string;
     className?: string;
 }
-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;
+declare function BookingDetails({ bookingId, status, statusLabel, createdAt, contact, agent, agentName, agentContactUrl, agentNameFallback, agentLabel, agentContactLabel, contactSectionLabel, payBalanceLabel, balanceDueLabel, totalPaidLabel, 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";

package/dist/index.d.ts

@@ -315,6 +315,9 @@ interface BookingDepositInfo {
     dueDateLabel?: string;
     /** Quando true, troca cor do botão "Pay remaining balance" para variante destructive. */
     isOverdue?: boolean;
+    /** Total efectivamente pago (com juros embutidos quando houver). Quando undefined,
+     *  a linha "Total paid" não é renderizada no OrderSummary. */
+    totalPaid?: string;
 }
 interface BookingDetailsProps {
     bookingId: string;
@@ -348,6 +351,9 @@ interface BookingDetailsProps {
     payBalanceLabel?: string;
     /** Label da linha "Balance due" no OrderSummary (default: "Balance due"). */
     balanceDueLabel?: string;
+    /** Label da linha "Total paid" no OrderSummary (default: "Total paid"). Apenas
+     *  renderizada quando `depositInfo.totalPaid` está definido. */
+    totalPaidLabel?: string;
     /** Tooltip/title exibido nos botões de remove/unassign desabilitados
      *  quando a aventura tem apenas 1 viajante. Default: "Cannot remove last traveller". */
     cannotRemoveLastTravellerLabel?: string;
@@ -397,7 +403,7 @@ interface BookingDetailsProps {
     signOutLabel?: string;
     className?: string;
 }
-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;
+declare function BookingDetails({ bookingId, status, statusLabel, createdAt, contact, agent, agentName, agentContactUrl, agentNameFallback, agentLabel, agentContactLabel, contactSectionLabel, payBalanceLabel, balanceDueLabel, totalPaidLabel, 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";

package/dist/index.js

@@ -3130,7 +3130,8 @@ function OrderSummary({
   subtotal,
   total,
   depositInfo,
-  balanceDueLabel
+  balanceDueLabel,
+  totalPaidLabel
 }) {
   return /* @__PURE__ */ jsxs("div", { className: "rounded-2xl border border-border bg-card p-5 lg:p-6 flex flex-col gap-4", children: [
     /* @__PURE__ */ jsx("h3", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: "Order Summary" }),
@@ -3212,6 +3213,10 @@ function OrderSummary({
       /* @__PURE__ */ jsx("span", { className: "text-base font-bold text-foreground font-heading", children: "Total" }),
       /* @__PURE__ */ jsx("span", { className: "text-2xl font-black text-primary font-heading", children: total })
     ] }),
+    (depositInfo == null ? void 0 : depositInfo.totalPaid) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground font-sans", children: totalPaidLabel != null ? totalPaidLabel : "Total paid" }),
+      /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground font-sans", children: depositInfo.totalPaid })
+    ] }),
     depositInfo && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 rounded-lg bg-muted/50 border border-border p-4", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground font-sans", children: [
@@ -3221,15 +3226,13 @@ function OrderSummary({
         ] }),
         /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground font-sans", children: depositInfo.depositAmount })
       ] }),
-      !depositInfo.isPaidInFull && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground font-sans", children: "Remaining balance" }),
-          /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground font-sans", children: depositInfo.remainingAmount })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground font-sans", children: balanceDueLabel != null ? balanceDueLabel : "Balance due" }),
-          /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground font-sans", children: depositInfo.balanceDueDate })
-        ] })
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground font-sans", children: "Remaining balance" }),
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground font-sans", children: depositInfo.remainingAmount })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground font-sans", children: balanceDueLabel != null ? balanceDueLabel : "Balance due" }),
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground font-sans", children: depositInfo.balanceDueDate })
       ] })
     ] })
   ] });
@@ -3249,6 +3252,7 @@ function BookingDetails({
   contactSectionLabel,
   payBalanceLabel,
   balanceDueLabel,
+  totalPaidLabel,
   cannotRemoveLastTravellerLabel,
   adventures,
   summaryLineItems,
@@ -3465,7 +3469,8 @@ function BookingDetails({
               subtotal,
               total,
               depositInfo,
-              balanceDueLabel
+              balanceDueLabel,
+              totalPaidLabel
             }
           ),
           /* @__PURE__ */ jsxs("div", { className: "rounded-2xl border border-border bg-card p-5 lg:p-6 flex flex-col gap-4", children: [