@gearbox-protocol/ui-kit 3.14.0-next.34 → 3.14.0-next.35
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/cjs/components/assets-list-cell/assets-list-cell.cjs +1 -1
- package/dist/cjs/components/block-sync/block-sync.cjs +1 -1
- package/dist/cjs/components/block-sync-pill/block-sync-pill.cjs +1 -1
- package/dist/cjs/components/checkbox/checkbox-labeled.cjs +1 -1
- package/dist/cjs/components/client-adapters/styled-rounded-image/styled-rounded-image.cjs +1 -1
- package/dist/cjs/components/complex-input/complex-input.cjs +1 -1
- package/dist/cjs/components/composites/credit-account-history/body.cjs +1 -0
- package/dist/cjs/components/composites/credit-account-history/cells/details.cjs +1 -0
- package/dist/cjs/components/composites/credit-account-history/cells/hash.cjs +1 -0
- package/dist/cjs/components/composites/credit-account-history/cells/index.cjs +1 -0
- package/dist/cjs/components/composites/credit-account-history/cells/protocol.cjs +1 -0
- package/dist/cjs/components/composites/credit-account-history/cells/token-list.cjs +1 -0
- package/dist/cjs/components/composites/credit-account-history/credit-account-history.cjs +1 -0
- package/dist/cjs/components/composites/credit-account-history/index.cjs +1 -0
- package/dist/cjs/components/composites/credit-account-history/line.cjs +1 -0
- package/dist/cjs/components/composites/credit-account-history/types.cjs +1 -0
- package/dist/cjs/components/composites/index.cjs +1 -1
- package/dist/cjs/components/composites/pool-table/columns.cjs +1 -1
- package/dist/cjs/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.cjs +1 -1
- package/dist/cjs/components/composites/tx-preview/confirm/preview/OperationPreviewContent.cjs +1 -1
- package/dist/cjs/components/composites/tx-preview/operations/OperationsCard.cjs +1 -1
- package/dist/cjs/components/composites/tx-preview/operations/PoolDepositView.cjs +1 -1
- package/dist/cjs/components/composites/tx-preview/operations/PoolWithdrawView.cjs +1 -1
- package/dist/cjs/components/composites/tx-preview/state-change/BalanceChangeGroup.cjs +1 -1
- package/dist/cjs/components/composites/tx-preview/state-change/StateChangeCard.cjs +1 -1
- package/dist/cjs/components/compound-apy/compound-apy.cjs +1 -1
- package/dist/cjs/components/detailed-page-title/detailed-page-title.cjs +1 -1
- package/dist/cjs/components/graph/formatters.cjs +1 -1
- package/dist/cjs/components/graph/graph.cjs +1 -1
- package/dist/cjs/components/graph/index.cjs +1 -1
- package/dist/cjs/components/index.cjs +1 -1
- package/dist/cjs/components/markdown-viewer/markdown-viewer.cjs +1 -1
- package/dist/cjs/components/time-to-liquidation/time-to-liquidation.cjs +1 -1
- package/dist/cjs/components/tokens-list-cell/tokens-list-cell.cjs +1 -1
- package/dist/cjs/components/trading-view/trading-view.cjs +1 -1
- package/dist/cjs/components/with-copy/with-copy.cjs +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/cjs/locale/en.json.cjs +1 -1
- package/dist/esm/components/assets-list-cell/assets-list-cell.js +3 -2
- package/dist/esm/components/block-sync/block-sync.js +3 -2
- package/dist/esm/components/block-sync-pill/block-sync-pill.js +3 -2
- package/dist/esm/components/checkbox/checkbox-labeled.js +1 -0
- package/dist/esm/components/client-adapters/styled-rounded-image/styled-rounded-image.js +1 -0
- package/dist/esm/components/complex-input/complex-input.js +3 -2
- package/dist/esm/components/composites/credit-account-history/body.js +73 -0
- package/dist/esm/components/composites/credit-account-history/cells/details.js +22 -0
- package/dist/esm/components/composites/credit-account-history/cells/hash.js +24 -0
- package/dist/esm/components/composites/credit-account-history/cells/index.js +10 -0
- package/dist/esm/components/composites/credit-account-history/cells/protocol.js +25 -0
- package/dist/esm/components/composites/credit-account-history/cells/token-list.js +43 -0
- package/dist/esm/components/composites/credit-account-history/credit-account-history.js +46 -0
- package/dist/esm/components/composites/credit-account-history/index.js +8 -0
- package/dist/esm/components/composites/credit-account-history/line.js +125 -0
- package/dist/esm/components/composites/credit-account-history/types.js +9 -0
- package/dist/esm/components/composites/index.js +85 -79
- package/dist/esm/components/composites/pool-table/columns.js +19 -18
- package/dist/esm/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.js +3 -2
- package/dist/esm/components/composites/tx-preview/confirm/preview/OperationPreviewContent.js +3 -2
- package/dist/esm/components/composites/tx-preview/operations/OperationsCard.js +3 -2
- package/dist/esm/components/composites/tx-preview/operations/PoolDepositView.js +3 -2
- package/dist/esm/components/composites/tx-preview/operations/PoolWithdrawView.js +3 -2
- package/dist/esm/components/composites/tx-preview/state-change/BalanceChangeGroup.js +3 -2
- package/dist/esm/components/composites/tx-preview/state-change/StateChangeCard.js +3 -2
- package/dist/esm/components/compound-apy/compound-apy.js +3 -2
- package/dist/esm/components/detailed-page-title/detailed-page-title.js +1 -0
- package/dist/esm/components/graph/formatters.js +48 -47
- package/dist/esm/components/graph/graph.js +491 -435
- package/dist/esm/components/graph/index.js +19 -18
- package/dist/esm/components/index.js +687 -680
- package/dist/esm/components/markdown-viewer/markdown-viewer.js +3 -2
- package/dist/esm/components/time-to-liquidation/time-to-liquidation.js +1 -0
- package/dist/esm/components/tokens-list-cell/tokens-list-cell.js +3 -2
- package/dist/esm/components/trading-view/trading-view.js +164 -147
- package/dist/esm/components/with-copy/with-copy.js +3 -2
- package/dist/esm/index.js +855 -848
- package/dist/esm/locale/en.json.js +3 -0
- package/dist/globals.css +1 -1
- package/dist/types/components/composites/credit-account-history/body.d.ts +14 -0
- package/dist/types/components/composites/credit-account-history/cells/details.d.ts +9 -0
- package/dist/types/components/composites/credit-account-history/cells/hash.d.ts +6 -0
- package/dist/types/components/composites/credit-account-history/cells/index.d.ts +4 -0
- package/dist/types/components/composites/credit-account-history/cells/protocol.d.ts +7 -0
- package/dist/types/components/composites/credit-account-history/cells/token-list.d.ts +9 -0
- package/dist/types/components/composites/credit-account-history/credit-account-history.d.ts +15 -0
- package/dist/types/components/composites/credit-account-history/index.d.ts +2 -0
- package/dist/types/components/composites/credit-account-history/line.d.ts +18 -0
- package/dist/types/components/composites/credit-account-history/types.d.ts +36 -0
- package/dist/types/components/composites/index.d.ts +1 -0
- package/dist/types/components/graph/graph.d.ts +40 -3
- package/dist/types/components/graph/index.d.ts +1 -1
- package/dist/types/components/trading-view/trading-view.d.ts +15 -1
- package/dist/types/locale/en.json.d.ts +4 -0
- package/package.json +2 -2
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { jsxs as s, jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import { IconExpand as i } from "@gearbox-protocol/static";
|
|
3
|
+
import { TokenList as t } from "./token-list.js";
|
|
4
|
+
function d({
|
|
5
|
+
data: { from: r, leverage: l, to: e },
|
|
6
|
+
tokensList: m
|
|
7
|
+
}) {
|
|
8
|
+
return /* @__PURE__ */ s("div", { className: "flex items-center gap-1 sm:gap-2 flex-col md:flex-row", children: [
|
|
9
|
+
/* @__PURE__ */ a("div", { className: "min-w-0 flex-shrink", children: /* @__PURE__ */ a(t, { data: r, tokensList: m }) }),
|
|
10
|
+
e && /* @__PURE__ */ s("div", { className: "relative mx-1 sm:mx-[20px] sm:mr-[26px] flex-shrink-0", children: [
|
|
11
|
+
l && /* @__PURE__ */ s("div", { className: "absolute left-1/2 -translate-x-1/2 -translate-y-[calc(50%+4px)] sm:-translate-y-[calc(50%+6px)] text-[10px] sm:text-xs font-bold", children: [
|
|
12
|
+
"x",
|
|
13
|
+
l
|
|
14
|
+
] }),
|
|
15
|
+
/* @__PURE__ */ a("div", { className: "md:-rotate-90 rotate-0", children: /* @__PURE__ */ a(i, { size: 10, className: "sm:w-3 sm:h-3" }) })
|
|
16
|
+
] }),
|
|
17
|
+
e && /* @__PURE__ */ a("div", { className: "min-w-0 flex-shrink", children: /* @__PURE__ */ a(t, { data: e, tokensList: m }) })
|
|
18
|
+
] });
|
|
19
|
+
}
|
|
20
|
+
export {
|
|
21
|
+
d as Details
|
|
22
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { jsxs as t, jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import { shortAddress as m } from "@gearbox-protocol/sdk";
|
|
3
|
+
import { IconExternal as n } from "@gearbox-protocol/static";
|
|
4
|
+
import { BaseLink as i } from "../../../base-link/base-link.js";
|
|
5
|
+
function c({
|
|
6
|
+
txHash: e,
|
|
7
|
+
etherscanAddress: r
|
|
8
|
+
}) {
|
|
9
|
+
return /* @__PURE__ */ t(
|
|
10
|
+
i,
|
|
11
|
+
{
|
|
12
|
+
href: `${r}/tx/${e}`,
|
|
13
|
+
external: !0,
|
|
14
|
+
className: "inline-flex items-center gap-0.5 sm:gap-1 text-xs sm:text-sm",
|
|
15
|
+
children: [
|
|
16
|
+
/* @__PURE__ */ s("span", { className: "truncate", children: m(e) }),
|
|
17
|
+
/* @__PURE__ */ s(n, { size: 12, className: "flex-shrink-0 sm:size-3" })
|
|
18
|
+
]
|
|
19
|
+
}
|
|
20
|
+
);
|
|
21
|
+
}
|
|
22
|
+
export {
|
|
23
|
+
c as Hash
|
|
24
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Details as t } from "./details.js";
|
|
2
|
+
import { Hash as f } from "./hash.js";
|
|
3
|
+
import { Protocol as p } from "./protocol.js";
|
|
4
|
+
import { TokenList as s } from "./token-list.js";
|
|
5
|
+
export {
|
|
6
|
+
t as Details,
|
|
7
|
+
f as Hash,
|
|
8
|
+
p as Protocol,
|
|
9
|
+
s as TokenList
|
|
10
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { jsxs as i, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { IconArrowUnderlying as t, getStatic as l } from "@gearbox-protocol/static";
|
|
3
|
+
import { Image as c } from "../../../image/image.js";
|
|
4
|
+
function x({
|
|
5
|
+
isUnderlying: s,
|
|
6
|
+
protocol: { icon: m, name: r }
|
|
7
|
+
}) {
|
|
8
|
+
return /* @__PURE__ */ i("div", { className: "inline-flex items-center", children: [
|
|
9
|
+
s && /* @__PURE__ */ e("div", { className: "mr-1 sm:mr-2 inline-block text-gray-400", children: /* @__PURE__ */ e(t, { size: 10, className: "sm:w-3 sm:h-3" }) }),
|
|
10
|
+
/* @__PURE__ */ e("div", { className: "mr-1 sm:mr-1.5 inline-flex w-[20px] h-[20px] sm:w-[29px] sm:h-[29px] justify-center items-center bg-black rounded-full", children: /* @__PURE__ */ e(
|
|
11
|
+
c,
|
|
12
|
+
{
|
|
13
|
+
src: l(m),
|
|
14
|
+
alt: r,
|
|
15
|
+
width: 18,
|
|
16
|
+
height: 18,
|
|
17
|
+
className: "max-w-[12px] h-[12px] sm:max-w-[18px] sm:h-[18px]"
|
|
18
|
+
}
|
|
19
|
+
) }),
|
|
20
|
+
/* @__PURE__ */ e("span", { className: "truncate", children: r })
|
|
21
|
+
] });
|
|
22
|
+
}
|
|
23
|
+
export {
|
|
24
|
+
x as Protocol
|
|
25
|
+
};
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { jsx as e, jsxs as l } from "react/jsx-runtime";
|
|
2
|
+
import { shortAddress as s } from "@gearbox-protocol/sdk";
|
|
3
|
+
import { ShortString as p } from "../../../short-string/short-string.js";
|
|
4
|
+
import { TokenSymbol as h } from "../../../token-symbol/token-symbol.js";
|
|
5
|
+
import "../../../tooltip/simple-tooltip.js";
|
|
6
|
+
import { TooltipProvider as f, Tooltip as g, TooltipTrigger as u, TooltipContent as N } from "../../../tooltip/tooltip.js";
|
|
7
|
+
import { useIsMobile as v } from "../../../../hooks/use-media-query.js";
|
|
8
|
+
import { ZERO_ADDRESS as n } from "../types.js";
|
|
9
|
+
function b({
|
|
10
|
+
data: a,
|
|
11
|
+
tokensList: x
|
|
12
|
+
}) {
|
|
13
|
+
const r = v();
|
|
14
|
+
return /* @__PURE__ */ e("div", { className: "flex flex-col gap-1 sm:gap-2", children: a.map(({ token: t, description: o, account: i }) => {
|
|
15
|
+
const c = (t || n).toLowerCase(), m = x[c], d = `${t || n}-${i || ""}`;
|
|
16
|
+
return /* @__PURE__ */ l("div", { className: "flex items-center min-w-0", children: [
|
|
17
|
+
/* @__PURE__ */ e("div", { className: "mr-1 sm:mr-1.5 flex-shrink-0", children: i ? /* @__PURE__ */ e("span", { className: "text-[10px] text-muted-foreground", children: s(i) }) : /* @__PURE__ */ e(
|
|
18
|
+
h,
|
|
19
|
+
{
|
|
20
|
+
maxLength: r ? 6 : 12,
|
|
21
|
+
token: m,
|
|
22
|
+
size: r ? 20 : 29
|
|
23
|
+
}
|
|
24
|
+
) }),
|
|
25
|
+
/* @__PURE__ */ l("div", { className: "flex-1 min-w-0", children: [
|
|
26
|
+
o && /* @__PURE__ */ e(
|
|
27
|
+
"div",
|
|
28
|
+
{
|
|
29
|
+
className: i ? "text-[9px] sm:text-[10px]" : "text-[10px] sm:text-xs",
|
|
30
|
+
children: o
|
|
31
|
+
}
|
|
32
|
+
),
|
|
33
|
+
m ? /* @__PURE__ */ e("div", { className: "text-[11px] sm:text-sm leading-tight sm:leading-[18px] truncate", children: /* @__PURE__ */ e(p, { maxLength: r ? 6 : 12, children: m.title }) }) : t && /* @__PURE__ */ e(f, { delayDuration: 0, children: /* @__PURE__ */ l(g, { children: [
|
|
34
|
+
/* @__PURE__ */ e(u, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "text-[11px] sm:text-sm leading-tight sm:leading-[18px] truncate text-muted-foreground cursor-help", children: s(t) }) }),
|
|
35
|
+
/* @__PURE__ */ e(N, { className: "text-xs", children: t })
|
|
36
|
+
] }) })
|
|
37
|
+
] })
|
|
38
|
+
] }, d);
|
|
39
|
+
}) });
|
|
40
|
+
}
|
|
41
|
+
export {
|
|
42
|
+
b as TokenList
|
|
43
|
+
};
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { jsxs as c, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { memo as p } from "react";
|
|
3
|
+
import { GridTable as h, GridTableHeader as x, GridTableRow as b, GridTableHead as r, GridTableBody as u } from "../../table/grid-table.js";
|
|
4
|
+
import { TableLoaderGuard as y } from "../../table/table-loader-guard.js";
|
|
5
|
+
import { FormattedMessageTyped as s } from "../../typed-intl/index.js";
|
|
6
|
+
import { useIsMobile as f } from "../../../hooks/use-media-query.js";
|
|
7
|
+
import { HistoryBody as H } from "./body.js";
|
|
8
|
+
const B = p(function({
|
|
9
|
+
dataList: m,
|
|
10
|
+
creditManager: o,
|
|
11
|
+
tokens: i,
|
|
12
|
+
protocols: d,
|
|
13
|
+
isLoading: l = !1,
|
|
14
|
+
explorerUrl: n
|
|
15
|
+
}) {
|
|
16
|
+
const a = l || !o || Object.keys(i).length === 0, t = f();
|
|
17
|
+
return /* @__PURE__ */ c(h, { cols: t ? 1 : 3, children: [
|
|
18
|
+
!t && /* @__PURE__ */ e(x, { children: /* @__PURE__ */ c(b, { noHover: !0, children: [
|
|
19
|
+
/* @__PURE__ */ e(r, { className: "text-xs sm:text-sm", children: /* @__PURE__ */ e(s, { messageId: "components.creditAccountHistory.table.protocol" }) }),
|
|
20
|
+
/* @__PURE__ */ e(r, { className: "text-xs sm:text-sm", children: /* @__PURE__ */ e(s, { messageId: "components.creditAccountHistory.table.operation" }) }),
|
|
21
|
+
/* @__PURE__ */ e(r, { className: "text-xs sm:text-sm", children: /* @__PURE__ */ e(s, { messageId: "components.creditAccountHistory.table.details" }) })
|
|
22
|
+
] }) }),
|
|
23
|
+
/* @__PURE__ */ e(
|
|
24
|
+
y,
|
|
25
|
+
{
|
|
26
|
+
showGuard: a,
|
|
27
|
+
rows: 5,
|
|
28
|
+
columns: t ? 1 : 3,
|
|
29
|
+
height: "40px",
|
|
30
|
+
children: o && /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(
|
|
31
|
+
H,
|
|
32
|
+
{
|
|
33
|
+
dataList: m,
|
|
34
|
+
creditManager: o,
|
|
35
|
+
tokens: i,
|
|
36
|
+
protocols: d,
|
|
37
|
+
explorerUrl: n
|
|
38
|
+
}
|
|
39
|
+
) })
|
|
40
|
+
}
|
|
41
|
+
)
|
|
42
|
+
] });
|
|
43
|
+
});
|
|
44
|
+
export {
|
|
45
|
+
B as CreditAccountHistory
|
|
46
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { CreditAccountHistory as t } from "./credit-account-history.js";
|
|
2
|
+
import { GEARBOX_PROTOCOL_INFO as i, ZERO_ADDRESS as e, isMulticallOperation as R } from "./types.js";
|
|
3
|
+
export {
|
|
4
|
+
t as CreditAccountHistory,
|
|
5
|
+
i as GEARBOX_PROTOCOL_INFO,
|
|
6
|
+
e as ZERO_ADDRESS,
|
|
7
|
+
R as isMulticallOperation
|
|
8
|
+
};
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
import { jsxs as o, Fragment as a, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { formatLeverage as C } from "@gearbox-protocol/sdk";
|
|
3
|
+
import { GridTableRow as l, GridTableCell as s } from "../../table/grid-table.js";
|
|
4
|
+
import { TableLineSm as I, TableCellSm as p } from "../../table/table-sm.js";
|
|
5
|
+
import { FormattedMessageTyped as d } from "../../typed-intl/index.js";
|
|
6
|
+
import { useIsMobile as M } from "../../../hooks/use-media-query.js";
|
|
7
|
+
import "react";
|
|
8
|
+
import { cn as n } from "../../../utils/cn.js";
|
|
9
|
+
import "sonner";
|
|
10
|
+
import "@gearbox-protocol/sdk/common-utils";
|
|
11
|
+
import { tokenTemplate as R } from "../../../utils/templates.js";
|
|
12
|
+
import "luxon";
|
|
13
|
+
import "../../../utils/z-index.js";
|
|
14
|
+
import { Details as j } from "./cells/details.js";
|
|
15
|
+
import { Hash as O } from "./cells/hash.js";
|
|
16
|
+
import { Protocol as D } from "./cells/protocol.js";
|
|
17
|
+
import "../../tooltip/simple-tooltip.js";
|
|
18
|
+
import "../../tooltip/tooltip.js";
|
|
19
|
+
import "../../token-symbol/token-symbol.js";
|
|
20
|
+
import { GEARBOX_PROTOCOL_INFO as F, isMulticallOperation as G } from "./types.js";
|
|
21
|
+
function oe({
|
|
22
|
+
data: t,
|
|
23
|
+
details: T,
|
|
24
|
+
tokens: h,
|
|
25
|
+
protocols: y,
|
|
26
|
+
hideBorder: m,
|
|
27
|
+
index: f,
|
|
28
|
+
underlyingToken: A,
|
|
29
|
+
explorerUrl: i
|
|
30
|
+
}) {
|
|
31
|
+
const L = M(), u = y?.[t.protocol.toLowerCase()] || F, c = G(t), r = f.index === 0, x = r && f.outOf === 0 || !r, b = () => {
|
|
32
|
+
if (t.operationType === "OpenCreditAccount") {
|
|
33
|
+
const v = t, w = h[A];
|
|
34
|
+
return /* @__PURE__ */ o(a, { children: [
|
|
35
|
+
" ",
|
|
36
|
+
"(",
|
|
37
|
+
R(v.from, w),
|
|
38
|
+
" ",
|
|
39
|
+
">",
|
|
40
|
+
" x",
|
|
41
|
+
C(v.leverage),
|
|
42
|
+
")"
|
|
43
|
+
] });
|
|
44
|
+
}
|
|
45
|
+
return null;
|
|
46
|
+
}, N = () => u && /* @__PURE__ */ e(D, { isUnderlying: !r, protocol: u }), g = () => c ? null : t.operation, H = () => /* @__PURE__ */ e(j, { tokensList: h, data: T });
|
|
47
|
+
return L ? /* @__PURE__ */ o(a, { children: [
|
|
48
|
+
r && /* @__PURE__ */ e(l, { noHover: !0, children: /* @__PURE__ */ e(s, { span: "full", className: "pb-2 pt-4", children: /* @__PURE__ */ o("div", { className: "flex flex-col gap-1", children: [
|
|
49
|
+
/* @__PURE__ */ o("div", { className: "text-xs", children: [
|
|
50
|
+
t.date,
|
|
51
|
+
" ",
|
|
52
|
+
t.time,
|
|
53
|
+
c && ` - ${t.operation}`,
|
|
54
|
+
b()
|
|
55
|
+
] }),
|
|
56
|
+
i && /* @__PURE__ */ e(O, { txHash: t.txHash, etherscanAddress: i })
|
|
57
|
+
] }) }) }),
|
|
58
|
+
x && /* @__PURE__ */ e(
|
|
59
|
+
l,
|
|
60
|
+
{
|
|
61
|
+
noHover: !0,
|
|
62
|
+
className: n(m && "[&>*]:!border-b-0"),
|
|
63
|
+
children: /* @__PURE__ */ e(s, { span: "full", className: n(!r && "pl-4"), children: /* @__PURE__ */ o(I, { columns: 3, columnsXs: 2, columnsSm: 3, children: [
|
|
64
|
+
/* @__PURE__ */ e(
|
|
65
|
+
p,
|
|
66
|
+
{
|
|
67
|
+
title: /* @__PURE__ */ e(d, { messageId: "components.creditAccountHistory.table.protocol" }),
|
|
68
|
+
children: N()
|
|
69
|
+
}
|
|
70
|
+
),
|
|
71
|
+
/* @__PURE__ */ e(
|
|
72
|
+
p,
|
|
73
|
+
{
|
|
74
|
+
title: /* @__PURE__ */ e(d, { messageId: "components.creditAccountHistory.table.operation" }),
|
|
75
|
+
children: g()
|
|
76
|
+
}
|
|
77
|
+
),
|
|
78
|
+
/* @__PURE__ */ e(
|
|
79
|
+
p,
|
|
80
|
+
{
|
|
81
|
+
title: /* @__PURE__ */ e(d, { messageId: "components.creditAccountHistory.table.details" }),
|
|
82
|
+
className: "items-start",
|
|
83
|
+
children: H()
|
|
84
|
+
}
|
|
85
|
+
)
|
|
86
|
+
] }) })
|
|
87
|
+
}
|
|
88
|
+
)
|
|
89
|
+
] }) : /* @__PURE__ */ o(a, { children: [
|
|
90
|
+
r && /* @__PURE__ */ e(l, { noHover: !0, children: /* @__PURE__ */ e(s, { span: "full", className: "pb-2 pt-4", children: /* @__PURE__ */ o("div", { className: "flex flex-col sm:flex-row justify-between sm:items-center gap-1 sm:gap-0", children: [
|
|
91
|
+
/* @__PURE__ */ o("div", { className: "text-xs sm:text-sm", children: [
|
|
92
|
+
t.date,
|
|
93
|
+
" ",
|
|
94
|
+
t.time,
|
|
95
|
+
c && ` - ${t.operation}`,
|
|
96
|
+
b()
|
|
97
|
+
] }),
|
|
98
|
+
i && /* @__PURE__ */ e(O, { txHash: t.txHash, etherscanAddress: i })
|
|
99
|
+
] }) }) }),
|
|
100
|
+
x && /* @__PURE__ */ o(
|
|
101
|
+
l,
|
|
102
|
+
{
|
|
103
|
+
className: n(
|
|
104
|
+
!r && !m && "[&>*]:!border-t-0",
|
|
105
|
+
m && "[&>*]:!border-b-0",
|
|
106
|
+
"hover:[&>*]:bg-transparent"
|
|
107
|
+
),
|
|
108
|
+
children: [
|
|
109
|
+
/* @__PURE__ */ e(
|
|
110
|
+
s,
|
|
111
|
+
{
|
|
112
|
+
className: n(r ? "" : "pl-8 sm:pl-4", "text-xs sm:text-sm"),
|
|
113
|
+
children: N()
|
|
114
|
+
}
|
|
115
|
+
),
|
|
116
|
+
/* @__PURE__ */ e(s, { className: "text-xs sm:text-sm", children: g() }),
|
|
117
|
+
/* @__PURE__ */ e(s, { className: "text-xs sm:text-sm", children: H() })
|
|
118
|
+
]
|
|
119
|
+
}
|
|
120
|
+
)
|
|
121
|
+
] });
|
|
122
|
+
}
|
|
123
|
+
export {
|
|
124
|
+
oe as HistoryLine
|
|
125
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
const l = "0x0000000000000000000000000000000000000000", t = {
|
|
2
|
+
name: "Gearbox",
|
|
3
|
+
icon: "/logo/logo_symbol.png"
|
|
4
|
+
}, c = (o) => typeof o == "object" && !!o && !!o.multicall;
|
|
5
|
+
export {
|
|
6
|
+
t as GEARBOX_PROTOCOL_INFO,
|
|
7
|
+
l as ZERO_ADDRESS,
|
|
8
|
+
c as isMulticallOperation
|
|
9
|
+
};
|
|
@@ -1,81 +1,87 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
1
|
+
import { CreditAccountHistory as r } from "./credit-account-history/credit-account-history.js";
|
|
2
|
+
import { GEARBOX_PROTOCOL_INFO as a, ZERO_ADDRESS as l, isMulticallOperation as p } from "./credit-account-history/types.js";
|
|
3
|
+
import { OracleComponent as s } from "./oracles-and-lt-table/oracle-component.js";
|
|
4
|
+
import { OraclesAndLTLineView as i } from "./oracles-and-lt-table/oracles-and-lt-line-view.js";
|
|
5
|
+
import { OraclesAndLTTableView as u } from "./oracles-and-lt-table/oracles-and-lt-table.js";
|
|
6
|
+
import { OraclesAndLTTableHead as C } from "./oracles-and-lt-table/oracles-and-lt-table-head.js";
|
|
7
|
+
import { OraclesList as T, getPriceFeedInfo as P } from "./oracles-and-lt-table/oracles-list.js";
|
|
8
|
+
import { PoolAssetsTable as w } from "./pool-assets-table/pool-assets-table.js";
|
|
9
|
+
import { PoolAssetsTableHead as g } from "./pool-assets-table/pool-assets-table-head.js";
|
|
10
|
+
import { PoolAssetsTableRow as c } from "./pool-assets-table/pool-assets-table-row.js";
|
|
11
|
+
import { overflowContainerClassName as F, overflowWrapClassName as y } from "./pool-credit-manager-info/overflow-layout.js";
|
|
12
|
+
import { PoolCreditManagerInfo as S } from "./pool-credit-manager-info/pool-credit-manager-info.js";
|
|
13
|
+
import { PoolCreditManagersTable as M } from "./pool-credit-managers-table/pool-credit-managers-table.js";
|
|
14
|
+
import { PoolCreditManagersTableHead as v } from "./pool-credit-managers-table/pool-credit-managers-table-head.js";
|
|
15
|
+
import { PoolCreditManagersTableRow as E } from "./pool-credit-managers-table/pool-credit-managers-table-row.js";
|
|
16
|
+
import { balanceColumn as V, borrowApyColumn as W, borrowedColumn as _, collateralColumn as G, customColumn as Y, defaultPoolName as Z, poolColumn as z, supplyApyColumn as B, supplyColumn as X, utilizationColumn as h } from "./pool-table/columns.js";
|
|
17
|
+
import { PoolTable as k } from "./pool-table/pool-table.js";
|
|
18
|
+
import { customStrategyColumn as J, strategyColumn as K, strategyLeverageColumn as Q, strategyRewardsColumn as U } from "./strategies-table/columns.js";
|
|
19
|
+
import { APYFeature as oo, APYFeatureTooltip as eo } from "./strategies-table/components/apy-feature/apy-feature.js";
|
|
20
|
+
import { RWAFeature as to, StrategiesRewardsCell as ao, StrategyPoints as lo, ZeroSlippageFeature as po } from "./strategies-table/components/cells/cells.js";
|
|
21
|
+
import { DisabledWrap as so, Plus as no, TitleGrid as io } from "./strategies-table/components/cells/cells.styles.js";
|
|
22
|
+
import { Feature as uo } from "./strategies-table/components/feature/feature.js";
|
|
23
|
+
import { FeatureRoot as Co } from "./strategies-table/components/feature/feature.styles.js";
|
|
24
|
+
import { StrategiesTableNotFoundLine as Po } from "./strategies-table/components/not-found-line.js";
|
|
25
|
+
import { PointsFeature as wo, PointsFeatureTooltip as Ro, PointsLabel as go } from "./strategies-table/components/points-feature/points-feature.js";
|
|
26
|
+
import { RewardsTooltip as co, RewardsTooltipHover as Oo } from "./strategies-table/components/rewards-tooltip/rewards-tooltip.js";
|
|
27
|
+
import { RewardsTooltipRoot as yo } from "./strategies-table/components/rewards-tooltip/rewards-tooltip-root.js";
|
|
28
|
+
import { RewardsTooltipView as So } from "./strategies-table/components/rewards-tooltip/rewards-tooltip-view.js";
|
|
29
|
+
import { RewardsTooltipContent as Mo } from "./strategies-table/components/rewards-tooltip/tooltip-content.js";
|
|
30
|
+
import { StrategiesTable as vo } from "./strategies-table/components/strategies-table.js";
|
|
29
31
|
export {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
a as
|
|
37
|
-
s as
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
V as
|
|
68
|
-
W as
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
z as
|
|
79
|
-
|
|
80
|
-
|
|
32
|
+
oo as APYFeature,
|
|
33
|
+
eo as APYFeatureTooltip,
|
|
34
|
+
r as CreditAccountHistory,
|
|
35
|
+
so as DisabledWrap,
|
|
36
|
+
uo as Feature,
|
|
37
|
+
Co as FeatureRoot,
|
|
38
|
+
a as GEARBOX_PROTOCOL_INFO,
|
|
39
|
+
s as OracleComponent,
|
|
40
|
+
i as OraclesAndLTLineView,
|
|
41
|
+
C as OraclesAndLTTableHead,
|
|
42
|
+
u as OraclesAndLTTableView,
|
|
43
|
+
T as OraclesList,
|
|
44
|
+
no as Plus,
|
|
45
|
+
wo as PointsFeature,
|
|
46
|
+
Ro as PointsFeatureTooltip,
|
|
47
|
+
go as PointsLabel,
|
|
48
|
+
w as PoolAssetsTable,
|
|
49
|
+
g as PoolAssetsTableHead,
|
|
50
|
+
c as PoolAssetsTableRow,
|
|
51
|
+
S as PoolCreditManagerInfo,
|
|
52
|
+
M as PoolCreditManagersTable,
|
|
53
|
+
v as PoolCreditManagersTableHead,
|
|
54
|
+
E as PoolCreditManagersTableRow,
|
|
55
|
+
k as PoolTable,
|
|
56
|
+
to as RWAFeature,
|
|
57
|
+
co as RewardsTooltip,
|
|
58
|
+
Mo as RewardsTooltipContent,
|
|
59
|
+
Oo as RewardsTooltipHover,
|
|
60
|
+
yo as RewardsTooltipRoot,
|
|
61
|
+
So as RewardsTooltipView,
|
|
62
|
+
ao as StrategiesRewardsCell,
|
|
63
|
+
vo as StrategiesTable,
|
|
64
|
+
Po as StrategiesTableNotFoundLine,
|
|
65
|
+
lo as StrategyPoints,
|
|
66
|
+
io as TitleGrid,
|
|
67
|
+
l as ZERO_ADDRESS,
|
|
68
|
+
po as ZeroSlippageFeature,
|
|
69
|
+
V as balanceColumn,
|
|
70
|
+
W as borrowApyColumn,
|
|
71
|
+
_ as borrowedColumn,
|
|
72
|
+
G as collateralColumn,
|
|
73
|
+
Y as customColumn,
|
|
74
|
+
J as customStrategyColumn,
|
|
75
|
+
Z as defaultPoolName,
|
|
76
|
+
P as getPriceFeedInfo,
|
|
77
|
+
p as isMulticallOperation,
|
|
78
|
+
F as overflowContainerClassName,
|
|
79
|
+
y as overflowWrapClassName,
|
|
80
|
+
z as poolColumn,
|
|
81
|
+
K as strategyColumn,
|
|
82
|
+
Q as strategyLeverageColumn,
|
|
83
|
+
U as strategyRewardsColumn,
|
|
84
|
+
B as supplyApyColumn,
|
|
85
|
+
X as supplyColumn,
|
|
86
|
+
h as utilizationColumn
|
|
81
87
|
};
|
|
@@ -20,6 +20,7 @@ import "../../../utils/z-index.js";
|
|
|
20
20
|
import { TokenSymbol as Y } from "../../token-symbol/token-symbol.js";
|
|
21
21
|
import { FormattedMessageTyped as f } from "../../typed-intl/index.js";
|
|
22
22
|
import { poolTableTestIds as z } from "../../../test-ids/pool-table.js";
|
|
23
|
+
import "../credit-account-history/credit-account-history.js";
|
|
23
24
|
import "@gearbox-protocol/static";
|
|
24
25
|
import "../../base-link/base-link.js";
|
|
25
26
|
import "../../client-adapters/styled-rounded-image/styled-rounded-image.js";
|
|
@@ -292,7 +293,7 @@ function R(o, t, i) {
|
|
|
292
293
|
}
|
|
293
294
|
);
|
|
294
295
|
}
|
|
295
|
-
function
|
|
296
|
+
function ee(o) {
|
|
296
297
|
const { header: t, mobileTitle: i } = n(
|
|
297
298
|
o,
|
|
298
299
|
"components.poolTable.pool"
|
|
@@ -314,7 +315,7 @@ function ie(o) {
|
|
|
314
315
|
mobileTitle: i
|
|
315
316
|
};
|
|
316
317
|
}
|
|
317
|
-
function
|
|
318
|
+
function re(o) {
|
|
318
319
|
const { header: t, mobileTitle: i } = n(
|
|
319
320
|
o,
|
|
320
321
|
"components.poolTable.supply"
|
|
@@ -330,7 +331,7 @@ function ee(o) {
|
|
|
330
331
|
mobileTitle: i
|
|
331
332
|
};
|
|
332
333
|
}
|
|
333
|
-
function
|
|
334
|
+
function le(o) {
|
|
334
335
|
const { header: t, headerTip: i, mobileTitle: e } = n(
|
|
335
336
|
o,
|
|
336
337
|
"components.poolTable.supplyApy",
|
|
@@ -368,7 +369,7 @@ function re(o) {
|
|
|
368
369
|
mobileTitle: e
|
|
369
370
|
};
|
|
370
371
|
}
|
|
371
|
-
function
|
|
372
|
+
function me(o) {
|
|
372
373
|
const { header: t, mobileTitle: i } = n(
|
|
373
374
|
o,
|
|
374
375
|
"components.poolTable.borrowed"
|
|
@@ -382,7 +383,7 @@ function le(o) {
|
|
|
382
383
|
mobileTitle: i
|
|
383
384
|
};
|
|
384
385
|
}
|
|
385
|
-
function
|
|
386
|
+
function pe(o) {
|
|
386
387
|
const { header: t, headerTip: i, mobileTitle: e } = n(
|
|
387
388
|
o,
|
|
388
389
|
"components.poolTable.borrowApy"
|
|
@@ -400,7 +401,7 @@ function me(o) {
|
|
|
400
401
|
mobileTitle: e
|
|
401
402
|
};
|
|
402
403
|
}
|
|
403
|
-
function
|
|
404
|
+
function ne(o) {
|
|
404
405
|
const { header: t, mobileTitle: i } = n(
|
|
405
406
|
o,
|
|
406
407
|
"components.poolTable.utilization"
|
|
@@ -419,7 +420,7 @@ function pe(o) {
|
|
|
419
420
|
mobileTitle: i
|
|
420
421
|
};
|
|
421
422
|
}
|
|
422
|
-
function
|
|
423
|
+
function ae(o) {
|
|
423
424
|
const t = o?.maxAssets ?? 5, i = (m) => R(m, t, o?.options), { header: e, mobileTitle: l } = n(
|
|
424
425
|
o,
|
|
425
426
|
"components.poolTable.collateral"
|
|
@@ -435,7 +436,7 @@ function ne(o) {
|
|
|
435
436
|
mobileTitle: l
|
|
436
437
|
};
|
|
437
438
|
}
|
|
438
|
-
function
|
|
439
|
+
function de(o) {
|
|
439
440
|
const { header: t, mobileTitle: i } = n(
|
|
440
441
|
o,
|
|
441
442
|
"components.poolTable.balance"
|
|
@@ -452,18 +453,18 @@ function ae(o) {
|
|
|
452
453
|
mobileTitle: i
|
|
453
454
|
};
|
|
454
455
|
}
|
|
455
|
-
function
|
|
456
|
+
function se(o) {
|
|
456
457
|
return o;
|
|
457
458
|
}
|
|
458
459
|
export {
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
460
|
+
de as balanceColumn,
|
|
461
|
+
pe as borrowApyColumn,
|
|
462
|
+
me as borrowedColumn,
|
|
463
|
+
ae as collateralColumn,
|
|
464
|
+
se as customColumn,
|
|
464
465
|
F as defaultPoolName,
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
466
|
+
ee as poolColumn,
|
|
467
|
+
le as supplyApyColumn,
|
|
468
|
+
re as supplyColumn,
|
|
469
|
+
ne as utilizationColumn
|
|
469
470
|
};
|
package/dist/esm/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.js
CHANGED
|
@@ -49,6 +49,7 @@ import "../../../../input/input.js";
|
|
|
49
49
|
import "../../../../with-title/with-title.js";
|
|
50
50
|
import "../../../../smart-number-input/balance-indicator.js";
|
|
51
51
|
import "../../../../smart-number-input/smart-number-input.js";
|
|
52
|
+
import "../../../credit-account-history/credit-account-history.js";
|
|
52
53
|
import "../../../../table/grid-table.js";
|
|
53
54
|
import { getSymbolOrIcon as x } from "../../../../token-symbol/token-symbol.js";
|
|
54
55
|
import "../../../../typography/typography.js";
|
|
@@ -183,7 +184,7 @@ const v = d(
|
|
|
183
184
|
defaultVariants: { position: "primary", size: "md" }
|
|
184
185
|
}
|
|
185
186
|
);
|
|
186
|
-
function
|
|
187
|
+
function It({
|
|
187
188
|
label: p,
|
|
188
189
|
amount: e,
|
|
189
190
|
token: r,
|
|
@@ -220,5 +221,5 @@ function Ct({
|
|
|
220
221
|
);
|
|
221
222
|
}
|
|
222
223
|
export {
|
|
223
|
-
|
|
224
|
+
It as TransactionConfirmAmountField
|
|
224
225
|
};
|
package/dist/esm/components/composites/tx-preview/confirm/preview/OperationPreviewContent.js
CHANGED
|
@@ -51,6 +51,7 @@ import "../../../../input/input.js";
|
|
|
51
51
|
import "../../../../with-title/with-title.js";
|
|
52
52
|
import "../../../../smart-number-input/balance-indicator.js";
|
|
53
53
|
import "../../../../smart-number-input/smart-number-input.js";
|
|
54
|
+
import "../../../credit-account-history/credit-account-history.js";
|
|
54
55
|
import "../../../../table/grid-table.js";
|
|
55
56
|
import "../../../../token-symbol/token-symbol.js";
|
|
56
57
|
import "../../../../typography/typography.js";
|
|
@@ -168,7 +169,7 @@ import "../../../../toggle/toggle.js";
|
|
|
168
169
|
import "../../../../with-filter-button/with-filter-button.js";
|
|
169
170
|
import { OperationsCard as e } from "../../operations/OperationsCard.js";
|
|
170
171
|
import { StateChangeCard as n } from "../../state-change/StateChangeCard.js";
|
|
171
|
-
function
|
|
172
|
+
function uo({
|
|
172
173
|
sdk: r,
|
|
173
174
|
operation: t,
|
|
174
175
|
simulation: m,
|
|
@@ -190,5 +191,5 @@ function jo({
|
|
|
190
191
|
] });
|
|
191
192
|
}
|
|
192
193
|
export {
|
|
193
|
-
|
|
194
|
+
uo as OperationPreviewContent
|
|
194
195
|
};
|