49 lines
1.6 KiB
TypeScript
49 lines
1.6 KiB
TypeScript
import { WebApplication } from '@/UIModels/Application'
|
|
import { AppState } from '@/UIModels/AppState'
|
|
import { getWindowUrlParams, isDesktopApplication } from '@/Utils'
|
|
import { observer } from 'mobx-react-lite'
|
|
import { FunctionComponent } from 'preact'
|
|
import { PurchaseFlowView } from './PurchaseFlowView'
|
|
|
|
export type PurchaseFlowWrapperProps = {
|
|
appState: AppState
|
|
application: WebApplication
|
|
}
|
|
|
|
export const getPurchaseFlowUrl = async (
|
|
application: WebApplication,
|
|
): Promise<string | undefined> => {
|
|
const currentUrl = window.location.origin
|
|
const successUrl = isDesktopApplication() ? 'standardnotes://' : currentUrl
|
|
if (application.noAccount()) {
|
|
return `${window.purchaseUrl}/offline?&success_url=${successUrl}`
|
|
}
|
|
const token = await application.getNewSubscriptionToken()
|
|
if (token) {
|
|
return `${window.purchaseUrl}?subscription_token=${token}&success_url=${successUrl}`
|
|
}
|
|
return undefined
|
|
}
|
|
|
|
export const loadPurchaseFlowUrl = async (application: WebApplication): Promise<boolean> => {
|
|
const url = await getPurchaseFlowUrl(application)
|
|
const params = getWindowUrlParams()
|
|
const period = params.get('period') ? `&period=${params.get('period')}` : ''
|
|
const plan = params.get('plan') ? `&plan=${params.get('plan')}` : ''
|
|
if (url) {
|
|
window.location.assign(`${url}${period}${plan}`)
|
|
return true
|
|
}
|
|
return false
|
|
}
|
|
|
|
export const PurchaseFlowWrapper: FunctionComponent<PurchaseFlowWrapperProps> = observer(
|
|
({ appState, application }) => {
|
|
if (!appState.purchaseFlow.isOpen) {
|
|
return null
|
|
}
|
|
|
|
return <PurchaseFlowView appState={appState} application={application} />
|
|
},
|
|
)
|