@mychoice/mychoice-sdk-modules 2.2.1 → 2.2.3

package/dist/cjs/index.js

@@ -517,7 +517,7 @@ const HeaderBeginInsurance = ({ className }) => {
     const { appConfigState: { insuranceType }, } = mychoiceSdkStore.useStoreAppConfig();
     const insuranceTypeCls = insuranceType !== mychoiceSdkComponents.InsuranceTypes.Car && insuranceType !== mychoiceSdkComponents.InsuranceTypes.Life ? mychoiceSdkComponents.InsuranceTypes.Home : insuranceType;
     const { externalPathGroup } = usePathGroups(insuranceTypeCls);
-    return (jsxRuntime.jsx("div", { className: `${className} primary-header`, children: jsxRuntime.jsxs("div", { className: "content", children: [jsxRuntime.jsx("div", { className: "logo", children: jsxRuntime.jsx("a", { href: "https://www.begininsurance.com/", rel: "noreferrer", children: jsxRuntime.jsx("img", { src: logo, alt: "Begin Insurance" }) }) }), jsxRuntime.jsx("div", { className: "nav-links", children: jsxRuntime.jsx(mychoiceSdkComponents.HeaderNavGroup, { className: insuranceTypeCls, navItems: externalPathGroup, isExternal: true }) }), jsxRuntime.jsx("div", { className: "empty-box" })] }) }));
+    return (jsxRuntime.jsx("div", { className: `${className} primary-header`, children: jsxRuntime.jsxs("div", { className: "content", children: [jsxRuntime.jsx("div", { className: "logo", children: jsxRuntime.jsx("a", { href: "https://begininsurance.ca/en", rel: "noreferrer", children: jsxRuntime.jsx("img", { src: logo, alt: "Begin Insurance" }) }) }), jsxRuntime.jsx("div", { className: "nav-links", children: jsxRuntime.jsx(mychoiceSdkComponents.HeaderNavGroup, { className: insuranceTypeCls, navItems: externalPathGroup, isExternal: true }) }), jsxRuntime.jsx("div", { className: "empty-box" })] }) }));
 };
 HeaderBeginInsurance.defaultProps = {
     className: '',
@@ -543,7 +543,7 @@ const HeaderBeginInsuranceMobile = ({ className }) => {
     const handleMenuClick = () => {
         setIsMenuOpen(!isMenuOpen);
     };
-    return (jsxRuntime.jsxs("div", { className: `${className} ${isMenuOpen ? 'open' : ''} primary-header-mobile`, children: [jsxRuntime.jsxs("div", { className: "content-mobile", children: [jsxRuntime.jsx("div", { className: "logo", children: jsxRuntime.jsx("a", { href: "https://www.begininsurance.com/", target: "_blank", rel: "noreferrer", children: jsxRuntime.jsx("img", { src: logo, alt: "Begin Insurance" }) }) }), jsxRuntime.jsx(mychoiceSdkComponents.ButtonMenu, { className: `${className} ${isMenuOpen ? 'is-active' : ''}`, onClick: handleMenuClick })] }), isMenuOpen && (jsxRuntime.jsx("div", { className: "menu-items", children: jsxRuntime.jsx("div", { className: "nav-links", children: jsxRuntime.jsx(mychoiceSdkComponents.HeaderNavGroup, { className: insuranceType, navItems: externalPathGroup, isExternal: true }) }) }))] }));
+    return (jsxRuntime.jsxs("div", { className: `${className} ${isMenuOpen ? 'open' : ''} primary-header-mobile`, children: [jsxRuntime.jsxs("div", { className: "content-mobile", children: [jsxRuntime.jsx("div", { className: "logo", children: jsxRuntime.jsx("a", { href: "https://begininsurance.ca/en", target: "_blank", rel: "noreferrer", children: jsxRuntime.jsx("img", { src: logo, alt: "Begin Insurance" }) }) }), jsxRuntime.jsx(mychoiceSdkComponents.ButtonMenu, { className: `${className} ${isMenuOpen ? 'is-active' : ''}`, onClick: handleMenuClick })] }), isMenuOpen && (jsxRuntime.jsx("div", { className: "menu-items", children: jsxRuntime.jsx("div", { className: "nav-links", children: jsxRuntime.jsx(mychoiceSdkComponents.HeaderNavGroup, { className: insuranceType, navItems: externalPathGroup, isExternal: true }) }) }))] }));
 };
 HeaderBeginInsuranceMobile.defaultProps = {
     className: '',
@@ -3630,7 +3630,7 @@ StepsBox.defaultProps = {
     activeIndex: 0,
 };
 
-const ButtonsBox = ({ formSteps, validationHooks, clearForm, }) => {
+const ButtonsBox = ({ formSteps, validationHooks, clearForm }) => {
     const { pathname } = reactRouterDom.useLocation();
     const navigate = reactRouterDom.useNavigate();
     const { appConfigState } = mychoiceSdkStore.useStoreAppConfig();
@@ -3651,7 +3651,7 @@ const ButtonsBox = ({ formSteps, validationHooks, clearForm, }) => {
     let activeIndex = formSteps.indexOf(activeStep);
     activeIndex = activeIndex === -1 ? 0 : activeIndex;
     const onForwardClick = () => {
-        const { validateOptions: { validate, isValid }, requestFn } = validationHooks[activeIndex] || { validateOptions: { isValid: true } };
+        const { validateOptions: { validate, isValid }, requestFn, } = validationHooks[activeIndex] || { validateOptions: { isValid: true } };
         const formIsValid = !isValid ? validate && validate() : isValid;
         if (activeIndex < formSteps.length && formIsValid) {
             if (requestFn) {
@@ -3670,11 +3670,12 @@ const ButtonsBox = ({ formSteps, validationHooks, clearForm, }) => {
         }
     };
     const onFinishClick = () => {
+        const companyName = appType === mychoiceSdkComponents.AppTypes.BeginInsurance ? 'Begin Insurance' : 'My Choice';
         dispatchAppModalState({
             type: mychoiceSdkStore.StoreConfigAppModalActionTypes.AppModalFinaleModal,
             payload: {
                 title: 'Thank You!',
-                description: 'Thanks for using My Choice to compare car insurance rates.',
+                description: `Thanks for using ${companyName} to compare insurance rates.`,
                 submitCallBack: () => {
                     navigate(`/${localIndex}/${insuranceType}${formSteps[0].path}`);
                     if (clearForm) {
@@ -3699,8 +3700,7 @@ const ButtonsBox = ({ formSteps, validationHooks, clearForm, }) => {
             },
         });
     };
-    return (jsxRuntime.jsxs("div", { className: "buttons-box", children: [activeIndex === 0 ? (jsxRuntime.jsx(mychoiceSdkComponents.ButtonBase, { size: isMobile ? mychoiceSdkComponents.SizeTypes.Small : mychoiceSdkComponents.SizeTypes.Medium, category: mychoiceSdkComponents.CategoryTypes.Outlined, color: mychoiceSdkComponents.ColorTypes.Secondary, variant: mychoiceSdkComponents.ButtonVariantTypes.Circle, className: "button-arrow button-with-text", onClick: onClearClick, children: jsxRuntime.jsx("span", { children: "Clear Form" }) }))
-                : (jsxRuntime.jsx(mychoiceSdkComponents.ButtonArrow, { direction: mychoiceSdkComponents.DirectionTypes.Left, category: mychoiceSdkComponents.CategoryTypes.Outlined, color: mychoiceSdkComponents.ColorTypes.Secondary, size: isMobile ? mychoiceSdkComponents.SizeTypes.Small : mychoiceSdkComponents.SizeTypes.Medium, onClick: onBackClick })), activeIndex === formSteps.length - 1 ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: !isTheBig && (jsxRuntime.jsx(mychoiceSdkComponents.ButtonBase, { size: isMobile ? mychoiceSdkComponents.SizeTypes.Small : mychoiceSdkComponents.SizeTypes.Medium, category: mychoiceSdkComponents.CategoryTypes.Filled, color: mychoiceSdkComponents.ColorTypes.Secondary, variant: mychoiceSdkComponents.ButtonVariantTypes.Circle, className: "button-arrow button-with-text", onClick: onFinishClick, children: jsxRuntime.jsx("span", { children: "Finish" }) })) })) : (jsxRuntime.jsx(mychoiceSdkComponents.ButtonArrow, { direction: mychoiceSdkComponents.DirectionTypes.Right, category: mychoiceSdkComponents.CategoryTypes.Filled, color: mychoiceSdkComponents.ColorTypes.Secondary, size: isMobile ? mychoiceSdkComponents.SizeTypes.Small : mychoiceSdkComponents.SizeTypes.Medium, onClick: onForwardClick }))] }));
+    return (jsxRuntime.jsxs("div", { className: "buttons-box", children: [activeIndex === 0 ? (jsxRuntime.jsx(mychoiceSdkComponents.ButtonBase, { size: isMobile ? mychoiceSdkComponents.SizeTypes.Small : mychoiceSdkComponents.SizeTypes.Medium, category: mychoiceSdkComponents.CategoryTypes.Outlined, color: mychoiceSdkComponents.ColorTypes.Secondary, variant: mychoiceSdkComponents.ButtonVariantTypes.Circle, className: "button-arrow button-with-text", onClick: onClearClick, children: jsxRuntime.jsx("span", { children: "Clear Form" }) })) : (jsxRuntime.jsx(mychoiceSdkComponents.ButtonArrow, { direction: mychoiceSdkComponents.DirectionTypes.Left, category: mychoiceSdkComponents.CategoryTypes.Outlined, color: mychoiceSdkComponents.ColorTypes.Secondary, size: isMobile ? mychoiceSdkComponents.SizeTypes.Small : mychoiceSdkComponents.SizeTypes.Medium, onClick: onBackClick })), activeIndex === formSteps.length - 1 ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: !isTheBig && (jsxRuntime.jsx(mychoiceSdkComponents.ButtonBase, { size: isMobile ? mychoiceSdkComponents.SizeTypes.Small : mychoiceSdkComponents.SizeTypes.Medium, category: mychoiceSdkComponents.CategoryTypes.Filled, color: mychoiceSdkComponents.ColorTypes.Secondary, variant: mychoiceSdkComponents.ButtonVariantTypes.Circle, className: "button-arrow button-with-text", onClick: onFinishClick, children: jsxRuntime.jsx("span", { children: "Finish" }) })) })) : (jsxRuntime.jsx(mychoiceSdkComponents.ButtonArrow, { direction: mychoiceSdkComponents.DirectionTypes.Right, category: mychoiceSdkComponents.CategoryTypes.Filled, color: mychoiceSdkComponents.ColorTypes.Secondary, size: isMobile ? mychoiceSdkComponents.SizeTypes.Small : mychoiceSdkComponents.SizeTypes.Medium, onClick: onForwardClick }))] }));
 };
 ButtonsBox.defaultProps = {
     isMobile: false,
@@ -4528,6 +4528,10 @@ const AppConfig = (props) => {
     const localIndex = window.location.pathname.split('/')[1];
     const authHandler = mychoiceSdkStore.useHandlerAuth();
     const partnerHandler = mychoiceSdkStore.useHandlerPartner();
+    // Check if localIndex is actually an insurance type (car, home, condo, tenant, life)
+    // In that case, it should not be treated as a partner ID
+    const insuranceTypeValues = Object.values(mychoiceSdkComponents.InsuranceTypes);
+    const isInsuranceTypePath = insuranceTypeValues.includes(localIndex);
     const windowResize = () => {
         dispatchDeviceState({
             type: mychoiceSdkStore.StoreConfigAppDeviceActionTypes.AppDeviceSetSize,
@@ -4546,7 +4550,7 @@ const AppConfig = (props) => {
                 payload: appType,
             });
         }
-        if (appType !== mychoiceSdkComponents.AppTypes.TheBig && localIndex !== mychoiceSdkComponents.defaultLocalIndex && localIndex !== '') {
+        if (appType !== mychoiceSdkComponents.AppTypes.TheBig && localIndex !== mychoiceSdkComponents.defaultLocalIndex && localIndex !== '' && !isInsuranceTypePath) {
             partnerHandler.getPartner(localIndex);
         }
         else {