@planetaexo/design-system 0.9.1 → 0.9.2

package/dist/index.d.cts

@@ -727,11 +727,16 @@ interface RegistrationFormProps {
 declare const TERMS_ACCEPT_KEY = "__registrationTermsAccepted";
 declare function RegistrationForm({ logo, logoAlt, heroImage, heroImageAlt, title, subtitle, adventure, booking, traveller, fields, values, defaultValues, onChange, onSubmit, onValidate, externalErrors, terms, includeTerms, loading, error, defaultPhoneCountry, dateFormatter, labels, className, readOnly, }: RegistrationFormProps): react_jsx_runtime.JSX.Element;
 interface RegistrationSuccessCardProps {
+    /**
+     * `"full"` (default): renders trip info, submitted answers and terms sections.
+     * `"minimal"`: renders only logo/icon, title, message and the `actions` slot.
+     */
+    variant?: "full" | "minimal";
     title?: string;
     message?: string;
     answersTitle?: string;
-    fields: RegistrationField[];
-    answers: RegistrationFormValues;
+    fields?: RegistrationField[];
+    answers?: RegistrationFormValues;
     dateFormatter?: (date: Date | string | undefined) => string;
     formatAnswer?: (field: RegistrationField, value: RegistrationFieldValue) => string;
     className?: string;
@@ -755,7 +760,7 @@ interface RegistrationSuccessCardProps {
         travellerLabel?: string;
     };
 }
-declare function RegistrationSuccessCard({ title, message, answersTitle, fields, answers, dateFormatter, formatAnswer, className, actions, logo, logoAlt, terms, adventure, booking, traveller, tripInfoLabels, }: RegistrationSuccessCardProps): react_jsx_runtime.JSX.Element;
+declare function RegistrationSuccessCard({ variant, title, message, answersTitle, fields, answers, dateFormatter, formatAnswer, className, actions, logo, logoAlt, terms, adventure, booking, traveller, tripInfoLabels, }: RegistrationSuccessCardProps): react_jsx_runtime.JSX.Element;
 
 interface FloatingInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     label: string;

package/dist/index.d.ts

@@ -727,11 +727,16 @@ interface RegistrationFormProps {
 declare const TERMS_ACCEPT_KEY = "__registrationTermsAccepted";
 declare function RegistrationForm({ logo, logoAlt, heroImage, heroImageAlt, title, subtitle, adventure, booking, traveller, fields, values, defaultValues, onChange, onSubmit, onValidate, externalErrors, terms, includeTerms, loading, error, defaultPhoneCountry, dateFormatter, labels, className, readOnly, }: RegistrationFormProps): react_jsx_runtime.JSX.Element;
 interface RegistrationSuccessCardProps {
+    /**
+     * `"full"` (default): renders trip info, submitted answers and terms sections.
+     * `"minimal"`: renders only logo/icon, title, message and the `actions` slot.
+     */
+    variant?: "full" | "minimal";
     title?: string;
     message?: string;
     answersTitle?: string;
-    fields: RegistrationField[];
-    answers: RegistrationFormValues;
+    fields?: RegistrationField[];
+    answers?: RegistrationFormValues;
     dateFormatter?: (date: Date | string | undefined) => string;
     formatAnswer?: (field: RegistrationField, value: RegistrationFieldValue) => string;
     className?: string;
@@ -755,7 +760,7 @@ interface RegistrationSuccessCardProps {
         travellerLabel?: string;
     };
 }
-declare function RegistrationSuccessCard({ title, message, answersTitle, fields, answers, dateFormatter, formatAnswer, className, actions, logo, logoAlt, terms, adventure, booking, traveller, tripInfoLabels, }: RegistrationSuccessCardProps): react_jsx_runtime.JSX.Element;
+declare function RegistrationSuccessCard({ variant, title, message, answersTitle, fields, answers, dateFormatter, formatAnswer, className, actions, logo, logoAlt, terms, adventure, booking, traveller, tripInfoLabels, }: RegistrationSuccessCardProps): react_jsx_runtime.JSX.Element;
 
 interface FloatingInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     label: string;

package/dist/index.js

@@ -5538,11 +5538,12 @@ function isoOrDateToString(v) {
   return d.toISOString().slice(0, 10);
 }
 function RegistrationSuccessCard({
+  variant = "full",
   title = "Thanks \u2014 your answers have been received.",
   message = "We'll get in touch if anything else is needed.",
   answersTitle = "Your submitted answers",
-  fields,
-  answers,
+  fields = [],
+  answers = {},
   dateFormatter = isoOrDateToString,
   formatAnswer,
   className,
@@ -5556,11 +5557,12 @@ function RegistrationSuccessCard({
   tripInfoLabels
 }) {
   var _a, _b, _c, _d, _e;
-  const sorted = [...fields].sort((a, b) => {
+  const isMinimal = variant === "minimal";
+  const sorted = isMinimal ? [] : [...fields].sort((a, b) => {
     var _a2, _b2;
     return ((_a2 = a.order) != null ? _a2 : 0) - ((_b2 = b.order) != null ? _b2 : 0);
   }).filter((f) => Object.prototype.hasOwnProperty.call(answers, f.id));
-  const hasTripInfo = !!(adventure || booking || traveller);
+  const hasTripInfo = !isMinimal && !!(adventure || booking || traveller);
   const dateRange = adventure ? formatDateRange(adventure, dateFormatter) : null;
   const TL = {
     sectionTitle: (_a = tripInfoLabels == null ? void 0 : tripInfoLabels.sectionTitle) != null ? _a : "Trip info",
@@ -5614,7 +5616,7 @@ function RegistrationSuccessCard({
         answers[f.id]
       ) })
     ] }, f.id)) }) }),
-    terms && /* @__PURE__ */ jsx(FormSection2, { title: "Terms & Conditions", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm font-ui", children: [
+    !isMinimal && terms && /* @__PURE__ */ jsx(FormSection2, { title: "Terms & Conditions", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm font-ui", 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"