@mychoice/mychoice-sdk-modules 2.0.0 → 2.0.2

package/dist/cjs/shared/boxes/SelectFormBox/SelectFormBox.d.ts

@@ -1,3 +1,3 @@
-import { SdkFC } from '@groksmith/mychoice-sdk-components';
+import { SdkFC } from '@mychoice/mychoice-sdk-components';
 import { SelectFormBoxProps } from './interface';
 export declare const SelectFormBox: SdkFC<SelectFormBoxProps>;

package/dist/cjs/shared/boxes/SelectFormBox/interface.d.ts

@@ -1,4 +1,4 @@
-import { DefaultInputProps, OnChangeEventInterface, SelectOptionGroupInterface, SelectOptionInterface } from '@groksmith/mychoice-sdk-components';
+import { DefaultInputProps, OnChangeEventInterface, SelectOptionGroupInterface, SelectOptionInterface } from '@mychoice/mychoice-sdk-components';
 import { LabelFormBoxProps } from '../LabelFormBox/interface';
 export type SelectFormBoxProps = DefaultInputProps & LabelFormBoxProps & {
     name: string;

package/dist/cjs/shared/boxes/SwitchButtonBox/SwitchButtonBox.d.ts

@@ -1,3 +1,3 @@
-import { SdkFC } from '@groksmith/mychoice-sdk-components';
+import { SdkFC } from '@mychoice/mychoice-sdk-components';
 import { SwitchButtonBoxProps } from './interface';
 export declare const SwitchButtonBox: SdkFC<SwitchButtonBoxProps>;

package/dist/cjs/shared/boxes/SwitchButtonBox/interface.d.ts

@@ -1,4 +1,4 @@
-import { SelectOptionInterface, OnChangeEventInterface } from '@groksmith/mychoice-sdk-components';
+import { SelectOptionInterface, OnChangeEventInterface } from '@mychoice/mychoice-sdk-components';
 import { LabelFormBoxProps } from '../LabelFormBox/interface';
 export type SwitchButtonBoxProps = LabelFormBoxProps & {
     name: string;

package/dist/cjs/shared/headers/HeaderDesktop/Mychoice.d.ts

@@ -1,3 +1,3 @@
-import { SdkFC } from '@groksmith/mychoice-sdk-components';
+import { SdkFC } from '@mychoice/mychoice-sdk-components';
 import { HeaderLogoProps } from '../interfaces';
 export declare const HeaderMyChoice: SdkFC<HeaderLogoProps>;

package/dist/cjs/shared/headers/HeaderDesktop/Partner.d.ts

@@ -1,3 +1,3 @@
-import { SdkFC } from '@groksmith/mychoice-sdk-components';
+import { SdkFC } from '@mychoice/mychoice-sdk-components';
 import { HeaderLogoProps } from '../interfaces';
 export declare const HeaderPartner: SdkFC<HeaderLogoProps>;

package/dist/cjs/shared/headers/HeaderDesktop/TheBig.d.ts

@@ -1,3 +1,3 @@
-import { SdkFC } from '@groksmith/mychoice-sdk-components';
+import { SdkFC } from '@mychoice/mychoice-sdk-components';
 import { HeaderTheBigProps } from '../interfaces';
 export declare const HeaderTheBig: SdkFC<HeaderTheBigProps>;

package/dist/cjs/shared/headers/HeaderMobile/MyChoice.d.ts

@@ -1,3 +1,3 @@
-import { SdkFC } from '@groksmith/mychoice-sdk-components';
+import { SdkFC } from '@mychoice/mychoice-sdk-components';
 import { HeaderLogoProps } from '../interfaces';
 export declare const HeaderMyChoiceMobile: SdkFC<HeaderLogoProps>;

package/dist/cjs/shared/headers/constants.d.ts

@@ -1,4 +1,4 @@
-import { InsuranceTypes } from '@groksmith/mychoice-sdk-components';
+import { InsuranceTypes } from '@mychoice/mychoice-sdk-components';
 export declare const usePathGroups: (insuranceType: InsuranceTypes) => {
     insurancePathGroup: {
         name: string;

package/dist/cjs/shared/headers/interfaces.d.ts

@@ -1,4 +1,4 @@
-import { AppTypes } from '@groksmith/mychoice-sdk-components';
+import { AppTypes } from '@mychoice/mychoice-sdk-components';
 export type HeaderLogoProps = {
     className?: string;
 };

package/dist/cjs/shared/loaders/LoaderPrimary/LoaderPrimary.d.ts

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

package/dist/cjs/shared/modals/ModalAddress/ModalAddress.d.ts

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

package/dist/cjs/shared/modals/ModalConfirm/ModalConfirm.d.ts

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

package/dist/cjs/shared/modals/ModalFinale/ModalFinale.d.ts

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

package/dist/cjs/shared/modals/ModalMessage/ModalMessage.d.ts

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

package/dist/cjs/shared/modals/ModalPostal/ModalPostal.d.ts

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

package/dist/cjs/shared/modals/ModalQuoteRequest/ModalQuoteRequest.d.ts

@@ -1,3 +1,3 @@
-import { SdkFC } from '@groksmith/mychoice-sdk-components';
+import { SdkFC } from '@mychoice/mychoice-sdk-components';
 import { QuoteRequestModalProps } from '../interfaces';
 export declare const ModalQuoteRequest: SdkFC<QuoteRequestModalProps>;

package/dist/cjs/shared/modals/interfaces.d.ts

@@ -1,4 +1,4 @@
-import { OnChangeEventInterface } from '@groksmith/mychoice-sdk-components';
+import { OnChangeEventInterface } from '@mychoice/mychoice-sdk-components';
 import { FormEvent } from 'react';
 export type BaseModalProps = {
     title?: string;

package/dist/cjs/shared/navigations/NavigationBottom/NavigationBottom.d.ts

@@ -1,3 +1,3 @@
-import { SdkFC } from '@groksmith/mychoice-sdk-components';
+import { SdkFC } from '@mychoice/mychoice-sdk-components';
 import { NavigationBottomProps } from '../interfaces';
 export declare const NavigationBottom: SdkFC<NavigationBottomProps>;

package/dist/cjs/shared/navigations/NavigationBottom/NavigationBottomTheBig.d.ts

@@ -1,3 +1,3 @@
-import { SdkFC } from '@groksmith/mychoice-sdk-components';
+import { SdkFC } from '@mychoice/mychoice-sdk-components';
 import { NavigationBottomProps } from '../interfaces';
 export declare const NavigationBottomTheBig: SdkFC<NavigationBottomProps>;

package/dist/cjs/shared/navigations/NavigationTab/NavigationTab.d.ts

@@ -1,3 +1,3 @@
-import { SdkFC } from '@groksmith/mychoice-sdk-components';
+import { SdkFC } from '@mychoice/mychoice-sdk-components';
 import { NavigationTabProps } from './interface';
 export declare const NavigationTab: SdkFC<NavigationTabProps>;

package/dist/cjs/shared/navigations/NavigationTab/NavigationTabMobile.d.ts

@@ -1,3 +1,3 @@
-import { SdkFC } from '@groksmith/mychoice-sdk-components';
+import { SdkFC } from '@mychoice/mychoice-sdk-components';
 import { NavigationTabProps } from './interface';
 export declare const NavigationTabMobile: SdkFC<NavigationTabProps>;

package/dist/cjs/shared/navigations/NavigationTop/NavigationTop.d.ts

@@ -1,3 +1,3 @@
-import { SdkFC } from '@groksmith/mychoice-sdk-components';
+import { SdkFC } from '@mychoice/mychoice-sdk-components';
 import { NavigationTopProps } from '../interfaces';
 export declare const NavigationTop: SdkFC<NavigationTopProps>;

package/dist/cjs/shared/navigations/NavigationTop/components/ButtonsBox.d.ts

@@ -1,3 +1,3 @@
-import { SdkFC } from '@groksmith/mychoice-sdk-components';
+import { SdkFC } from '@mychoice/mychoice-sdk-components';
 import { ButtonBoxProps } from '../../interfaces';
 export declare const ButtonsBox: SdkFC<ButtonBoxProps>;

package/dist/cjs/shared/navigations/NavigationTop/components/PostalCodeDataBox.d.ts

@@ -1,3 +1,3 @@
-import { SdkFC } from '@groksmith/mychoice-sdk-components';
+import { SdkFC } from '@mychoice/mychoice-sdk-components';
 import { PostalCodeDataProps } from '../../interfaces';
 export declare const PostalCodeDataBox: SdkFC<PostalCodeDataProps>;

package/dist/cjs/shared/navigations/NavigationTop/components/StepsBox.d.ts

@@ -1,3 +1,3 @@
-import { SdkFC } from '@groksmith/mychoice-sdk-components';
+import { SdkFC } from '@mychoice/mychoice-sdk-components';
 import { StepsProps } from '../../interfaces';
 export declare const StepsBox: SdkFC<StepsProps>;

package/dist/cjs/shared/navigations/interfaces.d.ts

@@ -1,4 +1,4 @@
-import { NavigationItemInterface, ValidationHookInterface } from '@groksmith/mychoice-sdk-components';
+import { NavigationItemInterface, ValidationHookInterface } from '@mychoice/mychoice-sdk-components';
 export type StepsProps = {
     partnerId?: string;
     className?: string;

package/dist/cjs/shared/sections/quotes/OfferSection/BestOfferSection.d.ts

@@ -0,0 +1,3 @@
+import { SdkFC } from '@groksmith/mychoice-sdk-components';
+import { OfferSectionProps } from '../interfaces';
+export declare const BestOfferSection: SdkFC<OfferSectionProps>;

package/dist/cjs/shared/sections/quotes/OfferSection/DummyOfferSection.d.ts

@@ -0,0 +1,3 @@
+import { SdkFC } from '@groksmith/mychoice-sdk-components';
+import { OfferSectionProps } from '../interfaces';
+export declare const DummyOfferSection: SdkFC<OfferSectionProps>;

package/dist/cjs/shared/sections/quotes/OfferSection/OfferSection.d.ts

@@ -1,3 +1,3 @@
-import { SdkFC } from '@groksmith/mychoice-sdk-components';
+import { SdkFC } from '@mychoice/mychoice-sdk-components';
 import { OfferSectionProps } from '../interfaces';
 export declare const OfferSection: SdkFC<OfferSectionProps>;

package/dist/cjs/shared/sections/quotes/interfaces.d.ts

@@ -1,4 +1,4 @@
-import { OfferDetailInfoProps, OfferDetailTitleProps, OperationHoursInfoProps, PriceInterface } from '@groksmith/mychoice-sdk-components';
+import { OfferDetailInfoProps, OfferDetailTitleProps, OperationHoursInfoProps, PriceInterface } from '@mychoice/mychoice-sdk-components';
 import { PhoneObjectInterface } from '../../../insurances';
 export type OfferSectionProps = {
     phoneNumber?: PhoneObjectInterface;

package/dist/esm/index.js

@@ -1,8 +1,9 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { AppTypes, TitleForm, TooltipForm, IconDelete, ColorVariablesTypes, InputTypes, InputForm, InputFormPhone, InputFormEmail, InputFormLicence, SelectForm, getFormattedDate, DateTypes, getDateOptions, ButtonForm, OfferHeader, OfferPrice, ButtonBase, ButtonTypes, CategoryTypes, ColorTypes, ButtonVariantTypes, SizeTypes, IconDropdownArrow, OfferDetail, CompanyRoleTypes, OperationHoursInfo, InsuranceTypes, HeaderNavGroup, ButtonMenu, IconLoaderPrimary, getInsuranceType, RequestStatusTypes, formatPostalCode, IconLoaderSecondary, postalCodeFormat, defaultBrokerPhone, useEffectOnce, yearMessage, carCondition, carStatus, carWinterTiresCheck, carKeepPlace, carUsagePurpose, firstDriveDistanceList, dailyDriveBusinessDistanceList, yearlyDriveDistanceList, numberWithCommas, VehiclePrimaryUseTypes, comprehensiveCoverage, collisionCoverage, DeviceTypes, defaultLocalIndex, maritalStatusOptions, subYearsFromDate, occupationOptions, genderOptions, applicantRelationshipOptions, addYearsToDate, checkDateIsSpecial, DriverLicenceTypes, getDifferenceInYears, getLicenceTypeOptions, getDisabledLicenceTypes, yesNoOptions, addDaysToDate, getMinDate, CheckboxForm, subMonthsFromDate, getMinDateByYears, compareDates, insuranceCancellationReasonOptions, DriverListTypes, licenceSuspensionsReasonOptions, trafficTicketsGroupOptions, DriverPriorityTypes, ValidationStatusTypes, QuoteEdit, coverageOptions, liabilityOptions, homeOwnerTypeOptions, tenantBuildingStructureOptions, condoBuildingStructureOptions, homeBuildingStructureOptions, residentsOptions, insuredYearsOptions, getInsuranceYearsOptions, ApplicantListTypes, claimTypeOptions, exteriorFinishOptions, constructionTypeOptions, garageTypeOptions, getNumericOptions, fireHallDistanceOptions, fireHydrantDistanceOptions, primaryHeatingTypeOptions, auxHeatingTypeOptions, InfoMessage, ppOptions, homeCoverageOptions, homeLiabilityOptions, lifeProvinceOptions, lifeInsuranceTypeOptions, lifeCoverageOptions, smokerOptions, MychoiceStep, Step, IconClock, ButtonArrow, DirectionTypes, ButtonTabArrow, ButtonTab, ButtonTabMobile, NavigationCar, NavigationPerson, NavigationDiscount, NavigationQuotes, NavigationAddress, NavigationProperty, ModalTypes } from '@groksmith/mychoice-sdk-components';
-import { useStoreAppConfig, CarQuoteDataHandler, useStorePartner, useStoreAppLoader, useStoreAppModal, StoreConfigAppModalActionTypes, useHandlerPostal, useHandlerCarMake, useHandlerCarModel, useStoreFormCarVehicle, StoreFormCarVehicleActionTypes, useProvince, useStoreFormCarDiscount, useStoreDeviceType, StoreFormCarDiscountActionTypes, useValidationVehicle, useStoreFormCarDriverBase, StoreFormCarDriverBaseActionTypes, useStoreFormCarConfig, useStoreFormCarDriverInfo, StoreFormCarDriverInfoActionTypes, useStoreFormCarDriverLicence, addDayToDate, StoreFormCarDriverLicenceActionTypes, useStoreFormCarDriverInsurance, useStoreFormCarQuote, StoreFormCarDriverInsuranceActionTypes, useStoreFormCarDriverCancellation, StoreFormCarDriverCancellationActionTypes, useStoreFormCarDriverSuspension, StoreFormCarDriverSuspensionActionTypes, useStoreFormCarDriverAccident, StoreFormCarDriverAccidentActionTypes, useStoreFormCarDriverTicket, StoreFormCarDriverTicketActionTypes, useValidationDriver, useValidationCarDiscount, useHandlerCarQuoterEmail, useStoreFormHomeDwelling, useStoreFormHomePostal, useStoreFormHomeApplicantBase, StoreFormHomePostalActionTypes, StoreFormHomeDwellingActionTypes, StoreConfigAppConfigActionTypes, StoreFormHomeApplicantBaseActionTypes, useValidationAddress, useStoreFormHomeApplicantInfo, useStoreFormHomeDiscount, StoreFormHomeDiscountActionTypes, StoreFormHomeApplicantInfoActionTypes, useStoreFormHomeApplicantInsurance, StoreFormHomeApplicantInsuranceActionTypes, useStoreFormHomeApplicantCancellation, StoreFormHomeApplicantCancellationActionTypes, useStoreFormHomeApplicantClaim, StoreFormHomeApplicantClaimActionTypes, useValidationApplicant, useValidationDwelling, useStoreFormHomeQuote, HomeQuoteDataHandler, useValidationHomeDiscount, useHandlerHomeQuoterEmail, useStoreFormLifeCoverage, StoreFormLifeCoverageActionTypes, useValidationCoverage, 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 '@groksmith/mychoice-sdk-store';
+import { AppTypes, TitleForm, TooltipForm, IconDelete, ColorVariablesTypes, InputTypes, InputForm, InputFormPhone, InputFormEmail, InputFormLicence, SelectForm, getFormattedDate, DateTypes, getDateOptions, ButtonForm, OfferHeader, OfferPrice, ButtonBase, ButtonTypes, CategoryTypes, ColorTypes, ButtonVariantTypes, SizeTypes, IconDropdownArrow, OfferDetail, CompanyRoleTypes, OperationHoursInfo, InsuranceTypes, HeaderNavGroup, ButtonMenu, IconLoaderPrimary, getInsuranceType, RequestStatusTypes, formatPostalCode, IconLoaderSecondary, postalCodeFormat, defaultBrokerPhone, useEffectOnce, yearMessage, carCondition, carStatus, carWinterTiresCheck, carKeepPlace, carUsagePurpose, firstDriveDistanceList, dailyDriveBusinessDistanceList, yearlyDriveDistanceList, numberWithCommas, VehiclePrimaryUseTypes, comprehensiveCoverage, collisionCoverage, DeviceTypes, defaultLocalIndex, maritalStatusOptions, subYearsFromDate, occupationOptions, genderOptions, applicantRelationshipOptions, addYearsToDate, checkDateIsSpecial, DriverLicenceTypes, getDifferenceInYears, getLicenceTypeOptions, getDisabledLicenceTypes, yesNoOptions, addDaysToDate, getMinDate, CheckboxForm, subMonthsFromDate, getMinDateByYears, compareDates, insuranceCancellationReasonOptions, DriverListTypes, licenceSuspensionsReasonOptions, trafficTicketsGroupOptions, DriverPriorityTypes, ValidationStatusTypes, QuoteEdit, coverageOptions, liabilityOptions, homeOwnerTypeOptions, tenantBuildingStructureOptions, condoBuildingStructureOptions, homeBuildingStructureOptions, residentsOptions, insuredYearsOptions, getInsuranceYearsOptions, ApplicantListTypes, claimTypeOptions, exteriorFinishOptions, constructionTypeOptions, garageTypeOptions, getNumericOptions, fireHallDistanceOptions, fireHydrantDistanceOptions, primaryHeatingTypeOptions, auxHeatingTypeOptions, InfoMessage, ppOptions, homeCoverageOptions, homeLiabilityOptions, lifeProvinceOptions, lifeInsuranceTypeOptions, lifeCoverageOptions, smokerOptions, MychoiceStep, Step, IconClock, ButtonArrow, DirectionTypes, ButtonTabArrow, ButtonTab, ButtonTabMobile, NavigationCar, NavigationPerson, NavigationDiscount, NavigationQuotes, NavigationAddress, NavigationProperty, ModalTypes } from '@mychoice/mychoice-sdk-components';
+import { useStoreAppConfig, CarQuoteDataHandler, useStorePartner, useStoreAppLoader, useStoreAppModal, StoreConfigAppModalActionTypes, useHandlerPostal, useHandlerCarMake, useHandlerCarModel, useStoreFormCarVehicle, StoreFormCarVehicleActionTypes, useProvince, useStoreFormCarDiscount, useStoreDeviceType, StoreFormCarDiscountActionTypes, useValidationVehicle, useStoreFormCarDriverBase, StoreFormCarDriverBaseActionTypes, useStoreFormCarConfig, useStoreFormCarDriverInfo, StoreFormCarDriverInfoActionTypes, useStoreFormCarDriverLicence, addDayToDate, StoreFormCarDriverLicenceActionTypes, useStoreFormCarDriverInsurance, useStoreFormCarQuote, StoreFormCarDriverInsuranceActionTypes, useStoreFormCarDriverCancellation, StoreFormCarDriverCancellationActionTypes, useStoreFormCarDriverSuspension, StoreFormCarDriverSuspensionActionTypes, useStoreFormCarDriverAccident, StoreFormCarDriverAccidentActionTypes, useStoreFormCarDriverTicket, StoreFormCarDriverTicketActionTypes, useValidationDriver, useValidationCarDiscount, useHandlerCarQuoterEmail, useStoreFormHomeDwelling, useStoreFormHomePostal, useStoreFormHomeApplicantBase, StoreFormHomePostalActionTypes, StoreFormHomeDwellingActionTypes, StoreConfigAppConfigActionTypes, StoreFormHomeApplicantBaseActionTypes, useValidationAddress, useStoreFormHomeApplicantInfo, useStoreFormHomeDiscount, StoreFormHomeDiscountActionTypes, StoreFormHomeApplicantInfoActionTypes, useStoreFormHomeApplicantInsurance, StoreFormHomeApplicantInsuranceActionTypes, useStoreFormHomeApplicantCancellation, StoreFormHomeApplicantCancellationActionTypes, useStoreFormHomeApplicantClaim, StoreFormHomeApplicantClaimActionTypes, useValidationApplicant, useValidationDwelling, useStoreFormHomeQuote, HomeQuoteDataHandler, useValidationHomeDiscount, useHandlerHomeQuoterEmail, useStoreFormLifeCoverage, StoreFormLifeCoverageActionTypes, useValidationCoverage, 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 } from 'react';
+import { random } from 'lodash';
 import GooglePlacesAutocomplete, { geocodeByPlaceId } from 'react-google-places-autocomplete';
 import { components } from 'react-select';
 import { Helmet } from 'react-helmet';
@@ -1750,6 +1751,59 @@ const SectionQuoteRecalc$1 = () => {
     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, {})] })] }));
 };
 
+const lockEmoji = '\u{1F512}';
+const savedPercentage = random(25, 30);
+const SectionConfirm = () => {
+    const { discountState, dispatchDiscountState } = useStoreFormCarDiscount();
+    const { postPerformLeadsAction } = CarQuoteDataHandler();
+    const { quoteState } = useStoreFormCarQuote();
+    const { quoterInfo } = discountState;
+    const { items: quotes } = quoteState;
+    const { firstName, lastName, phone } = quoterInfo;
+    const bestQuote = quotes.length ? quotes[0] : null;
+    const [comparedCountMax] = useState(random(1021, 1502));
+    const [comparedCountMin, setComparedCountMin] = useState(1000);
+    useEffect(() => {
+        if (comparedCountMin < comparedCountMax) {
+            const intervalId = setInterval(() => {
+                setComparedCountMin((prev) => prev + 1);
+            }, 2.5);
+            return () => {
+                clearInterval(intervalId);
+            };
+        }
+        return () => { };
+    }, [comparedCountMax, comparedCountMin]);
+    const handleFirstNameChange = ({ value }) => {
+        dispatchDiscountState({
+            type: StoreFormCarDiscountActionTypes.FormCarDiscountQuoterFirstNameSet,
+            payload: { firstName: value },
+        });
+    };
+    const handleLastNameChange = ({ value }) => {
+        dispatchDiscountState({
+            type: StoreFormCarDiscountActionTypes.FormCarDiscountQuoterLastNameSet,
+            payload: { lastName: value },
+        });
+    };
+    const handlePhoneNumberChange = ({ value }) => {
+        dispatchDiscountState({
+            type: StoreFormCarDiscountActionTypes.FormCarDiscountQuoterPhoneSet,
+            payload: { phone: value },
+        });
+    };
+    const handleSubmit = async () => {
+        await postPerformLeadsAction?.();
+        window.scrollTo({
+            top: 0,
+            behavior: 'smooth',
+        });
+    };
+    if (!bestQuote)
+        return null;
+    return (jsxs("div", { style: { zIndex: '1' }, children: [jsxs("div", { className: "shadow-box mb", children: [jsx("div", { className: "large-title", children: "10+ Quotes Found" }), jsx("p", { children: "Complete the last step to reveal which insurance companies are offering these rates." })] }), jsxs("div", { className: "shadow-box", children: [jsx("div", { className: "highlighted-heading", children: "Best Offer" }), jsx("h1", { children: `$${bestQuote.priceMonthly} / month` }), jsx("div", { className: "highlighted-heading", children: jsx("span", { children: `$${bestQuote.priceYearly} / year` }) })] }), jsxs("div", { className: "statistics-wrapper", children: [jsx("div", { className: "counter", id: "output", children: comparedCountMin }), jsx("div", { className: "divider" }), jsx("div", { style: { textAlign: 'center', fontSize: '1.15rem', marginTop: '10px' }, children: `Canadians have compared rates in the last 24 hours and saved ${savedPercentage}% on average` })] }), jsx("div", { style: { marginBottom: '2rem' }, children: jsx("div", { className: "all-quotes-form", children: jsx("h2", { style: { whiteSpace: 'normal', marginTop: '20px', textAlign: 'center' }, children: `${lockEmoji} Complete the form below to see which companies are offering your quotes.` }) }) }), jsx("div", { style: { marginBottom: '1rem' }, children: jsx(InputFormBox, { name: "firstName", title: "First Name", onChange: handleFirstNameChange, defaultValue: firstName, placeholder: "Your First Name", error: !firstName && discountState.inValidation, errorMessage: getErrorMessage(firstName, discountState.inValidation) }) }), jsx("div", { style: { marginBottom: '1rem' }, children: jsx(InputFormBox, { name: "lastname", title: "Last Name", onChange: handleLastNameChange, defaultValue: lastName, placeholder: "Your Last Name", error: !lastName && discountState.inValidation, errorMessage: getErrorMessage(lastName, discountState.inValidation) }) }), jsx("div", { style: { marginBottom: '1rem' }, children: jsx(InputFormPhoneBox, { name: "phone", onChange: handlePhoneNumberChange, defaultValue: phone, title: "Phone Number", placeholder: "(111) 111-1111", error: !phone && discountState.inValidation, errorMessage: getErrorMessage(phone, discountState.inValidation) }) }), jsx("div", { className: "submit-wrapper", children: jsx(ButtonBase, { className: "mychoice", size: SizeTypes.Large, category: CategoryTypes.Filled, onClick: handleSubmit, color: ColorTypes.Primary, label: "Get Your Quote" }) }), jsxs("div", { className: "extra-info", children: [jsx("h5", { children: "On the next page, you will also be able to:" }), jsx("div", { className: "next-page-points", children: jsxs("div", { style: { display: 'flex', flexDirection: 'column' }, children: [jsxs("div", { className: "bullet-container", children: [jsx("div", { className: "bullet-point", children: "1" }), jsx("div", { children: "See what rates insurance carriers are offering" })] }), jsxs("div", { className: "bullet-container", children: [jsx("div", { className: "bullet-point", children: "2" }), jsx("div", { children: "Get in touch with a broker and secure your rate" })] }), jsxs("div", { className: "bullet-container", children: [jsx("div", { className: "bullet-point", children: "3" }), jsx("div", { children: "Potentially save more by speaking with a broker" })] })] }) }), jsx("div", { className: "privacy-policy", children: jsxs("p", { children: ["Once you submit this form, you are agreeing to have your insurance quote sent to you via email and My Choice will provide your contact information to one of our trusted broker partners, who will contact you after your quote is complete to further assist you in securing your best rate. For more details, see our", jsx("a", { href: "https://www.mychoice.ca/privacy-policy/", children: " Privacy Policy" }), "."] }) })] }), jsxs("div", { className: "image-section", children: [jsx("div", { className: "providers-title", children: "We compare rates from Canada's top providers, including:" }), jsxs("div", { className: "providers-carousel", children: [jsx("img", { width: "175", height: "70", src: "https://www.mychoice.ca/wp-content/uploads/2023/02/logo-3.png", alt: "S.G.I. Canada" }), jsx("img", { width: "175", height: "70", src: "https://www.mychoice.ca/wp-content/uploads/2023/02/logo-5.png", alt: "Onlia Insurance" }), jsx("img", { width: "175", height: "70", src: "https://www.mychoice.ca/wp-content/uploads/2023/02/logo-4.png", alt: "Economical insurance" }), jsx("img", { width: "175", height: "70", src: "https://www.mychoice.ca/wp-content/uploads/2023/02/logo-1.png", alt: "CAA" }), jsx("img", { width: "175", height: "70", src: "https://www.mychoice.ca/wp-content/uploads/2023/06/Coachman-logo-2.png", alt: "Coachman" })] })] })] }));
+};
+
 const SplashScreen$2 = () => {
     const { discountState } = useStoreFormCarDiscount();
     const phoneObject = formatPhoneObject(discountState.quoterInfo.brokerInfo?.phone) || {};
@@ -1759,6 +1813,7 @@ const SplashScreen$2 = () => {
 };
 
 const PageCarQuote = () => {
+    const { appConfigState: { appType } } = useStoreAppConfig();
     const { vehicleFormValidate, vehicleFormIsValid } = useValidationVehicle();
     const { driverFormValidate, driverFormIsValid } = useValidationDriver();
     const { carDiscountFormValidate, carDiscountFormIsValid } = useValidationCarDiscount();
@@ -1766,7 +1821,10 @@ const PageCarQuote = () => {
     const { postRequestQuote } = CarQuoteDataHandler();
     const { appLoaderState } = useStoreAppLoader();
     const { appDeviceType } = useStoreDeviceType();
-    const { items } = quoteState;
+    const { items, quoteConfirm } = quoteState;
+    const isTheBig = appType === AppTypes.TheBig;
+    const hasConfirmStep = items?.length && !isTheBig && items[0]?.confirmQuote && quoteConfirm;
+    const quoteItems = hasConfirmStep ? items?.slice(0, 3) : items;
     useEffectOnce(() => {
         if (!vehicleFormIsValid) {
             vehicleFormValidate();
@@ -1785,27 +1843,25 @@ const PageCarQuote = () => {
             behavior: 'smooth',
         });
     });
-    return (jsx("div", { className: "quote-page-content", children: !appLoaderState.isOpen
-            && (jsxs(Fragment, { children: [jsxs("div", { className: "form-section-container", children: [appDeviceType === DeviceTypes.Mobile && (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,
-                                                }, 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 || '' }) }))
-                                        : jsx(SplashScreen$2, {}) })) })), jsx(SectionQuoteEdit$2, {}), jsx(SectionQuoteRecalc$1, {})] }), appDeviceType !== DeviceTypes.Mobile && quoteState.showCallMessage
-                        && jsx(SplashScreen$2, {}), !quoteState.showCallMessage
-                        && (jsx("div", { className: "offer-container", children: !!items?.length
-                                && items.map(({ company, brokerProfile, priceMonthly, priceYearly, }, index) => (jsx("div", { children: (appDeviceType !== DeviceTypes.Mobile || (appDeviceType === DeviceTypes.Mobile && index !== 0)) && (jsx(OfferSection, { isBestOffer: index === 0, offerCompany: company, brokerCompany: brokerProfile, offerPrice: {
+    return (jsx("div", { className: "quote-page-content", children: !appLoaderState.isOpen && (jsxs(Fragment, { children: [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,
+                                            }, 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 || '' }) }))
+                                    : jsx(SplashScreen$2, {}) })) })), (!hasConfirmStep || appDeviceType !== DeviceTypes.Mobile) && (jsxs(Fragment, { children: [jsx(SectionQuoteEdit$2, {}), 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, {}), jsx(SectionQuoteRecalc$1, {})] }))] })), jsx("div", { className: `offer-container ${hasConfirmStep ? 'blur' : ''}`, children: !!items?.length && quoteItems.map(({ company, brokerProfile, priceMonthly, priceYearly, }, index) => (jsx("div", { children: (appDeviceType !== DeviceTypes.Mobile || (appDeviceType === DeviceTypes.Mobile && index !== 0)) && (jsx(OfferSection, { isBestOffer: index === 0, offerCompany: company, brokerCompany: brokerProfile, offerPrice: {
                                             monthly: priceMonthly,
                                             yearly: priceYearly,
                                         }, operationHours: {
                                             saturdayHours: brokerProfile.hoursSaturday,
                                             sundayHours: brokerProfile.hoursSunday,
                                             weekdayHours: brokerProfile.hoursWorkdays,
-                                        }, phoneNumber: formatPhoneObject(brokerProfile.phone), redirectUrl: brokerProfile.redirectUrl || '' })) }, index))) }))] })) }));
+                                        }, phoneNumber: formatPhoneObject(brokerProfile.phone), redirectUrl: brokerProfile.redirectUrl || '' })) }, index))) })] }) }))] })) }));
 };
 
 const IndicatorsContainer = () => jsx(Fragment, {});