@upcoming/multichain-widget 0.6.2 → 0.6.3

package/dist/{index-DiR2oYdU.mjs → index-CTqu92lL.mjs}

@@ -7048,7 +7048,7 @@ async function fA(e, t) {
     });
     return U === "0x" ? { data: void 0 } : { data: U };
   } catch (S) {
-    const z = U2e(S), { offchainLookup: L, offchainLookupSignature: F } = await import("./ccip-B8Kg8L07.mjs");
+    const z = U2e(S), { offchainLookup: L, offchainLookupSignature: F } = await import("./ccip-BA4w6c5n.mjs");
     if (e.ccipRead !== !1 && z?.slice(0, 10) === F && y)
       return { data: await L(e, { data: z, to: y }) };
     throw I && z?.slice(0, 10) === "0x101bb98d" ? new q6e({ factory: f }) : LR(S, {
@@ -40092,7 +40092,7 @@ function uUe(e = {}) {
         const i = typeof e.preference == "string" ? { options: e.preference } : {
           ...e.preference,
           options: e.preference?.options ?? "all"
-        }, { createBaseAccountSDK: s } = await import("./index-DUxUuEIn.mjs");
+        }, { createBaseAccountSDK: s } = await import("./index-D5aiEtMx.mjs");
         t = s({
           ...e,
           appChainIds: o.chains.map((u) => u.id),
@@ -40223,7 +40223,7 @@ function QM(e = {}) {
     async getProvider() {
       async function l() {
         const d = await (async () => {
-          const { default: m } = await import("./metamask-sdk-DpxGKSQP.mjs");
+          const { default: m } = await import("./metamask-sdk-BkHtoFVC.mjs");
           return typeof m != "function" && typeof m.default == "function" ? m.default : m;
         })(), f = {};
         for (const m of u.chains)
@@ -40403,13 +40403,13 @@ function XM(e = {}) {
     async getProvider() {
       if (typeof window < "u" && window?.parent !== window) {
         if (!r) {
-          const { default: i } = await import("./index-zNauiv9i.mjs"), s = new i(e), c = await vA(() => s.safe.getInfo(), {
+          const { default: i } = await import("./index-B5p-uOLy.mjs"), s = new i(e), c = await vA(() => s.safe.getInfo(), {
             timeout: e.unstable_getInfoTimeout ?? 10
           });
           if (!c)
             throw new Error("Could not load Safe information");
           const u = await (async () => {
-            const l = await import("./index-BNcb1q_u.mjs").then((d) => d.i);
+            const l = await import("./index-DCBeKi3y.mjs").then((d) => d.i);
             return typeof l.SafeAppProvider != "function" && typeof l.default.SafeAppProvider == "function" ? l.default.SafeAppProvider : l.SafeAppProvider;
           })();
           r = new u(c, s);
@@ -40508,7 +40508,7 @@ function JM(e) {
         const b = d.chains.map((g) => g.id);
         if (!b.length)
           return;
-        const { EthereumProvider: m } = await import("./index.es-CQXOZUDC.mjs").then((g) => g.Y);
+        const { EthereumProvider: m } = await import("./index.es-EREGASAv.mjs").then((g) => g.Y);
         return await m.init({
           ...e,
           disableProviderPing: !0,
@@ -41118,7 +41118,7 @@ var AUe = async (e) => {
       return (await import("./de_DE-PYAO5YD6-DRiWndek.mjs")).default;
     case "en":
     case "en-US":
-      return (await import("./en_US-Y4ZOVFV4-ztYUhEHD.mjs")).default;
+      return (await import("./en_US-Y4ZOVFV4-CqZGx3Os.mjs")).default;
     case "es":
     case "es-419":
       return (await import("./es_419-HRGOJ6VT-Bb7kiWEN.mjs")).default;
@@ -41168,7 +41168,7 @@ var AUe = async (e) => {
     case "zh-TW":
       return (await import("./zh_TW-VNNRNXY7-CyIPkoVZ.mjs")).default;
     default:
-      return (await import("./en_US-Y4ZOVFV4-ztYUhEHD.mjs")).default;
+      return (await import("./en_US-Y4ZOVFV4-CqZGx3Os.mjs")).default;
   }
 };
 async function rN(e) {
@@ -122138,17 +122138,18 @@ function cat() {
     labelSpacing: "4px"
   };
 }
-function cr({ theme: e, children: t, small: r, secondary: n }) {
+function cr({ theme: e, children: t, testId: r, small: n, secondary: a }) {
   return /* @__PURE__ */ le.jsx(
     "p",
     {
       style: {
-        color: n ? e.secondaryTextColor : e.textColor,
+        color: a ? e.secondaryTextColor : e.textColor,
         fontFamily: e.fontFamily,
-        fontSize: r ? e.smallFontSize : e.fontSize,
-        fontWeight: r ? e.smallFontWeight : e.fontWeight
+        fontSize: n ? e.smallFontSize : e.fontSize,
+        fontWeight: n ? e.smallFontWeight : e.fontWeight
       },
       className: "multichain__text",
+      "data-test-id": r,
       children: t
     }
   );
@@ -122197,10 +122198,10 @@ function lat({ theme: e, intent: t }) {
         }
       )
     ] }),
-    /* @__PURE__ */ le.jsx(cr, { theme: e, children: uat[t] })
+    /* @__PURE__ */ le.jsx(cr, { theme: e, testId: "intent", children: uat[t] })
   ] });
 }
-function Q7({ theme: e, onClick: t, disabled: r, children: n, secondary: a, tooltip: o }) {
+function Q7({ theme: e, onClick: t, disabled: r, children: n, secondary: a, tooltip: o, testId: i }) {
   return /* @__PURE__ */ le.jsx(
     "button",
     {
@@ -122222,6 +122223,7 @@ function Q7({ theme: e, onClick: t, disabled: r, children: n, secondary: a, tool
         fontWeight: e.fontWeight
       },
       title: o,
+      "data-test-id": i,
       children: n
     }
   );
@@ -122247,34 +122249,34 @@ function ni({ theme: e, children: t, color: r, small: n }) {
     }
   );
 }
-function Hce({ theme: e, label: t, value: r, onChange: n, min: a, max: o, placeholder: i }) {
-  const [s, c] = Xe(r.toString()), [u, l] = Xe(null);
-  function d(f) {
-    let h = f.target.value;
-    for (; h.startsWith("0") && h.length > 1 && !["."].includes(h[1]); )
-      h = h.substring(1);
-    let b = Number(h);
-    if (isNaN(b)) {
-      c(r.toString());
+function Hce({ theme: e, label: t, value: r, onChange: n, min: a, max: o, placeholder: i, testId: s }) {
+  const [c, u] = Xe(r.toString()), [l, d] = Xe(null);
+  function f(h) {
+    let b = h.target.value;
+    for (; b.startsWith("0") && b.length > 1 && !["."].includes(b[1]); )
+      b = b.substring(1);
+    let m = Number(b);
+    if (isNaN(m)) {
+      u(r.toString());
       return;
     }
-    c(h), b > o ? (b = o, c(b.toString()), l(`Maximum value is ${o}`)) : b < a ? (b = a, c(b.toString()), l(`Minimum value is ${a}`)) : l(null), n(b);
+    u(b), m > o ? (m = o, u(m.toString()), d(`Maximum value is ${o}`)) : m < a ? (m = a, u(m.toString()), d(`Minimum value is ${a}`)) : d(null), n(m);
   }
   return /* @__PURE__ */ le.jsx("div", { className: "multichain__column multichain__column--full", children: /* @__PURE__ */ le.jsxs(t_, { theme: e, children: [
-    /* @__PURE__ */ le.jsxs(cr, { theme: e, children: [
+    /* @__PURE__ */ le.jsxs(cr, { theme: e, testId: `${s}__label`, children: [
       t,
       /* @__PURE__ */ le.jsx(ni, { theme: e, color: e.buttonBackgroundColor, children: "*" }),
-      u && /* @__PURE__ */ le.jsxs(ni, { theme: e, small: !0, color: e.errorTextColor, children: [
+      l && /* @__PURE__ */ le.jsxs(ni, { theme: e, small: !0, color: e.errorTextColor, children: [
         " ",
-        u
+        l
       ] })
     ] }),
     /* @__PURE__ */ le.jsx(
       "input",
       {
         placeholder: i,
-        value: s,
-        onChange: (f) => d(f),
+        value: c,
+        onChange: (h) => f(h),
         className: "multichain__input",
         style: {
           paddingTop: e.inputVerticalPadding,
@@ -122288,19 +122290,20 @@ function Hce({ theme: e, label: t, value: r, onChange: n, min: a, max: o, placeh
           fontFamily: e.fontFamily,
           fontSize: e.fontSize,
           fontWeight: e.fontWeight
-        }
+        },
+        "data-test-id": s
       }
     )
   ] }) });
 }
-function CR({ theme: e, value: t, onChange: r, placeholder: n, readOnly: a }) {
+function CR({ theme: e, value: t, onChange: r, placeholder: n, readOnly: a, testId: o }) {
   return /* @__PURE__ */ le.jsx(
     "input",
     {
       type: "text",
       placeholder: n,
       value: t,
-      onChange: r ? (o) => r(o.target.value) : void 0,
+      onChange: r ? (i) => r(i.target.value) : void 0,
       readOnly: a,
       className: "multichain__input",
       style: {
@@ -122315,7 +122318,8 @@ function CR({ theme: e, value: t, onChange: r, placeholder: n, readOnly: a }) {
         fontFamily: e.fontFamily,
         fontSize: e.fontSize,
         fontWeight: e.fontWeight
-      }
+      },
+      "data-test-id": o
     }
   );
 }
@@ -122361,7 +122365,7 @@ function pat({ theme: e, intent: t, setTab: r, swapData: n, setSwapData: a, setI
       children: [
         /* @__PURE__ */ le.jsx(lat, { theme: e, intent: t }),
         /* @__PURE__ */ le.jsxs(t_, { theme: e, children: [
-          /* @__PURE__ */ le.jsxs(cr, { theme: e, children: [
+          /* @__PURE__ */ le.jsxs(cr, { theme: e, testId: "target-address-input__label", children: [
             "Target Address",
             /* @__PURE__ */ le.jsx(ni, { theme: e, color: e.buttonBackgroundColor, children: "*" })
           ] }),
@@ -122371,7 +122375,8 @@ function pat({ theme: e, intent: t, setTab: r, swapData: n, setSwapData: a, setI
               theme: e,
               placeholder: "0x...",
               value: n.targetAddress,
-              onChange: (h) => a((b) => ({ ...b, targetAddress: h }))
+              onChange: (h) => a((b) => ({ ...b, targetAddress: h })),
+              testId: "target-address-input"
             }
           )
         ] }),
@@ -122385,7 +122390,8 @@ function pat({ theme: e, intent: t, setTab: r, swapData: n, setSwapData: a, setI
               max: 10,
               min: 0,
               value: n.nativeAmount,
-              onChange: (h) => a((b) => ({ ...b, nativeAmount: h }))
+              onChange: (h) => a((b) => ({ ...b, nativeAmount: h })),
+              testId: "xdai-input"
             }
           ),
           /* @__PURE__ */ le.jsx(
@@ -122397,7 +122403,8 @@ function pat({ theme: e, intent: t, setTab: r, swapData: n, setSwapData: a, setI
               max: 200,
               min: 0,
               value: n.bzzAmount,
-              onChange: (h) => a((b) => ({ ...b, bzzAmount: Number(h) }))
+              onChange: (h) => a((b) => ({ ...b, bzzAmount: Number(h) })),
+              testId: "xbzz-input"
             }
           )
         ] }),
@@ -122408,16 +122415,17 @@ function pat({ theme: e, intent: t, setTab: r, swapData: n, setSwapData: a, setI
             theme: e,
             onClick: d,
             disabled: !i || !n.targetAddress || !c || u || l,
+            testId: "continue",
             children: "Continue"
           }
         ),
-        !c && /* @__PURE__ */ le.jsx(cr, { theme: e, children: /* @__PURE__ */ le.jsxs(ni, { theme: e, color: e.errorTextColor, small: !0, children: [
+        !c && /* @__PURE__ */ le.jsx(cr, { theme: e, testId: "error-not-enough-bzz", children: /* @__PURE__ */ le.jsxs(ni, { theme: e, color: e.errorTextColor, small: !0, children: [
           "*At least ",
           Gce,
           " xBZZ is required to perform the swap."
         ] }) }),
-        u && /* @__PURE__ */ le.jsx(cr, { theme: e, children: /* @__PURE__ */ le.jsx(ni, { theme: e, color: e.errorTextColor, small: !0, children: "*Address is not a valid Ethereum address." }) }),
-        l && /* @__PURE__ */ le.jsx(cr, { theme: e, children: /* @__PURE__ */ le.jsx(ni, { theme: e, color: e.errorTextColor, small: !0, children: "*Address has an invalid checksum. Please check and try again." }) }),
+        u && /* @__PURE__ */ le.jsx(cr, { theme: e, testId: "error-invalid-address", children: /* @__PURE__ */ le.jsx(ni, { theme: e, color: e.errorTextColor, small: !0, children: "*Address is not a valid Ethereum address." }) }),
+        l && /* @__PURE__ */ le.jsx(cr, { theme: e, testId: "error-bad-address-checksum", children: /* @__PURE__ */ le.jsx(ni, { theme: e, color: e.errorTextColor, small: !0, children: "*Address has an invalid checksum. Please check and try again." }) }),
         /* @__PURE__ */ le.jsx(
           Q7,
           {
@@ -122425,6 +122433,7 @@ function pat({ theme: e, intent: t, setTab: r, swapData: n, setSwapData: a, setI
             secondary: !0,
             onClick: f,
             tooltip: "If swapping fails or is interrupted, you can export the temporary private keys generated by this application and import them in your wallet manager later to recover your funds manually.",
+            testId: "export-keys",
             children: "Export temporary private keys"
           }
         )
@@ -122479,10 +122488,10 @@ function vat(e, t, r) {
     };
   }, [n.data, n.data?.chains, n.error, n.isLoading]);
 }
-function wat() {
-  return /* @__PURE__ */ le.jsx("span", { className: "multichain__loader" });
+function wat({ testId: e }) {
+  return /* @__PURE__ */ le.jsx("span", { className: "multichain__loader", "data-test-id": e });
 }
-function i7({ color: e }) {
+function i7({ color: e, testId: t }) {
   return /* @__PURE__ */ le.jsx(
     "span",
     {
@@ -122495,6 +122504,7 @@ function i7({ color: e }) {
         borderRadius: 16,
         backgroundColor: `${e}55`
       },
+      "data-test-id": t,
       children: /* @__PURE__ */ le.jsx(
         "span",
         {
@@ -122512,27 +122522,27 @@ function i7({ color: e }) {
     }
   );
 }
-function so({ theme: e, children: t, status: r }) {
-  let n = /* @__PURE__ */ le.jsx(i7, { color: "#AAAAAA" });
-  return r === "skipped" && (n = /* @__PURE__ */ le.jsx(i7, { color: "#FFDC00" })), r === "completed" && (n = /* @__PURE__ */ le.jsx(i7, { color: "#2ECC40" })), r === "in-progress" && (n = /* @__PURE__ */ le.jsx(wat, {})), r === "failed" && (n = /* @__PURE__ */ le.jsx(i7, { color: "#FF4136" })), /* @__PURE__ */ le.jsxs("div", { className: "multichain__row", children: [
-    n,
-    /* @__PURE__ */ le.jsx(cr, { theme: e, children: t })
+function so({ theme: e, children: t, status: r, testId: n }) {
+  let a = /* @__PURE__ */ le.jsx(i7, { color: "#AAAAAA", testId: `${n}__pending` });
+  return r === "skipped" && (a = /* @__PURE__ */ le.jsx(i7, { color: "#FFDC00", testId: `${n}__skipped` })), r === "completed" && (a = /* @__PURE__ */ le.jsx(i7, { color: "#2ECC40", testId: `${n}__completed` })), r === "in-progress" && (a = /* @__PURE__ */ le.jsx(wat, { testId: `${n}__in-progress` })), r === "failed" && (a = /* @__PURE__ */ le.jsx(i7, { color: "#FF4136", testId: `${n}__failed` })), /* @__PURE__ */ le.jsxs("div", { className: "multichain__row", "data-test-id": n, children: [
+    a,
+    /* @__PURE__ */ le.jsx(cr, { theme: e, testId: `${n}__description`, children: t })
   ] });
 }
 function Eat({ theme: e, progress: t }) {
   return /* @__PURE__ */ le.jsxs(t_, { theme: e, children: [
-    /* @__PURE__ */ le.jsx(so, { theme: e, status: t.relay, children: "Cross-swap to xDAI on Relay" }),
-    /* @__PURE__ */ le.jsx(so, { theme: e, status: t["relay-sync"], children: "Sync" }),
-    /* @__PURE__ */ le.jsx(so, { theme: e, status: t.sushi, children: "Swap xDAI to xBZZ on Sushi" }),
-    /* @__PURE__ */ le.jsx(so, { theme: e, status: t["sushi-sync"], children: "Sync" }),
-    /* @__PURE__ */ le.jsx(so, { theme: e, status: t.transfer, children: "Transfer leftover xDAI" }),
-    /* @__PURE__ */ le.jsx(so, { theme: e, status: t["transfer-sync"], children: "Sync" })
+    /* @__PURE__ */ le.jsx(so, { theme: e, status: t.relay, testId: "status-step-1", children: "Cross-swap to xDAI on Relay" }),
+    /* @__PURE__ */ le.jsx(so, { theme: e, status: t["relay-sync"], testId: "status-step-2", children: "Sync" }),
+    /* @__PURE__ */ le.jsx(so, { theme: e, status: t.sushi, testId: "status-step-3", children: "Swap xDAI to xBZZ on Sushi" }),
+    /* @__PURE__ */ le.jsx(so, { theme: e, status: t["sushi-sync"], testId: "status-step-4", children: "Sync" }),
+    /* @__PURE__ */ le.jsx(so, { theme: e, status: t.transfer, testId: "status-step-5", children: "Transfer leftover xDAI" }),
+    /* @__PURE__ */ le.jsx(so, { theme: e, status: t["transfer-sync"], testId: "status-step-6", children: "Sync" })
   ] });
 }
-function Cat({ theme: e, isLoading: t, quote: r }) {
-  return t ? /* @__PURE__ */ le.jsx(so, { theme: e, status: "in-progress", children: "Loading quote..." }) : r ? /* @__PURE__ */ le.jsx(so, { theme: e, status: "completed", children: "Quote available" }) : /* @__PURE__ */ le.jsx(so, { theme: e, status: "failed", children: "Quote unavailable - amount is either too small, large, or the token is illiquid" });
+function Cat({ theme: e, isLoading: t, quote: r, testId: n }) {
+  return t ? /* @__PURE__ */ le.jsx(so, { theme: e, status: "in-progress", testId: n, children: "Loading quote..." }) : r ? /* @__PURE__ */ le.jsx(so, { theme: e, status: "completed", testId: n, children: "Quote available" }) : /* @__PURE__ */ le.jsx(so, { theme: e, status: "failed", testId: n, children: "Quote unavailable - amount is either too small, large, or the token is illiquid" });
 }
-function Vce({ theme: e, leftLabel: t, rightLabel: r }) {
+function Vce({ theme: e, leftLabel: t, rightLabel: r, testId: n }) {
   return /* @__PURE__ */ le.jsxs(
     "div",
     {
@@ -122552,8 +122562,8 @@ function Vce({ theme: e, leftLabel: t, rightLabel: r }) {
         fontWeight: e.fontWeight
       },
       children: [
-        /* @__PURE__ */ le.jsx(cr, { theme: e, children: t }),
-        /* @__PURE__ */ le.jsx(cr, { theme: e, small: !0, secondary: !0, children: r })
+        /* @__PURE__ */ le.jsx(cr, { theme: e, testId: `${n}__left`, children: t }),
+        /* @__PURE__ */ le.jsx(cr, { theme: e, testId: `${n}__right`, small: !0, secondary: !0, children: r })
       ]
     }
   );
@@ -122622,14 +122632,14 @@ function _at(e) {
     }
   }), t;
 }
-function Kce({ theme: e, value: t, label: r, onChange: n, onChangeGuard: a, options: o }) {
-  const [i, s] = Xe(!1), c = o.find((u) => u.value === t);
+function Kce({ theme: e, value: t, label: r, onChange: n, onChangeGuard: a, options: o, testId: i }) {
+  const [s, c] = Xe(!1), u = o.find((l) => l.value === t);
   return /* @__PURE__ */ le.jsxs("div", { className: "multichain__select-container", children: [
     /* @__PURE__ */ le.jsxs(
       "button",
       {
         className: "multichain__select-trigger",
-        onClick: () => s((u) => !u),
+        onClick: () => c((l) => !l),
         style: {
           paddingTop: e.inputVerticalPadding,
           paddingBottom: e.inputVerticalPadding,
@@ -122644,17 +122654,18 @@ function Kce({ theme: e, value: t, label: r, onChange: n, onChangeGuard: a, opti
           fontWeight: e.fontWeight,
           border: "none"
         },
+        "data-test-id": i,
         children: [
           /* @__PURE__ */ le.jsxs("div", { className: "multichain__select-left", children: [
-            c && c.image ? /* @__PURE__ */ le.jsx("img", { src: c.image, alt: c.label, className: "multichain__select-img" }) : void 0,
-            /* @__PURE__ */ le.jsx(cr, { theme: e, children: c ? c.label : "Loading..." })
+            u && u.image ? /* @__PURE__ */ le.jsx("img", { src: u.image, alt: u.label, className: "multichain__select-img" }) : void 0,
+            /* @__PURE__ */ le.jsx(cr, { theme: e, testId: `${i}__loading`, children: u ? u.label : "Loading..." })
           ] }),
           /* @__PURE__ */ le.jsxs("div", { className: "multichain__row", children: [
-            r !== void 0 ? /* @__PURE__ */ le.jsx(cr, { theme: e, small: !0, secondary: !0, children: r }) : null,
+            r !== void 0 ? /* @__PURE__ */ le.jsx(cr, { theme: e, testId: `${i}__selected`, small: !0, secondary: !0, children: r }) : null,
             /* @__PURE__ */ le.jsx(
               "svg",
               {
-                className: `multichain__select-arrow ${i ? "multichain__open" : ""}`,
+                className: `multichain__select-arrow ${s ? "multichain__open" : ""}`,
                 xmlns: "http://www.w3.org/2000/svg",
                 viewBox: "0 0 24 24",
                 fill: "none",
@@ -122667,7 +122678,7 @@ function Kce({ theme: e, value: t, label: r, onChange: n, onChangeGuard: a, opti
         ]
       }
     ),
-    i && /* @__PURE__ */ le.jsx(
+    s && /* @__PURE__ */ le.jsx(
       "ul",
       {
         className: "multichain__select-menu",
@@ -122684,7 +122695,7 @@ function Kce({ theme: e, value: t, label: r, onChange: n, onChangeGuard: a, opti
           fontSize: e.fontSize,
           fontWeight: e.fontWeight
         },
-        children: o.map((u) => /* @__PURE__ */ le.jsxs(
+        children: o.map((l) => /* @__PURE__ */ le.jsxs(
           "li",
           {
             className: "multichain__select-option",
@@ -122693,16 +122704,16 @@ function Kce({ theme: e, value: t, label: r, onChange: n, onChangeGuard: a, opti
               paddingBottom: e.inputVerticalPadding
             },
             onClick: async () => {
-              a ? await a(u.value).then((l) => {
-                l && n(u.value);
-              }) : n(u.value), s(!1);
+              a ? await a(l.value).then((d) => {
+                d && n(l.value);
+              }) : n(l.value), c(!1);
             },
             children: [
-              u.image ? /* @__PURE__ */ le.jsx("img", { src: u.image, alt: u.label, className: "multichain__select-img" }) : void 0,
-              /* @__PURE__ */ le.jsx(cr, { theme: e, children: u.label })
+              l.image ? /* @__PURE__ */ le.jsx("img", { src: l.image, alt: l.label, className: "multichain__select-img" }) : void 0,
+              /* @__PURE__ */ le.jsx(cr, { theme: e, testId: `${i}__${l.value}`, children: l.label })
             ]
           },
-          u.value
+          l.value
         ))
       }
     )
@@ -122849,19 +122860,45 @@ function kat({ theme: e, hooks: t, setTab: r, swapData: n, initialChainId: a, li
       className: "multichain__wrapper",
       style: { borderRadius: e.borderRadius, backgroundColor: e.backgroundColor },
       children: [
-        /* @__PURE__ */ le.jsx(Q7, { secondary: !0, theme: e, onClick: J, disabled: k !== "pending" && k !== "failed", children: "Cancel" }),
+        /* @__PURE__ */ le.jsx(
+          Q7,
+          {
+            secondary: !0,
+            theme: e,
+            onClick: J,
+            disabled: k !== "pending" && k !== "failed",
+            testId: "go-back",
+            children: "Cancel"
+          }
+        ),
         /* @__PURE__ */ le.jsxs("div", { className: "multichain__row", children: [
-          /* @__PURE__ */ le.jsx("div", { className: "multichain__column multichain__column--full", children: /* @__PURE__ */ le.jsx(CR, { theme: e, readOnly: !0, value: Wce(n.sourceAddress) }) }),
-          /* @__PURE__ */ le.jsx(cr, { theme: e, children: "→" }),
-          /* @__PURE__ */ le.jsx("div", { className: "multichain__column multichain__column--full", children: /* @__PURE__ */ le.jsx(CR, { theme: e, readOnly: !0, value: Wce(n.targetAddress) }) })
+          /* @__PURE__ */ le.jsx("div", { className: "multichain__column multichain__column--full", children: /* @__PURE__ */ le.jsx(
+            CR,
+            {
+              theme: e,
+              readOnly: !0,
+              value: Wce(n.sourceAddress),
+              testId: "readonly-source-address"
+            }
+          ) }),
+          /* @__PURE__ */ le.jsx(cr, { theme: e, testId: "symbol-right", children: "→" }),
+          /* @__PURE__ */ le.jsx("div", { className: "multichain__column multichain__column--full", children: /* @__PURE__ */ le.jsx(
+            CR,
+            {
+              theme: e,
+              readOnly: !0,
+              value: Wce(n.targetAddress),
+              testId: "readonly-target-address"
+            }
+          ) })
         ] }),
         k !== "pending" ? /* @__PURE__ */ le.jsxs(le.Fragment, { children: [
-          /* @__PURE__ */ le.jsx(cr, { theme: e, small: !0, secondary: !0, children: "Please allow up to 5 minutes for the steps to complete." }),
+          /* @__PURE__ */ le.jsx(cr, { theme: e, testId: "duration-info", small: !0, secondary: !0, children: "Please allow up to 5 minutes for the steps to complete." }),
           /* @__PURE__ */ le.jsx(Eat, { theme: e, progress: P })
         ] }) : null,
         k === "pending" ? /* @__PURE__ */ le.jsxs(le.Fragment, { children: [
           /* @__PURE__ */ le.jsxs(t_, { theme: e, children: [
-            /* @__PURE__ */ le.jsxs(cr, { theme: e, children: [
+            /* @__PURE__ */ le.jsxs(cr, { theme: e, testId: "source-chain-input__label", children: [
               "Select the Source Chain",
               /* @__PURE__ */ le.jsx(ni, { theme: e, color: e.buttonBackgroundColor, children: "*" })
             ] }),
@@ -122886,12 +122923,13 @@ function kat({ theme: e, hooks: t, setTab: r, swapData: n, initialChainId: a, li
                   value: Y.id.toString(),
                   label: Y.displayName,
                   image: Y.iconUrl
-                }))
+                })),
+                testId: "source-chain-input"
               }
             )
           ] }),
           /* @__PURE__ */ le.jsxs(t_, { theme: e, children: [
-            /* @__PURE__ */ le.jsxs(cr, { theme: e, children: [
+            /* @__PURE__ */ le.jsxs(cr, { theme: e, testId: "source-token-input__label", children: [
               "Select the Source Token",
               /* @__PURE__ */ le.jsx(ni, { theme: e, color: e.buttonBackgroundColor, children: "*" })
             ] }),
@@ -122914,11 +122952,12 @@ function kat({ theme: e, hooks: t, setTab: r, swapData: n, initialChainId: a, li
                     f.decimals
                   ).toDecimalString(),
                   3
-                ) + " " + f.symbol : "Loading..."
+                ) + " " + f.symbol : "Loading...",
+                testId: "source-token-input"
               }
             )
           ] }),
-          /* @__PURE__ */ le.jsxs(cr, { theme: e, small: !0, secondary: !0, children: [
+          /* @__PURE__ */ le.jsxs(cr, { theme: e, small: !0, secondary: !0, testId: "swap-summary", children: [
             "You will swap",
             " ",
             a7.toSignificantDigits(g?.toDecimalString() || "0", 3),
@@ -122937,7 +122976,8 @@ function kat({ theme: e, hooks: t, setTab: r, swapData: n, initialChainId: a, li
               {
                 theme: e,
                 leftLabel: `${V.toFixed(2)} xDAI`,
-                rightLabel: `$${V.toFixed(2)}`
+                rightLabel: `$${V.toFixed(2)}`,
+                testId: "xdai-display"
               }
             ) }),
             /* @__PURE__ */ le.jsx("div", { className: "multichain__column multichain__column--full", children: /* @__PURE__ */ le.jsx(
@@ -122945,18 +122985,20 @@ function kat({ theme: e, hooks: t, setTab: r, swapData: n, initialChainId: a, li
               {
                 theme: e,
                 leftLabel: `${D ? a7.toSignificantDigits(D.toDecimalString(), 3) : "Loading..."} xBZZ`,
-                rightLabel: `$${(U || 0).toFixed(2)}`
+                rightLabel: `$${(U || 0).toFixed(2)}`,
+                testId: "xbzz-display"
               }
             ) })
           ] })
         ] }) : null,
-        k === "pending" ? /* @__PURE__ */ le.jsx(Cat, { isLoading: E, theme: e, quote: y }) : null,
+        k === "pending" ? /* @__PURE__ */ le.jsx(Cat, { isLoading: E, theme: e, quote: y, testId: "quote-status" }) : null,
         /* @__PURE__ */ le.jsx(
           Q7,
           {
             theme: e,
             onClick: $,
             disabled: k !== "pending" || !y || !W || !I.data,
+            testId: "fund",
             children: W ? "Fund" : "Insufficient balance"
           }
         )

package/dist/{index-DUxUuEIn.mjs → index-D5aiEtMx.mjs}

@@ -1,4 +1,4 @@
-import { A as rs, v as Jn, w as nt, I as as, x as ue, y as wa, z as is, C as ss, D as j, E as os, F as cs, G as us, U as ds, L as ls, f as Ge, J as kt, K as fs, b as Ke, m as Ft, M as be, N as xe, O as va, P as cn, Q as ps, B as _, R as ms, S as Ar, d as ys, T as hs, V as gs, W as bs, X as rt, Y as Yn, Z as Xn, j as Oe, _ as ws, $ as vs, a0 as xa, a1 as xs, a2 as Es, a3 as Ss, s as As, a4 as ks, a5 as Ps, a6 as Os, a7 as Is, a8 as Cs, a9 as Ts, aa as _s, ab as Bs, ac as Rs, ad as Ns, ae as Us, af as js, ag as Ds, ah as Ms, ai as Ls, r as kr, aj as Fs, h as Me, ak as He, al as Qn, am as Pt, an as Gs, ao as Ae, ap as Ks, aq as Hs, ar as zs, as as Ea, at as Vs, au as qs, av as Zs, aw as Ws, k as Sa, ax as Js, t as ze, ay as Aa, az as Pr, aA as Or, aB as ka, aC as Ys, aD as Xs, aE as Ir, aF as Pa, aG as ut, i as Qs } from "./index-DiR2oYdU.mjs";
+import { A as rs, v as Jn, w as nt, I as as, x as ue, y as wa, z as is, C as ss, D as j, E as os, F as cs, G as us, U as ds, L as ls, f as Ge, J as kt, K as fs, b as Ke, m as Ft, M as be, N as xe, O as va, P as cn, Q as ps, B as _, R as ms, S as Ar, d as ys, T as hs, V as gs, W as bs, X as rt, Y as Yn, Z as Xn, j as Oe, _ as ws, $ as vs, a0 as xa, a1 as xs, a2 as Es, a3 as Ss, s as As, a4 as ks, a5 as Ps, a6 as Os, a7 as Is, a8 as Cs, a9 as Ts, aa as _s, ab as Bs, ac as Rs, ad as Ns, ae as Us, af as js, ag as Ds, ah as Ms, ai as Ls, r as kr, aj as Fs, h as Me, ak as He, al as Qn, am as Pt, an as Gs, ao as Ae, ap as Ks, aq as Hs, ar as zs, as as Ea, at as Vs, au as qs, av as Zs, aw as Ws, k as Sa, ax as Js, t as ze, ay as Aa, az as Pr, aA as Or, aB as ka, aC as Ys, aD as Xs, aE as Ir, aF as Pa, aG as ut, i as Qs } from "./index-CTqu92lL.mjs";
 function $s(e, t) {
   if (e.length !== t.length)
     throw new rs({