@axos-web-dev/shared-components 1.0.58 → 1.0.59-patch.1

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.
@@ -44,6 +44,8 @@ import "../Chevron/Chevron.css.js";
44
44
  import "../Interstitial/Interstitial-variants.css.js";
45
45
  import "../Inputs/Input.css.js";
46
46
  /* empty css */
47
+ /* empty css */
48
+ import "../Modal/contextApi/store.js";
47
49
  import "../Hyperlink/Hyperlink.css.js";
48
50
  /* empty css */
49
51
  /* empty css */
@@ -87,8 +89,6 @@ import "../ImageBillboard/ImageBillboard.css.js";
87
89
  /* empty css */
88
90
  /* empty css */
89
91
  import "../LandingPageHeader/LandingPageHeader.css.js";
90
- /* empty css */
91
- import "../Modal/contextApi/store.js";
92
92
  /* empty css */
93
93
  import "next/navigation.js";
94
94
  /* empty css */
@@ -23,6 +23,9 @@ import "../AlertBanner/AlertBanner.css.js";
23
23
  import { useRef, useEffect } from "react";
24
24
  import "../Article/Article.css.js";
25
25
  import "../ArticlesSet/ArticlesSet.css.js";
26
+ import "../Chevron/Chevron.css.js";
27
+ /* empty css */
28
+ import "../Modal/contextApi/store.js";
26
29
  import "../Hyperlink/Hyperlink.css.js";
27
30
  /* empty css */
28
31
  import "react-dom";
@@ -80,9 +83,6 @@ import "../Input/RadioButton.js";
80
83
  /* empty css */
81
84
  import "../LandingPageHeader/LandingPageHeader.css.js";
82
85
  import "../LoadingIndicator/LoadingIndicator.css.js";
83
- import "../Chevron/Chevron.css.js";
84
- /* empty css */
85
- import "../Modal/contextApi/store.js";
86
86
  import "react-use";
87
87
  /* empty css */
88
88
  import "next/navigation.js";
@@ -50,6 +50,8 @@ import "../Chevron/Chevron.css.js";
50
50
  import "../Interstitial/Interstitial-variants.css.js";
51
51
  import "../Inputs/Input.css.js";
52
52
  /* empty css */
53
+ /* empty css */
54
+ import "../Modal/contextApi/store.js";
53
55
  import "../Hyperlink/Hyperlink.css.js";
54
56
  /* empty css */
55
57
  import "iframe-resizer";
@@ -91,8 +93,6 @@ import "../ImageBillboard/ImageBillboard.css.js";
91
93
  /* empty css */
92
94
  /* empty css */
93
95
  import "../LandingPageHeader/LandingPageHeader.css.js";
94
- /* empty css */
95
- import "../Modal/contextApi/store.js";
96
96
  /* empty css */
97
97
  import "next/navigation.js";
98
98
  /* empty css */
@@ -52,6 +52,8 @@ import "../Chevron/Chevron.css.js";
52
52
  import "../Interstitial/Interstitial-variants.css.js";
53
53
  import "../Inputs/Input.css.js";
54
54
  /* empty css */
55
+ /* empty css */
56
+ import "../Modal/contextApi/store.js";
55
57
  import "../Hyperlink/Hyperlink.css.js";
56
58
  /* empty css */
57
59
  import "iframe-resizer";
@@ -92,8 +94,6 @@ import "../ImageBillboard/ImageBillboard.css.js";
92
94
  /* empty css */
93
95
  /* empty css */
94
96
  import "../LandingPageHeader/LandingPageHeader.css.js";
95
- /* empty css */
96
- import "../Modal/contextApi/store.js";
97
97
  /* empty css */
98
98
  import "next/navigation.js";
99
99
  /* empty css */
@@ -53,6 +53,8 @@ import "../LoadingIndicator/LoadingIndicator.css.js";
53
53
  import "../Interstitial/Interstitial-variants.css.js";
54
54
  import "../Inputs/Input.css.js";
55
55
  /* empty css */
56
+ /* empty css */
57
+ import "../Modal/contextApi/store.js";
56
58
  import "../Hyperlink/Hyperlink.css.js";
57
59
  /* empty css */
58
60
  import "iframe-resizer";
@@ -94,8 +96,6 @@ import "../ImageBillboard/ImageBillboard.css.js";
94
96
  /* empty css */
95
97
  /* empty css */
96
98
  import "../LandingPageHeader/LandingPageHeader.css.js";
97
- /* empty css */
98
- import "../Modal/contextApi/store.js";
99
99
  /* empty css */
100
100
  import "next/navigation.js";
101
101
  /* empty css */
@@ -53,6 +53,8 @@ import "../LoadingIndicator/LoadingIndicator.css.js";
53
53
  import "../Interstitial/Interstitial-variants.css.js";
54
54
  import "../Inputs/Input.css.js";
55
55
  /* empty css */
56
+ /* empty css */
57
+ import "../Modal/contextApi/store.js";
56
58
  import "../Hyperlink/Hyperlink.css.js";
57
59
  /* empty css */
58
60
  import "iframe-resizer";
@@ -94,8 +96,6 @@ import "../ImageBillboard/ImageBillboard.css.js";
94
96
  /* empty css */
95
97
  /* empty css */
96
98
  import "../LandingPageHeader/LandingPageHeader.css.js";
97
- /* empty css */
98
- import "../Modal/contextApi/store.js";
99
99
  /* empty css */
100
100
  import "next/navigation.js";
101
101
  /* empty css */
@@ -5,10 +5,10 @@ export type CpraInputs = {
5
5
  Categories_of_personal_info: "Yes" | "No";
6
6
  Pieces_of_personal_information: "Yes" | "No";
7
7
  Request_Correction_of_Information: "Yes" | "No";
8
+ Corrected_Information: string;
8
9
  Delete_personal_info: "Yes" | "No";
9
10
  Opt_out_of_sale_of_info: "Yes" | "No";
10
11
  Current_client: "Yes" | "No";
11
- Former_client: "Yes" | "No";
12
12
  Currently_Employed_by_Axos_Financial: "Yes" | "No";
13
13
  Previously_Employed_by_Axos_Financial: "Yes" | "No";
14
14
  Ever_Applied_for_Employment_with_Axos_Financial: "Yes" | "No";
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import { jsx, jsxs } from "react/jsx-runtime";
2
+ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
3
3
  import { zodResolver } from "@hookform/resolvers/zod";
4
4
  import { Button } from "../Button/Button.js";
5
5
  import "../Button/Button.css.js";
@@ -25,10 +25,9 @@ import "../icons/CheckIcon/CheckIcon.css.js";
25
25
  /* empty css */
26
26
  /* empty css */
27
27
  /* empty css */
28
+ import CheckboxGroup from "../Input/CheckboxGroup.js";
28
29
  import { findMoreAxosDomains } from "../utils/allowedAxosDomains.js";
29
- import { associatedEmail } from "../utils/EverestValidity.js";
30
30
  import { getVariant } from "../utils/getVariant.js";
31
- import CheckboxGroup from "../Input/CheckboxGroup.js";
32
31
  import clsx from "clsx";
33
32
  import { useForm, FormProvider } from "react-hook-form";
34
33
  import * as z from "zod";
@@ -50,11 +49,21 @@ const CpraRequest = ({
50
49
  California_Resident: z.string(),
51
50
  Categories_of_personal_info: z.string(),
52
51
  Pieces_of_personal_information: z.string(),
53
- Request_Correction_of_Information: z.string(),
52
+ Request_Correction_of_Information: z.string().optional(),
53
+ Corrected_Information: z.string().optional().refine(
54
+ (val) => {
55
+ if (requestCorrectionOfInfo === "Yes" && !val) {
56
+ return false;
57
+ }
58
+ return true;
59
+ },
60
+ {
61
+ message: "Corrected Information is required."
62
+ }
63
+ ),
54
64
  Delete_personal_info: z.string(),
55
65
  Opt_out_of_sale_of_info: z.string(),
56
66
  Current_client: z.string(),
57
- Former_client: z.string(),
58
67
  Currently_Employed_by_Axos_Financial: z.string(),
59
68
  Previously_Employed_by_Axos_Financial: z.string(),
60
69
  Ever_Applied_for_Employment_with_Axos_Financial: z.string(),
@@ -101,12 +110,20 @@ const CpraRequest = ({
101
110
  handleSubmit,
102
111
  register,
103
112
  setValue,
113
+ watch,
104
114
  formState: { errors, isValid, isSubmitting }
105
115
  } = methods;
106
116
  const submitForm = async (data) => {
107
117
  await onSubmit(data);
108
118
  };
109
119
  const variant = getVariant(fullVariant);
120
+ const options = [
121
+ { label: "Address", value: "Address" },
122
+ { label: "Name", value: "Name" },
123
+ { label: "Phone Number", value: "Phone Number" },
124
+ { label: "Date of Birth", value: "Date of Birth" },
125
+ { label: "Email", value: "Email" }
126
+ ];
110
127
  const options2 = [
111
128
  { label: "Axos Bank", value: "Axos Bank" },
112
129
  {
@@ -116,7 +133,15 @@ const CpraRequest = ({
116
133
  { label: "UFB Direct", value: "UFB Direct" },
117
134
  { label: "Other", value: "Other" }
118
135
  ];
136
+ const [selectedValues, setSelectedValues] = useState([]);
119
137
  const [selectedValues2, setSelectedValues2] = useState([]);
138
+ const requestCorrectionOfInfo = watch("Request_Correction_of_Information");
139
+ const handleSelectedValues = (updatedValues) => {
140
+ if (updatedValues) {
141
+ setSelectedValues(updatedValues);
142
+ setValue("Corrected_Information", updatedValues.join(";"));
143
+ }
144
+ };
120
145
  const handleSelectedValues2 = (updatedValues) => {
121
146
  if (updatedValues) {
122
147
  setSelectedValues2(updatedValues);
@@ -234,12 +259,12 @@ const CpraRequest = ({
234
259
  ]
235
260
  }
236
261
  ) }),
237
- /* @__PURE__ */ jsx("div", { className: `${fullRowForm}`, children: /* @__PURE__ */ jsx("div", { className: `${form} ${descriptionField({ variant })}`, children: "By selecting specific pieces of personal information Axos Financial has collected about you, you are required to sign a declaration, under penalty of perjury, that you are the individual whose information is provided above." }) }),
262
+ /* @__PURE__ */ jsx("div", { className: `${fullRowForm}`, children: /* @__PURE__ */ jsx("div", { className: `${form} ${descriptionField({ variant })}`, children: "By selecting specific pieces of personal information Axos Financial has collected about you, you are required to sign a declaration, under penalty of perjury, that you are the individual whose information is provided above. We will provide you with the form and instructions at your preferred contact method. If you do not return the completed form, we will not be able to provide you with the specific pieces of personal information Axos Financial has collected about you." }) }),
238
263
  /* @__PURE__ */ jsx("div", { className: `${fullRowForm}`, children: /* @__PURE__ */ jsxs(
239
264
  RadioButtonSet,
240
265
  {
241
266
  id: "Request_Correction_of_Information",
242
- label: "* Request correction of information?",
267
+ label: "Request correction of information?",
243
268
  sizes: "medium",
244
269
  required: true,
245
270
  error: !!errors.Request_Correction_of_Information,
@@ -267,6 +292,18 @@ const CpraRequest = ({
267
292
  ]
268
293
  }
269
294
  ) }),
295
+ requestCorrectionOfInfo === "Yes" && /* @__PURE__ */ jsxs(Fragment, { children: [
296
+ /* @__PURE__ */ jsx("div", { className: `${descriptionField({ variant })}`, children: "Please select all that apply." }),
297
+ /* @__PURE__ */ jsx("div", { className: `${fullRowForm}`, children: /* @__PURE__ */ jsx(
298
+ CheckboxGroup,
299
+ {
300
+ options,
301
+ selectedValues,
302
+ error: !!errors.Corrected_Information,
303
+ onChange: handleSelectedValues
304
+ }
305
+ ) })
306
+ ] }),
270
307
  /* @__PURE__ */ jsx("div", { className: `${fullRowForm}`, children: /* @__PURE__ */ jsxs("div", { className: `${form} ${descriptionField({ variant })}`, children: [
271
308
  /* @__PURE__ */ jsx("u", { children: "Right to Delete:" }),
272
309
  " You have the right to submit a verifiable request asking that Axos Financial delete certain personal information Axos Financial has collected from you, subject to certain exceptions as permitted by law."
@@ -344,7 +381,7 @@ const CpraRequest = ({
344
381
  RadioButtonSet,
345
382
  {
346
383
  id: "Current_client",
347
- label: "* I am a current client or customer.",
384
+ label: "* I am a current or former client or customer.",
348
385
  sizes: "medium",
349
386
  required: true,
350
387
  error: !!errors.Current_client,
@@ -372,38 +409,6 @@ const CpraRequest = ({
372
409
  ]
373
410
  }
374
411
  ) }),
375
- /* @__PURE__ */ jsx("div", { className: `${fullRowForm}`, children: /* @__PURE__ */ jsxs(
376
- RadioButtonSet,
377
- {
378
- id: "Former_client",
379
- label: "* I am a former client or customer.",
380
- sizes: "medium",
381
- required: true,
382
- error: !!errors.Former_client,
383
- helperText: errors.Former_client?.message,
384
- variant,
385
- children: [
386
- /* @__PURE__ */ jsx(
387
- RadioButton,
388
- {
389
- ...register("Former_client", {}),
390
- value: "Yes",
391
- radioText: "Yes",
392
- groupName: "Former_client"
393
- }
394
- ),
395
- /* @__PURE__ */ jsx(
396
- RadioButton,
397
- {
398
- ...register("Former_client", {}),
399
- value: "No",
400
- radioText: "No",
401
- groupName: "Former_client"
402
- }
403
- )
404
- ]
405
- }
406
- ) }),
407
412
  /* @__PURE__ */ jsx("div", { className: `${fullRowForm}`, children: /* @__PURE__ */ jsxs(
408
413
  RadioButtonSet,
409
414
  {
@@ -508,7 +513,7 @@ const CpraRequest = ({
508
513
  ) }),
509
514
  /* @__PURE__ */ jsxs("div", { className: `${fullRowForm}`, children: [
510
515
  /* @__PURE__ */ jsx("h2", { className: `header_2 ${descriptionField({ variant })}`, children: "Step 3: Where have you interacted with Axos Financial?" }),
511
- /* @__PURE__ */ jsx("div", { className: `${form} ${descriptionField({ variant })}`, children: "* Please select all that apply." })
516
+ /* @__PURE__ */ jsx("div", { className: `${form} ${descriptionField({ variant })}`, children: "Please select all that apply." })
512
517
  ] }),
513
518
  /* @__PURE__ */ jsx("div", { className: `${fullRowForm}`, children: /* @__PURE__ */ jsx(
514
519
  CheckboxGroup,
@@ -525,7 +530,7 @@ const CpraRequest = ({
525
530
  {
526
531
  id: "First_Name",
527
532
  ...register("First_Name", { required: true }),
528
- label: "* First Name",
533
+ label: "First Name",
529
534
  sizes: "medium",
530
535
  required: true,
531
536
  error: !!errors.First_Name,
@@ -538,7 +543,7 @@ const CpraRequest = ({
538
543
  {
539
544
  id: "Last_Name",
540
545
  ...register("Last_Name", { required: true }),
541
- label: "* Last Name",
546
+ label: "Last Name",
542
547
  sizes: "medium",
543
548
  required: true,
544
549
  error: !!errors.Last_Name,
@@ -554,7 +559,7 @@ const CpraRequest = ({
554
559
  required: true
555
560
  }),
556
561
  type: "date",
557
- label: "* Date of Birth",
562
+ label: "Date of Birth",
558
563
  sizes: "medium",
559
564
  placeholder: "Date of Birth",
560
565
  required: true,
@@ -568,12 +573,12 @@ const CpraRequest = ({
568
573
  {
569
574
  id: "email",
570
575
  ...register("email", {
571
- required: true,
572
- validate: {
573
- isValid: associatedEmail
574
- }
576
+ required: true
577
+ // validate: {
578
+ // isValid: associatedEmail,
579
+ // },
575
580
  }),
576
- label: "* Email",
581
+ label: "Email",
577
582
  sizes: "medium",
578
583
  required: true,
579
584
  error: !!errors.email,
@@ -586,7 +591,7 @@ const CpraRequest = ({
586
591
  {
587
592
  id: "Telephone",
588
593
  ...register("Telephone", { required: true, maxLength: 12 }),
589
- label: "* Preferred Phone",
594
+ label: "Preferred Phone",
590
595
  sizes: "medium",
591
596
  required: true,
592
597
  error: !!errors.Telephone,
@@ -599,7 +604,7 @@ const CpraRequest = ({
599
604
  {
600
605
  id: "Street_Address",
601
606
  ...register("Street_Address", { required: true }),
602
- label: "* Street Address",
607
+ label: "Street Address",
603
608
  sizes: "medium",
604
609
  required: true,
605
610
  variant
@@ -610,7 +615,7 @@ const CpraRequest = ({
610
615
  {
611
616
  id: "City",
612
617
  ...register("City", { required: true }),
613
- label: "* City",
618
+ label: "City",
614
619
  sizes: "medium",
615
620
  required: true,
616
621
  variant
@@ -623,7 +628,7 @@ const CpraRequest = ({
623
628
  ...register("State_", {
624
629
  required: true
625
630
  }),
626
- label: "* State",
631
+ label: "State",
627
632
  sizes: "medium",
628
633
  required: true,
629
634
  error: !!errors.State_,
@@ -688,7 +693,7 @@ const CpraRequest = ({
688
693
  {
689
694
  id: "Zip_Code",
690
695
  ...register("Zip_Code", { required: true }),
691
- label: "* Zip Code",
696
+ label: "Zip Code",
692
697
  sizes: "medium",
693
698
  required: true,
694
699
  variant
@@ -53,6 +53,8 @@ import "../LoadingIndicator/LoadingIndicator.css.js";
53
53
  import "../Interstitial/Interstitial-variants.css.js";
54
54
  import "../Inputs/Input.css.js";
55
55
  /* empty css */
56
+ /* empty css */
57
+ import "../Modal/contextApi/store.js";
56
58
  import "../Hyperlink/Hyperlink.css.js";
57
59
  /* empty css */
58
60
  import "iframe-resizer";
@@ -94,8 +96,6 @@ import "../ImageBillboard/ImageBillboard.css.js";
94
96
  /* empty css */
95
97
  /* empty css */
96
98
  import "../LandingPageHeader/LandingPageHeader.css.js";
97
- /* empty css */
98
- import "../Modal/contextApi/store.js";
99
99
  /* empty css */
100
100
  import "next/navigation.js";
101
101
  /* empty css */
@@ -54,6 +54,8 @@ import "../LoadingIndicator/LoadingIndicator.css.js";
54
54
  import "../Interstitial/Interstitial-variants.css.js";
55
55
  import "../Inputs/Input.css.js";
56
56
  /* empty css */
57
+ /* empty css */
58
+ import "../Modal/contextApi/store.js";
57
59
  import "../Hyperlink/Hyperlink.css.js";
58
60
  /* empty css */
59
61
  import "iframe-resizer";
@@ -95,8 +97,6 @@ import "../ImageBillboard/ImageBillboard.css.js";
95
97
  /* empty css */
96
98
  /* empty css */
97
99
  import "../LandingPageHeader/LandingPageHeader.css.js";
98
- /* empty css */
99
- import "../Modal/contextApi/store.js";
100
100
  /* empty css */
101
101
  import "next/navigation.js";
102
102
  /* empty css */
@@ -53,6 +53,9 @@ import { RateWatchForm } from "./MortgageRateWatch.js";
53
53
  import { marketing_tile } from "../../Interstitial/Interstitial-variants.css.js";
54
54
  import css from "../../Interstitial/Interstitial.module.js";
55
55
  /* empty css */
56
+ import { chevron_wrapper, chevron } from "../../Chevron/Chevron.css.js";
57
+ /* empty css */
58
+ import "../../Modal/contextApi/store.js";
56
59
  import "../../Hyperlink/Hyperlink.css.js";
57
60
  /* empty css */
58
61
  import "iframe-resizer";
@@ -94,9 +97,6 @@ import "../../ImageBillboard/ImageBillboard.css.js";
94
97
  /* empty css */
95
98
  /* empty css */
96
99
  import "../../LandingPageHeader/LandingPageHeader.css.js";
97
- import { chevron_wrapper, chevron } from "../../Chevron/Chevron.css.js";
98
- /* empty css */
99
- import "../../Modal/contextApi/store.js";
100
100
  /* empty css */
101
101
  import "next/navigation.js";
102
102
  /* empty css */
@@ -49,6 +49,8 @@ import "react-use";
49
49
  import "../../Chevron/Chevron.css.js";
50
50
  import "../../Interstitial/Interstitial-variants.css.js";
51
51
  /* empty css */
52
+ /* empty css */
53
+ import "../../Modal/contextApi/store.js";
52
54
  import "../../Hyperlink/Hyperlink.css.js";
53
55
  /* empty css */
54
56
  import { SuccesFormWrapper } from "../SuccesForm.js";
@@ -91,8 +93,6 @@ import "../../ImageBillboard/ImageBillboard.css.js";
91
93
  /* empty css */
92
94
  /* empty css */
93
95
  import "../../LandingPageHeader/LandingPageHeader.css.js";
94
- /* empty css */
95
- import "../../Modal/contextApi/store.js";
96
96
  /* empty css */
97
97
  import "next/navigation.js";
98
98
  /* empty css */
@@ -45,6 +45,9 @@ import "../Input/RadioButton.js";
45
45
  import "../Input/PercentageInput.js";
46
46
  import "react-hook-form";
47
47
  import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
48
+ import "../Chevron/Chevron.css.js";
49
+ /* empty css */
50
+ import "../Modal/contextApi/store.js";
48
51
  import "../Hyperlink/Hyperlink.css.js";
49
52
  /* empty css */
50
53
  import "react-dom";
@@ -79,9 +82,6 @@ import "../ImageBillboard/ImageBillboard.css.js";
79
82
  /* empty css */
80
83
  import "../LandingPageHeader/LandingPageHeader.css.js";
81
84
  import "../LoadingIndicator/LoadingIndicator.css.js";
82
- import "../Chevron/Chevron.css.js";
83
- /* empty css */
84
- import "../Modal/contextApi/store.js";
85
85
  import "react-use";
86
86
  /* empty css */
87
87
  import "next/navigation.js";
@@ -1,5 +1,6 @@
1
1
  "use client";
2
2
  import { jsx } from "react/jsx-runtime";
3
+ import "../Chevron/Chevron.css.js";
3
4
  import "../Accordion/Accordion.js";
4
5
  import "../Accordion/Accordion.css.js";
5
6
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -11,7 +12,6 @@ import "../icons/CheckIcon/CheckIcon.css.js";
11
12
  /* empty css */
12
13
  import clsx from "clsx";
13
14
  import "react";
14
- import "../Chevron/Chevron.css.js";
15
15
  import "../AlertBanner/AlertBanner.css.js";
16
16
  import "../Article/Article.css.js";
17
17
  import "../IconBillboard/IconBillboard.css.js";
@@ -20,8 +20,6 @@ import { validateLink } from "../utils/validateExternalLinks.js";
20
20
  /* empty css */
21
21
  /* empty css */
22
22
  import "../Interstitial/Interstitial-variants.css.js";
23
- /* empty css */
24
- import { useGlobalContext } from "../Modal/contextApi/store.js";
25
23
  import "../Button/Button.css.js";
26
24
  import "react-use";
27
25
  import "../ArticlesSet/ArticlesSet.css.js";
@@ -121,6 +119,8 @@ import "../StepItemSet/StepItemSet.css.js";
121
119
  import "next/script.js";
122
120
  /* empty css */
123
121
  /* empty css */
122
+ /* empty css */
123
+ import { useGlobalContext } from "../Modal/contextApi/store.js";
124
124
  import { hyperlink } from "./Hyperlink.css.js";
125
125
  const Hyperlink = ({
126
126
  children,
@@ -52,6 +52,8 @@ import "../Chevron/Chevron.css.js";
52
52
  import "../Interstitial/Interstitial-variants.css.js";
53
53
  import "../Inputs/Input.css.js";
54
54
  /* empty css */
55
+ /* empty css */
56
+ import "../Modal/contextApi/store.js";
55
57
  import "../Hyperlink/Hyperlink.css.js";
56
58
  /* empty css */
57
59
  import "iframe-resizer";
@@ -92,8 +94,6 @@ import ImageLink from "./ImageLink.js";
92
94
  /* empty css */
93
95
  /* empty css */
94
96
  import "../LandingPageHeader/LandingPageHeader.css.js";
95
- /* empty css */
96
- import "../Modal/contextApi/store.js";
97
97
  /* empty css */
98
98
  import "next/navigation.js";
99
99
  /* empty css */
@@ -1,4 +1,5 @@
1
1
  import "react/jsx-runtime";
2
+ import "../Chevron/Chevron.css.js";
2
3
  import "../Accordion/Accordion.js";
3
4
  import "../Accordion/Accordion.css.js";
4
5
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -10,7 +11,6 @@ import "../icons/CheckIcon/CheckIcon.css.js";
10
11
  /* empty css */
11
12
  import "clsx";
12
13
  import "react";
13
- import "../Chevron/Chevron.css.js";
14
14
  import "../AlertBanner/AlertBanner.css.js";
15
15
  import "../Article/Article.css.js";
16
16
  import "../IconBillboard/IconBillboard.css.js";
@@ -18,8 +18,6 @@ import "../utils/allowedAxosDomains.js";
18
18
  /* empty css */
19
19
  /* empty css */
20
20
  import "../Interstitial/Interstitial-variants.css.js";
21
- /* empty css */
22
- import "../Modal/contextApi/store.js";
23
21
  import "../Button/Button.css.js";
24
22
  import "react-use";
25
23
  import "../ArticlesSet/ArticlesSet.css.js";
@@ -119,6 +117,8 @@ import "../StepItemSet/StepItemSet.css.js";
119
117
  import "next/script.js";
120
118
  /* empty css */
121
119
  /* empty css */
120
+ /* empty css */
121
+ import "../Modal/contextApi/store.js";
122
122
  import "../Hyperlink/Hyperlink.css.js";
123
123
  export {
124
124
  ImageLinkSet
@@ -48,6 +48,7 @@ import "../LoadingIndicator/LoadingIndicator.css.js";
48
48
  import "../Interstitial/Interstitial-variants.css.js";
49
49
  import "../Inputs/Input.css.js";
50
50
  /* empty css */
51
+ import "./contextApi/store.js";
51
52
  import "../Hyperlink/Hyperlink.css.js";
52
53
  /* empty css */
53
54
  import "iframe-resizer";
@@ -89,7 +90,6 @@ import "../ImageBillboard/ImageBillboard.css.js";
89
90
  /* empty css */
90
91
  /* empty css */
91
92
  import "../LandingPageHeader/LandingPageHeader.css.js";
92
- import "./contextApi/store.js";
93
93
  /* empty css */
94
94
  import "next/navigation.js";
95
95
  /* empty css */
@@ -1590,6 +1590,15 @@ function SubNavBar() {
1590
1590
  children: "Managed Portfolios"
1591
1591
  }
1592
1592
  ) }),
1593
+ /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
1594
+ Link,
1595
+ {
1596
+ href: findMoreAxosDomains(
1597
+ "{AXOS}/invest/managed-portfolios"
1598
+ ),
1599
+ children: "Managed Portfolios"
1600
+ }
1601
+ ) }),
1593
1602
  /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
1594
1603
  Link,
1595
1604
  {
@@ -50,6 +50,8 @@ import "../../LoadingIndicator/LoadingIndicator.css.js";
50
50
  import "../../Interstitial/Interstitial-variants.css.js";
51
51
  import "../../Inputs/Input.css.js";
52
52
  /* empty css */
53
+ /* empty css */
54
+ import "../../Modal/contextApi/store.js";
53
55
  import "../../Hyperlink/Hyperlink.css.js";
54
56
  /* empty css */
55
57
  import "iframe-resizer";
@@ -91,8 +93,6 @@ import "../../ImageBillboard/ImageBillboard.css.js";
91
93
  /* empty css */
92
94
  /* empty css */
93
95
  import "../../LandingPageHeader/LandingPageHeader.css.js";
94
- /* empty css */
95
- import "../../Modal/contextApi/store.js";
96
96
  import { NavItem } from "../NavItem/index.js";
97
97
  /* empty css */
98
98
  import "next/navigation.js";
@@ -50,6 +50,8 @@ import "../../LoadingIndicator/LoadingIndicator.css.js";
50
50
  import "../../Interstitial/Interstitial-variants.css.js";
51
51
  import "../../Inputs/Input.css.js";
52
52
  /* empty css */
53
+ /* empty css */
54
+ import "../../Modal/contextApi/store.js";
53
55
  import "../../Hyperlink/Hyperlink.css.js";
54
56
  /* empty css */
55
57
  import "iframe-resizer";
@@ -91,8 +93,6 @@ import "../../ImageBillboard/ImageBillboard.css.js";
91
93
  /* empty css */
92
94
  /* empty css */
93
95
  import "../../LandingPageHeader/LandingPageHeader.css.js";
94
- /* empty css */
95
- import "../../Modal/contextApi/store.js";
96
96
  import { NavItem } from "../NavItem/index.js";
97
97
  /* empty css */
98
98
  import "next/navigation.js";
@@ -51,6 +51,8 @@ import "../Chevron/Chevron.css.js";
51
51
  import "../Interstitial/Interstitial-variants.css.js";
52
52
  import "../Inputs/Input.css.js";
53
53
  /* empty css */
54
+ /* empty css */
55
+ import "../Modal/contextApi/store.js";
54
56
  import "../Hyperlink/Hyperlink.css.js";
55
57
  /* empty css */
56
58
  import "iframe-resizer";
@@ -90,8 +92,6 @@ import "next/image.js";
90
92
  /* empty css */
91
93
  /* empty css */
92
94
  import "../LandingPageHeader/LandingPageHeader.css.js";
93
- /* empty css */
94
- import "../Modal/contextApi/store.js";
95
95
  /* empty css */
96
96
  import "next/navigation.js";
97
97
  /* empty css */
@@ -6,7 +6,7 @@ const WalnutIframe = ({ id, sourceUrl }) => /* @__PURE__ */ jsx("div", { classNa
6
6
  id: `id-${id}`,
7
7
  src: sourceUrl,
8
8
  title: "Intereactive Demo",
9
- style: { border: 0, width: "1056px" },
9
+ style: { border: 0 },
10
10
  allow: "fullscreen",
11
11
  allowFullScreen: true,
12
12
  loading: "eager",
@@ -234,9 +234,6 @@ p:empty, ul:empty {
234
234
  .margin_block {
235
235
  margin: 1rem 0;
236
236
  }
237
- #id-9g4WRueqSVH5Yt3z7Cry2 {
238
- width: 1200px !important;
239
- }
240
237
  @media screen and (max-width: 1023px) {
241
238
  .containment {
242
239
  width: min(45rem, calc(100% - 4rem));
@@ -39,7 +39,9 @@ const moreDomains = {
39
39
  "{AFAST}": process.env.SECURE_FAST_URL || "https://secure.approvedfast.com",
40
40
  "{LVFMYSITE}": process.env.LVF_MYSITE_URL || "https://lavictoire-finance.my.site.com",
41
41
  "{PERSONALLOANS}": process.env.PERSONAL_LOANS_URL || "https://personalloans.axosbank.com",
42
- "{MODELSELECTION}": process.env.MODEL_SELECTION_URL || "https://modelselection.axos.com"
42
+ "{MODELSELECTION}": process.env.MODEL_SELECTION_URL || "https://modelselection.axos.com",
43
+ "{COMMERCIALPORTAL_LOGIN}": `${process.env.COMMERCIALPORTAL_URL}/login` || "https://portals.axosbank.com/login",
44
+ "{COMMERCIALPORTAL_REGISTER}": process.env.COMMERCIALPORTAL_URL + "/Register" || "https://portals.axosbank.com/Register"
43
45
  };
44
46
  const isAllowedUrl = (url) => {
45
47
  const uri = new URL(url, location.href);
@@ -50,7 +52,7 @@ const isAllowedUrl = (url) => {
50
52
  return false;
51
53
  };
52
54
  const findMoreAxosDomains = (url) => {
53
- const regexSearching = /\{[a-xA-Z]+\}/;
55
+ const regexSearching = /\{[a-xA-Z_-]+\}/;
54
56
  if (regexSearching.test(url)) {
55
57
  const domainToReplace = url.match(regexSearching);
56
58
  if (Array.isArray(domainToReplace)) {
package/package.json CHANGED
@@ -1,133 +1,133 @@
1
- {
2
- "name": "@axos-web-dev/shared-components",
3
- "description": "Axos shared components library for web.",
4
- "version": "1.0.58",
5
- "type": "module",
6
- "module": "dist/main.js",
7
- "types": "dist/main.d.ts",
8
- "files": [
9
- "dist"
10
- ],
11
- "sideEffects": [
12
- "dist/assets/**/*.css"
13
- ],
14
- "scripts": {
15
- "dev": "vite",
16
- "build": "tsc --p ./tsconfig.build.json && vite build",
17
- "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
18
- "preview": "vite preview",
19
- "prepublishOnly": "npm run build",
20
- "check-types": "tsc --pretty --noEmit",
21
- "check-format": "prettier --check .",
22
- "check-lint": "eslint . --ext ts --ext tsx --ext js",
23
- "format": "prettier --write .",
24
- "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
25
- "prepare": "husky",
26
- "storybook": "storybook dev -p 6006",
27
- "build-storybook": "storybook build",
28
- "npm:link": "npm run build && npm link"
29
- },
30
- "dependencies": {
31
- "@headlessui/react": "^2.2.0",
32
- "@hookform/resolvers": "^3.10.0",
33
- "@next-safe-action/adapter-react-hook-form": "^2.0.0",
34
- "@react-input/mask": "^1.2.15",
35
- "@react-input/number-format": "^1.1.3",
36
- "@storybook/icons": "^1.3.0",
37
- "@storybook/preview-api": "^8.4.7",
38
- "@types/iframe-resizer": "3.5.13",
39
- "@vanilla-extract/css": "^1.16.1",
40
- "@vanilla-extract/recipes": "^0.5.1",
41
- "antd": "^5.22.5",
42
- "clsx": "^2.1.1",
43
- "framer-motion": "^12.9.2",
44
- "iframe-resizer": "^3.6.6",
45
- "lodash": "^4.17.21",
46
- "moment": "^2.30.1",
47
- "next-safe-action": "^8.0.2",
48
- "react-date-picker": "^11.0.0",
49
- "react-date-range": "^2.0.1",
50
- "react-hook-form": "^7.54.2",
51
- "react-markdown": "^9.0.1",
52
- "react-popper": "^2.3.0",
53
- "react-slick": "^0.30.2",
54
- "react-use": "^17.6.0",
55
- "react-wrap-balancer": "^1.1.1",
56
- "rsuite": "^5.75.0",
57
- "slick-carousel": "^1.8.1",
58
- "typed-css-modules": "^0.9.1",
59
- "vite-plugin-svgr": "^4.3.0",
60
- "zod": "^3.24.1",
61
- "zustand": "^4.5.5"
62
- },
63
- "peerDependencies": {
64
- "@vanilla-extract/css-utils": "^0.1.3",
65
- "@vanilla-extract/recipes": "^0.5.1",
66
- "@vanilla-extract/vite-plugin": "^4.0.3",
67
- "next": "^14.1.4",
68
- "react": "^18.2.0",
69
- "react-date-range": "^2.0.1",
70
- "react-dom": "^18.2.0",
71
- "react-popper": "^2.3.0",
72
- "react-slick": "^0.30.2",
73
- "slick-carousel": "^1.8.1"
74
- },
75
- "devDependencies": {
76
- "@chromatic-com/storybook": "^1.9.0",
77
- "@rollup/plugin-alias": "^5.1.1",
78
- "@storybook/addon-essentials": "^8.4.7",
79
- "@storybook/addon-interactions": "^8.4.7",
80
- "@storybook/addon-links": "^8.4.7",
81
- "@storybook/addon-mdx-gfm": "^8.4.7",
82
- "@storybook/addon-onboarding": "^8.4.7",
83
- "@storybook/addon-themes": "^8.4.7",
84
- "@storybook/blocks": "^8.4.7",
85
- "@storybook/react": "^8.6.14",
86
- "@storybook/react-vite": "^8.4.7",
87
- "@storybook/test": "^8.6.14",
88
- "@svgr/core": "^8.1.0",
89
- "@svgr/plugin-prettier": "^8.1.0",
90
- "@svgr/plugin-svgo": "^8.1.0",
91
- "@types/lodash": "^4.17.17",
92
- "@types/node": "^20.19.0",
93
- "@types/react": "^18.3.23",
94
- "@types/react-date-range": "^1.4.9",
95
- "@types/react-datepicker": "^6.2.0",
96
- "@types/react-dom": "^18.3.7",
97
- "@types/react-slick": "^0.23.13",
98
- "@typescript-eslint/eslint-plugin": "^7.18.0",
99
- "@typescript-eslint/parser": "^7.18.0",
100
- "@vanilla-extract/css-utils": "^0.1.4",
101
- "@vanilla-extract/recipes": "^0.5.5",
102
- "@vanilla-extract/vite-plugin": "^4.0.18",
103
- "@vitejs/plugin-react-swc": "^3.7.2",
104
- "esbuild-vanilla-image-loader": "^0.1.3",
105
- "eslint": "^8.57.1",
106
- "eslint-plugin-react-hooks": "^4.6.2",
107
- "eslint-plugin-react-refresh": "^0.4.16",
108
- "eslint-plugin-storybook": "^0.8.0",
109
- "glob": "^10.4.5",
110
- "husky": "^9.1.7",
111
- "next": "^14.1.4",
112
- "prettier": "3.2.5",
113
- "react": "^18.3.1",
114
- "react-dom": "^18.3.1",
115
- "rollup-plugin-preserve-directives": "^0.4.0",
116
- "rollup-plugin-svg-import": "^3.0.0",
117
- "rollup-plugin-svgo": "^2.0.0",
118
- "storybook": "^8.4.7",
119
- "typescript": "^5.7.2",
120
- "typescript-plugin-css-modules": "^5.1.0",
121
- "vite": "^5.4.11",
122
- "vite-plugin-dts": "^3.9.1",
123
- "vite-plugin-lib-inject-css": "^2.1.1",
124
- "vite-plugin-setting-css-module": "^1.1.4",
125
- "vite-tsconfig-paths": "^4.3.2"
126
- },
127
- "main": "index.js",
128
- "directories": {
129
- "lib": "lib"
130
- },
131
- "author": "axos-web-dev",
132
- "license": "ISC"
133
- }
1
+ {
2
+ "name": "@axos-web-dev/shared-components",
3
+ "description": "Axos shared components library for web.",
4
+ "version": "1.0.59-patch.1",
5
+ "type": "module",
6
+ "module": "dist/main.js",
7
+ "types": "dist/main.d.ts",
8
+ "files": [
9
+ "dist"
10
+ ],
11
+ "sideEffects": [
12
+ "dist/assets/**/*.css"
13
+ ],
14
+ "scripts": {
15
+ "dev": "vite",
16
+ "build": "tsc --p ./tsconfig.build.json && vite build",
17
+ "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
18
+ "preview": "vite preview",
19
+ "prepublishOnly": "npm run build",
20
+ "check-types": "tsc --pretty --noEmit",
21
+ "check-format": "prettier --check .",
22
+ "check-lint": "eslint . --ext ts --ext tsx --ext js",
23
+ "format": "prettier --write .",
24
+ "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
25
+ "prepare": "husky",
26
+ "storybook": "storybook dev -p 6006",
27
+ "build-storybook": "storybook build",
28
+ "npm:link": "npm run build && npm link"
29
+ },
30
+ "dependencies": {
31
+ "@headlessui/react": "^2.2.0",
32
+ "@hookform/resolvers": "^3.10.0",
33
+ "@next-safe-action/adapter-react-hook-form": "^2.0.0",
34
+ "@react-input/mask": "^1.2.15",
35
+ "@react-input/number-format": "^1.1.3",
36
+ "@storybook/icons": "^1.3.0",
37
+ "@storybook/preview-api": "^8.4.7",
38
+ "@types/iframe-resizer": "3.5.13",
39
+ "@vanilla-extract/css": "^1.16.1",
40
+ "@vanilla-extract/recipes": "^0.5.1",
41
+ "antd": "^5.22.5",
42
+ "clsx": "^2.1.1",
43
+ "framer-motion": "^12.9.2",
44
+ "iframe-resizer": "^3.6.6",
45
+ "lodash": "^4.17.21",
46
+ "moment": "^2.30.1",
47
+ "next-safe-action": "^8.0.2",
48
+ "react-date-picker": "^11.0.0",
49
+ "react-date-range": "^2.0.1",
50
+ "react-hook-form": "^7.54.2",
51
+ "react-markdown": "^9.0.1",
52
+ "react-popper": "^2.3.0",
53
+ "react-slick": "^0.30.2",
54
+ "react-use": "^17.6.0",
55
+ "react-wrap-balancer": "^1.1.1",
56
+ "rsuite": "^5.75.0",
57
+ "slick-carousel": "^1.8.1",
58
+ "typed-css-modules": "^0.9.1",
59
+ "vite-plugin-svgr": "^4.3.0",
60
+ "zod": "^3.24.1",
61
+ "zustand": "^4.5.5"
62
+ },
63
+ "peerDependencies": {
64
+ "@vanilla-extract/css-utils": "^0.1.3",
65
+ "@vanilla-extract/recipes": "^0.5.1",
66
+ "@vanilla-extract/vite-plugin": "^4.0.3",
67
+ "next": "^14.1.4",
68
+ "react": "^18.2.0",
69
+ "react-date-range": "^2.0.1",
70
+ "react-dom": "^18.2.0",
71
+ "react-popper": "^2.3.0",
72
+ "react-slick": "^0.30.2",
73
+ "slick-carousel": "^1.8.1"
74
+ },
75
+ "devDependencies": {
76
+ "@chromatic-com/storybook": "^1.9.0",
77
+ "@rollup/plugin-alias": "^5.1.1",
78
+ "@storybook/addon-essentials": "^8.4.7",
79
+ "@storybook/addon-interactions": "^8.4.7",
80
+ "@storybook/addon-links": "^8.4.7",
81
+ "@storybook/addon-mdx-gfm": "^8.4.7",
82
+ "@storybook/addon-onboarding": "^8.4.7",
83
+ "@storybook/addon-themes": "^8.4.7",
84
+ "@storybook/blocks": "^8.4.7",
85
+ "@storybook/react": "^8.6.14",
86
+ "@storybook/react-vite": "^8.4.7",
87
+ "@storybook/test": "^8.6.14",
88
+ "@svgr/core": "^8.1.0",
89
+ "@svgr/plugin-prettier": "^8.1.0",
90
+ "@svgr/plugin-svgo": "^8.1.0",
91
+ "@types/lodash": "^4.17.17",
92
+ "@types/node": "^20.19.0",
93
+ "@types/react": "^18.3.23",
94
+ "@types/react-date-range": "^1.4.9",
95
+ "@types/react-datepicker": "^6.2.0",
96
+ "@types/react-dom": "^18.3.7",
97
+ "@types/react-slick": "^0.23.13",
98
+ "@typescript-eslint/eslint-plugin": "^7.18.0",
99
+ "@typescript-eslint/parser": "^7.18.0",
100
+ "@vanilla-extract/css-utils": "^0.1.4",
101
+ "@vanilla-extract/recipes": "^0.5.5",
102
+ "@vanilla-extract/vite-plugin": "^4.0.18",
103
+ "@vitejs/plugin-react-swc": "^3.7.2",
104
+ "esbuild-vanilla-image-loader": "^0.1.3",
105
+ "eslint": "^8.57.1",
106
+ "eslint-plugin-react-hooks": "^4.6.2",
107
+ "eslint-plugin-react-refresh": "^0.4.16",
108
+ "eslint-plugin-storybook": "^0.8.0",
109
+ "glob": "^10.4.5",
110
+ "husky": "^9.1.7",
111
+ "next": "^14.1.4",
112
+ "prettier": "3.2.5",
113
+ "react": "^18.3.1",
114
+ "react-dom": "^18.3.1",
115
+ "rollup-plugin-preserve-directives": "^0.4.0",
116
+ "rollup-plugin-svg-import": "^3.0.0",
117
+ "rollup-plugin-svgo": "^2.0.0",
118
+ "storybook": "^8.4.7",
119
+ "typescript": "^5.7.2",
120
+ "typescript-plugin-css-modules": "^5.1.0",
121
+ "vite": "^5.4.11",
122
+ "vite-plugin-dts": "^3.9.1",
123
+ "vite-plugin-lib-inject-css": "^2.1.1",
124
+ "vite-plugin-setting-css-module": "^1.1.4",
125
+ "vite-tsconfig-paths": "^4.3.2"
126
+ },
127
+ "main": "index.js",
128
+ "directories": {
129
+ "lib": "lib"
130
+ },
131
+ "author": "axos-web-dev",
132
+ "license": "ISC"
133
+ }