@burdenoff/microfe-billing 2026.513.2 → 2026.514.2

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

@@ -1,9 +1,9 @@
-import { GetBillingAccountsByOrgDocument as e, GetBillingAddressDocument as t, GetCreditTransactionsSummaryDocument as n, GetDefaultBillingAccountDashboardDocument as r, useAddPaymentMethodDashboardMutation as i, useCreateBillingAccountMutation as a, useDeletePaymentMethodDashboardMutation as o, useGetDefaultBillingAccountDashboardQuery as s, useGetPaymentProviderConfigQuery as c, useInitiatePaymentMutation as l, useSetBillingAddressMutation as u, useSetDefaultBillingAccountMutation as d, useSpendCreditsMutation as f, useUpdateBillingAccountMutation as p, useUpdatePaymentMethodDashboardMutation as m, useVerifyPaymentMethodMutation as h } from "../../../../generated/global-operations.js";
-import { useCallback as g } from "react";
-import { useApolloClient as _ } from "@apollo/client/react";
+import { GetBillingAccountsByOrgDocument as e, GetBillingAddressDocument as t, GetCreditTransactionsSummaryDocument as n, GetDefaultBillingAccountDashboardDocument as r, useAddPaymentMethodDashboardMutation as i, useCreateBillingAccountMutation as a, useDeletePaymentMethodDashboardMutation as o, useGetBillingAccountsByOrgQuery as s, useGetDefaultBillingAccountDashboardQuery as c, useGetPaymentProviderConfigQuery as l, useInitiatePaymentMutation as u, useSetBillingAddressMutation as d, useSetDefaultBillingAccountMutation as f, useSpendCreditsMutation as p, useUpdateBillingAccountMutation as m, useUpdatePaymentMethodDashboardMutation as h, useVerifyPaymentMethodMutation as g } from "../../../../generated/global-operations.js";
+import { useCallback as _ } from "react";
+import { useApolloClient as v } from "@apollo/client/react";
 //#region src/billing/modules/dashboard/hooks/useDashboard.ts
-function v(e = !1) {
-	let { data: t, loading: n, error: r } = c({
+function y(e = !1) {
+	let { data: t, loading: n, error: r } = l({
 		fetchPolicy: "cache-first",
 		skip: e
 	}), i = t?.getPaymentProviderConfig || null;
@@ -17,8 +17,19 @@ function v(e = !1) {
 		error: r
 	};
 }
-function y() {
-	let { data: e, loading: t, error: n, refetch: r } = s({ fetchPolicy: "cache-and-network" }), i = g(async () => {
+function b() {
+	let { data: e, loading: t, error: n, refetch: r } = s({ fetchPolicy: "cache-and-network" }), i = _(async () => {
+		await r();
+	}, [r]);
+	return {
+		billingAccounts: e?.getBillingAccountsByOrg || [],
+		isLoading: t,
+		error: n,
+		refetch: i
+	};
+}
+function x() {
+	let { data: e, loading: t, error: n, refetch: r } = c({ fetchPolicy: "cache-and-network" }), i = _(async () => {
 		await r();
 	}, [r]), a = e?.getDefaultBillingAccount || null;
 	return {
@@ -30,37 +41,37 @@ function y() {
 		refetch: i
 	};
 }
-function b() {
-	let s = _(), [c, { loading: v }] = a(), [y, { loading: b }] = p(), [x, { loading: S }] = d(), [C, { loading: w }] = i(), [T, { loading: E }] = m(), [D, { loading: O }] = o(), [k, { loading: A }] = u(), [j, { loading: M }] = l(), [N, { loading: P }] = f(), [F, { loading: I }] = h();
+function S() {
+	let s = v(), [c, { loading: l }] = a(), [y, { loading: b }] = m(), [x, { loading: S }] = f(), [C, { loading: w }] = i(), [T, { loading: E }] = h(), [D, { loading: O }] = o(), [k, { loading: A }] = d(), [j, { loading: M }] = u(), [N, { loading: P }] = p(), [F, { loading: I }] = g();
 	return {
-		createBillingAccount: g(async (t) => {
+		createBillingAccount: _(async (t) => {
 			let { data: n, error: i } = await c({ variables: { input: t } });
 			if (i) throw Error(i.message ?? "Failed to create billing account");
 			if (!n?.createBillingAccount) throw Error("Failed to create billing account: no data returned");
 			return await s.refetchQueries({ include: [e, r] }), n.createBillingAccount;
 		}, [c, s]),
-		updateBillingAccount: g(async (e) => {
+		updateBillingAccount: _(async (e) => {
 			let { data: t, error: n } = await y({ variables: { input: e } });
 			if (n) throw Error(n.message ?? "Failed to update billing account");
 			if (!t?.updateBillingAccount) throw Error("Failed to update billing account: no data returned");
 			return await s.refetchQueries({ include: [r] }), t.updateBillingAccount;
 		}, [y, s]),
-		setDefaultBillingAccount: g(async (t) => {
+		setDefaultBillingAccount: _(async (t) => {
 			let { data: n, error: i } = await x({ variables: { id: t } });
 			if (i) throw Error(i.message ?? "Failed to set default billing account");
 			if (!n?.setDefaultBillingAccount) throw Error("Failed to set default billing account: no data returned");
 			return await s.refetchQueries({ include: [e, r] }), n.setDefaultBillingAccount;
 		}, [x, s]),
-		isCreatingAccount: v,
+		isCreatingAccount: l,
 		isUpdatingAccount: b,
 		isSettingDefaultAccount: S,
-		addPaymentMethod: g(async (e) => {
+		addPaymentMethod: _(async (e) => {
 			let { data: t, error: n } = await C({ variables: { input: e } });
 			if (n) throw Error(n.message ?? "Failed to add payment method");
 			if (!t?.addPaymentMethod) throw Error("Failed to add payment method: no data returned");
 			return t.addPaymentMethod;
 		}, [C]),
-		setDefaultPaymentMethod: g(async (e, t) => {
+		setDefaultPaymentMethod: _(async (e, t) => {
 			let { data: n, error: r } = await T({ variables: {
 				id: e,
 				isDefault: !0,
@@ -70,7 +81,7 @@ function b() {
 			if (!n?.updatePaymentMethod) throw Error("Failed to update payment method: no data returned");
 			return n.updatePaymentMethod;
 		}, [T]),
-		deletePaymentMethod: g(async (e, t) => {
+		deletePaymentMethod: _(async (e, t) => {
 			let { data: n, error: r } = await D({ variables: {
 				id: e,
 				billingAccountId: t
@@ -82,26 +93,26 @@ function b() {
 		isAddingPaymentMethod: w,
 		isUpdatingPaymentMethod: E,
 		isDeletingPaymentMethod: O,
-		setBillingAddress: g(async (e) => {
+		setBillingAddress: _(async (e) => {
 			let { data: n, error: i } = await k({ variables: { input: e } });
 			if (i) throw Error(i.message ?? "Failed to set billing address");
 			if (!n?.setBillingAddress) throw Error("Failed to set billing address: no data returned");
 			return await s.refetchQueries({ include: [t, r] }), n.setBillingAddress;
 		}, [k, s]),
 		isSettingAddress: A,
-		initiatePayment: g(async (e) => {
+		initiatePayment: _(async (e) => {
 			let { data: t, error: n } = await j({ variables: { input: e } });
 			if (n) throw Error(n.message ?? "Failed to initiate payment");
 			if (!t?.initiatePayment) throw Error("Failed to initiate payment: no data returned");
 			return t.initiatePayment;
 		}, [j]),
-		spendCredits: g(async (e) => {
+		spendCredits: _(async (e) => {
 			let { data: t, error: i } = await N({ variables: { input: e } });
 			if (i) throw Error(i.message ?? "Failed to spend credits");
 			if (!t?.spendCredits) throw Error("Failed to spend credits: no data returned");
 			return await s.refetchQueries({ include: [r, n] }), t.spendCredits;
 		}, [N, s]),
-		verifyPaymentMethod: g(async (e) => {
+		verifyPaymentMethod: _(async (e) => {
 			let { data: t, error: n } = await F({ variables: { input: e } });
 			if (n) throw Error(n.message ?? "Failed to verify payment method");
 			if (!t?.verifyBillingPaymentMethod) throw Error("Failed to verify payment method: no data returned");
@@ -113,6 +124,6 @@ function b() {
 	};
 }
 //#endregion
-export { b as useDashboardMutations, y as useDefaultDashboardAccount, v as usePaymentProviderConfig };
+export { b as useBillingAccounts, S as useDashboardMutations, x as useDefaultDashboardAccount, y as usePaymentProviderConfig };
 
 //# sourceMappingURL=useDashboard.js.map

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

@@ -1 +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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"}
+{"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/settings/pages/TeamPermissionsPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TeamPermissionsPage.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/settings/pages/TeamPermissionsPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAA6C,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAsF3E,eAAO,MAAM,mBAAmB,EAAE,EA4RjC,CAAC"}
+{"version":3,"file":"TeamPermissionsPage.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/settings/pages/TeamPermissionsPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAA6C,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAuF3E,eAAO,MAAM,mBAAmB,EAAE,EAmSjC,CAAC"}

package/dist/billing/modules/settings/pages/TeamPermissionsPage.js

@@ -2,206 +2,212 @@ import { useBilling as e } from "../../../providers/BillingProvider.js";
 import { AccessDenied as t } from "../../../shared/components/AccessDenied.js";
 import { PageHeader as n } from "../../../shared/components/PageHeader.js";
 import "../../../shared/components/index.js";
-import { directBillingGraphqlRequest as r } from "../../../shared/utils/directBillingGraphql.js";
+import { useBillingAccountSelection as r } from "../../../hooks/useBillingAccountSelection.js";
+import { directBillingGraphqlRequest as i } from "../../../shared/utils/directBillingGraphql.js";
 import "../../../shared/utils/index.js";
-import { useBillingPermissions as i } from "../../../hooks/useBillingPermissions.js";
-import { useCallback as a, useEffect as o, useMemo as s, useState as c } from "react";
-import { useSearchParams as l } from "react-router-dom";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useBillingPermissions as a } from "../../../hooks/useBillingPermissions.js";
+import { useBillingAccounts as o } from "../../dashboard/hooks/useDashboard.js";
+import { useCallback as s, useEffect as c, useMemo as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/billing/modules/settings/pages/TeamPermissionsPage.tsx
-var f = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i, p = "\n  query BillingScopeRoles($scopeId: String!) {\n    roles(scopeId: $scopeId) {\n      id\n      name\n      description\n      priority\n      isSystem\n    }\n  }\n", m = "\n  query BillingScopeActors($scopeId: String!) {\n    actors(scopeId: $scopeId) {\n      actorId\n      actorType\n      roleAssignments {\n        id\n        actorId\n        actorType\n        roleId\n        scopeId\n        isActive\n        expiresAt\n        role { id name priority }\n      }\n    }\n  }\n", h = "\n  mutation AssignBillingRole($input: AssignRoleInput!) {\n    assignRoleToActor(input: $input) {\n      id\n      actorId\n      roleId\n      scopeId\n    }\n  }\n", g = "\n  mutation RemoveBillingRole($assignmentId: String!) {\n    removeRoleFromActor(assignmentId: $assignmentId)\n  }\n", _ = () => {
-	let { apiGatewayUrl: _, authToken: v, orgId: y } = e(), b = i(), [x] = l(), S = x.get("billingAccountId") ?? void 0, [C, w] = c([]), [T, E] = c([]), [D, O] = c(!1), [k, A] = c(null), [j, M] = c(""), [N, P] = c(""), [F, I] = c(!1), L = a(async (e, t) => r({
-		apiGatewayUrl: _,
-		authToken: v,
-		orgId: y,
+var p = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i, m = "\n  query BillingScopeRoles($scopeId: String!) {\n    roles(scopeId: $scopeId) {\n      id\n      name\n      description\n      priority\n      isSystem\n    }\n  }\n", h = "\n  query BillingScopeActors($scopeId: String!) {\n    actors(scopeId: $scopeId) {\n      actorId\n      actorType\n      roleAssignments {\n        id\n        actorId\n        actorType\n        roleId\n        scopeId\n        isActive\n        expiresAt\n        role { id name priority }\n      }\n    }\n  }\n", g = "\n  mutation AssignBillingRole($input: AssignRoleInput!) {\n    assignRoleToActor(input: $input) {\n      id\n      actorId\n      roleId\n      scopeId\n    }\n  }\n", _ = "\n  mutation RemoveBillingRole($assignmentId: String!) {\n    removeRoleFromActor(assignmentId: $assignmentId)\n  }\n", v = () => {
+	let { apiGatewayUrl: v, authToken: y, orgId: b } = e(), x = a(), { billingAccounts: S } = o(), { selectedAccountId: C } = r({
+		orgId: b,
+		billingAccounts: S,
+		syncFromUrl: !0,
+		urlParamName: "billingAccountId"
+	}), w = C ?? void 0, [T, E] = u([]), [D, O] = u([]), [k, A] = u(!1), [j, M] = u(null), [N, P] = u(""), [F, I] = u(""), [L, R] = u(!1), z = s(async (e, t) => i({
+		apiGatewayUrl: v,
+		authToken: y,
+		orgId: b,
 		query: e,
 		variables: t
 	}), [
-		_,
 		v,
-		y
-	]), R = a(async () => {
-		if (S) {
-			O(!0), A(null);
+		y,
+		b
+	]), B = s(async () => {
+		if (w) {
+			A(!0), M(null);
 			try {
-				let [e, t] = await Promise.all([L(p, { scopeId: S }), L(m, { scopeId: S })]);
-				w(e.roles ?? []), E(t.actors ?? []), P((e.roles ?? []).find((e) => /viewer/i.test(e.name))?.id ?? e.roles?.[0]?.id ?? "");
+				let [e, t] = await Promise.all([z(m, { scopeId: w }), z(h, { scopeId: w })]);
+				E(e.roles ?? []), O(t.actors ?? []), I((e.roles ?? []).find((e) => /viewer/i.test(e.name))?.id ?? e.roles?.[0]?.id ?? "");
 			} catch (e) {
-				A(e instanceof Error ? e.message : "Failed to load team data");
+				M(e instanceof Error ? e.message : "Failed to load team data");
 			} finally {
-				O(!1);
+				A(!1);
 			}
 		}
-	}, [S, L]);
-	o(() => {
-		R();
-	}, [R]);
-	let z = s(() => [...T].sort((e, t) => {
+	}, [w, z]);
+	c(() => {
+		B();
+	}, [B]);
+	let V = l(() => [...D].sort((e, t) => {
 		let n = Math.max(...e.roleAssignments.map((e) => e.role?.priority ?? 0), 0);
 		return Math.max(...t.roleAssignments.map((e) => e.role?.priority ?? 0), 0) - n;
-	}), [T]), B = async (e) => {
-		if (e.preventDefault(), !S || !j.trim() || !N) return;
-		let t = j.trim();
-		if (!f.test(t)) {
-			A("User ID must be a UUID (e.g. 1a2b3c4d-...). Get it from the user profile page.");
+	}), [D]), H = async (e) => {
+		if (e.preventDefault(), !w || !N.trim() || !F) return;
+		let t = N.trim();
+		if (!p.test(t)) {
+			M("User ID must be a UUID (e.g. 1a2b3c4d-...). Get it from the user profile page.");
 			return;
 		}
-		I(!0), A(null);
+		R(!0), M(null);
 		try {
-			await L(h, { input: {
+			await z(g, { input: {
 				actorId: t,
 				actorType: "USER",
-				roleId: N,
-				scopeId: S
-			} }), M(""), await R();
+				roleId: F,
+				scopeId: w
+			} }), P(""), await B();
 		} catch (e) {
-			A(e instanceof Error ? e.message : "Failed to assign role");
+			M(e instanceof Error ? e.message : "Failed to assign role");
 		} finally {
-			I(!1);
+			R(!1);
 		}
-	}, V = async (e) => {
+	}, U = async (e) => {
 		if (confirm("Remove this role assignment?")) {
-			A(null);
+			M(null);
 			try {
-				await L(g, { assignmentId: e }), await R();
+				await z(_, { assignmentId: e }), await B();
 			} catch (e) {
-				A(e instanceof Error ? e.message : "Failed to remove role");
+				M(e instanceof Error ? e.message : "Failed to remove role");
 			}
 		}
 	};
-	return b.canManageBillingAccount ? S ? /* @__PURE__ */ d("div", {
+	return x.canManageBillingAccount ? w ? /* @__PURE__ */ f("div", {
 		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ u(n, {
+			/* @__PURE__ */ d(n, {
 				title: "Team & Permissions",
 				description: "Control who can manage this billing account and what they can do."
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ f("div", {
 				className: "rounded-lg border border-border bg-card p-4 text-xs text-muted-foreground",
 				children: [
-					/* @__PURE__ */ u("span", {
+					/* @__PURE__ */ d("span", {
 						className: "font-medium text-foreground",
 						children: "Billing account:"
 					}),
 					" ",
-					/* @__PURE__ */ u("span", {
+					/* @__PURE__ */ d("span", {
 						className: "font-mono",
-						children: S
+						children: w
 					})
 				]
 			}),
-			k && /* @__PURE__ */ u("div", {
+			j && /* @__PURE__ */ d("div", {
 				className: "rounded-lg border border-destructive/30 bg-destructive/5 p-4 text-sm text-destructive",
-				children: k
+				children: j
 			}),
-			/* @__PURE__ */ d("form", {
-				onSubmit: (e) => void B(e),
+			/* @__PURE__ */ f("form", {
+				onSubmit: (e) => void H(e),
 				className: "rounded-lg border border-border bg-card p-4 space-y-3",
 				children: [
-					/* @__PURE__ */ u("h3", {
+					/* @__PURE__ */ d("h3", {
 						className: "text-sm font-semibold text-foreground",
 						children: "Add member"
 					}),
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ f("div", {
 						className: "grid grid-cols-1 gap-3 md:grid-cols-3",
-						children: [/* @__PURE__ */ d("div", {
+						children: [/* @__PURE__ */ f("div", {
 							className: "md:col-span-2",
-							children: [/* @__PURE__ */ u("label", {
+							children: [/* @__PURE__ */ d("label", {
 								htmlFor: "newActorId",
 								className: "block text-xs font-medium text-muted-foreground",
 								children: "User ID (actorId)"
-							}), /* @__PURE__ */ u("input", {
+							}), /* @__PURE__ */ d("input", {
 								id: "newActorId",
 								type: "text",
-								value: j,
-								onChange: (e) => M(e.target.value),
+								value: N,
+								onChange: (e) => P(e.target.value),
 								placeholder: "UUID of the user to grant access",
 								className: "mt-1 w-full rounded-md border border-border bg-background px-3 py-2 text-sm",
 								required: !0
 							})]
-						}), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+						}), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
 							htmlFor: "newRoleId",
 							className: "block text-xs font-medium text-muted-foreground",
 							children: "Role"
-						}), /* @__PURE__ */ u("select", {
+						}), /* @__PURE__ */ d("select", {
 							id: "newRoleId",
-							value: N,
-							onChange: (e) => P(e.target.value),
+							value: F,
+							onChange: (e) => I(e.target.value),
 							className: "mt-1 w-full rounded-md border border-border bg-background px-3 py-2 text-sm",
 							required: !0,
-							children: C.map((e) => /* @__PURE__ */ u("option", {
+							children: T.map((e) => /* @__PURE__ */ d("option", {
 								value: e.id,
 								children: e.name
 							}, e.id))
 						})] })]
 					}),
-					/* @__PURE__ */ u("button", {
+					/* @__PURE__ */ d("button", {
 						type: "submit",
-						disabled: F || !j.trim() || !N,
+						disabled: L || !N.trim() || !F,
 						className: "rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground disabled:opacity-50",
-						children: F ? "Adding…" : "Add member"
+						children: L ? "Adding…" : "Add member"
 					})
 				]
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ f("div", {
 				className: "rounded-lg border border-border bg-card",
-				children: [/* @__PURE__ */ d("div", {
+				children: [/* @__PURE__ */ f("div", {
 					className: "border-b border-border px-4 py-3",
-					children: [/* @__PURE__ */ u("h3", {
+					children: [/* @__PURE__ */ d("h3", {
 						className: "text-sm font-semibold text-foreground",
 						children: "Members"
-					}), /* @__PURE__ */ u("p", {
+					}), /* @__PURE__ */ d("p", {
 						className: "text-xs text-muted-foreground",
 						children: "Each member's role applies only to this billing account."
 					})]
-				}), D ? /* @__PURE__ */ u("div", {
+				}), k ? /* @__PURE__ */ d("div", {
 					className: "p-6 text-sm text-muted-foreground",
 					children: "Loading…"
-				}) : z.length === 0 ? /* @__PURE__ */ u("div", {
+				}) : V.length === 0 ? /* @__PURE__ */ d("div", {
 					className: "p-6 text-sm text-muted-foreground",
 					children: "No members assigned yet."
-				}) : /* @__PURE__ */ d("table", {
+				}) : /* @__PURE__ */ f("table", {
 					className: "w-full text-sm",
-					children: [/* @__PURE__ */ u("thead", { children: /* @__PURE__ */ d("tr", {
+					children: [/* @__PURE__ */ d("thead", { children: /* @__PURE__ */ f("tr", {
 						className: "border-b border-border text-left text-xs text-muted-foreground",
 						children: [
-							/* @__PURE__ */ u("th", {
+							/* @__PURE__ */ d("th", {
 								className: "px-4 py-2",
 								children: "Actor ID"
 							}),
-							/* @__PURE__ */ u("th", {
+							/* @__PURE__ */ d("th", {
 								className: "px-4 py-2",
 								children: "Type"
 							}),
-							/* @__PURE__ */ u("th", {
+							/* @__PURE__ */ d("th", {
 								className: "px-4 py-2",
 								children: "Roles"
 							}),
-							/* @__PURE__ */ u("th", {
+							/* @__PURE__ */ d("th", {
 								className: "px-4 py-2 text-right",
 								children: "Actions"
 							})
 						]
-					}) }), /* @__PURE__ */ u("tbody", { children: z.map((e) => /* @__PURE__ */ d("tr", {
+					}) }), /* @__PURE__ */ d("tbody", { children: V.map((e) => /* @__PURE__ */ f("tr", {
 						className: "border-b border-border last:border-0",
 						children: [
-							/* @__PURE__ */ u("td", {
+							/* @__PURE__ */ d("td", {
 								className: "px-4 py-3 font-mono text-xs",
 								children: e.actorId
 							}),
-							/* @__PURE__ */ u("td", {
+							/* @__PURE__ */ d("td", {
 								className: "px-4 py-3 text-xs",
 								children: e.actorType
 							}),
-							/* @__PURE__ */ u("td", {
+							/* @__PURE__ */ d("td", {
 								className: "px-4 py-3",
-								children: /* @__PURE__ */ u("div", {
+								children: /* @__PURE__ */ d("div", {
 									className: "flex flex-wrap gap-1",
-									children: e.roleAssignments.filter((e) => e.isActive).map((e) => /* @__PURE__ */ d("span", {
+									children: e.roleAssignments.filter((e) => e.isActive).map((e) => /* @__PURE__ */ f("span", {
 										className: "inline-flex items-center gap-1 rounded-full border border-border bg-muted px-2 py-0.5 text-xs",
-										children: [e.role?.name ?? e.roleId, /* @__PURE__ */ u("button", {
+										children: [e.role?.name ?? e.roleId, /* @__PURE__ */ d("button", {
 											type: "button",
-											onClick: () => void V(e.id),
+											onClick: () => void U(e.id),
 											className: "text-muted-foreground hover:text-destructive",
 											"aria-label": `Remove ${e.role?.name ?? "role"}`,
 											children: "×"
@@ -209,9 +215,9 @@ var f = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i, p = "
 									}, e.id))
 								})
 							}),
-							/* @__PURE__ */ u("td", {
+							/* @__PURE__ */ d("td", {
 								className: "px-4 py-3 text-right",
-								children: /* @__PURE__ */ d("span", {
+								children: /* @__PURE__ */ f("span", {
 									className: "text-xs text-muted-foreground",
 									children: [e.effectivePermissionCount ?? "—", " permissions"]
 								})
@@ -220,31 +226,31 @@ var f = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i, p = "
 					}, e.actorId)) })]
 				})]
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ f("div", {
 				className: "rounded-lg border border-border bg-card p-4",
 				children: [
-					/* @__PURE__ */ u("h3", {
+					/* @__PURE__ */ d("h3", {
 						className: "text-sm font-semibold text-foreground",
 						children: "Available roles"
 					}),
-					/* @__PURE__ */ u("p", {
+					/* @__PURE__ */ d("p", {
 						className: "mt-1 text-xs text-muted-foreground",
 						children: "Roles are cloned from the system templates when a billing account is created."
 					}),
-					/* @__PURE__ */ u("ul", {
+					/* @__PURE__ */ d("ul", {
 						className: "mt-3 space-y-2",
-						children: C.map((e) => /* @__PURE__ */ d("li", {
+						children: T.map((e) => /* @__PURE__ */ f("li", {
 							className: "flex items-start gap-3 rounded-md border border-border bg-background p-3",
-							children: [/* @__PURE__ */ d("div", {
+							children: [/* @__PURE__ */ f("div", {
 								className: "flex-1",
-								children: [/* @__PURE__ */ u("div", {
+								children: [/* @__PURE__ */ d("div", {
 									className: "text-sm font-medium text-foreground",
 									children: e.name
-								}), e.description && /* @__PURE__ */ u("p", {
+								}), e.description && /* @__PURE__ */ d("p", {
 									className: "mt-1 text-xs text-muted-foreground",
 									children: e.description
 								})]
-							}), /* @__PURE__ */ d("span", {
+							}), /* @__PURE__ */ f("span", {
 								className: "text-xs text-muted-foreground",
 								children: ["priority ", e.priority]
 							})]
@@ -253,18 +259,18 @@ var f = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i, p = "
 				]
 			})
 		]
-	}) : /* @__PURE__ */ d("div", {
+	}) : /* @__PURE__ */ f("div", {
 		className: "space-y-6",
-		children: [/* @__PURE__ */ u(n, {
+		children: [/* @__PURE__ */ d(n, {
 			title: "Team & Permissions",
 			description: "Select a billing account to manage who can access it."
-		}), /* @__PURE__ */ u("div", {
+		}), /* @__PURE__ */ d("div", {
 			className: "rounded-lg border border-border bg-card p-6 text-sm text-muted-foreground",
-			children: "No billing account selected. Open this page from the billing settings of a specific account."
+			children: "No billing account selected. Pick one from the billing account selector to manage its members and roles."
 		})]
-	}) : /* @__PURE__ */ u(t, { message: "You don't have permission to manage team and permissions for this billing account." });
+	}) : /* @__PURE__ */ d(t, { message: "You don't have permission to manage team and permissions for this billing account." });
 };
 //#endregion
-export { _ as TeamPermissionsPage };
+export { v as TeamPermissionsPage };
 
 //# sourceMappingURL=TeamPermissionsPage.js.map

package/dist/billing/modules/settings/pages/TeamPermissionsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"TeamPermissionsPage.js","names":[],"sources":["../../../../../src/billing/modules/settings/pages/TeamPermissionsPage.tsx"],"sourcesContent":["/**\n * Settings Module - Team & Permissions Page\n *\n * Lets a Billing Admin manage billing-scope role assignments for a specific\n * billing account. Calls global-rbac-svc directly via the same gateway URL\n * used by the rest of the billing module.\n *\n * Scope: `scopeType: \"billing\"`, `scopeId: <billingAccountId>`\n * Roles cloned per billing account at creation time:\n *   - Billing Admin (full access to this billing account)\n *   - Billing Viewer (read-only access to this billing account)\n */\nimport { useCallback, useEffect, useMemo, useState, type FC } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { useBilling } from '../../../providers/BillingProvider';\nimport { AccessDenied, PageHeader } from '../../../shared/components';\nimport { useBillingPermissions } from '../../../hooks/useBillingPermissions';\nimport { directBillingGraphqlRequest } from '../../../shared/utils';\n\n// Basic UUID-v1-through-v5 shape — accept any 8-4-4-4-12 hex pattern.\n// We intentionally don't strictly validate the version nibble; the rbac\n// service is the authoritative ID validator.\nconst UUID_RE = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;\n\ninterface Role {\n  id: string;\n  name: string;\n  description?: string | null;\n  priority: number;\n  isSystem: boolean;\n}\n\ninterface ActorRoleAssignment {\n  id: string;\n  actorId: string;\n  actorType: string;\n  roleId: string;\n  scopeId: string;\n  isActive: boolean;\n  expiresAt?: string | null;\n  role?: Role;\n}\n\ninterface ActorRbacSummary {\n  actorId: string;\n  actorType: string;\n  roleAssignments: ActorRoleAssignment[];\n  effectivePermissionCount?: number;\n}\n\nconst ROLES_QUERY = `\n  query BillingScopeRoles($scopeId: String!) {\n    roles(scopeId: $scopeId) {\n      id\n      name\n      description\n      priority\n      isSystem\n    }\n  }\n`;\n\nconst ACTORS_QUERY = `\n  query BillingScopeActors($scopeId: String!) {\n    actors(scopeId: $scopeId) {\n      actorId\n      actorType\n      roleAssignments {\n        id\n        actorId\n        actorType\n        roleId\n        scopeId\n        isActive\n        expiresAt\n        role { id name priority }\n      }\n    }\n  }\n`;\n\nconst ASSIGN_ROLE_MUTATION = `\n  mutation AssignBillingRole($input: AssignRoleInput!) {\n    assignRoleToActor(input: $input) {\n      id\n      actorId\n      roleId\n      scopeId\n    }\n  }\n`;\n\nconst REMOVE_ROLE_MUTATION = `\n  mutation RemoveBillingRole($assignmentId: String!) {\n    removeRoleFromActor(assignmentId: $assignmentId)\n  }\n`;\n\nexport const TeamPermissionsPage: FC = () => {\n  const { apiGatewayUrl, authToken, orgId } = useBilling();\n  const permissions = useBillingPermissions();\n\n  // React Router subscribes to URL changes via useSearchParams, so the\n  // page re-fetches when the user navigates between billing accounts\n  // without a full reload. Reading window.location.search directly was\n  // stale across in-app navigation.\n  const [searchParams] = useSearchParams();\n  const billingAccountId = searchParams.get('billingAccountId') ?? undefined;\n\n  const [roles, setRoles] = useState<Role[]>([]);\n  const [actors, setActors] = useState<ActorRbacSummary[]>([]);\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  // Add-member form\n  const [newActorId, setNewActorId] = useState('');\n  const [newRoleId, setNewRoleId] = useState('');\n  const [isAdding, setIsAdding] = useState(false);\n\n  const gqlPost = useCallback(\n    async <T,>(query: string, variables: Record<string, unknown>): Promise<T> => {\n      return directBillingGraphqlRequest<T>({\n        apiGatewayUrl,\n        authToken,\n        orgId,\n        query,\n        variables,\n      });\n    },\n    [apiGatewayUrl, authToken, orgId]\n  );\n\n  const loadData = useCallback(async () => {\n    if (!billingAccountId) return;\n    setIsLoading(true);\n    setError(null);\n    try {\n      const [rolesResp, actorsResp] = await Promise.all([\n        gqlPost<{ roles: Role[] }>(ROLES_QUERY, { scopeId: billingAccountId }),\n        gqlPost<{ actors: ActorRbacSummary[] }>(ACTORS_QUERY, {\n          scopeId: billingAccountId,\n        }),\n      ]);\n      setRoles(rolesResp.roles ?? []);\n      setActors(actorsResp.actors ?? []);\n      // Default the role-picker to \"Billing Viewer\" if available, else first role\n      const viewer = (rolesResp.roles ?? []).find((r) => /viewer/i.test(r.name));\n      setNewRoleId(viewer?.id ?? rolesResp.roles?.[0]?.id ?? '');\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to load team data');\n    } finally {\n      setIsLoading(false);\n    }\n  }, [billingAccountId, gqlPost]);\n\n  useEffect(() => {\n    void loadData();\n  }, [loadData]);\n\n  const sortedActors = useMemo(\n    () =>\n      [...actors].sort((a, b) => {\n        const priA = Math.max(...a.roleAssignments.map((ra) => ra.role?.priority ?? 0), 0);\n        const priB = Math.max(...b.roleAssignments.map((ra) => ra.role?.priority ?? 0), 0);\n        return priB - priA;\n      }),\n    [actors]\n  );\n\n  const handleAddMember = async (e: React.FormEvent) => {\n    e.preventDefault();\n    if (!billingAccountId || !newActorId.trim() || !newRoleId) return;\n    const trimmedActorId = newActorId.trim();\n    if (!UUID_RE.test(trimmedActorId)) {\n      setError('User ID must be a UUID (e.g. 1a2b3c4d-...). Get it from the user profile page.');\n      return;\n    }\n    setIsAdding(true);\n    setError(null);\n    try {\n      await gqlPost(ASSIGN_ROLE_MUTATION, {\n        input: {\n          actorId: trimmedActorId,\n          actorType: 'USER',\n          roleId: newRoleId,\n          scopeId: billingAccountId,\n        },\n      });\n      setNewActorId('');\n      await loadData();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to assign role');\n    } finally {\n      setIsAdding(false);\n    }\n  };\n\n  const handleRemoveAssignment = async (assignmentId: string) => {\n    if (!confirm('Remove this role assignment?')) return;\n    setError(null);\n    try {\n      await gqlPost(REMOVE_ROLE_MUTATION, { assignmentId });\n      await loadData();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to remove role');\n    }\n  };\n\n  if (!permissions.canManageBillingAccount) {\n    return (\n      <AccessDenied message=\"You don't have permission to manage team and permissions for this billing account.\" />\n    );\n  }\n\n  if (!billingAccountId) {\n    return (\n      <div className=\"space-y-6\">\n        <PageHeader\n          title=\"Team & Permissions\"\n          description=\"Select a billing account to manage who can access it.\"\n        />\n        <div className=\"rounded-lg border border-border bg-card p-6 text-sm text-muted-foreground\">\n          No billing account selected. Open this page from the billing settings of a specific\n          account.\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-6\">\n      <PageHeader\n        title=\"Team & Permissions\"\n        description=\"Control who can manage this billing account and what they can do.\"\n      />\n\n      <div className=\"rounded-lg border border-border bg-card p-4 text-xs text-muted-foreground\">\n        <span className=\"font-medium text-foreground\">Billing account:</span>{' '}\n        <span className=\"font-mono\">{billingAccountId}</span>\n      </div>\n\n      {error && (\n        <div className=\"rounded-lg border border-destructive/30 bg-destructive/5 p-4 text-sm text-destructive\">\n          {error}\n        </div>\n      )}\n\n      {/* Add member form */}\n      <form\n        onSubmit={(e) => void handleAddMember(e)}\n        className=\"rounded-lg border border-border bg-card p-4 space-y-3\"\n      >\n        <h3 className=\"text-sm font-semibold text-foreground\">Add member</h3>\n        <div className=\"grid grid-cols-1 gap-3 md:grid-cols-3\">\n          <div className=\"md:col-span-2\">\n            <label htmlFor=\"newActorId\" className=\"block text-xs font-medium text-muted-foreground\">\n              User ID (actorId)\n            </label>\n            <input\n              id=\"newActorId\"\n              type=\"text\"\n              value={newActorId}\n              onChange={(e) => setNewActorId(e.target.value)}\n              placeholder=\"UUID of the user to grant access\"\n              className=\"mt-1 w-full rounded-md border border-border bg-background px-3 py-2 text-sm\"\n              required\n            />\n          </div>\n          <div>\n            <label htmlFor=\"newRoleId\" className=\"block text-xs font-medium text-muted-foreground\">\n              Role\n            </label>\n            <select\n              id=\"newRoleId\"\n              value={newRoleId}\n              onChange={(e) => setNewRoleId(e.target.value)}\n              className=\"mt-1 w-full rounded-md border border-border bg-background px-3 py-2 text-sm\"\n              required\n            >\n              {roles.map((r) => (\n                <option key={r.id} value={r.id}>\n                  {r.name}\n                </option>\n              ))}\n            </select>\n          </div>\n        </div>\n        <button\n          type=\"submit\"\n          disabled={isAdding || !newActorId.trim() || !newRoleId}\n          className=\"rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground disabled:opacity-50\"\n        >\n          {isAdding ? 'Adding…' : 'Add member'}\n        </button>\n      </form>\n\n      {/* Members table */}\n      <div className=\"rounded-lg border border-border bg-card\">\n        <div className=\"border-b border-border px-4 py-3\">\n          <h3 className=\"text-sm font-semibold text-foreground\">Members</h3>\n          <p className=\"text-xs text-muted-foreground\">\n            Each member's role applies only to this billing account.\n          </p>\n        </div>\n        {isLoading ? (\n          <div className=\"p-6 text-sm text-muted-foreground\">Loading…</div>\n        ) : sortedActors.length === 0 ? (\n          <div className=\"p-6 text-sm text-muted-foreground\">No members assigned yet.</div>\n        ) : (\n          <table className=\"w-full text-sm\">\n            <thead>\n              <tr className=\"border-b border-border text-left text-xs text-muted-foreground\">\n                <th className=\"px-4 py-2\">Actor ID</th>\n                <th className=\"px-4 py-2\">Type</th>\n                <th className=\"px-4 py-2\">Roles</th>\n                <th className=\"px-4 py-2 text-right\">Actions</th>\n              </tr>\n            </thead>\n            <tbody>\n              {sortedActors.map((actor) => (\n                <tr key={actor.actorId} className=\"border-b border-border last:border-0\">\n                  <td className=\"px-4 py-3 font-mono text-xs\">{actor.actorId}</td>\n                  <td className=\"px-4 py-3 text-xs\">{actor.actorType}</td>\n                  <td className=\"px-4 py-3\">\n                    <div className=\"flex flex-wrap gap-1\">\n                      {actor.roleAssignments\n                        .filter((ra) => ra.isActive)\n                        .map((ra) => (\n                          <span\n                            key={ra.id}\n                            className=\"inline-flex items-center gap-1 rounded-full border border-border bg-muted px-2 py-0.5 text-xs\"\n                          >\n                            {ra.role?.name ?? ra.roleId}\n                            <button\n                              type=\"button\"\n                              onClick={() => void handleRemoveAssignment(ra.id)}\n                              className=\"text-muted-foreground hover:text-destructive\"\n                              aria-label={`Remove ${ra.role?.name ?? 'role'}`}\n                            >\n                              ×\n                            </button>\n                          </span>\n                        ))}\n                    </div>\n                  </td>\n                  <td className=\"px-4 py-3 text-right\">\n                    <span className=\"text-xs text-muted-foreground\">\n                      {actor.effectivePermissionCount ?? '—'} permissions\n                    </span>\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        )}\n      </div>\n\n      {/* Roles reference */}\n      <div className=\"rounded-lg border border-border bg-card p-4\">\n        <h3 className=\"text-sm font-semibold text-foreground\">Available roles</h3>\n        <p className=\"mt-1 text-xs text-muted-foreground\">\n          Roles are cloned from the system templates when a billing account is created.\n        </p>\n        <ul className=\"mt-3 space-y-2\">\n          {roles.map((r) => (\n            <li\n              key={r.id}\n              className=\"flex items-start gap-3 rounded-md border border-border bg-background p-3\"\n            >\n              <div className=\"flex-1\">\n                <div className=\"text-sm font-medium text-foreground\">{r.name}</div>\n                {r.description && (\n                  <p className=\"mt-1 text-xs text-muted-foreground\">{r.description}</p>\n                )}\n              </div>\n              <span className=\"text-xs text-muted-foreground\">priority {r.priority}</span>\n            </li>\n          ))}\n        </ul>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"TeamPermissionsPage.js","names":[],"sources":["../../../../../src/billing/modules/settings/pages/TeamPermissionsPage.tsx"],"sourcesContent":["/**\n * Settings Module - Team & Permissions Page\n *\n * Lets a Billing Admin manage billing-scope role assignments for a specific\n * billing account. Calls global-rbac-svc directly via the same gateway URL\n * used by the rest of the billing module.\n *\n * Scope: `scopeType: \"billing\"`, `scopeId: <billingAccountId>`\n * Roles cloned per billing account at creation time:\n *   - Billing Admin (full access to this billing account)\n *   - Billing Viewer (read-only access to this billing account)\n */\nimport { useCallback, useEffect, useMemo, useState, type FC } from 'react';\nimport { useBilling } from '../../../providers/BillingProvider';\nimport { AccessDenied, PageHeader } from '../../../shared/components';\nimport { useBillingPermissions } from '../../../hooks/useBillingPermissions';\nimport { useBillingAccountSelection } from '../../../hooks/useBillingAccountSelection';\nimport { useBillingAccounts } from '../../dashboard/hooks/useDashboard';\nimport { directBillingGraphqlRequest } from '../../../shared/utils';\n\n// Basic UUID-v1-through-v5 shape — accept any 8-4-4-4-12 hex pattern.\n// We intentionally don't strictly validate the version nibble; the rbac\n// service is the authoritative ID validator.\nconst UUID_RE = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;\n\ninterface Role {\n  id: string;\n  name: string;\n  description?: string | null;\n  priority: number;\n  isSystem: boolean;\n}\n\ninterface ActorRoleAssignment {\n  id: string;\n  actorId: string;\n  actorType: string;\n  roleId: string;\n  scopeId: string;\n  isActive: boolean;\n  expiresAt?: string | null;\n  role?: Role;\n}\n\ninterface ActorRbacSummary {\n  actorId: string;\n  actorType: string;\n  roleAssignments: ActorRoleAssignment[];\n  effectivePermissionCount?: number;\n}\n\nconst ROLES_QUERY = `\n  query BillingScopeRoles($scopeId: String!) {\n    roles(scopeId: $scopeId) {\n      id\n      name\n      description\n      priority\n      isSystem\n    }\n  }\n`;\n\nconst ACTORS_QUERY = `\n  query BillingScopeActors($scopeId: String!) {\n    actors(scopeId: $scopeId) {\n      actorId\n      actorType\n      roleAssignments {\n        id\n        actorId\n        actorType\n        roleId\n        scopeId\n        isActive\n        expiresAt\n        role { id name priority }\n      }\n    }\n  }\n`;\n\nconst ASSIGN_ROLE_MUTATION = `\n  mutation AssignBillingRole($input: AssignRoleInput!) {\n    assignRoleToActor(input: $input) {\n      id\n      actorId\n      roleId\n      scopeId\n    }\n  }\n`;\n\nconst REMOVE_ROLE_MUTATION = `\n  mutation RemoveBillingRole($assignmentId: String!) {\n    removeRoleFromActor(assignmentId: $assignmentId)\n  }\n`;\n\nexport const TeamPermissionsPage: FC = () => {\n  const { apiGatewayUrl, authToken, orgId } = useBilling();\n  const permissions = useBillingPermissions();\n\n  // Resolution priority: URL `?billingAccountId=` → persisted localStorage →\n  // default/first available account. Pass `billingAccounts` so first-time\n  // users with empty localStorage still land on the default account\n  // (without it the hook's auto-select effect can't fire and the page\n  // dead-ends on \"No billing account selected\").\n  const { billingAccounts } = useBillingAccounts();\n  const { selectedAccountId } = useBillingAccountSelection({\n    orgId,\n    billingAccounts,\n    syncFromUrl: true,\n    urlParamName: 'billingAccountId',\n  });\n  const billingAccountId = selectedAccountId ?? undefined;\n\n  const [roles, setRoles] = useState<Role[]>([]);\n  const [actors, setActors] = useState<ActorRbacSummary[]>([]);\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  // Add-member form\n  const [newActorId, setNewActorId] = useState('');\n  const [newRoleId, setNewRoleId] = useState('');\n  const [isAdding, setIsAdding] = useState(false);\n\n  const gqlPost = useCallback(\n    async <T,>(query: string, variables: Record<string, unknown>): Promise<T> => {\n      return directBillingGraphqlRequest<T>({\n        apiGatewayUrl,\n        authToken,\n        orgId,\n        query,\n        variables,\n      });\n    },\n    [apiGatewayUrl, authToken, orgId]\n  );\n\n  const loadData = useCallback(async () => {\n    if (!billingAccountId) return;\n    setIsLoading(true);\n    setError(null);\n    try {\n      const [rolesResp, actorsResp] = await Promise.all([\n        gqlPost<{ roles: Role[] }>(ROLES_QUERY, { scopeId: billingAccountId }),\n        gqlPost<{ actors: ActorRbacSummary[] }>(ACTORS_QUERY, {\n          scopeId: billingAccountId,\n        }),\n      ]);\n      setRoles(rolesResp.roles ?? []);\n      setActors(actorsResp.actors ?? []);\n      // Default the role-picker to \"Billing Viewer\" if available, else first role\n      const viewer = (rolesResp.roles ?? []).find((r) => /viewer/i.test(r.name));\n      setNewRoleId(viewer?.id ?? rolesResp.roles?.[0]?.id ?? '');\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to load team data');\n    } finally {\n      setIsLoading(false);\n    }\n  }, [billingAccountId, gqlPost]);\n\n  useEffect(() => {\n    void loadData();\n  }, [loadData]);\n\n  const sortedActors = useMemo(\n    () =>\n      [...actors].sort((a, b) => {\n        const priA = Math.max(...a.roleAssignments.map((ra) => ra.role?.priority ?? 0), 0);\n        const priB = Math.max(...b.roleAssignments.map((ra) => ra.role?.priority ?? 0), 0);\n        return priB - priA;\n      }),\n    [actors]\n  );\n\n  const handleAddMember = async (e: React.FormEvent) => {\n    e.preventDefault();\n    if (!billingAccountId || !newActorId.trim() || !newRoleId) return;\n    const trimmedActorId = newActorId.trim();\n    if (!UUID_RE.test(trimmedActorId)) {\n      setError('User ID must be a UUID (e.g. 1a2b3c4d-...). Get it from the user profile page.');\n      return;\n    }\n    setIsAdding(true);\n    setError(null);\n    try {\n      await gqlPost(ASSIGN_ROLE_MUTATION, {\n        input: {\n          actorId: trimmedActorId,\n          actorType: 'USER',\n          roleId: newRoleId,\n          scopeId: billingAccountId,\n        },\n      });\n      setNewActorId('');\n      await loadData();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to assign role');\n    } finally {\n      setIsAdding(false);\n    }\n  };\n\n  const handleRemoveAssignment = async (assignmentId: string) => {\n    if (!confirm('Remove this role assignment?')) return;\n    setError(null);\n    try {\n      await gqlPost(REMOVE_ROLE_MUTATION, { assignmentId });\n      await loadData();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to remove role');\n    }\n  };\n\n  if (!permissions.canManageBillingAccount) {\n    return (\n      <AccessDenied message=\"You don't have permission to manage team and permissions for this billing account.\" />\n    );\n  }\n\n  if (!billingAccountId) {\n    return (\n      <div className=\"space-y-6\">\n        <PageHeader\n          title=\"Team & Permissions\"\n          description=\"Select a billing account to manage who can access it.\"\n        />\n        <div className=\"rounded-lg border border-border bg-card p-6 text-sm text-muted-foreground\">\n          No billing account selected. Pick one from the billing account selector to manage its\n          members and roles.\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-6\">\n      <PageHeader\n        title=\"Team & Permissions\"\n        description=\"Control who can manage this billing account and what they can do.\"\n      />\n\n      <div className=\"rounded-lg border border-border bg-card p-4 text-xs text-muted-foreground\">\n        <span className=\"font-medium text-foreground\">Billing account:</span>{' '}\n        <span className=\"font-mono\">{billingAccountId}</span>\n      </div>\n\n      {error && (\n        <div className=\"rounded-lg border border-destructive/30 bg-destructive/5 p-4 text-sm text-destructive\">\n          {error}\n        </div>\n      )}\n\n      {/* Add member form */}\n      <form\n        onSubmit={(e) => void handleAddMember(e)}\n        className=\"rounded-lg border border-border bg-card p-4 space-y-3\"\n      >\n        <h3 className=\"text-sm font-semibold text-foreground\">Add member</h3>\n        <div className=\"grid grid-cols-1 gap-3 md:grid-cols-3\">\n          <div className=\"md:col-span-2\">\n            <label htmlFor=\"newActorId\" className=\"block text-xs font-medium text-muted-foreground\">\n              User ID (actorId)\n            </label>\n            <input\n              id=\"newActorId\"\n              type=\"text\"\n              value={newActorId}\n              onChange={(e) => setNewActorId(e.target.value)}\n              placeholder=\"UUID of the user to grant access\"\n              className=\"mt-1 w-full rounded-md border border-border bg-background px-3 py-2 text-sm\"\n              required\n            />\n          </div>\n          <div>\n            <label htmlFor=\"newRoleId\" className=\"block text-xs font-medium text-muted-foreground\">\n              Role\n            </label>\n            <select\n              id=\"newRoleId\"\n              value={newRoleId}\n              onChange={(e) => setNewRoleId(e.target.value)}\n              className=\"mt-1 w-full rounded-md border border-border bg-background px-3 py-2 text-sm\"\n              required\n            >\n              {roles.map((r) => (\n                <option key={r.id} value={r.id}>\n                  {r.name}\n                </option>\n              ))}\n            </select>\n          </div>\n        </div>\n        <button\n          type=\"submit\"\n          disabled={isAdding || !newActorId.trim() || !newRoleId}\n          className=\"rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground disabled:opacity-50\"\n        >\n          {isAdding ? 'Adding…' : 'Add member'}\n        </button>\n      </form>\n\n      {/* Members table */}\n      <div className=\"rounded-lg border border-border bg-card\">\n        <div className=\"border-b border-border px-4 py-3\">\n          <h3 className=\"text-sm font-semibold text-foreground\">Members</h3>\n          <p className=\"text-xs text-muted-foreground\">\n            Each member's role applies only to this billing account.\n          </p>\n        </div>\n        {isLoading ? (\n          <div className=\"p-6 text-sm text-muted-foreground\">Loading…</div>\n        ) : sortedActors.length === 0 ? (\n          <div className=\"p-6 text-sm text-muted-foreground\">No members assigned yet.</div>\n        ) : (\n          <table className=\"w-full text-sm\">\n            <thead>\n              <tr className=\"border-b border-border text-left text-xs text-muted-foreground\">\n                <th className=\"px-4 py-2\">Actor ID</th>\n                <th className=\"px-4 py-2\">Type</th>\n                <th className=\"px-4 py-2\">Roles</th>\n                <th className=\"px-4 py-2 text-right\">Actions</th>\n              </tr>\n            </thead>\n            <tbody>\n              {sortedActors.map((actor) => (\n                <tr key={actor.actorId} className=\"border-b border-border last:border-0\">\n                  <td className=\"px-4 py-3 font-mono text-xs\">{actor.actorId}</td>\n                  <td className=\"px-4 py-3 text-xs\">{actor.actorType}</td>\n                  <td className=\"px-4 py-3\">\n                    <div className=\"flex flex-wrap gap-1\">\n                      {actor.roleAssignments\n                        .filter((ra) => ra.isActive)\n                        .map((ra) => (\n                          <span\n                            key={ra.id}\n                            className=\"inline-flex items-center gap-1 rounded-full border border-border bg-muted px-2 py-0.5 text-xs\"\n                          >\n                            {ra.role?.name ?? ra.roleId}\n                            <button\n                              type=\"button\"\n                              onClick={() => void handleRemoveAssignment(ra.id)}\n                              className=\"text-muted-foreground hover:text-destructive\"\n                              aria-label={`Remove ${ra.role?.name ?? 'role'}`}\n                            >\n                              ×\n                            </button>\n                          </span>\n                        ))}\n                    </div>\n                  </td>\n                  <td className=\"px-4 py-3 text-right\">\n                    <span className=\"text-xs text-muted-foreground\">\n                      {actor.effectivePermissionCount ?? '—'} permissions\n                    </span>\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        )}\n      </div>\n\n      {/* Roles reference */}\n      <div className=\"rounded-lg border border-border bg-card p-4\">\n        <h3 className=\"text-sm font-semibold text-foreground\">Available roles</h3>\n        <p className=\"mt-1 text-xs text-muted-foreground\">\n          Roles are cloned from the system templates when a billing account is created.\n        </p>\n        <ul className=\"mt-3 space-y-2\">\n          {roles.map((r) => (\n            <li\n              key={r.id}\n              className=\"flex items-start gap-3 rounded-md border border-border bg-background p-3\"\n            >\n              <div className=\"flex-1\">\n                <div className=\"text-sm font-medium text-foreground\">{r.name}</div>\n                {r.description && (\n                  <p className=\"mt-1 text-xs text-muted-foreground\">{r.description}</p>\n                )}\n              </div>\n              <span className=\"text-xs text-muted-foreground\">priority {r.priority}</span>\n            </li>\n          ))}\n        </ul>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-billing",
-  "version": "2026.513.2",
+  "version": "2026.514.2",
   "description": "Billing microfrontend for Burdenoff products",
   "type": "module",
   "files": [