@mychoice/mychoice-sdk-modules 2.2.28 → 2.2.30

package/dist/esm/index.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { ErrorBoundary } from 'react-error-boundary';
-import { AppTypes, isMyChoiceLike, TitleForm, TooltipForm, IconDelete, ColorVariablesTypes, InputTypes, InputForm, InputFormPhone, InputFormEmail, InputFormLicence, SelectForm, getFormattedDate, DateTypes, getDateOptions, ButtonForm, defaultBrokerPhone, DriverPriorityTypes, SizeTypes, ButtonBase, CategoryTypes, ColorTypes, defaultLocalIndex, liabilityOptions, accidentBenefitsOptionalOptions, coverageOptions, lossOfUseOptions, liabilityForDamageOptions, limitedWaiverOfDepreciationOptions, OfferDetail, CompanyRoleTypes, OperationHoursInfo, OfferHeader, OfferPrice, ButtonTypes, ButtonVariantTypes, IconDropdownArrow, InsuranceTypes, HeaderNavGroup, ButtonMenu, DeviceTypes, IconLoaderPrimary, getInsuranceType, RequestStatusTypes, formatPostalCode, IconLoaderSecondary, postalCodeFormat, useEffectOnce, carCondition, carStatus, carWinterTiresCheck, carKeepPlace, carUsagePurpose, firstDriveDistanceList, yearlyDriveDistanceList, numberWithCommas, VehiclePrimaryUseTypes, businessUsePercentOptions, addDaysToDate, comprehensiveCoverage, collisionCoverage, maritalStatusOptions, subYearsFromDate, occupationOptions, genderOptions, applicantRelationshipOptions, addYearsToDate, checkDateIsSpecial, DriverLicenceTypes, getDifferenceInYears, getDifferenceInMonths, compareDates, yesNoOptions, getLicenceTypeOptions, getDisabledLicenceTypes, addMonthsToDate, getMinDate, getMinDateByYears, CheckboxForm, insuranceCancellationReasonOptions, subMonthsFromDate, DriverListTypes, licenceSuspensionsReasonOptions, trafficTicketsGroupOptions, ValidationStatusTypes, getPlaceholderEmail, QuoteEdit, homeOwnerTypeOptions, tenantBuildingStructureOptions, condoBuildingStructureOptions, homeBuildingStructureOptions, residentsOptions, insuredYearsOptions, getInsuranceYearsOptions, ApplicantListTypes, claimTypeOptions, exteriorFinishOptions, constructionTypeOptions, garageTypeOptions, getNumericOptions, fireHallDistanceOptions, fireHydrantDistanceOptions, primaryHeatingTypeOptions, auxHeatingTypeOptions, InfoMessage, ppOptions, homeCoverageOptions, homeLiabilityOptions, lifeInsuranceTypeOptions, lifeInsuranceOntarioTypeOptions, lifeCoverageOptions, smokerOptions, MychoiceStep, Step, IconClock, ButtonArrow, DirectionTypes, ButtonTabArrow, ButtonTab, ButtonTabMobile, NavigationCar, NavigationPerson, NavigationDiscount, NavigationQuotes, NavigationAddress, NavigationProperty, ModalTypes } from '@mychoice/mychoice-sdk-components';
+import { AppTypes, isMyChoiceLike, TitleForm, TooltipForm, IconDelete, ColorVariablesTypes, InputTypes, InputForm, InputFormPhone, InputFormEmail, InputFormLicence, SelectForm, getFormattedDate, DateTypes, getDateOptions, ButtonForm, defaultBrokerPhone, DriverPriorityTypes, SizeTypes, ButtonBase, CategoryTypes, ColorTypes, defaultLocalIndex, liabilityOptions, accidentBenefitsOptionalOptions, coverageOptions, lossOfUseOptions, liabilityForDamageOptions, limitedWaiverOfDepreciationOptions, OfferDetail, CompanyRoleTypes, OperationHoursInfo, OfferHeader, OfferPrice, ButtonTypes, ButtonVariantTypes, IconDropdownArrow, InsuranceTypes, HeaderNavGroup, ButtonMenu, DeviceTypes, IconLoaderPrimary, getInsuranceType, RequestStatusTypes, formatPostalCode, IconLoaderSecondary, postalCodeFormat, useEffectOnce, carCondition, carStatus, carWinterTiresCheck, carKeepPlace, carUsagePurpose, firstDriveDistanceList, yearlyDriveDistanceList, numberWithCommas, VehiclePrimaryUseTypes, businessUsePercentOptions, addDaysToDate, comprehensiveCoverage, collisionCoverage, maritalStatusOptions, subYearsFromDate, occupationOptions, genderOptions, applicantRelationshipOptions, addYearsToDate, checkDateIsSpecial, DriverLicenceTypes, getDifferenceInYears, getDifferenceInMonths, compareDates, yesNoOptions, getLicenceTypeOptions, getDisabledLicenceTypes, addMonthsToDate, getMinDate, CheckboxForm, insuranceCancellationReasonOptions, subMonthsFromDate, getMinDateByYears, DriverListTypes, licenceSuspensionsReasonOptions, trafficTicketsGroupOptions, ValidationStatusTypes, getPlaceholderEmail, QuoteEdit, homeOwnerTypeOptions, tenantBuildingStructureOptions, condoBuildingStructureOptions, homeBuildingStructureOptions, residentsOptions, insuredYearsOptions, getInsuranceYearsOptions, ApplicantListTypes, claimTypeOptions, exteriorFinishOptions, constructionTypeOptions, garageTypeOptions, getNumericOptions, fireHallDistanceOptions, fireHydrantDistanceOptions, primaryHeatingTypeOptions, auxHeatingTypeOptions, InfoMessage, ppOptions, homeCoverageOptions, homeLiabilityOptions, lifeInsuranceTypeOptions, lifeInsuranceOntarioTypeOptions, lifeCoverageOptions, smokerOptions, MychoiceStep, Step, IconClock, ButtonArrow, DirectionTypes, ButtonTabArrow, ButtonTab, ButtonTabMobile, NavigationCar, NavigationPerson, NavigationDiscount, NavigationQuotes, NavigationAddress, NavigationProperty, ModalTypes } from '@mychoice/mychoice-sdk-components';
 import { useStoreAppConfig, useStoreFormCarVehicle, useStoreFormCarDriverBase, useStoreFormCarDiscount, StoreFormCarDiscountActionTypes, useStoreFormCarQuote, CarQuoteDataHandler, useValidationCarDiscount, StoreFormCarVehicleActionTypes, useStoreFormHomeDiscount, useStorePartner, useStoreDeviceType, useStoreAppLoader, useStoreAppModal, StoreConfigAppModalActionTypes, useHandlerPostal, useHandlerCarMake, useHandlerCarModel, useProvince, useAbReform, useValidationVehicle, useAutofillCarForm, StoreFormCarDriverBaseActionTypes, useStoreFormCarConfig, useStoreFormCarDriverInfo, StoreFormCarDriverInfoActionTypes, useStoreFormCarDriverLicence, addDayToDate, StoreFormCarDriverLicenceActionTypes, useStoreFormCarDriverInsurance, StoreFormCarDriverInsuranceActionTypes, useStoreFormCarDriverCancellation, StoreFormCarDriverCancellationActionTypes, useStoreFormCarDriverSuspension, StoreFormCarDriverSuspensionActionTypes, useStoreFormCarDriverAccident, StoreFormCarDriverAccidentActionTypes, useStoreFormCarDriverTicket, StoreFormCarDriverTicketActionTypes, useValidationDriver, useHandlerCarQuoterEmail, useHandlerCarQuoterPhone, useStoreFormHomeDwelling, useStoreFormHomePostal, useStoreFormHomeApplicantBase, StoreFormHomePostalActionTypes, StoreFormHomeDwellingActionTypes, StoreConfigAppConfigActionTypes, StoreFormHomeApplicantBaseActionTypes, useValidationAddress, useStoreFormHomeApplicantInfo, StoreFormHomeDiscountActionTypes, StoreFormHomeApplicantInfoActionTypes, useStoreFormHomeApplicantInsurance, StoreFormHomeApplicantInsuranceActionTypes, useStoreFormHomeApplicantCancellation, StoreFormHomeApplicantCancellationActionTypes, useStoreFormHomeApplicantClaim, StoreFormHomeApplicantClaimActionTypes, useValidationApplicant, useValidationDwelling, useStoreFormHomeQuote, HomeQuoteDataHandler, useValidationHomeDiscount, useHandlerHomeQuoterEmail, useHandlerHomeQuoterPhone, useStoreFormLifeCoverage, StoreFormLifeCoverageActionTypes, useValidationCoverage, useAutofillLifeForm, useStoreFormLifeQuote, useStoreFormLifeApplicant, LifeQuoteDataHandler, useValidationLifeApplicant, useHandlerLifeQuoterEmail, useHandlerLifeQuoterPhone, StoreFormLifeApplicantActionTypes, useStoreFormCarPostal, useStoreFormLifePostal, ClearFormDataHandler, useStoreAppDevice, useStoreClient, useHandlerAuth, useHandlerPartner, StoreConfigAppLoaderActionTypes, StoreFormCarConfigActionTypes, StoreFormCarPostalActionTypes, StoreFormCarQuoteActionTypes, StoreFormHomeQuoteActionTypes, StoreFormLifePostalActionTypes, StoreFormLifeQuoteActionTypes, StoreClientActionTypes, StoreConfigAppDeviceActionTypes, StoreProvider, initHttpResponse } from '@mychoice/mychoice-sdk-store';
 import { useNavigate, useLocation, BrowserRouter, Routes, Route, Navigate } from 'react-router-dom';
 import React, { useState, useEffect, useCallback, useRef, useMemo } from 'react';
@@ -125,7 +125,7 @@ const SwitchButtonBox = (props) => {
         }
         return '';
     };
-    const isAnswered = activeId === true || activeId === false;
+    const isAnswered = activeId !== '' && activeId !== undefined && activeId !== null;
     const handleClick = useCallback((selectedItem) => () => {
         setActiveId(selectedItem.value);
         if (onChange) {
@@ -208,8 +208,8 @@ const BlockVehLinks = () => {
     const { vehicleState: { items: vehicles } } = useStoreFormCarVehicle();
     const { driverState: { items: drivers } } = useStoreFormCarDriverBase();
     const { discountState: { vehlinks, occVehlinks, inValidation }, dispatchDiscountState } = useStoreFormCarDiscount();
-    // Spec: 2 drivers / 2 vehicles — ask only for Vehicle1; system assigns the other driver as PO on Vehicle2.
-    const isTwoByTwo = drivers.length === 2 && vehicles.length === 2;
+    const equalCounts = drivers.length === vehicles.length;
+    const askedVehicleCount = equalCounts ? vehicles.length - 1 : vehicles.length;
     const assignPrimary = (driverIndex, vehicleIndex) => {
         dispatchDiscountState({
             type: StoreFormCarDiscountActionTypes.FormCarDiscountVehlinkSelect,
@@ -217,31 +217,31 @@ const BlockVehLinks = () => {
         });
     };
     useEffect(() => {
-        if (!isTwoByTwo)
+        if (!equalCounts || drivers.length <= 1)
             return;
-        const v1 = vehlinks.find((l) => l.vehicleIndex === 0 && l.priority === DriverPriorityTypes.Prn);
-        if (!v1 || v1.driverIndex < 0)
+        const primaryOf = (vehicleIndex) => vehlinks.find((l) => l.vehicleIndex === vehicleIndex && l.priority === DriverPriorityTypes.Prn)?.driverIndex ?? -1;
+        const askedDrivers = new Set();
+        for (let vehicleIndex = 0; vehicleIndex < askedVehicleCount; vehicleIndex += 1) {
+            const po = primaryOf(vehicleIndex);
+            if (po < 0)
+                return;
+            askedDrivers.add(po);
+        }
+        if (askedDrivers.size !== askedVehicleCount)
             return;
-        const otherDriverIndex = drivers.findIndex((_, index) => index !== v1.driverIndex);
-        if (otherDriverIndex < 0)
+        const remainingDriver = drivers.findIndex((_, driverIndex) => !askedDrivers.has(driverIndex));
+        if (remainingDriver < 0)
             return;
-        const v2 = vehlinks.find((l) => l.vehicleIndex === 1 && l.priority === DriverPriorityTypes.Prn);
-        if (v2?.driverIndex === otherDriverIndex)
+        const lastVehicleIndex = vehicles.length - 1;
+        if (primaryOf(lastVehicleIndex) === remainingDriver)
             return;
-        assignPrimary(otherDriverIndex, 1);
-    }, [isTwoByTwo, vehlinks, drivers]);
+        assignPrimary(remainingDriver, lastVehicleIndex);
+    }, [equalCounts, askedVehicleCount, vehlinks, drivers, vehicles]);
     if (drivers.length <= 1) {
         return null;
     }
     const handlePrimaryDriverChange = (vehicleIndex) => ({ value }) => {
-        const driverIndex = Number(value);
-        assignPrimary(driverIndex, vehicleIndex);
-        if (isTwoByTwo && vehicleIndex === 0) {
-            const otherDriverIndex = drivers.findIndex((_, index) => index !== driverIndex);
-            if (otherDriverIndex >= 0) {
-                assignPrimary(otherDriverIndex, 1);
-            }
-        }
+        assignPrimary(value === '' ? -1 : Number(value), vehicleIndex);
     };
     const handleOccDriverChange = (driverIndex) => ({ value }) => {
         dispatchDiscountState({
@@ -259,24 +259,32 @@ const BlockVehLinks = () => {
     const unassignedDrivers = drivers
         .map((driver, index) => ({ driver, index }))
         .filter(({ index }) => !primaryDriverIndices.includes(index));
-    const vehiclesToAsk = isTwoByTwo ? vehicles.slice(0, 1) : vehicles;
+    const vehiclesToAsk = vehicles.slice(0, askedVehicleCount);
+    const primaryQuestionsAnswered = vehiclesToAsk.every((_vehicle, vehicleIndex) => vehlinks.some((l) => l.vehicleIndex === vehicleIndex
+        && l.priority === DriverPriorityTypes.Prn
+        && l.driverIndex >= 0));
+    const primaryQuestionsAreUnique = new Set(primaryDriverIndices).size >= vehicles.length;
+    const shouldAskOccasional = drivers.length > vehicles.length
+        && vehicles.length > 1
+        && primaryQuestionsAnswered
+        && primaryQuestionsAreUnique;
     return (jsxs(Fragment, { children: [jsx(LabelFormBox, { title: "Since there are multiple drivers in this quote, please tell us who drives which vehicle the most. Please provide an answer that most accurately describes your situation." }), vehiclesToAsk.map((vehicle, vehicleIndex) => {
                 const { year, make, model } = vehicle;
                 const selectedPrimary = vehlinks.find((l) => l.vehicleIndex === vehicleIndex && l.priority === DriverPriorityTypes.Prn);
                 const isPrimaryAnswered = selectedPrimary !== undefined && selectedPrimary.driverIndex >= 0;
-                // Show all drivers so the user can freely reselect / re-order primaries.
+                const previousPrimaryDriverIndices = new Set(vehlinks
+                    .filter((l) => l.vehicleIndex < vehicleIndex
+                    && l.priority === DriverPriorityTypes.Prn
+                    && l.driverIndex >= 0)
+                    .map((l) => l.driverIndex));
+                const allDriversHavePrimary = drivers.every((_, driverIndex) => vehlinks.some((l) => l.priority === DriverPriorityTypes.Prn && l.driverIndex === driverIndex));
+                const canRepeatPrimary = vehicles.length > drivers.length && allDriversHavePrimary;
                 const primaryOptions = drivers
-                    .map((driver, driverIndex) => ({ name: driver.firstName, value: driverIndex }));
-                const isDuplicatePrimary = !isTwoByTwo
-                    && isPrimaryAnswered
-                    && drivers.length >= vehicles.length
-                    && vehlinks.some((l) => l.vehicleIndex !== vehicleIndex
-                        && l.priority === DriverPriorityTypes.Prn
-                        && l.driverIndex === selectedPrimary?.driverIndex);
-                return (jsx(SelectFormBox, { title: `Who is the principal driver of the ${year} ${make} ${model}?`, onChange: handlePrimaryDriverChange(vehicleIndex), options: primaryOptions, defaultValue: isPrimaryAnswered ? selectedPrimary.driverIndex : '', name: `vehlink-${vehicleIndex}`, placeholder: "Select from the list", autoSelectIfValueIsOutOfOptions: false, error: (!isPrimaryAnswered && inValidation) || isDuplicatePrimary, errorMessage: isDuplicatePrimary
-                        ? 'This driver is already the primary driver of another vehicle. Each vehicle should have a different primary driver.'
-                        : '' }, `vehlink-${vehicleIndex}`));
-            }), drivers.length > vehicles.length && vehicles.length > 1
+                    .map((driver, driverIndex) => ({ name: driver.firstName, value: driverIndex }))
+                    .filter(({ value }) => canRepeatPrimary
+                    || !previousPrimaryDriverIndices.has(value));
+                return (jsx(SelectFormBox, { title: `Who is the principal driver of the ${year} ${make} ${model}?`, onChange: handlePrimaryDriverChange(vehicleIndex), options: primaryOptions, defaultValue: isPrimaryAnswered ? selectedPrimary.driverIndex : '', name: `vehlink-${vehicleIndex}`, placeholder: "Select from the list", autoSelectIfValueIsOutOfOptions: false, error: !isPrimaryAnswered && inValidation }, `vehlink-${vehicleIndex}`));
+            }), shouldAskOccasional
                 && unassignedDrivers.map(({ driver, index: driverIndex }) => {
                     const selectedVehicle = occVehlinks.find((l) => l.driverIndex === driverIndex);
                     const vehicleOptions = vehicles.map((vehicle, vehicleIndex) => ({
@@ -1760,7 +1768,7 @@ you had insurance. If this is correct, please continue with the form.`);
     const firstInsuredMinDate = listedYear && listedMonth
         ? addDaysToDate(`${listedYear}-${listedMonth}-01`, birthDay ? +birthDay + 1 : 1)
         : getMinDate(birthDate, firstLicenceAge);
-    const twentyYearsAgo = getMinDateByYears(getFormattedDate('', 'yyyy-MM-dd'), 20);
+    const twentyYearsAgo = subYearsFromDate('', 20);
     let lastPolicyEndMinDate = twentyYearsAgo;
     if (firstInsuredMinDate && compareDates(firstInsuredMinDate, twentyYearsAgo) > 0) {
         lastPolicyEndMinDate = firstInsuredMinDate;