@mychoice/mychoice-sdk-modules 2.1.26 → 2.1.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +23 -10
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +24 -11
- package/dist/esm/index.js.map +1 -1
- package/package.json +3 -3
package/dist/cjs/index.js
CHANGED
|
@@ -168,7 +168,7 @@ const OfferSection = ({ offerCompany, brokerCompany, offerPrice, phoneNumber, is
|
|
|
168
168
|
postRequestQuoteOnliaUrl(true, redirectUrl);
|
|
169
169
|
};
|
|
170
170
|
return (jsxRuntime.jsxs("div", { className: `offer-section ${mychoiceCls}`, children: [jsxRuntime.jsx(mychoiceSdkComponents.OfferHeader, { className: isTheBig ? 'thebig-bold' : '', companyName: offerCompany?.name, isBestOffer: isBestOffer }), jsxRuntime.jsx(mychoiceSdkComponents.OfferPrice, { className: isTheBig ? 'thebig' : '', companyLogo: offerCompany?.logo, price: offerPrice }), !isTheBig && offsiteUrl
|
|
171
|
-
? (jsxRuntime.jsxs("div", { className: "offer-phone", children: [jsxRuntime.jsx("h3", { children: "Click below to get this rate" }), jsxRuntime.jsx(mychoiceSdkComponents.ButtonBase, { className: `offer-phone-number ${mychoiceCls}`, label: "Buy
|
|
171
|
+
? (jsxRuntime.jsxs("div", { className: "offer-phone", children: [jsxRuntime.jsx("h3", { children: "Click below to get this rate" }), jsxRuntime.jsx(mychoiceSdkComponents.ButtonBase, { className: `offer-phone-number ${mychoiceCls}`, label: "Buy Online", type: mychoiceSdkComponents.ButtonTypes.Button, category: mychoiceSdkComponents.CategoryTypes.Filled, color: mychoiceSdkComponents.ColorTypes.Primary, variant: mychoiceSdkComponents.ButtonVariantTypes.Rectangle, size: mychoiceSdkComponents.SizeTypes.Medium, onClick: handleCTAClick })] })) : (jsxRuntime.jsxs("div", { className: "offer-phone", children: [jsxRuntime.jsx("h3", { className: isTheBig ? 'thebig-bold' : '', children: "Call now to get this rate" }), jsxRuntime.jsx("a", { target: "_blank", rel: "noreferrer noopener", href: `tel:${phoneNumber?.number}`, children: jsxRuntime.jsx(mychoiceSdkComponents.ButtonBase, { className: `${isTheBig ? 'thebig-bold' : 'mychoice'} offer-phone-number`, label: phoneNumber?.title, type: mychoiceSdkComponents.ButtonTypes.Button, category: mychoiceSdkComponents.CategoryTypes.Filled, color: mychoiceSdkComponents.ColorTypes.Primary, variant: mychoiceSdkComponents.ButtonVariantTypes.Rectangle, size: mychoiceSdkComponents.SizeTypes.Medium }) })] })), jsxRuntime.jsxs("button", { className: "dropdown", onClick: handleDropdownClick, children: [jsxRuntime.jsx("span", { children: detailsIsOpen ? 'Less Info' : 'More Info' }), jsxRuntime.jsx(mychoiceSdkComponents.IconDropdownArrow, { color: "grey", className: detailsIsOpen ? 'rotated' : '' })] }), detailsIsOpen && (jsxRuntime.jsxs("div", { className: "offer-details", children: [jsxRuntime.jsx(mychoiceSdkComponents.OfferDetail, { className: isTheBig ? 'thebig-bold' : '', name: offerCompany?.name, companyType: mychoiceSdkComponents.CompanyRoleTypes.Offering, description: offerCompany?.description }), jsxRuntime.jsx("hr", {}), (isTheBig || !offsiteUrl)
|
|
172
172
|
&& (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(mychoiceSdkComponents.OfferDetail, { className: isTheBig ? 'thebig-bold' : '', logo: brokerCompany?.logo, name: brokerCompany?.title, companyType: mychoiceSdkComponents.CompanyRoleTypes.Broker, description: brokerCompany?.description }), jsxRuntime.jsx("hr", {})] })), jsxRuntime.jsx(mychoiceSdkComponents.OfferDetail, { className: isTheBig ? 'thebig-bold' : '', name: "Hours of Operation", children: jsxRuntime.jsx(mychoiceSdkComponents.OperationHoursInfo, { weekdayHours: weekdayHours, saturdayHours: saturdayHours, sundayHours: sundayHours }) })] }))] }));
|
|
173
173
|
};
|
|
174
174
|
OfferSection.defaultProps = {
|
|
@@ -431,17 +431,11 @@ const BlockCarInfo = () => {
|
|
|
431
431
|
const yearIsValid = !currentYear || Number(currentYear) > 1999;
|
|
432
432
|
const yearMessage = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: ["Please contact a licenced representative at Hagerty for classic car insurance:", ' ', jsxRuntime.jsx("a", { href: "tel:18335431540", children: "1-833-543-1540" })] }));
|
|
433
433
|
const handleVehicleYearChange = ({ value }) => {
|
|
434
|
-
console.log(value);
|
|
435
434
|
if (value) {
|
|
436
|
-
console.log(dispatchVehicleState({
|
|
437
|
-
type: mychoiceSdkStore.StoreFormCarVehicleActionTypes.FormCarVehicleYearSet,
|
|
438
|
-
payload: { year: value },
|
|
439
|
-
}), 'hm');
|
|
440
435
|
dispatchVehicleState({
|
|
441
436
|
type: mychoiceSdkStore.StoreFormCarVehicleActionTypes.FormCarVehicleYearSet,
|
|
442
437
|
payload: { year: value },
|
|
443
438
|
});
|
|
444
|
-
console.log(value, 'hmHm');
|
|
445
439
|
getVehicleMake(value);
|
|
446
440
|
}
|
|
447
441
|
};
|
|
@@ -2957,7 +2951,9 @@ const SectionCoverage = () => {
|
|
|
2957
2951
|
payload: { coverage: value },
|
|
2958
2952
|
});
|
|
2959
2953
|
};
|
|
2960
|
-
|
|
2954
|
+
console.log(mychoiceSdkComponents.lifeInsuranceTypeOptions, "opts");
|
|
2955
|
+
const newLifeOptions = mychoiceSdkComponents.lifeInsuranceTypeOptions.filter(option => option.name.includes("Year Level") && option.name !== "40 Year Level Term");
|
|
2956
|
+
return (jsxRuntime.jsxs("div", { className: "form-section", children: [jsxRuntime.jsx("h2", { className: "section-title", style: { textAlign: 'center' }, children: "Let us meet your needs." }), jsxRuntime.jsx(SelectFormBox, { options: mychoiceSdkComponents.lifeProvinceOptions, name: "province", onChange: handleProvinceChange, defaultValue: province, title: "Province", placeholder: "Select", autoSelectIfValueIsOutOfOptions: false, error: !province && inValidation, errorMessage: getErrorMessage(type, inValidation) }), jsxRuntime.jsx(SelectFormBox, { options: newLifeOptions, name: "type", onChange: handleLifeInsuranceTypeChange, defaultValue: type, title: "Type of Insurance", description: jsxRuntime.jsx(Description, {}), placeholder: "Select", autoSelectIfValueIsOutOfOptions: false, error: !type && inValidation, errorMessage: getErrorMessage(type, inValidation) }), jsxRuntime.jsx(SelectFormBox, { options: mychoiceSdkComponents.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) })] }));
|
|
2961
2957
|
};
|
|
2962
2958
|
|
|
2963
2959
|
const PageCoverage = () => {
|
|
@@ -3138,6 +3134,23 @@ const PageLifeQuote = () => {
|
|
|
3138
3134
|
behavior: 'smooth',
|
|
3139
3135
|
});
|
|
3140
3136
|
});
|
|
3137
|
+
const uniqueItems = items.reduce((acc, currentItem) => {
|
|
3138
|
+
// Check if the company is already added.
|
|
3139
|
+
const existingItem = acc.find((item) => item.company === currentItem.company);
|
|
3140
|
+
if (existingItem) {
|
|
3141
|
+
// If exists, keep the one with the lower priceMonthly.
|
|
3142
|
+
if (currentItem.priceMonthly < existingItem.priceMonthly) {
|
|
3143
|
+
// Replace the existing item with the current item.
|
|
3144
|
+
const index = acc.indexOf(existingItem);
|
|
3145
|
+
acc[index] = currentItem;
|
|
3146
|
+
}
|
|
3147
|
+
}
|
|
3148
|
+
else {
|
|
3149
|
+
// If !exists, add the current item.
|
|
3150
|
+
acc.push(currentItem);
|
|
3151
|
+
}
|
|
3152
|
+
return acc;
|
|
3153
|
+
}, []);
|
|
3141
3154
|
return (jsxRuntime.jsx("div", { className: "quote-page-content", children: !appLoaderState.isOpen
|
|
3142
3155
|
&& (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
|
|
3143
3156
|
? (jsxRuntime.jsx("div", { className: "offer-container", children: jsxRuntime.jsx(OfferSection, { isBestOffer: true, offerCompany: items[0]?.company, brokerCompany: items[0]?.brokerProfile, offerPrice: {
|
|
@@ -3150,8 +3163,8 @@ const PageLifeQuote = () => {
|
|
|
3150
3163
|
}, phoneNumber: formatPhoneObject(items[0]?.brokerProfile.phone), redirectUrl: items[0]?.brokerProfile.redirectUrl || '' }) }))
|
|
3151
3164
|
: jsxRuntime.jsx(SplashScreen, {}) })) })), jsxRuntime.jsx(SectionQuoteEdit, {})] }), appDeviceType !== mychoiceSdkComponents.DeviceTypes.Mobile && quoteState.showCallMessage
|
|
3152
3165
|
&& jsxRuntime.jsx(SplashScreen, {}), !quoteState.showCallMessage
|
|
3153
|
-
&& (jsxRuntime.jsx("div", { className: "offer-container", children: !!
|
|
3154
|
-
&&
|
|
3166
|
+
&& (jsxRuntime.jsx("div", { className: "offer-container", children: !!uniqueItems?.length
|
|
3167
|
+
&& uniqueItems.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: {
|
|
3155
3168
|
monthly: priceMonthly,
|
|
3156
3169
|
yearly: priceYearly,
|
|
3157
3170
|
}, operationHours: {
|