@mychoice/mychoice-sdk-modules 2.1.46 → 2.1.48

package/dist/esm/index.js

@@ -1902,13 +1902,15 @@ const PageCarQuote = () => {
 const IndicatorsContainer = () => jsx(Fragment, {});
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
-const SingleValue = ({ children, selectProps, ...props }) => jsx(components.SingleValue, { ...props, children: !selectProps.menuIsOpen ? children : '' });
+const SingleValue = ({ children, selectProps, ...props }) => (
+// @ts-ignore
+jsx(components.SingleValue, { ...props, children: !selectProps.menuIsOpen ? children : '' }));
 const SectionAddress = () => {
-    const { dwellingState: { buildingStructure, heatings }, dispatchDwellingState } = useStoreFormHomeDwelling();
-    const { appConfigState: { appType, localIndex, insuranceType }, dispatchAppConfigState } = useStoreAppConfig();
+    const { dwellingState: { buildingStructure, heatings }, dispatchDwellingState, } = useStoreFormHomeDwelling();
+    const { appConfigState: { appType, localIndex, insuranceType }, dispatchAppConfigState, } = useStoreAppConfig();
     const { dispatchAppModalState } = useStoreAppModal();
-    const { getPostal, } = useHandlerPostal(insuranceType);
-    const { postalState: { item, inValidation }, dispatchPostalState } = useStoreFormHomePostal();
+    const { getPostal } = useHandlerPostal(insuranceType);
+    const { postalState: { item, inValidation }, dispatchPostalState, } = useStoreFormHomePostal();
     const { dispatchApplicantBaseState } = useStoreFormHomeApplicantBase();
     const { streetAddress = '', postalCode = '', addressObject, errorMessage, } = item;
     const navigate = useNavigate();
@@ -1922,34 +1924,45 @@ const SectionAddress = () => {
                 isValid: false,
             },
         });
-        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')))) || {};
+        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: 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: 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,
                             },
                         });
@@ -1961,7 +1974,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,
                             },
                         });
@@ -1978,12 +1994,16 @@ const SectionAddress = () => {
                             });
                         }
                     }
-                }).catch((error) => {
+                })
+                    .catch((error) => {
                     dispatchPostalState({
                         type: 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],
                         },
                     });
@@ -1994,7 +2014,7 @@ const SectionAddress = () => {
             console.error(error);
         });
     };
-    const handleOwnerTypeChange = ({ value: typeValue }) => {
+    const handleOwnerTypeChange = ({ value: typeValue, }) => {
         dispatchDwellingState({
             type: StoreFormHomeDwellingActionTypes.FormHomeDwellingClear,
             payload: { type: typeValue },
@@ -2057,7 +2077,7 @@ const SectionAddress = () => {
                     buildingStructureOptions = tenantBuildingStructureOptions;
                     break;
             }
-            if (!(buildingStructureOptions.find((option) => option.value === buildingStructure))) {
+            if (!buildingStructureOptions.find((option) => option.value === buildingStructure)) {
                 dispatchDwellingState({
                     type: StoreFormHomeDwellingActionTypes.FormHomeDwellingBuildingStructureSelect,
                     payload: { buildingStructure: '' },
@@ -2083,12 +2103,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',
                                     },
@@ -2961,7 +2986,7 @@ const SectionCoverage = () => {
             options: lifeInsuranceTypeOptions.filter((option) => option.name.includes('Year Level')),
         };
     }, [isMychoice, province]);
-    return (jsxs("div", { className: "form-section", children: [jsx("h2", { className: "section-title", style: { textAlign: 'center' }, children: "Get the coverage you need" }), jsx(SelectFormBox, { options: isMychoice ? lifeProvinceOptionsMC : lifeProvinceOptions, name: "province", onChange: handleProvinceChange, defaultValue: province, title: "Province", placeholder: "Select", autoSelectIfValueIsOutOfOptions: false, error: !province && inValidation, errorMessage: getErrorMessage(type, inValidation) }), jsx(SelectFormBox, { ...newLifeOptions, name: "type", onChange: handleLifeInsuranceTypeChange, defaultValue: type, title: "Type of Insurance", description: jsx(Description, {}), placeholder: "Select", autoSelectIfValueIsOutOfOptions: false, error: !type && inValidation, errorMessage: getErrorMessage(type, inValidation) }), jsx(SelectFormBox, { options: lifeCoverageOptions, name: "coverage", onChange: handleCoverageChange, defaultValue: coverage, title: "Required coverage", description: "The extent of coverage you need is determined by several factors,\n         including your expenditure patterns, anticipated future expenses, yearly earnings,\n          and so forth. Generally, individuals opt for a coverage amount that equals five\n           times their current annual income before taxes. On an average,\n           it is observed that Canadians choose a coverage amount of around $500,000.", placeholder: "Select", autoSelectIfValueIsOutOfOptions: false, error: !coverage && inValidation, errorMessage: getErrorMessage(coverage, inValidation) })] }));
+    return (jsxs("div", { className: "form-section", children: [jsx("h2", { className: "section-title", style: { textAlign: 'center' }, children: "Get the coverage you need" }), jsx(SelectFormBox, { options: isMychoice ? lifeProvinceOptionsMC : lifeProvinceOptions, name: "province", onChange: handleProvinceChange, defaultValue: province, title: "Province", placeholder: "Select", autoSelectIfValueIsOutOfOptions: false, error: !province && inValidation, errorMessage: getErrorMessage(type, inValidation) }), jsx(SelectFormBox, { ...newLifeOptions, name: "type", onChange: handleLifeInsuranceTypeChange, defaultValue: type, title: "Type of Insurance", description: jsx(Description, {}), placeholder: "Select", autoSelectIfValueIsOutOfOptions: false, error: !type && inValidation, errorMessage: getErrorMessage(type, inValidation) }), jsx(SelectFormBox, { options: lifeCoverageOptions, name: "coverage", onChange: handleCoverageChange, defaultValue: coverage, title: "Required coverage", description: "The extent of coverage you need is determined by several factors, including your expenditure patterns, anticipated future expenses, yearly earnings, and so forth. Generally, individuals opt for a coverage amount that equals five times their current annual income before taxes. On an average, it is observed that Canadians choose a coverage amount of around $500,000.", placeholder: "Select", autoSelectIfValueIsOutOfOptions: false, error: !coverage && inValidation, errorMessage: getErrorMessage(coverage, inValidation) })] }));
 };
 
 const PageCoverage = () => {