@planetaexo/design-system 0.92.2 → 0.92.4

package/dist/index.cjs

@@ -7107,6 +7107,7 @@ var DEFAULT_LABELS10 = {
   expectationsHeading: "Travellers Expectations",
   expectationsEmptyNote: "No expectations were collected for this adventure.",
   expectationsEmptyAnswer: "\u2014",
+  partnerNotesHeading: "Notes from the team",
   pdfNote: "The consolidated registration PDF is attached. Please review it carefully, as it contains important traveller information, including dietary restrictions, medical conditions, preferences, and other details that may help improve the guest experience and ensure proper preparation.",
   closingAgent: (agentName, contact) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     "If you have any questions, your contact ",
@@ -7135,6 +7136,7 @@ function PartnerRegistrationCompleteEmail({
   bookingPersonPassport,
   travellersCount,
   expectations,
+  partnerNotes,
   pdfAttached,
   agent,
   logoUrl,
@@ -7259,6 +7261,51 @@ function PartnerRegistrationCompleteEmail({
             }) })
           }
         ) : /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginTop: 0, marginBottom: "24px", color: emailTokens.bodyText }, children: l.expectationsEmptyNote }),
+        Array.isArray(partnerNotes) && partnerNotes.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+            "table",
+            {
+              role: "presentation",
+              style: {
+                width: "100%",
+                borderCollapse: "collapse",
+                fontSize: "14px",
+                marginBottom: "24px"
+              },
+              children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: partnerNotes.map((note, i) => /* @__PURE__ */ jsxRuntime.jsx("tr", { style: { borderBottom: `1px solid ${emailTokens.border}` }, children: /* @__PURE__ */ jsxRuntime.jsxs("td", { style: { padding: "10px 0", color: emailTokens.bodyText, verticalAlign: "top" }, children: [
+                hasText6(note.meta) && /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    style: {
+                      fontSize: "12px",
+                      fontWeight: 600,
+                      color: emailTokens.foreground,
+                      marginBottom: "4px"
+                    },
+                    children: note.meta
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { style: { whiteSpace: "pre-wrap" }, children: note.body })
+              ] }) }, i)) })
+            }
+          )
+        ] }),
         pdfAttached && hasText6(l.pdfNote) && /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
@@ -13796,6 +13843,8 @@ function SiteHeader({
   const [mobileOpen, setMobileOpen] = React20__namespace.useState(false);
   const [openMobileSection, setOpenMobileSection] = React20__namespace.useState(null);
   const [activeLang, setActiveLang] = React20__namespace.useState(currentLanguage);
+  const [mounted, setMounted] = React20__namespace.useState(false);
+  React20__namespace.useEffect(() => setMounted(true), []);
   const toggleMobileSection = (label) => setOpenMobileSection((prev) => prev === label ? null : label);
   const menuCloseTimer = React20__namespace.useRef(void 0);
   const langCloseTimer = React20__namespace.useRef(void 0);
@@ -14000,157 +14049,160 @@ function SiteHeader({
             )
           ] })
         ] }),
-        mobileOpen && /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: cn(
-              "fixed inset-0 z-50 lg:hidden flex flex-col",
-              variant === "white" ? "bg-white" : "bg-primary-900"
-            ),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-6 h-[72px] shrink-0 border-b border-white/8", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("a", { href: logoHref, className: "shrink-0 flex items-center", onClick: () => setMobileOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(
-                  "img",
-                  {
-                    src: resolvedLogo,
-                    alt: logoAlt,
-                    className: "h-14 w-auto select-none",
-                    draggable: false
-                  }
-                ) }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => setMobileOpen(false),
-                    "aria-label": (_e = labels == null ? void 0 : labels.closeMenu) != null ? _e : "Close menu",
-                    className: cn(
-                      "flex h-9 w-9 items-center justify-center rounded-full transition-colors",
-                      t.mobileTrigger
-                    ),
-                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "h-5 w-5" })
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "flex-1 overflow-y-auto px-6 py-6 flex flex-col gap-1", children: links.map((link) => {
-                var _a2, _b2;
-                const hasDropdown = !!((_a2 = link.items) == null ? void 0 : _a2.length);
-                const isExpanded = openMobileSection === link.label;
-                return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                  hasDropdown ? /* @__PURE__ */ jsxRuntime.jsxs(
-                    "button",
+        mounted && mobileOpen && reactDom.createPortal(
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: cn(
+                "fixed inset-0 z-[1000] lg:hidden flex flex-col",
+                variant === "white" ? "bg-white" : "bg-primary-900"
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-6 h-[72px] shrink-0 border-b border-white/8", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("a", { href: logoHref, className: "shrink-0 flex items-center", onClick: () => setMobileOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "img",
                     {
-                      type: "button",
-                      onClick: () => toggleMobileSection(link.label),
-                      className: cn(
-                        "flex items-center justify-between w-full py-4 text-xl font-ui font-black transition-colors border-b border-white/8",
-                        t.mobileLink
-                      ),
-                      children: [
-                        link.label,
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          lucideReact.ChevronDownIcon,
-                          {
-                            className: cn(
-                              "h-5 w-5 transition-transform duration-200 opacity-40",
-                              isExpanded && "rotate-180"
-                            )
-                          }
-                        )
-                      ]
+                      src: resolvedLogo,
+                      alt: logoAlt,
+                      className: "h-14 w-auto select-none",
+                      draggable: false
                     }
-                  ) : /* @__PURE__ */ jsxRuntime.jsx(
-                    "a",
+                  ) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
                     {
-                      href: (_b2 = link.href) != null ? _b2 : "#",
+                      type: "button",
                       onClick: () => setMobileOpen(false),
+                      "aria-label": (_e = labels == null ? void 0 : labels.closeMenu) != null ? _e : "Close menu",
                       className: cn(
-                        "flex items-center py-4 text-xl font-ui font-black transition-colors border-b border-white/8",
-                        t.mobileLink
+                        "flex h-9 w-9 items-center justify-center rounded-full transition-colors",
+                        t.mobileTrigger
                       ),
-                      children: link.label
+                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "h-5 w-5" })
                     }
-                  ),
-                  hasDropdown && isExpanded && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-0 pl-4 pb-2", children: link.items.map((item) => {
-                    var _a3;
-                    return /* @__PURE__ */ jsxRuntime.jsx(
+                  )
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "flex-1 overflow-y-auto px-6 py-6 flex flex-col gap-1", children: links.map((link) => {
+                  var _a2, _b2;
+                  const hasDropdown = !!((_a2 = link.items) == null ? void 0 : _a2.length);
+                  const isExpanded = openMobileSection === link.label;
+                  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                    hasDropdown ? /* @__PURE__ */ jsxRuntime.jsxs(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => toggleMobileSection(link.label),
+                        className: cn(
+                          "flex items-center justify-between w-full py-4 text-xl font-ui font-black transition-colors border-b border-white/8",
+                          t.mobileLink
+                        ),
+                        children: [
+                          link.label,
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            lucideReact.ChevronDownIcon,
+                            {
+                              className: cn(
+                                "h-5 w-5 transition-transform duration-200 opacity-40",
+                                isExpanded && "rotate-180"
+                              )
+                            }
+                          )
+                        ]
+                      }
+                    ) : /* @__PURE__ */ jsxRuntime.jsx(
                       "a",
                       {
-                        href: (_a3 = item.href) != null ? _a3 : "#",
+                        href: (_b2 = link.href) != null ? _b2 : "#",
                         onClick: () => setMobileOpen(false),
                         className: cn(
-                          "py-3 text-base font-ui font-bold transition-colors border-b",
-                          t.mobileSub
+                          "flex items-center py-4 text-xl font-ui font-black transition-colors border-b border-white/8",
+                          t.mobileLink
                         ),
-                        children: item.label
-                      },
-                      item.label
-                    );
-                  }) })
-                ] }, link.label);
-              }) }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(
-                "shrink-0 px-6 py-5 flex items-center justify-between border-t",
-                variant === "white" ? "border-border" : "border-white/10"
-              ), children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5 flex-wrap", children: languages.map((lang, i) => {
-                  const isActive = lang.code === activeLang;
-                  return /* @__PURE__ */ jsxRuntime.jsxs(React20__namespace.Fragment, { children: [
-                    i > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(
-                      "text-xs select-none",
-                      variant === "white" ? "text-border" : "text-white/15"
-                    ), children: "\xB7" }),
+                        children: link.label
+                      }
+                    ),
+                    hasDropdown && isExpanded && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-0 pl-4 pb-2", children: link.items.map((item) => {
+                      var _a3;
+                      return /* @__PURE__ */ jsxRuntime.jsx(
+                        "a",
+                        {
+                          href: (_a3 = item.href) != null ? _a3 : "#",
+                          onClick: () => setMobileOpen(false),
+                          className: cn(
+                            "py-3 text-base font-ui font-bold transition-colors border-b",
+                            t.mobileSub
+                          ),
+                          children: item.label
+                        },
+                        item.label
+                      );
+                    }) })
+                  ] }, link.label);
+                }) }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(
+                  "shrink-0 px-6 py-5 flex items-center justify-between border-t",
+                  variant === "white" ? "border-border" : "border-white/10"
+                ), children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5 flex-wrap", children: languages.map((lang, i) => {
+                    const isActive = lang.code === activeLang;
+                    return /* @__PURE__ */ jsxRuntime.jsxs(React20__namespace.Fragment, { children: [
+                      i > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(
+                        "text-xs select-none",
+                        variant === "white" ? "text-border" : "text-white/15"
+                      ), children: "\xB7" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => handleLangSelect(lang.code),
+                          className: cn(
+                            "font-ui font-black transition-all duration-150 rounded-full",
+                            isActive ? cn(
+                              "text-sm px-3 py-1 border",
+                              variant === "white" ? "text-primary border-primary bg-primary/8" : "text-primary-400 border-primary-400/50 bg-primary-400/10"
+                            ) : cn(
+                              "text-xs px-2 py-1",
+                              variant === "white" ? "text-muted-foreground hover:text-foreground" : "text-white/35 hover:text-white/70"
+                            )
+                          ),
+                          children: lang.code
+                        }
+                      )
+                    ] }, lang.code);
+                  }) }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
                     /* @__PURE__ */ jsxRuntime.jsx(
                       "button",
                       {
                         type: "button",
-                        onClick: () => handleLangSelect(lang.code),
-                        className: cn(
-                          "font-ui font-black transition-all duration-150 rounded-full",
-                          isActive ? cn(
-                            "text-sm px-3 py-1 border",
-                            variant === "white" ? "text-primary border-primary bg-primary/8" : "text-primary-400 border-primary-400/50 bg-primary-400/10"
-                          ) : cn(
-                            "text-xs px-2 py-1",
-                            variant === "white" ? "text-muted-foreground hover:text-foreground" : "text-white/35 hover:text-white/70"
-                          )
-                        ),
-                        children: lang.code
+                        onClick: () => {
+                          onSearch == null ? void 0 : onSearch();
+                          setMobileOpen(false);
+                        },
+                        "aria-label": (_f = labels == null ? void 0 : labels.search) != null ? _f : "Search",
+                        className: cn("flex h-9 w-9 items-center justify-center rounded-full transition-colors", t.icon),
+                        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, { className: "h-[18px] w-[18px]" })
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => {
+                          onAccount == null ? void 0 : onAccount();
+                          setMobileOpen(false);
+                        },
+                        "aria-label": (_g = labels == null ? void 0 : labels.account) != null ? _g : "Account",
+                        className: cn("flex h-9 w-9 items-center justify-center rounded-full transition-colors", t.icon),
+                        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserIcon, { className: "h-[18px] w-[18px]" })
                       }
                     )
-                  ] }, lang.code);
-                }) }),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => {
-                        onSearch == null ? void 0 : onSearch();
-                        setMobileOpen(false);
-                      },
-                      "aria-label": (_f = labels == null ? void 0 : labels.search) != null ? _f : "Search",
-                      className: cn("flex h-9 w-9 items-center justify-center rounded-full transition-colors", t.icon),
-                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, { className: "h-[18px] w-[18px]" })
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => {
-                        onAccount == null ? void 0 : onAccount();
-                        setMobileOpen(false);
-                      },
-                      "aria-label": (_g = labels == null ? void 0 : labels.account) != null ? _g : "Account",
-                      className: cn("flex h-9 w-9 items-center justify-center rounded-full transition-colors", t.icon),
-                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserIcon, { className: "h-[18px] w-[18px]" })
-                    }
-                  )
+                  ] })
                 ] })
-              ] })
-            ]
-          }
+              ]
+            }
+          ),
+          document.body
         )
       ]
     }
@@ -19939,7 +19991,7 @@ function ExpeditionsRail({ eyebrow, title, subtitle, link, trips }) {
             type: "button",
             onClick: () => scrollByCard(-1),
             "aria-label": "Previous expeditions",
-            className: "flex h-11 w-11 items-center justify-center rounded-full border border-border bg-background text-foreground transition-colors hover:border-primary hover:bg-primary hover:text-primary-foreground",
+            className: "hidden h-11 w-11 items-center justify-center rounded-full border border-border bg-background text-foreground transition-colors hover:border-primary hover:bg-primary hover:text-primary-foreground lg:flex",
             children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, { className: "h-5 w-5" })
           }
         ),
@@ -19949,7 +20001,7 @@ function ExpeditionsRail({ eyebrow, title, subtitle, link, trips }) {
             type: "button",
             onClick: () => scrollByCard(1),
             "aria-label": "Next expeditions",
-            className: "flex h-11 w-11 items-center justify-center rounded-full border border-border bg-background text-foreground transition-colors hover:border-primary hover:bg-primary hover:text-primary-foreground",
+            className: "hidden h-11 w-11 items-center justify-center rounded-full border border-border bg-background text-foreground transition-colors hover:border-primary hover:bg-primary hover:text-primary-foreground lg:flex",
             children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "h-5 w-5" })
           }
         )