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

package/dist/cjs/components/composites/tx-preview/confirm/dialog/TransactionConfirmPageView.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),m=require("../../../../client-adapters/styled-dialog-container/styled-dialog-container.cjs"),d=require("../../../../confirm-menu/confirm-menu.cjs");require("react");require("@gearbox-protocol/sdk");const _=require("../../../../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../../../utils/z-index.cjs");const i=require("./constants.cjs"),f=require("./TransactionConfirmShell.cjs");function g({title:o,titleAddon:r,hideTitleAddonOnResult:t=!0,containerClassName:s,containerTestId:a,shellTestId:c,phase:e="confirm",...l}){const u=e!=="confirm"&&e!=="awaiting_receipt"&&t?void 0:r;return n.jsx(m.StyledDialogContainer,{className:_.cn(i.transactionConfirmDialogShellVariants(),s),"data-testid":a,children:n.jsx(f.TransactionConfirmShell,{...l,header:n.jsx(d.ConfirmMenu,{title:o,titleAddon:u,onClose:void 0}),"data-testid":c??i.TransactionConfirmDialogTest.root,phase:e})})}exports.TransactionConfirmPageView=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),d=require("../../../../client-adapters/styled-dialog-container/styled-dialog-container.cjs"),_=require("../../../../confirm-menu/confirm-menu.cjs");require("react");require("@gearbox-protocol/sdk");const f=require("../../../../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../../../utils/z-index.cjs");const i=require("./constants.cjs"),g=require("./TransactionConfirmShell.cjs");function q({onClose:r,title:o,titleAddon:t,hideTitleAddonOnResult:s=!0,containerClassName:a,containerTestId:c,shellTestId:l,phase:e="confirm",...u}){const m=e!=="confirm"&&e!=="awaiting_receipt"&&s?void 0:t;return n.jsx(d.StyledDialogContainer,{className:f.cn(i.transactionConfirmDialogShellVariants(),a),"data-testid":c,children:n.jsx(g.TransactionConfirmShell,{...u,header:n.jsx(_.ConfirmMenu,{title:o,titleAddon:m,onClose:r}),"data-testid":l??i.TransactionConfirmDialogTest.root,phase:e})})}exports.TransactionConfirmPageView=q;

package/dist/cjs/components/composites/tx-preview/confirm/result/TransactionConfirmSuccessResult.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../../../vspace/vspace.cjs"),d=require("../../../../../hooks/use-media-query.cjs"),t=require("./constants.cjs"),m=require("./TransactionConfirmSuccessIcon.cjs");function x({headline:a,subtitle:r,txHashRow:c,footerAction:i}){const n=d.useIsMobile(),l=n?20:32,u=n?12:16,o=n?24:32;return e.jsxs("div",{className:"flex w-full flex-col items-center text-center","data-testid":t.TransactionConfirmSuccessResultTest.root,children:[e.jsx(s.VSpace,{height:l}),e.jsx(m.TransactionConfirmSuccessIcon,{}),e.jsx(s.VSpace,{height:24}),e.jsx("div",{className:"text-xl font-medium leading-tight md:text-2xl","data-testid":t.TransactionConfirmSuccessResultTest.headline,children:a}),e.jsx(s.VSpace,{height:u}),e.jsx("div",{className:"text-sm text-secondary-foreground","data-testid":t.TransactionConfirmSuccessResultTest.subtitle,children:r}),c?e.jsxs(e.Fragment,{children:[e.jsx(s.VSpace,{height:o}),e.jsx("div",{className:"w-full text-center",children:c})]}):null,i?e.jsxs(e.Fragment,{children:[e.jsx(s.VSpace,{height:o}),e.jsx("div",{className:"w-full","data-testid":t.TransactionConfirmSuccessResultTest.footer,children:i})]}):null]})}exports.TransactionConfirmSuccessResult=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../../../vspace/vspace.cjs"),m=require("../../../../../hooks/use-media-query.cjs"),t=require("./constants.cjs"),x=require("./TransactionConfirmSuccessIcon.cjs");function h({icon:a=e.jsx(x.TransactionConfirmSuccessIcon,{}),headline:r,subtitle:l,txHashRow:c,footerAction:i}){const n=m.useIsMobile(),u=n?20:32,d=n?12:16,o=n?24:32;return e.jsxs("div",{className:"flex w-full flex-col items-center text-center","data-testid":t.TransactionConfirmSuccessResultTest.root,children:[e.jsx(s.VSpace,{height:u}),a,e.jsx(s.VSpace,{height:24}),e.jsx("div",{className:"text-xl font-medium leading-tight md:text-2xl","data-testid":t.TransactionConfirmSuccessResultTest.headline,children:r}),e.jsx(s.VSpace,{height:d}),e.jsx("div",{className:"text-sm text-secondary-foreground","data-testid":t.TransactionConfirmSuccessResultTest.subtitle,children:l}),c?e.jsxs(e.Fragment,{children:[e.jsx(s.VSpace,{height:o}),e.jsx("div",{className:"w-full text-center",children:c})]}):null,i?e.jsxs(e.Fragment,{children:[e.jsx(s.VSpace,{height:o}),e.jsx("div",{className:"w-full","data-testid":t.TransactionConfirmSuccessResultTest.footer,children:i})]}):null]})}exports.TransactionConfirmSuccessResult=h;

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

@@ -1,47 +1,48 @@
-import { jsx as i } from "react/jsx-runtime";
-import { StyledDialogContainer as l } from "../../../../client-adapters/styled-dialog-container/styled-dialog-container.js";
-import { ConfirmMenu as c } from "../../../../confirm-menu/confirm-menu.js";
+import { jsx as r } from "react/jsx-runtime";
+import { StyledDialogContainer as c } from "../../../../client-adapters/styled-dialog-container/styled-dialog-container.js";
+import { ConfirmMenu as p } from "../../../../confirm-menu/confirm-menu.js";
 import "react";
 import "@gearbox-protocol/sdk";
-import { cn as p } from "../../../../../utils/cn.js";
+import { cn as s } from "../../../../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../../../utils/z-index.js";
-import { TransactionConfirmDialogTest as s, transactionConfirmDialogShellVariants as C } from "./constants.js";
-import { TransactionConfirmShell as g } from "./TransactionConfirmShell.js";
-function M({
-  title: r,
-  titleAddon: t,
-  hideTitleAddonOnResult: n = !0,
-  containerClassName: m,
-  containerTestId: a,
-  shellTestId: e,
+import { TransactionConfirmDialogTest as C, transactionConfirmDialogShellVariants as g } from "./constants.js";
+import { TransactionConfirmShell as T } from "./TransactionConfirmShell.js";
+function N({
+  onClose: i,
+  title: t,
+  titleAddon: n,
+  hideTitleAddonOnResult: m = !0,
+  containerClassName: a,
+  containerTestId: e,
+  shellTestId: f,
   phase: o = "confirm",
   ...d
 }) {
-  const f = o !== "confirm" && o !== "awaiting_receipt" && n ? void 0 : t;
-  return /* @__PURE__ */ i(
-    l,
+  const l = o !== "confirm" && o !== "awaiting_receipt" && m ? void 0 : n;
+  return /* @__PURE__ */ r(
+    c,
     {
-      className: p(
-        C(),
-        m
+      className: s(
+        g(),
+        a
       ),
-      "data-testid": a,
-      children: /* @__PURE__ */ i(
-        g,
+      "data-testid": e,
+      children: /* @__PURE__ */ r(
+        T,
         {
           ...d,
-          header: /* @__PURE__ */ i(
-            c,
+          header: /* @__PURE__ */ r(
+            p,
             {
-              title: r,
-              titleAddon: f,
-              onClose: void 0
+              title: t,
+              titleAddon: l,
+              onClose: i
             }
           ),
-          "data-testid": e ?? s.root,
+          "data-testid": f ?? C.root,
           phase: o
         }
       )
@@ -49,5 +50,5 @@ function M({
   );
 }
 export {
-  M as TransactionConfirmPageView
+  N as TransactionConfirmPageView
 };

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

@@ -1,39 +1,40 @@
 import { jsxs as l, jsx as e, Fragment as r } from "react/jsx-runtime";
 import { VSpace as t } from "../../../../vspace/vspace.js";
-import { useIsMobile as u } from "../../../../../hooks/use-media-query.js";
+import { useIsMobile as f } from "../../../../../hooks/use-media-query.js";
 import { TransactionConfirmSuccessResultTest as i } from "./constants.js";
-import { TransactionConfirmSuccessIcon as f } from "./TransactionConfirmSuccessIcon.js";
-function v({
-  headline: o,
-  subtitle: d,
+import { TransactionConfirmSuccessIcon as x } from "./TransactionConfirmSuccessIcon.js";
+function N({
+  icon: o = /* @__PURE__ */ e(x, {}),
+  headline: d,
+  subtitle: m,
   txHashRow: n,
   footerAction: a
 }) {
-  const s = u(), m = s ? 20 : 32, h = s ? 12 : 16, c = s ? 24 : 32;
+  const s = f(), h = s ? 20 : 32, u = s ? 12 : 16, c = s ? 24 : 32;
   return /* @__PURE__ */ l(
     "div",
     {
       className: "flex w-full flex-col items-center text-center",
       "data-testid": i.root,
       children: [
-        /* @__PURE__ */ e(t, { height: m }),
-        /* @__PURE__ */ e(f, {}),
+        /* @__PURE__ */ e(t, { height: h }),
+        o,
         /* @__PURE__ */ e(t, { height: 24 }),
         /* @__PURE__ */ e(
           "div",
           {
             className: "text-xl font-medium leading-tight md:text-2xl",
             "data-testid": i.headline,
-            children: o
+            children: d
           }
         ),
-        /* @__PURE__ */ e(t, { height: h }),
+        /* @__PURE__ */ e(t, { height: u }),
         /* @__PURE__ */ e(
           "div",
           {
             className: "text-sm text-secondary-foreground",
             "data-testid": i.subtitle,
-            children: d
+            children: m
           }
         ),
         n ? /* @__PURE__ */ l(r, { children: [
@@ -56,5 +57,5 @@ function v({
   );
 }
 export {
-  v as TransactionConfirmSuccessResult
+  N as TransactionConfirmSuccessResult
 };

package/dist/types/components/composites/tx-preview/confirm/dialog/TransactionConfirmPageView.d.ts

@@ -1,6 +1,7 @@
 import { default as React } from 'react';
 import { TransactionConfirmShellProps } from './TransactionConfirmShell';
 export interface TransactionConfirmPageViewProps extends Omit<TransactionConfirmShellProps, "header" | "data-testid"> {
+    readonly onClose?: () => void;
     readonly title: React.ReactNode;
     readonly titleAddon?: React.ReactNode | undefined;
     readonly hideTitleAddonOnResult?: boolean | undefined;
@@ -12,4 +13,4 @@ export interface TransactionConfirmPageViewProps extends Omit<TransactionConfirm
  *
  * Base shell in modal
  */
-export declare function TransactionConfirmPageView({ title, titleAddon, hideTitleAddonOnResult, containerClassName, containerTestId, shellTestId, phase, ...rest }: TransactionConfirmPageViewProps): React.ReactElement;
+export declare function TransactionConfirmPageView({ onClose, title, titleAddon, hideTitleAddonOnResult, containerClassName, containerTestId, shellTestId, phase, ...rest }: TransactionConfirmPageViewProps): React.ReactElement;

package/dist/types/components/composites/tx-preview/confirm/result/TransactionConfirmSuccessResult.d.ts

@@ -1,8 +1,9 @@
 import { default as React } from 'react';
 export interface TransactionConfirmSuccessResultProps {
+    readonly icon: React.ReactNode;
     readonly headline: React.ReactNode;
     readonly subtitle: React.ReactNode;
     readonly txHashRow?: React.ReactNode;
     readonly footerAction?: React.ReactNode;
 }
-export declare function TransactionConfirmSuccessResult({ headline, subtitle, txHashRow, footerAction, }: TransactionConfirmSuccessResultProps): React.ReactElement;
+export declare function TransactionConfirmSuccessResult({ icon, headline, subtitle, txHashRow, footerAction, }: TransactionConfirmSuccessResultProps): React.ReactElement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/ui-kit",
-  "version": "3.14.0-next.62",
+  "version": "3.14.0-next.64",
   "description": "Internal UI components",
   "repository": {
     "type": "git",