From c9e0830f539876bbf6fed8efe4791b81ec93cfee Mon Sep 17 00:00:00 2001
From: Peinan Wang <peinanwang@RiddleMBP.local>
Date: Mon, 27 Jan 2025 16:05:46 -0800
Subject: [PATCH] 25238 - add tooltip for Physical Address section title

---
 .../components/bcros/section/index.vue        | 20 ++++++++++++++++---
 .../individual-person/add-new/index.vue       |  3 ++-
 btr-web/btr-main-app/lang/en.json             |  5 ++++-
 3 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/btr-web/btr-common-components/components/bcros/section/index.vue b/btr-web/btr-common-components/components/bcros/section/index.vue
index 74a79e07..305269b6 100644
--- a/btr-web/btr-common-components/components/bcros/section/index.vue
+++ b/btr-web/btr-common-components/components/bcros/section/index.vue
@@ -55,15 +55,28 @@
             'w-full': sectionTitleFull
           }"
         >
-          <span class="font-bold min-w-[190px] mt-3" :class="showSectionHasErrors ? 'text-red-500' : ''">
+          <div class="font-bold min-w-[190px] mt-3" :class="showSectionHasErrors ? 'text-red-500' : ''">
             <UIcon
               v-if="sectionTitleIcon"
               class="text-2xl align-bottom"
               :name="sectionTitleIcon"
               :class="sectionIconColor ? sectionIconColor : ''"
             />
-            {{ sectionTitle }}
-          </span>
+            <BcrosTooltip
+              v-if="sectionTitleTooltip"
+              :text="sectionTitleTooltip"
+              :popper="{
+                placement: 'bottom',
+                arrow: true,
+                resize: true
+              }"
+            >
+              <span class="underline decoration-dotted">{{ sectionTitle }}</span>
+            </BcrosTooltip>
+            <span v-else>
+              {{ sectionTitle }}
+            </span>
+          </div>
         </div>
       </slot>
       <slot name="default" />
@@ -79,6 +92,7 @@ const props = defineProps({
   sectionTitle: { type: String, required: false, default: undefined },
   sectionTitleIcon: { type: String, required: false, default: undefined },
   sectionIconColor: { type: String, required: false, default: '' },
+  sectionTitleTooltip: { type: String, required: false, default: undefined },
 
   headerIconName: { type: String, required: false, default: undefined },
   headerTitle: { type: String, required: false, default: undefined },
diff --git a/btr-web/btr-main-app/components/individual-person/add-new/index.vue b/btr-web/btr-main-app/components/individual-person/add-new/index.vue
index 8fbbd566..cc4dc322 100644
--- a/btr-web/btr-main-app/components/individual-person/add-new/index.vue
+++ b/btr-web/btr-main-app/components/individual-person/add-new/index.vue
@@ -256,8 +256,9 @@
       <BcrosSection
         id="address"
         :show-section-has-errors="hasErrors(['address.'])"
-        :section-title="$t('labels.lastKnownAddress')"
+        :section-title="$t('labels.physicalAddress')"
         :border="editMode"
+        :section-title-tooltip="$t('helpTexts.physicalAddress.tooltip')"
         no-top-border
       >
         <div class="flex-col w-full">
diff --git a/btr-web/btr-main-app/lang/en.json b/btr-web/btr-main-app/lang/en.json
index 9459489d..2728a089 100644
--- a/btr-web/btr-main-app/lang/en.json
+++ b/btr-web/btr-main-app/lang/en.json
@@ -69,7 +69,7 @@
     "effectiveDates": "Effective Dates",
     "significantIndividuals": "Significant Individuals",
     "significantIndividualChangeDate": "Significant Individual Filing Effective Date",
-    "lastKnownAddress": "Address",
+    "physicalAddress": "Physical Address",
     "mailingAddress": "Mailing Address",
     "citizenshipPermanentResidency": "Citizenship / Permanent Residency",
     "taxNumber": "Canada Revenue Agency (CRA) Tax Number",
@@ -356,6 +356,9 @@
     }
   },
   "helpTexts": {
+    "physicalAddress": {
+      "tooltip": "This is the address at which the individual can be found or served with documents in-person during regular business hours."
+    },
     "phoneNumber": {
       "tooltip": "Please double check your records and if you cannot match the info please check the section below: Unable to obtain information and detail steps taken.",
       "hint": "Enter phone number (numbers only)"