@axos-web-dev/shared-components 0.0.97 → 0.0.99

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.
Files changed (64) hide show
  1. package/dist/ATMLocator/ATMLocator.js +2 -2
  2. package/dist/Accordion/Accordion.css.d.ts +9 -9
  3. package/dist/BulletItem/BulletItem.js +1 -0
  4. package/dist/Button/Button.js +2 -3
  5. package/dist/Calculators/AnnualFeeCalculator/index.js +1 -0
  6. package/dist/Calculators/BalanceAPYCalculator/index.js +1 -0
  7. package/dist/Calculators/Calculator.js +2 -2
  8. package/dist/Calculators/MarginTradingCalculator/index.js +1 -0
  9. package/dist/Calculators/MaxLoanCalculator/index.js +1 -0
  10. package/dist/Calculators/MonthlyPaymentCalculator/index.js +1 -0
  11. package/dist/Carousel/index.js +2 -2
  12. package/dist/Chevron/index.js +2 -3
  13. package/dist/Comparison/Comparison.js +3 -3
  14. package/dist/Comparison/ComparisonSet.js +3 -3
  15. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +1 -2
  16. package/dist/Forms/ApplicationStart.js +3 -3
  17. package/dist/Forms/CommercialLending.js +7 -14
  18. package/dist/Forms/ContactCompany.js +3 -3
  19. package/dist/Forms/ContactUs.js +3 -3
  20. package/dist/Forms/ContactUsAAS.js +4 -4
  21. package/dist/Forms/ContactUsBusiness.js +4 -4
  22. package/dist/Forms/ContactUsNMLSId.js +4 -4
  23. package/dist/Forms/DealerServices.js +3 -3
  24. package/dist/Forms/EmailOnly.js +4 -4
  25. package/dist/Forms/EmailUs.js +1 -0
  26. package/dist/Forms/SalesforceFieldsForm.d.ts +1 -0
  27. package/dist/Forms/ScheduleCall.js +4 -7
  28. package/dist/Forms/ScheduleCallPremier.js +3 -3
  29. package/dist/Forms/SuccesForm.js +2 -2
  30. package/dist/Forms/WcplSurvey.js +2 -3
  31. package/dist/Hyperlink/index.js +1 -2
  32. package/dist/ImageLink/ImageLink.js +2 -2
  33. package/dist/ImageLink/ImageLinkSet.js +2 -2
  34. package/dist/ImageLink/index.js +2 -2
  35. package/dist/Input/Checkbox.d.ts +1 -1
  36. package/dist/Input/CurrencyInput.js +2 -3
  37. package/dist/Input/InputPhone.js +2 -3
  38. package/dist/Input/InputProps.d.ts +0 -6
  39. package/dist/Input/index.d.ts +0 -3
  40. package/dist/Input/index.js +0 -6
  41. package/dist/LoadingIndicator/index.js +1 -0
  42. package/dist/Modal/Modal.js +3 -3
  43. package/dist/Modal/contextApi/store.js +1 -0
  44. package/dist/NavigationMenu/AxosAdvisorServices/index.js +1 -1
  45. package/dist/NavigationMenu/AxosBank/NavData.d.ts +5 -0
  46. package/dist/NavigationMenu/AxosBank/NavData.js +38 -1
  47. package/dist/NavigationMenu/AxosBank/SubNavBar.js +6 -4
  48. package/dist/SetContainer/SetContainer.js +2 -2
  49. package/dist/Tab/Tab.js +1 -0
  50. package/dist/Table/Table.d.ts +13 -13
  51. package/dist/Table/Table.js +1 -0
  52. package/dist/main.js +0 -6
  53. package/dist/utils/allowedAxosDomains.js +18 -16
  54. package/package.json +1 -1
  55. package/dist/Input/DatePicker.css.d.ts +0 -1
  56. package/dist/Input/DatePicker.css.js +0 -6
  57. package/dist/Input/Datepicker.d.ts +0 -3
  58. package/dist/Input/Datepicker.js +0 -47
  59. package/dist/Input/InputDate.css.d.ts +0 -6
  60. package/dist/Input/InputDate.css.js +0 -15
  61. package/dist/Input/InputDate.d.ts +0 -3
  62. package/dist/Input/InputDate.js +0 -47
  63. package/dist/assets/Input/DatePicker.css +0 -95
  64. package/dist/assets/Input/InputDate.css +0 -39
@@ -7,12 +7,11 @@ import "react";
7
7
  import "react-use";
8
8
  import "../Input/Checkbox.js";
9
9
  import "../Input/CurrencyInput.js";
10
- import "../Input/Input.css.js";
11
- /* empty css */
12
- /* empty css */
13
10
  import "../Input/Dropdown.js";
11
+ /* empty css */
14
12
  /* empty css */
15
13
  import "../Input/Input.js";
14
+ import "../Input/Input.css.js";
16
15
  import { InputPhone } from "../Input/InputPhone.js";
17
16
  import { InputTextArea } from "../Input/InputTextArea.js";
18
17
  import { RadioButtonSet, RadioButton } from "../Input/RadioButton.js";
@@ -31,11 +31,10 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
31
31
  import "@hookform/resolvers/zod";
32
32
  import "../Input/Checkbox.js";
33
33
  import "../Input/CurrencyInput.js";
34
- import "../Input/Input.css.js";
35
- /* empty css */
36
34
  import "../Input/Dropdown.js";
37
35
  /* empty css */
38
36
  import "../Input/Input.js";
37
+ import "../Input/Input.css.js";
39
38
  import "../Input/InputPhone.js";
40
39
  import "../Input/InputTextArea.js";
41
40
  import "react-hook-form";
@@ -9,6 +9,7 @@ import "../icons/CheckIcon/CheckIcon.css.js";
9
9
  /* empty css */
10
10
  /* empty css */
11
11
  /* empty css */
12
+ import "../utils/allowedAxosDomains.js";
12
13
  import "../Accordion/Accordion.js";
13
14
  import "../Accordion/Accordion.css.js";
14
15
  import "../AlertBanner/AlertBanner.css.js";
@@ -24,11 +25,10 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
24
25
  import "@hookform/resolvers/zod";
25
26
  import "../Input/Checkbox.js";
26
27
  import "../Input/CurrencyInput.js";
27
- import "../Input/Input.css.js";
28
- /* empty css */
29
28
  import "../Input/Dropdown.js";
30
29
  /* empty css */
31
30
  import "../Input/Input.js";
31
+ import "../Input/Input.css.js";
32
32
  import "../Input/InputPhone.js";
33
33
  import "../Input/InputTextArea.js";
34
34
  import "react-hook-form";
@@ -8,6 +8,7 @@ import "../icons/CheckIcon/CheckIcon.css.js";
8
8
  /* empty css */
9
9
  /* empty css */
10
10
  /* empty css */
11
+ import "../utils/allowedAxosDomains.js";
11
12
  import { getVariant } from "../utils/getVariant.js";
12
13
  import { Chevron } from "../Chevron/index.js";
13
14
  import "clsx";
@@ -29,11 +30,10 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
29
30
  import "@hookform/resolvers/zod";
30
31
  import "../Input/Checkbox.js";
31
32
  import "../Input/CurrencyInput.js";
32
- import "../Input/Input.css.js";
33
- /* empty css */
34
33
  import "../Input/Dropdown.js";
35
34
  /* empty css */
36
35
  import "../Input/Input.js";
36
+ import "../Input/Input.css.js";
37
37
  import "../Input/InputPhone.js";
38
38
  import "../Input/InputTextArea.js";
39
39
  import "react-hook-form";
@@ -15,6 +15,7 @@ import "../ArticlesSet/ArticlesSet.css.js";
15
15
  import "../IconBillboard/IconBillboard.css.js";
16
16
  /* empty css */
17
17
  /* empty css */
18
+ import "../utils/allowedAxosDomains.js";
18
19
  import "../Button/Button.css.js";
19
20
  import "react-use";
20
21
  import "../Interstitial/Interstitial-variants.css.js";
@@ -28,11 +29,10 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
28
29
  import "@hookform/resolvers/zod";
29
30
  import "../Input/Checkbox.js";
30
31
  import "../Input/CurrencyInput.js";
31
- import "../Input/Input.css.js";
32
- /* empty css */
33
32
  import "../Input/Dropdown.js";
34
33
  /* empty css */
35
34
  import "../Input/Input.js";
35
+ import "../Input/Input.css.js";
36
36
  import "../Input/InputPhone.js";
37
37
  import "../Input/InputTextArea.js";
38
38
  import "react-hook-form";
@@ -1,5 +1,5 @@
1
1
  import { InputProps } from './InputProps';
2
2
 
3
3
  export declare const Checkbox: import('react').ForwardRefExoticComponent<InputProps & {
4
- children?: import('react').ReactNode | undefined;
4
+ children?: import('react').ReactNode;
5
5
  } & import('react').RefAttributes<HTMLInputElement>>;
@@ -2,12 +2,11 @@ import { jsx } from "react/jsx-runtime";
2
2
  import { InputNumberFormat } from "@react-input/number-format";
3
3
  import { forwardRef } from "react";
4
4
  import "./Checkbox.js";
5
- import "./Input.css.js";
6
- /* empty css */
7
- /* empty css */
8
5
  import "./Dropdown.js";
6
+ /* empty css */
9
7
  /* empty css */
10
8
  import { Input } from "./Input.js";
9
+ import "./Input.css.js";
11
10
  import "./InputPhone.js";
12
11
  import "./InputTextArea.js";
13
12
  const CurrencyInput = forwardRef(
@@ -3,12 +3,11 @@ import { InputMask } from "@react-input/mask";
3
3
  import { forwardRef } from "react";
4
4
  import "./Checkbox.js";
5
5
  import "./CurrencyInput.js";
6
- import "./Input.css.js";
7
- /* empty css */
8
- /* empty css */
9
6
  import "./Dropdown.js";
7
+ /* empty css */
10
8
  /* empty css */
11
9
  import { Input } from "./Input.js";
10
+ import "./Input.css.js";
12
11
  import "./InputTextArea.js";
13
12
  const InputPhone = forwardRef(
14
13
  (props, ref) => {
@@ -36,9 +36,3 @@ export interface RadioButtonProps extends InputProps {
36
36
  value: string | number;
37
37
  groupName: string;
38
38
  }
39
- export interface DatepickerInputProps extends InputProps {
40
- month?: string;
41
- selected?: string;
42
- show?: boolean;
43
- onDateChange: (day: string) => void;
44
- }
@@ -1,12 +1,9 @@
1
1
  export * from './Checkbox';
2
2
  export * from './CurrencyInput';
3
- export * from './Datepicker';
4
- export * from './DatePicker.css';
5
3
  export * from './Dropdown';
6
4
  export * from './Dropdown.css';
7
5
  export * from './Input';
8
6
  export * from './Input.css';
9
- export * from './InputDate';
10
7
  export * from './InputPhone';
11
8
  export * from './InputProps';
12
9
  export * from './InputTextArea';
@@ -1,25 +1,19 @@
1
1
  import { Checkbox } from "./Checkbox.js";
2
2
  import { CurrencyInput } from "./CurrencyInput.js";
3
- import { DatePickerInput } from "./Datepicker.js";
4
- import { datePicker } from "./DatePicker.css.js";
5
3
  import { Dropdown } from "./Dropdown.js";
6
4
  import { selectInput } from "./Dropdown.css.js";
7
5
  import { Input } from "./Input.js";
8
6
  import { container, helperText, iconContainer, iconContainerBase, iconInput, input, labelClassName, wrapper } from "./Input.css.js";
9
- import { InputDate } from "./InputDate.js";
10
7
  import { InputPhone } from "./InputPhone.js";
11
8
  import { InputTextArea } from "./InputTextArea.js";
12
9
  export {
13
10
  Checkbox,
14
11
  CurrencyInput,
15
- DatePickerInput,
16
12
  Dropdown,
17
13
  Input,
18
- InputDate,
19
14
  InputPhone,
20
15
  InputTextArea,
21
16
  container,
22
- datePicker,
23
17
  helperText,
24
18
  iconContainer,
25
19
  iconContainerBase,
@@ -1,4 +1,5 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
+ import "../utils/allowedAxosDomains.js";
2
3
  import { getVariant } from "../utils/getVariant.js";
3
4
  import { loader } from "./LoadingIndicator.css.js";
4
5
  const LoadingIndicator = ({
@@ -14,6 +14,7 @@ import "../Article/Article.css.js";
14
14
  import "../ArticlesSet/ArticlesSet.css.js";
15
15
  import { Button } from "../Button/Button.js";
16
16
  import "../IconBillboard/IconBillboard.css.js";
17
+ import "../utils/allowedAxosDomains.js";
17
18
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
18
19
  import "../Button/Button.css.js";
19
20
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
@@ -24,12 +25,11 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
24
25
  import "@hookform/resolvers/zod";
25
26
  import "../Input/Checkbox.js";
26
27
  import "../Input/CurrencyInput.js";
27
- import "../Input/Input.css.js";
28
- /* empty css */
29
- /* empty css */
30
28
  import "../Input/Dropdown.js";
29
+ /* empty css */
31
30
  /* empty css */
32
31
  import "../Input/Input.js";
32
+ import "../Input/Input.css.js";
33
33
  import "../Input/InputPhone.js";
34
34
  import "../Input/InputTextArea.js";
35
35
  import "react-hook-form";
@@ -1,6 +1,7 @@
1
1
  "use client";
2
2
  import { jsxs, jsx } from "react/jsx-runtime";
3
3
  import { Modal } from "../Modal.js";
4
+ import "../../utils/allowedAxosDomains.js";
4
5
  import { shortUrl } from "../../utils/validateExternalLinks.js";
5
6
  import { createContext, useState, useContext } from "react";
6
7
  const GlobalContext = createContext({
@@ -358,7 +358,7 @@ function NavBar() {
358
358
  children: "Serve Your Clients Home"
359
359
  }
360
360
  ),
361
- /* @__PURE__ */ jsx("a", { href: "/client-cash-management-solutions", role: "menuitem", children: "Cash Management Solutions" }),
361
+ /* @__PURE__ */ jsx("a", { href: "/cash-management-solutions", role: "menuitem", children: "Cash Management Solutions" }),
362
362
  /* @__PURE__ */ jsx(
363
363
  "a",
364
364
  {
@@ -28,4 +28,9 @@ export declare const subNavItems: {
28
28
  url: string;
29
29
  id: string;
30
30
  }[];
31
+ legal: {
32
+ name: string;
33
+ url: string;
34
+ id: string;
35
+ }[];
31
36
  };
@@ -29,7 +29,7 @@ const subNavItems = {
29
29
  ],
30
30
  business: [
31
31
  {
32
- name: "Small Business Bankin",
32
+ name: "Small Business Banking",
33
33
  url: "/business/small-business-banking",
34
34
  id: "b_1"
35
35
  },
@@ -124,6 +124,43 @@ const subNavItems = {
124
124
  url: "/about-us/press-and-news",
125
125
  id: "a_6"
126
126
  }
127
+ ],
128
+ legal: [
129
+ {
130
+ name: "Business Disclosures",
131
+ url: "/legal/disclosures",
132
+ id: "l_1"
133
+ },
134
+ {
135
+ name: "HELOC Disclosures",
136
+ url: "/legal/heloc-disclosures",
137
+ id: "l_2"
138
+ },
139
+ {
140
+ name: "Home Equity Loan Disclosures",
141
+ url: "/legal/home-equity-loan-disclosures",
142
+ id: "l_3"
143
+ },
144
+ {
145
+ name: "Privacy Policy",
146
+ url: "/legal/privacy",
147
+ id: "l_4"
148
+ },
149
+ {
150
+ name: "FDIC Notice",
151
+ url: "/legal/fdic-notice",
152
+ id: "l_5"
153
+ },
154
+ {
155
+ name: "EHL Notice",
156
+ url: "/legal/ehl-notice",
157
+ id: "l_6"
158
+ },
159
+ {
160
+ name: "SAFE Act",
161
+ url: "/legal/safe-act",
162
+ id: "l_7"
163
+ }
127
164
  ]
128
165
  };
129
166
  export {
@@ -30,11 +30,10 @@ import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
30
30
  import "@hookform/resolvers/zod";
31
31
  import "../../Input/Checkbox.js";
32
32
  import "../../Input/CurrencyInput.js";
33
- import "../../Input/Input.css.js";
34
- /* empty css */
35
33
  import "../../Input/Dropdown.js";
36
34
  /* empty css */
37
35
  import "../../Input/Input.js";
36
+ import "../../Input/Input.css.js";
38
37
  import "../../Input/InputPhone.js";
39
38
  import "../../Input/InputTextArea.js";
40
39
  import "react-hook-form";
@@ -103,6 +102,7 @@ function SubNavBar() {
103
102
  const [showNavbar, setShowNavbar] = useState(false);
104
103
  const support = subNavItems.support;
105
104
  const about = subNavItems.about;
105
+ const legal = subNavItems.legal;
106
106
  const isHomepage = pathname === "/";
107
107
  useEffect(() => {
108
108
  setShowNavbar(
@@ -111,7 +111,8 @@ function SubNavBar() {
111
111
  "/business",
112
112
  "/partners",
113
113
  "/customer-support",
114
- "/about-us"
114
+ "/about-us",
115
+ "/legal"
115
116
  ].some((el) => pathname?.includes(el) || isHomepage)
116
117
  );
117
118
  }, [pathname]);
@@ -466,7 +467,8 @@ function SubNavBar() {
466
467
  pathname?.includes("/customer-support") && support.map(
467
468
  (item) => /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(Link, { href: item.url, role: "menuitem", children: item.name }) }, `snb-${item.id}`)
468
469
  ),
469
- pathname?.includes("/about-us") && about.map((item) => /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(Link, { href: item.url, role: "menuitem", children: item.name }) }, `snb-${item.id}`))
470
+ pathname?.includes("/about-us") && about.map((item) => /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(Link, { href: item.url, role: "menuitem", children: item.name }) }, `snb-${item.id}`)),
471
+ pathname?.includes("/legal") && legal.map((item) => /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(Link, { href: item.url, role: "menuitem", children: item.name }) }, `snb-${item.id}`))
470
472
  ] }),
471
473
  /* @__PURE__ */ jsxs("div", { className: "relative", children: [
472
474
  hoveredLink === "bank" && /* @__PURE__ */ jsx(
@@ -10,6 +10,7 @@ import "../icons/CheckIcon/CheckIcon.css.js";
10
10
  /* empty css */
11
11
  /* empty css */
12
12
  /* empty css */
13
+ import "../utils/allowedAxosDomains.js";
13
14
  import { getVariant } from "../utils/getVariant.js";
14
15
  import "../Accordion/Accordion.js";
15
16
  import "../Accordion/Accordion.css.js";
@@ -26,11 +27,10 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
26
27
  import "@hookform/resolvers/zod";
27
28
  import "../Input/Checkbox.js";
28
29
  import "../Input/CurrencyInput.js";
29
- import "../Input/Input.css.js";
30
- /* empty css */
31
30
  import "../Input/Dropdown.js";
32
31
  /* empty css */
33
32
  import "../Input/Input.js";
33
+ import "../Input/Input.css.js";
34
34
  import "../Input/InputPhone.js";
35
35
  import "../Input/InputTextArea.js";
36
36
  import "react-hook-form";
package/dist/Tab/Tab.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
+ import "../utils/allowedAxosDomains.js";
2
3
  import { getVariant } from "../utils/getVariant.js";
3
4
  import clsx from "clsx";
4
5
  import { tab } from "./Tab.css.js";
@@ -9,14 +9,14 @@ export declare const TableBody: ({ children }: PropsWithChildren) => import("rea
9
9
  export declare const TableCell: ({ children, as, variant, highlighted, ...props }: CellProps) => import('react').DetailedReactHTMLElement<{
10
10
  className: string;
11
11
  manifest?: string | undefined;
12
- amp?: string;
12
+ amp?: string | undefined;
13
13
  defaultChecked?: boolean | undefined;
14
14
  defaultValue?: string | number | readonly string[] | undefined;
15
15
  suppressContentEditableWarning?: boolean | undefined;
16
16
  suppressHydrationWarning?: boolean | undefined;
17
17
  accessKey?: string | undefined;
18
18
  autoFocus?: boolean | undefined;
19
- contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
19
+ contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
20
20
  contextMenu?: string | undefined;
21
21
  dir?: string | undefined;
22
22
  draggable?: (boolean | "false" | "true") | undefined;
@@ -29,7 +29,7 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
29
29
  style?: import('react').CSSProperties | undefined;
30
30
  tabIndex?: number | undefined;
31
31
  title?: string | undefined;
32
- translate?: "yes" | "no" | undefined;
32
+ translate?: "no" | "yes" | undefined;
33
33
  radioGroup?: string | undefined;
34
34
  role?: import('react').AriaRole | undefined;
35
35
  about?: string | undefined;
@@ -54,38 +54,38 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
54
54
  itemRef?: string | undefined;
55
55
  results?: number | undefined;
56
56
  security?: string | undefined;
57
- unselectable?: "on" | "off" | undefined;
58
- inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
57
+ unselectable?: "off" | "on" | undefined;
58
+ inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
59
59
  is?: string | undefined;
60
60
  popover?: "" | "auto" | "manual" | undefined;
61
- popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
61
+ popoverTargetAction?: "hide" | "show" | "toggle" | undefined;
62
62
  popoverTarget?: string | undefined;
63
63
  onToggle?: import('react').ToggleEventHandler<HTMLTableCellElement> | undefined;
64
64
  onBeforeToggle?: import('react').ToggleEventHandler<HTMLTableCellElement> | undefined;
65
65
  inert?: boolean | undefined;
66
66
  "aria-activedescendant"?: string | undefined;
67
67
  "aria-atomic"?: (boolean | "false" | "true") | undefined;
68
- "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
68
+ "aria-autocomplete"?: "none" | "both" | "inline" | "list" | undefined;
69
69
  "aria-braillelabel"?: string | undefined;
70
70
  "aria-brailleroledescription"?: string | undefined;
71
71
  "aria-busy"?: (boolean | "false" | "true") | undefined;
72
- "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
72
+ "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
73
73
  "aria-colcount"?: number | undefined;
74
74
  "aria-colindex"?: number | undefined;
75
75
  "aria-colindextext"?: string | undefined;
76
76
  "aria-colspan"?: number | undefined;
77
77
  "aria-controls"?: string | undefined;
78
- "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
78
+ "aria-current"?: boolean | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
79
79
  "aria-describedby"?: string | undefined;
80
80
  "aria-description"?: string | undefined;
81
81
  "aria-details"?: string | undefined;
82
82
  "aria-disabled"?: (boolean | "false" | "true") | undefined;
83
- "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
83
+ "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
84
84
  "aria-errormessage"?: string | undefined;
85
85
  "aria-expanded"?: (boolean | "false" | "true") | undefined;
86
86
  "aria-flowto"?: string | undefined;
87
87
  "aria-grabbed"?: (boolean | "false" | "true") | undefined;
88
- "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
88
+ "aria-haspopup"?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
89
89
  "aria-hidden"?: (boolean | "false" | "true") | undefined;
90
90
  "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
91
91
  "aria-keyshortcuts"?: string | undefined;
@@ -100,9 +100,9 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
100
100
  "aria-owns"?: string | undefined;
101
101
  "aria-placeholder"?: string | undefined;
102
102
  "aria-posinset"?: number | undefined;
103
- "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
103
+ "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
104
104
  "aria-readonly"?: (boolean | "false" | "true") | undefined;
105
- "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
105
+ "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
106
106
  "aria-required"?: (boolean | "false" | "true") | undefined;
107
107
  "aria-roledescription"?: string | undefined;
108
108
  "aria-rowcount"?: number | undefined;
@@ -1,4 +1,5 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
+ import "../utils/allowedAxosDomains.js";
2
3
  import { getVariant } from "../utils/getVariant.js";
3
4
  import clsx from "clsx";
4
5
  import { createElement } from "react";
package/dist/main.js CHANGED
@@ -99,13 +99,10 @@ import "react";
99
99
  import { ImageLinkSet } from "./ImageLink/ImageLinkSet.js";
100
100
  import { Checkbox } from "./Input/Checkbox.js";
101
101
  import { CurrencyInput } from "./Input/CurrencyInput.js";
102
- import { DatePickerInput } from "./Input/Datepicker.js";
103
- import { datePicker } from "./Input/DatePicker.css.js";
104
102
  import { Dropdown } from "./Input/Dropdown.js";
105
103
  import { selectInput } from "./Input/Dropdown.css.js";
106
104
  import { Input } from "./Input/Input.js";
107
105
  import { container, helperText, iconContainer, iconContainerBase, iconInput, input, labelClassName, wrapper } from "./Input/Input.css.js";
108
- import { InputDate } from "./Input/InputDate.js";
109
106
  import { InputPhone } from "./Input/InputPhone.js";
110
107
  import { InputTextArea } from "./Input/InputTextArea.js";
111
108
  import { Interstitial } from "./Interstitial/Interstitial.js";
@@ -205,7 +202,6 @@ export {
205
202
  ContactUsNMLSId,
206
203
  ContentBanner,
207
204
  CurrencyInput,
208
- DatePickerInput,
209
205
  DealerServices,
210
206
  default11 as DownloadIcon,
211
207
  DownloadTile,
@@ -232,7 +228,6 @@ export {
232
228
  ImageBillboardSet,
233
229
  ImageLinkSet,
234
230
  Input,
235
- InputDate,
236
231
  InputPhone,
237
232
  InputTextArea,
238
233
  Interstitial,
@@ -350,7 +345,6 @@ export {
350
345
  containment,
351
346
  content,
352
347
  copy,
353
- datePicker,
354
348
  description,
355
349
  descriptionField,
356
350
  details,
@@ -1,27 +1,29 @@
1
1
  const moreDomains = {
2
- "{AXOS}": "https://www.axos.com",
3
- "{AXOSBANK}": "https://www.axosbank.com",
4
- "{AXOSCLEARING}": "https://axosclearing.com",
5
- "{AAS}": "https://www.axosadvisorservices.com",
6
- "{AFS}": "https://www.axosfiduciaryservices.com",
7
- "{NATIONWIDE}": "https://www.nationwide.axosbank.com",
8
- "{ENROLLMENT}": "https://enrollment.axosbank.com",
2
+ // "{AXOS}": "https://www.axos.com",
3
+ "{AXOS}": "" + process.env.AXOS_URL,
4
+ "{AXOSBANK}": process.env.AXOS_BANK_URL ?? "https://www.axosbank.com",
5
+ "{AXOSCLEARING}": process.env.CLEARING_URL || "https://axosclearing.com",
6
+ "{AAS}": process.env.AAS_URL || "https://www.axosadvisorservices.com",
7
+ "{AFS}": process.env.AFS_URL || "https://www.axosfiduciaryservices.com",
8
+ "{NATIONWIDE}": process.env.NATIOWIDE_URL || "https://www.nationwide.axosbank.com",
9
+ "{ENROLLMENT}": process.env.ENROLLMENT_URL || "https://enrollment.axosbank.com",
9
10
  "{ASSETSURL}": "https://assets.axos.com",
10
11
  "{IMAGEASSETSURL}": "https://images.axos.com",
11
- "{ONLINEBANKING}": "https://onlinebanking.uat.axsobank.com",
12
- "{UFBDIRECT}": "https://www.ufbdirect.com",
13
- "{ARMS}": "https://arms.axosadvisor.com",
14
- "{APPS}": "https://apps.axosbank.com",
15
- "{AFP}": "https://afp.axosbank.com",
16
- "{INVESTORS}": "https://investors.axosfinancial.com",
17
- "{OBAXB}": "https://onlinebanking.axosbank.com"
18
- // "assets.axos.com": "https://assets.axos.com",
19
- // "images.axos.com": "https://images.axos.com",
12
+ "{ONLINEBANKING}": process.env.ONLINEBANKING_URL || "https://onlinebanking.uat.axsobank.com",
13
+ "{UFBDIRECT}": process.env.UFB_URL || "https://www.ufbdirect.com",
14
+ "{ARMS}": process.env.ARMS_URL || "https://arms.axosadvisor.com",
15
+ "{APPS}": process.env.APPS_URL || "https://apps.axosbank.com",
16
+ "{AFP}": process.env.AFP_URL || "https://afp.axosbank.com",
17
+ "{INVESTORS}": process.env.INVESTORS_URL || "https://investors.axosfinancial.com",
18
+ "{OBAXB}": process.env.ONLINEBANKING_URL || "https://onlinebanking.axosbank.com",
19
+ "{UNVENROLLMENT}": String(process.env.UNVENROLLMENT_URL) || "https://enroll.axosbank.com"
20
20
  };
21
21
  const isAllowedUrl = (url) => {
22
22
  const uri = new URL(url, location.href);
23
+ console.log(uri);
23
24
  for (const key in moreDomains) {
24
25
  const urlToCompare = new URL(moreDomains[key], location.href);
26
+ console.log({ urlToCompare });
25
27
  if (uri.hostname === urlToCompare.hostname) return true;
26
28
  }
27
29
  return false;
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.97",
4
+ "version": "0.0.99",
5
5
  "type": "module",
6
6
  "module": "dist/main.js",
7
7
  "types": "dist/main.d.ts",
@@ -1 +0,0 @@
1
- export declare const datePicker: string;
@@ -1,6 +0,0 @@
1
- /* empty css */
2
- /* empty css */
3
- var datePicker = "_1oit9ls0";
4
- export {
5
- datePicker
6
- };
@@ -1,3 +0,0 @@
1
- import { DatepickerInputProps } from './InputProps';
2
-
3
- export declare const DatePickerInput: (props: DatepickerInputProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,47 +0,0 @@
1
- "use client";
2
- import { jsxs, jsx } from "react/jsx-runtime";
3
- import { useState } from "react";
4
- import DatePicker from "react-date-picker";
5
- import { wrapper, labelClassName, container, iconContainer, iconInput, helperText } from "./Input.css.js";
6
- const DatePickerInput = (props) => {
7
- const {
8
- disabled,
9
- label,
10
- iconLeft,
11
- iconRight,
12
- sizes,
13
- error = false,
14
- helperText: helper,
15
- variant
16
- } = props;
17
- const [value, onChange] = useState();
18
- return /* @__PURE__ */ jsxs("div", { className: wrapper(), children: [
19
- label && /* @__PURE__ */ jsx(
20
- "label",
21
- {
22
- className: labelClassName({ error, variant }),
23
- htmlFor: props.name,
24
- children: label
25
- }
26
- ),
27
- /* @__PURE__ */ jsxs("div", { className: container({ size: sizes, error }), children: [
28
- iconLeft && /* @__PURE__ */ jsx("span", { className: iconContainer["left"], children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconLeft }) }),
29
- /* @__PURE__ */ jsx(
30
- DatePicker,
31
- {
32
- dayPlaceholder: "dd",
33
- monthPlaceholder: "mm",
34
- yearPlaceholder: "yyyy",
35
- minDate: /* @__PURE__ */ new Date(),
36
- onChange,
37
- value
38
- }
39
- ),
40
- iconRight && /* @__PURE__ */ jsx("span", { className: iconContainer.right, children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconRight }) })
41
- ] }),
42
- /* @__PURE__ */ jsx("span", { className: helperText({ disabled, error }), children: helper })
43
- ] });
44
- };
45
- export {
46
- DatePickerInput
47
- };
@@ -1,6 +0,0 @@
1
- export declare const calendarContainer: string;
2
- export declare const calendarIcon: string;
3
- export declare const inputDate: string;
4
- export declare const verticalCenter: string;
5
- export declare const calendar: string;
6
- export declare const headerCalendar: string;