@mychoice/mychoice-sdk-modules 2.2.1 → 2.2.2

package/dist/cjs/index.js

@@ -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,