@greatapps/common 1.1.789 → 1.1.791

package/dist/components/account/sections/subscription/change-plan/useChangePlanState.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/account/sections/subscription/change-plan/useChangePlanState.tsx"],"sourcesContent":["'use client';\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n  type ChangeEvent,\n} from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useStripe } from '@stripe/react-stripe-js';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { useTranslations } from 'next-intl';\nimport { toast } from 'sonner';\nimport z from 'zod';\nimport { Toast } from '../../../../ui/feedback/Toast';\nimport { useCurrentAccount } from '../../../../../modules/accounts/hooks/current-account.hook';\nimport { useCurrencyFormatter } from '../../../../../modules/accounts/hooks/use-currency-formatter.hook';\nimport {\n  hasCompleteBillingData,\n  isBrazilianBillingAccount,\n} from '../../../../../modules/accounts/utils/billing-data';\nimport { useCards } from '../../../../../modules/cards/hooks/cards.hook';\nimport { useCouponById } from '../../../../../modules/coupons/hooks/use-coupon-by-id.hook';\nimport {\n  getCouponRestrictions,\n  isCouponApplicableToPlan,\n} from '../../../../../modules/coupons/utils/coupon-restrictions';\nimport type { CouponStripeData } from '../../../../../modules/coupons/types/coupon.type';\nimport { useCountDomains } from '../../../../../modules/domains/hooks/count-domains.hook';\nimport { usePlanById } from '../../../../../modules/plans/hooks/use-plan-by-id.hook';\nimport {\n  ADDON_IDS,\n  buildAiCreditOptions,\n  canBuyExtraDomains,\n  getDomainExtraPrice,\n} from '../../../../../modules/subscriptions/constants/addons.constants';\nimport { useCalculateSubscription } from '../../../../../modules/subscriptions/hooks/calculate-subscription.hook';\nimport { useCreateSubscription } from '../../../../../modules/subscriptions/hooks/create-subscription.hook';\nimport { useCurrentSubscription } from '../../../../../modules/subscriptions/hooks/use-current-subscription.hook';\nimport { useUpdateSubscriptionPlan } from '../../../../../modules/subscriptions/hooks/update-subscription-plan.hook';\nimport { isPendingPixCreateSubscriptionResponse } from '../../../../../modules/subscriptions/types/create-subscription.type';\nimport { confirmPaymentIfRequired, PaymentAuthenticationError } from '../../../../../modules/subscriptions/utils/confirm-payment-if-required';\nimport type { BillingPeriod } from '../../../../../modules/subscriptions/types/billing-period.type';\nimport type { UpdateSubscriptionPlanRequest } from '../../../../../modules/subscriptions/types/calculate-subscription.type';\nimport {\n  getAddonBuckets,\n  buildDomainPlanExtras,\n  buildZeroedOldBuckets,\n  type AddonBucket,\n} from '../../../../../modules/subscriptions/utils/addon-buckets';\nimport {\n  getFirstPeriodPricing,\n  type FirstPeriodPricing,\n} from '../../../../../modules/subscriptions/utils/first-period-pricing';\nimport { isBoletoAvailable, isBoletoPayer } from '../../../../../modules/subscriptions/utils/is-boleto-payer';\nimport {\n  billingPeriodToNumeric,\n  getBillingPeriodLabel,\n  getBillingPeriodMonths,\n  getBillingPeriodSuffix,\n  getCouponDiscount,\n  getDiscount,\n  getEffectiveDiscountPercent,\n  getPeriodPricingKey,\n  getPeriodicityLabel,\n  getPriceFromCalculatedData,\n  periodicityToBillingPeriod,\n} from '../../../../../modules/subscriptions/utils/periodicity';\nimport { resolveSubscriptionPlanName } from '../../../../../modules/subscriptions/utils/resolve-subscription-plan-name';\nimport { useWhitelabel } from '../../../../../providers/whitelabel.provider';\nimport { useDebouncedEffect } from '../../../../../hooks/useDebouncedEffect';\nimport { useSubscriptionFlows } from '../../../../../store/useSubscriptionFlows';\n\n/** Mínimo de domínios que qualquer plano inclui. */\nconst MIN_DOMAINS = 1;\n\nexport const changePlanSchema = z.object({\n  paymentMethod: z.enum(['card', 'boleto', 'pix']),\n  selectedCardId: z.string(),\n  selectedReason: z.string(),\n  reasonText: z.string(),\n});\n\nexport type ChangePlanFormData = z.infer<typeof changePlanSchema>;\n\ntype ChangePlanState = ReturnType<typeof useChangePlanLogic>;\n\nconst ChangePlanContext = createContext<ChangePlanState | null>(null);\n\nexport const ChangePlanProvider = ChangePlanContext.Provider;\n\nexport function useChangePlan() {\n  const context = useContext(ChangePlanContext);\n  if (!context) throw new Error('useChangePlan precisa estar dentro de ChangePlanProvider');\n  return context;\n}\n\n/** Delta de pró-rata (centavos) do pix recorrente — resposta passthrough, leitura defensiva. */\nfunction readProrataValueCents(response: unknown): number | null {\n  const value = (response as { prorata_value_cents?: unknown }).prorata_value_cents;\n  return typeof value === 'number' && Number.isFinite(value) ? value : null;\n}\n\nconst paymentMethodToNumeric = (method: 'card' | 'boleto' | 'pix') =>\n  method === 'card' ? 1 : method === 'boleto' ? 2 : 3;\n\nexport function useChangePlanLogic() {\n  const translate = useTranslations();\n  const { whitelabel } = useWhitelabel();\n  const stripe = useStripe();\n  const { data: account } = useCurrentAccount();\n  const { currency, formatCurrencyNumber } = useCurrencyFormatter();\n  const isUsdAccount = currency === 'usd';\n\n  const changePlan = useSubscriptionFlows((state) => state.changePlan);\n  const closeChangePlan = useSubscriptionFlows((state) => state.closeChangePlan);\n  const openPlansCatalog = useSubscriptionFlows((state) => state.openPlansCatalog);\n  const openPixPayment = useSubscriptionFlows((state) => state.openPixPayment);\n  const openBoletoGenerated = useSubscriptionFlows((state) => state.openBoletoGenerated);\n  const openBillingAddress = useSubscriptionFlows((state) => state.openBillingAddress);\n  const openPaymentConfirmation = useSubscriptionFlows((state) => state.openPaymentConfirmation);\n\n  const open = !!changePlan;\n  const data = changePlan ?? undefined;\n  const isReactivation = data?.isReactivation ?? false;\n\n  const { mutateAsync: updatePlanAsync } = useUpdateSubscriptionPlan();\n  const { mutateAsync: createSubscriptionAsync } = useCreateSubscription();\n  const { data: cardsData } = useCards();\n\n  const { data: subscriptionData, isFetched: activeSubscriptionFetched } = useCurrentSubscription();\n  const activeSubscription = subscriptionData?.data?.[0];\n  const subscriptionCouponId =\n    activeSubscription?.id_coupon != null ? Number(activeSubscription.id_coupon) : null;\n  const { data: subscriptionCouponData } = useCouponById(\n    open && subscriptionCouponId != null ? subscriptionCouponId : null\n  );\n  const { mutate: calculate, isPending: isCalculatePending, data: calculateData } =\n    useCalculateSubscription();\n\n  const [currentStep, setCurrentStep] = useState(1);\n  const [selectedCreditIndex, setSelectedCreditIndex] = useState(0);\n  const [bucketEdits, setBucketEdits] = useState<Record<string, number>>({});\n  const [abTestEnabled, setAbTestEnabled] = useState(false);\n  const [appliedCouponId, setAppliedCouponId] = useState<number | null>(null);\n  const [appliedCouponCode, setAppliedCouponCode] = useState<string | null>(null);\n  const [appliedCouponStripeData, setAppliedCouponStripeData] = useState<CouponStripeData | null>(null);\n  const [activeCardIdAddon, setActiveCardIdAddon] = useState('');\n  const [abTestDetailsOpen, setAbTestDetailsOpen] = useState(false);\n  const [isCouponDialogOpen, setIsCouponDialogOpen] = useState(false);\n  const [isReactivating, setIsReactivating] = useState(false);\n  /**\n   * Assinatura criada que ficou esperando o 3DS. Enquanto existir, o submit re-autentica ESTA\n   * cobrança em vez de criar outra — sem isso, quem erra a autenticação e tenta de novo termina\n   * com duas assinaturas.\n   */\n  const [pendingAuthSecret, setPendingAuthSecret] = useState<string | null>(null);\n  const pendingUpdatePayloadRef = useRef<UpdateSubscriptionPlanRequest | null>(null);\n  const hasInitialized = useRef(false);\n\n  const targetPlan = data?.targetPlan;\n  const isDowngrade = data?.isDowngrade ?? false;\n\n  const { data: currentPlanData } = usePlanById(activeSubscription?.id_plan);\n  const currentPlan = currentPlanData?.data;\n  const effectivePlan = targetPlan ?? currentPlan;\n  const effectivePlanId = targetPlan ? targetPlan.planId : currentPlan?.id;\n\n  const wlName = whitelabel?.name || '';\n\n  const subscriptionBillingPeriod =\n    periodicityToBillingPeriod(activeSubscription?.periodicity) ?? 'monthly';\n  // Reativar pelo card não escolhe período (herda o da assinatura); vindo da vitrine, o período\n  // escolhido lá manda — inclusive na contratação, que reusa este mesmo fluxo.\n  const requestedBillingPeriod: BillingPeriod = data?.billingPeriod ?? subscriptionBillingPeriod;\n  // Só a contratação troca de período aqui dentro: na troca de plano o período já veio decidido\n  // pela vitrine, e na gestão de adicionais ele é o da assinatura corrente.\n  const [contractingBillingPeriod, setContractingBillingPeriod] = useState<BillingPeriod | null>(null);\n  const billingPeriod: BillingPeriod =\n    isReactivation && contractingBillingPeriod ? contractingBillingPeriod : requestedBillingPeriod;\n  const modalBillingPeriod: BillingPeriod = data?.billingPeriod ?? 'monthly';\n\n  const subscriptionItems = activeSubscription?.items ?? [];\n  const domainItems = subscriptionItems.filter((item) => item.id_addon === ADDON_IDS.DOMAINS);\n  const abTestItem = subscriptionItems.find((item) => item.id_addon === ADDON_IDS.AB_TEST);\n  const aiItems = subscriptionItems.filter(\n    (item) => item.id_addon === ADDON_IDS.AI && (item.value ?? 0) > 0\n  );\n  const aiItem =\n    aiItems.length > 0\n      ? aiItems.reduce((best, item) => (item.quantity > best.quantity ? item : best))\n      : undefined;\n\n  const planDomainItem = effectivePlan?.items.find(\n    (item) => item.id_addon === ADDON_IDS.DOMAINS && item.value == 0\n  );\n  const planAbTestItem = effectivePlan?.items.find((item) => item.id_addon === ADDON_IDS.AB_TEST);\n  const aiCreditOptions = buildAiCreditOptions(effectivePlan?.items ?? []);\n  const selectedCredit = aiCreditOptions[selectedCreditIndex] ?? aiCreditOptions[0];\n\n  const hasDomainsAddon =\n    !!effectivePlan?.items.find((item) => item.id_addon === ADDON_IDS.DOMAINS && item.value > 0) &&\n    canBuyExtraDomains(effectivePlanId);\n\n  // A/B incluso no plano (item com value 0) trava o toggle; só o A/B avulso pago é gerenciável.\n  const planAbTestIncludedItem = effectivePlan?.items.find(\n    (item) => item.id_addon === ADDON_IDS.AB_TEST && (item.value ?? 0) === 0 && (item.quantity ?? 0) > 0\n  );\n  const abTestIncludedInPlan = !!planAbTestIncludedItem;\n  const hasAbTestAddon =\n    !abTestIncludedInPlan &&\n    !!effectivePlan?.items.find((item) => item.id_addon === ADDON_IDS.AB_TEST && (item.value ?? 0) > 0);\n\n  const { data: registeredDomains = 0, isSuccess: registeredDomainsLoaded } = useCountDomains({\n    enabled: open,\n  });\n\n  // Backend normalizado: `value` de plano e de assinatura é sempre mensal por unidade.\n  const planDomainItems = effectivePlan?.items.filter(\n    (item) => item.id_addon === ADDON_IDS.DOMAINS && (item.value ?? 0) > 0\n  );\n  const planDomainPrice =\n    planDomainItems?.find((item) => item.base)?.value ??\n    planDomainItems?.[0]?.value ??\n    getDomainExtraPrice(effectivePlanId);\n  const domainPriceMonthly = planDomainPrice;\n\n  const subscriptionAbTestPrice =\n    subscriptionItems.find((item) => item.id_addon === ADDON_IDS.AB_TEST && (item.value ?? 0) > 0)\n      ?.value ?? 0;\n  const abTestPriceMonthly = subscriptionAbTestPrice || (planAbTestItem?.value ?? 0);\n\n  // A/B incluso nunca é zerado no payload; fora disso segue o toggle.\n  const abTestPayloadQuantity = abTestIncludedInPlan\n    ? (planAbTestIncludedItem?.quantity ?? 1)\n    : abTestEnabled\n      ? 1\n      : 0;\n\n  const subscriptionIncludedDomainsItem = domainItems.find((item) => (item.value ?? 0) === 0);\n  const planIncludedDomains = targetPlan\n    ? (planDomainItem?.quantity ?? MIN_DOMAINS)\n    : (subscriptionIncludedDomainsItem?.quantity ?? planDomainItem?.quantity ?? MIN_DOMAINS);\n  const currentPlanIncludedDomains =\n    effectivePlan?.items?.find((item) => item.id_addon === ADDON_IDS.DOMAINS)?.quantity ?? 0;\n  const subscriptionDomainSum = domainItems.reduce((sum, item) => sum + (item.quantity ?? 0), 0);\n  const subscriptionExtraDomains = domainItems\n    .filter((item) => (item.value ?? 0) > 0)\n    .reduce((sum, item) => sum + (item.quantity ?? 0), 0);\n  const currentSubscriptionDomains = Math.max(\n    subscriptionDomainSum,\n    currentPlanIncludedDomains + subscriptionExtraDomains\n  );\n\n  // Reativação e troca de plano colapsam tudo no preço do plano novo.\n  const collapseToSingleBucket = isReactivation || !!targetPlan;\n  const primaryBucketPrice = planDomainPrice;\n  const domainBuckets = getAddonBuckets(\n    ADDON_IDS.DOMAINS,\n    collapseToSingleBucket ? [] : subscriptionItems,\n    primaryBucketPrice,\n    bucketEdits\n  );\n  // Troca de plano precisa zerar explicitamente os itens antigos em outros preços.\n  const zeroedOldDomainBuckets = targetPlan\n    ? buildZeroedOldBuckets(ADDON_IDS.DOMAINS, subscriptionItems, planDomainPrice)\n    : [];\n  const primaryBucket = domainBuckets.find((bucket) => bucket.isPrimary)!;\n  const alternativeBuckets = domainBuckets.filter((bucket) => !bucket.isPrimary && bucket.quantity > 0);\n  const hasAlternativeBuckets = domainBuckets.some(\n    (bucket) => !bucket.isPrimary && bucket.originalQuantity > 0\n  );\n\n  const totalExtras = domainBuckets.reduce((sum, bucket) => sum + bucket.quantity, 0);\n  const totalDomains = planIncludedDomains + totalExtras;\n  const domains = planIncludedDomains + primaryBucket.quantity;\n\n  // Piso: nunca abaixo do incluso no plano nem dos domínios já registrados.\n  const minDomains = registeredDomainsLoaded\n    ? Math.max(planIncludedDomains, registeredDomains)\n    : planIncludedDomains;\n  const domainsCountLoading = hasDomainsAddon && !registeredDomainsLoaded;\n  const isAtMin = totalDomains <= minDomains || primaryBucket.quantity <= 0;\n  const extraDomains = totalExtras;\n\n  const paymentMethodFromSubscription: 'card' | 'boleto' | 'pix' =\n    activeSubscription?.payment_method === 2\n      ? 'boleto'\n      : activeSubscription?.payment_method === 3\n        ? 'pix'\n        : 'card';\n\n  const form = useForm<ChangePlanFormData>({\n    resolver: zodResolver(changePlanSchema),\n    defaultValues: { paymentMethod: 'card', selectedCardId: '', selectedReason: '', reasonText: '' },\n  });\n\n  const { isSubmitting } = form.formState;\n  const paymentMethod = form.watch('paymentMethod');\n  const selectedCardId = form.watch('selectedCardId');\n\n  const paymentDefaultAppliedRef = useRef(false);\n  useEffect(() => {\n    if (!open) {\n      paymentDefaultAppliedRef.current = false;\n      return;\n    }\n    if (paymentDefaultAppliedRef.current || !activeSubscription) return;\n    form.setValue('paymentMethod', paymentMethodFromSubscription);\n    paymentDefaultAppliedRef.current = true;\n  }, [open, activeSubscription, paymentMethodFromSubscription, form]);\n\n  const couponRestrictions = getCouponRestrictions(appliedCouponStripeData);\n  const { allowedPaymentMethod, disabledPaymentMethods } = couponRestrictions;\n  const { disabledBillingPeriods, allowedBillingPeriod } = couponRestrictions;\n  const { unlocksAllPaymentMethods: couponUnlocksAllMethods } = couponRestrictions;\n\n  // Assinatura que já é boleto/pix mantém o método enquanto só gerencia adicionais.\n  const isCurrentSubscriptionBoleto = isBoletoPayer(activeSubscription?.payment_method);\n  const allowBoletoFromCurrentSubscription =\n    isCurrentSubscriptionBoleto && !targetPlan && !isReactivation;\n  const isCurrentSubscriptionPix = activeSubscription?.payment_method === 3;\n  const allowPixFromCurrentSubscription = isCurrentSubscriptionPix && !targetPlan && !isReactivation;\n\n  const boletoAvailable =\n    !isUsdAccount &&\n    isBoletoAvailable({\n      isBoletoPayer: isCurrentSubscriptionBoleto,\n      allowedPaymentMethod,\n      unlocksAllPaymentMethods: couponUnlocksAllMethods,\n    });\n  const pixAvailable = !isUsdAccount;\n\n  useEffect(() => {\n    if (!open) return;\n    if (isUsdAccount) {\n      if (paymentMethod !== 'card') form.setValue('paymentMethod', 'card');\n      return;\n    }\n    if (!allowedPaymentMethod) return;\n    if (paymentMethod !== allowedPaymentMethod) form.setValue('paymentMethod', allowedPaymentMethod);\n  }, [open, isUsdAccount, allowedPaymentMethod, paymentMethod, form]);\n\n  // Volta para cartão quando o método escolhido deixa de ser permitido no contexto atual.\n  useEffect(() => {\n    if (!open) return;\n    if (billingPeriod === 'annual') return;\n    if (paymentMethod !== 'boleto' && paymentMethod !== 'pix') return;\n    if (couponUnlocksAllMethods) return;\n    if (\n      paymentMethod === 'boleto' &&\n      (allowedPaymentMethod === 'boleto' || allowBoletoFromCurrentSubscription)\n    ) {\n      return;\n    }\n    if (paymentMethod === 'pix' && (allowedPaymentMethod === 'pix' || allowPixFromCurrentSubscription)) {\n      return;\n    }\n    form.setValue('paymentMethod', 'card');\n  }, [\n    open,\n    billingPeriod,\n    paymentMethod,\n    couponUnlocksAllMethods,\n    allowedPaymentMethod,\n    allowBoletoFromCurrentSubscription,\n    allowPixFromCurrentSubscription,\n    form,\n  ]);\n\n  useEffect(() => {\n    if (!open || boletoAvailable || paymentMethod !== 'boleto') return;\n    form.setValue('paymentMethod', 'card');\n  }, [open, boletoAvailable, paymentMethod, form]);\n\n  const cards = cardsData?.data ?? [];\n  const defaultCardId = (cards.find((card) => card.is_default) ?? cards[0])?.id?.toString() ?? '';\n  const resolvedAddonCardId = activeCardIdAddon || defaultCardId;\n\n  useEffect(() => {\n    if (!open || !activeSubscription || !effectivePlan || !registeredDomainsLoaded) return;\n    if (hasInitialized.current) return;\n\n    hasInitialized.current = true;\n\n    if (hasDomainsAddon) {\n      if (collapseToSingleBucket) {\n        // Começa com o mínimo de extras que cobre os domínios em uso no plano novo.\n        const primaryKey = `${ADDON_IDS.DOMAINS}_${planDomainPrice}`;\n        const initialQty = Math.max(0, registeredDomains - planIncludedDomains);\n        if (initialQty > 0) setBucketEdits((previous) => ({ ...previous, [primaryKey]: initialQty }));\n      } else {\n        const initBuckets = getAddonBuckets(ADDON_IDS.DOMAINS, subscriptionItems, domainPriceMonthly, {});\n        const initExtras = initBuckets.reduce((sum, bucket) => sum + bucket.quantity, 0);\n        const deficit = Math.max(0, minDomains - (planIncludedDomains + initExtras));\n        if (deficit > 0) {\n          const primary = initBuckets.find((bucket) => bucket.isPrimary)!;\n          setBucketEdits((previous) => ({ ...previous, [primary.key]: primary.quantity + deficit }));\n        }\n      }\n    }\n\n    // Só liga o A/B se o plano efetivo suporta — item remanescente de downgrade não conta.\n    setAbTestEnabled(hasAbTestAddon && !!abTestItem);\n\n    if (aiItem) {\n      const aiIndex = aiCreditOptions.findIndex((option) => option.credits === aiItem.quantity);\n      if (aiIndex >= 0) setSelectedCreditIndex(aiIndex);\n    } else if (data?.selectedCreditIndex != null) {\n      setSelectedCreditIndex(data.selectedCreditIndex);\n    }\n\n    if (subscriptionCouponId != null) setAppliedCouponId(subscriptionCouponId);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    open,\n    activeSubscription,\n    effectivePlan,\n    registeredDomainsLoaded,\n    hasDomainsAddon,\n    minDomains,\n    currentSubscriptionDomains,\n    data,\n    subscriptionCouponId,\n  ]);\n\n  // O cupom da assinatura pode chegar depois da inicialização.\n  useEffect(() => {\n    if (!open) return;\n    const coupon = subscriptionCouponData?.data;\n    if (!coupon || appliedCouponId !== subscriptionCouponId) return;\n    if (coupon.code && !appliedCouponCode) setAppliedCouponCode(coupon.code);\n    if (coupon.stripe_data && !appliedCouponStripeData) setAppliedCouponStripeData(coupon.stripe_data);\n  }, [\n    open,\n    subscriptionCouponData,\n    subscriptionCouponId,\n    appliedCouponId,\n    appliedCouponCode,\n    appliedCouponStripeData,\n  ]);\n\n  // Cartão default: espera a assinatura resolver para sincronizar com o cartão dela.\n  const cardDefaultAppliedRef = useRef(false);\n  useEffect(() => {\n    if (!open) {\n      cardDefaultAppliedRef.current = false;\n      return;\n    }\n    if (cards.length === 0) return;\n\n    const currentId = form.getValues('selectedCardId');\n    const isValid = currentId !== '' && cards.some((card) => card.id.toString() === currentId);\n\n    if (cardDefaultAppliedRef.current) {\n      if (!isValid) {\n        const fallbackCard = cards.find((card) => card.is_default) ?? cards[0];\n        form.setValue('selectedCardId', fallbackCard.id.toString());\n      }\n      return;\n    }\n\n    if (!activeSubscriptionFetched) return;\n\n    const subscriptionCardId =\n      activeSubscription?.id_card != null ? String(activeSubscription.id_card) : null;\n    const subscriptionCard = subscriptionCardId\n      ? cards.find((card) => card.id.toString() === subscriptionCardId)\n      : undefined;\n    const nextCard = subscriptionCard ?? cards.find((card) => card.is_default) ?? cards[0];\n    form.setValue('selectedCardId', nextCard.id.toString());\n    cardDefaultAppliedRef.current = true;\n  }, [cardsData, open, form, cards, activeSubscription, activeSubscriptionFetched]);\n\n  useEffect(() => {\n    if (open) return;\n    form.reset();\n    setCurrentStep(1);\n    setAppliedCouponId(null);\n    setAppliedCouponCode(null);\n    setAppliedCouponStripeData(null);\n    setActiveCardIdAddon('');\n    setSelectedCreditIndex(0);\n    setBucketEdits({});\n    setContractingBillingPeriod(null);\n    setPendingAuthSecret(null);\n    pendingUpdatePayloadRef.current = null;\n    hasInitialized.current = false;\n  }, [open, form]);\n\n  const { isDebouncing } = useDebouncedEffect({\n    effect: () => {\n      if (!effectivePlan) return;\n\n      const credit = aiCreditOptions[selectedCreditIndex] ?? aiCreditOptions[0];\n\n      calculate({\n        id_product: 1,\n        id_plan: effectivePlanId!,\n        periodicity: billingPeriodToNumeric(billingPeriod),\n        ...(activeSubscription?.id != null && { id_subscription: activeSubscription.id }),\n        ...(appliedCouponId != null && { id_coupon: appliedCouponId }),\n        plan_extras: [\n          { id_addon: ADDON_IDS.AI, quantity: credit.credits },\n          // Só os buckets do plano-alvo: o backend não sabe precificar um domínio num preço\n          // que não é do plano calculado (ex.: extra legado de R$ 9,90 indo para um plano de\n          // R$ 14,90) e recusa a prévia inteira. Zerar os legados é papel do update.\n          ...buildDomainPlanExtras(domainBuckets),\n          { id_addon: ADDON_IDS.AB_TEST, quantity: abTestPayloadQuantity },\n        ],\n      });\n    },\n    debouncedDeps: [selectedCreditIndex, bucketEdits, abTestPayloadQuantity],\n    immediateDeps: [open, effectivePlan, appliedCouponId, activeSubscription?.items],\n    delay: 500,\n  });\n\n  const hasChangedPaymentMethod =\n    !!activeSubscription && paymentMethod !== paymentMethodFromSubscription;\n  const hasChangedCoupon = appliedCouponId !== subscriptionCouponId;\n  const subscriptionCardId =\n    activeSubscription?.id_card != null ? String(activeSubscription.id_card) : null;\n  const hasChangedCard =\n    !!activeSubscription &&\n    paymentMethod === 'card' &&\n    paymentMethodFromSubscription === 'card' &&\n    selectedCardId !== '' &&\n    subscriptionCardId !== selectedCardId;\n  const hasChanges =\n    !!targetPlan ||\n    billingPeriod !== subscriptionBillingPeriod ||\n    selectedCredit.credits !== (aiItem?.quantity ?? 0) ||\n    abTestEnabled !== (hasAbTestAddon && !!abTestItem) ||\n    domainBuckets.some((bucket) => bucket.quantity !== bucket.originalQuantity) ||\n    hasChangedPaymentMethod ||\n    hasChangedCoupon ||\n    hasChangedCard;\n\n  // Boleto e pix emitem nota: sem cadastro fiscal completo o backend recusa a cobrança, então\n  // o passo de pagamento manda completar antes de deixar contratar. Só vale com a conta já\n  // carregada (senão travaria durante o loading) e brasileira — o formulário pede CPF/CNPJ e\n  // CEP, que um cliente de fora não tem como fornecer.\n  const requiresBillingData =\n    (paymentMethod === 'boleto' || paymentMethod === 'pix') &&\n    !!account &&\n    isBrazilianBillingAccount(account) &&\n    !hasCompleteBillingData(account);\n\n  const isCalculating = isDebouncing || isCalculatePending;\n  const calculatedData = calculateData?.data ?? null;\n\n  const totalPrice = calculatedData\n    ? getPriceFromCalculatedData(calculatedData, billingPeriodToNumeric(billingPeriod))\n    : null;\n  const discountAmount = getDiscount(calculatedData, billingPeriod);\n  const couponDiscountAmount = getCouponDiscount(calculatedData, billingPeriod);\n  const immediateCharge = calculatedData?.target?.immediate_charge ?? null;\n\n  // Totais por período para o seletor da contratação: o mesmo calculate já devolve os dois.\n  const calculatedPricing = calculatedData\n    ? { monthly: calculatedData.month, annual: calculatedData.year }\n    : null;\n  // Percentual EFETIVO por período (periodicidade + cupom, compostos pelo backend).\n  const billingDiscounts = {\n    monthly: getEffectiveDiscountPercent(calculatedData, 'monthly'),\n    annual: getEffectiveDiscountPercent(calculatedData, 'annual'),\n  };\n  // Split \"1º período × depois\" por período — null onde o cupom não desconta.\n  const firstPeriodPricingByPeriod: {\n    monthly: FirstPeriodPricing | null;\n    annual: FirstPeriodPricing | null;\n  } | null = calculatedData\n    ? {\n        monthly: getFirstPeriodPricing({\n          stripeData: appliedCouponStripeData,\n          total: calculatedData.month,\n          couponDiscount: calculatedData.month_discount_coupom ?? 0,\n        }),\n        annual: getFirstPeriodPricing({\n          stripeData: appliedCouponStripeData,\n          total: calculatedData.year,\n          couponDiscount: calculatedData.year_discount_coupom ?? 0,\n        }),\n      }\n    : null;\n\n  const billingLabel = getBillingPeriodLabel(billingPeriod, translate);\n  const periodMonths = getBillingPeriodMonths(billingPeriod);\n  const periodPricingKey = getPeriodPricingKey(billingPeriod);\n\n  const currentBillingPeriod = periodicityToBillingPeriod(activeSubscription?.periodicity) ?? 'monthly';\n  const currentPeriodLabel = getBillingPeriodSuffix(currentBillingPeriod, translate);\n  const periodLabel = getBillingPeriodSuffix(billingPeriod, translate);\n  const billingLabelFull = getBillingPeriodLabel(billingPeriod, translate);\n\n  const handleDecreaseDomains = useCallback(() => {\n    if (primaryBucket.quantity <= 0) return;\n    if (totalDomains <= minDomains) return;\n    setBucketEdits((previous) => ({ ...previous, [primaryBucket.key]: primaryBucket.quantity - 1 }));\n  }, [primaryBucket, totalDomains, minDomains]);\n\n  const handleIncreaseDomains = useCallback(() => {\n    setBucketEdits((previous) => ({ ...previous, [primaryBucket.key]: primaryBucket.quantity + 1 }));\n  }, [primaryBucket]);\n\n  const handleDomainsChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => {\n      const requested = Number.parseInt(event.target.value, 10);\n      if (Number.isNaN(requested)) return;\n\n      // O input mostra o TOTAL (incluso + primary); converte para a quantidade do primary.\n      const requestedPrimary = requested - planIncludedDomains;\n      const altTotal = domainBuckets\n        .filter((bucket) => !bucket.isPrimary)\n        .reduce((sum, bucket) => sum + bucket.quantity, 0);\n      const minPrimary = Math.max(0, minDomains - planIncludedDomains - altTotal);\n\n      setBucketEdits((previous) => ({\n        ...previous,\n        [primaryBucket.key]: Math.max(minPrimary, requestedPrimary),\n      }));\n    },\n    [minDomains, planIncludedDomains, primaryBucket, domainBuckets]\n  );\n\n  const handleAlternativeDecrease = useCallback(\n    (bucket: AddonBucket) => {\n      if (bucket.quantity <= 0) return;\n      if (totalDomains - 1 < minDomains) return;\n      setBucketEdits((previous) => ({ ...previous, [bucket.key]: bucket.quantity - 1 }));\n    },\n    [totalDomains, minDomains]\n  );\n\n  const handleAlternativeIncrease = useCallback((bucket: AddonBucket) => {\n    if (bucket.quantity >= bucket.originalQuantity) return;\n    setBucketEdits((previous) => ({ ...previous, [bucket.key]: bucket.quantity + 1 }));\n  }, []);\n\n  const handleApplyCoupon = useCallback(\n    (coupon: { id: number; code: string; stripeData?: CouponStripeData | null }) => {\n      const stripeData = coupon.stripeData ?? null;\n\n      if (!isCouponApplicableToPlan(stripeData, effectivePlanId)) {\n        toast.custom((toastId) => (\n          <Toast\n            variant=\"error\"\n            message={translate('common.account.workspace.subscription.changePlan.toasts.couponNotValidForPlan', {\n              code: coupon.code,\n            })}\n            toastId={toastId}\n          />\n        ));\n        return;\n      }\n\n      const { disabledBillingPeriods: blockedPeriods } = getCouponRestrictions(stripeData);\n      if (blockedPeriods.includes(billingPeriod)) {\n        toast.custom((toastId) => (\n          <Toast\n            variant=\"error\"\n            message={translate('common.account.workspace.subscription.changePlan.toasts.couponNotValidForPeriod', {\n              code: coupon.code,\n            })}\n            toastId={toastId}\n          />\n        ));\n        return;\n      }\n\n      setAppliedCouponId(coupon.id);\n      setAppliedCouponCode(coupon.code);\n      setAppliedCouponStripeData(stripeData);\n    },\n    [effectivePlanId, billingPeriod, translate]\n  );\n\n  const handleRemoveCoupon = useCallback(() => {\n    setAppliedCouponId(null);\n    setAppliedCouponCode(null);\n    setAppliedCouponStripeData(null);\n  }, []);\n\n  useEffect(() => {\n    if (!appliedCouponStripeData || effectivePlanId == null) return;\n    if (isCouponApplicableToPlan(appliedCouponStripeData, effectivePlanId)) return;\n\n    const code = appliedCouponCode;\n    handleRemoveCoupon();\n    toast.custom((toastId) => (\n      <Toast\n        variant=\"warning\"\n        message={translate('common.account.workspace.subscription.changePlan.toasts.couponRemovedInvalidPlan', {\n          code: code ?? '',\n        })}\n        toastId={toastId}\n      />\n    ));\n  }, [effectivePlanId, appliedCouponStripeData, appliedCouponCode, handleRemoveCoupon, translate]);\n\n  useEffect(() => {\n    if (!appliedCouponStripeData) return;\n    if (!disabledBillingPeriods.includes(billingPeriod)) return;\n\n    const code = appliedCouponCode;\n    handleRemoveCoupon();\n    toast.custom((toastId) => (\n      <Toast\n        variant=\"warning\"\n        message={translate('common.account.workspace.subscription.changePlan.toasts.couponRemovedInvalidPeriod', {\n          code: code ?? '',\n        })}\n        toastId={toastId}\n      />\n    ));\n  }, [\n    billingPeriod,\n    disabledBillingPeriods,\n    appliedCouponStripeData,\n    appliedCouponCode,\n    handleRemoveCoupon,\n    translate,\n  ]);\n\n  const handleClose = useCallback(() => {\n    setCurrentStep(1);\n    closeChangePlan();\n  }, [closeChangePlan]);\n\n  const handleBack = useCallback(() => setCurrentStep((previous) => Math.max(1, previous - 1)), []);\n  const handleContinue = useCallback(() => setCurrentStep((previous) => previous + 1), []);\n\n  const handleOpenCouponDialog = useCallback(() => setIsCouponDialogOpen(true), []);\n  const handleOpenPlansCatalog = useCallback(() => {\n    closeChangePlan();\n    openPlansCatalog({ appliedCouponStripeData });\n  }, [closeChangePlan, openPlansCatalog, appliedCouponStripeData]);\n\n  const handleReactivate = useCallback(async () => {\n    // Sem plano-alvo é a reativação do mesmo plano; com plano-alvo (veio da vitrine) contrata o\n    // escolhido — nos dois casos a assinatura é criada do zero.\n    const reactivationPlanId = effectivePlanId ?? activeSubscription?.id_plan;\n    if (!reactivationPlanId) return;\n\n    // Assinatura já criada esperando o 3DS: reautentica ELA em vez de contratar de novo.\n    if (pendingAuthSecret) {\n      setIsReactivating(true);\n      try {\n        await confirmPaymentIfRequired(\n          stripe,\n          { client_secret: pendingAuthSecret },\n          translate('common.payment.authFailed')\n        );\n        setPendingAuthSecret(null);\n        handleClose();\n        openPaymentConfirmation({\n          planName: targetPlan?.name ?? resolveSubscriptionPlanName(activeSubscription, translate),\n          total: totalPrice ?? 0,\n          periodLabel: getBillingPeriodSuffix(billingPeriod, translate),\n          immediateChargeTotal: null,\n        });\n      } catch (error) {\n        toast.custom((toastId) => (\n          <Toast\n            variant=\"error\"\n            message={\n              error instanceof Error ? error.message : translate('common.payment.authFailed')\n            }\n            toastId={toastId}\n          />\n        ));\n      } finally {\n        setIsReactivating(false);\n      }\n      return;\n    }\n\n    setIsReactivating(true);\n    try {\n      const result = await createSubscriptionAsync({\n        id_product: activeSubscription?.id_product ?? 1,\n        id_plan: reactivationPlanId,\n        type: 'client',\n        payment_method: paymentMethodToNumeric(paymentMethod),\n        periodicity: billingPeriodToNumeric(billingPeriod),\n        ...(appliedCouponId != null && { id_coupon: appliedCouponId }),\n        ...(paymentMethod === 'card' && selectedCardId ? { id_card: selectedCardId } : {}),\n        plan_items: [\n          { id_addon: ADDON_IDS.AI, quantity: selectedCredit.credits },\n          ...buildDomainPlanExtras(domainBuckets),\n          { id_addon: ADDON_IDS.AB_TEST, quantity: abTestPayloadQuantity },\n        ],\n      });\n\n      const created = Array.isArray(result?.data) ? result.data[0] : result?.data;\n      handleClose();\n\n      if (paymentMethod === 'pix') {\n        if (created && isPendingPixCreateSubscriptionResponse(created)) {\n          openPixPayment({\n            qrCode: created.pix.qr_code ?? null,\n            expiresAt: created.pix.expires_at ?? null,\n            correlationId: created.pix.correlation_id,\n            payNowCents: readProrataValueCents(created),\n          });\n        } else {\n          toast.custom((toastId) => (\n            <Toast\n              variant=\"error\"\n              message={translate('common.account.workspace.subscription.changePlan.toasts.pixNotGenerated')}\n              toastId={toastId}\n            />\n          ));\n        }\n        return;\n      }\n\n      // Boleto recém-gerado: abre a linha digitável na hora, sem mandar o cliente procurar na\n      // lista de cobranças.\n      if (paymentMethod === 'boleto') {\n        const createdId = (created as { id?: string | number } | undefined)?.id;\n        if (createdId != null) {\n          openBoletoGenerated({ subscriptionId: createdId });\n          return;\n        }\n      }\n\n      toast.custom((toastId) => (\n        <Toast\n          variant=\"success\"\n          message={translate('common.account.workspace.subscription.changePlan.toasts.planReactivated', {\n            planName: targetPlan?.name ?? resolveSubscriptionPlanName(activeSubscription, translate),\n          })}\n          toastId={toastId}\n        />\n      ));\n    } catch (error) {\n      // 3DS recusado com a assinatura já criada: guarda o segredo para a próxima tentativa\n      // autenticar a mesma cobrança.\n      if (error instanceof PaymentAuthenticationError && error.clientSecret) {\n        setPendingAuthSecret(error.clientSecret);\n      }\n      toast.custom((toastId) => (\n        <Toast\n          variant=\"error\"\n          message={\n            error instanceof PaymentAuthenticationError\n              ? error.message\n              : translate('common.account.workspace.subscription.changePlan.toasts.reactivateError')\n          }\n          toastId={toastId}\n        />\n      ));\n    } finally {\n      setIsReactivating(false);\n    }\n  }, [\n    activeSubscription,\n    effectivePlanId,\n    targetPlan,\n    billingPeriod,\n    appliedCouponId,\n    selectedCredit,\n    domainBuckets,\n    abTestPayloadQuantity,\n    paymentMethod,\n    selectedCardId,\n    handleClose,\n    createSubscriptionAsync,\n    openPixPayment,\n    openBoletoGenerated,\n    openPaymentConfirmation,\n    pendingAuthSecret,\n    stripe,\n    totalPrice,\n    translate,\n  ]);\n\n  const handleSubmit = useCallback(\n    async (formData: ChangePlanFormData) => {\n      if (pendingAuthSecret && activeSubscription?.date_cancellation) return handleReactivate();\n\n      const periodicity = billingPeriodToNumeric(billingPeriod ?? 'monthly');\n      const periodLbl = getBillingPeriodSuffix(billingPeriod ?? 'monthly', translate);\n\n      try {\n        let createdItem: unknown;\n\n        if (activeSubscription?.date_cancellation) {\n          const result = await createSubscriptionAsync({\n            id_product: activeSubscription.id_product,\n            id_plan: effectivePlanId!,\n            type: 'client',\n            payment_method: paymentMethodToNumeric(formData.paymentMethod),\n            periodicity,\n            ...(appliedCouponId != null && { id_coupon: appliedCouponId }),\n            ...(formData.paymentMethod === 'card' && formData.selectedCardId\n              ? { id_card: formData.selectedCardId }\n              : {}),\n            plan_items: [\n              { id_addon: ADDON_IDS.AI, quantity: selectedCredit.credits },\n              ...buildDomainPlanExtras([...domainBuckets, ...zeroedOldDomainBuckets]),\n              { id_addon: ADDON_IDS.AB_TEST, quantity: abTestPayloadQuantity },\n            ],\n          });\n          createdItem = Array.isArray(result?.data) ? result.data[0] : result?.data;\n        } else {\n          const updateData: UpdateSubscriptionPlanRequest =\n            pendingAuthSecret && pendingUpdatePayloadRef.current\n              ? pendingUpdatePayloadRef.current\n              : {\n                  id_plan: effectivePlanId,\n                  periodicity,\n                  enable_charge: true,\n                  payment_method: paymentMethodToNumeric(formData.paymentMethod),\n                  ...(appliedCouponId != null && { id_coupon: appliedCouponId }),\n                  ...(formData.paymentMethod === 'card' && formData.selectedCardId\n                    ? { id_card: formData.selectedCardId }\n                    : {}),\n                  plan_extras: [\n                    { id_addon: ADDON_IDS.AI, quantity: selectedCredit.credits },\n                    ...buildDomainPlanExtras([...domainBuckets, ...zeroedOldDomainBuckets]),\n                    { id_addon: ADDON_IDS.AB_TEST, quantity: abTestPayloadQuantity },\n                  ],\n                };\n          pendingUpdatePayloadRef.current = updateData;\n\n          const result = await updatePlanAsync({\n            subscriptionId: activeSubscription!.id,\n            data: updateData,\n          });\n          createdItem = Array.isArray(result?.data) ? result.data[0] : result?.data;\n          pendingUpdatePayloadRef.current = null;\n        }\n\n        handleClose();\n\n        // Pix pendente tem precedência: o backend devolve a estrutura quando precisa gerar o QR.\n        if (createdItem && isPendingPixCreateSubscriptionResponse(createdItem)) {\n          if (formData.paymentMethod !== 'pix') {\n            // Pix pendente com cartão/boleto significa que o plano não foi aplicado.\n            toast.custom((toastId) => (\n              <Toast\n                variant=\"error\"\n                message={translate('common.account.workspace.subscription.changePlan.toasts.updateError')}\n                toastId={toastId}\n              />\n            ));\n            return;\n          }\n\n          openPixPayment({\n            qrCode: createdItem.pix.qr_code ?? null,\n            expiresAt: createdItem.pix.expires_at ?? null,\n            correlationId: createdItem.pix.correlation_id,\n            payNowCents: readProrataValueCents(createdItem),\n          });\n          return;\n        }\n\n        // Sem cobrança imediata (downgrade/alteração agendada): só confirma a atualização.\n        if ((immediateCharge?.total ?? 0) <= 0) {\n          toast.custom((toastId) => (\n            <Toast\n              variant=\"success\"\n              message={translate('common.account.workspace.subscription.changePlan.toasts.planUpdated')}\n              toastId={toastId}\n            />\n          ));\n          return;\n        }\n\n        if (formData.paymentMethod === 'pix') {\n          toast.custom((toastId) => (\n            <Toast\n              variant=\"error\"\n              message={translate('common.account.workspace.subscription.changePlan.toasts.pixNotGenerated')}\n              toastId={toastId}\n            />\n          ));\n          return;\n        }\n\n        if (formData.paymentMethod === 'boleto') {\n          // O boleto sai na fatura gerada — o cliente abre os dados pela lista de cobranças.\n          toast.custom((toastId) => (\n            <Toast\n              variant=\"success\"\n              message={translate('common.account.workspace.subscription.changePlan.toasts.boletoGenerated')}\n              toastId={toastId}\n            />\n          ));\n          return;\n        }\n\n        openPaymentConfirmation({\n          planName: effectivePlan?.name,\n          total: totalPrice ?? 0,\n          periodLabel: periodLbl,\n          immediateChargeTotal: immediateCharge?.total ?? null,\n        });\n      } catch (error) {\n        if (error instanceof PaymentAuthenticationError && error.clientSecret) {\n          setPendingAuthSecret(error.clientSecret);\n        }\n        const message =\n          error instanceof Error\n            ? error.message\n            : translate('common.account.workspace.subscription.changePlan.toasts.updateError');\n        toast.custom((toastId) => <Toast variant=\"error\" message={message} toastId={toastId} />);\n      }\n    },\n    [\n      pendingAuthSecret,\n      handleReactivate,\n      activeSubscription,\n      billingPeriod,\n      createSubscriptionAsync,\n      effectivePlanId,\n      effectivePlan,\n      totalPrice,\n      handleClose,\n      updatePlanAsync,\n      appliedCouponId,\n      selectedCredit,\n      domainBuckets,\n      zeroedOldDomainBuckets,\n      abTestPayloadQuantity,\n      immediateCharge,\n      openPixPayment,\n      openPaymentConfirmation,\n      translate,\n    ]\n  );\n\n  return {\n    open,\n    isReactivation,\n    isDowngrade,\n    currentStep,\n    handleBack,\n    handleContinue,\n    handleClose,\n    form,\n    paymentMethod,\n    selectedCardId,\n    isSubmitting,\n    // Base do extrato do resumo: PRÉ-desconto de periodicidade — o extrato desconta periodicidade\n    // e cupom em linhas próprias, então usar o total líquido aqui subtrairia duas vezes.\n    newPlanPrice: targetPlan?.pricingByPeriod\n      ? targetPlan.pricingByPeriod.monthly * periodMonths\n      : !isReactivation && currentPlan?.value != null\n        ? currentPlan.value * periodMonths\n        : null,\n    // Total líquido do plano-alvo no período, para o card de comparação.\n    newPlanChargedPrice: targetPlan?.pricing\n      ? targetPlan.pricing[periodPricingKey].charged\n      : !isReactivation && currentPlan?.pricing\n        ? currentPlan.pricing[periodPricingKey].charged\n        : !isReactivation && currentPlan?.value != null\n          ? currentPlan.value * periodMonths\n          : null,\n    // Riscado do preview: `list` do MESMO período do charged, nunca a âncora mensal x meses.\n    newPlanListPrice: targetPlan?.pricing\n      ? targetPlan.pricing[periodPricingKey].list\n      : !isReactivation && currentPlan?.pricing\n        ? currentPlan.pricing[periodPricingKey].list\n        : null,\n    planName: isReactivation ? (targetPlan?.name ?? null) : (effectivePlan?.name ?? null),\n    wlName,\n    cards,\n    resolvedAddonCardId,\n    activeCardIdAddon,\n    setActiveCardIdAddon,\n    selectedCreditIndex,\n    setSelectedCreditIndex,\n    selectedCredit,\n    aiCreditOptions,\n    domains,\n    minDomains,\n    domainsCountLoading,\n    planIncludedDomains,\n    extraDomains,\n    isAtMin,\n    hasDomainsAddon,\n    domainBuckets,\n    primaryBucket,\n    alternativeBuckets,\n    hasAlternativeBuckets,\n    canDecreaseTotal: totalDomains > minDomains,\n    handleAlternativeDecrease,\n    handleAlternativeIncrease,\n    domainPriceMonthly,\n    handleDecreaseDomains,\n    handleIncreaseDomains,\n    handleDomainsChange,\n    abTestEnabled,\n    setAbTestEnabled,\n    hasAbTestAddon,\n    abTestIncludedInPlan,\n    abTestPriceMonthly,\n    handleApplyCoupon,\n    handleRemoveCoupon,\n    handleOpenCouponDialog,\n    isCouponDialogOpen,\n    setIsCouponDialogOpen,\n    handleOpenPlansCatalog,\n    appliedCouponStripeData,\n    disabledBillingPeriods,\n    disabledPaymentMethods,\n    allowedBillingPeriod,\n    allowedPaymentMethod,\n    couponUnlocksAllMethods,\n    allowBoletoFromCurrentSubscription,\n    allowPixFromCurrentSubscription,\n    boletoAvailable,\n    pixAvailable,\n    paymentMethodFromSubscription,\n    hasChangedPaymentMethod,\n    appliedCouponCode,\n    isCalculating,\n    totalPrice,\n    discountAmount,\n    couponDiscountAmount,\n    billingPeriod,\n    modalBillingPeriod,\n    billingLabel,\n    billingLabelFull,\n    periodMonths,\n    periodLabel,\n    currentBillingPeriod,\n    currentPeriodLabel,\n    handleSubmit,\n    handleReactivate,\n    isReactivating,\n    hasPendingAuth: pendingAuthSecret !== null,\n    canReactivate: effectivePlanId != null,\n    requiresBillingData,\n    openBillingAddress,\n    contractingBillingPeriod: billingPeriod,\n    setContractingBillingPeriod,\n    calculatedPricing,\n    billingDiscounts,\n    firstPeriodPricingByPeriod,\n    planPricing: targetPlan?.pricing ?? null,\n    abTestDetailsOpen,\n    setAbTestDetailsOpen,\n    getPeriodicityLabel,\n    targetPlan,\n    immediateCharge,\n    calculatedPlanExtras: calculatedData?.plan_extras ?? [],\n    hasChanges,\n    formatCurrencyNumber,\n  };\n}\n"],"mappings":"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","names":["subscriptionCardId"]}

package/dist/components/account/sections/subscription/downgrade/CannotDowngradeDialog.mjs

@@ -0,0 +1,216 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, useEffect } from "react";
+import { IconCheck, IconLoader, IconX } from "@tabler/icons-react";
+import { useTranslations } from "next-intl";
+import { Button } from "../../../../ui/buttons/Button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogTitle
+} from "../../../../ui/overlay/Dialog";
+import { useCountDomains } from "../../../../../modules/domains/hooks/count-domains.hook";
+import { useCountPublishedPages } from "../../../../../modules/pages/hooks/count-published-pages.hook";
+import { useWhitelabelUrls } from "../../../../../providers/whitelabel.provider";
+import { cn } from "../../../../../infra/utils/clsx";
+import { useSubscriptionFlows } from "../../../../../store/useSubscriptionFlows";
+function CannotDowngradeDialog() {
+  const translate = useTranslations();
+  const translateDialog = useTranslations(
+    "common.account.workspace.subscription.cannotDowngrade"
+  );
+  const { pagesUrl } = useWhitelabelUrls();
+  const data = useSubscriptionFlows((state) => state.cannotDowngrade);
+  const close = useSubscriptionFlows((state) => state.closeCannotDowngrade);
+  const updateCannotDowngrade = useSubscriptionFlows((state) => state.updateCannotDowngrade);
+  const openChangePlan = useSubscriptionFlows((state) => state.openChangePlan);
+  const open = !!data;
+  const planName = data?.planName ?? "";
+  const planIncludedDomains = data?.planIncludedDomains ?? 0;
+  const planIncludedPages = data?.planIncludedPages ?? null;
+  const tracksDomains = data?.domainsExceeded ?? false;
+  const tracksPages = data?.pagesExceeded ?? false;
+  const { data: registeredDomains, refetch: refetchDomains } = useCountDomains({ enabled: open });
+  const { data: publishedPagesCount, refetch: refetchPages } = useCountPublishedPages({
+    enabled: open
+  });
+  const currentDomains = registeredDomains ?? data?.registeredDomains ?? 0;
+  const publishedPages = publishedPagesCount ?? 0;
+  useEffect(() => {
+    if (!open) return;
+    const recount = () => {
+      if (document.visibilityState !== "visible") return;
+      refetchDomains();
+      refetchPages();
+    };
+    window.addEventListener("focus", recount);
+    document.addEventListener("visibilitychange", recount);
+    return () => {
+      window.removeEventListener("focus", recount);
+      document.removeEventListener("visibilitychange", recount);
+    };
+  }, [open, refetchDomains, refetchPages]);
+  const domainsOverLimit = currentDomains > planIncludedDomains;
+  const rawPagesOverLimit = planIncludedPages != null && publishedPages > planIncludedPages;
+  const pagesOverLimit = !domainsOverLimit && rawPagesOverLimit;
+  const excessDomains = Math.max(0, currentDomains - planIncludedDomains);
+  const excessPages = planIncludedPages != null ? Math.max(0, publishedPages - planIncludedPages) : 0;
+  const readyToFinish = !domainsOverLimit && !pagesOverLimit;
+  useEffect(() => {
+    if (!open) return;
+    const promote = {
+      ...domainsOverLimit && !tracksDomains ? { domainsExceeded: true } : {},
+      ...pagesOverLimit && !tracksPages ? { pagesExceeded: true } : {}
+    };
+    if (Object.keys(promote).length > 0) updateCannotDowngrade(promote);
+  }, [open, domainsOverLimit, pagesOverLimit, tracksDomains, tracksPages, updateCannotDowngrade]);
+  const openInPagesApp = (path) => {
+    const base = pagesUrl.replace(/\/$/, "");
+    if (!base) return;
+    window.open(`${base}${path}`, "_blank", "noopener,noreferrer");
+  };
+  const handleFinish = () => {
+    if (!data) return;
+    openChangePlan({
+      targetPlan: data.targetPlan,
+      billingPeriod: data.billingPeriod,
+      isDowngrade: true,
+      selectedCreditIndex: 0
+    });
+  };
+  const alert = readyToFinish ? translateDialog("alertReady", { planName }) : [
+    ...domainsOverLimit ? [
+      planIncludedDomains > 0 ? translateDialog("alertDomains", {
+        planName,
+        registeredDomains: currentDomains,
+        planIncludedDomains
+      }) : translateDialog("alertDomainsNone", {
+        planName,
+        registeredDomains: currentDomains
+      })
+    ] : [],
+    ...pagesOverLimit ? [
+      translateDialog("alertPages", {
+        planName,
+        publishedPages,
+        planIncludedPages: planIncludedPages ?? 0
+      })
+    ] : [],
+    translateDialog("alertReviewSteps")
+  ].join(" ");
+  const bothTracked = tracksDomains && tracksPages;
+  const stepOrder = [
+    ...tracksDomains ? [{ key: "domains", resolved: !domainsOverLimit }] : [],
+    ...tracksPages ? [{ key: "pages", resolved: !rawPagesOverLimit }] : [],
+    { key: "confirm", resolved: false }
+  ];
+  const activeIndex = stepOrder.findIndex((step) => !step.resolved);
+  const steps = stepOrder.map((step, index) => {
+    const status = index === activeIndex ? "active" : index < activeIndex ? "done" : "locked";
+    if (step.key === "domains") {
+      return {
+        key: step.key,
+        title: bothTracked ? translateDialog("stepDomainsTitle") : translateDialog("stepReviewTitle"),
+        subtitle: status === "done" ? translateDialog("stepDomainsDone") : translateDialog("stepDomainsSubtitle", { count: excessDomains }),
+        action: translateDialog("stepDomainsAction", { count: excessDomains }),
+        status,
+        onAction: status === "active" ? () => openInPagesApp("/domains") : void 0
+      };
+    }
+    if (step.key === "pages") {
+      return {
+        key: step.key,
+        title: bothTracked ? translateDialog("stepPagesTitle") : translateDialog("stepReviewTitle"),
+        subtitle: status === "done" ? translateDialog("stepPagesDone") : translateDialog("stepPagesSubtitle", { limit: planIncludedPages ?? 0 }),
+        action: translateDialog("stepPagesAction", { count: excessPages }),
+        status,
+        onAction: status === "active" ? () => openInPagesApp("") : void 0
+      };
+    }
+    return {
+      key: step.key,
+      title: translateDialog("stepConfirmTitle"),
+      subtitle: translateDialog("stepConfirmSubtitle"),
+      action: translateDialog("stepConfirmAction"),
+      status,
+      onAction: status === "active" && readyToFinish ? handleFinish : void 0
+    };
+  });
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (nextOpen) => !nextOpen && close(), children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      showCloseButton: false,
+      className: "flex flex-col p-0! gap-0! max-w-[calc(100%-2rem)]! w-full sm:max-w-135! lg:max-w-150! rounded-lg border",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative flex h-14 md:h-16 items-center justify-center px-4 py-3", children: [
+          /* @__PURE__ */ jsx(DialogTitle, { className: "paragraph-medium-semibold text-zinc-950 text-center", children: translateDialog("heading", { planName }) }),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: close,
+              className: "absolute right-3 md:right-4 size-8 flex items-center justify-center rounded-lg cursor-pointer hover:bg-zinc-100 transition-colors focus:outline-none",
+              children: [
+                /* @__PURE__ */ jsx(IconX, { size: 18, className: "text-zinc-400" }),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: translate("common.actions.close") })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 px-4 pb-4 lg:px-6 lg:pb-6", children: [
+          /* @__PURE__ */ jsx("div", { className: cn("rounded-lg p-4", readyToFinish ? "bg-green-50" : "bg-red-50"), children: /* @__PURE__ */ jsx(DialogDescription, { className: "paragraph-small-regular text-zinc-950", children: alert }) }),
+          /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-5 rounded-xl border border-zinc-200 p-4 lg:p-5", children: steps.map((step, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
+            index > 0 && /* @__PURE__ */ jsx("div", { className: "h-px bg-zinc-200 ml-14" }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4", children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "mt-0.5 flex size-10 shrink-0 items-center justify-center rounded-full",
+                    step.status === "done" ? "bg-green-50" : "bg-zinc-50"
+                  ),
+                  children: step.status === "done" ? /* @__PURE__ */ jsx(IconCheck, { size: 20, className: "text-green-600" }) : step.status === "active" ? (
+                    /* Só a etapa ativa gira — mesmo ritmo do spinner de propagação de domínio. */
+                    /* @__PURE__ */ jsx(
+                      IconLoader,
+                      {
+                        size: 20,
+                        className: "animate-spin text-zinc-950",
+                        style: { animationDuration: "10s" }
+                      }
+                    )
+                  ) : (
+                    /* Travada: parada e apagada, esperando as etapas anteriores. */
+                    /* @__PURE__ */ jsx(IconLoader, { size: 20, className: "text-zinc-400" })
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-3 min-w-0", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+                  /* @__PURE__ */ jsx("span", { className: "paragraph-small-semibold text-zinc-950", children: step.title }),
+                  /* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-zinc-500", children: step.subtitle })
+                ] }),
+                step.status !== "done" && /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    variant: step.key === "confirm" ? "default" : "secondary",
+                    className: "h-8 w-fit px-3",
+                    disabled: !step.onAction,
+                    onClick: step.onAction,
+                    children: step.action
+                  }
+                )
+              ] })
+            ] })
+          ] }, step.key)) })
+        ] })
+      ]
+    }
+  ) });
+}
+export {
+  CannotDowngradeDialog
+};
+//# sourceMappingURL=CannotDowngradeDialog.mjs.map

package/dist/components/account/sections/subscription/downgrade/CannotDowngradeDialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/account/sections/subscription/downgrade/CannotDowngradeDialog.tsx"],"sourcesContent":["'use client';\n\nimport { Fragment, useEffect } from 'react';\nimport { IconCheck, IconLoader, IconX } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { Button } from '../../../../ui/buttons/Button';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogTitle,\n} from '../../../../ui/overlay/Dialog';\nimport { useCountDomains } from '../../../../../modules/domains/hooks/count-domains.hook';\nimport { useCountPublishedPages } from '../../../../../modules/pages/hooks/count-published-pages.hook';\nimport { useWhitelabelUrls } from '../../../../../providers/whitelabel.provider';\nimport { cn } from '../../../../../infra/utils/clsx';\nimport { useSubscriptionFlows } from '../../../../../store/useSubscriptionFlows';\n\n/**\n * Estado de cada etapa do roteiro sequencial:\n * done = check verde · active = spinner girando + botão liberado ·\n * locked = spinner parado + botão desabilitado, à espera das etapas anteriores.\n */\ntype StepStatus = 'done' | 'active' | 'locked';\n\ntype DowngradeStep = {\n  key: string;\n  title: string;\n  subtitle: string;\n  action: string;\n  status: StepStatus;\n  /** Presente apenas na etapa ativa. */\n  onAction?: () => void;\n};\n\n/** Roteiro do que a conta precisa ajustar antes de caber no plano mais barato. */\nexport function CannotDowngradeDialog() {\n  const translate = useTranslations();\n  const translateDialog = useTranslations(\n    'common.account.workspace.subscription.cannotDowngrade'\n  );\n  const { pagesUrl } = useWhitelabelUrls();\n\n  const data = useSubscriptionFlows((state) => state.cannotDowngrade);\n  const close = useSubscriptionFlows((state) => state.closeCannotDowngrade);\n  const updateCannotDowngrade = useSubscriptionFlows((state) => state.updateCannotDowngrade);\n  const openChangePlan = useSubscriptionFlows((state) => state.openChangePlan);\n\n  const open = !!data;\n  const planName = data?.planName ?? '';\n  const planIncludedDomains = data?.planIncludedDomains ?? 0;\n  const planIncludedPages = data?.planIncludedPages ?? null;\n\n  // Recursos com etapa na tela — persistidos no payload, para a etapa não sumir ao ser\n  // resolvida nem quando um excedente só é descoberto com o roteiro já aberto.\n  const tracksDomains = data?.domainsExceeded ?? false;\n  const tracksPages = data?.pagesExceeded ?? false;\n\n  // Contagens ao vivo: o ajuste acontece fora daqui, então precisam ser reconferidas.\n  const { data: registeredDomains, refetch: refetchDomains } = useCountDomains({ enabled: open });\n  const { data: publishedPagesCount, refetch: refetchPages } = useCountPublishedPages({\n    enabled: open,\n  });\n\n  const currentDomains = registeredDomains ?? data?.registeredDomains ?? 0;\n  const publishedPages = publishedPagesCount ?? 0;\n\n  // Volta do app de páginas: reconfere as duas contagens — tanto para destravar etapas já\n  // resolvidas quanto para revelar limites que só estouram depois de um ajuste.\n  useEffect(() => {\n    if (!open) return;\n\n    const recount = () => {\n      if (document.visibilityState !== 'visible') return;\n      refetchDomains();\n      refetchPages();\n    };\n\n    window.addEventListener('focus', recount);\n    document.addEventListener('visibilitychange', recount);\n\n    return () => {\n      window.removeEventListener('focus', recount);\n      document.removeEventListener('visibilitychange', recount);\n    };\n  }, [open, refetchDomains, refetchPages]);\n\n  // Vale o incluso no plano alvo — no downgrade não há a válvula dos domínios extras pagos.\n  const domainsOverLimit = currentDomains > planIncludedDomains;\n  const rawPagesOverLimit = planIncludedPages != null && publishedPages > planIncludedPages;\n  // Páginas só são avaliadas com os domínios dentro do limite: antes disso a conta ainda\n  // contém as páginas dos domínios que serão apagados, e o excedente seria falso positivo.\n  const pagesOverLimit = !domainsOverLimit && rawPagesOverLimit;\n  const excessDomains = Math.max(0, currentDomains - planIncludedDomains);\n  const excessPages = planIncludedPages != null ? Math.max(0, publishedPages - planIncludedPages) : 0;\n  const readyToFinish = !domainsOverLimit && !pagesOverLimit;\n\n  // Excedente descoberto ao vivo vira etapa do roteiro: o latch mora no payload do fluxo, não\n  // em estado local — uma vez na tela a etapa fica, e ao ser resolvida vira check.\n  useEffect(() => {\n    if (!open) return;\n\n    const promote = {\n      ...(domainsOverLimit && !tracksDomains ? { domainsExceeded: true } : {}),\n      ...(pagesOverLimit && !tracksPages ? { pagesExceeded: true } : {}),\n    };\n    if (Object.keys(promote).length > 0) updateCannotDowngrade(promote);\n  }, [open, domainsOverLimit, pagesOverLimit, tracksDomains, tracksPages, updateCannotDowngrade]);\n\n  // Abre em outra aba de propósito: o roteiro continua aqui esperando o ajuste terminar.\n  const openInPagesApp = (path: string) => {\n    const base = pagesUrl.replace(/\\/$/, '');\n    if (!base) return;\n    window.open(`${base}${path}`, '_blank', 'noopener,noreferrer');\n  };\n\n  // Conta ajustada: segue para a troca, que mostra o que se perde e depois o pagamento.\n  const handleFinish = () => {\n    if (!data) return;\n\n    openChangePlan({\n      targetPlan: data.targetPlan,\n      billingPeriod: data.billingPeriod,\n      isDowngrade: true,\n      selectedCreditIndex: 0,\n    });\n  };\n\n  // Uma frase por recurso ainda excedido + a instrução final, num único parágrafo. Resolvido\n  // tudo, o aviso vermelho passaria a se contradizer — vira confirmação.\n  const alert = readyToFinish\n    ? translateDialog('alertReady', { planName })\n    : [\n        ...(domainsOverLimit\n          ? [\n              planIncludedDomains > 0\n                ? translateDialog('alertDomains', {\n                    planName,\n                    registeredDomains: currentDomains,\n                    planIncludedDomains,\n                  })\n                : translateDialog('alertDomainsNone', {\n                    planName,\n                    registeredDomains: currentDomains,\n                  }),\n            ]\n          : []),\n        ...(pagesOverLimit\n          ? [\n              translateDialog('alertPages', {\n                planName,\n                publishedPages,\n                planIncludedPages: planIncludedPages ?? 0,\n              }),\n            ]\n          : []),\n        translateDialog('alertReviewSteps'),\n      ].join(' ');\n\n  // Com os dois recursos estourados o título genérico repetiria — aí nomeia cada um.\n  const bothTracked = tracksDomains && tracksPages;\n\n  // Stepper sequencial: a primeira etapa pendente é a ativa; concluir uma libera a seguinte.\n  // Uma etapa resolvida DEPOIS da ativa fica travada mesmo assim — sua resolução só é\n  // confiável quando chega a vez dela (ex.: páginas antes dos domínios).\n  const stepOrder = [\n    ...(tracksDomains ? [{ key: 'domains' as const, resolved: !domainsOverLimit }] : []),\n    ...(tracksPages ? [{ key: 'pages' as const, resolved: !rawPagesOverLimit }] : []),\n    { key: 'confirm' as const, resolved: false },\n  ];\n  // Sempre existe: a confirmação nunca se resolve sozinha.\n  const activeIndex = stepOrder.findIndex((step) => !step.resolved);\n\n  const steps: DowngradeStep[] = stepOrder.map((step, index) => {\n    const status: StepStatus =\n      index === activeIndex ? 'active' : index < activeIndex ? 'done' : 'locked';\n\n    if (step.key === 'domains') {\n      return {\n        key: step.key,\n        title: bothTracked ? translateDialog('stepDomainsTitle') : translateDialog('stepReviewTitle'),\n        subtitle:\n          status === 'done'\n            ? translateDialog('stepDomainsDone')\n            : translateDialog('stepDomainsSubtitle', { count: excessDomains }),\n        action: translateDialog('stepDomainsAction', { count: excessDomains }),\n        status,\n        onAction: status === 'active' ? () => openInPagesApp('/domains') : undefined,\n      };\n    }\n\n    if (step.key === 'pages') {\n      return {\n        key: step.key,\n        title: bothTracked ? translateDialog('stepPagesTitle') : translateDialog('stepReviewTitle'),\n        subtitle:\n          status === 'done'\n            ? translateDialog('stepPagesDone')\n            : translateDialog('stepPagesSubtitle', { limit: planIncludedPages ?? 0 }),\n        action: translateDialog('stepPagesAction', { count: excessPages }),\n        status,\n        onAction: status === 'active' ? () => openInPagesApp('') : undefined,\n      };\n    }\n\n    return {\n      key: step.key,\n      title: translateDialog('stepConfirmTitle'),\n      subtitle: translateDialog('stepConfirmSubtitle'),\n      action: translateDialog('stepConfirmAction'),\n      status,\n      onAction: status === 'active' && readyToFinish ? handleFinish : undefined,\n    };\n  });\n\n  return (\n    <Dialog open={open} onOpenChange={(nextOpen) => !nextOpen && close()}>\n      <DialogContent\n        showCloseButton={false}\n        className=\"flex flex-col p-0! gap-0! max-w-[calc(100%-2rem)]! w-full sm:max-w-135! lg:max-w-150! rounded-lg border\"\n      >\n        <div className=\"relative flex h-14 md:h-16 items-center justify-center px-4 py-3\">\n          <DialogTitle className=\"paragraph-medium-semibold text-zinc-950 text-center\">\n            {translateDialog('heading', { planName })}\n          </DialogTitle>\n          <button\n            type=\"button\"\n            onClick={close}\n            className=\"absolute right-3 md:right-4 size-8 flex items-center justify-center rounded-lg cursor-pointer hover:bg-zinc-100 transition-colors focus:outline-none\"\n          >\n            <IconX size={18} className=\"text-zinc-400\" />\n            <span className=\"sr-only\">{translate('common.actions.close')}</span>\n          </button>\n        </div>\n\n        <div className=\"flex flex-col gap-3 px-4 pb-4 lg:px-6 lg:pb-6\">\n          <div className={cn('rounded-lg p-4', readyToFinish ? 'bg-green-50' : 'bg-red-50')}>\n            <DialogDescription className=\"paragraph-small-regular text-zinc-950\">\n              {alert}\n            </DialogDescription>\n          </div>\n\n          <div className=\"flex flex-col gap-5 rounded-xl border border-zinc-200 p-4 lg:p-5\">\n            {steps.map((step, index) => (\n              <Fragment key={step.key}>\n                {index > 0 && <div className=\"h-px bg-zinc-200 ml-14\" />}\n\n                <div className=\"flex items-start gap-4\">\n                  {/* Centralizado no bloco de texto (44px), não na linha inteira. */}\n                  <span\n                    className={cn(\n                      'mt-0.5 flex size-10 shrink-0 items-center justify-center rounded-full',\n                      step.status === 'done' ? 'bg-green-50' : 'bg-zinc-50'\n                    )}\n                  >\n                    {step.status === 'done' ? (\n                      <IconCheck size={20} className=\"text-green-600\" />\n                    ) : step.status === 'active' ? (\n                      /* Só a etapa ativa gira — mesmo ritmo do spinner de propagação de domínio. */\n                      <IconLoader\n                        size={20}\n                        className=\"animate-spin text-zinc-950\"\n                        style={{ animationDuration: '10s' }}\n                      />\n                    ) : (\n                      /* Travada: parada e apagada, esperando as etapas anteriores. */\n                      <IconLoader size={20} className=\"text-zinc-400\" />\n                    )}\n                  </span>\n\n                  <div className=\"flex flex-1 flex-col gap-3 min-w-0\">\n                    <div className=\"flex flex-col gap-1\">\n                      <span className=\"paragraph-small-semibold text-zinc-950\">{step.title}</span>\n                      <span className=\"paragraph-small-regular text-zinc-500\">{step.subtitle}</span>\n                    </div>\n\n                    {step.status !== 'done' && (\n                      <Button\n                        type=\"button\"\n                        variant={step.key === 'confirm' ? 'default' : 'secondary'}\n                        className=\"h-8 w-fit px-3\"\n                        disabled={!step.onAction}\n                        onClick={step.onAction}\n                      >\n                        {step.action}\n                      </Button>\n                    )}\n                  </div>\n                </div>\n              </Fragment>\n            ))}\n          </div>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/account/sections/subscription/downgrade/DowngradeReasonDialog.mjs

@@ -0,0 +1,128 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useTranslations } from "next-intl";
+import { Button } from "../../../../ui/buttons/Button";
+import { RadioGroup, RadioGroupItem } from "../../../../ui/form/RadioGroup";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogTitle
+} from "../../../../ui/overlay/Dialog";
+import { useCountPublishedPages } from "../../../../../modules/pages/hooks/count-published-pages.hook";
+import {
+  DOWNGRADE_REASONS,
+  DOWNGRADE_REASON_OTHER,
+  getDowngradeReasonLabels
+} from "../../../../../modules/subscriptions/constants/downgrade.constants";
+import { useWhitelabel } from "../../../../../providers/whitelabel.provider";
+import { cn } from "../../../../../infra/utils/clsx";
+import { useSubscriptionFlows } from "../../../../../store/useSubscriptionFlows";
+function DowngradeReasonDialog() {
+  const translate = useTranslations();
+  const translateDialog = useTranslations(
+    "common.account.workspace.subscription.changePlan.downgradeReason"
+  );
+  const { whitelabel } = useWhitelabel();
+  const data = useSubscriptionFlows((state) => state.downgradeReason);
+  const close = useSubscriptionFlows((state) => state.closeDowngradeReason);
+  const openCannotDowngrade = useSubscriptionFlows((state) => state.openCannotDowngrade);
+  const openChangePlan = useSubscriptionFlows((state) => state.openChangePlan);
+  const reasonLabels = getDowngradeReasonLabels(translate);
+  const [selectedReason, setSelectedReason] = useState("");
+  const [reasonText, setReasonText] = useState("");
+  const { data: publishedPagesCount, isPending: isPagesPending } = useCountPublishedPages({
+    enabled: !!data
+  });
+  const canContinue = !!selectedReason && (selectedReason !== DOWNGRADE_REASON_OTHER || !!reasonText.trim());
+  const handleClose = () => {
+    setSelectedReason("");
+    setReasonText("");
+    close();
+  };
+  const handleContinue = () => {
+    if (!data) return;
+    const publishedPages = publishedPagesCount ?? 0;
+    const domainsExceeded = data.registeredDomains > data.planIncludedDomains;
+    const pagesExceeded = !domainsExceeded && data.planIncludedPages != null && publishedPages > data.planIncludedPages;
+    if (domainsExceeded || pagesExceeded) {
+      openCannotDowngrade({ ...data, domainsExceeded, pagesExceeded });
+      return;
+    }
+    handleClose();
+    openChangePlan({
+      targetPlan: data.targetPlan,
+      billingPeriod: data.billingPeriod,
+      isDowngrade: true,
+      selectedCreditIndex: 0
+    });
+  };
+  return /* @__PURE__ */ jsx(Dialog, { open: !!data, onOpenChange: (nextOpen) => !nextOpen && handleClose(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "flex flex-col p-0 gap-0 max-w-full sm:max-w-full border-0 rounded-t-2xl rounded-b-none h-dvh top-0 bottom-0 left-0 right-0 translate-x-0 translate-y-0 lg:max-w-117.5 lg:h-auto lg:max-h-[90vh] lg:rounded-lg lg:border lg:top-[50%] lg:left-[50%] lg:right-auto lg:bottom-auto lg:translate-x-[-50%] lg:translate-y-[-50%] overflow-y-auto [scrollbar-width:auto] [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-zinc-300", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5 p-4 lg:p-5 flex-1 lg:flex-none", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx(DialogTitle, { className: "paragraph-medium-semibold text-zinc-950", children: translateDialog("title") }),
+        /* @__PURE__ */ jsx(DialogDescription, { className: "paragraph-small-regular text-zinc-500", children: translateDialog("subtitle", { wlName: whitelabel?.name ?? "" }) })
+      ] }),
+      /* @__PURE__ */ jsx(RadioGroup, { value: selectedReason, onValueChange: setSelectedReason, children: /* @__PURE__ */ jsx("div", { className: "flex flex-col border border-zinc-200 rounded-lg overflow-hidden", children: DOWNGRADE_REASONS.map((reason, index) => /* @__PURE__ */ jsxs(
+        "label",
+        {
+          htmlFor: `downgrade-reason-${reason}`,
+          className: cn(
+            "flex items-center justify-between px-4 py-3.5 lg:px-5 lg:py-6 cursor-pointer hover:bg-zinc-50 transition-colors",
+            index < DOWNGRADE_REASONS.length - 1 && "border-b border-zinc-200",
+            selectedReason === reason && "bg-zinc-50"
+          ),
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "paragraph-small-medium text-zinc-600", children: reasonLabels[reason] }),
+            /* @__PURE__ */ jsx(
+              RadioGroupItem,
+              {
+                value: reason,
+                id: `downgrade-reason-${reason}`,
+                className: cn(
+                  "size-[18px] border-[1.5px] shrink-0",
+                  selectedReason === reason && "border-zinc-950"
+                )
+              }
+            )
+          ]
+        },
+        reason
+      )) }) }),
+      selectedReason === DOWNGRADE_REASON_OTHER && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxs("label", { htmlFor: "downgrade-reason-text", className: "paragraph-small-medium text-zinc-950", children: [
+          translateDialog("reasonLabel"),
+          " ",
+          /* @__PURE__ */ jsx("span", { className: "text-red-500", children: translateDialog("reasonRequired") })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            id: "downgrade-reason-text",
+            className: "w-full min-h-25 p-3 border border-zinc-200 rounded-lg resize-none paragraph-small-regular text-zinc-950 placeholder:text-zinc-400 focus:outline-none hover:border-zinc-400 focus:border-zinc-950 transition-colors",
+            placeholder: translateDialog("reasonPlaceholder"),
+            value: reasonText,
+            onChange: (event) => setReasonText(event.target.value)
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "border-t border-zinc-200 flex flex-row items-center gap-2 px-4 lg:px-5 py-4 lg:py-5 mt-auto lg:mt-0", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          className: "h-10 w-fit",
+          onClick: handleContinue,
+          disabled: !canContinue || isPagesPending,
+          children: translateDialog("continueWithDowngrade")
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { variant: "secondary", className: "h-10 w-fit", onClick: handleClose, children: translate("common.actions.cancel") })
+    ] })
+  ] }) });
+}
+export {
+  DowngradeReasonDialog
+};
+//# sourceMappingURL=DowngradeReasonDialog.mjs.map

package/dist/components/account/sections/subscription/downgrade/DowngradeReasonDialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/account/sections/subscription/downgrade/DowngradeReasonDialog.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { useTranslations } from 'next-intl';\nimport { Button } from '../../../../ui/buttons/Button';\nimport { RadioGroup, RadioGroupItem } from '../../../../ui/form/RadioGroup';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogTitle,\n} from '../../../../ui/overlay/Dialog';\nimport { useCountPublishedPages } from '../../../../../modules/pages/hooks/count-published-pages.hook';\nimport {\n  DOWNGRADE_REASONS,\n  DOWNGRADE_REASON_OTHER,\n  getDowngradeReasonLabels,\n} from '../../../../../modules/subscriptions/constants/downgrade.constants';\nimport { useWhitelabel } from '../../../../../providers/whitelabel.provider';\nimport { cn } from '../../../../../infra/utils/clsx';\nimport { useSubscriptionFlows } from '../../../../../store/useSubscriptionFlows';\n\n/** Primeiro passo do downgrade: por que a conta está descendo de plano. */\nexport function DowngradeReasonDialog() {\n  const translate = useTranslations();\n  const translateDialog = useTranslations(\n    'common.account.workspace.subscription.changePlan.downgradeReason'\n  );\n  const { whitelabel } = useWhitelabel();\n\n  const data = useSubscriptionFlows((state) => state.downgradeReason);\n  const close = useSubscriptionFlows((state) => state.closeDowngradeReason);\n  const openCannotDowngrade = useSubscriptionFlows((state) => state.openCannotDowngrade);\n  const openChangePlan = useSubscriptionFlows((state) => state.openChangePlan);\n\n  const reasonLabels = getDowngradeReasonLabels(translate);\n\n  const [selectedReason, setSelectedReason] = useState('');\n  const [reasonText, setReasonText] = useState('');\n\n  // `isPending` trava o continuar até a contagem chegar: sem ela o check de páginas passaria batido.\n  const { data: publishedPagesCount, isPending: isPagesPending } = useCountPublishedPages({\n    enabled: !!data,\n  });\n\n  const canContinue =\n    !!selectedReason && (selectedReason !== DOWNGRADE_REASON_OTHER || !!reasonText.trim());\n\n  const handleClose = () => {\n    setSelectedReason('');\n    setReasonText('');\n    close();\n  };\n\n  const handleContinue = () => {\n    if (!data) return;\n\n    const publishedPages = publishedPagesCount ?? 0;\n    // No downgrade vale o incluso no plano — sem a válvula dos domínios extras pagos\n    // (ex.: Agência com 14 domínios → Negócio, que inclui 3, exige apagar 11).\n    const domainsExceeded = data.registeredDomains > data.planIncludedDomains;\n    // Com domínios a apagar, as páginas deles ainda inflam a contagem: o excedente real só\n    // aparece depois do ajuste, e o roteiro o detecta ao vivo naquele momento.\n    const pagesExceeded =\n      !domainsExceeded && data.planIncludedPages != null && publishedPages > data.planIncludedPages;\n\n    if (domainsExceeded || pagesExceeded) {\n      openCannotDowngrade({ ...data, domainsExceeded, pagesExceeded });\n      return;\n    }\n\n    handleClose();\n    openChangePlan({\n      targetPlan: data.targetPlan,\n      billingPeriod: data.billingPeriod,\n      isDowngrade: true,\n      selectedCreditIndex: 0,\n    });\n  };\n\n  return (\n    <Dialog open={!!data} onOpenChange={(nextOpen) => !nextOpen && handleClose()}>\n      <DialogContent className=\"flex flex-col p-0 gap-0 max-w-full sm:max-w-full border-0 rounded-t-2xl rounded-b-none h-dvh top-0 bottom-0 left-0 right-0 translate-x-0 translate-y-0 lg:max-w-117.5 lg:h-auto lg:max-h-[90vh] lg:rounded-lg lg:border lg:top-[50%] lg:left-[50%] lg:right-auto lg:bottom-auto lg:translate-x-[-50%] lg:translate-y-[-50%] overflow-y-auto [scrollbar-width:auto] [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-zinc-300\">\n        <div className=\"flex flex-col gap-5 p-4 lg:p-5 flex-1 lg:flex-none\">\n          <div className=\"flex flex-col gap-1\">\n            <DialogTitle className=\"paragraph-medium-semibold text-zinc-950\">\n              {translateDialog('title')}\n            </DialogTitle>\n            <DialogDescription className=\"paragraph-small-regular text-zinc-500\">\n              {translateDialog('subtitle', { wlName: whitelabel?.name ?? '' })}\n            </DialogDescription>\n          </div>\n\n          <RadioGroup value={selectedReason} onValueChange={setSelectedReason}>\n            <div className=\"flex flex-col border border-zinc-200 rounded-lg overflow-hidden\">\n              {DOWNGRADE_REASONS.map((reason, index) => (\n                <label\n                  key={reason}\n                  htmlFor={`downgrade-reason-${reason}`}\n                  className={cn(\n                    'flex items-center justify-between px-4 py-3.5 lg:px-5 lg:py-6 cursor-pointer hover:bg-zinc-50 transition-colors',\n                    index < DOWNGRADE_REASONS.length - 1 && 'border-b border-zinc-200',\n                    selectedReason === reason && 'bg-zinc-50'\n                  )}\n                >\n                  <span className=\"paragraph-small-medium text-zinc-600\">\n                    {reasonLabels[reason]}\n                  </span>\n                  <RadioGroupItem\n                    value={reason}\n                    id={`downgrade-reason-${reason}`}\n                    className={cn(\n                      'size-[18px] border-[1.5px] shrink-0',\n                      selectedReason === reason && 'border-zinc-950'\n                    )}\n                  />\n                </label>\n              ))}\n            </div>\n          </RadioGroup>\n\n          {selectedReason === DOWNGRADE_REASON_OTHER && (\n            <div className=\"flex flex-col gap-2\">\n              <label htmlFor=\"downgrade-reason-text\" className=\"paragraph-small-medium text-zinc-950\">\n                {translateDialog('reasonLabel')}{' '}\n                <span className=\"text-red-500\">{translateDialog('reasonRequired')}</span>\n              </label>\n              <textarea\n                id=\"downgrade-reason-text\"\n                className=\"w-full min-h-25 p-3 border border-zinc-200 rounded-lg resize-none paragraph-small-regular text-zinc-950 placeholder:text-zinc-400 focus:outline-none hover:border-zinc-400 focus:border-zinc-950 transition-colors\"\n                placeholder={translateDialog('reasonPlaceholder')}\n                value={reasonText}\n                onChange={(event) => setReasonText(event.target.value)}\n              />\n            </div>\n          )}\n        </div>\n\n        <div className=\"border-t border-zinc-200 flex flex-row items-center gap-2 px-4 lg:px-5 py-4 lg:py-5 mt-auto lg:mt-0\">\n          <Button\n            className=\"h-10 w-fit\"\n            onClick={handleContinue}\n            disabled={!canContinue || isPagesPending}\n          >\n            {translateDialog('continueWithDowngrade')}\n          </Button>\n          <Button variant=\"secondary\" className=\"h-10 w-fit\" onClick={handleClose}>\n            {translate('common.actions.cancel')}\n          </Button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":[]}