pr360-questionnaire 2.3.1 → 2.3.3

package/build/questionnaire-test.js

@@ -17453,8 +17453,8 @@ meter::-webkit-meter-optimum-value {
           <vimeo-video controls src=${this.currentStep.url} class="questionnaire--video"></vimeo-video>
           ${this.canSelfBook ? x`
               <div data-test-id="questionnaire-info"><h4>Thank you for completing the assessment. Based on your results ${this.siteSource || "we"} would like to help you set up an initial call with a professional.</h4></div>
+              <a class="button button--primary u-push-top" href=${this.currentStep.bookingUrl} target="_blank">Book Appointment</a>
               <div data-test-id="site-phone-number"><h4>Or if you'd like to speak with ${this.siteSource || "us"}, </br> please feel free to</h4><a href="tel:${this.phoneNumber}"><h1>Call ${this.siteSource || "Us"}</h1></a></div>
-              <a class="button button--primary" href=${this.bookingUrl} target="_blank">Book Appointment</a>
           ` : x`
             <div data-test-id="questionnaire-info"><h4>Thank you for completing the assessment. ${this.siteSource || "We"} will be calling you within 24 hours with more information.</h4></div>
             <div data-test-id="site-phone-number"><h4>If you'd like to speak with ${this.siteSource || "us"} sooner, </br> please feel free to</h4><a href="tel:${this.phoneNumber}"><h1>Call ${this.siteSource || "Us"}</h1></a></div>
@@ -32223,10 +32223,10 @@ ${inspect(response)}
         id: "video_123",
         type: "Video",
         text: "Based on your assessment, you are likely still losing too much blood.",
-        url: "https://vimeo.com/123456"
+        url: "https://vimeo.com/123456",
+        bookingUrl: "https://booking.example.com/appointment?prospect_id=abc123"
       };
       questionnaireElement.canSelfBook = true;
-      questionnaireElement.bookingUrl = "https://booking.example.com/appointment?prospect_id=abc123";
       questionnaireElement.phoneNumber = "555-123-4567";
       questionnaireElement.links = {
         contact_info_image: "/images/contact.jpg"

package/dist/index.js

@@ -7642,8 +7642,8 @@ meter::-webkit-meter-optimum-value {
           <vimeo-video controls src=${this.currentStep.url} class="questionnaire--video"></vimeo-video>
           ${this.canSelfBook ? x`
               <div data-test-id="questionnaire-info"><h4>Thank you for completing the assessment. Based on your results ${this.siteSource || "we"} would like to help you set up an initial call with a professional.</h4></div>
+              <a class="button button--primary u-push-top" href=${this.currentStep.bookingUrl} target="_blank">Book Appointment</a>
               <div data-test-id="site-phone-number"><h4>Or if you'd like to speak with ${this.siteSource || "us"}, </br> please feel free to</h4><a href="tel:${this.phoneNumber}"><h1>Call ${this.siteSource || "Us"}</h1></a></div>
-              <a class="button button--primary" href=${this.bookingUrl} target="_blank">Book Appointment</a>
           ` : x`
             <div data-test-id="questionnaire-info"><h4>Thank you for completing the assessment. ${this.siteSource || "We"} will be calling you within 24 hours with more information.</h4></div>
             <div data-test-id="site-phone-number"><h4>If you'd like to speak with ${this.siteSource || "us"} sooner, </br> please feel free to</h4><a href="tel:${this.phoneNumber}"><h1>Call ${this.siteSource || "Us"}</h1></a></div>

package/js/questionnaire.ts

@@ -21,6 +21,7 @@ export type Video = {
   type: "Video";
   url: string;
   text: string;
+  bookingUrl?: string;
 }
 
 export type ContactInfo = {
@@ -243,8 +244,8 @@ export class QuestionnaireElement extends LitElement {
           ${this.canSelfBook ? 
             html`
               <div data-test-id="questionnaire-info"><h4>Thank you for completing the assessment. Based on your results ${this.siteSource || 'we'} would like to help you set up an initial call with a professional.</h4></div>
+              <a class="button button--primary u-push-top" href=${(this.currentStep as Video).bookingUrl} target="_blank">Book Appointment</a>
               <div data-test-id="site-phone-number"><h4>Or if you'd like to speak with ${this.siteSource || 'us'}, </br> please feel free to</h4><a href="tel:${this.phoneNumber}"><h1>Call ${this.siteSource || 'Us'}</h1></a></div>
-              <a class="button button--primary" href=${this.bookingUrl} target="_blank">Book Appointment</a>
           ` :
           html`
             <div data-test-id="questionnaire-info"><h4>Thank you for completing the assessment. ${this.siteSource || 'We'} will be calling you within 24 hours with more information.</h4></div>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "pr360-questionnaire",
   "description": "An element to render a questionnaire for PatientReach 360.",
-  "version": "2.3.1",
+  "version": "2.3.3",
   "main": "dist/index.js",
   "author": {
     "email": "chris@launchscout.com",

package/test/questionnaire-test.ts

@@ -137,10 +137,10 @@ describe('questionnaire test', async () => {
       id: "video_123",
       type: "Video",
       text: "Based on your assessment, you are likely still losing too much blood.",
-      url: "https://vimeo.com/123456"
+      url: "https://vimeo.com/123456",
+      bookingUrl: "https://booking.example.com/appointment?prospect_id=abc123"
     };
     questionnaireElement.canSelfBook = true;
-    questionnaireElement.bookingUrl = "https://booking.example.com/appointment?prospect_id=abc123";
     questionnaireElement.phoneNumber = "555-123-4567";
     questionnaireElement.links = {
       contact_info_image: '/images/contact.jpg'