@axos-web-dev/shared-components 1.0.100-feature-buydown.2 → 1.0.100-feature-comparisonCTAs.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.
@@ -283,7 +283,7 @@ const BuyDownCalculator = ({
283
283
  setIsManufacturerContributionDisabled(false);
284
284
  }
285
285
  setTimeout(() => {
286
- trigger();
286
+ trigger(["dealerContribution", "manufacturerContributionAmount"]);
287
287
  }, 0);
288
288
  };
289
289
  const handleManufacturerContributionChange = (event) => {
@@ -296,7 +296,7 @@ const BuyDownCalculator = ({
296
296
  setIsDealerContributionDisabled(false);
297
297
  }
298
298
  setTimeout(() => {
299
- trigger();
299
+ trigger(["dealerContribution", "manufacturerContributionAmount"]);
300
300
  }, 0);
301
301
  };
302
302
  const updateFicoRequirements = (loanRangeValue, program) => {
@@ -719,7 +719,7 @@ const BuyDownCalculator = ({
719
719
  id: "mooringOutsideContinentalUS",
720
720
  ...register("mooringOutsideContinentalUS"),
721
721
  value: 0.5,
722
- radioText: "Mooring Outside Continental U.S. (Includes Puerto Rico,\r\n Hawaii, and Alaska) (Does not apply to Full Time Charter)\r\n +0.500",
722
+ radioText: "Mooring Outside Continental U.S. (Includes Puerto Rico,\n Hawaii, and Alaska) (Does not apply to Full Time Charter)\n +0.500",
723
723
  groupName: "dependentInputs",
724
724
  disabled: disableMooringOutside
725
725
  }
@@ -35,30 +35,39 @@ const ComparisonSet = ({
35
35
  bodyCopy,
36
36
  additionalDetails,
37
37
  isolate: true,
38
- children: /* @__PURE__ */ jsxs("div", { className: clsx(comparison_container), children: [
39
- /* @__PURE__ */ jsx(TabContainer, { className: comparison_tab_container, children: comparisonElements.map(({ headerTab, id: id2 }, index) => /* @__PURE__ */ jsx(
40
- Tab,
41
- {
42
- id: `tab_${id2}_${index}`,
43
- headline: `${headerTab}`,
44
- onClick: () => {
45
- toggleTab(index);
46
- },
47
- className: toggleState === index ? active_tab({ variant: getVariant(variant) }) : "",
48
- variant
49
- },
50
- `tab_${id2}_${index}`
51
- )) }),
52
- comparisonElements.map((item, index) => /* @__PURE__ */ createElement(
53
- Comparison,
54
- {
55
- ...item,
56
- key: item.id,
57
- index,
58
- toggleState
59
- }
60
- ))
61
- ] })
38
+ children: /* @__PURE__ */ jsxs(
39
+ "div",
40
+ {
41
+ className: clsx(
42
+ comparison_container,
43
+ comparisonElements.length > 2 && "comparison_container--many_items"
44
+ ),
45
+ children: [
46
+ /* @__PURE__ */ jsx(TabContainer, { className: comparison_tab_container, children: comparisonElements.map(({ headerTab, id: id2 }, index) => /* @__PURE__ */ jsx(
47
+ Tab,
48
+ {
49
+ id: `tab_${id2}_${index}`,
50
+ headline: `${headerTab}`,
51
+ onClick: () => {
52
+ toggleTab(index);
53
+ },
54
+ className: toggleState === index ? active_tab({ variant: getVariant(variant) }) : "",
55
+ variant
56
+ },
57
+ `tab_${id2}_${index}`
58
+ )) }),
59
+ comparisonElements.map((item, index) => /* @__PURE__ */ createElement(
60
+ Comparison,
61
+ {
62
+ ...item,
63
+ key: item.id,
64
+ index,
65
+ toggleState
66
+ }
67
+ ))
68
+ ]
69
+ }
70
+ )
62
71
  }
63
72
  );
64
73
  };
@@ -8,6 +8,10 @@ export type ContactUsLaVictoireInputs = {
8
8
  message: string;
9
9
  checkbox: boolean;
10
10
  };
11
- export declare const ContactUsLVF: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, dealerCheckbox, }: FormProps & {
11
+ export declare const ContactUsLVF: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, dealerCheckbox, contextData, }: FormProps & {
12
12
  dealerCheckbox?: boolean;
13
+ contextData?: {
14
+ pageName?: string;
15
+ pageUri?: string;
16
+ };
13
17
  }) => import("react/jsx-runtime").JSX.Element;
@@ -47,7 +47,8 @@ const ContactUsLVF = ({
47
47
  validateEmail,
48
48
  onValidate,
49
49
  id,
50
- dealerCheckbox = true
50
+ dealerCheckbox = true,
51
+ contextData
51
52
  }) => {
52
53
  const schema = z.object({
53
54
  firstname: z.string().regex(/^[a-zA-Z]*(?:[a-zA-Z][a-zA-Z'-]*\s{0,1}){2,}$/g, {
@@ -106,9 +107,9 @@ const ContactUsLVF = ({
106
107
  return { name: key, value: data[key] };
107
108
  }
108
109
  }).filter((el) => el !== void 0);
109
- const contextData = {
110
- pageName: "La Victoire Finance",
111
- pageUri: "https://lavictoirefinance.com/contact-us"
110
+ const finalContextData = {
111
+ pageName: contextData?.pageName || "La Victoire Finance",
112
+ pageUri: contextData?.pageUri || "https://lavictoirefinance.com/contact-us"
112
113
  };
113
114
  const legalConsentData = {
114
115
  consent: {
@@ -125,7 +126,7 @@ const ContactUsLVF = ({
125
126
  };
126
127
  await onSubmit({
127
128
  fields: formattedFieldsData,
128
- context: contextData,
129
+ context: finalContextData,
129
130
  legalConsentOptions: legalConsentData,
130
131
  form: "contactUSLVF"
131
132
  });
@@ -61,7 +61,7 @@ export declare const TableCell: ({ children, as, variant, highlighted, colSpan,
61
61
  is?: string | undefined;
62
62
  exportparts?: string | undefined;
63
63
  part?: string | undefined;
64
- popover?: "" | "auto" | "manual" | undefined;
64
+ popover?: "" | "auto" | "manual" | "hint" | undefined;
65
65
  popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
66
66
  popoverTarget?: string | undefined;
67
67
  onToggle?: import('react').ToggleEventHandler<HTMLTableCellElement> | undefined;
@@ -1,6 +1,6 @@
1
- import '../assets/WalnutIframe/wrapper.css.css';const wrapper = "_wrapper_1jpv7_19";
2
- const shimmer = "_shimmer_1jpv7_1";
3
- const wrapper_control = "_wrapper_control_1jpv7_77";
1
+ import '../assets/WalnutIframe/wrapper.css.css';const wrapper = "_wrapper_13j22_10";
2
+ const shimmer = "_shimmer_13j22_1";
3
+ const wrapper_control = "_wrapper_control_13j22_39";
4
4
  const css = {
5
5
  wrapper,
6
6
  shimmer,
@@ -103,7 +103,6 @@
103
103
  width: 100%;
104
104
  text-align: center;
105
105
  gap: 24px;
106
- flex-wrap: wrap;
107
106
  align-items: center;
108
107
  }
109
108
  ._198o0lt0 ._1nivbwe1 {
@@ -112,6 +111,9 @@
112
111
  ._198o0lt0 ._1nivbwe5 {
113
112
  font-size: 20px;
114
113
  }
114
+ .comparison_container--many_items ._198o0lte {
115
+ flex-direction: column;
116
+ }
115
117
  @media screen and (max-width: 1023px) {
116
118
  ._198o0lt0 {
117
119
  border-radius: 0;
@@ -1,49 +1,49 @@
1
- @keyframes _shimmer_1jpv7_1 {
2
- from {
3
- transform: translateX(-100%);
4
- }
5
- to {
6
- transform: translateX(100%);
7
- }
8
- }
9
-
10
- ._wrapper_1jpv7_19 {
11
- background: #1e3860;
12
- border-radius: 8px;
13
- height: 555px;
14
- isolation: isolate;
15
- margin-block: 48px;
16
- }
17
-
18
- section > ._wrapper_1jpv7_19:first-child {
19
- margin-top: 0 !important;
20
- }
21
-
22
- ._wrapper_1jpv7_19::before {
23
- content: "";
24
- position: absolute;
25
- top: 0;
26
- left: 0;
27
- width: 190%;
28
- height: 100%;
29
- background: linear-gradient(
30
- 65deg,
31
- rgba(255, 255, 255, 0) 20%,
32
- rgba(255, 255, 255, 0.5) 50%,
33
- rgba(255, 255, 255, 0) 80%
34
- );
35
- animation: _shimmer_1jpv7_1 1.3s infinite linear;
36
- z-index: -1;
37
- }
38
-
39
- ._wrapper_control_1jpv7_77 {
40
- height: 100%;
41
- width: 100%;
42
- overflow-x: scroll;
43
- }
44
-
45
- @media (max-width: 1023px) {
46
- ._wrapper_1jpv7_19 {
47
- display: none;
48
- }
49
- }
1
+ @keyframes _shimmer_13j22_1 {
2
+ from {
3
+ transform: translateX(-100%);
4
+ }
5
+ to {
6
+ transform: translateX(100%);
7
+ }
8
+ }
9
+
10
+ ._wrapper_13j22_10 {
11
+ background: #1e3860;
12
+ border-radius: 8px;
13
+ height: 555px;
14
+ isolation: isolate;
15
+ margin-block: 48px;
16
+ }
17
+
18
+ section > ._wrapper_13j22_10:first-child {
19
+ margin-top: 0 !important;
20
+ }
21
+
22
+ ._wrapper_13j22_10::before {
23
+ content: "";
24
+ position: absolute;
25
+ top: 0;
26
+ left: 0;
27
+ width: 190%;
28
+ height: 100%;
29
+ background: linear-gradient(
30
+ 65deg,
31
+ rgba(255, 255, 255, 0) 20%,
32
+ rgba(255, 255, 255, 0.5) 50%,
33
+ rgba(255, 255, 255, 0) 80%
34
+ );
35
+ animation: _shimmer_13j22_1 1.3s infinite linear;
36
+ z-index: -1;
37
+ }
38
+
39
+ ._wrapper_control_13j22_39 {
40
+ height: 100%;
41
+ width: 100%;
42
+ overflow-x: scroll;
43
+ }
44
+
45
+ @media (max-width: 1023px) {
46
+ ._wrapper_13j22_10 {
47
+ display: none;
48
+ }
49
+ }
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.100-feature-buydown.2",
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.100-feature-comparisonCTAs.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
+ }