@gearbox-protocol/ui-kit 4.6.0 → 4.7.0

package/dist/esm/components/base/review-button/constants.js

@@ -2,7 +2,8 @@ const t = {
   root: "review-button-root",
   error: "review-button-error",
   tip: "review-button-tip",
-  solution: "review-button-solution"
+  solution: "review-button-solution",
+  solutionLink: "review-button-solution-link"
 };
 export {
   t as ReviewButtonTest

package/dist/esm/components/base/review-button/index.js

@@ -1,6 +1,8 @@
-import { ReviewButton as o } from "./review-button.js";
-import { ReviewButtonTest as f } from "./constants.js";
+import { ReviewButton as t } from "./review-button.js";
+import { ReviewSolution as i } from "./review-solution.js";
+import { ReviewButtonTest as m } from "./constants.js";
 export {
-  o as ReviewButton,
-  f as ReviewButtonTest
+  t as ReviewButton,
+  m as ReviewButtonTest,
+  i as ReviewSolution
 };

package/dist/esm/components/base/review-button/review-button.js

@@ -1,52 +1,48 @@
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { Stack as s } from "../stack/stack.js";
-import { Button as m } from "../../buttons/button/button.js";
-import { TipCard as p } from "../../tip-card/tip-card.js";
+import { jsxs as o, jsx as t, Fragment as c } from "react/jsx-runtime";
+import { Stack as d } from "../stack/stack.js";
+import { Button as f } from "../../buttons/button/button.js";
+import { TipCard as g } from "../../tip-card/tip-card.js";
 import { FormattedMessageTyped as e } from "../../typed-intl/index.js";
-import { ReviewButtonTest as r } from "./constants.js";
-function w({
-  disabled: d,
-  error: o,
-  tip: a,
+import { ReviewButtonTest as a } from "./constants.js";
+import { ReviewSolution as n } from "./review-solution.js";
+function C({
+  disabled: l,
+  error: m,
+  tip: r,
   solution: i,
-  onClick: n,
-  label: c = "dialogs.common.review"
+  onClick: s,
+  label: p = "dialogs.common.review"
 }) {
-  return /* @__PURE__ */ l(s, { gap: "sm", children: [
-    a ? /* @__PURE__ */ t(
-      p,
+  return /* @__PURE__ */ o(d, { gap: "sm", children: [
+    r ? /* @__PURE__ */ t(
+      g,
       {
         textColor: "light",
         attributeColor: "alert",
         className: "w-full",
-        "data-testid": r.tip,
-        children: /* @__PURE__ */ l(s, { gap: "sm", align: "start", children: [
-          /* @__PURE__ */ t(e, { ...a }),
-          i ? /* @__PURE__ */ t(
-            m,
-            {
-              variant: "outline",
-              size: "sm",
-              onClick: i.onClick,
-              "data-testid": r.solution,
-              children: /* @__PURE__ */ t(e, { ...i.label })
-            }
-          ) : null
-        ] })
+        "data-testid": a.tip,
+        children: /* @__PURE__ */ t(d, { gap: "sm", align: "start", children: i?.kind === "link" ? /* @__PURE__ */ o("div", { children: [
+          /* @__PURE__ */ t(e, { ...r }),
+          " ",
+          /* @__PURE__ */ t(n, { solution: i })
+        ] }) : /* @__PURE__ */ o(c, { children: [
+          /* @__PURE__ */ t(e, { ...r }),
+          /* @__PURE__ */ t(n, { solution: i })
+        ] }) })
       }
     ) : null,
     /* @__PURE__ */ t(
-      m,
+      f,
       {
-        disabled: d,
-        onClick: n,
-        "data-testid": r.root,
-        children: o ? /* @__PURE__ */ t("span", { "data-testid": r.error, children: /* @__PURE__ */ t(e, { messageId: o }) }) : /* @__PURE__ */ t(e, { messageId: c })
+        disabled: l,
+        onClick: s,
+        "data-testid": a.root,
+        children: m ? /* @__PURE__ */ t("span", { "data-testid": a.error, children: /* @__PURE__ */ t(e, { messageId: m }) }) : /* @__PURE__ */ t(e, { messageId: p })
       }
     )
   ] });
 }
 export {
-  w as ReviewButton,
-  r as ReviewButtonTest
+  C as ReviewButton,
+  a as ReviewButtonTest
 };

package/dist/esm/components/base/review-button/review-solution.js

@@ -0,0 +1,56 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Button as s } from "../../buttons/button/button.js";
+import { Link as c } from "../../link/link.js";
+import { FormattedMessageTyped as n } from "../../typed-intl/index.js";
+import { ReviewButtonTest as a } from "./constants.js";
+function b({
+  solution: e,
+  testId: l = a.solution
+}) {
+  switch (e?.kind) {
+    case "button":
+      return /* @__PURE__ */ r(
+        s,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          "data-testid": l,
+          onClick: e.onClick,
+          children: /* @__PURE__ */ r(n, { ...e.label })
+        }
+      );
+    case "link": {
+      const i = e.links.map((t) => /* @__PURE__ */ r(
+        c,
+        {
+          href: t.href,
+          variant: "underlined",
+          size: "unset",
+          color: "secondary",
+          "data-testid": a.solutionLink,
+          onClick: t.onClick,
+          children: /* @__PURE__ */ r(n, { ...t.label })
+        },
+        t.href
+      ));
+      return /* @__PURE__ */ r("span", { children: e.label ? /* @__PURE__ */ r(
+        n,
+        {
+          ...e.label,
+          values: {
+            ...e.label.values,
+            ...Object.fromEntries(
+              i.map((t, o) => [`link${o}`, t])
+            )
+          }
+        }
+      ) : i });
+    }
+    case void 0:
+      return null;
+  }
+}
+export {
+  b as ReviewSolution
+};