@sbc-connect/nuxt-forms 0.6.2 → 0.7.1

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @sbc-connect/nuxt-forms
 
+## 0.7.1
+
+### Patch Changes
+
+- [#149](https://github.com/bcgov/connect-nuxt/pull/149) [`467e679`](https://github.com/bcgov/connect-nuxt/commit/467e679f8bf4b2f3b9ec2294fd28a2a6c5ef3dba) Thanks [@deetz99](https://github.com/deetz99)! - Update dependencies
+
+- Updated dependencies [[`467e679`](https://github.com/bcgov/connect-nuxt/commit/467e679f8bf4b2f3b9ec2294fd28a2a6c5ef3dba)]:
+  - @sbc-connect/nuxt-base@0.7.2
+
+## 0.7.0
+
+### Minor Changes
+
+- [#144](https://github.com/bcgov/connect-nuxt/pull/144) [`3b9fddb`](https://github.com/bcgov/connect-nuxt/commit/3b9fddb1c634fa48c8f4426954cbb2a043f78ff1) Thanks [@eve-git](https://github.com/eve-git)! - Fix issue where postal code was not optional for certain countries.
+
 ## 0.6.2
 
 ### Patch Changes

package/app/components/Connect/Form/Address/PostalCode.vue

@@ -7,6 +7,14 @@ defineProps<{
   required?: boolean
 }>()
 
+const isOptionalPostalCodeCountry = (country?: string) => {
+  if (!country) {
+    return false
+  }
+
+  return isNoPostalCodeCountry(country)
+}
+
 const model = defineModel<string | undefined>({
   set(value) {
     if (value) {
@@ -24,10 +32,12 @@ const model = defineModel<string | undefined>({
     :data-testid="`${parentId}-field-postalCode`"
     :input-id="`${parentId}-input-postalCode`"
     :disabled
-    :required
+    :required="required && !isOptionalPostalCodeCountry(country)"
     :label="country === 'US'
       ? $t('connect.label.zipCode')
-      : $t('connect.label.postalCode')
+      : isOptionalPostalCodeCountry(country)
+        ? $t('connect.label.postalCodeOpt')
+        : $t('connect.label.postalCode')
     "
     :mask="country === 'CA'
       ? '*** ***'

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

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import type { TextareaProps } from '@nuxt/ui'
+
 defineProps<{
   name: string
   label: string
@@ -9,7 +11,7 @@ defineProps<{
   help?: string
 }>()
 
-const model = defineModel<null | string | number | undefined>({ required: true })
+const model = defineModel<Exclude<TextareaProps['modelValue'], null>>({ required: true })
 </script>
 
 <template>

package/app/utils/isoCountriesList.ts

@@ -2034,3 +2034,15 @@ export const isoCountriesListSortedByName = isoCountriesList.toSorted(
     return 0
   }
 )
+
+const NO_POSTAL_CODE_COUNTRY_CODES = [
+  'AO', 'AG', 'AW', 'BS', 'BZ', 'BJ', 'BM', 'BO', 'BQ', 'BW', 'BF', 'BI',
+  'CM', 'CF', 'TD', 'KM', 'CG', 'CD', 'CK', 'CI', 'CW', 'DJ', 'DM', 'GQ',
+  'ER', 'FJ', 'TF', 'GA', 'GM', 'GH', 'GD', 'GY', 'HM', 'HK',
+  'KI', 'KP', 'LY', 'MO', 'MW', 'ML', 'MR', 'NR',
+  'AN', 'NU', 'QA', 'RW', 'KN', 'ST', 'SC', 'SL', 'SX', 'SB', 'SO', 'SR', 'SY',
+  'TL', 'TG', 'TK', 'TO', 'TT', 'TV', 'UG', 'AE', 'VU', 'YE', 'ZW'
+]
+export function isNoPostalCodeCountry(countryCode: string): boolean {
+  return NO_POSTAL_CODE_COUNTRY_CODES.indexOf(countryCode) !== -1
+}

package/app/utils/zod-schemas/addresses.ts

@@ -55,6 +55,7 @@ export function getRequiredAddressSchema() {
     }
 
     const isRequiredRegion = country === 'US' || country === 'CA'
+    const isRequiredPostalCode = !!country && !isNoPostalCodeCountry(country)
 
     if (isRequiredRegion) {
       if (!region) {
@@ -64,14 +65,14 @@ export function getRequiredAddressSchema() {
           path: ['region']
         })
       }
+    }
 
-      if (!postalCode) {
-        ctx.addIssue({
-          code: 'custom',
-          message: t('connect.validation.fieldRequired'),
-          path: ['postalCode']
-        })
-      }
+    if (isRequiredPostalCode && !postalCode) {
+      ctx.addIssue({
+        code: 'custom',
+        message: t('connect.validation.fieldRequired'),
+        path: ['postalCode']
+      })
     }
 
     if (!postalCode) {

package/i18n/locales/en-CA.ts

@@ -17,6 +17,7 @@ export default {
       locationDescriptionOpt: 'Location Description (Optional)',
       mailingAddress: 'Mailing Address',
       postalCode: 'Postal Code',
+      postalCodeOpt: 'Postal Code (Optional)',
       province: 'Province',
       region: 'Region',
       regionOpt: 'Region (Optional)',

package/package.json

@@ -1,24 +1,24 @@
 {
   "name": "@sbc-connect/nuxt-forms",
   "type": "module",
-  "version": "0.6.2",
+  "version": "0.7.1",
   "repository": "github:bcgov/connect-nuxt",
   "license": "BSD-3-Clause",
   "main": "./nuxt.config.ts",
   "devDependencies": {
-    "@axe-core/playwright": "4.11.0",
-    "dotenv": "17.2.3",
+    "@axe-core/playwright": "4.11.1",
+    "dotenv": "17.3.1",
     "nuxt": "4.2.2",
     "typescript": "5.9.3",
-    "vue-tsc": "3.2.1",
-    "@sbc-connect/playwright-config": "0.1.1",
+    "vue-tsc": "3.2.5",
     "@sbc-connect/eslint-config": "0.0.8",
-    "@sbc-connect/vitest-config": "0.1.0"
+    "@sbc-connect/playwright-config": "0.1.1",
+    "@sbc-connect/vitest-config": "0.1.1"
   },
   "dependencies": {
     "country-codes-list": "2.0.0",
     "vue-country-flag-next": "2.3.2",
-    "@sbc-connect/nuxt-base": "0.7.1"
+    "@sbc-connect/nuxt-base": "0.7.2"
   },
   "scripts": {
     "preinstall": "npx only-allow pnpm",