@mychoice/mychoice-sdk-components 1.0.1 → 2.0.0

package/dist/esm/index.js

@@ -240,43 +240,41 @@ var DriverListTypes;
 
 const defaultBrokerPhone = '1-855-843-1570';
 
-var HomeOwnerTypes;
-(function (HomeOwnerTypes) {
-    HomeOwnerTypes["Home"] = "home";
-    HomeOwnerTypes["Condo"] = "condo";
-    HomeOwnerTypes["Tenant"] = "tenant";
-})(HomeOwnerTypes || (HomeOwnerTypes = {}));
+var AppTypes;
+(function (AppTypes) {
+    AppTypes["MyChoice"] = "MyChoice";
+    AppTypes["Partner"] = "Partner";
+    AppTypes["TheBig"] = "TheBig";
+})(AppTypes || (AppTypes = {}));
+var InsuranceTypes;
+(function (InsuranceTypes) {
+    InsuranceTypes["Car"] = "car";
+    InsuranceTypes["Home"] = "home";
+    InsuranceTypes["Condo"] = "condo";
+    InsuranceTypes["Tenant"] = "tenant";
+    InsuranceTypes["Life"] = "life";
+})(InsuranceTypes || (InsuranceTypes = {}));
+const defaultLocalIndex = 'insurance';
+const MAX_LOCAL_STORAGE_HOURS = 168;
+const MAX_LOCAL_STORAGE_HOURS_THEBIG = 8;
+
 const homeOwnerTypeOptions = [
-    { value: '', name: '-' },
-    { value: HomeOwnerTypes.Home, name: 'Homeowner' },
-    { value: HomeOwnerTypes.Condo, name: 'Condo Owner' },
-    { value: HomeOwnerTypes.Tenant, name: 'Tenant' },
+    { value: InsuranceTypes.Home, name: 'Homeowner' },
+    { value: InsuranceTypes.Condo, name: 'Condo Owner' },
+    { value: InsuranceTypes.Tenant, name: 'Tenant' },
 ];
-//
 const comprehensiveCoverages = [
     { value: true, name: 'Yes' },
     { value: false, name: 'No' },
 ];
-// export const collisionCoverage = [
-//   { value: true, name: 'Yes' },
-//   { value: false, name: 'No' },
-// ];
-//
-// export enum CoverageTypes {
-//   Comprehensive = 'comprehensive',
-//   Collision = 'collision',
-//   Liability = 'liability',
-// }
 
 const residentsOptions = [
-    { value: '', name: '-' },
     { value: '1', name: 'You and your family' },
     { value: '2', name: 'Your family and another family' },
     { value: '3', name: 'Your family and two other families' },
-    { value: '0', name: 'It is rented out/Used for commercial purposes' },
+    { value: 'none', name: 'It is rented out/Used for commercial purposes' },
 ];
 const insuredYearsOptions = [
-    { value: '', name: '-' },
     { value: '0', name: 'Less than 1 year' },
     { value: '1', name: '1 year' },
     { value: '2', name: '2 years' },
@@ -290,8 +288,12 @@ const insuredYearsOptions = [
     { value: '10', name: '10 years' },
     { value: '11', name: 'More than 10 years' },
 ];
+var ApplicantListTypes;
+(function (ApplicantListTypes) {
+    ApplicantListTypes["InsuranceCancellation"] = "insuranceCancellationList";
+    ApplicantListTypes["InsuranceClaim"] = "insuranceClaimList";
+})(ApplicantListTypes || (ApplicantListTypes = {}));
 const claimTypeOptions = [
-    { value: '', name: '-' },
     { value: 'personal', name: 'Personal Property Claim' },
     { value: 'sewer', name: 'Sewer Backup Claim' },
     { value: 'liability', name: 'Liability Claim' },
@@ -300,11 +302,6 @@ const claimTypeOptions = [
     { value: 'waterdamage', name: 'Water Damage Claim' },
     { value: 'other', name: 'Other Type of Claim' },
 ];
-var ApplicantListTypes;
-(function (ApplicantListTypes) {
-    ApplicantListTypes["InsuranceCancellation"] = "insuranceCancellationList";
-    ApplicantListTypes["InsuranceClaim"] = "InsuranceClaimList";
-})(ApplicantListTypes || (ApplicantListTypes = {}));
 
 var DwellingInfoTypes;
 (function (DwellingInfoTypes) {
@@ -314,77 +311,195 @@ var DwellingInfoTypes;
     DwellingInfoTypes["Deadbolt"] = "deadbolt";
 })(DwellingInfoTypes || (DwellingInfoTypes = {}));
 const constructionTypeOptions = [
-    { value: '', name: '-' },
-    { value: 'wood', name: 'Wood' },
-    { value: 'mansory', name: 'Mansory' },
+    { value: 'wood', name: 'Wood Frame' },
+    { value: 'masonry', name: 'Masonry' },
     { value: 'brick', name: 'Brick' },
-    { value: 'fireresist', name: 'Fire Resist' },
+    { value: 'fireresistive', name: 'Fire Resistive' },
     { value: 'other', name: 'Other' },
 ];
 const exteriorFinishOptions = [
-    { value: '', name: '-' },
     { value: 'brick', name: 'Brick' },
     { value: 'brickveneer', name: 'Brick Veneer' },
     { value: 'masonryveneer', name: 'Masonry Veneer' },
+    { value: 'fiberglass', name: 'Fiberglass' },
     { value: 'concrete', name: 'Concrete' },
     { value: 'logs', name: 'Logs' },
     { value: 'stone', name: 'Stone' },
     { value: 'stoneveneer', name: 'Stone Veneer' },
-    { value: 'vinyl', name: 'Vinyl' },
-    { value: 'wood', name: 'Wood' },
+    { value: 'stucco', name: 'Stucco' },
+    { value: 'vinyl', name: 'Siding' },
+    { value: 'wood', name: 'Wood Siding' },
 ];
 const garageTypeOptions = [
-    { value: '', name: '-' },
-    { value: 'attached', name: 'Attached' },
-    { value: 'builtin', name: 'Builtin' },
-    { value: 'basement', name: 'Basement' },
+    { value: 'attached', name: 'Attached Garage' },
+    { value: 'builtin', name: 'Built-in Garage' },
+    { value: 'basement', name: 'Basement Garage' },
     { value: 'carport', name: 'Carport' },
     { value: 'none', name: 'None' },
 ];
-const buildingStructureOptions = [
-    { value: '', name: '-' },
+const homeBuildingStructureOptions = [
     { value: 'detached', name: 'Detached' },
-    { value: 'semidetached', name: 'Semidetached' },
+    { value: 'endrow', name: 'Townhouse - End of Row' },
+    { value: 'inrow', name: 'Townhouse - Middle of Row' },
+    { value: 'semidetached', name: 'Semi Detached' },
+    { value: 'duplex', name: 'Duplex' },
+    { value: 'triplex', name: 'Triplex' },
+];
+const condoBuildingStructureOptions = [
+    { value: 'highrise', name: 'High Rise' },
+    { value: 'lowrise', name: 'Low Rise' },
+    { value: 'townhouse', name: 'Townhouse' },
+];
+const tenantBuildingStructureOptions = [
     { value: 'highrise', name: 'High Rise' },
     { value: 'lowrise', name: 'Low Rise' },
-    { value: 'basement', name: 'Basement' },
-    { value: 'endrow', name: 'End Row' },
-    { value: 'inrow', name: 'In Row' },
+    { value: 'basement', name: 'Basement Apartment' },
+    { value: 'townhouse', name: 'Townhouse' },
+    { value: 'detached', name: 'Detached' },
     { value: 'duplex', name: 'Duplex' },
     { value: 'triplex', name: 'Triplex' },
 ];
 const fireHallDistanceOptions = [
-    { value: '', name: '-' },
     { value: '5', name: 'Within 5km' },
     { value: '8', name: 'Within 8km' },
     { value: '13', name: 'Within 13km' },
     { value: '16', name: 'Over 13km' },
 ];
 const fireHydrantDistanceOptions = [
-    { value: '', name: '-' },
     { value: '150', name: 'Within 150m' },
     { value: '300', name: 'Within 300m' },
     { value: '301', name: 'Over 300m' },
 ];
-const heatingTypeOptions = [
-    { value: '', name: '-' },
-    { value: 'naturalgas', name: 'Natural Gas' },
+const primaryHeatingTypeOptions = [
+    { value: 'naturalgas', name: 'Natural Gas Forced Air' },
     { value: 'electric', name: 'Electric' },
     { value: 'wood', name: 'Wood' },
     { value: 'water', name: 'Water' },
     { value: 'geothermal', name: 'Geothermal' },
     { value: 'radiant', name: 'Radiant' },
     { value: 'oil', name: 'Oil' },
+    { value: 'none', name: 'None' },
+    { value: 'unknown', name: 'Unknown' },
+];
+const auxHeatingTypeOptions = [
+    { value: 'electric', name: 'Electric' },
     { value: 'fireplace', name: 'Fireplace' },
     { value: 'woodstove', name: 'Wood Stove' },
     { value: 'woodfurnace', name: 'Wood Furnace' },
     { value: 'pelletstove', name: 'Pallet Stove' },
+    { value: 'oil', name: 'Oil' },
     { value: 'none', name: 'None' },
     { value: 'unknown', name: 'Unknown' },
 ];
+const homeCoverageOptions = [
+    { name: '$500', value: '500' },
+    { name: '$1,000', value: '1000' },
+    { name: '$1,500', value: '1500' },
+];
+const homeLiabilityOptions = [
+    { name: '$1,000,000', value: '1000000' },
+    { name: '$2,000,000', value: '2000000' },
+];
+const ppOptions = [
+    { name: '$30,000', value: '30000' },
+    { name: '$40,000', value: '40000' },
+    { name: '$50,000', value: '50000' },
+    { name: '$60,000', value: '60000' },
+    { name: '$70,000', value: '70000' },
+    { name: '$80,000', value: '80000' },
+    { name: '$90,000', value: '90000' },
+    { name: '$100,000', value: '100000' },
+];
+
+const lifeProvinceOptions = [
+    { value: '1', name: 'Alberta' },
+    { value: '2', name: 'British Columbia' },
+    { value: '3', name: 'Manitoba' },
+    { value: '4', name: 'New Brunswick' },
+    { value: '5', name: 'Newfoundland and Labrador' },
+    { value: '6', name: 'Nova Scotia' },
+    { value: '7', name: 'Northwest Territories' },
+    { value: '8', name: 'Nunavut' },
+    { value: '9', name: 'Ontario' },
+    { value: '10', name: 'Prince Edward Island' },
+    { value: '11', name: 'Quebec' },
+    { value: '12', name: 'Saskatchewan' },
+    { value: '13', name: 'Yukon' },
+];
+const lifeInsuranceTypeOptions = [
+    { value: '3', name: '10 Year Level Term' },
+    { value: '4', name: '15 Year Level Term' },
+    { value: '5', name: '20 Year Level Term' },
+    { value: '6', name: '25 Year Level Term' },
+    { value: '7', name: '30 Year Level Term' },
+    { value: '9', name: '35 Year Level Term' },
+    { value: '0', name: '40 Year Level Term' },
+    { value: 'A', name: 'Level Term to age 65' },
+    { value: 'B', name: 'Level Term to age 70' },
+    { value: 'C', name: 'Level Term to age 75' },
+    { value: 'W', name: 'Level Term to age 80' },
+    { value: 'F', name: 'Other Term' },
+    { value: 'Z:357:30', name: '10, 20, 30 Year Term' },
+    { value: 'Z:3456790ABCW', name: 'All Level Term Product Categories' },
+    { value: 'G', name: 'Decreasing Term' },
+    { value: 'H', name: 'Whole Life Guaranteed Life Pay' },
+    { value: 'I', name: 'Whole Life Guaranteed Pay to 65' },
+    { value: 'T', name: 'Whole Life Guaranteed 25 Pay' },
+    { value: 'J', name: 'Whole Life Guaranteed 20 Pay' },
+    { value: 'K', name: 'Whole Life Guaranteed 15 Pay' },
+    { value: 'S', name: 'Whole Life Guaranteed 10 Pay' },
+    { value: 'L', name: 'U/L T100 - Minimum Premium' },
+    { value: 'U', name: 'U/L T100 - Minimum Premium - Pay to 65' },
+    { value: 'M', name: 'U/L T100 - Minimum Premium - 20 Pay' },
+    { value: 'N', name: 'U/L T100 - Minimum Premium - 15 Pay' },
+    { value: 'O', name: 'U/L T100 - Minimum Premium - 10 Pay' },
+    { value: 'P', name: 'Term to 100 Guaranteed Life Pay' },
+    { value: 'R', name: 'Term to 100 Guaranteed 20 Pay' },
+];
+const lifeCoverageOptions = [
+    { value: '10000', name: '$10,000' },
+    { value: '25000', name: '$25,000' },
+    { value: '50000', name: '$50,000' },
+    { value: '75000', name: '$75,000' },
+    { value: '100000', name: '$100,000' },
+    { value: '125000', name: '$125,000' },
+    { value: '150000', name: '$150,000' },
+    { value: '175000', name: '$175,000' },
+    { value: '200000', name: '$200,000' },
+    { value: '225000', name: '$225,000' },
+    { value: '250000', name: '$250,000' },
+    { value: '300000', name: '$300,000' },
+    { value: '350000', name: '$350,000' },
+    { value: '400000', name: '$400,000' },
+    { value: '450000', name: '$450,000' },
+    { value: '500000', name: '$500,000' },
+    { value: '550000', name: '$550,000' },
+    { value: '600000', name: '$600,000' },
+    { value: '650000', name: '$650,000' },
+    { value: '700000', name: '$700,000' },
+    { value: '750000', name: '$750,000' },
+    { value: '800000', name: '$800,000' },
+    { value: '900000', name: '$900,000' },
+    { value: '1000000', name: '$1,000,000' },
+    { value: '1100000', name: '$1,100,000' },
+    { value: '1250000', name: '$1,250,000' },
+    { value: '1500000', name: '$1,500,000' },
+    { value: '1750000', name: '$1,750,000' },
+    { value: '2000000', name: '$2,000,000' },
+    { value: '2500000', name: '$2,500,000' },
+    { value: '3000000', name: '$3,000,000' },
+    { value: '5000000', name: '$5,000,000' },
+    { value: '6000000', name: '$6,000,000' },
+    { value: '7000000', name: '$7,000,000' },
+    { value: '8000000', name: '$8,000,000' },
+    { value: '9000000', name: '$9,000,000' },
+    { value: '10000000', name: '$10,000,000' },
+];
 
 const yesNoOptions = [{ name: 'Yes', value: true }, { name: 'No', value: false }];
-const yesNoOptionsTemporary = [{ name: 'Yes', value: true }, { name: 'No', value: false }];
+const smokerOptions = [{ name: 'Non-Smoker', value: false }, { name: 'Smoker', value: true }];
+
+const supportedProvinceCodes = ['AB', 'ON', 'NS', 'NF', 'NB'];
 
 var DateTypes;
 (function (DateTypes) {
@@ -475,6 +590,7 @@ var DeviceTypes;
 (function (DeviceTypes) {
     DeviceTypes["Desktop"] = "desktop";
     DeviceTypes["Mobile"] = "mobile";
+    DeviceTypes["Tablet"] = "tablet";
 })(DeviceTypes || (DeviceTypes = {}));
 const DeviceTypeWidthList = [
     {
@@ -482,9 +598,13 @@ const DeviceTypeWidthList = [
         minWidth: 0,
     },
     {
-        type: DeviceTypes.Desktop,
+        type: DeviceTypes.Tablet,
         minWidth: 601,
     },
+    {
+        type: DeviceTypes.Desktop,
+        minWidth: 861,
+    },
 ];
 var ScreenBPTypes;
 (function (ScreenBPTypes) {
@@ -522,21 +642,6 @@ const ScreenBPList = [
     },
 ];
 
-var AppTypes;
-(function (AppTypes) {
-    AppTypes["MyChoice"] = "MyChoice";
-    AppTypes["Partner"] = "Partner";
-    AppTypes["TheBig"] = "TheBig";
-})(AppTypes || (AppTypes = {}));
-var InsuranceTypes;
-(function (InsuranceTypes) {
-    InsuranceTypes["Car"] = "car";
-    InsuranceTypes["Life"] = "life";
-    InsuranceTypes["Home"] = "home";
-})(InsuranceTypes || (InsuranceTypes = {}));
-const defaultLocalIndex = 'insurance';
-const MAX_LOCAL_STORAGE_HOURS = 168;
-
 const API_ROOT = process.env.REACT_APP_API_BASE_URL ? process.env.REACT_APP_API_BASE_URL.toString() : '';
 const API_AUTH = {
     POST_SIGN_IN: `${API_ROOT}login/`,
@@ -564,8 +669,12 @@ const API_FORM_CAR = {
 };
 const API_FORM_HOME = {
     GET_POSTAL: `${API_ROOT}postal/home/`,
+    GET_PLACE: `${API_ROOT}homequote/info/`,
     POST_QUOTE_DATA: `${API_ROOT}homequote/`,
 };
+const API_FORM_LIFE = {
+    POST_QUOTE_DATA: `${API_ROOT}lifequote/`,
+};
 var HttpRequestHeaderTypes;
 (function (HttpRequestHeaderTypes) {
     HttpRequestHeaderTypes["Json"] = "JSON";
@@ -592,6 +701,7 @@ var ModalTypes;
     ModalTypes["MessageModal"] = "MessageModal";
     ModalTypes["ConfirmModal"] = "ConfirmModal";
     ModalTypes["PostalModal"] = "PostalModal";
+    ModalTypes["AddressModal"] = "AddressModal";
     ModalTypes["FinaleModal"] = "FinaleModal";
 })(ModalTypes || (ModalTypes = {}));
 
@@ -679,23 +789,19 @@ IconDelete.defaultProps = {
 
 const IconTooltip = (props) => {
     const [isHover, setIsHover] = useState(false);
-    const { width, height, className, } = props;
+    const { width, height, className, color, } = props;
     const handleEvent = (type) => () => {
-        // const element = document.getElementById(tooltipId as string);
         if (type === 'mouseOver') {
             if (!isHover) {
                 setIsHover(true);
-                // element?.classList.add('show');
             }
         }
         if (type === 'mouseLeave') {
             setIsHover(false);
-            // element?.classList.remove('show');
         }
     };
-    return (jsxs("svg", { className: className, onMouseOver: handleEvent('mouseOver'), onMouseLeave: handleEvent('mouseLeave'), version: "1.1", xmlns: "http://www.w3.org/2000/svg", x: "0px", y: "0px", viewBox: "0 0 18 18", style: { width, height }, children: [!isHover
-                && (jsx("path", { fill: "var(--color-secondary)", d: "M9,18c-5,0-9-4-9-9c0-5,4-9,9-9c5,0,9,4,9,\n            9C18,14,14,18,9,18z M9,1C4.6,1,1,4.6,1,9s3.6,8,8,8s8-3.6,8-8 S13.4,1,9,1z" })), isHover
-                && jsx("circle", { fill: "var(--color-secondary)", cx: "9", cy: "9", r: "9" }), jsxs("g", { fill: isHover ? '#FFF' : 'var(--color-secondary)', children: [jsx("path", { d: "M9.8,13.8c0,0.4-0.3,0.8-0.8,0.8s-0.8-0.3-0.8-0.8S8.6,13,9,13S9.8,13.3,9.8,13.8z" }), jsx("path", { d: "M9,11.6c-0.3,0-0.6-0.3-0.6-0.6v-0.8c0-0.7,0.5-1.4,1.1-1.6c0.8-0.3,1.4-1.1,\n        1.5-2 c0-1.1-1-2-2.1-2c-1.1,0-2,0.9-2,2c0,0.3-0.3,0.6-0.6,0.5C6.1,7.2,5.8,7,5.8,\n        6.7c0-1.8,1.4-3.2,3.1-3.2c1.8,0,3.2,1.4,3.2,3.1 c0,0,0,0.1,0,0.1c-0.1,1.4-1,\n        2.6-2.2,3C9.7,9.8,9.6,10,9.6,10.2V11C9.6,11.3,9.3,11.6,9,11.6C9,11.6,9,11.6,9,11.6z" })] }), jsx("circle", { fill: "transparent", cx: "9", cy: "9", r: "9" })] }));
+    return (jsxs("svg", { className: className, onMouseOver: handleEvent('mouseOver'), onMouseLeave: handleEvent('mouseLeave'), version: "1.1", xmlns: "http://www.w3.org/2000/svg", x: "0px", y: "0px", viewBox: "0 0 18 18", style: { width, height }, children: [!isHover ? (jsx("path", { fill: color || 'var(--color-secondary)', d: "M9,18c-5,0-9-4-9-9c0-5,4-9,9-9c5,0,9,4,9,\n            9C18,14,14,18,9,18z M9,1C4.6,1,1,4.6,1,9s3.6,8,8,8s8-3.6,8-8 S13.4,1,9,1z" }))
+                : jsx("circle", { fill: color || 'var(--color-secondary)', cx: "9", cy: "9", r: "9" }), jsxs("g", { fill: isHover ? '#FFF' : color || 'var(--color-secondary)', children: [jsx("path", { d: "M9.8,13.8c0,0.4-0.3,0.8-0.8,0.8s-0.8-0.3-0.8-0.8S8.6,13,9,13S9.8,13.3,9.8,13.8z" }), jsx("path", { d: "M9,11.6c-0.3,0-0.6-0.3-0.6-0.6v-0.8c0-0.7,0.5-1.4,1.1-1.6c0.8-0.3,1.4-1.1,\n        1.5-2 c0-1.1-1-2-2.1-2c-1.1,0-2,0.9-2,2c0,0.3-0.3,0.6-0.6,0.5C6.1,7.2,5.8,7,5.8,\n        6.7c0-1.8,1.4-3.2,3.1-3.2c1.8,0,3.2,1.4,3.2,3.1 c0,0,0,0.1,0,0.1c-0.1,1.4-1,\n        2.6-2.2,3C9.7,9.8,9.6,10,9.6,10.2V11C9.6,11.3,9.3,11.6,9,11.6C9,11.6,9,11.6,9,11.6z" })] }), jsx("circle", { fill: "transparent", cx: "9", cy: "9", r: "9" })] }));
 };
 IconTooltip.defaultProps = {
     className: '',
@@ -719,6 +825,16 @@ IconDecline.defaultProps = {
     height: '1.25rem',
 };
 
+const IconClock = (props) => {
+    const { width, height, className, } = props;
+    return (jsx("svg", { className: className, version: "1.1", xmlns: "http://www.w3.org/2000/svg", x: "0px", y: "0px", viewBox: "0 0 20 20", style: { width, height }, children: jsxs("g", { id: "Group_2002", "data-name": "Group 2002", transform: "translate(-86 -511)", children: [jsxs("g", { id: "Ellipse_55", "data-name": "Ellipse 55", transform: "translate(86 511)", fill: "none", stroke: "#9ED4DB", strokeWidth: "1", children: [jsx("circle", { cx: "10", cy: "10", r: "10", stroke: "none" }), jsx("circle", { cx: "10", cy: "10", r: "9.5", fill: "none" })] }), jsx("path", { id: "Path_362", "data-name": "Path 362", d: "M-20448-18259.338v6.816l3.4,2.408", transform: "translate(20544 18774.439)", fill: "none", stroke: "#9ED4DB", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1" })] }) }));
+};
+IconClock.defaultProps = {
+    className: '',
+    width: '1.25rem',
+    height: '1.25rem',
+};
+
 const ButtonBase = (props) => {
     const { color, category, className, variant, size, label, type, onClick, children, } = props;
     const buttonVariant = variant === ButtonVariantTypes.Rectangle ? variant : `button-${variant}-${size}`;
@@ -1059,6 +1175,73 @@ const formatPostalCode = (str = '') => (str && str.replace(/[^a-zA-Z0-9]/g, '').
     .toUpperCase());
 const postalCodeFormat = (postalCode = '') => postalCode && postalCode.replace(/\s/g, '').substr(0, 6);
 const numberWithCommas = (value) => value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+const getLicenceTypeOptions = (options, optionValues, disabled) => (options.map((option) => {
+    const newOption = option;
+    if (optionValues.includes(option.value)) {
+        newOption.disabled = disabled;
+    }
+    return newOption;
+}));
+const checkDateIsSpecial = (defaultMinDate, specialDate) => compareDates(specialDate, defaultMinDate) >= 0;
+const getLicenceMinDate = (licenceType, defaultMinDate, config) => {
+    if (defaultMinDate) {
+        if (licenceType === DriverLicenceTypes.G1) {
+            return addMonthsToDate(defaultMinDate, config.minDates.g1.minMonth);
+        }
+        if (licenceType === DriverLicenceTypes.G) {
+            if (checkDateIsSpecial(defaultMinDate, config.minDates.g.specialDate)) {
+                return defaultMinDate;
+            }
+            return addMonthsToDate(defaultMinDate, config.minDates.g.minMonth);
+        }
+        if (licenceType === DriverLicenceTypes.G2) {
+            return addMonthsToDate(defaultMinDate, config.minDates.g2.minMonth);
+        }
+    }
+    return '';
+};
+const getLicenceMaxDate = (licenceType, minDate, config) => {
+    let maxDate = '';
+    const { minDates: { g: { specialDate } } } = config;
+    if (licenceType === DriverLicenceTypes.G
+        && compareDates(specialDate, minDate) >= 0) {
+        maxDate = config.minDates.g.specialDate;
+    }
+    return getFormattedDate(maxDate, 'yyyy-MM-dd');
+};
+const getDisabledLicenceTypes = (gBlock, g2Block, g1Block) => {
+    const disabledLicenceTypes = [];
+    if (gBlock) {
+        disabledLicenceTypes.push(DriverLicenceTypes.G);
+    }
+    if (g1Block) {
+        disabledLicenceTypes.push(DriverLicenceTypes.G1);
+    }
+    if (g2Block) {
+        disabledLicenceTypes.push(DriverLicenceTypes.G2);
+    }
+    return disabledLicenceTypes;
+};
+const getInsuranceYearsOptions = (maxValue) => (insuredYearsOptions.filter((option) => +option.value <= +maxValue));
+const getInsuranceType = () => {
+    const pathParts = window.location.pathname.split('/');
+    if (pathParts.includes('car')) {
+        return InsuranceTypes.Car;
+    }
+    if (pathParts.includes('home')) {
+        return InsuranceTypes.Home;
+    }
+    if (pathParts.includes('condo')) {
+        return InsuranceTypes.Condo;
+    }
+    if (pathParts.includes('tenant')) {
+        return InsuranceTypes.Tenant;
+    }
+    if (pathParts.includes('life')) {
+        return InsuranceTypes.Life;
+    }
+    return InsuranceTypes.Car;
+};
 
 const useEffectOnce = (effect) => {
     const destroyFunc = useRef();
@@ -1180,7 +1363,7 @@ TitleForm.defaultProps = {
 };
 
 const InputForm = memo((props) => {
-    const { size, className, name, type, defaultValue, onChange, placeholder, disabled, minValue, maxValue, } = props;
+    const { size, className, name, type, defaultValue, onChange, placeholder, disabled, minValue, maxValue, inputRef, error, } = props;
     const [isRender, setIsRender] = useState(false);
     const [value, setValue,] = useReducer(inputValueReducer, defaultValue);
     useEffect(() => {
@@ -1204,7 +1387,7 @@ const InputForm = memo((props) => {
         }
     }, []);
     if (isRender) {
-        return (jsx("input", { className: `${size} ${disabled ? 'disabled' : ''} ${className}`, type: type, name: name, defaultValue: defaultValue, onChange: handleChange, placeholder: placeholder, disabled: disabled, min: minValue, max: maxValue }));
+        return (jsx("input", { className: ` ${className} ${size} ${disabled ? 'disabled' : ''} ${error ? 'error' : ''}`, type: type, name: name, defaultValue: defaultValue, onChange: handleChange, placeholder: placeholder, disabled: disabled, min: minValue, max: maxValue, ref: inputRef }));
     }
     return jsx("div", { className: `${size} ${disabled ? 'disabled' : ''} ${className}` });
 }, (prevProps, nextProps) => {
@@ -1213,7 +1396,8 @@ const InputForm = memo((props) => {
         || nextProps.defaultValue !== nextProps.maxValue;
     const testMinValue = prevProps.minValue === nextProps.minValue;
     const testMaxValue = prevProps.maxValue === nextProps.maxValue;
-    return !(!testDefaultValue || !testMinValue || !testMaxValue || !minMaxValue);
+    const errorValue = prevProps.error === nextProps.error;
+    return !(!testDefaultValue || !testMinValue || !testMaxValue || !minMaxValue || !errorValue);
 });
 InputForm.defaultProps = {
     size: SizeTypes.Large,
@@ -1226,7 +1410,7 @@ InputForm.defaultProps = {
 };
 
 const InputFormPhone = React.memo((props) => {
-    const { size, className, disabled, defaultValue, name, onChange, placeholder, } = props;
+    const { size, className, disabled, defaultValue, name, onChange, placeholder, error, } = props;
     const [value, setValue,] = useReducer(inputValueReducer, defaultValue);
     const handleChange = useCallback((phoneNumber) => {
         setValue({
@@ -1241,11 +1425,11 @@ const InputFormPhone = React.memo((props) => {
         }
     }, []);
     return (jsx(ReactPhoneInput, { buttonClass: "dropdown-button", inputProps: {
-            className: `input-form-phone ${size} ${disabled ? 'disabled' : ''} ${className}`,
+            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, nextProps) => (prevProps.defaultValue === nextProps.defaultValue || prevProps.error === nextProps.error));
 InputFormPhone.defaultProps = {
     size: SizeTypes.Large,
     type: InputTypes.Text,
@@ -1256,16 +1440,11 @@ InputFormPhone.defaultProps = {
     error: false,
 };
 
-const returnValue = (str) => (str ? str.replace(/ /g, '').replace(/-/g, '').replace(/.{5}(?=.)/g, '$&-') : '');
+const defaultManipulateInput = (value) => value;
 const InputFormLicence = React.memo((props) => {
-    const { className, maxLength, name, onChange, placeholder, defaultValue, disabled, size, } = props;
+    const { className, maxLength, name, onChange, placeholder, defaultValue, disabled, size, manipulateInput, } = props;
+    const returnValue = (manipulateInput || defaultManipulateInput);
     const [inputValue, setInputValue,] = useReducer(inputValueReducer, returnValue(defaultValue));
-    // useEffect(() => {
-    //   props.onChange({ target: { value: inputValue, name: props.name } }, props.rootName);
-    // }, [inputValue]);
-    // const handleChange = (event) => {
-    //   setInputValue(returnValue(event.target.value, props.maxLength));
-    // }
     const handleChange = (event) => {
         setInputValue({
             type: InputValueActionTypes.Set,
@@ -1349,15 +1528,20 @@ CheckboxForm.defaultProps = {
     disabled: false,
 };
 
-const Step = ({ item, index, className, itemsCount, isMobile, }) => (jsxs("li", { className: `navigation-step ${className}`, value: index, children: [item?.icon, jsxs("div", { className: "step-label", children: [jsx("span", { className: "step-name", children: isMobile ? `${item?.name} / ${itemsCount}` : item?.name }), jsx("span", { className: "step-title", children: item?.title })] }), !isMobile && jsx("span", { className: `navigation-dot ${className}` })] }));
+const Step = ({ item, index, className, itemsCount, isMobile, }) => (jsxs("li", { className: `navigation-step ${className}`, value: index, children: [item?.icon, jsxs("div", { className: "step-label", children: [jsx("span", { className: "step-name", children: isMobile ? `Step ${index + 1} / ${itemsCount}` : `Step ${index + 1}` }), jsx("span", { className: "step-title", children: item?.title })] }), !isMobile && jsx("span", { className: `navigation-dot ${className}` })] }));
 Step.defaultProps = {
     className: '',
     isMobile: false,
 };
+const MychoiceStep = ({ item, index, className, }) => (jsxs("li", { className: `navigation-step mychoice ${className}`, value: index, children: [jsx("span", { className: `navigation-dot ${className} mychoice` }), jsx("span", { className: "step-title", children: item?.mychoiceTitle })] }));
+MychoiceStep.defaultProps = {
+    className: '',
+    isMobile: false,
+};
 
-const SdkTooltip = ({ description }) => (jsx(ReactTooltip, { placement: "left", overlay: jsx("span", { className: "tooltip-text", children: description }), overlayClassName: "tooltip-container", defaultVisible: false, children: jsx("div", { children: jsx(IconTooltip, { className: "tooltip-icon" }) }) }));
+const SdkTooltip = ({ description, color = '' }) => (jsx(ReactTooltip, { placement: "left", overlay: jsx("div", { className: "tooltip-text", children: description }), overlayClassName: "tooltip-container", defaultVisible: false, destroyTooltipOnHide: true, children: jsx("div", { children: jsx(IconTooltip, { className: "tooltip-icon", color: color }) }) }));
 
-const TooltipForm = ({ id, description }) => (jsx(SdkTooltip, { id: id, description: description }));
+const TooltipForm = ({ id, description, color = '' }) => (jsx(SdkTooltip, { id: id, description: description, color: color }));
 
 const HeaderNavGroup = ({ className, navItems, isExternal = false, }) => (jsx(Fragment, { children: navItems.map((navItem, index) => {
         const isLogin = navItem.name?.toUpperCase() === 'LOGIN';
@@ -1366,7 +1550,7 @@ const HeaderNavGroup = ({ className, navItems, isExternal = false, }) => (jsx(Fr
         if (!isExternal) {
             return (jsx(NavLink, { className: `${className} ${isLogin ? 'login' : 'nav-link'} ${isSignup ? 'signup' : ''} ${isLogout ? 'logout' : ''}`, to: isExternal ? { pathname: navItem.link } : navItem.link, rel: "noreferrer", children: navItem.name }, `header-nav-${index}`));
         }
-        return (jsx("a", { className: `${className} ${isLogin ? 'login' : 'nav-link'} ${isSignup ? 'signup' : ''} ${isLogout ? 'logout' : ''}`, href: navItem.link, rel: "noreferrer", children: navItem.name }, `header-nav-${index}`));
+        return (jsx("a", { className: `${className?.toLowerCase() === navItem.name.toLowerCase() ? 'active' : ''} ${isLogin ? 'login' : 'nav-link'} ${isSignup ? 'signup' : ''} ${isLogout ? 'logout' : ''}`, href: navItem.link, rel: "noreferrer", children: navItem.name }, `header-nav-${index}`));
     }) }));
 HeaderNavGroup.defaultProps = {
     className: '',
@@ -1452,5 +1636,5 @@ InfoMessage.defaultProps = {
     isRemovable: false,
 };
 
-export { API_APP, API_AUTH, API_FORM_CAR, API_FORM_HOME, 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, HomeOwnerTypes, HttpRequestHeaderTypes, IconArrow, IconChecked, IconDecline, IconDelete, IconDropdownArrow, IconLoaderPrimary, IconLoaderSecondary, IconSuccess, IconTabArrow, IconTooltip, InfoMessage, InputForm, InputFormEmail, InputFormLicence, InputFormPhone, InputTypes, InsuranceTypes, MAX_LOCAL_STORAGE_HOURS, ModalTypes, 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, addDaysToDate, addMonthsToDate, addYearsToDate, applicantRelationshipOptions, buildingStructureOptions, carCondition, carKeepPlace, carStatus, carUsagePurpose, carWinterTiresCheck, claimTypeOptions, collisionCoverage, compareDates, comprehensiveCoverage, comprehensiveCoverages, constructionTypeOptions, coverageOptions, dailyDriveBusinessDistanceList, deepClone, defaultBrokerPhone, defaultLocalIndex, exteriorFinishOptions, fireHallDistanceOptions, fireHydrantDistanceOptions, firstDriveDistanceList, formatPostalCode, garageTypeOptions, genderOptions, getDateOptions, getDayStartEndDates, getDaysOfMonth, getDifferenceInHours, getDifferenceInMonths, getDifferenceInYears, getEndOfMonth, getEndOfYear, getFormattedDate, getMinDate, getMinDateByYears, getMonthStartEndDates, getNumericOptions, getStartOfMonth, getStartOfYear, getValueIndexInOptions, getValuesFromNumbers, getYearIntervalOptions, getYearStartEndDates, heatingTypeOptions, homeOwnerTypeOptions, insuranceCancellationReasonOptions, insuredYearsOptions, isDateValid, isValueInOptions, liabilityOptions, licenceSuspensionsReasonOptions, maritalStatusOptions, numberWithCommas, occupationOptions, optionsIsEqual, postalCodeFormat, residentsOptions, subDaysFromDate, subMonthsFromDate, subYearsFromDate, trafficTicketsGroupOptions, useEffectOnce, yearMessage, yearlyDriveDistanceList, yesNoOptions, yesNoOptionsTemporary };
+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, addDaysToDate, addMonthsToDate, addYearsToDate, 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, getStartOfMonth, getStartOfYear, getValueIndexInOptions, getValuesFromNumbers, getYearIntervalOptions, getYearStartEndDates, homeBuildingStructureOptions, homeCoverageOptions, homeLiabilityOptions, homeOwnerTypeOptions, insuranceCancellationReasonOptions, insuredYearsOptions, isDateValid, isValueInOptions, liabilityOptions, licenceSuspensionsReasonOptions, lifeCoverageOptions, lifeInsuranceTypeOptions, lifeProvinceOptions, maritalStatusOptions, numberWithCommas, occupationOptions, optionsIsEqual, postalCodeFormat, ppOptions, primaryHeatingTypeOptions, residentsOptions, smokerOptions, subDaysFromDate, subMonthsFromDate, subYearsFromDate, supportedProvinceCodes, tenantBuildingStructureOptions, trafficTicketsGroupOptions, useEffectOnce, yearMessage, yearlyDriveDistanceList, yesNoOptions };
 //# sourceMappingURL=index.js.map