@axos-web-dev/shared-components 0.0.103 → 0.0.105

package/dist/Forms/CommercialLending.d.ts

@@ -3,13 +3,17 @@ import { FormProps } from './FormProps';
 export type CommercialLendingInputs = {
     first_name: string;
     last_name: string;
-    business_email: string;
-    business_phone: string;
-    company_nmls_id: string;
-    business_name: string;
-    zip: string;
-    annual_gross_revenue: string;
-    time_in_business: string;
-    type: string;
+    email: string;
+    General_Business_Phone_SFDC2__c: string;
+    Company_NMLS_ID__c: string;
+    Business_Name__c: string;
+    Property_Zip__c: string;
+    Annual_Gross_Revenue__c: string;
+    Time_in_Business__c: string;
+    Lead_Type__c: string;
+    Type_of_Equipment_Finance__c: string;
+    Asset_Class__c: string;
+    Loan__c: string;
+    Requested_loan_amount_and_leverage__c: string;
 };
 export declare const CommercialLending: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, description, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Forms/CommercialLending.js

@@ -3,8 +3,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
-import "react";
-import "react-use";
+import { useState, useEffect } from "react";
+import { useLocation } from "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import { Dropdown } from "../Input/Dropdown.js";
@@ -14,6 +14,7 @@ import { Input } from "../Input/Input.js";
 import "../Input/Input.css.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
+import { LoadingIndicator } from "../LoadingIndicator/index.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
@@ -44,11 +45,36 @@ const CommercialLending = ({
   description,
   id
 }) => {
+  const { pathname } = useLocation();
+  const [equipmentPage, setEquipmentPage] = useState(false);
+  const [warehousePage, setWarehousePage] = useState(false);
+  const [CRESLPage, setCRESLPage] = useState(false);
+  useEffect(() => {
+    if (pathname?.toLocaleLowerCase() === "/commercial/lending/equipment-finance") {
+      setEquipmentPage(true);
+    }
+    if (pathname?.toLocaleLowerCase() === "/commercial/lending/residential-warehouse-lending") {
+      setWarehousePage(true);
+    }
+    if (pathname?.toLocaleLowerCase() === "/commercial/lending/bridge-and-construction-lending") {
+      setCRESLPage(true);
+    }
+  }, [pathname]);
   const schema = z.object({
-    first_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "First Name is required." }),
-    last_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "Last Name is required." }),
-    business_email: z.string().email({ message: "Business Email is required." }).refine(async (val) => await validateEmail(val)),
-    business_phone: z.string().regex(/[\d-]{10}/).min(10, { message: "Business Phone is required." }).max(12, { message: "Business Phone is required." }).transform((val, ctx) => {
+    first_name: z.string({
+      required_error: "First name is required",
+      invalid_type_error: "Invalid first name"
+    }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
+      message: "Invalid first name"
+    }).trim().min(1, { message: "First Name is required." }),
+    last_name: z.string({
+      required_error: "Last name is required",
+      invalid_type_error: "Invalid last name"
+    }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
+      message: "Invalid last name"
+    }).trim().min(1, { message: "Last Name is required." }),
+    email: z.string().email({ message: "Business Email is required." }).refine(async (val) => await validateEmail(val)),
+    General_Business_Phone_SFDC2__c: z.string().regex(/[\d-]{10}/).min(10, { message: "Business Phone is required." }).max(12, { message: "Business Phone is required." }).transform((val, ctx) => {
       const removeDashes = val.replace(/-/gi, "");
       if (removeDashes.length !== 10) {
         ctx.addIssue({
@@ -59,10 +85,27 @@ const CommercialLending = ({
       }
       return removeDashes;
     }),
-    zip: z.string(),
-    annual_gross_revenue: z.string(),
-    time_in_business: z.string(),
-    type: z.string()
+    Company_NMLS_ID__c: z.string().min(6).max(7).optional().or(z.literal("")),
+    Business_Name__c: z.string({
+      invalid_type_error: "Invalid business name"
+    }).regex(/^[A-Za-z-0-9][^_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]*$/g).trim().optional().or(z.literal("")),
+    Property_Zip__c: z.string().regex(/^[0-9]*$/g, { message: "Invalid zip code" }).optional().or(z.literal("")),
+    Annual_Gross_Revenue__c: z.string({
+      invalid_type_error: "Invalid annual gross revenue",
+      required_error: "Annual gross revenue is required"
+    }),
+    Time_in_Business__c: z.string({
+      invalid_type_error: "Invalid time in business",
+      required_error: "Time in business is required"
+    }),
+    Lead_Type__c: z.string({
+      invalid_type_error: "Invalid type",
+      required_error: "Type is required"
+    }),
+    Type_of_Equipment_Finance__c: z.union([z.string(), z.undefined()]),
+    Loan__c: z.union([z.string(), z.undefined()]),
+    Asset_Class__c: z.union([z.string(), z.undefined()]),
+    Requested_loan_amount_and_leverage__c: z.union([z.string(), z.undefined()])
   });
   const methods = useForm({
     resolver: zodResolver(schema.merge(SalesforceSchema), {
@@ -70,13 +113,13 @@ const CommercialLending = ({
     }),
     mode: "all",
     defaultValues: {
-      business_email: ""
+      email: ""
     }
   });
   const {
     handleSubmit,
     register,
-    formState: { errors, isValid }
+    formState: { errors, isValid, isSubmitting }
   } = methods;
   const submitForm = async (data) => {
     await onSubmit(data);
@@ -112,7 +155,6 @@ const CommercialLending = ({
                 ...register("first_name", { required: true }),
                 label: "First Name",
                 sizes: "medium",
-                placeholder: "First Name",
                 required: true,
                 error: !!errors.first_name,
                 helperText: errors.first_name?.message,
@@ -126,7 +168,6 @@ const CommercialLending = ({
                 ...register("last_name", { required: true }),
                 label: "Last Name",
                 sizes: "medium",
-                placeholder: "Last Name",
                 required: true,
                 error: !!errors.last_name,
                 helperText: errors.last_name?.message,
@@ -136,8 +177,8 @@ const CommercialLending = ({
             /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
               Input,
               {
-                id: "business_email",
-                ...register("business_email", {
+                id: "email",
+                ...register("email", {
                   required: true,
                   validate: {
                     isValid: associatedEmail
@@ -145,150 +186,218 @@ const CommercialLending = ({
                 }),
                 label: "Business Email",
                 sizes: "medium",
-                placeholder: "Business Email",
                 required: true,
-                error: !!errors.business_email,
-                helperText: errors.business_email?.message,
+                error: !!errors.email,
+                helperText: errors.email?.message,
                 variant
               }
             ) }),
             /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
               InputPhone,
               {
-                id: "business_phone",
-                ...register("business_phone", {
+                id: "General_Business_Phone_SFDC2__c",
+                ...register("General_Business_Phone_SFDC2__c", {
                   required: true,
                   maxLength: 12
                 }),
                 label: "Business Phone",
                 sizes: "medium",
-                placeholder: "Business Phone",
                 required: true,
-                error: !!errors.business_phone,
-                helperText: errors.business_phone?.message,
+                error: !!errors.General_Business_Phone_SFDC2__c,
+                helperText: errors.General_Business_Phone_SFDC2__c?.message,
                 variant
               }
             ) }),
             /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
               Input,
               {
-                id: "company_nmls_id",
-                ...register("company_nmls_id", {
-                  required: true,
-                  maxLength: 12
-                }),
+                id: "Company_NMLS_ID__c",
+                ...register("Company_NMLS_ID__c"),
                 label: "Company NMLS ID",
                 sizes: "medium",
-                placeholder: "Company NMLS ID",
-                required: true,
-                error: !!errors.company_nmls_id,
-                helperText: errors.company_nmls_id?.message,
+                error: !!errors.Company_NMLS_ID__c,
+                helperText: errors.Company_NMLS_ID__c?.message,
                 variant
               }
             ) }),
             /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
               Input,
               {
-                id: "business_name",
-                ...register("business_name", {
-                  required: true,
-                  maxLength: 12
-                }),
+                id: "Business_Name__c",
+                ...register("Business_Name__c"),
                 label: "Business Name",
                 sizes: "medium",
-                placeholder: "Buesiness Name",
-                required: true,
-                error: !!errors.business_name,
-                helperText: errors.business_name?.message,
+                error: !!errors.Business_Name__c,
+                helperText: errors.Business_Name__c?.message,
                 variant
               }
             ) }),
             /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
               Input,
               {
-                id: "zip",
-                ...register("zip", {
-                  required: true
-                }),
+                id: "Property_Zip__c",
+                ...register("Property_Zip__c"),
                 label: "Property Location or ZIP Code",
                 sizes: "medium",
-                placeholder: "Property Location or ZIP Code",
-                required: true,
-                error: !!errors.business_name,
-                helperText: errors.business_name?.message,
+                error: !!errors.Property_Zip__c,
+                helperText: errors.Property_Zip__c?.message,
                 variant
               }
             ) }),
-            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
               Dropdown,
               {
-                id: "annual_gross_revenue",
-                ...register("annual_gross_revenue", {
+                id: "Annual_Gross_Revenue__c",
+                ...register("Annual_Gross_Revenue__c", {
                   required: true
                 }),
                 label: "Annual Gross Revenue",
                 sizes: "medium",
                 required: true,
-                error: !!errors.annual_gross_revenue,
-                helperText: errors.annual_gross_revenue?.message,
+                error: !!errors.Annual_Gross_Revenue__c,
+                helperText: errors.Annual_Gross_Revenue__c?.message,
                 variant,
-                options: [
-                  { value: 1, text: "<$5MM" },
-                  { value: 2, text: "$5-10MM" },
-                  { value: 3, text: "$10MM-$20MM" },
-                  { value: 4, text: "$20MM+" }
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "<$5MM", children: "<$5MM" }),
+                  /* @__PURE__ */ jsx("option", { value: "$5-10MM", children: "$5-10MM" }),
+                  /* @__PURE__ */ jsx("option", { value: "$10MM-$20MM", children: "$10MM-$20MM" }),
+                  /* @__PURE__ */ jsx("option", { value: "$20MM+", children: "$20MM+" })
                 ]
               }
             ) }),
-            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
               Dropdown,
               {
-                id: "time_in_business",
-                ...register("time_in_business", {
+                id: "Time_in_Business__c",
+                ...register("Time_in_Business__c", {
                   required: true
                 }),
                 label: "Time in Business",
                 sizes: "medium",
                 required: true,
-                error: !!errors.time_in_business,
-                helperText: errors.time_in_business?.message,
+                error: !!errors.Time_in_Business__c,
+                helperText: errors.Time_in_Business__c?.message,
                 variant,
-                options: [
-                  { value: 1, text: "< 2 Years in Business" },
-                  { value: 2, text: "2-5 Years in Business" },
-                  { value: 3, text: "5+ Years in Business" }
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "< 2 Years in Business", children: "< 2 Years in Business" }),
+                  /* @__PURE__ */ jsx("option", { value: "2-5 Years in Business", children: "2-5 Years in Business" }),
+                  /* @__PURE__ */ jsx("option", { value: "5+ Years in Business", children: "5+ Years in Business" })
                 ]
               }
             ) }),
-            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
               Dropdown,
               {
-                id: "type",
-                ...register("type", {
+                id: "Lead_Type__c",
+                ...register("Lead_Type__c", {
                   required: true
                 }),
                 label: "Type",
                 sizes: "medium",
                 required: true,
-                error: !!errors.type,
-                helperText: errors.type?.message,
+                error: !!errors.Lead_Type__c,
+                helperText: errors.Lead_Type__c?.message,
                 variant,
-                options: [
-                  { value: 1, text: "Broker" },
-                  { value: 2, text: "Borrower" }
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "Broker", children: "Broker" }),
+                  /* @__PURE__ */ jsx("option", { value: "Borrower", children: "Borrower" })
                 ]
               }
+            ) }),
+            equipmentPage && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "Type_of_Equipment_Finance__c",
+                ...register("Type_of_Equipment_Finance__c"),
+                label: "Type of Equipment",
+                sizes: "medium",
+                error: !!errors.Type_of_Equipment_Finance__c,
+                helperText: errors.Type_of_Equipment_Finance__c?.message,
+                variant,
+                defaultValue: "",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "", children: "Select Option" }),
+                  /* @__PURE__ */ jsx("option", { value: "Agriculture", children: "Agriculture" }),
+                  /* @__PURE__ */ jsx("option", { value: "Transportation and Material Handling", children: "Transportation and Material Handling" }),
+                  /* @__PURE__ */ jsx("option", { value: "Construction", children: "Construction" }),
+                  /* @__PURE__ */ jsx("option", { value: "Healthcare", children: "Healthcare" }),
+                  /* @__PURE__ */ jsx("option", { value: "Manufacturing", children: "Manufacturing" }),
+                  /* @__PURE__ */ jsx("option", { value: "Energy", children: "Energy" }),
+                  /* @__PURE__ */ jsx("option", { value: "Technology and Service", children: "Technology and Service" }),
+                  /* @__PURE__ */ jsx("option", { value: "Insurance", children: "Insurance" }),
+                  /* @__PURE__ */ jsx("option", { value: "Pharmaceutical and Laboratory", children: "Pharmaceutical and Laboratory" })
+                ]
+              }
+            ) }),
+            (CRESLPage || warehousePage) && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "Asset_Class__c",
+                ...register("Asset_Class__c"),
+                label: "Asset Class",
+                sizes: "medium",
+                error: !!errors.Asset_Class__c,
+                helperText: errors.Asset_Class__c?.message,
+                variant,
+                defaultValue: "",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "", children: "Select Option" }),
+                  /* @__PURE__ */ jsx("option", { value: "Multifamily", children: "Multifamily" }),
+                  CRESLPage && /* @__PURE__ */ jsx("option", { value: "Mixed-Use", children: "Mixed-Use" }),
+                  /* @__PURE__ */ jsx("option", { value: "Office", children: "Office" }),
+                  /* @__PURE__ */ jsx("option", { value: "Retail", children: "Retail" }),
+                  /* @__PURE__ */ jsx("option", { value: "Hospitality", children: "Hospitality" }),
+                  /* @__PURE__ */ jsx("option", { value: "Industrial/Warehouse", children: "Industrial/Warehouse" }),
+                  /* @__PURE__ */ jsx("option", { value: "Other", children: "Other" })
+                ]
+              }
+            ) }),
+            CRESLPage && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "Loan__c",
+                ...register("Loan__c"),
+                label: "Purpose of Loan",
+                sizes: "medium",
+                error: !!errors.Loan__c,
+                helperText: errors.Loan__c?.message,
+                variant,
+                defaultValue: "",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "", children: "Select Option" }),
+                  /* @__PURE__ */ jsx("option", { value: "Bridge", children: "Bridge" }),
+                  /* @__PURE__ */ jsx("option", { value: "Construction", children: "Construction" })
+                ]
+              }
+            ) }),
+            (CRESLPage || warehousePage) && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "Requested_loan_amount_and_leverage__c",
+                ...register("Requested_loan_amount_and_leverage__c"),
+                label: "Requested loan amount and leverage",
+                sizes: "medium",
+                error: !!errors.Requested_loan_amount_and_leverage__c,
+                helperText: errors.Requested_loan_amount_and_leverage__c?.message,
+                variant
+              }
             ) })
           ] }),
           children,
           /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
-          /* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx("div", { className: actions, children: isSubmitting ? /* @__PURE__ */ jsx(
+            LoadingIndicator,
+            {
+              style: { marginInline: "auto" },
+              variant
+            }
+          ) : /* @__PURE__ */ jsx(
             Button,
             {
               color: getVariant(callToAction?.variant),
               as: "button",
               type: "submit",
-              disabled: !isValid,
+              disabled: !isValid || isSubmitting,
               children: callToAction?.displayText
             }
           ) })

package/dist/Forms/FormEnums.d.ts

@@ -1,3 +1,9 @@
 export declare const Roles: string[];
 export type RoleTypes = (typeof Roles)[number];
 export declare const CurrentAssets: string[];
+export declare const AnnualGrossRevenue: string[];
+export declare const TimeInBusiness: string[];
+export declare const LeadType: string[];
+export declare const TypeOfEquipment: string[];
+export declare const AssetClass: string[];
+export declare const PurposeOfLoan: string[];

package/dist/Forms/FormEnums.js

@@ -12,7 +12,46 @@ const CurrentAssets = [
   "$501M - $1B",
   "$1B+"
 ];
+const AnnualGrossRevenue = [
+  "<$5MM",
+  "$5-10MM",
+  "$10MM-$20MM",
+  "$20MM+"
+];
+const TimeInBusiness = [
+  "< 2 years in business",
+  "2-5 years in business",
+  "5+ years in business"
+];
+const LeadType = ["Broker", "Borrower"];
+const TypeOfEquipment = [
+  "Agriculture",
+  "Transportation and Material Handling",
+  "Construction",
+  "Healthcare",
+  "Manufacturing",
+  "Energy",
+  "Technology and Service",
+  "Insurance",
+  "Pharmaceutical and Laboratory"
+];
+const AssetClass = [
+  "Multifamily",
+  "Mixed-use",
+  "Office",
+  "Retail",
+  "Hospitality",
+  "Industrial/warehouse",
+  "Other"
+];
+const PurposeOfLoan = ["Bridge", "Construction"];
 export {
+  AnnualGrossRevenue,
+  AssetClass,
   CurrentAssets,
-  Roles
+  LeadType,
+  PurposeOfLoan,
+  Roles,
+  TimeInBusiness,
+  TypeOfEquipment
 };

package/dist/ImageLink/ImageLink.js

@@ -35,6 +35,7 @@ import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
+import "react-use";
 import "../Input/RadioButton.js";
 import "iframe-resizer";
 import "../Calculators/calculator.css.js";
@@ -62,7 +63,6 @@ import "../LandingPageHeader/LandingPageHeader.css.js";
 import "../Chevron/Chevron.css.js";
 /* empty css                                    */
 import "../Modal/contextApi/store.js";
-import "react-use";
 /* empty css                                                          */
 /* empty css                                                             */
 /* empty css                                                                  */

package/dist/NavigationMenu/AxosAdvisorServices/NavData.js

@@ -19,7 +19,7 @@ const subNavItems = {
     },
     {
       name: "Managed Investment Solutions",
-      url: "/serve-your-clients/managed-investment-solutions",
+      url: "/serve-your-clients/investment-solutions",
       id: "syc_3"
     }
   ],

package/dist/NavigationMenu/AxosAdvisorServices/index.js

@@ -284,6 +284,7 @@ function NavBar() {
                     {
                       className: clsx(styles.sub_menu, isOpenProducts2 && expand),
                       children: [
+                        /* @__PURE__ */ jsx("a", { href: "/serve-your-clients", role: "menuitem", children: "Serve Your Clients" }),
                         /* @__PURE__ */ jsx("a", { href: "/cash-management-solutions", role: "menuitem", children: "Cash Management Solutions" }),
                         /* @__PURE__ */ jsx(
                           "a",
@@ -296,7 +297,7 @@ function NavBar() {
                         /* @__PURE__ */ jsx(
                           "a",
                           {
-                            href: "/serve-your-clients/managed-investment-solutions",
+                            href: "/serve-your-clients/investment-solutions",
                             role: "menuitem",
                             children: "Managed Investment Solutions"
                           }
@@ -356,6 +357,7 @@ function NavBar() {
                     {
                       className: clsx(styles.sub_menu, isOpenProducts3 && expand),
                       children: [
+                        /* @__PURE__ */ jsx("a", { href: "/optimize-operations", role: "menuitem", children: "Optimize Operations" }),
                         /* @__PURE__ */ jsx(
                           "a",
                           {
@@ -427,6 +429,7 @@ function NavBar() {
                     {
                       className: clsx(styles.sub_menu, isOpenProducts4 && expand),
                       children: [
+                        /* @__PURE__ */ jsx("a", { href: "/axos-advantage", role: "menuitem", children: "Axos Advantage" }),
                         /* @__PURE__ */ jsx("a", { href: "/axos-advantage/about-axos", role: "menuitem", children: "About AXOS" }),
                         /* @__PURE__ */ jsx(
                           "a",

package/dist/SetContainer/SetContainer.js

@@ -37,6 +37,7 @@ import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
+import "react-use";
 import "../Input/RadioButton.js";
 import "iframe-resizer";
 import "../Calculators/calculator.css.js";
@@ -65,7 +66,6 @@ import "../LandingPageHeader/LandingPageHeader.css.js";
 import "../Chevron/Chevron.css.js";
 /* empty css                                    */
 import "../Modal/contextApi/store.js";
-import "react-use";
 /* empty css                                                          */
 /* empty css                                                             */
 /* empty css                                                                  */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "0.0.103",
+  "version": "0.0.105",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",