@medialane/ui 0.282.0 → 0.283.0
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/components/transaction-dialog-states.cjs +21 -10
- package/dist/components/transaction-dialog-states.cjs.map +1 -1
- package/dist/components/transaction-dialog-states.d.cts +9 -5
- package/dist/components/transaction-dialog-states.d.ts +9 -5
- package/dist/components/transaction-dialog-states.js +21 -10
- package/dist/components/transaction-dialog-states.js.map +1 -1
- package/package.json +1 -1
|
@@ -29,16 +29,16 @@ var import_explorer_url = require("../utils/explorer-url.js");
|
|
|
29
29
|
var import_use_transaction = require("../utils/use-transaction.js");
|
|
30
30
|
function TransactionDialogStates({
|
|
31
31
|
phase,
|
|
32
|
+
asset,
|
|
32
33
|
statusMessage = "Confirming onchain\u2026",
|
|
34
|
+
statusDescription,
|
|
33
35
|
txHash,
|
|
34
36
|
error,
|
|
35
37
|
success,
|
|
36
|
-
|
|
37
|
-
|
|
38
|
+
successActions,
|
|
39
|
+
successChildren,
|
|
38
40
|
errorTitle,
|
|
39
41
|
errorDescription,
|
|
40
|
-
errorAssetName,
|
|
41
|
-
errorAssetImage = null,
|
|
42
42
|
onRetry,
|
|
43
43
|
onDone,
|
|
44
44
|
children
|
|
@@ -48,11 +48,12 @@ function TransactionDialogStates({
|
|
|
48
48
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
49
49
|
import_transaction_success.DialogTransactionSuccess,
|
|
50
50
|
{
|
|
51
|
-
name:
|
|
52
|
-
image:
|
|
51
|
+
name: asset.name,
|
|
52
|
+
image: asset.image,
|
|
53
53
|
...success,
|
|
54
54
|
txHash,
|
|
55
|
-
actions: [{ label: "Done", onClick: onDone }]
|
|
55
|
+
actions: successActions ?? [{ label: "Done", onClick: onDone }],
|
|
56
|
+
children: successChildren
|
|
56
57
|
}
|
|
57
58
|
);
|
|
58
59
|
}
|
|
@@ -60,8 +61,8 @@ function TransactionDialogStates({
|
|
|
60
61
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
61
62
|
import_marketplace_dialog_primitives.MarketplaceErrorState,
|
|
62
63
|
{
|
|
63
|
-
tokenImage:
|
|
64
|
-
name:
|
|
64
|
+
tokenImage: asset.image,
|
|
65
|
+
name: asset.name,
|
|
65
66
|
title: errorTitle,
|
|
66
67
|
description: errorDescription,
|
|
67
68
|
error,
|
|
@@ -73,7 +74,17 @@ function TransactionDialogStates({
|
|
|
73
74
|
);
|
|
74
75
|
}
|
|
75
76
|
if (busy) {
|
|
76
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
77
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
78
|
+
import_marketplace_dialog_primitives.MarketplaceProcessingState,
|
|
79
|
+
{
|
|
80
|
+
title: statusMessage,
|
|
81
|
+
description: statusDescription,
|
|
82
|
+
imageUrl: asset.image,
|
|
83
|
+
imageAlt: asset.name,
|
|
84
|
+
txHash,
|
|
85
|
+
explorerUrl: import_explorer_url.EXPLORER_URL
|
|
86
|
+
}
|
|
87
|
+
);
|
|
77
88
|
}
|
|
78
89
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
|
|
79
90
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/transaction-dialog-states.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport { DialogTransactionSuccess } from \"./transaction-success.js\";\nimport { MarketplaceErrorState, MarketplaceProcessingState } from \"./marketplace-dialog-primitives.js\";\nimport { EXPLORER_URL } from \"../utils/explorer-url.js\";\nimport { isBusyPhase, type TransactionPhase } from \"../utils/use-transaction.js\";\nimport type { SuccessMessage } from \"../utils/success-messages.js\";\n\nexport interface TransactionDialogStatesProps {\n phase: TransactionPhase;\n statusMessage?: string;\n txHash: string | null;\n error: string | null;\n success: SuccessMessage;\n
|
|
1
|
+
{"version":3,"sources":["../../src/components/transaction-dialog-states.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport { DialogTransactionSuccess, type TransactionSuccessAction } from \"./transaction-success.js\";\nimport { MarketplaceErrorState, MarketplaceProcessingState } from \"./marketplace-dialog-primitives.js\";\nimport { EXPLORER_URL } from \"../utils/explorer-url.js\";\nimport { isBusyPhase, type TransactionPhase } from \"../utils/use-transaction.js\";\nimport type { SuccessMessage } from \"../utils/success-messages.js\";\n\nexport interface TransactionDialogStatesProps {\n phase: TransactionPhase;\n asset: { name: string; image?: string | null };\n statusMessage?: string;\n statusDescription?: string;\n txHash: string | null;\n error: string | null;\n success: SuccessMessage;\n successActions?: TransactionSuccessAction[];\n successChildren?: ReactNode;\n errorTitle: string;\n errorDescription: string;\n onRetry?: () => void;\n onDone: () => void;\n children: ReactNode;\n}\n\nexport function TransactionDialogStates({\n phase,\n asset,\n statusMessage = \"Confirming onchain…\",\n statusDescription,\n txHash,\n error,\n success,\n successActions,\n successChildren,\n errorTitle,\n errorDescription,\n onRetry,\n onDone,\n children,\n}: TransactionDialogStatesProps) {\n const busy = isBusyPhase(phase);\n\n if (phase === \"success\" && !error) {\n return (\n <DialogTransactionSuccess\n name={asset.name}\n image={asset.image}\n {...success}\n txHash={txHash}\n actions={successActions ?? [{ label: \"Done\", onClick: onDone }]}\n >\n {successChildren}\n </DialogTransactionSuccess>\n );\n }\n\n if (!busy && error && txHash) {\n return (\n <MarketplaceErrorState\n tokenImage={asset.image}\n name={asset.name}\n title={errorTitle}\n description={errorDescription}\n error={error}\n txHash={txHash}\n explorerUrl={EXPLORER_URL}\n onRetry={onRetry}\n onDone={onDone}\n />\n );\n }\n\n if (busy) {\n return (\n <MarketplaceProcessingState\n title={statusMessage}\n description={statusDescription}\n imageUrl={asset.image}\n imageAlt={asset.name}\n txHash={txHash}\n explorerUrl={EXPLORER_URL}\n />\n );\n }\n\n return <>{children}</>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8CM;AA3CN,iCAAwE;AACxE,2CAAkE;AAClE,0BAA6B;AAC7B,6BAAmD;AAoB5C,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAiC;AAC/B,QAAM,WAAO,oCAAY,KAAK;AAE9B,MAAI,UAAU,aAAa,CAAC,OAAO;AACjC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,MAAM;AAAA,QACZ,OAAO,MAAM;AAAA,QACZ,GAAG;AAAA,QACJ;AAAA,QACA,SAAS,kBAAkB,CAAC,EAAE,OAAO,QAAQ,SAAS,OAAO,CAAC;AAAA,QAE7D;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,MAAI,CAAC,QAAQ,SAAS,QAAQ;AAC5B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,YAAY,MAAM;AAAA,QAClB,MAAM,MAAM;AAAA,QACZ,OAAO;AAAA,QACP,aAAa;AAAA,QACb;AAAA,QACA;AAAA,QACA,aAAa;AAAA,QACb;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,MAAI,MAAM;AACR,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,aAAa;AAAA,QACb,UAAU,MAAM;AAAA,QAChB,UAAU,MAAM;AAAA,QAChB;AAAA,QACA,aAAa;AAAA;AAAA,IACf;AAAA,EAEJ;AAEA,SAAO,2EAAG,UAAS;AACrB;","names":[]}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
|
+
import { TransactionSuccessAction } from './transaction-success.cjs';
|
|
3
4
|
import { TransactionPhase } from '../utils/use-transaction.cjs';
|
|
4
5
|
import { SuccessMessage } from '../utils/success-messages.cjs';
|
|
5
6
|
import '@medialane/sdk/starknet';
|
|
@@ -9,20 +10,23 @@ import '@medialane/sdk';
|
|
|
9
10
|
|
|
10
11
|
interface TransactionDialogStatesProps {
|
|
11
12
|
phase: TransactionPhase;
|
|
13
|
+
asset: {
|
|
14
|
+
name: string;
|
|
15
|
+
image?: string | null;
|
|
16
|
+
};
|
|
12
17
|
statusMessage?: string;
|
|
18
|
+
statusDescription?: string;
|
|
13
19
|
txHash: string | null;
|
|
14
20
|
error: string | null;
|
|
15
21
|
success: SuccessMessage;
|
|
16
|
-
|
|
17
|
-
|
|
22
|
+
successActions?: TransactionSuccessAction[];
|
|
23
|
+
successChildren?: ReactNode;
|
|
18
24
|
errorTitle: string;
|
|
19
25
|
errorDescription: string;
|
|
20
|
-
errorAssetName?: string;
|
|
21
|
-
errorAssetImage?: string | null;
|
|
22
26
|
onRetry?: () => void;
|
|
23
27
|
onDone: () => void;
|
|
24
28
|
children: ReactNode;
|
|
25
29
|
}
|
|
26
|
-
declare function TransactionDialogStates({ phase, statusMessage, txHash, error, success,
|
|
30
|
+
declare function TransactionDialogStates({ phase, asset, statusMessage, statusDescription, txHash, error, success, successActions, successChildren, errorTitle, errorDescription, onRetry, onDone, children, }: TransactionDialogStatesProps): react_jsx_runtime.JSX.Element;
|
|
27
31
|
|
|
28
32
|
export { TransactionDialogStates, type TransactionDialogStatesProps };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
|
+
import { TransactionSuccessAction } from './transaction-success.js';
|
|
3
4
|
import { TransactionPhase } from '../utils/use-transaction.js';
|
|
4
5
|
import { SuccessMessage } from '../utils/success-messages.js';
|
|
5
6
|
import '@medialane/sdk/starknet';
|
|
@@ -9,20 +10,23 @@ import '@medialane/sdk';
|
|
|
9
10
|
|
|
10
11
|
interface TransactionDialogStatesProps {
|
|
11
12
|
phase: TransactionPhase;
|
|
13
|
+
asset: {
|
|
14
|
+
name: string;
|
|
15
|
+
image?: string | null;
|
|
16
|
+
};
|
|
12
17
|
statusMessage?: string;
|
|
18
|
+
statusDescription?: string;
|
|
13
19
|
txHash: string | null;
|
|
14
20
|
error: string | null;
|
|
15
21
|
success: SuccessMessage;
|
|
16
|
-
|
|
17
|
-
|
|
22
|
+
successActions?: TransactionSuccessAction[];
|
|
23
|
+
successChildren?: ReactNode;
|
|
18
24
|
errorTitle: string;
|
|
19
25
|
errorDescription: string;
|
|
20
|
-
errorAssetName?: string;
|
|
21
|
-
errorAssetImage?: string | null;
|
|
22
26
|
onRetry?: () => void;
|
|
23
27
|
onDone: () => void;
|
|
24
28
|
children: ReactNode;
|
|
25
29
|
}
|
|
26
|
-
declare function TransactionDialogStates({ phase, statusMessage, txHash, error, success,
|
|
30
|
+
declare function TransactionDialogStates({ phase, asset, statusMessage, statusDescription, txHash, error, success, successActions, successChildren, errorTitle, errorDescription, onRetry, onDone, children, }: TransactionDialogStatesProps): react_jsx_runtime.JSX.Element;
|
|
27
31
|
|
|
28
32
|
export { TransactionDialogStates, type TransactionDialogStatesProps };
|
|
@@ -6,16 +6,16 @@ import { EXPLORER_URL } from "../utils/explorer-url.js";
|
|
|
6
6
|
import { isBusyPhase } from "../utils/use-transaction.js";
|
|
7
7
|
function TransactionDialogStates({
|
|
8
8
|
phase,
|
|
9
|
+
asset,
|
|
9
10
|
statusMessage = "Confirming onchain\u2026",
|
|
11
|
+
statusDescription,
|
|
10
12
|
txHash,
|
|
11
13
|
error,
|
|
12
14
|
success,
|
|
13
|
-
|
|
14
|
-
|
|
15
|
+
successActions,
|
|
16
|
+
successChildren,
|
|
15
17
|
errorTitle,
|
|
16
18
|
errorDescription,
|
|
17
|
-
errorAssetName,
|
|
18
|
-
errorAssetImage = null,
|
|
19
19
|
onRetry,
|
|
20
20
|
onDone,
|
|
21
21
|
children
|
|
@@ -25,11 +25,12 @@ function TransactionDialogStates({
|
|
|
25
25
|
return /* @__PURE__ */ jsx(
|
|
26
26
|
DialogTransactionSuccess,
|
|
27
27
|
{
|
|
28
|
-
name:
|
|
29
|
-
image:
|
|
28
|
+
name: asset.name,
|
|
29
|
+
image: asset.image,
|
|
30
30
|
...success,
|
|
31
31
|
txHash,
|
|
32
|
-
actions: [{ label: "Done", onClick: onDone }]
|
|
32
|
+
actions: successActions ?? [{ label: "Done", onClick: onDone }],
|
|
33
|
+
children: successChildren
|
|
33
34
|
}
|
|
34
35
|
);
|
|
35
36
|
}
|
|
@@ -37,8 +38,8 @@ function TransactionDialogStates({
|
|
|
37
38
|
return /* @__PURE__ */ jsx(
|
|
38
39
|
MarketplaceErrorState,
|
|
39
40
|
{
|
|
40
|
-
tokenImage:
|
|
41
|
-
name:
|
|
41
|
+
tokenImage: asset.image,
|
|
42
|
+
name: asset.name,
|
|
42
43
|
title: errorTitle,
|
|
43
44
|
description: errorDescription,
|
|
44
45
|
error,
|
|
@@ -50,7 +51,17 @@ function TransactionDialogStates({
|
|
|
50
51
|
);
|
|
51
52
|
}
|
|
52
53
|
if (busy) {
|
|
53
|
-
return /* @__PURE__ */ jsx(
|
|
54
|
+
return /* @__PURE__ */ jsx(
|
|
55
|
+
MarketplaceProcessingState,
|
|
56
|
+
{
|
|
57
|
+
title: statusMessage,
|
|
58
|
+
description: statusDescription,
|
|
59
|
+
imageUrl: asset.image,
|
|
60
|
+
imageAlt: asset.name,
|
|
61
|
+
txHash,
|
|
62
|
+
explorerUrl: EXPLORER_URL
|
|
63
|
+
}
|
|
64
|
+
);
|
|
54
65
|
}
|
|
55
66
|
return /* @__PURE__ */ jsx(Fragment, { children });
|
|
56
67
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/transaction-dialog-states.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport { DialogTransactionSuccess } from \"./transaction-success.js\";\nimport { MarketplaceErrorState, MarketplaceProcessingState } from \"./marketplace-dialog-primitives.js\";\nimport { EXPLORER_URL } from \"../utils/explorer-url.js\";\nimport { isBusyPhase, type TransactionPhase } from \"../utils/use-transaction.js\";\nimport type { SuccessMessage } from \"../utils/success-messages.js\";\n\nexport interface TransactionDialogStatesProps {\n phase: TransactionPhase;\n statusMessage?: string;\n txHash: string | null;\n error: string | null;\n success: SuccessMessage;\n
|
|
1
|
+
{"version":3,"sources":["../../src/components/transaction-dialog-states.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport { DialogTransactionSuccess, type TransactionSuccessAction } from \"./transaction-success.js\";\nimport { MarketplaceErrorState, MarketplaceProcessingState } from \"./marketplace-dialog-primitives.js\";\nimport { EXPLORER_URL } from \"../utils/explorer-url.js\";\nimport { isBusyPhase, type TransactionPhase } from \"../utils/use-transaction.js\";\nimport type { SuccessMessage } from \"../utils/success-messages.js\";\n\nexport interface TransactionDialogStatesProps {\n phase: TransactionPhase;\n asset: { name: string; image?: string | null };\n statusMessage?: string;\n statusDescription?: string;\n txHash: string | null;\n error: string | null;\n success: SuccessMessage;\n successActions?: TransactionSuccessAction[];\n successChildren?: ReactNode;\n errorTitle: string;\n errorDescription: string;\n onRetry?: () => void;\n onDone: () => void;\n children: ReactNode;\n}\n\nexport function TransactionDialogStates({\n phase,\n asset,\n statusMessage = \"Confirming onchain…\",\n statusDescription,\n txHash,\n error,\n success,\n successActions,\n successChildren,\n errorTitle,\n errorDescription,\n onRetry,\n onDone,\n children,\n}: TransactionDialogStatesProps) {\n const busy = isBusyPhase(phase);\n\n if (phase === \"success\" && !error) {\n return (\n <DialogTransactionSuccess\n name={asset.name}\n image={asset.image}\n {...success}\n txHash={txHash}\n actions={successActions ?? [{ label: \"Done\", onClick: onDone }]}\n >\n {successChildren}\n </DialogTransactionSuccess>\n );\n }\n\n if (!busy && error && txHash) {\n return (\n <MarketplaceErrorState\n tokenImage={asset.image}\n name={asset.name}\n title={errorTitle}\n description={errorDescription}\n error={error}\n txHash={txHash}\n explorerUrl={EXPLORER_URL}\n onRetry={onRetry}\n onDone={onDone}\n />\n );\n }\n\n if (busy) {\n return (\n <MarketplaceProcessingState\n title={statusMessage}\n description={statusDescription}\n imageUrl={asset.image}\n imageAlt={asset.name}\n txHash={txHash}\n explorerUrl={EXPLORER_URL}\n />\n );\n }\n\n return <>{children}</>;\n}\n"],"mappings":";AA8CM,SAyCG,UAzCH;AA3CN,SAAS,gCAA+D;AACxE,SAAS,uBAAuB,kCAAkC;AAClE,SAAS,oBAAoB;AAC7B,SAAS,mBAA0C;AAoB5C,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAiC;AAC/B,QAAM,OAAO,YAAY,KAAK;AAE9B,MAAI,UAAU,aAAa,CAAC,OAAO;AACjC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,MAAM;AAAA,QACZ,OAAO,MAAM;AAAA,QACZ,GAAG;AAAA,QACJ;AAAA,QACA,SAAS,kBAAkB,CAAC,EAAE,OAAO,QAAQ,SAAS,OAAO,CAAC;AAAA,QAE7D;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,MAAI,CAAC,QAAQ,SAAS,QAAQ;AAC5B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,YAAY,MAAM;AAAA,QAClB,MAAM,MAAM;AAAA,QACZ,OAAO;AAAA,QACP,aAAa;AAAA,QACb;AAAA,QACA;AAAA,QACA,aAAa;AAAA,QACb;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,MAAI,MAAM;AACR,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,aAAa;AAAA,QACb,UAAU,MAAM;AAAA,QAChB,UAAU,MAAM;AAAA,QAChB;AAAA,QACA,aAAa;AAAA;AAAA,IACf;AAAA,EAEJ;AAEA,SAAO,gCAAG,UAAS;AACrB;","names":[]}
|