@planetaexo/design-system 0.3.18 → 0.3.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +4 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +3 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +4 -3
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -156,8 +156,10 @@ interface TermsSectionProps {
|
|
|
156
156
|
warningMessage?: string | null;
|
|
157
157
|
/** Locale for label and modal translations. Default: "en" */
|
|
158
158
|
locale?: "en" | "pt" | "fr" | "de";
|
|
159
|
+
/** Conteúdo customizado do modal de T&C. Quando fornecido, substitui o conteúdo padrão. */
|
|
160
|
+
termsContent?: React.ReactNode;
|
|
159
161
|
}
|
|
160
|
-
declare function TermsSection({ title, checked, onChange, warningMessage, locale, }: TermsSectionProps): react_jsx_runtime.JSX.Element;
|
|
162
|
+
declare function TermsSection({ title, checked, onChange, warningMessage, locale, termsContent, }: TermsSectionProps): react_jsx_runtime.JSX.Element;
|
|
161
163
|
interface BookingConfirmedCardProps {
|
|
162
164
|
/** Title shown in large text. Default: "Booking confirmed!" */
|
|
163
165
|
title?: string;
|
package/dist/index.d.ts
CHANGED
|
@@ -156,8 +156,10 @@ interface TermsSectionProps {
|
|
|
156
156
|
warningMessage?: string | null;
|
|
157
157
|
/** Locale for label and modal translations. Default: "en" */
|
|
158
158
|
locale?: "en" | "pt" | "fr" | "de";
|
|
159
|
+
/** Conteúdo customizado do modal de T&C. Quando fornecido, substitui o conteúdo padrão. */
|
|
160
|
+
termsContent?: React.ReactNode;
|
|
159
161
|
}
|
|
160
|
-
declare function TermsSection({ title, checked, onChange, warningMessage, locale, }: TermsSectionProps): react_jsx_runtime.JSX.Element;
|
|
162
|
+
declare function TermsSection({ title, checked, onChange, warningMessage, locale, termsContent, }: TermsSectionProps): react_jsx_runtime.JSX.Element;
|
|
161
163
|
interface BookingConfirmedCardProps {
|
|
162
164
|
/** Title shown in large text. Default: "Booking confirmed!" */
|
|
163
165
|
title?: string;
|
package/dist/index.js
CHANGED
|
@@ -1749,7 +1749,8 @@ function TermsSection({
|
|
|
1749
1749
|
checked,
|
|
1750
1750
|
onChange,
|
|
1751
1751
|
warningMessage,
|
|
1752
|
-
locale = "en"
|
|
1752
|
+
locale = "en",
|
|
1753
|
+
termsContent
|
|
1753
1754
|
}) {
|
|
1754
1755
|
var _a;
|
|
1755
1756
|
const [modalOpen, setModalOpen] = React21.useState(false);
|
|
@@ -1786,7 +1787,7 @@ function TermsSection({
|
|
|
1786
1787
|
i18n.modalTitle,
|
|
1787
1788
|
" \u2014 PlanetaEXO"
|
|
1788
1789
|
] }) }),
|
|
1789
|
-
/* @__PURE__ */ jsx("div", { className: "mt-4 space-y-5 text-sm font-sans text-foreground/80 leading-relaxed", children: TERMS_CONTENT.map((section, i) => /* @__PURE__ */ jsxs("div", { children: [
|
|
1790
|
+
/* @__PURE__ */ jsx("div", { className: "mt-4 space-y-5 text-sm font-sans text-foreground/80 leading-relaxed", children: termsContent != null ? termsContent : TERMS_CONTENT.map((section, i) => /* @__PURE__ */ jsxs("div", { children: [
|
|
1790
1791
|
section.heading && /* @__PURE__ */ jsx("p", { className: "font-bold text-foreground font-heading mb-1", children: section.heading }),
|
|
1791
1792
|
/* @__PURE__ */ jsx("p", { children: section.body })
|
|
1792
1793
|
] }, i)) }),
|
|
@@ -2078,7 +2079,7 @@ function Offer({
|
|
|
2078
2079
|
if (!checkoutSlot && !externalBookingFlow) setShowBooking(true);
|
|
2079
2080
|
onContinue == null ? void 0 : onContinue();
|
|
2080
2081
|
};
|
|
2081
|
-
return /* @__PURE__ */ jsxs("div", { className: cn("w-full max-w-5xl mx-auto flex flex-col gap-6 pb-20 lg:pb-0", className), children: [
|
|
2082
|
+
return /* @__PURE__ */ jsxs("div", { className: cn("w-full max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col gap-6 pb-20 lg:pb-0", className), children: [
|
|
2082
2083
|
/* @__PURE__ */ jsx("img", { src: logo, alt: logoAlt, className: "w-[150px] h-auto object-contain mx-auto block" }),
|
|
2083
2084
|
/* @__PURE__ */ jsx("h1", { className: "text-2xl font-black text-foreground font-heading leading-tight", children: title }),
|
|
2084
2085
|
subtitle && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground font-sans space-y-1 leading-relaxed", children: subtitle }),
|