@greatapps/common 1.1.789 → 1.1.791

package/dist/components/account/sections/subscription/AiCreditsUsage.mjs

@@ -0,0 +1,106 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { IconAlertCircle, IconFileText, IconSparkles } from "@tabler/icons-react";
+import { useTranslations } from "next-intl";
+import { Button } from "../../../ui/buttons/Button";
+import { Progress } from "../../../ui/feedback/Progress";
+import { Skeleton } from "../../../ui/feedback/Skeleton";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../../../ui/overlay/Tooltip";
+import { useIaCredits } from "../../../../modules/ia-credits/hooks/ia-credits.hook";
+import { useBuyCreditsModal } from "../../../../store/useBuyCreditsModal";
+import { cn } from "../../../../infra/utils/clsx";
+import { IconBox } from "../shared/IconBox";
+function AiCreditsPromo({ isMainWhitelabel }) {
+  const translate = useTranslations();
+  return /* @__PURE__ */ jsx("div", { className: "px-2 pb-2 mt-auto", children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("flex items-center gap-4 p-6 rounded-lg", isMainWhitelabel ? "bg-cyan-50" : "bg-zinc-50"),
+      children: [
+        /* @__PURE__ */ jsx(IconBox, { icon: IconSparkles }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "paragraph-medium-semibold text-zinc-950", children: translate("common.account.workspace.subscription.planCard.aiCreditsPromoTitle") }),
+          /* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-zinc-950", children: translate("common.account.workspace.subscription.planCard.aiCreditsPromoDescription") })
+        ] })
+      ]
+    }
+  ) });
+}
+function AiCreditsUsage({ canManage, isApiPlan, cancelled, onViewUsageReport }) {
+  const translate = useTranslations();
+  const { summary, isLoading } = useIaCredits();
+  const { openModal: openBuyCreditsModal } = useBuyCreditsModal();
+  const totalCredits = summary.totalCredits;
+  const usedCredits = Math.max(0, totalCredits - summary.availableCredits);
+  const nextExpiringCredits = summary.nextExpiringCredits;
+  const nextCycleInDays = summary.nextExpirationInDays;
+  const creditsTotalLabel = totalCredits.toLocaleString("pt-BR");
+  const creditsUsedLabel = usedCredits.toLocaleString("pt-BR");
+  const creditsPercentage = totalCredits > 0 ? Math.min(100, usedCredits / totalCredits * 100) : 0;
+  const nextCycleLabel = nextCycleInDays == null || nextExpiringCredits == null ? translate("common.account.workspace.subscription.planCard.noActiveCredits") : nextCycleInDays === 1 ? translate("common.account.workspace.subscription.planCard.creditsExpireInOneDay", {
+    credits: nextExpiringCredits.toLocaleString("pt-BR")
+  }) : translate("common.account.workspace.subscription.planCard.creditsExpireInDays", {
+    credits: nextExpiringCredits.toLocaleString("pt-BR"),
+    days: String(nextCycleInDays)
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 p-5 lg:p-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-40 rounded" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24 rounded" })
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("span", { className: "text-zinc-950 paragraph-small-semibold", children: [
+          translate("common.account.workspace.subscription.planCard.aiCreditsTotal", {
+            total: creditsTotalLabel
+          }),
+          " ",
+          /* @__PURE__ */ jsx("span", { className: "font-normal", children: "\u2728" })
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: "text-zinc-500 paragraph-xsmall-semibold", children: [
+          creditsUsedLabel,
+          " / ",
+          creditsTotalLabel
+        ] })
+      ] }) }),
+      isLoading ? /* @__PURE__ */ jsx(Skeleton, { className: "h-2 w-full rounded-full" }) : /* @__PURE__ */ jsx(Progress, { value: creditsPercentage, indicatorColor: "bg-zinc-950", className: "bg-zinc-200" })
+    ] }),
+    !cancelled && /* @__PURE__ */ jsxs("div", { className: "flex flex-col md:flex-row md:items-center justify-between gap-3", children: [
+      isLoading ? /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-36 rounded" }) : /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "paragraph-small-medium text-zinc-500", children: nextCycleLabel }),
+        nextCycleInDays != null && nextExpiringCredits != null && /* @__PURE__ */ jsxs(Tooltip, { children: [
+          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "size-5 flex items-center justify-center rounded-full text-zinc-400 hover:text-zinc-600 focus:outline-none focus-visible:ring-2 focus-visible:ring-zinc-400 focus-visible:ring-offset-1",
+              "aria-label": translate("common.account.workspace.subscription.planCard.creditsExpireAriaLabel"),
+              children: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16, strokeWidth: 2 })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", className: "max-w-62.5 text-center", children: translate("common.account.workspace.subscription.planCard.creditsExpireTooltip") })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        canManage && !isApiPlan && /* @__PURE__ */ jsx(Button, { variant: "secondary", className: "w-full md:w-fit h-10!", onClick: () => openBuyCreditsModal(), children: translate("common.account.workspace.subscription.planCard.buyCredits") }),
+        /* @__PURE__ */ jsxs(Tooltip, { children: [
+          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              className: "size-10! p-0 hidden md:flex hover:bg-zinc-100",
+              "aria-label": translate("common.account.workspace.subscription.planCard.usageReport"),
+              onClick: onViewUsageReport,
+              children: /* @__PURE__ */ jsx(IconFileText, { size: 20, className: "text-zinc-950" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(TooltipContent, { children: translate("common.account.workspace.subscription.planCard.usageReport") })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+export {
+  AiCreditsPromo,
+  AiCreditsUsage
+};
+//# sourceMappingURL=AiCreditsUsage.mjs.map

package/dist/components/account/sections/subscription/AiCreditsUsage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/account/sections/subscription/AiCreditsUsage.tsx"],"sourcesContent":["'use client';\n\nimport { IconAlertCircle, IconFileText, IconSparkles } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { Button } from '../../../ui/buttons/Button';\nimport { Progress } from '../../../ui/feedback/Progress';\nimport { Skeleton } from '../../../ui/feedback/Skeleton';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../../../ui/overlay/Tooltip';\nimport { useIaCredits } from '../../../../modules/ia-credits/hooks/ia-credits.hook';\nimport { useBuyCreditsModal } from '../../../../store/useBuyCreditsModal';\nimport { cn } from '../../../../infra/utils/clsx';\nimport { IconBox } from '../shared/IconBox';\n\nexport function AiCreditsPromo({ isMainWhitelabel }: { isMainWhitelabel: boolean }) {\n  const translate = useTranslations();\n\n  return (\n    <div className=\"px-2 pb-2 mt-auto\">\n      <div\n        className={cn('flex items-center gap-4 p-6 rounded-lg', isMainWhitelabel ? 'bg-cyan-50' : 'bg-zinc-50')}\n      >\n        <IconBox icon={IconSparkles} />\n        <div className=\"flex flex-col gap-1\">\n          <span className=\"paragraph-medium-semibold text-zinc-950\">\n            {translate('common.account.workspace.subscription.planCard.aiCreditsPromoTitle')}\n          </span>\n          <span className=\"paragraph-small-regular text-zinc-950\">\n            {translate('common.account.workspace.subscription.planCard.aiCreditsPromoDescription')}\n          </span>\n        </div>\n      </div>\n    </div>\n  );\n}\n\ntype AiCreditsUsageProps = {\n  canManage: boolean;\n  isApiPlan: boolean;\n  cancelled: boolean;\n  onViewUsageReport: () => void;\n};\n\nexport function AiCreditsUsage({ canManage, isApiPlan, cancelled, onViewUsageReport }: AiCreditsUsageProps) {\n  const translate = useTranslations();\n  const { summary, isLoading } = useIaCredits();\n  const { openModal: openBuyCreditsModal } = useBuyCreditsModal();\n\n  const totalCredits = summary.totalCredits;\n  // usado = total - saldo corrente (availableCredits), porque usedCredits do calculateSummary\n  // zera quando o consumo foi atribuído a um lote já expirado.\n  const usedCredits = Math.max(0, totalCredits - summary.availableCredits);\n  const nextExpiringCredits = summary.nextExpiringCredits;\n  const nextCycleInDays = summary.nextExpirationInDays;\n\n  const creditsTotalLabel = totalCredits.toLocaleString('pt-BR');\n  const creditsUsedLabel = usedCredits.toLocaleString('pt-BR');\n\n  const creditsPercentage = totalCredits > 0 ? Math.min(100, (usedCredits / totalCredits) * 100) : 0;\n\n  const nextCycleLabel =\n    nextCycleInDays == null || nextExpiringCredits == null\n      ? translate('common.account.workspace.subscription.planCard.noActiveCredits')\n      : nextCycleInDays === 1\n        ? translate('common.account.workspace.subscription.planCard.creditsExpireInOneDay', {\n            credits: nextExpiringCredits.toLocaleString('pt-BR'),\n          })\n        : translate('common.account.workspace.subscription.planCard.creditsExpireInDays', {\n            credits: nextExpiringCredits.toLocaleString('pt-BR'),\n            days: String(nextCycleInDays),\n          });\n\n  return (\n    <div className=\"flex flex-col gap-6 p-5 lg:p-6\">\n      <div className=\"flex flex-col gap-4\">\n        <div className=\"flex items-center justify-between\">\n          {isLoading ? (\n            <>\n              <Skeleton className=\"h-4 w-40 rounded\" />\n              <Skeleton className=\"h-4 w-24 rounded\" />\n            </>\n          ) : (\n            <>\n              <span className=\"text-zinc-950 paragraph-small-semibold\">\n                {translate('common.account.workspace.subscription.planCard.aiCreditsTotal', {\n                  total: creditsTotalLabel,\n                })}{' '}\n                <span className=\"font-normal\">✨</span>\n              </span>\n              <span className=\"text-zinc-500 paragraph-xsmall-semibold\">\n                {creditsUsedLabel} / {creditsTotalLabel}\n              </span>\n            </>\n          )}\n        </div>\n        {isLoading ? (\n          <Skeleton className=\"h-2 w-full rounded-full\" />\n        ) : (\n          <Progress value={creditsPercentage} indicatorColor=\"bg-zinc-950\" className=\"bg-zinc-200\" />\n        )}\n      </div>\n      {!cancelled && (\n        <div className=\"flex flex-col md:flex-row md:items-center justify-between gap-3\">\n          {isLoading ? (\n            <Skeleton className=\"h-4 w-36 rounded\" />\n          ) : (\n            <div className=\"flex items-center gap-1.5\">\n              <span className=\"paragraph-small-medium text-zinc-500\">{nextCycleLabel}</span>\n              {nextCycleInDays != null && nextExpiringCredits != null && (\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <button\n                      type=\"button\"\n                      className=\"size-5 flex items-center justify-center rounded-full text-zinc-400 hover:text-zinc-600 focus:outline-none focus-visible:ring-2 focus-visible:ring-zinc-400 focus-visible:ring-offset-1\"\n                      aria-label={translate('common.account.workspace.subscription.planCard.creditsExpireAriaLabel')}\n                    >\n                      <IconAlertCircle size={16} strokeWidth={2} />\n                    </button>\n                  </TooltipTrigger>\n                  <TooltipContent side=\"bottom\" className=\"max-w-62.5 text-center\">\n                    {translate('common.account.workspace.subscription.planCard.creditsExpireTooltip')}\n                  </TooltipContent>\n                </Tooltip>\n              )}\n            </div>\n          )}\n          <div className=\"flex items-center gap-2\">\n            {canManage && !isApiPlan && (\n              <Button variant=\"secondary\" className=\"w-full md:w-fit h-10!\" onClick={() => openBuyCreditsModal()}>\n                {translate('common.account.workspace.subscription.planCard.buyCredits')}\n              </Button>\n            )}\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <Button\n                  variant=\"ghost\"\n                  className=\"size-10! p-0 hidden md:flex hover:bg-zinc-100\"\n                  aria-label={translate('common.account.workspace.subscription.planCard.usageReport')}\n                  onClick={onViewUsageReport}\n                >\n                  <IconFileText size={20} className=\"text-zinc-950\" />\n                </Button>\n              </TooltipTrigger>\n              <TooltipContent>\n                {translate('common.account.workspace.subscription.planCard.usageReport')}\n              </TooltipContent>\n            </Tooltip>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AAqBQ,SAuDI,UAvDJ,KACA,YADA;AAnBR,SAAS,iBAAiB,cAAc,oBAAoB;AAC5D,SAAS,uBAAuB;AAChC,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAS,SAAS,gBAAgB,sBAAsB;AACxD,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AACnC,SAAS,UAAU;AACnB,SAAS,eAAe;AAEjB,SAAS,eAAe,EAAE,iBAAiB,GAAkC;AAClF,QAAM,YAAY,gBAAgB;AAElC,SACE,oBAAC,SAAI,WAAU,qBACb;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,0CAA0C,mBAAmB,eAAe,YAAY;AAAA,MAEtG;AAAA,4BAAC,WAAQ,MAAM,cAAc;AAAA,QAC7B,qBAAC,SAAI,WAAU,uBACb;AAAA,8BAAC,UAAK,WAAU,2CACb,oBAAU,oEAAoE,GACjF;AAAA,UACA,oBAAC,UAAK,WAAU,yCACb,oBAAU,0EAA0E,GACvF;AAAA,WACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;AASO,SAAS,eAAe,EAAE,WAAW,WAAW,WAAW,kBAAkB,GAAwB;AAC1G,QAAM,YAAY,gBAAgB;AAClC,QAAM,EAAE,SAAS,UAAU,IAAI,aAAa;AAC5C,QAAM,EAAE,WAAW,oBAAoB,IAAI,mBAAmB;AAE9D,QAAM,eAAe,QAAQ;AAG7B,QAAM,cAAc,KAAK,IAAI,GAAG,eAAe,QAAQ,gBAAgB;AACvE,QAAM,sBAAsB,QAAQ;AACpC,QAAM,kBAAkB,QAAQ;AAEhC,QAAM,oBAAoB,aAAa,eAAe,OAAO;AAC7D,QAAM,mBAAmB,YAAY,eAAe,OAAO;AAE3D,QAAM,oBAAoB,eAAe,IAAI,KAAK,IAAI,KAAM,cAAc,eAAgB,GAAG,IAAI;AAEjG,QAAM,iBACJ,mBAAmB,QAAQ,uBAAuB,OAC9C,UAAU,gEAAgE,IAC1E,oBAAoB,IAClB,UAAU,wEAAwE;AAAA,IAChF,SAAS,oBAAoB,eAAe,OAAO;AAAA,EACrD,CAAC,IACD,UAAU,sEAAsE;AAAA,IAC9E,SAAS,oBAAoB,eAAe,OAAO;AAAA,IACnD,MAAM,OAAO,eAAe;AAAA,EAC9B,CAAC;AAET,SACE,qBAAC,SAAI,WAAU,kCACb;AAAA,yBAAC,SAAI,WAAU,uBACb;AAAA,0BAAC,SAAI,WAAU,qCACZ,sBACC,iCACE;AAAA,4BAAC,YAAS,WAAU,oBAAmB;AAAA,QACvC,oBAAC,YAAS,WAAU,oBAAmB;AAAA,SACzC,IAEA,iCACE;AAAA,6BAAC,UAAK,WAAU,0CACb;AAAA,oBAAU,iEAAiE;AAAA,YAC1E,OAAO;AAAA,UACT,CAAC;AAAA,UAAG;AAAA,UACJ,oBAAC,UAAK,WAAU,eAAc,oBAAC;AAAA,WACjC;AAAA,QACA,qBAAC,UAAK,WAAU,2CACb;AAAA;AAAA,UAAiB;AAAA,UAAI;AAAA,WACxB;AAAA,SACF,GAEJ;AAAA,MACC,YACC,oBAAC,YAAS,WAAU,2BAA0B,IAE9C,oBAAC,YAAS,OAAO,mBAAmB,gBAAe,eAAc,WAAU,eAAc;AAAA,OAE7F;AAAA,IACC,CAAC,aACA,qBAAC,SAAI,WAAU,mEACZ;AAAA,kBACC,oBAAC,YAAS,WAAU,oBAAmB,IAEvC,qBAAC,SAAI,WAAU,6BACb;AAAA,4BAAC,UAAK,WAAU,wCAAwC,0BAAe;AAAA,QACtE,mBAAmB,QAAQ,uBAAuB,QACjD,qBAAC,WACC;AAAA,8BAAC,kBAAe,SAAO,MACrB;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,cAAY,UAAU,uEAAuE;AAAA,cAE7F,8BAAC,mBAAgB,MAAM,IAAI,aAAa,GAAG;AAAA;AAAA,UAC7C,GACF;AAAA,UACA,oBAAC,kBAAe,MAAK,UAAS,WAAU,0BACrC,oBAAU,qEAAqE,GAClF;AAAA,WACF;AAAA,SAEJ;AAAA,MAEF,qBAAC,SAAI,WAAU,2BACZ;AAAA,qBAAa,CAAC,aACb,oBAAC,UAAO,SAAQ,aAAY,WAAU,yBAAwB,SAAS,MAAM,oBAAoB,GAC9F,oBAAU,2DAA2D,GACxE;AAAA,QAEF,qBAAC,WACC;AAAA,8BAAC,kBAAe,SAAO,MACrB;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,WAAU;AAAA,cACV,cAAY,UAAU,4DAA4D;AAAA,cAClF,SAAS;AAAA,cAET,8BAAC,gBAAa,MAAM,IAAI,WAAU,iBAAgB;AAAA;AAAA,UACpD,GACF;AAAA,UACA,oBAAC,kBACE,oBAAU,4DAA4D,GACzE;AAAA,WACF;AAAA,SACF;AAAA,OACF;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/components/account/sections/subscription/BillingAddressSheet.mjs

@@ -0,0 +1,407 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo } from "react";
+import { Controller, useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useTranslations } from "next-intl";
+import { toast } from "sonner";
+import { z } from "zod";
+import { Button } from "../../../ui/buttons/Button";
+import { Toast } from "../../../ui/feedback/Toast";
+import { FormField } from "../../../ui/form/FormField";
+import { SelectField } from "../../../ui/form/SelectField";
+import { Sheet, SheetContent, SheetFooter, SheetHeader, SheetTitle } from "../../../ui/overlay/Sheet";
+import { useCurrentAccount } from "../../../../modules/accounts/hooks/current-account.hook";
+import { useUpdateBillingData } from "../../../../modules/accounts/hooks/useAccountManagement";
+import { useViaCep } from "../../../../modules/accounts/hooks/useViaCep";
+import { useAuth } from "../../../../providers/auth.provider";
+import { BR_STATE_OPTIONS } from "../../../../utils/constants/br-states";
+import { COUNTRIES } from "../../../../utils/countries";
+import { formatCNPJ, formatCPF } from "../../../../utils/format/masks";
+import { isValidCNPJ, isValidCPF } from "../../../../utils/validators/common";
+import useIsMobile from "../../../../hooks/useIsMobile";
+import { cn } from "../../../../infra/utils/clsx";
+import { useSubscriptionFlows } from "../../../../store/useSubscriptionFlows";
+function buildBillingAddressSchema(messages) {
+  const requiredText = z.string().trim().min(1, messages.required);
+  return z.object({
+    personType: z.enum(["cnpj", "cpf"]),
+    document: requiredText,
+    companyName: requiredText,
+    financialEmail: z.string().trim().email(messages.invalidEmail).min(1, messages.required),
+    cep: z.string().trim().length(9, messages.invalidCep),
+    street: requiredText,
+    number: requiredText,
+    complement: z.string().optional(),
+    neighborhood: requiredText,
+    city: requiredText,
+    state: z.string().trim().length(2, messages.required),
+    country: requiredText
+  }).superRefine((data, ctx) => {
+    const digits = data.document.replace(/\D/g, "");
+    const expectedLength = data.personType === "cnpj" ? 14 : 11;
+    if (digits.length !== expectedLength) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        path: ["document"],
+        message: data.personType === "cnpj" ? messages.invalidCnpj : messages.invalidCpf
+      });
+      return;
+    }
+    const isValid = data.personType === "cnpj" ? isValidCNPJ(digits) : isValidCPF(digits);
+    if (!isValid) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        path: ["document"],
+        message: data.personType === "cnpj" ? messages.invalidCnpjChecksum : messages.invalidCpfChecksum
+      });
+    }
+  });
+}
+function formatFinancialDocument(document, personType) {
+  if (!document) return "";
+  return personType === "cnpj" ? formatCNPJ(document) : formatCPF(document);
+}
+function BillingAddressSheet() {
+  const translate = useTranslations();
+  const translateSheet = useTranslations("common.account.workspace.subscription.billingAddress");
+  const isMobile = useIsMobile();
+  const { user } = useAuth();
+  const isOpen = useSubscriptionFlows((state) => state.isBillingAddressOpen);
+  const close = useSubscriptionFlows((state) => state.closeBillingAddress);
+  const { data: account } = useCurrentAccount();
+  const { mutateAsync: updateBillingData } = useUpdateBillingData();
+  const { mutateAsync: lookupCep } = useViaCep();
+  const schema = useMemo(
+    () => buildBillingAddressSchema({
+      required: translateSheet("requiredField"),
+      invalidEmail: translateSheet("invalidEmail"),
+      invalidCep: translateSheet("invalidCep"),
+      invalidCnpj: translateSheet("invalidCnpj"),
+      invalidCpf: translateSheet("invalidCpf"),
+      invalidCnpjChecksum: translateSheet("invalidCnpjChecksum"),
+      invalidCpfChecksum: translateSheet("invalidCpfChecksum")
+    }),
+    [translateSheet]
+  );
+  const form = useForm({
+    resolver: zodResolver(schema),
+    mode: "onChange",
+    defaultValues: {
+      personType: "cnpj",
+      document: "",
+      companyName: "",
+      financialEmail: "",
+      cep: "",
+      street: "",
+      number: "",
+      complement: "",
+      neighborhood: "",
+      city: "",
+      state: "",
+      country: "BR"
+    }
+  });
+  const {
+    register,
+    handleSubmit,
+    control,
+    watch,
+    reset,
+    setValue,
+    trigger,
+    formState: { errors, isSubmitting, isValid }
+  } = form;
+  const personType = watch("personType");
+  useEffect(() => {
+    if (!isOpen || !account) return;
+    const accountPersonType = account.financial_document_type === 1 ? "cpf" : "cnpj";
+    reset({
+      personType: accountPersonType,
+      document: formatFinancialDocument(account.financial_document, accountPersonType),
+      companyName: account.financial_name ?? "",
+      financialEmail: account.financial_email || user?.email || "",
+      cep: account.zipcode ?? "",
+      street: account.address ?? "",
+      number: account.address_number ?? "",
+      complement: account.address_complement ?? "",
+      neighborhood: account.neighborhood ?? "",
+      city: account.city ?? "",
+      state: account.state ?? "",
+      country: account.country || "BR"
+    });
+    if (account.financial_document || account.zipcode || account.address) {
+      setTimeout(() => trigger(), 0);
+    }
+  }, [isOpen, account, reset, trigger]);
+  const handleClose = () => {
+    reset();
+    close();
+  };
+  const handlePersonTypeChange = (type, onChange) => {
+    if (type === personType) return;
+    onChange(type);
+    setValue("document", "");
+    setValue("companyName", "");
+  };
+  const onSubmit = async (data) => {
+    try {
+      await updateBillingData({
+        financial_document_type: data.personType === "cpf" ? 1 : 2,
+        financial_document: data.document,
+        financial_name: data.companyName,
+        financial_email: data.financialEmail,
+        zipcode: data.cep,
+        address: data.street,
+        address_number: data.number,
+        address_complement: data.complement,
+        neighborhood: data.neighborhood,
+        city: data.city,
+        state: data.state,
+        country: data.country
+      });
+      close();
+      toast.custom((toastId) => /* @__PURE__ */ jsx(Toast, { variant: "success", message: translateSheet("successToast"), toastId }));
+    } catch (error) {
+      const message = error instanceof Error ? error.message : translateSheet("errorToast");
+      toast.custom((toastId) => /* @__PURE__ */ jsx(Toast, { variant: "error", message, toastId }));
+    }
+  };
+  const onError = () => {
+    toast.custom((toastId) => /* @__PURE__ */ jsx(Toast, { variant: "error", message: translateSheet("requiredFields"), toastId }));
+  };
+  const handleCepChange = (value, onChange) => {
+    const digits = value.replace(/\D/g, "").slice(0, 8);
+    onChange(digits.length > 5 ? `${digits.slice(0, 5)}-${digits.slice(5)}` : digits);
+    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((error) => {
+      toast.custom((toastId) => /* @__PURE__ */ jsx(
+        Toast,
+        {
+          variant: "error",
+          message: error instanceof Error ? error.message : translateSheet("cepNotFound"),
+          toastId
+        }
+      ));
+    });
+  };
+  return /* @__PURE__ */ jsx(Sheet, { open: isOpen, onOpenChange: (nextOpen) => !nextOpen && handleClose(), children: /* @__PURE__ */ jsxs(
+    SheetContent,
+    {
+      side: isMobile ? "bottom" : "right",
+      onOpenAutoFocus: (event) => event.preventDefault(),
+      className: cn(
+        isMobile ? "h-dvh w-full max-w-full rounded-none pt-[env(safe-area-inset-top)] pb-[env(safe-area-inset-bottom)]" : "h-screen max-w-120! w-120!",
+        "data-[state=open]:max-h-none data-[state=open]:h-dvh"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(SheetHeader, { className: "border-b border-zinc-200", children: /* @__PURE__ */ jsx(SheetTitle, { className: "text-zinc-950 paragraph-medium-semibold", children: translateSheet("title") }) }),
+        /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit(onSubmit, onError), className: "flex flex-col flex-1 overflow-hidden", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 px-5 py-5 overflow-y-auto [scrollbar-width:auto] [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-zinc-300 flex-1", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5", children: [
+              /* @__PURE__ */ jsx(
+                Controller,
+                {
+                  name: "personType",
+                  control,
+                  render: ({ field }) => /* @__PURE__ */ jsx(
+                    SelectField,
+                    {
+                      label: translateSheet("personTypeLabel"),
+                      placeholder: translateSheet("personTypeLabel"),
+                      options: [
+                        { label: translateSheet("personTypePf"), value: "cpf" },
+                        { label: translateSheet("personTypePj"), value: "cnpj" }
+                      ],
+                      value: field.value,
+                      onChange: (value) => handlePersonTypeChange(value, field.onChange)
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Controller,
+                {
+                  name: "document",
+                  control,
+                  render: ({ field }) => /* @__PURE__ */ jsx(
+                    FormField,
+                    {
+                      label: personType === "cnpj" ? "CNPJ" : "CPF",
+                      placeholder: personType === "cnpj" ? "00.000.000/0000-00" : "000.000.000-00",
+                      error: !!errors.document,
+                      errorMessage: errors.document?.message,
+                      value: field.value,
+                      onChange: (event) => field.onChange(
+                        personType === "cnpj" ? formatCNPJ(event.target.value) : formatCPF(event.target.value)
+                      )
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                FormField,
+                {
+                  label: personType === "cnpj" ? translateSheet("fantasyName") : translateSheet("fullName"),
+                  placeholder: personType === "cnpj" ? translateSheet("fantasyNamePlaceholder") : translateSheet("fullNamePlaceholder"),
+                  error: !!errors.companyName,
+                  errorMessage: errors.companyName?.message,
+                  ...register("companyName")
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                FormField,
+                {
+                  label: translateSheet("financialEmail"),
+                  placeholder: translateSheet("financialEmailPlaceholder"),
+                  type: "email",
+                  error: !!errors.financialEmail,
+                  errorMessage: errors.financialEmail?.message,
+                  ...register("financialEmail")
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "h-px bg-zinc-200" }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ jsx("span", { className: "paragraph-medium-semibold text-zinc-950", children: translateSheet("locationTitle") }),
+              /* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-zinc-500", children: translateSheet("locationDescription") })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5", children: [
+              /* @__PURE__ */ jsx(
+                Controller,
+                {
+                  name: "cep",
+                  control,
+                  render: ({ field }) => /* @__PURE__ */ jsx(
+                    FormField,
+                    {
+                      label: "CEP",
+                      placeholder: "00000-000",
+                      error: !!errors.cep,
+                      errorMessage: errors.cep?.message,
+                      value: field.value,
+                      onChange: (event) => handleCepChange(event.target.value, field.onChange)
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
+                /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
+                  FormField,
+                  {
+                    label: translateSheet("addressLabel"),
+                    placeholder: translateSheet("addressPlaceholder"),
+                    error: !!errors.street,
+                    errorMessage: errors.street?.message,
+                    ...register("street")
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
+                  FormField,
+                  {
+                    label: translateSheet("numberLabel"),
+                    placeholder: translateSheet("numberPlaceholder"),
+                    error: !!errors.number,
+                    errorMessage: errors.number?.message,
+                    ...register("number")
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ jsx(
+                FormField,
+                {
+                  label: translateSheet("complementLabel"),
+                  optional: true,
+                  placeholder: translateSheet("complementPlaceholder"),
+                  ...register("complement")
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                FormField,
+                {
+                  label: translateSheet("neighborhoodLabel"),
+                  placeholder: translateSheet("neighborhoodPlaceholder"),
+                  error: !!errors.neighborhood,
+                  errorMessage: errors.neighborhood?.message,
+                  ...register("neighborhood")
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
+                /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
+                  FormField,
+                  {
+                    label: translateSheet("cityLabel"),
+                    placeholder: translateSheet("cityPlaceholder"),
+                    error: !!errors.city,
+                    errorMessage: errors.city?.message,
+                    ...register("city")
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
+                  Controller,
+                  {
+                    name: "state",
+                    control,
+                    render: ({ field }) => /* @__PURE__ */ jsx(
+                      SelectField,
+                      {
+                        label: translateSheet("stateLabel"),
+                        placeholder: translateSheet("statePlaceholder"),
+                        options: BR_STATE_OPTIONS,
+                        value: field.value,
+                        onChange: (value) => field.onChange(value),
+                        error: !!errors.state,
+                        errorMessage: errors.state?.message
+                      }
+                    )
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ jsx(
+                Controller,
+                {
+                  name: "country",
+                  control,
+                  render: ({ field }) => /* @__PURE__ */ jsx(
+                    SelectField,
+                    {
+                      label: translateSheet("countryLabel"),
+                      placeholder: translateSheet("countryPlaceholder"),
+                      options: COUNTRIES.map((country) => ({ value: country.iso, label: country.name })),
+                      value: field.value,
+                      onChange: (value) => field.onChange(value),
+                      error: !!errors.country,
+                      errorMessage: errors.country?.message
+                    }
+                  )
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(SheetFooter, { className: "flex-row items-center justify-between border-t border-zinc-200 shrink-0", children: [
+            /* @__PURE__ */ jsx(Button, { variant: "secondary", className: "h-10!", type: "button", onClick: handleClose, children: translate("common.actions.cancel") }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                className: "h-10!",
+                type: "submit",
+                disabled: !isValid && !isSubmitting,
+                loading: isSubmitting,
+                children: isSubmitting ? translate("common.actions.saving") : translate("common.actions.saveChanges")
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  ) });
+}
+export {
+  BillingAddressSheet
+};
+//# sourceMappingURL=BillingAddressSheet.mjs.map

package/dist/components/account/sections/subscription/BillingAddressSheet.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/account/sections/subscription/BillingAddressSheet.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useMemo } from 'react';\nimport { Controller, useForm } from 'react-hook-form';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { useTranslations } from 'next-intl';\nimport { toast } from 'sonner';\nimport { z } from 'zod';\nimport { Button } from '../../../ui/buttons/Button';\nimport { Toast } from '../../../ui/feedback/Toast';\nimport { FormField } from '../../../ui/form/FormField';\nimport { SelectField } from '../../../ui/form/SelectField';\nimport { Sheet, SheetContent, SheetFooter, SheetHeader, SheetTitle } from '../../../ui/overlay/Sheet';\nimport { useCurrentAccount } from '../../../../modules/accounts/hooks/current-account.hook';\nimport { useUpdateBillingData } from '../../../../modules/accounts/hooks/useAccountManagement';\nimport { useViaCep } from '../../../../modules/accounts/hooks/useViaCep';\nimport { useAuth } from '../../../../providers/auth.provider';\nimport { BR_STATE_OPTIONS } from '../../../../utils/constants/br-states';\nimport { COUNTRIES } from '../../../../utils/countries';\nimport { formatCNPJ, formatCPF } from '../../../../utils/format/masks';\nimport { isValidCNPJ, isValidCPF } from '../../../../utils/validators/common';\nimport useIsMobile from '../../../../hooks/useIsMobile';\nimport { cn } from '../../../../infra/utils/clsx';\nimport { useSubscriptionFlows } from '../../../../store/useSubscriptionFlows';\n\ntype BillingAddressFormData = {\n  personType: 'cnpj' | 'cpf';\n  document: string;\n  companyName: string;\n  financialEmail: string;\n  cep: string;\n  street: string;\n  number: string;\n  complement?: string;\n  neighborhood: string;\n  city: string;\n  state: string;\n  country: string;\n};\n\ntype BillingAddressMessages = {\n  required: string;\n  invalidEmail: string;\n  invalidCep: string;\n  invalidCnpj: string;\n  invalidCpf: string;\n  invalidCnpjChecksum: string;\n  invalidCpfChecksum: string;\n};\n\nfunction buildBillingAddressSchema(messages: BillingAddressMessages) {\n  const requiredText = z.string().trim().min(1, messages.required);\n\n  return z\n    .object({\n      personType: z.enum(['cnpj', 'cpf']),\n      document: requiredText,\n      companyName: requiredText,\n      financialEmail: z.string().trim().email(messages.invalidEmail).min(1, messages.required),\n      cep: z.string().trim().length(9, messages.invalidCep),\n      street: requiredText,\n      number: requiredText,\n      complement: z.string().optional(),\n      neighborhood: requiredText,\n      city: requiredText,\n      state: z.string().trim().length(2, messages.required),\n      country: requiredText,\n    })\n    .superRefine((data, ctx) => {\n      const digits = data.document.replace(/\\D/g, '');\n      const expectedLength = data.personType === 'cnpj' ? 14 : 11;\n\n      if (digits.length !== expectedLength) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['document'],\n          message: data.personType === 'cnpj' ? messages.invalidCnpj : messages.invalidCpf,\n        });\n        return;\n      }\n\n      const isValid = data.personType === 'cnpj' ? isValidCNPJ(digits) : isValidCPF(digits);\n      if (!isValid) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['document'],\n          message:\n            data.personType === 'cnpj' ? messages.invalidCnpjChecksum : messages.invalidCpfChecksum,\n        });\n      }\n    });\n}\n\nfunction formatFinancialDocument(document: string | null | undefined, personType: 'cpf' | 'cnpj') {\n  if (!document) return '';\n  return personType === 'cnpj' ? formatCNPJ(document) : formatCPF(document);\n}\n\n/** Cadastro fiscal e endereço de cobrança da conta. */\nexport function BillingAddressSheet() {\n  const translate = useTranslations();\n  const translateSheet = useTranslations('common.account.workspace.subscription.billingAddress');\n  const isMobile = useIsMobile();\n  const { user } = useAuth();\n\n  const isOpen = useSubscriptionFlows((state) => state.isBillingAddressOpen);\n  const close = useSubscriptionFlows((state) => state.closeBillingAddress);\n\n  const { data: account } = useCurrentAccount();\n  const { mutateAsync: updateBillingData } = useUpdateBillingData();\n  const { mutateAsync: lookupCep } = useViaCep();\n\n  const schema = useMemo(\n    () =>\n      buildBillingAddressSchema({\n        required: translateSheet('requiredField'),\n        invalidEmail: translateSheet('invalidEmail'),\n        invalidCep: translateSheet('invalidCep'),\n        invalidCnpj: translateSheet('invalidCnpj'),\n        invalidCpf: translateSheet('invalidCpf'),\n        invalidCnpjChecksum: translateSheet('invalidCnpjChecksum'),\n        invalidCpfChecksum: translateSheet('invalidCpfChecksum'),\n      }),\n    [translateSheet]\n  );\n\n  const form = useForm<BillingAddressFormData>({\n    resolver: zodResolver(schema),\n    mode: 'onChange',\n    defaultValues: {\n      personType: 'cnpj',\n      document: '',\n      companyName: '',\n      financialEmail: '',\n      cep: '',\n      street: '',\n      number: '',\n      complement: '',\n      neighborhood: '',\n      city: '',\n      state: '',\n      country: 'BR',\n    },\n  });\n\n  const {\n    register,\n    handleSubmit,\n    control,\n    watch,\n    reset,\n    setValue,\n    trigger,\n    formState: { errors, isSubmitting, isValid },\n  } = form;\n  const personType = watch('personType');\n\n  useEffect(() => {\n    if (!isOpen || !account) return;\n\n    const accountPersonType = account.financial_document_type === 1 ? 'cpf' : 'cnpj';\n    reset({\n      personType: accountPersonType,\n      document: formatFinancialDocument(account.financial_document, accountPersonType),\n      companyName: account.financial_name ?? '',\n      financialEmail: account.financial_email || user?.email || '',\n      cep: account.zipcode ?? '',\n      street: account.address ?? '',\n      number: account.address_number ?? '',\n      complement: account.address_complement ?? '',\n      neighborhood: account.neighborhood ?? '',\n      city: account.city ?? '',\n      state: account.state ?? '',\n      country: account.country || 'BR',\n    });\n\n    // Cadastro já preenchido valida na abertura, para o botão de salvar não nascer desabilitado.\n    if (account.financial_document || account.zipcode || account.address) {\n      setTimeout(() => trigger(), 0);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen, account, reset, trigger]);\n\n  const handleClose = () => {\n    reset();\n    close();\n  };\n\n  const handlePersonTypeChange = (type: 'cpf' | 'cnpj', onChange: (value: string) => void) => {\n    if (type === personType) return;\n    onChange(type);\n    setValue('document', '');\n    setValue('companyName', '');\n  };\n\n  const onSubmit = async (data: BillingAddressFormData) => {\n    try {\n      await updateBillingData({\n        financial_document_type: data.personType === 'cpf' ? 1 : 2,\n        financial_document: data.document,\n        financial_name: data.companyName,\n        financial_email: data.financialEmail,\n        zipcode: data.cep,\n        address: data.street,\n        address_number: data.number,\n        address_complement: data.complement,\n        neighborhood: data.neighborhood,\n        city: data.city,\n        state: data.state,\n        country: data.country,\n      });\n      close();\n      toast.custom((toastId) => (\n        <Toast variant=\"success\" message={translateSheet('successToast')} toastId={toastId} />\n      ));\n    } catch (error) {\n      const message = error instanceof Error ? error.message : translateSheet('errorToast');\n      toast.custom((toastId) => <Toast variant=\"error\" message={message} toastId={toastId} />);\n    }\n  };\n\n  const onError = () => {\n    toast.custom((toastId) => (\n      <Toast variant=\"error\" message={translateSheet('requiredFields')} toastId={toastId} />\n    ));\n  };\n\n  const handleCepChange = (value: string, onChange: (next: string) => void) => {\n    const digits = value.replace(/\\D/g, '').slice(0, 8);\n    onChange(digits.length > 5 ? `${digits.slice(0, 5)}-${digits.slice(5)}` : digits);\n\n    if (digits.length !== 8) return;\n\n    lookupCep(digits)\n      .then((data) => {\n        setValue('street', data.logradouro, { shouldValidate: true });\n        setValue('neighborhood', data.bairro, { shouldValidate: true });\n        setValue('city', data.localidade, { shouldValidate: true });\n        setValue('state', data.uf, { shouldValidate: true });\n      })\n      .catch((error) => {\n        toast.custom((toastId) => (\n          <Toast\n            variant=\"error\"\n            message={error instanceof Error ? error.message : translateSheet('cepNotFound')}\n            toastId={toastId}\n          />\n        ));\n      });\n  };\n\n  return (\n    <Sheet open={isOpen} onOpenChange={(nextOpen) => !nextOpen && handleClose()}>\n      <SheetContent\n        side={isMobile ? 'bottom' : 'right'}\n        onOpenAutoFocus={(event) => event.preventDefault()}\n        className={cn(\n          isMobile\n            ? 'h-dvh w-full max-w-full rounded-none pt-[env(safe-area-inset-top)] pb-[env(safe-area-inset-bottom)]'\n            : 'h-screen max-w-120! w-120!',\n          'data-[state=open]:max-h-none data-[state=open]:h-dvh'\n        )}\n      >\n        <SheetHeader className=\"border-b border-zinc-200\">\n          <SheetTitle className=\"text-zinc-950 paragraph-medium-semibold\">\n            {translateSheet('title')}\n          </SheetTitle>\n        </SheetHeader>\n\n        <form onSubmit={handleSubmit(onSubmit, onError)} className=\"flex flex-col flex-1 overflow-hidden\">\n          <div className=\"flex flex-col gap-6 px-5 py-5 overflow-y-auto [scrollbar-width:auto] [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-zinc-300 flex-1\">\n            <div className=\"flex flex-col gap-5\">\n              <Controller\n                name=\"personType\"\n                control={control}\n                render={({ field }) => (\n                  <SelectField\n                    label={translateSheet('personTypeLabel')}\n                    placeholder={translateSheet('personTypeLabel')}\n                    options={[\n                      { label: translateSheet('personTypePf'), value: 'cpf' },\n                      { label: translateSheet('personTypePj'), value: 'cnpj' },\n                    ]}\n                    value={field.value}\n                    onChange={(value) => handlePersonTypeChange(value as 'cpf' | 'cnpj', field.onChange)}\n                  />\n                )}\n              />\n\n              <Controller\n                name=\"document\"\n                control={control}\n                render={({ field }) => (\n                  <FormField\n                    label={personType === 'cnpj' ? 'CNPJ' : 'CPF'}\n                    placeholder={personType === 'cnpj' ? '00.000.000/0000-00' : '000.000.000-00'}\n                    error={!!errors.document}\n                    errorMessage={errors.document?.message}\n                    value={field.value}\n                    onChange={(event) =>\n                      field.onChange(\n                        personType === 'cnpj'\n                          ? formatCNPJ(event.target.value)\n                          : formatCPF(event.target.value)\n                      )\n                    }\n                  />\n                )}\n              />\n\n              <FormField\n                label={personType === 'cnpj' ? translateSheet('fantasyName') : translateSheet('fullName')}\n                placeholder={\n                  personType === 'cnpj'\n                    ? translateSheet('fantasyNamePlaceholder')\n                    : translateSheet('fullNamePlaceholder')\n                }\n                error={!!errors.companyName}\n                errorMessage={errors.companyName?.message}\n                {...register('companyName')}\n              />\n\n              <FormField\n                label={translateSheet('financialEmail')}\n                placeholder={translateSheet('financialEmailPlaceholder')}\n                type=\"email\"\n                error={!!errors.financialEmail}\n                errorMessage={errors.financialEmail?.message}\n                {...register('financialEmail')}\n              />\n            </div>\n\n            <div className=\"h-px bg-zinc-200\" />\n\n            <div className=\"flex flex-col gap-1\">\n              <span className=\"paragraph-medium-semibold text-zinc-950\">\n                {translateSheet('locationTitle')}\n              </span>\n              <span className=\"paragraph-small-regular text-zinc-500\">\n                {translateSheet('locationDescription')}\n              </span>\n            </div>\n\n            <div className=\"flex flex-col gap-5\">\n              <Controller\n                name=\"cep\"\n                control={control}\n                render={({ field }) => (\n                  <FormField\n                    label=\"CEP\"\n                    placeholder=\"00000-000\"\n                    error={!!errors.cep}\n                    errorMessage={errors.cep?.message}\n                    value={field.value}\n                    onChange={(event) => handleCepChange(event.target.value, field.onChange)}\n                  />\n                )}\n              />\n\n              <div className=\"flex gap-4\">\n                <div className=\"flex-1\">\n                  <FormField\n                    label={translateSheet('addressLabel')}\n                    placeholder={translateSheet('addressPlaceholder')}\n                    error={!!errors.street}\n                    errorMessage={errors.street?.message}\n                    {...register('street')}\n                  />\n                </div>\n                <div className=\"flex-1\">\n                  <FormField\n                    label={translateSheet('numberLabel')}\n                    placeholder={translateSheet('numberPlaceholder')}\n                    error={!!errors.number}\n                    errorMessage={errors.number?.message}\n                    {...register('number')}\n                  />\n                </div>\n              </div>\n\n              <FormField\n                label={translateSheet('complementLabel')}\n                optional\n                placeholder={translateSheet('complementPlaceholder')}\n                {...register('complement')}\n              />\n\n              <FormField\n                label={translateSheet('neighborhoodLabel')}\n                placeholder={translateSheet('neighborhoodPlaceholder')}\n                error={!!errors.neighborhood}\n                errorMessage={errors.neighborhood?.message}\n                {...register('neighborhood')}\n              />\n\n              <div className=\"flex gap-4\">\n                <div className=\"flex-1\">\n                  <FormField\n                    label={translateSheet('cityLabel')}\n                    placeholder={translateSheet('cityPlaceholder')}\n                    error={!!errors.city}\n                    errorMessage={errors.city?.message}\n                    {...register('city')}\n                  />\n                </div>\n                <div className=\"flex-1\">\n                  <Controller\n                    name=\"state\"\n                    control={control}\n                    render={({ field }) => (\n                      <SelectField\n                        label={translateSheet('stateLabel')}\n                        placeholder={translateSheet('statePlaceholder')}\n                        options={BR_STATE_OPTIONS}\n                        value={field.value}\n                        onChange={(value) => field.onChange(value as string)}\n                        error={!!errors.state}\n                        errorMessage={errors.state?.message}\n                      />\n                    )}\n                  />\n                </div>\n              </div>\n\n              <Controller\n                name=\"country\"\n                control={control}\n                render={({ field }) => (\n                  <SelectField\n                    label={translateSheet('countryLabel')}\n                    placeholder={translateSheet('countryPlaceholder')}\n                    options={COUNTRIES.map((country) => ({ value: country.iso, label: country.name }))}\n                    value={field.value}\n                    onChange={(value) => field.onChange(value as string)}\n                    error={!!errors.country}\n                    errorMessage={errors.country?.message}\n                  />\n                )}\n              />\n            </div>\n          </div>\n\n          <SheetFooter className=\"flex-row items-center justify-between border-t border-zinc-200 shrink-0\">\n            <Button variant=\"secondary\" className=\"h-10!\" type=\"button\" onClick={handleClose}>\n              {translate('common.actions.cancel')}\n            </Button>\n            <Button\n              className=\"h-10!\"\n              type=\"submit\"\n              disabled={!isValid && !isSubmitting}\n              loading={isSubmitting}\n            >\n              {isSubmitting ? translate('common.actions.saving') : translate('common.actions.saveChanges')}\n            </Button>\n          </SheetFooter>\n        </form>\n      </SheetContent>\n    </Sheet>\n  );\n}\n"],"mappings":"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","names":[]}