@imtbl/sdk 1.72.5 → 1.72.6-alpha.2

package/dist/browser/checkout/{useInterval-Ded2Ls8Y.js → useInterval-D3LyvTN2.js}

@@ -1,4 +1,4 @@
-import { r as reactExports, dK as useBrowserLayoutEffect } from './index-BdbcBXtl.js';
+import { r as reactExports, dK as useBrowserLayoutEffect } from './index-DtUPxsQL.js';
 
 // Inspired by https://usehooks-ts.com/react-hook/use-interval
 function useInterval(callback, delay) {

package/dist/browser/checkout/widgets-esm.js

@@ -1 +1 @@
-export { ee as WidgetsFactory } from './index-BdbcBXtl.js';
+export { ee as WidgetsFactory } from './index-DtUPxsQL.js';

package/dist/browser/checkout/widgets.js

@@ -132866,12 +132866,36 @@
   				subHeading: "Confirm the transaction request to complete this transaction"
   			},
   			executing: {
-  				heading: "Processing"
+  				heading: "Processing",
+  				subHeadingDuration: "This should take {{duration}}",
+  				subHeading: "Go to <axelarscanLink>Axelarscan</axelarscanLink> for transaction details"
   			},
   			executed: {
-  				heading: "Funds added successfully",
-  				subHeadingGoTo: "Go to",
-  				subHeadingTransactionDetails: "for transaction details"
+  				heading: "Tokens Added",
+  				subHeading: "Go to <axelarscanLink>Axelarscan</axelarscanLink> for transaction details",
+  				primaryButtonText: "Done"
+  			},
+  			executedZkEVM: {
+  				heading: "Tokens Added",
+  				subHeading: "Go to <explorerLink>Immutable zkEVM explorer</explorerLink> for transaction details",
+  				primaryButtonText: "Done"
+  			},
+  			needsGas: {
+  				heading: "Gas has surged",
+  				subHeading: "You’ll need to pay more gas to complete this transaction. You can do this via <axelarscanLink>Axelarscan</axelarscanLink>.",
+  				primaryButtonText: "Go to Axelarscan",
+  				secondaryButtonText: "Dismiss"
+  			},
+  			partialSuccess: {
+  				heading: "You’ve received axlUSDC",
+  				subHeading: "Your transaction was subject to slippage and you’ve received axlUSDC. To receive the token you intended to add, you may need to complete a swap via <squidLink>Squid</squidLink>. ",
+  				primaryButtonText: "Go to Squid",
+  				secondaryButtonText: "Dismiss"
+  			},
+  			statusFailed: {
+  				heading: "Unable to complete transaction",
+  				subHeading: "Something went wrong, and we were unable to complete this transaction. Visit <axelarscanLink>Axelarscan</axelarscanLink> for details.",
+  				secondaryButtonText: "Dismiss"
   			}
   		},
   		onboarding: {
@@ -132903,7 +132927,7 @@
   			balance: "Balance",
   			fiatPricePrefix: "≈ USD",
   			zeroFees: "Zero fees",
-  			includedFees: "Included fees"
+  			includedFees: "Fees"
   		}
   	}
   };
@@ -133859,12 +133883,36 @@
   				subHeading: "取引リクエストを確認してこの取引を完了してください"
   			},
   			executing: {
-  				heading: "処理中"
+  				heading: "処理中",
+  				subHeadingDuration: "この処理には{{duration}}かかります",
+  				subHeading: "<axelarscanLink>Axelarscan</axelarscanLink>でトランザクションの詳細をご確認ください"
   			},
   			executed: {
-  				heading: "資金が正常に追加されました",
-  				subHeadingGoTo: "移動",
-  				subHeadingTransactionDetails: "取引詳細はこちら"
+  				heading: "トークンが追加されました",
+  				subHeading: "<axelarscanLink>Axelarscan</axelarscanLink>でトランザクションの詳細をご確認ください",
+  				primaryButtonText: "完了"
+  			},
+  			executedZkEVM: {
+  				heading: "トークンが追加されました",
+  				subHeading: "<explorerLink>Immutable zkEVM explorer</explorerLink>でトランザクションの詳細をご確認ください",
+  				primaryButtonText: "完了"
+  			},
+  			needsGas: {
+  				heading: "ガス料金が急騰しました",
+  				subHeading: "このトランザクションを完了するためには、さらにガス料金を支払う必要があります。<axelarscanLink>Axelarscan</axelarscanLink>で手続きを行えます。",
+  				primaryButtonText: "Axelarscanに移動",
+  				secondaryButtonText: "閉じる"
+  			},
+  			partialSuccess: {
+  				heading: "axlUSDCを受け取りました",
+  				subHeading: "トランザクションはスリッページの影響を受け、axlUSDCを受け取りました。意図したトークンを受け取るには、<squidLink>Squid</squidLink>でスワップを完了する必要があります。",
+  				primaryButtonText: "Squidに移動",
+  				secondaryButtonText: "閉じる"
+  			},
+  			statusFailed: {
+  				heading: "トランザクションを完了できませんでした",
+  				subHeading: "問題が発生し、トランザクションを完了できませんでした。詳細は<axelarscanLink>Axelarscan</axelarscanLink>をご確認ください。",
+  				secondaryButtonText: "閉じる"
   			}
   		},
   		onboarding: {
@@ -133896,7 +133944,7 @@
   			balance: "残高",
   			fiatPricePrefix: "≈ USD",
   			zeroFees: "手数料無料",
-  			includedFees: "手数料込み"
+  			includedFees: "手数料"
   		}
   	}
   };
@@ -134849,12 +134897,36 @@
   				subHeading: "거래 요청을 확인하여 이 거래를 완료하세요"
   			},
   			executing: {
-  				heading: "처리 중"
+  				heading: "처리 중",
+  				subHeadingDuration: "이 작업은 {{duration}} 소요됩니다",
+  				subHeading: "트랜잭션 세부 정보는 <axelarscanLink>Axelarscan</axelarscanLink>에서 확인하세요"
   			},
   			executed: {
-  				heading: "자금이 성공적으로 추가되었습니다",
-  				subHeadingGoTo: "이동",
-  				subHeadingTransactionDetails: "거래 세부 정보 보기"
+  				heading: "토큰이 추가되었습니다",
+  				subHeading: "트랜잭션 세부 정보는 <axelarscanLink>Axelarscan</axelarscanLink>에서 확인하세요",
+  				primaryButtonText: "완료"
+  			},
+  			executedZkEVM: {
+  				heading: "토큰이 추가되었습니다",
+  				subHeading: "트랜잭션 세부 정보는 <explorerLink>Immutable zkEVM explorer</explorerLink>에서 확인하세요",
+  				primaryButtonText: "완료"
+  			},
+  			needsGas: {
+  				heading: "가스 요금 급등",
+  				subHeading: "이 트랜잭션을 완료하려면 더 높은 가스 요금을 지불해야 합니다. <axelarscanLink>Axelarscan</axelarscanLink>에서 진행할 수 있습니다.",
+  				primaryButtonText: "Axelarscan으로 이동",
+  				secondaryButtonText: "닫기"
+  			},
+  			partialSuccess: {
+  				heading: "axlUSDC를 받았습니다",
+  				subHeading: "트랜잭션이 슬리피지에 영향을 받아 axlUSDC를 받았습니다. 의도한 토큰을 받으려면 <squidLink>Squid</squidLink>에서 스왑을 완료해야 할 수 있습니다.",
+  				primaryButtonText: "Squid로 이동",
+  				secondaryButtonText: "닫기"
+  			},
+  			statusFailed: {
+  				heading: "트랜잭션을 완료할 수 없습니다",
+  				subHeading: "문제가 발생하여 트랜잭션을 완료할 수 없습니다. 자세한 내용은 <axelarscanLink>Axelarscan</axelarscanLink>에서 확인하세요.",
+  				secondaryButtonText: "닫기"
   			}
   		},
   		onboarding: {
@@ -134886,7 +134958,7 @@
   			balance: "잔액",
   			fiatPricePrefix: "≈ USD",
   			zeroFees: "수수료 없음",
-  			includedFees: "수수료 포함"
+  			includedFees: "수수료"
   		}
   	}
   };
@@ -135839,12 +135911,36 @@
   				subHeading: "确认交易请求以完成此交易"
   			},
   			executing: {
-  				heading: "处理中"
+  				heading: "处理中",
+  				subHeadingDuration: "预计耗时{{duration}}",
+  				subHeading: "您可以前往<axelarscanLink>Axelarscan</axelarscanLink>查看交易详情"
   			},
   			executed: {
-  				heading: "资金添加成功",
-  				subHeadingGoTo: "前往",
-  				subHeadingTransactionDetails: "查看交易详情"
+  				heading: "代币已添加",
+  				subHeading: "您可以前往<axelarscanLink>Axelarscan</axelarscanLink>查看交易详情",
+  				primaryButtonText: "完成"
+  			},
+  			executedZkEVM: {
+  				heading: "代币已添加",
+  				subHeading: "您可以前往<explorerLink>Immutable zkEVM explorer</explorerLink>查看交易详情",
+  				primaryButtonText: "完成"
+  			},
+  			needsGas: {
+  				heading: "Gas费用激增",
+  				subHeading: "完成此交易需要支付更高的Gas费用。您可以通过<axelarscanLink>Axelarscan</axelarscanLink>完成。",
+  				primaryButtonText: "前往Axelarscan",
+  				secondaryButtonText: "关闭"
+  			},
+  			partialSuccess: {
+  				heading: "您已收到axlUSDC",
+  				subHeading: "交易受到滑点影响，您已收到axlUSDC。如需获得目标代币，可能需要通过<squidLink>Squid</squidLink>完成兑换。",
+  				primaryButtonText: "前往Squid",
+  				secondaryButtonText: "关闭"
+  			},
+  			statusFailed: {
+  				heading: "交易未能完成",
+  				subHeading: "交易发生错误，未能完成。详情请前往<axelarscanLink>Axelarscan</axelarscanLink>查看。",
+  				secondaryButtonText: "关闭"
   			}
   		},
   		onboarding: {
@@ -135876,7 +135972,7 @@
   			balance: "余额",
   			fiatPricePrefix: "≈ 美元",
   			zeroFees: "零手续费",
-  			includedFees: "包含的手续费"
+  			includedFees: "费用"
   		}
   	}
   };
@@ -411199,6 +411295,7 @@ function print() { __p += __j.call(arguments, '') }
       }
   };
 
+  const TRANSACTION_NOT_COMPLETED = 'transaction not completed';
   const useExecute = (contextId, environment) => {
       const { showErrorHandover } = useError(environment);
       const { eventTargetState: { eventTarget }, } = reactExports.useContext(EventTargetContext);
@@ -411351,11 +411448,44 @@ function print() { __p += __j.call(arguments, '') }
               return undefined;
           }
       };
+      const getStatus = async (squid, transactionHash) => {
+          const completedTransactionStatus = [
+              'success',
+              'partial_success',
+              'needs_gas',
+              'not_found',
+          ];
+          try {
+              return await retry(async () => {
+                  const result = await squid.getStatus({
+                      transactionId: transactionHash,
+                  });
+                  if (completedTransactionStatus.includes(result.squidTransactionStatus ?? '')) {
+                      return result;
+                  }
+                  return Promise.reject(TRANSACTION_NOT_COMPLETED);
+              }, {
+                  retries: 240,
+                  retryIntervalMs: 5000,
+                  nonRetryable: (err) => {
+                      if (err.response) {
+                          return err.response.status === 400 || err.response.status === 500;
+                      }
+                      return err !== TRANSACTION_NOT_COMPLETED;
+                  },
+              });
+          }
+          catch (error) {
+              handleTransactionError(error);
+              return undefined;
+          }
+      };
       return {
           checkProviderChain,
           getAllowance,
           approve,
           execute,
+          getStatus,
       };
   };
 
@@ -411495,7 +411625,7 @@ function print() { __p += __j.call(arguments, '') }
       const { track, page } = useAnalytics();
       const { addTokensState: { id, squid, chains, tokens, }, } = reactExports.useContext(AddTokensContext);
       const { providersState: { checkout, fromProvider, fromAddress, toAddress, }, } = useProvidersContext();
-      const { eventTargetState: { eventTarget } } = reactExports.useContext(EventTargetContext);
+      const { eventTargetState: { eventTarget }, } = reactExports.useContext(EventTargetContext);
       const [route, setRoute] = reactExports.useState();
       const [proceedDisabled, setProceedDisabled] = reactExports.useState(true);
       const [showFeeBreakdown, setShowFeeBreakdown] = reactExports.useState(false);
@@ -411505,7 +411635,7 @@ function print() { __p += __j.call(arguments, '') }
           id: HandoverTarget.GLOBAL,
       });
       const { showErrorHandover } = useError(checkout.config.environment);
-      const { checkProviderChain, getAllowance, approve, execute, } = useExecute(id, checkout?.config.environment || Environment$1.SANDBOX);
+      const { checkProviderChain, getAllowance, approve, execute, getStatus, } = useExecute(id, checkout?.config.environment || Environment$1.SANDBOX);
       reactExports.useEffect(() => {
           page({
               userJourney: UserJourney.ADD_TOKENS,
@@ -411553,12 +411683,12 @@ function print() { __p += __j.call(arguments, '') }
                   c: 'base.color.text.body.secondary',
               }, children: t$b('views.ADD_TOKENS.fees.zeroFees') }));
       }, [totalFeesUsd]);
-      const showHandover = reactExports.useCallback((animationPath, state, headingText, subheadingText, duration) => {
+      const showHandover = reactExports.useCallback(({ animationPath, state, headingText, subheadingText, primaryButtonText, onPrimaryButtonClick, secondaryButtonText, onSecondaryButtonClick, duration, }) => {
           addHandover({
               animationUrl: getRemoteRive(checkout?.config.environment, animationPath),
               inputValue: state,
               duration,
-              children: (jsx$1(HandoverContent, { headingText: headingText, subheadingText: subheadingText })),
+              children: (jsx$1(HandoverContent, { headingText: headingText, subheadingText: subheadingText, primaryButtonText: primaryButtonText, onPrimaryButtonClick: onPrimaryButtonClick, secondaryButtonText: secondaryButtonText, onSecondaryButtonClick: onSecondaryButtonClick })),
           });
       }, [addHandover, checkout]);
       const handleTransaction = reactExports.useCallback(async () => {
@@ -411586,7 +411716,10 @@ function print() { __p += __j.call(arguments, '') }
               currentFromAddress = await fromProvider.getSigner().getAddress();
           }
           catch (error) {
-              showErrorHandover(AddTokensErrorTypes.PROVIDER_ERROR, { contextId: id, error });
+              showErrorHandover(AddTokensErrorTypes.PROVIDER_ERROR, {
+                  contextId: id,
+                  error,
+              });
               return;
           }
           if (currentFromAddress !== fromAddress) {
@@ -411595,7 +411728,11 @@ function print() { __p += __j.call(arguments, '') }
           }
           clearInterval(getRouteIntervalIdRef.current);
           setProceedDisabled(true);
-          showHandover(APPROVE_TXN_ANIMATION, RiveStateMachineInput.START, t$b('views.ADD_TOKENS.handover.preparing.heading'));
+          showHandover({
+              animationPath: APPROVE_TXN_ANIMATION,
+              state: RiveStateMachineInput.START,
+              headingText: t$b('views.ADD_TOKENS.handover.preparing.heading'),
+          });
           const changeableProvider = await convertToNetworkChangeableProvider(fromProvider);
           const isValidNetwork = await checkProviderChain(changeableProvider, route.route.params.fromChain);
           if (!isValidNetwork) {
@@ -411604,14 +411741,29 @@ function print() { __p += __j.call(arguments, '') }
           const allowance = await getAllowance(changeableProvider, route);
           const { fromAmount } = route.route.params;
           if (allowance?.lt(fromAmount)) {
-              showHandover(APPROVE_TXN_ANIMATION, RiveStateMachineInput.WAITING, t$b('views.ADD_TOKENS.handover.requestingApproval.heading'), t$b('views.ADD_TOKENS.handover.requestingApproval.subHeading'));
+              showHandover({
+                  animationPath: APPROVE_TXN_ANIMATION,
+                  state: RiveStateMachineInput.WAITING,
+                  headingText: t$b('views.ADD_TOKENS.handover.requestingApproval.heading'),
+                  subheadingText: t$b('views.ADD_TOKENS.handover.requestingApproval.subHeading'),
+              });
               const approveTxnReceipt = await approve(changeableProvider, route);
               if (!approveTxnReceipt) {
                   return;
               }
-              showHandover(APPROVE_TXN_ANIMATION, RiveStateMachineInput.COMPLETED, t$b('views.ADD_TOKENS.handover.approved.heading'), '', FIXED_HANDOVER_DURATION);
+              showHandover({
+                  animationPath: APPROVE_TXN_ANIMATION,
+                  state: RiveStateMachineInput.COMPLETED,
+                  headingText: t$b('views.ADD_TOKENS.handover.approved.heading'),
+                  duration: FIXED_HANDOVER_DURATION,
+              });
           }
-          showHandover(EXECUTE_TXN_ANIMATION, RiveStateMachineInput.WAITING, t$b('views.ADD_TOKENS.handover.requestingExecution.heading'), t$b('views.ADD_TOKENS.handover.requestingExecution.subHeading'));
+          showHandover({
+              animationPath: EXECUTE_TXN_ANIMATION,
+              state: RiveStateMachineInput.WAITING,
+              headingText: t$b('views.ADD_TOKENS.handover.requestingExecution.heading'),
+              subheadingText: t$b('views.ADD_TOKENS.handover.requestingExecution.subHeading'),
+          });
           const executeTxnReceipt = await execute(squid, changeableProvider, route);
           if (executeTxnReceipt) {
               track({
@@ -411624,8 +411776,97 @@ function print() { __p += __j.call(arguments, '') }
                   },
               });
               sendAddTokensSuccessEvent(eventTarget, executeTxnReceipt.transactionHash);
-              showHandover(EXECUTE_TXN_ANIMATION, RiveStateMachineInput.PROCESSING, t$b('views.ADD_TOKENS.handover.executing.heading'), '', FIXED_HANDOVER_DURATION);
-              showHandover(EXECUTE_TXN_ANIMATION, RiveStateMachineInput.COMPLETED, t$b('views.ADD_TOKENS.handover.executed.heading'), jsxs(Fragment$1, { children: [t$b('views.ADD_TOKENS.handover.executed.subHeadingGoTo'), ' ', jsx$1(Link, { size: "small", rc: (jsx$1("a", { target: "_blank", href: `https://axelarscan.io/gmp/${executeTxnReceipt?.transactionHash}`, rel: "noreferrer" })), children: "Axelarscan" }), ' ', t$b('views.ADD_TOKENS.handover.executed.subHeadingTransactionDetails')] }));
+              if (toChain === fromChain) {
+                  showHandover({
+                      animationPath: EXECUTE_TXN_ANIMATION,
+                      state: RiveStateMachineInput.COMPLETED,
+                      headingText: t$b('views.ADD_TOKENS.handover.executedZkEVM.heading'),
+                      subheadingText: (jsx$1(Trans, { i18nKey: t$b('views.ADD_TOKENS.handover.executedZkEVM.subHeading'), components: {
+                              explorerLink: (jsx$1(Link, { size: "small", rc: (jsx$1("a", { target: "_blank", href: `https://explorer.immutable.com/tx/${executeTxnReceipt.transactionHash}`, rel: "noreferrer" })) })),
+                          } })),
+                      primaryButtonText: t$b('views.ADD_TOKENS.handover.executed.primaryButtonText'),
+                      onPrimaryButtonClick: () => {
+                          sendAddTokensCloseEvent(eventTarget);
+                      },
+                  });
+                  return;
+              }
+              showHandover({
+                  animationPath: EXECUTE_TXN_ANIMATION,
+                  state: RiveStateMachineInput.PROCESSING,
+                  headingText: t$b('views.ADD_TOKENS.handover.executing.heading'),
+                  subheadingText: (jsxs(Fragment$1, { children: [t$b('views.ADD_TOKENS.handover.executing.subHeadingDuration', {
+                              duration: getDurationFormatted(route.route.estimate.estimatedRouteDuration, t$b('views.ADD_TOKENS.routeSelection.minutesText'), t$b('views.ADD_TOKENS.routeSelection.minuteText'), t$b('views.ADD_TOKENS.routeSelection.secondsText')),
+                          }), jsx$1("br", {}), jsx$1(Trans, { i18nKey: t$b('views.ADD_TOKENS.handover.executing.subHeading'), components: {
+                                  axelarscanLink: (jsx$1(Link, { size: "small", rc: (jsx$1("a", { target: "_blank", href: `https://axelarscan.io/gmp/${executeTxnReceipt?.transactionHash}`, rel: "noreferrer" })) })),
+                              } })] })),
+              });
+              const status = await getStatus(squid, executeTxnReceipt.transactionHash);
+              const axelarscanUrl = `https://axelarscan.io/gmp/${executeTxnReceipt?.transactionHash}`;
+              if (status?.squidTransactionStatus === 'success') {
+                  showHandover({
+                      animationPath: EXECUTE_TXN_ANIMATION,
+                      state: RiveStateMachineInput.COMPLETED,
+                      headingText: t$b('views.ADD_TOKENS.handover.executed.heading'),
+                      subheadingText: (jsx$1(Trans, { i18nKey: t$b('views.ADD_TOKENS.handover.executed.subHeading'), components: {
+                              axelarscanLink: (jsx$1(Link, { size: "small", rc: (jsx$1("a", { target: "_blank", href: axelarscanUrl, rel: "noreferrer" })) })),
+                          } })),
+                      primaryButtonText: t$b('views.ADD_TOKENS.handover.executed.primaryButtonText'),
+                      onPrimaryButtonClick: () => {
+                          sendAddTokensCloseEvent(eventTarget);
+                      },
+                  });
+              }
+              else if (status?.squidTransactionStatus === 'needs_gas') {
+                  showHandover({
+                      animationPath: APPROVE_TXN_ANIMATION,
+                      state: RiveStateMachineInput.COMPLETED,
+                      headingText: t$b('views.ADD_TOKENS.handover.needsGas.heading'),
+                      subheadingText: (jsx$1(Trans, { i18nKey: t$b('views.ADD_TOKENS.handover.needsGas.subHeading'), components: {
+                              axelarscanLink: (jsx$1(Link, { size: "small", rc: (jsx$1("a", { target: "_blank", href: axelarscanUrl, rel: "noreferrer" })) })),
+                          } })),
+                      primaryButtonText: t$b('views.ADD_TOKENS.handover.needsGas.primaryButtonText'),
+                      onPrimaryButtonClick: () => {
+                          window.open(axelarscanUrl, '_blank', 'noreferrer');
+                      },
+                      secondaryButtonText: t$b('views.ADD_TOKENS.handover.needsGas.secondaryButtonText'),
+                      onSecondaryButtonClick: () => {
+                          sendAddTokensCloseEvent(eventTarget);
+                      },
+                  });
+              }
+              else if (status?.squidTransactionStatus === 'partial_success') {
+                  showHandover({
+                      animationPath: APPROVE_TXN_ANIMATION,
+                      state: RiveStateMachineInput.COMPLETED,
+                      headingText: t$b('views.ADD_TOKENS.handover.partialSuccess.heading'),
+                      subheadingText: (jsx$1(Trans, { i18nKey: t$b('views.ADD_TOKENS.handover.partialSuccess.subHeading'), components: {
+                              squidLink: (jsx$1(Link, { size: "small", rc: (jsx$1("a", { target: "_blank", href: "https://toolkit.immutable.com/squid-bridge/", rel: "noreferrer" })) })),
+                          } })),
+                      primaryButtonText: t$b('views.ADD_TOKENS.handover.partialSuccess.primaryButtonText'),
+                      onPrimaryButtonClick: () => {
+                          window.open('https://toolkit.immutable.com/squid-bridge/', '_blank', 'noreferrer');
+                      },
+                      secondaryButtonText: t$b('views.ADD_TOKENS.handover.partialSuccess.secondaryButtonText'),
+                      onSecondaryButtonClick: () => {
+                          sendAddTokensCloseEvent(eventTarget);
+                      },
+                  });
+              }
+              else {
+                  showHandover({
+                      animationPath: APPROVE_TXN_ANIMATION,
+                      state: RiveStateMachineInput.COMPLETED,
+                      headingText: t$b('views.ADD_TOKENS.handover.statusFailed.heading'),
+                      subheadingText: (jsx$1(Trans, { i18nKey: t$b('views.ADD_TOKENS.handover.statusFailed.subHeading'), components: {
+                              axelarscanLink: (jsx$1(Link, { size: "small", rc: (jsx$1("a", { target: "_blank", href: axelarscanUrl, rel: "noreferrer" })) })),
+                          } })),
+                      secondaryButtonText: t$b('views.ADD_TOKENS.handover.statusFailed.secondaryButtonText'),
+                      onSecondaryButtonClick: () => {
+                          sendAddTokensCloseEvent(eventTarget);
+                      },
+                  });
+              }
           }
       }, [
           route,
@@ -411667,7 +411908,7 @@ function print() { __p += __j.call(arguments, '') }
                                                   top: '-14px',
                                                   h: 'base.spacing.x10',
                                               },
-                                          } }), jsxs(Stack, { direction: "row", sx: { py: 'base.spacing.x5', px: 'base.spacing.x7' }, gap: "base.spacing.x6", alignItems: "center", children: [jsx$1(Stack, { direction: "row", sx: { w: 'base.spacing.x12' }, justifyContent: "center", children: jsx$1(FramedImage, { use: jsx$1(SquidIcon, {}), size: "medium", padded: true }) }), jsxs(Stack, { sx: { flex: 1 }, gap: "0px", children: [jsxs(Body, { weight: "bold", children: [t$b('views.ADD_TOKENS.review.swap'), ' ', route.route.estimate.fromToken.name, ' ', t$b('views.ADD_TOKENS.review.to'), ' ', route.route.estimate.toToken.name] }), jsxs(Body, { size: "small", sx: { c: 'base.color.text.body.secondary' }, children: [t$b('views.ADD_TOKENS.review.poweredBySquid'), jsx$1("br", {}), "1", ' ', route.route.estimate.fromToken.symbol, ' ', "=", ' ', getFormattedNumberWithDecimalPlaces(route.route.estimate.exchangeRate), ' ', route.route.estimate.toToken.name] })] })] }), jsx$1(Stack, { sx: {
+                                          } }), jsxs(Stack, { direction: "row", sx: { py: 'base.spacing.x5', px: 'base.spacing.x7' }, gap: "base.spacing.x6", alignItems: "center", children: [jsx$1(Stack, { direction: "row", sx: { w: 'base.spacing.x12' }, justifyContent: "center", children: jsx$1(FramedImage, { use: jsx$1(SquidIcon, {}), size: "medium", padded: true }) }), jsxs(Stack, { sx: { flex: 1 }, gap: "0px", children: [jsxs(Body, { weight: "bold", children: [t$b('views.ADD_TOKENS.review.swap'), ' ', route.route.estimate.fromToken.name, ' ', t$b('views.ADD_TOKENS.review.to'), ' ', route.route.estimate.toToken.name] }), jsxs(Body, { size: "small", sx: { c: 'base.color.text.body.secondary' }, children: [t$b('views.ADD_TOKENS.review.poweredBySquid'), jsx$1("br", {}), "1", route.route.estimate.fromToken.symbol, ' ', "=", ' ', getFormattedNumberWithDecimalPlaces(route.route.estimate.exchangeRate), ' ', route.route.estimate.toToken.name] })] })] }), jsx$1(Stack, { sx: {
                                               pos: 'relative',
                                               w: 'base.spacing.x16',
                                               ml: 'base.spacing.x7',
@@ -411692,7 +411933,8 @@ function print() { __p += __j.call(arguments, '') }
                                                   top: '-8px',
                                                   h: 'base.spacing.x5',
                                               },
-                                          } }), jsxs(Stack, { direction: "row", gap: "base.spacing.x6", sx: { py: 'base.spacing.x5', px: 'base.spacing.x7' }, alignItems: "center", children: [jsx$1(Stack, { direction: "row", sx: { w: 'base.spacing.x12' }, justifyContent: "center", children: jsx$1(FramedIcon, { icon: "Countdown", variant: "bold", size: "medium", circularFrame: true }) }), jsx$1(Body, { size: "small", sx: { flex: 1, c: 'base.color.text.body.secondary' }, children: formattedDuration }), routeFees] })] }), jsx$1(Button, { size: "large", onClick: handleTransaction, disabled: proceedDisabled, sx: { mx: 'base.spacing.x3' }, children: proceedDisabled ? t$b('views.ADD_TOKENS.review.processingButtonText')
+                                          } }), jsxs(Stack, { direction: "row", gap: "base.spacing.x6", sx: { py: 'base.spacing.x5', px: 'base.spacing.x7' }, alignItems: "center", children: [jsx$1(Stack, { direction: "row", sx: { w: 'base.spacing.x12' }, justifyContent: "center", children: jsx$1(FramedIcon, { icon: "Countdown", variant: "bold", size: "medium", circularFrame: true }) }), jsx$1(Body, { size: "small", sx: { flex: 1, c: 'base.color.text.body.secondary' }, children: formattedDuration }), routeFees] })] }), jsx$1(Button, { size: "large", onClick: handleTransaction, disabled: proceedDisabled, sx: { mx: 'base.spacing.x3' }, children: proceedDisabled
+                                      ? t$b('views.ADD_TOKENS.review.processingButtonText')
                                       : t$b('views.ADD_TOKENS.review.proceedButtonText') }), jsx$1(SquidFooter, {})] })), !route && !showAddressMissmatchDrawer && (jsx$1(LoadingView, { loadingText: t$b('views.ADD_TOKENS.review.loadingText'), containerSx: { bg: 'transparent' } }))] }), jsx$1(RouteFees, { routeData: route, visible: showFeeBreakdown, onClose: () => setShowFeeBreakdown(false), totalAmount: totalFees, totalFiatAmount: totalFeesUsd }), jsx$1(AddressMissmatchDrawer, { visible: showAddressMissmatchDrawer, onClick: () => {
                       setShowAddressMissmatchDrawer(false);
                       viewDispatch({

package/dist/{checkout-CuyhPhPI.js → checkout-B8nzDuev.js}

@@ -1,4 +1,4 @@
-import { E as Environment$1, t as track, I as ImmutableConfiguration } from './index-DnsQswUj.js';
+import { E as Environment$1, t as track, I as ImmutableConfiguration } from './index-_Y80HpGF.js';
 import globalAxios, { HttpStatusCode as HttpStatusCode$1 } from 'axios';
 import { ethers, BigNumber as BigNumber$1, ContractFactory, utils as utils$2, Contract as Contract$1 } from 'ethers';
 import { Web3Provider, JsonRpcProvider } from '@ethersproject/providers';
@@ -8,8 +8,8 @@ import assert from 'assert';
 import { FeeAmount, Route, SwapQuoter, Pool, Trade, toHex as toHex$1, encodeRouteToPath } from '@uniswap/v3-sdk';
 import { keccak256 as keccak256$1 } from '@ethersproject/solidity';
 import { SwapRouter, PaymentsExtended } from '@uniswap/router-sdk';
-import { c as constants, O as OrderStatusName, a as Orderbook, A as ActionType, T as TransactionPurpose, S as SignablePurpose } from './index-BmEMIEoz.js';
-import { B as BlockchainData } from './index-C5qsusaO.js';
+import { c as constants, O as OrderStatusName, a as Orderbook, A as ActionType, T as TransactionPurpose, S as SignablePurpose } from './index-D1N8qdz9.js';
+import { B as BlockchainData } from './index-CnvMR69p.js';
 import detectEthereumProvider from '@metamask/detect-provider';
 import semver from 'semver';
 
@@ -19207,7 +19207,7 @@ const flattenProperties = (properties) => {
 };
 
 // WARNING: DO NOT CHANGE THE STRING BELOW. IT GETS REPLACED AT BUILD TIME.
-const SDK_VERSION = '1.72.5';
+const SDK_VERSION = '1.72.6-alpha.2';
 const getFrameParentDomain = () => {
     if (isNode()) {
         return '';
@@ -24316,7 +24316,7 @@ const IMMUTABLE_ZKVEM_GAS_OVERRIDES = {
     maxPriorityFeePerGas: BigNumber$1.from(10e9),
 };
 
-const SDK_VERSION_MARKER = '1.72.5';
+const SDK_VERSION_MARKER = '1.72.6-alpha.2';
 // This SDK version is replaced by the `yarn build` command ran on the root level
 const globalPackageVersion = () => SDK_VERSION_MARKER;
 

package/dist/checkout.js

@@ -1,5 +1,5 @@
-export { A as AddTokensEventType, B as BlockExplorerService, a as BridgeEventType, C as ChainId, b as ChainName, d as ChainSlug, e as Checkout, f as CheckoutConfiguration, g as CheckoutError, h as CheckoutErrorType, i as CheckoutStatus, j as CommerceEventType, k as CommerceFailureEventType, l as CommerceFlowType, m as CommerceSuccessEventType, n as CommerceUserActionEventType, o as ConnectEventType, p as ConnectTargetLayer, E as ExchangeType, F as FeeType, q as FundingStepType, G as GasEstimateType, r as GasTokenType, I as IMMUTABLE_API_BASE_URL, s as IMTBLWidgetEvents, t as ItemType, N as NetworkFilterTypes, O as OnRampEventType, u as OrchestrationEventType, P as ProviderEventType, R as RoutingOutcomeType, S as SaleEventType, v as SalePaymentTypes, w as SwapDirection, x as SwapEventType, T as TokenFilterTypes, y as TransactionOrGasType, W as WalletEventType, z as WalletFilterTypes, D as WalletProviderName, H as WalletProviderRdns, J as WidgetTheme, K as WidgetType, L as fetchRiskAssessment, M as getMetaMaskProviderDetail, Q as getPassportProviderDetail, U as isAddressSanctioned, V as validateProvider } from './checkout-CuyhPhPI.js';
-import './index-DnsQswUj.js';
+export { A as AddTokensEventType, B as BlockExplorerService, a as BridgeEventType, C as ChainId, b as ChainName, d as ChainSlug, e as Checkout, f as CheckoutConfiguration, g as CheckoutError, h as CheckoutErrorType, i as CheckoutStatus, j as CommerceEventType, k as CommerceFailureEventType, l as CommerceFlowType, m as CommerceSuccessEventType, n as CommerceUserActionEventType, o as ConnectEventType, p as ConnectTargetLayer, E as ExchangeType, F as FeeType, q as FundingStepType, G as GasEstimateType, r as GasTokenType, I as IMMUTABLE_API_BASE_URL, s as IMTBLWidgetEvents, t as ItemType, N as NetworkFilterTypes, O as OnRampEventType, u as OrchestrationEventType, P as ProviderEventType, R as RoutingOutcomeType, S as SaleEventType, v as SalePaymentTypes, w as SwapDirection, x as SwapEventType, T as TokenFilterTypes, y as TransactionOrGasType, W as WalletEventType, z as WalletFilterTypes, D as WalletProviderName, H as WalletProviderRdns, J as WidgetTheme, K as WidgetType, L as fetchRiskAssessment, M as getMetaMaskProviderDetail, Q as getPassportProviderDetail, U as isAddressSanctioned, V as validateProvider } from './checkout-B8nzDuev.js';
+import './index-_Y80HpGF.js';
 import 'axios';
 import 'lru-memorise';
 import 'global-const';
@@ -10,13 +10,13 @@ import 'assert';
 import '@uniswap/v3-sdk';
 import '@ethersproject/solidity';
 import '@uniswap/router-sdk';
-import './index-BmEMIEoz.js';
+import './index-D1N8qdz9.js';
 import 'form-data';
 import '@opensea/seaport-js/lib/constants';
 import 'ethers-v6';
 import 'merkletreejs';
 import '@opensea/seaport-js';
-import './index-C5qsusaO.js';
-import './index-BZ0-xFD5.js';
+import './index-CnvMR69p.js';
+import './index-BttL7TDQ.js';
 import '@metamask/detect-provider';
 import 'semver';

package/dist/{config--KnSGWmg.js → config-Qr6idRcq.js}

@@ -1,4 +1,4 @@
-import { E as Environment, I as ImmutableConfiguration, K as KeyHeaders, a as addKeysToHeadersOverride } from './index-DnsQswUj.js';
+import { E as Environment, I as ImmutableConfiguration, K as KeyHeaders, a as addKeysToHeadersOverride } from './index-_Y80HpGF.js';
 
 var config = /*#__PURE__*/Object.freeze({
 	__proto__: null,

package/dist/config.js

@@ -1,4 +1,4 @@
-export { E as Environment, I as ImmutableConfiguration, K as KeyHeaders, a as addKeysToHeadersOverride } from './index-DnsQswUj.js';
+export { E as Environment, I as ImmutableConfiguration, K as KeyHeaders, a as addKeysToHeadersOverride } from './index-_Y80HpGF.js';
 import 'axios';
 import 'lru-memorise';
 import 'global-const';

package/dist/{index-BZ0-xFD5.js → index-BttL7TDQ.js}

@@ -7764,7 +7764,7 @@ const GuardianApiAxiosParamCreator = function (configuration) {
             const localVarRequestOptions = { method: 'POST', ...baseOptions, ...options };
             const localVarHeaderParameter = {};
             const localVarQueryParameter = {};
-            // authentication BearerAuth required
+            // authentication BearerAuthWithClient required
             // http bearer authentication required
             await setBearerAuthToObject(localVarHeaderParameter, configuration);
             setSearchParams(localVarUrlObj, localVarQueryParameter);
@@ -7796,7 +7796,7 @@ const GuardianApiAxiosParamCreator = function (configuration) {
             const localVarRequestOptions = { method: 'POST', ...baseOptions, ...options };
             const localVarHeaderParameter = {};
             const localVarQueryParameter = {};
-            // authentication BearerAuth required
+            // authentication BearerAuthWithClient required
             // http bearer authentication required
             await setBearerAuthToObject(localVarHeaderParameter, configuration);
             setSearchParams(localVarUrlObj, localVarQueryParameter);
@@ -7831,7 +7831,7 @@ const GuardianApiAxiosParamCreator = function (configuration) {
             const localVarRequestOptions = { method: 'POST', ...baseOptions, ...options };
             const localVarHeaderParameter = {};
             const localVarQueryParameter = {};
-            // authentication BearerAuth required
+            // authentication BearerAuthWithClient required
             // http bearer authentication required
             await setBearerAuthToObject(localVarHeaderParameter, configuration);
             localVarHeaderParameter['Content-Type'] = 'application/json';
@@ -14336,7 +14336,7 @@ class MultiRollupApiClients {
 }
 
 // eslint-disable-next-line @typescript-eslint/naming-convention
-const defaultHeaders = { 'x-sdk-version': 'ts-immutable-sdk-1.72.5' };
+const defaultHeaders = { 'x-sdk-version': 'ts-immutable-sdk-1.72.6-alpha.2' };
 const createConfig = ({ basePath, headers, }) => {
     if (!basePath.trim()) {
         throw Error('basePath can not be empty');

package/dist/{index-BoB9ZvkB.js → index-C8RdSQUU.js}

@@ -1,5 +1,5 @@
 import MessageValidator from 'sns-validator';
-import { E as Environment } from './index-DnsQswUj.js';
+import { E as Environment } from './index-_Y80HpGF.js';
 
 const validator = new MessageValidator();
 const allowedTopicArnPrefix = {

package/dist/{index-ql1ytn8Z.js → index-CCZbHZue.js}

@@ -1,5 +1,5 @@
-import { d as index$2, I as ImxApiClients } from './index-BZ0-xFD5.js';
-import { a as addKeysToHeadersOverride, E as Environment, I as ImmutableConfiguration } from './index-DnsQswUj.js';
+import { d as index$2, I as ImxApiClients } from './index-BttL7TDQ.js';
+import { a as addKeysToHeadersOverride, E as Environment, I as ImmutableConfiguration } from './index-_Y80HpGF.js';
 import globalAxios from 'axios';
 import { keccak256 } from '@ethersproject/keccak256';
 import { toUtf8Bytes } from '@ethersproject/strings';
@@ -16,7 +16,7 @@ import '@ethersproject/abstract-signer';
 /* eslint-disable @typescript-eslint/naming-convention */
 class ApiConfiguration extends index$2.Configuration {
 }
-const defaultHeaders = { 'x-sdk-version': 'ts-immutable-sdk-1.72.5' };
+const defaultHeaders = { 'x-sdk-version': 'ts-immutable-sdk-1.72.6-alpha.2' };
 /**
  * @dev use createImmutableXConfiguration instead
  */
@@ -57,7 +57,7 @@ const createImmutableXConfiguration = ({ basePath, chainID, coreContractAddress,
     coreContractAddress,
     registrationContractAddress,
     registrationV4ContractAddress,
-    sdkVersion: 'ts-immutable-sdk-1.72.5',
+    sdkVersion: 'ts-immutable-sdk-1.72.6-alpha.2',
     baseConfig,
 });
 const production = ({ baseConfig }) => createImmutableXConfiguration({

package/dist/{index-C5qsusaO.js → index-CnvMR69p.js}

@@ -1,5 +1,5 @@
-import { a as index$1 } from './index-BZ0-xFD5.js';
-import { E as Environment, a as addKeysToHeadersOverride } from './index-DnsQswUj.js';
+import { a as index$1 } from './index-BttL7TDQ.js';
+import { E as Environment, a as addKeysToHeadersOverride } from './index-_Y80HpGF.js';
 import globalAxios from 'axios';
 
 /**
@@ -21,7 +21,7 @@ class APIError extends Error {
 
 /* eslint-disable implicit-arrow-linebreak */
 const defaultHeaders = {
-    sdkVersion: 'ts-immutable-sdk-multi-rollup-api-client-1.72.5',
+    sdkVersion: 'ts-immutable-sdk-multi-rollup-api-client-1.72.6-alpha.2',
 };
 /**
  * createAPIConfiguration to create a custom Configuration