@gearbox-protocol/ui-kit 3.14.0-next.60 → 3.14.0-next.62

package/dist/esm/components/composites/tx-preview/components/AddressAvatar.js

@@ -1,47 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { faVault as n, faWallet as i } from "@fortawesome/free-solid-svg-icons";
-import { getStatic as a } from "@gearbox-protocol/static";
-import { FaIcon as r } from "../../../icons/fa-icon.js";
-import { RoundedImage as c } from "../../../rounded-image/rounded-image.js";
-import { Identicon as l } from "../../../signatures/identicon.js";
-const t = 24, m = a("/logo/logo_symbol.png");
-function x({
-  address: o,
-  role: s = "external"
-}) {
-  switch (s) {
-    case "wallet":
-      return /* @__PURE__ */ e(
-        "span",
-        {
-          className: "flex shrink-0 items-center justify-center rounded-full bg-gray-700",
-          style: { width: t, height: t },
-          children: /* @__PURE__ */ e(r, { icon: i, className: "size-3 text-foreground" })
-        }
-      );
-    case "creditAccount":
-      return /* @__PURE__ */ e(
-        "span",
-        {
-          className: "flex shrink-0 items-center justify-center rounded-full bg-gray-700",
-          style: { width: t, height: t },
-          children: /* @__PURE__ */ e(r, { icon: n, className: "size-3 text-foreground" })
-        }
-      );
-    case "pool":
-      return /* @__PURE__ */ e(
-        c,
-        {
-          size: t,
-          fit: "contain",
-          src: m,
-          className: "shrink-0"
-        }
-      );
-    default:
-      return /* @__PURE__ */ e(l, { address: o, size: t });
-  }
-}
-export {
-  x as AddressAvatar
-};

package/dist/esm/components/composites/tx-preview/components/AddressParty.js

@@ -1,17 +0,0 @@
-import { jsxs as n, jsx as e, Fragment as m } from "react/jsx-runtime";
-import { WithCopy as s } from "../../../with-copy/with-copy.js";
-import { shortenHash as a } from "../../../../utils/format.js";
-import { AddressAvatar as c } from "./AddressAvatar.js";
-function x({ address: r, label: t }) {
-  const o = a(r);
-  return /* @__PURE__ */ n("span", { className: "flex min-w-0 items-center gap-2", children: [
-    /* @__PURE__ */ e(c, { address: r, role: t?.role }),
-    /* @__PURE__ */ e("span", { className: "flex min-w-0 flex-col", children: t?.transferLabel ? /* @__PURE__ */ n(m, { children: [
-      /* @__PURE__ */ e("span", { className: "truncate text-foreground text-sm", children: t.transferLabel }),
-      /* @__PURE__ */ e(s, { toCopy: r, children: /* @__PURE__ */ e("span", { className: "font-mono text-muted-foreground text-xs", children: o }) })
-    ] }) : /* @__PURE__ */ e(s, { toCopy: r, children: /* @__PURE__ */ e("span", { className: "font-mono text-foreground text-sm", children: o }) }) })
-  ] });
-}
-export {
-  x as AddressParty
-};

package/dist/esm/components/composites/tx-preview/components/AddressRow.js

@@ -1,16 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { VerticalIndicator as e } from "../../../vertical-indicator/vertical-indicator.js";
-import { WithCopy as m } from "../../../with-copy/with-copy.js";
-import { shortenHash as n } from "../../../../utils/format.js";
-function a({ label: t, address: r }) {
-  return /* @__PURE__ */ o(
-    e,
-    {
-      label: t,
-      value: /* @__PURE__ */ o(m, { toCopy: r, children: /* @__PURE__ */ o("span", { className: "font-mono text-foreground text-sm", children: n(r) }) })
-    }
-  );
-}
-export {
-  a as AddressRow
-};

package/dist/esm/components/composites/tx-preview/components/AmountRow.js

@@ -1,30 +0,0 @@
-import { jsx as m, jsxs as r } from "react/jsx-runtime";
-import { TokenIcon as t } from "../../../token-icon/token-icon.js";
-import { TokenTemplate as l } from "../../../token-template/token-template.js";
-import { VerticalIndicator as i } from "../../../vertical-indicator/vertical-indicator.js";
-function f({ value: e, token: o, label: s = "Amount" }) {
-  return /* @__PURE__ */ m(
-    i,
-    {
-      label: s,
-      value: /* @__PURE__ */ r("span", { className: "flex items-center justify-end gap-2", children: [
-        /* @__PURE__ */ m(t, { symbol: o.symbol, size: 16 }),
-        /* @__PURE__ */ m(
-          l,
-          {
-            value: e,
-            token: {
-              symbol: o.symbol,
-              title: o.symbol,
-              decimals: o.decimals
-            },
-            showSymbol: !0
-          }
-        )
-      ] })
-    }
-  );
-}
-export {
-  f as AmountRow
-};

package/dist/esm/components/composites/tx-preview/components/CollapsibleCard.js

@@ -1,45 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Card as p, CardContent as m, CardTitle as a } from "../../../cards/card/card.js";
-import { SimpleAccordion as c, SimpleAccordionItem as n } from "../../../simple-accordion/simple-accordion.js";
-import "react";
-import "@gearbox-protocol/sdk";
-import { cn as d } from "../../../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../../../utils/z-index.js";
-function N({
-  value: t,
-  title: i,
-  defaultOpen: o = !0,
-  contentClassName: e,
-  children: l
-}) {
-  return /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(
-    c,
-    {
-      type: "single",
-      collapsible: !0,
-      defaultValue: o ? t : void 0,
-      children: /* @__PURE__ */ r(
-        n,
-        {
-          value: t,
-          last: !0,
-          triggerClassName: "px-4 py-2",
-          title: /* @__PURE__ */ r(a, { children: i }),
-          description: /* @__PURE__ */ r(
-            m,
-            {
-              className: d("flex flex-col gap-3 pt-0", e),
-              children: l
-            }
-          )
-        }
-      )
-    }
-  ) });
-}
-export {
-  N as CollapsibleCard
-};

package/dist/esm/components/composites/tx-preview/components/SectionDivider.js

@@ -1,12 +0,0 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { Separator as r } from "../../../separator/separator.js";
-function c({ title: s }) {
-  return /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ e(r, { className: "flex-1" }),
-    /* @__PURE__ */ e("span", { className: "font-medium text-foreground text-xs uppercase tracking-wide", children: s }),
-    /* @__PURE__ */ e(r, { className: "flex-1" })
-  ] });
-}
-export {
-  c as SectionDivider
-};

package/dist/esm/components/composites/tx-preview/components/TransferList.js

@@ -1,25 +0,0 @@
-import { jsxs as r, jsx as i } from "react/jsx-runtime";
-import { SectionDivider as t } from "./SectionDivider.js";
-import { TransferRow as a } from "./TransferRow.js";
-function x({
-  transfers: m,
-  labels: e,
-  resolveToken: l,
-  title: n = "Transfers"
-}) {
-  return m.length === 0 ? null : /* @__PURE__ */ r("div", { className: "mt-2 flex flex-col gap-3", children: [
-    n !== null ? /* @__PURE__ */ i(t, { title: n }) : null,
-    /* @__PURE__ */ i("div", { className: "grid grid-cols-[minmax(0,1fr)_auto_auto_auto_minmax(0,1fr)] items-center gap-x-3 gap-y-3", children: m.map((o) => /* @__PURE__ */ i(
-      a,
-      {
-        transfer: o,
-        labels: e,
-        token: l(o.token)
-      },
-      `${o.token}-${o.from}-${o.to}-${o.amount}`
-    )) })
-  ] });
-}
-export {
-  x as TransferList
-};

package/dist/esm/components/composites/tx-preview/components/TransferRow.js

@@ -1,52 +0,0 @@
-import { jsxs as c, Fragment as p, jsx as s } from "react/jsx-runtime";
-import { faArrowRight as f } from "@fortawesome/free-solid-svg-icons";
-import { FaIcon as n } from "../../../icons/fa-icon.js";
-import { TokenIcon as y } from "../../../token-icon/token-icon.js";
-import { TokenTemplate as b } from "../../../token-template/token-template.js";
-import { AddressParty as d } from "./AddressParty.js";
-import { getAddressLabel as u } from "./addressLabel.js";
-function T({ transfer: e, labels: r, token: o }) {
-  const m = u(r, e.from), l = u(r, e.to), i = m?.ours ?? !1, a = l?.ours ?? !1, t = i && !a ? "text-destructive" : a && !i ? "text-success" : "text-muted-foreground";
-  return /* @__PURE__ */ c(p, { children: [
-    /* @__PURE__ */ s("div", { className: "min-w-0 justify-self-start", children: /* @__PURE__ */ s(d, { address: e.from, label: m }) }),
-    /* @__PURE__ */ s(
-      n,
-      {
-        icon: f,
-        className: `size-2.5 justify-self-center ${t}`
-      }
-    ),
-    /* @__PURE__ */ c(
-      "span",
-      {
-        className: `flex items-center justify-self-center gap-1 whitespace-nowrap text-xs ${t}`,
-        children: [
-          /* @__PURE__ */ s(y, { symbol: o.symbol, size: 14 }),
-          /* @__PURE__ */ s(
-            b,
-            {
-              value: e.amount,
-              token: {
-                symbol: o.symbol,
-                title: o.symbol,
-                decimals: o.decimals
-              },
-              showSymbol: !0
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ s(
-      n,
-      {
-        icon: f,
-        className: `size-2.5 justify-self-center ${t}`
-      }
-    ),
-    /* @__PURE__ */ s("div", { className: "min-w-0 justify-self-start", children: /* @__PURE__ */ s(d, { address: e.to, label: l }) })
-  ] });
-}
-export {
-  T as TransferRow
-};

package/dist/esm/components/composites/tx-preview/components/addressLabel.js

@@ -1,7 +0,0 @@
-import { getAddress as t } from "viem";
-function o(e, r) {
-  return e.get(t(r));
-}
-export {
-  o as getAddressLabel
-};

package/dist/esm/components/composites/tx-preview/components/index.js

@@ -1,20 +0,0 @@
-import { AddressAvatar as e } from "./AddressAvatar.js";
-import { AddressParty as s } from "./AddressParty.js";
-import { AddressRow as d } from "./AddressRow.js";
-import { AmountRow as p } from "./AmountRow.js";
-import { getAddressLabel as a } from "./addressLabel.js";
-import { CollapsibleCard as i } from "./CollapsibleCard.js";
-import { SectionDivider as n } from "./SectionDivider.js";
-import { TransferList as R } from "./TransferList.js";
-import { TransferRow as v } from "./TransferRow.js";
-export {
-  e as AddressAvatar,
-  s as AddressParty,
-  d as AddressRow,
-  p as AmountRow,
-  i as CollapsibleCard,
-  n as SectionDivider,
-  R as TransferList,
-  v as TransferRow,
-  a as getAddressLabel
-};

package/dist/esm/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountPair.js

@@ -1,63 +0,0 @@
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { TransactionConfirmAmountPairTest as d } from "./constants.js";
-import { TransactionConfirmAmountField as m } from "./TransactionConfirmAmountField.js";
-function T({
-  primaryLabel: i,
-  primaryAmount: a,
-  primaryToken: e,
-  primaryUsdMoney: s,
-  receiveLabel: u,
-  receiveAmount: p,
-  receiveToken: c,
-  receiveUsdMoney: f,
-  loading: o = !1,
-  size: r = "md",
-  maxLength: n
-}) {
-  return /* @__PURE__ */ l(
-    "div",
-    {
-      className: "mb-4 flex flex-col gap-px",
-      "data-testid": d.root,
-      children: [
-        /* @__PURE__ */ t(
-          m,
-          {
-            label: i,
-            primaryAmount: {
-              amount: a,
-              token: e
-            },
-            secondaryAmount: {
-              usd: s
-            },
-            loading: o,
-            position: "primary",
-            size: r,
-            maxLength: n
-          }
-        ),
-        /* @__PURE__ */ t(
-          m,
-          {
-            label: u,
-            primaryAmount: {
-              amount: p,
-              token: c
-            },
-            secondaryAmount: {
-              usd: f
-            },
-            loading: o,
-            position: "receive",
-            size: r,
-            maxLength: n
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  T as TransactionConfirmAmountPair
-};

package/dist/esm/components/composites/tx-preview/confirm/dialog/TransactionConfirmDialogView.js

@@ -1,50 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { Modal as V } from "../../../../modal/modal.js";
-import { transactionConfirmModalContainerVariants as g } from "./constants.js";
-import { TransactionConfirmPageView as h } from "./TransactionConfirmPageView.js";
-function b({
-  open: r,
-  onClose: i,
-  phase: o = "confirm",
-  title: a,
-  titleAddon: t,
-  preview: e,
-  previewLoading: m = !1,
-  previewError: f,
-  previewErrorTitle: s = "Unable to preview transaction",
-  previewClassName: c,
-  containerClassName: l,
-  containerTestId: u,
-  shellTestId: d,
-  execution: p,
-  progressSteps: C,
-  renderProgressStepLabel: w,
-  result: x,
-  hideTitleAddonOnResult: M = !0
-}) {
-  return r ? /* @__PURE__ */ n(V, { show: r, onClickOutside: i, zIndexLayer: "MODAL", children: /* @__PURE__ */ n(
-    h,
-    {
-      phase: o,
-      onClose: i,
-      title: a,
-      titleAddon: t,
-      preview: e,
-      previewLoading: m,
-      previewError: f,
-      previewErrorTitle: s,
-      previewClassName: c,
-      containerClassName: l ?? g(),
-      containerTestId: u,
-      shellTestId: d,
-      execution: p,
-      progressSteps: C,
-      renderProgressStepLabel: w,
-      result: x,
-      hideTitleAddonOnResult: M
-    }
-  ) }) : null;
-}
-export {
-  b as TransactionConfirmDialogView
-};

package/dist/esm/components/composites/tx-preview/confirm/dialog/TransactionConfirmShell.constants.js

@@ -1,6 +0,0 @@
-class t {
-  static root = "transaction-confirm-shell-root";
-}
-export {
-  t as TransactionConfirmShellTest
-};

package/dist/esm/components/composites/tx-preview/confirm/dialog/useTransactionConfirmDialog.js

@@ -1,20 +0,0 @@
-import { useState as s, useCallback as e } from "react";
-function u() {
-  const [t, o] = s(!1), [c, n] = s(0), r = e(() => {
-    n(0), o(!0);
-  }, []), a = e(() => {
-    o(!1);
-  }, []), f = e(() => {
-    n((l) => l + 1);
-  }, []);
-  return {
-    open: t,
-    openDialog: r,
-    closeDialog: a,
-    refreshNonce: c,
-    bumpRefreshNonce: f
-  };
-}
-export {
-  u as useTransactionConfirmDialog
-};

package/dist/esm/components/composites/tx-preview/confirm/preview/index.js

@@ -1,4 +0,0 @@
-import { OperationPreviewContent as r } from "./OperationPreviewContent.js";
-export {
-  r as OperationPreviewContent
-};

package/dist/esm/components/composites/tx-preview/confirm/stepper/TransactionProgressStepper.js

@@ -1,67 +0,0 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import "react";
-import "@gearbox-protocol/sdk";
-import { cn as o } from "../../../../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../../../../utils/z-index.js";
-import { TransactionProgressStepperTest as m } from "./constants.js";
-function c({ status: t }) {
-  const a = t === "active", r = t === "completed";
-  return /* @__PURE__ */ e(
-    "span",
-    {
-      className: o(
-        "relative z-10 block size-[9px] shrink-0 rounded-full",
-        a && "bg-foreground",
-        r && "bg-gray-50",
-        !a && !r && "border border-gray-50 bg-transparent"
-      ),
-      "aria-hidden": !0
-    }
-  );
-}
-function w({
-  steps: t,
-  renderLabel: a
-}) {
-  return /* @__PURE__ */ e(
-    "ol",
-    {
-      className: "m-0 flex w-full list-none p-0",
-      "data-testid": m.root,
-      children: t.map((r, n) => {
-        const l = n === t.length - 1, s = r.status === "active";
-        return /* @__PURE__ */ i(
-          "li",
-          {
-            className: "flex min-w-0 flex-1 flex-col items-center",
-            "aria-current": s ? "step" : void 0,
-            children: [
-              /* @__PURE__ */ i("div", { className: "flex w-full items-center", children: [
-                n > 0 ? /* @__PURE__ */ e("span", { className: "h-px min-w-0 flex-1 bg-gray-50", "aria-hidden": !0 }) : /* @__PURE__ */ e("span", { className: "min-w-0 flex-1", "aria-hidden": !0 }),
-                /* @__PURE__ */ e(c, { status: r.status }),
-                l ? /* @__PURE__ */ e("span", { className: "min-w-0 flex-1", "aria-hidden": !0 }) : /* @__PURE__ */ e("span", { className: "h-px min-w-0 flex-1 bg-gray-50", "aria-hidden": !0 })
-              ] }),
-              /* @__PURE__ */ e(
-                "span",
-                {
-                  className: o(
-                    "mt-3 max-w-full truncate px-1 text-center text-xs leading-snug",
-                    s ? "font-medium text-foreground" : "font-normal text-secondary-foreground"
-                  ),
-                  children: a(r)
-                }
-              )
-            ]
-          },
-          r.id
-        );
-      })
-    }
-  );
-}
-export {
-  w as TransactionProgressStepper
-};

package/dist/esm/components/composites/tx-preview/confirm/summary/PoolOperationConfirmDetails.js

@@ -1,65 +0,0 @@
-import { jsx as e, jsxs as u } from "react/jsx-runtime";
-import { FadeoutLoading as c } from "../../../../fadeout-loading/fadeout-loading.js";
-import { TipCard as v } from "../../../../tip-card/tip-card.js";
-import { VerticalIndicator as i } from "../../../../vertical-indicator/vertical-indicator.js";
-import { VerticalList as b } from "../../../../vertical-list/vertical-list.js";
-import { PoolOperationConfirmDetailsTest as z } from "./constants.js";
-function L({
-  apyLabel: l,
-  apy: o,
-  apyLoading: r = !1,
-  poolTvlLabel: t,
-  poolTvl: a,
-  poolUtilizationLabel: m,
-  poolUtilization: s,
-  curatorLabel: n,
-  curatorValue: d,
-  poolLabel: f,
-  poolContractValue: p
-}) {
-  return /* @__PURE__ */ e(
-    v,
-    {
-      textColor: "light",
-      "data-testid": z.root,
-      children: /* @__PURE__ */ u(b, { children: [
-        o !== void 0 ? /* @__PURE__ */ e(
-          i,
-          {
-            size: "sm",
-            label: l,
-            value: /* @__PURE__ */ e(c, { loading: r, children: o })
-          }
-        ) : null,
-        /* @__PURE__ */ e(i, { size: "sm", label: t, value: a }),
-        /* @__PURE__ */ e(
-          i,
-          {
-            size: "sm",
-            label: m,
-            value: s
-          }
-        ),
-        /* @__PURE__ */ e(
-          i,
-          {
-            size: "sm",
-            label: n,
-            value: d
-          }
-        ),
-        /* @__PURE__ */ e(
-          i,
-          {
-            size: "sm",
-            label: f,
-            value: p
-          }
-        )
-      ] })
-    }
-  );
-}
-export {
-  L as PoolOperationConfirmDetails
-};

package/dist/esm/components/composites/tx-preview/confirm/summary/constants.js

@@ -1,6 +0,0 @@
-class t {
-  static root = "pool-operation-confirm-details-root";
-}
-export {
-  t as PoolOperationConfirmDetailsTest
-};

package/dist/esm/components/composites/tx-preview/confirm/summary/index.js

@@ -1,6 +0,0 @@
-import { PoolOperationConfirmDetailsTest as e } from "./constants.js";
-import { PoolOperationConfirmDetails as i } from "./PoolOperationConfirmDetails.js";
-export {
-  i as PoolOperationConfirmDetails,
-  e as PoolOperationConfirmDetailsTest
-};

package/dist/esm/components/composites/tx-preview/operations/OperationBody.js

@@ -1,10 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { isPoolOperation as m } from "@gearbox-protocol/sdk/preview";
-import { PoolDepositView as p } from "./PoolDepositView.js";
-import { PoolWithdrawView as e } from "./PoolWithdrawView.js";
-function s({ sdk: r, operation: o, wallet: i }) {
-  return m(o) ? o.operation === "Deposit" ? /* @__PURE__ */ t(p, { sdk: r, operation: o, wallet: i }) : /* @__PURE__ */ t(e, { sdk: r, operation: o, wallet: i }) : null;
-}
-export {
-  s as OperationBody
-};