@greatapps/common 1.1.699 → 1.1.700

package/src/store/useDesktopSidebarStore.ts

@@ -1,47 +1,47 @@
-import { create } from "zustand";
-import { useEffect } from "react";
-
-const STORAGE_KEY = "desktop-sidebar-expanded";
-
-type DesktopSidebarStore = {
-    isExpanded: boolean;
-    _hydrated: boolean;
-    toggle: () => void;
-    expand: () => void;
-    collapse: () => void;
-    _hydrate: () => void;
-};
-
-export const useDesktopSidebarStore = create<DesktopSidebarStore>((set) => ({
-    isExpanded: true,
-    _hydrated: false,
-    toggle: () => set((state) => {
-        const next = !state.isExpanded;
-        localStorage.setItem(STORAGE_KEY, String(next));
-        return { isExpanded: next };
-    }),
-    expand: () => {
-        localStorage.setItem(STORAGE_KEY, "true");
-        return set({ isExpanded: true });
-    },
-    collapse: () => {
-        localStorage.setItem(STORAGE_KEY, "false");
-        return set({ isExpanded: false });
-    },
-    _hydrate: () => {
-        const stored = localStorage.getItem(STORAGE_KEY);
-        const value = stored === null ? true : stored === "true";
-        set({ isExpanded: value, _hydrated: true });
-    },
-}));
-
-export function useDesktopSidebarHydration() {
-    const hydrate = useDesktopSidebarStore((s) => s._hydrate);
-    const hydrated = useDesktopSidebarStore((s) => s._hydrated);
-
-    useEffect(() => {
-        if (!hydrated) {
-            hydrate();
-        }
-    }, [hydrate, hydrated]);
-}
+import { create } from "zustand";
+import { useEffect } from "react";
+
+const STORAGE_KEY = "desktop-sidebar-expanded";
+
+type DesktopSidebarStore = {
+    isExpanded: boolean;
+    _hydrated: boolean;
+    toggle: () => void;
+    expand: () => void;
+    collapse: () => void;
+    _hydrate: () => void;
+};
+
+export const useDesktopSidebarStore = create<DesktopSidebarStore>((set) => ({
+    isExpanded: true,
+    _hydrated: false,
+    toggle: () => set((state) => {
+        const next = !state.isExpanded;
+        localStorage.setItem(STORAGE_KEY, String(next));
+        return { isExpanded: next };
+    }),
+    expand: () => {
+        localStorage.setItem(STORAGE_KEY, "true");
+        return set({ isExpanded: true });
+    },
+    collapse: () => {
+        localStorage.setItem(STORAGE_KEY, "false");
+        return set({ isExpanded: false });
+    },
+    _hydrate: () => {
+        const stored = localStorage.getItem(STORAGE_KEY);
+        const value = stored === null ? true : stored === "true";
+        set({ isExpanded: value, _hydrated: true });
+    },
+}));
+
+export function useDesktopSidebarHydration() {
+    const hydrate = useDesktopSidebarStore((s) => s._hydrate);
+    const hydrated = useDesktopSidebarStore((s) => s._hydrated);
+
+    useEffect(() => {
+        if (!hydrated) {
+            hydrate();
+        }
+    }, [hydrate, hydrated]);
+}

package/src/store/useHexaPromoModal.ts

@@ -0,0 +1,13 @@
+import { useModalManager } from './useModalManager';
+
+const HEXA_PROMO_MODAL_KEY = 'hexaPromoModal';
+
+export const useHexaPromoModal = () => {
+  const { activeModal, openModal, closeModal } = useModalManager();
+
+  return {
+    open: activeModal === HEXA_PROMO_MODAL_KEY,
+    openModal: () => openModal(HEXA_PROMO_MODAL_KEY),
+    closeModal,
+  };
+};

package/src/store/useMdSidebarStore.ts

@@ -1,34 +1,34 @@
-import { create } from "zustand";
-
-const STORAGE_KEY = "md-sidebar-expanded";
-
-function getInitialState(): boolean {
-    if (typeof window === "undefined") return false;
-    const stored = localStorage.getItem(STORAGE_KEY);
-    if (stored === null) return false;
-    return stored === "true";
-}
-
-type MdSidebarStore = {
-    isExpanded: boolean;
-    toggle: () => void;
-    expand: () => void;
-    collapse: () => void;
-};
-
-export const useMdSidebarStore = create<MdSidebarStore>((set) => ({
-    isExpanded: getInitialState(),
-    toggle: () => set((state) => {
-        const next = !state.isExpanded;
-        localStorage.setItem(STORAGE_KEY, String(next));
-        return { isExpanded: next };
-    }),
-    expand: () => {
-        localStorage.setItem(STORAGE_KEY, "true");
-        return set({ isExpanded: true });
-    },
-    collapse: () => {
-        localStorage.setItem(STORAGE_KEY, "false");
-        return set({ isExpanded: false });
-    },
-}));
+import { create } from "zustand";
+
+const STORAGE_KEY = "md-sidebar-expanded";
+
+function getInitialState(): boolean {
+    if (typeof window === "undefined") return false;
+    const stored = localStorage.getItem(STORAGE_KEY);
+    if (stored === null) return false;
+    return stored === "true";
+}
+
+type MdSidebarStore = {
+    isExpanded: boolean;
+    toggle: () => void;
+    expand: () => void;
+    collapse: () => void;
+};
+
+export const useMdSidebarStore = create<MdSidebarStore>((set) => ({
+    isExpanded: getInitialState(),
+    toggle: () => set((state) => {
+        const next = !state.isExpanded;
+        localStorage.setItem(STORAGE_KEY, String(next));
+        return { isExpanded: next };
+    }),
+    expand: () => {
+        localStorage.setItem(STORAGE_KEY, "true");
+        return set({ isExpanded: true });
+    },
+    collapse: () => {
+        localStorage.setItem(STORAGE_KEY, "false");
+        return set({ isExpanded: false });
+    },
+}));

package/src/store/usePaidPlanRequiredModal.ts

@@ -1,19 +1,19 @@
-import { useModalManager } from './useModalManager';
-
-interface PaidPlanRequiredModalOptions {
-    title?: string;
-    description?: string;
-}
-
-export function usePaidPlanRequiredModal() {
-    const { activeModal, openModal, closeModal } = useModalManager();
-
-    const isOpen = activeModal === 'paidPlanRequiredModal';
-
-    return {
-        open: isOpen,
-        openModal: (options?: PaidPlanRequiredModalOptions) =>
-            openModal('paidPlanRequiredModal', options ?? {}),
-        closeModal,
-    };
-}
+import { useModalManager } from './useModalManager';
+
+interface PaidPlanRequiredModalOptions {
+    title?: string;
+    description?: string;
+}
+
+export function usePaidPlanRequiredModal() {
+    const { activeModal, openModal, closeModal } = useModalManager();
+
+    const isOpen = activeModal === 'paidPlanRequiredModal';
+
+    return {
+        open: isOpen,
+        openModal: (options?: PaidPlanRequiredModalOptions) =>
+            openModal('paidPlanRequiredModal', options ?? {}),
+        closeModal,
+    };
+}

package/src/utils/constants/br-states.ts

@@ -1,29 +1,29 @@
-export const BR_STATE_OPTIONS = [
-  { value: 'AC', label: 'AC' },
-  { value: 'AL', label: 'AL' },
-  { value: 'AP', label: 'AP' },
-  { value: 'AM', label: 'AM' },
-  { value: 'BA', label: 'BA' },
-  { value: 'CE', label: 'CE' },
-  { value: 'DF', label: 'DF' },
-  { value: 'ES', label: 'ES' },
-  { value: 'GO', label: 'GO' },
-  { value: 'MA', label: 'MA' },
-  { value: 'MT', label: 'MT' },
-  { value: 'MS', label: 'MS' },
-  { value: 'MG', label: 'MG' },
-  { value: 'PA', label: 'PA' },
-  { value: 'PB', label: 'PB' },
-  { value: 'PR', label: 'PR' },
-  { value: 'PE', label: 'PE' },
-  { value: 'PI', label: 'PI' },
-  { value: 'RJ', label: 'RJ' },
-  { value: 'RN', label: 'RN' },
-  { value: 'RS', label: 'RS' },
-  { value: 'RO', label: 'RO' },
-  { value: 'RR', label: 'RR' },
-  { value: 'SC', label: 'SC' },
-  { value: 'SP', label: 'SP' },
-  { value: 'SE', label: 'SE' },
-  { value: 'TO', label: 'TO' },
-];
+export const BR_STATE_OPTIONS = [
+  { value: 'AC', label: 'AC' },
+  { value: 'AL', label: 'AL' },
+  { value: 'AP', label: 'AP' },
+  { value: 'AM', label: 'AM' },
+  { value: 'BA', label: 'BA' },
+  { value: 'CE', label: 'CE' },
+  { value: 'DF', label: 'DF' },
+  { value: 'ES', label: 'ES' },
+  { value: 'GO', label: 'GO' },
+  { value: 'MA', label: 'MA' },
+  { value: 'MT', label: 'MT' },
+  { value: 'MS', label: 'MS' },
+  { value: 'MG', label: 'MG' },
+  { value: 'PA', label: 'PA' },
+  { value: 'PB', label: 'PB' },
+  { value: 'PR', label: 'PR' },
+  { value: 'PE', label: 'PE' },
+  { value: 'PI', label: 'PI' },
+  { value: 'RJ', label: 'RJ' },
+  { value: 'RN', label: 'RN' },
+  { value: 'RS', label: 'RS' },
+  { value: 'RO', label: 'RO' },
+  { value: 'RR', label: 'RR' },
+  { value: 'SC', label: 'SC' },
+  { value: 'SP', label: 'SP' },
+  { value: 'SE', label: 'SE' },
+  { value: 'TO', label: 'TO' },
+];

package/src/utils/cookies/hexa-promo.ts

@@ -0,0 +1,114 @@
+/**
+ * Estado do "Rumo ao Hexa" promo modal — persistido em **cookies no domínio registrável
+ * pai** (ex.: `accounts.greatpages.dev.br` → `.greatpages.dev.br`) para serem compartilhados
+ * entre os subdomínios dos apps (accounts/gapps ↔ pages/gpages). Assim a janela de "3 minutos
+ * online" é cumulativa entre os apps e a modal abre **uma única vez** por sessão/dia,
+ * independente de em qual app o usuário esteja.
+ *
+ * São dois cookies:
+ * - `gpromo-hexa-since` = `<dia>|<timestampMs>` — início da janela de 3 min (gravado uma vez).
+ * - `gpromo-hexa-seen`  = `<dia>` — dia em que a modal já foi exibida.
+ *
+ * `<dia>` é a data local `YYYY-MM-DD`: vira automaticamente no dia seguinte, fazendo a modal
+ * reaparecer. No logout, ambos os cookies são limpos (ver `auth.provider`), então um novo
+ * login também faz a modal reaparecer.
+ *
+ * Em localhost (sem subdomínio) caem em cookies host-scoped — equivalente ao localStorage;
+ * cross-port não compartilha (limitação aceita no dev local).
+ */
+
+const SINCE_COOKIE = 'gpromo-hexa-since';
+const SEEN_COOKIE = 'gpromo-hexa-seen';
+const MAX_AGE_SECONDS = 60 * 60 * 24 * 2; // 2 dias — folga sobre a janela de 1 dia.
+
+function parentCookieDomain(): string | undefined {
+  if (typeof window === 'undefined') return undefined;
+  const host = window.location.hostname;
+  if (!host || host === 'localhost') return undefined;
+  // IP literal → sem atributo Domain (cookie host-scoped)
+  if (/^\d+\.\d+\.\d+\.\d+$/.test(host)) return undefined;
+  const parts = host.split('.');
+  if (parts.length < 2) return undefined;
+  // Tira o subdomínio mais à esquerda — `accounts.greatpages.dev.br` → `.greatpages.dev.br`
+  return '.' + parts.slice(1).join('.');
+}
+
+function readCookie(name: string): string | null {
+  if (typeof document === 'undefined') return null;
+  const m = document.cookie.match(new RegExp(`(?:^|;\\s*)${name}=([^;]+)`));
+  if (!m) return null;
+  try {
+    return decodeURIComponent(m[1]);
+  } catch {
+    return null;
+  }
+}
+
+function writeCookie(name: string, value: string): void {
+  if (typeof document === 'undefined' || typeof window === 'undefined') return;
+  const domain = parentCookieDomain();
+  const parts = [
+    `${name}=${encodeURIComponent(value)}`,
+    'Path=/',
+    `Max-Age=${MAX_AGE_SECONDS}`,
+    'SameSite=Lax',
+    domain ? `Domain=${domain}` : '',
+    window.location.protocol === 'https:' ? 'Secure' : '',
+  ].filter(Boolean);
+  try {
+    document.cookie = parts.join('; ');
+  } catch {
+    // Se o navegador bloquear cookies, seguimos com a exibição única por sessão (timer no Gate).
+  }
+}
+
+function expireCookie(name: string): void {
+  if (typeof document === 'undefined' || typeof window === 'undefined') return;
+  const domain = parentCookieDomain();
+  const parts = [
+    `${name}=`,
+    'Path=/',
+    'Max-Age=0',
+    'SameSite=Lax',
+    domain ? `Domain=${domain}` : '',
+    window.location.protocol === 'https:' ? 'Secure' : '',
+  ].filter(Boolean);
+  try {
+    document.cookie = parts.join('; ');
+  } catch {
+    // noop
+  }
+}
+
+/** Chave do dia local (`YYYY-MM-DD`) usada para reabrir a modal a cada novo dia. */
+export function hexaPromoDayKey(): string {
+  const d = new Date();
+  return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
+}
+
+export function getHexaPromoSeenDay(): string | null {
+  return readCookie(SEEN_COOKIE);
+}
+
+export function setHexaPromoSeenDay(day: string): void {
+  writeCookie(SEEN_COOKIE, day);
+}
+
+export function getHexaPromoSince(): { day: string; ms: number } | null {
+  const raw = readCookie(SINCE_COOKIE);
+  if (!raw) return null;
+  const [day, msRaw] = raw.split('|');
+  const ms = Number(msRaw);
+  if (!day || !Number.isFinite(ms)) return null;
+  return { day, ms };
+}
+
+export function setHexaPromoSince(day: string, ms: number): void {
+  writeCookie(SINCE_COOKIE, `${day}|${ms}`);
+}
+
+/** Limpa o estado da promo (chamado no logout para reabrir a modal no próximo login). */
+export function clearHexaPromo(): void {
+  expireCookie(SINCE_COOKIE);
+  expireCookie(SEEN_COOKIE);
+}