@planetaexo/design-system 0.3.13 → 0.3.14

package/dist/index.d.cts

@@ -156,8 +156,10 @@ interface TermsSectionProps {
     label: React.ReactNode;
     /** Mensagem de aviso exibida quando não marcado */
     warningMessage?: string | null;
+    /** Label do botão que abre o modal de termos. Default: "Ver termos e condições completos" */
+    viewTermsLabel?: string;
 }
-declare function TermsSection({ title, checked, onChange, label, warningMessage, }: TermsSectionProps): react_jsx_runtime.JSX.Element;
+declare function TermsSection({ title, checked, onChange, label, warningMessage, viewTermsLabel, }: TermsSectionProps): react_jsx_runtime.JSX.Element;
 /** Cartão de aventura isolado (mesmo layout que dentro de `Offer`). */
 declare function OfferAdventureCard({ adventure }: {
     adventure: OfferAdventureItem;

package/dist/index.d.ts

@@ -156,8 +156,10 @@ interface TermsSectionProps {
     label: React.ReactNode;
     /** Mensagem de aviso exibida quando não marcado */
     warningMessage?: string | null;
+    /** Label do botão que abre o modal de termos. Default: "Ver termos e condições completos" */
+    viewTermsLabel?: string;
 }
-declare function TermsSection({ title, checked, onChange, label, warningMessage, }: TermsSectionProps): react_jsx_runtime.JSX.Element;
+declare function TermsSection({ title, checked, onChange, label, warningMessage, viewTermsLabel, }: TermsSectionProps): react_jsx_runtime.JSX.Element;
 /** Cartão de aventura isolado (mesmo layout que dentro de `Offer`). */
 declare function OfferAdventureCard({ adventure }: {
     adventure: OfferAdventureItem;

package/dist/index.js

@@ -1686,13 +1686,73 @@ function PaymentMethodSelector({
     )) })
   ] });
 }
+var TERMS_CONTENT = [
+  {
+    heading: "1. Introdu\xE7\xE3o",
+    body: "Bem-vindo \xE0 PlanetaEXO. Ao acessar nosso site ou realizar uma reserva, voc\xEA concorda com estes Termos e Condi\xE7\xF5es. Por favor, leia-os atentamente antes de efetuar qualquer compra ou reserva."
+  },
+  {
+    heading: "2. Defini\xE7\xF5es",
+    body: '"PlanetaEXO" refere-se \xE0 empresa organizadora de viagens e experi\xEAncias. "Cliente" refere-se \xE0 pessoa que realiza a reserva. "Servi\xE7o" refere-se a qualquer pacote de viagem, aventura, passeio ou experi\xEAncia oferecida pela PlanetaEXO.'
+  },
+  {
+    heading: "3. Reservas e Confirma\xE7\xE3o",
+    body: "Uma reserva \xE9 considerada confirmada somente ap\xF3s o recebimento do pagamento (total ou dep\xF3sito conforme aplic\xE1vel) e o envio de confirma\xE7\xE3o por escrito pela PlanetaEXO. A PlanetaEXO reserva-se o direito de recusar ou cancelar reservas a seu crit\xE9rio."
+  },
+  {
+    heading: "4. Pre\xE7os e Pagamento",
+    body: "Todos os pre\xE7os s\xE3o expressos na moeda indicada na proposta e podem estar sujeitos a varia\xE7\xE3o cambial. O pagamento do dep\xF3sito ou valor total deve ser realizado nos prazos estipulados na proposta. A PlanetaEXO n\xE3o se responsabiliza por flutua\xE7\xF5es cambiais ap\xF3s a confirma\xE7\xE3o da reserva."
+  },
+  {
+    heading: "5. Pol\xEDtica de Cancelamento",
+    body: "Cancelamentos devem ser comunicados por escrito \xE0 PlanetaEXO. As penalidades de cancelamento variam conforme o prazo de anteced\xEAncia: cancelamentos com mais de 30 dias de anteced\xEAncia incorrem em perda do dep\xF3sito; cancelamentos com menos de 30 dias incorrem em perda de 50% do valor total; cancelamentos com menos de 15 dias incorrem em perda de 100% do valor total. Casos especiais (for\xE7a maior, emerg\xEAncias m\xE9dicas comprovadas) ser\xE3o avaliados individualmente."
+  },
+  {
+    heading: "6. Altera\xE7\xF5es de Itiner\xE1rio",
+    body: "A PlanetaEXO reserva-se o direito de modificar itiner\xE1rios, acomoda\xE7\xF5es ou atividades por raz\xF5es de seguran\xE7a, condi\xE7\xF5es clim\xE1ticas, for\xE7a maior ou outras circunst\xE2ncias fora de seu controle, sem que isso implique em responsabilidade por perdas ou danos. Em caso de altera\xE7\xF5es significativas, o cliente ser\xE1 notificado o mais brevemente poss\xEDvel."
+  },
+  {
+    heading: "7. Responsabilidades do Cliente",
+    body: "O cliente \xE9 respons\xE1vel por: (a) garantir que possui documenta\xE7\xE3o v\xE1lida (passaporte, vistos, vacinas) para os destinos da viagem; (b) contratar seguro de viagem adequado; (c) informar eventuais condi\xE7\xF5es m\xE9dicas ou restri\xE7\xF5es alimentares relevantes; (d) cumprir as leis e regulamentos locais dos destinos visitados."
+  },
+  {
+    heading: "8. Seguro de Viagem",
+    body: "Recomendamos fortemente a contrata\xE7\xE3o de seguro de viagem abrangente que cubra cancelamento, emerg\xEAncias m\xE9dicas, evacua\xE7\xE3o e bagagem. A PlanetaEXO n\xE3o se responsabiliza por despesas resultantes de situa\xE7\xF5es cobertas por seguro que o cliente tenha optado por n\xE3o contratar."
+  },
+  {
+    heading: "9. Limita\xE7\xE3o de Responsabilidade",
+    body: "A responsabilidade da PlanetaEXO limita-se ao valor total pago pelo cliente. A PlanetaEXO n\xE3o se responsabiliza por danos indiretos, perdas de receita, danos morais ou outras consequ\xEAncias decorrentes de falhas em servi\xE7os de terceiros (companhias a\xE9reas, hot\xE9is, operadores locais) ou eventos de for\xE7a maior."
+  },
+  {
+    heading: "10. Sa\xFAde e Seguran\xE7a",
+    body: "Algumas atividades oferecidas pela PlanetaEXO podem envolver riscos f\xEDsicos. O cliente deve avaliar sua condi\xE7\xE3o de sa\xFAde e aptid\xE3o f\xEDsica antes de confirmar a reserva. A PlanetaEXO pode recusar a participa\xE7\xE3o de clientes que n\xE3o atendam aos requisitos m\xEDnimos de sa\xFAde e seguran\xE7a de uma atividade."
+  },
+  {
+    heading: "11. Privacidade e Dados Pessoais",
+    body: "As informa\xE7\xF5es fornecidas pelo cliente ser\xE3o utilizadas exclusivamente para a presta\xE7\xE3o dos servi\xE7os contratados e para fins operacionais relacionados. A PlanetaEXO compromete-se a proteger os dados pessoais dos clientes conforme a legisla\xE7\xE3o aplic\xE1vel (LGPD no Brasil). Os dados n\xE3o ser\xE3o vendidos ou compartilhados com terceiros, exceto fornecedores necess\xE1rios para a execu\xE7\xE3o dos servi\xE7os."
+  },
+  {
+    heading: "12. Propriedade Intelectual",
+    body: "Todo o conte\xFAdo do site e dos materiais da PlanetaEXO (textos, imagens, logotipos, itiner\xE1rios) \xE9 protegido por direitos autorais. \xC9 proibida a reprodu\xE7\xE3o, distribui\xE7\xE3o ou uso comercial sem autoriza\xE7\xE3o pr\xE9via e expressa da PlanetaEXO."
+  },
+  {
+    heading: "13. Resolu\xE7\xE3o de Disputas",
+    body: "Eventuais disputas ser\xE3o resolvidas preferencialmente por media\xE7\xE3o. Caso n\xE3o haja acordo, as partes elegem o foro da Comarca de S\xE3o Paulo, Brasil, para dirimir quaisquer controv\xE9rsias decorrentes destes Termos, com ren\xFAncia de qualquer outro, por mais privilegiado que seja."
+  },
+  {
+    heading: "14. Aceita\xE7\xE3o dos Termos",
+    body: "Ao realizar uma reserva com a PlanetaEXO, o cliente declara ter lido, compreendido e concordado com todos estes Termos e Condi\xE7\xF5es. Estes termos podem ser atualizados periodicamente; a vers\xE3o vigente estar\xE1 sempre dispon\xEDvel no site oficial da PlanetaEXO."
+  }
+];
 function TermsSection({
   title = "Terms and conditions",
   checked,
   onChange,
   label,
-  warningMessage
+  warningMessage,
+  viewTermsLabel = "Ver termos e condi\xE7\xF5es completos"
 }) {
+  const [modalOpen, setModalOpen] = React19.useState(false);
   return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-border p-4 flex flex-col gap-3", children: [
     /* @__PURE__ */ jsx("p", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: title }),
     /* @__PURE__ */ jsxs("label", { className: "flex items-start gap-2.5 cursor-pointer", children: [
@@ -1707,7 +1767,30 @@ function TermsSection({
       ),
       /* @__PURE__ */ jsx("span", { className: "text-sm font-sans text-foreground/80 leading-snug", children: label })
     ] }),
-    !checked && warningMessage && /* @__PURE__ */ jsx("p", { className: "text-xs text-amber-400 flex items-center gap-1", children: warningMessage })
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => setModalOpen(true),
+        className: "self-start text-xs text-primary underline underline-offset-2 font-sans hover:text-primary/80 transition-colors",
+        children: viewTermsLabel
+      }
+    ),
+    !checked && warningMessage && /* @__PURE__ */ jsx("p", { className: "text-xs text-amber-400 flex items-center gap-1", children: warningMessage }),
+    /* @__PURE__ */ jsx(Dialog, { open: modalOpen, onOpenChange: setModalOpen, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-2xl w-full max-h-[80vh] overflow-y-auto", children: [
+      /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { className: "font-heading text-xl", children: "Termos e Condi\xE7\xF5es \u2014 PlanetaEXO" }) }),
+      /* @__PURE__ */ jsx("div", { className: "mt-4 space-y-5 text-sm font-sans text-foreground/80 leading-relaxed", children: TERMS_CONTENT.map((section) => /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "font-bold text-foreground font-heading mb-1", children: section.heading }),
+        /* @__PURE__ */ jsx("p", { children: section.body })
+      ] }, section.heading)) }),
+      /* @__PURE__ */ jsx("div", { className: "mt-6 flex justify-end", children: /* @__PURE__ */ jsx(
+        DialogClose,
+        {
+          className: "px-4 py-2 rounded-lg bg-primary text-white text-sm font-heading font-semibold hover:bg-primary/90 transition-colors",
+          children: "Fechar"
+        }
+      ) })
+    ] }) })
   ] });
 }
 var WIZARD_STEPS = [