@burdenoff/microfe-billing 2026.510.114

package/dist/billing/modules/dashboard/hooks/useDashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDashboard.js","names":[],"sources":["../../../../../src/billing/modules/dashboard/hooks/useDashboard.ts"],"sourcesContent":["/**\n * Dashboard Module - useDashboard Hook\n * Provides access to dashboard data and mutations for billing overview\n */\n\nimport { useApolloClient } from '@apollo/client/react';\nimport { useCallback, useMemo } from 'react';\nimport {\n  useGetPaymentProviderConfigQuery,\n  useGetBillingAccountsByOrgQuery,\n  useGetDefaultBillingAccountDashboardQuery,\n  useGetBillingAccountDashboardQuery,\n  useGetActiveSubscriptionsQuery,\n  useGetPaymentMethodsDashboardQuery,\n  useGetBillingAddressQuery,\n  useGetCreditTransactionsSummaryQuery,\n  useGetRecommendedAddonsQuery,\n  useGetAvailablePlansQuery,\n  useCreateBillingAccountMutation,\n  useUpdateBillingAccountMutation,\n  useSetDefaultBillingAccountMutation,\n  useAddPaymentMethodDashboardMutation,\n  useUpdatePaymentMethodDashboardMutation,\n  useDeletePaymentMethodDashboardMutation,\n  useSetBillingAddressMutation,\n  useInitiatePaymentMutation,\n  useSpendCreditsMutation,\n  useVerifyPaymentMethodMutation,\n  GetBillingAccountsByOrgDocument,\n  GetDefaultBillingAccountDashboardDocument,\n  GetBillingAddressDocument,\n  GetCreditTransactionsSummaryDocument,\n} from '../../../../generated/global-operations';\nimport type {\n  BillingAccount,\n  BillingSubscription,\n  PaymentMethod,\n  BillingAddress,\n  CreditTransaction,\n  Addon,\n  Plan,\n  CreateBillingAccountInput,\n  UpdateBillingAccountInput,\n  CreatePaymentMethodInput,\n  SetBillingAddressInput,\n  InitiatePaymentInput,\n  InitiatePaymentResponse,\n  SpendCreditsInput,\n  VerifyPaymentMethodInput,\n  VerifyPaymentMethodResponse,\n} from '../../../shared/types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\ninterface UseBillingAccountsResult {\n  billingAccounts: BillingAccount[];\n  isLoading: boolean;\n  error: Error | undefined;\n  refetch: () => Promise<void>;\n}\n\ninterface UseDashboardAccountResult {\n  billingAccount: BillingAccount | null;\n  paymentMethods: PaymentMethod[];\n  billingAddresses: BillingAddress[];\n  activeSubscriptions: BillingSubscription[];\n  hasActiveSubscription: boolean;\n  isLoading: boolean;\n  error: Error | undefined;\n  refetch: () => Promise<void>;\n}\n\ninterface UseActiveSubscriptionsResult {\n  activeSubscriptions: BillingSubscription[];\n  hasActiveSubscription: boolean;\n  isLoading: boolean;\n  error: Error | undefined;\n  refetch: () => Promise<void>;\n}\n\ninterface UsePaymentMethodsResult {\n  paymentMethods: PaymentMethod[];\n  defaultPaymentMethod: PaymentMethod | null;\n  isLoading: boolean;\n  error: Error | undefined;\n  refetch: () => Promise<void>;\n}\n\ninterface UseCreditTransactionsResult {\n  creditTransactions: CreditTransaction[];\n  totalCount: number;\n  hasMore: boolean;\n  isLoading: boolean;\n  error: Error | undefined;\n  refetch: () => Promise<void>;\n}\n\ninterface UseRecommendedAddonsResult {\n  addons: Addon[];\n  recommendedAddons: Addon[];\n  isLoading: boolean;\n  error: Error | undefined;\n}\n\ninterface UseAvailablePlansResult {\n  plans: Plan[];\n  activePlans: Plan[];\n  isLoading: boolean;\n  error: Error | undefined;\n}\n\ninterface UseDashboardMutationsResult {\n  // Billing account\n  createBillingAccount: (input: CreateBillingAccountInput) => Promise<BillingAccount>;\n  updateBillingAccount: (input: UpdateBillingAccountInput) => Promise<BillingAccount>;\n  setDefaultBillingAccount: (id: string) => Promise<BillingAccount>;\n  isCreatingAccount: boolean;\n  isUpdatingAccount: boolean;\n  isSettingDefaultAccount: boolean;\n\n  // Payment methods\n  addPaymentMethod: (input: CreatePaymentMethodInput) => Promise<PaymentMethod>;\n  setDefaultPaymentMethod: (id: string, billingAccountId: string) => Promise<PaymentMethod>;\n  deletePaymentMethod: (id: string, billingAccountId: string) => Promise<boolean>;\n  isAddingPaymentMethod: boolean;\n  isUpdatingPaymentMethod: boolean;\n  isDeletingPaymentMethod: boolean;\n\n  // Billing address\n  setBillingAddress: (input: SetBillingAddressInput) => Promise<BillingAddress>;\n  isSettingAddress: boolean;\n\n  // Payments\n  initiatePayment: (input: InitiatePaymentInput) => Promise<InitiatePaymentResponse>;\n  spendCredits: (input: SpendCreditsInput) => Promise<{ creditTransactionID: string }>;\n  verifyPaymentMethod: (input: VerifyPaymentMethodInput) => Promise<VerifyPaymentMethodResponse>;\n  isInitiatingPayment: boolean;\n  isSpendingCredits: boolean;\n  isVerifyingPaymentMethod: boolean;\n}\n\ninterface PaymentProviderConfig {\n  stripeEnabled: boolean;\n  stripePublishableKey: string | null;\n  razorpayEnabled: boolean;\n  razorpayKeyId: string | null;\n}\n\ninterface UsePaymentProviderConfigResult {\n  config: PaymentProviderConfig | null;\n  stripeEnabled: boolean;\n  stripePublishableKey: string | null;\n  razorpayEnabled: boolean;\n  razorpayKeyId: string | null;\n  isLoading: boolean;\n  error: Error | undefined;\n}\n\n// ============================================================================\n// Hooks\n// ============================================================================\n\n/**\n * Hook for fetching payment provider configuration from backend\n * @param skip - Skip the query (useful for modals that only need data when open)\n */\nexport function usePaymentProviderConfig(skip = false): UsePaymentProviderConfigResult {\n  const { data, loading, error } = useGetPaymentProviderConfigQuery({\n    fetchPolicy: 'cache-first', // Cache the config as it rarely changes\n    skip,\n  });\n\n  const config = data?.getPaymentProviderConfig || null;\n\n  return {\n    config,\n    stripeEnabled: config?.stripeEnabled ?? false,\n    stripePublishableKey: config?.stripePublishableKey ?? null,\n    razorpayEnabled: config?.razorpayEnabled ?? false,\n    razorpayKeyId: config?.razorpayKeyId ?? null,\n    isLoading: skip ? false : loading,\n    error: error as Error | undefined,\n  };\n}\n\n/**\n * Hook for fetching all billing accounts for an org\n */\nexport function useBillingAccounts(): UseBillingAccountsResult {\n  const { data, loading, error, refetch } = useGetBillingAccountsByOrgQuery({\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const handleRefetch = useCallback(async () => {\n    await refetch();\n  }, [refetch]);\n\n  return {\n    billingAccounts: data?.getBillingAccountsByOrg || [],\n    isLoading: loading,\n    error: error as Error | undefined,\n    refetch: handleRefetch,\n  };\n}\n\n/**\n * Hook for fetching active subscriptions for a billing account (optimized - only active status)\n */\nexport function useActiveSubscriptions(\n  billingAccountId: string | undefined\n): UseActiveSubscriptionsResult {\n  const { data, loading, error, refetch } = useGetActiveSubscriptionsQuery({\n    variables: { billingAccountId: billingAccountId! },\n    skip: !billingAccountId,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const handleRefetch = useCallback(async () => {\n    await refetch();\n  }, [refetch]);\n\n  const activeSubscriptions = data?.getActiveSubscriptions || [];\n\n  return {\n    activeSubscriptions,\n    hasActiveSubscription: activeSubscriptions.length > 0,\n    isLoading: loading,\n    error: error as Error | undefined,\n    refetch: handleRefetch,\n  };\n}\n\n/**\n * Hook for fetching default billing account with dashboard details\n * Note: Subscriptions are NOT included - use useActiveSubscriptions separately\n */\nexport function useDefaultDashboardAccount(): Omit<\n  UseDashboardAccountResult,\n  'activeSubscriptions' | 'hasActiveSubscription'\n> {\n  const { data, loading, error, refetch } = useGetDefaultBillingAccountDashboardQuery({\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const handleRefetch = useCallback(async () => {\n    await refetch();\n  }, [refetch]);\n\n  const billingAccount = data?.getDefaultBillingAccount || null;\n  const paymentMethods = (billingAccount?.paymentMethods || []).filter(Boolean) as PaymentMethod[];\n  const billingAddresses = (billingAccount?.billingAddresses || []).filter(\n    Boolean\n  ) as BillingAddress[];\n\n  return {\n    billingAccount,\n    paymentMethods,\n    billingAddresses,\n    isLoading: loading,\n    error: error as Error | undefined,\n    refetch: handleRefetch,\n  };\n}\n\n/**\n * Hook for fetching billing account by ID with dashboard details\n * Note: Subscriptions are NOT included - use useActiveSubscriptions separately\n */\nexport function useDashboardAccount(\n  id: string | undefined\n): Omit<UseDashboardAccountResult, 'activeSubscriptions' | 'hasActiveSubscription'> {\n  const { data, loading, error, refetch } = useGetBillingAccountDashboardQuery({\n    variables: { id: id! },\n    skip: !id,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const handleRefetch = useCallback(async () => {\n    await refetch();\n  }, [refetch]);\n\n  const billingAccount = data?.getBillingAccount || null;\n  const paymentMethods = (billingAccount?.paymentMethods || []).filter(Boolean) as PaymentMethod[];\n  const billingAddresses = (billingAccount?.billingAddresses || []).filter(\n    Boolean\n  ) as BillingAddress[];\n\n  return {\n    billingAccount,\n    paymentMethods,\n    billingAddresses,\n    isLoading: loading,\n    error: error as Error | undefined,\n    refetch: handleRefetch,\n  };\n}\n\n/**\n * Hook for fetching payment methods for a billing account\n */\nexport function usePaymentMethods(billingAccountId: string | undefined): UsePaymentMethodsResult {\n  const { data, loading, error, refetch } = useGetPaymentMethodsDashboardQuery({\n    variables: { billingAccountId: billingAccountId! },\n    skip: !billingAccountId,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const handleRefetch = useCallback(async () => {\n    await refetch();\n  }, [refetch]);\n\n  const paymentMethods = useMemo<PaymentMethod[]>(\n    () => data?.getPaymentMethods || [],\n    [data?.getPaymentMethods]\n  );\n  const defaultPaymentMethod = useMemo(() => {\n    return paymentMethods.find((pm: PaymentMethod) => pm.isDefault) || null;\n  }, [paymentMethods]);\n\n  return {\n    paymentMethods,\n    defaultPaymentMethod,\n    isLoading: loading,\n    error: error as Error | undefined,\n    refetch: handleRefetch,\n  };\n}\n\n/**\n * Hook for fetching billing address\n */\nexport function useBillingAddress(billingAccountId: string | undefined) {\n  const { data, loading, error, refetch } = useGetBillingAddressQuery({\n    variables: { billingAccountId: billingAccountId! },\n    skip: !billingAccountId,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const handleRefetch = useCallback(async () => {\n    await refetch();\n  }, [refetch]);\n\n  return {\n    billingAddress: data?.getBillingAddress || null,\n    isLoading: loading,\n    error: error as Error | undefined,\n    refetch: handleRefetch,\n  };\n}\n\n/**\n * Hook for fetching credit transactions summary\n */\nexport function useCreditTransactionsSummary(\n  billingAccountId: string | undefined,\n  days = 30,\n  page = 1,\n  pageSize = 5\n): UseCreditTransactionsResult {\n  const { data, loading, error, refetch } = useGetCreditTransactionsSummaryQuery({\n    variables: { billingAccountID: billingAccountId!, days, page, pageSize },\n    skip: !billingAccountId,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const handleRefetch = useCallback(async () => {\n    await refetch();\n  }, [refetch]);\n\n  const result = data?.getBillingAccountCreditTransactions || {\n    creditTransactions: [],\n    totalCount: 0,\n    hasMore: false,\n  };\n\n  return {\n    creditTransactions: result.creditTransactions,\n    totalCount: result.totalCount,\n    hasMore: result.hasMore,\n    isLoading: loading,\n    error: error as Error | undefined,\n    refetch: handleRefetch,\n  };\n}\n\n/**\n * Hook for fetching recommended addons (limited to 3 at backend level)\n */\nexport function useRecommendedAddons(): UseRecommendedAddonsResult {\n  const { data, loading, error } = useGetRecommendedAddonsQuery({\n    variables: { limit: 3 },\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const addons = useMemo<Addon[]>(() => data?.getAllAddOns || [], [data?.getAllAddOns]);\n\n  // Filter to only active addons (limit already applied at backend)\n  const recommendedAddons = useMemo(() => {\n    return addons.filter((a: Addon) => a.isActive);\n  }, [addons]);\n\n  return {\n    addons,\n    recommendedAddons,\n    isLoading: loading,\n    error: error as Error | undefined,\n  };\n}\n\n/**\n * Hook for fetching available plans\n */\nexport function useAvailablePlans(): UseAvailablePlansResult {\n  const { data, loading, error } = useGetAvailablePlansQuery({\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const plans = useMemo<Plan[]>(() => data?.getAllPlans || [], [data?.getAllPlans]);\n\n  const activePlans = useMemo(() => {\n    return plans.filter((p: Plan) => p.isActive);\n  }, [plans]);\n\n  return {\n    plans,\n    activePlans,\n    isLoading: loading,\n    error: error as Error | undefined,\n  };\n}\n\n/**\n * Hook for dashboard mutations\n */\nexport function useDashboardMutations(): UseDashboardMutationsResult {\n  const client = useApolloClient();\n\n  // Billing account mutations\n  const [createBillingAccountMutation, { loading: isCreatingAccount }] =\n    useCreateBillingAccountMutation();\n  const [updateBillingAccountMutation, { loading: isUpdatingAccount }] =\n    useUpdateBillingAccountMutation();\n  const [setDefaultBillingAccountMutation, { loading: isSettingDefaultAccount }] =\n    useSetDefaultBillingAccountMutation();\n\n  // Payment method mutations\n  const [addPaymentMethodMutation, { loading: isAddingPaymentMethod }] =\n    useAddPaymentMethodDashboardMutation();\n  const [updatePaymentMethodMutation, { loading: isUpdatingPaymentMethod }] =\n    useUpdatePaymentMethodDashboardMutation();\n  const [deletePaymentMethodMutation, { loading: isDeletingPaymentMethod }] =\n    useDeletePaymentMethodDashboardMutation();\n\n  // Billing address mutation\n  const [setBillingAddressMutation, { loading: isSettingAddress }] = useSetBillingAddressMutation();\n\n  // Payment mutations\n  const [initiatePaymentMutation, { loading: isInitiatingPayment }] = useInitiatePaymentMutation();\n  const [spendCreditsMutation, { loading: isSpendingCredits }] = useSpendCreditsMutation();\n  const [verifyPaymentMethodMutation, { loading: isVerifyingPaymentMethod }] =\n    useVerifyPaymentMethodMutation();\n\n  // Billing account handlers\n  const createBillingAccount = useCallback(\n    async (input: CreateBillingAccountInput): Promise<BillingAccount> => {\n      const { data, error } = await createBillingAccountMutation({\n        variables: { input },\n      });\n      if (error) {\n        throw new Error(error.message ?? 'Failed to create billing account');\n      }\n      if (!data?.createBillingAccount) {\n        throw new Error('Failed to create billing account: no data returned');\n      }\n      await client.refetchQueries({\n        include: [GetBillingAccountsByOrgDocument, GetDefaultBillingAccountDashboardDocument],\n      });\n      return data.createBillingAccount;\n    },\n    [createBillingAccountMutation, client]\n  );\n\n  const updateBillingAccount = useCallback(\n    async (input: UpdateBillingAccountInput): Promise<BillingAccount> => {\n      const { data, error } = await updateBillingAccountMutation({\n        variables: { input },\n      });\n      if (error) {\n        throw new Error(error.message ?? 'Failed to update billing account');\n      }\n      if (!data?.updateBillingAccount) {\n        throw new Error('Failed to update billing account: no data returned');\n      }\n      // Only refetch the default dashboard - component handles selected account refetch\n      await client.refetchQueries({\n        include: [GetDefaultBillingAccountDashboardDocument],\n      });\n      return data.updateBillingAccount;\n    },\n    [updateBillingAccountMutation, client]\n  );\n\n  const setDefaultBillingAccount = useCallback(\n    async (id: string): Promise<BillingAccount> => {\n      const { data, error } = await setDefaultBillingAccountMutation({\n        variables: { id },\n      });\n      if (error) {\n        throw new Error(error.message ?? 'Failed to set default billing account');\n      }\n      if (!data?.setDefaultBillingAccount) {\n        throw new Error('Failed to set default billing account: no data returned');\n      }\n      // Refetch all billing accounts and default account to update isDefault flags\n      await client.refetchQueries({\n        include: [GetBillingAccountsByOrgDocument, GetDefaultBillingAccountDashboardDocument],\n      });\n      return data.setDefaultBillingAccount;\n    },\n    [setDefaultBillingAccountMutation, client]\n  );\n\n  // Payment method handlers\n  // Note: We don't use client.refetchQueries here because it tries to refetch ALL matching queries\n  // including those that were skipped (e.g., GET_BILLING_ACCOUNT_DASHBOARD with no id).\n  // The calling component should handle refetching the appropriate queries.\n  const addPaymentMethod = useCallback(\n    async (input: CreatePaymentMethodInput): Promise<PaymentMethod> => {\n      const { data, error } = await addPaymentMethodMutation({\n        variables: { input },\n      });\n      if (error) {\n        throw new Error(error.message ?? 'Failed to add payment method');\n      }\n      if (!data?.addPaymentMethod) {\n        throw new Error('Failed to add payment method: no data returned');\n      }\n      return data.addPaymentMethod;\n    },\n    [addPaymentMethodMutation]\n  );\n\n  const setDefaultPaymentMethod = useCallback(\n    async (id: string, billingAccountId: string): Promise<PaymentMethod> => {\n      const { data, error } = await updatePaymentMethodMutation({\n        variables: { id, isDefault: true, billingAccountId },\n      });\n      if (error) {\n        throw new Error(error.message ?? 'Failed to update payment method');\n      }\n      if (!data?.updatePaymentMethod) {\n        throw new Error('Failed to update payment method: no data returned');\n      }\n      return data.updatePaymentMethod;\n    },\n    [updatePaymentMethodMutation]\n  );\n\n  const deletePaymentMethod = useCallback(\n    async (id: string, billingAccountId: string): Promise<boolean> => {\n      const { data, error } = await deletePaymentMethodMutation({\n        variables: { id, billingAccountId },\n      });\n      if (error) {\n        throw new Error(error.message ?? 'Failed to delete payment method');\n      }\n      if (!data) {\n        throw new Error('Failed to delete payment method: no data returned');\n      }\n      return data.deletePaymentMethod;\n    },\n    [deletePaymentMethodMutation]\n  );\n\n  // Billing address handler\n  const setBillingAddress = useCallback(\n    async (input: SetBillingAddressInput): Promise<BillingAddress> => {\n      const { data, error } = await setBillingAddressMutation({\n        variables: { input },\n      });\n      if (error) {\n        throw new Error(error.message ?? 'Failed to set billing address');\n      }\n      if (!data?.setBillingAddress) {\n        throw new Error('Failed to set billing address: no data returned');\n      }\n      // Only refetch queries that don't have conditional required variables\n      await client.refetchQueries({\n        include: [GetBillingAddressDocument, GetDefaultBillingAccountDashboardDocument],\n      });\n      return data.setBillingAddress;\n    },\n    [setBillingAddressMutation, client]\n  );\n\n  // Payment handlers\n  const initiatePayment = useCallback(\n    async (input: InitiatePaymentInput): Promise<InitiatePaymentResponse> => {\n      const { data, error } = await initiatePaymentMutation({\n        variables: { input },\n      });\n      if (error) {\n        throw new Error(error.message ?? 'Failed to initiate payment');\n      }\n      if (!data?.initiatePayment) {\n        throw new Error('Failed to initiate payment: no data returned');\n      }\n      return data.initiatePayment;\n    },\n    [initiatePaymentMutation]\n  );\n\n  const spendCredits = useCallback(\n    async (input: SpendCreditsInput): Promise<{ creditTransactionID: string }> => {\n      const { data, error } = await spendCreditsMutation({\n        variables: { input },\n      });\n      if (error) {\n        throw new Error(error.message ?? 'Failed to spend credits');\n      }\n      if (!data?.spendCredits) {\n        throw new Error('Failed to spend credits: no data returned');\n      }\n      // Only refetch queries that don't have conditional required variables\n      await client.refetchQueries({\n        include: [GetDefaultBillingAccountDashboardDocument, GetCreditTransactionsSummaryDocument],\n      });\n      return data.spendCredits;\n    },\n    [spendCreditsMutation, client]\n  );\n\n  // Verify payment method handler\n  const verifyPaymentMethod = useCallback(\n    async (input: VerifyPaymentMethodInput): Promise<VerifyPaymentMethodResponse> => {\n      const { data, error } = await verifyPaymentMethodMutation({\n        variables: { input },\n      });\n      if (error) {\n        throw new Error(error.message ?? 'Failed to verify payment method');\n      }\n      if (!data?.verifyBillingPaymentMethod) {\n        throw new Error('Failed to verify payment method: no data returned');\n      }\n      return data.verifyBillingPaymentMethod;\n    },\n    [verifyPaymentMethodMutation]\n  );\n\n  return {\n    // Billing account\n    createBillingAccount,\n    updateBillingAccount,\n    setDefaultBillingAccount,\n    isCreatingAccount,\n    isUpdatingAccount,\n    isSettingDefaultAccount,\n\n    // Payment methods\n    addPaymentMethod,\n    setDefaultPaymentMethod,\n    deletePaymentMethod,\n    isAddingPaymentMethod,\n    isUpdatingPaymentMethod,\n    isDeletingPaymentMethod,\n\n    // Billing address\n    setBillingAddress,\n    isSettingAddress,\n\n    // Payments\n    initiatePayment,\n    spendCredits,\n    verifyPaymentMethod,\n    isInitiatingPayment,\n    isSpendingCredits,\n    isVerifyingPaymentMethod,\n  };\n}\n"],"mappings":"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"}

package/dist/billing/modules/dashboard/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Dashboard Module
+ * Exports pages, hooks, and components
+ */
+export * from './pages';
+export * from './hooks';
+export * from './components';
+//# sourceMappingURL=index.d.ts.map

package/dist/billing/modules/dashboard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/billing/modules/dashboard/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}

package/dist/billing/modules/dashboard/index.js

@@ -0,0 +1,12 @@
+import "./hooks/useDashboard.js";
+import "./hooks/useBillingOverviewData.js";
+import "./hooks/index.js";
+import "./components/BillingAccountCard.js";
+import "./components/PaymentMethodsSection.js";
+import "./components/ActiveSubscriptionCard.js";
+import "./components/RecommendedAddonsSection.js";
+import "./components/CreateBillingAccountModal.js";
+import "./components/AddPaymentMethodModal.js";
+import "./components/index.js";
+import "./pages/OverviewPage.js";
+import "./pages/index.js";

package/dist/billing/modules/dashboard/pages/OverviewPage.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+
+export declare const OverviewPage: FC;
+//# sourceMappingURL=OverviewPage.d.ts.map

package/dist/billing/modules/dashboard/pages/OverviewPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverviewPage.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/dashboard/pages/OverviewPage.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAoC,MAAM,OAAO,CAAC;AAgDlE,eAAO,MAAM,YAAY,EAAE,EA6rB1B,CAAC"}

package/dist/billing/modules/dashboard/pages/OverviewPage.js

@@ -0,0 +1,478 @@
+import { useBilling as e } from "../../../providers/BillingProvider.js";
+import { AccessDenied as t } from "../../../shared/components/AccessDenied.js";
+import { StatCard as n } from "../../../shared/components/StatCard.js";
+import { EmptyState as ee } from "../../../shared/components/EmptyState.js";
+import { ServerError as te } from "../../../shared/components/ServerError.js";
+import { useBillingEventEmitter as ne } from "../../../hooks/useBillingEventEmitter.js";
+import { getStoredBillingAccountId as re, setStoredBillingAccountId as ie } from "../../../hooks/useBillingAccountSelection.js";
+import { isServerError as ae } from "../../../shared/utils/error.js";
+import "../../../shared/utils/index.js";
+import { useBillingPermissions as oe } from "../../../hooks/useBillingPermissions.js";
+import { useDashboardMutations as se } from "../hooks/useDashboard.js";
+import { useBillingOverviewData as ce } from "../hooks/useBillingOverviewData.js";
+import "../hooks/index.js";
+import { BillingAccountCard as le } from "../components/BillingAccountCard.js";
+import { PaymentMethodsSection as ue } from "../components/PaymentMethodsSection.js";
+import { ActiveSubscriptionCard as de } from "../components/ActiveSubscriptionCard.js";
+import { RecommendedAddonsSection as fe } from "../components/RecommendedAddonsSection.js";
+import { CreateBillingAccountModal as r } from "../components/CreateBillingAccountModal.js";
+import { AddPaymentMethodModal as pe } from "../components/AddPaymentMethodModal.js";
+import "../components/index.js";
+import { useAddonCartStore as me } from "../../addons/store/addonCartStore.js";
+import { FloatingCartDrawer as he } from "../../addons/components/FloatingCartDrawer.js";
+import { withBillingAccountId as i } from "../../../shared/utils/navigation.js";
+import { useCallback as a, useEffect as o, useState as s } from "react";
+import { Activity as ge, ArrowRight as _e, Building2 as c, Check as ve, ChevronDown as ye, Coins as be, Crown as l, Loader2 as xe, Plus as u, Receipt as Se, RefreshCw as d, Sparkles as Ce, Wallet as f } from "lucide-react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { useI18n as we } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/billing/modules/dashboard/pages/OverviewPage.tsx
+var g = () => {
+	let { t: g } = we(), _ = (e, t) => {
+		let n = g(e);
+		return n === e ? t : n;
+	}, { navigate: v, basePath: y, orgId: b, productId: Te } = e(), x = oe(), { emit: S } = ne(), [C, Ee] = s(() => re(b)), [w, T] = s(!1), [E, D] = s(null), [O, k] = s(!1), [De, A] = s(!1), [Oe, ke] = s(0), [j, M] = s(!1), { billingAccounts: N, currentAccount: P, paymentMethods: F, activeSubscriptions: I, hasActiveSubscription: L, recommendedAddons: Ae, isLoading: R, error: z, refetchAll: B } = ce(C, Te), V = P?.id, je = R, H = a((e) => {
+		Ee(e), ie(b, e);
+	}, [b]), { addToCart: U, isInCart: W, getCartItem: G, updateQuantity: K, removeFromCart: q } = me(), { createBillingAccount: J, setBillingAddress: Y, setDefaultPaymentMethod: X, deletePaymentMethod: Me, isCreatingAccount: Ne } = se();
+	o(() => {
+		ke(0), M(!1);
+	}, [V, I.length]), o(() => {
+		C && N.length > 0 && (N.some((e) => e.id === C) || H(null));
+	}, [
+		N,
+		C,
+		H
+	]), o(() => {
+		!C && N.length > 0 && H((N.find((e) => e.isDefault) ?? N[0]).id);
+	}, [
+		N,
+		C,
+		H
+	]);
+	let Z = I[Oe] || I[0] || null, Q = a((e) => {
+		let t = e;
+		y && y !== "/" && (t = `${y.endsWith("/") ? y.slice(0, -1) : y}${e.startsWith("/") ? e : `/${e}`}`), v(t);
+	}, [v, y]), Pe = a(async (e, t) => {
+		D(null);
+		try {
+			let n = await J(e);
+			t && n.id && await Y({
+				billingAccountId: n.id,
+				...t
+			}), T(!1), H(n.id), S("billing.billing_account.created", {
+				route: "/billing/overview",
+				entityId: n.id,
+				source: "overview"
+			}), await B();
+		} catch (e) {
+			D(e instanceof Error ? e.message : "Failed to create billing account");
+		}
+	}, [
+		J,
+		S,
+		B,
+		Y,
+		H
+	]), Fe = a(() => {
+		A(!0);
+	}, []), $ = a(async () => {
+		await B();
+	}, [B]), Ie = a(async () => {
+		S("billing.payment_method.added", {
+			route: "/billing/overview",
+			entityId: V,
+			source: "overview"
+		}), await $();
+	}, [
+		V,
+		S,
+		$
+	]), Le = a(async (e) => {
+		V && (await X(e, V), S("billing.payment_method.default_set", {
+			route: "/billing/overview",
+			entityId: e,
+			source: "overview"
+		}), await $());
+	}, [
+		V,
+		S,
+		X,
+		$
+	]), Re = a(async (e) => {
+		V && (await Me(e, V), S("billing.payment_method.deleted", {
+			route: "/billing/overview",
+			entityId: e,
+			source: "overview"
+		}), await $());
+	}, [
+		V,
+		Me,
+		S,
+		$
+	]), ze = a((e) => {
+		H(e.id), k(!1);
+	}, [H]), Be = a(async () => {
+		await B();
+	}, [B]), Ve = a((e) => {
+		U(e);
+	}, [U]), He = a((e) => W(e), [W]), Ue = a((e) => G(e)?.quantity || 0, [G]), We = a((e, t) => {
+		t <= 0 ? q(e) : K(e, t);
+	}, [K, q]), Ge = a((e) => {
+		q(e);
+	}, [q]);
+	return x.canViewBillingAccount ? z && ae(z) && !R ? /* @__PURE__ */ m("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ m(te, {
+			title: "Server Unavailable",
+			message: "Unable to load billing overview. The server might be down or experiencing issues.",
+			onRetry: Be,
+			showRetry: !0
+		})
+	}) : R && !P ? /* @__PURE__ */ m("div", {
+		className: "flex items-center justify-center min-h-[400px]",
+		children: /* @__PURE__ */ h("div", {
+			className: "flex flex-col items-center gap-3",
+			children: [/* @__PURE__ */ m(xe, { className: "w-8 h-8 animate-spin text-primary" }), /* @__PURE__ */ m("p", {
+				className: "text-sm text-muted-foreground",
+				children: _("billing.overview.loadingInfo", "Loading billing information...")
+			})]
+		})
+	}) : !R && N.length === 0 ? /* @__PURE__ */ h("div", {
+		className: "p-6",
+		children: [
+			/* @__PURE__ */ h("header", {
+				className: "mb-8",
+				children: [/* @__PURE__ */ m("h1", {
+					className: "text-2xl font-bold text-foreground",
+					children: _("billing.overview.title", "Billing Overview")
+				}), /* @__PURE__ */ m("p", {
+					className: "text-sm text-muted-foreground mt-1",
+					children: _("billing.overview.emptySetupDescription", "Set up billing to manage subscriptions, payments, and invoices")
+				})]
+			}),
+			/* @__PURE__ */ m(ee, {
+				icon: /* @__PURE__ */ m(c, { className: "w-6 h-6 text-muted-foreground" }),
+				title: _("billing.overview.emptyTitle", "No billing account"),
+				description: _("billing.overview.emptyDescription", "Create a billing account to start managing your subscriptions and payments"),
+				action: x.canManageBillingAccount ? /* @__PURE__ */ h("button", {
+					onClick: () => T(!0),
+					className: "inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-primary-foreground bg-primary rounded-lg hover:bg-primary/90 transition-colors",
+					children: [/* @__PURE__ */ m(u, { className: "w-4 h-4" }), _("billing.overview.createBillingAccount", "Create Billing Account")]
+				}) : void 0
+			}),
+			/* @__PURE__ */ m(r, {
+				isOpen: w,
+				onClose: () => {
+					T(!1), D(null);
+				},
+				onSubmit: Pe,
+				isSubmitting: Ne,
+				error: E
+			})
+		]
+	}) : /* @__PURE__ */ h("div", {
+		className: "p-6 space-y-8",
+		children: [
+			/* @__PURE__ */ h("header", {
+				className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4",
+				children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h1", {
+					className: "text-2xl font-bold text-foreground",
+					children: _("billing.overview.title", "Billing Overview")
+				}), /* @__PURE__ */ m("p", {
+					className: "text-sm text-muted-foreground mt-1",
+					children: _("billing.overview.description", "Manage your billing accounts, subscriptions, and payment methods")
+				})] }), /* @__PURE__ */ h("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ m("button", {
+						onClick: Be,
+						className: "p-2 rounded-lg border border-border hover:bg-muted text-muted-foreground hover:text-foreground transition-colors",
+						"aria-label": _("billing.overview.refresh", "Refresh"),
+						children: /* @__PURE__ */ m(d, { className: `w-4 h-4 ${R ? "animate-spin" : ""}` })
+					}), x.canManageBillingAccount && N.length > 0 && /* @__PURE__ */ h("button", {
+						onClick: () => T(!0),
+						className: "inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-primary-foreground bg-primary rounded-lg hover:bg-primary/90 transition-colors",
+						children: [/* @__PURE__ */ m(u, { className: "w-4 h-4" }), /* @__PURE__ */ m("span", {
+							className: "hidden sm:inline",
+							children: _("billing.overview.newAccount", "New Account")
+						})]
+					})]
+				})]
+			}),
+			N.length > 1 && /* @__PURE__ */ h("div", {
+				className: "relative",
+				children: [/* @__PURE__ */ h("button", {
+					onClick: () => k(!O),
+					className: "w-full sm:w-auto flex items-center justify-between gap-3 px-4 py-3 border border-border rounded-lg bg-card hover:bg-muted/50 transition-colors",
+					children: [/* @__PURE__ */ h("div", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ m("div", {
+							className: "w-8 h-8 rounded-lg bg-primary/10 flex items-center justify-center",
+							children: /* @__PURE__ */ m(c, { className: "w-4 h-4 text-primary" })
+						}), /* @__PURE__ */ h("div", {
+							className: "text-left",
+							children: [/* @__PURE__ */ m("p", {
+								className: "text-sm font-medium text-foreground",
+								children: P?.name || _("billing.overview.selectAccount", "Select Account")
+							}), /* @__PURE__ */ m("p", {
+								className: "text-xs text-muted-foreground",
+								children: P?.email
+							})]
+						})]
+					}), /* @__PURE__ */ m(ye, { className: `w-4 h-4 text-muted-foreground transition-transform ${O ? "rotate-180" : ""}` })]
+				}), O && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("div", {
+					className: "fixed inset-0 z-10",
+					onClick: () => k(!1)
+				}), /* @__PURE__ */ m("div", {
+					className: "absolute top-full left-0 right-0 sm:right-auto mt-1 w-full sm:w-80 bg-popover border border-border rounded-lg shadow-lg z-20 py-1 max-h-60 overflow-y-auto",
+					children: N.map((e) => /* @__PURE__ */ h("button", {
+						onClick: () => ze(e),
+						className: "w-full flex items-center justify-between gap-3 px-4 py-3 hover:bg-muted transition-colors",
+						children: [/* @__PURE__ */ h("div", {
+							className: "flex items-center gap-3 min-w-0",
+							children: [/* @__PURE__ */ m("div", {
+								className: "w-8 h-8 rounded-lg bg-muted flex items-center justify-center flex-shrink-0",
+								children: /* @__PURE__ */ m(c, { className: "w-4 h-4 text-muted-foreground" })
+							}), /* @__PURE__ */ h("div", {
+								className: "text-left min-w-0",
+								children: [/* @__PURE__ */ m("p", {
+									className: "text-sm font-medium text-foreground truncate",
+									children: e.name
+								}), /* @__PURE__ */ m("p", {
+									className: "text-xs text-muted-foreground truncate",
+									children: e.email
+								})]
+							})]
+						}), P?.id === e.id && /* @__PURE__ */ m(ve, { className: "w-4 h-4 text-primary flex-shrink-0" })]
+					}, e.id))
+				})] })]
+			}),
+			P && /* @__PURE__ */ h("div", {
+				className: "grid grid-cols-2 sm:grid-cols-4 gap-4",
+				children: [
+					/* @__PURE__ */ m(n, {
+						label: _("billing.overview.stats.creditBalance", "Credit Balance"),
+						value: `${(P.creditAmount || 0).toLocaleString()} Credits`,
+						icon: /* @__PURE__ */ m(f, { className: "w-5 h-5" })
+					}),
+					/* @__PURE__ */ m(n, {
+						label: _("billing.overview.stats.activePlans", "Active Plans"),
+						value: I.length > 0 ? I.length === 1 ? I[0]?.plan?.name || "1 Plan" : `${I.length} ${_("billing.overview.stats.plansSuffix", "Plans")}` : _("billing.overview.stats.none", "None"),
+						icon: /* @__PURE__ */ m(d, { className: "w-5 h-5" })
+					}),
+					/* @__PURE__ */ m(n, {
+						label: _("billing.overview.stats.paymentMethods", "Payment Methods"),
+						value: F.length,
+						icon: /* @__PURE__ */ m(c, { className: "w-5 h-5" })
+					}),
+					/* @__PURE__ */ m(n, {
+						label: _("billing.overview.stats.paymentCurrency", "Payment Currency"),
+						value: P.currency || "USD",
+						icon: /* @__PURE__ */ m(c, { className: "w-5 h-5" })
+					})
+				]
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+				children: [/* @__PURE__ */ h("div", {
+					className: "lg:col-span-2 space-y-6",
+					children: [
+						P && /* @__PURE__ */ m(le, {
+							account: P,
+							isDefault: P.isDefault ?? !1,
+							onEdit: () => P && Q(`/settings?billingAccountId=${P.id}`),
+							onViewTransactions: () => Q(`/transactions/${P.id}`),
+							onViewCreditTransactions: () => Q(`/creditTransactions/${P.id}`)
+						}),
+						/* @__PURE__ */ h("div", {
+							className: "space-y-3",
+							children: [I.length > 1 && /* @__PURE__ */ h("div", {
+								className: "relative",
+								children: [/* @__PURE__ */ h("button", {
+									onClick: () => M(!j),
+									className: "w-full sm:w-auto flex items-center justify-between gap-3 px-4 py-3 border border-border rounded-lg bg-card hover:bg-muted/50 transition-colors",
+									children: [/* @__PURE__ */ h("div", {
+										className: "flex items-center gap-3",
+										children: [/* @__PURE__ */ m("div", {
+											className: "w-8 h-8 rounded-lg bg-primary/10 flex items-center justify-center",
+											children: /* @__PURE__ */ m(l, { className: "w-4 h-4 text-primary" })
+										}), /* @__PURE__ */ h("div", {
+											className: "text-left",
+											children: [/* @__PURE__ */ h("p", {
+												className: "text-sm font-medium text-foreground",
+												children: [Z?.plan?.name || _("billing.overview.selectSubscription", "Select Subscription"), Z?.plan?.product?.name && /* @__PURE__ */ h("span", {
+													className: "text-muted-foreground font-normal",
+													children: [
+														" ",
+														"· ",
+														Z.plan.product.name
+													]
+												})]
+											}), /* @__PURE__ */ h("p", {
+												className: "text-xs text-muted-foreground",
+												children: [
+													I.length,
+													" ",
+													_("billing.overview.activeSubscriptions", "active subscriptions")
+												]
+											})]
+										})]
+									}), /* @__PURE__ */ m(ye, { className: `w-4 h-4 text-muted-foreground transition-transform ${j ? "rotate-180" : ""}` })]
+								}), j && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("div", {
+									className: "fixed inset-0 z-10",
+									onClick: () => M(!1)
+								}), /* @__PURE__ */ m("div", {
+									className: "absolute top-full left-0 right-0 sm:right-auto mt-1 w-full sm:w-80 bg-popover border border-border rounded-lg shadow-lg z-20 py-1 max-h-60 overflow-y-auto",
+									children: I.map((e, t) => /* @__PURE__ */ h("button", {
+										onClick: () => {
+											ke(t), M(!1);
+										},
+										className: "w-full flex items-center justify-between gap-3 px-4 py-3 hover:bg-muted transition-colors",
+										children: [/* @__PURE__ */ h("div", {
+											className: "flex items-center gap-3 min-w-0",
+											children: [/* @__PURE__ */ m("div", {
+												className: "w-8 h-8 rounded-lg bg-muted flex items-center justify-center flex-shrink-0",
+												children: /* @__PURE__ */ m(l, { className: "w-4 h-4 text-muted-foreground" })
+											}), /* @__PURE__ */ h("div", {
+												className: "text-left min-w-0",
+												children: [/* @__PURE__ */ m("p", {
+													className: "text-sm font-medium text-foreground truncate",
+													children: e.plan?.name || _("billing.overview.subscription", "Subscription")
+												}), /* @__PURE__ */ h("p", {
+													className: "text-xs text-muted-foreground truncate",
+													children: [
+														e.plan?.product?.name || _("billing.overview.unknownProduct", "Unknown Product"),
+														" ",
+														"· ",
+														_("billing.overview.ends", "Ends"),
+														" ",
+														new Date(e.endDate).toLocaleDateString()
+													]
+												})]
+											})]
+										}), Oe === t && /* @__PURE__ */ m(ve, { className: "w-4 h-4 text-primary flex-shrink-0" })]
+									}, e.id))
+								})] })]
+							}), /* @__PURE__ */ m(de, {
+								subscription: Z,
+								onViewDetails: () => Z && Q(i(`/subscriptions/${Z.id}`, Z.billingAccountId ?? P?.id)),
+								onUpgrade: () => Z && Q(i(`/subscriptions/${Z.id}/upgrade`, Z.billingAccountId ?? P?.id)),
+								onManage: () => P && Q(`/subscriptions?billingAccountId=${P.id}`),
+								onPurchasePlan: () => Q("/plans")
+							})]
+						}),
+						P && /* @__PURE__ */ m(ue, {
+							paymentMethods: F,
+							billingAccountId: P.id,
+							onAddPaymentMethod: Fe,
+							onSetDefault: Le,
+							onDelete: Re,
+							isLoading: R
+						})
+					]
+				}), /* @__PURE__ */ h("div", {
+					className: "space-y-6",
+					children: [/* @__PURE__ */ h("section", {
+						className: "border border-border rounded-lg bg-card p-4",
+						children: [/* @__PURE__ */ m("h3", {
+							className: "font-semibold text-foreground mb-4",
+							children: "Quick Actions"
+						}), /* @__PURE__ */ h("div", {
+							className: "space-y-2",
+							children: [
+								/* @__PURE__ */ h("button", {
+									onClick: () => P && Q(`/transactions/${P.id}`),
+									disabled: !P,
+									className: "w-full flex items-center gap-3 px-3 py-2.5 text-sm text-left text-foreground hover:bg-muted rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+									children: [/* @__PURE__ */ m("div", {
+										className: "w-8 h-8 rounded bg-status-info-bg-subtle flex items-center justify-center",
+										children: /* @__PURE__ */ m(Se, { className: "w-4 h-4 text-accent-blue" })
+									}), "View Transactions"]
+								}),
+								/* @__PURE__ */ h("button", {
+									onClick: () => P && Q(`/creditTransactions/${P.id}`),
+									disabled: !P,
+									className: "w-full flex items-center gap-3 px-3 py-2.5 text-sm text-left text-foreground hover:bg-muted rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+									children: [/* @__PURE__ */ m("div", {
+										className: "w-8 h-8 rounded bg-status-warning-bg-subtle flex items-center justify-center",
+										children: /* @__PURE__ */ m(f, { className: "w-4 h-4 text-status-warning-text" })
+									}), "Credit History"]
+								}),
+								/* @__PURE__ */ h("button", {
+									onClick: () => Q("/checkout/credits"),
+									className: "w-full flex items-center gap-3 px-3 py-2.5 text-sm text-left text-foreground hover:bg-muted rounded-lg transition-colors",
+									children: [/* @__PURE__ */ m("div", {
+										className: "w-8 h-8 rounded bg-status-success-bg-subtle flex items-center justify-center",
+										children: /* @__PURE__ */ m(be, { className: "w-4 h-4 text-status-success-text" })
+									}), "Purchase Credits"]
+								}),
+								/* @__PURE__ */ h("button", {
+									onClick: () => P && Q(`/usage?billingAccountId=${P.id}`),
+									disabled: !P,
+									className: "w-full flex items-center gap-3 px-3 py-2.5 text-sm text-left text-foreground hover:bg-muted rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+									children: [/* @__PURE__ */ m("div", {
+										className: "w-8 h-8 rounded bg-accent-violet-subtle flex items-center justify-center",
+										children: /* @__PURE__ */ m(ge, { className: "w-4 h-4 text-accent-violet" })
+									}), "Usage Analytics"]
+								})
+							]
+						})]
+					}), !L && /* @__PURE__ */ h("section", {
+						className: "border border-border rounded-lg bg-gradient-to-br from-primary/5 to-primary/10 p-4",
+						children: [/* @__PURE__ */ h("div", {
+							className: "flex items-start gap-3 mb-4",
+							children: [/* @__PURE__ */ m("div", {
+								className: "w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0",
+								children: /* @__PURE__ */ m(Ce, { className: "w-5 h-5 text-primary" })
+							}), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h3", {
+								className: "font-semibold text-foreground",
+								children: "Get Started"
+							}), /* @__PURE__ */ m("p", {
+								className: "text-sm text-muted-foreground mt-1",
+								children: "Choose a plan that fits your needs to unlock all features"
+							})] })]
+						}), /* @__PURE__ */ h("button", {
+							onClick: () => Q("/plans"),
+							className: "w-full flex items-center justify-center gap-2 px-4 py-2.5 text-sm font-medium text-primary-foreground bg-primary rounded-lg hover:bg-primary/90 transition-colors",
+							children: ["Browse Plans", /* @__PURE__ */ m(_e, { className: "w-4 h-4" })]
+						})]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ m(fe, {
+				addons: Ae,
+				hasSubscription: L,
+				onViewAddon: (e) => Q(`/addons/${e}`),
+				onPurchaseAddon: (e) => Q(`/addons/${e}?action=purchase`),
+				onViewAllAddons: () => Q("/addons"),
+				onAddToCart: Ve,
+				isInCart: He,
+				getCartQuantity: Ue,
+				onUpdateQuantity: We,
+				onRemoveFromCart: Ge,
+				maxAddons: 3,
+				isLoading: je
+			}),
+			/* @__PURE__ */ m(he, {}),
+			/* @__PURE__ */ m(r, {
+				isOpen: w,
+				onClose: () => {
+					T(!1), D(null);
+				},
+				onSubmit: Pe,
+				isSubmitting: Ne,
+				error: E
+			}),
+			P && /* @__PURE__ */ m(pe, {
+				isOpen: De,
+				onClose: () => A(!1),
+				billingAccountId: P.id,
+				currency: P.currency,
+				country: P.billingAddresses?.[0]?.country,
+				onSuccess: Ie
+			})
+		]
+	}) : /* @__PURE__ */ m(t, { message: "You don't have permission to view billing information." });
+};
+//#endregion
+export { g as OverviewPage };
+
+//# sourceMappingURL=OverviewPage.js.map