@mychoice/mychoice-sdk-modules 2.1.18 → 2.1.20

package/dist/cjs/init/StoryAppWrapper/StoryAppWrapper.d.ts

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

package/dist/cjs/init/StoryAppWrapper/interfaces.d.ts

@@ -1,4 +1,4 @@
-import { AppTypes } from '@mychoice/mychoice-sdk-components';
+import { AppTypes } from '@groksmith/mychoice-sdk-components';
 export interface StoryAppWrapperInterface {
     appType?: AppTypes;
 }

package/dist/cjs/insurances/car/pages/{quote/PageAllQuotes.d.ts → three-point-five/BestOfferFirst.d.ts}

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

package/dist/cjs/insurances/car/pages/three-point-five/index.d.ts

@@ -0,0 +1 @@
+export { BestOfferFirst } from './BestOfferFirst';

package/dist/cjs/insurances/car/pages/three-point-five/sections/OfferSectionCopy.d.ts

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

package/dist/cjs/insurances/car/pages/three-point-five/sections/OfferSectionDupe.d.ts

@@ -0,0 +1,3 @@
+import { SdkFC } from '@groksmith/mychoice-sdk-components';
+import { OfferSectionDupeProps } from '../../../../../shared/sections/quotes/interfaces';
+export declare const OfferSectionDupe: SdkFC<OfferSectionDupeProps>;

package/dist/cjs/insurances/car/pages/three-point-five/sections/index.d.ts

@@ -0,0 +1 @@
+export { OfferSectionDupe } from './OfferSectionDupe';

package/dist/esm/index.js

@@ -145,7 +145,7 @@ const OfferSection = ({ offerCompany, brokerCompany, offerPrice, phoneNumber, is
     const isTheBig = appType === AppTypes.TheBig;
     const mychoiceCls = appType === AppTypes.MyChoice ? 'mychoice' : '';
     const { weekdayHours, saturdayHours, sundayHours } = operationHours;
-    const [detailsIsOpen, setDetailsIsOpenIsOpen] = useState(false);
+    const [detailsIsOpen, setDetailsIsOpenIsOpen] = useState(isBestOffer ?? false);
     const handleDropdownClick = () => {
         setDetailsIsOpenIsOpen(!detailsIsOpen);
     };
@@ -245,9 +245,7 @@ jsx("video", { src: "https://mychoice.ca/wp-content/uploads/2023/05/Pig-Video.mp
 const LoaderPrimary = () => {
     const { appLoaderState } = useStoreAppLoader();
     const { appConfigState } = useStoreAppConfig();
-    console.log(window.location.pathname);
-    const isLastPage = window.location.pathname.includes('discount') || window.location.pathname.includes('applicant');
-    console.log(isLastPage);
+    const isLastPage = window.location.pathname.includes('discount') || window.location.pathname.includes('/life/applicant');
     return (jsxs("div", { className: "loader-wrapper", children: [appConfigState.appType === AppTypes.TheBig || !isLastPage ? jsx(IconLoaderPrimary, {}) : jsx(LoaderVid, {}), !!appLoaderState.description && (jsx("h4", { children: appLoaderState.description.split('\n').map((line, index) => (jsxs("div", { children: [line, jsx("br", {})] }, index))) }))] }));
 };
 
@@ -1834,11 +1832,13 @@ const PageCarQuote = () => {
     const { postRequestQuote } = CarQuoteDataHandler();
     const { appLoaderState } = useStoreAppLoader();
     const { appDeviceType } = useStoreDeviceType();
+    const { appConfigState: { localIndex, insuranceType } } = useStoreAppConfig();
     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();
     useEffectOnce(() => {
         if (!vehicleFormIsValid) {
             vehicleFormValidate();
@@ -1856,6 +1856,10 @@ const PageCarQuote = () => {
             top: 0,
             behavior: 'smooth',
         });
+        if (hasConfirmStep) {
+            const uniqueUrl = 'offer';
+            navigate(`/${localIndex || defaultLocalIndex}/${insuranceType}/quotes/${uniqueUrl}`);
+        }
     });
     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: {
@@ -3997,7 +4001,7 @@ const NestedRoutes = () => {
         });
     });
     return (jsx(Fragment, { children: appConfigState.drawWrapper && (jsx(Fragment, { children: jsxs(Routes, { children: [jsx(Route, { path: "*", element: jsx(Navigate, { to: { pathname: `/${appConfigState.localIndex || defaultLocalIndex}/${insuranceType}` } }) }), insuranceType === InsuranceTypes.Car
-                        && (jsxs(Route, { path: "car", children: [jsx(Route, { index: true, element: (jsx(AppRouteWrapper, { insuranceType: insuranceType, children: jsx(RouteWrapperPublic, { children: jsx(PageVehicle, {}) }) })) }), jsx(Route, { path: "driver", element: (jsx(AppRouteWrapper, { insuranceType: insuranceType, children: jsx(RouteWrapperPublic, { children: jsx(PageDriver, {}) }) })) }), jsx(Route, { path: "discount", element: (jsx(AppRouteWrapper, { insuranceType: insuranceType, children: jsx(RouteWrapperPublic, { children: jsx(PageCarDiscount, {}) }) })) }), jsx(Route, { path: "quotes", element: (jsx(AppRouteWrapper, { insuranceType: insuranceType, children: jsx(RouteWrapperPublic, { children: jsx(PageCarQuote, {}) }) })) })] })), jsxs(Route, { path: "home", children: [jsx(Route, { index: true, element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Home, children: jsx(RouteWrapperPublic, { children: jsx(PageAddress, {}) }) })) }), jsx(Route, { path: "applicant", element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Home, children: jsx(RouteWrapperPublic, { children: jsx(PageApplicant, {}) }) })) }), jsx(Route, { path: "property", element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Home, children: jsx(RouteWrapperPublic, { children: jsx(PageProperty, {}) }) })) }), jsx(Route, { path: "discount", element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Home, children: jsx(RouteWrapperPublic, { children: jsx(PageHomeDiscount, {}) }) })) }), jsx(Route, { path: "quotes", element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Home, children: jsx(RouteWrapperPublic, { children: jsx(PageHomeQuote, {}) }) })) })] }), jsxs(Route, { path: "condo", children: [jsx(Route, { index: true, element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Condo, children: jsx(RouteWrapperPublic, { children: jsx(PageAddress, {}) }) })) }), jsx(Route, { path: "applicant", element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Condo, children: jsx(RouteWrapperPublic, { children: jsx(PageApplicant, {}) }) })) }), jsx(Route, { path: "property", element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Condo, children: jsx(RouteWrapperPublic, { children: jsx(PageProperty, {}) }) })) }), jsx(Route, { path: "discount", element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Condo, children: jsx(RouteWrapperPublic, { children: jsx(PageHomeDiscount, {}) }) })) }), jsx(Route, { path: "quotes", element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Condo, children: jsx(RouteWrapperPublic, { children: jsx(PageHomeQuote, {}) }) })) })] }), jsxs(Route, { path: "tenant", children: [jsx(Route, { index: true, element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Tenant, children: jsx(RouteWrapperPublic, { children: jsx(PageAddress, {}) }) })) }), jsx(Route, { path: "applicant", element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Tenant, children: jsx(RouteWrapperPublic, { children: jsx(PageApplicant, {}) }) })) }), jsx(Route, { path: "property", element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Tenant, children: jsx(RouteWrapperPublic, { children: jsx(PageProperty, {}) }) })) }), jsx(Route, { path: "discount", element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Tenant, children: jsx(RouteWrapperPublic, { children: jsx(PageHomeDiscount, {}) }) })) }), jsx(Route, { path: "quotes", element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Tenant, children: jsx(RouteWrapperPublic, { children: jsx(PageHomeQuote, {}) }) })) })] }), jsxs(Route, { path: "life", children: [jsx(Route, { index: true, element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Life, children: jsx(RouteWrapperPublic, { children: jsx(PageCoverage, {}) }) })) }), jsx(Route, { path: "applicant", element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Life, children: jsx(RouteWrapperPublic, { children: jsx(PageLifeApplicant, {}) }) })) }), jsx(Route, { path: "quotes", element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Life, children: jsx(RouteWrapperPublic, { children: jsx(PageLifeQuote, {}) }) })) })] })] }) })) }));
+                        && (jsxs(Route, { path: "car", children: [jsx(Route, { index: true, element: (jsx(AppRouteWrapper, { insuranceType: insuranceType, children: jsx(RouteWrapperPublic, { children: jsx(PageVehicle, {}) }) })) }), jsx(Route, { path: "driver", element: (jsx(AppRouteWrapper, { insuranceType: insuranceType, children: jsx(RouteWrapperPublic, { children: jsx(PageDriver, {}) }) })) }), jsx(Route, { path: "discount", element: (jsx(AppRouteWrapper, { insuranceType: insuranceType, children: jsx(RouteWrapperPublic, { children: jsx(PageCarDiscount, {}) }) })) }), jsx(Route, { path: "quotes/:uniqueUrl", element: (jsx(AppRouteWrapper, { insuranceType: insuranceType, children: jsx(RouteWrapperPublic, { children: jsx(PageCarQuote, {}) }) })) }), jsx(Route, { path: "quotes", element: (jsx(AppRouteWrapper, { insuranceType: insuranceType, children: jsx(RouteWrapperPublic, { children: jsx(PageCarQuote, {}) }) })) })] })), jsxs(Route, { path: "home", children: [jsx(Route, { index: true, element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Home, children: jsx(RouteWrapperPublic, { children: jsx(PageAddress, {}) }) })) }), jsx(Route, { path: "applicant", element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Home, children: jsx(RouteWrapperPublic, { children: jsx(PageApplicant, {}) }) })) }), jsx(Route, { path: "property", element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Home, children: jsx(RouteWrapperPublic, { children: jsx(PageProperty, {}) }) })) }), jsx(Route, { path: "discount", element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Home, children: jsx(RouteWrapperPublic, { children: jsx(PageHomeDiscount, {}) }) })) }), jsx(Route, { path: "quotes", element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Home, children: jsx(RouteWrapperPublic, { children: jsx(PageHomeQuote, {}) }) })) })] }), jsxs(Route, { path: "condo", children: [jsx(Route, { index: true, element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Condo, children: jsx(RouteWrapperPublic, { children: jsx(PageAddress, {}) }) })) }), jsx(Route, { path: "applicant", element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Condo, children: jsx(RouteWrapperPublic, { children: jsx(PageApplicant, {}) }) })) }), jsx(Route, { path: "property", element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Condo, children: jsx(RouteWrapperPublic, { children: jsx(PageProperty, {}) }) })) }), jsx(Route, { path: "discount", element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Condo, children: jsx(RouteWrapperPublic, { children: jsx(PageHomeDiscount, {}) }) })) }), jsx(Route, { path: "quotes", element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Condo, children: jsx(RouteWrapperPublic, { children: jsx(PageHomeQuote, {}) }) })) })] }), jsxs(Route, { path: "tenant", children: [jsx(Route, { index: true, element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Tenant, children: jsx(RouteWrapperPublic, { children: jsx(PageAddress, {}) }) })) }), jsx(Route, { path: "applicant", element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Tenant, children: jsx(RouteWrapperPublic, { children: jsx(PageApplicant, {}) }) })) }), jsx(Route, { path: "property", element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Tenant, children: jsx(RouteWrapperPublic, { children: jsx(PageProperty, {}) }) })) }), jsx(Route, { path: "discount", element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Tenant, children: jsx(RouteWrapperPublic, { children: jsx(PageHomeDiscount, {}) }) })) }), jsx(Route, { path: "quotes", element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Tenant, children: jsx(RouteWrapperPublic, { children: jsx(PageHomeQuote, {}) }) })) })] }), jsxs(Route, { path: "life", children: [jsx(Route, { index: true, element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Life, children: jsx(RouteWrapperPublic, { children: jsx(PageCoverage, {}) }) })) }), jsx(Route, { path: "applicant", element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Life, children: jsx(RouteWrapperPublic, { children: jsx(PageLifeApplicant, {}) }) })) }), jsx(Route, { path: "quotes", element: (jsx(AppRouteWrapper, { insuranceType: InsuranceTypes.Life, children: jsx(RouteWrapperPublic, { children: jsx(PageLifeQuote, {}) }) })) })] })] }) })) }));
 };
 const RedirectWithSearchParams = ({ to, path }) => {
     const insuranceType = getInsuranceType();
@@ -4007,6 +4011,7 @@ const RedirectWithSearchParams = ({ to, path }) => {
     const { dispatchDiscountState: dispatchHomeDiscountState } = useStoreFormHomeDiscount();
     const { dispatchApplicantState: dispatchLifeApplicantState } = useStoreFormLifeApplicant();
     const queryRoot = useLocation().search.split('?');
+    const toBasePath = to?.split('/')?.slice(-1)?.[0];
     useEffectOnce(() => {
         if (queryRoot.length > 1) {
             const query = JSON.parse(`{"${decodeURI(queryRoot[1]).replace(/"/g, '\\"').replace(/&/g, '","').replace(/=/g, '":"')}"}`);
@@ -4033,7 +4038,7 @@ const RedirectWithSearchParams = ({ to, path }) => {
                             payload: { utmCampaign: query.utm_campaign },
                         });
                     }
-                    if (path === 'broker') {
+                    if (path === 'broker' || toBasePath === 'car') {
                         dispatchCarDiscountState({
                             type: StoreFormCarDiscountActionTypes.FormCarDiscountQuoterBrokerInfoSet,
                             payload: query,
@@ -4053,7 +4058,7 @@ const RedirectWithSearchParams = ({ to, path }) => {
                             payload: { utmCampaign: query.utm_campaign },
                         });
                     }
-                    if (path === 'broker') {
+                    if (path === 'broker' || ['home', 'condo', 'tenant'].includes(toBasePath)) {
                         dispatchHomeDiscountState({
                             type: StoreFormHomeDiscountActionTypes.FormHomeQuoterBrokerInfoSet,
                             payload: query,