@axos-web-dev/shared-components 1.0.77-patch.15 → 1.0.77-patch.17
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.
- package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.d.ts +1 -0
- package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js +3 -1
- package/dist/Calculators/AxosOneCalculator/index.d.ts +2 -0
- package/dist/Calculators/AxosOneCalculator/index.js +32 -14
- package/dist/Calculators/Calculator.d.ts +2 -0
- package/dist/Calculators/Calculator.js +4 -2
- package/dist/Calculators/MaxLoanCalculator/index.js +22 -5
- package/dist/Calculators/MonthlyPaymentCalculator/index.js +15 -5
- package/dist/Forms/QuickPricer/QuickPricerForm.js +1 -1
- package/dist/Forms/SalesforceFieldsForm.d.ts +5 -0
- package/dist/Forms/SalesforceFieldsForm.js +11 -1
- package/dist/ImageBillboard/ExitIntentModal/useExitIntentModal.js +6 -1
- package/dist/WalnutIframe/wrapper.module.js +3 -3
- package/dist/assets/Calculators/AxosOneCalculator/BalanceAPYCalculator.css +12 -0
- package/dist/assets/WalnutIframe/wrapper.css.css +48 -48
- package/package.json +133 -133
|
@@ -19,6 +19,7 @@ var ax1_header_calc = "_11b2y8zb";
|
|
|
19
19
|
var ax1_calc_text = "_11b2y8zc";
|
|
20
20
|
var ax1_description_text = createRuntimeFn({ defaultClassName: "_11b2y8zd", variantClassNames: { variant: { primary: "_11b2y8ze", secondary: "_11b2y8zf", tertiary: "_11b2y8zg", quaternary: "_11b2y8zh" } }, defaultVariants: {}, compoundVariants: [] });
|
|
21
21
|
var ax1_calc_disclosure = createRuntimeFn({ defaultClassName: "_11b2y8zi", variantClassNames: { variant: { primary: "_11b2y8zj", secondary: "_11b2y8zk", tertiary: "_11b2y8zl", quaternary: "_11b2y8zm" } }, defaultVariants: {}, compoundVariants: [] });
|
|
22
|
+
var call_to_action_row = "_11b2y8zn";
|
|
22
23
|
export {
|
|
23
24
|
ax1_calc_disclosure,
|
|
24
25
|
ax1_calc_icon,
|
|
@@ -34,5 +35,6 @@ export {
|
|
|
34
35
|
ax1_input_container,
|
|
35
36
|
ax1_input_label,
|
|
36
37
|
ax1_m_label,
|
|
37
|
-
ax1_table_container
|
|
38
|
+
ax1_table_container,
|
|
39
|
+
call_to_action_row
|
|
38
40
|
};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { default as React, FC } from 'react';
|
|
2
|
+
import { ChevronProps } from '../../Chevron/Chevron.interface';
|
|
2
3
|
|
|
3
4
|
export interface AxosOneCalculatorProps {
|
|
4
5
|
headline?: React.ReactNode | string;
|
|
@@ -7,5 +8,6 @@ export interface AxosOneCalculatorProps {
|
|
|
7
8
|
disclosure: React.ReactNode | string;
|
|
8
9
|
variant: string;
|
|
9
10
|
initialBalance?: number;
|
|
11
|
+
callToActionRow?: ChevronProps[];
|
|
10
12
|
}
|
|
11
13
|
export declare const AxosOneCalculator: FC<AxosOneCalculatorProps>;
|
|
@@ -18,14 +18,15 @@ import { headerCell } from "../../Table/Table.css.js";
|
|
|
18
18
|
import "../../utils/allowedAxosDomains.js";
|
|
19
19
|
import { getVariant } from "../../utils/getVariant.js";
|
|
20
20
|
import clsx from "clsx";
|
|
21
|
-
import { ax1_calc_icon, ax1_header_container, ax1_header_calc, ax1_calc_text, ax1_description_text, ax1_calculator_wrapper, ax1_input_container, ax1_input_label, ax1_calculator_input, ax1_calculator_button, ax1_d_label, ax1_m_label, ax1_table_container, ax1_calc_disclosure, ax1_container } from "./BalanceAPYCalculator.css.js";
|
|
21
|
+
import { ax1_calc_icon, ax1_header_container, ax1_header_calc, ax1_calc_text, ax1_description_text, ax1_calculator_wrapper, ax1_input_container, ax1_input_label, ax1_calculator_input, ax1_calculator_button, ax1_d_label, ax1_m_label, ax1_table_container, call_to_action_row, ax1_calc_disclosure, ax1_container } from "./BalanceAPYCalculator.css.js";
|
|
22
22
|
const AxosOneCalculator = ({
|
|
23
23
|
headline,
|
|
24
24
|
bodyCopy,
|
|
25
25
|
disclosure,
|
|
26
26
|
icon,
|
|
27
27
|
variant,
|
|
28
|
-
initialBalance
|
|
28
|
+
initialBalance,
|
|
29
|
+
callToActionRow
|
|
29
30
|
}) => {
|
|
30
31
|
const calc_variant = getVariant(variant);
|
|
31
32
|
const AXOS_ONE_APY = +process.env.NEXT_PUBLIC_AXOS_ONE_APY;
|
|
@@ -69,6 +70,18 @@ const AxosOneCalculator = ({
|
|
|
69
70
|
setBalance(0);
|
|
70
71
|
}
|
|
71
72
|
};
|
|
73
|
+
const formatUSD = (value) => {
|
|
74
|
+
if (Number.isInteger(value)) {
|
|
75
|
+
return value.toLocaleString(void 0, {
|
|
76
|
+
minimumFractionDigits: 0,
|
|
77
|
+
maximumFractionDigits: 0
|
|
78
|
+
});
|
|
79
|
+
}
|
|
80
|
+
return value.toLocaleString(void 0, {
|
|
81
|
+
minimumFractionDigits: 2,
|
|
82
|
+
maximumFractionDigits: 2
|
|
83
|
+
});
|
|
84
|
+
};
|
|
72
85
|
return /* @__PURE__ */ jsx("section", { className: clsx(ax1_container), id: "axoapycalc", children: /* @__PURE__ */ jsxs("div", { className: clsx("containment"), children: [
|
|
73
86
|
icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", ax1_calc_icon), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
|
|
74
87
|
(headline || bodyCopy) && /* @__PURE__ */ jsxs("div", { className: `${ax1_header_container} text_center`, children: [
|
|
@@ -144,9 +157,7 @@ const AxosOneCalculator = ({
|
|
|
144
157
|
] }) }),
|
|
145
158
|
/* @__PURE__ */ jsx(TableCell, { variant: "primary", children: /* @__PURE__ */ jsxs("b", { children: [
|
|
146
159
|
"$",
|
|
147
|
-
axbEarning
|
|
148
|
-
maximumFractionDigits: 2
|
|
149
|
-
})
|
|
160
|
+
formatUSD(axbEarning)
|
|
150
161
|
] }) })
|
|
151
162
|
] }),
|
|
152
163
|
/* @__PURE__ */ jsxs(TableRow, { children: [
|
|
@@ -160,9 +171,7 @@ const AxosOneCalculator = ({
|
|
|
160
171
|
] }),
|
|
161
172
|
/* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
|
|
162
173
|
"$",
|
|
163
|
-
fargoEarning
|
|
164
|
-
maximumFractionDigits: 2
|
|
165
|
-
})
|
|
174
|
+
formatUSD(fargoEarning)
|
|
166
175
|
] })
|
|
167
176
|
] }),
|
|
168
177
|
/* @__PURE__ */ jsxs(TableRow, { children: [
|
|
@@ -176,9 +185,7 @@ const AxosOneCalculator = ({
|
|
|
176
185
|
] }),
|
|
177
186
|
/* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
|
|
178
187
|
"$",
|
|
179
|
-
bofaEarning
|
|
180
|
-
maximumFractionDigits: 2
|
|
181
|
-
})
|
|
188
|
+
formatUSD(bofaEarning)
|
|
182
189
|
] })
|
|
183
190
|
] }),
|
|
184
191
|
/* @__PURE__ */ jsxs(TableRow, { children: [
|
|
@@ -192,9 +199,7 @@ const AxosOneCalculator = ({
|
|
|
192
199
|
] }),
|
|
193
200
|
/* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
|
|
194
201
|
"$",
|
|
195
|
-
chaseEarning
|
|
196
|
-
maximumFractionDigits: 2
|
|
197
|
-
})
|
|
202
|
+
formatUSD(chaseEarning)
|
|
198
203
|
] })
|
|
199
204
|
] })
|
|
200
205
|
] })
|
|
@@ -202,6 +207,19 @@ const AxosOneCalculator = ({
|
|
|
202
207
|
}
|
|
203
208
|
)
|
|
204
209
|
] }),
|
|
210
|
+
Array.isArray(callToActionRow) && callToActionRow.length > 0 && /* @__PURE__ */ jsx("div", { className: `${call_to_action_row}`, children: callToActionRow?.map(
|
|
211
|
+
({ id, variant: variant2, displayText, targetUrl }) => /* @__PURE__ */ jsx(
|
|
212
|
+
Button,
|
|
213
|
+
{
|
|
214
|
+
targetUrl,
|
|
215
|
+
color: getVariant(variant2),
|
|
216
|
+
size: "medium",
|
|
217
|
+
rounded: "medium",
|
|
218
|
+
children: displayText
|
|
219
|
+
},
|
|
220
|
+
id
|
|
221
|
+
)
|
|
222
|
+
) }),
|
|
205
223
|
disclosure && /* @__PURE__ */ jsx("div", { className: ax1_calc_disclosure({ variant: calc_variant }), children: disclosure })
|
|
206
224
|
] }) });
|
|
207
225
|
};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { IconBillboardProps } from '../IconBillboard/IconBillboard.interface';
|
|
2
2
|
import { default as React } from 'react';
|
|
3
|
+
import { ChevronProps } from '../Chevron/Chevron.interface';
|
|
3
4
|
|
|
4
5
|
export interface CalculatorProps {
|
|
5
6
|
id?: string;
|
|
@@ -12,5 +13,6 @@ export interface CalculatorProps {
|
|
|
12
13
|
disclosure?: React.ReactNode;
|
|
13
14
|
marketingTiles?: IconBillboardProps[];
|
|
14
15
|
initialBalance?: number;
|
|
16
|
+
callToActionRow?: ChevronProps[];
|
|
15
17
|
}
|
|
16
18
|
export declare const Calculator: (props: CalculatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -136,7 +136,8 @@ const Calculator = (props) => {
|
|
|
136
136
|
headline,
|
|
137
137
|
name,
|
|
138
138
|
marketingTiles,
|
|
139
|
-
initialBalance
|
|
139
|
+
initialBalance,
|
|
140
|
+
callToActionRow
|
|
140
141
|
} = props;
|
|
141
142
|
const ref = useRef(null);
|
|
142
143
|
const iframe = calculators.get(name || "");
|
|
@@ -228,7 +229,8 @@ const Calculator = (props) => {
|
|
|
228
229
|
variant,
|
|
229
230
|
disclosure,
|
|
230
231
|
icon,
|
|
231
|
-
initialBalance
|
|
232
|
+
initialBalance,
|
|
233
|
+
callToActionRow
|
|
232
234
|
}
|
|
233
235
|
);
|
|
234
236
|
} else if (name === "APY Balance Summit Savings") {
|
|
@@ -204,11 +204,28 @@ const MaxLoanCalculator = ({
|
|
|
204
204
|
}
|
|
205
205
|
) }),
|
|
206
206
|
/* @__PURE__ */ jsxs("div", { className: "text_center flex flex_col center middle push_up_32", children: [
|
|
207
|
-
/* @__PURE__ */ jsx(
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
207
|
+
/* @__PURE__ */ jsx(
|
|
208
|
+
"label",
|
|
209
|
+
{
|
|
210
|
+
htmlFor: "estimatedLoanAmount",
|
|
211
|
+
className: calculation_header,
|
|
212
|
+
children: "Maximum Loan Amount You Can Borrow:"
|
|
213
|
+
}
|
|
214
|
+
),
|
|
215
|
+
/* @__PURE__ */ jsxs(
|
|
216
|
+
"output",
|
|
217
|
+
{
|
|
218
|
+
id: "estimatedLoanAmount",
|
|
219
|
+
className: payment_results,
|
|
220
|
+
name: "estimated-loan-amount",
|
|
221
|
+
htmlFor: "monthlyPayment loanDuration interestRate",
|
|
222
|
+
role: "status",
|
|
223
|
+
children: [
|
|
224
|
+
"$",
|
|
225
|
+
loanAmount.toFixed(2)
|
|
226
|
+
]
|
|
227
|
+
}
|
|
228
|
+
)
|
|
212
229
|
] })
|
|
213
230
|
] })
|
|
214
231
|
]
|
|
@@ -212,11 +212,21 @@ const MonthlyPaymentCalculator = ({
|
|
|
212
212
|
}
|
|
213
213
|
) }),
|
|
214
214
|
/* @__PURE__ */ jsxs("div", { className: "text_center flex flex_col center middle push_up_32", children: [
|
|
215
|
-
/* @__PURE__ */ jsx("
|
|
216
|
-
/* @__PURE__ */ jsxs(
|
|
217
|
-
"
|
|
218
|
-
|
|
219
|
-
|
|
215
|
+
/* @__PURE__ */ jsx("label", { htmlFor: "estimatedPayment", className: calculation_header, children: "Estimated Monthly Payment:" }),
|
|
216
|
+
/* @__PURE__ */ jsxs(
|
|
217
|
+
"output",
|
|
218
|
+
{
|
|
219
|
+
id: "estimatedPayment",
|
|
220
|
+
className: payment_results,
|
|
221
|
+
name: "estimated-payment",
|
|
222
|
+
htmlFor: "loanAmount loanDuration interestRate",
|
|
223
|
+
role: "status",
|
|
224
|
+
children: [
|
|
225
|
+
"$",
|
|
226
|
+
estimatedPayment.toFixed(2)
|
|
227
|
+
]
|
|
228
|
+
}
|
|
229
|
+
)
|
|
220
230
|
] })
|
|
221
231
|
] }),
|
|
222
232
|
disclosure && /* @__PURE__ */ jsx("div", { className: calc_disclosure({ variant: fullVariant }), children: disclosure })
|
|
@@ -13,6 +13,7 @@ export interface SalesforceFields {
|
|
|
13
13
|
experience_id: string;
|
|
14
14
|
hem: string;
|
|
15
15
|
identity: string;
|
|
16
|
+
leadPriority: string;
|
|
16
17
|
}
|
|
17
18
|
export interface SalesforceInputs {
|
|
18
19
|
Brand_SFDC2__c: string;
|
|
@@ -46,6 +47,7 @@ export interface SalesforceInputs {
|
|
|
46
47
|
experience_id: string;
|
|
47
48
|
hem: string;
|
|
48
49
|
identity: string;
|
|
50
|
+
LeadPriority__c: string;
|
|
49
51
|
}
|
|
50
52
|
export declare const SalesforceSchema: z.ZodObject<{
|
|
51
53
|
Brand_SFDC2__c: z.ZodOptional<z.ZodString>;
|
|
@@ -71,6 +73,7 @@ export declare const SalesforceSchema: z.ZodObject<{
|
|
|
71
73
|
First_UTMIdentity__c: z.ZodOptional<z.ZodString>;
|
|
72
74
|
First_UTMExperience_Id__c: z.ZodOptional<z.ZodString>;
|
|
73
75
|
Full_Web_Source__c: z.ZodOptional<z.ZodString>;
|
|
76
|
+
LeadPriority__c: z.ZodOptional<z.ZodString>;
|
|
74
77
|
}, "strip", z.ZodTypeAny, {
|
|
75
78
|
Brand_SFDC2__c?: string | undefined;
|
|
76
79
|
Branch_SFDC2__c?: string | undefined;
|
|
@@ -95,6 +98,7 @@ export declare const SalesforceSchema: z.ZodObject<{
|
|
|
95
98
|
First_UTMIdentity__c?: string | undefined;
|
|
96
99
|
First_UTMExperience_Id__c?: string | undefined;
|
|
97
100
|
Full_Web_Source__c?: string | undefined;
|
|
101
|
+
LeadPriority__c?: string | undefined;
|
|
98
102
|
}, {
|
|
99
103
|
Brand_SFDC2__c?: string | undefined;
|
|
100
104
|
Branch_SFDC2__c?: string | undefined;
|
|
@@ -119,6 +123,7 @@ export declare const SalesforceSchema: z.ZodObject<{
|
|
|
119
123
|
First_UTMIdentity__c?: string | undefined;
|
|
120
124
|
First_UTMExperience_Id__c?: string | undefined;
|
|
121
125
|
Full_Web_Source__c?: string | undefined;
|
|
126
|
+
LeadPriority__c?: string | undefined;
|
|
122
127
|
}>;
|
|
123
128
|
export interface QueryParams {
|
|
124
129
|
[str: string]: string;
|
|
@@ -33,7 +33,8 @@ const SalesforceSchema = z.object({
|
|
|
33
33
|
First_UTMHem__c: z.string().optional(),
|
|
34
34
|
First_UTMIdentity__c: z.string().optional(),
|
|
35
35
|
First_UTMExperience_Id__c: z.string().optional(),
|
|
36
|
-
Full_Web_Source__c: z.string().optional()
|
|
36
|
+
Full_Web_Source__c: z.string().optional(),
|
|
37
|
+
LeadPriority__c: z.string().optional()
|
|
37
38
|
});
|
|
38
39
|
const SalesforceFieldsForm = memo(function SaleforceFieldForm({
|
|
39
40
|
salesforceFields,
|
|
@@ -87,6 +88,15 @@ const SalesforceFieldsForm = memo(function SaleforceFieldForm({
|
|
|
87
88
|
})
|
|
88
89
|
}
|
|
89
90
|
),
|
|
91
|
+
/* @__PURE__ */ jsx(
|
|
92
|
+
"input",
|
|
93
|
+
{
|
|
94
|
+
type: "hidden",
|
|
95
|
+
...register("LeadPriority__c", {
|
|
96
|
+
value: salesforceFields?.leadPriority
|
|
97
|
+
})
|
|
98
|
+
}
|
|
99
|
+
),
|
|
90
100
|
/* @__PURE__ */ jsx("input", { type: "hidden", ...register("lead_source", { value: "Web RMI" }) }),
|
|
91
101
|
/* @__PURE__ */ jsx(
|
|
92
102
|
"input",
|
|
@@ -5,7 +5,12 @@ const useExitIntentModal = (enabled) => {
|
|
|
5
5
|
const modalRef = useRef(null);
|
|
6
6
|
useEffect(() => {
|
|
7
7
|
if (!enabled) return;
|
|
8
|
-
const
|
|
8
|
+
const getPageSpecificStorageKey = () => {
|
|
9
|
+
const pathname = window.location.pathname;
|
|
10
|
+
const normalizedPath = pathname.replace(/^\/+|\/+$/g, "").replace(/\//g, "_") || "root";
|
|
11
|
+
return `exitIntentShown_${normalizedPath}`;
|
|
12
|
+
};
|
|
13
|
+
const STORAGE_KEY = getPageSpecificStorageKey();
|
|
9
14
|
const sessionExpiry = 24 * 60 * 60 * 1e3;
|
|
10
15
|
const hasShown = () => {
|
|
11
16
|
const stored = localStorage.getItem(STORAGE_KEY);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import '../assets/WalnutIframe/wrapper.css.css';const wrapper = "
|
|
2
|
-
const shimmer = "
|
|
3
|
-
const wrapper_control = "
|
|
1
|
+
import '../assets/WalnutIframe/wrapper.css.css';const wrapper = "_wrapper_f1tr5_10";
|
|
2
|
+
const shimmer = "_shimmer_f1tr5_1";
|
|
3
|
+
const wrapper_control = "_wrapper_control_f1tr5_39";
|
|
4
4
|
const css = {
|
|
5
5
|
wrapper,
|
|
6
6
|
shimmer,
|
|
@@ -119,6 +119,13 @@
|
|
|
119
119
|
._11b2y8zm {
|
|
120
120
|
color: var(--_1073cm8n);
|
|
121
121
|
}
|
|
122
|
+
._11b2y8zn {
|
|
123
|
+
align-items: center;
|
|
124
|
+
display: flex;
|
|
125
|
+
justify-content: center;
|
|
126
|
+
margin-top: 2rem;
|
|
127
|
+
gap: 3rem;
|
|
128
|
+
}
|
|
122
129
|
@media screen and (max-width: 1023px) {
|
|
123
130
|
._11b2y8z0 > .containment {
|
|
124
131
|
max-width: 100%;
|
|
@@ -134,6 +141,11 @@
|
|
|
134
141
|
._11b2y8z3 {
|
|
135
142
|
font-size: 23px;
|
|
136
143
|
}
|
|
144
|
+
._11b2y8zn {
|
|
145
|
+
flex-direction: column;
|
|
146
|
+
gap: 1rem;
|
|
147
|
+
padding-bottom: 2rem;
|
|
148
|
+
}
|
|
137
149
|
}
|
|
138
150
|
@media screen and (max-width: 900px) {
|
|
139
151
|
._11b2y8z8 {
|
|
@@ -1,48 +1,48 @@
|
|
|
1
|
-
@keyframes
|
|
2
|
-
from {
|
|
3
|
-
transform: translateX(-100%);
|
|
4
|
-
}
|
|
5
|
-
to {
|
|
6
|
-
transform: translateX(100%);
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.
|
|
11
|
-
background: #1e3860;
|
|
12
|
-
border-radius: 8px;
|
|
13
|
-
height: 555px;
|
|
14
|
-
isolation: isolate;
|
|
15
|
-
margin-block: 48px;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
section > .
|
|
19
|
-
margin-top: 0 !important;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.
|
|
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:
|
|
36
|
-
z-index: -1;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.
|
|
40
|
-
height: 100%;
|
|
41
|
-
width: 100%;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
@media (max-width: 1023px) {
|
|
45
|
-
.
|
|
46
|
-
display: none;
|
|
47
|
-
}
|
|
48
|
-
}
|
|
1
|
+
@keyframes _shimmer_f1tr5_1 {
|
|
2
|
+
from {
|
|
3
|
+
transform: translateX(-100%);
|
|
4
|
+
}
|
|
5
|
+
to {
|
|
6
|
+
transform: translateX(100%);
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
._wrapper_f1tr5_10 {
|
|
11
|
+
background: #1e3860;
|
|
12
|
+
border-radius: 8px;
|
|
13
|
+
height: 555px;
|
|
14
|
+
isolation: isolate;
|
|
15
|
+
margin-block: 48px;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
section > ._wrapper_f1tr5_10:first-child {
|
|
19
|
+
margin-top: 0 !important;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
._wrapper_f1tr5_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_f1tr5_1 1.3s infinite linear;
|
|
36
|
+
z-index: -1;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
._wrapper_control_f1tr5_39 {
|
|
40
|
+
height: 100%;
|
|
41
|
+
width: 100%;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
@media (max-width: 1023px) {
|
|
45
|
+
._wrapper_f1tr5_10 {
|
|
46
|
+
display: none;
|
|
47
|
+
}
|
|
48
|
+
}
|
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.77-patch.
|
|
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.77-patch.17",
|
|
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
|
+
}
|