@greatapps/common 1.1.789 → 1.1.791

package/dist/components/account/sections/TeamSection.mjs

@@ -0,0 +1,119 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { IconPlus, IconSearch } from "@tabler/icons-react";
+import { useTranslations } from "next-intl";
+import { Button } from "../../ui/buttons/Button";
+import { Skeleton } from "../../ui/feedback/Skeleton";
+import { FormField } from "../../ui/form/FormField";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../../ui/overlay/Tooltip";
+import { useDebounce } from "../../../hooks/useDebounce";
+import { useAuth } from "../../../providers/auth.provider";
+import { useWhitelabel } from "../../../providers/whitelabel.provider";
+import { useManagementPermissions } from "../../../modules/auth/hooks/useManagementPermissions";
+import { useAccountMembers } from "../../../modules/accounts/hooks/use-account-members.hook";
+import { UserProfile } from "../../../modules/users/schema";
+import useTeamActions from "../hooks/useTeamActions";
+import { FilterPopover } from "./shared/FilterPopover";
+import { ListPagination } from "./shared/ListPagination";
+import { SectionLoadError } from "./shared/SectionLoadError";
+import { TeamFlows } from "./team/TeamFlows";
+import { TeamMemberCard, TeamMemberRow } from "./team/TeamMemberRow";
+import { WorkspaceSection } from "./shared/WorkspaceSection";
+const TEAM_PAGE_SIZE = 10;
+const WHITELABEL_WITHOUT_ADD_USER = 367568;
+const PROFILE_FILTERS = [
+  UserProfile.admin,
+  UserProfile.collaborator,
+  UserProfile.viewer,
+  UserProfile.owner
+];
+function TeamSkeleton() {
+  return /* @__PURE__ */ jsx("div", { className: "border border-zinc-200 rounded-lg bg-white divide-y divide-zinc-200 overflow-hidden", children: Array.from({ length: TEAM_PAGE_SIZE }).map((_, index) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 px-5 py-4", children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: "size-8 rounded-full" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-40" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "hidden lg:block h-4 w-48 ml-auto" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "hidden lg:block h-6 w-24 rounded-lg" })
+  ] }, index)) });
+}
+function TeamSection() {
+  const translate = useTranslations();
+  const translateProfile = useTranslations("common.account.workspace.team.profiles");
+  const { user } = useAuth();
+  const { whitelabel } = useWhitelabel();
+  const { profile, isOwnerOrAdmin: canManage } = useManagementPermissions();
+  const actions = useTeamActions();
+  const [searchQuery, setSearchQuery] = useState("");
+  const [currentPage, setCurrentPage] = useState(1);
+  const [profileFilters, setProfileFilters] = useState([]);
+  const debouncedSearch = useDebounce(searchQuery, 400, () => setCurrentPage(1));
+  const hasFilters = profileFilters.length > 0 || !!debouncedSearch;
+  const { data, isPending, isFetching, isPlaceholderData, isError, refetch } = useAccountMembers(
+    {
+      page: currentPage,
+      limit: TEAM_PAGE_SIZE,
+      name: debouncedSearch || void 0,
+      profiles: profileFilters.length > 0 ? profileFilters : void 0,
+      ...hasFilters ? {} : { firstId: user?.id }
+    },
+    { enabled: !!profile }
+  );
+  const members = data?.users ?? [];
+  const total = data?.total ?? 0;
+  const totalPages = Math.ceil(total / TEAM_PAGE_SIZE);
+  const showSkeleton = isPending && !data || isPlaceholderData && isFetching;
+  const showAddUserButton = !!whitelabel && whitelabel.id !== WHITELABEL_WITHOUT_ADD_USER;
+  const handleToggleProfile = (value, checked) => {
+    setProfileFilters(
+      (previous) => checked ? [...previous, value] : previous.filter((item) => item !== value)
+    );
+    setCurrentPage(1);
+  };
+  const addUserButton = /* @__PURE__ */ jsxs(Button, { className: "h-10! shrink-0", disabled: !canManage, onClick: actions.addUser, children: [
+    /* @__PURE__ */ jsx(IconPlus, { className: "size-5!" }),
+    translate("common.account.workspace.team.addUser")
+  ] });
+  return /* @__PURE__ */ jsxs(WorkspaceSection, { count: data ? total : void 0, children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsx(
+          FormField,
+          {
+            leftIcon: IconSearch,
+            placeholder: translate("common.account.workspace.team.searchPlaceholder"),
+            value: searchQuery,
+            onChange: (event) => setSearchQuery(event.target.value),
+            classnameContainer: "w-full lg:w-75"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FilterPopover,
+          {
+            label: translate("common.account.workspace.team.filter"),
+            width: 180,
+            options: PROFILE_FILTERS.map((profile2) => ({ value: profile2, label: translateProfile(profile2) })),
+            selected: profileFilters,
+            onToggle: handleToggleProfile
+          }
+        )
+      ] }),
+      showAddUserButton && (canManage ? addUserButton : /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "shrink-0", children: addUserButton }) }),
+        /* @__PURE__ */ jsx(TooltipContent, { children: translate("common.account.workspace.team.noPermissionToAdd") })
+      ] }))
+    ] }),
+    showSkeleton && /* @__PURE__ */ jsx(TeamSkeleton, {}),
+    !showSkeleton && isError && /* @__PURE__ */ jsx(SectionLoadError, { message: translate("common.account.workspace.loadFailed"), onRetry: () => refetch() }),
+    !showSkeleton && !isError && members.length === 0 && /* @__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.team.empty") }) }),
+    !showSkeleton && !isError && members.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "hidden lg:block border border-zinc-200 rounded-lg bg-white divide-y divide-zinc-200 overflow-hidden", children: members.map((member) => /* @__PURE__ */ jsx(TeamMemberRow, { member, onEdit: actions.editUser, onDelete: actions.deleteUser }, member.id)) }),
+      /* @__PURE__ */ jsx("div", { className: "lg:hidden flex flex-col gap-3", children: members.map((member) => /* @__PURE__ */ jsx(TeamMemberCard, { member, onEdit: actions.editUser, onDelete: actions.deleteUser }, member.id)) })
+    ] }),
+    /* @__PURE__ */ jsx(ListPagination, { currentPage, totalPages, onPageChange: setCurrentPage }),
+    /* @__PURE__ */ jsx(TeamFlows, {})
+  ] });
+}
+export {
+  TeamSection
+};
+//# sourceMappingURL=TeamSection.mjs.map

package/dist/components/account/sections/TeamSection.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/account/sections/TeamSection.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { IconPlus, IconSearch } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { Button } from '../../ui/buttons/Button';\nimport { Skeleton } from '../../ui/feedback/Skeleton';\nimport { FormField } from '../../ui/form/FormField';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../../ui/overlay/Tooltip';\nimport { useDebounce } from '../../../hooks/useDebounce';\nimport { useAuth } from '../../../providers/auth.provider';\nimport { useWhitelabel } from '../../../providers/whitelabel.provider';\nimport { useManagementPermissions } from '../../../modules/auth/hooks/useManagementPermissions';\nimport { useAccountMembers } from '../../../modules/accounts/hooks/use-account-members.hook';\nimport { UserProfile } from '../../../modules/users/schema';\nimport useTeamActions from '../hooks/useTeamActions';\nimport { FilterPopover } from './shared/FilterPopover';\nimport { ListPagination } from './shared/ListPagination';\nimport { SectionLoadError } from './shared/SectionLoadError';\nimport { TeamFlows } from './team/TeamFlows';\nimport { TeamMemberCard, TeamMemberRow } from './team/TeamMemberRow';\nimport { WorkspaceSection } from './shared/WorkspaceSection';\n\nconst TEAM_PAGE_SIZE = 10;\n\n/** Whitelabel que não cadastra usuários pela tela de equipe (regra herdada do gapps). */\nconst WHITELABEL_WITHOUT_ADD_USER = 367568;\n\nconst PROFILE_FILTERS: UserProfile[] = [\n  UserProfile.admin,\n  UserProfile.collaborator,\n  UserProfile.viewer,\n  UserProfile.owner,\n];\n\nfunction TeamSkeleton() {\n  return (\n    <div className=\"border border-zinc-200 rounded-lg bg-white divide-y divide-zinc-200 overflow-hidden\">\n      {Array.from({ length: TEAM_PAGE_SIZE }).map((_, index) => (\n        <div key={index} className=\"flex items-center gap-4 px-5 py-4\">\n          <Skeleton className=\"size-8 rounded-full\" />\n          <Skeleton className=\"h-4 w-40\" />\n          <Skeleton className=\"hidden lg:block h-4 w-48 ml-auto\" />\n          <Skeleton className=\"hidden lg:block h-6 w-24 rounded-lg\" />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport function TeamSection() {\n  const translate = useTranslations();\n  const translateProfile = useTranslations('common.account.workspace.team.profiles');\n  const { user } = useAuth();\n  const { whitelabel } = useWhitelabel();\n  const { profile, isOwnerOrAdmin: canManage } = useManagementPermissions();\n  const actions = useTeamActions();\n\n  const [searchQuery, setSearchQuery] = useState('');\n  const [currentPage, setCurrentPage] = useState(1);\n  const [profileFilters, setProfileFilters] = useState<UserProfile[]>([]);\n  const debouncedSearch = useDebounce(searchQuery, 400, () => setCurrentPage(1));\n\n  const hasFilters = profileFilters.length > 0 || !!debouncedSearch;\n\n  const { data, isPending, isFetching, isPlaceholderData, isError, refetch } = useAccountMembers(\n    {\n      page: currentPage,\n      limit: TEAM_PAGE_SIZE,\n      name: debouncedSearch || undefined,\n      profiles: profileFilters.length > 0 ? profileFilters : undefined,\n      ...(hasFilters ? {} : { firstId: user?.id }),\n    },\n    { enabled: !!profile }\n  );\n\n  const members = data?.users ?? [];\n  const total = data?.total ?? 0;\n  const totalPages = Math.ceil(total / TEAM_PAGE_SIZE);\n  const showSkeleton = (isPending && !data) || (isPlaceholderData && isFetching);\n  const showAddUserButton = !!whitelabel && whitelabel.id !== WHITELABEL_WITHOUT_ADD_USER;\n\n  const handleToggleProfile = (value: UserProfile, checked: boolean) => {\n    setProfileFilters((previous) =>\n      checked ? [...previous, value] : previous.filter((item) => item !== value)\n    );\n    setCurrentPage(1);\n  };\n\n  const addUserButton = (\n    <Button className=\"h-10! shrink-0\" disabled={!canManage} onClick={actions.addUser}>\n      <IconPlus className=\"size-5!\" />\n      {translate('common.account.workspace.team.addUser')}\n    </Button>\n  );\n\n  return (\n    <WorkspaceSection count={data ? total : undefined}>\n      <div className=\"flex items-center justify-between gap-3\">\n        <div className=\"flex items-center gap-2 flex-1 min-w-0\">\n          <FormField\n            leftIcon={IconSearch}\n            placeholder={translate('common.account.workspace.team.searchPlaceholder')}\n            value={searchQuery}\n            onChange={(event) => setSearchQuery(event.target.value)}\n            classnameContainer=\"w-full lg:w-75\"\n          />\n          <FilterPopover\n            label={translate('common.account.workspace.team.filter')}\n            width={180}\n            options={PROFILE_FILTERS.map((profile) => ({ value: profile, label: translateProfile(profile) }))}\n            selected={profileFilters}\n            onToggle={handleToggleProfile}\n          />\n        </div>\n        {showAddUserButton &&\n          (canManage ? (\n            addUserButton\n          ) : (\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <span className=\"shrink-0\">{addUserButton}</span>\n              </TooltipTrigger>\n              <TooltipContent>{translate('common.account.workspace.team.noPermissionToAdd')}</TooltipContent>\n            </Tooltip>\n          ))}\n      </div>\n\n      {showSkeleton && <TeamSkeleton />}\n\n      {!showSkeleton && isError && (\n        <SectionLoadError message={translate('common.account.workspace.loadFailed')} onRetry={() => refetch()} />\n      )}\n\n      {!showSkeleton && !isError && members.length === 0 && (\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\">{translate('common.account.workspace.team.empty')}</p>\n        </div>\n      )}\n\n      {!showSkeleton && !isError && members.length > 0 && (\n        <>\n          <div className=\"hidden lg:block border border-zinc-200 rounded-lg bg-white divide-y divide-zinc-200 overflow-hidden\">\n            {members.map((member) => (\n              <TeamMemberRow key={member.id} member={member} onEdit={actions.editUser} onDelete={actions.deleteUser} />\n            ))}\n          </div>\n          <div className=\"lg:hidden flex flex-col gap-3\">\n            {members.map((member) => (\n              <TeamMemberCard key={member.id} member={member} onEdit={actions.editUser} onDelete={actions.deleteUser} />\n            ))}\n          </div>\n        </>\n      )}\n\n      <ListPagination currentPage={currentPage} totalPages={totalPages} onPageChange={setCurrentPage} />\n\n      <TeamFlows />\n    </WorkspaceSection>\n  );\n}\n"],"mappings":"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","names":["profile"]}

package/dist/components/account/sections/TokenSection.mjs

@@ -9,6 +9,7 @@ import { FormField } from "../../ui/form/FormField";
 import useCopyToClipboard from "../../../hooks/copy-to-clipboard.hook";
 import { useAccountToken } from "../../../modules/accounts/hooks/use-account-token.hook";
 import { useIsDefaultWhitelabel, useWhitelabel } from "../../../providers/whitelabel.provider";
+import { WorkspaceSection } from "./shared/WorkspaceSection";
 function TokenSection() {
   const translate = useTranslations();
   const { data: token = "", isLoading } = useAccountToken();
@@ -36,52 +37,49 @@ function TokenSection() {
       ));
     }
   });
-  return /* @__PURE__ */ jsxs("div", { className: "h-full overflow-y-auto overscroll-contain px-4 pb-20 lg:p-5 lg:pt-5 flex flex-col gap-5 lg:gap-6 lg:pb-31 lg:overscroll-auto", children: [
-    /* @__PURE__ */ jsx("span", { className: "paragraph-medium-semibold text-gray-950", children: translate("common.account.token.title") }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-3", children: [
-        /* @__PURE__ */ jsx(
-          FormField,
-          {
-            label: translate("common.account.token.label"),
-            value: isLoading ? translate("common.actions.loading") : token,
-            disabled: true,
-            readOnly: true,
-            classnameContainer: "bg-gray-50 cursor-default opacity-100!",
-            className: "text-gray-950/50"
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          Button,
-          {
-            type: "button",
-            variant: "secondary",
-            className: "h-10! shrink-0 gap-2",
-            onClick: () => copy(token),
-            disabled: isLoading || !token,
-            children: [
-              isCopied ? /* @__PURE__ */ jsx(IconCheck, { size: 16 }) : /* @__PURE__ */ jsx(IconCopy, { size: 16 }),
-              isCopied ? translate("common.actions.copied") : translate("common.actions.copy")
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: `flex items-center gap-3 p-4 rounded-lg ${isDefaultWl ? "bg-cyan-50" : "bg-zinc-50"}`, children: [
-        /* @__PURE__ */ jsx(IconInfoCircle, { className: "size-4 text-zinc-950 shrink-0" }),
-        /* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-zinc-950 max-w-[420px]", children: translate("common.account.token.info") })
-      ] }),
-      whitelabel?.id === 1 && /* @__PURE__ */ jsx(
-        "a",
+  return /* @__PURE__ */ jsx(WorkspaceSection, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-3", children: [
+      /* @__PURE__ */ jsx(
+        FormField,
         {
-          href: "https://documenter.getpostman.com/view/4861938/T1Djiz8H",
-          target: "_blank",
-          rel: "noopener noreferrer",
-          className: "paragraph-small-medium text-gray-500 underline hover:text-gray-700 transition-colors w-fit",
-          children: translate("common.account.token.docsLink")
+          label: translate("common.account.token.label"),
+          value: isLoading ? translate("common.actions.loading") : token,
+          disabled: true,
+          readOnly: true,
+          classnameContainer: "bg-gray-50 cursor-default opacity-100!",
+          className: "text-gray-950/50"
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "secondary",
+          className: "h-10! shrink-0 gap-2",
+          onClick: () => copy(token),
+          disabled: isLoading || !token,
+          children: [
+            isCopied ? /* @__PURE__ */ jsx(IconCheck, { size: 16 }) : /* @__PURE__ */ jsx(IconCopy, { size: 16 }),
+            isCopied ? translate("common.actions.copied") : translate("common.actions.copy")
+          ]
         }
       )
-    ] })
-  ] });
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: `flex items-center gap-3 p-4 rounded-lg ${isDefaultWl ? "bg-cyan-50" : "bg-zinc-50"}`, children: [
+      /* @__PURE__ */ jsx(IconInfoCircle, { className: "size-4 text-zinc-950 shrink-0" }),
+      /* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-zinc-950 max-w-[420px]", children: translate("common.account.token.info") })
+    ] }),
+    whitelabel?.id === 1 && /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: "https://documenter.getpostman.com/view/4861938/T1Djiz8H",
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "paragraph-small-medium text-gray-500 underline hover:text-gray-700 transition-colors w-fit",
+        children: translate("common.account.token.docsLink")
+      }
+    )
+  ] }) });
 }
 export {
   TokenSection

package/dist/components/account/sections/TokenSection.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/account/sections/TokenSection.tsx"],"sourcesContent":["'use client';\n\nimport { IconCheck, IconCopy, IconInfoCircle } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { toast } from 'sonner';\nimport { Toast } from '../../ui/feedback/Toast';\nimport { Button } from '../../ui/buttons/Button';\nimport { FormField } from '../../ui/form/FormField';\nimport useCopyToClipboard from '../../../hooks/copy-to-clipboard.hook';\nimport { useAccountToken } from '../../../modules/accounts/hooks/use-account-token.hook';\nimport { useIsDefaultWhitelabel, useWhitelabel } from '../../../providers/whitelabel.provider';\n\nexport function TokenSection() {\n  const translate = useTranslations();\n  const { data: token = '', isLoading } = useAccountToken();\n  const isDefaultWl = useIsDefaultWhitelabel();\n    const { whitelabel } = useWhitelabel();\n  \n\n  const { isCopied, copy } = useCopyToClipboard({\n    onSuccess: () => {\n      toast.custom((toastId) => (\n        <Toast\n          variant=\"success\"\n          message={translate('common.account.token.copySuccess')}\n          toastId={toastId}\n        />\n      ));\n    },\n    onError: () => {\n      toast.custom((toastId) => (\n        <Toast\n          variant=\"error\"\n          message={translate('common.account.token.copyError')}\n          toastId={toastId}\n        />\n      ));\n    },\n  });\n\n  return (\n    <div className=\"h-full overflow-y-auto overscroll-contain px-4 pb-20 lg:p-5 lg:pt-5 flex flex-col gap-5 lg:gap-6 lg:pb-31 lg:overscroll-auto\">\n      <span className=\"paragraph-medium-semibold text-gray-950\">\n        {translate('common.account.token.title')}\n      </span>\n\n      <div className=\"flex flex-col gap-3\">\n        <div className=\"flex items-end gap-3\">\n          <FormField\n            label={translate('common.account.token.label')}\n            value={isLoading ? translate('common.actions.loading') : token}\n            disabled\n            readOnly\n            classnameContainer=\"bg-gray-50 cursor-default opacity-100!\"\n            className=\"text-gray-950/50\"\n          />\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            className=\"h-10! shrink-0 gap-2\"\n            onClick={() => copy(token)}\n            disabled={isLoading || !token}\n          >\n            {isCopied ? <IconCheck size={16} /> : <IconCopy size={16} />}\n            {isCopied ? translate('common.actions.copied') : translate('common.actions.copy')}\n          </Button>\n        </div>\n\n        <div className={`flex items-center gap-3 p-4 rounded-lg ${isDefaultWl ? 'bg-cyan-50' : 'bg-zinc-50'}`}>\n          <IconInfoCircle className=\"size-4 text-zinc-950 shrink-0\" />\n          <span className=\"paragraph-small-regular text-zinc-950 max-w-[420px]\">\n            {translate('common.account.token.info')}\n          </span>\n        </div>\n\n        {whitelabel?.id === 1 && (\n          <a\n            href=\"https://documenter.getpostman.com/view/4861938/T1Djiz8H\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className=\"paragraph-small-medium text-gray-500 underline hover:text-gray-700 transition-colors w-fit\"\n          >\n            {translate('common.account.token.docsLink')}\n          </a>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAsBQ,cAkCE,YAlCF;AApBR,SAAS,WAAW,UAAU,sBAAsB;AACpD,SAAS,uBAAuB;AAChC,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,OAAO,wBAAwB;AAC/B,SAAS,uBAAuB;AAChC,SAAS,wBAAwB,qBAAqB;AAE/C,SAAS,eAAe;AAC7B,QAAM,YAAY,gBAAgB;AAClC,QAAM,EAAE,MAAM,QAAQ,IAAI,UAAU,IAAI,gBAAgB;AACxD,QAAM,cAAc,uBAAuB;AACzC,QAAM,EAAE,WAAW,IAAI,cAAc;AAGvC,QAAM,EAAE,UAAU,KAAK,IAAI,mBAAmB;AAAA,IAC5C,WAAW,MAAM;AACf,YAAM,OAAO,CAAC,YACZ;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,UAAU,kCAAkC;AAAA,UACrD;AAAA;AAAA,MACF,CACD;AAAA,IACH;AAAA,IACA,SAAS,MAAM;AACb,YAAM,OAAO,CAAC,YACZ;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,UAAU,gCAAgC;AAAA,UACnD;AAAA;AAAA,MACF,CACD;AAAA,IACH;AAAA,EACF,CAAC;AAED,SACE,qBAAC,SAAI,WAAU,gIACb;AAAA,wBAAC,UAAK,WAAU,2CACb,oBAAU,4BAA4B,GACzC;AAAA,IAEA,qBAAC,SAAI,WAAU,uBACb;AAAA,2BAAC,SAAI,WAAU,wBACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,UAAU,4BAA4B;AAAA,YAC7C,OAAO,YAAY,UAAU,wBAAwB,IAAI;AAAA,YACzD,UAAQ;AAAA,YACR,UAAQ;AAAA,YACR,oBAAmB;AAAA,YACnB,WAAU;AAAA;AAAA,QACZ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,SAAS,MAAM,KAAK,KAAK;AAAA,YACzB,UAAU,aAAa,CAAC;AAAA,YAEvB;AAAA,yBAAW,oBAAC,aAAU,MAAM,IAAI,IAAK,oBAAC,YAAS,MAAM,IAAI;AAAA,cACzD,WAAW,UAAU,uBAAuB,IAAI,UAAU,qBAAqB;AAAA;AAAA;AAAA,QAClF;AAAA,SACF;AAAA,MAEA,qBAAC,SAAI,WAAW,0CAA0C,cAAc,eAAe,YAAY,IACjG;AAAA,4BAAC,kBAAe,WAAU,iCAAgC;AAAA,QAC1D,oBAAC,UAAK,WAAU,uDACb,oBAAU,2BAA2B,GACxC;AAAA,SACF;AAAA,MAEC,YAAY,OAAO,KAClB;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,WAAU;AAAA,UAET,oBAAU,+BAA+B;AAAA;AAAA,MAC5C;AAAA,OAEJ;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/account/sections/TokenSection.tsx"],"sourcesContent":["'use client';\n\nimport { IconCheck, IconCopy, IconInfoCircle } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { toast } from 'sonner';\nimport { Toast } from '../../ui/feedback/Toast';\nimport { Button } from '../../ui/buttons/Button';\nimport { FormField } from '../../ui/form/FormField';\nimport useCopyToClipboard from '../../../hooks/copy-to-clipboard.hook';\nimport { useAccountToken } from '../../../modules/accounts/hooks/use-account-token.hook';\nimport { useIsDefaultWhitelabel, useWhitelabel } from '../../../providers/whitelabel.provider';\nimport { WorkspaceSection } from './shared/WorkspaceSection';\n\nexport function TokenSection() {\n  const translate = useTranslations();\n  const { data: token = '', isLoading } = useAccountToken();\n  const isDefaultWl = useIsDefaultWhitelabel();\n  const { whitelabel } = useWhitelabel();\n\n  const { isCopied, copy } = useCopyToClipboard({\n    onSuccess: () => {\n      toast.custom((toastId) => (\n        <Toast\n          variant=\"success\"\n          message={translate('common.account.token.copySuccess')}\n          toastId={toastId}\n        />\n      ));\n    },\n    onError: () => {\n      toast.custom((toastId) => (\n        <Toast\n          variant=\"error\"\n          message={translate('common.account.token.copyError')}\n          toastId={toastId}\n        />\n      ));\n    },\n  });\n\n  return (\n    <WorkspaceSection>\n      <div className=\"flex flex-col gap-3\">\n        <div className=\"flex items-end gap-3\">\n          <FormField\n            label={translate('common.account.token.label')}\n            value={isLoading ? translate('common.actions.loading') : token}\n            disabled\n            readOnly\n            classnameContainer=\"bg-gray-50 cursor-default opacity-100!\"\n            className=\"text-gray-950/50\"\n          />\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            className=\"h-10! shrink-0 gap-2\"\n            onClick={() => copy(token)}\n            disabled={isLoading || !token}\n          >\n            {isCopied ? <IconCheck size={16} /> : <IconCopy size={16} />}\n            {isCopied ? translate('common.actions.copied') : translate('common.actions.copy')}\n          </Button>\n        </div>\n\n        <div className={`flex items-center gap-3 p-4 rounded-lg ${isDefaultWl ? 'bg-cyan-50' : 'bg-zinc-50'}`}>\n          <IconInfoCircle className=\"size-4 text-zinc-950 shrink-0\" />\n          <span className=\"paragraph-small-regular text-zinc-950 max-w-[420px]\">\n            {translate('common.account.token.info')}\n          </span>\n        </div>\n\n        {whitelabel?.id === 1 && (\n          <a\n            href=\"https://documenter.getpostman.com/view/4861938/T1Djiz8H\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className=\"paragraph-small-medium text-gray-500 underline hover:text-gray-700 transition-colors w-fit\"\n          >\n            {translate('common.account.token.docsLink')}\n          </a>\n        )}\n      </div>\n    </WorkspaceSection>\n  );\n}\n"],"mappings":";AAsBQ,cA8BE,YA9BF;AApBR,SAAS,WAAW,UAAU,sBAAsB;AACpD,SAAS,uBAAuB;AAChC,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,OAAO,wBAAwB;AAC/B,SAAS,uBAAuB;AAChC,SAAS,wBAAwB,qBAAqB;AACtD,SAAS,wBAAwB;AAE1B,SAAS,eAAe;AAC7B,QAAM,YAAY,gBAAgB;AAClC,QAAM,EAAE,MAAM,QAAQ,IAAI,UAAU,IAAI,gBAAgB;AACxD,QAAM,cAAc,uBAAuB;AAC3C,QAAM,EAAE,WAAW,IAAI,cAAc;AAErC,QAAM,EAAE,UAAU,KAAK,IAAI,mBAAmB;AAAA,IAC5C,WAAW,MAAM;AACf,YAAM,OAAO,CAAC,YACZ;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,UAAU,kCAAkC;AAAA,UACrD;AAAA;AAAA,MACF,CACD;AAAA,IACH;AAAA,IACA,SAAS,MAAM;AACb,YAAM,OAAO,CAAC,YACZ;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,UAAU,gCAAgC;AAAA,UACnD;AAAA;AAAA,MACF,CACD;AAAA,IACH;AAAA,EACF,CAAC;AAED,SACE,oBAAC,oBACC,+BAAC,SAAI,WAAU,uBACb;AAAA,yBAAC,SAAI,WAAU,wBACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,UAAU,4BAA4B;AAAA,UAC7C,OAAO,YAAY,UAAU,wBAAwB,IAAI;AAAA,UACzD,UAAQ;AAAA,UACR,UAAQ;AAAA,UACR,oBAAmB;AAAA,UACnB,WAAU;AAAA;AAAA,MACZ;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,SAAS,MAAM,KAAK,KAAK;AAAA,UACzB,UAAU,aAAa,CAAC;AAAA,UAEvB;AAAA,uBAAW,oBAAC,aAAU,MAAM,IAAI,IAAK,oBAAC,YAAS,MAAM,IAAI;AAAA,YACzD,WAAW,UAAU,uBAAuB,IAAI,UAAU,qBAAqB;AAAA;AAAA;AAAA,MAClF;AAAA,OACF;AAAA,IAEA,qBAAC,SAAI,WAAW,0CAA0C,cAAc,eAAe,YAAY,IACjG;AAAA,0BAAC,kBAAe,WAAU,iCAAgC;AAAA,MAC1D,oBAAC,UAAK,WAAU,uDACb,oBAAU,2BAA2B,GACxC;AAAA,OACF;AAAA,IAEC,YAAY,OAAO,KAClB;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,WAAU;AAAA,QAET,oBAAU,+BAA+B;AAAA;AAAA,IAC5C;AAAA,KAEJ,GACF;AAEJ;","names":[]}

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

@@ -0,0 +1,73 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { IconCopy } from "@tabler/icons-react";
+import { useTranslations } from "next-intl";
+import { toast } from "sonner";
+import { Button } from "../../../ui/buttons/Button";
+import { FormField } from "../../../ui/form/FormField";
+import { Toast } from "../../../ui/feedback/Toast";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../../../ui/overlay/Tooltip";
+import { copyToClipboard } from "../../../../utils/browser/clipboard";
+function AffiliateCommissionCard({
+  commissionPercent,
+  discountPercent,
+  affiliateCode,
+  shareLink
+}) {
+  const translate = useTranslations();
+  const handleCopy = async () => {
+    const copied = await copyToClipboard(shareLink);
+    if (!copied) return;
+    toast.custom((toastId) => /* @__PURE__ */ jsx(
+      Toast,
+      {
+        variant: "success",
+        message: translate("common.account.workspace.affiliates.commissionCard.linkCopied"),
+        toastId
+      }
+    ));
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 bg-white border border-zinc-200 p-5 lg:p-6 rounded-lg", children: [
+    /* @__PURE__ */ jsx("span", { className: "paragraph-medium-semibold text-zinc-950", children: translate("common.account.workspace.affiliates.commissionCard.title", { percent: String(commissionPercent) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col lg:flex-row lg:items-end justify-between gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col lg:flex-row lg:items-end gap-3 min-w-0", children: [
+        /* @__PURE__ */ jsx(
+          FormField,
+          {
+            label: translate("common.account.workspace.affiliates.commissionCard.affiliateCode"),
+            classnameContainer: "w-full lg:w-[300px]",
+            value: affiliateCode,
+            readOnly: true
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+            /* @__PURE__ */ jsx("span", { className: "paragraph-xsmall-semibold text-zinc-600", children: translate("common.account.workspace.affiliates.commissionCard.commission") }),
+            /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-10 w-18 rounded-lg bg-zinc-50", children: /* @__PURE__ */ jsxs("span", { className: "text-zinc-950 paragraph-small-semibold", children: [
+              commissionPercent,
+              "%"
+            ] }) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+            /* @__PURE__ */ jsx("span", { className: "paragraph-xsmall-semibold text-zinc-600", children: translate("common.account.workspace.affiliates.commissionCard.discount") }),
+            /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-10 w-18 rounded-lg bg-zinc-50", children: /* @__PURE__ */ jsxs("span", { className: "text-zinc-950 paragraph-small-semibold", children: [
+              discountPercent,
+              "%"
+            ] }) })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "secondary", className: "h-10! shrink-0", onClick: handleCopy, children: [
+          translate("common.account.workspace.affiliates.commissionCard.shareLink"),
+          /* @__PURE__ */ jsx(IconCopy, { size: 20 })
+        ] }) }),
+        /* @__PURE__ */ jsx(TooltipContent, { children: translate("common.account.workspace.affiliates.commissionCard.copyTooltip") })
+      ] })
+    ] })
+  ] });
+}
+export {
+  AffiliateCommissionCard
+};
+//# sourceMappingURL=AffiliateCommissionCard.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/account/sections/affiliates/AffiliateCommissionCard.tsx"],"sourcesContent":["'use client';\n\nimport { IconCopy } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { toast } from 'sonner';\nimport { Button } from '../../../ui/buttons/Button';\nimport { FormField } from '../../../ui/form/FormField';\nimport { Toast } from '../../../ui/feedback/Toast';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../../../ui/overlay/Tooltip';\nimport { copyToClipboard } from '../../../../utils/browser/clipboard';\n\ntype AffiliateCommissionCardProps = {\n  commissionPercent: number;\n  discountPercent: number;\n  affiliateCode: string;\n  shareLink: string;\n};\n\nexport function AffiliateCommissionCard({\n  commissionPercent,\n  discountPercent,\n  affiliateCode,\n  shareLink,\n}: AffiliateCommissionCardProps) {\n  const translate = useTranslations();\n\n  const handleCopy = async () => {\n    const copied = await copyToClipboard(shareLink);\n    if (!copied) return;\n    toast.custom((toastId) => (\n      <Toast\n        variant=\"success\"\n        message={translate('common.account.workspace.affiliates.commissionCard.linkCopied')}\n        toastId={toastId}\n      />\n    ));\n  };\n\n  return (\n    <div className=\"flex flex-col gap-6 bg-white border border-zinc-200 p-5 lg:p-6 rounded-lg\">\n      <span className=\"paragraph-medium-semibold text-zinc-950\">\n        {translate('common.account.workspace.affiliates.commissionCard.title', { percent: String(commissionPercent) })}\n      </span>\n      <div className=\"flex flex-col lg:flex-row lg:items-end justify-between gap-4\">\n        <div className=\"flex flex-col lg:flex-row lg:items-end gap-3 min-w-0\">\n          <FormField\n            label={translate('common.account.workspace.affiliates.commissionCard.affiliateCode')}\n            classnameContainer=\"w-full lg:w-[300px]\"\n            value={affiliateCode}\n            readOnly\n          />\n          <div className=\"flex items-end gap-3\">\n            <div className=\"flex flex-col gap-1.5\">\n              <span className=\"paragraph-xsmall-semibold text-zinc-600\">\n                {translate('common.account.workspace.affiliates.commissionCard.commission')}\n              </span>\n              <div className=\"flex items-center justify-center h-10 w-18 rounded-lg bg-zinc-50\">\n                <span className=\"text-zinc-950 paragraph-small-semibold\">{commissionPercent}%</span>\n              </div>\n            </div>\n            <div className=\"flex flex-col gap-1.5\">\n              <span className=\"paragraph-xsmall-semibold text-zinc-600\">\n                {translate('common.account.workspace.affiliates.commissionCard.discount')}\n              </span>\n              <div className=\"flex items-center justify-center h-10 w-18 rounded-lg bg-zinc-50\">\n                <span className=\"text-zinc-950 paragraph-small-semibold\">{discountPercent}%</span>\n              </div>\n            </div>\n          </div>\n        </div>\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <Button variant=\"secondary\" className=\"h-10! shrink-0\" onClick={handleCopy}>\n              {translate('common.account.workspace.affiliates.commissionCard.shareLink')}\n              <IconCopy size={20} />\n            </Button>\n          </TooltipTrigger>\n          <TooltipContent>{translate('common.account.workspace.affiliates.commissionCard.copyTooltip')}</TooltipContent>\n        </Tooltip>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AA8BM,cA2BU,YA3BV;AA5BN,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAChC,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,aAAa;AACtB,SAAS,SAAS,gBAAgB,sBAAsB;AACxD,SAAS,uBAAuB;AASzB,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAiC;AAC/B,QAAM,YAAY,gBAAgB;AAElC,QAAM,aAAa,YAAY;AAC7B,UAAM,SAAS,MAAM,gBAAgB,SAAS;AAC9C,QAAI,CAAC,OAAQ;AACb,UAAM,OAAO,CAAC,YACZ;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,UAAU,+DAA+D;AAAA,QAClF;AAAA;AAAA,IACF,CACD;AAAA,EACH;AAEA,SACE,qBAAC,SAAI,WAAU,6EACb;AAAA,wBAAC,UAAK,WAAU,2CACb,oBAAU,4DAA4D,EAAE,SAAS,OAAO,iBAAiB,EAAE,CAAC,GAC/G;AAAA,IACA,qBAAC,SAAI,WAAU,gEACb;AAAA,2BAAC,SAAI,WAAU,wDACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,UAAU,kEAAkE;AAAA,YACnF,oBAAmB;AAAA,YACnB,OAAO;AAAA,YACP,UAAQ;AAAA;AAAA,QACV;AAAA,QACA,qBAAC,SAAI,WAAU,wBACb;AAAA,+BAAC,SAAI,WAAU,yBACb;AAAA,gCAAC,UAAK,WAAU,2CACb,oBAAU,+DAA+D,GAC5E;AAAA,YACA,oBAAC,SAAI,WAAU,oEACb,+BAAC,UAAK,WAAU,0CAA0C;AAAA;AAAA,cAAkB;AAAA,eAAC,GAC/E;AAAA,aACF;AAAA,UACA,qBAAC,SAAI,WAAU,yBACb;AAAA,gCAAC,UAAK,WAAU,2CACb,oBAAU,6DAA6D,GAC1E;AAAA,YACA,oBAAC,SAAI,WAAU,oEACb,+BAAC,UAAK,WAAU,0CAA0C;AAAA;AAAA,cAAgB;AAAA,eAAC,GAC7E;AAAA,aACF;AAAA,WACF;AAAA,SACF;AAAA,MACA,qBAAC,WACC;AAAA,4BAAC,kBAAe,SAAO,MACrB,+BAAC,UAAO,SAAQ,aAAY,WAAU,kBAAiB,SAAS,YAC7D;AAAA,oBAAU,8DAA8D;AAAA,UACzE,oBAAC,YAAS,MAAM,IAAI;AAAA,WACtB,GACF;AAAA,QACA,oBAAC,kBAAgB,oBAAU,gEAAgE,GAAE;AAAA,SAC/F;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

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

@@ -0,0 +1,20 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { AffiliateLeadsSheet } from "./AffiliateLeadsSheet";
+import { NoReceivingAccountModal } from "./NoReceivingAccountModal";
+import { ReceivingAccountModal } from "./ReceivingAccountModal";
+import { RequestWithdrawalSheet } from "./RequestWithdrawalSheet";
+import { ViewAttachmentModal } from "./ViewAttachmentModal";
+function AffiliateFlows() {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(RequestWithdrawalSheet, {}),
+    /* @__PURE__ */ jsx(ReceivingAccountModal, {}),
+    /* @__PURE__ */ jsx(NoReceivingAccountModal, {}),
+    /* @__PURE__ */ jsx(AffiliateLeadsSheet, {}),
+    /* @__PURE__ */ jsx(ViewAttachmentModal, {})
+  ] });
+}
+export {
+  AffiliateFlows
+};
+//# sourceMappingURL=AffiliateFlows.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/account/sections/affiliates/AffiliateFlows.tsx"],"sourcesContent":["'use client';\n\nimport { AffiliateLeadsSheet } from './AffiliateLeadsSheet';\nimport { NoReceivingAccountModal } from './NoReceivingAccountModal';\nimport { ReceivingAccountModal } from './ReceivingAccountModal';\nimport { RequestWithdrawalSheet } from './RequestWithdrawalSheet';\nimport { ViewAttachmentModal } from './ViewAttachmentModal';\n\n/** Fluxos da aba Afiliados, abertos por cima do modal Minha conta. */\nexport function AffiliateFlows() {\n  return (\n    <>\n      <RequestWithdrawalSheet />\n      <ReceivingAccountModal />\n      <NoReceivingAccountModal />\n      <AffiliateLeadsSheet />\n      <ViewAttachmentModal />\n    </>\n  );\n}\n"],"mappings":";AAWI,mBACE,KADF;AATJ,SAAS,2BAA2B;AACpC,SAAS,+BAA+B;AACxC,SAAS,6BAA6B;AACtC,SAAS,8BAA8B;AACvC,SAAS,2BAA2B;AAG7B,SAAS,iBAAiB;AAC/B,SACE,iCACE;AAAA,wBAAC,0BAAuB;AAAA,IACxB,oBAAC,yBAAsB;AAAA,IACvB,oBAAC,2BAAwB;AAAA,IACzB,oBAAC,uBAAoB;AAAA,IACrB,oBAAC,uBAAoB;AAAA,KACvB;AAEJ;","names":[]}

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

@@ -0,0 +1,99 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { IconLoader2 } from "@tabler/icons-react";
+import { useTranslations } from "next-intl";
+import { Separator } from "../../../ui/data-display/Separator";
+import { Sheet, SheetContent, SheetHeader, SheetTitle } from "../../../ui/overlay/Sheet";
+import { useAffiliateLeads } from "../../../../modules/affiliates/hooks/use-affiliate-leads.hook";
+import useIsMobile from "../../../../hooks/useIsMobile";
+import { cn } from "../../../../infra/utils/clsx";
+import { useAffiliateFlows } from "../../../../store/useAffiliateFlows";
+function getFirstName(name) {
+  if (!name) return "\u2014";
+  return name.trim().split(/\s+/)[0];
+}
+function formatLeadDate(datetime) {
+  if (!datetime) return "\u2014";
+  const date = new Date(datetime);
+  if (Number.isNaN(date.getTime())) return "\u2014";
+  const day = String(date.getDate()).padStart(2, "0");
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const hours = String(date.getHours()).padStart(2, "0");
+  const minutes = String(date.getMinutes()).padStart(2, "0");
+  return `${day}/${month}/${date.getFullYear()} ${hours}:${minutes}`;
+}
+function getMonthYearKey(datetime, noDate, months) {
+  if (!datetime) return noDate;
+  const date = new Date(datetime);
+  if (Number.isNaN(date.getTime())) return noDate;
+  return `${months[date.getMonth()]} ${date.getFullYear()}`;
+}
+function groupLeadsByMonth(leads, noDate, months) {
+  const groups = /* @__PURE__ */ new Map();
+  for (const lead of leads) {
+    const key = getMonthYearKey(lead.datetime_add, noDate, months);
+    const existing = groups.get(key);
+    if (existing) existing.push(lead);
+    else groups.set(key, [lead]);
+  }
+  return Array.from(groups.entries()).map(([label, items]) => ({ label, leads: items }));
+}
+function AffiliateLeadsSheet() {
+  const translate = useTranslations();
+  const translateSheet = useTranslations("common.account.workspace.affiliates.leadsSheet");
+  const isMobile = useIsMobile();
+  const isOpen = useAffiliateFlows((state) => state.isLeadsOpen);
+  const close = useAffiliateFlows((state) => state.closeLeads);
+  const { data: leadsData, isLoading } = useAffiliateLeads({}, { enabled: isOpen });
+  const leads = leadsData?.data ?? [];
+  const monthNames = useMemo(
+    () => [
+      translate("common.account.workspace.affiliates.leadsSheet.months.january"),
+      translate("common.account.workspace.affiliates.leadsSheet.months.february"),
+      translate("common.account.workspace.affiliates.leadsSheet.months.march"),
+      translate("common.account.workspace.affiliates.leadsSheet.months.april"),
+      translate("common.account.workspace.affiliates.leadsSheet.months.may"),
+      translate("common.account.workspace.affiliates.leadsSheet.months.june"),
+      translate("common.account.workspace.affiliates.leadsSheet.months.july"),
+      translate("common.account.workspace.affiliates.leadsSheet.months.august"),
+      translate("common.account.workspace.affiliates.leadsSheet.months.september"),
+      translate("common.account.workspace.affiliates.leadsSheet.months.october"),
+      translate("common.account.workspace.affiliates.leadsSheet.months.november"),
+      translate("common.account.workspace.affiliates.leadsSheet.months.december")
+    ],
+    [translate]
+  );
+  const noDateLabel = translateSheet("noDate");
+  const groupedLeads = useMemo(
+    () => groupLeadsByMonth(leads, noDateLabel, monthNames),
+    [leads, noDateLabel, monthNames]
+  );
+  return /* @__PURE__ */ jsx(Sheet, { open: isOpen, onOpenChange: (nextOpen) => !nextOpen && close(), 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("title") }) }),
+        /* @__PURE__ */ jsx("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: isLoading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-10", children: /* @__PURE__ */ jsx(IconLoader2, { size: 24, className: "animate-spin text-zinc-400" }) }) : leads.length === 0 ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-10", children: /* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-zinc-500", children: translateSheet("emptyState") }) }) : groupedLeads.map((group) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+          /* @__PURE__ */ jsx("span", { className: "paragraph-small-medium text-zinc-950", children: group.label }),
+          /* @__PURE__ */ jsx("div", { className: "rounded-lg bg-zinc-50", children: group.leads.map((lead, index) => /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 px-4 py-4", children: [
+              /* @__PURE__ */ jsx("span", { className: "paragraph-xsmall-medium text-zinc-500 shrink-0 w-[130px]", children: formatLeadDate(lead.datetime_add) }),
+              /* @__PURE__ */ jsx("span", { className: "paragraph-small-semibold text-zinc-950 truncate min-w-0", children: getFirstName(lead.name) })
+            ] }),
+            index < group.leads.length - 1 && /* @__PURE__ */ jsx("div", { className: "px-4", children: /* @__PURE__ */ jsx(Separator, {}) })
+          ] }, lead.id)) })
+        ] }, group.label)) })
+      ]
+    }
+  ) });
+}
+export {
+  AffiliateLeadsSheet
+};
+//# sourceMappingURL=AffiliateLeadsSheet.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/account/sections/affiliates/AffiliateLeadsSheet.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport { IconLoader2 } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { Separator } from '../../../ui/data-display/Separator';\nimport { Sheet, SheetContent, SheetHeader, SheetTitle } from '../../../ui/overlay/Sheet';\nimport { useAffiliateLeads } from '../../../../modules/affiliates/hooks/use-affiliate-leads.hook';\nimport type { AffiliateLead } from '../../../../modules/affiliates/types/affiliate.type';\nimport useIsMobile from '../../../../hooks/useIsMobile';\nimport { cn } from '../../../../infra/utils/clsx';\nimport { useAffiliateFlows } from '../../../../store/useAffiliateFlows';\n\nfunction getFirstName(name: string | null | undefined): string {\n  if (!name) return '—';\n  return name.trim().split(/\\s+/)[0];\n}\n\nfunction formatLeadDate(datetime: string | null | undefined): string {\n  if (!datetime) return '—';\n  const date = new Date(datetime);\n  if (Number.isNaN(date.getTime())) return '—';\n\n  const day = String(date.getDate()).padStart(2, '0');\n  const month = String(date.getMonth() + 1).padStart(2, '0');\n  const hours = String(date.getHours()).padStart(2, '0');\n  const minutes = String(date.getMinutes()).padStart(2, '0');\n\n  return `${day}/${month}/${date.getFullYear()} ${hours}:${minutes}`;\n}\n\nfunction getMonthYearKey(datetime: string | null | undefined, noDate: string, months: string[]): string {\n  if (!datetime) return noDate;\n  const date = new Date(datetime);\n  if (Number.isNaN(date.getTime())) return noDate;\n  return `${months[date.getMonth()]} ${date.getFullYear()}`;\n}\n\nfunction groupLeadsByMonth(leads: AffiliateLead[], noDate: string, months: string[]) {\n  const groups = new Map<string, AffiliateLead[]>();\n\n  for (const lead of leads) {\n    const key = getMonthYearKey(lead.datetime_add, noDate, months);\n    const existing = groups.get(key);\n    if (existing) existing.push(lead);\n    else groups.set(key, [lead]);\n  }\n\n  return Array.from(groups.entries()).map(([label, items]) => ({ label, leads: items }));\n}\n\n/** Leads indicados pelo afiliado, agrupados por mês. */\nexport function AffiliateLeadsSheet() {\n  const translate = useTranslations();\n  const translateSheet = useTranslations('common.account.workspace.affiliates.leadsSheet');\n  const isMobile = useIsMobile();\n  const isOpen = useAffiliateFlows((state) => state.isLeadsOpen);\n  const close = useAffiliateFlows((state) => state.closeLeads);\n\n  const { data: leadsData, isLoading } = useAffiliateLeads({}, { enabled: isOpen });\n  const leads = leadsData?.data ?? [];\n\n  const monthNames = useMemo(\n    () => [\n      translate('common.account.workspace.affiliates.leadsSheet.months.january'),\n      translate('common.account.workspace.affiliates.leadsSheet.months.february'),\n      translate('common.account.workspace.affiliates.leadsSheet.months.march'),\n      translate('common.account.workspace.affiliates.leadsSheet.months.april'),\n      translate('common.account.workspace.affiliates.leadsSheet.months.may'),\n      translate('common.account.workspace.affiliates.leadsSheet.months.june'),\n      translate('common.account.workspace.affiliates.leadsSheet.months.july'),\n      translate('common.account.workspace.affiliates.leadsSheet.months.august'),\n      translate('common.account.workspace.affiliates.leadsSheet.months.september'),\n      translate('common.account.workspace.affiliates.leadsSheet.months.october'),\n      translate('common.account.workspace.affiliates.leadsSheet.months.november'),\n      translate('common.account.workspace.affiliates.leadsSheet.months.december'),\n    ],\n    [translate]\n  );\n\n  const noDateLabel = translateSheet('noDate');\n  const groupedLeads = useMemo(\n    () => groupLeadsByMonth(leads, noDateLabel, monthNames),\n    [leads, noDateLabel, monthNames]\n  );\n\n  return (\n    <Sheet open={isOpen} onOpenChange={(nextOpen) => !nextOpen && close()}>\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('title')}\n          </SheetTitle>\n        </SheetHeader>\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          {isLoading ? (\n            <div className=\"flex items-center justify-center py-10\">\n              <IconLoader2 size={24} className=\"animate-spin text-zinc-400\" />\n            </div>\n          ) : leads.length === 0 ? (\n            <div className=\"flex items-center justify-center py-10\">\n              <span className=\"paragraph-small-regular text-zinc-500\">{translateSheet('emptyState')}</span>\n            </div>\n          ) : (\n            groupedLeads.map((group) => (\n              <div key={group.label} className=\"flex flex-col gap-3\">\n                <span className=\"paragraph-small-medium text-zinc-950\">{group.label}</span>\n                <div className=\"rounded-lg bg-zinc-50\">\n                  {group.leads.map((lead, index) => (\n                    <div key={lead.id}>\n                      <div className=\"flex items-center gap-4 px-4 py-4\">\n                        <span className=\"paragraph-xsmall-medium text-zinc-500 shrink-0 w-[130px]\">\n                          {formatLeadDate(lead.datetime_add)}\n                        </span>\n                        <span className=\"paragraph-small-semibold text-zinc-950 truncate min-w-0\">\n                          {getFirstName(lead.name)}\n                        </span>\n                      </div>\n                      {index < group.leads.length - 1 && (\n                        <div className=\"px-4\">\n                          <Separator />\n                        </div>\n                      )}\n                    </div>\n                  ))}\n                </div>\n              </div>\n            ))\n          )}\n        </div>\n      </SheetContent>\n    </Sheet>\n  );\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,31 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment } from "react";
+import { Skeleton } from "../../../ui/feedback/Skeleton";
+function AffiliateStatsCard({
+  icon: Icon,
+  stats,
+  footerText,
+  footerIcon: FooterIcon,
+  isLoading = false
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 p-5 bg-white border border-zinc-200 rounded-lg min-w-0", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center size-10 bg-zinc-50 rounded-lg", children: /* @__PURE__ */ jsx(Icon, { size: 20, className: "text-zinc-500" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex items-stretch gap-6", children: stats.map((stat, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        index > 0 && /* @__PURE__ */ jsx("div", { className: "w-px bg-zinc-200 shrink-0" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 min-w-0", children: [
+          /* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-zinc-600", children: stat.label }),
+          isLoading ? /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-16 rounded" }) : /* @__PURE__ */ jsx("span", { className: "paragraph-xlarge-semibold text-zinc-950 truncate", children: stat.value })
+        ] })
+      ] }, stat.label)) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+        FooterIcon && /* @__PURE__ */ jsx(FooterIcon, { size: 16, className: "text-zinc-500 shrink-0" }),
+        /* @__PURE__ */ jsx("span", { className: "paragraph-xsmall-medium text-zinc-600", children: footerText })
+      ] })
+    ] })
+  ] });
+}
+export {
+  AffiliateStatsCard
+};
+//# sourceMappingURL=AffiliateStatsCard.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/account/sections/affiliates/AffiliateStatsCard.tsx"],"sourcesContent":["import { Fragment } from 'react';\nimport type { TablerIcon } from '@tabler/icons-react';\nimport { Skeleton } from '../../../ui/feedback/Skeleton';\n\ntype AffiliateStat = {\n  label: string;\n  value: string;\n};\n\ntype AffiliateStatsCardProps = {\n  icon: TablerIcon;\n  stats: AffiliateStat[];\n  footerText: string;\n  footerIcon?: TablerIcon;\n  isLoading?: boolean;\n};\n\n/** Card de número da aba Afiliados: ícone, um ou mais valores (separados por divisória) e rodapé. */\nexport function AffiliateStatsCard({\n  icon: Icon,\n  stats,\n  footerText,\n  footerIcon: FooterIcon,\n  isLoading = false,\n}: AffiliateStatsCardProps) {\n  return (\n    <div className=\"flex flex-col gap-6 p-5 bg-white border border-zinc-200 rounded-lg min-w-0\">\n      <div className=\"flex items-center justify-center size-10 bg-zinc-50 rounded-lg\">\n        <Icon size={20} className=\"text-zinc-500\" />\n      </div>\n\n      <div className=\"flex flex-col gap-3\">\n        <div className=\"flex items-stretch gap-6\">\n          {stats.map((stat, index) => (\n            <Fragment key={stat.label}>\n              {index > 0 && <div className=\"w-px bg-zinc-200 shrink-0\" />}\n              <div className=\"flex flex-col gap-2 min-w-0\">\n                <span className=\"paragraph-small-regular text-zinc-600\">{stat.label}</span>\n                {isLoading ? (\n                  <Skeleton className=\"h-7 w-16 rounded\" />\n                ) : (\n                  <span className=\"paragraph-xlarge-semibold text-zinc-950 truncate\">{stat.value}</span>\n                )}\n              </div>\n            </Fragment>\n          ))}\n        </div>\n\n        <div className=\"flex items-center gap-1.5\">\n          {FooterIcon && <FooterIcon size={16} className=\"text-zinc-500 shrink-0\" />}\n          <span className=\"paragraph-xsmall-medium text-zinc-600\">{footerText}</span>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"AA4BQ,cAQM,YARN;AA5BR,SAAS,gBAAgB;AAEzB,SAAS,gBAAgB;AAgBlB,SAAS,mBAAmB;AAAA,EACjC,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AACd,GAA4B;AAC1B,SACE,qBAAC,SAAI,WAAU,8EACb;AAAA,wBAAC,SAAI,WAAU,kEACb,8BAAC,QAAK,MAAM,IAAI,WAAU,iBAAgB,GAC5C;AAAA,IAEA,qBAAC,SAAI,WAAU,uBACb;AAAA,0BAAC,SAAI,WAAU,4BACZ,gBAAM,IAAI,CAAC,MAAM,UAChB,qBAAC,YACE;AAAA,gBAAQ,KAAK,oBAAC,SAAI,WAAU,6BAA4B;AAAA,QACzD,qBAAC,SAAI,WAAU,+BACb;AAAA,8BAAC,UAAK,WAAU,yCAAyC,eAAK,OAAM;AAAA,UACnE,YACC,oBAAC,YAAS,WAAU,oBAAmB,IAEvC,oBAAC,UAAK,WAAU,oDAAoD,eAAK,OAAM;AAAA,WAEnF;AAAA,WATa,KAAK,KAUpB,CACD,GACH;AAAA,MAEA,qBAAC,SAAI,WAAU,6BACZ;AAAA,sBAAc,oBAAC,cAAW,MAAM,IAAI,WAAU,0BAAyB;AAAA,QACxE,oBAAC,UAAK,WAAU,yCAAyC,sBAAW;AAAA,SACtE;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

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

@@ -0,0 +1,15 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { IconBox } from "../shared/IconBox";
+function AffiliateStepCard({ icon, title, description }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col lg:flex-row items-start gap-3 lg:gap-4 p-4 lg:p-5 bg-zinc-50 rounded-lg min-w-0", children: [
+    /* @__PURE__ */ jsx(IconBox, { icon, iconClassName: "text-zinc-500" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-zinc-950 paragraph-small-semibold", children: title }),
+      /* @__PURE__ */ jsx("span", { className: "text-zinc-600 paragraph-small-medium", children: description })
+    ] })
+  ] });
+}
+export {
+  AffiliateStepCard
+};
+//# sourceMappingURL=AffiliateStepCard.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/account/sections/affiliates/AffiliateStepCard.tsx"],"sourcesContent":["import type { TablerIcon } from '@tabler/icons-react';\nimport { IconBox } from '../shared/IconBox';\n\ntype AffiliateStepCardProps = {\n  icon: TablerIcon;\n  title: string;\n  description: string;\n};\n\nexport function AffiliateStepCard({ icon, title, description }: AffiliateStepCardProps) {\n  return (\n    <div className=\"flex flex-col lg:flex-row items-start gap-3 lg:gap-4 p-4 lg:p-5 bg-zinc-50 rounded-lg min-w-0\">\n      <IconBox icon={icon} iconClassName=\"text-zinc-500\" />\n      <div className=\"flex flex-col gap-1\">\n        <span className=\"text-zinc-950 paragraph-small-semibold\">{title}</span>\n        <span className=\"text-zinc-600 paragraph-small-medium\">{description}</span>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"AAYM,cACA,YADA;AAXN,SAAS,eAAe;AAQjB,SAAS,kBAAkB,EAAE,MAAM,OAAO,YAAY,GAA2B;AACtF,SACE,qBAAC,SAAI,WAAU,iGACb;AAAA,wBAAC,WAAQ,MAAY,eAAc,iBAAgB;AAAA,IACnD,qBAAC,SAAI,WAAU,uBACb;AAAA,0BAAC,UAAK,WAAU,0CAA0C,iBAAM;AAAA,MAChE,oBAAC,UAAK,WAAU,wCAAwC,uBAAY;AAAA,OACtE;AAAA,KACF;AAEJ;","names":[]}