updates

.github/workflows/main.yml

@@ -14,16 +14,20 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout Repo
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
-      - name: Setup Node.js 20.x
-        uses: actions/setup-node@v3
+      - name: Setup Node.js 20.17.0
+        uses: actions/setup-node@v4
         with:
-          node-version: 20.x
+          node-version: 20.17.0
 
-      - name: Install Dependencies
-        run: pnpm i
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 9.12.0
 
+      - name: Install Dependencies
+        run: pnpm install --frozen-lockfile
       - name: Build Applications and Packages
         run: pnpm build
 
@@ -32,33 +36,40 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout Repo
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Setup Node.js 20.x
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
-          node-version: 20.x
+          node-version: 20.17.0
 
-      - name: Install Dependencies
-        run: pnpm i
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 9.12.0
 
-      - name: Lint Applications and Packages
-        run: pnpm lint
+      - name: Install Dependencies
+        run: pnpm install --frozen-lockfile
 
   test:
     name: Test
     runs-on: ubuntu-latest
     steps:
       - name: Checkout Repo
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Setup Node.js 20.x
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20.17.0
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
         with:
-          node-version: 20.x
+          version: 9.12.0
 
       - name: Install Dependencies
-        run: pnpm i
+        run: pnpm install --frozen-lockfile
 
       - name: Test Applications and Packages
         run: pnpm test

.github/workflows/release.yml

@@ -9,26 +9,73 @@ on:
 concurrency: ${{ github.workflow }}-${{ github.ref }}
 
 jobs:
+  setup:
+    name: Setup and Install Dependencies
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repo
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js 20.17.0
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20.17.0
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 9.12.0
+
+      - name: Restore pnpm Cache
+        uses: actions/cache/restore@v4
+        with:
+          path: node_modules
+          key: ${{ runner.os }}-pnpm-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-
+
+      - name: Install Dependencies
+        run: pnpm install
+        env:
+          CI: true
+
+      - name: Save pnpm Cache
+        uses: actions/cache/save@v4
+        with:
+          path: node_modules
+          key: ${{ runner.os }}-pnpm-${{ hashFiles('**/pnpm-lock.yaml') }}
+
   release:
     name: Release
     runs-on: ubuntu-latest
+    needs: setup
     steps:
       - name: Checkout Repo
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
-      - name: Setup Node.js 16.x
-        uses: actions/setup-node@v3
+      - name: Setup Node.js 20.17.0
+        uses: actions/setup-node@v4
         with:
-          node-version: 18.x
+          node-version: 20.17.0
 
-      - name: Install Dependencies
-        run: yarn
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 9.12.0
+
+      - name: Restore pnpm Cache
+        uses: actions/cache/restore@v4
+        with:
+          path: node_modules
+          key: ${{ runner.os }}-pnpm-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-
 
       - name: Create Release Pull Request or Publish to npm
         id: changesets
         uses: changesets/action@v1
         with:
-          publish: yarn release
+          publish: pnpm release
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

.gitignore

@@ -1,6 +1,6 @@
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
-# custom
+# build
 dist
 
 # dependencies

packages/authentication/__mocks__/expo-secure-store.ts

@@ -0,0 +1,3 @@
+module.exports = require('@baseapp-frontend/test/__mocks__/expo-secure-store.ts')
+
+export {}

packages/authentication/modules/access/useLogin/__tests__/useLogin.test.tsx

@@ -19,7 +19,7 @@ describe('useLogin', () => {
     axiosMock.onPost('/auth/login').reply(200, {
       token: 'fake token',
     })
-    cookiesMock.set.mockImplementation((cookieName: string) => cookieName)
+    cookiesMock.set.mockImplementation((accessKeyName: string) => accessKeyName)
 
     const email = 'test@tsl.io'
     const password = '123456789'

packages/authentication/modules/access/useLogin/__tests__/useSimpleTokenLogin.test.tsx

@@ -1,5 +1,5 @@
 import { ComponentWithProviders, MockAdapter, renderHook } from '@baseapp-frontend/test'
-import { TokenTypes, axios } from '@baseapp-frontend/utils'
+import { axios } from '@baseapp-frontend/utils'
 
 import { zodResolver } from '@hookform/resolvers/zod'
 import { z } from 'zod'
@@ -34,7 +34,6 @@ describe('useSimpleTokenLogin', () => {
               hasOnSuccessRan = true
             },
           },
-          tokenType: TokenTypes.simple,
         }),
       {
         wrapper: ComponentWithProviders,

packages/authentication/modules/access/useLogin/index.ts

@@ -3,97 +3,58 @@
 import { useState } from 'react'
 
 import {
-  ACCESS_COOKIE_NAME,
-  REFRESH_COOKIE_NAME,
-  TokenTypes,
+  ACCESS_KEY_NAME,
+  REFRESH_KEY_NAME,
   setFormApiErrors,
+  setTokenAsync,
 } from '@baseapp-frontend/utils'
 
 import { zodResolver } from '@hookform/resolvers/zod'
-import { useMutation, useQueryClient } from '@tanstack/react-query'
-import Cookies from 'js-cookie'
+import { useMutation } from '@tanstack/react-query'
 import { useForm } from 'react-hook-form'
 
 import AuthApi from '../../../services/auth'
 import MfaApi from '../../../services/mfa'
-import { USER_API_KEY } from '../../../services/user'
 import type {
   LoginChangeExpiredPasswordRedirectResponse,
   LoginJWTResponse,
   LoginMfaRequest,
   LoginRequest,
-  LoginSimpleTokenResponse,
 } from '../../../types/auth'
 import {
-  isJWTResponse,
   isLoginChangeExpiredPasswordRedirectResponse,
   isLoginMfaResponse,
 } from '../../../utils/login'
 import { CODE_VALIDATION_INITIAL_VALUES, CODE_VALIDATION_SCHEMA } from '../../mfa/constants'
-import { useSimpleTokenUser } from '../../user'
 import { DEFAULT_INITIAL_VALUES, DEFAULT_VALIDATION_SCHEMA } from './constants'
 import type { UseLoginOptions } from './types'
 
-const jwtSuccessHandler = (
-  response: LoginJWTResponse,
-  cookieName: string,
-  refreshCookieName: string,
-) => {
-  Cookies.set(cookieName, response.access, {
-    secure: process.env.NODE_ENV === 'production',
-  })
-  Cookies.set(refreshCookieName, response.refresh, {
-    secure: process.env.NODE_ENV === 'production',
-  })
-}
-
-const simpleTokenSuccessHandler = (
-  response: LoginSimpleTokenResponse,
-  cookieName: string,
-  onSuccess: () => void,
-) => {
-  Cookies.set(cookieName, response.token, {
-    secure: process.env.NODE_ENV === 'production',
-  })
-
-  onSuccess()
-}
-
 const useLogin = ({
   loginFormOptions = {},
   loginOptions = {},
   mfaOptions = {},
-  tokenType = TokenTypes.jwt,
-  cookieName = ACCESS_COOKIE_NAME,
-  refreshCookieName = REFRESH_COOKIE_NAME,
+  accessKeyName = ACCESS_KEY_NAME,
+  refreshKeyName = REFRESH_KEY_NAME,
   ApiClass = AuthApi,
   enableFormApiErrors = true,
 }: UseLoginOptions = {}) => {
-  const queryClient = useQueryClient()
   const [mfaEphemeralToken, setMfaEphemeralToken] = useState<string | null>(null)
-  const { refetch: refetchUser } = useSimpleTokenUser({ options: { enabled: false } })
 
   /*
    * Handles login success  with the auth token in response
    */
   async function handleLoginSuccess(
-    response:
-      | LoginJWTResponse
-      | LoginSimpleTokenResponse
-      | LoginChangeExpiredPasswordRedirectResponse,
+    response: LoginJWTResponse | LoginChangeExpiredPasswordRedirectResponse,
   ) {
     if (isLoginChangeExpiredPasswordRedirectResponse(response)) {
       return
     }
-    if (isJWTResponse(tokenType, response)) {
-      jwtSuccessHandler(response, cookieName, refreshCookieName)
-    } else {
-      simpleTokenSuccessHandler(response, cookieName, () => {
-        // by invalidating the cache we force a reload of /v1/users/me and the state used by useUser hook
-        queryClient.invalidateQueries({ queryKey: USER_API_KEY.getUser() })
-        refetchUser()
-      })
-    }
+    await setTokenAsync(accessKeyName, response.access, {
+      secure: process.env.NODE_ENV === 'production',
+    })
+    await setTokenAsync(refreshKeyName, response.refresh, {
+      secure: process.env.NODE_ENV === 'production',
+    })
   }
 
   const form = useForm({

packages/authentication/modules/access/useLogin/types.ts

@@ -1,23 +1,20 @@
-import { TokenTypes } from '@baseapp-frontend/utils'
-
 import type { UseMutationOptions } from '@tanstack/react-query'
 import type { UseFormProps } from 'react-hook-form'
 
 import AuthApi from '../../../services/auth'
 import type {
-  CustomCookieNames,
+  CustomJWTKeyNames,
   LoginMfaRequest,
   LoginRequest,
   LoginResponse,
 } from '../../../types/auth'
 
 type ApiClass = Pick<typeof AuthApi, 'login'>
 
-export interface UseLoginOptions extends CustomCookieNames {
+export interface UseLoginOptions extends CustomJWTKeyNames {
   loginFormOptions?: UseFormProps<Partial<LoginRequest>>
   loginOptions?: UseMutationOptions<LoginResponse, unknown, LoginRequest, any>
   mfaOptions?: UseMutationOptions<LoginResponse, unknown, LoginMfaRequest, any>
-  tokenType?: TokenTypes
   ApiClass?: ApiClass
   enableFormApiErrors?: boolean
 }