@mychoice/mychoice-sdk-modules 2.1.59 → 2.1.61

package/dist/cjs/index.js

@@ -182,12 +182,17 @@ var logo = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA80AAAEGCAYAAABfBnerAA
 const TITLE = {
     car: 'Hello Canadian Drivers, Welcome to MyChoice!',
     home: 'Hello Canadian Residents, Welcome to MyChoice!',
+    life: 'Hello Canadian Residents, Welcome to MyChoice!',
 };
 const TEXT = {
     car: 'Our apologies but unfortunately, we are unable to provide you with an auto insurance rate in your home province at this current time however we are actively working on adding partners to our platform who will be able to provide you with a rate in the near future! Please check back with us at a later date, in the meantime, drive safely!',
     home: 'Our apologies but unfortunately, we are unable to provide you with an property insurance rate in your home province at this current time however we are actively working on adding partners to our platform who will be able to provide you with a rate in the near future! Please check back with us at a later date, in the meantime, stay safe!',
+    life: 'Our apologies but unfortunately, we are unable to provide you with an life insurance rate in your home province at this current time however we are actively working on adding more partners to our platform who will be able to provide you with a rate in the near future! Please check back with us at a later date, in the meantime, stay safe!',
 };
 const NoQuotesMessage = ({ type }) => {
+    const { appConfigState: { appType }, } = mychoiceSdkStore.useStoreAppConfig();
+    if (appType === mychoiceSdkComponents.AppTypes.TheBig)
+        return null;
     return (jsxRuntime.jsxs("div", { className: "offer-section mychoice", children: [jsxRuntime.jsx("div", { style: { width: '100%' }, children: jsxRuntime.jsx("img", { src: logo, alt: "My Choice", style: { width: '120px' } }) }), jsxRuntime.jsx("p", { children: jsxRuntime.jsx("h3", { style: { whiteSpace: 'normal' }, children: TITLE[type] }) }), jsxRuntime.jsx("p", { style: { lineHeight: '1.25rem' }, children: TEXT[type] })] }));
 };
 
@@ -1527,7 +1532,7 @@ const PageDriver = () => {
     React.useEffect(() => {
         setIsRender(true);
     }, [isRender]);
-    return (jsxRuntime.jsxs("div", { className: "form-container", children: [jsxRuntime.jsx(TabDriver, { createItem: createDriver }), jsxRuntime.jsxs("div", { className: "form-section-container", children: [isRender && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(SectionDriverInfo, {}), jsxRuntime.jsx(SectionDriverLicence, {}), jsxRuntime.jsx(SectionDriverInsurancePolicy, {}), jsxRuntime.jsx(SectionDriverCancellation, {}), jsxRuntime.jsx(SectionDriverHistory, {}), jsxRuntime.jsx(HonestyMessage, {})] })), appType === mychoiceSdkComponents.AppTypes.TheBig ? (jsxRuntime.jsx(NavigationBottomTheBig, { createItem: createDriver, formSteps: formSteps[mychoiceSdkComponents.InsuranceTypes.Car], itemCount: items.length, validateForm: validateForm, formIsValid: driverFormIsValid })) : (jsxRuntime.jsx(NavigationBottom, { className: "mychoice", createItem: createDriver, formSteps: formSteps[mychoiceSdkComponents.InsuranceTypes.Car], itemCount: items.length, validateForm: validateForm, formIsValid: driverFormIsValid }))] }), localIndex !== mychoiceSdkComponents.defaultLocalIndex && (jsxRuntime.jsx("img", { className: "logo-for-partner", src: myChoicePartnerLogo, alt: "partner logo" }))] }));
+    return (jsxRuntime.jsxs("div", { className: "form-container", children: [jsxRuntime.jsx(TabDriver, { createItem: createDriver }), jsxRuntime.jsxs("div", { className: "form-section-container", children: [isRender && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(SectionDriverInfo, {}), jsxRuntime.jsx(SectionDriverLicence, {}), jsxRuntime.jsx(SectionDriverInsurancePolicy, {}), jsxRuntime.jsx(SectionDriverCancellation, {}), jsxRuntime.jsx(SectionDriverHistory, {}), appType === mychoiceSdkComponents.AppTypes.MyChoice && jsxRuntime.jsx(HonestyMessage, {})] })), appType === mychoiceSdkComponents.AppTypes.TheBig ? (jsxRuntime.jsx(NavigationBottomTheBig, { createItem: createDriver, formSteps: formSteps[mychoiceSdkComponents.InsuranceTypes.Car], itemCount: items.length, validateForm: validateForm, formIsValid: driverFormIsValid })) : (jsxRuntime.jsx(NavigationBottom, { className: "mychoice", createItem: createDriver, formSteps: formSteps[mychoiceSdkComponents.InsuranceTypes.Car], itemCount: items.length, validateForm: validateForm, formIsValid: driverFormIsValid }))] }), localIndex !== mychoiceSdkComponents.defaultLocalIndex && (jsxRuntime.jsx("img", { className: "logo-for-partner", src: myChoicePartnerLogo, alt: "partner logo" }))] }));
 };
 
 const BlockVehLinks = () => {
@@ -1953,7 +1958,7 @@ const SectionAddress = () => {
     const { getPostal } = mychoiceSdkStore.useHandlerPostal(insuranceType);
     const { postalState: { item, inValidation }, dispatchPostalState, } = mychoiceSdkStore.useStoreFormHomePostal();
     const { dispatchApplicantBaseState } = mychoiceSdkStore.useStoreFormHomeApplicantBase();
-    const { streetAddress = '', postalCode = '', addressObject, errorMessage, } = item;
+    const { streetAddress = '', postalCode = '', addressObject, errorMessage } = item;
     const navigate = reactRouterDom.useNavigate();
     const asyncSelectRef = React.useRef(null);
     const isMychoice = appType === mychoiceSdkComponents.AppTypes.MyChoice;
@@ -2054,7 +2059,7 @@ const SectionAddress = () => {
             console.error(error);
         });
     };
-    const handleOwnerTypeChange = ({ value: typeValue, }) => {
+    const handleOwnerTypeChange = ({ value: typeValue }) => {
         dispatchDwellingState({
             type: mychoiceSdkStore.StoreFormHomeDwellingActionTypes.FormHomeDwellingClear,
             payload: { type: typeValue },
@@ -2135,7 +2140,7 @@ const SectionAddress = () => {
     const placeholderText = 'Type in Your Street Address';
     return (jsxRuntime.jsxs("div", { className: `form-section ${mychoiceCls}`, children: [jsxRuntime.jsx("h2", { className: "section-title", children: " Where do you reside and thrive? " }), jsxRuntime.jsx(SelectFormBox, { options: mychoiceSdkComponents.homeOwnerTypeOptions, name: "ownerType", onChange: handleOwnerTypeChange, defaultValue: insuranceType, title: "Type of Insurance", placeholder: "Select Type of Insurance", error: !insuranceType && inValidation, errorMessage: getErrorMessage(insuranceType, inValidation) }), jsxRuntime.jsxs("div", { className: "input-form-box-container", children: [jsxRuntime.jsx(LabelFormBox, { name: "homeAddress", title: "Home Address", subTitle: "The address should contain Street Address (example: '123 Main St'), City, Province Code, Postal Code, Country", description: "For your convenience, suggestions for your address will be displayed as you start typing. Please select an option from the list to continue. If you can\u2019t find your address in the list, please click \u201CI can\u2019t find my address. Let me type it in.\u201D and you will be directed to a page which will let you enter your address manually." }), jsxRuntime.jsx(GooglePlacesAutocomplete__default["default"], { autocompletionRequest: {
                             componentRestrictions: { country: 'ca' },
-                        }, apiKey: "AIzaSyCzQKD3HwxCezMrPsS4q_xFQ3g3TS4u1nY", selectProps: {
+                        }, apiKey: process.env.REACT_APP_HOME_SEARCH_GOOGLE_API_KEY, selectProps: {
                             value: addressObject,
                             onChange: handleAddressChange,
                             placeholder: placeholderText,
@@ -2143,17 +2148,14 @@ const SectionAddress = () => {
                             styles: {
                                 control: (baseStyles, state) => ({
                                     ...baseStyles,
-                                    borderColor: getErrorMessage(streetAddress && postalCode, inValidation) ||
-                                        errorMessage
+                                    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',
                                     },
@@ -3248,25 +3250,22 @@ const PageLifeQuote = () => {
             behavior: 'smooth',
         });
     });
-    return (jsxRuntime.jsx("div", { className: "quote-page-content", children: !appLoaderState.isOpen && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "form-section-container", children: [appDeviceType === mychoiceSdkComponents.DeviceTypes.Mobile && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: !!items?.length && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: !quoteState.showCallMessage ? (jsxRuntime.jsx("div", { className: "offer-container", children: jsxRuntime.jsx(OfferSection, { isBestOffer: true, offerCompany: items[0]?.company, brokerCompany: items[0]?.brokerProfile, offerPrice: {
+    return (jsxRuntime.jsx("div", { className: "quote-page-content", children: !appLoaderState.isOpen && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "form-section-container", children: [appDeviceType === mychoiceSdkComponents.DeviceTypes.Mobile && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: !!items?.length ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: !quoteState.showCallMessage ? (jsxRuntime.jsx("div", { className: "offer-container", children: jsxRuntime.jsx(OfferSection, { isBestOffer: true, offerCompany: items[0]?.company, brokerCompany: items[0]?.brokerProfile, offerPrice: {
                                             monthly: items[0]?.priceMonthly,
                                             yearly: items[0]?.priceYearly,
                                         }, operationHours: {
                                             saturdayHours: items[0]?.brokerProfile.hoursSaturday,
                                             sundayHours: items[0]?.brokerProfile.hoursSunday,
                                             weekdayHours: items[0]?.brokerProfile.hoursWorkdays,
-                                        }, phoneNumber: formatPhoneObject(items[0]?.brokerProfile.phone), redirectUrl: items[0]?.brokerProfile.redirectUrl || '' }) })) : (jsxRuntime.jsx(SplashScreen, {})) })) })), jsxRuntime.jsx(SectionQuoteEdit, {})] }), appDeviceType !== mychoiceSdkComponents.DeviceTypes.Mobile &&
-                    quoteState.showCallMessage && jsxRuntime.jsx(SplashScreen, {}), !quoteState.showCallMessage && (jsxRuntime.jsx("div", { className: "offer-container", children: !!items?.length &&
-                        items.map(({ company, brokerProfile, priceMonthly, priceYearly, }, index) => (jsxRuntime.jsx("div", { children: (appDeviceType !== mychoiceSdkComponents.DeviceTypes.Mobile ||
-                                (appDeviceType === mychoiceSdkComponents.DeviceTypes.Mobile &&
-                                    index !== 0)) && (jsxRuntime.jsx(OfferSection, { isBestOffer: index === 0, offerCompany: company, brokerCompany: brokerProfile, offerPrice: {
-                                    monthly: priceMonthly,
-                                    yearly: priceYearly,
-                                }, operationHours: {
-                                    saturdayHours: brokerProfile.hoursSaturday,
-                                    sundayHours: brokerProfile.hoursSunday,
-                                    weekdayHours: brokerProfile.hoursWorkdays,
-                                }, phoneNumber: formatPhoneObject(brokerProfile.phone), redirectUrl: brokerProfile.redirectUrl || '' })) }, index))) }))] })) }));
+                                        }, phoneNumber: formatPhoneObject(items[0]?.brokerProfile.phone), redirectUrl: items[0]?.brokerProfile.redirectUrl || '' }) })) : (jsxRuntime.jsx(SplashScreen, {})) })) : (jsxRuntime.jsx(NoQuotesMessage, { type: "life" })) })), jsxRuntime.jsx(SectionQuoteEdit, {})] }), appDeviceType !== mychoiceSdkComponents.DeviceTypes.Mobile && quoteState.showCallMessage && jsxRuntime.jsx(SplashScreen, {}), !quoteState.showCallMessage && (jsxRuntime.jsx("div", { className: "offer-container", children: !!items?.length ? (items.map(({ company, brokerProfile, priceMonthly, priceYearly }, index) => (jsxRuntime.jsx("div", { children: (appDeviceType !== mychoiceSdkComponents.DeviceTypes.Mobile ||
+                            (appDeviceType === mychoiceSdkComponents.DeviceTypes.Mobile && index !== 0)) && (jsxRuntime.jsx(OfferSection, { isBestOffer: index === 0, offerCompany: company, brokerCompany: brokerProfile, offerPrice: {
+                                monthly: priceMonthly,
+                                yearly: priceYearly,
+                            }, operationHours: {
+                                saturdayHours: brokerProfile.hoursSaturday,
+                                sundayHours: brokerProfile.hoursSunday,
+                                weekdayHours: brokerProfile.hoursWorkdays,
+                            }, phoneNumber: formatPhoneObject(brokerProfile.phone), redirectUrl: brokerProfile.redirectUrl || '' })) }, index)))) : (jsxRuntime.jsx(NoQuotesMessage, { type: "life" })) }))] })) }));
 };
 
 const getFormattedAddress = (unitNumber, streetAddress, city, provinceCode, postalCode, country) => {