@planetaexo/design-system 0.13.2 → 0.14.0

package/dist/index.d.cts

@@ -779,6 +779,10 @@ interface RegistrationFormLabels {
     selectPlaceholder?: string;
     optionalLabel?: string;
     requiredFieldError?: string;
+    /** Singular date label (used when only one of startDate/endDate is set). Default: "Date". */
+    dateLabel?: string;
+    /** Plural date label (used when both startDate and endDate are set). Default: "Dates". */
+    datesLabel?: string;
 }
 interface RegistrationFormProps {
     /** Logo shown above the title. Defaults to "/logo-planetaexo.png" (matching Offer). Pass null to hide. */
@@ -866,6 +870,18 @@ interface RegistrationSuccessCardProps {
         bookingLabel?: string;
         partnerLabel?: string;
         travellerLabel?: string;
+        /** Singular date label. Default: "Date". */
+        dateLabel?: string;
+        /** Plural date label. Default: "Dates". */
+        datesLabel?: string;
+    };
+    /**
+     * Labels for boolean answers in the default formatAnswer (when no custom
+     * `formatAnswer` is supplied). Defaults: `{ yes: "Yes", no: "No" }`.
+     */
+    booleanLabels?: {
+        yes?: string;
+        no?: string;
     };
     /**
      * Visual density of the card.
@@ -888,7 +904,7 @@ interface RegistrationSuccessCardProps {
         lastUpdatedAt?: string;
     };
 }
-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;
+declare function RegistrationSuccessCard({ variant, title, message, answersTitle, fields, answers, dateFormatter, formatAnswer, className, actions, logo, logoAlt, terms, termsLayout, termsLabels, adventure, booking, traveller, tripInfoLabels, booleanLabels, density, submissionTimestamps, submissionTimestampsLabels, }: RegistrationSuccessCardProps): react_jsx_runtime.JSX.Element;
 
 interface FloatingInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     label: string;

package/dist/index.d.ts

@@ -779,6 +779,10 @@ interface RegistrationFormLabels {
     selectPlaceholder?: string;
     optionalLabel?: string;
     requiredFieldError?: string;
+    /** Singular date label (used when only one of startDate/endDate is set). Default: "Date". */
+    dateLabel?: string;
+    /** Plural date label (used when both startDate and endDate are set). Default: "Dates". */
+    datesLabel?: string;
 }
 interface RegistrationFormProps {
     /** Logo shown above the title. Defaults to "/logo-planetaexo.png" (matching Offer). Pass null to hide. */
@@ -866,6 +870,18 @@ interface RegistrationSuccessCardProps {
         bookingLabel?: string;
         partnerLabel?: string;
         travellerLabel?: string;
+        /** Singular date label. Default: "Date". */
+        dateLabel?: string;
+        /** Plural date label. Default: "Dates". */
+        datesLabel?: string;
+    };
+    /**
+     * Labels for boolean answers in the default formatAnswer (when no custom
+     * `formatAnswer` is supplied). Defaults: `{ yes: "Yes", no: "No" }`.
+     */
+    booleanLabels?: {
+        yes?: string;
+        no?: string;
     };
     /**
      * Visual density of the card.
@@ -888,7 +904,7 @@ interface RegistrationSuccessCardProps {
         lastUpdatedAt?: string;
     };
 }
-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;
+declare function RegistrationSuccessCard({ variant, title, message, answersTitle, fields, answers, dateFormatter, formatAnswer, className, actions, logo, logoAlt, terms, termsLayout, termsLabels, adventure, booking, traveller, tripInfoLabels, booleanLabels, density, submissionTimestamps, submissionTimestampsLabels, }: RegistrationSuccessCardProps): react_jsx_runtime.JSX.Element;
 
 interface FloatingInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     label: string;

package/dist/index.js

@@ -2151,7 +2151,7 @@ function OfferAdventureCard({ adventure }) {
 }
 function Offer({
   logo = "/logo-planetaexo.png",
-  logoAlt = "Planeta EXO",
+  logoAlt = "PlanetaEXO",
   title,
   subtitle,
   adventures,
@@ -4850,7 +4850,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() {
@@ -5461,7 +5463,7 @@ function FieldRenderer({
 }
 function RegistrationForm({
   logo = "/logo-planetaexo.png",
-  logoAlt = "Planeta EXO",
+  logoAlt = "PlanetaEXO",
   heroImage,
   heroImageAlt = "",
   title,
@@ -5631,7 +5633,7 @@ function RegistrationForm({
               /* @__PURE__ */ jsx("dd", { className: "text-foreground font-medium text-right min-w-0 break-words", children: adventure.name })
             ] }),
             dateRange && /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-x-4", children: [
-              /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: (adventure == null ? void 0 : adventure.startDate) && (adventure == null ? void 0 : adventure.endDate) ? "Dates" : "Date" }),
+              /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: (adventure == null ? void 0 : adventure.startDate) && (adventure == null ? void 0 : adventure.endDate) ? L.datesLabel : L.dateLabel }),
               /* @__PURE__ */ jsx("dd", { className: "text-foreground text-right min-w-0", children: dateRange })
             ] }),
             (adventure == null ? void 0 : adventure.partnerName) && /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-x-4", children: [
@@ -5815,7 +5817,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);
@@ -5825,7 +5827,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;
@@ -5880,11 +5882,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) => {
@@ -5898,11 +5901,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__ */ jsxs(
@@ -5953,7 +5962,7 @@ function RegistrationSuccessCard({
             /* @__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("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__ */ 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: [
@@ -5971,18 +5980,18 @@ function RegistrationSuccessCard({
         ] }) }),
         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)))(
+          /* @__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, BL)))(
             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: [
+        !isMinimal && terms && /* @__PURE__ */ jsx(FormSection2, { title: (_l = termsLabels == null ? void 0 : termsLabels.title) != null ? _l : "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" })
+            /* @__PURE__ */ 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__ */ jsx(
             "div",
@@ -7579,7 +7588,7 @@ function SiteHeader({
   variant = "transparent",
   links = DEFAULT_HEADER_LINKS,
   logoSrc = "/logo-planetaexo.png",
-  logoAlt = "Planeta Exo",
+  logoAlt = "PlanetaEXO",
   languages = DEFAULT_LANGUAGES,
   currentLanguage = "EN",
   onLanguageChange,