@agg-build/ui 1.0.2 → 1.1.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/dist/{chunk-4ILR2YH3.mjs → chunk-7JEJIGG4.mjs} +2 -2
- package/dist/{chunk-WFS772A3.mjs → chunk-F3SU7BRE.mjs} +1 -1
- package/dist/{chunk-3IY2GA2D.mjs → chunk-IT2Y62MG.mjs} +25 -23
- package/dist/{chunk-YSCHNVBZ.mjs → chunk-JDYZJKTE.mjs} +2 -2
- package/dist/{chunk-PEVG67XU.mjs → chunk-KDMNFHPL.mjs} +1 -1
- package/dist/{chunk-XDZLCWUZ.mjs → chunk-OHEZGKFM.mjs} +44 -26
- package/dist/{chunk-TLGQ4LID.mjs → chunk-R6DETAZ6.mjs} +732 -695
- package/dist/events.js +843 -807
- package/dist/events.mjs +3 -3
- package/dist/index.js +2266 -2207
- package/dist/index.mjs +9 -7
- package/dist/modals.js +755 -719
- package/dist/modals.mjs +3 -3
- package/dist/pages.js +1549 -1492
- package/dist/pages.mjs +6 -6
- package/dist/primitives.js +733 -695
- package/dist/primitives.mjs +3 -1
- package/dist/trading.js +525 -471
- package/dist/trading.mjs +4 -4
- package/dist/types/pages/user-profile/components/available-balance-card.d.mts +0 -1
- package/dist/types/pages/user-profile/components/available-balance-card.d.ts +0 -1
- package/dist/types/primitives/icon/icon.types.d.mts +1 -2
- package/dist/types/primitives/icon/icon.types.d.ts +1 -2
- 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/lock.d.mts +5 -0
- package/dist/types/primitives/icon/svg/lock.d.ts +5 -0
- package/package.json +3 -3
package/dist/trading.js
CHANGED
|
@@ -2940,6 +2940,7 @@ InfoIcon.displayName = "InfoIcon";
|
|
|
2940
2940
|
|
|
2941
2941
|
// src/primitives/icon/icon.constants.ts
|
|
2942
2942
|
var iconSizeClasses = {
|
|
2943
|
+
xs: "h-3 w-3",
|
|
2943
2944
|
small: "h-4 w-4",
|
|
2944
2945
|
medium: "h-6 w-6",
|
|
2945
2946
|
large: "h-8 w-8"
|
|
@@ -3235,11 +3236,45 @@ var LinkAccountsIcon = (_a) => {
|
|
|
3235
3236
|
};
|
|
3236
3237
|
LinkAccountsIcon.displayName = "LinkAccountsIcon";
|
|
3237
3238
|
|
|
3238
|
-
// src/primitives/icon/svg/
|
|
3239
|
+
// src/primitives/icon/svg/lock.tsx
|
|
3239
3240
|
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
3240
|
-
var
|
|
3241
|
+
var LockIcon = (_a) => {
|
|
3241
3242
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3242
3243
|
return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
|
|
3244
|
+
"svg",
|
|
3245
|
+
__spreadProps(__spreadValues(__spreadValues({
|
|
3246
|
+
viewBox: "0 0 12 12",
|
|
3247
|
+
className,
|
|
3248
|
+
fill: "none",
|
|
3249
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
3250
|
+
}, getIconA11yProps(title2)), props), {
|
|
3251
|
+
children: [
|
|
3252
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("title", { children: title2 }) : null,
|
|
3253
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
3254
|
+
"path",
|
|
3255
|
+
{
|
|
3256
|
+
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",
|
|
3257
|
+
fill: "currentColor"
|
|
3258
|
+
}
|
|
3259
|
+
),
|
|
3260
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
3261
|
+
"path",
|
|
3262
|
+
{
|
|
3263
|
+
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",
|
|
3264
|
+
fill: "currentColor"
|
|
3265
|
+
}
|
|
3266
|
+
)
|
|
3267
|
+
]
|
|
3268
|
+
})
|
|
3269
|
+
);
|
|
3270
|
+
};
|
|
3271
|
+
LockIcon.displayName = "LockIcon";
|
|
3272
|
+
|
|
3273
|
+
// src/primitives/icon/svg/pencil.tsx
|
|
3274
|
+
var import_jsx_runtime70 = require("react/jsx-runtime");
|
|
3275
|
+
var PencilIcon = (_a) => {
|
|
3276
|
+
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3277
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
|
|
3243
3278
|
"svg",
|
|
3244
3279
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3245
3280
|
viewBox: "0 0 16 16",
|
|
@@ -3247,15 +3282,15 @@ var PencilIcon = (_a) => {
|
|
|
3247
3282
|
fill: "none"
|
|
3248
3283
|
}, getIconA11yProps(title2)), props), {
|
|
3249
3284
|
children: [
|
|
3250
|
-
title2 ? /* @__PURE__ */ (0,
|
|
3251
|
-
/* @__PURE__ */ (0,
|
|
3285
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("title", { children: title2 }) : null,
|
|
3286
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("g", { clipPath: "url(#pencil_clip)", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
3252
3287
|
"path",
|
|
3253
3288
|
{
|
|
3254
3289
|
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",
|
|
3255
3290
|
fill: "currentColor"
|
|
3256
3291
|
}
|
|
3257
3292
|
) }),
|
|
3258
|
-
/* @__PURE__ */ (0,
|
|
3293
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("clipPath", { id: "pencil_clip", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
3259
3294
|
]
|
|
3260
3295
|
})
|
|
3261
3296
|
);
|
|
@@ -3263,10 +3298,10 @@ var PencilIcon = (_a) => {
|
|
|
3263
3298
|
PencilIcon.displayName = "PencilIcon";
|
|
3264
3299
|
|
|
3265
3300
|
// src/primitives/icon/svg/play-square.tsx
|
|
3266
|
-
var
|
|
3301
|
+
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
3267
3302
|
var PlaySquareIcon = (_a) => {
|
|
3268
3303
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3269
|
-
return /* @__PURE__ */ (0,
|
|
3304
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
3270
3305
|
"svg",
|
|
3271
3306
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3272
3307
|
viewBox: "0 0 16 16",
|
|
@@ -3274,15 +3309,15 @@ var PlaySquareIcon = (_a) => {
|
|
|
3274
3309
|
fill: "none"
|
|
3275
3310
|
}, getIconA11yProps(title2)), props), {
|
|
3276
3311
|
children: [
|
|
3277
|
-
title2 ? /* @__PURE__ */ (0,
|
|
3278
|
-
/* @__PURE__ */ (0,
|
|
3312
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("title", { children: title2 }) : null,
|
|
3313
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("g", { clipPath: "url(#play-square-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
3279
3314
|
"path",
|
|
3280
3315
|
{
|
|
3281
3316
|
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",
|
|
3282
3317
|
fill: "currentColor"
|
|
3283
3318
|
}
|
|
3284
3319
|
) }),
|
|
3285
|
-
/* @__PURE__ */ (0,
|
|
3320
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("clipPath", { id: "play-square-clip", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
3286
3321
|
]
|
|
3287
3322
|
})
|
|
3288
3323
|
);
|
|
@@ -3290,10 +3325,10 @@ var PlaySquareIcon = (_a) => {
|
|
|
3290
3325
|
PlaySquareIcon.displayName = "PlaySquareIcon";
|
|
3291
3326
|
|
|
3292
3327
|
// src/primitives/icon/svg/polygon.tsx
|
|
3293
|
-
var
|
|
3328
|
+
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
3294
3329
|
var PolygonIcon = (_a) => {
|
|
3295
3330
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3296
|
-
return /* @__PURE__ */ (0,
|
|
3331
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
|
|
3297
3332
|
"svg",
|
|
3298
3333
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3299
3334
|
viewBox: "0 0 24 24",
|
|
@@ -3301,9 +3336,9 @@ var PolygonIcon = (_a) => {
|
|
|
3301
3336
|
fill: "none"
|
|
3302
3337
|
}, getIconA11yProps(title2)), props), {
|
|
3303
3338
|
children: [
|
|
3304
|
-
title2 ? /* @__PURE__ */ (0,
|
|
3305
|
-
/* @__PURE__ */ (0,
|
|
3306
|
-
/* @__PURE__ */ (0,
|
|
3339
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("title", { children: title2 }) : null,
|
|
3340
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)("rect", { width: "24", height: "24", rx: "8", fill: "#8247E5" }),
|
|
3341
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
|
|
3307
3342
|
"path",
|
|
3308
3343
|
{
|
|
3309
3344
|
d: "M9.00108 10.1467L7.12599 9.05774L1.5 12.3246V18.836L7.12599 22.0919L12.752 18.836V8.70922L15.8729 6.90135L18.9938 8.70922V12.3246L15.8729 14.1325L13.9978 13.0435V15.9409L15.8729 17.0299L21.4989 13.774V7.26264L15.8729 4.00674L10.2469 7.26264V17.3894L7.12599 19.1973L4.00508 17.3894V13.7628L7.12599 11.955L9.00108 13.0435V10.1467Z",
|
|
@@ -3317,10 +3352,10 @@ var PolygonIcon = (_a) => {
|
|
|
3317
3352
|
PolygonIcon.displayName = "PolygonIcon";
|
|
3318
3353
|
|
|
3319
3354
|
// src/primitives/icon/svg/quotes-warning.tsx
|
|
3320
|
-
var
|
|
3355
|
+
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
3321
3356
|
var QuotesWarningIcon = (_a) => {
|
|
3322
3357
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3323
|
-
return /* @__PURE__ */ (0,
|
|
3358
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
|
|
3324
3359
|
"svg",
|
|
3325
3360
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3326
3361
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3331,8 +3366,8 @@ var QuotesWarningIcon = (_a) => {
|
|
|
3331
3366
|
className
|
|
3332
3367
|
}, getIconA11yProps(title2)), props), {
|
|
3333
3368
|
children: [
|
|
3334
|
-
title2 ? /* @__PURE__ */ (0,
|
|
3335
|
-
/* @__PURE__ */ (0,
|
|
3369
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("title", { children: title2 }) : null,
|
|
3370
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
3336
3371
|
"path",
|
|
3337
3372
|
{
|
|
3338
3373
|
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",
|
|
@@ -3346,10 +3381,10 @@ var QuotesWarningIcon = (_a) => {
|
|
|
3346
3381
|
QuotesWarningIcon.displayName = "QuotesWarningIcon";
|
|
3347
3382
|
|
|
3348
3383
|
// src/primitives/icon/svg/profile-about-tab.tsx
|
|
3349
|
-
var
|
|
3384
|
+
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
3350
3385
|
var ProfileAboutTabIcon = (_a) => {
|
|
3351
3386
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3352
|
-
return /* @__PURE__ */ (0,
|
|
3387
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
|
|
3353
3388
|
"svg",
|
|
3354
3389
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3355
3390
|
viewBox: "0 0 16 16",
|
|
@@ -3357,16 +3392,16 @@ var ProfileAboutTabIcon = (_a) => {
|
|
|
3357
3392
|
fill: "none"
|
|
3358
3393
|
}, getIconA11yProps(title2)), props), {
|
|
3359
3394
|
children: [
|
|
3360
|
-
title2 ? /* @__PURE__ */ (0,
|
|
3361
|
-
/* @__PURE__ */ (0,
|
|
3362
|
-
/* @__PURE__ */ (0,
|
|
3395
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("title", { children: title2 }) : null,
|
|
3396
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("g", { clipPath: "url(#clip_profile_about_tab)", children: [
|
|
3397
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
3363
3398
|
"path",
|
|
3364
3399
|
{
|
|
3365
3400
|
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",
|
|
3366
3401
|
fill: "currentColor"
|
|
3367
3402
|
}
|
|
3368
3403
|
),
|
|
3369
|
-
/* @__PURE__ */ (0,
|
|
3404
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
3370
3405
|
"path",
|
|
3371
3406
|
{
|
|
3372
3407
|
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",
|
|
@@ -3374,7 +3409,7 @@ var ProfileAboutTabIcon = (_a) => {
|
|
|
3374
3409
|
}
|
|
3375
3410
|
)
|
|
3376
3411
|
] }),
|
|
3377
|
-
/* @__PURE__ */ (0,
|
|
3412
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("clipPath", { id: "clip_profile_about_tab", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
3378
3413
|
]
|
|
3379
3414
|
})
|
|
3380
3415
|
);
|
|
@@ -3382,7 +3417,7 @@ var ProfileAboutTabIcon = (_a) => {
|
|
|
3382
3417
|
ProfileAboutTabIcon.displayName = "ProfileAboutTabIcon";
|
|
3383
3418
|
|
|
3384
3419
|
// src/primitives/icon/svg/profile-accounts-wallets-tab.tsx
|
|
3385
|
-
var
|
|
3420
|
+
var import_jsx_runtime75 = require("react/jsx-runtime");
|
|
3386
3421
|
var ProfileAccountsWalletsTabIcon = (_a) => {
|
|
3387
3422
|
var _b = _a, {
|
|
3388
3423
|
title: title2,
|
|
@@ -3391,7 +3426,7 @@ var ProfileAccountsWalletsTabIcon = (_a) => {
|
|
|
3391
3426
|
"title",
|
|
3392
3427
|
"className"
|
|
3393
3428
|
]);
|
|
3394
|
-
return /* @__PURE__ */ (0,
|
|
3429
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
|
|
3395
3430
|
"svg",
|
|
3396
3431
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3397
3432
|
viewBox: "0 0 16 16",
|
|
@@ -3399,15 +3434,15 @@ var ProfileAccountsWalletsTabIcon = (_a) => {
|
|
|
3399
3434
|
fill: "none"
|
|
3400
3435
|
}, getIconA11yProps(title2)), props), {
|
|
3401
3436
|
children: [
|
|
3402
|
-
title2 ? /* @__PURE__ */ (0,
|
|
3403
|
-
/* @__PURE__ */ (0,
|
|
3437
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("title", { children: title2 }) : null,
|
|
3438
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("g", { clipPath: "url(#clip_profile_accounts_wallets_tab)", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
3404
3439
|
"path",
|
|
3405
3440
|
{
|
|
3406
3441
|
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",
|
|
3407
3442
|
fill: "currentColor"
|
|
3408
3443
|
}
|
|
3409
3444
|
) }),
|
|
3410
|
-
/* @__PURE__ */ (0,
|
|
3445
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("clipPath", { id: "clip_profile_accounts_wallets_tab", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
3411
3446
|
]
|
|
3412
3447
|
})
|
|
3413
3448
|
);
|
|
@@ -3415,10 +3450,10 @@ var ProfileAccountsWalletsTabIcon = (_a) => {
|
|
|
3415
3450
|
ProfileAccountsWalletsTabIcon.displayName = "ProfileAccountsWalletsTabIcon";
|
|
3416
3451
|
|
|
3417
3452
|
// src/primitives/icon/svg/profile.tsx
|
|
3418
|
-
var
|
|
3453
|
+
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
3419
3454
|
var ProfileIcon = (_a) => {
|
|
3420
3455
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3421
|
-
return /* @__PURE__ */ (0,
|
|
3456
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
|
|
3422
3457
|
"svg",
|
|
3423
3458
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3424
3459
|
viewBox: "0 0 16 16",
|
|
@@ -3426,16 +3461,16 @@ var ProfileIcon = (_a) => {
|
|
|
3426
3461
|
fill: "none"
|
|
3427
3462
|
}, getIconA11yProps(title2)), props), {
|
|
3428
3463
|
children: [
|
|
3429
|
-
title2 ? /* @__PURE__ */ (0,
|
|
3430
|
-
/* @__PURE__ */ (0,
|
|
3431
|
-
/* @__PURE__ */ (0,
|
|
3464
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("title", { children: title2 }) : null,
|
|
3465
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("g", { clipPath: "url(#profile-clip)", children: [
|
|
3466
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
3432
3467
|
"path",
|
|
3433
3468
|
{
|
|
3434
3469
|
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",
|
|
3435
3470
|
fill: "currentColor"
|
|
3436
3471
|
}
|
|
3437
3472
|
),
|
|
3438
|
-
/* @__PURE__ */ (0,
|
|
3473
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
3439
3474
|
"path",
|
|
3440
3475
|
{
|
|
3441
3476
|
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",
|
|
@@ -3443,7 +3478,7 @@ var ProfileIcon = (_a) => {
|
|
|
3443
3478
|
}
|
|
3444
3479
|
)
|
|
3445
3480
|
] }),
|
|
3446
|
-
/* @__PURE__ */ (0,
|
|
3481
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("clipPath", { id: "profile-clip", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
3447
3482
|
]
|
|
3448
3483
|
})
|
|
3449
3484
|
);
|
|
@@ -3451,10 +3486,10 @@ var ProfileIcon = (_a) => {
|
|
|
3451
3486
|
ProfileIcon.displayName = "ProfileIcon";
|
|
3452
3487
|
|
|
3453
3488
|
// src/primitives/icon/svg/recenter.tsx
|
|
3454
|
-
var
|
|
3489
|
+
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
3455
3490
|
var RecenterIcon = (_a) => {
|
|
3456
3491
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3457
|
-
return /* @__PURE__ */ (0,
|
|
3492
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
3458
3493
|
"svg",
|
|
3459
3494
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3460
3495
|
viewBox: "0 0 16 16",
|
|
@@ -3462,15 +3497,15 @@ var RecenterIcon = (_a) => {
|
|
|
3462
3497
|
fill: "none"
|
|
3463
3498
|
}, getIconA11yProps(title2)), props), {
|
|
3464
3499
|
children: [
|
|
3465
|
-
title2 ? /* @__PURE__ */ (0,
|
|
3466
|
-
/* @__PURE__ */ (0,
|
|
3500
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("title", { children: title2 }) : null,
|
|
3501
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("g", { clipPath: "url(#recenter-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
3467
3502
|
"path",
|
|
3468
3503
|
{
|
|
3469
3504
|
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",
|
|
3470
3505
|
fill: "currentColor"
|
|
3471
3506
|
}
|
|
3472
3507
|
) }),
|
|
3473
|
-
/* @__PURE__ */ (0,
|
|
3508
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("clipPath", { id: "recenter-clip", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
3474
3509
|
]
|
|
3475
3510
|
})
|
|
3476
3511
|
);
|
|
@@ -3478,10 +3513,10 @@ var RecenterIcon = (_a) => {
|
|
|
3478
3513
|
RecenterIcon.displayName = "RecenterIcon";
|
|
3479
3514
|
|
|
3480
3515
|
// src/primitives/icon/svg/revenue-alt.tsx
|
|
3481
|
-
var
|
|
3516
|
+
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
3482
3517
|
var RevenueAltIcon = (_a) => {
|
|
3483
3518
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3484
|
-
return /* @__PURE__ */ (0,
|
|
3519
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
3485
3520
|
"svg",
|
|
3486
3521
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3487
3522
|
viewBox: "0 0 20 20",
|
|
@@ -3489,8 +3524,8 @@ var RevenueAltIcon = (_a) => {
|
|
|
3489
3524
|
fill: "none"
|
|
3490
3525
|
}, getIconA11yProps(title2)), props), {
|
|
3491
3526
|
children: [
|
|
3492
|
-
title2 ? /* @__PURE__ */ (0,
|
|
3493
|
-
/* @__PURE__ */ (0,
|
|
3527
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("title", { children: title2 }) : null,
|
|
3528
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
3494
3529
|
"path",
|
|
3495
3530
|
{
|
|
3496
3531
|
d: "M3 14V6M3 6L1.5 7.5M3 6L4.5 7.5M17 6V14M17 14L15.5 12.5M17 14L18.5 12.5",
|
|
@@ -3500,7 +3535,7 @@ var RevenueAltIcon = (_a) => {
|
|
|
3500
3535
|
strokeLinejoin: "round"
|
|
3501
3536
|
}
|
|
3502
3537
|
),
|
|
3503
|
-
/* @__PURE__ */ (0,
|
|
3538
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
3504
3539
|
"path",
|
|
3505
3540
|
{
|
|
3506
3541
|
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",
|
|
@@ -3517,10 +3552,10 @@ var RevenueAltIcon = (_a) => {
|
|
|
3517
3552
|
RevenueAltIcon.displayName = "RevenueAltIcon";
|
|
3518
3553
|
|
|
3519
3554
|
// src/primitives/icon/svg/search.tsx
|
|
3520
|
-
var
|
|
3555
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
3521
3556
|
var SearchIcon = (_a) => {
|
|
3522
3557
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3523
|
-
return /* @__PURE__ */ (0,
|
|
3558
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
|
|
3524
3559
|
"svg",
|
|
3525
3560
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3526
3561
|
viewBox: "0 0 16 16",
|
|
@@ -3529,8 +3564,8 @@ var SearchIcon = (_a) => {
|
|
|
3529
3564
|
className
|
|
3530
3565
|
}, getIconA11yProps(title2)), props), {
|
|
3531
3566
|
children: [
|
|
3532
|
-
title2 ? /* @__PURE__ */ (0,
|
|
3533
|
-
/* @__PURE__ */ (0,
|
|
3567
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("title", { children: title2 }) : null,
|
|
3568
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
3534
3569
|
"path",
|
|
3535
3570
|
{
|
|
3536
3571
|
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",
|
|
@@ -3540,7 +3575,7 @@ var SearchIcon = (_a) => {
|
|
|
3540
3575
|
strokeLinejoin: "round"
|
|
3541
3576
|
}
|
|
3542
3577
|
),
|
|
3543
|
-
/* @__PURE__ */ (0,
|
|
3578
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
3544
3579
|
"path",
|
|
3545
3580
|
{
|
|
3546
3581
|
d: "M13.6668 13.6666L11.1667 11.1666",
|
|
@@ -3557,10 +3592,10 @@ var SearchIcon = (_a) => {
|
|
|
3557
3592
|
SearchIcon.displayName = "SearchIcon";
|
|
3558
3593
|
|
|
3559
3594
|
// src/primitives/icon/svg/shield-trust.tsx
|
|
3560
|
-
var
|
|
3595
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
3561
3596
|
var ShieldTrustIcon = (_a) => {
|
|
3562
3597
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3563
|
-
return /* @__PURE__ */ (0,
|
|
3598
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
3564
3599
|
"svg",
|
|
3565
3600
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3566
3601
|
viewBox: "0 0 16 16",
|
|
@@ -3568,15 +3603,15 @@ var ShieldTrustIcon = (_a) => {
|
|
|
3568
3603
|
fill: "none"
|
|
3569
3604
|
}, getIconA11yProps(title2)), props), {
|
|
3570
3605
|
children: [
|
|
3571
|
-
title2 ? /* @__PURE__ */ (0,
|
|
3572
|
-
/* @__PURE__ */ (0,
|
|
3606
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("title", { children: title2 }) : null,
|
|
3607
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
3573
3608
|
"path",
|
|
3574
3609
|
{
|
|
3575
3610
|
d: "M8 1.25L13.5 3.25V7.08C13.5 10.09 11.62 12.74 8 14.75C4.38 12.74 2.5 10.09 2.5 7.08V3.25L8 1.25Z",
|
|
3576
3611
|
fill: "currentColor"
|
|
3577
3612
|
}
|
|
3578
3613
|
),
|
|
3579
|
-
/* @__PURE__ */ (0,
|
|
3614
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
3580
3615
|
"path",
|
|
3581
3616
|
{
|
|
3582
3617
|
d: "M5.5 8.2L7.2 9.9L10.8 6.3",
|
|
@@ -3593,10 +3628,10 @@ var ShieldTrustIcon = (_a) => {
|
|
|
3593
3628
|
ShieldTrustIcon.displayName = "ShieldTrustIcon";
|
|
3594
3629
|
|
|
3595
3630
|
// src/primitives/icon/svg/solana.tsx
|
|
3596
|
-
var
|
|
3631
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
3597
3632
|
var SolanaIcon = (_a) => {
|
|
3598
3633
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3599
|
-
return /* @__PURE__ */ (0,
|
|
3634
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
|
|
3600
3635
|
"svg",
|
|
3601
3636
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3602
3637
|
viewBox: "0 0 24 24",
|
|
@@ -3604,31 +3639,31 @@ var SolanaIcon = (_a) => {
|
|
|
3604
3639
|
fill: "none"
|
|
3605
3640
|
}, getIconA11yProps(title2)), props), {
|
|
3606
3641
|
children: [
|
|
3607
|
-
title2 ? /* @__PURE__ */ (0,
|
|
3608
|
-
/* @__PURE__ */ (0,
|
|
3609
|
-
/* @__PURE__ */ (0,
|
|
3642
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("title", { children: title2 }) : null,
|
|
3643
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("rect", { width: "24", height: "24", fill: "black" }),
|
|
3644
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
3610
3645
|
"path",
|
|
3611
3646
|
{
|
|
3612
3647
|
d: "M5.92399 15.7169C6.03262 15.6083 6.18198 15.5449 6.34039 15.5449H20.706C20.9685 15.5449 21.0998 15.8617 20.9142 16.0473L18.0764 18.8851C17.9677 18.9938 17.8184 19.0571 17.66 19.0571H3.29437C3.03186 19.0571 2.90061 18.7403 3.08617 18.5547L5.92399 15.7169Z",
|
|
3613
3648
|
fill: "url(#paint0_linear_1471_9988)"
|
|
3614
3649
|
}
|
|
3615
3650
|
),
|
|
3616
|
-
/* @__PURE__ */ (0,
|
|
3651
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
3617
3652
|
"path",
|
|
3618
3653
|
{
|
|
3619
3654
|
d: "M5.92399 5.1217C6.03714 5.01307 6.1865 4.94971 6.34039 4.94971H20.706C20.9685 4.94971 21.0998 5.26653 20.9142 5.4521L18.0764 8.28991C17.9677 8.39854 17.8184 8.4619 17.66 8.4619H3.29437C3.03186 8.4619 2.90061 8.14508 3.08617 7.95951L5.92399 5.1217Z",
|
|
3620
3655
|
fill: "url(#paint1_linear_1471_9988)"
|
|
3621
3656
|
}
|
|
3622
3657
|
),
|
|
3623
|
-
/* @__PURE__ */ (0,
|
|
3658
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
3624
3659
|
"path",
|
|
3625
3660
|
{
|
|
3626
3661
|
d: "M18.0764 10.3854C17.9677 10.2767 17.8184 10.2134 17.66 10.2134H3.29437C3.03186 10.2134 2.90061 10.5302 3.08617 10.7158L5.92399 13.5536C6.03262 13.6622 6.18198 13.7256 6.34039 13.7256H20.706C20.9685 13.7256 21.0998 13.4088 20.9142 13.2232L18.0764 10.3854Z",
|
|
3627
3662
|
fill: "url(#paint2_linear_1471_9988)"
|
|
3628
3663
|
}
|
|
3629
3664
|
),
|
|
3630
|
-
/* @__PURE__ */ (0,
|
|
3631
|
-
/* @__PURE__ */ (0,
|
|
3665
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("defs", { children: [
|
|
3666
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
|
|
3632
3667
|
"linearGradient",
|
|
3633
3668
|
{
|
|
3634
3669
|
id: "paint0_linear_1471_9988",
|
|
@@ -3638,12 +3673,12 @@ var SolanaIcon = (_a) => {
|
|
|
3638
3673
|
y2: "22.2975",
|
|
3639
3674
|
gradientUnits: "userSpaceOnUse",
|
|
3640
3675
|
children: [
|
|
3641
|
-
/* @__PURE__ */ (0,
|
|
3642
|
-
/* @__PURE__ */ (0,
|
|
3676
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("stop", { stopColor: "#00FFA3" }),
|
|
3677
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("stop", { offset: "1", stopColor: "#DC1FFF" })
|
|
3643
3678
|
]
|
|
3644
3679
|
}
|
|
3645
3680
|
),
|
|
3646
|
-
/* @__PURE__ */ (0,
|
|
3681
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
|
|
3647
3682
|
"linearGradient",
|
|
3648
3683
|
{
|
|
3649
3684
|
id: "paint1_linear_1471_9988",
|
|
@@ -3653,12 +3688,12 @@ var SolanaIcon = (_a) => {
|
|
|
3653
3688
|
y2: "20.028",
|
|
3654
3689
|
gradientUnits: "userSpaceOnUse",
|
|
3655
3690
|
children: [
|
|
3656
|
-
/* @__PURE__ */ (0,
|
|
3657
|
-
/* @__PURE__ */ (0,
|
|
3691
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("stop", { stopColor: "#00FFA3" }),
|
|
3692
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("stop", { offset: "1", stopColor: "#DC1FFF" })
|
|
3658
3693
|
]
|
|
3659
3694
|
}
|
|
3660
3695
|
),
|
|
3661
|
-
/* @__PURE__ */ (0,
|
|
3696
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
|
|
3662
3697
|
"linearGradient",
|
|
3663
3698
|
{
|
|
3664
3699
|
id: "paint2_linear_1471_9988",
|
|
@@ -3668,8 +3703,8 @@ var SolanaIcon = (_a) => {
|
|
|
3668
3703
|
y2: "21.1555",
|
|
3669
3704
|
gradientUnits: "userSpaceOnUse",
|
|
3670
3705
|
children: [
|
|
3671
|
-
/* @__PURE__ */ (0,
|
|
3672
|
-
/* @__PURE__ */ (0,
|
|
3706
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("stop", { stopColor: "#00FFA3" }),
|
|
3707
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("stop", { offset: "1", stopColor: "#DC1FFF" })
|
|
3673
3708
|
]
|
|
3674
3709
|
}
|
|
3675
3710
|
)
|
|
@@ -3681,10 +3716,10 @@ var SolanaIcon = (_a) => {
|
|
|
3681
3716
|
SolanaIcon.displayName = "SolanaIcon";
|
|
3682
3717
|
|
|
3683
3718
|
// src/primitives/icon/svg/sparkles-filled.tsx
|
|
3684
|
-
var
|
|
3719
|
+
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
3685
3720
|
var SparklesFilledIcon = (_a) => {
|
|
3686
3721
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3687
|
-
return /* @__PURE__ */ (0,
|
|
3722
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
|
|
3688
3723
|
"svg",
|
|
3689
3724
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3690
3725
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3695,15 +3730,15 @@ var SparklesFilledIcon = (_a) => {
|
|
|
3695
3730
|
className
|
|
3696
3731
|
}, getIconA11yProps(title2)), props), {
|
|
3697
3732
|
children: [
|
|
3698
|
-
/* @__PURE__ */ (0,
|
|
3733
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("g", { clipPath: "url(#clip0_2028_8371)", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
3699
3734
|
"path",
|
|
3700
3735
|
{
|
|
3701
3736
|
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",
|
|
3702
3737
|
fill: "currentColor"
|
|
3703
3738
|
}
|
|
3704
3739
|
) }),
|
|
3705
|
-
/* @__PURE__ */ (0,
|
|
3706
|
-
/* @__PURE__ */ (0,
|
|
3740
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("defs", { children: [
|
|
3741
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
|
|
3707
3742
|
"linearGradient",
|
|
3708
3743
|
{
|
|
3709
3744
|
id: "paint0_linear_2028_8371",
|
|
@@ -3713,12 +3748,12 @@ var SparklesFilledIcon = (_a) => {
|
|
|
3713
3748
|
y2: "7.99997",
|
|
3714
3749
|
gradientUnits: "userSpaceOnUse",
|
|
3715
3750
|
children: [
|
|
3716
|
-
/* @__PURE__ */ (0,
|
|
3717
|
-
/* @__PURE__ */ (0,
|
|
3751
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("stop", { stopColor: "currentColor" }),
|
|
3752
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("stop", { offset: "1", stopColor: "currentColor" })
|
|
3718
3753
|
]
|
|
3719
3754
|
}
|
|
3720
3755
|
),
|
|
3721
|
-
/* @__PURE__ */ (0,
|
|
3756
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("clipPath", { id: "clip0_2028_8371", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("rect", { width: "16", height: "16", fill: "white" }) })
|
|
3722
3757
|
] })
|
|
3723
3758
|
]
|
|
3724
3759
|
})
|
|
@@ -3727,10 +3762,10 @@ var SparklesFilledIcon = (_a) => {
|
|
|
3727
3762
|
SparklesFilledIcon.displayName = "SparklesFilledIcon";
|
|
3728
3763
|
|
|
3729
3764
|
// src/primitives/icon/svg/stay-in-control.tsx
|
|
3730
|
-
var
|
|
3765
|
+
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
3731
3766
|
var StayInControlIcon = (_a) => {
|
|
3732
3767
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3733
|
-
return /* @__PURE__ */ (0,
|
|
3768
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
3734
3769
|
"svg",
|
|
3735
3770
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3736
3771
|
width: "28",
|
|
@@ -3741,16 +3776,16 @@ var StayInControlIcon = (_a) => {
|
|
|
3741
3776
|
className
|
|
3742
3777
|
}, getIconA11yProps(title2)), props), {
|
|
3743
3778
|
children: [
|
|
3744
|
-
title2 ? /* @__PURE__ */ (0,
|
|
3745
|
-
/* @__PURE__ */ (0,
|
|
3746
|
-
/* @__PURE__ */ (0,
|
|
3779
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("title", { children: title2 }) : null,
|
|
3780
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("g", { clipPath: "url(#clip0_stay_in_control)", children: [
|
|
3781
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
3747
3782
|
"path",
|
|
3748
3783
|
{
|
|
3749
3784
|
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",
|
|
3750
3785
|
fill: "currentColor"
|
|
3751
3786
|
}
|
|
3752
3787
|
),
|
|
3753
|
-
/* @__PURE__ */ (0,
|
|
3788
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
3754
3789
|
"path",
|
|
3755
3790
|
{
|
|
3756
3791
|
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",
|
|
@@ -3758,7 +3793,7 @@ var StayInControlIcon = (_a) => {
|
|
|
3758
3793
|
}
|
|
3759
3794
|
)
|
|
3760
3795
|
] }),
|
|
3761
|
-
/* @__PURE__ */ (0,
|
|
3796
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("clipPath", { id: "clip0_stay_in_control", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
|
|
3762
3797
|
]
|
|
3763
3798
|
})
|
|
3764
3799
|
);
|
|
@@ -3766,10 +3801,10 @@ var StayInControlIcon = (_a) => {
|
|
|
3766
3801
|
StayInControlIcon.displayName = "StayInControlIcon";
|
|
3767
3802
|
|
|
3768
3803
|
// src/primitives/icon/svg/success-check.tsx
|
|
3769
|
-
var
|
|
3804
|
+
var import_jsx_runtime84 = require("react/jsx-runtime");
|
|
3770
3805
|
var SuccessCheckIcon = (_a) => {
|
|
3771
3806
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3772
|
-
return /* @__PURE__ */ (0,
|
|
3807
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
3773
3808
|
"svg",
|
|
3774
3809
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3775
3810
|
width: "24",
|
|
@@ -3780,8 +3815,8 @@ var SuccessCheckIcon = (_a) => {
|
|
|
3780
3815
|
className
|
|
3781
3816
|
}, getIconA11yProps(title2)), props), {
|
|
3782
3817
|
children: [
|
|
3783
|
-
title2 ? /* @__PURE__ */ (0,
|
|
3784
|
-
/* @__PURE__ */ (0,
|
|
3818
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("title", { children: title2 }) : null,
|
|
3819
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
3785
3820
|
"path",
|
|
3786
3821
|
{
|
|
3787
3822
|
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",
|
|
@@ -3795,10 +3830,10 @@ var SuccessCheckIcon = (_a) => {
|
|
|
3795
3830
|
SuccessCheckIcon.displayName = "SuccessCheckIcon";
|
|
3796
3831
|
|
|
3797
3832
|
// src/primitives/icon/svg/telegram.tsx
|
|
3798
|
-
var
|
|
3833
|
+
var import_jsx_runtime85 = require("react/jsx-runtime");
|
|
3799
3834
|
var TelegramIcon = (_a) => {
|
|
3800
3835
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3801
|
-
return /* @__PURE__ */ (0,
|
|
3836
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
|
|
3802
3837
|
"svg",
|
|
3803
3838
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3804
3839
|
viewBox: "0 0 20 20",
|
|
@@ -3806,8 +3841,8 @@ var TelegramIcon = (_a) => {
|
|
|
3806
3841
|
fill: "none"
|
|
3807
3842
|
}, getIconA11yProps(title2)), props), {
|
|
3808
3843
|
children: [
|
|
3809
|
-
title2 ? /* @__PURE__ */ (0,
|
|
3810
|
-
/* @__PURE__ */ (0,
|
|
3844
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("title", { children: title2 }) : null,
|
|
3845
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)("g", { clipPath: "url(#clip0_telegram)", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
3811
3846
|
"path",
|
|
3812
3847
|
{
|
|
3813
3848
|
fillRule: "evenodd",
|
|
@@ -3816,7 +3851,7 @@ var TelegramIcon = (_a) => {
|
|
|
3816
3851
|
fill: "currentColor"
|
|
3817
3852
|
}
|
|
3818
3853
|
) }),
|
|
3819
|
-
/* @__PURE__ */ (0,
|
|
3854
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("clipPath", { id: "clip0_telegram", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("rect", { width: "20", height: "20", fill: "white" }) }) })
|
|
3820
3855
|
]
|
|
3821
3856
|
})
|
|
3822
3857
|
);
|
|
@@ -3824,10 +3859,10 @@ var TelegramIcon = (_a) => {
|
|
|
3824
3859
|
TelegramIcon.displayName = "TelegramIcon";
|
|
3825
3860
|
|
|
3826
3861
|
// src/primitives/icon/svg/triangle-down.tsx
|
|
3827
|
-
var
|
|
3862
|
+
var import_jsx_runtime86 = require("react/jsx-runtime");
|
|
3828
3863
|
var TriangleDownIcon = (_a) => {
|
|
3829
3864
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3830
|
-
return /* @__PURE__ */ (0,
|
|
3865
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
|
|
3831
3866
|
"svg",
|
|
3832
3867
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3833
3868
|
viewBox: "0 0 8 8",
|
|
@@ -3835,16 +3870,16 @@ var TriangleDownIcon = (_a) => {
|
|
|
3835
3870
|
fill: "none"
|
|
3836
3871
|
}, getIconA11yProps(title2)), props), {
|
|
3837
3872
|
children: [
|
|
3838
|
-
title2 ? /* @__PURE__ */ (0,
|
|
3839
|
-
/* @__PURE__ */ (0,
|
|
3840
|
-
/* @__PURE__ */ (0,
|
|
3873
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("title", { children: title2 }) : null,
|
|
3874
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("g", { transform: "scale(1,-1) translate(0,-8)", clipPath: "url(#triangle_up)", children: [
|
|
3875
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
3841
3876
|
"path",
|
|
3842
3877
|
{
|
|
3843
3878
|
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",
|
|
3844
3879
|
fill: "currentColor"
|
|
3845
3880
|
}
|
|
3846
3881
|
),
|
|
3847
|
-
/* @__PURE__ */ (0,
|
|
3882
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
3848
3883
|
"path",
|
|
3849
3884
|
{
|
|
3850
3885
|
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",
|
|
@@ -3852,7 +3887,7 @@ var TriangleDownIcon = (_a) => {
|
|
|
3852
3887
|
}
|
|
3853
3888
|
)
|
|
3854
3889
|
] }),
|
|
3855
|
-
/* @__PURE__ */ (0,
|
|
3890
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("clipPath", { id: "triangle_up", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("rect", { width: "8", height: "8", fill: "white" }) }) })
|
|
3856
3891
|
]
|
|
3857
3892
|
})
|
|
3858
3893
|
);
|
|
@@ -3860,10 +3895,10 @@ var TriangleDownIcon = (_a) => {
|
|
|
3860
3895
|
TriangleDownIcon.displayName = "TriangleDownIcon";
|
|
3861
3896
|
|
|
3862
3897
|
// src/primitives/icon/svg/triangle-up.tsx
|
|
3863
|
-
var
|
|
3898
|
+
var import_jsx_runtime87 = require("react/jsx-runtime");
|
|
3864
3899
|
var TriangleUpIcon = (_a) => {
|
|
3865
3900
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3866
|
-
return /* @__PURE__ */ (0,
|
|
3901
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
|
|
3867
3902
|
"svg",
|
|
3868
3903
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3869
3904
|
viewBox: "0 0 8 8",
|
|
@@ -3871,16 +3906,16 @@ var TriangleUpIcon = (_a) => {
|
|
|
3871
3906
|
fill: "none"
|
|
3872
3907
|
}, getIconA11yProps(title2)), props), {
|
|
3873
3908
|
children: [
|
|
3874
|
-
title2 ? /* @__PURE__ */ (0,
|
|
3875
|
-
/* @__PURE__ */ (0,
|
|
3876
|
-
/* @__PURE__ */ (0,
|
|
3909
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("title", { children: title2 }) : null,
|
|
3910
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("g", { clipPath: "url(#triangle_up)", children: [
|
|
3911
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
3877
3912
|
"path",
|
|
3878
3913
|
{
|
|
3879
3914
|
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",
|
|
3880
3915
|
fill: "currentColor"
|
|
3881
3916
|
}
|
|
3882
3917
|
),
|
|
3883
|
-
/* @__PURE__ */ (0,
|
|
3918
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
3884
3919
|
"path",
|
|
3885
3920
|
{
|
|
3886
3921
|
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",
|
|
@@ -3888,7 +3923,7 @@ var TriangleUpIcon = (_a) => {
|
|
|
3888
3923
|
}
|
|
3889
3924
|
)
|
|
3890
3925
|
] }),
|
|
3891
|
-
/* @__PURE__ */ (0,
|
|
3926
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("clipPath", { id: "triangle_up", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("rect", { width: "8", height: "8", fill: "white" }) }) })
|
|
3892
3927
|
]
|
|
3893
3928
|
})
|
|
3894
3929
|
);
|
|
@@ -3896,10 +3931,10 @@ var TriangleUpIcon = (_a) => {
|
|
|
3896
3931
|
TriangleUpIcon.displayName = "TriangleUpIcon";
|
|
3897
3932
|
|
|
3898
3933
|
// src/primitives/icon/svg/triangle-up-filled.tsx
|
|
3899
|
-
var
|
|
3934
|
+
var import_jsx_runtime88 = require("react/jsx-runtime");
|
|
3900
3935
|
var TriangleUpFilledIcon = (_a) => {
|
|
3901
3936
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3902
|
-
return /* @__PURE__ */ (0,
|
|
3937
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
|
|
3903
3938
|
"svg",
|
|
3904
3939
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3905
3940
|
viewBox: "0 0 8 8",
|
|
@@ -3907,8 +3942,8 @@ var TriangleUpFilledIcon = (_a) => {
|
|
|
3907
3942
|
fill: "none"
|
|
3908
3943
|
}, getIconA11yProps(title2)), props), {
|
|
3909
3944
|
children: [
|
|
3910
|
-
title2 ? /* @__PURE__ */ (0,
|
|
3911
|
-
/* @__PURE__ */ (0,
|
|
3945
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("title", { children: title2 }) : null,
|
|
3946
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
3912
3947
|
"path",
|
|
3913
3948
|
{
|
|
3914
3949
|
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",
|
|
@@ -3922,10 +3957,10 @@ var TriangleUpFilledIcon = (_a) => {
|
|
|
3922
3957
|
TriangleUpFilledIcon.displayName = "TriangleUpFilledIcon";
|
|
3923
3958
|
|
|
3924
3959
|
// src/primitives/icon/svg/twitter.tsx
|
|
3925
|
-
var
|
|
3960
|
+
var import_jsx_runtime89 = require("react/jsx-runtime");
|
|
3926
3961
|
var TwitterIcon = (_a) => {
|
|
3927
3962
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3928
|
-
return /* @__PURE__ */ (0,
|
|
3963
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
|
|
3929
3964
|
"svg",
|
|
3930
3965
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3931
3966
|
viewBox: "0 0 24 24",
|
|
@@ -3933,8 +3968,8 @@ var TwitterIcon = (_a) => {
|
|
|
3933
3968
|
fill: "none"
|
|
3934
3969
|
}, getIconA11yProps(title2)), props), {
|
|
3935
3970
|
children: [
|
|
3936
|
-
title2 ? /* @__PURE__ */ (0,
|
|
3937
|
-
/* @__PURE__ */ (0,
|
|
3971
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("title", { children: title2 }) : null,
|
|
3972
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
3938
3973
|
"path",
|
|
3939
3974
|
{
|
|
3940
3975
|
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",
|
|
@@ -3948,10 +3983,10 @@ var TwitterIcon = (_a) => {
|
|
|
3948
3983
|
TwitterIcon.displayName = "TwitterIcon";
|
|
3949
3984
|
|
|
3950
3985
|
// src/primitives/icon/svg/upload.tsx
|
|
3951
|
-
var
|
|
3986
|
+
var import_jsx_runtime90 = require("react/jsx-runtime");
|
|
3952
3987
|
var UploadIcon = (_a) => {
|
|
3953
3988
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3954
|
-
return /* @__PURE__ */ (0,
|
|
3989
|
+
return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
|
|
3955
3990
|
"svg",
|
|
3956
3991
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3957
3992
|
viewBox: "0 0 16 16",
|
|
@@ -3959,16 +3994,16 @@ var UploadIcon = (_a) => {
|
|
|
3959
3994
|
fill: "none"
|
|
3960
3995
|
}, getIconA11yProps(title2)), props), {
|
|
3961
3996
|
children: [
|
|
3962
|
-
title2 ? /* @__PURE__ */ (0,
|
|
3963
|
-
/* @__PURE__ */ (0,
|
|
3964
|
-
/* @__PURE__ */ (0,
|
|
3997
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("title", { children: title2 }) : null,
|
|
3998
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("g", { clipPath: "url(#upload-clip)", children: [
|
|
3999
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
3965
4000
|
"path",
|
|
3966
4001
|
{
|
|
3967
4002
|
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",
|
|
3968
4003
|
fill: "currentColor"
|
|
3969
4004
|
}
|
|
3970
4005
|
),
|
|
3971
|
-
/* @__PURE__ */ (0,
|
|
4006
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
3972
4007
|
"path",
|
|
3973
4008
|
{
|
|
3974
4009
|
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",
|
|
@@ -3976,7 +4011,7 @@ var UploadIcon = (_a) => {
|
|
|
3976
4011
|
}
|
|
3977
4012
|
)
|
|
3978
4013
|
] }),
|
|
3979
|
-
/* @__PURE__ */ (0,
|
|
4014
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("clipPath", { id: "upload-clip", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
3980
4015
|
]
|
|
3981
4016
|
})
|
|
3982
4017
|
);
|
|
@@ -3984,10 +4019,10 @@ var UploadIcon = (_a) => {
|
|
|
3984
4019
|
UploadIcon.displayName = "UploadIcon";
|
|
3985
4020
|
|
|
3986
4021
|
// src/primitives/icon/svg/user-trust.tsx
|
|
3987
|
-
var
|
|
4022
|
+
var import_jsx_runtime91 = require("react/jsx-runtime");
|
|
3988
4023
|
var UserTrustIcon = (_a) => {
|
|
3989
4024
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3990
|
-
return /* @__PURE__ */ (0,
|
|
4025
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
|
|
3991
4026
|
"svg",
|
|
3992
4027
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3993
4028
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3996,15 +4031,15 @@ var UserTrustIcon = (_a) => {
|
|
|
3996
4031
|
className
|
|
3997
4032
|
}, getIconA11yProps(title2)), props), {
|
|
3998
4033
|
children: [
|
|
3999
|
-
title2 ? /* @__PURE__ */ (0,
|
|
4000
|
-
/* @__PURE__ */ (0,
|
|
4034
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("title", { children: title2 }) : null,
|
|
4035
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("g", { clipPath: "url(#clip0_user_trust)", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
4001
4036
|
"path",
|
|
4002
4037
|
{
|
|
4003
4038
|
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",
|
|
4004
4039
|
fill: "currentColor"
|
|
4005
4040
|
}
|
|
4006
4041
|
) }),
|
|
4007
|
-
/* @__PURE__ */ (0,
|
|
4042
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("clipPath", { id: "clip0_user_trust", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("rect", { width: "60", height: "60", fill: "white" }) }) })
|
|
4008
4043
|
]
|
|
4009
4044
|
})
|
|
4010
4045
|
);
|
|
@@ -4012,10 +4047,10 @@ var UserTrustIcon = (_a) => {
|
|
|
4012
4047
|
UserTrustIcon.displayName = "UserTrustIcon";
|
|
4013
4048
|
|
|
4014
4049
|
// src/primitives/icon/svg/usdc.tsx
|
|
4015
|
-
var
|
|
4050
|
+
var import_jsx_runtime92 = require("react/jsx-runtime");
|
|
4016
4051
|
var UsdcIcon = (_a) => {
|
|
4017
4052
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
4018
|
-
return /* @__PURE__ */ (0,
|
|
4053
|
+
return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
|
|
4019
4054
|
"svg",
|
|
4020
4055
|
__spreadProps(__spreadValues(__spreadValues({
|
|
4021
4056
|
viewBox: "0 0 32 32",
|
|
@@ -4023,16 +4058,16 @@ var UsdcIcon = (_a) => {
|
|
|
4023
4058
|
fill: "none"
|
|
4024
4059
|
}, getIconA11yProps(title2)), props), {
|
|
4025
4060
|
children: [
|
|
4026
|
-
title2 ? /* @__PURE__ */ (0,
|
|
4027
|
-
/* @__PURE__ */ (0,
|
|
4028
|
-
/* @__PURE__ */ (0,
|
|
4061
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("title", { children: title2 }) : null,
|
|
4062
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("circle", { cx: "16", cy: "16", r: "16", fill: "#2775CA" }),
|
|
4063
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
4029
4064
|
"path",
|
|
4030
4065
|
{
|
|
4031
4066
|
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",
|
|
4032
4067
|
fill: "#fff"
|
|
4033
4068
|
}
|
|
4034
4069
|
),
|
|
4035
|
-
/* @__PURE__ */ (0,
|
|
4070
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
4036
4071
|
"path",
|
|
4037
4072
|
{
|
|
4038
4073
|
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",
|
|
@@ -4046,10 +4081,10 @@ var UsdcIcon = (_a) => {
|
|
|
4046
4081
|
UsdcIcon.displayName = "UsdcIcon";
|
|
4047
4082
|
|
|
4048
4083
|
// src/primitives/icon/svg/wallet.tsx
|
|
4049
|
-
var
|
|
4084
|
+
var import_jsx_runtime93 = require("react/jsx-runtime");
|
|
4050
4085
|
var WalletIcon = (_a) => {
|
|
4051
4086
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
4052
|
-
return /* @__PURE__ */ (0,
|
|
4087
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
|
|
4053
4088
|
"svg",
|
|
4054
4089
|
__spreadProps(__spreadValues(__spreadValues({
|
|
4055
4090
|
viewBox: "0 0 24 24",
|
|
@@ -4057,8 +4092,8 @@ var WalletIcon = (_a) => {
|
|
|
4057
4092
|
fill: "none"
|
|
4058
4093
|
}, getIconA11yProps(title2)), props), {
|
|
4059
4094
|
children: [
|
|
4060
|
-
title2 ? /* @__PURE__ */ (0,
|
|
4061
|
-
/* @__PURE__ */ (0,
|
|
4095
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("title", { children: title2 }) : null,
|
|
4096
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
4062
4097
|
"path",
|
|
4063
4098
|
{
|
|
4064
4099
|
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",
|
|
@@ -4072,10 +4107,10 @@ var WalletIcon = (_a) => {
|
|
|
4072
4107
|
WalletIcon.displayName = "WalletIcon";
|
|
4073
4108
|
|
|
4074
4109
|
// src/primitives/icon/svg/wallet-avatar.tsx
|
|
4075
|
-
var
|
|
4110
|
+
var import_jsx_runtime94 = require("react/jsx-runtime");
|
|
4076
4111
|
function WalletAvatarIcon(_a) {
|
|
4077
4112
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
4078
|
-
return /* @__PURE__ */ (0,
|
|
4113
|
+
return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
|
|
4079
4114
|
"svg",
|
|
4080
4115
|
__spreadProps(__spreadValues(__spreadValues({
|
|
4081
4116
|
fill: "none",
|
|
@@ -4083,9 +4118,9 @@ function WalletAvatarIcon(_a) {
|
|
|
4083
4118
|
viewBox: "0 0 16 16"
|
|
4084
4119
|
}, getIconA11yProps(title2)), props), {
|
|
4085
4120
|
children: [
|
|
4086
|
-
title2 ? /* @__PURE__ */ (0,
|
|
4087
|
-
/* @__PURE__ */ (0,
|
|
4088
|
-
/* @__PURE__ */ (0,
|
|
4121
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("title", { children: title2 }) : null,
|
|
4122
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("circle", { cx: "8", cy: "5.25", r: "2.25", fill: "currentColor" }),
|
|
4123
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("path", { d: "M3.75 12.75a4.25 4.25 0 0 1 8.5 0v.25h-8.5v-.25Z", fill: "currentColor" })
|
|
4089
4124
|
]
|
|
4090
4125
|
})
|
|
4091
4126
|
);
|
|
@@ -4093,10 +4128,10 @@ function WalletAvatarIcon(_a) {
|
|
|
4093
4128
|
WalletAvatarIcon.displayName = "WalletAvatarIcon";
|
|
4094
4129
|
|
|
4095
4130
|
// src/primitives/icon/svg/wallet-filled.tsx
|
|
4096
|
-
var
|
|
4131
|
+
var import_jsx_runtime95 = require("react/jsx-runtime");
|
|
4097
4132
|
var WalletFilledIcon = (_a) => {
|
|
4098
4133
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
4099
|
-
return /* @__PURE__ */ (0,
|
|
4134
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
|
|
4100
4135
|
"svg",
|
|
4101
4136
|
__spreadProps(__spreadValues(__spreadValues({
|
|
4102
4137
|
viewBox: "0 0 14 14",
|
|
@@ -4104,8 +4139,8 @@ var WalletFilledIcon = (_a) => {
|
|
|
4104
4139
|
fill: "none"
|
|
4105
4140
|
}, getIconA11yProps(title2)), props), {
|
|
4106
4141
|
children: [
|
|
4107
|
-
title2 ? /* @__PURE__ */ (0,
|
|
4108
|
-
/* @__PURE__ */ (0,
|
|
4142
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("title", { children: title2 }) : null,
|
|
4143
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
4109
4144
|
"path",
|
|
4110
4145
|
{
|
|
4111
4146
|
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",
|
|
@@ -4119,10 +4154,10 @@ var WalletFilledIcon = (_a) => {
|
|
|
4119
4154
|
WalletFilledIcon.displayName = "WalletFilledIcon";
|
|
4120
4155
|
|
|
4121
4156
|
// src/primitives/icon/svg/paper-plane.tsx
|
|
4122
|
-
var
|
|
4157
|
+
var import_jsx_runtime96 = require("react/jsx-runtime");
|
|
4123
4158
|
var PaperPlaneIcon = (_a) => {
|
|
4124
4159
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
4125
|
-
return /* @__PURE__ */ (0,
|
|
4160
|
+
return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
|
|
4126
4161
|
"svg",
|
|
4127
4162
|
__spreadProps(__spreadValues(__spreadValues({
|
|
4128
4163
|
viewBox: "0 0 24 24",
|
|
@@ -4130,15 +4165,15 @@ var PaperPlaneIcon = (_a) => {
|
|
|
4130
4165
|
fill: "none"
|
|
4131
4166
|
}, getIconA11yProps(title2)), props), {
|
|
4132
4167
|
children: [
|
|
4133
|
-
title2 ? /* @__PURE__ */ (0,
|
|
4134
|
-
/* @__PURE__ */ (0,
|
|
4168
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("title", { children: title2 }) : null,
|
|
4169
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)("g", { clipPath: "url(#paper-plane-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
4135
4170
|
"path",
|
|
4136
4171
|
{
|
|
4137
4172
|
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",
|
|
4138
4173
|
fill: "currentColor"
|
|
4139
4174
|
}
|
|
4140
4175
|
) }),
|
|
4141
|
-
/* @__PURE__ */ (0,
|
|
4176
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("clipPath", { id: "paper-plane-clip", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("rect", { width: "24", height: "24", fill: "white" }) }) })
|
|
4142
4177
|
]
|
|
4143
4178
|
})
|
|
4144
4179
|
);
|
|
@@ -4146,10 +4181,10 @@ var PaperPlaneIcon = (_a) => {
|
|
|
4146
4181
|
PaperPlaneIcon.displayName = "PaperPlaneIcon";
|
|
4147
4182
|
|
|
4148
4183
|
// src/primitives/icon/svg/warning.tsx
|
|
4149
|
-
var
|
|
4184
|
+
var import_jsx_runtime97 = require("react/jsx-runtime");
|
|
4150
4185
|
var WarningIcon = (_a) => {
|
|
4151
4186
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
4152
|
-
return /* @__PURE__ */ (0,
|
|
4187
|
+
return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
|
|
4153
4188
|
"svg",
|
|
4154
4189
|
__spreadProps(__spreadValues(__spreadValues({
|
|
4155
4190
|
width: "14",
|
|
@@ -4160,8 +4195,8 @@ var WarningIcon = (_a) => {
|
|
|
4160
4195
|
className
|
|
4161
4196
|
}, getIconA11yProps(title2)), props), {
|
|
4162
4197
|
children: [
|
|
4163
|
-
title2 ? /* @__PURE__ */ (0,
|
|
4164
|
-
/* @__PURE__ */ (0,
|
|
4198
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("title", { children: title2 }) : null,
|
|
4199
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
4165
4200
|
"path",
|
|
4166
4201
|
{
|
|
4167
4202
|
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",
|
|
@@ -4175,10 +4210,10 @@ var WarningIcon = (_a) => {
|
|
|
4175
4210
|
WarningIcon.displayName = "WarningIcon";
|
|
4176
4211
|
|
|
4177
4212
|
// src/primitives/icon/svg/warning-filled.tsx
|
|
4178
|
-
var
|
|
4213
|
+
var import_jsx_runtime98 = require("react/jsx-runtime");
|
|
4179
4214
|
var WarningFilledIcon = (_a) => {
|
|
4180
4215
|
var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
4181
|
-
return /* @__PURE__ */ (0,
|
|
4216
|
+
return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
|
|
4182
4217
|
"svg",
|
|
4183
4218
|
__spreadProps(__spreadValues(__spreadValues({
|
|
4184
4219
|
viewBox: "0 0 16 16",
|
|
@@ -4186,8 +4221,8 @@ var WarningFilledIcon = (_a) => {
|
|
|
4186
4221
|
fill: "none"
|
|
4187
4222
|
}, getIconA11yProps(title2)), props), {
|
|
4188
4223
|
children: [
|
|
4189
|
-
title2 ? /* @__PURE__ */ (0,
|
|
4190
|
-
/* @__PURE__ */ (0,
|
|
4224
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("title", { children: title2 }) : null,
|
|
4225
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
4191
4226
|
"path",
|
|
4192
4227
|
{
|
|
4193
4228
|
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",
|
|
@@ -4245,6 +4280,7 @@ var iconRegistry = {
|
|
|
4245
4280
|
info: InfoIcon,
|
|
4246
4281
|
"internet-security": InternetSecurityIcon,
|
|
4247
4282
|
"link-accounts": LinkAccountsIcon,
|
|
4283
|
+
lock: LockIcon,
|
|
4248
4284
|
pencil: PencilIcon,
|
|
4249
4285
|
"play-square": PlaySquareIcon,
|
|
4250
4286
|
polygon: PolygonIcon,
|
|
@@ -4287,7 +4323,7 @@ var resolveIconStyle = (color, style) => {
|
|
|
4287
4323
|
};
|
|
4288
4324
|
|
|
4289
4325
|
// src/primitives/icon/index.tsx
|
|
4290
|
-
var
|
|
4326
|
+
var import_jsx_runtime99 = require("react/jsx-runtime");
|
|
4291
4327
|
var Icon = (_a) => {
|
|
4292
4328
|
var _b = _a, {
|
|
4293
4329
|
name,
|
|
@@ -4311,7 +4347,7 @@ var Icon = (_a) => {
|
|
|
4311
4347
|
}
|
|
4312
4348
|
const resolvedStyle = resolveIconStyle(color, style);
|
|
4313
4349
|
const resolvedClassName = cn(iconSizeClasses[size], className);
|
|
4314
|
-
return /* @__PURE__ */ (0,
|
|
4350
|
+
return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
4315
4351
|
Component,
|
|
4316
4352
|
__spreadValues({
|
|
4317
4353
|
color,
|
|
@@ -4323,7 +4359,7 @@ var Icon = (_a) => {
|
|
|
4323
4359
|
Icon.displayName = "Icon";
|
|
4324
4360
|
|
|
4325
4361
|
// src/geo-block-banner/index.tsx
|
|
4326
|
-
var
|
|
4362
|
+
var import_jsx_runtime100 = require("react/jsx-runtime");
|
|
4327
4363
|
var GeoBlockBanner = ({
|
|
4328
4364
|
venue,
|
|
4329
4365
|
termsUrl = AGG_TERMS_OF_SERVICE_URL,
|
|
@@ -4331,18 +4367,18 @@ var GeoBlockBanner = ({
|
|
|
4331
4367
|
}) => {
|
|
4332
4368
|
const labels = (0, import_hooks20.useLabels)();
|
|
4333
4369
|
const message = venue ? labels.trading.geoBlockVenueMessage(venue) : labels.trading.geoBlockGenericMessage;
|
|
4334
|
-
return /* @__PURE__ */ (0,
|
|
4370
|
+
return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
|
|
4335
4371
|
"div",
|
|
4336
4372
|
{
|
|
4337
|
-
className: cn("flex items-center gap-5 rounded-agg-
|
|
4373
|
+
className: cn("flex items-center gap-5 rounded-agg-lg bg-agg-secondary-hover p-3", className),
|
|
4338
4374
|
role: "status",
|
|
4339
4375
|
children: [
|
|
4340
|
-
/* @__PURE__ */ (0,
|
|
4376
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("p", { className: "min-w-0 flex-1 text-agg-xs leading-agg-4 text-agg-foreground", children: [
|
|
4341
4377
|
message,
|
|
4342
|
-
/* @__PURE__ */ (0,
|
|
4378
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("a", { href: termsUrl, className: "underline", target: "_blank", rel: "noreferrer noopener", children: labels.trading.geoBlockTermsLink }),
|
|
4343
4379
|
labels.trading.geoBlockMessageSuffix
|
|
4344
4380
|
] }),
|
|
4345
|
-
/* @__PURE__ */ (0,
|
|
4381
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Icon, { name: "internet-security", className: "h-6 w-6 shrink-0 text-agg-muted-foreground" })
|
|
4346
4382
|
]
|
|
4347
4383
|
}
|
|
4348
4384
|
);
|
|
@@ -4421,7 +4457,7 @@ var getButtonClassName = ({
|
|
|
4421
4457
|
};
|
|
4422
4458
|
|
|
4423
4459
|
// src/primitives/button/index.tsx
|
|
4424
|
-
var
|
|
4460
|
+
var import_jsx_runtime101 = require("react/jsx-runtime");
|
|
4425
4461
|
var Button = (_a) => {
|
|
4426
4462
|
var _b = _a, {
|
|
4427
4463
|
children,
|
|
@@ -4450,7 +4486,7 @@ var Button = (_a) => {
|
|
|
4450
4486
|
features: { enableAnimations }
|
|
4451
4487
|
} = (0, import_hooks21.useSdkUiConfig)();
|
|
4452
4488
|
const isDisabled = resolveButtonIsDisabled({ disabled, isLoading });
|
|
4453
|
-
return /* @__PURE__ */ (0,
|
|
4489
|
+
return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
4454
4490
|
"button",
|
|
4455
4491
|
__spreadProps(__spreadValues({
|
|
4456
4492
|
type,
|
|
@@ -4459,7 +4495,7 @@ var Button = (_a) => {
|
|
|
4459
4495
|
"aria-busy": isLoading,
|
|
4460
4496
|
"aria-label": ariaLabel
|
|
4461
4497
|
}, other), {
|
|
4462
|
-
children: isLoading ? /* @__PURE__ */ (0,
|
|
4498
|
+
children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
4463
4499
|
"span",
|
|
4464
4500
|
{
|
|
4465
4501
|
className: cn(
|
|
@@ -4470,9 +4506,9 @@ var Button = (_a) => {
|
|
|
4470
4506
|
),
|
|
4471
4507
|
"aria-hidden": "true"
|
|
4472
4508
|
}
|
|
4473
|
-
) : /* @__PURE__ */ (0,
|
|
4509
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
|
|
4474
4510
|
prefix != null ? prefix : null,
|
|
4475
|
-
/* @__PURE__ */ (0,
|
|
4511
|
+
/* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
4476
4512
|
"span",
|
|
4477
4513
|
{
|
|
4478
4514
|
className: cn("group/span-agg-button agg-button-label", "whitespace-nowrap truncate"),
|
|
@@ -4579,7 +4615,7 @@ var sanitizeCurrencyInputPastedValue = (input, parts, decimalPlaces) => {
|
|
|
4579
4615
|
};
|
|
4580
4616
|
|
|
4581
4617
|
// src/primitives/currency-input/index.tsx
|
|
4582
|
-
var
|
|
4618
|
+
var import_jsx_runtime102 = require("react/jsx-runtime");
|
|
4583
4619
|
var CurrencyInput = ({
|
|
4584
4620
|
value,
|
|
4585
4621
|
onChange,
|
|
@@ -4707,7 +4743,7 @@ var CurrencyInput = ({
|
|
|
4707
4743
|
onChange == null ? void 0 : onChange(nextValue);
|
|
4708
4744
|
onBlur == null ? void 0 : onBlur();
|
|
4709
4745
|
};
|
|
4710
|
-
return /* @__PURE__ */ (0,
|
|
4746
|
+
return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
4711
4747
|
"input",
|
|
4712
4748
|
{
|
|
4713
4749
|
ref: inputRef,
|
|
@@ -4755,7 +4791,7 @@ var resolveRemoteImageStatusFromSrc = (src) => {
|
|
|
4755
4791
|
};
|
|
4756
4792
|
|
|
4757
4793
|
// src/primitives/remote-image/index.tsx
|
|
4758
|
-
var
|
|
4794
|
+
var import_jsx_runtime103 = require("react/jsx-runtime");
|
|
4759
4795
|
var RemoteImage = ({
|
|
4760
4796
|
src,
|
|
4761
4797
|
alt,
|
|
@@ -4789,7 +4825,7 @@ var RemoteImage = ({
|
|
|
4789
4825
|
setStatus("error");
|
|
4790
4826
|
};
|
|
4791
4827
|
const sizeStyle = width !== void 0 || height !== void 0 ? { width: width != null ? width : void 0, height: height != null ? height : void 0 } : void 0;
|
|
4792
|
-
return /* @__PURE__ */ (0,
|
|
4828
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
|
|
4793
4829
|
"div",
|
|
4794
4830
|
{
|
|
4795
4831
|
className: cn(containerClasses, classNames == null ? void 0 : classNames.root, className),
|
|
@@ -4806,14 +4842,14 @@ var RemoteImage = ({
|
|
|
4806
4842
|
"aria-label": ariaLabel,
|
|
4807
4843
|
title: title2,
|
|
4808
4844
|
children: [
|
|
4809
|
-
status === "loading" && /* @__PURE__ */ (0,
|
|
4810
|
-
status === "error" && /* @__PURE__ */ (0,
|
|
4845
|
+
status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SkeletonBlock, { className: cn(skeletonClasses, classNames == null ? void 0 : classNames.placeholder) }),
|
|
4846
|
+
status === "error" && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
4811
4847
|
"div",
|
|
4812
4848
|
{
|
|
4813
4849
|
className: cn(placeholderClasses, classNames == null ? void 0 : classNames.placeholder),
|
|
4814
4850
|
"aria-hidden": true,
|
|
4815
4851
|
"aria-errormessage": "Image failed to load",
|
|
4816
|
-
children: /* @__PURE__ */ (0,
|
|
4852
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
4817
4853
|
Icon,
|
|
4818
4854
|
{
|
|
4819
4855
|
name: "image",
|
|
@@ -4824,7 +4860,7 @@ var RemoteImage = ({
|
|
|
4824
4860
|
)
|
|
4825
4861
|
}
|
|
4826
4862
|
),
|
|
4827
|
-
isValidRemoteImageSrc(src) && status !== "error" && /* @__PURE__ */ (0,
|
|
4863
|
+
isValidRemoteImageSrc(src) && status !== "error" && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
4828
4864
|
"img",
|
|
4829
4865
|
{
|
|
4830
4866
|
src,
|
|
@@ -4863,7 +4899,7 @@ var resolveVenueLogoIsColor = ({
|
|
|
4863
4899
|
};
|
|
4864
4900
|
|
|
4865
4901
|
// src/primitives/venue-logo/index.tsx
|
|
4866
|
-
var
|
|
4902
|
+
var import_jsx_runtime104 = require("react/jsx-runtime");
|
|
4867
4903
|
var VenueLogo = ({
|
|
4868
4904
|
venue,
|
|
4869
4905
|
variant = "icon",
|
|
@@ -4889,7 +4925,7 @@ var VenueLogo = ({
|
|
|
4889
4925
|
console.warn(`[AggUI] Unknown venue "${venue}" \u2014 using default logo`);
|
|
4890
4926
|
}
|
|
4891
4927
|
if (variant === "logo") {
|
|
4892
|
-
return /* @__PURE__ */ (0,
|
|
4928
|
+
return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
|
|
4893
4929
|
RemoteImage,
|
|
4894
4930
|
{
|
|
4895
4931
|
src: (_a = venueLogoUrlRegistry[venue]) != null ? _a : DEFAULT_VENUE_LOGO_URL,
|
|
@@ -4904,7 +4940,7 @@ var VenueLogo = ({
|
|
|
4904
4940
|
isColor,
|
|
4905
4941
|
isMonochromatic
|
|
4906
4942
|
});
|
|
4907
|
-
return /* @__PURE__ */ (0,
|
|
4943
|
+
return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
|
|
4908
4944
|
Component,
|
|
4909
4945
|
{
|
|
4910
4946
|
className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
|
|
@@ -4962,7 +4998,7 @@ var resolveInlineAlertHasAction = ({
|
|
|
4962
4998
|
};
|
|
4963
4999
|
|
|
4964
5000
|
// src/primitives/inline-alert/index.tsx
|
|
4965
|
-
var
|
|
5001
|
+
var import_jsx_runtime105 = require("react/jsx-runtime");
|
|
4966
5002
|
var InlineAlert = ({
|
|
4967
5003
|
tone = INLINE_ALERT_DEFAULT_TONE,
|
|
4968
5004
|
variant,
|
|
@@ -4976,7 +5012,7 @@ var InlineAlert = ({
|
|
|
4976
5012
|
const resolvedVariant = resolveInlineAlertVariant({ tone, variant });
|
|
4977
5013
|
const hasAction = resolveInlineAlertHasAction({ actionLabel, onAction });
|
|
4978
5014
|
const { ariaLive, role } = INLINE_ALERT_LIVE_REGION_CONFIG[tone];
|
|
4979
|
-
return /* @__PURE__ */ (0,
|
|
5015
|
+
return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
|
|
4980
5016
|
"div",
|
|
4981
5017
|
{
|
|
4982
5018
|
className: cn(
|
|
@@ -4988,7 +5024,7 @@ var InlineAlert = ({
|
|
|
4988
5024
|
"aria-live": ariaLive,
|
|
4989
5025
|
"aria-label": ariaLabel,
|
|
4990
5026
|
children: [
|
|
4991
|
-
/* @__PURE__ */ (0,
|
|
5027
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
4992
5028
|
Icon,
|
|
4993
5029
|
{
|
|
4994
5030
|
name: INLINE_ALERT_TONE_ICON_NAME[tone],
|
|
@@ -4996,14 +5032,14 @@ var InlineAlert = ({
|
|
|
4996
5032
|
"aria-hidden": "true"
|
|
4997
5033
|
}
|
|
4998
5034
|
),
|
|
4999
|
-
/* @__PURE__ */ (0,
|
|
5035
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
5000
5036
|
"div",
|
|
5001
5037
|
{
|
|
5002
5038
|
className: cn(
|
|
5003
5039
|
"min-w-0",
|
|
5004
5040
|
resolvedVariant === "plain" && !hasAction ? "flex-none text-center" : "flex-1"
|
|
5005
5041
|
),
|
|
5006
|
-
children: /* @__PURE__ */ (0,
|
|
5042
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
|
|
5007
5043
|
"div",
|
|
5008
5044
|
{
|
|
5009
5045
|
className: cn(
|
|
@@ -5012,14 +5048,14 @@ var InlineAlert = ({
|
|
|
5012
5048
|
resolvedVariant === "plain" && !hasAction ? "items-center" : null
|
|
5013
5049
|
),
|
|
5014
5050
|
children: [
|
|
5015
|
-
title2 ? /* @__PURE__ */ (0,
|
|
5016
|
-
/* @__PURE__ */ (0,
|
|
5051
|
+
title2 ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: title2 }) : null,
|
|
5052
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground wrap-break-word", children: message })
|
|
5017
5053
|
]
|
|
5018
5054
|
}
|
|
5019
5055
|
)
|
|
5020
5056
|
}
|
|
5021
5057
|
),
|
|
5022
|
-
hasAction ? /* @__PURE__ */ (0,
|
|
5058
|
+
hasAction ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
5023
5059
|
"button",
|
|
5024
5060
|
{
|
|
5025
5061
|
type: "button",
|
|
@@ -5057,7 +5093,7 @@ var resolveLoadingIconAriaLabel = ({
|
|
|
5057
5093
|
};
|
|
5058
5094
|
|
|
5059
5095
|
// src/primitives/loading-icon/index.tsx
|
|
5060
|
-
var
|
|
5096
|
+
var import_jsx_runtime106 = require("react/jsx-runtime");
|
|
5061
5097
|
var LoadingIcon = ({
|
|
5062
5098
|
size = LOADING_ICON_DEFAULT_SIZE,
|
|
5063
5099
|
variant = "default",
|
|
@@ -5068,7 +5104,7 @@ var LoadingIcon = ({
|
|
|
5068
5104
|
const {
|
|
5069
5105
|
features: { enableAnimations }
|
|
5070
5106
|
} = (0, import_hooks25.useSdkUiConfig)();
|
|
5071
|
-
return /* @__PURE__ */ (0,
|
|
5107
|
+
return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
5072
5108
|
"span",
|
|
5073
5109
|
{
|
|
5074
5110
|
role: "status",
|
|
@@ -5081,7 +5117,7 @@ var LoadingIcon = ({
|
|
|
5081
5117
|
"inline-grid place-items-center text-agg-primary will-change-transform",
|
|
5082
5118
|
className
|
|
5083
5119
|
),
|
|
5084
|
-
children: /* @__PURE__ */ (0,
|
|
5120
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "inline-grid place-items-center", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
5085
5121
|
"svg",
|
|
5086
5122
|
{
|
|
5087
5123
|
viewBox: LOADING_ICON_SVG_VIEW_BOX,
|
|
@@ -5089,8 +5125,8 @@ var LoadingIcon = ({
|
|
|
5089
5125
|
"block",
|
|
5090
5126
|
variant === "prominent" ? LOADING_ICON_PROMINENT_FRAME_CLASS : iconSizeClasses[size]
|
|
5091
5127
|
),
|
|
5092
|
-
children: variant === "prominent" ? /* @__PURE__ */ (0,
|
|
5093
|
-
enableAnimations ? /* @__PURE__ */ (0,
|
|
5128
|
+
children: variant === "prominent" ? /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("g", { children: [
|
|
5129
|
+
enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
5094
5130
|
"animateTransform",
|
|
5095
5131
|
{
|
|
5096
5132
|
attributeName: "transform",
|
|
@@ -5102,7 +5138,7 @@ var LoadingIcon = ({
|
|
|
5102
5138
|
repeatCount: "indefinite"
|
|
5103
5139
|
}
|
|
5104
5140
|
) : null,
|
|
5105
|
-
/* @__PURE__ */ (0,
|
|
5141
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
5106
5142
|
"circle",
|
|
5107
5143
|
{
|
|
5108
5144
|
cx: "22",
|
|
@@ -5116,8 +5152,8 @@ var LoadingIcon = ({
|
|
|
5116
5152
|
strokeDasharray: LOADING_ICON_PROMINENT_DASHARRAY
|
|
5117
5153
|
}
|
|
5118
5154
|
)
|
|
5119
|
-
] }) : /* @__PURE__ */ (0,
|
|
5120
|
-
enableAnimations ? /* @__PURE__ */ (0,
|
|
5155
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("g", { children: [
|
|
5156
|
+
enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
5121
5157
|
"animateTransform",
|
|
5122
5158
|
{
|
|
5123
5159
|
attributeName: "transform",
|
|
@@ -5129,7 +5165,7 @@ var LoadingIcon = ({
|
|
|
5129
5165
|
repeatCount: "indefinite"
|
|
5130
5166
|
}
|
|
5131
5167
|
) : null,
|
|
5132
|
-
/* @__PURE__ */ (0,
|
|
5168
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
5133
5169
|
"circle",
|
|
5134
5170
|
{
|
|
5135
5171
|
cx: "22",
|
|
@@ -5141,8 +5177,8 @@ var LoadingIcon = ({
|
|
|
5141
5177
|
strokeLinecap: "round",
|
|
5142
5178
|
strokeDasharray: "60 100",
|
|
5143
5179
|
strokeDashoffset: "0",
|
|
5144
|
-
children: enableAnimations ? /* @__PURE__ */ (0,
|
|
5145
|
-
/* @__PURE__ */ (0,
|
|
5180
|
+
children: enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(import_jsx_runtime106.Fragment, { children: [
|
|
5181
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
5146
5182
|
"animate",
|
|
5147
5183
|
{
|
|
5148
5184
|
attributeName: "stroke-dasharray",
|
|
@@ -5151,7 +5187,7 @@ var LoadingIcon = ({
|
|
|
5151
5187
|
repeatCount: "indefinite"
|
|
5152
5188
|
}
|
|
5153
5189
|
),
|
|
5154
|
-
/* @__PURE__ */ (0,
|
|
5190
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
5155
5191
|
"animate",
|
|
5156
5192
|
{
|
|
5157
5193
|
attributeName: "stroke-dashoffset",
|
|
@@ -5196,7 +5232,7 @@ var resolveModalCloseIcon = ({
|
|
|
5196
5232
|
};
|
|
5197
5233
|
|
|
5198
5234
|
// src/primitives/modal/index.tsx
|
|
5199
|
-
var
|
|
5235
|
+
var import_jsx_runtime107 = require("react/jsx-runtime");
|
|
5200
5236
|
var Modal = ({
|
|
5201
5237
|
open,
|
|
5202
5238
|
onOpenChange,
|
|
@@ -5204,7 +5240,7 @@ var Modal = ({
|
|
|
5204
5240
|
"aria-label": _ariaLabel,
|
|
5205
5241
|
"aria-labelledby": _ariaLabelledBy
|
|
5206
5242
|
}) => {
|
|
5207
|
-
return /* @__PURE__ */ (0,
|
|
5243
|
+
return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Dialog.Root, { open, onOpenChange, children });
|
|
5208
5244
|
};
|
|
5209
5245
|
var ModalContainer = ({
|
|
5210
5246
|
children,
|
|
@@ -5219,8 +5255,8 @@ var ModalContainer = ({
|
|
|
5219
5255
|
} = (0, import_hooks26.useSdkUiConfig)();
|
|
5220
5256
|
const overlayAnimationClassName = resolveModalOverlayAnimationClassName(enableAnimations);
|
|
5221
5257
|
const panelAnimationClassName = resolveModalPanelAnimationClassName(enableAnimations);
|
|
5222
|
-
return /* @__PURE__ */ (0,
|
|
5223
|
-
/* @__PURE__ */ (0,
|
|
5258
|
+
return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(Dialog.Portal, { children: [
|
|
5259
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
5224
5260
|
Dialog.Overlay,
|
|
5225
5261
|
{
|
|
5226
5262
|
className: cn(
|
|
@@ -5231,7 +5267,7 @@ var ModalContainer = ({
|
|
|
5231
5267
|
)
|
|
5232
5268
|
}
|
|
5233
5269
|
),
|
|
5234
|
-
/* @__PURE__ */ (0,
|
|
5270
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
5235
5271
|
Dialog.Content,
|
|
5236
5272
|
{
|
|
5237
5273
|
className: cn(
|
|
@@ -5257,7 +5293,7 @@ var ModalContainer = ({
|
|
|
5257
5293
|
event.preventDefault();
|
|
5258
5294
|
}
|
|
5259
5295
|
},
|
|
5260
|
-
children: /* @__PURE__ */ (0,
|
|
5296
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
5261
5297
|
"div",
|
|
5262
5298
|
{
|
|
5263
5299
|
className: cn(
|
|
@@ -5265,7 +5301,7 @@ var ModalContainer = ({
|
|
|
5265
5301
|
"items-end md:items-center",
|
|
5266
5302
|
"flex h-full min-h-0 w-full justify-center p-0 md:p-5"
|
|
5267
5303
|
),
|
|
5268
|
-
children: /* @__PURE__ */ (0,
|
|
5304
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
5269
5305
|
"div",
|
|
5270
5306
|
{
|
|
5271
5307
|
className: cn(
|
|
@@ -5307,12 +5343,12 @@ var ModalHeader = ({
|
|
|
5307
5343
|
features: { enableAnimations }
|
|
5308
5344
|
} = (0, import_hooks26.useSdkUiConfig)();
|
|
5309
5345
|
const labels = (0, import_hooks26.useLabels)();
|
|
5310
|
-
const defaultCloseIcon = /* @__PURE__ */ (0,
|
|
5346
|
+
const defaultCloseIcon = /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(CloseIcon, { className: "h-6 w-6" });
|
|
5311
5347
|
const resolvedCloseIcon = resolveModalCloseIcon({
|
|
5312
5348
|
closeIcon,
|
|
5313
5349
|
defaultCloseIcon
|
|
5314
5350
|
});
|
|
5315
|
-
return /* @__PURE__ */ (0,
|
|
5351
|
+
return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
|
|
5316
5352
|
"div",
|
|
5317
5353
|
{
|
|
5318
5354
|
className: cn(
|
|
@@ -5325,7 +5361,7 @@ var ModalHeader = ({
|
|
|
5325
5361
|
classNames == null ? void 0 : classNames.root
|
|
5326
5362
|
),
|
|
5327
5363
|
children: [
|
|
5328
|
-
/* @__PURE__ */ (0,
|
|
5364
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
|
|
5329
5365
|
"div",
|
|
5330
5366
|
{
|
|
5331
5367
|
className: cn(
|
|
@@ -5338,8 +5374,8 @@ var ModalHeader = ({
|
|
|
5338
5374
|
classNames == null ? void 0 : classNames.container
|
|
5339
5375
|
),
|
|
5340
5376
|
children: [
|
|
5341
|
-
leftElement ? /* @__PURE__ */ (0,
|
|
5342
|
-
/* @__PURE__ */ (0,
|
|
5377
|
+
leftElement ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_jsx_runtime107.Fragment, { children: leftElement }) : null,
|
|
5378
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
|
|
5343
5379
|
"div",
|
|
5344
5380
|
{
|
|
5345
5381
|
className: cn(
|
|
@@ -5348,7 +5384,7 @@ var ModalHeader = ({
|
|
|
5348
5384
|
classNames == null ? void 0 : classNames.titleContainer
|
|
5349
5385
|
),
|
|
5350
5386
|
children: [
|
|
5351
|
-
/* @__PURE__ */ (0,
|
|
5387
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
5352
5388
|
Dialog.Title,
|
|
5353
5389
|
{
|
|
5354
5390
|
className: cn(
|
|
@@ -5362,7 +5398,7 @@ var ModalHeader = ({
|
|
|
5362
5398
|
children: title2
|
|
5363
5399
|
}
|
|
5364
5400
|
),
|
|
5365
|
-
subtitle ? /* @__PURE__ */ (0,
|
|
5401
|
+
subtitle ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
5366
5402
|
"span",
|
|
5367
5403
|
{
|
|
5368
5404
|
className: cn(
|
|
@@ -5376,9 +5412,9 @@ var ModalHeader = ({
|
|
|
5376
5412
|
]
|
|
5377
5413
|
}
|
|
5378
5414
|
),
|
|
5379
|
-
/* @__PURE__ */ (0,
|
|
5380
|
-
rightElement ? /* @__PURE__ */ (0,
|
|
5381
|
-
!hideClose && /* @__PURE__ */ (0,
|
|
5415
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "agg-modal-header-actions flex flex-row items-center justify-end gap-6", children: [
|
|
5416
|
+
rightElement ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_jsx_runtime107.Fragment, { children: rightElement }) : null,
|
|
5417
|
+
!hideClose && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
5382
5418
|
Dialog.Close,
|
|
5383
5419
|
{
|
|
5384
5420
|
className: cn(
|
|
@@ -5395,14 +5431,14 @@ var ModalHeader = ({
|
|
|
5395
5431
|
]
|
|
5396
5432
|
}
|
|
5397
5433
|
),
|
|
5398
|
-
children ? /* @__PURE__ */ (0,
|
|
5434
|
+
children ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "agg-modal-header-extra", children }) : null
|
|
5399
5435
|
]
|
|
5400
5436
|
}
|
|
5401
5437
|
);
|
|
5402
5438
|
};
|
|
5403
5439
|
Modal.Header = ModalHeader;
|
|
5404
5440
|
var ModalBody = ({ children, classNames }) => {
|
|
5405
|
-
return /* @__PURE__ */ (0,
|
|
5441
|
+
return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
5406
5442
|
"div",
|
|
5407
5443
|
{
|
|
5408
5444
|
className: cn(
|
|
@@ -5423,7 +5459,7 @@ var ModalFooter = ({
|
|
|
5423
5459
|
classNames,
|
|
5424
5460
|
hideBorder = false
|
|
5425
5461
|
}) => {
|
|
5426
|
-
return /* @__PURE__ */ (0,
|
|
5462
|
+
return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
5427
5463
|
"div",
|
|
5428
5464
|
{
|
|
5429
5465
|
className: cn(
|
|
@@ -5506,14 +5542,14 @@ var getTypographyClassName = ({
|
|
|
5506
5542
|
};
|
|
5507
5543
|
|
|
5508
5544
|
// src/primitives/typography/index.tsx
|
|
5509
|
-
var
|
|
5545
|
+
var import_jsx_runtime108 = require("react/jsx-runtime");
|
|
5510
5546
|
var Typography = ({
|
|
5511
5547
|
as: Component = "p",
|
|
5512
5548
|
variant = "body",
|
|
5513
5549
|
className,
|
|
5514
5550
|
children
|
|
5515
5551
|
}) => {
|
|
5516
|
-
return /* @__PURE__ */ (0,
|
|
5552
|
+
return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Component, { className: getTypographyClassName({ className, variant }), children });
|
|
5517
5553
|
};
|
|
5518
5554
|
Typography.displayName = "Typography";
|
|
5519
5555
|
|
|
@@ -5863,14 +5899,14 @@ var buildLiveRouteCards = ({
|
|
|
5863
5899
|
const isPrimaryRouteGeoBlocked = quoteData.fills.length > 0 && quoteData.fills.every((f) => geoBlockedVenues.has(f.venue));
|
|
5864
5900
|
const primaryCard = primaryResult ? isPrimaryRouteGeoBlocked ? {
|
|
5865
5901
|
id: "live-route",
|
|
5866
|
-
hint:
|
|
5902
|
+
hint: labels.venueUnavailableInRegion,
|
|
5867
5903
|
kind: "venue",
|
|
5868
5904
|
label: getTradingVenueLabel(
|
|
5869
5905
|
parsedPrimaryVenue.success ? parsedPrimaryVenue.data : void 0
|
|
5870
5906
|
),
|
|
5871
|
-
numericValue:
|
|
5907
|
+
numericValue: tradeSide === "sell" ? quoteData.rawExecCost : quoteData.totalFilled,
|
|
5872
5908
|
quoteData,
|
|
5873
|
-
value:
|
|
5909
|
+
value: primaryResult.value,
|
|
5874
5910
|
venue: parsedPrimaryVenue.success ? parsedPrimaryVenue.data : void 0,
|
|
5875
5911
|
isUnavailable: true
|
|
5876
5912
|
} : {
|
|
@@ -5895,12 +5931,16 @@ var buildLiveRouteCards = ({
|
|
|
5895
5931
|
if (geoBlockedVenues.has(sq.venue)) {
|
|
5896
5932
|
return {
|
|
5897
5933
|
id: `live-unavailable-${sq.venue}`,
|
|
5898
|
-
hint:
|
|
5934
|
+
hint: labels.venueUnavailableInRegion,
|
|
5899
5935
|
kind: "venue",
|
|
5900
5936
|
label: getTradingVenueLabel(venue),
|
|
5901
|
-
numericValue:
|
|
5937
|
+
numericValue: sq.filledQty,
|
|
5902
5938
|
quoteData,
|
|
5903
|
-
value:
|
|
5939
|
+
value: getTradingValueLabel({
|
|
5940
|
+
amount: sq.filledQty,
|
|
5941
|
+
minimumFractionDigits: 2,
|
|
5942
|
+
maximumFractionDigits: 2
|
|
5943
|
+
}),
|
|
5904
5944
|
venue,
|
|
5905
5945
|
isUnavailable: true
|
|
5906
5946
|
};
|
|
@@ -5940,7 +5980,7 @@ var buildLiveRouteCards = ({
|
|
|
5940
5980
|
const venue = parsedVenue.success ? parsedVenue.data : void 0;
|
|
5941
5981
|
return {
|
|
5942
5982
|
id: `live-unavailable-${sq.venue}`,
|
|
5943
|
-
hint:
|
|
5983
|
+
hint: labels.venueUnavailableInRegion,
|
|
5944
5984
|
kind: "venue",
|
|
5945
5985
|
label: getTradingVenueLabel(venue),
|
|
5946
5986
|
numericValue: 0,
|
|
@@ -5960,7 +6000,7 @@ var buildLiveRouteCards = ({
|
|
|
5960
6000
|
return [
|
|
5961
6001
|
{
|
|
5962
6002
|
id: "live-geo-blocked-kalshi",
|
|
5963
|
-
hint:
|
|
6003
|
+
hint: labels.venueUnavailableInRegion,
|
|
5964
6004
|
kind: "venue",
|
|
5965
6005
|
label: getTradingVenueLabel(kalshiVenue),
|
|
5966
6006
|
numericValue: 0,
|
|
@@ -6535,7 +6575,7 @@ var isPercentageBelowMinimum = (value, minimumValue) => {
|
|
|
6535
6575
|
};
|
|
6536
6576
|
|
|
6537
6577
|
// src/trading/place-order/index.place-order.failure.tsx
|
|
6538
|
-
var
|
|
6578
|
+
var import_jsx_runtime109 = require("react/jsx-runtime");
|
|
6539
6579
|
var resolveFailureActionHandler = ({
|
|
6540
6580
|
action,
|
|
6541
6581
|
onDone,
|
|
@@ -6548,12 +6588,12 @@ var resolveFailureActionHandler = ({
|
|
|
6548
6588
|
};
|
|
6549
6589
|
var renderPartialFailureStep = (step) => {
|
|
6550
6590
|
const isWarningStep = step.tone === "warning" || step.tone === "error";
|
|
6551
|
-
return /* @__PURE__ */ (0,
|
|
6591
|
+
return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
|
|
6552
6592
|
"div",
|
|
6553
6593
|
{
|
|
6554
6594
|
className: "flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground",
|
|
6555
6595
|
children: [
|
|
6556
|
-
/* @__PURE__ */ (0,
|
|
6596
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
6557
6597
|
Icon,
|
|
6558
6598
|
{
|
|
6559
6599
|
name: isWarningStep ? "warning-filled" : "check-circle",
|
|
@@ -6562,8 +6602,8 @@ var renderPartialFailureStep = (step) => {
|
|
|
6562
6602
|
"aria-hidden": "true"
|
|
6563
6603
|
}
|
|
6564
6604
|
),
|
|
6565
|
-
/* @__PURE__ */ (0,
|
|
6566
|
-
step.venue ? /* @__PURE__ */ (0,
|
|
6605
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "min-w-0 flex-1", children: step.label }),
|
|
6606
|
+
step.venue ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(VenueLogo, { venue: step.venue, size: "small", className: "h-4 w-4 shrink-0" }) : null
|
|
6567
6607
|
]
|
|
6568
6608
|
},
|
|
6569
6609
|
step.id
|
|
@@ -6582,10 +6622,10 @@ var PlaceOrderFailureView = ({
|
|
|
6582
6622
|
const shouldShowPartialFailureLayout = summary.kind === "partial_fill";
|
|
6583
6623
|
const failureStepGroups = shouldShowPartialFailureLayout ? groupPlaceOrderFailureSteps(summary.steps) : [];
|
|
6584
6624
|
if (shouldShowPartialFailureLayout) {
|
|
6585
|
-
return /* @__PURE__ */ (0,
|
|
6586
|
-
/* @__PURE__ */ (0,
|
|
6587
|
-
/* @__PURE__ */ (0,
|
|
6588
|
-
/* @__PURE__ */ (0,
|
|
6625
|
+
return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "agg-order-failure-body flex flex-col gap-6 p-5", children: [
|
|
6626
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "agg-order-failure-header flex flex-col gap-2", children: [
|
|
6627
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "agg-order-failure-market flex items-center gap-3", children: [
|
|
6628
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
6589
6629
|
RemoteImage,
|
|
6590
6630
|
{
|
|
6591
6631
|
src: (_a = summary.eventImage) != null ? _a : null,
|
|
@@ -6593,12 +6633,12 @@ var PlaceOrderFailureView = ({
|
|
|
6593
6633
|
className: "h-12 w-12 shrink-0 overflow-hidden rounded-agg-lg object-cover"
|
|
6594
6634
|
}
|
|
6595
6635
|
),
|
|
6596
|
-
/* @__PURE__ */ (0,
|
|
6636
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: summary.eventTitle })
|
|
6597
6637
|
] }),
|
|
6598
|
-
summary.eventSubtitle ? /* @__PURE__ */ (0,
|
|
6638
|
+
summary.eventSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
|
|
6599
6639
|
] }),
|
|
6600
|
-
/* @__PURE__ */ (0,
|
|
6601
|
-
/* @__PURE__ */ (0,
|
|
6640
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "flex flex-col gap-4", children: failureStepGroups.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "flex flex-col gap-2", children: group.map((step) => renderPartialFailureStep(step)) }, `failure-group-${groupIndex}`)) }),
|
|
6641
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "flex items-center gap-4", children: summary.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
6602
6642
|
Button,
|
|
6603
6643
|
{
|
|
6604
6644
|
variant: "tertiary",
|
|
@@ -6612,10 +6652,10 @@ var PlaceOrderFailureView = ({
|
|
|
6612
6652
|
)) })
|
|
6613
6653
|
] }) });
|
|
6614
6654
|
}
|
|
6615
|
-
return /* @__PURE__ */ (0,
|
|
6616
|
-
/* @__PURE__ */ (0,
|
|
6617
|
-
/* @__PURE__ */ (0,
|
|
6618
|
-
/* @__PURE__ */ (0,
|
|
6655
|
+
return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "agg-order-failure-body flex flex-col gap-6 p-5", children: [
|
|
6656
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "agg-order-failure-header flex flex-col gap-2", children: [
|
|
6657
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "agg-order-failure-market flex items-center gap-3", children: [
|
|
6658
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
6619
6659
|
RemoteImage,
|
|
6620
6660
|
{
|
|
6621
6661
|
src: (_b = summary.eventImage) != null ? _b : null,
|
|
@@ -6623,11 +6663,11 @@ var PlaceOrderFailureView = ({
|
|
|
6623
6663
|
className: "h-12 w-12 shrink-0 overflow-hidden rounded-agg-lg object-cover"
|
|
6624
6664
|
}
|
|
6625
6665
|
),
|
|
6626
|
-
/* @__PURE__ */ (0,
|
|
6666
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: summary.eventTitle })
|
|
6627
6667
|
] }),
|
|
6628
|
-
summary.eventSubtitle ? /* @__PURE__ */ (0,
|
|
6668
|
+
summary.eventSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
|
|
6629
6669
|
] }),
|
|
6630
|
-
/* @__PURE__ */ (0,
|
|
6670
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
6631
6671
|
InlineAlert,
|
|
6632
6672
|
{
|
|
6633
6673
|
tone: "error",
|
|
@@ -6636,7 +6676,7 @@ var PlaceOrderFailureView = ({
|
|
|
6636
6676
|
message: tradingLabels.orderFailureDescription((_c = summary.errorMessage) != null ? _c : "")
|
|
6637
6677
|
}
|
|
6638
6678
|
),
|
|
6639
|
-
/* @__PURE__ */ (0,
|
|
6679
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "agg-order-failure-actions flex items-center gap-3", children: summary.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
6640
6680
|
Button,
|
|
6641
6681
|
{
|
|
6642
6682
|
variant: action.variant === "retry" ? "primary" : "secondary",
|
|
@@ -6654,7 +6694,7 @@ PlaceOrderFailureView.displayName = "PlaceOrderFailureView";
|
|
|
6654
6694
|
|
|
6655
6695
|
// src/trading/place-order/index.place-order.success.tsx
|
|
6656
6696
|
var import_react6 = require("react");
|
|
6657
|
-
var
|
|
6697
|
+
var import_jsx_runtime110 = require("react/jsx-runtime");
|
|
6658
6698
|
var resolveBuyToWinLabel = (shares) => {
|
|
6659
6699
|
if (!shares) return "$0";
|
|
6660
6700
|
return shares.startsWith("$") ? shares : `$${shares}`;
|
|
@@ -6685,10 +6725,10 @@ var PlaceOrderSuccessView = ({
|
|
|
6685
6725
|
const resolveStepIconClassName = (tone) => {
|
|
6686
6726
|
return tone === "warning" || tone === "error" ? "text-agg-warning" : "text-agg-primary";
|
|
6687
6727
|
};
|
|
6688
|
-
return /* @__PURE__ */ (0,
|
|
6689
|
-
summary.eventTitle ? /* @__PURE__ */ (0,
|
|
6690
|
-
/* @__PURE__ */ (0,
|
|
6691
|
-
/* @__PURE__ */ (0,
|
|
6728
|
+
return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "agg-order-success-body flex flex-col gap-6 p-5", children: [
|
|
6729
|
+
summary.eventTitle ? /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "agg-order-success-header flex flex-col gap-2", children: [
|
|
6730
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "agg-order-success-market flex items-center gap-3", children: [
|
|
6731
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
6692
6732
|
RemoteImage,
|
|
6693
6733
|
{
|
|
6694
6734
|
src: (_i = summary.eventImage) != null ? _i : null,
|
|
@@ -6696,12 +6736,12 @@ var PlaceOrderSuccessView = ({
|
|
|
6696
6736
|
className: "h-12 w-12 shrink-0 overflow-hidden rounded-agg-lg object-cover"
|
|
6697
6737
|
}
|
|
6698
6738
|
),
|
|
6699
|
-
/* @__PURE__ */ (0,
|
|
6739
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: summary.eventTitle })
|
|
6700
6740
|
] }),
|
|
6701
|
-
summary.eventDateLabel ? /* @__PURE__ */ (0,
|
|
6741
|
+
summary.eventDateLabel ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventDateLabel }) : null
|
|
6702
6742
|
] }) : null,
|
|
6703
|
-
executionStepGroups.length > 0 ? /* @__PURE__ */ (0,
|
|
6704
|
-
/* @__PURE__ */ (0,
|
|
6743
|
+
executionStepGroups.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "agg-order-success-timeline flex flex-col gap-2", children: [
|
|
6744
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
6705
6745
|
"div",
|
|
6706
6746
|
{
|
|
6707
6747
|
"aria-hidden": !isExecutionDetailsExpanded,
|
|
@@ -6714,12 +6754,12 @@ var PlaceOrderSuccessView = ({
|
|
|
6714
6754
|
"transition-[grid-template-rows,opacity] duration-200 ease-[cubic-bezier(0.22,1,0.36,1)]"
|
|
6715
6755
|
)
|
|
6716
6756
|
),
|
|
6717
|
-
children: /* @__PURE__ */ (0,
|
|
6757
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "flex flex-col gap-4 pb-2", children: detailedStepGroups.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "flex flex-col gap-2", children: group.map((step) => /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
|
|
6718
6758
|
"div",
|
|
6719
6759
|
{
|
|
6720
6760
|
className: "flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground",
|
|
6721
6761
|
children: [
|
|
6722
|
-
/* @__PURE__ */ (0,
|
|
6762
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
6723
6763
|
Icon,
|
|
6724
6764
|
{
|
|
6725
6765
|
name: resolveStepIconName(step.tone),
|
|
@@ -6728,8 +6768,8 @@ var PlaceOrderSuccessView = ({
|
|
|
6728
6768
|
"aria-hidden": "true"
|
|
6729
6769
|
}
|
|
6730
6770
|
),
|
|
6731
|
-
/* @__PURE__ */ (0,
|
|
6732
|
-
step.venue ? /* @__PURE__ */ (0,
|
|
6771
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "min-w-0 flex-1", children: step.label }),
|
|
6772
|
+
step.venue ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
6733
6773
|
VenueLogo,
|
|
6734
6774
|
{
|
|
6735
6775
|
venue: step.venue,
|
|
@@ -6743,7 +6783,7 @@ var PlaceOrderSuccessView = ({
|
|
|
6743
6783
|
)) }, `execution-group-${groupIndex}`)) }) })
|
|
6744
6784
|
}
|
|
6745
6785
|
),
|
|
6746
|
-
finalStep ? hasExecutionDetails ? /* @__PURE__ */ (0,
|
|
6786
|
+
finalStep ? hasExecutionDetails ? /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
|
|
6747
6787
|
"button",
|
|
6748
6788
|
{
|
|
6749
6789
|
type: "button",
|
|
@@ -6755,7 +6795,7 @@ var PlaceOrderSuccessView = ({
|
|
|
6755
6795
|
),
|
|
6756
6796
|
onClick: () => setIsExecutionDetailsExpanded((currentValue) => !currentValue),
|
|
6757
6797
|
children: [
|
|
6758
|
-
/* @__PURE__ */ (0,
|
|
6798
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
6759
6799
|
Icon,
|
|
6760
6800
|
{
|
|
6761
6801
|
name: resolveStepIconName(finalStep.tone),
|
|
@@ -6764,8 +6804,8 @@ var PlaceOrderSuccessView = ({
|
|
|
6764
6804
|
"aria-hidden": "true"
|
|
6765
6805
|
}
|
|
6766
6806
|
),
|
|
6767
|
-
/* @__PURE__ */ (0,
|
|
6768
|
-
/* @__PURE__ */ (0,
|
|
6807
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "min-w-0 flex-1", children: finalStep.label }),
|
|
6808
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
6769
6809
|
Icon,
|
|
6770
6810
|
{
|
|
6771
6811
|
name: isExecutionDetailsExpanded ? "chevron-up" : "chevron-down",
|
|
@@ -6776,8 +6816,8 @@ var PlaceOrderSuccessView = ({
|
|
|
6776
6816
|
)
|
|
6777
6817
|
]
|
|
6778
6818
|
}
|
|
6779
|
-
) : /* @__PURE__ */ (0,
|
|
6780
|
-
/* @__PURE__ */ (0,
|
|
6819
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground", children: [
|
|
6820
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
6781
6821
|
Icon,
|
|
6782
6822
|
{
|
|
6783
6823
|
name: resolveStepIconName(finalStep.tone),
|
|
@@ -6786,34 +6826,34 @@ var PlaceOrderSuccessView = ({
|
|
|
6786
6826
|
"aria-hidden": "true"
|
|
6787
6827
|
}
|
|
6788
6828
|
),
|
|
6789
|
-
/* @__PURE__ */ (0,
|
|
6829
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "min-w-0 flex-1", children: finalStep.label })
|
|
6790
6830
|
] }) : null
|
|
6791
6831
|
] }) : null,
|
|
6792
|
-
/* @__PURE__ */ (0,
|
|
6832
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
|
|
6793
6833
|
"div",
|
|
6794
6834
|
{
|
|
6795
6835
|
className: cn(
|
|
6796
6836
|
"agg-order-success-pill flex min-h-12 w-full items-center justify-center gap-2 rounded-agg-full px-6 py-2.5 text-center text-agg-base font-agg-bold leading-agg-6 text-agg-on-primary bg-agg-success"
|
|
6797
6837
|
),
|
|
6798
6838
|
children: [
|
|
6799
|
-
/* @__PURE__ */ (0,
|
|
6800
|
-
/* @__PURE__ */ (0,
|
|
6839
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Icon, { name: "success-check", size: "small", className: "h-4 w-4 shrink-0 text-current" }),
|
|
6840
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { children: resolvedActionLabel })
|
|
6801
6841
|
]
|
|
6802
6842
|
}
|
|
6803
6843
|
),
|
|
6804
|
-
/* @__PURE__ */ (0,
|
|
6805
|
-
/* @__PURE__ */ (0,
|
|
6806
|
-
/* @__PURE__ */ (0,
|
|
6844
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "agg-order-success-summary flex items-center justify-between gap-4", children: [
|
|
6845
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.amount(resolvedTradeSide) }),
|
|
6846
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "text-right text-[30px] font-agg-bold leading-[36px] text-agg-foreground", children: resolvedAmountLabel })
|
|
6807
6847
|
] }),
|
|
6808
|
-
/* @__PURE__ */ (0,
|
|
6809
|
-
/* @__PURE__ */ (0,
|
|
6810
|
-
/* @__PURE__ */ (0,
|
|
6848
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "agg-order-success-summary flex items-center justify-between gap-4", children: [
|
|
6849
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.toWin(resolvedTradeSide) }),
|
|
6850
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "text-right text-[30px] font-agg-bold leading-[36px] text-agg-success", children: resolvedToWinLabel })
|
|
6811
6851
|
] }),
|
|
6812
|
-
summary.potentialReturnLabel ? /* @__PURE__ */ (0,
|
|
6813
|
-
/* @__PURE__ */ (0,
|
|
6814
|
-
/* @__PURE__ */ (0,
|
|
6852
|
+
summary.potentialReturnLabel ? /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex w-full flex-col items-center justify-center gap-1 overflow-hidden rounded-agg-lg border border-agg-primary/50 bg-gradient-to-b from-agg-primary/8 to-agg-primary/15 p-3 text-center", children: [
|
|
6853
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "bg-gradient-to-r from-agg-primary to-agg-primary-hover bg-clip-text text-agg-lg font-agg-bold leading-[28px] text-transparent", children: potentialReturnLabel }),
|
|
6854
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "text-agg-xs leading-agg-4 text-agg-foreground", children: (_j = tradingLabels.withSmartRouting) != null ? _j : "with Smart Routing" })
|
|
6815
6855
|
] }) : null,
|
|
6816
|
-
/* @__PURE__ */ (0,
|
|
6856
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "agg-order-success-actions flex gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
6817
6857
|
Button,
|
|
6818
6858
|
{
|
|
6819
6859
|
variant: "secondary",
|
|
@@ -6829,7 +6869,7 @@ var PlaceOrderSuccessView = ({
|
|
|
6829
6869
|
PlaceOrderSuccessView.displayName = "PlaceOrderSuccessView";
|
|
6830
6870
|
|
|
6831
6871
|
// src/trading/place-order/index.tsx
|
|
6832
|
-
var
|
|
6872
|
+
var import_jsx_runtime111 = require("react/jsx-runtime");
|
|
6833
6873
|
var DEFAULT_STEP_LABELS = {
|
|
6834
6874
|
"check-balance": "Checking balance",
|
|
6835
6875
|
"check-position": "Checking position",
|
|
@@ -6855,7 +6895,7 @@ var LoadingGlyph = ({
|
|
|
6855
6895
|
className,
|
|
6856
6896
|
enableAnimations
|
|
6857
6897
|
}) => {
|
|
6858
|
-
return /* @__PURE__ */ (0,
|
|
6898
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
6859
6899
|
"span",
|
|
6860
6900
|
{
|
|
6861
6901
|
"aria-hidden": "true",
|
|
@@ -6973,8 +7013,8 @@ var PlaceOrderSlippageControl = ({
|
|
|
6973
7013
|
if (!isEditing) return;
|
|
6974
7014
|
handleCommitDraft(false);
|
|
6975
7015
|
};
|
|
6976
|
-
return /* @__PURE__ */ (0,
|
|
6977
|
-
/* @__PURE__ */ (0,
|
|
7016
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { ref: containerRef, className: "agg-slippage-control w-full", onBlur: handleContainerBlur, children: [
|
|
7017
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
|
|
6978
7018
|
"button",
|
|
6979
7019
|
{
|
|
6980
7020
|
ref: triggerRef,
|
|
@@ -6992,8 +7032,8 @@ var PlaceOrderSlippageControl = ({
|
|
|
6992
7032
|
),
|
|
6993
7033
|
onClick: handleToggleEditing,
|
|
6994
7034
|
children: [
|
|
6995
|
-
/* @__PURE__ */ (0,
|
|
6996
|
-
/* @__PURE__ */ (0,
|
|
7035
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: "agg-slippage-label", children: collapsedLabel }),
|
|
7036
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
6997
7037
|
Icon,
|
|
6998
7038
|
{
|
|
6999
7039
|
name: isEditing ? "chevron-up" : "pencil",
|
|
@@ -7005,7 +7045,7 @@ var PlaceOrderSlippageControl = ({
|
|
|
7005
7045
|
]
|
|
7006
7046
|
}
|
|
7007
7047
|
),
|
|
7008
|
-
/* @__PURE__ */ (0,
|
|
7048
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
7009
7049
|
"div",
|
|
7010
7050
|
{
|
|
7011
7051
|
"aria-hidden": !isEditing,
|
|
@@ -7019,10 +7059,10 @@ var PlaceOrderSlippageControl = ({
|
|
|
7019
7059
|
"transition-[grid-template-rows,opacity,margin-top] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]"
|
|
7020
7060
|
)
|
|
7021
7061
|
),
|
|
7022
|
-
children: /* @__PURE__ */ (0,
|
|
7023
|
-
/* @__PURE__ */ (0,
|
|
7024
|
-
/* @__PURE__ */ (0,
|
|
7025
|
-
/* @__PURE__ */ (0,
|
|
7062
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "agg-slippage-editor-body flex flex-col gap-2", children: [
|
|
7063
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "agg-slippage-input-row flex h-9 overflow-hidden rounded-agg-sm border border-agg-separator", children: [
|
|
7064
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "agg-slippage-input-group flex min-w-0 flex-1 items-center gap-2 bg-agg-secondary px-3", children: [
|
|
7065
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
7026
7066
|
"input",
|
|
7027
7067
|
{
|
|
7028
7068
|
ref: inputRef,
|
|
@@ -7037,7 +7077,7 @@ var PlaceOrderSlippageControl = ({
|
|
|
7037
7077
|
onKeyDown: handleInputKeyDown
|
|
7038
7078
|
}
|
|
7039
7079
|
),
|
|
7040
|
-
/* @__PURE__ */ (0,
|
|
7080
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
7041
7081
|
"button",
|
|
7042
7082
|
{
|
|
7043
7083
|
type: "button",
|
|
@@ -7055,8 +7095,8 @@ var PlaceOrderSlippageControl = ({
|
|
|
7055
7095
|
}
|
|
7056
7096
|
)
|
|
7057
7097
|
] }),
|
|
7058
|
-
/* @__PURE__ */ (0,
|
|
7059
|
-
/* @__PURE__ */ (0,
|
|
7098
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "h-full w-px bg-agg-separator", "aria-hidden": "true" }),
|
|
7099
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
7060
7100
|
"div",
|
|
7061
7101
|
{
|
|
7062
7102
|
className: "agg-slippage-suffix flex w-9 items-center justify-center bg-agg-secondary-hover text-agg-sm leading-agg-5 text-agg-muted-foreground",
|
|
@@ -7065,7 +7105,7 @@ var PlaceOrderSlippageControl = ({
|
|
|
7065
7105
|
}
|
|
7066
7106
|
)
|
|
7067
7107
|
] }),
|
|
7068
|
-
/* @__PURE__ */ (0,
|
|
7108
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
7069
7109
|
"div",
|
|
7070
7110
|
{
|
|
7071
7111
|
"aria-hidden": !resolvedWarningMessage,
|
|
@@ -7079,13 +7119,13 @@ var PlaceOrderSlippageControl = ({
|
|
|
7079
7119
|
"transition-[grid-template-rows,opacity] duration-200 ease-[cubic-bezier(0.22,1,0.36,1)]"
|
|
7080
7120
|
)
|
|
7081
7121
|
),
|
|
7082
|
-
children: /* @__PURE__ */ (0,
|
|
7122
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
|
|
7083
7123
|
"div",
|
|
7084
7124
|
{
|
|
7085
7125
|
id: warningId,
|
|
7086
7126
|
className: "agg-slippage-warning-message flex items-start gap-2 text-agg-sm leading-agg-5 text-agg-foreground",
|
|
7087
7127
|
children: [
|
|
7088
|
-
/* @__PURE__ */ (0,
|
|
7128
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
7089
7129
|
Icon,
|
|
7090
7130
|
{
|
|
7091
7131
|
name: "warning-filled",
|
|
@@ -7094,7 +7134,7 @@ var PlaceOrderSlippageControl = ({
|
|
|
7094
7134
|
color: "currentColor"
|
|
7095
7135
|
}
|
|
7096
7136
|
),
|
|
7097
|
-
/* @__PURE__ */ (0,
|
|
7137
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { children: resolvedWarningMessage != null ? resolvedWarningMessage : "" })
|
|
7098
7138
|
]
|
|
7099
7139
|
}
|
|
7100
7140
|
) })
|
|
@@ -7114,9 +7154,9 @@ var renderCardHeader = ({
|
|
|
7114
7154
|
onClose
|
|
7115
7155
|
}) => {
|
|
7116
7156
|
if (!headerTitle) return null;
|
|
7117
|
-
return /* @__PURE__ */ (0,
|
|
7118
|
-
/* @__PURE__ */ (0,
|
|
7119
|
-
/* @__PURE__ */ (0,
|
|
7157
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: cn("agg-order-panel-header flex flex-col gap-2", className), children: [
|
|
7158
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "agg-order-market-summary flex items-center gap-3", children: [
|
|
7159
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
7120
7160
|
RemoteImage,
|
|
7121
7161
|
{
|
|
7122
7162
|
src: headerImage,
|
|
@@ -7124,19 +7164,19 @@ var renderCardHeader = ({
|
|
|
7124
7164
|
className: "agg-order-market-image h-12 w-12 shrink-0 overflow-hidden rounded-agg-lg object-cover"
|
|
7125
7165
|
}
|
|
7126
7166
|
),
|
|
7127
|
-
/* @__PURE__ */ (0,
|
|
7128
|
-
onClose ? /* @__PURE__ */ (0,
|
|
7167
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "agg-order-market-title min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: headerTitle }),
|
|
7168
|
+
onClose ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
7129
7169
|
"button",
|
|
7130
7170
|
{
|
|
7131
7171
|
type: "button",
|
|
7132
7172
|
className: "agg-order-close -mr-1 -mt-1 hidden shrink-0 cursor-pointer items-center justify-center p-1 text-agg-muted-foreground hover:text-agg-foreground sm:flex",
|
|
7133
7173
|
"aria-label": "Close",
|
|
7134
7174
|
onClick: onClose,
|
|
7135
|
-
children: /* @__PURE__ */ (0,
|
|
7175
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(CloseIcon, { className: "h-5 w-5" })
|
|
7136
7176
|
}
|
|
7137
7177
|
) : null
|
|
7138
7178
|
] }),
|
|
7139
|
-
headerSubtitle ? /* @__PURE__ */ (0,
|
|
7179
|
+
headerSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "agg-order-market-subtitle text-agg-base leading-agg-6 text-agg-foreground", children: headerSubtitle }) : null
|
|
7140
7180
|
] });
|
|
7141
7181
|
};
|
|
7142
7182
|
var PlaceOrderResolvedView = ({
|
|
@@ -7156,7 +7196,7 @@ var PlaceOrderResolvedView = ({
|
|
|
7156
7196
|
const resolvedIconName = isPositiveWinningOutcome ? "success-check" : "close";
|
|
7157
7197
|
const resolvedIconToneClassName = isPositiveWinningOutcome ? "text-agg-success" : "text-agg-error";
|
|
7158
7198
|
const resolvedIconContainerClassName = isPositiveWinningOutcome ? "bg-agg-success/15" : "bg-agg-error/15";
|
|
7159
|
-
return /* @__PURE__ */ (0,
|
|
7199
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
7160
7200
|
Card,
|
|
7161
7201
|
{
|
|
7162
7202
|
className: cn(
|
|
@@ -7165,7 +7205,7 @@ var PlaceOrderResolvedView = ({
|
|
|
7165
7205
|
classNames == null ? void 0 : classNames.root,
|
|
7166
7206
|
className
|
|
7167
7207
|
),
|
|
7168
|
-
children: /* @__PURE__ */ (0,
|
|
7208
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
|
|
7169
7209
|
"div",
|
|
7170
7210
|
{
|
|
7171
7211
|
className: cn(
|
|
@@ -7173,17 +7213,17 @@ var PlaceOrderResolvedView = ({
|
|
|
7173
7213
|
classNames == null ? void 0 : classNames.body
|
|
7174
7214
|
),
|
|
7175
7215
|
children: [
|
|
7176
|
-
/* @__PURE__ */ (0,
|
|
7216
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
7177
7217
|
"div",
|
|
7178
7218
|
{
|
|
7179
7219
|
className: cn(
|
|
7180
7220
|
"flex h-15 w-15 items-center justify-center rounded-full",
|
|
7181
7221
|
resolvedIconContainerClassName
|
|
7182
7222
|
),
|
|
7183
|
-
children: /* @__PURE__ */ (0,
|
|
7223
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Icon, { name: resolvedIconName, className: cn("h-6 w-6", resolvedIconToneClassName) })
|
|
7184
7224
|
}
|
|
7185
7225
|
),
|
|
7186
|
-
/* @__PURE__ */ (0,
|
|
7226
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
|
|
7187
7227
|
"div",
|
|
7188
7228
|
{
|
|
7189
7229
|
className: cn(
|
|
@@ -7191,30 +7231,30 @@ var PlaceOrderResolvedView = ({
|
|
|
7191
7231
|
classNames == null ? void 0 : classNames.content
|
|
7192
7232
|
),
|
|
7193
7233
|
children: [
|
|
7194
|
-
tradingState.market ? /* @__PURE__ */ (0,
|
|
7195
|
-
tradingState.winningOutcome ? /* @__PURE__ */ (0,
|
|
7234
|
+
tradingState.market ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Typography, { variant: "body", children: tradingState.market.question }) : null,
|
|
7235
|
+
tradingState.winningOutcome ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Typography, { variant: "body-large-strong", children: tradingLabels.outcome(tradingState.winningOutcome.label) }) : null
|
|
7196
7236
|
]
|
|
7197
7237
|
}
|
|
7198
7238
|
),
|
|
7199
|
-
resolvedClaim ? /* @__PURE__ */ (0,
|
|
7200
|
-
/* @__PURE__ */ (0,
|
|
7201
|
-
/* @__PURE__ */ (0,
|
|
7202
|
-
/* @__PURE__ */ (0,
|
|
7203
|
-
/* @__PURE__ */ (0,
|
|
7204
|
-
/* @__PURE__ */ (0,
|
|
7205
|
-
/* @__PURE__ */ (0,
|
|
7206
|
-
/* @__PURE__ */ (0,
|
|
7239
|
+
resolvedClaim ? /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_jsx_runtime111.Fragment, { children: [
|
|
7240
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
|
|
7241
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex flex-col gap-5 p-6", children: [
|
|
7242
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Typography, { variant: "body-strong", children: (_d = extendedTradingLabels.resolvedEarningsTitle) != null ? _d : "Your Earnings" }),
|
|
7243
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex flex-col gap-3 text-agg-sm leading-agg-5 text-agg-foreground", children: [
|
|
7244
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
|
|
7245
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: (_e = extendedTradingLabels.resolvedResolutionDateLabel) != null ? _e : "Resolution date" }),
|
|
7246
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: "font-agg-bold", children: resolvedClaim.resolutionDateLabel })
|
|
7207
7247
|
] }),
|
|
7208
|
-
/* @__PURE__ */ (0,
|
|
7209
|
-
/* @__PURE__ */ (0,
|
|
7210
|
-
/* @__PURE__ */ (0,
|
|
7248
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
|
|
7249
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: (_f = extendedTradingLabels.resolvedSharesLabel) != null ? _f : "Shares" }),
|
|
7250
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: "font-agg-bold", children: resolvedClaim.sharesLabel })
|
|
7211
7251
|
] }),
|
|
7212
|
-
/* @__PURE__ */ (0,
|
|
7213
|
-
/* @__PURE__ */ (0,
|
|
7214
|
-
/* @__PURE__ */ (0,
|
|
7252
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
|
|
7253
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: (_g = extendedTradingLabels.resolvedTotalPayoutLabel) != null ? _g : "Total payout" }),
|
|
7254
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: "font-agg-bold", children: resolvedClaim.totalPayoutLabel })
|
|
7215
7255
|
] })
|
|
7216
7256
|
] }),
|
|
7217
|
-
resolvedClaim.onClaim ? /* @__PURE__ */ (0,
|
|
7257
|
+
resolvedClaim.onClaim ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
7218
7258
|
Button,
|
|
7219
7259
|
{
|
|
7220
7260
|
size: "large",
|
|
@@ -7236,18 +7276,18 @@ var renderRouteBreakdownRow = (row) => {
|
|
|
7236
7276
|
var _a, _b;
|
|
7237
7277
|
const venueLabel = getTradingVenueLabel(row.venue);
|
|
7238
7278
|
const rowKey = `${row.venue}-${row.label}-${row.priceLabel}-${(_a = row.resultLabel) != null ? _a : ""}`;
|
|
7239
|
-
return /* @__PURE__ */ (0,
|
|
7279
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
|
|
7240
7280
|
"div",
|
|
7241
7281
|
{
|
|
7242
7282
|
className: "agg-route-breakdown-row flex items-center justify-between gap-4 text-left",
|
|
7243
7283
|
children: [
|
|
7244
|
-
/* @__PURE__ */ (0,
|
|
7245
|
-
/* @__PURE__ */ (0,
|
|
7246
|
-
/* @__PURE__ */ (0,
|
|
7284
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "agg-route-breakdown-market flex min-w-0 items-center gap-2", children: [
|
|
7285
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(VenueLogo, { venue: row.venue, className: "!size-3", ariaLabel: venueLabel }),
|
|
7286
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "agg-route-breakdown-label truncate text-agg-sm leading-agg-5 text-agg-foreground", children: row.label })
|
|
7247
7287
|
] }),
|
|
7248
|
-
/* @__PURE__ */ (0,
|
|
7249
|
-
/* @__PURE__ */ (0,
|
|
7250
|
-
/* @__PURE__ */ (0,
|
|
7288
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "agg-route-breakdown-value flex shrink-0 items-center gap-2 text-agg-sm leading-agg-5", children: [
|
|
7289
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "text-agg-muted-foreground", children: row.priceLabel }),
|
|
7290
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "text-agg-foreground", children: (_b = row.resultLabel) != null ? _b : "" })
|
|
7251
7291
|
] })
|
|
7252
7292
|
]
|
|
7253
7293
|
},
|
|
@@ -7264,9 +7304,8 @@ var renderRouteCard = ({
|
|
|
7264
7304
|
}) => {
|
|
7265
7305
|
var _a, _b;
|
|
7266
7306
|
const showSplitDetails = isSelected && isExpanded && card.kind === "split" && !!((_a = card.rows) == null ? void 0 : _a.length);
|
|
7267
|
-
const
|
|
7268
|
-
|
|
7269
|
-
return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
|
|
7307
|
+
const ariaLabel = [card.label, card.hint, card.value].filter(Boolean).join(" ");
|
|
7308
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
|
|
7270
7309
|
"button",
|
|
7271
7310
|
{
|
|
7272
7311
|
type: "button",
|
|
@@ -7275,22 +7314,22 @@ var renderRouteCard = ({
|
|
|
7275
7314
|
disabled: card.isUnavailable,
|
|
7276
7315
|
className: cn(
|
|
7277
7316
|
"agg-route-card",
|
|
7278
|
-
"relative w-full
|
|
7317
|
+
"relative w-full overflow-hidden rounded-agg-lg p-3 text-left",
|
|
7279
7318
|
"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-0 focus-visible:ring-offset-agg-secondary",
|
|
7280
7319
|
getMotionClassName(
|
|
7281
7320
|
enableAnimations,
|
|
7282
7321
|
"transition-[background-color,border-color,color] duration-200 ease-in-out"
|
|
7283
7322
|
),
|
|
7284
|
-
|
|
7285
|
-
card.isUnavailable
|
|
7323
|
+
card.isUnavailable ? "cursor-not-allowed" : "cursor-pointer",
|
|
7324
|
+
isSelected && !card.isUnavailable ? "border border-agg-trade-highlight-border bg-gradient-to-b from-agg-trade-highlight-surface-from to-agg-trade-highlight-surface-to" : "border-transparent bg-agg-secondary-hover"
|
|
7286
7325
|
),
|
|
7287
7326
|
onClick: () => onSelect(card.id),
|
|
7288
7327
|
children: [
|
|
7289
|
-
isSelected && !card.isUnavailable ? /* @__PURE__ */ (0,
|
|
7290
|
-
/* @__PURE__ */ (0,
|
|
7291
|
-
/* @__PURE__ */ (0,
|
|
7292
|
-
/* @__PURE__ */ (0,
|
|
7293
|
-
card.kind === "split" ? /* @__PURE__ */ (0,
|
|
7328
|
+
isSelected && !card.isUnavailable ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "agg-route-card-glow pointer-events-none absolute -inset-x-px -bottom-px h-11 bg-linear-to-b from-transparent to-agg-trade-highlight-glow" }) : null,
|
|
7329
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "agg-route-card-content relative z-10 flex flex-col gap-3", children: [
|
|
7330
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "agg-route-card-header flex items-center justify-between gap-4", children: [
|
|
7331
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "agg-route-card-meta flex min-w-0 gap-3 items-center", children: [
|
|
7332
|
+
card.kind === "split" ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
7294
7333
|
Icon,
|
|
7295
7334
|
{
|
|
7296
7335
|
name: "sparkles-filled",
|
|
@@ -7301,7 +7340,7 @@ var renderRouteCard = ({
|
|
|
7301
7340
|
),
|
|
7302
7341
|
"aria-hidden": "true"
|
|
7303
7342
|
}
|
|
7304
|
-
) : card.venue ? /* @__PURE__ */ (0,
|
|
7343
|
+
) : card.venue ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
7305
7344
|
VenueLogo,
|
|
7306
7345
|
{
|
|
7307
7346
|
venue: card.venue,
|
|
@@ -7309,10 +7348,18 @@ var renderRouteCard = ({
|
|
|
7309
7348
|
ariaLabel: getTradingVenueLabel(card.venue)
|
|
7310
7349
|
}
|
|
7311
7350
|
) : null,
|
|
7312
|
-
/* @__PURE__ */ (0,
|
|
7313
|
-
/* @__PURE__ */ (0,
|
|
7314
|
-
/* @__PURE__ */ (0,
|
|
7315
|
-
card.
|
|
7351
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex flex-col gap-1 min-w-0", children: [
|
|
7352
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex items-center gap-1.5", children: [
|
|
7353
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "agg-route-card-title truncate text-agg-sm leading-agg-5 text-agg-foreground", children: card.label }),
|
|
7354
|
+
card.isUnavailable ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
7355
|
+
Icon,
|
|
7356
|
+
{
|
|
7357
|
+
name: "lock",
|
|
7358
|
+
size: "xs",
|
|
7359
|
+
className: "shrink-0 text-agg-muted-foreground",
|
|
7360
|
+
"aria-hidden": "true"
|
|
7361
|
+
}
|
|
7362
|
+
) : card.kind === "split" && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
7316
7363
|
Icon,
|
|
7317
7364
|
{
|
|
7318
7365
|
name: showSplitDetails ? "chevron-up" : "chevron-down",
|
|
@@ -7322,24 +7369,24 @@ var renderRouteCard = ({
|
|
|
7322
7369
|
}
|
|
7323
7370
|
) : null
|
|
7324
7371
|
] }),
|
|
7325
|
-
card.hint ? /* @__PURE__ */ (0,
|
|
7372
|
+
card.hint ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "agg-route-card-hint text-agg-xs leading-agg-4 text-agg-muted-foreground", children: card.hint }) : null
|
|
7326
7373
|
] })
|
|
7327
7374
|
] }),
|
|
7328
|
-
/* @__PURE__ */ (0,
|
|
7375
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
7329
7376
|
"p",
|
|
7330
7377
|
{
|
|
7331
7378
|
className: cn(
|
|
7332
7379
|
"agg-route-card-value",
|
|
7333
7380
|
"shrink-0 whitespace-nowrap",
|
|
7334
|
-
card.isUnavailable ? "text-agg-
|
|
7381
|
+
isSelected && !card.isUnavailable ? "text-agg-lg font-agg-bold leading-agg-7 text-agg-trade-highlight-accent" : "text-agg-base leading-agg-6 text-agg-foreground"
|
|
7335
7382
|
),
|
|
7336
|
-
children:
|
|
7383
|
+
children: card.value
|
|
7337
7384
|
}
|
|
7338
7385
|
)
|
|
7339
7386
|
] }),
|
|
7340
|
-
showSplitDetails ? /* @__PURE__ */ (0,
|
|
7341
|
-
/* @__PURE__ */ (0,
|
|
7342
|
-
/* @__PURE__ */ (0,
|
|
7387
|
+
showSplitDetails ? /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_jsx_runtime111.Fragment, { children: [
|
|
7388
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "agg-route-card-description text-agg-xs leading-agg-4 text-agg-foreground", children: tradingLabels.splitOrderDescription }),
|
|
7389
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "agg-route-breakdown flex flex-col gap-3", children: (_b = card.rows) == null ? void 0 : _b.map((row) => renderRouteBreakdownRow(row)) })
|
|
7343
7390
|
] }) : null
|
|
7344
7391
|
] })
|
|
7345
7392
|
]
|
|
@@ -7433,7 +7480,7 @@ var renderSubmissionSurface = ({
|
|
|
7433
7480
|
];
|
|
7434
7481
|
};
|
|
7435
7482
|
const stepGroups = resolveStepGroups();
|
|
7436
|
-
return /* @__PURE__ */ (0,
|
|
7483
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
7437
7484
|
Card,
|
|
7438
7485
|
{
|
|
7439
7486
|
className: cn(
|
|
@@ -7442,30 +7489,30 @@ var renderSubmissionSurface = ({
|
|
|
7442
7489
|
classNames == null ? void 0 : classNames.root,
|
|
7443
7490
|
className
|
|
7444
7491
|
),
|
|
7445
|
-
children: /* @__PURE__ */ (0,
|
|
7492
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: cn("agg-order-submission-body flex flex-col gap-6 p-5", classNames == null ? void 0 : classNames.body), children: [
|
|
7446
7493
|
renderCardHeader({
|
|
7447
7494
|
className: classNames == null ? void 0 : classNames.header,
|
|
7448
7495
|
headerSubtitle,
|
|
7449
7496
|
headerImage,
|
|
7450
7497
|
headerTitle
|
|
7451
7498
|
}),
|
|
7452
|
-
/* @__PURE__ */ (0,
|
|
7453
|
-
/* @__PURE__ */ (0,
|
|
7454
|
-
/* @__PURE__ */ (0,
|
|
7455
|
-
/* @__PURE__ */ (0,
|
|
7499
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: cn("agg-order-panel-content flex flex-col gap-6", classNames == null ? void 0 : classNames.content), children: [
|
|
7500
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "agg-order-submission-status flex h-12 w-full items-center justify-center gap-3 rounded-agg-full bg-agg-primary-hover px-8 text-agg-base font-agg-bold leading-agg-6 text-agg-on-primary", children: [
|
|
7501
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(LoadingGlyph, { enableAnimations, className: "h-4 w-4 text-current" }),
|
|
7502
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: actionLabel })
|
|
7456
7503
|
] }),
|
|
7457
|
-
/* @__PURE__ */ (0,
|
|
7458
|
-
return /* @__PURE__ */ (0,
|
|
7504
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "agg-order-submission-steps flex flex-col gap-4", children: stepGroups.map((steps, groupIndex) => {
|
|
7505
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
7459
7506
|
"div",
|
|
7460
7507
|
{
|
|
7461
7508
|
className: "agg-order-submission-group flex flex-col gap-2",
|
|
7462
7509
|
children: steps.map((step) => {
|
|
7463
|
-
return /* @__PURE__ */ (0,
|
|
7510
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
|
|
7464
7511
|
"div",
|
|
7465
7512
|
{
|
|
7466
7513
|
className: "agg-order-submission-step flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground",
|
|
7467
7514
|
children: [
|
|
7468
|
-
step.status === "complete" ? /* @__PURE__ */ (0,
|
|
7515
|
+
step.status === "complete" ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
7469
7516
|
Icon,
|
|
7470
7517
|
{
|
|
7471
7518
|
name: "check-circle",
|
|
@@ -7473,15 +7520,15 @@ var renderSubmissionSurface = ({
|
|
|
7473
7520
|
className: "h-3 w-3 shrink-0 text-agg-primary",
|
|
7474
7521
|
"aria-hidden": "true"
|
|
7475
7522
|
}
|
|
7476
|
-
) : /* @__PURE__ */ (0,
|
|
7523
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
7477
7524
|
LoadingGlyph,
|
|
7478
7525
|
{
|
|
7479
7526
|
enableAnimations,
|
|
7480
7527
|
className: "h-3 w-3 shrink-0 text-agg-primary"
|
|
7481
7528
|
}
|
|
7482
7529
|
),
|
|
7483
|
-
/* @__PURE__ */ (0,
|
|
7484
|
-
step.venue ? /* @__PURE__ */ (0,
|
|
7530
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "min-w-0 flex-1", children: step.label }),
|
|
7531
|
+
step.venue ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
7485
7532
|
VenueLogo,
|
|
7486
7533
|
{
|
|
7487
7534
|
venue: step.venue,
|
|
@@ -7504,7 +7551,7 @@ var renderSubmissionSurface = ({
|
|
|
7504
7551
|
}
|
|
7505
7552
|
);
|
|
7506
7553
|
};
|
|
7507
|
-
var InitiateKycButton = ({ label: label2, onOpen }) => /* @__PURE__ */ (0,
|
|
7554
|
+
var InitiateKycButton = ({ label: label2, onOpen }) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
7508
7555
|
Button,
|
|
7509
7556
|
{
|
|
7510
7557
|
size: "large",
|
|
@@ -7521,35 +7568,35 @@ var KycVerifyModal = ({
|
|
|
7521
7568
|
isInitiating,
|
|
7522
7569
|
labels
|
|
7523
7570
|
}) => {
|
|
7524
|
-
return /* @__PURE__ */ (0,
|
|
7571
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
7525
7572
|
Modal,
|
|
7526
7573
|
{
|
|
7527
7574
|
open,
|
|
7528
7575
|
onOpenChange: (next) => {
|
|
7529
7576
|
onOpenChange(next);
|
|
7530
7577
|
},
|
|
7531
|
-
children: /* @__PURE__ */ (0,
|
|
7532
|
-
/* @__PURE__ */ (0,
|
|
7533
|
-
/* @__PURE__ */ (0,
|
|
7534
|
-
/* @__PURE__ */ (0,
|
|
7535
|
-
/* @__PURE__ */ (0,
|
|
7578
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(Modal.Container, { maxWidth: "480px", "aria-label": labels.title, children: [
|
|
7579
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Dialog2.Title, { className: "sr-only", children: labels.title }),
|
|
7580
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Dialog2.Description, { className: "sr-only", children: labels.description }),
|
|
7581
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(Modal.Body, { classNames: { root: "sm:px-10 sm:py-12" }, children: [
|
|
7582
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
7536
7583
|
"button",
|
|
7537
7584
|
{
|
|
7538
7585
|
type: "button",
|
|
7539
7586
|
className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80",
|
|
7540
7587
|
onClick: () => onOpenChange(false),
|
|
7541
7588
|
"aria-label": "Close",
|
|
7542
|
-
children: /* @__PURE__ */ (0,
|
|
7589
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(CloseIcon, { className: "h-6 w-6" })
|
|
7543
7590
|
}
|
|
7544
7591
|
),
|
|
7545
|
-
/* @__PURE__ */ (0,
|
|
7546
|
-
/* @__PURE__ */ (0,
|
|
7547
|
-
/* @__PURE__ */ (0,
|
|
7548
|
-
/* @__PURE__ */ (0,
|
|
7549
|
-
/* @__PURE__ */ (0,
|
|
7592
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex flex-col items-center gap-8 text-center", children: [
|
|
7593
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(UserTrustIcon, { className: "h-[60px] w-[60px]" }) }),
|
|
7594
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [
|
|
7595
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.title }),
|
|
7596
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.description })
|
|
7550
7597
|
] }),
|
|
7551
|
-
/* @__PURE__ */ (0,
|
|
7552
|
-
/* @__PURE__ */ (0,
|
|
7598
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex w-full flex-col items-center gap-5", children: [
|
|
7599
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
7553
7600
|
Button,
|
|
7554
7601
|
{
|
|
7555
7602
|
size: "large",
|
|
@@ -7560,7 +7607,7 @@ var KycVerifyModal = ({
|
|
|
7560
7607
|
children: labels.startVerification
|
|
7561
7608
|
}
|
|
7562
7609
|
),
|
|
7563
|
-
/* @__PURE__ */ (0,
|
|
7610
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
7564
7611
|
"button",
|
|
7565
7612
|
{
|
|
7566
7613
|
type: "button",
|
|
@@ -7580,27 +7627,27 @@ var KycSuccessModal = ({
|
|
|
7580
7627
|
open,
|
|
7581
7628
|
onOpenChange,
|
|
7582
7629
|
labels
|
|
7583
|
-
}) => /* @__PURE__ */ (0,
|
|
7584
|
-
/* @__PURE__ */ (0,
|
|
7585
|
-
/* @__PURE__ */ (0,
|
|
7586
|
-
/* @__PURE__ */ (0,
|
|
7587
|
-
/* @__PURE__ */ (0,
|
|
7630
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(Modal.Container, { maxWidth: "480px", "aria-label": labels.title, children: [
|
|
7631
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Dialog2.Title, { className: "sr-only", children: labels.title }),
|
|
7632
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Dialog2.Description, { className: "sr-only", children: labels.description }),
|
|
7633
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(Modal.Body, { classNames: { root: "px-10 py-12" }, children: [
|
|
7634
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
7588
7635
|
"button",
|
|
7589
7636
|
{
|
|
7590
7637
|
type: "button",
|
|
7591
7638
|
className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80",
|
|
7592
7639
|
onClick: () => onOpenChange(false),
|
|
7593
7640
|
"aria-label": "Close",
|
|
7594
|
-
children: /* @__PURE__ */ (0,
|
|
7641
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(CloseIcon, { className: "h-6 w-6" })
|
|
7595
7642
|
}
|
|
7596
7643
|
),
|
|
7597
|
-
/* @__PURE__ */ (0,
|
|
7598
|
-
/* @__PURE__ */ (0,
|
|
7599
|
-
/* @__PURE__ */ (0,
|
|
7600
|
-
/* @__PURE__ */ (0,
|
|
7601
|
-
/* @__PURE__ */ (0,
|
|
7644
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex flex-col items-center gap-8 text-center", children: [
|
|
7645
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15", children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
|
|
7646
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [
|
|
7647
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.title }),
|
|
7648
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.description })
|
|
7602
7649
|
] }),
|
|
7603
|
-
/* @__PURE__ */ (0,
|
|
7650
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
7604
7651
|
Button,
|
|
7605
7652
|
{
|
|
7606
7653
|
variant: "secondary",
|
|
@@ -7632,7 +7679,7 @@ var PlaceOrder = ({
|
|
|
7632
7679
|
onExecutionStateChange,
|
|
7633
7680
|
resolvedClaim
|
|
7634
7681
|
}) => {
|
|
7635
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D
|
|
7682
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D;
|
|
7636
7683
|
const {
|
|
7637
7684
|
features: { enableAnimations },
|
|
7638
7685
|
general: { locale }
|
|
@@ -8143,16 +8190,24 @@ var PlaceOrder = ({
|
|
|
8143
8190
|
submissionProgressState,
|
|
8144
8191
|
tradingLabels
|
|
8145
8192
|
]);
|
|
8146
|
-
const displayedToWinHint = (
|
|
8147
|
-
|
|
8193
|
+
const displayedToWinHint = (0, import_react8.useMemo)(() => {
|
|
8194
|
+
var _a2, _b2, _c2, _d2;
|
|
8195
|
+
if (!selectedRouteCard) return "";
|
|
8196
|
+
if (selectedRouteCard.isUnavailable) {
|
|
8197
|
+
const avgPrice = (_c2 = (_b2 = (_a2 = selectedRouteCard.quoteData) == null ? void 0 : _a2.fills) == null ? void 0 : _b2[0]) == null ? void 0 : _c2.avgPrice;
|
|
8198
|
+
return avgPrice != null ? tradingLabels.averagePrice(avgPrice) : "";
|
|
8199
|
+
}
|
|
8200
|
+
return (_d2 = selectedRouteCard.hint) != null ? _d2 : "";
|
|
8201
|
+
}, [selectedRouteCard, tradingLabels]);
|
|
8202
|
+
const displayedToWinValue = (_B = selectedRouteCard == null ? void 0 : selectedRouteCard.numericValue) != null ? _B : 0;
|
|
8148
8203
|
const isActionLoading = isPrimaryActionLoading || executeManaged.isPending;
|
|
8149
|
-
const selectedRouteGeoBlocked = (
|
|
8204
|
+
const selectedRouteGeoBlocked = (_C = selectedRouteCard == null ? void 0 : selectedRouteCard.isUnavailable) != null ? _C : false;
|
|
8150
8205
|
const geoBlockedVenuesFromWarnings = (0, import_react8.useMemo)(
|
|
8151
8206
|
() => {
|
|
8152
8207
|
var _a2;
|
|
8153
8208
|
return extractGeoBlockedVenues((_a2 = smartRoute.data) == null ? void 0 : _a2.warnings);
|
|
8154
8209
|
},
|
|
8155
|
-
[(
|
|
8210
|
+
[(_D = smartRoute.data) == null ? void 0 : _D.warnings]
|
|
8156
8211
|
);
|
|
8157
8212
|
const isPrimaryVenueGeoBlocked = (0, import_react8.useMemo)(() => {
|
|
8158
8213
|
var _a2, _b2;
|
|
@@ -8161,7 +8216,6 @@ var PlaceOrder = ({
|
|
|
8161
8216
|
return fills.length > 0 && fills.every((f) => geoBlockedVenuesFromWarnings.has(f.venue));
|
|
8162
8217
|
}, [selectedRouteCard, geoBlockedVenuesFromWarnings]);
|
|
8163
8218
|
const shouldShowGeoBlockBanner = isTradingBlocked || selectedRouteGeoBlocked || isPrimaryVenueGeoBlocked;
|
|
8164
|
-
const geoBlockVenueLabel = isTradingBlocked ? void 0 : selectedRouteGeoBlocked ? selectedRouteCard == null ? void 0 : selectedRouteCard.label : isPrimaryVenueGeoBlocked && (selectedRouteCard == null ? void 0 : selectedRouteCard.venue) ? getTradingVenueLabel(selectedRouteCard.venue) : void 0;
|
|
8165
8219
|
const actionLabel = `${internalTab === "buy" ? tradingLabels.buy : tradingLabels.sell} ${selectedOutcomeLabel}`.trim();
|
|
8166
8220
|
const isActionDisabled = isPrimaryActionDisabled || !orderEligibility.canPlaceOrder || isActionLoading || !hasEnteredAmount || !scopedSelectedMarket || isInsufficientBalance || isBelowMinimum || !selectedRouteCard || !selectedRouteCard.quoteData.quoteId || selectedRouteGeoBlocked || !isAuthenticated || quoteStatus !== void 0;
|
|
8167
8221
|
const shouldShowSmartRouting = orderEligibility.canPlaceOrder && hasEnteredAmount && (orderedRouteCards.length > 0 || smartRoute.isFetching);
|
|
@@ -8332,7 +8386,7 @@ var PlaceOrder = ({
|
|
|
8332
8386
|
]);
|
|
8333
8387
|
const resolvedStatusClassName = cn(classNames == null ? void 0 : classNames.root, className);
|
|
8334
8388
|
if (isLoading) {
|
|
8335
|
-
return /* @__PURE__ */ (0,
|
|
8389
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
8336
8390
|
Skeleton,
|
|
8337
8391
|
{
|
|
8338
8392
|
ariaLabel: labels.common.loading,
|
|
@@ -8343,7 +8397,7 @@ var PlaceOrder = ({
|
|
|
8343
8397
|
}
|
|
8344
8398
|
if (submissionProgressState) {
|
|
8345
8399
|
if (submissionProgressState.phase === "success" && submissionProgressState.summary) {
|
|
8346
|
-
return /* @__PURE__ */ (0,
|
|
8400
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
8347
8401
|
PlaceOrderSuccessView,
|
|
8348
8402
|
{
|
|
8349
8403
|
className: resolvedStatusClassName,
|
|
@@ -8355,7 +8409,7 @@ var PlaceOrder = ({
|
|
|
8355
8409
|
);
|
|
8356
8410
|
}
|
|
8357
8411
|
if (submissionProgressState.phase === "failed") {
|
|
8358
|
-
return /* @__PURE__ */ (0,
|
|
8412
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
8359
8413
|
PlaceOrderFailureView,
|
|
8360
8414
|
{
|
|
8361
8415
|
className: resolvedStatusClassName,
|
|
@@ -8453,7 +8507,7 @@ var PlaceOrder = ({
|
|
|
8453
8507
|
}
|
|
8454
8508
|
});
|
|
8455
8509
|
if (!orderEligibility.canPlaceOrder && resolvedReadOnlyTradingState.kind !== "open") {
|
|
8456
|
-
return /* @__PURE__ */ (0,
|
|
8510
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
8457
8511
|
PlaceOrderResolvedView,
|
|
8458
8512
|
{
|
|
8459
8513
|
tradingState: resolvedReadOnlyTradingState,
|
|
@@ -8463,8 +8517,8 @@ var PlaceOrder = ({
|
|
|
8463
8517
|
}
|
|
8464
8518
|
);
|
|
8465
8519
|
}
|
|
8466
|
-
return /* @__PURE__ */ (0,
|
|
8467
|
-
/* @__PURE__ */ (0,
|
|
8520
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_react8.Fragment, { children: [
|
|
8521
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
|
|
8468
8522
|
Card,
|
|
8469
8523
|
{
|
|
8470
8524
|
className: cn(
|
|
@@ -8481,8 +8535,8 @@ var PlaceOrder = ({
|
|
|
8481
8535
|
headerTitle,
|
|
8482
8536
|
onClose
|
|
8483
8537
|
}),
|
|
8484
|
-
/* @__PURE__ */ (0,
|
|
8485
|
-
/* @__PURE__ */ (0,
|
|
8538
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: cn("agg-order-panel-content flex flex-col gap-6", classNames == null ? void 0 : classNames.content), children: [
|
|
8539
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
8486
8540
|
"div",
|
|
8487
8541
|
{
|
|
8488
8542
|
className: "agg-order-tabs flex items-end border-b border-agg-separator",
|
|
@@ -8493,7 +8547,7 @@ var PlaceOrder = ({
|
|
|
8493
8547
|
{ value: "sell", label: tradingLabels.sell, ref: sellTabRef }
|
|
8494
8548
|
].map((tabItem) => {
|
|
8495
8549
|
const isActive = internalTab === tabItem.value;
|
|
8496
|
-
return /* @__PURE__ */ (0,
|
|
8550
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
|
|
8497
8551
|
"button",
|
|
8498
8552
|
{
|
|
8499
8553
|
ref: tabItem.ref,
|
|
@@ -8517,7 +8571,7 @@ var PlaceOrder = ({
|
|
|
8517
8571
|
onKeyDown: (event) => handleTabKeyDown(event, tabItem.value),
|
|
8518
8572
|
children: [
|
|
8519
8573
|
tabItem.label,
|
|
8520
|
-
/* @__PURE__ */ (0,
|
|
8574
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
8521
8575
|
"span",
|
|
8522
8576
|
{
|
|
8523
8577
|
"aria-hidden": "true",
|
|
@@ -8539,13 +8593,13 @@ var PlaceOrder = ({
|
|
|
8539
8593
|
})
|
|
8540
8594
|
}
|
|
8541
8595
|
),
|
|
8542
|
-
outcomes.length >= 2 ? /* @__PURE__ */ (0,
|
|
8596
|
+
outcomes.length >= 2 ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "agg-outcomes flex w-full max-w-full gap-2", children: outcomes.map((outcome, index) => {
|
|
8543
8597
|
var _a2, _b2, _c2;
|
|
8544
8598
|
const price = (_b2 = (_a2 = clusterMidpoints.get(outcome.id)) != null ? _a2 : livePrices.get(outcome.id)) != null ? _b2 : outcome.price;
|
|
8545
8599
|
const isActive = outcome.id === scopedSelectedOutcomeId;
|
|
8546
8600
|
const isPositive = resolveIsPositiveOutcome(outcome, index);
|
|
8547
8601
|
const displayLabel = ((_c2 = outcome.title) == null ? void 0 : _c2.trim()) || outcome.label;
|
|
8548
|
-
return /* @__PURE__ */ (0,
|
|
8602
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
|
|
8549
8603
|
"button",
|
|
8550
8604
|
{
|
|
8551
8605
|
"data-id": outcome.id,
|
|
@@ -8565,7 +8619,7 @@ var PlaceOrder = ({
|
|
|
8565
8619
|
disabled: !orderEligibility.canPlaceOrder || isResolvedOutcomeCtaLocked,
|
|
8566
8620
|
onClick: () => handleOutcomeChange(outcome.id),
|
|
8567
8621
|
children: [
|
|
8568
|
-
/* @__PURE__ */ (0,
|
|
8622
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
8569
8623
|
Typography,
|
|
8570
8624
|
{
|
|
8571
8625
|
as: "span",
|
|
@@ -8574,18 +8628,18 @@ var PlaceOrder = ({
|
|
|
8574
8628
|
children: displayLabel
|
|
8575
8629
|
}
|
|
8576
8630
|
),
|
|
8577
|
-
/* @__PURE__ */ (0,
|
|
8631
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Typography, { as: "span", variant: isActive ? "body-strong" : "body", children: formatProbabilityCents(price) })
|
|
8578
8632
|
]
|
|
8579
8633
|
},
|
|
8580
8634
|
outcome.id
|
|
8581
8635
|
);
|
|
8582
8636
|
}) }) : null,
|
|
8583
|
-
/* @__PURE__ */ (0,
|
|
8584
|
-
/* @__PURE__ */ (0,
|
|
8585
|
-
/* @__PURE__ */ (0,
|
|
8586
|
-
isAuthenticated ? isSell ? /* @__PURE__ */ (0,
|
|
8587
|
-
/* @__PURE__ */ (0,
|
|
8588
|
-
displayedCurrentSellableShares > 0 ? /* @__PURE__ */ (0,
|
|
8637
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "agg-order-amount-section flex items-start justify-between gap-4", children: [
|
|
8638
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "agg-order-amount-meta flex flex-col", children: [
|
|
8639
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "agg-order-amount-label text-agg-base font-agg-bold leading-agg-6 text-agg-foreground whitespace-nowrap", children: tradingLabels.amount(internalTab) }),
|
|
8640
|
+
isAuthenticated ? isSell ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "agg-balance-value flex items-baseline gap-1.5 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isCurrentSellableSharesLoading ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(LoadingIcon, { size: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_jsx_runtime111.Fragment, { children: [
|
|
8641
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: tradingLabels.shares(displayedCurrentSellableShares) }),
|
|
8642
|
+
displayedCurrentSellableShares > 0 ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
8589
8643
|
"button",
|
|
8590
8644
|
{
|
|
8591
8645
|
type: "button",
|
|
@@ -8601,9 +8655,9 @@ var PlaceOrder = ({
|
|
|
8601
8655
|
children: tradingLabels.maxShares
|
|
8602
8656
|
}
|
|
8603
8657
|
) : null
|
|
8604
|
-
] }) }) : /* @__PURE__ */ (0,
|
|
8658
|
+
] }) }) : /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "agg-balance-value flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isBalanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(LoadingIcon, { size: "small" }) : tradingLabels.balance(formatUsd(totalBalance)) }) : null
|
|
8605
8659
|
] }),
|
|
8606
|
-
/* @__PURE__ */ (0,
|
|
8660
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
8607
8661
|
CurrencyInput,
|
|
8608
8662
|
{
|
|
8609
8663
|
value: internalAmount,
|
|
@@ -8623,10 +8677,10 @@ var PlaceOrder = ({
|
|
|
8623
8677
|
}
|
|
8624
8678
|
)
|
|
8625
8679
|
] }),
|
|
8626
|
-
shouldShowSmartRouting ? /* @__PURE__ */ (0,
|
|
8627
|
-
/* @__PURE__ */ (0,
|
|
8628
|
-
/* @__PURE__ */ (0,
|
|
8629
|
-
shouldShowRouteToggle && !isRoutesExpanded ? /* @__PURE__ */ (0,
|
|
8680
|
+
shouldShowSmartRouting ? /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "agg-route-panel flex flex-col gap-3", children: [
|
|
8681
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "agg-route-panel-header flex items-center justify-between gap-4", children: [
|
|
8682
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "agg-route-panel-title text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.smartRouting }),
|
|
8683
|
+
shouldShowRouteToggle && !isRoutesExpanded ? /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
|
|
8630
8684
|
"button",
|
|
8631
8685
|
{
|
|
8632
8686
|
type: "button",
|
|
@@ -8634,8 +8688,8 @@ var PlaceOrder = ({
|
|
|
8634
8688
|
"aria-label": tradingLabels.viewAllRoutes(orderedRouteCards.length),
|
|
8635
8689
|
onClick: () => setIsRoutesExpanded((currentValue) => !currentValue),
|
|
8636
8690
|
children: [
|
|
8637
|
-
/* @__PURE__ */ (0,
|
|
8638
|
-
/* @__PURE__ */ (0,
|
|
8691
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: tradingLabels.viewAllRoutes(orderedRouteCards.length) }),
|
|
8692
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
8639
8693
|
Icon,
|
|
8640
8694
|
{
|
|
8641
8695
|
name: "chevron-down",
|
|
@@ -8648,8 +8702,8 @@ var PlaceOrder = ({
|
|
|
8648
8702
|
}
|
|
8649
8703
|
) : null
|
|
8650
8704
|
] }),
|
|
8651
|
-
/* @__PURE__ */ (0,
|
|
8652
|
-
return /* @__PURE__ */ (0,
|
|
8705
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "agg-route-list flex flex-col gap-2", children: visibleRouteCards.length > 0 ? smartRoute.isFetching ? Array.from({ length: visibleRouteCards.length }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(PlaceOrderRouteCardSkeleton, {}, index)) : visibleRouteCards.map((card) => {
|
|
8706
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react8.Fragment, { children: renderRouteCard({
|
|
8653
8707
|
card,
|
|
8654
8708
|
enableAnimations,
|
|
8655
8709
|
isExpanded: card.kind === "split" ? isSplitDetailOpen : isRoutesExpanded,
|
|
@@ -8657,17 +8711,17 @@ var PlaceOrder = ({
|
|
|
8657
8711
|
onSelect: handleRouteCardSelect,
|
|
8658
8712
|
tradingLabels
|
|
8659
8713
|
}) }, card.id);
|
|
8660
|
-
}) : smartRoute.isFetching ? /* @__PURE__ */ (0,
|
|
8661
|
-
/* @__PURE__ */ (0,
|
|
8662
|
-
/* @__PURE__ */ (0,
|
|
8714
|
+
}) : smartRoute.isFetching ? /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_jsx_runtime111.Fragment, { children: [
|
|
8715
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(PlaceOrderRouteCardSkeleton, {}),
|
|
8716
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(PlaceOrderRouteCardSkeleton, {})
|
|
8663
8717
|
] }) : null })
|
|
8664
8718
|
] }) : null,
|
|
8665
|
-
hasEnteredAmount && selectedRouteCard && orderEligibility.canPlaceOrder ? /* @__PURE__ */ (0,
|
|
8666
|
-
/* @__PURE__ */ (0,
|
|
8667
|
-
/* @__PURE__ */ (0,
|
|
8668
|
-
/* @__PURE__ */ (0,
|
|
8719
|
+
hasEnteredAmount && selectedRouteCard && orderEligibility.canPlaceOrder ? /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "agg-order-summary flex items-start justify-between gap-4", children: [
|
|
8720
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "agg-order-summary-meta flex flex-col", children: [
|
|
8721
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "agg-order-summary-label text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.toWin(internalTab) }),
|
|
8722
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "agg-order-summary-hint text-agg-sm leading-agg-5 text-agg-muted-foreground", children: displayedToWinHint })
|
|
8669
8723
|
] }),
|
|
8670
|
-
/* @__PURE__ */ (0,
|
|
8724
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
8671
8725
|
import_react7.default,
|
|
8672
8726
|
{
|
|
8673
8727
|
value: displayedToWinValue,
|
|
@@ -8682,7 +8736,7 @@ var PlaceOrder = ({
|
|
|
8682
8736
|
}
|
|
8683
8737
|
)
|
|
8684
8738
|
] }) : null,
|
|
8685
|
-
/* @__PURE__ */ (0,
|
|
8739
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
|
|
8686
8740
|
"div",
|
|
8687
8741
|
{
|
|
8688
8742
|
className: cn(
|
|
@@ -8690,23 +8744,23 @@ var PlaceOrder = ({
|
|
|
8690
8744
|
classNames == null ? void 0 : classNames.footer
|
|
8691
8745
|
),
|
|
8692
8746
|
children: [
|
|
8693
|
-
!shouldShowGeoBlockBanner ? /* @__PURE__ */ (0,
|
|
8694
|
-
submissionFeedback ? /* @__PURE__ */ (0,
|
|
8747
|
+
!shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "agg-order-alerts flex flex-col gap-3 empty:hidden mb-3", children: [
|
|
8748
|
+
submissionFeedback ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
8695
8749
|
InlineAlert,
|
|
8696
8750
|
{
|
|
8697
8751
|
tone: submissionFeedback.tone,
|
|
8698
8752
|
message: submissionFeedback.message
|
|
8699
8753
|
}
|
|
8700
8754
|
) : null,
|
|
8701
|
-
!submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && isBelowMinimum ? /* @__PURE__ */ (0,
|
|
8755
|
+
!submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && isBelowMinimum ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
8702
8756
|
InlineAlert,
|
|
8703
8757
|
{
|
|
8704
8758
|
tone: "error",
|
|
8705
8759
|
message: tradingLabels.minimumOrderAmount(MIN_BUY_ORDER_AMOUNT)
|
|
8706
8760
|
}
|
|
8707
8761
|
) : null,
|
|
8708
|
-
!submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && !isBelowMinimum && quoteStatus ? /* @__PURE__ */ (0,
|
|
8709
|
-
!submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && !isBelowMinimum && !quoteStatus && isAuthenticated && hasEnteredAmount && smartRouteErrorMessage ? /* @__PURE__ */ (0,
|
|
8762
|
+
!submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && !isBelowMinimum && quoteStatus ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(InlineAlert, { tone: quoteStatus.tone, message: quoteStatus.message }) : null,
|
|
8763
|
+
!submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && !isBelowMinimum && !quoteStatus && isAuthenticated && hasEnteredAmount && smartRouteErrorMessage ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
8710
8764
|
InlineAlert,
|
|
8711
8765
|
{
|
|
8712
8766
|
tone: "error",
|
|
@@ -8718,14 +8772,14 @@ var PlaceOrder = ({
|
|
|
8718
8772
|
}
|
|
8719
8773
|
) : null
|
|
8720
8774
|
] }) : null,
|
|
8721
|
-
!submissionFeedback && !shouldShowGeoBlockBanner && orderEligibility.canPlaceOrder && isInsufficientBalance ? /* @__PURE__ */ (0,
|
|
8775
|
+
!submissionFeedback && !shouldShowGeoBlockBanner && orderEligibility.canPlaceOrder && isInsufficientBalance ? /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
|
|
8722
8776
|
"div",
|
|
8723
8777
|
{
|
|
8724
8778
|
className: "agg-order-insufficient-balance-alert flex items-center justify-center gap-2",
|
|
8725
8779
|
role: "status",
|
|
8726
8780
|
"aria-live": "polite",
|
|
8727
8781
|
children: [
|
|
8728
|
-
/* @__PURE__ */ (0,
|
|
8782
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
8729
8783
|
Icon,
|
|
8730
8784
|
{
|
|
8731
8785
|
name: "warning-filled",
|
|
@@ -8734,11 +8788,11 @@ var PlaceOrder = ({
|
|
|
8734
8788
|
"aria-hidden": "true"
|
|
8735
8789
|
}
|
|
8736
8790
|
),
|
|
8737
|
-
/* @__PURE__ */ (0,
|
|
8791
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: "text-agg-sm text-agg-foreground", children: tradingLabels.insufficientBalance })
|
|
8738
8792
|
]
|
|
8739
8793
|
}
|
|
8740
8794
|
) : null,
|
|
8741
|
-
!submissionFeedback && !shouldShowGeoBlockBanner && isInsufficientBalance ? /* @__PURE__ */ (0,
|
|
8795
|
+
!submissionFeedback && !shouldShowGeoBlockBanner && isInsufficientBalance ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
8742
8796
|
Button,
|
|
8743
8797
|
{
|
|
8744
8798
|
size: "large",
|
|
@@ -8748,7 +8802,7 @@ var PlaceOrder = ({
|
|
|
8748
8802
|
onClick: handleDepositRequiredClick,
|
|
8749
8803
|
children: tradingLabels.deposit
|
|
8750
8804
|
}
|
|
8751
|
-
) : needsKycVerification && !submissionFeedback && !shouldShowGeoBlockBanner ? /* @__PURE__ */ (0,
|
|
8805
|
+
) : needsKycVerification && !submissionFeedback && !shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(InitiateKycButton, { label: tradingLabels.kycRequired, onOpen: openVerifyModal }) : !isAuthenticated ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
8752
8806
|
Button,
|
|
8753
8807
|
{
|
|
8754
8808
|
size: "large",
|
|
@@ -8759,7 +8813,7 @@ var PlaceOrder = ({
|
|
|
8759
8813
|
onClick: import_hooks28.requestAggAuthChooserOpen,
|
|
8760
8814
|
children: tradingLabels.signInToTrade
|
|
8761
8815
|
}
|
|
8762
|
-
) : /* @__PURE__ */ (0,
|
|
8816
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
8763
8817
|
Button,
|
|
8764
8818
|
{
|
|
8765
8819
|
size: "large",
|
|
@@ -8774,8 +8828,8 @@ var PlaceOrder = ({
|
|
|
8774
8828
|
children: actionLabel
|
|
8775
8829
|
}
|
|
8776
8830
|
),
|
|
8777
|
-
shouldShowGeoBlockBanner ? /* @__PURE__ */ (0,
|
|
8778
|
-
!shouldShowGeoBlockBanner ? /* @__PURE__ */ (0,
|
|
8831
|
+
shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(GeoBlockBanner, { termsUrl: AGG_TERMS_OF_SERVICE_URL }) : null,
|
|
8832
|
+
!shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "agg-order-disclaimer text-center text-agg-xs leading-agg-4 text-agg-muted-foreground", children: tradingLabels.disclaimer }) : null
|
|
8779
8833
|
]
|
|
8780
8834
|
}
|
|
8781
8835
|
)
|
|
@@ -8783,7 +8837,7 @@ var PlaceOrder = ({
|
|
|
8783
8837
|
]
|
|
8784
8838
|
}
|
|
8785
8839
|
),
|
|
8786
|
-
/* @__PURE__ */ (0,
|
|
8840
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
8787
8841
|
KycVerifyModal,
|
|
8788
8842
|
{
|
|
8789
8843
|
open: isKycVerifyModalOpen,
|
|
@@ -8800,7 +8854,7 @@ var PlaceOrder = ({
|
|
|
8800
8854
|
}
|
|
8801
8855
|
}
|
|
8802
8856
|
),
|
|
8803
|
-
/* @__PURE__ */ (0,
|
|
8857
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
8804
8858
|
KycSuccessModal,
|
|
8805
8859
|
{
|
|
8806
8860
|
open: showKycSuccessModal,
|