@planetaexo/design-system 0.5.3 → 0.5.4

package/dist/index.cjs

@@ -5097,6 +5097,9 @@ function RegistrationSuccessCard({
   formatAnswer,
   className,
   actions,
+  logo,
+  logoAlt = "PlanetaEXO",
+  terms,
   adventure,
   booking,
   traveller,
@@ -5119,9 +5122,18 @@ function RegistrationSuccessCard({
   return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "flex gap-3 justify-end", children: actions }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex h-14 w-14 items-center justify-center rounded-full bg-primary/10 text-primary", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleCheckIcon, { size: 28 }) }),
+      logo !== null && /* eslint-disable-next-line @next/next/no-img-element */
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: logo != null ? logo : "/logo-planetaexo.png",
+          alt: logoAlt,
+          className: "h-10 w-auto object-contain"
+        }
+      ),
+      logo === void 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex h-14 w-14 items-center justify-center rounded-full bg-primary/10 text-primary", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleCheckIcon, { size: 28 }) }),
       /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-black uppercase tracking-wide text-foreground font-heading leading-tight", children: title }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground font-ui", children: message })
+      message && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground font-ui", children: message })
     ] }),
     hasTripInfo && /* @__PURE__ */ jsxRuntime.jsx(FormSection2, { title: TL.sectionTitle, children: /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "flex flex-col gap-y-3 text-sm font-ui", children: [
       adventure && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-x-4", children: [
@@ -5151,7 +5163,17 @@ function RegistrationSuccessCard({
         f,
         answers[f.id]
       ) })
-    ] }, f.id)) }) })
+    ] }, f.id)) }) }),
+    terms && /* @__PURE__ */ jsxRuntime.jsxs(FormSection2, { title: "Terms & Conditions", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border border-border bg-muted/30 p-4 max-h-48 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "whitespace-pre-wrap text-sm leading-relaxed text-foreground font-ui", children: terms.markdown }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm font-ui", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(
+          "inline-flex h-5 w-5 items-center justify-center rounded-full text-white text-xs",
+          terms.accepted ? "bg-primary" : "bg-destructive"
+        ), children: terms.accepted ? "\u2713" : "\u2717" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: terms.accepted ? "text-primary font-medium" : "text-destructive font-medium", children: terms.accepted ? "Accepted" : "Not accepted" })
+      ] })
+    ] })
   ] });
 }
 var OTPCodeInput = ({