@axos-web-dev/shared-components 0.0.87 → 0.0.89

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -30,16 +30,14 @@ const ApyCalculator = ({
30
30
  return false;
31
31
  } else if (input < 0 || Number.isNaN(input)) {
32
32
  return false;
33
- } else
34
- return true;
33
+ } else return true;
35
34
  };
36
35
  const isValidAPY = (input) => {
37
36
  if (typeof input !== "number") {
38
37
  return false;
39
38
  } else if (input <= 0 || Number.isNaN(input)) {
40
39
  return false;
41
- } else
42
- return true;
40
+ } else return true;
43
41
  };
44
42
  const convertInterest = useCallback(() => {
45
43
  const newInterestRate = 0.01 * APR;
@@ -1,11 +1,6 @@
1
1
  "use client";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { ATMLocator } from "../ATMLocator/ATMLocator.js";
4
- import { AnnualFeeCalculator } from "./AnnualFeeCalculator/index.js";
5
- import { ApyCalculator } from "./ApyCalculator/index.js";
6
- import { MarginTradingCalculator } from "./MarginTradingCalculator/index.js";
7
- import { MaxLoanCalculator } from "./MaxLoanCalculator/index.js";
8
- import { MonthlyPaymentCalculator } from "./MonthlyPaymentCalculator/index.js";
9
4
  import "@hookform/resolvers/zod";
10
5
  import "../Modal/contextApi/store.js";
11
6
  import { getVariant } from "../utils/getVariant.js";
@@ -45,7 +40,13 @@ import "../ArticlesSet/ArticlesSet.css.js";
45
40
  import "next/image.js";
46
41
  import "../IconBillboard/IconBillboard.css.js";
47
42
  /* empty css */
43
+ import { AnnualFeeCalculator } from "./AnnualFeeCalculator/index.js";
44
+ import { ApyCalculator } from "./ApyCalculator/index.js";
45
+ import { BalanceAPYCalculator } from "./BalanceAPYCalculator/index.js";
48
46
  import { calculator_headline, calculator_description } from "./calculator.css.js";
47
+ import { MarginTradingCalculator } from "./MarginTradingCalculator/index.js";
48
+ import { MaxLoanCalculator } from "./MaxLoanCalculator/index.js";
49
+ import { MonthlyPaymentCalculator } from "./MonthlyPaymentCalculator/index.js";
49
50
  /* empty css */
50
51
  import "../Carousel/index.js";
51
52
  /* empty css */
@@ -86,7 +87,6 @@ import "next/script.js";
86
87
  /* empty css */
87
88
  import "../Input/RadioButton.js";
88
89
  import { iframeResizer } from "iframe-resizer";
89
- import { BalanceAPYCalculator } from "./BalanceAPYCalculator/index.js";
90
90
  import { calculators } from "./calculators.js";
91
91
  const Calculator = (props) => {
92
92
  const {
@@ -46,8 +46,7 @@ const MarginTradingCalculator = ({
46
46
  purchasedAmt.innerHTML = usd.format(
47
47
  Number(cashVal.value) * 2 + Number(secVal.value)
48
48
  );
49
- if (!duration.value)
50
- duration.value = "30";
49
+ if (!duration.value) duration.value = "30";
51
50
  populateTable();
52
51
  }
53
52
  }
@@ -58,8 +57,7 @@ const MarginTradingCalculator = ({
58
57
  borrowedAmt.innerHTML = usd.format(
59
58
  Number(cashVal.value) + Number(secVal.value)
60
59
  );
61
- if (!duration.value)
62
- duration.value = "30";
60
+ if (!duration.value) duration.value = "30";
63
61
  populateTable();
64
62
  }
65
63
  }
@@ -133,8 +131,7 @@ const MarginTradingCalculator = ({
133
131
  duration.value = "";
134
132
  clearTbl();
135
133
  } else {
136
- if (calculateBtn)
137
- calculateBtn.click();
134
+ if (calculateBtn) calculateBtn.click();
138
135
  }
139
136
  });
140
137
  const borrowedAmtChecker = () => {
@@ -1,8 +1,8 @@
1
1
  import { default as React, FC } from 'react';
2
2
 
3
- export interface MonthlyPaymentCalculatorProps {
3
+ export interface MaxLoanCalculatorProps {
4
4
  header?: React.ReactNode | string;
5
5
  body?: React.ReactNode | string;
6
6
  variant?: string;
7
7
  }
8
- export declare const MaxLoanCalculator: FC<MonthlyPaymentCalculatorProps>;
8
+ export declare const MaxLoanCalculator: FC<MaxLoanCalculatorProps>;
@@ -1,10 +1,10 @@
1
1
  "use client";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
- import { useState } from "react";
4
3
  import { button } from "../../Button/Button.css.js";
5
- import { getVariant } from "../../utils/getVariant.js";
6
- import { title } from "../../IconBillboard/IconBillboard.css.js";
7
4
  import { calc_container, container, h2i, inputs_container, input_container, input_box, error_message, calculation_header, payment_results } from "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
5
+ import { title } from "../../IconBillboard/IconBillboard.css.js";
6
+ import { getVariant } from "../../utils/getVariant.js";
7
+ import { useState } from "react";
8
8
  const MaxLoanCalculator = ({
9
9
  variant,
10
10
  header
@@ -1,2 +1,8 @@
1
+ export * from './AnnualFeeCalculator';
2
+ export * from './ApyCalculator';
3
+ export * from './BalanceAPYCalculator';
1
4
  export * from './Calculator';
2
5
  export * from './calculator.css';
6
+ export * from './MarginTradingCalculator';
7
+ export * from './MaxLoanCalculator';
8
+ export * from './MonthlyPaymentCalculator';
@@ -1,7 +1,19 @@
1
+ import { AnnualFeeCalculator } from "./AnnualFeeCalculator/index.js";
2
+ import { ApyCalculator } from "./ApyCalculator/index.js";
3
+ import { BalanceAPYCalculator } from "./BalanceAPYCalculator/index.js";
1
4
  import { Calculator } from "./Calculator.js";
2
5
  import { calculator_description, calculator_headline } from "./calculator.css.js";
6
+ import { MarginTradingCalculator } from "./MarginTradingCalculator/index.js";
7
+ import { MaxLoanCalculator } from "./MaxLoanCalculator/index.js";
8
+ import { MonthlyPaymentCalculator } from "./MonthlyPaymentCalculator/index.js";
3
9
  export {
10
+ AnnualFeeCalculator,
11
+ ApyCalculator,
12
+ BalanceAPYCalculator,
4
13
  Calculator,
14
+ MarginTradingCalculator,
15
+ MaxLoanCalculator,
16
+ MonthlyPaymentCalculator,
5
17
  calculator_description,
6
18
  calculator_headline
7
19
  };
@@ -33,8 +33,7 @@ const CallToActionBar = ({
33
33
  }
34
34
  }, [banner_size]);
35
35
  useEffect(() => {
36
- if (!stickyTop)
37
- return;
36
+ if (!stickyTop) return;
38
37
  window.addEventListener("scroll", isSticky);
39
38
  return () => {
40
39
  window.removeEventListener("scroll", isSticky);
@@ -28,8 +28,8 @@ import "../Button/Button.css.js";
28
28
  import "react-use";
29
29
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
30
30
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
31
- /* empty css */
32
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
31
+ import "../Table/Table.css.js";
32
+ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
33
33
  import "@hookform/resolvers/zod";
34
34
  import "../Input/Checkbox.js";
35
35
  import "../Input/CurrencyInput.js";
@@ -45,9 +45,9 @@ import "../Forms/SalesforceFieldsForm.js";
45
45
  import "../LoadingIndicator/LoadingIndicator.css.js";
46
46
  import "../Input/RadioButton.js";
47
47
  import "iframe-resizer";
48
- import "../Table/Table.css.js";
49
- import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
50
48
  import "../Calculators/calculator.css.js";
49
+ /* empty css */
50
+ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
51
51
  /* empty css */
52
52
  /* empty css */
53
53
  import "../Comparison/Comparison.css.js";
@@ -115,8 +115,10 @@ const CarouselSlide = (props) => {
115
115
  content,
116
116
  /* @__PURE__ */ jsxs("div", { className: authorLocation, children: [
117
117
  /* @__PURE__ */ jsx("span", { className: author({ variant }), children: author$1 }),
118
- /* @__PURE__ */ jsx("span", { children: "|" }),
119
- /* @__PURE__ */ jsx("span", { children: location })
118
+ location !== void 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
119
+ /* @__PURE__ */ jsx("span", { children: "|" }),
120
+ /* @__PURE__ */ jsx("span", { children: location })
121
+ ] })
120
122
  ] })
121
123
  ] }) });
122
124
  };
@@ -27,8 +27,8 @@ import "../Button/Button.css.js";
27
27
  import "react-use";
28
28
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
29
29
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
30
- /* empty css */
31
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
30
+ import "../Table/Table.css.js";
31
+ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
32
32
  import "@hookform/resolvers/zod";
33
33
  import "../Input/Checkbox.js";
34
34
  import "../Input/CurrencyInput.js";
@@ -44,9 +44,9 @@ import "../Forms/SalesforceFieldsForm.js";
44
44
  import "../LoadingIndicator/LoadingIndicator.css.js";
45
45
  import "../Input/RadioButton.js";
46
46
  import "iframe-resizer";
47
- import "../Table/Table.css.js";
48
- import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
49
47
  import "../Calculators/calculator.css.js";
48
+ /* empty css */
49
+ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
50
50
  /* empty css */
51
51
  import "../Carousel/index.js";
52
52
  /* empty css */
@@ -26,8 +26,8 @@ import "../ArticlesSet/ArticlesSet.css.js";
26
26
  import "next/image.js";
27
27
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
28
28
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
29
- /* empty css */
30
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
29
+ import "../Table/Table.css.js";
30
+ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
31
31
  import "@hookform/resolvers/zod";
32
32
  import "../Input/Checkbox.js";
33
33
  import "../Input/CurrencyInput.js";
@@ -43,9 +43,9 @@ import "../Forms/SalesforceFieldsForm.js";
43
43
  import "../LoadingIndicator/LoadingIndicator.css.js";
44
44
  import "../Input/RadioButton.js";
45
45
  import "iframe-resizer";
46
- import "../Table/Table.css.js";
47
- import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
48
46
  import "../Calculators/calculator.css.js";
47
+ /* empty css */
48
+ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
49
49
  /* empty css */
50
50
  import "../Carousel/index.js";
51
51
  /* empty css */
@@ -25,8 +25,9 @@ import "../Button/Button.css.js";
25
25
  import "react-use";
26
26
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
27
27
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
28
- /* empty css */
29
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
28
+ import clsx from "clsx";
29
+ import "../Table/Table.css.js";
30
+ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
30
31
  import "@hookform/resolvers/zod";
31
32
  import "../Input/Checkbox.js";
32
33
  import "../Input/CurrencyInput.js";
@@ -36,16 +37,15 @@ import "../Input/Input.js";
36
37
  import "../Input/Input.css.js";
37
38
  import "../Input/InputPhone.js";
38
39
  import "../Input/InputTextArea.js";
39
- import clsx from "clsx";
40
40
  import "react-hook-form";
41
41
  import "../Forms/Forms.css.js";
42
42
  import "../Forms/SalesforceFieldsForm.js";
43
43
  import "../LoadingIndicator/LoadingIndicator.css.js";
44
44
  import "../Input/RadioButton.js";
45
45
  import "iframe-resizer";
46
- import "../Table/Table.css.js";
47
- import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
48
46
  import "../Calculators/calculator.css.js";
47
+ /* empty css */
48
+ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
49
49
  /* empty css */
50
50
  import "../Carousel/index.js";
51
51
  /* empty css */
@@ -25,8 +25,8 @@ import "../../Button/Button.css.js";
25
25
  import "react-use";
26
26
  import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
27
27
  import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
28
- /* empty css */
29
- import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
28
+ import "../../Table/Table.css.js";
29
+ import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
30
30
  import "@hookform/resolvers/zod";
31
31
  import "../../Input/Checkbox.js";
32
32
  import "../../Input/CurrencyInput.js";
@@ -42,9 +42,9 @@ import "../../Forms/SalesforceFieldsForm.js";
42
42
  import "../../LoadingIndicator/LoadingIndicator.css.js";
43
43
  import "../../Input/RadioButton.js";
44
44
  import "iframe-resizer";
45
- import "../../Table/Table.css.js";
46
- import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
47
45
  import "../../Calculators/calculator.css.js";
46
+ /* empty css */
47
+ import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
48
48
  /* empty css */
49
49
  import "../../Carousel/index.js";
50
50
  /* empty css */
@@ -36,9 +36,9 @@ import "react";
36
36
  import "react-use";
37
37
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
38
38
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
39
- /* empty css */
40
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
41
39
  import clsx from "clsx";
40
+ import "../Table/Table.css.js";
41
+ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
42
42
  import { useForm, FormProvider } from "react-hook-form";
43
43
  import { z } from "zod";
44
44
  import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions } from "./Forms.css.js";
@@ -46,9 +46,9 @@ import { SalesforceSchema } from "./SalesforceFieldsForm.js";
46
46
  import "../LoadingIndicator/LoadingIndicator.css.js";
47
47
  import "../Input/RadioButton.js";
48
48
  import "iframe-resizer";
49
- import "../Table/Table.css.js";
50
- import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
51
49
  import "../Calculators/calculator.css.js";
50
+ /* empty css */
51
+ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
52
52
  /* empty css */
53
53
  import "../Carousel/index.js";
54
54
  /* empty css */
@@ -36,9 +36,9 @@ import "react";
36
36
  import "react-use";
37
37
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
38
38
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
39
- /* empty css */
40
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
41
39
  import clsx from "clsx";
40
+ import "../Table/Table.css.js";
41
+ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
42
42
  import { useForm, FormProvider } from "react-hook-form";
43
43
  import { z } from "zod";
44
44
  import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions } from "./Forms.css.js";
@@ -46,9 +46,9 @@ import { SalesforceSchema } from "./SalesforceFieldsForm.js";
46
46
  import "../LoadingIndicator/LoadingIndicator.css.js";
47
47
  import "../Input/RadioButton.js";
48
48
  import "iframe-resizer";
49
- import "../Table/Table.css.js";
50
- import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
51
49
  import "../Calculators/calculator.css.js";
50
+ /* empty css */
51
+ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
52
52
  /* empty css */
53
53
  import "../Carousel/index.js";
54
54
  /* empty css */
@@ -37,9 +37,9 @@ import "react";
37
37
  import "react-use";
38
38
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
39
39
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
40
- /* empty css */
41
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
42
40
  import clsx from "clsx";
41
+ import "../Table/Table.css.js";
42
+ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
43
43
  import { useForm, FormProvider } from "react-hook-form";
44
44
  import { z } from "zod";
45
45
  import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions } from "./Forms.css.js";
@@ -47,9 +47,9 @@ import { SalesforceSchema } from "./SalesforceFieldsForm.js";
47
47
  import "../LoadingIndicator/LoadingIndicator.css.js";
48
48
  import "../Input/RadioButton.js";
49
49
  import "iframe-resizer";
50
- import "../Table/Table.css.js";
51
- import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
52
50
  import "../Calculators/calculator.css.js";
51
+ /* empty css */
52
+ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
53
53
  /* empty css */
54
54
  import "../Carousel/index.js";
55
55
  /* empty css */
@@ -38,12 +38,12 @@ import "../IconBillboard/IconBillboard.css.js";
38
38
  /* empty css */
39
39
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
40
40
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
41
- /* empty css */
42
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
43
- import "iframe-resizer";
44
41
  import "../Table/Table.css.js";
45
42
  import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
43
+ import "iframe-resizer";
46
44
  import "../Calculators/calculator.css.js";
45
+ /* empty css */
46
+ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
47
47
  /* empty css */
48
48
  import "../Carousel/index.js";
49
49
  /* empty css */
@@ -27,8 +27,8 @@ import "../Button/Button.css.js";
27
27
  import "react-use";
28
28
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
29
29
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
30
- /* empty css */
31
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
30
+ import "../Table/Table.css.js";
31
+ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
32
32
  import "@hookform/resolvers/zod";
33
33
  import "../Input/Checkbox.js";
34
34
  import "../Input/CurrencyInput.js";
@@ -44,9 +44,9 @@ import "../Forms/SalesforceFieldsForm.js";
44
44
  import "../LoadingIndicator/LoadingIndicator.css.js";
45
45
  import "../Input/RadioButton.js";
46
46
  import "iframe-resizer";
47
- import "../Table/Table.css.js";
48
- import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
49
47
  import "../Calculators/calculator.css.js";
48
+ /* empty css */
49
+ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
50
50
  /* empty css */
51
51
  import "../Carousel/index.js";
52
52
  /* empty css */
@@ -24,8 +24,8 @@ import "../IconBillboard/IconBillboard.css.js";
24
24
  /* empty css */
25
25
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
26
26
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
27
- /* empty css */
28
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
27
+ import "../Table/Table.css.js";
28
+ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
29
29
  import "@hookform/resolvers/zod";
30
30
  import "../Input/Checkbox.js";
31
31
  import "../Input/CurrencyInput.js";
@@ -41,9 +41,9 @@ import "../Forms/SalesforceFieldsForm.js";
41
41
  import "../LoadingIndicator/LoadingIndicator.css.js";
42
42
  import "../Input/RadioButton.js";
43
43
  import "iframe-resizer";
44
- import "../Table/Table.css.js";
45
- import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
46
44
  import "../Calculators/calculator.css.js";
45
+ /* empty css */
46
+ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
47
47
  /* empty css */
48
48
  import "../Carousel/index.js";
49
49
  /* empty css */
@@ -27,8 +27,8 @@ import "../ArticlesSet/ArticlesSet.css.js";
27
27
  import "next/image.js";
28
28
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
29
29
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
30
- /* empty css */
31
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
30
+ import "../Table/Table.css.js";
31
+ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
32
32
  import "@hookform/resolvers/zod";
33
33
  import "../Input/Checkbox.js";
34
34
  import "../Input/CurrencyInput.js";
@@ -44,9 +44,9 @@ import "../Forms/SalesforceFieldsForm.js";
44
44
  import "../LoadingIndicator/LoadingIndicator.css.js";
45
45
  import "../Input/RadioButton.js";
46
46
  import "iframe-resizer";
47
- import "../Table/Table.css.js";
48
- import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
49
47
  import "../Calculators/calculator.css.js";
48
+ /* empty css */
49
+ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
50
50
  /* empty css */
51
51
  import "../Carousel/index.js";
52
52
  /* empty css */
@@ -24,8 +24,8 @@ import "../Button/Button.css.js";
24
24
  import "react-use";
25
25
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
26
26
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
27
- /* empty css */
28
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
27
+ import "../Table/Table.css.js";
28
+ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
29
29
  import "@hookform/resolvers/zod";
30
30
  import "../Input/Checkbox.js";
31
31
  import "../Input/CurrencyInput.js";
@@ -41,9 +41,9 @@ import "../Forms/SalesforceFieldsForm.js";
41
41
  import "../LoadingIndicator/LoadingIndicator.css.js";
42
42
  import "../Input/RadioButton.js";
43
43
  import "iframe-resizer";
44
- import "../Table/Table.css.js";
45
- import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
46
44
  import "../Calculators/calculator.css.js";
45
+ /* empty css */
46
+ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
47
47
  /* empty css */
48
48
  import "../Carousel/index.js";
49
49
  /* empty css */
@@ -23,8 +23,9 @@ import "react";
23
23
  import "react-use";
24
24
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
25
25
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
26
- /* empty css */
27
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
26
+ import "clsx";
27
+ import "../Table/Table.css.js";
28
+ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
28
29
  import "@hookform/resolvers/zod";
29
30
  import "../Input/Checkbox.js";
30
31
  import "../Input/CurrencyInput.js";
@@ -34,16 +35,15 @@ import "../Input/Input.js";
34
35
  import "../Input/Input.css.js";
35
36
  import "../Input/InputPhone.js";
36
37
  import "../Input/InputTextArea.js";
37
- import "clsx";
38
38
  import "react-hook-form";
39
39
  import "../Forms/Forms.css.js";
40
40
  import "../Forms/SalesforceFieldsForm.js";
41
41
  import "../LoadingIndicator/LoadingIndicator.css.js";
42
42
  import "../Input/RadioButton.js";
43
43
  import "iframe-resizer";
44
- import "../Table/Table.css.js";
45
- import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
46
44
  import "../Calculators/calculator.css.js";
45
+ /* empty css */
46
+ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
47
47
  /* empty css */
48
48
  import "../Carousel/index.js";
49
49
  /* empty css */
@@ -26,8 +26,8 @@ import "../../Button/Button.css.js";
26
26
  import { useLocation } from "react-use";
27
27
  import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
28
28
  import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
29
- /* empty css */
30
- import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
29
+ import "../../Table/Table.css.js";
30
+ import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
31
31
  import "@hookform/resolvers/zod";
32
32
  import "../../Input/Checkbox.js";
33
33
  import "../../Input/CurrencyInput.js";
@@ -43,9 +43,9 @@ import "../../Forms/SalesforceFieldsForm.js";
43
43
  import "../../LoadingIndicator/LoadingIndicator.css.js";
44
44
  import "../../Input/RadioButton.js";
45
45
  import "iframe-resizer";
46
- import "../../Table/Table.css.js";
47
- import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
48
46
  import "../../Calculators/calculator.css.js";
47
+ /* empty css */
48
+ import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
49
49
  /* empty css */
50
50
  import "../../Carousel/index.js";
51
51
  /* empty css */
@@ -26,8 +26,8 @@ import { header_section } from "../IconBillboard/IconBillboard.css.js";
26
26
  /* empty css */
27
27
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
28
28
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
29
- /* empty css */
30
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
29
+ import "../Table/Table.css.js";
30
+ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
31
31
  import "@hookform/resolvers/zod";
32
32
  import "../Input/Checkbox.js";
33
33
  import "../Input/CurrencyInput.js";
@@ -43,9 +43,9 @@ import "../Forms/SalesforceFieldsForm.js";
43
43
  import "../LoadingIndicator/LoadingIndicator.css.js";
44
44
  import "../Input/RadioButton.js";
45
45
  import "iframe-resizer";
46
- import "../Table/Table.css.js";
47
- import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
48
46
  import "../Calculators/calculator.css.js";
47
+ /* empty css */
48
+ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
49
49
  /* empty css */
50
50
  import "../Carousel/index.js";
51
51
  /* empty css */
package/dist/main.js CHANGED
@@ -17,11 +17,13 @@ import { BulletItem } from "./BulletItem/BulletItem.js";
17
17
  import { Button } from "./Button/Button.js";
18
18
  import { button } from "./Button/Button.css.js";
19
19
  import { GoBackButton } from "./Button/GoBackButton.js";
20
- import { Calculator } from "./Calculators/Calculator.js";
21
- import { calculator_description, calculator_headline } from "./Calculators/calculator.css.js";
22
20
  import { AnnualFeeCalculator } from "./Calculators/AnnualFeeCalculator/index.js";
23
21
  import { ApyCalculator } from "./Calculators/ApyCalculator/index.js";
22
+ import { BalanceAPYCalculator } from "./Calculators/BalanceAPYCalculator/index.js";
23
+ import { Calculator } from "./Calculators/Calculator.js";
24
+ import { calculator_description, calculator_headline } from "./Calculators/calculator.css.js";
24
25
  import { MarginTradingCalculator } from "./Calculators/MarginTradingCalculator/index.js";
26
+ import { MaxLoanCalculator } from "./Calculators/MaxLoanCalculator/index.js";
25
27
  import { MonthlyPaymentCalculator } from "./Calculators/MonthlyPaymentCalculator/index.js";
26
28
  import { CallToActionBar } from "./CallToActionBar/index.js";
27
29
  import { Carousel, CarouselSlide } from "./Carousel/index.js";
@@ -167,6 +169,7 @@ export {
167
169
  AxosFooterSiteMap,
168
170
  default7 as AxosX,
169
171
  default8 as AxosXBlue,
172
+ BalanceAPYCalculator,
170
173
  Blockquote,
171
174
  BulletItem,
172
175
  Button,
@@ -226,6 +229,7 @@ export {
226
229
  default18 as LockIcon,
227
230
  MainHTML,
228
231
  MarginTradingCalculator,
232
+ MaxLoanCalculator,
229
233
  default19 as MemberFdicLogo,
230
234
  Modal,
231
235
  MonthlyPaymentCalculator,
@@ -19,8 +19,7 @@ const isAllowedUrl = (url) => {
19
19
  const uri = new URL(url, location.href);
20
20
  for (const key in moreDomains) {
21
21
  const urlToCompare = new URL(moreDomains[key], location.href);
22
- if (uri.hostname === urlToCompare.hostname)
23
- return true;
22
+ if (uri.hostname === urlToCompare.hostname) return true;
24
23
  }
25
24
  return false;
26
25
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@axos-web-dev/shared-components",
3
3
  "description": "Axos shared components library for web.",
4
- "version": "0.0.87",
4
+ "version": "0.0.89",
5
5
  "type": "module",
6
6
  "module": "dist/main.js",
7
7
  "types": "dist/main.d.ts",
@@ -28,7 +28,7 @@
28
28
  "npm:link": "npm run build && npm link"
29
29
  },
30
30
  "dependencies": {
31
- "@hookform/resolvers": "^3.6.0",
31
+ "@hookform/resolvers": "^3.9.0",
32
32
  "@react-input/mask": "^1.2.5",
33
33
  "@react-input/number-format": "^1.0.27",
34
34
  "@storybook/builder-vite": "^7.6.19",
@@ -41,13 +41,13 @@
41
41
  "iframe-resizer": "4.3.11",
42
42
  "moment": "^2.30.1",
43
43
  "react-date-picker": "^11.0.0",
44
- "react-hook-form": "^7.52.0",
44
+ "react-hook-form": "^7.52.1",
45
45
  "react-markdown": "^9.0.1",
46
- "react-use": "^17.5.0",
46
+ "react-use": "^17.5.1",
47
47
  "typed-css-modules": "^0.9.1",
48
48
  "vite-plugin-svgr": "^4.2.0",
49
49
  "zod": "^3.23.8",
50
- "zustand": "^4.5.2"
50
+ "zustand": "^4.5.4"
51
51
  },
52
52
  "peerDependencies": {
53
53
  "@vanilla-extract/css-utils": "^0.1.3",
@@ -71,8 +71,8 @@
71
71
  "@svgr/core": "^8.1.0",
72
72
  "@svgr/plugin-prettier": "^8.1.0",
73
73
  "@svgr/plugin-svgo": "^8.1.0",
74
- "@types/node": "^20.12.12",
75
- "@types/react": "^18.3.2",
74
+ "@types/node": "^20.14.11",
75
+ "@types/react": "^18.3.3",
76
76
  "@types/react-datepicker": "^6.2.0",
77
77
  "@types/react-dom": "^18.3.0",
78
78
  "@typescript-eslint/eslint-plugin": "^7.9.0",
@@ -86,7 +86,7 @@
86
86
  "eslint-plugin-react-hooks": "^4.6.2",
87
87
  "eslint-plugin-react-refresh": "^0.4.7",
88
88
  "eslint-plugin-storybook": "^0.8.0",
89
- "glob": "^10.3.15",
89
+ "glob": "^10.4.5",
90
90
  "husky": "^9.0.11",
91
91
  "next": "^14.1.4",
92
92
  "prettier": "3.2.5",
@@ -98,7 +98,7 @@
98
98
  "storybook": "^7.6.19",
99
99
  "typescript": "^5.4.5",
100
100
  "typescript-plugin-css-modules": "^5.1.0",
101
- "vite": "^5.2.11",
101
+ "vite": "^5.3.4",
102
102
  "vite-plugin-dts": "^3.9.1",
103
103
  "vite-plugin-lib-inject-css": "^2.1.1",
104
104
  "vite-plugin-setting-css-module": "^1.1.4",