@mychoice/mychoice-sdk-modules 2.2.1 → 2.2.2

package/dist/esm/index.js

@@ -3620,7 +3620,7 @@ StepsBox.defaultProps = {
     activeIndex: 0,
 };
 
-const ButtonsBox = ({ formSteps, validationHooks, clearForm, }) => {
+const ButtonsBox = ({ formSteps, validationHooks, clearForm }) => {
     const { pathname } = useLocation();
     const navigate = useNavigate();
     const { appConfigState } = useStoreAppConfig();
@@ -3641,7 +3641,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) {
@@ -3660,11 +3660,12 @@ const ButtonsBox = ({ formSteps, validationHooks, clearForm, }) => {
         }
     };
     const onFinishClick = () => {
+        const companyName = appType === AppTypes.BeginInsurance ? 'Begin Insurance' : 'My Choice';
         dispatchAppModalState({
             type: 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) {
@@ -3689,8 +3690,7 @@ const ButtonsBox = ({ formSteps, validationHooks, clearForm, }) => {
             },
         });
     };
-    return (jsxs("div", { className: "buttons-box", children: [activeIndex === 0 ? (jsx(ButtonBase, { size: isMobile ? SizeTypes.Small : SizeTypes.Medium, category: CategoryTypes.Outlined, color: ColorTypes.Secondary, variant: ButtonVariantTypes.Circle, className: "button-arrow button-with-text", onClick: onClearClick, children: jsx("span", { children: "Clear Form" }) }))
-                : (jsx(ButtonArrow, { direction: DirectionTypes.Left, category: CategoryTypes.Outlined, color: ColorTypes.Secondary, size: isMobile ? SizeTypes.Small : SizeTypes.Medium, onClick: onBackClick })), activeIndex === formSteps.length - 1 ? (jsx(Fragment, { children: !isTheBig && (jsx(ButtonBase, { size: isMobile ? SizeTypes.Small : SizeTypes.Medium, category: CategoryTypes.Filled, color: ColorTypes.Secondary, variant: ButtonVariantTypes.Circle, className: "button-arrow button-with-text", onClick: onFinishClick, children: jsx("span", { children: "Finish" }) })) })) : (jsx(ButtonArrow, { direction: DirectionTypes.Right, category: CategoryTypes.Filled, color: ColorTypes.Secondary, size: isMobile ? SizeTypes.Small : SizeTypes.Medium, onClick: onForwardClick }))] }));
+    return (jsxs("div", { className: "buttons-box", children: [activeIndex === 0 ? (jsx(ButtonBase, { size: isMobile ? SizeTypes.Small : SizeTypes.Medium, category: CategoryTypes.Outlined, color: ColorTypes.Secondary, variant: ButtonVariantTypes.Circle, className: "button-arrow button-with-text", onClick: onClearClick, children: jsx("span", { children: "Clear Form" }) })) : (jsx(ButtonArrow, { direction: DirectionTypes.Left, category: CategoryTypes.Outlined, color: ColorTypes.Secondary, size: isMobile ? SizeTypes.Small : SizeTypes.Medium, onClick: onBackClick })), activeIndex === formSteps.length - 1 ? (jsx(Fragment, { children: !isTheBig && (jsx(ButtonBase, { size: isMobile ? SizeTypes.Small : SizeTypes.Medium, category: CategoryTypes.Filled, color: ColorTypes.Secondary, variant: ButtonVariantTypes.Circle, className: "button-arrow button-with-text", onClick: onFinishClick, children: jsx("span", { children: "Finish" }) })) })) : (jsx(ButtonArrow, { direction: DirectionTypes.Right, category: CategoryTypes.Filled, color: ColorTypes.Secondary, size: isMobile ? SizeTypes.Small : SizeTypes.Medium, onClick: onForwardClick }))] }));
 };
 ButtonsBox.defaultProps = {
     isMobile: false,