thirdweb 5.108.15 → 5.109.1-nightly-b1a780832ed97d80399a650beab537a89c628278-20251018000336
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/exports/react.js.map +1 -1
- package/dist/cjs/extensions/erc20/read/getCurrencyMetadata.js +31 -7
- package/dist/cjs/extensions/erc20/read/getCurrencyMetadata.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/BuyWidget.js +19 -6
- package/dist/cjs/react/web/ui/Bridge/BuyWidget.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/CheckoutWidget.js +4 -1
- package/dist/cjs/react/web/ui/Bridge/CheckoutWidget.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/FundWallet.js +8 -22
- package/dist/cjs/react/web/ui/Bridge/FundWallet.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/bridge-widget/bridge-widget.js +12 -0
- package/dist/cjs/react/web/ui/Bridge/bridge-widget/bridge-widget.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/swap-widget/SearchInput.js +1 -1
- package/dist/cjs/react/web/ui/Bridge/swap-widget/SearchInput.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/swap-widget/SwapWidget.js +4 -1
- package/dist/cjs/react/web/ui/Bridge/swap-widget/SwapWidget.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/swap-widget/select-token-ui.js +1 -1
- package/dist/cjs/react/web/ui/Bridge/swap-widget/select-token-ui.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/swap-widget/swap-ui.js +1 -1
- package/dist/cjs/react/web/ui/Bridge/swap-widget/swap-ui.js.map +1 -1
- package/dist/cjs/react/web/ui/components/Modal.js +3 -1
- package/dist/cjs/react/web/ui/components/Modal.js.map +1 -1
- package/dist/cjs/script-exports/bridge-widget-script.js.map +1 -1
- package/dist/cjs/stories/Bridge/BridgeWidget/bridge-widget-script.stories.js +13 -13
- package/dist/cjs/stories/Bridge/BridgeWidget/bridge-widget-script.stories.js.map +1 -1
- package/dist/cjs/stories/Bridge/Swap/SwapWidget.Prefill.stories.js +14 -9
- package/dist/cjs/stories/Bridge/Swap/SwapWidget.Prefill.stories.js.map +1 -1
- package/dist/cjs/stories/Bridge/Swap/SwapWidget.stories.js +12 -12
- package/dist/cjs/stories/Bridge/Swap/SwapWidget.stories.js.map +1 -1
- package/dist/cjs/stories/BuyWidget.stories.js +6 -4
- package/dist/cjs/stories/BuyWidget.stories.js.map +1 -1
- package/dist/cjs/version.js +1 -1
- package/dist/cjs/version.js.map +1 -1
- package/dist/esm/exports/react.js.map +1 -1
- package/dist/esm/extensions/erc20/read/getCurrencyMetadata.js +31 -7
- package/dist/esm/extensions/erc20/read/getCurrencyMetadata.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/BuyWidget.js +20 -7
- package/dist/esm/react/web/ui/Bridge/BuyWidget.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/CheckoutWidget.js +4 -1
- package/dist/esm/react/web/ui/Bridge/CheckoutWidget.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/FundWallet.js +8 -22
- package/dist/esm/react/web/ui/Bridge/FundWallet.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/bridge-widget/bridge-widget.js +12 -0
- package/dist/esm/react/web/ui/Bridge/bridge-widget/bridge-widget.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/swap-widget/SearchInput.js +1 -1
- package/dist/esm/react/web/ui/Bridge/swap-widget/SearchInput.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/swap-widget/SwapWidget.js +4 -1
- package/dist/esm/react/web/ui/Bridge/swap-widget/SwapWidget.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/swap-widget/select-token-ui.js +1 -1
- package/dist/esm/react/web/ui/Bridge/swap-widget/select-token-ui.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/swap-widget/swap-ui.js +1 -1
- package/dist/esm/react/web/ui/Bridge/swap-widget/swap-ui.js.map +1 -1
- package/dist/esm/react/web/ui/components/Modal.js +3 -1
- package/dist/esm/react/web/ui/components/Modal.js.map +1 -1
- package/dist/esm/script-exports/bridge-widget-script.js.map +1 -1
- package/dist/esm/stories/Bridge/BridgeWidget/bridge-widget-script.stories.js +15 -15
- package/dist/esm/stories/Bridge/BridgeWidget/bridge-widget-script.stories.js.map +1 -1
- package/dist/esm/stories/Bridge/Swap/SwapWidget.Prefill.stories.js +16 -11
- package/dist/esm/stories/Bridge/Swap/SwapWidget.Prefill.stories.js.map +1 -1
- package/dist/esm/stories/Bridge/Swap/SwapWidget.stories.js +14 -14
- package/dist/esm/stories/Bridge/Swap/SwapWidget.stories.js.map +1 -1
- package/dist/esm/stories/BuyWidget.stories.js +6 -4
- package/dist/esm/stories/BuyWidget.stories.js.map +1 -1
- package/dist/esm/version.js +1 -1
- package/dist/esm/version.js.map +1 -1
- package/dist/scripts/bridge-widget.d.ts +185 -3
- package/dist/scripts/bridge-widget.js +101 -101
- package/dist/types/exports/react.d.ts +3 -0
- package/dist/types/exports/react.d.ts.map +1 -1
- package/dist/types/extensions/erc20/read/getCurrencyMetadata.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/BuyWidget.d.ts +5 -1
- package/dist/types/react/web/ui/Bridge/BuyWidget.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/CheckoutWidget.d.ts +5 -1
- package/dist/types/react/web/ui/Bridge/CheckoutWidget.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/FundWallet.d.ts +15 -5
- package/dist/types/react/web/ui/Bridge/FundWallet.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/bridge-widget/bridge-widget.d.ts +9 -2
- package/dist/types/react/web/ui/Bridge/bridge-widget/bridge-widget.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/swap-widget/SearchInput.d.ts +1 -0
- package/dist/types/react/web/ui/Bridge/swap-widget/SearchInput.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/swap-widget/SwapWidget.d.ts +5 -1
- package/dist/types/react/web/ui/Bridge/swap-widget/SwapWidget.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/swap-widget/swap-ui.d.ts.map +1 -1
- package/dist/types/react/web/ui/components/Modal.d.ts +1 -0
- package/dist/types/react/web/ui/components/Modal.d.ts.map +1 -1
- package/dist/types/script-exports/bridge-widget-script.d.ts +9 -2
- package/dist/types/script-exports/bridge-widget-script.d.ts.map +1 -1
- package/dist/types/stories/Bridge/BridgeWidget/bridge-widget-script.stories.d.ts.map +1 -1
- package/dist/types/stories/Bridge/Swap/SwapWidget.Prefill.stories.d.ts +0 -3
- package/dist/types/stories/Bridge/Swap/SwapWidget.Prefill.stories.d.ts.map +1 -1
- package/dist/types/stories/Bridge/Swap/SwapWidget.stories.d.ts.map +1 -1
- package/dist/types/stories/BuyWidget.stories.d.ts +0 -3
- package/dist/types/stories/BuyWidget.stories.d.ts.map +1 -1
- package/dist/types/version.d.ts +1 -1
- package/dist/types/version.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/exports/react.ts +3 -2
- package/src/extensions/erc20/read/getCurrencyMetadata.test.ts +39 -0
- package/src/extensions/erc20/read/getCurrencyMetadata.ts +34 -7
- package/src/extensions/erc7702/account/sessionkey.test.ts +4 -2
- package/src/react/web/ui/Bridge/BuyWidget.tsx +34 -8
- package/src/react/web/ui/Bridge/CheckoutWidget.tsx +8 -2
- package/src/react/web/ui/Bridge/FundWallet.tsx +17 -33
- package/src/react/web/ui/Bridge/bridge-widget/bridge-widget.tsx +22 -2
- package/src/react/web/ui/Bridge/swap-widget/SearchInput.tsx +2 -0
- package/src/react/web/ui/Bridge/swap-widget/SwapWidget.tsx +8 -2
- package/src/react/web/ui/Bridge/swap-widget/select-token-ui.tsx +1 -0
- package/src/react/web/ui/Bridge/swap-widget/swap-ui.tsx +1 -0
- package/src/react/web/ui/components/Modal.tsx +10 -1
- package/src/script-exports/bridge-widget-script.tsx +9 -2
- package/src/stories/Bridge/BridgeWidget/bridge-widget-script.stories.tsx +25 -18
- package/src/stories/Bridge/Swap/SwapWidget.Prefill.stories.tsx +26 -10
- package/src/stories/Bridge/Swap/SwapWidget.stories.tsx +24 -17
- package/src/stories/BuyWidget.stories.tsx +8 -4
- package/src/version.ts +1 -1
- package/src/wallets/in-app/web/lib/in-app-integration.test.ts +2 -1
- package/src/wallets/smart/smart-wallet-integration-v07.test.ts +2 -1
- package/src/wallets/smart/smart-wallet-integration.test.ts +2 -1
|
@@ -1,23 +1,20 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { NATIVE_TOKEN_ADDRESS } from "../../../constants/addresses.js";
|
|
3
|
-
import { SwapWidget } from "../../../react/web/ui/Bridge/swap-widget/SwapWidget.js";
|
|
3
|
+
import { SwapWidget, } from "../../../react/web/ui/Bridge/swap-widget/SwapWidget.js";
|
|
4
4
|
import { storyClient } from "../../utils.js";
|
|
5
5
|
const meta = {
|
|
6
|
-
parameters: {
|
|
7
|
-
layout: "centered",
|
|
8
|
-
},
|
|
9
6
|
title: "Bridge/Swap/SwapWidget/Prefill",
|
|
10
7
|
};
|
|
11
8
|
export default meta;
|
|
12
9
|
export function Buy_NativeToken() {
|
|
13
|
-
return (_jsx(
|
|
10
|
+
return (_jsx(Variant, { client: storyClient, prefill: {
|
|
14
11
|
buyToken: {
|
|
15
12
|
chainId: 8453,
|
|
16
13
|
},
|
|
17
14
|
} }));
|
|
18
15
|
}
|
|
19
16
|
export function Buy_Base_USDC() {
|
|
20
|
-
return (_jsx(
|
|
17
|
+
return (_jsx(Variant, { client: storyClient, prefill: {
|
|
21
18
|
buyToken: {
|
|
22
19
|
chainId: 8453,
|
|
23
20
|
tokenAddress: "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913",
|
|
@@ -25,7 +22,7 @@ export function Buy_Base_USDC() {
|
|
|
25
22
|
} }));
|
|
26
23
|
}
|
|
27
24
|
export function Buy_NativeToken_With_Amount() {
|
|
28
|
-
return (_jsx(
|
|
25
|
+
return (_jsx(Variant, { client: storyClient, prefill: {
|
|
29
26
|
buyToken: {
|
|
30
27
|
chainId: 8453,
|
|
31
28
|
amount: "0.1",
|
|
@@ -34,7 +31,7 @@ export function Buy_NativeToken_With_Amount() {
|
|
|
34
31
|
} }));
|
|
35
32
|
}
|
|
36
33
|
export function Sell_NativeToken() {
|
|
37
|
-
return (_jsx(
|
|
34
|
+
return (_jsx(Variant, { client: storyClient, prefill: {
|
|
38
35
|
sellToken: {
|
|
39
36
|
chainId: 8453,
|
|
40
37
|
},
|
|
@@ -49,7 +46,7 @@ export function Sell_Base_USDC() {
|
|
|
49
46
|
} }));
|
|
50
47
|
}
|
|
51
48
|
export function Sell_NativeToken_With_Amount() {
|
|
52
|
-
return (_jsx(
|
|
49
|
+
return (_jsx(Variant, { client: storyClient, prefill: {
|
|
53
50
|
sellToken: {
|
|
54
51
|
chainId: 8453,
|
|
55
52
|
amount: "0.1",
|
|
@@ -58,7 +55,7 @@ export function Sell_NativeToken_With_Amount() {
|
|
|
58
55
|
} }));
|
|
59
56
|
}
|
|
60
57
|
export function Buy_And_Sell_NativeToken() {
|
|
61
|
-
return (_jsx(
|
|
58
|
+
return (_jsx(Variant, { client: storyClient, prefill: {
|
|
62
59
|
// base native token
|
|
63
60
|
buyToken: {
|
|
64
61
|
chainId: 8453,
|
|
@@ -71,4 +68,12 @@ export function Buy_And_Sell_NativeToken() {
|
|
|
71
68
|
},
|
|
72
69
|
} }));
|
|
73
70
|
}
|
|
71
|
+
function Variant(props) {
|
|
72
|
+
return (_jsxs("div", { style: {
|
|
73
|
+
display: "flex",
|
|
74
|
+
flexDirection: "column",
|
|
75
|
+
gap: "40px",
|
|
76
|
+
alignItems: "center",
|
|
77
|
+
}, children: [_jsx(SwapWidget, { ...props, theme: "dark" }), _jsx(SwapWidget, { ...props, theme: "light" })] }));
|
|
78
|
+
}
|
|
74
79
|
//# sourceMappingURL=SwapWidget.Prefill.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwapWidget.Prefill.stories.js","sourceRoot":"","sources":["../../../../../src/stories/Bridge/Swap/SwapWidget.Prefill.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,
|
|
1
|
+
{"version":3,"file":"SwapWidget.Prefill.stories.js","sourceRoot":"","sources":["../../../../../src/stories/Bridge/Swap/SwapWidget.Prefill.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EACL,UAAU,GAEX,MAAM,wDAAwD,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,gCAAgC;CACN,CAAC;AACpC,eAAe,IAAI,CAAC;AAEpB,MAAM,UAAU,eAAe;IAC7B,OAAO,CACL,KAAC,OAAO,IACN,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE;YACP,QAAQ,EAAE;gBACR,OAAO,EAAE,IAAI;aACd;SACF,GACD,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa;IAC3B,OAAO,CACL,KAAC,OAAO,IACN,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE;YACP,QAAQ,EAAE;gBACR,OAAO,EAAE,IAAI;gBACb,YAAY,EAAE,4CAA4C;aAC3D;SACF,GACD,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,2BAA2B;IACzC,OAAO,CACL,KAAC,OAAO,IACN,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE;YACP,QAAQ,EAAE;gBACR,OAAO,EAAE,IAAI;gBACb,MAAM,EAAE,KAAK;gBACb,YAAY,EAAE,oBAAoB;aACnC;SACF,GACD,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB;IAC9B,OAAO,CACL,KAAC,OAAO,IACN,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE;YACP,SAAS,EAAE;gBACT,OAAO,EAAE,IAAI;aACd;SACF,GACD,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,cAAc;IAC5B,OAAO,CACL,KAAC,UAAU,IACT,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE;YACP,SAAS,EAAE;gBACT,OAAO,EAAE,IAAI;gBACb,YAAY,EAAE,4CAA4C;aAC3D;SACF,GACD,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,4BAA4B;IAC1C,OAAO,CACL,KAAC,OAAO,IACN,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE;YACP,SAAS,EAAE;gBACT,OAAO,EAAE,IAAI;gBACb,MAAM,EAAE,KAAK;gBACb,YAAY,EAAE,oBAAoB;aACnC;SACF,GACD,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,wBAAwB;IACtC,OAAO,CACL,KAAC,OAAO,IACN,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE;YACP,oBAAoB;YACpB,QAAQ,EAAE;gBACR,OAAO,EAAE,IAAI;gBACb,YAAY,EAAE,oBAAoB;aACnC;YACD,YAAY;YACZ,SAAS,EAAE;gBACT,OAAO,EAAE,IAAI;gBACb,YAAY,EAAE,4CAA4C;aAC3D;SACF,GACD,CACH,CAAC;AACJ,CAAC;AAED,SAAS,OAAO,CAAC,KAAsB;IACrC,OAAO,CACL,eACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,GAAG,EAAE,MAAM;YACX,UAAU,EAAE,QAAQ;SACrB,aAED,KAAC,UAAU,OAAK,KAAK,EAAE,KAAK,EAAC,MAAM,GAAG,EACtC,KAAC,UAAU,OAAK,KAAK,EAAE,KAAK,EAAC,OAAO,GAAG,IACnC,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,33 +1,25 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { lightTheme } from "../../../react/core/design-system/index.js";
|
|
3
|
-
import { SwapWidget } from "../../../react/web/ui/Bridge/swap-widget/SwapWidget.js";
|
|
3
|
+
import { SwapWidget, } from "../../../react/web/ui/Bridge/swap-widget/SwapWidget.js";
|
|
4
4
|
import { storyClient } from "../../utils.js";
|
|
5
5
|
const meta = {
|
|
6
|
-
parameters: {
|
|
7
|
-
layout: "centered",
|
|
8
|
-
},
|
|
9
6
|
title: "Bridge/Swap/SwapWidget",
|
|
10
|
-
decorators: [
|
|
11
|
-
(Story) => {
|
|
12
|
-
return (_jsx("div", { children: _jsx(Story, {}) }));
|
|
13
|
-
},
|
|
14
|
-
],
|
|
15
7
|
};
|
|
16
8
|
export default meta;
|
|
17
9
|
export function BasicUsage() {
|
|
18
10
|
return _jsx(SwapWidget, { client: storyClient, persistTokenSelections: false });
|
|
19
11
|
}
|
|
20
12
|
export function CurrencySet() {
|
|
21
|
-
return (_jsx(
|
|
13
|
+
return (_jsx(Variant, { client: storyClient, currency: "JPY", persistTokenSelections: false }));
|
|
22
14
|
}
|
|
23
15
|
export function LightMode() {
|
|
24
|
-
return (_jsx(
|
|
16
|
+
return (_jsx(Variant, { client: storyClient, currency: "JPY", theme: "light", persistTokenSelections: false }));
|
|
25
17
|
}
|
|
26
18
|
export function NoThirdwebBranding() {
|
|
27
|
-
return (_jsx(
|
|
19
|
+
return (_jsx(Variant, { client: storyClient, currency: "JPY", showThirdwebBranding: false, persistTokenSelections: false }));
|
|
28
20
|
}
|
|
29
21
|
export function CustomTheme() {
|
|
30
|
-
return (_jsx(
|
|
22
|
+
return (_jsx(Variant, { client: storyClient, currency: "JPY", persistTokenSelections: false, theme: lightTheme({
|
|
31
23
|
colors: {
|
|
32
24
|
modalBg: "#FFFFF0",
|
|
33
25
|
tertiaryBg: "#DBE4C9",
|
|
@@ -37,4 +29,12 @@ export function CustomTheme() {
|
|
|
37
29
|
},
|
|
38
30
|
}) }));
|
|
39
31
|
}
|
|
32
|
+
function Variant(props) {
|
|
33
|
+
return (_jsxs("div", { style: {
|
|
34
|
+
display: "flex",
|
|
35
|
+
flexDirection: "column",
|
|
36
|
+
gap: "40px",
|
|
37
|
+
alignItems: "center",
|
|
38
|
+
}, children: [_jsx(SwapWidget, { ...props, theme: "dark" }), _jsx(SwapWidget, { ...props, theme: "light" })] }));
|
|
39
|
+
}
|
|
40
40
|
//# sourceMappingURL=SwapWidget.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwapWidget.stories.js","sourceRoot":"","sources":["../../../../../src/stories/Bridge/Swap/SwapWidget.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,4CAA4C,CAAC;AACxE,OAAO,
|
|
1
|
+
{"version":3,"file":"SwapWidget.stories.js","sourceRoot":"","sources":["../../../../../src/stories/Bridge/Swap/SwapWidget.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,4CAA4C,CAAC;AACxE,OAAO,EACL,UAAU,GAEX,MAAM,wDAAwD,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,IAAI,GAA4B;IACpC,KAAK,EAAE,wBAAwB;CAChC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,MAAM,UAAU,UAAU;IACxB,OAAO,KAAC,UAAU,IAAC,MAAM,EAAE,WAAW,EAAE,sBAAsB,EAAE,KAAK,GAAI,CAAC;AAC5E,CAAC;AAED,MAAM,UAAU,WAAW;IACzB,OAAO,CACL,KAAC,OAAO,IACN,MAAM,EAAE,WAAW,EACnB,QAAQ,EAAC,KAAK,EACd,sBAAsB,EAAE,KAAK,GAC7B,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,SAAS;IACvB,OAAO,CACL,KAAC,OAAO,IACN,MAAM,EAAE,WAAW,EACnB,QAAQ,EAAC,KAAK,EACd,KAAK,EAAC,OAAO,EACb,sBAAsB,EAAE,KAAK,GAC7B,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB;IAChC,OAAO,CACL,KAAC,OAAO,IACN,MAAM,EAAE,WAAW,EACnB,QAAQ,EAAC,KAAK,EACd,oBAAoB,EAAE,KAAK,EAC3B,sBAAsB,EAAE,KAAK,GAC7B,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW;IACzB,OAAO,CACL,KAAC,OAAO,IACN,MAAM,EAAE,WAAW,EACnB,QAAQ,EAAC,KAAK,EACd,sBAAsB,EAAE,KAAK,EAC7B,KAAK,EAAE,UAAU,CAAC;YAChB,MAAM,EAAE;gBACN,OAAO,EAAE,SAAS;gBAClB,UAAU,EAAE,SAAS;gBACrB,WAAW,EAAE,SAAS;gBACtB,aAAa,EAAE,SAAS;gBACxB,UAAU,EAAE,SAAS;aACtB;SACF,CAAC,GACF,CACH,CAAC;AACJ,CAAC;AAED,SAAS,OAAO,CAAC,KAAsB;IACrC,OAAO,CACL,eACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,GAAG,EAAE,MAAM;YACX,UAAU,EAAE,QAAQ;SACrB,aAED,KAAC,UAAU,OAAK,KAAK,EAAE,KAAK,EAAC,MAAM,GAAG,EACtC,KAAC,UAAU,OAAK,KAAK,EAAE,KAAK,EAAC,OAAO,GAAG,IACnC,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -5,9 +5,6 @@ import { defineChain } from "../chains/utils.js";
|
|
|
5
5
|
import { BuyWidget, } from "../react/web/ui/Bridge/BuyWidget.js";
|
|
6
6
|
import { storyClient } from "./utils.js";
|
|
7
7
|
const meta = {
|
|
8
|
-
parameters: {
|
|
9
|
-
layout: "centered",
|
|
10
|
-
},
|
|
11
8
|
title: "Bridge/Buy/BuyWidget",
|
|
12
9
|
};
|
|
13
10
|
export default meta;
|
|
@@ -52,6 +49,11 @@ export function LargeAmount() {
|
|
|
52
49
|
return (_jsx(Variant, { client: storyClient, chain: ethereum, tokenAddress: "0x1f9840a85d5aF5bf1D1762F925BDADdC4201F984", amount: "150000" }));
|
|
53
50
|
}
|
|
54
51
|
function Variant(props) {
|
|
55
|
-
return (_jsxs("div", { style: {
|
|
52
|
+
return (_jsxs("div", { style: {
|
|
53
|
+
display: "flex",
|
|
54
|
+
flexDirection: "column",
|
|
55
|
+
gap: "40px",
|
|
56
|
+
alignItems: "center",
|
|
57
|
+
}, children: [_jsx(BuyWidget, { ...props, theme: "dark" }), _jsx(BuyWidget, { ...props, theme: "light" })] }));
|
|
56
58
|
}
|
|
57
59
|
//# sourceMappingURL=BuyWidget.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BuyWidget.stories.js","sourceRoot":"","sources":["../../../src/stories/BuyWidget.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,qCAAqC,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EACL,SAAS,GAEV,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAEzC,MAAM,IAAI,GAAG;IACX,
|
|
1
|
+
{"version":3,"file":"BuyWidget.stories.js","sourceRoot":"","sources":["../../../src/stories/BuyWidget.stories.tsx"],"names":[],"mappings":"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"}
|
package/dist/esm/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export const version = "5.
|
|
1
|
+
export const version = "5.109.1-nightly-b1a780832ed97d80399a650beab537a89c628278-20251018000336";
|
|
2
2
|
//# sourceMappingURL=version.js.map
|
package/dist/esm/version.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,
|
|
1
|
+
{"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,yEAAyE,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Container } from 'react-dom/client';
|
|
2
|
-
import {
|
|
2
|
+
import { Hex, Address } from 'ox';
|
|
3
3
|
|
|
4
4
|
declare const currencySymbol: {
|
|
5
5
|
readonly USD: "$";
|
|
@@ -143,6 +143,112 @@ type ThirdwebClient = {
|
|
|
143
143
|
readonly secretKey: string | undefined;
|
|
144
144
|
} & Readonly<ClientOptions>;
|
|
145
145
|
|
|
146
|
+
/**
|
|
147
|
+
* Retrieves the status of an Onramp session created via {@link Bridge.Onramp.prepare}. The
|
|
148
|
+
* status will include any on-chain transactions that have occurred as a result of the onramp
|
|
149
|
+
* as well as any arbitrary `purchaseData` that was supplied when the onramp was
|
|
150
|
+
* prepared.
|
|
151
|
+
*
|
|
152
|
+
* @example
|
|
153
|
+
* ```typescript
|
|
154
|
+
* import { Bridge } from "thirdweb";
|
|
155
|
+
*
|
|
156
|
+
* const onrampStatus = await Bridge.Onramp.status({
|
|
157
|
+
* id: "022218cc-96af-4291-b90c-dadcb47571ec",
|
|
158
|
+
* client: thirdwebClient,
|
|
159
|
+
* });
|
|
160
|
+
*
|
|
161
|
+
* // Possible results:
|
|
162
|
+
* // {
|
|
163
|
+
* // status: "CREATED",
|
|
164
|
+
* // transactions: [],
|
|
165
|
+
* // purchaseData: {
|
|
166
|
+
* // orderId: "abc-123",
|
|
167
|
+
* // },
|
|
168
|
+
* // }
|
|
169
|
+
* //
|
|
170
|
+
* // or
|
|
171
|
+
* // {
|
|
172
|
+
* // status: "PENDING",
|
|
173
|
+
* // transactions: [],
|
|
174
|
+
* // purchaseData: {
|
|
175
|
+
* // orderId: "abc-123",
|
|
176
|
+
* // },
|
|
177
|
+
* // }
|
|
178
|
+
* //
|
|
179
|
+
* // or
|
|
180
|
+
* // {
|
|
181
|
+
* // status: "COMPLETED",
|
|
182
|
+
* // transactions: [
|
|
183
|
+
* // {
|
|
184
|
+
* // chainId: 1,
|
|
185
|
+
* // transactionHash:
|
|
186
|
+
* // "0x1234567890abcdef1234567890abcdef1234567890abcdef1234567890abcdef",
|
|
187
|
+
* // },
|
|
188
|
+
* // ],
|
|
189
|
+
* // purchaseData: {
|
|
190
|
+
* // orderId: "abc-123",
|
|
191
|
+
* // },
|
|
192
|
+
* // }
|
|
193
|
+
* ```
|
|
194
|
+
*
|
|
195
|
+
* @param options - The options for fetching the onramp status.
|
|
196
|
+
* @param options.id - The UUID returned from {@link Bridge.Onramp.prepare}.
|
|
197
|
+
* @param options.client - Your thirdweb client instance.
|
|
198
|
+
*
|
|
199
|
+
* @returns A promise that resolves to the status of the onramp session.
|
|
200
|
+
*
|
|
201
|
+
* @throws Will throw an error if there is an issue fetching the status.
|
|
202
|
+
* @bridge Onramp
|
|
203
|
+
* @beta
|
|
204
|
+
*/
|
|
205
|
+
declare function status(options: status.Options): Promise<status.Result>;
|
|
206
|
+
declare namespace status {
|
|
207
|
+
/**
|
|
208
|
+
* Input parameters for {@link Bridge.Onramp.status}.
|
|
209
|
+
*/
|
|
210
|
+
type Options = {
|
|
211
|
+
/**
|
|
212
|
+
* The Onramp session ID returned by {@link Bridge.Onramp.prepare}.
|
|
213
|
+
*/
|
|
214
|
+
id: string;
|
|
215
|
+
/** Your {@link ThirdwebClient} instance. */
|
|
216
|
+
client: ThirdwebClient;
|
|
217
|
+
};
|
|
218
|
+
/**
|
|
219
|
+
* The result returned from {@link Bridge.Onramp.status}.
|
|
220
|
+
*/
|
|
221
|
+
type Result = {
|
|
222
|
+
status: "COMPLETED";
|
|
223
|
+
transactions: Array<{
|
|
224
|
+
chainId: number;
|
|
225
|
+
transactionHash: Hex.Hex;
|
|
226
|
+
}>;
|
|
227
|
+
purchaseData?: PurchaseData;
|
|
228
|
+
} | {
|
|
229
|
+
status: "PENDING";
|
|
230
|
+
transactions: Array<{
|
|
231
|
+
chainId: number;
|
|
232
|
+
transactionHash: Hex.Hex;
|
|
233
|
+
}>;
|
|
234
|
+
purchaseData?: PurchaseData;
|
|
235
|
+
} | {
|
|
236
|
+
status: "CREATED";
|
|
237
|
+
transactions: Array<{
|
|
238
|
+
chainId: number;
|
|
239
|
+
transactionHash: Hex.Hex;
|
|
240
|
+
}>;
|
|
241
|
+
purchaseData?: PurchaseData;
|
|
242
|
+
} | {
|
|
243
|
+
status: "FAILED";
|
|
244
|
+
transactions: Array<{
|
|
245
|
+
chainId: number;
|
|
246
|
+
transactionHash: Hex.Hex;
|
|
247
|
+
}>;
|
|
248
|
+
purchaseData?: PurchaseData;
|
|
249
|
+
};
|
|
250
|
+
}
|
|
251
|
+
|
|
146
252
|
type FeeType = "legacy" | "eip1559";
|
|
147
253
|
|
|
148
254
|
/**
|
|
@@ -227,6 +333,55 @@ type RouteTransaction = {
|
|
|
227
333
|
chain: Chain;
|
|
228
334
|
};
|
|
229
335
|
|
|
336
|
+
type Status = {
|
|
337
|
+
status: "COMPLETED";
|
|
338
|
+
paymentId: string;
|
|
339
|
+
originAmount: bigint;
|
|
340
|
+
destinationAmount: bigint;
|
|
341
|
+
originChainId: number;
|
|
342
|
+
destinationChainId: number;
|
|
343
|
+
originTokenAddress: Address.Address;
|
|
344
|
+
destinationTokenAddress: Address.Address;
|
|
345
|
+
originToken: Token;
|
|
346
|
+
destinationToken: Token;
|
|
347
|
+
sender: Address.Address;
|
|
348
|
+
receiver: Address.Address;
|
|
349
|
+
transactions: Array<{
|
|
350
|
+
chainId: number;
|
|
351
|
+
transactionHash: Hex.Hex;
|
|
352
|
+
}>;
|
|
353
|
+
purchaseData?: PurchaseData;
|
|
354
|
+
} | {
|
|
355
|
+
status: "PENDING";
|
|
356
|
+
paymentId: string;
|
|
357
|
+
originAmount: bigint;
|
|
358
|
+
originChainId: number;
|
|
359
|
+
destinationChainId: number;
|
|
360
|
+
originTokenAddress: Address.Address;
|
|
361
|
+
destinationTokenAddress: Address.Address;
|
|
362
|
+
originToken: Token;
|
|
363
|
+
destinationToken: Token;
|
|
364
|
+
sender: Address.Address;
|
|
365
|
+
receiver: Address.Address;
|
|
366
|
+
transactions: Array<{
|
|
367
|
+
chainId: number;
|
|
368
|
+
transactionHash: Hex.Hex;
|
|
369
|
+
}>;
|
|
370
|
+
purchaseData?: PurchaseData;
|
|
371
|
+
} | {
|
|
372
|
+
status: "FAILED";
|
|
373
|
+
paymentId: string;
|
|
374
|
+
transactions: Array<{
|
|
375
|
+
chainId: number;
|
|
376
|
+
transactionHash: Hex.Hex;
|
|
377
|
+
}>;
|
|
378
|
+
purchaseData?: PurchaseData;
|
|
379
|
+
} | {
|
|
380
|
+
status: "NOT_FOUND";
|
|
381
|
+
paymentId: string;
|
|
382
|
+
transactions: [];
|
|
383
|
+
};
|
|
384
|
+
|
|
230
385
|
type PreparedQuote = {
|
|
231
386
|
/**
|
|
232
387
|
* The input amount (in wei) including fees to be paid.
|
|
@@ -1062,6 +1217,27 @@ type BridgePrepareResult = ({
|
|
|
1062
1217
|
type: "onramp";
|
|
1063
1218
|
} & prepare$2.Result);
|
|
1064
1219
|
|
|
1220
|
+
/**
|
|
1221
|
+
* Type for completed status results from Bridge.status and Onramp.status
|
|
1222
|
+
*/
|
|
1223
|
+
type CompletedStatusResult = ({
|
|
1224
|
+
type: "buy";
|
|
1225
|
+
} & Extract<Status, {
|
|
1226
|
+
status: "COMPLETED";
|
|
1227
|
+
}>) | ({
|
|
1228
|
+
type: "sell";
|
|
1229
|
+
} & Extract<Status, {
|
|
1230
|
+
status: "COMPLETED";
|
|
1231
|
+
}>) | ({
|
|
1232
|
+
type: "transfer";
|
|
1233
|
+
} & Extract<Status, {
|
|
1234
|
+
status: "COMPLETED";
|
|
1235
|
+
}>) | ({
|
|
1236
|
+
type: "onramp";
|
|
1237
|
+
} & Extract<status.Result, {
|
|
1238
|
+
status: "COMPLETED";
|
|
1239
|
+
}>);
|
|
1240
|
+
|
|
1065
1241
|
type BuyOrOnrampPrepareResult = Extract<BridgePrepareResult, {
|
|
1066
1242
|
type: "buy" | "onramp";
|
|
1067
1243
|
}>;
|
|
@@ -1080,7 +1256,10 @@ type BridgeWidgetScriptProps = {
|
|
|
1080
1256
|
swap?: {
|
|
1081
1257
|
className?: string;
|
|
1082
1258
|
style?: React.CSSProperties;
|
|
1083
|
-
onSuccess?: (
|
|
1259
|
+
onSuccess?: (data: {
|
|
1260
|
+
quote: SwapPreparedQuote;
|
|
1261
|
+
statuses: CompletedStatusResult[];
|
|
1262
|
+
}) => void;
|
|
1084
1263
|
onError?: (error: Error, quote: SwapPreparedQuote) => void;
|
|
1085
1264
|
onCancel?: (quote: SwapPreparedQuote) => void;
|
|
1086
1265
|
onDisconnect?: () => void;
|
|
@@ -1105,7 +1284,10 @@ type BridgeWidgetScriptProps = {
|
|
|
1105
1284
|
buttonLabel?: string;
|
|
1106
1285
|
onCancel?: (quote: BuyOrOnrampPrepareResult | undefined) => void;
|
|
1107
1286
|
onError?: (error: Error, quote: BuyOrOnrampPrepareResult | undefined) => void;
|
|
1108
|
-
onSuccess?: (
|
|
1287
|
+
onSuccess?: (data: {
|
|
1288
|
+
quote: BuyOrOnrampPrepareResult;
|
|
1289
|
+
statuses: CompletedStatusResult[];
|
|
1290
|
+
}) => void;
|
|
1109
1291
|
className?: string;
|
|
1110
1292
|
country?: string;
|
|
1111
1293
|
presetOptions?: [number, number, number];
|