@gearbox-protocol/ui-kit 3.14.0-next.3 → 3.14.0-next.30

package/dist/esm/components/legal-agreement/legal-agreement.stories-config.js

@@ -0,0 +1,170 @@
+import { jsxs as r, Fragment as i, jsx as d } from "react/jsx-runtime";
+import { LegalAgreementLink as l } from "./legal-agreement-link.js";
+const t = {
+  termsOfService: "https://gearbox.finance/terms",
+  privacyNotice: "https://gearbox.finance/privacy",
+  riskDisclosure: "https://gearbox.finance/risks",
+  rwaMarketsTerms: "https://gearbox.finance/rwa-tc"
+}, n = "Example App";
+function c(a, e, s) {
+  return /* @__PURE__ */ d(l, { href: e, theme: a, children: s });
+}
+function m(a = "default") {
+  const e = (s, o) => c(a, s, o);
+  return {
+    productName: n,
+    notificationText: /* @__PURE__ */ r(i, { children: [
+      "Any use of and/or interaction with the ",
+      n,
+      " is subject to the",
+      " ",
+      e(t.termsOfService, "Terms of Service"),
+      " and",
+      " ",
+      e(t.privacyNotice, "Privacy Notice"),
+      ", and acceptance of risks described in the",
+      " ",
+      e(t.riskDisclosure, "Risk Disclosure Statement"),
+      "."
+    ] }),
+    checkboxItems: [
+      {
+        id: "consent",
+        content: /* @__PURE__ */ r(i, { children: [
+          "I agree to the",
+          " ",
+          e(t.termsOfService, "Terms of Service"),
+          " and acknowledge the ",
+          e(t.privacyNotice, "Privacy Notice"),
+          ". I have read the",
+          " ",
+          e(t.riskDisclosure, "Risk Disclosure Statement"),
+          " and I voluntarily assume all risks described in it."
+        ] })
+      }
+    ]
+  };
+}
+function h(a = "default") {
+  const e = (s, o) => c(a, s, o);
+  return {
+    productName: n,
+    notificationText: /* @__PURE__ */ r(i, { children: [
+      "By accessing or using ",
+      n,
+      ", I agree to the",
+      " ",
+      e(t.termsOfService, "Terms of Service"),
+      " and confirm that I have read and understood the",
+      " ",
+      e(t.privacyNotice, "Privacy Notice"),
+      " and",
+      " ",
+      e(t.riskDisclosure, "Risk Disclosure Statement"),
+      "."
+    ] }),
+    updatedTermsNoticeText: /* @__PURE__ */ r(i, { children: [
+      "Our Terms of Service have been updated. Please review and sign the new agreement to continue using ",
+      n,
+      "."
+    ] }),
+    checkboxItems: [
+      {
+        id: "terms",
+        content: /* @__PURE__ */ r(i, { children: [
+          "I agree to the",
+          " ",
+          e(t.termsOfService, "Terms of Service"),
+          " and acknowledge the ",
+          e(t.privacyNotice, "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(i, { children: [
+          "I acknowledge that the ",
+          n,
+          ", 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",
+          " ",
+          e(t.riskDisclosure, "Risk Disclosure Statement"),
+          " and I voluntarily assume all risks described in it."
+        ] })
+      }
+    ]
+  };
+}
+function f(a = "default") {
+  const e = (s, o) => c(a, s, o);
+  return {
+    productName: n,
+    notificationText: /* @__PURE__ */ r(i, { children: [
+      "By accessing or using ",
+      n,
+      ", I agree to the",
+      " ",
+      e(t.termsOfService, "Terms of Service"),
+      " and",
+      " ",
+      e(
+        t.rwaMarketsTerms,
+        "RWA Markets Interface Terms & Conditions"
+      ),
+      ", and confirm that I have read and understood the",
+      " ",
+      e(t.privacyNotice, "Privacy Notice"),
+      " and",
+      " ",
+      e(t.riskDisclosure, "Risk Disclosure Statement"),
+      "."
+    ] }),
+    checkboxItems: [
+      {
+        id: "terms",
+        content: /* @__PURE__ */ r(i, { children: [
+          "I agree to the",
+          " ",
+          e(t.termsOfService, "Terms of Service"),
+          " and",
+          " ",
+          e(
+            t.rwaMarketsTerms,
+            "RWA Markets Interface Terms & Conditions"
+          ),
+          ", and acknowledge the",
+          " ",
+          e(t.privacyNotice, "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(i, { children: [
+          "I acknowledge that the ",
+          n,
+          ", RWA Markets Interface, 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",
+          " ",
+          e(t.riskDisclosure, "Risk Disclosure Statement"),
+          ", and I voluntarily assume all risks described in it and the above RWA Markets Interface Terms & Conditions."
+        ] })
+      }
+    ]
+  };
+}
+const k = m(), g = h(), p = f();
+export {
+  h as createStoryExtendedLegalConfig,
+  m as createStoryPermissionlessLegalConfig,
+  f as createStoryRwaLegalConfig,
+  g as storyExtendedLegalConfig,
+  k as storyPermissionlessLegalConfig,
+  p as storyRwaLegalConfig
+};

package/dist/esm/components/link/link.js

@@ -1,15 +1,15 @@
-import { jsx as r, jsxs as e, Fragment as f } from "react/jsx-runtime";
-import { IconExternal as t } from "@gearbox-protocol/static";
-import { cva as w } from "class-variance-authority";
-import { BaseLink as u } from "../base-link/base-link.js";
+import { jsxs as o, jsx as r, Fragment as g } from "react/jsx-runtime";
+import { IconExternal as x } from "@gearbox-protocol/static";
+import { cva as b } from "class-variance-authority";
+import { BaseLink as N } from "../base-link/base-link.js";
 import "react";
 import "@gearbox-protocol/sdk";
-import { cn as _ } from "../../utils/cn.js";
+import { cn as h } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-const g = w(
+const v = b(
   "[&_.icon-wrap]:-mt-px [&_.icon-wrap]:pl-1.5 [&_.icon-wrap]:leading-none [&_.icon-wrap]:text-secondary-foreground hover:[&_.icon-wrap]:text-foreground",
   {
     variants: {
@@ -22,40 +22,47 @@ const g = w(
     defaultVariants: { variant: "default" }
   }
 );
-function x({
-  className: p,
-  children: a,
-  href: i,
-  target: s,
-  variant: o = "default",
-  size: c = "default",
-  color: m = "main",
-  external: n = !1,
-  asChild: d = !1,
-  ...l
+function k({
+  className: i,
+  children: n,
+  href: c,
+  target: m,
+  variant: e = "default",
+  size: l = "default",
+  color: d = "main",
+  external: a = !1,
+  asChild: f = !1,
+  ...w
 }) {
+  const p = a ? /* @__PURE__ */ r("span", { className: "icon-wrap -mt-px pl-1.5 leading-none", children: /* @__PURE__ */ r(x, { size: 14 }) }) : null, s = a && typeof n == "string" ? (() => {
+    const t = n.trimEnd().lastIndexOf(" "), u = t === -1 ? "" : n.slice(0, t + 1), _ = t === -1 ? n : n.slice(t + 1);
+    return /* @__PURE__ */ o("span", { className: "content-wrap", children: [
+      u,
+      /* @__PURE__ */ o("span", { className: "whitespace-nowrap", children: [
+        _,
+        p
+      ] })
+    ] });
+  })() : /* @__PURE__ */ o(g, { children: [
+    /* @__PURE__ */ r("span", { className: "content-wrap", children: n }),
+    p
+  ] });
   return /* @__PURE__ */ r(
-    u,
+    N,
     {
-      href: i,
-      target: s,
-      external: n,
-      variant: o,
-      size: c,
-      color: m,
-      className: _(g({ variant: o }), p),
-      ...l,
-      children: d ? /* @__PURE__ */ e("span", { children: [
-        /* @__PURE__ */ r("span", { className: "content-wrap", children: a }),
-        n && /* @__PURE__ */ r("span", { className: "icon-wrap -mt-px pl-1.5 leading-none", children: /* @__PURE__ */ r(t, { size: 14 }) })
-      ] }) : /* @__PURE__ */ e(f, { children: [
-        /* @__PURE__ */ r("span", { className: "content-wrap", children: a }),
-        n && /* @__PURE__ */ r("span", { className: "icon-wrap -mt-px pl-1.5 leading-none", children: /* @__PURE__ */ r(t, { size: 14 }) })
-      ] })
+      href: c,
+      target: m,
+      external: a,
+      variant: e,
+      size: l,
+      color: d,
+      className: h(v({ variant: e }), i),
+      ...w,
+      children: f ? /* @__PURE__ */ r("span", { children: s }) : s
     }
   );
 }
-x.displayName = "Link";
+k.displayName = "Link";
 export {
-  x as Link
+  k as Link
 };

package/dist/esm/components/loader-guard/loader-guard.js

@@ -1,5 +1,7 @@
 import { jsx as m, jsxs as o } from "react/jsx-runtime";
 import { Guard as p } from "../guard/guard.js";
+import "../layout/app-footer/app-footer.js";
+import "../layout/app-header/app-header.js";
 import "../base-link/base-link.js";
 import "react";
 import "@gearbox-protocol/sdk";
@@ -20,12 +22,12 @@ import "../buttons/back-button/back-button.js";
 import "../page-title/page-title.js";
 import "../layout/social-icons/social-icons.js";
 import { Skeleton as r } from "../skeleton/skeleton.js";
-function B({
+function E({
   showGuard: s,
   children: i,
-  loader: a
+  loader: t
 }) {
-  const t = /* @__PURE__ */ m(e, { children: /* @__PURE__ */ o("div", { className: "flex flex-col gap-4 p-4 sm:p-6 w-full", children: [
+  const a = /* @__PURE__ */ m(e, { children: /* @__PURE__ */ o("div", { className: "flex flex-col gap-4 p-4 sm:p-6 w-full", children: [
     /* @__PURE__ */ m(r, { className: "h-6 sm:h-8 w-48 sm:w-64" }),
     /* @__PURE__ */ o("div", { className: "space-y-2 mb-4", children: [
       /* @__PURE__ */ m(r, { className: "h-3 sm:h-4 w-full" }),
@@ -37,8 +39,8 @@ function B({
       /* @__PURE__ */ m(r, { className: "h-48 sm:h-64 md:h-72 md:w-1/3 w-full" })
     ] })
   ] }) }), l = s;
-  return /* @__PURE__ */ m(p, { showGuard: l, guard: l && (a || t), children: i });
+  return /* @__PURE__ */ m(p, { showGuard: l, guard: l && (t || a), children: i });
 }
 export {
-  B as LoaderGuard
+  E as LoaderGuard
 };

package/dist/esm/components/markdown-viewer/markdown-viewer.js

@@ -2,6 +2,8 @@ import { jsx as r } from "react/jsx-runtime";
 import { useEffect as y } from "react";
 import h from "react-markdown";
 import k from "remark-gfm";
+import "../layout/app-footer/app-footer.js";
+import "../layout/app-header/app-header.js";
 import "../base-link/base-link.js";
 import "@gearbox-protocol/sdk";
 import { cn as p } from "../../utils/cn.js";
@@ -124,6 +126,7 @@ import "lightweight-charts";
 import "../graph/graph-view.js";
 import "../health-factor/health-factor.js";
 import "../horizontal-indicator/horizontal-indicator.js";
+import "../legal-agreement/legal-agreement-theme.js";
 import { Link as I } from "../link/link.js";
 import "../../utils/reactochart-compat.js";
 import "../status-elements/status-elements.js";
@@ -181,7 +184,7 @@ function a(o) {
   }
   return { id: T(l), displayText: o };
 }
-function jr({
+function zr({
   content: o,
   title: l,
   backButton: s,
@@ -393,5 +396,5 @@ function jr({
   return c ? d : /* @__PURE__ */ r(w, { title: l || "", backButton: s, children: d });
 }
 export {
-  jr as MarkdownViewer
+  zr as MarkdownViewer
 };