@axos-web-dev/shared-components 2.0.0-dev.18-apy.2 → 2.0.0-dev.18-apy.4
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/ATMLocator/ATMLocator.js +1 -1
- package/dist/Auth/ErrorAlert.js +1 -1
- package/dist/Button/Button.js +1 -1
- package/dist/Calculators/ApyCalculator/ApyCalculator.css.d.ts +10 -1
- package/dist/Calculators/ApyCalculator/ApyCalculator.css.js +43 -25
- package/dist/Calculators/ApyCalculator/index.js +137 -16
- package/dist/Calculators/MarginTradingCalculator/index.js +1 -1
- package/dist/Carousel/index.js +1 -1
- package/dist/Chevron/index.js +1 -1
- package/dist/Comparison/Comparison.js +1 -1
- package/dist/ExecutiveBio/ExecutiveBio.js +1 -1
- package/dist/FaqAccordion/index.js +1 -1
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +1 -1
- package/dist/Forms/ApplyNow.js +1 -1
- package/dist/Forms/ContactUsBusiness.js +1 -1
- package/dist/Forms/ContactUsBusinessNameEmail.js +1 -1
- package/dist/Forms/ContactUsNMLSId.js +1 -1
- package/dist/Forms/CpraRequest.js +1 -1
- package/dist/Forms/CraPublicFile.js +1 -1
- package/dist/Forms/EmailOnly.js +1 -1
- package/dist/Forms/MortgageRate/MortgageRateForm.js +1 -1
- package/dist/Forms/MortgageRate/MortgageRateWatch.js +1 -1
- package/dist/Forms/MortgageWarehouseLending.js +1 -1
- package/dist/Forms/SuccesForm.js +1 -1
- package/dist/Hyperlink/index.js +1 -1
- package/dist/ImageLink/ImageLink.js +1 -1
- package/dist/ImageLink/ImageLinkSet.js +1 -1
- package/dist/ImageLink/index.js +1 -1
- package/dist/Insight/Featured/CategorySelector.js +1 -1
- package/dist/Insight/Featured/Featured.js +1 -1
- package/dist/Insight/Featured/Header.js +1 -1
- package/dist/Modal/Modal.js +1 -1
- package/dist/NavigationMenu/AxosALTS/index.js +1 -1
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +1 -1
- package/dist/NavigationMenu/AxosBank/SubNavBar.js +1 -1
- package/dist/NavigationMenu/AxosBank/index.js +1 -1
- package/dist/NavigationMenu/LaVictoire/index.js +1 -1
- package/dist/NavigationMenu/Navbar.js +1 -1
- package/dist/NavigationMenu/SignInNavButton.js +1 -1
- package/dist/SetContainer/SetContainer.js +1 -1
- package/dist/SocialMediaBar/iconsRepository.js +1 -1
- package/dist/VideoTile/VideoTile.js +1 -1
- package/dist/VideoWrapper/index.js +1 -1
- package/dist/assets/Calculators/ApyCalculator/ApyCalculator.css +182 -79
- package/package.json +1 -1
|
@@ -55,7 +55,6 @@ import "react-dom";
|
|
|
55
55
|
import "../Auth/SignInPassword.js";
|
|
56
56
|
/* empty css */
|
|
57
57
|
/* empty css */
|
|
58
|
-
import "next/image.js";
|
|
59
58
|
import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
60
59
|
import "../Table/Table.css.js";
|
|
61
60
|
import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
@@ -77,6 +76,7 @@ import "../Chatbot/Chatbot.js";
|
|
|
77
76
|
import "../Chatbot/store/messages.js";
|
|
78
77
|
/* empty css */
|
|
79
78
|
import "../Comparison/Comparison.css.js";
|
|
79
|
+
import "next/image.js";
|
|
80
80
|
import "../HeroBanner/LargeBanner.css.js";
|
|
81
81
|
import "../HeroBanner/HeroBanner.css.js";
|
|
82
82
|
import "../HeroBanner/SelectionBanner.css.js";
|
package/dist/Auth/ErrorAlert.js
CHANGED
|
@@ -40,7 +40,6 @@ import "../ArticlesSet/ArticlesSet.css.js";
|
|
|
40
40
|
import "../Calculators/calculator.css.js";
|
|
41
41
|
import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
42
42
|
import "../Modal/contextApi/store.js";
|
|
43
|
-
import "next/image.js";
|
|
44
43
|
import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
45
44
|
import "../Table/Table.css.js";
|
|
46
45
|
import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
@@ -73,6 +72,7 @@ import "../Chatbot/store/messages.js";
|
|
|
73
72
|
import { Hyperlink } from "../Hyperlink/index.js";
|
|
74
73
|
/* empty css */
|
|
75
74
|
import "../Comparison/Comparison.css.js";
|
|
75
|
+
import "next/image.js";
|
|
76
76
|
import "../HeroBanner/LargeBanner.css.js";
|
|
77
77
|
import "../HeroBanner/HeroBanner.css.js";
|
|
78
78
|
import "../HeroBanner/SelectionBanner.css.js";
|
package/dist/Button/Button.js
CHANGED
|
@@ -24,7 +24,6 @@ import "../IconBillboard/IconBillboard.css.js";
|
|
|
24
24
|
import "../Calculators/calculator.css.js";
|
|
25
25
|
import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
26
26
|
import { useGlobalContext } from "../Modal/contextApi/store.js";
|
|
27
|
-
import "next/image.js";
|
|
28
27
|
import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
29
28
|
import "../Table/Table.css.js";
|
|
30
29
|
import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
@@ -80,6 +79,7 @@ import "../Chatbot/Chatbot.js";
|
|
|
80
79
|
import "../Chatbot/store/messages.js";
|
|
81
80
|
/* empty css */
|
|
82
81
|
import "../Comparison/Comparison.css.js";
|
|
82
|
+
import "next/image.js";
|
|
83
83
|
import "../HeroBanner/LargeBanner.css.js";
|
|
84
84
|
import "../HeroBanner/HeroBanner.css.js";
|
|
85
85
|
import "../HeroBanner/SelectionBanner.css.js";
|
|
@@ -32,7 +32,6 @@ export declare const field_error: string;
|
|
|
32
32
|
export declare const relative: string;
|
|
33
33
|
export declare const label_symbol: string;
|
|
34
34
|
export declare const percent: string;
|
|
35
|
-
export declare const submit_section: string;
|
|
36
35
|
export declare const span_12: string;
|
|
37
36
|
export declare const form_disclosure: string;
|
|
38
37
|
export declare const marketing: string;
|
|
@@ -68,5 +67,15 @@ export declare const result_value: string;
|
|
|
68
67
|
export declare const result_item: string;
|
|
69
68
|
export declare const result_item_label: string;
|
|
70
69
|
export declare const result_item_value: string;
|
|
70
|
+
export declare const result_image: string;
|
|
71
|
+
export declare const definitions_accordion: string;
|
|
72
|
+
export declare const definitions_button: string;
|
|
73
|
+
export declare const definitions_h2: string;
|
|
74
|
+
export declare const definitions_panel: string;
|
|
75
|
+
export declare const definitions_columns: string;
|
|
76
|
+
export declare const definitions_column: string;
|
|
77
|
+
export declare const definitions_item: string;
|
|
78
|
+
export declare const definitions_term: string;
|
|
79
|
+
export declare const definitions_text: string;
|
|
71
80
|
export declare const marketingTile: string;
|
|
72
81
|
export declare const bodyContent: string;
|
|
@@ -20,29 +20,38 @@ var field_error = "_1vox1xjf";
|
|
|
20
20
|
var relative = "_1vox1xjg";
|
|
21
21
|
var label_symbol = "_1vox1xjh";
|
|
22
22
|
var percent = "_1vox1xji";
|
|
23
|
-
var
|
|
24
|
-
var
|
|
25
|
-
var
|
|
26
|
-
var
|
|
27
|
-
var
|
|
28
|
-
var
|
|
29
|
-
var
|
|
30
|
-
var
|
|
31
|
-
var
|
|
32
|
-
var
|
|
33
|
-
var
|
|
34
|
-
var
|
|
35
|
-
var
|
|
36
|
-
var
|
|
37
|
-
var
|
|
38
|
-
var
|
|
39
|
-
var
|
|
40
|
-
var
|
|
41
|
-
var
|
|
42
|
-
var
|
|
43
|
-
var
|
|
44
|
-
var
|
|
45
|
-
var
|
|
23
|
+
var span_12 = "_1vox1xjj";
|
|
24
|
+
var form_disclosure = "_1vox1xjk";
|
|
25
|
+
var marketing = "_1vox1xjl";
|
|
26
|
+
var header_theme = createRuntimeFn({ defaultClassName: "_1vox1xjm", variantClassNames: { variant: { primary: "_1vox1xjn", secondary: "_1vox1xjo", tertiary: "_1vox1xjp", quaternary: "_1vox1xjq" } }, defaultVariants: {}, compoundVariants: [] });
|
|
27
|
+
var mt_8 = "_1vox1xjr";
|
|
28
|
+
var pis_0 = "_1vox1xjs";
|
|
29
|
+
var listbox_button = "_1vox1xjt";
|
|
30
|
+
var chevron_icon = "_1vox1xju";
|
|
31
|
+
var listbox_options = "_1vox1xjv";
|
|
32
|
+
var listbox_option = "_1vox1xjw";
|
|
33
|
+
var results_wrapper = "_1vox1xjx";
|
|
34
|
+
var optional_badge = "_1vox1xjy";
|
|
35
|
+
var scrambling = "_1vox1xj10";
|
|
36
|
+
var result_card = "_1vox1xj11";
|
|
37
|
+
var result_section = "_1vox1xj12";
|
|
38
|
+
var result_value_label = "_1vox1xj13";
|
|
39
|
+
var result_value = "_1vox1xj14";
|
|
40
|
+
var result_item = "_1vox1xj15";
|
|
41
|
+
var result_item_label = "_1vox1xj16";
|
|
42
|
+
var result_item_value = "_1vox1xj17";
|
|
43
|
+
var result_image = "_1vox1xj18";
|
|
44
|
+
var definitions_accordion = "_1vox1xj19";
|
|
45
|
+
var definitions_button = "_1vox1xj1a";
|
|
46
|
+
var definitions_h2 = "_1vox1xj1b";
|
|
47
|
+
var definitions_panel = "_1vox1xj1c";
|
|
48
|
+
var definitions_columns = "_1vox1xj1d";
|
|
49
|
+
var definitions_column = "_1vox1xj1e";
|
|
50
|
+
var definitions_item = "_1vox1xj1f";
|
|
51
|
+
var definitions_term = "_1vox1xj1g";
|
|
52
|
+
var definitions_text = "_1vox1xj1h";
|
|
53
|
+
var marketingTile = "_1vox1xj1i";
|
|
54
|
+
var bodyContent = "_1vox1xj1j";
|
|
46
55
|
export {
|
|
47
56
|
apy_calculator,
|
|
48
57
|
apy_calculator_form,
|
|
@@ -50,6 +59,15 @@ export {
|
|
|
50
59
|
calculator_section,
|
|
51
60
|
chevron_icon,
|
|
52
61
|
container,
|
|
62
|
+
definitions_accordion,
|
|
63
|
+
definitions_button,
|
|
64
|
+
definitions_column,
|
|
65
|
+
definitions_columns,
|
|
66
|
+
definitions_h2,
|
|
67
|
+
definitions_item,
|
|
68
|
+
definitions_panel,
|
|
69
|
+
definitions_term,
|
|
70
|
+
definitions_text,
|
|
53
71
|
errorTag,
|
|
54
72
|
field_error,
|
|
55
73
|
field_label,
|
|
@@ -71,6 +89,7 @@ export {
|
|
|
71
89
|
pis_0,
|
|
72
90
|
relative,
|
|
73
91
|
result_card,
|
|
92
|
+
result_image,
|
|
74
93
|
result_item,
|
|
75
94
|
result_item_label,
|
|
76
95
|
result_item_value,
|
|
@@ -80,6 +99,5 @@ export {
|
|
|
80
99
|
results_wrapper,
|
|
81
100
|
scrambling,
|
|
82
101
|
section_header,
|
|
83
|
-
span_12
|
|
84
|
-
submit_section
|
|
102
|
+
span_12
|
|
85
103
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
+
import { jsxs, jsx, Fragment } from "react/jsx-runtime";
|
|
3
3
|
import { useGlobalContext } from "../../Modal/contextApi/store.js";
|
|
4
4
|
import { getVariant } from "../../utils/getVariant.js";
|
|
5
|
-
import
|
|
6
|
-
import {
|
|
5
|
+
import { Field, Label, Input, Description, Listbox, ListboxButton, ListboxOptions, ListboxOption, Disclosure, DisclosureButton, DisclosurePanel } from "@headlessui/react";
|
|
6
|
+
import { AnimatePresence, motion } from "framer-motion";
|
|
7
7
|
import { useState, useCallback, useEffect, useRef } from "react";
|
|
8
|
-
import { apy_calculator, section_header, header_theme, mt_8, calculator_section, apy_calculator_form, fieldset, field_row, relative, field_label, field_row_input, field_row_input_error, field_error, label_symbol, percent, listbox_button, chevron_icon, listbox_options, listbox_option, optional_badge, form_disclosure, results_wrapper, result_card, result_section, result_value, scrambling, result_value_label, result_item, result_item_label, result_item_value, container } from "./ApyCalculator.css.js";
|
|
8
|
+
import { apy_calculator, section_header, header_theme, mt_8, calculator_section, apy_calculator_form, fieldset, field_row, relative, field_label, field_row_input, field_row_input_error, field_error, label_symbol, percent, listbox_button, chevron_icon, listbox_options, listbox_option, optional_badge, form_disclosure, results_wrapper, result_card, result_section, result_image, result_value, scrambling, result_value_label, result_item, result_item_label, result_item_value, definitions_accordion, definitions_button, definitions_h2, definitions_panel, definitions_columns, definitions_column, definitions_item, definitions_term, definitions_text, container } from "./ApyCalculator.css.js";
|
|
9
9
|
const COMPOUNDING_OPTIONS = [
|
|
10
10
|
{ value: 360, label: "Daily" },
|
|
11
11
|
{ value: 12, label: "Monthly" },
|
|
@@ -13,7 +13,45 @@ const COMPOUNDING_OPTIONS = [
|
|
|
13
13
|
{ value: 2, label: "Semi-Annual" },
|
|
14
14
|
{ value: 1, label: "Yearly" }
|
|
15
15
|
];
|
|
16
|
+
const CALCULATOR_DEFINITIONS = [
|
|
17
|
+
{
|
|
18
|
+
term: "Initial deposit",
|
|
19
|
+
description: "The amount of money you're starting with."
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
term: "APY (Annual Percentage Yield)",
|
|
23
|
+
description: "The rate your money earns in a year, with compounding included."
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
term: "Months",
|
|
27
|
+
description: "How long you plan to keep your money in the account."
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
term: "Compounding",
|
|
31
|
+
description: "How often interest is calculated and added to your balance. APY on bank accounts usually compounds monthly."
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
term: "Monthly deposits",
|
|
35
|
+
description: "Any additional amount you plan to contribute each month."
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
term: "Interest earned",
|
|
39
|
+
description: "The amount gained from interest over the selected time period."
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
term: "Ending balance",
|
|
43
|
+
description: "Your projected balance at the end of the selected time period, based on the inputs above."
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
term: "Total deposits",
|
|
47
|
+
description: "The total money you contribute, including your initial and monthly deposits."
|
|
48
|
+
}
|
|
49
|
+
];
|
|
16
50
|
const SCRAMBLE_CHARS = "0123456789";
|
|
51
|
+
const DEFINITIONS_ITEM_TRANSITION = {
|
|
52
|
+
duration: 0.35,
|
|
53
|
+
ease: [0.22, 1, 0.36, 1]
|
|
54
|
+
};
|
|
17
55
|
function scrambleCurrency(target, progress) {
|
|
18
56
|
const formatted = target.toLocaleString("en-US", {
|
|
19
57
|
style: "currency",
|
|
@@ -134,7 +172,7 @@ const ApyCalculator = ({
|
|
|
134
172
|
const raw = e.target.value;
|
|
135
173
|
const num = parseFloat(raw.replace(/[^0-9.]/g, ""));
|
|
136
174
|
setAPY(num);
|
|
137
|
-
setAPYDisplay(raw);
|
|
175
|
+
setAPYDisplay(raw.replace(/[^0-9.]/g, ""));
|
|
138
176
|
};
|
|
139
177
|
const [endingBalanceRaw, setEndingBalanceRaw] = useState(0);
|
|
140
178
|
const [totalDepositsRaw, setTotalDepositsRaw] = useState(0);
|
|
@@ -142,6 +180,9 @@ const ApyCalculator = ({
|
|
|
142
180
|
const { display: endingBalanceDisplay, isScrambling: balanceScrambling } = useScramble(endingBalanceRaw);
|
|
143
181
|
const { display: totalDepositsDisplay, isScrambling: depositsScrambling } = useScramble(totalDepositsRaw);
|
|
144
182
|
const { display: interestEarnedDisplay, isScrambling: interestScrambling } = useScramble(interestEarnedRaw);
|
|
183
|
+
const midPoint = Math.ceil(CALCULATOR_DEFINITIONS.length / 2);
|
|
184
|
+
const leftDefinitions = CALCULATOR_DEFINITIONS.slice(0, midPoint);
|
|
185
|
+
const rightDefinitions = CALCULATOR_DEFINITIONS.slice(midPoint);
|
|
145
186
|
const calculate = useCallback(() => {
|
|
146
187
|
const newErrors = {};
|
|
147
188
|
if (!initialDeposit || initialDeposit <= 0 || Number.isNaN(initialDeposit)) {
|
|
@@ -205,7 +246,7 @@ const ApyCalculator = ({
|
|
|
205
246
|
/* @__PURE__ */ jsxs(
|
|
206
247
|
"div",
|
|
207
248
|
{
|
|
208
|
-
className: `${apy_calculator}
|
|
249
|
+
className: `${apy_calculator} flex between`,
|
|
209
250
|
style: { paddingBlock: "0px" },
|
|
210
251
|
children: [
|
|
211
252
|
/* @__PURE__ */ jsx("div", { className: calculator_section, children: /* @__PURE__ */ jsx("form", { id: "calculator_form", className: apy_calculator_form, children: /* @__PURE__ */ jsxs("div", { className: fieldset, children: [
|
|
@@ -261,9 +302,9 @@ const ApyCalculator = ({
|
|
|
261
302
|
type: "text",
|
|
262
303
|
inputMode: "numeric",
|
|
263
304
|
name: "apy",
|
|
264
|
-
|
|
265
|
-
value: APYDisplay,
|
|
305
|
+
value: APYDisplay ? `$${APYDisplay}%` : "",
|
|
266
306
|
onChange: handleAPYChange,
|
|
307
|
+
onWheel: (e) => e.currentTarget.blur(),
|
|
267
308
|
"aria-invalid": !!fieldErrors.APY,
|
|
268
309
|
"aria-describedby": fieldErrors.APY ? "apy-error" : void 0
|
|
269
310
|
}
|
|
@@ -407,14 +448,13 @@ const ApyCalculator = ({
|
|
|
407
448
|
"aria-label": `Interest earned: ${interestEarnedDisplay}`,
|
|
408
449
|
children: [
|
|
409
450
|
/* @__PURE__ */ jsx(
|
|
410
|
-
|
|
451
|
+
"img",
|
|
411
452
|
{
|
|
412
453
|
src: "https://www.axos.com/images/5IyqVlv7El9K7hAX0vIGWG/axb-25th-growth-lg.png",
|
|
413
454
|
alt: "",
|
|
414
|
-
height:
|
|
415
|
-
width:
|
|
416
|
-
className:
|
|
417
|
-
priority: true
|
|
455
|
+
height: 173,
|
|
456
|
+
width: 202,
|
|
457
|
+
className: `img_fluid ${result_image}`
|
|
418
458
|
}
|
|
419
459
|
),
|
|
420
460
|
/* @__PURE__ */ jsx(
|
|
@@ -430,7 +470,7 @@ const ApyCalculator = ({
|
|
|
430
470
|
),
|
|
431
471
|
/* @__PURE__ */ jsxs("div", { "aria-live": "polite", "aria-atomic": "true", children: [
|
|
432
472
|
/* @__PURE__ */ jsxs("div", { className: result_item, children: [
|
|
433
|
-
/* @__PURE__ */ jsx("span", { className: result_item_label, children: "Ending Balance" }),
|
|
473
|
+
/* @__PURE__ */ jsx("span", { className: result_item_label, children: "Ending Balance:" }),
|
|
434
474
|
/* @__PURE__ */ jsx(
|
|
435
475
|
"span",
|
|
436
476
|
{
|
|
@@ -440,7 +480,7 @@ const ApyCalculator = ({
|
|
|
440
480
|
)
|
|
441
481
|
] }),
|
|
442
482
|
/* @__PURE__ */ jsxs("div", { className: result_item, children: [
|
|
443
|
-
/* @__PURE__ */ jsx("span", { className: result_item_label, children: "Total Deposits" }),
|
|
483
|
+
/* @__PURE__ */ jsx("span", { className: result_item_label, children: "Total Deposits:" }),
|
|
444
484
|
/* @__PURE__ */ jsx(
|
|
445
485
|
"span",
|
|
446
486
|
{
|
|
@@ -453,7 +493,88 @@ const ApyCalculator = ({
|
|
|
453
493
|
] }) })
|
|
454
494
|
]
|
|
455
495
|
}
|
|
456
|
-
)
|
|
496
|
+
),
|
|
497
|
+
/* @__PURE__ */ jsx("div", { id: "definitions", className: "push_up_24", children: /* @__PURE__ */ jsx(
|
|
498
|
+
"div",
|
|
499
|
+
{
|
|
500
|
+
className: `${definitions_accordion} ${apy_calculator}`,
|
|
501
|
+
"aria-label": "Calculator definitions",
|
|
502
|
+
style: { paddingBlock: "0px" },
|
|
503
|
+
children: /* @__PURE__ */ jsx(Disclosure, { children: ({ open }) => /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
504
|
+
/* @__PURE__ */ jsxs(DisclosureButton, { className: definitions_button, children: [
|
|
505
|
+
/* @__PURE__ */ jsx("h2", { className: definitions_h2, children: "Calculator definitions" }),
|
|
506
|
+
/* @__PURE__ */ jsx(
|
|
507
|
+
"svg",
|
|
508
|
+
{
|
|
509
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
510
|
+
width: "20",
|
|
511
|
+
height: "20",
|
|
512
|
+
viewBox: "0 0 20 20",
|
|
513
|
+
fill: "none",
|
|
514
|
+
"aria-hidden": "true",
|
|
515
|
+
children: /* @__PURE__ */ jsx(
|
|
516
|
+
"path",
|
|
517
|
+
{
|
|
518
|
+
d: "M10 1.25C14.8325 1.25 18.75 5.16751 18.75 10C18.75 14.8325 14.8325 18.75 10 18.75C5.16751 18.75 1.25 14.8325 1.25 10C1.25 5.16751 5.16751 1.25 10 1.25ZM10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5ZM10.625 8.75V14.375H9.375V8.75H10.625ZM10 5.625C10.5178 5.625 10.9375 6.04473 10.9375 6.5625C10.9375 7.08027 10.5178 7.5 10 7.5C9.48223 7.5 9.0625 7.08027 9.0625 6.5625C9.0625 6.04473 9.48223 5.625 10 5.625Z",
|
|
519
|
+
fill: "#435164"
|
|
520
|
+
}
|
|
521
|
+
)
|
|
522
|
+
}
|
|
523
|
+
)
|
|
524
|
+
] }),
|
|
525
|
+
/* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: open && /* @__PURE__ */ jsx(
|
|
526
|
+
DisclosurePanel,
|
|
527
|
+
{
|
|
528
|
+
static: true,
|
|
529
|
+
as: motion.div,
|
|
530
|
+
className: definitions_panel,
|
|
531
|
+
initial: { opacity: 0, height: 0, y: -6 },
|
|
532
|
+
animate: { opacity: 1, height: "auto", y: 0 },
|
|
533
|
+
exit: { opacity: 0, height: 0, y: -4 },
|
|
534
|
+
style: { overflow: "hidden" },
|
|
535
|
+
children: /* @__PURE__ */ jsxs("div", { className: definitions_columns, children: [
|
|
536
|
+
/* @__PURE__ */ jsx("div", { className: definitions_column, children: leftDefinitions.map((definition, index) => /* @__PURE__ */ jsxs(
|
|
537
|
+
motion.div,
|
|
538
|
+
{
|
|
539
|
+
className: definitions_item,
|
|
540
|
+
initial: { opacity: 0, y: 8 },
|
|
541
|
+
animate: { opacity: 1, y: 0 },
|
|
542
|
+
exit: { opacity: 0, y: 6 },
|
|
543
|
+
transition: {
|
|
544
|
+
...DEFINITIONS_ITEM_TRANSITION,
|
|
545
|
+
delay: index * 0.045
|
|
546
|
+
},
|
|
547
|
+
children: [
|
|
548
|
+
/* @__PURE__ */ jsx("h3", { className: definitions_term, children: definition.term }),
|
|
549
|
+
/* @__PURE__ */ jsx("p", { className: definitions_text, children: definition.description })
|
|
550
|
+
]
|
|
551
|
+
},
|
|
552
|
+
definition.term
|
|
553
|
+
)) }),
|
|
554
|
+
/* @__PURE__ */ jsx("div", { className: definitions_column, children: rightDefinitions.map((definition, index) => /* @__PURE__ */ jsxs(
|
|
555
|
+
motion.div,
|
|
556
|
+
{
|
|
557
|
+
className: definitions_item,
|
|
558
|
+
initial: { opacity: 0, y: 8 },
|
|
559
|
+
animate: { opacity: 1, y: 0 },
|
|
560
|
+
exit: { opacity: 0, y: 6 },
|
|
561
|
+
transition: {
|
|
562
|
+
...DEFINITIONS_ITEM_TRANSITION,
|
|
563
|
+
delay: (leftDefinitions.length + index) * 0.045
|
|
564
|
+
},
|
|
565
|
+
children: [
|
|
566
|
+
/* @__PURE__ */ jsx("h3", { className: definitions_term, children: definition.term }),
|
|
567
|
+
/* @__PURE__ */ jsx("p", { className: definitions_text, children: definition.description })
|
|
568
|
+
]
|
|
569
|
+
},
|
|
570
|
+
definition.term
|
|
571
|
+
)) })
|
|
572
|
+
] })
|
|
573
|
+
}
|
|
574
|
+
) })
|
|
575
|
+
] }) })
|
|
576
|
+
}
|
|
577
|
+
) })
|
|
457
578
|
]
|
|
458
579
|
}
|
|
459
580
|
);
|
|
@@ -27,7 +27,6 @@ import "../../Article/Article.css.js";
|
|
|
27
27
|
import "../../ArticlesSet/ArticlesSet.css.js";
|
|
28
28
|
import "../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
29
29
|
import { useGlobalContext } from "../../Modal/contextApi/store.js";
|
|
30
|
-
import "next/image.js";
|
|
31
30
|
import "../../Table/Table.css.js";
|
|
32
31
|
import "../AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
33
32
|
import "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
@@ -81,6 +80,7 @@ import "../../Chatbot/Chatbot.js";
|
|
|
81
80
|
import "../../Chatbot/store/messages.js";
|
|
82
81
|
/* empty css */
|
|
83
82
|
import "../../Comparison/Comparison.css.js";
|
|
83
|
+
import "next/image.js";
|
|
84
84
|
import "../../HeroBanner/LargeBanner.css.js";
|
|
85
85
|
import "../../HeroBanner/HeroBanner.css.js";
|
|
86
86
|
import "../../HeroBanner/SelectionBanner.css.js";
|
package/dist/Carousel/index.js
CHANGED
|
@@ -25,7 +25,6 @@ import "../ArticlesSet/ArticlesSet.css.js";
|
|
|
25
25
|
import "../Calculators/calculator.css.js";
|
|
26
26
|
import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
27
27
|
import "../Modal/contextApi/store.js";
|
|
28
|
-
import "next/image.js";
|
|
29
28
|
import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
30
29
|
import "../Table/Table.css.js";
|
|
31
30
|
import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
@@ -82,6 +81,7 @@ import "../Chatbot/Chatbot.js";
|
|
|
82
81
|
import "../Chatbot/store/messages.js";
|
|
83
82
|
/* empty css */
|
|
84
83
|
import "../Comparison/Comparison.css.js";
|
|
84
|
+
import "next/image.js";
|
|
85
85
|
import "../HeroBanner/LargeBanner.css.js";
|
|
86
86
|
import "../HeroBanner/HeroBanner.css.js";
|
|
87
87
|
import "../HeroBanner/SelectionBanner.css.js";
|
package/dist/Chevron/index.js
CHANGED
|
@@ -25,7 +25,6 @@ import "../ArticlesSet/ArticlesSet.css.js";
|
|
|
25
25
|
import "../IconBillboard/IconBillboard.css.js";
|
|
26
26
|
import "../Calculators/calculator.css.js";
|
|
27
27
|
import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
28
|
-
import "next/image.js";
|
|
29
28
|
import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
30
29
|
import "../Table/Table.css.js";
|
|
31
30
|
import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
@@ -81,6 +80,7 @@ import "../Chatbot/Chatbot.js";
|
|
|
81
80
|
import "../Chatbot/store/messages.js";
|
|
82
81
|
/* empty css */
|
|
83
82
|
import "../Comparison/Comparison.css.js";
|
|
83
|
+
import "next/image.js";
|
|
84
84
|
import "../HeroBanner/LargeBanner.css.js";
|
|
85
85
|
import "../HeroBanner/HeroBanner.css.js";
|
|
86
86
|
import "../HeroBanner/SelectionBanner.css.js";
|
|
@@ -25,7 +25,6 @@ import "../ArticlesSet/ArticlesSet.css.js";
|
|
|
25
25
|
import "../Calculators/calculator.css.js";
|
|
26
26
|
import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
27
27
|
import "../Modal/contextApi/store.js";
|
|
28
|
-
import "next/image.js";
|
|
29
28
|
import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
30
29
|
import "../Table/Table.css.js";
|
|
31
30
|
import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
@@ -82,6 +81,7 @@ import "../Chatbot/Chatbot.js";
|
|
|
82
81
|
import "../Chatbot/store/messages.js";
|
|
83
82
|
/* empty css */
|
|
84
83
|
import { comparison_layout, comparison_content, headerComparison, feature_header, feature_title, comparison_feature, comparison_list, comparison_buttons, comparison } from "./Comparison.css.js";
|
|
84
|
+
import "next/image.js";
|
|
85
85
|
import "../HeroBanner/LargeBanner.css.js";
|
|
86
86
|
import "../HeroBanner/HeroBanner.css.js";
|
|
87
87
|
import "../HeroBanner/SelectionBanner.css.js";
|
|
@@ -30,7 +30,6 @@ import "react-use";
|
|
|
30
30
|
import "../ArticlesSet/ArticlesSet.css.js";
|
|
31
31
|
import "../Calculators/calculator.css.js";
|
|
32
32
|
import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
33
|
-
import "next/image.js";
|
|
34
33
|
import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
35
34
|
import "../Table/Table.css.js";
|
|
36
35
|
import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
@@ -83,6 +82,7 @@ import "../Chatbot/Chatbot.js";
|
|
|
83
82
|
import "../Chatbot/store/messages.js";
|
|
84
83
|
/* empty css */
|
|
85
84
|
import "../Comparison/Comparison.css.js";
|
|
85
|
+
import "next/image.js";
|
|
86
86
|
import "../HeroBanner/LargeBanner.css.js";
|
|
87
87
|
import "../HeroBanner/HeroBanner.css.js";
|
|
88
88
|
import "../HeroBanner/SelectionBanner.css.js";
|
|
@@ -25,7 +25,6 @@ import clsx from "clsx";
|
|
|
25
25
|
import "../Calculators/calculator.css.js";
|
|
26
26
|
import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
27
27
|
import "../Modal/contextApi/store.js";
|
|
28
|
-
import "next/image.js";
|
|
29
28
|
import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
30
29
|
import "../Table/Table.css.js";
|
|
31
30
|
import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
@@ -83,6 +82,7 @@ import "../Chatbot/Chatbot.js";
|
|
|
83
82
|
import "../Chatbot/store/messages.js";
|
|
84
83
|
/* empty css */
|
|
85
84
|
import "../Comparison/Comparison.css.js";
|
|
85
|
+
import "next/image.js";
|
|
86
86
|
import "../HeroBanner/LargeBanner.css.js";
|
|
87
87
|
import "../HeroBanner/HeroBanner.css.js";
|
|
88
88
|
import "../HeroBanner/SelectionBanner.css.js";
|
|
@@ -26,7 +26,6 @@ import "react-use";
|
|
|
26
26
|
import "../../ArticlesSet/ArticlesSet.css.js";
|
|
27
27
|
import "../../Calculators/calculator.css.js";
|
|
28
28
|
import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
29
|
-
import "next/image.js";
|
|
30
29
|
import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
31
30
|
import "../../Table/Table.css.js";
|
|
32
31
|
import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
@@ -79,6 +78,7 @@ import "../../Chatbot/Chatbot.js";
|
|
|
79
78
|
import "../../Chatbot/store/messages.js";
|
|
80
79
|
/* empty css */
|
|
81
80
|
import "../../Comparison/Comparison.css.js";
|
|
81
|
+
import "next/image.js";
|
|
82
82
|
import "../../HeroBanner/LargeBanner.css.js";
|
|
83
83
|
import "../../HeroBanner/HeroBanner.css.js";
|
|
84
84
|
import "../../HeroBanner/SelectionBanner.css.js";
|
package/dist/Forms/ApplyNow.js
CHANGED
|
@@ -28,7 +28,6 @@ import "../ArticlesSet/ArticlesSet.css.js";
|
|
|
28
28
|
import "../Calculators/calculator.css.js";
|
|
29
29
|
import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
30
30
|
import "../Modal/contextApi/store.js";
|
|
31
|
-
import "next/image.js";
|
|
32
31
|
import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
33
32
|
import "../Table/Table.css.js";
|
|
34
33
|
import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
@@ -84,6 +83,7 @@ import "../Chatbot/Chatbot.js";
|
|
|
84
83
|
import "../Chatbot/store/messages.js";
|
|
85
84
|
/* empty css */
|
|
86
85
|
import "../Comparison/Comparison.css.js";
|
|
86
|
+
import "next/image.js";
|
|
87
87
|
import "../HeroBanner/LargeBanner.css.js";
|
|
88
88
|
import "../HeroBanner/HeroBanner.css.js";
|
|
89
89
|
import "../HeroBanner/SelectionBanner.css.js";
|
|
@@ -40,7 +40,6 @@ import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
|
|
|
40
40
|
import "../Calculators/calculator.css.js";
|
|
41
41
|
import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
42
42
|
import "../Modal/contextApi/store.js";
|
|
43
|
-
import "next/image.js";
|
|
44
43
|
import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
45
44
|
import "../Table/Table.css.js";
|
|
46
45
|
import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
@@ -85,6 +84,7 @@ import "../Chatbot/Chatbot.js";
|
|
|
85
84
|
import "../Chatbot/store/messages.js";
|
|
86
85
|
/* empty css */
|
|
87
86
|
import "../Comparison/Comparison.css.js";
|
|
87
|
+
import "next/image.js";
|
|
88
88
|
import "../HeroBanner/LargeBanner.css.js";
|
|
89
89
|
import "../HeroBanner/HeroBanner.css.js";
|
|
90
90
|
import "../HeroBanner/SelectionBanner.css.js";
|
|
@@ -40,7 +40,6 @@ import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
|
|
|
40
40
|
import "../Calculators/calculator.css.js";
|
|
41
41
|
import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
42
42
|
import "../Modal/contextApi/store.js";
|
|
43
|
-
import "next/image.js";
|
|
44
43
|
import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
45
44
|
import "../Table/Table.css.js";
|
|
46
45
|
import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
@@ -85,6 +84,7 @@ import "../Chatbot/Chatbot.js";
|
|
|
85
84
|
import "../Chatbot/store/messages.js";
|
|
86
85
|
/* empty css */
|
|
87
86
|
import "../Comparison/Comparison.css.js";
|
|
87
|
+
import "next/image.js";
|
|
88
88
|
import "../HeroBanner/LargeBanner.css.js";
|
|
89
89
|
import "../HeroBanner/HeroBanner.css.js";
|
|
90
90
|
import "../HeroBanner/SelectionBanner.css.js";
|
|
@@ -40,7 +40,6 @@ import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
|
|
|
40
40
|
import "../Calculators/calculator.css.js";
|
|
41
41
|
import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
42
42
|
import "../Modal/contextApi/store.js";
|
|
43
|
-
import "next/image.js";
|
|
44
43
|
import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
45
44
|
import "../Table/Table.css.js";
|
|
46
45
|
import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
@@ -85,6 +84,7 @@ import "../Chatbot/Chatbot.js";
|
|
|
85
84
|
import "../Chatbot/store/messages.js";
|
|
86
85
|
/* empty css */
|
|
87
86
|
import "../Comparison/Comparison.css.js";
|
|
87
|
+
import "next/image.js";
|
|
88
88
|
import "../HeroBanner/LargeBanner.css.js";
|
|
89
89
|
import "../HeroBanner/HeroBanner.css.js";
|
|
90
90
|
import "../HeroBanner/SelectionBanner.css.js";
|
|
@@ -44,7 +44,6 @@ import "../IconBillboard/IconBillboard.css.js";
|
|
|
44
44
|
import "../Calculators/calculator.css.js";
|
|
45
45
|
import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
46
46
|
import { useGlobalContext } from "../Modal/contextApi/store.js";
|
|
47
|
-
import "next/image.js";
|
|
48
47
|
import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
49
48
|
import "../Table/Table.css.js";
|
|
50
49
|
import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
@@ -85,6 +84,7 @@ import "../Chatbot/Chatbot.js";
|
|
|
85
84
|
import "../Chatbot/store/messages.js";
|
|
86
85
|
/* empty css */
|
|
87
86
|
import "../Comparison/Comparison.css.js";
|
|
87
|
+
import "next/image.js";
|
|
88
88
|
import "../HeroBanner/LargeBanner.css.js";
|
|
89
89
|
import "../HeroBanner/HeroBanner.css.js";
|
|
90
90
|
import "../HeroBanner/SelectionBanner.css.js";
|
|
@@ -40,7 +40,6 @@ import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
|
|
|
40
40
|
import "../Calculators/calculator.css.js";
|
|
41
41
|
import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
42
42
|
import "../Modal/contextApi/store.js";
|
|
43
|
-
import "next/image.js";
|
|
44
43
|
import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
45
44
|
import "../Table/Table.css.js";
|
|
46
45
|
import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
@@ -85,6 +84,7 @@ import "../Chatbot/Chatbot.js";
|
|
|
85
84
|
import "../Chatbot/store/messages.js";
|
|
86
85
|
/* empty css */
|
|
87
86
|
import "../Comparison/Comparison.css.js";
|
|
87
|
+
import "next/image.js";
|
|
88
88
|
import "../HeroBanner/LargeBanner.css.js";
|
|
89
89
|
import "../HeroBanner/HeroBanner.css.js";
|
|
90
90
|
import "../HeroBanner/SelectionBanner.css.js";
|
package/dist/Forms/EmailOnly.js
CHANGED
|
@@ -41,7 +41,6 @@ import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
|
|
|
41
41
|
import "../Calculators/calculator.css.js";
|
|
42
42
|
import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
43
43
|
import "../Modal/contextApi/store.js";
|
|
44
|
-
import "next/image.js";
|
|
45
44
|
import "../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
46
45
|
import "../Table/Table.css.js";
|
|
47
46
|
import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
@@ -86,6 +85,7 @@ import "../Chatbot/Chatbot.js";
|
|
|
86
85
|
import "../Chatbot/store/messages.js";
|
|
87
86
|
/* empty css */
|
|
88
87
|
import "../Comparison/Comparison.css.js";
|
|
88
|
+
import "next/image.js";
|
|
89
89
|
import "../HeroBanner/LargeBanner.css.js";
|
|
90
90
|
import "../HeroBanner/HeroBanner.css.js";
|
|
91
91
|
import "../HeroBanner/SelectionBanner.css.js";
|