@gearbox-protocol/ui-kit 3.14.0-next.14 → 3.14.0-next.16

package/dist/types/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { TokenFullData } from '../../../../../types/common';
+export interface TransactionConfirmAmountFieldProps {
+    readonly label: React.ReactNode;
+    readonly amount: string;
+    readonly token?: Omit<TokenFullData, "address">;
+    readonly usdPrice?: number;
+    readonly loading?: boolean;
+    readonly position: "primary" | "receive";
+    readonly size?: "sm" | "md";
+}
+export declare function TransactionConfirmAmountField({ label, amount, token, usdPrice, loading, position, size, }: TransactionConfirmAmountFieldProps): React.ReactElement;

package/dist/types/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountPair.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { TokenFullData } from '../../../../../types/common';
+export interface TransactionConfirmAmountPairProps {
+    readonly primaryLabel: React.ReactNode;
+    readonly primaryAmount: string;
+    readonly primaryToken?: Omit<TokenFullData, "address">;
+    readonly primaryUsdPrice?: number;
+    readonly receiveLabel: React.ReactNode;
+    readonly receiveAmount: string;
+    readonly receiveToken?: Omit<TokenFullData, "address">;
+    readonly receiveUsdPrice?: number;
+    readonly loading?: boolean;
+    readonly size?: "sm" | "md";
+}
+export declare function TransactionConfirmAmountPair({ primaryLabel, primaryAmount, primaryToken, primaryUsdPrice, receiveLabel, receiveAmount, receiveToken, receiveUsdPrice, loading, size, }: TransactionConfirmAmountPairProps): React.ReactElement;

package/dist/types/components/composites/tx-preview/confirm/amounts/constants.d.ts

@@ -0,0 +1,6 @@
+export declare class TransactionConfirmAmountFieldTest {
+    static root: string;
+}
+export declare class TransactionConfirmAmountPairTest {
+    static root: string;
+}

package/dist/types/components/composites/tx-preview/confirm/amounts/formatUsdAmount.d.ts

@@ -0,0 +1 @@
+export declare function formatUsdAmount(amount: string, usdPrice: number): string | null;

package/dist/types/components/composites/tx-preview/confirm/amounts/index.d.ts

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './TransactionConfirmAmountField';
+export * from './TransactionConfirmAmountPair';

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

@@ -1,15 +1,20 @@
 import { default as React } from 'react';
-import { TransactionExecutionStepView } from '../stepper';
+import { TransactionExecutionStepView } from '../stepper/transactionExecutionStepTypes';
+import { TransactionConfirmPhase } from './transactionConfirmPhase';
 export interface TransactionConfirmDialogViewProps {
     readonly open: boolean;
     readonly onClose: () => void;
+    readonly phase?: TransactionConfirmPhase;
     readonly title: React.ReactNode;
+    readonly titleAddon?: React.ReactNode;
     readonly preview: React.ReactNode;
     readonly previewLoading?: boolean;
     readonly previewError?: Error | null;
     readonly previewErrorTitle?: string;
     readonly execution: React.ReactNode;
-    readonly steps: ReadonlyArray<TransactionExecutionStepView>;
-    readonly renderStepLabel: (step: TransactionExecutionStepView) => React.ReactNode;
+    readonly progressSteps?: ReadonlyArray<TransactionExecutionStepView>;
+    readonly renderProgressStepLabel?: (step: TransactionExecutionStepView) => React.ReactNode;
+    readonly result?: React.ReactNode;
+    readonly hideTitleAddonOnResult?: boolean;
 }
-export declare function TransactionConfirmDialogView({ open, onClose, title, preview, previewLoading, previewError, previewErrorTitle, execution, steps, renderStepLabel, }: TransactionConfirmDialogViewProps): React.ReactElement | null;
+export declare function TransactionConfirmDialogView({ open, onClose, phase, title, titleAddon, preview, previewLoading, previewError, previewErrorTitle, execution, progressSteps, renderProgressStepLabel, result, hideTitleAddonOnResult, }: TransactionConfirmDialogViewProps): React.ReactElement | null;

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

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { TransactionExecutionStepView } from '../stepper/transactionExecutionStepTypes';
+import { TransactionConfirmPhase } from './transactionConfirmPhase';
+export interface TransactionConfirmPageViewProps {
+    readonly phase?: TransactionConfirmPhase;
+    readonly onClose?: () => void;
+    readonly title: React.ReactNode;
+    readonly titleAddon?: React.ReactNode;
+    readonly preview: React.ReactNode;
+    readonly previewLoading?: boolean;
+    readonly previewError?: Error | null;
+    readonly previewErrorTitle?: string;
+    readonly previewClassName?: string;
+    readonly execution: React.ReactNode;
+    readonly progressSteps?: ReadonlyArray<TransactionExecutionStepView>;
+    readonly renderProgressStepLabel?: (step: TransactionExecutionStepView) => React.ReactNode;
+    readonly result?: React.ReactNode;
+    readonly hideTitleAddonOnResult?: boolean;
+    readonly containerClassName?: string;
+    readonly containerTestId?: string;
+    readonly shellTestId?: string;
+}
+export declare function TransactionConfirmPageView({ onClose, phase, title, titleAddon, preview, previewLoading, previewError, previewErrorTitle, previewClassName, execution, progressSteps, renderProgressStepLabel, result, hideTitleAddonOnResult, containerClassName, containerTestId, shellTestId, }: TransactionConfirmPageViewProps): React.ReactElement;

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

@@ -0,0 +1,3 @@
+export declare class TransactionConfirmShellTest {
+    static root: string;
+}

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

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { TransactionExecutionStepView } from '../stepper/transactionExecutionStepTypes';
+import { TransactionConfirmPhase } from './transactionConfirmPhase';
+export interface TransactionConfirmShellProps {
+    readonly phase?: TransactionConfirmPhase;
+    readonly header?: React.ReactNode;
+    readonly preview: React.ReactNode;
+    readonly previewLoading?: boolean;
+    readonly previewError?: Error | null;
+    readonly previewErrorTitle?: string;
+    readonly previewClassName?: string;
+    readonly execution: React.ReactNode;
+    readonly progressSteps?: ReadonlyArray<TransactionExecutionStepView>;
+    readonly renderProgressStepLabel?: (step: TransactionExecutionStepView) => React.ReactNode;
+    readonly result?: React.ReactNode;
+    readonly className?: string;
+    readonly "data-testid"?: string;
+}
+export declare function TransactionConfirmShell({ phase, header, preview, previewLoading, previewError, previewErrorTitle, previewClassName, execution, progressSteps, renderProgressStepLabel, result, className, "data-testid": dataTestId, }: TransactionConfirmShellProps): React.ReactElement;

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

@@ -0,0 +1,8 @@
+import { TransactionConfirmPhase } from './transactionConfirmPhase';
+export interface TransactionConfirmDialogLayout {
+    readonly showPreview: boolean;
+    readonly showExecution: boolean;
+    readonly showProgressStepper: boolean;
+    readonly showResult: boolean;
+}
+export declare function computeTransactionConfirmDialogLayout(phase: TransactionConfirmPhase, hasProgressSteps: boolean): TransactionConfirmDialogLayout;

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

@@ -1,7 +1,10 @@
 export declare class TransactionConfirmDialogTest {
     static root: string;
     static execution: string;
+    static progress: string;
+    static result: string;
 }
-/** Mobile-first: full width on mobile, fixed 560px from md up. */
+/** Outer dialog card: mobile-first full width, fixed 560px from md up. */
 export declare const transactionConfirmDialogShellVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
-export type TransactionConfirmAuthPhase = "agreement" | "awaiting_signature" | "blocked" | "ready";
+/** Inner shell content: fill the padded dialog container without re-applying width. */
+export declare const transactionConfirmShellContentVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

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

@@ -1,3 +1,8 @@
+export * from './computeTransactionConfirmDialogLayout';
 export * from './constants';
 export * from './TransactionConfirmDialogView';
+export * from './TransactionConfirmPageView';
+export * from './TransactionConfirmShell';
+export * from './TransactionConfirmShell.constants';
+export * from './transactionConfirmPhase';
 export * from './useTransactionConfirmDialog';

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

@@ -0,0 +1,4 @@
+export type TransactionConfirmPhase = "confirm" | "awaiting_receipt" | "success" | "failure";
+export interface TransactionConfirmSubmittedTx {
+    readonly hash: `0x${string}`;
+}

package/dist/types/components/composites/tx-preview/confirm/execution/TransactionConfirmExecuteButton.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { ButtonProps } from '../../../../buttons/button/button';
+export interface TransactionConfirmExecuteButtonProps extends ButtonProps {
+    readonly isLoading?: boolean;
+}
+export declare function TransactionConfirmExecuteButton({ isLoading, disabled, children, width, size, ...rest }: TransactionConfirmExecuteButtonProps): React.ReactElement;

package/dist/types/components/composites/tx-preview/confirm/execution/index.d.ts

@@ -0,0 +1 @@
+export * from './TransactionConfirmExecuteButton';

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

@@ -1,5 +1,7 @@
+export * from './amounts';
 export * from './dialog';
-export * from './hooks';
+export * from './execution';
 export * from './preview';
+export * from './result';
 export * from './stepper';
 export * from './summary';

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

@@ -8,6 +8,5 @@ export interface OperationPreviewContentProps {
     simulation: PoolSimulationResult | undefined;
     isSimulating: boolean;
     wallet: Address;
-    refreshNonce: number;
 }
-export declare function OperationPreviewContent({ sdk, operation, simulation, isSimulating, wallet, refreshNonce, }: OperationPreviewContentProps): React.ReactElement;
+export declare function OperationPreviewContent({ sdk, operation, simulation, isSimulating, wallet, }: OperationPreviewContentProps): React.ReactElement;

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

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface TransactionConfirmFailureResultProps {
+    readonly title: React.ReactNode;
+    readonly description: React.ReactNode;
+    readonly footerAction?: React.ReactNode;
+    readonly iconSize?: number;
+}
+export declare function TransactionConfirmFailureResult({ title, description, footerAction, iconSize, }: TransactionConfirmFailureResultProps): React.ReactElement;

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

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare function TransactionConfirmSuccessIcon(): React.ReactElement;

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

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface TransactionConfirmSuccessResultProps {
+    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;

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

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export interface TransactionConfirmTxHashRowProps {
+    readonly txHashLink: React.ReactNode;
+    readonly addToWalletLink?: React.ReactNode;
+}
+export declare function TransactionConfirmTxHashRow({ txHashLink, addToWalletLink, }: TransactionConfirmTxHashRowProps): React.ReactElement;

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

@@ -0,0 +1,18 @@
+export declare class TransactionConfirmSuccessResultTest {
+    static root: string;
+    static headline: string;
+    static subtitle: string;
+    static footer: string;
+}
+export declare class TransactionConfirmFailureResultTest {
+    static root: string;
+    static footer: string;
+}
+export declare class TransactionConfirmTxHashRowTest {
+    static root: string;
+    static txHashLink: string;
+    static addToWallet: string;
+}
+export declare class TransactionConfirmExecuteButtonTest {
+    static root: string;
+}

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

@@ -0,0 +1,5 @@
+export * from './constants';
+export * from './TransactionConfirmFailureResult';
+export * from './TransactionConfirmSuccessIcon';
+export * from './TransactionConfirmSuccessResult';
+export * from './TransactionConfirmTxHashRow';

package/dist/types/components/composites/tx-preview/confirm/stepper/TransactionProgressStepper.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { TransactionExecutionStepView } from './transactionExecutionStepTypes';
+export interface TransactionProgressStepperProps {
+    readonly steps: ReadonlyArray<TransactionExecutionStepView>;
+    readonly renderLabel: (step: TransactionExecutionStepView) => React.ReactNode;
+}
+export declare function TransactionProgressStepper({ steps, renderLabel, }: TransactionProgressStepperProps): React.ReactElement;

package/dist/types/components/composites/tx-preview/confirm/stepper/constants.d.ts

@@ -1,3 +1,3 @@
-export declare class TransactionStepperTest {
+export declare class TransactionProgressStepperTest {
     static root: string;
 }

package/dist/types/components/composites/tx-preview/confirm/stepper/index.d.ts

@@ -1,4 +1,3 @@
-export * from './computeTransactionExecutionSteps';
 export * from './constants';
-export * from './HorizontalTransactionStepper';
-export * from './useCompletedStepsInSession';
+export * from './TransactionProgressStepper';
+export * from './transactionExecutionStepTypes';

package/dist/types/components/composites/tx-preview/confirm/stepper/transactionExecutionStepTypes.d.ts

@@ -0,0 +1,10 @@
+export type TransactionExecutionStepId = "approve" | "auth" | "execute";
+export type TransactionExecutionPrerequisiteStepId = Exclude<TransactionExecutionStepId, "execute">;
+export type StepStatus = "completed" | "active" | "upcoming";
+export type TransactionExecutionStepLabelKey = "approve" | "approveBatch" | "auth" | "execute";
+export interface TransactionExecutionStepView {
+    id: TransactionExecutionStepId;
+    labelKey: TransactionExecutionStepLabelKey;
+    status: StepStatus;
+}
+export declare function shouldShowTransactionProgressStepper(steps: ReadonlyArray<Pick<TransactionExecutionStepView, "id">>): boolean;

package/dist/types/components/composites/tx-preview/confirm/summary/PoolOperationConfirmDetails.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+export interface PoolOperationConfirmDetailsProps {
+    readonly apyLabel?: React.ReactNode;
+    readonly apy?: React.ReactNode;
+    readonly apyLoading?: boolean;
+    readonly poolTvlLabel: React.ReactNode;
+    readonly poolTvl: React.ReactNode;
+    readonly poolUtilizationLabel: React.ReactNode;
+    readonly poolUtilization: React.ReactNode;
+    readonly curatorLabel: React.ReactNode;
+    readonly curatorValue: React.ReactNode;
+    readonly poolLabel: React.ReactNode;
+    readonly poolContractValue: React.ReactNode;
+}
+export declare function PoolOperationConfirmDetails({ apyLabel, apy, apyLoading, poolTvlLabel, poolTvl, poolUtilizationLabel, poolUtilization, curatorLabel, curatorValue, poolLabel, poolContractValue, }: PoolOperationConfirmDetailsProps): React.ReactElement;

package/dist/types/components/composites/tx-preview/confirm/summary/constants.d.ts

@@ -1,3 +1,3 @@
-export declare class PoolOperationConfirmSummaryTest {
+export declare class PoolOperationConfirmDetailsTest {
     static root: string;
 }

package/dist/types/components/composites/tx-preview/confirm/summary/index.d.ts

@@ -1,2 +1,2 @@
 export * from './constants';
-export * from './PoolOperationConfirmSummary';
+export * from './PoolOperationConfirmDetails';

package/dist/types/components/composites/tx-preview/index.d.ts

@@ -11,9 +11,7 @@
  */
 export * from './components';
 export * from './confirm';
-export * from './hooks/useParsedTransaction';
 export * from './operations';
-export * from './prerequisites';
 export * from './state-change';
 export * from './types';
 export * from './utils';

package/dist/types/components/confirm-menu/confirm-menu.d.ts

@@ -2,8 +2,10 @@ import * as React from "react";
 export interface ConfirmMenuProps {
     /** Title text or element shown in the header */
     title: React.ReactNode;
-    /** Callback when the close button is clicked */
-    onClose: () => void;
+    /** Optional badge or addon rendered after the title (e.g. LP pill). */
+    titleAddon?: React.ReactNode;
+    /** Callback when the close button is clicked. Omit to hide the close control. */
+    onClose?: () => void;
     /** Additional CSS class applied to the root element */
     className?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/ui-kit",
-  "version": "3.14.0-next.14",
+  "version": "3.14.0-next.16",
   "description": "Internal UI components",
   "repository": "https://github.com/gearbox-protocol/ui-kit",
   "license": "MIT",

package/dist/cjs/components/composites/tx-preview/confirm/hooks/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useCalldataOperationPreview.cjs");exports.useCalldataOperationPreview=e.useCalldataOperationPreview;

package/dist/cjs/components/composites/tx-preview/confirm/hooks/useCalldataOperationPreview.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("../../hooks/useParsedTransaction.cjs"),P={chainId:0,tokensMeta:{get:()=>{}},plugins:{adapters:void 0},client:void 0},r="0x0000000000000000000000000000000000000000",p="0x";function m({enabled:d,sdk:i,to:o,calldata:t,wallet:n,refreshNonce:c}){const e=d&&!!i&&!!o&&!!t&&!!n,{data:a,error:u,simulation:l,isSimulating:s}=v.useParsedTransaction({enabled:e,sdk:i??P,to:o??r,calldata:t??p,sender:n??r,refreshNonce:c});return{operation:e?a:void 0,simulation:e?l:void 0,isSimulating:e?s:!1,parseError:e?u:null,isReady:e&&!!a&&!s}}exports.useCalldataOperationPreview=m;

package/dist/cjs/components/composites/tx-preview/confirm/stepper/HorizontalTransactionStepper.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");require("@gearbox-protocol/sdk");const s=require("../../../../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../../../utils/z-index.cjs");const x=require("./constants.cjs"),a=12,g=24,m=a+g;function f({status:t,stepNumber:i}){const r=t==="active";return t==="completed"?e.jsx("div",{className:"flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-gray-40","aria-hidden":!0,children:e.jsxs("svg",{width:"12",height:"10",viewBox:"0 0 12 10",fill:"none",className:"text-gray-110",role:"img","aria-hidden":!0,children:[e.jsx("title",{children:"Completed step"}),e.jsx("path",{d:"M1 5L4.5 8.5L11 1.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})}):e.jsx("div",{className:s.cn("flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-xs font-bold",r?"bg-white text-gray-10":"bg-gray-40 text-gray-110"),"aria-hidden":!0,children:i})}function y({active:t}){return e.jsx("span",{className:s.cn("pointer-events-none absolute top-0 z-10 block h-full",t?"bg-gray-40":"bg-gray-10"),style:{right:-a,width:a,clipPath:"polygon(0 0, 100% 50%, 0 100%)"},"aria-hidden":!0})}function j({step:t,stepNumber:i,index:r,total:n,label:p}){const{status:u}=t,l=r===0,d=r===n-1,c=n===1,o=u==="active",h=l?g:m;return e.jsx("li",{className:s.cn("relative min-w-0 flex-1 list-none",!l&&"-ml-3"),style:{zIndex:n-r},"aria-current":o?"step":void 0,children:e.jsxs("div",{className:s.cn("relative flex min-h-12 w-full items-center gap-2 py-2.5 text-xs",o?"bg-gray-40 text-foreground":"bg-gray-10 text-gray-110",c&&"rounded-lg pr-6",!c&&l&&"rounded-l-lg pr-2",!c&&d&&"rounded-r-lg pr-6"),style:{paddingLeft:h},children:[e.jsx(f,{status:u,stepNumber:i}),e.jsx("span",{className:s.cn("min-w-0 truncate",o&&"font-bold"),children:p}),d?null:e.jsx(y,{active:o})]})})}function v({steps:t,renderLabel:i}){return e.jsx("ol",{className:"flex w-full list-none p-0 m-0","data-testid":x.TransactionStepperTest.root,children:t.map((r,n)=>e.jsx(j,{step:r,stepNumber:n+1,index:n,total:t.length,label:i(r)},r.id))})}exports.HorizontalTransactionStepper=v;

package/dist/cjs/components/composites/tx-preview/confirm/stepper/computeTransactionExecutionSteps.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function a(e){return{approve:!e.allowWalletBatching&&(e.needsApproval||e.isApprovalPending),auth:!e.isAuthReady}}function p(e){return!e.allowWalletBatching&&(e.isApprovalPending||e.needsApproval)}function c(e,t){return a(t)[e]}function u(e,t){return t.completedStepsInSession?.includes(e)??!1}function i(e,t){return c(e,t)||u(e,t)}function f(e){const t=[];return i("approve",e)&&t.push("approve"),i("auth",e)&&t.push("auth"),t.push("execute"),t}function v(e,t){return e.isCorrectChain?p(e)?"approve":c("auth",e)?"auth":"execute":t[0]??"execute"}function d(e,t,n,o){const r=o.indexOf(n);return o.indexOf(e)<r?!0:e==="execute"?!1:!!(u(e,t)&&!c(e,t))}function S(e,t){return e==="approve"&&t.allowWalletBatching?"approveBatch":e==="auth"?"auth":e}function h(e){const t=f(e),n=v(e,t);return{steps:t.map(r=>{const l=d(r,e,n,t)?"completed":r===n?"active":"upcoming";return{id:r,labelKey:S(r,e),status:l}}),activeStepId:n}}exports.computeTransactionExecutionSteps=h;exports.getTransactionExecutionStepRequirements=a;

package/dist/cjs/components/composites/tx-preview/confirm/stepper/useCompletedStepsInSession.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),f=require("./computeTransactionExecutionSteps.cjs");function m({sessionActive:n,needsApproval:a,isApprovalPending:i=!1,allowWalletBatching:c,isAuthReady:S}){const[o,p]=s.useState([]),[d,u]=s.useState([]),e=f.getTransactionExecutionStepRequirements({needsApproval:a,isApprovalPending:i,allowWalletBatching:c,isAuthReady:S});return s.useEffect(()=>{if(!n){p([]),u([]);return}p(r=>{const t=new Set(r);return e.approve&&t.add("approve"),e.auth&&t.add("auth"),[...t]})},[n,e.approve,e.auth]),s.useEffect(()=>{n&&u(r=>{const t=new Set(r);return o.includes("approve")&&!e.approve&&t.add("approve"),o.includes("auth")&&!e.auth&&t.add("auth"),[...t]})},[n,o,e.approve,e.auth]),d}exports.useCompletedStepsInSession=m;

package/dist/cjs/components/composites/tx-preview/confirm/summary/PoolOperationConfirmSummary.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("@gearbox-protocol/sdk"),v=require("../../../../fadeout-loading/fadeout-loading.cjs"),y=require("../../../../tip-card/tip-card.cjs"),t=require("../../../../vertical-indicator/vertical-indicator.cjs"),C=require("../../../../vertical-list/vertical-list.cjs"),b=require("../../../../with-copy/with-copy.cjs"),f=require("./constants.cjs");function n({amount:o,symbol:i}){return e.jsxs("span",{children:[o," ",i]})}function q({primaryLabel:o,primaryAmount:i,primaryTokenSymbol:a,receiveLabel:l,receiveAmount:c,receiveTokenSymbol:m,apyLabel:u,apy:r,apyLoading:d=!1,curatorLabel:p,curatorName:x,poolLabel:j,poolAddress:s}){const _=h.shortAddress(s);return e.jsx(y.TipCard,{textColor:"light","data-testid":f.PoolOperationConfirmSummaryTest.root,children:e.jsxs(C.VerticalList,{children:[e.jsx(t.VerticalIndicator,{size:"sm",label:o,value:e.jsx(n,{amount:i,symbol:a})}),e.jsx(t.VerticalIndicator,{size:"sm",label:l,value:e.jsx(n,{amount:c,symbol:m})}),r!==void 0?e.jsx(t.VerticalIndicator,{size:"sm",label:u,value:e.jsx(v.FadeoutLoading,{loading:d,children:r})}):null,e.jsx(t.VerticalIndicator,{size:"sm",label:p,value:x}),e.jsx(t.VerticalIndicator,{size:"sm",label:j,value:e.jsx(b.WithCopy,{toCopy:s,children:e.jsx("span",{children:_})})})]})})}exports.PoolOperationConfirmSummary=q;

package/dist/cjs/components/composites/tx-preview/hooks/useParsedTransaction.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@gearbox-protocol/sdk/preview"),m=require("@tanstack/react-query"),v=require("react");function O(y){const{sdk:n,to:e,calldata:t,sender:o,refreshNonce:c,enabled:s=!0}=y,{parsed:a,error:f}=v.useMemo(()=>{if(!s)return{parsed:void 0,error:null};try{return{parsed:l.parseOperationCalldata({sdk:n,to:e,calldata:t,sender:o}),error:null}}catch(u){return{parsed:void 0,error:u instanceof Error?u:new Error(String(u))}}},[s,n,e,t,o,c]),r=s&&a&&l.isPoolOperation(a)?a:void 0,d=m.useQuery({queryKey:["pool-simulation",e,t,o,c],enabled:s&&r!==void 0,queryFn:()=>l.simulatePoolOperation({sdk:n,operation:r,to:e,calldata:t,wallet:o}),staleTime:Number.POSITIVE_INFINITY,retry:!1}),i=d.data;let p=a;return r&&i?.status==="success"&&(p={...r,transfers:i.transfers}),{data:p,error:f,simulation:i,isSimulating:r!==void 0&&d.isLoading}}exports.useParsedTransaction=O;

package/dist/cjs/components/composites/tx-preview/prerequisites/PrerequisiteRow.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("@fortawesome/free-solid-svg-icons"),r=require("../../../icons/fa-icon.cjs"),n=require("../../../vertical-indicator/vertical-indicator.cjs"),a=require("./prerequisiteDetails.cjs");function o({result:i,sdk:t}){const c=i.error?e.jsx(r.FaIcon,{icon:s.faTriangleExclamation,className:"size-4 text-warning"}):i.satisfied?e.jsx(r.FaIcon,{icon:s.faCircleCheck,className:"size-4 text-success"}):e.jsx(r.FaIcon,{icon:s.faXmark,className:"size-4 text-destructive"});return e.jsx(n.VerticalIndicator,{label:e.jsxs("span",{className:"flex items-center gap-2",children:[c,e.jsx("span",{children:i.title})]}),value:i.error?e.jsx("span",{className:"text-destructive text-sm",children:i.error.reason}):a.renderPrerequisiteDetail(i,t)})}exports.PrerequisiteRow=o;

package/dist/cjs/components/composites/tx-preview/prerequisites/PrerequisitesCard.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../../cards/card/card.cjs"),d=require("../../../error-message/error-line-message.cjs");require("react-intl");require("../../../buttons/button/button.cjs");require("../../../dialog/dialog-container.cjs");require("react");require("@gearbox-protocol/sdk");require("clsx");require("tailwind-merge");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../../utils/z-index.cjs");const p=require("../../../skeleton/skeleton-stack.cjs");require("../components/AddressAvatar.cjs");require("@gearbox-protocol/static");require("@fortawesome/free-solid-svg-icons");require("../../../icons/fa-icon.cjs");require("../../../accordion/accordion.cjs");require("../../../alert-badge/alert-badge.cjs");require("../../../alert-dialog/alert-dialog.cjs");require("../../../alert-modal/alert-modal.cjs");require("../../../tooltip/simple-tooltip.cjs");require("../../../tooltip/tooltip.cjs");require("../../../arc-loader/arc-loader.cjs");require("../../../asset-line/asset-line.cjs");require("../../../buttons/back-button/back-button.cjs");require("../../../buttons/copy-button/copy-button.cjs");require("../../../buttons/external-button/external-button.cjs");require("../../../buttons/filter-button/filter-button.cjs");require("../../../buttons/navigation-button/navigation-button.cjs");require("../../../buttons/tab-button/tab-button.cjs");require("../../../token-icon/token-icon.cjs");require("wagmi");require("../../../auth/wallet-ui-context.cjs");require("../../../avatar/avatar.cjs");require("../../../badge/badge.cjs");require("../../../base-link/base-link.cjs");require("../../../navigation-context/navigation-context.cjs");require("../../../button-checkbox/button-checkbox.cjs");require("../../../card-grid/card-grid.cjs");require("../../../carousel/carousel.cjs");require("../../../checkbox/checkbox.cjs");require("../../../checkbox/checkbox-labeled.cjs");require("../../../checkbox-item/checkbox-item.cjs");require("../../../client-adapters/styled-button/styled-button.cjs");require("../../../client-adapters/styled-dialog-container/styled-dialog-container.cjs");require("../../../client-adapters/styled-rounded-image/styled-rounded-image.cjs");require("../../../colored-text/colored-text.cjs");require("../../../input/input.cjs");require("../../../with-title/with-title.cjs");require("../../../smart-number-input/balance-indicator.cjs");require("../../../smart-number-input/smart-number-input.cjs");require("../../../table/grid-table.cjs");require("../../../token-symbol/token-symbol.cjs");require("../../../typography/typography.cjs");require("../../../help-tip/help-tip.cjs");require("../../../description/description.cjs");require("../../../confirm-menu/confirm-menu.cjs");require("../../../dialog/dialog-modal-container.cjs");require("../../../text-button/text-button.cjs");require("../../../vertical-indicator/vertical-indicator.cjs");require("../../../points-icon/points-icon.cjs");require("../../../skeleton/skeleton.cjs");require("../../../vertical-list/vertical-list.cjs");require("../../../rounded-image/rounded-image.cjs");require("../../../progress/progress.cjs");require("../../../pool-indicator-icon/pool-indicator-icon.cjs");require("../../strategies-table/components/feature/feature.styles.cjs");require("viem");require("../../../icon-button/icon-button.cjs");require("../../../separate-line/separate-line.cjs");require("../../../tip-card/tip-card.cjs");require("../../strategies-table/components/rewards-tooltip/rewards-tooltip-root.cjs");require("../../../currency-button/currency-button.cjs");require("../../../detailed-apy/detailed-apy.cjs");require("../../../detailed-page-title/detailed-page-title.cjs");require("../../../detailed-page-title/detailed-page-title-copy-button.cjs");require("../../../detailed-page-title/detailed-page-title-explorer-dropdown.cjs");require("../../../modal/modal.cjs");require("@radix-ui/react-dialog");require("../../../dialog/dialog-content.cjs");require("../../../dialog/dialog-description.cjs");require("../../../dialog/dialog-footer.cjs");require("../../../dialog/dialog-header.cjs");require("../../../dialog/dialog-title.cjs");require("../../../dialog/dialog-overlay.cjs");require("../../../label/label.cjs");require("../../../dropdown-menu/dropdown-menu.cjs");require("../../../dropdown-menu/dropdown-menu-checkbox-item.cjs");require("../../../dropdown-menu/dropdown-menu-content.cjs");require("../../../dropdown-menu/dropdown-menu-item.cjs");require("../../../dropdown-menu/dropdown-menu-label.cjs");require("../../../dropdown-menu/dropdown-menu-radio-item.cjs");require("../../../dropdown-menu/dropdown-menu-separator.cjs");require("../../../dropdown-menu/dropdown-menu-shortcut.cjs");require("../../../dropdown-menu/dropdown-menu-sub-content.cjs");require("../../../dropdown-menu/dropdown-menu-sub-trigger.cjs");require("../../../edit-input/edit-input.cjs");require("../../../fadeout-loading/fadeout-loading.cjs");require("../../../filter/filter-block.cjs");require("../../../filter/filter-checkbox-item.cjs");require("../../../filter/filter-chip.cjs");require("../../../filter/filter-chips.cjs");require("../../../filter/filter-dropdown-item.cjs");require("../../../filter/filter-group.cjs");require("../../../filter/filter-label.cjs");require("../../../search-line/search-line.cjs");require("../../../tabs/tabs.cjs");require("../../../filter/filter-modal-item.cjs");require("../../../filter/filter-radio-item.cjs");require("../../../filter/filter-separator.cjs");require("../../../filter/variants.cjs");require("../../../graph/formatters.cjs");require("lightweight-charts");require("../../../graph/graph-view.cjs");require("../../../health-factor/health-factor.cjs");require("../../../horizontal-indicator/horizontal-indicator.cjs");require("../../../layout/col/col.cjs");require("../../../layout/container/container.cjs");require("../../../layout/footer/footer.cjs");require("../../../layout/grid/grid.cjs");require("../../../layout/header/header.cjs");require("../../../layout/layout/layout.cjs");require("../../../layout/main-aside-layout/main-aside-layout.cjs");require("../../../page-title/page-title.cjs");require("../../../layout/social-icons/social-icons.cjs");require("../../../legal-agreement/legal-agreement-theme.cjs");require("../../../link/link.cjs");require("../../../../utils/reactochart-compat.cjs");require("../../../status-elements/status-elements.cjs");require("../../../loader/loader.cjs");require("../../../loading/loading.cjs");require("../../../loading-bar/loading-bar.cjs");require("react-markdown");require("remark-gfm");require("../../../navbar/navbar.cjs");require("../../../navbar/navbar-indicator-context.cjs");require("../../../app-bar/app-bar.cjs");require("../../../navitem/navitem.cjs");require("../../../simple-dropdown/simple-dropdown.cjs");require("../../../progress-bar/progress-bar.cjs");require("../../../radio-group/radio-group.cjs");require("../../../search-bar/search-bar.cjs");require("../../../segmented-control/segmented-control.cjs");require("../../../select/select.cjs");require("../../../separator/separator.cjs");require("../../../simple-accordion/simple-accordion.cjs");require("../../../simple-dropdown/simple-dropdown-menu-item.cjs");require("../../../slider/slider.cjs");require("../../../slider/slider-context.cjs");require("@radix-ui/react-slider");require("../../../spinner/spinner.cjs");require("../../../spinner-loader/spinner-loader.cjs");require("../../../split-list/split-list.cjs");require("../../../stat-badge/stat-badge.cjs");require("../../../status-dot/status-dot.cjs");require("../../../stepper/stepper.cjs");require("../../../switch/switch.cjs");require("../../../table/table.cjs");require("../../../table/grid-table-loader.cjs");require("../../../textarea/textarea.cjs");require("../../../theme-provider.cjs");require("../../../time-to-liquidation/time-to-liquidation.cjs");require("../../../toggle/toggle.cjs");require("../../../with-filter-button/with-filter-button.cjs");const _=require("../components/CollapsibleCard.cjs"),m=require("./PrerequisiteRow.cjs"),x=require("./usePrerequisites.cjs");function P({sdk:q,operation:t,wallet:n,blockNumber:o,refreshNonce:c}){const{data:i,isLoading:a,error:s}=x.usePrerequisites({sdk:q,operation:t,wallet:n,blockNumber:o,refreshNonce:c});if(a)return e.jsxs(u.Card,{children:[e.jsx(u.CardHeader,{children:e.jsx(u.CardTitle,{children:"Prerequisites"})}),e.jsx(u.CardContent,{children:e.jsx(p.SkeletonStack,{lines:3})})]});if(s)return e.jsx(d.ErrorLineMessage,{err:s,title:"Failed to verify prerequisites"});if(!i||i.length===0)return null;const l=i.every(r=>!r.error&&r.satisfied);return e.jsx(_.CollapsibleCard,{value:"prerequisites",title:"Prerequisites",defaultOpen:!l,children:i.map(r=>e.jsx(m.PrerequisiteRow,{result:r,sdk:q},r.id))})}exports.PrerequisitesCard=P;

package/dist/cjs/components/composites/tx-preview/prerequisites/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./PrerequisiteRow.cjs"),i=require("./PrerequisitesCard.cjs"),e=require("./prerequisiteDetails.cjs"),s=require("./usePrerequisites.cjs");exports.PrerequisiteRow=r.PrerequisiteRow;exports.PrerequisitesCard=i.PrerequisitesCard;exports.prerequisiteDetailRenderers=e.prerequisiteDetailRenderers;exports.renderPrerequisiteDetail=e.renderPrerequisiteDetail;exports.usePrerequisites=s.usePrerequisites;

package/dist/cjs/components/composites/tx-preview/prerequisites/prerequisiteDetails.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),u=require("viem"),d=require("../../../token-icon/token-icon.cjs"),p=require("../../../token-template/token-template.cjs"),i=require("../utils/poolTokenInfo.cjs");function l({token:e,required:n,actual:r,actualLabel:c="Available"}){const m={symbol:e.symbol,title:e.symbol,decimals:e.decimals},t=o=>o===u.maxUint256?s.jsxs("span",{className:"flex items-center gap-1",title:"Unlimited",children:[s.jsx("span",{"aria-hidden":!0,children:"∞"}),s.jsx("span",{children:e.symbol})]}):s.jsx(p.TokenTemplate,{value:o,token:m,showSymbol:!0});return s.jsxs("span",{className:"flex flex-col items-end gap-0.5 text-sm",children:[s.jsxs("span",{className:"flex items-center gap-1",children:[s.jsx("span",{className:"text-muted-foreground",children:"Required"}),s.jsx(d.TokenIcon,{symbol:e.symbol,size:14}),t(n)]}),r!==void 0?s.jsxs("span",{className:"flex items-center gap-1",children:[s.jsx("span",{className:"text-muted-foreground",children:c}),t(r)]}):null]})}const a={allowance:(e,n)=>s.jsx(l,{token:i.resolveToken(n,e.token),required:e.required,actual:e.actual,actualLabel:"Approved"}),balance:(e,n)=>s.jsx(l,{token:i.resolveToken(n,e.token),required:e.required,actual:e.actual})};function x(e,n){const r=a[e.kind];return r(e.detail,n)}exports.prerequisiteDetailRenderers=a;exports.renderPrerequisiteDetail=x;

package/dist/cjs/components/composites/tx-preview/prerequisites/usePrerequisites.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@gearbox-protocol/sdk"),i=require("@gearbox-protocol/sdk/preview"),o=require("@tanstack/react-query");function q({sdk:u,operation:e,wallet:r,blockNumber:s,refreshNonce:n}){return o.useQuery({queryKey:["prerequisites",c.json_stringify(e),r,s?.toString(),n],queryFn:()=>{const t={sdk:u,wallet:r,blockNumber:s};return i.verifyPrerequisites(i.buildPrerequisites(e,t),t)},staleTime:1e4,refetchOnWindowFocus:!0,refetchInterval:3e4,retry:!1})}exports.usePrerequisites=q;

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

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

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

@@ -1,35 +0,0 @@
-import { useParsedTransaction as p } from "../../hooks/useParsedTransaction.js";
-const v = {
-  chainId: 0,
-  tokensMeta: { get: () => {
-  } },
-  plugins: { adapters: void 0 },
-  client: void 0
-}, s = "0x0000000000000000000000000000000000000000", m = "0x";
-function E({
-  enabled: d,
-  sdk: n,
-  to: e,
-  calldata: o,
-  wallet: a,
-  refreshNonce: c
-}) {
-  const i = d && !!n && !!e && !!o && !!a, { data: t, error: l, simulation: u, isSimulating: r } = p({
-    enabled: i,
-    sdk: n ?? v,
-    to: e ?? s,
-    calldata: o ?? m,
-    sender: a ?? s,
-    refreshNonce: c
-  });
-  return {
-    operation: i ? t : void 0,
-    simulation: i ? u : void 0,
-    isSimulating: i ? r : !1,
-    parseError: i ? l : null,
-    isReady: i && !!t && !r
-  };
-}
-export {
-  E as useCalldataOperationPreview
-};

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

@@ -1,136 +0,0 @@
-import { jsx as e, jsxs as p } 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 { TransactionStepperTest as f } from "./constants.js";
-const c = 12, u = 24, y = c + u;
-function x({
-  status: t,
-  stepNumber: i
-}) {
-  const r = t === "active";
-  return t === "completed" ? /* @__PURE__ */ e(
-    "div",
-    {
-      className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-gray-40",
-      "aria-hidden": !0,
-      children: /* @__PURE__ */ p(
-        "svg",
-        {
-          width: "12",
-          height: "10",
-          viewBox: "0 0 12 10",
-          fill: "none",
-          className: "text-gray-110",
-          role: "img",
-          "aria-hidden": !0,
-          children: [
-            /* @__PURE__ */ e("title", { children: "Completed step" }),
-            /* @__PURE__ */ e(
-              "path",
-              {
-                d: "M1 5L4.5 8.5L11 1.5",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
-              }
-            )
-          ]
-        }
-      )
-    }
-  ) : /* @__PURE__ */ e(
-    "div",
-    {
-      className: o(
-        "flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-xs font-bold",
-        r ? "bg-white text-gray-10" : "bg-gray-40 text-gray-110"
-      ),
-      "aria-hidden": !0,
-      children: i
-    }
-  );
-}
-function v({ active: t }) {
-  return /* @__PURE__ */ e(
-    "span",
-    {
-      className: o(
-        "pointer-events-none absolute top-0 z-10 block h-full",
-        t ? "bg-gray-40" : "bg-gray-10"
-      ),
-      style: {
-        right: -c,
-        width: c,
-        clipPath: "polygon(0 0, 100% 50%, 0 100%)"
-      },
-      "aria-hidden": !0
-    }
-  );
-}
-function N({
-  step: t,
-  stepNumber: i,
-  index: r,
-  total: n,
-  label: g
-}) {
-  const { status: d } = t, s = r === 0, m = r === n - 1, a = n === 1, l = d === "active", h = s ? u : y;
-  return /* @__PURE__ */ e(
-    "li",
-    {
-      className: o("relative min-w-0 flex-1 list-none", !s && "-ml-3"),
-      style: { zIndex: n - r },
-      "aria-current": l ? "step" : void 0,
-      children: /* @__PURE__ */ p(
-        "div",
-        {
-          className: o(
-            "relative flex min-h-12 w-full items-center gap-2 py-2.5 text-xs",
-            l ? "bg-gray-40 text-foreground" : "bg-gray-10 text-gray-110",
-            a && "rounded-lg pr-6",
-            !a && s && "rounded-l-lg pr-2",
-            !a && m && "rounded-r-lg pr-6"
-          ),
-          style: { paddingLeft: h },
-          children: [
-            /* @__PURE__ */ e(x, { status: d, stepNumber: i }),
-            /* @__PURE__ */ e("span", { className: o("min-w-0 truncate", l && "font-bold"), children: g }),
-            m ? null : /* @__PURE__ */ e(v, { active: l })
-          ]
-        }
-      )
-    }
-  );
-}
-function _({
-  steps: t,
-  renderLabel: i
-}) {
-  return /* @__PURE__ */ e(
-    "ol",
-    {
-      className: "flex w-full list-none p-0 m-0",
-      "data-testid": f.root,
-      children: t.map((r, n) => /* @__PURE__ */ e(
-        N,
-        {
-          step: r,
-          stepNumber: n + 1,
-          index: n,
-          total: t.length,
-          label: i(r)
-        },
-        r.id
-      ))
-    }
-  );
-}
-export {
-  _ as HorizontalTransactionStepper
-};