@greatapps/common 1.1.790 → 1.1.791

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

@@ -0,0 +1,108 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { IconEye, IconInfoCircle } from "@tabler/icons-react";
+import { useTranslations } from "next-intl";
+import { Button } from "../../../ui/buttons/Button";
+import { Separator } from "../../../ui/data-display/Separator";
+import { Skeleton } from "../../../ui/feedback/Skeleton";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../../../ui/data-display/Table";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../../../ui/overlay/Tooltip";
+import { formatCurrencyNumber } from "../../../../utils/format/currency";
+import { StatusBadge } from "../shared/StatusBadge";
+const TRANSACTION_TYPE_COMMISSION = 1;
+const TRANSACTION_TYPE_WITHDRAWAL = 2;
+const STATUS_TONES = {
+  pending: "yellow",
+  consolidated: "green",
+  canceled: "red",
+  refused: "red"
+};
+const headClasses = "h-11 px-3 first:pl-6 paragraph-xsmall-semibold text-zinc-500";
+function formatDateTime(value) {
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return value;
+  const pad = (part) => String(part).padStart(2, "0");
+  return `${pad(date.getDate())}/${pad(date.getMonth() + 1)}/${date.getFullYear()} ${pad(date.getHours())}:${pad(date.getMinutes())}`;
+}
+function TransactionTypeBadge({ type }) {
+  const translate = useTranslations();
+  const label = type === TRANSACTION_TYPE_COMMISSION ? translate("common.account.workspace.affiliates.transactions.typeCommission") : type === TRANSACTION_TYPE_WITHDRAWAL ? translate("common.account.workspace.affiliates.transactions.typeWithdrawal") : translate("common.account.workspace.affiliates.transactions.typeFallback", { type: String(type) });
+  return /* @__PURE__ */ jsx(StatusBadge, { tone: type === TRANSACTION_TYPE_COMMISSION ? "green" : "blue", children: label });
+}
+function TransactionStatusBadge({ transaction }) {
+  const translate = useTranslations();
+  const translateStatus = useTranslations("common.account.workspace.affiliates.transactions.status");
+  const { status } = transaction;
+  const hasInfo = status === "pending" || status === "refused";
+  const badge = /* @__PURE__ */ jsxs(StatusBadge, { tone: STATUS_TONES[status], children: [
+    translateStatus(status),
+    hasInfo && /* @__PURE__ */ jsx(IconInfoCircle, { size: 14, className: "shrink-0" })
+  ] });
+  if (!hasInfo) return badge;
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: badge }),
+    /* @__PURE__ */ jsx(TooltipContent, { side: "top", className: "max-w-xs p-3", children: status === "pending" ? translate("common.account.workspace.affiliates.transactions.pendingTooltip") : transaction.refused_reason || translate("common.account.workspace.affiliates.transactions.refusedTooltip") })
+  ] });
+}
+function AffiliateTransactionsList({ transactions, isLoading, onViewAttachment }) {
+  const translate = useTranslations();
+  if (isLoading) {
+    return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", children: Array.from({ length: 4 }).map((_, index) => /* @__PURE__ */ jsx(Skeleton, { className: "h-14 w-full rounded-lg" }, index)) });
+  }
+  if (transactions.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-12 border border-zinc-200 rounded-lg bg-white", children: /* @__PURE__ */ jsx("p", { className: "paragraph-small-medium text-zinc-500", children: translate("common.account.workspace.affiliates.transactions.empty") }) });
+  }
+  const viewAttachmentButton = (attachment) => attachment ? /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        className: "size-10! p-0",
+        "aria-label": translate("common.account.workspace.affiliates.transactions.viewAttachment"),
+        onClick: () => onViewAttachment(attachment),
+        children: /* @__PURE__ */ jsx(IconEye, { size: 20 })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(TooltipContent, { side: "top", children: translate("common.account.workspace.affiliates.transactions.viewAttachment") })
+  ] }) : null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "hidden lg:block rounded-lg border border-zinc-200 bg-white overflow-hidden", children: /* @__PURE__ */ jsxs(Table, { children: [
+      /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { className: "bg-zinc-50 hover:bg-zinc-50", children: [
+        /* @__PURE__ */ jsx(TableHead, { className: headClasses, children: translate("common.account.workspace.affiliates.transactions.date") }),
+        /* @__PURE__ */ jsx(TableHead, { className: headClasses, children: translate("common.account.workspace.affiliates.transactions.value") }),
+        /* @__PURE__ */ jsx(TableHead, { className: headClasses, children: translate("common.account.workspace.affiliates.transactions.type") }),
+        /* @__PURE__ */ jsx(TableHead, { className: headClasses, children: translate("common.account.workspace.affiliates.transactions.statusColumn") }),
+        /* @__PURE__ */ jsx(TableHead, { className: "h-11 w-16" })
+      ] }) }),
+      /* @__PURE__ */ jsx(TableBody, { children: transactions.map((transaction) => /* @__PURE__ */ jsxs(TableRow, { className: "hover:bg-zinc-50", children: [
+        /* @__PURE__ */ jsx(TableCell, { className: "pl-6 pr-3 py-5", children: /* @__PURE__ */ jsx("span", { className: "paragraph-small-medium text-zinc-600", children: formatDateTime(transaction.datetime_add) }) }),
+        /* @__PURE__ */ jsx(TableCell, { className: "px-3 py-5", children: /* @__PURE__ */ jsx("span", { className: "paragraph-small-semibold text-zinc-600", children: formatCurrencyNumber(transaction.value) }) }),
+        /* @__PURE__ */ jsx(TableCell, { className: "px-3 py-5", children: /* @__PURE__ */ jsx(TransactionTypeBadge, { type: transaction.type }) }),
+        /* @__PURE__ */ jsx(TableCell, { className: "px-3 py-5", children: /* @__PURE__ */ jsx(TransactionStatusBadge, { transaction }) }),
+        /* @__PURE__ */ jsx(TableCell, { className: "w-16 py-4", children: /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: viewAttachmentButton(transaction.attachment) }) })
+      ] }, transaction.id)) })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex lg:hidden flex-col gap-3", children: transactions.map((transaction) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 border border-zinc-200 rounded-lg p-4 bg-white", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4 min-h-10", children: [
+        /* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-zinc-600", children: formatDateTime(transaction.datetime_add) }),
+        viewAttachmentButton(transaction.attachment)
+      ] }),
+      /* @__PURE__ */ jsx(Separator, {}),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-zinc-600", children: transaction.email ?? "\u2014" }),
+        /* @__PURE__ */ jsx("span", { className: "paragraph-xlarge-semibold text-zinc-600", children: formatCurrencyNumber(transaction.value) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsx(TransactionTypeBadge, { type: transaction.type }),
+          /* @__PURE__ */ jsx(TransactionStatusBadge, { transaction })
+        ] })
+      ] }),
+      transaction.status === "refused" && transaction.refused_reason && /* @__PURE__ */ jsx("span", { className: "paragraph-xsmall-medium text-zinc-500", children: translate("common.account.workspace.affiliates.transactions.refusedReason", {
+        reason: transaction.refused_reason
+      }) })
+    ] }, transaction.id)) })
+  ] });
+}
+export {
+  AffiliateTransactionsList
+};
+//# sourceMappingURL=AffiliateTransactionsList.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/account/sections/affiliates/AffiliateTransactionsList.tsx"],"sourcesContent":["'use client';\n\nimport { IconEye, IconInfoCircle } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { Button } from '../../../ui/buttons/Button';\nimport { Separator } from '../../../ui/data-display/Separator';\nimport { Skeleton } from '../../../ui/feedback/Skeleton';\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '../../../ui/data-display/Table';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../../../ui/overlay/Tooltip';\nimport { formatCurrencyNumber } from '../../../../utils/format/currency';\nimport type { AffiliateTransaction } from '../../../../modules/affiliates/types/affiliate.type';\nimport { StatusBadge, type StatusBadgeTone } from '../shared/StatusBadge';\n\nconst TRANSACTION_TYPE_COMMISSION = 1;\nconst TRANSACTION_TYPE_WITHDRAWAL = 2;\n\nconst STATUS_TONES: Record<AffiliateTransaction['status'], StatusBadgeTone> = {\n  pending: 'yellow',\n  consolidated: 'green',\n  canceled: 'red',\n  refused: 'red',\n};\n\nconst headClasses = 'h-11 px-3 first:pl-6 paragraph-xsmall-semibold text-zinc-500';\n\nfunction formatDateTime(value: string): string {\n  const date = new Date(value);\n  if (Number.isNaN(date.getTime())) return value;\n  const pad = (part: number) => String(part).padStart(2, '0');\n  return `${pad(date.getDate())}/${pad(date.getMonth() + 1)}/${date.getFullYear()} ${pad(date.getHours())}:${pad(date.getMinutes())}`;\n}\n\nfunction TransactionTypeBadge({ type }: { type: number }) {\n  const translate = useTranslations();\n\n  const label =\n    type === TRANSACTION_TYPE_COMMISSION\n      ? translate('common.account.workspace.affiliates.transactions.typeCommission')\n      : type === TRANSACTION_TYPE_WITHDRAWAL\n        ? translate('common.account.workspace.affiliates.transactions.typeWithdrawal')\n        : translate('common.account.workspace.affiliates.transactions.typeFallback', { type: String(type) });\n\n  return <StatusBadge tone={type === TRANSACTION_TYPE_COMMISSION ? 'green' : 'blue'}>{label}</StatusBadge>;\n}\n\nfunction TransactionStatusBadge({ transaction }: { transaction: AffiliateTransaction }) {\n  const translate = useTranslations();\n  const translateStatus = useTranslations('common.account.workspace.affiliates.transactions.status');\n  const { status } = transaction;\n  const hasInfo = status === 'pending' || status === 'refused';\n\n  const badge = (\n    <StatusBadge tone={STATUS_TONES[status]}>\n      {translateStatus(status)}\n      {hasInfo && <IconInfoCircle size={14} className=\"shrink-0\" />}\n    </StatusBadge>\n  );\n\n  if (!hasInfo) return badge;\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>{badge}</TooltipTrigger>\n      <TooltipContent side=\"top\" className=\"max-w-xs p-3\">\n        {status === 'pending'\n          ? translate('common.account.workspace.affiliates.transactions.pendingTooltip')\n          : transaction.refused_reason || translate('common.account.workspace.affiliates.transactions.refusedTooltip')}\n      </TooltipContent>\n    </Tooltip>\n  );\n}\n\ntype AffiliateTransactionsListProps = {\n  transactions: AffiliateTransaction[];\n  isLoading: boolean;\n  onViewAttachment: (attachment: string) => void;\n};\n\nexport function AffiliateTransactionsList({ transactions, isLoading, onViewAttachment }: AffiliateTransactionsListProps) {\n  const translate = useTranslations();\n\n  if (isLoading) {\n    return (\n      <div className=\"flex flex-col gap-3\">\n        {Array.from({ length: 4 }).map((_, index) => (\n          <Skeleton key={index} className=\"h-14 w-full rounded-lg\" />\n        ))}\n      </div>\n    );\n  }\n\n  if (transactions.length === 0) {\n    return (\n      <div className=\"flex items-center justify-center py-12 border border-zinc-200 rounded-lg bg-white\">\n        <p className=\"paragraph-small-medium text-zinc-500\">\n          {translate('common.account.workspace.affiliates.transactions.empty')}\n        </p>\n      </div>\n    );\n  }\n\n  const viewAttachmentButton = (attachment?: string | null) =>\n    attachment ? (\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button\n            variant=\"ghost\"\n            className=\"size-10! p-0\"\n            aria-label={translate('common.account.workspace.affiliates.transactions.viewAttachment')}\n            onClick={() => onViewAttachment(attachment)}\n          >\n            <IconEye size={20} />\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent side=\"top\">\n          {translate('common.account.workspace.affiliates.transactions.viewAttachment')}\n        </TooltipContent>\n      </Tooltip>\n    ) : null;\n\n  return (\n    <>\n      <div className=\"hidden lg:block rounded-lg border border-zinc-200 bg-white overflow-hidden\">\n        <Table>\n          <TableHeader>\n            <TableRow className=\"bg-zinc-50 hover:bg-zinc-50\">\n              <TableHead className={headClasses}>\n                {translate('common.account.workspace.affiliates.transactions.date')}\n              </TableHead>\n              <TableHead className={headClasses}>\n                {translate('common.account.workspace.affiliates.transactions.value')}\n              </TableHead>\n              <TableHead className={headClasses}>\n                {translate('common.account.workspace.affiliates.transactions.type')}\n              </TableHead>\n              <TableHead className={headClasses}>\n                {translate('common.account.workspace.affiliates.transactions.statusColumn')}\n              </TableHead>\n              <TableHead className=\"h-11 w-16\" />\n            </TableRow>\n          </TableHeader>\n          <TableBody>\n            {transactions.map((transaction) => (\n              <TableRow key={transaction.id} className=\"hover:bg-zinc-50\">\n                <TableCell className=\"pl-6 pr-3 py-5\">\n                  <span className=\"paragraph-small-medium text-zinc-600\">{formatDateTime(transaction.datetime_add)}</span>\n                </TableCell>\n                <TableCell className=\"px-3 py-5\">\n                  <span className=\"paragraph-small-semibold text-zinc-600\">{formatCurrencyNumber(transaction.value)}</span>\n                </TableCell>\n                <TableCell className=\"px-3 py-5\">\n                  <TransactionTypeBadge type={transaction.type} />\n                </TableCell>\n                <TableCell className=\"px-3 py-5\">\n                  <TransactionStatusBadge transaction={transaction} />\n                </TableCell>\n                <TableCell className=\"w-16 py-4\">\n                  <div className=\"flex justify-center\">{viewAttachmentButton(transaction.attachment)}</div>\n                </TableCell>\n              </TableRow>\n            ))}\n          </TableBody>\n        </Table>\n      </div>\n\n      <div className=\"flex lg:hidden flex-col gap-3\">\n        {transactions.map((transaction) => (\n          <div key={transaction.id} className=\"flex flex-col gap-3 border border-zinc-200 rounded-lg p-4 bg-white\">\n            <div className=\"flex items-center justify-between gap-4 min-h-10\">\n              <span className=\"paragraph-small-regular text-zinc-600\">{formatDateTime(transaction.datetime_add)}</span>\n              {viewAttachmentButton(transaction.attachment)}\n            </div>\n            <Separator />\n            <div className=\"flex flex-col gap-3\">\n              <span className=\"paragraph-small-regular text-zinc-600\">{transaction.email ?? '—'}</span>\n              <span className=\"paragraph-xlarge-semibold text-zinc-600\">{formatCurrencyNumber(transaction.value)}</span>\n              <div className=\"flex items-center justify-between gap-2\">\n                <TransactionTypeBadge type={transaction.type} />\n                <TransactionStatusBadge transaction={transaction} />\n              </div>\n            </div>\n            {transaction.status === 'refused' && transaction.refused_reason && (\n              <span className=\"paragraph-xsmall-medium text-zinc-500\">\n                {translate('common.account.workspace.affiliates.transactions.refusedReason', {\n                  reason: transaction.refused_reason,\n                })}\n              </span>\n            )}\n          </div>\n        ))}\n      </div>\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,49 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { IconBuildingBank } from "@tabler/icons-react";
+import { useTranslations } from "next-intl";
+import { Button } from "../../../ui/buttons/Button";
+import { Separator } from "../../../ui/data-display/Separator";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle
+} from "../../../ui/overlay/Dialog";
+import { useAffiliateFlows } from "../../../../store/useAffiliateFlows";
+function NoReceivingAccountModal() {
+  const translate = useTranslations();
+  const isOpen = useAffiliateFlows((state) => state.isMissingReceivingAccountOpen);
+  const close = useAffiliateFlows((state) => state.closeMissingReceivingAccount);
+  const openReceivingAccount = useAffiliateFlows((state) => state.openReceivingAccount);
+  const handleRegister = () => {
+    close();
+    openReceivingAccount();
+  };
+  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (nextOpen) => !nextOpen && close(), children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      onOpenAutoFocus: (event) => event.preventDefault(),
+      className: "flex flex-col p-0 gap-0 md:w-[410px]! lg:w-[410px]! max-w-[410px]! max-[410px]:w-[calc(100%-32px)] duration-0!",
+      children: [
+        /* @__PURE__ */ jsxs(DialogHeader, { className: "gap-3 text-left p-5", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-10 h-10 bg-gray-100 rounded-lg", children: /* @__PURE__ */ jsx(IconBuildingBank, { size: 20, className: "text-gray-950" }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsx(DialogTitle, { className: "paragraph-medium-semibold text-zinc-950", children: translate("common.account.workspace.affiliates.noBankAccount.title") }),
+            /* @__PURE__ */ jsx(DialogDescription, { className: "paragraph-small-regular text-zinc-600", asChild: true, children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", children: /* @__PURE__ */ jsx("p", { children: translate("common.account.workspace.affiliates.noBankAccount.description") }) }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Separator, {}),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 p-5", children: [
+          /* @__PURE__ */ jsx(Button, { className: "h-10! transition-colors", onClick: handleRegister, children: translate("common.account.workspace.affiliates.noBankAccount.registerButton") }),
+          /* @__PURE__ */ jsx(Button, { variant: "secondary", className: "h-10! transition-colors", onClick: close, children: translate("common.actions.cancel") })
+        ] })
+      ]
+    }
+  ) });
+}
+export {
+  NoReceivingAccountModal
+};
+//# sourceMappingURL=NoReceivingAccountModal.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/account/sections/affiliates/NoReceivingAccountModal.tsx"],"sourcesContent":["'use client';\n\nimport { IconBuildingBank } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { Button } from '../../../ui/buttons/Button';\nimport { Separator } from '../../../ui/data-display/Separator';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from '../../../ui/overlay/Dialog';\nimport { useAffiliateFlows } from '../../../../store/useAffiliateFlows';\n\n/** Aviso de saque sem conta de recebimento cadastrada, com o caminho para cadastrar. */\nexport function NoReceivingAccountModal() {\n  const translate = useTranslations();\n  const isOpen = useAffiliateFlows((state) => state.isMissingReceivingAccountOpen);\n  const close = useAffiliateFlows((state) => state.closeMissingReceivingAccount);\n  const openReceivingAccount = useAffiliateFlows((state) => state.openReceivingAccount);\n\n  const handleRegister = () => {\n    close();\n    openReceivingAccount();\n  };\n\n  return (\n    <Dialog open={isOpen} onOpenChange={(nextOpen) => !nextOpen && close()}>\n      <DialogContent\n        onOpenAutoFocus={(event) => event.preventDefault()}\n        className=\"flex flex-col p-0 gap-0 md:w-[410px]! lg:w-[410px]! max-w-[410px]! max-[410px]:w-[calc(100%-32px)] duration-0!\"\n      >\n        <DialogHeader className=\"gap-3 text-left p-5\">\n          <div className=\"flex items-center justify-center w-10 h-10 bg-gray-100 rounded-lg\">\n            <IconBuildingBank size={20} className=\"text-gray-950\" />\n          </div>\n          <div className=\"flex flex-col gap-2\">\n            <DialogTitle className=\"paragraph-medium-semibold text-zinc-950\">\n              {translate('common.account.workspace.affiliates.noBankAccount.title')}\n            </DialogTitle>\n            <DialogDescription className=\"paragraph-small-regular text-zinc-600\" asChild>\n              <div className=\"flex flex-col gap-3\">\n                <p>{translate('common.account.workspace.affiliates.noBankAccount.description')}</p>\n              </div>\n            </DialogDescription>\n          </div>\n        </DialogHeader>\n\n        <Separator />\n\n        <div className=\"flex items-center gap-2 p-5\">\n          <Button className=\"h-10! transition-colors\" onClick={handleRegister}>\n            {translate('common.account.workspace.affiliates.noBankAccount.registerButton')}\n          </Button>\n          <Button variant=\"secondary\" className=\"h-10! transition-colors\" onClick={close}>\n            {translate('common.actions.cancel')}\n          </Button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";AAmCY,cAEF,YAFE;AAjCZ,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAChC,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,yBAAyB;AAG3B,SAAS,0BAA0B;AACxC,QAAM,YAAY,gBAAgB;AAClC,QAAM,SAAS,kBAAkB,CAAC,UAAU,MAAM,6BAA6B;AAC/E,QAAM,QAAQ,kBAAkB,CAAC,UAAU,MAAM,4BAA4B;AAC7E,QAAM,uBAAuB,kBAAkB,CAAC,UAAU,MAAM,oBAAoB;AAEpF,QAAM,iBAAiB,MAAM;AAC3B,UAAM;AACN,yBAAqB;AAAA,EACvB;AAEA,SACE,oBAAC,UAAO,MAAM,QAAQ,cAAc,CAAC,aAAa,CAAC,YAAY,MAAM,GACnE;AAAA,IAAC;AAAA;AAAA,MACC,iBAAiB,CAAC,UAAU,MAAM,eAAe;AAAA,MACjD,WAAU;AAAA,MAEV;AAAA,6BAAC,gBAAa,WAAU,uBACtB;AAAA,8BAAC,SAAI,WAAU,qEACb,8BAAC,oBAAiB,MAAM,IAAI,WAAU,iBAAgB,GACxD;AAAA,UACA,qBAAC,SAAI,WAAU,uBACb;AAAA,gCAAC,eAAY,WAAU,2CACpB,oBAAU,yDAAyD,GACtE;AAAA,YACA,oBAAC,qBAAkB,WAAU,yCAAwC,SAAO,MAC1E,8BAAC,SAAI,WAAU,uBACb,8BAAC,OAAG,oBAAU,+DAA+D,GAAE,GACjF,GACF;AAAA,aACF;AAAA,WACF;AAAA,QAEA,oBAAC,aAAU;AAAA,QAEX,qBAAC,SAAI,WAAU,+BACb;AAAA,8BAAC,UAAO,WAAU,2BAA0B,SAAS,gBAClD,oBAAU,kEAAkE,GAC/E;AAAA,UACA,oBAAC,UAAO,SAAQ,aAAY,WAAU,2BAA0B,SAAS,OACtE,oBAAU,uBAAuB,GACpC;AAAA,WACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

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

@@ -0,0 +1,182 @@
+"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 { Dialog, DialogContent, DialogHeader, DialogTitle } from "../../../ui/overlay/Dialog";
+import { useCurrentAffiliate } from "../../../../modules/affiliates/hooks/use-current-affiliate.hook";
+import { useUpdateAffiliate } from "../../../../modules/affiliates/hooks/use-update-affiliate.hook";
+import { formatCPFCNPJ, formatDocument, normalizeCpfCnpjForStorage } from "../../../../utils/format/masks";
+import { isValidCNPJ, isValidCPF } from "../../../../utils/validators/common";
+import { useAffiliateFlows } from "../../../../store/useAffiliateFlows";
+const EMAIL_KEY = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+const RANDOM_KEY = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+const PHONE_KEY = /^\+\d{11,14}$/;
+function ReceivingAccountModal() {
+  const translate = useTranslations();
+  const translateModal = useTranslations("common.account.workspace.affiliates.bankAccount");
+  const isOpen = useAffiliateFlows((state) => state.isReceivingAccountOpen);
+  const close = useAffiliateFlows((state) => state.closeReceivingAccount);
+  const { data: affiliateData } = useCurrentAffiliate();
+  const affiliate = affiliateData?.data;
+  const updateAffiliate = useUpdateAffiliate();
+  const schema = useMemo(
+    () => z.object({
+      pix: z.string().min(1, translateModal("validationPix")),
+      holder_name: z.string().min(1, translateModal("validationHolder")),
+      holder_document: z.string().min(1, translateModal("validationDocument"))
+    }).superRefine((data, ctx) => {
+      const digits = data.holder_document.replace(/\D/g, "");
+      if (!digits) return;
+      if (digits.length !== 11 && digits.length !== 14) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          path: ["holder_document"],
+          message: translateModal("validationDocumentLength")
+        });
+        return;
+      }
+      const isValid = digits.length === 14 ? isValidCNPJ(digits) : isValidCPF(digits);
+      if (!isValid) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          path: ["holder_document"],
+          message: digits.length === 14 ? translateModal("validationCnpjChecksum") : translateModal("validationCpfChecksum")
+        });
+        return;
+      }
+      const pix = data.pix.trim();
+      if (EMAIL_KEY.test(pix) || RANDOM_KEY.test(pix) || PHONE_KEY.test(pix.replace(/[\s().-]/g, ""))) {
+        return;
+      }
+      const pixDigits = pix.replace(/\D/g, "");
+      const pixIsCnpj = pixDigits.length === 14 && isValidCNPJ(pixDigits);
+      const pixIsCpf = pixDigits.length === 11 && isValidCPF(pixDigits);
+      if ((pixIsCnpj || pixIsCpf) && pixDigits !== digits) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          path: ["pix"],
+          message: translateModal("validationPixDocumentMismatch")
+        });
+      }
+    }),
+    [translateModal]
+  );
+  const form = useForm({
+    resolver: zodResolver(schema),
+    mode: "onChange",
+    defaultValues: { pix: "", holder_name: "", holder_document: "" }
+  });
+  const resetForm = form.reset;
+  useEffect(() => {
+    if (!isOpen || !affiliate) return;
+    resetForm({
+      pix: affiliate.pix ?? "",
+      holder_name: affiliate.holder_name ?? "",
+      holder_document: affiliate.holder_document ? formatDocument(affiliate.holder_document) : ""
+    });
+  }, [isOpen, affiliate, resetForm]);
+  const handleClose = () => {
+    form.reset();
+    close();
+  };
+  const onSubmit = async (data) => {
+    if (!affiliate) return;
+    try {
+      await updateAffiliate.mutateAsync({
+        ...data,
+        holder_document: normalizeCpfCnpjForStorage(data.holder_document),
+        pix: normalizeCpfCnpjForStorage(data.pix),
+        bank: "",
+        agency: "",
+        account: ""
+      });
+      toast.custom((toastId) => /* @__PURE__ */ jsx(Toast, { variant: "success", message: translateModal("saveSuccess"), toastId }));
+      handleClose();
+    } catch (error) {
+      const message = error instanceof Error ? error.message : translateModal("saveError");
+      toast.custom((toastId) => /* @__PURE__ */ jsx(Toast, { variant: "error", message, toastId }));
+    }
+  };
+  const isCnpjHolder = form.watch("holder_document").replace(/\D/g, "").length === 14;
+  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (nextOpen) => !nextOpen && handleClose(), children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      onOpenAutoFocus: (event) => event.preventDefault(),
+      className: "flex flex-col p-0 gap-0 max-w-full sm:max-w-full border-0 rounded-t-2xl rounded-b-none h-dvh top-0 bottom-0 left-0 right-0 translate-x-0 translate-y-0 lg:max-w-lg lg:h-auto lg:max-h-[90vh] lg:rounded-lg lg:border lg:top-[50%] lg:left-[50%] lg:right-auto lg:bottom-auto lg:translate-x-[-50%] lg:translate-y-[-50%] 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",
+      children: [
+        /* @__PURE__ */ jsx(DialogHeader, { className: "h-16 flex items-center justify-center px-5 border-b border-zinc-200 lg:border-b-0", children: /* @__PURE__ */ jsx(DialogTitle, { className: "text-center paragraph-medium-semibold", children: translateModal("dialogTitle") }) }),
+        /* @__PURE__ */ jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-col flex-1 lg:flex-none", children: [
+          /* @__PURE__ */ jsxs("div", { className: "px-4 lg:px-5 pb-4 lg:pb-5 mt-4 lg:mt-5 flex-1 lg:flex-none flex flex-col gap-5", children: [
+            /* @__PURE__ */ jsx(
+              FormField,
+              {
+                label: translateModal("pixKeyLabel"),
+                placeholder: translateModal("pixKeyPlaceholder"),
+                required: true,
+                error: !!form.formState.errors.pix,
+                errorMessage: form.formState.errors.pix?.message,
+                ...form.register("pix")
+              }
+            ),
+            /* @__PURE__ */ jsx("p", { className: "paragraph-xsmall-medium text-zinc-500 -mt-3", children: translateModal("pixKeyHint") }),
+            isCnpjHolder && /* @__PURE__ */ jsx("p", { className: "paragraph-xsmall-medium text-zinc-500 -mt-3", children: translateModal("pixCnpjInvoiceNotice") }),
+            /* @__PURE__ */ jsx(
+              FormField,
+              {
+                label: translateModal("holderNameLabel"),
+                placeholder: translateModal("holderNamePlaceholder"),
+                required: true,
+                error: !!form.formState.errors.holder_name,
+                errorMessage: form.formState.errors.holder_name?.message,
+                ...form.register("holder_name")
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Controller,
+              {
+                name: "holder_document",
+                control: form.control,
+                render: ({ field, fieldState }) => /* @__PURE__ */ jsx(
+                  FormField,
+                  {
+                    label: translateModal("holderDocumentLabel"),
+                    placeholder: translateModal("holderDocumentPlaceholder"),
+                    required: true,
+                    error: !!fieldState.error,
+                    errorMessage: fieldState.error?.message,
+                    value: field.value,
+                    onChange: (event) => field.onChange(formatCPFCNPJ(event.target.value))
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-between gap-2 p-4 lg:p-5 border-t border-zinc-200 mt-auto lg:mt-0", children: [
+            /* @__PURE__ */ jsx(Button, { variant: "secondary", type: "button", onClick: handleClose, className: "h-10!", children: translate("common.actions.cancel") }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "submit",
+                className: "h-10!",
+                disabled: !form.formState.isValid,
+                loading: form.formState.isSubmitting,
+                children: form.formState.isSubmitting ? translate("common.actions.saving") : translate("common.actions.save")
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  ) });
+}
+export {
+  ReceivingAccountModal
+};
+//# sourceMappingURL=ReceivingAccountModal.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/account/sections/affiliates/ReceivingAccountModal.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 { Dialog, DialogContent, DialogHeader, DialogTitle } from '../../../ui/overlay/Dialog';\nimport { useCurrentAffiliate } from '../../../../modules/affiliates/hooks/use-current-affiliate.hook';\nimport { useUpdateAffiliate } from '../../../../modules/affiliates/hooks/use-update-affiliate.hook';\nimport { formatCPFCNPJ, formatDocument, normalizeCpfCnpjForStorage } from '../../../../utils/format/masks';\nimport { isValidCNPJ, isValidCPF } from '../../../../utils/validators/common';\nimport { useAffiliateFlows } from '../../../../store/useAffiliateFlows';\n\ntype ReceivingAccountFormData = {\n  pix: string;\n  holder_name: string;\n  holder_document: string;\n};\n\nconst EMAIL_KEY = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\nconst RANDOM_KEY = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;\nconst PHONE_KEY = /^\\+\\d{11,14}$/;\n\n/** Cadastro da conta de recebimento do afiliado: chave PIX e titular. */\nexport function ReceivingAccountModal() {\n  const translate = useTranslations();\n  const translateModal = useTranslations('common.account.workspace.affiliates.bankAccount');\n  const isOpen = useAffiliateFlows((state) => state.isReceivingAccountOpen);\n  const close = useAffiliateFlows((state) => state.closeReceivingAccount);\n  const { data: affiliateData } = useCurrentAffiliate();\n  const affiliate = affiliateData?.data;\n  const updateAffiliate = useUpdateAffiliate();\n\n  const schema = useMemo(\n    () =>\n      z\n        .object({\n          pix: z.string().min(1, translateModal('validationPix')),\n          holder_name: z.string().min(1, translateModal('validationHolder')),\n          holder_document: z.string().min(1, translateModal('validationDocument')),\n        })\n        .superRefine((data, ctx) => {\n          // O documento do titular decide PF x PJ pela contagem de dígitos, e é ele que vai para a\n          // instituição no saque — tamanho certo com dígito verificador errado passa aqui e só\n          // falha no pagamento.\n          const digits = data.holder_document.replace(/\\D/g, '');\n          if (!digits) return;\n\n          if (digits.length !== 11 && digits.length !== 14) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              path: ['holder_document'],\n              message: translateModal('validationDocumentLength'),\n            });\n            return;\n          }\n\n          const isValid = digits.length === 14 ? isValidCNPJ(digits) : isValidCPF(digits);\n          if (!isValid) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              path: ['holder_document'],\n              message:\n                digits.length === 14\n                  ? translateModal('validationCnpjChecksum')\n                  : translateModal('validationCpfChecksum'),\n            });\n            return;\n          }\n\n          const pix = data.pix.trim();\n          if (EMAIL_KEY.test(pix) || RANDOM_KEY.test(pix) || PHONE_KEY.test(pix.replace(/[\\s().-]/g, ''))) {\n            return;\n          }\n\n          const pixDigits = pix.replace(/\\D/g, '');\n          const pixIsCnpj = pixDigits.length === 14 && isValidCNPJ(pixDigits);\n          const pixIsCpf = pixDigits.length === 11 && isValidCPF(pixDigits);\n          if ((pixIsCnpj || pixIsCpf) && pixDigits !== digits) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              path: ['pix'],\n              message: translateModal('validationPixDocumentMismatch'),\n            });\n          }\n        }),\n    [translateModal]\n  );\n\n  const form = useForm<ReceivingAccountFormData>({\n    resolver: zodResolver(schema),\n    mode: 'onChange',\n    defaultValues: { pix: '', holder_name: '', holder_document: '' },\n  });\n\n  const resetForm = form.reset;\n\n  useEffect(() => {\n    if (!isOpen || !affiliate) return;\n    resetForm({\n      pix: affiliate.pix ?? '',\n      holder_name: affiliate.holder_name ?? '',\n      holder_document: affiliate.holder_document ? formatDocument(affiliate.holder_document) : '',\n    });\n  }, [isOpen, affiliate, resetForm]);\n\n  const handleClose = () => {\n    form.reset();\n    close();\n  };\n\n  const onSubmit = async (data: ReceivingAccountFormData) => {\n    if (!affiliate) return;\n\n    try {\n      await updateAffiliate.mutateAsync({\n        ...data,\n        holder_document: normalizeCpfCnpjForStorage(data.holder_document),\n        pix: normalizeCpfCnpjForStorage(data.pix),\n        bank: '',\n        agency: '',\n        account: '',\n      });\n      toast.custom((toastId) => (\n        <Toast variant=\"success\" message={translateModal('saveSuccess')} toastId={toastId} />\n      ));\n      handleClose();\n    } catch (error) {\n      const message = error instanceof Error ? error.message : translateModal('saveError');\n      toast.custom((toastId) => <Toast variant=\"error\" message={message} toastId={toastId} />);\n    }\n  };\n\n  const isCnpjHolder = form.watch('holder_document').replace(/\\D/g, '').length === 14;\n\n  return (\n    <Dialog open={isOpen} onOpenChange={(nextOpen) => !nextOpen && handleClose()}>\n      <DialogContent\n        onOpenAutoFocus={(event) => event.preventDefault()}\n        className=\"flex flex-col p-0 gap-0 max-w-full sm:max-w-full border-0 rounded-t-2xl rounded-b-none h-dvh top-0 bottom-0 left-0 right-0 translate-x-0 translate-y-0 lg:max-w-lg lg:h-auto lg:max-h-[90vh] lg:rounded-lg lg:border lg:top-[50%] lg:left-[50%] lg:right-auto lg:bottom-auto lg:translate-x-[-50%] lg:translate-y-[-50%] 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\"\n      >\n        <DialogHeader className=\"h-16 flex items-center justify-center px-5 border-b border-zinc-200 lg:border-b-0\">\n          <DialogTitle className=\"text-center paragraph-medium-semibold\">\n            {translateModal('dialogTitle')}\n          </DialogTitle>\n        </DialogHeader>\n\n        <form onSubmit={form.handleSubmit(onSubmit)} className=\"flex flex-col flex-1 lg:flex-none\">\n          <div className=\"px-4 lg:px-5 pb-4 lg:pb-5 mt-4 lg:mt-5 flex-1 lg:flex-none flex flex-col gap-5\">\n            <FormField\n              label={translateModal('pixKeyLabel')}\n              placeholder={translateModal('pixKeyPlaceholder')}\n              required\n              error={!!form.formState.errors.pix}\n              errorMessage={form.formState.errors.pix?.message}\n              {...form.register('pix')}\n            />\n            <p className=\"paragraph-xsmall-medium text-zinc-500 -mt-3\">{translateModal('pixKeyHint')}</p>\n            {isCnpjHolder && (\n              <p className=\"paragraph-xsmall-medium text-zinc-500 -mt-3\">\n                {translateModal('pixCnpjInvoiceNotice')}\n              </p>\n            )}\n            <FormField\n              label={translateModal('holderNameLabel')}\n              placeholder={translateModal('holderNamePlaceholder')}\n              required\n              error={!!form.formState.errors.holder_name}\n              errorMessage={form.formState.errors.holder_name?.message}\n              {...form.register('holder_name')}\n            />\n            <Controller\n              name=\"holder_document\"\n              control={form.control}\n              render={({ field, fieldState }) => (\n                <FormField\n                  label={translateModal('holderDocumentLabel')}\n                  placeholder={translateModal('holderDocumentPlaceholder')}\n                  required\n                  error={!!fieldState.error}\n                  errorMessage={fieldState.error?.message}\n                  value={field.value}\n                  onChange={(event) => field.onChange(formatCPFCNPJ(event.target.value))}\n                />\n              )}\n            />\n          </div>\n\n          <div className=\"flex justify-between gap-2 p-4 lg:p-5 border-t border-zinc-200 mt-auto lg:mt-0\">\n            <Button variant=\"secondary\" type=\"button\" onClick={handleClose} className=\"h-10!\">\n              {translate('common.actions.cancel')}\n            </Button>\n            <Button\n              type=\"submit\"\n              className=\"h-10!\"\n              disabled={!form.formState.isValid}\n              loading={form.formState.isSubmitting}\n            >\n              {form.formState.isSubmitting\n                ? translate('common.actions.saving')\n                : translate('common.actions.save')}\n            </Button>\n          </div>\n        </form>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":[]}