@greatapps/common 1.1.790 → 1.1.792

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

@@ -0,0 +1,253 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { IconCheck, IconInfoCircle, IconX } from "@tabler/icons-react";
+import { useTranslations } from "next-intl";
+import { Badge } from "../../../ui/data-display/Badge";
+import { Separator } from "../../../ui/data-display/Separator";
+import { Skeleton } from "../../../ui/feedback/Skeleton";
+import { Sheet, SheetContent, SheetHeader, SheetTitle } from "../../../ui/overlay/Sheet";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../../../ui/overlay/Tooltip";
+import { useCurrencyFormatter } from "../../../../modules/accounts/hooks/use-currency-formatter.hook";
+import { useManagementPermissions } from "../../../../modules/auth/hooks/useManagementPermissions";
+import { useCouponById } from "../../../../modules/coupons/hooks/use-coupon-by-id.hook";
+import { usePlanById } from "../../../../modules/plans/hooks/use-plan-by-id.hook";
+import { mapApiPlanToUiPlanForCurrency } from "../../../../modules/plans/utils/map-api-plan-to-ui";
+import {
+  ADDON_IDS,
+  canBuyExtraDomains,
+  getDomainExtraPrice
+} from "../../../../modules/subscriptions/constants/addons.constants";
+import { useCurrentSubscription } from "../../../../modules/subscriptions/hooks/use-current-subscription.hook";
+import {
+  getPeriodicityLabel,
+  periodicityToBillingPeriod
+} from "../../../../modules/subscriptions/utils/periodicity";
+import { resolveSubscriptionPlanName } from "../../../../modules/subscriptions/utils/resolve-subscription-plan-name";
+import { useIsDefaultWhitelabel } from "../../../../providers/whitelabel.provider";
+import { formatShortDate } from "../../../../infra/utils/date";
+import useIsMobile from "../../../../hooks/useIsMobile";
+import { cn } from "../../../../infra/utils/clsx";
+import { useSubscriptionFlows } from "../../../../store/useSubscriptionFlows";
+import useSubscriptionActions from "../../hooks/useSubscriptionActions";
+function buildDisplayFeatures(uiPlan, subscriptionItems, planItems, translate) {
+  const features = [{ label: uiPlan.mainFeatures.pages, enabled: true }];
+  const subDomainItems = subscriptionItems.filter((item) => item.id_addon === ADDON_IDS.DOMAINS);
+  const planDomainItem = planItems.find((item) => item.id_addon === ADDON_IDS.DOMAINS);
+  const totalDomains = subDomainItems.reduce((sum, item) => sum + (item.quantity ?? 0), 0);
+  const baseDomains = subDomainItems.find((item) => (item.value ?? 0) === 0)?.quantity ?? planDomainItem?.quantity ?? 0;
+  const extraDomains = Math.max(0, totalDomains - baseDomains);
+  if (totalDomains >= 999) {
+    features.push({
+      label: translate("common.account.workspace.subscription.planDetails.unlimitedDomains"),
+      enabled: true
+    });
+  } else {
+    features.push({
+      label: extraDomains > 0 ? translate("common.account.workspace.subscription.planDetails.domainsSummary", {
+        total: String(totalDomains),
+        base: String(baseDomains),
+        extra: String(extraDomains)
+      }) : translate("common.account.workspace.subscription.planDetails.domainsSummaryNoExtra", {
+        total: String(totalDomains),
+        base: String(baseDomains)
+      }),
+      enabled: true,
+      isDomain: true
+    });
+  }
+  features.push({ label: uiPlan.mainFeatures.users, enabled: true });
+  const abTestItem = subscriptionItems.find((item) => item.id_addon === ADDON_IDS.AB_TEST);
+  if (abTestItem && abTestItem.quantity > 0) {
+    features.push({
+      label: translate("common.account.workspace.subscription.planDetails.abTestUnlimited"),
+      enabled: true
+    });
+  }
+  const heatmapItem = subscriptionItems.find((item) => item.id_addon === ADDON_IDS.HEATMAP);
+  if (heatmapItem && heatmapItem.quantity > 0) {
+    features.push({
+      label: translate("common.account.workspace.subscription.planDetails.heatmap"),
+      enabled: true
+    });
+  }
+  for (const feature of uiPlan.features) {
+    features.push({ label: feature.text, enabled: feature.icon === "check" });
+  }
+  return features;
+}
+function DetailField({ label, value }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-start", children: [
+    /* @__PURE__ */ jsx("span", { className: "paragraph-small-medium text-zinc-950 w-[45%] wrap-break-word", children: label }),
+    /* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-zinc-600 w-[55%] wrap-break-word", children: value })
+  ] });
+}
+function PlanDetailsSheet() {
+  const translate = useTranslations();
+  const translateSheet = useTranslations("common.account.workspace.subscription.planDetails");
+  const isMobile = useIsMobile();
+  const isDefaultWhitelabel = useIsDefaultWhitelabel();
+  const { currency, formatCurrencyNumber } = useCurrencyFormatter();
+  const { isOwnerOrAdmin } = useManagementPermissions();
+  const isOpen = useSubscriptionFlows((state) => state.isPlanDetailsOpen);
+  const close = useSubscriptionFlows((state) => state.closePlanDetails);
+  const actions = useSubscriptionActions();
+  const { data: subscriptionData } = useCurrentSubscription();
+  const subscription = subscriptionData?.data?.[0];
+  const { data: planData } = usePlanById(subscription?.id_plan);
+  const plan = planData?.data;
+  const { data: couponData } = useCouponById(subscription?.id_coupon);
+  const appliedCoupon = couponData?.data;
+  const hasData = !!subscription && !!plan;
+  const uiPlan = hasData ? mapApiPlanToUiPlanForCurrency(currency, translate)(plan) : null;
+  const features = uiPlan && plan && subscription ? buildDisplayFeatures(uiPlan, subscription.items, plan.items ?? [], translate) : [];
+  const domainItem = hasData ? subscription.items.find((item) => item.id_addon === ADDON_IDS.DOMAINS) : void 0;
+  const domainExtraPrice = hasData ? plan.items?.find((item) => item.id_addon === ADDON_IDS.DOMAINS && item.base)?.value ?? plan.items?.find((item) => item.id_addon === ADDON_IDS.DOMAINS && (item.value ?? 0) > 0)?.value ?? getDomainExtraPrice(plan.id) : 0;
+  const domainExtraBuckets = hasData ? Array.from(
+    subscription.items.filter((item) => item.id_addon === ADDON_IDS.DOMAINS && (item.value ?? 0) > 0).reduce(
+      (acc, item) => acc.set(item.value, (acc.get(item.value) ?? 0) + item.quantity),
+      /* @__PURE__ */ new Map()
+    ).entries()
+  ).map(([value2, quantity]) => ({
+    value: value2,
+    quantity,
+    isPromo: Math.abs(value2 - domainExtraPrice) > 0.01
+  })).sort((a, b) => a.isPromo === b.isPromo ? b.value - a.value : a.isPromo ? 1 : -1) : [];
+  const value = hasData ? formatCurrencyNumber(subscription.value ?? 0) : "--";
+  const periodicity = hasData ? getPeriodicityLabel(subscription.periodicity, translate) : "";
+  const billingPeriod = hasData ? periodicityToBillingPeriod(subscription.periodicity) : "monthly";
+  const periodicityAdverb = hasData ? billingPeriod === "semiannual" ? translateSheet("periodicitySemiannual") : billingPeriod === "annual" ? translateSheet("periodicityAnnual") : translateSheet("periodicityMonthly") : "";
+  const isTrialNoCard = hasData && subscription.type === "trial" && !subscription.id_card;
+  const paymentMethod = !hasData ? "--" : isTrialNoCard ? translateSheet("trialPeriod") : subscription.payment_method === 2 ? translateSheet("paymentMethodBoleto") : translateSheet("paymentMethodCard");
+  const stripeData = appliedCoupon?.stripe_data;
+  const couponValue = !appliedCoupon ? null : stripeData?.percent_off != null ? translateSheet("couponValuePercent", {
+    code: appliedCoupon.code,
+    percent: String(stripeData.percent_off)
+  }) : stripeData?.amount_off != null ? translateSheet("couponValueAmount", {
+    code: appliedCoupon.code,
+    amount: formatCurrencyNumber(stripeData.amount_off / 100)
+  }) : appliedCoupon.code;
+  const dueDate = hasData && subscription.date_due ? formatShortDate(subscription.date_due) : "--";
+  const planName = hasData ? resolveSubscriptionPlanName(subscription, translate, translateSheet("noName")) : "";
+  const cancelled = hasData && !!subscription.date_cancellation && subscription.date_cancellation < /* @__PURE__ */ new Date();
+  const isPartnerPlan = hasData && subscription.type === "partner";
+  const isOverdue = hasData && !!subscription.date_due && new Date(subscription.date_due) < /* @__PURE__ */ new Date();
+  const showAddonsCta = hasData && !cancelled && !isOverdue && isOwnerOrAdmin;
+  const showBadge = cancelled && subscription.type === "client";
+  const handleManageAddons = () => {
+    close();
+    actions.changePlan();
+  };
+  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-t-lg pt-[env(safe-area-inset-top)] pb-[env(safe-area-inset-bottom)]" : "h-screen max-w-120! w-120!",
+        "data-[state=open]:max-h-none data-[state=open]:h-dvh gap-6!"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(SheetHeader, { className: "border-b border-zinc-200", children: /* @__PURE__ */ jsx(SheetTitle, { className: "paragraph-medium-semibold text-zinc-950", children: translateSheet("title") }) }),
+        !hasData ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 px-5 pb-6", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-40 rounded" }),
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-16 rounded-lg" })
+            ] }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-28 rounded" })
+          ] }),
+          /* @__PURE__ */ jsx(Separator, {}),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32 rounded" }),
+            /* @__PURE__ */ jsx("div", { className: "flex flex-col bg-zinc-50 rounded-lg p-4 gap-3", children: Array.from({ length: 12 }).map((_, index) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(Skeleton, { className: "size-4 rounded shrink-0" }),
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full rounded" })
+            ] }, index)) })
+          ] })
+        ] }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 px-5 pb-6 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__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "paragraph-medium-semibold text-zinc-950", children: translateSheet("planName", { name: planName }) }),
+              showBadge ? /* @__PURE__ */ jsx(Badge, { className: "text-red-700 border border-red-100 bg-red-50 rounded-lg paragraph-xsmall-semibold", children: translateSheet("cancelledBadge") }) : /* @__PURE__ */ jsx(Badge, { className: "text-blue-700 border border-blue-100 bg-blue-50 rounded-lg paragraph-xsmall-semibold", children: periodicity })
+            ] }),
+            !isPartnerPlan && /* @__PURE__ */ jsxs("span", { className: "paragraph-small-medium text-zinc-600", children: [
+              translateSheet("validity"),
+              " ",
+              /* @__PURE__ */ jsx("span", { className: "text-zinc-950", children: dueDate })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(Separator, {}),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-zinc-600 paragraph-small-regular", children: translateSheet("includedInPlan") }),
+            /* @__PURE__ */ jsx("div", { className: "flex flex-col bg-zinc-50 rounded-lg p-4 gap-3", children: features.map((feature) => /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
+              feature.enabled ? /* @__PURE__ */ jsx(IconCheck, { size: 16, className: "text-zinc-950 shrink-0 mt-0.5" }) : /* @__PURE__ */ jsx(IconX, { size: 16, className: "text-zinc-300 shrink-0 mt-0.5" }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: cn(
+                        "paragraph-small-medium",
+                        feature.enabled ? "text-zinc-500" : "text-zinc-300"
+                      ),
+                      children: feature.label
+                    }
+                  ),
+                  feature.isDomain && domainItem && canBuyExtraDomains(plan.id) && /* @__PURE__ */ jsxs(Tooltip, { children: [
+                    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("button", { type: "button", className: "flex items-center justify-center size-5 shrink-0", children: /* @__PURE__ */ jsx(IconInfoCircle, { size: 14, className: "text-zinc-400" }) }) }),
+                    /* @__PURE__ */ jsx(TooltipContent, { side: "right", className: "max-w-53.75 p-3", children: translateSheet("domainTooltip") })
+                  ] })
+                ] }),
+                feature.isDomain && domainItem && canBuyExtraDomains(plan.id) && domainExtraBuckets.map((bucket) => /* @__PURE__ */ jsx("span", { className: "paragraph-xsmall-medium text-zinc-400", children: bucket.isPromo ? translateSheet("domainPromoPrice", {
+                  count: String(bucket.quantity),
+                  price: formatCurrencyNumber(bucket.value)
+                }) : translateSheet("domainBucketPrice", {
+                  count: String(bucket.quantity),
+                  price: formatCurrencyNumber(bucket.value)
+                }) }, bucket.value))
+              ] })
+            ] }, feature.label)) })
+          ] }),
+          showAddonsCta && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "flex items-center gap-3 p-4 rounded-lg",
+                isDefaultWhitelabel ? "bg-cyan-50" : "bg-zinc-50"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(IconInfoCircle, { size: 16, className: "text-zinc-950 shrink-0 mt-0.5" }),
+                /* @__PURE__ */ jsxs("p", { className: "paragraph-small-regular text-zinc-950", children: [
+                  translateSheet("manageAddons"),
+                  " ",
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: handleManageAddons,
+                      className: "paragraph-small-semibold underline cursor-pointer hover:text-zinc-700 transition-colors",
+                      children: translateSheet("manageAddonsLink")
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-zinc-600 paragraph-small-regular", children: translateSheet("paymentInfo") }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col bg-zinc-50 rounded-lg p-4 gap-4", children: [
+              /* @__PURE__ */ jsx(DetailField, { label: translateSheet("valueLabel"), value }),
+              couponValue && /* @__PURE__ */ jsx(DetailField, { label: translateSheet("couponLabel"), value: couponValue }),
+              /* @__PURE__ */ jsx(DetailField, { label: translateSheet("paymentMethodLabel"), value: paymentMethod }),
+              /* @__PURE__ */ jsx(DetailField, { label: translateSheet("periodicityLabel"), value: periodicityAdverb }),
+              !isPartnerPlan && /* @__PURE__ */ jsx(DetailField, { label: translateSheet("planValidityLabel"), value: dueDate })
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  ) });
+}
+export {
+  PlanDetailsSheet
+};
+//# sourceMappingURL=PlanDetailsSheet.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/account/sections/subscription/PlanDetailsSheet.tsx"],"sourcesContent":["'use client';\n\nimport { IconCheck, IconInfoCircle, IconX } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { Badge } from '../../../ui/data-display/Badge';\nimport { Separator } from '../../../ui/data-display/Separator';\nimport { Skeleton } from '../../../ui/feedback/Skeleton';\nimport { Sheet, SheetContent, SheetHeader, SheetTitle } from '../../../ui/overlay/Sheet';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../../../ui/overlay/Tooltip';\nimport { useCurrencyFormatter } from '../../../../modules/accounts/hooks/use-currency-formatter.hook';\nimport { useManagementPermissions } from '../../../../modules/auth/hooks/useManagementPermissions';\nimport { useCouponById } from '../../../../modules/coupons/hooks/use-coupon-by-id.hook';\nimport { usePlanById } from '../../../../modules/plans/hooks/use-plan-by-id.hook';\nimport { mapApiPlanToUiPlanForCurrency } from '../../../../modules/plans/utils/map-api-plan-to-ui';\nimport type { UiPlan } from '../../../../modules/plans/types/plan.type';\nimport {\n  ADDON_IDS,\n  canBuyExtraDomains,\n  getDomainExtraPrice,\n} from '../../../../modules/subscriptions/constants/addons.constants';\nimport { useCurrentSubscription } from '../../../../modules/subscriptions/hooks/use-current-subscription.hook';\nimport {\n  getPeriodicityLabel,\n  periodicityToBillingPeriod,\n} from '../../../../modules/subscriptions/utils/periodicity';\nimport { resolveSubscriptionPlanName } from '../../../../modules/subscriptions/utils/resolve-subscription-plan-name';\nimport { useIsDefaultWhitelabel } from '../../../../providers/whitelabel.provider';\nimport { formatShortDate } from '../../../../infra/utils/date';\nimport useIsMobile from '../../../../hooks/useIsMobile';\nimport { cn } from '../../../../infra/utils/clsx';\nimport { useSubscriptionFlows } from '../../../../store/useSubscriptionFlows';\nimport useSubscriptionActions from '../../hooks/useSubscriptionActions';\n\ntype DisplayFeature = {\n  label: string;\n  enabled: boolean;\n  isDomain?: boolean;\n};\n\nfunction buildDisplayFeatures(\n  uiPlan: UiPlan,\n  subscriptionItems: { id_addon: number | null; quantity: number; value: number | null }[],\n  planItems: { id_addon: number; quantity: number }[],\n  // `key: any`: o app tipa `useTranslations()` contra o catálogo dele e a chave literal não é\n  // atribuível a `string` — mesmo padrão dos outros helpers que recebem o translate.\n  translate: (key: any, values?: Record<string, string | number>) => string\n): DisplayFeature[] {\n  const features: DisplayFeature[] = [{ label: uiPlan.mainFeatures.pages, enabled: true }];\n\n  // Domínios: total = soma dos itens; base = item com value 0 (o incluso no plano); extras = resto.\n  const subDomainItems = subscriptionItems.filter((item) => item.id_addon === ADDON_IDS.DOMAINS);\n  const planDomainItem = planItems.find((item) => item.id_addon === ADDON_IDS.DOMAINS);\n  const totalDomains = subDomainItems.reduce((sum, item) => sum + (item.quantity ?? 0), 0);\n  const baseDomains =\n    subDomainItems.find((item) => (item.value ?? 0) === 0)?.quantity ?? planDomainItem?.quantity ?? 0;\n  const extraDomains = Math.max(0, totalDomains - baseDomains);\n\n  if (totalDomains >= 999) {\n    features.push({\n      label: translate('common.account.workspace.subscription.planDetails.unlimitedDomains'),\n      enabled: true,\n    });\n  } else {\n    features.push({\n      label:\n        extraDomains > 0\n          ? translate('common.account.workspace.subscription.planDetails.domainsSummary', {\n              total: String(totalDomains),\n              base: String(baseDomains),\n              extra: String(extraDomains),\n            })\n          : translate('common.account.workspace.subscription.planDetails.domainsSummaryNoExtra', {\n              total: String(totalDomains),\n              base: String(baseDomains),\n            }),\n      enabled: true,\n      isDomain: true,\n    });\n  }\n\n  features.push({ label: uiPlan.mainFeatures.users, enabled: true });\n\n  const abTestItem = subscriptionItems.find((item) => item.id_addon === ADDON_IDS.AB_TEST);\n  if (abTestItem && abTestItem.quantity > 0) {\n    features.push({\n      label: translate('common.account.workspace.subscription.planDetails.abTestUnlimited'),\n      enabled: true,\n    });\n  }\n\n  const heatmapItem = subscriptionItems.find((item) => item.id_addon === ADDON_IDS.HEATMAP);\n  if (heatmapItem && heatmapItem.quantity > 0) {\n    features.push({\n      label: translate('common.account.workspace.subscription.planDetails.heatmap'),\n      enabled: true,\n    });\n  }\n\n  for (const feature of uiPlan.features) {\n    features.push({ label: feature.text, enabled: feature.icon === 'check' });\n  }\n\n  return features;\n}\n\nfunction DetailField({ label, value }: { label: string; value: string }) {\n  return (\n    <div className=\"flex items-start\">\n      <span className=\"paragraph-small-medium text-zinc-950 w-[45%] wrap-break-word\">{label}</span>\n      <span className=\"paragraph-small-regular text-zinc-600 w-[55%] wrap-break-word\">{value}</span>\n    </div>\n  );\n}\n\n/** Tudo que o plano inclui e as informações de cobrança da assinatura corrente. */\nexport function PlanDetailsSheet() {\n  const translate = useTranslations();\n  const translateSheet = useTranslations('common.account.workspace.subscription.planDetails');\n  const isMobile = useIsMobile();\n  const isDefaultWhitelabel = useIsDefaultWhitelabel();\n  const { currency, formatCurrencyNumber } = useCurrencyFormatter();\n  const { isOwnerOrAdmin } = useManagementPermissions();\n\n  const isOpen = useSubscriptionFlows((state) => state.isPlanDetailsOpen);\n  const close = useSubscriptionFlows((state) => state.closePlanDetails);\n  const actions = useSubscriptionActions();\n\n  const { data: subscriptionData } = useCurrentSubscription();\n  const subscription = subscriptionData?.data?.[0];\n  const { data: planData } = usePlanById(subscription?.id_plan);\n  const plan = planData?.data;\n  const { data: couponData } = useCouponById(subscription?.id_coupon);\n  const appliedCoupon = couponData?.data;\n\n  const hasData = !!subscription && !!plan;\n\n  const uiPlan = hasData ? mapApiPlanToUiPlanForCurrency(currency, translate)(plan) : null;\n  const features =\n    uiPlan && plan && subscription\n      ? buildDisplayFeatures(uiPlan, subscription.items, plan.items ?? [], translate)\n      : [];\n  const domainItem = hasData ? subscription.items.find((item) => item.id_addon === ADDON_IDS.DOMAINS) : undefined;\n\n  // Preço do domínio extra: o item base do plano, com fallback na tabela por plano.\n  const domainExtraPrice = hasData\n    ? (plan.items?.find((item) => item.id_addon === ADDON_IDS.DOMAINS && item.base)?.value ??\n      plan.items?.find((item) => item.id_addon === ADDON_IDS.DOMAINS && (item.value ?? 0) > 0)?.value ??\n      getDomainExtraPrice(plan.id))\n    : 0;\n\n  // Domínios pagos agrupados por preço; base primeiro, promoções depois.\n  const domainExtraBuckets = hasData\n    ? Array.from(\n        subscription.items\n          .filter((item) => item.id_addon === ADDON_IDS.DOMAINS && (item.value ?? 0) > 0)\n          .reduce(\n            (acc, item) => acc.set(item.value!, (acc.get(item.value!) ?? 0) + item.quantity),\n            new Map<number, number>()\n          )\n          .entries()\n      )\n        .map(([value, quantity]) => ({\n          value,\n          quantity,\n          isPromo: Math.abs(value - domainExtraPrice) > 0.01,\n        }))\n        .sort((a, b) => (a.isPromo === b.isPromo ? b.value - a.value : a.isPromo ? 1 : -1))\n    : [];\n\n  const value = hasData ? formatCurrencyNumber(subscription.value ?? 0) : '--';\n  const periodicity = hasData ? getPeriodicityLabel(subscription.periodicity, translate) : '';\n  const billingPeriod = hasData ? periodicityToBillingPeriod(subscription.periodicity) : 'monthly';\n  const periodicityAdverb = hasData\n    ? billingPeriod === 'semiannual'\n      ? translateSheet('periodicitySemiannual')\n      : billingPeriod === 'annual'\n        ? translateSheet('periodicityAnnual')\n        : translateSheet('periodicityMonthly')\n    : '';\n\n  // Trial sem cartão: mostrar forma de cobrança não faz sentido.\n  const isTrialNoCard = hasData && subscription.type === 'trial' && !subscription.id_card;\n  const paymentMethod = !hasData\n    ? '--'\n    : isTrialNoCard\n      ? translateSheet('trialPeriod')\n      : subscription.payment_method === 2\n        ? translateSheet('paymentMethodBoleto')\n        : translateSheet('paymentMethodCard');\n\n  const stripeData = appliedCoupon?.stripe_data;\n  const couponValue = !appliedCoupon\n    ? null\n    : stripeData?.percent_off != null\n      ? translateSheet('couponValuePercent', {\n          code: appliedCoupon.code,\n          percent: String(stripeData.percent_off),\n        })\n      : stripeData?.amount_off != null\n        ? translateSheet('couponValueAmount', {\n            code: appliedCoupon.code,\n            amount: formatCurrencyNumber(stripeData.amount_off / 100),\n          })\n        : appliedCoupon.code;\n\n  const dueDate = hasData && subscription.date_due ? formatShortDate(subscription.date_due) : '--';\n  const planName = hasData ? resolveSubscriptionPlanName(subscription, translate, translateSheet('noName')) : '';\n  const cancelled =\n    hasData && !!subscription.date_cancellation && subscription.date_cancellation < new Date();\n  const isPartnerPlan = hasData && subscription.type === 'partner';\n  const isOverdue = hasData && !!subscription.date_due && new Date(subscription.date_due) < new Date();\n  const showAddonsCta = hasData && !cancelled && !isOverdue && isOwnerOrAdmin;\n  const showBadge = cancelled && subscription.type === 'client';\n\n  const handleManageAddons = () => {\n    close();\n    actions.changePlan();\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-t-lg pt-[env(safe-area-inset-top)] pb-[env(safe-area-inset-bottom)]'\n            : 'h-screen max-w-120! w-120!',\n          'data-[state=open]:max-h-none data-[state=open]:h-dvh gap-6!'\n        )}\n      >\n        <SheetHeader className=\"border-b border-zinc-200\">\n          <SheetTitle className=\"paragraph-medium-semibold text-zinc-950\">\n            {translateSheet('title')}\n          </SheetTitle>\n        </SheetHeader>\n\n        {!hasData ? (\n          <div className=\"flex flex-col gap-6 px-5 pb-6\">\n            <div className=\"flex flex-col gap-0.5\">\n              <div className=\"flex items-center gap-2\">\n                <Skeleton className=\"h-5 w-40 rounded\" />\n                <Skeleton className=\"h-5 w-16 rounded-lg\" />\n              </div>\n              <Skeleton className=\"h-4 w-28 rounded\" />\n            </div>\n            <Separator />\n            <div className=\"flex flex-col gap-2\">\n              <Skeleton className=\"h-4 w-32 rounded\" />\n              <div className=\"flex flex-col bg-zinc-50 rounded-lg p-4 gap-3\">\n                {Array.from({ length: 12 }).map((_, index) => (\n                  <div key={index} className=\"flex items-center gap-2\">\n                    <Skeleton className=\"size-4 rounded shrink-0\" />\n                    <Skeleton className=\"h-4 w-full rounded\" />\n                  </div>\n                ))}\n              </div>\n            </div>\n          </div>\n        ) : (\n          <div className=\"flex flex-col gap-6 px-5 pb-6 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            <div className=\"flex flex-col gap-0.5\">\n              <div className=\"flex items-center gap-2\">\n                <span className=\"paragraph-medium-semibold text-zinc-950\">\n                  {translateSheet('planName', { name: planName })}\n                </span>\n                {showBadge ? (\n                  <Badge className=\"text-red-700 border border-red-100 bg-red-50 rounded-lg paragraph-xsmall-semibold\">\n                    {translateSheet('cancelledBadge')}\n                  </Badge>\n                ) : (\n                  <Badge className=\"text-blue-700 border border-blue-100 bg-blue-50 rounded-lg paragraph-xsmall-semibold\">\n                    {periodicity}\n                  </Badge>\n                )}\n              </div>\n              {!isPartnerPlan && (\n                <span className=\"paragraph-small-medium text-zinc-600\">\n                  {translateSheet('validity')} <span className=\"text-zinc-950\">{dueDate}</span>\n                </span>\n              )}\n            </div>\n\n            <Separator />\n\n            <div className=\"flex flex-col gap-2\">\n              <span className=\"text-zinc-600 paragraph-small-regular\">\n                {translateSheet('includedInPlan')}\n              </span>\n              <div className=\"flex flex-col bg-zinc-50 rounded-lg p-4 gap-3\">\n                {features.map((feature) => (\n                  <div key={feature.label} className=\"flex items-start gap-2\">\n                    {feature.enabled ? (\n                      <IconCheck size={16} className=\"text-zinc-950 shrink-0 mt-0.5\" />\n                    ) : (\n                      <IconX size={16} className=\"text-zinc-300 shrink-0 mt-0.5\" />\n                    )}\n                    <div className=\"flex flex-col\">\n                      <div className=\"flex items-center gap-1.5\">\n                        <span\n                          className={cn(\n                            'paragraph-small-medium',\n                            feature.enabled ? 'text-zinc-500' : 'text-zinc-300'\n                          )}\n                        >\n                          {feature.label}\n                        </span>\n                        {feature.isDomain && domainItem && canBuyExtraDomains(plan.id) && (\n                          <Tooltip>\n                            <TooltipTrigger asChild>\n                              <button type=\"button\" className=\"flex items-center justify-center size-5 shrink-0\">\n                                <IconInfoCircle size={14} className=\"text-zinc-400\" />\n                              </button>\n                            </TooltipTrigger>\n                            <TooltipContent side=\"right\" className=\"max-w-53.75 p-3\">\n                              {translateSheet('domainTooltip')}\n                            </TooltipContent>\n                          </Tooltip>\n                        )}\n                      </div>\n                      {feature.isDomain &&\n                        domainItem &&\n                        canBuyExtraDomains(plan.id) &&\n                        domainExtraBuckets.map((bucket) => (\n                          <span key={bucket.value} className=\"paragraph-xsmall-medium text-zinc-400\">\n                            {bucket.isPromo\n                              ? translateSheet('domainPromoPrice', {\n                                  count: String(bucket.quantity),\n                                  price: formatCurrencyNumber(bucket.value),\n                                })\n                              : translateSheet('domainBucketPrice', {\n                                  count: String(bucket.quantity),\n                                  price: formatCurrencyNumber(bucket.value),\n                                })}\n                          </span>\n                        ))}\n                    </div>\n                  </div>\n                ))}\n              </div>\n            </div>\n\n            {showAddonsCta && (\n              <div\n                className={cn(\n                  'flex items-center gap-3 p-4 rounded-lg',\n                  isDefaultWhitelabel ? 'bg-cyan-50' : 'bg-zinc-50'\n                )}\n              >\n                <IconInfoCircle size={16} className=\"text-zinc-950 shrink-0 mt-0.5\" />\n                <p className=\"paragraph-small-regular text-zinc-950\">\n                  {translateSheet('manageAddons')}{' '}\n                  <button\n                    type=\"button\"\n                    onClick={handleManageAddons}\n                    className=\"paragraph-small-semibold underline cursor-pointer hover:text-zinc-700 transition-colors\"\n                  >\n                    {translateSheet('manageAddonsLink')}\n                  </button>\n                </p>\n              </div>\n            )}\n\n            <div className=\"flex flex-col gap-2\">\n              <span className=\"text-zinc-600 paragraph-small-regular\">{translateSheet('paymentInfo')}</span>\n              <div className=\"flex flex-col bg-zinc-50 rounded-lg p-4 gap-4\">\n                <DetailField label={translateSheet('valueLabel')} value={value} />\n                {couponValue && <DetailField label={translateSheet('couponLabel')} value={couponValue} />}\n                <DetailField label={translateSheet('paymentMethodLabel')} value={paymentMethod} />\n                <DetailField label={translateSheet('periodicityLabel')} value={periodicityAdverb} />\n                {!isPartnerPlan && (\n                  <DetailField label={translateSheet('planValidityLabel')} value={dueDate} />\n                )}\n              </div>\n            </div>\n          </div>\n        )}\n      </SheetContent>\n    </Sheet>\n  );\n}\n"],"mappings":"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","names":["value"]}

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

@@ -0,0 +1,237 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import {
+  IconBarcode,
+  IconCreditCard,
+  IconDownload,
+  IconExternalLink,
+  IconFileInvoice,
+  IconLoader2,
+  IconQrcode
+} from "@tabler/icons-react";
+import { useTranslations } from "next-intl";
+import { toast } from "sonner";
+import { Button } from "../../../ui/buttons/Button";
+import { CardBrandIcon } from "../../../ui/data-display/CardBrandIcons";
+import { BoletoIcon } from "../../../ui/data-display/PaymentMethodIcons";
+import { Skeleton } from "../../../ui/feedback/Skeleton";
+import { Toast } from "../../../ui/feedback/Toast";
+import { Sheet, SheetContent, SheetFooter, SheetHeader, SheetTitle } from "../../../ui/overlay/Sheet";
+import { useCurrencyFormatter } from "../../../../modules/accounts/hooks/use-currency-formatter.hook";
+import { useNotaFiscal } from "../../../../modules/charges/hooks/nota-fiscal.hook";
+import { getChargeDownloadUrl } from "../../../../modules/charges/utils/get-charge-download-url";
+import { useSubscriptionById } from "../../../../modules/subscriptions/hooks/find-subscription-by-id.hook";
+import { useWhitelabel } from "../../../../providers/whitelabel.provider";
+import useIsMobile from "../../../../hooks/useIsMobile";
+import { cn } from "../../../../infra/utils/clsx";
+import { useSubscriptionFlows } from "../../../../store/useSubscriptionFlows";
+import { ChargeStatusBadge } from "./ChargeStatusBadge";
+import { BoletoDetailsDialog } from "./BoletoDetailsDialog";
+import { PixDetailsDialog } from "./PixDetailsDialog";
+function InfoRow({ label, value }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col lg:flex-row gap-1 lg:gap-3 lg:items-center", children: [
+    /* @__PURE__ */ jsx("span", { className: "paragraph-small-medium text-zinc-950 lg:w-[160px] shrink-0", children: label }),
+    /* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-zinc-600", children: value })
+  ] });
+}
+function PaymentMethodIcon({
+  paymentMethod,
+  cardBrand
+}) {
+  if (paymentMethod === 1 && cardBrand) {
+    return /* @__PURE__ */ jsx(CardBrandIcon, { brand: cardBrand.toLowerCase(), className: "h-[17px] w-auto" });
+  }
+  if (paymentMethod === 2) return /* @__PURE__ */ jsx(BoletoIcon, { className: "text-zinc-950" });
+  if (paymentMethod === 3) return /* @__PURE__ */ jsx(IconQrcode, { size: 20, className: "text-zinc-950" });
+  return null;
+}
+function ReceiptDetailsSheet() {
+  const translate = useTranslations("common.account.workspace.subscription.receipt");
+  const isMobile = useIsMobile();
+  const { formatCurrencyNumber, currency } = useCurrencyFormatter();
+  const { whitelabel } = useWhitelabel();
+  const { mutateAsync: fetchNotaFiscal, isPending: isLoadingNotaFiscal } = useNotaFiscal();
+  const charge = useSubscriptionFlows((state) => state.receiptCharge);
+  const close = useSubscriptionFlows((state) => state.closeReceipt);
+  const openPayCharge = useSubscriptionFlows((state) => state.openPayCharge);
+  const [boletoDialogOpen, setBoletoDialogOpen] = useState(false);
+  const [pixDialogOpen, setPixDialogOpen] = useState(false);
+  const { data: subscriptionData, isLoading: isLoadingSubscription } = useSubscriptionById(
+    charge?.id_subscription ?? void 0
+  );
+  if (!charge) return null;
+  const isPending = charge.status === 0;
+  const isPaid = charge.status === 1;
+  const downloadUrl = getChargeDownloadUrl(charge);
+  const paymentDetails = charge.payment_details;
+  const resolvedPaymentMethod = charge.payment_method ?? (paymentDetails?.type === "card" ? 1 : paymentDetails?.type === "boleto" ? 2 : paymentDetails?.type === "pix" ? 3 : 0);
+  const subscription = subscriptionData?.data;
+  const subscriptionCard = subscription?.card;
+  const paidCardBrand = paymentDetails?.brand;
+  const paidCardLast4 = paymentDetails?.last4;
+  const currentCardBrand = subscriptionCard?.brand || subscription?.card_brand;
+  const currentCardLast4 = subscriptionCard?.last4 || subscription?.card_number?.slice(-4);
+  const resolvedCardBrand = isPaid ? paidCardBrand || currentCardBrand : currentCardBrand || paidCardBrand;
+  const resolvedCardLast4 = isPaid ? paidCardLast4 || currentCardLast4 : currentCardLast4 || paidCardLast4;
+  const isBoleto = resolvedPaymentMethod === 2;
+  const isPix = resolvedPaymentMethod === 3;
+  const boletoDetails = paymentDetails?.type === "boleto" ? paymentDetails : null;
+  const boletoUrl = boletoDetails?.hosted_voucher_url ?? boletoDetails?.pdf ?? charge.gateway_billet ?? charge.invoice_url;
+  const canHaveNotaFiscal = isPaid && whitelabel?.id === 1 && currency !== "usd";
+  const handleDownloadNotaFiscal = async () => {
+    try {
+      const result = await fetchNotaFiscal(charge.id);
+      const nota = result.notas.find((item) => item.linkPdf) ?? result.notas[0];
+      const url = nota?.linkPdf ?? nota?.linkXml ?? null;
+      if (!result.emitida || !url) {
+        toast.custom((toastId) => /* @__PURE__ */ jsx(Toast, { variant: "error", message: translate("notaFiscalEmpty"), toastId }));
+        return;
+      }
+      window.open(url, "_blank", "noopener,noreferrer");
+    } catch (error) {
+      const message = error instanceof Error ? error.message : translate("notaFiscalError");
+      toast.custom((toastId) => /* @__PURE__ */ jsx(Toast, { variant: "error", message, toastId }));
+    }
+  };
+  const paymentMethodLabel = resolvedPaymentMethod === 1 ? translate("paymentMethodCreditCard") : resolvedPaymentMethod === 2 ? translate("paymentMethodBoleto") : resolvedPaymentMethod === 3 ? translate("paymentMethodPix") : "";
+  const paymentMethodBlock = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col lg:flex-row gap-1 lg:gap-3 lg:items-center", children: [
+      /* @__PURE__ */ jsx("span", { className: "paragraph-small-medium text-zinc-950 lg:w-[160px] shrink-0", children: translate("paymentMethod") }),
+      isLoadingSubscription && resolvedPaymentMethod === 1 ? /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-10 rounded" }) : /* @__PURE__ */ jsx(PaymentMethodIcon, { paymentMethod: resolvedPaymentMethod, cardBrand: resolvedCardBrand })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col lg:pl-[172px]", children: [
+      /* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-zinc-600", children: paymentMethodLabel }),
+      resolvedPaymentMethod === 1 && (isLoadingSubscription && !resolvedCardLast4 ? /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20 rounded" }) : resolvedCardLast4 && /* @__PURE__ */ jsxs("span", { className: "paragraph-small-medium text-zinc-600", children: [
+        "\u2022\u2022\u2022\u2022 ",
+        resolvedCardLast4
+      ] }))
+    ] })
+  ] });
+  return /* @__PURE__ */ jsxs(Sheet, { open: !!charge, onOpenChange: (nextOpen) => !nextOpen && close(), children: [
+    /* @__PURE__ */ jsxs(
+      SheetContent,
+      {
+        side: isMobile ? "bottom" : "right",
+        className: cn(
+          "flex flex-col gap-0 p-0",
+          isMobile ? "h-dvh w-full max-w-full rounded-none pt-[env(safe-area-inset-top)] pb-[env(safe-area-inset-bottom)]" : "w-[480px]! sm:max-w-[480px]!"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(SheetHeader, { className: "px-4 sm:px-5 py-3 border-b border-zinc-200", children: /* @__PURE__ */ jsxs(SheetTitle, { className: "paragraph-medium-semibold text-zinc-950", children: [
+            "ID ",
+            charge.id
+          ] }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5 sm:gap-6 p-4 sm:p-5 flex-1 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__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-zinc-600", children: translate("generalInfo") }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 p-4 bg-zinc-50 rounded-lg", children: [
+                /* @__PURE__ */ jsx(
+                  InfoRow,
+                  {
+                    label: translate("chargeLabel"),
+                    value: charge.line_descriptions?.[0] || charge.title || charge.description || translate("noTitle")
+                  }
+                ),
+                charge.description && charge.line_descriptions?.length ? /* @__PURE__ */ jsx(InfoRow, { label: translate("detailsLabel"), value: charge.description }) : null,
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-col lg:flex-row gap-1 lg:gap-3 lg:items-center", children: [
+                  /* @__PURE__ */ jsx("span", { className: "paragraph-small-medium text-zinc-950 lg:w-[160px] shrink-0", children: translate("statusLabel") }),
+                  /* @__PURE__ */ jsx(ChargeStatusBadge, { status: charge.status })
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-zinc-600", children: translate("paymentSection") }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 p-4 bg-zinc-50 rounded-lg", children: [
+                /* @__PURE__ */ jsx(InfoRow, { label: translate("totalValue"), value: formatCurrencyNumber(charge.value) }),
+                isPaid ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(
+                    InfoRow,
+                    {
+                      label: translate("paymentDate"),
+                      value: charge.date_payment ? new Date(charge.date_payment).toLocaleDateString("pt-BR") : void 0
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("div", { className: "w-full h-px bg-zinc-200" }),
+                  paymentMethodBlock
+                ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(
+                    InfoRow,
+                    {
+                      label: translate("dueDate"),
+                      value: charge.date_due ? new Date(charge.date_due).toLocaleDateString("pt-BR", { timeZone: "UTC" }) : void 0
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("div", { className: "w-full h-px bg-zinc-200" }),
+                  paymentMethodBlock
+                ] })
+              ] })
+            ] })
+          ] }),
+          (isPending || isPaid && (!!downloadUrl || canHaveNotaFiscal)) && /* @__PURE__ */ jsx(SheetFooter, { className: "flex-row gap-2 p-4 sm:p-5 border-t border-zinc-200", children: isPending && isPix ? /* @__PURE__ */ jsxs(Button, { className: "h-10 flex-1", onClick: () => setPixDialogOpen(true), children: [
+            /* @__PURE__ */ jsx(IconQrcode, { size: 20 }),
+            translate("viewPixCode")
+          ] }) : isPending && isBoleto ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            boletoUrl && /* @__PURE__ */ jsxs(
+              Button,
+              {
+                className: "h-10 flex-1",
+                onClick: () => window.open(boletoUrl, "_blank", "noopener,noreferrer"),
+                children: [
+                  /* @__PURE__ */ jsx(IconExternalLink, { size: 20 }),
+                  translate("payBoleto")
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                variant: "secondary",
+                className: "h-10 flex-1",
+                onClick: () => setBoletoDialogOpen(true),
+                children: [
+                  /* @__PURE__ */ jsx(IconBarcode, { size: 20 }),
+                  translate("viewBoletoDetails")
+                ]
+              }
+            )
+          ] }) : isPending ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Button, { className: "h-10 flex-1", onClick: () => openPayCharge(charge), children: translate("retryPayment") }),
+            /* @__PURE__ */ jsxs(Button, { variant: "secondary", className: "h-10 flex-1", onClick: () => openPayCharge(charge), children: [
+              /* @__PURE__ */ jsx(IconCreditCard, { size: 20 }),
+              translate("changeCard")
+            ] })
+          ] }) : canHaveNotaFiscal ? /* @__PURE__ */ jsxs(
+            Button,
+            {
+              className: "w-full lg:w-fit h-10",
+              onClick: handleDownloadNotaFiscal,
+              disabled: isLoadingNotaFiscal,
+              children: [
+                isLoadingNotaFiscal ? /* @__PURE__ */ jsx(IconLoader2, { size: 20, className: "animate-spin" }) : /* @__PURE__ */ jsx(IconFileInvoice, { size: 20 }),
+                translate("notaFiscal")
+              ]
+            }
+          ) : downloadUrl ? /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "secondary",
+              className: "w-full lg:w-fit h-10",
+              onClick: () => window.open(downloadUrl, "_blank", "noopener,noreferrer"),
+              children: [
+                translate("downloadReceipt"),
+                /* @__PURE__ */ jsx(IconDownload, { size: 20 })
+              ]
+            }
+          ) : null })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(BoletoDetailsDialog, { open: boletoDialogOpen, charge, onOpenChange: setBoletoDialogOpen }),
+    /* @__PURE__ */ jsx(PixDetailsDialog, { open: pixDialogOpen, charge, onOpenChange: setPixDialogOpen })
+  ] });
+}
+export {
+  ReceiptDetailsSheet
+};
+//# sourceMappingURL=ReceiptDetailsSheet.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/account/sections/subscription/ReceiptDetailsSheet.tsx"],"sourcesContent":["'use client';\n\nimport { useState, type ReactNode } from 'react';\nimport {\n  IconBarcode,\n  IconCreditCard,\n  IconDownload,\n  IconExternalLink,\n  IconFileInvoice,\n  IconLoader2,\n  IconQrcode,\n} from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { toast } from 'sonner';\nimport { Button } from '../../../ui/buttons/Button';\nimport { CardBrandIcon } from '../../../ui/data-display/CardBrandIcons';\nimport { BoletoIcon } from '../../../ui/data-display/PaymentMethodIcons';\nimport { Skeleton } from '../../../ui/feedback/Skeleton';\nimport { Toast } from '../../../ui/feedback/Toast';\nimport { Sheet, SheetContent, SheetFooter, SheetHeader, SheetTitle } from '../../../ui/overlay/Sheet';\nimport { useCurrencyFormatter } from '../../../../modules/accounts/hooks/use-currency-formatter.hook';\nimport { useNotaFiscal } from '../../../../modules/charges/hooks/nota-fiscal.hook';\nimport { getChargeDownloadUrl } from '../../../../modules/charges/utils/get-charge-download-url';\nimport type { Charge } from '../../../../modules/charges/types/charge.type';\nimport { useSubscriptionById } from '../../../../modules/subscriptions/hooks/find-subscription-by-id.hook';\nimport { useWhitelabel } from '../../../../providers/whitelabel.provider';\nimport useIsMobile from '../../../../hooks/useIsMobile';\nimport { cn } from '../../../../infra/utils/clsx';\nimport { useSubscriptionFlows } from '../../../../store/useSubscriptionFlows';\nimport { ChargeStatusBadge } from './ChargeStatusBadge';\nimport { BoletoDetailsDialog } from './BoletoDetailsDialog';\nimport { PixDetailsDialog } from './PixDetailsDialog';\n\nfunction InfoRow({ label, value }: { label: string; value: ReactNode }) {\n  return (\n    <div className=\"flex flex-col lg:flex-row gap-1 lg:gap-3 lg:items-center\">\n      <span className=\"paragraph-small-medium text-zinc-950 lg:w-[160px] shrink-0\">{label}</span>\n      <span className=\"paragraph-small-regular text-zinc-600\">{value}</span>\n    </div>\n  );\n}\n\nfunction PaymentMethodIcon({\n  paymentMethod,\n  cardBrand,\n}: {\n  paymentMethod: number;\n  cardBrand?: string | null;\n}) {\n  if (paymentMethod === 1 && cardBrand) {\n    return <CardBrandIcon brand={cardBrand.toLowerCase()} className=\"h-[17px] w-auto\" />;\n  }\n  if (paymentMethod === 2) return <BoletoIcon className=\"text-zinc-950\" />;\n  if (paymentMethod === 3) return <IconQrcode size={20} className=\"text-zinc-950\" />;\n  return null;\n}\n\n/** Detalhes de uma cobrança: dados gerais, pagamento e as ações de pagar, boleto, pix e nota. */\nexport function ReceiptDetailsSheet() {\n  const translate = useTranslations('common.account.workspace.subscription.receipt');\n  const isMobile = useIsMobile();\n  const { formatCurrencyNumber, currency } = useCurrencyFormatter();\n  const { whitelabel } = useWhitelabel();\n  const { mutateAsync: fetchNotaFiscal, isPending: isLoadingNotaFiscal } = useNotaFiscal();\n\n  const charge = useSubscriptionFlows((state) => state.receiptCharge);\n  const close = useSubscriptionFlows((state) => state.closeReceipt);\n  const openPayCharge = useSubscriptionFlows((state) => state.openPayCharge);\n\n  const [boletoDialogOpen, setBoletoDialogOpen] = useState(false);\n  const [pixDialogOpen, setPixDialogOpen] = useState(false);\n\n  const { data: subscriptionData, isLoading: isLoadingSubscription } = useSubscriptionById(\n    charge?.id_subscription ?? undefined\n  );\n\n  if (!charge) return null;\n\n  const isPending = charge.status === 0;\n  const isPaid = charge.status === 1;\n  const downloadUrl = getChargeDownloadUrl(charge);\n\n  // Sem `payment_method`, o meio vem do `payment_details` que o gateway devolveu.\n  const paymentDetails = charge.payment_details as Record<string, unknown> | null | undefined;\n  const resolvedPaymentMethod =\n    charge.payment_method ??\n    (paymentDetails?.type === 'card'\n      ? 1\n      : paymentDetails?.type === 'boleto'\n        ? 2\n        : paymentDetails?.type === 'pix'\n          ? 3\n          : 0);\n\n  const subscription = subscriptionData?.data;\n  const subscriptionCard = subscription?.card;\n  const paidCardBrand = paymentDetails?.brand as string | undefined;\n  const paidCardLast4 = paymentDetails?.last4 as string | undefined;\n  const currentCardBrand = subscriptionCard?.brand || subscription?.card_brand;\n  const currentCardLast4 = subscriptionCard?.last4 || subscription?.card_number?.slice(-4);\n\n  // Paga mostra o cartão que pagou; em aberto mostra o cartão atual da assinatura, que é quem vai pagar.\n  const resolvedCardBrand = isPaid ? paidCardBrand || currentCardBrand : currentCardBrand || paidCardBrand;\n  const resolvedCardLast4 = isPaid ? paidCardLast4 || currentCardLast4 : currentCardLast4 || paidCardLast4;\n\n  const isBoleto = resolvedPaymentMethod === 2;\n  const isPix = resolvedPaymentMethod === 3;\n  const boletoDetails = paymentDetails?.type === 'boleto' ? paymentDetails : null;\n  const boletoUrl =\n    (boletoDetails?.hosted_voucher_url as string | null | undefined) ??\n    (boletoDetails?.pdf as string | null | undefined) ??\n    charge.gateway_billet ??\n    charge.invoice_url;\n\n  // Nota fiscal só existe na whitelabel principal e em cobrança BRL. Em USD o recibo do gateway já\n  // tem valor fiscal lá fora — nesse caso fica o \"Baixar recibo\".\n  const canHaveNotaFiscal = isPaid && whitelabel?.id === 1 && currency !== 'usd';\n\n  const handleDownloadNotaFiscal = async () => {\n    try {\n      const result = await fetchNotaFiscal(charge.id);\n      const nota = result.notas.find((item) => item.linkPdf) ?? result.notas[0];\n      const url = nota?.linkPdf ?? nota?.linkXml ?? null;\n\n      if (!result.emitida || !url) {\n        toast.custom((toastId) => (\n          <Toast variant=\"error\" message={translate('notaFiscalEmpty')} toastId={toastId} />\n        ));\n        return;\n      }\n\n      window.open(url, '_blank', 'noopener,noreferrer');\n    } catch (error) {\n      const message = error instanceof Error ? error.message : translate('notaFiscalError');\n      toast.custom((toastId) => <Toast variant=\"error\" message={message} toastId={toastId} />);\n    }\n  };\n\n  const paymentMethodLabel =\n    resolvedPaymentMethod === 1\n      ? translate('paymentMethodCreditCard')\n      : resolvedPaymentMethod === 2\n        ? translate('paymentMethodBoleto')\n        : resolvedPaymentMethod === 3\n          ? translate('paymentMethodPix')\n          : '';\n\n  const paymentMethodBlock = (\n    <div className=\"flex flex-col gap-1\">\n      <div className=\"flex flex-col lg:flex-row gap-1 lg:gap-3 lg:items-center\">\n        <span className=\"paragraph-small-medium text-zinc-950 lg:w-[160px] shrink-0\">\n          {translate('paymentMethod')}\n        </span>\n        {isLoadingSubscription && resolvedPaymentMethod === 1 ? (\n          <Skeleton className=\"h-5 w-10 rounded\" />\n        ) : (\n          <PaymentMethodIcon paymentMethod={resolvedPaymentMethod} cardBrand={resolvedCardBrand} />\n        )}\n      </div>\n      <div className=\"flex flex-col lg:pl-[172px]\">\n        <span className=\"paragraph-small-regular text-zinc-600\">{paymentMethodLabel}</span>\n        {resolvedPaymentMethod === 1 &&\n          (isLoadingSubscription && !resolvedCardLast4 ? (\n            <Skeleton className=\"h-4 w-20 rounded\" />\n          ) : (\n            resolvedCardLast4 && (\n              <span className=\"paragraph-small-medium text-zinc-600\">•••• {resolvedCardLast4}</span>\n            )\n          ))}\n      </div>\n    </div>\n  );\n\n  return (\n    <Sheet open={!!charge} onOpenChange={(nextOpen) => !nextOpen && close()}>\n      <SheetContent\n        side={isMobile ? 'bottom' : 'right'}\n        className={cn(\n          'flex flex-col gap-0 p-0',\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            : 'w-[480px]! sm:max-w-[480px]!'\n        )}\n      >\n        <SheetHeader className=\"px-4 sm:px-5 py-3 border-b border-zinc-200\">\n          <SheetTitle className=\"paragraph-medium-semibold text-zinc-950\">ID {charge.id}</SheetTitle>\n        </SheetHeader>\n\n        <div className=\"flex flex-col gap-5 sm:gap-6 p-4 sm:p-5 flex-1 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          <div className=\"flex flex-col gap-2\">\n            <span className=\"paragraph-small-regular text-zinc-600\">{translate('generalInfo')}</span>\n            <div className=\"flex flex-col gap-4 p-4 bg-zinc-50 rounded-lg\">\n              <InfoRow\n                label={translate('chargeLabel')}\n                value={\n                  charge.line_descriptions?.[0] ||\n                  charge.title ||\n                  charge.description ||\n                  translate('noTitle')\n                }\n              />\n              {charge.description && charge.line_descriptions?.length ? (\n                <InfoRow label={translate('detailsLabel')} value={charge.description} />\n              ) : null}\n              <div className=\"flex flex-col lg:flex-row gap-1 lg:gap-3 lg:items-center\">\n                <span className=\"paragraph-small-medium text-zinc-950 lg:w-[160px] shrink-0\">\n                  {translate('statusLabel')}\n                </span>\n                <ChargeStatusBadge status={charge.status} />\n              </div>\n            </div>\n          </div>\n\n          <div className=\"flex flex-col gap-2\">\n            <span className=\"paragraph-small-regular text-zinc-600\">{translate('paymentSection')}</span>\n            <div className=\"flex flex-col gap-4 p-4 bg-zinc-50 rounded-lg\">\n              <InfoRow label={translate('totalValue')} value={formatCurrencyNumber(charge.value)} />\n\n              {isPaid ? (\n                <>\n                  <InfoRow\n                    label={translate('paymentDate')}\n                    value={\n                      charge.date_payment\n                        ? new Date(charge.date_payment).toLocaleDateString('pt-BR')\n                        : undefined\n                    }\n                  />\n                  <div className=\"w-full h-px bg-zinc-200\" />\n                  {paymentMethodBlock}\n                </>\n              ) : (\n                <>\n                  <InfoRow\n                    label={translate('dueDate')}\n                    value={\n                      charge.date_due\n                        ? new Date(charge.date_due).toLocaleDateString('pt-BR', { timeZone: 'UTC' })\n                        : undefined\n                    }\n                  />\n                  <div className=\"w-full h-px bg-zinc-200\" />\n                  {paymentMethodBlock}\n                </>\n              )}\n            </div>\n          </div>\n        </div>\n\n        {(isPending || (isPaid && (!!downloadUrl || canHaveNotaFiscal))) && (\n          <SheetFooter className=\"flex-row gap-2 p-4 sm:p-5 border-t border-zinc-200\">\n            {isPending && isPix ? (\n              <Button className=\"h-10 flex-1\" onClick={() => setPixDialogOpen(true)}>\n                <IconQrcode size={20} />\n                {translate('viewPixCode')}\n              </Button>\n            ) : isPending && isBoleto ? (\n              <>\n                {boletoUrl && (\n                  <Button\n                    className=\"h-10 flex-1\"\n                    onClick={() => window.open(boletoUrl, '_blank', 'noopener,noreferrer')}\n                  >\n                    <IconExternalLink size={20} />\n                    {translate('payBoleto')}\n                  </Button>\n                )}\n                <Button\n                  variant=\"secondary\"\n                  className=\"h-10 flex-1\"\n                  onClick={() => setBoletoDialogOpen(true)}\n                >\n                  <IconBarcode size={20} />\n                  {translate('viewBoletoDetails')}\n                </Button>\n              </>\n            ) : isPending ? (\n              <>\n                <Button className=\"h-10 flex-1\" onClick={() => openPayCharge(charge)}>\n                  {translate('retryPayment')}\n                </Button>\n                <Button variant=\"secondary\" className=\"h-10 flex-1\" onClick={() => openPayCharge(charge)}>\n                  <IconCreditCard size={20} />\n                  {translate('changeCard')}\n                </Button>\n              </>\n            ) : canHaveNotaFiscal ? (\n              <Button\n                className=\"w-full lg:w-fit h-10\"\n                onClick={handleDownloadNotaFiscal}\n                disabled={isLoadingNotaFiscal}\n              >\n                {isLoadingNotaFiscal ? (\n                  <IconLoader2 size={20} className=\"animate-spin\" />\n                ) : (\n                  <IconFileInvoice size={20} />\n                )}\n                {translate('notaFiscal')}\n              </Button>\n            ) : downloadUrl ? (\n              <Button\n                variant=\"secondary\"\n                className=\"w-full lg:w-fit h-10\"\n                onClick={() => window.open(downloadUrl, '_blank', 'noopener,noreferrer')}\n              >\n                {translate('downloadReceipt')}\n                <IconDownload size={20} />\n              </Button>\n            ) : null}\n          </SheetFooter>\n        )}\n      </SheetContent>\n\n      <BoletoDetailsDialog open={boletoDialogOpen} charge={charge} onOpenChange={setBoletoDialogOpen} />\n      <PixDetailsDialog open={pixDialogOpen} charge={charge} onOpenChange={setPixDialogOpen} />\n    </Sheet>\n  );\n}\n"],"mappings":"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","names":[]}