feat: handle basic routes (#1784)

packages/web/src/javascripts/Components/PurchaseFlow/PurchaseFlowFunctions.ts

@@ -1,24 +1,30 @@
 import { WebApplication } from '@/Application/Application'
-import { getWindowUrlParams, isDesktopApplication } from '@/Utils'
+import { isDesktopApplication } from '@/Utils'
+import { RouteType } from '@standardnotes/ui-services'
 
 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')}` : ''
+  const route = application.routeService.getRoute()
+  const params = route.type === RouteType.Purchase ? route.purchaseParams : { period: null, plan: null }
+  const period = params.period ? `&period=${params.period}` : ''
+  const plan = params.plan ? `&plan=${params.plan}` : ''
+
   if (url) {
     const finalUrl = `${url}${period}${plan}`
 
@@ -31,5 +37,6 @@ export const loadPurchaseFlowUrl = async (application: WebApplication): Promise<
 
     return true
   }
+
   return false
 }