@axos-web-dev/shared-components 2.0.0-dev.16 → 2.0.0-dev.16-nav-0

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 (109) hide show
  1. package/dist/ATMLocator/ATMLocator.js +2 -1
  2. package/dist/Accordion/Accordion.css.d.ts +1 -1
  3. package/dist/Article/Article.css.d.ts +40 -40
  4. package/dist/ArticlesSet/ArticlesSet.css.d.ts +20 -20
  5. package/dist/Auth/ErrorAlert.js +2 -1
  6. package/dist/Button/Button.css.d.ts +18 -18
  7. package/dist/Button/Button.js +2 -1
  8. package/dist/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.d.ts +12 -12
  9. package/dist/Calculators/ApyCalculator/ApyCalculator.css.d.ts +12 -12
  10. package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.d.ts +8 -8
  11. package/dist/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.d.ts +20 -20
  12. package/dist/Calculators/BuyDownCalculator/BuyDownCalculator.css.d.ts +18 -18
  13. package/dist/Calculators/Calculator.js +2 -1
  14. package/dist/Calculators/MarginTradingCalculator/index.js +2 -1
  15. package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.d.ts +12 -12
  16. package/dist/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.d.ts +12 -12
  17. package/dist/Calculators/SummitApyCalculator/BalanceAPYCalculator.css.d.ts +8 -8
  18. package/dist/Calculators/calculator.css.d.ts +12 -12
  19. package/dist/Carousel/Carousel.css.d.ts +24 -24
  20. package/dist/Carousel/index.js +2 -1
  21. package/dist/Chatbot/AnimatedGradientBorder.css.d.ts +2 -2
  22. package/dist/Chatbot/Chat.js +5 -16
  23. package/dist/Chatbot/ChatWindow.js +18 -24
  24. package/dist/Chatbot/Chatbot.d.ts +1 -9
  25. package/dist/Chatbot/Chatbot.js +25 -36
  26. package/dist/Chatbot/authenticate.d.ts +3 -0
  27. package/dist/Chatbot/authenticate.js +16 -0
  28. package/dist/Chevron/Chevron.css.d.ts +4 -4
  29. package/dist/Chevron/index.js +2 -1
  30. package/dist/Comparison/Comparison.css.d.ts +10 -10
  31. package/dist/Comparison/Comparison.js +2 -1
  32. package/dist/ContentBanner/ContentBanner.css.d.ts +12 -12
  33. package/dist/ExecutiveBio/ExecutiveBio.css.d.ts +73 -73
  34. package/dist/ExecutiveBio/ExecutiveBio.js +2 -1
  35. package/dist/FaqAccordion/index.js +2 -1
  36. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +2 -19
  37. package/dist/Forms/ApplyNow.js +2 -1
  38. package/dist/Forms/ContactUsBusiness.js +2 -1
  39. package/dist/Forms/ContactUsBusinessNameEmail.js +2 -1
  40. package/dist/Forms/ContactUsNMLSId.js +2 -1
  41. package/dist/Forms/CpraRequest.js +2 -1
  42. package/dist/Forms/CraPublicFile.js +2 -1
  43. package/dist/Forms/EmailOnly.js +2 -1
  44. package/dist/Forms/Forms.css.d.ts +44 -44
  45. package/dist/Forms/MortgageRate/MortgageRateForm.js +2 -1
  46. package/dist/Forms/MortgageRate/MortgageRateWatch.js +2 -1
  47. package/dist/Forms/MortgageWarehouseLending.js +2 -1
  48. package/dist/Forms/SuccesForm.js +2 -1
  49. package/dist/HeroBanner/HeroBanner.css.d.ts +16 -16
  50. package/dist/HeroBanner/LargeBanner.css.d.ts +36 -36
  51. package/dist/HeroBanner/SelectionBanner.css.d.ts +4 -4
  52. package/dist/Hyperlink/Hyperlink.css.d.ts +4 -4
  53. package/dist/Hyperlink/index.js +2 -1
  54. package/dist/IconBillboard/IconBillboard.css.d.ts +22 -22
  55. package/dist/ImageBillboard/ImageBillboard.css.d.ts +16 -16
  56. package/dist/ImageLink/ImageLink.js +2 -1
  57. package/dist/ImageLink/ImageLinkSet.js +2 -1
  58. package/dist/ImageLink/index.js +2 -1
  59. package/dist/Input/Input.css.d.ts +16 -16
  60. package/dist/Inputs/Input.css.d.ts +14 -14
  61. package/dist/Insight/Featured/CategorySelector.js +2 -1
  62. package/dist/Insight/Featured/Featured.js +2 -1
  63. package/dist/Insight/Featured/Header.js +2 -1
  64. package/dist/Interstitial/Interstitial-variants.css.d.ts +2 -2
  65. package/dist/LandingPageHeader/LandingPageHeader.css.d.ts +8 -8
  66. package/dist/Modal/Modal.js +2 -1
  67. package/dist/NavigationMenu/AxosALTS/index.js +2 -1
  68. package/dist/NavigationMenu/AxosBank/DropwdownButton.d.ts +7 -0
  69. package/dist/NavigationMenu/AxosBank/DropwdownButton.js +109 -0
  70. package/dist/NavigationMenu/AxosBank/Menu.d.ts +37 -0
  71. package/dist/NavigationMenu/AxosBank/Menu.js +119 -0
  72. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.d.ts +12 -1
  73. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +184 -164
  74. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +27 -27
  75. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts +35 -282
  76. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +53 -523
  77. package/dist/NavigationMenu/AxosBank/MobileMenu/mobileReducer.d.ts +36 -0
  78. package/dist/NavigationMenu/AxosBank/MobileMenu/mobileReducer.js +105 -0
  79. package/dist/NavigationMenu/AxosBank/NavBar.module.js +42 -39
  80. package/dist/NavigationMenu/AxosBank/SubNavBar.d.ts +6 -1
  81. package/dist/NavigationMenu/AxosBank/SubNavBar.js +112 -3081
  82. package/dist/NavigationMenu/AxosBank/SubNavItem.d.ts +1 -0
  83. package/dist/NavigationMenu/AxosBank/SubNavItem.js +185 -0
  84. package/dist/NavigationMenu/AxosBank/index.d.ts +5 -3
  85. package/dist/NavigationMenu/AxosBank/index.js +133 -395
  86. package/dist/NavigationMenu/LaVictoire/index.js +2 -1
  87. package/dist/NavigationMenu/Navbar.d.ts +4 -1
  88. package/dist/NavigationMenu/Navbar.js +5 -4
  89. package/dist/NavigationMenu/SignInNavButton.js +3 -2
  90. package/dist/NavigationMenu/utils.d.ts +465 -0
  91. package/dist/NavigationMenu/utils.js +112 -0
  92. package/dist/PageNavItem/PageNavItem.css.d.ts +4 -4
  93. package/dist/SetContainer/SetContainer.css.d.ts +16 -16
  94. package/dist/SetContainer/SetContainer.js +2 -1
  95. package/dist/SocialMediaBar/iconsRepository.js +2 -1
  96. package/dist/StepItem/StepItem.css.d.ts +20 -20
  97. package/dist/StepItemSet/StepItemSet.css.d.ts +12 -12
  98. package/dist/Tab/Tab.css.d.ts +12 -12
  99. package/dist/Table/Table.css.d.ts +26 -26
  100. package/dist/VideoTile/VideoTile.js +2 -1
  101. package/dist/VideoWrapper/index.js +2 -1
  102. package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css +49 -49
  103. package/dist/assets/NavigationMenu/AxosBank/NavBar.css +125 -87
  104. package/dist/assets/globals.css +3 -3
  105. package/dist/icons/ArrowIcon/ArrowIcon.css.d.ts +3 -3
  106. package/dist/icons/CheckIcon/CheckIcon.css.d.ts +2 -2
  107. package/dist/themes/axos.css.d.ts +50 -50
  108. package/dist/utils/allowedAxosDomains.js +6 -2
  109. package/package.json +1 -1
@@ -1,20 +1,20 @@
1
1
  export declare const calc_container: import('@vanilla-extract/recipes').RuntimeFn<{
2
2
  variant: {
3
3
  primary: {
4
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4
+ background: `var(--${string})`;
5
+ color: `var(--${string})`;
6
6
  };
7
7
  secondary: {
8
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8
+ background: `var(--${string})`;
9
+ color: `var(--${string})`;
10
10
  };
11
11
  tertiary: {
12
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
12
+ background: `var(--${string})`;
13
+ color: `var(--${string})`;
14
14
  };
15
15
  quaternary: {
16
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
+ background: `var(--${string})`;
17
+ color: `var(--${string})`;
18
18
  };
19
19
  };
20
20
  }>;
@@ -26,16 +26,16 @@ export declare const errorTag: string;
26
26
  export declare const form_wrapper: import('@vanilla-extract/recipes').RuntimeFn<{
27
27
  variant: {
28
28
  primary: {
29
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
+ color: `var(--${string})`;
30
30
  };
31
31
  secondary: {
32
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
+ color: `var(--${string})`;
33
33
  };
34
34
  tertiary: {
35
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
+ color: `var(--${string})`;
36
36
  };
37
37
  quaternary: {
38
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
+ color: `var(--${string})`;
39
39
  };
40
40
  };
41
41
  }>;
@@ -58,12 +58,12 @@ export declare const theme_header: import('@vanilla-extract/recipes').RuntimeFn<
58
58
  selectors: {
59
59
  [x: string]: {
60
60
  WebkitBackgroundClip: "text";
61
- backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
+ backgroundImage: `var(--${string})`;
62
62
  WebkitTextFillColor: "transparent";
63
63
  textShadow: "0px 0px #00000000";
64
64
  color?: undefined;
65
65
  } | {
66
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
66
+ color: `var(--${string})`;
67
67
  WebkitBackgroundClip?: undefined;
68
68
  backgroundImage?: undefined;
69
69
  WebkitTextFillColor?: undefined;
@@ -75,12 +75,12 @@ export declare const theme_header: import('@vanilla-extract/recipes').RuntimeFn<
75
75
  selectors: {
76
76
  [x: string]: {
77
77
  WebkitBackgroundClip: "text";
78
- backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
78
+ backgroundImage: `var(--${string})`;
79
79
  WebkitTextFillColor: "transparent";
80
80
  textShadow: "0px 0px #00000000";
81
81
  color?: undefined;
82
82
  } | {
83
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
83
+ color: `var(--${string})`;
84
84
  WebkitBackgroundClip?: undefined;
85
85
  backgroundImage?: undefined;
86
86
  WebkitTextFillColor?: undefined;
@@ -89,10 +89,10 @@ export declare const theme_header: import('@vanilla-extract/recipes').RuntimeFn<
89
89
  };
90
90
  };
91
91
  tertiary: {
92
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
92
+ color: `var(--${string})`;
93
93
  };
94
94
  quaternary: {
95
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
95
+ color: `var(--${string})`;
96
96
  };
97
97
  };
98
98
  }>;
@@ -99,8 +99,9 @@ import "next/navigation.js";
99
99
  /* empty css */
100
100
  /* empty css */
101
101
  /* empty css */
102
- import "next/link.js";
103
102
  /* empty css */
103
+ import "next/link.js";
104
+ import "../NavigationMenu/AxosBank/Menu.js";
104
105
  /* empty css */
105
106
  /* empty css */
106
107
  /* empty css */
@@ -108,8 +108,9 @@ import "next/navigation.js";
108
108
  /* empty css */
109
109
  /* empty css */
110
110
  /* empty css */
111
- import "next/link.js";
112
111
  /* empty css */
112
+ import "next/link.js";
113
+ import "../../NavigationMenu/AxosBank/Menu.js";
113
114
  /* empty css */
114
115
  /* empty css */
115
116
  /* empty css */
@@ -1,20 +1,20 @@
1
1
  export declare const container: import('@vanilla-extract/recipes').RuntimeFn<{
2
2
  variant: {
3
3
  primary: {
4
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4
+ background: `var(--${string})`;
5
+ color: `var(--${string})`;
6
6
  };
7
7
  secondary: {
8
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8
+ background: `var(--${string})`;
9
+ color: `var(--${string})`;
10
10
  };
11
11
  tertiary: {
12
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
12
+ background: `var(--${string})`;
13
+ color: `var(--${string})`;
14
14
  };
15
15
  quaternary: {
16
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
+ background: `var(--${string})`;
17
+ color: `var(--${string})`;
18
18
  };
19
19
  };
20
20
  }>;
@@ -22,16 +22,16 @@ export declare const input_container: string;
22
22
  export declare const input_box: import('@vanilla-extract/recipes').RuntimeFn<{
23
23
  variant: {
24
24
  primary: {
25
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
+ color: `var(--${string})`;
26
26
  };
27
27
  secondary: {
28
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
+ color: `var(--${string})`;
29
29
  };
30
30
  tertiary: {
31
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
+ color: `var(--${string})`;
32
32
  };
33
33
  quaternary: {
34
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
+ color: `var(--${string})`;
35
35
  };
36
36
  };
37
37
  }>;
@@ -1,16 +1,16 @@
1
1
  export declare const bg_vars: import('@vanilla-extract/recipes').RuntimeFn<{
2
2
  variant: {
3
3
  primary: {
4
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4
+ background: `var(--${string})`;
5
5
  };
6
6
  secondary: {
7
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7
+ background: `var(--${string})`;
8
8
  };
9
9
  tertiary: {
10
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10
+ background: `var(--${string})`;
11
11
  };
12
12
  quaternary: {
13
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13
+ background: `var(--${string})`;
14
14
  };
15
15
  };
16
16
  }>;
@@ -18,32 +18,32 @@ export declare const calc_content_area: string;
18
18
  export declare const calc_h2: import('@vanilla-extract/recipes').RuntimeFn<{
19
19
  variant: {
20
20
  primary: {
21
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
+ color: `var(--${string})`;
22
22
  };
23
23
  secondary: {
24
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
+ color: `var(--${string})`;
25
25
  };
26
26
  tertiary: {
27
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
+ color: `var(--${string})`;
28
28
  };
29
29
  quaternary: {
30
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
+ color: `var(--${string})`;
31
31
  };
32
32
  };
33
33
  }>;
34
34
  export declare const calc_bodycopy: import('@vanilla-extract/recipes').RuntimeFn<{
35
35
  variant: {
36
36
  primary: {
37
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
+ color: `var(--${string})`;
38
38
  };
39
39
  secondary: {
40
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
+ color: `var(--${string})`;
41
41
  };
42
42
  tertiary: {
43
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
43
+ color: `var(--${string})`;
44
44
  };
45
45
  quaternary: {
46
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
46
+ color: `var(--${string})`;
47
47
  };
48
48
  };
49
49
  }>;
@@ -15,32 +15,32 @@ export declare const summit_calc_text: string;
15
15
  export declare const summit_description_text: import('@vanilla-extract/recipes').RuntimeFn<{
16
16
  variant: {
17
17
  primary: {
18
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
+ color: `var(--${string})`;
19
19
  };
20
20
  secondary: {
21
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
+ color: `var(--${string})`;
22
22
  };
23
23
  tertiary: {
24
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
+ color: `var(--${string})`;
25
25
  };
26
26
  quaternary: {
27
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
+ color: `var(--${string})`;
28
28
  };
29
29
  };
30
30
  }>;
31
31
  export declare const summit_calc_disclosure: import('@vanilla-extract/recipes').RuntimeFn<{
32
32
  variant: {
33
33
  primary: {
34
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
+ color: `var(--${string})`;
35
35
  };
36
36
  secondary: {
37
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
+ color: `var(--${string})`;
38
38
  };
39
39
  tertiary: {
40
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
+ color: `var(--${string})`;
41
41
  };
42
42
  quaternary: {
43
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
43
+ color: `var(--${string})`;
44
44
  };
45
45
  };
46
46
  }>;
@@ -2,36 +2,36 @@ export declare const calculator: string;
2
2
  export declare const calculator_description: import('@vanilla-extract/recipes').RuntimeFn<{
3
3
  variant: {
4
4
  primary: {
5
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5
+ background: `var(--${string})`;
6
+ color: `var(--${string})`;
7
7
  };
8
8
  secondary: {
9
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9
+ background: `var(--${string})`;
10
+ color: `var(--${string})`;
11
11
  };
12
12
  tertiary: {
13
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13
+ background: `var(--${string})`;
14
+ color: `var(--${string})`;
15
15
  };
16
16
  quaternary: {
17
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
+ background: `var(--${string})`;
18
+ color: `var(--${string})`;
19
19
  };
20
20
  };
21
21
  }>;
22
22
  export declare const calculator_headline: import('@vanilla-extract/recipes').RuntimeFn<{
23
23
  variant: {
24
24
  primary: {
25
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
+ color: `var(--${string})`;
26
26
  };
27
27
  secondary: {
28
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
+ color: `var(--${string})`;
29
29
  };
30
30
  tertiary: {
31
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
+ color: `var(--${string})`;
32
32
  };
33
33
  quaternary: {
34
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
+ color: `var(--${string})`;
35
35
  };
36
36
  };
37
37
  }>;
@@ -5,53 +5,53 @@ export declare const dots: string;
5
5
  export declare const headerCarousel: import('@vanilla-extract/recipes').RuntimeFn<{
6
6
  variant: {
7
7
  primary: {
8
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8
+ color: `var(--${string})`;
9
9
  };
10
10
  secondary: {
11
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
11
+ color: `var(--${string})`;
12
12
  };
13
13
  tertiary: {
14
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
+ color: `var(--${string})`;
15
15
  };
16
16
  quaternary: {
17
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
+ color: `var(--${string})`;
18
18
  };
19
19
  };
20
20
  }>;
21
21
  export declare const carousel: import('@vanilla-extract/recipes').RuntimeFn<{
22
22
  variant: {
23
23
  primary: {
24
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
+ background: `var(--${string})`;
25
25
  border: "1px solid #E9EBEF";
26
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
+ color: `var(--${string})`;
27
27
  };
28
28
  secondary: {
29
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
+ background: `var(--${string})`;
30
+ color: `var(--${string})`;
31
31
  };
32
32
  tertiary: {
33
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
+ background: `var(--${string})`;
34
+ color: `var(--${string})`;
35
35
  };
36
36
  quaternary: {
37
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
+ background: `var(--${string})`;
38
+ color: `var(--${string})`;
39
39
  };
40
40
  };
41
41
  }>;
42
42
  export declare const descriptionCarousel: import('@vanilla-extract/recipes').RuntimeFn<{
43
43
  variant: {
44
44
  primary: {
45
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
45
+ color: `var(--${string})`;
46
46
  };
47
47
  secondary: {
48
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
48
+ color: `var(--${string})`;
49
49
  };
50
50
  tertiary: {
51
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
51
+ color: `var(--${string})`;
52
52
  };
53
53
  quaternary: {
54
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
54
+ color: `var(--${string})`;
55
55
  };
56
56
  };
57
57
  }>;
@@ -59,16 +59,16 @@ export declare const authorLocation: string;
59
59
  export declare const author: import('@vanilla-extract/recipes').RuntimeFn<{
60
60
  variant: {
61
61
  primary: {
62
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
62
+ color: `var(--${string})`;
63
63
  };
64
64
  secondary: {
65
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
65
+ color: `var(--${string})`;
66
66
  };
67
67
  tertiary: {
68
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
68
+ color: `var(--${string})`;
69
69
  };
70
70
  quaternary: {
71
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
71
+ color: `var(--${string})`;
72
72
  };
73
73
  };
74
74
  }>;
@@ -79,7 +79,7 @@ export declare const icon: import('@vanilla-extract/recipes').RuntimeFn<{}>;
79
79
  export declare const dot: import('@vanilla-extract/recipes').RuntimeFn<{
80
80
  variant: {
81
81
  primary: {
82
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
82
+ borderColor: `var(--${string})`;
83
83
  selectors: {
84
84
  "&:hover": {
85
85
  background: "#87B9D7";
@@ -87,7 +87,7 @@ export declare const dot: import('@vanilla-extract/recipes').RuntimeFn<{
87
87
  };
88
88
  };
89
89
  secondary: {
90
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
90
+ borderColor: `var(--${string})`;
91
91
  selectors: {
92
92
  "&:hover": {
93
93
  background: "#87B9D7";
@@ -95,7 +95,7 @@ export declare const dot: import('@vanilla-extract/recipes').RuntimeFn<{
95
95
  };
96
96
  };
97
97
  tertiary: {
98
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
98
+ borderColor: `var(--${string})`;
99
99
  selectors: {
100
100
  "&:hover": {
101
101
  background: "#EBEBEB";
@@ -103,7 +103,7 @@ export declare const dot: import('@vanilla-extract/recipes').RuntimeFn<{
103
103
  };
104
104
  };
105
105
  quaternary: {
106
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
106
+ borderColor: `var(--${string})`;
107
107
  selectors: {
108
108
  "&:hover": {
109
109
  background: "#EBEBEB";
@@ -109,8 +109,9 @@ import "next/navigation.js";
109
109
  /* empty css */
110
110
  /* empty css */
111
111
  /* empty css */
112
- import "next/link.js";
113
112
  /* empty css */
113
+ import "next/link.js";
114
+ import "../NavigationMenu/AxosBank/Menu.js";
114
115
  /* empty css */
115
116
  /* empty css */
116
117
  /* empty css */
@@ -1,5 +1,5 @@
1
- export declare const angle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2
- export declare const offsetVar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1
+ export declare const angle: `var(--${string})`;
2
+ export declare const offsetVar: `var(--${string})`;
3
3
  export declare const gradientBorder: string;
4
4
  export declare const gradientBorderUfb: string;
5
5
  export declare const gradientFocus: string;
@@ -1,11 +1,11 @@
1
1
  "use client";
2
2
  import { jsxs, jsx } from "react/jsx-runtime";
3
3
  import { useRef, useEffect } from "react";
4
+ import { authenticate } from "./authenticate.js";
4
5
  import { useMessages } from "./store/messages.js";
5
- const companyId = "";
6
- const tenant = "";
7
- const host = "";
8
- const authUrl = "";
6
+ const companyId = process.env.CCAI_COMPANY_ID || "";
7
+ const tenant = process.env.CCAI_TENANT_NAME || "";
8
+ const host = process.env.CCAI_HOST || "";
9
9
  const COBROWSE_CONSENT_TEMPLATE = `
10
10
  <script class="cobrowse-template" type="text/template">
11
11
  <div class="cobrowse">
@@ -53,18 +53,7 @@ function Chat() {
53
53
  }
54
54
  },
55
55
  host,
56
- authenticate: async () => {
57
- const res = await fetch(authUrl, {
58
- method: "GET",
59
- headers: {
60
- "Content-Type": "application/json"
61
- }
62
- });
63
- const data = await res.json();
64
- return {
65
- token: data.token
66
- };
67
- }
56
+ authenticate
68
57
  });
69
58
  const menus = await clientRef.current?.getMenus();
70
59
  try {
@@ -43,8 +43,7 @@ const ChatWindow = ({
43
43
  toggleThankyouMessage,
44
44
  hasEscalated,
45
45
  isBlockedInput,
46
- isOpen,
47
- hasOpenedOnce
46
+ isOpen
48
47
  } = useOpenChat();
49
48
  const [mounted, setMounted] = React.useState(false);
50
49
  const [menuOpen, setMenuOpen] = React.useState(false);
@@ -399,7 +398,7 @@ const ChatWindow = ({
399
398
  }
400
399
  ) }) : null,
401
400
  /* @__PURE__ */ jsxs("div", { className: clsx(messagesContainerStyle), children: [
402
- (status === "idle" && messages.length == 0 || messages.length == 0) && /* @__PURE__ */ jsx(
401
+ (status === "idle" || messages.length == 0) && /* @__PURE__ */ jsx(
403
402
  "div",
404
403
  {
405
404
  className: clsx(),
@@ -426,28 +425,23 @@ const ChatWindow = ({
426
425
  )
427
426
  }
428
427
  ),
429
- messages?.map((msg) => {
430
- if (!hasOpenedOnce) {
431
- return null;
432
- }
433
- return /* @__PURE__ */ jsx(
434
- ChatbotMessage,
435
- {
436
- msg,
437
- onSend,
438
- showAvatar,
439
- showName,
440
- virtualAgent,
441
- onCancelEndChat,
442
- onEndChat: () => {
443
- endChat();
444
- onCloseAfterThankYou();
445
- },
446
- inputRef
428
+ messages?.map((msg) => /* @__PURE__ */ jsx(
429
+ ChatbotMessage,
430
+ {
431
+ msg,
432
+ onSend,
433
+ showAvatar,
434
+ showName,
435
+ virtualAgent,
436
+ onCancelEndChat,
437
+ onEndChat: () => {
438
+ endChat();
439
+ onCloseAfterThankYou();
447
440
  },
448
- msg?.$index
449
- );
450
- }),
441
+ inputRef
442
+ },
443
+ msg?.$index
444
+ )),
451
445
  showReconnect && /* @__PURE__ */ jsx(
452
446
  "button",
453
447
  {
@@ -2,17 +2,9 @@ export type ChatbotProps = {
2
2
  project?: "axos" | "ufb";
3
3
  debug?: boolean;
4
4
  };
5
- type InitalizeChatbot = {
6
- companyId: string;
7
- tenantName: string;
8
- host: string;
9
- authUrl: string;
10
- };
11
- export declare const Chatbot: ({ project, projectEnv, menuOption, debug, config, }: {
5
+ export declare const Chatbot: ({ project, projectEnv, menuOption, debug, }: {
12
6
  project?: "axos" | "ufb" | "Axos" | "Ufb";
13
7
  projectEnv?: "dev" | "qa" | "uat" | "stg" | "prod";
14
8
  menuOption?: "Support Virtual Agent" | string;
15
9
  debug?: boolean;
16
- config: InitalizeChatbot;
17
10
  }) => false | import("react/jsx-runtime").JSX.Element;
18
- export {};