@axos-web-dev/shared-components 1.0.99-feature-brand.3 → 1.0.99-feature-newQPvalues

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 (254) hide show
  1. package/dist/ATMLocator/ATMLocator.js +1 -0
  2. package/dist/Article/Article.css.d.ts +36 -8
  3. package/dist/ArticlesSet/ArticlesSet.css.d.ts +70 -10
  4. package/dist/ArticlesSet/ArticlesSet.js +1 -1
  5. package/dist/Auth/ErrorAlert.js +1 -0
  6. package/dist/AwardsBanner/AwardsBanner.css.js +1 -4
  7. package/dist/AwardsItem/AwardsItem.css.js +2 -1
  8. package/dist/Blockquote/Blockquote.module.js +3 -3
  9. package/dist/Button/Button.css.d.ts +3 -3
  10. package/dist/Button/Button.js +1 -0
  11. package/dist/Calculators/ApyCalculator/ApyCalculator.css.d.ts +30 -2
  12. package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.d.ts +0 -1
  13. package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js +1 -3
  14. package/dist/Calculators/AxosOneCalculator/index.d.ts +0 -3
  15. package/dist/Calculators/AxosOneCalculator/index.js +20 -48
  16. package/dist/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.d.ts +30 -2
  17. package/dist/Calculators/Calculator.d.ts +0 -3
  18. package/dist/Calculators/Calculator.js +3 -6
  19. package/dist/Calculators/MaxLoanCalculator/index.js +8 -1
  20. package/dist/Calculators/calculator.css.d.ts +8 -2
  21. package/dist/CallToActionBar/index.js +1 -1
  22. package/dist/Carousel/Carousel.css.d.ts +19 -8
  23. package/dist/Carousel/index.js +1 -0
  24. package/dist/Chevron/Chevron.css.d.ts +2 -2
  25. package/dist/Chevron/index.js +1 -0
  26. package/dist/CollectInformationAlert/index.js +1 -1
  27. package/dist/Comparison/Comparison.js +3 -2
  28. package/dist/ExecutiveBio/ExecutiveBio.js +1 -0
  29. package/dist/FaqAccordion/index.js +1 -0
  30. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +4 -3
  31. package/dist/Forms/ApplicationStart.d.ts +1 -1
  32. package/dist/Forms/ApplicationStart.js +111 -89
  33. package/dist/Forms/ApplyNow.js +1 -0
  34. package/dist/Forms/ClearingForm.d.ts +1 -1
  35. package/dist/Forms/ClearingForm.js +184 -162
  36. package/dist/Forms/CommercialDeposits.d.ts +1 -1
  37. package/dist/Forms/CommercialDeposits.js +201 -179
  38. package/dist/Forms/CommercialLending.d.ts +1 -1
  39. package/dist/Forms/CommercialLending.js +278 -256
  40. package/dist/Forms/CommercialPremiumFinance.d.ts +1 -1
  41. package/dist/Forms/CommercialPremiumFinance.js +128 -106
  42. package/dist/Forms/ContactCompany.d.ts +1 -1
  43. package/dist/Forms/ContactCompany.js +113 -91
  44. package/dist/Forms/ContactCompanyTitle.d.ts +1 -1
  45. package/dist/Forms/ContactCompanyTitle.js +127 -105
  46. package/dist/Forms/ContactUs.d.ts +1 -1
  47. package/dist/Forms/ContactUs.js +99 -77
  48. package/dist/Forms/ContactUsAAS.d.ts +1 -1
  49. package/dist/Forms/ContactUsAAS.js +180 -158
  50. package/dist/Forms/ContactUsBusiness.d.ts +2 -2
  51. package/dist/Forms/ContactUsBusiness.js +135 -113
  52. package/dist/Forms/ContactUsBusinessNameEmail.d.ts +1 -1
  53. package/dist/Forms/ContactUsBusinessNameEmail.js +103 -81
  54. package/dist/Forms/ContactUsLVF.d.ts +1 -1
  55. package/dist/Forms/ContactUsLVF.js +119 -98
  56. package/dist/Forms/ContactUsNMLSId.d.ts +1 -1
  57. package/dist/Forms/ContactUsNMLSId.js +117 -95
  58. package/dist/Forms/CpraRequest.d.ts +1 -1
  59. package/dist/Forms/CpraRequest.js +641 -619
  60. package/dist/Forms/CraPublicFile.d.ts +1 -1
  61. package/dist/Forms/CraPublicFile.js +109 -87
  62. package/dist/Forms/DealerServices.d.ts +1 -1
  63. package/dist/Forms/DealerServices.js +225 -204
  64. package/dist/Forms/EmailOnly.d.ts +1 -1
  65. package/dist/Forms/EmailOnly.js +56 -36
  66. package/dist/Forms/EmailUs.d.ts +1 -1
  67. package/dist/Forms/EmailUs.js +75 -53
  68. package/dist/Forms/FormEnums.js +4 -1
  69. package/dist/Forms/FormProps.d.ts +3 -0
  70. package/dist/Forms/Forms.css.d.ts +30 -2
  71. package/dist/Forms/HoneyPot/HoneyPot.css.d.ts +1 -0
  72. package/dist/Forms/HoneyPot/HoneyPot.css.js +5 -0
  73. package/dist/Forms/HoneyPot/index.d.ts +23 -0
  74. package/dist/Forms/HoneyPot/index.js +69 -0
  75. package/dist/Forms/MortgageRate/MortgageRateForm.d.ts +1 -1
  76. package/dist/Forms/MortgageRate/MortgageRateForm.js +369 -350
  77. package/dist/Forms/MortgageRate/MortgageRateWatch.js +1 -0
  78. package/dist/Forms/MortgageWarehouseLending.d.ts +1 -3
  79. package/dist/Forms/MortgageWarehouseLending.js +13 -3
  80. package/dist/Forms/QuickPricer/QuickPricerForm.d.ts +1 -1
  81. package/dist/Forms/QuickPricer/QuickPricerForm.js +624 -609
  82. package/dist/Forms/ScheduleCall.d.ts +1 -1
  83. package/dist/Forms/ScheduleCall.js +156 -134
  84. package/dist/Forms/ScheduleCallPremier.d.ts +1 -1
  85. package/dist/Forms/ScheduleCallPremier.js +178 -156
  86. package/dist/Forms/SuccesForm.js +1 -0
  87. package/dist/Forms/VendorQuestionnaire.d.ts +1 -1
  88. package/dist/Forms/VendorQuestionnaire.js +817 -795
  89. package/dist/Forms/WcplSurvey.d.ts +1 -1
  90. package/dist/Forms/WcplSurvey.js +112 -90
  91. package/dist/Forms/index.d.ts +1 -0
  92. package/dist/Forms/index.js +4 -0
  93. package/dist/HeroBanner/HeroBanner.css.d.ts +17 -5
  94. package/dist/HeroBanner/HeroBanner.js +54 -2
  95. package/dist/HeroBanner/SelectionBanner.css.d.ts +19 -1
  96. package/dist/HeroBanner/SelectionBanner.css.js +6 -6
  97. package/dist/Hyperlink/index.js +1 -0
  98. package/dist/IconBillboard/IconBillboard.css.d.ts +40 -6
  99. package/dist/IconBillboard/sections/CallToActionSection.js +1 -1
  100. package/dist/ImageBillboard/ImageBillboard.css.d.ts +61 -5
  101. package/dist/ImageLink/ImageLink.js +1 -0
  102. package/dist/ImageLink/ImageLinkSet.js +1 -0
  103. package/dist/ImageLink/index.js +1 -0
  104. package/dist/Input/Input.js +3 -1
  105. package/dist/Insight/Featured/CategorySelector.js +1 -0
  106. package/dist/Insight/Featured/Featured.js +1 -0
  107. package/dist/Insight/Featured/Header.js +1 -0
  108. package/dist/LoadingIndicator/LoadingIndicator.css.d.ts +4 -4
  109. package/dist/Modal/Modal.css.d.ts +0 -1
  110. package/dist/Modal/Modal.css.js +3 -5
  111. package/dist/Modal/Modal.js +4 -3
  112. package/dist/NavigationMenu/AxosALTS/NavData.js +1 -0
  113. package/dist/NavigationMenu/AxosALTS/index.js +1 -0
  114. package/dist/NavigationMenu/AxosAdvisor/NavBar.css.d.ts +0 -2
  115. package/dist/NavigationMenu/AxosAdvisor/NavBar.css.js +2 -7
  116. package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js +52 -52
  117. package/dist/NavigationMenu/AxosAdvisor/index.js +21 -39
  118. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.css.d.ts +0 -2
  119. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.css.js +2 -7
  120. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.module.js +53 -53
  121. package/dist/NavigationMenu/AxosAdvisorServices/SubNavbar.css.d.ts +1 -1
  122. package/dist/NavigationMenu/AxosAdvisorServices/SubNavbar.css.js +2 -2
  123. package/dist/NavigationMenu/AxosAdvisorServices/index.js +8 -14
  124. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +2 -2
  125. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +16 -16
  126. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts +1 -0
  127. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +4 -0
  128. package/dist/NavigationMenu/AxosBank/NavBar.css.js +1 -2
  129. package/dist/NavigationMenu/AxosBank/NavBar.module.js +41 -41
  130. package/dist/NavigationMenu/AxosBank/NavData.js +1 -0
  131. package/dist/NavigationMenu/AxosBank/SubNavBar.js +230 -227
  132. package/dist/NavigationMenu/AxosBank/SubNavbar.css.d.ts +0 -2
  133. package/dist/NavigationMenu/AxosBank/SubNavbar.css.js +0 -4
  134. package/dist/NavigationMenu/AxosBank/index.js +1 -0
  135. package/dist/NavigationMenu/AxosClearing/NavBar.module.js +37 -37
  136. package/dist/NavigationMenu/LaVictoire/NavData.js +1 -0
  137. package/dist/NavigationMenu/LaVictoire/index.js +1 -0
  138. package/dist/NavigationMenu/NavDataJson.d.ts +2 -0
  139. package/dist/NavigationMenu/NavDataJson.js +309 -0
  140. package/dist/NavigationMenu/Navbar.d.ts +5 -0
  141. package/dist/NavigationMenu/Navbar.js +195 -0
  142. package/dist/NavigationMenu/SignInNavButton.d.ts +1 -0
  143. package/dist/NavigationMenu/SignInNavButton.js +363 -0
  144. package/dist/PageNavItem/PageNavItem.css.d.ts +22 -4
  145. package/dist/Pagination/Pagination.js +6 -6
  146. package/dist/SetContainer/SetContainer.js +1 -0
  147. package/dist/SocialMediaBar/iconsRepository.js +1 -0
  148. package/dist/StepItem/StepItem.css.d.ts +36 -8
  149. package/dist/StepItemSet/StepItemSet.css.d.ts +32 -4
  150. package/dist/StepItemSet/StepItemSet.d.ts +1 -1
  151. package/dist/StepItemSet/StepItemSet.js +82 -18
  152. package/dist/StepItemSet/index.d.ts +0 -5
  153. package/dist/StepItemSet/index.js +0 -10
  154. package/dist/Table/Table.css.d.ts +2 -3
  155. package/dist/Table/Table.d.ts +1 -1
  156. package/dist/Table/Table.js +1 -1
  157. package/dist/VideoTile/VideoTile.js +1 -0
  158. package/dist/VideoWrapper/index.js +1 -0
  159. package/dist/WalnutIframe/wrapper.module.js +3 -3
  160. package/dist/assets/Accordion/Accordion.css +1 -1
  161. package/dist/assets/Article/Article.css +59 -47
  162. package/dist/assets/ArticlesSet/ArticlesSet.css +56 -26
  163. package/dist/assets/Auth/SignIn.css +12 -12
  164. package/dist/assets/AwardsBanner/AwardsBanner.css +1 -1
  165. package/dist/assets/AwardsItem/AwardsItem.css +4 -3
  166. package/dist/assets/Blockquote/Blockquote.css.css +68 -68
  167. package/dist/assets/Button/Button.css +21 -21
  168. package/dist/assets/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css +8 -8
  169. package/dist/assets/Calculators/ApyCalculator/ApyCalculator.css +21 -12
  170. package/dist/assets/Calculators/AxosOneCalculator/BalanceAPYCalculator.css +9 -21
  171. package/dist/assets/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css +31 -19
  172. package/dist/assets/Calculators/BuyDownCalculator/BuyDownCalculator.css +14 -14
  173. package/dist/assets/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css +9 -9
  174. package/dist/assets/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css +9 -9
  175. package/dist/assets/Calculators/SummitApyCalculator/BalanceAPYCalculator.css +9 -9
  176. package/dist/assets/Calculators/calculator.css +15 -9
  177. package/dist/assets/CallToActionBar/CallToActionBar.css +4 -1
  178. package/dist/assets/Carousel/Carousel.css +41 -27
  179. package/dist/assets/Chevron/Chevron.css +6 -6
  180. package/dist/assets/CollectInformationAlert/CollectInformationAlert.css +3 -4
  181. package/dist/assets/Comparison/Comparison.css +3 -3
  182. package/dist/assets/ContentBanner/ContentBanner.css +8 -8
  183. package/dist/assets/DownloadTile/DownloadTile.css +5 -5
  184. package/dist/assets/ExecutiveBio/ExecutiveBio.css +23 -23
  185. package/dist/assets/FaqAccordion/FaqAccordion.css +4 -4
  186. package/dist/assets/FooterDisclosure/FooterDisclosure.css +1 -1
  187. package/dist/assets/FooterSiteMap/AxosBank/FooterSiteMap.css +8 -3
  188. package/dist/assets/Forms/Forms.css +63 -45
  189. package/dist/assets/Forms/HoneyPot/HoneyPot.css +8 -0
  190. package/dist/assets/Forms/QuickPricer/UserInformation.css +1 -1
  191. package/dist/assets/HeroBanner/HeroBanner.css +76 -81
  192. package/dist/assets/HeroBanner/LargeBanner.css +13 -13
  193. package/dist/assets/HeroBanner/SelectionBanner.css +29 -15
  194. package/dist/assets/IconBillboard/IconBillboard.css +48 -25
  195. package/dist/assets/ImageBillboard/ImageBillboard.css +61 -28
  196. package/dist/assets/Input/Input.css +6 -6
  197. package/dist/assets/Inputs/Input.css +4 -4
  198. package/dist/assets/Insight/Featured/CategorySelector.css +1 -1
  199. package/dist/assets/Interstitial/Interstitial-variants.css +3 -3
  200. package/dist/assets/LandingPageHeader/LandingPageHeader.css +1 -1
  201. package/dist/assets/LoadingIndicator/LoadingIndicator.css +5 -5
  202. package/dist/assets/Modal/Modal.css +28 -17
  203. package/dist/assets/NavigationMenu/AxosALTS/NavBar.css +1 -1
  204. package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css +2 -25
  205. package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css.css +597 -609
  206. package/dist/assets/NavigationMenu/AxosAdvisor/SubNavbar.css +4 -5
  207. package/dist/assets/NavigationMenu/AxosAdvisorServices/NavBar.css +2 -25
  208. package/dist/assets/NavigationMenu/AxosAdvisorServices/NavBar.css.css +618 -630
  209. package/dist/assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css +4 -22
  210. package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css +191 -192
  211. package/dist/assets/NavigationMenu/AxosBank/NavBar.css +9 -19
  212. package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +473 -445
  213. package/dist/assets/NavigationMenu/AxosBank/SubNavbar.css +1 -35
  214. package/dist/assets/NavigationMenu/AxosClearing/NavBar.css.css +458 -484
  215. package/dist/assets/PageNavItem/PageNavItem.css +33 -16
  216. package/dist/assets/Pagination/Pagination.css +1 -1
  217. package/dist/assets/SetContainer/SetContainer.css +4 -4
  218. package/dist/assets/StepItem/StepItem.css +42 -26
  219. package/dist/assets/StepItemSet/StepItemSet.css +26 -13
  220. package/dist/assets/Tab/Tab.css +12 -12
  221. package/dist/assets/Table/Table.css +56 -48
  222. package/dist/assets/TextBlock/TextBlock.css +1 -1
  223. package/dist/assets/TopicalNavItem/TopicalNavItem.css +2 -2
  224. package/dist/assets/TopicalNavSet/TopicalNavSet.css +1 -1
  225. package/dist/assets/VideoTile/VideoTile.css +1 -1
  226. package/dist/assets/WalnutIframe/wrapper.css.css +49 -48
  227. package/dist/assets/globals.css +6 -5
  228. package/dist/assets/icons/ArrowIcon/ArrowIcon.css +3 -3
  229. package/dist/assets/icons/DownloadIcon/DownloadIcon.css +1 -1
  230. package/dist/assets/icons/FollowIcon/FollowIcon.css +1 -1
  231. package/dist/assets/themes/axos.css +30 -30
  232. package/dist/assets/themes/premier.css +31 -31
  233. package/dist/assets/themes/victorie.css +23 -23
  234. package/dist/icons/CheckCircle.js +1 -1
  235. package/dist/icons/CheckCircleLight.js +1 -1
  236. package/dist/icons/CheckIcon/index.js +1 -1
  237. package/dist/icons/Logos/AXB.d.ts +8 -0
  238. package/dist/icons/Logos/AXB.js +74 -0
  239. package/dist/icons/QuoteIconGrey.js +2 -2
  240. package/dist/main.js +4 -10
  241. package/dist/themes/axos.css.d.ts +12 -12
  242. package/dist/themes/axos.css.js +1 -1
  243. package/dist/utils/allowedAxosDomains.js +2 -1
  244. package/package.json +1 -1
  245. package/dist/StepItemSet/sections/AdditionalDetailsSection.d.ts +0 -7
  246. package/dist/StepItemSet/sections/AdditionalDetailsSection.js +0 -11
  247. package/dist/StepItemSet/sections/CallToActionSection.d.ts +0 -8
  248. package/dist/StepItemSet/sections/CallToActionSection.js +0 -39
  249. package/dist/StepItemSet/sections/HeaderSection.d.ts +0 -10
  250. package/dist/StepItemSet/sections/HeaderSection.js +0 -45
  251. package/dist/StepItemSet/sections/ImageSection.d.ts +0 -8
  252. package/dist/StepItemSet/sections/ImageSection.js +0 -10
  253. package/dist/StepItemSet/sections/StepsList.d.ts +0 -10
  254. package/dist/StepItemSet/sections/StepsList.js +0 -21
@@ -5,4 +5,4 @@ export type WCPLSruveyInputs = {
5
5
  Description_of_Deal_Details: string;
6
6
  Telephone: string;
7
7
  };
8
- export declare const WCPLSurvey: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, id, description, }: FormProps) => import("react/jsx-runtime").JSX.Element;
8
+ export declare const WCPLSurvey: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, onValidate, id, description, }: FormProps) => import("react/jsx-runtime").JSX.Element;
@@ -31,6 +31,7 @@ import clsx from "clsx";
31
31
  import { useForm, FormProvider } from "react-hook-form";
32
32
  import * as z from "zod";
33
33
  import { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
34
+ import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
34
35
  import { SalesforceSchema } from "./SalesforceFieldsForm.js";
35
36
  const WCPLSurvey = ({
36
37
  icon = false,
@@ -42,6 +43,7 @@ const WCPLSurvey = ({
42
43
  variant: fullVariant = "primary",
43
44
  headline,
44
45
  callToAction,
46
+ onValidate,
45
47
  id,
46
48
  description
47
49
  }) => {
@@ -68,8 +70,16 @@ const WCPLSurvey = ({
68
70
  return removeDashes;
69
71
  })
70
72
  });
73
+ const gen_schema = schema.merge(SalesforceSchema).merge(honeyPotSchema).superRefine((data, ctx) => {
74
+ if (!isValidHoneyPot(data)) {
75
+ ctx.addIssue({
76
+ code: z.ZodIssueCode.custom,
77
+ message: "fields are not valid."
78
+ });
79
+ }
80
+ });
71
81
  const methods = useForm({
72
- resolver: zodResolver(schema.merge(SalesforceSchema), {
82
+ resolver: zodResolver(gen_schema, {
73
83
  async: true
74
84
  }),
75
85
  mode: "all",
@@ -99,95 +109,107 @@ const WCPLSurvey = ({
99
109
  }
100
110
  )
101
111
  ] }),
102
- /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
103
- /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant, formType: "email" })), children: [
104
- /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
105
- RadioButtonSet,
106
- {
107
- id: "Has_Deal",
108
- label: "Do You have a potential deal you would like to discuss with an Account Executive?",
109
- sizes: "medium",
110
- placeholder: "Details",
111
- required: true,
112
- error: !!errors.Has_Deal,
113
- helperText: errors.Has_Deal?.message,
114
- variant,
115
- children: [
116
- /* @__PURE__ */ jsx(
117
- RadioButton,
118
- {
119
- ...register("Has_Deal", {
120
- required: true
121
- }),
122
- value: "Yes",
123
- radioText: "Yes",
124
- groupName: "Has_Deal"
125
- }
126
- ),
127
- /* @__PURE__ */ jsx(
128
- RadioButton,
129
- {
130
- ...register("Has_Deal", {
131
- required: true
132
- }),
133
- value: "No",
134
- radioText: "No",
135
- groupName: "Has_Deal"
136
- }
137
- )
138
- ]
139
- }
140
- ) }),
141
- /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
142
- InputTextArea,
143
- {
144
- id: "Description_of_Deal_Details",
145
- ...register("Description_of_Deal_Details", {
146
- required: true
147
- }),
148
- label: "Write Your Message",
149
- sizes: "medium",
150
- placeholder: "Details",
151
- required: true,
152
- error: !!errors.Description_of_Deal_Details,
153
- helperText: errors.Description_of_Deal_Details?.message,
154
- variant
155
- }
156
- ) }),
157
- /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
158
- InputPhone,
159
- {
160
- id: "Telephone",
161
- ...register("Telephone", { required: true, maxLength: 12 }),
162
- label: "Telephone",
163
- sizes: "medium",
164
- placeholder: "Phone",
165
- required: true,
166
- error: !!errors.Telephone,
167
- helperText: errors.Telephone?.message,
168
- variant
169
- }
170
- ) })
171
- ] }),
172
- children,
173
- /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
174
- /* @__PURE__ */ jsx("div", { className: actions, children: isSubmitting ? /* @__PURE__ */ jsx(
175
- LoadingIndicator,
176
- {
177
- style: { marginInline: "auto" },
178
- variant
179
- }
180
- ) : /* @__PURE__ */ jsx(
181
- Button,
182
- {
183
- color: getVariant(callToAction?.variant),
184
- as: "button",
185
- type: "submit",
186
- disabled: !isValid || isSubmitting,
187
- children: callToAction?.displayText
188
- }
189
- ) })
190
- ] })
112
+ /* @__PURE__ */ jsxs(
113
+ "form",
114
+ {
115
+ className: form,
116
+ onSubmit: async (e) => {
117
+ onValidate && onValidate(e);
118
+ await handleSubmit(submitForm)(e);
119
+ e.preventDefault();
120
+ },
121
+ children: [
122
+ /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant, formType: "email" })), children: [
123
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
124
+ RadioButtonSet,
125
+ {
126
+ id: "Has_Deal",
127
+ label: "Do You have a potential deal you would like to discuss with an Account Executive?",
128
+ sizes: "medium",
129
+ placeholder: "Details",
130
+ required: true,
131
+ error: !!errors.Has_Deal,
132
+ helperText: errors.Has_Deal?.message,
133
+ variant,
134
+ children: [
135
+ /* @__PURE__ */ jsx(
136
+ RadioButton,
137
+ {
138
+ ...register("Has_Deal", {
139
+ required: true
140
+ }),
141
+ value: "Yes",
142
+ radioText: "Yes",
143
+ groupName: "Has_Deal"
144
+ }
145
+ ),
146
+ /* @__PURE__ */ jsx(
147
+ RadioButton,
148
+ {
149
+ ...register("Has_Deal", {
150
+ required: true
151
+ }),
152
+ value: "No",
153
+ radioText: "No",
154
+ groupName: "Has_Deal"
155
+ }
156
+ )
157
+ ]
158
+ }
159
+ ) }),
160
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
161
+ InputTextArea,
162
+ {
163
+ id: "Description_of_Deal_Details",
164
+ ...register("Description_of_Deal_Details", {
165
+ required: true
166
+ }),
167
+ label: "Write Your Message",
168
+ sizes: "medium",
169
+ placeholder: "Details",
170
+ required: true,
171
+ error: !!errors.Description_of_Deal_Details,
172
+ helperText: errors.Description_of_Deal_Details?.message,
173
+ variant
174
+ }
175
+ ) }),
176
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
177
+ InputPhone,
178
+ {
179
+ id: "Telephone",
180
+ ...register("Telephone", { required: true, maxLength: 12 }),
181
+ label: "Telephone",
182
+ sizes: "medium",
183
+ placeholder: "Phone",
184
+ required: true,
185
+ error: !!errors.Telephone,
186
+ helperText: errors.Telephone?.message,
187
+ variant
188
+ }
189
+ ) }),
190
+ /* @__PURE__ */ jsx(HoneyPot, { register, variant })
191
+ ] }),
192
+ children,
193
+ /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
194
+ /* @__PURE__ */ jsx("div", { className: actions, children: isSubmitting ? /* @__PURE__ */ jsx(
195
+ LoadingIndicator,
196
+ {
197
+ style: { marginInline: "auto" },
198
+ variant
199
+ }
200
+ ) : /* @__PURE__ */ jsx(
201
+ Button,
202
+ {
203
+ color: getVariant(callToAction?.variant),
204
+ as: "button",
205
+ type: "submit",
206
+ disabled: !isValid || isSubmitting,
207
+ children: callToAction?.displayText
208
+ }
209
+ ) })
210
+ ]
211
+ }
212
+ )
191
213
  ] }) }) }, id);
192
214
  };
193
215
  export {
@@ -20,6 +20,7 @@ export * from './EmailOnly';
20
20
  export * from './EmailUs';
21
21
  export * from './FormProps';
22
22
  export * from './Forms.css';
23
+ export * from './HoneyPot';
23
24
  export * from './MortgageRate/MortgageRateForm';
24
25
  export * from './MortgageRate/MortgageRateModal';
25
26
  export * from './MortgageRate/MortgageRateQuoteFilters';
@@ -20,6 +20,7 @@ import { DealerServices } from "./DealerServices.js";
20
20
  import { EmailOnly } from "./EmailOnly.js";
21
21
  import { EmailUs } from "./EmailUs.js";
22
22
  import { actions, apply_now_form, axosHeader, back_btn_apply_now, centerSelect, checkbox_group, descriptionField, disclosureForm, dropdown, dynPH, form, formBtns, formContainer, formWrapper, form_nav_apply_now, form_row, fullRowForm, fullRowSelect, headerContainer, headerF, headerForm, hide_options, iconForm, iconbillboards_option_apply_now, modalCheckboxContainer, modalMobile, mt1Rem, mt2rem, mw24, na_cursor, one_row, pl_label, resposiveLabel, ro_input, section_title, show_options, step_title_apply_now, succes_check_mark, success_circle, success_icon, success_wrap, threeColRow, x_input, xc_input } from "./Forms.css.js";
23
+ import { HoneyPot, honeyPotSchema, isValidHoneyPot } from "./HoneyPot/index.js";
23
24
  import { MortgageRate } from "./MortgageRate/MortgageRateForm.js";
24
25
  import "react/jsx-runtime";
25
26
  import { RateWatchForm } from "./MortgageRate/MortgageRateWatch.js";
@@ -58,6 +59,7 @@ export {
58
59
  DealerServices,
59
60
  EmailOnly,
60
61
  EmailUs,
62
+ HoneyPot,
61
63
  MortgageRate,
62
64
  MortgageRateFilters,
63
65
  MortgageWarehouseLending,
@@ -94,8 +96,10 @@ export {
94
96
  headerF,
95
97
  headerForm,
96
98
  hide_options,
99
+ honeyPotSchema,
97
100
  iconForm,
98
101
  iconbillboards_option_apply_now,
102
+ isValidHoneyPot,
99
103
  mb_form,
100
104
  modalCheckboxContainer,
101
105
  modalMobile,
@@ -3,7 +3,7 @@ export declare const hero_banner: import('@vanilla-extract/recipes').RuntimeFn<{
3
3
  variant: {
4
4
  primary: {
5
5
  background: `var(--${string})`;
6
- borderBottom: "1px solid #B9C1CE";
6
+ borderBottom: "1px solid #d4d4d4";
7
7
  color: `var(--${string})`;
8
8
  };
9
9
  secondary: {
@@ -30,10 +30,16 @@ export declare const img_contents: string;
30
30
  export declare const heroSupertag: import('@vanilla-extract/recipes').RuntimeFn<{
31
31
  variant: {
32
32
  primary: {
33
- color: `var(--${string})`;
33
+ background: `var(--${string})`;
34
+ backgroundClip: "text";
35
+ WebkitTextFillColor: "transparent";
36
+ textShadow: "0px 0px #00000000";
34
37
  };
35
38
  secondary: {
36
- color: `var(--${string})`;
39
+ background: `var(--${string})`;
40
+ backgroundClip: "text";
41
+ WebkitTextFillColor: "transparent";
42
+ textShadow: "0px 0px #00000000";
37
43
  };
38
44
  tertiary: {
39
45
  color: `var(--${string})`;
@@ -46,10 +52,16 @@ export declare const heroSupertag: import('@vanilla-extract/recipes').RuntimeFn<
46
52
  export declare const headline_text: import('@vanilla-extract/recipes').RuntimeFn<{
47
53
  variant: {
48
54
  primary: {
49
- color: `var(--${string})`;
55
+ background: `var(--${string})`;
56
+ backgroundClip: "text";
57
+ WebkitTextFillColor: "transparent";
58
+ textShadow: "0px 0px #00000000";
50
59
  };
51
60
  secondary: {
52
- color: `var(--${string})`;
61
+ background: `var(--${string})`;
62
+ backgroundClip: "text";
63
+ WebkitTextFillColor: "transparent";
64
+ textShadow: "0px 0px #00000000";
53
65
  };
54
66
  tertiary: {
55
67
  color: `var(--${string})`;
@@ -183,7 +183,18 @@ const HeroBanner = ({
183
183
  /* @__PURE__ */ jsx("div", { className: selection_section_bg }),
184
184
  /* @__PURE__ */ jsxs("div", { className: selection_section_content, children: [
185
185
  /* @__PURE__ */ jsxs("div", { children: [
186
- /* @__PURE__ */ jsx("h3", { className: clsx("header_2", selection_headline_text), children: selection?.headline }),
186
+ /* @__PURE__ */ jsx(
187
+ "h3",
188
+ {
189
+ className: clsx(
190
+ "header_2",
191
+ selection_headline_text({
192
+ variant: getVariant(variant)
193
+ })
194
+ ),
195
+ children: selection?.headline
196
+ }
197
+ ),
187
198
  /* @__PURE__ */ jsx("div", { children: selection?.bodyCopy })
188
199
  ] }),
189
200
  selection?.callToActionRow && selection?.callToActionRow.length > 0 && /* @__PURE__ */ jsx("div", { className: `${hero_btns}`, children: selection?.callToActionRow.map(
@@ -303,7 +314,48 @@ const HeroBanner = ({
303
314
  children: headline
304
315
  }
305
316
  ),
306
- /* @__PURE__ */ jsx("div", { className: "push_up", children: /* @__PURE__ */ jsx(Fragment, { children: bodyCopy }) }),
317
+ /* @__PURE__ */ jsxs("div", { className: "push_up", children: [
318
+ /* @__PURE__ */ jsx(Fragment, { children: bodyCopy }),
319
+ bullets && bullets.length > 0 && /* @__PURE__ */ jsx("ul", { className: "list_unstyled mb_0 push_up_24", children: bullets.map(
320
+ ({ id: id2, icon, copy, subBullet }) => !subBullet ? /* @__PURE__ */ jsxs(
321
+ "li",
322
+ {
323
+ className: `list_item flex ${hero_bullet_item}`,
324
+ children: [
325
+ /* @__PURE__ */ jsx("div", { className: "img_item", children: getVariant(variant) ? /* @__PURE__ */ jsx(
326
+ SvgCheckIcon,
327
+ {
328
+ variant: getVariant(variant) === "primary" || getVariant(variant) === "secondary" ? "primary" : "secondary"
329
+ }
330
+ ) : /* @__PURE__ */ jsx("img", { src: icon?.src, alt: icon?.altText }) }),
331
+ /* @__PURE__ */ jsx("span", { children: copy })
332
+ ]
333
+ },
334
+ id2
335
+ ) : /* @__PURE__ */ jsx(
336
+ "ul",
337
+ {
338
+ className: clsx(
339
+ hero_sub_bullets,
340
+ "mb_0",
341
+ "push_up"
342
+ ),
343
+ children: /* @__PURE__ */ jsxs("li", { className: "list_item flex", children: [
344
+ /* @__PURE__ */ jsx("div", { className: "img_item", children: /* @__PURE__ */ jsx(
345
+ "img",
346
+ {
347
+ style: { maxWidth: "max-content" },
348
+ src: icon?.src,
349
+ alt: icon?.altText
350
+ }
351
+ ) }),
352
+ /* @__PURE__ */ jsx("span", { children: copy })
353
+ ] })
354
+ },
355
+ id2
356
+ )
357
+ ) })
358
+ ] }),
307
359
  callToActionRow && callToActionRow.length > 0 && /* @__PURE__ */ jsx("div", { className: `${hero_btns}`, children: callToActionRow.map(
308
360
  ({
309
361
  id: id2,
@@ -1,4 +1,22 @@
1
- export declare const selection_headline_text: string;
1
+ export declare const selection_headline_text: import('@vanilla-extract/recipes').RuntimeFn<{
2
+ variant: {
3
+ primary: {
4
+ color: `var(--${string})`;
5
+ };
6
+ secondary: {
7
+ background: `var(--${string})`;
8
+ backgroundClip: "text";
9
+ WebkitTextFillColor: "transparent";
10
+ textShadow: "0px 0px #00000000";
11
+ };
12
+ tertiary: {
13
+ color: `var(--${string})`;
14
+ };
15
+ quaternary: {
16
+ color: `var(--${string})`;
17
+ };
18
+ };
19
+ }>;
2
20
  export declare const selection_section: string;
3
21
  export declare const selection_section_bg: string;
4
22
  export declare const selection_section_content: string;
@@ -4,12 +4,12 @@ import '../assets/HeroBanner/SelectionBanner.css';import '../assets/themes/victo
4
4
  /* empty css */
5
5
  /* empty css */
6
6
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
7
- var selection_headline_text = "_7etqoq0";
8
- var selection_section = "_7etqoq1";
9
- var selection_section_bg = "_7etqoq2";
10
- var selection_section_content = "_7etqoq3";
11
- var selection_section_icon = "_7etqoq4";
12
- var selection_section_icon_img = createRuntimeFn({ defaultClassName: "_7etqoq5", variantClassNames: { variant: { primary: "_7etqoq6", secondary: "_7etqoq7", tertiary: "_7etqoq8", quaternary: "_7etqoq9" } }, defaultVariants: {}, compoundVariants: [] });
7
+ var selection_headline_text = createRuntimeFn({ defaultClassName: "_7etqoq0", variantClassNames: { variant: { primary: "_7etqoq1", secondary: "_7etqoq2", tertiary: "_7etqoq3", quaternary: "_7etqoq4" } }, defaultVariants: {}, compoundVariants: [] });
8
+ var selection_section = "_7etqoq5";
9
+ var selection_section_bg = "_7etqoq6";
10
+ var selection_section_content = "_7etqoq7";
11
+ var selection_section_icon = "_7etqoq8";
12
+ var selection_section_icon_img = createRuntimeFn({ defaultClassName: "_7etqoq9", variantClassNames: { variant: { primary: "_7etqoqa", secondary: "_7etqoqb", tertiary: "_7etqoqc", quaternary: "_7etqoqd" } }, defaultVariants: {}, compoundVariants: [] });
13
13
  export {
14
14
  selection_headline_text,
15
15
  selection_section,
@@ -45,6 +45,7 @@ import "../Input/PercentageInput.js";
45
45
  import "react-hook-form";
46
46
  import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
47
47
  import "../Forms/Forms.css.js";
48
+ import "../Forms/HoneyPot/index.js";
48
49
  import "../Forms/SalesforceFieldsForm.js";
49
50
  import "../Input/RadioButton.css.js";
50
51
  import "../Input/Checkbox.css.js";
@@ -4,7 +4,7 @@ export declare const containerIconBillboard: import('@vanilla-extract/recipes').
4
4
  variant: {
5
5
  primary: {
6
6
  background: `var(--${string})`;
7
- border: "1px solid #E9EBEF";
7
+ border: "1px solid #D4D4D4";
8
8
  color: `var(--${string})`;
9
9
  };
10
10
  secondary: {
@@ -34,10 +34,38 @@ export declare const headerIconBillboard: string;
34
34
  export declare const title: import('@vanilla-extract/recipes').RuntimeFn<{
35
35
  variant: {
36
36
  primary: {
37
- color: `var(--${string})`;
37
+ selectors: {
38
+ [x: string]: {
39
+ WebkitBackgroundClip: "text";
40
+ backgroundImage: `var(--${string})`;
41
+ WebkitTextFillColor: "transparent";
42
+ textShadow: "0px 0px #00000000";
43
+ color?: undefined;
44
+ } | {
45
+ color: `var(--${string})`;
46
+ WebkitBackgroundClip?: undefined;
47
+ backgroundImage?: undefined;
48
+ WebkitTextFillColor?: undefined;
49
+ textShadow?: undefined;
50
+ };
51
+ };
38
52
  };
39
53
  secondary: {
40
- color: `var(--${string})`;
54
+ selectors: {
55
+ [x: string]: {
56
+ WebkitBackgroundClip: "text";
57
+ backgroundImage: `var(--${string})`;
58
+ WebkitTextFillColor: "transparent";
59
+ textShadow: "0px 0px #00000000";
60
+ color?: undefined;
61
+ } | {
62
+ color: `var(--${string})`;
63
+ WebkitBackgroundClip?: undefined;
64
+ backgroundImage?: undefined;
65
+ WebkitTextFillColor?: undefined;
66
+ textShadow?: undefined;
67
+ };
68
+ };
41
69
  };
42
70
  tertiary: {
43
71
  color: `var(--${string})`;
@@ -54,10 +82,16 @@ export declare const section_text: string;
54
82
  export declare const header_section: import('@vanilla-extract/recipes').RuntimeFn<{
55
83
  variant: {
56
84
  primary: {
57
- color: `var(--${string})`;
85
+ background: `var(--${string})`;
86
+ backgroundClip: "text";
87
+ WebkitTextFillColor: "transparent";
88
+ textShadow: "0px 0px #00000000";
58
89
  };
59
90
  secondary: {
60
- color: `var(--${string})`;
91
+ background: `var(--${string})`;
92
+ backgroundClip: "text";
93
+ WebkitTextFillColor: "transparent";
94
+ textShadow: "0px 0px #00000000";
61
95
  };
62
96
  tertiary: {
63
97
  color: `var(--${string})`;
@@ -72,7 +106,7 @@ export declare const section_body: import('@vanilla-extract/recipes').RuntimeFn<
72
106
  variant: {
73
107
  primary: {
74
108
  background: `var(--${string})`;
75
- border: "1px solid #E9EBEF";
109
+ border: "1px solid #D4D4D4";
76
110
  };
77
111
  secondary: {
78
112
  background: `var(--${string})`;
@@ -4,9 +4,9 @@ import { Button } from "../../Button/Button.js";
4
4
  import "../../Button/Button.css.js";
5
5
  import { useMemo } from "react";
6
6
  import "react-use";
7
- import { buttons } from "../IconBillboard.css.js";
8
7
  import { Chevron } from "../../Chevron/index.js";
9
8
  import { getVariant } from "../../utils/getVariant.js";
9
+ import { buttons } from "../IconBillboard.css.js";
10
10
  const useFullClick = (callToActionRow) => {
11
11
  return useMemo(() => {
12
12
  let chevronCount = 0;
@@ -3,7 +3,7 @@ export declare const billboard: import('@vanilla-extract/recipes').RuntimeFn<{
3
3
  primary: {
4
4
  background: `var(--${string})`;
5
5
  color: `var(--${string})`;
6
- border: "1px solid #B9C1CE";
6
+ border: "1px solid #D4D4D4";
7
7
  };
8
8
  secondary: {
9
9
  background: `var(--${string})`;
@@ -58,10 +58,38 @@ export declare const imagePlacement: import('@vanilla-extract/recipes').RuntimeF
58
58
  export declare const supertag: import('@vanilla-extract/recipes').RuntimeFn<{
59
59
  variant: {
60
60
  primary: {
61
- color: `var(--${string})`;
61
+ selectors: {
62
+ [x: string]: {
63
+ WebkitBackgroundClip: "text";
64
+ backgroundImage: `var(--${string})`;
65
+ WebkitTextFillColor: "transparent";
66
+ textShadow: "0px 0px #00000000";
67
+ color?: undefined;
68
+ } | {
69
+ color: `var(--${string})`;
70
+ WebkitBackgroundClip?: undefined;
71
+ backgroundImage?: undefined;
72
+ WebkitTextFillColor?: undefined;
73
+ textShadow?: undefined;
74
+ };
75
+ };
62
76
  };
63
77
  secondary: {
64
- color: `var(--${string})`;
78
+ selectors: {
79
+ [x: string]: {
80
+ WebkitBackgroundClip: "text";
81
+ backgroundImage: `var(--${string})`;
82
+ WebkitTextFillColor: "transparent";
83
+ textShadow: "0px 0px #00000000";
84
+ color?: undefined;
85
+ } | {
86
+ color: `var(--${string})`;
87
+ WebkitBackgroundClip?: undefined;
88
+ backgroundImage?: undefined;
89
+ WebkitTextFillColor?: undefined;
90
+ textShadow?: undefined;
91
+ };
92
+ };
65
93
  };
66
94
  tertiary: {
67
95
  color: `var(--${string})`;
@@ -74,10 +102,38 @@ export declare const supertag: import('@vanilla-extract/recipes').RuntimeFn<{
74
102
  export declare const header: import('@vanilla-extract/recipes').RuntimeFn<{
75
103
  variant: {
76
104
  primary: {
77
- color: `var(--${string})`;
105
+ selectors: {
106
+ [x: string]: {
107
+ WebkitBackgroundClip: "text";
108
+ backgroundImage: `var(--${string})`;
109
+ WebkitTextFillColor: "transparent";
110
+ textShadow: "0px 0px #00000000";
111
+ color?: undefined;
112
+ } | {
113
+ color: `var(--${string})`;
114
+ WebkitBackgroundClip?: undefined;
115
+ backgroundImage?: undefined;
116
+ WebkitTextFillColor?: undefined;
117
+ textShadow?: undefined;
118
+ };
119
+ };
78
120
  };
79
121
  secondary: {
80
- color: `var(--${string})`;
122
+ selectors: {
123
+ [x: string]: {
124
+ WebkitBackgroundClip: "text";
125
+ backgroundImage: `var(--${string})`;
126
+ WebkitTextFillColor: "transparent";
127
+ textShadow: "0px 0px #00000000";
128
+ color?: undefined;
129
+ } | {
130
+ color: `var(--${string})`;
131
+ WebkitBackgroundClip?: undefined;
132
+ backgroundImage?: undefined;
133
+ WebkitTextFillColor?: undefined;
134
+ textShadow?: undefined;
135
+ };
136
+ };
81
137
  };
82
138
  tertiary: {
83
139
  color: `var(--${string})`;
@@ -41,6 +41,7 @@ import "../Input/PercentageInput.js";
41
41
  import "react-hook-form";
42
42
  import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
43
43
  import "../Forms/Forms.css.js";
44
+ import "../Forms/HoneyPot/index.js";
44
45
  import "../Forms/SalesforceFieldsForm.js";
45
46
  import "../Input/RadioButton.css.js";
46
47
  import "../Input/Checkbox.css.js";
@@ -46,6 +46,7 @@ import "../Input/PercentageInput.js";
46
46
  import "react-hook-form";
47
47
  import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
48
48
  import "../Forms/Forms.css.js";
49
+ import "../Forms/HoneyPot/index.js";
49
50
  import "../Forms/SalesforceFieldsForm.js";
50
51
  import "../Input/RadioButton.css.js";
51
52
  import "../Input/Checkbox.css.js";
@@ -43,6 +43,7 @@ import "../Input/PercentageInput.js";
43
43
  import "react-hook-form";
44
44
  import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
45
45
  import "../Forms/Forms.css.js";
46
+ import "../Forms/HoneyPot/index.js";
46
47
  import "../Forms/SalesforceFieldsForm.js";
47
48
  import "../Input/RadioButton.css.js";
48
49
  import "../Input/Checkbox.css.js";