@planetaexo/design-system 0.9.0 → 0.9.2

package/dist/index.d.cts

@@ -288,6 +288,9 @@ interface BookingAdventure {
     addTravellerLabel?: string;
     /** Texto curto exibido em mobile (sm:hidden). Default: "Add". */
     addTravellerShortLabel?: string;
+    /** Tooltip exibido quando chips de "Add to this adventure" estão desabilitados por capacidade.
+     *  Default: "Adventure full". */
+    atCapacityLabel?: string;
 }
 interface BookingContact {
     name: string;
@@ -341,6 +344,9 @@ interface BookingDetailsProps {
     onAddTraveller?: (adventureId: string) => void;
     /** Quando fornecida, desassocia o viajante da aventura sem deletá-lo da reserva. */
     onUnassignFromAdventure?: (adventureId: string, travellerId: string) => void;
+    /** Quando fornecida, o consumer assume clipboard + feedback visual (ex.: toast). Fallback:
+     *  `navigator.clipboard.writeText` sem feedback. */
+    onCopyFormLink?: (url: string) => void;
     /** Submit do modal de ADD interno. Usado quando `onAddTraveller` NÃO é passado. */
     onSubmitAddTraveller?: (adventureId: string, data: TravellerFormData) => Promise<void> | void;
     /** Submit do modal de EDIT interno. Usado quando `onEditTraveller` NÃO é passado. */
@@ -369,7 +375,7 @@ interface BookingDetailsProps {
     signOutLabel?: string;
     className?: string;
 }
-declare function BookingDetails({ bookingId, status, createdAt, contact, agentName, agentContactUrl, agentNameFallback, agentLabel, agentContactLabel, cannotRemoveLastTravellerLabel, adventures, summaryLineItems, subtotal, total, depositInfo, onAddContactAsTraveller, onEditTraveller, onRemoveTraveller, onAddSuggestedTraveller, onAddTraveller, onUnassignFromAdventure, onSubmitAddTraveller, onSubmitEditTraveller, onConfirmRemoveTraveller, travellerFormConfig, addTravellerSaving, editTravellerSaving, removeTravellerSaving, travellerFormError, onPayBalance, onCancelRequest, logoSrc, logoAlt, onSignOut, signOutLabel, className, }: BookingDetailsProps): react_jsx_runtime.JSX.Element;
+declare function BookingDetails({ bookingId, status, createdAt, contact, agentName, agentContactUrl, agentNameFallback, agentLabel, agentContactLabel, cannotRemoveLastTravellerLabel, adventures, summaryLineItems, subtotal, total, depositInfo, onAddContactAsTraveller, onEditTraveller, onRemoveTraveller, onAddSuggestedTraveller, onAddTraveller, onUnassignFromAdventure, onCopyFormLink, onSubmitAddTraveller, onSubmitEditTraveller, onConfirmRemoveTraveller, travellerFormConfig, addTravellerSaving, editTravellerSaving, removeTravellerSaving, travellerFormError, onPayBalance, onCancelRequest, logoSrc, logoAlt, onSignOut, signOutLabel, className, }: BookingDetailsProps): react_jsx_runtime.JSX.Element;
 
 interface BookingConfirmationLabels {
     ctaButton?: string;
@@ -721,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;
@@ -749,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

@@ -288,6 +288,9 @@ interface BookingAdventure {
     addTravellerLabel?: string;
     /** Texto curto exibido em mobile (sm:hidden). Default: "Add". */
     addTravellerShortLabel?: string;
+    /** Tooltip exibido quando chips de "Add to this adventure" estão desabilitados por capacidade.
+     *  Default: "Adventure full". */
+    atCapacityLabel?: string;
 }
 interface BookingContact {
     name: string;
@@ -341,6 +344,9 @@ interface BookingDetailsProps {
     onAddTraveller?: (adventureId: string) => void;
     /** Quando fornecida, desassocia o viajante da aventura sem deletá-lo da reserva. */
     onUnassignFromAdventure?: (adventureId: string, travellerId: string) => void;
+    /** Quando fornecida, o consumer assume clipboard + feedback visual (ex.: toast). Fallback:
+     *  `navigator.clipboard.writeText` sem feedback. */
+    onCopyFormLink?: (url: string) => void;
     /** Submit do modal de ADD interno. Usado quando `onAddTraveller` NÃO é passado. */
     onSubmitAddTraveller?: (adventureId: string, data: TravellerFormData) => Promise<void> | void;
     /** Submit do modal de EDIT interno. Usado quando `onEditTraveller` NÃO é passado. */
@@ -369,7 +375,7 @@ interface BookingDetailsProps {
     signOutLabel?: string;
     className?: string;
 }
-declare function BookingDetails({ bookingId, status, createdAt, contact, agentName, agentContactUrl, agentNameFallback, agentLabel, agentContactLabel, cannotRemoveLastTravellerLabel, adventures, summaryLineItems, subtotal, total, depositInfo, onAddContactAsTraveller, onEditTraveller, onRemoveTraveller, onAddSuggestedTraveller, onAddTraveller, onUnassignFromAdventure, onSubmitAddTraveller, onSubmitEditTraveller, onConfirmRemoveTraveller, travellerFormConfig, addTravellerSaving, editTravellerSaving, removeTravellerSaving, travellerFormError, onPayBalance, onCancelRequest, logoSrc, logoAlt, onSignOut, signOutLabel, className, }: BookingDetailsProps): react_jsx_runtime.JSX.Element;
+declare function BookingDetails({ bookingId, status, createdAt, contact, agentName, agentContactUrl, agentNameFallback, agentLabel, agentContactLabel, cannotRemoveLastTravellerLabel, adventures, summaryLineItems, subtotal, total, depositInfo, onAddContactAsTraveller, onEditTraveller, onRemoveTraveller, onAddSuggestedTraveller, onAddTraveller, onUnassignFromAdventure, onCopyFormLink, onSubmitAddTraveller, onSubmitEditTraveller, onConfirmRemoveTraveller, travellerFormConfig, addTravellerSaving, editTravellerSaving, removeTravellerSaving, travellerFormError, onPayBalance, onCancelRequest, logoSrc, logoAlt, onSignOut, signOutLabel, className, }: BookingDetailsProps): react_jsx_runtime.JSX.Element;
 
 interface BookingConfirmationLabels {
     ctaButton?: string;
@@ -721,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;
@@ -749,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

@@ -2255,6 +2255,7 @@ function AdventureSection({
   onAddSuggestedTraveller,
   onAddTraveller,
   onUnassignFromAdventure,
+  onCopyFormLink,
   hasSubmitAddTraveller,
   hasSubmitEditTraveller,
   hasConfirmRemoveTraveller,
@@ -2266,7 +2267,11 @@ function AdventureSection({
   var _a, _b, _c, _d, _e, _f, _g;
   const [detailsOpen, setDetailsOpen] = React22.useState(false);
   const handleCopyUrl = (url) => {
-    navigator.clipboard.writeText(url);
+    if (onCopyFormLink) {
+      onCopyFormLink(url);
+    } else {
+      void navigator.clipboard.writeText(url);
+    }
   };
   const people = adventure.slots;
   [
@@ -2569,24 +2574,38 @@ function AdventureSection({
           t.id
         );
       }) }),
-      adventure.suggestedTravellers && adventure.suggestedTravellers.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 pt-2", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground font-ui", children: "Add to this adventure" }),
-        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: adventure.suggestedTravellers.map((st) => /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            onClick: () => onAddSuggestedTraveller == null ? void 0 : onAddSuggestedTraveller(adventure.id, st.id),
-            className: "flex items-center gap-1.5 rounded-full border border-border px-3 py-1.5 text-xs font-ui text-foreground hover:border-primary hover:text-primary hover:bg-primary/5 transition-colors",
-            children: [
-              /* @__PURE__ */ jsx(PlusIcon, { className: "w-3 h-3" }),
-              st.firstName,
-              " ",
-              st.lastName
-            ]
-          },
-          st.id
-        )) })
-      ] }),
+      adventure.suggestedTravellers && adventure.suggestedTravellers.length > 0 && (() => {
+        var _a2;
+        const atCapacity = totalSlots > 0 && adventure.travellers.length >= totalSlots;
+        const atCapacityTooltip = atCapacity ? (_a2 = adventure.atCapacityLabel) != null ? _a2 : "Adventure full" : void 0;
+        return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 pt-2", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground font-ui", children: "Add to this adventure" }),
+          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: adventure.suggestedTravellers.map((st) => /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                if (atCapacity) return;
+                onAddSuggestedTraveller == null ? void 0 : onAddSuggestedTraveller(adventure.id, st.id);
+              },
+              disabled: atCapacity,
+              title: atCapacityTooltip,
+              "aria-disabled": atCapacity,
+              className: cn(
+                "flex items-center gap-1.5 rounded-full border border-border px-3 py-1.5 text-xs font-ui text-foreground hover:border-primary hover:text-primary hover:bg-primary/5 transition-colors",
+                "disabled:opacity-40 disabled:cursor-not-allowed disabled:pointer-events-none disabled:hover:border-border disabled:hover:text-foreground disabled:hover:bg-transparent"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(PlusIcon, { className: "w-3 h-3" }),
+                st.firstName,
+                " ",
+                st.lastName
+              ]
+            },
+            st.id
+          )) })
+        ] });
+      })(),
       adventure.travellers.length > 0 && totalSlots > 0 && (() => {
         const completed = adventure.travellers.filter((t) => t.status === "completed").length;
         const percent = Math.round(completed / totalSlots * 100);
@@ -3041,6 +3060,7 @@ function BookingDetails({
   onAddSuggestedTraveller,
   onAddTraveller,
   onUnassignFromAdventure,
+  onCopyFormLink,
   onSubmitAddTraveller,
   onSubmitEditTraveller,
   onConfirmRemoveTraveller,
@@ -3253,6 +3273,7 @@ function BookingDetails({
                 onAddSuggestedTraveller,
                 onAddTraveller,
                 onUnassignFromAdventure,
+                onCopyFormLink,
                 hasSubmitAddTraveller,
                 hasSubmitEditTraveller,
                 hasConfirmRemoveTraveller,
@@ -5517,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,
@@ -5535,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",
@@ -5593,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"