CaIon
0526a22643
Gate payment, redemption, subscription, and invitation reward flows behind an audited compliance acknowledgement.
83 lines
2.9 KiB
TypeScript
Vendored
83 lines
2.9 KiB
TypeScript
Vendored
/*
|
|
Copyright (C) 2023-2026 QuantumNous
|
|
|
|
This program is free software: you can redistribute it and/or modify
|
|
it under the terms of the GNU Affero General Public License as
|
|
published by the Free Software Foundation, either version 3 of the
|
|
License, or (at your option) any later version.
|
|
|
|
This program is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
GNU Affero General Public License for more details.
|
|
|
|
You should have received a copy of the GNU Affero General Public License
|
|
along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
|
|
For commercial licensing, please contact support@quantumnous.com
|
|
*/
|
|
import { Info } from 'lucide-react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import { Alert, AlertDescription } from '@/components/ui/alert'
|
|
import { SectionPageLayout } from '@/components/layout'
|
|
import { SubscriptionsDialogs } from './components/subscriptions-dialogs'
|
|
import { SubscriptionsPrimaryButtons } from './components/subscriptions-primary-buttons'
|
|
import {
|
|
SubscriptionsProvider,
|
|
useSubscriptions,
|
|
} from './components/subscriptions-provider'
|
|
import { SubscriptionsTable } from './components/subscriptions-table'
|
|
|
|
function SubscriptionsContent() {
|
|
const { t } = useTranslation()
|
|
const { complianceConfirmed } = useSubscriptions()
|
|
|
|
return (
|
|
<>
|
|
<SectionPageLayout>
|
|
<SectionPageLayout.Title>
|
|
{t('Subscription Management')}
|
|
</SectionPageLayout.Title>
|
|
<SectionPageLayout.Description>
|
|
{t('Manage subscription plan creation, pricing and status')}
|
|
</SectionPageLayout.Description>
|
|
<SectionPageLayout.Actions>
|
|
<div className='flex items-center gap-2'>
|
|
<Alert variant='default' className='hidden px-3 py-2 sm:flex'>
|
|
<Info className='h-4 w-4' />
|
|
<AlertDescription className='text-xs'>
|
|
{t(
|
|
'Stripe/Creem requires creating products on the third-party platform and entering the ID'
|
|
)}
|
|
</AlertDescription>
|
|
</Alert>
|
|
<SubscriptionsPrimaryButtons />
|
|
</div>
|
|
</SectionPageLayout.Actions>
|
|
<SectionPageLayout.Content>
|
|
{!complianceConfirmed ? (
|
|
<Alert variant='destructive' className='mb-4'>
|
|
<AlertDescription>
|
|
{t(
|
|
'Subscription plan creation and changes are locked until the administrator confirms compliance terms in Payment Gateway settings.'
|
|
)}
|
|
</AlertDescription>
|
|
</Alert>
|
|
) : null}
|
|
<SubscriptionsTable />
|
|
</SectionPageLayout.Content>
|
|
</SectionPageLayout>
|
|
|
|
<SubscriptionsDialogs />
|
|
</>
|
|
)
|
|
}
|
|
|
|
export function Subscriptions() {
|
|
return (
|
|
<SubscriptionsProvider>
|
|
<SubscriptionsContent />
|
|
</SubscriptionsProvider>
|
|
)
|
|
}
|