@greatapps/common 1.1.749 → 1.1.751

package/src/components/modals/promo/AiCreditsOfferModal/components/OfferPaymentField.tsx

@@ -1,91 +0,0 @@
-'use client';
-
-import { useTranslations } from 'next-intl';
-import { CardBrandIcon } from '../../../../ui/data-display/CardBrandIcons';
-import { Tooltip, TooltipContent, TooltipTrigger } from '../../../../ui/overlay/Tooltip';
-import { useCards } from '../../../../../modules/cards/hooks/cards.hook';
-import { useModalManager } from '../../../../../store/useModalManager';
-import { IconPencil, IconPlus } from '@tabler/icons-react';
-
-interface OfferPaymentFieldProps {
-  /** Cartão em uso (padrão da conta ou o que acabou de ser cadastrado). */
-  cardId: string;
-  /** Recebe o id do cartão cadastrado no `addCardModal`. */
-  onCardAdded: (cardId: string) => void;
-}
-
-/**
- * Campo de pagamento da oferta — versão de **um cartão só**.
- *
- * Nasceu do `PaymentInfoCard` (mesma moldura, mesma linha "Pagamento", mesmo `CardBrandIcon`,
- * mesmas chaves de tradução `common.cards.*`), mas sem o seletor e sem o "Nova forma de
- * pagamento": aqui a pessoa está numa compra única de primeira vez, então ou ela ainda não tem
- * cartão (e o campo é só o botão de cadastrar) ou já tem (e o campo é só o cartão). Oferecer uma
- * lista de cartões numa tela cujo objetivo é UM clique era ruído.
- *
- * Com cartão, o lápis fica sempre visível e abre o `addCardModal` — o mesmo fluxo padrão da
- * plataforma, que é por onde se troca a forma de pagamento (não existe edição de cartão: o
- * gateway guarda o dado, então "editar" é cadastrar outro). Nada de formulário próprio.
- */
-export function OfferPaymentField({ cardId, onCardAdded }: OfferPaymentFieldProps) {
-  const translate = useTranslations();
-  const { openModal } = useModalManager();
-  const { data: cardsData } = useCards();
-
-  const card = cardsData?.data?.find((item) => item.id.toString() === cardId.toString());
-
-  const handleOpenCardModal = () => {
-    openModal('addCardModal', { onCardAdded });
-  };
-
-  return (
-    <div className="overflow-hidden rounded-lg border border-zinc-200">
-      <div className="flex h-[60px] items-center gap-3 px-4">
-        <span className="paragraph-small-medium w-[100px] text-zinc-500">
-          {translate('common.cards.paymentInfo.payment')}
-        </span>
-
-        {card ? (
-          <>
-            <div className="flex min-w-0 flex-1 flex-col gap-0.5">
-              <span className="paragraph-small-semibold truncate text-zinc-950">{card.name}</span>
-              <span className="paragraph-small-medium text-zinc-950">
-                •••• {card.number?.replaceAll(/\D/g, '')?.slice(-4)}
-              </span>
-            </div>
-
-            <div className="flex shrink-0 items-center gap-2">
-              <CardBrandIcon brand={card.brand} />
-              {/* `z-[1002]`: o tooltip nasce num portal e precisa passar por cima do
-                  `DialogContent` (z-1001), senão fica escondido atrás do modal. */}
-              <Tooltip>
-                <TooltipTrigger asChild>
-                  <button
-                    type="button"
-                    onClick={handleOpenCardModal}
-                    aria-label={translate('common.promo.aiCreditsOffer.editPayment')}
-                    className="flex size-8 cursor-pointer items-center justify-center rounded-lg text-zinc-400 transition-colors hover:bg-zinc-100 hover:text-zinc-950"
-                  >
-                    <IconPencil size={18} />
-                  </button>
-                </TooltipTrigger>
-                <TooltipContent side="top" sideOffset={6} className="z-[1002]">
-                  {translate('common.promo.aiCreditsOffer.editPayment')}
-                </TooltipContent>
-              </Tooltip>
-            </div>
-          </>
-        ) : (
-          <button
-            type="button"
-            onClick={handleOpenCardModal}
-            className="paragraph-small-semibold flex h-8 w-fit cursor-pointer items-center rounded-md border border-zinc-200 px-2 text-zinc-950 transition-colors hover:border-zinc-400"
-          >
-            <IconPlus className="size-[18px]" />
-            <span className="px-1.5">{translate('common.cards.paymentInfo.addCard')}</span>
-          </button>
-        )}
-      </div>
-    </div>
-  );
-}

package/src/components/modals/promo/AiCreditsOfferModal/index.ts

@@ -1 +0,0 @@
-export { default } from './AiCreditsOfferModal';

package/src/modules/ia-credits/constants/ai-credits-offer.constants.ts

@@ -1,33 +0,0 @@
-/**
- * Oferta de primeira compra de créditos de IA — o slug é o contrato inteiro com o backend
- * (gapps-r3-api): ele resolve pacote/preço/elegibilidade a partir dele, o front nunca manda preço.
- * `credits`/`price` aqui são só o que a UI precisa ANTES do primeiro fetch de elegibilidade (rótulo
- * do CTA, contador da ilustração) — o preço de tabela ("de R$ 19,90") é a `anchorCents` que vem do
- * endpoint de elegibilidade, nunca hardcoded.
- */
-export const AI_CREDITS_FIRST_PURCHASE_OFFER = {
-  slug: 'first-purchase-ia-credits',
-  credits: 500,
-  price: 4.9,
-} as const;
-
-/** 1 = cartão, 3 = pix — mesmos códigos do gapps-r3-api. A oferta só aceita cartão. */
-export const PAYMENT_METHOD_CARD = 1;
-export const PAYMENT_METHOD_PIX = 3;
-
-/**
- * Escada de estágios da oferta, persistida no cookie `ai-credits-offer-stage`. A ordem importa: o
- * gate só abre para um estágio MAIOR que o gravado (ver `AiCreditsOfferGate`) — CONVERTED é
- * terminal, nunca reabre depois dele.
- */
-export enum AiCreditsOfferStage {
-  NONE = 0,
-  CAMPAIGN_SHOWN = 1,
-  FIRST_USE_SHOWN = 2,
-  HALF_SHOWN = 3,
-  EXHAUSTED_SHOWN = 4,
-  ZERO_SHOWN = 5,
-  CONVERTED = 6,
-}
-
-export const AI_CREDITS_OFFER_ELIGIBILITY_QUERY_KEY = ['ai-credits-offer-eligibility'] as const;

package/src/modules/ia-credits/handlers/get-offer-eligibility.handler.ts

@@ -1,24 +0,0 @@
-import 'server-only';
-
-import { safeRouteHandler } from '../../../infra/route/safe-route-handler';
-import { getUserContext } from '../../auth/utils/get-user-context';
-import { iaCreditsService } from '../services/ia-credits.service';
-
-/**
- * `GET /api/ai-credits-offer/eligibility` — proxy da elegibilidade do gapps-r3-api mais o
- * `sessionIssuedAt` (o `iat` do JWT), que o `AiCreditsOfferGate` usa pra distinguir "mesma sessão de
- * login" de "sessão nova" nos gatilhos de campanha/zero-créditos. O `iat` é decodificado aqui (rota,
- * dono do cookie httpOnly) e não no service, que só fala com o backend de créditos.
- */
-export function createGetAiCreditsOfferEligibilityHandler() {
-  return async function GET() {
-    return safeRouteHandler(async () => {
-      const [{ iat }, eligibility] = await Promise.all([
-        getUserContext(),
-        iaCreditsService.offerEligibility(),
-      ]);
-
-      return { ...eligibility, sessionIssuedAt: iat };
-    });
-  };
-}

package/src/modules/ia-credits/handlers/purchase-ia-credits.handler.ts

@@ -1,42 +0,0 @@
-import 'server-only';
-
-import type { NextRequest } from 'next/server';
-import { ApiError } from '../../../infra/api/types';
-import { PurchaseIaCreditsRequestBodySchema } from '../types/ai-credits-offer.type';
-import { iaCreditsService } from '../services/ia-credits.service';
-
-/**
- * `POST /api/subscriptions/:id/credits/purchase` — compra avulsa de créditos de IA, comum ou
- * (com `offer`) a de primeira compra. Desvio deliberado de `safeRouteHandler`: o `BuyOneTimeCreditsModal`
- * do editor e o `AiCreditsOfferModal` desta lib esperam o envelope CRU do gapps-r3-api direto na
- * raiz da resposta (`{ status: 1 | 2 | 0, client_secret?, message?, data? }`), inclusive pra
- * distinguir pago (1), 3DS pendente (2) e recusado (0) — embrulhar em `{ success, data }` quebraria
- * os dois.
- */
-export function createPurchaseIaCreditsHandler() {
-  return async function POST(req: NextRequest, { params }: { params: Promise<{ id: string }> }) {
-    const { id } = await params;
-    const parsedBody = PurchaseIaCreditsRequestBodySchema.safeParse(await req.json().catch(() => null));
-
-    if (!parsedBody.success) {
-      return Response.json(
-        { status: 0, message: 'Erro ao comprar créditos de IA' },
-        { status: 400 }
-      );
-    }
-
-    try {
-      const result = await iaCreditsService.purchase(id, {
-        quantity: parsedBody.data.quantity,
-        paymentMethod: parsedBody.data.payment_method,
-        idCard: parsedBody.data.id_card,
-        offer: parsedBody.data.offer,
-      });
-      return Response.json(result);
-    } catch (error) {
-      const message = error instanceof Error ? error.message : 'Erro ao comprar créditos de IA';
-      const status = error instanceof ApiError ? error.statusCode : 500;
-      return Response.json({ status: 0, message }, { status });
-    }
-  };
-}

package/src/modules/ia-credits/hooks/purchase-ia-credits.hook.ts

@@ -1,43 +0,0 @@
-'use client';
-
-import { useMutation, useQueryClient } from '@tanstack/react-query';
-import { useAuthQueryKey } from '../../../hooks/useAuthQueryKey';
-import { PurchaseIaCreditsResultSchema } from '../types/ai-credits-offer.type';
-import type { PurchaseIaCreditsInput, PurchaseIaCreditsResult } from '../types/ai-credits-offer.type';
-
-/**
- * Compra de créditos de IA — avulsa comum OU a oferta de primeira compra (`offer` no input). POSTa
- * na rota local `/api/subscriptions/:id/credits/purchase` (`createPurchaseIaCreditsHandler`), que
- * repassa CRU pro gapps-r3-api. A resposta:
- * - `{ status: 1, data: [{ credited }] }` — cartão pago, créditos concedidos na hora.
- * - `{ status: 2, client_secret }` — cartão pediu 3DS (confirmar com `confirmPaymentIfRequired`
- *   e re-postar o MESMO input: a chave de idempotência do backend devolve a mesma cobrança já paga).
- * - `{ status: 0, message }` — recusado ou inelegível.
- *
- * Um hook só pros dois fluxos (avulsa e oferta): quem recusa PIX na oferta é o backend, o front
- * não precisa saber a regra.
- */
-export function usePurchaseIaCredits() {
-  const queryClient = useQueryClient();
-  const iaCreditsKey = useAuthQueryKey(['ia-credits']);
-
-  return useMutation({
-    mutationFn: async (
-      input: PurchaseIaCreditsInput & { subscriptionId: number | string }
-    ): Promise<PurchaseIaCreditsResult> => {
-      const response = await fetch(`/api/subscriptions/${input.subscriptionId}/credits/purchase`, {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({
-          ...(input.offer ? { offer: input.offer } : { quantity: input.quantity }),
-          payment_method: input.paymentMethod,
-          ...(input.idCard ? { id_card: input.idCard } : {}),
-        }),
-      });
-      return PurchaseIaCreditsResultSchema.parse(await response.json());
-    },
-    onSettled: () => {
-      queryClient.invalidateQueries({ queryKey: iaCreditsKey });
-    },
-  });
-}

package/src/modules/ia-credits/hooks/use-offer-eligibility.hook.ts

@@ -1,28 +0,0 @@
-'use client';
-
-import { useQuery } from '@tanstack/react-query';
-import { apiFetch } from '../../../infra/http/api-fetch';
-import { useAuthQueryKey } from '../../../hooks/useAuthQueryKey';
-import { AI_CREDITS_OFFER_ELIGIBILITY_QUERY_KEY } from '../constants/ai-credits-offer.constants';
-import type { AiCreditsOfferEligibilityResponse } from '../types/ai-credits-offer.type';
-
-export interface UseAiCreditsOfferEligibilityOptions {
-  enabled?: boolean;
-}
-
-/**
- * Elegibilidade da oferta de primeira compra de créditos de IA, resolvida SEMPRE no servidor
- * (`GET /api/ai-credits-offer/eligibility`) — o `AiCreditsOfferGate` trata erro/timeout como
- * inelegível (fail closed): sem confirmação do backend, a oferta não abre.
- */
-export function useAiCreditsOfferEligibility(options: UseAiCreditsOfferEligibilityOptions = {}) {
-  const queryKey = useAuthQueryKey([...AI_CREDITS_OFFER_ELIGIBILITY_QUERY_KEY]);
-
-  return useQuery({
-    queryKey,
-    queryFn: ({ signal }) =>
-      apiFetch<AiCreditsOfferEligibilityResponse>('/api/ai-credits-offer/eligibility', { signal }),
-    enabled: options.enabled ?? true,
-    staleTime: 30_000,
-  });
-}

package/src/modules/ia-credits/types/ai-credits-offer.type.ts

@@ -1,87 +0,0 @@
-import z from 'zod';
-import { PAYMENT_METHOD_CARD, PAYMENT_METHOD_PIX } from '../constants/ai-credits-offer.constants';
-
-/**
- * `reason` é sempre um código de máquina do backend — nunca renderizar como texto: o modal usa uma
- * mensagem de erro genérica já existente no catálogo (ver `AiCreditsOfferModal`).
- */
-export type AiCreditsOfferIneligibilityReason =
-  | 'not_default_wl'
-  | 'gateway_not_supported'
-  | 'no_active_subscription'
-  | 'already_charged'
-  | 'has_paid_plan'
-  | 'has_card'
-  | 'offer_consumed'
-  | 'offer_card_only'
-  | null;
-
-export interface AiCreditsOfferEligibility {
-  eligible: boolean;
-  reason: AiCreditsOfferIneligibilityReason;
-  credits: number;
-  /** Preço promocional em centavos. `null` quando `eligible` é `false` sem cálculo de preço. */
-  priceCents: number | null;
-  /** Preço de tabela em centavos, derivado de `getAddonUnitPrice` no backend — nunca hardcoded. */
-  anchorCents: number | null;
-}
-
-/** Resposta do route handler local — a elegibilidade do backend + o carimbo da sessão de login. */
-export interface AiCreditsOfferEligibilityResponse extends AiCreditsOfferEligibility {
-  /** `iat` do JWT no momento da consulta — usado pelo gate para saber se é uma sessão nova. */
-  sessionIssuedAt: number;
-}
-
-export interface PurchaseIaCreditsInput {
-  /** Ignorado pelo backend quando `offer` é enviado (a oferta força a quantidade do pacote). */
-  quantity?: number;
-  paymentMethod: number;
-  idCard?: string;
-  /** Slug da oferta (`AI_CREDITS_FIRST_PURCHASE_OFFER.slug`). Ausente = compra avulsa comum. */
-  offer?: string;
-}
-
-/**
- * Corpo aceito pela rota local de compra (`createPurchaseIaCreditsHandler`) — validado no handler
- * porque o JSON do request não é confiável: `payment_method` fora do union (1 = cartão, 3 = pix,
- * únicos métodos que o gapps-r3-api reconhece) nem chega a virar chamada de backend.
- */
-export const PurchaseIaCreditsRequestBodySchema = z.object({
-  quantity: z.number().optional(),
-  payment_method: z.union([z.literal(PAYMENT_METHOD_CARD), z.literal(PAYMENT_METHOD_PIX)]),
-  id_card: z.string().optional(),
-  offer: z.string().optional(),
-});
-export type PurchaseIaCreditsRequestBody = z.infer<typeof PurchaseIaCreditsRequestBodySchema>;
-
-/** Envelope PIX dentro de `data`, presente só quando a compra foi feita com `payment_method: 3`. */
-const PurchaseIaCreditsPixDataSchema = z.object({
-  correlation_id: z.string().optional(),
-  qr_code: z.string().optional(),
-  qr_code_image: z.string().optional(),
-  payment_link: z.string().optional(),
-  expires_at: z.string().optional(),
-});
-
-/**
- * Envelope CRU do gapps-r3-api — status 1 (pago), 2 (3DS pendente) ou 0 (recusado). Devolvido
- * sem reembrulho pelo `createPurchaseIaCreditsHandler` (ver o comentário no handler); o hook valida
- * a resposta contra este schema em vez de confiar cegamente no `fetch`.
- */
-export const PurchaseIaCreditsResultSchema = z.object({
-  status: z.number(),
-  message: z.string().optional(),
-  client_secret: z.string().optional(),
-  data: z
-    .array(
-      z.object({
-        credited: z.number().optional(),
-        invoice_id: z.string().optional(),
-        pending: z.number().optional(),
-        payment_method: z.number().optional(),
-        pix: PurchaseIaCreditsPixDataSchema.optional(),
-      })
-    )
-    .optional(),
-});
-export type PurchaseIaCreditsResult = z.infer<typeof PurchaseIaCreditsResultSchema>;

package/src/modules/ia-credits/utils/offer-stage-cookie.ts

@@ -1,66 +0,0 @@
-import { cookieDomainFromDomain } from '../../../utils/intl/cookie-domain';
-import { AiCreditsOfferStage } from '../constants/ai-credits-offer.constants';
-
-const COOKIE_NAME = 'ai-credits-offer-stage';
-const ONE_YEAR_SECONDS = 60 * 60 * 24 * 365;
-
-export interface OfferStageRecord {
-  stage: AiCreditsOfferStage;
-  /** `iat` do JWT na sessão em que este estágio foi gravado — é o que diferencia "sessão nova". */
-  lastSessionIat: number;
-}
-
-const EMPTY_RECORD: OfferStageRecord = {
-  stage: AiCreditsOfferStage.NONE,
-  lastSessionIat: 0,
-};
-
-/**
- * Cookie `ai-credits-offer-stage`, no domínio pai da whitelabel (`cookieDomainFromDomain` — mesmo
- * mecanismo do cookie de locale, que por sua vez espelha o cookie de auth `greatapps`): sustenta a
- * escada de estágios entre app/accounts/editor, 1 ano de validade.
- *
- * Valor: `${idAccount}:${stage}:${lastSessionIat}`. Registro de OUTRA conta
- * (id diferente do gravado) lê como estágio zerado — last-writer-wins, aceito porque o cookie é por
- * navegador e trocar de conta paga no mesmo device durante a janela da oferta é evento raro.
- */
-export function readOfferStageCookie(idAccount: number): OfferStageRecord {
-  if (typeof document === 'undefined') return EMPTY_RECORD;
-
-  const match = new RegExp(`(?:^|;\\s*)${COOKIE_NAME}=([^;]+)`).exec(document.cookie);
-  if (!match) return EMPTY_RECORD;
-
-  const raw = decodeURIComponent(match[1]);
-  const [rawAccount, rawStage, rawIat] = raw.split(':');
-
-  if (Number(rawAccount) !== idAccount) return EMPTY_RECORD;
-
-  const stage = Number(rawStage);
-  if (!(stage in AiCreditsOfferStage)) return EMPTY_RECORD;
-
-  return {
-    stage,
-    lastSessionIat: Number(rawIat) || 0,
-  };
-}
-
-export function writeOfferStageCookie(
-  idAccount: number,
-  record: OfferStageRecord,
-  whitelabelDomain?: string | null
-): void {
-  if (typeof document === 'undefined') return;
-
-  const value = `${idAccount}:${record.stage}:${record.lastSessionIat}`;
-  const domain = cookieDomainFromDomain(whitelabelDomain);
-  const parts = [
-    `${COOKIE_NAME}=${encodeURIComponent(value)}`,
-    'path=/',
-    `max-age=${ONE_YEAR_SECONDS}`,
-    'samesite=lax',
-    domain ? `domain=${domain}` : '',
-    typeof window !== 'undefined' && window.location.protocol === 'https:' ? 'secure' : '',
-  ].filter(Boolean);
-
-  document.cookie = parts.join('; ');
-}

package/src/store/useAiCreditsOfferModal.ts

@@ -1,24 +0,0 @@
-import { useCallback } from 'react';
-import { useModalManager } from './useModalManager';
-
-/**
- * Oferta de primeira compra de créditos de IA. Quem abre é o `AiCreditsOfferGate` (1s depois do
- * gatilho decidir que é a vez dela) — daí não existir payload: a oferta é sempre a mesma.
- *
- * Os callbacks vão em `useCallback` (as ações do zustand já são estáveis): o gate arma um
- * `setTimeout` num efeito que tem `openModal` nas dependências, e uma identidade nova a cada render
- * limparia o timer antes de ele disparar — a oferta nunca abriria.
- *
- * O fechamento usa `closeModalByKey` e não `closeModal`: o modal abre o `addCardModal` por cima (a
- * pilha do `useModalManager` empilha), e um `closeModal` disparado com o cartão em cima derrubaria
- * o topo da pilha, não a oferta.
- */
-export const useAiCreditsOfferModal = () => {
-  const { activeModal, openModal, closeModalByKey } = useModalManager();
-
-  return {
-    open: activeModal === 'aiCreditsOfferModal',
-    openModal: useCallback(() => openModal('aiCreditsOfferModal'), [openModal]),
-    closeModal: useCallback(() => closeModalByKey('aiCreditsOfferModal'), [closeModalByKey]),
-  };
-};