thirdweb 5.104.1 → 5.104.2-nightly-d85ee5fac30b739b69202184eb2e62660790979b-20250625000421
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/bridge/Buy.js +0 -2
- package/dist/cjs/bridge/Buy.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/BridgeOrchestrator.js +3 -3
- package/dist/cjs/react/web/ui/Bridge/BridgeOrchestrator.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/BuyWidget.js +14 -4
- package/dist/cjs/react/web/ui/Bridge/BuyWidget.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/CheckoutWidget.js +14 -4
- package/dist/cjs/react/web/ui/Bridge/CheckoutWidget.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/ErrorBanner.js +13 -1
- package/dist/cjs/react/web/ui/Bridge/ErrorBanner.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/QuoteLoader.js +20 -1
- package/dist/cjs/react/web/ui/Bridge/QuoteLoader.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/TransactionWidget.js +14 -4
- package/dist/cjs/react/web/ui/Bridge/TransactionWidget.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/UnsupportedTokenScreen.js +14 -1
- package/dist/cjs/react/web/ui/Bridge/UnsupportedTokenScreen.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/payment-details/PaymentDetails.js +27 -0
- package/dist/cjs/react/web/ui/Bridge/payment-details/PaymentDetails.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/payment-selection/PaymentSelection.js +13 -0
- package/dist/cjs/react/web/ui/Bridge/payment-selection/PaymentSelection.js.map +1 -1
- package/dist/cjs/react/web/ui/Bridge/payment-success/SuccessScreen.js +18 -1
- package/dist/cjs/react/web/ui/Bridge/payment-success/SuccessScreen.js.map +1 -1
- package/dist/cjs/react/web/ui/PayEmbed.js +4 -4
- package/dist/cjs/react/web/ui/PayEmbed.js.map +1 -1
- package/dist/cjs/stories/Bridge/ErrorBanner.stories.js +2 -1
- package/dist/cjs/stories/Bridge/ErrorBanner.stories.js.map +1 -1
- package/dist/cjs/stories/Bridge/SuccessScreen.stories.js +7 -0
- package/dist/cjs/stories/Bridge/SuccessScreen.stories.js.map +1 -1
- package/dist/cjs/stories/Bridge/UnsupportedTokenScreen.stories.js +6 -0
- package/dist/cjs/stories/Bridge/UnsupportedTokenScreen.stories.js.map +1 -1
- package/dist/cjs/version.js +1 -1
- package/dist/cjs/version.js.map +1 -1
- package/dist/esm/bridge/Buy.js +0 -2
- package/dist/esm/bridge/Buy.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/BridgeOrchestrator.js +3 -3
- package/dist/esm/react/web/ui/Bridge/BridgeOrchestrator.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/BuyWidget.js +14 -4
- package/dist/esm/react/web/ui/Bridge/BuyWidget.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/CheckoutWidget.js +14 -4
- package/dist/esm/react/web/ui/Bridge/CheckoutWidget.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/ErrorBanner.js +13 -1
- package/dist/esm/react/web/ui/Bridge/ErrorBanner.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/QuoteLoader.js +20 -1
- package/dist/esm/react/web/ui/Bridge/QuoteLoader.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/TransactionWidget.js +14 -4
- package/dist/esm/react/web/ui/Bridge/TransactionWidget.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/UnsupportedTokenScreen.js +14 -1
- package/dist/esm/react/web/ui/Bridge/UnsupportedTokenScreen.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/payment-details/PaymentDetails.js +27 -0
- package/dist/esm/react/web/ui/Bridge/payment-details/PaymentDetails.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/payment-selection/PaymentSelection.js +13 -0
- package/dist/esm/react/web/ui/Bridge/payment-selection/PaymentSelection.js.map +1 -1
- package/dist/esm/react/web/ui/Bridge/payment-success/SuccessScreen.js +18 -1
- package/dist/esm/react/web/ui/Bridge/payment-success/SuccessScreen.js.map +1 -1
- package/dist/esm/react/web/ui/PayEmbed.js +4 -4
- package/dist/esm/react/web/ui/PayEmbed.js.map +1 -1
- package/dist/esm/stories/Bridge/ErrorBanner.stories.js +2 -1
- package/dist/esm/stories/Bridge/ErrorBanner.stories.js.map +1 -1
- package/dist/esm/stories/Bridge/SuccessScreen.stories.js +8 -1
- package/dist/esm/stories/Bridge/SuccessScreen.stories.js.map +1 -1
- package/dist/esm/stories/Bridge/UnsupportedTokenScreen.stories.js +6 -0
- package/dist/esm/stories/Bridge/UnsupportedTokenScreen.stories.js.map +1 -1
- package/dist/esm/version.js +1 -1
- package/dist/esm/version.js.map +1 -1
- package/dist/types/bridge/Buy.d.ts +0 -2
- package/dist/types/bridge/Buy.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/BridgeOrchestrator.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/BuyWidget.d.ts +1 -3
- package/dist/types/react/web/ui/Bridge/BuyWidget.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/CheckoutWidget.d.ts +1 -3
- package/dist/types/react/web/ui/Bridge/CheckoutWidget.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/ErrorBanner.d.ts +3 -1
- package/dist/types/react/web/ui/Bridge/ErrorBanner.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/QuoteLoader.d.ts +2 -1
- package/dist/types/react/web/ui/Bridge/QuoteLoader.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/TransactionWidget.d.ts +1 -3
- package/dist/types/react/web/ui/Bridge/TransactionWidget.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/UnsupportedTokenScreen.d.ts +3 -0
- package/dist/types/react/web/ui/Bridge/UnsupportedTokenScreen.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/payment-details/PaymentDetails.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/payment-selection/PaymentSelection.d.ts.map +1 -1
- package/dist/types/react/web/ui/Bridge/payment-success/SuccessScreen.d.ts +3 -1
- package/dist/types/react/web/ui/Bridge/payment-success/SuccessScreen.d.ts.map +1 -1
- package/dist/types/react/web/ui/PayEmbed.d.ts +1 -1
- package/dist/types/react/web/ui/PayEmbed.d.ts.map +1 -1
- package/dist/types/stories/Bridge/ErrorBanner.stories.d.ts.map +1 -1
- package/dist/types/stories/Bridge/SuccessScreen.stories.d.ts.map +1 -1
- package/dist/types/stories/Bridge/UnsupportedTokenScreen.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/bridge/Buy.ts +0 -2
- package/src/react/web/ui/Bridge/BridgeOrchestrator.tsx +3 -0
- package/src/react/web/ui/Bridge/BuyWidget.tsx +21 -4
- package/src/react/web/ui/Bridge/CheckoutWidget.tsx +21 -4
- package/src/react/web/ui/Bridge/ErrorBanner.tsx +21 -1
- package/src/react/web/ui/Bridge/QuoteLoader.tsx +24 -0
- package/src/react/web/ui/Bridge/TransactionWidget.tsx +21 -4
- package/src/react/web/ui/Bridge/UnsupportedTokenScreen.tsx +18 -1
- package/src/react/web/ui/Bridge/payment-details/PaymentDetails.tsx +34 -0
- package/src/react/web/ui/Bridge/payment-selection/PaymentSelection.tsx +14 -0
- package/src/react/web/ui/Bridge/payment-success/SuccessScreen.tsx +22 -0
- package/src/react/web/ui/PayEmbed.tsx +4 -1
- package/src/stories/Bridge/ErrorBanner.stories.tsx +5 -1
- package/src/stories/Bridge/SuccessScreen.stories.tsx +8 -1
- package/src/stories/Bridge/UnsupportedTokenScreen.stories.tsx +7 -0
- package/src/version.ts +1 -1
package/dist/cjs/bridge/Buy.js
CHANGED
|
@@ -99,7 +99,6 @@ const Errors_js_1 = require("./types/Errors.js");
|
|
|
99
99
|
*
|
|
100
100
|
* @throws Will throw an error if there is an issue fetching the quote.
|
|
101
101
|
* @bridge Buy
|
|
102
|
-
* @beta
|
|
103
102
|
*/
|
|
104
103
|
async function quote(options) {
|
|
105
104
|
const { originChainId, originTokenAddress, destinationChainId, destinationTokenAddress, client, maxSteps, } = options;
|
|
@@ -285,7 +284,6 @@ async function quote(options) {
|
|
|
285
284
|
*
|
|
286
285
|
* @throws Will throw an error if there is an issue fetching the quote.
|
|
287
286
|
* @bridge Buy
|
|
288
|
-
* @beta
|
|
289
287
|
*/
|
|
290
288
|
async function prepare(options) {
|
|
291
289
|
const { originChainId, originTokenAddress, destinationChainId, destinationTokenAddress, sender, receiver, client, amount, purchaseData, maxSteps, paymentLinkId, } = options;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Buy.js","sourceRoot":"","sources":["../../../src/bridge/Buy.ts"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"Buy.js","sourceRoot":"","sources":["../../../src/bridge/Buy.ts"],"names":[],"mappings":";;AAsGA,sBAoDC;AA8KD,0BA2EC;AAlZD,iDAAiD;AAEjD,oDAAyD;AACzD,gDAAmD;AACnD,8CAA6C;AAC7C,iDAA6C;AAG7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4FG;AACI,KAAK,UAAU,KAAK,CAAC,OAAsB;IAChD,MAAM,EACJ,aAAa,EACb,kBAAkB,EAClB,kBAAkB,EAClB,uBAAuB,EACvB,MAAM,EACN,QAAQ,GACT,GAAG,OAAO,CAAC;IACZ,MAAM,MAAM,GACV,cAAc,IAAI,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC;IAEpE,MAAM,WAAW,GAAG,IAAA,yBAAc,EAAC,MAAM,CAAC,CAAC;IAC3C,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,GAAG,IAAA,+BAAkB,EAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;IACpE,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,eAAe,EAAE,aAAa,CAAC,QAAQ,EAAE,CAAC,CAAC;IAChE,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,oBAAoB,EAAE,kBAAkB,CAAC,CAAC;IAC/D,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,oBAAoB,EAAE,kBAAkB,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC1E,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,yBAAyB,EAAE,uBAAuB,CAAC,CAAC;IACzE,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,cAAc,EAAE,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC;IACxD,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC;IAClD,IAAI,QAAQ,EAAE,CAAC;QACb,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,UAAU,EAAE,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC;IACxD,CAAC;IAED,MAAM,QAAQ,GAAG,MAAM,WAAW,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;IACnD,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;QACjB,MAAM,SAAS,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;QACxC,MAAM,IAAI,oBAAQ,CAAC;YACjB,IAAI,EAAE,SAAS,CAAC,IAAI,IAAI,eAAe;YACvC,aAAa,EAAE,SAAS,CAAC,aAAa,IAAI,SAAS;YACnD,OAAO,EAAE,SAAS,CAAC,OAAO,IAAI,QAAQ,CAAC,UAAU;YACjD,UAAU,EAAE,QAAQ,CAAC,MAAM;SAC5B,CAAC,CAAC;IACL,CAAC;IAED,MAAM,EAAE,IAAI,EAAE,GAAoB,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;IACxD,OAAO;QACL,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS;QACpE,iBAAiB,EAAE,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC;QACjD,wBAAwB,EAAE,IAAI,CAAC,wBAAwB;QACvD,MAAM,EAAE;YACN,MAAM;YACN,YAAY,EAAE,MAAM;YACpB,kBAAkB;YAClB,uBAAuB;YACvB,aAAa;YACb,kBAAkB;SACnB;QACD,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC;QACvC,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,SAAS,EAAE,IAAI,CAAC,SAAS;KAC1B,CAAC;AACJ,CAAC;AA+BD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8IG;AACI,KAAK,UAAU,OAAO,CAC3B,OAAwB;IAExB,MAAM,EACJ,aAAa,EACb,kBAAkB,EAClB,kBAAkB,EAClB,uBAAuB,EACvB,MAAM,EACN,QAAQ,EACR,MAAM,EACN,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,aAAa,GACd,GAAG,OAAO,CAAC;IAEZ,MAAM,WAAW,GAAG,IAAA,yBAAc,EAAC,MAAM,CAAC,CAAC;IAC3C,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,GAAG,IAAA,+BAAkB,EAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IAEtE,MAAM,QAAQ,GAAG,MAAM,WAAW,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE;QACjD,IAAI,EAAE,IAAA,mBAAS,EAAC;YACd,MAAM,EAAE,MAAM,CAAC,QAAQ,EAAE,EAAE,SAAS;YACpC,YAAY,EAAE,MAAM,CAAC,QAAQ,EAAE;YAC/B,kBAAkB,EAAE,kBAAkB,CAAC,QAAQ,EAAE;YACjD,uBAAuB;YACvB,QAAQ;YACR,aAAa,EAAE,aAAa,CAAC,QAAQ,EAAE;YACvC,kBAAkB;YAClB,aAAa;YACb,YAAY;YACZ,QAAQ;YACR,MAAM;SACP,CAAC;QACF,OAAO,EAAE;YACP,cAAc,EAAE,kBAAkB;SACnC;QACD,MAAM,EAAE,MAAM;KACf,CAAC,CAAC;IACH,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;QACjB,MAAM,SAAS,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;QACxC,MAAM,IAAI,oBAAQ,CAAC;YACjB,IAAI,EAAE,SAAS,CAAC,IAAI,IAAI,eAAe;YACvC,aAAa,EAAE,SAAS,CAAC,aAAa,IAAI,SAAS;YACnD,OAAO,EAAE,SAAS,CAAC,OAAO,IAAI,QAAQ,CAAC,UAAU;YACjD,UAAU,EAAE,QAAQ,CAAC,MAAM;SAC5B,CAAC,CAAC;IACL,CAAC;IAED,MAAM,EAAE,IAAI,EAAE,GAA4B,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;IAChE,OAAO;QACL,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS;QACpE,iBAAiB,EAAE,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC;QACjD,wBAAwB,EAAE,IAAI,CAAC,wBAAwB;QACvD,MAAM,EAAE;YACN,MAAM;YACN,kBAAkB;YAClB,uBAAuB;YACvB,aAAa;YACb,kBAAkB;YAClB,QAAQ;YACR,MAAM;SACP;QACD,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC;QACvC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YAC/B,GAAG,IAAI;YACP,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;gBACpD,GAAG,WAAW;gBACd,KAAK,EAAE,IAAA,sBAAW,EAAC,WAAW,CAAC,OAAO,CAAC;gBACvC,MAAM;gBACN,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS;aACjE,CAAC,CAAC;SACJ,CAAC,CAAC;QACH,SAAS,EAAE,IAAI,CAAC,SAAS;KAC1B,CAAC;AACJ,CAAC"}
|
|
@@ -76,7 +76,7 @@ function BridgeOrchestrator({ client, uiOptions, receiverAddress, onComplete, on
|
|
|
76
76
|
type: "DESTINATION_CONFIRMED",
|
|
77
77
|
});
|
|
78
78
|
}, [send]);
|
|
79
|
-
return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "column", fullHeight: true, children: [state.value === "error" && state.context.currentError && ((0, jsx_runtime_1.jsx)(ErrorBanner_js_1.ErrorBanner, { error: state.context.currentError, onCancel: onCancel, onRetry: handleRetry })), state.value === "init" && uiOptions.mode === "fund_wallet" && ((0, jsx_runtime_1.jsx)(FundWallet_js_1.FundWallet, { client: client, connectOptions: connectOptions, onContinue: handleRequirementsResolved, presetOptions: presetOptions, receiverAddress: receiverAddress, uiOptions: uiOptions })), state.value === "init" && uiOptions.mode === "direct_payment" && ((0, jsx_runtime_1.jsx)(DirectPayment_js_1.DirectPayment, { client: client, connectOptions: connectOptions, onContinue: handleRequirementsResolved, uiOptions: uiOptions })), state.value === "init" && uiOptions.mode === "transaction" && ((0, jsx_runtime_1.jsx)(TransactionPayment_js_1.TransactionPayment, { client: client, connectOptions: connectOptions, onContinue: handleRequirementsResolved, uiOptions: uiOptions })), state.value === "methodSelection" &&
|
|
79
|
+
return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "column", fullHeight: true, children: [state.value === "error" && state.context.currentError && ((0, jsx_runtime_1.jsx)(ErrorBanner_js_1.ErrorBanner, { client: client, error: state.context.currentError, onCancel: onCancel, onRetry: handleRetry })), state.value === "init" && uiOptions.mode === "fund_wallet" && ((0, jsx_runtime_1.jsx)(FundWallet_js_1.FundWallet, { client: client, connectOptions: connectOptions, onContinue: handleRequirementsResolved, presetOptions: presetOptions, receiverAddress: receiverAddress, uiOptions: uiOptions })), state.value === "init" && uiOptions.mode === "direct_payment" && ((0, jsx_runtime_1.jsx)(DirectPayment_js_1.DirectPayment, { client: client, connectOptions: connectOptions, onContinue: handleRequirementsResolved, uiOptions: uiOptions })), state.value === "init" && uiOptions.mode === "transaction" && ((0, jsx_runtime_1.jsx)(TransactionPayment_js_1.TransactionPayment, { client: client, connectOptions: connectOptions, onContinue: handleRequirementsResolved, uiOptions: uiOptions })), state.value === "methodSelection" &&
|
|
80
80
|
state.context.destinationToken &&
|
|
81
81
|
state.context.destinationAmount &&
|
|
82
82
|
state.context.receiverAddress && ((0, jsx_runtime_1.jsx)(PaymentSelection_js_1.PaymentSelection, { client: client, connectLocale: connectLocale || en_js_1.default, connectOptions: connectOptions, destinationAmount: state.context.destinationAmount, destinationToken: state.context.destinationToken, includeDestinationToken: uiOptions.mode !== "fund_wallet", onBack: () => {
|
|
@@ -85,7 +85,7 @@ function BridgeOrchestrator({ client, uiOptions, receiverAddress, onComplete, on
|
|
|
85
85
|
state.context.selectedPaymentMethod &&
|
|
86
86
|
state.context.receiverAddress &&
|
|
87
87
|
state.context.destinationToken &&
|
|
88
|
-
state.context.destinationAmount && ((0, jsx_runtime_1.jsx)(QuoteLoader_js_1.QuoteLoader, { amount: state.context.destinationAmount, client: client, destinationToken: state.context.destinationToken, onBack: () => {
|
|
88
|
+
state.context.destinationAmount && ((0, jsx_runtime_1.jsx)(QuoteLoader_js_1.QuoteLoader, { amount: state.context.destinationAmount, client: client, destinationToken: state.context.destinationToken, mode: uiOptions.mode, onBack: () => {
|
|
89
89
|
send({ type: "BACK" });
|
|
90
90
|
}, onError: handleError, onQuoteReceived: handleQuoteReceived, paymentLinkId: paymentLinkId, paymentMethod: state.context.selectedPaymentMethod, purchaseData: purchaseData, receiver: state.context.receiverAddress })), state.value === "preview" &&
|
|
91
91
|
state.context.selectedPaymentMethod &&
|
|
@@ -98,7 +98,7 @@ function BridgeOrchestrator({ client, uiOptions, receiverAddress, onComplete, on
|
|
|
98
98
|
send({ type: "BACK" });
|
|
99
99
|
}, onCancel: onCancel, onComplete: handleExecutionComplete, request: state.context.request, wallet: state.context.selectedPaymentMethod?.payerWallet, windowAdapter: WindowAdapter_js_1.webWindowAdapter })), state.value === "success" &&
|
|
100
100
|
state.context.quote &&
|
|
101
|
-
state.context.completedStatuses && ((0, jsx_runtime_1.jsx)(SuccessScreen_js_1.SuccessScreen, { completedStatuses: state.context.completedStatuses, onDone: handleBuyComplete, preparedQuote: state.context.quote, uiOptions: uiOptions, windowAdapter: WindowAdapter_js_1.webWindowAdapter })), state.value === "post-buy-transaction" &&
|
|
101
|
+
state.context.completedStatuses && ((0, jsx_runtime_1.jsx)(SuccessScreen_js_1.SuccessScreen, { client: client, completedStatuses: state.context.completedStatuses, onDone: handleBuyComplete, preparedQuote: state.context.quote, uiOptions: uiOptions, windowAdapter: WindowAdapter_js_1.webWindowAdapter })), state.value === "post-buy-transaction" &&
|
|
102
102
|
uiOptions.mode === "transaction" &&
|
|
103
103
|
uiOptions.transaction && ((0, jsx_runtime_1.jsx)(ExecutingScreen_js_1.ExecutingTxScreen, { closeModal: handlePostBuyTransactionComplete, onTxSent: () => {
|
|
104
104
|
// Do nothing
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BridgeOrchestrator.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/Bridge/BridgeOrchestrator.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAqHb,
|
|
1
|
+
{"version":3,"file":"BridgeOrchestrator.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/Bridge/BridgeOrchestrator.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
4
4
|
exports.BuyWidget = BuyWidget;
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const react_query_1 = require("@tanstack/react-query");
|
|
7
|
+
const pay_js_1 = require("../../../../analytics/track/pay.js");
|
|
7
8
|
const addresses_js_1 = require("../../../../constants/addresses.js");
|
|
8
9
|
const get_token_js_1 = require("../../../../pay/convert/get-token.js");
|
|
9
10
|
const address_js_1 = require("../../../../utils/address.js");
|
|
@@ -100,13 +101,22 @@ const UnsupportedTokenScreen_js_1 = require("./UnsupportedTokenScreen.js");
|
|
|
100
101
|
*
|
|
101
102
|
* Refer to the [`BuyWidgetConnectOptions`](https://portal.thirdweb.com/references/typescript/v5/BuyWidgetConnectOptions) type for more details.
|
|
102
103
|
*
|
|
103
|
-
* @bridge
|
|
104
|
-
* @beta
|
|
105
|
-
* @react
|
|
104
|
+
* @bridge Widgets
|
|
106
105
|
*/
|
|
107
106
|
function BuyWidget(props) {
|
|
108
107
|
const localeQuery = (0, getConnectLocale_js_1.useConnectLocale)(props.locale || "en_US");
|
|
109
108
|
const theme = props.theme || "dark";
|
|
109
|
+
(0, react_query_1.useQuery)({
|
|
110
|
+
queryFn: () => {
|
|
111
|
+
(0, pay_js_1.trackPayEvent)({
|
|
112
|
+
client: props.client,
|
|
113
|
+
event: "ub:ui:buy_widget:render",
|
|
114
|
+
toChainId: props.chain.id,
|
|
115
|
+
toToken: props.tokenAddress,
|
|
116
|
+
});
|
|
117
|
+
},
|
|
118
|
+
queryKey: ["buy_widget:render"],
|
|
119
|
+
});
|
|
110
120
|
const bridgeDataQuery = (0, react_query_1.useQuery)({
|
|
111
121
|
queryFn: async () => {
|
|
112
122
|
if (!props.tokenAddress ||
|
|
@@ -165,7 +175,7 @@ function BuyWidget(props) {
|
|
|
165
175
|
}
|
|
166
176
|
else if (bridgeDataQuery.data?.type === "unsupported_token") {
|
|
167
177
|
// Show unsupported token screen
|
|
168
|
-
content = (0, jsx_runtime_1.jsx)(UnsupportedTokenScreen_js_1.UnsupportedTokenScreen, { chain: bridgeDataQuery.data.chain });
|
|
178
|
+
content = ((0, jsx_runtime_1.jsx)(UnsupportedTokenScreen_js_1.UnsupportedTokenScreen, { chain: bridgeDataQuery.data.chain, client: props.client, tokenAddress: props.tokenAddress }));
|
|
169
179
|
}
|
|
170
180
|
else if (bridgeDataQuery.data?.type === "success") {
|
|
171
181
|
// Show normal bridge orchestrator
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BuyWidget.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/Bridge/BuyWidget.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"BuyWidget.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/Bridge/BuyWidget.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
4
4
|
exports.CheckoutWidget = CheckoutWidget;
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const react_query_1 = require("@tanstack/react-query");
|
|
7
|
+
const pay_js_1 = require("../../../../analytics/track/pay.js");
|
|
7
8
|
const addresses_js_1 = require("../../../../constants/addresses.js");
|
|
8
9
|
const get_token_js_1 = require("../../../../pay/convert/get-token.js");
|
|
9
10
|
const address_js_1 = require("../../../../utils/address.js");
|
|
@@ -77,13 +78,22 @@ const UnsupportedTokenScreen_js_1 = require("./UnsupportedTokenScreen.js");
|
|
|
77
78
|
*
|
|
78
79
|
* Refer to the [`CheckoutWidgetConnectOptions`](https://portal.thirdweb.com/references/typescript/v5/CheckoutWidgetConnectOptions) type for more details.
|
|
79
80
|
*
|
|
80
|
-
* @bridge
|
|
81
|
-
* @beta
|
|
82
|
-
* @react
|
|
81
|
+
* @bridge Widgets
|
|
83
82
|
*/
|
|
84
83
|
function CheckoutWidget(props) {
|
|
85
84
|
const localeQuery = (0, getConnectLocale_js_1.useConnectLocale)(props.locale || "en_US");
|
|
86
85
|
const theme = props.theme || "dark";
|
|
86
|
+
(0, react_query_1.useQuery)({
|
|
87
|
+
queryFn: () => {
|
|
88
|
+
(0, pay_js_1.trackPayEvent)({
|
|
89
|
+
client: props.client,
|
|
90
|
+
event: "ub:ui:checkout_widget:render",
|
|
91
|
+
toChainId: props.chain.id,
|
|
92
|
+
toToken: props.tokenAddress,
|
|
93
|
+
});
|
|
94
|
+
},
|
|
95
|
+
queryKey: ["checkout_widget:render"],
|
|
96
|
+
});
|
|
87
97
|
const bridgeDataQuery = (0, react_query_1.useQuery)({
|
|
88
98
|
queryFn: async () => {
|
|
89
99
|
const token = await (0, get_token_js_1.getToken)(props.client, (0, address_js_1.checksumAddress)(props.tokenAddress || addresses_js_1.NATIVE_TOKEN_ADDRESS), props.chain.id).catch((err) => err.message.includes("not supported") ? undefined : Promise.reject(err));
|
|
@@ -125,7 +135,7 @@ function CheckoutWidget(props) {
|
|
|
125
135
|
}
|
|
126
136
|
else if (bridgeDataQuery.data?.type === "unsupported_token") {
|
|
127
137
|
// Show unsupported token screen
|
|
128
|
-
content = (0, jsx_runtime_1.jsx)(UnsupportedTokenScreen_js_1.UnsupportedTokenScreen, { chain: bridgeDataQuery.data.chain });
|
|
138
|
+
content = ((0, jsx_runtime_1.jsx)(UnsupportedTokenScreen_js_1.UnsupportedTokenScreen, { chain: bridgeDataQuery.data.chain, client: props.client, tokenAddress: props.tokenAddress }));
|
|
129
139
|
}
|
|
130
140
|
else if (bridgeDataQuery.data?.type === "success") {
|
|
131
141
|
// Show normal bridge orchestrator
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckoutWidget.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/Bridge/CheckoutWidget.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"CheckoutWidget.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/Bridge/CheckoutWidget.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,15 +4,27 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
4
4
|
exports.ErrorBanner = ErrorBanner;
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const react_icons_1 = require("@radix-ui/react-icons");
|
|
7
|
+
const react_query_1 = require("@tanstack/react-query");
|
|
8
|
+
const pay_js_1 = require("../../../../analytics/track/pay.js");
|
|
7
9
|
const CustomThemeProvider_js_1 = require("../../../core/design-system/CustomThemeProvider.js");
|
|
8
10
|
const index_js_1 = require("../../../core/design-system/index.js");
|
|
9
11
|
const useBridgeError_js_1 = require("../../../core/hooks/useBridgeError.js");
|
|
10
12
|
const basic_js_1 = require("../components/basic.js");
|
|
11
13
|
const buttons_js_1 = require("../components/buttons.js");
|
|
12
14
|
const text_js_1 = require("../components/text.js");
|
|
13
|
-
function ErrorBanner({ error, onRetry, onCancel }) {
|
|
15
|
+
function ErrorBanner({ error, onRetry, onCancel, client, }) {
|
|
14
16
|
const theme = (0, CustomThemeProvider_js_1.useCustomTheme)();
|
|
15
17
|
const { userMessage } = (0, useBridgeError_js_1.useBridgeError)({ error });
|
|
18
|
+
(0, react_query_1.useQuery)({
|
|
19
|
+
queryFn: () => {
|
|
20
|
+
(0, pay_js_1.trackPayEvent)({
|
|
21
|
+
client,
|
|
22
|
+
error: error.message,
|
|
23
|
+
event: "ub:ui:error",
|
|
24
|
+
});
|
|
25
|
+
},
|
|
26
|
+
queryKey: ["error_banner", userMessage],
|
|
27
|
+
});
|
|
16
28
|
return ((0, jsx_runtime_1.jsx)(basic_js_1.Container, { flex: "column", fullHeight: true, gap: "md", p: "lg", children: (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", gap: "md", style: { alignItems: "flex-start" }, children: [(0, jsx_runtime_1.jsx)(basic_js_1.Container, { center: "both", style: {
|
|
17
29
|
backgroundColor: theme.colors.tertiaryBg,
|
|
18
30
|
borderRadius: "50%",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorBanner.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/Bridge/ErrorBanner.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"ErrorBanner.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/Bridge/ErrorBanner.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AA8Bb,kCA2EC;;AAxGD,uDAAyD;AACzD,uDAAiD;AACjD,+DAAmE;AAEnE,+FAAoF;AACpF,mEAAgE;AAChE,6EAAuE;AACvE,qDAAmD;AACnD,yDAAkD;AAClD,mDAA6C;AAoB7C,SAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,MAAM,GACW;IACjB,MAAM,KAAK,GAAG,IAAA,uCAAc,GAAE,CAAC;IAE/B,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kCAAc,EAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAElD,IAAA,sBAAQ,EAAC;QACP,OAAO,EAAE,GAAG,EAAE;YACZ,IAAA,sBAAa,EAAC;gBACZ,MAAM;gBACN,KAAK,EAAE,KAAK,CAAC,OAAO;gBACpB,KAAK,EAAE,aAAa;aACrB,CAAC,CAAC;QACL,CAAC;QACD,QAAQ,EAAE,CAAC,cAAc,EAAE,WAAW,CAAC;KACxC,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,oBAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,UAAU,QAAC,GAAG,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,YAEjD,wBAAC,oBAAS,IAAC,IAAI,EAAC,KAAK,EAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,YAAY,EAAE,aAChE,uBAAC,oBAAS,IACR,MAAM,EAAC,MAAM,EACb,KAAK,EAAE;wBACL,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;wBACxC,YAAY,EAAE,KAAK;wBACnB,UAAU,EAAE,CAAC;wBACb,MAAM,EAAE,MAAM;wBACd,KAAK,EAAE,MAAM;qBACd,YAED,uBAAC,8BAAgB,IACf,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAC1B,MAAM,EAAE,mBAAQ,CAAC,EAAE,EACnB,KAAK,EAAE,mBAAQ,CAAC,EAAE,GAClB,GACQ,EAEZ,wBAAC,oBAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,UAAU,QAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,aAC7D,uBAAC,cAAI,IAAC,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,IAAI,sBAE5B,EACP,uBAAC,oBAAS,IACR,IAAI,EAAC,QAAQ,EACb,GAAG,EAAC,IAAI,EACR,KAAK,EAAE;gCACL,SAAS,EAAE,OAAO;6BACnB,YAED,uBAAC,oBAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YAClD,uBAAC,cAAI,IAAC,KAAK,EAAC,eAAe,EAAC,IAAI,EAAC,IAAI,YAClC,WAAW,GACP,GACG,GACF,EAGZ,wBAAC,oBAAS,IAAC,IAAI,EAAC,KAAK,EAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,cAAc,EAAE,UAAU,EAAE,aAClE,uBAAC,mBAAM,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAC,SAAS,0BAElC,EACR,QAAQ,IAAI,CACX,uBAAC,mBAAM,IAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAC,WAAW,uBAErC,CACV,IACS,IACF,IACF,GACF,CACb,CAAC;AACJ,CAAC"}
|
|
@@ -3,7 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
exports.QuoteLoader = QuoteLoader;
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const react_query_1 = require("@tanstack/react-query");
|
|
6
7
|
const react_1 = require("react");
|
|
8
|
+
const pay_js_1 = require("../../../../analytics/track/pay.js");
|
|
7
9
|
const addresses_js_1 = require("../../../../constants/addresses.js");
|
|
8
10
|
const units_js_1 = require("../../../../utils/units.js");
|
|
9
11
|
const useBridgePrepare_js_1 = require("../../../core/hooks/useBridgePrepare.js");
|
|
@@ -11,7 +13,7 @@ const basic_js_1 = require("../components/basic.js");
|
|
|
11
13
|
const Spacer_js_1 = require("../components/Spacer.js");
|
|
12
14
|
const Spinner_js_1 = require("../components/Spinner.js");
|
|
13
15
|
const text_js_1 = require("../components/text.js");
|
|
14
|
-
function QuoteLoader({ destinationToken, paymentMethod, amount, sender, receiver, client, onQuoteReceived, onError, purchaseData, paymentLinkId, feePayer, }) {
|
|
16
|
+
function QuoteLoader({ mode, destinationToken, paymentMethod, amount, sender, receiver, client, onQuoteReceived, onError, purchaseData, paymentLinkId, feePayer, }) {
|
|
15
17
|
// For now, we'll use a simple buy operation
|
|
16
18
|
// This will be expanded to handle different bridge types based on the payment method
|
|
17
19
|
const request = getBridgeParams({
|
|
@@ -26,6 +28,23 @@ function QuoteLoader({ destinationToken, paymentMethod, amount, sender, receiver
|
|
|
26
28
|
sender,
|
|
27
29
|
});
|
|
28
30
|
const prepareQuery = (0, useBridgePrepare_js_1.useBridgePrepare)(request);
|
|
31
|
+
(0, react_query_1.useQuery)({
|
|
32
|
+
queryFn: () => {
|
|
33
|
+
(0, pay_js_1.trackPayEvent)({
|
|
34
|
+
chainId: paymentMethod.type === "wallet"
|
|
35
|
+
? paymentMethod.originToken.chainId
|
|
36
|
+
: undefined,
|
|
37
|
+
client,
|
|
38
|
+
event: `ub:ui:loading_quote:${mode}`,
|
|
39
|
+
fromToken: paymentMethod.type === "wallet"
|
|
40
|
+
? paymentMethod.originToken.address
|
|
41
|
+
: undefined,
|
|
42
|
+
toChainId: destinationToken.chainId,
|
|
43
|
+
toToken: destinationToken.address,
|
|
44
|
+
});
|
|
45
|
+
},
|
|
46
|
+
queryKey: ["loading_quote", paymentMethod.type],
|
|
47
|
+
});
|
|
29
48
|
// Handle successful quote
|
|
30
49
|
(0, react_1.useEffect)(() => {
|
|
31
50
|
if (prepareQuery.data) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QuoteLoader.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/Bridge/QuoteLoader.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"QuoteLoader.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/Bridge/QuoteLoader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
4
4
|
exports.TransactionWidget = TransactionWidget;
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const react_query_1 = require("@tanstack/react-query");
|
|
7
|
+
const pay_js_1 = require("../../../../analytics/track/pay.js");
|
|
7
8
|
const addresses_js_1 = require("../../../../constants/addresses.js");
|
|
8
9
|
const get_token_js_1 = require("../../../../pay/convert/get-token.js");
|
|
9
10
|
const prepare_transaction_js_1 = require("../../../../transaction/prepare-transaction.js");
|
|
@@ -103,13 +104,22 @@ const UnsupportedTokenScreen_js_1 = require("./UnsupportedTokenScreen.js");
|
|
|
103
104
|
*
|
|
104
105
|
* Refer to the [`TransactionWidgetConnectOptions`](https://portal.thirdweb.com/references/typescript/v5/TransactionWidgetConnectOptions) type for more details.
|
|
105
106
|
*
|
|
106
|
-
* @bridge
|
|
107
|
-
* @beta
|
|
108
|
-
* @react
|
|
107
|
+
* @bridge Widgets
|
|
109
108
|
*/
|
|
110
109
|
function TransactionWidget(props) {
|
|
111
110
|
const localeQuery = (0, getConnectLocale_js_1.useConnectLocale)(props.locale || "en_US");
|
|
112
111
|
const theme = props.theme || "dark";
|
|
112
|
+
(0, react_query_1.useQuery)({
|
|
113
|
+
queryFn: () => {
|
|
114
|
+
(0, pay_js_1.trackPayEvent)({
|
|
115
|
+
chainId: props.transaction.chain.id,
|
|
116
|
+
client: props.client,
|
|
117
|
+
event: "ub:ui:transaction_widget:render",
|
|
118
|
+
toToken: props.tokenAddress,
|
|
119
|
+
});
|
|
120
|
+
},
|
|
121
|
+
queryKey: ["transaction_widget:render"],
|
|
122
|
+
});
|
|
113
123
|
const bridgeDataQuery = (0, react_query_1.useQuery)({
|
|
114
124
|
queryFn: async () => {
|
|
115
125
|
let erc20Value = props.transaction.erc20Value;
|
|
@@ -152,7 +162,7 @@ function TransactionWidget(props) {
|
|
|
152
162
|
}
|
|
153
163
|
else if (bridgeDataQuery.data?.type === "unsupported_token") {
|
|
154
164
|
// Show unsupported token screen
|
|
155
|
-
content = (0, jsx_runtime_1.jsx)(UnsupportedTokenScreen_js_1.UnsupportedTokenScreen, { chain: bridgeDataQuery.data.chain });
|
|
165
|
+
content = ((0, jsx_runtime_1.jsx)(UnsupportedTokenScreen_js_1.UnsupportedTokenScreen, { chain: bridgeDataQuery.data.chain, client: props.client, tokenAddress: props.tokenAddress }));
|
|
156
166
|
}
|
|
157
167
|
else if (bridgeDataQuery.data?.type === "success") {
|
|
158
168
|
// Show normal bridge orchestrator
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TransactionWidget.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/Bridge/TransactionWidget.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"TransactionWidget.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/Bridge/TransactionWidget.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.UnsupportedTokenScreen = UnsupportedTokenScreen;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_query_1 = require("@tanstack/react-query");
|
|
6
|
+
const pay_js_1 = require("../../../../analytics/track/pay.js");
|
|
5
7
|
const index_js_1 = require("../../../core/design-system/index.js");
|
|
6
8
|
const useChainQuery_js_1 = require("../../../core/hooks/others/useChainQuery.js");
|
|
7
9
|
const AccentFailIcon_js_1 = require("../ConnectWallet/icons/AccentFailIcon.js");
|
|
@@ -13,8 +15,19 @@ const text_js_1 = require("../components/text.js");
|
|
|
13
15
|
* @internal
|
|
14
16
|
*/
|
|
15
17
|
function UnsupportedTokenScreen(props) {
|
|
16
|
-
const { chain } = props;
|
|
18
|
+
const { chain, tokenAddress, client } = props;
|
|
17
19
|
const { data: chainMetadata } = (0, useChainQuery_js_1.useChainMetadata)(chain);
|
|
20
|
+
(0, react_query_1.useQuery)({
|
|
21
|
+
queryFn: () => {
|
|
22
|
+
(0, pay_js_1.trackPayEvent)({
|
|
23
|
+
chainId: chain.id,
|
|
24
|
+
client,
|
|
25
|
+
event: "ub:ui:unsupported_token",
|
|
26
|
+
fromToken: tokenAddress,
|
|
27
|
+
});
|
|
28
|
+
},
|
|
29
|
+
queryKey: ["unsupported_token"],
|
|
30
|
+
});
|
|
18
31
|
if (chainMetadata?.testnet) {
|
|
19
32
|
return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { animate: "fadein", center: "both", flex: "column", style: { minHeight: "350px" }, children: [(0, jsx_runtime_1.jsx)(AccentFailIcon_js_1.AccentFailIcon, { size: index_js_1.iconSize["3xl"] }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "lg" }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { center: true, color: "primaryText", size: "lg", weight: 600, children: "Testnet Not Supported" }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "sm" }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { center: true, color: "secondaryText", size: "sm", style: { lineHeight: 1.5, maxWidth: "280px" }, children: "The Universal Bridge does not support testnets at this time." })] }));
|
|
20
33
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UnsupportedTokenScreen.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/Bridge/UnsupportedTokenScreen.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"UnsupportedTokenScreen.js","sourceRoot":"","sources":["../../../../../../src/react/web/ui/Bridge/UnsupportedTokenScreen.tsx"],"names":[],"mappings":";;AAwBA,wDA4EC;;AApGD,uDAAiD;AACjD,+DAAmE;AAGnE,mEAAgE;AAChE,kFAA+E;AAC/E,gFAA0E;AAC1E,qDAAmD;AACnD,uDAAiD;AACjD,mDAA6C;AAW7C;;;GAGG;AACH,SAAgB,sBAAsB,CAAC,KAAkC;IACvE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAE9C,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,IAAA,mCAAgB,EAAC,KAAK,CAAC,CAAC;IAExD,IAAA,sBAAQ,EAAC;QACP,OAAO,EAAE,GAAG,EAAE;YACZ,IAAA,sBAAa,EAAC;gBACZ,OAAO,EAAE,KAAK,CAAC,EAAE;gBACjB,MAAM;gBACN,KAAK,EAAE,yBAAyB;gBAChC,SAAS,EAAE,YAAY;aACxB,CAAC,CAAC;QACL,CAAC;QACD,QAAQ,EAAE,CAAC,mBAAmB,CAAC;KAChC,CAAC,CAAC;IAEH,IAAI,aAAa,EAAE,OAAO,EAAE,CAAC;QAC3B,OAAO,CACL,wBAAC,oBAAS,IACR,OAAO,EAAC,QAAQ,EAChB,MAAM,EAAC,MAAM,EACb,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,aAG7B,uBAAC,kCAAc,IAAC,IAAI,EAAE,mBAAQ,CAAC,KAAK,CAAC,GAAI,EACzC,uBAAC,kBAAM,IAAC,CAAC,EAAC,IAAI,GAAG,EAGjB,uBAAC,cAAI,IAAC,MAAM,QAAC,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAE,GAAG,sCAE/C,EACP,uBAAC,kBAAM,IAAC,CAAC,EAAC,IAAI,GAAG,EAGjB,uBAAC,cAAI,IACH,MAAM,QACN,KAAK,EAAC,eAAe,EACrB,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,6EAGxC,IACG,CACb,CAAC;IACJ,CAAC;IAED,OAAO,CACL,wBAAC,oBAAS,IACR,OAAO,EAAC,QAAQ,EAChB,MAAM,EAAC,MAAM,EACb,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,aAG7B,uBAAC,kCAAc,IAAC,IAAI,EAAE,mBAAQ,CAAC,KAAK,CAAC,GAAI,EACzC,uBAAC,kBAAM,IAAC,CAAC,EAAC,IAAI,GAAG,EAGjB,uBAAC,cAAI,IAAC,MAAM,QAAC,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAE,GAAG,oCAE/C,EACP,uBAAC,kBAAM,IAAC,CAAC,EAAC,IAAI,GAAG,EAGjB,uBAAC,cAAI,IACH,MAAM,QACN,KAAK,EAAC,eAAe,EACrB,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,8EAGxC,IACG,CACb,CAAC;AACJ,CAAC"}
|
|
@@ -3,6 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
exports.PaymentDetails = PaymentDetails;
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const react_query_1 = require("@tanstack/react-query");
|
|
7
|
+
const pay_js_1 = require("../../../../../analytics/track/pay.js");
|
|
6
8
|
const CustomThemeProvider_js_1 = require("../../../../core/design-system/CustomThemeProvider.js");
|
|
7
9
|
const index_js_1 = require("../../../../core/design-system/index.js");
|
|
8
10
|
const formatTokenBalance_js_1 = require("../../ConnectWallet/screens/formatTokenBalance.js");
|
|
@@ -21,6 +23,31 @@ function PaymentDetails({ uiOptions, client, paymentMethod, preparedQuote, onCon
|
|
|
21
23
|
onError(error);
|
|
22
24
|
}
|
|
23
25
|
};
|
|
26
|
+
(0, react_query_1.useQuery)({
|
|
27
|
+
queryFn: () => {
|
|
28
|
+
if (preparedQuote.type === "buy" ||
|
|
29
|
+
preparedQuote.type === "sell" ||
|
|
30
|
+
preparedQuote.type === "transfer") {
|
|
31
|
+
(0, pay_js_1.trackPayEvent)({
|
|
32
|
+
chainId: preparedQuote.type === "transfer"
|
|
33
|
+
? preparedQuote.intent.chainId
|
|
34
|
+
: preparedQuote.intent.originChainId,
|
|
35
|
+
client,
|
|
36
|
+
event: "payment_details",
|
|
37
|
+
fromToken: preparedQuote.type === "transfer"
|
|
38
|
+
? preparedQuote.intent.tokenAddress
|
|
39
|
+
: preparedQuote.intent.originTokenAddress,
|
|
40
|
+
toChainId: preparedQuote.type === "transfer"
|
|
41
|
+
? preparedQuote.intent.chainId
|
|
42
|
+
: preparedQuote.intent.destinationChainId,
|
|
43
|
+
toToken: preparedQuote.type === "transfer"
|
|
44
|
+
? preparedQuote.intent.tokenAddress
|
|
45
|
+
: preparedQuote.intent.destinationTokenAddress,
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
queryKey: ["payment_details", preparedQuote.type],
|
|
50
|
+
});
|
|
24
51
|
// Extract common data based on quote type
|
|
25
52
|
const getDisplayData = () => {
|
|
26
53
|
switch (preparedQuote.type) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaymentDetails.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/payment-details/PaymentDetails.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"PaymentDetails.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/payment-details/PaymentDetails.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
exports.PaymentSelection = PaymentSelection;
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const react_query_1 = require("@tanstack/react-query");
|
|
6
7
|
const react_1 = require("react");
|
|
8
|
+
const pay_js_1 = require("../../../../../analytics/track/pay.js");
|
|
7
9
|
const utils_js_1 = require("../../../../../chains/utils.js");
|
|
8
10
|
const units_js_1 = require("../../../../../utils/units.js");
|
|
9
11
|
const usePaymentMethods_js_1 = require("../../../../core/hooks/usePaymentMethods.js");
|
|
@@ -21,6 +23,17 @@ function PaymentSelection({ destinationToken, client, destinationAmount, receive
|
|
|
21
23
|
const [currentStep, setCurrentStep] = (0, react_1.useState)({
|
|
22
24
|
type: "walletSelection",
|
|
23
25
|
});
|
|
26
|
+
(0, react_query_1.useQuery)({
|
|
27
|
+
queryFn: () => {
|
|
28
|
+
(0, pay_js_1.trackPayEvent)({
|
|
29
|
+
client,
|
|
30
|
+
event: "payment_selection",
|
|
31
|
+
toChainId: destinationToken.chainId,
|
|
32
|
+
toToken: destinationToken.address,
|
|
33
|
+
});
|
|
34
|
+
},
|
|
35
|
+
queryKey: ["payment_selection"],
|
|
36
|
+
});
|
|
24
37
|
const payerWallet = currentStep.type === "tokenSelection"
|
|
25
38
|
? currentStep.selectedWallet
|
|
26
39
|
: activeWallet;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaymentSelection.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/payment-selection/PaymentSelection.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"PaymentSelection.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/payment-selection/PaymentSelection.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
4
4
|
exports.SuccessScreen = SuccessScreen;
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const react_icons_1 = require("@radix-ui/react-icons");
|
|
7
|
+
const react_query_1 = require("@tanstack/react-query");
|
|
7
8
|
const react_1 = require("react");
|
|
9
|
+
const pay_js_1 = require("../../../../../analytics/track/pay.js");
|
|
8
10
|
const CustomThemeProvider_js_1 = require("../../../../core/design-system/CustomThemeProvider.js");
|
|
9
11
|
const index_js_1 = require("../../../../core/design-system/index.js");
|
|
10
12
|
const basic_js_1 = require("../../components/basic.js");
|
|
@@ -12,9 +14,24 @@ const buttons_js_1 = require("../../components/buttons.js");
|
|
|
12
14
|
const Spacer_js_1 = require("../../components/Spacer.js");
|
|
13
15
|
const text_js_1 = require("../../components/text.js");
|
|
14
16
|
const PaymentReceipt_js_1 = require("./PaymentReceipt.js");
|
|
15
|
-
function SuccessScreen({ uiOptions, preparedQuote, completedStatuses, onDone, windowAdapter, }) {
|
|
17
|
+
function SuccessScreen({ uiOptions, preparedQuote, completedStatuses, onDone, windowAdapter, client, }) {
|
|
16
18
|
const theme = (0, CustomThemeProvider_js_1.useCustomTheme)();
|
|
17
19
|
const [viewState, setViewState] = (0, react_1.useState)("success");
|
|
20
|
+
(0, react_query_1.useQuery)({
|
|
21
|
+
queryFn: () => {
|
|
22
|
+
if (preparedQuote.type === "buy" || preparedQuote.type === "sell") {
|
|
23
|
+
(0, pay_js_1.trackPayEvent)({
|
|
24
|
+
chainId: preparedQuote.intent.originChainId,
|
|
25
|
+
client: client,
|
|
26
|
+
event: "ub:ui:success_screen",
|
|
27
|
+
fromToken: preparedQuote.intent.originTokenAddress,
|
|
28
|
+
toChainId: preparedQuote.intent.destinationChainId,
|
|
29
|
+
toToken: preparedQuote.intent.destinationTokenAddress,
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
queryKey: ["success_screen", preparedQuote.type],
|
|
34
|
+
});
|
|
18
35
|
if (viewState === "detail") {
|
|
19
36
|
return ((0, jsx_runtime_1.jsx)(PaymentReceipt_js_1.PaymentReceipt, { completedStatuses: completedStatuses, onBack: () => setViewState("success"), preparedQuote: preparedQuote, windowAdapter: windowAdapter }));
|
|
20
37
|
}
|