Merge remote-tracking branch 'origin/develop' into feature/CSR-1146

src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.vue

@@ -55,6 +55,13 @@ import {
     PREMIUM_FEE_PART_TYPE,
     RouteCodeFlags,
 } from "@/constants/schedule-constants";
+const cmsWidgetFieldMappings = {
+    MODAL_CLOSE_BUTTON: "FooterText",
+    SUPPLEMENTAL_INFORMATION: "BodyText",
+    TIME_SLOT_BUTTON: "HeaderText",
+    DISCLAIMER: "FooterText",
+    DURATION: "SubheaderText",
+};
 
 // Validation for the modal button
 defineRule("time-slot-required", required(errorMessages.OPTION_REQUIRED));
@@ -124,30 +131,60 @@ export default {
                         );
                 }
             }
-            return this.getCmsContent(appointmentTypeCmsWidgetName, "BodyText");
+            return this.getCmsContent(
+                appointmentTypeCmsWidgetName,
+                cmsWidgetFieldMappings.SUPPLEMENTAL_INFORMATION
+            );
         },
         footerCloseButtonText() {
-            return this.getCmsContent(this.cmsWidgetName, "FooterText");
+            return this.getCmsContent(
+                this.cmsWidgetName,
+                cmsWidgetFieldMappings.MODAL_CLOSE_BUTTON
+            );
         },
         premiumAppointmentButtonText() {
-            return this.getCmsContent(this.mobilePremiumCmsWidgetName, "HeaderText");
+            return this.getCmsContent(
+                this.mobilePremiumCmsWidgetName,
+                cmsWidgetFieldMappings.TIME_SLOT_BUTTON
+            );
         },
         dropoffButtonText() {
-            return this.getCmsContent(this.dropoffCmsWidgetName, "HeaderText");
+            return this.getCmsContent(
+                this.dropoffCmsWidgetName,
+                cmsWidgetFieldMappings.TIME_SLOT_BUTTON
+            );
+        },
+        sameDayDropoffButtonText() {
+            return this.getCmsContent(
+                this.sameDayDropOffCmsWidgetName,
+                cmsWidgetFieldMappings.TIME_SLOT_BUTTON
+            );
         },
         overnightDropoffButtonText() {
-            return this.getCmsContent(this.overnightDropOffCmsWidgetName, "HeaderText");
+            return this.getCmsContent(
+                this.overnightDropOffCmsWidgetName,
+                cmsWidgetFieldMappings.TIME_SLOT_BUTTON
+            );
         },
         dropoffDisclaimerText() {
-            return this.getCmsContent(this.dropoffCmsWidgetName, "FooterText");
+            return this.getCmsContent(this.dropoffCmsWidgetName, cmsWidgetFieldMappings.DISCLAIMER);
+        },
+        sameDayDropOffDisclaimerText() {
+            return this.getCmsContent(
+                this.sameDayDropOffCmsWidgetName,
+                cmsWidgetFieldMappings.DISCLAIMER
+            );
         },
         overnightDropOffDisclaimerText() {
-            return this.getCmsContent(this.overnightDropOffCmsWidgetName, "FooterText");
+            return this.getCmsContent(
+                this.overnightDropOffCmsWidgetName,
+                cmsWidgetFieldMappings.DISCLAIMER
+            );
         },
         disclaimerTextBlockCopy() {
             if (this.appointmentType === AppointmentTypeStrings.DROP_OFF) {
                 if (this.isSameDay) {
-                    return null;
+                    return this.sameDayDropOffDisclaimerText;
                 } else if (this.selectedTimeSlotId?.includes(RouteCodeFlags.ALL_DAY_DROP_OFF)) {
                     return this.dropoffDisclaimerText;
                 } else if (this.selectedTimeSlotId?.includes(RouteCodeFlags.OVERNIGHT_DROP_OFF)) {
@@ -160,15 +197,24 @@ export default {
             }
         },
         dropOffDurationText() {
-            return this.getCmsContent(this.dropoffCmsWidgetName, "SubheaderText");
+            return this.getCmsContent(this.dropoffCmsWidgetName, cmsWidgetFieldMappings.DURATION);
+        },
+        sameDayDropoffDurationText() {
+            return this.getCmsContent(
+                this.sameDayDropOffCmsWidgetName,
+                cmsWidgetFieldMappings.DURATION
+            );
         },
         overnightDropoffDurationText() {
-            return this.getCmsContent(this.overnightDropOffCmsWidgetName, "SubheaderText");
+            return this.getCmsContent(
+                this.overnightDropOffCmsWidgetName,
+                cmsWidgetFieldMappings.DURATION
+            );
         },
         inshopDurationText() {
             const inshopDurationTextWithoutTime = this.getCmsContent(
                 this.cmsWidgetName,
-                "SubheaderText"
+                cmsWidgetFieldMappings.DURATION
             );
             const inshopDurationTime = this.getDisplayTextForDurationLength(
                 this.estimatedServiceMinutesMinimum,
@@ -185,15 +231,16 @@ export default {
                 if (this.selectedTimeSlotId?.includes(RouteCodeFlags.OVERNIGHT_DROP_OFF)) {
                     return this.overnightDropoffDurationText;
                 } else if (this.selectedTimeSlotId?.includes(RouteCodeFlags.ALL_DAY_DROP_OFF)) {
-                    return this.dropOffDurationText;
+                    if (this.isSameDay) {
+                        return this.sameDayDropoffDurationText;
+                    } else {
+                        return this.dropOffDurationText;
+                    }
                 } else {
                     return null;
                 }
             }
         },
-        shouldShowDropoffDisclaimerText() {
-            return this.appointmentType === AppointmentTypeStrings.DROP_OFF && !this.isSameDay;
-        },
         isSameDay() {
             if (!this.dateAndTimeSlotData) {
                 return false;
@@ -202,7 +249,6 @@ export default {
             const todaysDate = new Date().toISOString().split("T")[0];
             return selectedDate === todaysDate;
         },
-
         dateSelectedReadableDate() {
             if (!this.dateAndTimeSlotData) {
                 return null;
@@ -303,9 +349,14 @@ export default {
         },
         getAvailableTimeSlotsForDropOff(timeSlotsForSelectedDate) {
             const availableTimeSlots = timeSlotsForSelectedDate.map((timeSlot) => {
-                const buttonLabelValue = timeSlot.id.includes(RouteCodeFlags.OVERNIGHT_DROP_OFF)
+                let buttonLabelValue;
-                    ? this.overnightDropoffButtonText
+                if (timeSlot.id.includes(RouteCodeFlags.OVERNIGHT_DROP_OFF)) {
-                    : this.dropoffButtonText;
+                    buttonLabelValue = this.overnightDropoffButtonText;
+                } else if (this.isSameDay) {
+                    buttonLabelValue = this.sameDayDropoffButtonText;
+                } else {
+                    buttonLabelValue = this.dropoffButtonText;
+                }
                 return {
                     value: timeSlot.id,
                     buttonLabel: buttonLabelValue,