@burdenoff/microfe-billing 2026.510.114

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsPage.js","names":[],"sources":["../../../../../src/billing/modules/settings/pages/SettingsPage.tsx"],"sourcesContent":["/**\n * Settings Module - Settings Page\n * Billing account settings and configuration\n */\n\nimport { useState, useMemo, useEffect, useCallback, type FC } from 'react';\nimport { useBillingEventEmitter } from '../../../hooks/useBillingEventEmitter';\nimport { useBillingPermissions } from '../../../hooks/useBillingPermissions';\nimport { useBilling } from '../../../providers/BillingProvider';\nimport { AccessDenied, PageHeader } from '../../../shared/components';\nimport { directBillingGraphqlRequest } from '../../../shared/utils';\nimport {\n  useGetBillingAccountSettingsQuery,\n  useGetBillingAccountsSettingsQuery,\n  useGetDefaultBillingAccountSettingsQuery,\n  useUpdateBillingAccountSettingsMutation,\n  useSetDefaultBillingAccountSettingsMutation,\n  ArchiveBillingAccountSettingsDocument,\n} from '../../../../generated/global-operations';\nimport type { BillingAccount } from '../../../shared/types';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\n// Helper to get billing account ID from URL (for navigation from Overview page)\nconst getInitialBillingAccountId = (): string | undefined => {\n  if (typeof window === 'undefined') return undefined;\n  const urlParams = new URLSearchParams(window.location.search);\n  return urlParams.get('billingAccountId') || undefined;\n};\n\nexport const SettingsPage: FC = () => {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const translated = t(key);\n    return translated === key ? fallback : translated;\n  };\n  const permissions = useBillingPermissions();\n  const { apiGatewayUrl, authToken, orgId } = useBilling();\n  const { emit } = useBillingEventEmitter();\n\n  // State - initialize with URL param if present\n  const [selectedBillingAccountId, setSelectedBillingAccountId] = useState<string | undefined>(\n    getInitialBillingAccountId\n  );\n  const [isAccountSelectorOpen, setIsAccountSelectorOpen] = useState(false);\n  const [isSaving, setIsSaving] = useState(false);\n  const [isArchiving, setIsArchiving] = useState(false);\n  const [saveError, setSaveError] = useState<string | null>(null);\n  const [saveSuccess, setSaveSuccess] = useState(false);\n\n  // Set default confirmation modal state\n  const [isSetDefaultModalOpen, setIsSetDefaultModalOpen] = useState(false);\n  const [pendingSave, setPendingSave] = useState(false);\n\n  // Form state - includes isDefault toggle\n  const [formData, setFormData] = useState({\n    name: '',\n    email: '',\n    billingEmail: '',\n    currency: 'USD',\n    taxId: '',\n    isDefault: false,\n  });\n\n  // Fetch all billing accounts for the selector (lightweight query without subscriptions)\n  const {\n    data: accountsData,\n    loading: isLoadingAccounts,\n    refetch: refetchAccounts,\n  } = useGetBillingAccountsSettingsQuery({});\n  const billingAccounts = useMemo<BillingAccount[]>(\n    () => accountsData?.getBillingAccountsByOrg || [],\n    [accountsData?.getBillingAccountsByOrg]\n  );\n\n  // Fetch default billing account (without subscriptions)\n  const {\n    data: defaultData,\n    loading: isLoadingDefault,\n    refetch: refetchDefault,\n  } = useGetDefaultBillingAccountSettingsQuery({});\n  const defaultBillingAccount: BillingAccount | null =\n    defaultData?.getDefaultBillingAccount || null;\n\n  // Always fetch selected billing account if we have an ID from URL (without subscriptions)\n  const {\n    data: selectedData,\n    loading: isLoadingSelected,\n    refetch: refetchSelected,\n  } = useGetBillingAccountSettingsQuery({\n    variables: { id: selectedBillingAccountId! },\n    skip: !selectedBillingAccountId,\n  });\n  const selectedAccountData: BillingAccount | null = selectedData?.getBillingAccount || null;\n\n  // Mutation for updating billing account\n  const [updateBillingAccountMutation] = useUpdateBillingAccountSettingsMutation();\n\n  // Mutation for setting default billing account\n  const [setDefaultBillingAccountMutation] = useSetDefaultBillingAccountSettingsMutation();\n\n  // Determine which account to use - prioritize URL param\n  const billingAccount = useMemo(() => {\n    // If we have a selected account ID from URL\n    if (selectedBillingAccountId) {\n      // First try to use the fetched selected account data\n      if (selectedAccountData) {\n        return selectedAccountData;\n      }\n      // While loading, try to find from the accounts list\n      const fromList = billingAccounts.find((a) => a.id === selectedBillingAccountId);\n      if (fromList) {\n        return fromList;\n      }\n      // If still loading and not in list, return null to show loading state\n      if (isLoadingSelected) {\n        return null;\n      }\n    }\n    // No URL param - use default account\n    return defaultBillingAccount;\n  }, [\n    selectedBillingAccountId,\n    selectedAccountData,\n    billingAccounts,\n    isLoadingSelected,\n    defaultBillingAccount,\n  ]);\n\n  const isLoading =\n    isLoadingAccounts || isLoadingDefault || (selectedBillingAccountId && isLoadingSelected);\n\n  // Update form when billing account changes\n  useEffect(() => {\n    if (billingAccount) {\n      setFormData({\n        name: billingAccount.name || '',\n        email: billingAccount.email || '',\n        billingEmail: billingAccount.billingEmail || '',\n        currency: billingAccount.currency || 'USD',\n        taxId: billingAccount.taxId || '',\n        isDefault: billingAccount.isDefault || false,\n      });\n    }\n  }, [billingAccount]);\n\n  // Handle account selection\n  const handleSelectAccount = (account: BillingAccount) => {\n    setSelectedBillingAccountId(account.id);\n    setIsAccountSelectorOpen(false);\n    setSaveSuccess(false);\n    setSaveError(null);\n  };\n\n  // Handle form input changes\n  const handleInputChange = (field: keyof typeof formData, value: string) => {\n    setFormData((prev) => ({ ...prev, [field]: value }));\n    setSaveSuccess(false);\n    setSaveError(null);\n  };\n\n  // Find the current default account\n  const currentDefaultAccount = useMemo(() => {\n    return billingAccounts.find((a) => a.isDefault) || null;\n  }, [billingAccounts]);\n\n  // Check if form has changes\n  const hasChanges = useMemo(() => {\n    if (!billingAccount) return false;\n    return (\n      formData.name !== (billingAccount.name || '') ||\n      formData.email !== (billingAccount.email || '') ||\n      formData.billingEmail !== (billingAccount.billingEmail || '') ||\n      formData.currency !== (billingAccount.currency || 'USD') ||\n      formData.taxId !== (billingAccount.taxId || '') ||\n      formData.isDefault !== (billingAccount.isDefault || false)\n    );\n  }, [formData, billingAccount]);\n\n  // Check if trying to change default status to another account\n  const isChangingDefault = formData.isDefault && !billingAccount?.isDefault;\n  const needsDefaultConfirmation =\n    isChangingDefault && currentDefaultAccount && currentDefaultAccount.id !== billingAccount?.id;\n\n  // Perform the actual save operation\n  const performSave = useCallback(async () => {\n    if (!billingAccount?.id) return;\n\n    setIsSaving(true);\n    setSaveError(null);\n    setSaveSuccess(false);\n    setIsSetDefaultModalOpen(false);\n    setPendingSave(false);\n\n    try {\n      // Update billing account details\n      await updateBillingAccountMutation({\n        variables: {\n          input: {\n            id: billingAccount.id,\n            name: formData.name,\n            email: formData.email,\n            billingEmail: formData.billingEmail || null,\n            currency: formData.currency,\n            taxId: formData.taxId || null,\n          },\n        },\n      });\n      emit('billing.billing_account.updated', {\n        route: '/billing/settings',\n        entityId: billingAccount.id,\n        source: 'settings',\n      });\n\n      // If setting as default, call the separate mutation\n      if (isChangingDefault) {\n        await setDefaultBillingAccountMutation({\n          variables: { id: billingAccount.id },\n          refetchQueries: ['GetBillingAccountsByTenant', 'GetDefaultBillingAccount'],\n        });\n        emit('billing.billing_account.updated', {\n          route: '/billing/settings',\n          entityId: billingAccount.id,\n          source: 'settings.default',\n        });\n      }\n\n      // Refetch to update cache\n      if (selectedBillingAccountId) {\n        await refetchSelected();\n      } else {\n        await refetchDefault();\n      }\n\n      setSaveSuccess(true);\n      // Clear success message after 3 seconds\n      setTimeout(() => setSaveSuccess(false), 3000);\n    } catch (error) {\n      setSaveError(error instanceof Error ? error.message : 'Failed to save changes');\n    } finally {\n      setIsSaving(false);\n    }\n  }, [\n    billingAccount?.id,\n    formData,\n    isChangingDefault,\n    updateBillingAccountMutation,\n    setDefaultBillingAccountMutation,\n    selectedBillingAccountId,\n    refetchSelected,\n    refetchDefault,\n    emit,\n  ]);\n\n  // Handle save button click\n  const handleSave = useCallback(() => {\n    if (!billingAccount?.id) return;\n\n    // If changing default and there's an existing default, show confirmation\n    if (needsDefaultConfirmation) {\n      setPendingSave(true);\n      setIsSetDefaultModalOpen(true);\n    } else {\n      performSave();\n    }\n  }, [billingAccount?.id, needsDefaultConfirmation, performSave]);\n\n  const handleArchiveAccount = useCallback(async () => {\n    if (!billingAccount?.id || !billingAccount.isActive) {\n      return;\n    }\n\n    const replacementDefaultAccount = billingAccounts.find(\n      (account) => account.id !== billingAccount.id && account.isActive\n    );\n\n    const confirmed = window.confirm(\n      billingAccount.isDefault\n        ? `Archive ${billingAccount.name}? ${replacementDefaultAccount ? `${replacementDefaultAccount.name} will become the default account.` : 'No replacement default account is available.'}`\n        : `Archive ${billingAccount.name}?`\n    );\n\n    if (!confirmed) {\n      return;\n    }\n\n    setIsArchiving(true);\n    setSaveError(null);\n    setSaveSuccess(false);\n\n    try {\n      await directBillingGraphqlRequest<\n        { archiveBillingAccount: { id: string; isActive: boolean; isDefault: boolean } },\n        { id: string; reason: string; replacementDefaultBillingAccountId: string | null }\n      >({\n        apiGatewayUrl,\n        authToken,\n        orgId,\n        query: ArchiveBillingAccountSettingsDocument,\n        variables: {\n          id: billingAccount.id,\n          reason: 'Archived from billing settings',\n          replacementDefaultBillingAccountId: billingAccount.isDefault\n            ? (replacementDefaultAccount?.id ?? null)\n            : null,\n        },\n      });\n      emit('billing.billing_account.archived', {\n        route: '/billing/settings',\n        entityId: billingAccount.id,\n        source: 'settings',\n      });\n\n      await Promise.all([refetchAccounts(), refetchDefault()]);\n      setSelectedBillingAccountId(replacementDefaultAccount?.id);\n      setSaveSuccess(true);\n      setTimeout(() => setSaveSuccess(false), 3000);\n    } catch (error) {\n      setSaveError(error instanceof Error ? error.message : 'Failed to archive billing account');\n    } finally {\n      setIsArchiving(false);\n    }\n  }, [\n    apiGatewayUrl,\n    authToken,\n    billingAccount,\n    billingAccounts,\n    orgId,\n    refetchAccounts,\n    refetchDefault,\n    emit,\n  ]);\n\n  if (!permissions.canManageBillingAccount) {\n    return <AccessDenied message=\"You don't have permission to manage billing settings.\" />;\n  }\n\n  if (isLoading && !billingAccount) {\n    return (\n      <div className=\"space-y-6 p-6\">\n        <div className=\"h-8 w-48 bg-muted animate-pulse rounded\" />\n        <div className=\"border border-border rounded-lg p-6 space-y-4\">\n          {[1, 2, 3].map((i) => (\n            <div key={i} className=\"h-10 bg-muted animate-pulse rounded\" />\n          ))}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PageHeader\n        title={tr('billing.settings.billingSettings', 'Billing Settings')}\n        description={tr(\n          'billing.settings.description',\n          'Manage your billing account configuration'\n        )}\n      />\n\n      {/* Account Selector (if multiple accounts) */}\n      {billingAccounts.length > 1 && (\n        <div className=\"relative\">\n          <button\n            onClick={() => setIsAccountSelectorOpen(!isAccountSelectorOpen)}\n            className=\"w-full sm:w-auto flex items-center justify-between gap-3 px-4 py-3 border border-border rounded-lg bg-card hover:bg-muted/50 transition-colors\"\n          >\n            <div className=\"flex items-center gap-3\">\n              <div className=\"w-8 h-8 rounded-lg bg-primary/10 flex items-center justify-center\">\n                <svg\n                  className=\"w-4 h-4 text-primary\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth={2}\n                    d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"\n                  />\n                </svg>\n              </div>\n              <div className=\"text-left\">\n                <p className=\"text-sm font-medium text-foreground\">\n                  {billingAccount?.name || tr('billing.settings.selectAccount', 'Select Account')}\n                </p>\n                <p className=\"text-xs text-muted-foreground\">{billingAccount?.email}</p>\n              </div>\n            </div>\n            <svg\n              className={`w-4 h-4 text-muted-foreground transition-transform ${isAccountSelectorOpen ? 'rotate-180' : ''}`}\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M19 9l-7 7-7-7\"\n              />\n            </svg>\n          </button>\n\n          {isAccountSelectorOpen && (\n            <>\n              <div className=\"fixed inset-0 z-10\" onClick={() => setIsAccountSelectorOpen(false)} />\n              <div className=\"absolute top-full left-0 right-0 sm:right-auto mt-1 w-full sm:w-80 bg-popover border border-border rounded-lg shadow-lg z-20 py-1 max-h-60 overflow-y-auto\">\n                {billingAccounts.map((account) => (\n                  <button\n                    key={account.id}\n                    onClick={() => handleSelectAccount(account)}\n                    className=\"w-full flex items-center justify-between gap-3 px-4 py-3 hover:bg-muted transition-colors\"\n                  >\n                    <div className=\"flex items-center gap-3 min-w-0\">\n                      <div className=\"w-8 h-8 rounded-lg bg-muted flex items-center justify-center flex-shrink-0\">\n                        <svg\n                          className=\"w-4 h-4 text-muted-foreground\"\n                          fill=\"none\"\n                          viewBox=\"0 0 24 24\"\n                          stroke=\"currentColor\"\n                        >\n                          <path\n                            strokeLinecap=\"round\"\n                            strokeLinejoin=\"round\"\n                            strokeWidth={2}\n                            d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"\n                          />\n                        </svg>\n                      </div>\n                      <div className=\"text-left min-w-0\">\n                        <p className=\"text-sm font-medium text-foreground truncate\">\n                          {account.name}\n                        </p>\n                        <p className=\"text-xs text-muted-foreground truncate\">{account.email}</p>\n                      </div>\n                    </div>\n                    {billingAccount?.id === account.id && (\n                      <svg\n                        className=\"w-4 h-4 text-primary flex-shrink-0\"\n                        fill=\"none\"\n                        viewBox=\"0 0 24 24\"\n                        stroke=\"currentColor\"\n                      >\n                        <path\n                          strokeLinecap=\"round\"\n                          strokeLinejoin=\"round\"\n                          strokeWidth={2}\n                          d=\"M5 13l4 4L19 7\"\n                        />\n                      </svg>\n                    )}\n                  </button>\n                ))}\n              </div>\n            </>\n          )}\n        </div>\n      )}\n\n      {/* Account Settings */}\n      <div className=\"border border-border rounded-lg bg-card\">\n        <div className=\"p-6 border-b border-border\">\n          <div className=\"flex items-center justify-between\">\n            <div>\n              <h2 className=\"text-lg font-semibold text-foreground\">\n                {tr('billing.settings.accountInfo', 'Account Information')}\n              </h2>\n              <p className=\"text-sm text-muted-foreground mt-1\">\n                {tr(\n                  'billing.settings.accountInfoDescription',\n                  'Update your billing contact details and tax information'\n                )}\n              </p>\n            </div>\n            {billingAccount?.isDefault && (\n              <span className=\"inline-flex items-center gap-1.5 px-2.5 py-1 text-xs font-medium bg-primary/10 text-primary rounded-full\">\n                <svg className=\"w-3 h-3\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                  <path\n                    fillRule=\"evenodd\"\n                    d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n                    clipRule=\"evenodd\"\n                  />\n                </svg>\n                {tr('billing.settings.defaultAccount', 'Default Account')}\n              </span>\n            )}\n          </div>\n        </div>\n        <div className=\"p-6 space-y-6\">\n          {/* Account Status Summary */}\n          {billingAccount && (\n            <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-4 text-sm pb-4 border-b border-border\">\n              <div>\n                <p className=\"text-muted-foreground\">{tr('billing.settings.status', 'Status')}</p>\n                <p\n                  className={`font-medium ${billingAccount.isActive ? 'text-status-success-text' : 'text-destructive'}`}\n                >\n                  {billingAccount.isActive\n                    ? tr('billing.settings.active', 'Active')\n                    : tr('billing.settings.inactive', 'Inactive')}\n                </p>\n              </div>\n              <div>\n                <p className=\"text-muted-foreground\">\n                  {tr('billing.settings.creditBalance', 'Credit Balance')}\n                </p>\n                <p className=\"font-medium text-foreground\">\n                  {(billingAccount.creditAmount || 0).toLocaleString()} Credits\n                </p>\n              </div>\n              <div>\n                <p className=\"text-muted-foreground\">\n                  {tr('billing.settings.accountId', 'Account ID')}\n                </p>\n                <p className=\"font-mono text-xs text-foreground truncate\" title={billingAccount.id}>\n                  {billingAccount.id}\n                </p>\n              </div>\n              <div>\n                <p className=\"text-muted-foreground\">{tr('billing.settings.created', 'Created')}</p>\n                <p className=\"font-medium text-foreground\">\n                  {billingAccount.createdAt\n                    ? new Date(billingAccount.createdAt).toLocaleDateString()\n                    : tr('billing.settings.notAvailable', 'N/A')}\n                </p>\n              </div>\n            </div>\n          )}\n\n          {/* Contact Details Section */}\n          <div>\n            <h3 className=\"text-sm font-medium text-foreground mb-4\">\n              {tr('billing.settings.contactDetails', 'Contact Details')}\n            </h3>\n            <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n              <div>\n                <label\n                  htmlFor=\"billing-account-name\"\n                  className=\"block text-sm font-medium text-foreground mb-1\"\n                >\n                  {tr('billing.settings.accountName', 'Account Name')}{' '}\n                  <span className=\"text-destructive\">*</span>\n                </label>\n                <input\n                  id=\"billing-account-name\"\n                  type=\"text\"\n                  value={formData.name}\n                  onChange={(e) => handleInputChange('name', e.target.value)}\n                  className=\"w-full px-3 py-2 text-sm border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent\"\n                />\n              </div>\n              <div>\n                <label\n                  htmlFor=\"billing-account-email\"\n                  className=\"block text-sm font-medium text-foreground mb-1\"\n                >\n                  {tr('billing.settings.email', 'Email')}{' '}\n                  <span className=\"text-destructive\">*</span>\n                </label>\n                <input\n                  id=\"billing-account-email\"\n                  type=\"email\"\n                  value={formData.email}\n                  onChange={(e) => handleInputChange('email', e.target.value)}\n                  className=\"w-full px-3 py-2 text-sm border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent\"\n                />\n              </div>\n              <div>\n                <label\n                  htmlFor=\"billing-account-billing-email\"\n                  className=\"block text-sm font-medium text-foreground mb-1\"\n                >\n                  {tr('billing.settings.billingEmail', 'Billing Email')}\n                </label>\n                <input\n                  id=\"billing-account-billing-email\"\n                  type=\"email\"\n                  value={formData.billingEmail}\n                  onChange={(e) => handleInputChange('billingEmail', e.target.value)}\n                  placeholder={tr(\n                    'billing.settings.billingEmailPlaceholder',\n                    'Optional - defaults to account email'\n                  )}\n                  className=\"w-full px-3 py-2 text-sm border border-border rounded-md bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent\"\n                />\n                <p className=\"text-xs text-muted-foreground mt-1\">\n                  {tr(\n                    'billing.settings.billingEmailHelp',\n                    'Invoices will be sent to this email if provided'\n                  )}\n                </p>\n              </div>\n              <div>\n                <label\n                  htmlFor=\"billing-account-currency\"\n                  className=\"block text-sm font-medium text-foreground mb-1\"\n                >\n                  {tr('billing.settings.currency', 'Currency')}\n                </label>\n                <select\n                  id=\"billing-account-currency\"\n                  value={formData.currency}\n                  onChange={(e) => handleInputChange('currency', e.target.value)}\n                  className=\"w-full px-3 py-2 text-sm border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent\"\n                >\n                  <option value=\"USD\">USD - US Dollar</option>\n                  <option value=\"EUR\">EUR - Euro</option>\n                  <option value=\"GBP\">GBP - British Pound</option>\n                  <option value=\"INR\">INR - Indian Rupee</option>\n                </select>\n              </div>\n            </div>\n          </div>\n\n          {/* Tax Information Section */}\n          <div className=\"pt-4 border-t border-border\">\n            <h3 className=\"text-sm font-medium text-foreground mb-4\">\n              {tr('billing.settings.taxInformation', 'Tax Information')}\n            </h3>\n            <div className=\"max-w-md\">\n              <label\n                htmlFor=\"billing-account-tax-id\"\n                className=\"block text-sm font-medium text-foreground mb-1\"\n              >\n                {tr('billing.settings.taxId', 'Tax ID / VAT Number')}\n              </label>\n              <input\n                id=\"billing-account-tax-id\"\n                type=\"text\"\n                value={formData.taxId}\n                onChange={(e) => handleInputChange('taxId', e.target.value)}\n                placeholder={tr(\n                  'billing.settings.taxIdPlaceholder',\n                  'Enter your tax identification number'\n                )}\n                className=\"w-full px-3 py-2 text-sm border border-border rounded-md bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent\"\n              />\n              <p className=\"text-xs text-muted-foreground mt-1\">\n                {tr(\n                  'billing.settings.taxIdHelp',\n                  'Used for invoices and tax compliance (e.g., GST, VAT number)'\n                )}\n              </p>\n            </div>\n          </div>\n\n          {/* Default Account Setting */}\n          {billingAccount?.isActive && billingAccounts.length > 1 && (\n            <div className=\"pt-4 border-t border-border\">\n              <div className=\"flex items-start gap-3\">\n                <div className=\"flex items-center h-6\">\n                  <input\n                    type=\"checkbox\"\n                    id=\"isDefault\"\n                    checked={formData.isDefault}\n                    onChange={(e) =>\n                      setFormData((prev) => ({ ...prev, isDefault: e.target.checked }))\n                    }\n                    disabled={billingAccount?.isDefault}\n                    className=\"w-4 h-4 rounded border-border text-primary focus:ring-primary focus:ring-offset-0 disabled:opacity-50 disabled:cursor-not-allowed\"\n                  />\n                </div>\n                <div className=\"flex-1\">\n                  <label\n                    htmlFor=\"isDefault\"\n                    className=\"text-sm font-medium text-foreground cursor-pointer\"\n                  >\n                    {tr('billing.settings.setDefault', 'Set as default billing account')}\n                  </label>\n                  <p className=\"text-xs text-muted-foreground mt-0.5\">\n                    {billingAccount?.isDefault\n                      ? tr(\n                          'billing.settings.currentDefaultDescription',\n                          'This is currently your default billing account'\n                        )\n                      : tr(\n                          'billing.settings.makePrimaryDescription',\n                          'Make this your primary billing account for new subscriptions'\n                        )}\n                  </p>\n                </div>\n              </div>\n            </div>\n          )}\n\n          {/* Save Button and Status */}\n          <div className=\"pt-4 border-t border-border flex items-center justify-between\">\n            <div className=\"flex items-center gap-2\">\n              {saveSuccess && (\n                <div className=\"flex items-center gap-2 text-sm text-status-success-text\">\n                  <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                    <path\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                      strokeWidth={2}\n                      d=\"M5 13l4 4L19 7\"\n                    />\n                  </svg>\n                  {tr('billing.settings.saveSuccess', 'Changes saved successfully')}\n                </div>\n              )}\n              {saveError && (\n                <div className=\"flex items-center gap-2 text-sm text-destructive\">\n                  <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                    <path\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                      strokeWidth={2}\n                      d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n                    />\n                  </svg>\n                  {saveError}\n                </div>\n              )}\n            </div>\n            <div className=\"flex items-center gap-3\">\n              {permissions.canArchiveBillingAccount && billingAccount?.isActive ? (\n                <button\n                  onClick={handleArchiveAccount}\n                  disabled={isSaving || isArchiving}\n                  className=\"px-4 py-2 text-sm font-medium border border-border text-status-error-text rounded-md hover:bg-status-error-bg-subtle disabled:opacity-50 disabled:cursor-not-allowed transition-colors\"\n                >\n                  {isArchiving ? 'Archiving...' : 'Archive Account'}\n                </button>\n              ) : null}\n              <button\n                onClick={handleSave}\n                disabled={\n                  !hasChanges || isSaving || isArchiving || !formData.name || !formData.email\n                }\n                className=\"px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed transition-colors flex items-center gap-2\"\n              >\n                {isSaving && (\n                  <svg className=\"w-4 h-4 animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n                    <circle\n                      className=\"opacity-25\"\n                      cx=\"12\"\n                      cy=\"12\"\n                      r=\"10\"\n                      stroke=\"currentColor\"\n                      strokeWidth=\"4\"\n                    />\n                    <path\n                      className=\"opacity-75\"\n                      fill=\"currentColor\"\n                      d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n                    />\n                  </svg>\n                )}\n                {isSaving ? 'Saving...' : 'Save Changes'}\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {/* Set as Default Confirmation Modal */}\n      {isSetDefaultModalOpen && pendingSave && (\n        <>\n          <div\n            className=\"fixed inset-0 bg-overlay-scrim z-40\"\n            onClick={() => {\n              if (!isSaving) {\n                setIsSetDefaultModalOpen(false);\n                setPendingSave(false);\n                // Reset the checkbox if cancelled\n                setFormData((prev) => ({ ...prev, isDefault: billingAccount?.isDefault || false }));\n              }\n            }}\n          />\n          <div className=\"fixed inset-0 flex items-center justify-center z-50 p-4\">\n            <div className=\"bg-card border border-border rounded-lg shadow-xl max-w-md w-full p-6\">\n              <h3 className=\"text-lg font-semibold text-foreground mb-2\">\n                Confirm Default Account Change\n              </h3>\n              <p className=\"text-sm text-muted-foreground mb-4\">\n                You are about to set{' '}\n                <strong className=\"text-foreground\">{billingAccount?.name}</strong> as your default\n                billing account and save your changes.\n              </p>\n\n              {currentDefaultAccount && currentDefaultAccount.id !== billingAccount?.id && (\n                <div className=\"mb-4 p-3 bg-status-warning-bg-subtle border border-border-subtle rounded-md\">\n                  <div className=\"flex items-start gap-2\">\n                    <svg\n                      className=\"w-5 h-5 text-status-warning-text flex-shrink-0 mt-0.5\"\n                      fill=\"none\"\n                      viewBox=\"0 0 24 24\"\n                      stroke=\"currentColor\"\n                    >\n                      <path\n                        strokeLinecap=\"round\"\n                        strokeLinejoin=\"round\"\n                        strokeWidth={2}\n                        d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n                      />\n                    </svg>\n                    <div className=\"text-sm\">\n                      <p className=\"font-medium text-status-warning-text\">\n                        Current default will change\n                      </p>\n                      <p className=\"text-status-warning-text mt-0.5\">\n                        <strong>{currentDefaultAccount.name}</strong> will no longer be the default\n                        account.\n                      </p>\n                    </div>\n                  </div>\n                </div>\n              )}\n\n              <div className=\"flex justify-end gap-3\">\n                <button\n                  onClick={() => {\n                    setIsSetDefaultModalOpen(false);\n                    setPendingSave(false);\n                    // Reset the checkbox if cancelled\n                    setFormData((prev) => ({\n                      ...prev,\n                      isDefault: billingAccount?.isDefault || false,\n                    }));\n                  }}\n                  disabled={isSaving}\n                  className=\"px-4 py-2 text-sm font-medium text-foreground border border-border rounded-md hover:bg-muted transition-colors disabled:opacity-50\"\n                >\n                  Cancel\n                </button>\n                <button\n                  onClick={performSave}\n                  disabled={isSaving}\n                  className=\"px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 disabled:opacity-50 transition-colors flex items-center gap-2\"\n                >\n                  {isSaving && (\n                    <svg className=\"w-4 h-4 animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n                      <circle\n                        className=\"opacity-25\"\n                        cx=\"12\"\n                        cy=\"12\"\n                        r=\"10\"\n                        stroke=\"currentColor\"\n                        strokeWidth=\"4\"\n                      />\n                      <path\n                        className=\"opacity-75\"\n                        fill=\"currentColor\"\n                        d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n                      />\n                    </svg>\n                  )}\n                  {isSaving ? 'Saving...' : 'Save Changes'}\n                </button>\n              </div>\n            </div>\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/billing/modules/settings/pages/TeamPermissionsPage.d.ts

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

package/dist/billing/modules/settings/pages/TeamPermissionsPage.d.ts.map

@@ -0,0 +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"}

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

@@ -0,0 +1,270 @@
+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 "../../../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";
+//#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,
+		query: e,
+		variables: t
+	}), [
+		_,
+		v,
+		y
+	]), R = a(async () => {
+		if (S) {
+			O(!0), A(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 ?? "");
+			} catch (e) {
+				A(e instanceof Error ? e.message : "Failed to load team data");
+			} finally {
+				O(!1);
+			}
+		}
+	}, [S, L]);
+	o(() => {
+		R();
+	}, [R]);
+	let z = s(() => [...T].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.");
+			return;
+		}
+		I(!0), A(null);
+		try {
+			await L(h, { input: {
+				actorId: t,
+				actorType: "USER",
+				roleId: N,
+				scopeId: S
+			} }), M(""), await R();
+		} catch (e) {
+			A(e instanceof Error ? e.message : "Failed to assign role");
+		} finally {
+			I(!1);
+		}
+	}, V = async (e) => {
+		if (confirm("Remove this role assignment?")) {
+			A(null);
+			try {
+				await L(g, { assignmentId: e }), await R();
+			} catch (e) {
+				A(e instanceof Error ? e.message : "Failed to remove role");
+			}
+		}
+	};
+	return b.canManageBillingAccount ? S ? /* @__PURE__ */ d("div", {
+		className: "space-y-6",
+		children: [
+			/* @__PURE__ */ u(n, {
+				title: "Team & Permissions",
+				description: "Control who can manage this billing account and what they can do."
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "rounded-lg border border-border bg-card p-4 text-xs text-muted-foreground",
+				children: [
+					/* @__PURE__ */ u("span", {
+						className: "font-medium text-foreground",
+						children: "Billing account:"
+					}),
+					" ",
+					/* @__PURE__ */ u("span", {
+						className: "font-mono",
+						children: S
+					})
+				]
+			}),
+			k && /* @__PURE__ */ u("div", {
+				className: "rounded-lg border border-destructive/30 bg-destructive/5 p-4 text-sm text-destructive",
+				children: k
+			}),
+			/* @__PURE__ */ d("form", {
+				onSubmit: (e) => void B(e),
+				className: "rounded-lg border border-border bg-card p-4 space-y-3",
+				children: [
+					/* @__PURE__ */ u("h3", {
+						className: "text-sm font-semibold text-foreground",
+						children: "Add member"
+					}),
+					/* @__PURE__ */ d("div", {
+						className: "grid grid-cols-1 gap-3 md:grid-cols-3",
+						children: [/* @__PURE__ */ d("div", {
+							className: "md:col-span-2",
+							children: [/* @__PURE__ */ u("label", {
+								htmlFor: "newActorId",
+								className: "block text-xs font-medium text-muted-foreground",
+								children: "User ID (actorId)"
+							}), /* @__PURE__ */ u("input", {
+								id: "newActorId",
+								type: "text",
+								value: j,
+								onChange: (e) => M(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", {
+							htmlFor: "newRoleId",
+							className: "block text-xs font-medium text-muted-foreground",
+							children: "Role"
+						}), /* @__PURE__ */ u("select", {
+							id: "newRoleId",
+							value: N,
+							onChange: (e) => P(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", {
+								value: e.id,
+								children: e.name
+							}, e.id))
+						})] })]
+					}),
+					/* @__PURE__ */ u("button", {
+						type: "submit",
+						disabled: F || !j.trim() || !N,
+						className: "rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground disabled:opacity-50",
+						children: F ? "Adding…" : "Add member"
+					})
+				]
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "rounded-lg border border-border bg-card",
+				children: [/* @__PURE__ */ d("div", {
+					className: "border-b border-border px-4 py-3",
+					children: [/* @__PURE__ */ u("h3", {
+						className: "text-sm font-semibold text-foreground",
+						children: "Members"
+					}), /* @__PURE__ */ u("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Each member's role applies only to this billing account."
+					})]
+				}), D ? /* @__PURE__ */ u("div", {
+					className: "p-6 text-sm text-muted-foreground",
+					children: "Loading…"
+				}) : z.length === 0 ? /* @__PURE__ */ u("div", {
+					className: "p-6 text-sm text-muted-foreground",
+					children: "No members assigned yet."
+				}) : /* @__PURE__ */ d("table", {
+					className: "w-full text-sm",
+					children: [/* @__PURE__ */ u("thead", { children: /* @__PURE__ */ d("tr", {
+						className: "border-b border-border text-left text-xs text-muted-foreground",
+						children: [
+							/* @__PURE__ */ u("th", {
+								className: "px-4 py-2",
+								children: "Actor ID"
+							}),
+							/* @__PURE__ */ u("th", {
+								className: "px-4 py-2",
+								children: "Type"
+							}),
+							/* @__PURE__ */ u("th", {
+								className: "px-4 py-2",
+								children: "Roles"
+							}),
+							/* @__PURE__ */ u("th", {
+								className: "px-4 py-2 text-right",
+								children: "Actions"
+							})
+						]
+					}) }), /* @__PURE__ */ u("tbody", { children: z.map((e) => /* @__PURE__ */ d("tr", {
+						className: "border-b border-border last:border-0",
+						children: [
+							/* @__PURE__ */ u("td", {
+								className: "px-4 py-3 font-mono text-xs",
+								children: e.actorId
+							}),
+							/* @__PURE__ */ u("td", {
+								className: "px-4 py-3 text-xs",
+								children: e.actorType
+							}),
+							/* @__PURE__ */ u("td", {
+								className: "px-4 py-3",
+								children: /* @__PURE__ */ u("div", {
+									className: "flex flex-wrap gap-1",
+									children: e.roleAssignments.filter((e) => e.isActive).map((e) => /* @__PURE__ */ d("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", {
+											type: "button",
+											onClick: () => void V(e.id),
+											className: "text-muted-foreground hover:text-destructive",
+											"aria-label": `Remove ${e.role?.name ?? "role"}`,
+											children: "×"
+										})]
+									}, e.id))
+								})
+							}),
+							/* @__PURE__ */ u("td", {
+								className: "px-4 py-3 text-right",
+								children: /* @__PURE__ */ d("span", {
+									className: "text-xs text-muted-foreground",
+									children: [e.effectivePermissionCount ?? "—", " permissions"]
+								})
+							})
+						]
+					}, e.actorId)) })]
+				})]
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "rounded-lg border border-border bg-card p-4",
+				children: [
+					/* @__PURE__ */ u("h3", {
+						className: "text-sm font-semibold text-foreground",
+						children: "Available roles"
+					}),
+					/* @__PURE__ */ u("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", {
+						className: "mt-3 space-y-2",
+						children: C.map((e) => /* @__PURE__ */ d("li", {
+							className: "flex items-start gap-3 rounded-md border border-border bg-background p-3",
+							children: [/* @__PURE__ */ d("div", {
+								className: "flex-1",
+								children: [/* @__PURE__ */ u("div", {
+									className: "text-sm font-medium text-foreground",
+									children: e.name
+								}), e.description && /* @__PURE__ */ u("p", {
+									className: "mt-1 text-xs text-muted-foreground",
+									children: e.description
+								})]
+							}), /* @__PURE__ */ d("span", {
+								className: "text-xs text-muted-foreground",
+								children: ["priority ", e.priority]
+							})]
+						}, e.id))
+					})
+				]
+			})
+		]
+	}) : /* @__PURE__ */ d("div", {
+		className: "space-y-6",
+		children: [/* @__PURE__ */ u(n, {
+			title: "Team & Permissions",
+			description: "Select a billing account to manage who can access it."
+		}), /* @__PURE__ */ u("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."
+		})]
+	}) : /* @__PURE__ */ u(t, { message: "You don't have permission to manage team and permissions for this billing account." });
+};
+//#endregion
+export { _ as TeamPermissionsPage };
+
+//# sourceMappingURL=TeamPermissionsPage.js.map

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

@@ -0,0 +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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"}

package/dist/billing/modules/settings/pages/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Settings Module - Pages
+ */
+export { SettingsPage } from './SettingsPage';
+export { TeamPermissionsPage } from './TeamPermissionsPage';
+//# sourceMappingURL=index.d.ts.map

package/dist/billing/modules/settings/pages/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/settings/pages/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}

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

@@ -0,0 +1,2 @@
+import "./SettingsPage.js";
+import "./TeamPermissionsPage.js";

package/dist/billing/modules/store/graphql/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Store Module GraphQL Operations
+ * Re-exports typed documents from generated operations
+ */
+export { GetStoreOrderDocument as GET_STORE_ORDER, GetMyOrdersDocument as GET_MY_ORDERS, } from '../../../../generated/global-operations';
+//# sourceMappingURL=index.d.ts.map

package/dist/billing/modules/store/graphql/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/store/graphql/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACL,qBAAqB,IAAI,eAAe,EACxC,mBAAmB,IAAI,aAAa,GACrC,MAAM,yCAAyC,CAAC"}

package/dist/billing/modules/store/graphql/index.js

@@ -0,0 +1 @@
+import "../../../../generated/global-operations.js";

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

@@ -0,0 +1,6 @@
+/**
+ * Store Module Exports
+ */
+export { StoreCheckoutPage } from './pages/StoreCheckoutPage';
+export { GET_STORE_ORDER, GET_MY_ORDERS } from './graphql';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/billing/modules/store/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC"}

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

@@ -0,0 +1,3 @@
+import { StoreCheckoutPage as e } from "./pages/StoreCheckoutPage.js";
+import "./graphql/index.js";
+export { e as StoreCheckoutPage };

package/dist/billing/modules/store/pages/StoreCheckoutPage.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+
+/**
+ * Legacy route adapter.
+ *
+ * Historical links still point at `/billing/store/:orderId`, while the real checkout
+ * flow now lives under `/billing/checkout/store/:storeOrderId` and is implemented by
+ * the shared Checkout page.
+ */
+export declare const StoreCheckoutPage: FC;
+//# sourceMappingURL=StoreCheckoutPage.d.ts.map

package/dist/billing/modules/store/pages/StoreCheckoutPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoreCheckoutPage.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/store/pages/StoreCheckoutPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,EAAE,EAa/B,CAAC"}

package/dist/billing/modules/store/pages/StoreCheckoutPage.js

@@ -0,0 +1,18 @@
+import { Navigate as e, useParams as t } from "react-router-dom";
+import { jsx as n } from "react/jsx-runtime";
+import { useI18n as r } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/billing/modules/store/pages/StoreCheckoutPage.tsx
+var i = () => {
+	let { t: i } = r(), { orderId: a } = t();
+	return a ? /* @__PURE__ */ n(e, {
+		to: `../checkout/store/${a}`,
+		replace: !0
+	}) : /* @__PURE__ */ n(e, {
+		to: "../checkout",
+		replace: !0
+	});
+};
+//#endregion
+export { i as StoreCheckoutPage };
+
+//# sourceMappingURL=StoreCheckoutPage.js.map

package/dist/billing/modules/store/pages/StoreCheckoutPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoreCheckoutPage.js","names":[],"sources":["../../../../../src/billing/modules/store/pages/StoreCheckoutPage.tsx"],"sourcesContent":["import { type FC } from 'react';\nimport { Navigate, useParams } from 'react-router-dom';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\n/**\n * Legacy route adapter.\n *\n * Historical links still point at `/billing/store/:orderId`, while the real checkout\n * flow now lives under `/billing/checkout/store/:storeOrderId` and is implemented by\n * the shared Checkout page.\n */\nexport const StoreCheckoutPage: FC = () => {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const translated = t(key);\n    return translated === key ? fallback : translated;\n  };\n  const { orderId } = useParams<{ orderId: string }>();\n\n  if (!orderId) {\n    return <Navigate to=\"../checkout\" replace />;\n  }\n\n  return <Navigate to={`../checkout/store/${orderId}`} replace />;\n};\n"],"mappings":";;;;AAWA,IAAa,UAA8B;CACzC,IAAM,EAAE,SAAM,GAAS,EAKjB,EAAE,eAAY,GAAgC;AAMpD,QAJK,IAIE,kBAAC,GAAD;EAAU,IAAI,qBAAqB;EAAW,SAAA;EAAU,CAAA,GAHtD,kBAAC,GAAD;EAAU,IAAG;EAAc,SAAA;EAAU,CAAA"}

package/dist/billing/modules/subscriptions/components/ManageSeatsModal.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { BillingSubscription } from '../../../shared/types';
+
+interface ManageSeatsModalProps {
+    subscription: BillingSubscription;
+    onClose: () => void;
+    onConfirm: (seatCount: number) => Promise<void>;
+    isLoading?: boolean;
+}
+export declare const ManageSeatsModal: FC<ManageSeatsModalProps>;
+export {};
+//# sourceMappingURL=ManageSeatsModal.d.ts.map

package/dist/billing/modules/subscriptions/components/ManageSeatsModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManageSeatsModal.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/subscriptions/components/ManageSeatsModal.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAuB,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAGjE,UAAU,qBAAqB;IAC7B,YAAY,EAAE,mBAAmB,CAAC;IAClC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAiOtD,CAAC"}