@mychoice/mychoice-sdk-modules 2.1.47 → 2.1.48

package/dist/cjs/index.js

@@ -1912,13 +1912,15 @@ const PageCarQuote = () => {
 const IndicatorsContainer = () => jsxRuntime.jsx(jsxRuntime.Fragment, {});
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
-const SingleValue = ({ children, selectProps, ...props }) => jsxRuntime.jsx(reactSelect.components.SingleValue, { ...props, children: !selectProps.menuIsOpen ? children : '' });
+const SingleValue = ({ children, selectProps, ...props }) => (
+// @ts-ignore
+jsxRuntime.jsx(reactSelect.components.SingleValue, { ...props, children: !selectProps.menuIsOpen ? children : '' }));
 const SectionAddress = () => {
-    const { dwellingState: { buildingStructure, heatings }, dispatchDwellingState } = mychoiceSdkStore.useStoreFormHomeDwelling();
-    const { appConfigState: { appType, localIndex, insuranceType }, dispatchAppConfigState } = mychoiceSdkStore.useStoreAppConfig();
+    const { dwellingState: { buildingStructure, heatings }, dispatchDwellingState, } = mychoiceSdkStore.useStoreFormHomeDwelling();
+    const { appConfigState: { appType, localIndex, insuranceType }, dispatchAppConfigState, } = mychoiceSdkStore.useStoreAppConfig();
     const { dispatchAppModalState } = mychoiceSdkStore.useStoreAppModal();
-    const { getPostal, } = mychoiceSdkStore.useHandlerPostal(insuranceType);
-    const { postalState: { item, inValidation }, dispatchPostalState } = mychoiceSdkStore.useStoreFormHomePostal();
+    const { getPostal } = mychoiceSdkStore.useHandlerPostal(insuranceType);
+    const { postalState: { item, inValidation }, dispatchPostalState, } = mychoiceSdkStore.useStoreFormHomePostal();
     const { dispatchApplicantBaseState } = mychoiceSdkStore.useStoreFormHomeApplicantBase();
     const { streetAddress = '', postalCode = '', addressObject, errorMessage, } = item;
     const navigate = reactRouterDom.useNavigate();
@@ -1932,34 +1934,45 @@ const SectionAddress = () => {
                 isValid: false,
             },
         });
-        GooglePlacesAutocomplete.geocodeByPlaceId(address.value.place_id).then((results) => {
-            const newPostalCode = results[0].address_components?.find(((component) => component.types.includes('postal_code'))) || {};
-            const streetNumber = results[0].address_components?.find(((component) => (component.types.includes('street_number')))) || {};
-            const route = results[0].address_components?.find(((component) => (component.types.includes('route')))) || {};
-            const unitNumber = results[0].address_components?.find(((component) => (component.types.includes('subpremise')))) || {};
+        GooglePlacesAutocomplete.geocodeByPlaceId(address.value.place_id)
+            .then((results) => {
+            const newPostalCode = results[0].address_components?.find((component) => component.types.includes('postal_code')) || {};
+            const streetNumber = results[0].address_components?.find((component) => component.types.includes('street_number')) || {};
+            const route = results[0].address_components?.find((component) => component.types.includes('route')) || {};
+            const unitNumber = results[0].address_components?.find((component) => component.types.includes('subpremise')) || {};
             const newStreetAddress = [
                 streetNumber?.short_name,
                 route?.short_name,
                 unitNumber?.short_name ? `#${unitNumber.short_name}` : undefined,
-            ].filter((field) => field).join(' ');
+            ]
+                .filter((field) => field)
+                .join(' ');
+            console.log('AD: ', newPostalCode);
             if (!newPostalCode.short_name) {
                 dispatchPostalState({
                     type: mychoiceSdkStore.StoreFormHomePostalActionTypes.FormHomePostalSet,
                     payload: {
                         ...item,
-                        errorMessage: 'Wrong address format, some parts of format are missed',
-                        addressObject: { label: address.label, value: { place_id: results[0].place_id } },
+                        errorMessage: 'We couldn’t determine your postal code, please try typing it in manually below',
+                        addressObject: {
+                            label: address.label,
+                            value: { place_id: results[0].place_id },
+                        },
                     },
                 });
             }
             else {
-                getPostal(newPostalCode.short_name?.replace(' ', '')).then((res) => {
+                getPostal(newPostalCode.short_name?.replace(' ', ''))
+                    .then((res) => {
                     if (res?.errorMessage) {
                         dispatchPostalState({
                             type: mychoiceSdkStore.StoreFormHomePostalActionTypes.FormHomePostalSet,
                             payload: {
                                 ...item,
-                                addressObject: { label: address.label, value: { place_id: results[0].place_id } },
+                                addressObject: {
+                                    label: address.label,
+                                    value: { place_id: results[0].place_id },
+                                },
                                 errorMessage: res?.errorMessage,
                             },
                         });
@@ -1971,7 +1984,10 @@ const SectionAddress = () => {
                                 ...item,
                                 ...res?.data,
                                 errorMessage: res?.errorMessage,
-                                addressObject: { label: address.label, value: { place_id: results[0].place_id } },
+                                addressObject: {
+                                    label: address.label,
+                                    value: { place_id: results[0].place_id },
+                                },
                                 streetAddress: newStreetAddress,
                             },
                         });
@@ -1988,12 +2004,16 @@ const SectionAddress = () => {
                             });
                         }
                     }
-                }).catch((error) => {
+                })
+                    .catch((error) => {
                     dispatchPostalState({
                         type: mychoiceSdkStore.StoreFormHomePostalActionTypes.FormHomePostalSet,
                         payload: {
                             ...item,
-                            addressObject: { label: address.label, value: { place_id: results[0].place_id } },
+                            addressObject: {
+                                label: address.label,
+                                value: { place_id: results[0].place_id },
+                            },
                             errorMessage: error?.response?.data?.postalCode[0],
                         },
                     });
@@ -2004,7 +2024,7 @@ const SectionAddress = () => {
             console.error(error);
         });
     };
-    const handleOwnerTypeChange = ({ value: typeValue }) => {
+    const handleOwnerTypeChange = ({ value: typeValue, }) => {
         dispatchDwellingState({
             type: mychoiceSdkStore.StoreFormHomeDwellingActionTypes.FormHomeDwellingClear,
             payload: { type: typeValue },
@@ -2067,7 +2087,7 @@ const SectionAddress = () => {
                     buildingStructureOptions = mychoiceSdkComponents.tenantBuildingStructureOptions;
                     break;
             }
-            if (!(buildingStructureOptions.find((option) => option.value === buildingStructure))) {
+            if (!buildingStructureOptions.find((option) => option.value === buildingStructure)) {
                 dispatchDwellingState({
                     type: mychoiceSdkStore.StoreFormHomeDwellingActionTypes.FormHomeDwellingBuildingStructureSelect,
                     payload: { buildingStructure: '' },
@@ -2093,12 +2113,17 @@ const SectionAddress = () => {
                             styles: {
                                 control: (baseStyles, state) => ({
                                     ...baseStyles,
-                                    borderColor: getErrorMessage(streetAddress && postalCode, inValidation) || errorMessage ? 'red' : getBorderColor(state.isFocused),
+                                    borderColor: getErrorMessage(streetAddress && postalCode, inValidation) ||
+                                        errorMessage
+                                        ? 'red'
+                                        : getBorderColor(state.isFocused),
                                     borderRadius: isMychoice ? '0.625rem' : '0.25rem',
                                     boxShadow: 'none',
                                     height: '3.75rem',
                                     ':hover': {
-                                        borderColor: getErrorMessage(streetAddress && postalCode, inValidation) || errorMessage ? 'red' : '#8ED6DC',
+                                        borderColor: getErrorMessage(streetAddress && postalCode, inValidation) || errorMessage
+                                            ? 'red'
+                                            : '#8ED6DC',
                                         borderWidth: '0.125rem',
                                         cursor: 'pointer',
                                     },