@mychoice/mychoice-sdk-components 1.0.1 → 2.0.0

package/dist/cjs/index.js

@@ -249,43 +249,41 @@ exports.DriverListTypes = void 0;
 
 const defaultBrokerPhone = '1-855-843-1570';
 
-exports.HomeOwnerTypes = void 0;
-(function (HomeOwnerTypes) {
-    HomeOwnerTypes["Home"] = "home";
-    HomeOwnerTypes["Condo"] = "condo";
-    HomeOwnerTypes["Tenant"] = "tenant";
-})(exports.HomeOwnerTypes || (exports.HomeOwnerTypes = {}));
+exports.AppTypes = void 0;
+(function (AppTypes) {
+    AppTypes["MyChoice"] = "MyChoice";
+    AppTypes["Partner"] = "Partner";
+    AppTypes["TheBig"] = "TheBig";
+})(exports.AppTypes || (exports.AppTypes = {}));
+exports.InsuranceTypes = void 0;
+(function (InsuranceTypes) {
+    InsuranceTypes["Car"] = "car";
+    InsuranceTypes["Home"] = "home";
+    InsuranceTypes["Condo"] = "condo";
+    InsuranceTypes["Tenant"] = "tenant";
+    InsuranceTypes["Life"] = "life";
+})(exports.InsuranceTypes || (exports.InsuranceTypes = {}));
+const defaultLocalIndex = 'insurance';
+const MAX_LOCAL_STORAGE_HOURS = 168;
+const MAX_LOCAL_STORAGE_HOURS_THEBIG = 8;
+
 const homeOwnerTypeOptions = [
-    { value: '', name: '-' },
-    { value: exports.HomeOwnerTypes.Home, name: 'Homeowner' },
-    { value: exports.HomeOwnerTypes.Condo, name: 'Condo Owner' },
-    { value: exports.HomeOwnerTypes.Tenant, name: 'Tenant' },
+    { value: exports.InsuranceTypes.Home, name: 'Homeowner' },
+    { value: exports.InsuranceTypes.Condo, name: 'Condo Owner' },
+    { value: exports.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' },
@@ -299,8 +297,12 @@ const insuredYearsOptions = [
     { value: '10', name: '10 years' },
     { value: '11', name: 'More than 10 years' },
 ];
+exports.ApplicantListTypes = void 0;
+(function (ApplicantListTypes) {
+    ApplicantListTypes["InsuranceCancellation"] = "insuranceCancellationList";
+    ApplicantListTypes["InsuranceClaim"] = "insuranceClaimList";
+})(exports.ApplicantListTypes || (exports.ApplicantListTypes = {}));
 const claimTypeOptions = [
-    { value: '', name: '-' },
     { value: 'personal', name: 'Personal Property Claim' },
     { value: 'sewer', name: 'Sewer Backup Claim' },
     { value: 'liability', name: 'Liability Claim' },
@@ -309,11 +311,6 @@ const claimTypeOptions = [
     { value: 'waterdamage', name: 'Water Damage Claim' },
     { value: 'other', name: 'Other Type of Claim' },
 ];
-exports.ApplicantListTypes = void 0;
-(function (ApplicantListTypes) {
-    ApplicantListTypes["InsuranceCancellation"] = "insuranceCancellationList";
-    ApplicantListTypes["InsuranceClaim"] = "InsuranceClaimList";
-})(exports.ApplicantListTypes || (exports.ApplicantListTypes = {}));
 
 exports.DwellingInfoTypes = void 0;
 (function (DwellingInfoTypes) {
@@ -323,77 +320,195 @@ exports.DwellingInfoTypes = void 0;
     DwellingInfoTypes["Deadbolt"] = "deadbolt";
 })(exports.DwellingInfoTypes || (exports.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'];
 
 exports.DateTypes = void 0;
 (function (DateTypes) {
@@ -484,6 +599,7 @@ exports.DeviceTypes = void 0;
 (function (DeviceTypes) {
     DeviceTypes["Desktop"] = "desktop";
     DeviceTypes["Mobile"] = "mobile";
+    DeviceTypes["Tablet"] = "tablet";
 })(exports.DeviceTypes || (exports.DeviceTypes = {}));
 const DeviceTypeWidthList = [
     {
@@ -491,9 +607,13 @@ const DeviceTypeWidthList = [
         minWidth: 0,
     },
     {
-        type: exports.DeviceTypes.Desktop,
+        type: exports.DeviceTypes.Tablet,
         minWidth: 601,
     },
+    {
+        type: exports.DeviceTypes.Desktop,
+        minWidth: 861,
+    },
 ];
 exports.ScreenBPTypes = void 0;
 (function (ScreenBPTypes) {
@@ -531,21 +651,6 @@ const ScreenBPList = [
     },
 ];
 
-exports.AppTypes = void 0;
-(function (AppTypes) {
-    AppTypes["MyChoice"] = "MyChoice";
-    AppTypes["Partner"] = "Partner";
-    AppTypes["TheBig"] = "TheBig";
-})(exports.AppTypes || (exports.AppTypes = {}));
-exports.InsuranceTypes = void 0;
-(function (InsuranceTypes) {
-    InsuranceTypes["Car"] = "car";
-    InsuranceTypes["Life"] = "life";
-    InsuranceTypes["Home"] = "home";
-})(exports.InsuranceTypes || (exports.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/`,
@@ -573,8 +678,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/`,
+};
 exports.HttpRequestHeaderTypes = void 0;
 (function (HttpRequestHeaderTypes) {
     HttpRequestHeaderTypes["Json"] = "JSON";
@@ -601,6 +710,7 @@ exports.ModalTypes = void 0;
     ModalTypes["MessageModal"] = "MessageModal";
     ModalTypes["ConfirmModal"] = "ConfirmModal";
     ModalTypes["PostalModal"] = "PostalModal";
+    ModalTypes["AddressModal"] = "AddressModal";
     ModalTypes["FinaleModal"] = "FinaleModal";
 })(exports.ModalTypes || (exports.ModalTypes = {}));
 
@@ -688,23 +798,19 @@ IconDelete.defaultProps = {
 
 const IconTooltip = (props) => {
     const [isHover, setIsHover] = React.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 (jsxRuntime.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
-                && (jsxRuntime.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
-                && jsxRuntime.jsx("circle", { fill: "var(--color-secondary)", cx: "9", cy: "9", r: "9" }), jsxRuntime.jsxs("g", { fill: isHover ? '#FFF' : 'var(--color-secondary)', children: [jsxRuntime.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" }), jsxRuntime.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" })] }), jsxRuntime.jsx("circle", { fill: "transparent", cx: "9", cy: "9", r: "9" })] }));
+    return (jsxRuntime.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 ? (jsxRuntime.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" }))
+                : jsxRuntime.jsx("circle", { fill: color || 'var(--color-secondary)', cx: "9", cy: "9", r: "9" }), jsxRuntime.jsxs("g", { fill: isHover ? '#FFF' : color || 'var(--color-secondary)', children: [jsxRuntime.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" }), jsxRuntime.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" })] }), jsxRuntime.jsx("circle", { fill: "transparent", cx: "9", cy: "9", r: "9" })] }));
 };
 IconTooltip.defaultProps = {
     className: '',
@@ -728,6 +834,16 @@ IconDecline.defaultProps = {
     height: '1.25rem',
 };
 
+const IconClock = (props) => {
+    const { width, height, className, } = props;
+    return (jsxRuntime.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: jsxRuntime.jsxs("g", { id: "Group_2002", "data-name": "Group 2002", transform: "translate(-86 -511)", children: [jsxRuntime.jsxs("g", { id: "Ellipse_55", "data-name": "Ellipse 55", transform: "translate(86 511)", fill: "none", stroke: "#9ED4DB", strokeWidth: "1", children: [jsxRuntime.jsx("circle", { cx: "10", cy: "10", r: "10", stroke: "none" }), jsxRuntime.jsx("circle", { cx: "10", cy: "10", r: "9.5", fill: "none" })] }), jsxRuntime.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 === exports.ButtonVariantTypes.Rectangle ? variant : `button-${variant}-${size}`;
@@ -1068,6 +1184,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 === exports.DriverLicenceTypes.G1) {
+            return addMonthsToDate(defaultMinDate, config.minDates.g1.minMonth);
+        }
+        if (licenceType === exports.DriverLicenceTypes.G) {
+            if (checkDateIsSpecial(defaultMinDate, config.minDates.g.specialDate)) {
+                return defaultMinDate;
+            }
+            return addMonthsToDate(defaultMinDate, config.minDates.g.minMonth);
+        }
+        if (licenceType === exports.DriverLicenceTypes.G2) {
+            return addMonthsToDate(defaultMinDate, config.minDates.g2.minMonth);
+        }
+    }
+    return '';
+};
+const getLicenceMaxDate = (licenceType, minDate, config) => {
+    let maxDate = '';
+    const { minDates: { g: { specialDate } } } = config;
+    if (licenceType === exports.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(exports.DriverLicenceTypes.G);
+    }
+    if (g1Block) {
+        disabledLicenceTypes.push(exports.DriverLicenceTypes.G1);
+    }
+    if (g2Block) {
+        disabledLicenceTypes.push(exports.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 exports.InsuranceTypes.Car;
+    }
+    if (pathParts.includes('home')) {
+        return exports.InsuranceTypes.Home;
+    }
+    if (pathParts.includes('condo')) {
+        return exports.InsuranceTypes.Condo;
+    }
+    if (pathParts.includes('tenant')) {
+        return exports.InsuranceTypes.Tenant;
+    }
+    if (pathParts.includes('life')) {
+        return exports.InsuranceTypes.Life;
+    }
+    return exports.InsuranceTypes.Car;
+};
 
 const useEffectOnce = (effect) => {
     const destroyFunc = React.useRef();
@@ -1189,7 +1372,7 @@ TitleForm.defaultProps = {
 };
 
 const InputForm = React.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] = React.useState(false);
     const [value, setValue,] = React.useReducer(inputValueReducer, defaultValue);
     React.useEffect(() => {
@@ -1213,7 +1396,7 @@ const InputForm = React.memo((props) => {
         }
     }, []);
     if (isRender) {
-        return (jsxRuntime.jsx("input", { className: `${size} ${disabled ? 'disabled' : ''} ${className}`, type: type, name: name, defaultValue: defaultValue, onChange: handleChange, placeholder: placeholder, disabled: disabled, min: minValue, max: maxValue }));
+        return (jsxRuntime.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 jsxRuntime.jsx("div", { className: `${size} ${disabled ? 'disabled' : ''} ${className}` });
 }, (prevProps, nextProps) => {
@@ -1222,7 +1405,8 @@ const InputForm = React.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: exports.SizeTypes.Large,
@@ -1235,7 +1419,7 @@ InputForm.defaultProps = {
 };
 
 const InputFormPhone = React__default["default"].memo((props) => {
-    const { size, className, disabled, defaultValue, name, onChange, placeholder, } = props;
+    const { size, className, disabled, defaultValue, name, onChange, placeholder, error, } = props;
     const [value, setValue,] = React.useReducer(inputValueReducer, defaultValue);
     const handleChange = React.useCallback((phoneNumber) => {
         setValue({
@@ -1250,11 +1434,11 @@ 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}`,
+            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: exports.SizeTypes.Large,
     type: exports.InputTypes.Text,
@@ -1265,16 +1449,11 @@ InputFormPhone.defaultProps = {
     error: false,
 };
 
-const returnValue = (str) => (str ? str.replace(/ /g, '').replace(/-/g, '').replace(/.{5}(?=.)/g, '$&-') : '');
+const defaultManipulateInput = (value) => value;
 const InputFormLicence = React__default["default"].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,] = React.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,
@@ -1358,15 +1537,20 @@ CheckboxForm.defaultProps = {
     disabled: false,
 };
 
-const Step = ({ item, index, className, itemsCount, isMobile, }) => (jsxRuntime.jsxs("li", { className: `navigation-step ${className}`, value: index, children: [item?.icon, jsxRuntime.jsxs("div", { className: "step-label", children: [jsxRuntime.jsx("span", { className: "step-name", children: isMobile ? `${item?.name} / ${itemsCount}` : item?.name }), jsxRuntime.jsx("span", { className: "step-title", children: item?.title })] }), !isMobile && jsxRuntime.jsx("span", { className: `navigation-dot ${className}` })] }));
+const Step = ({ item, index, className, itemsCount, isMobile, }) => (jsxRuntime.jsxs("li", { className: `navigation-step ${className}`, value: index, children: [item?.icon, jsxRuntime.jsxs("div", { className: "step-label", children: [jsxRuntime.jsx("span", { className: "step-name", children: isMobile ? `Step ${index + 1} / ${itemsCount}` : `Step ${index + 1}` }), jsxRuntime.jsx("span", { className: "step-title", children: item?.title })] }), !isMobile && jsxRuntime.jsx("span", { className: `navigation-dot ${className}` })] }));
 Step.defaultProps = {
     className: '',
     isMobile: false,
 };
+const MychoiceStep = ({ item, index, className, }) => (jsxRuntime.jsxs("li", { className: `navigation-step mychoice ${className}`, value: index, children: [jsxRuntime.jsx("span", { className: `navigation-dot ${className} mychoice` }), jsxRuntime.jsx("span", { className: "step-title", children: item?.mychoiceTitle })] }));
+MychoiceStep.defaultProps = {
+    className: '',
+    isMobile: false,
+};
 
-const SdkTooltip = ({ description }) => (jsxRuntime.jsx(ReactTooltip__default["default"], { placement: "left", overlay: jsxRuntime.jsx("span", { className: "tooltip-text", children: description }), overlayClassName: "tooltip-container", defaultVisible: false, children: jsxRuntime.jsx("div", { children: jsxRuntime.jsx(IconTooltip, { className: "tooltip-icon" }) }) }));
+const SdkTooltip = ({ description, color = '' }) => (jsxRuntime.jsx(ReactTooltip__default["default"], { placement: "left", overlay: jsxRuntime.jsx("div", { className: "tooltip-text", children: description }), overlayClassName: "tooltip-container", defaultVisible: false, destroyTooltipOnHide: true, children: jsxRuntime.jsx("div", { children: jsxRuntime.jsx(IconTooltip, { className: "tooltip-icon", color: color }) }) }));
 
-const TooltipForm = ({ id, description }) => (jsxRuntime.jsx(SdkTooltip, { id: id, description: description }));
+const TooltipForm = ({ id, description, color = '' }) => (jsxRuntime.jsx(SdkTooltip, { id: id, description: description, color: color }));
 
 const HeaderNavGroup = ({ className, navItems, isExternal = false, }) => (jsxRuntime.jsx(jsxRuntime.Fragment, { children: navItems.map((navItem, index) => {
         const isLogin = navItem.name?.toUpperCase() === 'LOGIN';
@@ -1375,7 +1559,7 @@ const HeaderNavGroup = ({ className, navItems, isExternal = false, }) => (jsxRun
         if (!isExternal) {
             return (jsxRuntime.jsx(reactRouterDom.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 (jsxRuntime.jsx("a", { className: `${className} ${isLogin ? 'login' : 'nav-link'} ${isSignup ? 'signup' : ''} ${isLogout ? 'logout' : ''}`, href: navItem.link, rel: "noreferrer", children: navItem.name }, `header-nav-${index}`));
+        return (jsxRuntime.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: '',
@@ -1469,6 +1653,7 @@ exports.API_APP = API_APP;
 exports.API_AUTH = API_AUTH;
 exports.API_FORM_CAR = API_FORM_CAR;
 exports.API_FORM_HOME = API_FORM_HOME;
+exports.API_FORM_LIFE = API_FORM_LIFE;
 exports.API_ROOT = API_ROOT;
 exports.ButtonArrow = ButtonArrow;
 exports.ButtonBase = ButtonBase;
@@ -1483,6 +1668,7 @@ exports.HeaderDropDown = HeaderDropDown;
 exports.HeaderNavGroup = HeaderNavGroup;
 exports.IconArrow = IconArrow;
 exports.IconChecked = IconChecked;
+exports.IconClock = IconClock;
 exports.IconDecline = IconDecline;
 exports.IconDelete = IconDelete;
 exports.IconDropdownArrow = IconDropdownArrow;
@@ -1497,6 +1683,8 @@ exports.InputFormEmail = InputFormEmail;
 exports.InputFormLicence = InputFormLicence;
 exports.InputFormPhone = InputFormPhone;
 exports.MAX_LOCAL_STORAGE_HOURS = MAX_LOCAL_STORAGE_HOURS;
+exports.MAX_LOCAL_STORAGE_HOURS_THEBIG = MAX_LOCAL_STORAGE_HOURS_THEBIG;
+exports.MychoiceStep = MychoiceStep;
 exports.NavigationAddress = NavigationAddress;
 exports.NavigationBase = NavigationBase;
 exports.NavigationCar = NavigationCar;
@@ -1521,17 +1709,19 @@ exports.addDaysToDate = addDaysToDate;
 exports.addMonthsToDate = addMonthsToDate;
 exports.addYearsToDate = addYearsToDate;
 exports.applicantRelationshipOptions = applicantRelationshipOptions;
-exports.buildingStructureOptions = buildingStructureOptions;
+exports.auxHeatingTypeOptions = auxHeatingTypeOptions;
 exports.carCondition = carCondition;
 exports.carKeepPlace = carKeepPlace;
 exports.carStatus = carStatus;
 exports.carUsagePurpose = carUsagePurpose;
 exports.carWinterTiresCheck = carWinterTiresCheck;
+exports.checkDateIsSpecial = checkDateIsSpecial;
 exports.claimTypeOptions = claimTypeOptions;
 exports.collisionCoverage = collisionCoverage;
 exports.compareDates = compareDates;
 exports.comprehensiveCoverage = comprehensiveCoverage;
 exports.comprehensiveCoverages = comprehensiveCoverages;
+exports.condoBuildingStructureOptions = condoBuildingStructureOptions;
 exports.constructionTypeOptions = constructionTypeOptions;
 exports.coverageOptions = coverageOptions;
 exports.dailyDriveBusinessDistanceList = dailyDriveBusinessDistanceList;
@@ -1551,9 +1741,15 @@ exports.getDaysOfMonth = getDaysOfMonth;
 exports.getDifferenceInHours = getDifferenceInHours;
 exports.getDifferenceInMonths = getDifferenceInMonths;
 exports.getDifferenceInYears = getDifferenceInYears;
+exports.getDisabledLicenceTypes = getDisabledLicenceTypes;
 exports.getEndOfMonth = getEndOfMonth;
 exports.getEndOfYear = getEndOfYear;
 exports.getFormattedDate = getFormattedDate;
+exports.getInsuranceType = getInsuranceType;
+exports.getInsuranceYearsOptions = getInsuranceYearsOptions;
+exports.getLicenceMaxDate = getLicenceMaxDate;
+exports.getLicenceMinDate = getLicenceMinDate;
+exports.getLicenceTypeOptions = getLicenceTypeOptions;
 exports.getMinDate = getMinDate;
 exports.getMinDateByYears = getMinDateByYears;
 exports.getMonthStartEndDates = getMonthStartEndDates;
@@ -1564,7 +1760,9 @@ exports.getValueIndexInOptions = getValueIndexInOptions;
 exports.getValuesFromNumbers = getValuesFromNumbers;
 exports.getYearIntervalOptions = getYearIntervalOptions;
 exports.getYearStartEndDates = getYearStartEndDates;
-exports.heatingTypeOptions = heatingTypeOptions;
+exports.homeBuildingStructureOptions = homeBuildingStructureOptions;
+exports.homeCoverageOptions = homeCoverageOptions;
+exports.homeLiabilityOptions = homeLiabilityOptions;
 exports.homeOwnerTypeOptions = homeOwnerTypeOptions;
 exports.insuranceCancellationReasonOptions = insuranceCancellationReasonOptions;
 exports.insuredYearsOptions = insuredYearsOptions;
@@ -1572,19 +1770,26 @@ exports.isDateValid = isDateValid;
 exports.isValueInOptions = isValueInOptions;
 exports.liabilityOptions = liabilityOptions;
 exports.licenceSuspensionsReasonOptions = licenceSuspensionsReasonOptions;
+exports.lifeCoverageOptions = lifeCoverageOptions;
+exports.lifeInsuranceTypeOptions = lifeInsuranceTypeOptions;
+exports.lifeProvinceOptions = lifeProvinceOptions;
 exports.maritalStatusOptions = maritalStatusOptions;
 exports.numberWithCommas = numberWithCommas;
 exports.occupationOptions = occupationOptions;
 exports.optionsIsEqual = optionsIsEqual;
 exports.postalCodeFormat = postalCodeFormat;
+exports.ppOptions = ppOptions;
+exports.primaryHeatingTypeOptions = primaryHeatingTypeOptions;
 exports.residentsOptions = residentsOptions;
+exports.smokerOptions = smokerOptions;
 exports.subDaysFromDate = subDaysFromDate;
 exports.subMonthsFromDate = subMonthsFromDate;
 exports.subYearsFromDate = subYearsFromDate;
+exports.supportedProvinceCodes = supportedProvinceCodes;
+exports.tenantBuildingStructureOptions = tenantBuildingStructureOptions;
 exports.trafficTicketsGroupOptions = trafficTicketsGroupOptions;
 exports.useEffectOnce = useEffectOnce;
 exports.yearMessage = yearMessage;
 exports.yearlyDriveDistanceList = yearlyDriveDistanceList;
 exports.yesNoOptions = yesNoOptions;
-exports.yesNoOptionsTemporary = yesNoOptionsTemporary;
 //# sourceMappingURL=index.js.map