@agg-build/ui 2.1.0 → 2.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-Y6PVXAUQ.mjs → chunk-IQT4I5B4.mjs} +387 -250
- package/dist/{chunk-R6FBYAY5.mjs → chunk-NK57KMYN.mjs} +2 -2
- package/dist/{chunk-YMVD6Q2A.mjs → chunk-RPXRTXCY.mjs} +1 -1
- package/dist/{chunk-C5M2OOM3.mjs → chunk-TERG43WW.mjs} +1 -1
- package/dist/{chunk-3OI2ZLLT.mjs → chunk-WU2C3C6K.mjs} +1 -1
- package/dist/{chunk-YAEA6EDG.mjs → chunk-XHDGSRG7.mjs} +8 -6
- package/dist/{chunk-DXF2LMNN.mjs → chunk-YJO6LMRT.mjs} +781 -753
- package/dist/events.js +941 -914
- package/dist/events.mjs +3 -3
- package/dist/index.js +2788 -2621
- package/dist/index.mjs +11 -7
- package/dist/modals.js +851 -824
- package/dist/modals.mjs +3 -3
- package/dist/pages.js +1968 -1803
- package/dist/pages.mjs +8 -6
- package/dist/primitives.js +782 -753
- package/dist/primitives.mjs +3 -1
- package/dist/styles.css +1 -1
- package/dist/tailwind.css +1 -1
- package/dist/trading.js +532 -501
- package/dist/trading.mjs +4 -4
- package/dist/types/pages/user-profile/index.d.mts +1 -0
- package/dist/types/pages/user-profile/index.d.ts +1 -0
- package/dist/types/pages/user-profile/transaction-explorer.d.mts +1 -0
- package/dist/types/pages/user-profile/transaction-explorer.d.ts +1 -0
- package/dist/types/pages/user-profile/user-profile.types.d.mts +8 -2
- package/dist/types/pages/user-profile/user-profile.types.d.ts +8 -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/paper-mode.d.mts +5 -0
- package/dist/types/primitives/icon/svg/paper-mode.d.ts +5 -0
- package/package.json +2 -2
package/dist/modals.js
CHANGED
|
@@ -2839,9 +2839,9 @@ var LockIcon = (_a) => {
|
|
|
2839
2839
|
};
|
|
2840
2840
|
LockIcon.displayName = "LockIcon";
|
|
2841
2841
|
|
|
2842
|
-
// src/primitives/icon/svg/
|
|
2842
|
+
// src/primitives/icon/svg/paper-mode.tsx
|
|
2843
2843
|
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
2844
|
-
var
|
|
2844
|
+
var PaperModeIcon = (_a) => {
|
|
2845
2845
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2846
2846
|
return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
2847
2847
|
"svg",
|
|
@@ -2852,14 +2852,42 @@ var PencilIcon = (_a) => {
|
|
|
2852
2852
|
}, getIconA11yProps(title)), props), {
|
|
2853
2853
|
children: [
|
|
2854
2854
|
title ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("title", { children: title }) : null,
|
|
2855
|
-
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("
|
|
2855
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("rect", { x: "2", y: "2", width: "12", height: "12", rx: "3", fill: "currentColor", opacity: "0.16" }),
|
|
2856
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
2857
|
+
"path",
|
|
2858
|
+
{
|
|
2859
|
+
d: "M5 5.5C5 4.67157 5.67157 4 6.5 4H9.25C10.2165 4 11 4.7835 11 5.75C11 6.7165 10.2165 7.5 9.25 7.5H6.25V11H5V5.5ZM6.25 6.5H9.25C9.66421 6.5 10 6.16421 10 5.75C10 5.33579 9.66421 5 9.25 5H6.5C6.36193 5 6.25 5.11193 6.25 5.25V6.5Z",
|
|
2860
|
+
fill: "currentColor"
|
|
2861
|
+
}
|
|
2862
|
+
),
|
|
2863
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("path", { d: "M6.25 9H10.25V10H6.25V9Z", fill: "currentColor", opacity: "0.72" })
|
|
2864
|
+
]
|
|
2865
|
+
})
|
|
2866
|
+
);
|
|
2867
|
+
};
|
|
2868
|
+
PaperModeIcon.displayName = "PaperModeIcon";
|
|
2869
|
+
|
|
2870
|
+
// src/primitives/icon/svg/pencil.tsx
|
|
2871
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
2872
|
+
var PencilIcon = (_a) => {
|
|
2873
|
+
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2874
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
2875
|
+
"svg",
|
|
2876
|
+
__spreadProps(__spreadValues(__spreadValues({
|
|
2877
|
+
viewBox: "0 0 16 16",
|
|
2878
|
+
className,
|
|
2879
|
+
fill: "none"
|
|
2880
|
+
}, getIconA11yProps(title)), props), {
|
|
2881
|
+
children: [
|
|
2882
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("title", { children: title }) : null,
|
|
2883
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("g", { clipPath: "url(#pencil_clip)", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
2856
2884
|
"path",
|
|
2857
2885
|
{
|
|
2858
2886
|
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",
|
|
2859
2887
|
fill: "currentColor"
|
|
2860
2888
|
}
|
|
2861
2889
|
) }),
|
|
2862
|
-
/* @__PURE__ */ (0,
|
|
2890
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("clipPath", { id: "pencil_clip", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
2863
2891
|
]
|
|
2864
2892
|
})
|
|
2865
2893
|
);
|
|
@@ -2867,10 +2895,10 @@ var PencilIcon = (_a) => {
|
|
|
2867
2895
|
PencilIcon.displayName = "PencilIcon";
|
|
2868
2896
|
|
|
2869
2897
|
// src/primitives/icon/svg/play-square.tsx
|
|
2870
|
-
var
|
|
2898
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
2871
2899
|
var PlaySquareIcon = (_a) => {
|
|
2872
2900
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2873
|
-
return /* @__PURE__ */ (0,
|
|
2901
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
|
|
2874
2902
|
"svg",
|
|
2875
2903
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2876
2904
|
viewBox: "0 0 16 16",
|
|
@@ -2878,15 +2906,15 @@ var PlaySquareIcon = (_a) => {
|
|
|
2878
2906
|
fill: "none"
|
|
2879
2907
|
}, getIconA11yProps(title)), props), {
|
|
2880
2908
|
children: [
|
|
2881
|
-
title ? /* @__PURE__ */ (0,
|
|
2882
|
-
/* @__PURE__ */ (0,
|
|
2909
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("title", { children: title }) : null,
|
|
2910
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)("g", { clipPath: "url(#play-square-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
2883
2911
|
"path",
|
|
2884
2912
|
{
|
|
2885
2913
|
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",
|
|
2886
2914
|
fill: "currentColor"
|
|
2887
2915
|
}
|
|
2888
2916
|
) }),
|
|
2889
|
-
/* @__PURE__ */ (0,
|
|
2917
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("clipPath", { id: "play-square-clip", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
2890
2918
|
]
|
|
2891
2919
|
})
|
|
2892
2920
|
);
|
|
@@ -2894,10 +2922,10 @@ var PlaySquareIcon = (_a) => {
|
|
|
2894
2922
|
PlaySquareIcon.displayName = "PlaySquareIcon";
|
|
2895
2923
|
|
|
2896
2924
|
// src/primitives/icon/svg/polygon.tsx
|
|
2897
|
-
var
|
|
2925
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
2898
2926
|
var PolygonIcon = (_a) => {
|
|
2899
2927
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2900
|
-
return /* @__PURE__ */ (0,
|
|
2928
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
2901
2929
|
"svg",
|
|
2902
2930
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2903
2931
|
viewBox: "0 0 24 24",
|
|
@@ -2905,9 +2933,9 @@ var PolygonIcon = (_a) => {
|
|
|
2905
2933
|
fill: "none"
|
|
2906
2934
|
}, getIconA11yProps(title)), props), {
|
|
2907
2935
|
children: [
|
|
2908
|
-
title ? /* @__PURE__ */ (0,
|
|
2909
|
-
/* @__PURE__ */ (0,
|
|
2910
|
-
/* @__PURE__ */ (0,
|
|
2936
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("title", { children: title }) : null,
|
|
2937
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("rect", { width: "24", height: "24", rx: "8", fill: "#8247E5" }),
|
|
2938
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
2911
2939
|
"path",
|
|
2912
2940
|
{
|
|
2913
2941
|
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",
|
|
@@ -2921,10 +2949,10 @@ var PolygonIcon = (_a) => {
|
|
|
2921
2949
|
PolygonIcon.displayName = "PolygonIcon";
|
|
2922
2950
|
|
|
2923
2951
|
// src/primitives/icon/svg/quotes-warning.tsx
|
|
2924
|
-
var
|
|
2952
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
2925
2953
|
var QuotesWarningIcon = (_a) => {
|
|
2926
2954
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2927
|
-
return /* @__PURE__ */ (0,
|
|
2955
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
|
|
2928
2956
|
"svg",
|
|
2929
2957
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2930
2958
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2935,8 +2963,8 @@ var QuotesWarningIcon = (_a) => {
|
|
|
2935
2963
|
className
|
|
2936
2964
|
}, getIconA11yProps(title)), props), {
|
|
2937
2965
|
children: [
|
|
2938
|
-
title ? /* @__PURE__ */ (0,
|
|
2939
|
-
/* @__PURE__ */ (0,
|
|
2966
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("title", { children: title }) : null,
|
|
2967
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
2940
2968
|
"path",
|
|
2941
2969
|
{
|
|
2942
2970
|
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",
|
|
@@ -2950,10 +2978,10 @@ var QuotesWarningIcon = (_a) => {
|
|
|
2950
2978
|
QuotesWarningIcon.displayName = "QuotesWarningIcon";
|
|
2951
2979
|
|
|
2952
2980
|
// src/primitives/icon/svg/profile-about-tab.tsx
|
|
2953
|
-
var
|
|
2981
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
2954
2982
|
var ProfileAboutTabIcon = (_a) => {
|
|
2955
2983
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
2956
|
-
return /* @__PURE__ */ (0,
|
|
2984
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
|
|
2957
2985
|
"svg",
|
|
2958
2986
|
__spreadProps(__spreadValues(__spreadValues({
|
|
2959
2987
|
viewBox: "0 0 16 16",
|
|
@@ -2961,16 +2989,16 @@ var ProfileAboutTabIcon = (_a) => {
|
|
|
2961
2989
|
fill: "none"
|
|
2962
2990
|
}, getIconA11yProps(title)), props), {
|
|
2963
2991
|
children: [
|
|
2964
|
-
title ? /* @__PURE__ */ (0,
|
|
2965
|
-
/* @__PURE__ */ (0,
|
|
2966
|
-
/* @__PURE__ */ (0,
|
|
2992
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("title", { children: title }) : null,
|
|
2993
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("g", { clipPath: "url(#clip_profile_about_tab)", children: [
|
|
2994
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
2967
2995
|
"path",
|
|
2968
2996
|
{
|
|
2969
2997
|
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",
|
|
2970
2998
|
fill: "currentColor"
|
|
2971
2999
|
}
|
|
2972
3000
|
),
|
|
2973
|
-
/* @__PURE__ */ (0,
|
|
3001
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
2974
3002
|
"path",
|
|
2975
3003
|
{
|
|
2976
3004
|
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",
|
|
@@ -2978,7 +3006,7 @@ var ProfileAboutTabIcon = (_a) => {
|
|
|
2978
3006
|
}
|
|
2979
3007
|
)
|
|
2980
3008
|
] }),
|
|
2981
|
-
/* @__PURE__ */ (0,
|
|
3009
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("clipPath", { id: "clip_profile_about_tab", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
2982
3010
|
]
|
|
2983
3011
|
})
|
|
2984
3012
|
);
|
|
@@ -2986,7 +3014,7 @@ var ProfileAboutTabIcon = (_a) => {
|
|
|
2986
3014
|
ProfileAboutTabIcon.displayName = "ProfileAboutTabIcon";
|
|
2987
3015
|
|
|
2988
3016
|
// src/primitives/icon/svg/profile-accounts-wallets-tab.tsx
|
|
2989
|
-
var
|
|
3017
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
2990
3018
|
var ProfileAccountsWalletsTabIcon = (_a) => {
|
|
2991
3019
|
var _b = _a, {
|
|
2992
3020
|
title,
|
|
@@ -2995,7 +3023,7 @@ var ProfileAccountsWalletsTabIcon = (_a) => {
|
|
|
2995
3023
|
"title",
|
|
2996
3024
|
"className"
|
|
2997
3025
|
]);
|
|
2998
|
-
return /* @__PURE__ */ (0,
|
|
3026
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
2999
3027
|
"svg",
|
|
3000
3028
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3001
3029
|
viewBox: "0 0 16 16",
|
|
@@ -3003,15 +3031,15 @@ var ProfileAccountsWalletsTabIcon = (_a) => {
|
|
|
3003
3031
|
fill: "none"
|
|
3004
3032
|
}, getIconA11yProps(title)), props), {
|
|
3005
3033
|
children: [
|
|
3006
|
-
title ? /* @__PURE__ */ (0,
|
|
3007
|
-
/* @__PURE__ */ (0,
|
|
3034
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("title", { children: title }) : null,
|
|
3035
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("g", { clipPath: "url(#clip_profile_accounts_wallets_tab)", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
3008
3036
|
"path",
|
|
3009
3037
|
{
|
|
3010
3038
|
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",
|
|
3011
3039
|
fill: "currentColor"
|
|
3012
3040
|
}
|
|
3013
3041
|
) }),
|
|
3014
|
-
/* @__PURE__ */ (0,
|
|
3042
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("clipPath", { id: "clip_profile_accounts_wallets_tab", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
3015
3043
|
]
|
|
3016
3044
|
})
|
|
3017
3045
|
);
|
|
@@ -3019,10 +3047,10 @@ var ProfileAccountsWalletsTabIcon = (_a) => {
|
|
|
3019
3047
|
ProfileAccountsWalletsTabIcon.displayName = "ProfileAccountsWalletsTabIcon";
|
|
3020
3048
|
|
|
3021
3049
|
// src/primitives/icon/svg/profile.tsx
|
|
3022
|
-
var
|
|
3050
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
3023
3051
|
var ProfileIcon = (_a) => {
|
|
3024
3052
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3025
|
-
return /* @__PURE__ */ (0,
|
|
3053
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
|
|
3026
3054
|
"svg",
|
|
3027
3055
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3028
3056
|
viewBox: "0 0 16 16",
|
|
@@ -3030,16 +3058,16 @@ var ProfileIcon = (_a) => {
|
|
|
3030
3058
|
fill: "none"
|
|
3031
3059
|
}, getIconA11yProps(title)), props), {
|
|
3032
3060
|
children: [
|
|
3033
|
-
title ? /* @__PURE__ */ (0,
|
|
3034
|
-
/* @__PURE__ */ (0,
|
|
3035
|
-
/* @__PURE__ */ (0,
|
|
3061
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("title", { children: title }) : null,
|
|
3062
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("g", { clipPath: "url(#profile-clip)", children: [
|
|
3063
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
3036
3064
|
"path",
|
|
3037
3065
|
{
|
|
3038
3066
|
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",
|
|
3039
3067
|
fill: "currentColor"
|
|
3040
3068
|
}
|
|
3041
3069
|
),
|
|
3042
|
-
/* @__PURE__ */ (0,
|
|
3070
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
3043
3071
|
"path",
|
|
3044
3072
|
{
|
|
3045
3073
|
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",
|
|
@@ -3047,7 +3075,7 @@ var ProfileIcon = (_a) => {
|
|
|
3047
3075
|
}
|
|
3048
3076
|
)
|
|
3049
3077
|
] }),
|
|
3050
|
-
/* @__PURE__ */ (0,
|
|
3078
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("clipPath", { id: "profile-clip", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
3051
3079
|
]
|
|
3052
3080
|
})
|
|
3053
3081
|
);
|
|
@@ -3055,10 +3083,10 @@ var ProfileIcon = (_a) => {
|
|
|
3055
3083
|
ProfileIcon.displayName = "ProfileIcon";
|
|
3056
3084
|
|
|
3057
3085
|
// src/primitives/icon/svg/recenter.tsx
|
|
3058
|
-
var
|
|
3086
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
3059
3087
|
var RecenterIcon = (_a) => {
|
|
3060
3088
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3061
|
-
return /* @__PURE__ */ (0,
|
|
3089
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
|
|
3062
3090
|
"svg",
|
|
3063
3091
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3064
3092
|
viewBox: "0 0 16 16",
|
|
@@ -3066,15 +3094,15 @@ var RecenterIcon = (_a) => {
|
|
|
3066
3094
|
fill: "none"
|
|
3067
3095
|
}, getIconA11yProps(title)), props), {
|
|
3068
3096
|
children: [
|
|
3069
|
-
title ? /* @__PURE__ */ (0,
|
|
3070
|
-
/* @__PURE__ */ (0,
|
|
3097
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("title", { children: title }) : null,
|
|
3098
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("g", { clipPath: "url(#recenter-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
3071
3099
|
"path",
|
|
3072
3100
|
{
|
|
3073
3101
|
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",
|
|
3074
3102
|
fill: "currentColor"
|
|
3075
3103
|
}
|
|
3076
3104
|
) }),
|
|
3077
|
-
/* @__PURE__ */ (0,
|
|
3105
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("clipPath", { id: "recenter-clip", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
3078
3106
|
]
|
|
3079
3107
|
})
|
|
3080
3108
|
);
|
|
@@ -3082,10 +3110,10 @@ var RecenterIcon = (_a) => {
|
|
|
3082
3110
|
RecenterIcon.displayName = "RecenterIcon";
|
|
3083
3111
|
|
|
3084
3112
|
// src/primitives/icon/svg/revenue-alt.tsx
|
|
3085
|
-
var
|
|
3113
|
+
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
3086
3114
|
var RevenueAltIcon = (_a) => {
|
|
3087
3115
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3088
|
-
return /* @__PURE__ */ (0,
|
|
3116
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
|
|
3089
3117
|
"svg",
|
|
3090
3118
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3091
3119
|
viewBox: "0 0 20 20",
|
|
@@ -3093,8 +3121,8 @@ var RevenueAltIcon = (_a) => {
|
|
|
3093
3121
|
fill: "none"
|
|
3094
3122
|
}, getIconA11yProps(title)), props), {
|
|
3095
3123
|
children: [
|
|
3096
|
-
title ? /* @__PURE__ */ (0,
|
|
3097
|
-
/* @__PURE__ */ (0,
|
|
3124
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("title", { children: title }) : null,
|
|
3125
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
3098
3126
|
"path",
|
|
3099
3127
|
{
|
|
3100
3128
|
d: "M3 14V6M3 6L1.5 7.5M3 6L4.5 7.5M17 6V14M17 14L15.5 12.5M17 14L18.5 12.5",
|
|
@@ -3104,7 +3132,7 @@ var RevenueAltIcon = (_a) => {
|
|
|
3104
3132
|
strokeLinejoin: "round"
|
|
3105
3133
|
}
|
|
3106
3134
|
),
|
|
3107
|
-
/* @__PURE__ */ (0,
|
|
3135
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
3108
3136
|
"path",
|
|
3109
3137
|
{
|
|
3110
3138
|
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",
|
|
@@ -3121,10 +3149,10 @@ var RevenueAltIcon = (_a) => {
|
|
|
3121
3149
|
RevenueAltIcon.displayName = "RevenueAltIcon";
|
|
3122
3150
|
|
|
3123
3151
|
// src/primitives/icon/svg/search.tsx
|
|
3124
|
-
var
|
|
3152
|
+
var import_jsx_runtime70 = require("react/jsx-runtime");
|
|
3125
3153
|
var SearchIcon = (_a) => {
|
|
3126
3154
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3127
|
-
return /* @__PURE__ */ (0,
|
|
3155
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
|
|
3128
3156
|
"svg",
|
|
3129
3157
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3130
3158
|
viewBox: "0 0 16 16",
|
|
@@ -3133,8 +3161,8 @@ var SearchIcon = (_a) => {
|
|
|
3133
3161
|
className
|
|
3134
3162
|
}, getIconA11yProps(title)), props), {
|
|
3135
3163
|
children: [
|
|
3136
|
-
title ? /* @__PURE__ */ (0,
|
|
3137
|
-
/* @__PURE__ */ (0,
|
|
3164
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("title", { children: title }) : null,
|
|
3165
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
3138
3166
|
"path",
|
|
3139
3167
|
{
|
|
3140
3168
|
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",
|
|
@@ -3144,7 +3172,7 @@ var SearchIcon = (_a) => {
|
|
|
3144
3172
|
strokeLinejoin: "round"
|
|
3145
3173
|
}
|
|
3146
3174
|
),
|
|
3147
|
-
/* @__PURE__ */ (0,
|
|
3175
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
3148
3176
|
"path",
|
|
3149
3177
|
{
|
|
3150
3178
|
d: "M13.6668 13.6666L11.1667 11.1666",
|
|
@@ -3161,10 +3189,10 @@ var SearchIcon = (_a) => {
|
|
|
3161
3189
|
SearchIcon.displayName = "SearchIcon";
|
|
3162
3190
|
|
|
3163
3191
|
// src/primitives/icon/svg/shield-trust.tsx
|
|
3164
|
-
var
|
|
3192
|
+
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
3165
3193
|
var ShieldTrustIcon = (_a) => {
|
|
3166
3194
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3167
|
-
return /* @__PURE__ */ (0,
|
|
3195
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
3168
3196
|
"svg",
|
|
3169
3197
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3170
3198
|
width: "16",
|
|
@@ -3174,15 +3202,15 @@ var ShieldTrustIcon = (_a) => {
|
|
|
3174
3202
|
fill: "none"
|
|
3175
3203
|
}, getIconA11yProps(title)), props), {
|
|
3176
3204
|
children: [
|
|
3177
|
-
title ? /* @__PURE__ */ (0,
|
|
3178
|
-
/* @__PURE__ */ (0,
|
|
3205
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("title", { children: title }) : null,
|
|
3206
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("g", { clipPath: "url(#clip0_7779_1212)", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
3179
3207
|
"path",
|
|
3180
3208
|
{
|
|
3181
3209
|
d: "M15.4633 9.39L14.024 10.828V11.976C14.024 13.0787 13.1266 13.976 12.024 13.976H10.8766L9.43798 15.414C9.06131 15.7913 8.55864 16 8.02398 16C7.48931 16 6.98731 15.792 6.60998 15.414L5.17198 13.976H4.02398C2.92131 13.976 2.02398 13.0787 2.02398 11.976V10.828L0.585977 9.39C-0.194023 8.61067 -0.194023 7.34133 0.585977 6.56133L2.02398 5.12333V3.976C2.02398 2.87333 2.92131 1.976 4.02398 1.976H5.17198L6.60998 0.537331C7.36598 -0.219335 8.68398 -0.217335 9.43864 0.537331L10.8766 1.97533H12.024C12.3926 1.97533 12.6906 2.274 12.6906 2.642C12.6906 3.01 12.3926 3.30866 12.024 3.30866H10.6006C10.4233 3.30866 10.254 3.23866 10.1293 3.11333L8.49531 1.47933C8.24398 1.22866 7.80598 1.22733 7.55264 1.47933L5.91931 3.11333C5.79398 3.23866 5.62531 3.30866 5.44798 3.30866H4.02398C3.65598 3.30866 3.35731 3.608 3.35731 3.97533V5.39866C3.35731 5.57533 3.28731 5.74533 3.16198 5.87L1.52864 7.50333C1.26864 7.76333 1.26864 8.186 1.52864 8.44667L3.16198 10.08C3.28731 10.2053 3.35731 10.374 3.35731 10.5513V11.9753C3.35731 12.3433 3.65598 12.642 4.02398 12.642H5.44798C5.62531 12.642 5.79464 12.712 5.91931 12.8373L7.55264 14.4707C7.80531 14.7227 8.24398 14.7227 8.49464 14.4707L10.1293 12.8373C10.2546 12.712 10.4233 12.642 10.6006 12.642H12.024C12.392 12.642 12.6906 12.3433 12.6906 11.9753V10.5513C12.6906 10.374 12.7606 10.2047 12.886 10.08L14.52 8.44667C14.78 8.18667 14.78 7.76333 14.52 7.50333C14.26 7.24267 14.26 6.82066 14.52 6.56066C14.7806 6.30066 15.2026 6.3 15.4633 6.56066C16.242 7.34 16.242 8.60867 15.4633 9.38867V9.39ZM7.14731 9.108L5.13531 7.116C4.87264 6.856 4.45198 6.85933 4.19198 7.12066C3.93264 7.382 3.93531 7.804 4.19664 8.06333L6.20931 10.056C6.61864 10.4613 7.15731 10.6647 7.69531 10.6647C8.23331 10.6647 8.77331 10.46 9.18331 10.0527L15.1366 4.13867C15.398 3.87933 15.3993 3.45733 15.1393 3.196C14.8793 2.93466 14.458 2.93266 14.1966 3.19266L8.24331 9.10733C7.94131 9.408 7.44998 9.408 7.14731 9.108Z",
|
|
3182
3210
|
fill: "currentColor"
|
|
3183
3211
|
}
|
|
3184
3212
|
) }),
|
|
3185
|
-
/* @__PURE__ */ (0,
|
|
3213
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("clipPath", { id: "clip0_7779_1212", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
3186
3214
|
]
|
|
3187
3215
|
})
|
|
3188
3216
|
);
|
|
@@ -3190,10 +3218,10 @@ var ShieldTrustIcon = (_a) => {
|
|
|
3190
3218
|
ShieldTrustIcon.displayName = "ShieldTrustIcon";
|
|
3191
3219
|
|
|
3192
3220
|
// src/primitives/icon/svg/solana.tsx
|
|
3193
|
-
var
|
|
3221
|
+
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
3194
3222
|
var SolanaIcon = (_a) => {
|
|
3195
3223
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3196
|
-
return /* @__PURE__ */ (0,
|
|
3224
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
|
|
3197
3225
|
"svg",
|
|
3198
3226
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3199
3227
|
viewBox: "0 0 24 24",
|
|
@@ -3201,31 +3229,31 @@ var SolanaIcon = (_a) => {
|
|
|
3201
3229
|
fill: "none"
|
|
3202
3230
|
}, getIconA11yProps(title)), props), {
|
|
3203
3231
|
children: [
|
|
3204
|
-
title ? /* @__PURE__ */ (0,
|
|
3205
|
-
/* @__PURE__ */ (0,
|
|
3206
|
-
/* @__PURE__ */ (0,
|
|
3232
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("title", { children: title }) : null,
|
|
3233
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)("rect", { width: "24", height: "24", fill: "black" }),
|
|
3234
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
|
|
3207
3235
|
"path",
|
|
3208
3236
|
{
|
|
3209
3237
|
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",
|
|
3210
3238
|
fill: "url(#paint0_linear_1471_9988)"
|
|
3211
3239
|
}
|
|
3212
3240
|
),
|
|
3213
|
-
/* @__PURE__ */ (0,
|
|
3241
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
|
|
3214
3242
|
"path",
|
|
3215
3243
|
{
|
|
3216
3244
|
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",
|
|
3217
3245
|
fill: "url(#paint1_linear_1471_9988)"
|
|
3218
3246
|
}
|
|
3219
3247
|
),
|
|
3220
|
-
/* @__PURE__ */ (0,
|
|
3248
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
|
|
3221
3249
|
"path",
|
|
3222
3250
|
{
|
|
3223
3251
|
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",
|
|
3224
3252
|
fill: "url(#paint2_linear_1471_9988)"
|
|
3225
3253
|
}
|
|
3226
3254
|
),
|
|
3227
|
-
/* @__PURE__ */ (0,
|
|
3228
|
-
/* @__PURE__ */ (0,
|
|
3255
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("defs", { children: [
|
|
3256
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
|
|
3229
3257
|
"linearGradient",
|
|
3230
3258
|
{
|
|
3231
3259
|
id: "paint0_linear_1471_9988",
|
|
@@ -3235,12 +3263,12 @@ var SolanaIcon = (_a) => {
|
|
|
3235
3263
|
y2: "22.2975",
|
|
3236
3264
|
gradientUnits: "userSpaceOnUse",
|
|
3237
3265
|
children: [
|
|
3238
|
-
/* @__PURE__ */ (0,
|
|
3239
|
-
/* @__PURE__ */ (0,
|
|
3266
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)("stop", { stopColor: "#00FFA3" }),
|
|
3267
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)("stop", { offset: "1", stopColor: "#DC1FFF" })
|
|
3240
3268
|
]
|
|
3241
3269
|
}
|
|
3242
3270
|
),
|
|
3243
|
-
/* @__PURE__ */ (0,
|
|
3271
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
|
|
3244
3272
|
"linearGradient",
|
|
3245
3273
|
{
|
|
3246
3274
|
id: "paint1_linear_1471_9988",
|
|
@@ -3250,12 +3278,12 @@ var SolanaIcon = (_a) => {
|
|
|
3250
3278
|
y2: "20.028",
|
|
3251
3279
|
gradientUnits: "userSpaceOnUse",
|
|
3252
3280
|
children: [
|
|
3253
|
-
/* @__PURE__ */ (0,
|
|
3254
|
-
/* @__PURE__ */ (0,
|
|
3281
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)("stop", { stopColor: "#00FFA3" }),
|
|
3282
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)("stop", { offset: "1", stopColor: "#DC1FFF" })
|
|
3255
3283
|
]
|
|
3256
3284
|
}
|
|
3257
3285
|
),
|
|
3258
|
-
/* @__PURE__ */ (0,
|
|
3286
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
|
|
3259
3287
|
"linearGradient",
|
|
3260
3288
|
{
|
|
3261
3289
|
id: "paint2_linear_1471_9988",
|
|
@@ -3265,8 +3293,8 @@ var SolanaIcon = (_a) => {
|
|
|
3265
3293
|
y2: "21.1555",
|
|
3266
3294
|
gradientUnits: "userSpaceOnUse",
|
|
3267
3295
|
children: [
|
|
3268
|
-
/* @__PURE__ */ (0,
|
|
3269
|
-
/* @__PURE__ */ (0,
|
|
3296
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)("stop", { stopColor: "#00FFA3" }),
|
|
3297
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)("stop", { offset: "1", stopColor: "#DC1FFF" })
|
|
3270
3298
|
]
|
|
3271
3299
|
}
|
|
3272
3300
|
)
|
|
@@ -3278,10 +3306,10 @@ var SolanaIcon = (_a) => {
|
|
|
3278
3306
|
SolanaIcon.displayName = "SolanaIcon";
|
|
3279
3307
|
|
|
3280
3308
|
// src/primitives/icon/svg/sort-end-date.tsx
|
|
3281
|
-
var
|
|
3309
|
+
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
3282
3310
|
var SortEndDateIcon = (_a) => {
|
|
3283
3311
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3284
|
-
return /* @__PURE__ */ (0,
|
|
3312
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
|
|
3285
3313
|
"svg",
|
|
3286
3314
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3287
3315
|
viewBox: "0 0 16 16",
|
|
@@ -3289,15 +3317,15 @@ var SortEndDateIcon = (_a) => {
|
|
|
3289
3317
|
fill: "none"
|
|
3290
3318
|
}, getIconA11yProps(title)), props), {
|
|
3291
3319
|
children: [
|
|
3292
|
-
title ? /* @__PURE__ */ (0,
|
|
3293
|
-
/* @__PURE__ */ (0,
|
|
3320
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("title", { children: title }) : null,
|
|
3321
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("g", { clipPath: "url(#sort-end-date-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
3294
3322
|
"path",
|
|
3295
3323
|
{
|
|
3296
3324
|
d: "M16 8C16 10.1217 15.1571 12.1566 13.6569 13.6569C12.1566 15.1571 10.1217 16 8 16C5.87827 16 3.84344 15.1571 2.34315 13.6569C0.842855 12.1566 0 10.1217 0 8C0 7.82319 0.0702379 7.65362 0.195262 7.5286C0.320286 7.40357 0.489856 7.33333 0.666667 7.33333C0.843478 7.33333 1.01305 7.40357 1.13807 7.5286C1.2631 7.65362 1.33333 7.82319 1.33333 8C1.33333 9.31854 1.72433 10.6075 2.45687 11.7038C3.18941 12.8001 4.2306 13.6546 5.44878 14.1592C6.66695 14.6638 8.0074 14.7958 9.3006 14.5386C10.5938 14.2813 11.7817 13.6464 12.714 12.714C13.6464 11.7817 14.2813 10.5938 14.5386 9.3006C14.7958 8.0074 14.6638 6.66695 14.1592 5.44878C13.6546 4.2306 12.8001 3.18941 11.7038 2.45687C10.6075 1.72433 9.31854 1.33333 8 1.33333C7.82319 1.33333 7.65362 1.2631 7.5286 1.13807C7.40357 1.01305 7.33333 0.843478 7.33333 0.666667C7.33333 0.489856 7.40357 0.320286 7.5286 0.195262C7.65362 0.0702379 7.82319 0 8 0C10.121 0.00229405 12.1545 0.845885 13.6543 2.34568C15.1541 3.84547 15.9977 5.87897 16 8ZM6.85133 7.33333H5.33333C5.15652 7.33333 4.98695 7.40357 4.86193 7.5286C4.7369 7.65362 4.66667 7.82319 4.66667 8C4.66667 8.17681 4.7369 8.34638 4.86193 8.4714C4.98695 8.59643 5.15652 8.66667 5.33333 8.66667H6.85133C6.95314 8.84349 7.09429 8.99449 7.26384 9.108C7.43339 9.2215 7.62679 9.29445 7.82906 9.3212C8.03134 9.34795 8.23705 9.32778 8.43028 9.26226C8.6235 9.19673 8.79905 9.0876 8.94333 8.94333C9.0876 8.79905 9.19673 8.6235 9.26226 8.43028C9.32778 8.23705 9.34795 8.03134 9.3212 7.82906C9.29445 7.62679 9.2215 7.43339 9.108 7.26384C8.99449 7.09429 8.84349 6.95314 8.66667 6.85133V4.66667C8.66667 4.48986 8.59643 4.32029 8.4714 4.19526C8.34638 4.07024 8.17681 4 8 4C7.82319 4 7.65362 4.07024 7.5286 4.19526C7.40357 4.32029 7.33333 4.48986 7.33333 4.66667V6.85133C7.13362 6.96752 6.96752 7.13362 6.85133 7.33333ZM1.218 5.856C1.34985 5.856 1.47875 5.8169 1.58838 5.74365C1.69801 5.67039 1.78346 5.56627 1.83392 5.44446C1.88438 5.32264 1.89758 5.18859 1.87186 5.05927C1.84613 4.92995 1.78264 4.81116 1.6894 4.71793C1.59617 4.62469 1.47738 4.5612 1.34806 4.53548C1.21874 4.50975 1.0847 4.52296 0.962878 4.57341C0.84106 4.62387 0.736941 4.70932 0.663687 4.81895C0.590433 4.92859 0.551333 5.05748 0.551333 5.18933C0.551333 5.36614 0.621571 5.53571 0.746595 5.66074C0.87162 5.78576 1.04119 5.856 1.218 5.856ZM2.814 3.47133C2.94585 3.47133 3.07475 3.43223 3.18438 3.35898C3.29401 3.28573 3.37946 3.18161 3.42992 3.05979C3.48038 2.93797 3.49358 2.80393 3.46786 2.67461C3.44213 2.54529 3.37864 2.4265 3.2854 2.33326C3.19217 2.24003 3.07338 2.17653 2.94406 2.15081C2.81474 2.12509 2.6807 2.13829 2.55888 2.18875C2.43706 2.23921 2.33294 2.32465 2.25969 2.43429C2.18643 2.54392 2.14733 2.67281 2.14733 2.80467C2.14733 2.98148 2.21757 3.15105 2.3426 3.27607C2.46762 3.4011 2.63719 3.47133 2.814 3.47133ZM5.186 1.894C5.31785 1.894 5.44675 1.8549 5.55638 1.78165C5.66601 1.70839 5.75146 1.60427 5.80192 1.48246C5.85238 1.36064 5.86558 1.22659 5.83986 1.09727C5.81413 0.967952 5.75064 0.849164 5.6574 0.755929C5.56417 0.662694 5.44538 0.5992 5.31606 0.573476C5.18674 0.547753 5.0527 0.560955 4.93088 0.611414C4.80906 0.661872 4.70494 0.74732 4.63169 0.856953C4.55843 0.966586 4.51933 1.09548 4.51933 1.22733C4.51933 1.40414 4.58957 1.57371 4.7146 1.69874C4.83962 1.82376 5.00919 1.894 5.186 1.894Z",
|
|
3297
3325
|
fill: "currentColor"
|
|
3298
3326
|
}
|
|
3299
3327
|
) }),
|
|
3300
|
-
/* @__PURE__ */ (0,
|
|
3328
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("clipPath", { id: "sort-end-date-clip", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
3301
3329
|
]
|
|
3302
3330
|
})
|
|
3303
3331
|
);
|
|
@@ -3305,10 +3333,10 @@ var SortEndDateIcon = (_a) => {
|
|
|
3305
3333
|
SortEndDateIcon.displayName = "SortEndDateIcon";
|
|
3306
3334
|
|
|
3307
3335
|
// src/primitives/icon/svg/sort-top-arbitrage.tsx
|
|
3308
|
-
var
|
|
3336
|
+
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
3309
3337
|
var SortTopArbitrageIcon = (_a) => {
|
|
3310
3338
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3311
|
-
return /* @__PURE__ */ (0,
|
|
3339
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
|
|
3312
3340
|
"svg",
|
|
3313
3341
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3314
3342
|
viewBox: "0 0 16 16",
|
|
@@ -3316,30 +3344,30 @@ var SortTopArbitrageIcon = (_a) => {
|
|
|
3316
3344
|
fill: "none"
|
|
3317
3345
|
}, getIconA11yProps(title)), props), {
|
|
3318
3346
|
children: [
|
|
3319
|
-
title ? /* @__PURE__ */ (0,
|
|
3320
|
-
/* @__PURE__ */ (0,
|
|
3321
|
-
/* @__PURE__ */ (0,
|
|
3347
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("title", { children: title }) : null,
|
|
3348
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("g", { clipPath: "url(#sort-top-arbitrage-clip)", children: [
|
|
3349
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
3322
3350
|
"path",
|
|
3323
3351
|
{
|
|
3324
3352
|
d: "M15.4314 6.314L14.9067 5.6C14.5432 5.10529 14.0686 4.7028 13.5211 4.42491C12.9737 4.14701 12.3687 4.00148 11.7547 4H4.25541C3.65409 4.00157 3.06116 4.14118 2.52231 4.40806C1.98346 4.67494 1.51308 5.06197 1.14741 5.53933L0.600079 6.25533C0.155734 6.84154 -0.0531817 7.57279 0.0144266 8.30525C0.0820349 9.03772 0.421273 9.71837 0.965413 10.2133L6.29208 15.3513C6.75993 15.7686 7.36522 15.9986 7.99208 15.9973C8.63223 15.9961 9.24941 15.7587 9.72541 15.3307L15.0161 10.242C15.5633 9.7574 15.9094 9.08556 15.9863 8.35863C16.0632 7.63171 15.8652 6.90233 15.4314 6.314ZM13.8314 6.38533L14.3561 7.10133C14.4088 7.1746 14.4552 7.25221 14.4947 7.33333H11.3007C11.2525 7.01408 11.1693 6.7011 11.0527 6.4L10.6261 5.33333H11.7547C12.159 5.3341 12.5575 5.42967 12.9182 5.61237C13.2788 5.79508 13.5916 6.05982 13.8314 6.38533ZM7.99341 13.392L6.14741 9.212C6.08065 9.0352 6.03021 8.85266 5.99675 8.66667H9.96475C9.93678 8.81325 9.89755 8.95745 9.84741 9.098L7.99341 13.392ZM6.06675 7.33333C6.09463 7.21381 6.12958 7.09605 6.17141 6.98067L6.82741 5.33333H9.19008L9.81475 6.89533C9.86959 7.03796 9.91415 7.18434 9.94808 7.33333H6.06675ZM2.20741 6.34733C2.44845 6.0329 2.75844 5.77797 3.11349 5.60217C3.46855 5.42638 3.85922 5.3344 4.25541 5.33333H5.38875L4.93341 6.486C4.82356 6.75949 4.74159 7.04338 4.68875 7.33333H1.49675C1.54247 7.2391 1.59764 7.14976 1.66141 7.06667L2.20741 6.34733ZM1.87408 9.236C1.70016 9.07824 1.56353 8.88377 1.47408 8.66667H4.65541C4.69963 9.02585 4.78623 9.37853 4.91341 9.71733L6.79808 13.984L1.87408 9.236ZM9.18075 14.0093L11.0834 9.6C11.1938 9.29824 11.2708 8.98525 11.3127 8.66667H14.5334C14.439 8.89552 14.2949 9.10049 14.1114 9.26667L9.18075 14.0093Z",
|
|
3325
3353
|
fill: "currentColor"
|
|
3326
3354
|
}
|
|
3327
3355
|
),
|
|
3328
|
-
/* @__PURE__ */ (0,
|
|
3356
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
3329
3357
|
"path",
|
|
3330
3358
|
{
|
|
3331
3359
|
d: "M8.00065 2.66667C8.17746 2.66667 8.34703 2.59643 8.47206 2.4714C8.59708 2.34638 8.66732 2.17681 8.66732 2V0.666667C8.66732 0.489856 8.59708 0.320286 8.47206 0.195262C8.34703 0.0702379 8.17746 0 8.00065 0C7.82384 0 7.65427 0.0702379 7.52925 0.195262C7.40422 0.320286 7.33398 0.489856 7.33398 0.666667V2C7.33398 2.17681 7.40422 2.34638 7.52925 2.4714C7.65427 2.59643 7.82384 2.66667 8.00065 2.66667Z",
|
|
3332
3360
|
fill: "currentColor"
|
|
3333
3361
|
}
|
|
3334
3362
|
),
|
|
3335
|
-
/* @__PURE__ */ (0,
|
|
3363
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
3336
3364
|
"path",
|
|
3337
3365
|
{
|
|
3338
3366
|
d: "M11.0357 2.6C11.1144 2.63958 11.2002 2.66316 11.288 2.66939C11.3759 2.67561 11.4642 2.66436 11.5477 2.63628C11.6312 2.6082 11.7083 2.56384 11.7745 2.50578C11.8408 2.44772 11.8949 2.3771 11.9337 2.298L12.6004 0.964671C12.6794 0.806425 12.6923 0.623264 12.6363 0.455481C12.5803 0.287699 12.4599 0.149038 12.3017 0.0700039C12.1434 -0.00903065 11.9603 -0.0219652 11.7925 0.0340457C11.6247 0.0900565 11.4861 0.210425 11.407 0.368671L10.7404 1.702C10.7005 1.78031 10.6766 1.86572 10.6699 1.95331C10.6632 2.0409 10.6739 2.12895 10.7013 2.2124C10.7288 2.29585 10.7724 2.37305 10.8298 2.43957C10.8872 2.50609 10.9572 2.56061 11.0357 2.6Z",
|
|
3339
3367
|
fill: "currentColor"
|
|
3340
3368
|
}
|
|
3341
3369
|
),
|
|
3342
|
-
/* @__PURE__ */ (0,
|
|
3370
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
3343
3371
|
"path",
|
|
3344
3372
|
{
|
|
3345
3373
|
d: "M4.06955 2.298C4.14858 2.45669 4.28742 2.57748 4.45552 2.63381C4.62361 2.69013 4.8072 2.67737 4.96588 2.59834C5.12457 2.5193 5.24536 2.38047 5.30169 2.21237C5.35801 2.04428 5.34525 1.86069 5.26622 1.702L4.59955 0.368671C4.56042 0.290315 4.50623 0.220435 4.44009 0.16302C4.37395 0.105605 4.29715 0.0617794 4.21407 0.0340457C4.04629 -0.0219652 3.86313 -0.00903065 3.70488 0.0700039C3.54664 0.149038 3.42627 0.287699 3.37026 0.455481C3.31425 0.623264 3.32718 0.806425 3.40622 0.964671L4.06955 2.298Z",
|
|
@@ -3347,7 +3375,7 @@ var SortTopArbitrageIcon = (_a) => {
|
|
|
3347
3375
|
}
|
|
3348
3376
|
)
|
|
3349
3377
|
] }),
|
|
3350
|
-
/* @__PURE__ */ (0,
|
|
3378
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("clipPath", { id: "sort-top-arbitrage-clip", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
3351
3379
|
]
|
|
3352
3380
|
})
|
|
3353
3381
|
);
|
|
@@ -3355,10 +3383,10 @@ var SortTopArbitrageIcon = (_a) => {
|
|
|
3355
3383
|
SortTopArbitrageIcon.displayName = "SortTopArbitrageIcon";
|
|
3356
3384
|
|
|
3357
3385
|
// src/primitives/icon/svg/sort-volume-24hr.tsx
|
|
3358
|
-
var
|
|
3386
|
+
var import_jsx_runtime75 = require("react/jsx-runtime");
|
|
3359
3387
|
var SortVolume24hrIcon = (_a) => {
|
|
3360
3388
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3361
|
-
return /* @__PURE__ */ (0,
|
|
3389
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
|
|
3362
3390
|
"svg",
|
|
3363
3391
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3364
3392
|
width: "16",
|
|
@@ -3368,15 +3396,15 @@ var SortVolume24hrIcon = (_a) => {
|
|
|
3368
3396
|
fill: "none"
|
|
3369
3397
|
}, getIconA11yProps(title)), props), {
|
|
3370
3398
|
children: [
|
|
3371
|
-
title ? /* @__PURE__ */ (0,
|
|
3372
|
-
/* @__PURE__ */ (0,
|
|
3399
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("title", { children: title }) : null,
|
|
3400
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("g", { clipPath: "url(#clip0_7744_587)", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
3373
3401
|
"path",
|
|
3374
3402
|
{
|
|
3375
3403
|
d: "M8 3.33333C8.36867 3.33333 8.66667 3.63133 8.66667 4V7.91733C8.66667 8.15 8.546 8.36467 8.34733 8.48667L5.40867 10.284C5.30067 10.3507 5.18 10.3813 5.06133 10.3813C4.83667 10.3813 4.618 10.268 4.492 10.062C4.3 9.748 4.39867 9.338 4.71333 9.14533L7.33333 7.54333V4C7.33333 3.63133 7.63133 3.33333 8 3.33333ZM14.6667 8.66667H12C11.6313 8.66667 11.3333 8.96467 11.3333 9.33333C11.3333 9.702 11.6313 10 12 10H13.712L10.826 12.8853C10.6973 13.014 10.47 13.0147 10.34 12.8853L9.604 12.1493C8.97 11.514 7.86533 11.514 7.22933 12.1493L4.52733 14.8627C4.26733 15.124 4.26867 15.546 4.52933 15.806C4.65933 15.9353 4.83 16 5 16C5.17133 16 5.34267 15.934 5.47267 15.804L8.174 13.0907C8.30267 12.962 8.53 12.9613 8.66 13.0907L9.396 13.8267C10.03 14.462 11.136 14.4613 11.7693 13.8267L14.6667 10.93V12.666C14.6667 13.0347 14.9647 13.3327 15.3333 13.3327C15.702 13.3327 16 13.0347 16 12.666V9.99933C16 9.264 15.402 8.666 14.6667 8.666V8.66667ZM1.33333 8C1.33333 4.324 4.324 1.33333 8 1.33333C11.2187 1.33333 13.976 3.62667 14.5567 6.78733C14.624 7.14933 14.9673 7.39333 15.3327 7.32267C15.6947 7.256 15.934 6.90867 15.868 6.54667C15.1713 2.75333 11.862 0 8 0C3.58867 0 0 3.58867 0 8C0 10.2107 0.928 12.344 2.54533 13.852C2.67333 13.972 2.83733 14.0313 3 14.0313C3.17867 14.0313 3.356 13.9607 3.48733 13.8193C3.73867 13.5507 3.72333 13.1287 3.454 12.8773C2.10667 11.62 1.33267 9.84267 1.33267 8.00067L1.33333 8Z",
|
|
3376
3404
|
fill: "currentColor"
|
|
3377
3405
|
}
|
|
3378
3406
|
) }),
|
|
3379
|
-
/* @__PURE__ */ (0,
|
|
3407
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("clipPath", { id: "clip0_7744_587", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
3380
3408
|
]
|
|
3381
3409
|
})
|
|
3382
3410
|
);
|
|
@@ -3384,10 +3412,10 @@ var SortVolume24hrIcon = (_a) => {
|
|
|
3384
3412
|
SortVolume24hrIcon.displayName = "SortVolume24hrIcon";
|
|
3385
3413
|
|
|
3386
3414
|
// src/primitives/icon/svg/sort-volume.tsx
|
|
3387
|
-
var
|
|
3415
|
+
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
3388
3416
|
var SortVolumeIcon = (_a) => {
|
|
3389
3417
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3390
|
-
return /* @__PURE__ */ (0,
|
|
3418
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
|
|
3391
3419
|
"svg",
|
|
3392
3420
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3393
3421
|
viewBox: "0 0 16 16",
|
|
@@ -3395,15 +3423,15 @@ var SortVolumeIcon = (_a) => {
|
|
|
3395
3423
|
fill: "none"
|
|
3396
3424
|
}, getIconA11yProps(title)), props), {
|
|
3397
3425
|
children: [
|
|
3398
|
-
title ? /* @__PURE__ */ (0,
|
|
3399
|
-
/* @__PURE__ */ (0,
|
|
3426
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("title", { children: title }) : null,
|
|
3427
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("g", { clipPath: "url(#sort-volume-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
3400
3428
|
"path",
|
|
3401
3429
|
{
|
|
3402
3430
|
d: "M13.6667 10.6667H11.3333V8.33333C11.3333 7.04666 10.2867 6 9 6H7C5.71333 6 4.66667 7.04666 4.66667 8.33333V8.66666H2.33333C1.04667 8.66666 0 9.71333 0 11V13.6667C0 14.9533 1.04667 16 2.33333 16H13.6667C14.9533 16 16 14.9533 16 13.6667V13C16 11.7133 14.9533 10.6667 13.6667 10.6667ZM6 8.33333C6 7.782 6.44867 7.33333 7 7.33333H9C9.55133 7.33333 10 7.782 10 8.33333V14.6667H6V8.33333ZM1.33333 13.6667V11C1.33333 10.4487 1.782 9.99999 2.33333 9.99999H4.66667V14.6667H2.33333C1.782 14.6667 1.33333 14.218 1.33333 13.6667ZM14.6667 13.6667C14.6667 14.218 14.218 14.6667 13.6667 14.6667H11.3333V12H13.6667C14.218 12 14.6667 12.4487 14.6667 13V13.6667ZM5.36067 1.90466C5.42467 1.73 5.59133 1.61333 5.778 1.61333H7.112L7.584 0.288662C7.64867 0.114662 7.81467 -0.000671387 8.00067 -0.000671387C8.18667 -0.000671387 8.35267 0.114662 8.41733 0.288662L8.88933 1.61333H10.2233C10.41 1.61333 10.5767 1.73 10.6407 1.90533C10.7047 2.08066 10.652 2.27733 10.5093 2.398L9.458 3.25466L9.89267 4.57933C9.952 4.75866 9.892 4.95599 9.742 5.07133C9.592 5.18666 9.386 5.19466 9.228 5.09199L8.004 4.29466L6.80067 5.09999C6.726 5.14999 6.63933 5.17533 6.55333 5.17533C6.45933 5.17533 6.36533 5.14533 6.28667 5.08666C6.13533 4.97333 6.07267 4.77733 6.12933 4.59733L6.54733 3.25666L5.49067 2.39666C5.34867 2.276 5.296 2.07933 5.36067 1.90466Z",
|
|
3403
3431
|
fill: "currentColor"
|
|
3404
3432
|
}
|
|
3405
3433
|
) }),
|
|
3406
|
-
/* @__PURE__ */ (0,
|
|
3434
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("clipPath", { id: "sort-volume-clip", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
3407
3435
|
]
|
|
3408
3436
|
})
|
|
3409
3437
|
);
|
|
@@ -3411,10 +3439,10 @@ var SortVolumeIcon = (_a) => {
|
|
|
3411
3439
|
SortVolumeIcon.displayName = "SortVolumeIcon";
|
|
3412
3440
|
|
|
3413
3441
|
// src/primitives/icon/svg/sparkles-filled.tsx
|
|
3414
|
-
var
|
|
3442
|
+
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
3415
3443
|
var SparklesFilledIcon = (_a) => {
|
|
3416
3444
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3417
|
-
return /* @__PURE__ */ (0,
|
|
3445
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
3418
3446
|
"svg",
|
|
3419
3447
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3420
3448
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3425,15 +3453,15 @@ var SparklesFilledIcon = (_a) => {
|
|
|
3425
3453
|
className
|
|
3426
3454
|
}, getIconA11yProps(title)), props), {
|
|
3427
3455
|
children: [
|
|
3428
|
-
/* @__PURE__ */ (0,
|
|
3456
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("g", { clipPath: "url(#clip0_2028_8371)", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
3429
3457
|
"path",
|
|
3430
3458
|
{
|
|
3431
3459
|
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",
|
|
3432
3460
|
fill: "currentColor"
|
|
3433
3461
|
}
|
|
3434
3462
|
) }),
|
|
3435
|
-
/* @__PURE__ */ (0,
|
|
3436
|
-
/* @__PURE__ */ (0,
|
|
3463
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("defs", { children: [
|
|
3464
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
3437
3465
|
"linearGradient",
|
|
3438
3466
|
{
|
|
3439
3467
|
id: "paint0_linear_2028_8371",
|
|
@@ -3443,12 +3471,12 @@ var SparklesFilledIcon = (_a) => {
|
|
|
3443
3471
|
y2: "7.99997",
|
|
3444
3472
|
gradientUnits: "userSpaceOnUse",
|
|
3445
3473
|
children: [
|
|
3446
|
-
/* @__PURE__ */ (0,
|
|
3447
|
-
/* @__PURE__ */ (0,
|
|
3474
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("stop", { stopColor: "currentColor" }),
|
|
3475
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("stop", { offset: "1", stopColor: "currentColor" })
|
|
3448
3476
|
]
|
|
3449
3477
|
}
|
|
3450
3478
|
),
|
|
3451
|
-
/* @__PURE__ */ (0,
|
|
3479
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("clipPath", { id: "clip0_2028_8371", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("rect", { width: "16", height: "16", fill: "white" }) })
|
|
3452
3480
|
] })
|
|
3453
3481
|
]
|
|
3454
3482
|
})
|
|
@@ -3457,10 +3485,10 @@ var SparklesFilledIcon = (_a) => {
|
|
|
3457
3485
|
SparklesFilledIcon.displayName = "SparklesFilledIcon";
|
|
3458
3486
|
|
|
3459
3487
|
// src/primitives/icon/svg/spinner.tsx
|
|
3460
|
-
var
|
|
3488
|
+
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
3461
3489
|
var SpinnerIcon = (_a) => {
|
|
3462
3490
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3463
|
-
return /* @__PURE__ */ (0,
|
|
3491
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
3464
3492
|
"svg",
|
|
3465
3493
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3466
3494
|
width: "26",
|
|
@@ -3471,8 +3499,8 @@ var SpinnerIcon = (_a) => {
|
|
|
3471
3499
|
className
|
|
3472
3500
|
}, getIconA11yProps(title)), props), {
|
|
3473
3501
|
children: [
|
|
3474
|
-
title ? /* @__PURE__ */ (0,
|
|
3475
|
-
/* @__PURE__ */ (0,
|
|
3502
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("title", { children: title }) : null,
|
|
3503
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
3476
3504
|
"path",
|
|
3477
3505
|
{
|
|
3478
3506
|
d: "M13 1C10.5371 1 8.13377 1.75785 6.11636 3.17068C4.09894 4.58352 2.56512 6.58289 1.72308 8.89742C0.88105 11.212 0.771596 13.7295 1.40958 16.1084C2.04756 18.4873 3.40208 20.6122 5.28926 22.1948C7.17645 23.7774 9.5049 24.741 11.9585 24.9547C14.4122 25.1685 16.8722 24.6221 19.0046 23.3896C21.137 22.1572 22.8386 20.2985 23.8783 18.0658C24.918 15.8331 25.2456 13.3345 24.8165 10.9092",
|
|
@@ -3488,10 +3516,10 @@ var SpinnerIcon = (_a) => {
|
|
|
3488
3516
|
SpinnerIcon.displayName = "SpinnerIcon";
|
|
3489
3517
|
|
|
3490
3518
|
// src/primitives/icon/svg/stay-in-control.tsx
|
|
3491
|
-
var
|
|
3519
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
3492
3520
|
var StayInControlIcon = (_a) => {
|
|
3493
3521
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3494
|
-
return /* @__PURE__ */ (0,
|
|
3522
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
|
|
3495
3523
|
"svg",
|
|
3496
3524
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3497
3525
|
width: "28",
|
|
@@ -3502,16 +3530,16 @@ var StayInControlIcon = (_a) => {
|
|
|
3502
3530
|
className
|
|
3503
3531
|
}, getIconA11yProps(title)), props), {
|
|
3504
3532
|
children: [
|
|
3505
|
-
title ? /* @__PURE__ */ (0,
|
|
3506
|
-
/* @__PURE__ */ (0,
|
|
3507
|
-
/* @__PURE__ */ (0,
|
|
3533
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("title", { children: title }) : null,
|
|
3534
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("g", { clipPath: "url(#clip0_stay_in_control)", children: [
|
|
3535
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
3508
3536
|
"path",
|
|
3509
3537
|
{
|
|
3510
3538
|
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",
|
|
3511
3539
|
fill: "currentColor"
|
|
3512
3540
|
}
|
|
3513
3541
|
),
|
|
3514
|
-
/* @__PURE__ */ (0,
|
|
3542
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
3515
3543
|
"path",
|
|
3516
3544
|
{
|
|
3517
3545
|
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",
|
|
@@ -3519,7 +3547,7 @@ var StayInControlIcon = (_a) => {
|
|
|
3519
3547
|
}
|
|
3520
3548
|
)
|
|
3521
3549
|
] }),
|
|
3522
|
-
/* @__PURE__ */ (0,
|
|
3550
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("clipPath", { id: "clip0_stay_in_control", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
|
|
3523
3551
|
]
|
|
3524
3552
|
})
|
|
3525
3553
|
);
|
|
@@ -3527,10 +3555,10 @@ var StayInControlIcon = (_a) => {
|
|
|
3527
3555
|
StayInControlIcon.displayName = "StayInControlIcon";
|
|
3528
3556
|
|
|
3529
3557
|
// src/primitives/icon/svg/success-check.tsx
|
|
3530
|
-
var
|
|
3558
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
3531
3559
|
var SuccessCheckIcon = (_a) => {
|
|
3532
3560
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3533
|
-
return /* @__PURE__ */ (0,
|
|
3561
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
3534
3562
|
"svg",
|
|
3535
3563
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3536
3564
|
width: "24",
|
|
@@ -3541,8 +3569,8 @@ var SuccessCheckIcon = (_a) => {
|
|
|
3541
3569
|
className
|
|
3542
3570
|
}, getIconA11yProps(title)), props), {
|
|
3543
3571
|
children: [
|
|
3544
|
-
title ? /* @__PURE__ */ (0,
|
|
3545
|
-
/* @__PURE__ */ (0,
|
|
3572
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("title", { children: title }) : null,
|
|
3573
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
3546
3574
|
"path",
|
|
3547
3575
|
{
|
|
3548
3576
|
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",
|
|
@@ -3556,10 +3584,10 @@ var SuccessCheckIcon = (_a) => {
|
|
|
3556
3584
|
SuccessCheckIcon.displayName = "SuccessCheckIcon";
|
|
3557
3585
|
|
|
3558
3586
|
// src/primitives/icon/svg/telegram.tsx
|
|
3559
|
-
var
|
|
3587
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
3560
3588
|
var TelegramIcon = (_a) => {
|
|
3561
3589
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3562
|
-
return /* @__PURE__ */ (0,
|
|
3590
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
|
|
3563
3591
|
"svg",
|
|
3564
3592
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3565
3593
|
viewBox: "0 0 20 20",
|
|
@@ -3567,8 +3595,8 @@ var TelegramIcon = (_a) => {
|
|
|
3567
3595
|
fill: "none"
|
|
3568
3596
|
}, getIconA11yProps(title)), props), {
|
|
3569
3597
|
children: [
|
|
3570
|
-
title ? /* @__PURE__ */ (0,
|
|
3571
|
-
/* @__PURE__ */ (0,
|
|
3598
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("title", { children: title }) : null,
|
|
3599
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("g", { clipPath: "url(#clip0_telegram)", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
3572
3600
|
"path",
|
|
3573
3601
|
{
|
|
3574
3602
|
fillRule: "evenodd",
|
|
@@ -3577,7 +3605,7 @@ var TelegramIcon = (_a) => {
|
|
|
3577
3605
|
fill: "currentColor"
|
|
3578
3606
|
}
|
|
3579
3607
|
) }),
|
|
3580
|
-
/* @__PURE__ */ (0,
|
|
3608
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("clipPath", { id: "clip0_telegram", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("rect", { width: "20", height: "20", fill: "white" }) }) })
|
|
3581
3609
|
]
|
|
3582
3610
|
})
|
|
3583
3611
|
);
|
|
@@ -3585,10 +3613,10 @@ var TelegramIcon = (_a) => {
|
|
|
3585
3613
|
TelegramIcon.displayName = "TelegramIcon";
|
|
3586
3614
|
|
|
3587
3615
|
// src/primitives/icon/svg/triangle-down.tsx
|
|
3588
|
-
var
|
|
3616
|
+
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
3589
3617
|
var TriangleDownIcon = (_a) => {
|
|
3590
3618
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3591
|
-
return /* @__PURE__ */ (0,
|
|
3619
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
|
|
3592
3620
|
"svg",
|
|
3593
3621
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3594
3622
|
viewBox: "0 0 8 8",
|
|
@@ -3596,16 +3624,16 @@ var TriangleDownIcon = (_a) => {
|
|
|
3596
3624
|
fill: "none"
|
|
3597
3625
|
}, getIconA11yProps(title)), props), {
|
|
3598
3626
|
children: [
|
|
3599
|
-
title ? /* @__PURE__ */ (0,
|
|
3600
|
-
/* @__PURE__ */ (0,
|
|
3601
|
-
/* @__PURE__ */ (0,
|
|
3627
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("title", { children: title }) : null,
|
|
3628
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("g", { transform: "scale(1,-1) translate(0,-8)", clipPath: "url(#triangle_up)", children: [
|
|
3629
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
3602
3630
|
"path",
|
|
3603
3631
|
{
|
|
3604
3632
|
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",
|
|
3605
3633
|
fill: "currentColor"
|
|
3606
3634
|
}
|
|
3607
3635
|
),
|
|
3608
|
-
/* @__PURE__ */ (0,
|
|
3636
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
3609
3637
|
"path",
|
|
3610
3638
|
{
|
|
3611
3639
|
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",
|
|
@@ -3613,7 +3641,7 @@ var TriangleDownIcon = (_a) => {
|
|
|
3613
3641
|
}
|
|
3614
3642
|
)
|
|
3615
3643
|
] }),
|
|
3616
|
-
/* @__PURE__ */ (0,
|
|
3644
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("clipPath", { id: "triangle_up", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("rect", { width: "8", height: "8", fill: "white" }) }) })
|
|
3617
3645
|
]
|
|
3618
3646
|
})
|
|
3619
3647
|
);
|
|
@@ -3621,10 +3649,10 @@ var TriangleDownIcon = (_a) => {
|
|
|
3621
3649
|
TriangleDownIcon.displayName = "TriangleDownIcon";
|
|
3622
3650
|
|
|
3623
3651
|
// src/primitives/icon/svg/triangle-up.tsx
|
|
3624
|
-
var
|
|
3652
|
+
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
3625
3653
|
var TriangleUpIcon = (_a) => {
|
|
3626
3654
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3627
|
-
return /* @__PURE__ */ (0,
|
|
3655
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
3628
3656
|
"svg",
|
|
3629
3657
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3630
3658
|
viewBox: "0 0 8 8",
|
|
@@ -3632,16 +3660,16 @@ var TriangleUpIcon = (_a) => {
|
|
|
3632
3660
|
fill: "none"
|
|
3633
3661
|
}, getIconA11yProps(title)), props), {
|
|
3634
3662
|
children: [
|
|
3635
|
-
title ? /* @__PURE__ */ (0,
|
|
3636
|
-
/* @__PURE__ */ (0,
|
|
3637
|
-
/* @__PURE__ */ (0,
|
|
3663
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("title", { children: title }) : null,
|
|
3664
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("g", { clipPath: "url(#triangle_up)", children: [
|
|
3665
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
3638
3666
|
"path",
|
|
3639
3667
|
{
|
|
3640
3668
|
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",
|
|
3641
3669
|
fill: "currentColor"
|
|
3642
3670
|
}
|
|
3643
3671
|
),
|
|
3644
|
-
/* @__PURE__ */ (0,
|
|
3672
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
3645
3673
|
"path",
|
|
3646
3674
|
{
|
|
3647
3675
|
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",
|
|
@@ -3649,7 +3677,7 @@ var TriangleUpIcon = (_a) => {
|
|
|
3649
3677
|
}
|
|
3650
3678
|
)
|
|
3651
3679
|
] }),
|
|
3652
|
-
/* @__PURE__ */ (0,
|
|
3680
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("clipPath", { id: "triangle_up", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("rect", { width: "8", height: "8", fill: "white" }) }) })
|
|
3653
3681
|
]
|
|
3654
3682
|
})
|
|
3655
3683
|
);
|
|
@@ -3657,10 +3685,10 @@ var TriangleUpIcon = (_a) => {
|
|
|
3657
3685
|
TriangleUpIcon.displayName = "TriangleUpIcon";
|
|
3658
3686
|
|
|
3659
3687
|
// src/primitives/icon/svg/triangle-up-filled.tsx
|
|
3660
|
-
var
|
|
3688
|
+
var import_jsx_runtime84 = require("react/jsx-runtime");
|
|
3661
3689
|
var TriangleUpFilledIcon = (_a) => {
|
|
3662
3690
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3663
|
-
return /* @__PURE__ */ (0,
|
|
3691
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
3664
3692
|
"svg",
|
|
3665
3693
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3666
3694
|
viewBox: "0 0 8 8",
|
|
@@ -3668,8 +3696,8 @@ var TriangleUpFilledIcon = (_a) => {
|
|
|
3668
3696
|
fill: "none"
|
|
3669
3697
|
}, getIconA11yProps(title)), props), {
|
|
3670
3698
|
children: [
|
|
3671
|
-
title ? /* @__PURE__ */ (0,
|
|
3672
|
-
/* @__PURE__ */ (0,
|
|
3699
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("title", { children: title }) : null,
|
|
3700
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
3673
3701
|
"path",
|
|
3674
3702
|
{
|
|
3675
3703
|
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",
|
|
@@ -3683,10 +3711,10 @@ var TriangleUpFilledIcon = (_a) => {
|
|
|
3683
3711
|
TriangleUpFilledIcon.displayName = "TriangleUpFilledIcon";
|
|
3684
3712
|
|
|
3685
3713
|
// src/primitives/icon/svg/twitter.tsx
|
|
3686
|
-
var
|
|
3714
|
+
var import_jsx_runtime85 = require("react/jsx-runtime");
|
|
3687
3715
|
var TwitterIcon = (_a) => {
|
|
3688
3716
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3689
|
-
return /* @__PURE__ */ (0,
|
|
3717
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
|
|
3690
3718
|
"svg",
|
|
3691
3719
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3692
3720
|
viewBox: "0 0 24 24",
|
|
@@ -3694,8 +3722,8 @@ var TwitterIcon = (_a) => {
|
|
|
3694
3722
|
fill: "none"
|
|
3695
3723
|
}, getIconA11yProps(title)), props), {
|
|
3696
3724
|
children: [
|
|
3697
|
-
title ? /* @__PURE__ */ (0,
|
|
3698
|
-
/* @__PURE__ */ (0,
|
|
3725
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("title", { children: title }) : null,
|
|
3726
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
3699
3727
|
"path",
|
|
3700
3728
|
{
|
|
3701
3729
|
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",
|
|
@@ -3709,10 +3737,10 @@ var TwitterIcon = (_a) => {
|
|
|
3709
3737
|
TwitterIcon.displayName = "TwitterIcon";
|
|
3710
3738
|
|
|
3711
3739
|
// src/primitives/icon/svg/upload.tsx
|
|
3712
|
-
var
|
|
3740
|
+
var import_jsx_runtime86 = require("react/jsx-runtime");
|
|
3713
3741
|
var UploadIcon = (_a) => {
|
|
3714
3742
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3715
|
-
return /* @__PURE__ */ (0,
|
|
3743
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
|
|
3716
3744
|
"svg",
|
|
3717
3745
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3718
3746
|
viewBox: "0 0 16 16",
|
|
@@ -3720,16 +3748,16 @@ var UploadIcon = (_a) => {
|
|
|
3720
3748
|
fill: "none"
|
|
3721
3749
|
}, getIconA11yProps(title)), props), {
|
|
3722
3750
|
children: [
|
|
3723
|
-
title ? /* @__PURE__ */ (0,
|
|
3724
|
-
/* @__PURE__ */ (0,
|
|
3725
|
-
/* @__PURE__ */ (0,
|
|
3751
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("title", { children: title }) : null,
|
|
3752
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("g", { clipPath: "url(#upload-clip)", children: [
|
|
3753
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
3726
3754
|
"path",
|
|
3727
3755
|
{
|
|
3728
3756
|
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",
|
|
3729
3757
|
fill: "currentColor"
|
|
3730
3758
|
}
|
|
3731
3759
|
),
|
|
3732
|
-
/* @__PURE__ */ (0,
|
|
3760
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
3733
3761
|
"path",
|
|
3734
3762
|
{
|
|
3735
3763
|
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",
|
|
@@ -3737,7 +3765,7 @@ var UploadIcon = (_a) => {
|
|
|
3737
3765
|
}
|
|
3738
3766
|
)
|
|
3739
3767
|
] }),
|
|
3740
|
-
/* @__PURE__ */ (0,
|
|
3768
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("clipPath", { id: "upload-clip", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
|
|
3741
3769
|
]
|
|
3742
3770
|
})
|
|
3743
3771
|
);
|
|
@@ -3745,10 +3773,10 @@ var UploadIcon = (_a) => {
|
|
|
3745
3773
|
UploadIcon.displayName = "UploadIcon";
|
|
3746
3774
|
|
|
3747
3775
|
// src/primitives/icon/svg/user-trust.tsx
|
|
3748
|
-
var
|
|
3776
|
+
var import_jsx_runtime87 = require("react/jsx-runtime");
|
|
3749
3777
|
var UserTrustIcon = (_a) => {
|
|
3750
3778
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3751
|
-
return /* @__PURE__ */ (0,
|
|
3779
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
|
|
3752
3780
|
"svg",
|
|
3753
3781
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3754
3782
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3757,15 +3785,15 @@ var UserTrustIcon = (_a) => {
|
|
|
3757
3785
|
className
|
|
3758
3786
|
}, getIconA11yProps(title)), props), {
|
|
3759
3787
|
children: [
|
|
3760
|
-
title ? /* @__PURE__ */ (0,
|
|
3761
|
-
/* @__PURE__ */ (0,
|
|
3788
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("title", { children: title }) : null,
|
|
3789
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("g", { clipPath: "url(#clip0_user_trust)", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
3762
3790
|
"path",
|
|
3763
3791
|
{
|
|
3764
3792
|
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",
|
|
3765
3793
|
fill: "currentColor"
|
|
3766
3794
|
}
|
|
3767
3795
|
) }),
|
|
3768
|
-
/* @__PURE__ */ (0,
|
|
3796
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("clipPath", { id: "clip0_user_trust", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("rect", { width: "60", height: "60", fill: "white" }) }) })
|
|
3769
3797
|
]
|
|
3770
3798
|
})
|
|
3771
3799
|
);
|
|
@@ -3773,10 +3801,10 @@ var UserTrustIcon = (_a) => {
|
|
|
3773
3801
|
UserTrustIcon.displayName = "UserTrustIcon";
|
|
3774
3802
|
|
|
3775
3803
|
// src/primitives/icon/svg/usdc.tsx
|
|
3776
|
-
var
|
|
3804
|
+
var import_jsx_runtime88 = require("react/jsx-runtime");
|
|
3777
3805
|
var UsdcIcon = (_a) => {
|
|
3778
3806
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3779
|
-
return /* @__PURE__ */ (0,
|
|
3807
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
|
|
3780
3808
|
"svg",
|
|
3781
3809
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3782
3810
|
viewBox: "0 0 32 32",
|
|
@@ -3784,16 +3812,16 @@ var UsdcIcon = (_a) => {
|
|
|
3784
3812
|
fill: "none"
|
|
3785
3813
|
}, getIconA11yProps(title)), props), {
|
|
3786
3814
|
children: [
|
|
3787
|
-
title ? /* @__PURE__ */ (0,
|
|
3788
|
-
/* @__PURE__ */ (0,
|
|
3789
|
-
/* @__PURE__ */ (0,
|
|
3815
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("title", { children: title }) : null,
|
|
3816
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("circle", { cx: "16", cy: "16", r: "16", fill: "#2775CA" }),
|
|
3817
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
3790
3818
|
"path",
|
|
3791
3819
|
{
|
|
3792
3820
|
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",
|
|
3793
3821
|
fill: "#fff"
|
|
3794
3822
|
}
|
|
3795
3823
|
),
|
|
3796
|
-
/* @__PURE__ */ (0,
|
|
3824
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
3797
3825
|
"path",
|
|
3798
3826
|
{
|
|
3799
3827
|
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",
|
|
@@ -3807,10 +3835,10 @@ var UsdcIcon = (_a) => {
|
|
|
3807
3835
|
UsdcIcon.displayName = "UsdcIcon";
|
|
3808
3836
|
|
|
3809
3837
|
// src/primitives/icon/svg/wallet.tsx
|
|
3810
|
-
var
|
|
3838
|
+
var import_jsx_runtime89 = require("react/jsx-runtime");
|
|
3811
3839
|
var WalletIcon = (_a) => {
|
|
3812
3840
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3813
|
-
return /* @__PURE__ */ (0,
|
|
3841
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
|
|
3814
3842
|
"svg",
|
|
3815
3843
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3816
3844
|
viewBox: "0 0 24 24",
|
|
@@ -3818,8 +3846,8 @@ var WalletIcon = (_a) => {
|
|
|
3818
3846
|
fill: "none"
|
|
3819
3847
|
}, getIconA11yProps(title)), props), {
|
|
3820
3848
|
children: [
|
|
3821
|
-
title ? /* @__PURE__ */ (0,
|
|
3822
|
-
/* @__PURE__ */ (0,
|
|
3849
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("title", { children: title }) : null,
|
|
3850
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
3823
3851
|
"path",
|
|
3824
3852
|
{
|
|
3825
3853
|
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",
|
|
@@ -3833,10 +3861,10 @@ var WalletIcon = (_a) => {
|
|
|
3833
3861
|
WalletIcon.displayName = "WalletIcon";
|
|
3834
3862
|
|
|
3835
3863
|
// src/primitives/icon/svg/wallet-avatar.tsx
|
|
3836
|
-
var
|
|
3864
|
+
var import_jsx_runtime90 = require("react/jsx-runtime");
|
|
3837
3865
|
function WalletAvatarIcon(_a) {
|
|
3838
3866
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3839
|
-
return /* @__PURE__ */ (0,
|
|
3867
|
+
return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
|
|
3840
3868
|
"svg",
|
|
3841
3869
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3842
3870
|
fill: "none",
|
|
@@ -3844,9 +3872,9 @@ function WalletAvatarIcon(_a) {
|
|
|
3844
3872
|
viewBox: "0 0 16 16"
|
|
3845
3873
|
}, getIconA11yProps(title)), props), {
|
|
3846
3874
|
children: [
|
|
3847
|
-
title ? /* @__PURE__ */ (0,
|
|
3848
|
-
/* @__PURE__ */ (0,
|
|
3849
|
-
/* @__PURE__ */ (0,
|
|
3875
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("title", { children: title }) : null,
|
|
3876
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("circle", { cx: "8", cy: "5.25", r: "2.25", fill: "currentColor" }),
|
|
3877
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("path", { d: "M3.75 12.75a4.25 4.25 0 0 1 8.5 0v.25h-8.5v-.25Z", fill: "currentColor" })
|
|
3850
3878
|
]
|
|
3851
3879
|
})
|
|
3852
3880
|
);
|
|
@@ -3854,10 +3882,10 @@ function WalletAvatarIcon(_a) {
|
|
|
3854
3882
|
WalletAvatarIcon.displayName = "WalletAvatarIcon";
|
|
3855
3883
|
|
|
3856
3884
|
// src/primitives/icon/svg/wallet-filled.tsx
|
|
3857
|
-
var
|
|
3885
|
+
var import_jsx_runtime91 = require("react/jsx-runtime");
|
|
3858
3886
|
var WalletFilledIcon = (_a) => {
|
|
3859
3887
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3860
|
-
return /* @__PURE__ */ (0,
|
|
3888
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
|
|
3861
3889
|
"svg",
|
|
3862
3890
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3863
3891
|
viewBox: "0 0 14 14",
|
|
@@ -3865,8 +3893,8 @@ var WalletFilledIcon = (_a) => {
|
|
|
3865
3893
|
fill: "none"
|
|
3866
3894
|
}, getIconA11yProps(title)), props), {
|
|
3867
3895
|
children: [
|
|
3868
|
-
title ? /* @__PURE__ */ (0,
|
|
3869
|
-
/* @__PURE__ */ (0,
|
|
3896
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("title", { children: title }) : null,
|
|
3897
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
3870
3898
|
"path",
|
|
3871
3899
|
{
|
|
3872
3900
|
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",
|
|
@@ -3880,10 +3908,10 @@ var WalletFilledIcon = (_a) => {
|
|
|
3880
3908
|
WalletFilledIcon.displayName = "WalletFilledIcon";
|
|
3881
3909
|
|
|
3882
3910
|
// src/primitives/icon/svg/paper-plane.tsx
|
|
3883
|
-
var
|
|
3911
|
+
var import_jsx_runtime92 = require("react/jsx-runtime");
|
|
3884
3912
|
var PaperPlaneIcon = (_a) => {
|
|
3885
3913
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3886
|
-
return /* @__PURE__ */ (0,
|
|
3914
|
+
return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
|
|
3887
3915
|
"svg",
|
|
3888
3916
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3889
3917
|
viewBox: "0 0 24 24",
|
|
@@ -3891,15 +3919,15 @@ var PaperPlaneIcon = (_a) => {
|
|
|
3891
3919
|
fill: "none"
|
|
3892
3920
|
}, getIconA11yProps(title)), props), {
|
|
3893
3921
|
children: [
|
|
3894
|
-
title ? /* @__PURE__ */ (0,
|
|
3895
|
-
/* @__PURE__ */ (0,
|
|
3922
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("title", { children: title }) : null,
|
|
3923
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("g", { clipPath: "url(#paper-plane-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
3896
3924
|
"path",
|
|
3897
3925
|
{
|
|
3898
3926
|
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",
|
|
3899
3927
|
fill: "currentColor"
|
|
3900
3928
|
}
|
|
3901
3929
|
) }),
|
|
3902
|
-
/* @__PURE__ */ (0,
|
|
3930
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("clipPath", { id: "paper-plane-clip", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("rect", { width: "24", height: "24", fill: "white" }) }) })
|
|
3903
3931
|
]
|
|
3904
3932
|
})
|
|
3905
3933
|
);
|
|
@@ -3907,10 +3935,10 @@ var PaperPlaneIcon = (_a) => {
|
|
|
3907
3935
|
PaperPlaneIcon.displayName = "PaperPlaneIcon";
|
|
3908
3936
|
|
|
3909
3937
|
// src/primitives/icon/svg/warning.tsx
|
|
3910
|
-
var
|
|
3938
|
+
var import_jsx_runtime93 = require("react/jsx-runtime");
|
|
3911
3939
|
var WarningIcon = (_a) => {
|
|
3912
3940
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3913
|
-
return /* @__PURE__ */ (0,
|
|
3941
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
|
|
3914
3942
|
"svg",
|
|
3915
3943
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3916
3944
|
width: "14",
|
|
@@ -3921,8 +3949,8 @@ var WarningIcon = (_a) => {
|
|
|
3921
3949
|
className
|
|
3922
3950
|
}, getIconA11yProps(title)), props), {
|
|
3923
3951
|
children: [
|
|
3924
|
-
title ? /* @__PURE__ */ (0,
|
|
3925
|
-
/* @__PURE__ */ (0,
|
|
3952
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("title", { children: title }) : null,
|
|
3953
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
3926
3954
|
"path",
|
|
3927
3955
|
{
|
|
3928
3956
|
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",
|
|
@@ -3936,10 +3964,10 @@ var WarningIcon = (_a) => {
|
|
|
3936
3964
|
WarningIcon.displayName = "WarningIcon";
|
|
3937
3965
|
|
|
3938
3966
|
// src/primitives/icon/svg/warning-filled.tsx
|
|
3939
|
-
var
|
|
3967
|
+
var import_jsx_runtime94 = require("react/jsx-runtime");
|
|
3940
3968
|
var WarningFilledIcon = (_a) => {
|
|
3941
3969
|
var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
|
|
3942
|
-
return /* @__PURE__ */ (0,
|
|
3970
|
+
return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
|
|
3943
3971
|
"svg",
|
|
3944
3972
|
__spreadProps(__spreadValues(__spreadValues({
|
|
3945
3973
|
viewBox: "0 0 16 16",
|
|
@@ -3947,8 +3975,8 @@ var WarningFilledIcon = (_a) => {
|
|
|
3947
3975
|
fill: "none"
|
|
3948
3976
|
}, getIconA11yProps(title)), props), {
|
|
3949
3977
|
children: [
|
|
3950
|
-
title ? /* @__PURE__ */ (0,
|
|
3951
|
-
/* @__PURE__ */ (0,
|
|
3978
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("title", { children: title }) : null,
|
|
3979
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
3952
3980
|
"path",
|
|
3953
3981
|
{
|
|
3954
3982
|
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",
|
|
@@ -4010,6 +4038,7 @@ var iconRegistry = {
|
|
|
4010
4038
|
"internet-security": InternetSecurityIcon,
|
|
4011
4039
|
"link-accounts": LinkAccountsIcon,
|
|
4012
4040
|
lock: LockIcon,
|
|
4041
|
+
"paper-mode": PaperModeIcon,
|
|
4013
4042
|
pencil: PencilIcon,
|
|
4014
4043
|
"play-square": PlaySquareIcon,
|
|
4015
4044
|
polygon: PolygonIcon,
|
|
@@ -4057,7 +4086,7 @@ var resolveIconStyle = (color, style) => {
|
|
|
4057
4086
|
};
|
|
4058
4087
|
|
|
4059
4088
|
// src/primitives/icon/index.tsx
|
|
4060
|
-
var
|
|
4089
|
+
var import_jsx_runtime95 = require("react/jsx-runtime");
|
|
4061
4090
|
var Icon = (_a) => {
|
|
4062
4091
|
var _b = _a, {
|
|
4063
4092
|
name,
|
|
@@ -4081,7 +4110,7 @@ var Icon = (_a) => {
|
|
|
4081
4110
|
}
|
|
4082
4111
|
const resolvedStyle = resolveIconStyle(color, style);
|
|
4083
4112
|
const resolvedClassName = cn(iconSizeClasses[size], className);
|
|
4084
|
-
return /* @__PURE__ */ (0,
|
|
4113
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
4085
4114
|
Component,
|
|
4086
4115
|
__spreadValues({
|
|
4087
4116
|
color,
|
|
@@ -4098,12 +4127,12 @@ var import_react = require("react");
|
|
|
4098
4127
|
|
|
4099
4128
|
// src/primitives/skeleton/skeleton-block.tsx
|
|
4100
4129
|
var import_hooks11 = require("@agg-build/hooks");
|
|
4101
|
-
var
|
|
4130
|
+
var import_jsx_runtime96 = require("react/jsx-runtime");
|
|
4102
4131
|
var SkeletonBlock = ({ className }) => {
|
|
4103
4132
|
const {
|
|
4104
4133
|
features: { enableAnimations }
|
|
4105
4134
|
} = (0, import_hooks11.useSdkUiConfig)();
|
|
4106
|
-
return /* @__PURE__ */ (0,
|
|
4135
|
+
return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
4107
4136
|
"div",
|
|
4108
4137
|
{
|
|
4109
4138
|
"aria-hidden": true,
|
|
@@ -4132,7 +4161,7 @@ var resolveRemoteImageStatusFromSrc = (src) => {
|
|
|
4132
4161
|
};
|
|
4133
4162
|
|
|
4134
4163
|
// src/primitives/remote-image/index.tsx
|
|
4135
|
-
var
|
|
4164
|
+
var import_jsx_runtime97 = require("react/jsx-runtime");
|
|
4136
4165
|
var RemoteImage = ({
|
|
4137
4166
|
src,
|
|
4138
4167
|
alt,
|
|
@@ -4166,7 +4195,7 @@ var RemoteImage = ({
|
|
|
4166
4195
|
setStatus("error");
|
|
4167
4196
|
};
|
|
4168
4197
|
const sizeStyle = width !== void 0 || height !== void 0 ? { width: width != null ? width : void 0, height: height != null ? height : void 0 } : void 0;
|
|
4169
|
-
return /* @__PURE__ */ (0,
|
|
4198
|
+
return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
|
|
4170
4199
|
"div",
|
|
4171
4200
|
{
|
|
4172
4201
|
className: cn(containerClasses, classNames == null ? void 0 : classNames.root, className),
|
|
@@ -4183,14 +4212,14 @@ var RemoteImage = ({
|
|
|
4183
4212
|
"aria-label": ariaLabel,
|
|
4184
4213
|
title,
|
|
4185
4214
|
children: [
|
|
4186
|
-
status === "loading" && /* @__PURE__ */ (0,
|
|
4187
|
-
status === "error" && /* @__PURE__ */ (0,
|
|
4215
|
+
status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(SkeletonBlock, { className: cn(skeletonClasses, classNames == null ? void 0 : classNames.placeholder) }),
|
|
4216
|
+
status === "error" && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
4188
4217
|
"div",
|
|
4189
4218
|
{
|
|
4190
4219
|
className: cn(placeholderClasses, classNames == null ? void 0 : classNames.placeholder),
|
|
4191
4220
|
"aria-hidden": true,
|
|
4192
4221
|
"aria-errormessage": "Image failed to load",
|
|
4193
|
-
children: /* @__PURE__ */ (0,
|
|
4222
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
4194
4223
|
Icon,
|
|
4195
4224
|
{
|
|
4196
4225
|
name: "image",
|
|
@@ -4201,7 +4230,7 @@ var RemoteImage = ({
|
|
|
4201
4230
|
)
|
|
4202
4231
|
}
|
|
4203
4232
|
),
|
|
4204
|
-
isValidRemoteImageSrc(src) && status !== "error" && /* @__PURE__ */ (0,
|
|
4233
|
+
isValidRemoteImageSrc(src) && status !== "error" && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
4205
4234
|
"img",
|
|
4206
4235
|
{
|
|
4207
4236
|
src,
|
|
@@ -4237,7 +4266,7 @@ var resolveIsSelectDisabled = ({
|
|
|
4237
4266
|
};
|
|
4238
4267
|
|
|
4239
4268
|
// src/primitives/select/index.tsx
|
|
4240
|
-
var
|
|
4269
|
+
var import_jsx_runtime98 = require("react/jsx-runtime");
|
|
4241
4270
|
var SELECT_DROPDOWN_Z = 1e4;
|
|
4242
4271
|
function resolveSelectPortalContainer(triggerRoot) {
|
|
4243
4272
|
var _a, _b;
|
|
@@ -4274,7 +4303,7 @@ var Select = ({
|
|
|
4274
4303
|
const el = containerRef.current;
|
|
4275
4304
|
if (!el) return;
|
|
4276
4305
|
const r = el.getBoundingClientRect();
|
|
4277
|
-
setMenuRect({ top: r.bottom +
|
|
4306
|
+
setMenuRect({ top: r.bottom + 8, left: r.left, width: r.width });
|
|
4278
4307
|
}, []);
|
|
4279
4308
|
(0, import_react2.useLayoutEffect)(() => {
|
|
4280
4309
|
if (!isOpen) {
|
|
@@ -4313,7 +4342,7 @@ var Select = ({
|
|
|
4313
4342
|
return () => document.removeEventListener("keydown", handleKeyDown);
|
|
4314
4343
|
}, [isOpen, handleClose]);
|
|
4315
4344
|
const triggerRadiusClass = triggerClassName != null ? triggerClassName : "rounded-agg-md";
|
|
4316
|
-
const listbox = menuRect ? /* @__PURE__ */ (0,
|
|
4345
|
+
const listbox = menuRect ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
4317
4346
|
"div",
|
|
4318
4347
|
{
|
|
4319
4348
|
ref: portalRef,
|
|
@@ -4330,14 +4359,14 @@ var Select = ({
|
|
|
4330
4359
|
className: cn(
|
|
4331
4360
|
AGG_ROOT_CLASS_NAME,
|
|
4332
4361
|
rootClassName,
|
|
4333
|
-
"agg-select-content pointer-events-auto max-h-[min(20rem,calc(100vh-4rem))] overflow-y-auto rounded-
|
|
4362
|
+
"agg-select-content pointer-events-auto max-h-[min(20rem,calc(100vh-4rem))] overflow-y-auto rounded-[12px] border border-agg-separator bg-agg-secondary p-2 shadow-[0_8px_16px_rgba(0,0,0,0.1)] flex flex-col gap-1",
|
|
4334
4363
|
contentClassName
|
|
4335
4364
|
),
|
|
4336
4365
|
children: items.map((item) => {
|
|
4337
4366
|
const isSelected = item.value === value;
|
|
4338
4367
|
const isHidden = item.hidden === true;
|
|
4339
4368
|
if (isHidden) return null;
|
|
4340
|
-
return /* @__PURE__ */ (0,
|
|
4369
|
+
return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
|
|
4341
4370
|
"button",
|
|
4342
4371
|
{
|
|
4343
4372
|
type: "button",
|
|
@@ -4346,10 +4375,9 @@ var Select = ({
|
|
|
4346
4375
|
disabled: item.disabled,
|
|
4347
4376
|
className: cn(
|
|
4348
4377
|
"agg-select-item",
|
|
4349
|
-
"relative flex w-full items-center gap-
|
|
4378
|
+
"relative flex w-full items-center gap-3 rounded-[6px] px-5 py-3 text-left text-agg-sm leading-agg-5 outline-none",
|
|
4350
4379
|
"hover:bg-agg-secondary-hover focus-visible:bg-agg-secondary-hover",
|
|
4351
|
-
isSelected ? "font-agg-
|
|
4352
|
-
isSelected ? "text-agg-foreground" : "text-agg-foreground",
|
|
4380
|
+
isSelected ? "bg-agg-primary/10 font-agg-normal text-agg-primary" : "font-agg-normal text-agg-foreground",
|
|
4353
4381
|
item.disabled && "cursor-not-allowed opacity-60",
|
|
4354
4382
|
itemClassName
|
|
4355
4383
|
),
|
|
@@ -4361,17 +4389,16 @@ var Select = ({
|
|
|
4361
4389
|
handleClose();
|
|
4362
4390
|
},
|
|
4363
4391
|
children: [
|
|
4364
|
-
|
|
4365
|
-
item.icon ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
4392
|
+
item.icon ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
4366
4393
|
"span",
|
|
4367
4394
|
{
|
|
4368
4395
|
className: cn(
|
|
4369
4396
|
"h-4 w-4 shrink-0 [&_svg]:h-full [&_svg]:w-full",
|
|
4370
|
-
isSelected ? "text-agg-
|
|
4397
|
+
isSelected ? "text-agg-primary" : "text-agg-muted-foreground"
|
|
4371
4398
|
),
|
|
4372
4399
|
children: item.icon
|
|
4373
4400
|
}
|
|
4374
|
-
) : item.iconUrl ? /* @__PURE__ */ (0,
|
|
4401
|
+
) : item.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
4375
4402
|
RemoteImage,
|
|
4376
4403
|
{
|
|
4377
4404
|
src: item.iconUrl,
|
|
@@ -4379,7 +4406,7 @@ var Select = ({
|
|
|
4379
4406
|
className: "agg-select-item-icon h-4 w-4 shrink-0 rounded-sm object-contain"
|
|
4380
4407
|
}
|
|
4381
4408
|
) : null,
|
|
4382
|
-
/* @__PURE__ */ (0,
|
|
4409
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "agg-select-item-label truncate", children: item.label })
|
|
4383
4410
|
]
|
|
4384
4411
|
},
|
|
4385
4412
|
item.value
|
|
@@ -4387,13 +4414,13 @@ var Select = ({
|
|
|
4387
4414
|
})
|
|
4388
4415
|
}
|
|
4389
4416
|
) : null;
|
|
4390
|
-
return /* @__PURE__ */ (0,
|
|
4417
|
+
return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
|
|
4391
4418
|
"div",
|
|
4392
4419
|
{
|
|
4393
4420
|
ref: containerRef,
|
|
4394
4421
|
className: cn("group/agg-select", "relative inline-flex w-full", className),
|
|
4395
4422
|
children: [
|
|
4396
|
-
/* @__PURE__ */ (0,
|
|
4423
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
|
|
4397
4424
|
"button",
|
|
4398
4425
|
{
|
|
4399
4426
|
type: "button",
|
|
@@ -4403,21 +4430,21 @@ var Select = ({
|
|
|
4403
4430
|
disabled: isDisabled,
|
|
4404
4431
|
className: cn(
|
|
4405
4432
|
"agg-select-trigger",
|
|
4406
|
-
"w-full border border-agg-separator bg-agg-secondary px-
|
|
4433
|
+
"flex h-10 w-full items-center gap-2 rounded-[8px] border border-agg-separator bg-agg-secondary px-3 py-[9px] pr-10 font-agg-sans text-agg-sm leading-agg-5 text-agg-foreground outline-none",
|
|
4407
4434
|
"flex items-center gap-2 text-left",
|
|
4408
4435
|
triggerRadiusClass,
|
|
4409
4436
|
getMotionClassName(
|
|
4410
4437
|
enableAnimations,
|
|
4411
4438
|
"transition-[border-color,box-shadow] duration-200 ease-in-out"
|
|
4412
4439
|
),
|
|
4413
|
-
isOpen && "border-agg-primary
|
|
4440
|
+
isOpen && "border-2 border-agg-primary px-[11px] py-2 ring-0",
|
|
4414
4441
|
"hover:border-agg-primary",
|
|
4415
|
-
"focus:border-agg-primary focus:ring-
|
|
4442
|
+
"focus:border-agg-primary focus:ring-0",
|
|
4416
4443
|
"disabled:cursor-not-allowed disabled:opacity-60"
|
|
4417
4444
|
),
|
|
4418
4445
|
onClick: () => setIsOpen((previousValue) => !previousValue),
|
|
4419
4446
|
children: [
|
|
4420
|
-
(selectedItem == null ? void 0 : selectedItem.icon) ? /* @__PURE__ */ (0,
|
|
4447
|
+
(selectedItem == null ? void 0 : selectedItem.icon) ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "h-4 w-4 shrink-0 [&_svg]:h-full [&_svg]:w-full", children: selectedItem.icon }) : (selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
4421
4448
|
RemoteImage,
|
|
4422
4449
|
{
|
|
4423
4450
|
src: selectedItem.iconUrl,
|
|
@@ -4425,11 +4452,11 @@ var Select = ({
|
|
|
4425
4452
|
className: "agg-select-icon h-4 w-4 shrink-0 rounded-sm object-contain"
|
|
4426
4453
|
}
|
|
4427
4454
|
) : null,
|
|
4428
|
-
/* @__PURE__ */ (0,
|
|
4455
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "agg-select-value flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
|
|
4429
4456
|
]
|
|
4430
4457
|
}
|
|
4431
4458
|
),
|
|
4432
|
-
/* @__PURE__ */ (0,
|
|
4459
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "agg-select-chevron pointer-events-none absolute inset-y-0 right-3 inline-flex items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
4433
4460
|
Icon,
|
|
4434
4461
|
{
|
|
4435
4462
|
name: isOpen ? "chevron-up" : "chevron-down-thin",
|
|
@@ -4445,7 +4472,7 @@ var Select = ({
|
|
|
4445
4472
|
Select.displayName = "Select";
|
|
4446
4473
|
|
|
4447
4474
|
// src/deposit/steps/card-deposit.tsx
|
|
4448
|
-
var
|
|
4475
|
+
var import_jsx_runtime99 = require("react/jsx-runtime");
|
|
4449
4476
|
var CardDepositStep = ({
|
|
4450
4477
|
amount,
|
|
4451
4478
|
currency,
|
|
@@ -4471,33 +4498,33 @@ var CardDepositStep = ({
|
|
|
4471
4498
|
const isBelowMin = minAmount != null && hasInput && numericAmount < minAmount;
|
|
4472
4499
|
const isValid = numericAmount > 0 && !isBelowMin;
|
|
4473
4500
|
const formattedMin = minAmount != null ? `$${minAmount}` : void 0;
|
|
4474
|
-
return /* @__PURE__ */ (0,
|
|
4475
|
-
/* @__PURE__ */ (0,
|
|
4501
|
+
return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_jsx_runtime99.Fragment, { children: [
|
|
4502
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
4476
4503
|
Modal.Header,
|
|
4477
4504
|
{
|
|
4478
4505
|
title: labels.deposit.cardFlow.title,
|
|
4479
4506
|
hideBorder: true,
|
|
4480
|
-
leftElement: /* @__PURE__ */ (0,
|
|
4507
|
+
leftElement: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
4481
4508
|
"button",
|
|
4482
4509
|
{
|
|
4483
4510
|
type: "button",
|
|
4484
4511
|
className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
|
|
4485
4512
|
onClick: onBack,
|
|
4486
4513
|
"aria-label": "Go back",
|
|
4487
|
-
children: /* @__PURE__ */ (0,
|
|
4514
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
|
|
4488
4515
|
}
|
|
4489
4516
|
)
|
|
4490
4517
|
}
|
|
4491
4518
|
),
|
|
4492
|
-
/* @__PURE__ */ (0,
|
|
4493
|
-
/* @__PURE__ */ (0,
|
|
4494
|
-
/* @__PURE__ */ (0,
|
|
4495
|
-
/* @__PURE__ */ (0,
|
|
4496
|
-
/* @__PURE__ */ (0,
|
|
4497
|
-
formattedMin ? /* @__PURE__ */ (0,
|
|
4519
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex flex-col gap-5", children: [
|
|
4520
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex flex-col gap-3", children: [
|
|
4521
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex-1 flex flex-col gap-2", children: [
|
|
4522
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex items-center justify-between", children: [
|
|
4523
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.cardFlow.amountLabel }),
|
|
4524
|
+
formattedMin ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: "agg-type-label text-agg-foreground", children: labels.deposit.cardFlow.minRequired(formattedMin) }) : null
|
|
4498
4525
|
] }),
|
|
4499
|
-
/* @__PURE__ */ (0,
|
|
4500
|
-
/* @__PURE__ */ (0,
|
|
4526
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex gap-3 items-center", children: [
|
|
4527
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
|
|
4501
4528
|
"div",
|
|
4502
4529
|
{
|
|
4503
4530
|
className: cn(
|
|
@@ -4505,7 +4532,7 @@ var CardDepositStep = ({
|
|
|
4505
4532
|
isBelowMin ? "border-agg-primary border-2" : "border-agg-separator"
|
|
4506
4533
|
),
|
|
4507
4534
|
children: [
|
|
4508
|
-
/* @__PURE__ */ (0,
|
|
4535
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
4509
4536
|
"input",
|
|
4510
4537
|
{
|
|
4511
4538
|
type: "text",
|
|
@@ -4521,11 +4548,11 @@ var CardDepositStep = ({
|
|
|
4521
4548
|
}
|
|
4522
4549
|
}
|
|
4523
4550
|
),
|
|
4524
|
-
/* @__PURE__ */ (0,
|
|
4551
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "agg-type-body text-agg-muted-foreground", children: "$" })
|
|
4525
4552
|
]
|
|
4526
4553
|
}
|
|
4527
4554
|
),
|
|
4528
|
-
/* @__PURE__ */ (0,
|
|
4555
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "w-[100px]", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
4529
4556
|
Select,
|
|
4530
4557
|
{
|
|
4531
4558
|
items: [{ value: currency, label: currency }],
|
|
@@ -4537,8 +4564,8 @@ var CardDepositStep = ({
|
|
|
4537
4564
|
) })
|
|
4538
4565
|
] })
|
|
4539
4566
|
] }),
|
|
4540
|
-
isBelowMin && formattedMin ? /* @__PURE__ */ (0,
|
|
4541
|
-
/* @__PURE__ */ (0,
|
|
4567
|
+
isBelowMin && formattedMin ? /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex items-center gap-2", role: "alert", "aria-live": "assertive", children: [
|
|
4568
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
4542
4569
|
Icon,
|
|
4543
4570
|
{
|
|
4544
4571
|
name: "warning",
|
|
@@ -4546,12 +4573,12 @@ var CardDepositStep = ({
|
|
|
4546
4573
|
"aria-hidden": "true"
|
|
4547
4574
|
}
|
|
4548
4575
|
),
|
|
4549
|
-
/* @__PURE__ */ (0,
|
|
4576
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: "agg-type-label text-agg-error", children: labels.deposit.cardFlow.minAmountError(formattedMin) })
|
|
4550
4577
|
] }) : null
|
|
4551
4578
|
] }),
|
|
4552
|
-
/* @__PURE__ */ (0,
|
|
4553
|
-
/* @__PURE__ */ (0,
|
|
4554
|
-
/* @__PURE__ */ (0,
|
|
4579
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
4580
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.cardFlow.networkLabel }),
|
|
4581
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
4555
4582
|
Select,
|
|
4556
4583
|
{
|
|
4557
4584
|
items: networkOptions,
|
|
@@ -4562,7 +4589,7 @@ var CardDepositStep = ({
|
|
|
4562
4589
|
}
|
|
4563
4590
|
)
|
|
4564
4591
|
] }),
|
|
4565
|
-
/* @__PURE__ */ (0,
|
|
4592
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
4566
4593
|
Button,
|
|
4567
4594
|
{
|
|
4568
4595
|
variant: "secondary",
|
|
@@ -4582,7 +4609,7 @@ var import_hooks15 = require("@agg-build/hooks");
|
|
|
4582
4609
|
|
|
4583
4610
|
// src/primitives/copy-button/index.tsx
|
|
4584
4611
|
var import_react4 = require("react");
|
|
4585
|
-
var
|
|
4612
|
+
var import_jsx_runtime100 = require("react/jsx-runtime");
|
|
4586
4613
|
var CopyButton = ({
|
|
4587
4614
|
value,
|
|
4588
4615
|
label,
|
|
@@ -4614,7 +4641,7 @@ var CopyButton = ({
|
|
|
4614
4641
|
}, [onCopy, resetMs, value]);
|
|
4615
4642
|
const showLabel = label !== void 0 || copiedLabel !== void 0;
|
|
4616
4643
|
const visibleLabel = isCopied ? copiedLabel != null ? copiedLabel : label : label;
|
|
4617
|
-
return /* @__PURE__ */ (0,
|
|
4644
|
+
return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
|
|
4618
4645
|
"button",
|
|
4619
4646
|
{
|
|
4620
4647
|
type: "button",
|
|
@@ -4627,8 +4654,8 @@ var CopyButton = ({
|
|
|
4627
4654
|
className
|
|
4628
4655
|
),
|
|
4629
4656
|
children: [
|
|
4630
|
-
isCopied ? /* @__PURE__ */ (0,
|
|
4631
|
-
showLabel ? /* @__PURE__ */ (0,
|
|
4657
|
+
isCopied ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(CheckCircleIcon, { className: iconClassName }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(CopyIcon, { className: iconClassName }),
|
|
4658
|
+
showLabel ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "agg-type-label-strong", children: visibleLabel }) : null
|
|
4632
4659
|
]
|
|
4633
4660
|
}
|
|
4634
4661
|
);
|
|
@@ -4636,7 +4663,7 @@ var CopyButton = ({
|
|
|
4636
4663
|
CopyButton.displayName = "CopyButton";
|
|
4637
4664
|
|
|
4638
4665
|
// src/deposit/steps/card-payment-pending.tsx
|
|
4639
|
-
var
|
|
4666
|
+
var import_jsx_runtime101 = require("react/jsx-runtime");
|
|
4640
4667
|
var CardPaymentPendingStep = ({
|
|
4641
4668
|
providerName,
|
|
4642
4669
|
walletAddress,
|
|
@@ -4645,28 +4672,28 @@ var CardPaymentPendingStep = ({
|
|
|
4645
4672
|
onChooseAnotherProvider
|
|
4646
4673
|
}) => {
|
|
4647
4674
|
const labels = (0, import_hooks15.useLabels)();
|
|
4648
|
-
return /* @__PURE__ */ (0,
|
|
4649
|
-
/* @__PURE__ */ (0,
|
|
4675
|
+
return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
|
|
4676
|
+
/* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
4650
4677
|
"button",
|
|
4651
4678
|
{
|
|
4652
4679
|
type: "button",
|
|
4653
4680
|
className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors cursor-pointer hover:text-agg-foreground/80",
|
|
4654
4681
|
onClick: onClose,
|
|
4655
4682
|
"aria-label": labels.common.close,
|
|
4656
|
-
children: /* @__PURE__ */ (0,
|
|
4683
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(CloseIcon, { className: "h-6 w-6" })
|
|
4657
4684
|
}
|
|
4658
4685
|
),
|
|
4659
|
-
/* @__PURE__ */ (0,
|
|
4660
|
-
/* @__PURE__ */ (0,
|
|
4661
|
-
/* @__PURE__ */ (0,
|
|
4662
|
-
/* @__PURE__ */ (0,
|
|
4663
|
-
/* @__PURE__ */ (0,
|
|
4686
|
+
/* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
|
|
4687
|
+
/* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(ExternalLinkIcon, { className: "h-[60px] w-[60px]" }) }),
|
|
4688
|
+
/* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
|
|
4689
|
+
/* @__PURE__ */ (0, import_jsx_runtime101.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.pendingTitle(providerName) }),
|
|
4690
|
+
/* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.pendingDescription })
|
|
4664
4691
|
] }),
|
|
4665
|
-
walletAddress ? /* @__PURE__ */ (0,
|
|
4666
|
-
/* @__PURE__ */ (0,
|
|
4667
|
-
/* @__PURE__ */ (0,
|
|
4668
|
-
/* @__PURE__ */ (0,
|
|
4669
|
-
/* @__PURE__ */ (0,
|
|
4692
|
+
walletAddress ? /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex w-full flex-col items-center gap-3 rounded-agg-md bg-agg-secondary-hover p-5", children: [
|
|
4693
|
+
/* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "agg-type-label text-agg-foreground w-full", children: labels.deposit.cardFlow.pendingWalletAddressHelp }),
|
|
4694
|
+
/* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex w-full h-10 items-center gap-2 rounded border border-agg-separator bg-agg-secondary px-3 py-[10px]", children: [
|
|
4695
|
+
/* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground", children: walletAddress }),
|
|
4696
|
+
/* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
4670
4697
|
CopyButton,
|
|
4671
4698
|
{
|
|
4672
4699
|
value: walletAddress,
|
|
@@ -4676,11 +4703,11 @@ var CardPaymentPendingStep = ({
|
|
|
4676
4703
|
)
|
|
4677
4704
|
] })
|
|
4678
4705
|
] }) : null,
|
|
4679
|
-
/* @__PURE__ */ (0,
|
|
4680
|
-
/* @__PURE__ */ (0,
|
|
4681
|
-
/* @__PURE__ */ (0,
|
|
4706
|
+
/* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex items-start justify-center gap-3", children: [
|
|
4707
|
+
/* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onClose, children: labels.common.close }),
|
|
4708
|
+
/* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Button, { variant: "primary", size: "large", onClick: onViewActivity, children: labels.deposit.cardFlow.viewActivity })
|
|
4682
4709
|
] }),
|
|
4683
|
-
/* @__PURE__ */ (0,
|
|
4710
|
+
/* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
4684
4711
|
"button",
|
|
4685
4712
|
{
|
|
4686
4713
|
type: "button",
|
|
@@ -4715,7 +4742,7 @@ var resolveLoadingIconAriaLabel = ({
|
|
|
4715
4742
|
};
|
|
4716
4743
|
|
|
4717
4744
|
// src/primitives/loading-icon/index.tsx
|
|
4718
|
-
var
|
|
4745
|
+
var import_jsx_runtime102 = require("react/jsx-runtime");
|
|
4719
4746
|
var LoadingIcon = ({
|
|
4720
4747
|
size = LOADING_ICON_DEFAULT_SIZE,
|
|
4721
4748
|
variant = "default",
|
|
@@ -4726,7 +4753,7 @@ var LoadingIcon = ({
|
|
|
4726
4753
|
const {
|
|
4727
4754
|
features: { enableAnimations }
|
|
4728
4755
|
} = (0, import_hooks16.useSdkUiConfig)();
|
|
4729
|
-
return /* @__PURE__ */ (0,
|
|
4756
|
+
return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
4730
4757
|
"span",
|
|
4731
4758
|
{
|
|
4732
4759
|
role: "status",
|
|
@@ -4739,7 +4766,7 @@ var LoadingIcon = ({
|
|
|
4739
4766
|
"inline-grid place-items-center text-agg-primary will-change-transform",
|
|
4740
4767
|
className
|
|
4741
4768
|
),
|
|
4742
|
-
children: /* @__PURE__ */ (0,
|
|
4769
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { className: "inline-grid place-items-center", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
4743
4770
|
"svg",
|
|
4744
4771
|
{
|
|
4745
4772
|
viewBox: LOADING_ICON_SVG_VIEW_BOX,
|
|
@@ -4747,8 +4774,8 @@ var LoadingIcon = ({
|
|
|
4747
4774
|
"block",
|
|
4748
4775
|
variant === "prominent" ? LOADING_ICON_PROMINENT_FRAME_CLASS : iconSizeClasses[size]
|
|
4749
4776
|
),
|
|
4750
|
-
children: variant === "prominent" ? /* @__PURE__ */ (0,
|
|
4751
|
-
enableAnimations ? /* @__PURE__ */ (0,
|
|
4777
|
+
children: variant === "prominent" ? /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("g", { children: [
|
|
4778
|
+
enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
4752
4779
|
"animateTransform",
|
|
4753
4780
|
{
|
|
4754
4781
|
attributeName: "transform",
|
|
@@ -4760,7 +4787,7 @@ var LoadingIcon = ({
|
|
|
4760
4787
|
repeatCount: "indefinite"
|
|
4761
4788
|
}
|
|
4762
4789
|
) : null,
|
|
4763
|
-
/* @__PURE__ */ (0,
|
|
4790
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
4764
4791
|
"circle",
|
|
4765
4792
|
{
|
|
4766
4793
|
cx: "22",
|
|
@@ -4774,8 +4801,8 @@ var LoadingIcon = ({
|
|
|
4774
4801
|
strokeDasharray: LOADING_ICON_PROMINENT_DASHARRAY
|
|
4775
4802
|
}
|
|
4776
4803
|
)
|
|
4777
|
-
] }) : /* @__PURE__ */ (0,
|
|
4778
|
-
enableAnimations ? /* @__PURE__ */ (0,
|
|
4804
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("g", { children: [
|
|
4805
|
+
enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
4779
4806
|
"animateTransform",
|
|
4780
4807
|
{
|
|
4781
4808
|
attributeName: "transform",
|
|
@@ -4787,7 +4814,7 @@ var LoadingIcon = ({
|
|
|
4787
4814
|
repeatCount: "indefinite"
|
|
4788
4815
|
}
|
|
4789
4816
|
) : null,
|
|
4790
|
-
/* @__PURE__ */ (0,
|
|
4817
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
4791
4818
|
"circle",
|
|
4792
4819
|
{
|
|
4793
4820
|
cx: "22",
|
|
@@ -4799,8 +4826,8 @@ var LoadingIcon = ({
|
|
|
4799
4826
|
strokeLinecap: "round",
|
|
4800
4827
|
strokeDasharray: "60 100",
|
|
4801
4828
|
strokeDashoffset: "0",
|
|
4802
|
-
children: enableAnimations ? /* @__PURE__ */ (0,
|
|
4803
|
-
/* @__PURE__ */ (0,
|
|
4829
|
+
children: enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
|
|
4830
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
4804
4831
|
"animate",
|
|
4805
4832
|
{
|
|
4806
4833
|
attributeName: "stroke-dasharray",
|
|
@@ -4809,7 +4836,7 @@ var LoadingIcon = ({
|
|
|
4809
4836
|
repeatCount: "indefinite"
|
|
4810
4837
|
}
|
|
4811
4838
|
),
|
|
4812
|
-
/* @__PURE__ */ (0,
|
|
4839
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
4813
4840
|
"animate",
|
|
4814
4841
|
{
|
|
4815
4842
|
attributeName: "stroke-dashoffset",
|
|
@@ -4830,20 +4857,20 @@ var LoadingIcon = ({
|
|
|
4830
4857
|
LoadingIcon.displayName = "LoadingIcon";
|
|
4831
4858
|
|
|
4832
4859
|
// src/deposit/steps/card-provider.tsx
|
|
4833
|
-
var
|
|
4860
|
+
var import_jsx_runtime103 = require("react/jsx-runtime");
|
|
4834
4861
|
var CardProviderItem = ({ provider, onSelect }) => {
|
|
4835
4862
|
const labels = (0, import_hooks17.useLabels)();
|
|
4836
4863
|
const badgeText = provider.badge === "best" ? labels.deposit.cardFlow.providerBadges.best : provider.badge === "low-kyc" ? labels.deposit.cardFlow.providerBadges.lowKyc : void 0;
|
|
4837
|
-
return /* @__PURE__ */ (0,
|
|
4864
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
4838
4865
|
"button",
|
|
4839
4866
|
{
|
|
4840
4867
|
type: "button",
|
|
4841
4868
|
className: "w-full rounded-xl border border-agg-separator px-4 py-3 text-left bg-agg-secondary hover:bg-agg-secondary-hover transition-colors cursor-pointer",
|
|
4842
4869
|
onClick: () => onSelect(provider.id),
|
|
4843
|
-
children: /* @__PURE__ */ (0,
|
|
4844
|
-
/* @__PURE__ */ (0,
|
|
4845
|
-
/* @__PURE__ */ (0,
|
|
4846
|
-
badgeText ? /* @__PURE__ */ (0,
|
|
4870
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
|
|
4871
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
4872
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: provider.name }),
|
|
4873
|
+
badgeText ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
4847
4874
|
"span",
|
|
4848
4875
|
{
|
|
4849
4876
|
className: `rounded border px-2 py-[2px] text-[10px] leading-[14px] font-agg-bold uppercase ${provider.badge === "best" ? "border-agg-primary/50 text-agg-primary bg-agg-secondary" : "border-agg-separator text-agg-foreground bg-agg-secondary"}`,
|
|
@@ -4851,16 +4878,16 @@ var CardProviderItem = ({ provider, onSelect }) => {
|
|
|
4851
4878
|
}
|
|
4852
4879
|
) : null
|
|
4853
4880
|
] }),
|
|
4854
|
-
/* @__PURE__ */ (0,
|
|
4855
|
-
/* @__PURE__ */ (0,
|
|
4856
|
-
/* @__PURE__ */ (0,
|
|
4857
|
-
/* @__PURE__ */ (0,
|
|
4881
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex items-center gap-4", children: [
|
|
4882
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "text-right", children: [
|
|
4883
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: "agg-type-body text-agg-foreground", children: provider.quote }),
|
|
4884
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
|
|
4858
4885
|
labels.deposit.cardFlow.feeLabel,
|
|
4859
4886
|
" ",
|
|
4860
4887
|
provider.fee
|
|
4861
4888
|
] })
|
|
4862
4889
|
] }),
|
|
4863
|
-
/* @__PURE__ */ (0,
|
|
4890
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)(ChevronRightIcon, { className: "h-5 w-5 text-agg-muted-foreground" })
|
|
4864
4891
|
] })
|
|
4865
4892
|
] })
|
|
4866
4893
|
}
|
|
@@ -4879,40 +4906,40 @@ var CardProviderStep = ({
|
|
|
4879
4906
|
onRetry
|
|
4880
4907
|
}) => {
|
|
4881
4908
|
const labels = (0, import_hooks17.useLabels)();
|
|
4882
|
-
return /* @__PURE__ */ (0,
|
|
4883
|
-
/* @__PURE__ */ (0,
|
|
4909
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(import_jsx_runtime103.Fragment, { children: [
|
|
4910
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
4884
4911
|
Modal.Header,
|
|
4885
4912
|
{
|
|
4886
4913
|
title: labels.deposit.cardFlow.selectProviderTitle,
|
|
4887
4914
|
hideBorder: true,
|
|
4888
|
-
leftElement: /* @__PURE__ */ (0,
|
|
4915
|
+
leftElement: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
4889
4916
|
"button",
|
|
4890
4917
|
{
|
|
4891
4918
|
type: "button",
|
|
4892
4919
|
className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
|
|
4893
4920
|
onClick: onBack,
|
|
4894
4921
|
"aria-label": labels.deposit.back,
|
|
4895
|
-
children: /* @__PURE__ */ (0,
|
|
4922
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
|
|
4896
4923
|
}
|
|
4897
4924
|
)
|
|
4898
4925
|
}
|
|
4899
4926
|
),
|
|
4900
|
-
/* @__PURE__ */ (0,
|
|
4901
|
-
/* @__PURE__ */ (0,
|
|
4902
|
-
/* @__PURE__ */ (0,
|
|
4903
|
-
/* @__PURE__ */ (0,
|
|
4904
|
-
/* @__PURE__ */ (0,
|
|
4927
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex flex-col gap-4", children: [
|
|
4928
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex items-center gap-1.5", children: [
|
|
4929
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)(UsdcIcon, { className: "h-4 w-4 shrink-0" }),
|
|
4930
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "agg-type-body font-agg-bold text-agg-foreground", children: token }),
|
|
4931
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("span", { className: "agg-type-body text-agg-foreground", children: [
|
|
4905
4932
|
"$",
|
|
4906
4933
|
amount,
|
|
4907
4934
|
" ",
|
|
4908
4935
|
currency
|
|
4909
4936
|
] })
|
|
4910
4937
|
] }),
|
|
4911
|
-
isLoading ? /* @__PURE__ */ (0,
|
|
4912
|
-
/* @__PURE__ */ (0,
|
|
4913
|
-
/* @__PURE__ */ (0,
|
|
4914
|
-
] }) : error ? /* @__PURE__ */ (0,
|
|
4915
|
-
/* @__PURE__ */ (0,
|
|
4938
|
+
isLoading ? /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex min-h-[200px] flex-col items-center justify-center gap-3", children: [
|
|
4939
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)(LoadingIcon, { variant: "prominent" }),
|
|
4940
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.loadingQuotes })
|
|
4941
|
+
] }) : error ? /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex min-h-[200px] flex-col items-center justify-center gap-6 px-2 text-center", children: [
|
|
4942
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
4916
4943
|
Icon,
|
|
4917
4944
|
{
|
|
4918
4945
|
name: "quotes-warning",
|
|
@@ -4921,13 +4948,13 @@ var CardProviderStep = ({
|
|
|
4921
4948
|
color: "currentColor"
|
|
4922
4949
|
}
|
|
4923
4950
|
),
|
|
4924
|
-
/* @__PURE__ */ (0,
|
|
4925
|
-
/* @__PURE__ */ (0,
|
|
4926
|
-
/* @__PURE__ */ (0,
|
|
4951
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex max-w-[320px] flex-col gap-2", children: [
|
|
4952
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.errorLoadingQuotesTitle }),
|
|
4953
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: "agg-type-body text-agg-muted-foreground", children: labels.deposit.cardFlow.errorLoadingQuotesDescription })
|
|
4927
4954
|
] }),
|
|
4928
|
-
onRetry ? /* @__PURE__ */ (0,
|
|
4929
|
-
] }) : providers.length === 0 ? /* @__PURE__ */ (0,
|
|
4930
|
-
providers.map((provider) => /* @__PURE__ */ (0,
|
|
4955
|
+
onRetry ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Button, { variant: "secondary", size: "medium", onClick: onRetry, children: labels.deposit.cardFlow.retry }) : null
|
|
4956
|
+
] }) : providers.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "flex min-h-[200px] items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: "agg-type-body text-agg-muted-foreground", children: labels.deposit.cardFlow.noQuotes }) }) : /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex flex-col gap-4", children: [
|
|
4957
|
+
providers.map((provider) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
4931
4958
|
CardProviderItem,
|
|
4932
4959
|
{
|
|
4933
4960
|
provider,
|
|
@@ -4935,7 +4962,7 @@ var CardProviderStep = ({
|
|
|
4935
4962
|
},
|
|
4936
4963
|
provider.id
|
|
4937
4964
|
)),
|
|
4938
|
-
sessionError ? /* @__PURE__ */ (0,
|
|
4965
|
+
sessionError ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: "agg-type-label text-agg-error text-center", children: sessionError }) : null
|
|
4939
4966
|
] })
|
|
4940
4967
|
] }) })
|
|
4941
4968
|
] });
|
|
@@ -4943,10 +4970,10 @@ var CardProviderStep = ({
|
|
|
4943
4970
|
|
|
4944
4971
|
// src/deposit/steps/card-purchase-success.tsx
|
|
4945
4972
|
var import_hooks18 = require("@agg-build/hooks");
|
|
4946
|
-
var
|
|
4947
|
-
var SummaryRow = ({ label, value }) => /* @__PURE__ */ (0,
|
|
4948
|
-
/* @__PURE__ */ (0,
|
|
4949
|
-
/* @__PURE__ */ (0,
|
|
4973
|
+
var import_jsx_runtime104 = require("react/jsx-runtime");
|
|
4974
|
+
var SummaryRow = ({ label, value }) => /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
|
|
4975
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
|
|
4976
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "agg-type-label text-agg-foreground", children: value })
|
|
4950
4977
|
] });
|
|
4951
4978
|
var CardPurchaseSuccessStep = ({
|
|
4952
4979
|
summary,
|
|
@@ -4954,35 +4981,35 @@ var CardPurchaseSuccessStep = ({
|
|
|
4954
4981
|
onClose
|
|
4955
4982
|
}) => {
|
|
4956
4983
|
const labels = (0, import_hooks18.useLabels)();
|
|
4957
|
-
return /* @__PURE__ */ (0,
|
|
4958
|
-
/* @__PURE__ */ (0,
|
|
4984
|
+
return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
|
|
4985
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
|
|
4959
4986
|
"button",
|
|
4960
4987
|
{
|
|
4961
4988
|
type: "button",
|
|
4962
4989
|
className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80",
|
|
4963
4990
|
onClick: onClose,
|
|
4964
4991
|
"aria-label": labels.common.close,
|
|
4965
|
-
children: /* @__PURE__ */ (0,
|
|
4992
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(CloseIcon, { className: "h-6 w-6" })
|
|
4966
4993
|
}
|
|
4967
4994
|
),
|
|
4968
|
-
/* @__PURE__ */ (0,
|
|
4969
|
-
/* @__PURE__ */ (0,
|
|
4970
|
-
/* @__PURE__ */ (0,
|
|
4971
|
-
/* @__PURE__ */ (0,
|
|
4972
|
-
/* @__PURE__ */ (0,
|
|
4995
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
|
|
4996
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
|
|
4997
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
|
|
4998
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.successTitle }),
|
|
4999
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.successDescription })
|
|
4973
5000
|
] }),
|
|
4974
|
-
/* @__PURE__ */ (0,
|
|
4975
|
-
/* @__PURE__ */ (0,
|
|
5001
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
|
|
5002
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
|
|
4976
5003
|
SummaryRow,
|
|
4977
5004
|
{
|
|
4978
5005
|
label: labels.deposit.summary.amountReceived,
|
|
4979
5006
|
value: summary.amountReceived
|
|
4980
5007
|
}
|
|
4981
5008
|
),
|
|
4982
|
-
/* @__PURE__ */ (0,
|
|
4983
|
-
/* @__PURE__ */ (0,
|
|
5009
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)(SummaryRow, { label: labels.deposit.summary.network, value: summary.network }),
|
|
5010
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)(SummaryRow, { label: labels.deposit.cardFlow.summary.fees, value: summary.fees })
|
|
4984
5011
|
] }),
|
|
4985
|
-
/* @__PURE__ */ (0,
|
|
5012
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.deposit.done })
|
|
4986
5013
|
] })
|
|
4987
5014
|
] }) });
|
|
4988
5015
|
};
|
|
@@ -5028,7 +5055,7 @@ var resolveTooltipArrowDimensions = (size) => {
|
|
|
5028
5055
|
};
|
|
5029
5056
|
|
|
5030
5057
|
// src/primitives/tooltip/index.tsx
|
|
5031
|
-
var
|
|
5058
|
+
var import_jsx_runtime105 = require("react/jsx-runtime");
|
|
5032
5059
|
var Tooltip = ({
|
|
5033
5060
|
content,
|
|
5034
5061
|
children,
|
|
@@ -5046,22 +5073,22 @@ var Tooltip = ({
|
|
|
5046
5073
|
} = (0, import_hooks19.useSdkUiConfig)();
|
|
5047
5074
|
const trigger = (0, import_react5.useMemo)(() => {
|
|
5048
5075
|
if (children) return children;
|
|
5049
|
-
return /* @__PURE__ */ (0,
|
|
5076
|
+
return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
5050
5077
|
"button",
|
|
5051
5078
|
{
|
|
5052
5079
|
type: "button",
|
|
5053
5080
|
className: resolveTooltipTriggerClassName(classNames == null ? void 0 : classNames.trigger),
|
|
5054
5081
|
"aria-label": ariaLabel != null ? ariaLabel : defaultTooltipTriggerAriaLabel,
|
|
5055
|
-
children: /* @__PURE__ */ (0,
|
|
5082
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Icon, { name: "info", size: "small", className: cn(classNames == null ? void 0 : classNames.icon), "aria-hidden": true })
|
|
5056
5083
|
}
|
|
5057
5084
|
);
|
|
5058
5085
|
}, [children, classNames == null ? void 0 : classNames.trigger, classNames == null ? void 0 : classNames.icon, ariaLabel]);
|
|
5059
5086
|
const { width: arrowWidth, height: arrowHeight } = resolveTooltipArrowDimensions(size);
|
|
5060
5087
|
const arrowPoints = `0,0 ${arrowWidth},0 ${arrowWidth / 2},${arrowHeight}`;
|
|
5061
5088
|
const arrowBorderPath = `M0 0 L${arrowWidth / 2} ${arrowHeight} L${arrowWidth} 0`;
|
|
5062
|
-
return /* @__PURE__ */ (0,
|
|
5063
|
-
/* @__PURE__ */ (0,
|
|
5064
|
-
/* @__PURE__ */ (0,
|
|
5089
|
+
return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(TooltipPrimitive.Root, { children: [
|
|
5090
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(TooltipPrimitive.Trigger, { asChild: true, children: trigger }),
|
|
5091
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
|
|
5065
5092
|
TooltipPrimitive.Content,
|
|
5066
5093
|
{
|
|
5067
5094
|
side,
|
|
@@ -5085,7 +5112,7 @@ var Tooltip = ({
|
|
|
5085
5112
|
classNames == null ? void 0 : classNames.content
|
|
5086
5113
|
),
|
|
5087
5114
|
children: [
|
|
5088
|
-
/* @__PURE__ */ (0,
|
|
5115
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(TooltipPrimitive.Arrow, { asChild: true, width: arrowWidth, height: arrowHeight, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
|
|
5089
5116
|
"svg",
|
|
5090
5117
|
{
|
|
5091
5118
|
width: arrowWidth,
|
|
@@ -5094,8 +5121,8 @@ var Tooltip = ({
|
|
|
5094
5121
|
"aria-hidden": "true",
|
|
5095
5122
|
className: cn("overflow-visible", classNames == null ? void 0 : classNames.arrow),
|
|
5096
5123
|
children: [
|
|
5097
|
-
/* @__PURE__ */ (0,
|
|
5098
|
-
/* @__PURE__ */ (0,
|
|
5124
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)("polygon", { points: arrowPoints, className: "fill-agg-secondary" }),
|
|
5125
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
5099
5126
|
"path",
|
|
5100
5127
|
{
|
|
5101
5128
|
d: arrowBorderPath,
|
|
@@ -5117,8 +5144,8 @@ var Tooltip = ({
|
|
|
5117
5144
|
Tooltip.displayName = "Tooltip";
|
|
5118
5145
|
|
|
5119
5146
|
// src/shared/transfer-fee-summary.tsx
|
|
5120
|
-
var
|
|
5121
|
-
var separator = /* @__PURE__ */ (0,
|
|
5147
|
+
var import_jsx_runtime106 = require("react/jsx-runtime");
|
|
5148
|
+
var separator = /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "text-agg-muted-foreground", "aria-hidden": "true", children: "\xB7" });
|
|
5122
5149
|
var normalizeFeeLabel = (label) => label.replace(/\s*~\s*$/, "");
|
|
5123
5150
|
var TransferFeeSummary = ({
|
|
5124
5151
|
estimate,
|
|
@@ -5129,43 +5156,43 @@ var TransferFeeSummary = ({
|
|
|
5129
5156
|
const labels = (0, import_hooks20.useLabels)();
|
|
5130
5157
|
if (!estimate) return null;
|
|
5131
5158
|
if (view === "deposit") {
|
|
5132
|
-
return /* @__PURE__ */ (0,
|
|
5133
|
-
minDeposit ? /* @__PURE__ */ (0,
|
|
5159
|
+
return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("p", { className: "agg-type-label flex flex-wrap items-center gap-x-2 gap-y-1 text-agg-foreground", children: [
|
|
5160
|
+
minDeposit ? /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("span", { children: [
|
|
5134
5161
|
labels.deposit.sendCrypto.minDepositPrefix,
|
|
5135
5162
|
" ",
|
|
5136
5163
|
minDeposit
|
|
5137
5164
|
] }) : null,
|
|
5138
5165
|
minDeposit ? separator : null,
|
|
5139
|
-
/* @__PURE__ */ (0,
|
|
5166
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("span", { children: [
|
|
5140
5167
|
normalizeFeeLabel(labels.deposit.walletFlow.feePrefix),
|
|
5141
5168
|
": ",
|
|
5142
5169
|
estimate.estimatedFees
|
|
5143
5170
|
] }),
|
|
5144
5171
|
eta ? separator : null,
|
|
5145
|
-
eta ? /* @__PURE__ */ (0,
|
|
5172
|
+
eta ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { children: eta }) : null
|
|
5146
5173
|
] });
|
|
5147
5174
|
}
|
|
5148
|
-
return /* @__PURE__ */ (0,
|
|
5149
|
-
/* @__PURE__ */ (0,
|
|
5175
|
+
return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "agg-type-label flex flex-wrap items-center gap-x-2 gap-y-1 text-agg-foreground", children: [
|
|
5176
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("span", { children: [
|
|
5150
5177
|
labels.withdraw.walletFlow.estimatedFees,
|
|
5151
5178
|
": ",
|
|
5152
5179
|
estimate.estimatedFees
|
|
5153
5180
|
] }),
|
|
5154
5181
|
separator,
|
|
5155
|
-
/* @__PURE__ */ (0,
|
|
5156
|
-
/* @__PURE__ */ (0,
|
|
5182
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("span", { className: "inline-flex items-center gap-1", children: [
|
|
5183
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("span", { children: [
|
|
5157
5184
|
labels.withdraw.walletFlow.networkReserve,
|
|
5158
5185
|
": ",
|
|
5159
5186
|
estimate.networkReserve
|
|
5160
5187
|
] }),
|
|
5161
|
-
/* @__PURE__ */ (0,
|
|
5188
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
5162
5189
|
Tooltip,
|
|
5163
5190
|
{
|
|
5164
5191
|
"aria-label": labels.withdraw.walletFlow.networkReserveTooltipAria,
|
|
5165
5192
|
size: "medium",
|
|
5166
|
-
content: /* @__PURE__ */ (0,
|
|
5167
|
-
/* @__PURE__ */ (0,
|
|
5168
|
-
/* @__PURE__ */ (0,
|
|
5193
|
+
content: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "text-center", children: [
|
|
5194
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { children: labels.withdraw.walletFlow.networkReserveTooltipLineOne }),
|
|
5195
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { children: labels.withdraw.walletFlow.networkReserveTooltipLineTwo })
|
|
5169
5196
|
] }),
|
|
5170
5197
|
classNames: {
|
|
5171
5198
|
content: "min-w-96 max-w-none!",
|
|
@@ -5176,7 +5203,7 @@ var TransferFeeSummary = ({
|
|
|
5176
5203
|
)
|
|
5177
5204
|
] }),
|
|
5178
5205
|
separator,
|
|
5179
|
-
/* @__PURE__ */ (0,
|
|
5206
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("span", { children: [
|
|
5180
5207
|
labels.withdraw.walletFlow.youReceive,
|
|
5181
5208
|
": ",
|
|
5182
5209
|
estimate.youReceive
|
|
@@ -5186,21 +5213,21 @@ var TransferFeeSummary = ({
|
|
|
5186
5213
|
|
|
5187
5214
|
// src/deposit/components/DepositQRCode.tsx
|
|
5188
5215
|
var import_qrcode = require("qrcode.react");
|
|
5189
|
-
var
|
|
5216
|
+
var import_jsx_runtime107 = require("react/jsx-runtime");
|
|
5190
5217
|
function DepositQRCode({
|
|
5191
5218
|
depositAddress,
|
|
5192
5219
|
networkLogoUrl,
|
|
5193
5220
|
networkLogo,
|
|
5194
5221
|
size = 160
|
|
5195
5222
|
}) {
|
|
5196
|
-
const logoOverlay = networkLogo ? /* @__PURE__ */ (0,
|
|
5223
|
+
const logoOverlay = networkLogo ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
5197
5224
|
"div",
|
|
5198
5225
|
{
|
|
5199
5226
|
className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-sm",
|
|
5200
5227
|
style: { width: 32, height: 32, backgroundColor: "#FFFFFF", padding: 2 },
|
|
5201
5228
|
children: networkLogo
|
|
5202
5229
|
}
|
|
5203
|
-
) : networkLogoUrl ? /* @__PURE__ */ (0,
|
|
5230
|
+
) : networkLogoUrl ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
5204
5231
|
"img",
|
|
5205
5232
|
{
|
|
5206
5233
|
src: networkLogoUrl,
|
|
@@ -5211,7 +5238,7 @@ function DepositQRCode({
|
|
|
5211
5238
|
style: { backgroundColor: "#FFFFFF", padding: 2 }
|
|
5212
5239
|
}
|
|
5213
5240
|
) : null;
|
|
5214
|
-
return /* @__PURE__ */ (0,
|
|
5241
|
+
return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
5215
5242
|
"div",
|
|
5216
5243
|
{
|
|
5217
5244
|
className: "inline-flex items-center justify-center rounded-xl border",
|
|
@@ -5220,8 +5247,8 @@ function DepositQRCode({
|
|
|
5220
5247
|
borderColor: "#E5E7EB",
|
|
5221
5248
|
backgroundColor: "#FFFFFF"
|
|
5222
5249
|
},
|
|
5223
|
-
children: /* @__PURE__ */ (0,
|
|
5224
|
-
/* @__PURE__ */ (0,
|
|
5250
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "relative", style: { width: size, height: size }, children: [
|
|
5251
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_qrcode.QRCodeSVG, { value: depositAddress, size, level: "H" }),
|
|
5225
5252
|
logoOverlay
|
|
5226
5253
|
] })
|
|
5227
5254
|
}
|
|
@@ -5230,27 +5257,27 @@ function DepositQRCode({
|
|
|
5230
5257
|
DepositQRCode.displayName = "DepositQRCode";
|
|
5231
5258
|
|
|
5232
5259
|
// src/deposit/steps/crypto-transfer.tsx
|
|
5233
|
-
var
|
|
5260
|
+
var import_jsx_runtime108 = require("react/jsx-runtime");
|
|
5234
5261
|
var CryptoAddressLoadingState = () => {
|
|
5235
5262
|
const labels = (0, import_hooks21.useLabels)();
|
|
5236
5263
|
const sendCryptoLabels = labels.deposit.sendCrypto;
|
|
5237
|
-
return /* @__PURE__ */ (0,
|
|
5264
|
+
return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
|
|
5238
5265
|
"div",
|
|
5239
5266
|
{
|
|
5240
5267
|
className: "flex w-full flex-col items-center justify-center gap-6 py-10 text-center text-agg-foreground",
|
|
5241
5268
|
role: "status",
|
|
5242
5269
|
"aria-live": "polite",
|
|
5243
5270
|
children: [
|
|
5244
|
-
/* @__PURE__ */ (0,
|
|
5271
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
5245
5272
|
"span",
|
|
5246
5273
|
{
|
|
5247
5274
|
className: "h-9 w-9 animate-spin rounded-full border-2 border-agg-primary/25 border-t-agg-primary",
|
|
5248
5275
|
"aria-hidden": "true"
|
|
5249
5276
|
}
|
|
5250
5277
|
),
|
|
5251
|
-
/* @__PURE__ */ (0,
|
|
5252
|
-
/* @__PURE__ */ (0,
|
|
5253
|
-
/* @__PURE__ */ (0,
|
|
5278
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex w-full flex-col items-center gap-2", children: [
|
|
5279
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6", children: sendCryptoLabels.addressLoadingTitle }),
|
|
5280
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)("p", { className: "max-w-[300px] text-agg-sm leading-agg-5", children: sendCryptoLabels.addressLoadingDescription })
|
|
5254
5281
|
] })
|
|
5255
5282
|
]
|
|
5256
5283
|
}
|
|
@@ -5286,29 +5313,29 @@ var CryptoTransferStep = ({
|
|
|
5286
5313
|
selectedToken,
|
|
5287
5314
|
selectedNetwork
|
|
5288
5315
|
});
|
|
5289
|
-
return /* @__PURE__ */ (0,
|
|
5290
|
-
/* @__PURE__ */ (0,
|
|
5316
|
+
return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(import_jsx_runtime108.Fragment, { children: [
|
|
5317
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
5291
5318
|
Modal.Header,
|
|
5292
5319
|
{
|
|
5293
5320
|
title: labels.deposit.sendCrypto.title,
|
|
5294
5321
|
hideBorder: true,
|
|
5295
|
-
leftElement: /* @__PURE__ */ (0,
|
|
5322
|
+
leftElement: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
5296
5323
|
"button",
|
|
5297
5324
|
{
|
|
5298
5325
|
type: "button",
|
|
5299
5326
|
className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
|
|
5300
5327
|
onClick: onBack,
|
|
5301
5328
|
"aria-label": "Go back",
|
|
5302
|
-
children: /* @__PURE__ */ (0,
|
|
5329
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
|
|
5303
5330
|
}
|
|
5304
5331
|
)
|
|
5305
5332
|
}
|
|
5306
5333
|
),
|
|
5307
|
-
/* @__PURE__ */ (0,
|
|
5308
|
-
/* @__PURE__ */ (0,
|
|
5309
|
-
/* @__PURE__ */ (0,
|
|
5310
|
-
/* @__PURE__ */ (0,
|
|
5311
|
-
/* @__PURE__ */ (0,
|
|
5334
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex flex-col gap-7", children: [
|
|
5335
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "flex flex-col gap-5", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex gap-5", children: [
|
|
5336
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
|
|
5337
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.tokenLabel }),
|
|
5338
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
5312
5339
|
Select,
|
|
5313
5340
|
{
|
|
5314
5341
|
items: tokenOptions,
|
|
@@ -5318,9 +5345,9 @@ var CryptoTransferStep = ({
|
|
|
5318
5345
|
}
|
|
5319
5346
|
)
|
|
5320
5347
|
] }),
|
|
5321
|
-
/* @__PURE__ */ (0,
|
|
5322
|
-
/* @__PURE__ */ (0,
|
|
5323
|
-
/* @__PURE__ */ (0,
|
|
5348
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
|
|
5349
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.networkLabel }),
|
|
5350
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
5324
5351
|
Select,
|
|
5325
5352
|
{
|
|
5326
5353
|
items: networkOptions,
|
|
@@ -5331,7 +5358,7 @@ var CryptoTransferStep = ({
|
|
|
5331
5358
|
)
|
|
5332
5359
|
] })
|
|
5333
5360
|
] }) }),
|
|
5334
|
-
/* @__PURE__ */ (0,
|
|
5361
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "mx-auto", children: isLoadingAddress ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(CryptoAddressLoadingState, {}) : addressError ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "flex h-[192px] w-[192px] items-center justify-center rounded-xl border border-agg-separator bg-agg-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("p", { className: "agg-type-label text-center text-agg-error px-3", children: addressError }) }) : /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
5335
5362
|
DepositQRCode,
|
|
5336
5363
|
{
|
|
5337
5364
|
depositAddress,
|
|
@@ -5339,11 +5366,11 @@ var CryptoTransferStep = ({
|
|
|
5339
5366
|
networkLogo
|
|
5340
5367
|
}
|
|
5341
5368
|
) }),
|
|
5342
|
-
/* @__PURE__ */ (0,
|
|
5343
|
-
/* @__PURE__ */ (0,
|
|
5344
|
-
/* @__PURE__ */ (0,
|
|
5345
|
-
isLoadingAddress ? /* @__PURE__ */ (0,
|
|
5346
|
-
/* @__PURE__ */ (0,
|
|
5369
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex flex-col gap-3", children: [
|
|
5370
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.depositAddressLabel }),
|
|
5371
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex items-center gap-2 rounded border border-agg-separator bg-agg-secondary h-10 px-3", children: [
|
|
5372
|
+
isLoadingAddress ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "h-4 flex-1 animate-pulse rounded bg-agg-muted-foreground/20" }) : /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("p", { className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground", children: depositAddress }),
|
|
5373
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
5347
5374
|
CopyButton,
|
|
5348
5375
|
{
|
|
5349
5376
|
value: depositAddress,
|
|
@@ -5355,7 +5382,7 @@ var CryptoTransferStep = ({
|
|
|
5355
5382
|
}
|
|
5356
5383
|
)
|
|
5357
5384
|
] }),
|
|
5358
|
-
/* @__PURE__ */ (0,
|
|
5385
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
5359
5386
|
TransferFeeSummary,
|
|
5360
5387
|
{
|
|
5361
5388
|
estimate: transferFeeEstimate,
|
|
@@ -5365,11 +5392,11 @@ var CryptoTransferStep = ({
|
|
|
5365
5392
|
}
|
|
5366
5393
|
)
|
|
5367
5394
|
] }),
|
|
5368
|
-
/* @__PURE__ */ (0,
|
|
5369
|
-
/* @__PURE__ */ (0,
|
|
5370
|
-
/* @__PURE__ */ (0,
|
|
5395
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex items-start gap-3 rounded-lg bg-agg-secondary-hover p-3", children: [
|
|
5396
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)(WarningIcon, { className: "h-4 w-4 text-agg-muted-foreground mt-0.5" }),
|
|
5397
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)("p", { className: "text-agg-xs leading-agg-4 text-agg-foreground", children: labels.deposit.sendCrypto.warning })
|
|
5371
5398
|
] }),
|
|
5372
|
-
/* @__PURE__ */ (0,
|
|
5399
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
5373
5400
|
Button,
|
|
5374
5401
|
{
|
|
5375
5402
|
variant: "secondary",
|
|
@@ -5385,7 +5412,7 @@ var CryptoTransferStep = ({
|
|
|
5385
5412
|
|
|
5386
5413
|
// src/deposit/steps/deposit-method.tsx
|
|
5387
5414
|
var import_hooks22 = require("@agg-build/hooks");
|
|
5388
|
-
var
|
|
5415
|
+
var import_jsx_runtime109 = require("react/jsx-runtime");
|
|
5389
5416
|
var DepositMethodCard = ({
|
|
5390
5417
|
icon,
|
|
5391
5418
|
title,
|
|
@@ -5394,7 +5421,7 @@ var DepositMethodCard = ({
|
|
|
5394
5421
|
highlighted = false,
|
|
5395
5422
|
disabled = false,
|
|
5396
5423
|
onContinue
|
|
5397
|
-
}) => /* @__PURE__ */ (0,
|
|
5424
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
|
|
5398
5425
|
"div",
|
|
5399
5426
|
{
|
|
5400
5427
|
className: cn(
|
|
@@ -5416,13 +5443,13 @@ var DepositMethodCard = ({
|
|
|
5416
5443
|
}
|
|
5417
5444
|
},
|
|
5418
5445
|
children: [
|
|
5419
|
-
/* @__PURE__ */ (0,
|
|
5420
|
-
/* @__PURE__ */ (0,
|
|
5421
|
-
/* @__PURE__ */ (0,
|
|
5422
|
-
/* @__PURE__ */ (0,
|
|
5446
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover", children: icon }),
|
|
5447
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "flex-1 min-w-0", children: [
|
|
5448
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: title }),
|
|
5449
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
|
|
5423
5450
|
] }),
|
|
5424
|
-
value ? /* @__PURE__ */ (0,
|
|
5425
|
-
/* @__PURE__ */ (0,
|
|
5451
|
+
value ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: value }) : null,
|
|
5452
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "shrink-0 text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(ChevronRightIcon, { className: "h-5 w-5" }) })
|
|
5426
5453
|
]
|
|
5427
5454
|
}
|
|
5428
5455
|
);
|
|
@@ -5438,31 +5465,31 @@ var DepositMethodStep = ({
|
|
|
5438
5465
|
onSelectMethod
|
|
5439
5466
|
}) => {
|
|
5440
5467
|
const labels = (0, import_hooks22.useLabels)();
|
|
5441
|
-
return /* @__PURE__ */ (0,
|
|
5442
|
-
/* @__PURE__ */ (0,
|
|
5443
|
-
/* @__PURE__ */ (0,
|
|
5444
|
-
/* @__PURE__ */ (0,
|
|
5468
|
+
return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_jsx_runtime109.Fragment, { children: [
|
|
5469
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Modal.Header, { title: labels.deposit.title, hideBorder: true }),
|
|
5470
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "flex flex-col gap-5", children: [
|
|
5471
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("p", { className: "agg-type-body text-agg-foreground", children: [
|
|
5445
5472
|
labels.deposit.balancePrefix,
|
|
5446
5473
|
" ",
|
|
5447
5474
|
formatCompactUsd(balance)
|
|
5448
5475
|
] }),
|
|
5449
|
-
/* @__PURE__ */ (0,
|
|
5450
|
-
showWalletMethod ? /* @__PURE__ */ (0,
|
|
5476
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "flex flex-col gap-4", children: [
|
|
5477
|
+
showWalletMethod ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
5451
5478
|
DepositMethodCard,
|
|
5452
5479
|
{
|
|
5453
|
-
icon: /* @__PURE__ */ (0,
|
|
5480
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(WalletIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
|
|
5454
5481
|
title: labels.deposit.methods.walletTitle(walletLabel),
|
|
5455
5482
|
description: labels.deposit.methods.walletDescription,
|
|
5456
|
-
value: isWalletBalanceLoading ? /* @__PURE__ */ (0,
|
|
5483
|
+
value: isWalletBalanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(LoadingIcon, { size: "small" }) : formatTokenAmount(walletBalance, walletToken),
|
|
5457
5484
|
highlighted: highlightedMethod === "wallet",
|
|
5458
5485
|
disabled: !depositAddressesReady,
|
|
5459
5486
|
onContinue: () => onSelectMethod("wallet")
|
|
5460
5487
|
}
|
|
5461
5488
|
) : null,
|
|
5462
|
-
/* @__PURE__ */ (0,
|
|
5489
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
5463
5490
|
DepositMethodCard,
|
|
5464
5491
|
{
|
|
5465
|
-
icon: /* @__PURE__ */ (0,
|
|
5492
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(BoltIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
|
|
5466
5493
|
title: labels.deposit.methods.cryptoTitle,
|
|
5467
5494
|
description: labels.deposit.methods.cryptoDescription,
|
|
5468
5495
|
highlighted: highlightedMethod === "crypto",
|
|
@@ -5470,10 +5497,10 @@ var DepositMethodStep = ({
|
|
|
5470
5497
|
onContinue: () => onSelectMethod("crypto")
|
|
5471
5498
|
}
|
|
5472
5499
|
),
|
|
5473
|
-
/* @__PURE__ */ (0,
|
|
5500
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
5474
5501
|
DepositMethodCard,
|
|
5475
5502
|
{
|
|
5476
|
-
icon: /* @__PURE__ */ (0,
|
|
5503
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(CreditCardIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
|
|
5477
5504
|
title: labels.deposit.methods.cardTitle,
|
|
5478
5505
|
description: labels.deposit.methods.cardDescription,
|
|
5479
5506
|
highlighted: highlightedMethod === "card",
|
|
@@ -5487,7 +5514,7 @@ var DepositMethodStep = ({
|
|
|
5487
5514
|
|
|
5488
5515
|
// src/deposit/steps/wallet-form.tsx
|
|
5489
5516
|
var import_hooks23 = require("@agg-build/hooks");
|
|
5490
|
-
var
|
|
5517
|
+
var import_jsx_runtime110 = require("react/jsx-runtime");
|
|
5491
5518
|
var WalletFormStep = ({
|
|
5492
5519
|
walletLabel,
|
|
5493
5520
|
walletBalance,
|
|
@@ -5512,38 +5539,38 @@ var WalletFormStep = ({
|
|
|
5512
5539
|
}) => {
|
|
5513
5540
|
const labels = (0, import_hooks23.useLabels)();
|
|
5514
5541
|
const isConfirmEnabled = !isSubmitting && !isBalanceLoading && Number(amount) > 0 && Number(amount) <= walletBalance;
|
|
5515
|
-
return /* @__PURE__ */ (0,
|
|
5516
|
-
/* @__PURE__ */ (0,
|
|
5542
|
+
return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_jsx_runtime110.Fragment, { children: [
|
|
5543
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
5517
5544
|
Modal.Header,
|
|
5518
5545
|
{
|
|
5519
5546
|
title: labels.deposit.walletFlow.title,
|
|
5520
5547
|
hideBorder: true,
|
|
5521
|
-
leftElement: /* @__PURE__ */ (0,
|
|
5548
|
+
leftElement: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
5522
5549
|
"button",
|
|
5523
5550
|
{
|
|
5524
5551
|
type: "button",
|
|
5525
5552
|
className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
|
|
5526
5553
|
onClick: onBack,
|
|
5527
5554
|
"aria-label": "Go back",
|
|
5528
|
-
children: /* @__PURE__ */ (0,
|
|
5555
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
|
|
5529
5556
|
}
|
|
5530
5557
|
)
|
|
5531
5558
|
}
|
|
5532
5559
|
),
|
|
5533
|
-
/* @__PURE__ */ (0,
|
|
5534
|
-
/* @__PURE__ */ (0,
|
|
5535
|
-
/* @__PURE__ */ (0,
|
|
5536
|
-
/* @__PURE__ */ (0,
|
|
5560
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex flex-col gap-7", children: [
|
|
5561
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex items-center justify-between", children: [
|
|
5562
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "agg-type-label text-agg-foreground", children: walletLabel }),
|
|
5563
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
|
|
5537
5564
|
labels.deposit.balanceLabel,
|
|
5538
5565
|
" ",
|
|
5539
|
-
isBalanceLoading ? /* @__PURE__ */ (0,
|
|
5566
|
+
isBalanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(LoadingIcon, { size: "small" }) : formatTokenAmount(walletBalance, selectedToken)
|
|
5540
5567
|
] })
|
|
5541
5568
|
] }),
|
|
5542
|
-
/* @__PURE__ */ (0,
|
|
5543
|
-
/* @__PURE__ */ (0,
|
|
5544
|
-
/* @__PURE__ */ (0,
|
|
5545
|
-
/* @__PURE__ */ (0,
|
|
5546
|
-
/* @__PURE__ */ (0,
|
|
5569
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex flex-col gap-5", children: [
|
|
5570
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex gap-5", children: [
|
|
5571
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
|
|
5572
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.tokenLabel }),
|
|
5573
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
5547
5574
|
Select,
|
|
5548
5575
|
{
|
|
5549
5576
|
items: tokenOptions,
|
|
@@ -5553,9 +5580,9 @@ var WalletFormStep = ({
|
|
|
5553
5580
|
}
|
|
5554
5581
|
)
|
|
5555
5582
|
] }),
|
|
5556
|
-
networkOptions.length >= 1 ? /* @__PURE__ */ (0,
|
|
5557
|
-
/* @__PURE__ */ (0,
|
|
5558
|
-
/* @__PURE__ */ (0,
|
|
5583
|
+
networkOptions.length >= 1 ? /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
|
|
5584
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.networkLabel }),
|
|
5585
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
5559
5586
|
Select,
|
|
5560
5587
|
{
|
|
5561
5588
|
items: networkOptions,
|
|
@@ -5566,9 +5593,9 @@ var WalletFormStep = ({
|
|
|
5566
5593
|
)
|
|
5567
5594
|
] }) : null
|
|
5568
5595
|
] }),
|
|
5569
|
-
/* @__PURE__ */ (0,
|
|
5570
|
-
/* @__PURE__ */ (0,
|
|
5571
|
-
/* @__PURE__ */ (0,
|
|
5596
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
5597
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.amountLabel }),
|
|
5598
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
|
|
5572
5599
|
"div",
|
|
5573
5600
|
{
|
|
5574
5601
|
className: cn(
|
|
@@ -5577,7 +5604,7 @@ var WalletFormStep = ({
|
|
|
5577
5604
|
"h-10 px-3"
|
|
5578
5605
|
),
|
|
5579
5606
|
children: [
|
|
5580
|
-
/* @__PURE__ */ (0,
|
|
5607
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
5581
5608
|
"input",
|
|
5582
5609
|
{
|
|
5583
5610
|
type: "text",
|
|
@@ -5589,7 +5616,7 @@ var WalletFormStep = ({
|
|
|
5589
5616
|
onChange: (event) => onAmountChange(event.target.value)
|
|
5590
5617
|
}
|
|
5591
5618
|
),
|
|
5592
|
-
/* @__PURE__ */ (0,
|
|
5619
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
5593
5620
|
"button",
|
|
5594
5621
|
{
|
|
5595
5622
|
type: "button",
|
|
@@ -5603,8 +5630,8 @@ var WalletFormStep = ({
|
|
|
5603
5630
|
}
|
|
5604
5631
|
)
|
|
5605
5632
|
] }),
|
|
5606
|
-
estimatedReceive && feeEstimate && eta ? /* @__PURE__ */ (0,
|
|
5607
|
-
formErrorMessage ? /* @__PURE__ */ (0,
|
|
5633
|
+
estimatedReceive && feeEstimate && eta ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "agg-type-label text-agg-foreground", children: `\u2248 ${estimatedReceive} \xB7 ${labels.deposit.walletFlow.feePrefix} ${feeEstimate} \xB7 ${eta}` }) : null,
|
|
5634
|
+
formErrorMessage ? /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
|
|
5608
5635
|
"div",
|
|
5609
5636
|
{
|
|
5610
5637
|
className: cn(
|
|
@@ -5612,13 +5639,13 @@ var WalletFormStep = ({
|
|
|
5612
5639
|
formErrorTone === "warning" ? "text-agg-warning" : "text-agg-error"
|
|
5613
5640
|
),
|
|
5614
5641
|
children: [
|
|
5615
|
-
/* @__PURE__ */ (0,
|
|
5616
|
-
/* @__PURE__ */ (0,
|
|
5642
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(WarningIcon, { className: "mt-0.5 h-4 w-4 shrink-0" }),
|
|
5643
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "agg-type-label", children: formErrorMessage })
|
|
5617
5644
|
]
|
|
5618
5645
|
}
|
|
5619
5646
|
) : null
|
|
5620
5647
|
] }),
|
|
5621
|
-
/* @__PURE__ */ (0,
|
|
5648
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
5622
5649
|
Button,
|
|
5623
5650
|
{
|
|
5624
5651
|
variant: isConfirmEnabled ? "primary" : "secondary",
|
|
@@ -5638,7 +5665,7 @@ var WalletFormStep = ({
|
|
|
5638
5665
|
// src/deposit/steps/wallet-processing.tsx
|
|
5639
5666
|
var import_hooks24 = require("@agg-build/hooks");
|
|
5640
5667
|
var import_react6 = require("react");
|
|
5641
|
-
var
|
|
5668
|
+
var import_jsx_runtime111 = require("react/jsx-runtime");
|
|
5642
5669
|
var WalletProcessingStep = ({
|
|
5643
5670
|
steps,
|
|
5644
5671
|
errorMessage,
|
|
@@ -5651,14 +5678,14 @@ var WalletProcessingStep = ({
|
|
|
5651
5678
|
onComplete();
|
|
5652
5679
|
}
|
|
5653
5680
|
}, [steps, onComplete]);
|
|
5654
|
-
return /* @__PURE__ */ (0,
|
|
5655
|
-
/* @__PURE__ */ (0,
|
|
5656
|
-
/* @__PURE__ */ (0,
|
|
5681
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_jsx_runtime111.Fragment, { children: [
|
|
5682
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Modal.Header, { title: labels.deposit.processingTitle, hideBorder: true }),
|
|
5683
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex flex-col gap-5", children: [
|
|
5657
5684
|
steps.map((step) => {
|
|
5658
5685
|
const isComplete = step.status === "complete";
|
|
5659
5686
|
const isActive = step.status === "active";
|
|
5660
|
-
return /* @__PURE__ */ (0,
|
|
5661
|
-
isComplete ? /* @__PURE__ */ (0,
|
|
5687
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
5688
|
+
isComplete ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(CheckCircleIcon, { className: "h-4 w-4 text-agg-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
5662
5689
|
"span",
|
|
5663
5690
|
{
|
|
5664
5691
|
className: [
|
|
@@ -5668,7 +5695,7 @@ var WalletProcessingStep = ({
|
|
|
5668
5695
|
].join(" ")
|
|
5669
5696
|
}
|
|
5670
5697
|
),
|
|
5671
|
-
/* @__PURE__ */ (0,
|
|
5698
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
5672
5699
|
"p",
|
|
5673
5700
|
{
|
|
5674
5701
|
className: isComplete || isActive ? "agg-type-body text-agg-foreground" : "agg-type-body text-agg-muted-foreground",
|
|
@@ -5677,17 +5704,17 @@ var WalletProcessingStep = ({
|
|
|
5677
5704
|
)
|
|
5678
5705
|
] }, step.id);
|
|
5679
5706
|
}),
|
|
5680
|
-
errorMessage ? /* @__PURE__ */ (0,
|
|
5707
|
+
errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "agg-type-body text-agg-destructive", children: errorMessage }) : null
|
|
5681
5708
|
] }) })
|
|
5682
5709
|
] });
|
|
5683
5710
|
};
|
|
5684
5711
|
|
|
5685
5712
|
// src/deposit/steps/wallet-success.tsx
|
|
5686
5713
|
var import_hooks25 = require("@agg-build/hooks");
|
|
5687
|
-
var
|
|
5688
|
-
var SummaryRow2 = ({ label, value }) => /* @__PURE__ */ (0,
|
|
5689
|
-
/* @__PURE__ */ (0,
|
|
5690
|
-
/* @__PURE__ */ (0,
|
|
5714
|
+
var import_jsx_runtime112 = require("react/jsx-runtime");
|
|
5715
|
+
var SummaryRow2 = ({ label, value }) => /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
|
|
5716
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
|
|
5717
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { className: "agg-type-label text-agg-foreground", children: value })
|
|
5691
5718
|
] });
|
|
5692
5719
|
var WalletSuccessStep = ({
|
|
5693
5720
|
summary,
|
|
@@ -5695,42 +5722,42 @@ var WalletSuccessStep = ({
|
|
|
5695
5722
|
onClose
|
|
5696
5723
|
}) => {
|
|
5697
5724
|
const labels = (0, import_hooks25.useLabels)();
|
|
5698
|
-
return /* @__PURE__ */ (0,
|
|
5699
|
-
/* @__PURE__ */ (0,
|
|
5725
|
+
return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
|
|
5726
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
5700
5727
|
"button",
|
|
5701
5728
|
{
|
|
5702
5729
|
type: "button",
|
|
5703
5730
|
className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80",
|
|
5704
5731
|
onClick: onClose,
|
|
5705
5732
|
"aria-label": labels.common.close,
|
|
5706
|
-
children: /* @__PURE__ */ (0,
|
|
5733
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(CloseIcon, { className: "h-6 w-6" })
|
|
5707
5734
|
}
|
|
5708
5735
|
),
|
|
5709
|
-
/* @__PURE__ */ (0,
|
|
5710
|
-
/* @__PURE__ */ (0,
|
|
5711
|
-
/* @__PURE__ */ (0,
|
|
5712
|
-
/* @__PURE__ */ (0,
|
|
5713
|
-
/* @__PURE__ */ (0,
|
|
5736
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
|
|
5737
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15", children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
|
|
5738
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
|
|
5739
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.successTitle }),
|
|
5740
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.successDescription })
|
|
5714
5741
|
] }),
|
|
5715
|
-
/* @__PURE__ */ (0,
|
|
5716
|
-
/* @__PURE__ */ (0,
|
|
5742
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
|
|
5743
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
5717
5744
|
SummaryRow2,
|
|
5718
5745
|
{
|
|
5719
5746
|
label: labels.deposit.summary.amountReceived,
|
|
5720
5747
|
value: summary.amountReceived
|
|
5721
5748
|
}
|
|
5722
5749
|
),
|
|
5723
|
-
/* @__PURE__ */ (0,
|
|
5724
|
-
/* @__PURE__ */ (0,
|
|
5725
|
-
/* @__PURE__ */ (0,
|
|
5750
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)(SummaryRow2, { label: labels.deposit.summary.network, value: summary.network }),
|
|
5751
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)(SummaryRow2, { label: labels.deposit.summary.fromWallet, value: summary.fromWallet }),
|
|
5752
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)(SummaryRow2, { label: labels.deposit.summary.gasFee, value: summary.gasFee })
|
|
5726
5753
|
] }),
|
|
5727
|
-
/* @__PURE__ */ (0,
|
|
5754
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.deposit.done })
|
|
5728
5755
|
] })
|
|
5729
5756
|
] }) });
|
|
5730
5757
|
};
|
|
5731
5758
|
|
|
5732
5759
|
// src/deposit/index.tsx
|
|
5733
|
-
var
|
|
5760
|
+
var import_jsx_runtime113 = require("react/jsx-runtime");
|
|
5734
5761
|
var PENDING_CARD_SESSION_KEY = "agg-pending-card-session";
|
|
5735
5762
|
var DEFAULT_WALLET_CHAIN_ID = "1";
|
|
5736
5763
|
var DEFAULT_WALLET_TOKEN = "USDC";
|
|
@@ -5780,7 +5807,7 @@ function isControlledDepositModalProps(props) {
|
|
|
5780
5807
|
}
|
|
5781
5808
|
function DepositModalSelfDriven({ open, onOpenChange }) {
|
|
5782
5809
|
const depositProps = (0, import_deposit.useDepositFlow)({ open, onOpenChange });
|
|
5783
|
-
return /* @__PURE__ */ (0,
|
|
5810
|
+
return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(DepositModalControlled, __spreadValues({}, depositProps));
|
|
5784
5811
|
}
|
|
5785
5812
|
function DepositModalControlled({
|
|
5786
5813
|
open,
|
|
@@ -6100,8 +6127,8 @@ function DepositModalControlled({
|
|
|
6100
6127
|
onOpenChange(isOpen);
|
|
6101
6128
|
};
|
|
6102
6129
|
const depositModalMaxWidth = step === "method" ? "600px" : "480px";
|
|
6103
|
-
return /* @__PURE__ */ (0,
|
|
6104
|
-
step === "method" ? /* @__PURE__ */ (0,
|
|
6130
|
+
return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(Modal.Container, { maxWidth: depositModalMaxWidth, "aria-label": "Deposit", children: [
|
|
6131
|
+
step === "method" ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
|
|
6105
6132
|
DepositMethodStep,
|
|
6106
6133
|
{
|
|
6107
6134
|
balance: walletFlow.balance,
|
|
@@ -6115,7 +6142,7 @@ function DepositModalControlled({
|
|
|
6115
6142
|
onSelectMethod: handleSelectMethod
|
|
6116
6143
|
}
|
|
6117
6144
|
) : null,
|
|
6118
|
-
step === "wallet-form" ? /* @__PURE__ */ (0,
|
|
6145
|
+
step === "wallet-form" ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
|
|
6119
6146
|
WalletFormStep,
|
|
6120
6147
|
{
|
|
6121
6148
|
walletLabel: walletFlow.walletLabel,
|
|
@@ -6181,7 +6208,7 @@ function DepositModalControlled({
|
|
|
6181
6208
|
})
|
|
6182
6209
|
}
|
|
6183
6210
|
) : null,
|
|
6184
|
-
step === "wallet-processing" ? /* @__PURE__ */ (0,
|
|
6211
|
+
step === "wallet-processing" ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
|
|
6185
6212
|
WalletProcessingStep,
|
|
6186
6213
|
{
|
|
6187
6214
|
steps: processingSteps,
|
|
@@ -6189,7 +6216,7 @@ function DepositModalControlled({
|
|
|
6189
6216
|
onComplete: () => setStep("wallet-success")
|
|
6190
6217
|
}
|
|
6191
6218
|
) : null,
|
|
6192
|
-
step === "wallet-success" ? /* @__PURE__ */ (0,
|
|
6219
|
+
step === "wallet-success" ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
|
|
6193
6220
|
WalletSuccessStep,
|
|
6194
6221
|
{
|
|
6195
6222
|
summary: resolvedSuccessSummary,
|
|
@@ -6197,7 +6224,7 @@ function DepositModalControlled({
|
|
|
6197
6224
|
onClose: () => handleOpenChange(false)
|
|
6198
6225
|
}
|
|
6199
6226
|
) : null,
|
|
6200
|
-
step === "card-deposit" && cardFlow ? /* @__PURE__ */ (0,
|
|
6227
|
+
step === "card-deposit" && cardFlow ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
|
|
6201
6228
|
CardDepositStep,
|
|
6202
6229
|
{
|
|
6203
6230
|
amount: cardFlow.amount,
|
|
@@ -6219,7 +6246,7 @@ function DepositModalControlled({
|
|
|
6219
6246
|
onContinue: handleContinueCardDeposit
|
|
6220
6247
|
}
|
|
6221
6248
|
) : null,
|
|
6222
|
-
step === "card-provider" && cardFlow ? /* @__PURE__ */ (0,
|
|
6249
|
+
step === "card-provider" && cardFlow ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
|
|
6223
6250
|
CardProviderStep,
|
|
6224
6251
|
{
|
|
6225
6252
|
amount: cardFlow.amount,
|
|
@@ -6234,7 +6261,7 @@ function DepositModalControlled({
|
|
|
6234
6261
|
onRetry: handleRetryQuotes
|
|
6235
6262
|
}
|
|
6236
6263
|
) : null,
|
|
6237
|
-
step === "card-payment-pending" ? /* @__PURE__ */ (0,
|
|
6264
|
+
step === "card-payment-pending" ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
|
|
6238
6265
|
CardPaymentPendingStep,
|
|
6239
6266
|
{
|
|
6240
6267
|
providerName: pendingProviderName,
|
|
@@ -6244,7 +6271,7 @@ function DepositModalControlled({
|
|
|
6244
6271
|
onChooseAnotherProvider: handleChooseAnotherProvider
|
|
6245
6272
|
}
|
|
6246
6273
|
) : null,
|
|
6247
|
-
step === "card-success" ? /* @__PURE__ */ (0,
|
|
6274
|
+
step === "card-success" ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
|
|
6248
6275
|
CardPurchaseSuccessStep,
|
|
6249
6276
|
{
|
|
6250
6277
|
summary: (_g = pendingCardPurchaseSummary != null ? pendingCardPurchaseSummary : cardFlow == null ? void 0 : cardFlow.purchaseSummary) != null ? _g : {
|
|
@@ -6256,7 +6283,7 @@ function DepositModalControlled({
|
|
|
6256
6283
|
onDone: handleDoneCardPurchase
|
|
6257
6284
|
}
|
|
6258
6285
|
) : null,
|
|
6259
|
-
step === "crypto-transfer" ? /* @__PURE__ */ (0,
|
|
6286
|
+
step === "crypto-transfer" ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
|
|
6260
6287
|
CryptoTransferStep,
|
|
6261
6288
|
{
|
|
6262
6289
|
tokenOptions: sendTokenOptions,
|
|
@@ -6283,9 +6310,9 @@ function DepositModalControlled({
|
|
|
6283
6310
|
}
|
|
6284
6311
|
var DepositModal = (props) => {
|
|
6285
6312
|
if (!isControlledDepositModalProps(props)) {
|
|
6286
|
-
return /* @__PURE__ */ (0,
|
|
6313
|
+
return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(DepositModalSelfDriven, __spreadValues({}, props));
|
|
6287
6314
|
}
|
|
6288
|
-
return /* @__PURE__ */ (0,
|
|
6315
|
+
return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(DepositModalControlled, __spreadValues({}, props));
|
|
6289
6316
|
};
|
|
6290
6317
|
DepositModal.displayName = "DepositModal";
|
|
6291
6318
|
|
|
@@ -6295,21 +6322,21 @@ var import_withdraw = require("@agg-build/hooks/withdraw");
|
|
|
6295
6322
|
|
|
6296
6323
|
// src/withdraw/steps/withdraw-method.tsx
|
|
6297
6324
|
var import_hooks27 = require("@agg-build/hooks");
|
|
6298
|
-
var
|
|
6325
|
+
var import_jsx_runtime114 = require("react/jsx-runtime");
|
|
6299
6326
|
var WithdrawMethodStep = ({
|
|
6300
6327
|
balance,
|
|
6301
6328
|
onSelectMethod
|
|
6302
6329
|
}) => {
|
|
6303
6330
|
const labels = (0, import_hooks27.useLabels)();
|
|
6304
|
-
return /* @__PURE__ */ (0,
|
|
6305
|
-
/* @__PURE__ */ (0,
|
|
6306
|
-
/* @__PURE__ */ (0,
|
|
6307
|
-
/* @__PURE__ */ (0,
|
|
6331
|
+
return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(import_jsx_runtime114.Fragment, { children: [
|
|
6332
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Modal.Header, { title: labels.withdraw.title, hideBorder: true }),
|
|
6333
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "flex flex-col gap-5", children: [
|
|
6334
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("p", { className: "agg-type-body text-agg-foreground", children: [
|
|
6308
6335
|
labels.withdraw.balancePrefix,
|
|
6309
6336
|
" ",
|
|
6310
6337
|
formatCompactUsd(balance)
|
|
6311
6338
|
] }),
|
|
6312
|
-
/* @__PURE__ */ (0,
|
|
6339
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
|
|
6313
6340
|
"div",
|
|
6314
6341
|
{
|
|
6315
6342
|
className: cn(
|
|
@@ -6326,12 +6353,12 @@ var WithdrawMethodStep = ({
|
|
|
6326
6353
|
}
|
|
6327
6354
|
},
|
|
6328
6355
|
children: [
|
|
6329
|
-
/* @__PURE__ */ (0,
|
|
6330
|
-
/* @__PURE__ */ (0,
|
|
6331
|
-
/* @__PURE__ */ (0,
|
|
6332
|
-
/* @__PURE__ */ (0,
|
|
6356
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(WalletIcon, { className: "h-6 w-6 text-agg-muted-foreground" }) }),
|
|
6357
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "flex-1 min-w-0", children: [
|
|
6358
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: labels.withdraw.methods.walletTitle }),
|
|
6359
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: labels.withdraw.methods.walletDescription })
|
|
6333
6360
|
] }),
|
|
6334
|
-
/* @__PURE__ */ (0,
|
|
6361
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "shrink-0 text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(ChevronRightIcon, { className: "h-5 w-5" }) })
|
|
6335
6362
|
]
|
|
6336
6363
|
}
|
|
6337
6364
|
)
|
|
@@ -6341,7 +6368,7 @@ var WithdrawMethodStep = ({
|
|
|
6341
6368
|
|
|
6342
6369
|
// src/withdraw/steps/withdraw-amount.tsx
|
|
6343
6370
|
var import_hooks28 = require("@agg-build/hooks");
|
|
6344
|
-
var
|
|
6371
|
+
var import_jsx_runtime115 = require("react/jsx-runtime");
|
|
6345
6372
|
var formatRawTokenAmount = (rawAmount, decimals) => {
|
|
6346
6373
|
if (!rawAmount) return "0";
|
|
6347
6374
|
const raw = BigInt(rawAmount);
|
|
@@ -6410,29 +6437,29 @@ var WithdrawAmountStep = ({
|
|
|
6410
6437
|
youReceive: preview.data.receiveAmountRaw != null ? `~${formatRawTokenAmount(preview.data.receiveAmountRaw, destDecimals)} ${selectedToken}` : "\u2014"
|
|
6411
6438
|
} : null;
|
|
6412
6439
|
const shouldShowWithdrawEstimate = Boolean(withdrawEstimate);
|
|
6413
|
-
return /* @__PURE__ */ (0,
|
|
6414
|
-
/* @__PURE__ */ (0,
|
|
6440
|
+
return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(import_jsx_runtime115.Fragment, { children: [
|
|
6441
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
6415
6442
|
Modal.Header,
|
|
6416
6443
|
{
|
|
6417
6444
|
title: labels.withdraw.walletFlow.title,
|
|
6418
6445
|
hideBorder: true,
|
|
6419
|
-
leftElement: /* @__PURE__ */ (0,
|
|
6446
|
+
leftElement: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
6420
6447
|
"button",
|
|
6421
6448
|
{
|
|
6422
6449
|
type: "button",
|
|
6423
6450
|
className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
|
|
6424
6451
|
onClick: onBack,
|
|
6425
6452
|
"aria-label": labels.withdraw.back,
|
|
6426
|
-
children: /* @__PURE__ */ (0,
|
|
6453
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
|
|
6427
6454
|
}
|
|
6428
6455
|
)
|
|
6429
6456
|
}
|
|
6430
6457
|
),
|
|
6431
|
-
/* @__PURE__ */ (0,
|
|
6432
|
-
/* @__PURE__ */ (0,
|
|
6433
|
-
/* @__PURE__ */ (0,
|
|
6434
|
-
/* @__PURE__ */ (0,
|
|
6435
|
-
/* @__PURE__ */ (0,
|
|
6458
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "flex flex-col gap-5", children: [
|
|
6459
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "flex flex-col gap-5", children: [
|
|
6460
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
6461
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.recipientAddressLabel }),
|
|
6462
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
6436
6463
|
"input",
|
|
6437
6464
|
{
|
|
6438
6465
|
type: "text",
|
|
@@ -6448,17 +6475,17 @@ var WithdrawAmountStep = ({
|
|
|
6448
6475
|
}
|
|
6449
6476
|
)
|
|
6450
6477
|
] }),
|
|
6451
|
-
/* @__PURE__ */ (0,
|
|
6452
|
-
/* @__PURE__ */ (0,
|
|
6453
|
-
/* @__PURE__ */ (0,
|
|
6454
|
-
/* @__PURE__ */ (0,
|
|
6478
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
6479
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "flex items-center justify-between", children: [
|
|
6480
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.amountLabel }),
|
|
6481
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
|
|
6455
6482
|
labels.withdraw.balancePrefix,
|
|
6456
6483
|
" ",
|
|
6457
6484
|
balanceDisplay
|
|
6458
6485
|
] })
|
|
6459
6486
|
] }),
|
|
6460
|
-
/* @__PURE__ */ (0,
|
|
6461
|
-
/* @__PURE__ */ (0,
|
|
6487
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "flex h-10 items-center gap-2 rounded border border-agg-separator bg-agg-secondary px-3 focus-within:border-agg-primary transition-colors", children: [
|
|
6488
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
6462
6489
|
"input",
|
|
6463
6490
|
{
|
|
6464
6491
|
type: "text",
|
|
@@ -6473,8 +6500,8 @@ var WithdrawAmountStep = ({
|
|
|
6473
6500
|
onChange: (e) => onAmountChange(e.target.value)
|
|
6474
6501
|
}
|
|
6475
6502
|
),
|
|
6476
|
-
/* @__PURE__ */ (0,
|
|
6477
|
-
onMaxClick ? /* @__PURE__ */ (0,
|
|
6503
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: "agg-type-body text-agg-muted-foreground shrink-0", children: selectedToken }),
|
|
6504
|
+
onMaxClick ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
6478
6505
|
"button",
|
|
6479
6506
|
{
|
|
6480
6507
|
type: "button",
|
|
@@ -6485,10 +6512,10 @@ var WithdrawAmountStep = ({
|
|
|
6485
6512
|
) : null
|
|
6486
6513
|
] })
|
|
6487
6514
|
] }),
|
|
6488
|
-
/* @__PURE__ */ (0,
|
|
6489
|
-
/* @__PURE__ */ (0,
|
|
6490
|
-
/* @__PURE__ */ (0,
|
|
6491
|
-
/* @__PURE__ */ (0,
|
|
6515
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "flex flex-col gap-3 sm:flex-row sm:gap-5", children: [
|
|
6516
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
|
|
6517
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.tokenLabel }),
|
|
6518
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
6492
6519
|
Select,
|
|
6493
6520
|
{
|
|
6494
6521
|
items: tokenOptions,
|
|
@@ -6498,9 +6525,9 @@ var WithdrawAmountStep = ({
|
|
|
6498
6525
|
}
|
|
6499
6526
|
)
|
|
6500
6527
|
] }),
|
|
6501
|
-
/* @__PURE__ */ (0,
|
|
6502
|
-
/* @__PURE__ */ (0,
|
|
6503
|
-
/* @__PURE__ */ (0,
|
|
6528
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
|
|
6529
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.networkLabel }),
|
|
6530
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
6504
6531
|
Select,
|
|
6505
6532
|
{
|
|
6506
6533
|
items: networkOptions,
|
|
@@ -6511,47 +6538,47 @@ var WithdrawAmountStep = ({
|
|
|
6511
6538
|
)
|
|
6512
6539
|
] })
|
|
6513
6540
|
] }),
|
|
6514
|
-
shouldShowWithdrawEstimate && withdrawEstimate ? /* @__PURE__ */ (0,
|
|
6515
|
-
previewUnviableMessage ? /* @__PURE__ */ (0,
|
|
6541
|
+
shouldShowWithdrawEstimate && withdrawEstimate ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(TransferFeeSummary, { estimate: withdrawEstimate, view: "withdraw" }) : null,
|
|
6542
|
+
previewUnviableMessage ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("p", { className: "agg-type-label text-agg-error", role: "alert", children: previewUnviableMessage }) : null
|
|
6516
6543
|
] }),
|
|
6517
|
-
/* @__PURE__ */ (0,
|
|
6544
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
6518
6545
|
Button,
|
|
6519
6546
|
{
|
|
6520
6547
|
variant: isValid && !isConfirming && !previewUnviable && !previewLoading ? "primary" : "secondary",
|
|
6521
6548
|
size: "large",
|
|
6522
6549
|
className: "w-full",
|
|
6523
6550
|
disabled: isDisabled,
|
|
6524
|
-
prefix: previewLoading && !isConfirming ? /* @__PURE__ */ (0,
|
|
6551
|
+
prefix: previewLoading && !isConfirming ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(LoadingIcon, { size: "small", className: "mr-2 text-current" }) : void 0,
|
|
6525
6552
|
onClick: onContinue,
|
|
6526
6553
|
children: isConfirming ? labels.common.loading : previewLoading ? labels.withdraw.walletFlow.calculatingFees : labels.withdraw.walletFlow.confirm
|
|
6527
6554
|
}
|
|
6528
6555
|
),
|
|
6529
|
-
error ? /* @__PURE__ */ (0,
|
|
6556
|
+
error ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("p", { className: "agg-type-label text-agg-error text-center", role: "alert", children: error }) : null
|
|
6530
6557
|
] }) })
|
|
6531
6558
|
] });
|
|
6532
6559
|
};
|
|
6533
6560
|
|
|
6534
6561
|
// src/withdraw/steps/withdraw-success.tsx
|
|
6535
6562
|
var import_hooks29 = require("@agg-build/hooks");
|
|
6536
|
-
var
|
|
6537
|
-
var SummaryRow3 = ({ label, value }) => /* @__PURE__ */ (0,
|
|
6538
|
-
/* @__PURE__ */ (0,
|
|
6539
|
-
/* @__PURE__ */ (0,
|
|
6563
|
+
var import_jsx_runtime116 = require("react/jsx-runtime");
|
|
6564
|
+
var SummaryRow3 = ({ label, value }) => /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex items-center justify-between gap-4 border-b border-agg-separator py-2 last:border-b-0", children: [
|
|
6565
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)("p", { className: "min-w-0 text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
|
|
6566
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)("p", { className: "min-w-0 text-right text-[14px] leading-5 text-agg-foreground", children: value })
|
|
6540
6567
|
] });
|
|
6541
|
-
var WithdrawCloseButton = ({ onClose, label }) => /* @__PURE__ */ (0,
|
|
6568
|
+
var WithdrawCloseButton = ({ onClose, label }) => /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
6542
6569
|
"button",
|
|
6543
6570
|
{
|
|
6544
6571
|
type: "button",
|
|
6545
6572
|
className: "absolute right-8 top-7 flex cursor-pointer items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
|
|
6546
6573
|
onClick: onClose,
|
|
6547
6574
|
"aria-label": label,
|
|
6548
|
-
children: /* @__PURE__ */ (0,
|
|
6575
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(CloseIcon, { className: "h-6 w-6" })
|
|
6549
6576
|
}
|
|
6550
6577
|
);
|
|
6551
6578
|
var LoadingGlyph = ({
|
|
6552
6579
|
className,
|
|
6553
6580
|
enableAnimations
|
|
6554
|
-
}) => /* @__PURE__ */ (0,
|
|
6581
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
6555
6582
|
"span",
|
|
6556
6583
|
{
|
|
6557
6584
|
"aria-hidden": "true",
|
|
@@ -6584,26 +6611,26 @@ var WithdrawLoadingStep = ({
|
|
|
6584
6611
|
const walletFlowLabels = labels.withdraw.walletFlow;
|
|
6585
6612
|
const activeIndex = loadingActiveIndexFor(lifecycleState);
|
|
6586
6613
|
const loadingSteps = getLoadingSteps(walletFlowLabels);
|
|
6587
|
-
return /* @__PURE__ */ (0,
|
|
6588
|
-
/* @__PURE__ */ (0,
|
|
6589
|
-
/* @__PURE__ */ (0,
|
|
6590
|
-
/* @__PURE__ */ (0,
|
|
6614
|
+
return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Modal.Body, { classNames: { root: "px-8 py-7" }, children: /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex flex-col gap-7", children: [
|
|
6615
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
|
|
6616
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: walletFlowLabels.successTitle }),
|
|
6617
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
6591
6618
|
"button",
|
|
6592
6619
|
{
|
|
6593
6620
|
type: "button",
|
|
6594
6621
|
className: "flex cursor-pointer items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
|
|
6595
6622
|
onClick: onClose,
|
|
6596
6623
|
"aria-label": labels.common.close,
|
|
6597
|
-
children: /* @__PURE__ */ (0,
|
|
6624
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(CloseIcon, { className: "h-6 w-6" })
|
|
6598
6625
|
}
|
|
6599
6626
|
)
|
|
6600
6627
|
] }),
|
|
6601
|
-
/* @__PURE__ */ (0,
|
|
6628
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "flex flex-col gap-5", role: "status", "aria-live": "polite", children: loadingSteps.map((step, index) => {
|
|
6602
6629
|
const isComplete = index < activeIndex;
|
|
6603
6630
|
const isActive = index === activeIndex;
|
|
6604
6631
|
const textClassName = isActive || isComplete ? "text-agg-foreground" : "text-agg-muted-foreground";
|
|
6605
|
-
return /* @__PURE__ */ (0,
|
|
6606
|
-
isComplete ? /* @__PURE__ */ (0,
|
|
6632
|
+
return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
6633
|
+
isComplete ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
6607
6634
|
Icon,
|
|
6608
6635
|
{
|
|
6609
6636
|
name: "check-circle",
|
|
@@ -6612,24 +6639,24 @@ var WithdrawLoadingStep = ({
|
|
|
6612
6639
|
"aria-hidden": "true"
|
|
6613
6640
|
}
|
|
6614
6641
|
) : null,
|
|
6615
|
-
isActive ? /* @__PURE__ */ (0,
|
|
6642
|
+
isActive ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
6616
6643
|
LoadingGlyph,
|
|
6617
6644
|
{
|
|
6618
6645
|
enableAnimations,
|
|
6619
6646
|
className: "h-4 w-4 shrink-0 text-agg-primary"
|
|
6620
6647
|
}
|
|
6621
6648
|
) : null,
|
|
6622
|
-
!isComplete && !isActive ? /* @__PURE__ */ (0,
|
|
6649
|
+
!isComplete && !isActive ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
6623
6650
|
"span",
|
|
6624
6651
|
{
|
|
6625
6652
|
"aria-hidden": "true",
|
|
6626
6653
|
className: "h-4 w-4 shrink-0 rounded-full border border-agg-separator"
|
|
6627
6654
|
}
|
|
6628
6655
|
) : null,
|
|
6629
|
-
/* @__PURE__ */ (0,
|
|
6656
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)("p", { className: cn("min-w-0 flex-1 text-agg-base leading-agg-6", textClassName), children: step.label })
|
|
6630
6657
|
] }, step.id);
|
|
6631
6658
|
}) }),
|
|
6632
|
-
/* @__PURE__ */ (0,
|
|
6659
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: walletFlowLabels.loadingDescription })
|
|
6633
6660
|
] }) }) });
|
|
6634
6661
|
};
|
|
6635
6662
|
var resultCopyFor = ({
|
|
@@ -6672,10 +6699,10 @@ var WithdrawSuccessStep = ({
|
|
|
6672
6699
|
labels: walletFlowLabels
|
|
6673
6700
|
});
|
|
6674
6701
|
const isFailed = resultStatus === "failed";
|
|
6675
|
-
return /* @__PURE__ */ (0,
|
|
6676
|
-
/* @__PURE__ */ (0,
|
|
6677
|
-
/* @__PURE__ */ (0,
|
|
6678
|
-
/* @__PURE__ */ (0,
|
|
6702
|
+
return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(Modal.Body, { classNames: { root: "px-10 py-12" }, children: [
|
|
6703
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(WithdrawCloseButton, { onClose, label: labels.common.close }),
|
|
6704
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex flex-col items-center justify-center gap-8 text-center", children: [
|
|
6705
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
6679
6706
|
"div",
|
|
6680
6707
|
{
|
|
6681
6708
|
className: cn(
|
|
@@ -6683,12 +6710,12 @@ var WithdrawSuccessStep = ({
|
|
|
6683
6710
|
isFailed ? "bg-agg-error/15" : "bg-agg-success/15"
|
|
6684
6711
|
),
|
|
6685
6712
|
"aria-hidden": "true",
|
|
6686
|
-
children: isFailed ? /* @__PURE__ */ (0,
|
|
6713
|
+
children: isFailed ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(CloseIcon, { className: "h-6 w-6 text-agg-error" }) : /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" })
|
|
6687
6714
|
}
|
|
6688
6715
|
),
|
|
6689
|
-
/* @__PURE__ */ (0,
|
|
6690
|
-
/* @__PURE__ */ (0,
|
|
6691
|
-
/* @__PURE__ */ (0,
|
|
6716
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex w-full flex-col items-center gap-3 text-center text-agg-foreground", children: [
|
|
6717
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold", children: title }),
|
|
6718
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
6692
6719
|
"p",
|
|
6693
6720
|
{
|
|
6694
6721
|
className: "max-w-[400px] text-agg-base leading-agg-6",
|
|
@@ -6697,35 +6724,35 @@ var WithdrawSuccessStep = ({
|
|
|
6697
6724
|
}
|
|
6698
6725
|
)
|
|
6699
6726
|
] }),
|
|
6700
|
-
!isFailed ? /* @__PURE__ */ (0,
|
|
6701
|
-
/* @__PURE__ */ (0,
|
|
6727
|
+
!isFailed ? /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex w-full max-w-[400px] flex-col rounded-agg-lg border border-agg-separator bg-agg-secondary px-3 py-1 text-left", children: [
|
|
6728
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
6702
6729
|
SummaryRow3,
|
|
6703
6730
|
{
|
|
6704
6731
|
label: walletFlowLabels.summary.requestedWithdrawal,
|
|
6705
6732
|
value: requestedWithdrawal
|
|
6706
6733
|
}
|
|
6707
6734
|
),
|
|
6708
|
-
/* @__PURE__ */ (0,
|
|
6735
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
6709
6736
|
SummaryRow3,
|
|
6710
6737
|
{
|
|
6711
6738
|
label: walletFlowLabels.summary.amountReceived,
|
|
6712
6739
|
value: summary.amountReceived
|
|
6713
6740
|
}
|
|
6714
6741
|
),
|
|
6715
|
-
/* @__PURE__ */ (0,
|
|
6716
|
-
/* @__PURE__ */ (0,
|
|
6717
|
-
/* @__PURE__ */ (0,
|
|
6742
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(SummaryRow3, { label: walletFlowLabels.summary.fees, value: summary.fees }),
|
|
6743
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(SummaryRow3, { label: walletFlowLabels.summary.network, value: summary.network }),
|
|
6744
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(SummaryRow3, { label: walletFlowLabels.summary.toWallet, value: summary.toWallet })
|
|
6718
6745
|
] }) : null,
|
|
6719
|
-
isFailed ? /* @__PURE__ */ (0,
|
|
6720
|
-
/* @__PURE__ */ (0,
|
|
6721
|
-
/* @__PURE__ */ (0,
|
|
6722
|
-
] }) : /* @__PURE__ */ (0,
|
|
6746
|
+
isFailed ? /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex items-center justify-center gap-3", children: [
|
|
6747
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onClose, children: walletFlowLabels.close }),
|
|
6748
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Button, { variant: "primary", size: "large", className: "w-[123px]", onClick: onRetry, children: walletFlowLabels.retry })
|
|
6749
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.withdraw.done })
|
|
6723
6750
|
] })
|
|
6724
6751
|
] }) });
|
|
6725
6752
|
};
|
|
6726
6753
|
|
|
6727
6754
|
// src/withdraw/index.tsx
|
|
6728
|
-
var
|
|
6755
|
+
var import_jsx_runtime117 = require("react/jsx-runtime");
|
|
6729
6756
|
var DEFAULT_TOKEN_DECIMALS = 6;
|
|
6730
6757
|
var TOKEN_DECIMALS_BY_SYMBOL = {
|
|
6731
6758
|
BNB: 18,
|
|
@@ -6808,7 +6835,7 @@ function WithdrawModalSelfDriven({
|
|
|
6808
6835
|
onOpenChange
|
|
6809
6836
|
}) {
|
|
6810
6837
|
const withdrawProps = (0, import_withdraw.useWithdrawFlow)({ open, onOpenChange });
|
|
6811
|
-
return /* @__PURE__ */ (0,
|
|
6838
|
+
return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(WithdrawModalControlled, __spreadValues({}, withdrawProps));
|
|
6812
6839
|
}
|
|
6813
6840
|
function WithdrawModalControlled({
|
|
6814
6841
|
open,
|
|
@@ -6906,15 +6933,15 @@ function WithdrawModalControlled({
|
|
|
6906
6933
|
tokenSymbol: withdrawFlow.selectedToken,
|
|
6907
6934
|
chainId: withdrawFlow.selectedNetwork
|
|
6908
6935
|
});
|
|
6909
|
-
return /* @__PURE__ */ (0,
|
|
6910
|
-
flowState.status === "form" && flowState.formStep === "method" ? /* @__PURE__ */ (0,
|
|
6936
|
+
return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(Modal.Container, { maxWidth: modalMaxWidth, "aria-label": "Withdraw", children: [
|
|
6937
|
+
flowState.status === "form" && flowState.formStep === "method" ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
6911
6938
|
WithdrawMethodStep,
|
|
6912
6939
|
{
|
|
6913
6940
|
balance: withdrawFlow.balance,
|
|
6914
6941
|
onSelectMethod: () => setFlowState({ status: "form", formStep: "withdraw-amount" })
|
|
6915
6942
|
}
|
|
6916
6943
|
) : null,
|
|
6917
|
-
flowState.status === "form" && flowState.formStep === "withdraw-amount" ? /* @__PURE__ */ (0,
|
|
6944
|
+
flowState.status === "form" && flowState.formStep === "withdraw-amount" ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
6918
6945
|
WithdrawAmountStep,
|
|
6919
6946
|
{
|
|
6920
6947
|
amount: withdrawFlow.amount,
|
|
@@ -6940,14 +6967,14 @@ function WithdrawModalControlled({
|
|
|
6940
6967
|
onContinue: handleConfirm
|
|
6941
6968
|
}
|
|
6942
6969
|
) : null,
|
|
6943
|
-
flowState.status === "loading" ? /* @__PURE__ */ (0,
|
|
6970
|
+
flowState.status === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
6944
6971
|
WithdrawLoadingStep,
|
|
6945
6972
|
{
|
|
6946
6973
|
lifecycleState: withdrawalLifecycleState,
|
|
6947
6974
|
onClose: () => handleOpenChange(false)
|
|
6948
6975
|
}
|
|
6949
6976
|
) : null,
|
|
6950
|
-
flowState.status === "success" || flowState.status === "partial_success" || flowState.status === "failed" ? /* @__PURE__ */ (0,
|
|
6977
|
+
flowState.status === "success" || flowState.status === "partial_success" || flowState.status === "failed" ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
6951
6978
|
WithdrawSuccessStep,
|
|
6952
6979
|
{
|
|
6953
6980
|
summary: terminalSummary,
|
|
@@ -6964,9 +6991,9 @@ function WithdrawModalControlled({
|
|
|
6964
6991
|
}
|
|
6965
6992
|
var WithdrawModal = (props) => {
|
|
6966
6993
|
if (isControlledWithdrawModalProps(props)) {
|
|
6967
|
-
return /* @__PURE__ */ (0,
|
|
6994
|
+
return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(WithdrawModalControlled, __spreadValues({}, props));
|
|
6968
6995
|
}
|
|
6969
|
-
return /* @__PURE__ */ (0,
|
|
6996
|
+
return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(WithdrawModalSelfDriven, __spreadValues({}, props));
|
|
6970
6997
|
};
|
|
6971
6998
|
WithdrawModal.displayName = "WithdrawModal";
|
|
6972
6999
|
|
|
@@ -6993,12 +7020,12 @@ var ONCHAIN_VENUES = [import_sdk10.Venue.polymarket, import_sdk10.Venue.opinion,
|
|
|
6993
7020
|
// src/onboarding/steps/how-it-works.tsx
|
|
6994
7021
|
var import_react9 = require("react");
|
|
6995
7022
|
var import_hooks30 = require("@agg-build/hooks");
|
|
6996
|
-
var
|
|
7023
|
+
var import_jsx_runtime118 = require("react/jsx-runtime");
|
|
6997
7024
|
var defaultIcons = {
|
|
6998
|
-
createAccount: /* @__PURE__ */ (0,
|
|
6999
|
-
linkAccounts: /* @__PURE__ */ (0,
|
|
7000
|
-
bestPrices: /* @__PURE__ */ (0,
|
|
7001
|
-
stayInControl: /* @__PURE__ */ (0,
|
|
7025
|
+
createAccount: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(CreateAccountIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
|
|
7026
|
+
linkAccounts: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(LinkAccountsIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
|
|
7027
|
+
bestPrices: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(BestPricesIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
|
|
7028
|
+
stayInControl: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(StayInControlIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" })
|
|
7002
7029
|
};
|
|
7003
7030
|
var HowItWorksStep = ({ onContinue, icons }) => {
|
|
7004
7031
|
const labels = (0, import_hooks30.useLabels)();
|
|
@@ -7011,10 +7038,10 @@ var HowItWorksStep = ({ onContinue, icons }) => {
|
|
|
7011
7038
|
setShowTopGradient(el.scrollTop > 0);
|
|
7012
7039
|
setShowBottomGradient(el.scrollTop + el.clientHeight < el.scrollHeight - 1);
|
|
7013
7040
|
}, []);
|
|
7014
|
-
return /* @__PURE__ */ (0,
|
|
7015
|
-
/* @__PURE__ */ (0,
|
|
7016
|
-
/* @__PURE__ */ (0,
|
|
7017
|
-
/* @__PURE__ */ (0,
|
|
7041
|
+
return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex flex-col gap-6 h-[600px] sm:h-auto", children: [
|
|
7042
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.howItWorks.title }),
|
|
7043
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "relative flex-1 min-h-0 sm:flex-initial", children: [
|
|
7044
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
7018
7045
|
"div",
|
|
7019
7046
|
{
|
|
7020
7047
|
ref: scrollRef,
|
|
@@ -7024,7 +7051,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
|
|
|
7024
7051
|
var _a;
|
|
7025
7052
|
const icon = (_a = icons == null ? void 0 : icons[featureKey]) != null ? _a : defaultIcons[featureKey];
|
|
7026
7053
|
const feature = labels.onboarding.howItWorks.features[featureKey];
|
|
7027
|
-
return /* @__PURE__ */ (0,
|
|
7054
|
+
return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
|
|
7028
7055
|
"div",
|
|
7029
7056
|
{
|
|
7030
7057
|
className: cn(
|
|
@@ -7033,11 +7060,11 @@ var HowItWorksStep = ({ onContinue, icons }) => {
|
|
|
7033
7060
|
"bg-agg-secondary-hover"
|
|
7034
7061
|
),
|
|
7035
7062
|
children: [
|
|
7036
|
-
/* @__PURE__ */ (0,
|
|
7037
|
-
/* @__PURE__ */ (0,
|
|
7038
|
-
/* @__PURE__ */ (0,
|
|
7063
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex flex-col flex-1 min-w-0 gap-[6px]", children: [
|
|
7064
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: feature.title }),
|
|
7065
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: feature.description })
|
|
7039
7066
|
] }),
|
|
7040
|
-
icon ? /* @__PURE__ */ (0,
|
|
7067
|
+
icon ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "hidden shrink-0 items-center justify-center text-agg-muted-foreground sm:flex", children: icon }) : null
|
|
7041
7068
|
]
|
|
7042
7069
|
},
|
|
7043
7070
|
featureKey
|
|
@@ -7045,7 +7072,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
|
|
|
7045
7072
|
})
|
|
7046
7073
|
}
|
|
7047
7074
|
),
|
|
7048
|
-
/* @__PURE__ */ (0,
|
|
7075
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
7049
7076
|
"div",
|
|
7050
7077
|
{
|
|
7051
7078
|
className: cn(
|
|
@@ -7056,7 +7083,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
|
|
|
7056
7083
|
)
|
|
7057
7084
|
}
|
|
7058
7085
|
),
|
|
7059
|
-
/* @__PURE__ */ (0,
|
|
7086
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
7060
7087
|
"div",
|
|
7061
7088
|
{
|
|
7062
7089
|
className: cn(
|
|
@@ -7068,7 +7095,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
|
|
|
7068
7095
|
}
|
|
7069
7096
|
)
|
|
7070
7097
|
] }),
|
|
7071
|
-
/* @__PURE__ */ (0,
|
|
7098
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, { variant: "primary", size: "large", className: "w-full", onClick: onContinue, children: labels.onboarding.howItWorks.continue })
|
|
7072
7099
|
] });
|
|
7073
7100
|
};
|
|
7074
7101
|
HowItWorksStep.displayName = "HowItWorksStep";
|
|
@@ -7098,7 +7125,7 @@ var resolveVenueLogoIsColor = ({
|
|
|
7098
7125
|
};
|
|
7099
7126
|
|
|
7100
7127
|
// src/primitives/venue-logo/index.tsx
|
|
7101
|
-
var
|
|
7128
|
+
var import_jsx_runtime119 = require("react/jsx-runtime");
|
|
7102
7129
|
var VenueLogo = ({
|
|
7103
7130
|
venue,
|
|
7104
7131
|
variant = "icon",
|
|
@@ -7124,7 +7151,7 @@ var VenueLogo = ({
|
|
|
7124
7151
|
console.warn(`[AggUI] Unknown venue "${venue}" \u2014 using default logo`);
|
|
7125
7152
|
}
|
|
7126
7153
|
if (variant === "logo") {
|
|
7127
|
-
return /* @__PURE__ */ (0,
|
|
7154
|
+
return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
7128
7155
|
RemoteImage,
|
|
7129
7156
|
{
|
|
7130
7157
|
src: (_a = venueLogoUrlRegistry[venue]) != null ? _a : DEFAULT_VENUE_LOGO_URL,
|
|
@@ -7139,7 +7166,7 @@ var VenueLogo = ({
|
|
|
7139
7166
|
isColor,
|
|
7140
7167
|
isMonochromatic
|
|
7141
7168
|
});
|
|
7142
|
-
return /* @__PURE__ */ (0,
|
|
7169
|
+
return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
7143
7170
|
Component,
|
|
7144
7171
|
{
|
|
7145
7172
|
className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
|
|
@@ -7211,7 +7238,7 @@ var findEdgeEnabledIndex = (items, direction) => {
|
|
|
7211
7238
|
};
|
|
7212
7239
|
|
|
7213
7240
|
// src/primitives/tabs/index.tsx
|
|
7214
|
-
var
|
|
7241
|
+
var import_jsx_runtime120 = require("react/jsx-runtime");
|
|
7215
7242
|
var getTabButtonClassName = ({
|
|
7216
7243
|
enableAnimations,
|
|
7217
7244
|
isBarVariant,
|
|
@@ -7526,7 +7553,7 @@ var Tabs = ({
|
|
|
7526
7553
|
});
|
|
7527
7554
|
}, [enableAnimations, renderedItems, shouldUseOverflowScroll, value]);
|
|
7528
7555
|
if (shouldUseOverflowSelect) {
|
|
7529
|
-
return /* @__PURE__ */ (0,
|
|
7556
|
+
return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: cn("group/agg-tabs w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
|
|
7530
7557
|
Select,
|
|
7531
7558
|
{
|
|
7532
7559
|
ariaLabel,
|
|
@@ -7538,7 +7565,7 @@ var Tabs = ({
|
|
|
7538
7565
|
}
|
|
7539
7566
|
) });
|
|
7540
7567
|
}
|
|
7541
|
-
return /* @__PURE__ */ (0,
|
|
7568
|
+
return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
|
|
7542
7569
|
"div",
|
|
7543
7570
|
{
|
|
7544
7571
|
className: cn(
|
|
@@ -7549,7 +7576,7 @@ var Tabs = ({
|
|
|
7549
7576
|
classNames == null ? void 0 : classNames.root
|
|
7550
7577
|
),
|
|
7551
7578
|
children: [
|
|
7552
|
-
/* @__PURE__ */ (0,
|
|
7579
|
+
/* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
|
|
7553
7580
|
"div",
|
|
7554
7581
|
{
|
|
7555
7582
|
ref: tabListRef,
|
|
@@ -7567,7 +7594,7 @@ var Tabs = ({
|
|
|
7567
7594
|
var _a;
|
|
7568
7595
|
const isActive = item.value === value;
|
|
7569
7596
|
const isComingSoon = (_a = item == null ? void 0 : item.isComingSoon) != null ? _a : false;
|
|
7570
|
-
return /* @__PURE__ */ (0,
|
|
7597
|
+
return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
|
|
7571
7598
|
"button",
|
|
7572
7599
|
{
|
|
7573
7600
|
ref: (buttonElement) => {
|
|
@@ -7602,7 +7629,7 @@ var Tabs = ({
|
|
|
7602
7629
|
),
|
|
7603
7630
|
children: [
|
|
7604
7631
|
item.icon ? item.icon : null,
|
|
7605
|
-
/* @__PURE__ */ (0,
|
|
7632
|
+
/* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
|
|
7606
7633
|
"span",
|
|
7607
7634
|
{
|
|
7608
7635
|
className: cn(
|
|
@@ -7620,7 +7647,7 @@ var Tabs = ({
|
|
|
7620
7647
|
item.value
|
|
7621
7648
|
);
|
|
7622
7649
|
}),
|
|
7623
|
-
!isBarVariant ? /* @__PURE__ */ (0,
|
|
7650
|
+
!isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
|
|
7624
7651
|
"span",
|
|
7625
7652
|
{
|
|
7626
7653
|
"aria-hidden": true,
|
|
@@ -7639,8 +7666,8 @@ var Tabs = ({
|
|
|
7639
7666
|
]
|
|
7640
7667
|
}
|
|
7641
7668
|
),
|
|
7642
|
-
shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ (0,
|
|
7643
|
-
/* @__PURE__ */ (0,
|
|
7669
|
+
shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_jsx_runtime120.Fragment, { children: [
|
|
7670
|
+
/* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
|
|
7644
7671
|
"span",
|
|
7645
7672
|
{
|
|
7646
7673
|
"aria-hidden": true,
|
|
@@ -7652,7 +7679,7 @@ var Tabs = ({
|
|
|
7652
7679
|
)
|
|
7653
7680
|
}
|
|
7654
7681
|
),
|
|
7655
|
-
/* @__PURE__ */ (0,
|
|
7682
|
+
/* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
|
|
7656
7683
|
"span",
|
|
7657
7684
|
{
|
|
7658
7685
|
"aria-hidden": true,
|
|
@@ -7665,8 +7692,8 @@ var Tabs = ({
|
|
|
7665
7692
|
}
|
|
7666
7693
|
)
|
|
7667
7694
|
] }) : null,
|
|
7668
|
-
shouldUseOverflowScroll && isBarVariant ? /* @__PURE__ */ (0,
|
|
7669
|
-
/* @__PURE__ */ (0,
|
|
7695
|
+
shouldUseOverflowScroll && isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_jsx_runtime120.Fragment, { children: [
|
|
7696
|
+
/* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
|
|
7670
7697
|
"button",
|
|
7671
7698
|
{
|
|
7672
7699
|
type: "button",
|
|
@@ -7674,7 +7701,7 @@ var Tabs = ({
|
|
|
7674
7701
|
tabIndex: -1,
|
|
7675
7702
|
className: cn(
|
|
7676
7703
|
"agg-tab-scroll-start",
|
|
7677
|
-
"absolute top-
|
|
7704
|
+
"absolute top-px bottom-px left-px z-10 w-20 rounded-l-agg-lg",
|
|
7678
7705
|
"inline-flex items-center justify-start pl-2",
|
|
7679
7706
|
"bg-linear-to-r from-agg-secondary from-[25%] via-agg-secondary/80 to-transparent",
|
|
7680
7707
|
"cursor-pointer",
|
|
@@ -7688,10 +7715,10 @@ var Tabs = ({
|
|
|
7688
7715
|
behavior: getScrollBehavior(enableAnimations)
|
|
7689
7716
|
});
|
|
7690
7717
|
},
|
|
7691
|
-
children: /* @__PURE__ */ (0,
|
|
7718
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Icon, { name: "chevron-left", size: "small", color: "currentColor" })
|
|
7692
7719
|
}
|
|
7693
7720
|
),
|
|
7694
|
-
/* @__PURE__ */ (0,
|
|
7721
|
+
/* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
|
|
7695
7722
|
"button",
|
|
7696
7723
|
{
|
|
7697
7724
|
type: "button",
|
|
@@ -7699,7 +7726,7 @@ var Tabs = ({
|
|
|
7699
7726
|
tabIndex: -1,
|
|
7700
7727
|
className: cn(
|
|
7701
7728
|
"agg-tab-scroll-end",
|
|
7702
|
-
"absolute top-
|
|
7729
|
+
"absolute top-px right-px bottom-px z-10 w-20 rounded-r-agg-lg",
|
|
7703
7730
|
"inline-flex items-center justify-end pr-2",
|
|
7704
7731
|
"bg-linear-to-l from-agg-secondary from-[25%] via-agg-secondary/80 to-transparent",
|
|
7705
7732
|
"cursor-pointer",
|
|
@@ -7713,7 +7740,7 @@ var Tabs = ({
|
|
|
7713
7740
|
behavior: getScrollBehavior(enableAnimations)
|
|
7714
7741
|
});
|
|
7715
7742
|
},
|
|
7716
|
-
children: /* @__PURE__ */ (0,
|
|
7743
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
|
|
7717
7744
|
}
|
|
7718
7745
|
)
|
|
7719
7746
|
] }) : null
|
|
@@ -7726,14 +7753,14 @@ Tabs.displayName = "Tabs";
|
|
|
7726
7753
|
// src/primitives/toast/index.tsx
|
|
7727
7754
|
var RadixToast = __toESM(require("@radix-ui/react-toast"));
|
|
7728
7755
|
var import_react12 = require("react");
|
|
7729
|
-
var
|
|
7756
|
+
var import_jsx_runtime121 = require("react/jsx-runtime");
|
|
7730
7757
|
var ToastContext = (0, import_react12.createContext)(null);
|
|
7731
7758
|
function useOptionalToast() {
|
|
7732
7759
|
return (0, import_react12.useContext)(ToastContext);
|
|
7733
7760
|
}
|
|
7734
7761
|
|
|
7735
7762
|
// src/onboarding/steps/profile-setup.tsx
|
|
7736
|
-
var
|
|
7763
|
+
var import_jsx_runtime122 = require("react/jsx-runtime");
|
|
7737
7764
|
var ProfileSetupStep = ({ onContinue }) => {
|
|
7738
7765
|
const labels = (0, import_hooks33.useLabels)();
|
|
7739
7766
|
const [username, setUsername] = (0, import_react13.useState)("");
|
|
@@ -7763,11 +7790,11 @@ var ProfileSetupStep = ({ onContinue }) => {
|
|
|
7763
7790
|
avatarPreview
|
|
7764
7791
|
});
|
|
7765
7792
|
}, [username, avatarFile, avatarPreview, onContinue]);
|
|
7766
|
-
return /* @__PURE__ */ (0,
|
|
7767
|
-
/* @__PURE__ */ (0,
|
|
7768
|
-
/* @__PURE__ */ (0,
|
|
7769
|
-
/* @__PURE__ */ (0,
|
|
7770
|
-
/* @__PURE__ */ (0,
|
|
7793
|
+
return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex flex-col gap-7", children: [
|
|
7794
|
+
/* @__PURE__ */ (0, import_jsx_runtime122.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.profileSetup.title }),
|
|
7795
|
+
/* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex flex-col gap-5 items-center w-full", children: [
|
|
7796
|
+
/* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex justify-center", children: [
|
|
7797
|
+
/* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
|
|
7771
7798
|
"button",
|
|
7772
7799
|
{
|
|
7773
7800
|
type: "button",
|
|
@@ -7783,13 +7810,13 @@ var ProfileSetupStep = ({ onContinue }) => {
|
|
|
7783
7810
|
),
|
|
7784
7811
|
"aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
|
|
7785
7812
|
children: [
|
|
7786
|
-
!avatarPreview ? /* @__PURE__ */ (0,
|
|
7813
|
+
!avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
7787
7814
|
"svg",
|
|
7788
7815
|
{
|
|
7789
7816
|
"aria-hidden": true,
|
|
7790
7817
|
viewBox: "0 0 80 80",
|
|
7791
7818
|
className: "pointer-events-none absolute inset-0 h-full w-full text-agg-separator group-hover:text-agg-muted-foreground",
|
|
7792
|
-
children: /* @__PURE__ */ (0,
|
|
7819
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
7793
7820
|
"circle",
|
|
7794
7821
|
{
|
|
7795
7822
|
cx: "40",
|
|
@@ -7803,18 +7830,18 @@ var ProfileSetupStep = ({ onContinue }) => {
|
|
|
7803
7830
|
)
|
|
7804
7831
|
}
|
|
7805
7832
|
) : null,
|
|
7806
|
-
avatarPreview ? /* @__PURE__ */ (0,
|
|
7833
|
+
avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
7807
7834
|
RemoteImage,
|
|
7808
7835
|
{
|
|
7809
7836
|
src: avatarPreview,
|
|
7810
7837
|
alt: labels.onboarding.profileSetup.profilePreviewAlt,
|
|
7811
7838
|
className: "h-full w-full object-cover"
|
|
7812
7839
|
}
|
|
7813
|
-
) : /* @__PURE__ */ (0,
|
|
7840
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })
|
|
7814
7841
|
]
|
|
7815
7842
|
}
|
|
7816
7843
|
),
|
|
7817
|
-
/* @__PURE__ */ (0,
|
|
7844
|
+
/* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
7818
7845
|
"input",
|
|
7819
7846
|
{
|
|
7820
7847
|
ref: fileInputRef,
|
|
@@ -7826,8 +7853,8 @@ var ProfileSetupStep = ({ onContinue }) => {
|
|
|
7826
7853
|
}
|
|
7827
7854
|
)
|
|
7828
7855
|
] }),
|
|
7829
|
-
/* @__PURE__ */ (0,
|
|
7830
|
-
/* @__PURE__ */ (0,
|
|
7856
|
+
/* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
|
|
7857
|
+
/* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
7831
7858
|
"label",
|
|
7832
7859
|
{
|
|
7833
7860
|
htmlFor: "onboarding-username",
|
|
@@ -7835,7 +7862,7 @@ var ProfileSetupStep = ({ onContinue }) => {
|
|
|
7835
7862
|
children: labels.onboarding.profileSetup.usernameLabel
|
|
7836
7863
|
}
|
|
7837
7864
|
),
|
|
7838
|
-
/* @__PURE__ */ (0,
|
|
7865
|
+
/* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
7839
7866
|
"input",
|
|
7840
7867
|
{
|
|
7841
7868
|
id: "onboarding-username",
|
|
@@ -7859,7 +7886,7 @@ var ProfileSetupStep = ({ onContinue }) => {
|
|
|
7859
7886
|
)
|
|
7860
7887
|
] })
|
|
7861
7888
|
] }),
|
|
7862
|
-
/* @__PURE__ */ (0,
|
|
7889
|
+
/* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Button, { variant: "primary", size: "large", className: "w-full", onClick: handleContinue, children: labels.onboarding.profileSetup.continue })
|
|
7863
7890
|
] });
|
|
7864
7891
|
};
|
|
7865
7892
|
ProfileSetupStep.displayName = "ProfileSetupStep";
|
|
@@ -7867,9 +7894,9 @@ ProfileSetupStep.displayName = "ProfileSetupStep";
|
|
|
7867
7894
|
// src/onboarding/steps/connect-accounts.tsx
|
|
7868
7895
|
var import_sdk11 = require("@agg-build/sdk");
|
|
7869
7896
|
var import_hooks34 = require("@agg-build/hooks");
|
|
7870
|
-
var
|
|
7897
|
+
var import_jsx_runtime123 = require("react/jsx-runtime");
|
|
7871
7898
|
var OnchainVenueLogos = () => {
|
|
7872
|
-
return /* @__PURE__ */ (0,
|
|
7899
|
+
return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
|
|
7873
7900
|
};
|
|
7874
7901
|
var VenueCard = ({
|
|
7875
7902
|
logos,
|
|
@@ -7881,7 +7908,7 @@ var VenueCard = ({
|
|
|
7881
7908
|
connected = false
|
|
7882
7909
|
}) => {
|
|
7883
7910
|
const labels = (0, import_hooks34.useLabels)();
|
|
7884
|
-
const action = connected ? /* @__PURE__ */ (0,
|
|
7911
|
+
const action = connected ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
7885
7912
|
Button,
|
|
7886
7913
|
{
|
|
7887
7914
|
variant: "tertiary",
|
|
@@ -7891,18 +7918,18 @@ var VenueCard = ({
|
|
|
7891
7918
|
children: labels.onboarding.connectAccounts.connect
|
|
7892
7919
|
}
|
|
7893
7920
|
);
|
|
7894
|
-
const mobileAction = connected ? /* @__PURE__ */ (0,
|
|
7921
|
+
const mobileAction = connected ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
7895
7922
|
Button,
|
|
7896
7923
|
{
|
|
7897
7924
|
variant: "tertiary",
|
|
7898
7925
|
size: "medium",
|
|
7899
7926
|
className: "!h-auto !px-0 !py-0 text-agg-primary hover:bg-transparent hover:text-agg-primary-hover",
|
|
7900
7927
|
onClick: onConnect,
|
|
7901
|
-
suffix: /* @__PURE__ */ (0,
|
|
7928
|
+
suffix: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(ChevronRightIcon, { className: "h-4 w-4" }),
|
|
7902
7929
|
children: labels.onboarding.connectAccounts.connectAccount
|
|
7903
7930
|
}
|
|
7904
7931
|
);
|
|
7905
|
-
return /* @__PURE__ */ (0,
|
|
7932
|
+
return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
|
|
7906
7933
|
"div",
|
|
7907
7934
|
{
|
|
7908
7935
|
className: cn(
|
|
@@ -7910,23 +7937,23 @@ var VenueCard = ({
|
|
|
7910
7937
|
connected ? "bg-agg-success/5" : "bg-agg-secondary-hover hover:bg-agg-tertiary"
|
|
7911
7938
|
),
|
|
7912
7939
|
children: [
|
|
7913
|
-
/* @__PURE__ */ (0,
|
|
7914
|
-
/* @__PURE__ */ (0,
|
|
7915
|
-
/* @__PURE__ */ (0,
|
|
7916
|
-
/* @__PURE__ */ (0,
|
|
7917
|
-
/* @__PURE__ */ (0,
|
|
7918
|
-
/* @__PURE__ */ (0,
|
|
7940
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "hidden sm:flex items-center justify-between", children: [
|
|
7941
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex items-center gap-5", children: [
|
|
7942
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "shrink-0", children: logos }),
|
|
7943
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex flex-col gap-[2px]", children: [
|
|
7944
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)("p", { className: "text-agg-base font-agg-bold text-agg-foreground", children: title }),
|
|
7945
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)("p", { className: "text-agg-sm text-agg-foreground", children: description })
|
|
7919
7946
|
] })
|
|
7920
7947
|
] }),
|
|
7921
|
-
/* @__PURE__ */ (0,
|
|
7948
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "shrink-0", children: action })
|
|
7922
7949
|
] }),
|
|
7923
|
-
/* @__PURE__ */ (0,
|
|
7924
|
-
/* @__PURE__ */ (0,
|
|
7925
|
-
/* @__PURE__ */ (0,
|
|
7926
|
-
/* @__PURE__ */ (0,
|
|
7950
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex flex-col gap-3 sm:hidden", children: [
|
|
7951
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex flex-col gap-3", children: [
|
|
7952
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "shrink-0", children: logos }),
|
|
7953
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)("p", { className: "text-agg-lg font-agg-bold text-agg-foreground", children: mobileTitle != null ? mobileTitle : title })
|
|
7927
7954
|
] }),
|
|
7928
|
-
/* @__PURE__ */ (0,
|
|
7929
|
-
/* @__PURE__ */ (0,
|
|
7955
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex flex-col items-start gap-2", children: [
|
|
7956
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)("p", { className: "text-agg-base text-agg-foreground", children: mobileDescription != null ? mobileDescription : description }),
|
|
7930
7957
|
mobileAction
|
|
7931
7958
|
] })
|
|
7932
7959
|
] })
|
|
@@ -7943,13 +7970,13 @@ var ConnectAccountsStep = ({
|
|
|
7943
7970
|
}) => {
|
|
7944
7971
|
const labels = (0, import_hooks34.useLabels)();
|
|
7945
7972
|
const canContinue = connectedOnchain || connectedKalshi;
|
|
7946
|
-
return /* @__PURE__ */ (0,
|
|
7947
|
-
/* @__PURE__ */ (0,
|
|
7948
|
-
/* @__PURE__ */ (0,
|
|
7949
|
-
/* @__PURE__ */ (0,
|
|
7973
|
+
return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex flex-col gap-6", children: [
|
|
7974
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
|
|
7975
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex flex-col gap-4", children: [
|
|
7976
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
7950
7977
|
VenueCard,
|
|
7951
7978
|
{
|
|
7952
|
-
logos: /* @__PURE__ */ (0,
|
|
7979
|
+
logos: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(OnchainVenueLogos, {}),
|
|
7953
7980
|
title: labels.onboarding.connectAccounts.onchainTitle,
|
|
7954
7981
|
mobileTitle: labels.onboarding.connectAccounts.onchainMobileTitle(
|
|
7955
7982
|
ONCHAIN_VENUES.length - 1
|
|
@@ -7960,10 +7987,10 @@ var ConnectAccountsStep = ({
|
|
|
7960
7987
|
connected: connectedOnchain
|
|
7961
7988
|
}
|
|
7962
7989
|
),
|
|
7963
|
-
/* @__PURE__ */ (0,
|
|
7990
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
7964
7991
|
VenueCard,
|
|
7965
7992
|
{
|
|
7966
|
-
logos: /* @__PURE__ */ (0,
|
|
7993
|
+
logos: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "sm:flex sm:w-14 sm:items-center sm:justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
7967
7994
|
VenueLogo,
|
|
7968
7995
|
{
|
|
7969
7996
|
venue: import_sdk11.Venue.kalshi,
|
|
@@ -7981,7 +8008,7 @@ var ConnectAccountsStep = ({
|
|
|
7981
8008
|
}
|
|
7982
8009
|
)
|
|
7983
8010
|
] }),
|
|
7984
|
-
/* @__PURE__ */ (0,
|
|
8011
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
7985
8012
|
Button,
|
|
7986
8013
|
{
|
|
7987
8014
|
variant: "primary",
|
|
@@ -8001,7 +8028,7 @@ var import_sdk12 = require("@agg-build/sdk");
|
|
|
8001
8028
|
var import_react14 = require("react");
|
|
8002
8029
|
var import_hooks35 = require("@agg-build/hooks");
|
|
8003
8030
|
var Dialog2 = __toESM(require("@radix-ui/react-dialog"));
|
|
8004
|
-
var
|
|
8031
|
+
var import_jsx_runtime124 = require("react/jsx-runtime");
|
|
8005
8032
|
var ConnectKalshiModal = ({
|
|
8006
8033
|
open,
|
|
8007
8034
|
onOpenChange,
|
|
@@ -8057,15 +8084,15 @@ var ConnectKalshiModal = ({
|
|
|
8057
8084
|
},
|
|
8058
8085
|
[onOpenChange]
|
|
8059
8086
|
);
|
|
8060
|
-
return /* @__PURE__ */ (0,
|
|
8087
|
+
return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
|
|
8061
8088
|
Modal.Container,
|
|
8062
8089
|
{
|
|
8063
8090
|
maxWidth: "600px",
|
|
8064
8091
|
"aria-label": labels.onboarding.connectKalshiModal.ariaLabel,
|
|
8065
8092
|
classNames: { container: "!rounded-agg-lg" },
|
|
8066
8093
|
children: [
|
|
8067
|
-
/* @__PURE__ */ (0,
|
|
8068
|
-
/* @__PURE__ */ (0,
|
|
8094
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Dialog2.Title, { className: "sr-only", children: labels.onboarding.connectKalshiModal.title }),
|
|
8095
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
8069
8096
|
Modal.Header,
|
|
8070
8097
|
{
|
|
8071
8098
|
hideClose: false,
|
|
@@ -8076,8 +8103,8 @@ var ConnectKalshiModal = ({
|
|
|
8076
8103
|
}
|
|
8077
8104
|
}
|
|
8078
8105
|
),
|
|
8079
|
-
/* @__PURE__ */ (0,
|
|
8080
|
-
/* @__PURE__ */ (0,
|
|
8106
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
|
|
8107
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
8081
8108
|
VenueLogo,
|
|
8082
8109
|
{
|
|
8083
8110
|
venue: import_sdk12.Venue.kalshi,
|
|
@@ -8086,54 +8113,54 @@ var ConnectKalshiModal = ({
|
|
|
8086
8113
|
className: "h-[60px] w-[60px]"
|
|
8087
8114
|
}
|
|
8088
8115
|
),
|
|
8089
|
-
/* @__PURE__ */ (0,
|
|
8090
|
-
/* @__PURE__ */ (0,
|
|
8091
|
-
/* @__PURE__ */ (0,
|
|
8116
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
|
|
8117
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
|
|
8118
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })
|
|
8092
8119
|
] }),
|
|
8093
|
-
/* @__PURE__ */ (0,
|
|
8094
|
-
/* @__PURE__ */ (0,
|
|
8095
|
-
/* @__PURE__ */ (0,
|
|
8096
|
-
/* @__PURE__ */ (0,
|
|
8097
|
-
/* @__PURE__ */ (0,
|
|
8120
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex flex-col gap-4 w-full", children: [
|
|
8121
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
|
|
8122
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex flex-col gap-1", children: [
|
|
8123
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepOne.label }),
|
|
8124
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepOne.title })
|
|
8098
8125
|
] }),
|
|
8099
|
-
/* @__PURE__ */ (0,
|
|
8100
|
-
/* @__PURE__ */ (0,
|
|
8101
|
-
/* @__PURE__ */ (0,
|
|
8126
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "space-y-0 text-agg-sm leading-agg-5 text-agg-foreground", children: [
|
|
8127
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
|
|
8128
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("p", { children: [
|
|
8102
8129
|
labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfilePrefix,
|
|
8103
8130
|
" ",
|
|
8104
|
-
/* @__PURE__ */ (0,
|
|
8131
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
|
|
8105
8132
|
labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfileSeparator,
|
|
8106
8133
|
" ",
|
|
8107
|
-
/* @__PURE__ */ (0,
|
|
8134
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "text-agg-foreground underline", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl })
|
|
8108
8135
|
] }),
|
|
8109
|
-
/* @__PURE__ */ (0,
|
|
8136
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("p", { children: [
|
|
8110
8137
|
labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeyPrefix,
|
|
8111
8138
|
" ",
|
|
8112
|
-
/* @__PURE__ */ (0,
|
|
8139
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
|
|
8113
8140
|
labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeySuffix
|
|
8114
8141
|
] }),
|
|
8115
|
-
/* @__PURE__ */ (0,
|
|
8142
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("p", { children: [
|
|
8116
8143
|
labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsPrefix,
|
|
8117
8144
|
" ",
|
|
8118
|
-
/* @__PURE__ */ (0,
|
|
8145
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
|
|
8119
8146
|
labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsSuffix
|
|
8120
8147
|
] }),
|
|
8121
|
-
/* @__PURE__ */ (0,
|
|
8148
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
|
|
8122
8149
|
] }),
|
|
8123
|
-
/* @__PURE__ */ (0,
|
|
8150
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
|
|
8124
8151
|
labels.onboarding.connectKalshiModal.stepOne.footerLineOne,
|
|
8125
|
-
/* @__PURE__ */ (0,
|
|
8152
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)("br", {}),
|
|
8126
8153
|
labels.onboarding.connectKalshiModal.stepOne.footerLineTwo
|
|
8127
8154
|
] })
|
|
8128
8155
|
] }),
|
|
8129
|
-
/* @__PURE__ */ (0,
|
|
8130
|
-
/* @__PURE__ */ (0,
|
|
8131
|
-
/* @__PURE__ */ (0,
|
|
8132
|
-
/* @__PURE__ */ (0,
|
|
8156
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
|
|
8157
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex flex-col gap-1", children: [
|
|
8158
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.label }),
|
|
8159
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.title })
|
|
8133
8160
|
] }),
|
|
8134
|
-
/* @__PURE__ */ (0,
|
|
8135
|
-
/* @__PURE__ */ (0,
|
|
8136
|
-
/* @__PURE__ */ (0,
|
|
8161
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
|
|
8162
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
8163
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
8137
8164
|
"label",
|
|
8138
8165
|
{
|
|
8139
8166
|
htmlFor: "kalshi-api-key-id",
|
|
@@ -8141,7 +8168,7 @@ var ConnectKalshiModal = ({
|
|
|
8141
8168
|
children: labels.onboarding.connectKalshiModal.stepTwo.apiKeyIdLabel
|
|
8142
8169
|
}
|
|
8143
8170
|
),
|
|
8144
|
-
/* @__PURE__ */ (0,
|
|
8171
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
8145
8172
|
"input",
|
|
8146
8173
|
{
|
|
8147
8174
|
id: "kalshi-api-key-id",
|
|
@@ -8161,8 +8188,8 @@ var ConnectKalshiModal = ({
|
|
|
8161
8188
|
}
|
|
8162
8189
|
)
|
|
8163
8190
|
] }),
|
|
8164
|
-
/* @__PURE__ */ (0,
|
|
8165
|
-
/* @__PURE__ */ (0,
|
|
8191
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
8192
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
8166
8193
|
"label",
|
|
8167
8194
|
{
|
|
8168
8195
|
htmlFor: "kalshi-private-key",
|
|
@@ -8170,7 +8197,7 @@ var ConnectKalshiModal = ({
|
|
|
8170
8197
|
children: labels.onboarding.connectKalshiModal.stepTwo.privateKeyLabel
|
|
8171
8198
|
}
|
|
8172
8199
|
),
|
|
8173
|
-
/* @__PURE__ */ (0,
|
|
8200
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
8174
8201
|
"textarea",
|
|
8175
8202
|
{
|
|
8176
8203
|
id: "kalshi-private-key",
|
|
@@ -8192,42 +8219,42 @@ var ConnectKalshiModal = ({
|
|
|
8192
8219
|
] })
|
|
8193
8220
|
] })
|
|
8194
8221
|
] }),
|
|
8195
|
-
/* @__PURE__ */ (0,
|
|
8196
|
-
/* @__PURE__ */ (0,
|
|
8197
|
-
/* @__PURE__ */ (0,
|
|
8198
|
-
/* @__PURE__ */ (0,
|
|
8222
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex items-center justify-between w-full", children: [
|
|
8223
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
|
|
8224
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
8225
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
|
|
8199
8226
|
"a",
|
|
8200
8227
|
{
|
|
8201
8228
|
href: "#",
|
|
8202
8229
|
className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary hover:text-agg-primary-hover",
|
|
8203
8230
|
children: [
|
|
8204
|
-
/* @__PURE__ */ (0,
|
|
8231
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)(DocumentIcon, { className: "h-4 w-4" }),
|
|
8205
8232
|
labels.onboarding.connectKalshiModal.help.docsLinkLabel
|
|
8206
8233
|
]
|
|
8207
8234
|
}
|
|
8208
8235
|
),
|
|
8209
|
-
/* @__PURE__ */ (0,
|
|
8210
|
-
/* @__PURE__ */ (0,
|
|
8236
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "h-3 w-px bg-agg-separator" }),
|
|
8237
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
|
|
8211
8238
|
"a",
|
|
8212
8239
|
{
|
|
8213
8240
|
href: "#",
|
|
8214
8241
|
className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary hover:text-agg-primary-hover",
|
|
8215
8242
|
children: [
|
|
8216
|
-
/* @__PURE__ */ (0,
|
|
8243
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)(PlaySquareIcon, { className: "h-4 w-4" }),
|
|
8217
8244
|
labels.onboarding.connectKalshiModal.help.tutorialLinkLabel
|
|
8218
8245
|
]
|
|
8219
8246
|
}
|
|
8220
8247
|
)
|
|
8221
8248
|
] })
|
|
8222
8249
|
] }),
|
|
8223
|
-
/* @__PURE__ */ (0,
|
|
8224
|
-
error ? /* @__PURE__ */ (0,
|
|
8225
|
-
/* @__PURE__ */ (0,
|
|
8226
|
-
/* @__PURE__ */ (0,
|
|
8250
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex flex-col gap-5 items-center", children: [
|
|
8251
|
+
error ? /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
8252
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
|
|
8253
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
|
|
8227
8254
|
] }) : null,
|
|
8228
|
-
/* @__PURE__ */ (0,
|
|
8229
|
-
/* @__PURE__ */ (0,
|
|
8230
|
-
/* @__PURE__ */ (0,
|
|
8255
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex items-center gap-3 justify-center", children: [
|
|
8256
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Button, { variant: "secondary", size: "large", onClick: handleCancel, children: labels.onboarding.connectKalshiModal.actions.cancel }),
|
|
8257
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
8231
8258
|
Button,
|
|
8232
8259
|
{
|
|
8233
8260
|
variant: "primary",
|
|
@@ -8251,7 +8278,7 @@ ConnectKalshiModal.displayName = "ConnectKalshiModal";
|
|
|
8251
8278
|
var import_react15 = require("react");
|
|
8252
8279
|
var import_hooks36 = require("@agg-build/hooks");
|
|
8253
8280
|
var Dialog3 = __toESM(require("@radix-ui/react-dialog"));
|
|
8254
|
-
var
|
|
8281
|
+
var import_jsx_runtime125 = require("react/jsx-runtime");
|
|
8255
8282
|
var ConnectOnchainModal = ({
|
|
8256
8283
|
open,
|
|
8257
8284
|
onOpenChange,
|
|
@@ -8288,15 +8315,15 @@ var ConnectOnchainModal = ({
|
|
|
8288
8315
|
},
|
|
8289
8316
|
[onOpenChange]
|
|
8290
8317
|
);
|
|
8291
|
-
return /* @__PURE__ */ (0,
|
|
8318
|
+
return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
|
|
8292
8319
|
Modal.Container,
|
|
8293
8320
|
{
|
|
8294
8321
|
maxWidth: "600px",
|
|
8295
8322
|
"aria-label": labels.onboarding.connectOnchainModal.ariaLabel,
|
|
8296
8323
|
classNames: { container: "!rounded-agg-lg" },
|
|
8297
8324
|
children: [
|
|
8298
|
-
/* @__PURE__ */ (0,
|
|
8299
|
-
/* @__PURE__ */ (0,
|
|
8325
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Dialog3.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
|
|
8326
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
8300
8327
|
Modal.Header,
|
|
8301
8328
|
{
|
|
8302
8329
|
hideClose: false,
|
|
@@ -8307,26 +8334,26 @@ var ConnectOnchainModal = ({
|
|
|
8307
8334
|
}
|
|
8308
8335
|
}
|
|
8309
8336
|
),
|
|
8310
|
-
/* @__PURE__ */ (0,
|
|
8311
|
-
/* @__PURE__ */ (0,
|
|
8312
|
-
/* @__PURE__ */ (0,
|
|
8313
|
-
/* @__PURE__ */ (0,
|
|
8337
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
|
|
8338
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
|
|
8339
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
|
|
8340
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)("p", { className: "text-agg-base text-center leading-agg-6 text-agg-foreground whitespace-pre-line", children: labels.onboarding.connectOnchainModal.description })
|
|
8314
8341
|
] }),
|
|
8315
|
-
/* @__PURE__ */ (0,
|
|
8316
|
-
/* @__PURE__ */ (0,
|
|
8317
|
-
/* @__PURE__ */ (0,
|
|
8318
|
-
index > 0 && /* @__PURE__ */ (0,
|
|
8319
|
-
/* @__PURE__ */ (0,
|
|
8320
|
-
/* @__PURE__ */ (0,
|
|
8342
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex w-full flex-col items-center gap-4 rounded-agg-xl bg-agg-secondary-hover p-6", children: [
|
|
8343
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)("p", { className: "text-agg-sm font-agg-bold uppercase leading-agg-5 text-agg-muted-foreground", children: labels.onboarding.connectOnchainModal.supportedVenuesLabel }),
|
|
8344
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "flex flex-wrap items-center justify-center gap-x-4 gap-y-3", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex items-center gap-[6px]", children: [
|
|
8345
|
+
index > 0 && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
|
|
8346
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)(VenueLogo, { venue, size: "medium" }),
|
|
8347
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
|
|
8321
8348
|
] }, venue)) })
|
|
8322
8349
|
] }),
|
|
8323
|
-
/* @__PURE__ */ (0,
|
|
8324
|
-
/* @__PURE__ */ (0,
|
|
8325
|
-
error ? /* @__PURE__ */ (0,
|
|
8326
|
-
/* @__PURE__ */ (0,
|
|
8327
|
-
/* @__PURE__ */ (0,
|
|
8350
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex flex-col gap-6 items-center", children: [
|
|
8351
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex flex-col gap-3 items-center", children: [
|
|
8352
|
+
error ? /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
8353
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
|
|
8354
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
|
|
8328
8355
|
] }) : null,
|
|
8329
|
-
/* @__PURE__ */ (0,
|
|
8356
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
8330
8357
|
Button,
|
|
8331
8358
|
{
|
|
8332
8359
|
variant: "primary",
|
|
@@ -8337,7 +8364,7 @@ var ConnectOnchainModal = ({
|
|
|
8337
8364
|
}
|
|
8338
8365
|
)
|
|
8339
8366
|
] }),
|
|
8340
|
-
/* @__PURE__ */ (0,
|
|
8367
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
8341
8368
|
Button,
|
|
8342
8369
|
{
|
|
8343
8370
|
variant: "tertiary",
|
|
@@ -8356,7 +8383,7 @@ var ConnectOnchainModal = ({
|
|
|
8356
8383
|
ConnectOnchainModal.displayName = "ConnectOnchainModal";
|
|
8357
8384
|
|
|
8358
8385
|
// src/onboarding/index.tsx
|
|
8359
|
-
var
|
|
8386
|
+
var import_jsx_runtime126 = require("react/jsx-runtime");
|
|
8360
8387
|
var OnboardingModal = ({
|
|
8361
8388
|
open,
|
|
8362
8389
|
onOpenChange,
|
|
@@ -8418,19 +8445,19 @@ var OnboardingModal = ({
|
|
|
8418
8445
|
}),
|
|
8419
8446
|
[onConnectKalshi]
|
|
8420
8447
|
);
|
|
8421
|
-
return /* @__PURE__ */ (0,
|
|
8422
|
-
/* @__PURE__ */ (0,
|
|
8448
|
+
return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(import_jsx_runtime126.Fragment, { children: [
|
|
8449
|
+
/* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
|
|
8423
8450
|
Modal.Container,
|
|
8424
8451
|
{
|
|
8425
8452
|
maxWidth: "600px",
|
|
8426
8453
|
"aria-label": resolvedTitle,
|
|
8427
8454
|
classNames: { container: "!rounded-agg-lg" },
|
|
8428
8455
|
children: [
|
|
8429
|
-
/* @__PURE__ */ (0,
|
|
8430
|
-
/* @__PURE__ */ (0,
|
|
8431
|
-
step === ONBOARDING_STEPS.HOW_IT_WORKS && /* @__PURE__ */ (0,
|
|
8432
|
-
step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ (0,
|
|
8433
|
-
step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ (0,
|
|
8456
|
+
/* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Dialog4.Title, { className: "sr-only", children: resolvedTitle }),
|
|
8457
|
+
/* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(Modal.Body, { classNames: { root: "px-5 py-6 sm:px-10 sm:py-8" }, children: [
|
|
8458
|
+
step === ONBOARDING_STEPS.HOW_IT_WORKS && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(HowItWorksStep, { onContinue: handleHowItWorksContinue, icons: howItWorksIcons }),
|
|
8459
|
+
step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(ProfileSetupStep, { onContinue: handleProfileContinue }),
|
|
8460
|
+
step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
|
|
8434
8461
|
ConnectAccountsStep,
|
|
8435
8462
|
{
|
|
8436
8463
|
onConnectOnchain: handleOpenOnchainModal,
|
|
@@ -8444,7 +8471,7 @@ var OnboardingModal = ({
|
|
|
8444
8471
|
]
|
|
8445
8472
|
}
|
|
8446
8473
|
) }),
|
|
8447
|
-
/* @__PURE__ */ (0,
|
|
8474
|
+
/* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
|
|
8448
8475
|
ConnectOnchainModal,
|
|
8449
8476
|
{
|
|
8450
8477
|
open: onchainModalOpen,
|
|
@@ -8452,7 +8479,7 @@ var OnboardingModal = ({
|
|
|
8452
8479
|
onConnect: handleOnchainConnect
|
|
8453
8480
|
}
|
|
8454
8481
|
),
|
|
8455
|
-
/* @__PURE__ */ (0,
|
|
8482
|
+
/* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
|
|
8456
8483
|
ConnectKalshiModal,
|
|
8457
8484
|
{
|
|
8458
8485
|
open: kalshiModalOpen,
|
|
@@ -8485,7 +8512,7 @@ var PROFILE_TAB_ITEMS = [
|
|
|
8485
8512
|
// src/profile/tabs/about-tab.tsx
|
|
8486
8513
|
var import_react17 = require("react");
|
|
8487
8514
|
var import_hooks38 = require("@agg-build/hooks");
|
|
8488
|
-
var
|
|
8515
|
+
var import_jsx_runtime127 = require("react/jsx-runtime");
|
|
8489
8516
|
var AboutTab = ({
|
|
8490
8517
|
avatarPreview,
|
|
8491
8518
|
onDeleteProfile: _onDeleteProfile,
|
|
@@ -8517,8 +8544,8 @@ var AboutTab = ({
|
|
|
8517
8544
|
);
|
|
8518
8545
|
const resolvedPreview = draftAvatarPreview != null ? draftAvatarPreview : avatarPreview;
|
|
8519
8546
|
const hasAvatarPreview = Boolean(resolvedPreview);
|
|
8520
|
-
return /* @__PURE__ */ (0,
|
|
8521
|
-
/* @__PURE__ */ (0,
|
|
8547
|
+
return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "agg-profile-about flex flex-col gap-8", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "agg-profile-avatar-section flex w-full items-center gap-6", children: [
|
|
8548
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
|
|
8522
8549
|
"button",
|
|
8523
8550
|
{
|
|
8524
8551
|
type: "button",
|
|
@@ -8535,13 +8562,13 @@ var AboutTab = ({
|
|
|
8535
8562
|
),
|
|
8536
8563
|
"aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
|
|
8537
8564
|
children: [
|
|
8538
|
-
!hasAvatarPreview ? /* @__PURE__ */ (0,
|
|
8565
|
+
!hasAvatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
8539
8566
|
"svg",
|
|
8540
8567
|
{
|
|
8541
8568
|
"aria-hidden": true,
|
|
8542
8569
|
viewBox: "0 0 80 80",
|
|
8543
8570
|
className: "pointer-events-none absolute inset-0 h-full w-full text-agg-separator group-hover:text-agg-muted-foreground",
|
|
8544
|
-
children: /* @__PURE__ */ (0,
|
|
8571
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
8545
8572
|
"circle",
|
|
8546
8573
|
{
|
|
8547
8574
|
cx: "40",
|
|
@@ -8555,18 +8582,18 @@ var AboutTab = ({
|
|
|
8555
8582
|
)
|
|
8556
8583
|
}
|
|
8557
8584
|
) : null,
|
|
8558
|
-
resolvedPreview ? /* @__PURE__ */ (0,
|
|
8585
|
+
resolvedPreview ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
8559
8586
|
RemoteImage,
|
|
8560
8587
|
{
|
|
8561
8588
|
src: resolvedPreview,
|
|
8562
8589
|
alt: labels.onboarding.profileSetup.profilePreviewAlt,
|
|
8563
8590
|
className: "h-full w-full object-cover"
|
|
8564
8591
|
}
|
|
8565
|
-
) : /* @__PURE__ */ (0,
|
|
8592
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Icon, { name: "profile", className: "h-7 w-7 text-agg-muted-foreground" })
|
|
8566
8593
|
]
|
|
8567
8594
|
}
|
|
8568
8595
|
),
|
|
8569
|
-
/* @__PURE__ */ (0,
|
|
8596
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
8570
8597
|
"input",
|
|
8571
8598
|
{
|
|
8572
8599
|
ref: fileInputRef,
|
|
@@ -8577,8 +8604,8 @@ var AboutTab = ({
|
|
|
8577
8604
|
"aria-hidden": "true"
|
|
8578
8605
|
}
|
|
8579
8606
|
),
|
|
8580
|
-
/* @__PURE__ */ (0,
|
|
8581
|
-
/* @__PURE__ */ (0,
|
|
8607
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "agg-form-section flex min-w-0 flex-1 flex-col gap-2", children: [
|
|
8608
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
8582
8609
|
"label",
|
|
8583
8610
|
{
|
|
8584
8611
|
htmlFor: "profile-username",
|
|
@@ -8586,7 +8613,7 @@ var AboutTab = ({
|
|
|
8586
8613
|
children: "Username"
|
|
8587
8614
|
}
|
|
8588
8615
|
),
|
|
8589
|
-
/* @__PURE__ */ (0,
|
|
8616
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
8590
8617
|
"input",
|
|
8591
8618
|
{
|
|
8592
8619
|
id: "profile-username",
|
|
@@ -8613,9 +8640,9 @@ var AboutTab = ({
|
|
|
8613
8640
|
AboutTab.displayName = "AboutTab";
|
|
8614
8641
|
|
|
8615
8642
|
// src/profile/tabs/accounts-wallets-tab.tsx
|
|
8616
|
-
var
|
|
8617
|
-
var SectionTitle = ({ children }) => /* @__PURE__ */ (0,
|
|
8618
|
-
var AccountRow = ({ children, className }) => /* @__PURE__ */ (0,
|
|
8643
|
+
var import_jsx_runtime128 = require("react/jsx-runtime");
|
|
8644
|
+
var SectionTitle = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
|
|
8645
|
+
var AccountRow = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
|
|
8619
8646
|
"div",
|
|
8620
8647
|
{
|
|
8621
8648
|
className: cn(
|
|
@@ -8631,11 +8658,11 @@ var AccountIdentity = ({
|
|
|
8631
8658
|
icon,
|
|
8632
8659
|
label,
|
|
8633
8660
|
iconClassName
|
|
8634
|
-
}) => /* @__PURE__ */ (0,
|
|
8635
|
-
/* @__PURE__ */ (0,
|
|
8636
|
-
/* @__PURE__ */ (0,
|
|
8661
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
|
|
8662
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: cn("flex h-5 w-5 shrink-0 items-center justify-center", iconClassName), children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Icon, { name: icon, size: "small", color: "currentColor" }) }),
|
|
8663
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: label })
|
|
8637
8664
|
] });
|
|
8638
|
-
var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ (0,
|
|
8665
|
+
var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
|
|
8639
8666
|
"button",
|
|
8640
8667
|
{
|
|
8641
8668
|
type: "button",
|
|
@@ -8644,7 +8671,7 @@ var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime1
|
|
|
8644
8671
|
children: "Connect"
|
|
8645
8672
|
}
|
|
8646
8673
|
);
|
|
8647
|
-
var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ (0,
|
|
8674
|
+
var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
|
|
8648
8675
|
"button",
|
|
8649
8676
|
{
|
|
8650
8677
|
type: "button",
|
|
@@ -8653,7 +8680,7 @@ var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runti
|
|
|
8653
8680
|
children: "Disconnect"
|
|
8654
8681
|
}
|
|
8655
8682
|
);
|
|
8656
|
-
var VerifiedBadge = () => /* @__PURE__ */ (0,
|
|
8683
|
+
var VerifiedBadge = () => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Icon, { name: "check-badge", size: "small", color: "var(--agg-color-primary, #536dfe)" });
|
|
8657
8684
|
var getWalletIconName = (wallet) => {
|
|
8658
8685
|
const chain = wallet.chain.toLowerCase();
|
|
8659
8686
|
if (chain === "solana" || chain === "svm") {
|
|
@@ -8671,12 +8698,12 @@ var ConnectedAccountRow = ({
|
|
|
8671
8698
|
onDisconnect
|
|
8672
8699
|
}) => {
|
|
8673
8700
|
const displayLabel = connected ? connectedLabel != null ? connectedLabel : label : label;
|
|
8674
|
-
return /* @__PURE__ */ (0,
|
|
8675
|
-
/* @__PURE__ */ (0,
|
|
8676
|
-
/* @__PURE__ */ (0,
|
|
8677
|
-
connected ? /* @__PURE__ */ (0,
|
|
8701
|
+
return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(AccountRow, { className: "agg-social-account-row gap-4", children: [
|
|
8702
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
|
|
8703
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)(AccountIdentity, { icon, label: displayLabel, iconClassName }),
|
|
8704
|
+
connected ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(VerifiedBadge, {}) : null
|
|
8678
8705
|
] }),
|
|
8679
|
-
connected ? /* @__PURE__ */ (0,
|
|
8706
|
+
connected ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(DisconnectTextButton, { onClick: onDisconnect }) : /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(ConnectTextButton, { onClick: onConnect })
|
|
8680
8707
|
] });
|
|
8681
8708
|
};
|
|
8682
8709
|
var AccountsWalletsTab = ({
|
|
@@ -8695,11 +8722,11 @@ var AccountsWalletsTab = ({
|
|
|
8695
8722
|
const google = socialAccounts == null ? void 0 : socialAccounts.google;
|
|
8696
8723
|
const apple = socialAccounts == null ? void 0 : socialAccounts.apple;
|
|
8697
8724
|
const hasEmail = Boolean(email);
|
|
8698
|
-
return /* @__PURE__ */ (0,
|
|
8699
|
-
/* @__PURE__ */ (0,
|
|
8700
|
-
/* @__PURE__ */ (0,
|
|
8701
|
-
/* @__PURE__ */ (0,
|
|
8702
|
-
/* @__PURE__ */ (0,
|
|
8725
|
+
return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "agg-accounts-wallets-tab flex flex-col gap-6", children: [
|
|
8726
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "agg-social-accounts-section flex flex-col gap-3", children: [
|
|
8727
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)(SectionTitle, { children: "Connected accounts" }),
|
|
8728
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "agg-social-accounts-list flex flex-col gap-4", children: [
|
|
8729
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
|
|
8703
8730
|
ConnectedAccountRow,
|
|
8704
8731
|
{
|
|
8705
8732
|
icon: "google",
|
|
@@ -8711,7 +8738,7 @@ var AccountsWalletsTab = ({
|
|
|
8711
8738
|
onDisconnect: onDisconnectGoogle
|
|
8712
8739
|
}
|
|
8713
8740
|
),
|
|
8714
|
-
/* @__PURE__ */ (0,
|
|
8741
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
|
|
8715
8742
|
ConnectedAccountRow,
|
|
8716
8743
|
{
|
|
8717
8744
|
icon: "apple",
|
|
@@ -8723,7 +8750,7 @@ var AccountsWalletsTab = ({
|
|
|
8723
8750
|
onDisconnect: onDisconnectApple
|
|
8724
8751
|
}
|
|
8725
8752
|
),
|
|
8726
|
-
/* @__PURE__ */ (0,
|
|
8753
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
|
|
8727
8754
|
ConnectedAccountRow,
|
|
8728
8755
|
{
|
|
8729
8756
|
icon: "twitter",
|
|
@@ -8735,7 +8762,7 @@ var AccountsWalletsTab = ({
|
|
|
8735
8762
|
onDisconnect: onDisconnectTwitter
|
|
8736
8763
|
}
|
|
8737
8764
|
),
|
|
8738
|
-
/* @__PURE__ */ (0,
|
|
8765
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
|
|
8739
8766
|
ConnectedAccountRow,
|
|
8740
8767
|
{
|
|
8741
8768
|
icon: "email",
|
|
@@ -8748,12 +8775,12 @@ var AccountsWalletsTab = ({
|
|
|
8748
8775
|
)
|
|
8749
8776
|
] })
|
|
8750
8777
|
] }),
|
|
8751
|
-
wallets.length > 0 ? /* @__PURE__ */ (0,
|
|
8752
|
-
/* @__PURE__ */ (0,
|
|
8753
|
-
/* @__PURE__ */ (0,
|
|
8778
|
+
wallets.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "agg-wallets-section flex flex-col gap-3", children: [
|
|
8779
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)(SectionTitle, { children: "Wallets" }),
|
|
8780
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "flex flex-col gap-2", children: wallets.map((wallet) => {
|
|
8754
8781
|
var _a;
|
|
8755
|
-
return /* @__PURE__ */ (0,
|
|
8756
|
-
/* @__PURE__ */ (0,
|
|
8782
|
+
return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(AccountRow, { className: "gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
|
|
8783
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
|
|
8757
8784
|
AccountIdentity,
|
|
8758
8785
|
{
|
|
8759
8786
|
icon: getWalletIconName(wallet),
|
|
@@ -8761,7 +8788,7 @@ var AccountsWalletsTab = ({
|
|
|
8761
8788
|
label: (_a = wallet.displayAddress) != null ? _a : wallet.address
|
|
8762
8789
|
}
|
|
8763
8790
|
),
|
|
8764
|
-
/* @__PURE__ */ (0,
|
|
8791
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)(VerifiedBadge, {})
|
|
8765
8792
|
] }) }, `${wallet.chain}:${wallet.address}`);
|
|
8766
8793
|
}) })
|
|
8767
8794
|
] }) : null
|
|
@@ -8772,7 +8799,7 @@ AccountsWalletsTab.displayName = "AccountsWalletsTab";
|
|
|
8772
8799
|
// src/profile/tabs/trading-access-tab.tsx
|
|
8773
8800
|
var import_hooks39 = require("@agg-build/hooks");
|
|
8774
8801
|
var import_react18 = require("react");
|
|
8775
|
-
var
|
|
8802
|
+
var import_jsx_runtime129 = require("react/jsx-runtime");
|
|
8776
8803
|
var TRADING_ACCESS_VENUES = [
|
|
8777
8804
|
"kalshi",
|
|
8778
8805
|
"polymarket",
|
|
@@ -8784,8 +8811,8 @@ var TRADING_ACCESS_VENUES = [
|
|
|
8784
8811
|
"hyperliquid"
|
|
8785
8812
|
];
|
|
8786
8813
|
var TRADING_ACCESS_VENUE_ITEMS = TRADING_ACCESS_VENUES.map((id) => ({ id }));
|
|
8787
|
-
var SectionTitle2 = ({ children }) => /* @__PURE__ */ (0,
|
|
8788
|
-
var AccessRow = ({ children }) => /* @__PURE__ */ (0,
|
|
8814
|
+
var SectionTitle2 = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
|
|
8815
|
+
var AccessRow = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
|
|
8789
8816
|
"div",
|
|
8790
8817
|
{
|
|
8791
8818
|
className: cn(
|
|
@@ -8829,26 +8856,26 @@ var VerifyIdentityButton = ({ onError }) => {
|
|
|
8829
8856
|
setIsInitiating(true);
|
|
8830
8857
|
setNeedsDepositAddress(true);
|
|
8831
8858
|
}, []);
|
|
8832
|
-
return /* @__PURE__ */ (0,
|
|
8859
|
+
return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
|
|
8833
8860
|
"button",
|
|
8834
8861
|
{
|
|
8835
8862
|
type: "button",
|
|
8836
8863
|
disabled: isInitiating,
|
|
8837
8864
|
onClick: handleClick,
|
|
8838
8865
|
className: "shrink-0 cursor-pointer text-agg-sm font-agg-bold leading-agg-5 text-agg-primary whitespace-nowrap disabled:cursor-not-allowed disabled:opacity-60",
|
|
8839
|
-
children: isInitiating ? /* @__PURE__ */ (0,
|
|
8866
|
+
children: isInitiating ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "inline-block h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }) : labels.trading.kycVerify
|
|
8840
8867
|
}
|
|
8841
8868
|
);
|
|
8842
8869
|
};
|
|
8843
|
-
var AvailableStatus = () => /* @__PURE__ */ (0,
|
|
8844
|
-
/* @__PURE__ */ (0,
|
|
8845
|
-
/* @__PURE__ */ (0,
|
|
8870
|
+
var AvailableStatus = () => /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
8871
|
+
/* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { name: "check-badge", size: "small", color: "var(--agg-color-primary, #536dfe)" }),
|
|
8872
|
+
/* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground whitespace-nowrap", children: "Available" })
|
|
8846
8873
|
] });
|
|
8847
8874
|
var GeoblockedStatus = () => {
|
|
8848
8875
|
const labels = (0, import_hooks39.useLabels)();
|
|
8849
|
-
return /* @__PURE__ */ (0,
|
|
8850
|
-
/* @__PURE__ */ (0,
|
|
8851
|
-
/* @__PURE__ */ (0,
|
|
8876
|
+
return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex items-center gap-2 text-agg-muted-foreground", children: [
|
|
8877
|
+
/* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { name: "warning-filled", size: "small", color: "currentColor" }),
|
|
8878
|
+
/* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 whitespace-nowrap", children: labels.trading.venueUnavailableInRegion })
|
|
8852
8879
|
] });
|
|
8853
8880
|
};
|
|
8854
8881
|
var TradingAccessTab = ({
|
|
@@ -8862,9 +8889,9 @@ var TradingAccessTab = ({
|
|
|
8862
8889
|
() => (0, import_hooks39.getVisibleVenuesByConfig)(TRADING_ACCESS_VENUE_ITEMS, disabledVenues),
|
|
8863
8890
|
[disabledVenues]
|
|
8864
8891
|
);
|
|
8865
|
-
return /* @__PURE__ */ (0,
|
|
8866
|
-
/* @__PURE__ */ (0,
|
|
8867
|
-
/* @__PURE__ */ (0,
|
|
8892
|
+
return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "agg-trading-access-section flex flex-col gap-4", children: [
|
|
8893
|
+
/* @__PURE__ */ (0, import_jsx_runtime129.jsx)(SectionTitle2, { children: "Venues" }),
|
|
8894
|
+
/* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "flex flex-col gap-3", children: visibleVenues.map(({ id: venue }) => {
|
|
8868
8895
|
var _a;
|
|
8869
8896
|
const venueAccount = venueAccounts == null ? void 0 : venueAccounts.find((account) => account.venue === venue);
|
|
8870
8897
|
const isKalshi = venue === "kalshi";
|
|
@@ -8875,18 +8902,18 @@ var TradingAccessTab = ({
|
|
|
8875
8902
|
isLocationBlocked
|
|
8876
8903
|
});
|
|
8877
8904
|
const displayName = (_a = venueLogoLabels[venue]) != null ? _a : venue;
|
|
8878
|
-
return /* @__PURE__ */ (0,
|
|
8879
|
-
/* @__PURE__ */ (0,
|
|
8880
|
-
/* @__PURE__ */ (0,
|
|
8881
|
-
/* @__PURE__ */ (0,
|
|
8905
|
+
return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(AccessRow, { children: [
|
|
8906
|
+
/* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
|
|
8907
|
+
/* @__PURE__ */ (0, import_jsx_runtime129.jsx)(VenueLogo, { venue, size: "small" }),
|
|
8908
|
+
/* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: displayName })
|
|
8882
8909
|
] }),
|
|
8883
|
-
availabilityState === "geoblocked" ? /* @__PURE__ */ (0,
|
|
8884
|
-
/* @__PURE__ */ (0,
|
|
8885
|
-
/* @__PURE__ */ (0,
|
|
8886
|
-
] }) : isKalshi && isVerified ? /* @__PURE__ */ (0,
|
|
8887
|
-
/* @__PURE__ */ (0,
|
|
8888
|
-
/* @__PURE__ */ (0,
|
|
8889
|
-
] }) : /* @__PURE__ */ (0,
|
|
8910
|
+
availabilityState === "geoblocked" ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(GeoblockedStatus, {}) : isKalshi && !isVerified ? /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex items-center gap-4", children: [
|
|
8911
|
+
/* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground whitespace-nowrap", children: labels.trading.kycRequired }),
|
|
8912
|
+
/* @__PURE__ */ (0, import_jsx_runtime129.jsx)(VerifyIdentityButton, { onError: onKycError })
|
|
8913
|
+
] }) : isKalshi && isVerified ? /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex items-center gap-4", children: [
|
|
8914
|
+
/* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground whitespace-nowrap", children: labels.trading.verified }),
|
|
8915
|
+
/* @__PURE__ */ (0, import_jsx_runtime129.jsx)(AvailableStatus, {})
|
|
8916
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(AvailableStatus, {})
|
|
8890
8917
|
] }, venue);
|
|
8891
8918
|
}) })
|
|
8892
8919
|
] });
|
|
@@ -8894,7 +8921,7 @@ var TradingAccessTab = ({
|
|
|
8894
8921
|
TradingAccessTab.displayName = "TradingAccessTab";
|
|
8895
8922
|
|
|
8896
8923
|
// src/profile/index.tsx
|
|
8897
|
-
var
|
|
8924
|
+
var import_jsx_runtime130 = require("react/jsx-runtime");
|
|
8898
8925
|
var ProfileModal = ({
|
|
8899
8926
|
open,
|
|
8900
8927
|
onOpenChange,
|
|
@@ -9195,7 +9222,7 @@ var ProfileModal = ({
|
|
|
9195
9222
|
};
|
|
9196
9223
|
});
|
|
9197
9224
|
}, [user == null ? void 0 : user.accounts, wallets]);
|
|
9198
|
-
return /* @__PURE__ */ (0,
|
|
9225
|
+
return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
|
|
9199
9226
|
Modal.Container,
|
|
9200
9227
|
{
|
|
9201
9228
|
maxWidth: "800px",
|
|
@@ -9204,8 +9231,8 @@ var ProfileModal = ({
|
|
|
9204
9231
|
container: cn("agg-profile-modal", "min-h-[37.5rem]")
|
|
9205
9232
|
},
|
|
9206
9233
|
children: [
|
|
9207
|
-
/* @__PURE__ */ (0,
|
|
9208
|
-
/* @__PURE__ */ (0,
|
|
9234
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Modal.Header, { title: "Edit Profile", classNames: { root: "agg-profile-modal-header" } }),
|
|
9235
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "agg-profile-tabs sm:hidden w-full", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
|
|
9209
9236
|
Tabs,
|
|
9210
9237
|
{
|
|
9211
9238
|
className: "w-full [&>div]:w-full",
|
|
@@ -9214,14 +9241,14 @@ var ProfileModal = ({
|
|
|
9214
9241
|
items: PROFILE_TAB_ITEMS.map((tab) => ({
|
|
9215
9242
|
value: tab.value,
|
|
9216
9243
|
label: tab.label,
|
|
9217
|
-
icon: /* @__PURE__ */ (0,
|
|
9244
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Icon, { name: tab.icon, size: "small" })
|
|
9218
9245
|
})),
|
|
9219
9246
|
value: activeTab,
|
|
9220
9247
|
onChange: (val) => setActiveTab(val)
|
|
9221
9248
|
}
|
|
9222
9249
|
) }),
|
|
9223
|
-
/* @__PURE__ */ (0,
|
|
9224
|
-
/* @__PURE__ */ (0,
|
|
9250
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Modal.Body, { classNames: { root: cn("agg-profile-modal-body", "overflow-x-visible") }, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "agg-profile-layout flex flex-col sm:flex-row sm:gap-10", children: [
|
|
9251
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
|
|
9225
9252
|
"nav",
|
|
9226
9253
|
{
|
|
9227
9254
|
className: cn(
|
|
@@ -9237,7 +9264,7 @@ var ProfileModal = ({
|
|
|
9237
9264
|
"aria-label": "Profile sections",
|
|
9238
9265
|
children: PROFILE_TAB_ITEMS.map((tab) => {
|
|
9239
9266
|
const isActive = activeTab === tab.value;
|
|
9240
|
-
return /* @__PURE__ */ (0,
|
|
9267
|
+
return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
|
|
9241
9268
|
"button",
|
|
9242
9269
|
{
|
|
9243
9270
|
type: "button",
|
|
@@ -9253,9 +9280,9 @@ var ProfileModal = ({
|
|
|
9253
9280
|
isActive ? "font-agg-normal text-agg-foreground bg-agg-secondary-hover" : "font-agg-normal text-agg-foreground"
|
|
9254
9281
|
),
|
|
9255
9282
|
children: [
|
|
9256
|
-
isActive ? /* @__PURE__ */ (0,
|
|
9257
|
-
/* @__PURE__ */ (0,
|
|
9258
|
-
/* @__PURE__ */ (0,
|
|
9283
|
+
isActive ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
|
|
9284
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
|
|
9285
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
|
|
9259
9286
|
]
|
|
9260
9287
|
},
|
|
9261
9288
|
tab.value
|
|
@@ -9263,9 +9290,9 @@ var ProfileModal = ({
|
|
|
9263
9290
|
})
|
|
9264
9291
|
}
|
|
9265
9292
|
) }),
|
|
9266
|
-
/* @__PURE__ */ (0,
|
|
9267
|
-
activeTab === PROFILE_TAB_KEYS.PROFILE_ACCOUNTS ? /* @__PURE__ */ (0,
|
|
9268
|
-
/* @__PURE__ */ (0,
|
|
9293
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "agg-profile-content min-w-0 flex-1", children: [
|
|
9294
|
+
activeTab === PROFILE_TAB_KEYS.PROFILE_ACCOUNTS ? /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "agg-profile-accounts-tab flex flex-col gap-8", children: [
|
|
9295
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
|
|
9269
9296
|
AboutTab,
|
|
9270
9297
|
{
|
|
9271
9298
|
username: username != null ? username : user == null ? void 0 : user.username,
|
|
@@ -9279,7 +9306,7 @@ var ProfileModal = ({
|
|
|
9279
9306
|
avatarError: avatarTypeError
|
|
9280
9307
|
}
|
|
9281
9308
|
),
|
|
9282
|
-
/* @__PURE__ */ (0,
|
|
9309
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
|
|
9283
9310
|
AccountsWalletsTab,
|
|
9284
9311
|
{
|
|
9285
9312
|
socialAccounts: resolvedSocialAccounts,
|
|
@@ -9298,12 +9325,12 @@ var ProfileModal = ({
|
|
|
9298
9325
|
}
|
|
9299
9326
|
)
|
|
9300
9327
|
] }) : null,
|
|
9301
|
-
activeTab === PROFILE_TAB_KEYS.TRADING_ACCESS ? /* @__PURE__ */ (0,
|
|
9328
|
+
activeTab === PROFILE_TAB_KEYS.TRADING_ACCESS ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(TradingAccessTab, { venueAccounts: user == null ? void 0 : user.venueAccounts, onKycError }) : null
|
|
9302
9329
|
] })
|
|
9303
9330
|
] }) }),
|
|
9304
|
-
/* @__PURE__ */ (0,
|
|
9305
|
-
/* @__PURE__ */ (0,
|
|
9306
|
-
/* @__PURE__ */ (0,
|
|
9331
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(Modal.Footer, { classNames: { root: "agg-profile-modal-footer" }, children: [
|
|
9332
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
|
|
9333
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
|
|
9307
9334
|
Button,
|
|
9308
9335
|
{
|
|
9309
9336
|
variant: "primary",
|
|
@@ -9324,7 +9351,7 @@ ProfileModal.displayName = "ProfileModal";
|
|
|
9324
9351
|
// src/geo-block-modal/index.tsx
|
|
9325
9352
|
var import_hooks41 = require("@agg-build/hooks");
|
|
9326
9353
|
var import_react20 = require("react");
|
|
9327
|
-
var
|
|
9354
|
+
var import_jsx_runtime131 = require("react/jsx-runtime");
|
|
9328
9355
|
var GeoBlockModal = ({
|
|
9329
9356
|
open,
|
|
9330
9357
|
onOpenChange,
|
|
@@ -9336,19 +9363,19 @@ var GeoBlockModal = ({
|
|
|
9336
9363
|
onConfirm == null ? void 0 : onConfirm();
|
|
9337
9364
|
onOpenChange(false);
|
|
9338
9365
|
}, [onConfirm, onOpenChange]);
|
|
9339
|
-
return /* @__PURE__ */ (0,
|
|
9366
|
+
return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
|
|
9340
9367
|
Modal,
|
|
9341
9368
|
{
|
|
9342
9369
|
open,
|
|
9343
9370
|
onOpenChange,
|
|
9344
9371
|
"aria-label": labels.trading.geoBlockModalAriaLabel,
|
|
9345
|
-
children: /* @__PURE__ */ (0,
|
|
9372
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
|
|
9346
9373
|
Modal.Container,
|
|
9347
9374
|
{
|
|
9348
9375
|
maxWidth: "480px",
|
|
9349
9376
|
classNames: { container: cn("!rounded-agg-2xl", classNames == null ? void 0 : classNames.container) },
|
|
9350
9377
|
children: [
|
|
9351
|
-
/* @__PURE__ */ (0,
|
|
9378
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
|
|
9352
9379
|
Modal.Header,
|
|
9353
9380
|
{
|
|
9354
9381
|
title: "",
|
|
@@ -9360,19 +9387,19 @@ var GeoBlockModal = ({
|
|
|
9360
9387
|
}
|
|
9361
9388
|
}
|
|
9362
9389
|
),
|
|
9363
|
-
/* @__PURE__ */ (0,
|
|
9364
|
-
/* @__PURE__ */ (0,
|
|
9390
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Modal.Body, { classNames: { root: cn("!px-10 !pt-0 !pb-12", classNames == null ? void 0 : classNames.body) }, children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
|
|
9391
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
|
|
9365
9392
|
Icon,
|
|
9366
9393
|
{
|
|
9367
9394
|
name: "internet-security",
|
|
9368
9395
|
className: "h-[60px] w-[60px] text-agg-muted-foreground"
|
|
9369
9396
|
}
|
|
9370
9397
|
),
|
|
9371
|
-
/* @__PURE__ */ (0,
|
|
9372
|
-
/* @__PURE__ */ (0,
|
|
9373
|
-
/* @__PURE__ */ (0,
|
|
9398
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
|
|
9399
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)("h2", { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.trading.geoBlockModalTitle }),
|
|
9400
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)("p", { className: "text-agg-base font-agg-normal leading-agg-6 text-agg-foreground", children: labels.trading.geoBlockModalDescription })
|
|
9374
9401
|
] }),
|
|
9375
|
-
/* @__PURE__ */ (0,
|
|
9402
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
|
|
9376
9403
|
Button,
|
|
9377
9404
|
{
|
|
9378
9405
|
variant: "secondary",
|
|
@@ -9393,7 +9420,7 @@ GeoBlockModal.displayName = "GeoBlockModal";
|
|
|
9393
9420
|
|
|
9394
9421
|
// src/geo-block-banner/index.tsx
|
|
9395
9422
|
var import_hooks42 = require("@agg-build/hooks");
|
|
9396
|
-
var
|
|
9423
|
+
var import_jsx_runtime132 = require("react/jsx-runtime");
|
|
9397
9424
|
var GeoBlockBanner = ({
|
|
9398
9425
|
venue,
|
|
9399
9426
|
termsUrl = AGG_TERMS_OF_SERVICE_URL,
|
|
@@ -9401,18 +9428,18 @@ var GeoBlockBanner = ({
|
|
|
9401
9428
|
}) => {
|
|
9402
9429
|
const labels = (0, import_hooks42.useLabels)();
|
|
9403
9430
|
const message = venue ? labels.trading.geoBlockVenueMessage(venue) : labels.trading.geoBlockGenericMessage;
|
|
9404
|
-
return /* @__PURE__ */ (0,
|
|
9431
|
+
return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
|
|
9405
9432
|
"div",
|
|
9406
9433
|
{
|
|
9407
9434
|
className: cn("flex items-center gap-5 rounded-agg-lg bg-agg-secondary-hover p-3", className),
|
|
9408
9435
|
role: "status",
|
|
9409
9436
|
children: [
|
|
9410
|
-
/* @__PURE__ */ (0,
|
|
9437
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("p", { className: "min-w-0 flex-1 text-agg-xs leading-agg-4 text-agg-foreground", children: [
|
|
9411
9438
|
message,
|
|
9412
|
-
/* @__PURE__ */ (0,
|
|
9439
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("a", { href: termsUrl, className: "underline", target: "_blank", rel: "noreferrer noopener", children: labels.trading.geoBlockTermsLink }),
|
|
9413
9440
|
labels.trading.geoBlockMessageSuffix
|
|
9414
9441
|
] }),
|
|
9415
|
-
/* @__PURE__ */ (0,
|
|
9442
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Icon, { name: "internet-security", className: "h-6 w-6 shrink-0 text-agg-muted-foreground" })
|
|
9416
9443
|
]
|
|
9417
9444
|
}
|
|
9418
9445
|
);
|