@mychoice/mychoice-sdk-modules 2.1.1 → 2.1.3

package/dist/cjs/index.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
+var reactErrorBoundary = require('react-error-boundary');
 var mychoiceSdkComponents = require('@mychoice/mychoice-sdk-components');
 var mychoiceSdkStore = require('@mychoice/mychoice-sdk-store');
 var reactRouterDom = require('react-router-dom');
@@ -3983,7 +3984,7 @@ const AppRouteWrapper = (props) => {
             }
         }
     }, [carPostal, homePostal, lifePostal, isReady]);
-    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: isReady && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(AppHeader, {}), jsxRuntime.jsx(AppModal, {}), insuranceType && (jsxRuntime.jsx(NavigationTop, { title: `${insuranceType.replace(/^./, insuranceType[0].toUpperCase())} Insurance Quote`, postalCode: postalCode, formSteps: steps, validationHooks: validationHooks, clearForm: clearFormData, propertyIsCompleted: isCompleted })), insuranceType && appType === mychoiceSdkComponents.AppTypes.MyChoice && (jsxRuntime.jsx("div", { className: "step-progress-bar", children: jsxRuntime.jsx("span", { style: { width: progressLength } }) })), jsxRuntime.jsx("div", { className: `${insuranceType ? 'form-page-content' : ''} ${insuranceType && appType === mychoiceSdkComponents.AppTypes.MyChoice ? 'mychoice' : ''}`, children: insuranceType && appType === mychoiceSdkComponents.AppTypes.MyChoice && isDesktop && progressLength ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: "mychoice-content", children: [jsxRuntime.jsx(StepsBox, { className: "step-box", formSteps: steps, validationHooks: validationHooks, propertyIsCompleted: isCompleted }), children, jsxRuntime.jsx("div", { className: "empty-steps-container" })] }) })) : children }), !appLoaderState.isOpen && jsxRuntime.jsx(ProviderImageFooter, {})] })) }));
+    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: isReady && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(AppHeader, {}), jsxRuntime.jsx(AppModal, {}), insuranceType && (jsxRuntime.jsx(NavigationTop, { title: `${insuranceType.replace(/^./, insuranceType[0].toUpperCase())} Insurance Quote`, postalCode: postalCode, formSteps: steps, validationHooks: validationHooks, clearForm: clearFormData, propertyIsCompleted: isCompleted })), insuranceType && appType === mychoiceSdkComponents.AppTypes.MyChoice && (jsxRuntime.jsx("div", { className: "step-progress-bar", children: jsxRuntime.jsx("span", { style: { width: progressLength } }) })), jsxRuntime.jsx("div", { className: `${insuranceType ? 'form-page-content' : ''} ${insuranceType && appType === mychoiceSdkComponents.AppTypes.MyChoice ? 'mychoice' : ''}`, children: insuranceType && appType === mychoiceSdkComponents.AppTypes.MyChoice && isDesktop && progressLength ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: "mychoice-content", children: [jsxRuntime.jsx(StepsBox, { className: "step-box", formSteps: steps, validationHooks: validationHooks, propertyIsCompleted: isCompleted }), children, jsxRuntime.jsx("div", { className: "empty-steps-container" })] }) })) : children }), !appLoaderState.isOpen && insuranceType === mychoiceSdkComponents.InsuranceTypes.Car && jsxRuntime.jsx(ProviderImageFooter, {})] })) }));
 };
 const NestedRoutes = () => {
     const insuranceType = mychoiceSdkComponents.getInsuranceType();
@@ -4290,6 +4291,15 @@ const AppConfig = (props) => {
     return null;
 };
 
+const AppErrorScreen = () => {
+    const onClear = () => {
+        localStorage.clear();
+        // eslint-disable-next-line
+        location.reload();
+    };
+    return (jsxRuntime.jsxs("div", { style: { textAlign: 'center', paddingTop: '100px' }, children: [jsxRuntime.jsx("h1", { children: "Something went wrong." }), jsxRuntime.jsxs("p", { style: { margin: '10px 0 10px 0' }, children: [jsxRuntime.jsx("a", { href: "#reset", onClick: onClear, style: { color: 'red', textDecoration: 'underline' }, children: "Click here" }), ' ', "to restart the application"] }), jsxRuntime.jsxs("p", { children: ["If that doesn't help, please reach out to us at", ' ', jsxRuntime.jsx("a", { href: "mailto:info@mychoice.ca", children: "info@mychoice.ca" })] })] }));
+};
+
 const AppWrapperConfig = (props) => {
     mychoiceSdkStore.initHttpResponse();
     const { appType } = props;
@@ -4303,65 +4313,12 @@ const AppWrapperConfig = (props) => {
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(AppLoader, {}), jsxRuntime.jsx(AppConfig, { appType: appType }), drawWrapper && isReady
                 && jsxRuntime.jsx(AppRoutes, { appType: appType })] }));
 };
-const AppWrapper = ({ appType }) => (jsxRuntime.jsx(mychoiceSdkStore.StoreProvider, { children: jsxRuntime.jsx(AppWrapperConfig, { appType: appType }) }));
+const AppWrapper = ({ appType }) => (jsxRuntime.jsx(mychoiceSdkStore.StoreProvider, { children: jsxRuntime.jsx(reactErrorBoundary.ErrorBoundary, { fallbackRender: AppErrorScreen, children: jsxRuntime.jsx(AppWrapperConfig, { appType: appType }) }) }));
 AppWrapper.defaultProps = {
     appType: mychoiceSdkComponents.AppTypes.MyChoice,
     insuranceType: mychoiceSdkComponents.InsuranceTypes.Car,
 };
 
-const StoreConfig = () => {
-    const { dispatchAppConfigState } = mychoiceSdkStore.useStoreAppConfig();
-    const { dispatchDriverBaseState } = mychoiceSdkStore.useStoreFormCarDriverBase();
-    const { dispatchVehicleState } = mychoiceSdkStore.useStoreFormCarVehicle();
-    const { dispatchDeviceState } = mychoiceSdkStore.useStoreAppDevice();
-    const windowResize = () => {
-        dispatchDeviceState({
-            type: mychoiceSdkStore.StoreConfigAppDeviceActionTypes.AppDeviceSetSize,
-            payload: {
-                width: window.innerWidth,
-                height: window.innerHeight,
-            },
-        });
-    };
-    mychoiceSdkComponents.useEffectOnce(() => {
-        dispatchDriverBaseState({
-            type: mychoiceSdkStore.StoreFormCarDriverBaseActionTypes.FormCarDriverGetLocal,
-        });
-        dispatchVehicleState({
-            type: mychoiceSdkStore.StoreFormCarVehicleActionTypes.FormCarVehicleGetLocal,
-        });
-        dispatchAppConfigState({
-            type: mychoiceSdkStore.StoreConfigAppConfigActionTypes.AppConfigSetIsReady,
-            payload: true,
-        });
-        window.addEventListener('resize', windowResize);
-        windowResize();
-    });
-    return null;
-};
-const StoryAppWrapperConfig = (props) => {
-    const { children } = props;
-    const { appConfigState, dispatchAppConfigState } = mychoiceSdkStore.useStoreAppConfig();
-    mychoiceSdkComponents.useEffectOnce(() => {
-        dispatchAppConfigState({
-            type: mychoiceSdkStore.StoreConfigAppConfigActionTypes.AppConfigSetDrawWrapper,
-            payload: true,
-        });
-    });
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(StoreConfig, {}), appConfigState.drawWrapper
-                && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(AppModal, {}), children] }))] }));
-};
-const StoryAppWrapper = (props) => {
-    const { appType, children } = props;
-    mychoiceSdkComponents.useEffectOnce(() => {
-        mychoiceSdkStore.initHttpResponse();
-    });
-    return (jsxRuntime.jsx(mychoiceSdkStore.StoreProvider, { children: jsxRuntime.jsx(reactRouterDom.BrowserRouter, { children: jsxRuntime.jsx(StoryAppWrapperConfig, { appType: appType, children: children }) }) }));
-};
-StoryAppWrapper.defaultProps = {
-    appType: mychoiceSdkComponents.AppTypes.MyChoice,
-};
-
 exports.AppWrapper = AppWrapper;
 exports.DateSelectFormBox = DateSelectFormBox;
 exports.HeaderMyChoice = HeaderMyChoice;
@@ -4400,7 +4357,6 @@ exports.PageProperty = PageProperty;
 exports.PageVehicle = PageVehicle;
 exports.ProviderImageFooter = ProviderImageFooter;
 exports.SelectFormBox = SelectFormBox;
-exports.StoryAppWrapper = StoryAppWrapper;
 exports.SwitchButtonBox = SwitchButtonBox;
 exports.capitalize = capitalize;
 exports.formSteps = formSteps;