Fix deeplinks

Signed-off-by: Mantas Domaševičius <mantas@mysterium.network>

Author: mdomasevicius

src/Pages/Authenticated/Components/Claim/ClaimButton.tsx

@@ -11,6 +11,8 @@ import errors from '../../../../commons/errors'
 import { useAppSelector } from '../../../../commons/hooks'
 import { selectors } from '../../../../redux/selectors'
 import { urls } from '../../../../commons/urls'
+import ROUTES from '../../../../constants/routes'
+import { ANDROID_DEEPLINK_CLAIM } from '../../../../constants/urls'
 
 const { initClaim } = tequila
 
@@ -25,7 +27,7 @@ export const ClaimButton = ({ label = 'Claim' }: Props) => {
   const handleClaim = async () => {
     setLoading(true)
     try {
-      const { link } = await initClaim(urls.featureAwareCurrentOrigin(config))
+      const { link } = await initClaim(urls.featureAwareCurrentOrigin(config, ROUTES.CLAIM, ANDROID_DEEPLINK_CLAIM))
       window.location.href = link
     } catch (e) {
       errors.parseToastError(e)

src/Pages/Authenticated/Onboarding/PasswordChangePage.tsx

@@ -30,6 +30,8 @@ import { media } from '../../../commons/media'
 import { useMediaQuery } from 'react-responsive'
 import { useAppSelector } from '../../../commons/hooks'
 import { selectors } from '../../../redux/selectors'
+import routes from '../../../constants/routes'
+import { ANDROID_DEEPLINK_CLICKBOARDING } from '../../../constants/urls'
 
 const { isMobileQuery } = media
 const { api } = tequila
@@ -245,7 +247,9 @@ export const PasswordChangePage = () => {
   const mmnError = state.mmnError.length > 0
 
   const getLinkAndRedirect = async () => {
-    const { link } = await tequila.initClickBoarding(urls.featureAwareCurrentOrigin(config))
+    const { link } = await tequila.initClickBoarding(
+      urls.featureAwareCurrentOrigin(config, routes.CLICKBOARDING, ANDROID_DEEPLINK_CLICKBOARDING),
+    )
     window.location.href = link
   }
 

src/Pages/Login/MystnodesSSO.tsx

@@ -15,6 +15,8 @@ import { useAppSelector } from '../../commons/hooks'
 import { selectors } from '../../redux/selectors'
 import { configs } from '../../commons/config'
 import FEATURES from '../../commons/features'
+import ROUTES from '../../constants/routes'
+import { ANDROID_DEEPLINK_SSO } from '../../constants/urls'
 
 const { initSSOAuth } = tequila
 
@@ -28,7 +30,7 @@ export const MystnodesSSO = () => {
   const ssoDisabled = configs.isFeatureEnabled(config, FEATURES.SSO_HIDE.name)
   const isDesktop = useMediaQuery(media.isDesktopQuery)
   const onClick = async () => {
-    const { link } = await initSSOAuth(urls.featureAwareCurrentOrigin(config))
+    const { link } = await initSSOAuth(urls.featureAwareCurrentOrigin(config, ROUTES.AUTH_SSO, ANDROID_DEEPLINK_SSO))
     window.location.href = link
   }
   return (

src/commons/urls.ts

@@ -7,14 +7,12 @@
 import { Config } from 'mysterium-vpn-js'
 import { configs } from './config'
 import FEATURES from './features'
-import { ANDROID_DEEPLINK } from '../constants/urls'
-import routes from '../constants/routes'
 
 const current = (path?: string): string => `${new URL(window.location.href).origin}${path ? `/#${path}` : ''}`
 
-const featureAwareCurrentOrigin = (config: Config): string => {
+const featureAwareCurrentOrigin = (config: Config, route: string, deeplink: string): string => {
   const deeplinkEnabled = configs.isFeatureEnabled(config, FEATURES.SSO_DEEPLINK.name)
-  return deeplinkEnabled ? ANDROID_DEEPLINK : current(routes.AUTH_SSO)
+  return deeplinkEnabled ? deeplink : current(route)
 }
 
 export const urls = {

src/constants/urls.ts

@@ -11,4 +11,8 @@ export const DOCS_FORGOT_PASSWORD = `${DOCS}/en/articles/8005248-forgot-password
 export const DOCS_METAMASK = `${DOCS}/en/articles/8004186-adding-myst-token-to-metamask-on-the-polygon-mainnet`
 export const PAYOUT_GUIDE = `${DOCS}/en/articles/8004190-where-to-buy-polygon-myst`
 export const DOCS_UPDATE_NODE = `${DOCS}/en/articles/8005521-updating-your-node`
-export const ANDROID_DEEPLINK = 'mystnodes://sso'
+export const NAT_TRAVERSAL = `${DOCS}/en/articles/8005265-nat-traversal-and-types-of-nat`
+
+export const ANDROID_DEEPLINK_SSO = 'mystnodes://sso'
+export const ANDROID_DEEPLINK_CLICKBOARDING = 'mystnodes://clickboarding'
+export const ANDROID_DEEPLINK_CLAIM = 'mystnodes://claim'