From 4dc4e0b7c7fb48611cd09179da07324c1951699f Mon Sep 17 00:00:00 2001
From: Josh Dassinger <Joshua.Dassinger@safelite.com>
Date: Fri, 24 May 2024 13:23:45 -0500
Subject: [PATCH] SSR-1282 Dupe check display date of loss

Format Date of loss like ISS heritage dupe check
---
 src/helpers/text-helper.js                      | 9 +++++++++
 src/layouts/duplicate-check/duplicate-check.vue | 8 ++++----
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/helpers/text-helper.js b/src/helpers/text-helper.js
index 8e00c776..51170f7d 100644
--- a/src/helpers/text-helper.js
+++ b/src/helpers/text-helper.js
@@ -99,3 +99,12 @@ export function formatAmountInDollars(amount) {
     }
     return currencyFormatter.format(amount);
 }
+
+const defaultDateFormatter = new Intl.DateTimeFormat('en-US');
+export function formatDate(date, formatter) {
+    const dateFormatter = formatter ?? defaultDateFormatter;
+    if (!Number.isNaN(date)) {
+        return dateFormatter.format(date);
+    }
+    return '';
+}
diff --git a/src/layouts/duplicate-check/duplicate-check.vue b/src/layouts/duplicate-check/duplicate-check.vue
index f27a09e0..9b308d93 100644
--- a/src/layouts/duplicate-check/duplicate-check.vue
+++ b/src/layouts/duplicate-check/duplicate-check.vue
@@ -56,7 +56,9 @@ import { fetchCmsContentForPage } from '@/helpers/cms-content-helper.js';
 import BaseFormMixin from '@/mixins/base-form-mixin.js';
 import { useMainStore } from '@/store/index.js';
 import globalRules from '@/constants/global-rules.js';
-import { toTitleCase } from '@/helpers/text-helper.js';
+import {formatDate, toTitleCase} from '@/helpers/text-helper.js';
+
+const dupeCheckDateFormatter = new Intl.DateTimeFormat('en-US', { timeZone: 'UTC', month: '2-digit', day: '2-digit', year: 'numeric' });
 
 export default {
     name: 'duplicate-check',
@@ -114,9 +116,7 @@ export default {
                     const vehicle = !!o.vehicleYear && !!o.vehicleMake && !!o.vehicleModel
                         ? `${o.vehicleYear} ${o.vehicleMake} ${o.vehicleModel}`
                         : null;
-                    const dateOfLoss = o.responseDate == null
-                        ? ''
-                        : new Date(o.responseDate).toLocaleDateString();
+                    const dateOfLoss = formatDate(new Date(useMainStore().order.policy.dateOfLoss), dupeCheckDateFormatter);
                     const subtext = vehicle && o.responseDate
                         ? `${vehicle}, ${dateOfLoss}`
                         : (vehicle ?? '').concat(dateOfLoss);