Merge pull request #3166 from Safelite/nation/CASH-699

Nation/cash 699

src/constants/insurance.js

@@ -78,3 +78,7 @@ export function coverageTypeEnum(strCoverageType) {
             return null;
     }
 }
+
+export const NON_MANAGED_SHOW_CLAIM_NUMBER_PARENTS = [
+    { name: "KentuckyFarmBureau", value: "223499" },
+];

src/layouts/insurance-details/insurance-details.vue

@@ -39,7 +39,16 @@
                         format="MM/dd/yyyy"
                         modelType="MM/dd/yyyy"
                         :enableTimePicker="false"
-                        :clearable="false" />
+                        :clearable="false"
+                        :textInput="true" />
+
+                    <textboxQuestion
+                        v-if="displayClaimNumber"
+                        isRequired
+                        class="mb-4"
+                        cmsWidgetName="ClaimNumberWidget"
+                        v-model="claimNumber"
+                        inputId="claimNumber" />
 
                     <dropdownQuestion
                         isRequired
@@ -89,6 +98,7 @@
                         :options="stateOptions"
                         validationRules="state-required"
                         autocomplete="address-level1"
+                        placeHolderText="Select State"
                         :labelBold="true" />
 
                     <textboxQuestion
@@ -128,6 +138,7 @@ import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { settleAllPromises } from "@/helpers/layout-helper";
 import { stateOptions } from "@/constants/state-options";
 import { regex } from "@/helpers/validation-rules";
+import { NON_MANAGED_SHOW_CLAIM_NUMBER_PARENTS } from "@/constants/insurance";
 
 // DEFINE VALIDATION RULES
 defineRule(
@@ -157,6 +168,7 @@ export default {
             city: this.getCityFromStore(),
             policyState: this.getPolicyStateFromStore(),
             policyZip: this.getPolicyZipFromStore(),
+            claimNumber: this.getClaimNumberFromStore(),
         };
     },
     components: {
@@ -186,6 +198,14 @@ export default {
     },
 
     computed: {
+        displayClaimNumber() {
+            const order = store.getters.order;
+
+            const parent = NON_MANAGED_SHOW_CLAIM_NUMBER_PARENTS.find(
+                (item) => item.value === order.payment?.parentAccountNumber?.toString()
+            );
+            return !!parent;
+        },
         stateOptions() {
             return stateOptions;
         },
@@ -231,6 +251,9 @@ export default {
         getPolicyZipFromStore() {
             return store.getters.order.policy.zipCode ?? "";
         },
+        getClaimNumberFromStore() {
+            return store.getters.order.policy.claimNumber ?? "";
+        },
         backButtonAction() {
             this.$router.navigateWithoutSaving(
                 this.navigationScenarios.CLICKED_BACK,
@@ -247,6 +270,7 @@ export default {
                     city: this.city,
                     state: this.policyState,
                     zipCode: this.policyZip,
+                    claimNumber: this.claimNumber,
                 },
                 false
             );

src/store/index.js

@@ -170,6 +170,7 @@ const getDefaultState = () => {
                 currentDeductible: 0,
                 originalDeductible: 0,
                 policyNumber: null,
+                claimNumber: null,
                 isItac: false,
                 additionalAuthFlag: null,
                 isNoComp: false,
@@ -355,6 +356,9 @@ export const mutations = {
     updateZipCode(state, zipCode) {
         state.order.policy.zipCode = zipCode;
     },
+    updateClaimNumber(state, claimNumber) {
+        state.order.policy.claimNumber = claimNumber;
+    },
     updateIsClaimAndCoverage(state, isClaimAndCoverage) {
         state.order.payment.isClaimAndCoverage = isClaimAndCoverage;
     },
@@ -523,6 +527,7 @@ export const mutations = {
             state.order.policy.city = insuranceDetails.city;
             state.order.policy.state = insuranceDetails.state;
             state.order.policy.zipCode = insuranceDetails.zipCode;
+            state.order.policy.claimNumber = insuranceDetails.claimNumber;
         }
     },
     updateDamageDetails(state, damageDetails) {