@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.
- package/dist/Calculators/ApyCalculator/index.js +2 -4
- package/dist/Calculators/Calculator.js +6 -6
- package/dist/Calculators/MarginTradingCalculator/index.js +3 -6
- package/dist/Calculators/MaxLoanCalculator/index.d.ts +2 -2
- package/dist/Calculators/MaxLoanCalculator/index.js +3 -3
- package/dist/Calculators/index.d.ts +6 -0
- package/dist/Calculators/index.js +12 -0
- package/dist/CallToActionBar/index.js +1 -2
- package/dist/Carousel/index.js +8 -6
- package/dist/Chevron/index.js +4 -4
- package/dist/Comparison/Comparison.js +4 -4
- package/dist/Comparison/ComparisonSet.js +5 -5
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +4 -4
- package/dist/Forms/ContactUsBusiness.js +4 -4
- package/dist/Forms/ContactUsNMLSId.js +4 -4
- package/dist/Forms/EmailOnly.js +4 -4
- package/dist/Forms/SuccesForm.js +3 -3
- package/dist/Hyperlink/index.js +4 -4
- package/dist/ImageLink/ImageLink.js +4 -4
- package/dist/ImageLink/ImageLinkSet.js +4 -4
- package/dist/ImageLink/index.js +4 -4
- package/dist/Modal/Modal.js +5 -5
- package/dist/NavigationMenu/AxosBank/SubNavBar.js +4 -4
- package/dist/SetContainer/SetContainer.js +4 -4
- package/dist/main.js +6 -2
- package/dist/utils/allowedAxosDomains.js +1 -2
- package/package.json +9 -9
|
@@ -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
|
|
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<
|
|
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
|
};
|
package/dist/Carousel/index.js
CHANGED
|
@@ -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
|
-
|
|
32
|
-
import "../Calculators/
|
|
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__ */
|
|
119
|
-
|
|
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
|
};
|
package/dist/Chevron/index.js
CHANGED
|
@@ -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
|
-
|
|
31
|
-
import "../Calculators/
|
|
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
|
-
|
|
30
|
-
import "../Calculators/
|
|
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
|
-
|
|
29
|
-
import "../
|
|
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
|
-
|
|
29
|
-
import "../../Calculators/
|
|
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 */
|
package/dist/Forms/EmailOnly.js
CHANGED
|
@@ -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 */
|
package/dist/Forms/SuccesForm.js
CHANGED
|
@@ -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 */
|
package/dist/Hyperlink/index.js
CHANGED
|
@@ -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
|
-
|
|
31
|
-
import "../Calculators/
|
|
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
|
-
|
|
28
|
-
import "../Calculators/
|
|
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
|
-
|
|
31
|
-
import "../Calculators/
|
|
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 */
|
package/dist/ImageLink/index.js
CHANGED
|
@@ -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
|
-
|
|
28
|
-
import "../Calculators/
|
|
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 */
|
package/dist/Modal/Modal.js
CHANGED
|
@@ -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
|
-
|
|
27
|
-
import "../
|
|
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
|
-
|
|
30
|
-
import "../../Calculators/
|
|
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
|
-
|
|
30
|
-
import "../Calculators/
|
|
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.
|
|
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.
|
|
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.
|
|
44
|
+
"react-hook-form": "^7.52.1",
|
|
45
45
|
"react-markdown": "^9.0.1",
|
|
46
|
-
"react-use": "^17.5.
|
|
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.
|
|
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.
|
|
75
|
-
"@types/react": "^18.3.
|
|
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.
|
|
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.
|
|
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",
|