@greatapps/common 1.1.789 → 1.1.791

package/dist/components/account/sections/affiliates/RequestWithdrawalSheet.mjs

@@ -0,0 +1,476 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo, useRef, useState } from "react";
+import { Controller, useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { IconAlertTriangle, IconInfoCircle, IconPencil, IconUpload, IconX } from "@tabler/icons-react";
+import { useTranslations } from "next-intl";
+import { toast } from "sonner";
+import z from "zod";
+import { Button } from "../../../ui/buttons/Button";
+import { Separator } from "../../../ui/data-display/Separator";
+import { Toast } from "../../../ui/feedback/Toast";
+import { FormField } from "../../../ui/form/FormField";
+import { Dialog, DialogContent } from "../../../ui/overlay/Dialog";
+import { Sheet, SheetContent, SheetFooter, SheetHeader, SheetTitle } from "../../../ui/overlay/Sheet";
+import { useCurrentAffiliate } from "../../../../modules/affiliates/hooks/use-current-affiliate.hook";
+import { useRequestDeposit } from "../../../../modules/affiliates/hooks/use-request-deposit.hook";
+import { useWithdrawalLimits } from "../../../../modules/affiliates/hooks/use-withdrawal-limits.hook";
+import { AFFILIATE_FINANCE_EMAIL } from "../../../../modules/affiliates/constants/affiliate.constants";
+import {
+  formatCurrency,
+  formatCurrencyNumber,
+  parseCurrencyToNumber
+} from "../../../../utils/format/currency";
+import { formatDocument, formatPixKey } from "../../../../utils/format/masks";
+import { formatFileSize, isPDFFile } from "../../../../utils/file/index";
+import { useUploadProgress } from "../../../../hooks/useUploadProgress";
+import useIsMobile from "../../../../hooks/useIsMobile";
+import { useIsDefaultWhitelabel } from "../../../../providers/whitelabel.provider";
+import { cn } from "../../../../infra/utils/clsx";
+import { useAffiliateFlows } from "../../../../store/useAffiliateFlows";
+const MIN_WITHDRAWAL = 25;
+const toCents = (value) => Math.round(value * 100);
+function readFileAsBase64DataUrl(file) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = () => resolve(reader.result);
+    reader.onerror = () => reject(new Error("read-file-failed"));
+    reader.readAsDataURL(file);
+  });
+}
+function buildWithdrawalSchema(maxAvailable, minWithdrawal, messages) {
+  return z.object({
+    value: z.string().min(1, messages.required).refine((value) => parseCurrencyToNumber(value) >= minWithdrawal, { message: messages.minValue }).refine((value) => toCents(parseCurrencyToNumber(value)) <= toCents(maxAvailable), {
+      message: messages.maxBalance
+    })
+  });
+}
+function PdfFileIcon() {
+  return /* @__PURE__ */ jsxs("svg", { width: "24", height: "27", viewBox: "0 0 24 27", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M14.5 1H4.5A2.5 2.5 0 0 0 2 3.5v20A2.5 2.5 0 0 0 4.5 26h15a2.5 2.5 0 0 0 2.5-2.5V8.5L14.5 1Z",
+        fill: "#fff",
+        stroke: "#D4D4D8",
+        strokeWidth: "1.5",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ jsx("path", { d: "M14 1.5V8.5h7", stroke: "#D4D4D8", strokeWidth: "1.5", strokeLinejoin: "round" }),
+    /* @__PURE__ */ jsx("rect", { x: "4", y: "13", width: "16", height: "9", rx: "2", fill: "#E11D48" }),
+    /* @__PURE__ */ jsx("text", { x: "12", y: "19.5", textAnchor: "middle", fill: "#fff", fontSize: "6", fontWeight: "700", fontFamily: "sans-serif", children: "PDF" })
+  ] });
+}
+function UploadedPdfFile({ file, onRemove }) {
+  const translateSheet = useTranslations("common.account.workspace.affiliates.withdrawal");
+  const { progress } = useUploadProgress({ interval: 80, increment: 10 });
+  const fileNameWithoutExtension = file.name.replace(/\.[^/.]+$/, "");
+  const fileExtension = file.name.split(".").pop()?.toUpperCase() || "";
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 bg-[#f8f8f7] rounded-lg", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center size-12.5 shrink-0 bg-white border border-zinc-200 rounded-lg", children: /* @__PURE__ */ jsx(PdfFileIcon, {}) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5 min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "paragraph-small-medium text-zinc-950 truncate", children: fileNameWithoutExtension }),
+        /* @__PURE__ */ jsxs("span", { className: "paragraph-xsmall-medium text-zinc-500", children: [
+          ".",
+          fileExtension,
+          " ",
+          /* @__PURE__ */ jsx("span", { className: "text-zinc-500/40", children: "\u2022" }),
+          " ",
+          formatFileSize(file.size)
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onRemove,
+          className: "flex items-center justify-center size-8 shrink-0 rounded-lg hover:bg-zinc-100 hover:cursor-pointer transition-colors",
+          "aria-label": translateSheet("removeAttachmentAriaLabel"),
+          children: /* @__PURE__ */ jsx(IconX, { size: 18, className: "text-zinc-500" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex-1 h-1.5 bg-white rounded-full overflow-hidden", children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "bg-zinc-950 h-full rounded-full transition-all duration-100",
+          style: { width: `${progress}%` }
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("span", { className: "paragraph-xsmall-medium text-zinc-500 shrink-0", children: [
+        progress,
+        "%"
+      ] })
+    ] })
+  ] });
+}
+function RequestWithdrawalSheet() {
+  const translate = useTranslations();
+  const translateSheet = useTranslations("common.account.workspace.affiliates.withdrawal");
+  const isMobile = useIsMobile();
+  const isDefaultWhitelabel = useIsDefaultWhitelabel();
+  const isOpen = useAffiliateFlows((state) => state.isWithdrawalOpen);
+  const close = useAffiliateFlows((state) => state.closeWithdrawal);
+  const openReceivingAccount = useAffiliateFlows((state) => state.openReceivingAccount);
+  const { data: affiliateData } = useCurrentAffiliate();
+  const affiliate = affiliateData?.data;
+  const { data: limitsData } = useWithdrawalLimits({ enabled: isOpen && !!affiliate });
+  const limits = limitsData?.data;
+  const requestDeposit = useRequestDeposit();
+  const balance = Number(affiliate?.balance ?? 0);
+  const availableToWithdraw = limits?.availableToWithdraw ?? balance;
+  const minWithdrawal = limits?.minValue ?? MIN_WITHDRAWAL;
+  const requiresInvoice = limits?.requiresInvoice ?? false;
+  const hasReceivingAccount = !!(affiliate?.pix && affiliate?.holder_name && affiliate?.holder_document);
+  const minValueLabel = minWithdrawal.toFixed(2).replace(".", ",");
+  const withdrawalSchema = useMemo(
+    () => buildWithdrawalSchema(availableToWithdraw, minWithdrawal, {
+      required: translateSheet("validationRequired"),
+      minValue: translateSheet("validationMinValue", { minValue: minValueLabel }),
+      maxBalance: translateSheet("validationMaxBalance", {
+        balance: formatCurrencyNumber(availableToWithdraw)
+      })
+    }),
+    [availableToWithdraw, minWithdrawal, minValueLabel, translateSheet]
+  );
+  const form = useForm({
+    resolver: zodResolver(withdrawalSchema),
+    defaultValues: { value: "" }
+  });
+  const watchedValue = form.watch("value");
+  const withdrawalAmount = parseCurrencyToNumber(watchedValue || "") || 0;
+  const fileInputRef = useRef(null);
+  const [showUploadArea, setShowUploadArea] = useState(false);
+  const [attachmentFile, setAttachmentFile] = useState(null);
+  const [attachmentBase64, setAttachmentBase64] = useState(null);
+  const [isDragging, setIsDragging] = useState(false);
+  const [showConfirmDialog, setShowConfirmDialog] = useState(false);
+  const [pendingWithdrawalValue, setPendingWithdrawalValue] = useState(null);
+  const handlePdfFile = useCallback(
+    async (file) => {
+      if (!isPDFFile(file)) {
+        toast.custom((toastId) => /* @__PURE__ */ jsx(Toast, { variant: "error", message: translateSheet("errorPdfOnly"), toastId }));
+        return;
+      }
+      setAttachmentFile(file);
+      setAttachmentBase64(await readFileAsBase64DataUrl(file));
+    },
+    [translateSheet]
+  );
+  const handleFileInputChange = useCallback(
+    (event) => {
+      const file = event.target.files?.[0];
+      if (file) handlePdfFile(file);
+      event.target.value = "";
+    },
+    [handlePdfFile]
+  );
+  const handleDrop = useCallback(
+    (event) => {
+      event.preventDefault();
+      setIsDragging(false);
+      const file = event.dataTransfer.files?.[0];
+      if (file) handlePdfFile(file);
+    },
+    [handlePdfFile]
+  );
+  const handleRemoveAttachment = useCallback(() => {
+    setAttachmentFile(null);
+    setAttachmentBase64(null);
+  }, []);
+  const handleClose = () => {
+    form.reset({ value: "" });
+    setShowUploadArea(false);
+    handleRemoveAttachment();
+    setShowConfirmDialog(false);
+    setPendingWithdrawalValue(null);
+    close();
+  };
+  const executeWithdrawal = async (value, attachment) => {
+    if (!affiliate) return;
+    try {
+      const result = await requestDeposit.mutateAsync({
+        value: parseCurrencyToNumber(value),
+        ...attachment ? { attachment } : {}
+      });
+      toast.custom((toastId) => /* @__PURE__ */ jsx(Toast, { variant: "success", message: result.message, toastId }));
+      handleClose();
+    } catch (error) {
+      const message = error instanceof Error ? error.message : translateSheet("errorRequestDeposit");
+      toast.custom((toastId) => /* @__PURE__ */ jsx(Toast, { variant: "error", message, toastId }));
+    }
+  };
+  const handleConfirmWithdrawal = async () => {
+    if (pendingWithdrawalValue === null) return;
+    setShowConfirmDialog(false);
+    await executeWithdrawal(pendingWithdrawalValue, attachmentBase64);
+    setPendingWithdrawalValue(null);
+  };
+  const infoBoxClasses = cn(
+    "flex items-center gap-3 text-zinc-950 rounded-lg p-4",
+    isDefaultWhitelabel ? "bg-cyan-50" : "bg-zinc-50"
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Sheet, { open: isOpen, onOpenChange: (nextOpen) => !nextOpen && handleClose(), children: /* @__PURE__ */ jsxs(
+      SheetContent,
+      {
+        side: isMobile ? "bottom" : "right",
+        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-[480px]! w-[480px]!",
+          "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("sheetTitle") }) }),
+          /* @__PURE__ */ jsxs(
+            "form",
+            {
+              onSubmit: form.handleSubmit((data) => {
+                setPendingWithdrawalValue(data.value);
+                setShowConfirmDialog(true);
+              }),
+              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 items-center justify-between", children: [
+                    /* @__PURE__ */ jsx("span", { className: "text-zinc-500 paragraph-small-semibold", children: translateSheet("availableBalance") }),
+                    /* @__PURE__ */ jsx("span", { className: "text-green-600 paragraph-medium-semibold", children: formatCurrencyNumber(balance) })
+                  ] }),
+                  /* @__PURE__ */ jsx(Separator, {}),
+                  /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                      /* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-zinc-600", children: translateSheet("receivingAccount") }),
+                      /* @__PURE__ */ jsxs(Button, { variant: "secondary", className: "h-8!", type: "button", onClick: openReceivingAccount, children: [
+                        /* @__PURE__ */ jsx(IconPencil, {}),
+                        translate("common.actions.edit")
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { className: "flex flex-col rounded-lg bg-zinc-50 p-4 gap-4", children: [
+                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+                        /* @__PURE__ */ jsx("span", { className: "w-40 text-zinc-950 paragraph-small-medium", children: translateSheet("holderLabel") }),
+                        /* @__PURE__ */ jsx("span", { className: "w-full text-zinc-600 paragraph-small-regular", children: affiliate?.holder_name ?? "\u2014" })
+                      ] }),
+                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+                        /* @__PURE__ */ jsx("span", { className: "w-40 text-zinc-950 paragraph-small-medium", children: translateSheet("pixKeyLabel") }),
+                        /* @__PURE__ */ jsx("span", { className: "w-full text-zinc-600 paragraph-small-regular truncate", children: affiliate?.pix ? formatPixKey(affiliate.pix) : "\u2014" })
+                      ] }),
+                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+                        /* @__PURE__ */ jsx("span", { className: "w-40 text-zinc-950 paragraph-small-medium", children: translateSheet("holderDocumentLabel") }),
+                        /* @__PURE__ */ jsx("span", { className: "w-full text-zinc-600 paragraph-small-regular truncate", children: affiliate?.holder_document ? formatDocument(affiliate.holder_document) : "\u2014" })
+                      ] })
+                    ] })
+                  ] }),
+                  limits && !limits.canWithdraw ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 bg-zinc-50 rounded-lg p-4", children: [
+                    /* @__PURE__ */ jsx("div", { className: "size-8 bg-white rounded-lg shadow-[0px_2px_10px_0px_rgba(26,26,26,0.05)] flex items-center justify-center", children: /* @__PURE__ */ jsx(IconAlertTriangle, { size: 18, className: "text-amber-500" }) }),
+                    /* @__PURE__ */ jsx("p", { className: "paragraph-small-medium text-zinc-950", children: translateSheet("blockedTitle") }),
+                    /* @__PURE__ */ jsx("p", { className: "paragraph-small-regular text-zinc-600", children: translateSheet("blockedDescription") }),
+                    /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "secondary",
+                        className: "h-10! w-fit",
+                        type: "button",
+                        onClick: openReceivingAccount,
+                        children: translateSheet("blockedEditAccountButton")
+                      }
+                    )
+                  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx(
+                      Controller,
+                      {
+                        name: "value",
+                        control: form.control,
+                        render: ({ field, fieldState }) => /* @__PURE__ */ jsx(
+                          FormField,
+                          {
+                            required: true,
+                            label: translateSheet("withdrawalValueLabel"),
+                            placeholder: translateSheet("withdrawalValuePlaceholder"),
+                            inputMode: "numeric",
+                            hintMessage: translateSheet("withdrawalValueHint", { minValue: minValueLabel }),
+                            value: field.value,
+                            onChange: (event) => {
+                              const raw = event.target.value.replace(/\D/g, "");
+                              if (!raw) return field.onChange("");
+                              field.onChange(formatCurrency(raw));
+                            },
+                            error: !!fieldState.error,
+                            errorMessage: fieldState.error?.message
+                          }
+                        )
+                      }
+                    ),
+                    limits?.personType === "cpf" && /* @__PURE__ */ jsxs("div", { className: infoBoxClasses, children: [
+                      /* @__PURE__ */ jsx(IconInfoCircle, { size: 16, className: "shrink-0" }),
+                      /* @__PURE__ */ jsxs("span", { className: "paragraph-small-semibold", children: [
+                        translateSheet("cpfMonthlyLimit", {
+                          value: formatCurrencyNumber(limits.maxValuePerMonth ?? 0)
+                        }),
+                        " ",
+                        /* @__PURE__ */ jsx("span", { className: "text-zinc-600 paragraph-small-regular", children: translateSheet("cpfMonthlyRemaining", {
+                          value: formatCurrencyNumber(limits.monthlyRemaining ?? 0)
+                        }) })
+                      ] })
+                    ] }),
+                    limits?.personType === "cnpj" && requiresInvoice && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 bg-zinc-50 rounded-lg p-4", children: [
+                      /* @__PURE__ */ jsx("div", { className: "size-8 bg-white rounded-lg shadow-[0px_2px_10px_0px_rgba(26,26,26,0.05)] flex items-center justify-center", children: /* @__PURE__ */ jsx(IconAlertTriangle, { size: 18, className: "text-amber-500" }) }),
+                      /* @__PURE__ */ jsx("p", { className: "paragraph-small-medium text-zinc-950", children: translateSheet("invoiceWarningCnpj") }),
+                      !showUploadArea && !attachmentFile && /* @__PURE__ */ jsxs(
+                        Button,
+                        {
+                          variant: "secondary",
+                          className: "h-10! w-fit",
+                          type: "button",
+                          onClick: () => setShowUploadArea(true),
+                          children: [
+                            translateSheet("attachInvoiceButton"),
+                            /* @__PURE__ */ jsx(IconUpload, { size: 20 })
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        "input",
+                        {
+                          ref: fileInputRef,
+                          type: "file",
+                          accept: "application/pdf",
+                          className: "hidden",
+                          onChange: handleFileInputChange
+                        }
+                      ),
+                      showUploadArea && !attachmentFile && /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          role: "button",
+                          tabIndex: 0,
+                          onClick: () => fileInputRef.current?.click(),
+                          onKeyDown: (event) => event.key === "Enter" && fileInputRef.current?.click(),
+                          onDragOver: (event) => {
+                            event.preventDefault();
+                            setIsDragging(true);
+                          },
+                          onDragLeave: (event) => {
+                            event.preventDefault();
+                            setIsDragging(false);
+                          },
+                          onDrop: handleDrop,
+                          className: cn(
+                            "flex flex-col items-center justify-center gap-3.5 p-14 border-2 border-dashed rounded-lg cursor-pointer transition-colors hover:border-zinc-400",
+                            isDragging ? "border-zinc-400 bg-zinc-100" : "border-zinc-200 bg-white"
+                          ),
+                          children: [
+                            /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center size-14 bg-zinc-100 rounded-lg", children: /* @__PURE__ */ jsx(IconUpload, { size: 24, className: "text-zinc-600" }) }),
+                            /* @__PURE__ */ jsxs("p", { className: "paragraph-small-regular text-zinc-500 text-center", children: [
+                              translateSheet("uploadAreaText"),
+                              " ",
+                              /* @__PURE__ */ jsx("span", { className: "paragraph-small-medium text-zinc-950", children: translateSheet("uploadAreaExt") })
+                            ] })
+                          ]
+                        }
+                      ),
+                      attachmentFile && /* @__PURE__ */ jsx(UploadedPdfFile, { file: attachmentFile, onRemove: handleRemoveAttachment })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: infoBoxClasses, children: [
+                    /* @__PURE__ */ jsx(IconInfoCircle, { size: 16, className: "shrink-0" }),
+                    /* @__PURE__ */ jsxs("span", { className: "paragraph-small-semibold", children: [
+                      translateSheet("processingInfo"),
+                      " ",
+                      /* @__PURE__ */ jsx("span", { className: "text-zinc-600 paragraph-small-regular", children: translateSheet("processingInfoSub") })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: infoBoxClasses, children: [
+                    /* @__PURE__ */ jsx(IconInfoCircle, { size: 16, className: "shrink-0" }),
+                    /* @__PURE__ */ jsxs("span", { className: "paragraph-small-semibold", children: [
+                      translateSheet("contactInfo"),
+                      " ",
+                      /* @__PURE__ */ jsx("span", { className: "text-zinc-600 paragraph-small-regular", children: AFFILIATE_FINANCE_EMAIL })
+                    ] })
+                  ] })
+                ] }),
+                /* @__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: !affiliate || !limits || !hasReceivingAccount || !withdrawalAmount || withdrawalAmount < minWithdrawal || toCents(withdrawalAmount) > toCents(availableToWithdraw) || requiresInvoice && !attachmentFile || !limits.canWithdraw || requestDeposit.isPending,
+                      loading: requestDeposit.isPending,
+                      children: translateSheet("submitButton")
+                    }
+                  )
+                ] })
+              ]
+            }
+          )
+        ]
+      }
+    ) }),
+    pendingWithdrawalValue && /* @__PURE__ */ jsx(Dialog, { open: showConfirmDialog, onOpenChange: setShowConfirmDialog, children: /* @__PURE__ */ jsxs(DialogContent, { className: "flex flex-col p-0! gap-0! max-w-[calc(100%-2rem)]! w-full sm:max-w-[400px]! lg:max-w-[420px]! rounded-lg border", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5 p-4 lg:p-5", children: [
+        /* @__PURE__ */ jsx("span", { className: "paragraph-medium-semibold text-zinc-950", children: translateSheet("reviewTitle") }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 bg-zinc-50 rounded-lg p-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-zinc-600 paragraph-small-medium", children: translateSheet("reviewValueLabel") }),
+            /* @__PURE__ */ jsx("span", { className: "text-zinc-950 paragraph-small-semibold", children: formatCurrencyNumber(parseCurrencyToNumber(pendingWithdrawalValue)) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "h-px bg-zinc-200" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-zinc-600 paragraph-small-medium", children: translateSheet("holderLabel") }),
+            /* @__PURE__ */ jsx("span", { className: "text-zinc-950 paragraph-small-regular", children: affiliate?.holder_name ?? "\u2014" })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "h-px bg-zinc-200" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-zinc-600 paragraph-small-medium", children: translateSheet("reviewPixLabel") }),
+            /* @__PURE__ */ jsx("span", { className: "text-zinc-950 paragraph-small-regular truncate", children: affiliate?.pix ? formatPixKey(affiliate.pix) : "\u2014" })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "h-px bg-zinc-200" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-zinc-600 paragraph-small-medium", children: translateSheet("reviewDeadlineLabel") }),
+            /* @__PURE__ */ jsx("span", { className: "text-zinc-950 paragraph-small-regular", children: translateSheet("reviewDeadlineValue") })
+          ] }),
+          limits?.personType === "cnpj" && attachmentFile && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: "h-px bg-zinc-200" }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-zinc-600 paragraph-small-medium", children: translateSheet("reviewInvoiceLabel") }),
+              /* @__PURE__ */ jsx("span", { className: "text-zinc-950 paragraph-small-regular", children: attachmentFile.name })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 bg-amber-50 rounded-lg p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ jsx(IconAlertTriangle, { size: 20, className: "text-amber-600 shrink-0 mt-0.5" }),
+          /* @__PURE__ */ jsx("p", { className: "paragraph-small-regular text-zinc-950", children: translateSheet("reviewWarning") })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "h-px bg-zinc-200" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-2 p-4 lg:p-5", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            className: "h-10 w-fit",
+            onClick: handleConfirmWithdrawal,
+            loading: requestDeposit.isPending,
+            children: translateSheet("reviewConfirmButton")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "secondary",
+            className: "h-10 w-fit",
+            onClick: () => setShowConfirmDialog(false),
+            children: translate("common.actions.back")
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+export {
+  RequestWithdrawalSheet
+};
+//# sourceMappingURL=RequestWithdrawalSheet.mjs.map

package/dist/components/account/sections/affiliates/RequestWithdrawalSheet.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/account/sections/affiliates/RequestWithdrawalSheet.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useMemo, useRef, useState, type ChangeEvent, type DragEvent } from 'react';\nimport { Controller, useForm } from 'react-hook-form';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { IconAlertTriangle, IconInfoCircle, IconPencil, IconUpload, IconX } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { toast } from 'sonner';\nimport z from 'zod';\nimport { Button } from '../../../ui/buttons/Button';\nimport { Separator } from '../../../ui/data-display/Separator';\nimport { Toast } from '../../../ui/feedback/Toast';\nimport { FormField } from '../../../ui/form/FormField';\nimport { Dialog, DialogContent } from '../../../ui/overlay/Dialog';\nimport { Sheet, SheetContent, SheetFooter, SheetHeader, SheetTitle } from '../../../ui/overlay/Sheet';\nimport { useCurrentAffiliate } from '../../../../modules/affiliates/hooks/use-current-affiliate.hook';\nimport { useRequestDeposit } from '../../../../modules/affiliates/hooks/use-request-deposit.hook';\nimport { useWithdrawalLimits } from '../../../../modules/affiliates/hooks/use-withdrawal-limits.hook';\nimport { AFFILIATE_FINANCE_EMAIL } from '../../../../modules/affiliates/constants/affiliate.constants';\nimport {\n  formatCurrency,\n  formatCurrencyNumber,\n  parseCurrencyToNumber,\n} from '../../../../utils/format/currency';\nimport { formatDocument, formatPixKey } from '../../../../utils/format/masks';\nimport { formatFileSize, isPDFFile } from '../../../../utils/file/index';\nimport { useUploadProgress } from '../../../../hooks/useUploadProgress';\nimport useIsMobile from '../../../../hooks/useIsMobile';\nimport { useIsDefaultWhitelabel } from '../../../../providers/whitelabel.provider';\nimport { cn } from '../../../../infra/utils/clsx';\nimport { useAffiliateFlows } from '../../../../store/useAffiliateFlows';\n\nconst MIN_WITHDRAWAL = 25;\n\n/** Compara em centavos: o saldo vem do backend em reais e a comparação direta erra no arredondamento. */\nconst toCents = (value: number) => Math.round(value * 100);\n\nfunction readFileAsBase64DataUrl(file: File): Promise<string> {\n  return new Promise((resolve, reject) => {\n    const reader = new FileReader();\n    reader.onload = () => resolve(reader.result as string);\n    reader.onerror = () => reject(new Error('read-file-failed'));\n    reader.readAsDataURL(file);\n  });\n}\n\nfunction buildWithdrawalSchema(maxAvailable: number, minWithdrawal: number, messages: {\n  required: string;\n  minValue: string;\n  maxBalance: string;\n}) {\n  return z.object({\n    value: z\n      .string()\n      .min(1, messages.required)\n      .refine((value) => parseCurrencyToNumber(value) >= minWithdrawal, { message: messages.minValue })\n      .refine((value) => toCents(parseCurrencyToNumber(value)) <= toCents(maxAvailable), {\n        message: messages.maxBalance,\n      }),\n  });\n}\n\ntype WithdrawalFormData = { value: string };\n\nfunction PdfFileIcon() {\n  return (\n    <svg width=\"24\" height=\"27\" viewBox=\"0 0 24 27\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M14.5 1H4.5A2.5 2.5 0 0 0 2 3.5v20A2.5 2.5 0 0 0 4.5 26h15a2.5 2.5 0 0 0 2.5-2.5V8.5L14.5 1Z\"\n        fill=\"#fff\"\n        stroke=\"#D4D4D8\"\n        strokeWidth=\"1.5\"\n        strokeLinejoin=\"round\"\n      />\n      <path d=\"M14 1.5V8.5h7\" stroke=\"#D4D4D8\" strokeWidth=\"1.5\" strokeLinejoin=\"round\" />\n      <rect x=\"4\" y=\"13\" width=\"16\" height=\"9\" rx=\"2\" fill=\"#E11D48\" />\n      <text x=\"12\" y=\"19.5\" textAnchor=\"middle\" fill=\"#fff\" fontSize=\"6\" fontWeight=\"700\" fontFamily=\"sans-serif\">\n        PDF\n      </text>\n    </svg>\n  );\n}\n\nfunction UploadedPdfFile({ file, onRemove }: { file: File; onRemove: () => void }) {\n  const translateSheet = useTranslations('common.account.workspace.affiliates.withdrawal');\n  const { progress } = useUploadProgress({ interval: 80, increment: 10 });\n  const fileNameWithoutExtension = file.name.replace(/\\.[^/.]+$/, '');\n  const fileExtension = file.name.split('.').pop()?.toUpperCase() || '';\n\n  return (\n    <div className=\"flex flex-col gap-3 bg-[#f8f8f7] rounded-lg\">\n      <div className=\"flex items-center gap-3\">\n        <div className=\"flex items-center justify-center size-12.5 shrink-0 bg-white border border-zinc-200 rounded-lg\">\n          <PdfFileIcon />\n        </div>\n        <div className=\"flex flex-col gap-0.5 min-w-0 flex-1\">\n          <span className=\"paragraph-small-medium text-zinc-950 truncate\">{fileNameWithoutExtension}</span>\n          <span className=\"paragraph-xsmall-medium text-zinc-500\">\n            .{fileExtension} <span className=\"text-zinc-500/40\">•</span> {formatFileSize(file.size)}\n          </span>\n        </div>\n        <button\n          type=\"button\"\n          onClick={onRemove}\n          className=\"flex items-center justify-center size-8 shrink-0 rounded-lg hover:bg-zinc-100 hover:cursor-pointer transition-colors\"\n          aria-label={translateSheet('removeAttachmentAriaLabel')}\n        >\n          <IconX size={18} className=\"text-zinc-500\" />\n        </button>\n      </div>\n      <div className=\"flex items-center gap-3\">\n        <div className=\"flex-1 h-1.5 bg-white rounded-full overflow-hidden\">\n          <div\n            className=\"bg-zinc-950 h-full rounded-full transition-all duration-100\"\n            style={{ width: `${progress}%` }}\n          />\n        </div>\n        <span className=\"paragraph-xsmall-medium text-zinc-500 shrink-0\">{progress}%</span>\n      </div>\n    </div>\n  );\n}\n\n/** Solicitação de saque do saldo de afiliado, com conta de recebimento, limites e nota fiscal. */\nexport function RequestWithdrawalSheet() {\n  const translate = useTranslations();\n  const translateSheet = useTranslations('common.account.workspace.affiliates.withdrawal');\n  const isMobile = useIsMobile();\n  const isDefaultWhitelabel = useIsDefaultWhitelabel();\n\n  const isOpen = useAffiliateFlows((state) => state.isWithdrawalOpen);\n  const close = useAffiliateFlows((state) => state.closeWithdrawal);\n  const openReceivingAccount = useAffiliateFlows((state) => state.openReceivingAccount);\n\n  const { data: affiliateData } = useCurrentAffiliate();\n  const affiliate = affiliateData?.data;\n  const { data: limitsData } = useWithdrawalLimits({ enabled: isOpen && !!affiliate });\n  const limits = limitsData?.data;\n  const requestDeposit = useRequestDeposit();\n\n  const balance = Number(affiliate?.balance ?? 0);\n  const availableToWithdraw = limits?.availableToWithdraw ?? balance;\n  const minWithdrawal = limits?.minValue ?? MIN_WITHDRAWAL;\n  const requiresInvoice = limits?.requiresInvoice ?? false;\n  const hasReceivingAccount = !!(affiliate?.pix && affiliate?.holder_name && affiliate?.holder_document);\n\n  const minValueLabel = minWithdrawal.toFixed(2).replace('.', ',');\n\n  const withdrawalSchema = useMemo(\n    () =>\n      buildWithdrawalSchema(availableToWithdraw, minWithdrawal, {\n        required: translateSheet('validationRequired'),\n        minValue: translateSheet('validationMinValue', { minValue: minValueLabel }),\n        maxBalance: translateSheet('validationMaxBalance', {\n          balance: formatCurrencyNumber(availableToWithdraw),\n        }),\n      }),\n    [availableToWithdraw, minWithdrawal, minValueLabel, translateSheet]\n  );\n\n  const form = useForm<WithdrawalFormData>({\n    resolver: zodResolver(withdrawalSchema),\n    defaultValues: { value: '' },\n  });\n\n  const watchedValue = form.watch('value');\n  const withdrawalAmount = parseCurrencyToNumber(watchedValue || '') || 0;\n\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const [showUploadArea, setShowUploadArea] = useState(false);\n  const [attachmentFile, setAttachmentFile] = useState<File | null>(null);\n  const [attachmentBase64, setAttachmentBase64] = useState<string | null>(null);\n  const [isDragging, setIsDragging] = useState(false);\n  const [showConfirmDialog, setShowConfirmDialog] = useState(false);\n  const [pendingWithdrawalValue, setPendingWithdrawalValue] = useState<string | null>(null);\n\n  const handlePdfFile = useCallback(\n    async (file: File) => {\n      if (!isPDFFile(file)) {\n        toast.custom((toastId) => (\n          <Toast variant=\"error\" message={translateSheet('errorPdfOnly')} toastId={toastId} />\n        ));\n        return;\n      }\n      setAttachmentFile(file);\n      setAttachmentBase64(await readFileAsBase64DataUrl(file));\n    },\n    [translateSheet]\n  );\n\n  const handleFileInputChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => {\n      const file = event.target.files?.[0];\n      if (file) handlePdfFile(file);\n      event.target.value = '';\n    },\n    [handlePdfFile]\n  );\n\n  const handleDrop = useCallback(\n    (event: DragEvent) => {\n      event.preventDefault();\n      setIsDragging(false);\n      const file = event.dataTransfer.files?.[0];\n      if (file) handlePdfFile(file);\n    },\n    [handlePdfFile]\n  );\n\n  const handleRemoveAttachment = useCallback(() => {\n    setAttachmentFile(null);\n    setAttachmentBase64(null);\n  }, []);\n\n  const handleClose = () => {\n    form.reset({ value: '' });\n    setShowUploadArea(false);\n    handleRemoveAttachment();\n    setShowConfirmDialog(false);\n    setPendingWithdrawalValue(null);\n    close();\n  };\n\n  const executeWithdrawal = async (value: string, attachment: string | null) => {\n    if (!affiliate) return;\n\n    try {\n      const result = await requestDeposit.mutateAsync({\n        value: parseCurrencyToNumber(value),\n        ...(attachment ? { attachment } : {}),\n      });\n      toast.custom((toastId) => <Toast variant=\"success\" message={result.message} toastId={toastId} />);\n      handleClose();\n    } catch (error) {\n      const message = error instanceof Error ? error.message : translateSheet('errorRequestDeposit');\n      toast.custom((toastId) => <Toast variant=\"error\" message={message} toastId={toastId} />);\n    }\n  };\n\n  const handleConfirmWithdrawal = async () => {\n    if (pendingWithdrawalValue === null) return;\n    setShowConfirmDialog(false);\n    await executeWithdrawal(pendingWithdrawalValue, attachmentBase64);\n    setPendingWithdrawalValue(null);\n  };\n\n  const infoBoxClasses = cn(\n    'flex items-center gap-3 text-zinc-950 rounded-lg p-4',\n    isDefaultWhitelabel ? 'bg-cyan-50' : 'bg-zinc-50'\n  );\n\n  return (\n    <>\n      <Sheet open={isOpen} onOpenChange={(nextOpen) => !nextOpen && handleClose()}>\n        <SheetContent\n          side={isMobile ? 'bottom' : 'right'}\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-[480px]! w-[480px]!',\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('sheetTitle')}\n            </SheetTitle>\n          </SheetHeader>\n\n          <form\n            onSubmit={form.handleSubmit((data) => {\n              setPendingWithdrawalValue(data.value);\n              setShowConfirmDialog(true);\n            })}\n            className=\"flex flex-col flex-1 overflow-hidden\"\n          >\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 items-center justify-between\">\n                <span className=\"text-zinc-500 paragraph-small-semibold\">\n                  {translateSheet('availableBalance')}\n                </span>\n                <span className=\"text-green-600 paragraph-medium-semibold\">\n                  {formatCurrencyNumber(balance)}\n                </span>\n              </div>\n\n              <Separator />\n\n              <div className=\"flex flex-col gap-3\">\n                <div className=\"flex items-center justify-between\">\n                  <span className=\"paragraph-small-regular text-zinc-600\">\n                    {translateSheet('receivingAccount')}\n                  </span>\n                  <Button variant=\"secondary\" className=\"h-8!\" type=\"button\" onClick={openReceivingAccount}>\n                    <IconPencil />\n                    {translate('common.actions.edit')}\n                  </Button>\n                </div>\n                <div className=\"flex flex-col rounded-lg bg-zinc-50 p-4 gap-4\">\n                  <div className=\"flex items-center gap-3\">\n                    <span className=\"w-40 text-zinc-950 paragraph-small-medium\">\n                      {translateSheet('holderLabel')}\n                    </span>\n                    <span className=\"w-full text-zinc-600 paragraph-small-regular\">\n                      {affiliate?.holder_name ?? '—'}\n                    </span>\n                  </div>\n                  <div className=\"flex items-center gap-3\">\n                    <span className=\"w-40 text-zinc-950 paragraph-small-medium\">\n                      {translateSheet('pixKeyLabel')}\n                    </span>\n                    <span className=\"w-full text-zinc-600 paragraph-small-regular truncate\">\n                      {affiliate?.pix ? formatPixKey(affiliate.pix) : '—'}\n                    </span>\n                  </div>\n                  <div className=\"flex items-center gap-3\">\n                    <span className=\"w-40 text-zinc-950 paragraph-small-medium\">\n                      {translateSheet('holderDocumentLabel')}\n                    </span>\n                    <span className=\"w-full text-zinc-600 paragraph-small-regular truncate\">\n                      {affiliate?.holder_document ? formatDocument(affiliate.holder_document) : '—'}\n                    </span>\n                  </div>\n                </div>\n              </div>\n\n              {limits && !limits.canWithdraw ? (\n                <div className=\"flex flex-col gap-3 bg-zinc-50 rounded-lg p-4\">\n                  <div className=\"size-8 bg-white rounded-lg shadow-[0px_2px_10px_0px_rgba(26,26,26,0.05)] flex items-center justify-center\">\n                    <IconAlertTriangle size={18} className=\"text-amber-500\" />\n                  </div>\n                  <p className=\"paragraph-small-medium text-zinc-950\">{translateSheet('blockedTitle')}</p>\n                  <p className=\"paragraph-small-regular text-zinc-600\">\n                    {translateSheet('blockedDescription')}\n                  </p>\n                  <Button\n                    variant=\"secondary\"\n                    className=\"h-10! w-fit\"\n                    type=\"button\"\n                    onClick={openReceivingAccount}\n                  >\n                    {translateSheet('blockedEditAccountButton')}\n                  </Button>\n                </div>\n              ) : (\n                <>\n                  <Controller\n                    name=\"value\"\n                    control={form.control}\n                    render={({ field, fieldState }) => (\n                      <FormField\n                        required\n                        label={translateSheet('withdrawalValueLabel')}\n                        placeholder={translateSheet('withdrawalValuePlaceholder')}\n                        inputMode=\"numeric\"\n                        hintMessage={translateSheet('withdrawalValueHint', { minValue: minValueLabel })}\n                        value={field.value}\n                        onChange={(event) => {\n                          const raw = event.target.value.replace(/\\D/g, '');\n                          if (!raw) return field.onChange('');\n                          field.onChange(formatCurrency(raw));\n                        }}\n                        error={!!fieldState.error}\n                        errorMessage={fieldState.error?.message}\n                      />\n                    )}\n                  />\n\n                  {limits?.personType === 'cpf' && (\n                    <div className={infoBoxClasses}>\n                      <IconInfoCircle size={16} className=\"shrink-0\" />\n                      <span className=\"paragraph-small-semibold\">\n                        {translateSheet('cpfMonthlyLimit', {\n                          value: formatCurrencyNumber(limits.maxValuePerMonth ?? 0),\n                        })}{' '}\n                        <span className=\"text-zinc-600 paragraph-small-regular\">\n                          {translateSheet('cpfMonthlyRemaining', {\n                            value: formatCurrencyNumber(limits.monthlyRemaining ?? 0),\n                          })}\n                        </span>\n                      </span>\n                    </div>\n                  )}\n\n                  {limits?.personType === 'cnpj' && requiresInvoice && (\n                    <div className=\"flex flex-col gap-3 bg-zinc-50 rounded-lg p-4\">\n                      <div className=\"size-8 bg-white rounded-lg shadow-[0px_2px_10px_0px_rgba(26,26,26,0.05)] flex items-center justify-center\">\n                        <IconAlertTriangle size={18} className=\"text-amber-500\" />\n                      </div>\n                      <p className=\"paragraph-small-medium text-zinc-950\">\n                        {translateSheet('invoiceWarningCnpj')}\n                      </p>\n\n                      {!showUploadArea && !attachmentFile && (\n                        <Button\n                          variant=\"secondary\"\n                          className=\"h-10! w-fit\"\n                          type=\"button\"\n                          onClick={() => setShowUploadArea(true)}\n                        >\n                          {translateSheet('attachInvoiceButton')}\n                          <IconUpload size={20} />\n                        </Button>\n                      )}\n\n                      <input\n                        ref={fileInputRef}\n                        type=\"file\"\n                        accept=\"application/pdf\"\n                        className=\"hidden\"\n                        onChange={handleFileInputChange}\n                      />\n\n                      {showUploadArea && !attachmentFile && (\n                        <div\n                          role=\"button\"\n                          tabIndex={0}\n                          onClick={() => fileInputRef.current?.click()}\n                          onKeyDown={(event) => event.key === 'Enter' && fileInputRef.current?.click()}\n                          onDragOver={(event) => {\n                            event.preventDefault();\n                            setIsDragging(true);\n                          }}\n                          onDragLeave={(event) => {\n                            event.preventDefault();\n                            setIsDragging(false);\n                          }}\n                          onDrop={handleDrop}\n                          className={cn(\n                            'flex flex-col items-center justify-center gap-3.5 p-14 border-2 border-dashed rounded-lg cursor-pointer transition-colors hover:border-zinc-400',\n                            isDragging ? 'border-zinc-400 bg-zinc-100' : 'border-zinc-200 bg-white'\n                          )}\n                        >\n                          <div className=\"flex items-center justify-center size-14 bg-zinc-100 rounded-lg\">\n                            <IconUpload size={24} className=\"text-zinc-600\" />\n                          </div>\n                          <p className=\"paragraph-small-regular text-zinc-500 text-center\">\n                            {translateSheet('uploadAreaText')}{' '}\n                            <span className=\"paragraph-small-medium text-zinc-950\">\n                              {translateSheet('uploadAreaExt')}\n                            </span>\n                          </p>\n                        </div>\n                      )}\n\n                      {attachmentFile && (\n                        <UploadedPdfFile file={attachmentFile} onRemove={handleRemoveAttachment} />\n                      )}\n                    </div>\n                  )}\n                </>\n              )}\n\n              <div className={infoBoxClasses}>\n                <IconInfoCircle size={16} className=\"shrink-0\" />\n                <span className=\"paragraph-small-semibold\">\n                  {translateSheet('processingInfo')}{' '}\n                  <span className=\"text-zinc-600 paragraph-small-regular\">\n                    {translateSheet('processingInfoSub')}\n                  </span>\n                </span>\n              </div>\n\n              <div className={infoBoxClasses}>\n                <IconInfoCircle size={16} className=\"shrink-0\" />\n                <span className=\"paragraph-small-semibold\">\n                  {translateSheet('contactInfo')}{' '}\n                  <span className=\"text-zinc-600 paragraph-small-regular\">{AFFILIATE_FINANCE_EMAIL}</span>\n                </span>\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={\n                  !affiliate ||\n                  !limits ||\n                  !hasReceivingAccount ||\n                  !withdrawalAmount ||\n                  withdrawalAmount < minWithdrawal ||\n                  toCents(withdrawalAmount) > toCents(availableToWithdraw) ||\n                  (requiresInvoice && !attachmentFile) ||\n                  !limits.canWithdraw ||\n                  requestDeposit.isPending\n                }\n                loading={requestDeposit.isPending}\n              >\n                {translateSheet('submitButton')}\n              </Button>\n            </SheetFooter>\n          </form>\n        </SheetContent>\n      </Sheet>\n\n      {pendingWithdrawalValue && (\n        <Dialog open={showConfirmDialog} onOpenChange={setShowConfirmDialog}>\n          <DialogContent className=\"flex flex-col p-0! gap-0! max-w-[calc(100%-2rem)]! w-full sm:max-w-[400px]! lg:max-w-[420px]! rounded-lg border\">\n            <div className=\"flex flex-col gap-5 p-4 lg:p-5\">\n              <span className=\"paragraph-medium-semibold text-zinc-950\">{translateSheet('reviewTitle')}</span>\n\n              <div className=\"flex flex-col gap-3 bg-zinc-50 rounded-lg p-4\">\n                <div className=\"flex items-center justify-between\">\n                  <span className=\"text-zinc-600 paragraph-small-medium\">\n                    {translateSheet('reviewValueLabel')}\n                  </span>\n                  <span className=\"text-zinc-950 paragraph-small-semibold\">\n                    {formatCurrencyNumber(parseCurrencyToNumber(pendingWithdrawalValue))}\n                  </span>\n                </div>\n                <div className=\"h-px bg-zinc-200\" />\n                <div className=\"flex items-center justify-between\">\n                  <span className=\"text-zinc-600 paragraph-small-medium\">\n                    {translateSheet('holderLabel')}\n                  </span>\n                  <span className=\"text-zinc-950 paragraph-small-regular\">\n                    {affiliate?.holder_name ?? '—'}\n                  </span>\n                </div>\n                <div className=\"h-px bg-zinc-200\" />\n                <div className=\"flex items-center justify-between\">\n                  <span className=\"text-zinc-600 paragraph-small-medium\">\n                    {translateSheet('reviewPixLabel')}\n                  </span>\n                  <span className=\"text-zinc-950 paragraph-small-regular truncate\">\n                    {affiliate?.pix ? formatPixKey(affiliate.pix) : '—'}\n                  </span>\n                </div>\n                <div className=\"h-px bg-zinc-200\" />\n                <div className=\"flex items-center justify-between\">\n                  <span className=\"text-zinc-600 paragraph-small-medium\">\n                    {translateSheet('reviewDeadlineLabel')}\n                  </span>\n                  <span className=\"text-zinc-950 paragraph-small-regular\">\n                    {translateSheet('reviewDeadlineValue')}\n                  </span>\n                </div>\n                {limits?.personType === 'cnpj' && attachmentFile && (\n                  <>\n                    <div className=\"h-px bg-zinc-200\" />\n                    <div className=\"flex items-center justify-between\">\n                      <span className=\"text-zinc-600 paragraph-small-medium\">\n                        {translateSheet('reviewInvoiceLabel')}\n                      </span>\n                      <span className=\"text-zinc-950 paragraph-small-regular\">{attachmentFile.name}</span>\n                    </div>\n                  </>\n                )}\n              </div>\n\n              <div className=\"flex flex-col gap-4 bg-amber-50 rounded-lg p-4\">\n                <div className=\"flex items-start gap-3\">\n                  <IconAlertTriangle size={20} className=\"text-amber-600 shrink-0 mt-0.5\" />\n                  <p className=\"paragraph-small-regular text-zinc-950\">{translateSheet('reviewWarning')}</p>\n                </div>\n              </div>\n            </div>\n\n            <div className=\"h-px bg-zinc-200\" />\n\n            <div className=\"flex flex-row items-center gap-2 p-4 lg:p-5\">\n              <Button\n                className=\"h-10 w-fit\"\n                onClick={handleConfirmWithdrawal}\n                loading={requestDeposit.isPending}\n              >\n                {translateSheet('reviewConfirmButton')}\n              </Button>\n              <Button\n                variant=\"secondary\"\n                className=\"h-10 w-fit\"\n                onClick={() => setShowConfirmDialog(false)}\n              >\n                {translate('common.actions.back')}\n              </Button>\n            </div>\n          </DialogContent>\n        </Dialog>\n      )}\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/account/sections/affiliates/ViewAttachmentModal.mjs

@@ -0,0 +1,34 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../../../ui/overlay/Dialog";
+import { useAffiliateFlows } from "../../../../store/useAffiliateFlows";
+const STORAGE_URL = process.env.NEXT_PUBLIC_STORAGE_URL || "";
+function ViewAttachmentModal() {
+  const translate = useTranslations();
+  const attachment = useAffiliateFlows((state) => state.attachment);
+  const close = useAffiliateFlows((state) => state.closeAttachment);
+  const pdfUrl = attachment ? `${STORAGE_URL}/${attachment}` : null;
+  return /* @__PURE__ */ jsx(Dialog, { open: !!attachment, onOpenChange: (nextOpen) => !nextOpen && close(), children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      onOpenAutoFocus: (event) => event.preventDefault(),
+      className: "flex flex-col p-0 gap-0 w-[90vw]! max-w-[900px]! h-[85vh]! max-h-[85vh]! duration-0!",
+      children: [
+        /* @__PURE__ */ jsx(DialogHeader, { className: "text-left p-5 pb-4", children: /* @__PURE__ */ jsx(DialogTitle, { className: "paragraph-medium-semibold text-zinc-950", children: translate("common.account.workspace.affiliates.viewAttachment.title") }) }),
+        /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 px-5 pb-5", children: pdfUrl ? /* @__PURE__ */ jsx(
+          "iframe",
+          {
+            src: pdfUrl,
+            title: translate("common.account.workspace.affiliates.viewAttachment.iframeTitle"),
+            className: "w-full h-full rounded-lg border border-zinc-200"
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-zinc-500", children: translate("common.account.workspace.affiliates.viewAttachment.noAttachment") }) }) })
+      ]
+    }
+  ) });
+}
+export {
+  ViewAttachmentModal
+};
+//# sourceMappingURL=ViewAttachmentModal.mjs.map

package/dist/components/account/sections/affiliates/ViewAttachmentModal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/account/sections/affiliates/ViewAttachmentModal.tsx"],"sourcesContent":["'use client';\n\nimport { useTranslations } from 'next-intl';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '../../../ui/overlay/Dialog';\nimport { useAffiliateFlows } from '../../../../store/useAffiliateFlows';\n\nconst STORAGE_URL = process.env.NEXT_PUBLIC_STORAGE_URL || '';\n\n/** Visualizador da nota fiscal anexada à comissão. */\nexport function ViewAttachmentModal() {\n  const translate = useTranslations();\n  const attachment = useAffiliateFlows((state) => state.attachment);\n  const close = useAffiliateFlows((state) => state.closeAttachment);\n\n  const pdfUrl = attachment ? `${STORAGE_URL}/${attachment}` : null;\n\n  return (\n    <Dialog open={!!attachment} onOpenChange={(nextOpen) => !nextOpen && close()}>\n      <DialogContent\n        onOpenAutoFocus={(event) => event.preventDefault()}\n        className=\"flex flex-col p-0 gap-0 w-[90vw]! max-w-[900px]! h-[85vh]! max-h-[85vh]! duration-0!\"\n      >\n        <DialogHeader className=\"text-left p-5 pb-4\">\n          <DialogTitle className=\"paragraph-medium-semibold text-zinc-950\">\n            {translate('common.account.workspace.affiliates.viewAttachment.title')}\n          </DialogTitle>\n        </DialogHeader>\n\n        <div className=\"flex-1 min-h-0 px-5 pb-5\">\n          {pdfUrl ? (\n            <iframe\n              src={pdfUrl}\n              title={translate('common.account.workspace.affiliates.viewAttachment.iframeTitle')}\n              className=\"w-full h-full rounded-lg border border-zinc-200\"\n            />\n          ) : (\n            <div className=\"flex items-center justify-center h-full\">\n              <span className=\"paragraph-small-regular text-zinc-500\">\n                {translate('common.account.workspace.affiliates.viewAttachment.noAttachment')}\n              </span>\n            </div>\n          )}\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";AAkBM,SAKI,KALJ;AAhBN,SAAS,uBAAuB;AAChC,SAAS,QAAQ,eAAe,cAAc,mBAAmB;AACjE,SAAS,yBAAyB;AAElC,MAAM,cAAc,QAAQ,IAAI,2BAA2B;AAGpD,SAAS,sBAAsB;AACpC,QAAM,YAAY,gBAAgB;AAClC,QAAM,aAAa,kBAAkB,CAAC,UAAU,MAAM,UAAU;AAChE,QAAM,QAAQ,kBAAkB,CAAC,UAAU,MAAM,eAAe;AAEhE,QAAM,SAAS,aAAa,GAAG,WAAW,IAAI,UAAU,KAAK;AAE7D,SACE,oBAAC,UAAO,MAAM,CAAC,CAAC,YAAY,cAAc,CAAC,aAAa,CAAC,YAAY,MAAM,GACzE;AAAA,IAAC;AAAA;AAAA,MACC,iBAAiB,CAAC,UAAU,MAAM,eAAe;AAAA,MACjD,WAAU;AAAA,MAEV;AAAA,4BAAC,gBAAa,WAAU,sBACtB,8BAAC,eAAY,WAAU,2CACpB,oBAAU,0DAA0D,GACvE,GACF;AAAA,QAEA,oBAAC,SAAI,WAAU,4BACZ,mBACC;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,OAAO,UAAU,gEAAgE;AAAA,YACjF,WAAU;AAAA;AAAA,QACZ,IAEA,oBAAC,SAAI,WAAU,2CACb,8BAAC,UAAK,WAAU,yCACb,oBAAU,iEAAiE,GAC9E,GACF,GAEJ;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}