@sbc-connect/nuxt-auth 0.13.0 → 0.14.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @sbc-connect/nuxt-auth
 
+## 0.14.0
+
+### Minor Changes
+
+- [#178](https://github.com/bcgov/connect-nuxt/pull/178) [`3c8d9bf`](https://github.com/bcgov/connect-nuxt/commit/3c8d9bfdf9147d6fd6ce0dadc4b47f043feb4f4b) Thanks [@deetz99](https://github.com/deetz99)! - Fix type augmentation resolution
+
+### Patch Changes
+
+- Updated dependencies [[`3c8d9bf`](https://github.com/bcgov/connect-nuxt/commit/3c8d9bfdf9147d6fd6ce0dadc4b47f043feb4f4b)]:
+  - @sbc-connect/nuxt-base@0.11.0
+  - @sbc-connect/nuxt-forms@0.7.6
+
+## 0.13.1
+
+### Patch Changes
+
+- [#176](https://github.com/bcgov/connect-nuxt/pull/176) [`cc88169`](https://github.com/bcgov/connect-nuxt/commit/cc88169964e9c5aa845ac2c7bec6795f6187bf32) Thanks [@deetz99](https://github.com/deetz99)! - Create account page: Add optional body text and hide back button if user has 0 accounts
+
 ## 0.13.0
 
 ### Minor Changes

package/app/app.config.ts

@@ -1,4 +1,4 @@
-import { ConnectIdpHint } from '#auth/app/enums/connect-idp-hint'
+import { ConnectIdpHint } from './enums/connect-idp-hint'
 import type { AppConfigInput } from 'nuxt/schema'
 
 export default defineAppConfig({

package/app/components/Connect/Header/AccountLabel.vue

@@ -8,12 +8,14 @@ const {
   username?: string
   theme?: 'header' | 'dropdown'
 }>()
+
+const { locale } = useI18n()
 </script>
 
 <template>
   <div class="flex items-center gap-1">
     <UAvatar
-      :text="username[0] ? username[0].toLocaleUpperCase($i18n.locale) : 'U'"
+      :text="username[0] ? username[0].toLocaleUpperCase(locale) : 'U'"
       size="md"
       class="text-inverted self-start sm:self-center"
       :ui="{ root: 'bg-blue-300 rounded-none text-lg', fallback: 'text-inverted font-bold' }"

package/app/pages/auth/account/select.vue

@@ -25,6 +25,12 @@ const pageTitle = computed(() =>
     ? $t('connect.label.existingAccountFound')
     : $t('connect.label.sbcAccountCreation')
 )
+const createAccountDesc = computed(() => {
+  const desc = useNuxtApp().$i18n.tm('connect.page.createAccount.description')
+  return Array.isArray(desc) && (desc as Array<unknown>).length > 0
+    ? desc
+    : []
+})
 
 useHead({
   title: pageTitle
@@ -69,9 +75,14 @@ onBeforeMount(() => {
 <template>
   <UContainer class="max-w-6xl">
     <ConnectTransitionFade>
-      <div class="space-y-6 sm:space-y-10">
+      <div class="space-y-4 sm:space-y-6">
         <h1>{{ pageTitle }}</h1>
         <ConnectAccountExistingAlert v-if="showAccountList" />
+        <div v-else-if="!showAccountList && createAccountDesc.length" class="space-y-2">
+          <p v-for="text in createAccountDesc" :key="text">
+            {{ $rt(text) }}
+          </p>
+        </div>
       </div>
     </ConnectTransitionFade>
 
@@ -124,6 +135,7 @@ onBeforeMount(() => {
       data-testid="create-account-button-wrapper"
     >
       <UButton
+        v-if="store.userAccounts.length > 0"
         variant="outline"
         :label="$t('connect.label.back')"
         :disabled="isSubmitting"

package/app/types/auth-nuxt-hooks.d.ts

@@ -5,3 +5,5 @@ declare module '#app' {
     'connect:auth:refresh': (payload: { token: string | undefined }) => HookResult
   }
 }
+
+export {}

package/i18n/locales/en-CA.ts

@@ -62,7 +62,8 @@ export default {
         phonePlaceholder: 'Enter phone number',
         phoneExtensionLabel: 'Phone extension (Optional)',
         addressLabel: 'Address',
-        countryLabel: 'Country'
+        countryLabel: 'Country',
+        description: []
       }
     },
     sessionExpiry: {

package/nuxt.config.ts

@@ -88,5 +88,20 @@ export default defineNuxtConfig({
         'keycloak-js'
       ]
     }
+  },
+
+  // Nuxt 4 tsconfig `references` context workaround for type augmentation
+  // Forces type augmentations into the correct context
+  // https://nuxt.com/docs/4.x/guide/modules/recipes-advanced#extend-typescript-config
+  // Can also force sharedReferences, nodeReferences - and nitro references using the 'nitro:prepare:types' hook
+  hooks: {
+    'prepare:types': ({ references }) => {
+      // force `#app` augmentations
+      references.push(
+        { path: resolve('./app/types/auth-app-config.d.ts') },
+        { path: resolve('./app/types/auth-nuxt-hooks.d.ts') },
+        { path: resolve('./app/types/auth-page-meta.d.ts') }
+      )
+    }
   }
 })

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sbc-connect/nuxt-auth",
   "type": "module",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "repository": "github:bcgov/connect-nuxt",
   "license": "BSD-3-Clause",
   "main": "./nuxt.config.ts",
@@ -12,8 +12,8 @@
     "typescript": "6.0.3",
     "vue-tsc": "3.3.1",
     "@sbc-connect/eslint-config": "0.0.8",
-    "@sbc-connect/playwright-config": "0.2.0",
-    "@sbc-connect/vitest-config": "0.2.0"
+    "@sbc-connect/vitest-config": "0.2.0",
+    "@sbc-connect/playwright-config": "0.2.0"
   },
   "dependencies": {
     "@pinia/colada": "1.3.0",
@@ -22,8 +22,8 @@
     "keycloak-js": "26.2.4",
     "pinia": "3.0.4",
     "pinia-plugin-persistedstate": "4.7.1",
-    "@sbc-connect/nuxt-forms": "0.7.5",
-    "@sbc-connect/nuxt-base": "0.10.0"
+    "@sbc-connect/nuxt-base": "0.11.0",
+    "@sbc-connect/nuxt-forms": "0.7.6"
   },
   "scripts": {
     "preinstall": "npx only-allow pnpm",