@planetaexo/design-system 0.46.3 → 0.48.2

package/dist/index.cjs

@@ -219,11 +219,13 @@ function DialogContent(_a) {
   var _b = _a, {
     className,
     children,
-    showCloseButton = true
+    showCloseButton = true,
+    closeLabel = "Close"
   } = _b, props = __objRest(_b, [
     "className",
     "children",
-    "showCloseButton"
+    "showCloseButton",
+    "closeLabel"
   ]);
   return /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
@@ -255,7 +257,7 @@ function DialogContent(_a) {
                   lucideReact.XIcon,
                   {}
                 ),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: closeLabel })
               ]
             }
           )
@@ -278,10 +280,12 @@ function DialogFooter(_a) {
   var _b = _a, {
     className,
     showCloseButton = false,
+    closeLabel = "Close",
     children
   } = _b, props = __objRest(_b, [
     "className",
     "showCloseButton",
+    "closeLabel",
     "children"
   ]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -295,7 +299,7 @@ function DialogFooter(_a) {
     }, props), {
       children: [
         children,
-        showCloseButton && /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Close, { render: /* @__PURE__ */ jsxRuntime.jsx(Button2, { variant: "outline" }), children: "Close" })
+        showCloseButton && /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Close, { render: /* @__PURE__ */ jsxRuntime.jsx(Button2, { variant: "outline" }), children: closeLabel })
       ]
     })
   );
@@ -7381,6 +7385,37 @@ function BookingForm({
     }
   );
 }
+
+// src/lib/cpf.ts
+function formatCpf(value) {
+  const digits = value.replace(/\D/g, "").slice(0, 11);
+  if (digits.length <= 3) return digits;
+  if (digits.length <= 6) return `${digits.slice(0, 3)}.${digits.slice(3)}`;
+  if (digits.length <= 9) {
+    return `${digits.slice(0, 3)}.${digits.slice(3, 6)}.${digits.slice(6)}`;
+  }
+  return `${digits.slice(0, 3)}.${digits.slice(3, 6)}.${digits.slice(6, 9)}-${digits.slice(9)}`;
+}
+function validateCpf(value) {
+  const digits = value.replace(/\D/g, "");
+  if (digits.length !== 11) return false;
+  if (/^(\d)\1{10}$/.test(digits)) return false;
+  let sum = 0;
+  for (let i = 0; i < 9; i++) {
+    sum += parseInt(digits[i], 10) * (10 - i);
+  }
+  let remainder = sum % 11;
+  const firstDigit = remainder < 2 ? 0 : 11 - remainder;
+  if (firstDigit !== parseInt(digits[9], 10)) return false;
+  sum = 0;
+  for (let i = 0; i < 10; i++) {
+    sum += parseInt(digits[i], 10) * (11 - i);
+  }
+  remainder = sum % 11;
+  const secondDigit = remainder < 2 ? 0 : 11 - remainder;
+  if (secondDigit !== parseInt(digits[10], 10)) return false;
+  return true;
+}
 var DEFAULT_LABELS11 = {
   formSubtitle: "To confirm your participation, please complete this short form. It's required for all travellers and helps us coordinate logistics with our local partners and tailor the experience to you.",
   detailsSectionTitle: "Your details",
@@ -8003,6 +8038,82 @@ function FieldRenderer({
       }
     );
   }
+  if (field.type === "address") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      FloatingInput,
+      {
+        label: field.label,
+        required: field.required,
+        disabled,
+        autoComplete: "address-line1",
+        value: typeof value === "string" ? value : "",
+        onChange: (e) => onChange(e.target.value),
+        error
+      }
+    );
+  }
+  if (field.type === "addressLine2") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      FloatingInput,
+      {
+        label: field.label,
+        required: field.required,
+        disabled,
+        autoComplete: "address-line2",
+        value: typeof value === "string" ? value : "",
+        onChange: (e) => onChange(e.target.value),
+        error
+      }
+    );
+  }
+  if (field.type === "city") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      FloatingInput,
+      {
+        label: field.label,
+        required: field.required,
+        disabled,
+        autoComplete: "address-level2",
+        value: typeof value === "string" ? value : "",
+        onChange: (e) => onChange(e.target.value),
+        error
+      }
+    );
+  }
+  if (field.type === "postalCode") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      FloatingInput,
+      {
+        label: field.label,
+        required: field.required,
+        disabled,
+        autoComplete: "postal-code",
+        value: typeof value === "string" ? value : "",
+        onChange: (e) => onChange(e.target.value),
+        error
+      }
+    );
+  }
+  if (field.type === "document") {
+    const raw = typeof value === "string" ? value : "";
+    const displayValue = validateCpf(raw) ? formatCpf(raw) : raw;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      FloatingInput,
+      {
+        label: field.label,
+        required: field.required,
+        disabled,
+        autoComplete: "off",
+        value: displayValue,
+        onChange: (e) => {
+          const next = e.target.value;
+          const hasLetters = /[a-zA-Z]/.test(next);
+          onChange(hasLetters ? next : next.replace(/\D/g, ""));
+        },
+        error
+      }
+    );
+  }
   const htmlType = field.label.toLowerCase().includes("mail") ? "email" : "text";
   return /* @__PURE__ */ jsxRuntime.jsx(
     FloatingInput,
@@ -11939,10 +12050,9 @@ function TripHeader({
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/85 via-black/20 to-transparent" }),
               siteHeader && /* @__PURE__ */ jsxRuntime.jsx(
                 SiteHeader,
-                {
-                  links: Array.isArray(siteHeader) ? siteHeader : void 0,
+                __spreadProps(__spreadValues({}, Array.isArray(siteHeader) ? { links: siteHeader } : typeof siteHeader === "object" ? siteHeader : {}), {
                   position: "overlay"
-                }
+                })
               ),
               !videoUrl && showCarousel && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -13962,9 +14072,11 @@ exports.TrustpilotEmbed = TrustpilotEmbed;
 exports.buttonVariants = buttonVariants;
 exports.cn = cn;
 exports.emailTokens = emailTokens;
+exports.formatCpf = formatCpf;
 exports.getStripeAppearance = getStripeAppearance;
 exports.itineraryDaySpecIcons = itineraryDaySpecIcons;
 exports.stripeAppearance = stripeAppearance;
+exports.validateCpf = validateCpf;
 exports.wrapEmailHtml = wrapEmailHtml;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map