@gearbox-protocol/ui-kit 3.14.0-next.16 → 3.14.0-next.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/composites/tx-preview/confirm/dialog/TransactionConfirmDialogView.cjs +1 -1
- package/dist/cjs/components/composites/tx-preview/confirm/dialog/TransactionConfirmShell.cjs +1 -1
- package/dist/cjs/components/composites/tx-preview/confirm/dialog/constants.cjs +1 -1
- package/dist/cjs/components/composites/tx-preview/confirm/dialog/index.cjs +1 -1
- package/dist/cjs/components/composites/tx-preview/confirm/index.cjs +1 -1
- package/dist/cjs/components/composites/tx-preview/index.cjs +1 -1
- package/dist/esm/components/composites/tx-preview/confirm/dialog/TransactionConfirmDialogView.js +37 -28
- package/dist/esm/components/composites/tx-preview/confirm/dialog/TransactionConfirmShell.js +58 -44
- package/dist/esm/components/composites/tx-preview/confirm/dialog/constants.js +11 -5
- package/dist/esm/components/composites/tx-preview/confirm/dialog/index.js +14 -12
- package/dist/esm/components/composites/tx-preview/confirm/index.js +41 -39
- package/dist/esm/components/composites/tx-preview/index.js +75 -73
- package/dist/globals.css +1 -1
- package/dist/types/components/composites/tx-preview/confirm/dialog/TransactionConfirmDialogView.d.ts +5 -1
- package/dist/types/components/composites/tx-preview/confirm/dialog/constants.d.ts +7 -0
- package/package.json +1 -1
package/dist/cjs/components/composites/tx-preview/confirm/dialog/TransactionConfirmDialogView.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("../../../../modal/modal.cjs"),P=require("./constants.cjs"),T=require("./TransactionConfirmPageView.cjs");function V({open:n,onClose:o,phase:i="confirm",title:r,titleAddon:t,preview:a,previewLoading:s=!1,previewError:c,previewErrorTitle:m="Unable to preview transaction",previewClassName:l,containerClassName:u,containerTestId:f,shellTestId:_,execution:d,progressSteps:g,renderProgressStepLabel:w,result:C,hideTitleAddonOnResult:p=!0}){return n?e.jsx(x.Modal,{show:n,onClickOutside:o,zIndexLayer:"MODAL",children:e.jsx(T.TransactionConfirmPageView,{phase:i,onClose:o,title:r,titleAddon:t,preview:a,previewLoading:s,previewError:c,previewErrorTitle:m,previewClassName:l,containerClassName:u??P.transactionConfirmModalContainerVariants(),containerTestId:f,shellTestId:_,execution:d,progressSteps:g,renderProgressStepLabel:w,result:C,hideTitleAddonOnResult:p})}):null}exports.TransactionConfirmDialogView=V;
|
package/dist/cjs/components/composites/tx-preview/confirm/dialog/TransactionConfirmShell.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),q=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 g=require("../../../../skeleton/skeleton-stack.cjs"),t=require("../../../../vspace/vspace.cjs"),v=require("../stepper/TransactionProgressStepper.cjs"),w=require("../stepper/transactionExecutionStepTypes.cjs"),T=require("./computeTransactionConfirmDialogLayout.cjs"),n=require("./constants.cjs");function j({phase:l="confirm",header:r,preview:u,previewLoading:m=!1,previewError:a,previewErrorTitle:h="Unable to preview transaction",previewClassName:p=n.transactionConfirmPreviewScrollVariants(),execution:d,progressSteps:i,renderProgressStepLabel:o,result:c,className:x,"data-testid":_=n.TransactionConfirmDialogTest.root}){const f=!!(i&&o&&w.shouldShowTransactionProgressStepper(i)),s=T.computeTransactionConfirmDialogLayout(l,f);return e.jsxs("div",{className:n.transactionConfirmShellContentVariants({className:x}),"data-testid":_,children:[r?e.jsx("div",{className:"shrink-0",children:r}):null,r?e.jsx(t.VSpace,{height:16}):null,s.showResult&&c?e.jsx("div",{className:"min-h-0","data-testid":n.TransactionConfirmDialogTest.result,children:c}):null,s.showResult?null:e.jsxs("div",{className:"flex min-h-0 flex-1 flex-col",children:[s.showPreview?e.jsx("div",{className:p,children:m?e.jsx(g.SkeletonStack,{lines:3}):a?e.jsx(q.ErrorLineMessage,{err:a,title:h}):u}):null,s.showPreview&&s.showExecution?e.jsx(t.VSpace,{height:24}):null,s.showExecution?e.jsx("div",{className:"min-w-0 w-full shrink-0","data-testid":n.TransactionConfirmDialogTest.execution,children:d}):null]}),s.showProgressStepper&&i&&o?e.jsxs(e.Fragment,{children:[e.jsx(t.VSpace,{height:24}),e.jsx("div",{className:"shrink-0","data-testid":n.TransactionConfirmDialogTest.progress,children:e.jsx(v.TransactionProgressStepper,{steps:i,renderLabel:o})})]}):null]})}exports.TransactionConfirmShell=j;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("class-variance-authority");class n{static root="transaction-confirm-dialog-root";static execution="transaction-confirm-dialog-execution";static progress="transaction-confirm-dialog-progress";static result="transaction-confirm-dialog-result"}const o=a.cva("box-border w-full max-w-full md:w-[560px] md:max-w-[560px]"),t=a.cva("flex max-h-[min(100dvh-2.5rem,900px)] min-h-0 flex-col"),i=a.cva("flex min-h-0 flex-1 flex-col gap-4 overflow-x-hidden overflow-y-auto"),r=a.cva("box-border flex min-h-0 w-full min-w-0 max-w-full flex-1 flex-col");exports.TransactionConfirmDialogTest=n;exports.transactionConfirmDialogShellVariants=o;exports.transactionConfirmModalContainerVariants=t;exports.transactionConfirmPreviewScrollVariants=i;exports.transactionConfirmShellContentVariants=r;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./computeTransactionConfirmDialogLayout.cjs"),o=require("./constants.cjs"),i=require("./TransactionConfirmDialogView.cjs"),a=require("./TransactionConfirmPageView.cjs"),r=require("./TransactionConfirmShell.cjs"),t=require("./TransactionConfirmShell.constants.cjs"),e=require("./useTransactionConfirmDialog.cjs");exports.computeTransactionConfirmDialogLayout=n.computeTransactionConfirmDialogLayout;exports.TransactionConfirmDialogTest=o.TransactionConfirmDialogTest;exports.transactionConfirmDialogShellVariants=o.transactionConfirmDialogShellVariants;exports.transactionConfirmShellContentVariants=o.transactionConfirmShellContentVariants;exports.TransactionConfirmDialogView=i.TransactionConfirmDialogView;exports.TransactionConfirmPageView=a.TransactionConfirmPageView;exports.TransactionConfirmShell=r.TransactionConfirmShell;exports.TransactionConfirmShellTest=t.TransactionConfirmShellTest;exports.useTransactionConfirmDialog=e.useTransactionConfirmDialog;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./computeTransactionConfirmDialogLayout.cjs"),o=require("./constants.cjs"),i=require("./TransactionConfirmDialogView.cjs"),a=require("./TransactionConfirmPageView.cjs"),r=require("./TransactionConfirmShell.cjs"),t=require("./TransactionConfirmShell.constants.cjs"),e=require("./useTransactionConfirmDialog.cjs");exports.computeTransactionConfirmDialogLayout=n.computeTransactionConfirmDialogLayout;exports.TransactionConfirmDialogTest=o.TransactionConfirmDialogTest;exports.transactionConfirmDialogShellVariants=o.transactionConfirmDialogShellVariants;exports.transactionConfirmModalContainerVariants=o.transactionConfirmModalContainerVariants;exports.transactionConfirmPreviewScrollVariants=o.transactionConfirmPreviewScrollVariants;exports.transactionConfirmShellContentVariants=o.transactionConfirmShellContentVariants;exports.TransactionConfirmDialogView=i.TransactionConfirmDialogView;exports.TransactionConfirmPageView=a.TransactionConfirmPageView;exports.TransactionConfirmShell=r.TransactionConfirmShell;exports.TransactionConfirmShellTest=t.TransactionConfirmShellTest;exports.useTransactionConfirmDialog=e.useTransactionConfirmDialog;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./amounts/constants.cjs"),i=require("./amounts/TransactionConfirmAmountField.cjs"),r=require("./amounts/TransactionConfirmAmountPair.cjs"),e=require("./dialog/computeTransactionConfirmDialogLayout.cjs"),o=require("./dialog/constants.cjs"),s=require("./dialog/TransactionConfirmDialogView.cjs"),a=require("./dialog/TransactionConfirmPageView.cjs"),c=require("./dialog/TransactionConfirmShell.cjs"),m=require("./dialog/TransactionConfirmShell.constants.cjs"),_=require("./dialog/useTransactionConfirmDialog.cjs"),u=require("./execution/TransactionConfirmExecuteButton.cjs"),f=require("./preview/OperationPreviewContent.cjs"),n=require("./result/constants.cjs"),T=require("./result/TransactionConfirmFailureResult.cjs"),l=require("./result/TransactionConfirmSuccessIcon.cjs"),p=require("./result/TransactionConfirmSuccessResult.cjs"),C=require("./result/TransactionConfirmTxHashRow.cjs"),P=require("./stepper/constants.cjs"),w=require("./stepper/TransactionProgressStepper.cjs"),x=require("./stepper/transactionExecutionStepTypes.cjs"),g=require("./summary/constants.cjs"),S=require("./summary/PoolOperationConfirmDetails.cjs");exports.TransactionConfirmAmountFieldTest=t.TransactionConfirmAmountFieldTest;exports.TransactionConfirmAmountPairTest=t.TransactionConfirmAmountPairTest;exports.TransactionConfirmAmountField=i.TransactionConfirmAmountField;exports.TransactionConfirmAmountPair=r.TransactionConfirmAmountPair;exports.computeTransactionConfirmDialogLayout=e.computeTransactionConfirmDialogLayout;exports.TransactionConfirmDialogTest=o.TransactionConfirmDialogTest;exports.transactionConfirmDialogShellVariants=o.transactionConfirmDialogShellVariants;exports.transactionConfirmModalContainerVariants=o.transactionConfirmModalContainerVariants;exports.transactionConfirmPreviewScrollVariants=o.transactionConfirmPreviewScrollVariants;exports.transactionConfirmShellContentVariants=o.transactionConfirmShellContentVariants;exports.TransactionConfirmDialogView=s.TransactionConfirmDialogView;exports.TransactionConfirmPageView=a.TransactionConfirmPageView;exports.TransactionConfirmShell=c.TransactionConfirmShell;exports.TransactionConfirmShellTest=m.TransactionConfirmShellTest;exports.useTransactionConfirmDialog=_.useTransactionConfirmDialog;exports.TransactionConfirmExecuteButton=u.TransactionConfirmExecuteButton;exports.OperationPreviewContent=f.OperationPreviewContent;exports.TransactionConfirmExecuteButtonTest=n.TransactionConfirmExecuteButtonTest;exports.TransactionConfirmFailureResultTest=n.TransactionConfirmFailureResultTest;exports.TransactionConfirmSuccessResultTest=n.TransactionConfirmSuccessResultTest;exports.TransactionConfirmTxHashRowTest=n.TransactionConfirmTxHashRowTest;exports.TransactionConfirmFailureResult=T.TransactionConfirmFailureResult;exports.TransactionConfirmSuccessIcon=l.TransactionConfirmSuccessIcon;exports.TransactionConfirmSuccessResult=p.TransactionConfirmSuccessResult;exports.TransactionConfirmTxHashRow=C.TransactionConfirmTxHashRow;exports.TransactionProgressStepperTest=P.TransactionProgressStepperTest;exports.TransactionProgressStepper=w.TransactionProgressStepper;exports.shouldShowTransactionProgressStepper=x.shouldShowTransactionProgressStepper;exports.PoolOperationConfirmDetailsTest=g.PoolOperationConfirmDetailsTest;exports.PoolOperationConfirmDetails=S.PoolOperationConfirmDetails;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./components/AddressAvatar.cjs"),s=require("./components/AddressParty.cjs"),i=require("./components/AddressRow.cjs"),a=require("./components/AmountRow.cjs"),c=require("./components/addressLabel.cjs"),m=require("./components/CollapsibleCard.cjs"),_=require("./components/SectionDivider.cjs"),p=require("./components/TransferList.cjs"),l=require("./components/TransferRow.cjs"),n=require("./confirm/amounts/constants.cjs"),u=require("./confirm/amounts/TransactionConfirmAmountField.cjs"),C=require("./confirm/amounts/TransactionConfirmAmountPair.cjs"),f=require("./confirm/dialog/computeTransactionConfirmDialogLayout.cjs"),o=require("./confirm/dialog/constants.cjs"),T=require("./confirm/dialog/TransactionConfirmDialogView.cjs"),w=require("./confirm/dialog/TransactionConfirmPageView.cjs"),P=require("./confirm/dialog/TransactionConfirmShell.cjs"),d=require("./confirm/dialog/TransactionConfirmShell.constants.cjs"),v=require("./confirm/dialog/useTransactionConfirmDialog.cjs"),x=require("./confirm/execution/TransactionConfirmExecuteButton.cjs"),g=require("./confirm/preview/OperationPreviewContent.cjs"),e=require("./confirm/result/constants.cjs"),q=require("./confirm/result/TransactionConfirmFailureResult.cjs"),S=require("./confirm/result/TransactionConfirmSuccessIcon.cjs"),h=require("./confirm/result/TransactionConfirmSuccessResult.cjs"),R=require("./confirm/result/TransactionConfirmTxHashRow.cjs"),A=require("./confirm/stepper/constants.cjs"),D=require("./confirm/stepper/TransactionProgressStepper.cjs"),V=require("./confirm/stepper/transactionExecutionStepTypes.cjs"),O=require("./confirm/summary/constants.cjs"),y=require("./confirm/summary/PoolOperationConfirmDetails.cjs"),B=require("./operations/OperationBody.cjs"),t=require("./operations/OperationsCard.cjs"),b=require("./operations/PoolDepositView.cjs"),L=require("./operations/PoolRow.cjs"),F=require("./operations/PoolWithdrawView.cjs"),E=require("./state-change/BalanceChangeGroup.cjs"),H=require("./state-change/BalanceChangeRow.cjs"),I=require("./state-change/PoolStateChangeCard.cjs"),k=require("./state-change/StateChangeCard.cjs"),G=require("./utils/addressLabels.cjs"),M=require("./utils/poolTokenInfo.cjs");exports.AddressAvatar=r.AddressAvatar;exports.AddressParty=s.AddressParty;exports.AddressRow=i.AddressRow;exports.AmountRow=a.AmountRow;exports.getAddressLabel=c.getAddressLabel;exports.CollapsibleCard=m.CollapsibleCard;exports.SectionDivider=_.SectionDivider;exports.TransferList=p.TransferList;exports.TransferRow=l.TransferRow;exports.TransactionConfirmAmountFieldTest=n.TransactionConfirmAmountFieldTest;exports.TransactionConfirmAmountPairTest=n.TransactionConfirmAmountPairTest;exports.TransactionConfirmAmountField=u.TransactionConfirmAmountField;exports.TransactionConfirmAmountPair=C.TransactionConfirmAmountPair;exports.computeTransactionConfirmDialogLayout=f.computeTransactionConfirmDialogLayout;exports.TransactionConfirmDialogTest=o.TransactionConfirmDialogTest;exports.transactionConfirmDialogShellVariants=o.transactionConfirmDialogShellVariants;exports.transactionConfirmModalContainerVariants=o.transactionConfirmModalContainerVariants;exports.transactionConfirmPreviewScrollVariants=o.transactionConfirmPreviewScrollVariants;exports.transactionConfirmShellContentVariants=o.transactionConfirmShellContentVariants;exports.TransactionConfirmDialogView=T.TransactionConfirmDialogView;exports.TransactionConfirmPageView=w.TransactionConfirmPageView;exports.TransactionConfirmShell=P.TransactionConfirmShell;exports.TransactionConfirmShellTest=d.TransactionConfirmShellTest;exports.useTransactionConfirmDialog=v.useTransactionConfirmDialog;exports.TransactionConfirmExecuteButton=x.TransactionConfirmExecuteButton;exports.OperationPreviewContent=g.OperationPreviewContent;exports.TransactionConfirmExecuteButtonTest=e.TransactionConfirmExecuteButtonTest;exports.TransactionConfirmFailureResultTest=e.TransactionConfirmFailureResultTest;exports.TransactionConfirmSuccessResultTest=e.TransactionConfirmSuccessResultTest;exports.TransactionConfirmTxHashRowTest=e.TransactionConfirmTxHashRowTest;exports.TransactionConfirmFailureResult=q.TransactionConfirmFailureResult;exports.TransactionConfirmSuccessIcon=S.TransactionConfirmSuccessIcon;exports.TransactionConfirmSuccessResult=h.TransactionConfirmSuccessResult;exports.TransactionConfirmTxHashRow=R.TransactionConfirmTxHashRow;exports.TransactionProgressStepperTest=A.TransactionProgressStepperTest;exports.TransactionProgressStepper=D.TransactionProgressStepper;exports.shouldShowTransactionProgressStepper=V.shouldShowTransactionProgressStepper;exports.PoolOperationConfirmDetailsTest=O.PoolOperationConfirmDetailsTest;exports.PoolOperationConfirmDetails=y.PoolOperationConfirmDetails;exports.OperationBody=B.OperationBody;exports.OperationsCard=t.OperationsCard;exports.hasOperationView=t.hasOperationView;exports.PoolDepositView=b.PoolDepositView;exports.PoolRow=L.PoolRow;exports.PoolWithdrawView=F.PoolWithdrawView;exports.BalanceChangeGroup=E.BalanceChangeGroup;exports.BalanceChangeRow=H.BalanceChangeRow;exports.PoolStateChangeCard=I.PoolStateChangeCard;exports.StateChangeCard=k.StateChangeCard;exports.buildPoolOperationLabels=G.buildPoolOperationLabels;exports.resolveToken=M.resolveToken;
|
package/dist/esm/components/composites/tx-preview/confirm/dialog/TransactionConfirmDialogView.js
CHANGED
|
@@ -1,41 +1,50 @@
|
|
|
1
1
|
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
-
import { Modal as
|
|
3
|
-
import {
|
|
4
|
-
|
|
2
|
+
import { Modal as V } from "../../../../modal/modal.js";
|
|
3
|
+
import { transactionConfirmModalContainerVariants as g } from "./constants.js";
|
|
4
|
+
import { TransactionConfirmPageView as h } from "./TransactionConfirmPageView.js";
|
|
5
|
+
function b({
|
|
5
6
|
open: r,
|
|
6
7
|
onClose: i,
|
|
7
8
|
phase: o = "confirm",
|
|
8
|
-
title:
|
|
9
|
-
titleAddon:
|
|
10
|
-
preview:
|
|
11
|
-
previewLoading:
|
|
12
|
-
previewError:
|
|
13
|
-
previewErrorTitle:
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
9
|
+
title: a,
|
|
10
|
+
titleAddon: t,
|
|
11
|
+
preview: e,
|
|
12
|
+
previewLoading: m = !1,
|
|
13
|
+
previewError: f,
|
|
14
|
+
previewErrorTitle: s = "Unable to preview transaction",
|
|
15
|
+
previewClassName: c,
|
|
16
|
+
containerClassName: l,
|
|
17
|
+
containerTestId: u,
|
|
18
|
+
shellTestId: d,
|
|
19
|
+
execution: p,
|
|
20
|
+
progressSteps: C,
|
|
21
|
+
renderProgressStepLabel: w,
|
|
22
|
+
result: x,
|
|
23
|
+
hideTitleAddonOnResult: M = !0
|
|
19
24
|
}) {
|
|
20
|
-
return r ? /* @__PURE__ */ n(
|
|
21
|
-
|
|
25
|
+
return r ? /* @__PURE__ */ n(V, { show: r, onClickOutside: i, zIndexLayer: "MODAL", children: /* @__PURE__ */ n(
|
|
26
|
+
h,
|
|
22
27
|
{
|
|
23
28
|
phase: o,
|
|
24
29
|
onClose: i,
|
|
25
|
-
title:
|
|
26
|
-
titleAddon:
|
|
27
|
-
preview:
|
|
28
|
-
previewLoading:
|
|
29
|
-
previewError:
|
|
30
|
-
previewErrorTitle:
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
30
|
+
title: a,
|
|
31
|
+
titleAddon: t,
|
|
32
|
+
preview: e,
|
|
33
|
+
previewLoading: m,
|
|
34
|
+
previewError: f,
|
|
35
|
+
previewErrorTitle: s,
|
|
36
|
+
previewClassName: c,
|
|
37
|
+
containerClassName: l ?? g(),
|
|
38
|
+
containerTestId: u,
|
|
39
|
+
shellTestId: d,
|
|
40
|
+
execution: p,
|
|
41
|
+
progressSteps: C,
|
|
42
|
+
renderProgressStepLabel: w,
|
|
43
|
+
result: x,
|
|
44
|
+
hideTitleAddonOnResult: M
|
|
36
45
|
}
|
|
37
46
|
) }) : null;
|
|
38
47
|
}
|
|
39
48
|
export {
|
|
40
|
-
|
|
49
|
+
b as TransactionConfirmDialogView
|
|
41
50
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { ErrorLineMessage as
|
|
1
|
+
import { jsxs as l, jsx as i, Fragment as g } from "react/jsx-runtime";
|
|
2
|
+
import { ErrorLineMessage as N } from "../../../../error-message/error-line-message.js";
|
|
3
3
|
import "react-intl";
|
|
4
4
|
import "../../../../buttons/button/button.js";
|
|
5
5
|
import "../../../../dialog/dialog-container.js";
|
|
@@ -12,68 +12,82 @@ import "@gearbox-protocol/sdk/common-utils";
|
|
|
12
12
|
import "luxon";
|
|
13
13
|
import "../../../../../utils/z-index.js";
|
|
14
14
|
import { SkeletonStack as C } from "../../../../skeleton/skeleton-stack.js";
|
|
15
|
-
import { VSpace as
|
|
15
|
+
import { VSpace as a } from "../../../../vspace/vspace.js";
|
|
16
16
|
import { TransactionProgressStepper as S } from "../stepper/TransactionProgressStepper.js";
|
|
17
|
-
import { shouldShowTransactionProgressStepper as
|
|
18
|
-
import { computeTransactionConfirmDialogLayout as
|
|
19
|
-
import { TransactionConfirmDialogTest as r, transactionConfirmShellContentVariants as
|
|
20
|
-
function
|
|
21
|
-
phase:
|
|
22
|
-
header:
|
|
23
|
-
preview:
|
|
17
|
+
import { shouldShowTransactionProgressStepper as T } from "../stepper/transactionExecutionStepTypes.js";
|
|
18
|
+
import { computeTransactionConfirmDialogLayout as k } from "./computeTransactionConfirmDialogLayout.js";
|
|
19
|
+
import { TransactionConfirmDialogTest as r, transactionConfirmShellContentVariants as P, transactionConfirmPreviewScrollVariants as V } from "./constants.js";
|
|
20
|
+
function O({
|
|
21
|
+
phase: c = "confirm",
|
|
22
|
+
header: n,
|
|
23
|
+
preview: h,
|
|
24
24
|
previewLoading: d = !1,
|
|
25
|
-
previewError:
|
|
26
|
-
previewErrorTitle:
|
|
27
|
-
previewClassName:
|
|
28
|
-
execution:
|
|
29
|
-
progressSteps:
|
|
30
|
-
renderProgressStepLabel:
|
|
31
|
-
result:
|
|
32
|
-
className:
|
|
33
|
-
"data-testid":
|
|
25
|
+
previewError: s,
|
|
26
|
+
previewErrorTitle: p = "Unable to preview transaction",
|
|
27
|
+
previewClassName: f = V(),
|
|
28
|
+
execution: u,
|
|
29
|
+
progressSteps: o,
|
|
30
|
+
renderProgressStepLabel: e,
|
|
31
|
+
result: m,
|
|
32
|
+
className: w,
|
|
33
|
+
"data-testid": v = r.root
|
|
34
34
|
}) {
|
|
35
|
-
const
|
|
36
|
-
return /* @__PURE__ */
|
|
35
|
+
const x = !!(o && e && T(o)), t = k(c, x);
|
|
36
|
+
return /* @__PURE__ */ l(
|
|
37
37
|
"div",
|
|
38
38
|
{
|
|
39
|
-
className:
|
|
40
|
-
"data-testid":
|
|
39
|
+
className: P({ className: w }),
|
|
40
|
+
"data-testid": v,
|
|
41
41
|
children: [
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
t.showResult &&
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
42
|
+
n ? /* @__PURE__ */ i("div", { className: "shrink-0", children: n }) : null,
|
|
43
|
+
n ? /* @__PURE__ */ i(a, { height: 16 }) : null,
|
|
44
|
+
t.showResult && m ? /* @__PURE__ */ i(
|
|
45
|
+
"div",
|
|
46
|
+
{
|
|
47
|
+
className: "min-h-0",
|
|
48
|
+
"data-testid": r.result,
|
|
49
|
+
children: m
|
|
50
|
+
}
|
|
51
|
+
) : null,
|
|
52
|
+
t.showResult ? null : /* @__PURE__ */ l("div", { className: "flex min-h-0 flex-1 flex-col", children: [
|
|
53
|
+
t.showPreview ? /* @__PURE__ */ i("div", { className: f, children: d ? /* @__PURE__ */ i(C, { lines: 3 }) : s ? /* @__PURE__ */ i(
|
|
54
|
+
N,
|
|
48
55
|
{
|
|
49
|
-
err:
|
|
50
|
-
title:
|
|
56
|
+
err: s,
|
|
57
|
+
title: p
|
|
51
58
|
}
|
|
52
|
-
) :
|
|
53
|
-
t.showPreview && t.showExecution ? /* @__PURE__ */
|
|
54
|
-
t.showExecution ? /* @__PURE__ */
|
|
59
|
+
) : h }) : null,
|
|
60
|
+
t.showPreview && t.showExecution ? /* @__PURE__ */ i(a, { height: 24 }) : null,
|
|
61
|
+
t.showExecution ? /* @__PURE__ */ i(
|
|
55
62
|
"div",
|
|
56
63
|
{
|
|
57
|
-
className: "min-w-0 w-full",
|
|
64
|
+
className: "min-w-0 w-full shrink-0",
|
|
58
65
|
"data-testid": r.execution,
|
|
59
|
-
children:
|
|
66
|
+
children: u
|
|
60
67
|
}
|
|
61
68
|
) : null
|
|
62
69
|
] }),
|
|
63
|
-
t.showProgressStepper &&
|
|
64
|
-
/* @__PURE__ */
|
|
65
|
-
/* @__PURE__ */
|
|
66
|
-
|
|
70
|
+
t.showProgressStepper && o && e ? /* @__PURE__ */ l(g, { children: [
|
|
71
|
+
/* @__PURE__ */ i(a, { height: 24 }),
|
|
72
|
+
/* @__PURE__ */ i(
|
|
73
|
+
"div",
|
|
67
74
|
{
|
|
68
|
-
|
|
69
|
-
|
|
75
|
+
className: "shrink-0",
|
|
76
|
+
"data-testid": r.progress,
|
|
77
|
+
children: /* @__PURE__ */ i(
|
|
78
|
+
S,
|
|
79
|
+
{
|
|
80
|
+
steps: o,
|
|
81
|
+
renderLabel: e
|
|
82
|
+
}
|
|
83
|
+
)
|
|
70
84
|
}
|
|
71
|
-
)
|
|
85
|
+
)
|
|
72
86
|
] }) : null
|
|
73
87
|
]
|
|
74
88
|
}
|
|
75
89
|
);
|
|
76
90
|
}
|
|
77
91
|
export {
|
|
78
|
-
|
|
92
|
+
O as TransactionConfirmShell
|
|
79
93
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { cva as o } from "class-variance-authority";
|
|
2
|
-
class
|
|
2
|
+
class t {
|
|
3
3
|
static root = "transaction-confirm-dialog-root";
|
|
4
4
|
static execution = "transaction-confirm-dialog-execution";
|
|
5
5
|
static progress = "transaction-confirm-dialog-progress";
|
|
@@ -7,11 +7,17 @@ class r {
|
|
|
7
7
|
}
|
|
8
8
|
const i = o(
|
|
9
9
|
"box-border w-full max-w-full md:w-[560px] md:max-w-[560px]"
|
|
10
|
-
),
|
|
11
|
-
"
|
|
10
|
+
), r = o(
|
|
11
|
+
"flex max-h-[min(100dvh-2.5rem,900px)] min-h-0 flex-col"
|
|
12
|
+
), l = o(
|
|
13
|
+
"flex min-h-0 flex-1 flex-col gap-4 overflow-x-hidden overflow-y-auto"
|
|
14
|
+
), e = o(
|
|
15
|
+
"box-border flex min-h-0 w-full min-w-0 max-w-full flex-1 flex-col"
|
|
12
16
|
);
|
|
13
17
|
export {
|
|
14
|
-
|
|
18
|
+
t as TransactionConfirmDialogTest,
|
|
15
19
|
i as transactionConfirmDialogShellVariants,
|
|
16
|
-
|
|
20
|
+
r as transactionConfirmModalContainerVariants,
|
|
21
|
+
l as transactionConfirmPreviewScrollVariants,
|
|
22
|
+
e as transactionConfirmShellContentVariants
|
|
17
23
|
};
|
|
@@ -1,18 +1,20 @@
|
|
|
1
1
|
import { computeTransactionConfirmDialogLayout as n } from "./computeTransactionConfirmDialogLayout.js";
|
|
2
|
-
import { TransactionConfirmDialogTest as i, transactionConfirmDialogShellVariants as t,
|
|
3
|
-
import { TransactionConfirmDialogView as
|
|
4
|
-
import { TransactionConfirmPageView as
|
|
5
|
-
import { TransactionConfirmShell as
|
|
6
|
-
import { TransactionConfirmShellTest as
|
|
7
|
-
import { useTransactionConfirmDialog as
|
|
2
|
+
import { TransactionConfirmDialogTest as i, transactionConfirmDialogShellVariants as t, transactionConfirmModalContainerVariants as e, transactionConfirmPreviewScrollVariants as m, transactionConfirmShellContentVariants as f } from "./constants.js";
|
|
3
|
+
import { TransactionConfirmDialogView as l } from "./TransactionConfirmDialogView.js";
|
|
4
|
+
import { TransactionConfirmPageView as C } from "./TransactionConfirmPageView.js";
|
|
5
|
+
import { TransactionConfirmShell as p } from "./TransactionConfirmShell.js";
|
|
6
|
+
import { TransactionConfirmShellTest as g } from "./TransactionConfirmShell.constants.js";
|
|
7
|
+
import { useTransactionConfirmDialog as D } from "./useTransactionConfirmDialog.js";
|
|
8
8
|
export {
|
|
9
9
|
i as TransactionConfirmDialogTest,
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
10
|
+
l as TransactionConfirmDialogView,
|
|
11
|
+
C as TransactionConfirmPageView,
|
|
12
|
+
p as TransactionConfirmShell,
|
|
13
|
+
g as TransactionConfirmShellTest,
|
|
14
14
|
n as computeTransactionConfirmDialogLayout,
|
|
15
15
|
t as transactionConfirmDialogShellVariants,
|
|
16
|
-
e as
|
|
17
|
-
|
|
16
|
+
e as transactionConfirmModalContainerVariants,
|
|
17
|
+
m as transactionConfirmPreviewScrollVariants,
|
|
18
|
+
f as transactionConfirmShellContentVariants,
|
|
19
|
+
D as useTransactionConfirmDialog
|
|
18
20
|
};
|
|
@@ -1,52 +1,54 @@
|
|
|
1
1
|
import { TransactionConfirmAmountFieldTest as n, TransactionConfirmAmountPairTest as t } from "./amounts/constants.js";
|
|
2
|
-
import { TransactionConfirmAmountField as
|
|
2
|
+
import { TransactionConfirmAmountField as i } from "./amounts/TransactionConfirmAmountField.js";
|
|
3
3
|
import { TransactionConfirmAmountPair as s } from "./amounts/TransactionConfirmAmountPair.js";
|
|
4
4
|
import { computeTransactionConfirmDialogLayout as f } from "./dialog/computeTransactionConfirmDialogLayout.js";
|
|
5
|
-
import { TransactionConfirmDialogTest as T, transactionConfirmDialogShellVariants as p,
|
|
6
|
-
import { TransactionConfirmDialogView as
|
|
7
|
-
import { TransactionConfirmPageView as
|
|
8
|
-
import { TransactionConfirmShell as
|
|
9
|
-
import { TransactionConfirmShellTest as
|
|
10
|
-
import { useTransactionConfirmDialog as
|
|
5
|
+
import { TransactionConfirmDialogTest as T, transactionConfirmDialogShellVariants as p, transactionConfirmModalContainerVariants as l, transactionConfirmPreviewScrollVariants as C, transactionConfirmShellContentVariants as x } from "./dialog/constants.js";
|
|
6
|
+
import { TransactionConfirmDialogView as S } from "./dialog/TransactionConfirmDialogView.js";
|
|
7
|
+
import { TransactionConfirmPageView as g } from "./dialog/TransactionConfirmPageView.js";
|
|
8
|
+
import { TransactionConfirmShell as w } from "./dialog/TransactionConfirmShell.js";
|
|
9
|
+
import { TransactionConfirmShellTest as R } from "./dialog/TransactionConfirmShell.constants.js";
|
|
10
|
+
import { useTransactionConfirmDialog as d } from "./dialog/useTransactionConfirmDialog.js";
|
|
11
11
|
import { TransactionConfirmExecuteButton as F } from "./execution/TransactionConfirmExecuteButton.js";
|
|
12
|
-
import { OperationPreviewContent as
|
|
13
|
-
import { TransactionConfirmExecuteButtonTest as
|
|
14
|
-
import { TransactionConfirmFailureResult as
|
|
15
|
-
import { TransactionConfirmSuccessIcon as
|
|
16
|
-
import { TransactionConfirmSuccessResult as
|
|
17
|
-
import { TransactionConfirmTxHashRow as
|
|
18
|
-
import { TransactionProgressStepperTest as
|
|
19
|
-
import { TransactionProgressStepper as
|
|
20
|
-
import { shouldShowTransactionProgressStepper as
|
|
21
|
-
import { PoolOperationConfirmDetailsTest as
|
|
22
|
-
import { PoolOperationConfirmDetails as
|
|
12
|
+
import { OperationPreviewContent as v } from "./preview/OperationPreviewContent.js";
|
|
13
|
+
import { TransactionConfirmExecuteButtonTest as E, TransactionConfirmFailureResultTest as H, TransactionConfirmSuccessResultTest as y, TransactionConfirmTxHashRowTest as I } from "./result/constants.js";
|
|
14
|
+
import { TransactionConfirmFailureResult as M } from "./result/TransactionConfirmFailureResult.js";
|
|
15
|
+
import { TransactionConfirmSuccessIcon as j } from "./result/TransactionConfirmSuccessIcon.js";
|
|
16
|
+
import { TransactionConfirmSuccessResult as q } from "./result/TransactionConfirmSuccessResult.js";
|
|
17
|
+
import { TransactionConfirmTxHashRow as G } from "./result/TransactionConfirmTxHashRow.js";
|
|
18
|
+
import { TransactionProgressStepperTest as K } from "./stepper/constants.js";
|
|
19
|
+
import { TransactionProgressStepper as Q } from "./stepper/TransactionProgressStepper.js";
|
|
20
|
+
import { shouldShowTransactionProgressStepper as W } from "./stepper/transactionExecutionStepTypes.js";
|
|
21
|
+
import { PoolOperationConfirmDetailsTest as Y } from "./summary/constants.js";
|
|
22
|
+
import { PoolOperationConfirmDetails as _ } from "./summary/PoolOperationConfirmDetails.js";
|
|
23
23
|
export {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
24
|
+
v as OperationPreviewContent,
|
|
25
|
+
_ as PoolOperationConfirmDetails,
|
|
26
|
+
Y as PoolOperationConfirmDetailsTest,
|
|
27
|
+
i as TransactionConfirmAmountField,
|
|
28
28
|
n as TransactionConfirmAmountFieldTest,
|
|
29
29
|
s as TransactionConfirmAmountPair,
|
|
30
30
|
t as TransactionConfirmAmountPairTest,
|
|
31
31
|
T as TransactionConfirmDialogTest,
|
|
32
|
-
|
|
32
|
+
S as TransactionConfirmDialogView,
|
|
33
33
|
F as TransactionConfirmExecuteButton,
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
34
|
+
E as TransactionConfirmExecuteButtonTest,
|
|
35
|
+
M as TransactionConfirmFailureResult,
|
|
36
|
+
H as TransactionConfirmFailureResultTest,
|
|
37
|
+
g as TransactionConfirmPageView,
|
|
38
|
+
w as TransactionConfirmShell,
|
|
39
|
+
R as TransactionConfirmShellTest,
|
|
40
|
+
j as TransactionConfirmSuccessIcon,
|
|
41
|
+
q as TransactionConfirmSuccessResult,
|
|
42
|
+
y as TransactionConfirmSuccessResultTest,
|
|
43
|
+
G as TransactionConfirmTxHashRow,
|
|
44
|
+
I as TransactionConfirmTxHashRowTest,
|
|
45
|
+
Q as TransactionProgressStepper,
|
|
46
|
+
K as TransactionProgressStepperTest,
|
|
47
47
|
f as computeTransactionConfirmDialogLayout,
|
|
48
|
-
|
|
48
|
+
W as shouldShowTransactionProgressStepper,
|
|
49
49
|
p as transactionConfirmDialogShellVariants,
|
|
50
|
-
l as
|
|
51
|
-
|
|
50
|
+
l as transactionConfirmModalContainerVariants,
|
|
51
|
+
C as transactionConfirmPreviewScrollVariants,
|
|
52
|
+
x as transactionConfirmShellContentVariants,
|
|
53
|
+
d as useTransactionConfirmDialog
|
|
52
54
|
};
|