@greatapps/common 1.1.795 → 1.1.796

package/src/components/modals/billing/RequiredBillingDataModal.tsx

@@ -1,291 +1,21 @@
-/* eslint-disable @typescript-eslint/no-explicit-any -- o generic Translator do next-intl não é
-   expressável estruturalmente; o `any` do TranslateFn é intencional e está contido neste arquivo
-   (mesmo padrão de modules/plans/utils/map-api-plan-to-ui.ts). */
 'use client';
 
-import { useEffect, useMemo, useRef, useState } from 'react';
-import { Controller, useForm } from 'react-hook-form';
-import { zodResolver } from '@hookform/resolvers/zod';
+import { useState } from 'react';
 import { useTranslations } from 'next-intl';
-import { toast } from 'sonner';
-import z from 'zod';
 import { IconFileInvoice } from '@tabler/icons-react';
 
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from '../../ui/overlay/Dialog';
-import { Button } from '../../ui/buttons/Button';
-import { FormField } from '../../ui/form/FormField';
-import { SelectField } from '../../ui/form/SelectField';
-import { Toast } from '../../ui/feedback/Toast';
 import { useAuth } from '../../../providers/auth.provider';
-import { useViaCep } from '../../../modules/accounts/hooks/useViaCep';
-import { useUpdateBillingData } from '../../../modules/accounts/hooks/useAccountManagement';
 import { useRequiredBillingData } from '../../../modules/accounts/hooks/use-required-billing-data.hook';
-import { COUNTRIES } from '../../../utils/countries';
-import { readGeoCountry } from '../../../utils/geo-country';
-import { BR_STATE_OPTIONS } from '../../../utils/constants/br-states';
-import { formatCNPJ, formatCPF, formatPostalCode } from '../../../utils/format/masks';
-import { isValidCNPJ, isValidCPF } from '../../../utils/validators/common';
-import type { UpdateBillingDataRequest } from '../../../modules/accounts/types';
-
-type TranslateFn = (key: any, values?: Record<string, string | number>) => string;
-
-type BillingDataFormValues = {
-  personType: 'pf' | 'pj';
-  document: string;
-  financialName: string;
-  financialEmail: string;
-  cep: string;
-  street: string;
-  streetNumber: string;
-  complement?: string;
-  neighborhood: string;
-  city: string;
-  state: string;
-  country: string;
-};
-
-const COUNTRY_OPTIONS = COUNTRIES.map((country: { iso: string; name: string }) => ({
-  value: country.iso,
-  label: country.name,
-}));
-
-const BR_REQUIRED_ADDRESS_FIELDS: readonly (keyof BillingDataFormValues)[] = [
-  'street',
-  'streetNumber',
-  'neighborhood',
-  'city',
-  'state',
-];
-
-function buildBillingDataSchema(translate: TranslateFn) {
-  const base = z.object({
-    personType: z.enum(['pf', 'pj']),
-    document: z.string().trim(),
-    financialName: z
-      .string()
-      .trim()
-      .min(1, translate('common.billing.requiredData.requiredField')),
-    financialEmail: z
-      .string()
-      .trim()
-      .min(1, translate('common.billing.requiredData.requiredField'))
-      .email(translate('common.billing.requiredData.invalidEmail')),
-    cep: z.string().trim(),
-    street: z.string().trim(),
-    streetNumber: z.string().trim(),
-    complement: z.string().trim().optional(),
-    neighborhood: z.string().trim(),
-    city: z.string().trim(),
-    state: z.string().trim(),
-    country: z.string().trim().min(1, translate('common.billing.requiredData.requiredField')),
-  });
-
-  return base.superRefine((data, ctx) => {
-    if (data.country !== 'BR') return;
-
-    for (const field of BR_REQUIRED_ADDRESS_FIELDS) {
-      if (!data[field]) {
-        ctx.addIssue({
-          code: 'custom',
-          path: [field],
-          message: translate('common.billing.requiredData.requiredField'),
-        });
-      }
-    }
-
-    if (data.cep.replace(/\D/g, '').length !== 8) {
-      ctx.addIssue({
-        code: 'custom',
-        path: ['cep'],
-        message: translate('common.billing.requiredData.invalidCep'),
-      });
-    }
-
-    const isCompany = data.personType === 'pj';
-    const digits = data.document.replace(/\D/g, '');
-
-    if (digits.length !== (isCompany ? 14 : 11)) {
-      ctx.addIssue({
-        code: 'custom',
-        path: ['document'],
-        message: isCompany
-          ? translate('common.billing.requiredData.invalidCnpj')
-          : translate('common.billing.requiredData.invalidCpf'),
-      });
-      return;
-    }
-
-    /* Dígito verificador, mesmo algoritmo do backend: sem isso 111.111.111-11 passa
-     * aqui e o PUT da conta é recusado depois, sem o usuário saber o motivo. */
-    const isValid = isCompany ? isValidCNPJ(digits) : isValidCPF(digits);
-    if (!isValid) {
-      ctx.addIssue({
-        code: 'custom',
-        path: ['document'],
-        message: isCompany
-          ? translate('common.billing.requiredData.invalidCnpjChecksum')
-          : translate('common.billing.requiredData.invalidCpfChecksum'),
-      });
-    }
-  });
-}
-
-function formatDocument(document: string | null | undefined, isCompany: boolean) {
-  if (!document) return '';
-  return isCompany ? formatCNPJ(document) : formatCPF(document);
-}
+import { BillingDataForm } from './BillingDataForm';
 
 function RequiredBillingDataModalContent() {
   const translate = useTranslations();
-  const { user } = useAuth();
   const { isRequired, account } = useRequiredBillingData();
-  const { mutateAsync: updateBillingData } = useUpdateBillingData();
-  const { mutateAsync: lookupCep } = useViaCep();
 
   /* O modal fecha na hora do submit e não reabre enquanto o invalidate do account
    * não volta — sem isso o usuário vê o modal piscar de novo com o cache antigo. */
   const [isSubmitted, setIsSubmitted] = useState(false);
-  const isPrefilled = useRef(false);
-
-  const schema = useMemo(
-    () => buildBillingDataSchema(translate),
-    [translate],
-  );
-
-  const form = useForm<BillingDataFormValues>({
-    resolver: zodResolver(schema),
-    mode: 'onChange',
-    defaultValues: {
-      personType: 'pf',
-      document: '',
-      financialName: '',
-      financialEmail: '',
-      cep: '',
-      street: '',
-      streetNumber: '',
-      complement: '',
-      neighborhood: '',
-      city: '',
-      state: '',
-      country: 'BR',
-    },
-  });
-
-  const {
-    register,
-    control,
-    handleSubmit,
-    reset,
-    setValue,
-    watch,
-    formState: { errors, isSubmitting, isValid },
-  } = form;
-
-  const personType = watch('personType');
-  const isCompany = personType === 'pj';
-  const isBrazil = watch('country') === 'BR';
-
-  useEffect(() => {
-    if (!account || isPrefilled.current) return;
-    isPrefilled.current = true;
-
-    const accountIsCompany = account.financial_document_type === 2;
-    reset({
-      personType: accountIsCompany ? 'pj' : 'pf',
-      document: formatDocument(account.financial_document, accountIsCompany),
-      financialName: account.financial_name ?? '',
-      financialEmail: account.financial_email || user?.email || '',
-      cep: account.zipcode ?? '',
-      street: account.address ?? '',
-      streetNumber: account.address_number ?? '',
-      complement: account.address_complement ?? '',
-      neighborhood: account.neighborhood ?? '',
-      city: account.city ?? '',
-      state: account.state ?? '',
-      country: account.country || readGeoCountry() || 'BR',
-    });
-  }, [account, reset, user?.email]);
-
-  const handleDocumentChange = (rawValue: string) => {
-    setValue('document', isCompany ? formatCNPJ(rawValue) : formatCPF(rawValue), {
-      shouldValidate: true,
-    });
-  };
-
-  const handlePersonTypeChange = (value: 'pf' | 'pj') => {
-    if (value === personType) return;
-    setValue('document', '');
-    /* shouldValidate reroda o resolver: sem isso o `isValid` fica preso no valor
-     * do documento antigo e o botão continua habilitado com o campo já limpo. */
-    setValue('personType', value, { shouldValidate: true });
-  };
-
-  const handleCepChange = (rawValue: string) => {
-    setValue('cep', formatPostalCode(rawValue), { shouldValidate: true });
-
-    const digits = rawValue.replace(/\D/g, '');
-    if (digits.length !== 8) return;
-
-    lookupCep(digits)
-      .then((data) => {
-        setValue('street', data.logradouro, { shouldValidate: true });
-        setValue('neighborhood', data.bairro, { shouldValidate: true });
-        setValue('city', data.localidade, { shouldValidate: true });
-        setValue('state', data.uf, { shouldValidate: true });
-      })
-      .catch(() => {
-        // CEP não encontrado: o usuário preenche o endereço na mão.
-      });
-  };
-
-  async function onSubmit(data: BillingDataFormValues) {
-    const payload: UpdateBillingDataRequest =
-      data.country === 'BR'
-        ? {
-            financial_document_type: data.personType === 'pf' ? 1 : 2,
-            financial_document: data.document,
-            financial_name: data.financialName,
-            financial_email: data.financialEmail,
-            zipcode: data.cep,
-            address: data.street,
-            address_number: data.streetNumber,
-            address_complement: data.complement ?? '',
-            neighborhood: data.neighborhood,
-            city: data.city,
-            state: data.state,
-            country: data.country,
-          }
-        : {
-            financial_name: data.financialName,
-            financial_email: data.financialEmail,
-            country: data.country,
-          };
-
-    try {
-      await updateBillingData(payload);
-      setIsSubmitted(true);
-      toast.custom(
-        (t) => (
-          <Toast
-            variant="success"
-            message={translate('common.billing.requiredData.successToast')}
-            toastId={t}
-          />
-        ),
-        { duration: 5000 },
-      );
-    } catch (error) {
-      /* O backend devolve a razão exata da recusa (ex.: documento fiscal inválido).
-       * Trocar por um texto genérico deixaria o usuário travado sem saber o que corrigir. */
-      const message =
-        error instanceof Error && error.message
-          ? error.message
-          : translate('common.billing.requiredData.errorToast');
-      toast.custom((t) => <Toast variant="error" message={message} toastId={t} />, {
-        duration: 5000,
-      });
-    }
-  }
 
   if (!isRequired || isSubmitted) return null;
 
@@ -306,212 +36,10 @@ function RequiredBillingDataModalContent() {
             <DialogTitle className="paragraph-medium-semibold text-zinc-950">
               {translate('common.billing.requiredData.title')}
             </DialogTitle>
-            <span className="paragraph-small-regular text-zinc-600">
-              {isBrazil
-                ? translate('common.billing.requiredData.description')
-                : translate('common.billing.requiredData.descriptionInternational')}
-            </span>
           </div>
         </DialogHeader>
 
-        <form
-          onSubmit={handleSubmit(onSubmit)}
-          className="flex flex-col flex-1 min-h-0"
-          noValidate
-        >
-          <div className="flex flex-col gap-6 p-4 lg:p-5 flex-1 overflow-y-auto">
-            <div className="flex flex-col gap-5">
-              <Controller
-                name="country"
-                control={control}
-                render={({ field }) => (
-                  <SelectField
-                    label={translate('common.billing.requiredData.country')}
-                    placeholder={translate('common.billing.requiredData.select')}
-                    value={field.value || undefined}
-                    onChange={(value) =>
-                      setValue('country', String(value), { shouldValidate: true })
-                    }
-                    options={COUNTRY_OPTIONS}
-                    error={!!errors.country}
-                    errorMessage={errors.country?.message}
-                  />
-                )}
-              />
-
-              {isBrazil && (
-                <div className="flex gap-4">
-                  <Controller
-                    name="personType"
-                    control={control}
-                    render={({ field }) => (
-                      <SelectField
-                        label={translate('common.billing.requiredData.personType')}
-                        placeholder={translate('common.billing.requiredData.select')}
-                        value={field.value}
-                        onChange={(value) => handlePersonTypeChange(value as 'pf' | 'pj')}
-                        options={[
-                          {
-                            value: 'pf',
-                            label: translate('common.billing.requiredData.personTypePf'),
-                          },
-                          {
-                            value: 'pj',
-                            label: translate('common.billing.requiredData.personTypePj'),
-                          },
-                        ]}
-                        containerClassName="flex-1"
-                      />
-                    )}
-                  />
-                  <div className="flex-1">
-                    <FormField
-                      label={
-                        isCompany
-                          ? translate('common.billing.requiredData.cnpj')
-                          : translate('common.billing.requiredData.cpf')
-                      }
-                      placeholder={isCompany ? '__.___.___/____-__' : '___.___.___-__'}
-                      error={!!errors.document}
-                      errorMessage={errors.document?.message}
-                      {...register('document', {
-                        onChange: (event) => handleDocumentChange(event.target.value),
-                      })}
-                    />
-                  </div>
-                </div>
-              )}
-
-              <FormField
-                label={
-                  isBrazil && isCompany
-                    ? translate('common.billing.requiredData.companyName')
-                    : translate('common.billing.requiredData.fullName')
-                }
-                placeholder={translate('common.billing.requiredData.typeHere')}
-                error={!!errors.financialName}
-                errorMessage={errors.financialName?.message}
-                {...register('financialName')}
-              />
-
-              <FormField
-                label={translate('common.billing.requiredData.financialEmail')}
-                placeholder={translate('common.billing.requiredData.financialEmailPlaceholder')}
-                type="email"
-                error={!!errors.financialEmail}
-                errorMessage={errors.financialEmail?.message}
-                {...register('financialEmail')}
-              />
-            </div>
-
-            {isBrazil && (
-              <>
-                <div className="h-px bg-zinc-200" />
-
-                <div className="flex flex-col gap-5">
-                  <span className="paragraph-small-semibold text-zinc-950">
-                    {translate('common.billing.requiredData.addressHeading')}
-                  </span>
-
-                  <FormField
-                    label={translate('common.billing.requiredData.cep')}
-                    placeholder="_____-___"
-                    error={!!errors.cep}
-                    errorMessage={errors.cep?.message}
-                    {...register('cep', {
-                      onChange: (event) => handleCepChange(event.target.value),
-                    })}
-                  />
-
-                  <div className="flex gap-4">
-                    <div className="flex-[3]">
-                      <FormField
-                        label={translate('common.billing.requiredData.street')}
-                        placeholder={translate('common.billing.requiredData.typeHere')}
-                        error={!!errors.street}
-                        errorMessage={errors.street?.message}
-                        {...register('street')}
-                      />
-                    </div>
-                    <div className="flex-1">
-                      <FormField
-                        label={translate('common.billing.requiredData.streetNumber')}
-                        placeholder="000"
-                        error={!!errors.streetNumber}
-                        errorMessage={errors.streetNumber?.message}
-                        {...register('streetNumber')}
-                      />
-                    </div>
-                  </div>
-
-                  <div className="flex gap-4">
-                    <div className="flex-1">
-                      <FormField
-                        label={translate('common.billing.requiredData.neighborhood')}
-                        placeholder={translate('common.billing.requiredData.typeHere')}
-                        error={!!errors.neighborhood}
-                        errorMessage={errors.neighborhood?.message}
-                        {...register('neighborhood')}
-                      />
-                    </div>
-                    <div className="flex-1">
-                      <FormField
-                        label={translate('common.billing.requiredData.complement')}
-                        optional
-                        placeholder={translate('common.billing.requiredData.typeHere')}
-                        {...register('complement')}
-                      />
-                    </div>
-                  </div>
-
-                  <div className="flex gap-4">
-                    <div className="flex-1">
-                      <FormField
-                        label={translate('common.billing.requiredData.city')}
-                        placeholder={translate('common.billing.requiredData.typeHere')}
-                        error={!!errors.city}
-                        errorMessage={errors.city?.message}
-                        {...register('city')}
-                      />
-                    </div>
-                    <div className="flex-1">
-                      <Controller
-                        name="state"
-                        control={control}
-                        render={({ field }) => (
-                          <SelectField
-                            label={translate('common.billing.requiredData.state')}
-                            placeholder={translate('common.billing.requiredData.select')}
-                            value={field.value || undefined}
-                            onChange={(value) =>
-                              setValue('state', String(value), { shouldValidate: true })
-                            }
-                            options={BR_STATE_OPTIONS}
-                            error={!!errors.state}
-                            errorMessage={errors.state?.message}
-                          />
-                        )}
-                      />
-                    </div>
-                  </div>
-                </div>
-              </>
-            )}
-          </div>
-
-          <div className="flex items-center justify-end p-4 lg:p-5 border-t border-zinc-200 shrink-0">
-            <Button
-              type="submit"
-              className="h-10! w-full lg:w-fit"
-              disabled={!isValid || isSubmitting}
-              loading={isSubmitting}
-            >
-              {isSubmitting
-                ? translate('common.billing.requiredData.submitting')
-                : translate('common.billing.requiredData.submit')}
-            </Button>
-          </div>
-        </form>
+        <BillingDataForm account={account} onSaved={() => setIsSubmitted(true)} />
       </DialogContent>
     </Dialog>
   );

package/src/i18n/resolve-locale.ts

@@ -5,10 +5,10 @@ import { DEFAULT_LOCALE, Locale, LOCALE_COOKIE } from './config';
 import { localeFromCountry } from './country-language';
 import { normalizeLocale } from './normalize';
 import { decodeJwtPayload } from '../utils/jwt-payload';
+import { DEFAULT_WHITELABEL_ID } from '../modules/whitelabel/constants/whitelabel.constants';
 
 const AUTH_COOKIE = 'greatapps';
 const GEO_HEADER = 'cf-ipcountry';
-const DEFAULT_WHITELABEL_ID = 1;
 
 interface JwtLocaleInfo {
   id_wl?: number;

package/src/index.ts

@@ -1,6 +1,7 @@
 // Types
 export * from "./modules/auth/schema";
 export * from "./modules/users/schema";
+export { UserProfile } from "./modules/users/schema";
 export * from "./modules/whitelabel/schema";
 // Style types now come from whitelabel schema directly
 export * from "./infra/api/types";
@@ -281,6 +282,8 @@ export { default as PaidPlanRequiredModal } from "./components/modals/PaidPlanRe
 export { default as AccountFrozenModal } from "./components/modals/AccountFrozenModal";
 export { default as AccountDeletionWarningModal } from "./components/modals/AccountDeletionWarningModal";
 export { default as RequiredBillingDataModal } from "./components/modals/billing/RequiredBillingDataModal";
+export { BillingDataForm } from "./components/modals/billing/BillingDataForm";
+export type { BillingDataFormProps } from "./components/modals/billing/BillingDataForm";
 export { default as AddCardModal } from "./components/modals/cards/AddCardModal";
 export { DeleteCardModal } from "./components/modals/cards/DeleteCardModal";
 export { CannotDeleteCardModal } from "./components/modals/cards/CannotDeleteCardModal";

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

@@ -71,6 +71,9 @@ const PurchaseIaCreditsPixDataSchema = z.object({
 export const PurchaseIaCreditsResultSchema = z.object({
   status: z.number(),
   message: z.string().optional(),
+  /** Code estável da recusa (ex.: `FISCAL_DOCUMENT_REQUIRED`) — sem isso o `z.object` faz strip e o
+   * code do backend morre antes de chegar em quem decide reabrir um passo do fluxo por ele. */
+  code: z.string().optional(),
   client_secret: z.string().optional(),
   data: z
     .array(

package/src/modules/whitelabel/actions/find-whitelabel.action.ts

@@ -7,13 +7,7 @@ import { ApiError } from "../../../infra/api/types";
 import { cache } from "react";
 
 const findWhitelabelByHost = cache(async (host: string) => {
-    const whitelabel = await whitelabelService.getTokenByDomain(host);
-
-    if (!whitelabel) {
-        throw new ApiError('Whitelabel not found', 'WL_NOT_FOUND', 404);
-    }
-
-    return whitelabel;
+    return whitelabelService.getTokenByDomain(host);
 });
 
 export const findWhitelabel = async () => {

package/src/modules/whitelabel/constants/whitelabel.constants.ts

@@ -0,0 +1,14 @@
+/**
+ * Whitelabel 1 é a Great por definição — dono do domínio-mãe e o único destino
+ * seguro quando um host não tem whitelabel própria (ver `WhitelabelService.getDefault`).
+ */
+export const DEFAULT_WHITELABEL_ID = 1;
+
+/** Domínio da whitelabel padrão, usado quando `WHITELABEL_DEFAULT_DOMAIN` não está configurada. */
+export const DEFAULT_WHITELABEL_DOMAIN = 'greatpages.com.br';
+
+/** TTL do cache positivo (token resolvido com sucesso) — uma semana. */
+export const WHITELABEL_CACHE_TTL_SECONDS = 604800;
+
+/** TTL do cache negativo (host sem whitelabel) — curto, pra não travar 5 minutos um domínio novo. */
+export const MISSING_WHITELABEL_CACHE_TTL_SECONDS = 300;