@contember/react-client-tenant 2.1.0-alpha.21 → 2.1.0-alpha.22

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@contember/react-client-tenant",
   "license": "Apache-2.0",
-  "version": "2.1.0-alpha.21",
+  "version": "2.1.0-alpha.22",
   "type": "module",
   "sideEffects": false,
   "main": "./dist/production/index.js",
@@ -34,9 +34,9 @@
     "directory": "packages/react-client-tenant"
   },
   "dependencies": {
-    "@contember/graphql-client-tenant": "2.1.0-alpha.21",
-    "@contember/react-client": "2.1.0-alpha.21",
-    "@contember/react-utils": "2.1.0-alpha.21",
+    "@contember/graphql-client-tenant": "2.1.0-alpha.22",
+    "@contember/react-client": "2.1.0-alpha.22",
+    "@contember/react-utils": "2.1.0-alpha.22",
     "@radix-ui/primitive": "^1.1.0",
     "@radix-ui/react-slot": "^1.1.0",
     "graphql-ts-client-api": "^3.1.17"

package/src/components/forms/PasswordlessSignInForm.tsx

@@ -1,11 +1,11 @@
-import { ReactElement, useCallback, useMemo } from 'react'
 import * as TenantApi from '@contember/graphql-client-tenant'
-import { TenantForm } from './TenantForm'
-import { FormContextValue, FormError, FormState } from '../../types/forms'
+import { useSetSessionToken } from '@contember/react-client'
+import { ReactElement, useCallback, useMemo } from 'react'
 import { useForm } from '../../contexts'
 import { SignInPasswordlessMutationResult, useSignInPasswordlessMutation } from '../../hooks'
 import { useRedirectToBacklinkCallback } from '../../internal/hooks/useRedirectToBacklink'
-import { useSetSessionToken } from '@contember/react-client'
+import { FormContextValue, FormError, FormState } from '../../types/forms'
+import { TenantForm } from './TenantForm'
 
 export type PasswordlessSignInFormValues = {
 	token: string

package/src/components/forms/PasswordlessSignInInitForm.tsx

@@ -5,6 +5,7 @@ import { FormContextValue, FormError, FormState } from '../../types/forms'
 import { useForm } from '../../contexts'
 import { InitSignInPasswordlessMutationResult, useInitSignInPasswordlessMutation } from '../../hooks'
 import { PASSWORDLESS_REQUEST_STORAGE_KEY } from '../../consts'
+import { useSaveBacklink } from '../../internal/hooks/useRedirectToBacklink'
 
 export type PasswordlessSignInInitFormValues = {
 	email: string
@@ -33,10 +34,15 @@ export const usePasswordlessSignInInitForm = useForm as () => PasswordlessSignIn
 export const PasswordlessSignInInitForm = ({ children, onSuccess }: PasswordlessSignInInitFormProps) => {
 
 	const initSignIn = useInitSignInPasswordlessMutation()
+	const saveBacklink = useSaveBacklink({
+		storage: 'local',
+	})
+
 	return (
 		<TenantForm<PasswordlessSignInInitFormContextValue, InitSignInPasswordlessMutationResult>
 			onSuccess={res => {
 				localStorage.setItem(PASSWORDLESS_REQUEST_STORAGE_KEY, res.result.requestId)
+				saveBacklink()
 				onSuccess?.(res)
 			}}
 			errorMapping={errorToField}

package/src/internal/hooks/useRedirectToBacklink.ts

@@ -5,23 +5,30 @@ const getBacklinkFromUrl = () => {
 	return new URLSearchParams(window.location.search).get('backlink')
 }
 
-export const useSaveBacklink = () => {
+export const useSaveBacklink = ({ storage = 'session' }: {
+	storage?: 'session' | 'local'
+} = {}) => {
 	return useCallback(() => {
 		const backlink = getBacklinkFromUrl()
 		if (!backlink) {
 			return
 		}
-		sessionStorage.setItem('backlink', backlink)
-	}, [])
+		if (storage === 'local') {
+			localStorage.setItem('backlink', backlink)
+		} else {
+			sessionStorage.setItem('backlink', backlink)
+		}
+	}, [storage])
 }
 
 export const useRedirectToBacklinkCallback = () => {
 	return useCallback(() => {
-		const backlink = getBacklinkFromUrl() ?? sessionStorage.getItem('backlink')
+		const backlink = getBacklinkFromUrl() ?? sessionStorage.getItem('backlink') ?? localStorage.getItem('backlink')
 		if (!backlink) {
 			return
 		}
 		sessionStorage.removeItem('backlink')
+		localStorage.removeItem('backlink')
 		const resolvedBacklink = new URL(backlink, window.location.href)
 		if (resolvedBacklink.origin === window.location.origin) {
 			window.location.href = resolvedBacklink.toString()