@planetaexo/design-system 0.12.2 → 0.12.3

package/dist/index.d.cts

@@ -567,8 +567,16 @@ interface BookingConfirmationEmailProps {
      * Apenas renderizado quando `nextSteps` está presente.
      */
     nextStepsImportant?: string;
+    /**
+     * Label que precede o link puro da reserva renderizado antes do `closingMessage`
+     * (ex.: "Direct link to your booking:"). Quando informada e `addTravellersUrl` existe,
+     * renderiza um parágrafo com `{label} <a href={url}>{url}</a>` para clientes que prefiram
+     * copiar/colar o URL ou em casos onde o botão CTA não renderiza.
+     * Quando omitida, nada é renderizado (mantém compat com fluxos que não querem o link puro).
+     */
+    directBookingLinkLabel?: string;
 }
-declare function BookingConfirmationEmail({ recipientName, addTravellersUrl, logoUrl, bookingNumber, activity, adventure, startingDate, numberOfPeople, host, labels, className, nextSteps, nextStepsImportant, }: BookingConfirmationEmailProps): react_jsx_runtime.JSX.Element;
+declare function BookingConfirmationEmail({ recipientName, addTravellersUrl, logoUrl, bookingNumber, activity, adventure, startingDate, numberOfPeople, host, labels, className, nextSteps, nextStepsImportant, directBookingLinkLabel, }: BookingConfirmationEmailProps): react_jsx_runtime.JSX.Element;
 
 interface BookingOtpEmailProps {
     /** Saudação (ex.: "Hello!" / "Olá!"). */

package/dist/index.d.ts

@@ -567,8 +567,16 @@ interface BookingConfirmationEmailProps {
      * Apenas renderizado quando `nextSteps` está presente.
      */
     nextStepsImportant?: string;
+    /**
+     * Label que precede o link puro da reserva renderizado antes do `closingMessage`
+     * (ex.: "Direct link to your booking:"). Quando informada e `addTravellersUrl` existe,
+     * renderiza um parágrafo com `{label} <a href={url}>{url}</a>` para clientes que prefiram
+     * copiar/colar o URL ou em casos onde o botão CTA não renderiza.
+     * Quando omitida, nada é renderizado (mantém compat com fluxos que não querem o link puro).
+     */
+    directBookingLinkLabel?: string;
 }
-declare function BookingConfirmationEmail({ recipientName, addTravellersUrl, logoUrl, bookingNumber, activity, adventure, startingDate, numberOfPeople, host, labels, className, nextSteps, nextStepsImportant, }: BookingConfirmationEmailProps): react_jsx_runtime.JSX.Element;
+declare function BookingConfirmationEmail({ recipientName, addTravellersUrl, logoUrl, bookingNumber, activity, adventure, startingDate, numberOfPeople, host, labels, className, nextSteps, nextStepsImportant, directBookingLinkLabel, }: BookingConfirmationEmailProps): react_jsx_runtime.JSX.Element;
 
 interface BookingOtpEmailProps {
     /** Saudação (ex.: "Hello!" / "Olá!"). */

package/dist/index.js

@@ -4001,7 +4001,8 @@ function BookingConfirmationEmail({
   labels,
   className,
   nextSteps,
-  nextStepsImportant
+  nextStepsImportant,
+  directBookingLinkLabel
 }) {
   const l = __spreadValues(__spreadValues({}, DEFAULT_LABELS2), labels);
   const ctaStyle = {
@@ -4080,6 +4081,11 @@ function BookingConfirmationEmail({
         ] }),
         /* @__PURE__ */ jsx("hr", { style: { border: "none", borderTop: `1px solid ${emailTokens.border}`, marginBottom: "32px" } }),
         /* @__PURE__ */ jsx("p", { style: { marginBottom: "16px" }, children: l.postCtaMessage }),
+        addTravellersUrl && directBookingLinkLabel && directBookingLinkLabel.trim().length > 0 && /* @__PURE__ */ jsxs("p", { style: { marginBottom: "16px", fontSize: "14px", color: emailTokens.mutedForeground }, children: [
+          directBookingLinkLabel,
+          " ",
+          /* @__PURE__ */ jsx("a", { href: addTravellersUrl, style: { color: emailTokens.primary, wordBreak: "break-all" }, children: addTravellersUrl })
+        ] }),
         /* @__PURE__ */ jsx("p", { children: l.closingMessage })
       ]
     }