From 13e70ddf5c22b33713dcb0d3bbdcb292e21cebf0 Mon Sep 17 00:00:00 2001
From: ketaki-deodhar <ketaki.deodhar@gov.bc.ca>
Date: Thu, 9 May 2024 15:30:56 -0700
Subject: [PATCH 1/2] 20989-add initial value prop

---
 src/components/jurisdiction/Jurisdiction.stories.ts | 11 +++++++++++
 src/components/jurisdiction/Jurisdiction.vue        |  8 ++++++++
 2 files changed, 19 insertions(+)

diff --git a/src/components/jurisdiction/Jurisdiction.stories.ts b/src/components/jurisdiction/Jurisdiction.stories.ts
index ed8d6399..82160944 100644
--- a/src/components/jurisdiction/Jurisdiction.stories.ts
+++ b/src/components/jurisdiction/Jurisdiction.stories.ts
@@ -16,3 +16,14 @@ export const Default = Template.bind({})
 Default['args'] = {
   showUsaJurisdictions: false
 }
+
+export const JurisdictionInitialValue = Template.bind({})
+JurisdictionInitialValue['args'] = {
+  showUsaJurisdictions: false,
+  initialValue: {
+    group: 0,
+    text: 'Alberta',
+    value: 'AB',
+    separator: false
+  }
+}
diff --git a/src/components/jurisdiction/Jurisdiction.vue b/src/components/jurisdiction/Jurisdiction.vue
index ad7e13d5..98ce7031 100644
--- a/src/components/jurisdiction/Jurisdiction.vue
+++ b/src/components/jurisdiction/Jurisdiction.vue
@@ -23,10 +23,18 @@ export default class Jurisdiction extends Vue {
   @Prop({ default: 'Select the home jurisdiction' }) readonly label!: string
   @Prop() readonly errorMessages!: string
   @Prop({ default: false }) readonly showUsaJurisdictions!: boolean
+  @Prop({ default: null }) readonly initialValue!: string
 
   // variables
   jurisdiction = null
 
+  /** Called when component is created. */
+  created (): void {
+    if (this.initialValue) {
+      this.jurisdiction = this.initialValue
+    }
+  }
+
   /** The jursidiction select options */
   get jurisdictionOptions (): Array<any> {
     const array = [] as Array<any>

From 0620ddc329781aa38dfa486afbd2c444c5a71c11 Mon Sep 17 00:00:00 2001
From: ketaki-deodhar <ketaki.deodhar@gov.bc.ca>
Date: Fri, 10 May 2024 08:23:39 -0700
Subject: [PATCH 2/2] 20989-update logic

---
 .../jurisdiction/Jurisdiction.stories.ts      |  6 +--
 src/components/jurisdiction/Jurisdiction.vue  | 46 +++++++++++++++++--
 .../foreign-jurisdiction-interface.ts         |  8 ++++
 3 files changed, 52 insertions(+), 8 deletions(-)
 create mode 100644 src/interfaces/foreign-jurisdiction-interface.ts

diff --git a/src/components/jurisdiction/Jurisdiction.stories.ts b/src/components/jurisdiction/Jurisdiction.stories.ts
index 82160944..bd6d981b 100644
--- a/src/components/jurisdiction/Jurisdiction.stories.ts
+++ b/src/components/jurisdiction/Jurisdiction.stories.ts
@@ -21,9 +21,7 @@ export const JurisdictionInitialValue = Template.bind({})
 JurisdictionInitialValue['args'] = {
   showUsaJurisdictions: false,
   initialValue: {
-    group: 0,
-    text: 'Alberta',
-    value: 'AB',
-    separator: false
+    country: 'CA',
+    region: 'FD'
   }
 }
diff --git a/src/components/jurisdiction/Jurisdiction.vue b/src/components/jurisdiction/Jurisdiction.vue
index 98ce7031..0d6e566c 100644
--- a/src/components/jurisdiction/Jurisdiction.vue
+++ b/src/components/jurisdiction/Jurisdiction.vue
@@ -10,20 +10,22 @@
 </template>
 
 <script lang="ts">
-import { Component, Emit, Prop, Vue } from 'vue-property-decorator'
+import { Component, Emit, Mixins, Prop } from 'vue-property-decorator'
 import NestedSelect from './NestedSelect.vue'
 import { JurisdictionLocation } from '@bcrs-shared-components/enums'
+import { ForeignJurisdictionIF } from '@bcrs-shared-components/interfaces'
+import { CountriesProvincesMixin } from '@bcrs-shared-components/mixins'
 import { CanJurisdictions, IntlJurisdictions, UsaJurisdiction } from './list-data'
 
 @Component({
   components: { NestedSelect }
 })
-export default class Jurisdiction extends Vue {
+export default class Jurisdiction extends Mixins(CountriesProvincesMixin) {
   // props
   @Prop({ default: 'Select the home jurisdiction' }) readonly label!: string
   @Prop() readonly errorMessages!: string
   @Prop({ default: false }) readonly showUsaJurisdictions!: boolean
-  @Prop({ default: null }) readonly initialValue!: string
+  @Prop({ default: null }) readonly initialValue!: ForeignJurisdictionIF[]
 
   // variables
   jurisdiction = null
@@ -31,7 +33,43 @@ export default class Jurisdiction extends Vue {
   /** Called when component is created. */
   created (): void {
     if (this.initialValue) {
-      this.jurisdiction = this.initialValue
+      this.setInitialValue()
+    }
+  }
+
+  /** Set initial value of jurisdiction */
+  setInitialValue (): void {
+    let jurisdictionGroup
+    let jurisdictionValue = ''
+    let jurisdictionText = ''
+
+    const initialJurValue = this.initialValue as ForeignJurisdictionIF
+    const country = initialJurValue.country
+    const region = initialJurValue.region ? initialJurValue.region : ''
+
+    if (country === JurisdictionLocation.CA) {
+      jurisdictionGroup = 0
+    } else if (country === JurisdictionLocation.US) {
+      jurisdictionGroup = 1
+    } else {
+      jurisdictionGroup = 2
+    }
+
+    if (region) {
+      if (region === JurisdictionLocation.FD) {
+        jurisdictionText = 'Federal'
+      } else {
+        let regions = this.getCountryRegions(country) as any[]
+        jurisdictionText = regions.find(p => p.short === region).name
+      }
+    } else {
+      jurisdictionText = this.getCountryName(country)
+    }
+
+    this.jurisdiction = {
+      group: jurisdictionGroup,
+      text: jurisdictionText,
+      value: jurisdictionValue
     }
   }
 
diff --git a/src/interfaces/foreign-jurisdiction-interface.ts b/src/interfaces/foreign-jurisdiction-interface.ts
new file mode 100644
index 00000000..52cd58b0
--- /dev/null
+++ b/src/interfaces/foreign-jurisdiction-interface.ts
@@ -0,0 +1,8 @@
+/**
+ * See:
+ * https://github.com/bcgov/business-schemas/blob/main/src/registry_schemas/schemas/foreign_jurisdiction.json
+ */
+export interface ForeignJurisdictionIF {
+  country: string
+  region?: string
+}