@gearbox-protocol/permissionless-ui 1.12.4 → 1.14.0

package/dist/esm/components/legal-agreement/index.js

@@ -0,0 +1,5 @@
+import { BlockedRegionDialog as g, LegalAgreementDialog as l } from "./legal-agreement-dialog.js";
+export {
+  g as BlockedRegionDialog,
+  l as LegalAgreementDialog
+};

package/dist/esm/components/legal-agreement/legal-agreement-dialog.js

@@ -0,0 +1,217 @@
+import { jsx as e, jsxs as r, Fragment as m } from "react/jsx-runtime";
+import { AlertTriangle as b, ExternalLink as S, Loader2 as w } from "lucide-react";
+import * as T from "react";
+import { useState as P } from "react";
+import { AlertDialog as h, AlertDialogContent as p, AlertDialogHeader as x, AlertDialogTitle as u, AlertDialogDescription as c, AlertDialogFooter as k } from "../alert-dialog/alert-dialog.js";
+import { BaseLink as s } from "../base-link/base-link.js";
+import { Button as f } from "../buttons/button/button.js";
+import { Checkbox as j } from "../checkbox/checkbox.js";
+const R = (t) => [
+  {
+    id: "terms",
+    content: /* @__PURE__ */ r(m, { children: [
+      "I agree to the",
+      " ",
+      /* @__PURE__ */ e(
+        s,
+        {
+          href: t.termsOfService,
+          external: !0,
+          className: "text-primary underline hover:text-primary/80",
+          children: "Terms of Service"
+        }
+      ),
+      " ",
+      "and acknowledge the",
+      " ",
+      /* @__PURE__ */ e(
+        s,
+        {
+          href: t.privacyNotice,
+          external: !0,
+          className: "text-primary underline hover:text-primary/80",
+          children: "Privacy Notice"
+        }
+      ),
+      "."
+    ] })
+  },
+  {
+    id: "prohibited",
+    content: "I represent and confirm that I am not a Prohibited Person (as defined in the above Terms of Service) and am not acting on behalf of one."
+  },
+  {
+    id: "risks",
+    content: /* @__PURE__ */ r(m, { children: [
+      "I acknowledge that the Gearbox App, related software, and smart contracts are experimental and may contain errors or vulnerabilities. I understand that their use may result in the complete loss of my funds. I have read the",
+      " ",
+      /* @__PURE__ */ e(
+        s,
+        {
+          href: t.riskDisclosure,
+          external: !0,
+          className: "text-primary underline hover:text-primary/80",
+          children: "Risk Disclosure Statement"
+        }
+      ),
+      " ",
+      "and I voluntarily assume all risks described in it."
+    ] })
+  }
+];
+function H({
+  open: t,
+  onClose: o,
+  onSign: n,
+  isSigning: d,
+  hasV2Signature: g = !1,
+  isAwaitingSignature: C = !1,
+  links: l
+}) {
+  const [y, N] = P({}), v = R(l), A = v.every((a) => y[a.id]), D = (a) => {
+    N((i) => ({ ...i, [a]: !i[a] }));
+  }, I = async () => {
+    await n();
+  };
+  return T.useEffect(() => {
+    t || N({});
+  }, [t]), C ? /* @__PURE__ */ e(h, { open: t, children: /* @__PURE__ */ r(p, { className: "max-w-lg", children: [
+    /* @__PURE__ */ e(x, { children: /* @__PURE__ */ r(u, { className: "flex items-center justify-center gap-2", children: [
+      /* @__PURE__ */ e(w, { className: "h-5 w-5 animate-spin" }),
+      "Waiting for Signature"
+    ] }) }),
+    /* @__PURE__ */ e(c, { className: "text-center", children: "Please sign the message in your wallet to agree to the Terms of Service." })
+  ] }) }) : /* @__PURE__ */ e(h, { open: t, children: /* @__PURE__ */ r(p, { className: "max-w-2xl max-h-[90vh] overflow-y-auto", children: [
+    /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(u, { className: "text-center text-xl", children: g ? "Terms of Service Updated" : "Legal Agreement" }) }),
+    /* @__PURE__ */ r("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ r("p", { className: "text-center leading-relaxed", children: [
+        "By accessing or using Gearbox App, I agree to the",
+        " ",
+        /* @__PURE__ */ e(
+          s,
+          {
+            href: l.termsOfService,
+            external: !0,
+            className: "text-primary underline hover:text-primary/80",
+            children: "Terms of Service"
+          }
+        ),
+        " ",
+        "and confirm that I have read and understood the",
+        " ",
+        /* @__PURE__ */ e(
+          s,
+          {
+            href: l.privacyNotice,
+            external: !0,
+            className: "text-primary underline hover:text-primary/80",
+            children: "Privacy Notice"
+          }
+        ),
+        " ",
+        "and",
+        " ",
+        /* @__PURE__ */ e(
+          s,
+          {
+            href: l.riskDisclosure,
+            external: !0,
+            className: "text-primary underline hover:text-primary/80",
+            children: "Risk Disclosure Statement"
+          }
+        ),
+        "."
+      ] }),
+      g && /* @__PURE__ */ r("div", { className: "flex items-start gap-2 rounded-lg border border-yellow-500/50 bg-yellow-500/10 p-3", children: [
+        /* @__PURE__ */ e(b, { className: "h-5 w-5 text-yellow-500 shrink-0 mt-0.5" }),
+        /* @__PURE__ */ e("p", { className: "text-sm text-yellow-500", children: "Our Terms of Service have been updated. Please review and sign the new agreement to continue using the app." })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "space-y-1", children: /* @__PURE__ */ e("p", { className: "font-medium text-center text-sm", children: "I hereby further represent and warrant that:" }) }),
+      /* @__PURE__ */ e("div", { className: "space-y-4", children: v.map((a) => {
+        const i = `legal-checkbox-${a.id}`;
+        return /* @__PURE__ */ r(
+          "label",
+          {
+            htmlFor: i,
+            className: "flex items-start gap-3 cursor-pointer group",
+            children: [
+              /* @__PURE__ */ e(
+                j,
+                {
+                  id: i,
+                  checked: y[a.id] || !1,
+                  onCheckedChange: () => D(a.id),
+                  className: "mt-1"
+                }
+              ),
+              /* @__PURE__ */ e("span", { className: "text-sm leading-relaxed transition-colors", children: a.content })
+            ]
+          },
+          a.id
+        );
+      }) })
+    ] }),
+    /* @__PURE__ */ r(k, { className: "flex-row gap-3 sm:justify-center mt-6", children: [
+      /* @__PURE__ */ e(
+        f,
+        {
+          variant: "outline",
+          onClick: o,
+          disabled: d,
+          className: "flex-1 sm:flex-none sm:min-w-[140px]",
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ e(
+        f,
+        {
+          onClick: I,
+          disabled: !A || d,
+          className: "flex-1 sm:flex-none sm:min-w-[140px]",
+          children: d ? /* @__PURE__ */ r(m, { children: [
+            /* @__PURE__ */ e(w, { className: "mr-2 h-4 w-4 animate-spin" }),
+            "Signing..."
+          ] }) : "Agree & Connect"
+        }
+      )
+    ] })
+  ] }) });
+}
+function U({
+  open: t,
+  onClose: o,
+  termsOfServiceLink: n
+}) {
+  return /* @__PURE__ */ e(h, { open: t, children: /* @__PURE__ */ r(p, { className: "max-w-lg", children: [
+    /* @__PURE__ */ e(x, { children: /* @__PURE__ */ r(u, { className: "flex items-center justify-center gap-2 text-destructive", children: [
+      /* @__PURE__ */ e(b, { className: "h-5 w-5" }),
+      "Access Restricted"
+    ] }) }),
+    /* @__PURE__ */ r("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ e(c, { className: "text-center", children: "Your access to our web application has been restricted as part of our compliance screening process. Our automated system has identified potential risks associated with your wallet, which led to this action." }),
+      /* @__PURE__ */ e(c, { className: "text-center", children: "Please be aware that this screening outcome is final. We do not offer an appeal process or individual case reviews. Additionally, we do not perform manual assessments and are unable to override this restriction." }),
+      n && /* @__PURE__ */ r(c, { className: "text-center", children: [
+        "This restriction applies to your use of the web application. For more details, please review the",
+        " ",
+        /* @__PURE__ */ r(
+          s,
+          {
+            href: n,
+            external: !0,
+            className: "text-primary underline hover:text-primary/80 inline-flex items-center gap-1",
+            children: [
+              "Terms of Service",
+              /* @__PURE__ */ e(S, { className: "h-3 w-3" })
+            ]
+          }
+        ),
+        "."
+      ] })
+    ] }),
+    /* @__PURE__ */ e(k, { className: "sm:justify-center mt-4", children: /* @__PURE__ */ e(f, { variant: "outline", onClick: o, children: "Close" }) })
+  ] }) });
+}
+export {
+  U as BlockedRegionDialog,
+  H as LegalAgreementDialog
+};

package/dist/esm/components/skeleton/skeleton.js

@@ -1,10 +1,10 @@
-import { jsx as o } from "react/jsx-runtime";
-import { cva as d } from "class-variance-authority";
+import { jsx as a, Fragment as f } from "react/jsx-runtime";
+import { cva as p } from "class-variance-authority";
 import "react";
-import { cn as m } from "../../utils/cn.js";
+import { cn as w } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk";
-const n = d("animate-pulse rounded-md bg-muted", {
+const c = p("animate-pulse rounded-md bg-muted", {
   variants: {
     variant: {
       default: "",
@@ -48,25 +48,42 @@ const n = d("animate-pulse rounded-md bg-muted", {
     height: "md"
   }
 });
-function x({
-  className: t,
-  variant: a,
-  speed: i,
-  width: l,
+function S({
+  className: s,
+  variant: l,
+  speed: n,
+  width: t,
   height: e,
-  ...r
+  loading: d = !0,
+  children: i,
+  style: m,
+  ...h
 }) {
-  return /* @__PURE__ */ o(
+  if (!d && i !== void 0)
+    return /* @__PURE__ */ a(f, { children: i });
+  const r = typeof t == "number", o = typeof e == "number", u = {
+    ...m,
+    ...r && { width: `${t}px` },
+    ...o && { height: `${e}px` }
+  };
+  return /* @__PURE__ */ a(
     "div",
     {
-      className: m(
-        n({ variant: a, speed: i, width: l, height: e, className: t })
+      className: w(
+        c({
+          variant: l,
+          speed: n,
+          width: r ? void 0 : t ?? "full",
+          height: o ? void 0 : e ?? "md",
+          className: s
+        })
       ),
-      ...r
+      style: u,
+      ...h
     }
   );
 }
 export {
-  x as Skeleton,
-  n as skeletonVariants
+  S as Skeleton,
+  c as skeletonVariants
 };

package/dist/esm/components/table/edit-button.js

@@ -1,33 +1,45 @@
 import { jsx as i } from "react/jsx-runtime";
-import { Edit as o } from "lucide-react";
+import { Edit as d } from "lucide-react";
 import "../buttons/back-button/back-button.js";
-import { Button as m } from "../buttons/button/button.js";
+import { Button as h } from "../buttons/button/button.js";
 import "../buttons/copy-button/copy-button.js";
 import "../buttons/external-button/external-button.js";
 import "../buttons/filter-button/filter-button.js";
 import "../buttons/navigation-button/navigation-button.js";
 import "react";
-import "clsx";
-import "tailwind-merge";
+import { cn as r } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk";
 import "../buttons/tab-button/tab-button.js";
-function b({
-  onClick: t,
-  customButton: r,
-  disabled: p
+function q({
+  onClick: m,
+  customButton: p,
+  children: n,
+  disabled: e,
+  width: c,
+  $width: s,
+  className: a,
+  style: f,
+  ...l
 }) {
-  return /* @__PURE__ */ i("div", { className: r ? "px-4 py-2" : "px-2", children: /* @__PURE__ */ i(
-    m,
+  const t = n || p, o = c === "wide" || s === "wide";
+  return /* @__PURE__ */ i("div", { className: r(t ? "px-4 py-2" : "px-2", o && "w-full"), children: /* @__PURE__ */ i(
+    h,
     {
-      className: r ? "p-0 h-fit hover:bg-accent/0" : "p-2 h-fit",
+      className: r(
+        t ? "p-0 h-fit hover:bg-accent/0" : "p-2 h-fit",
+        o && "w-full",
+        a
+      ),
       variant: "ghost",
-      onClick: t,
-      disabled: p,
-      children: r ?? /* @__PURE__ */ i(o, { className: "h-4 w-4" })
+      onClick: m,
+      disabled: e,
+      style: f,
+      ...l,
+      children: t ?? /* @__PURE__ */ i(d, { className: "h-4 w-4" })
     }
   ) });
 }
 export {
-  b as EditButton
+  q as EditButton
 };

package/dist/esm/components/table/grid-table.js

@@ -1,10 +1,10 @@
-import { jsx as r } from "react/jsx-runtime";
-import { cva as m } from "class-variance-authority";
+import { jsx as s } from "react/jsx-runtime";
+import { cva as n } from "class-variance-authority";
 import * as d from "react";
-import { Col as n } from "../layout/col/col.js";
-import { Grid as f } from "../layout/grid/grid.js";
-import { cn as s } from "../../utils/cn.js";
-const b = m("w-full", {
+import { Col as f } from "../layout/col/col.js";
+import { Grid as c } from "../layout/grid/grid.js";
+import { cn as i } from "../../utils/cn.js";
+const T = n("w-full", {
   variants: {
     size: {
       sm: "text-xs",
@@ -15,66 +15,72 @@ const b = m("w-full", {
   defaultVariants: {
     size: "default"
   }
-}), c = d.forwardRef(
-  ({ className: e, size: a, cols: t = 12, gap: i = 0, ...l }, o) => /* @__PURE__ */ r("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ r(
-    f,
+}), g = d.forwardRef(
+  ({ className: e, size: t, cols: a = 12, gap: l = 0, ...r }, o) => /* @__PURE__ */ s("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ s(
+    c,
     {
       ref: o,
-      cols: t,
-      gap: i,
-      className: s(b({ size: a, className: e })),
-      ...l
+      cols: a,
+      gap: l,
+      className: i(T({ size: t, className: e })),
+      ...r
     }
   ) })
 );
-c.displayName = "GridTable";
-const p = d.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r(
+g.displayName = "GridTable";
+const G = d.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
   "div",
   {
-    ref: t,
-    className: s("contents [&>*]:border-b [&>*]:border-border", e),
-    ...a
+    ref: a,
+    className: i("contents [&>*]:border-b [&>*]:border-border", e),
+    ...t
   }
 ));
-p.displayName = "GridTableHeader";
-const u = d.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r(
+G.displayName = "GridTableHeader";
+const N = d.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
   "div",
   {
-    ref: t,
-    className: s("contents [&>*:last-child>*]:border-0", e),
-    ...a
+    ref: a,
+    className: i("contents [&>*:last-child>*]:border-0", e),
+    ...t
   }
 ));
-u.displayName = "GridTableBody";
-const y = d.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r(
+N.displayName = "GridTableBody";
+const w = d.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
   "div",
   {
-    ref: t,
-    className: s(
+    ref: a,
+    className: i(
       "contents [&>*]:border-t [&>*]:bg-muted/50 [&>*]:font-medium",
       e
     ),
-    ...a
+    ...t
   }
 ));
-y.displayName = "GridTableFooter";
-const T = d.forwardRef(
-  ({ className: e, cols: a, gap: t = 0, ...i }, l) => /* @__PURE__ */ r(
-    f,
-    {
-      ref: l,
-      cols: a,
-      gap: t,
-      className: s(
-        "contents md:[&>*]:border-b [&>*]:border-border [&>*]:transition-colors hover:[&>*]:bg-muted/50 data-[state=selected]:[&>*]:bg-muted",
-        e
-      ),
-      ...i
-    }
-  )
+w.displayName = "GridTableFooter";
+const v = d.forwardRef(
+  ({ className: e, cols: t, gap: a = 0, last: l, height: r, hideValue: o, style: u, ...y }, x) => {
+    const m = typeof r == "number" ? `${r}px` : r;
+    return /* @__PURE__ */ s(
+      c,
+      {
+        ref: x,
+        cols: t,
+        gap: a,
+        className: i(
+          "contents md:[&>*]:border-b [&>*]:border-border [&>*]:transition-colors hover:[&>*]:bg-muted/50 data-[state=selected]:[&>*]:bg-muted",
+          l && "[&>*]:border-b-0",
+          o && "[&>*]:opacity-0",
+          e
+        ),
+        style: { ...u, ...m ? { height: m } : {} },
+        ...y
+      }
+    );
+  }
 );
-T.displayName = "GridTableRow";
-const G = m(
+v.displayName = "GridTableRow";
+const R = n(
   "flex items-center justify-startborder-b text-left align-middle font-medium text-muted-foreground !bg-transparent",
   {
     variants: {
@@ -94,63 +100,71 @@ const G = m(
       justify: "start"
     }
   }
-), N = d.forwardRef(
-  ({ className: e, size: a, span: t = 1, justify: i = "start", ...l }, o) => /* @__PURE__ */ r(
-    n,
+), b = d.forwardRef(
+  ({ className: e, size: t, span: a = 1, justify: l = "start", ...r }, o) => /* @__PURE__ */ s(
+    f,
     {
       ref: o,
-      span: t,
-      className: s(G({ size: a, justify: i, className: e })),
-      ...l
+      span: a,
+      className: i(R({ size: t, justify: l, className: e })),
+      ...r
     }
   )
 );
-N.displayName = "GridTableHead";
-const x = m("align-middle", {
+b.displayName = "GridTableHead";
+const h = n("align-middle", {
   variants: {
     size: {
       sm: "p-2",
       default: "p-4",
       lg: "p-6"
+    },
+    textAlign: {
+      left: "text-left",
+      center: "text-center",
+      right: "text-right"
     }
   },
   defaultVariants: {
     size: "default"
   }
-}), g = d.forwardRef(
-  ({ className: e, size: a, span: t = 1, ...i }, l) => /* @__PURE__ */ r(
-    n,
+}), p = d.forwardRef(
+  ({ className: e, size: t, span: a = 1, textAlign: l, ...r }, o) => /* @__PURE__ */ s(
+    f,
     {
-      ref: l,
-      span: t,
-      className: s(x({ size: a, className: e })),
-      ...i
+      ref: o,
+      span: a,
+      className: i(h({ size: t, textAlign: l, className: e })),
+      ...r
     }
   )
 );
-g.displayName = "GridTableCell";
-const w = d.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r(
+p.displayName = "GridTableCell";
+const j = d.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
   "div",
   {
-    ref: t,
-    className: s(
+    ref: a,
+    className: i(
       "col-span-full mt-4 text-sm text-muted-foreground",
       e
     ),
-    ...a
+    ...t
   }
 ));
-w.displayName = "GridTableCaption";
+j.displayName = "GridTableCaption";
+const F = p, A = b;
 export {
-  c as GridTable,
-  u as GridTableBody,
-  w as GridTableCaption,
-  g as GridTableCell,
-  y as GridTableFooter,
-  N as GridTableHead,
-  p as GridTableHeader,
-  T as GridTableRow,
-  x as gridTableCellVariants,
-  G as gridTableHeadVariants,
-  b as gridTableVariants
+  g as GridTable,
+  N as GridTableBody,
+  j as GridTableCaption,
+  p as GridTableCell,
+  w as GridTableFooter,
+  b as GridTableHead,
+  G as GridTableHeader,
+  v as GridTableRow,
+  F as Td,
+  A as Th,
+  h as gridTableCellVariants,
+  R as gridTableHeadVariants,
+  T as gridTableVariants
 };