@mychoice/mychoice-sdk-components 2.2.23 → 2.2.25

package/dist/cjs/components/inputs/InputFormPhone/InputFormPhone.d.ts

@@ -1,3 +1,3 @@
 import { SdkFC } from '../../../interfaces';
-import { InputProps } from '../interfaces';
-export declare const InputFormPhone: SdkFC<InputProps>;
+import { PhoneInputProps } from '../interfaces';
+export declare const InputFormPhone: SdkFC<PhoneInputProps>;

package/dist/cjs/components/inputs/interfaces.d.ts

@@ -18,3 +18,9 @@ export type EmailInputProps = DefaultInputProps & {
     validationStatus?: ValidationStatusTypes;
     onChange?: (option: OnChangeEventInterface) => void;
 };
+export type PhoneInputProps = DefaultInputProps & {
+    size?: SizeTypes;
+    type?: InputTypes;
+    onChange?: (option: OnChangeEventInterface) => void;
+    validationStatus?: ValidationStatusTypes;
+};

package/dist/cjs/constants/api.d.ts

@@ -8,6 +8,7 @@ export declare const API_AUTH: {
     POST_EMAIL_VERIFICATION: string;
     POST_TOKEN: string;
     POST_EMAIL_VALIDATION: string;
+    GET_PHONE_VALIDATION: string;
 };
 export declare const PROFILE_API: {
     USER: string;

package/dist/cjs/constants/forms/user.d.ts

@@ -1,7 +1,7 @@
 export declare enum GenderTypes {
     Male = "M",
     Female = "F",
-    Other = "Other"
+    Other = "X"
 }
 export declare enum OccupationTypes {
     Employed = 800,

package/dist/cjs/constants/insurances/car/pages/vehicle.d.ts

@@ -26,6 +26,10 @@ export declare const carUsagePurpose: {
     value: string;
     name: string;
 }[];
+export declare const businessUsePercentOptions: {
+    value: string;
+    name: string;
+}[];
 export declare const firstDriveDistanceList: {
     value: string;
     name: string;

package/dist/cjs/index.js

@@ -37,12 +37,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' },
@@ -78,9 +83,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` };
 });
@@ -90,10 +104,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` };
+});
 exports.VehicleConditionTypes = void 0;
 (function (VehicleConditionTypes) {
     VehicleConditionTypes["New"] = "N";
@@ -125,7 +141,7 @@ exports.GenderTypes = void 0;
 (function (GenderTypes) {
     GenderTypes["Male"] = "M";
     GenderTypes["Female"] = "F";
-    GenderTypes["Other"] = "Other";
+    GenderTypes["Other"] = "X";
 })(exports.GenderTypes || (exports.GenderTypes = {}));
 exports.OccupationTypes = void 0;
 (function (OccupationTypes) {
@@ -166,10 +182,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' },
@@ -271,7 +288,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' },
@@ -297,33 +313,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' },
@@ -812,6 +828,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/`,
@@ -1597,7 +1614,7 @@ InputForm.defaultProps = {
 };
 
 const InputFormPhone = React__default["default"].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,] = React.useReducer(inputValueReducer, defaultValue);
     const handleChange = React.useCallback((phoneNumber) => {
         setValue({
@@ -1611,12 +1628,20 @@ const InputFormPhone = React__default["default"].memo((props) => {
             });
         }
     }, []);
-    return (jsxRuntime.jsx(ReactPhoneInput__default["default"], { 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 === exports.ValidationStatusTypes.Loading)
+        && jsxRuntime.jsx(IconLoaderPrimary, { width: "1.25rem", height: "1.25rem", className: "icon-validate loader" });
+    const declinedIcon = (validationStatus === exports.ValidationStatusTypes.Declined)
+        && jsxRuntime.jsx(IconDecline, { width: "1rem", height: "1rem", className: "icon-validate" });
+    const approvedIcon = (validationStatus === exports.ValidationStatusTypes.Approved)
+        && jsxRuntime.jsx(IconSuccess, { className: "icon-validate" });
+    return (jsxRuntime.jsxs("div", { className: "input-form-phone-wrapper", children: [jsxRuntime.jsx(ReactPhoneInput__default["default"], { 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: exports.SizeTypes.Large,
     type: exports.InputTypes.Text,
@@ -1625,6 +1650,7 @@ InputFormPhone.defaultProps = {
     placeholder: '',
     disabled: false,
     error: false,
+    validationStatus: exports.ValidationStatusTypes.Initial,
 };
 
 const defaultManipulateInput = (value) => value;
@@ -1893,6 +1919,7 @@ exports.addYearsToDate = addYearsToDate;
 exports.allAccidentBenefitsCoverageValues = allAccidentBenefitsCoverageValues;
 exports.applicantRelationshipOptions = applicantRelationshipOptions;
 exports.auxHeatingTypeOptions = auxHeatingTypeOptions;
+exports.businessUsePercentOptions = businessUsePercentOptions;
 exports.carCondition = carCondition;
 exports.carKeepPlace = carKeepPlace;
 exports.carStatus = carStatus;