@planetaexo/design-system 0.5.5 → 0.6.0

package/dist/index.cjs

@@ -2264,7 +2264,7 @@ function AdventureSection({
   onAddTraveller,
   onUnassignFromAdventure
 }) {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
   const [detailsOpen, setDetailsOpen] = React22__namespace.useState(false);
   const [addModalOpen, setAddModalOpen] = React22__namespace.useState(false);
   const [newTraveller, setNewTraveller] = React22__namespace.useState({
@@ -2309,7 +2309,7 @@ function AdventureSection({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(
+        (adventure.included && adventure.included.length > 0 || adventure.notIncluded && adventure.notIncluded.length > 0 || adventure.cancellationPolicy && adventure.cancellationPolicy.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
           {
             type: "button",
@@ -2341,11 +2341,28 @@ function AdventureSection({
         tag
       )) })
     ] }),
+    (adventure.detailsSlot || adventure.description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t border-border px-5 lg:px-6 py-5 flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: (_d = adventure.itineraryLabel) != null ? _d : "Itinerary" }),
+      adventure.detailsSlot ? /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: cn(
+            "text-foreground",
+            "[&_p]:text-sm [&_p]:text-foreground/80 [&_p]:leading-relaxed [&_p]:mb-2",
+            "[&_h2]:text-lg [&_h2]:font-bold [&_h2]:text-foreground [&_h2]:mb-2 [&_h2]:mt-4",
+            "[&_h3]:text-base [&_h3]:font-semibold [&_h3]:text-foreground [&_h3]:mb-1 [&_h3]:mt-3",
+            "[&_strong]:font-bold [&_strong]:text-foreground",
+            "[&_em]:italic",
+            "[&_a]:text-primary [&_a]:underline [&_a]:underline-offset-2",
+            "[&_ul]:list-disc [&_ul]:pl-5 [&_ul]:space-y-1",
+            "[&_ol]:list-decimal [&_ol]:pl-5 [&_ol]:space-y-1",
+            "[&_li]:text-sm [&_li]:text-foreground/80 [&_li]:leading-relaxed"
+          ),
+          children: adventure.detailsSlot
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground/80 leading-relaxed font-sans", children: adventure.description })
+    ] }),
     detailsOpen && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t border-border px-5 lg:px-6 py-5 flex flex-col gap-5 bg-muted/10", children: [
-      adventure.description && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: "Itinerary" }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground/80 leading-relaxed font-sans", children: adventure.description })
-      ] }),
       adventure.included && adventure.included.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: "O que est\xE1 incluso" }),
         /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-1.5", children: adventure.included.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2404,7 +2421,12 @@ function AdventureSection({
             {
               type: "button",
               onClick: () => onAddContactAsTraveller(adventure.id),
-              className: "flex items-center gap-1.5 rounded-full border border-border px-3 py-1.5 text-xs font-ui text-muted-foreground hover:border-primary hover:text-primary hover:bg-primary/5 transition-colors",
+              disabled: adventure.addContactAsTravellerDisabled,
+              className: cn(
+                "flex items-center gap-1.5 rounded-full border border-border px-3 py-1.5 text-xs font-ui text-muted-foreground transition-colors",
+                "hover:border-primary hover:text-primary hover:bg-primary/5",
+                "disabled:opacity-40 disabled:cursor-not-allowed disabled:pointer-events-none disabled:hover:border-border disabled:hover:text-muted-foreground disabled:hover:bg-transparent"
+              ),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserPlusIcon, { className: "w-3 h-3" }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline", children: "Add contact as traveller" }),
@@ -2536,24 +2558,27 @@ function AdventureSection({
       adventure.travellers.length > 0 && totalSlots > 0 && (() => {
         const completed = adventure.travellers.filter((t) => t.status === "completed").length;
         const percent = Math.round(completed / totalSlots * 100);
-        const isComplete = completed === totalSlots;
+        const isComplete = completed >= totalSlots;
+        const isEmpty = completed === 0;
+        const barColor = isComplete ? "bg-success" : isEmpty ? "bg-destructive" : "bg-warning";
+        const textColor = isComplete ? "text-success" : isEmpty ? "text-destructive" : "text-warning";
         return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 mt-1", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 h-2 rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: "h-full rounded-full bg-primary transition-all duration-500",
+              className: cn("h-full rounded-full transition-all duration-500", barColor),
               style: { width: `${percent}%` }
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cn(
             "text-xs font-semibold font-ui shrink-0 flex items-center gap-1",
-            isComplete ? "text-primary" : "text-destructive"
+            textColor
           ), children: [
             completed,
             " of ",
             totalSlots,
             " travellers registered",
-            !isComplete && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangleIcon, { className: "w-3 h-3" })
+            isComplete ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "w-3 h-3" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangleIcon, { className: "w-3 h-3" })
           ] })
         ] });
       })()
@@ -2790,162 +2815,196 @@ function BookingDetails({
   onUnassignFromAdventure,
   onPayBalance,
   onCancelRequest,
+  logoSrc,
+  logoAlt,
+  onSignOut,
+  signOutLabel,
   className
 }) {
   var _a, _b, _c;
   const people = totalPeople(adventures);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: cn("w-full max-w-5xl mx-auto flex flex-col gap-6 px-4 sm:px-6 lg:px-0", className),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-4 flex-wrap", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("h1", { className: "text-2xl font-black text-foreground font-heading leading-tight", children: [
-              "Booking",
-              " ",
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-primary", children: [
-                "#",
-                bookingId
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    (logoSrc || onSignOut) && /* @__PURE__ */ jsxRuntime.jsx("header", { className: "w-full border-b border-border bg-card/50 backdrop-blur-sm sticky top-0 z-30", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full max-w-5xl mx-auto px-4 sm:px-6 lg:px-0 h-14 flex items-center justify-between gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" }),
+      logoSrc ? /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: logoSrc,
+          alt: logoAlt != null ? logoAlt : "",
+          className: "h-11 w-auto object-contain shrink-0"
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx("div", {}),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex justify-end", children: onSignOut && /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: onSignOut,
+          className: "inline-flex items-center gap-1.5 rounded-full border border-border px-3 py-1.5 text-xs font-ui text-muted-foreground hover:border-primary hover:text-primary hover:bg-primary/5 transition-colors",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LogOutIcon, { className: "w-3.5 h-3.5" }),
+            signOutLabel != null ? signOutLabel : "Sign out"
+          ]
+        }
+      ) })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn(
+          "w-full max-w-5xl mx-auto flex flex-col gap-6 px-4 sm:px-6 lg:px-0 py-8 sm:py-12",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-4 flex-wrap", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("h1", { className: "text-2xl font-black text-foreground font-heading leading-tight", children: [
+                "Booking",
+                " ",
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-primary", children: [
+                  "#",
+                  bookingId
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground font-sans", children: [
+                "Created on ",
+                createdAt
               ] })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground font-sans", children: [
-              "Created on ",
-              createdAt
-            ] })
+            /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(InfoCard, { label: "Contact", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold", children: contact.name }),
-            contact.email && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground font-sans truncate", children: contact.email })
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(InfoCard, { label: "Contact", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold", children: contact.name }),
+              contact.email && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground font-sans truncate", children: contact.email })
+            ] }),
+            agentName && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-border bg-card p-4 flex items-center gap-3.5 min-w-0", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-primary/10 text-primary font-heading font-bold text-sm uppercase", children: agentName.charAt(0) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5 min-w-0", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: "Your Agent" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold text-foreground font-sans", children: agentName })
+              ] }),
+              agentContactUrl && /* @__PURE__ */ jsxRuntime.jsxs(
+                "a",
+                {
+                  href: agentContactUrl,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: "ml-auto shrink-0 flex items-center gap-1.5 rounded-full bg-primary/10 px-3.5 py-1.5 text-xs font-semibold text-primary font-ui transition-colors hover:bg-primary/20",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageCircleIcon, { className: "w-3.5 h-3.5" }),
+                    "Contact"
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(InfoCard, { label: "Total People", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UsersIcon, { className: "w-4 h-4 text-primary shrink-0" }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-semibold", children: [
+                  people.total,
+                  " person(s)"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground font-sans", children: [
+                people.adults > 0 ? `Adults: ${people.adults}` : null,
+                people.children > 0 ? `Children: ${people.children}` : null,
+                people.seniors > 0 ? `Seniors: ${people.seniors}` : null
+              ].filter(Boolean).join(" \xB7 ") })
+            ] })
           ] }),
-          agentName && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-border bg-card p-4 flex items-center gap-3.5 min-w-0", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-primary/10 text-primary font-heading font-bold text-sm uppercase", children: agentName.charAt(0) }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5 min-w-0", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: "Your Agent" }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold text-foreground font-sans", children: agentName })
+          /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "flex flex-col gap-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: [
+              "Adventures (",
+              adventures.length,
+              ")"
             ] }),
-            agentContactUrl && /* @__PURE__ */ jsxRuntime.jsxs(
-              "a",
+            adventures.map((adventure) => /* @__PURE__ */ jsxRuntime.jsx(
+              AdventureSection,
               {
-                href: agentContactUrl,
-                target: "_blank",
-                rel: "noopener noreferrer",
-                className: "ml-auto shrink-0 flex items-center gap-1.5 rounded-full bg-primary/10 px-3.5 py-1.5 text-xs font-semibold text-primary font-ui transition-colors hover:bg-primary/20",
+                adventure,
+                onAddContactAsTraveller,
+                onEditTraveller,
+                onRemoveTraveller,
+                onAddSuggestedTraveller,
+                onAddTraveller,
+                onUnassignFromAdventure
+              },
+              adventure.id
+            ))
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            OrderSummary,
+            {
+              adventures,
+              summaryLineItems,
+              subtotal,
+              total,
+              depositInfo
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl border border-border bg-card p-5 lg:p-6 flex flex-col gap-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: "Responsible Person" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 sm:grid-cols-3 gap-x-6 gap-y-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-muted-foreground/60 font-heading uppercase tracking-widest mb-0.5", children: "Name" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold text-foreground font-sans", children: contact.name })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-muted-foreground/60 font-heading uppercase tracking-widest mb-0.5", children: "Email" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground font-sans truncate", children: (_a = contact.email) != null ? _a : "\u2014" })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-muted-foreground/60 font-heading uppercase tracking-widest mb-0.5", children: "Phone" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground font-sans", children: (_b = contact.phone) != null ? _b : "\u2014" })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-muted-foreground/60 font-heading uppercase tracking-widest mb-0.5", children: "Country" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground font-sans", children: (_c = contact.country) != null ? _c : "\u2014" })
+              ] }),
+              contact.passport && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-muted-foreground/60 font-heading uppercase tracking-widest mb-0.5", children: "Passport / CPF" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground font-sans", children: contact.passport })
+              ] })
+            ] })
+          ] }),
+          (onPayBalance || onCancelRequest) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-4", children: [
+            depositInfo && !depositInfo.isPaidInFull && // Se consumer passar remainingAmountValue, só mostra botão quando saldo > 0.
+            // Quando undefined, mantém comportamento antigo (backward compat).
+            (depositInfo.remainingAmountValue === void 0 || depositInfo.remainingAmountValue > 0) && onPayBalance && /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: onPayBalance,
+                className: cn(
+                  "w-full rounded-full bg-primary py-3.5 text-center text-sm font-bold uppercase tracking-wide",
+                  "text-primary-foreground font-heading transition-colors hover:bg-primary/90",
+                  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                  "flex items-center justify-center gap-2"
+                ),
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageCircleIcon, { className: "w-3.5 h-3.5" }),
-                  "Contact"
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CreditCardIcon, { className: "w-4 h-4" }),
+                  "Pay remaining balance \u2014 ",
+                  depositInfo.remainingAmount
+                ]
+              }
+            ),
+            onCancelRequest && status !== "cancelled" && /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: onCancelRequest,
+                className: "flex items-center gap-1.5 text-xs font-ui text-muted-foreground hover:text-destructive transition-colors underline underline-offset-2",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircleIcon, { className: "w-3 h-3" }),
+                  "Request cancellation"
                 ]
               }
             )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(InfoCard, { label: "Total People", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UsersIcon, { className: "w-4 h-4 text-primary shrink-0" }),
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-semibold", children: [
-                people.total,
-                " person(s)"
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground font-sans", children: [
-              people.adults > 0 ? `Adults: ${people.adults}` : null,
-              people.children > 0 ? `Children: ${people.children}` : null,
-              people.seniors > 0 ? `Seniors: ${people.seniors}` : null
-            ].filter(Boolean).join(" \xB7 ") })
           ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "flex flex-col gap-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: [
-            "Adventures (",
-            adventures.length,
-            ")"
-          ] }),
-          adventures.map((adventure) => /* @__PURE__ */ jsxRuntime.jsx(
-            AdventureSection,
-            {
-              adventure,
-              onAddContactAsTraveller,
-              onEditTraveller,
-              onRemoveTraveller,
-              onAddSuggestedTraveller,
-              onAddTraveller,
-              onUnassignFromAdventure
-            },
-            adventure.id
-          ))
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          OrderSummary,
-          {
-            adventures,
-            summaryLineItems,
-            subtotal,
-            total,
-            depositInfo
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl border border-border bg-card p-5 lg:p-6 flex flex-col gap-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: "Responsible Person" }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 sm:grid-cols-3 gap-x-6 gap-y-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-muted-foreground/60 font-heading uppercase tracking-widest mb-0.5", children: "Name" }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold text-foreground font-sans", children: contact.name })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-muted-foreground/60 font-heading uppercase tracking-widest mb-0.5", children: "Email" }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground font-sans truncate", children: (_a = contact.email) != null ? _a : "\u2014" })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-muted-foreground/60 font-heading uppercase tracking-widest mb-0.5", children: "Phone" }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground font-sans", children: (_b = contact.phone) != null ? _b : "\u2014" })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-muted-foreground/60 font-heading uppercase tracking-widest mb-0.5", children: "Country" }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground font-sans", children: (_c = contact.country) != null ? _c : "\u2014" })
-            ] }),
-            contact.passport && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-muted-foreground/60 font-heading uppercase tracking-widest mb-0.5", children: "Passport / CPF" }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground font-sans", children: contact.passport })
-            ] })
-          ] })
-        ] }),
-        (onPayBalance || onCancelRequest) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-4", children: [
-          depositInfo && !depositInfo.isPaidInFull && onPayBalance && /* @__PURE__ */ jsxRuntime.jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: onPayBalance,
-              className: cn(
-                "w-full rounded-full bg-primary py-3.5 text-center text-sm font-bold uppercase tracking-wide",
-                "text-primary-foreground font-heading transition-colors hover:bg-primary/90",
-                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                "flex items-center justify-center gap-2"
-              ),
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CreditCardIcon, { className: "w-4 h-4" }),
-                "Pay remaining balance \u2014 ",
-                depositInfo.remainingAmount
-              ]
-            }
-          ),
-          onCancelRequest && status !== "cancelled" && /* @__PURE__ */ jsxRuntime.jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: onCancelRequest,
-              className: "flex items-center gap-1.5 text-xs font-ui text-muted-foreground hover:text-destructive transition-colors underline underline-offset-2",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircleIcon, { className: "w-3 h-3" }),
-                "Request cancellation"
-              ]
-            }
-          )
-        ] })
-      ]
-    }
-  );
+        ]
+      }
+    )
+  ] });
 }
 
 // src/lib/emailAssets.ts