refactor: format and lint codebase (#971)

app/assets/javascripts/Components/PurchaseFlow/PurchaseFlowWrapper.tsx

@@ -0,0 +1,48 @@
+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} />
+  },
+)