@axos-web-dev/shared-components 0.0.135 → 0.0.137

package/dist/Table/Table.d.ts

@@ -15,11 +15,13 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
     autoFocus?: boolean | undefined;
     contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "false" | "true") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
@@ -43,7 +45,6 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
     rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
     color?: string | undefined;

package/dist/VideoTile/VideoTile.js

@@ -67,7 +67,7 @@ const VideoTile = ({
               )
             }
           ),
-          /* @__PURE__ */ jsxs("div", { className: `${transcript_container}`, children: [
+          transcript && /* @__PURE__ */ jsxs("div", { className: `${transcript_container}`, children: [
             /* @__PURE__ */ jsxs(
               "a",
               {

package/dist/assets/Calculators/AxosOneCalculator/BalanceAPYCalculator.css

@@ -0,0 +1,210 @@
+._11b2y8z0 {
+  position: relative;
+}
+._11b2y8z0 ._1nivbwe13 ._1nivbwee ._1nivbwe8 {
+  margin-bottom: 0;
+}
+._11b2y8z0 ._1nivbwe13 ._1nivbwee {
+  background: #fff;
+  color: #1e3860;
+}
+._11b2y8z0 ._1nivbwet ._1nivbwe12 tr:nth-child(even) td {
+  background: #fff;
+}
+._11b2y8z0 > .containment {
+  padding: 84px 82px 100px;
+  background: #def4ff;
+  border-radius: 1rem;
+}
+._11b2y8z0 tbody tr + tr ._1nivbwel {
+  border-bottom: 1px solid #d9d9d9;
+}
+._11b2y8z0 ._1nivbwes {
+  border-radius: 0px;
+}
+._11b2y8z0 tbody tr:first-child td {
+  background: #def4ff;
+  font-size: 24px;
+  line-height: 1.3;
+  color: #1e3860;
+  font-family: var(--header-font-family);
+}
+._11b2y8z1 {
+  padding: 40px 56px;
+  background: #FFF;
+  color: #5e6a74;
+}
+._11b2y8z2 {
+  display: flex;
+  background-color: #FFFFFF;
+  border-radius: 1rem;
+  border: 1px solid #d9d9d9;
+  justify-content: space-between;
+  padding: 15px;
+}
+._11b2y8z3 {
+  align-items: center;
+  color: #1e3860;
+  display: flex;
+  font-size: 24px;
+  flex: 1 1 0%;
+  font-family: var(--header-font-family);
+}
+._11b2y8z4 {
+  font-weight: 400;
+  margin-bottom: 0;
+}
+._11b2y8z5 {
+  align-self: stretch;
+  border: 0;
+  flex: 1 1 0%;
+  font-family: var(--header-font-family);
+  outline: 0;
+  padding-left: 3px;
+  font-weight: 600;
+  color: #1e3860;
+  margin: 0;
+}
+._11b2y8z7 {
+  display: none;
+}
+._11b2y8z8 {
+  font-weight: 600;
+  font-size: 18px;
+  line-height: 1.4;
+  padding: 14px 64px;
+  background-color: var(--_1073cm86);
+  color: #FFFFFF;
+  width: auto;
+}
+._11b2y8z9 {
+  padding-bottom: 32px;
+}
+._11b2y8za {
+  margin-bottom: 32px;
+}
+._11b2y8zb {
+  color: #1e3860;
+}
+._11b2y8zc {
+  margin-inline: auto;
+}
+._11b2y8zd {
+  margin-top: 1rem;
+}
+._11b2y8ze {
+  color: var(--_1073cm82);
+}
+._11b2y8zf {
+  color: var(--_1073cm89);
+}
+._11b2y8zg {
+  color: var(--_1073cm8g);
+}
+._11b2y8zh {
+  color: var(--_1073cm8n);
+}
+._11b2y8zi {
+  margin-top: 16px;
+}
+._11b2y8zj {
+  color: var(--_1073cm82);
+}
+._11b2y8zk {
+  color: var(--_1073cm89);
+}
+._11b2y8zl {
+  color: var(--_1073cm8g);
+}
+._11b2y8zm {
+  color: var(--_1073cm8n);
+}
+@media screen and (max-width: 1023px) {
+  ._11b2y8z0 > .containment {
+    max-width: 100%;
+    width: 100%;
+    border-radius: 0;
+    padding: 84px 28px 100px;
+  }
+  ._11b2y8z1 {
+    padding: 32px 24px;
+  }
+}
+@media screen and (max-width:1023px) {
+  ._11b2y8z3 {
+    font-size: 23px;
+  }
+}
+@media screen and (max-width: 900px) {
+  ._11b2y8z8 {
+    padding: 4px 32px;
+    font-size: 14px;
+  }
+}
+@media screen and (max-width: 768px) {
+  ._11b2y8z0 ._1nivbwet ._1nivbwe12 tr:nth-child(even) td {
+    background: #f4f4f4;
+  }
+  ._11b2y8z0 > .containment {
+    padding: 0px;
+  }
+  ._11b2y8z0 tbody tr + tr ._1nivbwel {
+    border-bottom: none;
+  }
+  ._11b2y8z0 tbody tr:first-child td {
+    font-size: 16px;
+    line-height: 1.5;
+    font-family: var(--main-font-family);
+    background: #ace1fc;
+  }
+  ._11b2y8z0 ._1nivbwes._1nivbwet {
+    padding: 0px;
+    margin-top: 0px !important;
+  }
+  ._11b2y8z1 {
+    border-radius: 0;
+    padding: 0;
+  }
+  ._11b2y8z2 {
+    border: 0;
+    padding: 0 16px 28px;
+    flex-wrap: wrap;
+    background: #def4ff;
+    border-radius: 0;
+  }
+  ._11b2y8z3 {
+    font-size: 18px;
+    flex: 1 1 100%;
+    border: 1px solid #d9d9d9;
+    border-radius: 8px;
+    overflow: hidden;
+    font-family: var(--main-font-family);
+    padding-left: 8px;
+    background: #fff;
+  }
+  ._11b2y8z5 {
+    font-family: var(--main-font-family);
+    padding: 8px 8px 8px 0;
+  }
+  ._11b2y8z6 {
+    display: none;
+  }
+  ._11b2y8z7 {
+    display: block;
+  }
+  ._11b2y8z8 {
+    margin-top: 16px;
+  }
+  ._11b2y8za {
+    margin-top: 16px;
+    padding: 32px 16px 0;
+  }
+}
+@media screen and (max-width: 450px) {
+  ._11b2y8z4 {
+    width: 151px;
+  }
+  ._11b2y8z5 {
+    width: 50%;
+  }
+}

package/dist/main.d.ts

@@ -12,6 +12,8 @@ export * from './Button';
 export * from './Calculators';
 export * from './Calculators/AnnualFeeCalculator';
 export * from './Calculators/ApyCalculator';
+export * from './Calculators/BalanceAPYCalculator';
+export * from './Calculators/AxosOneCalculator';
 export * from './Calculators/MarginTradingCalculator';
 export * from './Calculators/MonthlyPaymentCalculator';
 export * from './CallToActionBar';

package/dist/main.js

@@ -19,6 +19,7 @@ import { button } from "./Button/Button.css.js";
 import { GoBackButton } from "./Button/GoBackButton.js";
 import { AnnualFeeCalculator } from "./Calculators/AnnualFeeCalculator/index.js";
 import { ApyCalculator } from "./Calculators/ApyCalculator/index.js";
+import { AxosOneCalculator } from "./Calculators/AxosOneCalculator/index.js";
 import { BalanceAPYCalculator } from "./Calculators/BalanceAPYCalculator/index.js";
 import { Calculator } from "./Calculators/Calculator.js";
 import { calculator, calculator_description, calculator_headline } from "./Calculators/calculator.css.js";
@@ -183,6 +184,7 @@ export {
   AwardsBanner,
   AwardsItem,
   AxosFooterSiteMap,
+  AxosOneCalculator,
   default3 as AxosX,
   default4 as AxosXBlue,
   BalanceAPYCalculator,

package/dist/utils/allowedAxosDomains.js

@@ -19,7 +19,8 @@ const moreDomains = {
   "{UNVENROLLMENT}": process.env.UNVENROLLMENT_URL || "https://enroll.axosbank.com",
   "{AUTOAXB}": "https://auto.axosbank.com/partner/axos-purchase/AU",
   "{COMMERCIALPORTAL}": process.env.COMMERCIALPORTAL_URL || "https://portals.axosbank.com/",
-  "{DEVAXC}": process.env.DEVELOPER_CLEARING || "https://developer.axosclearing.com"
+  "{DEVAXC}": process.env.DEVELOPER_CLEARING || "https://developer.axosclearing.com",
+  "{AFF}": process.env.FUNDFINDER_URL || "https://axosfundfinder.com/"
 };
 const isAllowedUrl = (url) => {
   const uri = new URL(url, location.href);

package/package.json

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

package/dist/Forms/BlendPurchase.d.ts

@@ -1,11 +0,0 @@
-import { FormProps } from './FormProps';
-
-export type BlendPurchaseInputs = {
-    property_Type: string;
-    Occupancy: string;
-    SalesPrice: string;
-    DownPayment: string;
-    CreditScore: string;
-    ZipCode: string;
-};
-export declare const BlendPurchase: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Forms/BlendPurchase.js

@@ -1,215 +0,0 @@
-"use client";
-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 "../Input/Checkbox.js";
-import "../Input/CurrencyInput.js";
-import "../Input/Dropdown.js";
-/* empty css                                          */
-/* empty css                                   */
-import { Input } from "../Input/Input.js";
-import "../Input/Input.css.js";
-import "../Input/InputAmount.js";
-import { InputPhone } from "../Input/InputPhone.js";
-import "../Input/InputTextArea.js";
-import "../icons/ArrowIcon/ArrowIcon.css.js";
-import SvgAxosX from "../icons/AxosX/index.js";
-import SvgComponent from "../icons/AxosX/Blue.js";
-import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                */
-/* empty css                                   */
-/* empty css                                                    */
-/* empty css                                                */
-import { associatedEmail } from "../utils/EverestValidity.js";
-import "../utils/allowedAxosDomains.js";
-import { getVariant } from "../utils/getVariant.js";
-import clsx from "clsx";
-import { useForm, FormProvider } from "react-hook-form";
-import * as z from "zod";
-import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions } from "./Forms.css.js";
-import { SalesforceSchema } from "./SalesforceFieldsForm.js";
-const BlendPurchase = ({
-  icon = false,
-  children,
-  onSubmit = (values) => {
-    console.log(values);
-  },
-  disclosure,
-  variant: fullVariant = "primary",
-  headline,
-  description,
-  callToAction,
-  validateEmail,
-  id
-}) => {
-  const schema = z.object({
-    property_Type: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "First Name is required." }),
-    Occupancy: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "Last Name is required." }),
-    SalesPrice: z.string().email({ message: "Email is required." }).refine(async (val) => await validateEmail(val)),
-    DownPayment: z.string().regex(/[\d-]{10}/).min(10, { message: "Phone is required." }).max(12, { message: "Phone is required." }).transform((val, ctx) => {
-      const removeDashes = val.replace(/-/gi, "");
-      if (removeDashes.length !== 10) {
-        ctx.addIssue({
-          code: z.ZodIssueCode.custom,
-          message: "Phone must have at least 10 and no more than 10 characters."
-        });
-        return z.NEVER;
-      }
-      return removeDashes;
-    }),
-    CreditScore: z.string(),
-    ZipCode: z.string()
-  });
-  const methods = useForm({
-    resolver: zodResolver(schema.merge(SalesforceSchema), {
-      async: true
-    }),
-    mode: "all",
-    defaultValues: {}
-  });
-  const {
-    handleSubmit,
-    register,
-    formState: { errors, isValid, isSubmitting }
-  } = methods;
-  const submitForm = async (data) => {
-    await onSubmit(data);
-  };
-  const variant = getVariant(fullVariant);
-  return /* @__PURE__ */ jsx(
-    "section",
-    {
-      id: `id_${id}`,
-      className: clsx(formContainer({ variant })),
-      children: /* @__PURE__ */ jsx("div", { className: clsx("containment"), children: /* @__PURE__ */ jsxs(FormProvider, { ...methods, children: [
-        icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
-        /* @__PURE__ */ jsxs("div", { className: `${headerContainer} text_center`, children: [
-          /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: headline }),
-          description && /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: clsx(
-                "text_center",
-                form,
-                descriptionField({ variant })
-              ),
-              children: description
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
-          /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
-            /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: "property_Type",
-                ...register("property_Type", { required: true }),
-                label: "Property Type",
-                sizes: "medium",
-                required: true,
-                error: !!errors.property_Type,
-                helperText: errors.property_Type?.message,
-                variant
-              }
-            ) }),
-            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: "Occupancy",
-                ...register("Occupancy", { required: true }),
-                label: "Property Usage",
-                sizes: "medium",
-                required: true,
-                error: !!errors.Occupancy,
-                helperText: errors.Occupancy?.message,
-                variant
-              }
-            ) }),
-            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: "SalesPrice",
-                ...register("SalesPrice", {
-                  required: true,
-                  validate: {
-                    isValid: associatedEmail
-                  }
-                }),
-                label: "Purchase Price",
-                sizes: "medium",
-                required: true,
-                error: !!errors.SalesPrice,
-                helperText: errors.SalesPrice?.message,
-                variant
-              }
-            ) }),
-            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-              InputPhone,
-              {
-                id: "DownPayment",
-                ...register("DownPayment", {
-                  required: true,
-                  maxLength: 12
-                }),
-                label: "Down Payment",
-                sizes: "medium",
-                required: true,
-                error: !!errors.DownPayment,
-                helperText: errors.DownPayment?.message,
-                variant
-              }
-            ) }),
-            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-              InputPhone,
-              {
-                id: "CreditScore",
-                ...register("CreditScore", {
-                  required: true,
-                  maxLength: 12
-                }),
-                label: "Credit Score",
-                sizes: "medium",
-                required: true,
-                error: !!errors.CreditScore,
-                helperText: errors.CreditScore?.message,
-                variant
-              }
-            ) }),
-            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-              InputPhone,
-              {
-                id: "ZipCode",
-                ...register("ZipCode", { required: true, maxLength: 12 }),
-                label: "Zip Code",
-                sizes: "medium",
-                required: true,
-                error: !!errors.ZipCode,
-                helperText: errors.ZipCode?.message,
-                variant
-              }
-            ) })
-          ] }),
-          children,
-          /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
-          /* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx(
-            Button,
-            {
-              color: getVariant(callToAction?.variant),
-              as: "button",
-              type: "submit",
-              disabled: !isValid || isSubmitting,
-              children: callToAction?.displayText
-            }
-          ) })
-        ] })
-      ] }) })
-    },
-    id
-  );
-};
-export {
-  BlendPurchase
-};

package/dist/Forms/BlendRefinance.d.ts

@@ -1,11 +0,0 @@
-import { FormProps } from './FormProps';
-
-export type BlendPurchaseInputs = {
-    property_Type: string;
-    Occupancy: string;
-    SalesPrice: string;
-    DownPayment: string;
-    CreditScore: string;
-    ZipCode: string;
-};
-export declare const BlendPurchase: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;