@agg-build/ui 1.1.0 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/{chunk-R6DETAZ6.mjs → chunk-34L7ZKJW.mjs} +804 -776
- package/dist/{chunk-JDYZJKTE.mjs → chunk-5FXMHTVR.mjs} +1 -1
- package/dist/{chunk-IT2Y62MG.mjs → chunk-CDQZJPHQ.mjs} +589 -340
- package/dist/{chunk-7JEJIGG4.mjs → chunk-EGCVA2AQ.mjs} +23 -8
- package/dist/{chunk-OHEZGKFM.mjs → chunk-FDTLV74F.mjs} +89 -5
- package/dist/{chunk-F3SU7BRE.mjs → chunk-Q2BRDVBU.mjs} +1 -1
- package/dist/{chunk-KDMNFHPL.mjs → chunk-TBKDLNOE.mjs} +27 -16
- package/dist/events.js +956 -906
- package/dist/events.mjs +3 -3
- package/dist/index.js +2936 -2550
- package/dist/index.mjs +17 -15
- package/dist/modals.js +816 -792
- package/dist/modals.mjs +3 -3
- package/dist/pages.js +2214 -1830
- package/dist/pages.mjs +6 -6
- package/dist/primitives.js +799 -773
- package/dist/primitives.mjs +3 -1
- package/dist/styles.css +1 -1
- package/dist/tailwind.css +1 -1
- package/dist/trading.js +868 -639
- package/dist/trading.mjs +4 -4
- package/dist/types/events/market-details/index.d.mts +1 -1
- package/dist/types/events/market-details/index.d.ts +1 -1
- package/dist/types/events/market-details/market-details.types.d.mts +11 -0
- package/dist/types/events/market-details/market-details.types.d.ts +11 -0
- package/dist/types/pages/user-profile/position-view-model.d.mts +54 -0
- package/dist/types/pages/user-profile/position-view-model.d.ts +54 -0
- package/dist/types/pages/user-profile/user-profile.types.d.mts +22 -0
- package/dist/types/pages/user-profile/user-profile.types.d.ts +22 -0
- package/dist/types/primitives/icon/index.d.mts +2 -1
- package/dist/types/primitives/icon/index.d.ts +2 -1
- package/dist/types/primitives/icon/registry.d.mts +4 -0
- package/dist/types/primitives/icon/registry.d.ts +4 -0
- package/dist/types/primitives/icon/svg/hourglass-start.d.mts +5 -0
- package/dist/types/primitives/icon/svg/hourglass-start.d.ts +5 -0
- package/dist/types/shared/utils.d.mts +5 -1
- package/dist/types/shared/utils.d.ts +5 -1
- package/package.json +3 -3
package/dist/modals.js
CHANGED
|
@@ -2231,8 +2231,41 @@ var GoogleIcon = (_a) => {
|
|
|
2231
2231
|
};
|
|
2232
2232
|
GoogleIcon.displayName = "GoogleIcon";
|
|
2233
2233
|
|
|
2234
|
-
// src/primitives/icon/svg/
|
|
2234
|
+
// src/primitives/icon/svg/hourglass-start.tsx
|
|
2235
2235
|
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
2236
|
+
var HourglassStartIcon = (_a) => {
|
|
2237
|
+
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2238
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
2239
|
+
"svg",
|
|
2240
|
+
__spreadProps(__spreadValues(__spreadValues({
|
|
2241
|
+
width: "16",
|
|
2242
|
+
height: "16",
|
|
2243
|
+
viewBox: "0 0 16 16",
|
|
2244
|
+
fill: "none",
|
|
2245
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
2246
|
+
className
|
|
2247
|
+
}, getIconA11yProps(title)), props), {
|
|
2248
|
+
children: [
|
|
2249
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("title", { children: title }) : null,
|
|
2250
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
2251
|
+
"path",
|
|
2252
|
+
{
|
|
2253
|
+
d: "M4.25 1.5H11.75M4.25 14.5H11.75M5 1.5V4.6C5 5.2 5.27 5.76 5.73 6.14L8 8L5.73 9.86C5.27 10.24 5 10.8 5 11.4V14.5M11 1.5V4.6C11 5.2 10.73 5.76 10.27 6.14L8 8L10.27 9.86C10.73 10.24 11 10.8 11 11.4V14.5",
|
|
2254
|
+
stroke: "currentColor",
|
|
2255
|
+
strokeWidth: "1.4",
|
|
2256
|
+
strokeLinecap: "round",
|
|
2257
|
+
strokeLinejoin: "round"
|
|
2258
|
+
}
|
|
2259
|
+
),
|
|
2260
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("path", { d: "M6.75 4.25H9.25L8 5.25L6.75 4.25Z", fill: "currentColor" })
|
|
2261
|
+
]
|
|
2262
|
+
})
|
|
2263
|
+
);
|
|
2264
|
+
};
|
|
2265
|
+
HourglassStartIcon.displayName = "HourglassStartIcon";
|
|
2266
|
+
|
|
2267
|
+
// src/primitives/icon/svg/image.tsx
|
|
2268
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
2236
2269
|
var ImageIcon = (_a) => {
|
|
2237
2270
|
var _b = _a, {
|
|
2238
2271
|
title,
|
|
@@ -2243,7 +2276,7 @@ var ImageIcon = (_a) => {
|
|
|
2243
2276
|
"className",
|
|
2244
2277
|
"isDarkTheme"
|
|
2245
2278
|
]);
|
|
2246
|
-
return /* @__PURE__ */ (0,
|
|
2279
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
|
|
2247
2280
|
"svg",
|
|
2248
2281
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2249
2282
|
viewBox: "0 0 40 40",
|
|
@@ -2251,9 +2284,9 @@ var ImageIcon = (_a) => {
|
|
|
2251
2284
|
fill: "none"
|
|
2252
2285
|
}, getIconA11yProps(title)), props), {
|
|
2253
2286
|
children: [
|
|
2254
|
-
title ? /* @__PURE__ */ (0,
|
|
2255
|
-
/* @__PURE__ */ (0,
|
|
2256
|
-
/* @__PURE__ */ (0,
|
|
2287
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("title", { children: title }) : null,
|
|
2288
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("rect", { width: "40", height: "40", fill: "currentColor" }),
|
|
2289
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
2257
2290
|
"path",
|
|
2258
2291
|
{
|
|
2259
2292
|
d: "M22.0001 16.3333C24.2092 16.3333 26.0001 14.5424 26.0001 12.3333C26.0001 10.1241 24.2092 8.33325 22.0001 8.33325C19.7909 8.33325 18.0001 10.1241 18.0001 12.3333C18.0001 14.5424 19.7909 16.3333 22.0001 16.3333Z",
|
|
@@ -2261,7 +2294,7 @@ var ImageIcon = (_a) => {
|
|
|
2261
2294
|
fillOpacity: "0.1"
|
|
2262
2295
|
}
|
|
2263
2296
|
),
|
|
2264
|
-
/* @__PURE__ */ (0,
|
|
2297
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
2265
2298
|
"path",
|
|
2266
2299
|
{
|
|
2267
2300
|
d: "M29.8379 21.3615C29.5903 21.1242 29.262 20.9946 28.9224 21.0001C28.5828 21.0056 28.2586 21.1457 28.0186 21.3909L22.3828 27.1429L22.1904 27.3332L13.8385 19.0367C13.5855 18.799 13.2504 18.6666 12.9022 18.6666C12.5539 18.6666 12.2188 18.799 11.9658 19.0367L0 30.9233V39.9999H40V31.1341L29.8379 21.3615Z",
|
|
@@ -2276,10 +2309,10 @@ var ImageIcon = (_a) => {
|
|
|
2276
2309
|
ImageIcon.displayName = "ImageIcon";
|
|
2277
2310
|
|
|
2278
2311
|
// src/primitives/icon/svg/info.tsx
|
|
2279
|
-
var
|
|
2312
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
2280
2313
|
var InfoIcon = (_a) => {
|
|
2281
2314
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2282
|
-
return /* @__PURE__ */ (0,
|
|
2315
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
|
|
2283
2316
|
"svg",
|
|
2284
2317
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2285
2318
|
viewBox: "0 0 12 12",
|
|
@@ -2287,23 +2320,23 @@ var InfoIcon = (_a) => {
|
|
|
2287
2320
|
fill: "none"
|
|
2288
2321
|
}, getIconA11yProps(title)), props), {
|
|
2289
2322
|
children: [
|
|
2290
|
-
title ? /* @__PURE__ */ (0,
|
|
2291
|
-
/* @__PURE__ */ (0,
|
|
2292
|
-
/* @__PURE__ */ (0,
|
|
2323
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("title", { children: title }) : null,
|
|
2324
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("g", { clipPath: "url(#info_clip)", children: [
|
|
2325
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
2293
2326
|
"path",
|
|
2294
2327
|
{
|
|
2295
2328
|
d: "M6 0C4.81331 0 3.65328 0.351894 2.66658 1.01118C1.67989 1.67047 0.910851 2.60754 0.456726 3.7039C0.00259972 4.80026 -0.11622 6.00666 0.115291 7.17054C0.346802 8.33443 0.918247 9.40353 1.75736 10.2426C2.59648 11.0818 3.66558 11.6532 4.82946 11.8847C5.99335 12.1162 7.19975 11.9974 8.2961 11.5433C9.39246 11.0892 10.3295 10.3201 10.9888 9.33342C11.6481 8.34673 12 7.18669 12 6C11.9983 4.40923 11.3656 2.88411 10.2407 1.75926C9.1159 0.634414 7.59077 0.00172054 6 0ZM6 11C5.0111 11 4.0444 10.7068 3.22215 10.1573C2.39991 9.60794 1.75904 8.82705 1.38061 7.91342C1.00217 6.99979 0.90315 5.99445 1.09608 5.02455C1.289 4.05464 1.76521 3.16373 2.46447 2.46447C3.16373 1.7652 4.05465 1.289 5.02455 1.09607C5.99446 0.903148 6.99979 1.00216 7.91342 1.3806C8.82705 1.75904 9.60794 2.3999 10.1574 3.22215C10.7068 4.04439 11 5.01109 11 6C10.9985 7.32564 10.4713 8.59656 9.53393 9.53393C8.59656 10.4713 7.32564 10.9985 6 11Z",
|
|
2296
2329
|
fill: "currentColor"
|
|
2297
2330
|
}
|
|
2298
2331
|
),
|
|
2299
|
-
/* @__PURE__ */ (0,
|
|
2332
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
2300
2333
|
"path",
|
|
2301
2334
|
{
|
|
2302
2335
|
d: "M6 5H5.5C5.36739 5 5.24021 5.05268 5.14645 5.14645C5.05268 5.24021 5 5.36739 5 5.5C5 5.63261 5.05268 5.75979 5.14645 5.85355C5.24021 5.94732 5.36739 6 5.5 6H6V9C6 9.13261 6.05268 9.25979 6.14645 9.35355C6.24021 9.44732 6.36739 9.5 6.5 9.5C6.63261 9.5 6.75979 9.44732 6.85355 9.35355C6.94732 9.25979 7 9.13261 7 9V6C7 5.73478 6.89464 5.48043 6.70711 5.29289C6.51957 5.10536 6.26522 5 6 5Z",
|
|
2303
2336
|
fill: "currentColor"
|
|
2304
2337
|
}
|
|
2305
2338
|
),
|
|
2306
|
-
/* @__PURE__ */ (0,
|
|
2339
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
2307
2340
|
"path",
|
|
2308
2341
|
{
|
|
2309
2342
|
d: "M6 4C6.41421 4 6.75 3.66421 6.75 3.25C6.75 2.83579 6.41421 2.5 6 2.5C5.58579 2.5 5.25 2.83579 5.25 3.25C5.25 3.66421 5.58579 4 6 4Z",
|
|
@@ -2311,7 +2344,7 @@ var InfoIcon = (_a) => {
|
|
|
2311
2344
|
}
|
|
2312
2345
|
)
|
|
2313
2346
|
] }),
|
|
2314
|
-
/* @__PURE__ */ (0,
|
|
2347
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("clipPath", { id: "info_clip", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("rect", { width: "12", height: "12", fill: "white" }) }) })
|
|
2315
2348
|
]
|
|
2316
2349
|
})
|
|
2317
2350
|
);
|
|
@@ -2327,10 +2360,10 @@ var iconSizeClasses = {
|
|
|
2327
2360
|
};
|
|
2328
2361
|
|
|
2329
2362
|
// src/primitives/search/search-empty-icon.tsx
|
|
2330
|
-
var
|
|
2363
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
2331
2364
|
var SearchEmptyIcon = (_a) => {
|
|
2332
2365
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2333
|
-
return /* @__PURE__ */ (0,
|
|
2366
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
2334
2367
|
"svg",
|
|
2335
2368
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2336
2369
|
viewBox: "0 0 36 36",
|
|
@@ -2339,8 +2372,8 @@ var SearchEmptyIcon = (_a) => {
|
|
|
2339
2372
|
className
|
|
2340
2373
|
}, getIconA11yProps(title)), props), {
|
|
2341
2374
|
children: [
|
|
2342
|
-
title ? /* @__PURE__ */ (0,
|
|
2343
|
-
/* @__PURE__ */ (0,
|
|
2375
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("title", { children: title }) : null,
|
|
2376
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
2344
2377
|
"path",
|
|
2345
2378
|
{
|
|
2346
2379
|
d: "M35.2335 0.758837C32.958 -1.51816 27.2145 1.83434 23.82 4.17284C22.029 3.41534 20.061 2.99534 17.9955 2.99534C9.72603 2.99534 2.99703 9.72434 2.99703 17.9953C2.99703 20.0593 3.41553 22.0273 4.17303 23.8183C1.83303 27.2143 -1.51797 32.9563 0.759027 35.2318C1.26903 35.7418 1.97703 35.9758 2.83953 35.9758C5.11653 35.9758 8.47653 34.3453 12.1545 31.8103C13.9515 32.5723 15.9255 32.9953 17.9955 32.9953C26.2665 32.9953 32.9955 26.2663 32.9955 17.9953C32.9955 15.9313 32.577 13.9633 31.8195 12.1723C32.43 11.2873 32.985 10.4233 33.48 9.58934C35.2755 6.55784 37.038 2.56334 35.2335 0.758837ZM17.997 4.49534C23.295 4.49534 27.8895 7.56434 30.099 12.0163C27.885 15.1228 25.008 18.4783 21.744 21.7423C18.48 25.0063 15.1245 27.8818 12.018 30.0958C7.56453 27.8863 4.49703 23.2918 4.49703 17.9938C4.49703 10.5523 10.5525 4.49534 17.997 4.49534ZM8.82603 32.1883C4.66353 34.6558 2.47503 34.8283 1.82103 34.1713C0.979527 33.3313 1.65453 30.3028 4.93803 25.3663C6.28203 27.7393 8.25453 29.7103 10.6275 31.0558C10.014 31.4623 9.41103 31.8418 8.82603 32.1883ZM31.497 17.9953C31.497 25.4383 25.4415 31.4953 17.997 31.4953C16.4655 31.4953 14.994 31.2388 13.62 30.7663C16.6755 28.5178 19.875 25.7323 22.8045 22.8028C25.8645 19.7428 28.593 16.5988 30.7755 13.6363C31.2435 15.0043 31.497 16.4698 31.497 17.9938V17.9953ZM31.0575 10.6243C29.7135 8.25134 27.741 6.27884 25.368 4.93484C30.3045 1.65134 33.333 0.979337 34.173 1.81784C34.83 2.47484 34.6545 4.66184 32.19 8.82284C31.8435 9.40934 31.464 10.0108 31.0575 10.6243Z",
|
|
@@ -2354,10 +2387,10 @@ var SearchEmptyIcon = (_a) => {
|
|
|
2354
2387
|
SearchEmptyIcon.displayName = "SearchEmptyIcon";
|
|
2355
2388
|
|
|
2356
2389
|
// src/primitives/icon/svg/activity.tsx
|
|
2357
|
-
var
|
|
2390
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
2358
2391
|
var ActivityIcon = (_a) => {
|
|
2359
2392
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2360
|
-
return /* @__PURE__ */ (0,
|
|
2393
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
|
|
2361
2394
|
"svg",
|
|
2362
2395
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2363
2396
|
viewBox: "0 0 24 24",
|
|
@@ -2365,8 +2398,8 @@ var ActivityIcon = (_a) => {
|
|
|
2365
2398
|
fill: "none"
|
|
2366
2399
|
}, getIconA11yProps(title)), props), {
|
|
2367
2400
|
children: [
|
|
2368
|
-
title ? /* @__PURE__ */ (0,
|
|
2369
|
-
/* @__PURE__ */ (0,
|
|
2401
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("title", { children: title }) : null,
|
|
2402
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
2370
2403
|
"path",
|
|
2371
2404
|
{
|
|
2372
2405
|
d: "M2 12h4l2.5-7 4 14 3-7h8.5",
|
|
@@ -2383,10 +2416,10 @@ var ActivityIcon = (_a) => {
|
|
|
2383
2416
|
ActivityIcon.displayName = "ActivityIcon";
|
|
2384
2417
|
|
|
2385
2418
|
// src/primitives/icon/svg/activity-chart.tsx
|
|
2386
|
-
var
|
|
2419
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
2387
2420
|
var ActivityChartIcon = (_a) => {
|
|
2388
2421
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2389
|
-
return /* @__PURE__ */ (0,
|
|
2422
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
|
|
2390
2423
|
"svg",
|
|
2391
2424
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2392
2425
|
viewBox: "0 0 14 14",
|
|
@@ -2394,8 +2427,8 @@ var ActivityChartIcon = (_a) => {
|
|
|
2394
2427
|
fill: "none"
|
|
2395
2428
|
}, getIconA11yProps(title)), props), {
|
|
2396
2429
|
children: [
|
|
2397
|
-
title ? /* @__PURE__ */ (0,
|
|
2398
|
-
/* @__PURE__ */ (0,
|
|
2430
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("title", { children: title }) : null,
|
|
2431
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
2399
2432
|
"path",
|
|
2400
2433
|
{
|
|
2401
2434
|
d: "M14 6.99987C14 7.32187 13.7392 7.5832 13.4167 7.5832H11.9782C11.7145 7.5832 11.4829 7.76112 11.4147 8.01487L10.4364 11.656C10.325 12.0206 10.0135 12.2499 9.65417 12.2499H9.64425C9.28083 12.2458 8.9705 12.0078 8.87192 11.6584L6.96208 3.9432L5.10825 10.4993C4.99683 10.8475 4.70575 11.0686 4.36158 11.082C4.00458 11.1013 3.70883 10.8983 3.577 10.5792L2.64367 7.96937C2.56025 7.73837 2.33975 7.58262 2.09417 7.58262H0.583333C0.26075 7.58262 0 7.32128 0 6.99928C0 6.67728 0.26075 6.41595 0.583333 6.41595H2.09475C2.83208 6.41595 3.49358 6.88203 3.74267 7.5762L4.28983 9.10803L6.2055 2.33262C6.32275 1.96803 6.62958 1.73353 6.99942 1.74928C7.35992 1.7557 7.66792 1.99312 7.7665 2.33962L9.66758 10.0198L10.2871 7.71212C10.4918 6.94912 11.1866 6.41595 11.977 6.41595H13.4155C13.7381 6.41595 13.9988 6.67728 13.9988 6.99928L14 6.99987Z",
|
|
@@ -2409,10 +2442,10 @@ var ActivityChartIcon = (_a) => {
|
|
|
2409
2442
|
ActivityChartIcon.displayName = "ActivityChartIcon";
|
|
2410
2443
|
|
|
2411
2444
|
// src/primitives/icon/svg/check-badge.tsx
|
|
2412
|
-
var
|
|
2445
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
2413
2446
|
var CheckBadgeIcon = (_a) => {
|
|
2414
2447
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2415
|
-
return /* @__PURE__ */ (0,
|
|
2448
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
|
|
2416
2449
|
"svg",
|
|
2417
2450
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2418
2451
|
viewBox: "0 0 16 16",
|
|
@@ -2420,15 +2453,15 @@ var CheckBadgeIcon = (_a) => {
|
|
|
2420
2453
|
fill: "none"
|
|
2421
2454
|
}, getIconA11yProps(title)), props), {
|
|
2422
2455
|
children: [
|
|
2423
|
-
title ? /* @__PURE__ */ (0,
|
|
2424
|
-
/* @__PURE__ */ (0,
|
|
2456
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("title", { children: title }) : null,
|
|
2457
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("g", { clipPath: "url(#check-badge-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
2425
2458
|
"path",
|
|
2426
2459
|
{
|
|
2427
2460
|
d: "M15.4173 6.57883L13.9833 5.14283V3.9975C13.9833 2.89683 13.0886 2.00083 11.9893 2.00083H10.8453L9.4113 0.5655C8.6573 -0.1885 7.34397 -0.1885 6.59063 0.5655L5.15663 2.00083H4.01263C2.91263 2.00083 2.01863 2.89617 2.01863 3.9975V5.14283L0.583965 6.57883C-0.192702 7.3575 -0.192702 8.6235 0.583965 9.40217L2.01796 10.8382V11.9835C2.01796 13.0842 2.91263 13.9802 4.01196 13.9802H5.15596L6.58997 15.4155C6.96663 15.7922 7.46797 16.0002 8.00063 16.0002C8.5333 16.0002 9.03397 15.7922 9.41063 15.4155L10.8446 13.9802H11.9886C13.0886 13.9802 13.9826 13.0848 13.9826 11.9835V10.8382L15.4173 9.40217C16.194 8.6235 16.194 7.3575 15.4173 6.57883ZM12.136 6.8075L8.76663 10.1375C8.3573 10.5442 7.81797 10.7482 7.2793 10.7482C6.74063 10.7482 6.20396 10.5448 5.7933 10.1395L4.06063 8.4735C3.7993 8.21417 3.79663 7.79283 4.05596 7.53083C4.31596 7.27017 4.73663 7.26683 4.9993 7.52617L6.7313 9.1915C7.0333 9.49083 7.52463 9.4915 7.8273 9.1915L11.1973 5.86083C11.46 5.60083 11.8813 5.6035 12.1406 5.8655C12.4 6.1275 12.3973 6.54817 12.136 6.8075Z",
|
|
2428
2461
|
fill: "currentColor"
|
|
2429
2462
|
}
|
|
2430
2463
|
) }),
|
|
2431
|
-
/* @__PURE__ */ (0,
|
|
2464
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("clipPath", { id: "check-badge-clip", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
2432
2465
|
]
|
|
2433
2466
|
})
|
|
2434
2467
|
);
|
|
@@ -2436,10 +2469,10 @@ var CheckBadgeIcon = (_a) => {
|
|
|
2436
2469
|
CheckBadgeIcon.displayName = "CheckBadgeIcon";
|
|
2437
2470
|
|
|
2438
2471
|
// src/primitives/icon/svg/chevron-down-thin.tsx
|
|
2439
|
-
var
|
|
2472
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
2440
2473
|
var ChevronDownThinIcon = (_a) => {
|
|
2441
2474
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2442
|
-
return /* @__PURE__ */ (0,
|
|
2475
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
|
|
2443
2476
|
"svg",
|
|
2444
2477
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2445
2478
|
viewBox: "0 0 16 16",
|
|
@@ -2448,8 +2481,8 @@ var ChevronDownThinIcon = (_a) => {
|
|
|
2448
2481
|
className
|
|
2449
2482
|
}, getIconA11yProps(title)), props), {
|
|
2450
2483
|
children: [
|
|
2451
|
-
title ? /* @__PURE__ */ (0,
|
|
2452
|
-
/* @__PURE__ */ (0,
|
|
2484
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("title", { children: title }) : null,
|
|
2485
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
2453
2486
|
"path",
|
|
2454
2487
|
{
|
|
2455
2488
|
d: "M4 6L8 10L12 6",
|
|
@@ -2466,10 +2499,10 @@ var ChevronDownThinIcon = (_a) => {
|
|
|
2466
2499
|
ChevronDownThinIcon.displayName = "ChevronDownThinIcon";
|
|
2467
2500
|
|
|
2468
2501
|
// src/primitives/icon/svg/cross-circle.tsx
|
|
2469
|
-
var
|
|
2502
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
2470
2503
|
var CrossCircleIcon = (_a) => {
|
|
2471
2504
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2472
|
-
return /* @__PURE__ */ (0,
|
|
2505
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
|
|
2473
2506
|
"svg",
|
|
2474
2507
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2475
2508
|
width: "16",
|
|
@@ -2480,8 +2513,8 @@ var CrossCircleIcon = (_a) => {
|
|
|
2480
2513
|
className
|
|
2481
2514
|
}, getIconA11yProps(title)), props), {
|
|
2482
2515
|
children: [
|
|
2483
|
-
title ? /* @__PURE__ */ (0,
|
|
2484
|
-
/* @__PURE__ */ (0,
|
|
2516
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("title", { children: title }) : null,
|
|
2517
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
2485
2518
|
"path",
|
|
2486
2519
|
{
|
|
2487
2520
|
d: "M8 0C6.41775 0 4.87104 0.469192 3.55544 1.34824C2.23985 2.22729 1.21447 3.47672 0.608967 4.93853C0.00346629 6.40034 -0.15496 8.00887 0.153721 9.56072C0.462403 11.1126 1.22433 12.538 2.34315 13.6569C3.46197 14.7757 4.88743 15.5376 6.43928 15.8463C7.99113 16.155 9.59966 15.9965 11.0615 15.391C12.5233 14.7855 13.7727 13.7602 14.6518 12.4446C15.5308 11.129 16 9.58225 16 8C16 5.87827 15.1571 3.84344 13.6569 2.34315C12.1566 0.842855 10.1217 0 8 0ZM11.138 10.1953L10.1953 11.138L8 8.94267L5.80467 11.138L4.862 10.1953L7.05734 8L4.862 5.80467L5.80467 4.862L8 7.05733L10.1953 4.862L11.138 5.80467L8.94267 8L11.138 10.1953Z",
|
|
@@ -2495,10 +2528,10 @@ var CrossCircleIcon = (_a) => {
|
|
|
2495
2528
|
CrossCircleIcon.displayName = "CrossCircleIcon";
|
|
2496
2529
|
|
|
2497
2530
|
// src/primitives/icon/svg/discord.tsx
|
|
2498
|
-
var
|
|
2531
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
2499
2532
|
var DiscordIcon = (_a) => {
|
|
2500
2533
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2501
|
-
return /* @__PURE__ */ (0,
|
|
2534
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
|
|
2502
2535
|
"svg",
|
|
2503
2536
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2504
2537
|
viewBox: "0 0 20 20",
|
|
@@ -2506,8 +2539,8 @@ var DiscordIcon = (_a) => {
|
|
|
2506
2539
|
fill: "none"
|
|
2507
2540
|
}, getIconA11yProps(title)), props), {
|
|
2508
2541
|
children: [
|
|
2509
|
-
title ? /* @__PURE__ */ (0,
|
|
2510
|
-
/* @__PURE__ */ (0,
|
|
2542
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("title", { children: title }) : null,
|
|
2543
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
2511
2544
|
"path",
|
|
2512
2545
|
{
|
|
2513
2546
|
d: "M16.3546 4.49236C15.1858 3.95607 13.9329 3.56111 12.6227 3.33499C12.599 3.3304 12.5754 3.34186 12.5624 3.36325C12.4012 3.64973 12.2224 4.02406 12.0979 4.31742C10.6884 4.10657 9.28659 4.10657 7.90615 4.31742C7.78162 4.01719 7.59598 3.64973 7.43479 3.36325C7.42181 3.34186 7.39812 3.33117 7.37444 3.33499C6.06504 3.56035 4.81218 3.95531 3.64258 4.49236C3.63265 4.49618 3.62348 4.50382 3.61813 4.51298C1.24151 8.06379 0.589865 11.5275 0.909193 14.9484C0.910721 14.9653 0.919888 14.9813 0.932875 14.9912C2.50125 16.1433 4.01997 16.8423 5.51119 17.3052C5.53487 17.3128 5.56008 17.3037 5.57536 17.2838C5.9283 16.8025 6.24228 16.2945 6.51195 15.7605C6.52799 15.7292 6.51271 15.6918 6.47986 15.6795C5.98101 15.4901 5.5066 15.2594 5.04976 14.9981C5.01386 14.9767 5.0108 14.9255 5.04365 14.9003C5.13991 14.8285 5.23617 14.7536 5.32784 14.678C5.34465 14.6643 5.36756 14.6612 5.38743 14.6704C8.38819 16.0401 11.6365 16.0401 14.6013 14.6704C14.6212 14.6612 14.6441 14.6635 14.6617 14.678C14.7534 14.7536 14.8496 14.8293 14.9466 14.9011C14.9803 14.9255 14.978 14.9775 14.9413 14.9989C14.4845 15.2655 14.01 15.4916 13.5104 15.6795C13.4776 15.6918 13.4638 15.73 13.4791 15.7613C13.7541 16.2945 14.0689 16.8025 14.4149 17.2838C14.4295 17.3044 14.4554 17.3128 14.4791 17.306C15.9772 16.8423 17.4967 16.1433 19.0643 14.992C19.078 14.9821 19.0865 14.9668 19.088 14.95C19.4699 10.995 18.4478 7.55959 16.3775 4.51451C16.3737 4.50382 16.3645 4.49618 16.3546 4.49236ZM6.96038 12.8659C6.05664 12.8659 5.31256 12.0363 5.31256 11.018C5.31256 9.99962 6.04213 9.16998 6.96038 9.16998C7.88552 9.16998 8.62272 10.0065 8.60821 11.018C8.60821 12.0371 7.87788 12.8659 6.96038 12.8659ZM13.0528 12.8659C12.1498 12.8659 11.405 12.0363 11.405 11.018C11.405 9.99962 12.1346 9.16998 13.0528 9.16998C13.978 9.16998 14.7152 10.0065 14.7007 11.018C14.7007 12.0371 13.978 12.8659 13.0528 12.8659Z",
|
|
@@ -2521,10 +2554,10 @@ var DiscordIcon = (_a) => {
|
|
|
2521
2554
|
DiscordIcon.displayName = "DiscordIcon";
|
|
2522
2555
|
|
|
2523
2556
|
// src/primitives/icon/svg/email.tsx
|
|
2524
|
-
var
|
|
2557
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
2525
2558
|
var EmailIcon = (_a) => {
|
|
2526
2559
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2527
|
-
return /* @__PURE__ */ (0,
|
|
2560
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
|
|
2528
2561
|
"svg",
|
|
2529
2562
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2530
2563
|
viewBox: "0 0 20 20",
|
|
@@ -2532,8 +2565,8 @@ var EmailIcon = (_a) => {
|
|
|
2532
2565
|
fill: "none"
|
|
2533
2566
|
}, getIconA11yProps(title)), props), {
|
|
2534
2567
|
children: [
|
|
2535
|
-
title ? /* @__PURE__ */ (0,
|
|
2536
|
-
/* @__PURE__ */ (0,
|
|
2568
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("title", { children: title }) : null,
|
|
2569
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
2537
2570
|
"path",
|
|
2538
2571
|
{
|
|
2539
2572
|
d: "M3.33333 3.33398H16.6667C17.5833 3.33398 18.3333 4.08398 18.3333 5.00065V15.0007C18.3333 15.9173 17.5833 16.6673 16.6667 16.6673H3.33333C2.41667 16.6673 1.66667 15.9173 1.66667 15.0007V5.00065C1.66667 4.08398 2.41667 3.33398 3.33333 3.33398Z",
|
|
@@ -2543,7 +2576,7 @@ var EmailIcon = (_a) => {
|
|
|
2543
2576
|
strokeLinejoin: "round"
|
|
2544
2577
|
}
|
|
2545
2578
|
),
|
|
2546
|
-
/* @__PURE__ */ (0,
|
|
2579
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
2547
2580
|
"path",
|
|
2548
2581
|
{
|
|
2549
2582
|
d: "M18.3333 5L10 10.8333L1.66667 5",
|
|
@@ -2560,10 +2593,10 @@ var EmailIcon = (_a) => {
|
|
|
2560
2593
|
EmailIcon.displayName = "EmailIcon";
|
|
2561
2594
|
|
|
2562
2595
|
// src/primitives/icon/svg/internet-security.tsx
|
|
2563
|
-
var
|
|
2596
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
2564
2597
|
var InternetSecurityIcon = (_a) => {
|
|
2565
2598
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2566
|
-
return /* @__PURE__ */ (0,
|
|
2599
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
|
|
2567
2600
|
"svg",
|
|
2568
2601
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2569
2602
|
viewBox: "0 0 60 60",
|
|
@@ -2571,15 +2604,15 @@ var InternetSecurityIcon = (_a) => {
|
|
|
2571
2604
|
fill: "none"
|
|
2572
2605
|
}, getIconA11yProps(title)), props), {
|
|
2573
2606
|
children: [
|
|
2574
|
-
title ? /* @__PURE__ */ (0,
|
|
2575
|
-
/* @__PURE__ */ (0,
|
|
2607
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("title", { children: title }) : null,
|
|
2608
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("g", { clipPath: "url(#internet-security-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
2576
2609
|
"path",
|
|
2577
2610
|
{
|
|
2578
2611
|
d: "M31.2125 58.9425C31.32 58.55 31.1175 58.13 30.855 57.84C30.76 57.7525 24.195 51.48 20.3075 42.5025H26.2525C26.9425 42.5025 27.5025 41.9425 27.5025 41.2525C27.5025 40.5625 26.9425 40.0025 26.2525 40.0025H19.33C18.2325 36.885 17.5025 33.52 17.5025 30.0025C17.5025 26.485 18.2325 23.12 19.33 20.0025H55.605C56.115 21.2975 56.5425 22.635 56.85 24.0225C57 24.695 57.6625 25.125 58.3425 24.9725C59.0175 24.8225 59.44 24.155 59.2925 23.48C56.275 9.88753 43.98 0.0225282 30.0425 2.81571e-05C13.49 -0.0224718 -0.00249965 13.4425 3.47359e-07 30C3.47359e-07 46.5425 13.4575 60 30 60C30.61 60.0025 31.1475 59.5325 31.2125 58.9425ZM20.305 17.5C23.3775 10.4025 28.0975 5.02003 30 3.02753C31.92 5.03253 36.6625 10.415 39.72 17.5H20.305ZM54.485 17.5H42.42C39.745 10.8325 35.645 5.56253 33.1075 2.70003C42.2725 3.76003 50.325 9.42003 54.485 17.5ZM26.9 2.68753C24.3525 5.54753 20.24 10.83 17.5725 17.5H5.535C9.6475 9.48503 17.565 3.74003 26.9 2.68753ZM4.41 20H16.6725C15.6625 23.12 15 26.4725 15 30C15 33.5275 15.6625 36.88 16.6725 40H4.41C3.1925 36.895 2.5 33.53 2.5 30C2.5 26.47 3.1925 23.105 4.41 20ZM5.535 42.5H17.5725C20.24 49.1725 24.3525 54.4525 26.9 57.3125C17.565 56.26 9.6475 50.515 5.535 42.5ZM55 38.3775V33.75C55 28.925 51.075 25 46.25 25C41.425 25 37.5 28.925 37.5 33.75V38.3775C34.555 39.7875 32.5 42.7725 32.5 46.25V51.25C32.5 56.075 36.425 60 41.25 60H51.25C56.075 60 60 56.075 60 51.25V46.25C60 42.7725 57.945 39.7875 55 38.3775ZM40 33.75C40 30.305 42.8025 27.5 46.25 27.5C49.6975 27.5 52.5 30.305 52.5 33.75V37.6275C52.0875 37.5675 51.6775 37.5 51.25 37.5H41.25C40.8225 37.5 40.4125 37.5675 40 37.6275V33.75ZM57.5 51.25C57.5 54.695 54.6975 57.5 51.25 57.5H41.25C37.8025 57.5 35 54.695 35 51.25V46.25C35 42.805 37.8025 40 41.25 40H51.25C54.6975 40 57.5 42.805 57.5 46.25V51.25ZM48.75 48.75C48.75 50.13 47.63 51.25 46.25 51.25C44.87 51.25 43.75 50.13 43.75 48.75C43.75 47.37 44.87 46.25 46.25 46.25C47.63 46.25 48.75 47.37 48.75 48.75Z",
|
|
2579
2612
|
fill: "currentColor"
|
|
2580
2613
|
}
|
|
2581
2614
|
) }),
|
|
2582
|
-
/* @__PURE__ */ (0,
|
|
2615
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("clipPath", { id: "internet-security-clip", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("rect", { width: "60", height: "60", fill: "white" }) }) })
|
|
2583
2616
|
]
|
|
2584
2617
|
})
|
|
2585
2618
|
);
|
|
@@ -2587,10 +2620,10 @@ var InternetSecurityIcon = (_a) => {
|
|
|
2587
2620
|
InternetSecurityIcon.displayName = "InternetSecurityIcon";
|
|
2588
2621
|
|
|
2589
2622
|
// src/primitives/icon/svg/link-accounts.tsx
|
|
2590
|
-
var
|
|
2623
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
2591
2624
|
var LinkAccountsIcon = (_a) => {
|
|
2592
2625
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2593
|
-
return /* @__PURE__ */ (0,
|
|
2626
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
|
|
2594
2627
|
"svg",
|
|
2595
2628
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2596
2629
|
width: "28",
|
|
@@ -2601,15 +2634,15 @@ var LinkAccountsIcon = (_a) => {
|
|
|
2601
2634
|
className
|
|
2602
2635
|
}, getIconA11yProps(title)), props), {
|
|
2603
2636
|
children: [
|
|
2604
|
-
title ? /* @__PURE__ */ (0,
|
|
2605
|
-
/* @__PURE__ */ (0,
|
|
2637
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("title", { children: title }) : null,
|
|
2638
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("g", { clipPath: "url(#clip0_link_accounts)", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
2606
2639
|
"path",
|
|
2607
2640
|
{
|
|
2608
2641
|
d: "M28 18.0835C28 22.2648 24.598 25.6668 20.4167 25.6668H14.5833C10.402 25.6668 7 22.2648 7 18.0835C7 13.9022 10.402 10.5002 14.5833 10.5002H16.9167C17.2387 10.5002 17.5 10.7615 17.5 11.0835C17.5 11.4055 17.2387 11.6668 16.9167 11.6668H14.5833C11.0448 11.6668 8.16667 14.5462 8.16667 18.0835C8.16667 21.6208 11.0448 24.5002 14.5833 24.5002H20.4167C23.9552 24.5002 26.8333 21.6208 26.8333 18.0835C26.8333 15.7992 25.6037 13.67 23.625 12.5243C23.3462 12.3633 23.2505 12.0063 23.4127 11.7275C23.5725 11.4487 23.9283 11.3507 24.2095 11.514C26.5475 12.8662 28.0012 15.3827 28.0012 18.0823L28 18.0835ZM4.375 15.476C2.39517 14.3315 1.16667 12.2012 1.16667 9.91683C1.16667 6.3795 4.04483 3.50016 7.58333 3.50016H13.4167C16.9552 3.50016 19.8333 6.3795 19.8333 9.91683C19.8333 13.4542 16.9552 16.3335 13.4167 16.3335H11.0833C10.7613 16.3335 10.5 16.5948 10.5 16.9168C10.5 17.2388 10.7613 17.5002 11.0833 17.5002H13.4167C17.598 17.5002 21 14.0982 21 9.91683C21 5.7355 17.598 2.3335 13.4167 2.3335H7.58333C3.402 2.3335 0 5.7355 0 9.91683C0 12.6153 1.4525 15.133 3.79167 16.4852C4.0705 16.6462 4.4275 16.5517 4.5885 16.2717C4.75067 15.994 4.655 15.6358 4.37617 15.4748L4.375 15.476Z",
|
|
2609
2642
|
fill: "currentColor"
|
|
2610
2643
|
}
|
|
2611
2644
|
) }),
|
|
2612
|
-
/* @__PURE__ */ (0,
|
|
2645
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("clipPath", { id: "clip0_link_accounts", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
|
|
2613
2646
|
]
|
|
2614
2647
|
})
|
|
2615
2648
|
);
|
|
@@ -2617,10 +2650,10 @@ var LinkAccountsIcon = (_a) => {
|
|
|
2617
2650
|
LinkAccountsIcon.displayName = "LinkAccountsIcon";
|
|
2618
2651
|
|
|
2619
2652
|
// src/primitives/icon/svg/lock.tsx
|
|
2620
|
-
var
|
|
2653
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
2621
2654
|
var LockIcon = (_a) => {
|
|
2622
2655
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2623
|
-
return /* @__PURE__ */ (0,
|
|
2656
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
|
|
2624
2657
|
"svg",
|
|
2625
2658
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2626
2659
|
viewBox: "0 0 12 12",
|
|
@@ -2629,15 +2662,15 @@ var LockIcon = (_a) => {
|
|
|
2629
2662
|
xmlns: "http://www.w3.org/2000/svg"
|
|
2630
2663
|
}, getIconA11yProps(title)), props), {
|
|
2631
2664
|
children: [
|
|
2632
|
-
title ? /* @__PURE__ */ (0,
|
|
2633
|
-
/* @__PURE__ */ (0,
|
|
2665
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("title", { children: title }) : null,
|
|
2666
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
2634
2667
|
"path",
|
|
2635
2668
|
{
|
|
2636
2669
|
d: "M9.5 4.212V3.5C9.5 2.57174 9.13125 1.6815 8.47487 1.02513C7.8185 0.368749 6.92826 0 6 0C5.07174 0 4.1815 0.368749 3.52513 1.02513C2.86875 1.6815 2.5 2.57174 2.5 3.5V4.212C2.05468 4.40635 1.67565 4.72626 1.40925 5.13261C1.14285 5.53895 1.00064 6.01412 1 6.5V9.5C1.00079 10.1628 1.26444 10.7982 1.73311 11.2669C2.20178 11.7356 2.8372 11.9992 3.5 12H8.5C9.1628 11.9992 9.79822 11.7356 10.2669 11.2669C10.7356 10.7982 10.9992 10.1628 11 9.5V6.5C10.9994 6.01412 10.8571 5.53895 10.5908 5.13261C10.3244 4.72626 9.94532 4.40635 9.5 4.212ZM3.5 3.5C3.5 2.83696 3.76339 2.20107 4.23223 1.73223C4.70107 1.26339 5.33696 1 6 1C6.66304 1 7.29893 1.26339 7.76777 1.73223C8.23661 2.20107 8.5 2.83696 8.5 3.5V4H3.5V3.5ZM10 9.5C10 9.89782 9.84196 10.2794 9.56066 10.5607C9.27936 10.842 8.89782 11 8.5 11H3.5C3.10218 11 2.72064 10.842 2.43934 10.5607C2.15804 10.2794 2 9.89782 2 9.5V6.5C2 6.10218 2.15804 5.72064 2.43934 5.43934C2.72064 5.15804 3.10218 5 3.5 5H8.5C8.89782 5 9.27936 5.15804 9.56066 5.43934C9.84196 5.72064 10 6.10218 10 6.5V9.5Z",
|
|
2637
2670
|
fill: "currentColor"
|
|
2638
2671
|
}
|
|
2639
2672
|
),
|
|
2640
|
-
/* @__PURE__ */ (0,
|
|
2673
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
2641
2674
|
"path",
|
|
2642
2675
|
{
|
|
2643
2676
|
d: "M6 7C5.86739 7 5.74021 7.05268 5.64645 7.14645C5.55268 7.24021 5.5 7.36739 5.5 7.5V8.5C5.5 8.63261 5.55268 8.75979 5.64645 8.85355C5.74021 8.94732 5.86739 9 6 9C6.13261 9 6.25979 8.94732 6.35355 8.85355C6.44732 8.75979 6.5 8.63261 6.5 8.5V7.5C6.5 7.36739 6.44732 7.24021 6.35355 7.14645C6.25979 7.05268 6.13261 7 6 7Z",
|
|
@@ -2651,10 +2684,10 @@ var LockIcon = (_a) => {
|
|
|
2651
2684
|
LockIcon.displayName = "LockIcon";
|
|
2652
2685
|
|
|
2653
2686
|
// src/primitives/icon/svg/pencil.tsx
|
|
2654
|
-
var
|
|
2687
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
2655
2688
|
var PencilIcon = (_a) => {
|
|
2656
2689
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2657
|
-
return /* @__PURE__ */ (0,
|
|
2690
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
|
|
2658
2691
|
"svg",
|
|
2659
2692
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2660
2693
|
viewBox: "0 0 16 16",
|
|
@@ -2662,15 +2695,15 @@ var PencilIcon = (_a) => {
|
|
|
2662
2695
|
fill: "none"
|
|
2663
2696
|
}, getIconA11yProps(title)), props), {
|
|
2664
2697
|
children: [
|
|
2665
|
-
title ? /* @__PURE__ */ (0,
|
|
2666
|
-
/* @__PURE__ */ (0,
|
|
2698
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("title", { children: title }) : null,
|
|
2699
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("g", { clipPath: "url(#pencil_clip)", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
2667
2700
|
"path",
|
|
2668
2701
|
{
|
|
2669
2702
|
d: "M15.2353 0.706709C14.7821 0.254173 14.1678 0 13.5273 0C12.8869 0 12.2726 0.254173 11.8193 0.706709L0.976677 11.5494C0.666178 11.8581 0.419985 12.2254 0.252342 12.6299C0.0846994 13.0344 -0.00106532 13.4682 9.98748e-06 13.906V15.2747C9.98748e-06 15.4515 0.0702479 15.6211 0.195272 15.7461C0.320296 15.8711 0.489866 15.9414 0.666677 15.9414H2.03534C2.47318 15.9426 2.90692 15.857 3.31145 15.6895C3.71597 15.5219 4.08325 15.2758 4.39201 14.9654L15.2353 4.12204C15.6877 3.66884 15.9417 3.05469 15.9417 2.41438C15.9417 1.77406 15.6877 1.15991 15.2353 0.706709ZM3.44934 14.0227C3.07335 14.3962 2.56532 14.6065 2.03534 14.608H1.33334V13.906C1.33267 13.6433 1.38411 13.3831 1.4847 13.1403C1.58529 12.8976 1.73302 12.6773 1.91934 12.492L10.148 4.26338L11.6813 5.79671L3.44934 14.0227ZM14.292 3.17938L12.6213 4.85071L11.088 3.32071L12.7593 1.64938C12.86 1.54891 12.9795 1.46927 13.111 1.41498C13.2424 1.3607 13.3833 1.33284 13.5255 1.33299C13.6678 1.33314 13.8086 1.36131 13.9399 1.41588C14.0712 1.47045 14.1905 1.55036 14.291 1.65104C14.3915 1.75172 14.4711 1.8712 14.5254 2.00266C14.5797 2.13413 14.6076 2.27499 14.6074 2.41722C14.6072 2.55945 14.5791 2.70025 14.5245 2.8316C14.4699 2.96294 14.39 3.08225 14.2893 3.18271L14.292 3.17938Z",
|
|
2670
2703
|
fill: "currentColor"
|
|
2671
2704
|
}
|
|
2672
2705
|
) }),
|
|
2673
|
-
/* @__PURE__ */ (0,
|
|
2706
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("clipPath", { id: "pencil_clip", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
2674
2707
|
]
|
|
2675
2708
|
})
|
|
2676
2709
|
);
|
|
@@ -2678,10 +2711,10 @@ var PencilIcon = (_a) => {
|
|
|
2678
2711
|
PencilIcon.displayName = "PencilIcon";
|
|
2679
2712
|
|
|
2680
2713
|
// src/primitives/icon/svg/play-square.tsx
|
|
2681
|
-
var
|
|
2714
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
2682
2715
|
var PlaySquareIcon = (_a) => {
|
|
2683
2716
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2684
|
-
return /* @__PURE__ */ (0,
|
|
2717
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
2685
2718
|
"svg",
|
|
2686
2719
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2687
2720
|
viewBox: "0 0 16 16",
|
|
@@ -2689,15 +2722,15 @@ var PlaySquareIcon = (_a) => {
|
|
|
2689
2722
|
fill: "none"
|
|
2690
2723
|
}, getIconA11yProps(title)), props), {
|
|
2691
2724
|
children: [
|
|
2692
|
-
title ? /* @__PURE__ */ (0,
|
|
2693
|
-
/* @__PURE__ */ (0,
|
|
2725
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("title", { children: title }) : null,
|
|
2726
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("g", { clipPath: "url(#play-square-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
2694
2727
|
"path",
|
|
2695
2728
|
{
|
|
2696
2729
|
d: "M12.6667 16H3.33333C2.4496 15.9989 1.60237 15.6474 0.97748 15.0225C0.352588 14.3976 0.00105857 13.5504 0 12.6667L0 3.33333C0.00105857 2.4496 0.352588 1.60237 0.97748 0.97748C1.60237 0.352588 2.4496 0.00105857 3.33333 0L12.6667 0C13.5504 0.00105857 14.3976 0.352588 15.0225 0.97748C15.6474 1.60237 15.9989 2.4496 16 3.33333V12.6667C15.9989 13.5504 15.6474 14.3976 15.0225 15.0225C14.3976 15.6474 13.5504 15.9989 12.6667 16ZM3.33333 1.33333C2.8029 1.33333 2.29419 1.54405 1.91912 1.91912C1.54405 2.29419 1.33333 2.8029 1.33333 3.33333V12.6667C1.33333 13.1971 1.54405 13.7058 1.91912 14.0809C2.29419 14.456 2.8029 14.6667 3.33333 14.6667H12.6667C13.1971 14.6667 13.7058 14.456 14.0809 14.0809C14.456 13.7058 14.6667 13.1971 14.6667 12.6667V3.33333C14.6667 2.8029 14.456 2.29419 14.0809 1.91912C13.7058 1.54405 13.1971 1.33333 12.6667 1.33333H3.33333ZM6.228 11.3367C5.95008 11.3357 5.67734 11.2615 5.43733 11.1213C5.20023 10.9856 5.00344 10.7894 4.86709 10.5526C4.73074 10.3159 4.65973 10.0472 4.66133 9.774V6.226C4.66111 5.95276 4.73274 5.68427 4.86905 5.44746C5.00537 5.21066 5.20156 5.01386 5.43794 4.87683C5.67433 4.73979 5.9426 4.66733 6.21584 4.66672C6.48907 4.6661 6.75767 4.73736 6.99467 4.87333L10.5133 6.63C10.7577 6.76194 10.9624 6.95685 11.1062 7.19452C11.2499 7.4322 11.3274 7.70399 11.3308 7.98172C11.3341 8.25946 11.2631 8.53303 11.1251 8.77408C10.9871 9.01514 10.7872 9.2149 10.546 9.35267L6.962 11.144C6.73847 11.2715 6.48533 11.3379 6.228 11.3367ZM6.21133 6.00333C6.17459 6.00332 6.13849 6.01298 6.10667 6.03133C6.07209 6.05056 6.0434 6.07884 6.02367 6.11313C6.00394 6.14743 5.99391 6.18644 5.99467 6.226V9.774C5.99489 9.81297 6.00525 9.85121 6.02473 9.88497C6.0442 9.91872 6.07212 9.94683 6.10574 9.96653C6.13936 9.98624 6.17753 9.99686 6.2165 9.99735C6.25547 9.99784 6.29389 9.98818 6.328 9.96933L9.912 8.17733C9.93869 8.15646 9.95992 8.12941 9.97385 8.09852C9.98779 8.06764 9.99401 8.03383 9.992 8C9.99284 7.96035 9.98277 7.92123 9.96291 7.8869C9.94304 7.85258 9.91413 7.82436 9.87933 7.80533L6.36333 6.04867C6.31749 6.02054 6.26509 6.00492 6.21133 6.00333Z",
|
|
2697
2730
|
fill: "currentColor"
|
|
2698
2731
|
}
|
|
2699
2732
|
) }),
|
|
2700
|
-
/* @__PURE__ */ (0,
|
|
2733
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("clipPath", { id: "play-square-clip", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
2701
2734
|
]
|
|
2702
2735
|
})
|
|
2703
2736
|
);
|
|
@@ -2705,10 +2738,10 @@ var PlaySquareIcon = (_a) => {
|
|
|
2705
2738
|
PlaySquareIcon.displayName = "PlaySquareIcon";
|
|
2706
2739
|
|
|
2707
2740
|
// src/primitives/icon/svg/quotes-warning.tsx
|
|
2708
|
-
var
|
|
2741
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
2709
2742
|
var QuotesWarningIcon = (_a) => {
|
|
2710
2743
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2711
|
-
return /* @__PURE__ */ (0,
|
|
2744
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
2712
2745
|
"svg",
|
|
2713
2746
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2714
2747
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2719,8 +2752,8 @@ var QuotesWarningIcon = (_a) => {
|
|
|
2719
2752
|
className
|
|
2720
2753
|
}, getIconA11yProps(title)), props), {
|
|
2721
2754
|
children: [
|
|
2722
|
-
title ? /* @__PURE__ */ (0,
|
|
2723
|
-
/* @__PURE__ */ (0,
|
|
2755
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("title", { children: title }) : null,
|
|
2756
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
2724
2757
|
"path",
|
|
2725
2758
|
{
|
|
2726
2759
|
d: "M17.25 21.75V9.75C17.25 9.33 17.58 9 18 9C18.42 9 18.75 9.33 18.75 9.75V21.75C18.75 22.17 18.42 22.5 18 22.5C17.58 22.5 17.25 22.17 17.25 21.75ZM18 25.5C17.175 25.5 16.5 26.175 16.5 27C16.5 27.825 17.175 28.5 18 28.5C18.825 28.5 19.5 27.825 19.5 27C19.5 26.175 18.825 25.5 18 25.5ZM35.415 30.105C34.455 31.95 32.43 33 29.85 33H6.15002C3.58502 33 1.54502 31.95 0.585023 30.105C-0.389977 28.245 -0.119977 25.8 1.30502 23.745L13.95 3.645C14.88 2.295 16.395 1.5 18 1.5C19.605 1.5 21.12 2.295 22.035 3.615L34.695 23.76C36.12 25.815 36.39 28.245 35.415 30.105ZM33.45 24.6C33.45 24.6 33.45 24.585 33.435 24.57L20.79 4.44C20.16 3.525 19.14 3 18 3C16.86 3 15.84 3.54 15.195 4.47L2.56502 24.57C1.44002 26.19 1.20002 28.035 1.92002 29.415C2.62502 30.765 4.12502 31.5 6.15002 31.5H29.865C31.89 31.5 33.39 30.765 34.095 29.415C34.815 28.05 34.575 26.205 33.465 24.6H33.45Z",
|
|
@@ -2734,10 +2767,10 @@ var QuotesWarningIcon = (_a) => {
|
|
|
2734
2767
|
QuotesWarningIcon.displayName = "QuotesWarningIcon";
|
|
2735
2768
|
|
|
2736
2769
|
// src/primitives/icon/svg/profile-about-tab.tsx
|
|
2737
|
-
var
|
|
2770
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
2738
2771
|
var ProfileAboutTabIcon = (_a) => {
|
|
2739
2772
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2740
|
-
return /* @__PURE__ */ (0,
|
|
2773
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
|
|
2741
2774
|
"svg",
|
|
2742
2775
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2743
2776
|
viewBox: "0 0 16 16",
|
|
@@ -2745,16 +2778,16 @@ var ProfileAboutTabIcon = (_a) => {
|
|
|
2745
2778
|
fill: "none"
|
|
2746
2779
|
}, getIconA11yProps(title)), props), {
|
|
2747
2780
|
children: [
|
|
2748
|
-
title ? /* @__PURE__ */ (0,
|
|
2749
|
-
/* @__PURE__ */ (0,
|
|
2750
|
-
/* @__PURE__ */ (0,
|
|
2781
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("title", { children: title }) : null,
|
|
2782
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("g", { clipPath: "url(#clip_profile_about_tab)", children: [
|
|
2783
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
2751
2784
|
"path",
|
|
2752
2785
|
{
|
|
2753
2786
|
d: "M12.6667 0H3.33333C2.4496 0.00105857 1.60237 0.352588 0.97748 0.97748C0.352588 1.60237 0.00105857 2.4496 0 3.33333L0 12.6667C0.00105857 13.5504 0.352588 14.3976 0.97748 15.0225C1.60237 15.6474 2.4496 15.9989 3.33333 16H12.6667C13.5504 15.9989 14.3976 15.6474 15.0225 15.0225C15.6474 14.3976 15.9989 13.5504 16 12.6667V3.33333C15.9989 2.4496 15.6474 1.60237 15.0225 0.97748C14.3976 0.352588 13.5504 0.00105857 12.6667 0ZM4.66667 14.6667V14C4.66667 13.1159 5.01786 12.2681 5.64298 11.643C6.2681 11.0179 7.11595 10.6667 8 10.6667C8.88406 10.6667 9.7319 11.0179 10.357 11.643C10.9821 12.2681 11.3333 13.1159 11.3333 14V14.6667H4.66667ZM14.6667 12.6667C14.6667 13.1971 14.456 13.7058 14.0809 14.0809C13.7058 14.456 13.1971 14.6667 12.6667 14.6667V14C12.6667 12.7623 12.175 11.5753 11.2998 10.7002C10.4247 9.825 9.23768 9.33333 8 9.33333C6.76232 9.33333 5.57534 9.825 4.70017 10.7002C3.825 11.5753 3.33333 12.7623 3.33333 14V14.6667C2.8029 14.6667 2.29419 14.456 1.91912 14.0809C1.54405 13.7058 1.33333 13.1971 1.33333 12.6667V3.33333C1.33333 2.8029 1.54405 2.29419 1.91912 1.91912C2.29419 1.54405 2.8029 1.33333 3.33333 1.33333H12.6667C13.1971 1.33333 13.7058 1.54405 14.0809 1.91912C14.456 2.29419 14.6667 2.8029 14.6667 3.33333V12.6667Z",
|
|
2754
2787
|
fill: "currentColor"
|
|
2755
2788
|
}
|
|
2756
2789
|
),
|
|
2757
|
-
/* @__PURE__ */ (0,
|
|
2790
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
2758
2791
|
"path",
|
|
2759
2792
|
{
|
|
2760
2793
|
d: "M8.00004 2.66669C7.47263 2.66669 6.95705 2.82308 6.51852 3.1161C6.07999 3.40912 5.7382 3.82559 5.53636 4.31286C5.33453 4.80013 5.28172 5.33631 5.38461 5.85359C5.48751 6.37088 5.74148 6.84603 6.11442 7.21897C6.48736 7.59191 6.96252 7.84589 7.4798 7.94878C7.99708 8.05167 8.53326 7.99887 9.02053 7.79703C9.5078 7.5952 9.92428 7.2534 10.2173 6.81487C10.5103 6.37634 10.6667 5.86077 10.6667 5.33335C10.6667 4.62611 10.3858 3.94783 9.88566 3.44774C9.38556 2.94764 8.70729 2.66669 8.00004 2.66669ZM8.00004 6.66669C7.73633 6.66669 7.47855 6.58849 7.25928 6.44198C7.04002 6.29547 6.86912 6.08723 6.7682 5.8436C6.66729 5.59996 6.64088 5.33187 6.69233 5.07323C6.74378 4.81459 6.87076 4.57701 7.05723 4.39054C7.2437 4.20407 7.48128 4.07709 7.73992 4.02564C7.99856 3.97419 8.26665 4.0006 8.51029 4.10151C8.75392 4.20243 8.96216 4.37333 9.10867 4.59259C9.25518 4.81186 9.33338 5.06965 9.33338 5.33335C9.33338 5.68698 9.1929 6.02611 8.94285 6.27616C8.6928 6.52621 8.35366 6.66669 8.00004 6.66669Z",
|
|
@@ -2762,7 +2795,7 @@ var ProfileAboutTabIcon = (_a) => {
|
|
|
2762
2795
|
}
|
|
2763
2796
|
)
|
|
2764
2797
|
] }),
|
|
2765
|
-
/* @__PURE__ */ (0,
|
|
2798
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("clipPath", { id: "clip_profile_about_tab", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
2766
2799
|
]
|
|
2767
2800
|
})
|
|
2768
2801
|
);
|
|
@@ -2770,7 +2803,7 @@ var ProfileAboutTabIcon = (_a) => {
|
|
|
2770
2803
|
ProfileAboutTabIcon.displayName = "ProfileAboutTabIcon";
|
|
2771
2804
|
|
|
2772
2805
|
// src/primitives/icon/svg/profile-accounts-wallets-tab.tsx
|
|
2773
|
-
var
|
|
2806
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
2774
2807
|
var ProfileAccountsWalletsTabIcon = (_a) => {
|
|
2775
2808
|
var _b = _a, {
|
|
2776
2809
|
title,
|
|
@@ -2779,7 +2812,7 @@ var ProfileAccountsWalletsTabIcon = (_a) => {
|
|
|
2779
2812
|
"title",
|
|
2780
2813
|
"className"
|
|
2781
2814
|
]);
|
|
2782
|
-
return /* @__PURE__ */ (0,
|
|
2815
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
2783
2816
|
"svg",
|
|
2784
2817
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2785
2818
|
viewBox: "0 0 16 16",
|
|
@@ -2787,15 +2820,15 @@ var ProfileAccountsWalletsTabIcon = (_a) => {
|
|
|
2787
2820
|
fill: "none"
|
|
2788
2821
|
}, getIconA11yProps(title)), props), {
|
|
2789
2822
|
children: [
|
|
2790
|
-
title ? /* @__PURE__ */ (0,
|
|
2791
|
-
/* @__PURE__ */ (0,
|
|
2823
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("title", { children: title }) : null,
|
|
2824
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("g", { clipPath: "url(#clip_profile_accounts_wallets_tab)", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
2792
2825
|
"path",
|
|
2793
2826
|
{
|
|
2794
2827
|
d: "M5 8.66667C4.40666 8.66667 3.82664 8.49072 3.33329 8.16108C2.83994 7.83143 2.45542 7.3629 2.22836 6.81472C2.0013 6.26654 1.94189 5.66334 2.05764 5.0814C2.1734 4.49945 2.45912 3.96491 2.87868 3.54535C3.29824 3.12579 3.83279 2.84007 4.41473 2.72431C4.99667 2.60856 5.59987 2.66797 6.14805 2.89503C6.69623 3.12209 7.16476 3.50661 7.49441 3.99996C7.82405 4.4933 8 5.07332 8 5.66667C7.99912 6.46205 7.68276 7.2246 7.12035 7.78701C6.55793 8.34943 5.79538 8.66579 5 8.66667ZM5 4C4.67036 4 4.34813 4.09775 4.07405 4.28089C3.79997 4.46402 3.58635 4.72432 3.4602 5.02886C3.33405 5.33341 3.30105 5.66852 3.36536 5.99182C3.42967 6.31512 3.5884 6.61209 3.82149 6.84518C4.05458 7.07827 4.35155 7.237 4.67485 7.30131C4.99815 7.36562 5.33326 7.33261 5.63781 7.20647C5.94235 7.08032 6.20265 6.8667 6.38578 6.59262C6.56892 6.31854 6.66667 5.9963 6.66667 5.66667C6.66667 5.22464 6.49107 4.80072 6.17851 4.48816C5.86595 4.1756 5.44203 4 5 4ZM10 15.3333V15C10 13.6739 9.47322 12.4021 8.53553 11.4645C7.59785 10.5268 6.32608 10 5 10C3.67392 10 2.40215 10.5268 1.46447 11.4645C0.526784 12.4021 0 13.6739 0 15L0 15.3333C0 15.5101 0.0702379 15.6797 0.195262 15.8047C0.320286 15.9298 0.489856 16 0.666667 16C0.843478 16 1.01305 15.9298 1.13807 15.8047C1.2631 15.6797 1.33333 15.5101 1.33333 15.3333V15C1.33333 14.0275 1.71964 13.0949 2.40728 12.4073C3.09491 11.7196 4.02754 11.3333 5 11.3333C5.97246 11.3333 6.90509 11.7196 7.59273 12.4073C8.28036 13.0949 8.66667 14.0275 8.66667 15V15.3333C8.66667 15.5101 8.73691 15.6797 8.86193 15.8047C8.98695 15.9298 9.15652 16 9.33333 16C9.51014 16 9.67971 15.9298 9.80474 15.8047C9.92976 15.6797 10 15.5101 10 15.3333ZM16 12C16 11.0991 15.7392 10.2175 15.2491 9.46158C14.7591 8.70565 14.0607 8.10772 13.2383 7.73998C12.4159 7.37223 11.5046 7.25039 10.6145 7.38916C9.72437 7.52793 8.89344 7.92137 8.222 8.522C8.15584 8.58013 8.10186 8.6508 8.06317 8.72991C8.02448 8.80903 8.00185 8.89502 7.99659 8.98293C7.99132 9.07085 8.00353 9.15893 8.0325 9.24209C8.06147 9.32526 8.10663 9.40186 8.16537 9.46748C8.22412 9.53309 8.29528 9.58642 8.37475 9.62437C8.45422 9.66232 8.54042 9.68416 8.62838 9.68861C8.71633 9.69306 8.8043 9.68004 8.88719 9.6503C8.97009 9.62055 9.04627 9.57469 9.11133 9.51534C9.59097 9.08641 10.1845 8.80548 10.8203 8.70644C11.456 8.6074 12.1069 8.69449 12.6943 8.9572C13.2816 9.21991 13.7804 9.647 14.1304 10.1869C14.4804 10.7269 14.6667 11.3566 14.6667 12C14.6667 12.1768 14.7369 12.3464 14.8619 12.4714C14.987 12.5964 15.1565 12.6667 15.3333 12.6667C15.5101 12.6667 15.6797 12.5964 15.8047 12.4714C15.9298 12.3464 16 12.1768 16 12ZM11.6667 6C11.0733 6 10.4933 5.82405 9.99996 5.49441C9.50661 5.16477 9.12209 4.69623 8.89503 4.14805C8.66796 3.59987 8.60855 2.99667 8.72431 2.41473C8.84007 1.83279 9.12579 1.29824 9.54535 0.878681C9.9649 0.459123 10.4995 0.173401 11.0814 0.0576455C11.6633 -0.0581102 12.2665 0.00129986 12.8147 0.228363C13.3629 0.455426 13.8314 0.839943 14.1611 1.33329C14.4907 1.82664 14.6667 2.40666 14.6667 3C14.6658 3.79538 14.3494 4.55793 13.787 5.12035C13.2246 5.68277 12.462 5.99912 11.6667 6ZM11.6667 1.33333C11.337 1.33333 11.0148 1.43108 10.7407 1.61422C10.4666 1.79735 10.253 2.05765 10.1269 2.3622C10.0007 2.66674 9.96772 3.00185 10.032 3.32515C10.0963 3.64845 10.2551 3.94543 10.4882 4.17851C10.7212 4.4116 11.0182 4.57033 11.3415 4.63464C11.6648 4.69895 11.9999 4.66595 12.3045 4.5398C12.609 4.41365 12.8693 4.20003 13.0525 3.92595C13.2356 3.65187 13.3333 3.32964 13.3333 3C13.3333 2.55797 13.1577 2.13405 12.8452 1.82149C12.5326 1.50893 12.1087 1.33333 11.6667 1.33333Z",
|
|
2795
2828
|
fill: "currentColor"
|
|
2796
2829
|
}
|
|
2797
2830
|
) }),
|
|
2798
|
-
/* @__PURE__ */ (0,
|
|
2831
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("clipPath", { id: "clip_profile_accounts_wallets_tab", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
2799
2832
|
]
|
|
2800
2833
|
})
|
|
2801
2834
|
);
|
|
@@ -2803,10 +2836,10 @@ var ProfileAccountsWalletsTabIcon = (_a) => {
|
|
|
2803
2836
|
ProfileAccountsWalletsTabIcon.displayName = "ProfileAccountsWalletsTabIcon";
|
|
2804
2837
|
|
|
2805
2838
|
// src/primitives/icon/svg/profile.tsx
|
|
2806
|
-
var
|
|
2839
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
2807
2840
|
var ProfileIcon = (_a) => {
|
|
2808
2841
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2809
|
-
return /* @__PURE__ */ (0,
|
|
2842
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
|
|
2810
2843
|
"svg",
|
|
2811
2844
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2812
2845
|
viewBox: "0 0 16 16",
|
|
@@ -2814,16 +2847,16 @@ var ProfileIcon = (_a) => {
|
|
|
2814
2847
|
fill: "none"
|
|
2815
2848
|
}, getIconA11yProps(title)), props), {
|
|
2816
2849
|
children: [
|
|
2817
|
-
title ? /* @__PURE__ */ (0,
|
|
2818
|
-
/* @__PURE__ */ (0,
|
|
2819
|
-
/* @__PURE__ */ (0,
|
|
2850
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("title", { children: title }) : null,
|
|
2851
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("g", { clipPath: "url(#profile-clip)", children: [
|
|
2852
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
2820
2853
|
"path",
|
|
2821
2854
|
{
|
|
2822
2855
|
d: "M8 8C8.79113 8 9.56448 7.76541 10.2223 7.32588C10.8801 6.88635 11.3928 6.26164 11.6955 5.53074C11.9983 4.79983 12.0775 3.99556 11.9231 3.21964C11.7688 2.44372 11.3878 1.73098 10.8284 1.17157C10.269 0.612165 9.55629 0.231202 8.78036 0.0768607C8.00444 -0.0774802 7.20017 0.00173314 6.46927 0.304484C5.73836 0.607234 5.11365 1.11992 4.67412 1.77772C4.2346 2.43552 4 3.20888 4 4C4.00106 5.06054 4.42283 6.07734 5.17274 6.82726C5.92266 7.57718 6.93946 7.99894 8 8ZM8 1.33334C8.52742 1.33334 9.04299 1.48973 9.48152 1.78275C9.92005 2.07577 10.2618 2.49224 10.4637 2.97951C10.6655 3.46678 10.7183 4.00296 10.6154 4.52024C10.5125 5.03753 10.2586 5.51268 9.88562 5.88562C9.51268 6.25856 9.03752 6.51254 8.52024 6.61543C8.00296 6.71832 7.46678 6.66551 6.97951 6.46368C6.49224 6.26185 6.07577 5.92005 5.78275 5.48152C5.48973 5.04299 5.33333 4.52742 5.33333 4C5.33333 3.29276 5.61428 2.61448 6.11438 2.11438C6.61448 1.61429 7.29276 1.33334 8 1.33334Z",
|
|
2823
2856
|
fill: "currentColor"
|
|
2824
2857
|
}
|
|
2825
2858
|
),
|
|
2826
|
-
/* @__PURE__ */ (0,
|
|
2859
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
2827
2860
|
"path",
|
|
2828
2861
|
{
|
|
2829
2862
|
d: "M8 9.33334C6.40924 9.33511 4.88414 9.96782 3.75931 11.0927C2.63447 12.2175 2.00176 13.7426 2 15.3333C2 15.5102 2.07024 15.6797 2.19526 15.8047C2.32029 15.9298 2.48986 16 2.66667 16C2.84348 16 3.01305 15.9298 3.13807 15.8047C3.2631 15.6797 3.33333 15.5102 3.33333 15.3333C3.33333 14.0957 3.825 12.9087 4.70017 12.0335C5.57534 11.1583 6.76232 10.6667 8 10.6667C9.23768 10.6667 10.4247 11.1583 11.2998 12.0335C12.175 12.9087 12.6667 14.0957 12.6667 15.3333C12.6667 15.5102 12.7369 15.6797 12.8619 15.8047C12.987 15.9298 13.1565 16 13.3333 16C13.5101 16 13.6797 15.9298 13.8047 15.8047C13.9298 15.6797 14 15.5102 14 15.3333C13.9982 13.7426 13.3655 12.2175 12.2407 11.0927C11.1159 9.96782 9.59076 9.33511 8 9.33334Z",
|
|
@@ -2831,7 +2864,7 @@ var ProfileIcon = (_a) => {
|
|
|
2831
2864
|
}
|
|
2832
2865
|
)
|
|
2833
2866
|
] }),
|
|
2834
|
-
/* @__PURE__ */ (0,
|
|
2867
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("clipPath", { id: "profile-clip", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
2835
2868
|
]
|
|
2836
2869
|
})
|
|
2837
2870
|
);
|
|
@@ -2839,10 +2872,10 @@ var ProfileIcon = (_a) => {
|
|
|
2839
2872
|
ProfileIcon.displayName = "ProfileIcon";
|
|
2840
2873
|
|
|
2841
2874
|
// src/primitives/icon/svg/recenter.tsx
|
|
2842
|
-
var
|
|
2875
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
2843
2876
|
var RecenterIcon = (_a) => {
|
|
2844
2877
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2845
|
-
return /* @__PURE__ */ (0,
|
|
2878
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
|
|
2846
2879
|
"svg",
|
|
2847
2880
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2848
2881
|
viewBox: "0 0 16 16",
|
|
@@ -2850,15 +2883,15 @@ var RecenterIcon = (_a) => {
|
|
|
2850
2883
|
fill: "none"
|
|
2851
2884
|
}, getIconA11yProps(title)), props), {
|
|
2852
2885
|
children: [
|
|
2853
|
-
title ? /* @__PURE__ */ (0,
|
|
2854
|
-
/* @__PURE__ */ (0,
|
|
2886
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("title", { children: title }) : null,
|
|
2887
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("g", { clipPath: "url(#recenter-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
2855
2888
|
"path",
|
|
2856
2889
|
{
|
|
2857
2890
|
d: "M16 8C16 8.36867 15.7013 8.66667 15.3333 8.66667H0.666667C0.298667 8.66667 0 8.36867 0 8C0 7.63133 0.298667 7.33333 0.666667 7.33333H15.3333C15.7013 7.33333 16 7.63133 16 8ZM7.05733 5.60933C7.31733 5.86933 7.65867 5.99933 8 5.99933C8.34133 5.99933 8.68267 5.86933 8.94267 5.60933L11.138 3.414C11.3987 3.15333 11.3987 2.732 11.138 2.47133C10.8773 2.21067 10.456 2.21067 10.1953 2.47133L8.66667 4V0.666667C8.66667 0.298 8.368 0 8 0C7.632 0 7.33333 0.298 7.33333 0.666667V4L5.80467 2.47133C5.544 2.21067 5.12267 2.21067 4.862 2.47133C4.60133 2.732 4.60133 3.15333 4.862 3.414L7.05733 5.60933ZM8.94267 10.3907C8.42333 9.87133 7.57667 9.87133 7.05733 10.3907L4.862 12.586C4.60133 12.8467 4.60133 13.268 4.862 13.5287C5.12267 13.7893 5.544 13.7893 5.80467 13.5287L7.33333 12V15.3333C7.33333 15.702 7.632 16 8 16C8.368 16 8.66667 15.702 8.66667 15.3333V12L10.1953 13.5287C10.3253 13.6587 10.496 13.724 10.6667 13.724C10.8373 13.724 11.008 13.6587 11.138 13.5287C11.3987 13.268 11.3987 12.8467 11.138 12.586L8.94267 10.3907Z",
|
|
2858
2891
|
fill: "currentColor"
|
|
2859
2892
|
}
|
|
2860
2893
|
) }),
|
|
2861
|
-
/* @__PURE__ */ (0,
|
|
2894
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("clipPath", { id: "recenter-clip", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
2862
2895
|
]
|
|
2863
2896
|
})
|
|
2864
2897
|
);
|
|
@@ -2866,10 +2899,10 @@ var RecenterIcon = (_a) => {
|
|
|
2866
2899
|
RecenterIcon.displayName = "RecenterIcon";
|
|
2867
2900
|
|
|
2868
2901
|
// src/primitives/icon/svg/revenue-alt.tsx
|
|
2869
|
-
var
|
|
2902
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
2870
2903
|
var RevenueAltIcon = (_a) => {
|
|
2871
2904
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2872
|
-
return /* @__PURE__ */ (0,
|
|
2905
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
2873
2906
|
"svg",
|
|
2874
2907
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2875
2908
|
viewBox: "0 0 20 20",
|
|
@@ -2877,8 +2910,8 @@ var RevenueAltIcon = (_a) => {
|
|
|
2877
2910
|
fill: "none"
|
|
2878
2911
|
}, getIconA11yProps(title)), props), {
|
|
2879
2912
|
children: [
|
|
2880
|
-
title ? /* @__PURE__ */ (0,
|
|
2881
|
-
/* @__PURE__ */ (0,
|
|
2913
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("title", { children: title }) : null,
|
|
2914
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
2882
2915
|
"path",
|
|
2883
2916
|
{
|
|
2884
2917
|
d: "M3 14V6M3 6L1.5 7.5M3 6L4.5 7.5M17 6V14M17 14L15.5 12.5M17 14L18.5 12.5",
|
|
@@ -2888,7 +2921,7 @@ var RevenueAltIcon = (_a) => {
|
|
|
2888
2921
|
strokeLinejoin: "round"
|
|
2889
2922
|
}
|
|
2890
2923
|
),
|
|
2891
|
-
/* @__PURE__ */ (0,
|
|
2924
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
2892
2925
|
"path",
|
|
2893
2926
|
{
|
|
2894
2927
|
d: "M10 5.5V14.5M12.5 7.4C12.5 6.55 11.38 5.86 10 5.86C8.62 5.86 7.5 6.55 7.5 7.4C7.5 8.25 8.62 8.94 10 8.94C11.38 8.94 12.5 9.63 12.5 10.48C12.5 11.33 11.38 12.02 10 12.02C8.62 12.02 7.5 11.33 7.5 10.48",
|
|
@@ -2905,10 +2938,10 @@ var RevenueAltIcon = (_a) => {
|
|
|
2905
2938
|
RevenueAltIcon.displayName = "RevenueAltIcon";
|
|
2906
2939
|
|
|
2907
2940
|
// src/primitives/icon/svg/search.tsx
|
|
2908
|
-
var
|
|
2941
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
2909
2942
|
var SearchIcon = (_a) => {
|
|
2910
2943
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2911
|
-
return /* @__PURE__ */ (0,
|
|
2944
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
|
|
2912
2945
|
"svg",
|
|
2913
2946
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2914
2947
|
viewBox: "0 0 16 16",
|
|
@@ -2917,8 +2950,8 @@ var SearchIcon = (_a) => {
|
|
|
2917
2950
|
className
|
|
2918
2951
|
}, getIconA11yProps(title)), props), {
|
|
2919
2952
|
children: [
|
|
2920
|
-
title ? /* @__PURE__ */ (0,
|
|
2921
|
-
/* @__PURE__ */ (0,
|
|
2953
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("title", { children: title }) : null,
|
|
2954
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
2922
2955
|
"path",
|
|
2923
2956
|
{
|
|
2924
2957
|
d: "M7.3335 12.3333C10.0949 12.3333 12.3335 10.0947 12.3335 7.33329C12.3335 4.57187 10.0949 2.33329 7.3335 2.33329C4.57208 2.33329 2.3335 4.57187 2.3335 7.33329C2.3335 10.0947 4.57208 12.3333 7.3335 12.3333Z",
|
|
@@ -2928,7 +2961,7 @@ var SearchIcon = (_a) => {
|
|
|
2928
2961
|
strokeLinejoin: "round"
|
|
2929
2962
|
}
|
|
2930
2963
|
),
|
|
2931
|
-
/* @__PURE__ */ (0,
|
|
2964
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
2932
2965
|
"path",
|
|
2933
2966
|
{
|
|
2934
2967
|
d: "M13.6668 13.6666L11.1667 11.1666",
|
|
@@ -2945,34 +2978,24 @@ var SearchIcon = (_a) => {
|
|
|
2945
2978
|
SearchIcon.displayName = "SearchIcon";
|
|
2946
2979
|
|
|
2947
2980
|
// src/primitives/icon/svg/shield-trust.tsx
|
|
2948
|
-
var
|
|
2981
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
2949
2982
|
var ShieldTrustIcon = (_a) => {
|
|
2950
2983
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2951
|
-
return /* @__PURE__ */ (0,
|
|
2984
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
|
|
2952
2985
|
"svg",
|
|
2953
2986
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2954
|
-
viewBox: "0 0
|
|
2987
|
+
viewBox: "0 0 14 14",
|
|
2955
2988
|
className,
|
|
2956
2989
|
fill: "none"
|
|
2957
2990
|
}, getIconA11yProps(title)), props), {
|
|
2958
2991
|
children: [
|
|
2959
|
-
title ? /* @__PURE__ */ (0,
|
|
2960
|
-
/* @__PURE__ */ (0,
|
|
2992
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("title", { children: title }) : null,
|
|
2993
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
2961
2994
|
"path",
|
|
2962
2995
|
{
|
|
2963
|
-
d: "
|
|
2996
|
+
d: "M13.4889 5.75648L12.2341 4.49998V3.49781C12.2341 2.53473 11.4513 1.75073 10.4894 1.75073H9.48835L8.2336 0.494813C7.57385 -0.164938 6.42469 -0.164938 5.76552 0.494813L4.51077 1.75073H3.50977C2.54727 1.75073 1.76502 2.53415 1.76502 3.49781V4.49998L0.509687 5.75648C-0.169896 6.43781 -0.169896 7.54556 0.509687 8.2269L1.76444 9.4834V10.4856C1.76444 11.4486 2.54727 12.2326 3.50919 12.2326H4.51019L5.76494 13.4886C6.09452 13.8181 6.53319 14.0001 6.99927 14.0001C7.46535 14.0001 7.90344 13.8181 8.23302 13.4886L9.48777 12.2326H10.4888C11.4513 12.2326 12.2335 11.4492 12.2335 10.4856V9.4834L13.4889 8.2269C14.1684 7.54556 14.1684 6.43781 13.4889 5.75648ZM10.6177 5.95656L7.66952 8.87031C7.31135 9.22615 6.83944 9.40465 6.3681 9.40465C5.89677 9.40465 5.42719 9.22673 5.06785 8.87206L3.55177 7.41431C3.3231 7.1874 3.32077 6.81873 3.54769 6.58948C3.77519 6.3614 4.14327 6.35848 4.3731 6.5854L5.8886 8.04256C6.15285 8.30448 6.58277 8.30506 6.8476 8.04256L9.79635 5.12823C10.0262 4.90073 10.3949 4.90306 10.6218 5.13231C10.8487 5.36156 10.8464 5.72965 10.6177 5.95656Z",
|
|
2964
2997
|
fill: "currentColor"
|
|
2965
2998
|
}
|
|
2966
|
-
),
|
|
2967
|
-
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
2968
|
-
"path",
|
|
2969
|
-
{
|
|
2970
|
-
d: "M5.5 8.2L7.2 9.9L10.8 6.3",
|
|
2971
|
-
stroke: "white",
|
|
2972
|
-
strokeWidth: "1.4",
|
|
2973
|
-
strokeLinecap: "round",
|
|
2974
|
-
strokeLinejoin: "round"
|
|
2975
|
-
}
|
|
2976
2999
|
)
|
|
2977
3000
|
]
|
|
2978
3001
|
})
|
|
@@ -2981,10 +3004,10 @@ var ShieldTrustIcon = (_a) => {
|
|
|
2981
3004
|
ShieldTrustIcon.displayName = "ShieldTrustIcon";
|
|
2982
3005
|
|
|
2983
3006
|
// src/primitives/icon/svg/sparkles-filled.tsx
|
|
2984
|
-
var
|
|
3007
|
+
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
2985
3008
|
var SparklesFilledIcon = (_a) => {
|
|
2986
3009
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2987
|
-
return /* @__PURE__ */ (0,
|
|
3010
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
|
|
2988
3011
|
"svg",
|
|
2989
3012
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2990
3013
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2995,15 +3018,15 @@ var SparklesFilledIcon = (_a) => {
|
|
|
2995
3018
|
className
|
|
2996
3019
|
}, getIconA11yProps(title)), props), {
|
|
2997
3020
|
children: [
|
|
2998
|
-
/* @__PURE__ */ (0,
|
|
3021
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("g", { clipPath: "url(#clip0_2028_8371)", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
2999
3022
|
"path",
|
|
3000
3023
|
{
|
|
3001
3024
|
d: "M13.0001 15.9999C12.8668 16 12.7366 15.9602 12.6262 15.8856C12.5158 15.8109 12.4303 15.705 12.3807 15.5813L11.8181 14.1726L10.4074 13.5786C10.2864 13.5252 10.1839 13.4372 10.1127 13.3256C10.0416 13.2141 10.0049 13.0841 10.0074 12.9518C10.0099 12.8196 10.0514 12.691 10.1267 12.5823C10.202 12.4735 10.3078 12.3894 10.4307 12.3406L11.8227 11.8133L12.3807 10.4186C12.4321 10.2967 12.5182 10.1927 12.6284 10.1195C12.7385 10.0464 12.8678 10.0074 13.0001 10.0074C13.1323 10.0074 13.2616 10.0464 13.3718 10.1195C13.482 10.1927 13.5681 10.2967 13.6194 10.4186L14.1801 11.8186L15.5801 12.3793C15.7022 12.4303 15.8065 12.5164 15.8799 12.6266C15.9532 12.7368 15.9923 12.8662 15.9923 12.9986C15.9923 13.131 15.9532 13.2604 15.8799 13.3706C15.8065 13.4808 15.7022 13.5668 15.5801 13.6179L14.1801 14.1786L13.6194 15.5786C13.5703 15.7028 13.4849 15.8093 13.3745 15.8845C13.2641 15.9596 13.1336 15.9998 13.0001 15.9999ZM6.66674 13.9999C6.37872 14.0034 6.09733 13.9135 5.86467 13.7437C5.63201 13.5739 5.46059 13.3333 5.37607 13.0579L4.30007 9.69326L0.92474 8.56393C0.652316 8.47287 0.415886 8.29758 0.249599 8.06337C0.0833117 7.82916 -0.00422421 7.54815 -0.000366007 7.26094C0.0034922 6.97372 0.0985448 6.69517 0.271063 6.46551C0.443581 6.23585 0.684635 6.06697 0.959407 5.98326L4.30807 4.9606L5.43607 1.59126C5.51994 1.31451 5.69343 1.07349 5.92924 0.906102C6.16505 0.738716 6.44981 0.654464 6.73874 0.666597C7.02681 0.666987 7.307 0.76066 7.53738 0.933596C7.76776 1.10653 7.93594 1.34943 8.01674 1.62593L9.03807 4.96926L12.3914 6.0426C12.6619 6.13332 12.897 6.30672 13.0636 6.53831C13.2302 6.7699 13.3198 7.04798 13.3198 7.33326C13.3198 7.61855 13.2302 7.89662 13.0636 8.12822C12.897 8.35981 12.6619 8.53321 12.3914 8.62393L9.03207 9.6986L7.95741 13.0579C7.87289 13.3333 7.70147 13.5739 7.46881 13.7437C7.23615 13.9135 6.95476 14.0034 6.66674 13.9999ZM13.6667 4.6666C13.5181 4.66659 13.3738 4.61693 13.2566 4.52549C13.1394 4.43406 13.0562 4.30609 13.0201 4.16193L12.7821 3.2086L11.8267 2.95193C11.6832 2.91335 11.5566 2.82788 11.4672 2.70911C11.3777 2.59033 11.3306 2.44507 11.3332 2.29641C11.3358 2.14776 11.388 2.00424 11.4815 1.88867C11.5751 1.7731 11.7046 1.69212 11.8494 1.6586L12.7827 1.44193L13.0201 0.504597C13.0562 0.360445 13.1395 0.232498 13.2566 0.141076C13.3738 0.0496542 13.5181 0 13.6667 0C13.8154 0 13.9597 0.0496542 14.0769 0.141076C14.194 0.232498 14.2773 0.360445 14.3134 0.504597L14.5494 1.44993L15.4947 1.6866C15.6389 1.72272 15.7668 1.80598 15.8583 1.92314C15.9497 2.0403 15.9993 2.18465 15.9993 2.33326C15.9993 2.48187 15.9497 2.62622 15.8583 2.74338C15.7668 2.86055 15.6389 2.9438 15.4947 2.97993L14.5494 3.2166L14.3134 4.16193C14.2773 4.30609 14.194 4.43406 14.0769 4.52549C13.9597 4.61693 13.8154 4.66659 13.6667 4.6666Z",
|
|
3002
3025
|
fill: "currentColor"
|
|
3003
3026
|
}
|
|
3004
3027
|
) }),
|
|
3005
|
-
/* @__PURE__ */ (0,
|
|
3006
|
-
/* @__PURE__ */ (0,
|
|
3028
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("defs", { children: [
|
|
3029
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
|
|
3007
3030
|
"linearGradient",
|
|
3008
3031
|
{
|
|
3009
3032
|
id: "paint0_linear_2028_8371",
|
|
@@ -3013,12 +3036,12 @@ var SparklesFilledIcon = (_a) => {
|
|
|
3013
3036
|
y2: "7.99997",
|
|
3014
3037
|
gradientUnits: "userSpaceOnUse",
|
|
3015
3038
|
children: [
|
|
3016
|
-
/* @__PURE__ */ (0,
|
|
3017
|
-
/* @__PURE__ */ (0,
|
|
3039
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("stop", { stopColor: "currentColor" }),
|
|
3040
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("stop", { offset: "1", stopColor: "currentColor" })
|
|
3018
3041
|
]
|
|
3019
3042
|
}
|
|
3020
3043
|
),
|
|
3021
|
-
/* @__PURE__ */ (0,
|
|
3044
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("clipPath", { id: "clip0_2028_8371", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("rect", { width: "16", height: "16", fill: "white" }) })
|
|
3022
3045
|
] })
|
|
3023
3046
|
]
|
|
3024
3047
|
})
|
|
@@ -3027,10 +3050,10 @@ var SparklesFilledIcon = (_a) => {
|
|
|
3027
3050
|
SparklesFilledIcon.displayName = "SparklesFilledIcon";
|
|
3028
3051
|
|
|
3029
3052
|
// src/primitives/icon/svg/stay-in-control.tsx
|
|
3030
|
-
var
|
|
3053
|
+
var import_jsx_runtime70 = require("react/jsx-runtime");
|
|
3031
3054
|
var StayInControlIcon = (_a) => {
|
|
3032
3055
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3033
|
-
return /* @__PURE__ */ (0,
|
|
3056
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
|
|
3034
3057
|
"svg",
|
|
3035
3058
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3036
3059
|
width: "28",
|
|
@@ -3041,16 +3064,16 @@ var StayInControlIcon = (_a) => {
|
|
|
3041
3064
|
className
|
|
3042
3065
|
}, getIconA11yProps(title)), props), {
|
|
3043
3066
|
children: [
|
|
3044
|
-
title ? /* @__PURE__ */ (0,
|
|
3045
|
-
/* @__PURE__ */ (0,
|
|
3046
|
-
/* @__PURE__ */ (0,
|
|
3067
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("title", { children: title }) : null,
|
|
3068
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("g", { clipPath: "url(#clip0_stay_in_control)", children: [
|
|
3069
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
3047
3070
|
"path",
|
|
3048
3071
|
{
|
|
3049
3072
|
d: "M14 27.9406C13.9102 27.9406 13.8215 27.9196 13.7387 27.8788L13.2428 27.6314C10.6832 26.3504 2.32983 21.5753 2.32983 13.8648L2.33217 7.62776C2.33217 5.36093 3.77767 3.35776 5.93017 2.64493L13.8168 0.0292617C13.9358 -0.010405 14.0653 -0.010405 14.1832 0.0292617L22.0687 2.64376C24.2212 3.35776 25.6667 5.36093 25.6667 7.6266L25.6632 13.8636C25.6632 22.6113 17.2958 26.6584 14.7315 27.6909L14.217 27.8974C14.147 27.9254 14.0723 27.9394 13.9988 27.9394L14 27.9406ZM14 1.19826L6.29767 3.7521C4.6235 4.30743 3.5 5.86493 3.5 7.62776L3.49767 13.8648C3.49767 20.9056 11.3563 25.3844 13.7655 26.5884L14.0268 26.7191L14.2975 26.6106C16.6903 25.6481 24.4977 21.8833 24.4977 13.8659L24.5012 7.62893C24.5012 5.8661 23.3765 4.3086 21.7035 3.75326L14 1.19826Z",
|
|
3050
3073
|
fill: "currentColor"
|
|
3051
3074
|
}
|
|
3052
3075
|
),
|
|
3053
|
-
/* @__PURE__ */ (0,
|
|
3076
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
3054
3077
|
"path",
|
|
3055
3078
|
{
|
|
3056
3079
|
d: "M12.8112 17.5001C12.0633 17.5001 11.3155 17.2154 10.7462 16.6461L7.18083 13.2569C6.94749 13.0352 6.93816 12.6654 7.15983 12.4321C7.38149 12.1999 7.75016 12.1894 7.98466 12.4111L11.5605 15.8107C12.2535 16.5026 13.363 16.5037 14.0455 15.8212L20.5928 9.49791C20.8262 9.27508 21.196 9.28208 21.4177 9.51308C21.6417 9.74408 21.6358 10.1139 21.4037 10.3379L14.8622 16.6542C14.2987 17.2177 13.5543 17.5012 12.81 17.5012L12.8112 17.5001Z",
|
|
@@ -3058,7 +3081,7 @@ var StayInControlIcon = (_a) => {
|
|
|
3058
3081
|
}
|
|
3059
3082
|
)
|
|
3060
3083
|
] }),
|
|
3061
|
-
/* @__PURE__ */ (0,
|
|
3084
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("clipPath", { id: "clip0_stay_in_control", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
|
|
3062
3085
|
]
|
|
3063
3086
|
})
|
|
3064
3087
|
);
|
|
@@ -3066,10 +3089,10 @@ var StayInControlIcon = (_a) => {
|
|
|
3066
3089
|
StayInControlIcon.displayName = "StayInControlIcon";
|
|
3067
3090
|
|
|
3068
3091
|
// src/primitives/icon/svg/success-check.tsx
|
|
3069
|
-
var
|
|
3092
|
+
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
3070
3093
|
var SuccessCheckIcon = (_a) => {
|
|
3071
3094
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3072
|
-
return /* @__PURE__ */ (0,
|
|
3095
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
3073
3096
|
"svg",
|
|
3074
3097
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3075
3098
|
width: "24",
|
|
@@ -3080,8 +3103,8 @@ var SuccessCheckIcon = (_a) => {
|
|
|
3080
3103
|
className
|
|
3081
3104
|
}, getIconA11yProps(title)), props), {
|
|
3082
3105
|
children: [
|
|
3083
|
-
title ? /* @__PURE__ */ (0,
|
|
3084
|
-
/* @__PURE__ */ (0,
|
|
3106
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("title", { children: title }) : null,
|
|
3107
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
3085
3108
|
"path",
|
|
3086
3109
|
{
|
|
3087
3110
|
d: "M7.74919 20.6626C7.06793 20.6629 6.41457 20.3921 5.93325 19.91L0.443061 14.4219C-0.147687 13.8309 -0.147687 12.873 0.443061 12.2821C1.034 11.6913 1.99191 11.6913 2.58284 12.2821L7.74919 17.4484L21.4172 3.78046C22.0081 3.18972 22.966 3.18972 23.5569 3.78046C24.1477 4.3714 24.1477 5.32931 23.5569 5.92024L9.56513 19.91C9.08381 20.3921 8.43045 20.6629 7.74919 20.6626Z",
|
|
@@ -3095,10 +3118,10 @@ var SuccessCheckIcon = (_a) => {
|
|
|
3095
3118
|
SuccessCheckIcon.displayName = "SuccessCheckIcon";
|
|
3096
3119
|
|
|
3097
3120
|
// src/primitives/icon/svg/telegram.tsx
|
|
3098
|
-
var
|
|
3121
|
+
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
3099
3122
|
var TelegramIcon = (_a) => {
|
|
3100
3123
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3101
|
-
return /* @__PURE__ */ (0,
|
|
3124
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
|
|
3102
3125
|
"svg",
|
|
3103
3126
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3104
3127
|
viewBox: "0 0 20 20",
|
|
@@ -3106,8 +3129,8 @@ var TelegramIcon = (_a) => {
|
|
|
3106
3129
|
fill: "none"
|
|
3107
3130
|
}, getIconA11yProps(title)), props), {
|
|
3108
3131
|
children: [
|
|
3109
|
-
title ? /* @__PURE__ */ (0,
|
|
3110
|
-
/* @__PURE__ */ (0,
|
|
3132
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("title", { children: title }) : null,
|
|
3133
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)("g", { clipPath: "url(#clip0_telegram)", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
|
|
3111
3134
|
"path",
|
|
3112
3135
|
{
|
|
3113
3136
|
fillRule: "evenodd",
|
|
@@ -3116,7 +3139,7 @@ var TelegramIcon = (_a) => {
|
|
|
3116
3139
|
fill: "currentColor"
|
|
3117
3140
|
}
|
|
3118
3141
|
) }),
|
|
3119
|
-
/* @__PURE__ */ (0,
|
|
3142
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("clipPath", { id: "clip0_telegram", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("rect", { width: "20", height: "20", fill: "white" }) }) })
|
|
3120
3143
|
]
|
|
3121
3144
|
})
|
|
3122
3145
|
);
|
|
@@ -3124,10 +3147,10 @@ var TelegramIcon = (_a) => {
|
|
|
3124
3147
|
TelegramIcon.displayName = "TelegramIcon";
|
|
3125
3148
|
|
|
3126
3149
|
// src/primitives/icon/svg/triangle-down.tsx
|
|
3127
|
-
var
|
|
3150
|
+
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
3128
3151
|
var TriangleDownIcon = (_a) => {
|
|
3129
3152
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3130
|
-
return /* @__PURE__ */ (0,
|
|
3153
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
|
|
3131
3154
|
"svg",
|
|
3132
3155
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3133
3156
|
viewBox: "0 0 8 8",
|
|
@@ -3135,16 +3158,16 @@ var TriangleDownIcon = (_a) => {
|
|
|
3135
3158
|
fill: "none"
|
|
3136
3159
|
}, getIconA11yProps(title)), props), {
|
|
3137
3160
|
children: [
|
|
3138
|
-
title ? /* @__PURE__ */ (0,
|
|
3139
|
-
/* @__PURE__ */ (0,
|
|
3140
|
-
/* @__PURE__ */ (0,
|
|
3161
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("title", { children: title }) : null,
|
|
3162
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("g", { transform: "scale(1,-1) translate(0,-8)", clipPath: "url(#triangle_up)", children: [
|
|
3163
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
3141
3164
|
"path",
|
|
3142
3165
|
{
|
|
3143
3166
|
d: "M3.99989 1.6805L6.23917 6.72896H1.76061L3.99989 1.6805ZM3.99989 0.366097C3.87788 0.36535 3.75832 0.400347 3.65596 0.466768C3.55361 0.53319 3.47295 0.628129 3.42393 0.739866L0.362237 7.63838H7.63755L4.57737 0.739866C4.52825 0.62789 4.44735 0.532789 4.3447 0.46635C4.24205 0.39991 4.12216 0.365052 3.99989 0.366097Z",
|
|
3144
3167
|
fill: "currentColor"
|
|
3145
3168
|
}
|
|
3146
3169
|
),
|
|
3147
|
-
/* @__PURE__ */ (0,
|
|
3170
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
3148
3171
|
"path",
|
|
3149
3172
|
{
|
|
3150
3173
|
d: "M4.00167 0.00284122C4.19344 0.00214978 4.38147 0.0566837 4.54252 0.160923C4.70445 0.265758 4.83154 0.416026 4.90931 0.592539L7.9697 7.4913L8.19705 8.00195H-0.197266L3.09048 0.593427C3.16804 0.41669 3.29625 0.26688 3.45815 0.161811C3.61872 0.0576301 3.80589 0.00261591 3.99723 0.00284122H3.99989L4.00256 0.00195312L4.00167 0.00284122ZM3.99989 0.366097C3.87788 0.36535 3.75832 0.400347 3.65596 0.466768L3.58337 0.521491C3.51516 0.581467 3.46071 0.656022 3.42393 0.739866L0.362237 7.63838H7.63755L4.57737 0.739866C4.54053 0.655873 4.48567 0.581521 4.4173 0.521491L4.3447 0.46635C4.24205 0.39991 4.12216 0.365052 3.99989 0.366097ZM6.23917 6.72896H1.76061L3.99989 1.6805L6.23917 6.72896ZM2.31961 6.36519H5.68018L3.99989 2.57655L2.31961 6.36519Z",
|
|
@@ -3152,7 +3175,7 @@ var TriangleDownIcon = (_a) => {
|
|
|
3152
3175
|
}
|
|
3153
3176
|
)
|
|
3154
3177
|
] }),
|
|
3155
|
-
/* @__PURE__ */ (0,
|
|
3178
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("clipPath", { id: "triangle_up", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("rect", { width: "8", height: "8", fill: "white" }) }) })
|
|
3156
3179
|
]
|
|
3157
3180
|
})
|
|
3158
3181
|
);
|
|
@@ -3160,10 +3183,10 @@ var TriangleDownIcon = (_a) => {
|
|
|
3160
3183
|
TriangleDownIcon.displayName = "TriangleDownIcon";
|
|
3161
3184
|
|
|
3162
3185
|
// src/primitives/icon/svg/triangle-up.tsx
|
|
3163
|
-
var
|
|
3186
|
+
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
3164
3187
|
var TriangleUpIcon = (_a) => {
|
|
3165
3188
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3166
|
-
return /* @__PURE__ */ (0,
|
|
3189
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
|
|
3167
3190
|
"svg",
|
|
3168
3191
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3169
3192
|
viewBox: "0 0 8 8",
|
|
@@ -3171,16 +3194,16 @@ var TriangleUpIcon = (_a) => {
|
|
|
3171
3194
|
fill: "none"
|
|
3172
3195
|
}, getIconA11yProps(title)), props), {
|
|
3173
3196
|
children: [
|
|
3174
|
-
title ? /* @__PURE__ */ (0,
|
|
3175
|
-
/* @__PURE__ */ (0,
|
|
3176
|
-
/* @__PURE__ */ (0,
|
|
3197
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("title", { children: title }) : null,
|
|
3198
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("g", { clipPath: "url(#triangle_up)", children: [
|
|
3199
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
3177
3200
|
"path",
|
|
3178
3201
|
{
|
|
3179
3202
|
d: "M3.99989 1.6805L6.23917 6.72896H1.76061L3.99989 1.6805ZM3.99989 0.366097C3.87788 0.36535 3.75832 0.400347 3.65596 0.466768C3.55361 0.53319 3.47295 0.628129 3.42393 0.739866L0.362237 7.63838H7.63755L4.57737 0.739866C4.52825 0.62789 4.44735 0.532789 4.3447 0.46635C4.24205 0.39991 4.12216 0.365052 3.99989 0.366097Z",
|
|
3180
3203
|
fill: "currentColor"
|
|
3181
3204
|
}
|
|
3182
3205
|
),
|
|
3183
|
-
/* @__PURE__ */ (0,
|
|
3206
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
3184
3207
|
"path",
|
|
3185
3208
|
{
|
|
3186
3209
|
d: "M4.00167 0.00284122C4.19344 0.00214978 4.38147 0.0566837 4.54252 0.160923C4.70445 0.265758 4.83154 0.416026 4.90931 0.592539L7.9697 7.4913L8.19705 8.00195H-0.197266L3.09048 0.593427C3.16804 0.41669 3.29625 0.26688 3.45815 0.161811C3.61872 0.0576301 3.80589 0.00261591 3.99723 0.00284122H3.99989L4.00256 0.00195312L4.00167 0.00284122ZM3.99989 0.366097C3.87788 0.36535 3.75832 0.400347 3.65596 0.466768L3.58337 0.521491C3.51516 0.581467 3.46071 0.656022 3.42393 0.739866L0.362237 7.63838H7.63755L4.57737 0.739866C4.54053 0.655873 4.48567 0.581521 4.4173 0.521491L4.3447 0.46635C4.24205 0.39991 4.12216 0.365052 3.99989 0.366097ZM6.23917 6.72896H1.76061L3.99989 1.6805L6.23917 6.72896ZM2.31961 6.36519H5.68018L3.99989 2.57655L2.31961 6.36519Z",
|
|
@@ -3188,7 +3211,7 @@ var TriangleUpIcon = (_a) => {
|
|
|
3188
3211
|
}
|
|
3189
3212
|
)
|
|
3190
3213
|
] }),
|
|
3191
|
-
/* @__PURE__ */ (0,
|
|
3214
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("clipPath", { id: "triangle_up", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("rect", { width: "8", height: "8", fill: "white" }) }) })
|
|
3192
3215
|
]
|
|
3193
3216
|
})
|
|
3194
3217
|
);
|
|
@@ -3196,10 +3219,10 @@ var TriangleUpIcon = (_a) => {
|
|
|
3196
3219
|
TriangleUpIcon.displayName = "TriangleUpIcon";
|
|
3197
3220
|
|
|
3198
3221
|
// src/primitives/icon/svg/triangle-up-filled.tsx
|
|
3199
|
-
var
|
|
3222
|
+
var import_jsx_runtime75 = require("react/jsx-runtime");
|
|
3200
3223
|
var TriangleUpFilledIcon = (_a) => {
|
|
3201
3224
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3202
|
-
return /* @__PURE__ */ (0,
|
|
3225
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
|
|
3203
3226
|
"svg",
|
|
3204
3227
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3205
3228
|
viewBox: "0 0 8 8",
|
|
@@ -3207,8 +3230,8 @@ var TriangleUpFilledIcon = (_a) => {
|
|
|
3207
3230
|
fill: "none"
|
|
3208
3231
|
}, getIconA11yProps(title)), props), {
|
|
3209
3232
|
children: [
|
|
3210
|
-
title ? /* @__PURE__ */ (0,
|
|
3211
|
-
/* @__PURE__ */ (0,
|
|
3233
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("title", { children: title }) : null,
|
|
3234
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
3212
3235
|
"path",
|
|
3213
3236
|
{
|
|
3214
3237
|
d: "M6.67873 8.00001H1.3214C1.09613 8.00053 0.874481 7.94332 0.677605 7.83384C0.480728 7.72435 0.315192 7.56625 0.196788 7.3746C0.0783848 7.18296 0.0110649 6.96417 0.00125164 6.73911C-0.0085616 6.51405 0.0394592 6.29023 0.140732 6.08901L2.81973 0.729677C2.92186 0.523193 3.0766 0.347273 3.26837 0.219641C3.46014 0.0920097 3.68216 0.0171748 3.91207 0.00267686C4.17147 -0.013831 4.43 0.0462826 4.6555 0.175542C4.88101 0.3048 5.06354 0.497501 5.1804 0.729677L7.8594 6.08901C7.96008 6.2903 8.00764 6.51398 7.99756 6.73881C7.98748 6.96365 7.92009 7.18218 7.8018 7.37365C7.68351 7.56512 7.51823 7.72317 7.32167 7.83279C7.12511 7.94242 6.90379 7.99998 6.67873 8.00001Z",
|
|
@@ -3222,10 +3245,10 @@ var TriangleUpFilledIcon = (_a) => {
|
|
|
3222
3245
|
TriangleUpFilledIcon.displayName = "TriangleUpFilledIcon";
|
|
3223
3246
|
|
|
3224
3247
|
// src/primitives/icon/svg/twitter.tsx
|
|
3225
|
-
var
|
|
3248
|
+
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
3226
3249
|
var TwitterIcon = (_a) => {
|
|
3227
3250
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3228
|
-
return /* @__PURE__ */ (0,
|
|
3251
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
|
|
3229
3252
|
"svg",
|
|
3230
3253
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3231
3254
|
viewBox: "0 0 24 24",
|
|
@@ -3233,8 +3256,8 @@ var TwitterIcon = (_a) => {
|
|
|
3233
3256
|
fill: "none"
|
|
3234
3257
|
}, getIconA11yProps(title)), props), {
|
|
3235
3258
|
children: [
|
|
3236
|
-
title ? /* @__PURE__ */ (0,
|
|
3237
|
-
/* @__PURE__ */ (0,
|
|
3259
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("title", { children: title }) : null,
|
|
3260
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
3238
3261
|
"path",
|
|
3239
3262
|
{
|
|
3240
3263
|
d: "M18.325 2H21.7002L14.3283 10.4233L23 21.8871H16.2121L10.8918 14.936L4.81058 21.8871H1.42992L9.31325 12.8753L1 2H7.96025L12.7645 8.35342L18.325 2ZM17.1398 19.8695H19.0088L6.94183 3.91217H4.93433L17.1398 19.8695Z",
|
|
@@ -3248,10 +3271,10 @@ var TwitterIcon = (_a) => {
|
|
|
3248
3271
|
TwitterIcon.displayName = "TwitterIcon";
|
|
3249
3272
|
|
|
3250
3273
|
// src/primitives/icon/svg/upload.tsx
|
|
3251
|
-
var
|
|
3274
|
+
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
3252
3275
|
var UploadIcon = (_a) => {
|
|
3253
3276
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3254
|
-
return /* @__PURE__ */ (0,
|
|
3277
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
3255
3278
|
"svg",
|
|
3256
3279
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3257
3280
|
viewBox: "0 0 16 16",
|
|
@@ -3259,16 +3282,16 @@ var UploadIcon = (_a) => {
|
|
|
3259
3282
|
fill: "none"
|
|
3260
3283
|
}, getIconA11yProps(title)), props), {
|
|
3261
3284
|
children: [
|
|
3262
|
-
title ? /* @__PURE__ */ (0,
|
|
3263
|
-
/* @__PURE__ */ (0,
|
|
3264
|
-
/* @__PURE__ */ (0,
|
|
3285
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("title", { children: title }) : null,
|
|
3286
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("g", { clipPath: "url(#upload-clip)", children: [
|
|
3287
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
3265
3288
|
"path",
|
|
3266
3289
|
{
|
|
3267
3290
|
d: "M7.33755 1.71857L7.33288 12.0106C7.33288 12.1874 7.40312 12.357 7.52814 12.482C7.65317 12.607 7.82274 12.6772 7.99955 12.6772C8.17636 12.6772 8.34593 12.607 8.47095 12.482C8.59598 12.357 8.66621 12.1874 8.66621 12.0106L8.67088 1.7299L10.6122 3.6719C10.7372 3.79688 10.9068 3.86709 11.0835 3.86709C11.2603 3.86709 11.4299 3.79688 11.5549 3.6719C11.6799 3.54689 11.7501 3.37735 11.7501 3.20057C11.7501 3.02379 11.6799 2.85426 11.5549 2.72924L9.41421 0.585904C9.22848 0.400051 9.00795 0.252617 8.76521 0.152028C8.52248 0.0514383 8.2623 -0.000335693 7.99955 -0.000335693C7.7368 -0.000335693 7.47662 0.0514383 7.23388 0.152028C6.99115 0.252617 6.77061 0.400051 6.58488 0.585904L4.44421 2.72724C4.31923 2.85226 4.24902 3.02179 4.24902 3.19857C4.24902 3.37535 4.31923 3.54489 4.44421 3.6699C4.56923 3.79488 4.73877 3.86509 4.91555 3.86509C5.09232 3.86509 5.26186 3.79488 5.38688 3.6699L7.33755 1.71857Z",
|
|
3268
3291
|
fill: "currentColor"
|
|
3269
3292
|
}
|
|
3270
3293
|
),
|
|
3271
|
-
/* @__PURE__ */ (0,
|
|
3294
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
3272
3295
|
"path",
|
|
3273
3296
|
{
|
|
3274
3297
|
d: "M14.6667 11.3333V14C14.6667 14.1768 14.5964 14.3464 14.4714 14.4714C14.3464 14.5964 14.1768 14.6667 14 14.6667H2C1.82319 14.6667 1.65362 14.5964 1.5286 14.4714C1.40357 14.3464 1.33333 14.1768 1.33333 14V11.3333C1.33333 11.1565 1.2631 10.9869 1.13807 10.8619C1.01305 10.7369 0.843478 10.6667 0.666667 10.6667C0.489856 10.6667 0.320286 10.7369 0.195262 10.8619C0.0702379 10.9869 0 11.1565 0 11.3333L0 14C0 14.5304 0.210714 15.0391 0.585786 15.4142C0.960859 15.7893 1.46957 16 2 16H14C14.5304 16 15.0391 15.7893 15.4142 15.4142C15.7893 15.0391 16 14.5304 16 14V11.3333C16 11.1565 15.9298 10.9869 15.8047 10.8619C15.6797 10.7369 15.5101 10.6667 15.3333 10.6667C15.1565 10.6667 14.987 10.7369 14.8619 10.8619C14.7369 10.9869 14.6667 11.1565 14.6667 11.3333Z",
|
|
@@ -3276,7 +3299,7 @@ var UploadIcon = (_a) => {
|
|
|
3276
3299
|
}
|
|
3277
3300
|
)
|
|
3278
3301
|
] }),
|
|
3279
|
-
/* @__PURE__ */ (0,
|
|
3302
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("clipPath", { id: "upload-clip", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
3280
3303
|
]
|
|
3281
3304
|
})
|
|
3282
3305
|
);
|
|
@@ -3284,10 +3307,10 @@ var UploadIcon = (_a) => {
|
|
|
3284
3307
|
UploadIcon.displayName = "UploadIcon";
|
|
3285
3308
|
|
|
3286
3309
|
// src/primitives/icon/svg/user-trust.tsx
|
|
3287
|
-
var
|
|
3310
|
+
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
3288
3311
|
var UserTrustIcon = (_a) => {
|
|
3289
3312
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3290
|
-
return /* @__PURE__ */ (0,
|
|
3313
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
3291
3314
|
"svg",
|
|
3292
3315
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3293
3316
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3296,15 +3319,15 @@ var UserTrustIcon = (_a) => {
|
|
|
3296
3319
|
className
|
|
3297
3320
|
}, getIconA11yProps(title)), props), {
|
|
3298
3321
|
children: [
|
|
3299
|
-
title ? /* @__PURE__ */ (0,
|
|
3300
|
-
/* @__PURE__ */ (0,
|
|
3322
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("title", { children: title }) : null,
|
|
3323
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("g", { clipPath: "url(#clip0_user_trust)", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
3301
3324
|
"path",
|
|
3302
3325
|
{
|
|
3303
3326
|
d: "M22.5 30C14.2275 30 7.5 23.2725 7.5 15C7.5 6.7275 14.2275 0 22.5 0C30.7725 0 37.5 6.7275 37.5 15C37.5 23.2725 30.7725 30 22.5 30ZM22.5 2.5C15.6075 2.5 10 8.1075 10 15C10 21.8925 15.6075 27.5 22.5 27.5C29.3925 27.5 35 21.8925 35 15C35 8.1075 29.3925 2.5 22.5 2.5ZM2.5 58.75V57.5C2.5 46.9175 10.7675 38.1475 21.3225 37.535C22.0125 37.495 22.5375 36.905 22.4975 36.215C22.4575 35.5275 21.87 34.96 21.1775 35.04C9.3025 35.7275 0 45.5925 0 57.5V58.75C0 59.44 0.56 60 1.25 60C1.94 60 2.5 59.44 2.5 58.75ZM43.75 60C34.79 60 27.5 52.71 27.5 43.75C27.5 34.79 34.79 27.5 43.75 27.5C52.71 27.5 60 34.79 60 43.75C60 52.71 52.71 60 43.75 60ZM43.75 30C36.1675 30 30 36.17 30 43.75C30 51.33 36.1675 57.5 43.75 57.5C51.3325 57.5 57.5 51.33 57.5 43.75C57.5 36.17 51.3325 30 43.75 30ZM45.3375 48.66L52.095 42.125C52.59 41.645 52.605 40.8525 52.125 40.3575C51.6475 39.8625 50.8575 39.85 50.3575 40.3275L43.5925 46.8725C42.7525 47.7 41.38 47.705 40.535 46.8825L37.1275 43.52C36.6375 43.035 35.845 43.04 35.36 43.53C34.875 44.0225 34.88 44.815 35.3725 45.2975L38.7825 48.665C39.6875 49.55 40.875 49.9925 42.0625 49.9925C43.25 49.9925 44.4375 49.5475 45.3375 48.66Z",
|
|
3304
3327
|
fill: "currentColor"
|
|
3305
3328
|
}
|
|
3306
3329
|
) }),
|
|
3307
|
-
/* @__PURE__ */ (0,
|
|
3330
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("clipPath", { id: "clip0_user_trust", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("rect", { width: "60", height: "60", fill: "white" }) }) })
|
|
3308
3331
|
]
|
|
3309
3332
|
})
|
|
3310
3333
|
);
|
|
@@ -3312,10 +3335,10 @@ var UserTrustIcon = (_a) => {
|
|
|
3312
3335
|
UserTrustIcon.displayName = "UserTrustIcon";
|
|
3313
3336
|
|
|
3314
3337
|
// src/primitives/icon/svg/usdc.tsx
|
|
3315
|
-
var
|
|
3338
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
3316
3339
|
var UsdcIcon = (_a) => {
|
|
3317
3340
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3318
|
-
return /* @__PURE__ */ (0,
|
|
3341
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
|
|
3319
3342
|
"svg",
|
|
3320
3343
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3321
3344
|
viewBox: "0 0 32 32",
|
|
@@ -3323,16 +3346,16 @@ var UsdcIcon = (_a) => {
|
|
|
3323
3346
|
fill: "none"
|
|
3324
3347
|
}, getIconA11yProps(title)), props), {
|
|
3325
3348
|
children: [
|
|
3326
|
-
title ? /* @__PURE__ */ (0,
|
|
3327
|
-
/* @__PURE__ */ (0,
|
|
3328
|
-
/* @__PURE__ */ (0,
|
|
3349
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("title", { children: title }) : null,
|
|
3350
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("circle", { cx: "16", cy: "16", r: "16", fill: "#2775CA" }),
|
|
3351
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
3329
3352
|
"path",
|
|
3330
3353
|
{
|
|
3331
3354
|
d: "M20.4 18.6c0-2.2-1.3-3-3.9-3.3-1.9-.3-2.3-.8-2.3-1.7s.7-1.5 2.1-1.5c1.2 0 1.9.4 2.2 1.4.1.2.2.3.4.3h1c.2 0 .4-.2.4-.4-.2-1.3-1.1-2.4-2.6-2.7v-1.5c0-.2-.2-.4-.5-.4h-.9c-.2 0-.4.2-.5.4v1.5c-1.7.3-2.8 1.4-2.8 2.9 0 2.1 1.3 2.8 3.9 3.2 1.7.3 2.3.8 2.3 1.8s-.9 1.7-2.2 1.7c-1.7 0-2.3-.7-2.5-1.6-.1-.2-.2-.3-.4-.3h-1c-.2 0-.4.2-.4.4.3 1.6 1.3 2.6 3.1 2.9v1.5c0 .2.2.4.5.4h.9c.2 0 .4-.2.5-.4v-1.5c1.7-.3 2.8-1.5 2.8-3.1z",
|
|
3332
3355
|
fill: "#fff"
|
|
3333
3356
|
}
|
|
3334
3357
|
),
|
|
3335
|
-
/* @__PURE__ */ (0,
|
|
3358
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
3336
3359
|
"path",
|
|
3337
3360
|
{
|
|
3338
3361
|
d: "M13.1 25.2c-4.6-1.6-7-6.7-5.3-11.3 1-2.7 3.1-4.5 5.7-5.3.2-.1.4-.3.4-.5v-.9c0-.2-.2-.4-.4-.4h-.1c-5.3 1.6-8.3 7.3-6.7 12.6 1 3.3 3.5 5.8 6.8 6.8.2.1.5-.1.5-.3v-.9c-.1-.3-.2-.5-.5-.6l-.4-.2zM19.3 6.8c-.2-.1-.5.1-.5.3v.9c0 .2.2.5.4.6 4.6 1.6 7 6.7 5.3 11.3-1 2.7-3.1 4.5-5.7 5.3-.2.1-.4.3-.4.5v.9c0 .2.2.4.4.4h.1c5.3-1.6 8.3-7.3 6.7-12.6-1-3.3-3.5-5.8-6.8-6.8l.5.2z",
|
|
@@ -3346,10 +3369,10 @@ var UsdcIcon = (_a) => {
|
|
|
3346
3369
|
UsdcIcon.displayName = "UsdcIcon";
|
|
3347
3370
|
|
|
3348
3371
|
// src/primitives/icon/svg/wallet.tsx
|
|
3349
|
-
var
|
|
3372
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
3350
3373
|
var WalletIcon = (_a) => {
|
|
3351
3374
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3352
|
-
return /* @__PURE__ */ (0,
|
|
3375
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
3353
3376
|
"svg",
|
|
3354
3377
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3355
3378
|
viewBox: "0 0 24 24",
|
|
@@ -3357,8 +3380,8 @@ var WalletIcon = (_a) => {
|
|
|
3357
3380
|
fill: "none"
|
|
3358
3381
|
}, getIconA11yProps(title)), props), {
|
|
3359
3382
|
children: [
|
|
3360
|
-
title ? /* @__PURE__ */ (0,
|
|
3361
|
-
/* @__PURE__ */ (0,
|
|
3383
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("title", { children: title }) : null,
|
|
3384
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
3362
3385
|
"path",
|
|
3363
3386
|
{
|
|
3364
3387
|
d: "M21.5 6H4.5C3.354 6 2.279 5.433 1.628 4.501C2.262 3.594 3.313 3 4.5 3H23.5C23.776 3 24 2.776 24 2.5C24 2.224 23.776 2 23.5 2H4.5C2.015 2 0 4.015 0 6.5V17.5C0 19.985 2.015 22 4.5 22H21.5C22.881 22 24 20.881 24 19.5V8.5C24 7.119 22.881 6 21.5 6ZM23 19.5C23 20.327 22.327 21 21.5 21H4.5C2.57 21 1 19.43 1 17.5V6.5C1 6.152 1.051 5.816 1.146 5.499C1.992 6.441 3.21 7 4.5 7H21.5C22.327 7 23 7.673 23 8.5V19.5ZM21 14C21 14.552 20.552 15 20 15C19.448 15 19 14.552 19 14C19 13.448 19.448 13 20 13C20.552 13 21 13.448 21 14Z",
|
|
@@ -3372,10 +3395,10 @@ var WalletIcon = (_a) => {
|
|
|
3372
3395
|
WalletIcon.displayName = "WalletIcon";
|
|
3373
3396
|
|
|
3374
3397
|
// src/primitives/icon/svg/wallet-avatar.tsx
|
|
3375
|
-
var
|
|
3398
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
3376
3399
|
function WalletAvatarIcon(_a) {
|
|
3377
3400
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3378
|
-
return /* @__PURE__ */ (0,
|
|
3401
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
|
|
3379
3402
|
"svg",
|
|
3380
3403
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3381
3404
|
fill: "none",
|
|
@@ -3383,9 +3406,9 @@ function WalletAvatarIcon(_a) {
|
|
|
3383
3406
|
viewBox: "0 0 16 16"
|
|
3384
3407
|
}, getIconA11yProps(title)), props), {
|
|
3385
3408
|
children: [
|
|
3386
|
-
title ? /* @__PURE__ */ (0,
|
|
3387
|
-
/* @__PURE__ */ (0,
|
|
3388
|
-
/* @__PURE__ */ (0,
|
|
3409
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("title", { children: title }) : null,
|
|
3410
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("circle", { cx: "8", cy: "5.25", r: "2.25", fill: "currentColor" }),
|
|
3411
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("path", { d: "M3.75 12.75a4.25 4.25 0 0 1 8.5 0v.25h-8.5v-.25Z", fill: "currentColor" })
|
|
3389
3412
|
]
|
|
3390
3413
|
})
|
|
3391
3414
|
);
|
|
@@ -3393,10 +3416,10 @@ function WalletAvatarIcon(_a) {
|
|
|
3393
3416
|
WalletAvatarIcon.displayName = "WalletAvatarIcon";
|
|
3394
3417
|
|
|
3395
3418
|
// src/primitives/icon/svg/wallet-filled.tsx
|
|
3396
|
-
var
|
|
3419
|
+
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
3397
3420
|
var WalletFilledIcon = (_a) => {
|
|
3398
3421
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3399
|
-
return /* @__PURE__ */ (0,
|
|
3422
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
|
|
3400
3423
|
"svg",
|
|
3401
3424
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3402
3425
|
viewBox: "0 0 14 14",
|
|
@@ -3404,8 +3427,8 @@ var WalletFilledIcon = (_a) => {
|
|
|
3404
3427
|
fill: "none"
|
|
3405
3428
|
}, getIconA11yProps(title)), props), {
|
|
3406
3429
|
children: [
|
|
3407
|
-
title ? /* @__PURE__ */ (0,
|
|
3408
|
-
/* @__PURE__ */ (0,
|
|
3430
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("title", { children: title }) : null,
|
|
3431
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
3409
3432
|
"path",
|
|
3410
3433
|
{
|
|
3411
3434
|
d: "M12.25 3.50008H2.91667C2.41558 3.50008 1.94133 3.28308 1.61292 2.91733C1.93375 2.55916 2.39983 2.33341 2.91667 2.33341H13.4167C13.7392 2.33341 14 2.07208 14 1.75008C14 1.42808 13.7392 1.16675 13.4167 1.16675H2.91667C1.30608 1.16675 0 2.47283 0 4.08342V9.91675C0 11.5273 1.30608 12.8334 2.91667 12.8334H12.25C13.2166 12.8334 14 12.05 14 11.0834V5.25008C14 4.2835 13.2166 3.50008 12.25 3.50008ZM12.8333 11.0834C12.8333 11.4048 12.572 11.6667 12.25 11.6667H2.91667C1.95183 11.6667 1.16667 10.8816 1.16667 9.91675V4.08225C1.66483 4.455 2.27733 4.66675 2.91667 4.66675H12.25C12.572 4.66675 12.8333 4.92866 12.8333 5.25008V11.0834ZM11.6667 8.16675C11.6667 8.48875 11.4053 8.75008 11.0833 8.75008C10.7613 8.75008 10.5 8.48875 10.5 8.16675C10.5 7.84475 10.7613 7.58342 11.0833 7.58342C11.4053 7.58342 11.6667 7.84475 11.6667 8.16675Z",
|
|
@@ -3419,10 +3442,10 @@ var WalletFilledIcon = (_a) => {
|
|
|
3419
3442
|
WalletFilledIcon.displayName = "WalletFilledIcon";
|
|
3420
3443
|
|
|
3421
3444
|
// src/primitives/icon/svg/paper-plane.tsx
|
|
3422
|
-
var
|
|
3445
|
+
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
3423
3446
|
var PaperPlaneIcon = (_a) => {
|
|
3424
3447
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3425
|
-
return /* @__PURE__ */ (0,
|
|
3448
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
3426
3449
|
"svg",
|
|
3427
3450
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3428
3451
|
viewBox: "0 0 24 24",
|
|
@@ -3430,15 +3453,15 @@ var PaperPlaneIcon = (_a) => {
|
|
|
3430
3453
|
fill: "none"
|
|
3431
3454
|
}, getIconA11yProps(title)), props), {
|
|
3432
3455
|
children: [
|
|
3433
|
-
title ? /* @__PURE__ */ (0,
|
|
3434
|
-
/* @__PURE__ */ (0,
|
|
3456
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("title", { children: title }) : null,
|
|
3457
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("g", { clipPath: "url(#paper-plane-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
3435
3458
|
"path",
|
|
3436
3459
|
{
|
|
3437
3460
|
d: "M23.149 0.854808C22.43 0.135808 21.42 -0.152192 20.441 0.0858076L4.21901 4.30981C2.13901 4.59681 0.532009 6.10881 0.125009 8.16081C-0.184991 9.72081 0.349009 11.3698 1.56401 12.5848L3.00101 13.9388V18.5008C3.00101 19.1868 3.27901 19.8088 3.72801 20.2608C3.73001 20.2628 3.73101 20.2658 3.73301 20.2688C3.73501 20.2718 3.73801 20.2718 3.74101 20.2738C4.19301 20.7228 4.81501 21.0008 5.50101 21.0008H10.075L11.456 22.4768C12.438 23.4588 13.757 23.9978 15.059 23.9978C15.525 23.9978 15.989 23.9288 16.434 23.7868C18.218 23.2178 19.478 21.7408 19.713 19.9878L23.91 3.60081C24.154 2.60181 23.87 1.57681 23.15 0.855808L23.149 0.854808ZM2.26001 11.8668C1.29301 10.8988 0.861009 9.58681 1.10501 8.35481C1.42801 6.72781 2.70401 5.52881 4.41401 5.28881L20.686 1.05681C20.83 1.02181 20.976 1.00481 21.12 1.00481C21.441 1.00481 21.753 1.09781 22.035 1.25981L4.15001 19.1438C4.05601 18.9478 4.00001 18.7318 4.00001 18.5008V13.7228C4.00001 13.5848 3.94301 13.4528 3.84301 13.3588L2.26001 11.8668ZM22.939 3.35781L18.731 19.7958C18.538 21.2188 17.541 22.3828 16.128 22.8328C14.789 23.2588 13.232 22.8408 12.172 21.7808L10.654 20.1588C10.559 20.0578 10.427 20.0008 10.289 20.0008H5.50001C5.26901 20.0008 5.05301 19.9438 4.85701 19.8508L22.746 1.96181C22.984 2.37781 23.058 2.87381 22.939 3.35781Z",
|
|
3438
3461
|
fill: "currentColor"
|
|
3439
3462
|
}
|
|
3440
3463
|
) }),
|
|
3441
|
-
/* @__PURE__ */ (0,
|
|
3464
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("clipPath", { id: "paper-plane-clip", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("rect", { width: "24", height: "24", fill: "white" }) }) })
|
|
3442
3465
|
]
|
|
3443
3466
|
})
|
|
3444
3467
|
);
|
|
@@ -3446,10 +3469,10 @@ var PaperPlaneIcon = (_a) => {
|
|
|
3446
3469
|
PaperPlaneIcon.displayName = "PaperPlaneIcon";
|
|
3447
3470
|
|
|
3448
3471
|
// src/primitives/icon/svg/warning.tsx
|
|
3449
|
-
var
|
|
3472
|
+
var import_jsx_runtime84 = require("react/jsx-runtime");
|
|
3450
3473
|
var WarningIcon = (_a) => {
|
|
3451
3474
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3452
|
-
return /* @__PURE__ */ (0,
|
|
3475
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
3453
3476
|
"svg",
|
|
3454
3477
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3455
3478
|
width: "14",
|
|
@@ -3460,8 +3483,8 @@ var WarningIcon = (_a) => {
|
|
|
3460
3483
|
className
|
|
3461
3484
|
}, getIconA11yProps(title)), props), {
|
|
3462
3485
|
children: [
|
|
3463
|
-
title ? /* @__PURE__ */ (0,
|
|
3464
|
-
/* @__PURE__ */ (0,
|
|
3486
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("title", { children: title }) : null,
|
|
3487
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
3465
3488
|
"path",
|
|
3466
3489
|
{
|
|
3467
3490
|
d: "M6.41665 8.1665V4.6665C6.41665 4.34567 6.67915 4.08317 6.99998 4.08317C7.32082 4.08317 7.58332 4.34567 7.58332 4.6665V8.1665C7.58332 8.48734 7.32082 8.74984 6.99998 8.74984C6.67915 8.74984 6.41665 8.48734 6.41665 8.1665ZM6.99998 9.33317C6.51582 9.33317 6.12498 9.724 6.12498 10.2082C6.12498 10.6923 6.51582 11.0832 6.99998 11.0832C7.48415 11.0832 7.87498 10.6923 7.87498 10.2082C7.87498 9.724 7.48415 9.33317 6.99998 9.33317ZM13.755 12.1798C13.3467 12.9673 12.4892 13.4165 11.4158 13.4165H2.58998C1.51082 13.4165 0.659151 12.9673 0.250818 12.1798C-0.163348 11.3865 -0.0466818 10.3715 0.542485 9.51984L5.23248 2.09984C5.64665 1.50484 6.29998 1.1665 6.99998 1.1665C7.69999 1.1665 8.35332 1.50484 8.74998 2.08234L13.4633 9.5315C14.0525 10.3832 14.1633 11.3923 13.7492 12.1798H13.755ZM12.5008 10.1848C12.5008 10.1848 12.4892 10.1732 12.4892 10.1615L7.78165 2.724C7.61248 2.48484 7.32082 2.33317 6.99998 2.33317C6.67915 2.33317 6.38749 2.48484 6.20665 2.74734L1.51082 10.1615C1.14915 10.6748 1.06748 11.2348 1.27748 11.6373C1.48165 12.034 1.94832 12.2498 2.58415 12.2498H11.4042C12.04 12.2498 12.5067 12.034 12.7108 11.6373C12.9208 11.2348 12.8392 10.6748 12.495 10.1848H12.5008Z",
|
|
@@ -3475,10 +3498,10 @@ var WarningIcon = (_a) => {
|
|
|
3475
3498
|
WarningIcon.displayName = "WarningIcon";
|
|
3476
3499
|
|
|
3477
3500
|
// src/primitives/icon/svg/warning-filled.tsx
|
|
3478
|
-
var
|
|
3501
|
+
var import_jsx_runtime85 = require("react/jsx-runtime");
|
|
3479
3502
|
var WarningFilledIcon = (_a) => {
|
|
3480
3503
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3481
|
-
return /* @__PURE__ */ (0,
|
|
3504
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
|
|
3482
3505
|
"svg",
|
|
3483
3506
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3484
3507
|
viewBox: "0 0 16 16",
|
|
@@ -3486,8 +3509,8 @@ var WarningFilledIcon = (_a) => {
|
|
|
3486
3509
|
fill: "none"
|
|
3487
3510
|
}, getIconA11yProps(title)), props), {
|
|
3488
3511
|
children: [
|
|
3489
|
-
title ? /* @__PURE__ */ (0,
|
|
3490
|
-
/* @__PURE__ */ (0,
|
|
3512
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("title", { children: title }) : null,
|
|
3513
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
3491
3514
|
"path",
|
|
3492
3515
|
{
|
|
3493
3516
|
d: "M15.3869 10.22L10.0002 1.71332C9.5469 1.05999 8.79356 0.666656 8.00023 0.666656C7.20689 0.666656 6.45356 1.05332 5.98023 1.73332L0.620227 10.2067C-0.0597729 11.18 -0.18644 12.3467 0.286894 13.2467C0.75356 14.1467 1.73356 14.66 2.96023 14.66H13.0402C14.2736 14.66 15.2469 14.1467 15.7136 13.2467C16.1802 12.3467 16.0536 11.1867 15.3869 10.22ZM7.33356 4.66666C7.33356 4.29999 7.63356 3.99999 8.00023 3.99999C8.36689 3.99999 8.66689 4.29999 8.66689 4.66666V8.66666C8.66689 9.03332 8.36689 9.33332 8.00023 9.33332C7.63356 9.33332 7.33356 9.03332 7.33356 8.66666V4.66666ZM8.00023 12.6667C7.44689 12.6667 7.00023 12.22 7.00023 11.6667C7.00023 11.1133 7.44689 10.6667 8.00023 10.6667C8.55356 10.6667 9.00023 11.1133 9.00023 11.6667C9.00023 12.22 8.55356 12.6667 8.00023 12.6667Z",
|
|
@@ -3541,6 +3564,7 @@ var iconRegistry = {
|
|
|
3541
3564
|
ethereum: EthereumIcon,
|
|
3542
3565
|
"external-link": ExternalLinkIcon,
|
|
3543
3566
|
google: GoogleIcon,
|
|
3567
|
+
"hourglass-start": HourglassStartIcon,
|
|
3544
3568
|
image: ImageIcon,
|
|
3545
3569
|
info: InfoIcon,
|
|
3546
3570
|
"internet-security": InternetSecurityIcon,
|
|
@@ -3588,7 +3612,7 @@ var resolveIconStyle = (color, style) => {
|
|
|
3588
3612
|
};
|
|
3589
3613
|
|
|
3590
3614
|
// src/primitives/icon/index.tsx
|
|
3591
|
-
var
|
|
3615
|
+
var import_jsx_runtime86 = require("react/jsx-runtime");
|
|
3592
3616
|
var Icon = (_a) => {
|
|
3593
3617
|
var _b = _a, {
|
|
3594
3618
|
name,
|
|
@@ -3612,7 +3636,7 @@ var Icon = (_a) => {
|
|
|
3612
3636
|
}
|
|
3613
3637
|
const resolvedStyle = resolveIconStyle(color, style);
|
|
3614
3638
|
const resolvedClassName = cn(iconSizeClasses[size], className);
|
|
3615
|
-
return /* @__PURE__ */ (0,
|
|
3639
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
3616
3640
|
Component,
|
|
3617
3641
|
__spreadValues({
|
|
3618
3642
|
color,
|
|
@@ -3642,7 +3666,7 @@ var resolveLoadingIconAriaLabel = ({
|
|
|
3642
3666
|
};
|
|
3643
3667
|
|
|
3644
3668
|
// src/primitives/loading-icon/index.tsx
|
|
3645
|
-
var
|
|
3669
|
+
var import_jsx_runtime87 = require("react/jsx-runtime");
|
|
3646
3670
|
var LoadingIcon = ({
|
|
3647
3671
|
size = LOADING_ICON_DEFAULT_SIZE,
|
|
3648
3672
|
variant = "default",
|
|
@@ -3653,7 +3677,7 @@ var LoadingIcon = ({
|
|
|
3653
3677
|
const {
|
|
3654
3678
|
features: { enableAnimations }
|
|
3655
3679
|
} = (0, import_hooks10.useSdkUiConfig)();
|
|
3656
|
-
return /* @__PURE__ */ (0,
|
|
3680
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
3657
3681
|
"span",
|
|
3658
3682
|
{
|
|
3659
3683
|
role: "status",
|
|
@@ -3666,7 +3690,7 @@ var LoadingIcon = ({
|
|
|
3666
3690
|
"inline-grid place-items-center text-agg-primary will-change-transform",
|
|
3667
3691
|
className
|
|
3668
3692
|
),
|
|
3669
|
-
children: /* @__PURE__ */ (0,
|
|
3693
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "inline-grid place-items-center", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
3670
3694
|
"svg",
|
|
3671
3695
|
{
|
|
3672
3696
|
viewBox: LOADING_ICON_SVG_VIEW_BOX,
|
|
@@ -3674,8 +3698,8 @@ var LoadingIcon = ({
|
|
|
3674
3698
|
"block",
|
|
3675
3699
|
variant === "prominent" ? LOADING_ICON_PROMINENT_FRAME_CLASS : iconSizeClasses[size]
|
|
3676
3700
|
),
|
|
3677
|
-
children: variant === "prominent" ? /* @__PURE__ */ (0,
|
|
3678
|
-
enableAnimations ? /* @__PURE__ */ (0,
|
|
3701
|
+
children: variant === "prominent" ? /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("g", { children: [
|
|
3702
|
+
enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
3679
3703
|
"animateTransform",
|
|
3680
3704
|
{
|
|
3681
3705
|
attributeName: "transform",
|
|
@@ -3687,7 +3711,7 @@ var LoadingIcon = ({
|
|
|
3687
3711
|
repeatCount: "indefinite"
|
|
3688
3712
|
}
|
|
3689
3713
|
) : null,
|
|
3690
|
-
/* @__PURE__ */ (0,
|
|
3714
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
3691
3715
|
"circle",
|
|
3692
3716
|
{
|
|
3693
3717
|
cx: "22",
|
|
@@ -3701,8 +3725,8 @@ var LoadingIcon = ({
|
|
|
3701
3725
|
strokeDasharray: LOADING_ICON_PROMINENT_DASHARRAY
|
|
3702
3726
|
}
|
|
3703
3727
|
)
|
|
3704
|
-
] }) : /* @__PURE__ */ (0,
|
|
3705
|
-
enableAnimations ? /* @__PURE__ */ (0,
|
|
3728
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("g", { children: [
|
|
3729
|
+
enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
3706
3730
|
"animateTransform",
|
|
3707
3731
|
{
|
|
3708
3732
|
attributeName: "transform",
|
|
@@ -3714,7 +3738,7 @@ var LoadingIcon = ({
|
|
|
3714
3738
|
repeatCount: "indefinite"
|
|
3715
3739
|
}
|
|
3716
3740
|
) : null,
|
|
3717
|
-
/* @__PURE__ */ (0,
|
|
3741
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
3718
3742
|
"circle",
|
|
3719
3743
|
{
|
|
3720
3744
|
cx: "22",
|
|
@@ -3726,8 +3750,8 @@ var LoadingIcon = ({
|
|
|
3726
3750
|
strokeLinecap: "round",
|
|
3727
3751
|
strokeDasharray: "60 100",
|
|
3728
3752
|
strokeDashoffset: "0",
|
|
3729
|
-
children: enableAnimations ? /* @__PURE__ */ (0,
|
|
3730
|
-
/* @__PURE__ */ (0,
|
|
3753
|
+
children: enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
|
|
3754
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
3731
3755
|
"animate",
|
|
3732
3756
|
{
|
|
3733
3757
|
attributeName: "stroke-dasharray",
|
|
@@ -3736,7 +3760,7 @@ var LoadingIcon = ({
|
|
|
3736
3760
|
repeatCount: "indefinite"
|
|
3737
3761
|
}
|
|
3738
3762
|
),
|
|
3739
|
-
/* @__PURE__ */ (0,
|
|
3763
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
3740
3764
|
"animate",
|
|
3741
3765
|
{
|
|
3742
3766
|
attributeName: "stroke-dashoffset",
|
|
@@ -3757,7 +3781,7 @@ var LoadingIcon = ({
|
|
|
3757
3781
|
LoadingIcon.displayName = "LoadingIcon";
|
|
3758
3782
|
|
|
3759
3783
|
// src/deposit/steps/deposit-method.tsx
|
|
3760
|
-
var
|
|
3784
|
+
var import_jsx_runtime88 = require("react/jsx-runtime");
|
|
3761
3785
|
var DepositMethodCard = ({
|
|
3762
3786
|
icon,
|
|
3763
3787
|
title,
|
|
@@ -3766,7 +3790,7 @@ var DepositMethodCard = ({
|
|
|
3766
3790
|
highlighted = false,
|
|
3767
3791
|
disabled = false,
|
|
3768
3792
|
onContinue
|
|
3769
|
-
}) => /* @__PURE__ */ (0,
|
|
3793
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
|
|
3770
3794
|
"div",
|
|
3771
3795
|
{
|
|
3772
3796
|
className: cn(
|
|
@@ -3788,13 +3812,13 @@ var DepositMethodCard = ({
|
|
|
3788
3812
|
}
|
|
3789
3813
|
},
|
|
3790
3814
|
children: [
|
|
3791
|
-
/* @__PURE__ */ (0,
|
|
3792
|
-
/* @__PURE__ */ (0,
|
|
3793
|
-
/* @__PURE__ */ (0,
|
|
3794
|
-
/* @__PURE__ */ (0,
|
|
3815
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover", children: icon }),
|
|
3816
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex-1 min-w-0", children: [
|
|
3817
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: title }),
|
|
3818
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
|
|
3795
3819
|
] }),
|
|
3796
|
-
value ? /* @__PURE__ */ (0,
|
|
3797
|
-
/* @__PURE__ */ (0,
|
|
3820
|
+
value ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: value }) : null,
|
|
3821
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "shrink-0 text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ChevronRightIcon, { className: "h-5 w-5" }) })
|
|
3798
3822
|
]
|
|
3799
3823
|
}
|
|
3800
3824
|
);
|
|
@@ -3809,31 +3833,31 @@ var DepositMethodStep = ({
|
|
|
3809
3833
|
onSelectMethod
|
|
3810
3834
|
}) => {
|
|
3811
3835
|
const labels = (0, import_hooks11.useLabels)();
|
|
3812
|
-
return /* @__PURE__ */ (0,
|
|
3813
|
-
/* @__PURE__ */ (0,
|
|
3814
|
-
/* @__PURE__ */ (0,
|
|
3815
|
-
/* @__PURE__ */ (0,
|
|
3836
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
|
|
3837
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Modal.Header, { title: labels.deposit.title, hideBorder: true }),
|
|
3838
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex flex-col gap-5", children: [
|
|
3839
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("p", { className: "agg-type-body text-agg-foreground", children: [
|
|
3816
3840
|
labels.deposit.balancePrefix,
|
|
3817
3841
|
" ",
|
|
3818
3842
|
formatCompactUsd(balance)
|
|
3819
3843
|
] }),
|
|
3820
|
-
/* @__PURE__ */ (0,
|
|
3821
|
-
showWalletMethod ? /* @__PURE__ */ (0,
|
|
3844
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex flex-col gap-4", children: [
|
|
3845
|
+
showWalletMethod ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
3822
3846
|
DepositMethodCard,
|
|
3823
3847
|
{
|
|
3824
|
-
icon: /* @__PURE__ */ (0,
|
|
3848
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(WalletIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
|
|
3825
3849
|
title: labels.deposit.methods.walletTitle(walletLabel),
|
|
3826
3850
|
description: labels.deposit.methods.walletDescription,
|
|
3827
|
-
value: isWalletBalanceLoading ? /* @__PURE__ */ (0,
|
|
3851
|
+
value: isWalletBalanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(LoadingIcon, { size: "small" }) : formatCompactUsd(walletBalance),
|
|
3828
3852
|
highlighted: highlightedMethod === "wallet",
|
|
3829
3853
|
disabled: !depositAddressesReady,
|
|
3830
3854
|
onContinue: () => onSelectMethod("wallet")
|
|
3831
3855
|
}
|
|
3832
3856
|
) : null,
|
|
3833
|
-
/* @__PURE__ */ (0,
|
|
3857
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
3834
3858
|
DepositMethodCard,
|
|
3835
3859
|
{
|
|
3836
|
-
icon: /* @__PURE__ */ (0,
|
|
3860
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(BoltIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
|
|
3837
3861
|
title: labels.deposit.methods.cryptoTitle,
|
|
3838
3862
|
description: labels.deposit.methods.cryptoDescription,
|
|
3839
3863
|
highlighted: highlightedMethod === "crypto",
|
|
@@ -3841,10 +3865,10 @@ var DepositMethodStep = ({
|
|
|
3841
3865
|
onContinue: () => onSelectMethod("crypto")
|
|
3842
3866
|
}
|
|
3843
3867
|
),
|
|
3844
|
-
/* @__PURE__ */ (0,
|
|
3868
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
3845
3869
|
DepositMethodCard,
|
|
3846
3870
|
{
|
|
3847
|
-
icon: /* @__PURE__ */ (0,
|
|
3871
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(CreditCardIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
|
|
3848
3872
|
title: labels.deposit.methods.cardTitle,
|
|
3849
3873
|
description: labels.deposit.methods.cardDescription,
|
|
3850
3874
|
highlighted: highlightedMethod === "card",
|
|
@@ -3932,7 +3956,7 @@ var getButtonClassName = ({
|
|
|
3932
3956
|
};
|
|
3933
3957
|
|
|
3934
3958
|
// src/primitives/button/index.tsx
|
|
3935
|
-
var
|
|
3959
|
+
var import_jsx_runtime89 = require("react/jsx-runtime");
|
|
3936
3960
|
var Button = (_a) => {
|
|
3937
3961
|
var _b = _a, {
|
|
3938
3962
|
children,
|
|
@@ -3961,7 +3985,7 @@ var Button = (_a) => {
|
|
|
3961
3985
|
features: { enableAnimations }
|
|
3962
3986
|
} = (0, import_hooks12.useSdkUiConfig)();
|
|
3963
3987
|
const isDisabled = resolveButtonIsDisabled({ disabled, isLoading });
|
|
3964
|
-
return /* @__PURE__ */ (0,
|
|
3988
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
3965
3989
|
"button",
|
|
3966
3990
|
__spreadProps(__spreadValues({
|
|
3967
3991
|
type,
|
|
@@ -3970,7 +3994,7 @@ var Button = (_a) => {
|
|
|
3970
3994
|
"aria-busy": isLoading,
|
|
3971
3995
|
"aria-label": ariaLabel
|
|
3972
3996
|
}, other), {
|
|
3973
|
-
children: isLoading ? /* @__PURE__ */ (0,
|
|
3997
|
+
children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
3974
3998
|
"span",
|
|
3975
3999
|
{
|
|
3976
4000
|
className: cn(
|
|
@@ -3981,9 +4005,9 @@ var Button = (_a) => {
|
|
|
3981
4005
|
),
|
|
3982
4006
|
"aria-hidden": "true"
|
|
3983
4007
|
}
|
|
3984
|
-
) : /* @__PURE__ */ (0,
|
|
4008
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
|
|
3985
4009
|
prefix != null ? prefix : null,
|
|
3986
|
-
/* @__PURE__ */ (0,
|
|
4010
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
3987
4011
|
"span",
|
|
3988
4012
|
{
|
|
3989
4013
|
className: cn("group/span-agg-button agg-button-label", "whitespace-nowrap truncate"),
|
|
@@ -4008,12 +4032,12 @@ var import_react3 = require("react");
|
|
|
4008
4032
|
|
|
4009
4033
|
// src/primitives/skeleton/skeleton-block.tsx
|
|
4010
4034
|
var import_hooks13 = require("@agg-build/hooks");
|
|
4011
|
-
var
|
|
4035
|
+
var import_jsx_runtime90 = require("react/jsx-runtime");
|
|
4012
4036
|
var SkeletonBlock = ({ className }) => {
|
|
4013
4037
|
const {
|
|
4014
4038
|
features: { enableAnimations }
|
|
4015
4039
|
} = (0, import_hooks13.useSdkUiConfig)();
|
|
4016
|
-
return /* @__PURE__ */ (0,
|
|
4040
|
+
return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
4017
4041
|
"div",
|
|
4018
4042
|
{
|
|
4019
4043
|
"aria-hidden": true,
|
|
@@ -4042,7 +4066,7 @@ var resolveRemoteImageStatusFromSrc = (src) => {
|
|
|
4042
4066
|
};
|
|
4043
4067
|
|
|
4044
4068
|
// src/primitives/remote-image/index.tsx
|
|
4045
|
-
var
|
|
4069
|
+
var import_jsx_runtime91 = require("react/jsx-runtime");
|
|
4046
4070
|
var RemoteImage = ({
|
|
4047
4071
|
src,
|
|
4048
4072
|
alt,
|
|
@@ -4076,7 +4100,7 @@ var RemoteImage = ({
|
|
|
4076
4100
|
setStatus("error");
|
|
4077
4101
|
};
|
|
4078
4102
|
const sizeStyle = width !== void 0 || height !== void 0 ? { width: width != null ? width : void 0, height: height != null ? height : void 0 } : void 0;
|
|
4079
|
-
return /* @__PURE__ */ (0,
|
|
4103
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
|
|
4080
4104
|
"div",
|
|
4081
4105
|
{
|
|
4082
4106
|
className: cn(containerClasses, classNames == null ? void 0 : classNames.root, className),
|
|
@@ -4093,14 +4117,14 @@ var RemoteImage = ({
|
|
|
4093
4117
|
"aria-label": ariaLabel,
|
|
4094
4118
|
title,
|
|
4095
4119
|
children: [
|
|
4096
|
-
status === "loading" && /* @__PURE__ */ (0,
|
|
4097
|
-
status === "error" && /* @__PURE__ */ (0,
|
|
4120
|
+
status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(SkeletonBlock, { className: cn(skeletonClasses, classNames == null ? void 0 : classNames.placeholder) }),
|
|
4121
|
+
status === "error" && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
4098
4122
|
"div",
|
|
4099
4123
|
{
|
|
4100
4124
|
className: cn(placeholderClasses, classNames == null ? void 0 : classNames.placeholder),
|
|
4101
4125
|
"aria-hidden": true,
|
|
4102
4126
|
"aria-errormessage": "Image failed to load",
|
|
4103
|
-
children: /* @__PURE__ */ (0,
|
|
4127
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
4104
4128
|
Icon,
|
|
4105
4129
|
{
|
|
4106
4130
|
name: "image",
|
|
@@ -4111,7 +4135,7 @@ var RemoteImage = ({
|
|
|
4111
4135
|
)
|
|
4112
4136
|
}
|
|
4113
4137
|
),
|
|
4114
|
-
isValidRemoteImageSrc(src) && status !== "error" && /* @__PURE__ */ (0,
|
|
4138
|
+
isValidRemoteImageSrc(src) && status !== "error" && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
4115
4139
|
"img",
|
|
4116
4140
|
{
|
|
4117
4141
|
src,
|
|
@@ -4147,7 +4171,7 @@ var resolveIsSelectDisabled = ({
|
|
|
4147
4171
|
};
|
|
4148
4172
|
|
|
4149
4173
|
// src/primitives/select/index.tsx
|
|
4150
|
-
var
|
|
4174
|
+
var import_jsx_runtime92 = require("react/jsx-runtime");
|
|
4151
4175
|
var SELECT_DROPDOWN_Z = 1e4;
|
|
4152
4176
|
function resolveSelectPortalContainer(triggerRoot) {
|
|
4153
4177
|
var _a, _b;
|
|
@@ -4220,7 +4244,7 @@ var Select = ({
|
|
|
4220
4244
|
return () => document.removeEventListener("keydown", handleKeyDown);
|
|
4221
4245
|
}, [isOpen, handleClose]);
|
|
4222
4246
|
const triggerRadiusClass = triggerClassName != null ? triggerClassName : "rounded-agg-md";
|
|
4223
|
-
const listbox = menuRect ? /* @__PURE__ */ (0,
|
|
4247
|
+
const listbox = menuRect ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
4224
4248
|
"div",
|
|
4225
4249
|
{
|
|
4226
4250
|
ref: portalRef,
|
|
@@ -4237,7 +4261,7 @@ var Select = ({
|
|
|
4237
4261
|
className: "agg-select-content pointer-events-auto max-h-[min(20rem,calc(100vh-4rem))] overflow-y-auto rounded-agg-md border border-agg-separator bg-agg-secondary shadow-lg",
|
|
4238
4262
|
children: items.map((item) => {
|
|
4239
4263
|
const isSelected = item.value === value;
|
|
4240
|
-
return /* @__PURE__ */ (0,
|
|
4264
|
+
return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
|
|
4241
4265
|
"button",
|
|
4242
4266
|
{
|
|
4243
4267
|
type: "button",
|
|
@@ -4259,8 +4283,8 @@ var Select = ({
|
|
|
4259
4283
|
handleClose();
|
|
4260
4284
|
},
|
|
4261
4285
|
children: [
|
|
4262
|
-
isSelected ? /* @__PURE__ */ (0,
|
|
4263
|
-
item.icon ? /* @__PURE__ */ (0,
|
|
4286
|
+
isSelected ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
|
|
4287
|
+
item.icon ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "h-4 w-4 shrink-0 [&_svg]:h-full [&_svg]:w-full", children: item.icon }) : item.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
4264
4288
|
RemoteImage,
|
|
4265
4289
|
{
|
|
4266
4290
|
src: item.iconUrl,
|
|
@@ -4268,7 +4292,7 @@ var Select = ({
|
|
|
4268
4292
|
className: "agg-select-item-icon h-4 w-4 shrink-0 rounded-sm object-contain"
|
|
4269
4293
|
}
|
|
4270
4294
|
) : null,
|
|
4271
|
-
/* @__PURE__ */ (0,
|
|
4295
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "agg-select-item-label truncate", children: item.label })
|
|
4272
4296
|
]
|
|
4273
4297
|
},
|
|
4274
4298
|
item.value
|
|
@@ -4276,13 +4300,13 @@ var Select = ({
|
|
|
4276
4300
|
})
|
|
4277
4301
|
}
|
|
4278
4302
|
) : null;
|
|
4279
|
-
return /* @__PURE__ */ (0,
|
|
4303
|
+
return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
|
|
4280
4304
|
"div",
|
|
4281
4305
|
{
|
|
4282
4306
|
ref: containerRef,
|
|
4283
4307
|
className: cn("group/agg-select", "relative inline-flex w-full", className),
|
|
4284
4308
|
children: [
|
|
4285
|
-
/* @__PURE__ */ (0,
|
|
4309
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
|
|
4286
4310
|
"button",
|
|
4287
4311
|
{
|
|
4288
4312
|
type: "button",
|
|
@@ -4304,7 +4328,7 @@ var Select = ({
|
|
|
4304
4328
|
),
|
|
4305
4329
|
onClick: () => setIsOpen((previousValue) => !previousValue),
|
|
4306
4330
|
children: [
|
|
4307
|
-
(selectedItem == null ? void 0 : selectedItem.icon) ? /* @__PURE__ */ (0,
|
|
4331
|
+
(selectedItem == null ? void 0 : selectedItem.icon) ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "h-4 w-4 shrink-0 [&_svg]:h-full [&_svg]:w-full", children: selectedItem.icon }) : (selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
4308
4332
|
RemoteImage,
|
|
4309
4333
|
{
|
|
4310
4334
|
src: selectedItem.iconUrl,
|
|
@@ -4312,11 +4336,11 @@ var Select = ({
|
|
|
4312
4336
|
className: "agg-select-icon h-4 w-4 shrink-0 rounded-sm object-contain"
|
|
4313
4337
|
}
|
|
4314
4338
|
) : null,
|
|
4315
|
-
/* @__PURE__ */ (0,
|
|
4339
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "agg-select-value flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
|
|
4316
4340
|
]
|
|
4317
4341
|
}
|
|
4318
4342
|
),
|
|
4319
|
-
/* @__PURE__ */ (0,
|
|
4343
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "agg-select-chevron pointer-events-none absolute inset-y-0 right-3 inline-flex items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Icon, { name: "chevron-down-thin", size: "small", color: "currentColor" }) }),
|
|
4320
4344
|
isOpen && typeof document !== "undefined" && listbox ? (0, import_react_dom.createPortal)(listbox, resolveSelectPortalContainer(containerRef.current)) : null
|
|
4321
4345
|
]
|
|
4322
4346
|
}
|
|
@@ -4325,7 +4349,7 @@ var Select = ({
|
|
|
4325
4349
|
Select.displayName = "Select";
|
|
4326
4350
|
|
|
4327
4351
|
// src/deposit/steps/card-deposit.tsx
|
|
4328
|
-
var
|
|
4352
|
+
var import_jsx_runtime93 = require("react/jsx-runtime");
|
|
4329
4353
|
var CardDepositStep = ({
|
|
4330
4354
|
amount,
|
|
4331
4355
|
currency,
|
|
@@ -4351,33 +4375,33 @@ var CardDepositStep = ({
|
|
|
4351
4375
|
const isBelowMin = minAmount != null && hasInput && numericAmount < minAmount;
|
|
4352
4376
|
const isValid = numericAmount > 0 && !isBelowMin;
|
|
4353
4377
|
const formattedMin = minAmount != null ? `$${minAmount}` : void 0;
|
|
4354
|
-
return /* @__PURE__ */ (0,
|
|
4355
|
-
/* @__PURE__ */ (0,
|
|
4378
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
|
|
4379
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
4356
4380
|
Modal.Header,
|
|
4357
4381
|
{
|
|
4358
4382
|
title: labels.deposit.cardFlow.title,
|
|
4359
4383
|
hideBorder: true,
|
|
4360
|
-
leftElement: /* @__PURE__ */ (0,
|
|
4384
|
+
leftElement: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
4361
4385
|
"button",
|
|
4362
4386
|
{
|
|
4363
4387
|
type: "button",
|
|
4364
4388
|
className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
|
|
4365
4389
|
onClick: onBack,
|
|
4366
4390
|
"aria-label": "Go back",
|
|
4367
|
-
children: /* @__PURE__ */ (0,
|
|
4391
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
|
|
4368
4392
|
}
|
|
4369
4393
|
)
|
|
4370
4394
|
}
|
|
4371
4395
|
),
|
|
4372
|
-
/* @__PURE__ */ (0,
|
|
4373
|
-
/* @__PURE__ */ (0,
|
|
4374
|
-
/* @__PURE__ */ (0,
|
|
4375
|
-
/* @__PURE__ */ (0,
|
|
4376
|
-
/* @__PURE__ */ (0,
|
|
4377
|
-
formattedMin ? /* @__PURE__ */ (0,
|
|
4396
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex flex-col gap-5", children: [
|
|
4397
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex flex-col gap-3", children: [
|
|
4398
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex-1 flex flex-col gap-2", children: [
|
|
4399
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center justify-between", children: [
|
|
4400
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.cardFlow.amountLabel }),
|
|
4401
|
+
formattedMin ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "agg-type-label text-agg-foreground", children: labels.deposit.cardFlow.minRequired(formattedMin) }) : null
|
|
4378
4402
|
] }),
|
|
4379
|
-
/* @__PURE__ */ (0,
|
|
4380
|
-
/* @__PURE__ */ (0,
|
|
4403
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex gap-3 items-center", children: [
|
|
4404
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
|
|
4381
4405
|
"div",
|
|
4382
4406
|
{
|
|
4383
4407
|
className: cn(
|
|
@@ -4385,7 +4409,7 @@ var CardDepositStep = ({
|
|
|
4385
4409
|
isBelowMin ? "border-agg-primary border-2" : "border-agg-separator"
|
|
4386
4410
|
),
|
|
4387
4411
|
children: [
|
|
4388
|
-
/* @__PURE__ */ (0,
|
|
4412
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
4389
4413
|
"input",
|
|
4390
4414
|
{
|
|
4391
4415
|
type: "text",
|
|
@@ -4401,11 +4425,11 @@ var CardDepositStep = ({
|
|
|
4401
4425
|
}
|
|
4402
4426
|
}
|
|
4403
4427
|
),
|
|
4404
|
-
/* @__PURE__ */ (0,
|
|
4428
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "agg-type-body text-agg-muted-foreground", children: "$" })
|
|
4405
4429
|
]
|
|
4406
4430
|
}
|
|
4407
4431
|
),
|
|
4408
|
-
/* @__PURE__ */ (0,
|
|
4432
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "w-[100px]", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
4409
4433
|
Select,
|
|
4410
4434
|
{
|
|
4411
4435
|
items: [{ value: currency, label: currency }],
|
|
@@ -4417,8 +4441,8 @@ var CardDepositStep = ({
|
|
|
4417
4441
|
) })
|
|
4418
4442
|
] })
|
|
4419
4443
|
] }),
|
|
4420
|
-
isBelowMin && formattedMin ? /* @__PURE__ */ (0,
|
|
4421
|
-
/* @__PURE__ */ (0,
|
|
4444
|
+
isBelowMin && formattedMin ? /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center gap-2", role: "alert", "aria-live": "assertive", children: [
|
|
4445
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
4422
4446
|
Icon,
|
|
4423
4447
|
{
|
|
4424
4448
|
name: "warning",
|
|
@@ -4426,12 +4450,12 @@ var CardDepositStep = ({
|
|
|
4426
4450
|
"aria-hidden": "true"
|
|
4427
4451
|
}
|
|
4428
4452
|
),
|
|
4429
|
-
/* @__PURE__ */ (0,
|
|
4453
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "agg-type-label text-agg-error", children: labels.deposit.cardFlow.minAmountError(formattedMin) })
|
|
4430
4454
|
] }) : null
|
|
4431
4455
|
] }),
|
|
4432
|
-
/* @__PURE__ */ (0,
|
|
4433
|
-
/* @__PURE__ */ (0,
|
|
4434
|
-
/* @__PURE__ */ (0,
|
|
4456
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
4457
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.cardFlow.networkLabel }),
|
|
4458
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
4435
4459
|
Select,
|
|
4436
4460
|
{
|
|
4437
4461
|
items: networkOptions,
|
|
@@ -4442,7 +4466,7 @@ var CardDepositStep = ({
|
|
|
4442
4466
|
}
|
|
4443
4467
|
)
|
|
4444
4468
|
] }),
|
|
4445
|
-
/* @__PURE__ */ (0,
|
|
4469
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
4446
4470
|
Button,
|
|
4447
4471
|
{
|
|
4448
4472
|
variant: "secondary",
|
|
@@ -4462,7 +4486,7 @@ var import_hooks17 = require("@agg-build/hooks");
|
|
|
4462
4486
|
|
|
4463
4487
|
// src/primitives/copy-button/index.tsx
|
|
4464
4488
|
var import_react6 = require("react");
|
|
4465
|
-
var
|
|
4489
|
+
var import_jsx_runtime94 = require("react/jsx-runtime");
|
|
4466
4490
|
var CopyButton = ({
|
|
4467
4491
|
value,
|
|
4468
4492
|
label,
|
|
@@ -4494,7 +4518,7 @@ var CopyButton = ({
|
|
|
4494
4518
|
}, [onCopy, resetMs, value]);
|
|
4495
4519
|
const showLabel = label !== void 0 || copiedLabel !== void 0;
|
|
4496
4520
|
const visibleLabel = isCopied ? copiedLabel != null ? copiedLabel : label : label;
|
|
4497
|
-
return /* @__PURE__ */ (0,
|
|
4521
|
+
return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
|
|
4498
4522
|
"button",
|
|
4499
4523
|
{
|
|
4500
4524
|
type: "button",
|
|
@@ -4507,8 +4531,8 @@ var CopyButton = ({
|
|
|
4507
4531
|
className
|
|
4508
4532
|
),
|
|
4509
4533
|
children: [
|
|
4510
|
-
isCopied ? /* @__PURE__ */ (0,
|
|
4511
|
-
showLabel ? /* @__PURE__ */ (0,
|
|
4534
|
+
isCopied ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(CheckCircleIcon, { className: iconClassName }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(CopyIcon, { className: iconClassName }),
|
|
4535
|
+
showLabel ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "agg-type-label-strong", children: visibleLabel }) : null
|
|
4512
4536
|
]
|
|
4513
4537
|
}
|
|
4514
4538
|
);
|
|
@@ -4517,21 +4541,21 @@ CopyButton.displayName = "CopyButton";
|
|
|
4517
4541
|
|
|
4518
4542
|
// src/deposit/components/DepositQRCode.tsx
|
|
4519
4543
|
var import_qrcode = require("qrcode.react");
|
|
4520
|
-
var
|
|
4544
|
+
var import_jsx_runtime95 = require("react/jsx-runtime");
|
|
4521
4545
|
function DepositQRCode({
|
|
4522
4546
|
depositAddress,
|
|
4523
4547
|
networkLogoUrl,
|
|
4524
4548
|
networkLogo,
|
|
4525
4549
|
size = 160
|
|
4526
4550
|
}) {
|
|
4527
|
-
const logoOverlay = networkLogo ? /* @__PURE__ */ (0,
|
|
4551
|
+
const logoOverlay = networkLogo ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
4528
4552
|
"div",
|
|
4529
4553
|
{
|
|
4530
4554
|
className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-sm",
|
|
4531
4555
|
style: { width: 32, height: 32, backgroundColor: "#FFFFFF", padding: 2 },
|
|
4532
4556
|
children: networkLogo
|
|
4533
4557
|
}
|
|
4534
|
-
) : networkLogoUrl ? /* @__PURE__ */ (0,
|
|
4558
|
+
) : networkLogoUrl ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
4535
4559
|
"img",
|
|
4536
4560
|
{
|
|
4537
4561
|
src: networkLogoUrl,
|
|
@@ -4542,7 +4566,7 @@ function DepositQRCode({
|
|
|
4542
4566
|
style: { backgroundColor: "#FFFFFF", padding: 2 }
|
|
4543
4567
|
}
|
|
4544
4568
|
) : null;
|
|
4545
|
-
return /* @__PURE__ */ (0,
|
|
4569
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
4546
4570
|
"div",
|
|
4547
4571
|
{
|
|
4548
4572
|
className: "inline-flex items-center justify-center rounded-xl border",
|
|
@@ -4551,8 +4575,8 @@ function DepositQRCode({
|
|
|
4551
4575
|
borderColor: "#E5E7EB",
|
|
4552
4576
|
backgroundColor: "#FFFFFF"
|
|
4553
4577
|
},
|
|
4554
|
-
children: /* @__PURE__ */ (0,
|
|
4555
|
-
/* @__PURE__ */ (0,
|
|
4578
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "relative", style: { width: size, height: size }, children: [
|
|
4579
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_qrcode.QRCodeSVG, { value: depositAddress, size, level: "H" }),
|
|
4556
4580
|
logoOverlay
|
|
4557
4581
|
] })
|
|
4558
4582
|
}
|
|
@@ -4561,27 +4585,27 @@ function DepositQRCode({
|
|
|
4561
4585
|
DepositQRCode.displayName = "DepositQRCode";
|
|
4562
4586
|
|
|
4563
4587
|
// src/deposit/steps/crypto-transfer.tsx
|
|
4564
|
-
var
|
|
4588
|
+
var import_jsx_runtime96 = require("react/jsx-runtime");
|
|
4565
4589
|
var CryptoAddressLoadingState = () => {
|
|
4566
4590
|
const labels = (0, import_hooks17.useLabels)();
|
|
4567
4591
|
const sendCryptoLabels = labels.deposit.sendCrypto;
|
|
4568
|
-
return /* @__PURE__ */ (0,
|
|
4592
|
+
return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
|
|
4569
4593
|
"div",
|
|
4570
4594
|
{
|
|
4571
4595
|
className: "flex w-full flex-col items-center justify-center gap-6 py-10 text-center text-agg-foreground",
|
|
4572
4596
|
role: "status",
|
|
4573
4597
|
"aria-live": "polite",
|
|
4574
4598
|
children: [
|
|
4575
|
-
/* @__PURE__ */ (0,
|
|
4599
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
4576
4600
|
"span",
|
|
4577
4601
|
{
|
|
4578
4602
|
className: "h-9 w-9 animate-spin rounded-full border-2 border-agg-primary/25 border-t-agg-primary",
|
|
4579
4603
|
"aria-hidden": "true"
|
|
4580
4604
|
}
|
|
4581
4605
|
),
|
|
4582
|
-
/* @__PURE__ */ (0,
|
|
4583
|
-
/* @__PURE__ */ (0,
|
|
4584
|
-
/* @__PURE__ */ (0,
|
|
4606
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex w-full flex-col items-center gap-2", children: [
|
|
4607
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6", children: sendCryptoLabels.addressLoadingTitle }),
|
|
4608
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "max-w-[300px] text-agg-sm leading-agg-5", children: sendCryptoLabels.addressLoadingDescription })
|
|
4585
4609
|
] })
|
|
4586
4610
|
]
|
|
4587
4611
|
}
|
|
@@ -4609,29 +4633,29 @@ var CryptoTransferStep = ({
|
|
|
4609
4633
|
const selectedNetworkOption = networkOptions.find((n) => n.value === selectedNetwork);
|
|
4610
4634
|
const networkLogoUrl = (_a = selectedNetworkOption == null ? void 0 : selectedNetworkOption.iconUrl) != null ? _a : "";
|
|
4611
4635
|
const networkLogo = selectedNetworkOption == null ? void 0 : selectedNetworkOption.icon;
|
|
4612
|
-
return /* @__PURE__ */ (0,
|
|
4613
|
-
/* @__PURE__ */ (0,
|
|
4636
|
+
return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
|
|
4637
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
4614
4638
|
Modal.Header,
|
|
4615
4639
|
{
|
|
4616
4640
|
title: labels.deposit.sendCrypto.title,
|
|
4617
4641
|
hideBorder: true,
|
|
4618
|
-
leftElement: /* @__PURE__ */ (0,
|
|
4642
|
+
leftElement: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
4619
4643
|
"button",
|
|
4620
4644
|
{
|
|
4621
4645
|
type: "button",
|
|
4622
4646
|
className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
|
|
4623
4647
|
onClick: onBack,
|
|
4624
4648
|
"aria-label": "Go back",
|
|
4625
|
-
children: /* @__PURE__ */ (0,
|
|
4649
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
|
|
4626
4650
|
}
|
|
4627
4651
|
)
|
|
4628
4652
|
}
|
|
4629
4653
|
),
|
|
4630
|
-
/* @__PURE__ */ (0,
|
|
4631
|
-
/* @__PURE__ */ (0,
|
|
4632
|
-
/* @__PURE__ */ (0,
|
|
4633
|
-
/* @__PURE__ */ (0,
|
|
4634
|
-
/* @__PURE__ */ (0,
|
|
4654
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex flex-col gap-7", children: [
|
|
4655
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "flex flex-col gap-5", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex gap-5", children: [
|
|
4656
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
|
|
4657
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.tokenLabel }),
|
|
4658
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
4635
4659
|
Select,
|
|
4636
4660
|
{
|
|
4637
4661
|
items: tokenOptions,
|
|
@@ -4641,9 +4665,9 @@ var CryptoTransferStep = ({
|
|
|
4641
4665
|
}
|
|
4642
4666
|
)
|
|
4643
4667
|
] }),
|
|
4644
|
-
/* @__PURE__ */ (0,
|
|
4645
|
-
/* @__PURE__ */ (0,
|
|
4646
|
-
/* @__PURE__ */ (0,
|
|
4668
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
|
|
4669
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.networkLabel }),
|
|
4670
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
4647
4671
|
Select,
|
|
4648
4672
|
{
|
|
4649
4673
|
items: networkOptions,
|
|
@@ -4654,7 +4678,7 @@ var CryptoTransferStep = ({
|
|
|
4654
4678
|
)
|
|
4655
4679
|
] })
|
|
4656
4680
|
] }) }),
|
|
4657
|
-
/* @__PURE__ */ (0,
|
|
4681
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "mx-auto", children: isLoadingAddress ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(CryptoAddressLoadingState, {}) : addressError ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "flex h-[192px] w-[192px] items-center justify-center rounded-xl border border-agg-separator bg-agg-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "agg-type-label text-center text-agg-error px-3", children: addressError }) }) : /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
4658
4682
|
DepositQRCode,
|
|
4659
4683
|
{
|
|
4660
4684
|
depositAddress,
|
|
@@ -4662,11 +4686,11 @@ var CryptoTransferStep = ({
|
|
|
4662
4686
|
networkLogo
|
|
4663
4687
|
}
|
|
4664
4688
|
) }),
|
|
4665
|
-
/* @__PURE__ */ (0,
|
|
4666
|
-
/* @__PURE__ */ (0,
|
|
4667
|
-
/* @__PURE__ */ (0,
|
|
4668
|
-
isLoadingAddress ? /* @__PURE__ */ (0,
|
|
4669
|
-
/* @__PURE__ */ (0,
|
|
4689
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex flex-col gap-3", children: [
|
|
4690
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.depositAddressLabel }),
|
|
4691
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex items-center gap-2 rounded border border-agg-separator bg-agg-secondary h-10 px-3", children: [
|
|
4692
|
+
isLoadingAddress ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "h-4 flex-1 animate-pulse rounded bg-agg-muted-foreground/20" }) : /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground", children: depositAddress }),
|
|
4693
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
4670
4694
|
CopyButton,
|
|
4671
4695
|
{
|
|
4672
4696
|
value: depositAddress,
|
|
@@ -4678,13 +4702,13 @@ var CryptoTransferStep = ({
|
|
|
4678
4702
|
}
|
|
4679
4703
|
)
|
|
4680
4704
|
] }),
|
|
4681
|
-
/* @__PURE__ */ (0,
|
|
4705
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "agg-type-label text-agg-foreground", children: `${labels.deposit.sendCrypto.minDepositPrefix} ${minDeposit} \xB7 ${labels.deposit.walletFlow.feePrefix} ${feeEstimate} \xB7 ${eta}` })
|
|
4682
4706
|
] }),
|
|
4683
|
-
/* @__PURE__ */ (0,
|
|
4684
|
-
/* @__PURE__ */ (0,
|
|
4685
|
-
/* @__PURE__ */ (0,
|
|
4707
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex items-start gap-3 rounded-lg bg-agg-secondary-hover p-3", children: [
|
|
4708
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)(WarningIcon, { className: "h-4 w-4 text-agg-muted-foreground mt-0.5" }),
|
|
4709
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "text-agg-xs leading-agg-4 text-agg-foreground", children: labels.deposit.sendCrypto.warning })
|
|
4686
4710
|
] }),
|
|
4687
|
-
/* @__PURE__ */ (0,
|
|
4711
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
4688
4712
|
Button,
|
|
4689
4713
|
{
|
|
4690
4714
|
variant: "secondary",
|
|
@@ -4700,7 +4724,7 @@ var CryptoTransferStep = ({
|
|
|
4700
4724
|
|
|
4701
4725
|
// src/deposit/steps/wallet-form.tsx
|
|
4702
4726
|
var import_hooks18 = require("@agg-build/hooks");
|
|
4703
|
-
var
|
|
4727
|
+
var import_jsx_runtime97 = require("react/jsx-runtime");
|
|
4704
4728
|
var WalletFormStep = ({
|
|
4705
4729
|
walletLabel,
|
|
4706
4730
|
walletBalance,
|
|
@@ -4725,38 +4749,38 @@ var WalletFormStep = ({
|
|
|
4725
4749
|
}) => {
|
|
4726
4750
|
const labels = (0, import_hooks18.useLabels)();
|
|
4727
4751
|
const isConfirmEnabled = !isSubmitting && !isBalanceLoading && Number(amount) > 0 && Number(amount) <= walletBalance;
|
|
4728
|
-
return /* @__PURE__ */ (0,
|
|
4729
|
-
/* @__PURE__ */ (0,
|
|
4752
|
+
return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
|
|
4753
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
4730
4754
|
Modal.Header,
|
|
4731
4755
|
{
|
|
4732
4756
|
title: labels.deposit.walletFlow.title,
|
|
4733
4757
|
hideBorder: true,
|
|
4734
|
-
leftElement: /* @__PURE__ */ (0,
|
|
4758
|
+
leftElement: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
4735
4759
|
"button",
|
|
4736
4760
|
{
|
|
4737
4761
|
type: "button",
|
|
4738
4762
|
className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
|
|
4739
4763
|
onClick: onBack,
|
|
4740
4764
|
"aria-label": "Go back",
|
|
4741
|
-
children: /* @__PURE__ */ (0,
|
|
4765
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
|
|
4742
4766
|
}
|
|
4743
4767
|
)
|
|
4744
4768
|
}
|
|
4745
4769
|
),
|
|
4746
|
-
/* @__PURE__ */ (0,
|
|
4747
|
-
/* @__PURE__ */ (0,
|
|
4748
|
-
/* @__PURE__ */ (0,
|
|
4749
|
-
/* @__PURE__ */ (0,
|
|
4770
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex flex-col gap-7", children: [
|
|
4771
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center justify-between", children: [
|
|
4772
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "agg-type-label text-agg-foreground", children: walletLabel }),
|
|
4773
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
|
|
4750
4774
|
labels.deposit.balanceLabel,
|
|
4751
4775
|
" ",
|
|
4752
|
-
isBalanceLoading ? /* @__PURE__ */ (0,
|
|
4776
|
+
isBalanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(LoadingIcon, { size: "small" }) : formatCompactUsd(walletBalance)
|
|
4753
4777
|
] })
|
|
4754
4778
|
] }),
|
|
4755
|
-
/* @__PURE__ */ (0,
|
|
4756
|
-
/* @__PURE__ */ (0,
|
|
4757
|
-
/* @__PURE__ */ (0,
|
|
4758
|
-
/* @__PURE__ */ (0,
|
|
4759
|
-
/* @__PURE__ */ (0,
|
|
4779
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex flex-col gap-5", children: [
|
|
4780
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex gap-5", children: [
|
|
4781
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
|
|
4782
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.tokenLabel }),
|
|
4783
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
4760
4784
|
Select,
|
|
4761
4785
|
{
|
|
4762
4786
|
items: tokenOptions,
|
|
@@ -4766,9 +4790,9 @@ var WalletFormStep = ({
|
|
|
4766
4790
|
}
|
|
4767
4791
|
)
|
|
4768
4792
|
] }),
|
|
4769
|
-
networkOptions.length > 1 ? /* @__PURE__ */ (0,
|
|
4770
|
-
/* @__PURE__ */ (0,
|
|
4771
|
-
/* @__PURE__ */ (0,
|
|
4793
|
+
networkOptions.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
|
|
4794
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.networkLabel }),
|
|
4795
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
4772
4796
|
Select,
|
|
4773
4797
|
{
|
|
4774
4798
|
items: networkOptions,
|
|
@@ -4779,9 +4803,9 @@ var WalletFormStep = ({
|
|
|
4779
4803
|
)
|
|
4780
4804
|
] }) : null
|
|
4781
4805
|
] }),
|
|
4782
|
-
/* @__PURE__ */ (0,
|
|
4783
|
-
/* @__PURE__ */ (0,
|
|
4784
|
-
/* @__PURE__ */ (0,
|
|
4806
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
4807
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.amountLabel }),
|
|
4808
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
|
|
4785
4809
|
"div",
|
|
4786
4810
|
{
|
|
4787
4811
|
className: cn(
|
|
@@ -4790,7 +4814,7 @@ var WalletFormStep = ({
|
|
|
4790
4814
|
"h-10 px-3"
|
|
4791
4815
|
),
|
|
4792
4816
|
children: [
|
|
4793
|
-
/* @__PURE__ */ (0,
|
|
4817
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
4794
4818
|
"input",
|
|
4795
4819
|
{
|
|
4796
4820
|
type: "text",
|
|
@@ -4802,7 +4826,7 @@ var WalletFormStep = ({
|
|
|
4802
4826
|
onChange: (event) => onAmountChange(event.target.value)
|
|
4803
4827
|
}
|
|
4804
4828
|
),
|
|
4805
|
-
/* @__PURE__ */ (0,
|
|
4829
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
4806
4830
|
"button",
|
|
4807
4831
|
{
|
|
4808
4832
|
type: "button",
|
|
@@ -4816,8 +4840,8 @@ var WalletFormStep = ({
|
|
|
4816
4840
|
}
|
|
4817
4841
|
)
|
|
4818
4842
|
] }),
|
|
4819
|
-
estimatedReceive && feeEstimate && eta ? /* @__PURE__ */ (0,
|
|
4820
|
-
formErrorMessage ? /* @__PURE__ */ (0,
|
|
4843
|
+
estimatedReceive && feeEstimate && eta ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "agg-type-label text-agg-foreground", children: `\u2248 ${estimatedReceive} \xB7 ${labels.deposit.walletFlow.feePrefix} ${feeEstimate} \xB7 ${eta}` }) : null,
|
|
4844
|
+
formErrorMessage ? /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
|
|
4821
4845
|
"div",
|
|
4822
4846
|
{
|
|
4823
4847
|
className: cn(
|
|
@@ -4825,13 +4849,13 @@ var WalletFormStep = ({
|
|
|
4825
4849
|
formErrorTone === "warning" ? "text-agg-warning" : "text-agg-error"
|
|
4826
4850
|
),
|
|
4827
4851
|
children: [
|
|
4828
|
-
/* @__PURE__ */ (0,
|
|
4829
|
-
/* @__PURE__ */ (0,
|
|
4852
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(WarningIcon, { className: "mt-0.5 h-4 w-4 shrink-0" }),
|
|
4853
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "agg-type-label", children: formErrorMessage })
|
|
4830
4854
|
]
|
|
4831
4855
|
}
|
|
4832
4856
|
) : null
|
|
4833
4857
|
] }),
|
|
4834
|
-
/* @__PURE__ */ (0,
|
|
4858
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
4835
4859
|
Button,
|
|
4836
4860
|
{
|
|
4837
4861
|
variant: isConfirmEnabled ? "primary" : "secondary",
|
|
@@ -4850,20 +4874,20 @@ var WalletFormStep = ({
|
|
|
4850
4874
|
|
|
4851
4875
|
// src/deposit/steps/card-provider.tsx
|
|
4852
4876
|
var import_hooks19 = require("@agg-build/hooks");
|
|
4853
|
-
var
|
|
4877
|
+
var import_jsx_runtime98 = require("react/jsx-runtime");
|
|
4854
4878
|
var CardProviderItem = ({ provider, onSelect }) => {
|
|
4855
4879
|
const labels = (0, import_hooks19.useLabels)();
|
|
4856
4880
|
const badgeText = provider.badge === "best" ? labels.deposit.cardFlow.providerBadges.best : provider.badge === "low-kyc" ? labels.deposit.cardFlow.providerBadges.lowKyc : void 0;
|
|
4857
|
-
return /* @__PURE__ */ (0,
|
|
4881
|
+
return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
4858
4882
|
"button",
|
|
4859
4883
|
{
|
|
4860
4884
|
type: "button",
|
|
4861
4885
|
className: "w-full rounded-xl border border-agg-separator px-4 py-3 text-left bg-agg-secondary hover:bg-agg-secondary-hover transition-colors cursor-pointer",
|
|
4862
4886
|
onClick: () => onSelect(provider.id),
|
|
4863
|
-
children: /* @__PURE__ */ (0,
|
|
4864
|
-
/* @__PURE__ */ (0,
|
|
4865
|
-
/* @__PURE__ */ (0,
|
|
4866
|
-
badgeText ? /* @__PURE__ */ (0,
|
|
4887
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
|
|
4888
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
4889
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: provider.name }),
|
|
4890
|
+
badgeText ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
4867
4891
|
"span",
|
|
4868
4892
|
{
|
|
4869
4893
|
className: `rounded border px-2 py-[2px] text-[10px] leading-[14px] font-agg-bold uppercase ${provider.badge === "best" ? "border-agg-primary/50 text-agg-primary bg-agg-secondary" : "border-agg-separator text-agg-foreground bg-agg-secondary"}`,
|
|
@@ -4871,16 +4895,16 @@ var CardProviderItem = ({ provider, onSelect }) => {
|
|
|
4871
4895
|
}
|
|
4872
4896
|
) : null
|
|
4873
4897
|
] }),
|
|
4874
|
-
/* @__PURE__ */ (0,
|
|
4875
|
-
/* @__PURE__ */ (0,
|
|
4876
|
-
/* @__PURE__ */ (0,
|
|
4877
|
-
/* @__PURE__ */ (0,
|
|
4898
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex items-center gap-4", children: [
|
|
4899
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "text-right", children: [
|
|
4900
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: "agg-type-body text-agg-foreground", children: provider.quote }),
|
|
4901
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
|
|
4878
4902
|
labels.deposit.cardFlow.feeLabel,
|
|
4879
4903
|
" ",
|
|
4880
4904
|
provider.fee
|
|
4881
4905
|
] })
|
|
4882
4906
|
] }),
|
|
4883
|
-
/* @__PURE__ */ (0,
|
|
4907
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(ChevronRightIcon, { className: "h-5 w-5 text-agg-muted-foreground" })
|
|
4884
4908
|
] })
|
|
4885
4909
|
] })
|
|
4886
4910
|
}
|
|
@@ -4899,40 +4923,40 @@ var CardProviderStep = ({
|
|
|
4899
4923
|
onRetry
|
|
4900
4924
|
}) => {
|
|
4901
4925
|
const labels = (0, import_hooks19.useLabels)();
|
|
4902
|
-
return /* @__PURE__ */ (0,
|
|
4903
|
-
/* @__PURE__ */ (0,
|
|
4926
|
+
return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
|
|
4927
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
4904
4928
|
Modal.Header,
|
|
4905
4929
|
{
|
|
4906
4930
|
title: labels.deposit.cardFlow.selectProviderTitle,
|
|
4907
4931
|
hideBorder: true,
|
|
4908
|
-
leftElement: /* @__PURE__ */ (0,
|
|
4932
|
+
leftElement: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
4909
4933
|
"button",
|
|
4910
4934
|
{
|
|
4911
4935
|
type: "button",
|
|
4912
4936
|
className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
|
|
4913
4937
|
onClick: onBack,
|
|
4914
4938
|
"aria-label": labels.deposit.back,
|
|
4915
|
-
children: /* @__PURE__ */ (0,
|
|
4939
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
|
|
4916
4940
|
}
|
|
4917
4941
|
)
|
|
4918
4942
|
}
|
|
4919
4943
|
),
|
|
4920
|
-
/* @__PURE__ */ (0,
|
|
4921
|
-
/* @__PURE__ */ (0,
|
|
4922
|
-
/* @__PURE__ */ (0,
|
|
4923
|
-
/* @__PURE__ */ (0,
|
|
4924
|
-
/* @__PURE__ */ (0,
|
|
4944
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex flex-col gap-4", children: [
|
|
4945
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex items-center gap-1.5", children: [
|
|
4946
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(UsdcIcon, { className: "h-4 w-4 shrink-0" }),
|
|
4947
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "agg-type-body font-agg-bold text-agg-foreground", children: token }),
|
|
4948
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("span", { className: "agg-type-body text-agg-foreground", children: [
|
|
4925
4949
|
"$",
|
|
4926
4950
|
amount,
|
|
4927
4951
|
" ",
|
|
4928
4952
|
currency
|
|
4929
4953
|
] })
|
|
4930
4954
|
] }),
|
|
4931
|
-
isLoading ? /* @__PURE__ */ (0,
|
|
4932
|
-
/* @__PURE__ */ (0,
|
|
4933
|
-
/* @__PURE__ */ (0,
|
|
4934
|
-
] }) : error ? /* @__PURE__ */ (0,
|
|
4935
|
-
/* @__PURE__ */ (0,
|
|
4955
|
+
isLoading ? /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex min-h-[200px] flex-col items-center justify-center gap-3", children: [
|
|
4956
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(LoadingIcon, { variant: "prominent" }),
|
|
4957
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.loadingQuotes })
|
|
4958
|
+
] }) : error ? /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex min-h-[200px] flex-col items-center justify-center gap-6 px-2 text-center", children: [
|
|
4959
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
4936
4960
|
Icon,
|
|
4937
4961
|
{
|
|
4938
4962
|
name: "quotes-warning",
|
|
@@ -4941,13 +4965,13 @@ var CardProviderStep = ({
|
|
|
4941
4965
|
color: "currentColor"
|
|
4942
4966
|
}
|
|
4943
4967
|
),
|
|
4944
|
-
/* @__PURE__ */ (0,
|
|
4945
|
-
/* @__PURE__ */ (0,
|
|
4946
|
-
/* @__PURE__ */ (0,
|
|
4968
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex max-w-[320px] flex-col gap-2", children: [
|
|
4969
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.errorLoadingQuotesTitle }),
|
|
4970
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: "agg-type-body text-agg-muted-foreground", children: labels.deposit.cardFlow.errorLoadingQuotesDescription })
|
|
4947
4971
|
] }),
|
|
4948
|
-
onRetry ? /* @__PURE__ */ (0,
|
|
4949
|
-
] }) : providers.length === 0 ? /* @__PURE__ */ (0,
|
|
4950
|
-
providers.map((provider) => /* @__PURE__ */ (0,
|
|
4972
|
+
onRetry ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Button, { variant: "secondary", size: "medium", onClick: onRetry, children: labels.deposit.cardFlow.retry }) : null
|
|
4973
|
+
] }) : providers.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "flex min-h-[200px] items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: "agg-type-body text-agg-muted-foreground", children: labels.deposit.cardFlow.noQuotes }) }) : /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex flex-col gap-4", children: [
|
|
4974
|
+
providers.map((provider) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
4951
4975
|
CardProviderItem,
|
|
4952
4976
|
{
|
|
4953
4977
|
provider,
|
|
@@ -4955,7 +4979,7 @@ var CardProviderStep = ({
|
|
|
4955
4979
|
},
|
|
4956
4980
|
provider.id
|
|
4957
4981
|
)),
|
|
4958
|
-
sessionError ? /* @__PURE__ */ (0,
|
|
4982
|
+
sessionError ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: "agg-type-label text-agg-error text-center", children: sessionError }) : null
|
|
4959
4983
|
] })
|
|
4960
4984
|
] }) })
|
|
4961
4985
|
] });
|
|
@@ -4963,7 +4987,7 @@ var CardProviderStep = ({
|
|
|
4963
4987
|
|
|
4964
4988
|
// src/deposit/steps/card-payment-pending.tsx
|
|
4965
4989
|
var import_hooks20 = require("@agg-build/hooks");
|
|
4966
|
-
var
|
|
4990
|
+
var import_jsx_runtime99 = require("react/jsx-runtime");
|
|
4967
4991
|
var CardPaymentPendingStep = ({
|
|
4968
4992
|
providerName,
|
|
4969
4993
|
walletAddress,
|
|
@@ -4972,28 +4996,28 @@ var CardPaymentPendingStep = ({
|
|
|
4972
4996
|
onChooseAnotherProvider
|
|
4973
4997
|
}) => {
|
|
4974
4998
|
const labels = (0, import_hooks20.useLabels)();
|
|
4975
|
-
return /* @__PURE__ */ (0,
|
|
4976
|
-
/* @__PURE__ */ (0,
|
|
4999
|
+
return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
|
|
5000
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
4977
5001
|
"button",
|
|
4978
5002
|
{
|
|
4979
5003
|
type: "button",
|
|
4980
5004
|
className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors cursor-pointer hover:text-agg-foreground/80",
|
|
4981
5005
|
onClick: onClose,
|
|
4982
5006
|
"aria-label": labels.common.close,
|
|
4983
|
-
children: /* @__PURE__ */ (0,
|
|
5007
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(CloseIcon, { className: "h-6 w-6" })
|
|
4984
5008
|
}
|
|
4985
5009
|
),
|
|
4986
|
-
/* @__PURE__ */ (0,
|
|
4987
|
-
/* @__PURE__ */ (0,
|
|
4988
|
-
/* @__PURE__ */ (0,
|
|
4989
|
-
/* @__PURE__ */ (0,
|
|
4990
|
-
/* @__PURE__ */ (0,
|
|
5010
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
|
|
5011
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(ExternalLinkIcon, { className: "h-[60px] w-[60px]" }) }),
|
|
5012
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
|
|
5013
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.pendingTitle(providerName) }),
|
|
5014
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.pendingDescription })
|
|
4991
5015
|
] }),
|
|
4992
|
-
walletAddress ? /* @__PURE__ */ (0,
|
|
4993
|
-
/* @__PURE__ */ (0,
|
|
4994
|
-
/* @__PURE__ */ (0,
|
|
4995
|
-
/* @__PURE__ */ (0,
|
|
4996
|
-
/* @__PURE__ */ (0,
|
|
5016
|
+
walletAddress ? /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex w-full flex-col items-center gap-3 rounded-agg-md bg-agg-secondary-hover p-5", children: [
|
|
5017
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: "agg-type-label text-agg-foreground w-full", children: labels.deposit.cardFlow.pendingWalletAddressHelp }),
|
|
5018
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex w-full h-10 items-center gap-2 rounded border border-agg-separator bg-agg-secondary px-3 py-[10px]", children: [
|
|
5019
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground", children: walletAddress }),
|
|
5020
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
4997
5021
|
CopyButton,
|
|
4998
5022
|
{
|
|
4999
5023
|
value: walletAddress,
|
|
@@ -5003,11 +5027,11 @@ var CardPaymentPendingStep = ({
|
|
|
5003
5027
|
)
|
|
5004
5028
|
] })
|
|
5005
5029
|
] }) : null,
|
|
5006
|
-
/* @__PURE__ */ (0,
|
|
5007
|
-
/* @__PURE__ */ (0,
|
|
5008
|
-
/* @__PURE__ */ (0,
|
|
5030
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex items-start justify-center gap-3", children: [
|
|
5031
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onClose, children: labels.common.close }),
|
|
5032
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Button, { variant: "primary", size: "large", onClick: onViewActivity, children: labels.deposit.cardFlow.viewActivity })
|
|
5009
5033
|
] }),
|
|
5010
|
-
/* @__PURE__ */ (0,
|
|
5034
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
5011
5035
|
"button",
|
|
5012
5036
|
{
|
|
5013
5037
|
type: "button",
|
|
@@ -5022,10 +5046,10 @@ var CardPaymentPendingStep = ({
|
|
|
5022
5046
|
|
|
5023
5047
|
// src/deposit/steps/card-purchase-success.tsx
|
|
5024
5048
|
var import_hooks21 = require("@agg-build/hooks");
|
|
5025
|
-
var
|
|
5026
|
-
var SummaryRow = ({ label, value }) => /* @__PURE__ */ (0,
|
|
5027
|
-
/* @__PURE__ */ (0,
|
|
5028
|
-
/* @__PURE__ */ (0,
|
|
5049
|
+
var import_jsx_runtime100 = require("react/jsx-runtime");
|
|
5050
|
+
var SummaryRow = ({ label, value }) => /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
|
|
5051
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
|
|
5052
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { className: "agg-type-label text-agg-foreground", children: value })
|
|
5029
5053
|
] });
|
|
5030
5054
|
var CardPurchaseSuccessStep = ({
|
|
5031
5055
|
summary,
|
|
@@ -5033,35 +5057,35 @@ var CardPurchaseSuccessStep = ({
|
|
|
5033
5057
|
onClose
|
|
5034
5058
|
}) => {
|
|
5035
5059
|
const labels = (0, import_hooks21.useLabels)();
|
|
5036
|
-
return /* @__PURE__ */ (0,
|
|
5037
|
-
/* @__PURE__ */ (0,
|
|
5060
|
+
return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
|
|
5061
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
5038
5062
|
"button",
|
|
5039
5063
|
{
|
|
5040
5064
|
type: "button",
|
|
5041
5065
|
className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80",
|
|
5042
5066
|
onClick: onClose,
|
|
5043
5067
|
"aria-label": labels.common.close,
|
|
5044
|
-
children: /* @__PURE__ */ (0,
|
|
5068
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(CloseIcon, { className: "h-6 w-6" })
|
|
5045
5069
|
}
|
|
5046
5070
|
),
|
|
5047
|
-
/* @__PURE__ */ (0,
|
|
5048
|
-
/* @__PURE__ */ (0,
|
|
5049
|
-
/* @__PURE__ */ (0,
|
|
5050
|
-
/* @__PURE__ */ (0,
|
|
5051
|
-
/* @__PURE__ */ (0,
|
|
5071
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
|
|
5072
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
|
|
5073
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
|
|
5074
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.successTitle }),
|
|
5075
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.successDescription })
|
|
5052
5076
|
] }),
|
|
5053
|
-
/* @__PURE__ */ (0,
|
|
5054
|
-
/* @__PURE__ */ (0,
|
|
5077
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
|
|
5078
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
5055
5079
|
SummaryRow,
|
|
5056
5080
|
{
|
|
5057
5081
|
label: labels.deposit.summary.amountReceived,
|
|
5058
5082
|
value: summary.amountReceived
|
|
5059
5083
|
}
|
|
5060
5084
|
),
|
|
5061
|
-
/* @__PURE__ */ (0,
|
|
5062
|
-
/* @__PURE__ */ (0,
|
|
5085
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(SummaryRow, { label: labels.deposit.summary.network, value: summary.network }),
|
|
5086
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(SummaryRow, { label: labels.deposit.cardFlow.summary.fees, value: summary.fees })
|
|
5063
5087
|
] }),
|
|
5064
|
-
/* @__PURE__ */ (0,
|
|
5088
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.deposit.done })
|
|
5065
5089
|
] })
|
|
5066
5090
|
] }) });
|
|
5067
5091
|
};
|
|
@@ -5069,7 +5093,7 @@ var CardPurchaseSuccessStep = ({
|
|
|
5069
5093
|
// src/deposit/steps/wallet-processing.tsx
|
|
5070
5094
|
var import_hooks22 = require("@agg-build/hooks");
|
|
5071
5095
|
var import_react7 = require("react");
|
|
5072
|
-
var
|
|
5096
|
+
var import_jsx_runtime101 = require("react/jsx-runtime");
|
|
5073
5097
|
var WalletProcessingStep = ({
|
|
5074
5098
|
steps,
|
|
5075
5099
|
errorMessage,
|
|
@@ -5082,14 +5106,14 @@ var WalletProcessingStep = ({
|
|
|
5082
5106
|
onComplete();
|
|
5083
5107
|
}
|
|
5084
5108
|
}, [steps, onComplete]);
|
|
5085
|
-
return /* @__PURE__ */ (0,
|
|
5086
|
-
/* @__PURE__ */ (0,
|
|
5087
|
-
/* @__PURE__ */ (0,
|
|
5109
|
+
return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
|
|
5110
|
+
/* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Modal.Header, { title: labels.deposit.processingTitle, hideBorder: true }),
|
|
5111
|
+
/* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex flex-col gap-5", children: [
|
|
5088
5112
|
steps.map((step) => {
|
|
5089
5113
|
const isComplete = step.status === "complete";
|
|
5090
5114
|
const isActive = step.status === "active";
|
|
5091
|
-
return /* @__PURE__ */ (0,
|
|
5092
|
-
isComplete ? /* @__PURE__ */ (0,
|
|
5115
|
+
return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
5116
|
+
isComplete ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(CheckCircleIcon, { className: "h-4 w-4 text-agg-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
5093
5117
|
"span",
|
|
5094
5118
|
{
|
|
5095
5119
|
className: [
|
|
@@ -5099,7 +5123,7 @@ var WalletProcessingStep = ({
|
|
|
5099
5123
|
].join(" ")
|
|
5100
5124
|
}
|
|
5101
5125
|
),
|
|
5102
|
-
/* @__PURE__ */ (0,
|
|
5126
|
+
/* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
5103
5127
|
"p",
|
|
5104
5128
|
{
|
|
5105
5129
|
className: isComplete || isActive ? "agg-type-body text-agg-foreground" : "agg-type-body text-agg-muted-foreground",
|
|
@@ -5108,17 +5132,17 @@ var WalletProcessingStep = ({
|
|
|
5108
5132
|
)
|
|
5109
5133
|
] }, step.id);
|
|
5110
5134
|
}),
|
|
5111
|
-
errorMessage ? /* @__PURE__ */ (0,
|
|
5135
|
+
errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "agg-type-body text-agg-destructive", children: errorMessage }) : null
|
|
5112
5136
|
] }) })
|
|
5113
5137
|
] });
|
|
5114
5138
|
};
|
|
5115
5139
|
|
|
5116
5140
|
// src/deposit/steps/wallet-success.tsx
|
|
5117
5141
|
var import_hooks23 = require("@agg-build/hooks");
|
|
5118
|
-
var
|
|
5119
|
-
var SummaryRow2 = ({ label, value }) => /* @__PURE__ */ (0,
|
|
5120
|
-
/* @__PURE__ */ (0,
|
|
5121
|
-
/* @__PURE__ */ (0,
|
|
5142
|
+
var import_jsx_runtime102 = require("react/jsx-runtime");
|
|
5143
|
+
var SummaryRow2 = ({ label, value }) => /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
|
|
5144
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
|
|
5145
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "agg-type-label text-agg-foreground", children: value })
|
|
5122
5146
|
] });
|
|
5123
5147
|
var WalletSuccessStep = ({
|
|
5124
5148
|
summary,
|
|
@@ -5126,42 +5150,42 @@ var WalletSuccessStep = ({
|
|
|
5126
5150
|
onClose
|
|
5127
5151
|
}) => {
|
|
5128
5152
|
const labels = (0, import_hooks23.useLabels)();
|
|
5129
|
-
return /* @__PURE__ */ (0,
|
|
5130
|
-
/* @__PURE__ */ (0,
|
|
5153
|
+
return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
|
|
5154
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
5131
5155
|
"button",
|
|
5132
5156
|
{
|
|
5133
5157
|
type: "button",
|
|
5134
5158
|
className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80",
|
|
5135
5159
|
onClick: onClose,
|
|
5136
5160
|
"aria-label": labels.common.close,
|
|
5137
|
-
children: /* @__PURE__ */ (0,
|
|
5161
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(CloseIcon, { className: "h-6 w-6" })
|
|
5138
5162
|
}
|
|
5139
5163
|
),
|
|
5140
|
-
/* @__PURE__ */ (0,
|
|
5141
|
-
/* @__PURE__ */ (0,
|
|
5142
|
-
/* @__PURE__ */ (0,
|
|
5143
|
-
/* @__PURE__ */ (0,
|
|
5144
|
-
/* @__PURE__ */ (0,
|
|
5164
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
|
|
5165
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
|
|
5166
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
|
|
5167
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.successTitle }),
|
|
5168
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.successDescription })
|
|
5145
5169
|
] }),
|
|
5146
|
-
/* @__PURE__ */ (0,
|
|
5147
|
-
/* @__PURE__ */ (0,
|
|
5170
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
|
|
5171
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
5148
5172
|
SummaryRow2,
|
|
5149
5173
|
{
|
|
5150
5174
|
label: labels.deposit.summary.amountReceived,
|
|
5151
5175
|
value: summary.amountReceived
|
|
5152
5176
|
}
|
|
5153
5177
|
),
|
|
5154
|
-
/* @__PURE__ */ (0,
|
|
5155
|
-
/* @__PURE__ */ (0,
|
|
5156
|
-
/* @__PURE__ */ (0,
|
|
5178
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsx)(SummaryRow2, { label: labels.deposit.summary.network, value: summary.network }),
|
|
5179
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsx)(SummaryRow2, { label: labels.deposit.summary.fromWallet, value: summary.fromWallet }),
|
|
5180
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsx)(SummaryRow2, { label: labels.deposit.summary.gasFee, value: summary.gasFee })
|
|
5157
5181
|
] }),
|
|
5158
|
-
/* @__PURE__ */ (0,
|
|
5182
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.deposit.done })
|
|
5159
5183
|
] })
|
|
5160
5184
|
] }) });
|
|
5161
5185
|
};
|
|
5162
5186
|
|
|
5163
5187
|
// src/deposit/index.tsx
|
|
5164
|
-
var
|
|
5188
|
+
var import_jsx_runtime103 = require("react/jsx-runtime");
|
|
5165
5189
|
var PENDING_CARD_SESSION_KEY = "agg-pending-card-session";
|
|
5166
5190
|
function savePendingCardSession(data) {
|
|
5167
5191
|
try {
|
|
@@ -5209,7 +5233,7 @@ function isControlledDepositModalProps(props) {
|
|
|
5209
5233
|
}
|
|
5210
5234
|
function DepositModalSelfDriven({ open, onOpenChange }) {
|
|
5211
5235
|
const depositProps = (0, import_deposit.useDepositFlow)({ open, onOpenChange });
|
|
5212
|
-
return /* @__PURE__ */ (0,
|
|
5236
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(DepositModalControlled, __spreadValues({}, depositProps));
|
|
5213
5237
|
}
|
|
5214
5238
|
function DepositModalControlled({
|
|
5215
5239
|
open,
|
|
@@ -5485,8 +5509,8 @@ function DepositModalControlled({
|
|
|
5485
5509
|
onOpenChange(isOpen);
|
|
5486
5510
|
};
|
|
5487
5511
|
const depositModalMaxWidth = step === "method" ? "600px" : "480px";
|
|
5488
|
-
return /* @__PURE__ */ (0,
|
|
5489
|
-
step === "method" ? /* @__PURE__ */ (0,
|
|
5512
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(Modal.Container, { maxWidth: depositModalMaxWidth, "aria-label": "Deposit", children: [
|
|
5513
|
+
step === "method" ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
5490
5514
|
DepositMethodStep,
|
|
5491
5515
|
{
|
|
5492
5516
|
balance: walletFlow.balance,
|
|
@@ -5499,7 +5523,7 @@ function DepositModalControlled({
|
|
|
5499
5523
|
onSelectMethod: handleSelectMethod
|
|
5500
5524
|
}
|
|
5501
5525
|
) : null,
|
|
5502
|
-
step === "wallet-form" ? /* @__PURE__ */ (0,
|
|
5526
|
+
step === "wallet-form" ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
5503
5527
|
WalletFormStep,
|
|
5504
5528
|
{
|
|
5505
5529
|
walletLabel: walletFlow.walletLabel,
|
|
@@ -5563,7 +5587,7 @@ function DepositModalControlled({
|
|
|
5563
5587
|
})
|
|
5564
5588
|
}
|
|
5565
5589
|
) : null,
|
|
5566
|
-
step === "wallet-processing" ? /* @__PURE__ */ (0,
|
|
5590
|
+
step === "wallet-processing" ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
5567
5591
|
WalletProcessingStep,
|
|
5568
5592
|
{
|
|
5569
5593
|
steps: processingSteps,
|
|
@@ -5571,7 +5595,7 @@ function DepositModalControlled({
|
|
|
5571
5595
|
onComplete: () => setStep("wallet-success")
|
|
5572
5596
|
}
|
|
5573
5597
|
) : null,
|
|
5574
|
-
step === "wallet-success" ? /* @__PURE__ */ (0,
|
|
5598
|
+
step === "wallet-success" ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
5575
5599
|
WalletSuccessStep,
|
|
5576
5600
|
{
|
|
5577
5601
|
summary: resolvedSuccessSummary,
|
|
@@ -5579,7 +5603,7 @@ function DepositModalControlled({
|
|
|
5579
5603
|
onClose: () => handleOpenChange(false)
|
|
5580
5604
|
}
|
|
5581
5605
|
) : null,
|
|
5582
|
-
step === "card-deposit" && cardFlow ? /* @__PURE__ */ (0,
|
|
5606
|
+
step === "card-deposit" && cardFlow ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
5583
5607
|
CardDepositStep,
|
|
5584
5608
|
{
|
|
5585
5609
|
amount: cardFlow.amount,
|
|
@@ -5601,7 +5625,7 @@ function DepositModalControlled({
|
|
|
5601
5625
|
onContinue: handleContinueCardDeposit
|
|
5602
5626
|
}
|
|
5603
5627
|
) : null,
|
|
5604
|
-
step === "card-provider" && cardFlow ? /* @__PURE__ */ (0,
|
|
5628
|
+
step === "card-provider" && cardFlow ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
5605
5629
|
CardProviderStep,
|
|
5606
5630
|
{
|
|
5607
5631
|
amount: cardFlow.amount,
|
|
@@ -5616,7 +5640,7 @@ function DepositModalControlled({
|
|
|
5616
5640
|
onRetry: handleRetryQuotes
|
|
5617
5641
|
}
|
|
5618
5642
|
) : null,
|
|
5619
|
-
step === "card-payment-pending" ? /* @__PURE__ */ (0,
|
|
5643
|
+
step === "card-payment-pending" ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
5620
5644
|
CardPaymentPendingStep,
|
|
5621
5645
|
{
|
|
5622
5646
|
providerName: pendingProviderName,
|
|
@@ -5626,7 +5650,7 @@ function DepositModalControlled({
|
|
|
5626
5650
|
onChooseAnotherProvider: handleChooseAnotherProvider
|
|
5627
5651
|
}
|
|
5628
5652
|
) : null,
|
|
5629
|
-
step === "card-success" ? /* @__PURE__ */ (0,
|
|
5653
|
+
step === "card-success" ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
5630
5654
|
CardPurchaseSuccessStep,
|
|
5631
5655
|
{
|
|
5632
5656
|
summary: (_g = pendingCardPurchaseSummary != null ? pendingCardPurchaseSummary : cardFlow == null ? void 0 : cardFlow.purchaseSummary) != null ? _g : {
|
|
@@ -5638,7 +5662,7 @@ function DepositModalControlled({
|
|
|
5638
5662
|
onDone: handleDoneCardPurchase
|
|
5639
5663
|
}
|
|
5640
5664
|
) : null,
|
|
5641
|
-
step === "crypto-transfer" ? /* @__PURE__ */ (0,
|
|
5665
|
+
step === "crypto-transfer" ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
5642
5666
|
CryptoTransferStep,
|
|
5643
5667
|
{
|
|
5644
5668
|
tokenOptions: sendTokenOptions,
|
|
@@ -5664,9 +5688,9 @@ function DepositModalControlled({
|
|
|
5664
5688
|
}
|
|
5665
5689
|
var DepositModal = (props) => {
|
|
5666
5690
|
if (!isControlledDepositModalProps(props)) {
|
|
5667
|
-
return /* @__PURE__ */ (0,
|
|
5691
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(DepositModalSelfDriven, __spreadValues({}, props));
|
|
5668
5692
|
}
|
|
5669
|
-
return /* @__PURE__ */ (0,
|
|
5693
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(DepositModalControlled, __spreadValues({}, props));
|
|
5670
5694
|
};
|
|
5671
5695
|
DepositModal.displayName = "DepositModal";
|
|
5672
5696
|
|
|
@@ -5676,21 +5700,21 @@ var import_withdraw2 = require("@agg-build/hooks/withdraw");
|
|
|
5676
5700
|
|
|
5677
5701
|
// src/withdraw/steps/withdraw-method.tsx
|
|
5678
5702
|
var import_hooks25 = require("@agg-build/hooks");
|
|
5679
|
-
var
|
|
5703
|
+
var import_jsx_runtime104 = require("react/jsx-runtime");
|
|
5680
5704
|
var WithdrawMethodStep = ({
|
|
5681
5705
|
balance,
|
|
5682
5706
|
onSelectMethod
|
|
5683
5707
|
}) => {
|
|
5684
5708
|
const labels = (0, import_hooks25.useLabels)();
|
|
5685
|
-
return /* @__PURE__ */ (0,
|
|
5686
|
-
/* @__PURE__ */ (0,
|
|
5687
|
-
/* @__PURE__ */ (0,
|
|
5688
|
-
/* @__PURE__ */ (0,
|
|
5709
|
+
return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_jsx_runtime104.Fragment, { children: [
|
|
5710
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Modal.Header, { title: labels.withdraw.title, hideBorder: true }),
|
|
5711
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex flex-col gap-5", children: [
|
|
5712
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("p", { className: "agg-type-body text-agg-foreground", children: [
|
|
5689
5713
|
labels.withdraw.balancePrefix,
|
|
5690
5714
|
" ",
|
|
5691
5715
|
formatCompactUsd(balance)
|
|
5692
5716
|
] }),
|
|
5693
|
-
/* @__PURE__ */ (0,
|
|
5717
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
|
|
5694
5718
|
"div",
|
|
5695
5719
|
{
|
|
5696
5720
|
className: cn(
|
|
@@ -5707,12 +5731,12 @@ var WithdrawMethodStep = ({
|
|
|
5707
5731
|
}
|
|
5708
5732
|
},
|
|
5709
5733
|
children: [
|
|
5710
|
-
/* @__PURE__ */ (0,
|
|
5711
|
-
/* @__PURE__ */ (0,
|
|
5712
|
-
/* @__PURE__ */ (0,
|
|
5713
|
-
/* @__PURE__ */ (0,
|
|
5734
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(WalletIcon, { className: "h-6 w-6 text-agg-muted-foreground" }) }),
|
|
5735
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex-1 min-w-0", children: [
|
|
5736
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: labels.withdraw.methods.walletTitle }),
|
|
5737
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: labels.withdraw.methods.walletDescription })
|
|
5714
5738
|
] }),
|
|
5715
|
-
/* @__PURE__ */ (0,
|
|
5739
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "shrink-0 text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(ChevronRightIcon, { className: "h-5 w-5" }) })
|
|
5716
5740
|
]
|
|
5717
5741
|
}
|
|
5718
5742
|
)
|
|
@@ -5722,7 +5746,7 @@ var WithdrawMethodStep = ({
|
|
|
5722
5746
|
|
|
5723
5747
|
// src/withdraw/steps/withdraw-amount.tsx
|
|
5724
5748
|
var import_hooks26 = require("@agg-build/hooks");
|
|
5725
|
-
var
|
|
5749
|
+
var import_jsx_runtime105 = require("react/jsx-runtime");
|
|
5726
5750
|
var WithdrawAmountStep = ({
|
|
5727
5751
|
amount,
|
|
5728
5752
|
destinationWallet,
|
|
@@ -5748,28 +5772,28 @@ var WithdrawAmountStep = ({
|
|
|
5748
5772
|
const isValidAddress = isSolanaDest ? /^[1-9A-HJ-NP-Za-km-z]{32,44}$/.test(trimmedDestination) : /^0x[a-fA-F0-9]{40}$/.test(trimmedDestination);
|
|
5749
5773
|
const isValid = Number(amount) > 0 && isValidAddress;
|
|
5750
5774
|
const isDisabled = !isValid || isConfirming;
|
|
5751
|
-
return /* @__PURE__ */ (0,
|
|
5752
|
-
/* @__PURE__ */ (0,
|
|
5775
|
+
return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_jsx_runtime105.Fragment, { children: [
|
|
5776
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
5753
5777
|
Modal.Header,
|
|
5754
5778
|
{
|
|
5755
5779
|
title: labels.withdraw.walletFlow.title,
|
|
5756
5780
|
hideBorder: true,
|
|
5757
|
-
leftElement: /* @__PURE__ */ (0,
|
|
5781
|
+
leftElement: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
5758
5782
|
"button",
|
|
5759
5783
|
{
|
|
5760
5784
|
type: "button",
|
|
5761
5785
|
className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
|
|
5762
5786
|
onClick: onBack,
|
|
5763
5787
|
"aria-label": labels.withdraw.back,
|
|
5764
|
-
children: /* @__PURE__ */ (0,
|
|
5788
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
|
|
5765
5789
|
}
|
|
5766
5790
|
)
|
|
5767
5791
|
}
|
|
5768
5792
|
),
|
|
5769
|
-
/* @__PURE__ */ (0,
|
|
5770
|
-
/* @__PURE__ */ (0,
|
|
5771
|
-
/* @__PURE__ */ (0,
|
|
5772
|
-
/* @__PURE__ */ (0,
|
|
5793
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex flex-col gap-5", children: [
|
|
5794
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
5795
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.recipientAddressLabel }),
|
|
5796
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
5773
5797
|
"input",
|
|
5774
5798
|
{
|
|
5775
5799
|
type: "text",
|
|
@@ -5785,13 +5809,13 @@ var WithdrawAmountStep = ({
|
|
|
5785
5809
|
}
|
|
5786
5810
|
)
|
|
5787
5811
|
] }),
|
|
5788
|
-
/* @__PURE__ */ (0,
|
|
5789
|
-
/* @__PURE__ */ (0,
|
|
5790
|
-
/* @__PURE__ */ (0,
|
|
5791
|
-
/* @__PURE__ */ (0,
|
|
5812
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
5813
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex items-center justify-between", children: [
|
|
5814
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.amountLabel }),
|
|
5815
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: balanceDisplay })
|
|
5792
5816
|
] }),
|
|
5793
|
-
/* @__PURE__ */ (0,
|
|
5794
|
-
/* @__PURE__ */ (0,
|
|
5817
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex h-10 items-center gap-2 rounded border border-agg-separator bg-agg-secondary px-3 focus-within:border-agg-primary transition-colors", children: [
|
|
5818
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
5795
5819
|
"input",
|
|
5796
5820
|
{
|
|
5797
5821
|
type: "text",
|
|
@@ -5806,8 +5830,8 @@ var WithdrawAmountStep = ({
|
|
|
5806
5830
|
onChange: (e) => onAmountChange(e.target.value)
|
|
5807
5831
|
}
|
|
5808
5832
|
),
|
|
5809
|
-
/* @__PURE__ */ (0,
|
|
5810
|
-
onMaxClick ? /* @__PURE__ */ (0,
|
|
5833
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "agg-type-body text-agg-muted-foreground shrink-0", children: selectedToken }),
|
|
5834
|
+
onMaxClick ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
5811
5835
|
"button",
|
|
5812
5836
|
{
|
|
5813
5837
|
type: "button",
|
|
@@ -5818,10 +5842,10 @@ var WithdrawAmountStep = ({
|
|
|
5818
5842
|
) : null
|
|
5819
5843
|
] })
|
|
5820
5844
|
] }),
|
|
5821
|
-
/* @__PURE__ */ (0,
|
|
5822
|
-
/* @__PURE__ */ (0,
|
|
5823
|
-
/* @__PURE__ */ (0,
|
|
5824
|
-
/* @__PURE__ */ (0,
|
|
5845
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex flex-col gap-3 sm:flex-row sm:gap-5", children: [
|
|
5846
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
|
|
5847
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.tokenLabel }),
|
|
5848
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
5825
5849
|
Select,
|
|
5826
5850
|
{
|
|
5827
5851
|
items: tokenOptions,
|
|
@@ -5831,9 +5855,9 @@ var WithdrawAmountStep = ({
|
|
|
5831
5855
|
}
|
|
5832
5856
|
)
|
|
5833
5857
|
] }),
|
|
5834
|
-
/* @__PURE__ */ (0,
|
|
5835
|
-
/* @__PURE__ */ (0,
|
|
5836
|
-
/* @__PURE__ */ (0,
|
|
5858
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
|
|
5859
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.networkLabel }),
|
|
5860
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
5837
5861
|
Select,
|
|
5838
5862
|
{
|
|
5839
5863
|
items: networkOptions,
|
|
@@ -5844,7 +5868,7 @@ var WithdrawAmountStep = ({
|
|
|
5844
5868
|
)
|
|
5845
5869
|
] })
|
|
5846
5870
|
] }),
|
|
5847
|
-
/* @__PURE__ */ (0,
|
|
5871
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
5848
5872
|
Button,
|
|
5849
5873
|
{
|
|
5850
5874
|
variant: isValid && !isConfirming ? "primary" : "secondary",
|
|
@@ -5855,7 +5879,7 @@ var WithdrawAmountStep = ({
|
|
|
5855
5879
|
children: isConfirming ? labels.common.loading : labels.withdraw.walletFlow.confirm
|
|
5856
5880
|
}
|
|
5857
5881
|
),
|
|
5858
|
-
error ? /* @__PURE__ */ (0,
|
|
5882
|
+
error ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("p", { className: "agg-type-label text-agg-error text-center", role: "alert", children: error }) : null
|
|
5859
5883
|
] }) })
|
|
5860
5884
|
] });
|
|
5861
5885
|
};
|
|
@@ -5947,15 +5971,15 @@ var buildWithdrawalLifecycleSteps = ({
|
|
|
5947
5971
|
};
|
|
5948
5972
|
|
|
5949
5973
|
// src/withdraw/steps/withdraw-success.tsx
|
|
5950
|
-
var
|
|
5951
|
-
var SummaryRow3 = ({ label, value }) => /* @__PURE__ */ (0,
|
|
5952
|
-
/* @__PURE__ */ (0,
|
|
5953
|
-
/* @__PURE__ */ (0,
|
|
5974
|
+
var import_jsx_runtime106 = require("react/jsx-runtime");
|
|
5975
|
+
var SummaryRow3 = ({ label, value }) => /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
|
|
5976
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
|
|
5977
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "agg-type-label text-agg-foreground", children: value })
|
|
5954
5978
|
] });
|
|
5955
5979
|
var LoadingGlyph = ({
|
|
5956
5980
|
className,
|
|
5957
5981
|
enableAnimations
|
|
5958
|
-
}) => /* @__PURE__ */ (0,
|
|
5982
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
5959
5983
|
"span",
|
|
5960
5984
|
{
|
|
5961
5985
|
"aria-hidden": "true",
|
|
@@ -6033,21 +6057,21 @@ var WithdrawSuccessStep = ({
|
|
|
6033
6057
|
descriptionCopy: walletFlowLabels.successDescription(tokenSymbol)
|
|
6034
6058
|
};
|
|
6035
6059
|
})();
|
|
6036
|
-
return /* @__PURE__ */ (0,
|
|
6037
|
-
/* @__PURE__ */ (0,
|
|
6060
|
+
return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
|
|
6061
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
6038
6062
|
"button",
|
|
6039
6063
|
{
|
|
6040
6064
|
type: "button",
|
|
6041
6065
|
className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80 cursor-pointer",
|
|
6042
6066
|
onClick: onClose,
|
|
6043
6067
|
"aria-label": labels.common.close,
|
|
6044
|
-
children: /* @__PURE__ */ (0,
|
|
6068
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(CloseIcon, { className: "h-6 w-6" })
|
|
6045
6069
|
}
|
|
6046
6070
|
),
|
|
6047
|
-
/* @__PURE__ */ (0,
|
|
6048
|
-
/* @__PURE__ */ (0,
|
|
6049
|
-
/* @__PURE__ */ (0,
|
|
6050
|
-
/* @__PURE__ */ (0,
|
|
6071
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
|
|
6072
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
|
|
6073
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: titleCopy }),
|
|
6074
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
6051
6075
|
"p",
|
|
6052
6076
|
{
|
|
6053
6077
|
className: "agg-type-body text-agg-muted-foreground",
|
|
@@ -6056,10 +6080,10 @@ var WithdrawSuccessStep = ({
|
|
|
6056
6080
|
children: descriptionCopy
|
|
6057
6081
|
}
|
|
6058
6082
|
),
|
|
6059
|
-
state.errorMessage ? /* @__PURE__ */ (0,
|
|
6083
|
+
state.errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "agg-type-body text-agg-destructive", children: state.errorMessage }) : null
|
|
6060
6084
|
] }),
|
|
6061
|
-
hasDetails || !state.pending ? /* @__PURE__ */ (0,
|
|
6062
|
-
hasDetails ? /* @__PURE__ */ (0,
|
|
6085
|
+
hasDetails || !state.pending ? /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "agg-withdraw-success-timeline flex w-full flex-col gap-2", children: [
|
|
6086
|
+
hasDetails ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
6063
6087
|
"div",
|
|
6064
6088
|
{
|
|
6065
6089
|
"aria-hidden": !isTimelineExpanded,
|
|
@@ -6072,17 +6096,17 @@ var WithdrawSuccessStep = ({
|
|
|
6072
6096
|
"transition-[grid-template-rows,opacity] duration-200 ease-[cubic-bezier(0.22,1,0.36,1)]"
|
|
6073
6097
|
)
|
|
6074
6098
|
),
|
|
6075
|
-
children: /* @__PURE__ */ (0,
|
|
6099
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "flex flex-col gap-4 pb-2", children: groups.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
6076
6100
|
"div",
|
|
6077
6101
|
{
|
|
6078
6102
|
className: "flex flex-col gap-2",
|
|
6079
|
-
children: group.map((step) => /* @__PURE__ */ (0,
|
|
6103
|
+
children: group.map((step) => /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
|
|
6080
6104
|
"div",
|
|
6081
6105
|
{
|
|
6082
6106
|
className: "flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground",
|
|
6083
6107
|
"data-step-status": step.status,
|
|
6084
6108
|
children: [
|
|
6085
|
-
step.status === "pending" ? /* @__PURE__ */ (0,
|
|
6109
|
+
step.status === "pending" ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
6086
6110
|
LoadingGlyph,
|
|
6087
6111
|
{
|
|
6088
6112
|
enableAnimations,
|
|
@@ -6091,7 +6115,7 @@ var WithdrawSuccessStep = ({
|
|
|
6091
6115
|
stepIconClassNameFor(step.status)
|
|
6092
6116
|
)
|
|
6093
6117
|
}
|
|
6094
|
-
) : /* @__PURE__ */ (0,
|
|
6118
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
6095
6119
|
Icon,
|
|
6096
6120
|
{
|
|
6097
6121
|
name: stepIconNameFor(step.status),
|
|
@@ -6103,7 +6127,7 @@ var WithdrawSuccessStep = ({
|
|
|
6103
6127
|
"aria-hidden": "true"
|
|
6104
6128
|
}
|
|
6105
6129
|
),
|
|
6106
|
-
/* @__PURE__ */ (0,
|
|
6130
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "min-w-0 flex-1", children: step.label })
|
|
6107
6131
|
]
|
|
6108
6132
|
},
|
|
6109
6133
|
step.id
|
|
@@ -6113,7 +6137,7 @@ var WithdrawSuccessStep = ({
|
|
|
6113
6137
|
)) }) })
|
|
6114
6138
|
}
|
|
6115
6139
|
) : null,
|
|
6116
|
-
hasDetails ? /* @__PURE__ */ (0,
|
|
6140
|
+
hasDetails ? /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
|
|
6117
6141
|
"button",
|
|
6118
6142
|
{
|
|
6119
6143
|
type: "button",
|
|
@@ -6125,13 +6149,13 @@ var WithdrawSuccessStep = ({
|
|
|
6125
6149
|
),
|
|
6126
6150
|
onClick: () => setIsTimelineExpanded((current) => !current),
|
|
6127
6151
|
children: [
|
|
6128
|
-
finalStep.status === "pending" ? /* @__PURE__ */ (0,
|
|
6152
|
+
finalStep.status === "pending" ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
6129
6153
|
LoadingGlyph,
|
|
6130
6154
|
{
|
|
6131
6155
|
enableAnimations,
|
|
6132
6156
|
className: cn("h-3 w-3 shrink-0", stepIconClassNameFor(finalStep.status))
|
|
6133
6157
|
}
|
|
6134
|
-
) : /* @__PURE__ */ (0,
|
|
6158
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
6135
6159
|
Icon,
|
|
6136
6160
|
{
|
|
6137
6161
|
name: stepIconNameFor(finalStep.status),
|
|
@@ -6140,8 +6164,8 @@ var WithdrawSuccessStep = ({
|
|
|
6140
6164
|
"aria-hidden": "true"
|
|
6141
6165
|
}
|
|
6142
6166
|
),
|
|
6143
|
-
/* @__PURE__ */ (0,
|
|
6144
|
-
/* @__PURE__ */ (0,
|
|
6167
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "min-w-0 flex-1", children: finalStep.label }),
|
|
6168
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
6145
6169
|
Icon,
|
|
6146
6170
|
{
|
|
6147
6171
|
name: isTimelineExpanded ? "chevron-up" : "chevron-down",
|
|
@@ -6154,25 +6178,25 @@ var WithdrawSuccessStep = ({
|
|
|
6154
6178
|
}
|
|
6155
6179
|
) : null
|
|
6156
6180
|
] }) : null,
|
|
6157
|
-
/* @__PURE__ */ (0,
|
|
6158
|
-
/* @__PURE__ */ (0,
|
|
6181
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
|
|
6182
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
6159
6183
|
SummaryRow3,
|
|
6160
6184
|
{
|
|
6161
6185
|
label: walletFlowLabels.summary.amountReceived,
|
|
6162
6186
|
value: summary.amountReceived
|
|
6163
6187
|
}
|
|
6164
6188
|
),
|
|
6165
|
-
/* @__PURE__ */ (0,
|
|
6166
|
-
/* @__PURE__ */ (0,
|
|
6167
|
-
/* @__PURE__ */ (0,
|
|
6189
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)(SummaryRow3, { label: walletFlowLabels.summary.network, value: summary.network }),
|
|
6190
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)(SummaryRow3, { label: walletFlowLabels.summary.toWallet, value: summary.toWallet }),
|
|
6191
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)(SummaryRow3, { label: walletFlowLabels.summary.fees, value: summary.fees })
|
|
6168
6192
|
] }),
|
|
6169
|
-
/* @__PURE__ */ (0,
|
|
6193
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Button, { variant: "secondary", size: "large", className: "w-[160px]", onClick: onDone, children: labels.withdraw.done })
|
|
6170
6194
|
] })
|
|
6171
6195
|
] }) });
|
|
6172
6196
|
};
|
|
6173
6197
|
|
|
6174
6198
|
// src/withdraw/index.tsx
|
|
6175
|
-
var
|
|
6199
|
+
var import_jsx_runtime107 = require("react/jsx-runtime");
|
|
6176
6200
|
function isControlledWithdrawModalProps(props) {
|
|
6177
6201
|
return "withdrawFlow" in props;
|
|
6178
6202
|
}
|
|
@@ -6181,7 +6205,7 @@ function WithdrawModalSelfDriven({
|
|
|
6181
6205
|
onOpenChange
|
|
6182
6206
|
}) {
|
|
6183
6207
|
const withdrawProps = (0, import_withdraw2.useWithdrawFlow)({ open, onOpenChange });
|
|
6184
|
-
return /* @__PURE__ */ (0,
|
|
6208
|
+
return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(WithdrawModalControlled, __spreadValues({}, withdrawProps));
|
|
6185
6209
|
}
|
|
6186
6210
|
function WithdrawModalControlled({
|
|
6187
6211
|
open,
|
|
@@ -6231,15 +6255,15 @@ function WithdrawModalControlled({
|
|
|
6231
6255
|
});
|
|
6232
6256
|
const withdrawTokenOptions = withTokenIcons(withdrawFlow.tokenOptions);
|
|
6233
6257
|
const withdrawNetworkOptions = withNetworkIcons(withdrawFlow.networkOptions);
|
|
6234
|
-
return /* @__PURE__ */ (0,
|
|
6235
|
-
step === "method" ? /* @__PURE__ */ (0,
|
|
6258
|
+
return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(Modal.Container, { maxWidth: "600px", "aria-label": "Withdraw", children: [
|
|
6259
|
+
step === "method" ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
6236
6260
|
WithdrawMethodStep,
|
|
6237
6261
|
{
|
|
6238
6262
|
balance: withdrawFlow.balance,
|
|
6239
6263
|
onSelectMethod: () => setStep("withdraw-amount")
|
|
6240
6264
|
}
|
|
6241
6265
|
) : null,
|
|
6242
|
-
step === "withdraw-amount" ? /* @__PURE__ */ (0,
|
|
6266
|
+
step === "withdraw-amount" ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
6243
6267
|
WithdrawAmountStep,
|
|
6244
6268
|
{
|
|
6245
6269
|
amount: withdrawFlow.amount,
|
|
@@ -6260,7 +6284,7 @@ function WithdrawModalControlled({
|
|
|
6260
6284
|
onContinue: handleConfirm
|
|
6261
6285
|
}
|
|
6262
6286
|
) : null,
|
|
6263
|
-
step === "success" ? /* @__PURE__ */ (0,
|
|
6287
|
+
step === "success" ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
6264
6288
|
WithdrawSuccessStep,
|
|
6265
6289
|
{
|
|
6266
6290
|
summary: withdrawFlow.purchaseSummary,
|
|
@@ -6274,9 +6298,9 @@ function WithdrawModalControlled({
|
|
|
6274
6298
|
}
|
|
6275
6299
|
var WithdrawModal = (props) => {
|
|
6276
6300
|
if (isControlledWithdrawModalProps(props)) {
|
|
6277
|
-
return /* @__PURE__ */ (0,
|
|
6301
|
+
return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(WithdrawModalControlled, __spreadValues({}, props));
|
|
6278
6302
|
}
|
|
6279
|
-
return /* @__PURE__ */ (0,
|
|
6303
|
+
return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(WithdrawModalSelfDriven, __spreadValues({}, props));
|
|
6280
6304
|
};
|
|
6281
6305
|
WithdrawModal.displayName = "WithdrawModal";
|
|
6282
6306
|
|
|
@@ -6303,12 +6327,12 @@ var ONCHAIN_VENUES = [import_sdk10.Venue.polymarket, import_sdk10.Venue.opinion,
|
|
|
6303
6327
|
// src/onboarding/steps/how-it-works.tsx
|
|
6304
6328
|
var import_react11 = require("react");
|
|
6305
6329
|
var import_hooks28 = require("@agg-build/hooks");
|
|
6306
|
-
var
|
|
6330
|
+
var import_jsx_runtime108 = require("react/jsx-runtime");
|
|
6307
6331
|
var defaultIcons = {
|
|
6308
|
-
createAccount: /* @__PURE__ */ (0,
|
|
6309
|
-
linkAccounts: /* @__PURE__ */ (0,
|
|
6310
|
-
bestPrices: /* @__PURE__ */ (0,
|
|
6311
|
-
stayInControl: /* @__PURE__ */ (0,
|
|
6332
|
+
createAccount: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(CreateAccountIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
|
|
6333
|
+
linkAccounts: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(LinkAccountsIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
|
|
6334
|
+
bestPrices: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(BestPricesIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
|
|
6335
|
+
stayInControl: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(StayInControlIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" })
|
|
6312
6336
|
};
|
|
6313
6337
|
var HowItWorksStep = ({ onContinue, icons }) => {
|
|
6314
6338
|
const labels = (0, import_hooks28.useLabels)();
|
|
@@ -6321,10 +6345,10 @@ var HowItWorksStep = ({ onContinue, icons }) => {
|
|
|
6321
6345
|
setShowTopGradient(el.scrollTop > 0);
|
|
6322
6346
|
setShowBottomGradient(el.scrollTop + el.clientHeight < el.scrollHeight - 1);
|
|
6323
6347
|
}, []);
|
|
6324
|
-
return /* @__PURE__ */ (0,
|
|
6325
|
-
/* @__PURE__ */ (0,
|
|
6326
|
-
/* @__PURE__ */ (0,
|
|
6327
|
-
/* @__PURE__ */ (0,
|
|
6348
|
+
return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex flex-col gap-6 h-[600px] sm:h-auto", children: [
|
|
6349
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.howItWorks.title }),
|
|
6350
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "relative flex-1 min-h-0 sm:flex-initial", children: [
|
|
6351
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
6328
6352
|
"div",
|
|
6329
6353
|
{
|
|
6330
6354
|
ref: scrollRef,
|
|
@@ -6334,7 +6358,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
|
|
|
6334
6358
|
var _a;
|
|
6335
6359
|
const icon = (_a = icons == null ? void 0 : icons[featureKey]) != null ? _a : defaultIcons[featureKey];
|
|
6336
6360
|
const feature = labels.onboarding.howItWorks.features[featureKey];
|
|
6337
|
-
return /* @__PURE__ */ (0,
|
|
6361
|
+
return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
|
|
6338
6362
|
"div",
|
|
6339
6363
|
{
|
|
6340
6364
|
className: cn(
|
|
@@ -6343,11 +6367,11 @@ var HowItWorksStep = ({ onContinue, icons }) => {
|
|
|
6343
6367
|
"bg-agg-secondary-hover"
|
|
6344
6368
|
),
|
|
6345
6369
|
children: [
|
|
6346
|
-
/* @__PURE__ */ (0,
|
|
6347
|
-
/* @__PURE__ */ (0,
|
|
6348
|
-
/* @__PURE__ */ (0,
|
|
6370
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex flex-col flex-1 min-w-0 gap-[6px]", children: [
|
|
6371
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: feature.title }),
|
|
6372
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: feature.description })
|
|
6349
6373
|
] }),
|
|
6350
|
-
icon ? /* @__PURE__ */ (0,
|
|
6374
|
+
icon ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "hidden shrink-0 items-center justify-center text-agg-muted-foreground sm:flex", children: icon }) : null
|
|
6351
6375
|
]
|
|
6352
6376
|
},
|
|
6353
6377
|
featureKey
|
|
@@ -6355,7 +6379,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
|
|
|
6355
6379
|
})
|
|
6356
6380
|
}
|
|
6357
6381
|
),
|
|
6358
|
-
/* @__PURE__ */ (0,
|
|
6382
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
6359
6383
|
"div",
|
|
6360
6384
|
{
|
|
6361
6385
|
className: cn(
|
|
@@ -6366,7 +6390,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
|
|
|
6366
6390
|
)
|
|
6367
6391
|
}
|
|
6368
6392
|
),
|
|
6369
|
-
/* @__PURE__ */ (0,
|
|
6393
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
6370
6394
|
"div",
|
|
6371
6395
|
{
|
|
6372
6396
|
className: cn(
|
|
@@ -6378,7 +6402,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
|
|
|
6378
6402
|
}
|
|
6379
6403
|
)
|
|
6380
6404
|
] }),
|
|
6381
|
-
/* @__PURE__ */ (0,
|
|
6405
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Button, { variant: "primary", size: "large", className: "w-full", onClick: onContinue, children: labels.onboarding.howItWorks.continue })
|
|
6382
6406
|
] });
|
|
6383
6407
|
};
|
|
6384
6408
|
HowItWorksStep.displayName = "HowItWorksStep";
|
|
@@ -6408,7 +6432,7 @@ var resolveVenueLogoIsColor = ({
|
|
|
6408
6432
|
};
|
|
6409
6433
|
|
|
6410
6434
|
// src/primitives/venue-logo/index.tsx
|
|
6411
|
-
var
|
|
6435
|
+
var import_jsx_runtime109 = require("react/jsx-runtime");
|
|
6412
6436
|
var VenueLogo = ({
|
|
6413
6437
|
venue,
|
|
6414
6438
|
variant = "icon",
|
|
@@ -6434,7 +6458,7 @@ var VenueLogo = ({
|
|
|
6434
6458
|
console.warn(`[AggUI] Unknown venue "${venue}" \u2014 using default logo`);
|
|
6435
6459
|
}
|
|
6436
6460
|
if (variant === "logo") {
|
|
6437
|
-
return /* @__PURE__ */ (0,
|
|
6461
|
+
return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
6438
6462
|
RemoteImage,
|
|
6439
6463
|
{
|
|
6440
6464
|
src: (_a = venueLogoUrlRegistry[venue]) != null ? _a : DEFAULT_VENUE_LOGO_URL,
|
|
@@ -6449,7 +6473,7 @@ var VenueLogo = ({
|
|
|
6449
6473
|
isColor,
|
|
6450
6474
|
isMonochromatic
|
|
6451
6475
|
});
|
|
6452
|
-
return /* @__PURE__ */ (0,
|
|
6476
|
+
return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
6453
6477
|
Component,
|
|
6454
6478
|
{
|
|
6455
6479
|
className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
|
|
@@ -6463,7 +6487,7 @@ var VenueLogo = ({
|
|
|
6463
6487
|
VenueLogo.displayName = "VenueLogo";
|
|
6464
6488
|
|
|
6465
6489
|
// src/onboarding/steps/profile-setup.tsx
|
|
6466
|
-
var
|
|
6490
|
+
var import_jsx_runtime110 = require("react/jsx-runtime");
|
|
6467
6491
|
var ProfileSetupStep = ({ onContinue }) => {
|
|
6468
6492
|
const labels = (0, import_hooks30.useLabels)();
|
|
6469
6493
|
const [username, setUsername] = (0, import_react12.useState)("");
|
|
@@ -6493,11 +6517,11 @@ var ProfileSetupStep = ({ onContinue }) => {
|
|
|
6493
6517
|
avatarPreview
|
|
6494
6518
|
});
|
|
6495
6519
|
}, [username, avatarFile, avatarPreview, onContinue]);
|
|
6496
|
-
return /* @__PURE__ */ (0,
|
|
6497
|
-
/* @__PURE__ */ (0,
|
|
6498
|
-
/* @__PURE__ */ (0,
|
|
6499
|
-
/* @__PURE__ */ (0,
|
|
6500
|
-
/* @__PURE__ */ (0,
|
|
6520
|
+
return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex flex-col gap-7", children: [
|
|
6521
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.profileSetup.title }),
|
|
6522
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex flex-col gap-5 items-center w-full", children: [
|
|
6523
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex justify-center", children: [
|
|
6524
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
|
|
6501
6525
|
"button",
|
|
6502
6526
|
{
|
|
6503
6527
|
type: "button",
|
|
@@ -6513,13 +6537,13 @@ var ProfileSetupStep = ({ onContinue }) => {
|
|
|
6513
6537
|
),
|
|
6514
6538
|
"aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
|
|
6515
6539
|
children: [
|
|
6516
|
-
!avatarPreview ? /* @__PURE__ */ (0,
|
|
6540
|
+
!avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
6517
6541
|
"svg",
|
|
6518
6542
|
{
|
|
6519
6543
|
"aria-hidden": true,
|
|
6520
6544
|
viewBox: "0 0 80 80",
|
|
6521
6545
|
className: "pointer-events-none absolute inset-0 h-full w-full text-agg-separator group-hover:text-agg-muted-foreground",
|
|
6522
|
-
children: /* @__PURE__ */ (0,
|
|
6546
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
6523
6547
|
"circle",
|
|
6524
6548
|
{
|
|
6525
6549
|
cx: "40",
|
|
@@ -6533,18 +6557,18 @@ var ProfileSetupStep = ({ onContinue }) => {
|
|
|
6533
6557
|
)
|
|
6534
6558
|
}
|
|
6535
6559
|
) : null,
|
|
6536
|
-
avatarPreview ? /* @__PURE__ */ (0,
|
|
6560
|
+
avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
6537
6561
|
RemoteImage,
|
|
6538
6562
|
{
|
|
6539
6563
|
src: avatarPreview,
|
|
6540
6564
|
alt: labels.onboarding.profileSetup.profilePreviewAlt,
|
|
6541
6565
|
className: "h-full w-full object-cover"
|
|
6542
6566
|
}
|
|
6543
|
-
) : /* @__PURE__ */ (0,
|
|
6567
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })
|
|
6544
6568
|
]
|
|
6545
6569
|
}
|
|
6546
6570
|
),
|
|
6547
|
-
/* @__PURE__ */ (0,
|
|
6571
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
6548
6572
|
"input",
|
|
6549
6573
|
{
|
|
6550
6574
|
ref: fileInputRef,
|
|
@@ -6556,8 +6580,8 @@ var ProfileSetupStep = ({ onContinue }) => {
|
|
|
6556
6580
|
}
|
|
6557
6581
|
)
|
|
6558
6582
|
] }),
|
|
6559
|
-
/* @__PURE__ */ (0,
|
|
6560
|
-
/* @__PURE__ */ (0,
|
|
6583
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
|
|
6584
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
6561
6585
|
"label",
|
|
6562
6586
|
{
|
|
6563
6587
|
htmlFor: "onboarding-username",
|
|
@@ -6565,7 +6589,7 @@ var ProfileSetupStep = ({ onContinue }) => {
|
|
|
6565
6589
|
children: labels.onboarding.profileSetup.usernameLabel
|
|
6566
6590
|
}
|
|
6567
6591
|
),
|
|
6568
|
-
/* @__PURE__ */ (0,
|
|
6592
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
6569
6593
|
"input",
|
|
6570
6594
|
{
|
|
6571
6595
|
id: "onboarding-username",
|
|
@@ -6589,7 +6613,7 @@ var ProfileSetupStep = ({ onContinue }) => {
|
|
|
6589
6613
|
)
|
|
6590
6614
|
] })
|
|
6591
6615
|
] }),
|
|
6592
|
-
/* @__PURE__ */ (0,
|
|
6616
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Button, { variant: "primary", size: "large", className: "w-full", onClick: handleContinue, children: labels.onboarding.profileSetup.continue })
|
|
6593
6617
|
] });
|
|
6594
6618
|
};
|
|
6595
6619
|
ProfileSetupStep.displayName = "ProfileSetupStep";
|
|
@@ -6597,9 +6621,9 @@ ProfileSetupStep.displayName = "ProfileSetupStep";
|
|
|
6597
6621
|
// src/onboarding/steps/connect-accounts.tsx
|
|
6598
6622
|
var import_sdk11 = require("@agg-build/sdk");
|
|
6599
6623
|
var import_hooks31 = require("@agg-build/hooks");
|
|
6600
|
-
var
|
|
6624
|
+
var import_jsx_runtime111 = require("react/jsx-runtime");
|
|
6601
6625
|
var OnchainVenueLogos = () => {
|
|
6602
|
-
return /* @__PURE__ */ (0,
|
|
6626
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
|
|
6603
6627
|
};
|
|
6604
6628
|
var VenueCard = ({
|
|
6605
6629
|
logos,
|
|
@@ -6611,7 +6635,7 @@ var VenueCard = ({
|
|
|
6611
6635
|
connected = false
|
|
6612
6636
|
}) => {
|
|
6613
6637
|
const labels = (0, import_hooks31.useLabels)();
|
|
6614
|
-
const action = connected ? /* @__PURE__ */ (0,
|
|
6638
|
+
const action = connected ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
6615
6639
|
Button,
|
|
6616
6640
|
{
|
|
6617
6641
|
variant: "tertiary",
|
|
@@ -6621,18 +6645,18 @@ var VenueCard = ({
|
|
|
6621
6645
|
children: labels.onboarding.connectAccounts.connect
|
|
6622
6646
|
}
|
|
6623
6647
|
);
|
|
6624
|
-
const mobileAction = connected ? /* @__PURE__ */ (0,
|
|
6648
|
+
const mobileAction = connected ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
6625
6649
|
Button,
|
|
6626
6650
|
{
|
|
6627
6651
|
variant: "tertiary",
|
|
6628
6652
|
size: "medium",
|
|
6629
6653
|
className: "!h-auto !px-0 !py-0 text-agg-primary hover:bg-transparent hover:text-agg-primary-hover",
|
|
6630
6654
|
onClick: onConnect,
|
|
6631
|
-
suffix: /* @__PURE__ */ (0,
|
|
6655
|
+
suffix: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(ChevronRightIcon, { className: "h-4 w-4" }),
|
|
6632
6656
|
children: labels.onboarding.connectAccounts.connectAccount
|
|
6633
6657
|
}
|
|
6634
6658
|
);
|
|
6635
|
-
return /* @__PURE__ */ (0,
|
|
6659
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
|
|
6636
6660
|
"div",
|
|
6637
6661
|
{
|
|
6638
6662
|
className: cn(
|
|
@@ -6640,23 +6664,23 @@ var VenueCard = ({
|
|
|
6640
6664
|
connected ? "bg-agg-success/5" : "bg-agg-secondary-hover hover:bg-agg-tertiary"
|
|
6641
6665
|
),
|
|
6642
6666
|
children: [
|
|
6643
|
-
/* @__PURE__ */ (0,
|
|
6644
|
-
/* @__PURE__ */ (0,
|
|
6645
|
-
/* @__PURE__ */ (0,
|
|
6646
|
-
/* @__PURE__ */ (0,
|
|
6647
|
-
/* @__PURE__ */ (0,
|
|
6648
|
-
/* @__PURE__ */ (0,
|
|
6667
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "hidden sm:flex items-center justify-between", children: [
|
|
6668
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex items-center gap-5", children: [
|
|
6669
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "shrink-0", children: logos }),
|
|
6670
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex flex-col gap-[2px]", children: [
|
|
6671
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "text-agg-base font-agg-bold text-agg-foreground", children: title }),
|
|
6672
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "text-agg-sm text-agg-foreground", children: description })
|
|
6649
6673
|
] })
|
|
6650
6674
|
] }),
|
|
6651
|
-
/* @__PURE__ */ (0,
|
|
6675
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "shrink-0", children: action })
|
|
6652
6676
|
] }),
|
|
6653
|
-
/* @__PURE__ */ (0,
|
|
6654
|
-
/* @__PURE__ */ (0,
|
|
6655
|
-
/* @__PURE__ */ (0,
|
|
6656
|
-
/* @__PURE__ */ (0,
|
|
6677
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex flex-col gap-3 sm:hidden", children: [
|
|
6678
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex flex-col gap-3", children: [
|
|
6679
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "shrink-0", children: logos }),
|
|
6680
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "text-agg-lg font-agg-bold text-agg-foreground", children: mobileTitle != null ? mobileTitle : title })
|
|
6657
6681
|
] }),
|
|
6658
|
-
/* @__PURE__ */ (0,
|
|
6659
|
-
/* @__PURE__ */ (0,
|
|
6682
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex flex-col items-start gap-2", children: [
|
|
6683
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "text-agg-base text-agg-foreground", children: mobileDescription != null ? mobileDescription : description }),
|
|
6660
6684
|
mobileAction
|
|
6661
6685
|
] })
|
|
6662
6686
|
] })
|
|
@@ -6673,13 +6697,13 @@ var ConnectAccountsStep = ({
|
|
|
6673
6697
|
}) => {
|
|
6674
6698
|
const labels = (0, import_hooks31.useLabels)();
|
|
6675
6699
|
const canContinue = connectedOnchain || connectedKalshi;
|
|
6676
|
-
return /* @__PURE__ */ (0,
|
|
6677
|
-
/* @__PURE__ */ (0,
|
|
6678
|
-
/* @__PURE__ */ (0,
|
|
6679
|
-
/* @__PURE__ */ (0,
|
|
6700
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex flex-col gap-6", children: [
|
|
6701
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
|
|
6702
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex flex-col gap-4", children: [
|
|
6703
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
6680
6704
|
VenueCard,
|
|
6681
6705
|
{
|
|
6682
|
-
logos: /* @__PURE__ */ (0,
|
|
6706
|
+
logos: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(OnchainVenueLogos, {}),
|
|
6683
6707
|
title: labels.onboarding.connectAccounts.onchainTitle,
|
|
6684
6708
|
mobileTitle: labels.onboarding.connectAccounts.onchainMobileTitle(
|
|
6685
6709
|
ONCHAIN_VENUES.length - 1
|
|
@@ -6690,10 +6714,10 @@ var ConnectAccountsStep = ({
|
|
|
6690
6714
|
connected: connectedOnchain
|
|
6691
6715
|
}
|
|
6692
6716
|
),
|
|
6693
|
-
/* @__PURE__ */ (0,
|
|
6717
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
6694
6718
|
VenueCard,
|
|
6695
6719
|
{
|
|
6696
|
-
logos: /* @__PURE__ */ (0,
|
|
6720
|
+
logos: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "sm:flex sm:w-14 sm:items-center sm:justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
6697
6721
|
VenueLogo,
|
|
6698
6722
|
{
|
|
6699
6723
|
venue: import_sdk11.Venue.kalshi,
|
|
@@ -6711,7 +6735,7 @@ var ConnectAccountsStep = ({
|
|
|
6711
6735
|
}
|
|
6712
6736
|
)
|
|
6713
6737
|
] }),
|
|
6714
|
-
/* @__PURE__ */ (0,
|
|
6738
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
6715
6739
|
Button,
|
|
6716
6740
|
{
|
|
6717
6741
|
variant: "primary",
|
|
@@ -6731,7 +6755,7 @@ var import_sdk12 = require("@agg-build/sdk");
|
|
|
6731
6755
|
var import_react13 = require("react");
|
|
6732
6756
|
var import_hooks32 = require("@agg-build/hooks");
|
|
6733
6757
|
var Dialog2 = __toESM(require("@radix-ui/react-dialog"));
|
|
6734
|
-
var
|
|
6758
|
+
var import_jsx_runtime112 = require("react/jsx-runtime");
|
|
6735
6759
|
var ConnectKalshiModal = ({
|
|
6736
6760
|
open,
|
|
6737
6761
|
onOpenChange,
|
|
@@ -6787,15 +6811,15 @@ var ConnectKalshiModal = ({
|
|
|
6787
6811
|
},
|
|
6788
6812
|
[onOpenChange]
|
|
6789
6813
|
);
|
|
6790
|
-
return /* @__PURE__ */ (0,
|
|
6814
|
+
return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(
|
|
6791
6815
|
Modal.Container,
|
|
6792
6816
|
{
|
|
6793
6817
|
maxWidth: "600px",
|
|
6794
6818
|
"aria-label": labels.onboarding.connectKalshiModal.ariaLabel,
|
|
6795
6819
|
classNames: { container: "!rounded-agg-lg" },
|
|
6796
6820
|
children: [
|
|
6797
|
-
/* @__PURE__ */ (0,
|
|
6798
|
-
/* @__PURE__ */ (0,
|
|
6821
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Dialog2.Title, { className: "sr-only", children: labels.onboarding.connectKalshiModal.title }),
|
|
6822
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
6799
6823
|
Modal.Header,
|
|
6800
6824
|
{
|
|
6801
6825
|
hideClose: false,
|
|
@@ -6806,8 +6830,8 @@ var ConnectKalshiModal = ({
|
|
|
6806
6830
|
}
|
|
6807
6831
|
}
|
|
6808
6832
|
),
|
|
6809
|
-
/* @__PURE__ */ (0,
|
|
6810
|
-
/* @__PURE__ */ (0,
|
|
6833
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
|
|
6834
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
6811
6835
|
VenueLogo,
|
|
6812
6836
|
{
|
|
6813
6837
|
venue: import_sdk12.Venue.kalshi,
|
|
@@ -6816,54 +6840,54 @@ var ConnectKalshiModal = ({
|
|
|
6816
6840
|
className: "h-[60px] w-[60px]"
|
|
6817
6841
|
}
|
|
6818
6842
|
),
|
|
6819
|
-
/* @__PURE__ */ (0,
|
|
6820
|
-
/* @__PURE__ */ (0,
|
|
6821
|
-
/* @__PURE__ */ (0,
|
|
6843
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
|
|
6844
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
|
|
6845
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })
|
|
6822
6846
|
] }),
|
|
6823
|
-
/* @__PURE__ */ (0,
|
|
6824
|
-
/* @__PURE__ */ (0,
|
|
6825
|
-
/* @__PURE__ */ (0,
|
|
6826
|
-
/* @__PURE__ */ (0,
|
|
6827
|
-
/* @__PURE__ */ (0,
|
|
6847
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex flex-col gap-4 w-full", children: [
|
|
6848
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
|
|
6849
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex flex-col gap-1", children: [
|
|
6850
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepOne.label }),
|
|
6851
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepOne.title })
|
|
6828
6852
|
] }),
|
|
6829
|
-
/* @__PURE__ */ (0,
|
|
6830
|
-
/* @__PURE__ */ (0,
|
|
6831
|
-
/* @__PURE__ */ (0,
|
|
6853
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "space-y-0 text-agg-sm leading-agg-5 text-agg-foreground", children: [
|
|
6854
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
|
|
6855
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("p", { children: [
|
|
6832
6856
|
labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfilePrefix,
|
|
6833
6857
|
" ",
|
|
6834
|
-
/* @__PURE__ */ (0,
|
|
6858
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
|
|
6835
6859
|
labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfileSeparator,
|
|
6836
6860
|
" ",
|
|
6837
|
-
/* @__PURE__ */ (0,
|
|
6861
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: "text-agg-foreground underline", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl })
|
|
6838
6862
|
] }),
|
|
6839
|
-
/* @__PURE__ */ (0,
|
|
6863
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("p", { children: [
|
|
6840
6864
|
labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeyPrefix,
|
|
6841
6865
|
" ",
|
|
6842
|
-
/* @__PURE__ */ (0,
|
|
6866
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
|
|
6843
6867
|
labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeySuffix
|
|
6844
6868
|
] }),
|
|
6845
|
-
/* @__PURE__ */ (0,
|
|
6869
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("p", { children: [
|
|
6846
6870
|
labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsPrefix,
|
|
6847
6871
|
" ",
|
|
6848
|
-
/* @__PURE__ */ (0,
|
|
6872
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
|
|
6849
6873
|
labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsSuffix
|
|
6850
6874
|
] }),
|
|
6851
|
-
/* @__PURE__ */ (0,
|
|
6875
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
|
|
6852
6876
|
] }),
|
|
6853
|
-
/* @__PURE__ */ (0,
|
|
6877
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
|
|
6854
6878
|
labels.onboarding.connectKalshiModal.stepOne.footerLineOne,
|
|
6855
|
-
/* @__PURE__ */ (0,
|
|
6879
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)("br", {}),
|
|
6856
6880
|
labels.onboarding.connectKalshiModal.stepOne.footerLineTwo
|
|
6857
6881
|
] })
|
|
6858
6882
|
] }),
|
|
6859
|
-
/* @__PURE__ */ (0,
|
|
6860
|
-
/* @__PURE__ */ (0,
|
|
6861
|
-
/* @__PURE__ */ (0,
|
|
6862
|
-
/* @__PURE__ */ (0,
|
|
6883
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
|
|
6884
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex flex-col gap-1", children: [
|
|
6885
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.label }),
|
|
6886
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.title })
|
|
6863
6887
|
] }),
|
|
6864
|
-
/* @__PURE__ */ (0,
|
|
6865
|
-
/* @__PURE__ */ (0,
|
|
6866
|
-
/* @__PURE__ */ (0,
|
|
6888
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
|
|
6889
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
6890
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
6867
6891
|
"label",
|
|
6868
6892
|
{
|
|
6869
6893
|
htmlFor: "kalshi-api-key-id",
|
|
@@ -6871,7 +6895,7 @@ var ConnectKalshiModal = ({
|
|
|
6871
6895
|
children: labels.onboarding.connectKalshiModal.stepTwo.apiKeyIdLabel
|
|
6872
6896
|
}
|
|
6873
6897
|
),
|
|
6874
|
-
/* @__PURE__ */ (0,
|
|
6898
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
6875
6899
|
"input",
|
|
6876
6900
|
{
|
|
6877
6901
|
id: "kalshi-api-key-id",
|
|
@@ -6891,8 +6915,8 @@ var ConnectKalshiModal = ({
|
|
|
6891
6915
|
}
|
|
6892
6916
|
)
|
|
6893
6917
|
] }),
|
|
6894
|
-
/* @__PURE__ */ (0,
|
|
6895
|
-
/* @__PURE__ */ (0,
|
|
6918
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
6919
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
6896
6920
|
"label",
|
|
6897
6921
|
{
|
|
6898
6922
|
htmlFor: "kalshi-private-key",
|
|
@@ -6900,7 +6924,7 @@ var ConnectKalshiModal = ({
|
|
|
6900
6924
|
children: labels.onboarding.connectKalshiModal.stepTwo.privateKeyLabel
|
|
6901
6925
|
}
|
|
6902
6926
|
),
|
|
6903
|
-
/* @__PURE__ */ (0,
|
|
6927
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
6904
6928
|
"textarea",
|
|
6905
6929
|
{
|
|
6906
6930
|
id: "kalshi-private-key",
|
|
@@ -6922,42 +6946,42 @@ var ConnectKalshiModal = ({
|
|
|
6922
6946
|
] })
|
|
6923
6947
|
] })
|
|
6924
6948
|
] }),
|
|
6925
|
-
/* @__PURE__ */ (0,
|
|
6926
|
-
/* @__PURE__ */ (0,
|
|
6927
|
-
/* @__PURE__ */ (0,
|
|
6928
|
-
/* @__PURE__ */ (0,
|
|
6949
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex items-center justify-between w-full", children: [
|
|
6950
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
|
|
6951
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
6952
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(
|
|
6929
6953
|
"a",
|
|
6930
6954
|
{
|
|
6931
6955
|
href: "#",
|
|
6932
6956
|
className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary hover:text-agg-primary-hover",
|
|
6933
6957
|
children: [
|
|
6934
|
-
/* @__PURE__ */ (0,
|
|
6958
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)(DocumentIcon, { className: "h-4 w-4" }),
|
|
6935
6959
|
labels.onboarding.connectKalshiModal.help.docsLinkLabel
|
|
6936
6960
|
]
|
|
6937
6961
|
}
|
|
6938
6962
|
),
|
|
6939
|
-
/* @__PURE__ */ (0,
|
|
6940
|
-
/* @__PURE__ */ (0,
|
|
6963
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: "h-3 w-px bg-agg-separator" }),
|
|
6964
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(
|
|
6941
6965
|
"a",
|
|
6942
6966
|
{
|
|
6943
6967
|
href: "#",
|
|
6944
6968
|
className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary hover:text-agg-primary-hover",
|
|
6945
6969
|
children: [
|
|
6946
|
-
/* @__PURE__ */ (0,
|
|
6970
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)(PlaySquareIcon, { className: "h-4 w-4" }),
|
|
6947
6971
|
labels.onboarding.connectKalshiModal.help.tutorialLinkLabel
|
|
6948
6972
|
]
|
|
6949
6973
|
}
|
|
6950
6974
|
)
|
|
6951
6975
|
] })
|
|
6952
6976
|
] }),
|
|
6953
|
-
/* @__PURE__ */ (0,
|
|
6954
|
-
error ? /* @__PURE__ */ (0,
|
|
6955
|
-
/* @__PURE__ */ (0,
|
|
6956
|
-
/* @__PURE__ */ (0,
|
|
6977
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex flex-col gap-5 items-center", children: [
|
|
6978
|
+
error ? /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
6979
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
|
|
6980
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
|
|
6957
6981
|
] }) : null,
|
|
6958
|
-
/* @__PURE__ */ (0,
|
|
6959
|
-
/* @__PURE__ */ (0,
|
|
6960
|
-
/* @__PURE__ */ (0,
|
|
6982
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex items-center gap-3 justify-center", children: [
|
|
6983
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Button, { variant: "secondary", size: "large", onClick: handleCancel, children: labels.onboarding.connectKalshiModal.actions.cancel }),
|
|
6984
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
6961
6985
|
Button,
|
|
6962
6986
|
{
|
|
6963
6987
|
variant: "primary",
|
|
@@ -6981,7 +7005,7 @@ ConnectKalshiModal.displayName = "ConnectKalshiModal";
|
|
|
6981
7005
|
var import_react14 = require("react");
|
|
6982
7006
|
var import_hooks33 = require("@agg-build/hooks");
|
|
6983
7007
|
var Dialog3 = __toESM(require("@radix-ui/react-dialog"));
|
|
6984
|
-
var
|
|
7008
|
+
var import_jsx_runtime113 = require("react/jsx-runtime");
|
|
6985
7009
|
var ConnectOnchainModal = ({
|
|
6986
7010
|
open,
|
|
6987
7011
|
onOpenChange,
|
|
@@ -7018,15 +7042,15 @@ var ConnectOnchainModal = ({
|
|
|
7018
7042
|
},
|
|
7019
7043
|
[onOpenChange]
|
|
7020
7044
|
);
|
|
7021
|
-
return /* @__PURE__ */ (0,
|
|
7045
|
+
return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
|
|
7022
7046
|
Modal.Container,
|
|
7023
7047
|
{
|
|
7024
7048
|
maxWidth: "600px",
|
|
7025
7049
|
"aria-label": labels.onboarding.connectOnchainModal.ariaLabel,
|
|
7026
7050
|
classNames: { container: "!rounded-agg-lg" },
|
|
7027
7051
|
children: [
|
|
7028
|
-
/* @__PURE__ */ (0,
|
|
7029
|
-
/* @__PURE__ */ (0,
|
|
7052
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Dialog3.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
|
|
7053
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
|
|
7030
7054
|
Modal.Header,
|
|
7031
7055
|
{
|
|
7032
7056
|
hideClose: false,
|
|
@@ -7037,26 +7061,26 @@ var ConnectOnchainModal = ({
|
|
|
7037
7061
|
}
|
|
7038
7062
|
}
|
|
7039
7063
|
),
|
|
7040
|
-
/* @__PURE__ */ (0,
|
|
7041
|
-
/* @__PURE__ */ (0,
|
|
7042
|
-
/* @__PURE__ */ (0,
|
|
7043
|
-
/* @__PURE__ */ (0,
|
|
7064
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
|
|
7065
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
|
|
7066
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
|
|
7067
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "text-agg-base text-center leading-agg-6 text-agg-foreground whitespace-pre-line", children: labels.onboarding.connectOnchainModal.description })
|
|
7044
7068
|
] }),
|
|
7045
|
-
/* @__PURE__ */ (0,
|
|
7046
|
-
/* @__PURE__ */ (0,
|
|
7047
|
-
/* @__PURE__ */ (0,
|
|
7048
|
-
index > 0 && /* @__PURE__ */ (0,
|
|
7049
|
-
/* @__PURE__ */ (0,
|
|
7050
|
-
/* @__PURE__ */ (0,
|
|
7069
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex w-full flex-col items-center gap-4 rounded-agg-xl bg-agg-secondary-hover p-6", children: [
|
|
7070
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "text-agg-sm font-agg-bold uppercase leading-agg-5 text-agg-muted-foreground", children: labels.onboarding.connectOnchainModal.supportedVenuesLabel }),
|
|
7071
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "flex flex-wrap items-center justify-center gap-x-4 gap-y-3", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex items-center gap-[6px]", children: [
|
|
7072
|
+
index > 0 && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
|
|
7073
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsx)(VenueLogo, { venue, size: "medium" }),
|
|
7074
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
|
|
7051
7075
|
] }, venue)) })
|
|
7052
7076
|
] }),
|
|
7053
|
-
/* @__PURE__ */ (0,
|
|
7054
|
-
/* @__PURE__ */ (0,
|
|
7055
|
-
error ? /* @__PURE__ */ (0,
|
|
7056
|
-
/* @__PURE__ */ (0,
|
|
7057
|
-
/* @__PURE__ */ (0,
|
|
7077
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex flex-col gap-6 items-center", children: [
|
|
7078
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex flex-col gap-3 items-center", children: [
|
|
7079
|
+
error ? /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
7080
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
|
|
7081
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
|
|
7058
7082
|
] }) : null,
|
|
7059
|
-
/* @__PURE__ */ (0,
|
|
7083
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
|
|
7060
7084
|
Button,
|
|
7061
7085
|
{
|
|
7062
7086
|
variant: "primary",
|
|
@@ -7067,7 +7091,7 @@ var ConnectOnchainModal = ({
|
|
|
7067
7091
|
}
|
|
7068
7092
|
)
|
|
7069
7093
|
] }),
|
|
7070
|
-
/* @__PURE__ */ (0,
|
|
7094
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
|
|
7071
7095
|
Button,
|
|
7072
7096
|
{
|
|
7073
7097
|
variant: "tertiary",
|
|
@@ -7086,7 +7110,7 @@ var ConnectOnchainModal = ({
|
|
|
7086
7110
|
ConnectOnchainModal.displayName = "ConnectOnchainModal";
|
|
7087
7111
|
|
|
7088
7112
|
// src/onboarding/index.tsx
|
|
7089
|
-
var
|
|
7113
|
+
var import_jsx_runtime114 = require("react/jsx-runtime");
|
|
7090
7114
|
var OnboardingModal = ({
|
|
7091
7115
|
open,
|
|
7092
7116
|
onOpenChange,
|
|
@@ -7148,19 +7172,19 @@ var OnboardingModal = ({
|
|
|
7148
7172
|
}),
|
|
7149
7173
|
[onConnectKalshi]
|
|
7150
7174
|
);
|
|
7151
|
-
return /* @__PURE__ */ (0,
|
|
7152
|
-
/* @__PURE__ */ (0,
|
|
7175
|
+
return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(import_jsx_runtime114.Fragment, { children: [
|
|
7176
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
|
|
7153
7177
|
Modal.Container,
|
|
7154
7178
|
{
|
|
7155
7179
|
maxWidth: "600px",
|
|
7156
7180
|
"aria-label": resolvedTitle,
|
|
7157
7181
|
classNames: { container: "!rounded-agg-lg" },
|
|
7158
7182
|
children: [
|
|
7159
|
-
/* @__PURE__ */ (0,
|
|
7160
|
-
/* @__PURE__ */ (0,
|
|
7161
|
-
step === ONBOARDING_STEPS.HOW_IT_WORKS && /* @__PURE__ */ (0,
|
|
7162
|
-
step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ (0,
|
|
7163
|
-
step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ (0,
|
|
7183
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Dialog4.Title, { className: "sr-only", children: resolvedTitle }),
|
|
7184
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(Modal.Body, { classNames: { root: "px-5 py-6 sm:px-10 sm:py-8" }, children: [
|
|
7185
|
+
step === ONBOARDING_STEPS.HOW_IT_WORKS && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(HowItWorksStep, { onContinue: handleHowItWorksContinue, icons: howItWorksIcons }),
|
|
7186
|
+
step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(ProfileSetupStep, { onContinue: handleProfileContinue }),
|
|
7187
|
+
step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
7164
7188
|
ConnectAccountsStep,
|
|
7165
7189
|
{
|
|
7166
7190
|
onConnectOnchain: handleOpenOnchainModal,
|
|
@@ -7174,7 +7198,7 @@ var OnboardingModal = ({
|
|
|
7174
7198
|
]
|
|
7175
7199
|
}
|
|
7176
7200
|
) }),
|
|
7177
|
-
/* @__PURE__ */ (0,
|
|
7201
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
7178
7202
|
ConnectOnchainModal,
|
|
7179
7203
|
{
|
|
7180
7204
|
open: onchainModalOpen,
|
|
@@ -7182,7 +7206,7 @@ var OnboardingModal = ({
|
|
|
7182
7206
|
onConnect: handleOnchainConnect
|
|
7183
7207
|
}
|
|
7184
7208
|
),
|
|
7185
|
-
/* @__PURE__ */ (0,
|
|
7209
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
7186
7210
|
ConnectKalshiModal,
|
|
7187
7211
|
{
|
|
7188
7212
|
open: kalshiModalOpen,
|
|
@@ -7216,7 +7240,7 @@ var PROFILE_TAB_ITEMS = [
|
|
|
7216
7240
|
// src/profile/tabs/about-tab.tsx
|
|
7217
7241
|
var import_react16 = require("react");
|
|
7218
7242
|
var import_hooks35 = require("@agg-build/hooks");
|
|
7219
|
-
var
|
|
7243
|
+
var import_jsx_runtime115 = require("react/jsx-runtime");
|
|
7220
7244
|
var AboutTab = ({
|
|
7221
7245
|
avatarPreview,
|
|
7222
7246
|
onDeleteProfile: _onDeleteProfile,
|
|
@@ -7248,9 +7272,9 @@ var AboutTab = ({
|
|
|
7248
7272
|
);
|
|
7249
7273
|
const resolvedPreview = draftAvatarPreview != null ? draftAvatarPreview : avatarPreview;
|
|
7250
7274
|
const hasAvatarPreview = Boolean(resolvedPreview);
|
|
7251
|
-
return /* @__PURE__ */ (0,
|
|
7252
|
-
/* @__PURE__ */ (0,
|
|
7253
|
-
/* @__PURE__ */ (0,
|
|
7275
|
+
return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "agg-profile-about flex flex-col gap-8", children: [
|
|
7276
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "agg-profile-avatar-section flex w-full flex-col items-stretch sm:items-start", children: [
|
|
7277
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
|
|
7254
7278
|
"button",
|
|
7255
7279
|
{
|
|
7256
7280
|
type: "button",
|
|
@@ -7267,13 +7291,13 @@ var AboutTab = ({
|
|
|
7267
7291
|
),
|
|
7268
7292
|
"aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
|
|
7269
7293
|
children: [
|
|
7270
|
-
!hasAvatarPreview ? /* @__PURE__ */ (0,
|
|
7294
|
+
!hasAvatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
7271
7295
|
"svg",
|
|
7272
7296
|
{
|
|
7273
7297
|
"aria-hidden": true,
|
|
7274
7298
|
viewBox: "0 0 80 80",
|
|
7275
7299
|
className: "pointer-events-none absolute inset-0 h-full w-full text-agg-separator group-hover:text-agg-muted-foreground",
|
|
7276
|
-
children: /* @__PURE__ */ (0,
|
|
7300
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
7277
7301
|
"circle",
|
|
7278
7302
|
{
|
|
7279
7303
|
cx: "40",
|
|
@@ -7287,18 +7311,18 @@ var AboutTab = ({
|
|
|
7287
7311
|
)
|
|
7288
7312
|
}
|
|
7289
7313
|
) : null,
|
|
7290
|
-
resolvedPreview ? /* @__PURE__ */ (0,
|
|
7314
|
+
resolvedPreview ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
7291
7315
|
RemoteImage,
|
|
7292
7316
|
{
|
|
7293
7317
|
src: resolvedPreview,
|
|
7294
7318
|
alt: labels.onboarding.profileSetup.profilePreviewAlt,
|
|
7295
7319
|
className: "h-full w-full object-cover"
|
|
7296
7320
|
}
|
|
7297
|
-
) : /* @__PURE__ */ (0,
|
|
7321
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Icon, { name: "profile", className: "h-7 w-7 text-agg-muted-foreground" })
|
|
7298
7322
|
]
|
|
7299
7323
|
}
|
|
7300
7324
|
),
|
|
7301
|
-
/* @__PURE__ */ (0,
|
|
7325
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
7302
7326
|
"input",
|
|
7303
7327
|
{
|
|
7304
7328
|
ref: fileInputRef,
|
|
@@ -7310,8 +7334,8 @@ var AboutTab = ({
|
|
|
7310
7334
|
}
|
|
7311
7335
|
)
|
|
7312
7336
|
] }),
|
|
7313
|
-
/* @__PURE__ */ (0,
|
|
7314
|
-
/* @__PURE__ */ (0,
|
|
7337
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "agg-form-section flex flex-col gap-2", children: [
|
|
7338
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
7315
7339
|
"label",
|
|
7316
7340
|
{
|
|
7317
7341
|
htmlFor: "profile-username",
|
|
@@ -7319,7 +7343,7 @@ var AboutTab = ({
|
|
|
7319
7343
|
children: "Username"
|
|
7320
7344
|
}
|
|
7321
7345
|
),
|
|
7322
|
-
/* @__PURE__ */ (0,
|
|
7346
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
7323
7347
|
"input",
|
|
7324
7348
|
{
|
|
7325
7349
|
id: "profile-username",
|
|
@@ -7348,9 +7372,9 @@ AboutTab.displayName = "AboutTab";
|
|
|
7348
7372
|
// src/profile/tabs/accounts-wallets-tab.tsx
|
|
7349
7373
|
var import_react17 = require("react");
|
|
7350
7374
|
var import_hooks36 = require("@agg-build/hooks");
|
|
7351
|
-
var
|
|
7352
|
-
var SectionTitle = ({ children }) => /* @__PURE__ */ (0,
|
|
7353
|
-
var AccountRow = ({ children, className }) => /* @__PURE__ */ (0,
|
|
7375
|
+
var import_jsx_runtime116 = require("react/jsx-runtime");
|
|
7376
|
+
var SectionTitle = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
|
|
7377
|
+
var AccountRow = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
7354
7378
|
"div",
|
|
7355
7379
|
{
|
|
7356
7380
|
className: cn(
|
|
@@ -7362,7 +7386,7 @@ var AccountRow = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_run
|
|
|
7362
7386
|
children
|
|
7363
7387
|
}
|
|
7364
7388
|
);
|
|
7365
|
-
var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ (0,
|
|
7389
|
+
var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
7366
7390
|
"button",
|
|
7367
7391
|
{
|
|
7368
7392
|
type: "button",
|
|
@@ -7371,7 +7395,7 @@ var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime1
|
|
|
7371
7395
|
children: "Connect"
|
|
7372
7396
|
}
|
|
7373
7397
|
);
|
|
7374
|
-
var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ (0,
|
|
7398
|
+
var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
7375
7399
|
"button",
|
|
7376
7400
|
{
|
|
7377
7401
|
type: "button",
|
|
@@ -7414,14 +7438,14 @@ var VerifyIdentityButton = ({ onError }) => {
|
|
|
7414
7438
|
setIsInitiating(true);
|
|
7415
7439
|
setNeedsDepositAddress(true);
|
|
7416
7440
|
}, []);
|
|
7417
|
-
return /* @__PURE__ */ (0,
|
|
7441
|
+
return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
7418
7442
|
"button",
|
|
7419
7443
|
{
|
|
7420
7444
|
type: "button",
|
|
7421
7445
|
disabled: isInitiating,
|
|
7422
7446
|
onClick: handleClick,
|
|
7423
7447
|
className: "shrink-0 cursor-pointer text-agg-sm font-agg-bold leading-agg-5 text-agg-primary whitespace-nowrap disabled:cursor-not-allowed disabled:opacity-60",
|
|
7424
|
-
children: isInitiating ? /* @__PURE__ */ (0,
|
|
7448
|
+
children: isInitiating ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "inline-block h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }) : "Verify Identity"
|
|
7425
7449
|
}
|
|
7426
7450
|
);
|
|
7427
7451
|
};
|
|
@@ -7429,26 +7453,26 @@ var TradingAccessSection = ({
|
|
|
7429
7453
|
venueAccounts,
|
|
7430
7454
|
onKycError
|
|
7431
7455
|
}) => {
|
|
7432
|
-
return /* @__PURE__ */ (0,
|
|
7433
|
-
/* @__PURE__ */ (0,
|
|
7434
|
-
/* @__PURE__ */ (0,
|
|
7456
|
+
return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "agg-trading-access-section flex flex-col gap-3", children: [
|
|
7457
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(SectionTitle, { children: "Trading access" }),
|
|
7458
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "flex flex-col gap-2", children: TRADING_ACCESS_VENUES.map((venue) => {
|
|
7435
7459
|
var _a;
|
|
7436
7460
|
const venueAccount = venueAccounts == null ? void 0 : venueAccounts.find((va) => va.venue === venue);
|
|
7437
7461
|
const isKalshi = venue === "kalshi";
|
|
7438
7462
|
const isVerified = (venueAccount == null ? void 0 : venueAccount.kycStatus) === "verified";
|
|
7439
7463
|
const displayName = (_a = venueLogoLabels[venue]) != null ? _a : venue;
|
|
7440
|
-
return /* @__PURE__ */ (0,
|
|
7441
|
-
/* @__PURE__ */ (0,
|
|
7442
|
-
/* @__PURE__ */ (0,
|
|
7443
|
-
/* @__PURE__ */ (0,
|
|
7464
|
+
return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(AccountRow, { children: [
|
|
7465
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
7466
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(VenueLogo, { venue, size: "small" }),
|
|
7467
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: displayName })
|
|
7444
7468
|
] }),
|
|
7445
|
-
isKalshi && !isVerified ? /* @__PURE__ */ (0,
|
|
7446
|
-
/* @__PURE__ */ (0,
|
|
7447
|
-
/* @__PURE__ */ (0,
|
|
7448
|
-
] }) : isKalshi && isVerified ? /* @__PURE__ */ (0,
|
|
7449
|
-
/* @__PURE__ */ (0,
|
|
7450
|
-
/* @__PURE__ */ (0,
|
|
7451
|
-
/* @__PURE__ */ (0,
|
|
7469
|
+
isKalshi && !isVerified ? /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex items-center gap-4", children: [
|
|
7470
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground whitespace-nowrap", children: "KYC required" }),
|
|
7471
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(VerifyIdentityButton, { onError: onKycError })
|
|
7472
|
+
] }) : isKalshi && isVerified ? /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex items-center gap-4", children: [
|
|
7473
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground whitespace-nowrap", children: "Verified" }),
|
|
7474
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
7475
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
7452
7476
|
Icon,
|
|
7453
7477
|
{
|
|
7454
7478
|
name: "check-badge",
|
|
@@ -7456,11 +7480,11 @@ var TradingAccessSection = ({
|
|
|
7456
7480
|
color: "var(--agg-color-primary, #536dfe)"
|
|
7457
7481
|
}
|
|
7458
7482
|
),
|
|
7459
|
-
/* @__PURE__ */ (0,
|
|
7483
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground whitespace-nowrap", children: "Available" })
|
|
7460
7484
|
] })
|
|
7461
|
-
] }) : /* @__PURE__ */ (0,
|
|
7462
|
-
/* @__PURE__ */ (0,
|
|
7463
|
-
/* @__PURE__ */ (0,
|
|
7485
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
7486
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Icon, { name: "check-badge", size: "small", color: "var(--agg-color-primary, #536dfe)" }),
|
|
7487
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground whitespace-nowrap", children: "Available" })
|
|
7464
7488
|
] })
|
|
7465
7489
|
] }, venue);
|
|
7466
7490
|
}) })
|
|
@@ -7488,37 +7512,37 @@ var AccountsWalletsTab = ({
|
|
|
7488
7512
|
const twitter = socialAccounts == null ? void 0 : socialAccounts.twitter;
|
|
7489
7513
|
const google = socialAccounts == null ? void 0 : socialAccounts.google;
|
|
7490
7514
|
const apple = socialAccounts == null ? void 0 : socialAccounts.apple;
|
|
7491
|
-
return /* @__PURE__ */ (0,
|
|
7492
|
-
/* @__PURE__ */ (0,
|
|
7493
|
-
/* @__PURE__ */ (0,
|
|
7494
|
-
/* @__PURE__ */ (0,
|
|
7495
|
-
/* @__PURE__ */ (0,
|
|
7496
|
-
/* @__PURE__ */ (0,
|
|
7497
|
-
/* @__PURE__ */ (0,
|
|
7498
|
-
/* @__PURE__ */ (0,
|
|
7499
|
-
/* @__PURE__ */ (0,
|
|
7515
|
+
return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "agg-accounts-wallets-tab flex flex-col gap-8", children: [
|
|
7516
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(TradingAccessSection, { venueAccounts, onKycError }),
|
|
7517
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "agg-social-accounts-section flex flex-col gap-3", children: [
|
|
7518
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(SectionTitle, { children: "Social Accounts" }),
|
|
7519
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "agg-social-accounts-list flex flex-col gap-2", children: [
|
|
7520
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(AccountRow, { className: "agg-social-account-row", children: [
|
|
7521
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
7522
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Icon, { name: "google", size: "small", color: "currentColor" }) }),
|
|
7523
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "Google" })
|
|
7500
7524
|
] }),
|
|
7501
|
-
(google == null ? void 0 : google.connected) ? /* @__PURE__ */ (0,
|
|
7525
|
+
(google == null ? void 0 : google.connected) ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(DisconnectTextButton, { onClick: onDisconnectGoogle }) : /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(ConnectTextButton, { onClick: onConnectGoogle })
|
|
7502
7526
|
] }),
|
|
7503
|
-
/* @__PURE__ */ (0,
|
|
7504
|
-
/* @__PURE__ */ (0,
|
|
7505
|
-
/* @__PURE__ */ (0,
|
|
7506
|
-
/* @__PURE__ */ (0,
|
|
7527
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(AccountRow, { className: "agg-social-account-row", children: [
|
|
7528
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
7529
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Icon, { name: "apple", size: "small", color: "currentColor" }) }),
|
|
7530
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "Apple" })
|
|
7507
7531
|
] }),
|
|
7508
|
-
(apple == null ? void 0 : apple.connected) ? /* @__PURE__ */ (0,
|
|
7532
|
+
(apple == null ? void 0 : apple.connected) ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(DisconnectTextButton, { onClick: onDisconnectApple }) : /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(ConnectTextButton, { onClick: onConnectApple })
|
|
7509
7533
|
] }),
|
|
7510
|
-
/* @__PURE__ */ (0,
|
|
7511
|
-
/* @__PURE__ */ (0,
|
|
7512
|
-
/* @__PURE__ */ (0,
|
|
7513
|
-
/* @__PURE__ */ (0,
|
|
7534
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(AccountRow, { className: "agg-social-account-row", children: [
|
|
7535
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
7536
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Icon, { name: "twitter", size: "small", color: "currentColor" }) }),
|
|
7537
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "X (Twitter)" })
|
|
7514
7538
|
] }),
|
|
7515
|
-
(twitter == null ? void 0 : twitter.connected) ? /* @__PURE__ */ (0,
|
|
7539
|
+
(twitter == null ? void 0 : twitter.connected) ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(DisconnectTextButton, { onClick: onDisconnectTwitter }) : /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(ConnectTextButton, { onClick: onConnectTwitter })
|
|
7516
7540
|
] })
|
|
7517
7541
|
] })
|
|
7518
7542
|
] }),
|
|
7519
|
-
/* @__PURE__ */ (0,
|
|
7520
|
-
/* @__PURE__ */ (0,
|
|
7521
|
-
/* @__PURE__ */ (0,
|
|
7543
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex flex-col gap-3", children: [
|
|
7544
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(SectionTitle, { children: "Email Address" }),
|
|
7545
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
|
|
7522
7546
|
"button",
|
|
7523
7547
|
{
|
|
7524
7548
|
type: "button",
|
|
@@ -7530,11 +7554,11 @@ var AccountsWalletsTab = ({
|
|
|
7530
7554
|
"cursor-pointer hover:bg-agg-secondary-hover"
|
|
7531
7555
|
),
|
|
7532
7556
|
children: [
|
|
7533
|
-
/* @__PURE__ */ (0,
|
|
7534
|
-
/* @__PURE__ */ (0,
|
|
7535
|
-
/* @__PURE__ */ (0,
|
|
7557
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
7558
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Icon, { name: "email", size: "small", color: "currentColor" }) }),
|
|
7559
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: email != null ? email : "Connect email" })
|
|
7536
7560
|
] }),
|
|
7537
|
-
/* @__PURE__ */ (0,
|
|
7561
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
|
|
7538
7562
|
]
|
|
7539
7563
|
}
|
|
7540
7564
|
)
|
|
@@ -7544,7 +7568,7 @@ var AccountsWalletsTab = ({
|
|
|
7544
7568
|
AccountsWalletsTab.displayName = "AccountsWalletsTab";
|
|
7545
7569
|
|
|
7546
7570
|
// src/profile/index.tsx
|
|
7547
|
-
var
|
|
7571
|
+
var import_jsx_runtime117 = require("react/jsx-runtime");
|
|
7548
7572
|
var EVM_WALLET_VENUES = [import_sdk13.Venue.polymarket, import_sdk13.Venue.predict, import_sdk13.Venue.opinion];
|
|
7549
7573
|
var ProfileModal = ({
|
|
7550
7574
|
open,
|
|
@@ -7857,7 +7881,7 @@ var ProfileModal = ({
|
|
|
7857
7881
|
}),
|
|
7858
7882
|
[client, exchanges, onDisconnectExchangeProp]
|
|
7859
7883
|
);
|
|
7860
|
-
return /* @__PURE__ */ (0,
|
|
7884
|
+
return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
|
|
7861
7885
|
Modal.Container,
|
|
7862
7886
|
{
|
|
7863
7887
|
maxWidth: "800px",
|
|
@@ -7866,12 +7890,12 @@ var ProfileModal = ({
|
|
|
7866
7890
|
container: cn("agg-profile-modal", "min-h-[37.5rem]")
|
|
7867
7891
|
},
|
|
7868
7892
|
children: [
|
|
7869
|
-
/* @__PURE__ */ (0,
|
|
7870
|
-
/* @__PURE__ */ (0,
|
|
7871
|
-
/* @__PURE__ */ (0,
|
|
7872
|
-
/* @__PURE__ */ (0,
|
|
7893
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Modal.Header, { title: "Edit Profile", classNames: { root: "agg-profile-modal-header" } }),
|
|
7894
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Modal.Body, { classNames: { root: cn("agg-profile-modal-body", "overflow-x-visible") }, children: /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "agg-profile-layout flex flex-col sm:flex-row sm:gap-10", children: [
|
|
7895
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "shrink-0", children: [
|
|
7896
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "agg-profile-tabs mb-6 flex gap-2 sm:hidden", children: PROFILE_TAB_ITEMS.map((tab) => {
|
|
7873
7897
|
const isActive = activeTab === tab.value;
|
|
7874
|
-
return /* @__PURE__ */ (0,
|
|
7898
|
+
return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
|
|
7875
7899
|
"button",
|
|
7876
7900
|
{
|
|
7877
7901
|
type: "button",
|
|
@@ -7885,14 +7909,14 @@ var ProfileModal = ({
|
|
|
7885
7909
|
isActive ? "font-agg-normal text-agg-foreground bg-agg-secondary-hover border-agg-primary" : "font-agg-normal text-agg-foreground border-transparent"
|
|
7886
7910
|
),
|
|
7887
7911
|
children: [
|
|
7888
|
-
/* @__PURE__ */ (0,
|
|
7889
|
-
/* @__PURE__ */ (0,
|
|
7912
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
|
|
7913
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsx)("span", { className: "whitespace-nowrap", children: tab.label })
|
|
7890
7914
|
]
|
|
7891
7915
|
},
|
|
7892
7916
|
tab.value
|
|
7893
7917
|
);
|
|
7894
7918
|
}) }),
|
|
7895
|
-
/* @__PURE__ */ (0,
|
|
7919
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
7896
7920
|
"nav",
|
|
7897
7921
|
{
|
|
7898
7922
|
className: cn(
|
|
@@ -7908,7 +7932,7 @@ var ProfileModal = ({
|
|
|
7908
7932
|
"aria-label": "Profile sections",
|
|
7909
7933
|
children: PROFILE_TAB_ITEMS.map((tab) => {
|
|
7910
7934
|
const isActive = activeTab === tab.value;
|
|
7911
|
-
return /* @__PURE__ */ (0,
|
|
7935
|
+
return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
|
|
7912
7936
|
"button",
|
|
7913
7937
|
{
|
|
7914
7938
|
type: "button",
|
|
@@ -7924,9 +7948,9 @@ var ProfileModal = ({
|
|
|
7924
7948
|
isActive ? "font-agg-normal text-agg-foreground bg-agg-secondary-hover" : "font-agg-normal text-agg-foreground"
|
|
7925
7949
|
),
|
|
7926
7950
|
children: [
|
|
7927
|
-
isActive ? /* @__PURE__ */ (0,
|
|
7928
|
-
/* @__PURE__ */ (0,
|
|
7929
|
-
/* @__PURE__ */ (0,
|
|
7951
|
+
isActive ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
|
|
7952
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
|
|
7953
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsx)("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
|
|
7930
7954
|
]
|
|
7931
7955
|
},
|
|
7932
7956
|
tab.value
|
|
@@ -7935,8 +7959,8 @@ var ProfileModal = ({
|
|
|
7935
7959
|
}
|
|
7936
7960
|
)
|
|
7937
7961
|
] }),
|
|
7938
|
-
/* @__PURE__ */ (0,
|
|
7939
|
-
activeTab === PROFILE_TAB_KEYS.ABOUT ? /* @__PURE__ */ (0,
|
|
7962
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "agg-profile-content min-w-0 flex-1", children: [
|
|
7963
|
+
activeTab === PROFILE_TAB_KEYS.ABOUT ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
7940
7964
|
AboutTab,
|
|
7941
7965
|
{
|
|
7942
7966
|
username: username != null ? username : user == null ? void 0 : user.username,
|
|
@@ -7950,7 +7974,7 @@ var ProfileModal = ({
|
|
|
7950
7974
|
avatarError: avatarTypeError
|
|
7951
7975
|
}
|
|
7952
7976
|
) : null,
|
|
7953
|
-
activeTab === PROFILE_TAB_KEYS.ACCOUNTS_WALLETS ? /* @__PURE__ */ (0,
|
|
7977
|
+
activeTab === PROFILE_TAB_KEYS.ACCOUNTS_WALLETS ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
7954
7978
|
AccountsWalletsTab,
|
|
7955
7979
|
{
|
|
7956
7980
|
exchanges: resolvedExchanges,
|
|
@@ -7980,9 +8004,9 @@ var ProfileModal = ({
|
|
|
7980
8004
|
) : null
|
|
7981
8005
|
] })
|
|
7982
8006
|
] }) }),
|
|
7983
|
-
/* @__PURE__ */ (0,
|
|
7984
|
-
/* @__PURE__ */ (0,
|
|
7985
|
-
/* @__PURE__ */ (0,
|
|
8007
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(Modal.Footer, { classNames: { root: "agg-profile-modal-footer" }, children: [
|
|
8008
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
|
|
8009
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
7986
8010
|
Button,
|
|
7987
8011
|
{
|
|
7988
8012
|
variant: "primary",
|
|
@@ -8003,7 +8027,7 @@ ProfileModal.displayName = "ProfileModal";
|
|
|
8003
8027
|
// src/geo-block-modal/index.tsx
|
|
8004
8028
|
var import_hooks38 = require("@agg-build/hooks");
|
|
8005
8029
|
var import_react19 = require("react");
|
|
8006
|
-
var
|
|
8030
|
+
var import_jsx_runtime118 = require("react/jsx-runtime");
|
|
8007
8031
|
var GeoBlockModal = ({
|
|
8008
8032
|
open,
|
|
8009
8033
|
onOpenChange,
|
|
@@ -8015,32 +8039,32 @@ var GeoBlockModal = ({
|
|
|
8015
8039
|
onConfirm == null ? void 0 : onConfirm();
|
|
8016
8040
|
onOpenChange(false);
|
|
8017
8041
|
}, [onConfirm, onOpenChange]);
|
|
8018
|
-
return /* @__PURE__ */ (0,
|
|
8042
|
+
return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
8019
8043
|
Modal,
|
|
8020
8044
|
{
|
|
8021
8045
|
open,
|
|
8022
8046
|
onOpenChange,
|
|
8023
8047
|
"aria-label": labels.trading.geoBlockModalAriaLabel,
|
|
8024
|
-
children: /* @__PURE__ */ (0,
|
|
8048
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
|
|
8025
8049
|
Modal.Container,
|
|
8026
8050
|
{
|
|
8027
8051
|
maxWidth: "480px",
|
|
8028
8052
|
classNames: { container: cn("!rounded-agg-2xl", classNames == null ? void 0 : classNames.container) },
|
|
8029
8053
|
children: [
|
|
8030
|
-
/* @__PURE__ */ (0,
|
|
8031
|
-
/* @__PURE__ */ (0,
|
|
8032
|
-
/* @__PURE__ */ (0,
|
|
8054
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Modal.Header, { title: "", hideBorder: true, classNames: { container: "px-8 pt-8 pb-0" } }),
|
|
8055
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Modal.Body, { classNames: { root: cn("!px-10 !pb-12 !pt-0", classNames == null ? void 0 : classNames.body) }, children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
|
|
8056
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
8033
8057
|
Icon,
|
|
8034
8058
|
{
|
|
8035
8059
|
name: "internet-security",
|
|
8036
8060
|
className: "h-[60px] w-[60px] text-agg-muted-foreground"
|
|
8037
8061
|
}
|
|
8038
8062
|
),
|
|
8039
|
-
/* @__PURE__ */ (0,
|
|
8040
|
-
/* @__PURE__ */ (0,
|
|
8041
|
-
/* @__PURE__ */ (0,
|
|
8063
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
|
|
8064
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)("h2", { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.trading.geoBlockModalTitle }),
|
|
8065
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)("p", { className: "text-agg-base font-agg-normal leading-agg-6 text-agg-foreground", children: labels.trading.geoBlockModalDescription })
|
|
8042
8066
|
] }),
|
|
8043
|
-
/* @__PURE__ */ (0,
|
|
8067
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
8044
8068
|
Button,
|
|
8045
8069
|
{
|
|
8046
8070
|
variant: "secondary",
|
|
@@ -8061,7 +8085,7 @@ GeoBlockModal.displayName = "GeoBlockModal";
|
|
|
8061
8085
|
|
|
8062
8086
|
// src/geo-block-banner/index.tsx
|
|
8063
8087
|
var import_hooks39 = require("@agg-build/hooks");
|
|
8064
|
-
var
|
|
8088
|
+
var import_jsx_runtime119 = require("react/jsx-runtime");
|
|
8065
8089
|
var GeoBlockBanner = ({
|
|
8066
8090
|
venue,
|
|
8067
8091
|
termsUrl = AGG_TERMS_OF_SERVICE_URL,
|
|
@@ -8069,18 +8093,18 @@ var GeoBlockBanner = ({
|
|
|
8069
8093
|
}) => {
|
|
8070
8094
|
const labels = (0, import_hooks39.useLabels)();
|
|
8071
8095
|
const message = venue ? labels.trading.geoBlockVenueMessage(venue) : labels.trading.geoBlockGenericMessage;
|
|
8072
|
-
return /* @__PURE__ */ (0,
|
|
8096
|
+
return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
|
|
8073
8097
|
"div",
|
|
8074
8098
|
{
|
|
8075
8099
|
className: cn("flex items-center gap-5 rounded-agg-lg bg-agg-secondary-hover p-3", className),
|
|
8076
8100
|
role: "status",
|
|
8077
8101
|
children: [
|
|
8078
|
-
/* @__PURE__ */ (0,
|
|
8102
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("p", { className: "min-w-0 flex-1 text-agg-xs leading-agg-4 text-agg-foreground", children: [
|
|
8079
8103
|
message,
|
|
8080
|
-
/* @__PURE__ */ (0,
|
|
8104
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)("a", { href: termsUrl, className: "underline", target: "_blank", rel: "noreferrer noopener", children: labels.trading.geoBlockTermsLink }),
|
|
8081
8105
|
labels.trading.geoBlockMessageSuffix
|
|
8082
8106
|
] }),
|
|
8083
|
-
/* @__PURE__ */ (0,
|
|
8107
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Icon, { name: "internet-security", className: "h-6 w-6 shrink-0 text-agg-muted-foreground" })
|
|
8084
8108
|
]
|
|
8085
8109
|
}
|
|
8086
8110
|
);
|