multicoyn-sdk 0.1.7 → 0.1.8

package/dist/{index-w8B8C2nn.js → index-C1S0YnyW.js}

@@ -1,5 +1,5 @@
 import { jsx as u, jsxs as w, Fragment as pr } from "react/jsx-runtime";
-import { useState as V, useMemo as yr, useEffect as ve, createContext as br, useContext as mr } from "react";
+import { useState as V, useMemo as mr, useEffect as ve, createContext as yr, useContext as br } from "react";
 import { useWriteContract as wt, useWaitForTransactionReceipt as xt, useReadContract as j, useAccount as Ge, useConfig as hr, useBalance as gr, useConnect as wr, WagmiProvider as xr } from "wagmi";
 import { createPortal as Tr } from "react-dom";
 import { parseUnits as vr, maxUint256 as Er, formatUnits as Ce, defineChain as Pr } from "viem";
@@ -205,7 +205,7 @@ function Tt(e) {
       return e.toUpperCase();
   }
 }
-function me(e, t = 2) {
+function be(e, t = 2) {
   const n = e.toFixed(t), [r, s] = n.split("."), i = r.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
   return s ? `${i}.${s}` : i;
 }
@@ -219,36 +219,36 @@ function Br({
 }) {
   const a = (h) => {
     t(Number(h.target.value));
-  }, o = n * e.percentage / 100, c = e.priceUSD > 0 ? o / e.priceUSD : 0, d = c <= e.amount, l = e.priceUSD > 0, b = Tt(s), y = (r ?? n) * e.percentage / 100;
-  return /* @__PURE__ */ w("div", { className: "flex items-center gap-1.5 w-full", children: [
-    /* @__PURE__ */ w("div", { className: "flex items-center gap-3 w-35", children: [
-      /* @__PURE__ */ w("div", { className: "relative size-[30px]", children: [
+  }, o = n * e.percentage / 100, c = e.priceUSD > 0 ? o / e.priceUSD : 0, d = c <= e.amount, l = e.priceUSD > 0, y = Tt(s), m = (r ?? n) * e.percentage / 100;
+  return /* @__PURE__ */ w("div", { className: "mc:flex mc:items-center mc:gap-1.5 mc:w-full", children: [
+    /* @__PURE__ */ w("div", { className: "mc:flex mc:items-center mc:gap-3 mc:w-35", children: [
+      /* @__PURE__ */ w("div", { className: "mc:relative mc:size-[30px]", children: [
         /* @__PURE__ */ u(
           "div",
           {
-            className: `size-[30px] rounded-full bg-dark-4 overflow-hidden flex items-center justify-center ${l ? "" : "opacity-50"}`,
+            className: `mc:size-[30px] mc:rounded-full mc:bg-dark-4 mc:overflow-hidden mc:flex mc:items-center mc:justify-center ${l ? "" : "mc:opacity-50"}`,
             children: e.tokenIcon ? /* @__PURE__ */ u(
               "img",
               {
                 src: e.tokenIcon,
                 alt: e.name,
-                className: "size-full object-cover"
+                className: "mc:size-full mc:object-cover"
               }
-            ) : /* @__PURE__ */ u("span", { className: "text-xs font-semibold text-white", children: e.symbol.slice(0, 2) })
+            ) : /* @__PURE__ */ u("span", { className: "mc:text-xs mc:font-semibold mc:text-white", children: e.symbol.slice(0, 2) })
           }
         ),
-        /* @__PURE__ */ u("div", { className: "absolute right-[-2px] bottom-[-2px] size-[12px] rounded-full bg-dark-3 border border-dark-2 overflow-hidden flex items-center justify-center", children: e.chainIcon ? /* @__PURE__ */ u(
+        /* @__PURE__ */ u("div", { className: "mc:absolute mc:right-[-2px] mc:bottom-[-2px] mc:size-[12px] mc:rounded-full mc:bg-dark-3 mc:border mc:border-dark-2 mc:overflow-hidden mc:flex mc:items-center mc:justify-center", children: e.chainIcon ? /* @__PURE__ */ u(
           "img",
           {
             src: e.chainIcon,
             alt: e.chain,
-            className: "size-full object-cover"
+            className: "mc:size-full mc:object-cover"
           }
-        ) : /* @__PURE__ */ u("span", { className: "text-[6px] font-semibold text-white", children: e.chain.slice(0, 1) }) })
+        ) : /* @__PURE__ */ u("span", { className: "mc:text-[6px] mc:font-semibold mc:text-white", children: e.chain.slice(0, 1) }) })
       ] }),
-      /* @__PURE__ */ w("div", { className: "flex flex-col gap-1 text-xs text-white", children: [
-        /* @__PURE__ */ u("span", { className: "font-semibold", children: e.name }),
-        /* @__PURE__ */ w("span", { className: "font-normal opacity-75", children: [
+      /* @__PURE__ */ w("div", { className: "mc:flex mc:flex-col mc:gap-1 mc:text-xs mc:text-white", children: [
+        /* @__PURE__ */ u("span", { className: "mc:font-semibold", children: e.name }),
+        /* @__PURE__ */ w("span", { className: "mc:font-normal mc:opacity-75", children: [
           e.amount.toFixed(4),
           " ",
           e.symbol
@@ -256,48 +256,54 @@ function Br({
         /* @__PURE__ */ u(
           "span",
           {
-            className: `text-[10px] ${l ? "text-white/50" : "text-yellow-500"}`,
+            className: `mc:text-[10px] ${l ? "mc:text-white/50" : "mc:text-yellow-500"}`,
             children: l ? `$${e.priceUSD.toFixed(2)}/${e.symbol}` : "Price loading..."
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ w("div", { className: `flex-1 relative h-1.5 ${i ? "opacity-50" : ""}`, children: [
-      /* @__PURE__ */ u("div", { className: "absolute inset-0 bg-white/40 rounded-full" }),
-      /* @__PURE__ */ u(
-        "div",
-        {
-          className: "absolute left-0 top-0 h-full bg-secondary rounded-full transition-all",
-          style: { width: `${e.percentage}%` }
-        }
-      ),
-      /* @__PURE__ */ u(
-        "input",
-        {
-          type: "range",
-          min: "0",
-          max: "100",
-          value: e.percentage,
-          onChange: a,
-          className: `absolute inset-0 w-full h-full opacity-0 ${i ? "cursor-not-allowed" : "cursor-pointer"}`,
-          disabled: i || e.amount === 0 || !l
-        }
-      )
-    ] }),
-    /* @__PURE__ */ w("div", { className: "flex flex-col items-end gap-0.5 min-w-25", children: [
-      /* @__PURE__ */ w("span", { className: "text-xs font-semibold text-white", children: [
+    /* @__PURE__ */ w(
+      "div",
+      {
+        className: `mc:flex-1 mc:relative mc:h-1.5 ${i ? "mc:opacity-50" : ""}`,
+        children: [
+          /* @__PURE__ */ u("div", { className: "mc:absolute mc:inset-0 mc:bg-white/40 mc:rounded-full" }),
+          /* @__PURE__ */ u(
+            "div",
+            {
+              className: "mc:absolute mc:left-0 mc:top-0 mc:h-full mc:bg-secondary mc:rounded-full mc:transition-all",
+              style: { width: `${e.percentage}%` }
+            }
+          ),
+          /* @__PURE__ */ u(
+            "input",
+            {
+              type: "range",
+              min: "0",
+              max: "100",
+              value: e.percentage,
+              onChange: a,
+              className: `mc:absolute mc:inset-0 mc:w-full mc:h-full mc:opacity-0 ${i ? "mc:cursor-not-allowed" : "mc:cursor-pointer"}`,
+              disabled: i || e.amount === 0 || !l
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ w("div", { className: "mc:flex mc:flex-col mc:items-end mc:gap-0.5 mc:min-w-25", children: [
+      /* @__PURE__ */ w("span", { className: "mc:text-xs mc:font-semibold mc:text-white", children: [
         e.percentage,
         "% = ",
-        me(y),
+        be(m),
         " ",
-        b
+        y
       ] }),
       e.percentage > 0 && /* @__PURE__ */ w(
         "span",
         {
-          className: `text-[10px] ${d ? "text-white/60" : "text-red-500"}`,
+          className: `mc:text-[10px] ${d ? "mc:text-white/60" : "mc:text-red-500"}`,
           children: [
-            me(c, 4),
+            be(c, 4),
             " ",
             e.symbol,
             !d && " ⚠️"
@@ -307,18 +313,22 @@ function Br({
     ] })
   ] });
 }
-function Ur({ items: e, fee: t = 0.3, currency: n }) {
+function Ur({
+  items: e,
+  fee: t = 0.3,
+  currency: n
+}) {
   const s = e.reduce((a, o) => a + o.price, 0) + t, i = Tt(n);
-  return /* @__PURE__ */ w("div", { className: "bg-dark-4 rounded-md p-3 flex flex-col gap-3 w-full", children: [
-    /* @__PURE__ */ u("p", { className: "font-medium text-base text-white", children: "Payment Summary" }),
+  return /* @__PURE__ */ w("div", { className: "mc:bg-dark-4 mc:rounded-md mc:p-3 mc:flex mc:flex-col mc:gap-3 mc:w-full", children: [
+    /* @__PURE__ */ u("p", { className: "mc:font-medium mc:text-base mc:text-white", children: "Payment Summary" }),
     e.map((a, o) => /* @__PURE__ */ w(
       "div",
       {
-        className: "flex items-center justify-between text-xs text-white",
+        className: "mc:flex mc:items-center mc:justify-between mc:text-xs mc:text-white",
         children: [
-          /* @__PURE__ */ u("span", { className: "flex-1", children: a.name }),
-          /* @__PURE__ */ w("span", { className: "text-right", children: [
-            me(a.price),
+          /* @__PURE__ */ u("span", { className: "mc:flex-1", children: a.name }),
+          /* @__PURE__ */ w("span", { className: "mc:text-right", children: [
+            be(a.price),
             " ",
             i
           ] })
@@ -326,19 +336,19 @@ function Ur({ items: e, fee: t = 0.3, currency: n }) {
       },
       o
     )),
-    /* @__PURE__ */ w("div", { className: "flex items-center justify-between text-xs text-white", children: [
-      /* @__PURE__ */ u("span", { className: "flex-1", children: "Fee" }),
-      /* @__PURE__ */ w("span", { className: "text-right", children: [
-        me(t),
+    /* @__PURE__ */ w("div", { className: "mc:flex mc:items-center mc:justify-between mc:text-xs mc:text-white", children: [
+      /* @__PURE__ */ u("span", { className: "mc:flex-1", children: "Fee" }),
+      /* @__PURE__ */ w("span", { className: "mc:text-right", children: [
+        be(t),
         " ",
         i
       ] })
     ] }),
-    /* @__PURE__ */ u("div", { className: "h-px bg-white/20" }),
-    /* @__PURE__ */ w("div", { className: "flex items-center justify-between text-white", children: [
-      /* @__PURE__ */ u("span", { className: "text-xs", children: "Total Payment" }),
-      /* @__PURE__ */ w("span", { className: "text-base font-semibold text-right", children: [
-        me(s),
+    /* @__PURE__ */ u("div", { className: "mc:h-px mc:bg-white/20" }),
+    /* @__PURE__ */ w("div", { className: "mc:flex mc:items-center mc:justify-between mc:text-white", children: [
+      /* @__PURE__ */ u("span", { className: "mc:text-xs", children: "Total Payment" }),
+      /* @__PURE__ */ w("span", { className: "mc:text-base mc:font-semibold mc:text-right", children: [
+        be(s),
         " ",
         i
       ] })
@@ -1265,66 +1275,66 @@ function vt() {
   });
   return {
     // Write functions
-    registerToken: (m, x, S, N) => {
+    registerToken: (b, x, S, N) => {
       e({
         address: O.TOKEN_REGISTRY,
         abi: Z,
         functionName: "registerToken",
-        args: [m, x, S, N]
+        args: [b, x, S, N]
       });
     },
-    setTokenEnabled: (m, x) => {
+    setTokenEnabled: (b, x) => {
       e({
         address: O.TOKEN_REGISTRY,
         abi: Z,
         functionName: "setTokenEnabled",
-        args: [m, x]
+        args: [b, x]
       });
     },
-    updatePriceFeed: (m, x) => {
+    updatePriceFeed: (b, x) => {
       e({
         address: O.TOKEN_REGISTRY,
         abi: Z,
         functionName: "updatePriceFeed",
-        args: [m, x]
+        args: [b, x]
       });
     },
-    setMinPaymentAmount: (m, x) => {
+    setMinPaymentAmount: (b, x) => {
       e({
         address: O.TOKEN_REGISTRY,
         abi: Z,
         functionName: "setMinPaymentAmount",
-        args: [m, x]
+        args: [b, x]
       });
     },
-    grantRole: (m, x) => {
+    grantRole: (b, x) => {
       e({
         address: O.TOKEN_REGISTRY,
         abi: Z,
         functionName: "grantRole",
-        args: [m, x]
+        args: [b, x]
       });
     },
-    revokeRole: (m, x) => {
+    revokeRole: (b, x) => {
       e({
         address: O.TOKEN_REGISTRY,
         abi: Z,
         functionName: "revokeRole",
-        args: [m, x]
+        args: [b, x]
       });
     },
     // Read hooks
-    useGetTokenConfig: (m) => j({
+    useGetTokenConfig: (b) => j({
       address: O.TOKEN_REGISTRY,
       abi: Z,
       functionName: "getTokenConfig",
-      args: [m]
+      args: [b]
     }),
-    useGetTokenPrice: (m) => j({
+    useGetTokenPrice: (b) => j({
       address: O.TOKEN_REGISTRY,
       abi: Z,
       functionName: "getTokenPriceUSD",
-      args: [m]
+      args: [b]
     }),
     useGetRegisteredTokens: () => j({
       address: O.TOKEN_REGISTRY,
@@ -1336,17 +1346,17 @@ function vt() {
       abi: Z,
       functionName: "getRegisteredTokenCount"
     }),
-    useIsTokenEnabled: (m) => j({
+    useIsTokenEnabled: (b) => j({
       address: O.TOKEN_REGISTRY,
       abi: Z,
       functionName: "isTokenEnabled",
-      args: [m]
+      args: [b]
     }),
-    useHasRole: (m, x) => j({
+    useHasRole: (b, x) => j({
       address: O.TOKEN_REGISTRY,
       abi: Z,
       functionName: "hasRole",
-      args: [m, x]
+      args: [b, x]
     }),
     // Transaction state
     hash: t,
@@ -1369,11 +1379,11 @@ function _r({
   transactionHash: c,
   isProcessing: d,
   isSuccess: l,
-  conversionRate: b = 1
+  conversionRate: y = 1
 }) {
-  const p = vt(), { data: y } = p.useGetTokenPrice(E.NATIVE), { data: h } = p.useGetTokenPrice(E.USDC), { data: v } = p.useGetTokenPrice(E.USDT), { data: P } = p.useGetTokenPrice(E.DAI), { data: T } = p.useGetTokenPrice(E.WBTC), [m, x] = V([]), [S, N] = V(""), [D, J] = V(!0), [Q, H] = V("form"), [q, U] = V(0), [le, $] = V(""), [L, M] = V([]), [z, W] = V(
+  const p = vt(), { data: m } = p.useGetTokenPrice(E.NATIVE), { data: h } = p.useGetTokenPrice(E.USDC), { data: v } = p.useGetTokenPrice(E.USDT), { data: P } = p.useGetTokenPrice(E.DAI), { data: T } = p.useGetTokenPrice(E.WBTC), [b, x] = V([]), [S, N] = V(""), [D, J] = V(!0), [Q, H] = V("form"), [q, U] = V(0), [le, $] = V(""), [L, M] = V([]), [z, W] = V(
     "Preparing payment..."
-  ), re = yr(
+  ), re = mr(
     () => JSON.stringify(
       i.map((g) => ({
         id: g.id,
@@ -1395,7 +1405,7 @@ function _r({
     if (e && i.length > 0) {
       const g = i.map((A) => {
         let k = A.priceUSD;
-        return A.address === E.NATIVE && y ? k = R(y) : A.address === E.USDC && h ? k = R(h) : A.address === E.USDT && v ? k = R(v) : A.address === E.DAI && P ? k = R(P) : A.address === E.WBTC && T && (k = R(T)), { ...A, priceUSD: k };
+        return A.address === E.NATIVE && m ? k = R(m) : A.address === E.USDC && h ? k = R(h) : A.address === E.USDT && v ? k = R(v) : A.address === E.DAI && P ? k = R(P) : A.address === E.WBTC && T && (k = R(T)), { ...A, priceUSD: k };
       });
       if (D) {
         g.forEach((C) => {
@@ -1411,8 +1421,8 @@ function _r({
         );
         if (k.length > 0 && xe >= A) {
           const C = Math.floor(100 / k.length), Y = 100 - C * k.length;
-          k.forEach((Me, be) => {
-            Me.percentage = C + (be === 0 ? Y : 0);
+          k.forEach((Me, ye) => {
+            Me.percentage = C + (ye === 0 ? Y : 0);
           });
         } else if (k.length > 0) {
           const C = xe / A * 100, Y = Math.floor(
@@ -1421,14 +1431,14 @@ function _r({
           k.forEach((fe) => {
             fe.percentage = Y;
           });
-          const be = 100 - k.reduce(
+          const ye = 100 - k.reduce(
             (fe, Xe) => fe + Xe.percentage,
             0
           );
-          if (G.length > 0 && be > 0) {
+          if (G.length > 0 && ye > 0) {
             const fe = Math.floor(
-              be / G.length
-            ), Xe = be - fe * G.length;
+              ye / G.length
+            ), Xe = ye - fe * G.length;
             G.forEach((lr, fr) => {
               lr.percentage = fe + (fr === 0 ? Xe : 0);
             });
@@ -1439,8 +1449,8 @@ function _r({
           );
           if (C.length > 0) {
             const Y = Math.floor(100 / C.length), Me = 100 - Y * C.length;
-            C.forEach((be, fe) => {
-              be.percentage = Y + (fe === 0 ? Me : 0);
+            C.forEach((ye, fe) => {
+              ye.percentage = Y + (fe === 0 ? Me : 0);
             });
           }
         }
@@ -1450,7 +1460,7 @@ function _r({
   }, [
     e,
     re,
-    y,
+    m,
     h,
     v,
     P,
@@ -1461,10 +1471,10 @@ function _r({
   }, [e]), ve(() => {
     l && c ? (U(100), $(c), H("success"), W("Payment completed!")) : d && (U(80), W("Confirming transaction..."));
   }, [l, d, c]);
-  const K = m.reduce((g, A) => g + A.percentage, 0), ye = Tt(r), ee = r === "IDR" ? 1 / b : 1, nr = s.map((g) => ({
+  const K = b.reduce((g, A) => g + A.percentage, 0), me = Tt(r), ee = r === "IDR" ? 1 / y : 1, nr = s.map((g) => ({
     ...g,
     price: g.price
-  })), Bt = o * n, We = n + Bt, rr = Bt * ee, Ke = We * ee, Ye = m.some((g) => g.percentage === 0 ? !1 : !g.priceUSD || g.priceUSD <= 0), Ze = m.some((g) => {
+  })), Bt = o * n, We = n + Bt, rr = Bt * ee, Ke = We * ee, Ye = b.some((g) => g.percentage === 0 ? !1 : !g.priceUSD || g.priceUSD <= 0), Ze = b.some((g) => {
     if (g.percentage === 0) return !1;
     const A = We * g.percentage / 100;
     return (g.priceUSD > 0 ? A / g.priceUSD : 0) > g.amount;
@@ -1474,7 +1484,7 @@ function _r({
     );
   }, ir = () => {
     if (!D) {
-      const g = m.filter((G) => G.amount > 0 && G.priceUSD > 0), A = Math.floor(100 / g.length), k = 100 - A * g.length;
+      const g = b.filter((G) => G.amount > 0 && G.priceUSD > 0), A = Math.floor(100 / g.length), k = 100 - A * g.length;
       x(
         (G) => G.map((xe, C) => ({
           ...xe,
@@ -1483,16 +1493,16 @@ function _r({
       );
     }
     J(!D);
-  }, ar = m.filter(
+  }, ar = b.filter(
     (g) => g.amount > 0 && (g.name.toLowerCase().includes(S.toLowerCase()) || g.symbol.toLowerCase().includes(S.toLowerCase()) || g.chain.toLowerCase().includes(S.toLowerCase()))
   ), or = async () => {
     H("processing"), U(10), W("Checking token approvals...");
-    const g = m.filter(
+    const g = b.filter(
       (A) => A.percentage > 0 && A.address !== E.NATIVE
     );
     g.length > 0 && (W(
       `Requesting approval for ${g.length} token(s)...`
-    ), M(g.map((A) => A.symbol))), U(30), W("Processing payment..."), a(m), U(60);
+    ), M(g.map((A) => A.symbol))), U(30), W("Processing payment..."), a(b), U(60);
   }, cr = () => {
     t();
   }, ur = () => (/* @__PURE__ */ new Date()).toLocaleDateString("en-US", {
@@ -1501,59 +1511,59 @@ function _r({
     year: "numeric"
   });
   if (!e) return null;
-  const dr = /* @__PURE__ */ w("div", { className: "multicoyn-sdk fixed inset-0 z-[9999] flex items-center justify-center", children: [
+  const dr = /* @__PURE__ */ w("div", { className: "multicoyn-sdk mc:fixed mc:inset-0 mc:z-[9999] mc:flex mc:items-center mc:justify-center", children: [
     /* @__PURE__ */ u(
       "div",
       {
-        className: "absolute inset-0 bg-black/60 backdrop-blur-sm",
+        className: "mc:absolute mc:inset-0 mc:bg-black/60 mc:backdrop-blur-sm",
         onClick: Q === "form" ? t : void 0
       }
     ),
-    Q === "processing" && /* @__PURE__ */ w("div", { className: "relative bg-dark-2 border border-border rounded-xl p-4 flex flex-col gap-5 items-center justify-center w-[400px] min-h-[280px] mx-4 animate-slide-in-right", children: [
+    Q === "processing" && /* @__PURE__ */ w("div", { className: "mc:relative mc:bg-dark-2 mc:border mc:border-border mc:rounded-xl mc:p-4 mc:flex mc:flex-col mc:gap-5 mc:items-center mc:justify-center mc:w-[400px] mc:min-h-[280px] mc:mx-4 animate-slide-in-right", children: [
       /* @__PURE__ */ u(Rr, { size: 134 }),
-      /* @__PURE__ */ w("div", { className: "flex flex-col gap-3 items-center w-[300px]", children: [
-        /* @__PURE__ */ w("div", { className: "relative w-[234px] h-1.5", children: [
-          /* @__PURE__ */ u("div", { className: "absolute inset-0 bg-dark-4 rounded-full" }),
+      /* @__PURE__ */ w("div", { className: "mc:flex mc:flex-col mc:gap-3 mc:items-center mc:w-[300px]", children: [
+        /* @__PURE__ */ w("div", { className: "mc:relative mc:w-[234px] mc:h-1.5", children: [
+          /* @__PURE__ */ u("div", { className: "mc:absolute mc:inset-0 mc:bg-dark-4 mc:rounded-full" }),
           /* @__PURE__ */ u(
             "div",
             {
-              className: "absolute left-0 top-0 h-full bg-secondary rounded-full transition-all duration-300",
+              className: "mc:absolute mc:left-0 mc:top-0 mc:h-full mc:bg-secondary mc:rounded-full mc:transition-all mc:duration-300",
               style: { width: `${Math.min(q, 100)}%` }
             }
           )
         ] }),
-        /* @__PURE__ */ u("p", { className: "text-sm text-white text-center", children: z }),
-        L.length > 0 && /* @__PURE__ */ w("div", { className: "text-xs text-white/60 text-center", children: [
+        /* @__PURE__ */ u("p", { className: "mc:text-sm mc:text-white mc:text-center", children: z }),
+        L.length > 0 && /* @__PURE__ */ w("div", { className: "mc:text-xs mc:text-white/60 mc:text-center", children: [
           "Approving: ",
           L.join(", ")
         ] })
       ] })
     ] }),
-    Q === "success" && /* @__PURE__ */ w("div", { className: "relative bg-dark-2 border border-border rounded-xl p-4 flex flex-col gap-8 items-start w-[380px] mx-4 animate-slide-in-right", children: [
-      /* @__PURE__ */ w("div", { className: "flex flex-col gap-6 items-center w-full", children: [
+    Q === "success" && /* @__PURE__ */ w("div", { className: "mc:relative mc:bg-dark-2 mc:border mc:border-border mc:rounded-xl mc:p-4 mc:flex mc:flex-col mc:gap-8 mc:items-start mc:w-[380px] mc:mx-4 animate-slide-in-right", children: [
+      /* @__PURE__ */ w("div", { className: "mc:flex mc:flex-col mc:gap-6 mc:items-center mc:w-full", children: [
         /* @__PURE__ */ u(Mr, { size: 95 }),
-        /* @__PURE__ */ u("div", { className: "flex flex-col items-center justify-center w-full", children: /* @__PURE__ */ w("div", { className: "flex flex-col gap-1 items-center text-white", children: [
-          /* @__PURE__ */ u("p", { className: "text-lg font-semibold", children: "Payment Success" }),
-          /* @__PURE__ */ u("p", { className: "text-sm", children: "Your payment has been successfully done." })
+        /* @__PURE__ */ u("div", { className: "mc:flex mc:flex-col mc:items-center mc:justify-center mc:w-full", children: /* @__PURE__ */ w("div", { className: "mc:flex mc:flex-col mc:gap-1 mc:items-center mc:text-white", children: [
+          /* @__PURE__ */ u("p", { className: "mc:text-lg mc:font-semibold", children: "Payment Success" }),
+          /* @__PURE__ */ u("p", { className: "mc:text-sm", children: "Your payment has been successfully done." })
         ] }) }),
-        /* @__PURE__ */ u("div", { className: "bg-dark-4 border border-white/10 rounded-lg py-3 px-0 w-[348px] flex flex-col items-center", children: /* @__PURE__ */ w("div", { className: "flex flex-col gap-2 w-[318px]", children: [
-          /* @__PURE__ */ u("p", { className: "text-xs text-white", children: "Order Details:" }),
-          /* @__PURE__ */ w("div", { className: "flex items-center gap-8 text-sm text-white w-full", children: [
-            /* @__PURE__ */ u("span", { className: "w-[85px]", children: "Item" }),
-            /* @__PURE__ */ u("span", { className: "flex-1 text-right", children: s[0]?.name || "Item" })
+        /* @__PURE__ */ u("div", { className: "mc:bg-dark-4 mc:border mc:border-white/10 mc:rounded-lg mc:py-3 mc:px-0 mc:w-[348px] mc:flex mc:flex-col mc:items-center", children: /* @__PURE__ */ w("div", { className: "mc:flex mc:flex-col mc:gap-2 mc:w-[318px]", children: [
+          /* @__PURE__ */ u("p", { className: "mc:text-xs mc:text-white", children: "Order Details:" }),
+          /* @__PURE__ */ w("div", { className: "mc:flex mc:items-center mc:gap-8 mc:text-sm mc:text-white mc:w-full", children: [
+            /* @__PURE__ */ u("span", { className: "mc:w-[85px]", children: "Item" }),
+            /* @__PURE__ */ u("span", { className: "mc:flex-1 mc:text-right", children: s[0]?.name || "Item" })
           ] }),
-          /* @__PURE__ */ w("div", { className: "flex items-center gap-8 text-white w-full", children: [
-            /* @__PURE__ */ u("span", { className: "text-sm w-[106px]", children: "Total Payment" }),
-            /* @__PURE__ */ w("span", { className: "flex-1 text-base font-semibold text-right", children: [
-              me(Ke),
+          /* @__PURE__ */ w("div", { className: "mc:flex mc:items-center mc:gap-8 mc:text-white mc:w-full", children: [
+            /* @__PURE__ */ u("span", { className: "mc:text-sm mc:w-[106px]", children: "Total Payment" }),
+            /* @__PURE__ */ w("span", { className: "mc:flex-1 mc:text-base mc:font-semibold mc:text-right", children: [
+              be(Ke),
               " ",
-              ye
+              me
             ] })
           ] })
         ] }) })
       ] }),
-      /* @__PURE__ */ u("div", { className: "h-px w-[320px] bg-white/20" }),
-      /* @__PURE__ */ w("div", { className: "flex flex-col gap-2 items-center justify-center w-full text-xs text-white px-5", children: [
+      /* @__PURE__ */ u("div", { className: "mc:h-px mc:w-[320px] mc:bg-white/20" }),
+      /* @__PURE__ */ w("div", { className: "mc:flex mc:flex-col mc:gap-2 mc:items-center mc:justify-center mc:w-full mc:text-xs mc:text-white mc:px-5", children: [
         /* @__PURE__ */ u("p", { children: ur() }),
         le && /* @__PURE__ */ u(
           "a",
@@ -1561,7 +1571,7 @@ function _r({
             href: `https://sepolia-blockscout.lisk.com/tx/${le}`,
             target: "_blank",
             rel: "noopener noreferrer",
-            className: "text-cyan hover:underline",
+            className: "mc:text-cyan hover:mc:underline",
             children: "View Transaction"
           }
         )
@@ -1570,40 +1580,40 @@ function _r({
         "button",
         {
           onClick: cr,
-          className: "w-full h-[42px] bg-secondary hover:bg-secondary/90 rounded-lg flex items-center justify-center text-sm font-semibold text-white transition-all",
+          className: "mc:w-full mc:h-[42px] mc:bg-secondary hover:mc:bg-secondary/90 mc:rounded-lg mc:flex mc:items-center mc:justify-center mc:text-sm mc:font-semibold mc:text-white mc:transition-all",
           children: "Back to Home"
         }
       )
     ] }),
-    Q === "form" && /* @__PURE__ */ w("div", { className: "relative bg-dark-2 border border-border rounded-xl p-4 flex flex-col gap-5 max-w-[1000px] w-full mx-4 max-h-[90vh] overflow-y-auto animate-slide-in-right", children: [
-      /* @__PURE__ */ w("div", { className: "flex items-center gap-4", children: [
-        /* @__PURE__ */ w("div", { className: "flex-1 flex flex-col gap-1", children: [
-          /* @__PURE__ */ u("h2", { className: "text-xl text-white font-normal", children: "Complete Payment" }),
-          /* @__PURE__ */ u("p", { className: "text-base text-white/70", children: "Choose how you want to pay (supports multi-token for wallets)" })
+    Q === "form" && /* @__PURE__ */ w("div", { className: "mc:relative mc:bg-dark-2 mc:border mc:border-border mc:rounded-xl mc:p-4 mc:flex mc:flex-col mc:gap-5 mc:max-w-[1000px] mc:w-full mc:mx-4 mc:max-h-[90vh] mc:overflow-y-auto animate-slide-in-right", children: [
+      /* @__PURE__ */ w("div", { className: "mc:flex mc:items-center mc:gap-4", children: [
+        /* @__PURE__ */ w("div", { className: "mc:flex-1 mc:flex mc:flex-col mc:gap-1", children: [
+          /* @__PURE__ */ u("h2", { className: "mc:text-xl mc:text-white mc:font-normal", children: "Complete Payment" }),
+          /* @__PURE__ */ u("p", { className: "mc:text-base mc:text-white/70", children: "Choose how you want to pay (supports multi-token for wallets)" })
         ] }),
         /* @__PURE__ */ u(
           "button",
           {
             onClick: t,
-            className: "text-white/60 hover:text-white transition-colors",
+            className: "mc:text-white/60 hover:mc:text-white mc:transition-colors",
             children: /* @__PURE__ */ u(Ir, { size: 26 })
           }
         )
       ] }),
-      /* @__PURE__ */ w("div", { className: "flex gap-5 flex-col lg:flex-row", children: [
-        /* @__PURE__ */ w("div", { className: "flex-1 flex flex-col gap-5", children: [
-          /* @__PURE__ */ w("div", { className: "bg-dark-4 rounded-md p-4 flex items-center gap-5", children: [
-            /* @__PURE__ */ u("span", { className: "text-base text-white/60 w-[340px]", children: "Total Required" }),
-            /* @__PURE__ */ w("span", { className: "text-xl font-bold text-white text-right flex-1", children: [
-              me(Ke),
+      /* @__PURE__ */ w("div", { className: "mc:flex mc:gap-5 mc:flex-col mc:lg:flex-row", children: [
+        /* @__PURE__ */ w("div", { className: "mc:flex-1 mc:flex mc:flex-col mc:gap-5", children: [
+          /* @__PURE__ */ w("div", { className: "mc:bg-dark-4 mc:rounded-md mc:p-4 mc:flex mc:items-center mc:gap-5", children: [
+            /* @__PURE__ */ u("span", { className: "mc:text-base mc:text-white/60 mc:w-[340px]", children: "Total Required" }),
+            /* @__PURE__ */ w("span", { className: "mc:text-xl mc:font-bold mc:text-white mc:text-right mc:flex-1", children: [
+              be(Ke),
               " ",
-              ye
+              me
             ] })
           ] }),
-          /* @__PURE__ */ w("div", { className: "flex items-center gap-5", children: [
-            /* @__PURE__ */ u("span", { className: "text-base text-white flex-1", children: "Use your tokens" }),
-            /* @__PURE__ */ w("div", { className: "bg-dark-4 rounded-md px-3 py-2 flex items-center gap-2", children: [
-              /* @__PURE__ */ u(kr, { size: 16, className: "text-white/60" }),
+          /* @__PURE__ */ w("div", { className: "mc:flex mc:items-center mc:gap-5", children: [
+            /* @__PURE__ */ u("span", { className: "mc:text-base mc:text-white mc:flex-1", children: "Use your tokens" }),
+            /* @__PURE__ */ w("div", { className: "mc:bg-dark-4 mc:rounded-md mc:px-3 mc:py-2 mc:flex mc:items-center mc:gap-2", children: [
+              /* @__PURE__ */ u(kr, { size: 16, className: "mc:text-white/60" }),
               /* @__PURE__ */ u(
                 "input",
                 {
@@ -1611,20 +1621,20 @@ function _r({
                   placeholder: "Search token or chain..",
                   value: S,
                   onChange: (g) => N(g.target.value),
-                  className: "bg-transparent border-none outline-none text-base text-white/60 placeholder:text-white/60"
+                  className: "mc:bg-transparent mc:border-none mc:outline-none mc:text-base mc:text-white/60 placeholder:mc:text-white/60"
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ w("div", { className: "bg-dark-3 rounded-md p-3 flex flex-col gap-4", children: [
-            /* @__PURE__ */ w("div", { className: "flex items-center gap-6", children: [
-              /* @__PURE__ */ w("div", { className: "flex-1 flex items-center gap-2", children: [
-                /* @__PURE__ */ u(Nr, { size: 16, className: "text-white/60" }),
-                /* @__PURE__ */ u("span", { className: "text-sm italic text-white", children: "Set the coins amount until 100%" }),
+          /* @__PURE__ */ w("div", { className: "mc:bg-dark-3 mc:rounded-md mc:p-3 mc:flex mc:flex-col mc:gap-4", children: [
+            /* @__PURE__ */ w("div", { className: "mc:flex mc:items-center mc:gap-6", children: [
+              /* @__PURE__ */ w("div", { className: "mc:flex-1 mc:flex mc:items-center mc:gap-2", children: [
+                /* @__PURE__ */ u(Nr, { size: 16, className: "mc:text-white/60" }),
+                /* @__PURE__ */ u("span", { className: "mc:text-sm mc:italic mc:text-white", children: "Set the coins amount until 100%" }),
                 /* @__PURE__ */ w(
                   "span",
                   {
-                    className: `bg-dark-4 rounded-full px-2 py-1 text-xs font-semibold ${K === 100 ? "text-cyan" : "text-warning"}`,
+                    className: `mc:bg-dark-4 mc:rounded-full mc:px-2 mc:py-1 mc:text-xs mc:font-semibold ${K === 100 ? "mc:text-cyan" : "mc:text-warning"}`,
                     children: [
                       K,
                       "/100%"
@@ -1632,17 +1642,17 @@ function _r({
                   }
                 )
               ] }),
-              /* @__PURE__ */ w("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ u("span", { className: "text-sm text-white", children: "Auto Optimize" }),
+              /* @__PURE__ */ w("div", { className: "mc:flex mc:items-center mc:gap-2", children: [
+                /* @__PURE__ */ u("span", { className: "mc:text-sm mc:text-white", children: "Auto Optimize" }),
                 /* @__PURE__ */ u(
                   "button",
                   {
                     onClick: ir,
-                    className: `w-7 h-4 rounded-full relative transition-colors ${D ? "bg-cyan" : "bg-white/40"}`,
+                    className: `mc:w-7 mc:h-4 mc:rounded-full mc:relative mc:transition-colors ${D ? "mc:bg-cyan" : "mc:bg-white/40"}`,
                     children: /* @__PURE__ */ u(
                       "div",
                       {
-                        className: `absolute top-0.5 size-3 rounded-full bg-white transition-transform ${D ? "translate-x-3.5" : "translate-x-0.5"}`
+                        className: `mc:absolute mc:top-0.5 mc:size-3 mc:rounded-full mc:bg-white mc:transition-transform ${D ? "mc:translate-x-3.5" : "mc:translate-x-0.5"}`
                       }
                     )
                   }
@@ -1663,7 +1673,7 @@ function _r({
             ))
           ] })
         ] }),
-        /* @__PURE__ */ u("div", { className: "w-full lg:w-[320px]", children: /* @__PURE__ */ u(
+        /* @__PURE__ */ u("div", { className: "mc:w-full mc:lg:w-[320px]", children: /* @__PURE__ */ u(
           Ur,
           {
             items: nr,
@@ -1677,7 +1687,7 @@ function _r({
         {
           onClick: or,
           disabled: K !== 100 || Ze || Ye,
-          className: `w-full lg:w-[620px] h-[42px] rounded-lg flex items-center justify-center text-sm font-semibold text-white transition-all ${K === 100 && !Ze && !Ye ? "bg-secondary hover:bg-secondary/90" : "bg-secondary/50 cursor-not-allowed"}`,
+          className: `mc:w-full mc:lg:w-[620px] mc:h-[42px] mc:rounded-lg mc:flex mc:items-center mc:justify-center mc:text-sm mc:font-semibold mc:text-white mc:transition-all ${K === 100 && !Ze && !Ye ? "mc:bg-secondary hover:mc:bg-secondary/90" : "mc:bg-secondary/50 mc:cursor-not-allowed"}`,
           children: Ye ? "Price data unavailable - Please wait" : Ze ? "Insufficient Balance" : K !== 100 ? `Complete to 100% (${K}%)` : "Pay with MultiCoyn"
         }
       )
@@ -2287,7 +2297,7 @@ function fs(e, t = !1) {
   }
   return [r, s];
 }
-const ps = (e, t, n) => e << n | t >>> 32 - n, ys = (e, t, n) => t << n | e >>> 32 - n, bs = (e, t, n) => t << n - 32 | e >>> 64 - n, ms = (e, t, n) => e << n - 32 | t >>> 64 - n;
+const ps = (e, t, n) => e << n | t >>> 32 - n, ms = (e, t, n) => t << n | e >>> 32 - n, ys = (e, t, n) => t << n - 32 | e >>> 64 - n, bs = (e, t, n) => e << n - 32 | t >>> 64 - n;
 function hs(e) {
   return e instanceof Uint8Array || ArrayBuffer.isView(e) && e.constructor.name === "Uint8Array";
 }
@@ -2344,28 +2354,28 @@ function Ss(e) {
   const t = (r) => e().update(pn(r)).digest(), n = e();
   return t.outputLen = n.outputLen, t.blockLen = n.blockLen, t.create = () => e(), t;
 }
-const As = BigInt(0), Ie = BigInt(1), $s = BigInt(2), Cs = BigInt(7), Is = BigInt(256), ks = BigInt(113), yn = [], bn = [], mn = [];
+const As = BigInt(0), Ie = BigInt(1), $s = BigInt(2), Cs = BigInt(7), Is = BigInt(256), ks = BigInt(113), mn = [], yn = [], bn = [];
 for (let e = 0, t = Ie, n = 1, r = 0; e < 24; e++) {
-  [n, r] = [r, (2 * n + 3 * r) % 5], yn.push(2 * (5 * r + n)), bn.push((e + 1) * (e + 2) / 2 % 64);
+  [n, r] = [r, (2 * n + 3 * r) % 5], mn.push(2 * (5 * r + n)), yn.push((e + 1) * (e + 2) / 2 % 64);
   let s = As;
   for (let i = 0; i < 7; i++)
     t = (t << Ie ^ (t >> Cs) * ks) % Is, t & $s && (s ^= Ie << (Ie << /* @__PURE__ */ BigInt(i)) - Ie);
-  mn.push(s);
+  bn.push(s);
 }
-const hn = fs(mn, !0), Ns = hn[0], Rs = hn[1], Ht = (e, t, n) => n > 32 ? bs(e, t, n) : ps(e, t, n), Wt = (e, t, n) => n > 32 ? ms(e, t, n) : ys(e, t, n);
+const hn = fs(bn, !0), Ns = hn[0], Rs = hn[1], Ht = (e, t, n) => n > 32 ? ys(e, t, n) : ps(e, t, n), Wt = (e, t, n) => n > 32 ? bs(e, t, n) : ms(e, t, n);
 function Ms(e, t = 24) {
   const n = new Uint32Array(10);
   for (let r = 24 - t; r < 24; r++) {
     for (let a = 0; a < 10; a++)
       n[a] = e[a] ^ e[a + 10] ^ e[a + 20] ^ e[a + 30] ^ e[a + 40];
     for (let a = 0; a < 10; a += 2) {
-      const o = (a + 8) % 10, c = (a + 2) % 10, d = n[c], l = n[c + 1], b = Ht(d, l, 1) ^ n[o], p = Wt(d, l, 1) ^ n[o + 1];
-      for (let y = 0; y < 50; y += 10)
-        e[a + y] ^= b, e[a + y + 1] ^= p;
+      const o = (a + 8) % 10, c = (a + 2) % 10, d = n[c], l = n[c + 1], y = Ht(d, l, 1) ^ n[o], p = Wt(d, l, 1) ^ n[o + 1];
+      for (let m = 0; m < 50; m += 10)
+        e[a + m] ^= y, e[a + m + 1] ^= p;
     }
     let s = e[2], i = e[3];
     for (let a = 0; a < 24; a++) {
-      const o = bn[a], c = Ht(s, i, o), d = Wt(s, i, o), l = yn[a];
+      const o = yn[a], c = Ht(s, i, o), d = Wt(s, i, o), l = mn[a];
       s = e[l], i = e[l + 1], e[l] = c, e[l + 1] = d;
     }
     for (let a = 0; a < 50; a += 10) {
@@ -2933,14 +2943,14 @@ function ni(e, t, { length: n, staticPosition: r }) {
     const a = ce(e.readBytes(it)), o = r + a, c = o + Yt;
     e.setPosition(o);
     const d = ce(e.readBytes(Yt)), l = Ne(t);
-    let b = 0;
+    let y = 0;
     const p = [];
-    for (let y = 0; y < d; ++y) {
-      e.setPosition(c + (l ? y * 32 : b));
+    for (let m = 0; m < d; ++m) {
+      e.setPosition(c + (l ? m * 32 : y));
       const [h, v] = Ee(e, t, {
         staticPosition: c
       });
-      b += v, p.push(h);
+      y += v, p.push(h);
     }
     return e.setPosition(r + 32), [p, 32];
   }
@@ -2996,10 +3006,10 @@ function ai(e, t, { staticPosition: n }) {
     for (let c = 0; c < t.components.length; ++c) {
       const d = t.components[c];
       e.setPosition(o + i);
-      const [l, b] = Ee(e, d, {
+      const [l, y] = Ee(e, d, {
         staticPosition: o
       });
-      i += b, s[r ? c : d?.name] = l;
+      i += y, s[r ? c : d?.name] = l;
     }
     return e.setPosition(n + 32), [s, 32];
   }
@@ -3114,14 +3124,14 @@ function pi(e) {
   return de(In, e);
 }
 const kn = /^event (?<name>[a-zA-Z$_][a-zA-Z0-9$_]*)\((?<parameters>.*?)\)$/;
-function yi(e) {
+function mi(e) {
   return kn.test(e);
 }
-function bi(e) {
+function yi(e) {
   return de(kn, e);
 }
 const Nn = /^function (?<name>[a-zA-Z$_][a-zA-Z0-9$_]*)\((?<parameters>.*?)\)(?: (?<scope>external|public{1}))?(?: (?<stateMutability>pure|view|nonpayable|payable{1}))?(?: returns\s?\((?<returns>.*?)\))?$/;
-function mi(e) {
+function bi(e) {
   return Nn.test(e);
 }
 function hi(e) {
@@ -3386,9 +3396,9 @@ const et = /* @__PURE__ */ new Map([
   ]
 ]);
 function Li(e, t = {}) {
-  if (mi(e))
+  if (bi(e))
     return Fi(e, t);
-  if (yi(e))
+  if (mi(e))
     return ji(e, t);
   if (fi(e))
     return zi(e, t);
@@ -3433,7 +3443,7 @@ function Fi(e, t = {}) {
   };
 }
 function ji(e, t = {}) {
-  const n = bi(e);
+  const n = yi(e);
   if (!n)
     throw new $e({ signature: e, type: "event" });
   const r = ne(n.parameters), s = [], i = r.length;
@@ -3490,9 +3500,9 @@ function we(e, t) {
   let c, d = {};
   if (r) {
     c = "tuple";
-    const b = ne(s.type), p = [], y = b.length;
-    for (let h = 0; h < y; h++)
-      p.push(we(b[h], { structs: o }));
+    const y = ne(s.type), p = [], m = y.length;
+    for (let h = 0; h < m; h++)
+      p.push(we(y[h], { structs: o }));
     d = { components: p };
   } else if (s.type in o)
     c = "tuple", d = { components: o[s.type] };
@@ -3564,8 +3574,8 @@ function Xi(e) {
     const c = gi(o);
     if (!c)
       throw new $e({ signature: o, type: "struct" });
-    const d = c.properties.split(";"), l = [], b = d.length;
-    for (let p = 0; p < b; p++) {
+    const d = c.properties.split(";"), l = [], y = d.length;
+    for (let p = 0; p < y; p++) {
       const h = d[p].trim();
       if (!h)
         continue;
@@ -3672,8 +3682,8 @@ function Mt(e) {
     if (!o.inputs || o.inputs.length === 0 || o.inputs.length !== n.length)
       continue;
     if (n.every((d, l) => {
-      const b = "inputs" in o && o.inputs[l];
-      return b ? ut(d, b) : !1;
+      const y = "inputs" in o && o.inputs[l];
+      return y ? ut(d, y) : !1;
     })) {
       if (a && "inputs" in a && a.inputs) {
         const d = jn(o.inputs, a.inputs, n);
@@ -3917,12 +3927,12 @@ function Wn(e) {
 `);
 }
 const pa = (e) => e, Kn = (e) => e;
-class ya extends f {
-  constructor(t, { account: n, docsPath: r, chain: s, data: i, gas: a, gasPrice: o, maxFeePerGas: c, maxPriorityFeePerGas: d, nonce: l, to: b, value: p, stateOverride: y }) {
+class ma extends f {
+  constructor(t, { account: n, docsPath: r, chain: s, data: i, gas: a, gasPrice: o, maxFeePerGas: c, maxPriorityFeePerGas: d, nonce: l, to: y, value: p, stateOverride: m }) {
     const h = n ? Dt(n) : void 0;
     let v = Wn({
       from: h?.address,
-      to: b,
+      to: y,
       value: typeof p < "u" && `${ua(p)} ${s?.nativeCurrency?.symbol || "ETH"}`,
       data: i,
       gas: a,
@@ -3931,8 +3941,8 @@ class ya extends f {
       maxPriorityFeePerGas: typeof d < "u" && `${he(d)} gwei`,
       nonce: l
     });
-    y && (v += `
-${fa(y)}`), super(t.shortMessage, {
+    m && (v += `
+${fa(m)}`), super(t.shortMessage, {
       cause: t,
       docsPath: r,
       metaMessages: [
@@ -3949,14 +3959,14 @@ ${fa(y)}`), super(t.shortMessage, {
     }), this.cause = t;
   }
 }
-class ba extends f {
+class ya extends f {
   constructor(t, { abi: n, args: r, contractAddress: s, docsPath: i, functionName: a, sender: o }) {
     const c = Mt({ abi: n, args: r, name: a }), d = c ? Vn({
       abiItem: c,
       args: r,
       includeFunctionName: !1,
       includeName: !1
-    }) : void 0, l = c ? Pe(c, { includeName: !0 }) : void 0, b = Wn({
+    }) : void 0, l = c ? Pe(c, { includeName: !0 }) : void 0, y = Wn({
       address: s && pa(s),
       function: l,
       args: d && d !== "()" && `${[...Array(a?.length ?? 0).keys()].map(() => " ").join("")}${d}`,
@@ -3967,8 +3977,8 @@ class ba extends f {
       docsPath: i,
       metaMessages: [
         ...t.metaMessages ? [...t.metaMessages, " "] : [],
-        b && "Contract Call:",
-        b
+        y && "Contract Call:",
+        y
       ].filter(Boolean),
       name: "ContractFunctionExecutionError"
     }), Object.defineProperty(this, "abi", {
@@ -4009,28 +4019,28 @@ class ba extends f {
     }), this.abi = n, this.args = r, this.cause = t, this.contractAddress = s, this.functionName = a, this.sender = o;
   }
 }
-class ma extends f {
+class ba extends f {
   constructor({ abi: t, data: n, functionName: r, message: s }) {
     let i, a, o, c;
     if (n && n !== "0x")
       try {
         a = aa({ abi: t, data: n });
-        const { abiItem: l, errorName: b, args: p } = a;
-        if (b === "Error")
+        const { abiItem: l, errorName: y, args: p } = a;
+        if (y === "Error")
           c = p[0];
-        else if (b === "Panic") {
-          const [y] = p;
-          c = ra[y];
+        else if (y === "Panic") {
+          const [m] = p;
+          c = ra[m];
         } else {
-          const y = l ? Pe(l, { includeName: !0 }) : void 0, h = l && p ? Vn({
+          const m = l ? Pe(l, { includeName: !0 }) : void 0, h = l && p ? Vn({
             abiItem: l,
             args: p,
             includeFunctionName: !1,
             includeName: !1
           }) : void 0;
           o = [
-            y ? `Error: ${y}` : "",
-            h && h !== "()" ? `       ${[...Array(b?.length ?? 0).keys()].map(() => " ").join("")}${h}` : ""
+            m ? `Error: ${m}` : "",
+            h && h !== "()" ? `       ${[...Array(y?.length ?? 0).keys()].map(() => " ").join("")}${h}` : ""
           ];
         }
       } catch (l) {
@@ -4231,13 +4241,13 @@ Object.defineProperty(He, "code", {
 });
 const Ta = 3;
 function va(e, { abi: t, address: n, args: r, docsPath: s, functionName: i, sender: a }) {
-  const o = e instanceof Yn ? e : e instanceof f ? e.walk((h) => "data" in h) || e.walk() : {}, { code: c, data: d, details: l, message: b, shortMessage: p } = o, y = e instanceof Pt ? new ha({ functionName: i }) : [Ta, Ve.code].includes(c) && (d || l || b || p) || c === He.code && l === "execution reverted" && d ? new ma({
+  const o = e instanceof Yn ? e : e instanceof f ? e.walk((h) => "data" in h) || e.walk() : {}, { code: c, data: d, details: l, message: y, shortMessage: p } = o, m = e instanceof Pt ? new ha({ functionName: i }) : [Ta, Ve.code].includes(c) && (d || l || y || p) || c === He.code && l === "execution reverted" && d ? new ba({
     abi: t,
     data: typeof d == "object" ? d.data : d,
     functionName: i,
-    message: o instanceof Zn ? l : p ?? b
+    message: o instanceof Zn ? l : p ?? y
   }) : e;
-  return new ba(y, {
+  return new ya(m, {
     abi: t,
     args: r,
     contractAddress: n,
@@ -4519,18 +4529,18 @@ Object.defineProperty(pt, "nodeMessage", {
   writable: !0,
   value: /nonce too low|transaction already imported|already known/
 });
-class yt extends f {
+class mt extends f {
   constructor({ cause: t, nonce: n } = {}) {
     super(`Nonce provided for the transaction ${n ? `(${n}) ` : ""}exceeds the maximum allowed nonce.`, { cause: t, name: "NonceMaxValueError" });
   }
 }
-Object.defineProperty(yt, "nodeMessage", {
+Object.defineProperty(mt, "nodeMessage", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
   value: /nonce has max value/
 });
-class bt extends f {
+class yt extends f {
   constructor({ cause: t } = {}) {
     super([
       "The total cost (gas * gas fee + value) of executing this transaction exceeds the balance of the account."
@@ -4551,13 +4561,13 @@ class bt extends f {
     });
   }
 }
-Object.defineProperty(bt, "nodeMessage", {
+Object.defineProperty(yt, "nodeMessage", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
   value: /insufficient funds|exceeds transaction sender account balance/
 });
-class mt extends f {
+class bt extends f {
   constructor({ cause: t, gas: n } = {}) {
     super(`The amount of gas ${n ? `(${n}) ` : ""}provided for the transaction exceeds the limit allowed for the block.`, {
       cause: t,
@@ -4565,7 +4575,7 @@ class mt extends f {
     });
   }
 }
-Object.defineProperty(mt, "nodeMessage", {
+Object.defineProperty(bt, "nodeMessage", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
@@ -4638,7 +4648,7 @@ function Oa(e, t) {
   }) : lt.nodeMessage.test(n) ? new lt({
     cause: e,
     maxFeePerGas: t?.maxFeePerGas
-  }) : ft.nodeMessage.test(n) ? new ft({ cause: e, nonce: t?.nonce }) : pt.nodeMessage.test(n) ? new pt({ cause: e, nonce: t?.nonce }) : yt.nodeMessage.test(n) ? new yt({ cause: e, nonce: t?.nonce }) : bt.nodeMessage.test(n) ? new bt({ cause: e }) : mt.nodeMessage.test(n) ? new mt({ cause: e, gas: t?.gas }) : ht.nodeMessage.test(n) ? new ht({ cause: e, gas: t?.gas }) : gt.nodeMessage.test(n) ? new gt({ cause: e }) : _e.nodeMessage.test(n) ? new _e({
+  }) : ft.nodeMessage.test(n) ? new ft({ cause: e, nonce: t?.nonce }) : pt.nodeMessage.test(n) ? new pt({ cause: e, nonce: t?.nonce }) : mt.nodeMessage.test(n) ? new mt({ cause: e, nonce: t?.nonce }) : yt.nodeMessage.test(n) ? new yt({ cause: e }) : bt.nodeMessage.test(n) ? new bt({ cause: e, gas: t?.gas }) : ht.nodeMessage.test(n) ? new ht({ cause: e, gas: t?.gas }) : gt.nodeMessage.test(n) ? new gt({ cause: e }) : _e.nodeMessage.test(n) ? new _e({
     cause: e,
     maxFeePerGas: t?.maxFeePerGas,
     maxPriorityFeePerGas: t?.maxPriorityFeePerGas
@@ -4651,7 +4661,7 @@ function Ba(e, { docsPath: t, ...n }) {
     const s = Oa(e, n);
     return s instanceof qn ? e : s;
   })();
-  return new ya(r, {
+  return new ma(r, {
     docsPath: t,
     ...n
   });
@@ -4703,16 +4713,16 @@ function _a({ fn: e, id: t, shouldSplitBatch: n, wait: r = 0, sort: s }) {
   const i = async () => {
     const l = c();
     a();
-    const b = l.map(({ args: p }) => p);
-    b.length !== 0 && e(b).then((p) => {
+    const y = l.map(({ args: p }) => p);
+    y.length !== 0 && e(y).then((p) => {
       s && Array.isArray(p) && p.sort(s);
-      for (let y = 0; y < l.length; y++) {
-        const { resolve: h } = l[y];
-        h?.([p[y], p]);
+      for (let m = 0; m < l.length; m++) {
+        const { resolve: h } = l[m];
+        h?.([p[m], p]);
       }
     }).catch((p) => {
-      for (let y = 0; y < l.length; y++) {
-        const { reject: h } = l[y];
+      for (let m = 0; m < l.length; m++) {
+        const { reject: h } = l[m];
         h?.(p);
       }
     });
@@ -4720,8 +4730,8 @@ function _a({ fn: e, id: t, shouldSplitBatch: n, wait: r = 0, sort: s }) {
   return {
     flush: a,
     async schedule(l) {
-      const { promise: b, resolve: p, reject: y } = za();
-      return n?.([...o(), l]) && i(), c().length > 0 ? (d({ args: l, resolve: p, reject: y }), b) : (d({ args: l, resolve: p, reject: y }), setTimeout(i, r), b);
+      const { promise: y, resolve: p, reject: m } = za();
+      return n?.([...o(), l]) && i(), c().length > 0 ? (d({ args: l, resolve: p, reject: m }), y) : (d({ args: l, resolve: p, reject: m }), setTimeout(i, r), y);
     }
   };
 }
@@ -4778,20 +4788,20 @@ function Wa(e) {
     throw new _e({ maxFeePerGas: n, maxPriorityFeePerGas: r });
 }
 async function Ka(e, t) {
-  const { account: n = e.account, authorizationList: r, batch: s = !!e.batch?.multicall, blockNumber: i, blockTag: a = e.experimental_blockTag ?? "latest", accessList: o, blobs: c, blockOverrides: d, code: l, data: b, factory: p, factoryData: y, gas: h, gasPrice: v, maxFeePerBlobGas: P, maxFeePerGas: T, maxPriorityFeePerGas: m, nonce: x, to: S, value: N, stateOverride: D, ...J } = t, Q = n ? Dt(n) : void 0;
-  if (l && (p || y))
+  const { account: n = e.account, authorizationList: r, batch: s = !!e.batch?.multicall, blockNumber: i, blockTag: a = e.experimental_blockTag ?? "latest", accessList: o, blobs: c, blockOverrides: d, code: l, data: y, factory: p, factoryData: m, gas: h, gasPrice: v, maxFeePerBlobGas: P, maxFeePerGas: T, maxPriorityFeePerGas: b, nonce: x, to: S, value: N, stateOverride: D, ...J } = t, Q = n ? Dt(n) : void 0;
+  if (l && (p || m))
     throw new f("Cannot provide both `code` & `factory`/`factoryData` as parameters.");
   if (l && S)
     throw new f("Cannot provide both `code` & `to` as parameters.");
-  const H = l && b, q = p && y && S && b, U = H || q, le = H ? er({
+  const H = l && y, q = p && m && S && y, U = H || q, le = H ? er({
     code: l,
-    data: b
+    data: y
   }) : q ? Xa({
-    data: b,
+    data: y,
     factory: p,
-    factoryData: y,
+    factoryData: m,
     to: S
-  }) : b;
+  }) : y;
   try {
     Wa(t);
     const L = (typeof i == "bigint" ? I(i) : void 0) || a, M = d ? ka(d) : void 0, z = Va(D), W = e.chain?.formatters?.transactionRequest?.format, R = (W || Fa)({
@@ -4806,7 +4816,7 @@ async function Ka(e, t) {
       gasPrice: v,
       maxFeePerBlobGas: P,
       maxFeePerGas: T,
-      maxPriorityFeePerGas: m,
+      maxPriorityFeePerGas: b,
       nonce: x,
       to: U ? void 0 : S,
       value: N
@@ -4828,13 +4838,13 @@ async function Ka(e, t) {
         L
       ];
       return z && M ? [...ee, z, M] : z ? [...ee, z] : M ? [...ee, {}, M] : ee;
-    })(), ye = await e.request({
+    })(), me = await e.request({
       method: "eth_call",
       params: K
     });
-    return ye === "0x" ? { data: void 0 } : { data: ye };
+    return me === "0x" ? { data: void 0 } : { data: me };
   } catch ($) {
-    const L = Ja($), { offchainLookup: M, offchainLookupSignature: z } = await import("./ccip-Piyq8VMB.js");
+    const L = Ja($), { offchainLookup: M, offchainLookupSignature: z } = await import("./ccip-BamGZKKI.js");
     if (e.ccipRead !== !1 && L?.slice(0, 10) === z && S)
       return { data: await M(e, { data: L, to: S }) };
     throw U && L?.slice(0, 10) === "0x101bb98d" ? new ga({ factory: p }) : Ba($, {
@@ -4861,11 +4871,11 @@ async function Za(e, t) {
         contract: "multicall3"
       });
     throw new Gn();
-  })(), b = (typeof i == "bigint" ? I(i) : void 0) || a, { schedule: p } = _a({
-    id: `${e.uid}.${b}`,
+  })(), y = (typeof i == "bigint" ? I(i) : void 0) || a, { schedule: p } = _a({
+    id: `${e.uid}.${y}`,
     wait: s,
     shouldSplitBatch(v) {
-      return v.reduce((T, { data: m }) => T + (m.length - 2), 0) > n * 2;
+      return v.reduce((T, { data: b }) => T + (b.length - 2), 0) > n * 2;
     },
     fn: async (v) => {
       const P = v.map((x) => ({
@@ -4876,7 +4886,7 @@ async function Za(e, t) {
         abi: Ut,
         args: [P],
         functionName: "aggregate3"
-      }), m = await e.request({
+      }), b = await e.request({
         method: "eth_call",
         params: [
           {
@@ -4887,20 +4897,20 @@ async function Za(e, t) {
               })
             } : { to: d, data: T }
           },
-          b
+          y
         ]
       });
       return zn({
         abi: Ut,
         args: [P],
         functionName: "aggregate3",
-        data: m || "0x"
+        data: b || "0x"
       });
     }
-  }), [{ returnData: y, success: h }] = await p({ data: o, to: c });
+  }), [{ returnData: m, success: h }] = await p({ data: o, to: c });
   if (!h)
-    throw new Yn({ data: y });
-  return y === "0x" ? { data: void 0 } : { data: y };
+    throw new Yn({ data: m });
+  return m === "0x" ? { data: void 0 } : { data: m };
 }
 function er(e) {
   const { code: t, data: n } = e;
@@ -4983,7 +4993,7 @@ function to() {
     address: O.PAYMENT_ROUTER,
     abi: De,
     functionName: "paused"
-  }), b = async (h, v) => {
+  }), y = async (h, v) => {
     try {
       return await eo(t, {
         address: h,
@@ -5000,7 +5010,7 @@ function to() {
     if (h === "0x0000000000000000000000000000000000000000")
       return null;
     try {
-      return await b(h, e) >= v ? (console.log(
+      return await y(h, e) >= v ? (console.log(
         `Sufficient allowance for ${h}, skipping approval`
       ), null) : (console.log(`Requesting infinite approval for ${h}`), await n({
         address: h,
@@ -5019,7 +5029,7 @@ function to() {
       tokens: v,
       totalAmountUSD: P,
       settleInIDR: T,
-      target: m,
+      target: b,
       callData: x
     }) => {
       if (!e)
@@ -5048,7 +5058,7 @@ function to() {
             throw new Error(`Failed to approve ${L.symbol}: ${M}`);
           }
       }
-      const q = BigInt(Math.floor(P * Or)), U = m || "0x0000000000000000000000000000000000000000", le = x || "0x";
+      const q = BigInt(Math.floor(P * Or)), U = b || "0x0000000000000000000000000000000000000000", le = x || "0x";
       return await n({
         address: O.PAYMENT_ROUTER,
         abi: De,
@@ -5083,28 +5093,28 @@ function Be(e) {
   });
   return {
     // Write functions
-    transfer: (T, m) => {
+    transfer: (T, b) => {
       n({
         address: e,
         abi: te,
         functionName: "transfer",
-        args: [T, m]
+        args: [T, b]
       });
     },
-    approve: (T, m) => {
+    approve: (T, b) => {
       n({
         address: e,
         abi: te,
         functionName: "approve",
-        args: [T, m]
+        args: [T, b]
       });
     },
-    transferFrom: (T, m, x) => {
+    transferFrom: (T, b, x) => {
       n({
         address: e,
         abi: te,
         functionName: "transferFrom",
-        args: [T, m, x]
+        args: [T, b, x]
       });
     },
     // Read hooks
@@ -5129,21 +5139,21 @@ function Be(e) {
       functionName: "totalSupply"
     }),
     useBalanceOf: (T) => {
-      const m = T || t;
+      const b = T || t;
       return j({
         address: e,
         abi: te,
         functionName: "balanceOf",
-        args: m ? [m] : void 0,
-        query: { enabled: !!m }
+        args: b ? [b] : void 0,
+        query: { enabled: !!b }
       });
     },
-    useAllowance: (T, m) => j({
+    useAllowance: (T, b) => j({
       address: e,
       abi: te,
       functionName: "allowance",
-      args: T && m ? [T, m] : void 0,
-      query: { enabled: !!(T && m) }
+      args: T && b ? [T, b] : void 0,
+      query: { enabled: !!(T && b) }
     }),
     // Transaction state
     hash: r,
@@ -5156,14 +5166,14 @@ function Be(e) {
 function no() {
   const { address: e } = Ge(), { data: t, isLoading: n } = gr({
     address: e
-  }), r = Be(E.USDC), s = Be(E.USDT), i = Be(E.DAI), a = Be(E.WBTC), { data: o, isLoading: c } = r.useBalanceOf(e), { data: d, isLoading: l } = s.useBalanceOf(e), { data: b, isLoading: p } = i.useBalanceOf(e), { data: y, isLoading: h } = a.useBalanceOf(e);
+  }), r = Be(E.USDC), s = Be(E.USDT), i = Be(E.DAI), a = Be(E.WBTC), { data: o, isLoading: c } = r.useBalanceOf(e), { data: d, isLoading: l } = s.useBalanceOf(e), { data: y, isLoading: p } = i.useBalanceOf(e), { data: m, isLoading: h } = a.useBalanceOf(e);
   return {
     balances: {
       ETH: t ? parseFloat(Ce(t.value, 18)) : 0,
       USDC: o ? parseFloat(Ce(o, 6)) : 0,
       USDT: d ? parseFloat(Ce(d, 6)) : 0,
-      DAI: b ? parseFloat(Ce(b, 18)) : 0,
-      WBTC: y ? parseFloat(Ce(y, 8)) : 0
+      DAI: y ? parseFloat(Ce(y, 18)) : 0,
+      WBTC: m ? parseFloat(Ce(m, 8)) : 0
     },
     isLoading: !e || n || c || l || p || h
   };
@@ -5183,10 +5193,10 @@ function ro() {
     error: d
   } = e.useGetTokenPrice(E.USDT), {
     data: l,
-    isLoading: b,
+    isLoading: y,
     error: p
   } = e.useGetTokenPrice(E.DAI), {
-    data: y,
+    data: m,
     isLoading: h,
     error: v
   } = e.useGetTokenPrice(E.WBTC), P = 1e8, T = (x) => {
@@ -5207,16 +5217,16 @@ function ro() {
     }
   };
   r && console.error("ETH price error:", r), a && console.error("USDC price error:", a), d && console.error("USDT price error:", d), p && console.error("DAI price error:", p), v && console.error("WBTC price error:", v);
-  const m = {
+  const b = {
     ETH: T(t),
     USDC: T(s) || 1,
     USDT: T(o) || 1,
     DAI: T(l) || 1,
-    WBTC: T(y)
+    WBTC: T(m)
   };
-  return console.log("Converted prices:", m), {
-    prices: m,
-    isLoading: n || i || c || b || h,
+  return console.log("Converted prices:", b), {
+    prices: b,
+    isLoading: n || i || c || y || h,
     errors: {
       ETH: r,
       USDC: a,
@@ -5268,7 +5278,7 @@ function Io({
   className: i = "",
   children: a
 }) {
-  const { isConnected: o } = Ge(), { connect: c, connectors: d } = wr(), l = n?.currency ?? "USD", b = n?.target, p = n?.callData, y = io(t), [h, v] = V(!1), [P, T] = V([]), m = vt(), { balances: x, isLoading: S } = no(), { prices: N, isLoading: D } = ro(), { data: J } = m.useGetTokenPrice(E.IDRX), { executePayment: Q, isConfirmed: H, hash: q, error: U, isPending: le, isConfirming: $ } = to(), M = (() => {
+  const { isConnected: o } = Ge(), { connect: c, connectors: d } = wr(), l = n?.currency ?? "USD", y = n?.target, p = n?.callData, m = io(t), [h, v] = V(!1), [P, T] = V([]), b = vt(), { balances: x, isLoading: S } = no(), { prices: N, isLoading: D } = ro(), { data: J } = b.useGetTokenPrice(E.IDRX), { executePayment: Q, isConfirmed: H, hash: q, error: U, isPending: le, isConfirming: $ } = to(), M = (() => {
     if (!J) return 1 / 15600;
     if (Array.isArray(J) && J.length >= 1) {
       const R = J[0];
@@ -5276,7 +5286,7 @@ function Io({
         return Number(R) / so;
     }
     return 1 / 15600;
-  })(), z = l === "IDR" ? y * M : y, W = () => {
+  })(), z = l === "IDR" ? m * M : m, W = () => {
     o ? v(!0) : c({ connector: d[0] });
   }, re = async (R) => {
     try {
@@ -5285,12 +5295,12 @@ function Io({
         tokens: R,
         totalAmountUSD: z,
         settleInIDR: l === "IDR",
-        target: b,
+        target: y,
         callData: p
       });
     } catch (K) {
-      const ye = qt(K);
-      s?.(ye);
+      const me = qt(K);
+      s?.(me);
     }
   };
   return ve(() => {
@@ -5387,7 +5397,7 @@ function Io({
       {
         onClick: W,
         disabled: S || D,
-        className: `bg-secondary hover:bg-secondary/90 text-white font-semibold py-3 px-6 rounded-lg transition-all disabled:opacity-50 disabled:cursor-not-allowed ${i}`,
+        className: `mc:bg-secondary hover:mc:bg-secondary/90 mc:text-white mc:font-semibold mc:py-3 mc:px-6 mc:rounded-lg mc:transition-all disabled:mc:opacity-50 disabled:mc:cursor-not-allowed ${i}`,
         children: a || (o ? "Pay with MultiCoyn" : "Connect Wallet to Pay")
       }
     ),
@@ -5438,7 +5448,7 @@ const ao = Pr({
 function ko({ children: e }) {
   return /* @__PURE__ */ u(xr, { config: oo, children: /* @__PURE__ */ u(Sr, { client: co, children: /* @__PURE__ */ u(Cr, { children: e }) }) });
 }
-const tr = br(
+const tr = yr(
   void 0
 );
 function No({
@@ -5451,7 +5461,7 @@ function No({
   return /* @__PURE__ */ u(tr.Provider, { value: { config: n, updateConfig: s }, children: e });
 }
 function Ro() {
-  const e = mr(tr);
+  const e = br(tr);
   if (!e)
     throw new Error("usePaymentConfig must be used within PaymentProvider");
   return e;