@imtbl/checkout-widgets 2.0.0-alpha.9 → 2.0.0

package/dist/browser/{AddTokensWidget-DF8aiUpz.js → AddTokensWidget-C32-7Pge.js}

@@ -1,6 +1,6 @@
-import { r as reactExports, m as mo, S as So, z as commonjsGlobal, B as getDefaultExportFromCjs, j as jsx, l as jsxs, D as Box, u as useTranslation, F as Drawer, G as Divider, H as Heading, K as Button, M as useProvidersContext, N as useAnalytics, W as WalletDrawer, U as UnableToConnectDrawer, O as Fragment, Q as jt, T as UserJourney, X as removeSpace, Y as getProviderSlugFromRdns, Z as W, _ as isPassportProvider, $ as connectEIP6963Provider, a0 as identifyUser, a1 as ConnectEIP6963ProviderError, a2 as ProvidersContextActions, a3 as MenuItem, a4 as SQUID_NATIVE_TOKEN, J, a5 as commonjsRequire, a6 as getRemoteImage, a7 as vFlex, a8 as OnboardingPagination, a9 as ViewContext, aa as useHandover, ab as HandoverTarget, ac as EventTargetContext, V as ViewActions, ad as getRemoteRive, ae as APPROVE_TXN_ANIMATION, af as RiveStateMachineInput, ag as HandoverContent, ah as withEmotionCache, ai as serializeStyles, aj as ThemeContext, ak as useInsertionEffectWithLayoutFallback, al as insertStyles, am as useInsertionEffectAlwaysWithSyncFallback, an as registerStyles, ao as getRegisteredStyles, ap as getDefaultTokenImage, aq as ae, a as getL2ChainId, ar as isNativeToken, as as getTokenImageByAddress, at as TOKEN_PRIORITY_ORDER, au as SmartClone, av as FramedImage, aw as FramedIcon, ax as ButtCon, ay as TextInput, az as VerticalMenu, aA as Body, aB as EllipsizedText, aC as Tooltip, aD as Sticker, aE as getDurationFormatted, aF as getTotalRouteFees, aG as getRouteAndTokenBalances, aH as Stack, aI as hFlex, aJ as centerFlexChildren, aK as Icon, aL as Badge, aM as getFormattedAmounts, aN as getRemoteVideo, aO as FramedVideo, aP as listVariants, aQ as motion, aR as listItemVariants, aS as Banner, aT as xt, aU as Bt, aV as useRoutes, aW as useInjectedProviders, aX as hn, aY as RouteError, aZ as HeroFormControl, a_ as SimpleLayout, a$ as dist, e as SharedViews, b0 as orchestrationEvents, b1 as HeroTextInput, b2 as SquidFooter, b3 as TOOLKIT_SQUID_URL, b4 as merge$1, b5 as SvgIcon, b6 as WalletWarningHero, b7 as getFormattedNumber, b8 as FIXED_HANDOVER_DURATION, b9 as EXECUTE_TXN_ANIMATION, ba as Link, bb as Trans, bc as useExecute, bd as getRouteChains, be as t, bf as convertToNetworkChangeableProvider, bg as verifyAndSwitchChain, bh as PriceDisplay, L as LoadingView, bi as useTheme, bj as viewReducer, bk as initialViewState, bl as useSquid, bm as useTokens, bn as v4, bo as K, bp as isValidAddress, bq as amountInputValidation, br as fetchChains, bs as fetchBalances, bt as CloudImage, n as ErrorView, bu as ServiceUnavailableErrorView } from './index-Bizu61HY.js';
-import { T as TokenImage } from './TokenImage-DU_Cg9yk.js';
-import { F as FeesBreakdown } from './FeesBreakdown-BgEzlEIT.js';
+import { r as reactExports, u as uo, k as ko, v as commonjsGlobal, x as getDefaultExportFromCjs, l as jsx, n as jsxs, B as Box, c as useTranslation, D as Drawer, z as Divider, H as Heading, F as Button, G as useProvidersContext, K as useAnalytics, W as WalletDrawer, U as UnableToConnectDrawer, M as Fragment, N as jt, Q as UserJourney, X as removeSpace, Y as getProviderSlugFromRdns, Z as W, _ as isPassportProvider, $ as connectEIP6963Provider, a0 as identifyUser, a1 as ConnectEIP6963ProviderError, a2 as ProvidersContextActions, a3 as MenuItem, a4 as SQUID_NATIVE_TOKEN, J, a5 as commonjsRequire, a6 as getRemoteImage, a7 as vFlex, a8 as OnboardingPagination, a9 as ViewContext, aa as useHandover, ab as HandoverTarget, ac as EventTargetContext, V as ViewActions, ad as getRemoteRive, ae as APPROVE_TXN_ANIMATION, af as RiveStateMachineInput, ag as HandoverContent, ah as keyframes, ai as getDefaultTokenImage, aj as ie, a as getL2ChainId, ak as isNativeToken, al as getTokenImageByAddress, am as TOKEN_PRIORITY_ORDER, an as SmartClone, ao as FramedImage, ap as FramedIcon, aq as ButtCon, ar as TextInput, as as VerticalMenu, at as Body, au as EllipsizedText, av as Tooltip, aw as Sticker, ax as getDurationFormatted, ay as getTotalRouteFees, az as getRouteAndTokenBalances, aA as Stack, aB as hFlex, aC as centerFlexChildren, aD as Icon, aE as Badge, aF as getFormattedAmounts, aG as getRemoteVideo, aH as FramedVideo, aI as listVariants, aJ as motion, aK as listItemVariants, aL as Banner, aM as xt, aN as Bt, aO as useRoutes, aP as useInjectedProviders, aQ as hn, aR as RouteError, aS as HeroFormControl, aT as SimpleLayout, aU as dist, i as SharedViews, aV as orchestrationEvents, aW as HeroTextInput, aX as SquidFooter, aY as TOOLKIT_SQUID_URL, aZ as merge, a_ as SvgIcon, a$ as WalletWarningHero, b0 as getFormattedNumber, b1 as FIXED_HANDOVER_DURATION, b2 as EXECUTE_TXN_ANIMATION, b3 as Link, b4 as Trans, b5 as useExecute, b6 as getRouteChains, b7 as t, b8 as convertToNetworkChangeableProvider, b9 as verifyAndSwitchChain, ba as PriceDisplay, L as LoadingView, bb as useTheme, bc as viewReducer, bd as initialViewState, be as useSquid, bf as useTokens, bg as v4, bh as K, bi as isValidAddress, bj as amountInputValidation, bk as fetchChains, bl as fetchBalances, bm as CloudImage, o as ErrorView, bn as ServiceUnavailableErrorView } from './index-Skcajiao.js';
+import { T as TokenImage } from './TokenImage-Bc62Xkzv.js';
+import { F as FeesBreakdown } from './FeesBreakdown-CVvm1-Ei.js';
 
 /**
  * The function `useInterval` sets up an interval that repeatedly calls a given callback function with
@@ -31,9 +31,9 @@ function useInterval(callback, interval) {
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 function sendAddTokensCloseEvent(eventTarget) {
-    const closeWidgetEvent = new CustomEvent(mo.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
+    const closeWidgetEvent = new CustomEvent(uo.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
         detail: {
-            type: So.CLOSE_WIDGET,
+            type: ko.CLOSE_WIDGET,
             data: {},
         },
     });
@@ -44,9 +44,9 @@ function sendAddTokensCloseEvent(eventTarget) {
         eventTarget.dispatchEvent(closeWidgetEvent);
 }
 function sendConnectProviderSuccessEvent(eventTarget, providerType, provider, providerInfo) {
-    const successEvent = new CustomEvent(mo.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
+    const successEvent = new CustomEvent(uo.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
         detail: {
-            type: So.CONNECT_SUCCESS,
+            type: ko.CONNECT_SUCCESS,
             data: {
                 provider,
                 providerType,
@@ -60,9 +60,9 @@ function sendConnectProviderSuccessEvent(eventTarget, providerType, provider, pr
         eventTarget.dispatchEvent(successEvent);
 }
 const sendAddTokensSuccessEvent = (eventTarget, transactionHash) => {
-    const successEvent = new CustomEvent(mo.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
+    const successEvent = new CustomEvent(uo.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
         detail: {
-            type: So.SUCCESS,
+            type: ko.SUCCESS,
             data: {
                 transactionHash,
             },
@@ -74,9 +74,9 @@ const sendAddTokensSuccessEvent = (eventTarget, transactionHash) => {
         eventTarget.dispatchEvent(successEvent);
 };
 const sendAddTokensFailedEvent = (eventTarget, reason) => {
-    const failedEvent = new CustomEvent(mo.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
+    const failedEvent = new CustomEvent(uo.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
         detail: {
-            type: So.FAILURE,
+            type: ko.FAILURE,
             data: {
                 reason,
                 timestamp: new Date().getTime(),
@@ -3825,386 +3825,6 @@ const useError = (environment) => {
     };
 };
 
-var pkg = {
-	name: "@emotion/react",
-	version: "11.11.3",
-	main: "dist/emotion-react.cjs.js",
-	module: "dist/emotion-react.esm.js",
-	browser: {
-		"./dist/emotion-react.esm.js": "./dist/emotion-react.browser.esm.js"
-	},
-	exports: {
-		".": {
-			module: {
-				worker: "./dist/emotion-react.worker.esm.js",
-				browser: "./dist/emotion-react.browser.esm.js",
-				"default": "./dist/emotion-react.esm.js"
-			},
-			"import": "./dist/emotion-react.cjs.mjs",
-			"default": "./dist/emotion-react.cjs.js"
-		},
-		"./jsx-runtime": {
-			module: {
-				worker: "./jsx-runtime/dist/emotion-react-jsx-runtime.worker.esm.js",
-				browser: "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js",
-				"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.esm.js"
-			},
-			"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.mjs",
-			"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.js"
-		},
-		"./_isolated-hnrs": {
-			module: {
-				worker: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.worker.esm.js",
-				browser: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js",
-				"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.esm.js"
-			},
-			"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.mjs",
-			"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.js"
-		},
-		"./jsx-dev-runtime": {
-			module: {
-				worker: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.worker.esm.js",
-				browser: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.esm.js",
-				"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.esm.js"
-			},
-			"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.mjs",
-			"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.js"
-		},
-		"./package.json": "./package.json",
-		"./types/css-prop": "./types/css-prop.d.ts",
-		"./macro": {
-			types: {
-				"import": "./macro.d.mts",
-				"default": "./macro.d.ts"
-			},
-			"default": "./macro.js"
-		}
-	},
-	types: "types/index.d.ts",
-	files: [
-		"src",
-		"dist",
-		"jsx-runtime",
-		"jsx-dev-runtime",
-		"_isolated-hnrs",
-		"types/*.d.ts",
-		"macro.*"
-	],
-	sideEffects: false,
-	author: "Emotion Contributors",
-	license: "MIT",
-	scripts: {
-		"test:typescript": "dtslint types"
-	},
-	dependencies: {
-		"@babel/runtime": "^7.18.3",
-		"@emotion/babel-plugin": "^11.11.0",
-		"@emotion/cache": "^11.11.0",
-		"@emotion/serialize": "^1.1.3",
-		"@emotion/use-insertion-effect-with-fallbacks": "^1.0.1",
-		"@emotion/utils": "^1.2.1",
-		"@emotion/weak-memoize": "^0.3.1",
-		"hoist-non-react-statics": "^3.3.1"
-	},
-	peerDependencies: {
-		react: ">=16.8.0"
-	},
-	peerDependenciesMeta: {
-		"@types/react": {
-			optional: true
-		}
-	},
-	devDependencies: {
-		"@definitelytyped/dtslint": "0.0.112",
-		"@emotion/css": "11.11.2",
-		"@emotion/css-prettifier": "1.1.3",
-		"@emotion/server": "11.11.0",
-		"@emotion/styled": "11.11.0",
-		"html-tag-names": "^1.1.2",
-		react: "16.14.0",
-		"svg-tag-names": "^1.1.1",
-		typescript: "^4.5.5"
-	},
-	repository: "https://github.com/emotion-js/emotion/tree/main/packages/react",
-	publishConfig: {
-		access: "public"
-	},
-	"umd:main": "dist/emotion-react.umd.min.js",
-	preconstruct: {
-		entrypoints: [
-			"./index.js",
-			"./jsx-runtime.js",
-			"./jsx-dev-runtime.js",
-			"./_isolated-hnrs.js"
-		],
-		umdName: "emotionReact",
-		exports: {
-			envConditions: [
-				"browser",
-				"worker"
-			],
-			extra: {
-				"./types/css-prop": "./types/css-prop.d.ts",
-				"./macro": {
-					types: {
-						"import": "./macro.d.mts",
-						"default": "./macro.d.ts"
-					},
-					"default": "./macro.js"
-				}
-			}
-		}
-	}
-};
-
-var warnedAboutCssPropForGlobal = false; // maintain place over rerenders.
-// initial render from browser, insertBefore context.sheet.tags[0] or if a style hasn't been inserted there yet, appendChild
-// initial client-side render from SSR, use place of hydrating tag
-
-var Global = /* #__PURE__ */withEmotionCache(function (props, cache) {
-  if (production !== 'production' && !warnedAboutCssPropForGlobal && ( // check for className as well since the user is
-  // probably using the custom createElement which
-  // means it will be turned into a className prop
-  // $FlowFixMe I don't really want to add it to the type since it shouldn't be used
-  props.className || props.css)) {
-    console.error("It looks like you're using the css prop on Global, did you mean to use the styles prop instead?");
-    warnedAboutCssPropForGlobal = true;
-  }
-
-  var styles = props.styles;
-  var serialized = serializeStyles([styles], undefined, reactExports.useContext(ThemeContext));
-  // but it is based on a constant that will never change at runtime
-  // it's effectively like having two implementations and switching them out
-  // so it's not actually breaking anything
-
-
-  var sheetRef = reactExports.useRef();
-  useInsertionEffectWithLayoutFallback(function () {
-    var key = cache.key + "-global"; // use case of https://github.com/emotion-js/emotion/issues/2675
-
-    var sheet = new cache.sheet.constructor({
-      key: key,
-      nonce: cache.sheet.nonce,
-      container: cache.sheet.container,
-      speedy: cache.sheet.isSpeedy
-    });
-    var rehydrating = false; // $FlowFixMe
-
-    var node = document.querySelector("style[data-emotion=\"" + key + " " + serialized.name + "\"]");
-
-    if (cache.sheet.tags.length) {
-      sheet.before = cache.sheet.tags[0];
-    }
-
-    if (node !== null) {
-      rehydrating = true; // clear the hash so this node won't be recognizable as rehydratable by other <Global/>s
-
-      node.setAttribute('data-emotion', key);
-      sheet.hydrate([node]);
-    }
-
-    sheetRef.current = [sheet, rehydrating];
-    return function () {
-      sheet.flush();
-    };
-  }, [cache]);
-  useInsertionEffectWithLayoutFallback(function () {
-    var sheetRefCurrent = sheetRef.current;
-    var sheet = sheetRefCurrent[0],
-        rehydrating = sheetRefCurrent[1];
-
-    if (rehydrating) {
-      sheetRefCurrent[1] = false;
-      return;
-    }
-
-    if (serialized.next !== undefined) {
-      // insert keyframes
-      insertStyles(cache, serialized.next, true);
-    }
-
-    if (sheet.tags.length) {
-      // if this doesn't exist then it will be null so the style element will be appended
-      var element = sheet.tags[sheet.tags.length - 1].nextElementSibling;
-      sheet.before = element;
-      sheet.flush();
-    }
-
-    cache.insert("", serialized, sheet, false);
-  }, [cache, serialized.name]);
-  return null;
-});
-
-if (production !== 'production') {
-  Global.displayName = 'EmotionGlobal';
-}
-
-function css() {
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-
-  return serializeStyles(args);
-}
-
-var keyframes = function keyframes() {
-  var insertable = css.apply(void 0, arguments);
-  var name = "animation-" + insertable.name; // $FlowFixMe
-
-  return {
-    name: name,
-    styles: "@keyframes " + name + "{" + insertable.styles + "}",
-    anim: 1,
-    toString: function toString() {
-      return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
-    }
-  };
-};
-
-var classnames = function classnames(args) {
-  var len = args.length;
-  var i = 0;
-  var cls = '';
-
-  for (; i < len; i++) {
-    var arg = args[i];
-    if (arg == null) continue;
-    var toAdd = void 0;
-
-    switch (typeof arg) {
-      case 'boolean':
-        break;
-
-      case 'object':
-        {
-          if (Array.isArray(arg)) {
-            toAdd = classnames(arg);
-          } else {
-            if (production !== 'production' && arg.styles !== undefined && arg.name !== undefined) {
-              console.error('You have passed styles created with `css` from `@emotion/react` package to the `cx`.\n' + '`cx` is meant to compose class names (strings) so you should convert those styles to a class name by passing them to the `css` received from <ClassNames/> component.');
-            }
-
-            toAdd = '';
-
-            for (var k in arg) {
-              if (arg[k] && k) {
-                toAdd && (toAdd += ' ');
-                toAdd += k;
-              }
-            }
-          }
-
-          break;
-        }
-
-      default:
-        {
-          toAdd = arg;
-        }
-    }
-
-    if (toAdd) {
-      cls && (cls += ' ');
-      cls += toAdd;
-    }
-  }
-
-  return cls;
-};
-
-function merge(registered, css, className) {
-  var registeredStyles = [];
-  var rawClassName = getRegisteredStyles(registered, registeredStyles, className);
-
-  if (registeredStyles.length < 2) {
-    return className;
-  }
-
-  return rawClassName + css(registeredStyles);
-}
-
-var Insertion = function Insertion(_ref) {
-  var cache = _ref.cache,
-      serializedArr = _ref.serializedArr;
-  useInsertionEffectAlwaysWithSyncFallback(function () {
-
-    for (var i = 0; i < serializedArr.length; i++) {
-      insertStyles(cache, serializedArr[i], false);
-    }
-  });
-
-  return null;
-};
-
-var ClassNames = /* #__PURE__ */withEmotionCache(function (props, cache) {
-  var hasRendered = false;
-  var serializedArr = [];
-
-  var css = function css() {
-    if (hasRendered && production !== 'production') {
-      throw new Error('css can only be used during render');
-    }
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    var serialized = serializeStyles(args, cache.registered);
-    serializedArr.push(serialized); // registration has to happen here as the result of this might get consumed by `cx`
-
-    registerStyles(cache, serialized, false);
-    return cache.key + "-" + serialized.name;
-  };
-
-  var cx = function cx() {
-    if (hasRendered && production !== 'production') {
-      throw new Error('cx can only be used during render');
-    }
-
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
-
-    return merge(cache.registered, css, classnames(args));
-  };
-
-  var content = {
-    css: css,
-    cx: cx,
-    theme: reactExports.useContext(ThemeContext)
-  };
-  var ele = props.children(content);
-  hasRendered = true;
-  return /*#__PURE__*/reactExports.createElement(reactExports.Fragment, null, /*#__PURE__*/reactExports.createElement(Insertion, {
-    cache: cache,
-    serializedArr: serializedArr
-  }), ele);
-});
-
-if (production !== 'production') {
-  ClassNames.displayName = 'EmotionClassNames';
-}
-
-if (production !== 'production') {
-  var isBrowser = "object" !== 'undefined'; // #1727, #2905 for some reason Jest and Vitest evaluate modules twice if some consuming module gets mocked
-
-  var isTestEnv = typeof jest !== 'undefined' || typeof vi !== 'undefined';
-
-  if (isBrowser && !isTestEnv) {
-    // globalThis has wide browser support - https://caniuse.com/?search=globalThis, Node.js 12 and later
-    var globalContext = // $FlowIgnore
-    typeof globalThis !== 'undefined' ? globalThis // eslint-disable-line no-undef
-    : isBrowser ? window : global;
-    var globalKey = "__EMOTION_REACT_" + pkg.version.split('.')[0] + "__";
-
-    if (globalContext[globalKey]) {
-      console.warn('You are loading @emotion/react when it is already loaded. Running ' + 'multiple instances may cause problems. This can happen if multiple ' + 'versions are used, or if multiple builds of the same version are ' + 'used.');
-    }
-
-    globalContext[globalKey] = true;
-  }
-}
-
 const PULSE_SHADOW = keyframes `
     0% {
         box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
@@ -4273,7 +3893,7 @@ function TokenDrawerMenu({ checkout, config, toTokenAddress, addTokensState, add
         (async () => {
             try {
                 const tokenResponse = await checkout.getTokenAllowList({
-                    type: ae.SWAP,
+                    type: ie.SWAP,
                     chainId: getL2ChainId(checkout.config),
                 });
                 if (tokenResponse?.tokens.length > 0) {
@@ -4783,7 +4403,7 @@ function AddTokens({ checkout, toAmount, config, toTokenAddress, showOnrampOptio
         const fetchOnRampTokens = async () => {
             try {
                 const tokenResponse = await checkout.getTokenAllowList({
-                    type: ae.ONRAMP,
+                    type: ie.ONRAMP,
                     chainId: getL2ChainId(checkout.config),
                 });
                 if (tokenResponse?.tokens.length > 0) {
@@ -4827,7 +4447,7 @@ function AddTokens({ checkout, toAmount, config, toTokenAddress, showOnrampOptio
             showBackButton: true,
             provider: toProvider,
         };
-        orchestrationEvents.sendRequestOnrampEvent(eventTarget, mo.IMTBL_ADD_TOKENS_WIDGET_EVENT, data);
+        orchestrationEvents.sendRequestOnrampEvent(eventTarget, uo.IMTBL_ADD_TOKENS_WIDGET_EVENT, data);
     };
     const handleCardClick = () => {
         setPayWithCardClicked(true);
@@ -5024,7 +4644,7 @@ function AddTokens({ checkout, toAmount, config, toTokenAddress, showOnrampOptio
 }
 
 function SquidIcon({ sx = {}, className, }) {
-    return (jsxs(SvgIcon, { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", sx: merge$1({ w: '100%' }, sx), className: className, children: [jsx("rect", { width: "24", height: "24", fill: "#E6FA36" }), jsx("path", { 
+    return (jsxs(SvgIcon, { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", sx: merge({ w: '100%' }, sx), className: className, children: [jsx("rect", { width: "24", height: "24", fill: "#E6FA36" }), jsx("path", { 
                 // eslint-disable-next-line max-len
                 d: "M15.8578 18.914C16.2 17.4428 15.972 15.9524 15.3869 14.5432C14.3851 12.1302 13.0541 11.3752 13.0099 9.28092C12.9955 8.59164 13.0479 7.21788 12 7.3182C11.0079 7.41324 11.1307 8.5398 11.3467 9.23772C11.6818 10.3206 12.5578 11.2364 13.3795 12.6467C13.9949 13.7022 14.4024 14.475 14.4893 15.6539C14.5795 16.8774 14.245 18.2161 13.5312 19.286C12.8693 20.2782 11.4471 21.2147 9.99313 20.5336C9.46321 20.2854 9.13969 19.8265 8.98753 19.3316C8.51089 17.7784 9.12961 16.2606 9.28513 14.3512C9.54433 11.1716 7.40017 6.80988 3.27649 8.82876C1.95217 9.47724 0.916332 11.1726 0.475692 12.747C0.315372 13.3196 0.254412 13.9326 0.272652 14.5523C0.523212 15.7081 0.939852 16.802 1.49665 17.8076C1.34593 17.2888 1.26433 16.7017 1.21969 15.9424C1.14769 14.7188 1.60273 12.806 2.36449 11.7577C3.06769 10.79 4.65409 9.87708 6.16561 10.683C6.96385 11.1088 7.81921 12.7364 6.86161 16.1507C6.34369 17.9968 6.09553 20.0732 7.36849 21.8339C8.43889 23.3147 10.3973 23.6934 12.0883 23.2316C14.2032 22.6532 15.3768 20.9843 15.8578 18.914Z", fill: "black" }), jsx("path", { 
                 // eslint-disable-next-line max-len
@@ -5676,7 +5296,7 @@ function AddTokensWidget({ showOnrampOption = true, showSwapOption = true, showB
                             objectFit: 'cover',
                             objectPosition: 'center',
                         } }), viewState.view.type === AddTokensWidgetViews.ADD_TOKENS && (jsx(AddTokens, { config: config, checkout: checkout, toTokenAddress: toTokenAddress, toAmount: toAmount, showBackButton: showBackButton, showOnrampOption: showOnrampOption, showSwapOption: showSwapOption, showBridgeOption: showBridgeOption, onCloseButtonClick: () => sendAddTokensCloseEvent(eventTarget), onBackButtonClick: () => {
-                            orchestrationEvents.sendRequestGoBackEvent(eventTarget, mo.IMTBL_ADD_TOKENS_WIDGET_EVENT, {});
+                            orchestrationEvents.sendRequestGoBackEvent(eventTarget, uo.IMTBL_ADD_TOKENS_WIDGET_EVENT, {});
                         } })), viewState.view.type === AddTokensWidgetViews.REVIEW && (jsx(Review, { data: viewState.view.data, onCloseButtonClick: () => sendAddTokensCloseEvent(eventTarget), onBackButtonClick: () => {
                             viewDispatch({
                                 payload: {

package/dist/browser/{BridgeWidget-DIU9Cxmn.js → BridgeWidget-DHmmZrLe.js}

@@ -1,9 +1,9 @@
-import { ca as axios, cb as k, cc as q, r as reactExports, m as mo, I as Io, l as jsxs, j as jsx, cd as ShimmerBox, a3 as MenuItem, aH as Stack, u as useTranslation, aA as Body, K as Button, D as Box, ce as PASSPORT_URL, ba as Link, cf as getChainIdBySlug, cg as getChainImage, ch as networkName, av as FramedImage, aB as EllipsizedText, aK as Icon, N as useAnalytics, T as UserJourney, ci as Accordion, G as Divider, a9 as ViewContext, O as Fragment, V as ViewActions, cj as useWalletConnect, ck as isWalletConnectProvider, cl as Logo, cm as RawImage, b$ as CryptoFiatContext, cn as AXELAR_SCAN_URL, ar as isNativeToken, as as getTokenImageByAddress, co as getNativeSymbolByChainSlug, bT as formatUnits, bA as calculateCryptoToFiat, ac as EventTargetContext, _ as isPassportProvider, b as getL1ChainId, aq as ae, a as getL2ChainId, Q as jt, Z as W, aW as useInjectedProviders, cp as retry, bJ as HeaderNavigation, bM as FooterLogo, W as WalletDrawer, a_ as SimpleLayout, cq as getChainSlugById, cr as JsonRpcProvider, c6 as CryptoFiatActions, cs as DEFAULT_TRANSACTIONS_RETRY_POLICY, L as LoadingView, J, ct as getChainNameById, bi as useTheme, H as Heading, cu as getWalletProviderNameByProvider, cv as isMetaMaskProvider, cw as ge, F as Drawer, ax as ButtCon, cx as ButtonNavigationStyles, b0 as orchestrationEvents, bP as tokenValueFormat, cy as formatZeroAmount, cz as NATIVE, aT as xt, bq as amountInputValidation, a6 as getRemoteImage, bt as CloudImage, cA as ETH_TOKEN_SYMBOL, bv as Contract, bo as K, cB as parseUnits, cC as st, cD as DEFAULT_TOKEN_DECIMALS, cE as DEFAULT_QUOTE_REFRESH_INTERVAL, cF as addChainChangedListener, cG as removeChainChangedListener, aU as Bt, cH as IMX_TOKEN_SYMBOL, e as SharedViews, cI as dist, cJ as CHECKOUT_CDN_BASE_URL, cK as heroBackGroundStyles, cL as heroImageStyles, aL as Badge, cM as SimpleTextBody, cN as FooterButton, cO as getEthTokenImage, cP as WITHDRAWAL_CLAIM_GAS_LIMIT, cQ as Ct, ap as getDefaultTokenImage, bj as viewReducer, bk as initialViewState, cR as Qe, cS as r, cT as $e, cU as StatusView, bN as StatusType, n as ErrorView, bu as ServiceUnavailableErrorView, c9 as CryptoFiatProvider, cV as O, cW as $, cX as P } from './index-Bizu61HY.js';
-import { T as TokenImage } from './TokenImage-DU_Cg9yk.js';
-import { B as BridgeWidgetViews, T as TopUpView } from './TopUpView-DbE6wlUQ.js';
-import { S as SelectForm, T as TextInputForm, a as TransactionRejected, g as getAllowedBalances, F as Fees, N as NetworkSwitchDrawer, W as WalletApproveHero } from './WalletApproveHero-BKgdFRbV.js';
-import { u as useInterval } from './useInterval-D7lTeYwU.js';
-import './FeesBreakdown-BgEzlEIT.js';
+import { c3 as axios, c4 as k, c5 as q, r as reactExports, u as uo, T as To, n as jsxs, l as jsx, c6 as ShimmerBox, a3 as MenuItem, aA as Stack, c as useTranslation, at as Body, F as Button, B as Box, c7 as PASSPORT_URL, b3 as Link, c8 as getChainIdBySlug, c9 as getChainImage, ca as networkName, ao as FramedImage, au as EllipsizedText, aD as Icon, K as useAnalytics, Q as UserJourney, cb as Accordion, z as Divider, a9 as ViewContext, M as Fragment, V as ViewActions, cc as useWalletConnect, cd as isWalletConnectProvider, ce as Logo, cf as RawImage, bU as CryptoFiatContext, cg as AXELAR_SCAN_URL, ak as isNativeToken, al as getTokenImageByAddress, ch as getNativeSymbolByChainSlug, bM as formatUnits, bt as calculateCryptoToFiat, ac as EventTargetContext, _ as isPassportProvider, b as getL1ChainId, aj as ie, a as getL2ChainId, N as jt, Z as W, aP as useInjectedProviders, ci as retry, bC as HeaderNavigation, bF as FooterLogo, W as WalletDrawer, aT as SimpleLayout, cj as getChainSlugById, ck as JsonRpcProvider, b$ as CryptoFiatActions, cl as DEFAULT_TRANSACTIONS_RETRY_POLICY, L as LoadingView, J, cm as getChainNameById, bb as useTheme, H as Heading, cn as getWalletProviderNameByProvider, co as isMetaMaskProvider, cp as me, D as Drawer, aq as ButtCon, cq as ButtonNavigationStyles, aV as orchestrationEvents, bI as tokenValueFormat, cr as formatZeroAmount, cs as NATIVE, aM as xt, bj as amountInputValidation, a6 as getRemoteImage, bm as CloudImage, ct as ETH_TOKEN_SYMBOL, bo as Contract, bh as K, cu as parseUnits, cv as st, cw as DEFAULT_TOKEN_DECIMALS, cx as DEFAULT_QUOTE_REFRESH_INTERVAL, cy as addChainChangedListener, cz as removeChainChangedListener, aN as Bt, cA as IMX_TOKEN_SYMBOL, i as SharedViews, cB as dist, cC as CHECKOUT_CDN_BASE_URL, cD as heroBackGroundStyles, cE as heroImageStyles, aE as Badge, cF as SimpleTextBody, cG as FooterButton, cH as getEthTokenImage, cI as WITHDRAWAL_CLAIM_GAS_LIMIT, cJ as Ct, ai as getDefaultTokenImage, bc as viewReducer, bd as initialViewState, cK as Qe, cL as r, cM as $e, cN as StatusView, bG as StatusType, o as ErrorView, bn as ServiceUnavailableErrorView, c2 as CryptoFiatProvider, cO as O, cP as $, cQ as P } from './index-Skcajiao.js';
+import { T as TokenImage } from './TokenImage-Bc62Xkzv.js';
+import { B as BridgeWidgetViews, T as TopUpView } from './TopUpView-Q4_Glu5-.js';
+import { S as SelectForm, T as TextInputForm, a as TransactionRejected, g as getAllowedBalances, F as Fees, N as NetworkSwitchDrawer, W as WalletApproveHero } from './WalletApproveHero-B6YvvCmA.js';
+import { u as useInterval } from './useInterval-D2CM0YwW.js';
+import './FeesBreakdown-CVvm1-Ei.js';
 
 // This module is intended to unwrap Axios default export as named.
 // Keep top-level export same with static properties
@@ -220,9 +220,9 @@ const bridgeReducer = (state, action) => {
 };
 
 const sendBridgeTransactionSentEvent = (eventTarget, transactionHash) => {
-    const successEvent = new CustomEvent(mo.IMTBL_BRIDGE_WIDGET_EVENT, {
+    const successEvent = new CustomEvent(uo.IMTBL_BRIDGE_WIDGET_EVENT, {
         detail: {
-            type: Io.TRANSACTION_SENT,
+            type: To.TRANSACTION_SENT,
             data: {
                 transactionHash,
             },
@@ -234,9 +234,9 @@ const sendBridgeTransactionSentEvent = (eventTarget, transactionHash) => {
         eventTarget.dispatchEvent(successEvent);
 };
 const sendBridgeFailedEvent = (eventTarget, reason) => {
-    const failedEvent = new CustomEvent(mo.IMTBL_BRIDGE_WIDGET_EVENT, {
+    const failedEvent = new CustomEvent(uo.IMTBL_BRIDGE_WIDGET_EVENT, {
         detail: {
-            type: Io.FAILURE,
+            type: To.FAILURE,
             data: {
                 reason,
                 timestamp: new Date().getTime(),
@@ -249,9 +249,9 @@ const sendBridgeFailedEvent = (eventTarget, reason) => {
         eventTarget.dispatchEvent(failedEvent);
 };
 function sendBridgeWidgetCloseEvent(eventTarget) {
-    const closeWidgetEvent = new CustomEvent(mo.IMTBL_BRIDGE_WIDGET_EVENT, {
+    const closeWidgetEvent = new CustomEvent(uo.IMTBL_BRIDGE_WIDGET_EVENT, {
         detail: {
-            type: Io.CLOSE_WIDGET,
+            type: To.CLOSE_WIDGET,
             data: {},
         },
     });
@@ -261,9 +261,9 @@ function sendBridgeWidgetCloseEvent(eventTarget) {
         eventTarget.dispatchEvent(closeWidgetEvent);
 }
 const sendBridgeClaimWithdrawalSuccessEvent = (eventTarget, transactionHash) => {
-    const successEvent = new CustomEvent(mo.IMTBL_BRIDGE_WIDGET_EVENT, {
+    const successEvent = new CustomEvent(uo.IMTBL_BRIDGE_WIDGET_EVENT, {
         detail: {
-            type: Io.CLAIM_WITHDRAWAL_SUCCESS,
+            type: To.CLAIM_WITHDRAWAL_SUCCESS,
             data: {
                 transactionHash,
             },
@@ -275,9 +275,9 @@ const sendBridgeClaimWithdrawalSuccessEvent = (eventTarget, transactionHash) =>
         eventTarget.dispatchEvent(successEvent);
 };
 const sendBridgeClaimWithdrawalFailedEvent = (eventTarget, transactionHash, reason) => {
-    const failedEvent = new CustomEvent(mo.IMTBL_BRIDGE_WIDGET_EVENT, {
+    const failedEvent = new CustomEvent(uo.IMTBL_BRIDGE_WIDGET_EVENT, {
         detail: {
-            type: Io.CLAIM_WITHDRAWAL_FAILURE,
+            type: To.CLAIM_WITHDRAWAL_FAILURE,
             data: {
                 transactionHash,
                 reason,
@@ -705,7 +705,7 @@ function Transactions({ defaultTokenImage, onBackButtonClick, }) {
         const rootChainId = getL1ChainId(checkout.config);
         try {
             const tokens = (await checkout.getTokenAllowList({
-                type: ae.BRIDGE,
+                type: ie.BRIDGE,
                 chainId: rootChainId,
             })).tokens ?? [];
             return tokens.reduce((out, current) => {
@@ -1447,7 +1447,7 @@ function WalletAndNetworkSelector() {
                     display: 'flex',
                     flexDirection: 'column',
                     gap: 'base.spacing.x10',
-                }, children: [jsx(WalletNetworkButton, { testId: testId$1, walletProviderDetail: fromWallet?.providerDetail, walletProvider: fromWalletBrowserProvider, walletName: fromWalletProviderName, walletAddress: abbreviateAddress(fromWalletAddress), chainId: fromNetwork, disableNetworkButton: fromWalletProviderName === ge.PASSPORT.toString(), onWalletClick: () => {
+                }, children: [jsx(WalletNetworkButton, { testId: testId$1, walletProviderDetail: fromWallet?.providerDetail, walletProvider: fromWalletBrowserProvider, walletName: fromWalletProviderName, walletAddress: abbreviateAddress(fromWalletAddress), chainId: fromNetwork, disableNetworkButton: fromWalletProviderName === me.PASSPORT.toString(), onWalletClick: () => {
                             // TODO: Force an account selection here
                             setFromWalletDrawerOpen(true);
                         }, onNetworkClick: () => setFromNetworkDrawerOpen(true), environment: environment }), jsxs(Box, { children: [jsx(Heading, { size: "xSmall", sx: { paddingBottom: 'base.spacing.x2' }, children: t('views.WALLET_NETWORK_SELECTION.toFormInput.heading') }), jsx(WalletDrawer, { testId: `${testId$1}-to`, drawerText: {
@@ -1467,7 +1467,7 @@ function WalletAndNetworkSelector() {
                     flexDirection: 'column',
                     justifyContent: 'space-between',
                 }, children: [jsx(WalletNetworkButton, { testId: testId$1, walletProviderDetail: toWallet?.providerDetail, walletProvider: toWalletBrowserProvider, walletName: toWalletProviderName, walletAddress: abbreviateAddress(toWalletAddress), chainId: toNetwork, disableNetworkButton: fromNetwork === l1NetworkChainId
-                            || toWalletProviderName === ge.PASSPORT.toString()
+                            || toWalletProviderName === me.PASSPORT.toString()
                             || fromWalletAddress === toWalletAddress, onWalletClick: () => {
                             setToWalletDrawerOpen(true);
                         }, onNetworkClick: () => {
@@ -1494,7 +1494,7 @@ function WalletNetworkSelectionView({ showBackButton, }) {
                         },
                     });
                 }, testId: "move-transactions-button" })), showBack: showBackButton, onBackButtonClick: () => {
-                orchestrationEvents.sendRequestGoBackEvent(eventTarget, mo.IMTBL_BRIDGE_WIDGET_EVENT, {});
+                orchestrationEvents.sendRequestGoBackEvent(eventTarget, uo.IMTBL_BRIDGE_WIDGET_EVENT, {});
             } })), footer: jsx(FooterLogo, {}), children: jsx(WalletAndNetworkSelector, {}) }));
 }
 
@@ -1811,7 +1811,7 @@ function Bridge({ amount, tokenAddress, defaultTokenImage, theme, }) {
                 checkout,
                 provider: from.browserProvider,
                 chainId: from?.network,
-                allowTokenListType: ae.BRIDGE,
+                allowTokenListType: ie.BRIDGE,
                 // Skip retry given that in this case it is not needed;
                 // refreshBalances will be, automatically, called again
                 // after REFRESH_TOKENS_INTERVAL_MS.
@@ -2816,7 +2816,7 @@ function ClaimWithdrawal({ transaction }) {
         if (isPassportProvider(from?.browserProvider) || forceChangeAccount) {
             // user should switch to MetaMask
             try {
-                const createProviderResult = await checkout.createProvider({ walletProviderName: ge.METAMASK });
+                const createProviderResult = await checkout.createProvider({ walletProviderName: me.METAMASK });
                 const connectResult = await checkout.connect({
                     provider: createProviderResult.provider,
                     requestWalletPermissions: true,
@@ -3056,7 +3056,7 @@ function BridgeWidget({ checkout, browserProvider, config, amount, tokenAddress,
                                 userJourney: UserJourney.BRIDGE,
                                 screen: 'Error',
                             });
-                        } })), viewState.view.type === SharedViews.TOP_UP_VIEW && (jsx(TopUpView, { analytics: { userJourney: UserJourney.BRIDGE }, widgetEvent: mo.IMTBL_BRIDGE_WIDGET_EVENT, checkout: checkout, provider: browserProvider, showOnrampOption: isOnRampEnabled, showSwapOption: isSwapEnabled, showBridgeOption: isBridgeEnabled, onCloseButtonClick: () => sendBridgeWidgetCloseEvent(eventTarget) })), viewState.view.type === BridgeWidgetViews.CLAIM_WITHDRAWAL_IN_PROGRESS && (jsx(ClaimWithdrawalInProgress, { transactionResponse: viewState.view.transactionResponse })), viewState.view.type === BridgeWidgetViews.CLAIM_WITHDRAWAL_SUCCESS && (jsx(StatusView, { statusText: t('views.CLAIM_WITHDRAWAL.IN_PROGRESS.success.text'), actionText: t('views.CLAIM_WITHDRAWAL.IN_PROGRESS.success.actionText'), onRenderEvent: () => {
+                        } })), viewState.view.type === SharedViews.TOP_UP_VIEW && (jsx(TopUpView, { analytics: { userJourney: UserJourney.BRIDGE }, widgetEvent: uo.IMTBL_BRIDGE_WIDGET_EVENT, checkout: checkout, provider: browserProvider, showOnrampOption: isOnRampEnabled, showSwapOption: isSwapEnabled, showBridgeOption: isBridgeEnabled, onCloseButtonClick: () => sendBridgeWidgetCloseEvent(eventTarget) })), viewState.view.type === BridgeWidgetViews.CLAIM_WITHDRAWAL_IN_PROGRESS && (jsx(ClaimWithdrawalInProgress, { transactionResponse: viewState.view.transactionResponse })), viewState.view.type === BridgeWidgetViews.CLAIM_WITHDRAWAL_SUCCESS && (jsx(StatusView, { statusText: t('views.CLAIM_WITHDRAWAL.IN_PROGRESS.success.text'), actionText: t('views.CLAIM_WITHDRAWAL.IN_PROGRESS.success.actionText'), onRenderEvent: () => {
                             page({
                                 userJourney: UserJourney.BRIDGE,
                                 screen: 'ClaimWithdrawalSuccess',