@fluid-app/portal-sdk 0.1.111 → 0.1.113

package/dist/{SubscriptionsScreen-D-BXah4H.mjs.map → SubscriptionsScreen-CXk8PnZW.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"SubscriptionsScreen-D-BXah4H.mjs","names":["SubscriptionsListScreen","SubscriptionsListScreenContent","SubscriptionDetailScreen","SubscriptionDetailScreenContent"],"sources":["../../../subscriptions/core/src/context.ts","../../../subscriptions/core/src/provider.tsx","../../../subscriptions/core/src/query-keys.ts","../../../subscriptions/core/src/hooks/use-subscriptions.ts","../../../subscriptions/core/src/hooks/use-subscription.ts","../../../subscriptions/core/src/hooks/use-pause-subscription.ts","../../../subscriptions/core/src/hooks/use-resume-subscription.ts","../../../subscriptions/core/src/hooks/use-skip-subscription.ts","../../../subscriptions/core/src/hooks/use-cancel-subscription.ts","../../../subscriptions/core/src/hooks/use-reactivate-subscription.ts","../../../subscriptions/core/src/utils/subscription-helpers.ts","../../../subscriptions/ui/src/lib/cn.ts","../../../subscriptions/ui/src/lib/format.ts","../../../subscriptions/ui/src/components/status-pill.tsx","../../../subscriptions/ui/src/components/subscriptions-list.tsx","../../../subscriptions/ui/src/screens/SubscriptionsListScreen.tsx","../src/screens/SubscriptionsListScreen.tsx","../../../subscriptions/ui/src/components/confirm-dialog.tsx","../../../subscriptions/ui/src/components/subscription-detail.tsx","../../../subscriptions/ui/src/screens/SubscriptionDetailScreen.tsx","../src/screens/SubscriptionDetailScreen.tsx","../src/screens/SubscriptionsScreen.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { SubscriptionsApi } from \"./subscriptions-api\";\n\nconst SubscriptionsApiContext = createContext<SubscriptionsApi | null>(null);\n\nexport const SubscriptionsApiProvider = SubscriptionsApiContext.Provider;\n\nexport function useSubscriptionsApi(): SubscriptionsApi {\n  const api = useContext(SubscriptionsApiContext);\n  if (!api) {\n    throw new Error(\n      \"useSubscriptionsApi must be used within a SubscriptionsCoreProvider\",\n    );\n  }\n  return api;\n}\n","import type { JSX } from \"react\";\nimport type { SubscriptionsApi } from \"./subscriptions-api\";\nimport { SubscriptionsApiProvider } from \"./context\";\n\nexport interface SubscriptionsCoreProviderProps {\n  api: SubscriptionsApi;\n  children: React.ReactNode;\n}\n\nexport function SubscriptionsCoreProvider({\n  api,\n  children,\n}: SubscriptionsCoreProviderProps): JSX.Element {\n  return (\n    <SubscriptionsApiProvider value={api}>{children}</SubscriptionsApiProvider>\n  );\n}\n","import type { subscriptions } from \"./types\";\n\nexport const subscriptionsKeys = {\n  all: [\"subscriptions\"] as const,\n  list: (params?: subscriptions.FetchSubscriptionsParams) =>\n    [...subscriptionsKeys.all, \"list\", params] as const,\n  detail: (token: string) =>\n    [...subscriptionsKeys.all, \"detail\", token] as const,\n} as const;\n","import { useQuery } from \"@tanstack/react-query\";\nimport type { subscriptions } from \"../types\";\nimport { subscriptionsKeys } from \"../query-keys\";\nimport { useSubscriptionsApi } from \"../context\";\n\nexport function useSubscriptions(\n  params: subscriptions.FetchSubscriptionsParams,\n  options?: { enabled?: boolean },\n) {\n  const api = useSubscriptionsApi();\n  return useQuery({\n    queryKey: subscriptionsKeys.list(params),\n    queryFn: () => api.fetchCustomerSubscriptions(params),\n    enabled: options?.enabled ?? !!params.customerId,\n  });\n}\n","import { useQuery } from \"@tanstack/react-query\";\nimport { subscriptionsKeys } from \"../query-keys\";\nimport { useSubscriptionsApi } from \"../context\";\n\nexport function useSubscription(\n  token: string,\n  options?: { enabled?: boolean },\n) {\n  const api = useSubscriptionsApi();\n  return useQuery({\n    queryKey: subscriptionsKeys.detail(token),\n    queryFn: () => api.fetchSubscription(token),\n    enabled: (options?.enabled ?? true) && !!token,\n  });\n}\n","import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport type { subscriptions } from \"../types\";\nimport { subscriptionsKeys } from \"../query-keys\";\nimport { useSubscriptionsApi } from \"../context\";\n\nexport function usePauseSubscription(options?: {\n  onSuccess?: () => void;\n  onError?: (error: unknown) => void;\n}) {\n  const api = useSubscriptionsApi();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (params: {\n      subscriptionToken: string;\n      pauseParams: subscriptions.PauseSubscriptionParams;\n    }) => api.pauseSubscription(params.subscriptionToken, params.pauseParams),\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: subscriptionsKeys.all });\n      options?.onSuccess?.();\n    },\n    onError: options?.onError,\n  });\n}\n","import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport type { subscriptions } from \"../types\";\nimport { subscriptionsKeys } from \"../query-keys\";\nimport { useSubscriptionsApi } from \"../context\";\n\nexport function useResumeSubscription(options?: {\n  onSuccess?: () => void;\n  onError?: (error: unknown) => void;\n}) {\n  const api = useSubscriptionsApi();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (params: {\n      subscriptionToken: string;\n      resumeParams: subscriptions.ResumeSubscriptionParams;\n    }) => api.resumeSubscription(params.subscriptionToken, params.resumeParams),\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: subscriptionsKeys.all });\n      options?.onSuccess?.();\n    },\n    onError: options?.onError,\n  });\n}\n","import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport type { subscriptions } from \"../types\";\nimport { subscriptionsKeys } from \"../query-keys\";\nimport { useSubscriptionsApi } from \"../context\";\n\nexport function useSkipSubscription(options?: {\n  onSuccess?: () => void;\n  onError?: (error: unknown) => void;\n}) {\n  const api = useSubscriptionsApi();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (params: {\n      subscriptionToken: string;\n      skipParams: subscriptions.SkipSubscriptionParams;\n    }) => api.skipSubscription(params.subscriptionToken, params.skipParams),\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: subscriptionsKeys.all });\n      options?.onSuccess?.();\n    },\n    onError: options?.onError,\n  });\n}\n","import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { subscriptionsKeys } from \"../query-keys\";\nimport { useSubscriptionsApi } from \"../context\";\n\nexport function useCancelSubscription(options?: {\n  onSuccess?: () => void;\n  onError?: (error: unknown) => void;\n}) {\n  const api = useSubscriptionsApi();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (params: { subscriptionToken: string; customerId?: number }) =>\n      api.cancelSubscription(params.subscriptionToken, params.customerId),\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: subscriptionsKeys.all });\n      options?.onSuccess?.();\n    },\n    onError: options?.onError,\n  });\n}\n","import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport type { subscriptions } from \"../types\";\nimport { subscriptionsKeys } from \"../query-keys\";\nimport { useSubscriptionsApi } from \"../context\";\n\nexport function useReactivateSubscription(options?: {\n  onSuccess?: () => void;\n  onError?: (error: unknown) => void;\n}) {\n  const api = useSubscriptionsApi();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (params: {\n      subscriptionToken: string;\n      reactivateParams: subscriptions.ReactivateSubscriptionParams;\n    }) =>\n      api.reactivateSubscription(\n        params.subscriptionToken,\n        params.reactivateParams,\n      ),\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: subscriptionsKeys.all });\n      options?.onSuccess?.();\n    },\n    onError: options?.onError,\n  });\n}\n","interface SubscriptionPriceItem {\n  allow_subscription: boolean;\n  subscription_interval: number | null;\n  subscription_price_in_currency: string | null;\n}\n\nexport function getSubscriptionPrice(\n  item: SubscriptionPriceItem,\n): string | null {\n  if (!item.allow_subscription) return null;\n  const intervalText =\n    item.subscription_interval === 1\n      ? \"month\"\n      : `${item.subscription_interval} mo.`;\n  return `${item.subscription_price_in_currency}/${intervalText}`;\n}\n\nexport function formatSubscriptionFrequency(frequency: string): string {\n  if (frequency === \"day\") return \"Daily\";\n  if (frequency === \"week\") return \"Weekly\";\n  if (frequency === \"month\") return \"Monthly\";\n  if (frequency === \"year\") return \"Yearly\";\n  return frequency;\n}\n\nexport function calculateResumeDate(\n  billingInterval: number,\n  billingIntervalUnit: string,\n  orderCount: number,\n  fromDate?: string | Date | null,\n): Date {\n  let startDate: Date;\n\n  if (fromDate) {\n    if (typeof fromDate === \"string\") {\n      startDate = new Date(\n        fromDate + (fromDate.includes(\"T\") ? \"\" : \"T12:00:00.000Z\"),\n      );\n    } else {\n      startDate = new Date(\n        Date.UTC(\n          fromDate.getUTCFullYear(),\n          fromDate.getUTCMonth(),\n          fromDate.getUTCDate(),\n          12,\n          0,\n          0,\n          0,\n        ),\n      );\n    }\n  } else {\n    const now = new Date();\n    startDate = new Date(\n      Date.UTC(\n        now.getUTCFullYear(),\n        now.getUTCMonth(),\n        now.getUTCDate(),\n        12,\n        0,\n        0,\n        0,\n      ),\n    );\n  }\n\n  const baseDate = new Date(startDate.getTime());\n  const totalIntervals = billingInterval * orderCount;\n\n  switch (billingIntervalUnit.toLowerCase()) {\n    case \"day\":\n      baseDate.setUTCDate(baseDate.getUTCDate() + totalIntervals);\n      break;\n    case \"week\":\n      baseDate.setUTCDate(baseDate.getUTCDate() + totalIntervals * 7);\n      break;\n    case \"month\": {\n      const currentMonth = baseDate.getUTCMonth();\n      const currentDay = baseDate.getUTCDate();\n      baseDate.setUTCMonth(currentMonth + totalIntervals);\n      if (baseDate.getUTCDate() !== currentDay) {\n        baseDate.setUTCDate(0);\n      }\n      break;\n    }\n    case \"year\":\n      baseDate.setUTCFullYear(baseDate.getUTCFullYear() + totalIntervals);\n      break;\n    default: {\n      const defaultMonth = baseDate.getUTCMonth();\n      const defaultDay = baseDate.getUTCDate();\n      baseDate.setUTCMonth(defaultMonth + totalIntervals);\n      if (baseDate.getUTCDate() !== defaultDay) {\n        baseDate.setUTCDate(0);\n      }\n    }\n  }\n\n  return baseDate;\n}\n\nexport function calculateNextBillDate(\n  billingInterval: number = 1,\n  billingIntervalUnit: string = \"month\",\n): string {\n  const now = new Date();\n  const nextBillDate = new Date(now);\n\n  switch (billingIntervalUnit.toLowerCase()) {\n    case \"day\":\n      nextBillDate.setDate(now.getDate() + billingInterval);\n      break;\n    case \"week\":\n      nextBillDate.setDate(now.getDate() + billingInterval * 7);\n      break;\n    case \"month\":\n      nextBillDate.setMonth(now.getMonth() + billingInterval);\n      break;\n    case \"year\":\n      nextBillDate.setFullYear(now.getFullYear() + billingInterval);\n      break;\n    default:\n      nextBillDate.setMonth(now.getMonth() + billingInterval);\n  }\n\n  return nextBillDate.toISOString().split(\"T\")[0] || \"\";\n}\n\nexport function formatDate(\n  dateString: string,\n  isCancelled: boolean = false,\n): string {\n  if (isCancelled) return \"Cancelled\";\n  if (!dateString) return \"Paused\";\n\n  const datePortion = dateString.split(\"T\")[0] ?? dateString;\n  const parts = datePortion.split(\"-\");\n  if (parts.length !== 3) return \"Invalid date\";\n\n  const [year, month, day] = parts.map(Number);\n  if (!year || !month || !day) return \"Invalid date\";\n  const date = new Date(year, month - 1, day);\n\n  const monthNames = [\n    \"January\",\n    \"February\",\n    \"March\",\n    \"April\",\n    \"May\",\n    \"June\",\n    \"July\",\n    \"August\",\n    \"September\",\n    \"October\",\n    \"November\",\n    \"December\",\n  ];\n\n  const dayNum = date.getDate();\n  const monthName = monthNames[date.getMonth()];\n  const yearNum = date.getFullYear();\n\n  const ordinalSuffix = (d: number) => {\n    if (d > 3 && d < 21) return \"th\";\n    switch (d % 10) {\n      case 1:\n        return \"st\";\n      case 2:\n        return \"nd\";\n      case 3:\n        return \"rd\";\n      default:\n        return \"th\";\n    }\n  };\n\n  return `${monthName} ${dayNum}${ordinalSuffix(dayNum)}, ${yearNum}`;\n}\n\nexport function getNextBillDisplay<\n  T extends { status?: string; next_bill_date?: string | null },\n>(subscription: T | null | undefined): string {\n  if (subscription?.status === \"cancelled\") return \"Cancelled\";\n  if (subscription?.next_bill_date)\n    return formatDate(subscription.next_bill_date);\n  if (subscription?.status === \"paused\") return \"Paused\";\n  return \"N/A\";\n}\n\nexport function calculateSubscriptionPrice(\n  totalPrice: number,\n  subscribeAndSave: string | null | undefined,\n  quantity: number,\n): string {\n  if (!subscribeAndSave) return totalPrice.toFixed(2);\n\n  const unitDiscountAmount = parseFloat(subscribeAndSave);\n  if (isNaN(unitDiscountAmount)) return totalPrice.toFixed(2);\n\n  const subscriptionAmount = totalPrice - unitDiscountAmount * quantity;\n  return subscriptionAmount.toFixed(2);\n}\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","/**\n * Format a number as currency (USD).\n */\nexport function formatCurrency(value: number): string {\n  return new Intl.NumberFormat(\"en-US\", {\n    style: \"currency\",\n    currency: \"USD\",\n  }).format(value);\n}\n\n/**\n * Convert a snake_case or lowercase string to Start Case.\n * Replaces lodash startCase for simple status strings.\n */\nexport function startCase(str: string | undefined | null): string {\n  if (!str) return \"\";\n  return str.replace(/_/g, \" \").replace(/\\b\\w/g, (char) => char.toUpperCase());\n}\n\n/**\n * Format a next bill date string to M/D/YYYY (UTC).\n */\nexport function formatNextBillDate(nextBillDate: string): string {\n  if (!nextBillDate) return \"N/A\";\n  const date = new Date(nextBillDate);\n  if (isNaN(date.getTime())) return \"N/A\";\n  const month = date.getUTCMonth() + 1;\n  const day = date.getUTCDate();\n  const year = date.getUTCFullYear();\n  return `${month}/${day}/${year}`;\n}\n","import type { JSX } from \"react\";\nimport { cn } from \"../lib/cn\";\n\nconst STATUS_COLORS: Record<string, string> = {\n  active: \"bg-green-100 text-green-800\",\n  paused: \"bg-gray-100 text-gray-800\",\n  cancelled: \"bg-red-100 text-red-800\",\n  pending: \"bg-yellow-100 text-yellow-800\",\n  inactive: \"bg-gray-100 text-gray-800\",\n  disabled: \"bg-red-100 text-red-800\",\n  past_due: \"bg-gray-100 text-gray-800\",\n};\n\nconst STATUS_DOT_COLORS: Record<string, string> = {\n  active: \"bg-green-500\",\n  paused: \"bg-gray-400\",\n  cancelled: \"bg-red-500\",\n  pending: \"bg-yellow-500\",\n  inactive: \"bg-gray-400\",\n  disabled: \"bg-red-500\",\n  past_due: \"bg-gray-400\",\n};\n\nexport interface StatusPillProps {\n  status: string | undefined | null;\n  children: React.ReactNode;\n}\n\nexport function StatusPill({ status, children }: StatusPillProps): JSX.Element {\n  const key = status?.toLowerCase() ?? \"\";\n  const pillColor = STATUS_COLORS[key] ?? \"bg-gray-100 text-gray-800\";\n  const dotColor = STATUS_DOT_COLORS[key] ?? \"bg-gray-400\";\n\n  return (\n    <span\n      className={cn(\n        \"inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium\",\n        pillColor,\n      )}\n    >\n      <span className={cn(\"h-1.5 w-1.5 rounded-full\", dotColor)} />\n      {children}\n    </span>\n  );\n}\n","import { useState, useEffect, type JSX } from \"react\";\nimport type { subscriptions } from \"@fluid-app/subscriptions-core\";\nimport { useSubscriptions } from \"@fluid-app/subscriptions-core\";\nimport { TableColumn, PaginationFooter } from \"@fluid-app/orders-ui\";\nimport { Search } from \"lucide-react\";\nimport { Button, Input, Skeleton } from \"@fluid-app/ui-primitives\";\nimport { cn } from \"../lib/cn\";\nimport { formatCurrency, startCase, formatNextBillDate } from \"../lib/format\";\nimport { StatusPill } from \"./status-pill\";\n\nexport interface SubscriptionsListProps {\n  customerId: number | undefined;\n  onSubscriptionClick: (subscriptionToken: string) => void;\n  t: (key: string) => string;\n  pageSize?: number;\n}\n\nexport function SubscriptionsList({\n  customerId,\n  onSubscriptionClick,\n  t,\n  pageSize = 10,\n}: SubscriptionsListProps): JSX.Element {\n  const [currentPage, setCurrentPage] = useState(1);\n  const [statusFilter, setStatusFilter] = useState<string | null>(null);\n  const [search, setSearch] = useState<string | null>(null);\n  const [sortBy, setSortBy] = useState<{\n    column: string;\n    direction: \"asc\" | \"desc\";\n  }>({\n    column: \"next_bill_date\",\n    direction: \"desc\",\n  });\n\n  const params: subscriptions.FetchSubscriptionsParams = {\n    customerId: customerId ?? 0,\n    page: currentPage,\n    perPage: pageSize,\n    status: statusFilter,\n    search,\n    sortBy: sortBy.column,\n    sortDirection: sortBy.direction,\n  };\n\n  const { data, isLoading } = useSubscriptions(params, {\n    enabled: !!customerId,\n  });\n\n  // Reset page when filters change\n  useEffect(() => {\n    setCurrentPage(1);\n  }, [statusFilter, search, sortBy]);\n\n  const items = data?.subscriptions ?? [];\n  const totalItems = data?.meta?.pagination?.total_count ?? 0;\n  const totalPages = data?.meta?.pagination?.total_pages ?? 1;\n\n  const handleSubscriptionClick = (token: string) => {\n    if (token) {\n      onSubscriptionClick(token);\n    }\n  };\n\n  return (\n    <div className=\"border-border overflow-hidden rounded-lg border shadow-sm\">\n      {/* header: filter buttons + search */}\n      <div className=\"flex flex-col gap-2 p-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"flex gap-1\">\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={() => setStatusFilter(null)}\n            className={cn(\n              \"rounded-md text-xs\",\n              statusFilter === null && \"bg-muted-foreground font-bold\",\n            )}\n          >\n            {t(\"all\")}\n          </Button>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={() => setStatusFilter(\"active\")}\n            className={cn(\n              \"rounded-md text-xs\",\n              statusFilter === \"active\" && \"bg-muted-foreground font-bold\",\n            )}\n          >\n            {t(\"active\")}\n          </Button>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={() => setStatusFilter(\"inactive\")}\n            className={cn(\n              \"rounded-md text-xs\",\n              statusFilter === \"inactive\" && \"bg-muted-foreground font-bold\",\n            )}\n          >\n            {t(\"inactive\")}\n          </Button>\n        </div>\n        <div className=\"relative w-full sm:w-auto sm:min-w-[220px]\">\n          <div className=\"pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3\">\n            <Search className=\"text-muted-foreground h-4 w-4\" />\n          </div>\n          <Input\n            type=\"search\"\n            value={search ?? \"\"}\n            onChange={(e) => setSearch(e.target.value || null)}\n            className=\"h-10 w-full pl-10\"\n            placeholder={t(\"subscriptions\")}\n          />\n        </div>\n      </div>\n\n      {/* mobile view */}\n      <div className=\"block md:hidden\">\n        {isLoading ? (\n          Array(5)\n            .fill(0)\n            .map((_, index) => (\n              <div\n                key={`skeleton-${index}`}\n                className=\"border-border border-b p-4\"\n              >\n                <div className=\"flex space-x-3\">\n                  <Skeleton className=\"h-12 w-12 rounded-md\" />\n                  <div className=\"flex-1 space-y-2\">\n                    <Skeleton className=\"h-4 w-3/4\" />\n                    <Skeleton className=\"h-3 w-1/2\" />\n                  </div>\n                </div>\n              </div>\n            ))\n        ) : items.length === 0 ? (\n          <div className=\"text-muted-foreground px-3 py-8 text-center text-sm\">\n            {t(\"no_subscriptions_found\")}\n          </div>\n        ) : (\n          items.map((subscription) => (\n            <div\n              key={subscription.subscription_token}\n              className=\"border-border hover:bg-accent cursor-pointer border-b p-4 transition-colors duration-200 ease-in-out last:border-b-0\"\n              onClick={() =>\n                handleSubscriptionClick(subscription.subscription_token)\n              }\n            >\n              <div className=\"flex items-start space-x-3\">\n                <img\n                  src={subscription.variant?.product?.image_url}\n                  alt={subscription.variant?.product?.title}\n                  width={48}\n                  height={48}\n                  className=\"h-12 w-12 flex-shrink-0 rounded-md object-cover\"\n                />\n                <div className=\"w-0 min-w-0 flex-1\">\n                  <p className=\"text-foreground truncate text-sm font-medium\">\n                    {subscription.variant?.product?.title}\n                  </p>\n                  <div className=\"mt-2 grid grid-cols-2 gap-x-4 gap-y-1 text-sm\">\n                    <div>\n                      <span className=\"text-muted-foreground block text-xs\">\n                        {t(\"next_bill_date\")}\n                      </span>\n                      <span className=\"text-muted-foreground\">\n                        {formatNextBillDate(subscription.next_bill_date ?? \"\")}\n                      </span>\n                    </div>\n                    <div>\n                      <span className=\"text-muted-foreground block text-xs\">\n                        {t(\"price\")}\n                      </span>\n                      <span className=\"text-foreground font-medium\">\n                        {formatCurrency(\n                          subscription.price * subscription.quantity,\n                        )}\n                      </span>\n                    </div>\n                  </div>\n                  <div className=\"mt-2\">\n                    <span className=\"text-muted-foreground block text-xs\">\n                      {t(\"status\")}\n                    </span>\n                    <StatusPill status={subscription.status}>\n                      {startCase(subscription.status) || t(\"unknown_status\")}\n                    </StatusPill>\n                  </div>\n                </div>\n              </div>\n            </div>\n          ))\n        )}\n      </div>\n\n      {/* desktop view */}\n      <div className=\"hidden overflow-x-auto md:block\">\n        <table className=\"min-w-full table-fixed\">\n          <colgroup>\n            <col className=\"w-[45%] min-w-[240px]\" />\n            <col className=\"w-[20%] min-w-[100px]\" />\n            <col className=\"w-[15%] min-w-[100px]\" />\n            <col className=\"w-[20%] min-w-[100px]\" />\n          </colgroup>\n          <thead className=\"bg-muted\">\n            <tr className=\"h-10\">\n              <TableColumn label={t(\"product\")} sortable={false} />\n              <TableColumn\n                label={t(\"next_bill_date\")}\n                sortBy=\"next_bill_date\"\n                sortData={sortBy}\n                onSortClick={(value: string) =>\n                  setSortBy({\n                    column: value,\n                    direction: sortBy.direction === \"asc\" ? \"desc\" : \"asc\",\n                  })\n                }\n              />\n              <TableColumn label={t(\"price\")} sortable={false} />\n              <TableColumn label={t(\"status\")} sortable={false} />\n            </tr>\n          </thead>\n          <tbody className=\"divide-border bg-background divide-y\">\n            {isLoading ? (\n              Array(5)\n                .fill(0)\n                .map((_, index) => (\n                  <tr key={`skeleton-${index}`}>\n                    <td className=\"px-3 py-4\">\n                      <div className=\"flex items-center space-x-2\">\n                        <Skeleton className=\"h-9 w-9 rounded-md\" />\n                        <Skeleton className=\"h-4 w-32\" />\n                      </div>\n                    </td>\n                    <td className=\"px-3 py-4\">\n                      <Skeleton className=\"h-4 w-24\" />\n                    </td>\n                    <td className=\"px-3 py-4\">\n                      <Skeleton className=\"h-4 w-24\" />\n                    </td>\n                    <td className=\"px-3 py-4\">\n                      <Skeleton className=\"h-4 w-16\" />\n                    </td>\n                  </tr>\n                ))\n            ) : items.length === 0 ? (\n              <tr>\n                <td\n                  colSpan={4}\n                  className=\"text-muted-foreground px-3 py-8 text-center text-sm\"\n                >\n                  {t(\"no_subscriptions_found\")}\n                </td>\n              </tr>\n            ) : (\n              items.map((subscription) => (\n                <tr\n                  key={subscription.subscription_token}\n                  className=\"hover:bg-muted cursor-pointer transition-colors duration-200 ease-in-out\"\n                  onClick={() =>\n                    handleSubscriptionClick(subscription.subscription_token)\n                  }\n                >\n                  <td className=\"text-muted-foreground flex max-w-[280px] items-center space-x-3 py-4 pr-3 pl-3 text-sm\">\n                    <img\n                      src={subscription.variant?.product?.image_url}\n                      alt={subscription.variant?.product?.title}\n                      width={48}\n                      height={48}\n                      className=\"h-12 w-12 flex-shrink-0 rounded-md object-cover\"\n                    />\n                    <span className=\"text-foreground truncate text-sm font-medium\">\n                      {subscription.variant?.product?.title}\n                    </span>\n                  </td>\n                  <td className=\"text-muted-foreground px-3 py-4 text-sm whitespace-nowrap\">\n                    {formatNextBillDate(subscription.next_bill_date ?? \"\")}\n                  </td>\n                  <td className=\"px-3 py-4 text-sm whitespace-nowrap\">\n                    <span className=\"text-muted-foreground\">\n                      {formatCurrency(\n                        subscription.price * subscription.quantity,\n                      )}\n                    </span>\n                  </td>\n                  <td className=\"px-3 py-4 text-sm whitespace-nowrap\">\n                    <StatusPill status={subscription.status}>\n                      {startCase(subscription.status) || t(\"unknown_status\")}\n                    </StatusPill>\n                  </td>\n                </tr>\n              ))\n            )}\n          </tbody>\n        </table>\n      </div>\n\n      <PaginationFooter\n        currentPage={currentPage}\n        totalPages={totalPages}\n        pageSize={pageSize}\n        totalItems={totalItems}\n        onPageChange={setCurrentPage}\n        t={t}\n      />\n    </div>\n  );\n}\n","\"use client\";\n\nimport { useMemo } from \"react\";\nimport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbPage,\n} from \"@fluid-app/ui-primitives\";\nimport { useScreenHeaderBreadcrumbs } from \"@fluid-app/portal-react/shell/ScreenHeaderContext\";\nimport { SubscriptionsList } from \"../components/subscriptions-list\";\n\nexport interface SubscriptionsListScreenProps {\n  customerId: number | undefined;\n  onSubscriptionClick: (subscriptionToken: string) => void;\n  t: (key: string) => string;\n  isLoadingCustomer?: boolean;\n}\n\nexport function SubscriptionsListScreen({\n  customerId,\n  onSubscriptionClick,\n  t,\n  isLoadingCustomer,\n}: SubscriptionsListScreenProps) {\n  const headerBreadcrumbs = useMemo(\n    () => (\n      <Breadcrumb>\n        <BreadcrumbList className=\"text-lg\">\n          <BreadcrumbItem>\n            <BreadcrumbPage className=\"font-semibold\">\n              Subscriptions\n            </BreadcrumbPage>\n          </BreadcrumbItem>\n        </BreadcrumbList>\n      </Breadcrumb>\n    ),\n    [],\n  );\n  useScreenHeaderBreadcrumbs(headerBreadcrumbs);\n\n  if (isLoadingCustomer) {\n    return (\n      <div className=\"mx-auto max-w-7xl px-4 py-4 sm:px-6 sm:py-6 lg:px-10 lg:py-8\">\n        <div className=\"space-y-3\">\n          <div className=\"bg-muted h-10 animate-pulse rounded\" />\n          <div className=\"bg-muted h-64 animate-pulse rounded\" />\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"mx-auto max-w-7xl px-4 py-4 sm:px-6 sm:py-6 lg:px-10 lg:py-8\">\n      <SubscriptionsList\n        customerId={customerId}\n        onSubscriptionClick={onSubscriptionClick}\n        t={t}\n      />\n    </div>\n  );\n}\n","import { SubscriptionsCoreProvider } from \"@fluid-app/subscriptions-core\";\nimport { SubscriptionsListScreen as SubscriptionsListScreenContent } from \"@fluid-app/subscriptions-ui/screens/SubscriptionsListScreen\";\nimport { useSubscriptionsApiClient } from \"../account/use-account-clients\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\n\nconst translations: Record<string, string> = {\n  all: \"All\",\n  active: \"Active\",\n  inactive: \"Inactive\",\n  search: \"Search\",\n  subscriptions: \"Search subscriptions...\",\n  product: \"Product\",\n  next_bill_date: \"Next Bill Date\",\n  price: \"Price\",\n  status: \"Status\",\n  no_subscriptions_found: \"No subscriptions found\",\n  unknown_status: \"Unknown\",\n  total: \"Total\",\n  results: \"results\",\n  previous: \"Previous\",\n  next: \"Next\",\n  pagination: \"Pagination\",\n};\n\ninterface SubscriptionsListScreenProps {\n  customerId: number | undefined;\n  isLoadingCustomer: boolean;\n}\n\nexport function SubscriptionsListScreen({\n  customerId,\n  isLoadingCustomer,\n}: SubscriptionsListScreenProps): React.JSX.Element {\n  const subscriptionsApi = useSubscriptionsApiClient();\n  const { navigate } = useAppNavigation();\n\n  return (\n    <SubscriptionsCoreProvider api={subscriptionsApi}>\n      <SubscriptionsListScreenContent\n        customerId={customerId}\n        isLoadingCustomer={isLoadingCustomer}\n        onSubscriptionClick={(subscriptionToken) =>\n          navigate(`subscriptions/${subscriptionToken}`)\n        }\n        t={(key) => translations[key] ?? key}\n      />\n    </SubscriptionsCoreProvider>\n  );\n}\n","import { useState } from \"react\";\nimport {\n  AlertDialog,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogCancel,\n  AlertDialogAction,\n} from \"@fluid-app/ui-primitives\";\n\ninterface ConfirmDialogProps {\n  title: string;\n  description: string;\n  actionButtonText?: string;\n  cancelButtonText?: string;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  onConfirm: () => void | Promise<unknown>;\n}\n\nexport function ConfirmDialog({\n  title,\n  description,\n  actionButtonText = \"Delete\",\n  cancelButtonText = \"Cancel\",\n  open,\n  setOpen,\n  onConfirm,\n}: ConfirmDialogProps) {\n  const [isPending, setIsPending] = useState(false);\n\n  const handleConfirm = async () => {\n    try {\n      const result = onConfirm();\n      if (result instanceof Promise) {\n        setIsPending(true);\n        await result;\n      }\n    } catch (error) {\n      console.error(\"ConfirmDialog: action rejected\", error);\n    } finally {\n      setIsPending(false);\n      setOpen(false);\n    }\n  };\n\n  return (\n    <AlertDialog open={open} onOpenChange={(v) => !isPending && setOpen(v)}>\n      <AlertDialogContent>\n        <AlertDialogHeader>\n          <AlertDialogTitle>{title}</AlertDialogTitle>\n          <AlertDialogDescription>{description}</AlertDialogDescription>\n        </AlertDialogHeader>\n        <AlertDialogFooter>\n          <AlertDialogCancel disabled={isPending}>\n            {cancelButtonText}\n          </AlertDialogCancel>\n          <AlertDialogAction\n            onClick={handleConfirm}\n            disabled={isPending}\n            className=\"bg-red-600 text-white hover:bg-red-500\"\n          >\n            {isPending ? \"...\" : actionButtonText}\n          </AlertDialogAction>\n        </AlertDialogFooter>\n      </AlertDialogContent>\n    </AlertDialog>\n  );\n}\n","import { useState, useEffect, useRef, type JSX } from \"react\";\nimport type { subscriptions } from \"@fluid-app/subscriptions-core\";\nimport {\n  useSubscription,\n  usePauseSubscription,\n  useResumeSubscription,\n  useSkipSubscription,\n  useCancelSubscription,\n  useReactivateSubscription,\n  formatSubscriptionFrequency,\n  formatDate,\n  getNextBillDisplay,\n  calculateNextBillDate,\n} from \"@fluid-app/subscriptions-core\";\nimport { SkipForward, Pause, Play, XCircle, RotateCcw } from \"lucide-react\";\nimport { Skeleton, Button } from \"@fluid-app/ui-primitives\";\nimport { ConfirmDialog } from \"./confirm-dialog\";\nimport { StatusPill } from \"./status-pill\";\nimport { startCase, formatCurrency } from \"../lib/format\";\n\nexport interface SubscriptionDetailProps {\n  token: string;\n  onNotFound?: () => void;\n  onError?: (error: Error) => void;\n  onSuccess?: (message: string) => void;\n  onMutationError?: (message: string, error: unknown) => void;\n}\n\nfunction SubscriptionDetailSkeleton() {\n  return (\n    <div className=\"flex flex-col lg:grid lg:grid-cols-8\">\n      {/* Left: items skeleton */}\n      <div className=\"bg-muted flex flex-col items-center px-8 lg:col-span-4\">\n        <div className=\"w-full max-w-lg py-6\">\n          <Skeleton className=\"mb-4 h-6 w-48\" />\n          <div className=\"grid grid-cols-2 gap-4\">\n            <Skeleton className=\"h-16 w-full rounded\" />\n            <Skeleton className=\"h-16 w-full rounded\" />\n          </div>\n          <div className=\"mt-6 flex items-center space-x-4\">\n            <Skeleton className=\"h-24 w-24 rounded\" />\n            <div className=\"flex-1 space-y-2\">\n              <Skeleton className=\"h-4 w-3/4\" />\n              <Skeleton className=\"h-4 w-1/2\" />\n              <Skeleton className=\"h-4 w-1/4\" />\n            </div>\n          </div>\n          <div className=\"mt-6 space-y-2\">\n            <Skeleton className=\"h-4 w-full\" />\n            <Skeleton className=\"h-4 w-full\" />\n            <Skeleton className=\"h-5 w-full\" />\n          </div>\n        </div>\n      </div>\n      {/* Right: management skeleton */}\n      <div className=\"bg-background col-span-4 px-8 pt-4\">\n        <div className=\"mx-auto max-w-lg\">\n          <Skeleton className=\"mb-3 h-5 w-32\" />\n          <div className=\"grid grid-cols-2 gap-3\">\n            <Skeleton className=\"h-10 w-full rounded\" />\n            <Skeleton className=\"h-10 w-full rounded\" />\n          </div>\n          <div className=\"mt-6 space-y-4\">\n            <Skeleton className=\"h-5 w-40\" />\n            <div className=\"flex gap-4\">\n              <Skeleton className=\"h-12 flex-1 rounded\" />\n              <Skeleton className=\"h-12 flex-1 rounded\" />\n            </div>\n          </div>\n          <div className=\"mt-6 space-y-4\">\n            <Skeleton className=\"h-5 w-40\" />\n            <Skeleton className=\"h-16 w-full rounded\" />\n            <Skeleton className=\"h-16 w-full rounded\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/* ── Left column: product & order summary ──────────────────────────── */\n\nfunction SubscriptionItemsSection({\n  subscription,\n}: {\n  subscription: subscriptions.SubscriptionDetailSubscription;\n}) {\n  const variant = subscription.variant;\n  const product = variant?.product;\n  const quantity = subscription.quantity;\n  const totalPrice = formatCurrency(subscription.price * quantity);\n  const discount =\n    subscription.original_price != null\n      ? subscription.original_price - subscription.price\n      : 0;\n  const subtotal =\n    discount > 0\n      ? formatCurrency(subscription.original_price * quantity)\n      : totalPrice;\n\n  return (\n    <section className=\"bg-muted flex w-full flex-col items-center px-8 lg:col-span-4\">\n      <div className=\"flex w-full max-w-lg flex-col\">\n        {/* Upcoming order summary */}\n        <div className=\"mt-4\">\n          <h2 className=\"text-foreground mb-2 text-lg font-medium\">\n            Your Upcoming Order\n          </h2>\n          <div className=\"text-muted-foreground\">\n            <div className=\"grid grid-cols-2 gap-4\">\n              <div className=\"border-border border-r pr-4\">\n                <div className=\"text-muted-foreground mb-1 text-sm\">\n                  Next Order Date\n                </div>\n                <div className=\"text-foreground text-2xl font-bold\">\n                  {getNextBillDisplay(subscription)}\n                </div>\n              </div>\n              <div className=\"pl-4\">\n                <div className=\"text-muted-foreground mb-1 text-sm\">\n                  Next Bill Amount\n                </div>\n                <div className=\"text-foreground text-2xl font-bold\">\n                  {formatCurrency(subscription.price * quantity)}\n                </div>\n              </div>\n            </div>\n            <hr className=\"border-border mt-4\" />\n          </div>\n        </div>\n\n        {/* Product row */}\n        <div className=\"py-6\">\n          <div className=\"flex flex-row items-center space-x-4\">\n            <div className=\"flex min-w-0 flex-1 flex-row space-x-4\">\n              <div className=\"relative shrink-0\">\n                <div className=\"bg-muted h-24 w-24 overflow-hidden rounded\">\n                  {product?.image_url ? (\n                    <img\n                      src={product.image_url}\n                      alt={variant?.title || \"Product image\"}\n                      width={96}\n                      height={96}\n                      className=\"h-full w-full object-cover\"\n                    />\n                  ) : (\n                    <div className=\"text-muted-foreground flex h-full w-full items-center justify-center\">\n                      No image\n                    </div>\n                  )}\n                  {quantity > 1 && (\n                    <span className=\"bg-foreground text-background absolute -top-2 -right-2 z-10 flex h-6 w-6 items-center justify-center rounded-full text-xs font-medium\">\n                      {quantity}\n                    </span>\n                  )}\n                </div>\n              </div>\n              <div className=\"flex min-w-0 flex-col space-y-0.5\">\n                <p\n                  className=\"text-foreground truncate text-sm font-medium\"\n                  title={product?.title}\n                >\n                  {product?.title}\n                </p>\n                {variant?.title && product?.title && (\n                  <p className=\"text-muted-foreground text-sm\">\n                    {variant.title}\n                  </p>\n                )}\n                <div>\n                  <p className=\"text-foreground text-sm font-medium\">\n                    {formatCurrency(subscription.price * quantity)}\n                  </p>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {/* Pricing summary */}\n        <div className=\"mb-4\">\n          {discount > 0 && (\n            <>\n              <div className=\"flex justify-between text-sm\">\n                <p className=\"text-muted-foreground text-sm font-medium\">\n                  Subtotal\n                </p>\n                <p className=\"text-muted-foreground text-sm font-medium\">\n                  {subtotal}\n                </p>\n              </div>\n              <div className=\"mt-2 flex justify-between text-sm\">\n                <p className=\"text-muted-foreground text-sm font-medium\">\n                  Discount\n                </p>\n                <p className=\"text-muted-foreground text-sm font-medium\">\n                  -{formatCurrency(discount * quantity)}\n                </p>\n              </div>\n            </>\n          )}\n          <div className=\"mt-4 flex items-center justify-between text-base font-medium\">\n            <p className=\"text-muted-foreground text-sm font-medium\">Total</p>\n            <p className=\"text-foreground text-base font-bold\">\n              {formatCurrency(subscription.price * quantity)}\n            </p>\n          </div>\n          <span className=\"text-muted-foreground text-xs\">\n            *Tax and shipping calculated at checkout\n          </span>\n        </div>\n      </div>\n    </section>\n  );\n}\n\n/* ── Right column: actions & details ───────────────────────────────── */\n\nfunction SubscriptionManagementSection({\n  subscription,\n  isActive,\n  isPaused,\n  isCancelled,\n  isMutating,\n  onSkip,\n  onPause,\n  onResume,\n  onCancel,\n  onReactivate,\n}: {\n  subscription: subscriptions.SubscriptionDetailSubscription;\n  isActive: boolean;\n  isPaused: boolean;\n  isCancelled: boolean;\n  isMutating: boolean;\n  onSkip: () => void;\n  onPause: () => void;\n  onResume: () => void;\n  onCancel: () => void;\n  onReactivate: () => void;\n}) {\n  const plan = subscription.subscription_plan;\n  const quantity = subscription.quantity;\n  const totalPrice = formatCurrency(subscription.price * quantity);\n\n  const paymentMethod = subscription.payment_method;\n  const paymentDetails = paymentMethod?.details as {\n    last4?: string;\n    card_type?: string;\n    logo_url?: string;\n  } | null;\n\n  const actionButtonClass =\n    \"flex h-auto flex-row items-center justify-center gap-2 overflow-hidden border border-border bg-muted py-2 text-xs whitespace-nowrap text-foreground hover:bg-accent sm:text-sm\";\n\n  return (\n    <div className=\"bg-background col-span-4 flex-auto px-8 pt-4\">\n      <div className=\"mx-auto max-w-lg lg:mx-0 lg:mr-auto\">\n        {/* Action Buttons */}\n        <div className=\"border-border mb-6 border-b pb-6\">\n          <h2 className=\"text-foreground mb-3 text-sm/6 font-semibold\">\n            Order Actions\n          </h2>\n          <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\">\n            {isActive && plan.allow_skipping && (\n              <Button\n                variant=\"outline\"\n                onClick={onSkip}\n                disabled={isMutating || !subscription.next_bill_date}\n                className={actionButtonClass}\n              >\n                <SkipForward className=\"h-3 w-3 shrink-0\" />\n                <span className=\"truncate\">Skip Next Order</span>\n              </Button>\n            )}\n            {isActive && (\n              <Button\n                variant=\"outline\"\n                onClick={onPause}\n                disabled={isMutating}\n                className={actionButtonClass}\n              >\n                <Pause className=\"h-3 w-3 shrink-0\" />\n                <span className=\"truncate\">Pause Subscription</span>\n              </Button>\n            )}\n            {isPaused && (\n              <Button\n                variant=\"outline\"\n                onClick={onResume}\n                disabled={isMutating}\n                className={actionButtonClass}\n              >\n                <Play className=\"h-3 w-3 shrink-0\" />\n                <span className=\"truncate\">Resume Subscription</span>\n              </Button>\n            )}\n            <Button\n              variant=\"outline\"\n              onClick={onCancel}\n              disabled={isMutating || isCancelled}\n              className={actionButtonClass}\n            >\n              <XCircle className=\"h-3 w-3 shrink-0\" />\n              <span className=\"truncate\">\n                {isCancelled ? \"Cancelled\" : \"Cancel Subscription\"}\n              </span>\n            </Button>\n            {isCancelled && (\n              <Button\n                variant=\"outline\"\n                onClick={onReactivate}\n                disabled={isMutating}\n                className={actionButtonClass}\n              >\n                <RotateCcw className=\"h-3 w-3 shrink-0\" />\n                <span className=\"truncate\">Reactivate Subscription</span>\n              </Button>\n            )}\n          </div>\n        </div>\n\n        {/* Subscription Details */}\n        <div className=\"border-border mb-4 border-b\">\n          <div className=\"mb-4 flex items-center justify-between\">\n            <h3 className=\"text-foreground text-sm/6 font-semibold\">\n              Subscription Details\n            </h3>\n            <StatusPill status={subscription.status}>\n              {startCase(subscription.status)}\n            </StatusPill>\n          </div>\n          <div className=\"divide-border mb-4 flex divide-x\">\n            <div className=\"flex-1 pr-4\">\n              <div className=\"text-muted-foreground text-sm\">\n                Order Frequency\n              </div>\n              <div className=\"text-foreground font-medium\">\n                {formatSubscriptionFrequency(plan.billing_interval_unit)}\n              </div>\n            </div>\n            <div className=\"flex-1 px-4\">\n              <div className=\"text-muted-foreground text-sm\">Next Payment</div>\n              <div className=\"text-foreground font-medium\">{totalPrice}</div>\n            </div>\n            {subscription.last_bill_date && (\n              <div className=\"flex-1 pl-4 text-right\">\n                <div className=\"text-muted-foreground text-sm\">Last Billed</div>\n                <div className=\"text-foreground font-medium\">\n                  {formatDate(subscription.last_bill_date)}\n                </div>\n              </div>\n            )}\n          </div>\n        </div>\n\n        {/* Payment & Shipping */}\n        <div className=\"pt-2\">\n          <h3 className=\"text-foreground text-sm/6 font-semibold\">\n            Payment & Shipping\n          </h3>\n          <div className=\"flex flex-col\">\n            {/* Shipping Address */}\n            {subscription.address && (\n              <div className=\"border-border mb-6 border-b pb-4\">\n                <div className=\"text-muted-foreground mt-3 mb-1 text-sm\">\n                  Shipping Address\n                </div>\n                <div className=\"text-foreground text-sm\">\n                  <p className=\"font-medium\">{subscription.address.name}</p>\n                  <p>{subscription.address.address1}</p>\n                  {subscription.address.address2 && (\n                    <p>{subscription.address.address2}</p>\n                  )}\n                  <p>\n                    {[subscription.address.city, subscription.address.state]\n                      .filter(Boolean)\n                      .join(\", \")}{\" \"}\n                    {subscription.address.postal_code}\n                  </p>\n                  {subscription.address.country_code && (\n                    <p>{subscription.address.country_code}</p>\n                  )}\n                </div>\n              </div>\n            )}\n\n            {/* Payment Method */}\n            {paymentMethod && (\n              <div className=\"border-border mb-6 border-b pb-4\">\n                <div className=\"text-muted-foreground mb-1 text-sm\">\n                  Payment Method\n                </div>\n                <div className=\"text-foreground flex items-center gap-2 text-sm\">\n                  {paymentDetails?.logo_url && (\n                    <img\n                      src={paymentDetails.logo_url}\n                      alt={paymentDetails.card_type ?? \"Card\"}\n                      className=\"h-6\"\n                    />\n                  )}\n                  <span className=\"font-medium\">\n                    {paymentDetails?.card_type\n                      ? startCase(paymentDetails.card_type)\n                      : paymentMethod.payment_type}\n                    {paymentDetails?.last4\n                      ? ` ending in ${paymentDetails.last4}`\n                      : \"\"}\n                  </span>\n                </div>\n              </div>\n            )}\n          </div>\n        </div>\n\n        {/* Order History */}\n        {subscription.orders.length > 0 && (\n          <div className=\"border-border mb-4 border-b pb-4\">\n            <h3 className=\"text-foreground mb-3 text-sm/6 font-semibold\">\n              Order History\n            </h3>\n            <div className=\"overflow-x-auto\">\n              <table className=\"divide-border min-w-full divide-y text-sm\">\n                <thead>\n                  <tr>\n                    <th className=\"text-muted-foreground py-2 pr-3 text-left font-medium\">\n                      Order\n                    </th>\n                    <th className=\"text-muted-foreground px-3 py-2 text-left font-medium\">\n                      Date\n                    </th>\n                    <th className=\"text-muted-foreground px-3 py-2 text-left font-medium\">\n                      Status\n                    </th>\n                    <th className=\"text-muted-foreground py-2 pl-3 text-right font-medium\">\n                      Amount\n                    </th>\n                  </tr>\n                </thead>\n                <tbody className=\"divide-border divide-y\">\n                  {subscription.orders.map((order) => (\n                    <tr key={order.id}>\n                      <td className=\"text-foreground py-2 pr-3 font-medium\">\n                        {order.order_number ?? `#${order.id}`}\n                      </td>\n                      <td className=\"text-muted-foreground px-3 py-2\">\n                        {formatDate(order.created_at.split(\"T\")[0] ?? \"\")}\n                      </td>\n                      <td className=\"px-3 py-2\">\n                        <StatusPill status={order.status}>\n                          {startCase(order.status)}\n                        </StatusPill>\n                      </td>\n                      <td className=\"text-foreground py-2 pl-3 text-right\">\n                        {order.amount != null\n                          ? formatCurrency(Number(order.amount))\n                          : \"N/A\"}\n                      </td>\n                    </tr>\n                  ))}\n                </tbody>\n              </table>\n            </div>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\n/* ── Main component ────────────────────────────────────────────────── */\n\nexport function SubscriptionDetail({\n  token,\n  onNotFound,\n  onError,\n  onSuccess,\n  onMutationError,\n}: SubscriptionDetailProps): JSX.Element | null {\n  const [showCancelModal, setShowCancelModal] = useState(false);\n\n  const { data, isLoading, error } = useSubscription(token);\n  const subscription = data?.subscription;\n  const customerId = subscription?.customer?.id ?? 0;\n\n  const pauseMutation = usePauseSubscription({\n    onSuccess: () => onSuccess?.(\"Subscription paused\"),\n    onError: (err: unknown) =>\n      onMutationError?.(\"Failed to pause subscription\", err),\n  });\n\n  const resumeMutation = useResumeSubscription({\n    onSuccess: () => onSuccess?.(\"Subscription resumed\"),\n    onError: (err: unknown) =>\n      onMutationError?.(\"Failed to resume subscription\", err),\n  });\n\n  const skipMutation = useSkipSubscription({\n    onSuccess: () => onSuccess?.(\"Next billing skipped\"),\n    onError: (err: unknown) => onMutationError?.(\"Failed to skip billing\", err),\n  });\n\n  const cancelMutation = useCancelSubscription({\n    onSuccess: () => {\n      onSuccess?.(\"Subscription cancelled\");\n      setShowCancelModal(false);\n    },\n    onError: (err: unknown) =>\n      onMutationError?.(\"Failed to cancel subscription\", err),\n  });\n\n  const reactivateMutation = useReactivateSubscription({\n    onSuccess: () => onSuccess?.(\"Subscription reactivated\"),\n    onError: (err: unknown) =>\n      onMutationError?.(\"Failed to reactivate subscription\", err),\n  });\n\n  const onErrorRef = useRef(onError);\n  onErrorRef.current = onError;\n  const onNotFoundRef = useRef(onNotFound);\n  onNotFoundRef.current = onNotFound;\n\n  useEffect(() => {\n    if (!isLoading && error) {\n      onErrorRef.current?.(error as Error);\n    }\n  }, [isLoading, error]);\n\n  useEffect(() => {\n    if (!isLoading && !error && !subscription) {\n      onNotFoundRef.current?.();\n    }\n  }, [isLoading, error, subscription]);\n\n  if (isLoading) {\n    return <SubscriptionDetailSkeleton />;\n  }\n\n  if (!subscription) {\n    return null;\n  }\n\n  const plan = subscription.subscription_plan;\n  const isActive = subscription.status === \"active\";\n  const isPaused = subscription.status === \"paused\";\n  const isCancelled = subscription.status === \"cancelled\";\n  const isMutating =\n    pauseMutation.isPending ||\n    resumeMutation.isPending ||\n    skipMutation.isPending ||\n    cancelMutation.isPending ||\n    reactivateMutation.isPending;\n\n  const handlePause = () => {\n    pauseMutation.mutate({\n      subscriptionToken: token,\n      pauseParams: { customerId },\n    });\n  };\n\n  const handleResume = () => {\n    const nextBillDate = calculateNextBillDate(\n      plan.billing_interval,\n      plan.billing_interval_unit,\n    );\n    resumeMutation.mutate({\n      subscriptionToken: token,\n      resumeParams: { customerId, nextBillDate },\n    });\n  };\n\n  const handleSkip = () => {\n    const nextBillDate = calculateNextBillDate(\n      plan.billing_interval,\n      plan.billing_interval_unit,\n    );\n    skipMutation.mutate({\n      subscriptionToken: token,\n      skipParams: { customerId, nextBillDate },\n    });\n  };\n\n  const handleCancel = () => {\n    cancelMutation.mutate({ subscriptionToken: token, customerId });\n  };\n\n  const handleReactivate = () => {\n    reactivateMutation.mutate({\n      subscriptionToken: token,\n      reactivateParams: {},\n    });\n  };\n\n  return (\n    <>\n      <div className=\"flex flex-col lg:grid lg:grid-cols-8\">\n        <SubscriptionItemsSection subscription={subscription} />\n        <SubscriptionManagementSection\n          subscription={subscription}\n          isActive={isActive}\n          isPaused={isPaused}\n          isCancelled={isCancelled}\n          isMutating={isMutating}\n          onSkip={handleSkip}\n          onPause={handlePause}\n          onResume={handleResume}\n          onCancel={() => setShowCancelModal(true)}\n          onReactivate={handleReactivate}\n        />\n      </div>\n      <ConfirmDialog\n        title=\"Cancel Subscription\"\n        actionButtonText=\"Cancel Subscription\"\n        description=\"Are you sure you want to cancel this subscription? You can reactivate it later.\"\n        open={showCancelModal}\n        setOpen={setShowCancelModal}\n        onConfirm={handleCancel}\n      />\n    </>\n  );\n}\n\nexport interface SubscriptionActionsProps {\n  isActive: boolean;\n  isPaused: boolean;\n  isCancelled: boolean;\n  isMutating: boolean;\n  allowSkipping: boolean | null;\n  onPause: () => void;\n  onResume: () => void;\n  onSkip: () => void;\n  onCancel: () => void;\n  onReactivate: () => void;\n}\n\nexport function SubscriptionActions({\n  isActive,\n  isPaused,\n  isCancelled,\n  isMutating,\n  allowSkipping,\n  onPause,\n  onResume,\n  onSkip,\n  onCancel,\n  onReactivate,\n}: SubscriptionActionsProps) {\n  const actionButtonClass =\n    \"flex h-auto flex-row items-center justify-center gap-2 overflow-hidden border border-border bg-muted py-2 text-xs whitespace-nowrap text-foreground hover:bg-accent sm:text-sm\";\n\n  return (\n    <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\">\n      {isActive && (\n        <>\n          {allowSkipping && (\n            <Button\n              variant=\"outline\"\n              onClick={onSkip}\n              disabled={isMutating}\n              className={actionButtonClass}\n            >\n              <SkipForward className=\"h-3 w-3 shrink-0\" />\n              <span className=\"truncate\">Skip Next</span>\n            </Button>\n          )}\n          <Button\n            variant=\"outline\"\n            onClick={onPause}\n            disabled={isMutating}\n            className={actionButtonClass}\n          >\n            <Pause className=\"h-3 w-3 shrink-0\" />\n            <span className=\"truncate\">Pause</span>\n          </Button>\n          <Button\n            variant=\"outline\"\n            onClick={onCancel}\n            disabled={isMutating}\n            className={actionButtonClass}\n          >\n            <XCircle className=\"h-3 w-3 shrink-0\" />\n            <span className=\"truncate\">Cancel</span>\n          </Button>\n        </>\n      )}\n      {isPaused && (\n        <>\n          <Button\n            variant=\"outline\"\n            onClick={onResume}\n            disabled={isMutating}\n            className={actionButtonClass}\n          >\n            <Play className=\"h-3 w-3 shrink-0\" />\n            <span className=\"truncate\">Resume</span>\n          </Button>\n          <Button\n            variant=\"outline\"\n            onClick={onCancel}\n            disabled={isMutating}\n            className={actionButtonClass}\n          >\n            <XCircle className=\"h-3 w-3 shrink-0\" />\n            <span className=\"truncate\">Cancel</span>\n          </Button>\n        </>\n      )}\n      {isCancelled && (\n        <Button\n          variant=\"outline\"\n          onClick={onReactivate}\n          disabled={isMutating}\n          className={actionButtonClass}\n        >\n          <RotateCcw className=\"h-3 w-3 shrink-0\" />\n          <span className=\"truncate\">Reactivate</span>\n        </Button>\n      )}\n    </div>\n  );\n}\n","\"use client\";\n\nimport { useMemo } from \"react\";\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"@fluid-app/ui-primitives\";\nimport { useScreenHeaderBreadcrumbs } from \"@fluid-app/portal-react/shell/ScreenHeaderContext\";\nimport { SubscriptionDetail } from \"../components/subscription-detail\";\n\nexport interface SubscriptionDetailScreenProps {\n  token: string;\n  onNavigateToList: () => void;\n  onNotFound?: () => void;\n  onError?: (error: Error) => void;\n  onSuccess?: (message: string) => void;\n  onMutationError?: (message: string, error: unknown) => void;\n}\n\nexport function SubscriptionDetailScreen({\n  token,\n  onNavigateToList,\n  onNotFound,\n  onError,\n  onSuccess,\n  onMutationError,\n}: SubscriptionDetailScreenProps) {\n  const headerBreadcrumbs = useMemo(\n    () => (\n      <Breadcrumb>\n        <BreadcrumbList className=\"text-lg\">\n          <BreadcrumbItem>\n            <BreadcrumbLink\n              href=\"#\"\n              onClick={(e) => {\n                e.preventDefault();\n                onNavigateToList();\n              }}\n            >\n              Subscriptions\n            </BreadcrumbLink>\n          </BreadcrumbItem>\n          <BreadcrumbSeparator />\n          <BreadcrumbItem>\n            <BreadcrumbPage className=\"font-semibold\">\n              Subscription #{token}\n            </BreadcrumbPage>\n          </BreadcrumbItem>\n        </BreadcrumbList>\n      </Breadcrumb>\n    ),\n    [token, onNavigateToList],\n  );\n  useScreenHeaderBreadcrumbs(headerBreadcrumbs);\n\n  return (\n    <div className=\"mx-auto max-w-7xl px-4 py-4 sm:px-6 sm:py-6 lg:px-10 lg:py-8\">\n      <SubscriptionDetail\n        token={token}\n        onNotFound={onNotFound}\n        onError={onError}\n        onSuccess={onSuccess}\n        onMutationError={onMutationError}\n      />\n    </div>\n  );\n}\n","import { SubscriptionsCoreProvider } from \"@fluid-app/subscriptions-core\";\nimport { SubscriptionDetailScreen as SubscriptionDetailScreenContent } from \"@fluid-app/subscriptions-ui/screens/SubscriptionDetailScreen\";\nimport { useSubscriptionsApiClient } from \"../account/use-account-clients\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\n\ninterface SubscriptionDetailScreenProps {\n  token: string;\n  onToast: (message: string, type: \"success\" | \"error\" | \"warning\") => void;\n}\n\nexport function SubscriptionDetailScreen({\n  token,\n  onToast,\n}: SubscriptionDetailScreenProps): React.JSX.Element {\n  const subscriptionsApi = useSubscriptionsApiClient();\n  const { navigate } = useAppNavigation();\n\n  return (\n    <SubscriptionsCoreProvider api={subscriptionsApi}>\n      <SubscriptionDetailScreenContent\n        token={token}\n        onNavigateToList={() => navigate(\"subscriptions\")}\n        onNotFound={() => {\n          onToast(\"Subscription not found\", \"warning\");\n          navigate(\"subscriptions\");\n        }}\n        onError={(err) => {\n          const message =\n            err instanceof Error ? err.message : \"An error occurred\";\n          onToast(`Failed to load subscription: ${message}`, \"error\");\n        }}\n        onSuccess={(message) => {\n          onToast(message, \"success\");\n        }}\n        onMutationError={(message, err) => {\n          const detail =\n            err instanceof Error ? err.message : \"An error occurred\";\n          onToast(`${message}: ${detail}`, \"error\");\n        }}\n      />\n    </SubscriptionsCoreProvider>\n  );\n}\n","import type { ComponentProps } from \"react\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  ColorOptions,\n  PaddingOptions,\n} from \"../types\";\nimport type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\nimport { useCustomerAccount } from \"../account/use-customer-account\";\nimport { SubscriptionsListScreen } from \"./SubscriptionsListScreen\";\nimport { SubscriptionDetailScreen } from \"./SubscriptionDetailScreen\";\n\ntype SubscriptionsScreenProps = ComponentProps<\"div\"> & {\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n  onToast?: (message: string, type: \"success\" | \"error\" | \"warning\") => void;\n};\n\nfunction defaultToast(message: string, type: \"success\" | \"error\" | \"warning\") {\n  if (type === \"error\" || type === \"warning\") {\n    console.warn(\"[Subscriptions]\", message);\n  } else {\n    console.info(\"[Subscriptions]\", message);\n  }\n}\n\nexport function SubscriptionsScreen({\n  onToast,\n  /* eslint-disable @typescript-eslint/no-unused-vars -- destructured to exclude from divProps spread */\n  background,\n  textColor,\n  accentColor,\n  padding,\n  borderRadius,\n  /* eslint-enable @typescript-eslint/no-unused-vars */\n  ...divProps\n}: SubscriptionsScreenProps): React.JSX.Element {\n  const { currentSlug } = useAppNavigation();\n  const effectiveToast = onToast ?? defaultToast;\n\n  // Parse slug: \"subscriptions\" → list, \"subscriptions/{token}\" → detail\n  const detailToken = currentSlug.split(\"/\")[1];\n  const isDetailView = detailToken !== undefined;\n\n  const { customerId, isLoadingCustomer, isCustomerError } = useCustomerAccount(\n    { enabled: !isDetailView },\n  );\n\n  if (isDetailView) {\n    return (\n      <div {...divProps}>\n        <SubscriptionDetailScreen\n          token={detailToken}\n          onToast={effectiveToast}\n        />\n      </div>\n    );\n  }\n\n  if (isCustomerError && !isLoadingCustomer) {\n    return (\n      <div {...divProps}>\n        <div className=\"text-muted-foreground px-4 py-8 text-center text-sm\">\n          Unable to load account data. Please try again later.\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div {...divProps}>\n      <SubscriptionsListScreen\n        customerId={customerId}\n        isLoadingCustomer={isLoadingCustomer}\n      />\n    </div>\n  );\n}\n\nexport const subscriptionsScreenPropertySchema: WidgetPropertySchema = {\n  widgetType: \"SubscriptionsScreen\",\n  displayName: \"Subscriptions Screen\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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"}
+{"version":3,"file":"SubscriptionsScreen-CXk8PnZW.mjs","names":["SubscriptionsListScreen","SubscriptionsListScreenContent","SubscriptionDetailScreen","SubscriptionDetailScreenContent"],"sources":["../../../subscriptions/core/src/context.ts","../../../subscriptions/core/src/provider.tsx","../../../subscriptions/core/src/query-keys.ts","../../../subscriptions/core/src/hooks/use-subscriptions.ts","../../../subscriptions/core/src/hooks/use-subscription.ts","../../../subscriptions/core/src/hooks/use-pause-subscription.ts","../../../subscriptions/core/src/hooks/use-resume-subscription.ts","../../../subscriptions/core/src/hooks/use-skip-subscription.ts","../../../subscriptions/core/src/hooks/use-cancel-subscription.ts","../../../subscriptions/core/src/hooks/use-reactivate-subscription.ts","../../../subscriptions/core/src/utils/subscription-helpers.ts","../../../subscriptions/ui/src/lib/cn.ts","../../../subscriptions/ui/src/lib/format.ts","../../../subscriptions/ui/src/components/status-pill.tsx","../../../subscriptions/ui/src/components/subscriptions-list.tsx","../../../subscriptions/ui/src/screens/SubscriptionsListScreen.tsx","../src/screens/SubscriptionsListScreen.tsx","../../../subscriptions/ui/src/components/confirm-dialog.tsx","../../../subscriptions/ui/src/components/subscription-detail.tsx","../../../subscriptions/ui/src/screens/SubscriptionDetailScreen.tsx","../src/screens/SubscriptionDetailScreen.tsx","../src/screens/SubscriptionsScreen.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { SubscriptionsApi } from \"./subscriptions-api\";\n\nconst SubscriptionsApiContext = createContext<SubscriptionsApi | null>(null);\n\nexport const SubscriptionsApiProvider = SubscriptionsApiContext.Provider;\n\nexport function useSubscriptionsApi(): SubscriptionsApi {\n  const api = useContext(SubscriptionsApiContext);\n  if (!api) {\n    throw new Error(\n      \"useSubscriptionsApi must be used within a SubscriptionsCoreProvider\",\n    );\n  }\n  return api;\n}\n","import type { JSX } from \"react\";\nimport type { SubscriptionsApi } from \"./subscriptions-api\";\nimport { SubscriptionsApiProvider } from \"./context\";\n\nexport interface SubscriptionsCoreProviderProps {\n  api: SubscriptionsApi;\n  children: React.ReactNode;\n}\n\nexport function SubscriptionsCoreProvider({\n  api,\n  children,\n}: SubscriptionsCoreProviderProps): JSX.Element {\n  return (\n    <SubscriptionsApiProvider value={api}>{children}</SubscriptionsApiProvider>\n  );\n}\n","import type { subscriptions } from \"./types\";\n\nexport const subscriptionsKeys = {\n  all: [\"subscriptions\"] as const,\n  list: (params?: subscriptions.FetchSubscriptionsParams) =>\n    [...subscriptionsKeys.all, \"list\", params] as const,\n  detail: (token: string) =>\n    [...subscriptionsKeys.all, \"detail\", token] as const,\n} as const;\n","import { useQuery } from \"@tanstack/react-query\";\nimport type { subscriptions } from \"../types\";\nimport { subscriptionsKeys } from \"../query-keys\";\nimport { useSubscriptionsApi } from \"../context\";\n\nexport function useSubscriptions(\n  params: subscriptions.FetchSubscriptionsParams,\n  options?: { enabled?: boolean },\n) {\n  const api = useSubscriptionsApi();\n  return useQuery({\n    queryKey: subscriptionsKeys.list(params),\n    queryFn: () => api.fetchCustomerSubscriptions(params),\n    enabled: options?.enabled ?? !!params.customerId,\n  });\n}\n","import { useQuery } from \"@tanstack/react-query\";\nimport { subscriptionsKeys } from \"../query-keys\";\nimport { useSubscriptionsApi } from \"../context\";\n\nexport function useSubscription(\n  token: string,\n  options?: { enabled?: boolean },\n) {\n  const api = useSubscriptionsApi();\n  return useQuery({\n    queryKey: subscriptionsKeys.detail(token),\n    queryFn: () => api.fetchSubscription(token),\n    enabled: (options?.enabled ?? true) && !!token,\n  });\n}\n","import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport type { subscriptions } from \"../types\";\nimport { subscriptionsKeys } from \"../query-keys\";\nimport { useSubscriptionsApi } from \"../context\";\n\nexport function usePauseSubscription(options?: {\n  onSuccess?: () => void;\n  onError?: (error: unknown) => void;\n}) {\n  const api = useSubscriptionsApi();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (params: {\n      subscriptionToken: string;\n      pauseParams: subscriptions.PauseSubscriptionParams;\n    }) => api.pauseSubscription(params.subscriptionToken, params.pauseParams),\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: subscriptionsKeys.all });\n      options?.onSuccess?.();\n    },\n    onError: options?.onError,\n  });\n}\n","import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport type { subscriptions } from \"../types\";\nimport { subscriptionsKeys } from \"../query-keys\";\nimport { useSubscriptionsApi } from \"../context\";\n\nexport function useResumeSubscription(options?: {\n  onSuccess?: () => void;\n  onError?: (error: unknown) => void;\n}) {\n  const api = useSubscriptionsApi();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (params: {\n      subscriptionToken: string;\n      resumeParams: subscriptions.ResumeSubscriptionParams;\n    }) => api.resumeSubscription(params.subscriptionToken, params.resumeParams),\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: subscriptionsKeys.all });\n      options?.onSuccess?.();\n    },\n    onError: options?.onError,\n  });\n}\n","import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport type { subscriptions } from \"../types\";\nimport { subscriptionsKeys } from \"../query-keys\";\nimport { useSubscriptionsApi } from \"../context\";\n\nexport function useSkipSubscription(options?: {\n  onSuccess?: () => void;\n  onError?: (error: unknown) => void;\n}) {\n  const api = useSubscriptionsApi();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (params: {\n      subscriptionToken: string;\n      skipParams: subscriptions.SkipSubscriptionParams;\n    }) => api.skipSubscription(params.subscriptionToken, params.skipParams),\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: subscriptionsKeys.all });\n      options?.onSuccess?.();\n    },\n    onError: options?.onError,\n  });\n}\n","import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { subscriptionsKeys } from \"../query-keys\";\nimport { useSubscriptionsApi } from \"../context\";\n\nexport function useCancelSubscription(options?: {\n  onSuccess?: () => void;\n  onError?: (error: unknown) => void;\n}) {\n  const api = useSubscriptionsApi();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (params: { subscriptionToken: string; customerId?: number }) =>\n      api.cancelSubscription(params.subscriptionToken, params.customerId),\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: subscriptionsKeys.all });\n      options?.onSuccess?.();\n    },\n    onError: options?.onError,\n  });\n}\n","import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport type { subscriptions } from \"../types\";\nimport { subscriptionsKeys } from \"../query-keys\";\nimport { useSubscriptionsApi } from \"../context\";\n\nexport function useReactivateSubscription(options?: {\n  onSuccess?: () => void;\n  onError?: (error: unknown) => void;\n}) {\n  const api = useSubscriptionsApi();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (params: {\n      subscriptionToken: string;\n      reactivateParams: subscriptions.ReactivateSubscriptionParams;\n    }) =>\n      api.reactivateSubscription(\n        params.subscriptionToken,\n        params.reactivateParams,\n      ),\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: subscriptionsKeys.all });\n      options?.onSuccess?.();\n    },\n    onError: options?.onError,\n  });\n}\n","interface SubscriptionPriceItem {\n  allow_subscription: boolean;\n  subscription_interval: number | null;\n  subscription_price_in_currency: string | null;\n}\n\nexport function getSubscriptionPrice(\n  item: SubscriptionPriceItem,\n): string | null {\n  if (!item.allow_subscription) return null;\n  const intervalText =\n    item.subscription_interval === 1\n      ? \"month\"\n      : `${item.subscription_interval} mo.`;\n  return `${item.subscription_price_in_currency}/${intervalText}`;\n}\n\nexport function formatSubscriptionFrequency(frequency: string): string {\n  if (frequency === \"day\") return \"Daily\";\n  if (frequency === \"week\") return \"Weekly\";\n  if (frequency === \"month\") return \"Monthly\";\n  if (frequency === \"year\") return \"Yearly\";\n  return frequency;\n}\n\nexport function calculateResumeDate(\n  billingInterval: number,\n  billingIntervalUnit: string,\n  orderCount: number,\n  fromDate?: string | Date | null,\n): Date {\n  let startDate: Date;\n\n  if (fromDate) {\n    if (typeof fromDate === \"string\") {\n      startDate = new Date(\n        fromDate + (fromDate.includes(\"T\") ? \"\" : \"T12:00:00.000Z\"),\n      );\n    } else {\n      startDate = new Date(\n        Date.UTC(\n          fromDate.getUTCFullYear(),\n          fromDate.getUTCMonth(),\n          fromDate.getUTCDate(),\n          12,\n          0,\n          0,\n          0,\n        ),\n      );\n    }\n  } else {\n    const now = new Date();\n    startDate = new Date(\n      Date.UTC(\n        now.getUTCFullYear(),\n        now.getUTCMonth(),\n        now.getUTCDate(),\n        12,\n        0,\n        0,\n        0,\n      ),\n    );\n  }\n\n  const baseDate = new Date(startDate.getTime());\n  const totalIntervals = billingInterval * orderCount;\n\n  switch (billingIntervalUnit.toLowerCase()) {\n    case \"day\":\n      baseDate.setUTCDate(baseDate.getUTCDate() + totalIntervals);\n      break;\n    case \"week\":\n      baseDate.setUTCDate(baseDate.getUTCDate() + totalIntervals * 7);\n      break;\n    case \"month\": {\n      const currentMonth = baseDate.getUTCMonth();\n      const currentDay = baseDate.getUTCDate();\n      baseDate.setUTCMonth(currentMonth + totalIntervals);\n      if (baseDate.getUTCDate() !== currentDay) {\n        baseDate.setUTCDate(0);\n      }\n      break;\n    }\n    case \"year\":\n      baseDate.setUTCFullYear(baseDate.getUTCFullYear() + totalIntervals);\n      break;\n    default: {\n      const defaultMonth = baseDate.getUTCMonth();\n      const defaultDay = baseDate.getUTCDate();\n      baseDate.setUTCMonth(defaultMonth + totalIntervals);\n      if (baseDate.getUTCDate() !== defaultDay) {\n        baseDate.setUTCDate(0);\n      }\n    }\n  }\n\n  return baseDate;\n}\n\nexport function calculateNextBillDate(\n  billingInterval: number = 1,\n  billingIntervalUnit: string = \"month\",\n): string {\n  const now = new Date();\n  const nextBillDate = new Date(now);\n\n  switch (billingIntervalUnit.toLowerCase()) {\n    case \"day\":\n      nextBillDate.setDate(now.getDate() + billingInterval);\n      break;\n    case \"week\":\n      nextBillDate.setDate(now.getDate() + billingInterval * 7);\n      break;\n    case \"month\":\n      nextBillDate.setMonth(now.getMonth() + billingInterval);\n      break;\n    case \"year\":\n      nextBillDate.setFullYear(now.getFullYear() + billingInterval);\n      break;\n    default:\n      nextBillDate.setMonth(now.getMonth() + billingInterval);\n  }\n\n  return nextBillDate.toISOString().split(\"T\")[0] || \"\";\n}\n\nexport function formatDate(\n  dateString: string,\n  isCancelled: boolean = false,\n): string {\n  if (isCancelled) return \"Cancelled\";\n  if (!dateString) return \"Paused\";\n\n  const datePortion = dateString.split(\"T\")[0] ?? dateString;\n  const parts = datePortion.split(\"-\");\n  if (parts.length !== 3) return \"Invalid date\";\n\n  const [year, month, day] = parts.map(Number);\n  if (!year || !month || !day) return \"Invalid date\";\n  const date = new Date(year, month - 1, day);\n\n  const monthNames = [\n    \"January\",\n    \"February\",\n    \"March\",\n    \"April\",\n    \"May\",\n    \"June\",\n    \"July\",\n    \"August\",\n    \"September\",\n    \"October\",\n    \"November\",\n    \"December\",\n  ];\n\n  const dayNum = date.getDate();\n  const monthName = monthNames[date.getMonth()];\n  const yearNum = date.getFullYear();\n\n  const ordinalSuffix = (d: number) => {\n    if (d > 3 && d < 21) return \"th\";\n    switch (d % 10) {\n      case 1:\n        return \"st\";\n      case 2:\n        return \"nd\";\n      case 3:\n        return \"rd\";\n      default:\n        return \"th\";\n    }\n  };\n\n  return `${monthName} ${dayNum}${ordinalSuffix(dayNum)}, ${yearNum}`;\n}\n\nexport function getNextBillDisplay<\n  T extends { status?: string; next_bill_date?: string | null },\n>(subscription: T | null | undefined): string {\n  if (subscription?.status === \"cancelled\") return \"Cancelled\";\n  if (subscription?.next_bill_date)\n    return formatDate(subscription.next_bill_date);\n  if (subscription?.status === \"paused\") return \"Paused\";\n  return \"N/A\";\n}\n\nexport function calculateSubscriptionPrice(\n  totalPrice: number,\n  subscribeAndSave: string | null | undefined,\n  quantity: number,\n): string {\n  if (!subscribeAndSave) return totalPrice.toFixed(2);\n\n  const unitDiscountAmount = parseFloat(subscribeAndSave);\n  if (isNaN(unitDiscountAmount)) return totalPrice.toFixed(2);\n\n  const subscriptionAmount = totalPrice - unitDiscountAmount * quantity;\n  return subscriptionAmount.toFixed(2);\n}\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","/**\n * Format a number as currency (USD).\n */\nexport function formatCurrency(value: number): string {\n  return new Intl.NumberFormat(\"en-US\", {\n    style: \"currency\",\n    currency: \"USD\",\n  }).format(value);\n}\n\n/**\n * Convert a snake_case or lowercase string to Start Case.\n * Replaces lodash startCase for simple status strings.\n */\nexport function startCase(str: string | undefined | null): string {\n  if (!str) return \"\";\n  return str.replace(/_/g, \" \").replace(/\\b\\w/g, (char) => char.toUpperCase());\n}\n\n/**\n * Format a next bill date string to M/D/YYYY (UTC).\n */\nexport function formatNextBillDate(nextBillDate: string): string {\n  if (!nextBillDate) return \"N/A\";\n  const date = new Date(nextBillDate);\n  if (isNaN(date.getTime())) return \"N/A\";\n  const month = date.getUTCMonth() + 1;\n  const day = date.getUTCDate();\n  const year = date.getUTCFullYear();\n  return `${month}/${day}/${year}`;\n}\n","import type { JSX } from \"react\";\nimport { cn } from \"../lib/cn\";\n\nconst STATUS_COLORS: Record<string, string> = {\n  active: \"bg-green-100 text-green-800\",\n  paused: \"bg-gray-100 text-gray-800\",\n  cancelled: \"bg-red-100 text-red-800\",\n  pending: \"bg-yellow-100 text-yellow-800\",\n  inactive: \"bg-gray-100 text-gray-800\",\n  disabled: \"bg-red-100 text-red-800\",\n  past_due: \"bg-gray-100 text-gray-800\",\n};\n\nconst STATUS_DOT_COLORS: Record<string, string> = {\n  active: \"bg-green-500\",\n  paused: \"bg-gray-400\",\n  cancelled: \"bg-red-500\",\n  pending: \"bg-yellow-500\",\n  inactive: \"bg-gray-400\",\n  disabled: \"bg-red-500\",\n  past_due: \"bg-gray-400\",\n};\n\nexport interface StatusPillProps {\n  status: string | undefined | null;\n  children: React.ReactNode;\n}\n\nexport function StatusPill({ status, children }: StatusPillProps): JSX.Element {\n  const key = status?.toLowerCase() ?? \"\";\n  const pillColor = STATUS_COLORS[key] ?? \"bg-gray-100 text-gray-800\";\n  const dotColor = STATUS_DOT_COLORS[key] ?? \"bg-gray-400\";\n\n  return (\n    <span\n      className={cn(\n        \"inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium\",\n        pillColor,\n      )}\n    >\n      <span className={cn(\"h-1.5 w-1.5 rounded-full\", dotColor)} />\n      {children}\n    </span>\n  );\n}\n","import { useState, useEffect, type JSX } from \"react\";\nimport type { subscriptions } from \"@fluid-app/subscriptions-core\";\nimport { useSubscriptions } from \"@fluid-app/subscriptions-core\";\nimport { TableColumn, PaginationFooter } from \"@fluid-app/orders-ui\";\nimport { Search } from \"lucide-react\";\nimport { Button, Input, Skeleton } from \"@fluid-app/ui-primitives\";\nimport { cn } from \"../lib/cn\";\nimport { formatCurrency, startCase, formatNextBillDate } from \"../lib/format\";\nimport { StatusPill } from \"./status-pill\";\n\nexport interface SubscriptionsListProps {\n  customerId: number | undefined;\n  onSubscriptionClick: (subscriptionToken: string) => void;\n  t: (key: string) => string;\n  pageSize?: number;\n}\n\nexport function SubscriptionsList({\n  customerId,\n  onSubscriptionClick,\n  t,\n  pageSize = 10,\n}: SubscriptionsListProps): JSX.Element {\n  const [currentPage, setCurrentPage] = useState(1);\n  const [statusFilter, setStatusFilter] = useState<string | null>(null);\n  const [search, setSearch] = useState<string | null>(null);\n  const [sortBy, setSortBy] = useState<{\n    column: string;\n    direction: \"asc\" | \"desc\";\n  }>({\n    column: \"next_bill_date\",\n    direction: \"desc\",\n  });\n\n  const params: subscriptions.FetchSubscriptionsParams = {\n    customerId: customerId ?? 0,\n    page: currentPage,\n    perPage: pageSize,\n    status: statusFilter,\n    search,\n    sortBy: sortBy.column,\n    sortDirection: sortBy.direction,\n  };\n\n  const { data, isLoading } = useSubscriptions(params, {\n    enabled: !!customerId,\n  });\n\n  // Reset page when filters change\n  useEffect(() => {\n    setCurrentPage(1);\n  }, [statusFilter, search, sortBy]);\n\n  const items = data?.subscriptions ?? [];\n  const totalItems = data?.meta?.pagination?.total_count ?? 0;\n  const totalPages = data?.meta?.pagination?.total_pages ?? 1;\n\n  const handleSubscriptionClick = (token: string) => {\n    if (token) {\n      onSubscriptionClick(token);\n    }\n  };\n\n  return (\n    <div className=\"border-border overflow-hidden rounded-lg border shadow-sm\">\n      {/* header: filter buttons + search */}\n      <div className=\"flex flex-col gap-2 p-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"flex gap-1\">\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={() => setStatusFilter(null)}\n            className={cn(\n              \"rounded-md text-xs\",\n              statusFilter === null && \"bg-muted-foreground font-bold\",\n            )}\n          >\n            {t(\"all\")}\n          </Button>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={() => setStatusFilter(\"active\")}\n            className={cn(\n              \"rounded-md text-xs\",\n              statusFilter === \"active\" && \"bg-muted-foreground font-bold\",\n            )}\n          >\n            {t(\"active\")}\n          </Button>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={() => setStatusFilter(\"inactive\")}\n            className={cn(\n              \"rounded-md text-xs\",\n              statusFilter === \"inactive\" && \"bg-muted-foreground font-bold\",\n            )}\n          >\n            {t(\"inactive\")}\n          </Button>\n        </div>\n        <div className=\"relative w-full sm:w-auto sm:min-w-[220px]\">\n          <div className=\"pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3\">\n            <Search className=\"text-muted-foreground h-4 w-4\" />\n          </div>\n          <Input\n            type=\"search\"\n            value={search ?? \"\"}\n            onChange={(e) => setSearch(e.target.value || null)}\n            className=\"h-10 w-full pl-10\"\n            placeholder={t(\"subscriptions\")}\n          />\n        </div>\n      </div>\n\n      {/* mobile view */}\n      <div className=\"block md:hidden\">\n        {isLoading ? (\n          Array(5)\n            .fill(0)\n            .map((_, index) => (\n              <div\n                key={`skeleton-${index}`}\n                className=\"border-border border-b p-4\"\n              >\n                <div className=\"flex space-x-3\">\n                  <Skeleton className=\"h-12 w-12 rounded-md\" />\n                  <div className=\"flex-1 space-y-2\">\n                    <Skeleton className=\"h-4 w-3/4\" />\n                    <Skeleton className=\"h-3 w-1/2\" />\n                  </div>\n                </div>\n              </div>\n            ))\n        ) : items.length === 0 ? (\n          <div className=\"text-muted-foreground px-3 py-8 text-center text-sm\">\n            {t(\"no_subscriptions_found\")}\n          </div>\n        ) : (\n          items.map((subscription) => (\n            <div\n              key={subscription.subscription_token}\n              className=\"border-border hover:bg-accent cursor-pointer border-b p-4 transition-colors duration-200 ease-in-out last:border-b-0\"\n              onClick={() =>\n                handleSubscriptionClick(subscription.subscription_token)\n              }\n            >\n              <div className=\"flex items-start space-x-3\">\n                <img\n                  src={subscription.variant?.product?.image_url}\n                  alt={subscription.variant?.product?.title}\n                  width={48}\n                  height={48}\n                  className=\"h-12 w-12 flex-shrink-0 rounded-md object-cover\"\n                />\n                <div className=\"w-0 min-w-0 flex-1\">\n                  <p className=\"text-foreground truncate text-sm font-medium\">\n                    {subscription.variant?.product?.title}\n                  </p>\n                  <div className=\"mt-2 grid grid-cols-2 gap-x-4 gap-y-1 text-sm\">\n                    <div>\n                      <span className=\"text-muted-foreground block text-xs\">\n                        {t(\"next_bill_date\")}\n                      </span>\n                      <span className=\"text-muted-foreground\">\n                        {formatNextBillDate(subscription.next_bill_date ?? \"\")}\n                      </span>\n                    </div>\n                    <div>\n                      <span className=\"text-muted-foreground block text-xs\">\n                        {t(\"price\")}\n                      </span>\n                      <span className=\"text-foreground font-medium\">\n                        {formatCurrency(\n                          subscription.price * subscription.quantity,\n                        )}\n                      </span>\n                    </div>\n                  </div>\n                  <div className=\"mt-2\">\n                    <span className=\"text-muted-foreground block text-xs\">\n                      {t(\"status\")}\n                    </span>\n                    <StatusPill status={subscription.status}>\n                      {startCase(subscription.status) || t(\"unknown_status\")}\n                    </StatusPill>\n                  </div>\n                </div>\n              </div>\n            </div>\n          ))\n        )}\n      </div>\n\n      {/* desktop view */}\n      <div className=\"hidden overflow-x-auto md:block\">\n        <table className=\"min-w-full table-fixed\">\n          <colgroup>\n            <col className=\"w-[45%] min-w-[240px]\" />\n            <col className=\"w-[20%] min-w-[100px]\" />\n            <col className=\"w-[15%] min-w-[100px]\" />\n            <col className=\"w-[20%] min-w-[100px]\" />\n          </colgroup>\n          <thead className=\"bg-muted\">\n            <tr className=\"h-10\">\n              <TableColumn label={t(\"product\")} sortable={false} />\n              <TableColumn\n                label={t(\"next_bill_date\")}\n                sortBy=\"next_bill_date\"\n                sortData={sortBy}\n                onSortClick={(value: string) =>\n                  setSortBy({\n                    column: value,\n                    direction: sortBy.direction === \"asc\" ? \"desc\" : \"asc\",\n                  })\n                }\n              />\n              <TableColumn label={t(\"price\")} sortable={false} />\n              <TableColumn label={t(\"status\")} sortable={false} />\n            </tr>\n          </thead>\n          <tbody className=\"divide-border bg-background divide-y\">\n            {isLoading ? (\n              Array(5)\n                .fill(0)\n                .map((_, index) => (\n                  <tr key={`skeleton-${index}`}>\n                    <td className=\"px-3 py-4\">\n                      <div className=\"flex items-center space-x-2\">\n                        <Skeleton className=\"h-9 w-9 rounded-md\" />\n                        <Skeleton className=\"h-4 w-32\" />\n                      </div>\n                    </td>\n                    <td className=\"px-3 py-4\">\n                      <Skeleton className=\"h-4 w-24\" />\n                    </td>\n                    <td className=\"px-3 py-4\">\n                      <Skeleton className=\"h-4 w-24\" />\n                    </td>\n                    <td className=\"px-3 py-4\">\n                      <Skeleton className=\"h-4 w-16\" />\n                    </td>\n                  </tr>\n                ))\n            ) : items.length === 0 ? (\n              <tr>\n                <td\n                  colSpan={4}\n                  className=\"text-muted-foreground px-3 py-8 text-center text-sm\"\n                >\n                  {t(\"no_subscriptions_found\")}\n                </td>\n              </tr>\n            ) : (\n              items.map((subscription) => (\n                <tr\n                  key={subscription.subscription_token}\n                  className=\"hover:bg-muted cursor-pointer transition-colors duration-200 ease-in-out\"\n                  onClick={() =>\n                    handleSubscriptionClick(subscription.subscription_token)\n                  }\n                >\n                  <td className=\"text-muted-foreground flex max-w-[280px] items-center space-x-3 py-4 pr-3 pl-3 text-sm\">\n                    <img\n                      src={subscription.variant?.product?.image_url}\n                      alt={subscription.variant?.product?.title}\n                      width={48}\n                      height={48}\n                      className=\"h-12 w-12 flex-shrink-0 rounded-md object-cover\"\n                    />\n                    <span className=\"text-foreground truncate text-sm font-medium\">\n                      {subscription.variant?.product?.title}\n                    </span>\n                  </td>\n                  <td className=\"text-muted-foreground px-3 py-4 text-sm whitespace-nowrap\">\n                    {formatNextBillDate(subscription.next_bill_date ?? \"\")}\n                  </td>\n                  <td className=\"px-3 py-4 text-sm whitespace-nowrap\">\n                    <span className=\"text-muted-foreground\">\n                      {formatCurrency(\n                        subscription.price * subscription.quantity,\n                      )}\n                    </span>\n                  </td>\n                  <td className=\"px-3 py-4 text-sm whitespace-nowrap\">\n                    <StatusPill status={subscription.status}>\n                      {startCase(subscription.status) || t(\"unknown_status\")}\n                    </StatusPill>\n                  </td>\n                </tr>\n              ))\n            )}\n          </tbody>\n        </table>\n      </div>\n\n      <PaginationFooter\n        currentPage={currentPage}\n        totalPages={totalPages}\n        pageSize={pageSize}\n        totalItems={totalItems}\n        onPageChange={setCurrentPage}\n        t={t}\n      />\n    </div>\n  );\n}\n","\"use client\";\n\nimport { useMemo } from \"react\";\nimport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbPage,\n} from \"@fluid-app/ui-primitives\";\nimport { useScreenHeaderBreadcrumbs } from \"@fluid-app/portal-react/shell/ScreenHeaderContext\";\nimport { SubscriptionsList } from \"../components/subscriptions-list\";\n\nexport interface SubscriptionsListScreenProps {\n  customerId: number | undefined;\n  onSubscriptionClick: (subscriptionToken: string) => void;\n  t: (key: string) => string;\n  isLoadingCustomer?: boolean;\n}\n\nexport function SubscriptionsListScreen({\n  customerId,\n  onSubscriptionClick,\n  t,\n  isLoadingCustomer,\n}: SubscriptionsListScreenProps) {\n  const headerBreadcrumbs = useMemo(\n    () => (\n      <Breadcrumb>\n        <BreadcrumbList className=\"text-lg\">\n          <BreadcrumbItem>\n            <BreadcrumbPage className=\"font-semibold\">\n              Subscriptions\n            </BreadcrumbPage>\n          </BreadcrumbItem>\n        </BreadcrumbList>\n      </Breadcrumb>\n    ),\n    [],\n  );\n  useScreenHeaderBreadcrumbs(headerBreadcrumbs);\n\n  if (isLoadingCustomer) {\n    return (\n      <div className=\"mx-auto max-w-7xl px-4 py-4 sm:px-6 sm:py-6 lg:px-10 lg:py-8\">\n        <div className=\"space-y-3\">\n          <div className=\"bg-muted h-10 animate-pulse rounded\" />\n          <div className=\"bg-muted h-64 animate-pulse rounded\" />\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"mx-auto max-w-7xl px-4 py-4 sm:px-6 sm:py-6 lg:px-10 lg:py-8\">\n      <SubscriptionsList\n        customerId={customerId}\n        onSubscriptionClick={onSubscriptionClick}\n        t={t}\n      />\n    </div>\n  );\n}\n","import { SubscriptionsCoreProvider } from \"@fluid-app/subscriptions-core\";\nimport { SubscriptionsListScreen as SubscriptionsListScreenContent } from \"@fluid-app/subscriptions-ui/screens/SubscriptionsListScreen\";\nimport { useSubscriptionsApiClient } from \"../account/use-account-clients\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\n\nconst translations: Record<string, string> = {\n  all: \"All\",\n  active: \"Active\",\n  inactive: \"Inactive\",\n  search: \"Search\",\n  subscriptions: \"Search subscriptions...\",\n  product: \"Product\",\n  next_bill_date: \"Next Bill Date\",\n  price: \"Price\",\n  status: \"Status\",\n  no_subscriptions_found: \"No subscriptions found\",\n  unknown_status: \"Unknown\",\n  total: \"Total\",\n  results: \"results\",\n  previous: \"Previous\",\n  next: \"Next\",\n  pagination: \"Pagination\",\n};\n\ninterface SubscriptionsListScreenProps {\n  customerId: number | undefined;\n  isLoadingCustomer: boolean;\n}\n\nexport function SubscriptionsListScreen({\n  customerId,\n  isLoadingCustomer,\n}: SubscriptionsListScreenProps): React.JSX.Element {\n  const subscriptionsApi = useSubscriptionsApiClient();\n  const { navigate } = useAppNavigation();\n\n  return (\n    <SubscriptionsCoreProvider api={subscriptionsApi}>\n      <SubscriptionsListScreenContent\n        customerId={customerId}\n        isLoadingCustomer={isLoadingCustomer}\n        onSubscriptionClick={(subscriptionToken) =>\n          navigate(`subscriptions/${subscriptionToken}`)\n        }\n        t={(key) => translations[key] ?? key}\n      />\n    </SubscriptionsCoreProvider>\n  );\n}\n","import { useState } from \"react\";\nimport {\n  AlertDialog,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogCancel,\n  AlertDialogAction,\n} from \"@fluid-app/ui-primitives\";\n\ninterface ConfirmDialogProps {\n  title: string;\n  description: string;\n  actionButtonText?: string;\n  cancelButtonText?: string;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  onConfirm: () => void | Promise<unknown>;\n}\n\nexport function ConfirmDialog({\n  title,\n  description,\n  actionButtonText = \"Delete\",\n  cancelButtonText = \"Cancel\",\n  open,\n  setOpen,\n  onConfirm,\n}: ConfirmDialogProps) {\n  const [isPending, setIsPending] = useState(false);\n\n  const handleConfirm = async () => {\n    try {\n      const result = onConfirm();\n      if (result instanceof Promise) {\n        setIsPending(true);\n        await result;\n      }\n    } catch (error) {\n      console.error(\"ConfirmDialog: action rejected\", error);\n    } finally {\n      setIsPending(false);\n      setOpen(false);\n    }\n  };\n\n  return (\n    <AlertDialog open={open} onOpenChange={(v) => !isPending && setOpen(v)}>\n      <AlertDialogContent>\n        <AlertDialogHeader>\n          <AlertDialogTitle>{title}</AlertDialogTitle>\n          <AlertDialogDescription>{description}</AlertDialogDescription>\n        </AlertDialogHeader>\n        <AlertDialogFooter>\n          <AlertDialogCancel disabled={isPending}>\n            {cancelButtonText}\n          </AlertDialogCancel>\n          <AlertDialogAction\n            onClick={handleConfirm}\n            disabled={isPending}\n            className=\"bg-red-600 text-white hover:bg-red-500\"\n          >\n            {isPending ? \"...\" : actionButtonText}\n          </AlertDialogAction>\n        </AlertDialogFooter>\n      </AlertDialogContent>\n    </AlertDialog>\n  );\n}\n","import { useState, useEffect, useRef, type JSX } from \"react\";\nimport type { subscriptions } from \"@fluid-app/subscriptions-core\";\nimport {\n  useSubscription,\n  usePauseSubscription,\n  useResumeSubscription,\n  useSkipSubscription,\n  useCancelSubscription,\n  useReactivateSubscription,\n  formatSubscriptionFrequency,\n  formatDate,\n  getNextBillDisplay,\n  calculateNextBillDate,\n} from \"@fluid-app/subscriptions-core\";\nimport { SkipForward, Pause, Play, XCircle, RotateCcw } from \"lucide-react\";\nimport { Skeleton, Button } from \"@fluid-app/ui-primitives\";\nimport { ConfirmDialog } from \"./confirm-dialog\";\nimport { StatusPill } from \"./status-pill\";\nimport { startCase, formatCurrency } from \"../lib/format\";\n\nexport interface SubscriptionDetailProps {\n  token: string;\n  onNotFound?: () => void;\n  onError?: (error: Error) => void;\n  onSuccess?: (message: string) => void;\n  onMutationError?: (message: string, error: unknown) => void;\n}\n\nfunction SubscriptionDetailSkeleton() {\n  return (\n    <div className=\"flex flex-col lg:grid lg:grid-cols-8\">\n      {/* Left: items skeleton */}\n      <div className=\"bg-muted flex flex-col items-center px-8 lg:col-span-4\">\n        <div className=\"w-full max-w-lg py-6\">\n          <Skeleton className=\"mb-4 h-6 w-48\" />\n          <div className=\"grid grid-cols-2 gap-4\">\n            <Skeleton className=\"h-16 w-full rounded\" />\n            <Skeleton className=\"h-16 w-full rounded\" />\n          </div>\n          <div className=\"mt-6 flex items-center space-x-4\">\n            <Skeleton className=\"h-24 w-24 rounded\" />\n            <div className=\"flex-1 space-y-2\">\n              <Skeleton className=\"h-4 w-3/4\" />\n              <Skeleton className=\"h-4 w-1/2\" />\n              <Skeleton className=\"h-4 w-1/4\" />\n            </div>\n          </div>\n          <div className=\"mt-6 space-y-2\">\n            <Skeleton className=\"h-4 w-full\" />\n            <Skeleton className=\"h-4 w-full\" />\n            <Skeleton className=\"h-5 w-full\" />\n          </div>\n        </div>\n      </div>\n      {/* Right: management skeleton */}\n      <div className=\"bg-background col-span-4 px-8 pt-4\">\n        <div className=\"mx-auto max-w-lg\">\n          <Skeleton className=\"mb-3 h-5 w-32\" />\n          <div className=\"grid grid-cols-2 gap-3\">\n            <Skeleton className=\"h-10 w-full rounded\" />\n            <Skeleton className=\"h-10 w-full rounded\" />\n          </div>\n          <div className=\"mt-6 space-y-4\">\n            <Skeleton className=\"h-5 w-40\" />\n            <div className=\"flex gap-4\">\n              <Skeleton className=\"h-12 flex-1 rounded\" />\n              <Skeleton className=\"h-12 flex-1 rounded\" />\n            </div>\n          </div>\n          <div className=\"mt-6 space-y-4\">\n            <Skeleton className=\"h-5 w-40\" />\n            <Skeleton className=\"h-16 w-full rounded\" />\n            <Skeleton className=\"h-16 w-full rounded\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/* ── Left column: product & order summary ──────────────────────────── */\n\nfunction SubscriptionItemsSection({\n  subscription,\n}: {\n  subscription: subscriptions.SubscriptionDetailSubscription;\n}) {\n  const variant = subscription.variant;\n  const product = variant?.product;\n  const quantity = subscription.quantity;\n  const totalPrice = formatCurrency(subscription.price * quantity);\n  const discount =\n    subscription.original_price != null\n      ? subscription.original_price - subscription.price\n      : 0;\n  const subtotal =\n    discount > 0\n      ? formatCurrency(subscription.original_price * quantity)\n      : totalPrice;\n\n  return (\n    <section className=\"bg-muted flex w-full flex-col items-center px-8 lg:col-span-4\">\n      <div className=\"flex w-full max-w-lg flex-col\">\n        {/* Upcoming order summary */}\n        <div className=\"mt-4\">\n          <h2 className=\"text-foreground mb-2 text-lg font-medium\">\n            Your Upcoming Order\n          </h2>\n          <div className=\"text-muted-foreground\">\n            <div className=\"grid grid-cols-2 gap-4\">\n              <div className=\"border-border border-r pr-4\">\n                <div className=\"text-muted-foreground mb-1 text-sm\">\n                  Next Order Date\n                </div>\n                <div className=\"text-foreground text-2xl font-bold\">\n                  {getNextBillDisplay(subscription)}\n                </div>\n              </div>\n              <div className=\"pl-4\">\n                <div className=\"text-muted-foreground mb-1 text-sm\">\n                  Next Bill Amount\n                </div>\n                <div className=\"text-foreground text-2xl font-bold\">\n                  {formatCurrency(subscription.price * quantity)}\n                </div>\n              </div>\n            </div>\n            <hr className=\"border-border mt-4\" />\n          </div>\n        </div>\n\n        {/* Product row */}\n        <div className=\"py-6\">\n          <div className=\"flex flex-row items-center space-x-4\">\n            <div className=\"flex min-w-0 flex-1 flex-row space-x-4\">\n              <div className=\"relative shrink-0\">\n                <div className=\"bg-muted h-24 w-24 overflow-hidden rounded\">\n                  {product?.image_url ? (\n                    <img\n                      src={product.image_url}\n                      alt={variant?.title || \"Product image\"}\n                      width={96}\n                      height={96}\n                      className=\"h-full w-full object-cover\"\n                    />\n                  ) : (\n                    <div className=\"text-muted-foreground flex h-full w-full items-center justify-center\">\n                      No image\n                    </div>\n                  )}\n                  {quantity > 1 && (\n                    <span className=\"bg-foreground text-background absolute -top-2 -right-2 z-10 flex h-6 w-6 items-center justify-center rounded-full text-xs font-medium\">\n                      {quantity}\n                    </span>\n                  )}\n                </div>\n              </div>\n              <div className=\"flex min-w-0 flex-col space-y-0.5\">\n                <p\n                  className=\"text-foreground truncate text-sm font-medium\"\n                  title={product?.title}\n                >\n                  {product?.title}\n                </p>\n                {variant?.title && product?.title && (\n                  <p className=\"text-muted-foreground text-sm\">\n                    {variant.title}\n                  </p>\n                )}\n                <div>\n                  <p className=\"text-foreground text-sm font-medium\">\n                    {formatCurrency(subscription.price * quantity)}\n                  </p>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {/* Pricing summary */}\n        <div className=\"mb-4\">\n          {discount > 0 && (\n            <>\n              <div className=\"flex justify-between text-sm\">\n                <p className=\"text-muted-foreground text-sm font-medium\">\n                  Subtotal\n                </p>\n                <p className=\"text-muted-foreground text-sm font-medium\">\n                  {subtotal}\n                </p>\n              </div>\n              <div className=\"mt-2 flex justify-between text-sm\">\n                <p className=\"text-muted-foreground text-sm font-medium\">\n                  Discount\n                </p>\n                <p className=\"text-muted-foreground text-sm font-medium\">\n                  -{formatCurrency(discount * quantity)}\n                </p>\n              </div>\n            </>\n          )}\n          <div className=\"mt-4 flex items-center justify-between text-base font-medium\">\n            <p className=\"text-muted-foreground text-sm font-medium\">Total</p>\n            <p className=\"text-foreground text-base font-bold\">\n              {formatCurrency(subscription.price * quantity)}\n            </p>\n          </div>\n          <span className=\"text-muted-foreground text-xs\">\n            *Tax and shipping calculated at checkout\n          </span>\n        </div>\n      </div>\n    </section>\n  );\n}\n\n/* ── Right column: actions & details ───────────────────────────────── */\n\nfunction SubscriptionManagementSection({\n  subscription,\n  isActive,\n  isPaused,\n  isCancelled,\n  isMutating,\n  onSkip,\n  onPause,\n  onResume,\n  onCancel,\n  onReactivate,\n}: {\n  subscription: subscriptions.SubscriptionDetailSubscription;\n  isActive: boolean;\n  isPaused: boolean;\n  isCancelled: boolean;\n  isMutating: boolean;\n  onSkip: () => void;\n  onPause: () => void;\n  onResume: () => void;\n  onCancel: () => void;\n  onReactivate: () => void;\n}) {\n  const plan = subscription.subscription_plan;\n  const quantity = subscription.quantity;\n  const totalPrice = formatCurrency(subscription.price * quantity);\n\n  const paymentMethod = subscription.payment_method;\n  const paymentDetails = paymentMethod?.details as {\n    last4?: string;\n    card_type?: string;\n    logo_url?: string;\n  } | null;\n\n  const actionButtonClass =\n    \"flex h-auto flex-row items-center justify-center gap-2 overflow-hidden border border-border bg-muted py-2 text-xs whitespace-nowrap text-foreground hover:bg-accent sm:text-sm\";\n\n  return (\n    <div className=\"bg-background col-span-4 flex-auto px-8 pt-4\">\n      <div className=\"mx-auto max-w-lg lg:mx-0 lg:mr-auto\">\n        {/* Action Buttons */}\n        <div className=\"border-border mb-6 border-b pb-6\">\n          <h2 className=\"text-foreground mb-3 text-sm/6 font-semibold\">\n            Order Actions\n          </h2>\n          <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\">\n            {isActive && plan.allow_skipping && (\n              <Button\n                variant=\"outline\"\n                onClick={onSkip}\n                disabled={isMutating || !subscription.next_bill_date}\n                className={actionButtonClass}\n              >\n                <SkipForward className=\"h-3 w-3 shrink-0\" />\n                <span className=\"truncate\">Skip Next Order</span>\n              </Button>\n            )}\n            {isActive && (\n              <Button\n                variant=\"outline\"\n                onClick={onPause}\n                disabled={isMutating}\n                className={actionButtonClass}\n              >\n                <Pause className=\"h-3 w-3 shrink-0\" />\n                <span className=\"truncate\">Pause Subscription</span>\n              </Button>\n            )}\n            {isPaused && (\n              <Button\n                variant=\"outline\"\n                onClick={onResume}\n                disabled={isMutating}\n                className={actionButtonClass}\n              >\n                <Play className=\"h-3 w-3 shrink-0\" />\n                <span className=\"truncate\">Resume Subscription</span>\n              </Button>\n            )}\n            <Button\n              variant=\"outline\"\n              onClick={onCancel}\n              disabled={isMutating || isCancelled}\n              className={actionButtonClass}\n            >\n              <XCircle className=\"h-3 w-3 shrink-0\" />\n              <span className=\"truncate\">\n                {isCancelled ? \"Cancelled\" : \"Cancel Subscription\"}\n              </span>\n            </Button>\n            {isCancelled && (\n              <Button\n                variant=\"outline\"\n                onClick={onReactivate}\n                disabled={isMutating}\n                className={actionButtonClass}\n              >\n                <RotateCcw className=\"h-3 w-3 shrink-0\" />\n                <span className=\"truncate\">Reactivate Subscription</span>\n              </Button>\n            )}\n          </div>\n        </div>\n\n        {/* Subscription Details */}\n        <div className=\"border-border mb-4 border-b\">\n          <div className=\"mb-4 flex items-center justify-between\">\n            <h3 className=\"text-foreground text-sm/6 font-semibold\">\n              Subscription Details\n            </h3>\n            <StatusPill status={subscription.status}>\n              {startCase(subscription.status)}\n            </StatusPill>\n          </div>\n          <div className=\"divide-border mb-4 flex divide-x\">\n            <div className=\"flex-1 pr-4\">\n              <div className=\"text-muted-foreground text-sm\">\n                Order Frequency\n              </div>\n              <div className=\"text-foreground font-medium\">\n                {formatSubscriptionFrequency(plan.billing_interval_unit)}\n              </div>\n            </div>\n            <div className=\"flex-1 px-4\">\n              <div className=\"text-muted-foreground text-sm\">Next Payment</div>\n              <div className=\"text-foreground font-medium\">{totalPrice}</div>\n            </div>\n            {subscription.last_bill_date && (\n              <div className=\"flex-1 pl-4 text-right\">\n                <div className=\"text-muted-foreground text-sm\">Last Billed</div>\n                <div className=\"text-foreground font-medium\">\n                  {formatDate(subscription.last_bill_date)}\n                </div>\n              </div>\n            )}\n          </div>\n        </div>\n\n        {/* Payment & Shipping */}\n        <div className=\"pt-2\">\n          <h3 className=\"text-foreground text-sm/6 font-semibold\">\n            Payment & Shipping\n          </h3>\n          <div className=\"flex flex-col\">\n            {/* Shipping Address */}\n            {subscription.address && (\n              <div className=\"border-border mb-6 border-b pb-4\">\n                <div className=\"text-muted-foreground mt-3 mb-1 text-sm\">\n                  Shipping Address\n                </div>\n                <div className=\"text-foreground text-sm\">\n                  <p className=\"font-medium\">{subscription.address.name}</p>\n                  <p>{subscription.address.address1}</p>\n                  {subscription.address.address2 && (\n                    <p>{subscription.address.address2}</p>\n                  )}\n                  <p>\n                    {[subscription.address.city, subscription.address.state]\n                      .filter(Boolean)\n                      .join(\", \")}{\" \"}\n                    {subscription.address.postal_code}\n                  </p>\n                  {subscription.address.country_code && (\n                    <p>{subscription.address.country_code}</p>\n                  )}\n                </div>\n              </div>\n            )}\n\n            {/* Payment Method */}\n            {paymentMethod && (\n              <div className=\"border-border mb-6 border-b pb-4\">\n                <div className=\"text-muted-foreground mb-1 text-sm\">\n                  Payment Method\n                </div>\n                <div className=\"text-foreground flex items-center gap-2 text-sm\">\n                  {paymentDetails?.logo_url && (\n                    <img\n                      src={paymentDetails.logo_url}\n                      alt={paymentDetails.card_type ?? \"Card\"}\n                      className=\"h-6\"\n                    />\n                  )}\n                  <span className=\"font-medium\">\n                    {paymentDetails?.card_type\n                      ? startCase(paymentDetails.card_type)\n                      : paymentMethod.payment_type}\n                    {paymentDetails?.last4\n                      ? ` ending in ${paymentDetails.last4}`\n                      : \"\"}\n                  </span>\n                </div>\n              </div>\n            )}\n          </div>\n        </div>\n\n        {/* Order History */}\n        {subscription.orders.length > 0 && (\n          <div className=\"border-border mb-4 border-b pb-4\">\n            <h3 className=\"text-foreground mb-3 text-sm/6 font-semibold\">\n              Order History\n            </h3>\n            <div className=\"overflow-x-auto\">\n              <table className=\"divide-border min-w-full divide-y text-sm\">\n                <thead>\n                  <tr>\n                    <th className=\"text-muted-foreground py-2 pr-3 text-left font-medium\">\n                      Order\n                    </th>\n                    <th className=\"text-muted-foreground px-3 py-2 text-left font-medium\">\n                      Date\n                    </th>\n                    <th className=\"text-muted-foreground px-3 py-2 text-left font-medium\">\n                      Status\n                    </th>\n                    <th className=\"text-muted-foreground py-2 pl-3 text-right font-medium\">\n                      Amount\n                    </th>\n                  </tr>\n                </thead>\n                <tbody className=\"divide-border divide-y\">\n                  {subscription.orders.map((order) => (\n                    <tr key={order.id}>\n                      <td className=\"text-foreground py-2 pr-3 font-medium\">\n                        {order.order_number ?? `#${order.id}`}\n                      </td>\n                      <td className=\"text-muted-foreground px-3 py-2\">\n                        {formatDate(order.created_at.split(\"T\")[0] ?? \"\")}\n                      </td>\n                      <td className=\"px-3 py-2\">\n                        <StatusPill status={order.status}>\n                          {startCase(order.status)}\n                        </StatusPill>\n                      </td>\n                      <td className=\"text-foreground py-2 pl-3 text-right\">\n                        {order.amount != null\n                          ? formatCurrency(Number(order.amount))\n                          : \"N/A\"}\n                      </td>\n                    </tr>\n                  ))}\n                </tbody>\n              </table>\n            </div>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\n/* ── Main component ────────────────────────────────────────────────── */\n\nexport function SubscriptionDetail({\n  token,\n  onNotFound,\n  onError,\n  onSuccess,\n  onMutationError,\n}: SubscriptionDetailProps): JSX.Element | null {\n  const [showCancelModal, setShowCancelModal] = useState(false);\n\n  const { data, isLoading, error } = useSubscription(token);\n  const subscription = data?.subscription;\n  const customerId = subscription?.customer?.id ?? 0;\n\n  const pauseMutation = usePauseSubscription({\n    onSuccess: () => onSuccess?.(\"Subscription paused\"),\n    onError: (err: unknown) =>\n      onMutationError?.(\"Failed to pause subscription\", err),\n  });\n\n  const resumeMutation = useResumeSubscription({\n    onSuccess: () => onSuccess?.(\"Subscription resumed\"),\n    onError: (err: unknown) =>\n      onMutationError?.(\"Failed to resume subscription\", err),\n  });\n\n  const skipMutation = useSkipSubscription({\n    onSuccess: () => onSuccess?.(\"Next billing skipped\"),\n    onError: (err: unknown) => onMutationError?.(\"Failed to skip billing\", err),\n  });\n\n  const cancelMutation = useCancelSubscription({\n    onSuccess: () => {\n      onSuccess?.(\"Subscription cancelled\");\n      setShowCancelModal(false);\n    },\n    onError: (err: unknown) =>\n      onMutationError?.(\"Failed to cancel subscription\", err),\n  });\n\n  const reactivateMutation = useReactivateSubscription({\n    onSuccess: () => onSuccess?.(\"Subscription reactivated\"),\n    onError: (err: unknown) =>\n      onMutationError?.(\"Failed to reactivate subscription\", err),\n  });\n\n  const onErrorRef = useRef(onError);\n  onErrorRef.current = onError;\n  const onNotFoundRef = useRef(onNotFound);\n  onNotFoundRef.current = onNotFound;\n\n  useEffect(() => {\n    if (!isLoading && error) {\n      onErrorRef.current?.(error as Error);\n    }\n  }, [isLoading, error]);\n\n  useEffect(() => {\n    if (!isLoading && !error && !subscription) {\n      onNotFoundRef.current?.();\n    }\n  }, [isLoading, error, subscription]);\n\n  if (isLoading) {\n    return <SubscriptionDetailSkeleton />;\n  }\n\n  if (!subscription) {\n    return null;\n  }\n\n  const plan = subscription.subscription_plan;\n  const isActive = subscription.status === \"active\";\n  const isPaused = subscription.status === \"paused\";\n  const isCancelled = subscription.status === \"cancelled\";\n  const isMutating =\n    pauseMutation.isPending ||\n    resumeMutation.isPending ||\n    skipMutation.isPending ||\n    cancelMutation.isPending ||\n    reactivateMutation.isPending;\n\n  const handlePause = () => {\n    pauseMutation.mutate({\n      subscriptionToken: token,\n      pauseParams: { customerId },\n    });\n  };\n\n  const handleResume = () => {\n    const nextBillDate = calculateNextBillDate(\n      plan.billing_interval,\n      plan.billing_interval_unit,\n    );\n    resumeMutation.mutate({\n      subscriptionToken: token,\n      resumeParams: { customerId, nextBillDate },\n    });\n  };\n\n  const handleSkip = () => {\n    const nextBillDate = calculateNextBillDate(\n      plan.billing_interval,\n      plan.billing_interval_unit,\n    );\n    skipMutation.mutate({\n      subscriptionToken: token,\n      skipParams: { customerId, nextBillDate },\n    });\n  };\n\n  const handleCancel = () => {\n    cancelMutation.mutate({ subscriptionToken: token, customerId });\n  };\n\n  const handleReactivate = () => {\n    reactivateMutation.mutate({\n      subscriptionToken: token,\n      reactivateParams: {},\n    });\n  };\n\n  return (\n    <>\n      <div className=\"flex flex-col lg:grid lg:grid-cols-8\">\n        <SubscriptionItemsSection subscription={subscription} />\n        <SubscriptionManagementSection\n          subscription={subscription}\n          isActive={isActive}\n          isPaused={isPaused}\n          isCancelled={isCancelled}\n          isMutating={isMutating}\n          onSkip={handleSkip}\n          onPause={handlePause}\n          onResume={handleResume}\n          onCancel={() => setShowCancelModal(true)}\n          onReactivate={handleReactivate}\n        />\n      </div>\n      <ConfirmDialog\n        title=\"Cancel Subscription\"\n        actionButtonText=\"Cancel Subscription\"\n        description=\"Are you sure you want to cancel this subscription? You can reactivate it later.\"\n        open={showCancelModal}\n        setOpen={setShowCancelModal}\n        onConfirm={handleCancel}\n      />\n    </>\n  );\n}\n\nexport interface SubscriptionActionsProps {\n  isActive: boolean;\n  isPaused: boolean;\n  isCancelled: boolean;\n  isMutating: boolean;\n  allowSkipping: boolean | null;\n  onPause: () => void;\n  onResume: () => void;\n  onSkip: () => void;\n  onCancel: () => void;\n  onReactivate: () => void;\n}\n\nexport function SubscriptionActions({\n  isActive,\n  isPaused,\n  isCancelled,\n  isMutating,\n  allowSkipping,\n  onPause,\n  onResume,\n  onSkip,\n  onCancel,\n  onReactivate,\n}: SubscriptionActionsProps) {\n  const actionButtonClass =\n    \"flex h-auto flex-row items-center justify-center gap-2 overflow-hidden border border-border bg-muted py-2 text-xs whitespace-nowrap text-foreground hover:bg-accent sm:text-sm\";\n\n  return (\n    <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\">\n      {isActive && (\n        <>\n          {allowSkipping && (\n            <Button\n              variant=\"outline\"\n              onClick={onSkip}\n              disabled={isMutating}\n              className={actionButtonClass}\n            >\n              <SkipForward className=\"h-3 w-3 shrink-0\" />\n              <span className=\"truncate\">Skip Next</span>\n            </Button>\n          )}\n          <Button\n            variant=\"outline\"\n            onClick={onPause}\n            disabled={isMutating}\n            className={actionButtonClass}\n          >\n            <Pause className=\"h-3 w-3 shrink-0\" />\n            <span className=\"truncate\">Pause</span>\n          </Button>\n          <Button\n            variant=\"outline\"\n            onClick={onCancel}\n            disabled={isMutating}\n            className={actionButtonClass}\n          >\n            <XCircle className=\"h-3 w-3 shrink-0\" />\n            <span className=\"truncate\">Cancel</span>\n          </Button>\n        </>\n      )}\n      {isPaused && (\n        <>\n          <Button\n            variant=\"outline\"\n            onClick={onResume}\n            disabled={isMutating}\n            className={actionButtonClass}\n          >\n            <Play className=\"h-3 w-3 shrink-0\" />\n            <span className=\"truncate\">Resume</span>\n          </Button>\n          <Button\n            variant=\"outline\"\n            onClick={onCancel}\n            disabled={isMutating}\n            className={actionButtonClass}\n          >\n            <XCircle className=\"h-3 w-3 shrink-0\" />\n            <span className=\"truncate\">Cancel</span>\n          </Button>\n        </>\n      )}\n      {isCancelled && (\n        <Button\n          variant=\"outline\"\n          onClick={onReactivate}\n          disabled={isMutating}\n          className={actionButtonClass}\n        >\n          <RotateCcw className=\"h-3 w-3 shrink-0\" />\n          <span className=\"truncate\">Reactivate</span>\n        </Button>\n      )}\n    </div>\n  );\n}\n","\"use client\";\n\nimport { useMemo } from \"react\";\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"@fluid-app/ui-primitives\";\nimport { useScreenHeaderBreadcrumbs } from \"@fluid-app/portal-react/shell/ScreenHeaderContext\";\nimport { SubscriptionDetail } from \"../components/subscription-detail\";\n\nexport interface SubscriptionDetailScreenProps {\n  token: string;\n  onNavigateToList: () => void;\n  onNotFound?: () => void;\n  onError?: (error: Error) => void;\n  onSuccess?: (message: string) => void;\n  onMutationError?: (message: string, error: unknown) => void;\n}\n\nexport function SubscriptionDetailScreen({\n  token,\n  onNavigateToList,\n  onNotFound,\n  onError,\n  onSuccess,\n  onMutationError,\n}: SubscriptionDetailScreenProps) {\n  const headerBreadcrumbs = useMemo(\n    () => (\n      <Breadcrumb>\n        <BreadcrumbList className=\"text-lg\">\n          <BreadcrumbItem>\n            <BreadcrumbLink\n              href=\"#\"\n              onClick={(e) => {\n                e.preventDefault();\n                onNavigateToList();\n              }}\n            >\n              Subscriptions\n            </BreadcrumbLink>\n          </BreadcrumbItem>\n          <BreadcrumbSeparator />\n          <BreadcrumbItem>\n            <BreadcrumbPage className=\"font-semibold\">\n              Subscription #{token}\n            </BreadcrumbPage>\n          </BreadcrumbItem>\n        </BreadcrumbList>\n      </Breadcrumb>\n    ),\n    [token, onNavigateToList],\n  );\n  useScreenHeaderBreadcrumbs(headerBreadcrumbs);\n\n  return (\n    <div className=\"mx-auto max-w-7xl px-4 py-4 sm:px-6 sm:py-6 lg:px-10 lg:py-8\">\n      <SubscriptionDetail\n        token={token}\n        onNotFound={onNotFound}\n        onError={onError}\n        onSuccess={onSuccess}\n        onMutationError={onMutationError}\n      />\n    </div>\n  );\n}\n","import { SubscriptionsCoreProvider } from \"@fluid-app/subscriptions-core\";\nimport { SubscriptionDetailScreen as SubscriptionDetailScreenContent } from \"@fluid-app/subscriptions-ui/screens/SubscriptionDetailScreen\";\nimport { useSubscriptionsApiClient } from \"../account/use-account-clients\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\n\ninterface SubscriptionDetailScreenProps {\n  token: string;\n  onToast: (message: string, type: \"success\" | \"error\" | \"warning\") => void;\n}\n\nexport function SubscriptionDetailScreen({\n  token,\n  onToast,\n}: SubscriptionDetailScreenProps): React.JSX.Element {\n  const subscriptionsApi = useSubscriptionsApiClient();\n  const { navigate } = useAppNavigation();\n\n  return (\n    <SubscriptionsCoreProvider api={subscriptionsApi}>\n      <SubscriptionDetailScreenContent\n        token={token}\n        onNavigateToList={() => navigate(\"subscriptions\")}\n        onNotFound={() => {\n          onToast(\"Subscription not found\", \"warning\");\n          navigate(\"subscriptions\");\n        }}\n        onError={(err) => {\n          const message =\n            err instanceof Error ? err.message : \"An error occurred\";\n          onToast(`Failed to load subscription: ${message}`, \"error\");\n        }}\n        onSuccess={(message) => {\n          onToast(message, \"success\");\n        }}\n        onMutationError={(message, err) => {\n          const detail =\n            err instanceof Error ? err.message : \"An error occurred\";\n          onToast(`${message}: ${detail}`, \"error\");\n        }}\n      />\n    </SubscriptionsCoreProvider>\n  );\n}\n","import type { ComponentProps } from \"react\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  ColorOptions,\n  PaddingOptions,\n} from \"../types\";\nimport type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\nimport { useCustomerAccount } from \"../account/use-customer-account\";\nimport { SubscriptionsListScreen } from \"./SubscriptionsListScreen\";\nimport { SubscriptionDetailScreen } from \"./SubscriptionDetailScreen\";\n\ntype SubscriptionsScreenProps = ComponentProps<\"div\"> & {\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n  onToast?: (message: string, type: \"success\" | \"error\" | \"warning\") => void;\n};\n\nfunction defaultToast(message: string, type: \"success\" | \"error\" | \"warning\") {\n  if (type === \"error\" || type === \"warning\") {\n    console.warn(\"[Subscriptions]\", message);\n  } else {\n    console.info(\"[Subscriptions]\", message);\n  }\n}\n\nexport function SubscriptionsScreen({\n  onToast,\n  /* eslint-disable @typescript-eslint/no-unused-vars -- destructured to exclude from divProps spread */\n  background,\n  textColor,\n  accentColor,\n  padding,\n  borderRadius,\n  /* eslint-enable @typescript-eslint/no-unused-vars */\n  ...divProps\n}: SubscriptionsScreenProps): React.JSX.Element {\n  const { currentSlug } = useAppNavigation();\n  const effectiveToast = onToast ?? defaultToast;\n\n  // Parse slug: \"subscriptions\" → list, \"subscriptions/{token}\" → detail\n  const detailToken = currentSlug.split(\"/\")[1];\n  const isDetailView = detailToken !== undefined;\n\n  const { customerId, isLoadingCustomer, isCustomerError } = useCustomerAccount(\n    { enabled: !isDetailView },\n  );\n\n  if (isDetailView) {\n    return (\n      <div {...divProps}>\n        <SubscriptionDetailScreen\n          token={detailToken}\n          onToast={effectiveToast}\n        />\n      </div>\n    );\n  }\n\n  if (isCustomerError && !isLoadingCustomer) {\n    return (\n      <div {...divProps}>\n        <div className=\"text-muted-foreground px-4 py-8 text-center text-sm\">\n          Unable to load account data. Please try again later.\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div {...divProps}>\n      <SubscriptionsListScreen\n        customerId={customerId}\n        isLoadingCustomer={isLoadingCustomer}\n      />\n    </div>\n  );\n}\n\nexport const subscriptionsScreenPropertySchema: WidgetPropertySchema = {\n  widgetType: \"SubscriptionsScreen\",\n  displayName: \"Subscriptions Screen\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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"}

package/dist/index.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_chunk = require("./chunk-9hOWP6kD.cjs");
-const require_FluidProvider = require("./FluidProvider-NnE6s3O0.cjs");
+const require_FluidProvider = require("./FluidProvider-DEHDER6T.cjs");
 const require_PointsWidget = require("./PointsWidget-DG0QQHqL.cjs");
 require("./error-state-Bpq2CYvz.cjs");
 const require_ScreenRenderer = require("./ScreenRenderer-DFcTR685.cjs");
@@ -34,30 +34,30 @@ const require_SpacerWidget = require("./SpacerWidget-DHFiuxkx.cjs");
 const require_TableWidget = require("./TableWidget-DiqQBV7-.cjs");
 const require_ToDoWidget = require("./ToDoWidget-DZUvDwnJ.cjs");
 const require_VideoWidget = require("./VideoWidget-BmVIIfvM.cjs");
-const require_use_fluid_auth = require("./use-fluid-auth-BPwsWZNu.cjs");
+const require_use_fluid_auth = require("./use-fluid-auth-DGFYiYO4.cjs");
 const require_ScreenHeaderContext = require("./ScreenHeaderContext-DpVOhFzT.cjs");
-const require_use_fluid_api = require("./use-fluid-api-Wjw57-uD.cjs");
-const require_use_current_user = require("./use-current-user-C7O5SJ_L.cjs");
-const require_ShareablesScreen = require("./ShareablesScreen-D3JVKFVA.cjs");
+const require_use_fluid_api = require("./use-fluid-api-B3ezbAHw.cjs");
+const require_use_current_user = require("./use-current-user-22OsVRVp.cjs");
+const require_ShareablesScreen = require("./ShareablesScreen-yLxHmfcg.cjs");
 const require_CustomersScreen = require("./CustomersScreen-9f10-_AZ.cjs");
 const require_AppNavigationContext = require("./AppNavigationContext-Agp0UkCQ.cjs");
-const require_MessagingScreen = require("./MessagingScreen-DH0YxaOG.cjs");
-const require_ProfileScreen = require("./ProfileScreen-BPvudlCM.cjs");
+const require_MessagingScreen = require("./MessagingScreen-CgWPOknA.cjs");
+const require_ProfileScreen = require("./ProfileScreen-C81VzV0g.cjs");
 require("./dist-BbS_7TvS.cjs");
 require("./es-BSkb3AZk.cjs");
-const require_ContactsScreen = require("./ContactsScreen-C6cCTl51.cjs");
+const require_ContactsScreen = require("./ContactsScreen-BaDlTbEn.cjs");
 require("./order-detail-Bq7_UZ75.cjs");
 require("./src-Bp-dRR29.cjs");
 require("./dist-DkYXiQQ1.cjs");
-const require_OrdersScreen = require("./OrdersScreen-BhJkW3TG.cjs");
-const require_SubscriptionsScreen = require("./SubscriptionsScreen-B0drtNfN.cjs");
+const require_OrdersScreen = require("./OrdersScreen-DjWeLpzq.cjs");
+const require_SubscriptionsScreen = require("./SubscriptionsScreen-BlVX2TKS.cjs");
 require("./src-D5RNExKx.cjs");
 require("./dist-BF_4vk1z.cjs");
-const require_ProductsScreen = require("./ProductsScreen-ssonMzdl.cjs");
-const require_MySiteScreen = require("./MySiteScreen-DydtAGvt.cjs");
-const require_ShopScreen = require("./ShopScreen-BTTKNmtT.cjs");
+const require_ProductsScreen = require("./ProductsScreen-BF6qZxGW.cjs");
+const require_MySiteScreen = require("./MySiteScreen-DRJtUSEv.cjs");
+const require_ShopScreen = require("./ShopScreen-B6xBjA_s.cjs");
 require("./UpgradeScreen-C-aIQL-y.cjs");
-require("./AppDownloadScreen-DzFc_CDn.cjs");
+require("./AppDownloadScreen-CwAEQCXb.cjs");
 let react = require("react");
 react = require_chunk.__toESM(react);
 let _tanstack_react_query = require("@tanstack/react-query");
@@ -2993,18 +2993,18 @@ function AccountManageLayout({ children }) {
 }
 //#endregion
 //#region src/shell/system-screen-map.ts
-const ProfileScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ProfileScreen-Bc4znBmb.cjs")).then((m) => ({ default: m.ProfileScreen })));
-const OrdersScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./OrdersScreen-DvaV61fj.cjs")).then((m) => ({ default: m.OrdersScreen })));
-const SubscriptionsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./SubscriptionsScreen-WtnN9Ka0.cjs")).then((m) => ({ default: m.SubscriptionsScreen })));
-const MessagingScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./MessagingScreen-C_tCav2Y.cjs")).then((m) => ({ default: m.MessagingScreen })));
-const ContactsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ContactsScreen-D2DYk3A-.cjs")).then((m) => ({ default: m.ContactsScreen })));
-const ShopScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ShopScreen-TWpb8sxs.cjs")).then((m) => ({ default: m.ShopScreen })));
+const ProfileScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ProfileScreen-BxfNuK3_.cjs")).then((m) => ({ default: m.ProfileScreen })));
+const OrdersScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./OrdersScreen-nPfPQg5l.cjs")).then((m) => ({ default: m.OrdersScreen })));
+const SubscriptionsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./SubscriptionsScreen-CWyix7Xl.cjs")).then((m) => ({ default: m.SubscriptionsScreen })));
+const MessagingScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./MessagingScreen-B2c7pNrj.cjs")).then((m) => ({ default: m.MessagingScreen })));
+const ContactsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ContactsScreen-qvJ0gr2D.cjs")).then((m) => ({ default: m.ContactsScreen })));
+const ShopScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ShopScreen-CyzjPqHN.cjs")).then((m) => ({ default: m.ShopScreen })));
 const CustomersScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./CustomersScreen-9f10-_AZ.cjs")).then((n) => n.CustomersScreen_exports).then((m) => ({ default: m.CustomersScreen })));
-const ProductsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ProductsScreen-CI9G5UJh.cjs")).then((m) => ({ default: m.ProductsScreen })));
-const ShareablesScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ShareablesScreen-BvBfPJ69.cjs")).then((m) => ({ default: m.ShareablesScreen })));
-const MySiteScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./MySiteScreen-Bda8FzQ9.cjs")).then((m) => ({ default: m.MySiteScreen })));
+const ProductsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ProductsScreen-DI5oszM3.cjs")).then((m) => ({ default: m.ProductsScreen })));
+const ShareablesScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ShareablesScreen-BZ56t5nh.cjs")).then((m) => ({ default: m.ShareablesScreen })));
+const MySiteScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./MySiteScreen-BqYWp5oM.cjs")).then((m) => ({ default: m.MySiteScreen })));
 const UpgradeScreen = (0, react.lazy)(() => Promise.resolve().then(() => require("./UpgradeScreen-CWgcMBwb.cjs")).then((m) => ({ default: m.UpgradeScreen })));
-const AppDownloadScreen = (0, react.lazy)(() => Promise.resolve().then(() => require("./AppDownloadScreen-Uc9N7K_K.cjs")).then((m) => ({ default: m.AppDownloadScreen })));
+const AppDownloadScreen = (0, react.lazy)(() => Promise.resolve().then(() => require("./AppDownloadScreen-BRM2422D.cjs")).then((m) => ({ default: m.AppDownloadScreen })));
 const SYSTEM_SLUG_SCREEN_MAP = {
 	profile: ProfileScreen$1,
 	orders: OrdersScreen$1,
@@ -4461,18 +4461,18 @@ function useContact(_contactId) {
 //#endregion
 //#region src/screens/index.ts
 const screenPropertySchemas = {
-	ProfileScreen: () => Promise.resolve().then(() => require("./ProfileScreen-Bc4znBmb.cjs")).then((m) => m.profileScreenPropertySchema),
-	MessagingScreen: () => Promise.resolve().then(() => require("./MessagingScreen-C_tCav2Y.cjs")).then((m) => m.messagingScreenPropertySchema),
-	ContactsScreen: () => Promise.resolve().then(() => require("./ContactsScreen-D2DYk3A-.cjs")).then((m) => m.contactsScreenPropertySchema),
-	OrdersScreen: () => Promise.resolve().then(() => require("./OrdersScreen-DvaV61fj.cjs")).then((m) => m.ordersScreenPropertySchema),
-	SubscriptionsScreen: () => Promise.resolve().then(() => require("./SubscriptionsScreen-WtnN9Ka0.cjs")).then((m) => m.subscriptionsScreenPropertySchema),
+	ProfileScreen: () => Promise.resolve().then(() => require("./ProfileScreen-BxfNuK3_.cjs")).then((m) => m.profileScreenPropertySchema),
+	MessagingScreen: () => Promise.resolve().then(() => require("./MessagingScreen-B2c7pNrj.cjs")).then((m) => m.messagingScreenPropertySchema),
+	ContactsScreen: () => Promise.resolve().then(() => require("./ContactsScreen-qvJ0gr2D.cjs")).then((m) => m.contactsScreenPropertySchema),
+	OrdersScreen: () => Promise.resolve().then(() => require("./OrdersScreen-nPfPQg5l.cjs")).then((m) => m.ordersScreenPropertySchema),
+	SubscriptionsScreen: () => Promise.resolve().then(() => require("./SubscriptionsScreen-CWyix7Xl.cjs")).then((m) => m.subscriptionsScreenPropertySchema),
 	CustomersScreen: () => Promise.resolve().then(() => require("./CustomersScreen-9f10-_AZ.cjs")).then((n) => n.CustomersScreen_exports).then((m) => m.customersScreenPropertySchema),
-	ProductsScreen: () => Promise.resolve().then(() => require("./ProductsScreen-CI9G5UJh.cjs")).then((m) => m.productsScreenPropertySchema),
-	MySiteScreen: () => Promise.resolve().then(() => require("./MySiteScreen-Bda8FzQ9.cjs")).then((m) => m.mySiteScreenPropertySchema),
-	ShareablesScreen: () => Promise.resolve().then(() => require("./ShareablesScreen-BvBfPJ69.cjs")).then((m) => m.shareablesScreenPropertySchema),
-	ShopScreen: () => Promise.resolve().then(() => require("./ShopScreen-TWpb8sxs.cjs")).then((m) => m.shopScreenPropertySchema),
+	ProductsScreen: () => Promise.resolve().then(() => require("./ProductsScreen-DI5oszM3.cjs")).then((m) => m.productsScreenPropertySchema),
+	MySiteScreen: () => Promise.resolve().then(() => require("./MySiteScreen-BqYWp5oM.cjs")).then((m) => m.mySiteScreenPropertySchema),
+	ShareablesScreen: () => Promise.resolve().then(() => require("./ShareablesScreen-BZ56t5nh.cjs")).then((m) => m.shareablesScreenPropertySchema),
+	ShopScreen: () => Promise.resolve().then(() => require("./ShopScreen-CyzjPqHN.cjs")).then((m) => m.shopScreenPropertySchema),
 	UpgradeScreen: () => Promise.resolve().then(() => require("./UpgradeScreen-CWgcMBwb.cjs")).then((m) => m.upgradeScreenPropertySchema),
-	AppDownloadScreen: () => Promise.resolve().then(() => require("./AppDownloadScreen-Uc9N7K_K.cjs")).then((m) => m.appDownloadScreenPropertySchema)
+	AppDownloadScreen: () => Promise.resolve().then(() => require("./AppDownloadScreen-BRM2422D.cjs")).then((m) => m.appDownloadScreenPropertySchema)
 };
 /**
 * Core page template IDs
@@ -5010,6 +5010,7 @@ exports.useMessagingAuth = require_MessagingScreen.useMessagingAuth;
 exports.useMessagingConfig = require_MessagingScreen.useMessagingConfig;
 exports.useMySite = useMySite;
 exports.usePageTemplates = usePageTemplates;
+exports.usePortalTenantClient = require_FluidProvider.usePortalTenantClient;
 exports.useResolvedPages = useResolvedPages;
 exports.useThemeContext = require_FluidProvider.useThemeContext;
 exports.useThemeMode = useThemeMode;