@planetaexo/design-system 0.96.0 → 0.97.0

package/dist/index.d.cts

@@ -488,6 +488,18 @@ interface OfferProps {
      * fechar o `checkoutSlot` no host expõe um stepper demo com schema antigo.
      */
     internalDemoCheckout?: boolean;
+    /**
+     * Quando true, oculta a seção "Included Adventures" (header + cards de aventura).
+     * O host renderiza os detalhes por conta própria (ex.: um acordeão "Trip details"
+     * dentro do `checkoutSlot`).
+     */
+    hideAdventures?: boolean;
+    /**
+     * Quando true, oculta a sidebar de compra (card "Booking Total" + CTA) E o rodapé
+     * flutuante mobile, colapsando o layout para coluna única. Use quando o pagamento/CTA
+     * não acontece nesta página (ex.: criação de grupo, em que o sinal é pago depois).
+     */
+    hideSidebar?: boolean;
     className?: string;
 }
 interface BookingShellProps {
@@ -592,7 +604,7 @@ declare function TransferDetailsBlock({ label, items, className, }: TransferDeta
 declare function OfferAdventureCard({ adventure }: {
     adventure: OfferAdventureItem;
 }): react_jsx_runtime.JSX.Element;
-declare function Offer({ logo, logoAlt, title, subtitle, adventures, subtotal, total, depositInfo, agent, onContinue, continueLabel, externalBookingFlow, checkoutSlot, summaryNotesSlot, summaryDiscountLine, continueDisabled, labels, confirmedState, interactionsDisabled, internalDemoCheckout, className, }: OfferProps): react_jsx_runtime.JSX.Element;
+declare function Offer({ logo, logoAlt, title, subtitle, adventures, subtotal, total, depositInfo, agent, onContinue, continueLabel, externalBookingFlow, checkoutSlot, summaryNotesSlot, summaryDiscountLine, continueDisabled, labels, confirmedState, interactionsDisabled, internalDemoCheckout, hideAdventures, hideSidebar, className, }: OfferProps): react_jsx_runtime.JSX.Element;
 
 type BookingStatus = "pending" | "confirmed" | "cancelled" | "completed" | "pendingRegistration" | "pendingPayment" | "pendingPaymentOverdue" | "complete";
 interface BookingTraveller {
@@ -1894,6 +1906,16 @@ interface PartnerBookingCreatedEmailProps {
         name: string;
         country?: string | null;
     };
+    /**
+     * Notas marcadas como visíveis ao parceiro (visibleToPartner=true), já filtradas
+     * e formatadas pelo backend: `body` é texto puro; `meta` é "Autor · Data" já
+     * montada (pode ser ""). Quando presente e não-vazia, renderiza a seção "Notes
+     * from the team"; ausente/vazia = nada renderizado. Spec offer-notes.
+     */
+    partnerNotes?: {
+        body: string;
+        meta: string;
+    }[];
     agent: {
         name: string;
         whatsappUrl?: string;
@@ -1934,13 +1956,15 @@ interface PartnerBookingCreatedEmailLabels {
     registrationPendingNotice?: string;
     /** Aviso (linha 2, enfatizado) antes do closing — sempre visível. */
     mustReplyToConfirm?: string;
+    /** Heading da seção de notas visíveis ao parceiro (Spec offer-notes). */
+    partnerNotesHeading?: string;
     /** Closing principal quando há agente. Recebe nome + URLs e retorna JSX. */
     closingAgent?: (agentName: string, contact: PartnerBookingCreatedAgentContactLinks) => React.ReactNode;
     /** Closing alternativo sem agente. */
     closingNoAgent?: string;
     teamSignature?: string;
 }
-declare function PartnerBookingCreatedEmail({ topNotice, partnerName, bookingNumber, adventureName, dateRange, travellersCount, optionals, rooms, booker, agent, logoUrl, labels, className, }: PartnerBookingCreatedEmailProps): react_jsx_runtime.JSX.Element;
+declare function PartnerBookingCreatedEmail({ topNotice, partnerName, bookingNumber, adventureName, dateRange, travellersCount, optionals, rooms, booker, partnerNotes, agent, logoUrl, labels, className, }: PartnerBookingCreatedEmailProps): react_jsx_runtime.JSX.Element;
 
 interface PaymentReceiptEmailLabels {
     logoAlt?: string;

package/dist/index.d.ts

@@ -488,6 +488,18 @@ interface OfferProps {
      * fechar o `checkoutSlot` no host expõe um stepper demo com schema antigo.
      */
     internalDemoCheckout?: boolean;
+    /**
+     * Quando true, oculta a seção "Included Adventures" (header + cards de aventura).
+     * O host renderiza os detalhes por conta própria (ex.: um acordeão "Trip details"
+     * dentro do `checkoutSlot`).
+     */
+    hideAdventures?: boolean;
+    /**
+     * Quando true, oculta a sidebar de compra (card "Booking Total" + CTA) E o rodapé
+     * flutuante mobile, colapsando o layout para coluna única. Use quando o pagamento/CTA
+     * não acontece nesta página (ex.: criação de grupo, em que o sinal é pago depois).
+     */
+    hideSidebar?: boolean;
     className?: string;
 }
 interface BookingShellProps {
@@ -592,7 +604,7 @@ declare function TransferDetailsBlock({ label, items, className, }: TransferDeta
 declare function OfferAdventureCard({ adventure }: {
     adventure: OfferAdventureItem;
 }): react_jsx_runtime.JSX.Element;
-declare function Offer({ logo, logoAlt, title, subtitle, adventures, subtotal, total, depositInfo, agent, onContinue, continueLabel, externalBookingFlow, checkoutSlot, summaryNotesSlot, summaryDiscountLine, continueDisabled, labels, confirmedState, interactionsDisabled, internalDemoCheckout, className, }: OfferProps): react_jsx_runtime.JSX.Element;
+declare function Offer({ logo, logoAlt, title, subtitle, adventures, subtotal, total, depositInfo, agent, onContinue, continueLabel, externalBookingFlow, checkoutSlot, summaryNotesSlot, summaryDiscountLine, continueDisabled, labels, confirmedState, interactionsDisabled, internalDemoCheckout, hideAdventures, hideSidebar, className, }: OfferProps): react_jsx_runtime.JSX.Element;
 
 type BookingStatus = "pending" | "confirmed" | "cancelled" | "completed" | "pendingRegistration" | "pendingPayment" | "pendingPaymentOverdue" | "complete";
 interface BookingTraveller {
@@ -1894,6 +1906,16 @@ interface PartnerBookingCreatedEmailProps {
         name: string;
         country?: string | null;
     };
+    /**
+     * Notas marcadas como visíveis ao parceiro (visibleToPartner=true), já filtradas
+     * e formatadas pelo backend: `body` é texto puro; `meta` é "Autor · Data" já
+     * montada (pode ser ""). Quando presente e não-vazia, renderiza a seção "Notes
+     * from the team"; ausente/vazia = nada renderizado. Spec offer-notes.
+     */
+    partnerNotes?: {
+        body: string;
+        meta: string;
+    }[];
     agent: {
         name: string;
         whatsappUrl?: string;
@@ -1934,13 +1956,15 @@ interface PartnerBookingCreatedEmailLabels {
     registrationPendingNotice?: string;
     /** Aviso (linha 2, enfatizado) antes do closing — sempre visível. */
     mustReplyToConfirm?: string;
+    /** Heading da seção de notas visíveis ao parceiro (Spec offer-notes). */
+    partnerNotesHeading?: string;
     /** Closing principal quando há agente. Recebe nome + URLs e retorna JSX. */
     closingAgent?: (agentName: string, contact: PartnerBookingCreatedAgentContactLinks) => React.ReactNode;
     /** Closing alternativo sem agente. */
     closingNoAgent?: string;
     teamSignature?: string;
 }
-declare function PartnerBookingCreatedEmail({ topNotice, partnerName, bookingNumber, adventureName, dateRange, travellersCount, optionals, rooms, booker, agent, logoUrl, labels, className, }: PartnerBookingCreatedEmailProps): react_jsx_runtime.JSX.Element;
+declare function PartnerBookingCreatedEmail({ topNotice, partnerName, bookingNumber, adventureName, dateRange, travellersCount, optionals, rooms, booker, partnerNotes, agent, logoUrl, labels, className, }: PartnerBookingCreatedEmailProps): react_jsx_runtime.JSX.Element;
 
 interface PaymentReceiptEmailLabels {
     logoAlt?: string;

package/dist/index.js

@@ -2384,6 +2384,8 @@ function Offer({
   confirmedState,
   interactionsDisabled,
   internalDemoCheckout = false,
+  hideAdventures = false,
+  hideSidebar = false,
   className
 }) {
   var _a, _b, _c;
@@ -2399,7 +2401,7 @@ function Offer({
     /* @__PURE__ */ jsx("img", { src: logo, alt: logoAlt, className: "w-[150px] h-auto object-contain mx-auto block" }),
     /* @__PURE__ */ jsx("h1", { className: "text-2xl font-black text-foreground font-heading leading-tight", children: title }),
     subtitle && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground font-sans space-y-1 leading-relaxed", children: subtitle }),
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-[1fr_280px] gap-6 lg:gap-8 items-start", children: [
+    /* @__PURE__ */ jsxs("div", { className: cn("grid grid-cols-1 gap-6 lg:gap-8 items-start", !hideSidebar && "lg:grid-cols-[1fr_280px]"), children: [
       /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-6", children: confirmedState ? /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(
           BookingConfirmedCard,
@@ -2415,7 +2417,7 @@ function Offer({
         ),
         confirmedState.belowSlot
       ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-5", children: [
+        !hideAdventures && /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-5", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsx(MapIcon, { className: "w-5 h-5 text-primary shrink-0" }),
             /* @__PURE__ */ jsx("h2", { className: "font-bold text-foreground font-heading text-base", children: (_b = labels == null ? void 0 : labels.includedAdventures) != null ? _b : "Included Adventures" })
@@ -2448,7 +2450,7 @@ function Offer({
           }
         ) : null)
       ] }) }),
-      /* @__PURE__ */ jsx("div", { className: "lg:sticky lg:top-8", children: /* @__PURE__ */ jsx(
+      !hideSidebar && /* @__PURE__ */ jsx("div", { className: "lg:sticky lg:top-8", children: /* @__PURE__ */ jsx(
         OfferSidebar,
         {
           total,
@@ -2461,7 +2463,7 @@ function Offer({
         }
       ) })
     ] }),
-    !isShowingCheckout && !confirmedState && /* @__PURE__ */ jsx("div", { className: "fixed bottom-0 inset-x-0 z-40 border-t border-border bg-background/95 backdrop-blur-sm px-4 py-3 lg:hidden", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4 max-w-5xl mx-auto", children: [
+    !isShowingCheckout && !confirmedState && !hideSidebar && /* @__PURE__ */ jsx("div", { className: "fixed bottom-0 inset-x-0 z-40 border-t border-border bg-background/95 backdrop-blur-sm px-4 py-3 lg:hidden", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4 max-w-5xl mx-auto", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
         /* @__PURE__ */ jsx("span", { className: "text-[10px] uppercase tracking-widest text-muted-foreground font-heading", children: (_c = labels == null ? void 0 : labels.total) != null ? _c : "Total" }),
         /* @__PURE__ */ jsx("span", { className: "text-xl font-black text-primary font-heading leading-tight", children: total })
@@ -7401,6 +7403,7 @@ var DEFAULT_LABELS11 = {
   },
   registrationPendingNotice: "The travellers' registration details will be sent to you as soon as all travellers have completed their forms.",
   mustReplyToConfirm: "Please reply to this email to confirm the booking.",
+  partnerNotesHeading: "Notes from the team",
   closingAgent: (agentName, contact) => /* @__PURE__ */ jsxs(Fragment, { children: [
     "If you have any questions, your contact ",
     agentName,
@@ -7424,6 +7427,7 @@ function PartnerBookingCreatedEmail({
   optionals,
   rooms,
   booker,
+  partnerNotes,
   agent,
   logoUrl,
   labels,
@@ -7497,6 +7501,52 @@ function PartnerBookingCreatedEmail({
             bedArrangementLabels: l.bedArrangementLabels
           }
         ),
+        Array.isArray(partnerNotes) && partnerNotes.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+          sectionDivider,
+          /* @__PURE__ */ jsx(
+            "p",
+            {
+              style: {
+                marginTop: 0,
+                marginBottom: "16px",
+                paddingBottom: "8px",
+                borderBottom: `2px solid ${emailTokens.primary}`,
+                fontWeight: 700,
+                fontSize: "18px",
+                color: emailTokens.foreground,
+                fontFamily: emailTokens.fontFamily
+              },
+              children: l.partnerNotesHeading
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "table",
+            {
+              role: "presentation",
+              style: {
+                width: "100%",
+                borderCollapse: "collapse",
+                fontSize: "14px",
+                marginBottom: "24px"
+              },
+              children: /* @__PURE__ */ jsx("tbody", { children: partnerNotes.map((note, i) => /* @__PURE__ */ jsx("tr", { style: { borderBottom: `1px solid ${emailTokens.border}` }, children: /* @__PURE__ */ jsxs("td", { style: { padding: "10px 0", color: emailTokens.bodyText, verticalAlign: "top" }, children: [
+                hasText7(note.meta) && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    style: {
+                      fontSize: "12px",
+                      fontWeight: 600,
+                      color: emailTokens.foreground,
+                      marginBottom: "4px"
+                    },
+                    children: note.meta
+                  }
+                ),
+                /* @__PURE__ */ jsx("div", { style: { whiteSpace: "pre-wrap" }, children: note.body })
+              ] }) }, i)) })
+            }
+          )
+        ] }),
         sectionDivider,
         /* @__PURE__ */ jsxs(
           "div",