@mychoice/mychoice-sdk-modules 2.1.39 → 2.1.40
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 +24 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +24 -3
- package/dist/esm/index.js.map +1 -1
- package/package.json +4 -4
package/dist/cjs/index.js
CHANGED
|
@@ -3008,10 +3008,31 @@ BlockSubmit.defaultProps = {
|
|
|
3008
3008
|
};
|
|
3009
3009
|
|
|
3010
3010
|
const lockEmoji = '\u{1F512}';
|
|
3011
|
+
const getSavedPercentage = () => {
|
|
3012
|
+
const currentDay = new Date().getDate();
|
|
3013
|
+
const options = [25, 26, 27, 28, 29, 30];
|
|
3014
|
+
for (let i = 0; i < options.length; i++) {
|
|
3015
|
+
if (currentDay % options.length === i) {
|
|
3016
|
+
return options[i];
|
|
3017
|
+
}
|
|
3018
|
+
}
|
|
3019
|
+
return 30;
|
|
3020
|
+
};
|
|
3021
|
+
const getInitComparedCount = () => {
|
|
3022
|
+
const currentDay = new Date().getDate();
|
|
3023
|
+
const options = [1003, 1102, 1343, 1412, 1502];
|
|
3024
|
+
for (let i = 0; i < options.length; i++) {
|
|
3025
|
+
if (currentDay % options.length === i) {
|
|
3026
|
+
return options[i];
|
|
3027
|
+
}
|
|
3028
|
+
}
|
|
3029
|
+
return 1102;
|
|
3030
|
+
};
|
|
3011
3031
|
const SectionApplicant = () => {
|
|
3032
|
+
const initComparedCount = getInitComparedCount();
|
|
3033
|
+
const savedPercentage = getSavedPercentage();
|
|
3012
3034
|
const [comparedCountMin, setComparedCountMin] = React.useState(1000);
|
|
3013
|
-
const [comparedCountMax] = React.useState(
|
|
3014
|
-
const savedPercentage = lodash.random(25, 30);
|
|
3035
|
+
const [comparedCountMax] = React.useState(initComparedCount);
|
|
3015
3036
|
const { appConfigState: { appType }, } = mychoiceSdkStore.useStoreAppConfig();
|
|
3016
3037
|
const isTheBig = appType === mychoiceSdkComponents.AppTypes.TheBig;
|
|
3017
3038
|
const { applicantState, dispatchApplicantState } = mychoiceSdkStore.useStoreFormLifeApplicant();
|
|
@@ -3091,7 +3112,7 @@ const SectionApplicant = () => {
|
|
|
3091
3112
|
textAlign: 'center',
|
|
3092
3113
|
fontSize: '1.15rem',
|
|
3093
3114
|
marginTop: '10px',
|
|
3094
|
-
}, children: `Canadians have compared rates in the last 24 hours and saved ${savedPercentage}% on average` })] }), jsxRuntime.jsx("h2", { className: "section-title", style: { textAlign: 'center' }, children: `${lockEmoji} Complete the form below to see which companies are offering your quotes.` }), jsxRuntime.jsx("span", { className: "info-title-message", children: "You are seconds away from receiving your life insurance quotes, please provide your email after completing the final steps so we can send you your personalized free life insurance quotes!" }), jsxRuntime.jsx(DateSelectFormBox, { name: "dateOfBirth", dateNames: ['birthYear', 'birthMonth', 'birthDay'], onDateChange: handleDateOfBirthChange, defaultValue: defaultDateOfBirth, title: "Date of birth", error: inValidation, errorMessage: getDateErrorMessage([birthDay || '', birthMonth || '', birthYear || ''], inValidation), maxDate: mychoiceSdkComponents.subYearsFromDate('', 14), isDay: true }), jsxRuntime.jsx(SelectFormBox, { options: mychoiceSdkComponents.genderOptions, name: "gender", onChange: handleGenderChange, defaultValue: getSelectedOption(mychoiceSdkComponents.genderOptions, gender), title: "Gender", placeholder: "Select", autoSelectIfValueIsOutOfOptions: false, error: !gender && inValidation, errorMessage: getErrorMessage(`${gender}`.toString(), inValidation) }), jsxRuntime.jsx(SwitchButtonBox, { items: mychoiceSdkComponents.smokerOptions, onChange: handleSmokerChange, name: "smoker", defaultValue: getSelectedOption(mychoiceSdkComponents.smokerOptions, smoker), title: "Smoker" }), isTheBig
|
|
3115
|
+
}, children: `Canadians have compared rates in the last 24 hours and saved ${savedPercentage}% on average` })] }), jsxRuntime.jsx("h2", { className: "section-title", style: { textAlign: 'center' }, children: `${lockEmoji} Complete the form below to see which companies are offering your quotes.` }), jsxRuntime.jsx("span", { className: "info-title-message", children: "You are seconds away from receiving your life insurance quotes, please provide your email after completing the final steps so we can send you your personalized free life insurance quotes!" }), jsxRuntime.jsx(DateSelectFormBox, { name: "dateOfBirth", dateNames: ['birthYear', 'birthMonth', 'birthDay'], onDateChange: handleDateOfBirthChange, defaultValue: defaultDateOfBirth, title: "Date of birth", error: inValidation, errorMessage: getDateErrorMessage([birthDay || '', birthMonth || '', birthYear || ''], inValidation), maxDate: mychoiceSdkComponents.subYearsFromDate('', 14), isDay: true }), jsxRuntime.jsx(SelectFormBox, { options: mychoiceSdkComponents.genderOptions, name: "gender", onChange: handleGenderChange, defaultValue: getSelectedOption(mychoiceSdkComponents.genderOptions, gender), title: "Gender", placeholder: "Select", autoSelectIfValueIsOutOfOptions: false, error: !gender && inValidation, errorMessage: getErrorMessage(`${gender}`.toString(), inValidation) }), jsxRuntime.jsx(SwitchButtonBox, { items: mychoiceSdkComponents.smokerOptions, onChange: handleSmokerChange, name: "smoker", defaultValue: getSelectedOption(mychoiceSdkComponents.smokerOptions, smoker), title: "Smoker" }), isTheBig && (jsxRuntime.jsxs("div", { className: "input-form-box-container", children: [jsxRuntime.jsx(LabelFormBox, { title: "Complete this form to see all your personalized\n quotes on the next page, you will also be able to:" }), jsxRuntime.jsxs("ol", { className: "ordered-block", children: [jsxRuntime.jsx("li", { children: "See what rates insurance carriers are offering" }), jsxRuntime.jsx("li", { children: "Get in touch with us and secure your rate" }), jsxRuntime.jsx("li", { children: "Potentially save more by speaking with a broker" })] })] })), jsxRuntime.jsx(InputFormBox, { name: "firstName", title: "First Name", onChange: handleFirstNameChange, defaultValue: firstName, placeholder: "Your First Name", error: !firstName && inValidation, errorMessage: getErrorMessage(firstName, inValidation) }), jsxRuntime.jsx(InputFormBox, { name: "lastname", title: "Last Name", onChange: handleLastNameChange, defaultValue: lastName, placeholder: "Your Last Name", error: !lastName && inValidation, errorMessage: getErrorMessage(lastName, inValidation) }), jsxRuntime.jsx(InputFormPhoneBox, { name: "phone", onChange: handlePhoneNumberChange, defaultValue: phone, title: "Phone Number", placeholder: "(855) 325-8444", error: !phone && inValidation, errorMessage: getErrorMessage(phone, inValidation) }), jsxRuntime.jsx(InputFormEmailBox, { validationStatus: emailStatus, name: "email", title: "Please provide your email address so we can send you a copy of your quotes", onChange: handleEmailChange, defaultValue: email, placeholder: "johnsmith@mychoice.ca", errorMessage: emailStatus === mychoiceSdkComponents.ValidationStatusTypes.Declined
|
|
3095
3116
|
? errorMessage
|
|
3096
3117
|
: getErrorMessage(email, inValidation), error: emailStatus === mychoiceSdkComponents.ValidationStatusTypes.Declined ||
|
|
3097
3118
|
(!email && inValidation) }), jsxRuntime.jsx(BlockSubmit, { className: isTheBig ? 'thebig-bold' : '' }), jsxRuntime.jsx(BlockNextPageInfo, {})] }));
|