@greatapps/common 1.1.699 → 1.1.701

package/dist/components/modals/HexaPromoModal.mjs

@@ -0,0 +1,166 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { toast } from "sonner";
+import {
+  IconCheck,
+  IconCopy,
+  IconInfoCircle,
+  IconStar,
+  IconTicket,
+  IconX
+} from "@tabler/icons-react";
+import { Dialog, DialogClose, DialogContent, DialogTitle } from "../ui/overlay/Dialog";
+import { Toast } from "../ui/feedback/Toast";
+import { Button } from "../ui/buttons/Button";
+import useCopyToClipboard from "../../hooks/copy-to-clipboard.hook";
+import { useModalManager } from "../../store/useModalManager";
+import { useWhitelabelUrls } from "../../providers/whitelabel.provider";
+import { cn } from "../../infra/utils/clsx";
+const COPY = {
+  title: "Rumo ao Hexa!",
+  subtitlePrefix: "Ofertas exclusivas at\xE9 ",
+  subtitleDate: "24/06",
+  mostChosen: "Mais escolhido",
+  couponLabel: "Cupom",
+  choosePlan: "Escolher plano",
+  couponCopied: "Cupom copiado!",
+  close: "Fechar",
+  footerPrefix: "V\xE1lido para a ",
+  footerBold: "primeira contrata\xE7\xE3o",
+  footerSuffix: " dos planos Essencial, Neg\xF3cio ou Ag\xEAncia"
+};
+const COMBOS = [
+  {
+    coupon: "MENSAL10",
+    name: "Combo convoca\xE7\xE3o",
+    highlighted: false,
+    features: ["10% OFF no plano mensal", "Webinars exclusivos"]
+  },
+  {
+    coupon: "SEMESTRAL10",
+    name: "Combo Hexa",
+    highlighted: true,
+    features: ["10% OFF no plano semestral", "3 templates exclusivos", "Webinars exclusivos"]
+  },
+  {
+    coupon: "ANUAL10",
+    name: "Combo escala\xE7\xE3o",
+    highlighted: false,
+    features: ["10% OFF no plano anual", "3 templates exclusivos"]
+  }
+];
+const GRADIENT = "linear-gradient(180deg, #08c44f 0%, #7bd237 46.6%, #ffe31b 100%)";
+function HexaPromoModal() {
+  const { activeModal, closeModal } = useModalManager();
+  const { accountsUrl } = useWhitelabelUrls();
+  const isOpen = activeModal === "hexaPromoModal";
+  const goToPlans = (coupon) => {
+    closeModal();
+    const url = `${accountsUrl}/subscriptions?tab=plans&coupon=${encodeURIComponent(coupon)}`;
+    window.location.assign(url);
+  };
+  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: () => closeModal(), children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      showCloseButton: false,
+      onOpenAutoFocus: (e) => e.preventDefault(),
+      className: "border-0 bg-transparent p-0 shadow-none w-[calc(100%-32px)] sm:max-w-[940px] md:w-[924px] lg:w-[924px] max-h-[calc(100dvh-32px)] overflow-y-auto",
+      children: [
+        /* @__PURE__ */ jsx(DialogTitle, { className: "sr-only", children: COPY.title }),
+        /* @__PURE__ */ jsx("div", { className: "rounded-[12px] p-1", style: { background: GRADIENT }, children: /* @__PURE__ */ jsxs("div", { className: "relative overflow-hidden rounded-[10px] bg-white p-8 shadow-[0px_2px_10px_0px_rgba(26,26,26,0.05)]", children: [
+          /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: "/promo/hexa-confetti.png",
+              alt: "",
+              "aria-hidden": true,
+              className: "pointer-events-none absolute -top-10 right-0 w-[280px] -rotate-16 select-none"
+            }
+          ),
+          /* @__PURE__ */ jsxs(DialogClose, { className: "absolute right-3 top-3 z-10 flex size-8 items-center justify-center rounded-lg p-2 text-zinc-500 transition-colors hover:bg-zinc-100 hover:text-zinc-950 focus:outline-none", children: [
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: COPY.close }),
+            /* @__PURE__ */ jsx(IconX, { className: "size-[18px]" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "relative z-[1] flex w-fit items-center gap-[9px] rounded-lg bg-zinc-100 px-[9px] py-2", children: [
+            /* @__PURE__ */ jsx("img", { src: "/promo/hexa-logo.svg", alt: "", "aria-hidden": true, className: "size-6 select-none" }),
+            /* @__PURE__ */ jsx("img", { src: "/promo/hexa-flag.png", alt: "", "aria-hidden": true, className: "size-6 rounded select-none" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "relative z-[1] mt-4 flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsx("h2", { className: "font-['Outfit'] text-[32px] font-semibold leading-8 text-zinc-950", children: COPY.title }),
+            /* @__PURE__ */ jsxs("p", { className: "paragraph-medium-medium text-zinc-950", children: [
+              COPY.subtitlePrefix,
+              /* @__PURE__ */ jsx("span", { className: "font-bold", children: COPY.subtitleDate })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "relative z-[1] mt-10 flex flex-col items-stretch gap-3 md:flex-row", children: COMBOS.map((combo) => /* @__PURE__ */ jsx(ComboCard, { combo, onChoose: () => goToPlans(combo.coupon) }, combo.coupon)) }),
+          /* @__PURE__ */ jsxs("div", { className: "relative z-[1] mt-3 flex items-center justify-center gap-2.5 rounded-[10px] bg-zinc-100 p-3 text-center", children: [
+            /* @__PURE__ */ jsx(IconInfoCircle, { className: "size-4 shrink-0 text-zinc-950" }),
+            /* @__PURE__ */ jsxs("p", { className: "paragraph-small-medium text-zinc-950", children: [
+              COPY.footerPrefix,
+              /* @__PURE__ */ jsx("span", { className: "font-semibold", children: COPY.footerBold }),
+              COPY.footerSuffix
+            ] })
+          ] })
+        ] }) })
+      ]
+    }
+  ) });
+}
+function ComboCard({ combo, onChoose }) {
+  const { isCopied, copy } = useCopyToClipboard({
+    onSuccess: () => {
+      toast.custom((t) => /* @__PURE__ */ jsx(Toast, { variant: "success", message: COPY.couponCopied, toastId: t }));
+    }
+  });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "relative flex flex-1 flex-col rounded-[10px] border bg-white pb-3 md:w-[276px]",
+        combo.highlighted ? "border-cyan-500" : "border-zinc-200"
+      ),
+      children: [
+        combo.highlighted && /* @__PURE__ */ jsxs("div", { className: "absolute left-1/2 top-0 z-[1] flex h-6 -translate-x-1/2 -translate-y-1/2 items-center justify-center gap-[5px] rounded-md border-4 border-white bg-cyan-100 px-2", children: [
+          /* @__PURE__ */ jsx(IconStar, { className: "size-3 text-cyan-600" }),
+          /* @__PURE__ */ jsx("span", { className: "paragraph-xsmall-semibold whitespace-nowrap text-cyan-600", children: COPY.mostChosen }),
+          /* @__PURE__ */ jsx(IconStar, { className: "size-3 text-cyan-600" })
+        ] }),
+        /* @__PURE__ */ jsx("h3", { className: "border-b border-zinc-200 px-4 py-4 text-center font-['Outfit'] text-base font-semibold text-zinc-950", children: combo.name }),
+        /* @__PURE__ */ jsx("ul", { className: "flex flex-1 flex-col gap-5 px-5 pt-5", children: combo.features.map((feature) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2.5", children: [
+          /* @__PURE__ */ jsx(IconCheck, { className: "size-5 shrink-0 text-cyan-500" }),
+          /* @__PURE__ */ jsx("span", { className: "paragraph-small-medium text-zinc-950", children: feature })
+        ] }, feature)) }),
+        /* @__PURE__ */ jsxs("div", { className: "mx-3 mt-5 flex items-center gap-3 rounded-lg bg-cyan-50 py-2 pl-3.5 pr-2.5", children: [
+          /* @__PURE__ */ jsx(IconTicket, { className: "size-5 shrink-0 text-cyan-600" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+            /* @__PURE__ */ jsx("span", { className: "paragraph-xsmall-medium text-zinc-400", children: COPY.couponLabel }),
+            /* @__PURE__ */ jsx("span", { className: "paragraph-small-semibold text-zinc-950", children: combo.coupon })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": COPY.couponLabel,
+              onClick: () => copy(combo.coupon),
+              className: "flex size-8 shrink-0 items-center justify-center rounded-md text-zinc-500 transition-colors hover:bg-cyan-100 hover:text-zinc-950",
+              children: isCopied ? /* @__PURE__ */ jsx(IconCheck, { className: "size-[18px]" }) : /* @__PURE__ */ jsx(IconCopy, { className: "size-[18px]" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "mx-3 mt-3", children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: combo.highlighted ? "default" : "secondary",
+            className: cn("h-11! w-full", combo.highlighted && "bg-cyan-500 text-white hover:bg-cyan-600"),
+            onClick: onChoose,
+            children: COPY.choosePlan
+          }
+        ) })
+      ]
+    }
+  );
+}
+export {
+  HexaPromoModal as default
+};
+//# sourceMappingURL=HexaPromoModal.mjs.map

package/dist/components/modals/HexaPromoModal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/modals/HexaPromoModal.tsx"],"sourcesContent":["'use client';\n\nimport { toast } from 'sonner';\nimport {\n  IconCheck,\n  IconCopy,\n  IconInfoCircle,\n  IconStar,\n  IconTicket,\n  IconX,\n} from '@tabler/icons-react';\nimport { Dialog, DialogClose, DialogContent, DialogTitle } from '../ui/overlay/Dialog';\nimport { Toast } from '../ui/feedback/Toast';\nimport { Button } from '../ui/buttons/Button';\nimport useCopyToClipboard from '../../hooks/copy-to-clipboard.hook';\nimport { useModalManager } from '../../store/useModalManager';\nimport { useWhitelabelUrls } from '../../providers/whitelabel.provider';\nimport { cn } from '../../infra/utils/clsx';\n\ninterface HexaCombo {\n  coupon: string;\n  name: string;\n  features: string[];\n  highlighted: boolean;\n}\n\n// Campanha \"Rumo ao Hexa\" — exclusiva da whitelabel 1 (público pt-br). O texto é fixo de\n// propósito: a modal precisa renderizar também no gapps, que não tem provider de next-intl.\nconst COPY = {\n  title: 'Rumo ao Hexa!',\n  subtitlePrefix: 'Ofertas exclusivas até ',\n  subtitleDate: '24/06',\n  mostChosen: 'Mais escolhido',\n  couponLabel: 'Cupom',\n  choosePlan: 'Escolher plano',\n  couponCopied: 'Cupom copiado!',\n  close: 'Fechar',\n  footerPrefix: 'Válido para a ',\n  footerBold: 'primeira contratação',\n  footerSuffix: ' dos planos Essencial, Negócio ou Agência',\n};\n\nconst COMBOS: HexaCombo[] = [\n  {\n    coupon: 'MENSAL10',\n    name: 'Combo convocação',\n    highlighted: false,\n    features: ['10% OFF no plano mensal', 'Webinars exclusivos'],\n  },\n  {\n    coupon: 'SEMESTRAL10',\n    name: 'Combo Hexa',\n    highlighted: true,\n    features: ['10% OFF no plano semestral', '3 templates exclusivos', 'Webinars exclusivos'],\n  },\n  {\n    coupon: 'ANUAL10',\n    name: 'Combo escalação',\n    highlighted: false,\n    features: ['10% OFF no plano anual', '3 templates exclusivos'],\n  },\n];\n\n// Cores promocionais (verde/amarelo do Brasil) — específicas desta campanha, fora do design\n// system, por isso ficam hardcoded apenas aqui.\nconst GRADIENT = 'linear-gradient(180deg, #08c44f 0%, #7bd237 46.6%, #ffe31b 100%)';\n\nexport default function HexaPromoModal() {\n  const { activeModal, closeModal } = useModalManager();\n  const { accountsUrl } = useWhitelabelUrls();\n  const isOpen = activeModal === 'hexaPromoModal';\n\n  const goToPlans = (coupon: string) => {\n    closeModal();\n    const url = `${accountsUrl}/subscriptions?tab=plans&coupon=${encodeURIComponent(coupon)}`;\n    window.location.assign(url);\n  };\n\n  return (\n    <Dialog open={isOpen} onOpenChange={() => closeModal()}>\n      <DialogContent\n        showCloseButton={false}\n        onOpenAutoFocus={(e) => e.preventDefault()}\n        className=\"border-0 bg-transparent p-0 shadow-none w-[calc(100%-32px)] sm:max-w-[940px] md:w-[924px] lg:w-[924px] max-h-[calc(100dvh-32px)] overflow-y-auto\"\n      >\n        <DialogTitle className=\"sr-only\">{COPY.title}</DialogTitle>\n\n        <div className=\"rounded-[12px] p-1\" style={{ background: GRADIENT }}>\n          <div className=\"relative overflow-hidden rounded-[10px] bg-white p-8 shadow-[0px_2px_10px_0px_rgba(26,26,26,0.05)]\">\n            {/* Arte decorativa (festão/bandeira) no canto superior direito */}\n            <img\n              src=\"/promo/hexa-confetti.png\"\n              alt=\"\"\n              aria-hidden\n              className=\"pointer-events-none absolute -top-10 right-0 w-[280px] -rotate-16 select-none\"\n            />\n\n            <DialogClose className=\"absolute right-3 top-3 z-10 flex size-8 items-center justify-center rounded-lg p-2 text-zinc-500 transition-colors hover:bg-zinc-100 hover:text-zinc-950 focus:outline-none\">\n              <span className=\"sr-only\">{COPY.close}</span>\n              <IconX className=\"size-[18px]\" />\n            </DialogClose>\n\n            {/* Header: logo + bandeira */}\n            <div className=\"relative z-[1] flex w-fit items-center gap-[9px] rounded-lg bg-zinc-100 px-[9px] py-2\">\n              <img src=\"/promo/hexa-logo.svg\" alt=\"\" aria-hidden className=\"size-6 select-none\" />\n              <img src=\"/promo/hexa-flag.png\" alt=\"\" aria-hidden className=\"size-6 rounded select-none\" />\n            </div>\n\n            {/* Título */}\n            <div className=\"relative z-[1] mt-4 flex flex-col gap-1\">\n              <h2 className=\"font-['Outfit'] text-[32px] font-semibold leading-8 text-zinc-950\">\n                {COPY.title}\n              </h2>\n              <p className=\"paragraph-medium-medium text-zinc-950\">\n                {COPY.subtitlePrefix}\n                <span className=\"font-bold\">{COPY.subtitleDate}</span>\n              </p>\n            </div>\n\n            {/* Cards */}\n            <div className=\"relative z-[1] mt-10 flex flex-col items-stretch gap-3 md:flex-row\">\n              {COMBOS.map((combo) => (\n                <ComboCard key={combo.coupon} combo={combo} onChoose={() => goToPlans(combo.coupon)} />\n              ))}\n            </div>\n\n            {/* Rodapé informativo */}\n            <div className=\"relative z-[1] mt-3 flex items-center justify-center gap-2.5 rounded-[10px] bg-zinc-100 p-3 text-center\">\n              <IconInfoCircle className=\"size-4 shrink-0 text-zinc-950\" />\n              <p className=\"paragraph-small-medium text-zinc-950\">\n                {COPY.footerPrefix}\n                <span className=\"font-semibold\">{COPY.footerBold}</span>\n                {COPY.footerSuffix}\n              </p>\n            </div>\n          </div>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\ninterface ComboCardProps {\n  combo: HexaCombo;\n  onChoose: () => void;\n}\n\nfunction ComboCard({ combo, onChoose }: ComboCardProps) {\n  const { isCopied, copy } = useCopyToClipboard({\n    onSuccess: () => {\n      toast.custom((t) => <Toast variant=\"success\" message={COPY.couponCopied} toastId={t} />);\n    },\n  });\n\n  return (\n    <div\n      className={cn(\n        'relative flex flex-1 flex-col rounded-[10px] border bg-white pb-3 md:w-[276px]',\n        combo.highlighted ? 'border-cyan-500' : 'border-zinc-200',\n      )}\n    >\n      {combo.highlighted && (\n        <div className=\"absolute left-1/2 top-0 z-[1] flex h-6 -translate-x-1/2 -translate-y-1/2 items-center justify-center gap-[5px] rounded-md border-4 border-white bg-cyan-100 px-2\">\n          <IconStar className=\"size-3 text-cyan-600\" />\n          <span className=\"paragraph-xsmall-semibold whitespace-nowrap text-cyan-600\">\n            {COPY.mostChosen}\n          </span>\n          <IconStar className=\"size-3 text-cyan-600\" />\n        </div>\n      )}\n\n      <h3 className=\"border-b border-zinc-200 px-4 py-4 text-center font-['Outfit'] text-base font-semibold text-zinc-950\">\n        {combo.name}\n      </h3>\n\n      <ul className=\"flex flex-1 flex-col gap-5 px-5 pt-5\">\n        {combo.features.map((feature) => (\n          <li key={feature} className=\"flex items-center gap-2.5\">\n            <IconCheck className=\"size-5 shrink-0 text-cyan-500\" />\n            <span className=\"paragraph-small-medium text-zinc-950\">{feature}</span>\n          </li>\n        ))}\n      </ul>\n\n      <div className=\"mx-3 mt-5 flex items-center gap-3 rounded-lg bg-cyan-50 py-2 pl-3.5 pr-2.5\">\n        <IconTicket className=\"size-5 shrink-0 text-cyan-600\" />\n        <div className=\"flex min-w-0 flex-1 flex-col\">\n          <span className=\"paragraph-xsmall-medium text-zinc-400\">{COPY.couponLabel}</span>\n          <span className=\"paragraph-small-semibold text-zinc-950\">{combo.coupon}</span>\n        </div>\n        <button\n          type=\"button\"\n          aria-label={COPY.couponLabel}\n          onClick={() => copy(combo.coupon)}\n          className=\"flex size-8 shrink-0 items-center justify-center rounded-md text-zinc-500 transition-colors hover:bg-cyan-100 hover:text-zinc-950\"\n        >\n          {isCopied ? <IconCheck className=\"size-[18px]\" /> : <IconCopy className=\"size-[18px]\" />}\n        </button>\n      </div>\n\n      <div className=\"mx-3 mt-3\">\n        <Button\n          variant={combo.highlighted ? 'default' : 'secondary'}\n          className={cn('h-11! w-full', combo.highlighted && 'bg-cyan-500 text-white hover:bg-cyan-600')}\n          onClick={onChoose}\n        >\n          {COPY.choosePlan}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/modals/HexaPromoModalGate.mjs

@@ -0,0 +1,54 @@
+"use client";
+import { useEffect, useRef } from "react";
+import { useActiveSubscription } from "../../modules/subscriptions/hooks/find-active-subscription.hook";
+import { useAuth } from "../../providers/auth.provider";
+import { useWhitelabel } from "../../providers/whitelabel.provider";
+import { useModalManager } from "../../store/useModalManager";
+import {
+  getHexaPromoSeenDay,
+  getHexaPromoSince,
+  hexaPromoDayKey,
+  setHexaPromoSeenDay,
+  setHexaPromoSince
+} from "../../utils/cookies/hexa-promo";
+const ONLINE_DELAY_MS = 3 * 60 * 1e3;
+const FORCE_OPEN_FOR_TEST = false;
+function HexaPromoModalGate() {
+  const { isAuthenticated } = useAuth();
+  const { whitelabel } = useWhitelabel();
+  const { activeModal, openModal } = useModalManager();
+  const { data } = useActiveSubscription();
+  const subscription = data?.data?.[0] ?? null;
+  const eligible = isAuthenticated && whitelabel?.id === 1 && subscription?.type === "trial";
+  const forcedRef = useRef(false);
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    if (FORCE_OPEN_FOR_TEST) {
+      if (forcedRef.current || activeModal) return;
+      forcedRef.current = true;
+      openModal("hexaPromoModal");
+      return;
+    }
+    if (!eligible) return;
+    if (activeModal) return;
+    const todayKey = hexaPromoDayKey();
+    if (getHexaPromoSeenDay() === todayKey) return;
+    let since = getHexaPromoSince();
+    if (!since || since.day !== todayKey) {
+      since = { day: todayKey, ms: Date.now() };
+      setHexaPromoSince(since.day, since.ms);
+    }
+    const remaining = Math.max(0, since.ms + ONLINE_DELAY_MS - Date.now());
+    const timer = setTimeout(() => {
+      if (getHexaPromoSeenDay() === todayKey) return;
+      setHexaPromoSeenDay(todayKey);
+      openModal("hexaPromoModal");
+    }, remaining);
+    return () => clearTimeout(timer);
+  }, [eligible, activeModal, openModal]);
+  return null;
+}
+export {
+  HexaPromoModalGate as default
+};
+//# sourceMappingURL=HexaPromoModalGate.mjs.map

package/dist/components/modals/HexaPromoModalGate.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/modals/HexaPromoModalGate.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef } from 'react';\nimport { useActiveSubscription } from '../../modules/subscriptions/hooks/find-active-subscription.hook';\nimport { useAuth } from '../../providers/auth.provider';\nimport { useWhitelabel } from '../../providers/whitelabel.provider';\nimport { useModalManager } from '../../store/useModalManager';\nimport {\n  getHexaPromoSeenDay,\n  getHexaPromoSince,\n  hexaPromoDayKey,\n  setHexaPromoSeenDay,\n  setHexaPromoSince,\n} from '../../utils/cookies/hexa-promo';\n\n/** Janela de tempo online antes de abrir a modal (3 minutos). */\nconst ONLINE_DELAY_MS = 3 * 60 * 1000;\n\n/**\n * TESTE: quando `true`, a modal abre imediatamente ao carregar o app, ignorando\n * trial / whitelabel / timer de 3 min / cookies. Manter `false` em produção.\n */\nconst FORCE_OPEN_FOR_TEST = false;\n\n/**\n * Dispara a modal \"Rumo ao Hexa\" quando um usuário em **trial** da **whitelabel 1** fica\n * 3 minutos online. A janela é cumulativa entre gapps e gpages (timestamp compartilhado em\n * cookie no domínio pai) e a modal abre **uma única vez** — reabrindo só no dia seguinte ou\n * após logout/login. Montar este componente uma vez no layout de cada app consumidor.\n */\nexport default function HexaPromoModalGate() {\n  const { isAuthenticated } = useAuth();\n  const { whitelabel } = useWhitelabel();\n  const { activeModal, openModal } = useModalManager();\n  const { data } = useActiveSubscription();\n\n  const subscription = data?.data?.[0] ?? null;\n  const eligible =\n    isAuthenticated && whitelabel?.id === 1 && subscription?.type === 'trial';\n\n  const forcedRef = useRef(false);\n\n  useEffect(() => {\n    if (typeof window === 'undefined') return;\n\n    // TESTE: abre uma vez ao carregar, sem nenhuma condição.\n    if (FORCE_OPEN_FOR_TEST) {\n      if (forcedRef.current || activeModal) return;\n      forcedRef.current = true;\n      openModal('hexaPromoModal');\n      return;\n    }\n\n    if (!eligible) return;\n    // Outra modal aberta: não empilha em cima. Reavalia quando ela fechar (dep `activeModal`).\n    if (activeModal) return;\n\n    const todayKey = hexaPromoDayKey();\n    if (getHexaPromoSeenDay() === todayKey) return; // já exibida hoje/nesta sessão\n\n    // Início da janela compartilhado entre os apps; reinicia a cada novo dia.\n    let since = getHexaPromoSince();\n    if (!since || since.day !== todayKey) {\n      since = { day: todayKey, ms: Date.now() };\n      setHexaPromoSince(since.day, since.ms);\n    }\n\n    const remaining = Math.max(0, since.ms + ONLINE_DELAY_MS - Date.now());\n    const timer = setTimeout(() => {\n      // Recheca o cookie no disparo: se o outro app já abriu, não reabre aqui.\n      if (getHexaPromoSeenDay() === todayKey) return;\n      setHexaPromoSeenDay(todayKey);\n      openModal('hexaPromoModal');\n    }, remaining);\n\n    return () => clearTimeout(timer);\n  }, [eligible, activeModal, openModal]);\n\n  return null;\n}\n"],"mappings":";AAEA,SAAS,WAAW,cAAc;AAClC,SAAS,6BAA6B;AACtC,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,MAAM,kBAAkB,IAAI,KAAK;AAMjC,MAAM,sBAAsB;AAQb,SAAR,qBAAsC;AAC3C,QAAM,EAAE,gBAAgB,IAAI,QAAQ;AACpC,QAAM,EAAE,WAAW,IAAI,cAAc;AACrC,QAAM,EAAE,aAAa,UAAU,IAAI,gBAAgB;AACnD,QAAM,EAAE,KAAK,IAAI,sBAAsB;AAEvC,QAAM,eAAe,MAAM,OAAO,CAAC,KAAK;AACxC,QAAM,WACJ,mBAAmB,YAAY,OAAO,KAAK,cAAc,SAAS;AAEpE,QAAM,YAAY,OAAO,KAAK;AAE9B,YAAU,MAAM;AACd,QAAI,OAAO,WAAW,YAAa;AAGnC,QAAI,qBAAqB;AACvB,UAAI,UAAU,WAAW,YAAa;AACtC,gBAAU,UAAU;AACpB,gBAAU,gBAAgB;AAC1B;AAAA,IACF;AAEA,QAAI,CAAC,SAAU;AAEf,QAAI,YAAa;AAEjB,UAAM,WAAW,gBAAgB;AACjC,QAAI,oBAAoB,MAAM,SAAU;AAGxC,QAAI,QAAQ,kBAAkB;AAC9B,QAAI,CAAC,SAAS,MAAM,QAAQ,UAAU;AACpC,cAAQ,EAAE,KAAK,UAAU,IAAI,KAAK,IAAI,EAAE;AACxC,wBAAkB,MAAM,KAAK,MAAM,EAAE;AAAA,IACvC;AAEA,UAAM,YAAY,KAAK,IAAI,GAAG,MAAM,KAAK,kBAAkB,KAAK,IAAI,CAAC;AACrE,UAAM,QAAQ,WAAW,MAAM;AAE7B,UAAI,oBAAoB,MAAM,SAAU;AACxC,0BAAoB,QAAQ;AAC5B,gBAAU,gBAAgB;AAAA,IAC5B,GAAG,SAAS;AAEZ,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,UAAU,aAAa,SAAS,CAAC;AAErC,SAAO;AACT;","names":[]}

package/dist/index.mjs

@@ -132,10 +132,13 @@ import {
 import { useBuyCreditsModal } from "./store/useBuyCreditsModal";
 import { useCreditsDisabledModal } from "./store/useCreditsDisabledModal";
 import { usePaidPlanRequiredModal } from "./store/usePaidPlanRequiredModal";
+import { useHexaPromoModal } from "./store/useHexaPromoModal";
 import { default as default2 } from "./components/modals/BuyCreditsModal";
 import { default as default3 } from "./components/modals/CreditsDisabledModal";
 import { default as default4 } from "./components/modals/PaidPlanRequiredModal";
-import { default as default5 } from "./components/modals/cards/AddCardModal";
+import { default as default5 } from "./components/modals/HexaPromoModal";
+import { default as default6 } from "./components/modals/HexaPromoModalGate";
+import { default as default7 } from "./components/modals/cards/AddCardModal";
 import { DeleteCardModal } from "./components/modals/cards/DeleteCardModal";
 import { CannotDeleteCardModal } from "./components/modals/cards/CannotDeleteCardModal";
 import {
@@ -169,13 +172,13 @@ import { AppNavBar } from "./components/layouts/AppNavBar";
 import { AppMobileNavBar } from "./components/layouts/AppMobileNavBar";
 import { SideBarNavigation } from "./components/layouts/SideBarNavigation";
 import { MdSideBarNavigation } from "./components/layouts/MdSideBarNavigation";
-import { default as default6 } from "./components/widgets/notifications/NotificationCard";
+import { default as default8 } from "./components/widgets/notifications/NotificationCard";
 import { NotificationsPopover } from "./components/layouts/NotificationsPopover";
 import { NotificationPageContent } from "./components/pages/notifications/Notifications";
 import { NotFoundPage } from "./components/pages/NotFoundPage";
 import { UsersSelectorPopover } from "./components/layouts/UsersSelectorPopover";
 import { ProfilePopover } from "./components/layouts/ProfilePopover";
-import { default as default7 } from "./components/layouts/WhitelabelCodes";
+import { default as default9 } from "./components/layouts/WhitelabelCodes";
 import { NavBarItem } from "./components/layouts/NavBarItem";
 import { AppNavigation } from "./components/navigation/AppNavigation";
 import { CancelledSubscriptionBanner } from "./components/navigation/CancelledSubscriptionBanner";
@@ -189,10 +192,10 @@ import {
   useWlQueryKey,
   useWlId
 } from "./hooks/useAuthQueryKey";
-import { default as default8 } from "./hooks/copy-to-clipboard.hook";
+import { default as default10 } from "./hooks/copy-to-clipboard.hook";
 import { Button, buttonVariants } from "./components/ui/buttons/Button";
 import { CopyButton } from "./components/ui/buttons/CopyButton";
-import { default as default9 } from "./components/ui/buttons/CancelButton";
+import { default as default11 } from "./components/ui/buttons/CancelButton";
 import {
   Accordion,
   AccordionItem,
@@ -237,8 +240,8 @@ import {
   TabsContent
 } from "./components/ui/data-display/Tabs";
 import { UserAvatar } from "./components/ui/data-display/UserAvatar";
-import { default as default10 } from "./components/ui/feedback/CircularProgress";
-import { default as default11 } from "./components/ui/feedback/DefaultCircularProgress";
+import { default as default12 } from "./components/ui/feedback/CircularProgress";
+import { default as default13 } from "./components/ui/feedback/DefaultCircularProgress";
 import { Progress } from "./components/ui/feedback/Progress";
 import { LoadingOverlay } from "./components/ui/feedback/LoadingOverlay";
 import { useBrandLoadingIcon } from "./hooks/useBrandLoadingIcon";
@@ -332,9 +335,9 @@ import { useMdSidebarStore } from "./store/useMdSidebarStore";
 import { useDesktopSidebarStore } from "./store/useDesktopSidebarStore";
 import { useModalManager } from "./store/useModalManager";
 import { AccountSectionType } from "./enums/AccountSectionType";
-import { default as default12 } from "./hooks/usePasswordVisibility";
-import { default as default13 } from "./hooks/useCountdownTimer";
-import { default as default14 } from "./hooks/useIsMobile";
+import { default as default14 } from "./hooks/usePasswordVisibility";
+import { default as default15 } from "./hooks/useCountdownTimer";
+import { default as default16 } from "./hooks/useIsMobile";
 import { useDebounce } from "./hooks/useDebounce";
 import { useDebouncedEffect } from "./hooks/useDebouncedEffect";
 import { useDebounceState } from "./hooks/useDebounceState";
@@ -362,8 +365,8 @@ import { copyToClipboard, readFromClipboard } from "./utils/browser/clipboard";
 import { FormField } from "./components/ui/form/FormField";
 import { SelectField } from "./components/ui/form/SelectField";
 import { ComboboxField } from "./components/ui/form/ComboboxField";
-import { default as default15 } from "./components/ui/form/PhoneInput";
-import { default as default16 } from "./components/ui/form/SwitchOptionFieldWithIcon";
+import { default as default17 } from "./components/ui/form/PhoneInput";
+import { default as default18 } from "./components/ui/form/SwitchOptionFieldWithIcon";
 import { TextAreaField } from "./components/ui/form/TextAreaField";
 import {
   useCurrentAccount,
@@ -380,13 +383,13 @@ import {
 } from "./modules/accounts/hooks/useAccountManagement";
 import { useViaCep } from "./modules/accounts/hooks/useViaCep";
 import { useAccountToken } from "./modules/accounts/hooks/use-account-token.hook";
-import { default as default17 } from "./components/account/AccountModals";
+import { default as default19 } from "./components/account/AccountModals";
 import { useAccountModals } from "./store/useAccountModals";
 import { ModalManager } from "./components/modals/ModalManager";
 import { Modals } from "./components/modals/Modals";
-import { default as default18 } from "./components/account/TwoFactorAuthModal";
-import { default as default19 } from "./components/account/DisableTwoFactorAuthModal";
-import { default as default20 } from "./components/account/ConfirmGlobalPreferencesModal";
+import { default as default20 } from "./components/account/TwoFactorAuthModal";
+import { default as default21 } from "./components/account/DisableTwoFactorAuthModal";
+import { default as default22 } from "./components/account/ConfirmGlobalPreferencesModal";
 import { MyProfileSection } from "./components/account/sections/MyProfileSection";
 import { PreferencesSection } from "./components/account/sections/PreferencesSection";
 import { SecuritySection } from "./components/account/sections/SecuritySection";
@@ -434,9 +437,9 @@ export {
   AccordionContent,
   AccordionItem,
   AccordionTrigger,
-  default17 as AccountModals,
+  default19 as AccountModals,
   AccountSectionType,
-  default5 as AddCardModal,
+  default7 as AddCardModal,
   AppMobileNavBar,
   AppNavBar,
   AppNavigation,
@@ -451,7 +454,7 @@ export {
   CURRENCY_OPTIONS,
   Calendar,
   CalendarDayButton,
-  default9 as CancelButton,
+  default11 as CancelButton,
   CancelledSubscriptionBanner,
   CannotDeleteCardModal,
   Card,
@@ -469,7 +472,7 @@ export {
   ChangePhoneModal,
   ChargeSchema,
   Checkbox,
-  default10 as CircularProgress,
+  default12 as CircularProgress,
   ClarityEmbed,
   ComboboxField,
   Command,
@@ -481,14 +484,14 @@ export {
   CommandList,
   CommandSeparator,
   CommandShortcut,
-  default20 as ConfirmGlobalPreferencesModal,
+  default22 as ConfirmGlobalPreferencesModal,
   CopyButton,
   CreateCardRequestSchema,
   default3 as CreditsDisabledModal,
   CrispEmbed,
   DatePicker,
   DateRangePicker,
-  default11 as DefaultCircularProgress,
+  default13 as DefaultCircularProgress,
   DeleteCardModal,
   Dialog,
   DialogClose,
@@ -500,13 +503,15 @@ export {
   DialogPortal,
   DialogTitle,
   DialogTrigger,
-  default19 as DisableTwoFactorAuthModal,
+  default21 as DisableTwoFactorAuthModal,
   EmbedWidgets,
   FindCardsParamsSchema,
   FindChargesParamsSchema,
   FormField,
   FrillEmbed,
   GENDER_OPTIONS,
+  default5 as HexaPromoModal,
+  default6 as HexaPromoModalGate,
   INFINITE_PROJECTS_QUERY_KEY,
   ImageCropModal,
   ImageTooSmallModal,
@@ -539,7 +544,7 @@ export {
   NavBarItem,
   NavigationProvider,
   NotFoundPage,
-  default6 as NotificationCard,
+  default8 as NotificationCard,
   NotificationPageContent,
   NotificationsPopover,
   OverdueInvoiceBanner,
@@ -558,7 +563,7 @@ export {
   PayChargeInputSchema,
   CardSchema as PaymentCardSchema,
   PaymentInfoCard,
-  default15 as PhoneInput,
+  default17 as PhoneInput,
   PixPendingDataSchema,
   PlanItemSchema,
   PlanSchema,
@@ -606,7 +611,7 @@ export {
   SubscriptionPendingPixResponseSchema,
   SubscriptionSchema,
   Switch,
-  default16 as SwitchOptionFieldWithIcon,
+  default18 as SwitchOptionFieldWithIcon,
   TIME_FORMAT_OPTIONS,
   Table,
   TableBody,
@@ -628,12 +633,12 @@ export {
   TooltipProvider,
   TooltipTrigger,
   TrialBanner,
-  default18 as TwoFactorAuthModal,
+  default20 as TwoFactorAuthModal,
   USER_QUERY_KEY,
   UpcomingInvoiceBanner,
   UserAvatar,
   UsersSelectorPopover,
-  default7 as WhitelabelCodes,
+  default9 as WhitelabelCodes,
   badgeVariants,
   base64ToFile,
   buildCardFormSchema,
@@ -704,9 +709,9 @@ export {
   useChargeAction,
   useChargeById,
   useCharges,
-  default8 as useCopyToClipboard,
+  default10 as useCopyToClipboard,
   useCountPages,
-  default13 as useCountdownTimer,
+  default15 as useCountdownTimer,
   useCreateCard,
   useCreateProject,
   useCreateSetupIntent,
@@ -724,11 +729,12 @@ export {
   useDesktopSidebarStore,
   useHandleDeleteCard,
   useHasPlanAddon,
+  useHexaPromoModal,
   useIaCredits,
   useImageUpload,
   useInfiniteProjects,
   useInvalidateUser,
-  default14 as useIsMobile,
+  default16 as useIsMobile,
   useListAllAccountUsers,
   useListAvailableUsers,
   useListProjectUsers,
@@ -739,7 +745,7 @@ export {
   useNavigationFallback,
   usePaidPlanRequiredModal,
   useParams,
-  default12 as usePasswordVisibility,
+  default14 as usePasswordVisibility,
   usePathname,
   usePlanById,
   usePlans,