Pricing display

1"use client"
2 
3import * as React from "react"
4import { PricingTierCard } from "@/registry/new-york/blocks/pricing-cards/components/pricing-tier-card"
5import { PricingTierCardGroup } from "@/registry/new-york/blocks/pricing-cards/components/pricing-tier-card-group"
6import { usePaddlePrices } from "@/registry/new-york/blocks/paddle-client/lib/hooks/use-paddle-prices"
7import {
8  getOrCreatePaddle,
9  addPaddleEventListener,
10} from "@/registry/new-york/blocks/paddle-client/lib/paddle-instance"
11import { BillingIntervalToggle } from "@/registry/new-york/blocks/billing-interval-toggle/components/billing-interval-toggle"
12import { cn } from "@/lib/utils"
13import { formatIntervalLabel } from "@/registry/new-york/blocks/paddle-helpers/lib/paddle-format"
14import type {
15  Environments,
16  CheckoutEventsData,
17  PaddleEventData,
18  TimePeriod,
19} from "@/registry/new-york/blocks/paddle-client/lib/paddle-sdk-types"
20import type { CheckoutCompleteData } from "@/registry/new-york/blocks/paddle-helpers/lib/paddle-types"
21 
22// Local alias for the interval string union from Paddle's TimePeriod.
23// Uses the SDK's source of truth directly rather than a duplicated type.
24type Interval = TimePeriod["interval"]
25 
26/** Plan configuration for the `PricingDisplay` component. */
27export type PricingDisplayPlan = {
28  priceId?: string | Partial<Record<Interval, string>>
29  name: string
30  description?: string
31  features?: string[]
32  badge?: string
33  badgePosition?: "left" | "center" | "right"
34  icon?: React.ReactNode
35  ctaLabel?: string
36  onSelect?: () => void
37}
38 
39/** Props for the `PricingDisplay` component. */
40export type PricingDisplayProps = {
41  plans: PricingDisplayPlan[]
42  clientToken: string
43  environment?: Environments
44  countryCode?: string
45  discountId?: string
46  showOriginalPrice?: boolean
47  currentPriceIds?: string[]
48  selectedPriceId?: string
49  onPlanSelect?: (priceId: string) => void
50  onCheckoutComplete?: (data: CheckoutCompleteData) => void
51  className?: string
52}
53 
54const INTERVAL_ORDER: Interval[] = ["day", "week", "month", "year"]
55 
56function getAllPriceIds(plans: PricingDisplayPlan[]): string[] {
57  return plans.flatMap((plan) => {
58    if (!plan.priceId) return []
59    if (typeof plan.priceId === "string") return [plan.priceId]
60    return Object.values(plan.priceId).filter(Boolean) as string[]
61  })
62}
63 
64function getIntervals(plans: PricingDisplayPlan[]): Interval[] {
65  const multiIntervalPlans = plans.filter(
66    (p) => p.priceId !== undefined && typeof p.priceId !== "string"
67  )
68// … truncated