From d8657653410ad968f48ea76cd73382f95f0fdc5f Mon Sep 17 00:00:00 2001
From: Kai O'Brien <115034688+K-OBrien-Phase2@users.noreply.github.com>
Date: Fri, 22 Nov 2024 15:50:20 -0700
Subject: [PATCH 1/4] PR #58

---
 .../outline-yext-vertical/teaser.ts           | 22 ++++++++++---------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/components/outline-yext-vertical/teaser.ts b/src/components/outline-yext-vertical/teaser.ts
index aaac6f4..3fc0322 100644
--- a/src/components/outline-yext-vertical/teaser.ts
+++ b/src/components/outline-yext-vertical/teaser.ts
@@ -27,7 +27,7 @@ export function displayTeaser(vertical: string, result: verticalSearchResult) {
         result.data.headshot?.url,
         title,
         url,
-        result.data.c_specialties?.map(highlightField) || []
+        result.data["c_specialties"] || [],
       ),
     testimonial: () =>
       testimonialTeaser(result.data.c_testimonial_Photo, title, url, cleanData),
@@ -110,15 +110,17 @@ export function healthcareProfessionalTeaser(
 ) {
   return html`
     <outline-teaser image="${image}" title="${title}" url="${url}">
-      ${specialties.length > 0
-        ? html`
-            <ul class="specialty-list">
-              ${specialties.map(
-                (el: string) => html`<li class="specialty">${el}</li>`
-              )}
-            </ul>
-          `
-        : null}
+    ${specialties.length > 0
+      ? html`
+          <ul class="specialty-list">
+          <li class="specialty">
+            ${specialties.map((el: string, index: number) => html`
+              ${el}${index < specialties.length - 1 ? ',' : ''}
+            `)}
+            </li>
+          </ul>
+        `
+      : null}
       <outline-button
         slot="cta"
         button-url="${url}"

From 1d794be8f458f57b78c0d47ac9c5d8025020b962 Mon Sep 17 00:00:00 2001
From: Kai O'Brien <115034688+K-OBrien-Phase2@users.noreply.github.com>
Date: Fri, 22 Nov 2024 15:55:45 -0700
Subject: [PATCH 2/4] PR #59

---
 .../outline-yext-vertical/teaser.ts           | 12 ++++++++++-
 .../shared/outline-teaser/outline-teaser.css  |  4 ++++
 .../shared/outline-teaser/outline-teaser.ts   | 21 +++++++++++++------
 3 files changed, 30 insertions(+), 7 deletions(-)

diff --git a/src/components/outline-yext-vertical/teaser.ts b/src/components/outline-yext-vertical/teaser.ts
index 3fc0322..6c200eb 100644
--- a/src/components/outline-yext-vertical/teaser.ts
+++ b/src/components/outline-yext-vertical/teaser.ts
@@ -24,6 +24,7 @@ export function displayTeaser(vertical: string, result: verticalSearchResult) {
   const teaserFunctions = {
     healthcare_professionals: () =>
       healthcareProfessionalTeaser(
+        result.data.address,
         result.data.headshot?.url,
         title,
         url,
@@ -103,13 +104,14 @@ export function newsTeaser(
 }
 
 export function healthcareProfessionalTeaser(
+  address: Address | undefined,
   image: string | undefined,
   title: string,
   url: string,
   specialties: string[]
 ) {
   return html`
-    <outline-teaser image="${image}" title="${title}" url="${url}">
+    <outline-teaser teaser-type="healthcare_professional" image="${image}" title="${title}" url="${url}">
     ${specialties.length > 0
       ? html`
           <ul class="specialty-list">
@@ -121,6 +123,14 @@ export function healthcareProfessionalTeaser(
           </ul>
         `
       : null}
+      ${address
+        ? unsafeHTML(`
+      <div slot="address">
+        ${address.line1}<br />
+        ${address.city}, ${address.region} ${address.postalCode}<br />
+      </div>
+      `)
+        : null}
       <outline-button
         slot="cta"
         button-url="${url}"
diff --git a/src/components/shared/outline-teaser/outline-teaser.css b/src/components/shared/outline-teaser/outline-teaser.css
index 2d6991d..083deab 100644
--- a/src/components/shared/outline-teaser/outline-teaser.css
+++ b/src/components/shared/outline-teaser/outline-teaser.css
@@ -152,3 +152,7 @@
 .highlight {
   font-weight: bold;
 }
+
+.address-padding-top {
+  padding-top: 0.5rem;
+}
\ No newline at end of file
diff --git a/src/components/shared/outline-teaser/outline-teaser.ts b/src/components/shared/outline-teaser/outline-teaser.ts
index dbc1a23..30d5a38 100644
--- a/src/components/shared/outline-teaser/outline-teaser.ts
+++ b/src/components/shared/outline-teaser/outline-teaser.ts
@@ -56,6 +56,9 @@ export class OutlineTeaser extends LitElement {
   @property({ type: String, attribute: 'date' })
   teaserDate?: string;
 
+  @property({ type: String, attribute: 'teaser-type' })
+  teaserType?: string;
+
   @state() hasAddressSlot?: boolean;
   @state() hasCtaSlot?: boolean;
 
@@ -64,12 +67,18 @@ export class OutlineTeaser extends LitElement {
       <div class="location-information">
         <div class="inner">
           ${this.hasAddressSlot
-            ? html`
-                <h4>Location</h4>
-                <div class="address">
-                  <slot name="address"></slot>
-                </div>
-              `
+            ? this.teaserType != 'healthcare_professional'
+              ? html`
+                  <h4>Location</h4>
+                  <div class="address">
+                    <slot name="address"></slot>
+                  </div>
+                `
+              : html`
+                  <div class="address address-padding-top">
+                    <slot name="address"></slot>
+                  </div>
+                `
             : null}
           ${this.teaserPhone
             ? html`<a href="tel:${this.teaserPhone}" class="phone"

From 69dd265bd7da6c54360f6b6cc405d7fe7a5022ff Mon Sep 17 00:00:00 2001
From: Kai O'Brien <115034688+K-OBrien-Phase2@users.noreply.github.com>
Date: Fri, 22 Nov 2024 16:14:34 -0700
Subject: [PATCH 3/4] PR #60

---
 src/components/outline-yext-vertical/teaser.ts         | 5 +++--
 src/components/shared/outline-teaser/outline-teaser.ts | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/outline-yext-vertical/teaser.ts b/src/components/outline-yext-vertical/teaser.ts
index 426436b..030df4b 100644
--- a/src/components/outline-yext-vertical/teaser.ts
+++ b/src/components/outline-yext-vertical/teaser.ts
@@ -35,7 +35,7 @@ export function displayTeaser(vertical: string, result: verticalSearchResult) {
       ),
     testimonial: () =>
       testimonialTeaser(result.data.c_testimonial_Photo, title, url, cleanData),
-    person: () => personTeaser(result.data.c_person_Photos, title, url, highlightField('c_title')),
+    person: () => personTeaser(result.data.c_person_Photos, title, url, highlightField('c_title'), cleanData),
     page: () => defaultTeaser(highlightField('c_title'), url, cleanData),
     locationsearch: () =>
       locationTeaser(
@@ -92,10 +92,11 @@ export function defaultTeaser(title: string, url: string, snippet: string) {
   ></outline-teaser>`;
 }
 
-export function personTeaser(image: string, title: string, url: string, snippet: string) {
+export function personTeaser(image: string, title: string, url: string, subtitle: string, snippet: string) {
   return html`<outline-teaser
     url="${url}"
     title="${title}"
+    subtitle="${subtitle}"
     image="${image}"
     snippet="${snippet}"
   ></outline-teaser>`;
diff --git a/src/components/shared/outline-teaser/outline-teaser.ts b/src/components/shared/outline-teaser/outline-teaser.ts
index 3849c07..8bf8dbf 100644
--- a/src/components/shared/outline-teaser/outline-teaser.ts
+++ b/src/components/shared/outline-teaser/outline-teaser.ts
@@ -134,7 +134,7 @@ export class OutlineTeaser extends LitElement {
             `
           : null}
         ${this.teaserSubtitle
-          ? html` <div class="subtitle">${this.teaserSubtitle}</div> `
+          ? html` <div class="subtitle">${unsafeHTML(this.teaserSubtitle)}</div> `
           : null}
 
         <div

From 32634047af7b3cc57d8596d3ba3a9b7d8e4ad4c9 Mon Sep 17 00:00:00 2001
From: Kai O'Brien <115034688+K-OBrien-Phase2@users.noreply.github.com>
Date: Fri, 22 Nov 2024 16:15:34 -0700
Subject: [PATCH 4/4] PR #61

---
 src/components/shared/outline-teaser/outline-teaser.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/shared/outline-teaser/outline-teaser.ts b/src/components/shared/outline-teaser/outline-teaser.ts
index 8bf8dbf..aa028c6 100644
--- a/src/components/shared/outline-teaser/outline-teaser.ts
+++ b/src/components/shared/outline-teaser/outline-teaser.ts
@@ -143,6 +143,7 @@ export class OutlineTeaser extends LitElement {
             'has-hours': this.teaserHours,
             'is-mobile': isMobile,
           })}"
+          title=""
         >
           ${this.teaserSnippet
             ? html`${unsafeHTML(this.teaserSnippet)}`