@mychoice/mychoice-sdk-modules 2.2.13 → 2.2.14

package/dist/cjs/insurances/car/pages/discount/sections/blocks/interfaces.d.ts

@@ -4,4 +4,5 @@ export interface SubmitBlockInterface {
     label?: string;
     buttonSize?: SizeTypes;
     isRecalc?: boolean;
+    onSubmitClick?: () => void;
 }

package/dist/cjs/insurances/car/pages/vehicle/sections/AccidentBenefitsModal.d.ts

@@ -0,0 +1,7 @@
+import { SdkFC } from '@mychoice/mychoice-sdk-components';
+export type AccidentBenefitsModalProps = {
+    selectedCoverages: string[];
+    onApply: (selected: string[]) => void;
+    onCancel: () => void;
+};
+export declare const AccidentBenefitsModal: SdkFC<AccidentBenefitsModalProps>;

package/dist/cjs/insurances/car/pages/vehicle/sections/SectionAccidentBenefits.d.ts

@@ -0,0 +1,2 @@
+import { SdkFC } from '@mychoice/mychoice-sdk-components';
+export declare const VehicleSectionAccidentBenefits: SdkFC;

package/dist/cjs/insurances/car/pages/vehicle/sections/index.d.ts

@@ -1,2 +1,3 @@
 export { VehicleSectionMain } from './SectionMain';
+export { VehicleSectionAccidentBenefits } from './SectionAccidentBenefits';
 export { VehicleSectionCoverage } from './SectionCoverage';

package/dist/esm/index.js

@@ -1,7 +1,7 @@
 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, 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, dailyDriveBusinessDistanceList, yearlyDriveDistanceList, numberWithCommas, VehiclePrimaryUseTypes, comprehensiveCoverage, collisionCoverage, maritalStatusOptions, subYearsFromDate, occupationOptions, genderOptions, applicantRelationshipOptions, addYearsToDate, checkDateIsSpecial, DriverLicenceTypes, getDifferenceInYears, getLicenceTypeOptions, getDisabledLicenceTypes, yesNoOptions, addDaysToDate, getMinDate, CheckboxForm, getMinDateByYears, compareDates, insuranceCancellationReasonOptions, 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, useValidationVehicle, useAutofillCarForm, StoreFormCarDriverBaseActionTypes, useStoreFormCarConfig, useStoreFormCarDriverInfo, StoreFormCarDriverInfoActionTypes, useStoreFormCarDriverLicence, addDayToDate, StoreFormCarDriverLicenceActionTypes, useStoreFormCarDriverInsurance, StoreFormCarDriverInsuranceActionTypes, useStoreFormCarDriverCancellation, StoreFormCarDriverCancellationActionTypes, useStoreFormCarDriverSuspension, StoreFormCarDriverSuspensionActionTypes, useStoreFormCarDriverAccident, StoreFormCarDriverAccidentActionTypes, useStoreFormCarDriverTicket, StoreFormCarDriverTicketActionTypes, useValidationDriver, useHandlerCarQuoterEmail, useStoreFormHomeDwelling, useStoreFormHomePostal, useStoreFormHomeApplicantBase, StoreFormHomePostalActionTypes, StoreFormHomeDwellingActionTypes, StoreConfigAppConfigActionTypes, StoreFormHomeApplicantBaseActionTypes, useValidationAddress, useStoreFormHomeApplicantInfo, StoreFormHomeDiscountActionTypes, StoreFormHomeApplicantInfoActionTypes, useStoreFormHomeApplicantInsurance, StoreFormHomeApplicantInsuranceActionTypes, useStoreFormHomeApplicantCancellation, StoreFormHomeApplicantCancellationActionTypes, useStoreFormHomeApplicantClaim, StoreFormHomeApplicantClaimActionTypes, useValidationApplicant, useValidationDwelling, useStoreFormHomeQuote, HomeQuoteDataHandler, useValidationHomeDiscount, useHandlerHomeQuoterEmail, useStoreFormLifeCoverage, StoreFormLifeCoverageActionTypes, useValidationCoverage, useAutofillLifeForm, useStoreFormLifeQuote, useStoreFormLifeApplicant, LifeQuoteDataHandler, useValidationLifeApplicant, useHandlerLifeQuoterEmail, 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 { 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, dailyDriveBusinessDistanceList, yearlyDriveDistanceList, numberWithCommas, VehiclePrimaryUseTypes, addDaysToDate, comprehensiveCoverage, collisionCoverage, maritalStatusOptions, subYearsFromDate, occupationOptions, genderOptions, applicantRelationshipOptions, addYearsToDate, checkDateIsSpecial, DriverLicenceTypes, getDifferenceInYears, getLicenceTypeOptions, getDisabledLicenceTypes, yesNoOptions, getMinDate, CheckboxForm, getMinDateByYears, compareDates, insuranceCancellationReasonOptions, 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, useStoreFormHomeDwelling, useStoreFormHomePostal, useStoreFormHomeApplicantBase, StoreFormHomePostalActionTypes, StoreFormHomeDwellingActionTypes, StoreConfigAppConfigActionTypes, StoreFormHomeApplicantBaseActionTypes, useValidationAddress, useStoreFormHomeApplicantInfo, StoreFormHomeDiscountActionTypes, StoreFormHomeApplicantInfoActionTypes, useStoreFormHomeApplicantInsurance, StoreFormHomeApplicantInsuranceActionTypes, useStoreFormHomeApplicantCancellation, StoreFormHomeApplicantCancellationActionTypes, useStoreFormHomeApplicantClaim, StoreFormHomeApplicantClaimActionTypes, useValidationApplicant, useValidationDwelling, useStoreFormHomeQuote, HomeQuoteDataHandler, useValidationHomeDiscount, useHandlerHomeQuoterEmail, useStoreFormLifeCoverage, StoreFormLifeCoverageActionTypes, useValidationCoverage, useAutofillLifeForm, useStoreFormLifeQuote, useStoreFormLifeApplicant, LifeQuoteDataHandler, useValidationLifeApplicant, useHandlerLifeQuoterEmail, 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, useCallback, useEffect, useRef, useMemo } from 'react';
 import { random } from 'lodash';
@@ -231,7 +231,7 @@ const BlockNextPageInfo$2 = () => {
     return null;
 };
 
-const BlockSubmit$2 = ({ className, label, buttonSize, isRecalc = false, }) => {
+const BlockSubmit$2 = ({ className, label, buttonSize, isRecalc = false, onSubmitClick, }) => {
     const { quoteState: { isRequested, quoteConfirm } } = useStoreFormCarQuote();
     const { discountState: { isValid } } = useStoreFormCarDiscount();
     const { appConfigState: { localIndex, insuranceType } } = useStoreAppConfig();
@@ -239,13 +239,17 @@ const BlockSubmit$2 = ({ className, label, buttonSize, isRecalc = false, }) => {
     const { postRequestQuote } = CarQuoteDataHandler();
     const { carDiscountFormValidate } = useValidationCarDiscount();
     const handleGetQuotesClick = () => {
+        onSubmitClick?.();
         if (!isValid) {
             carDiscountFormValidate(false, () => postRequestQuote(isRecalc, quoteConfirm));
         }
-        else if (!isRequested) {
+        else if (isRecalc) {
             postRequestQuote(isRecalc, quoteConfirm);
         }
-        else if (!isRecalc) {
+        else if (!isRequested) {
+            postRequestQuote(false, quoteConfirm);
+        }
+        else {
             navigate(`/${localIndex || defaultLocalIndex}/${insuranceType}/quotes`);
         }
     };
@@ -255,11 +259,12 @@ BlockSubmit$2.defaultProps = {
     buttonSize: SizeTypes.Large,
     label: 'Get Your Quotes',
     className: '',
+    onSubmitClick: undefined,
 };
 
 const VehicleOfferCoverages = ({ coverages, nonStandardCoverages, }) => {
     const { vehicleState, dispatchVehicleState } = useStoreFormCarVehicle();
-    const { comprehensive, collision, liability, lossofuse, liabilityfordamage, limitedwaiverofdepreciation } = vehicleState.items[vehicleState.activeIndex];
+    const { comprehensive, collision, liability, lossofuse, liabilityfordamage, limitedwaiverofdepreciation, accidentbenefits } = vehicleState.items[vehicleState.activeIndex];
     const vehicle_names = vehicleState.items.map(({ year, make, model }) => [`${year} ${make} ${model}`]);
     const isLeased = vehicleState.items.some((item) => item.leased);
     const handleComprehensiveChange = ({ value }) => {
@@ -374,7 +379,9 @@ const VehicleOfferCoverages = ({ coverages, nonStandardCoverages, }) => {
         }, 0);
         return `$${total.toFixed(2)}`;
     };
-    return (jsxs(Fragment, { children: [jsx("div", { className: "offer-coverages-container", children: jsxs("table", { className: "offer-coverages-table", children: [jsxs("tr", { className: "table-header", children: [jsx("td", { children: vehicle_names.join(', ') }), jsx("td", { children: "Selection" }), jsx("td", { children: "Premium" })] }), jsx("tr", { children: jsx("td", { colSpan: 3, children: jsx("div", { className: "divider" }) }) }), jsxs("tr", { children: [jsxs("td", { children: ["Third Party Liability Coverage", jsx("div", { style: { display: 'inline-block', marginLeft: '5px' }, children: jsx(TooltipForm, { id: "my-tooltip", description: "Third-party liability coverage is mandatory in Ontario and protects you if you're found at fault for injuring or killing someone or damaging their property while driving. This includes people in other vehicles, pedestrians, cyclists, and even passengers in your own car, as well as property like fences, buildings, street signs, and light poles. If you’re sued, this coverage helps pay for legal defence, settlements, and any court-ordered payments. The minimum required coverage is $200,000, but that amount often isn’t enough—most drivers choose at least $2 million to avoid having to pay out-of-pocket if costs exceed the limit. This is a mandatory coverage in Ontario. Talk to your broker to ensure you have the right amount of protection." }) })] }), jsx("td", { children: jsx(SelectFormBox, { options: liabilityOptions, name: "liability-limit", onChange: handleLiabilityChange, defaultValue: getSelectedOption(liabilityOptions, liability.coverage ? liability.limit : 1000000), title: "", description: "", placeholder: "Select from the list", autoSelectIfValueIsOutOfOptions: false, size: SizeTypes.Small, className: "coverages-select-input" }) }), jsx("td", { children: getTPBIandTPPD() })] }), jsx("tr", { children: jsx("td", { colSpan: 3, children: jsx("div", { className: "divider" }) }) }), jsxs("tr", { children: [jsxs("td", { children: ["Direct Compensation - Property Damange Coverage", jsx("div", { style: { display: 'inline-block', marginLeft: '5px' }, children: jsx(TooltipForm, { id: "my-tooltip", description: "Third - Party Liability Direct Compensation responds when you are determined to be not at-fault in an accident with another vehicle, and covers the cost of damage to your vehicle (or actual cash value payout), it's equipment, contents, loss of use, and other associated incidentals such as towing fees and lot fees. This is considered an optional coverage, and it is highly recommended that you do not remove it. If your vehicle is financed or leased, the lienholder/lessor must agree to allow you to remove it. Should you remove it, you must also remove collision or all perils coverage. You will be entirely out-of-pocket in a not-at-fault accident and are legally restricted from claiming reimbursement (suing) the other vehicle owner or their insurer.  Chat to your broker for more details about this coverage." }) })] }), jsx("td", { children: "$0 Deductible" }), jsx("td", { children: getCoveragePremium('TPDC') })] }), jsx("tr", { children: jsx("td", { colSpan: 3, children: jsx("div", { className: "divider" }) }) }), jsxs("tr", { children: [jsxs("td", { children: ["Accident Benefits Coverage", jsx("div", { style: { display: 'inline-block', marginLeft: '5px' }, children: jsx(TooltipForm, { id: "my-tooltip", description: 'Accident Benefits is a mandatory coverage that responds when there is injury or death in an accident, regardless of fault, and for all affected individuals. It provides a core series of benefits with the capacity to increase coverage values, along with a menu of optional additional benefits that can be added on. The core and optional coverages must be thoroughly reviewed and evaluated, and decisions made based on your own personal circumstances and needs.  Chat to your broker for more details about this coverage.' }) })] }), jsx("td", { children: "Included" }), jsx("td", { children: getCoveragePremium('AB') })] }), jsx("tr", { children: jsx("td", { colSpan: 3, children: jsx("div", { className: "divider" }) }) }), jsxs("tr", { children: [jsxs("td", { children: ["Uninsured Automobile Coverage", jsx("div", { style: { display: 'inline-block', marginLeft: '5px' }, children: jsx(TooltipForm, { id: "my-tooltip", description: 'Uninsured Motorist Coverage is a mandatory coverage which responds when you are not at-fault in an accident with an uninsured or unidentified (hit-and-run) vehicle, and have incurred bodily injuries, death, or damage to your property, and the offending vehicle owner cannot be found, of if identified, cannot adequately compensate you. Coverage is capped to match the province minimum liability limit of $200,000. Due to the low coverage value, it is highly recommended to ensure inclusion of the OPCF44 Family Protection Coverage endorsement for additional protection. Chat to your broker for more details about this coverage.' }) })] }), jsx("td", { children: "Included" }), jsx("td", { children: getCoveragePremium('UA') })] }), jsx("tr", { children: jsx("td", { colSpan: 3, children: jsx("div", { className: "divider" }) }) }), jsxs("tr", { children: [jsxs("td", { children: ["Comprehensive Coverage", jsx("div", { style: { display: 'inline-block', marginLeft: '5px' }, children: jsx(TooltipForm, { id: "my-tooltip", description: 'Comprehensive coverage responds to types of damages ( repair or actual cash value payout) incurred by your vehicle when it is not actively being driven. Examples would be fire, theft, vandalism, glass breakage, and weather-related losses. While considered an optional coverage, it is highly recommended. Should your vehicle be financed or leased, the lienholder/lessor will not allow you to leave this coverage out and will impose a satisfactory deductible to meet their requirements.' }) })] }), jsx("td", { children: jsx(SelectFormBox, { options: coverageOptions, name: "comprehensive-coverage", onChange: handleComprehensiveChange, defaultValue: getSelectedOption(coverageOptions, comprehensive.coverage ? comprehensive.deductible : 0), title: "", description: "", placeholder: "Select from the list", autoSelectIfValueIsOutOfOptions: false, size: SizeTypes.Small, className: "coverages-select-input" }) }), jsx("td", { children: getCoveragePremium('CMP') })] }), jsx("tr", { children: jsx("td", { colSpan: 3, children: jsx("div", { className: "divider" }) }) }), jsxs("tr", { children: [jsxs("td", { children: ["Collision Coverage", jsx("div", { style: { display: 'inline-block', marginLeft: '5px' }, children: jsx(TooltipForm, { id: "my-tooltip", description: 'Collision coverage responds to your vehicle damages (repair or actual cash value payout) in the event you collide with another vehicle or object in the course of its use or operation, and is determined to be at-fault. While considered an optional coverage, it is highly recommended. Should your vehicle be financed or leased, the lienholder/lessor will not allow you to leave this coverage out and will impose a satisfactory deductible to meet their requirements. Chat to your broker for more details about this coverage.' }) })] }), jsx("td", { children: jsx(SelectFormBox, { options: coverageOptions, name: "collision-coverage", onChange: handleCollisionChange, defaultValue: getSelectedOption(coverageOptions, collision.coverage ? collision.deductible : 0), title: "", description: "", placeholder: "Select from the list", autoSelectIfValueIsOutOfOptions: false, size: SizeTypes.Small, className: "coverages-select-input" }) }), jsx("td", { children: getCoveragePremium('COL') })] }), jsx("tr", { children: jsx("td", { colSpan: 3, children: jsx("div", { className: "divider" }) }) }), doesCoverageExist('5') && (jsxs(Fragment, { children: [jsxs("tr", { children: [jsx("td", { children: "Permission to Rent or Lease (OPCF 5)" }), jsx("td", { children: "Included" }), jsx("td", { children: getCoveragePremium('5') })] }), jsx("tr", { children: jsx("td", { colSpan: 3, children: jsx("div", { className: "divider" }) }) })] })), isNonStandardCoverageActive(20) && (jsx(Fragment, { children: jsxs("tr", { children: [jsxs("td", { children: ["Loss of Use (OPCF 20)", jsx("div", { style: { display: 'inline-block', marginLeft: '5px' }, children: jsx(TooltipForm, { id: "my-tooltip", description: 'The OPCF20 Loss of Use / Transportation Replacement endorsement responds when you are determined to be at-fault for an accident, or have a comprehensive claim, and need replacement transportation while your vehicle is out-of-service being repaired, or until it is deemed to be a total loss and a settlement offer is made by your insurer. Most often used to pay for a temporary replacement vehicle rental, it can also be used to compensate for other acceptable forms of travel. Depending on the insurer, the coverage limits available may be a dollar amount or a time amount, and you must have collision and comprehensive, or all perils coverage to include this endorsement. While it is optional, it is highly recommended, and careful consideration must be given to the coverage amounts chosen, as repair delays can quickly exhaust your policy limits, leaving you out-of-pocket for transportation expenses. Chat to your broker for more details about this coverage.' }) })] }), jsx("td", { style: { paddingBottom: '7px' }, children: jsx(SelectFormBox, { options: lossOfUseOptions, name: "loss-of-use", onChange: handleLossOfUseChange, defaultValue: getSelectedOption(lossOfUseOptions, lossofuse.coverage ? lossofuse.limit : 0), title: "", description: "", placeholder: "Select from the list", autoSelectIfValueIsOutOfOptions: false, size: SizeTypes.Small, className: "coverages-select-input" }) }), jsx("td", { rowSpan: doesCoverageExist('PAK6') ? 2 : 1, children: doesCoverageExist('PAK6') ? getCoveragePremium('PAK6') : getCoveragePremium('20') })] }) })), isNonStandardCoverageActive(27) && (jsxs(Fragment, { children: [jsxs("tr", { children: [jsxs("td", { children: ["Liability for Damage for Non-Owned Cars (OPCF 27)", jsx("div", { style: { display: 'inline-block', marginLeft: '5px' }, children: jsx(TooltipForm, { id: "my-tooltip", description: 'The OPCF27 Liability for Damage to Non-Owned Automobile(s) endorsement responds when you rent or borrow a vehicle, and want to extend your coverages to that vehicle. Often used for special occasion rentals or vacation vehicle rentals. Full liability and physical damage coverages must be on your insured vehicle for this endorsement to apply, and a deductible is applicable. Careful consideration must be given in choosing a coverage amount that adequately covers the value of the vehicle you are expecting to rent or borrow.  While considered optional, it is highly recommended, and often "packaged" with the OPCF20 Loss of Use / Transportation Replacement coverage by many insurers. Chat to your broker for more details about this coverage.' }) })] }), jsx("td", { children: jsx(SelectFormBox, { options: liabilityForDamageOptions, name: "liaiblity-for-damage", onChange: handleLiaiblityForDamageChange, defaultValue: getSelectedOption(liabilityForDamageOptions, liabilityfordamage.coverage ? liabilityfordamage.limit : 0), title: "", description: "", placeholder: "Select from the list", autoSelectIfValueIsOutOfOptions: false, size: SizeTypes.Small, className: "coverages-select-input" }) }), !doesCoverageExist('PAK6') && jsx("td", { children: getCoveragePremium('27') })] }), jsx("tr", { children: jsx("td", { colSpan: 3, children: jsx("div", { className: "divider" }) }) })] })), isNonStandardCoverageActive('aCCW') && (jsxs(Fragment, { children: [jsxs("tr", { children: [jsxs("td", { children: ["Accident Waiver or Forgiveness (OPCF 39)", jsx("div", { style: { display: 'inline-block', marginLeft: '5px' }, children: jsx(TooltipForm, { id: "my-tooltip", description: "The OPCF39 Accident Waiver/Forgiveness endorsement responds by protecting your existing driving record from being negatively impacted by a single, partial at-fault or fully at-fault accident, and must be on the policy before the accident. The benefit of the coverage continues as long as you stay with the same insurer, as it's not transferable should you move to another insurance company. Subsequent at-fault or partial at-fault accidents will not have the protection and will be adversely rated accordingly. Eligibility, terms, conditions, and formulations used can vary significantly between insurers, so careful review and consideration are essential.  While purchasing this endorsement is optional, it is highly recommended as the alternative of being accident-rated for several years will be significantly higher in premiums than the cost of the endorsement.  Chat to your broker for more details about this coverage." }) })] }), jsx("td", { children: "Included" }), jsx("td", { children: getCoveragePremium('ACCW') })] }), jsx("tr", { children: jsx("td", { colSpan: 3, children: jsx("div", { className: "divider" }) }) })] })), isNonStandardCoverageActive(43) && (jsxs(Fragment, { children: [jsxs("tr", { children: [jsxs("td", { children: ["Limited waiver of depreciation (OPCF ", isLeased ? '43A' : '43', ")", jsx("div", { style: { display: 'inline-block', marginLeft: '5px' }, children: jsx(TooltipForm, { id: "my-tooltip", description: 'The OPCF43/43A Removing Depreciation Deduction / Limited Waiver of Depreciation endorsement responds by protecting your original purchase/lease price of a "new" vehicle (as evidenced by a bill of sale or lease agreement) from depreciation should the vehicle be a total loss from an insured peril. Only new vehicles, and in some cases "demo\'s" with limited mileage are eligible, and the endorsement must be added immediately upon the vehicle delivery. Coverage durations available vary between insurers, generally ranging from 24 months to 60 months from the possession date of the vehicle. While an optional coverage, it is highly recommended as, without it, a total loss settlement based on actual cash value could leave you contractually owing money to a lienholder or lessor. Chat to your broker for more details about this coverage.' }) })] }), jsx("td", { children: jsx(SelectFormBox, { options: limitedWaiverOfDepreciationOptions, name: "liaiblity-for-damage", onChange: handleLimitedWaiverOfDepreciationChange, defaultValue: getSelectedOption(limitedWaiverOfDepreciationOptions, limitedwaiverofdepreciation.coverage ? limitedwaiverofdepreciation.limit : 0), title: "", description: "", placeholder: "Select from the list", autoSelectIfValueIsOutOfOptions: false, size: SizeTypes.Small, className: "coverages-select-input" }) }), jsx("td", { children: getCoveragePremium('43') })] }), jsx("tr", { children: jsx("td", { colSpan: 3, children: jsx("div", { className: "divider" }) }) })] })), jsxs("tr", { children: [jsxs("td", { children: ["Family Protection (OPCF 44)", jsx("div", { style: { display: 'inline-block', marginLeft: '5px' }, children: jsx(TooltipForm, { id: "my-tooltip", description: 'The OPCF44 Family Protection Endorsement responds when you are determined to be not at-fault in a vehicle accident, and your claim / civil suit against the offending vehicle owner is not adequately satisfied as they are unidentified, uninsured, or underinsured. This endorsement bridges their coverages (if any) up to the full limits of the OPCF44 coverage on your policy. While considered an optional coverage, it is highly recommended as a form of self protection, and is extremely low in cost. Chat to your broker for more details about this coverage.' }) })] }), jsx("td", { children: "Included" }), jsx("td", { children: getCoveragePremium('44') })] }), jsx("tr", { children: jsx("td", { colSpan: 3, children: jsx("div", { className: "divider" }) }) }), jsxs("tr", { className: "premium-total", children: [jsx("td", { children: "Annual Premium" }), jsx("td", {}), jsx("td", { children: getSumOfPremiums() })] })] }) }), jsx("div", { style: { display: 'flex', flexDirection: 'column' }, children: jsx(BlockSubmit$2, { className: "mychoice recalculate", label: "Recalculate Quote", buttonSize: SizeTypes.Medium, isRecalc: true }) })] }));
+    return (jsxs(Fragment, { children: [jsx("div", { className: "offer-coverages-container", children: jsxs("table", { className: "offer-coverages-table", children: [jsxs("tr", { className: "table-header", children: [jsx("td", { children: vehicle_names.join(', ') }), jsx("td", { children: "Selection" }), jsx("td", { children: "Premium" })] }), jsx("tr", { children: jsx("td", { colSpan: 3, children: jsx("div", { className: "divider" }) }) }), jsxs("tr", { children: [jsxs("td", { children: ["Third Party Liability Coverage", jsx("div", { style: { display: 'inline-block', marginLeft: '5px' }, children: jsx(TooltipForm, { id: "my-tooltip", description: "Third-party liability coverage is mandatory in Ontario and protects you if you're found at fault for injuring or killing someone or damaging their property while driving. This includes people in other vehicles, pedestrians, cyclists, and even passengers in your own car, as well as property like fences, buildings, street signs, and light poles. If you’re sued, this coverage helps pay for legal defence, settlements, and any court-ordered payments. The minimum required coverage is $200,000, but that amount often isn’t enough—most drivers choose at least $2 million to avoid having to pay out-of-pocket if costs exceed the limit. This is a mandatory coverage in Ontario. Talk to your broker to ensure you have the right amount of protection." }) })] }), jsx("td", { children: jsx(SelectFormBox, { options: liabilityOptions, name: "liability-limit", onChange: handleLiabilityChange, defaultValue: getSelectedOption(liabilityOptions, liability.coverage ? liability.limit : 1000000), title: "", description: "", placeholder: "Select from the list", autoSelectIfValueIsOutOfOptions: false, size: SizeTypes.Small, className: "coverages-select-input" }) }), jsx("td", { children: getTPBIandTPPD() })] }), jsx("tr", { children: jsx("td", { colSpan: 3, children: jsx("div", { className: "divider" }) }) }), jsxs("tr", { children: [jsxs("td", { children: ["Direct Compensation - Property Damange Coverage", jsx("div", { style: { display: 'inline-block', marginLeft: '5px' }, children: jsx(TooltipForm, { id: "my-tooltip", description: "Third - Party Liability Direct Compensation responds when you are determined to be not at-fault in an accident with another vehicle, and covers the cost of damage to your vehicle (or actual cash value payout), it's equipment, contents, loss of use, and other associated incidentals such as towing fees and lot fees. This is considered an optional coverage, and it is highly recommended that you do not remove it. If your vehicle is financed or leased, the lienholder/lessor must agree to allow you to remove it. Should you remove it, you must also remove collision or all perils coverage. You will be entirely out-of-pocket in a not-at-fault accident and are legally restricted from claiming reimbursement (suing) the other vehicle owner or their insurer.  Chat to your broker for more details about this coverage." }) })] }), jsx("td", { children: "$0 Deductible" }), jsx("td", { children: getCoveragePremium('TPDC') })] }), jsx("tr", { children: jsx("td", { colSpan: 3, children: jsx("div", { className: "divider" }) }) }), jsxs("tr", { children: [jsxs("td", { children: ["Accident Benefits Coverage", jsx("div", { style: { display: 'inline-block', marginLeft: '5px' }, children: jsx(TooltipForm, { id: "my-tooltip", description: 'Accident Benefits is a mandatory coverage that responds when there is injury or death in an accident, regardless of fault, and for all affected individuals. It provides a core series of benefits with the capacity to increase coverage values, along with a menu of optional additional benefits that can be added on. The core and optional coverages must be thoroughly reviewed and evaluated, and decisions made based on your own personal circumstances and needs.  Chat to your broker for more details about this coverage.' }) }), accidentbenefits && accidentbenefits.additionalCoverages.length > 0 && (jsx("div", { style: { marginTop: '4px', fontSize: '0.85em' }, children: accidentBenefitsOptionalOptions
+                                                .filter((o) => accidentbenefits.additionalCoverages.includes(o.value))
+                                                .map((o) => (jsx("div", { children: o.name }, o.value))) }))] }), jsx("td", { children: "Included" }), jsx("td", { children: getCoveragePremium('AB') })] }), jsx("tr", { children: jsx("td", { colSpan: 3, children: jsx("div", { className: "divider" }) }) }), jsxs("tr", { children: [jsxs("td", { children: ["Uninsured Automobile Coverage", jsx("div", { style: { display: 'inline-block', marginLeft: '5px' }, children: jsx(TooltipForm, { id: "my-tooltip", description: 'Uninsured Motorist Coverage is a mandatory coverage which responds when you are not at-fault in an accident with an uninsured or unidentified (hit-and-run) vehicle, and have incurred bodily injuries, death, or damage to your property, and the offending vehicle owner cannot be found, of if identified, cannot adequately compensate you. Coverage is capped to match the province minimum liability limit of $200,000. Due to the low coverage value, it is highly recommended to ensure inclusion of the OPCF44 Family Protection Coverage endorsement for additional protection. Chat to your broker for more details about this coverage.' }) })] }), jsx("td", { children: "Included" }), jsx("td", { children: getCoveragePremium('UA') })] }), jsx("tr", { children: jsx("td", { colSpan: 3, children: jsx("div", { className: "divider" }) }) }), jsxs("tr", { children: [jsxs("td", { children: ["Comprehensive Coverage", jsx("div", { style: { display: 'inline-block', marginLeft: '5px' }, children: jsx(TooltipForm, { id: "my-tooltip", description: 'Comprehensive coverage responds to types of damages ( repair or actual cash value payout) incurred by your vehicle when it is not actively being driven. Examples would be fire, theft, vandalism, glass breakage, and weather-related losses. While considered an optional coverage, it is highly recommended. Should your vehicle be financed or leased, the lienholder/lessor will not allow you to leave this coverage out and will impose a satisfactory deductible to meet their requirements.' }) })] }), jsx("td", { children: jsx(SelectFormBox, { options: coverageOptions, name: "comprehensive-coverage", onChange: handleComprehensiveChange, defaultValue: getSelectedOption(coverageOptions, comprehensive.coverage ? comprehensive.deductible : 0), title: "", description: "", placeholder: "Select from the list", autoSelectIfValueIsOutOfOptions: false, size: SizeTypes.Small, className: "coverages-select-input" }) }), jsx("td", { children: getCoveragePremium('CMP') })] }), jsx("tr", { children: jsx("td", { colSpan: 3, children: jsx("div", { className: "divider" }) }) }), jsxs("tr", { children: [jsxs("td", { children: ["Collision Coverage", jsx("div", { style: { display: 'inline-block', marginLeft: '5px' }, children: jsx(TooltipForm, { id: "my-tooltip", description: 'Collision coverage responds to your vehicle damages (repair or actual cash value payout) in the event you collide with another vehicle or object in the course of its use or operation, and is determined to be at-fault. While considered an optional coverage, it is highly recommended. Should your vehicle be financed or leased, the lienholder/lessor will not allow you to leave this coverage out and will impose a satisfactory deductible to meet their requirements. Chat to your broker for more details about this coverage.' }) })] }), jsx("td", { children: jsx(SelectFormBox, { options: coverageOptions, name: "collision-coverage", onChange: handleCollisionChange, defaultValue: getSelectedOption(coverageOptions, collision.coverage ? collision.deductible : 0), title: "", description: "", placeholder: "Select from the list", autoSelectIfValueIsOutOfOptions: false, size: SizeTypes.Small, className: "coverages-select-input" }) }), jsx("td", { children: getCoveragePremium('COL') })] }), jsx("tr", { children: jsx("td", { colSpan: 3, children: jsx("div", { className: "divider" }) }) }), doesCoverageExist('5') && (jsxs(Fragment, { children: [jsxs("tr", { children: [jsx("td", { children: "Permission to Rent or Lease (OPCF 5)" }), jsx("td", { children: "Included" }), jsx("td", { children: getCoveragePremium('5') })] }), jsx("tr", { children: jsx("td", { colSpan: 3, children: jsx("div", { className: "divider" }) }) })] })), isNonStandardCoverageActive(20) && (jsx(Fragment, { children: jsxs("tr", { children: [jsxs("td", { children: ["Loss of Use (OPCF 20)", jsx("div", { style: { display: 'inline-block', marginLeft: '5px' }, children: jsx(TooltipForm, { id: "my-tooltip", description: 'The OPCF20 Loss of Use / Transportation Replacement endorsement responds when you are determined to be at-fault for an accident, or have a comprehensive claim, and need replacement transportation while your vehicle is out-of-service being repaired, or until it is deemed to be a total loss and a settlement offer is made by your insurer. Most often used to pay for a temporary replacement vehicle rental, it can also be used to compensate for other acceptable forms of travel. Depending on the insurer, the coverage limits available may be a dollar amount or a time amount, and you must have collision and comprehensive, or all perils coverage to include this endorsement. While it is optional, it is highly recommended, and careful consideration must be given to the coverage amounts chosen, as repair delays can quickly exhaust your policy limits, leaving you out-of-pocket for transportation expenses. Chat to your broker for more details about this coverage.' }) })] }), jsx("td", { style: { paddingBottom: '7px' }, children: jsx(SelectFormBox, { options: lossOfUseOptions, name: "loss-of-use", onChange: handleLossOfUseChange, defaultValue: getSelectedOption(lossOfUseOptions, lossofuse.coverage ? lossofuse.limit : 0), title: "", description: "", placeholder: "Select from the list", autoSelectIfValueIsOutOfOptions: false, size: SizeTypes.Small, className: "coverages-select-input" }) }), jsx("td", { rowSpan: doesCoverageExist('PAK6') ? 2 : 1, children: doesCoverageExist('PAK6') ? getCoveragePremium('PAK6') : getCoveragePremium('20') })] }) })), isNonStandardCoverageActive(27) && (jsxs(Fragment, { children: [jsxs("tr", { children: [jsxs("td", { children: ["Liability for Damage for Non-Owned Cars (OPCF 27)", jsx("div", { style: { display: 'inline-block', marginLeft: '5px' }, children: jsx(TooltipForm, { id: "my-tooltip", description: 'The OPCF27 Liability for Damage to Non-Owned Automobile(s) endorsement responds when you rent or borrow a vehicle, and want to extend your coverages to that vehicle. Often used for special occasion rentals or vacation vehicle rentals. Full liability and physical damage coverages must be on your insured vehicle for this endorsement to apply, and a deductible is applicable. Careful consideration must be given in choosing a coverage amount that adequately covers the value of the vehicle you are expecting to rent or borrow.  While considered optional, it is highly recommended, and often "packaged" with the OPCF20 Loss of Use / Transportation Replacement coverage by many insurers. Chat to your broker for more details about this coverage.' }) })] }), jsx("td", { children: jsx(SelectFormBox, { options: liabilityForDamageOptions, name: "liaiblity-for-damage", onChange: handleLiaiblityForDamageChange, defaultValue: getSelectedOption(liabilityForDamageOptions, liabilityfordamage.coverage ? liabilityfordamage.limit : 0), title: "", description: "", placeholder: "Select from the list", autoSelectIfValueIsOutOfOptions: false, size: SizeTypes.Small, className: "coverages-select-input" }) }), !doesCoverageExist('PAK6') && jsx("td", { children: getCoveragePremium('27') })] }), jsx("tr", { children: jsx("td", { colSpan: 3, children: jsx("div", { className: "divider" }) }) })] })), isNonStandardCoverageActive('aCCW') && (jsxs(Fragment, { children: [jsxs("tr", { children: [jsxs("td", { children: ["Accident Waiver or Forgiveness (OPCF 39)", jsx("div", { style: { display: 'inline-block', marginLeft: '5px' }, children: jsx(TooltipForm, { id: "my-tooltip", description: "The OPCF39 Accident Waiver/Forgiveness endorsement responds by protecting your existing driving record from being negatively impacted by a single, partial at-fault or fully at-fault accident, and must be on the policy before the accident. The benefit of the coverage continues as long as you stay with the same insurer, as it's not transferable should you move to another insurance company. Subsequent at-fault or partial at-fault accidents will not have the protection and will be adversely rated accordingly. Eligibility, terms, conditions, and formulations used can vary significantly between insurers, so careful review and consideration are essential.  While purchasing this endorsement is optional, it is highly recommended as the alternative of being accident-rated for several years will be significantly higher in premiums than the cost of the endorsement.  Chat to your broker for more details about this coverage." }) })] }), jsx("td", { children: "Included" }), jsx("td", { children: getCoveragePremium('ACCW') })] }), jsx("tr", { children: jsx("td", { colSpan: 3, children: jsx("div", { className: "divider" }) }) })] })), isNonStandardCoverageActive(43) && (jsxs(Fragment, { children: [jsxs("tr", { children: [jsxs("td", { children: ["Limited waiver of depreciation (OPCF ", isLeased ? '43A' : '43', ")", jsx("div", { style: { display: 'inline-block', marginLeft: '5px' }, children: jsx(TooltipForm, { id: "my-tooltip", description: 'The OPCF43/43A Removing Depreciation Deduction / Limited Waiver of Depreciation endorsement responds by protecting your original purchase/lease price of a "new" vehicle (as evidenced by a bill of sale or lease agreement) from depreciation should the vehicle be a total loss from an insured peril. Only new vehicles, and in some cases "demo\'s" with limited mileage are eligible, and the endorsement must be added immediately upon the vehicle delivery. Coverage durations available vary between insurers, generally ranging from 24 months to 60 months from the possession date of the vehicle. While an optional coverage, it is highly recommended as, without it, a total loss settlement based on actual cash value could leave you contractually owing money to a lienholder or lessor. Chat to your broker for more details about this coverage.' }) })] }), jsx("td", { children: jsx(SelectFormBox, { options: limitedWaiverOfDepreciationOptions, name: "liaiblity-for-damage", onChange: handleLimitedWaiverOfDepreciationChange, defaultValue: getSelectedOption(limitedWaiverOfDepreciationOptions, limitedwaiverofdepreciation.coverage ? limitedwaiverofdepreciation.limit : 0), title: "", description: "", placeholder: "Select from the list", autoSelectIfValueIsOutOfOptions: false, size: SizeTypes.Small, className: "coverages-select-input" }) }), jsx("td", { children: getCoveragePremium('43') })] }), jsx("tr", { children: jsx("td", { colSpan: 3, children: jsx("div", { className: "divider" }) }) })] })), jsxs("tr", { children: [jsxs("td", { children: ["Family Protection (OPCF 44)", jsx("div", { style: { display: 'inline-block', marginLeft: '5px' }, children: jsx(TooltipForm, { id: "my-tooltip", description: 'The OPCF44 Family Protection Endorsement responds when you are determined to be not at-fault in a vehicle accident, and your claim / civil suit against the offending vehicle owner is not adequately satisfied as they are unidentified, uninsured, or underinsured. This endorsement bridges their coverages (if any) up to the full limits of the OPCF44 coverage on your policy. While considered an optional coverage, it is highly recommended as a form of self protection, and is extremely low in cost. Chat to your broker for more details about this coverage.' }) })] }), jsx("td", { children: "Included" }), jsx("td", { children: getCoveragePremium('44') })] }), jsx("tr", { children: jsx("td", { colSpan: 3, children: jsx("div", { className: "divider" }) }) }), jsxs("tr", { className: "premium-total", children: [jsx("td", { children: "Annual Premium" }), jsx("td", {}), jsx("td", { children: getSumOfPremiums() })] })] }) }), jsx("div", { style: { display: 'flex', flexDirection: 'column' }, children: jsx(BlockSubmit$2, { className: "mychoice recalculate", label: "Recalculate Quote", buttonSize: SizeTypes.Medium, isRecalc: true }) })] }));
 };
 
 const OfferSection = ({ offerCompany, brokerCompany, offerPrice, phoneNumber, isBestOffer, isFirstOffer = true, operationHours = {}, redirectUrl, fulfillmentUrl, coverages, nonStandardCoverages, brokerIntegration, }) => {
@@ -733,8 +740,35 @@ const BlockCarInfo = () => {
 const BlockCarConditionInfo = () => {
     const { appConfigState: { appType } } = useStoreAppConfig();
     const { vehicleState, dispatchVehicleState } = useStoreFormCarVehicle();
+    const { discountState, dispatchDiscountState } = useStoreFormCarDiscount();
     const { isAlbertaProvince } = useProvince();
     const isTheBig = appType === AppTypes.TheBig;
+    const { policyStartYear, policyStartMonth, policyStartDay } = discountState;
+    const defaultPolicyStartDate = {
+        year: policyStartYear,
+        month: policyStartMonth,
+        day: policyStartDay,
+    };
+    const handlePolicyStartDateChange = (dateType) => ({ value }) => {
+        if (dateType === DateTypes.Day) {
+            dispatchDiscountState({
+                type: StoreFormCarDiscountActionTypes.FormCarDiscountPolicyStartDaySelect,
+                payload: { policyStartDay: value },
+            });
+        }
+        if (dateType === DateTypes.Month) {
+            dispatchDiscountState({
+                type: StoreFormCarDiscountActionTypes.FormCarDiscountPolicyStartMonthSelect,
+                payload: { policyStartMonth: value },
+            });
+        }
+        if (dateType === DateTypes.Year) {
+            dispatchDiscountState({
+                type: StoreFormCarDiscountActionTypes.FormCarDiscountPolicyStartYearSelect,
+                payload: { policyStartYear: value },
+            });
+        }
+    };
     const { year, condition, leased, winterTires, parkingLocation, primaryUse, distanceDaily, distanceBusiness, distanceYearly, purchaseYear, purchaseMonth, purchaseDay, } = vehicleState.items[vehicleState.activeIndex];
     // eslint-disable-next-line max-len
     const primaryUseHintMessage = primaryUse === 'business' ? 'Please choose "Business" only if your vehicle is used primarily for work (sales representatives, realtors, consultants, etc.). If you drive back and forth to work or use your vehicle occasionally for work, please select "Personal".' : '';
@@ -824,7 +858,7 @@ const BlockCarConditionInfo = () => {
                     purchaseMonth || '',
                     purchaseYear || '',
                 ], vehicleState.inValidation), error: vehicleState.inValidation, minDate: year ? `${Number(year) - 1}-01-01` : getFormattedDate('', 'yyyy-MM-dd'), maxDate: getFormattedDate('', 'yyyy-MM-dd') }), !(isAlbertaProvince && isTheBig) && (jsx(SwitchButtonBox, { items: carWinterTiresCheck, onChange: handleWinterTiresChange, name: "winterTires", defaultValue: getSelectedOption(carWinterTiresCheck, winterTires), description: "Snow. Ice. Freezing temperatures. Winter tires protect you from all these winter weather conditions, and more. It also protects your wallet. Investing in winter tires can save you $50 to $100 on your insurance.", title: "Does your car have winter tires?" })), jsx(SelectFormBox, { options: carKeepPlace, name: "parkingLocation", onChange: handleCarParkingLocationChange, defaultValue: getSelectedOption(carKeepPlace, parkingLocation), title: "Where do you keep your car overnight?", placeholder: "Select from the list", description: "For many of us, the answer is \u201Cat home.\u201D If you park your car in various locations throughout the year, then select the most frequently parking spot. Be honest\u2014some insurers will use your overnight parking location to calculate a quote, which could affect your claims in the future.", autoSelectIfValueIsOutOfOptions: false, error: !parkingLocation && vehicleState.inValidation, errorMessage: getErrorMessage(parkingLocation, vehicleState.inValidation) }), jsx(SwitchButtonBox, { items: carUsagePurpose, onChange: handleCarUsageChange, name: "primaryUse", defaultValue: getSelectedOption(carUsagePurpose, primaryUse) || carUsagePurpose[0].value, hintMessage: primaryUseHintMessage, description: "The way you use your vehicle is a primary factor that insurers use in your policy terms and fees, whether it be personal or business.\n                                    \u2022 Personal is driving from work or school to home.\n                                    \u2022 Business considers other uses like sales calls, pick-ups or deliveries, or other business errands.", title: "What do you mainly use your car for?" }), jsx(SelectFormBox, { options: firstDriveDistanceList, name: "distanceDaily", onChange: handleCarDailyDistanceChange, defaultValue: getSelectedOption(firstDriveDistanceList, distanceDaily), title: "How far is your 1-way commute to work or school?", placeholder: "Select", description: "The distance you drive to work or school would be an example of your daily commute. It is one of the most important factors when determining coverage options since it exposes you to traffic each day. The shorter your commute, the less risk you carry of an accident.", autoSelectIfValueIsOutOfOptions: false, error: !distanceDaily && vehicleState.inValidation, errorMessage: getErrorMessage(distanceDaily, vehicleState.inValidation) }), primaryUse === 'business' && (jsx(SelectFormBox, { options: dailyDriveBusinessDistanceList, name: "distanceBusiness", onChange: handleCarBusinessDailyDistanceChange, defaultValue: getSelectedOption(dailyDriveBusinessDistanceList, distanceBusiness), title: "How many kilometers are driven for business use each day?", placeholder: "Select", autoSelectIfValueIsOutOfOptions: false, error: !distanceBusiness && vehicleState.inValidation, errorMessage: getErrorMessage(distanceBusiness, vehicleState.inValidation) })), jsx(SelectFormBox, { options: yearlyDriveDistanceList, name: "distanceYearly", onChange: handleCarYearlyDistanceChange, defaultValue: getSelectedOption(yearlyDriveDistanceList, distanceYearly), title: "How many total kilometers are driven each year?", placeholder: "Select", hintMessage: distanceDaily ? `Based on your daily driven kilometers, we recommend
-                      ${numberWithCommas(getRecommendedRange(distanceDaily, primaryUse === VehiclePrimaryUseTypes.Business ? distanceBusiness : 1))} for your yearly driven kilometers` : '', autoSelectIfValueIsOutOfOptions: false, error: !distanceYearly && vehicleState.inValidation, errorMessage: getErrorMessage(distanceYearly, vehicleState.inValidation) })] }));
+                      ${numberWithCommas(getRecommendedRange(distanceDaily, primaryUse === VehiclePrimaryUseTypes.Business ? distanceBusiness : 1))} for your yearly driven kilometers` : '', autoSelectIfValueIsOutOfOptions: false, error: !distanceYearly && vehicleState.inValidation, errorMessage: getErrorMessage(distanceYearly, vehicleState.inValidation) }), isTheBig && (jsx(DateSelectFormBox, { name: "policyStart", dateNames: ['policyStartYear', 'policyStartMonth', 'policyStartDay'], onDateChange: handlePolicyStartDateChange, defaultValue: defaultPolicyStartDate, title: "What is the ideal start date for your new insurance policy?", description: "Select your preferred date for the beginning of your new insurance policy. For instance, you may set the start date for the day that your current insurance expires to ensure that you're continuously covered. Alternatively, select today's date for a quote or new policy.", minDate: addDaysToDate('', 1), maxDate: addDaysToDate('', 90), isDay: true }))] }));
 };
 
 const VehicleSectionMain = () => {
@@ -833,6 +867,59 @@ const VehicleSectionMain = () => {
     return (jsxs("div", { className: `form-section top-section ${mychoiceCls}`, children: [mychoiceCls && jsx("h2", { className: "section-title", children: "Give us the scoop on your four-wheeled friend." }), jsx(BlockCarInfo, {}), jsx(BlockCarConditionInfo, {})] }));
 };
 
+const AccidentBenefitsModal = ({ selectedCoverages, onApply, onCancel, }) => {
+    const [localSelected, setLocalSelected] = useState([...selectedCoverages]);
+    const allValues = accidentBenefitsOptionalOptions.map((o) => o.value);
+    const allSelected = allValues.every((v) => localSelected.includes(v));
+    const handleToggle = (value) => {
+        setLocalSelected((prev) => prev.includes(value) ? prev.filter((v) => v !== value) : [...prev, value]);
+    };
+    const handleSelectAll = () => {
+        if (allSelected) {
+            setLocalSelected([]);
+        }
+        else {
+            setLocalSelected([...allValues]);
+        }
+    };
+    return (jsx("div", { className: "ab-modal-overlay", onClick: onCancel, children: jsxs("div", { className: "ab-modal", onClick: (e) => e.stopPropagation(), children: [jsxs("div", { className: "ab-modal-header", children: [jsx("h3", { children: "Accident Benefits" }), jsx("p", { className: "ab-modal-subtitle", children: "Standard Coverage + Self-Selected Optional Enhancements" }), jsx("p", { className: "ab-modal-body-text", children: "Base coverage with flexibility to select additional benefits" })] }), jsxs("div", { className: "ab-modal-content", children: [jsxs("div", { className: "ab-modal-standard-block", children: [jsx("h4", { children: "Standard Benefits" }), jsx("p", { className: "ab-modal-standard-subtitle", children: "Medical, Rehabilitation, and Attendant Care" }), jsx("p", { className: "ab-modal-standard-description", children: "Covers medical expenses, therapy and personal care for injuries from an accident, including doctor visits and physiotherapy." })] }), jsxs("div", { className: "ab-modal-optional-block", children: [jsxs("div", { className: "ab-modal-minimum-notice", children: [jsx("strong", { children: "Minimum Limits Apply" }), jsx("p", { children: "All optional benefits selected below will be quoted at their minimum coverage limits. Please speak with your broker if you wish to discuss higher limits." })] }), jsxs("label", { className: "ab-modal-select-all", children: [jsx("input", { type: "checkbox", checked: allSelected, onChange: handleSelectAll }), jsx("span", { children: "Select All" })] }), jsx("div", { className: "ab-modal-options", children: accidentBenefitsOptionalOptions.map((option) => (jsxs("label", { className: "ab-modal-option", children: [jsx("input", { type: "checkbox", checked: localSelected.includes(option.value), onChange: () => handleToggle(option.value) }), jsxs("div", { className: "ab-modal-option-text", children: [jsx("strong", { children: option.name }), jsx("span", { children: option.description })] })] }, option.value))) })] })] }), jsxs("div", { className: "ab-modal-actions", children: [jsx("button", { type: "button", className: "ab-modal-btn ab-modal-btn-cancel", onClick: onCancel, children: "Cancel" }), jsx("button", { type: "button", className: "ab-modal-btn ab-modal-btn-apply", onClick: () => onApply(localSelected), children: "Apply" })] })] }) }));
+};
+
+const VehicleSectionAccidentBenefits = () => {
+    const { vehicleState, dispatchVehicleState } = useStoreFormCarVehicle();
+    const { accidentbenefits } = vehicleState.items[vehicleState.activeIndex];
+    const { appConfigState: { appType }, } = useStoreAppConfig();
+    const mychoiceCls = isMyChoiceLike(appType) ? 'mychoice' : '';
+    const { isAbReformActive } = useAbReform();
+    const [modalOpen, setModalOpen] = useState(false);
+    if (!isAbReformActive || appType !== AppTypes.TheBig)
+        return null;
+    const handleApply = (selected) => {
+        dispatchVehicleState({
+            type: StoreFormCarVehicleActionTypes.FormCarAccidentBenefitsAdditionalCoveragesSet,
+            payload: { additionalCoverages: selected },
+        });
+        if (selected.includes('med_rehab_cat_1m')) {
+            dispatchVehicleState({
+                type: StoreFormCarVehicleActionTypes.FormCarAccidentBenefitsBaseCoverageSelect,
+                payload: { baseCoverage: 'med_rehab_cat_1m' },
+            });
+        }
+        else {
+            dispatchVehicleState({
+                type: StoreFormCarVehicleActionTypes.FormCarAccidentBenefitsBaseCoverageSelect,
+                payload: { baseCoverage: 'minimum_required' },
+            });
+        }
+        dispatchVehicleState({
+            type: StoreFormCarVehicleActionTypes.FormCarAccidentBenefitsAcknowledge,
+        });
+        setModalOpen(false);
+    };
+    const hasError = !accidentbenefits.abAcknowledged && vehicleState.inValidation;
+    return (jsxs("div", { id: "abAcknowledged", className: `form-section ab-section ${mychoiceCls}`, children: [jsxs("div", { className: "ab-notice-banner", children: [jsx("strong", { children: "Important Notice \u2013 Accident Benefits Changes (Effective July 1, 2026)" }), jsx("p", { children: "As of July 1, 2026, significant changes have been made to the Accident Benefits coverage in Ontario. Many benefits that were previously included are now optional and must be selected based on your individual needs." })] }), jsxs("div", { className: `ab-option-selector${hasError ? ' ab-option-selector--error' : ''}`, role: "button", tabIndex: 0, onClick: () => setModalOpen(true), onKeyDown: (e) => e.key === 'Enter' && setModalOpen(true), children: [jsxs("div", { className: "ab-option-selector-content", children: [jsx("strong", { children: "Standard Mandatory Accident Benefits + Self-Selected Optional Enhancements" }), jsx("p", { children: "Base coverage with flexibility to select additional benefits" }), jsx("p", { className: "ab-option-selector-hint", children: "Selecting this option will open a window displaying all available optional Accident Benefits, which you may individually select based on your needs. Each selected benefit will be quoted at its minimum limit." })] }), jsx("span", { className: "ab-option-selector-arrow", children: "\u203A" })] }), modalOpen && (jsx(AccidentBenefitsModal, { selectedCoverages: accidentbenefits.additionalCoverages, onApply: handleApply, onCancel: () => setModalOpen(false) }))] }));
+};
+
 const VehicleSectionCoverage = () => {
     const { vehicleState, dispatchVehicleState } = useStoreFormCarVehicle();
     const { collision, comprehensive } = vehicleState.items[vehicleState.activeIndex];
@@ -937,7 +1024,7 @@ const PageVehicle = () => {
             behavior: 'smooth',
         });
     };
-    return (jsxs("div", { className: "form-container", children: [jsx(TabVehicle, { createItem: createVehicle }), jsxs("div", { className: "form-section-container", children: [isRender && (jsxs(Fragment, { children: [jsx(VehicleSectionMain, {}), jsx(VehicleSectionCoverage, {})] })), appType === AppTypes.TheBig ? (jsx(NavigationBottomTheBig, { createItem: createVehicle, formSteps: formSteps[InsuranceTypes.Car], itemCount: items.length, validateForm: validateForm, formIsValid: vehicleFormIsValid })) : (jsx(NavigationBottom, { className: "mychoice", createItem: createVehicle, formSteps: formSteps[InsuranceTypes.Car], itemCount: items.length, validateForm: validateForm, formIsValid: vehicleFormIsValid }))] }), localIndex !== defaultLocalIndex && (jsx("img", { className: "logo-for-partner", src: myChoicePartnerLogo, alt: "partner logo" }))] }));
+    return (jsxs("div", { className: "form-container", children: [jsx(TabVehicle, { createItem: createVehicle }), jsxs("div", { className: "form-section-container", children: [isRender && (jsxs(Fragment, { children: [jsx(VehicleSectionMain, {}), jsx(VehicleSectionAccidentBenefits, {}), jsx(VehicleSectionCoverage, {})] })), appType === AppTypes.TheBig ? (jsx(NavigationBottomTheBig, { createItem: createVehicle, formSteps: formSteps[InsuranceTypes.Car], itemCount: items.length, validateForm: validateForm, formIsValid: vehicleFormIsValid })) : (jsx(NavigationBottom, { className: "mychoice", createItem: createVehicle, formSteps: formSteps[InsuranceTypes.Car], itemCount: items.length, validateForm: validateForm, formIsValid: vehicleFormIsValid }))] }), localIndex !== defaultLocalIndex && (jsx("img", { className: "logo-for-partner", src: myChoicePartnerLogo, alt: "partner logo" }))] }));
 };
 
 const TabDriver = ({ createItem, readOnly }) => {
@@ -1225,6 +1312,7 @@ const SectionDriverInsurancePolicy = () => {
     const birthDate = birthYear && birthMonth && birthDay ? `${birthYear}-${birthMonth}-${birthDay}` : '';
     const { appConfigState: { appType }, } = useStoreAppConfig();
     const mychoiceCls = isMyChoiceLike(appType) ? 'mychoice' : '';
+    const isTheBig = appType === AppTypes.TheBig;
     const getPeriodOptions = (year, month) => {
         const options = [{ value: '', name: 'Date Period', disabled: true }];
         if (year && month) {
@@ -1356,7 +1444,7 @@ you had insurance. If this is correct, please continue with the form.`);
     };
     return (jsxs("div", { className: `form-section ${mychoiceCls}`, children: [jsxs("div", { className: "box-container", children: [jsx(DateSelectFormBox, { name: "listedYear", dateNames: ['listedYear', 'listedMonth'], onDateChange: handleListedDateChange, defaultValue: defaultListedDate, disabled: !listed, title: `When was ${firstName || driverNameDefault} first listed as a driver on a Canadian or US insurance policy?`, description: "The selection indicates what year the main driver was first listed on a Canadian or US insurance policy. If you do not remember your age, it is acceptable to provide a best estimate for the purposes of the policy or quote.", errorMessage: listed
                             ? getDateErrorMessage(['01', listedMonth, listedYear], driverState.inValidation)
-                            : '', error: driverState.inValidation, hintMessage: hintMessage, minDate: getMinDate(birthDate, firstLicenceAge) }), jsx(CheckboxForm, { name: "listed", label: "Never listed on an insurance policy", onChange: handleListedChange, defaultValue: !listed })] }), listed && (jsxs("div", { className: "box-container", children: [jsx(SelectFormBox, { name: "insuredDate", onChange: handleInsuredPeriodChange, options: getPeriodOptions(listedYear, listedMonth), defaultValue: insuredDate, disabled: !insured, title: `How long has ${firstName || driverNameDefault} been with their current insurance provider?`, description: "It is common for insurers to provide loyalty rewards or discounts for valued customers. Loyalty is a positive trait in the industry, and most insurance companies will want to provide some incentive for continued customer relationships through tangible policy rewards.", errorMessage: insured ? getErrorMessage(insuredDate, driverState.inValidation) : '', error: !insuredDate && driverState.inValidation }), jsx(CheckboxForm, { name: "insured", label: "Not currently insured", onChange: handleInsuredChange, defaultValue: !insured })] })), jsx(DateSelectFormBox, { name: "policyStart", dateNames: ['policyStartYear', 'policyStartMonth', 'policyStartDay'], onDateChange: handlePolicyStartDateChange, defaultValue: defaultPolicyStartDate, title: "What is the ideal start date for your new insurance policy?", description: "Select your preferred date for the beginning of your new insurance policy.For instance, you may set the start date for the day that your current insurance expires to ensure that you\u2019re continuously covered. Alternatively, select today's date for a quote or new policy.", errorMessage: getDateErrorMessage([policyStartDay || '', policyStartMonth || '', policyStartYear || ''], driverState.inValidation), error: driverState.inValidation, minDate: addDaysToDate('', 1), maxDate: addDaysToDate('', 60), isDay: true })] }));
+                            : '', error: driverState.inValidation, hintMessage: hintMessage, minDate: getMinDate(birthDate, firstLicenceAge) }), jsx(CheckboxForm, { name: "listed", label: "Never listed on an insurance policy", onChange: handleListedChange, defaultValue: !listed })] }), listed && (jsxs("div", { className: "box-container", children: [jsx(SelectFormBox, { name: "insuredDate", onChange: handleInsuredPeriodChange, options: getPeriodOptions(listedYear, listedMonth), defaultValue: insuredDate, disabled: !insured, title: `How long has ${firstName || driverNameDefault} been with their current insurance provider?`, description: "It is common for insurers to provide loyalty rewards or discounts for valued customers. Loyalty is a positive trait in the industry, and most insurance companies will want to provide some incentive for continued customer relationships through tangible policy rewards.", errorMessage: insured ? getErrorMessage(insuredDate, driverState.inValidation) : '', error: !insuredDate && driverState.inValidation }), jsx(CheckboxForm, { name: "insured", label: "Not currently insured", onChange: handleInsuredChange, defaultValue: !insured })] })), !isTheBig && (jsx(DateSelectFormBox, { name: "policyStart", dateNames: ['policyStartYear', 'policyStartMonth', 'policyStartDay'], onDateChange: handlePolicyStartDateChange, defaultValue: defaultPolicyStartDate, title: "What is the ideal start date for your new insurance policy?", description: "Select your preferred date for the beginning of your new insurance policy. For instance, you may set the start date for the day that your current insurance expires to ensure that you\u2019re continuously covered. Alternatively, select today's date for a quote or new policy.", errorMessage: getDateErrorMessage([policyStartDay || '', policyStartMonth || '', policyStartYear || ''], driverState.inValidation), error: driverState.inValidation, minDate: addDaysToDate('', 1), maxDate: addDaysToDate('', 60), isDay: true }))] }));
 };
 
 const SectionDriverCancellation = () => {
@@ -1953,8 +2041,24 @@ const SectionQuoteRecalc$1 = () => {
     const { appConfigState: { appType }, } = useStoreAppConfig();
     const isTheBig = appType === AppTypes.TheBig;
     const mychoiceCls = isMyChoiceLike(appType) ? 'mychoice' : '';
+    const [isRecalcSubmitted, setIsRecalcSubmitted] = useState(false);
     const { vehicleState, dispatchVehicleState } = useStoreFormCarVehicle();
-    const { comprehensive, collision, liability } = vehicleState.items[vehicleState.activeIndex];
+    const { quoteState } = useStoreFormCarQuote();
+    const { comprehensive, collision, liability, accidentbenefits } = vehicleState.items[vehicleState.activeIndex];
+    const { isAbReformActive } = useAbReform();
+    const recalcInitiatedRef = useRef(false);
+    const prevRequestDateRef = useRef(quoteState.requestDate);
+    useEffect(() => {
+        if (recalcInitiatedRef.current
+            && quoteState.requestDate
+            && quoteState.requestDate !== prevRequestDateRef.current) {
+            setIsRecalcSubmitted(true);
+            recalcInitiatedRef.current = false;
+            prevRequestDateRef.current = quoteState.requestDate;
+        }
+    }, [quoteState.requestDate]);
+    const hasAbChanges = accidentbenefits.baseCoverage !== 'minimum_required'
+        || accidentbenefits.additionalCoverages.length > 0;
     const handleComprehensiveChange = ({ value }) => {
         dispatchVehicleState({
             type: StoreFormCarVehicleActionTypes.FormCarComprehensiveCoverageSelect,
@@ -1973,7 +2077,34 @@ const SectionQuoteRecalc$1 = () => {
             payload: { coverage: true, limit: value },
         });
     };
-    return (jsxs("div", { className: "form-container", children: [jsx(TabVehicle, { readOnly: true }), jsxs("div", { className: `form-section edit-recalc-container ${mychoiceCls}`, children: [jsx(SelectFormBox, { options: coverageOptions, name: "comprehensive-coverage", onChange: handleComprehensiveChange, defaultValue: getSelectedOption(coverageOptions, comprehensive.coverage ? comprehensive.deductible : 0), title: "Comprehensive coverage", description: "This deductible is the amount of money that you will pay out of your own pocket if your vehicle is  damaged in events not covered by collision coverage. This includes events such as falling or flying objects, vandalism, and theft. Your insurance company covers the cost of repair minus the deductible chosen.", placeholder: "Select from the list", autoSelectIfValueIsOutOfOptions: false }), jsx(SelectFormBox, { options: coverageOptions, name: "collision-coverage", onChange: handleCollisionChange, defaultValue: getSelectedOption(coverageOptions, collision.coverage ? collision.deductible : 0), title: "Collision coverage", description: "This deductible is the specific dollar amount you will pay out of your own pocket if your vehicle is damaged in an accident. Your insurance company covers the remaining amount.", placeholder: "Select from the list", autoSelectIfValueIsOutOfOptions: false }), jsx(SelectFormBox, { options: liabilityOptions, name: "liability-limit", onChange: handleLiabilityChange, defaultValue: getSelectedOption(liabilityOptions, liability.coverage ? liability.limit : 1000000), title: "Third Party Liability", description: "This protects you from lawsuits resulting from accidents causing bodily injury or death to others or property damage.", placeholder: "Select from the list", autoSelectIfValueIsOutOfOptions: false }), jsx(BlockSubmit$2, { className: `${isTheBig ? 'thebig-bold' : 'mychoice'} recalculate`, label: "Recalculate Quote", buttonSize: SizeTypes.Medium, isRecalc: true }), isTheBig ? jsx(BlockEndorsements, {}) : jsx(BlockMCEndorsements, {})] })] }));
+    const [modalOpen, setModalOpen] = useState(false);
+    const handleModalApply = (selected) => {
+        dispatchVehicleState({
+            type: StoreFormCarVehicleActionTypes.FormCarAccidentBenefitsAdditionalCoveragesSet,
+            payload: { additionalCoverages: selected },
+        });
+        if (selected.includes('med_rehab_cat_1m')) {
+            dispatchVehicleState({
+                type: StoreFormCarVehicleActionTypes.FormCarAccidentBenefitsBaseCoverageSelect,
+                payload: { baseCoverage: 'med_rehab_cat_1m' },
+            });
+        }
+        else {
+            dispatchVehicleState({
+                type: StoreFormCarVehicleActionTypes.FormCarAccidentBenefitsBaseCoverageSelect,
+                payload: { baseCoverage: 'minimum_required' },
+            });
+        }
+        setModalOpen(false);
+    };
+    return (jsxs("div", { className: "form-container", children: [jsx(TabVehicle, { readOnly: true }), jsxs("div", { className: `form-section edit-recalc-container ${mychoiceCls}`, children: [jsx(SelectFormBox, { options: coverageOptions, name: "comprehensive-coverage", onChange: handleComprehensiveChange, defaultValue: getSelectedOption(coverageOptions, comprehensive.coverage ? comprehensive.deductible : 0), title: "Comprehensive coverage", description: "This deductible is the amount of money that you will pay out of your own pocket if your vehicle is  damaged in events not covered by collision coverage. This includes events such as falling or flying objects, vandalism, and theft. Your insurance company covers the cost of repair minus the deductible chosen.", placeholder: "Select from the list", autoSelectIfValueIsOutOfOptions: false }), jsx(SelectFormBox, { options: coverageOptions, name: "collision-coverage", onChange: handleCollisionChange, defaultValue: getSelectedOption(coverageOptions, collision.coverage ? collision.deductible : 0), title: "Collision coverage", description: "This deductible is the specific dollar amount you will pay out of your own pocket if your vehicle is damaged in an accident. Your insurance company covers the remaining amount.", placeholder: "Select from the list", autoSelectIfValueIsOutOfOptions: false }), jsx(SelectFormBox, { options: liabilityOptions, name: "liability-limit", onChange: handleLiabilityChange, defaultValue: getSelectedOption(liabilityOptions, liability.coverage ? liability.limit : 1000000), title: "Third Party Liability", description: "This protects you from lawsuits resulting from accidents causing bodily injury or death to others or property damage.", placeholder: "Select from the list", autoSelectIfValueIsOutOfOptions: false }), isAbReformActive && isTheBig && (jsxs("div", { className: "accident-benefits-container", children: [jsxs("div", { className: "ab-notice-banner", children: [jsx("strong", { children: "Important Notice \u2013 Accident Benefits Changes (Effective July 1, 2026)" }), jsx("p", { children: "As of July 1, 2026, significant changes have been made to the Accident Benefits coverage in Ontario. Many benefits that were previously included are now optional and must be selected based on your individual needs." })] }), jsxs("div", { className: "ab-option-selector", onClick: () => setModalOpen(true), children: [jsxs("div", { className: "ab-option-selector-content", children: [jsx("strong", { children: "Standard Mandatory Accident Benefits + Self-Selected Optional Enhancements" }), jsx("p", { children: "Base coverage with flexibility to select additional benefits" })] }), jsx("span", { className: "ab-option-selector-arrow", children: "\u203A" })] }), modalOpen && (jsx(AccidentBenefitsModal, { selectedCoverages: accidentbenefits.additionalCoverages, onApply: handleModalApply, onCancel: () => setModalOpen(false) }))] })), jsx(BlockSubmit$2, { className: `${isTheBig ? 'thebig-bold' : 'mychoice'} recalculate`, label: "Recalculate Quote", buttonSize: SizeTypes.Medium, isRecalc: true, onSubmitClick: () => {
+                            recalcInitiatedRef.current = true;
+                            setIsRecalcSubmitted(false);
+                        } }), isAbReformActive && isTheBig && isRecalcSubmitted && (jsx("p", { className: "accident-benefits-recalc-message", children: quoteState.items?.length
+                            ? hasAbChanges
+                                ? 'Your premium has been recalculated. Your broker has been notified and will contact you to discuss your Accident Benefits selections.'
+                                : 'Your premium has been recalculated.'
+                            : 'We could not calculate a premium for the selected Accident Benefits options. Please speak to your broker to review the implications of these changes.' })), isTheBig ? jsx(BlockEndorsements, {}) : jsx(BlockMCEndorsements, {})] })] }));
 };
 
 const lockEmoji$1 = '\u{1F512}';
@@ -2052,12 +2183,36 @@ const PageCarQuote = () => {
     const { appLoaderState } = useStoreAppLoader();
     const { appDeviceType } = useStoreDeviceType();
     const { appConfigState: { localIndex, insuranceType }, } = useStoreAppConfig();
+    const { isAbReformActive } = useAbReform();
     const { items, quoteConfirm } = quoteState;
     const isTheBig = appType === AppTypes.TheBig;
     const hasConfirmStep = !!(items?.length && !isTheBig && items[0]?.confirmQuote && quoteConfirm);
     const quoteItems = hasConfirmStep ? items?.slice(0, 2) : items;
     const showContentWhileLoading = hasConfirmStep ? true : !appLoaderState.isOpen;
     const navigate = useNavigate();
+    const [recalcFailed, setRecalcFailed] = useState(false);
+    const prevRequestDateRef = useRef(undefined);
+    const lastSuccessfulItemsRef = useRef(undefined);
+    if (items?.length) {
+        lastSuccessfulItemsRef.current = items;
+    }
+    const displayBestItem = recalcFailed ? lastSuccessfulItemsRef.current?.[0] : items?.[0];
+    const lastSuccessfulItems = lastSuccessfulItemsRef.current;
+    const displayItems = recalcFailed
+        ? (hasConfirmStep ? lastSuccessfulItems?.slice(0, 2) : lastSuccessfulItems)
+        : quoteItems;
+    useEffect(() => {
+        if (!quoteState.requestDate)
+            return;
+        if (prevRequestDateRef.current === undefined) {
+            prevRequestDateRef.current = quoteState.requestDate;
+            return;
+        }
+        if (quoteState.requestDate !== prevRequestDateRef.current) {
+            setRecalcFailed(!quoteState.items?.length);
+            prevRequestDateRef.current = quoteState.requestDate;
+        }
+    }, [quoteState.requestDate]);
     useEffectOnce(() => {
         if (!vehicleFormIsValid) {
             vehicleFormValidate();
@@ -2079,14 +2234,14 @@ const PageCarQuote = () => {
             navigate(`/${localIndex || defaultLocalIndex}/${insuranceType}/offer`);
         }
     });
-    return (jsx("div", { className: `quote-page-content ${hasConfirmStep ? 'confirm-step' : ''}`, children: showContentWhileLoading && (jsxs(Fragment, { children: [hasConfirmStep && jsx(BlockConfirmHeading, {}), jsxs("div", { className: "form-section-container", children: [appDeviceType === DeviceTypes.Mobile && !hasConfirmStep && (jsx(Fragment, { children: !!items?.length ? (jsx(Fragment, { children: !quoteState.showCallMessage ? (jsx("div", { className: "offer-container", children: jsx(OfferSection, { isBestOffer: true, offerCompany: items[0]?.company, brokerCompany: items[0]?.brokerProfile, offerPrice: {
-                                            monthly: items[0]?.priceMonthly,
-                                            yearly: items[0]?.priceYearly,
+    return (jsx("div", { className: `quote-page-content ${hasConfirmStep ? 'confirm-step' : ''}`, children: showContentWhileLoading && (jsxs(Fragment, { children: [hasConfirmStep && jsx(BlockConfirmHeading, {}), jsxs("div", { className: "form-section-container", children: [appDeviceType === DeviceTypes.Mobile && !hasConfirmStep && (jsx(Fragment, { children: !!(items?.length || recalcFailed) ? (jsx(Fragment, { children: !quoteState.showCallMessage ? (jsx("div", { className: `offer-container${recalcFailed ? ' greyed-out' : ''}`, children: jsx(OfferSection, { isBestOffer: true, offerCompany: displayBestItem?.company, brokerCompany: displayBestItem?.brokerProfile, offerPrice: {
+                                            monthly: displayBestItem?.priceMonthly,
+                                            yearly: displayBestItem?.priceYearly,
                                         }, operationHours: {
-                                            saturdayHours: items[0]?.brokerProfile.hoursSaturday,
-                                            sundayHours: items[0]?.brokerProfile.hoursSunday,
-                                            weekdayHours: items[0]?.brokerProfile.hoursWorkdays,
-                                        }, phoneNumber: formatPhoneObject(items[0]?.brokerProfile.phone), redirectUrl: items[0]?.brokerProfile.redirectUrl || '', coverages: items[0]?.coverages, nonStandardCoverages: items[0]?.nonStandardCoverages, brokerIntegration: items[0]?.brokerIntegration }) })) : (jsx(SplashScreen$2, {})) })) : (jsx(NoQuotesMessage, { type: "car" })) })), (!hasConfirmStep || appDeviceType !== DeviceTypes.Mobile) && (jsxs(Fragment, { children: [jsx(SectionQuoteEdit$2, {}), (isTheBig || !items[0]?.coverages) && jsx(SectionQuoteRecalc$1, {})] }))] }), appDeviceType !== DeviceTypes.Mobile && quoteState.showCallMessage && jsx(SplashScreen$2, {}), !quoteState.showCallMessage && (jsx(Fragment, { children: jsxs("div", { style: { position: 'relative', width: '100%' }, children: [hasConfirmStep && (jsxs(Fragment, { children: [jsx("div", { className: "offer-container", children: jsx(SectionConfirm, {}) }), appDeviceType === DeviceTypes.Mobile && (jsxs(Fragment, { children: [jsx(SectionQuoteEdit$2, {}), (isTheBig || !items[0]?.coverages) && jsx(SectionQuoteRecalc$1, {})] }))] })), jsx("div", { className: `offer-container ${hasConfirmStep ? 'blur' : ''}`, children: !!items?.length ? (quoteItems.map(({ company, brokerProfile, priceMonthly, priceYearly, coverages, nonStandardCoverages, brokerIntegration, }, index) => (jsx("div", { children: (appDeviceType !== DeviceTypes.Mobile ||
+                                            saturdayHours: displayBestItem?.brokerProfile.hoursSaturday,
+                                            sundayHours: displayBestItem?.brokerProfile.hoursSunday,
+                                            weekdayHours: displayBestItem?.brokerProfile.hoursWorkdays,
+                                        }, phoneNumber: formatPhoneObject(displayBestItem?.brokerProfile.phone ?? ''), redirectUrl: displayBestItem?.brokerProfile.redirectUrl || '', coverages: displayBestItem?.coverages, nonStandardCoverages: displayBestItem?.nonStandardCoverages, brokerIntegration: displayBestItem?.brokerIntegration }) })) : (jsx(SplashScreen$2, {})) })) : (jsx(NoQuotesMessage, { type: "car" })) })), (!hasConfirmStep || appDeviceType !== DeviceTypes.Mobile) && (jsxs(Fragment, { children: [jsx(SectionQuoteEdit$2, {}), (isTheBig || !items[0]?.coverages) && jsx(SectionQuoteRecalc$1, {})] }))] }), appDeviceType !== DeviceTypes.Mobile && quoteState.showCallMessage && jsx(SplashScreen$2, {}), !quoteState.showCallMessage && (jsx(Fragment, { children: jsxs("div", { style: { position: 'relative', width: '100%' }, children: [isAbReformActive && isTheBig && (jsxs("div", { className: "ab-disclaimer", children: [jsx("strong", { children: "Important Disclaimer" }), jsxs("p", { children: ["Due to the changes to the Statutory Accident Benefit Coverage, effective July 1, 2026", ' ', jsx("a", { href: "https://www.fsrao.ca/industry/auto-insurance/changes-statutory-accident-benefits-coverage-ontario-july-1-2026#:~:text=July%201%2C%202026-,Changes%20in%20Statutory%20Accident%20Benefits%20coverage%20in%20Ontario%20on%20July,fits%20their%20needs%20and%20budgets.", target: "_blank", rel: "noreferrer noopener", children: "(Government of Ontario website)" }), ", please consider the individual circumstances for all drivers quoted before making your selections. Speak with your insurance broker if you have questions or need help understanding your options. Your Accident Benefits coverage selections will impact both your quoted premium and the coverage available to drivers on the quote."] })] })), hasConfirmStep && (jsxs(Fragment, { children: [jsx("div", { className: "offer-container", children: jsx(SectionConfirm, {}) }), appDeviceType === DeviceTypes.Mobile && (jsxs(Fragment, { children: [jsx(SectionQuoteEdit$2, {}), (isTheBig || !items[0]?.coverages) && jsx(SectionQuoteRecalc$1, {})] }))] })), jsx("div", { className: `offer-container ${hasConfirmStep ? 'blur' : ''} ${recalcFailed ? 'greyed-out' : ''}`, children: !!(items?.length || recalcFailed) ? ((displayItems ?? []).map(({ company, brokerProfile, priceMonthly, priceYearly, coverages, nonStandardCoverages, brokerIntegration, }, index) => (jsx("div", { children: (appDeviceType !== DeviceTypes.Mobile ||
                                         (appDeviceType === DeviceTypes.Mobile && index !== 0)) && (jsx(OfferSection, { isBestOffer: index === 0, isFirstOffer: index === 0, offerCompany: company, brokerCompany: brokerProfile, offerPrice: {
                                             monthly: priceMonthly,
                                             yearly: priceYearly,