@planetaexo/design-system 0.13.1 → 0.14.0

package/dist/index.cjs

@@ -2172,7 +2172,7 @@ function OfferAdventureCard({ adventure }) {
 }
 function Offer({
   logo = "/logo-planetaexo.png",
-  logoAlt = "Planeta EXO",
+  logoAlt = "PlanetaEXO",
   title,
   subtitle,
   adventures,
@@ -3202,6 +3202,7 @@ function OrderSummary({
   balanceDueLabel,
   totalPaidLabel
 }) {
+  var _a;
   return /* @__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: "Order Summary" }),
     /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
@@ -3289,7 +3290,8 @@ function OrderSummary({
     depositInfo && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 rounded-lg bg-muted/50 border border-border p-4", children: [
       !depositInfo.hideDepositLine && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm text-muted-foreground font-sans", children: [
-          "Deposit (",
+          (_a = depositInfo.depositLabel) != null ? _a : "Deposit",
+          " (",
           depositInfo.depositPercent,
           "%)"
         ] }),
@@ -4869,7 +4871,9 @@ var DEFAULT_LABELS3 = {
   nationalityLabel: "Nationality",
   selectPlaceholder: "Select an option\u2026",
   optionalLabel: "(optional)",
-  requiredFieldError: "Required"
+  requiredFieldError: "Required",
+  dateLabel: "Date",
+  datesLabel: "Dates"
 };
 var TERMS_ACCEPT_KEY = "__registrationTermsAccepted";
 function emptyName() {
@@ -5480,7 +5484,7 @@ function FieldRenderer({
 }
 function RegistrationForm({
   logo = "/logo-planetaexo.png",
-  logoAlt = "Planeta EXO",
+  logoAlt = "PlanetaEXO",
   heroImage,
   heroImageAlt = "",
   title,
@@ -5650,7 +5654,7 @@ function RegistrationForm({
               /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-foreground font-medium text-right min-w-0 break-words", children: adventure.name })
             ] }),
             dateRange && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-x-4", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: (adventure == null ? void 0 : adventure.startDate) && (adventure == null ? void 0 : adventure.endDate) ? "Dates" : "Date" }),
+              /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: (adventure == null ? void 0 : adventure.startDate) && (adventure == null ? void 0 : adventure.endDate) ? L.datesLabel : L.dateLabel }),
               /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-foreground text-right min-w-0", children: dateRange })
             ] }),
             (adventure == null ? void 0 : adventure.partnerName) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-x-4", children: [
@@ -5834,7 +5838,7 @@ function phoneCountryDial(code) {
   var _a, _b;
   return (_b = (_a = PHONE_COUNTRIES.find((c) => c.code === code)) == null ? void 0 : _a.dial) != null ? _b : code;
 }
-function defaultFormatAnswer(field, value, fmtDate) {
+function defaultFormatAnswer(field, value, fmtDate, booleanLabels = { yes: "Yes", no: "No" }) {
   var _a, _b, _c, _d, _e, _f;
   if (value == null || value === "") return "\u2014";
   if (value instanceof Date) return fmtDate(value);
@@ -5844,7 +5848,7 @@ function defaultFormatAnswer(field, value, fmtDate) {
     }
     return value.filter(Boolean).join(", ") || "\u2014";
   }
-  if (typeof value === "boolean") return value ? "Yes" : "No";
+  if (typeof value === "boolean") return value ? booleanLabels.yes : booleanLabels.no;
   if (typeof value === "object") {
     if ("contactName" in value) {
       const ec = value;
@@ -5899,11 +5903,12 @@ function RegistrationSuccessCard({
   booking,
   traveller,
   tripInfoLabels,
+  booleanLabels,
   density = "comfortable",
   submissionTimestamps,
   submissionTimestampsLabels
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
   const isMinimal = variant === "minimal";
   const isCompact = density === "compact";
   const sorted = isMinimal ? [] : [...fields].sort((a, b) => {
@@ -5917,11 +5922,17 @@ function RegistrationSuccessCard({
     adventureLabel: (_b = tripInfoLabels == null ? void 0 : tripInfoLabels.adventureLabel) != null ? _b : "Adventure",
     bookingLabel: (_c = tripInfoLabels == null ? void 0 : tripInfoLabels.bookingLabel) != null ? _c : "Booking",
     partnerLabel: (_d = tripInfoLabels == null ? void 0 : tripInfoLabels.partnerLabel) != null ? _d : "Partner",
-    travellerLabel: (_e = tripInfoLabels == null ? void 0 : tripInfoLabels.travellerLabel) != null ? _e : "Traveller"
+    travellerLabel: (_e = tripInfoLabels == null ? void 0 : tripInfoLabels.travellerLabel) != null ? _e : "Traveller",
+    dateLabel: (_f = tripInfoLabels == null ? void 0 : tripInfoLabels.dateLabel) != null ? _f : "Date",
+    datesLabel: (_g = tripInfoLabels == null ? void 0 : tripInfoLabels.datesLabel) != null ? _g : "Dates"
+  };
+  const BL = {
+    yes: (_h = booleanLabels == null ? void 0 : booleanLabels.yes) != null ? _h : "Yes",
+    no: (_i = booleanLabels == null ? void 0 : booleanLabels.no) != null ? _i : "No"
   };
   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"
+    submittedAt: (_j = submissionTimestampsLabels == null ? void 0 : submissionTimestampsLabels.submittedAt) != null ? _j : "Submitted",
+    lastUpdatedAt: (_k = submissionTimestampsLabels == null ? void 0 : submissionTimestampsLabels.lastUpdatedAt) != null ? _k : "Last updated"
   };
   const hasTimestamps = !isMinimal && !!submissionTimestamps && (!!submissionTimestamps.submittedAt || !!submissionTimestamps.lastUpdatedAt);
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -5972,7 +5983,7 @@ function RegistrationSuccessCard({
             /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "w-1/2 text-foreground font-medium text-right min-w-0 break-words", children: adventure.name })
           ] }),
           dateRange && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-x-4", children: [
-            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("dt", { className: "w-1/2 text-muted-foreground break-words", children: (adventure == null ? void 0 : adventure.startDate) && (adventure == null ? void 0 : adventure.endDate) ? TL.datesLabel : TL.dateLabel }),
             /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "w-1/2 text-foreground text-right min-w-0 break-words", children: dateRange })
           ] }),
           (adventure == null ? void 0 : adventure.partnerName) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-x-4", children: [
@@ -5990,18 +6001,18 @@ function RegistrationSuccessCard({
         ] }) }),
         sorted.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(FormSection2, { title: answersTitle, children: /* @__PURE__ */ jsxRuntime.jsx("dl", { className: "flex flex-col gap-y-3 text-sm font-ui", children: sorted.map((f) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-x-4", children: [
           /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "w-1/2 text-muted-foreground break-words", children: f.label }),
-          /* @__PURE__ */ jsxRuntime.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)))(
+          /* @__PURE__ */ jsxRuntime.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, BL)))(
             f,
             answers[f.id]
           ) })
         ] }, f.id)) }) }),
-        !isMinimal && terms && /* @__PURE__ */ jsxRuntime.jsx(FormSection2, { title: (_h = termsLabels == null ? void 0 : termsLabels.title) != null ? _h : "Terms & Conditions", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 text-sm font-ui", children: [
+        !isMinimal && terms && /* @__PURE__ */ jsxRuntime.jsx(FormSection2, { title: (_l = termsLabels == null ? void 0 : termsLabels.title) != null ? _l : "Terms & Conditions", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 text-sm font-ui", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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" })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: terms.accepted ? "text-primary font-medium" : "text-destructive font-medium", children: terms.accepted ? (_m = termsLabels == null ? void 0 : termsLabels.accepted) != null ? _m : "Accepted" : (_n = termsLabels == null ? void 0 : termsLabels.notAccepted) != null ? _n : "Not accepted" })
           ] }),
           termsLayout === "full" && terms.markdown.trim().length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
             "div",
@@ -7598,7 +7609,7 @@ function SiteHeader({
   variant = "transparent",
   links = DEFAULT_HEADER_LINKS,
   logoSrc = "/logo-planetaexo.png",
-  logoAlt = "Planeta Exo",
+  logoAlt = "PlanetaEXO",
   languages = DEFAULT_LANGUAGES,
   currentLanguage = "EN",
   onLanguageChange,