@agg-market/ui 13.0.0 → 14.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-3ST2TN6E.mjs → chunk-4AK5XMOS.mjs} +338 -240
- package/dist/index.js +846 -748
- package/dist/index.mjs +1 -1
- package/dist/pages.js +338 -237
- package/dist/pages.mjs +1 -1
- package/dist/styles.css +1 -1
- package/dist/tailwind.css +1 -1
- package/dist/types/pages/user-profile/index.d.mts +2 -2
- package/dist/types/pages/user-profile/index.d.ts +2 -2
- package/dist/types/pages/user-profile/user-profile.types.d.mts +16 -5
- package/dist/types/pages/user-profile/user-profile.types.d.ts +16 -5
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -10506,11 +10506,11 @@ var AvailableBalanceCard = ({
|
|
|
10506
10506
|
{
|
|
10507
10507
|
"aria-label": "Balances by chain",
|
|
10508
10508
|
size: "small",
|
|
10509
|
-
side: "
|
|
10509
|
+
side: "bottom",
|
|
10510
10510
|
classNames: { content: "border-0" },
|
|
10511
10511
|
content: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex min-w-[280px] max-w-[360px] flex-col gap-2 p-3 sm:p-4", children: [
|
|
10512
10512
|
/* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "font-agg-sans text-agg-sm leading-5 font-agg-bold text-agg-foreground", children: "Balance by network" }),
|
|
10513
|
-
/* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { role: "list",
|
|
10513
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { role: "list", children: chains.map((row) => {
|
|
10514
10514
|
const icon = chainIconName(row.label);
|
|
10515
10515
|
return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
|
|
10516
10516
|
"div",
|
|
@@ -10604,28 +10604,29 @@ var ActivityRow = ({ activity, onClick }) => {
|
|
|
10604
10604
|
),
|
|
10605
10605
|
onClick: handleClick,
|
|
10606
10606
|
children: [
|
|
10607
|
-
/* @__PURE__ */ (0, import_jsx_runtime103.
|
|
10608
|
-
/* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex min-w-0 w-full flex-1 items-center gap-3 sm:gap-4", children: [
|
|
10607
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "hidden w-[60px] shrink-0 items-center gap-1 sm:flex", children: [
|
|
10609
10608
|
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)(VenueLogo, { venue: activity.venue, size: "small", className: "shrink-0" }),
|
|
10610
|
-
/* @__PURE__ */ (0, import_jsx_runtime103.
|
|
10611
|
-
|
|
10612
|
-
|
|
10613
|
-
|
|
10614
|
-
|
|
10615
|
-
|
|
10616
|
-
|
|
10617
|
-
|
|
10618
|
-
|
|
10619
|
-
|
|
10620
|
-
|
|
10621
|
-
|
|
10622
|
-
|
|
10623
|
-
|
|
10624
|
-
|
|
10609
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-normal text-agg-foreground", children: activity.type })
|
|
10610
|
+
] }),
|
|
10611
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "flex min-w-0 w-full flex-1 items-center gap-3 sm:gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-3 sm:gap-4", children: [
|
|
10612
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
10613
|
+
RemoteImage,
|
|
10614
|
+
{
|
|
10615
|
+
src: activity.thumbnailSrc,
|
|
10616
|
+
alt: "",
|
|
10617
|
+
className: "h-[52px] w-[52px] shrink-0 rounded-agg-sm object-cover sm:h-[60px] sm:w-[60px]"
|
|
10618
|
+
}
|
|
10619
|
+
),
|
|
10620
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col justify-center gap-2", children: [
|
|
10621
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: "min-w-full overflow-hidden text-ellipsis whitespace-nowrap font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: activity.title }),
|
|
10622
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex flex-wrap items-center gap-2 sm:gap-3", children: [
|
|
10623
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "inline-flex items-center justify-center gap-1.5 rounded-full bg-agg-secondary-hover px-3 py-1.5 sm:px-4", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground whitespace-nowrap", children: activity.outcomeLabel }) }),
|
|
10624
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-black whitespace-nowrap", children: activity.sharesLabel })
|
|
10625
10625
|
] })
|
|
10626
10626
|
] })
|
|
10627
|
-
] }),
|
|
10628
|
-
/* @__PURE__ */ (0, import_jsx_runtime103.
|
|
10627
|
+
] }) }),
|
|
10628
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "hidden w-[175px] shrink-0 sm:block", "aria-hidden": true }),
|
|
10629
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex w-full flex-row items-center justify-between gap-1 text-agg-base leading-agg-6 whitespace-nowrap sm:w-[184px] sm:shrink-0 sm:flex-col sm:items-end sm:justify-center", children: [
|
|
10629
10630
|
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: "font-agg-sans font-agg-bold text-black", children: activity.amountLabel }),
|
|
10630
10631
|
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: "font-agg-sans font-agg-normal text-agg-muted-foreground", children: activity.timeLabel })
|
|
10631
10632
|
] })
|
|
@@ -10674,22 +10675,29 @@ var PositionRow = ({ position, onClick }) => {
|
|
|
10674
10675
|
onClick: handleClick,
|
|
10675
10676
|
children: [
|
|
10676
10677
|
/* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex min-w-0 w-full flex-1 items-center gap-3 sm:gap-4", children: [
|
|
10677
|
-
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
10678
|
-
|
|
10679
|
-
|
|
10680
|
-
|
|
10681
|
-
|
|
10682
|
-
|
|
10683
|
-
|
|
10684
|
-
|
|
10685
|
-
|
|
10686
|
-
),
|
|
10687
|
-
/* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex
|
|
10688
|
-
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)("
|
|
10689
|
-
/* @__PURE__ */ (0, import_jsx_runtime105.
|
|
10690
|
-
|
|
10691
|
-
|
|
10692
|
-
|
|
10678
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
10679
|
+
RemoteImage,
|
|
10680
|
+
{
|
|
10681
|
+
src: position.thumbnailSrc,
|
|
10682
|
+
alt: "",
|
|
10683
|
+
className: "h-[52px] w-[52px] shrink-0 rounded-agg-sm object-cover sm:h-[60px] sm:w-[60px]"
|
|
10684
|
+
}
|
|
10685
|
+
),
|
|
10686
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col justify-center gap-2", children: [
|
|
10687
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)("p", { className: "min-w-full overflow-hidden text-ellipsis whitespace-nowrap font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: position.title }),
|
|
10688
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex flex-wrap items-center gap-3", children: [
|
|
10689
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "inline-flex items-center justify-center rounded-full bg-agg-secondary-hover px-4 py-1.5 sm:px-[16px] sm:py-[6px]", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground whitespace-nowrap", children: position.outcomeLabel }) }),
|
|
10690
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "flex min-w-0 flex-1 flex-wrap content-center items-center gap-x-3 gap-y-2", children: position.venueShareBreakdown.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
|
|
10691
|
+
"div",
|
|
10692
|
+
{
|
|
10693
|
+
className: "flex items-center gap-1",
|
|
10694
|
+
children: [
|
|
10695
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(VenueLogo, { venue: row.venue, size: "small", className: "size-4 shrink-0" }),
|
|
10696
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-black whitespace-nowrap", children: row.sharesLabel })
|
|
10697
|
+
]
|
|
10698
|
+
},
|
|
10699
|
+
`${row.venue}-${row.sharesLabel}-${String(index)}`
|
|
10700
|
+
)) })
|
|
10693
10701
|
] })
|
|
10694
10702
|
] })
|
|
10695
10703
|
] }),
|
|
@@ -10709,7 +10717,14 @@ var PositionRow = ({ position, onClick }) => {
|
|
|
10709
10717
|
}
|
|
10710
10718
|
)
|
|
10711
10719
|
] }),
|
|
10712
|
-
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
10720
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
10721
|
+
Icon,
|
|
10722
|
+
{
|
|
10723
|
+
name: "chevron-right",
|
|
10724
|
+
size: "small",
|
|
10725
|
+
className: "size-5 shrink-0 text-agg-muted-foreground"
|
|
10726
|
+
}
|
|
10727
|
+
)
|
|
10713
10728
|
] })
|
|
10714
10729
|
]
|
|
10715
10730
|
}
|
|
@@ -10723,6 +10738,7 @@ var tabItems = [
|
|
|
10723
10738
|
{ value: USER_PROFILE_TAB_POSITIONS, label: "Positions" },
|
|
10724
10739
|
{ value: USER_PROFILE_TAB_ACTIVITY, label: "Activity" }
|
|
10725
10740
|
];
|
|
10741
|
+
var TabRowsSkeleton = ({ ariaLabel }) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { role: "status", "aria-label": ariaLabel, className: "flex flex-col gap-3 sm:gap-4", children: Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "h-14 rounded-agg-sm bg-agg-secondary-hover/80 sm:h-16" }, index)) });
|
|
10726
10742
|
var PositionsActivity = ({
|
|
10727
10743
|
activePositions = [],
|
|
10728
10744
|
closedPositions = [],
|
|
@@ -10744,21 +10760,91 @@ var PositionsActivity = ({
|
|
|
10744
10760
|
const [activeTab, setActiveTab] = (0, import_react18.useState)(USER_PROFILE_TAB_POSITIONS);
|
|
10745
10761
|
const [positionFilter, setPositionFilter] = (0, import_react18.useState)("active");
|
|
10746
10762
|
const [searchValue, setSearchValue] = (0, import_react18.useState)("");
|
|
10763
|
+
const [isSearchFocused, setIsSearchFocused] = (0, import_react18.useState)(false);
|
|
10764
|
+
const positionsLoadMoreRef = (0, import_react18.useRef)(null);
|
|
10765
|
+
const activitiesLoadMoreRef = (0, import_react18.useRef)(null);
|
|
10747
10766
|
const isPositionsTab = activeTab === USER_PROFILE_TAB_POSITIONS;
|
|
10748
10767
|
const filteredPositions = (0, import_react18.useMemo)(() => {
|
|
10749
|
-
const
|
|
10750
|
-
if (!searchValue.trim()) return
|
|
10751
|
-
const
|
|
10752
|
-
return
|
|
10768
|
+
const base = positionFilter === "active" ? activePositions : closedPositions;
|
|
10769
|
+
if (!searchValue.trim()) return base;
|
|
10770
|
+
const q = searchValue.toLowerCase();
|
|
10771
|
+
return base.filter((p) => p.title.toLowerCase().includes(q));
|
|
10753
10772
|
}, [activePositions, closedPositions, positionFilter, searchValue]);
|
|
10754
10773
|
const filteredActivities = (0, import_react18.useMemo)(() => {
|
|
10755
10774
|
if (!searchValue.trim()) return activities;
|
|
10756
|
-
const
|
|
10757
|
-
return activities.filter((a) => a.title.toLowerCase().includes(
|
|
10775
|
+
const q = searchValue.toLowerCase();
|
|
10776
|
+
return activities.filter((a) => a.title.toLowerCase().includes(q));
|
|
10758
10777
|
}, [activities, searchValue]);
|
|
10778
|
+
const searchResults = (0, import_react18.useMemo)(() => {
|
|
10779
|
+
if (!searchValue.trim()) return [];
|
|
10780
|
+
if (isPositionsTab) {
|
|
10781
|
+
return filteredPositions.slice(0, 5).map((p) => ({
|
|
10782
|
+
id: p.id,
|
|
10783
|
+
title: p.title,
|
|
10784
|
+
thumbnailSrc: p.thumbnailSrc,
|
|
10785
|
+
metaPrimary: p.outcomeLabel,
|
|
10786
|
+
metaSecondary: p.valueLabel,
|
|
10787
|
+
kind: "position",
|
|
10788
|
+
raw: p
|
|
10789
|
+
}));
|
|
10790
|
+
}
|
|
10791
|
+
return filteredActivities.slice(0, 5).map((a) => ({
|
|
10792
|
+
id: a.id,
|
|
10793
|
+
title: a.title,
|
|
10794
|
+
thumbnailSrc: a.thumbnailSrc,
|
|
10795
|
+
metaPrimary: a.outcomeLabel,
|
|
10796
|
+
metaSecondary: a.amountLabel,
|
|
10797
|
+
kind: "activity",
|
|
10798
|
+
raw: a
|
|
10799
|
+
}));
|
|
10800
|
+
}, [filteredActivities, filteredPositions, isPositionsTab, searchValue]);
|
|
10759
10801
|
const handleSearchChange = (event) => {
|
|
10760
10802
|
setSearchValue(event.target.value);
|
|
10761
10803
|
};
|
|
10804
|
+
(0, import_react18.useEffect)(() => {
|
|
10805
|
+
if (!isPositionsTab || !hasMorePositions) return;
|
|
10806
|
+
const target = positionsLoadMoreRef.current;
|
|
10807
|
+
if (!target || !onLoadMorePositions) return;
|
|
10808
|
+
const observer = new IntersectionObserver(
|
|
10809
|
+
(entries) => {
|
|
10810
|
+
const entry = entries[0];
|
|
10811
|
+
if (!(entry == null ? void 0 : entry.isIntersecting)) return;
|
|
10812
|
+
if (isLoadingPositions || isLoadingMorePositions || !hasMorePositions) return;
|
|
10813
|
+
onLoadMorePositions();
|
|
10814
|
+
},
|
|
10815
|
+
{ rootMargin: "240px 0px" }
|
|
10816
|
+
);
|
|
10817
|
+
observer.observe(target);
|
|
10818
|
+
return () => observer.disconnect();
|
|
10819
|
+
}, [
|
|
10820
|
+
hasMorePositions,
|
|
10821
|
+
isLoadingMorePositions,
|
|
10822
|
+
isLoadingPositions,
|
|
10823
|
+
isPositionsTab,
|
|
10824
|
+
onLoadMorePositions
|
|
10825
|
+
]);
|
|
10826
|
+
(0, import_react18.useEffect)(() => {
|
|
10827
|
+
if (isPositionsTab || !hasMoreActivities) return;
|
|
10828
|
+
const target = activitiesLoadMoreRef.current;
|
|
10829
|
+
if (!target || !onLoadMoreActivities) return;
|
|
10830
|
+
const observer = new IntersectionObserver(
|
|
10831
|
+
(entries) => {
|
|
10832
|
+
const entry = entries[0];
|
|
10833
|
+
if (!(entry == null ? void 0 : entry.isIntersecting)) return;
|
|
10834
|
+
if (isLoadingActivities || isLoadingMoreActivities || !hasMoreActivities) return;
|
|
10835
|
+
onLoadMoreActivities();
|
|
10836
|
+
},
|
|
10837
|
+
{ rootMargin: "240px 0px" }
|
|
10838
|
+
);
|
|
10839
|
+
observer.observe(target);
|
|
10840
|
+
return () => observer.disconnect();
|
|
10841
|
+
}, [
|
|
10842
|
+
hasMoreActivities,
|
|
10843
|
+
isLoadingActivities,
|
|
10844
|
+
isLoadingMoreActivities,
|
|
10845
|
+
isPositionsTab,
|
|
10846
|
+
onLoadMoreActivities
|
|
10847
|
+
]);
|
|
10762
10848
|
return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
|
|
10763
10849
|
"div",
|
|
10764
10850
|
{
|
|
@@ -10800,23 +10886,95 @@ var PositionsActivity = ({
|
|
|
10800
10886
|
)
|
|
10801
10887
|
] }, filter.value);
|
|
10802
10888
|
}) }) : null,
|
|
10803
|
-
/* @__PURE__ */ (0, import_jsx_runtime106.
|
|
10804
|
-
|
|
10805
|
-
|
|
10806
|
-
"
|
|
10807
|
-
|
|
10808
|
-
|
|
10809
|
-
|
|
10810
|
-
|
|
10811
|
-
|
|
10812
|
-
|
|
10813
|
-
|
|
10814
|
-
|
|
10815
|
-
"
|
|
10816
|
-
|
|
10817
|
-
|
|
10818
|
-
|
|
10819
|
-
|
|
10889
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
|
|
10890
|
+
"div",
|
|
10891
|
+
{
|
|
10892
|
+
className: "relative flex w-full min-w-0 flex-1",
|
|
10893
|
+
onFocusCapture: () => setIsSearchFocused(true),
|
|
10894
|
+
onBlurCapture: (event) => {
|
|
10895
|
+
const next = event.relatedTarget;
|
|
10896
|
+
if (next && event.currentTarget.contains(next)) return;
|
|
10897
|
+
setIsSearchFocused(false);
|
|
10898
|
+
},
|
|
10899
|
+
children: [
|
|
10900
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)("label", { className: "flex w-full min-w-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex h-11 w-full items-center gap-3 rounded-agg-sm border border-agg-separator bg-agg-secondary px-3 py-2.5 focus-within:border-2 focus-within:border-agg-primary sm:h-10", children: [
|
|
10901
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Icon, { name: "search", size: "small", className: "shrink-0 text-agg-muted-foreground" }),
|
|
10902
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
10903
|
+
"input",
|
|
10904
|
+
{
|
|
10905
|
+
value: searchValue,
|
|
10906
|
+
onChange: handleSearchChange,
|
|
10907
|
+
placeholder: "Search...",
|
|
10908
|
+
className: cn(
|
|
10909
|
+
"h-6 w-full min-w-0 border-0 bg-transparent p-0",
|
|
10910
|
+
"font-agg-sans text-agg-base leading-agg-6 font-agg-normal text-agg-foreground",
|
|
10911
|
+
"placeholder:text-agg-muted-foreground",
|
|
10912
|
+
"outline-none focus:outline-none"
|
|
10913
|
+
)
|
|
10914
|
+
}
|
|
10915
|
+
)
|
|
10916
|
+
] }) }),
|
|
10917
|
+
isSearchFocused && searchValue.trim() ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "absolute left-0 right-0 top-full z-50 mt-1 w-full overflow-hidden rounded-agg-xl border border-agg-separator bg-agg-secondary pt-2 shadow-[0px_8px_16px_0px_rgba(0,0,0,0.1)]", children: searchResults.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
10918
|
+
"ul",
|
|
10919
|
+
{
|
|
10920
|
+
className: "m-0 flex list-none flex-col p-0",
|
|
10921
|
+
role: "listbox",
|
|
10922
|
+
"aria-label": "Search results",
|
|
10923
|
+
children: searchResults.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
10924
|
+
"li",
|
|
10925
|
+
{
|
|
10926
|
+
role: "presentation",
|
|
10927
|
+
className: cn(index > 0 && "border-t border-agg-separator"),
|
|
10928
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
|
|
10929
|
+
"button",
|
|
10930
|
+
{
|
|
10931
|
+
type: "button",
|
|
10932
|
+
className: "group flex w-full items-center gap-6 px-5 py-4 text-left hover:bg-agg-secondary-hover focus-visible:outline-none focus-visible:bg-agg-secondary-hover",
|
|
10933
|
+
onClick: () => {
|
|
10934
|
+
if (item.kind === "position") {
|
|
10935
|
+
onPositionClick == null ? void 0 : onPositionClick(item.raw);
|
|
10936
|
+
} else {
|
|
10937
|
+
onActivityClick == null ? void 0 : onActivityClick(item.raw);
|
|
10938
|
+
}
|
|
10939
|
+
},
|
|
10940
|
+
children: [
|
|
10941
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-4", children: [
|
|
10942
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
10943
|
+
"img",
|
|
10944
|
+
{
|
|
10945
|
+
src: item.thumbnailSrc,
|
|
10946
|
+
alt: "",
|
|
10947
|
+
className: "size-12 shrink-0 rounded-[8px] object-cover"
|
|
10948
|
+
}
|
|
10949
|
+
),
|
|
10950
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
|
|
10951
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "min-w-0 overflow-hidden text-ellipsis whitespace-nowrap font-agg-sans text-agg-base leading-agg-6 font-agg-normal text-agg-foreground", children: item.title }),
|
|
10952
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex min-w-0 items-center gap-2 text-agg-muted-foreground", children: [
|
|
10953
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "shrink-0 whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: item.metaPrimary }),
|
|
10954
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "text-agg-muted-foreground", "aria-hidden": true, children: "\xB7" }),
|
|
10955
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "min-w-0 overflow-hidden text-ellipsis whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: item.metaSecondary })
|
|
10956
|
+
] })
|
|
10957
|
+
] })
|
|
10958
|
+
] }),
|
|
10959
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
10960
|
+
Icon,
|
|
10961
|
+
{
|
|
10962
|
+
name: "chevron-right",
|
|
10963
|
+
size: "medium",
|
|
10964
|
+
className: "h-5 w-5 shrink-0 text-agg-muted-foreground"
|
|
10965
|
+
}
|
|
10966
|
+
)
|
|
10967
|
+
]
|
|
10968
|
+
}
|
|
10969
|
+
)
|
|
10970
|
+
},
|
|
10971
|
+
item.id
|
|
10972
|
+
))
|
|
10973
|
+
}
|
|
10974
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "px-5 py-6 font-agg-sans text-agg-sm leading-agg-5 text-agg-muted-foreground", children: "No results" }) }) : null
|
|
10975
|
+
]
|
|
10976
|
+
}
|
|
10977
|
+
)
|
|
10820
10978
|
] }),
|
|
10821
10979
|
isPositionsTab && filteredPositions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "hidden items-center gap-6 px-0 sm:flex", children: [
|
|
10822
10980
|
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "min-w-0 flex-1 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: "Market" }),
|
|
@@ -10827,15 +10985,9 @@ var PositionsActivity = ({
|
|
|
10827
10985
|
!isPositionsTab && filteredActivities.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "hidden items-center gap-6 px-0 sm:flex", children: [
|
|
10828
10986
|
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "w-[60px] shrink-0 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: "Type" }),
|
|
10829
10987
|
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "min-w-0 flex-1 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: "Market" }),
|
|
10830
|
-
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "w-[
|
|
10988
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "w-[184px] shrink-0 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground text-right", children: "Amount" })
|
|
10831
10989
|
] }) : null,
|
|
10832
|
-
isPositionsTab ? isLoadingPositions && filteredPositions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
10833
|
-
Skeleton,
|
|
10834
|
-
{
|
|
10835
|
-
view: skeletonViews.userProfilePositionsActivity,
|
|
10836
|
-
ariaLabel: "Loading positions"
|
|
10837
|
-
}
|
|
10838
|
-
) : positionsError && filteredPositions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
10990
|
+
isPositionsTab ? isLoadingPositions && filteredPositions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(TabRowsSkeleton, { ariaLabel: "Loading positions" }) : positionsError && filteredPositions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
10839
10991
|
EmptyState,
|
|
10840
10992
|
{
|
|
10841
10993
|
title: "Unable to load positions",
|
|
@@ -10847,38 +10999,15 @@ var PositionsActivity = ({
|
|
|
10847
10999
|
title: "No positions yet",
|
|
10848
11000
|
description: "Your open trades will appear here once you place an order."
|
|
10849
11001
|
}
|
|
10850
|
-
) : isLoadingActivities && filteredActivities.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
10851
|
-
Skeleton,
|
|
10852
|
-
{
|
|
10853
|
-
view: skeletonViews.userProfilePositionsActivity,
|
|
10854
|
-
ariaLabel: "Loading activity"
|
|
10855
|
-
}
|
|
10856
|
-
) : activitiesError && filteredActivities.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(EmptyState, { title: "Unable to load activity", description: "Please try again in a moment." }) : filteredActivities.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "flex flex-col gap-3 sm:gap-4", children: filteredActivities.map((activity) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(ActivityRow, { activity, onClick: onActivityClick }, activity.id)) }) : /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
11002
|
+
) : isLoadingActivities && filteredActivities.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(TabRowsSkeleton, { ariaLabel: "Loading activity" }) : activitiesError && filteredActivities.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(EmptyState, { title: "Unable to load activity", description: "Please try again in a moment." }) : filteredActivities.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "flex flex-col gap-3 sm:gap-4", children: filteredActivities.map((activity) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(ActivityRow, { activity, onClick: onActivityClick }, activity.id)) }) : /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
10857
11003
|
EmptyState,
|
|
10858
11004
|
{
|
|
10859
11005
|
title: "No activity yet",
|
|
10860
11006
|
description: "Your trading activity will appear here."
|
|
10861
11007
|
}
|
|
10862
11008
|
),
|
|
10863
|
-
isPositionsTab
|
|
10864
|
-
|
|
10865
|
-
{
|
|
10866
|
-
variant: "secondary",
|
|
10867
|
-
size: "medium",
|
|
10868
|
-
isLoading: isLoadingMorePositions,
|
|
10869
|
-
onClick: onLoadMorePositions,
|
|
10870
|
-
children: "Load more"
|
|
10871
|
-
}
|
|
10872
|
-
) }) : null : hasMoreActivities ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "flex w-full justify-center pt-1", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
10873
|
-
Button,
|
|
10874
|
-
{
|
|
10875
|
-
variant: "secondary",
|
|
10876
|
-
size: "medium",
|
|
10877
|
-
isLoading: isLoadingMoreActivities,
|
|
10878
|
-
onClick: onLoadMoreActivities,
|
|
10879
|
-
children: "Load more"
|
|
10880
|
-
}
|
|
10881
|
-
) }) : null
|
|
11009
|
+
isPositionsTab && hasMorePositions ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { ref: positionsLoadMoreRef, className: "h-px w-full", "aria-hidden": true }) : null,
|
|
11010
|
+
!isPositionsTab && hasMoreActivities ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { ref: activitiesLoadMoreRef, className: "h-px w-full", "aria-hidden": true }) : null
|
|
10882
11011
|
] })
|
|
10883
11012
|
]
|
|
10884
11013
|
}
|
|
@@ -10886,54 +11015,9 @@ var PositionsActivity = ({
|
|
|
10886
11015
|
};
|
|
10887
11016
|
PositionsActivity.displayName = "PositionsActivity";
|
|
10888
11017
|
|
|
10889
|
-
// src/pages/user-profile/components/default-avatar.tsx
|
|
10890
|
-
var import_jsx_runtime107 = require("react/jsx-runtime");
|
|
10891
|
-
var DefaultAvatar = ({ className }) => {
|
|
10892
|
-
return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
|
|
10893
|
-
"svg",
|
|
10894
|
-
{
|
|
10895
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
10896
|
-
width: "120",
|
|
10897
|
-
height: "120",
|
|
10898
|
-
viewBox: "0 0 120 120",
|
|
10899
|
-
fill: "none",
|
|
10900
|
-
className: cn("shrink-0", className),
|
|
10901
|
-
"aria-hidden": true,
|
|
10902
|
-
children: [
|
|
10903
|
-
/* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("g", { clipPath: "url(#clip0_default_avatar)", children: [
|
|
10904
|
-
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
10905
|
-
"path",
|
|
10906
|
-
{
|
|
10907
|
-
d: "M60 120C93.1371 120 120 93.1371 120 60C120 26.8629 93.1371 0 60 0C26.8629 0 0 26.8629 0 60C0 93.1371 26.8629 120 60 120Z",
|
|
10908
|
-
fill: "white"
|
|
10909
|
-
}
|
|
10910
|
-
),
|
|
10911
|
-
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
10912
|
-
"path",
|
|
10913
|
-
{
|
|
10914
|
-
d: "M60 120C93.1371 120 120 93.1371 120 60C120 26.8629 93.1371 0 60 0C26.8629 0 0 26.8629 0 60C0 93.1371 26.8629 120 60 120Z",
|
|
10915
|
-
fill: "black",
|
|
10916
|
-
fillOpacity: "0.1"
|
|
10917
|
-
}
|
|
10918
|
-
),
|
|
10919
|
-
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
10920
|
-
"path",
|
|
10921
|
-
{
|
|
10922
|
-
d: "M73.7338 64.1259C80.4187 59.6756 84.8276 52.0804 84.8276 43.4487C84.8276 29.7376 73.7111 18.6211 60 18.6211C46.2890 18.6211 35.1724 29.7376 35.1724 43.4487C35.1724 52.0804 39.5814 59.6756 46.2662 64.1259C46.2662 64.1259 46.2683 64.1280 46.2704 64.1280C46.2683 64.1280 46.2683 64.1259 46.2683 64.1259C30.2669 68.9487 17.8076 81.9356 13.7959 98.2742L13.7980 98.2763C14.4518 99.0645 15.1304 99.8342 15.8235 100.589C15.9911 100.774 16.1669 100.949 16.3387 101.129C16.8724 101.696 17.4124 102.255 17.9669 102.801C18.1966 103.027 18.4304 103.244 18.6642 103.465C19.1773 103.954 19.6966 104.436 20.2262 104.905C20.4890 105.137 20.7559 105.367 21.0207 105.594C21.5400 106.039 22.0656 106.476 22.6014 106.902C22.8828 107.127 23.1662 107.349 23.4497 107.570C23.9918 107.988 24.5421 108.394 25.0987 108.791C25.3862 108.996 25.6697 109.205 25.9614 109.405C26.5490 109.811 27.1469 110.200 27.7490 110.585C28.0200 110.756 28.2849 110.934 28.5580 111.104C29.2531 111.532 29.9607 111.942 30.6745 112.343C30.8628 112.449 31.0469 112.562 31.2373 112.666C32.1600 113.171 33.0973 113.655 34.0490 114.112C34.0718 114.122 34.0966 114.133 34.1193 114.143C35.0276 114.578 35.9504 114.989 36.8835 115.378C37.1731 115.500 37.4690 115.608 37.7607 115.724C38.4352 115.993 39.1097 116.258 39.7966 116.502C40.1607 116.632 40.5290 116.750 40.8952 116.874C41.5200 117.085 42.1490 117.290 42.7821 117.478C43.1835 117.598 43.5869 117.710 43.9924 117.822C44.6049 117.991 45.2214 118.153 45.8442 118.304C46.2642 118.405 46.6862 118.502 47.1104 118.596C47.7331 118.732 48.3580 118.856 48.9869 118.972C49.4131 119.051 49.8373 119.131 50.2676 119.200C50.9173 119.305 51.5711 119.394 52.2269 119.479C52.6407 119.533 53.0524 119.593 53.4683 119.636C54.1924 119.715 54.9228 119.771 55.6531 119.822C56.0069 119.847 56.3566 119.885 56.7104 119.903C57.8007 119.965 58.8952 120 60 120C61.1049 120 62.1993 119.965 63.2897 119.907C63.6435 119.889 63.9952 119.851 64.3469 119.827C65.0793 119.775 65.8097 119.719 66.5318 119.640C66.9476 119.595 67.3593 119.537 67.7731 119.483C68.4290 119.398 69.0828 119.309 69.7324 119.204C70.1607 119.134 70.5869 119.055 71.0131 118.976C71.6421 118.860 72.2690 118.736 72.8897 118.600C73.3138 118.507 73.7359 118.409 74.1559 118.308C74.7766 118.157 75.3931 117.996 76.0076 117.826C76.4111 117.714 76.8166 117.602 77.2180 117.482C77.8531 117.292 78.4800 117.087 79.1049 116.878C79.4711 116.754 79.8414 116.636 80.2035 116.506C80.8883 116.260 81.5649 115.997 82.2393 115.728C82.5311 115.612 82.8269 115.502 83.1166 115.382C84.0456 114.994 84.9642 114.586 85.8683 114.151C85.8952 114.139 85.9242 114.127 85.9511 114.114C86.9028 113.657 87.8400 113.173 88.7628 112.668C88.9531 112.565 89.1373 112.451 89.3256 112.345C90.0393 111.944 90.7469 111.534 91.4421 111.106C91.7152 110.938 91.9821 110.760 92.2511 110.587C92.8531 110.202 93.4511 109.811 94.0387 109.407C94.3283 109.207 94.6138 109.000 94.9014 108.793C95.4580 108.394 96.0083 107.988 96.5504 107.572C96.8359 107.353 97.1173 107.129 97.3987 106.904C97.9324 106.478 98.4600 106.041 98.9793 105.596C99.2462 105.369 99.5131 105.139 99.7738 104.907C100.303 104.438 100.823 103.956 101.336 103.467C101.568 103.246 101.803 103.027 102.033 102.803C102.588 102.257 103.130 101.698 103.661 101.131C103.831 100.949 104.007 100.774 104.177 100.591C104.870 99.8363 105.548 99.0666 106.202 98.2783L106.204 98.2763C102.195 81.9356 89.7352 68.9487 73.7338 64.1259Z",
|
|
10923
|
-
fill: "black",
|
|
10924
|
-
fillOpacity: "0.1"
|
|
10925
|
-
}
|
|
10926
|
-
)
|
|
10927
|
-
] }),
|
|
10928
|
-
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("clipPath", { id: "clip0_default_avatar", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("rect", { width: "120", height: "120", fill: "white" }) }) })
|
|
10929
|
-
]
|
|
10930
|
-
}
|
|
10931
|
-
);
|
|
10932
|
-
};
|
|
10933
|
-
DefaultAvatar.displayName = "DefaultAvatar";
|
|
10934
|
-
|
|
10935
11018
|
// src/pages/user-profile/components/user-info-card.tsx
|
|
10936
|
-
var
|
|
11019
|
+
var import_jsx_runtime107 = require("react/jsx-runtime");
|
|
11020
|
+
var fallbackAvatarSrc = "https://picsum.photos/seed/user-profile-avatar/120/120";
|
|
10937
11021
|
var UserInfoCard = ({
|
|
10938
11022
|
user,
|
|
10939
11023
|
onEditProfile,
|
|
@@ -10941,11 +11025,11 @@ var UserInfoCard = ({
|
|
|
10941
11025
|
onWithdraw,
|
|
10942
11026
|
className
|
|
10943
11027
|
}) => {
|
|
10944
|
-
var _a, _b, _c;
|
|
11028
|
+
var _a, _b, _c, _d;
|
|
10945
11029
|
const evmExchanges = ((_a = user.connectedExchanges) != null ? _a : []).filter((ex) => ex.venue !== "kalshi");
|
|
10946
11030
|
const totalExchangeCount = (_c = (_b = user.connectedExchanges) == null ? void 0 : _b.length) != null ? _c : 0;
|
|
10947
11031
|
const hasEvmExchanges = evmExchanges.length > 0;
|
|
10948
|
-
return /* @__PURE__ */ (0,
|
|
11032
|
+
return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
|
|
10949
11033
|
"div",
|
|
10950
11034
|
{
|
|
10951
11035
|
className: cn(
|
|
@@ -10953,26 +11037,26 @@ var UserInfoCard = ({
|
|
|
10953
11037
|
className
|
|
10954
11038
|
),
|
|
10955
11039
|
children: [
|
|
10956
|
-
/* @__PURE__ */ (0,
|
|
10957
|
-
/* @__PURE__ */ (0,
|
|
11040
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex w-full flex-col items-start gap-4 sm:flex-row sm:gap-5", children: [
|
|
11041
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
10958
11042
|
RemoteImage,
|
|
10959
11043
|
{
|
|
10960
|
-
src: user.avatarUrl,
|
|
11044
|
+
src: (_d = user.avatarUrl) != null ? _d : fallbackAvatarSrc,
|
|
10961
11045
|
alt: user.username,
|
|
10962
11046
|
className: "h-20 w-20 rounded-full object-cover sm:h-[120px] sm:w-[120px]"
|
|
10963
11047
|
}
|
|
10964
|
-
)
|
|
10965
|
-
/* @__PURE__ */ (0,
|
|
10966
|
-
/* @__PURE__ */ (0,
|
|
10967
|
-
/* @__PURE__ */ (0,
|
|
10968
|
-
/* @__PURE__ */ (0,
|
|
10969
|
-
user.socialLinks && user.socialLinks.length > 0 ? /* @__PURE__ */ (0,
|
|
11048
|
+
) }),
|
|
11049
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex min-w-0 w-full flex-1 flex-col gap-3 sm:gap-4", children: [
|
|
11050
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex flex-wrap items-center justify-between gap-3 sm:gap-4", children: [
|
|
11051
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
|
|
11052
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)("h2", { className: "truncate text-[22px] leading-7 font-agg-bold text-agg-foreground sm:agg-type-heading", children: user.username }),
|
|
11053
|
+
user.socialLinks && user.socialLinks.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "flex items-center gap-2", children: user.socialLinks.map((social) => {
|
|
10970
11054
|
const iconName = social.platform === "twitter" ? "twitter" : social.platform === "discord" ? "discord" : "telegram";
|
|
10971
|
-
const iconNode = /* @__PURE__ */ (0,
|
|
11055
|
+
const iconNode = /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { className: "flex size-7 shrink-0 items-center justify-center rounded-full border border-agg-separator bg-agg-secondary sm:size-8", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Icon, { name: iconName, size: "small", className: "text-agg-foreground" }) });
|
|
10972
11056
|
if (!social.handle) {
|
|
10973
|
-
return /* @__PURE__ */ (0,
|
|
11057
|
+
return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { children: iconNode }, `${social.platform}-icon`);
|
|
10974
11058
|
}
|
|
10975
|
-
return /* @__PURE__ */ (0,
|
|
11059
|
+
return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
10976
11060
|
"a",
|
|
10977
11061
|
{
|
|
10978
11062
|
href: social.handle,
|
|
@@ -10985,22 +11069,22 @@ var UserInfoCard = ({
|
|
|
10985
11069
|
);
|
|
10986
11070
|
}) }) : null
|
|
10987
11071
|
] }),
|
|
10988
|
-
onEditProfile ? /* @__PURE__ */ (0,
|
|
11072
|
+
onEditProfile ? /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
|
|
10989
11073
|
"button",
|
|
10990
11074
|
{
|
|
10991
11075
|
type: "button",
|
|
10992
11076
|
onClick: onEditProfile,
|
|
10993
11077
|
className: "hidden shrink-0 cursor-pointer items-center gap-2 bg-transparent text-agg-primary hover:opacity-80 sm:flex",
|
|
10994
11078
|
children: [
|
|
10995
|
-
/* @__PURE__ */ (0,
|
|
10996
|
-
/* @__PURE__ */ (0,
|
|
11079
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Icon, { name: "pencil", size: "small", className: "text-agg-primary" }),
|
|
11080
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { className: "text-agg-base font-agg-bold leading-6", children: "Edit" })
|
|
10997
11081
|
]
|
|
10998
11082
|
}
|
|
10999
11083
|
) : null
|
|
11000
11084
|
] }),
|
|
11001
|
-
totalExchangeCount > 0 || user.socialHandle ? /* @__PURE__ */ (0,
|
|
11002
|
-
hasEvmExchanges ? /* @__PURE__ */ (0,
|
|
11003
|
-
/* @__PURE__ */ (0,
|
|
11085
|
+
totalExchangeCount > 0 || user.socialHandle ? /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex w-full flex-col gap-2.5 sm:gap-3", children: [
|
|
11086
|
+
hasEvmExchanges ? /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex flex-wrap items-center gap-2 sm:gap-3", children: [
|
|
11087
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "flex items-center", children: evmExchanges.map((exchange, idx) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
11004
11088
|
"div",
|
|
11005
11089
|
{
|
|
11006
11090
|
className: cn(
|
|
@@ -11008,7 +11092,7 @@ var UserInfoCard = ({
|
|
|
11008
11092
|
idx > 0 && "-ml-2"
|
|
11009
11093
|
),
|
|
11010
11094
|
style: { zIndex: evmExchanges.length - idx },
|
|
11011
|
-
children: /* @__PURE__ */ (0,
|
|
11095
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
11012
11096
|
RemoteImage,
|
|
11013
11097
|
{
|
|
11014
11098
|
src: venueLogoUrlRegistry[exchange.venue],
|
|
@@ -11019,18 +11103,18 @@ var UserInfoCard = ({
|
|
|
11019
11103
|
},
|
|
11020
11104
|
`${exchange.venue}-${idx}`
|
|
11021
11105
|
)) }),
|
|
11022
|
-
user.displayAddress ? /* @__PURE__ */ (0,
|
|
11023
|
-
/* @__PURE__ */ (0,
|
|
11024
|
-
/* @__PURE__ */ (0,
|
|
11106
|
+
user.displayAddress ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { className: "text-agg-sm font-agg-normal leading-5 text-agg-foreground sm:text-agg-base sm:leading-6", children: user.displayAddress }) : null,
|
|
11107
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex items-center gap-1", children: [
|
|
11108
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("span", { className: "text-agg-sm font-agg-normal leading-5 text-agg-muted-foreground", children: [
|
|
11025
11109
|
totalExchangeCount,
|
|
11026
11110
|
" exchange",
|
|
11027
11111
|
totalExchangeCount !== 1 ? "s" : ""
|
|
11028
11112
|
] }),
|
|
11029
|
-
/* @__PURE__ */ (0,
|
|
11113
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Icon, { name: "info", size: "small", className: "text-agg-muted-foreground" })
|
|
11030
11114
|
] })
|
|
11031
11115
|
] }) : null,
|
|
11032
|
-
user.socialHandle ? /* @__PURE__ */ (0,
|
|
11033
|
-
user.socialHandleVenue ? /* @__PURE__ */ (0,
|
|
11116
|
+
user.socialHandle ? /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex items-center gap-2 sm:gap-3", children: [
|
|
11117
|
+
user.socialHandleVenue ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "flex h-5 w-5 shrink-0 items-center justify-center overflow-hidden rounded-[4px]", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
11034
11118
|
RemoteImage,
|
|
11035
11119
|
{
|
|
11036
11120
|
src: venueLogoUrlRegistry[user.socialHandleVenue],
|
|
@@ -11038,14 +11122,14 @@ var UserInfoCard = ({
|
|
|
11038
11122
|
className: "h-5 w-5"
|
|
11039
11123
|
}
|
|
11040
11124
|
) }) : null,
|
|
11041
|
-
/* @__PURE__ */ (0,
|
|
11125
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { className: "text-agg-sm font-agg-normal leading-5 text-agg-foreground sm:text-agg-base sm:leading-6", children: user.socialHandle })
|
|
11042
11126
|
] }) : null
|
|
11043
11127
|
] }) : null
|
|
11044
11128
|
] })
|
|
11045
11129
|
] }),
|
|
11046
|
-
(onDeposit || onWithdraw) && /* @__PURE__ */ (0,
|
|
11047
|
-
/* @__PURE__ */ (0,
|
|
11048
|
-
onDeposit ? /* @__PURE__ */ (0,
|
|
11130
|
+
(onDeposit || onWithdraw) && /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex w-full items-center gap-5", children: [
|
|
11131
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
|
|
11132
|
+
onDeposit ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
11049
11133
|
"button",
|
|
11050
11134
|
{
|
|
11051
11135
|
type: "button",
|
|
@@ -11054,7 +11138,7 @@ var UserInfoCard = ({
|
|
|
11054
11138
|
children: "Deposit"
|
|
11055
11139
|
}
|
|
11056
11140
|
) : null,
|
|
11057
|
-
onWithdraw ? /* @__PURE__ */ (0,
|
|
11141
|
+
onWithdraw ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
11058
11142
|
"button",
|
|
11059
11143
|
{
|
|
11060
11144
|
type: "button",
|
|
@@ -11064,15 +11148,15 @@ var UserInfoCard = ({
|
|
|
11064
11148
|
}
|
|
11065
11149
|
) : null
|
|
11066
11150
|
] }),
|
|
11067
|
-
onEditProfile ? /* @__PURE__ */ (0,
|
|
11151
|
+
onEditProfile ? /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
|
|
11068
11152
|
"button",
|
|
11069
11153
|
{
|
|
11070
11154
|
type: "button",
|
|
11071
11155
|
onClick: onEditProfile,
|
|
11072
11156
|
className: "flex shrink-0 cursor-pointer items-center gap-1.5 bg-transparent text-agg-primary hover:opacity-80 sm:hidden",
|
|
11073
11157
|
children: [
|
|
11074
|
-
/* @__PURE__ */ (0,
|
|
11075
|
-
/* @__PURE__ */ (0,
|
|
11158
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Icon, { name: "pencil", size: "small", className: "h-3.5 w-3.5 text-agg-primary" }),
|
|
11159
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { className: "text-agg-sm font-agg-bold leading-5", children: "Edit" })
|
|
11076
11160
|
]
|
|
11077
11161
|
}
|
|
11078
11162
|
) : null
|
|
@@ -11084,7 +11168,7 @@ var UserInfoCard = ({
|
|
|
11084
11168
|
UserInfoCard.displayName = "UserInfoCard";
|
|
11085
11169
|
|
|
11086
11170
|
// src/pages/user-profile/index.tsx
|
|
11087
|
-
var
|
|
11171
|
+
var import_jsx_runtime108 = require("react/jsx-runtime");
|
|
11088
11172
|
var currencyFormatter = new Intl.NumberFormat("en-US", {
|
|
11089
11173
|
style: "currency",
|
|
11090
11174
|
currency: "USD",
|
|
@@ -11131,8 +11215,35 @@ var toAmountLabel = (amountRaw, executionPrice, filledAmountRaw) => {
|
|
|
11131
11215
|
if (Number.isFinite(parsedAmount)) return formatUsd2(parsedAmount);
|
|
11132
11216
|
return "$0.00";
|
|
11133
11217
|
};
|
|
11218
|
+
var POSITION_ROW_VENUE_ORDER = ["polymarket", "kalshi", "opinion", "limitless"];
|
|
11219
|
+
function venueBreakdownSortKey(venue) {
|
|
11220
|
+
const idx = POSITION_ROW_VENUE_ORDER.indexOf(venue);
|
|
11221
|
+
return idx === -1 ? POSITION_ROW_VENUE_ORDER.length : idx;
|
|
11222
|
+
}
|
|
11223
|
+
function toVenueLogoName2(venue) {
|
|
11224
|
+
return venue;
|
|
11225
|
+
}
|
|
11226
|
+
function buildVenueShareBreakdown(outcome) {
|
|
11227
|
+
const breakdown = outcome.venueBreakdown;
|
|
11228
|
+
if (breakdown.length === 0) {
|
|
11229
|
+
return [
|
|
11230
|
+
{
|
|
11231
|
+
venue: "polymarket",
|
|
11232
|
+
sharesLabel: getTradingSharesLabel(outcome.totalSize)
|
|
11233
|
+
}
|
|
11234
|
+
];
|
|
11235
|
+
}
|
|
11236
|
+
const sorted = [...breakdown].sort(
|
|
11237
|
+
(a, b) => venueBreakdownSortKey(a.venue) - venueBreakdownSortKey(b.venue)
|
|
11238
|
+
);
|
|
11239
|
+
return sorted.map((row) => ({
|
|
11240
|
+
venue: toVenueLogoName2(row.venue),
|
|
11241
|
+
sharesLabel: getTradingSharesLabel(row.size)
|
|
11242
|
+
}));
|
|
11243
|
+
}
|
|
11134
11244
|
var UserProfilePage = ({
|
|
11135
11245
|
user,
|
|
11246
|
+
balanceChainsOverride,
|
|
11136
11247
|
venueBalances: _venueBalances,
|
|
11137
11248
|
balance,
|
|
11138
11249
|
activePositions,
|
|
@@ -11235,20 +11346,17 @@ var UserProfilePage = ({
|
|
|
11235
11346
|
if (activePositions) return activePositions;
|
|
11236
11347
|
return positionsQuery.positions.flatMap(
|
|
11237
11348
|
(group) => group.venueMarket.venueMarketOutcomes.map((outcome) => {
|
|
11238
|
-
var _a, _b
|
|
11239
|
-
const outcomeVenue = (_a = outcome.venueBreakdown[0]) == null ? void 0 : _a.venue;
|
|
11240
|
-
const venue = connectedVenues.includes(outcomeVenue != null ? outcomeVenue : "polymarket") ? outcomeVenue != null ? outcomeVenue : "polymarket" : "polymarket";
|
|
11349
|
+
var _a, _b;
|
|
11241
11350
|
const currentPriceCents = Math.round(outcome.currentPrice * 100);
|
|
11242
11351
|
const averagePriceCents = Math.round(outcome.avgEntryPrice * 100);
|
|
11243
11352
|
const pnlPrefix = outcome.unrealizedPnl >= 0 ? "+" : "";
|
|
11244
11353
|
const pnlPercent = (outcome.unrealizedPnlPercent * 100).toFixed(2);
|
|
11245
11354
|
return {
|
|
11246
|
-
id: `${group.targetMarketId}-${outcome.label}-${(
|
|
11247
|
-
thumbnailSrc: (
|
|
11355
|
+
id: `${group.targetMarketId}-${outcome.label}-${(_a = outcome.title) != null ? _a : ""}`,
|
|
11356
|
+
thumbnailSrc: (_b = group.venueMarket.image) != null ? _b : fallbackThumbnailSrc,
|
|
11248
11357
|
title: group.venueMarket.question,
|
|
11249
|
-
|
|
11250
|
-
|
|
11251
|
-
sharesLabel: `${outcome.totalSize.toFixed(2)} shares`,
|
|
11358
|
+
outcomeLabel: outcome.label,
|
|
11359
|
+
venueShareBreakdown: buildVenueShareBreakdown(outcome),
|
|
11252
11360
|
averageLabel: `${averagePriceCents}\xA2`,
|
|
11253
11361
|
currentLabel: `${currentPriceCents}\xA2`,
|
|
11254
11362
|
valueLabel: formatUsd2(outcome.totalValue),
|
|
@@ -11257,66 +11365,56 @@ var UserProfilePage = ({
|
|
|
11257
11365
|
};
|
|
11258
11366
|
})
|
|
11259
11367
|
);
|
|
11260
|
-
}, [activePositions,
|
|
11368
|
+
}, [activePositions, positionsQuery.positions]);
|
|
11261
11369
|
const resolvedClosedPositions = (0, import_react19.useMemo)(() => {
|
|
11262
11370
|
return closedPositions != null ? closedPositions : [];
|
|
11263
11371
|
}, [closedPositions]);
|
|
11264
|
-
return /* @__PURE__ */ (0,
|
|
11265
|
-
"
|
|
11372
|
+
return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("section", { className: cn("w-full pb-24 lg:pb-0", classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
|
|
11373
|
+
"div",
|
|
11266
11374
|
{
|
|
11267
11375
|
className: cn(
|
|
11268
|
-
|
|
11269
|
-
|
|
11270
|
-
classNames == null ? void 0 : classNames.root
|
|
11376
|
+
"mx-auto flex w-full max-w-[1200px] flex-col gap-6 px-3 py-3 md:px-6 md:py-6",
|
|
11377
|
+
classNames == null ? void 0 : classNames.topRow
|
|
11271
11378
|
),
|
|
11272
11379
|
children: [
|
|
11273
|
-
/* @__PURE__ */ (0,
|
|
11274
|
-
|
|
11275
|
-
|
|
11276
|
-
|
|
11277
|
-
|
|
11278
|
-
|
|
11279
|
-
|
|
11280
|
-
|
|
11281
|
-
/* @__PURE__ */ (0,
|
|
11282
|
-
|
|
11380
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "grid grid-cols-1 gap-6 sm:grid-cols-[1fr_minmax(300px,420px)] sm:items-stretch sm:gap-8", children: [
|
|
11381
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
11382
|
+
"div",
|
|
11383
|
+
{
|
|
11384
|
+
className: cn(
|
|
11385
|
+
"flex min-w-0 flex-1 flex-col gap-4 sm:gap-6 h-full",
|
|
11386
|
+
classNames == null ? void 0 : classNames.leftColumn
|
|
11387
|
+
),
|
|
11388
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
11389
|
+
UserInfoCard,
|
|
11283
11390
|
{
|
|
11284
|
-
|
|
11285
|
-
|
|
11286
|
-
|
|
11287
|
-
|
|
11288
|
-
|
|
11289
|
-
UserInfoCard,
|
|
11290
|
-
{
|
|
11291
|
-
user: resolvedUser,
|
|
11292
|
-
onEditProfile,
|
|
11293
|
-
onDeposit,
|
|
11294
|
-
onWithdraw,
|
|
11295
|
-
className: cn("h-full", classNames == null ? void 0 : classNames.userInfoCard)
|
|
11296
|
-
}
|
|
11297
|
-
)
|
|
11391
|
+
user: resolvedUser,
|
|
11392
|
+
onEditProfile,
|
|
11393
|
+
onDeposit,
|
|
11394
|
+
onWithdraw,
|
|
11395
|
+
className: cn("h-full", classNames == null ? void 0 : classNames.userInfoCard)
|
|
11298
11396
|
}
|
|
11299
|
-
)
|
|
11300
|
-
|
|
11301
|
-
|
|
11302
|
-
|
|
11303
|
-
|
|
11304
|
-
|
|
11305
|
-
|
|
11306
|
-
|
|
11307
|
-
|
|
11308
|
-
|
|
11309
|
-
|
|
11310
|
-
|
|
11311
|
-
|
|
11312
|
-
|
|
11313
|
-
|
|
11314
|
-
|
|
11315
|
-
|
|
11316
|
-
|
|
11317
|
-
}
|
|
11318
|
-
),
|
|
11319
|
-
/* @__PURE__ */ (0,
|
|
11397
|
+
)
|
|
11398
|
+
}
|
|
11399
|
+
),
|
|
11400
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: cn("grid grid-cols-1 grid-rows-2 gap-4 h-full", classNames == null ? void 0 : classNames.rightColumn), children: [
|
|
11401
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)(PositionsValueCard, { valueLabel: positionsValueLabel, className: "h-full" }),
|
|
11402
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
11403
|
+
AvailableBalanceCard,
|
|
11404
|
+
{
|
|
11405
|
+
valueLabel: availableBalanceLabel,
|
|
11406
|
+
chains: (balanceChainsOverride != null ? balanceChainsOverride : balanceState.balanceBreakdown).map((b) => ({
|
|
11407
|
+
key: b.key,
|
|
11408
|
+
label: b.label,
|
|
11409
|
+
balance: b.balance,
|
|
11410
|
+
accountCount: b.accountCount
|
|
11411
|
+
})),
|
|
11412
|
+
className: "h-full"
|
|
11413
|
+
}
|
|
11414
|
+
)
|
|
11415
|
+
] })
|
|
11416
|
+
] }),
|
|
11417
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
11320
11418
|
PositionsActivity,
|
|
11321
11419
|
{
|
|
11322
11420
|
activePositions: resolvedActivePositions,
|
|
@@ -11352,7 +11450,7 @@ var import_react22 = require("react");
|
|
|
11352
11450
|
|
|
11353
11451
|
// src/deposit/steps/deposit-method.tsx
|
|
11354
11452
|
var import_hooks35 = require("@agg-market/hooks");
|
|
11355
|
-
var
|
|
11453
|
+
var import_jsx_runtime109 = require("react/jsx-runtime");
|
|
11356
11454
|
var DepositMethodCard = ({
|
|
11357
11455
|
icon,
|
|
11358
11456
|
title,
|
|
@@ -11360,7 +11458,7 @@ var DepositMethodCard = ({
|
|
|
11360
11458
|
value,
|
|
11361
11459
|
highlighted = false,
|
|
11362
11460
|
onContinue
|
|
11363
|
-
}) => /* @__PURE__ */ (0,
|
|
11461
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
|
|
11364
11462
|
"div",
|
|
11365
11463
|
{
|
|
11366
11464
|
className: cn(
|
|
@@ -11380,13 +11478,13 @@ var DepositMethodCard = ({
|
|
|
11380
11478
|
}
|
|
11381
11479
|
},
|
|
11382
11480
|
children: [
|
|
11383
|
-
/* @__PURE__ */ (0,
|
|
11384
|
-
/* @__PURE__ */ (0,
|
|
11385
|
-
/* @__PURE__ */ (0,
|
|
11386
|
-
/* @__PURE__ */ (0,
|
|
11481
|
+
/* @__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 }),
|
|
11482
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "flex-1 min-w-0", children: [
|
|
11483
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: title }),
|
|
11484
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
|
|
11387
11485
|
] }),
|
|
11388
|
-
value ? /* @__PURE__ */ (0,
|
|
11389
|
-
/* @__PURE__ */ (0,
|
|
11486
|
+
value ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: value }) : null,
|
|
11487
|
+
/* @__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" }) })
|
|
11390
11488
|
]
|
|
11391
11489
|
}
|
|
11392
11490
|
);
|
|
@@ -11398,19 +11496,19 @@ var DepositMethodStep = ({
|
|
|
11398
11496
|
onSelectMethod
|
|
11399
11497
|
}) => {
|
|
11400
11498
|
const labels = (0, import_hooks35.useLabels)();
|
|
11401
|
-
return /* @__PURE__ */ (0,
|
|
11402
|
-
/* @__PURE__ */ (0,
|
|
11403
|
-
/* @__PURE__ */ (0,
|
|
11404
|
-
/* @__PURE__ */ (0,
|
|
11499
|
+
return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_jsx_runtime109.Fragment, { children: [
|
|
11500
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Modal.Header, { title: labels.deposit.title, hideBorder: true }),
|
|
11501
|
+
/* @__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: [
|
|
11502
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("p", { className: "agg-type-body text-agg-foreground", children: [
|
|
11405
11503
|
labels.deposit.balancePrefix,
|
|
11406
11504
|
" ",
|
|
11407
11505
|
formatCompactUsd(balance)
|
|
11408
11506
|
] }),
|
|
11409
|
-
/* @__PURE__ */ (0,
|
|
11410
|
-
/* @__PURE__ */ (0,
|
|
11507
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "flex flex-col gap-4", children: [
|
|
11508
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
11411
11509
|
DepositMethodCard,
|
|
11412
11510
|
{
|
|
11413
|
-
icon: /* @__PURE__ */ (0,
|
|
11511
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(WalletIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
|
|
11414
11512
|
title: labels.deposit.methods.walletTitle(walletLabel),
|
|
11415
11513
|
description: labels.deposit.methods.walletDescription,
|
|
11416
11514
|
value: formatCompactUsd(walletBalance),
|
|
@@ -11418,20 +11516,20 @@ var DepositMethodStep = ({
|
|
|
11418
11516
|
onContinue: () => onSelectMethod("wallet")
|
|
11419
11517
|
}
|
|
11420
11518
|
),
|
|
11421
|
-
/* @__PURE__ */ (0,
|
|
11519
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
11422
11520
|
DepositMethodCard,
|
|
11423
11521
|
{
|
|
11424
|
-
icon: /* @__PURE__ */ (0,
|
|
11522
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(BoltIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
|
|
11425
11523
|
title: labels.deposit.methods.cryptoTitle,
|
|
11426
11524
|
description: labels.deposit.methods.cryptoDescription,
|
|
11427
11525
|
highlighted: highlightedMethod === "crypto",
|
|
11428
11526
|
onContinue: () => onSelectMethod("crypto")
|
|
11429
11527
|
}
|
|
11430
11528
|
),
|
|
11431
|
-
/* @__PURE__ */ (0,
|
|
11529
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
11432
11530
|
DepositMethodCard,
|
|
11433
11531
|
{
|
|
11434
|
-
icon: /* @__PURE__ */ (0,
|
|
11532
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(CreditCardIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
|
|
11435
11533
|
title: labels.deposit.methods.cardTitle,
|
|
11436
11534
|
description: labels.deposit.methods.cardDescription,
|
|
11437
11535
|
highlighted: highlightedMethod === "card",
|
|
@@ -11446,7 +11544,7 @@ var DepositMethodStep = ({
|
|
|
11446
11544
|
// src/deposit/steps/card-deposit.tsx
|
|
11447
11545
|
var import_hooks36 = require("@agg-market/hooks");
|
|
11448
11546
|
var import_react20 = require("react");
|
|
11449
|
-
var
|
|
11547
|
+
var import_jsx_runtime110 = require("react/jsx-runtime");
|
|
11450
11548
|
var CardDepositStep = ({
|
|
11451
11549
|
amount,
|
|
11452
11550
|
currency,
|
|
@@ -11469,30 +11567,30 @@ var CardDepositStep = ({
|
|
|
11469
11567
|
}, [amount]);
|
|
11470
11568
|
const numericAmount = Number(localAmount) || 0;
|
|
11471
11569
|
const isValid = numericAmount > 0;
|
|
11472
|
-
return /* @__PURE__ */ (0,
|
|
11473
|
-
/* @__PURE__ */ (0,
|
|
11570
|
+
return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_jsx_runtime110.Fragment, { children: [
|
|
11571
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
11474
11572
|
Modal.Header,
|
|
11475
11573
|
{
|
|
11476
11574
|
title: labels.deposit.cardFlow.title,
|
|
11477
11575
|
hideBorder: true,
|
|
11478
|
-
leftElement: /* @__PURE__ */ (0,
|
|
11576
|
+
leftElement: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
11479
11577
|
"button",
|
|
11480
11578
|
{
|
|
11481
11579
|
type: "button",
|
|
11482
11580
|
className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
|
|
11483
11581
|
onClick: onBack,
|
|
11484
11582
|
"aria-label": "Go back",
|
|
11485
|
-
children: /* @__PURE__ */ (0,
|
|
11583
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
|
|
11486
11584
|
}
|
|
11487
11585
|
)
|
|
11488
11586
|
}
|
|
11489
11587
|
),
|
|
11490
|
-
/* @__PURE__ */ (0,
|
|
11491
|
-
/* @__PURE__ */ (0,
|
|
11492
|
-
/* @__PURE__ */ (0,
|
|
11493
|
-
/* @__PURE__ */ (0,
|
|
11494
|
-
/* @__PURE__ */ (0,
|
|
11495
|
-
/* @__PURE__ */ (0,
|
|
11588
|
+
/* @__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-5", children: [
|
|
11589
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex gap-3 items-end", children: [
|
|
11590
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex-1 flex flex-col gap-2", children: [
|
|
11591
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.cardFlow.amountLabel }),
|
|
11592
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex h-10 items-center gap-2 rounded border border-agg-separator bg-agg-secondary px-3", children: [
|
|
11593
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
11496
11594
|
"input",
|
|
11497
11595
|
{
|
|
11498
11596
|
type: "text",
|
|
@@ -11511,10 +11609,10 @@ var CardDepositStep = ({
|
|
|
11511
11609
|
}
|
|
11512
11610
|
}
|
|
11513
11611
|
),
|
|
11514
|
-
/* @__PURE__ */ (0,
|
|
11612
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "agg-type-body text-agg-muted-foreground", children: "$" })
|
|
11515
11613
|
] })
|
|
11516
11614
|
] }),
|
|
11517
|
-
/* @__PURE__ */ (0,
|
|
11615
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "w-[100px]", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
11518
11616
|
Select,
|
|
11519
11617
|
{
|
|
11520
11618
|
items: [{ value: currency, label: currency }],
|
|
@@ -11524,10 +11622,10 @@ var CardDepositStep = ({
|
|
|
11524
11622
|
}
|
|
11525
11623
|
) })
|
|
11526
11624
|
] }),
|
|
11527
|
-
/* @__PURE__ */ (0,
|
|
11528
|
-
/* @__PURE__ */ (0,
|
|
11529
|
-
/* @__PURE__ */ (0,
|
|
11530
|
-
/* @__PURE__ */ (0,
|
|
11625
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex gap-5", children: [
|
|
11626
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
|
|
11627
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.cardFlow.tokenLabel }),
|
|
11628
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
11531
11629
|
Select,
|
|
11532
11630
|
{
|
|
11533
11631
|
items: tokenOptions,
|
|
@@ -11537,9 +11635,9 @@ var CardDepositStep = ({
|
|
|
11537
11635
|
}
|
|
11538
11636
|
)
|
|
11539
11637
|
] }),
|
|
11540
|
-
/* @__PURE__ */ (0,
|
|
11541
|
-
/* @__PURE__ */ (0,
|
|
11542
|
-
/* @__PURE__ */ (0,
|
|
11638
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
|
|
11639
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.cardFlow.networkLabel }),
|
|
11640
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
11543
11641
|
Select,
|
|
11544
11642
|
{
|
|
11545
11643
|
items: networkOptions,
|
|
@@ -11550,11 +11648,11 @@ var CardDepositStep = ({
|
|
|
11550
11648
|
)
|
|
11551
11649
|
] })
|
|
11552
11650
|
] }),
|
|
11553
|
-
/* @__PURE__ */ (0,
|
|
11554
|
-
/* @__PURE__ */ (0,
|
|
11555
|
-
/* @__PURE__ */ (0,
|
|
11651
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
11652
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.cardFlow.destinationWalletLabel }),
|
|
11653
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "flex h-10 items-center rounded border border-agg-separator bg-agg-secondary px-3", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "agg-type-body truncate text-agg-foreground", children: destinationWallet }) })
|
|
11556
11654
|
] }),
|
|
11557
|
-
/* @__PURE__ */ (0,
|
|
11655
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
11558
11656
|
Button,
|
|
11559
11657
|
{
|
|
11560
11658
|
variant: isValid ? "primary" : "secondary",
|
|
@@ -11571,7 +11669,7 @@ var CardDepositStep = ({
|
|
|
11571
11669
|
|
|
11572
11670
|
// src/deposit/steps/crypto-transfer.tsx
|
|
11573
11671
|
var import_hooks37 = require("@agg-market/hooks");
|
|
11574
|
-
var
|
|
11672
|
+
var import_jsx_runtime111 = require("react/jsx-runtime");
|
|
11575
11673
|
var CryptoTransferStep = ({
|
|
11576
11674
|
tokenOptions,
|
|
11577
11675
|
networkOptions,
|
|
@@ -11588,29 +11686,29 @@ var CryptoTransferStep = ({
|
|
|
11588
11686
|
onDone
|
|
11589
11687
|
}) => {
|
|
11590
11688
|
const labels = (0, import_hooks37.useLabels)();
|
|
11591
|
-
return /* @__PURE__ */ (0,
|
|
11592
|
-
/* @__PURE__ */ (0,
|
|
11689
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_jsx_runtime111.Fragment, { children: [
|
|
11690
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
11593
11691
|
Modal.Header,
|
|
11594
11692
|
{
|
|
11595
11693
|
title: labels.deposit.sendCrypto.title,
|
|
11596
11694
|
hideBorder: true,
|
|
11597
|
-
leftElement: /* @__PURE__ */ (0,
|
|
11695
|
+
leftElement: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
11598
11696
|
"button",
|
|
11599
11697
|
{
|
|
11600
11698
|
type: "button",
|
|
11601
11699
|
className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
|
|
11602
11700
|
onClick: onBack,
|
|
11603
11701
|
"aria-label": "Go back",
|
|
11604
|
-
children: /* @__PURE__ */ (0,
|
|
11702
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
|
|
11605
11703
|
}
|
|
11606
11704
|
)
|
|
11607
11705
|
}
|
|
11608
11706
|
),
|
|
11609
|
-
/* @__PURE__ */ (0,
|
|
11610
|
-
/* @__PURE__ */ (0,
|
|
11611
|
-
/* @__PURE__ */ (0,
|
|
11612
|
-
/* @__PURE__ */ (0,
|
|
11613
|
-
/* @__PURE__ */ (0,
|
|
11707
|
+
/* @__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-7", children: [
|
|
11708
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "flex flex-col gap-5", children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex gap-5", children: [
|
|
11709
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
|
|
11710
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.tokenLabel }),
|
|
11711
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
11614
11712
|
Select,
|
|
11615
11713
|
{
|
|
11616
11714
|
items: tokenOptions,
|
|
@@ -11620,9 +11718,9 @@ var CryptoTransferStep = ({
|
|
|
11620
11718
|
}
|
|
11621
11719
|
)
|
|
11622
11720
|
] }),
|
|
11623
|
-
/* @__PURE__ */ (0,
|
|
11624
|
-
/* @__PURE__ */ (0,
|
|
11625
|
-
/* @__PURE__ */ (0,
|
|
11721
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
|
|
11722
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.networkLabel }),
|
|
11723
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
11626
11724
|
Select,
|
|
11627
11725
|
{
|
|
11628
11726
|
items: networkOptions,
|
|
@@ -11633,31 +11731,31 @@ var CryptoTransferStep = ({
|
|
|
11633
11731
|
)
|
|
11634
11732
|
] })
|
|
11635
11733
|
] }) }),
|
|
11636
|
-
/* @__PURE__ */ (0,
|
|
11637
|
-
/* @__PURE__ */ (0,
|
|
11638
|
-
/* @__PURE__ */ (0,
|
|
11639
|
-
/* @__PURE__ */ (0,
|
|
11640
|
-
/* @__PURE__ */ (0,
|
|
11641
|
-
/* @__PURE__ */ (0,
|
|
11734
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "mx-auto flex h-[160px] w-[160px] items-center justify-center rounded-xl border border-agg-separator bg-agg-secondary-hover", children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: labels.deposit.sendCrypto.qrPlaceholder }) }),
|
|
11735
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex flex-col gap-3", children: [
|
|
11736
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.depositAddressLabel }),
|
|
11737
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex items-center gap-2 rounded border border-agg-separator bg-agg-secondary h-10 px-3", children: [
|
|
11738
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground", children: depositAddress }),
|
|
11739
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
|
|
11642
11740
|
"button",
|
|
11643
11741
|
{
|
|
11644
11742
|
type: "button",
|
|
11645
11743
|
className: "shrink-0 inline-flex items-center gap-1 text-agg-primary hover:text-agg-primary/80 transition-colors",
|
|
11646
11744
|
onClick: onCopyAddress,
|
|
11647
11745
|
children: [
|
|
11648
|
-
/* @__PURE__ */ (0,
|
|
11649
|
-
/* @__PURE__ */ (0,
|
|
11746
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(CopyIcon, { className: "h-4 w-4" }),
|
|
11747
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: "agg-type-label-strong", children: labels.deposit.sendCrypto.copy })
|
|
11650
11748
|
]
|
|
11651
11749
|
}
|
|
11652
11750
|
)
|
|
11653
11751
|
] }),
|
|
11654
|
-
/* @__PURE__ */ (0,
|
|
11752
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "agg-type-label text-agg-foreground", children: `${labels.deposit.sendCrypto.minDepositPrefix} ${minDeposit} \xB7 ${labels.deposit.walletFlow.feePrefix} ${feeEstimate} \xB7 ${eta}` })
|
|
11655
11753
|
] }),
|
|
11656
|
-
/* @__PURE__ */ (0,
|
|
11657
|
-
/* @__PURE__ */ (0,
|
|
11658
|
-
/* @__PURE__ */ (0,
|
|
11754
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex items-start gap-3 rounded-lg bg-agg-secondary-hover p-3", children: [
|
|
11755
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(WarningIcon, { className: "h-4 w-4 text-agg-muted-foreground mt-0.5" }),
|
|
11756
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "text-agg-xs leading-agg-4 text-agg-foreground", children: labels.deposit.sendCrypto.warning })
|
|
11659
11757
|
] }),
|
|
11660
|
-
/* @__PURE__ */ (0,
|
|
11758
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
11661
11759
|
Button,
|
|
11662
11760
|
{
|
|
11663
11761
|
variant: "secondary",
|
|
@@ -11673,7 +11771,7 @@ var CryptoTransferStep = ({
|
|
|
11673
11771
|
|
|
11674
11772
|
// src/deposit/steps/wallet-form.tsx
|
|
11675
11773
|
var import_hooks38 = require("@agg-market/hooks");
|
|
11676
|
-
var
|
|
11774
|
+
var import_jsx_runtime112 = require("react/jsx-runtime");
|
|
11677
11775
|
var WalletFormStep = ({
|
|
11678
11776
|
walletLabel,
|
|
11679
11777
|
walletBalance,
|
|
@@ -11694,38 +11792,38 @@ var WalletFormStep = ({
|
|
|
11694
11792
|
}) => {
|
|
11695
11793
|
const labels = (0, import_hooks38.useLabels)();
|
|
11696
11794
|
const isConfirmEnabled = Number(amount) > 0;
|
|
11697
|
-
return /* @__PURE__ */ (0,
|
|
11698
|
-
/* @__PURE__ */ (0,
|
|
11795
|
+
return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(import_jsx_runtime112.Fragment, { children: [
|
|
11796
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
11699
11797
|
Modal.Header,
|
|
11700
11798
|
{
|
|
11701
11799
|
title: labels.deposit.walletFlow.title,
|
|
11702
11800
|
hideBorder: true,
|
|
11703
|
-
leftElement: /* @__PURE__ */ (0,
|
|
11801
|
+
leftElement: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
11704
11802
|
"button",
|
|
11705
11803
|
{
|
|
11706
11804
|
type: "button",
|
|
11707
11805
|
className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
|
|
11708
11806
|
onClick: onBack,
|
|
11709
11807
|
"aria-label": "Go back",
|
|
11710
|
-
children: /* @__PURE__ */ (0,
|
|
11808
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
|
|
11711
11809
|
}
|
|
11712
11810
|
)
|
|
11713
11811
|
}
|
|
11714
11812
|
),
|
|
11715
|
-
/* @__PURE__ */ (0,
|
|
11716
|
-
/* @__PURE__ */ (0,
|
|
11717
|
-
/* @__PURE__ */ (0,
|
|
11718
|
-
/* @__PURE__ */ (0,
|
|
11813
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.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_runtime112.jsxs)("div", { className: "flex flex-col gap-7", children: [
|
|
11814
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex items-center justify-between", children: [
|
|
11815
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { className: "agg-type-label text-agg-foreground", children: walletLabel }),
|
|
11816
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
|
|
11719
11817
|
labels.deposit.balanceLabel,
|
|
11720
11818
|
" ",
|
|
11721
11819
|
formatCompactUsd(walletBalance)
|
|
11722
11820
|
] })
|
|
11723
11821
|
] }),
|
|
11724
|
-
/* @__PURE__ */ (0,
|
|
11725
|
-
/* @__PURE__ */ (0,
|
|
11726
|
-
/* @__PURE__ */ (0,
|
|
11727
|
-
/* @__PURE__ */ (0,
|
|
11728
|
-
/* @__PURE__ */ (0,
|
|
11822
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex flex-col gap-5", children: [
|
|
11823
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex gap-5", children: [
|
|
11824
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
|
|
11825
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.tokenLabel }),
|
|
11826
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
11729
11827
|
Select,
|
|
11730
11828
|
{
|
|
11731
11829
|
items: tokenOptions,
|
|
@@ -11735,9 +11833,9 @@ var WalletFormStep = ({
|
|
|
11735
11833
|
}
|
|
11736
11834
|
)
|
|
11737
11835
|
] }),
|
|
11738
|
-
/* @__PURE__ */ (0,
|
|
11739
|
-
/* @__PURE__ */ (0,
|
|
11740
|
-
/* @__PURE__ */ (0,
|
|
11836
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
|
|
11837
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.networkLabel }),
|
|
11838
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
11741
11839
|
Select,
|
|
11742
11840
|
{
|
|
11743
11841
|
items: networkOptions,
|
|
@@ -11748,9 +11846,9 @@ var WalletFormStep = ({
|
|
|
11748
11846
|
)
|
|
11749
11847
|
] })
|
|
11750
11848
|
] }),
|
|
11751
|
-
/* @__PURE__ */ (0,
|
|
11752
|
-
/* @__PURE__ */ (0,
|
|
11753
|
-
/* @__PURE__ */ (0,
|
|
11849
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
11850
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.amountLabel }),
|
|
11851
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(
|
|
11754
11852
|
"div",
|
|
11755
11853
|
{
|
|
11756
11854
|
className: cn(
|
|
@@ -11759,7 +11857,7 @@ var WalletFormStep = ({
|
|
|
11759
11857
|
"h-10 px-3"
|
|
11760
11858
|
),
|
|
11761
11859
|
children: [
|
|
11762
|
-
/* @__PURE__ */ (0,
|
|
11860
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
11763
11861
|
"input",
|
|
11764
11862
|
{
|
|
11765
11863
|
type: "text",
|
|
@@ -11771,7 +11869,7 @@ var WalletFormStep = ({
|
|
|
11771
11869
|
onChange: (event) => onAmountChange(event.target.value)
|
|
11772
11870
|
}
|
|
11773
11871
|
),
|
|
11774
|
-
/* @__PURE__ */ (0,
|
|
11872
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
11775
11873
|
"button",
|
|
11776
11874
|
{
|
|
11777
11875
|
type: "button",
|
|
@@ -11785,9 +11883,9 @@ var WalletFormStep = ({
|
|
|
11785
11883
|
}
|
|
11786
11884
|
)
|
|
11787
11885
|
] }),
|
|
11788
|
-
estimatedReceive && feeEstimate && eta ? /* @__PURE__ */ (0,
|
|
11886
|
+
estimatedReceive && feeEstimate && eta ? /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { className: "agg-type-label text-agg-foreground", children: `\u2248 ${estimatedReceive} \xB7 ${labels.deposit.walletFlow.feePrefix} ${feeEstimate} \xB7 ${eta}` }) : null
|
|
11789
11887
|
] }),
|
|
11790
|
-
/* @__PURE__ */ (0,
|
|
11888
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
11791
11889
|
Button,
|
|
11792
11890
|
{
|
|
11793
11891
|
variant: isConfirmEnabled ? "primary" : "secondary",
|
|
@@ -11804,20 +11902,20 @@ var WalletFormStep = ({
|
|
|
11804
11902
|
|
|
11805
11903
|
// src/deposit/steps/card-provider.tsx
|
|
11806
11904
|
var import_hooks39 = require("@agg-market/hooks");
|
|
11807
|
-
var
|
|
11905
|
+
var import_jsx_runtime113 = require("react/jsx-runtime");
|
|
11808
11906
|
var CardProviderItem = ({ provider, onSelect }) => {
|
|
11809
11907
|
const labels = (0, import_hooks39.useLabels)();
|
|
11810
11908
|
const badgeText = provider.badge === "best" ? labels.deposit.cardFlow.providerBadges.best : provider.badge === "low-kyc" ? labels.deposit.cardFlow.providerBadges.lowKyc : void 0;
|
|
11811
|
-
return /* @__PURE__ */ (0,
|
|
11909
|
+
return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
|
|
11812
11910
|
"button",
|
|
11813
11911
|
{
|
|
11814
11912
|
type: "button",
|
|
11815
11913
|
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",
|
|
11816
11914
|
onClick: () => onSelect(provider.id),
|
|
11817
|
-
children: /* @__PURE__ */ (0,
|
|
11818
|
-
/* @__PURE__ */ (0,
|
|
11819
|
-
/* @__PURE__ */ (0,
|
|
11820
|
-
badgeText ? /* @__PURE__ */ (0,
|
|
11915
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
|
|
11916
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
11917
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: provider.name }),
|
|
11918
|
+
badgeText ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
|
|
11821
11919
|
"span",
|
|
11822
11920
|
{
|
|
11823
11921
|
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"}`,
|
|
@@ -11825,16 +11923,16 @@ var CardProviderItem = ({ provider, onSelect }) => {
|
|
|
11825
11923
|
}
|
|
11826
11924
|
) : null
|
|
11827
11925
|
] }),
|
|
11828
|
-
/* @__PURE__ */ (0,
|
|
11829
|
-
/* @__PURE__ */ (0,
|
|
11830
|
-
/* @__PURE__ */ (0,
|
|
11831
|
-
/* @__PURE__ */ (0,
|
|
11926
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex items-center gap-4", children: [
|
|
11927
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "text-right", children: [
|
|
11928
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "agg-type-body text-agg-foreground", children: provider.quote }),
|
|
11929
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
|
|
11832
11930
|
labels.deposit.cardFlow.feeLabel,
|
|
11833
11931
|
" ",
|
|
11834
11932
|
provider.fee
|
|
11835
11933
|
] })
|
|
11836
11934
|
] }),
|
|
11837
|
-
/* @__PURE__ */ (0,
|
|
11935
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsx)(ChevronRightIcon, { className: "h-5 w-5 text-agg-muted-foreground" })
|
|
11838
11936
|
] })
|
|
11839
11937
|
] })
|
|
11840
11938
|
}
|
|
@@ -11849,43 +11947,43 @@ var CardProviderStep = ({
|
|
|
11849
11947
|
onSelectProvider
|
|
11850
11948
|
}) => {
|
|
11851
11949
|
const labels = (0, import_hooks39.useLabels)();
|
|
11852
|
-
return /* @__PURE__ */ (0,
|
|
11853
|
-
/* @__PURE__ */ (0,
|
|
11950
|
+
return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(import_jsx_runtime113.Fragment, { children: [
|
|
11951
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
|
|
11854
11952
|
Modal.Header,
|
|
11855
11953
|
{
|
|
11856
11954
|
title: labels.deposit.cardFlow.selectProviderTitle,
|
|
11857
11955
|
hideBorder: true,
|
|
11858
|
-
leftElement: /* @__PURE__ */ (0,
|
|
11956
|
+
leftElement: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
|
|
11859
11957
|
"button",
|
|
11860
11958
|
{
|
|
11861
11959
|
type: "button",
|
|
11862
11960
|
className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
|
|
11863
11961
|
onClick: onBack,
|
|
11864
11962
|
"aria-label": labels.deposit.back,
|
|
11865
|
-
children: /* @__PURE__ */ (0,
|
|
11963
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
|
|
11866
11964
|
}
|
|
11867
11965
|
)
|
|
11868
11966
|
}
|
|
11869
11967
|
),
|
|
11870
|
-
/* @__PURE__ */ (0,
|
|
11871
|
-
/* @__PURE__ */ (0,
|
|
11872
|
-
/* @__PURE__ */ (0,
|
|
11968
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.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_runtime113.jsxs)("div", { className: "flex flex-col gap-4", children: [
|
|
11969
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("p", { className: "agg-type-body text-agg-foreground", children: [
|
|
11970
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "font-agg-bold", children: token }),
|
|
11873
11971
|
" ",
|
|
11874
11972
|
amount,
|
|
11875
11973
|
" ",
|
|
11876
11974
|
currency
|
|
11877
11975
|
] }),
|
|
11878
|
-
/* @__PURE__ */ (0,
|
|
11976
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "flex flex-col gap-4", children: providers.map((provider) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(CardProviderItem, { provider, onSelect: onSelectProvider }, provider.id)) })
|
|
11879
11977
|
] }) })
|
|
11880
11978
|
] });
|
|
11881
11979
|
};
|
|
11882
11980
|
|
|
11883
11981
|
// src/deposit/steps/card-purchase-success.tsx
|
|
11884
11982
|
var import_hooks40 = require("@agg-market/hooks");
|
|
11885
|
-
var
|
|
11886
|
-
var SummaryRow = ({ label, value }) => /* @__PURE__ */ (0,
|
|
11887
|
-
/* @__PURE__ */ (0,
|
|
11888
|
-
/* @__PURE__ */ (0,
|
|
11983
|
+
var import_jsx_runtime114 = require("react/jsx-runtime");
|
|
11984
|
+
var SummaryRow = ({ label, value }) => /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
|
|
11985
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
|
|
11986
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)("p", { className: "agg-type-label text-agg-foreground", children: value })
|
|
11889
11987
|
] });
|
|
11890
11988
|
var CardPurchaseSuccessStep = ({
|
|
11891
11989
|
summary,
|
|
@@ -11893,36 +11991,36 @@ var CardPurchaseSuccessStep = ({
|
|
|
11893
11991
|
onClose
|
|
11894
11992
|
}) => {
|
|
11895
11993
|
const labels = (0, import_hooks40.useLabels)();
|
|
11896
|
-
return /* @__PURE__ */ (0,
|
|
11897
|
-
/* @__PURE__ */ (0,
|
|
11994
|
+
return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
|
|
11995
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
11898
11996
|
"button",
|
|
11899
11997
|
{
|
|
11900
11998
|
type: "button",
|
|
11901
11999
|
className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80",
|
|
11902
12000
|
onClick: onClose,
|
|
11903
12001
|
"aria-label": labels.common.close,
|
|
11904
|
-
children: /* @__PURE__ */ (0,
|
|
12002
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(CloseIcon, { className: "h-6 w-6" })
|
|
11905
12003
|
}
|
|
11906
12004
|
),
|
|
11907
|
-
/* @__PURE__ */ (0,
|
|
11908
|
-
/* @__PURE__ */ (0,
|
|
11909
|
-
/* @__PURE__ */ (0,
|
|
11910
|
-
/* @__PURE__ */ (0,
|
|
11911
|
-
/* @__PURE__ */ (0,
|
|
12005
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
|
|
12006
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full border border-[#18C15C80] bg-[#18C15C26]", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(SuccessCheckIcon, { className: "h-6 w-6 text-[#18C15C]" }) }),
|
|
12007
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
|
|
12008
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.successTitle }),
|
|
12009
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.successDescription })
|
|
11912
12010
|
] }),
|
|
11913
|
-
/* @__PURE__ */ (0,
|
|
11914
|
-
/* @__PURE__ */ (0,
|
|
12011
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
|
|
12012
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
11915
12013
|
SummaryRow,
|
|
11916
12014
|
{
|
|
11917
12015
|
label: labels.deposit.summary.amountReceived,
|
|
11918
12016
|
value: summary.amountReceived
|
|
11919
12017
|
}
|
|
11920
12018
|
),
|
|
11921
|
-
/* @__PURE__ */ (0,
|
|
11922
|
-
/* @__PURE__ */ (0,
|
|
11923
|
-
/* @__PURE__ */ (0,
|
|
12019
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)(SummaryRow, { label: labels.deposit.summary.network, value: summary.network }),
|
|
12020
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)(SummaryRow, { label: labels.deposit.cardFlow.summary.provider, value: summary.provider }),
|
|
12021
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)(SummaryRow, { label: labels.deposit.cardFlow.summary.fees, value: summary.fees })
|
|
11924
12022
|
] }),
|
|
11925
|
-
/* @__PURE__ */ (0,
|
|
12023
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.deposit.done })
|
|
11926
12024
|
] })
|
|
11927
12025
|
] }) });
|
|
11928
12026
|
};
|
|
@@ -11930,7 +12028,7 @@ var CardPurchaseSuccessStep = ({
|
|
|
11930
12028
|
// src/deposit/steps/wallet-processing.tsx
|
|
11931
12029
|
var import_hooks41 = require("@agg-market/hooks");
|
|
11932
12030
|
var import_react21 = require("react");
|
|
11933
|
-
var
|
|
12031
|
+
var import_jsx_runtime115 = require("react/jsx-runtime");
|
|
11934
12032
|
var WalletProcessingStep = ({
|
|
11935
12033
|
steps,
|
|
11936
12034
|
onClose
|
|
@@ -11973,13 +12071,13 @@ var WalletProcessingStep = ({
|
|
|
11973
12071
|
timeoutsRef.current = [];
|
|
11974
12072
|
};
|
|
11975
12073
|
}, []);
|
|
11976
|
-
return /* @__PURE__ */ (0,
|
|
11977
|
-
/* @__PURE__ */ (0,
|
|
11978
|
-
/* @__PURE__ */ (0,
|
|
12074
|
+
return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(import_jsx_runtime115.Fragment, { children: [
|
|
12075
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Modal.Header, { title: labels.deposit.processingTitle, hideBorder: true }),
|
|
12076
|
+
/* @__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.jsx)("div", { className: "flex flex-col gap-5", children: progress.map((step) => {
|
|
11979
12077
|
const isComplete = step.status === "complete";
|
|
11980
12078
|
const isActive = step.status === "active";
|
|
11981
|
-
return /* @__PURE__ */ (0,
|
|
11982
|
-
isComplete ? /* @__PURE__ */ (0,
|
|
12079
|
+
return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
12080
|
+
isComplete ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(CheckCircleIcon, { className: "h-4 w-4 text-agg-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
11983
12081
|
"span",
|
|
11984
12082
|
{
|
|
11985
12083
|
className: [
|
|
@@ -11989,7 +12087,7 @@ var WalletProcessingStep = ({
|
|
|
11989
12087
|
].join(" ")
|
|
11990
12088
|
}
|
|
11991
12089
|
),
|
|
11992
|
-
/* @__PURE__ */ (0,
|
|
12090
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
11993
12091
|
"p",
|
|
11994
12092
|
{
|
|
11995
12093
|
className: isComplete || isActive ? "agg-type-body text-agg-foreground" : "agg-type-body text-agg-muted-foreground",
|
|
@@ -12003,10 +12101,10 @@ var WalletProcessingStep = ({
|
|
|
12003
12101
|
|
|
12004
12102
|
// src/deposit/steps/wallet-success.tsx
|
|
12005
12103
|
var import_hooks42 = require("@agg-market/hooks");
|
|
12006
|
-
var
|
|
12007
|
-
var SummaryRow2 = ({ label, value }) => /* @__PURE__ */ (0,
|
|
12008
|
-
/* @__PURE__ */ (0,
|
|
12009
|
-
/* @__PURE__ */ (0,
|
|
12104
|
+
var import_jsx_runtime116 = require("react/jsx-runtime");
|
|
12105
|
+
var SummaryRow2 = ({ label, value }) => /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
|
|
12106
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
|
|
12107
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)("p", { className: "agg-type-label text-agg-foreground", children: value })
|
|
12010
12108
|
] });
|
|
12011
12109
|
var WalletSuccessStep = ({
|
|
12012
12110
|
summary,
|
|
@@ -12014,42 +12112,42 @@ var WalletSuccessStep = ({
|
|
|
12014
12112
|
onClose
|
|
12015
12113
|
}) => {
|
|
12016
12114
|
const labels = (0, import_hooks42.useLabels)();
|
|
12017
|
-
return /* @__PURE__ */ (0,
|
|
12018
|
-
/* @__PURE__ */ (0,
|
|
12115
|
+
return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
|
|
12116
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
12019
12117
|
"button",
|
|
12020
12118
|
{
|
|
12021
12119
|
type: "button",
|
|
12022
12120
|
className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80",
|
|
12023
12121
|
onClick: onClose,
|
|
12024
12122
|
"aria-label": labels.common.close,
|
|
12025
|
-
children: /* @__PURE__ */ (0,
|
|
12123
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(CloseIcon, { className: "h-6 w-6" })
|
|
12026
12124
|
}
|
|
12027
12125
|
),
|
|
12028
|
-
/* @__PURE__ */ (0,
|
|
12029
|
-
/* @__PURE__ */ (0,
|
|
12030
|
-
/* @__PURE__ */ (0,
|
|
12031
|
-
/* @__PURE__ */ (0,
|
|
12032
|
-
/* @__PURE__ */ (0,
|
|
12126
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
|
|
12127
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full border border-[#18C15C80] bg-[#18C15C26]", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(SuccessCheckIcon, { className: "h-6 w-6 text-[#18C15C]" }) }),
|
|
12128
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
|
|
12129
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.successTitle }),
|
|
12130
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.successDescription })
|
|
12033
12131
|
] }),
|
|
12034
|
-
/* @__PURE__ */ (0,
|
|
12035
|
-
/* @__PURE__ */ (0,
|
|
12132
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
|
|
12133
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
12036
12134
|
SummaryRow2,
|
|
12037
12135
|
{
|
|
12038
12136
|
label: labels.deposit.summary.amountReceived,
|
|
12039
12137
|
value: summary.amountReceived
|
|
12040
12138
|
}
|
|
12041
12139
|
),
|
|
12042
|
-
/* @__PURE__ */ (0,
|
|
12043
|
-
/* @__PURE__ */ (0,
|
|
12044
|
-
/* @__PURE__ */ (0,
|
|
12140
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(SummaryRow2, { label: labels.deposit.summary.network, value: summary.network }),
|
|
12141
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(SummaryRow2, { label: labels.deposit.summary.fromWallet, value: summary.fromWallet }),
|
|
12142
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(SummaryRow2, { label: labels.deposit.summary.gasFee, value: summary.gasFee })
|
|
12045
12143
|
] }),
|
|
12046
|
-
/* @__PURE__ */ (0,
|
|
12144
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.deposit.done })
|
|
12047
12145
|
] })
|
|
12048
12146
|
] }) });
|
|
12049
12147
|
};
|
|
12050
12148
|
|
|
12051
12149
|
// src/deposit/index.tsx
|
|
12052
|
-
var
|
|
12150
|
+
var import_jsx_runtime117 = require("react/jsx-runtime");
|
|
12053
12151
|
var DepositModal = ({
|
|
12054
12152
|
open,
|
|
12055
12153
|
onOpenChange,
|
|
@@ -12109,8 +12207,8 @@ var DepositModal = ({
|
|
|
12109
12207
|
}
|
|
12110
12208
|
onOpenChange(isOpen);
|
|
12111
12209
|
};
|
|
12112
|
-
return /* @__PURE__ */ (0,
|
|
12113
|
-
step === "method" ? /* @__PURE__ */ (0,
|
|
12210
|
+
return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(Modal.Container, { maxWidth: "600px", "aria-label": "Deposit", children: [
|
|
12211
|
+
step === "method" ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
12114
12212
|
DepositMethodStep,
|
|
12115
12213
|
{
|
|
12116
12214
|
balance: walletFlow.balance,
|
|
@@ -12120,7 +12218,7 @@ var DepositModal = ({
|
|
|
12120
12218
|
onSelectMethod: handleSelectMethod
|
|
12121
12219
|
}
|
|
12122
12220
|
) : null,
|
|
12123
|
-
step === "wallet-form" ? /* @__PURE__ */ (0,
|
|
12221
|
+
step === "wallet-form" ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
12124
12222
|
WalletFormStep,
|
|
12125
12223
|
{
|
|
12126
12224
|
walletLabel: walletFlow.walletLabel,
|
|
@@ -12144,14 +12242,14 @@ var DepositModal = ({
|
|
|
12144
12242
|
}
|
|
12145
12243
|
}
|
|
12146
12244
|
) : null,
|
|
12147
|
-
step === "wallet-processing" ? /* @__PURE__ */ (0,
|
|
12245
|
+
step === "wallet-processing" ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
12148
12246
|
WalletProcessingStep,
|
|
12149
12247
|
{
|
|
12150
12248
|
steps: walletFlow.processingSteps,
|
|
12151
12249
|
onClose: () => setStep("wallet-success")
|
|
12152
12250
|
}
|
|
12153
12251
|
) : null,
|
|
12154
|
-
step === "wallet-success" ? /* @__PURE__ */ (0,
|
|
12252
|
+
step === "wallet-success" ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
12155
12253
|
WalletSuccessStep,
|
|
12156
12254
|
{
|
|
12157
12255
|
summary: walletFlow.successSummary,
|
|
@@ -12159,7 +12257,7 @@ var DepositModal = ({
|
|
|
12159
12257
|
onClose: () => onOpenChange(false)
|
|
12160
12258
|
}
|
|
12161
12259
|
) : null,
|
|
12162
|
-
step === "card-deposit" ? /* @__PURE__ */ (0,
|
|
12260
|
+
step === "card-deposit" ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
12163
12261
|
CardDepositStep,
|
|
12164
12262
|
{
|
|
12165
12263
|
amount: cardFlow.amount,
|
|
@@ -12177,7 +12275,7 @@ var DepositModal = ({
|
|
|
12177
12275
|
onContinue: handleContinueCardDeposit
|
|
12178
12276
|
}
|
|
12179
12277
|
) : null,
|
|
12180
|
-
step === "card-provider" ? /* @__PURE__ */ (0,
|
|
12278
|
+
step === "card-provider" ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
12181
12279
|
CardProviderStep,
|
|
12182
12280
|
{
|
|
12183
12281
|
amount: cardFlow.amount,
|
|
@@ -12191,7 +12289,7 @@ var DepositModal = ({
|
|
|
12191
12289
|
}
|
|
12192
12290
|
}
|
|
12193
12291
|
) : null,
|
|
12194
|
-
step === "card-success" ? /* @__PURE__ */ (0,
|
|
12292
|
+
step === "card-success" ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
12195
12293
|
CardPurchaseSuccessStep,
|
|
12196
12294
|
{
|
|
12197
12295
|
summary: cardFlow.purchaseSummary,
|
|
@@ -12199,7 +12297,7 @@ var DepositModal = ({
|
|
|
12199
12297
|
onDone: onDoneCardPurchase
|
|
12200
12298
|
}
|
|
12201
12299
|
) : null,
|
|
12202
|
-
step === "crypto-transfer" ? /* @__PURE__ */ (0,
|
|
12300
|
+
step === "crypto-transfer" ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
12203
12301
|
CryptoTransferStep,
|
|
12204
12302
|
{
|
|
12205
12303
|
tokenOptions: sendCryptoFlow.tokenOptions,
|
|
@@ -12247,7 +12345,7 @@ var CRYPTO_OPTIONS = [
|
|
|
12247
12345
|
];
|
|
12248
12346
|
|
|
12249
12347
|
// src/onramp/steps/quote-form.tsx
|
|
12250
|
-
var
|
|
12348
|
+
var import_jsx_runtime118 = require("react/jsx-runtime");
|
|
12251
12349
|
var QuoteFormStep = ({
|
|
12252
12350
|
title,
|
|
12253
12351
|
values,
|
|
@@ -12268,13 +12366,13 @@ var QuoteFormStep = ({
|
|
|
12268
12366
|
},
|
|
12269
12367
|
[onAmountChange]
|
|
12270
12368
|
);
|
|
12271
|
-
return /* @__PURE__ */ (0,
|
|
12272
|
-
/* @__PURE__ */ (0,
|
|
12273
|
-
/* @__PURE__ */ (0,
|
|
12274
|
-
/* @__PURE__ */ (0,
|
|
12275
|
-
/* @__PURE__ */ (0,
|
|
12276
|
-
/* @__PURE__ */ (0,
|
|
12277
|
-
/* @__PURE__ */ (0,
|
|
12369
|
+
return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(import_jsx_runtime118.Fragment, { children: [
|
|
12370
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Modal.Header, { title, hideBorder: true }),
|
|
12371
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.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_runtime118.jsxs)("div", { className: "flex flex-col gap-6", children: [
|
|
12372
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
12373
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: "You pay" }),
|
|
12374
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
12375
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
12278
12376
|
Select,
|
|
12279
12377
|
{
|
|
12280
12378
|
items: FIAT_OPTIONS,
|
|
@@ -12284,9 +12382,9 @@ var QuoteFormStep = ({
|
|
|
12284
12382
|
className: "w-auto"
|
|
12285
12383
|
}
|
|
12286
12384
|
) }),
|
|
12287
|
-
/* @__PURE__ */ (0,
|
|
12288
|
-
/* @__PURE__ */ (0,
|
|
12289
|
-
/* @__PURE__ */ (0,
|
|
12385
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex items-baseline", children: [
|
|
12386
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "agg-type-display text-agg-foreground", children: (_a = FIAT_SYMBOLS[values.fiatCurrency]) != null ? _a : "$" }),
|
|
12387
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
12290
12388
|
"input",
|
|
12291
12389
|
{
|
|
12292
12390
|
type: "text",
|
|
@@ -12304,10 +12402,10 @@ var QuoteFormStep = ({
|
|
|
12304
12402
|
] }) })
|
|
12305
12403
|
] })
|
|
12306
12404
|
] }),
|
|
12307
|
-
/* @__PURE__ */ (0,
|
|
12308
|
-
/* @__PURE__ */ (0,
|
|
12309
|
-
/* @__PURE__ */ (0,
|
|
12310
|
-
/* @__PURE__ */ (0,
|
|
12405
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "border-t border-agg-separator" }),
|
|
12406
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
12407
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: "You receive" }),
|
|
12408
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
12311
12409
|
Select,
|
|
12312
12410
|
{
|
|
12313
12411
|
items: CRYPTO_OPTIONS,
|
|
@@ -12317,10 +12415,10 @@ var QuoteFormStep = ({
|
|
|
12317
12415
|
}
|
|
12318
12416
|
)
|
|
12319
12417
|
] }),
|
|
12320
|
-
/* @__PURE__ */ (0,
|
|
12321
|
-
/* @__PURE__ */ (0,
|
|
12322
|
-
/* @__PURE__ */ (0,
|
|
12323
|
-
/* @__PURE__ */ (0,
|
|
12418
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "border-t border-agg-separator" }),
|
|
12419
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
12420
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: "Destination wallet" }),
|
|
12421
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
12324
12422
|
"input",
|
|
12325
12423
|
{
|
|
12326
12424
|
type: "text",
|
|
@@ -12338,7 +12436,7 @@ var QuoteFormStep = ({
|
|
|
12338
12436
|
}
|
|
12339
12437
|
)
|
|
12340
12438
|
] }),
|
|
12341
|
-
/* @__PURE__ */ (0,
|
|
12439
|
+
/* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
12342
12440
|
Button,
|
|
12343
12441
|
{
|
|
12344
12442
|
variant: "primary",
|
|
@@ -12354,11 +12452,11 @@ var QuoteFormStep = ({
|
|
|
12354
12452
|
};
|
|
12355
12453
|
|
|
12356
12454
|
// src/onramp/steps/quote-card.tsx
|
|
12357
|
-
var
|
|
12455
|
+
var import_jsx_runtime119 = require("react/jsx-runtime");
|
|
12358
12456
|
var QuoteCard = ({ quote, rank, onSelect }) => {
|
|
12359
12457
|
var _a;
|
|
12360
12458
|
const isBest = rank === 1;
|
|
12361
|
-
return /* @__PURE__ */ (0,
|
|
12459
|
+
return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
|
|
12362
12460
|
"div",
|
|
12363
12461
|
{
|
|
12364
12462
|
className: cn(
|
|
@@ -12378,14 +12476,14 @@ var QuoteCard = ({ quote, rank, onSelect }) => {
|
|
|
12378
12476
|
}
|
|
12379
12477
|
},
|
|
12380
12478
|
children: [
|
|
12381
|
-
/* @__PURE__ */ (0,
|
|
12479
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
12382
12480
|
"div",
|
|
12383
12481
|
{
|
|
12384
12482
|
className: cn(
|
|
12385
12483
|
"shrink-0 flex items-center justify-center h-10 w-10 rounded-lg",
|
|
12386
12484
|
isBest ? "bg-agg-primary/10" : "bg-agg-secondary-hover"
|
|
12387
12485
|
),
|
|
12388
|
-
children: /* @__PURE__ */ (0,
|
|
12486
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
12389
12487
|
"span",
|
|
12390
12488
|
{
|
|
12391
12489
|
className: cn(
|
|
@@ -12397,10 +12495,10 @@ var QuoteCard = ({ quote, rank, onSelect }) => {
|
|
|
12397
12495
|
)
|
|
12398
12496
|
}
|
|
12399
12497
|
),
|
|
12400
|
-
/* @__PURE__ */ (0,
|
|
12401
|
-
/* @__PURE__ */ (0,
|
|
12402
|
-
/* @__PURE__ */ (0,
|
|
12403
|
-
isBest ? /* @__PURE__ */ (0,
|
|
12498
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "flex-1 min-w-0", children: [
|
|
12499
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
12500
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: quote.serviceProvider }),
|
|
12501
|
+
isBest ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
12404
12502
|
Badge,
|
|
12405
12503
|
{
|
|
12406
12504
|
text: "Best",
|
|
@@ -12408,28 +12506,28 @@ var QuoteCard = ({ quote, rank, onSelect }) => {
|
|
|
12408
12506
|
classNames: { root: "bg-agg-primary! text-white! border-agg-primary!" }
|
|
12409
12507
|
}
|
|
12410
12508
|
) : null,
|
|
12411
|
-
quote.lowKyc ? /* @__PURE__ */ (0,
|
|
12509
|
+
quote.lowKyc ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Badge, { text: "Low KYC", size: "small" }) : null
|
|
12412
12510
|
] }),
|
|
12413
|
-
/* @__PURE__ */ (0,
|
|
12414
|
-
/* @__PURE__ */ (0,
|
|
12511
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "flex items-center gap-2 mt-0.5", children: [
|
|
12512
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
|
|
12415
12513
|
quote.destinationAmount.toFixed(6),
|
|
12416
12514
|
" ",
|
|
12417
12515
|
quote.destinationCurrencyCode.split("_")[0]
|
|
12418
12516
|
] }),
|
|
12419
|
-
/* @__PURE__ */ (0,
|
|
12420
|
-
/* @__PURE__ */ (0,
|
|
12517
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { className: "text-agg-muted-foreground", children: "\xB7" }),
|
|
12518
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
|
|
12421
12519
|
"Fee ",
|
|
12422
12520
|
(_a = FIAT_SYMBOLS[quote.sourceCurrencyCode]) != null ? _a : "",
|
|
12423
12521
|
quote.totalFee.toFixed(2)
|
|
12424
12522
|
] })
|
|
12425
12523
|
] })
|
|
12426
12524
|
] }),
|
|
12427
|
-
/* @__PURE__ */ (0,
|
|
12525
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
12428
12526
|
Button,
|
|
12429
12527
|
{
|
|
12430
12528
|
variant: "secondary",
|
|
12431
12529
|
size: "small",
|
|
12432
|
-
suffix: /* @__PURE__ */ (0,
|
|
12530
|
+
suffix: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(ChevronRightIcon, {}),
|
|
12433
12531
|
onClick: (e) => {
|
|
12434
12532
|
e.stopPropagation();
|
|
12435
12533
|
onSelect();
|
|
@@ -12443,9 +12541,9 @@ var QuoteCard = ({ quote, rank, onSelect }) => {
|
|
|
12443
12541
|
};
|
|
12444
12542
|
|
|
12445
12543
|
// src/onramp/steps/quote-selection.tsx
|
|
12446
|
-
var
|
|
12544
|
+
var import_jsx_runtime120 = require("react/jsx-runtime");
|
|
12447
12545
|
var BACK_BUTTON_CLASS = "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80";
|
|
12448
|
-
var BackButton = ({ onClick }) => /* @__PURE__ */ (0,
|
|
12546
|
+
var BackButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("button", { type: "button", className: BACK_BUTTON_CLASS, onClick, "aria-label": "Go back", children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(ChevronLeftIcon, { className: "h-6 w-6" }) });
|
|
12449
12547
|
var QuoteSelectionStep = ({
|
|
12450
12548
|
quotes,
|
|
12451
12549
|
isLoading,
|
|
@@ -12459,23 +12557,23 @@ var QuoteSelectionStep = ({
|
|
|
12459
12557
|
}) => {
|
|
12460
12558
|
var _a;
|
|
12461
12559
|
const subtitle = `${cryptoCurrency.split("_")[0]} \xB7 ${(_a = FIAT_SYMBOLS[fiatCurrency]) != null ? _a : ""}${amount.toLocaleString()} ${fiatCurrency}`;
|
|
12462
|
-
return /* @__PURE__ */ (0,
|
|
12463
|
-
/* @__PURE__ */ (0,
|
|
12560
|
+
return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_jsx_runtime120.Fragment, { children: [
|
|
12561
|
+
/* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
|
|
12464
12562
|
Modal.Header,
|
|
12465
12563
|
{
|
|
12466
12564
|
title: "Select Provider",
|
|
12467
12565
|
subtitle,
|
|
12468
12566
|
hideBorder: true,
|
|
12469
|
-
leftElement: /* @__PURE__ */ (0,
|
|
12567
|
+
leftElement: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(BackButton, { onClick: onBack })
|
|
12470
12568
|
}
|
|
12471
12569
|
),
|
|
12472
|
-
/* @__PURE__ */ (0,
|
|
12473
|
-
isLoading ? /* @__PURE__ */ (0,
|
|
12474
|
-
!isLoading && error ? /* @__PURE__ */ (0,
|
|
12475
|
-
/* @__PURE__ */ (0,
|
|
12476
|
-
/* @__PURE__ */ (0,
|
|
12570
|
+
/* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: [
|
|
12571
|
+
isLoading ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "flex min-h-[240px] items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(LoadingIcon, { size: "large" }) }) : null,
|
|
12572
|
+
!isLoading && error ? /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "flex flex-col gap-4", children: [
|
|
12573
|
+
/* @__PURE__ */ (0, import_jsx_runtime120.jsx)(InlineAlert, { tone: "error", message: error }),
|
|
12574
|
+
/* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Button, { variant: "secondary", size: "medium", className: "w-full", onClick: onRetry, children: "Retry" })
|
|
12477
12575
|
] }) : null,
|
|
12478
|
-
!isLoading && !error && quotes.length === 0 ? /* @__PURE__ */ (0,
|
|
12576
|
+
!isLoading && !error && quotes.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
|
|
12479
12577
|
StateMessage,
|
|
12480
12578
|
{
|
|
12481
12579
|
tone: "empty",
|
|
@@ -12485,7 +12583,7 @@ var QuoteSelectionStep = ({
|
|
|
12485
12583
|
onAction: onBack
|
|
12486
12584
|
}
|
|
12487
12585
|
) : null,
|
|
12488
|
-
!isLoading && quotes.length > 0 ? /* @__PURE__ */ (0,
|
|
12586
|
+
!isLoading && quotes.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "flex flex-col gap-3", children: quotes.map((quote, i) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
|
|
12489
12587
|
QuoteCard,
|
|
12490
12588
|
{
|
|
12491
12589
|
quote,
|
|
@@ -12500,23 +12598,23 @@ var QuoteSelectionStep = ({
|
|
|
12500
12598
|
|
|
12501
12599
|
// src/onramp/steps/widget.tsx
|
|
12502
12600
|
var import_react24 = require("react");
|
|
12503
|
-
var
|
|
12601
|
+
var import_jsx_runtime121 = require("react/jsx-runtime");
|
|
12504
12602
|
var BACK_BUTTON_CLASS2 = "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80";
|
|
12505
|
-
var BackButton2 = ({ onClick }) => /* @__PURE__ */ (0,
|
|
12603
|
+
var BackButton2 = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("button", { type: "button", className: BACK_BUTTON_CLASS2, onClick, "aria-label": "Go back", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(ChevronLeftIcon, { className: "h-6 w-6" }) });
|
|
12506
12604
|
var WidgetStep = ({ widgetUrl, isLoading, onBack }) => {
|
|
12507
12605
|
const iframeRef = (0, import_react24.useRef)(null);
|
|
12508
|
-
return /* @__PURE__ */ (0,
|
|
12509
|
-
/* @__PURE__ */ (0,
|
|
12606
|
+
return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(import_jsx_runtime121.Fragment, { children: [
|
|
12607
|
+
/* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
12510
12608
|
Modal.Header,
|
|
12511
12609
|
{
|
|
12512
12610
|
title: "Complete Purchase",
|
|
12513
12611
|
hideBorder: true,
|
|
12514
|
-
leftElement: /* @__PURE__ */ (0,
|
|
12612
|
+
leftElement: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(BackButton2, { onClick: onBack })
|
|
12515
12613
|
}
|
|
12516
12614
|
),
|
|
12517
|
-
/* @__PURE__ */ (0,
|
|
12518
|
-
isLoading ? /* @__PURE__ */ (0,
|
|
12519
|
-
widgetUrl ? /* @__PURE__ */ (0,
|
|
12615
|
+
/* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(Modal.Body, { classNames: { root: "p-0! sm:p-0! overflow-hidden" }, children: [
|
|
12616
|
+
isLoading ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "flex min-h-[400px] items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(LoadingIcon, { size: "large" }) }) : null,
|
|
12617
|
+
widgetUrl ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
12520
12618
|
"iframe",
|
|
12521
12619
|
{
|
|
12522
12620
|
ref: iframeRef,
|
|
@@ -12531,7 +12629,7 @@ var WidgetStep = ({ widgetUrl, isLoading, onBack }) => {
|
|
|
12531
12629
|
};
|
|
12532
12630
|
|
|
12533
12631
|
// src/onramp/index.tsx
|
|
12534
|
-
var
|
|
12632
|
+
var import_jsx_runtime122 = require("react/jsx-runtime");
|
|
12535
12633
|
var OnrampModal = ({
|
|
12536
12634
|
open,
|
|
12537
12635
|
onOpenChange,
|
|
@@ -12611,13 +12709,13 @@ var OnrampModal = ({
|
|
|
12611
12709
|
[transactionType, formValues.walletAddress, onSelectQuote]
|
|
12612
12710
|
);
|
|
12613
12711
|
const numericAmount = Number(formValues.amount) || 0;
|
|
12614
|
-
return /* @__PURE__ */ (0,
|
|
12712
|
+
return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
|
|
12615
12713
|
Modal.Container,
|
|
12616
12714
|
{
|
|
12617
12715
|
maxWidth: "520px",
|
|
12618
12716
|
"aria-label": transactionType === "BUY" ? "Buy Crypto" : "Sell Crypto",
|
|
12619
12717
|
children: [
|
|
12620
|
-
step === "form" ? /* @__PURE__ */ (0,
|
|
12718
|
+
step === "form" ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
12621
12719
|
QuoteFormStep,
|
|
12622
12720
|
{
|
|
12623
12721
|
title: transactionType === "BUY" ? "Buy Crypto" : "Sell Crypto",
|
|
@@ -12629,7 +12727,7 @@ var OnrampModal = ({
|
|
|
12629
12727
|
onSubmit: handleGetQuotes
|
|
12630
12728
|
}
|
|
12631
12729
|
) : null,
|
|
12632
|
-
step === "quotes" ? /* @__PURE__ */ (0,
|
|
12730
|
+
step === "quotes" ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
12633
12731
|
QuoteSelectionStep,
|
|
12634
12732
|
{
|
|
12635
12733
|
quotes,
|
|
@@ -12643,7 +12741,7 @@ var OnrampModal = ({
|
|
|
12643
12741
|
onRetry: handleGetQuotes
|
|
12644
12742
|
}
|
|
12645
12743
|
) : null,
|
|
12646
|
-
step === "widget" ? /* @__PURE__ */ (0,
|
|
12744
|
+
step === "widget" ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
12647
12745
|
WidgetStep,
|
|
12648
12746
|
{
|
|
12649
12747
|
widgetUrl,
|
|
@@ -12665,13 +12763,13 @@ var import_react26 = require("react");
|
|
|
12665
12763
|
|
|
12666
12764
|
// src/withdraw/steps/withdraw-method.tsx
|
|
12667
12765
|
var import_hooks43 = require("@agg-market/hooks");
|
|
12668
|
-
var
|
|
12766
|
+
var import_jsx_runtime123 = require("react/jsx-runtime");
|
|
12669
12767
|
var WithdrawMethodCard = ({
|
|
12670
12768
|
icon,
|
|
12671
12769
|
title,
|
|
12672
12770
|
description,
|
|
12673
12771
|
onContinue
|
|
12674
|
-
}) => /* @__PURE__ */ (0,
|
|
12772
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
|
|
12675
12773
|
"div",
|
|
12676
12774
|
{
|
|
12677
12775
|
className: cn(
|
|
@@ -12688,12 +12786,12 @@ var WithdrawMethodCard = ({
|
|
|
12688
12786
|
}
|
|
12689
12787
|
},
|
|
12690
12788
|
children: [
|
|
12691
|
-
/* @__PURE__ */ (0,
|
|
12692
|
-
/* @__PURE__ */ (0,
|
|
12693
|
-
/* @__PURE__ */ (0,
|
|
12694
|
-
/* @__PURE__ */ (0,
|
|
12789
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover", children: icon }),
|
|
12790
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex-1 min-w-0", children: [
|
|
12791
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: title }),
|
|
12792
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
|
|
12695
12793
|
] }),
|
|
12696
|
-
/* @__PURE__ */ (0,
|
|
12794
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "shrink-0 text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(ChevronRightIcon, { className: "h-5 w-5" }) })
|
|
12697
12795
|
]
|
|
12698
12796
|
}
|
|
12699
12797
|
);
|
|
@@ -12702,18 +12800,18 @@ var WithdrawMethodStep = ({
|
|
|
12702
12800
|
onSelectMethod
|
|
12703
12801
|
}) => {
|
|
12704
12802
|
const labels = (0, import_hooks43.useLabels)();
|
|
12705
|
-
return /* @__PURE__ */ (0,
|
|
12706
|
-
/* @__PURE__ */ (0,
|
|
12707
|
-
/* @__PURE__ */ (0,
|
|
12708
|
-
/* @__PURE__ */ (0,
|
|
12803
|
+
return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_jsx_runtime123.Fragment, { children: [
|
|
12804
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Modal.Header, { title: labels.withdraw.title, hideBorder: true }),
|
|
12805
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.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_runtime123.jsxs)("div", { className: "flex flex-col gap-5", children: [
|
|
12806
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("p", { className: "agg-type-body text-agg-foreground", children: [
|
|
12709
12807
|
labels.withdraw.balancePrefix,
|
|
12710
12808
|
" ",
|
|
12711
12809
|
formatCompactUsd(balance)
|
|
12712
12810
|
] }),
|
|
12713
|
-
/* @__PURE__ */ (0,
|
|
12811
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
12714
12812
|
WithdrawMethodCard,
|
|
12715
12813
|
{
|
|
12716
|
-
icon: /* @__PURE__ */ (0,
|
|
12814
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(CreditCardIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
|
|
12717
12815
|
title: labels.withdraw.methods.cardTitle,
|
|
12718
12816
|
description: labels.withdraw.methods.cardDescription,
|
|
12719
12817
|
onContinue: () => onSelectMethod("card")
|
|
@@ -12725,7 +12823,7 @@ var WithdrawMethodStep = ({
|
|
|
12725
12823
|
|
|
12726
12824
|
// src/withdraw/steps/withdraw-amount.tsx
|
|
12727
12825
|
var import_hooks44 = require("@agg-market/hooks");
|
|
12728
|
-
var
|
|
12826
|
+
var import_jsx_runtime124 = require("react/jsx-runtime");
|
|
12729
12827
|
var WithdrawAmountStep = ({
|
|
12730
12828
|
amount,
|
|
12731
12829
|
currency,
|
|
@@ -12743,30 +12841,30 @@ var WithdrawAmountStep = ({
|
|
|
12743
12841
|
}) => {
|
|
12744
12842
|
const labels = (0, import_hooks44.useLabels)();
|
|
12745
12843
|
const isValid = Number(amount) > 0;
|
|
12746
|
-
return /* @__PURE__ */ (0,
|
|
12747
|
-
/* @__PURE__ */ (0,
|
|
12844
|
+
return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(import_jsx_runtime124.Fragment, { children: [
|
|
12845
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
12748
12846
|
Modal.Header,
|
|
12749
12847
|
{
|
|
12750
12848
|
title: labels.withdraw.cardFlow.title,
|
|
12751
12849
|
hideBorder: true,
|
|
12752
|
-
leftElement: /* @__PURE__ */ (0,
|
|
12850
|
+
leftElement: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
12753
12851
|
"button",
|
|
12754
12852
|
{
|
|
12755
12853
|
type: "button",
|
|
12756
12854
|
className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
|
|
12757
12855
|
onClick: onBack,
|
|
12758
12856
|
"aria-label": "Go back",
|
|
12759
|
-
children: /* @__PURE__ */ (0,
|
|
12857
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
|
|
12760
12858
|
}
|
|
12761
12859
|
)
|
|
12762
12860
|
}
|
|
12763
12861
|
),
|
|
12764
|
-
/* @__PURE__ */ (0,
|
|
12765
|
-
/* @__PURE__ */ (0,
|
|
12766
|
-
/* @__PURE__ */ (0,
|
|
12767
|
-
/* @__PURE__ */ (0,
|
|
12768
|
-
/* @__PURE__ */ (0,
|
|
12769
|
-
/* @__PURE__ */ (0,
|
|
12862
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.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_runtime124.jsxs)("div", { className: "flex flex-col gap-5", children: [
|
|
12863
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex gap-3 items-end", children: [
|
|
12864
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex-1 flex flex-col gap-2", children: [
|
|
12865
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.cardFlow.amountLabel }),
|
|
12866
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex h-10 items-center gap-2 rounded border border-agg-separator bg-agg-secondary px-3", children: [
|
|
12867
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
12770
12868
|
"input",
|
|
12771
12869
|
{
|
|
12772
12870
|
type: "text",
|
|
@@ -12781,10 +12879,10 @@ var WithdrawAmountStep = ({
|
|
|
12781
12879
|
onChange: (event) => onAmountChange(event.target.value)
|
|
12782
12880
|
}
|
|
12783
12881
|
),
|
|
12784
|
-
/* @__PURE__ */ (0,
|
|
12882
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "agg-type-body text-agg-muted-foreground", children: "$" })
|
|
12785
12883
|
] })
|
|
12786
12884
|
] }),
|
|
12787
|
-
/* @__PURE__ */ (0,
|
|
12885
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: "w-[100px]", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
12788
12886
|
Select,
|
|
12789
12887
|
{
|
|
12790
12888
|
items: [{ value: currency, label: currency }],
|
|
@@ -12794,10 +12892,10 @@ var WithdrawAmountStep = ({
|
|
|
12794
12892
|
}
|
|
12795
12893
|
) })
|
|
12796
12894
|
] }),
|
|
12797
|
-
/* @__PURE__ */ (0,
|
|
12798
|
-
/* @__PURE__ */ (0,
|
|
12799
|
-
/* @__PURE__ */ (0,
|
|
12800
|
-
/* @__PURE__ */ (0,
|
|
12895
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex gap-5", children: [
|
|
12896
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
|
|
12897
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.cardFlow.tokenLabel }),
|
|
12898
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
12801
12899
|
Select,
|
|
12802
12900
|
{
|
|
12803
12901
|
items: tokenOptions,
|
|
@@ -12807,9 +12905,9 @@ var WithdrawAmountStep = ({
|
|
|
12807
12905
|
}
|
|
12808
12906
|
)
|
|
12809
12907
|
] }),
|
|
12810
|
-
/* @__PURE__ */ (0,
|
|
12811
|
-
/* @__PURE__ */ (0,
|
|
12812
|
-
/* @__PURE__ */ (0,
|
|
12908
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
|
|
12909
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.cardFlow.networkLabel }),
|
|
12910
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
12813
12911
|
Select,
|
|
12814
12912
|
{
|
|
12815
12913
|
items: networkOptions,
|
|
@@ -12820,11 +12918,11 @@ var WithdrawAmountStep = ({
|
|
|
12820
12918
|
)
|
|
12821
12919
|
] })
|
|
12822
12920
|
] }),
|
|
12823
|
-
/* @__PURE__ */ (0,
|
|
12824
|
-
/* @__PURE__ */ (0,
|
|
12825
|
-
/* @__PURE__ */ (0,
|
|
12921
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
12922
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.cardFlow.destinationWalletLabel }),
|
|
12923
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: "flex h-10 items-center rounded border border-agg-separator bg-agg-secondary px-3", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("p", { className: "agg-type-body truncate text-agg-foreground", children: destinationWallet }) })
|
|
12826
12924
|
] }),
|
|
12827
|
-
/* @__PURE__ */ (0,
|
|
12925
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
12828
12926
|
Button,
|
|
12829
12927
|
{
|
|
12830
12928
|
variant: isValid ? "primary" : "secondary",
|
|
@@ -12841,20 +12939,20 @@ var WithdrawAmountStep = ({
|
|
|
12841
12939
|
|
|
12842
12940
|
// src/withdraw/steps/withdraw-provider.tsx
|
|
12843
12941
|
var import_hooks45 = require("@agg-market/hooks");
|
|
12844
|
-
var
|
|
12942
|
+
var import_jsx_runtime125 = require("react/jsx-runtime");
|
|
12845
12943
|
var WithdrawProviderItem = ({ provider, onSelect }) => {
|
|
12846
12944
|
const labels = (0, import_hooks45.useLabels)();
|
|
12847
12945
|
const badgeText = provider.badge === "best" ? labels.withdraw.cardFlow.providerBadges.best : provider.badge === "low-kyc" ? labels.withdraw.cardFlow.providerBadges.lowKyc : void 0;
|
|
12848
|
-
return /* @__PURE__ */ (0,
|
|
12946
|
+
return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
12849
12947
|
"button",
|
|
12850
12948
|
{
|
|
12851
12949
|
type: "button",
|
|
12852
12950
|
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",
|
|
12853
12951
|
onClick: () => onSelect(provider.id),
|
|
12854
|
-
children: /* @__PURE__ */ (0,
|
|
12855
|
-
/* @__PURE__ */ (0,
|
|
12856
|
-
/* @__PURE__ */ (0,
|
|
12857
|
-
badgeText ? /* @__PURE__ */ (0,
|
|
12952
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
|
|
12953
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
12954
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)("p", { className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: provider.name }),
|
|
12955
|
+
badgeText ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
12858
12956
|
"span",
|
|
12859
12957
|
{
|
|
12860
12958
|
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"}`,
|
|
@@ -12862,16 +12960,16 @@ var WithdrawProviderItem = ({ provider, onSelect }) => {
|
|
|
12862
12960
|
}
|
|
12863
12961
|
) : null
|
|
12864
12962
|
] }),
|
|
12865
|
-
/* @__PURE__ */ (0,
|
|
12866
|
-
/* @__PURE__ */ (0,
|
|
12867
|
-
/* @__PURE__ */ (0,
|
|
12868
|
-
/* @__PURE__ */ (0,
|
|
12963
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex items-center gap-4", children: [
|
|
12964
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "text-right", children: [
|
|
12965
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)("p", { className: "agg-type-body text-agg-foreground", children: provider.quote }),
|
|
12966
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
|
|
12869
12967
|
labels.withdraw.cardFlow.feeLabel,
|
|
12870
12968
|
" ",
|
|
12871
12969
|
provider.fee
|
|
12872
12970
|
] })
|
|
12873
12971
|
] }),
|
|
12874
|
-
/* @__PURE__ */ (0,
|
|
12972
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)(ChevronRightIcon, { className: "h-5 w-5 text-agg-muted-foreground" })
|
|
12875
12973
|
] })
|
|
12876
12974
|
] })
|
|
12877
12975
|
}
|
|
@@ -12886,33 +12984,33 @@ var WithdrawProviderStep = ({
|
|
|
12886
12984
|
onSelectProvider
|
|
12887
12985
|
}) => {
|
|
12888
12986
|
const labels = (0, import_hooks45.useLabels)();
|
|
12889
|
-
return /* @__PURE__ */ (0,
|
|
12890
|
-
/* @__PURE__ */ (0,
|
|
12987
|
+
return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(import_jsx_runtime125.Fragment, { children: [
|
|
12988
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
12891
12989
|
Modal.Header,
|
|
12892
12990
|
{
|
|
12893
12991
|
title: labels.withdraw.cardFlow.selectProviderTitle,
|
|
12894
12992
|
hideBorder: true,
|
|
12895
|
-
leftElement: /* @__PURE__ */ (0,
|
|
12993
|
+
leftElement: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
12896
12994
|
"button",
|
|
12897
12995
|
{
|
|
12898
12996
|
type: "button",
|
|
12899
12997
|
className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
|
|
12900
12998
|
onClick: onBack,
|
|
12901
12999
|
"aria-label": labels.withdraw.back,
|
|
12902
|
-
children: /* @__PURE__ */ (0,
|
|
13000
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
|
|
12903
13001
|
}
|
|
12904
13002
|
)
|
|
12905
13003
|
}
|
|
12906
13004
|
),
|
|
12907
|
-
/* @__PURE__ */ (0,
|
|
12908
|
-
/* @__PURE__ */ (0,
|
|
12909
|
-
/* @__PURE__ */ (0,
|
|
13005
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.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_runtime125.jsxs)("div", { className: "flex flex-col gap-4", children: [
|
|
13006
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("p", { className: "agg-type-body text-agg-foreground", children: [
|
|
13007
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "font-agg-bold", children: token }),
|
|
12910
13008
|
" $",
|
|
12911
13009
|
amount,
|
|
12912
13010
|
" ",
|
|
12913
13011
|
currency
|
|
12914
13012
|
] }),
|
|
12915
|
-
/* @__PURE__ */ (0,
|
|
13013
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "flex flex-col gap-4", children: providers.map((provider) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
12916
13014
|
WithdrawProviderItem,
|
|
12917
13015
|
{
|
|
12918
13016
|
provider,
|
|
@@ -12926,10 +13024,10 @@ var WithdrawProviderStep = ({
|
|
|
12926
13024
|
|
|
12927
13025
|
// src/withdraw/steps/withdraw-success.tsx
|
|
12928
13026
|
var import_hooks46 = require("@agg-market/hooks");
|
|
12929
|
-
var
|
|
12930
|
-
var SummaryRow3 = ({ label, value }) => /* @__PURE__ */ (0,
|
|
12931
|
-
/* @__PURE__ */ (0,
|
|
12932
|
-
/* @__PURE__ */ (0,
|
|
13027
|
+
var import_jsx_runtime126 = require("react/jsx-runtime");
|
|
13028
|
+
var SummaryRow3 = ({ label, value }) => /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
|
|
13029
|
+
/* @__PURE__ */ (0, import_jsx_runtime126.jsx)("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
|
|
13030
|
+
/* @__PURE__ */ (0, import_jsx_runtime126.jsx)("p", { className: "agg-type-label text-agg-foreground", children: value })
|
|
12933
13031
|
] });
|
|
12934
13032
|
var WithdrawSuccessStep = ({
|
|
12935
13033
|
summary,
|
|
@@ -12937,55 +13035,55 @@ var WithdrawSuccessStep = ({
|
|
|
12937
13035
|
onClose
|
|
12938
13036
|
}) => {
|
|
12939
13037
|
const labels = (0, import_hooks46.useLabels)();
|
|
12940
|
-
return /* @__PURE__ */ (0,
|
|
12941
|
-
/* @__PURE__ */ (0,
|
|
13038
|
+
return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
|
|
13039
|
+
/* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
|
|
12942
13040
|
"button",
|
|
12943
13041
|
{
|
|
12944
13042
|
type: "button",
|
|
12945
13043
|
className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80",
|
|
12946
13044
|
onClick: onClose,
|
|
12947
13045
|
"aria-label": labels.common.close,
|
|
12948
|
-
children: /* @__PURE__ */ (0,
|
|
13046
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(CloseIcon, { className: "h-6 w-6" })
|
|
12949
13047
|
}
|
|
12950
13048
|
),
|
|
12951
|
-
/* @__PURE__ */ (0,
|
|
12952
|
-
/* @__PURE__ */ (0,
|
|
12953
|
-
/* @__PURE__ */ (0,
|
|
12954
|
-
/* @__PURE__ */ (0,
|
|
12955
|
-
/* @__PURE__ */ (0,
|
|
13049
|
+
/* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
|
|
13050
|
+
/* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full border border-[#18C15C80] bg-[#18C15C26]", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(SuccessCheckIcon, { className: "h-6 w-6 text-[#18C15C]" }) }),
|
|
13051
|
+
/* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
|
|
13052
|
+
/* @__PURE__ */ (0, import_jsx_runtime126.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.withdraw.cardFlow.successTitle }),
|
|
13053
|
+
/* @__PURE__ */ (0, import_jsx_runtime126.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.withdraw.cardFlow.successDescription })
|
|
12956
13054
|
] }),
|
|
12957
|
-
/* @__PURE__ */ (0,
|
|
12958
|
-
/* @__PURE__ */ (0,
|
|
13055
|
+
/* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
|
|
13056
|
+
/* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
|
|
12959
13057
|
SummaryRow3,
|
|
12960
13058
|
{
|
|
12961
13059
|
label: labels.withdraw.summary.amountReceived,
|
|
12962
13060
|
value: summary.amountReceived
|
|
12963
13061
|
}
|
|
12964
13062
|
),
|
|
12965
|
-
/* @__PURE__ */ (0,
|
|
12966
|
-
/* @__PURE__ */ (0,
|
|
13063
|
+
/* @__PURE__ */ (0, import_jsx_runtime126.jsx)(SummaryRow3, { label: labels.withdraw.summary.network, value: summary.network }),
|
|
13064
|
+
/* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
|
|
12967
13065
|
SummaryRow3,
|
|
12968
13066
|
{
|
|
12969
13067
|
label: labels.withdraw.cardFlow.summary.provider,
|
|
12970
13068
|
value: summary.provider
|
|
12971
13069
|
}
|
|
12972
13070
|
),
|
|
12973
|
-
/* @__PURE__ */ (0,
|
|
13071
|
+
/* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
|
|
12974
13072
|
SummaryRow3,
|
|
12975
13073
|
{
|
|
12976
13074
|
label: labels.withdraw.cardFlow.summary.toWallet,
|
|
12977
13075
|
value: summary.toWallet
|
|
12978
13076
|
}
|
|
12979
13077
|
),
|
|
12980
|
-
/* @__PURE__ */ (0,
|
|
13078
|
+
/* @__PURE__ */ (0, import_jsx_runtime126.jsx)(SummaryRow3, { label: labels.withdraw.cardFlow.summary.fees, value: summary.fees })
|
|
12981
13079
|
] }),
|
|
12982
|
-
/* @__PURE__ */ (0,
|
|
13080
|
+
/* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.withdraw.done })
|
|
12983
13081
|
] })
|
|
12984
13082
|
] }) });
|
|
12985
13083
|
};
|
|
12986
13084
|
|
|
12987
13085
|
// src/withdraw/index.tsx
|
|
12988
|
-
var
|
|
13086
|
+
var import_jsx_runtime127 = require("react/jsx-runtime");
|
|
12989
13087
|
var WithdrawModal = ({
|
|
12990
13088
|
open,
|
|
12991
13089
|
onOpenChange,
|
|
@@ -13013,9 +13111,9 @@ var WithdrawModal = ({
|
|
|
13013
13111
|
}
|
|
13014
13112
|
onOpenChange(isOpen);
|
|
13015
13113
|
};
|
|
13016
|
-
return /* @__PURE__ */ (0,
|
|
13017
|
-
step === "method" ? /* @__PURE__ */ (0,
|
|
13018
|
-
step === "withdraw-amount" ? /* @__PURE__ */ (0,
|
|
13114
|
+
return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(Modal.Container, { maxWidth: "600px", "aria-label": "Withdraw", children: [
|
|
13115
|
+
step === "method" ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(WithdrawMethodStep, { balance: withdrawFlow.balance, onSelectMethod: handleSelectMethod }) : null,
|
|
13116
|
+
step === "withdraw-amount" ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
13019
13117
|
WithdrawAmountStep,
|
|
13020
13118
|
{
|
|
13021
13119
|
amount: withdrawFlow.amount,
|
|
@@ -13036,7 +13134,7 @@ var WithdrawModal = ({
|
|
|
13036
13134
|
}
|
|
13037
13135
|
}
|
|
13038
13136
|
) : null,
|
|
13039
|
-
step === "provider" ? /* @__PURE__ */ (0,
|
|
13137
|
+
step === "provider" ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
13040
13138
|
WithdrawProviderStep,
|
|
13041
13139
|
{
|
|
13042
13140
|
token: withdrawFlow.selectedToken,
|
|
@@ -13050,7 +13148,7 @@ var WithdrawModal = ({
|
|
|
13050
13148
|
}
|
|
13051
13149
|
}
|
|
13052
13150
|
) : null,
|
|
13053
|
-
step === "success" ? /* @__PURE__ */ (0,
|
|
13151
|
+
step === "success" ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
13054
13152
|
WithdrawSuccessStep,
|
|
13055
13153
|
{
|
|
13056
13154
|
summary: withdrawFlow.purchaseSummary,
|
|
@@ -13088,12 +13186,12 @@ var ONCHAIN_VENUES = [
|
|
|
13088
13186
|
// src/onboarding/steps/how-it-works.tsx
|
|
13089
13187
|
var import_react27 = require("react");
|
|
13090
13188
|
var import_hooks47 = require("@agg-market/hooks");
|
|
13091
|
-
var
|
|
13189
|
+
var import_jsx_runtime128 = require("react/jsx-runtime");
|
|
13092
13190
|
var defaultIcons = {
|
|
13093
|
-
createAccount: /* @__PURE__ */ (0,
|
|
13094
|
-
linkAccounts: /* @__PURE__ */ (0,
|
|
13095
|
-
bestPrices: /* @__PURE__ */ (0,
|
|
13096
|
-
stayInControl: /* @__PURE__ */ (0,
|
|
13191
|
+
createAccount: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(CreateAccountIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
|
|
13192
|
+
linkAccounts: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(LinkAccountsIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
|
|
13193
|
+
bestPrices: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(BestPricesIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
|
|
13194
|
+
stayInControl: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(StayInControlIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" })
|
|
13097
13195
|
};
|
|
13098
13196
|
var HowItWorksStep = ({ onContinue, icons }) => {
|
|
13099
13197
|
const labels = (0, import_hooks47.useLabels)();
|
|
@@ -13106,10 +13204,10 @@ var HowItWorksStep = ({ onContinue, icons }) => {
|
|
|
13106
13204
|
setShowTopGradient(el.scrollTop > 0);
|
|
13107
13205
|
setShowBottomGradient(el.scrollTop + el.clientHeight < el.scrollHeight - 1);
|
|
13108
13206
|
}, []);
|
|
13109
|
-
return /* @__PURE__ */ (0,
|
|
13110
|
-
/* @__PURE__ */ (0,
|
|
13111
|
-
/* @__PURE__ */ (0,
|
|
13112
|
-
/* @__PURE__ */ (0,
|
|
13207
|
+
return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col gap-6 h-[600px] sm:h-auto", children: [
|
|
13208
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.howItWorks.title }),
|
|
13209
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "relative flex-1 min-h-0 sm:flex-initial", children: [
|
|
13210
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
|
|
13113
13211
|
"div",
|
|
13114
13212
|
{
|
|
13115
13213
|
ref: scrollRef,
|
|
@@ -13119,7 +13217,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
|
|
|
13119
13217
|
var _a;
|
|
13120
13218
|
const icon = (_a = icons == null ? void 0 : icons[featureKey]) != null ? _a : defaultIcons[featureKey];
|
|
13121
13219
|
const feature = labels.onboarding.howItWorks.features[featureKey];
|
|
13122
|
-
return /* @__PURE__ */ (0,
|
|
13220
|
+
return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
|
|
13123
13221
|
"div",
|
|
13124
13222
|
{
|
|
13125
13223
|
className: cn(
|
|
@@ -13128,11 +13226,11 @@ var HowItWorksStep = ({ onContinue, icons }) => {
|
|
|
13128
13226
|
"bg-agg-secondary-hover"
|
|
13129
13227
|
),
|
|
13130
13228
|
children: [
|
|
13131
|
-
/* @__PURE__ */ (0,
|
|
13132
|
-
/* @__PURE__ */ (0,
|
|
13133
|
-
/* @__PURE__ */ (0,
|
|
13229
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col flex-1 min-w-0 gap-[6px]", children: [
|
|
13230
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: feature.title }),
|
|
13231
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: feature.description })
|
|
13134
13232
|
] }),
|
|
13135
|
-
icon ? /* @__PURE__ */ (0,
|
|
13233
|
+
icon ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "hidden shrink-0 items-center justify-center text-agg-muted-foreground sm:flex", children: icon }) : null
|
|
13136
13234
|
]
|
|
13137
13235
|
},
|
|
13138
13236
|
featureKey
|
|
@@ -13140,7 +13238,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
|
|
|
13140
13238
|
})
|
|
13141
13239
|
}
|
|
13142
13240
|
),
|
|
13143
|
-
/* @__PURE__ */ (0,
|
|
13241
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
|
|
13144
13242
|
"div",
|
|
13145
13243
|
{
|
|
13146
13244
|
className: cn(
|
|
@@ -13151,7 +13249,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
|
|
|
13151
13249
|
)
|
|
13152
13250
|
}
|
|
13153
13251
|
),
|
|
13154
|
-
/* @__PURE__ */ (0,
|
|
13252
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
|
|
13155
13253
|
"div",
|
|
13156
13254
|
{
|
|
13157
13255
|
className: cn(
|
|
@@ -13163,7 +13261,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
|
|
|
13163
13261
|
}
|
|
13164
13262
|
)
|
|
13165
13263
|
] }),
|
|
13166
|
-
/* @__PURE__ */ (0,
|
|
13264
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Button, { variant: "primary", size: "large", className: "w-full", onClick: onContinue, children: labels.onboarding.howItWorks.continue })
|
|
13167
13265
|
] });
|
|
13168
13266
|
};
|
|
13169
13267
|
HowItWorksStep.displayName = "HowItWorksStep";
|
|
@@ -13171,7 +13269,7 @@ HowItWorksStep.displayName = "HowItWorksStep";
|
|
|
13171
13269
|
// src/onboarding/steps/profile-setup.tsx
|
|
13172
13270
|
var import_react28 = require("react");
|
|
13173
13271
|
var import_hooks48 = require("@agg-market/hooks");
|
|
13174
|
-
var
|
|
13272
|
+
var import_jsx_runtime129 = require("react/jsx-runtime");
|
|
13175
13273
|
var ProfileSetupStep = ({ onContinue }) => {
|
|
13176
13274
|
const labels = (0, import_hooks48.useLabels)();
|
|
13177
13275
|
const [username, setUsername] = (0, import_react28.useState)("");
|
|
@@ -13201,11 +13299,11 @@ var ProfileSetupStep = ({ onContinue }) => {
|
|
|
13201
13299
|
avatarPreview
|
|
13202
13300
|
});
|
|
13203
13301
|
}, [username, avatarFile, avatarPreview, onContinue]);
|
|
13204
|
-
return /* @__PURE__ */ (0,
|
|
13205
|
-
/* @__PURE__ */ (0,
|
|
13206
|
-
/* @__PURE__ */ (0,
|
|
13207
|
-
/* @__PURE__ */ (0,
|
|
13208
|
-
/* @__PURE__ */ (0,
|
|
13302
|
+
return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex flex-col gap-7", children: [
|
|
13303
|
+
/* @__PURE__ */ (0, import_jsx_runtime129.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.profileSetup.title }),
|
|
13304
|
+
/* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex flex-col gap-5 items-center w-full", children: [
|
|
13305
|
+
/* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex justify-center", children: [
|
|
13306
|
+
/* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
|
|
13209
13307
|
"button",
|
|
13210
13308
|
{
|
|
13211
13309
|
type: "button",
|
|
@@ -13221,13 +13319,13 @@ var ProfileSetupStep = ({ onContinue }) => {
|
|
|
13221
13319
|
),
|
|
13222
13320
|
"aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
|
|
13223
13321
|
children: [
|
|
13224
|
-
!avatarPreview ? /* @__PURE__ */ (0,
|
|
13322
|
+
!avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
|
|
13225
13323
|
"svg",
|
|
13226
13324
|
{
|
|
13227
13325
|
"aria-hidden": true,
|
|
13228
13326
|
viewBox: "0 0 80 80",
|
|
13229
13327
|
className: "pointer-events-none absolute inset-0 h-full w-full text-agg-separator group-hover:text-agg-muted-foreground",
|
|
13230
|
-
children: /* @__PURE__ */ (0,
|
|
13328
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
|
|
13231
13329
|
"circle",
|
|
13232
13330
|
{
|
|
13233
13331
|
cx: "40",
|
|
@@ -13241,18 +13339,18 @@ var ProfileSetupStep = ({ onContinue }) => {
|
|
|
13241
13339
|
)
|
|
13242
13340
|
}
|
|
13243
13341
|
) : null,
|
|
13244
|
-
avatarPreview ? /* @__PURE__ */ (0,
|
|
13342
|
+
avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
|
|
13245
13343
|
RemoteImage,
|
|
13246
13344
|
{
|
|
13247
13345
|
src: avatarPreview,
|
|
13248
13346
|
alt: labels.onboarding.profileSetup.profilePreviewAlt,
|
|
13249
13347
|
className: "h-full w-full object-cover"
|
|
13250
13348
|
}
|
|
13251
|
-
) : /* @__PURE__ */ (0,
|
|
13349
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })
|
|
13252
13350
|
]
|
|
13253
13351
|
}
|
|
13254
13352
|
),
|
|
13255
|
-
/* @__PURE__ */ (0,
|
|
13353
|
+
/* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
|
|
13256
13354
|
"input",
|
|
13257
13355
|
{
|
|
13258
13356
|
ref: fileInputRef,
|
|
@@ -13264,8 +13362,8 @@ var ProfileSetupStep = ({ onContinue }) => {
|
|
|
13264
13362
|
}
|
|
13265
13363
|
)
|
|
13266
13364
|
] }),
|
|
13267
|
-
/* @__PURE__ */ (0,
|
|
13268
|
-
/* @__PURE__ */ (0,
|
|
13365
|
+
/* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
|
|
13366
|
+
/* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
|
|
13269
13367
|
"label",
|
|
13270
13368
|
{
|
|
13271
13369
|
htmlFor: "onboarding-username",
|
|
@@ -13273,7 +13371,7 @@ var ProfileSetupStep = ({ onContinue }) => {
|
|
|
13273
13371
|
children: labels.onboarding.profileSetup.usernameLabel
|
|
13274
13372
|
}
|
|
13275
13373
|
),
|
|
13276
|
-
/* @__PURE__ */ (0,
|
|
13374
|
+
/* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
|
|
13277
13375
|
"input",
|
|
13278
13376
|
{
|
|
13279
13377
|
id: "onboarding-username",
|
|
@@ -13297,16 +13395,16 @@ var ProfileSetupStep = ({ onContinue }) => {
|
|
|
13297
13395
|
)
|
|
13298
13396
|
] })
|
|
13299
13397
|
] }),
|
|
13300
|
-
/* @__PURE__ */ (0,
|
|
13398
|
+
/* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Button, { variant: "primary", size: "large", className: "w-full", onClick: handleContinue, children: labels.onboarding.profileSetup.continue })
|
|
13301
13399
|
] });
|
|
13302
13400
|
};
|
|
13303
13401
|
ProfileSetupStep.displayName = "ProfileSetupStep";
|
|
13304
13402
|
|
|
13305
13403
|
// src/onboarding/steps/connect-accounts.tsx
|
|
13306
13404
|
var import_hooks49 = require("@agg-market/hooks");
|
|
13307
|
-
var
|
|
13405
|
+
var import_jsx_runtime130 = require("react/jsx-runtime");
|
|
13308
13406
|
var OnchainVenueLogos = () => {
|
|
13309
|
-
return /* @__PURE__ */ (0,
|
|
13407
|
+
return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
|
|
13310
13408
|
};
|
|
13311
13409
|
var VenueCard = ({
|
|
13312
13410
|
logos,
|
|
@@ -13318,7 +13416,7 @@ var VenueCard = ({
|
|
|
13318
13416
|
connected = false
|
|
13319
13417
|
}) => {
|
|
13320
13418
|
const labels = (0, import_hooks49.useLabels)();
|
|
13321
|
-
const action = connected ? /* @__PURE__ */ (0,
|
|
13419
|
+
const action = connected ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
|
|
13322
13420
|
Button,
|
|
13323
13421
|
{
|
|
13324
13422
|
variant: "tertiary",
|
|
@@ -13328,18 +13426,18 @@ var VenueCard = ({
|
|
|
13328
13426
|
children: labels.onboarding.connectAccounts.connect
|
|
13329
13427
|
}
|
|
13330
13428
|
);
|
|
13331
|
-
const mobileAction = connected ? /* @__PURE__ */ (0,
|
|
13429
|
+
const mobileAction = connected ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
|
|
13332
13430
|
Button,
|
|
13333
13431
|
{
|
|
13334
13432
|
variant: "tertiary",
|
|
13335
13433
|
size: "medium",
|
|
13336
13434
|
className: "!h-auto !px-0 !py-0 text-agg-primary hover:bg-transparent hover:text-agg-primary-hover",
|
|
13337
13435
|
onClick: onConnect,
|
|
13338
|
-
suffix: /* @__PURE__ */ (0,
|
|
13436
|
+
suffix: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(ChevronRightIcon, { className: "h-4 w-4" }),
|
|
13339
13437
|
children: labels.onboarding.connectAccounts.connectAccount
|
|
13340
13438
|
}
|
|
13341
13439
|
);
|
|
13342
|
-
return /* @__PURE__ */ (0,
|
|
13440
|
+
return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
|
|
13343
13441
|
"div",
|
|
13344
13442
|
{
|
|
13345
13443
|
className: cn(
|
|
@@ -13347,23 +13445,23 @@ var VenueCard = ({
|
|
|
13347
13445
|
connected ? "bg-agg-success/5" : "bg-agg-secondary-hover hover:bg-agg-tertiary"
|
|
13348
13446
|
),
|
|
13349
13447
|
children: [
|
|
13350
|
-
/* @__PURE__ */ (0,
|
|
13351
|
-
/* @__PURE__ */ (0,
|
|
13352
|
-
/* @__PURE__ */ (0,
|
|
13353
|
-
/* @__PURE__ */ (0,
|
|
13354
|
-
/* @__PURE__ */ (0,
|
|
13355
|
-
/* @__PURE__ */ (0,
|
|
13448
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "hidden sm:flex items-center justify-between", children: [
|
|
13449
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "flex items-center gap-5", children: [
|
|
13450
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "shrink-0", children: logos }),
|
|
13451
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "flex flex-col gap-[2px]", children: [
|
|
13452
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)("p", { className: "text-agg-base font-agg-bold text-agg-foreground", children: title }),
|
|
13453
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)("p", { className: "text-agg-sm text-agg-foreground", children: description })
|
|
13356
13454
|
] })
|
|
13357
13455
|
] }),
|
|
13358
|
-
/* @__PURE__ */ (0,
|
|
13456
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "shrink-0", children: action })
|
|
13359
13457
|
] }),
|
|
13360
|
-
/* @__PURE__ */ (0,
|
|
13361
|
-
/* @__PURE__ */ (0,
|
|
13362
|
-
/* @__PURE__ */ (0,
|
|
13363
|
-
/* @__PURE__ */ (0,
|
|
13458
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "flex flex-col gap-3 sm:hidden", children: [
|
|
13459
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "flex flex-col gap-3", children: [
|
|
13460
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "shrink-0", children: logos }),
|
|
13461
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)("p", { className: "text-agg-lg font-agg-bold text-agg-foreground", children: mobileTitle != null ? mobileTitle : title })
|
|
13364
13462
|
] }),
|
|
13365
|
-
/* @__PURE__ */ (0,
|
|
13366
|
-
/* @__PURE__ */ (0,
|
|
13463
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "flex flex-col items-start gap-2", children: [
|
|
13464
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)("p", { className: "text-agg-base text-agg-foreground", children: mobileDescription != null ? mobileDescription : description }),
|
|
13367
13465
|
mobileAction
|
|
13368
13466
|
] })
|
|
13369
13467
|
] })
|
|
@@ -13380,13 +13478,13 @@ var ConnectAccountsStep = ({
|
|
|
13380
13478
|
}) => {
|
|
13381
13479
|
const labels = (0, import_hooks49.useLabels)();
|
|
13382
13480
|
const canContinue = connectedOnchain || connectedKalshi;
|
|
13383
|
-
return /* @__PURE__ */ (0,
|
|
13384
|
-
/* @__PURE__ */ (0,
|
|
13385
|
-
/* @__PURE__ */ (0,
|
|
13386
|
-
/* @__PURE__ */ (0,
|
|
13481
|
+
return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "flex flex-col gap-6", children: [
|
|
13482
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
|
|
13483
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "flex flex-col gap-4", children: [
|
|
13484
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
|
|
13387
13485
|
VenueCard,
|
|
13388
13486
|
{
|
|
13389
|
-
logos: /* @__PURE__ */ (0,
|
|
13487
|
+
logos: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(OnchainVenueLogos, {}),
|
|
13390
13488
|
title: labels.onboarding.connectAccounts.onchainTitle,
|
|
13391
13489
|
mobileTitle: labels.onboarding.connectAccounts.onchainMobileTitle(
|
|
13392
13490
|
ONCHAIN_VENUES.length - 1
|
|
@@ -13397,10 +13495,10 @@ var ConnectAccountsStep = ({
|
|
|
13397
13495
|
connected: connectedOnchain
|
|
13398
13496
|
}
|
|
13399
13497
|
),
|
|
13400
|
-
/* @__PURE__ */ (0,
|
|
13498
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
|
|
13401
13499
|
VenueCard,
|
|
13402
13500
|
{
|
|
13403
|
-
logos: /* @__PURE__ */ (0,
|
|
13501
|
+
logos: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "sm:flex sm:w-14 sm:items-center sm:justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
|
|
13404
13502
|
VenueLogo,
|
|
13405
13503
|
{
|
|
13406
13504
|
venue: "kalshi",
|
|
@@ -13418,7 +13516,7 @@ var ConnectAccountsStep = ({
|
|
|
13418
13516
|
}
|
|
13419
13517
|
)
|
|
13420
13518
|
] }),
|
|
13421
|
-
/* @__PURE__ */ (0,
|
|
13519
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
|
|
13422
13520
|
Button,
|
|
13423
13521
|
{
|
|
13424
13522
|
variant: "primary",
|
|
@@ -13437,7 +13535,7 @@ ConnectAccountsStep.displayName = "ConnectAccountsStep";
|
|
|
13437
13535
|
var import_react29 = require("react");
|
|
13438
13536
|
var import_hooks50 = require("@agg-market/hooks");
|
|
13439
13537
|
var Dialog2 = __toESM(require("@radix-ui/react-dialog"));
|
|
13440
|
-
var
|
|
13538
|
+
var import_jsx_runtime131 = require("react/jsx-runtime");
|
|
13441
13539
|
var ConnectKalshiModal = ({
|
|
13442
13540
|
open,
|
|
13443
13541
|
onOpenChange,
|
|
@@ -13493,15 +13591,15 @@ var ConnectKalshiModal = ({
|
|
|
13493
13591
|
},
|
|
13494
13592
|
[onOpenChange]
|
|
13495
13593
|
);
|
|
13496
|
-
return /* @__PURE__ */ (0,
|
|
13594
|
+
return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
|
|
13497
13595
|
Modal.Container,
|
|
13498
13596
|
{
|
|
13499
13597
|
maxWidth: "600px",
|
|
13500
13598
|
"aria-label": labels.onboarding.connectKalshiModal.ariaLabel,
|
|
13501
13599
|
classNames: { container: "!rounded-agg-lg" },
|
|
13502
13600
|
children: [
|
|
13503
|
-
/* @__PURE__ */ (0,
|
|
13504
|
-
/* @__PURE__ */ (0,
|
|
13601
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Dialog2.Title, { className: "sr-only", children: labels.onboarding.connectKalshiModal.title }),
|
|
13602
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
|
|
13505
13603
|
Modal.Header,
|
|
13506
13604
|
{
|
|
13507
13605
|
hideClose: false,
|
|
@@ -13512,8 +13610,8 @@ var ConnectKalshiModal = ({
|
|
|
13512
13610
|
}
|
|
13513
13611
|
}
|
|
13514
13612
|
),
|
|
13515
|
-
/* @__PURE__ */ (0,
|
|
13516
|
-
/* @__PURE__ */ (0,
|
|
13613
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
|
|
13614
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
|
|
13517
13615
|
VenueLogo,
|
|
13518
13616
|
{
|
|
13519
13617
|
venue: "kalshi",
|
|
@@ -13522,54 +13620,54 @@ var ConnectKalshiModal = ({
|
|
|
13522
13620
|
className: "h-[60px] w-[60px]"
|
|
13523
13621
|
}
|
|
13524
13622
|
),
|
|
13525
|
-
/* @__PURE__ */ (0,
|
|
13526
|
-
/* @__PURE__ */ (0,
|
|
13527
|
-
/* @__PURE__ */ (0,
|
|
13623
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
|
|
13624
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
|
|
13625
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })
|
|
13528
13626
|
] }),
|
|
13529
|
-
/* @__PURE__ */ (0,
|
|
13530
|
-
/* @__PURE__ */ (0,
|
|
13531
|
-
/* @__PURE__ */ (0,
|
|
13532
|
-
/* @__PURE__ */ (0,
|
|
13533
|
-
/* @__PURE__ */ (0,
|
|
13627
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex flex-col gap-4 w-full", children: [
|
|
13628
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
|
|
13629
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex flex-col gap-1", children: [
|
|
13630
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepOne.label }),
|
|
13631
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepOne.title })
|
|
13534
13632
|
] }),
|
|
13535
|
-
/* @__PURE__ */ (0,
|
|
13536
|
-
/* @__PURE__ */ (0,
|
|
13537
|
-
/* @__PURE__ */ (0,
|
|
13633
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "space-y-0 text-agg-sm leading-agg-5 text-agg-foreground", children: [
|
|
13634
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
|
|
13635
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("p", { children: [
|
|
13538
13636
|
labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfilePrefix,
|
|
13539
13637
|
" ",
|
|
13540
|
-
/* @__PURE__ */ (0,
|
|
13638
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
|
|
13541
13639
|
labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfileSeparator,
|
|
13542
13640
|
" ",
|
|
13543
|
-
/* @__PURE__ */ (0,
|
|
13641
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "text-agg-foreground underline", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl })
|
|
13544
13642
|
] }),
|
|
13545
|
-
/* @__PURE__ */ (0,
|
|
13643
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("p", { children: [
|
|
13546
13644
|
labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeyPrefix,
|
|
13547
13645
|
" ",
|
|
13548
|
-
/* @__PURE__ */ (0,
|
|
13646
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
|
|
13549
13647
|
labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeySuffix
|
|
13550
13648
|
] }),
|
|
13551
|
-
/* @__PURE__ */ (0,
|
|
13649
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("p", { children: [
|
|
13552
13650
|
labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsPrefix,
|
|
13553
13651
|
" ",
|
|
13554
|
-
/* @__PURE__ */ (0,
|
|
13652
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
|
|
13555
13653
|
labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsSuffix
|
|
13556
13654
|
] }),
|
|
13557
|
-
/* @__PURE__ */ (0,
|
|
13655
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
|
|
13558
13656
|
] }),
|
|
13559
|
-
/* @__PURE__ */ (0,
|
|
13657
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
|
|
13560
13658
|
labels.onboarding.connectKalshiModal.stepOne.footerLineOne,
|
|
13561
|
-
/* @__PURE__ */ (0,
|
|
13659
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)("br", {}),
|
|
13562
13660
|
labels.onboarding.connectKalshiModal.stepOne.footerLineTwo
|
|
13563
13661
|
] })
|
|
13564
13662
|
] }),
|
|
13565
|
-
/* @__PURE__ */ (0,
|
|
13566
|
-
/* @__PURE__ */ (0,
|
|
13567
|
-
/* @__PURE__ */ (0,
|
|
13568
|
-
/* @__PURE__ */ (0,
|
|
13663
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
|
|
13664
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex flex-col gap-1", children: [
|
|
13665
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.label }),
|
|
13666
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.title })
|
|
13569
13667
|
] }),
|
|
13570
|
-
/* @__PURE__ */ (0,
|
|
13571
|
-
/* @__PURE__ */ (0,
|
|
13572
|
-
/* @__PURE__ */ (0,
|
|
13668
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
|
|
13669
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
13670
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
|
|
13573
13671
|
"label",
|
|
13574
13672
|
{
|
|
13575
13673
|
htmlFor: "kalshi-api-key-id",
|
|
@@ -13577,7 +13675,7 @@ var ConnectKalshiModal = ({
|
|
|
13577
13675
|
children: labels.onboarding.connectKalshiModal.stepTwo.apiKeyIdLabel
|
|
13578
13676
|
}
|
|
13579
13677
|
),
|
|
13580
|
-
/* @__PURE__ */ (0,
|
|
13678
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
|
|
13581
13679
|
"input",
|
|
13582
13680
|
{
|
|
13583
13681
|
id: "kalshi-api-key-id",
|
|
@@ -13597,8 +13695,8 @@ var ConnectKalshiModal = ({
|
|
|
13597
13695
|
}
|
|
13598
13696
|
)
|
|
13599
13697
|
] }),
|
|
13600
|
-
/* @__PURE__ */ (0,
|
|
13601
|
-
/* @__PURE__ */ (0,
|
|
13698
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
13699
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
|
|
13602
13700
|
"label",
|
|
13603
13701
|
{
|
|
13604
13702
|
htmlFor: "kalshi-private-key",
|
|
@@ -13606,7 +13704,7 @@ var ConnectKalshiModal = ({
|
|
|
13606
13704
|
children: labels.onboarding.connectKalshiModal.stepTwo.privateKeyLabel
|
|
13607
13705
|
}
|
|
13608
13706
|
),
|
|
13609
|
-
/* @__PURE__ */ (0,
|
|
13707
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
|
|
13610
13708
|
"textarea",
|
|
13611
13709
|
{
|
|
13612
13710
|
id: "kalshi-private-key",
|
|
@@ -13628,42 +13726,42 @@ var ConnectKalshiModal = ({
|
|
|
13628
13726
|
] })
|
|
13629
13727
|
] })
|
|
13630
13728
|
] }),
|
|
13631
|
-
/* @__PURE__ */ (0,
|
|
13632
|
-
/* @__PURE__ */ (0,
|
|
13633
|
-
/* @__PURE__ */ (0,
|
|
13634
|
-
/* @__PURE__ */ (0,
|
|
13729
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex items-center justify-between w-full", children: [
|
|
13730
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
|
|
13731
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
13732
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
|
|
13635
13733
|
"a",
|
|
13636
13734
|
{
|
|
13637
13735
|
href: "#",
|
|
13638
13736
|
className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary hover:text-agg-primary-hover",
|
|
13639
13737
|
children: [
|
|
13640
|
-
/* @__PURE__ */ (0,
|
|
13738
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)(DocumentIcon, { className: "h-4 w-4" }),
|
|
13641
13739
|
labels.onboarding.connectKalshiModal.help.docsLinkLabel
|
|
13642
13740
|
]
|
|
13643
13741
|
}
|
|
13644
13742
|
),
|
|
13645
|
-
/* @__PURE__ */ (0,
|
|
13646
|
-
/* @__PURE__ */ (0,
|
|
13743
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "h-3 w-px bg-agg-separator" }),
|
|
13744
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
|
|
13647
13745
|
"a",
|
|
13648
13746
|
{
|
|
13649
13747
|
href: "#",
|
|
13650
13748
|
className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary hover:text-agg-primary-hover",
|
|
13651
13749
|
children: [
|
|
13652
|
-
/* @__PURE__ */ (0,
|
|
13750
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)(PlaySquareIcon, { className: "h-4 w-4" }),
|
|
13653
13751
|
labels.onboarding.connectKalshiModal.help.tutorialLinkLabel
|
|
13654
13752
|
]
|
|
13655
13753
|
}
|
|
13656
13754
|
)
|
|
13657
13755
|
] })
|
|
13658
13756
|
] }),
|
|
13659
|
-
/* @__PURE__ */ (0,
|
|
13660
|
-
error ? /* @__PURE__ */ (0,
|
|
13661
|
-
/* @__PURE__ */ (0,
|
|
13662
|
-
/* @__PURE__ */ (0,
|
|
13757
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex flex-col gap-5 items-center", children: [
|
|
13758
|
+
error ? /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
13759
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
|
|
13760
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
|
|
13663
13761
|
] }) : null,
|
|
13664
|
-
/* @__PURE__ */ (0,
|
|
13665
|
-
/* @__PURE__ */ (0,
|
|
13666
|
-
/* @__PURE__ */ (0,
|
|
13762
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex items-center gap-3 justify-center", children: [
|
|
13763
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Button, { variant: "secondary", size: "large", onClick: handleCancel, children: labels.onboarding.connectKalshiModal.actions.cancel }),
|
|
13764
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
|
|
13667
13765
|
Button,
|
|
13668
13766
|
{
|
|
13669
13767
|
variant: "primary",
|
|
@@ -13687,7 +13785,7 @@ ConnectKalshiModal.displayName = "ConnectKalshiModal";
|
|
|
13687
13785
|
var import_react30 = require("react");
|
|
13688
13786
|
var import_hooks51 = require("@agg-market/hooks");
|
|
13689
13787
|
var Dialog3 = __toESM(require("@radix-ui/react-dialog"));
|
|
13690
|
-
var
|
|
13788
|
+
var import_jsx_runtime132 = require("react/jsx-runtime");
|
|
13691
13789
|
var ConnectOnchainModal = ({
|
|
13692
13790
|
open,
|
|
13693
13791
|
onOpenChange,
|
|
@@ -13724,15 +13822,15 @@ var ConnectOnchainModal = ({
|
|
|
13724
13822
|
},
|
|
13725
13823
|
[onOpenChange]
|
|
13726
13824
|
);
|
|
13727
|
-
return /* @__PURE__ */ (0,
|
|
13825
|
+
return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
|
|
13728
13826
|
Modal.Container,
|
|
13729
13827
|
{
|
|
13730
13828
|
maxWidth: "600px",
|
|
13731
13829
|
"aria-label": labels.onboarding.connectOnchainModal.ariaLabel,
|
|
13732
13830
|
classNames: { container: "!rounded-agg-lg" },
|
|
13733
13831
|
children: [
|
|
13734
|
-
/* @__PURE__ */ (0,
|
|
13735
|
-
/* @__PURE__ */ (0,
|
|
13832
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Dialog3.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
|
|
13833
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
|
|
13736
13834
|
Modal.Header,
|
|
13737
13835
|
{
|
|
13738
13836
|
hideClose: false,
|
|
@@ -13743,26 +13841,26 @@ var ConnectOnchainModal = ({
|
|
|
13743
13841
|
}
|
|
13744
13842
|
}
|
|
13745
13843
|
),
|
|
13746
|
-
/* @__PURE__ */ (0,
|
|
13747
|
-
/* @__PURE__ */ (0,
|
|
13748
|
-
/* @__PURE__ */ (0,
|
|
13749
|
-
/* @__PURE__ */ (0,
|
|
13844
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
|
|
13845
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
|
|
13846
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
|
|
13847
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("p", { className: "text-agg-base text-center leading-agg-6 text-agg-foreground whitespace-pre-line", children: labels.onboarding.connectOnchainModal.description })
|
|
13750
13848
|
] }),
|
|
13751
|
-
/* @__PURE__ */ (0,
|
|
13752
|
-
/* @__PURE__ */ (0,
|
|
13753
|
-
/* @__PURE__ */ (0,
|
|
13754
|
-
index > 0 && /* @__PURE__ */ (0,
|
|
13755
|
-
/* @__PURE__ */ (0,
|
|
13756
|
-
/* @__PURE__ */ (0,
|
|
13849
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex w-full flex-col items-center gap-4 rounded-agg-xl bg-agg-secondary-hover p-6", children: [
|
|
13850
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("p", { className: "text-agg-sm font-agg-bold uppercase leading-agg-5 text-agg-muted-foreground", children: labels.onboarding.connectOnchainModal.supportedVenuesLabel }),
|
|
13851
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.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_runtime132.jsxs)("div", { className: "flex items-center gap-[6px]", children: [
|
|
13852
|
+
index > 0 && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
|
|
13853
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)(VenueLogo, { venue, size: "medium" }),
|
|
13854
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
|
|
13757
13855
|
] }, venue)) })
|
|
13758
13856
|
] }),
|
|
13759
|
-
/* @__PURE__ */ (0,
|
|
13760
|
-
/* @__PURE__ */ (0,
|
|
13761
|
-
error ? /* @__PURE__ */ (0,
|
|
13762
|
-
/* @__PURE__ */ (0,
|
|
13763
|
-
/* @__PURE__ */ (0,
|
|
13857
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex flex-col gap-6 items-center", children: [
|
|
13858
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex flex-col gap-3 items-center", children: [
|
|
13859
|
+
error ? /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
13860
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
|
|
13861
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
|
|
13764
13862
|
] }) : null,
|
|
13765
|
-
/* @__PURE__ */ (0,
|
|
13863
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
|
|
13766
13864
|
Button,
|
|
13767
13865
|
{
|
|
13768
13866
|
variant: "primary",
|
|
@@ -13773,7 +13871,7 @@ var ConnectOnchainModal = ({
|
|
|
13773
13871
|
}
|
|
13774
13872
|
)
|
|
13775
13873
|
] }),
|
|
13776
|
-
/* @__PURE__ */ (0,
|
|
13874
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
|
|
13777
13875
|
Button,
|
|
13778
13876
|
{
|
|
13779
13877
|
variant: "tertiary",
|
|
@@ -13792,7 +13890,7 @@ var ConnectOnchainModal = ({
|
|
|
13792
13890
|
ConnectOnchainModal.displayName = "ConnectOnchainModal";
|
|
13793
13891
|
|
|
13794
13892
|
// src/onboarding/index.tsx
|
|
13795
|
-
var
|
|
13893
|
+
var import_jsx_runtime133 = require("react/jsx-runtime");
|
|
13796
13894
|
var OnboardingModal = ({
|
|
13797
13895
|
open,
|
|
13798
13896
|
onOpenChange,
|
|
@@ -13854,19 +13952,19 @@ var OnboardingModal = ({
|
|
|
13854
13952
|
}),
|
|
13855
13953
|
[onConnectKalshi]
|
|
13856
13954
|
);
|
|
13857
|
-
return /* @__PURE__ */ (0,
|
|
13858
|
-
/* @__PURE__ */ (0,
|
|
13955
|
+
return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_jsx_runtime133.Fragment, { children: [
|
|
13956
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
|
|
13859
13957
|
Modal.Container,
|
|
13860
13958
|
{
|
|
13861
13959
|
maxWidth: "600px",
|
|
13862
13960
|
"aria-label": resolvedTitle,
|
|
13863
13961
|
classNames: { container: "!rounded-agg-lg" },
|
|
13864
13962
|
children: [
|
|
13865
|
-
/* @__PURE__ */ (0,
|
|
13866
|
-
/* @__PURE__ */ (0,
|
|
13867
|
-
step === ONBOARDING_STEPS.HOW_IT_WORKS && /* @__PURE__ */ (0,
|
|
13868
|
-
step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ (0,
|
|
13869
|
-
step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ (0,
|
|
13963
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Dialog4.Title, { className: "sr-only", children: resolvedTitle }),
|
|
13964
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(Modal.Body, { classNames: { root: "px-5 py-6 sm:px-10 sm:py-8" }, children: [
|
|
13965
|
+
step === ONBOARDING_STEPS.HOW_IT_WORKS && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(HowItWorksStep, { onContinue: handleHowItWorksContinue, icons: howItWorksIcons }),
|
|
13966
|
+
step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(ProfileSetupStep, { onContinue: handleProfileContinue }),
|
|
13967
|
+
step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
|
|
13870
13968
|
ConnectAccountsStep,
|
|
13871
13969
|
{
|
|
13872
13970
|
onConnectOnchain: handleOpenOnchainModal,
|
|
@@ -13880,7 +13978,7 @@ var OnboardingModal = ({
|
|
|
13880
13978
|
]
|
|
13881
13979
|
}
|
|
13882
13980
|
) }),
|
|
13883
|
-
/* @__PURE__ */ (0,
|
|
13981
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
|
|
13884
13982
|
ConnectOnchainModal,
|
|
13885
13983
|
{
|
|
13886
13984
|
open: onchainModalOpen,
|
|
@@ -13888,7 +13986,7 @@ var OnboardingModal = ({
|
|
|
13888
13986
|
onConnect: handleOnchainConnect
|
|
13889
13987
|
}
|
|
13890
13988
|
),
|
|
13891
|
-
/* @__PURE__ */ (0,
|
|
13989
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
|
|
13892
13990
|
ConnectKalshiModal,
|
|
13893
13991
|
{
|
|
13894
13992
|
open: kalshiModalOpen,
|
|
@@ -13917,7 +14015,7 @@ var PROFILE_TAB_ITEMS = [
|
|
|
13917
14015
|
// src/profile/tabs/about-tab.tsx
|
|
13918
14016
|
var import_react32 = require("react");
|
|
13919
14017
|
var import_hooks53 = require("@agg-market/hooks");
|
|
13920
|
-
var
|
|
14018
|
+
var import_jsx_runtime134 = require("react/jsx-runtime");
|
|
13921
14019
|
var AboutTab = ({
|
|
13922
14020
|
avatarPreview,
|
|
13923
14021
|
onDeleteProfile: _onDeleteProfile,
|
|
@@ -13948,9 +14046,9 @@ var AboutTab = ({
|
|
|
13948
14046
|
);
|
|
13949
14047
|
const resolvedPreview = draftAvatarPreview != null ? draftAvatarPreview : avatarPreview;
|
|
13950
14048
|
const hasAvatarPreview = Boolean(resolvedPreview);
|
|
13951
|
-
return /* @__PURE__ */ (0,
|
|
13952
|
-
/* @__PURE__ */ (0,
|
|
13953
|
-
/* @__PURE__ */ (0,
|
|
14049
|
+
return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex flex-col gap-8", children: [
|
|
14050
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex justify-center", children: [
|
|
14051
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
|
|
13954
14052
|
"button",
|
|
13955
14053
|
{
|
|
13956
14054
|
type: "button",
|
|
@@ -13966,13 +14064,13 @@ var AboutTab = ({
|
|
|
13966
14064
|
),
|
|
13967
14065
|
"aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
|
|
13968
14066
|
children: [
|
|
13969
|
-
!hasAvatarPreview ? /* @__PURE__ */ (0,
|
|
14067
|
+
!hasAvatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
|
|
13970
14068
|
"svg",
|
|
13971
14069
|
{
|
|
13972
14070
|
"aria-hidden": true,
|
|
13973
14071
|
viewBox: "0 0 80 80",
|
|
13974
14072
|
className: "pointer-events-none absolute inset-0 h-full w-full text-agg-separator group-hover:text-agg-muted-foreground",
|
|
13975
|
-
children: /* @__PURE__ */ (0,
|
|
14073
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
|
|
13976
14074
|
"circle",
|
|
13977
14075
|
{
|
|
13978
14076
|
cx: "40",
|
|
@@ -13986,18 +14084,18 @@ var AboutTab = ({
|
|
|
13986
14084
|
)
|
|
13987
14085
|
}
|
|
13988
14086
|
) : null,
|
|
13989
|
-
resolvedPreview ? /* @__PURE__ */ (0,
|
|
14087
|
+
resolvedPreview ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
|
|
13990
14088
|
RemoteImage,
|
|
13991
14089
|
{
|
|
13992
14090
|
src: resolvedPreview,
|
|
13993
14091
|
alt: labels.onboarding.profileSetup.profilePreviewAlt,
|
|
13994
14092
|
className: "h-full w-full object-cover"
|
|
13995
14093
|
}
|
|
13996
|
-
) : /* @__PURE__ */ (0,
|
|
14094
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(ProfileIcon, { className: "h-8 w-8 text-agg-muted-foreground" })
|
|
13997
14095
|
]
|
|
13998
14096
|
}
|
|
13999
14097
|
),
|
|
14000
|
-
/* @__PURE__ */ (0,
|
|
14098
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
|
|
14001
14099
|
"input",
|
|
14002
14100
|
{
|
|
14003
14101
|
ref: fileInputRef,
|
|
@@ -14009,8 +14107,8 @@ var AboutTab = ({
|
|
|
14009
14107
|
}
|
|
14010
14108
|
)
|
|
14011
14109
|
] }),
|
|
14012
|
-
/* @__PURE__ */ (0,
|
|
14013
|
-
/* @__PURE__ */ (0,
|
|
14110
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
14111
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
|
|
14014
14112
|
"label",
|
|
14015
14113
|
{
|
|
14016
14114
|
htmlFor: "profile-username",
|
|
@@ -14018,7 +14116,7 @@ var AboutTab = ({
|
|
|
14018
14116
|
children: "Username"
|
|
14019
14117
|
}
|
|
14020
14118
|
),
|
|
14021
|
-
/* @__PURE__ */ (0,
|
|
14119
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
|
|
14022
14120
|
"input",
|
|
14023
14121
|
{
|
|
14024
14122
|
id: "profile-username",
|
|
@@ -14045,9 +14143,9 @@ var AboutTab = ({
|
|
|
14045
14143
|
AboutTab.displayName = "AboutTab";
|
|
14046
14144
|
|
|
14047
14145
|
// src/profile/tabs/accounts-wallets-tab.tsx
|
|
14048
|
-
var
|
|
14049
|
-
var SectionTitle = ({ children }) => /* @__PURE__ */ (0,
|
|
14050
|
-
var AccountRow = ({ children, className }) => /* @__PURE__ */ (0,
|
|
14146
|
+
var import_jsx_runtime135 = require("react/jsx-runtime");
|
|
14147
|
+
var SectionTitle = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
|
|
14148
|
+
var AccountRow = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
|
|
14051
14149
|
"div",
|
|
14052
14150
|
{
|
|
14053
14151
|
className: cn(
|
|
@@ -14059,7 +14157,7 @@ var AccountRow = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_run
|
|
|
14059
14157
|
children
|
|
14060
14158
|
}
|
|
14061
14159
|
);
|
|
14062
|
-
var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ (0,
|
|
14160
|
+
var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
|
|
14063
14161
|
"button",
|
|
14064
14162
|
{
|
|
14065
14163
|
type: "button",
|
|
@@ -14068,7 +14166,7 @@ var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime1
|
|
|
14068
14166
|
children: "Connect"
|
|
14069
14167
|
}
|
|
14070
14168
|
);
|
|
14071
|
-
var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ (0,
|
|
14169
|
+
var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
|
|
14072
14170
|
"button",
|
|
14073
14171
|
{
|
|
14074
14172
|
type: "button",
|
|
@@ -14091,19 +14189,19 @@ var AccountsWalletsTab = ({
|
|
|
14091
14189
|
onConnectEmail
|
|
14092
14190
|
}) => {
|
|
14093
14191
|
const twitter = socialAccounts == null ? void 0 : socialAccounts.twitter;
|
|
14094
|
-
return /* @__PURE__ */ (0,
|
|
14095
|
-
/* @__PURE__ */ (0,
|
|
14096
|
-
/* @__PURE__ */ (0,
|
|
14097
|
-
exchanges.length === 0 ? /* @__PURE__ */ (0,
|
|
14192
|
+
return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex flex-col gap-8", children: [
|
|
14193
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex flex-col gap-3", children: [
|
|
14194
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)(SectionTitle, { children: "Exchanges" }),
|
|
14195
|
+
exchanges.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-muted-foreground", children: "No exchange accounts connected." }) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "flex flex-col gap-2", children: exchanges.map((account) => {
|
|
14098
14196
|
var _a;
|
|
14099
14197
|
const displayName = (_a = venueLogoLabels[account.venue]) != null ? _a : account.venue;
|
|
14100
|
-
return /* @__PURE__ */ (0,
|
|
14101
|
-
/* @__PURE__ */ (0,
|
|
14102
|
-
/* @__PURE__ */ (0,
|
|
14103
|
-
/* @__PURE__ */ (0,
|
|
14104
|
-
/* @__PURE__ */ (0,
|
|
14105
|
-
/* @__PURE__ */ (0,
|
|
14106
|
-
account.verified ? /* @__PURE__ */ (0,
|
|
14198
|
+
return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(AccountRow, { children: [
|
|
14199
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex items-center gap-3 min-w-0", children: [
|
|
14200
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)(VenueLogo, { venue: account.venue, size: "small" }),
|
|
14201
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: displayName }),
|
|
14202
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex items-center gap-2 min-w-0", children: [
|
|
14203
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: account.displayAddress }),
|
|
14204
|
+
account.verified ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
|
|
14107
14205
|
Icon,
|
|
14108
14206
|
{
|
|
14109
14207
|
name: "check-badge",
|
|
@@ -14113,23 +14211,23 @@ var AccountsWalletsTab = ({
|
|
|
14113
14211
|
) : null
|
|
14114
14212
|
] })
|
|
14115
14213
|
] }),
|
|
14116
|
-
/* @__PURE__ */ (0,
|
|
14214
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)(DisconnectTextButton, { onClick: () => onDisconnectExchange(account.venue) })
|
|
14117
14215
|
] }, account.venue);
|
|
14118
14216
|
}) })
|
|
14119
14217
|
] }),
|
|
14120
|
-
/* @__PURE__ */ (0,
|
|
14121
|
-
/* @__PURE__ */ (0,
|
|
14122
|
-
/* @__PURE__ */ (0,
|
|
14123
|
-
/* @__PURE__ */ (0,
|
|
14124
|
-
/* @__PURE__ */ (0,
|
|
14125
|
-
/* @__PURE__ */ (0,
|
|
14218
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex flex-col gap-3", children: [
|
|
14219
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)(SectionTitle, { children: "Social Accounts" }),
|
|
14220
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(AccountRow, { children: [
|
|
14221
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
14222
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Icon, { name: "twitter", size: "small", color: "currentColor" }) }),
|
|
14223
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "X (Twitter)" })
|
|
14126
14224
|
] }),
|
|
14127
|
-
(twitter == null ? void 0 : twitter.connected) ? /* @__PURE__ */ (0,
|
|
14225
|
+
(twitter == null ? void 0 : twitter.connected) ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(DisconnectTextButton, { onClick: onDisconnectTwitter }) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(ConnectTextButton, { onClick: onConnectTwitter })
|
|
14128
14226
|
] }) })
|
|
14129
14227
|
] }),
|
|
14130
|
-
/* @__PURE__ */ (0,
|
|
14131
|
-
/* @__PURE__ */ (0,
|
|
14132
|
-
/* @__PURE__ */ (0,
|
|
14228
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex flex-col gap-3", children: [
|
|
14229
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)(SectionTitle, { children: "Email Address" }),
|
|
14230
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
|
|
14133
14231
|
"button",
|
|
14134
14232
|
{
|
|
14135
14233
|
type: "button",
|
|
@@ -14141,11 +14239,11 @@ var AccountsWalletsTab = ({
|
|
|
14141
14239
|
"cursor-pointer hover:bg-agg-secondary-hover"
|
|
14142
14240
|
),
|
|
14143
14241
|
children: [
|
|
14144
|
-
/* @__PURE__ */ (0,
|
|
14145
|
-
/* @__PURE__ */ (0,
|
|
14146
|
-
/* @__PURE__ */ (0,
|
|
14242
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
14243
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Icon, { name: "email", size: "small", color: "currentColor" }) }),
|
|
14244
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: email != null ? email : "Connect email" })
|
|
14147
14245
|
] }),
|
|
14148
|
-
/* @__PURE__ */ (0,
|
|
14246
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
|
|
14149
14247
|
]
|
|
14150
14248
|
}
|
|
14151
14249
|
)
|
|
@@ -14155,7 +14253,7 @@ var AccountsWalletsTab = ({
|
|
|
14155
14253
|
AccountsWalletsTab.displayName = "AccountsWalletsTab";
|
|
14156
14254
|
|
|
14157
14255
|
// src/profile/index.tsx
|
|
14158
|
-
var
|
|
14256
|
+
var import_jsx_runtime136 = require("react/jsx-runtime");
|
|
14159
14257
|
var ProfileModal = ({
|
|
14160
14258
|
open,
|
|
14161
14259
|
onOpenChange,
|
|
@@ -14321,13 +14419,13 @@ var ProfileModal = ({
|
|
|
14321
14419
|
}),
|
|
14322
14420
|
[handleConnectEmail, handleConnectTwitter, handleDisconnectTwitter]
|
|
14323
14421
|
);
|
|
14324
|
-
return /* @__PURE__ */ (0,
|
|
14325
|
-
/* @__PURE__ */ (0,
|
|
14326
|
-
/* @__PURE__ */ (0,
|
|
14327
|
-
/* @__PURE__ */ (0,
|
|
14328
|
-
/* @__PURE__ */ (0,
|
|
14422
|
+
return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(Modal.Container, { maxWidth: "800px", "aria-label": "Edit Profile", children: [
|
|
14423
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Modal.Header, { title: "Edit Profile" }),
|
|
14424
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Modal.Body, { children: /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "flex flex-col sm:flex-row sm:gap-10", children: [
|
|
14425
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "shrink-0", children: [
|
|
14426
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "flex gap-2 sm:hidden mb-6", children: PROFILE_TAB_ITEMS.map((tab) => {
|
|
14329
14427
|
const isActive = activeTab === tab.value;
|
|
14330
|
-
return /* @__PURE__ */ (0,
|
|
14428
|
+
return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
|
|
14331
14429
|
"button",
|
|
14332
14430
|
{
|
|
14333
14431
|
type: "button",
|
|
@@ -14340,14 +14438,14 @@ var ProfileModal = ({
|
|
|
14340
14438
|
isActive ? "font-agg-normal text-agg-foreground bg-agg-secondary-hover border-agg-primary" : "font-agg-normal text-agg-foreground border-transparent"
|
|
14341
14439
|
),
|
|
14342
14440
|
children: [
|
|
14343
|
-
/* @__PURE__ */ (0,
|
|
14344
|
-
/* @__PURE__ */ (0,
|
|
14441
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
|
|
14442
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { className: "whitespace-nowrap", children: tab.label })
|
|
14345
14443
|
]
|
|
14346
14444
|
},
|
|
14347
14445
|
tab.value
|
|
14348
14446
|
);
|
|
14349
14447
|
}) }),
|
|
14350
|
-
/* @__PURE__ */ (0,
|
|
14448
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
|
|
14351
14449
|
"nav",
|
|
14352
14450
|
{
|
|
14353
14451
|
className: cn(
|
|
@@ -14362,7 +14460,7 @@ var ProfileModal = ({
|
|
|
14362
14460
|
"aria-label": "Profile sections",
|
|
14363
14461
|
children: PROFILE_TAB_ITEMS.map((tab) => {
|
|
14364
14462
|
const isActive = activeTab === tab.value;
|
|
14365
|
-
return /* @__PURE__ */ (0,
|
|
14463
|
+
return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
|
|
14366
14464
|
"button",
|
|
14367
14465
|
{
|
|
14368
14466
|
type: "button",
|
|
@@ -14377,9 +14475,9 @@ var ProfileModal = ({
|
|
|
14377
14475
|
isActive ? "font-agg-normal text-agg-foreground bg-agg-secondary-hover" : "font-agg-normal text-agg-foreground"
|
|
14378
14476
|
),
|
|
14379
14477
|
children: [
|
|
14380
|
-
isActive ? /* @__PURE__ */ (0,
|
|
14381
|
-
/* @__PURE__ */ (0,
|
|
14382
|
-
/* @__PURE__ */ (0,
|
|
14478
|
+
isActive ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
|
|
14479
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
|
|
14480
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
|
|
14383
14481
|
]
|
|
14384
14482
|
},
|
|
14385
14483
|
tab.value
|
|
@@ -14388,8 +14486,8 @@ var ProfileModal = ({
|
|
|
14388
14486
|
}
|
|
14389
14487
|
)
|
|
14390
14488
|
] }),
|
|
14391
|
-
/* @__PURE__ */ (0,
|
|
14392
|
-
activeTab === PROFILE_TAB_KEYS.ABOUT ? /* @__PURE__ */ (0,
|
|
14489
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "min-w-0 flex-1", children: [
|
|
14490
|
+
activeTab === PROFILE_TAB_KEYS.ABOUT ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
|
|
14393
14491
|
AboutTab,
|
|
14394
14492
|
{
|
|
14395
14493
|
username,
|
|
@@ -14402,7 +14500,7 @@ var ProfileModal = ({
|
|
|
14402
14500
|
draftAvatarPreview
|
|
14403
14501
|
}
|
|
14404
14502
|
) : null,
|
|
14405
|
-
activeTab === PROFILE_TAB_KEYS.ACCOUNTS_WALLETS ? /* @__PURE__ */ (0,
|
|
14503
|
+
activeTab === PROFILE_TAB_KEYS.ACCOUNTS_WALLETS ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
|
|
14406
14504
|
AccountsWalletsTab,
|
|
14407
14505
|
{
|
|
14408
14506
|
exchanges,
|
|
@@ -14420,9 +14518,9 @@ var ProfileModal = ({
|
|
|
14420
14518
|
) : null
|
|
14421
14519
|
] })
|
|
14422
14520
|
] }) }),
|
|
14423
|
-
/* @__PURE__ */ (0,
|
|
14424
|
-
/* @__PURE__ */ (0,
|
|
14425
|
-
/* @__PURE__ */ (0,
|
|
14521
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(Modal.Footer, { children: [
|
|
14522
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
|
|
14523
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
|
|
14426
14524
|
Button,
|
|
14427
14525
|
{
|
|
14428
14526
|
variant: "primary",
|