@mychoice/mychoice-sdk-components 2.2.23 → 2.2.25

package/dist/esm/index.js

@@ -28,12 +28,17 @@ IconDropdownArrow.defaultProps = {
 };
 
 const numberWithCommas$1 = (value) => value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
-const dailyKilometresRange = [1, 2, 5, 7, 10, 15, 20, 30, 40, 50, 60, 70, 80, 90, 100, 150, 200];
+const dailyKilometresRange = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20,
+    21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40,
+    50, 60, 70, 80, 90, 100, 150, 200];
 const dailyKilometresRangeForBusiness = [
     1, 2, 5, 7, 10, 15, 20, 30, 40, 50, 60, 70, 80, 90, 100, 150, 200, 250, 300, 350, 400,
 ];
 const yearlyKilometresRange = [
-    500, 1000, 2000, 3000, 5000, 8000, 10000, 15000, 20000, 30000, 50000, 60000, 80000, 100000,
+    500, 1000, 2000, 3000, 4000, 5000, 6000, 7000, 8000, 9000, 10000,
+    11000, 12000, 13000, 14000, 15000, 16000, 17000, 18000, 19000, 20000,
+    21000, 22000, 23000, 24000, 25000, 26000, 27000, 28000, 29000, 30000,
+    35000, 40000, 45000, 50000, 60000, 80000, 100000,
 ];
 const carCondition = [
     { value: 'N', name: 'New' },
@@ -69,9 +74,18 @@ const carUsagePurpose = [
     { value: 'personal', name: 'Personal' },
     { value: 'business', name: 'Business' },
 ];
+const businessUsePercentOptions = [
+    { value: '25', name: 'Up to 25%' },
+    { value: '50', name: '50%' },
+    { value: '75', name: '75%' },
+    { value: '100', name: '100%' },
+];
 const firstDriveDistanceList = dailyKilometresRange.map((item) => {
-    if (item === 1) {
-        return { value: `${item}`, name: `${item}KM or Less` };
+    if (item === 0) {
+        return { value: `${item}`, name: '0KM (No commute)' };
+    }
+    if (item === 200) {
+        return { value: `${item}`, name: '200+ KM' };
     }
     return { value: `${item}`, name: `${numberWithCommas$1(item)}KM` };
 });
@@ -81,10 +95,12 @@ const dailyDriveBusinessDistanceList = dailyKilometresRangeForBusiness.map((item
     }
     return { value: `${item}`, name: `${item}KM` };
 });
-const yearlyDriveDistanceList = yearlyKilometresRange.map((item) => ({
-    value: `${item}`,
-    name: `${numberWithCommas$1(item)}KM`,
-}));
+const yearlyDriveDistanceList = yearlyKilometresRange.map((item) => {
+    if (item === 100000) {
+        return { value: `${item}`, name: '100,000+ KM' };
+    }
+    return { value: `${item}`, name: `${numberWithCommas$1(item)}KM` };
+});
 var VehicleConditionTypes;
 (function (VehicleConditionTypes) {
     VehicleConditionTypes["New"] = "N";
@@ -116,7 +132,7 @@ var GenderTypes;
 (function (GenderTypes) {
     GenderTypes["Male"] = "M";
     GenderTypes["Female"] = "F";
-    GenderTypes["Other"] = "Other";
+    GenderTypes["Other"] = "X";
 })(GenderTypes || (GenderTypes = {}));
 var OccupationTypes;
 (function (OccupationTypes) {
@@ -157,10 +173,11 @@ const applicantRelationshipOptions = [
 ];
 const insuranceCancellationReasonOptions = [
     { name: 'Cancelled for non-payment', value: 'NonPay' },
-    { name: 'Cancelled for other reason', value: 'OtherLapse' },
-    { name: 'Driving without insurance', value: 'DWOI' },
+    { name: 'Out of country/Parked vehicle/Other', value: 'OtherLapse' },
     { name: 'No car/no insurance needed', value: 'NotReqrd' },
     { name: 'Cancelled for material misrepresentation', value: 'MatMisrep' },
+    { name: "Driver's license was suspended", value: 'LicSusp' },
+    { name: 'Non-disclosure due to missing or incomplete information.', value: 'NonDiscl' },
 ];
 const licenceSuspensionsReasonOptions = [
     { name: 'Alcohol related licence suspension', value: 'Alcohol' },
@@ -262,7 +279,6 @@ const trafficTicketsGroupOptions = [
     {
         label: 'Common',
         options: [
-            { value: 'SP', name: 'Speeding' },
             { value: 'SS', name: 'Stop sign' },
             { value: 'TSL', name: 'Traffic light' },
             { value: 'CPV', name: 'Prohibited use of hand-held device' },
@@ -288,33 +304,33 @@ const trafficTicketsGroupOptions = [
             { value: 'DH', name: 'Improper use of divided highway' },
             { value: 'MINOR', name: 'Other minor conviction (not specified)' },
             { value: 'OT', name: 'Obstructing traffic' },
-            { value: 'CPV', name: 'Prohibited use of hand-held device' },
             { value: 'SP', name: 'Speeding' },
             { value: 'SS', name: 'Stop sign' },
             { value: 'TSL', name: 'Traffic light' },
             { value: 'UM', name: 'Unsafe move' },
             { value: 'UV', name: 'Unsafe vehicle' },
             { value: 'OW', name: 'Wrong way on one way' },
-            { value: 'DRD', name: 'Distracted driving' },
         ],
     },
     {
         label: 'Major',
         options: [
-            { value: 'FDH', name: 'Failure to report damage to highway property' },
+            { value: 'DRD', name: 'Distracted driving' },
             { value: 'FRA', name: 'Failure to report accident' },
+            { value: 'FDH', name: 'Failure to report damage to highway property' },
             { value: 'PSB', name: 'Improper passing of a school bus' },
             { value: 'PSG', name: 'Improper passing/speeding in a school or playground zone' },
             { value: 'OMVNI', name: 'Operator motor vehicle - no insurance' },
             { value: 'MAJOR', name: 'Other major conviction (not specified)' },
+            { value: 'CPV', name: 'Prohibited use of hand-held device' },
             { value: 'STN', name: 'Stunting' },
         ],
     },
     {
-        label: 'Serious',
+        label: 'Criminal',
         options: [
-            { value: 'ALC', name: 'Class G1/G2 driver with alcohol in blood' },
-            { value: 'RB', name: 'Class G1/G2 refuse breath sample' },
+            { value: 'ALC', name: 'Restricted driver with alcohol in blood' },
+            { value: 'RB', name: 'Refusal or failure to submit to a breath or blood test' },
             { value: 'CN', name: 'Criminal negligence' },
             { value: 'DD', name: 'Dangerous driving' },
             { value: 'DUS', name: 'Driving while licence under suspension' },
@@ -803,6 +819,7 @@ const API_AUTH = {
     POST_EMAIL_VERIFICATION: `${API_ROOT}registration/verify-email/`,
     POST_TOKEN: `${API_ROOT}token/refresh/`,
     POST_EMAIL_VALIDATION: `${API_ROOT}email/validate/`,
+    GET_PHONE_VALIDATION: `${API_ROOT}phone/validate/`,
 };
 const PROFILE_API = {
     USER: `${API_ROOT}user/me/`,
@@ -1588,7 +1605,7 @@ InputForm.defaultProps = {
 };
 
 const InputFormPhone = React.memo((props) => {
-    const { size, className, disabled, defaultValue, name, onChange, placeholder, error, } = props;
+    const { size, className, disabled, defaultValue, name, onChange, placeholder, error, validationStatus, } = props;
     const [value, setValue,] = useReducer(inputValueReducer, defaultValue);
     const handleChange = useCallback((phoneNumber) => {
         setValue({
@@ -1602,12 +1619,20 @@ const InputFormPhone = React.memo((props) => {
             });
         }
     }, []);
-    return (jsx(ReactPhoneInput, { buttonClass: "dropdown-button", inputProps: {
-            className: `input-form-phone ${size} ${disabled ? 'disabled' : ''} ${className}  ${error ? 'error' : ''}`,
-            name,
-            placeholder: placeholder || '(855) 325-8444',
-        }, country: "ca", value: value, onlyCountries: ['ca'], disableDropdown: true, disableCountryCode: true, onChange: handleChange, autoFormat: true }));
-}, (prevProps, nextProps) => (prevProps.defaultValue === nextProps.defaultValue || prevProps.error === nextProps.error));
+    const loadingIcon = (validationStatus === ValidationStatusTypes.Loading)
+        && jsx(IconLoaderPrimary, { width: "1.25rem", height: "1.25rem", className: "icon-validate loader" });
+    const declinedIcon = (validationStatus === ValidationStatusTypes.Declined)
+        && jsx(IconDecline, { width: "1rem", height: "1rem", className: "icon-validate" });
+    const approvedIcon = (validationStatus === ValidationStatusTypes.Approved)
+        && jsx(IconSuccess, { className: "icon-validate" });
+    return (jsxs("div", { className: "input-form-phone-wrapper", children: [jsx(ReactPhoneInput, { buttonClass: "dropdown-button", inputProps: {
+                    className: `input-form-phone ${size} ${disabled ? 'disabled' : ''} ${className}  ${error ? 'error' : ''}`,
+                    name,
+                    placeholder: placeholder || '(855) 325-8444',
+                }, country: "ca", value: value, onlyCountries: ['ca'], disableDropdown: true, disableCountryCode: true, onChange: handleChange, autoFormat: true }), loadingIcon || declinedIcon || approvedIcon] }));
+}, (prevProps, nextProps) => (prevProps.defaultValue === nextProps.defaultValue
+    && prevProps.error === nextProps.error
+    && prevProps.validationStatus === nextProps.validationStatus));
 InputFormPhone.defaultProps = {
     size: SizeTypes.Large,
     type: InputTypes.Text,
@@ -1616,6 +1641,7 @@ InputFormPhone.defaultProps = {
     placeholder: '',
     disabled: false,
     error: false,
+    validationStatus: ValidationStatusTypes.Initial,
 };
 
 const defaultManipulateInput = (value) => value;
@@ -1817,5 +1843,5 @@ InfoMessage.defaultProps = {
     isRemovable: false,
 };
 
-export { API_APP, API_AUTH, API_FORM_CAR, API_FORM_HOME, API_FORM_LIFE, API_ROOT, AlignTypes, AppTypes, ApplicantListTypes, ButtonArrow, ButtonBase, ButtonForm, ButtonMenu, ButtonTab, ButtonTabArrow, ButtonTabMobile, ButtonTypes, ButtonVariantTypes, CategoryTypes, CheckboxForm, ColorTypes, ColorVariablesTypes, CompanyRoleTypes, CoverageTypes, DateTypes, DeviceTypeWidthList, DeviceTypes, DirectionTypes, DriverLicenceTypes, DriverListTypes, DriverPriorityTypes, DwellingInfoTypes, GenderTypes, HeaderDropDown, HeaderNavGroup, HttpRequestHeaderTypes, IconArrow, IconChecked, IconClock, IconDecline, IconDelete, IconDropdownArrow, IconLoaderPrimary, IconLoaderSecondary, IconSuccess, IconTabArrow, IconTooltip, InfoMessage, InputForm, InputFormEmail, InputFormLicence, InputFormPhone, InputTypes, InsuranceTypes, MAX_LOCAL_STORAGE_HOURS, MAX_LOCAL_STORAGE_HOURS_THEBIG, ModalTypes, MychoiceStep, NavigationAddress, NavigationBase, NavigationCar, NavigationDiscount, NavigationPerson, NavigationProperty, NavigationQuotes, OccupationTypes, OfferDetail, OfferDetailTitle, OfferHeader, OfferPrice, OperationHoursInfo, PROFILE_API, QuoteEdit, RequestStatusTypes, RequestTypes, ScreenBPList, ScreenBPTypes, SdkTooltip, SelectForm, SizeTypes, Step, TitleForm, TooltipForm, ValidationStatusTypes, VehicleConditionTypes, VehiclePrimaryUseTypes, accidentBenefitsOptionalOptions, addDaysToDate, addMonthsToDate, addYearsToDate, allAccidentBenefitsCoverageValues, applicantRelationshipOptions, auxHeatingTypeOptions, carCondition, carKeepPlace, carStatus, carUsagePurpose, carWinterTiresCheck, checkDateIsSpecial, claimTypeOptions, collisionCoverage, compareDates, comprehensiveCoverage, comprehensiveCoverages, condoBuildingStructureOptions, constructionTypeOptions, coverageOptions, dailyDriveBusinessDistanceList, deepClone, defaultBrokerPhone, defaultLocalIndex, exteriorFinishOptions, fireHallDistanceOptions, fireHydrantDistanceOptions, firstDriveDistanceList, formatPostalCode, garageTypeOptions, genderOptions, getDateOptions, getDayStartEndDates, getDaysOfMonth, getDifferenceInHours, getDifferenceInMonths, getDifferenceInYears, getDisabledLicenceTypes, getEndOfMonth, getEndOfYear, getFormattedDate, getInsuranceType, getInsuranceYearsOptions, getLicenceMaxDate, getLicenceMinDate, getLicenceTypeOptions, getMinDate, getMinDateByYears, getMonthStartEndDates, getNumericOptions, getPlaceholderEmail, getStartOfMonth, getStartOfYear, getValueIndexInOptions, getValuesFromNumbers, getYearIntervalOptions, getYearStartEndDates, homeBuildingStructureOptions, homeCoverageOptions, homeLiabilityOptions, homeOwnerTypeOptions, insuranceCancellationReasonOptions, insuredYearsOptions, isDateValid, isMyChoiceLike, isValueInOptions, liabilityForDamageOptions, liabilityOptions, licenceSuspensionsReasonOptions, lifeCoverageOptions, lifeInsuranceOntarioTypeOptions, lifeInsuranceTypeOptions, lifeProvinceOptions, lifeProvinceOptionsMC, limitedWaiverOfDepreciationOptions, lossOfUseOptions, maritalStatusOptions, numberWithCommas, occupationOptions, optionsIsEqual, postalCodeFormat, ppOptions, primaryHeatingTypeOptions, residentsOptions, smokerOptions, subDaysFromDate, subMonthsFromDate, subYearsFromDate, supportedProvinceCodes, tenantBuildingStructureOptions, trafficTicketsGroupOptions, useEffectOnce, yearlyDriveDistanceList, yesNoOptions };
+export { API_APP, API_AUTH, API_FORM_CAR, API_FORM_HOME, API_FORM_LIFE, API_ROOT, AlignTypes, AppTypes, ApplicantListTypes, ButtonArrow, ButtonBase, ButtonForm, ButtonMenu, ButtonTab, ButtonTabArrow, ButtonTabMobile, ButtonTypes, ButtonVariantTypes, CategoryTypes, CheckboxForm, ColorTypes, ColorVariablesTypes, CompanyRoleTypes, CoverageTypes, DateTypes, DeviceTypeWidthList, DeviceTypes, DirectionTypes, DriverLicenceTypes, DriverListTypes, DriverPriorityTypes, DwellingInfoTypes, GenderTypes, HeaderDropDown, HeaderNavGroup, HttpRequestHeaderTypes, IconArrow, IconChecked, IconClock, IconDecline, IconDelete, IconDropdownArrow, IconLoaderPrimary, IconLoaderSecondary, IconSuccess, IconTabArrow, IconTooltip, InfoMessage, InputForm, InputFormEmail, InputFormLicence, InputFormPhone, InputTypes, InsuranceTypes, MAX_LOCAL_STORAGE_HOURS, MAX_LOCAL_STORAGE_HOURS_THEBIG, ModalTypes, MychoiceStep, NavigationAddress, NavigationBase, NavigationCar, NavigationDiscount, NavigationPerson, NavigationProperty, NavigationQuotes, OccupationTypes, OfferDetail, OfferDetailTitle, OfferHeader, OfferPrice, OperationHoursInfo, PROFILE_API, QuoteEdit, RequestStatusTypes, RequestTypes, ScreenBPList, ScreenBPTypes, SdkTooltip, SelectForm, SizeTypes, Step, TitleForm, TooltipForm, ValidationStatusTypes, VehicleConditionTypes, VehiclePrimaryUseTypes, accidentBenefitsOptionalOptions, addDaysToDate, addMonthsToDate, addYearsToDate, allAccidentBenefitsCoverageValues, applicantRelationshipOptions, auxHeatingTypeOptions, businessUsePercentOptions, carCondition, carKeepPlace, carStatus, carUsagePurpose, carWinterTiresCheck, checkDateIsSpecial, claimTypeOptions, collisionCoverage, compareDates, comprehensiveCoverage, comprehensiveCoverages, condoBuildingStructureOptions, constructionTypeOptions, coverageOptions, dailyDriveBusinessDistanceList, deepClone, defaultBrokerPhone, defaultLocalIndex, exteriorFinishOptions, fireHallDistanceOptions, fireHydrantDistanceOptions, firstDriveDistanceList, formatPostalCode, garageTypeOptions, genderOptions, getDateOptions, getDayStartEndDates, getDaysOfMonth, getDifferenceInHours, getDifferenceInMonths, getDifferenceInYears, getDisabledLicenceTypes, getEndOfMonth, getEndOfYear, getFormattedDate, getInsuranceType, getInsuranceYearsOptions, getLicenceMaxDate, getLicenceMinDate, getLicenceTypeOptions, getMinDate, getMinDateByYears, getMonthStartEndDates, getNumericOptions, getPlaceholderEmail, getStartOfMonth, getStartOfYear, getValueIndexInOptions, getValuesFromNumbers, getYearIntervalOptions, getYearStartEndDates, homeBuildingStructureOptions, homeCoverageOptions, homeLiabilityOptions, homeOwnerTypeOptions, insuranceCancellationReasonOptions, insuredYearsOptions, isDateValid, isMyChoiceLike, isValueInOptions, liabilityForDamageOptions, liabilityOptions, licenceSuspensionsReasonOptions, lifeCoverageOptions, lifeInsuranceOntarioTypeOptions, lifeInsuranceTypeOptions, lifeProvinceOptions, lifeProvinceOptionsMC, limitedWaiverOfDepreciationOptions, lossOfUseOptions, maritalStatusOptions, numberWithCommas, occupationOptions, optionsIsEqual, postalCodeFormat, ppOptions, primaryHeatingTypeOptions, residentsOptions, smokerOptions, subDaysFromDate, subMonthsFromDate, subYearsFromDate, supportedProvinceCodes, tenantBuildingStructureOptions, trafficTicketsGroupOptions, useEffectOnce, yearlyDriveDistanceList, yesNoOptions };
 //# sourceMappingURL=index.js.map