@mychoice/mychoice-sdk-modules 2.1.8 → 2.1.13

package/dist/cjs/index.js

@@ -188,9 +188,9 @@ const usePathGroups = (insuranceType) => {
         // [`${InsuranceTypes.Life}`]: [{ name: 'Life', link: `/${appConfigState.localIndex}/life` }],
     };
     const externalPathGroup = [
-        { name: 'Car', link: 'https://www.mychoice.ca/insurance/car' },
-        { name: 'Home', link: 'https://www.mychoice.ca/insurance/home' },
-        { name: 'Life', link: 'https://www.mychoice.ca/insurance/life' },
+        { name: 'Car', link: 'https://quote.mychoice.ca/insurance/car' },
+        { name: 'Home', link: 'https://quote.mychoice.ca/insurance/home' },
+        { name: 'Life', link: 'https://quote.mychoice.ca/insurance/life' },
         { name: 'Learn', link: 'https://www.mychoice.ca/blog/' },
     ];
     // @todo: use in future.
@@ -308,10 +308,12 @@ const ModalPostal = () => {
 const getVehicleYearRange = () => {
     const currentDate = new Date();
     const vehicleYear = [];
-    for (let year = (currentDate.getFullYear()); year >= 2001; year -= 1) {
+    const currentYear = currentDate.getFullYear();
+    const minYear = currentYear - 25;
+    for (let year = (currentDate.getFullYear()); year > minYear; year -= 1) {
         vehicleYear.push({ name: `${year}`, value: `${year}` });
     }
-    vehicleYear.push({ name: '2000 or older', value: '2000' });
+    vehicleYear.push({ name: `${minYear} or older`, value: `${minYear}` });
     return vehicleYear;
 };
 const getRecommendedRange = (distanceDaily, distanceBusiness) => {
@@ -413,7 +415,8 @@ const BlockCarInfo = () => {
     const { status: statusModel, getVehicleModel, vehicleModelList = [] } = mychoiceSdkStore.useHandlerCarModel();
     const { vehicleState, dispatchVehicleState } = mychoiceSdkStore.useStoreFormCarVehicle();
     const { year: currentYear, make: currentMake, model: currentModel, } = vehicleState.items[vehicleState.activeIndex];
-    const yearIsValid = !currentYear || Number(currentYear) > 2000;
+    const yearIsValid = !currentYear || Number(currentYear) > 1998;
+    const yearMessage = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: ["Please contact a licenced representative at Hargerty for classic car insurance:", ' ', jsxRuntime.jsx("a", { href: "tel:18335431540", children: "1-833-543-1540" })] }));
     const handleVehicleYearChange = ({ value }) => {
         if (value) {
             dispatchVehicleState({
@@ -448,7 +451,7 @@ const BlockCarInfo = () => {
             getVehicleModel(currentYear, currentMake);
         }
     });
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(SelectFormBox, { options: getVehicleYearRange(), name: "carYear", title: "Car Year", placeholder: "Select Year", description: "Every car is different, so for insurers to accurately cover, repair, or replace your vehicle, they need to know the make, model, age, body type, and vehicle history. Each factor will raise or lower your premium\u2014an older vehicle is typically more affordable to repair, for example, since cars lose value each year.", error: !currentYear && vehicleState.inValidation, errorMessage: !yearIsValid ? mychoiceSdkComponents.yearMessage : getErrorMessage(currentYear, vehicleState.inValidation), defaultValue: currentYear, autoSelectIfValueIsOutOfOptions: false, onChange: handleVehicleYearChange }), !!vehicleMakeList.length
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(SelectFormBox, { options: getVehicleYearRange(), name: "carYear", title: "Car Year", placeholder: "Select Year", description: "Every car is different, so for insurers to accurately cover, repair, or replace your vehicle, they need to know the make, model, age, body type, and vehicle history. Each factor will raise or lower your premium\u2014an older vehicle is typically more affordable to repair, for example, since cars lose value each year.", error: !currentYear && vehicleState.inValidation, errorMessage: !yearIsValid ? yearMessage : getErrorMessage(currentYear, vehicleState.inValidation), defaultValue: currentYear, autoSelectIfValueIsOutOfOptions: false, onChange: handleVehicleYearChange }), !!vehicleMakeList.length
                 && yearIsValid
                 && statusMake === mychoiceSdkComponents.RequestStatusTypes.Success
                 && (jsxRuntime.jsx(SelectFormBox, { options: vehicleMakeList, name: "carMakes", title: "Car Manufacturer", placeholder: "Select a Make", description: "The manufacturer of your vehicle is a huge influence on your insurance premium, but it isn\u2019t the only consideration. Some car manufacturers include security features that may qualify for discounts, like anti-theft protection or anti-lock brakes. Insurers also consider repair, risk, injury, and retail prices. If you do not see your vehicle on our list, call us for a telephonic quote.", error: !currentMake && vehicleState.inValidation, errorMessage: getErrorMessage(currentMake, vehicleState.inValidation), defaultValue: currentMake, autoSelectIfValueIsOutOfOptions: false, onChange: handleVehicleMakeChange })), vehicleModelList.length > 0
@@ -3775,6 +3778,7 @@ const AppRouteWrapper = (props) => {
     let postalCode = carPostal;
     const { clearFormData, checkIsExpired, checkIsExpiredWithModal, } = mychoiceSdkStore.ClearFormDataHandler();
     const { appLoaderState } = mychoiceSdkStore.useStoreAppLoader();
+    const isMychoice = appType === mychoiceSdkComponents.AppTypes.MyChoice;
     switch (insuranceType) {
         case mychoiceSdkComponents.InsuranceTypes.Car:
             postalCode = carPostal;
@@ -3984,7 +3988,7 @@ const AppRouteWrapper = (props) => {
             }
         }
     }, [carPostal, homePostal, lifePostal, isReady]);
-    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: isReady && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(AppHeader, {}), jsxRuntime.jsx(AppModal, {}), insuranceType && (jsxRuntime.jsx(NavigationTop, { title: `${insuranceType.replace(/^./, insuranceType[0].toUpperCase())} Insurance Quote`, postalCode: postalCode, formSteps: steps, validationHooks: validationHooks, clearForm: clearFormData, propertyIsCompleted: isCompleted })), insuranceType && appType === mychoiceSdkComponents.AppTypes.MyChoice && (jsxRuntime.jsx("div", { className: "step-progress-bar", children: jsxRuntime.jsx("span", { style: { width: progressLength } }) })), jsxRuntime.jsx("div", { className: `${insuranceType ? 'form-page-content' : ''} ${insuranceType && appType === mychoiceSdkComponents.AppTypes.MyChoice ? 'mychoice' : ''}`, children: insuranceType && appType === mychoiceSdkComponents.AppTypes.MyChoice && isDesktop && progressLength ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: "mychoice-content", children: [jsxRuntime.jsx(StepsBox, { className: "step-box", formSteps: steps, validationHooks: validationHooks, propertyIsCompleted: isCompleted }), children, jsxRuntime.jsx("div", { className: "empty-steps-container" })] }) })) : children }), !appLoaderState.isOpen && insuranceType === mychoiceSdkComponents.InsuranceTypes.Car && jsxRuntime.jsx(ProviderImageFooter, {})] })) }));
+    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: isReady && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(AppHeader, {}), jsxRuntime.jsx(AppModal, {}), insuranceType && (jsxRuntime.jsx(NavigationTop, { title: `${insuranceType.replace(/^./, insuranceType[0].toUpperCase())} Insurance Quote`, postalCode: postalCode, formSteps: steps, validationHooks: validationHooks, clearForm: clearFormData, propertyIsCompleted: isCompleted })), insuranceType && appType === mychoiceSdkComponents.AppTypes.MyChoice && (jsxRuntime.jsx("div", { className: "step-progress-bar", children: jsxRuntime.jsx("span", { style: { width: progressLength } }) })), jsxRuntime.jsx("div", { className: `${insuranceType ? 'form-page-content' : ''} ${insuranceType && appType === mychoiceSdkComponents.AppTypes.MyChoice ? 'mychoice' : ''}`, children: insuranceType && appType === mychoiceSdkComponents.AppTypes.MyChoice && isDesktop && progressLength ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: "mychoice-content", children: [jsxRuntime.jsx(StepsBox, { className: "step-box", formSteps: steps, validationHooks: validationHooks, propertyIsCompleted: isCompleted }), children, jsxRuntime.jsx("div", { className: "empty-steps-container" })] }) })) : children }), isMychoice && !appLoaderState.isOpen && insuranceType === mychoiceSdkComponents.InsuranceTypes.Car && jsxRuntime.jsx(ProviderImageFooter, {})] })) }));
 };
 const NestedRoutes = () => {
     const insuranceType = mychoiceSdkComponents.getInsuranceType();