@sbc-connect/nuxt-auth 0.17.1 → 0.18.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @sbc-connect/nuxt-auth
 
+## 0.18.1
+
+### Patch Changes
+
+- [#209](https://github.com/bcgov/connect-nuxt/pull/209) [`60f4e51`](https://github.com/bcgov/connect-nuxt/commit/60f4e515b4fd4ed6b6807f906866d68b07dfbd70) Thanks [@sumesh85](https://github.com/sumesh85)! - Account selector: existing-account badges are uppercase with a leading icon — a payment-method icon (credit card, bank, dollar, link, EFT…) on the grey pill and a warning icon on the solid red status pill.
+
+## 0.18.0
+
+### Minor Changes
+
+- [#206](https://github.com/bcgov/connect-nuxt/pull/206) [`f19c40c`](https://github.com/bcgov/connect-nuxt/commit/f19c40c3702a53ef3a01a22b7068301f5d328122) Thanks [@deetz99](https://github.com/deetz99)! - Update Nuxt, Nuxt UI, JSDom and Pinia Colada to latest. Delete ConnectInputDate, replaced by ConnectInputDatePicker. Resolve theme issues after Nuxt UI update.
+
+### Patch Changes
+
+- Updated dependencies [[`f19c40c`](https://github.com/bcgov/connect-nuxt/commit/f19c40c3702a53ef3a01a22b7068301f5d328122)]:
+  - @sbc-connect/nuxt-base@0.15.0
+  - @sbc-connect/nuxt-forms@0.9.0
+
 ## 0.17.1
 
 ### Patch Changes

package/app/components/Connect/Account/Create/index.vue

@@ -52,7 +52,7 @@ onMounted(() => {
   <ConnectPageSection
     :heading="{
       label: $t('connect.label.accountInformation'),
-      labelClass: 'font-bold md:ml-4',
+      labelClass: 'font-bold md:ml-4'
     }"
     ui-body="p-0 sm:p-0"
   >

package/app/components/Connect/Account/Existing/List/Item.vue

@@ -38,6 +38,19 @@ const statusBadgeLabel = computed(() => {
   return 'connect.badge.nonSufficientFunds'
 })
 
+const paymentMethodIcons: Record<string, string> = {
+  CASH: 'i-mdi-cash',
+  CC: 'i-mdi-credit-card-outline',
+  CHEQUE: 'i-mdi-checkbook',
+  DIRECT_PAY: 'i-mdi-credit-card-outline',
+  DRAWDOWN: 'i-mdi-link-variant',
+  EFT: 'i-mdi-arrow-right-circle-outline',
+  EJV: 'i-mdi-file-document-outline',
+  ONLINE_BANKING: 'i-mdi-currency-usd',
+  PAD: 'i-mdi-bank-outline'
+}
+const paymentMethodIcon = computed(() => paymentMethodIcons[account.paymentMethod ?? ''])
+
 const address = computed(() => account.address)
 const addressLine = computed(() => {
   const addr = address.value
@@ -53,14 +66,14 @@ const addressLine = computed(() => {
     <div
       class="flex flex-row items-center gap-4 sm:gap-6"
       :class="{
-        'opacity-50': isUnusable,
+        'opacity-50': isUnusable
       }"
     >
       <UAvatar
         :alt="account.label[0]"
         :ui="{
           root: 'bg-blue-300 rounded-sm',
-          fallback: 'text-white font-bold text-xl',
+          fallback: 'text-white font-bold text-xl'
         }"
       />
       <div class="flex w-full flex-col text-left">
@@ -74,15 +87,18 @@ const addressLine = computed(() => {
           <UBadge
             v-if="showPaymentMethodBadge && account.paymentMethod"
             :label="$t(`connect.badge.paymentMethod.${account.paymentMethod}`)"
+            :icon="paymentMethodIcon"
             variant="subtle"
             color="neutral"
-            class="px-3 text-center font-bold"
+            class="rounded-sm px-3 text-center font-bold uppercase"
           />
           <UBadge
             v-if="showStatusBadge && statusBadgeLabel"
             :label="$t(statusBadgeLabel)"
+            icon="i-mdi-alert-outline"
             color="error"
-            class="px-3 text-center font-bold"
+            variant="solid"
+            class="rounded-sm px-3 text-center font-bold uppercase"
           />
         </div>
       </div>

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

@@ -25,7 +25,7 @@ const { locale } = useI18n()
         class="text-sm"
         :class="{
           'line-clamp-1 overflow-hidden text-ellipsis text-inverted max-w-64': theme === 'header',
-          'text-neutral-highlighted max-w-80': theme === 'dropdown',
+          'text-neutral-highlighted max-w-80': theme === 'dropdown'
         }"
       >
         {{ username }}

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

@@ -10,7 +10,7 @@ const isLargeScreen = useMediaQuery('(min-width: 1024px)')
     id="account-options-menu"
     :items="loggedInUserOptions"
     :ui="{
-      content: 'max-w-[90dvw] account-options-menu-pw-selector',
+      content: 'max-w-[90dvw] account-options-menu-pw-selector'
     }"
   >
     <UButton

package/app/components/Connect/TermsOfUse/Form.vue

@@ -67,7 +67,7 @@ watch(() => props.hasReachedBottom, (newVal) => {
       v-slot="{ error }"
       name="agreeToTerms"
       :ui="{
-        error: 'text-base',
+        error: 'text-base'
       }"
     >
       <UCheckbox
@@ -75,7 +75,7 @@ watch(() => props.hasReachedBottom, (newVal) => {
         v-model="state.agreeToTerms"
         :label="$t('connect.text.iHaveReadAndAcceptTermsOfUse')"
         :ui="{
-          label: error ? 'text-lg text-error' : 'text-lg',
+          label: error ? 'text-lg text-error' : 'text-lg'
         }"
       />
     </UFormField>

package/app/pages/auth/login.vue

@@ -73,7 +73,7 @@ const loginOptions = computed(() => {
         :description="ac.alert.message"
         icon="i-mdi-check-circle"
         :ui="{
-          icon: 'text-success',
+          icon: 'text-success'
         }"
       />
       <h1>

package/app/pages/auth/terms-of-use.vue

@@ -67,10 +67,10 @@ const disableButtons = computed<boolean>(() => {
       @submit="mutate({
         payload: {
           accepted: true,
-          version: data!.versionId,
+          version: data!.versionId
         },
         silent: false,
-        successCb: () => finalRedirect(useRoute(), true),
+        successCb: () => finalRedirect(useRoute(), true)
       })"
     />
   </UContainer>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sbc-connect/nuxt-auth",
   "type": "module",
-  "version": "0.17.1",
+  "version": "0.18.1",
   "repository": {
     "type": "git",
     "url": "github:bcgov/connect-nuxt"
@@ -10,23 +10,22 @@
   "main": "./nuxt.config.ts",
   "devDependencies": {
     "@axe-core/playwright": "4.13.0",
-    "dotenv": "18.0.4",
-    "nuxt": "4.5.2",
+    "dotenv": "18.0.7",
+    "nuxt": "4.6.1",
     "typescript": "6.0.3",
-    "vue-tsc": "3.3.11",
-    "@sbc-connect/eslint-config": "0.0.8",
-    "@sbc-connect/playwright-config": "0.2.1",
-    "@sbc-connect/vitest-config": "0.2.0"
+    "vue-tsc": "3.3.13",
+    "@sbc-connect/vitest-config": "0.2.0",
+    "@sbc-connect/playwright-config": "0.2.1"
   },
   "dependencies": {
-    "@pinia/colada": "1.4.6",
+    "@pinia/colada": "1.4.8",
     "@pinia/colada-nuxt": "1.2.0",
     "@pinia/nuxt": "1.0.2",
     "keycloak-js": "26.2.4",
     "pinia": "4.0.3",
     "pinia-plugin-persistedstate": "4.7.1",
-    "@sbc-connect/nuxt-base": "0.14.0",
-    "@sbc-connect/nuxt-forms": "0.8.1"
+    "@sbc-connect/nuxt-base": "0.15.0",
+    "@sbc-connect/nuxt-forms": "0.9.0"
   },
   "scripts": {
     "preinstall": "npx only-allow pnpm",