@axos-web-dev/shared-components 0.0.197 → 0.0.199

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.
@@ -55,7 +55,7 @@ const MonthlyPaymentLVFCalculator = ({ variant, header, bodyCopy, disclosure })
55
55
  setLoanYears(Number(e.target.value));
56
56
  };
57
57
  const handleRateChange = (e) => {
58
- let value = e.target.value;
58
+ const value = e.target.value;
59
59
  setInterestRate(value.replace(/[^0-9.]/g, ""));
60
60
  };
61
61
  const calculatePayment = () => {
@@ -5,7 +5,7 @@ import { CSSProperties, PropsWithChildren, ReactNode } from 'react';
5
5
  export interface FormProps extends PropsWithChildren {
6
6
  id?: string;
7
7
  onSubmit?: (values: {
8
- [index: string]: string | boolean | number | Date;
8
+ [index: string]: string | boolean | number | Date | any;
9
9
  }) => void;
10
10
  icon?: boolean;
11
11
  headline?: ReactNode | string;
@@ -17,6 +17,14 @@ export declare const formContainer: import('@vanilla-extract/recipes').RuntimeFn
17
17
  color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
18
  };
19
19
  };
20
+ formType: {
21
+ questionnaire: {
22
+ paddingTop: number;
23
+ };
24
+ default: {
25
+ paddingTop: number;
26
+ };
27
+ };
20
28
  }>;
21
29
  export declare const iconForm: string;
22
30
  export declare const headerContainer: string;
@@ -83,11 +91,16 @@ export declare const formWrapper: import('@vanilla-extract/recipes').RuntimeFn<{
83
91
  email: {
84
92
  gridTemplateColumns: "1fr";
85
93
  };
94
+ questionnaire: {
95
+ display: "flex";
96
+ flexDirection: "column";
97
+ };
86
98
  default: {
87
99
  gridTemplateColumns: "1fr 1fr";
88
100
  };
89
101
  };
90
102
  }>;
103
+ export declare const form_row: string;
91
104
  export declare const actions: string;
92
105
  export declare const disclosureForm: import('@vanilla-extract/recipes').RuntimeFn<{
93
106
  variant: {
@@ -159,6 +172,11 @@ export declare const descriptionField: import('@vanilla-extract/recipes').Runtim
159
172
  color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
160
173
  };
161
174
  };
175
+ formType: {
176
+ questionnaire: {
177
+ marginTop: number;
178
+ };
179
+ };
162
180
  }>;
163
181
  export declare const fullRowForm: string;
164
182
  export declare const one_row: string;
@@ -7,45 +7,46 @@
7
7
  /* empty css */
8
8
  /* empty css */
9
9
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
10
- var formContainer = createRuntimeFn({ defaultClassName: "tfms6a0", variantClassNames: { variant: { primary: "tfms6a1", secondary: "tfms6a2", tertiary: "tfms6a3", quaternary: "tfms6a4" } }, defaultVariants: {}, compoundVariants: [] });
11
- var iconForm = "tfms6a5";
12
- var headerContainer = "tfms6a6";
13
- var headerForm = createRuntimeFn({ defaultClassName: "tfms6a7", variantClassNames: { variant: { primary: "tfms6a8", secondary: "tfms6a9", tertiary: "tfms6aa", quaternary: "tfms6ab" } }, defaultVariants: {}, compoundVariants: [] });
14
- var formWrapper = createRuntimeFn({ defaultClassName: "tfms6ac", variantClassNames: { variant: { primary: "tfms6ad", secondary: "tfms6ae", tertiary: "tfms6af", quaternary: "tfms6ag" }, formType: { email: "tfms6ah", "default": "tfms6ai" } }, defaultVariants: {}, compoundVariants: [] });
15
- var actions = "tfms6aj";
16
- var disclosureForm = createRuntimeFn({ defaultClassName: "tfms6ak", variantClassNames: { variant: { primary: "tfms6al", secondary: "tfms6am", tertiary: "tfms6an", quaternary: "tfms6ao" } }, defaultVariants: {}, compoundVariants: [] });
17
- var form = "tfms6ap";
18
- var success_wrap = createRuntimeFn({ defaultClassName: "tfms6as", variantClassNames: { variant: { primary: "tfms6at", secondary: "tfms6au", tertiary: "tfms6av", quaternary: "tfms6aw" } }, defaultVariants: {}, compoundVariants: [] });
19
- var success_icon = "tfms6ax";
20
- var succes_check_mark = "tfms6ay";
21
- var success_circle = createRuntimeFn({ defaultClassName: "tfms6az", variantClassNames: { variant: { primary: "tfms6a10", secondary: "tfms6a11", tertiary: "tfms6a12", quaternary: "tfms6a13" } }, defaultVariants: {}, compoundVariants: [] });
22
- var descriptionField = createRuntimeFn({ defaultClassName: "tfms6a14", variantClassNames: { variant: { primary: "tfms6a15", secondary: "tfms6a16", tertiary: "tfms6a17", quaternary: "tfms6a18" } }, defaultVariants: {}, compoundVariants: [] });
23
- var fullRowForm = "tfms6a19";
24
- var one_row = "tfms6a1a";
25
- var section_title = createRuntimeFn({ defaultClassName: "tfms6a1b", variantClassNames: { variant: { primary: "tfms6a1c", secondary: "tfms6a1d", tertiary: "tfms6a1e", quaternary: "tfms6a1f" } }, defaultVariants: {}, compoundVariants: [] });
26
- var checkbox_group = "tfms6a1g";
27
- var ro_input = "tfms6a1h";
28
- var pl_label = "tfms6a1i";
29
- var x_input = "tfms6a1j";
30
- var xc_input = "tfms6a1k";
31
- var fullRowSelect = "tfms6a1l";
32
- var mt2rem = "tfms6a1m";
33
- var centerSelect = "tfms6a1n";
34
- var formBtns = "tfms6a1o";
35
- var modalCheckboxContainer = "tfms6a1p";
36
- var threeColRow = "tfms6a1q";
37
- var mt1Rem = "tfms6a1r";
38
- var mw24 = "tfms6a1s";
39
- var modalMobile = "tfms6a1t";
40
- var resposiveLabel = "tfms6a1u";
41
- var dropdown = "tfms6a1v";
42
- var dynPH = "tfms6a1w";
43
- var na_cursor = "tfms6a1x";
44
- var show_options = "tfms6a1y";
45
- var hide_options = "tfms6a1z";
46
- var back_btn_apply_now = "tfms6a20";
47
- var iconbillboards_option_apply_now = "tfms6a21";
48
- var form_nav_apply_now = "tfms6a22";
10
+ var formContainer = createRuntimeFn({ defaultClassName: "tfms6a0", variantClassNames: { variant: { primary: "tfms6a1", secondary: "tfms6a2", tertiary: "tfms6a3", quaternary: "tfms6a4" }, formType: { questionnaire: "tfms6a5", "default": "tfms6a6" } }, defaultVariants: {}, compoundVariants: [] });
11
+ var iconForm = "tfms6a7";
12
+ var headerContainer = "tfms6a8";
13
+ var headerForm = createRuntimeFn({ defaultClassName: "tfms6a9", variantClassNames: { variant: { primary: "tfms6aa", secondary: "tfms6ab", tertiary: "tfms6ac", quaternary: "tfms6ad" } }, defaultVariants: {}, compoundVariants: [] });
14
+ var formWrapper = createRuntimeFn({ defaultClassName: "tfms6ae", variantClassNames: { variant: { primary: "tfms6af", secondary: "tfms6ag", tertiary: "tfms6ah", quaternary: "tfms6ai" }, formType: { email: "tfms6aj", questionnaire: "tfms6ak", "default": "tfms6al" } }, defaultVariants: {}, compoundVariants: [] });
15
+ var form_row = "tfms6am";
16
+ var actions = "tfms6an";
17
+ var disclosureForm = createRuntimeFn({ defaultClassName: "tfms6ao", variantClassNames: { variant: { primary: "tfms6ap", secondary: "tfms6aq", tertiary: "tfms6ar", quaternary: "tfms6as" } }, defaultVariants: {}, compoundVariants: [] });
18
+ var form = "tfms6at";
19
+ var success_wrap = createRuntimeFn({ defaultClassName: "tfms6aw", variantClassNames: { variant: { primary: "tfms6ax", secondary: "tfms6ay", tertiary: "tfms6az", quaternary: "tfms6a10" } }, defaultVariants: {}, compoundVariants: [] });
20
+ var success_icon = "tfms6a11";
21
+ var succes_check_mark = "tfms6a12";
22
+ var success_circle = createRuntimeFn({ defaultClassName: "tfms6a13", variantClassNames: { variant: { primary: "tfms6a14", secondary: "tfms6a15", tertiary: "tfms6a16", quaternary: "tfms6a17" } }, defaultVariants: {}, compoundVariants: [] });
23
+ var descriptionField = createRuntimeFn({ defaultClassName: "tfms6a18", variantClassNames: { variant: { primary: "tfms6a19", secondary: "tfms6a1a", tertiary: "tfms6a1b", quaternary: "tfms6a1c" }, formType: { questionnaire: "tfms6a1d" } }, defaultVariants: {}, compoundVariants: [] });
24
+ var fullRowForm = "tfms6a1e";
25
+ var one_row = "tfms6a1f";
26
+ var section_title = createRuntimeFn({ defaultClassName: "tfms6a1g", variantClassNames: { variant: { primary: "tfms6a1h", secondary: "tfms6a1i", tertiary: "tfms6a1j", quaternary: "tfms6a1k" } }, defaultVariants: {}, compoundVariants: [] });
27
+ var checkbox_group = "tfms6a1l";
28
+ var ro_input = "tfms6a1m";
29
+ var pl_label = "tfms6a1n";
30
+ var x_input = "tfms6a1o";
31
+ var xc_input = "tfms6a1p";
32
+ var fullRowSelect = "tfms6a1q";
33
+ var mt2rem = "tfms6a1r";
34
+ var centerSelect = "tfms6a1s";
35
+ var formBtns = "tfms6a1t";
36
+ var modalCheckboxContainer = "tfms6a1u";
37
+ var threeColRow = "tfms6a1v";
38
+ var mt1Rem = "tfms6a1w";
39
+ var mw24 = "tfms6a1x";
40
+ var modalMobile = "tfms6a1y";
41
+ var resposiveLabel = "tfms6a1z";
42
+ var dropdown = "tfms6a20";
43
+ var dynPH = "tfms6a21";
44
+ var na_cursor = "tfms6a22";
45
+ var show_options = "tfms6a23";
46
+ var hide_options = "tfms6a24";
47
+ var back_btn_apply_now = "tfms6a25";
48
+ var iconbillboards_option_apply_now = "tfms6a26";
49
+ var form_nav_apply_now = "tfms6a27";
49
50
  export {
50
51
  actions,
51
52
  back_btn_apply_now,
@@ -60,6 +61,7 @@ export {
60
61
  formContainer,
61
62
  formWrapper,
62
63
  form_nav_apply_now,
64
+ form_row,
63
65
  fullRowForm,
64
66
  fullRowSelect,
65
67
  headerContainer,
@@ -0,0 +1,58 @@
1
+ import { FormProps } from './FormProps';
2
+
3
+ export type VendorQuestionnaireInputs = {
4
+ "name/0-2": string;
5
+ "dba/0-2": string;
6
+ "phone/0-2": string;
7
+ "website/0-2": string;
8
+ "address/0-2": string;
9
+ "address2/0-2": string;
10
+ "city/0-2": string;
11
+ "state/0-2": string;
12
+ "zip/0-2": string;
13
+ "description/0-2": string;
14
+ "how_did_you_hear_about_us_/0-2": string;
15
+ "owner_name_1/0-2": string;
16
+ "owner_phone_1/0-2": string;
17
+ "owner_email_1/0-2": string;
18
+ "owner_name_2/0-2": string;
19
+ "owner_phone_2/0-2": string;
20
+ "owner_email_2/0-2": string;
21
+ "owner_name_3/0-2": string;
22
+ "owner_phone_3/0-2": string;
23
+ "owner_email_3/0-2": string;
24
+ "owner_name_4/0-2": string;
25
+ "owner_phone_4/0-2": string;
26
+ "owner_email_4/0-2": string;
27
+ "sales_contact_name/0-2": string;
28
+ "sales_contact_phone/0-2": string;
29
+ "sales_contact_email/0-2": string;
30
+ "finance_contact_name/0-2": string;
31
+ "finance_contact_phone/0-2": string;
32
+ "finance_contact_email/0-2": string;
33
+ "type_of_organization/0-2": string;
34
+ "founded_year/0-2": string;
35
+ "officer_name_1/0-2": string;
36
+ "officer_title_1/0-2": string;
37
+ "officer_name_2/0-2": string;
38
+ "officer_title_2/0-2": string;
39
+ "officer_name_3/0-2": string;
40
+ "officer_title_3/0-2": string;
41
+ "name_of_insurer/0-2": string;
42
+ "insurer_phone/0-2": string;
43
+ "insurer_email/0-2": string;
44
+ "forecasted_business/0-2": string;
45
+ "forecasted_business_comments/0-2": string;
46
+ "security_transit_approval_documents/0-2": string;
47
+ "security_transit_closing_documents/0-2": string;
48
+ "security_rest_electronic/0-2": string;
49
+ "security_rest_paper/0-2": string;
50
+ "security_time_of_disposal_paper/0-2": string;
51
+ "security_time_of_disposal_electronic/0-2": string;
52
+ "company/0-1": string;
53
+ "firstname/0-1": string;
54
+ "lastname/0-1": string;
55
+ "jobtitle/0-1": string;
56
+ "email/0-1": string;
57
+ };
58
+ export declare const VendorQuestionnaire: ({ children, onSubmit, variant: fullVariant, validateEmail, callToAction, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;