@mychoice/mychoice-sdk-modules 2.1.75 → 2.1.76

package/dist/cjs/shared/sections/quotes/interfaces.d.ts

@@ -1,6 +1,6 @@
 import { OfferDetailInfoProps, OfferDetailTitleProps, OperationHoursInfoProps, PriceInterface } from '@mychoice/mychoice-sdk-components';
 import { PhoneObjectInterface } from '../../../insurances';
-import { CarQuoteCoverageInterface, CarQuoteItemInterface, CarBrokerIntegrationInterface, HomeBrokerIntegrationInterface } from '@mychoice/mychoice-sdk-store';
+import { CarQuoteCoverageInterface, CarQuoteItemInterface, CarBrokerIntegrationInterface, HomeBrokerIntegrationInterface, LifeBrokerIntegrationInterface } from '@mychoice/mychoice-sdk-store';
 export type OfferSectionProps = {
     phoneNumber?: PhoneObjectInterface;
     offerCompany?: OfferDetailTitleProps & OfferDetailInfoProps;
@@ -12,5 +12,5 @@ export type OfferSectionProps = {
     fulfillmentUrl?: string;
     coverages?: CarQuoteCoverageInterface[];
     nonStandardCoverages?: CarQuoteItemInterface['nonStandardCoverages'];
-    brokerIntegration?: CarBrokerIntegrationInterface | HomeBrokerIntegrationInterface;
+    brokerIntegration?: CarBrokerIntegrationInterface | HomeBrokerIntegrationInterface | LifeBrokerIntegrationInterface;
 };

package/dist/esm/index.js

@@ -393,7 +393,7 @@ const OfferSection = ({ offerCompany, brokerCompany, offerPrice, phoneNumber, is
         }
         postRequestQuoteOnliaUrl(true, redirectUrl);
     };
-    return (jsxs("div", { className: `offer-section ${mychoiceCls}`, children: [jsx(OfferHeader, { className: isTheBig ? 'thebig-bold' : '', companyName: offerCompany?.name, isBestOffer: isBestOffer }), jsx(OfferPrice, { className: isTheBig ? 'thebig' : '', companyLogo: offerCompany?.logo, price: offerPrice }), brokerIntegration?.type === 'youset' && brokerIntegration?.data?.url && (jsxs("div", { className: "offer-phone", children: [jsx("h3", { children: brokerIntegration?.data?.description || 'Click below to view your YouSet offer' }), jsx(ButtonBase, { className: `offer-phone-number ${mychoiceCls}`, label: brokerIntegration?.data?.label || 'View Offer', type: ButtonTypes.Button, category: CategoryTypes.Filled, color: ColorTypes.Primary, variant: ButtonVariantTypes.Rectangle, size: SizeTypes.Medium, onClick: () => window.open(brokerIntegration.data.url, '_blank') })] })), !brokerIntegration && !isTheBig && offsiteUrl && (jsxs("div", { className: "offer-phone", children: [jsx("h3", { children: "Click below to get this rate" }), jsx(ButtonBase, { className: `offer-phone-number ${mychoiceCls}`, label: "Buy Online", type: ButtonTypes.Button, category: CategoryTypes.Filled, color: ColorTypes.Primary, variant: ButtonVariantTypes.Rectangle, size: SizeTypes.Medium, onClick: handleCTAClick })] })), !brokerIntegration && (isTheBig || !offsiteUrl) && (jsxs("div", { className: "offer-phone", children: [jsx("h3", { className: isTheBig ? 'thebig-bold' : '', children: "Call now to get this rate" }), jsx("a", { target: "_blank", rel: "noreferrer noopener", href: `tel:${phoneNumber?.number}`, children: jsx(ButtonBase, { className: `${isTheBig ? 'thebig-bold' : 'mychoice'} offer-phone-number`, label: phoneNumber?.title, type: ButtonTypes.Button, category: CategoryTypes.Filled, color: ColorTypes.Primary, variant: ButtonVariantTypes.Rectangle, size: SizeTypes.Medium }) })] })), jsxs("button", { className: "dropdown", onClick: handleDropdownClick, children: [jsx("span", { children: detailsIsOpen ? 'Less Info' : 'More Info' }), jsx(IconDropdownArrow, { color: "grey", className: detailsIsOpen ? 'rotated' : '' })] }), detailsIsOpen && (jsxs("div", { className: "offer-details", children: [jsx(OfferDetail, { className: isTheBig ? 'thebig-bold' : '', name: offerCompany?.name, companyType: CompanyRoleTypes.Offering, description: offerCompany?.description }), jsx("hr", {}), (isTheBig || !offsiteUrl) && (jsxs(Fragment, { children: [jsx(OfferDetail, { className: isTheBig ? 'thebig-bold' : '', logo: brokerCompany?.logo, name: brokerCompany?.title, companyType: CompanyRoleTypes.Broker, description: brokerCompany?.description }), jsx("hr", {})] })), jsx(OfferDetail, { className: isTheBig ? 'thebig-bold' : '', name: "Hours of Operation", children: jsx(OperationHoursInfo, { weekdayHours: weekdayHours, saturdayHours: saturdayHours, sundayHours: sundayHours }) }), isMyChoice && coverages && (jsxs(Fragment, { children: [jsx("hr", {}), jsx(VehicleOfferCoverages, { coverages: coverages, nonStandardCoverages: nonStandardCoverages })] }))] }))] }));
+    return (jsxs("div", { className: `offer-section ${mychoiceCls}`, children: [jsx(OfferHeader, { className: isTheBig ? 'thebig-bold' : '', companyName: offerCompany?.name, isBestOffer: isBestOffer }), brokerIntegration?.type !== 'hub' && (jsx(OfferPrice, { className: isTheBig ? 'thebig' : '', companyLogo: offerCompany?.logo, price: offerPrice })), brokerIntegration?.type === 'hub' && (jsx("div", { className: "offer-phone hub-integration", children: jsxs("p", { className: "hub-description", children: [jsx("span", { children: brokerIntegration?.data?.label }), jsx("br", {}), brokerIntegration?.data?.description] }) })), brokerIntegration?.type === 'youset' && brokerIntegration?.data?.url && (jsxs("div", { className: "offer-phone", children: [jsx("h3", { children: brokerIntegration?.data?.description || 'Click below to view your YouSet offer' }), jsx(ButtonBase, { className: `offer-phone-number ${mychoiceCls}`, label: brokerIntegration?.data?.label || 'View Offer', type: ButtonTypes.Button, category: CategoryTypes.Filled, color: ColorTypes.Primary, variant: ButtonVariantTypes.Rectangle, size: SizeTypes.Medium, onClick: () => window.open(brokerIntegration.data.url, '_blank') })] })), !brokerIntegration && !isTheBig && offsiteUrl && (jsxs("div", { className: "offer-phone", children: [jsx("h3", { children: "Click below to get this rate" }), jsx(ButtonBase, { className: `offer-phone-number ${mychoiceCls}`, label: "Buy Online", type: ButtonTypes.Button, category: CategoryTypes.Filled, color: ColorTypes.Primary, variant: ButtonVariantTypes.Rectangle, size: SizeTypes.Medium, onClick: handleCTAClick })] })), !brokerIntegration && (isTheBig || !offsiteUrl) && (jsxs("div", { className: "offer-phone", children: [jsx("h3", { className: isTheBig ? 'thebig-bold' : '', children: "Call now to get this rate" }), jsx("a", { target: "_blank", rel: "noreferrer noopener", href: `tel:${phoneNumber?.number}`, children: jsx(ButtonBase, { className: `${isTheBig ? 'thebig-bold' : 'mychoice'} offer-phone-number`, label: phoneNumber?.title, type: ButtonTypes.Button, category: CategoryTypes.Filled, color: ColorTypes.Primary, variant: ButtonVariantTypes.Rectangle, size: SizeTypes.Medium }) })] })), jsxs("button", { className: "dropdown", onClick: handleDropdownClick, children: [jsx("span", { children: detailsIsOpen ? 'Less Info' : 'More Info' }), jsx(IconDropdownArrow, { color: "grey", className: detailsIsOpen ? 'rotated' : '' })] }), detailsIsOpen && (jsxs("div", { className: "offer-details", children: [jsx(OfferDetail, { className: isTheBig ? 'thebig-bold' : '', name: offerCompany?.name, companyType: CompanyRoleTypes.Offering, description: offerCompany?.description }), jsx("hr", {}), (isTheBig || !offsiteUrl) && (jsxs(Fragment, { children: [jsx(OfferDetail, { className: isTheBig ? 'thebig-bold' : '', logo: brokerCompany?.logo, name: brokerCompany?.title, companyType: CompanyRoleTypes.Broker, description: brokerCompany?.description }), jsx("hr", {})] })), jsx(OfferDetail, { className: isTheBig ? 'thebig-bold' : '', name: "Hours of Operation", children: jsx(OperationHoursInfo, { weekdayHours: weekdayHours, saturdayHours: saturdayHours, sundayHours: sundayHours }) }), isMyChoice && coverages && (jsxs(Fragment, { children: [jsx("hr", {}), jsx(VehicleOfferCoverages, { coverages: coverages, nonStandardCoverages: nonStandardCoverages })] }))] }))] }));
 };
 OfferSection.defaultProps = {
     offerPrice: { monthly: 0, yearly: 0 },
@@ -3354,7 +3354,7 @@ const PageLifeQuote = () => {
                                             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 || '' }) })) : (jsx(SplashScreen, {})) })) : (jsx(NoQuotesMessage, { type: "life" })) })), jsx(SectionQuoteEdit, {})] }), appDeviceType !== DeviceTypes.Mobile && quoteState.showCallMessage && jsx(SplashScreen, {}), !quoteState.showCallMessage && (jsx("div", { className: "offer-container", children: !!items?.length ? (items.map(({ company, brokerProfile, priceMonthly, priceYearly }, index) => (jsx("div", { children: (appDeviceType !== DeviceTypes.Mobile ||
+                                        }, phoneNumber: formatPhoneObject(items[0]?.brokerProfile.phone), redirectUrl: items[0]?.brokerProfile.redirectUrl || '', brokerIntegration: items[0]?.brokerIntegration }) })) : (jsx(SplashScreen, {})) })) : (jsx(NoQuotesMessage, { type: "life" })) })), jsx(SectionQuoteEdit, {})] }), appDeviceType !== DeviceTypes.Mobile && quoteState.showCallMessage && jsx(SplashScreen, {}), !quoteState.showCallMessage && (jsx("div", { className: "offer-container", children: !!items?.length ? (items.map(({ company, brokerProfile, priceMonthly, priceYearly, brokerIntegration }, index) => (jsx("div", { children: (appDeviceType !== DeviceTypes.Mobile ||
                             (appDeviceType === DeviceTypes.Mobile && index !== 0)) && (jsx(OfferSection, { isBestOffer: index === 0, offerCompany: company, brokerCompany: brokerProfile, offerPrice: {
                                 monthly: priceMonthly,
                                 yearly: priceYearly,
@@ -3362,7 +3362,7 @@ const PageLifeQuote = () => {
                                 saturdayHours: brokerProfile.hoursSaturday,
                                 sundayHours: brokerProfile.hoursSunday,
                                 weekdayHours: brokerProfile.hoursWorkdays,
-                            }, phoneNumber: formatPhoneObject(brokerProfile.phone), redirectUrl: brokerProfile.redirectUrl || '' })) }, index)))) : (jsx(NoQuotesMessage, { type: "life" })) }))] })) }));
+                            }, phoneNumber: formatPhoneObject(brokerProfile.phone), redirectUrl: brokerProfile.redirectUrl || '', brokerIntegration: brokerIntegration })) }, index)))) : (jsx(NoQuotesMessage, { type: "life" })) }))] })) }));
 };
 
 const getFormattedAddress = (unitNumber, streetAddress, city, provinceCode, postalCode, country) => {