npm - @kimafinance/kima-transaction-widget - Versions diffs - 1.4.7 → 1.4.9 - Mend

@kimafinance/kima-transaction-widget 1.4.7 → 1.4.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/dist/index.cjs +1042 -511
package/dist/index.cjs.map +1 -1
package/dist/index.js +906 -375
package/dist/index.js.map +1 -1
package/dist/metafile-cjs.json +1 -1
package/dist/metafile-esm.json +1 -1
package/package.json +1 -1
package/dist/assets/Manrope-ExtraLight-47OLGDTA.woff +0 -0
package/dist/assets/Manrope-ExtraLight-6BGXUBPE.woff2 +0 -0
package/dist/assets/Manrope-ExtraLight-6KZAMPI7.eot +0 -0
package/dist/assets/SohneBreit-Buch-FPHQDKKW.woff +0 -0
package/dist/assets/SohneBreit-Buch-UDQP3HAK.woff2 +0 -0
package/dist/assets/SohneBreit-Buch-VTQ4XGFE.eot +0 -0
package/dist/index.css +0 -3519
package/dist/index.css.map +0 -1

package/dist/index.cjs CHANGED Viewed

@@ -45,9 +45,10 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 // src/KimaProvider.tsx
-var React48 = __toESM(require("react"), 1);
-var import_react59 = require("react");
+var React50 = __toESM(require("react"), 1);
+var import_react61 = require("react");
 var import_react_redux19 = require("react-redux");
+var import_react_query13 = require("@tanstack/react-query");
 // src/store/index.tsx
 var import_toolkit2 = require("@reduxjs/toolkit");
@@ -232,7 +233,7 @@ var Arrow_default = Arrow;
 // src/assets/icons/Lock.tsx
 var import_react8 = __toESM(require("react"), 1);
-var Lock = ({ width = 24, height = 27, fill = "none", ...rest }) => {
+var Lock = ({ width = 24, height = 24, fill = "none", ...rest }) => {
   return /* @__PURE__ */ import_react8.default.createElement(
     "svg",
     {
@@ -1436,6 +1437,308 @@ var CFX = ({ width = 30, height = 30, ...rest }) => {
 };
 var CFX_default = CFX;
+// src/assets/icons/EURC.tsx
+var import_react41 = __toESM(require("react"), 1);
+var EURC = ({ width = 100, height = 100, ...rest }) => {
+  return /* @__PURE__ */ import_react41.default.createElement(
+    "svg",
+    {
+      width,
+      height,
+      viewBox: "0 0 100 100",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      xlinkHref: "http://www.w3.org/1999/xlink"
+    },
+    /* @__PURE__ */ import_react41.default.createElement(
+      "path",
+      {
+        d: "M50 100C77.7085 100 100 77.7085 100 50C100 22.2915 77.7085 0 50 0C22.2915 0 0 22.2915 0 50C0 77.7085 22.2915 100 50 100Z",
+        fill: "#2775CA"
+      }
+    ),
+    /* @__PURE__ */ import_react41.default.createElement("rect", { width: "100", height: "100", fill: "url(#pattern0_1506_393)" }),
+    /* @__PURE__ */ import_react41.default.createElement("defs", null, /* @__PURE__ */ import_react41.default.createElement(
+      "pattern",
+      {
+        id: "pattern0_1506_393",
+        patternContentUnits: "objectBoundingBox",
+        width: "1",
+        height: "1"
+      },
+      /* @__PURE__ */ import_react41.default.createElement("use", { xlinkHref: "#image0_1506_393", transform: "scale(0.005)" })
+    ), /* @__PURE__ */ import_react41.default.createElement(
+      "image",
+      {
+        id: "image0_1506_393",
+        width: "200",
+        height: "200",
+        preserveAspectRatio: "none",
+        xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAPH0lEQVR4Xu2dP44sSRGH9wJcAgnN4wDcgBOszSnQe2OiZ2LhcoFBHAHhg9DMrjAWY611AAeDdXad1UoMEz2T83p+WdWdGRn/Mis+6ZNW+6ajqrszKjMjs6o/+yxR5eb2Lz95d/vw+c2Hh7ub9/ffvfrh4bHbl9e+u73/+LPbv/2cYuPxkiQkz4lw/5Hd+CU8Jc9TMmbiJJ5QA7y5/eLLqoFGlc41kybR4nRV9uwZpH16LzREw/eZJM2cxvjYsFY0kyVp5YYm0tiADibNo/BzSQ7MaWK90VBSSpaHz/HzSg7CUnMKbZ8m+fj5JQtymldkYoyZ1bD1yGGUvDn8WoDDVKIczQrYhGSPYW/2KBOQPYa/2aMEBb+o1NH399/h95M4UX05aSjx+0qMeNlCXn0haTxzfmIMfgHpHOL3mAiTvcb85iReCfyg07nF7zcZAD/cdA3xe046yX1TBzA3QvKoPsh0afH7Ty6AH156DLEdJEBuFUlzO/0OucEwLebCIjDVI3RSK++wnRySjQ8mTZ89+qbH6gNJ0w2x3RwC/BDS9JLYfpYG3/xs/u5P/3786p/fP/7yt19V/xZNOkc6Vzpn/LepPMpwq3rjk/iv//7wuAU1PvzbKH77/Y94uicin/M1sT0tBb7Z6P7iN39//OHH/2H7qvjpr++r13pL53QNSnp6j/ja6GK7WgJ8k5F9/8dvsC1dJGKC/Or3X+NpXoT+HmOEdbX9W7Osc7T0FluskCCFWYZfyzxDeIYV8j//41tsJ12slCAF6kUxZjSnX3GPvreqdyi1x4oJUgg/9Jp571b1ZoIo1XgKKydIIXJJG9vdFOCbiOJeuXaEIyQIQUNRPE4Usf2FBk8+ghoNpnCUBClE7U2wHYYkYsVKGzxeBFvWQUbBYwYw/g7gjZN2kxbBtIlcFuWWrXvAY3qL7TEUeLKe/uGv/8HvUgU8bjQtiFYSxnYZAjxJT7WhPU4zbdGgOcPevixJ8LieYvt0JdITDzWhRobHm03tYRcez81I6yPVyTlIV0ktpt8qvqHmEDRK74rt1AU8KQ+lVsSRKF+0plrl4Cgr8NheTYkwtKKruzS0mIjHWVkqCWvMUSJM3l0flo0nY+3oJkNkhTnGqNJzlAhJgu3WBDwJa6WTA+MfWen5nHuSeNyuW52EoZITTLpiRtwqEkFJvJME268qeHBLJSfk3l/aDEpejLwn7tiOVfC+x0OK7DX6lALjmmqxNlId1FApMG7aphQY11Jsz6J43j4rwYoLftZKFUcwrpWqZV88mJUSRL7ZZzZpB/MoniV1bNcieM09JBYCs+eQV6IncZu0a8xFqoMYKFGxysm4nhL323jdnYjtewivuccoWcbVV6IMjDEtFJ2LYHALR8lhlZ2jwy1arMWYFmI7Z+Ex9xjdYerVbR/Z0eGwy85piblIFVTZ0YcNzLwTl947JTddIEhqdOW/qQFFn0+NbnTEeBZie+8GA2o7CsaL7MjQhBpjxJ5yFIynLbb3Lqwf4TM6tMJ40dS674LAY3k6gvVQa+gh2BhM2xGiDz8kqj3XiLIYOjpMxnjaYrtvwrq0O9J7RC7nSix09hLh8xgZPloPHVklXwyiLZcoV01UYhFtFO9edeQ5yBhLVc4NVVUQRaf5IBuNkBwFPDdruVivY2H7v4j18IqL9YSuxZGhohaePcnI54GxNO0aZuGLNeX2Hl6rr5eU2OWqBZ6rpVyosIGxNMU82AVfqCkXz6viltIPOtAAz9lSLhhHU8yDTSy3lnC7X+vxaYuzgOdtJbeqZTqMbtl6Ur1IUS4Yx1sNaEGRhp/SC4ueJWAuGEdTzIcKfIGW3CGJ9bj0mlJc+52Rsk9LAq/hKXeOZtmLYD68wXJ4xQXjeCqxCMhNeG5xo4DxrOSCcdS8NMyiBZPqBUpy4DYmDUe3UxAYkyMXr9tdub0IxlHz0qJh9cdKcq+8GMdT7hddwHhcRxYlMZaVHCy3n2BevIJ/qCWHSL3HSKPUeJoHtzfDOFZyLy4YR0vMixM09sI/1JIDxvB0BIwlaQ+WV2Q0fEJvzUOs7v3grH1EWzXnol09ar2jL8I6Egerahb97g3mR+jhldUH02JrI0Ssdh3vEe0p9qHnoVsT9eqPlOSAMTzlgnG0xOFLpLkbygFjaIn5YZIgsw+vuAt1Hj0gJUqkHmNLDlZzp7fJYTRB5+BVr9+SC8ZJn+XehoxxNHyTIFY/xskBY3iJQ5dWrK54M8r9TDGOiueVLKsV9F401gy4hp5UTiwHjKHk3acEqf9RXM743XPnKcoh0vwpqpxt8CZzuvNKVvWPCnJWTzGGljQWviYH+vIxDlfqwUwahoO9WF04TROEA8aQljsG9mTFJOGAMTR8To7AFSyMIe2s4PuYXQ4YQ8NTgljdA9KL9kOoZwbfy+xy7prEGCpSJcviET+coYzmOJOzYBkFqy0rlnIm6hhDw9OjgCxKvJzt4RhD0pnB97KC0dpH8fRga4sE4ZR4MYaUM4PvZSV7MSlWUKm3+p8KUpmyF4whIXexLwImDcLRXkx2KFglSJRJGGesG4EV5x1oL3TRxRjiWiUIB4whIadYEAF8Hyvai3aV8+TREoSkJOHe9GTNEXqOIgeMoWHIBIm0h4lTYTHp/heTA8bQMGSCRNrFy6nARbjnezZ7sbqIZoJcMRPERs6wF2NoGDJBTCZgjWaC2JgJ0sHsCZJzkH4zQTrIBDmemSAdWM5BZlo8jHThkJYDxtAwZIJYVShm3NW7au/EAWNoGDJBCIwhLWd9Iwr4XlaQA8YQ94gr6cWZwfeygr1c+0UuEU8JYrDdPcpmxSLnfKKw6q7eXkyGmlYJEmW7OznjvKOw8t6sXiy2u59umLK45ZZTKsUYEs4871i5gkX2YtKT0j3pFg9t4DRMjCEh59lcUcD3spJR2kclJUjUx/5oPLSBYs6IydXSUc5aFMbQMPSD47SGFLNN0FeedxTDrqJHThACY0hJcyLqTXrkQMUJjNNj9N/3kJIDxtDwsAnCkQvGSWs5YAxx3zy82qDUG3Wc2Sq3F8E46Vs5zwmw+FGlU4m3YPEDOpxSr8UH0SrniyQosTBW+knOGplJ0QJ/Crr6AwV7sdzV2yIXjGPhDL9RSHLAGBq+SY6oCUJgDE859XrCsifc6uksj98rB4yhIeZH2ASJ9uVywThaXipjW2zP6JEzvCIwjoaYHyYJssJEl7sabzFcbN1nZrITtkEOVkmO+UEJcod/pCEHjOHp1hCmFe0vtxd8vbUcMIaGVLTC/Ai75YQwqVp0OALGkpJ2HvSCMSyNPJrA3HgF/1DD1mEAgnG8HQFjjRq5se3JwepCiXnxCv6hlhwwhrejP6UgVYLl9ByE9/oMB4yhJebFKxYr6iSHiA9jG2U0SbgFAwJjWco9b4yj4u0XX2JevGI1D+FefTGOt9zh4jm0k7U3UbhDqsKMvYdZuR9X0JHqBUpyiFKePPfSukMvtF9tK1no/1ED4Q6nztG6jaBV7ueFcbTEfKiIPMwiME4EZwLP3VouGEfF8x28e1gNs7jDk4hzEXIGtNdhrsmde1hVr64OrwrVC5XkgnGiGJkIdyZywThaYh7sgi/UkjvZ9J5k7sntFbWhcf/W3MZSzv1AhGWvh3mwi8X9IUUuGCeKI1tRNLB6zvE1uWAcNVuHV4UqgJLcHZ0ExopkBLwrVkUuZqXdDx29RwEDaMrFbPLGkHoSbklTgijFjJFhJ8bSFNv/VSyHWSP1fYwVTe5NViPgOXjKxeTZu8Xe4VWhCqQoF4v7LCTk3JPfi+WEtkXO864KGEtTbPfN3BjdI0JyK1pE1KrWltxtNpcwvdo2OjK3tEz0zXs/esCAmo6AsWZw5KJAieZdur3kCBhLU2zv3WBATUfH6xhvRqnR0+dAV1EyciFiy9EyN8ZTtWVryTWstp4UR8F4qa2jYDxNsa2zwcCajl6BIu74PYojk3IC46kq0XsULEu+5OhQK+KkdXW5GxELGE9dbml3j+oAyo4yU2VrdkcqVoTHdhhs38NYz0XIUSy3KhxVibI1xlRXuvcoVAdSdnSoRWRPoueUyfFBofcoWPyeITrafROZJPJO+71o9R6F6oAGSpATdzlHJ+SEx7yDxPYsjsdchJQgyvbvmR0t5RYwroXYltXAA1soMR8hvK5cKygFxjVRct2jheoEDJRKEiLyPqZoji7enoOxrcT2q47V44FQicpJIcvA113k877D9mvCxomYyH0AwBY55NpXar5BuFSsXsR2a4ZH2bc4civnFlnl+qTkBYhw3ZGsXda9RnVChkqUG8/J3kS21yBc742/9CBqS6oTM1T6akccsRys8YAJz2EVie3UDc+hFilZ3TonwtMItZXuhQt4HGuxjbqDJ2it9JzkHO8roYYSW0X2cJ1zvIjtMwR4kh5qMssTVPa0eFYXHtNDbJehwJP10IKZhl9aw6hzolw8sD2G48bwUUGX1Ji8b4HHjaYFrpWqM4cf4WMFnriXWpP3cyLfA28BHtNTbIehwZP3VHuIEXFfl+T+qS2iLaxi+5sCfBOejjyk7RoRE0Szque4p2pTbHfT4HXvyCVHHpS9x1ESJGJhAtvcdFg/MqhVSY6QIBg/grRAje1tSt7d3n/ENxdBqWHXygkSbThVnKZi1QptHMM3GcXRkvCKCRKldLslXXCxfS2B101WrXJ7lJUSJGqP8WqUHbpaVG84oL2JskKChE8McvXkKFRvPKitC40RE6RlHYS2h0TYWNjkUZKjUH0Awd37CbXIY/W9uZXlLziJeLTkKESfk+xJDY/uvJuhoZWhVrSV7w59HrgQhcjVrdTXZatVvURdJ0n9XG6dY5SoK+6pvcuskEsTce9Waiu2iWQD/NDSY4jtILkAfnjpwlo/WHoVcvK+vjkZFwA/1HQN8XtOBsAPN51b/H4TAbLKNb/4nSYKzLpF5dAedT+VF9mbTKT3TxAcmdzLFdpjbzSMxMaXk3qZ6xoxyWGXv/idJAHx/r2SQ5rzjPnIHkVf/MyTCckeRcHsMdYje5RBc/J9HPIGrXZzQ+GByeHXBXMYlZyTyfKQSZG0cZqvHGHPV+6RSkZZLlloe072FIkmp0n+DEnzdI75lJAkBC9l5DuXxHk65ukW5ewZktk4Jc6Tzw34aXhDCdSTROXvn16bSWDL/wHsQpzQgNCUNwAAAABJRU5ErkJggg=="
+      }
+    ))
+  );
+};
+var EURC_default = EURC;
+// src/assets/icons/TransactionComplete.tsx
+var import_react42 = __toESM(require("react"), 1);
+var TransactionComplete = ({ width = 140, height = 120, ...rest }) => {
+  return /* @__PURE__ */ import_react42.default.createElement(
+    "svg",
+    {
+      width,
+      height,
+      viewBox: "0 0 141 116",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...rest
+    },
+    /* @__PURE__ */ import_react42.default.createElement(
+      "rect",
+      {
+        x: "140.724",
+        y: "53.4307",
+        width: "9.00052",
+        height: "21.8584",
+        rx: "4.50026",
+        transform: "rotate(90 140.724 53.4307)",
+        fill: "url(#paint0_linear_1838_5769)"
+      }
+    ),
+    /* @__PURE__ */ import_react42.default.createElement(
+      "rect",
+      {
+        x: "133.009",
+        y: "29.001",
+        width: "9.00052",
+        height: "21.8584",
+        rx: "4.50026",
+        transform: "rotate(60 133.009 29.001)",
+        fill: "url(#paint1_linear_1838_5769)"
+      }
+    ),
+    /* @__PURE__ */ import_react42.default.createElement(
+      "rect",
+      {
+        x: "136.866",
+        y: "78.5039",
+        width: "9.00052",
+        height: "21.8584",
+        rx: "4.50026",
+        transform: "rotate(120 136.866 78.5039)",
+        fill: "url(#paint2_linear_1838_5769)"
+      }
+    ),
+    /* @__PURE__ */ import_react42.default.createElement(
+      "rect",
+      {
+        y: "61.8682",
+        width: "9.00052",
+        height: "21.8584",
+        rx: "4.50026",
+        transform: "rotate(-90 0 61.8682)",
+        fill: "url(#paint3_linear_1838_5769)"
+      }
+    ),
+    /* @__PURE__ */ import_react42.default.createElement(
+      "rect",
+      {
+        x: "7.71472",
+        y: "86.2979",
+        width: "9.00052",
+        height: "21.8584",
+        rx: "4.50026",
+        transform: "rotate(-120 7.71472 86.2979)",
+        fill: "url(#paint4_linear_1838_5769)"
+      }
+    ),
+    /* @__PURE__ */ import_react42.default.createElement(
+      "rect",
+      {
+        x: "3.85742",
+        y: "36.7959",
+        width: "9.00052",
+        height: "21.8584",
+        rx: "4.50026",
+        transform: "rotate(-60 3.85742 36.7959)",
+        fill: "url(#paint5_linear_1838_5769)"
+      }
+    ),
+    /* @__PURE__ */ import_react42.default.createElement("g", { filter: "url(#filter0_d_1838_5769)" }, /* @__PURE__ */ import_react42.default.createElement("circle", { cx: "70.3622", cy: "57.9308", r: "37.9308", fill: "white" }), /* @__PURE__ */ import_react42.default.createElement(
+      "circle",
+      {
+        cx: "70.3622",
+        cy: "57.9308",
+        r: "36.0021",
+        stroke: "url(#paint6_linear_1838_5769)",
+        strokeWidth: "3.85736"
+      }
+    )),
+    /* @__PURE__ */ import_react42.default.createElement(
+      "path",
+      {
+        d: "M62.571 74.3906C61.9266 74.3944 61.2878 74.268 60.6912 74.0186C60.0946 73.7691 59.552 73.4017 59.0944 72.9371L49.3011 62.9134C48.3791 61.9697 47.8611 60.6897 47.8611 59.355C47.8611 58.0204 48.3791 56.7404 49.3011 55.7966C50.2232 54.8529 51.4738 54.3227 52.7778 54.3227C54.0817 54.3227 55.3323 54.8529 56.2544 55.7966L62.571 62.312L83.5776 40.7611C84.4997 39.8173 85.7502 39.2871 87.0542 39.2871C88.3582 39.2871 89.6088 39.8173 90.5308 40.7611C91.4529 41.7048 91.9709 42.9848 91.9709 44.3195C91.9709 45.6541 91.4529 46.9341 90.5308 47.8779L66.0476 72.9371C65.5901 73.4017 65.0475 73.7691 64.4509 74.0186C63.8543 74.268 63.2155 74.3944 62.571 74.3906Z",
+        fill: "url(#paint7_linear_1838_5769)"
+      }
+    ),
+    /* @__PURE__ */ import_react42.default.createElement("defs", null, /* @__PURE__ */ import_react42.default.createElement(
+      "filter",
+      {
+        id: "filter0_d_1838_5769",
+        x: "13.1446",
+        y: "0.713175",
+        width: "114.435",
+        height: "114.435",
+        filterUnits: "userSpaceOnUse",
+        colorInterpolationFilters: "sRGB"
+      },
+      /* @__PURE__ */ import_react42.default.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+      /* @__PURE__ */ import_react42.default.createElement(
+        "feColorMatrix",
+        {
+          in: "SourceAlpha",
+          type: "matrix",
+          values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+          result: "hardAlpha"
+        }
+      ),
+      /* @__PURE__ */ import_react42.default.createElement("feOffset", null),
+      /* @__PURE__ */ import_react42.default.createElement("feGaussianBlur", { stdDeviation: "9.64341" }),
+      /* @__PURE__ */ import_react42.default.createElement("feComposite", { in2: "hardAlpha", operator: "out" }),
+      /* @__PURE__ */ import_react42.default.createElement(
+        "feColorMatrix",
+        {
+          type: "matrix",
+          values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"
+        }
+      ),
+      /* @__PURE__ */ import_react42.default.createElement(
+        "feBlend",
+        {
+          mode: "normal",
+          in2: "BackgroundImageFix",
+          result: "effect1_dropShadow_1838_5769"
+        }
+      ),
+      /* @__PURE__ */ import_react42.default.createElement(
+        "feBlend",
+        {
+          mode: "normal",
+          in: "SourceGraphic",
+          in2: "effect1_dropShadow_1838_5769",
+          result: "shape"
+        }
+      )
+    ), /* @__PURE__ */ import_react42.default.createElement(
+      "linearGradient",
+      {
+        id: "paint0_linear_1838_5769",
+        x1: "140.724",
+        y1: "64.3599",
+        x2: "149.724",
+        y2: "64.3599",
+        gradientUnits: "userSpaceOnUse"
+      },
+      /* @__PURE__ */ import_react42.default.createElement("stop", { stopColor: "#ADF4A6" }),
+      /* @__PURE__ */ import_react42.default.createElement("stop", { offset: "0.315", stopColor: "#80D7F5" }),
+      /* @__PURE__ */ import_react42.default.createElement("stop", { offset: "0.775", stopColor: "#9990D5" })
+    ), /* @__PURE__ */ import_react42.default.createElement(
+      "linearGradient",
+      {
+        id: "paint1_linear_1838_5769",
+        x1: "133.009",
+        y1: "39.9302",
+        x2: "142.009",
+        y2: "39.9302",
+        gradientUnits: "userSpaceOnUse"
+      },
+      /* @__PURE__ */ import_react42.default.createElement("stop", { stopColor: "#ADF4A6" }),
+      /* @__PURE__ */ import_react42.default.createElement("stop", { offset: "0.315", stopColor: "#80D7F5" }),
+      /* @__PURE__ */ import_react42.default.createElement("stop", { offset: "0.775", stopColor: "#9990D5" })
+    ), /* @__PURE__ */ import_react42.default.createElement(
+      "linearGradient",
+      {
+        id: "paint2_linear_1838_5769",
+        x1: "136.866",
+        y1: "89.4331",
+        x2: "145.867",
+        y2: "89.4331",
+        gradientUnits: "userSpaceOnUse"
+      },
+      /* @__PURE__ */ import_react42.default.createElement("stop", { stopColor: "#ADF4A6" }),
+      /* @__PURE__ */ import_react42.default.createElement("stop", { offset: "0.315", stopColor: "#80D7F5" }),
+      /* @__PURE__ */ import_react42.default.createElement("stop", { offset: "0.775", stopColor: "#9990D5" })
+    ), /* @__PURE__ */ import_react42.default.createElement(
+      "linearGradient",
+      {
+        id: "paint3_linear_1838_5769",
+        x1: "0",
+        y1: "72.7974",
+        x2: "9.00052",
+        y2: "72.7974",
+        gradientUnits: "userSpaceOnUse"
+      },
+      /* @__PURE__ */ import_react42.default.createElement("stop", { stopColor: "#ADF4A6" }),
+      /* @__PURE__ */ import_react42.default.createElement("stop", { offset: "0.315", stopColor: "#80D7F5" }),
+      /* @__PURE__ */ import_react42.default.createElement("stop", { offset: "0.775", stopColor: "#9990D5" })
+    ), /* @__PURE__ */ import_react42.default.createElement(
+      "linearGradient",
+      {
+        id: "paint4_linear_1838_5769",
+        x1: "7.71472",
+        y1: "97.2271",
+        x2: "16.7152",
+        y2: "97.2271",
+        gradientUnits: "userSpaceOnUse"
+      },
+      /* @__PURE__ */ import_react42.default.createElement("stop", { stopColor: "#ADF4A6" }),
+      /* @__PURE__ */ import_react42.default.createElement("stop", { offset: "0.315", stopColor: "#80D7F5" }),
+      /* @__PURE__ */ import_react42.default.createElement("stop", { offset: "0.775", stopColor: "#9990D5" })
+    ), /* @__PURE__ */ import_react42.default.createElement(
+      "linearGradient",
+      {
+        id: "paint5_linear_1838_5769",
+        x1: "3.85742",
+        y1: "47.7251",
+        x2: "12.8579",
+        y2: "47.7251",
+        gradientUnits: "userSpaceOnUse"
+      },
+      /* @__PURE__ */ import_react42.default.createElement("stop", { stopColor: "#ADF4A6" }),
+      /* @__PURE__ */ import_react42.default.createElement("stop", { offset: "0.315", stopColor: "#80D7F5" }),
+      /* @__PURE__ */ import_react42.default.createElement("stop", { offset: "0.775", stopColor: "#9990D5" })
+    ), /* @__PURE__ */ import_react42.default.createElement(
+      "linearGradient",
+      {
+        id: "paint6_linear_1838_5769",
+        x1: "32.4314",
+        y1: "57.9308",
+        x2: "108.293",
+        y2: "57.9308",
+        gradientUnits: "userSpaceOnUse"
+      },
+      /* @__PURE__ */ import_react42.default.createElement("stop", { stopColor: "#ADF4A6" }),
+      /* @__PURE__ */ import_react42.default.createElement("stop", { offset: "0.315", stopColor: "#80D7F5" }),
+      /* @__PURE__ */ import_react42.default.createElement("stop", { offset: "0.775", stopColor: "#9990D5" })
+    ), /* @__PURE__ */ import_react42.default.createElement(
+      "linearGradient",
+      {
+        id: "paint7_linear_1838_5769",
+        x1: "47.8611",
+        y1: "56.8389",
+        x2: "91.9709",
+        y2: "56.8389",
+        gradientUnits: "userSpaceOnUse"
+      },
+      /* @__PURE__ */ import_react42.default.createElement("stop", { stopColor: "#ADF4A6" }),
+      /* @__PURE__ */ import_react42.default.createElement("stop", { offset: "0.315", stopColor: "#80D7F5" }),
+      /* @__PURE__ */ import_react42.default.createElement("stop", { offset: "0.775", stopColor: "#9990D5" })
+    ))
+  );
+};
+var TransactionComplete_default = TransactionComplete;
 // src/utils/constants.tsx
 var import_networks = require("@reown/appkit/networks");
 var ChainName = /* @__PURE__ */ ((ChainName2) => {
@@ -1626,11 +1929,11 @@ var ColorModeOptions = /* @__PURE__ */ ((ColorModeOptions2) => {
   ColorModeOptions2["dark"] = "dark";
   return ColorModeOptions2;
 })(ColorModeOptions || {});
-var DAppOptions = /* @__PURE__ */ ((DAppOptions2) => {
-  DAppOptions2["None"] = "none";
-  DAppOptions2["LPAdd"] = "LPAdd";
-  DAppOptions2["LPDrain"] = "LPDrain";
-  return DAppOptions2;
+var DAppOptions = /* @__PURE__ */ ((DAppOptions3) => {
+  DAppOptions3["None"] = "none";
+  DAppOptions3["LPAdd"] = "LPAdd";
+  DAppOptions3["LPDrain"] = "LPDrain";
+  return DAppOptions3;
 })(DAppOptions || {});
 // src/store/optionSlice.tsx
@@ -2077,9 +2380,6 @@ var getAllPlugins = () => {
   return pluginRegistry;
 };
-// src/KimaProvider.tsx
-var import_react_query13 = require("@tanstack/react-query");
 // src/hooks/useGetEnvOptions.tsx
 var import_react_query = require("@tanstack/react-query");
@@ -2151,7 +2451,7 @@ var useGetEnvOptions = ({
 };
 // plugins/evm/index.tsx
-var import_react48 = __toESM(require("react"), 1);
+var import_react50 = __toESM(require("react"), 1);
 // plugins/PluginBase.ts
 var PluginBase = class {
@@ -2188,10 +2488,10 @@ var PluginBase = class {
 };
 // plugins/evm/features/walletConnect/WalletProvider.tsx
-var import_react42 = __toESM(require("react"), 1);
+var import_react44 = __toESM(require("react"), 1);
 // plugins/evm/config/modalConfig.ts
-var import_react41 = require("@reown/appkit/react");
+var import_react43 = require("@reown/appkit/react");
 var import_networks2 = require("@reown/appkit/networks");
 var import_appkit_adapter_ethers = require("@reown/appkit-adapter-ethers");
 var appkitMainnetChains = [
@@ -2228,7 +2528,7 @@ var setupAppKit = (projectId, networkOption) => {
     return appKitModel;
   }
   const networks = networkOption === "mainnet" /* mainnet */ ? appkitMainnetChains : appkitTestnetChains;
-  appKitModel = (0, import_react41.createAppKit)({
+  appKitModel = (0, import_react43.createAppKit)({
     adapters: [new import_appkit_adapter_ethers.EthersAdapter()],
     metadata,
     networks,
@@ -2254,17 +2554,17 @@ var WalletProvider = ({
   walletConnectProjectId,
   isLoading
 }) => {
-  const [isReady, setIsReady] = (0, import_react42.useState)(false);
-  (0, import_react42.useEffect)(() => {
+  const [isReady, setIsReady] = (0, import_react44.useState)(false);
+  (0, import_react44.useEffect)(() => {
     if (!isLoading && networkOption) {
       setupAppKit(walletConnectProjectId, networkOption);
       setIsReady(true);
     }
   }, [networkOption, isLoading, walletConnectProjectId]);
   if (!isReady) {
-    return /* @__PURE__ */ import_react42.default.createElement(import_react42.default.Fragment, null);
+    return /* @__PURE__ */ import_react44.default.createElement(import_react44.default.Fragment, null);
   }
-  return /* @__PURE__ */ import_react42.default.createElement(import_react42.default.Fragment, null, children);
+  return /* @__PURE__ */ import_react44.default.createElement(import_react44.default.Fragment, null, children);
 };
 var WalletProvider_default = WalletProvider;
@@ -2308,12 +2608,12 @@ var selectCCTransactionStatus = (state) => state.option.ccTransactionStatus;
 var selectCCTransactionRetrying = (state) => state.option.ccTransactionRetrying;
 // plugins/evm/core/hooks/useEvmProvider.ts
-var import_react43 = require("@reown/appkit/react");
+var import_react45 = require("@reown/appkit/react");
 var import_ethers = require("ethers");
 var useEvmProvider = () => {
   const { externalProvider } = useKimaContext();
-  const { walletProvider: appkitProvider } = (0, import_react43.useAppKitProvider)("eip155");
-  const appkitAccountInfo = (0, import_react43.useAppKitAccount)();
+  const { walletProvider: appkitProvider } = (0, import_react45.useAppKitProvider)("eip155");
+  const appkitAccountInfo = (0, import_react45.useAppKitAccount)();
   const walletAddress = externalProvider?.signer instanceof import_ethers.JsonRpcSigner && externalProvider.signer.address || appkitAccountInfo?.address;
   const walletProvider = externalProvider?.provider instanceof import_ethers.BrowserProvider ? externalProvider.provider : appkitProvider;
   return {
@@ -2547,7 +2847,7 @@ function useBalance() {
 // plugins/evm/core/hooks/useNativeBalance.ts
 var import_react_query4 = require("@tanstack/react-query");
-var import_react44 = require("@reown/appkit/react");
+var import_react46 = require("@reown/appkit/react");
 // plugins/evm/utils/getBalance.ts
 var import_ethers3 = require("ethers");
@@ -2581,9 +2881,9 @@ var getEvmBalance = async (input) => {
 var import_react_redux2 = require("react-redux");
 var useNativeEvmBalance = () => {
   const { externalProvider } = useKimaContext();
-  const appkitAccountInfo = (0, import_react44.useAppKitAccount)();
+  const appkitAccountInfo = (0, import_react46.useAppKitAccount)();
   const { address: appkitAddress } = appkitAccountInfo || {};
-  const { walletProvider } = (0, import_react44.useAppKitProvider)("eip155");
+  const { walletProvider } = (0, import_react46.useAppKitProvider)("eip155");
   const sourceChain = (0, import_react_redux2.useSelector)(selectSourceChain);
   const networkOption = (0, import_react_redux2.useSelector)(selectNetworkOption);
   const walletAddress = externalProvider?.signer?.address || appkitAddress;
@@ -2614,9 +2914,9 @@ var useNativeEvmBalance = () => {
 var useNativeBalance_default = useNativeEvmBalance;
 // plugins/evm/core/hooks/useIsWalletReady.tsx
-var import_react45 = require("react");
+var import_react47 = require("react");
 var import_react_redux4 = require("react-redux");
-var import_react46 = require("@reown/appkit/react");
+var import_react48 = require("@reown/appkit/react");
 // plugins/evm/utils/switchNetworkEthers.tsx
 var import_ethers4 = require("ethers");
@@ -2724,36 +3024,35 @@ function useIsWalletReady() {
   const backendUrl = (0, import_react_redux4.useSelector)(selectBackendUrl);
   const mode = (0, import_react_redux4.useSelector)(selectMode);
   const { data: chains } = useChainData(backendUrl);
-  const { walletProvider: appkitProvider } = (0, import_react46.useAppKitProvider)("eip155");
-  const appkitAccountInfo = (0, import_react46.useAppKitAccount)();
-  const { chainId: walletChainId } = (0, import_react46.useAppKitNetwork)();
+  const { walletProvider: appkitProvider } = (0, import_react48.useAppKitProvider)("eip155");
+  const appkitAccountInfo = (0, import_react48.useAppKitAccount)();
+  const { chainId: walletChainId } = (0, import_react48.useAppKitNetwork)();
   const { address: walletAddress, isConnected: appkitIsConnected } = appkitAccountInfo || {};
   const isConnected = appkitIsConnected && walletAddress !== void 0;
   const sourceChain = (0, import_react_redux4.useSelector)(selectSourceChain);
-  const [isReady, setIsReady] = (0, import_react45.useState)(false);
-  const [statusMessage, setStatusMessage] = (0, import_react45.useState)("Wallet not connected");
-  const [connectedAddress, setConnectedAddress] = (0, import_react45.useState)("");
-  const switchNetwork = (0, import_react45.useCallback)(async () => {
+  const [isReady, setIsReady] = (0, import_react47.useState)(false);
+  const [statusMessage, setStatusMessage] = (0, import_react47.useState)("Wallet not connected");
+  const [connectedAddress, setConnectedAddress] = (0, import_react47.useState)("");
+  const switchNetwork = (0, import_react47.useCallback)(async () => {
+    if (!sourceChain || !appKitModel) return;
+    if (sourceChain.compatibility !== "EVM" /* EVM */) return;
     logger_default.debug("useIsWalletReady:EVM:Attempting to switch network...", {
       hasProvider: !!appkitProvider,
       sourceChain,
       modalExists: appKitModel !== null,
       modal: appKitModel
     });
-    if (sourceChain && appKitModel !== null) {
-      logger_default.debug("useIsWalletReady:EVM:switching network...");
-      try {
-        appKitModel.switchNetwork(sourceChain);
-        logger_default.debug(
-          "useIsWalletReady:EVM:Network switch successful to:",
-          sourceChain.name
-        );
-      } catch (e) {
-        logger_default.error("useIsWalletReady:EVM:Network switch failed:", e);
-      }
+    try {
+      appKitModel.switchNetwork(sourceChain);
+      logger_default.debug(
+        "useIsWalletReady:EVM:Network switch successful to:",
+        sourceChain.name
+      );
+    } catch (e) {
+      logger_default.warn("useIsWalletReady:EVM:Network switch failed:", e);
     }
   }, [appkitProvider, sourceChain]);
-  (0, import_react45.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     const resolveConnection = async () => {
       if (mode === "light" /* light */) {
         const demoAddress = lightDemoAccounts.EVM;
@@ -2842,12 +3141,13 @@ function useEvmAllowance() {
   const sourceChain = (0, import_react_redux5.useSelector)(selectSourceChain);
   const sourceAddress = (0, import_react_redux5.useSelector)(selectSourceAddress);
   const networkOption = (0, import_react_redux5.useSelector)(selectNetworkOption);
+  const dAppOption = (0, import_react_redux5.useSelector)(selectDappOption);
   const { transactionValues } = (0, import_react_redux5.useSelector)(selectServiceFee);
   const selectedCoin = (0, import_react_redux5.useSelector)(selectSourceCurrency);
   const tokenOptions = (0, import_react_redux5.useSelector)(selectTokenOptions);
   const backendUrl = (0, import_react_redux5.useSelector)(selectBackendUrl);
   const feeDeduct = (0, import_react_redux5.useSelector)(selectFeeDeduct);
-  const txValues = feeDeduct ? transactionValues.feeFromTarget : transactionValues.feeFromOrigin;
+  const txValues = feeDeduct || dAppOption !== "none" /* None */ ? transactionValues.feeFromTarget : transactionValues.feeFromOrigin;
   const allowanceNumber = BigInt(txValues.allowanceAmount.value);
   const { pools } = useGetPools_default(backendUrl, networkOption);
   const { walletProvider, walletAddress } = useEvmProvider();
@@ -2946,10 +3246,12 @@ function useEvmAllowance() {
 }
 // plugins/evm/core/hooks/useDisconnectWallet.tsx
-var import_react47 = require("@reown/appkit/react");
+var import_react49 = require("@reown/appkit/react");
 function useDisconnectWallet() {
-  const { disconnect } = (0, import_react47.useDisconnect)();
-  return { disconnectWallet: disconnect };
+  const { disconnect } = (0, import_react49.useDisconnect)();
+  return {
+    disconnectWallet: disconnect
+  };
 }
 var useDisconnectWallet_default = useDisconnectWallet;
@@ -2976,7 +3278,7 @@ var EvmPlugin = class extends PluginBase {
     walletConnectProjectId,
     isLoading
   }) => {
-    return /* @__PURE__ */ import_react48.default.createElement(
+    return /* @__PURE__ */ import_react50.default.createElement(
       WalletProvider_default,
       {
         children,
@@ -2992,10 +3294,10 @@ var evmPlugin = new EvmPlugin(store);
 var evm_default = evmPlugin;
 // plugins/solana/index.tsx
-var import_react51 = __toESM(require("react"), 1);
+var import_react53 = __toESM(require("react"), 1);
 // plugins/solana/features/walletConnect/WalletProvider.tsx
-var import_react49 = __toESM(require("react"), 1);
+var import_react51 = __toESM(require("react"), 1);
 var import_wallet_adapter_react = require("@solana/wallet-adapter-react");
 var import_wallet_adapter_wallets = require("@solana/wallet-adapter-wallets");
@@ -3023,7 +3325,7 @@ var WalletProvider2 = ({
   logger_default.debug(
     `WalletProvider initialized with projectId: ${walletConnectProjectId}`
   );
-  return /* @__PURE__ */ import_react49.default.createElement(import_wallet_adapter_react.ConnectionProvider, { endpoint }, /* @__PURE__ */ import_react49.default.createElement(
+  return /* @__PURE__ */ import_react51.default.createElement(import_wallet_adapter_react.ConnectionProvider, { endpoint }, /* @__PURE__ */ import_react51.default.createElement(
     import_wallet_adapter_react.WalletProvider,
     {
       autoConnect: false,
@@ -3090,10 +3392,12 @@ var import_react_redux9 = require("react-redux");
 // plugins/solana/core/hooks/useBalance.tsx
 var import_react_redux8 = require("react-redux");
+var import_react_query8 = require("@tanstack/react-query");
+var import_web38 = require("@solana/web3.js");
 // plugins/solana/utils/getTokenAllowance.tsx
-var import_spl_token = require("@solana/spl-token");
 var import_web36 = require("@solana/web3.js");
+var import_spl_token = require("@solana/spl-token");
 var getTokenAllowance2 = async ({
   tokenOptions,
   selectedCoin,
@@ -3111,6 +3415,16 @@ var getTokenAllowance2 = async ({
     );
     const accountInfo = await connection.getParsedAccountInfo(tokenAccountAddress);
     const parsedAccountInfo = accountInfo?.value?.data;
+    if (!parsedAccountInfo) {
+      logger_default.warn(
+        `Sol:getTokenAllowance: No token ${selectedCoin} account info found for ${userPublicKey.toBase58()}`
+      );
+      return {
+        allowance: BigInt(0),
+        balance: BigInt(0),
+        decimals: 0
+      };
+    }
     return {
       allowance: parsedAccountInfo.parsed?.info?.delegate === poolAddress ? BigInt(parsedAccountInfo.parsed?.info?.delegatedAmount?.amount ?? 0) : BigInt(0),
       balance: BigInt(parsedAccountInfo.parsed?.info?.tokenAmount?.amount ?? 0),
@@ -3124,9 +3438,6 @@ var getTokenAllowance2 = async ({
   }
 };
-// plugins/solana/core/hooks/useBalance.tsx
-var import_react_query8 = require("@tanstack/react-query");
 // plugins/solana/core/hooks/useSolanaProvider.ts
 var import_react_redux7 = require("react-redux");
 var import_wallet_adapter_react3 = require("@solana/wallet-adapter-react");
@@ -3154,7 +3465,6 @@ var useSolanaProvider = () => {
 };
 // plugins/solana/core/hooks/useBalance.tsx
-var import_web38 = require("@solana/web3.js");
 var emptyResult2 = {};
 function useBalance2() {
   const sourceChain = (0, import_react_redux8.useSelector)(selectSourceChain);
@@ -3289,7 +3599,7 @@ function useSolanaAllowance() {
 }
 // plugins/solana/core/hooks/useIsWalletReady.tsx
-var import_react50 = require("react");
+var import_react52 = require("react");
 var import_wallet_adapter_react4 = require("@solana/wallet-adapter-react");
 var import_react_redux10 = require("react-redux");
 var import_react_redux11 = require("react-redux");
@@ -3304,7 +3614,7 @@ function useIsWalletReady2() {
   const { externalProvider } = useKimaContext();
   const { publicKey: solanaAddress } = (0, import_wallet_adapter_react4.useWallet)();
   const sourceChain = (0, import_react_redux10.useSelector)(selectSourceChain);
-  (0, import_react50.useEffect)(() => {
+  (0, import_react52.useEffect)(() => {
     if (sourceChain.shortName !== "SOL") return;
     if (mode === "light" /* light */) {
       dispatch(setSourceAddress(lightDemoAccounts.SOL));
@@ -3312,7 +3622,7 @@ function useIsWalletReady2() {
     }
     solanaAddress && dispatch(setSourceAddress(solanaAddress.toBase58()));
   }, [mode, solanaAddress, sourceChain]);
-  return (0, import_react50.useMemo)(() => {
+  return (0, import_react52.useMemo)(() => {
     if (mode === "light" /* light */)
       return createWalletStatus(
         true,
@@ -3366,7 +3676,7 @@ var SolanaPlugin = class extends PluginBase {
     networkOption,
     walletConnectProjectId
   }) => {
-    return /* @__PURE__ */ import_react51.default.createElement(
+    return /* @__PURE__ */ import_react53.default.createElement(
       WalletProvider_default2,
       {
         networkOption,
@@ -3380,10 +3690,10 @@ var solanaPlugin = new SolanaPlugin(store);
 var solana_default = solanaPlugin;
 // plugins/tron/index.tsx
-var import_react56 = __toESM(require("react"), 1);
+var import_react58 = __toESM(require("react"), 1);
 // plugins/tron/features/walletConnect/WalletProvider.tsx
-var import_react52 = __toESM(require("react"), 1);
+var import_react54 = __toESM(require("react"), 1);
 var import_tronwallet_adapter_react_hooks = require("@tronweb3/tronwallet-adapter-react-hooks");
 var import_tronwallet_adapter_ledger = require("@tronweb3/tronwallet-adapter-ledger");
 var import_tronwallet_adapter_tronlink = require("@tronweb3/tronwallet-adapter-tronlink");
@@ -3392,7 +3702,7 @@ var import_tronwallet_adapter_tokenpocket = require("@tronweb3/tronwallet-adapte
 var import_tronwallet_abstract_adapter = require("@tronweb3/tronwallet-abstract-adapter");
 var import_react_hot_toast = require("react-hot-toast");
 var WalletProvider3 = ({ children, networkOption }) => {
-  const adapters = (0, import_react52.useMemo)(
+  const adapters = (0, import_react54.useMemo)(
     () => [
       new import_tronwallet_adapter_tronlink.TronLinkAdapter(),
       new import_tronwallet_adapter_ledger.LedgerAdapter({ accountNumber: 2 }),
@@ -3422,7 +3732,7 @@ var WalletProvider3 = ({ children, networkOption }) => {
       adapters[0].switchChain("0x2b6653dc");
     }
   };
-  return /* @__PURE__ */ import_react52.default.createElement(
+  return /* @__PURE__ */ import_react54.default.createElement(
     import_tronwallet_adapter_react_hooks.WalletProvider,
     {
       adapters,
@@ -3436,7 +3746,7 @@ var WalletProvider3 = ({ children, networkOption }) => {
 var WalletProvider_default3 = WalletProvider3;
 // plugins/tron/core/hooks/useGetTrxBalance.tsx
-var import_react53 = require("react");
+var import_react55 = require("react");
 var import_react_redux12 = require("react-redux");
 var import_react_query10 = require("@tanstack/react-query");
@@ -3475,7 +3785,7 @@ function useGetTronBalance() {
   const networkOption = (0, import_react_redux12.useSelector)(selectNetworkOption);
   const { wallet } = (0, import_tronwallet_adapter_react_hooks2.useWallet)();
   const sourceNetwork = (0, import_react_redux12.useSelector)(selectSourceChain);
-  const tronWeb = (0, import_react53.useMemo)(
+  const tronWeb = (0, import_react55.useMemo)(
     () => networkOption === "testnet" /* testnet */ ? tronWebTestnet : tronWebMainnet,
     [networkOption]
   );
@@ -3504,7 +3814,7 @@ var import_react_query12 = require("@tanstack/react-query");
 var import_react_redux13 = require("react-redux");
 var import_tronweb4 = require("tronweb");
 var import_tronwallet_adapter_react_hooks3 = require("@tronweb3/tronwallet-adapter-react-hooks");
-var import_react54 = require("react");
+var import_react56 = require("react");
 var useTronProvider = () => {
   const { externalProvider } = useKimaContext();
   const networkOption = (0, import_react_redux13.useSelector)(selectNetworkOption);
@@ -3515,7 +3825,7 @@ var useTronProvider = () => {
     signMessage: internalSignMessage
   } = (0, import_tronwallet_adapter_react_hooks3.useWallet)();
   const isTronProvider2 = sourceChain.shortName === "TRX" && externalProvider?.type === "tron" && externalProvider.provider.tronWeb instanceof import_tronweb4.TronWeb && typeof externalProvider.signer === "string";
-  const tronWeb = (0, import_react54.useMemo)(() => {
+  const tronWeb = (0, import_react56.useMemo)(() => {
     if (isTronProvider2)
       return externalProvider.provider.tronWeb;
     return networkOption === "mainnet" ? tronWebMainnet : tronWebTestnet;
@@ -3534,6 +3844,7 @@ var useTronProvider = () => {
 // plugins/tron/core/hooks/useBalance.tsx
 var import_react_redux14 = require("react-redux");
+var import_react_query11 = require("@tanstack/react-query");
 // plugins/tron/utils/ethereum/erc20ABI.json
 var erc20ABI_default = {
@@ -3790,7 +4101,6 @@ var getTokenAllowance3 = async ({
 };
 // plugins/tron/core/hooks/useBalance.tsx
-var import_react_query11 = require("@tanstack/react-query");
 var emptyResult3 = {};
 function useBalance3() {
   const mode = (0, import_react_redux14.useSelector)(selectMode);
@@ -3903,7 +4213,7 @@ function useTronAllowance() {
 }
 // plugins/tron/core/hooks/useIsWalletReady.tsx
-var import_react55 = require("react");
+var import_react57 = require("react");
 var import_tronwallet_adapter_react_hooks4 = require("@tronweb3/tronwallet-adapter-react-hooks");
 var import_react_redux16 = require("react-redux");
 var import_react_redux17 = require("react-redux");
@@ -3918,7 +4228,7 @@ function useIsWalletReady3() {
   const sourceChain = (0, import_react_redux17.useSelector)(selectSourceChain);
   const { externalProvider } = useKimaContext();
   const { address: internalTronAddress } = (0, import_tronwallet_adapter_react_hooks4.useWallet)();
-  (0, import_react55.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     if (sourceChain.shortName !== "TRX") return;
     if (mode === "light" /* light */) {
       dispatch(setSourceAddress(lightDemoAccounts.TRX));
@@ -3926,7 +4236,7 @@ function useIsWalletReady3() {
     }
     internalTronAddress && dispatch(setSourceAddress(internalTronAddress));
   }, [mode, internalTronAddress, sourceChain]);
-  return (0, import_react55.useMemo)(() => {
+  return (0, import_react57.useMemo)(() => {
     if (mode === "light" /* light */)
       return createWalletStatus2(
         true,
@@ -3980,7 +4290,7 @@ var TronPlugin = class extends PluginBase {
     networkOption,
     walletConnectProjectId
   }) => {
-    return /* @__PURE__ */ import_react56.default.createElement(
+    return /* @__PURE__ */ import_react58.default.createElement(
       WalletProvider_default3,
       {
         networkOption,
@@ -3994,22 +4304,20 @@ var tronPlugin = new TronPlugin(store);
 var tron_default = tronPlugin;
 // plugins/credit-card/index.tsx
-var import_react58 = __toESM(require("react"), 1);
+var import_react60 = __toESM(require("react"), 1);
 // plugins/credit-card/core/hooks/useIsProviderReady.tsx
 var import_react_redux18 = require("react-redux");
-var import_react57 = require("react");
+var import_react59 = require("react");
 var useIsProviderReady = () => {
-  const [isReady, setIsReady] = (0, import_react57.useState)(false);
+  const [isReady, setIsReady] = (0, import_react59.useState)(false);
   const dispatch = (0, import_react_redux18.useDispatch)();
   const sourceChain = (0, import_react_redux18.useSelector)(selectSourceChain);
-  (0, import_react57.useEffect)(() => {
-    if (sourceChain.compatibility === "CC" /* CC */) {
-      logger_default.debug("CC:useIsProviderReady: dispatching changes from fiat...");
-      dispatch(setSourceAddress(""));
-      dispatch(setSourceCurrency("USD"));
-      setIsReady(true);
-    }
+  (0, import_react59.useEffect)(() => {
+    if (!sourceChain || sourceChain.shortName !== "CC") return;
+    logger_default.debug("CC:useIsProviderReady: dispatching changes from fiat...");
+    dispatch(setSourceAddress(""));
+    setIsReady(true);
   }, [sourceChain]);
   return { isReady, statusMessage: "", walletAddres: "" };
 };
@@ -4052,7 +4360,7 @@ var CreditCardPlugin = class extends PluginBase {
     return chain.compatibility === "CC";
   };
   Provider = ({ children }) => {
-    return /* @__PURE__ */ import_react58.default.createElement(import_react58.default.Fragment, null, children);
+    return /* @__PURE__ */ import_react60.default.createElement(import_react60.default.Fragment, null, children);
   };
 };
 var creditCardPlugin = new CreditCardPlugin(store);
@@ -4065,15 +4373,15 @@ initializePlugins([evm_default, solana_default, tron_default, credit_card_defaul
 var import_web310 = require("@solana/web3.js");
 var import_ethers5 = require("ethers");
 var queryClient = new import_react_query13.QueryClient();
-var KimaContext = (0, import_react59.createContext)(void 0);
+var KimaContext = (0, import_react61.createContext)(void 0);
 var useKimaContext = () => {
-  const context = (0, import_react59.useContext)(KimaContext);
+  const context = (0, import_react61.useContext)(KimaContext);
   if (!context) {
     throw new Error("useKimaContext must be used within a KimaProvider");
   }
   return context;
 };
-var InternalKimaProvider = React48.memo(
+var InternalKimaProvider = React50.memo(
   ({ kimaBackendUrl, walletConnectProjectId, children, logLevel }) => {
     const { data: envOptions, isLoading } = useGetEnvOptions({
       kimaBackendUrl
@@ -4082,12 +4390,12 @@ var InternalKimaProvider = React48.memo(
     logger_default.debug("internalkimaprovider: isLoading: ", isLoading);
     const plugins = (0, import_react_redux19.useSelector)(selectAllPlugins, (prev, next) => prev === next);
     logger_default.debug("Registered Plugins:", plugins);
-    const WrappedProviders = (0, import_react59.useMemo)(() => {
+    const WrappedProviders = (0, import_react61.useMemo)(() => {
       return plugins.reduce((acc, pluginData) => {
         const plugin = getPluginProvider(pluginData.id);
         if (plugin) {
           const { Provider: Provider3 } = plugin;
-          return /* @__PURE__ */ React48.createElement(
+          return /* @__PURE__ */ React50.createElement(
             Provider3,
             {
               key: plugin.data.id,
@@ -4101,12 +4409,12 @@ var InternalKimaProvider = React48.memo(
         return acc;
       }, children);
     }, [plugins, walletConnectProjectId, envOptions, isLoading]);
-    return /* @__PURE__ */ React48.createElement(React48.Fragment, null, WrappedProviders);
+    return /* @__PURE__ */ React50.createElement(React50.Fragment, null, WrappedProviders);
   }
 );
 var KimaProvider = ({
   walletConnectProjectId,
-  children = /* @__PURE__ */ React48.createElement(React48.Fragment, null),
+  children = /* @__PURE__ */ React50.createElement(React50.Fragment, null),
   externalProvider,
   kimaBackendUrl = "http://localhost:3001",
   logLevel,
@@ -4141,7 +4449,7 @@ var KimaProvider = ({
     errorHandler,
     switchChainHandler
   };
-  return /* @__PURE__ */ React48.createElement(import_react_query13.QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React48.createElement(import_react_redux19.Provider, { store }, /* @__PURE__ */ React48.createElement(KimaContext.Provider, { value: kimaContext }, /* @__PURE__ */ React48.createElement(
+  return /* @__PURE__ */ React50.createElement(import_react_query13.QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React50.createElement(import_react_redux19.Provider, { store }, /* @__PURE__ */ React50.createElement(KimaContext.Provider, { value: kimaContext }, /* @__PURE__ */ React50.createElement(
     InternalKimaProvider,
     {
       kimaBackendUrl,
@@ -4153,17 +4461,17 @@ var KimaProvider = ({
 var KimaProvider_default = KimaProvider;
 // src/components/KimaTransactionWidget.tsx
-var import_react108 = __toESM(require("react"), 1);
+var import_react109 = __toESM(require("react"), 1);
 // src/components/KimaWidgetWrapper.tsx
-var import_react105 = __toESM(require("react"), 1);
+var import_react106 = __toESM(require("react"), 1);
 var import_react_redux58 = require("react-redux");
 // src/components/TransactionWidget.tsx
-var import_react89 = __toESM(require("react"), 1);
+var import_react91 = __toESM(require("react"), 1);
 // src/components/reusable/Progressbar.tsx
-var import_react60 = __toESM(require("react"), 1);
+var import_react62 = __toESM(require("react"), 1);
 var import_react_redux20 = require("react-redux");
 var stepInfo = [
   {
@@ -4184,12 +4492,12 @@ var stepInfo = [
 ];
 var Progressbar = ({ step, errorStep, setFocus, loadingStep }) => {
   const theme = (0, import_react_redux20.useSelector)(selectTheme);
-  return /* @__PURE__ */ import_react60.default.createElement("div", { className: "kima-progressbar" }, /* @__PURE__ */ import_react60.default.createElement(
+  return /* @__PURE__ */ import_react62.default.createElement("div", { className: "kima-progressbar" }, /* @__PURE__ */ import_react62.default.createElement(
     "div",
     {
       className: `value step-${step * 100 / 4}`
     }
-  ), /* @__PURE__ */ import_react60.default.createElement("div", { className: "step-indicators" }, stepInfo.map((item, index) => /* @__PURE__ */ import_react60.default.createElement(
+  ), /* @__PURE__ */ import_react62.default.createElement("div", { className: "step-indicators" }, stepInfo.map((item, index) => /* @__PURE__ */ import_react62.default.createElement(
     "div",
     {
       key: item.title,
@@ -4200,14 +4508,14 @@ var Progressbar = ({ step, errorStep, setFocus, loadingStep }) => {
         if (index < 4) setFocus(index);
       }
     },
-    /* @__PURE__ */ import_react60.default.createElement("div", { className: "step-info" }, step < index && /* @__PURE__ */ import_react60.default.createElement(Lock_default, null), step >= index ? index === loadingStep ? /* @__PURE__ */ import_react60.default.createElement(Loader_default, { className: "loader" }) : index === errorStep ? /* @__PURE__ */ import_react60.default.createElement(Warning_default, null) : /* @__PURE__ */ import_react60.default.createElement(Check_default, null) : null, /* @__PURE__ */ import_react60.default.createElement("span", null, item.title))
+    /* @__PURE__ */ import_react62.default.createElement("div", { className: "step-info" }, step < index && /* @__PURE__ */ import_react62.default.createElement(Lock_default, null), step >= index ? index === loadingStep ? /* @__PURE__ */ import_react62.default.createElement(Loader_default, { className: "loader" }) : index === errorStep ? /* @__PURE__ */ import_react62.default.createElement(Warning_default, null) : /* @__PURE__ */ import_react62.default.createElement(Check_default, null) : null, /* @__PURE__ */ import_react62.default.createElement("span", null, item.title))
   ))));
 };
 var Progressbar_default = Progressbar;
 // src/components/reusable/ExternalLink.tsx
-var import_react61 = __toESM(require("react"), 1);
-var ExternalLink = ({ to, children, className, rest }) => /* @__PURE__ */ import_react61.default.createElement(
+var import_react63 = __toESM(require("react"), 1);
+var ExternalLink = ({ to, children, className, rest }) => /* @__PURE__ */ import_react63.default.createElement(
   "a",
   {
     className,
@@ -4221,20 +4529,20 @@ var ExternalLink = ({ to, children, className, rest }) => /* @__PURE__ */ import
 var ExternalLink_default = ExternalLink;
 // src/components/reusable/NetworkLabel.tsx
-var import_react62 = __toESM(require("react"), 1);
+var import_react64 = __toESM(require("react"), 1);
 var import_react_redux21 = require("react-redux");
 // src/components/reusable/PrimaryButton.tsx
-var import_react65 = __toESM(require("react"), 1);
+var import_react67 = __toESM(require("react"), 1);
 // src/assets/loading/180-ring.tsx
-var import_react63 = __toESM(require("react"), 1);
+var import_react65 = __toESM(require("react"), 1);
 var Loading180Ring = ({
   width = 24,
   height = 24,
   fill = "white"
 }) => {
-  return /* @__PURE__ */ import_react63.default.createElement(
+  return /* @__PURE__ */ import_react65.default.createElement(
     "svg",
     {
       width,
@@ -4243,7 +4551,7 @@ var Loading180Ring = ({
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ import_react63.default.createElement("path", { d: "M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z" }, /* @__PURE__ */ import_react63.default.createElement(
+    /* @__PURE__ */ import_react65.default.createElement("path", { d: "M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z" }, /* @__PURE__ */ import_react65.default.createElement(
       "animateTransform",
       {
         attributeName: "transform",
@@ -4258,7 +4566,7 @@ var Loading180Ring = ({
 var ring_default = Loading180Ring;
 // src/assets/loading/6-dots-scale.tsx
-var import_react64 = __toESM(require("react"), 1);
+var import_react66 = __toESM(require("react"), 1);
 // src/components/reusable/PrimaryButton.tsx
 var PrimaryButton = ({
@@ -4269,7 +4577,7 @@ var PrimaryButton = ({
   disabled = false,
   ref
 }) => {
-  return /* @__PURE__ */ import_react65.default.createElement("div", { className: "primary-button-wrapper" }, /* @__PURE__ */ import_react65.default.createElement(
+  return /* @__PURE__ */ import_react67.default.createElement("div", { className: "primary-button-wrapper" }, /* @__PURE__ */ import_react67.default.createElement(
     "button",
     {
       className: `primary-button ${className}`,
@@ -4277,14 +4585,14 @@ var PrimaryButton = ({
       ref,
       disabled
     },
-    isLoading && /* @__PURE__ */ import_react65.default.createElement("div", { className: "loading-indicator" }, /* @__PURE__ */ import_react65.default.createElement(ring_default, { width: 24, height: 24, fill: "white" })),
+    isLoading && /* @__PURE__ */ import_react67.default.createElement("div", { className: "loading-indicator" }, /* @__PURE__ */ import_react67.default.createElement(ring_default, { width: 24, height: 24, fill: "white" })),
     children
   ));
 };
 var PrimaryButton_default = PrimaryButton;
 // src/components/reusable/SecondaryButton.tsx
-var import_react66 = __toESM(require("react"), 1);
+var import_react68 = __toESM(require("react"), 1);
 var SecondaryButton = ({
   className,
   clickHandler,
@@ -4293,7 +4601,7 @@ var SecondaryButton = ({
   style,
   disabled = false,
   isLoading
-}) => /* @__PURE__ */ import_react66.default.createElement(
+}) => /* @__PURE__ */ import_react68.default.createElement(
   "button",
   {
     className: `secondary-button ${className} ${theme}`,
@@ -4301,26 +4609,26 @@ var SecondaryButton = ({
     ...style,
     disabled
   },
-  isLoading && /* @__PURE__ */ import_react66.default.createElement("div", { className: "loading-indicator" }, /* @__PURE__ */ import_react66.default.createElement(ring_default, { width: 24, height: 24, fill: "black" })),
+  isLoading && /* @__PURE__ */ import_react68.default.createElement("div", { className: "loading-indicator" }, /* @__PURE__ */ import_react68.default.createElement(ring_default, { width: 24, height: 24, fill: "black" })),
   children
 );
 var SecondaryButton_default = SecondaryButton;
 // src/components/reusable/Dropdown.tsx
-var import_react67 = __toESM(require("react"), 1);
+var import_react69 = __toESM(require("react"), 1);
 var import_react_redux22 = require("react-redux");
 var import_react_redux23 = require("react-redux");
 // src/components/reusable/WalletButton.tsx
-var import_react73 = __toESM(require("react"), 1);
+var import_react75 = __toESM(require("react"), 1);
 var import_react_redux25 = require("react-redux");
 // src/hooks/useGetCurrentPlugin.tsx
-var import_react69 = require("react");
+var import_react71 = require("react");
 var import_react_redux24 = require("react-redux");
 // plugins/default/index.tsx
-var import_react68 = __toESM(require("react"), 1);
+var import_react70 = __toESM(require("react"), 1);
 var DefaultPlugin = class extends PluginBase {
   constructor(store2) {
     super({
@@ -4355,7 +4663,7 @@ var DefaultPlugin = class extends PluginBase {
     networkOption,
     walletConnectProjectId
   }) => {
-    return /* @__PURE__ */ import_react68.default.createElement("div", null, children);
+    return /* @__PURE__ */ import_react70.default.createElement("div", null, children);
   };
 };
 var defaultPlugin = new DefaultPlugin(store);
@@ -4363,10 +4671,10 @@ var default_default = defaultPlugin;
 // src/hooks/useGetCurrentPlugin.tsx
 var useGetCurrentPlugin = () => {
-  const [currentPlugin, setCurrentPlugin] = (0, import_react69.useState)(default_default);
+  const [currentPlugin, setCurrentPlugin] = (0, import_react71.useState)(default_default);
   const isIndexed = (0, import_react_redux24.useSelector)(selectPluginIsIndexed);
   const sourceChain = (0, import_react_redux24.useSelector)(selectSourceChain);
-  (0, import_react69.useEffect)(() => {
+  (0, import_react71.useEffect)(() => {
     if (!isIndexed) return;
     const plugin = getPlugin(sourceChain.shortName);
     if (plugin) setCurrentPlugin(plugin);
@@ -4425,13 +4733,13 @@ function useBalance4() {
 }
 // src/hooks/useWidth.tsx
-var import_react70 = require("react");
+var import_react72 = require("react");
 var useWidth = () => {
-  const [width, setWidth] = (0, import_react70.useState)(0);
+  const [width, setWidth] = (0, import_react72.useState)(0);
   const updateWidth = (width2) => {
     setWidth(width2);
   };
-  (0, import_react70.useEffect)(() => {
+  (0, import_react72.useEffect)(() => {
     const handleResize = () => {
       setWidth(window.innerWidth);
     };
@@ -4445,19 +4753,19 @@ var useWidth_default = useWidth;
 // src/components/reusable/WalletButton.tsx
 var import_wallet_adapter_react6 = require("@solana/wallet-adapter-react");
 var import_tronwallet_adapter_react_hooks6 = require("@tronweb3/tronwallet-adapter-react-hooks");
-var import_react74 = require("@reown/appkit/react");
+var import_react76 = require("@reown/appkit/react");
 // src/components/reusable/CopyButton.tsx
-var import_react71 = __toESM(require("react"), 1);
+var import_react73 = __toESM(require("react"), 1);
 var CopyButton = ({ text }) => {
-  const [copyClicked, setCopyClicked] = (0, import_react71.useState)(false);
-  (0, import_react71.useEffect)(() => {
+  const [copyClicked, setCopyClicked] = (0, import_react73.useState)(false);
+  (0, import_react73.useEffect)(() => {
     if (!copyClicked) return;
     setTimeout(() => {
       setCopyClicked(false);
     }, 2e3);
   }, [copyClicked]);
-  return /* @__PURE__ */ import_react71.default.createElement(
+  return /* @__PURE__ */ import_react73.default.createElement(
     "span",
     {
       className: "copy-btn",
@@ -4466,7 +4774,7 @@ var CopyButton = ({ text }) => {
         navigator.clipboard.writeText(text);
       }
     },
-    copyClicked ? /* @__PURE__ */ import_react71.default.createElement(Check_default, null) : /* @__PURE__ */ import_react71.default.createElement(Copy_default, null)
+    copyClicked ? /* @__PURE__ */ import_react73.default.createElement(Check_default, null) : /* @__PURE__ */ import_react73.default.createElement(Copy_default, null)
   );
 };
 var CopyButton_default = CopyButton;
@@ -4552,9 +4860,9 @@ var isAddressCompatible = (address, shortName) => {
 };
 // src/hooks/useHideActivityTab.tsx
-var import_react72 = require("react");
+var import_react74 = require("react");
 function useHideWuiListItem(isModalOpen) {
-  (0, import_react72.useEffect)(() => {
+  (0, import_react74.useEffect)(() => {
     const modalSelector = "w3m-modal";
     let observer;
     const hideFirstWuiListItem = (parent) => {
@@ -4622,6 +4930,7 @@ var WalletButton = ({
   const compliantOption = (0, import_react_redux25.useSelector)(selectCompliantOption);
   const selectedNetwork = (0, import_react_redux25.useSelector)(selectSourceChain);
   const targetAddress = (0, import_react_redux25.useSelector)(selectTargetAddress);
+  const dAppOption = (0, import_react_redux25.useSelector)(selectDappOption);
   const { externalProvider } = useKimaContext();
   const { connected: isSolanaConnected } = (0, import_wallet_adapter_react6.useWallet)();
   const { connected: isTronConnected } = (0, import_tronwallet_adapter_react_hooks6.useWallet)();
@@ -4632,14 +4941,14 @@ var WalletButton = ({
     /*, connectBitcoinWallet*/
   } = useIsWalletReady4();
   const { balance, decimals } = useBalance4();
-  const { open } = (0, import_react74.useAppKit)();
-  const { open: isModalOpen } = (0, import_react74.useAppKitState)();
+  const { open } = (0, import_react76.useAppKit)();
+  const { open: isModalOpen } = (0, import_react76.useAppKitState)();
   const { width, updateWidth } = useWidth_default();
   useHideActivityTab_default(isModalOpen);
   const { kimaBackendUrl } = useKimaContext();
   const { data: envOptions } = useGetEnvOptions({ kimaBackendUrl });
   const networkOption = envOptions?.env || "testnet" /* testnet */;
-  (0, import_react73.useEffect)(() => {
+  (0, import_react75.useEffect)(() => {
     logger_default.debug("WalletBalance:", {
       balance,
       connectedAddress,
@@ -4648,7 +4957,7 @@ var WalletButton = ({
       externalProvider
     });
   }, [balance, connectedAddress, isReady, externalProvider, networkOption]);
-  (0, import_react73.useEffect)(() => {
+  (0, import_react75.useEffect)(() => {
     if (width === 0) {
       updateWidth(window.innerWidth);
     }
@@ -4676,29 +4985,32 @@ var WalletButton = ({
       logger_default.error("Failed to open AppKitModal", error);
     }
   };
-  const errorMessage = (0, import_react73.useMemo)(() => {
+  const errorMessage = (0, import_react75.useMemo)(() => {
     if (!isReady) return statusMessage;
     if (compliantOption && sourceCompliant !== null && !sourceCompliant?.isCompliant)
       return `Source address has ${sourceCompliant?.results?.[0].result?.risk_score} risk`;
     return "";
   }, [isReady, statusMessage, sourceCompliant, compliantOption]);
-  const isConnected = (0, import_react73.useMemo)(() => {
+  const isConnected = (0, import_react75.useMemo)(() => {
+    if (mode === "payment" /* payment */ && dAppOption !== "none" /* None */) {
+      return isReady;
+    }
     return isReady && !initialSelection;
-  }, [isReady, initialSelection]);
-  (0, import_react73.useEffect)(() => {
+  }, [isReady, initialSelection, mode, dAppOption]);
+  (0, import_react75.useEffect)(() => {
     if (!isReady) {
       dispatch(setSourceAddress(""));
       return;
     }
     dispatch(setSourceAddress(connectedAddress));
   }, [isReady]);
-  return /* @__PURE__ */ import_react73.default.createElement(
+  return /* @__PURE__ */ import_react75.default.createElement(
     "div",
     {
       className: `wallet-button ${isConnected ? "connected" : "disconnected"} ${theme.colorMode} ${errorBelow ? "error-below" : ""}`,
       "data-testid": "connect-wallet-btn"
     },
-    /* @__PURE__ */ import_react73.default.createElement("div", { className: "info-wrapper" }, /* @__PURE__ */ import_react73.default.createElement(
+    /* @__PURE__ */ import_react75.default.createElement("div", { className: "info-wrapper" }, /* @__PURE__ */ import_react75.default.createElement(
       "button",
       {
         className: `${isConnected ? "connected" : "disconnected"} ${width < 640 && "shortened"} ${theme.colorMode}`,
@@ -4708,42 +5020,78 @@ var WalletButton = ({
       isConnected && !placeholder ? width >= 640 ? `${connectedAddress || ""}` : getShortenedAddress(connectedAddress || "") : "",
       !isConnected && mode === "light" /* light */ && "Select Network to Load Account",
       !isConnected && mode !== "light" /* light */ && initialSelection && "Select Network to Connect",
-      !isConnected && mode !== "light" /* light */ && !initialSelection && /* @__PURE__ */ import_react73.default.createElement(Wallet_default, null),
+      !isConnected && mode !== "light" /* light */ && !initialSelection && /* @__PURE__ */ import_react75.default.createElement(Wallet_default, null),
       !isConnected && mode !== "light" /* light */ && !initialSelection && "Connect Wallet"
-    ), isConnected && !placeholder && /* @__PURE__ */ import_react73.default.createElement(CopyButton_default, { text: connectedAddress })),
-    isConnected && !placeholder && balance !== void 0 && decimals !== void 0 ? /* @__PURE__ */ import_react73.default.createElement("p", { className: "balance-info" }, formatUSD(bigIntToNumber({ value: balance, decimals })), " ", selectedCoin, " available") : null
+    ), isConnected && !placeholder && /* @__PURE__ */ import_react75.default.createElement(CopyButton_default, { text: connectedAddress })),
+    isConnected && !placeholder && balance !== void 0 && decimals !== void 0 ? /* @__PURE__ */ import_react75.default.createElement("p", { className: "balance-info" }, formatUSD(bigIntToNumber({ value: balance, decimals })), " ", selectedCoin, " available") : null
   );
 };
 var WalletButton_default = WalletButton;
 // src/components/reusable/CoinDropdown.tsx
-var import_react77 = __toESM(require("react"), 1);
+var import_react79 = __toESM(require("react"), 1);
 var import_react_redux28 = require("react-redux");
 var import_react_redux29 = require("react-redux");
 // src/hooks/useCurrencyOptions.tsx
-var import_react75 = require("react");
+var import_react77 = require("react");
 var import_react_redux26 = require("react-redux");
 var import_react_redux27 = require("react-redux");
+var emptyTokenList = { tokenList: [] };
 function useCurrencyOptions(isSourceChain) {
   const dispatch = (0, import_react_redux27.useDispatch)();
   const mode = (0, import_react_redux26.useSelector)(selectMode);
   const sourceChain = (0, import_react_redux26.useSelector)(selectSourceChain);
+  const sourceSymbol = (0, import_react_redux26.useSelector)(selectSourceCurrency);
   const targetChain = (0, import_react_redux26.useSelector)(selectTargetChain);
-  const chain = isSourceChain ? sourceChain : targetChain;
   const transactionOption = (0, import_react_redux26.useSelector)(selectTransactionOption);
-  const networks = (0, import_react_redux26.useSelector)(selectNetworks);
-  const output = (0, import_react75.useMemo)(() => {
-    logger_default.debug("useCurrencyOptions: networks: ", networks);
-    const networkTokenList = networks.find((network) => network.id === chain.id) || networks[0];
-    logger_default.debug("useCurrencyOptions: networkTokenList: ", networkTokenList, chain);
-    return !!networks ? { tokenList: networkTokenList?.supportedTokens } : { tokenList: [] };
-  }, [networks, chain]);
+  const output = (0, import_react77.useMemo)(() => {
+    const chain = isSourceChain ? sourceChain : targetChain;
+    const location = isSourceChain ? "origin" : "target";
+    if (!chain) {
+      logger_default.debug(`useCurrencyOptions(${location}): no chain selected`, {
+        chain,
+        sourceSymbol
+      });
+      return emptyTokenList;
+    }
+    if (isSourceChain) return { tokenList: chain.supportedTokens };
+    if (!sourceSymbol) {
+      logger_default.debug(`useCurrencyOptions(${location}): no sourceSymbol selected`, {
+        chain,
+        sourceSymbol
+      });
+      return { tokenList: chain.supportedTokens };
+    }
+    const sourceToken = sourceChain.supportedTokens.find(
+      (t) => t.symbol === sourceSymbol
+    );
+    if (!sourceToken) {
+      logger_default.debug(
+        `useCurrencyOptions(${location}): source token ${sourceSymbol ?? "undefined"} not found`,
+        { sourceChain, sourceSymbol }
+      );
+      return { tokenList: chain.supportedTokens };
+    }
+    const tokenList2 = chain.supportedTokens.filter(
+      (token) => token.peggedTo === sourceToken.peggedTo
+    );
+    logger_default.debug(`useCurrencyOptions(${location}): updated token list `, {
+      tokenList: tokenList2,
+      sourceSymbol,
+      sourceToken,
+      chain
+    });
+    return { tokenList: tokenList2 };
+  }, [sourceChain, sourceSymbol, targetChain, isSourceChain]);
   const { tokenList } = output;
-  (0, import_react75.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     if (!tokenList.length) return;
     if (mode === "payment" /* payment */ && !isSourceChain) return;
     const [firstToken] = tokenList;
+    logger_default.debug(
+      `useCurrencyOptions: seting default currency to ${firstToken.symbol}`
+    );
     if (isSourceChain) {
       dispatch(setSourceCurrency(firstToken.symbol));
     } else {
@@ -4754,16 +5102,19 @@ function useCurrencyOptions(isSourceChain) {
 }
 // src/components/reusable/TokenIcon.tsx
-var import_react76 = __toESM(require("react"), 1);
+var import_react78 = __toESM(require("react"), 1);
 var COIN_LIST = {
+  EUR: KEUR_default,
+  EURC: EURC_default,
+  EURK: KEUR_default,
+  HONEY: Honey_default,
   KEUR: KEUR_default,
   KIMAUSD: USDK_default,
   USDC: USDC_default,
   USDK: USDK_default,
-  USDT: USDT_default,
-  WBTC: BTC_default,
   USD: USD_default,
-  HONEY: Honey_default
+  USDT: USDT_default,
+  WBTC: BTC_default
 };
 function TokenIcon({
   symbol,
@@ -4776,22 +5127,36 @@ function TokenIcon({
     logger_default.warn(`Token icon not found for symbol: ${symbol}`);
     return null;
   }
-  return /* @__PURE__ */ import_react76.default.createElement("div", { className: "icon-wrapper" }, /* @__PURE__ */ import_react76.default.createElement(Icon, { width, height }));
+  return /* @__PURE__ */ import_react78.default.createElement("div", { className: "icon-wrapper" }, /* @__PURE__ */ import_react78.default.createElement(Icon, { width, height }));
 }
 // src/components/reusable/CoinDropdown.tsx
 var CoinDropdown = ({
   isSourceChain = true
 }) => {
-  const ref = (0, import_react77.useRef)();
+  const ref = (0, import_react79.useRef)();
   const dispatch = (0, import_react_redux29.useDispatch)();
-  const [collapsed, setCollapsed] = (0, import_react77.useState)(true);
+  const [collapsed, setCollapsed] = (0, import_react79.useState)(true);
   const sourceCurrency = (0, import_react_redux28.useSelector)(selectSourceCurrency);
+  const mode = (0, import_react_redux28.useSelector)(selectMode);
+  const dAppOption = (0, import_react_redux28.useSelector)(selectDappOption);
+  const transactionOption = (0, import_react_redux28.useSelector)(selectTransactionOption);
   const targetCurrency = (0, import_react_redux28.useSelector)(selectTargetCurrency);
   const { tokenList } = useCurrencyOptions(isSourceChain);
   const theme = (0, import_react_redux28.useSelector)(selectTheme);
   const tokenSymbol = isSourceChain ? sourceCurrency : targetCurrency;
-  (0, import_react77.useEffect)(() => {
+  const shouldLockToken = isSourceChain && mode === "payment" /* payment */ && dAppOption !== "none" /* None */ && !!transactionOption?.currency;
+  (0, import_react79.useEffect)(() => {
+    if (!shouldLockToken) return;
+    const matched = tokenList.find(
+      (token) => token.symbol === transactionOption.currency
+    );
+    if (matched) {
+      dispatch(setSourceCurrency(transactionOption.currency));
+      dispatch(setTargetCurrency(transactionOption.currency));
+    }
+  }, [shouldLockToken, transactionOption?.currency, tokenList]);
+  (0, import_react79.useEffect)(() => {
     const bodyMouseDowntHandler = (e) => {
       if (ref?.current && !ref.current.contains(e.target)) {
         setCollapsed(true);
@@ -4809,68 +5174,71 @@ var CoinDropdown = ({
       dispatch(setTargetCurrency(symbol));
     }
   };
-  return /* @__PURE__ */ import_react77.default.createElement(
+  return /* @__PURE__ */ import_react79.default.createElement(
     "div",
     {
-      className: `coin-dropdown ${theme.colorMode} ${collapsed ? "collapsed" : "toggled"}`,
-      onClick: () => setCollapsed((prev) => !prev),
+      className: `coin-dropdown ${theme.colorMode} ${collapsed ? "collapsed" : "toggled"} ${shouldLockToken ? "disabled" : ""}`,
+      onClick: () => {
+        if (!shouldLockToken) setCollapsed((prev) => !prev);
+      },
       ref
     },
-    /* @__PURE__ */ import_react77.default.createElement("div", { className: "coin-wrapper" }, /* @__PURE__ */ import_react77.default.createElement(TokenIcon, { symbol: tokenSymbol, width: 24, height: 24 }), /* @__PURE__ */ import_react77.default.createElement("span", { className: "coin" }, tokenSymbol)),
-    /* @__PURE__ */ import_react77.default.createElement(
+    /* @__PURE__ */ import_react79.default.createElement("div", { className: "coin-wrapper" }, /* @__PURE__ */ import_react79.default.createElement(TokenIcon, { symbol: tokenSymbol, width: 24, height: 24 }), /* @__PURE__ */ import_react79.default.createElement("span", { className: "coin" }, tokenSymbol)),
+    /* @__PURE__ */ import_react79.default.createElement(
       "div",
       {
         className: `coin-menu ${theme.colorMode} ${collapsed ? "collapsed" : "toggled"}`
       },
-      tokenList.map((token) => /* @__PURE__ */ import_react77.default.createElement(
+      tokenList.map((token) => /* @__PURE__ */ import_react79.default.createElement(
         "div",
         {
           className: `coin-item ${theme.colorMode}`,
           key: token.symbol,
           onClick: () => handleDropdownItemClick(token.symbol)
         },
-        /* @__PURE__ */ import_react77.default.createElement(TokenIcon, { symbol: token.symbol, width: 24, height: 24 }),
-        /* @__PURE__ */ import_react77.default.createElement("p", null, token.symbol)
+        /* @__PURE__ */ import_react79.default.createElement(TokenIcon, { symbol: token.symbol, width: 24, height: 24 }),
+        /* @__PURE__ */ import_react79.default.createElement("p", null, token.symbol)
       ))
     ),
-    /* @__PURE__ */ import_react77.default.createElement("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}` }, /* @__PURE__ */ import_react77.default.createElement(Arrow_default, { fill: "none" }))
+    !shouldLockToken && /* @__PURE__ */ import_react79.default.createElement("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}` }, /* @__PURE__ */ import_react79.default.createElement(Arrow_default, { fill: "none" }))
   );
 };
 var CoinDropdown_default = CoinDropdown;
 // src/components/reusable/ConfirmDetails.tsx
-var import_react80 = __toESM(require("react"), 1);
+var import_react82 = __toESM(require("react"), 1);
 var import_react_redux31 = require("react-redux");
 // src/components/reusable/ChainIcon.tsx
-var import_react78 = __toESM(require("react"), 1);
+var import_react80 = __toESM(require("react"), 1);
 var chainIcons = {
-  ETH: Ethereum_default,
-  POL: Polygon_default,
+  ARB: Arbitrum_default,
   AVX: Avalanche_default,
+  BANK: Bank_default,
   BASE: Base_default,
+  BERA: Bera_default,
   BSC: BSC_default,
   BTC: BTC_default,
-  ARB: Arbitrum_default,
+  CC: CreditCard_default,
+  CFX: CFX_default,
+  ETH: Ethereum_default,
+  FIAT: Bank_default,
+  POL: Polygon_default,
   OPT: Optimism_default,
-  TRX: Tron_default,
   SOL: Solana_default,
-  FIAT: Bank_default,
-  BERA: Bera_default,
-  CFX: CFX_default,
-  CC: CreditCard_default
+  TRX: Tron_default
 };
 function ChainIcon({ symbol }) {
   const Icon = symbol === "FIAT" ? chainIcons["CC"] : chainIcons[symbol];
   if (!Icon) {
-    logger_default.warn(`Chain icon not found for symbol: ${symbol}`);
-    return /* @__PURE__ */ import_react78.default.createElement("div", null);
+    if (symbol) logger_default.warn(`Chain icon not found for symbol: ${symbol}`);
+    return /* @__PURE__ */ import_react80.default.createElement("div", null);
   }
-  return /* @__PURE__ */ import_react78.default.createElement("div", { className: "icon" }, /* @__PURE__ */ import_react78.default.createElement(Icon, null));
+  return /* @__PURE__ */ import_react80.default.createElement("div", { className: "icon" }, /* @__PURE__ */ import_react80.default.createElement(Icon, null));
 }
 // src/components/reusable/FeeDeductionRadioButtons.tsx
-var import_react79 = __toESM(require("react"), 1);
+var import_react81 = __toESM(require("react"), 1);
 var import_react_redux30 = require("react-redux");
 var FeeDeductionRadioButtons = ({ disabled }) => {
   const dispatch = (0, import_react_redux30.useDispatch)();
@@ -4887,7 +5255,7 @@ var FeeDeductionRadioButtons = ({ disabled }) => {
   const handleChange = (value) => {
     dispatch(setFeeDeduct(value));
   };
-  return /* @__PURE__ */ import_react79.default.createElement("div", { className: `fee-deduction-radio-container ${theme.colorMode}` }, /* @__PURE__ */ import_react79.default.createElement("div", { className: "fee-options" }, Number(amount) - totalFee > 0 && /* @__PURE__ */ import_react79.default.createElement("label", { className: `fee-option ${disabled ? "disabled" : ""}` }, /* @__PURE__ */ import_react79.default.createElement(
+  return /* @__PURE__ */ import_react81.default.createElement("div", { className: `fee-deduction-radio-container ${theme.colorMode}` }, /* @__PURE__ */ import_react81.default.createElement("div", { className: "fee-options" }, Number(amount) - totalFee > 0 && /* @__PURE__ */ import_react81.default.createElement("label", { className: `fee-option ${disabled ? "disabled" : ""}` }, /* @__PURE__ */ import_react81.default.createElement(
     "input",
     {
       type: "radio",
@@ -4896,11 +5264,11 @@ var FeeDeductionRadioButtons = ({ disabled }) => {
       disabled,
       onChange: () => handleChange(true)
     }
-  ), /* @__PURE__ */ import_react79.default.createElement("span", { className: `radio-label ${theme.colorMode}` }, `Pay $${formatterFloat.format(
+  ), /* @__PURE__ */ import_react81.default.createElement("span", { className: `radio-label ${theme.colorMode}` }, `Pay $${formatterFloat.format(
     Number(amount)
   )} ${sourceCurrency} in ${sourceNetwork.name} to receive $${formatterFloat.format(
     Number(amount) - totalFee
-  )} ${targetCurrency} in ${targetNetwork.name}`)), /* @__PURE__ */ import_react79.default.createElement("label", { className: `fee-option ${disabled ? "disabled" : ""}` }, /* @__PURE__ */ import_react79.default.createElement(
+  )} ${targetCurrency} in ${targetNetwork.name}`)), /* @__PURE__ */ import_react81.default.createElement("label", { className: `fee-option ${disabled ? "disabled" : ""}` }, /* @__PURE__ */ import_react81.default.createElement(
     "input",
     {
       type: "radio",
@@ -4909,7 +5277,7 @@ var FeeDeductionRadioButtons = ({ disabled }) => {
       disabled,
       onChange: () => handleChange(false)
     }
-  ), /* @__PURE__ */ import_react79.default.createElement("span", { className: `radio-label ${theme.colorMode}` }, `Pay $${formatterFloat.format(
+  ), /* @__PURE__ */ import_react81.default.createElement("span", { className: `radio-label ${theme.colorMode}` }, `Pay $${formatterFloat.format(
     Number(amount) + totalFee
   )} ${sourceCurrency} in ${sourceNetwork.name} to receive $${formatterFloat.format(
     Number(amount)
@@ -4935,14 +5303,10 @@ var ConfirmDetails = ({
   const bankDetails = (0, import_react_redux31.useSelector)(selectBankDetails);
   const signature = (0, import_react_redux31.useSelector)(selectSignature);
   const networkOptions3 = (0, import_react_redux31.useSelector)(selectNetworks);
-  const [feeCollapsed, setFeeCollapsed] = (0, import_react80.useState)(true);
+  const [feeCollapsed, setFeeCollapsed] = (0, import_react82.useState)(true);
   const transactionOption = (0, import_react_redux31.useSelector)(selectTransactionOption);
   const { connectedAddress } = useIsWalletReady4();
-  const originNetworkOption = (0, import_react80.useMemo)(
-    () => networkOptions3.filter((network) => network.id === originNetwork.id)[0],
-    [networkOptions3, originNetwork]
-  );
-  const targetNetworkOption = (0, import_react80.useMemo)(
+  const targetNetworkOption = (0, import_react82.useMemo)(
     () => networkOptions3.filter(
       (network) => network.shortName === (mode === "payment" /* payment */ ? transactionOption?.targetChain : targetNetwork.shortName)
     )[0],
@@ -4951,16 +5315,16 @@ var ConfirmDetails = ({
   const sourceCurrency = (0, import_react_redux31.useSelector)(selectSourceCurrency);
   const targetCurrency = (0, import_react_redux31.useSelector)(selectTargetCurrency);
   const { width, updateWidth } = useWidth_default();
-  (0, import_react80.useEffect)(() => {
+  (0, import_react82.useEffect)(() => {
     width === 0 && updateWidth(window.innerWidth);
   }, []);
-  return /* @__PURE__ */ import_react80.default.createElement("div", { className: `confirm-details ${theme.colorMode}` }, /* @__PURE__ */ import_react80.default.createElement("p", null, "Step ", isApproved ? "2" : "1", "\xA0of 2\xA0\xA0\xA0", isApproved ? "Submit transaction" : originNetwork.shortName === "FIAT" /* FIAT */ ? "Bank Details" : "Approval"), originNetwork.shortName === "FIAT" /* FIAT */ ? /* @__PURE__ */ import_react80.default.createElement("div", null, /* @__PURE__ */ import_react80.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ import_react80.default.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ import_react80.default.createElement(ChainIcon, { symbol: originNetworkOption?.shortName }), "FIAT"), /* @__PURE__ */ import_react80.default.createElement("p", null, "ES6621000418401234567891")), /* @__PURE__ */ import_react80.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ import_react80.default.createElement("p", null, "Kima Sandbox")), /* @__PURE__ */ import_react80.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: "label" }, "BIC:"), /* @__PURE__ */ import_react80.default.createElement("p", null, "CAIXESBBXXX")), /* @__PURE__ */ import_react80.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: "label" }, "Description:"), /* @__PURE__ */ import_react80.default.createElement("p", { className: "signature" }, signature))) : /* @__PURE__ */ import_react80.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: "label" }, "Source ", originNetwork.shortName !== "CC" && "wallet", ":"), /* @__PURE__ */ import_react80.default.createElement("div", { className: "network-details" }, /* @__PURE__ */ import_react80.default.createElement("div", { className: "kima-card-network-container" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ import_react80.default.createElement(ChainIcon, { symbol: originNetworkOption?.shortName }), originNetworkOption.name)), originNetwork.shortName !== "CC" && /* @__PURE__ */ import_react80.default.createElement("p", { className: theme.colorMode }, dAppOption === "LPDrain" /* LPDrain */ ? targetAddress : connectedAddress))), /* @__PURE__ */ import_react80.default.createElement("div", { className: "detail-item amount" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: "amount-container" }, /* @__PURE__ */ import_react80.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react80.default.createElement("span", null, "Amount to Transfer "), /* @__PURE__ */ import_react80.default.createElement("div", { className: "coin-details" }, /* @__PURE__ */ import_react80.default.createElement("p", null, formatBigInt(txValues.allowanceAmount), " ", sourceCurrency))), /* @__PURE__ */ import_react80.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react80.default.createElement("span", null, "Total Fees"), /* @__PURE__ */ import_react80.default.createElement(
+  return /* @__PURE__ */ import_react82.default.createElement("div", { className: `confirm-details ${theme.colorMode}` }, /* @__PURE__ */ import_react82.default.createElement("p", null, "Step ", isApproved ? "2" : "1", "\xA0of 2\xA0\xA0\xA0", isApproved ? "Submit transaction" : originNetwork.shortName === "FIAT" /* FIAT */ ? "Bank Details" : "Approval"), originNetwork.shortName === "FIAT" /* FIAT */ ? /* @__PURE__ */ import_react82.default.createElement("div", null, /* @__PURE__ */ import_react82.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react82.default.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ import_react82.default.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ import_react82.default.createElement(ChainIcon, { symbol: originNetwork?.shortName }), "FIAT"), /* @__PURE__ */ import_react82.default.createElement("p", null, "ES6621000418401234567891")), /* @__PURE__ */ import_react82.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react82.default.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ import_react82.default.createElement("p", null, "Kima Sandbox")), /* @__PURE__ */ import_react82.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react82.default.createElement("span", { className: "label" }, "BIC:"), /* @__PURE__ */ import_react82.default.createElement("p", null, "CAIXESBBXXX")), /* @__PURE__ */ import_react82.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react82.default.createElement("span", { className: "label" }, "Description:"), /* @__PURE__ */ import_react82.default.createElement("p", { className: "signature" }, signature))) : /* @__PURE__ */ import_react82.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react82.default.createElement("span", { className: "label" }, "Source ", originNetwork.shortName !== "CC" && "wallet", ":"), /* @__PURE__ */ import_react82.default.createElement("div", { className: "network-details" }, /* @__PURE__ */ import_react82.default.createElement("div", { className: "kima-card-network-container" }, /* @__PURE__ */ import_react82.default.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ import_react82.default.createElement(ChainIcon, { symbol: originNetwork?.shortName }), originNetwork.name)), originNetwork.shortName !== "CC" && /* @__PURE__ */ import_react82.default.createElement("p", { className: theme.colorMode }, dAppOption === "LPDrain" /* LPDrain */ ? targetAddress : connectedAddress))), /* @__PURE__ */ import_react82.default.createElement("div", { className: "detail-item amount" }, /* @__PURE__ */ import_react82.default.createElement("span", { className: "amount-container" }, dAppOption === "none" /* None */ && /* @__PURE__ */ import_react82.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react82.default.createElement("span", null, "Amount to Transfer "), /* @__PURE__ */ import_react82.default.createElement("div", { className: "coin-details" }, /* @__PURE__ */ import_react82.default.createElement("p", null, formatBigInt(txValues.allowanceAmount), " ", sourceCurrency))), dAppOption === "none" /* None */ && /* @__PURE__ */ import_react82.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react82.default.createElement("span", null, "Total Fees"), /* @__PURE__ */ import_react82.default.createElement(
     "div",
     {
       className: "fee-collapse",
       onClick: () => setFeeCollapsed(!feeCollapsed)
     },
-    /* @__PURE__ */ import_react80.default.createElement(
+    /* @__PURE__ */ import_react82.default.createElement(
       MiniArrow_default,
       {
         width: 15,
@@ -4971,16 +5335,16 @@ var ConfirmDetails = ({
         }
       }
     ),
-    /* @__PURE__ */ import_react80.default.createElement("span", { className: "service-fee" }, formatBigInt(totalFee), " ", sourceCurrency)
-  )), /* @__PURE__ */ import_react80.default.createElement("div", { className: `fee-breakdown ${feeCollapsed ? "collapsed" : ""}` }, /* @__PURE__ */ import_react80.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react80.default.createElement("span", null, originNetwork.shortName === "CC" ? "Credit Card Processing Fee" : `Source Network Fee (${originNetwork.shortName})`), /* @__PURE__ */ import_react80.default.createElement("span", { className: "service-fee" }, formatBigInt(sourceFee), " ", sourceCurrency)), /* @__PURE__ */ import_react80.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react80.default.createElement("span", null, "Target Network Fee (", targetNetwork.shortName, ")"), /* @__PURE__ */ import_react80.default.createElement("span", { className: "service-fee" }, formatBigInt(targetFee), " ", targetCurrency)), /* @__PURE__ */ import_react80.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react80.default.createElement("span", null, "KIMA Service Fee"), /* @__PURE__ */ import_react80.default.createElement("span", { className: "service-fee" }, formatBigInt(kimaFee), " ", sourceCurrency))), /* @__PURE__ */ import_react80.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react80.default.createElement("span", null, "Target Transfer Amount"), /* @__PURE__ */ import_react80.default.createElement("span", { className: "service-fee" }, formatBigInt(txValues.submitAmount), " ", targetCurrency)))), targetNetwork.shortName === "FIAT" /* FIAT */ ? /* @__PURE__ */ import_react80.default.createElement("div", null, /* @__PURE__ */ import_react80.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ import_react80.default.createElement("p", null, bankDetails.iban), /* @__PURE__ */ import_react80.default.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ import_react80.default.createElement(ChainIcon, { symbol: targetNetworkOption?.shortName }), "FIAT")), /* @__PURE__ */ import_react80.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ import_react80.default.createElement("p", null, bankDetails.recipient))) : /* @__PURE__ */ import_react80.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: "label" }, "Target wallet:"), /* @__PURE__ */ import_react80.default.createElement("div", { className: "network-details" }, /* @__PURE__ */ import_react80.default.createElement("div", { className: "kima-card-network-container" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ import_react80.default.createElement(ChainIcon, { symbol: targetNetworkOption?.shortName }), targetNetworkOption?.name)), /* @__PURE__ */ import_react80.default.createElement("p", { className: theme.colorMode }, mode === "light" /* light */ ? targetNetwork.shortName === "SOL" ? lightDemoAccounts.SOL : targetNetwork.shortName === "TRX" ? lightDemoAccounts.TRX : lightDemoAccounts.EVM : dAppOption === "LPDrain" /* LPDrain */ ? connectedAddress : targetAddress))), mode === "bridge" /* bridge */ && BigInt(totalFee.value) > BigInt(0) ? (
+    /* @__PURE__ */ import_react82.default.createElement("span", { className: "service-fee" }, formatBigInt(totalFee), " ", sourceCurrency)
+  )), /* @__PURE__ */ import_react82.default.createElement("div", { className: `fee-breakdown ${feeCollapsed ? "collapsed" : ""}` }, /* @__PURE__ */ import_react82.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react82.default.createElement("span", null, originNetwork.shortName === "CC" ? "Credit Card Processing Fee" : `Source Network Fee (${originNetwork.shortName})`), /* @__PURE__ */ import_react82.default.createElement("span", { className: "service-fee" }, formatBigInt(sourceFee), " ", sourceCurrency)), /* @__PURE__ */ import_react82.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react82.default.createElement("span", null, "Target Network Fee (", targetNetwork.shortName, ")"), /* @__PURE__ */ import_react82.default.createElement("span", { className: "service-fee" }, formatBigInt(targetFee), " ", targetCurrency)), /* @__PURE__ */ import_react82.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react82.default.createElement("span", null, "KIMA Service Fee"), /* @__PURE__ */ import_react82.default.createElement("span", { className: "service-fee" }, formatBigInt(kimaFee), " ", sourceCurrency))), /* @__PURE__ */ import_react82.default.createElement("div", { className: "amount-details" }, /* @__PURE__ */ import_react82.default.createElement("span", null, "Target Transfer Amount"), /* @__PURE__ */ import_react82.default.createElement("span", { className: "service-fee" }, formatBigInt(txValues.submitAmount), " ", targetCurrency)))), targetNetwork.shortName === "FIAT" /* FIAT */ ? /* @__PURE__ */ import_react82.default.createElement("div", null, /* @__PURE__ */ import_react82.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react82.default.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ import_react82.default.createElement("p", null, bankDetails.iban), /* @__PURE__ */ import_react82.default.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ import_react82.default.createElement(ChainIcon, { symbol: targetNetworkOption?.shortName }), "FIAT")), /* @__PURE__ */ import_react82.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react82.default.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ import_react82.default.createElement("p", null, bankDetails.recipient))) : /* @__PURE__ */ import_react82.default.createElement("div", { className: "detail-item" }, /* @__PURE__ */ import_react82.default.createElement("span", { className: "label" }, "Target wallet:"), /* @__PURE__ */ import_react82.default.createElement("div", { className: "network-details" }, /* @__PURE__ */ import_react82.default.createElement("div", { className: "kima-card-network-container" }, /* @__PURE__ */ import_react82.default.createElement("span", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ import_react82.default.createElement(ChainIcon, { symbol: targetNetworkOption?.shortName }), targetNetworkOption?.name)), /* @__PURE__ */ import_react82.default.createElement("p", { className: theme.colorMode }, mode === "light" /* light */ ? targetNetwork.shortName === "SOL" ? lightDemoAccounts.SOL : targetNetwork.shortName === "TRX" ? lightDemoAccounts.TRX : lightDemoAccounts.EVM : dAppOption === "LPDrain" /* LPDrain */ ? connectedAddress : targetAddress))), mode === "bridge" /* bridge */ && BigInt(totalFee.value) > BigInt(0) ? (
     // <FeeDeductionSlider />
-    /* @__PURE__ */ import_react80.default.createElement(FeeDeductionRadioButtons_default, { disabled: feeOptionDisabled })
+    /* @__PURE__ */ import_react82.default.createElement(FeeDeductionRadioButtons_default, { disabled: feeOptionDisabled })
   ) : null);
 };
 var ConfirmDetails_default = ConfirmDetails;
 // src/components/reusable/AddressInput.tsx
-var import_react81 = __toESM(require("react"), 1);
+var import_react83 = __toESM(require("react"), 1);
 var import_react_redux32 = require("react-redux");
 var AddressInput = ({
   theme,
@@ -4993,7 +5357,7 @@ var AddressInput = ({
   const targetChain = (0, import_react_redux32.useSelector)(selectTargetChain);
   const { connectedAddress: sourceAddress, isReady } = useIsWalletReady4();
   const targetAddress = (0, import_react_redux32.useSelector)(selectTargetAddress);
-  (0, import_react81.useEffect)(() => {
+  (0, import_react83.useEffect)(() => {
     if (mode === "payment" /* payment */) return;
     if (mode === "light" /* light */ && !initialSelection) {
       if (isEVMChain(targetChain.shortName))
@@ -5019,7 +5383,7 @@ var AddressInput = ({
     mode,
     dispatch
   ]);
-  return /* @__PURE__ */ import_react81.default.createElement(
+  return /* @__PURE__ */ import_react83.default.createElement(
     "input",
     {
       className: `kima-address-input ${theme}`,
@@ -5034,11 +5398,11 @@ var AddressInput = ({
 var AddressInput_default = AddressInput;
 // src/components/reusable/CustomCheckbox.tsx
-var import_react82 = __toESM(require("react"), 1);
+var import_react84 = __toESM(require("react"), 1);
 var import_react_redux33 = require("react-redux");
 // src/components/reusable/StepBox.tsx
-var import_react83 = __toESM(require("react"), 1);
+var import_react85 = __toESM(require("react"), 1);
 var import_react_redux34 = require("react-redux");
 var stepInfo2 = [
   {
@@ -5062,69 +5426,69 @@ var StepBox = ({ step, errorStep, loadingStep, data }) => {
   const explorerUrl = (0, import_react_redux34.useSelector)(selectKimaExplorer);
   const networkOption = (0, import_react_redux34.useSelector)(selectNetworkOption);
   const networks = (0, import_react_redux34.useSelector)(selectNetworks);
-  const sourceChain = (0, import_react83.useMemo)(() => {
+  const { width: windowWidth } = useWidth_default();
+  const sourceChain = (0, import_react85.useMemo)(() => {
     const sourceKey = data?.sourceChain === "FIAT" ? "CC" : data?.sourceChain;
     return networks.find((network) => network.shortName === sourceKey);
   }, [data, networks]);
-  const targetChain = (0, import_react83.useMemo)(
+  const targetChain = (0, import_react85.useMemo)(
     () => networks.find((network) => network.shortName === data?.targetChain),
     [data, networks]
   );
-  return /* @__PURE__ */ import_react83.default.createElement("div", { className: "kima-stepbox" }, /* @__PURE__ */ import_react83.default.createElement("div", { className: `content-wrapper ${theme.colorMode}` }, stepInfo2.map((item, index) => /* @__PURE__ */ import_react83.default.createElement("div", { key: item.title, className: "step-item" }, /* @__PURE__ */ import_react83.default.createElement(
+  return /* @__PURE__ */ import_react85.default.createElement("div", { className: "kima-stepbox" }, /* @__PURE__ */ import_react85.default.createElement("div", { className: `content-wrapper ${theme.colorMode}` }, stepInfo2.map((item, index) => /* @__PURE__ */ import_react85.default.createElement("div", { key: item.title, className: "step-item" }, /* @__PURE__ */ import_react85.default.createElement(
     "div",
     {
       className: `info-item
                   ${step >= index ? index === loadingStep ? "active" : index === errorStep ? "error" : "completed" : ""}
                   ${step < index && "locked"} ${theme.colorMode}`
     },
-    step < index && /* @__PURE__ */ import_react83.default.createElement(Lock_default, null),
-    step >= index ? index === loadingStep ? /* @__PURE__ */ import_react83.default.createElement(Loader_default, { className: "loader" }) : index === errorStep ? /* @__PURE__ */ import_react83.default.createElement(Warning_default, null) : /* @__PURE__ */ import_react83.default.createElement(Check_default, null) : null,
-    /* @__PURE__ */ import_react83.default.createElement("p", null, item.title)
-  ), index === 0 && data?.kimaTxHash ? /* @__PURE__ */ import_react83.default.createElement("div", { className: `info-item ${theme.colorMode}` }, /* @__PURE__ */ import_react83.default.createElement("div", { className: "icon" }, /* @__PURE__ */ import_react83.default.createElement(USDK_default, { width: 30, height: 30 })), /* @__PURE__ */ import_react83.default.createElement("p", { className: "chain-name" }, "Kima TX Hash:"), /* @__PURE__ */ import_react83.default.createElement("p", null, /* @__PURE__ */ import_react83.default.createElement(
+    /* @__PURE__ */ import_react85.default.createElement("div", { className: "info-icon" }, step < index && /* @__PURE__ */ import_react85.default.createElement(Lock_default, { width: 24, height: 24 }), step >= index ? index === loadingStep ? /* @__PURE__ */ import_react85.default.createElement(Loader_default, { width: 24, height: 24, className: "loader" }) : index === errorStep ? /* @__PURE__ */ import_react85.default.createElement(Warning_default, { width: 24, height: 24 }) : /* @__PURE__ */ import_react85.default.createElement(Check_default, { width: 24, height: 24 }) : null),
+    /* @__PURE__ */ import_react85.default.createElement("p", null, item.title)
+  ), index === 0 && data?.kimaTxHash ? /* @__PURE__ */ import_react85.default.createElement("div", { className: `info-item ${theme.colorMode}` }, /* @__PURE__ */ import_react85.default.createElement("div", { className: "icon" }, /* @__PURE__ */ import_react85.default.createElement(USDK_default, { width: 30, height: 30 })), /* @__PURE__ */ import_react85.default.createElement("p", { className: "chain-name" }, "Kima TX Hash:"), /* @__PURE__ */ import_react85.default.createElement("p", null, /* @__PURE__ */ import_react85.default.createElement(
     ExternalLink_default,
     {
       to: `${explorerUrl}/transactions/?tx=${data?.kimaTxHash}`
     },
     getShortenedAddress(data?.kimaTxHash || "")
-  ), /* @__PURE__ */ import_react83.default.createElement(CopyButton_default, { text: data?.kimaTxHash }))) : null, index === 1 && data?.tssPullHash && sourceChain?.shortName !== "CC" ? /* @__PURE__ */ import_react83.default.createElement(
+  ), /* @__PURE__ */ import_react85.default.createElement(CopyButton_default, { text: data?.kimaTxHash }))) : null, index === 1 && data?.tssPullHash && sourceChain?.shortName !== "CC" ? /* @__PURE__ */ import_react85.default.createElement(
     "div",
     {
       className: `info-item ${theme.colorMode} source-chain ${step >= 3 ? "paid" : ""}`
     },
-    /* @__PURE__ */ import_react83.default.createElement(ChainIcon, { symbol: data.sourceChain }),
-    /* @__PURE__ */ import_react83.default.createElement("p", { className: "chain-name" }, sourceChain?.name, " TX Hash:"),
-    /* @__PURE__ */ import_react83.default.createElement("p", null, /* @__PURE__ */ import_react83.default.createElement(
+    /* @__PURE__ */ import_react85.default.createElement(ChainIcon, { symbol: data.sourceChain }),
+    /* @__PURE__ */ import_react85.default.createElement("p", { className: "chain-name" }, windowWidth >= 770 ? sourceChain?.name : sourceChain?.shortName, " ", "TX Hash:"),
+    /* @__PURE__ */ import_react85.default.createElement("p", null, /* @__PURE__ */ import_react85.default.createElement(
       ExternalLink_default,
       {
         to: `${sourceChain?.blockExplorers?.default.url}/${data?.sourceChain === "TRX" /* TRON */ ? "#/transaction" : "tx"}/${data?.tssPullHash}${data?.sourceChain === "SOL" /* SOLANA */ && networkOption === "testnet" /* testnet */ ? "?cluster=devnet" : ""}`
       },
       getShortenedAddress(data?.tssPullHash || "")
-    ), /* @__PURE__ */ import_react83.default.createElement(CopyButton_default, { text: data?.tssPullHash || "" }))
-  ) : null, index === 3 && data?.tssRefundHash ? /* @__PURE__ */ import_react83.default.createElement("div", { className: `info-item ${theme.colorMode} target-chain` }, /* @__PURE__ */ import_react83.default.createElement(ChainIcon, { symbol: data.sourceChain }), /* @__PURE__ */ import_react83.default.createElement("p", { className: "chain-name" }, sourceChain?.name, " TX Hash:"), /* @__PURE__ */ import_react83.default.createElement("p", null, /* @__PURE__ */ import_react83.default.createElement(
+    ), /* @__PURE__ */ import_react85.default.createElement(CopyButton_default, { text: data?.tssPullHash || "" }))
+  ) : null, index === 3 && data?.tssRefundHash ? /* @__PURE__ */ import_react85.default.createElement("div", { className: `info-item ${theme.colorMode} target-chain` }, /* @__PURE__ */ import_react85.default.createElement(ChainIcon, { symbol: data.sourceChain }), /* @__PURE__ */ import_react85.default.createElement("p", { className: "chain-name" }, windowWidth >= 770 ? sourceChain?.name : sourceChain?.shortName, " ", "TX Hash:"), /* @__PURE__ */ import_react85.default.createElement("p", null, /* @__PURE__ */ import_react85.default.createElement(
     ExternalLink_default,
     {
       to: `${sourceChain?.blockExplorers?.default.url}/${data?.sourceChain === "TRX" /* TRON */ ? "#/transaction" : "tx"}/${data?.tssRefundHash}${data?.sourceChain === "SOL" /* SOLANA */ && networkOption === "testnet" /* testnet */ ? "?cluster=devnet" : ""}`
     },
     getShortenedAddress(data?.tssRefundHash || "")
-  ), /* @__PURE__ */ import_react83.default.createElement(CopyButton_default, { text: data?.tssRefundHash || "" }))) : null, index === 3 && data?.tssReleaseHash ? /* @__PURE__ */ import_react83.default.createElement("div", { className: `info-item ${theme.colorMode} target-chain` }, /* @__PURE__ */ import_react83.default.createElement(ChainIcon, { symbol: data.targetChain }), /* @__PURE__ */ import_react83.default.createElement("p", { className: "chain-name" }, targetChain?.name, " TX Hash:"), /* @__PURE__ */ import_react83.default.createElement("p", null, /* @__PURE__ */ import_react83.default.createElement(
+  ), /* @__PURE__ */ import_react85.default.createElement(CopyButton_default, { text: data?.tssRefundHash || "" }))) : null, index === 3 && data?.tssReleaseHash ? /* @__PURE__ */ import_react85.default.createElement("div", { className: `info-item ${theme.colorMode} target-chain` }, /* @__PURE__ */ import_react85.default.createElement(ChainIcon, { symbol: data.targetChain }), /* @__PURE__ */ import_react85.default.createElement("p", { className: "chain-name" }, windowWidth >= 770 ? targetChain?.name : targetChain?.shortName, " ", "TX Hash:"), /* @__PURE__ */ import_react85.default.createElement("p", null, /* @__PURE__ */ import_react85.default.createElement(
     ExternalLink_default,
     {
       to: `${targetChain?.blockExplorers?.default.url}/${data?.targetChain === "TRX" /* TRON */ ? "#/transaction" : "tx"}/${data?.tssReleaseHash}${data?.targetChain === "SOL" /* SOLANA */ && networkOption === "testnet" /* testnet */ ? "?cluster=devnet" : ""}`
     },
     getShortenedAddress(data?.tssReleaseHash || "")
-  ), /* @__PURE__ */ import_react83.default.createElement(CopyButton_default, { text: data?.tssReleaseHash || "" }))) : null))));
+  ), /* @__PURE__ */ import_react85.default.createElement(CopyButton_default, { text: data?.tssReleaseHash || "" }))) : null))));
 };
 var StepBox_default = StepBox;
 // src/components/reusable/BankInput.tsx
-var import_react84 = __toESM(require("react"), 1);
+var import_react86 = __toESM(require("react"), 1);
 var import_react_redux35 = require("react-redux");
 var import_react_redux36 = require("react-redux");
 var BankInput = () => {
   const dispatch = (0, import_react_redux35.useDispatch)();
   const theme = (0, import_react_redux36.useSelector)(selectTheme);
   const bankDetails = (0, import_react_redux36.useSelector)(selectBankDetails);
-  return /* @__PURE__ */ import_react84.default.createElement("div", { className: "bank-input" }, /* @__PURE__ */ import_react84.default.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ import_react84.default.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ import_react84.default.createElement(
+  return /* @__PURE__ */ import_react86.default.createElement("div", { className: "bank-input" }, /* @__PURE__ */ import_react86.default.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ import_react86.default.createElement("span", { className: "label" }, "IBAN:"), /* @__PURE__ */ import_react86.default.createElement(
     "input",
     {
       className: "kima-address-input",
@@ -5132,7 +5496,7 @@ var BankInput = () => {
       value: bankDetails.iban,
       onChange: (e) => dispatch(setBankDetails({ ...bankDetails, iban: e.target.value }))
     }
-  )), /* @__PURE__ */ import_react84.default.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ import_react84.default.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ import_react84.default.createElement(
+  )), /* @__PURE__ */ import_react86.default.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ import_react86.default.createElement("span", { className: "label" }, "Recipient:"), /* @__PURE__ */ import_react86.default.createElement(
     "input",
     {
       className: "kima-address-input",
@@ -5147,7 +5511,7 @@ var BankInput = () => {
 var BankInput_default = BankInput;
 // src/components/reusable/TxButton.tsx
-var import_react85 = __toESM(require("react"), 1);
+var import_react87 = __toESM(require("react"), 1);
 var import_react_redux37 = require("react-redux");
 var import_react_redux38 = require("react-redux");
 var TxButton = ({ theme }) => {
@@ -5156,14 +5520,14 @@ var TxButton = ({ theme }) => {
     dispatch(setPendingTxPopup(true));
   };
   const txCount = (0, import_react_redux38.useSelector)(selectPendingTxs);
-  return /* @__PURE__ */ import_react85.default.createElement(
+  return /* @__PURE__ */ import_react87.default.createElement(
     "button",
     {
       className: `secondary-button tx-button ${theme.colorMode}`,
       onClick: handleClick
     },
     txCount,
-    /* @__PURE__ */ import_react85.default.createElement(
+    /* @__PURE__ */ import_react87.default.createElement(
       ring_default,
       {
         height: 16,
@@ -5182,7 +5546,7 @@ var import_react_redux43 = require("react-redux");
 var import_react_hot_toast3 = require("react-hot-toast");
 // src/hooks/useGetTxData.ts
-var import_react86 = require("react");
+var import_react88 = require("react");
 var import_react_query14 = require("@tanstack/react-query");
 // src/services/transactionApi.ts
@@ -5199,43 +5563,25 @@ var emptyStatus = {
   kimaTxHash: "",
   failReason: ""
 };
-var selectStatus = (response) => {
-  if ("liquidity_transaction_data" in response.data) {
-    const data2 = response.data.liquidity_transaction_data;
-    if (!data2) return emptyStatus;
-    return {
-      status: data2.txstatus,
-      sourceChain: data2.chain,
-      targetChain: data2.chain,
-      tssPullHash: data2.releasehash,
-      tssReleaseHash: data2.releasehash,
-      tssRefundHash: data2.refundhash,
-      failReason: data2.failreason,
-      amount: data2.amount,
-      sourceSymbol: data2.symbol,
-      targetSymbol: data2.symbol,
-      kimaTxHash: data2.kimahash
-    };
-  }
-  const data = response.data.transaction_data;
-  if (!data) return emptyStatus;
+var parseTxData = (raw) => {
+  if (!raw) return emptyStatus;
   return {
-    status: data.txstatus,
-    sourceChain: data.originchain,
-    targetChain: data.targetchain,
-    tssPullHash: data.pullhash,
-    tssReleaseHash: data.releasehash,
-    tssRefundHash: data.refundhash,
-    failReason: data.failreason,
-    amount: data.amount,
-    sourceSymbol: data.originsymbol,
-    targetSymbol: data.targetsymbol,
-    kimaTxHash: data.kimahash
+    status: raw.txstatus,
+    sourceChain: raw.originchain,
+    targetChain: raw.targetchain,
+    tssPullHash: raw.pullhash,
+    tssReleaseHash: raw.releasehash,
+    tssRefundHash: raw.refundhash,
+    failReason: raw.failreason,
+    amount: raw.amount,
+    sourceSymbol: raw.originsymbol,
+    targetSymbol: raw.targetsymbol,
+    kimaTxHash: raw.kimahash
   };
 };
 var isFinished = (data) => {
   if (!data) return false;
-  return !!data.status && [
+  return [
     "Completed" /* COMPLETED */,
     "FailedToPull" /* FAILEDTOPULL */,
     "FailedToPay" /* FAILEDTOPAY */,
@@ -5257,11 +5603,11 @@ var getTxData = async ({
       `${backendUrl}/${path}/${txId}/status`
     );
     if (typeof response === "string") throw new Error(response);
-    const data = selectStatus(
-      response
-    );
-    refPollForUpdates.current = !isFinished(data);
-    return data;
+    const res = response;
+    const raw = isLP ? res.data.liquidity_transaction_data : res.data.transaction_data;
+    const parsed = parseTxData(raw);
+    refPollForUpdates.current = !isFinished(parsed);
+    return parsed;
   } catch (error) {
     logger_default.error(`Error fetching transaction ${txId} data:`, error);
     throw new Error(
@@ -5273,7 +5619,7 @@ var getTxData = async ({
 // src/hooks/useGetTxData.ts
 var POLLING_INTERVAL_MS = 1e3 * 10;
 var useGetTxData = (txId, dAppOption, backendUrl) => {
-  const refPollForUpdates = (0, import_react86.useRef)(false);
+  const refPollForUpdates = (0, import_react88.useRef)(false);
   const isLP = dAppOption === "LPAdd" /* LPAdd */ || dAppOption === "LPDrain" /* LPDrain */;
   const validTxId = typeof txId === "number" ? txId > 0 : txId.toString().length > 0;
   const result = (0, import_react_query14.useQuery)({
@@ -5290,17 +5636,17 @@ var useGetTxData = (txId, dAppOption, backendUrl) => {
 var useGetTxData_default = useGetTxData;
 // src/components/reusable/TransactionStatusMessage.tsx
-var import_react87 = __toESM(require("react"), 1);
+var import_react89 = __toESM(require("react"), 1);
 var TransactionStatusMessage = ({
   isCompleted,
   transactionId
 }) => {
-  return /* @__PURE__ */ import_react87.default.createElement("div", { className: "transaction-status-message" }, /* @__PURE__ */ import_react87.default.createElement("h2", null, isCompleted !== "Completed" /* COMPLETED */ && "Your transaction is currently being processed.", " ", "Please copy the Transaction ID below for future reference. You can use this ID to track the transaction status or resolve any issues if needed."), /* @__PURE__ */ import_react87.default.createElement("span", { className: "transaction-copy" }, /* @__PURE__ */ import_react87.default.createElement("h3", null, transactionId), /* @__PURE__ */ import_react87.default.createElement(CopyButton_default, { text: transactionId })));
+  return /* @__PURE__ */ import_react89.default.createElement("div", { className: "transaction-status-message" }, /* @__PURE__ */ import_react89.default.createElement("h2", null, isCompleted !== "Completed" /* COMPLETED */ && "Your transaction is currently being processed.", " ", "Please copy the Transaction ID below for future reference. You can use this ID to track the transaction status or resolve any issues if needed."), /* @__PURE__ */ import_react89.default.createElement("span", { className: "transaction-copy" }, /* @__PURE__ */ import_react89.default.createElement("h3", null, transactionId), /* @__PURE__ */ import_react89.default.createElement(CopyButton_default, { text: transactionId })));
 };
 var TransactionStatusMessage_default = TransactionStatusMessage;
 // src/components/reusable/TransactionSearch.tsx
-var import_react88 = __toESM(require("react"), 1);
+var import_react90 = __toESM(require("react"), 1);
 var import_react_redux39 = require("react-redux");
 var import_react_redux40 = require("react-redux");
 var import_react_hot_toast2 = __toESM(require("react-hot-toast"), 1);
@@ -5308,12 +5654,12 @@ var TransactionSearch = () => {
   const theme = (0, import_react_redux39.useSelector)(selectTheme);
   const backendUrl = (0, import_react_redux39.useSelector)(selectBackendUrl);
   const dispatch = (0, import_react_redux40.useDispatch)();
-  const [transactionId, setTransactionId] = (0, import_react88.useState)("");
-  const refPollForUpdates = (0, import_react88.useRef)(false);
+  const [transactionId, setTransactionId] = (0, import_react90.useState)("");
+  const refPollForUpdates = (0, import_react90.useRef)(false);
   const handleSearch = async () => {
     if (transactionId.length <= 0)
       return import_react_hot_toast2.default.error("You must provide a valid transaction id", {
-        icon: /* @__PURE__ */ import_react88.default.createElement(Error_default, null)
+        icon: /* @__PURE__ */ import_react90.default.createElement(Error_default, null)
       });
     try {
       const data = await getTxData({
@@ -5330,11 +5676,11 @@ var TransactionSearch = () => {
       logger_default.error("Error searching transaction: ", error);
       return import_react_hot_toast2.default.error(
         "Transaction not found. Please check for the proper transaction id.",
-        { icon: /* @__PURE__ */ import_react88.default.createElement(Error_default, null) }
+        { icon: /* @__PURE__ */ import_react90.default.createElement(Error_default, null) }
       );
     }
   };
-  return /* @__PURE__ */ import_react88.default.createElement("div", { className: "form-item transaction-search" }, /* @__PURE__ */ import_react88.default.createElement("div", { className: "transaction-input" }, /* @__PURE__ */ import_react88.default.createElement("span", { className: "label" }, "Search Transaction:"), /* @__PURE__ */ import_react88.default.createElement(
+  return /* @__PURE__ */ import_react90.default.createElement("div", { className: "form-item transaction-search" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "transaction-input" }, /* @__PURE__ */ import_react90.default.createElement("span", { className: "label" }, "Search Transaction:"), /* @__PURE__ */ import_react90.default.createElement(
     "input",
     {
       className: `${theme.colorMode}`,
@@ -5344,19 +5690,21 @@ var TransactionSearch = () => {
       onChange: (e) => setTransactionId(e.target.value),
       spellCheck: false
     }
-  )), /* @__PURE__ */ import_react88.default.createElement(SecondaryButton_default, { clickHandler: handleSearch }, "Search"));
+  )), /* @__PURE__ */ import_react90.default.createElement(SecondaryButton_default, { clickHandler: handleSearch }, "Search"));
 };
 var TransactionSearch_default = TransactionSearch;
 // src/components/TransactionWidget.tsx
 var TransactionWidget = ({ theme }) => {
-  const [step, setStep] = (0, import_react89.useState)(0);
-  const [focus, setFocus] = (0, import_react89.useState)(-1);
-  const [errorStep, setErrorStep] = (0, import_react89.useState)(-1);
-  const [errorMessage, setErrorMessage] = (0, import_react89.useState)("");
-  const [loadingStep, setLoadingStep] = (0, import_react89.useState)(-1);
-  const [minimized, setMinimized] = (0, import_react89.useState)(false);
+  const [step, setStep] = (0, import_react91.useState)(0);
+  const [focus, setFocus] = (0, import_react91.useState)(-1);
+  const [errorStep, setErrorStep] = (0, import_react91.useState)(-1);
+  const [errorMessage, setErrorMessage] = (0, import_react91.useState)("");
+  const [loadingStep, setLoadingStep] = (0, import_react91.useState)(-1);
+  const [minimized, setMinimized] = (0, import_react91.useState)(false);
+  const [isComplete, setIsComplete] = (0, import_react91.useState)(false);
   const dispatch = (0, import_react_redux43.useDispatch)();
+  const explorerUrl = (0, import_react_redux42.useSelector)(selectKimaExplorer);
   const mode = (0, import_react_redux42.useSelector)(selectMode);
   const feeDeduct = (0, import_react_redux42.useSelector)(selectFeeDeduct);
   const amount = (0, import_react_redux42.useSelector)(selectAmount);
@@ -5373,42 +5721,52 @@ var TransactionWidget = ({ theme }) => {
   const { successHandler, closeHandler } = useKimaContext();
   const backendUrl = (0, import_react_redux42.useSelector)(selectBackendUrl);
   const { data, error } = useGetTxData_default(txId, dAppOption, backendUrl);
-  const transactionSourceChain = (0, import_react89.useMemo)(
+  const { width: windowWidth, updateWidth } = useWidth_default();
+  (0, import_react91.useEffect)(() => {
+    windowWidth === 0 && updateWidth(window.innerWidth);
+  }, []);
+  const transactionSourceChain = (0, import_react91.useMemo)(
     () => networks.find(
       (network) => network.shortName === (mode === "status" /* status */ ? data?.sourceChain === "FIAT" ? "CC" : data?.sourceChain : sourceChain.shortName)
     ),
     [data, mode, sourceChain]
   );
-  const transactionTargetChain = (0, import_react89.useMemo)(
+  const transactionTargetChain = (0, import_react91.useMemo)(
     () => networks.find(
       (network) => network.shortName === (mode === "status" /* status */ ? data?.targetChain : targetChain.shortName)
     ),
     [data, mode, targetChain]
   );
-  const isValidTxId = (0, import_react89.useMemo)(() => {
+  const isValidTxId = (0, import_react91.useMemo)(() => {
     return !(!txId || typeof txId === "string" && txId.length === 0 || typeof txId === "number" && txId < 0);
   }, [txId]);
-  const isEmptyStatus = (0, import_react89.useMemo)(() => {
+  const isEmptyStatus = (0, import_react91.useMemo)(() => {
     if (!data) return true;
     return data?.amount === "";
   }, [data]);
   const { data: chainData } = useChainData(backendUrl);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     if (!data || data.status !== "Completed" /* COMPLETED */) return;
     successHandler && successHandler({
       txId
     });
   }, [data]);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
+    if (!data) return;
+    if (data.status === "Completed" /* COMPLETED */) {
+      setIsComplete(true);
+    }
+  }, [data, setIsComplete]);
+  (0, import_react91.useEffect)(() => {
     if (error)
       import_react_hot_toast3.toast.error(
         "The provided transaction id is not valid, please use a different one or contact support for further assistance",
         {
-          icon: /* @__PURE__ */ import_react89.default.createElement(Error_default, null)
+          icon: /* @__PURE__ */ import_react91.default.createElement(Error_default, null)
         }
       );
   }, [error]);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     if (!data) {
       setStep(0);
       setLoadingStep(0);
@@ -5428,7 +5786,7 @@ var TransactionWidget = ({ theme }) => {
       setErrorStep(1);
       setLoadingStep(-1);
       logger_default.error("transaction failed:", data.failReason);
-      import_react_hot_toast3.toast.error("Unavailable", { icon: /* @__PURE__ */ import_react89.default.createElement(Error_default, null) });
+      import_react_hot_toast3.toast.error("Unavailable", { icon: /* @__PURE__ */ import_react91.default.createElement(Error_default, null) });
       setErrorMessage("Unavailable");
     } else if (status === "Paid" /* PAID */) {
       setStep(3);
@@ -5439,7 +5797,7 @@ var TransactionWidget = ({ theme }) => {
       import_react_hot_toast3.toast.error(
         "Failed to release tokens to target! Starting refund process.",
         {
-          icon: /* @__PURE__ */ import_react89.default.createElement(Error_default, null)
+          icon: /* @__PURE__ */ import_react91.default.createElement(Error_default, null)
         }
       );
       setErrorMessage(
@@ -5450,7 +5808,7 @@ var TransactionWidget = ({ theme }) => {
       setErrorStep(3);
       setLoadingStep(-1);
       import_react_hot_toast3.toast.error("Failed to refund tokens to source!", {
-        icon: /* @__PURE__ */ import_react89.default.createElement(Error_default, null)
+        icon: /* @__PURE__ */ import_react91.default.createElement(Error_default, null)
       });
       setErrorMessage("Failed to refund tokens to source!");
     } else if (status === "RefundCompleted" /* REFUNDCOMPLETED */) {
@@ -5458,7 +5816,7 @@ var TransactionWidget = ({ theme }) => {
       setErrorStep(3);
       setLoadingStep(-1);
       import_react_hot_toast3.toast.success("Refund completed!", {
-        icon: /* @__PURE__ */ import_react89.default.createElement(Error_default, null)
+        icon: /* @__PURE__ */ import_react91.default.createElement(Error_default, null)
       });
       setErrorMessage("Refund completed!");
     } else if (status === "FailedToPay" /* FAILEDTOPAY */) {
@@ -5467,7 +5825,7 @@ var TransactionWidget = ({ theme }) => {
       setLoadingStep(-1);
       logger_default.error("transaction failed:", data.failReason);
       import_react_hot_toast3.toast.error("Failed to release tokens to target!", {
-        icon: /* @__PURE__ */ import_react89.default.createElement(Error_default, null)
+        icon: /* @__PURE__ */ import_react91.default.createElement(Error_default, null)
       });
       setErrorMessage("Failed to release tokens to target!");
     } else if (status === "FailedToPull" /* FAILEDTOPULL */) {
@@ -5475,7 +5833,7 @@ var TransactionWidget = ({ theme }) => {
       setErrorStep(1);
       setLoadingStep(-1);
       logger_default.error("transaction failed:", data.failReason);
-      import_react_hot_toast3.toast.error("Failed to pull tokens from source!", { icon: /* @__PURE__ */ import_react89.default.createElement(Error_default, null) });
+      import_react_hot_toast3.toast.error("Failed to pull tokens from source!", { icon: /* @__PURE__ */ import_react91.default.createElement(Error_default, null) });
       setErrorMessage("Failed to pull tokens from source!");
     } else if (status === "Completed" /* COMPLETED */) {
       setStep(4);
@@ -5488,7 +5846,7 @@ var TransactionWidget = ({ theme }) => {
     }
   }, [data?.status]);
   const resetForm = () => {
-    closeHandler && closeHandler();
+    setIsComplete(false);
     dispatch(resetServiceFee());
     if (mode === "light" /* light */) {
       dispatch(setMode("light" /* light */));
@@ -5530,41 +5888,76 @@ var TransactionWidget = ({ theme }) => {
     dispatch(
       setMode(transactionOption ? "payment" /* payment */ : "bridge" /* bridge */)
     );
-    dispatch(setAmount(""));
+    dispatch(setAmount(transactionOption?.amount.toString() || ""));
     dispatch(setCCTransactionId(""));
     dispatch(setCCTransactionStatus("idle"));
     dispatch(setTxId(-1));
     dispatch(setSubmitted(false));
   };
-  return /* @__PURE__ */ import_react89.default.createElement(import_react_redux41.Provider, { store }, /* @__PURE__ */ import_react89.default.createElement(
+  return /* @__PURE__ */ import_react91.default.createElement(import_react_redux41.Provider, { store }, /* @__PURE__ */ import_react91.default.createElement(
     "div",
     {
-      className: `kima-card transaction-card ${theme.colorMode} ${minimized ? "minimized" : ""}`,
+      className: `kima-card transaction-card ${isComplete ? "transaction-complete" : ""} ${theme.colorMode} ${minimized ? "minimized" : ""}`,
       style: {
         background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
       }
     },
-    /* @__PURE__ */ import_react89.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react89.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react89.default.createElement("div", { className: "title" }, isValidTxId && !error ? /* @__PURE__ */ import_react89.default.createElement("div", { className: "transaction-title" }, mode !== "status" /* status */ ? data?.status === "Completed" /* COMPLETED */ ? "Transferred " : "Transfering " : isEmptyStatus ? "Fetching transaction status " : data?.status === "Completed" /* COMPLETED */ ? "Transfered " : "Transfering ", mode !== "status" /* status */ ? Number(amount) !== 0 ? transactionSourceChain?.shortName === "CC" ? bigIntToNumber(txValues.allowanceAmount).toFixed(2) : formatBigInt(txValues.allowanceAmount) : "" : data?.amount || "", " ", mode !== "status" /* status */ ? `${sourceSymbol} ` : isEmptyStatus ? "" : `(${data?.sourceSymbol})`, /* @__PURE__ */ import_react89.default.createElement("div", { className: "title-icon" }, /* @__PURE__ */ import_react89.default.createElement(
+    /* @__PURE__ */ import_react91.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react91.default.createElement("div", { className: "topbar" }, !isComplete && /* @__PURE__ */ import_react91.default.createElement("div", { className: "title" }, isValidTxId && !error ? /* @__PURE__ */ import_react91.default.createElement("div", { className: "transaction-title" }, mode !== "status" /* status */ ? data?.status === "Completed" /* COMPLETED */ ? "Transferred " : "Transfering " : isEmptyStatus ? "Fetching transaction status " : data?.status === "Completed" /* COMPLETED */ ? "Transferred " : "Transfering ", mode !== "status" /* status */ ? Number(amount) !== 0 ? transactionSourceChain?.shortName === "CC" ? bigIntToNumber(txValues.allowanceAmount).toFixed(2) : formatBigInt(txValues.allowanceAmount) : "" : data?.amount || "", " ", mode !== "status" /* status */ ? `${sourceSymbol} ` : isEmptyStatus ? "" : `${data?.sourceSymbol}`, mode !== "status" /* status */ ? `\u2192 ` : isEmptyStatus ? "" : `\u2192 `, mode !== "status" /* status */ ? Number(amount) !== 0 ? transactionSourceChain?.shortName === "CC" ? bigIntToNumber(txValues.submitAmount).toFixed(2) : formatBigInt(txValues.submitAmount) : "" : data?.amount || "", " ", mode !== "status" /* status */ ? `${targetSymbol}${" "}` : isEmptyStatus ? "" : `${data?.targetSymbol}${" "}`) : /* @__PURE__ */ import_react91.default.createElement("div", null, /* @__PURE__ */ import_react91.default.createElement("h3", { className: "transaction" }, "Transaction Status"))), !minimized ? /* @__PURE__ */ import_react91.default.createElement(
+      "div",
+      {
+        className: `control-buttons ${isComplete ? "complete" : ""}`
+      },
+      isComplete && /* @__PURE__ */ import_react91.default.createElement(
+        "button",
+        {
+          className: "menu-button",
+          style: { marginRight: "auto" },
+          onClick: () => {
+            setIsComplete(false);
+          }
+        },
+        "< Back"
+      ),
+      /* @__PURE__ */ import_react91.default.createElement(
+        "button",
+        {
+          className: "icon-button minimize",
+          onClick: () => {
+            setMinimized(true);
+          }
+        },
+        /* @__PURE__ */ import_react91.default.createElement(Minimize_default, null)
+      ),
+      !isValidTxId || loadingStep < 0 || error && dAppOption !== "none" /* None */ ? /* @__PURE__ */ import_react91.default.createElement("button", { className: "reset-button", onClick: resetForm }, "Reset") : null,
+      closeHandler && /* @__PURE__ */ import_react91.default.createElement(
+        "button",
+        {
+          className: "cross-icon-button",
+          onClick: () => {
+            resetForm();
+            closeHandler(0);
+          }
+        },
+        /* @__PURE__ */ import_react91.default.createElement(Cross_default, null)
+      )
+    ) : /* @__PURE__ */ import_react91.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react91.default.createElement("div", { className: "maximize", onClick: () => setMinimized(false) }, "View"))), data && !isComplete && /* @__PURE__ */ import_react91.default.createElement("div", { className: "header-network-labels" }, /* @__PURE__ */ import_react91.default.createElement("div", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ import_react91.default.createElement(
       ChainIcon,
       {
         symbol: transactionSourceChain?.shortName
       }
-    )), " ", mode !== "status" /* status */ ? `${transactionSourceChain?.name}` : isEmptyStatus ? "" : `${data?.sourceChain === "FIAT" ? "CC" : data?.sourceChain}`, " ", mode !== "status" /* status */ ? `\u2192 ` : isEmptyStatus ? "" : `\u2192 `, mode !== "status" /* status */ ? Number(amount) !== 0 ? transactionSourceChain?.shortName === "CC" ? bigIntToNumber(txValues.submitAmount).toFixed(2) : formatBigInt(txValues.submitAmount) : "" : data?.amount || "", " ", mode !== "status" /* status */ ? `${targetSymbol}${" "}` : isEmptyStatus ? "" : `${data?.targetSymbol}${" "}`, /* @__PURE__ */ import_react89.default.createElement("div", { className: "title-icon" }, /* @__PURE__ */ import_react89.default.createElement(
+    ), windowWidth > 450 && /* @__PURE__ */ import_react91.default.createElement("h3", null, transactionSourceChain?.name)), /* @__PURE__ */ import_react91.default.createElement(
+      "div",
+      {
+        style: { display: "inline-block", transform: "rotate(-90deg)" }
+      },
+      /* @__PURE__ */ import_react91.default.createElement(Arrow_default, { width: 25, height: 25 })
+    ), /* @__PURE__ */ import_react91.default.createElement("div", { className: `kima-card-network-label ${theme.colorMode}` }, /* @__PURE__ */ import_react91.default.createElement(
       ChainIcon,
       {
         symbol: transactionTargetChain?.shortName
       }
-    )), " ", mode !== "status" /* status */ ? `${transactionTargetChain?.name}${" "}` : isEmptyStatus ? "" : `${data?.targetChain} ${" "}`) : /* @__PURE__ */ import_react89.default.createElement("div", null, /* @__PURE__ */ import_react89.default.createElement("h3", { className: "transaction" }, "Transaction Status"))), !minimized ? /* @__PURE__ */ import_react89.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react89.default.createElement(
-      "button",
-      {
-        className: "icon-button minimize",
-        onClick: () => {
-          setMinimized(true);
-        }
-      },
-      /* @__PURE__ */ import_react89.default.createElement(Minimize_default, null)
-    ), !isValidTxId || loadingStep < 0 || error ? /* @__PURE__ */ import_react89.default.createElement("button", { className: "reset-button", onClick: resetForm }, "Reset") : null) : /* @__PURE__ */ import_react89.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react89.default.createElement("div", { className: "maximize", onClick: () => setMinimized(false) }, "View")))),
-    isValidTxId && !error ? /* @__PURE__ */ import_react89.default.createElement("div", { className: "kima-card-content" }, /* @__PURE__ */ import_react89.default.createElement("div", { className: "transaction-content" }, /* @__PURE__ */ import_react89.default.createElement(
+    ), windowWidth > 450 && /* @__PURE__ */ import_react91.default.createElement("h3", null, transactionTargetChain?.name)))),
+    isValidTxId && !error ? /* @__PURE__ */ import_react91.default.createElement("div", { className: "kima-card-content" }, !isComplete ? /* @__PURE__ */ import_react91.default.createElement("div", { className: "transaction-content" }, /* @__PURE__ */ import_react91.default.createElement(
       Progressbar_default,
       {
         step,
@@ -5573,7 +5966,7 @@ var TransactionWidget = ({ theme }) => {
         setFocus,
         loadingStep
       }
-    ), /* @__PURE__ */ import_react89.default.createElement(
+    ), /* @__PURE__ */ import_react91.default.createElement(
       StepBox_default,
       {
         step,
@@ -5581,14 +5974,67 @@ var TransactionWidget = ({ theme }) => {
         loadingStep,
         data
       }
-    )), !error && !isEmptyStatus && /* @__PURE__ */ import_react89.default.createElement(
+    )) : /* @__PURE__ */ import_react91.default.createElement("div", { className: "transaction-content transaction-complete" }, /* @__PURE__ */ import_react91.default.createElement(TransactionComplete_default, null), /* @__PURE__ */ import_react91.default.createElement("h2", null, "Transaction Complete"), /* @__PURE__ */ import_react91.default.createElement("div", { className: "kima-stepbox" }, /* @__PURE__ */ import_react91.default.createElement(
+      "div",
+      {
+        className: `content-wrapper transaction-complete ${theme.colorMode}`
+      },
+      /* @__PURE__ */ import_react91.default.createElement("p", null, "You just transferred ", data?.amount, " ", data?.sourceSymbol),
+      /* @__PURE__ */ import_react91.default.createElement("div", { className: "header-network-labels" }, /* @__PURE__ */ import_react91.default.createElement(
+        "div",
+        {
+          className: `kima-card-network-label ${theme.colorMode}`
+        },
+        /* @__PURE__ */ import_react91.default.createElement(
+          ChainIcon,
+          {
+            symbol: transactionSourceChain?.shortName
+          }
+        ),
+        windowWidth > 450 && /* @__PURE__ */ import_react91.default.createElement("h3", null, transactionSourceChain?.name)
+      ), /* @__PURE__ */ import_react91.default.createElement(
+        "div",
+        {
+          style: {
+            display: "inline-block",
+            transform: "rotate(-90deg)"
+          }
+        },
+        /* @__PURE__ */ import_react91.default.createElement(Arrow_default, { width: 25, height: 25 })
+      ), /* @__PURE__ */ import_react91.default.createElement(
+        "div",
+        {
+          className: `kima-card-network-label ${theme.colorMode}`
+        },
+        /* @__PURE__ */ import_react91.default.createElement(
+          ChainIcon,
+          {
+            symbol: transactionTargetChain?.shortName
+          }
+        ),
+        windowWidth > 450 && /* @__PURE__ */ import_react91.default.createElement("h3", null, transactionTargetChain?.name)
+      ))
+    )), /* @__PURE__ */ import_react91.default.createElement("div", { className: "transaction-buttons" }, /* @__PURE__ */ import_react91.default.createElement(
+      SecondaryButton_default,
+      {
+        clickHandler: resetForm,
+        theme: theme.colorMode
+      },
+      "New Transaction"
+    ), /* @__PURE__ */ import_react91.default.createElement(
+      ExternalLink_default,
+      {
+        to: `${explorerUrl}/transactions/?tx=${data?.kimaTxHash}`
+      },
+      /* @__PURE__ */ import_react91.default.createElement(PrimaryButton_default, null, "View Details")
+    ))), !error && !isEmptyStatus && !isComplete && /* @__PURE__ */ import_react91.default.createElement(
       TransactionStatusMessage_default,
       {
         isCompleted: data?.status,
         transactionId: txId.toString()
       }
-    )) : /* @__PURE__ */ import_react89.default.createElement("div", { className: "kima-card-content" }, /* @__PURE__ */ import_react89.default.createElement("h4", { className: "subtitle" }, "You can follow the status of a previous submitted transaction by entering the provided transaction id"), /* @__PURE__ */ import_react89.default.createElement("div", { className: "single-form" }, /* @__PURE__ */ import_react89.default.createElement(TransactionSearch_default, null))),
-    /* @__PURE__ */ import_react89.default.createElement(
+    )) : /* @__PURE__ */ import_react91.default.createElement("div", { className: "kima-card-content" }, /* @__PURE__ */ import_react91.default.createElement("h4", { className: "subtitle" }, "You can follow the status of a previous submitted transaction by entering the provided transaction id"), /* @__PURE__ */ import_react91.default.createElement("div", { className: "single-form" }, /* @__PURE__ */ import_react91.default.createElement(TransactionSearch_default, null))),
+    /* @__PURE__ */ import_react91.default.createElement(
       import_react_hot_toast3.Toaster,
       {
         position: "top-right",
@@ -5615,45 +6061,75 @@ var TransactionWidget = ({ theme }) => {
         }
       }
     ),
-    /* @__PURE__ */ import_react89.default.createElement("div", { className: "floating-footer status" }, /* @__PURE__ */ import_react89.default.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ import_react89.default.createElement("span", null, "Powered by"), /* @__PURE__ */ import_react89.default.createElement(KimaNetwork_default, null)))
+    /* @__PURE__ */ import_react91.default.createElement(
+      "div",
+      {
+        className: `floating-footer ${isComplete ? "complete" : "status"}`
+      },
+      /* @__PURE__ */ import_react91.default.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ import_react91.default.createElement("span", null, "Powered by"), /* @__PURE__ */ import_react91.default.createElement(KimaNetwork_default, null))
+    )
   ));
 };
 // src/components/TransferWidget.tsx
-var import_react102 = __toESM(require("react"), 1);
+var import_react103 = __toESM(require("react"), 1);
 var import_react_redux56 = require("react-redux");
 // src/components/reusable/SingleForm.tsx
-var import_react91 = __toESM(require("react"), 1);
+var import_react93 = __toESM(require("react"), 1);
 var import_react_hot_toast4 = require("react-hot-toast");
 var import_react_redux46 = require("react-redux");
 // src/components/primary/NetworkSelector.tsx
-var import_react90 = __toESM(require("react"), 1);
+var import_react92 = __toESM(require("react"), 1);
 var import_react_redux44 = require("react-redux");
 var NetworkSelector = ({
   type,
   initialSelection,
   setInitialSelection
 }) => {
-  const [collapsed, setCollapsed] = (0, import_react90.useState)(true);
-  const ref = (0, import_react90.useRef)(null);
+  const [collapsed, setCollapsed] = (0, import_react92.useState)(true);
+  const ref = (0, import_react92.useRef)(null);
   const dispatch = (0, import_react_redux44.useDispatch)();
   const theme = (0, import_react_redux44.useSelector)(selectTheme);
   const networkOptions3 = (0, import_react_redux44.useSelector)(selectNetworks);
+  const transactionOption = (0, import_react_redux44.useSelector)(selectTransactionOption);
+  const dAppOption = (0, import_react_redux44.useSelector)(selectDappOption);
   const mode = (0, import_react_redux44.useSelector)(selectMode);
   const sourceNetwork = (0, import_react_redux44.useSelector)(selectSourceChain);
+  const sourceSymbol = (0, import_react_redux44.useSelector)(selectSourceCurrency);
   const targetNetwork = (0, import_react_redux44.useSelector)(selectTargetChain);
   const { switchChainHandler } = useKimaContext();
   const isOriginSelector = type === "origin";
-  const networks = (0, import_react90.useMemo)(() => {
+  const networks = (0, import_react92.useMemo)(() => {
     return networkOptions3.filter((network) => {
+      if (dAppOption !== "none" /* None */ && network.shortName === "CC")
+        return false;
       const isSameAsSource = isOriginSelector ? false : network.shortName === sourceNetwork.shortName;
       const isAllowedInLightMode = mode !== "light" /* light */ || lightDemoNetworks.includes(network.shortName);
-      return network.supportedLocations.includes(type) && !isSameAsSource && isAllowedInLightMode;
+      const sourceToken = sourceNetwork.supportedTokens.find(
+        (t) => t.symbol === sourceSymbol
+      );
+      let supportsSourceCurrency = true;
+      if (!isOriginSelector && !!sourceToken) {
+        supportsSourceCurrency = network.supportedTokens.some(
+          (token) => token.peggedTo === sourceToken?.peggedTo
+        );
+      }
+      return network.supportedLocations.includes(type) && !isSameAsSource && supportsSourceCurrency && isAllowedInLightMode;
     });
-  }, [networkOptions3, sourceNetwork, type, mode]);
-  const selectedNetwork = (0, import_react90.useMemo)(() => {
+  }, [networkOptions3, sourceNetwork, sourceSymbol, type, mode, dAppOption]);
+  const shouldLockSourceNetwork = isOriginSelector && mode === "payment" /* payment */ && dAppOption !== "none" /* None */ && !!transactionOption?.targetChain;
+  const selectedNetwork = (0, import_react92.useMemo)(() => {
+    if (shouldLockSourceNetwork) {
+      const forcedNetwork = networks.find(
+        (n) => n.shortName === transactionOption.targetChain
+      );
+      return forcedNetwork || {
+        shortName: "",
+        name: "Invalid Source Network"
+      };
+    }
     if (initialSelection) {
       return {
         shortName: "",
@@ -5670,9 +6146,34 @@ var NetworkSelector = ({
     sourceNetwork,
     targetNetwork,
     isOriginSelector,
-    initialSelection
+    initialSelection,
+    shouldLockSourceNetwork,
+    transactionOption?.targetChain
   ]);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react92.useEffect)(() => {
+    if (shouldLockSourceNetwork && isOriginSelector && transactionOption?.targetChain) {
+      const forcedNetwork = networks.find(
+        (n) => n.shortName === transactionOption.targetChain
+      );
+      if (forcedNetwork && forcedNetwork.id !== sourceNetwork.id) {
+        dispatch(setSourceChain(forcedNetwork));
+        setInitialSelection({
+          sourceSelection: false,
+          targetSelection: false
+        });
+        switchChainHandler && switchChainHandler(forcedNetwork);
+      }
+    }
+  }, [
+    shouldLockSourceNetwork,
+    transactionOption?.targetChain,
+    sourceNetwork.id,
+    isOriginSelector,
+    networks,
+    dispatch,
+    switchChainHandler
+  ]);
+  (0, import_react92.useEffect)(() => {
     if (!networks.length || selectedNetwork.shortName) return;
     const fallbackNetwork = networks[0];
     if (isOriginSelector) {
@@ -5704,7 +6205,7 @@ var NetworkSelector = ({
     type === "origin" ? setInitialSelection((prev) => ({ ...prev, sourceSelection: false })) : setInitialSelection((prev) => ({ ...prev, targetSelection: false }));
     setCollapsed(true);
   };
-  (0, import_react90.useEffect)(() => {
+  (0, import_react92.useEffect)(() => {
     const handleOutsideClick = (e) => {
       if (ref.current && !ref.current.contains(e.target)) {
         setCollapsed(true);
@@ -5715,7 +6216,7 @@ var NetworkSelector = ({
       document.removeEventListener("mousedown", handleOutsideClick);
     };
   }, []);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react92.useEffect)(() => {
     if (mode !== "light" /* light */) return;
     if (isEVMChain(targetNetwork.shortName)) {
       dispatch(setTargetAddress(lightDemoAccounts.EVM));
@@ -5725,20 +6226,24 @@ var NetworkSelector = ({
       dispatch(setTargetAddress(lightDemoAccounts.TRX));
     }
   }, [sourceNetwork, targetNetwork, mode]);
-  return /* @__PURE__ */ import_react90.default.createElement(
+  return /* @__PURE__ */ import_react92.default.createElement(
     "div",
     {
-      className: `network-dropdown ${theme?.colorMode ?? ""} ${collapsed ? "collapsed" : "toggled"}`,
-      onClick: () => setCollapsed((prev) => !prev),
+      className: `network-dropdown ${theme?.colorMode ?? ""} ${collapsed ? "collapsed" : "toggled"} ${shouldLockSourceNetwork ? "disabled" : ""}`,
+      onClick: () => {
+        if (!shouldLockSourceNetwork) {
+          setCollapsed((prev) => !prev);
+        }
+      },
       ref
     },
-    /* @__PURE__ */ import_react90.default.createElement("div", { className: "network-wrapper" }, /* @__PURE__ */ import_react90.default.createElement(ChainIcon, { symbol: selectedNetwork.shortName }), /* @__PURE__ */ import_react90.default.createElement("span", null, selectedNetwork.name)),
-    /* @__PURE__ */ import_react90.default.createElement(
+    /* @__PURE__ */ import_react92.default.createElement("div", { className: "network-wrapper" }, /* @__PURE__ */ import_react92.default.createElement(ChainIcon, { symbol: selectedNetwork.shortName }), /* @__PURE__ */ import_react92.default.createElement("span", null, selectedNetwork.name)),
+    /* @__PURE__ */ import_react92.default.createElement(
       "div",
       {
         className: `network-menu custom-scrollbar ${theme?.colorMode ?? ""} ${collapsed ? "collapsed" : "toggled"}`
       },
-      networks.filter((network) => network.shortName !== selectedNetwork.shortName).map((network) => /* @__PURE__ */ import_react90.default.createElement(
+      networks.filter((network) => network.shortName !== selectedNetwork.shortName).map((network) => /* @__PURE__ */ import_react92.default.createElement(
         "div",
         {
           key: network.id,
@@ -5750,15 +6255,15 @@ var NetworkSelector = ({
             }
           }
         },
-        network.disabled ? /* @__PURE__ */ import_react90.default.createElement(Warning_default, { width: 25, height: 25 }) : /* @__PURE__ */ import_react90.default.createElement(ChainIcon, { symbol: network.shortName }),
-        /* @__PURE__ */ import_react90.default.createElement("p", null, network.name),
-        network.disabled && /* @__PURE__ */ import_react90.default.createElement("span", { className: "tooltip" }, "Temporarily unavailable")
+        network.disabled ? /* @__PURE__ */ import_react92.default.createElement(Warning_default, { width: 25, height: 25 }) : /* @__PURE__ */ import_react92.default.createElement(ChainIcon, { symbol: network.shortName }),
+        /* @__PURE__ */ import_react92.default.createElement("p", null, network.name),
+        network.disabled && /* @__PURE__ */ import_react92.default.createElement("span", { className: "tooltip" }, "Temporarily unavailable")
       ))
     ),
-    /* @__PURE__ */ import_react90.default.createElement("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}` }, /* @__PURE__ */ import_react90.default.createElement(Arrow_default, { fill: "none" }))
+    !shouldLockSourceNetwork && /* @__PURE__ */ import_react92.default.createElement("div", { className: `dropdown-icon ${collapsed ? "toggled" : "collapsed"}` }, /* @__PURE__ */ import_react92.default.createElement(Arrow_default, { fill: "none" }))
   );
 };
-var NetworkSelector_default = import_react90.default.memo(NetworkSelector);
+var NetworkSelector_default = import_react92.default.memo(NetworkSelector);
 // src/components/reusable/SingleForm.tsx
 var import_viem6 = require("viem");
@@ -5878,6 +6383,7 @@ var SingleForm = ({
   const theme = (0, import_react_redux46.useSelector)(selectTheme);
   const feeDeduct = (0, import_react_redux46.useSelector)(selectFeeDeduct);
   const { totalFee } = (0, import_react_redux46.useSelector)(selectServiceFee);
+  const dAppOption = (0, import_react_redux46.useSelector)(selectDappOption);
   const compliantOption = (0, import_react_redux46.useSelector)(selectCompliantOption);
   const targetCompliant = (0, import_react_redux46.useSelector)(selectTargetCompliant);
   const sourceAddress = (0, import_react_redux46.useSelector)(selectSourceAddress);
@@ -5885,7 +6391,7 @@ var SingleForm = ({
   const targetNetwork = (0, import_react_redux46.useSelector)(selectTargetChain);
   const targetAddress = (0, import_react_redux46.useSelector)(selectTargetAddress);
   const { isReady } = useIsWalletReady4();
-  const [amountValue, setAmountValue] = (0, import_react91.useState)("");
+  const [amountValue, setAmountValue] = (0, import_react93.useState)("");
   const amount = (0, import_react_redux46.useSelector)(selectAmount);
   const sourceCurrency = (0, import_react_redux46.useSelector)(selectSourceCurrency);
   const targetCurrency = (0, import_react_redux46.useSelector)(selectTargetCurrency);
@@ -5905,18 +6411,18 @@ var SingleForm = ({
     targetSymbol: targetCurrency,
     backendUrl
   });
-  (0, import_react91.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     if (fees) {
       dispatch(setServiceFee(fees));
     }
   }, [fees, dispatch]);
   const { kimaBackendUrl } = useKimaContext();
   const { data: envOptions } = useGetEnvOptions({ kimaBackendUrl });
-  const errorMessage = (0, import_react91.useMemo)(
+  const errorMessage = (0, import_react93.useMemo)(
     () => compliantOption && targetCompliant !== null && !targetCompliant?.isCompliant ? `Target address has ${targetCompliant.results?.[0].result.risk_score} risk` : "",
     [compliantOption, targetCompliant]
   );
-  const maxValue = (0, import_react91.useMemo)(() => {
+  const maxValue = (0, import_react93.useMemo)(() => {
     if (mode === "light" /* light */)
       return BigInt(
         envOptions?.transferLimitMaxUSDT ? parseFloat(envOptions?.transferLimitMaxUSDT) : 1e3
@@ -5926,11 +6432,17 @@ var SingleForm = ({
     const intAmount = (0, import_viem6.parseUnits)(amount, totalFee.decimals);
     return balance - intAmount;
   }, [balance, totalFee, feeDeduct]);
-  (0, import_react91.useEffect)(() => {
+  const feeCurrency = (0, import_react93.useMemo)(() => {
+    const sourceToken = sourceNetwork.supportedTokens.find(
+      (t) => t.symbol === sourceCurrency
+    );
+    return sourceToken?.peggedTo ?? "USD";
+  }, [sourceNetwork, sourceCurrency]);
+  (0, import_react93.useEffect)(() => {
     if (!errorMessage) return;
     import_react_hot_toast4.toast.error(errorMessage);
   }, [errorMessage]);
-  (0, import_react91.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     if (amountValue && amount !== "") return;
     setAmountValue(amount);
   }, [amount]);
@@ -5958,10 +6470,13 @@ var SingleForm = ({
     setAmountValue(truncated);
     dispatch(setAmount(truncated));
   };
-  const isConnected = (0, import_react91.useMemo)(() => {
+  const isConnected = (0, import_react93.useMemo)(() => {
+    if (mode === "payment" /* payment */ && dAppOption !== "none" /* None */) {
+      return isReady;
+    }
     return isReady && !initialSelection.sourceSelection;
-  }, [isReady, initialSelection]);
-  return /* @__PURE__ */ import_react91.default.createElement("div", { className: "single-form" }, /* @__PURE__ */ import_react91.default.createElement("div", { className: "form-item" }, /* @__PURE__ */ import_react91.default.createElement("span", { className: "label" }, "Source Network:"), /* @__PURE__ */ import_react91.default.createElement("div", { className: "items" }, /* @__PURE__ */ import_react91.default.createElement(
+  }, [isReady, initialSelection, mode, dAppOption]);
+  return /* @__PURE__ */ import_react93.default.createElement("div", { className: "single-form" }, /* @__PURE__ */ import_react93.default.createElement("div", { className: "form-item" }, /* @__PURE__ */ import_react93.default.createElement("span", { className: "label" }, dAppOption === "none" /* None */ && "Source", " Network:"), /* @__PURE__ */ import_react93.default.createElement("div", { className: "items" }, /* @__PURE__ */ import_react93.default.createElement(
     NetworkSelector_default,
     {
       type: "origin",
@@ -5970,20 +6485,20 @@ var SingleForm = ({
         setInitialSelection
       }
     }
-  ), /* @__PURE__ */ import_react91.default.createElement(CoinDropdown_default, null))), /* @__PURE__ */ import_react91.default.createElement(
+  ), /* @__PURE__ */ import_react93.default.createElement(CoinDropdown_default, null))), /* @__PURE__ */ import_react93.default.createElement(
     "div",
     {
       className: `dynamic-area ${sourceNetwork.shortName === "FIAT" /* FIAT */ ? "reverse" : "1"}`
     },
-    sourceNetwork.compatibility !== "CC" /* CC */ && /* @__PURE__ */ import_react91.default.createElement(
+    sourceNetwork.compatibility !== "CC" /* CC */ && /* @__PURE__ */ import_react93.default.createElement(
       "div",
       {
         className: `form-item wallet-button-item ${isConnected && "connected"}`
       },
-      /* @__PURE__ */ import_react91.default.createElement("span", { className: "label" }, "Wallet:"),
-      /* @__PURE__ */ import_react91.default.createElement(WalletButton_default, { initialSelection: initialSelection.sourceSelection })
+      /* @__PURE__ */ import_react93.default.createElement("span", { className: "label" }, "Wallet:"),
+      /* @__PURE__ */ import_react93.default.createElement(WalletButton_default, { initialSelection: initialSelection.sourceSelection })
     ),
-    mode !== "payment" /* payment */ && /* @__PURE__ */ import_react91.default.createElement("div", { className: "form-item" }, /* @__PURE__ */ import_react91.default.createElement("span", { className: "label" }, "Target Network:"), /* @__PURE__ */ import_react91.default.createElement("div", { className: "items" }, /* @__PURE__ */ import_react91.default.createElement(
+    mode !== "payment" /* payment */ && /* @__PURE__ */ import_react93.default.createElement("div", { className: "form-item" }, /* @__PURE__ */ import_react93.default.createElement("span", { className: "label" }, "Target Network:"), /* @__PURE__ */ import_react93.default.createElement("div", { className: "items" }, /* @__PURE__ */ import_react93.default.createElement(
       NetworkSelector_default,
       {
         type: "target",
@@ -5992,38 +6507,39 @@ var SingleForm = ({
           setInitialSelection
         }
       }
-    ), /* @__PURE__ */ import_react91.default.createElement(CoinDropdown_default, { isSourceChain: false })))
-  ), mode === "bridge" /* bridge */ && sourceNetwork.shortName !== "FIAT" /* FIAT */ ? targetNetwork.shortName === "FIAT" /* FIAT */ ? /* @__PURE__ */ import_react91.default.createElement(BankInput_default, null) : /* @__PURE__ */ import_react91.default.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ import_react91.default.createElement("span", { className: "label" }, "Target Address:"), /* @__PURE__ */ import_react91.default.createElement(
+    ), /* @__PURE__ */ import_react93.default.createElement(CoinDropdown_default, { isSourceChain: false })))
+  ), mode === "bridge" /* bridge */ && sourceNetwork.shortName !== "FIAT" /* FIAT */ ? targetNetwork.shortName === "FIAT" /* FIAT */ ? /* @__PURE__ */ import_react93.default.createElement(BankInput_default, null) : /* @__PURE__ */ import_react93.default.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ import_react93.default.createElement("span", { className: "label" }, "Target Address:"), /* @__PURE__ */ import_react93.default.createElement(
     AddressInput_default,
     {
       theme: theme.colorMode,
       placeholder: "Target address",
       initialSelection
     }
-  )) : null, mode === "light" /* light */ && /* @__PURE__ */ import_react91.default.createElement(
+  )) : null, mode === "light" /* light */ && /* @__PURE__ */ import_react93.default.createElement(
     "div",
     {
       className: `form-item wallet-button-item ${!initialSelection.targetSelection && "connected"}`,
       style: { display: "flex", alignItems: "center" }
     },
-    /* @__PURE__ */ import_react91.default.createElement("span", { className: "label" }, "Target Wallet:"),
-    /* @__PURE__ */ import_react91.default.createElement(
+    /* @__PURE__ */ import_react93.default.createElement("span", { className: "label" }, "Target Wallet:"),
+    /* @__PURE__ */ import_react93.default.createElement(
       WalletButton_default,
       {
         initialSelection: initialSelection.targetSelection,
         placeholder: true
       }
     )
-  ), mode === "bridge" /* bridge */ && /* @__PURE__ */ import_react91.default.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ import_react91.default.createElement("span", { className: "label" }, "Amount:"), /* @__PURE__ */ import_react91.default.createElement("div", { className: `amount-label-container items ${theme.colorMode}` }, /* @__PURE__ */ import_react91.default.createElement(
+  ), /* @__PURE__ */ import_react93.default.createElement("div", { className: `form-item ${theme.colorMode}` }, /* @__PURE__ */ import_react93.default.createElement("span", { className: "label" }, "Amount:"), /* @__PURE__ */ import_react93.default.createElement("div", { className: `amount-label-container items ${theme.colorMode}` }, /* @__PURE__ */ import_react93.default.createElement(
     "input",
     {
       className: `${theme.colorMode}`,
       type: "text",
       placeholder: "Enter amount",
       value: amountValue || "",
-      onChange: (e) => onAmountChange(e.target.value)
+      onChange: (e) => onAmountChange(e.target.value),
+      disabled: mode === "payment" /* payment */
     }
-  ), /* @__PURE__ */ import_react91.default.createElement("div", { className: "max-disclaimer" }, sourceNetwork.shortName !== "CC" && /* @__PURE__ */ import_react91.default.createElement("span", { className: "max-button", onClick: onMaxClick }, "Max"), +totalFee !== -1 && /* @__PURE__ */ import_react91.default.createElement("p", { className: "fee-amount" }, "Est fees:", " ", /* @__PURE__ */ import_react91.default.createElement("span", { className: `${isLoadingFees ? "loading" : ""}` }, " ", isLoadingFees ? "" : `$ ${formatBigInt(totalFee)} USD`))))));
+  ), /* @__PURE__ */ import_react93.default.createElement("div", { className: "max-disclaimer" }, sourceNetwork.shortName !== "CC" && mode !== "payment" /* payment */ && /* @__PURE__ */ import_react93.default.createElement("span", { className: "max-button", onClick: onMaxClick }, "Max"), +totalFee !== -1 && dAppOption === "none" /* None */ && !initialSelection.sourceSelection && !initialSelection.targetSelection && /* @__PURE__ */ import_react93.default.createElement("p", { className: "fee-amount" }, "Est fees:", " ", /* @__PURE__ */ import_react93.default.createElement("span", { className: `${isLoadingFees ? "loading" : ""}` }, " ", isLoadingFees ? "" : `$ ${formatBigInt(totalFee)} ${feeCurrency}`))))));
 };
 var SingleForm_default = SingleForm;
@@ -6072,11 +6588,11 @@ function useAllowance2({
 var import_react_hot_toast5 = require("react-hot-toast");
 // plugins/solana/components/SolanaWalletConnectModal.tsx
-var import_react94 = __toESM(require("react"), 1);
+var import_react96 = __toESM(require("react"), 1);
 var import_react_redux49 = require("react-redux");
 // plugins/solana/components/SolanaWalletSelect.tsx
-var import_react92 = __toESM(require("react"), 1);
+var import_react94 = __toESM(require("react"), 1);
 var import_react_redux47 = require("react-redux");
 var import_wallet_adapter_react7 = require("@solana/wallet-adapter-react");
 var import_wallet_adapter_base = require("@solana/wallet-adapter-base");
@@ -6084,9 +6600,9 @@ var SolanaWalletSelect = () => {
   const theme = (0, import_react_redux47.useSelector)(selectTheme);
   const sourceChain = (0, import_react_redux47.useSelector)(selectSourceChain);
   const dispatch = (0, import_react_redux47.useDispatch)();
-  const sliderRef = (0, import_react92.useRef)();
+  const sliderRef = (0, import_react94.useRef)();
   const { wallet, wallets, select, connect, connected } = (0, import_wallet_adapter_react7.useWallet)();
-  const [detected, undetected] = (0, import_react92.useMemo)(() => {
+  const [detected, undetected] = (0, import_react94.useMemo)(() => {
     const detected2 = [];
     const undetected2 = [];
     for (const wallet2 of wallets) {
@@ -6098,7 +6614,7 @@ var SolanaWalletSelect = () => {
     }
     return [detected2, undetected2];
   }, [wallets]);
-  (0, import_react92.useEffect)(() => {
+  (0, import_react94.useEffect)(() => {
     let isDown = false;
     let startX;
     let scrollLeft;
@@ -6124,7 +6640,7 @@ var SolanaWalletSelect = () => {
       sliderRef.current.scrollLeft = scrollLeft - walk;
     });
   }, []);
-  const handleWalletClick = (0, import_react92.useCallback)(
+  const handleWalletClick = (0, import_react94.useCallback)(
     (walletName) => {
       logger_default.debug(
         "SolanaWalletSelect: handleWalletClick: walletName: ",
@@ -6134,7 +6650,7 @@ var SolanaWalletSelect = () => {
     },
     [select]
   );
-  (0, import_react92.useEffect)(() => {
+  (0, import_react94.useEffect)(() => {
     logger_default.debug("SolanaWalletSelect: useEffect: wallet: ", wallet);
     if (!wallet) return;
     if (sourceChain.shortName !== "SOL") {
@@ -6150,28 +6666,28 @@ var SolanaWalletSelect = () => {
     }
     dispatch(setSolanaConnectModal(false));
   }, [wallet, sourceChain]);
-  return /* @__PURE__ */ import_react92.default.createElement("div", { className: `wallet-select` }, /* @__PURE__ */ import_react92.default.createElement("div", { className: "slide-area hide-scrollbar", ref: sliderRef }, /* @__PURE__ */ import_react92.default.createElement("div", { className: "wallet-container" }, detected.map((wallet2, index) => /* @__PURE__ */ import_react92.default.createElement(
+  return /* @__PURE__ */ import_react94.default.createElement("div", { className: `wallet-select` }, /* @__PURE__ */ import_react94.default.createElement("div", { className: "slide-area hide-scrollbar", ref: sliderRef }, /* @__PURE__ */ import_react94.default.createElement("div", { className: "wallet-container" }, detected.map((wallet2, index) => /* @__PURE__ */ import_react94.default.createElement(
     "div",
     {
       className: `card-item ${theme.colorMode}`,
       onClick: () => handleWalletClick(wallet2.adapter.name),
       key: `${wallet2.adapter.name}-${index}`
     },
-    /* @__PURE__ */ import_react92.default.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ import_react92.default.createElement("img", { src: wallet2.adapter.icon, alt: wallet2.adapter.name }), /* @__PURE__ */ import_react92.default.createElement("span", null, wallet2.adapter.name))
-  )), undetected.map((wallet2, index) => /* @__PURE__ */ import_react92.default.createElement(
+    /* @__PURE__ */ import_react94.default.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ import_react94.default.createElement("img", { src: wallet2.adapter.icon, alt: wallet2.adapter.name }), /* @__PURE__ */ import_react94.default.createElement("span", null, wallet2.adapter.name))
+  )), undetected.map((wallet2, index) => /* @__PURE__ */ import_react94.default.createElement(
     ExternalLink_default,
     {
       to: wallet2.adapter.url,
       className: `card-item ${theme.colorMode}`,
       key: `${wallet2.adapter.name}-${index}`
     },
-    /* @__PURE__ */ import_react92.default.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ import_react92.default.createElement("img", { src: wallet2.adapter.icon, alt: wallet2.adapter.name }), /* @__PURE__ */ import_react92.default.createElement("span", null, "Install ", wallet2.adapter.name))
+    /* @__PURE__ */ import_react94.default.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ import_react94.default.createElement("img", { src: wallet2.adapter.icon, alt: wallet2.adapter.name }), /* @__PURE__ */ import_react94.default.createElement("span", null, "Install ", wallet2.adapter.name))
   )))));
 };
 var SolanaWalletSelect_default = SolanaWalletSelect;
 // plugins/solana/components/AccountDetailsModal.tsx
-var import_react93 = __toESM(require("react"), 1);
+var import_react95 = __toESM(require("react"), 1);
 var import_react_redux48 = require("react-redux");
 var import_wallet_adapter_react8 = require("@solana/wallet-adapter-react");
 var AccountDetailsModal = () => {
@@ -6184,7 +6700,7 @@ var AccountDetailsModal = () => {
   const { disconnect: solanaWalletDisconnect } = (0, import_wallet_adapter_react8.useWallet)();
   const { balance: solBalance } = useGetSolBalance_default();
   const networkDetails = networkOptions2[0];
-  const explorerUrl = (0, import_react93.useMemo)(() => {
+  const explorerUrl = (0, import_react95.useMemo)(() => {
     return `https://solscan.io/account/${walletAddress}?cluster=${networkOption === "mainnet" ? "mainnet" : "devnet"}`;
   }, [walletAddress, networkOption]);
   const handleDisconnect = () => {
@@ -6192,25 +6708,25 @@ var AccountDetailsModal = () => {
     dispatch(setAccountDetailsModal(false));
   };
   if (sourceChain.shortName !== "SOL") return;
-  return /* @__PURE__ */ import_react93.default.createElement(
+  return /* @__PURE__ */ import_react95.default.createElement(
     "div",
     {
       className: `kima-modal ${theme.colorMode} ${accountDetailsModal && "open"}`
     },
-    /* @__PURE__ */ import_react93.default.createElement("div", { className: "modal-overlay" }),
-    /* @__PURE__ */ import_react93.default.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ import_react93.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react93.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react93.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react93.default.createElement("h3", null, "Account Details")), /* @__PURE__ */ import_react93.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react93.default.createElement(
+    /* @__PURE__ */ import_react95.default.createElement("div", { className: "modal-overlay" }),
+    /* @__PURE__ */ import_react95.default.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ import_react95.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react95.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react95.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react95.default.createElement("h3", null, "Account Details")), /* @__PURE__ */ import_react95.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react95.default.createElement(
       "button",
       {
         className: "cross-icon-button",
         onClick: () => dispatch(setAccountDetailsModal(false))
       },
-      /* @__PURE__ */ import_react93.default.createElement(
+      /* @__PURE__ */ import_react95.default.createElement(
         Cross_default,
         {
           fill: theme.colorMode === "light" ? "black" : "white"
         }
       )
-    )))), /* @__PURE__ */ import_react93.default.createElement("div", { className: "modal-content" }, /* @__PURE__ */ import_react93.default.createElement("div", { className: "summary" }, networkDetails && /* @__PURE__ */ import_react93.default.createElement(networkDetails.icon, { width: 60, height: 60 }), /* @__PURE__ */ import_react93.default.createElement("div", { className: "address" }, /* @__PURE__ */ import_react93.default.createElement("h2", null, getShortenedAddress(walletAddress || "")), /* @__PURE__ */ import_react93.default.createElement(CopyButton_default, { text: walletAddress })), /* @__PURE__ */ import_react93.default.createElement("h3", null, formatterFloat.format(Number(solBalance)), " $SOL")), /* @__PURE__ */ import_react93.default.createElement(SecondaryButton_default, { className: "block-explorer" }, /* @__PURE__ */ import_react93.default.createElement(ExternalLink_default, { className: "link", to: explorerUrl }, /* @__PURE__ */ import_react93.default.createElement(Explorer_default, { fill: "#778DA3" }), /* @__PURE__ */ import_react93.default.createElement("p", null, "Block explorer"), /* @__PURE__ */ import_react93.default.createElement(ExternalUrl_default, { fill: "#778DA3" }))), /* @__PURE__ */ import_react93.default.createElement(PrimaryButton_default, { clickHandler: handleDisconnect }, "Discconect")))
+    )))), /* @__PURE__ */ import_react95.default.createElement("div", { className: "modal-content" }, /* @__PURE__ */ import_react95.default.createElement("div", { className: "summary" }, networkDetails && /* @__PURE__ */ import_react95.default.createElement(networkDetails.icon, { width: 60, height: 60 }), /* @__PURE__ */ import_react95.default.createElement("div", { className: "address" }, /* @__PURE__ */ import_react95.default.createElement("h2", null, getShortenedAddress(walletAddress || "")), /* @__PURE__ */ import_react95.default.createElement(CopyButton_default, { text: walletAddress })), /* @__PURE__ */ import_react95.default.createElement("h3", null, formatterFloat.format(Number(solBalance)), " $SOL")), /* @__PURE__ */ import_react95.default.createElement(SecondaryButton_default, { className: "block-explorer" }, /* @__PURE__ */ import_react95.default.createElement(ExternalLink_default, { className: "link", to: explorerUrl }, /* @__PURE__ */ import_react95.default.createElement(Explorer_default, { fill: "#778DA3" }), /* @__PURE__ */ import_react95.default.createElement("p", null, "Block explorer"), /* @__PURE__ */ import_react95.default.createElement(ExternalUrl_default, { fill: "#778DA3" }))), /* @__PURE__ */ import_react95.default.createElement(PrimaryButton_default, { clickHandler: handleDisconnect }, "Discconect")))
   );
 };
 var AccountDetailsModal_default = AccountDetailsModal;
@@ -6220,18 +6736,18 @@ var SolanaWalletConnectModal = () => {
   const dispatch = (0, import_react_redux49.useDispatch)();
   const theme = (0, import_react_redux49.useSelector)(selectTheme);
   const connectModal = (0, import_react_redux49.useSelector)(selectSolanaConnectModal);
-  return /* @__PURE__ */ import_react94.default.createElement("div", null, /* @__PURE__ */ import_react94.default.createElement(AccountDetailsModal_default, null), /* @__PURE__ */ import_react94.default.createElement(
+  return /* @__PURE__ */ import_react96.default.createElement("div", null, /* @__PURE__ */ import_react96.default.createElement(AccountDetailsModal_default, null), /* @__PURE__ */ import_react96.default.createElement(
     "div",
     {
       className: `kima-modal wallet-connect ${connectModal ? "open" : ""}`
     },
-    /* @__PURE__ */ import_react94.default.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ import_react94.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react94.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react94.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react94.default.createElement("h3", null, "Connect Wallet")), /* @__PURE__ */ import_react94.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react94.default.createElement(
+    /* @__PURE__ */ import_react96.default.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ import_react96.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react96.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react96.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react96.default.createElement("h3", null, "Connect Wallet")), /* @__PURE__ */ import_react96.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react96.default.createElement(
       "button",
       {
         className: "cross-icon-button",
         onClick: () => dispatch(setSolanaConnectModal(false))
       },
-      /* @__PURE__ */ import_react94.default.createElement(
+      /* @__PURE__ */ import_react96.default.createElement(
         Cross_default,
         {
           width: 30,
@@ -6239,17 +6755,17 @@ var SolanaWalletConnectModal = () => {
           fill: theme.colorMode === "light" ? "black" : "white"
         }
       )
-    )))), /* @__PURE__ */ import_react94.default.createElement("div", { className: "modal-content" }, /* @__PURE__ */ import_react94.default.createElement(SolanaWalletSelect_default, null)))
+    )))), /* @__PURE__ */ import_react96.default.createElement("div", { className: "modal-content" }, /* @__PURE__ */ import_react96.default.createElement(SolanaWalletSelect_default, null)))
   ));
 };
 var SolanaWalletConnectModal_default = SolanaWalletConnectModal;
 // plugins/tron/components/TronWalletConnectModal.tsx
-var import_react97 = __toESM(require("react"), 1);
+var import_react99 = __toESM(require("react"), 1);
 var import_react_redux52 = require("react-redux");
 // plugins/tron/components/AccountDetailsModal.tsx
-var import_react95 = __toESM(require("react"), 1);
+var import_react97 = __toESM(require("react"), 1);
 var import_react_redux50 = require("react-redux");
 var import_tronwallet_adapter_react_hooks7 = require("@tronweb3/tronwallet-adapter-react-hooks");
 var AccountDetailsModal2 = () => {
@@ -6262,11 +6778,11 @@ var AccountDetailsModal2 = () => {
   const { disconnect: tronWalletDisconnect } = (0, import_tronwallet_adapter_react_hooks7.useWallet)();
   const { balance: tronBalance } = useGetTrxBalance_default();
   const selectedNetwork = (0, import_react_redux50.useSelector)(selectSourceChain);
-  const networkDetails = (0, import_react95.useMemo)(
+  const networkDetails = (0, import_react97.useMemo)(
     () => networkOptions.find(({ id }) => id === selectedNetwork.shortName),
     [selectedNetwork]
   );
-  const explorerUrl = (0, import_react95.useMemo)(() => {
+  const explorerUrl = (0, import_react97.useMemo)(() => {
     return `https://${networkOption === "testnet" && "nile."}tronscan.io/#/address/${connectedAddress}`;
   }, [connectedAddress, networkOption]);
   const handleDisconnect = () => {
@@ -6274,37 +6790,37 @@ var AccountDetailsModal2 = () => {
     dispatch(setAccountDetailsModal(false));
   };
   if (sourcheChain.shortName !== "TRX") return;
-  return /* @__PURE__ */ import_react95.default.createElement(
+  return /* @__PURE__ */ import_react97.default.createElement(
     "div",
     {
       className: `kima-modal ${theme.colorMode} ${accountDetailsModal && "open"}`
     },
-    /* @__PURE__ */ import_react95.default.createElement("div", { className: "modal-overlay" }),
-    /* @__PURE__ */ import_react95.default.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ import_react95.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react95.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react95.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react95.default.createElement("h3", null, "Account Details")), /* @__PURE__ */ import_react95.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react95.default.createElement(
+    /* @__PURE__ */ import_react97.default.createElement("div", { className: "modal-overlay" }),
+    /* @__PURE__ */ import_react97.default.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ import_react97.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react97.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react97.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react97.default.createElement("h3", null, "Account Details")), /* @__PURE__ */ import_react97.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react97.default.createElement(
       "button",
       {
         className: "cross-icon-button",
         onClick: () => dispatch(setAccountDetailsModal(false))
       },
-      /* @__PURE__ */ import_react95.default.createElement(
+      /* @__PURE__ */ import_react97.default.createElement(
         Cross_default,
         {
           fill: theme.colorMode === "light" ? "black" : "white"
         }
       )
-    )))), /* @__PURE__ */ import_react95.default.createElement("div", { className: "modal-content" }, /* @__PURE__ */ import_react95.default.createElement("div", { className: "summary" }, networkDetails && /* @__PURE__ */ import_react95.default.createElement(networkDetails.icon, { width: 60, height: 60 }), /* @__PURE__ */ import_react95.default.createElement("div", { className: "address" }, /* @__PURE__ */ import_react95.default.createElement("h2", null, getShortenedAddress(connectedAddress || "")), /* @__PURE__ */ import_react95.default.createElement(CopyButton_default, { text: connectedAddress })), /* @__PURE__ */ import_react95.default.createElement("h3", null, formatterFloat.format(Number(tronBalance)), " ", selectedNetwork.shortName)), /* @__PURE__ */ import_react95.default.createElement(SecondaryButton_default, { className: "block-explorer" }, /* @__PURE__ */ import_react95.default.createElement(ExternalLink_default, { className: "link", to: explorerUrl }, /* @__PURE__ */ import_react95.default.createElement(Explorer_default, { fill: "#778DA3" }), /* @__PURE__ */ import_react95.default.createElement("p", null, "Block explorer"), /* @__PURE__ */ import_react95.default.createElement(ExternalUrl_default, { fill: "#778DA3" }))), /* @__PURE__ */ import_react95.default.createElement(PrimaryButton_default, { clickHandler: handleDisconnect }, "Disconnect")))
+    )))), /* @__PURE__ */ import_react97.default.createElement("div", { className: "modal-content" }, /* @__PURE__ */ import_react97.default.createElement("div", { className: "summary" }, networkDetails && /* @__PURE__ */ import_react97.default.createElement(networkDetails.icon, { width: 60, height: 60 }), /* @__PURE__ */ import_react97.default.createElement("div", { className: "address" }, /* @__PURE__ */ import_react97.default.createElement("h2", null, getShortenedAddress(connectedAddress || "")), /* @__PURE__ */ import_react97.default.createElement(CopyButton_default, { text: connectedAddress })), /* @__PURE__ */ import_react97.default.createElement("h3", null, formatterFloat.format(Number(tronBalance)), " ", selectedNetwork.shortName)), /* @__PURE__ */ import_react97.default.createElement(SecondaryButton_default, { className: "block-explorer" }, /* @__PURE__ */ import_react97.default.createElement(ExternalLink_default, { className: "link", to: explorerUrl }, /* @__PURE__ */ import_react97.default.createElement(Explorer_default, { fill: "#778DA3" }), /* @__PURE__ */ import_react97.default.createElement("p", null, "Block explorer"), /* @__PURE__ */ import_react97.default.createElement(ExternalUrl_default, { fill: "#778DA3" }))), /* @__PURE__ */ import_react97.default.createElement(PrimaryButton_default, { clickHandler: handleDisconnect }, "Disconnect")))
   );
 };
 var AccountDetailsModal_default2 = AccountDetailsModal2;
 // plugins/tron/components/TronWalletSelect.tsx
-var import_react96 = __toESM(require("react"), 1);
+var import_react98 = __toESM(require("react"), 1);
 var import_react_redux51 = require("react-redux");
 var import_tronwallet_adapter_react_hooks8 = require("@tronweb3/tronwallet-adapter-react-hooks");
 var import_tronwallet_abstract_adapter2 = require("@tronweb3/tronwallet-abstract-adapter");
 var TronWalletSelect = () => {
   const theme = (0, import_react_redux51.useSelector)(selectTheme);
-  const sliderRef = (0, import_react96.useRef)();
+  const sliderRef = (0, import_react98.useRef)();
   const dispatch = (0, import_react_redux51.useDispatch)();
   const {
     wallets,
@@ -6313,7 +6829,7 @@ var TronWalletSelect = () => {
     connect,
     connected
   } = (0, import_tronwallet_adapter_react_hooks8.useWallet)();
-  const [detected, undetected] = (0, import_react96.useMemo)(() => {
+  const [detected, undetected] = (0, import_react98.useMemo)(() => {
     const detected2 = [];
     const undetected2 = [];
     for (const wallet of wallets) {
@@ -6325,7 +6841,7 @@ var TronWalletSelect = () => {
     }
     return [detected2, undetected2];
   }, [wallets]);
-  (0, import_react96.useEffect)(() => {
+  (0, import_react98.useEffect)(() => {
     let isDown = false;
     let startX;
     let scrollLeft;
@@ -6351,28 +6867,28 @@ var TronWalletSelect = () => {
       sliderRef.current.scrollLeft = scrollLeft - walk;
     });
   }, []);
-  (0, import_react96.useEffect)(() => {
+  (0, import_react98.useEffect)(() => {
     connected && dispatch(setTronConnectModal(false));
   }, [connected]);
   const connectWallet = async (walletName) => {
     currentWallet?.adapter.name === walletName ? await connect() : select(walletName);
   };
-  return /* @__PURE__ */ import_react96.default.createElement("div", { className: `wallet-select` }, /* @__PURE__ */ import_react96.default.createElement("div", { className: "slide-area hide-scrollbar", ref: sliderRef }, /* @__PURE__ */ import_react96.default.createElement("div", { className: "wallet-container" }, detected.map((wallet, index) => /* @__PURE__ */ import_react96.default.createElement(
+  return /* @__PURE__ */ import_react98.default.createElement("div", { className: `wallet-select` }, /* @__PURE__ */ import_react98.default.createElement("div", { className: "slide-area hide-scrollbar", ref: sliderRef }, /* @__PURE__ */ import_react98.default.createElement("div", { className: "wallet-container" }, detected.map((wallet, index) => /* @__PURE__ */ import_react98.default.createElement(
     "div",
     {
       className: `card-item ${theme.colorMode}`,
       onClick: () => connectWallet(wallet.adapter.name),
       key: `${wallet.adapter.name}-${index}`
     },
-    /* @__PURE__ */ import_react96.default.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ import_react96.default.createElement("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }), /* @__PURE__ */ import_react96.default.createElement("span", null, wallet.adapter.name))
-  )), undetected.map((wallet, index) => /* @__PURE__ */ import_react96.default.createElement(
+    /* @__PURE__ */ import_react98.default.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ import_react98.default.createElement("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }), /* @__PURE__ */ import_react98.default.createElement("span", null, wallet.adapter.name))
+  )), undetected.map((wallet, index) => /* @__PURE__ */ import_react98.default.createElement(
     ExternalLink_default,
     {
       to: wallet.adapter.url,
       className: `card-item ${theme.colorMode}`,
       key: `${wallet.adapter.name}-${index}`
     },
-    /* @__PURE__ */ import_react96.default.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ import_react96.default.createElement("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }), /* @__PURE__ */ import_react96.default.createElement("span", null, "Install ", wallet.adapter.name))
+    /* @__PURE__ */ import_react98.default.createElement("div", { className: "wallet-item" }, /* @__PURE__ */ import_react98.default.createElement("img", { src: wallet.adapter.icon, alt: wallet.adapter.name }), /* @__PURE__ */ import_react98.default.createElement("span", null, "Install ", wallet.adapter.name))
   )))));
 };
 var TronWalletSelect_default = TronWalletSelect;
@@ -6382,31 +6898,31 @@ var TronWalletConnectModal = () => {
   const dispatch = (0, import_react_redux52.useDispatch)();
   const theme = (0, import_react_redux52.useSelector)(selectTheme);
   const connectModal = (0, import_react_redux52.useSelector)(selectTronConnectModal);
-  return /* @__PURE__ */ import_react97.default.createElement("div", null, /* @__PURE__ */ import_react97.default.createElement(AccountDetailsModal_default2, null), /* @__PURE__ */ import_react97.default.createElement(
+  return /* @__PURE__ */ import_react99.default.createElement("div", null, /* @__PURE__ */ import_react99.default.createElement(AccountDetailsModal_default2, null), /* @__PURE__ */ import_react99.default.createElement(
     "div",
     {
       className: `kima-modal wallet-connect ${theme.colorMode} ${connectModal ? "open" : ""}`
     },
-    /* @__PURE__ */ import_react97.default.createElement("div", { className: "modal-overlay" }),
-    /* @__PURE__ */ import_react97.default.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ import_react97.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react97.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react97.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react97.default.createElement("h3", null, "Connect Wallet")), /* @__PURE__ */ import_react97.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react97.default.createElement(
+    /* @__PURE__ */ import_react99.default.createElement("div", { className: "modal-overlay" }),
+    /* @__PURE__ */ import_react99.default.createElement("div", { className: `modal-content-container ${theme.colorMode}` }, /* @__PURE__ */ import_react99.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react99.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react99.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react99.default.createElement("h3", null, "Connect Wallet")), /* @__PURE__ */ import_react99.default.createElement("div", { className: "control-buttons" }, /* @__PURE__ */ import_react99.default.createElement(
       "button",
       {
         className: "icon-button",
         onClick: () => dispatch(setTronConnectModal(false))
       },
-      /* @__PURE__ */ import_react97.default.createElement(
+      /* @__PURE__ */ import_react99.default.createElement(
         Cross_default,
         {
           fill: theme.colorMode === "light" ? "black" : "white"
         }
       )
-    )))), /* @__PURE__ */ import_react97.default.createElement("div", { className: "modal-content" }, /* @__PURE__ */ import_react97.default.createElement(TronWalletSelect_default, null)))
+    )))), /* @__PURE__ */ import_react99.default.createElement("div", { className: "modal-content" }, /* @__PURE__ */ import_react99.default.createElement(TronWalletSelect_default, null)))
   ));
 };
 var TronWalletConnectModal_default = TronWalletConnectModal;
 // src/hooks/useValidateTransaction.tsx
-var import_react98 = require("react");
+var import_react100 = require("react");
 var import_viem7 = require("viem");
 var import_react_redux53 = require("react-redux");
 var import_loglevel2 = __toESM(require("loglevel"), 1);
@@ -6435,7 +6951,7 @@ var useValidateTransaction = (inputs) => {
   const { data: envOptions } = useGetEnvOptions({ kimaBackendUrl });
   const mode = (0, import_react_redux53.useSelector)(selectMode);
   const networkOption = (0, import_react_redux53.useSelector)(selectNetworkOption);
-  const maxValue = (0, import_react98.useMemo)(() => {
+  const maxValue = (0, import_react100.useMemo)(() => {
     import_loglevel2.default.debug("useValidateTransaction: maxValue: ", inputs);
     if (!balance) return BigInt(0);
     if (totalFee <= BigInt(0)) return balance;
@@ -6494,7 +7010,7 @@ var useValidateTransaction = (inputs) => {
       };
     }
     if (compliantOption) {
-      if (!sourceCompliant?.isCompliant) {
+      if (!sourceCompliant?.isCompliant && sourceChain !== "CC") {
         return {
           error: "ValidationError" /* Error */,
           message: "Source address compliance check failed"
@@ -6552,8 +7068,7 @@ var useValidateTransaction_default = useValidateTransaction;
 // src/hooks/useSubmitTransaction.tsx
 var import_react_redux54 = require("react-redux");
 var import_react_query16 = require("@tanstack/react-query");
-var import_react99 = require("react");
-var useSubmitTransaction = () => {
+var useSubmitTransaction = (isSubmitting, setIsSubmitting) => {
   const dispatch = (0, import_react_redux54.useDispatch)();
   const backendUrl = (0, import_react_redux54.useSelector)(selectBackendUrl);
   const mode = (0, import_react_redux54.useSelector)(selectMode);
@@ -6562,7 +7077,6 @@ var useSubmitTransaction = () => {
   const txValues = feeDeduct ? transactionValues.feeFromTarget : transactionValues.feeFromOrigin;
   const ccTransactionIdSeed = (0, import_react_redux54.useSelector)(selectCCTransactionIdSeed);
   const submitted = (0, import_react_redux54.useSelector)(selectSubmitted);
-  const [isSubmitting, setIsSubmitting] = (0, import_react99.useState)(false);
   const mutation = (0, import_react_query16.useMutation)({
     mutationFn: async (signature) => {
       setIsSubmitting(true);
@@ -6661,6 +7175,8 @@ var getCompliance = async (walletAddress, compliantOption, backendUrl) => {
 // src/hooks/useComplianceCheck.tsx
 var useComplianceCheck = (walletAddress, compliantOption, backendUrl) => {
+  const enabled = !!walletAddress && walletAddress.length >= 34 && // debounce for a minimum of characters (tron length)
+  !!compliantOption && compliantOption && !!backendUrl;
   const {
     data: complianceData,
     error,
@@ -6670,9 +7186,7 @@ var useComplianceCheck = (walletAddress, compliantOption, backendUrl) => {
     queryFn: async () => {
       return await getCompliance(walletAddress, compliantOption, backendUrl);
     },
-    enabled: !!walletAddress && walletAddress.length >= 34 && // debounce for a minimum of characters (tron length)
-    !!compliantOption && compliantOption && !!backendUrl,
-    // Only fetch when valid inputs exist
+    enabled,
     retry: 1
     // Retry once on failure
   });
@@ -6717,7 +7231,7 @@ function useDisconnectWallet5() {
 }
 // src/components/reusable/WarningModal.tsx
-var import_react100 = __toESM(require("react"), 1);
+var import_react101 = __toESM(require("react"), 1);
 var WarningModal = ({
   message,
   cancelButtonText = "Cancel",
@@ -6725,14 +7239,14 @@ var WarningModal = ({
   onAcknowledge,
   onCancel
 }) => {
-  return /* @__PURE__ */ import_react100.default.createElement("div", { className: "warning-modal-overlay" }, /* @__PURE__ */ import_react100.default.createElement("div", { className: "warning-modal" }, /* @__PURE__ */ import_react100.default.createElement("h3", null, "Warning"), /* @__PURE__ */ import_react100.default.createElement("p", null, message), /* @__PURE__ */ import_react100.default.createElement("div", { className: "warning-modal-buttons" }, /* @__PURE__ */ import_react100.default.createElement(
+  return /* @__PURE__ */ import_react101.default.createElement("div", { className: "warning-modal-overlay" }, /* @__PURE__ */ import_react101.default.createElement("div", { className: "warning-modal" }, /* @__PURE__ */ import_react101.default.createElement("h3", null, "Warning"), /* @__PURE__ */ import_react101.default.createElement("p", null, message), /* @__PURE__ */ import_react101.default.createElement("div", { className: "warning-modal-buttons" }, /* @__PURE__ */ import_react101.default.createElement(
     SecondaryButton_default,
     {
       className: "warning-modal-cancel",
       clickHandler: onCancel
     },
     cancelButtonText
-  ), /* @__PURE__ */ import_react100.default.createElement(
+  ), /* @__PURE__ */ import_react101.default.createElement(
     PrimaryButton_default,
     {
       className: "warning-modal-acknowledge",
@@ -6744,7 +7258,7 @@ var WarningModal = ({
 var WarningModal_default = WarningModal;
 // src/components/reusable/CCWidget.tsx
-var import_react101 = __toESM(require("react"), 1);
+var import_react102 = __toESM(require("react"), 1);
 var import_react_redux55 = require("react-redux");
 var import_uuid = require("uuid");
@@ -6778,10 +7292,11 @@ var CCWidget = ({ submitCallback }) => {
   const backendUrl = (0, import_react_redux55.useSelector)(selectBackendUrl);
   const ccTransactionStatus = (0, import_react_redux55.useSelector)(selectCCTransactionStatus);
   const networkOption = (0, import_react_redux55.useSelector)(selectNetworkOption);
+  const sourceCurrency = (0, import_react_redux55.useSelector)(selectSourceCurrency);
   const { transactionValues } = (0, import_react_redux55.useSelector)(selectServiceFee);
-  const randomUserIdRef = (0, import_react101.useRef)((0, import_uuid.v4)());
-  const ccTransactionIdSeedRef = (0, import_react101.useRef)((0, import_uuid.v4)());
-  const ccTransactionSubmittedRef = (0, import_react101.useRef)(false);
+  const randomUserIdRef = (0, import_react102.useRef)((0, import_uuid.v4)());
+  const ccTransactionIdSeedRef = (0, import_react102.useRef)((0, import_uuid.v4)());
+  const ccTransactionSubmittedRef = (0, import_react102.useRef)(false);
   const { data: envOptions, isLoading: isEnvLoading } = useGetEnvOptions({
     kimaBackendUrl: backendUrl
   });
@@ -6791,21 +7306,21 @@ var CCWidget = ({ submitCallback }) => {
     isLoading: isTransactionIdLoading,
     error
   } = useCCTransactionId(backendUrl, ccTransactionIdSeedRef.current);
-  (0, import_react101.useEffect)(() => {
+  (0, import_react102.useEffect)(() => {
     dispatch(setCCTransactionIdSeed(ccTransactionIdSeedRef.current));
     dispatch(setCCTransactionId(data?.transactionId));
   }, [dispatch, data, isTransactionIdLoading]);
   const txValues = feeDeduct ? transactionValues.feeFromTarget : transactionValues.feeFromOrigin;
-  const allowanceAmount = (0, import_react101.useMemo)(
+  const allowanceAmount = (0, import_react102.useMemo)(
     () => formatBigInt(txValues.allowanceAmount),
     [txValues]
   );
-  const [isLoading, setIsLoading] = (0, import_react101.useState)(true);
-  const baseUrl = (0, import_react101.useMemo)(
+  const [isLoading, setIsLoading] = (0, import_react102.useState)(true);
+  const baseUrl = (0, import_react102.useMemo)(
     () => `https://widget${networkOption === "testnet" /* testnet */ ? "-sandbox" : ""}.depasify.com`,
     [networkOption]
   );
-  (0, import_react101.useEffect)(() => {
+  (0, import_react102.useEffect)(() => {
     const handleMessage = (event) => {
       if (event.origin !== baseUrl) {
         return;
@@ -6826,15 +7341,15 @@ var CCWidget = ({ submitCallback }) => {
     window.addEventListener("message", handleMessage);
     return () => window.removeEventListener("message", handleMessage);
   }, []);
-  (0, import_react101.useEffect)(() => {
+  (0, import_react102.useEffect)(() => {
     if (error) dispatch(setCCTransactionStatus("error-id"));
   }, [dispatch, error]);
-  return /* @__PURE__ */ import_react101.default.createElement("div", { className: `cc-widget ${isLoading ? "loading" : ""}` }, (isLoading || isTransactionIdLoading || isEnvLoading || ccTransactionStatus === "success") && /* @__PURE__ */ import_react101.default.createElement("div", { className: "cc-widget-loader" }, /* @__PURE__ */ import_react101.default.createElement(ring_default, { width: 50, height: 50, fill: "#86b8ce" })), /* @__PURE__ */ import_react101.default.createElement(
+  return /* @__PURE__ */ import_react102.default.createElement("div", { className: `cc-widget ${isLoading ? "loading" : ""}` }, (isLoading || isTransactionIdLoading || isEnvLoading || ccTransactionStatus === "success") && /* @__PURE__ */ import_react102.default.createElement("div", { className: "cc-widget-loader" }, /* @__PURE__ */ import_react102.default.createElement(ring_default, { width: 50, height: 50, fill: "#86b8ce" })), /* @__PURE__ */ import_react102.default.createElement(
     "iframe",
     {
       width: isLoading || isTransactionIdLoading || ccTransactionStatus === "success" || error ? 0 : "100%",
       height: isLoading || isTransactionIdLoading || ccTransactionStatus === "success" || error ? 0 : "100%",
-      src: `${baseUrl}/widgets/kyc?partner=${partnerId}&user_uuid=${randomUserIdRef.current}&amount=${allowanceAmount}&currency=USD&trx_uuid=${data?.transactionId}&postmessage=true`,
+      src: `${baseUrl}/widgets/kyc?partner=${partnerId}&user_uuid=${randomUserIdRef.current}&amount=${allowanceAmount}&currency=${sourceCurrency}&trx_uuid=${data?.transactionId}&postmessage=true`,
       loading: "lazy",
       title: "Credit Card Widget",
       allow: "camera; clipboard-write",
@@ -6858,11 +7373,12 @@ var TransferWidget = ({
   paymentTitleOption
 }) => {
   const dispatch = (0, import_react_redux56.useDispatch)();
-  const mainRef = (0, import_react102.useRef)(null);
-  const [signature, setSignature2] = (0, import_react102.useState)("");
-  const [formStep, setFormStep] = (0, import_react102.useState)(0);
-  const [warningModalOpen, setWarningModalOpen] = (0, import_react102.useState)(null);
-  const [resetModalOpen, setResetModalOpen] = (0, import_react102.useState)(false);
+  const mainRef = (0, import_react103.useRef)(null);
+  const [signature, setSignature2] = (0, import_react103.useState)("");
+  const [isSubmitting, setIsSubmitting] = (0, import_react103.useState)(false);
+  const [formStep, setFormStep] = (0, import_react103.useState)(0);
+  const [warningModalOpen, setWarningModalOpen] = (0, import_react103.useState)(null);
+  const [resetModalOpen, setResetModalOpen] = (0, import_react103.useState)(false);
   const networkOption = (0, import_react_redux56.useSelector)(selectNetworkOption);
   const dAppOption = (0, import_react_redux56.useSelector)(selectDappOption);
   const mode = (0, import_react_redux56.useSelector)(selectMode);
@@ -6881,11 +7397,11 @@ var TransferWidget = ({
   const feeDeduct = (0, import_react_redux56.useSelector)(selectFeeDeduct);
   const txValues = feeDeduct ? transactionValues.feeFromTarget : transactionValues.feeFromOrigin;
   const { keplrHandler, closeHandler } = useKimaContext();
-  const [isCancellingApprove, setCancellingApprove] = (0, import_react102.useState)(false);
-  const [isApproving, setApproving] = (0, import_react102.useState)(false);
-  const [isSigning, setSigning] = (0, import_react102.useState)(false);
-  const [feeOptionDisabled, setFeeOptionDisabled] = (0, import_react102.useState)(false);
-  const [initialSelection, setInitialSelection] = (0, import_react102.useState)({
+  const [isCancellingApprove, setCancellingApprove] = (0, import_react103.useState)(false);
+  const [isApproving, setApproving] = (0, import_react103.useState)(false);
+  const [isSigning, setSigning] = (0, import_react103.useState)(false);
+  const [feeOptionDisabled, setFeeOptionDisabled] = (0, import_react103.useState)(false);
+  const [initialSelection, setInitialSelection] = (0, import_react103.useState)({
     sourceSelection: true,
     targetSelection: true
   });
@@ -6895,6 +7411,10 @@ var TransferWidget = ({
   const ccTransactionStatus = (0, import_react_redux56.useSelector)(selectCCTransactionStatus);
   const { width: windowWidth } = useWidth_default();
   const { disconnectWallet } = useDisconnectWallet5();
+  const { submitTransaction } = useSubmitTransaction_default(
+    isSubmitting,
+    setIsSubmitting
+  );
   const { allowance, balance, isApproved, approve, decimals, signMessage } = useAllowance2({
     setApproving,
     setCancellingApprove
@@ -6947,7 +7467,7 @@ var TransferWidget = ({
     targetSymbol: targetCurrency,
     backendUrl
   });
-  (0, import_react102.useEffect)(() => {
+  (0, import_react103.useEffect)(() => {
     if (fees) {
       dispatch(setServiceFee(fees));
     }
@@ -6958,8 +7478,7 @@ var TransferWidget = ({
       setInitialSelection((prev) => ({ ...prev, targetSelection: false }));
     }
   }, [fees, mode, transactionOption, dispatch]);
-  const { submitTransaction, isSubmitting } = useSubmitTransaction_default();
-  const isBackButtonEnabled = (0, import_react102.useMemo)(() => {
+  const isBackButtonEnabled = (0, import_react103.useMemo)(() => {
     if (formStep !== 0) {
       if (sourceChain.shortName === "CC") {
         return ccTransactionStatus === "idle" || ccTransactionStatus === "failed";
@@ -6968,32 +7487,33 @@ var TransferWidget = ({
     }
     return false;
   }, [ccTransactionStatus, sourceChain, formStep]);
-  const isSubmitButtonEnabled = (0, import_react102.useMemo)(() => {
+  const isSubmitButtonEnabled = (0, import_react103.useMemo)(() => {
     if (submitted) return false;
     if (sourceChain.shortName === "CC") {
       return ccTransactionStatus === "idle";
     }
     return true;
   }, [sourceChain, ccTransactionStatus]);
-  const submit = (0, import_react102.useCallback)(async () => {
+  const submit = (0, import_react103.useCallback)(async () => {
     try {
       await submitTransaction(signature);
     } catch (err) {
-      import_react_hot_toast5.toast.error("Failed to submit transaction", { icon: /* @__PURE__ */ import_react102.default.createElement(Error_default, null) });
+      import_react_hot_toast5.toast.error("Failed to submit transaction", { icon: /* @__PURE__ */ import_react103.default.createElement(Error_default, null) });
       dispatch(setCCTransactionStatus("error-generic"));
     }
   }, [signature, submitTransaction]);
   const handleSubmit = async () => {
     const { error: error2, message: validationMessage } = validate(true);
     if (error2 === "ValidationError" /* Error */) {
-      return import_react_hot_toast5.toast.error(validationMessage, { icon: /* @__PURE__ */ import_react102.default.createElement(Error_default, null) });
+      return import_react_hot_toast5.toast.error(validationMessage, { icon: /* @__PURE__ */ import_react103.default.createElement(Error_default, null) });
     }
     if (sourceChain.shortName === "CC") {
       dispatch(setCCTransactionStatus("initialized"));
       return;
     }
-    if (error2 === "ApprovalNeeded" /* ApprovalNeeded */ && mode !== "light" /* light */) {
+    if (error2 === "ApprovalNeeded" /* ApprovalNeeded */ && mode !== "light" /* light */ && dAppOption === "none" /* None */) {
       if (!signature) {
+        setApproving(true);
         setFeeOptionDisabled(true);
         const sig2 = await signMessage?.({
           targetAddress,
@@ -7002,15 +7522,17 @@ var TransferWidget = ({
           originChain: sourceChain.shortName
         });
         setSignature2(sig2);
+        setApproving(false);
       }
       return approve();
     }
+    setIsSubmitting(true);
     if (dAppOption === "LPDrain" /* LPDrain */ || dAppOption === "LPAdd" /* LPAdd */) {
-      keplrHandler?.(sourceAddress);
+      await keplrHandler?.(sourceAddress);
       return;
     }
     let sig = signature;
-    if (!sig && mode !== "light" /* light */) {
+    if (!sig && mode !== "light" /* light */ && dAppOption === "none" /* None */) {
       setFeeOptionDisabled(true);
       sig = await signMessage?.({
         targetAddress,
@@ -7035,7 +7557,7 @@ var TransferWidget = ({
     if (error2 !== "ValidationError" /* Error */ && formStep > 0) {
       return handleSubmit();
     }
-    import_react_hot_toast5.toast.error(validationMessage, { icon: /* @__PURE__ */ import_react102.default.createElement(Error_default, null) });
+    import_react_hot_toast5.toast.error(validationMessage, { icon: /* @__PURE__ */ import_react103.default.createElement(Error_default, null) });
     mainRef.current?.click();
   };
   const onBack = () => {
@@ -7057,9 +7579,9 @@ var TransferWidget = ({
         return "Next";
       }
       if (isApproved) {
-        return isSubmitting ? "Submitting..." : "Submit";
+        return isSubmitting ? !signature && dAppOption === "none" /* None */ ? "Signing..." : "Submitting..." : "Submit";
       } else {
-        return isApproving ? "Approving..." : "Approve";
+        return isApproving ? !signature && dAppOption === "none" /* None */ ? "Signing..." : "Approving..." : !signature && dAppOption === "none" /* None */ ? "Sign" : "Approve";
       }
     }
     if (isLoadingFees) {
@@ -7074,7 +7596,6 @@ var TransferWidget = ({
   };
   const resetForm = async () => {
     if (isApproving || isSubmitting || isSigning) return;
-    closeHandler && closeHandler(0);
     setSignature2("");
     setSigning(false);
     setFormStep(0);
@@ -7110,7 +7631,7 @@ var TransferWidget = ({
     }
     await disconnectWallet();
   };
-  return /* @__PURE__ */ import_react102.default.createElement(
+  return /* @__PURE__ */ import_react103.default.createElement(
     "div",
     {
       className: `kima-card ${theme.colorMode}`,
@@ -7118,7 +7639,7 @@ var TransferWidget = ({
         background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
       }
     },
-    resetModalOpen && /* @__PURE__ */ import_react102.default.createElement(
+    resetModalOpen && /* @__PURE__ */ import_react103.default.createElement(
       WarningModal_default,
       {
         message: "Are you sure you want to reset the widget?",
@@ -7130,7 +7651,7 @@ var TransferWidget = ({
         onCancel: () => setResetModalOpen(false)
       }
     ),
-    warningModalOpen && /* @__PURE__ */ import_react102.default.createElement(
+    warningModalOpen && /* @__PURE__ */ import_react103.default.createElement(
       WarningModal_default,
       {
         message: warningModalOpen.message,
@@ -7144,14 +7665,14 @@ var TransferWidget = ({
         }
       }
     ),
-    mode === "payment" /* payment */ && !transactionOption && /* @__PURE__ */ import_react102.default.createElement("h2", { className: "invalid-option-banner" }, "We're unable to process your payment. Please ensure the necessary transaction details are provided. Contact support if the issue persists."),
-    /* @__PURE__ */ import_react102.default.createElement("div", { className: "transfer-card" }, /* @__PURE__ */ import_react102.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react102.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react102.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react102.default.createElement("h3", { style: { marginRight: "5px" } }, formStep === 0 ? titleOption?.initialTitle ? titleOption.initialTitle : mode === "payment" /* payment */ ? "New Purchase" : "New Transfer" : titleOption?.confirmTitle ? titleOption.confirmTitle : mode === "payment" /* payment */ ? "Confirm Purchase" : "Transfer Details")), /* @__PURE__ */ import_react102.default.createElement("div", { className: "control-buttons" }, pendingTxs > 0 ? /* @__PURE__ */ import_react102.default.createElement(TxButton_default, { theme }) : null, /* @__PURE__ */ import_react102.default.createElement(
+    mode === "payment" /* payment */ && !transactionOption && /* @__PURE__ */ import_react103.default.createElement("h2", { className: "invalid-option-banner" }, "We're unable to process your payment. Please ensure the necessary transaction details are provided. Contact support if the issue persists."),
+    /* @__PURE__ */ import_react103.default.createElement("div", { className: "transfer-card" }, /* @__PURE__ */ import_react103.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react103.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react103.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react103.default.createElement("h3", { style: { marginRight: "5px" } }, formStep === 0 ? titleOption?.initialTitle ? titleOption.initialTitle : mode === "payment" /* payment */ ? "New Purchase" : "New Transfer" : titleOption?.confirmTitle ? titleOption.confirmTitle : mode === "payment" /* payment */ ? "Confirm Purchase" : "Transfer Details")), /* @__PURE__ */ import_react103.default.createElement("div", { className: "control-buttons" }, pendingTxs > 0 ? /* @__PURE__ */ import_react103.default.createElement(TxButton_default, { theme }) : null, /* @__PURE__ */ import_react103.default.createElement(
       ExternalLink_default,
       {
         to: helpURL ? helpURL : networkOption === "testnet" /* testnet */ ? "https://docs.kima.network/kima-network/try-kima-with-the-demo-app" : "https://support.kima.network"
       },
-      /* @__PURE__ */ import_react102.default.createElement("div", { className: "menu-button" }, "I need help")
-    ), sourceChain.shortName === "CC" && formStep > 0 && /* @__PURE__ */ import_react102.default.createElement(ExternalLink_default, { to: "https://docs.kima.network/kima-network/supported-fiat#unsupported-countries-credit-cards" }, /* @__PURE__ */ import_react102.default.createElement("div", { className: "menu-button" }, "Unsupported Countries")), formStep === 0 && mode !== "payment" /* payment */ && /* @__PURE__ */ import_react102.default.createElement(
+      /* @__PURE__ */ import_react103.default.createElement("div", { className: "menu-button" }, "I need help")
+    ), sourceChain.shortName === "CC" && formStep > 0 && /* @__PURE__ */ import_react103.default.createElement(ExternalLink_default, { to: "https://docs.kima.network/kima-network/supported-fiat#unsupported-countries-credit-cards" }, /* @__PURE__ */ import_react103.default.createElement("div", { className: "menu-button" }, "Unsupported Countries")), formStep === 0 && mode !== "payment" /* payment */ && /* @__PURE__ */ import_react103.default.createElement(
       "button",
       {
         className: "reset-button",
@@ -7159,7 +7680,17 @@ var TransferWidget = ({
         disabled: isApproving || isSubmitting || isSigning
       },
       "Reset"
-    ))), mode === "payment" /* payment */ && paymentTitleOption?.title && /* @__PURE__ */ import_react102.default.createElement("h4", { className: "subtitle" }, paymentTitleOption.title)), /* @__PURE__ */ import_react102.default.createElement("div", { className: "kima-card-content", ref: mainRef }, formStep === 0 ? /* @__PURE__ */ import_react102.default.createElement(
+    ), closeHandler && /* @__PURE__ */ import_react103.default.createElement(
+      "button",
+      {
+        className: "cross-icon-button",
+        onClick: () => {
+          resetForm();
+          closeHandler(0);
+        }
+      },
+      /* @__PURE__ */ import_react103.default.createElement(Cross_default, null)
+    ))), mode === "payment" /* payment */ && paymentTitleOption?.title && /* @__PURE__ */ import_react103.default.createElement("h4", { className: "subtitle" }, paymentTitleOption.title)), /* @__PURE__ */ import_react103.default.createElement("div", { className: "kima-card-content", ref: mainRef }, formStep === 0 ? /* @__PURE__ */ import_react103.default.createElement(
       SingleForm_default,
       {
         ...{
@@ -7172,7 +7703,7 @@ var TransferWidget = ({
           setInitialSelection
         }
       }
-    ) : ccTransactionStatus !== "idle" ? /* @__PURE__ */ import_react102.default.createElement(CCWidget_default, { submitCallback: submit }) : /* @__PURE__ */ import_react102.default.createElement(
+    ) : ccTransactionStatus !== "idle" ? /* @__PURE__ */ import_react103.default.createElement(CCWidget_default, { submitCallback: submit }) : /* @__PURE__ */ import_react103.default.createElement(
       ConfirmDetails_default,
       {
         ...{
@@ -7180,12 +7711,12 @@ var TransferWidget = ({
           feeOptionDisabled
         }
       }
-    )), /* @__PURE__ */ import_react102.default.createElement(
+    )), /* @__PURE__ */ import_react103.default.createElement(
       "div",
       {
         className: `kima-card-footer ${mode === "bridge" /* bridge */ && formStep !== 0 && "confirm"}`
       },
-      /* @__PURE__ */ import_react102.default.createElement("div", { className: `button-group` }, isBackButtonEnabled && /* @__PURE__ */ import_react102.default.createElement(
+      /* @__PURE__ */ import_react103.default.createElement("div", { className: `button-group` }, isBackButtonEnabled && /* @__PURE__ */ import_react103.default.createElement(
         SecondaryButton_default,
         {
           clickHandler: onBack,
@@ -7193,7 +7724,7 @@ var TransferWidget = ({
           disabled: isApproving || isSubmitting || isSigning
         },
         formStep > 0 && ccTransactionStatus !== "initialized" ? "Back" : "Cancel"
-      ), !!allowance && allowance > 0 && formStep !== 0 && sourceChain.shortName !== "CC" && mode !== "light" /* light */ ? /* @__PURE__ */ import_react102.default.createElement(
+      ), !!allowance && allowance > 0 && formStep !== 0 && sourceChain.shortName !== "CC" && mode !== "light" /* light */ && dAppOption !== "LPDrain" /* LPDrain */ ? /* @__PURE__ */ import_react103.default.createElement(
         SecondaryButton_default,
         {
           clickHandler: onCancelApprove,
@@ -7202,7 +7733,7 @@ var TransferWidget = ({
           disabled: isCancellingApprove || isApproving || isSubmitting || isSigning
         },
         isCancellingApprove ? "Cancelling Approval" : "Cancel Approve"
-      ) : null, isSubmitButtonEnabled && /* @__PURE__ */ import_react102.default.createElement(
+      ) : null, isSubmitButtonEnabled && /* @__PURE__ */ import_react103.default.createElement(
         PrimaryButton_default,
         {
           clickHandler: onNext,
@@ -7211,7 +7742,7 @@ var TransferWidget = ({
         },
         getButtonLabel()
       ))
-    ), /* @__PURE__ */ import_react102.default.createElement(SolanaWalletConnectModal_default, null), /* @__PURE__ */ import_react102.default.createElement(TronWalletConnectModal_default, null), /* @__PURE__ */ import_react102.default.createElement(
+    ), /* @__PURE__ */ import_react103.default.createElement(SolanaWalletConnectModal_default, null), /* @__PURE__ */ import_react103.default.createElement(TronWalletConnectModal_default, null), /* @__PURE__ */ import_react103.default.createElement(
       import_react_hot_toast5.Toaster,
       {
         position: "top-right",
@@ -7236,19 +7767,19 @@ var TransferWidget = ({
           }
         }
       }
-    ), /* @__PURE__ */ import_react102.default.createElement("div", { className: "floating-footer" }, /* @__PURE__ */ import_react102.default.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ import_react102.default.createElement("span", null, "Powered by"), /* @__PURE__ */ import_react102.default.createElement(KimaNetwork_default, null))))
+    ), /* @__PURE__ */ import_react103.default.createElement("div", { className: "floating-footer" }, /* @__PURE__ */ import_react103.default.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ import_react103.default.createElement("span", null, "Powered by"), /* @__PURE__ */ import_react103.default.createElement(KimaNetwork_default, null))))
   );
 };
 // src/components/KimaWidgetWrapper.tsx
-var import_react106 = require("@reown/appkit/react");
+var import_react107 = require("@reown/appkit/react");
 // src/hooks/useDebugMode.ts
-var import_react103 = require("react");
+var import_react104 = require("react");
 var useDebugCode = (sequence = ["D", "E", "B", "U", "G"]) => {
-  const [debugMode, setDebugMode] = (0, import_react103.useState)(false);
-  const [, setInputSequence] = (0, import_react103.useState)([]);
-  (0, import_react103.useEffect)(() => {
+  const [debugMode, setDebugMode] = (0, import_react104.useState)(false);
+  const [, setInputSequence] = (0, import_react104.useState)([]);
+  (0, import_react104.useEffect)(() => {
     const onKeyDown = (e) => {
       setInputSequence((prev) => {
         const next = [...prev, e.key].slice(-sequence.length);
@@ -7275,7 +7806,7 @@ var useDebugCode = (sequence = ["D", "E", "B", "U", "G"]) => {
 };
 // src/components/ErrorWidget.tsx
-var import_react104 = __toESM(require("react"), 1);
+var import_react105 = __toESM(require("react"), 1);
 var import_react_redux57 = require("react-redux");
 var ErrorWidget = ({
   theme,
@@ -7288,7 +7819,7 @@ var ErrorWidget = ({
   const ccTransactionId = (0, import_react_redux57.useSelector)(selectCCTransactionId);
   const isCreditCardSource = sourceChain.shortName === "CC";
   const isRetrying = (0, import_react_redux57.useSelector)(selectCCTransactionRetrying);
-  return /* @__PURE__ */ import_react104.default.createElement(
+  return /* @__PURE__ */ import_react105.default.createElement(
     "div",
     {
       className: `kima-card ${theme.colorMode}`,
@@ -7296,7 +7827,7 @@ var ErrorWidget = ({
         background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
       }
     },
-    /* @__PURE__ */ import_react104.default.createElement("div", { className: "transfer-card" }, /* @__PURE__ */ import_react104.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react104.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react104.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react104.default.createElement("h3", null, title))), /* @__PURE__ */ import_react104.default.createElement("h4", { className: "subtitle" })), /* @__PURE__ */ import_react104.default.createElement("div", { className: "kima-card-content error" }, isCreditCardSource && !isRetrying && /* @__PURE__ */ import_react104.default.createElement(Error_default, { width: 40, height: 40 }), message && message !== "" && /* @__PURE__ */ import_react104.default.createElement("h2", null, message), isCreditCardSource && /* @__PURE__ */ import_react104.default.createElement(
+    /* @__PURE__ */ import_react105.default.createElement("div", { className: "transfer-card" }, /* @__PURE__ */ import_react105.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react105.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react105.default.createElement("div", { className: "title" }, /* @__PURE__ */ import_react105.default.createElement("h3", null, title))), /* @__PURE__ */ import_react105.default.createElement("h4", { className: "subtitle" })), /* @__PURE__ */ import_react105.default.createElement("div", { className: "kima-card-content error" }, isCreditCardSource && !isRetrying && /* @__PURE__ */ import_react105.default.createElement(Error_default, { width: 40, height: 40 }), message && message !== "" && /* @__PURE__ */ import_react105.default.createElement("h2", null, message), isCreditCardSource && /* @__PURE__ */ import_react105.default.createElement(
       "div",
       {
         style: {
@@ -7305,8 +7836,8 @@ var ErrorWidget = ({
           flexDirection: "column"
         }
       },
-      isRetrying ? /* @__PURE__ */ import_react104.default.createElement("p", null, "The transaction is being retried in the background. This may take a few moments. If the issue persists, please contact support and provide the transaction ID below for reference.") : /* @__PURE__ */ import_react104.default.createElement("p", null, "This credit card transaction has failed. Please check the details and try again. If the issue persists, please contact support and provide the transaction ID below for reference."),
-      ccTransactionId && /* @__PURE__ */ import_react104.default.createElement(
+      isRetrying ? /* @__PURE__ */ import_react105.default.createElement("p", null, "The transaction is being retried in the background. This may take a few moments. If the issue persists, please contact support and provide the transaction ID below for reference.") : /* @__PURE__ */ import_react105.default.createElement("p", null, "This credit card transaction has failed. Please check the details and try again. If the issue persists, please contact support and provide the transaction ID below for reference."),
+      ccTransactionId && /* @__PURE__ */ import_react105.default.createElement(
         "div",
         {
           style: {
@@ -7316,7 +7847,7 @@ var ErrorWidget = ({
             justifyContent: "center"
           }
         },
-        /* @__PURE__ */ import_react104.default.createElement(
+        /* @__PURE__ */ import_react105.default.createElement(
           "code",
           {
             style: {
@@ -7327,10 +7858,10 @@ var ErrorWidget = ({
           },
           ccTransactionId
         ),
-        /* @__PURE__ */ import_react104.default.createElement(CopyButton_default, { text: ccTransactionId })
+        /* @__PURE__ */ import_react105.default.createElement(CopyButton_default, { text: ccTransactionId })
       ),
-      isRetrying && /* @__PURE__ */ import_react104.default.createElement(ring_default, { width: 30, height: 30, fill: "#86b8ce" })
-    )), backButtonEnabled && /* @__PURE__ */ import_react104.default.createElement(
+      isRetrying && /* @__PURE__ */ import_react105.default.createElement(ring_default, { width: 30, height: 30, fill: "#86b8ce" })
+    )), backButtonEnabled && /* @__PURE__ */ import_react105.default.createElement(
       "div",
       {
         style: {
@@ -7339,8 +7870,8 @@ var ErrorWidget = ({
           marginTop: 16
         }
       },
-      /* @__PURE__ */ import_react104.default.createElement(PrimaryButton_default, { clickHandler: backButtonFunction }, "Back")
-    ), /* @__PURE__ */ import_react104.default.createElement("div", { className: "kima-card-footer" }), /* @__PURE__ */ import_react104.default.createElement("div", { className: "floating-footer" }, /* @__PURE__ */ import_react104.default.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ import_react104.default.createElement("span", null, "Powered by"), /* @__PURE__ */ import_react104.default.createElement(FooterLogo_default, { width: 50, fill: "black" }), /* @__PURE__ */ import_react104.default.createElement("strong", null, "Network"))))
+      /* @__PURE__ */ import_react105.default.createElement(PrimaryButton_default, { clickHandler: backButtonFunction }, "Back")
+    ), /* @__PURE__ */ import_react105.default.createElement("div", { className: "kima-card-footer" }), /* @__PURE__ */ import_react105.default.createElement("div", { className: "floating-footer" }, /* @__PURE__ */ import_react105.default.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ import_react105.default.createElement("span", null, "Powered by"), /* @__PURE__ */ import_react105.default.createElement(FooterLogo_default, { width: 50, fill: "black" }), /* @__PURE__ */ import_react105.default.createElement("strong", null, "Network"))))
   );
 };
 var ErrorWidget_default = ErrorWidget;
@@ -7354,7 +7885,7 @@ var KimaWidgetWrapper = ({
   titleOption,
   paymentTitleOption,
   helpURL = "",
-  compliantOption = true,
+  compliantOption = false,
   transactionOption,
   chainData,
   envOptions
@@ -7363,13 +7894,13 @@ var KimaWidgetWrapper = ({
   const { kimaBackendUrl } = useKimaContext();
   const submitted = (0, import_react_redux58.useSelector)(selectSubmitted);
   const dispatch = (0, import_react_redux58.useDispatch)();
-  const { setThemeMode, setThemeVariables } = (0, import_react106.useAppKitTheme)();
+  const { setThemeMode, setThemeVariables } = (0, import_react107.useAppKitTheme)();
   const sourceChain = (0, import_react_redux58.useSelector)(selectSourceChain);
   const ccTransactionStatus = (0, import_react_redux58.useSelector)(selectCCTransactionStatus);
   const ccTransactionRetrying = (0, import_react_redux58.useSelector)(selectCCTransactionRetrying);
   const networkOption = envOptions?.env;
   const kimaExplorer = envOptions?.kimaExplorer || "https://explorer.sardis.kima.network";
-  (0, import_react105.useEffect)(() => {
+  (0, import_react106.useEffect)(() => {
     dispatch(setTheme(theme));
     setThemeMode(theme.colorMode === "light" /* light */ ? "light" : "dark");
     setThemeVariables({
@@ -7410,7 +7941,7 @@ var KimaWidgetWrapper = ({
       dispatch(setSubmitted(false));
     }
   }, [theme, transactionOption, mode, networkOption, chainData]);
-  (0, import_react105.useEffect)(() => {
+  (0, import_react106.useEffect)(() => {
     if (!chainData?.length) return;
     indexPluginsByChain(chainData);
   }, [chainData]);
@@ -7418,9 +7949,9 @@ var KimaWidgetWrapper = ({
     console.log("widget wrapper", submitted, ccTransactionStatus);
     if (submitted) {
       logger_default.debug("will return transaction widget on cc success");
-      return /* @__PURE__ */ import_react105.default.createElement(TransactionWidget, { theme });
+      return /* @__PURE__ */ import_react106.default.createElement(TransactionWidget, { theme });
     } else if (ccTransactionStatus === "error-id") {
-      return /* @__PURE__ */ import_react105.default.createElement(
+      return /* @__PURE__ */ import_react106.default.createElement(
         ErrorWidget_default,
         {
           theme,
@@ -7434,7 +7965,7 @@ var KimaWidgetWrapper = ({
         }
       );
     } else if (ccTransactionStatus === "error-generic") {
-      return /* @__PURE__ */ import_react105.default.createElement(
+      return /* @__PURE__ */ import_react106.default.createElement(
         ErrorWidget_default,
         {
           theme,
@@ -7448,7 +7979,7 @@ var KimaWidgetWrapper = ({
         }
       );
     }
-    return /* @__PURE__ */ import_react105.default.createElement(
+    return /* @__PURE__ */ import_react106.default.createElement(
       TransferWidget,
       {
         theme,
@@ -7458,7 +7989,7 @@ var KimaWidgetWrapper = ({
       }
     );
   }
-  return submitted ? /* @__PURE__ */ import_react105.default.createElement(TransactionWidget, { theme }) : /* @__PURE__ */ import_react105.default.createElement(
+  return submitted ? /* @__PURE__ */ import_react106.default.createElement(TransactionWidget, { theme }) : /* @__PURE__ */ import_react106.default.createElement(
     TransferWidget,
     {
       theme,
@@ -7474,9 +8005,9 @@ var KimaWidgetWrapper_default = KimaWidgetWrapper;
 var import_react_redux59 = require("react-redux");
 // src/SkeletonLoader.tsx
-var import_react107 = __toESM(require("react"), 1);
+var import_react108 = __toESM(require("react"), 1);
 var SkeletonLoader = ({ theme }) => {
-  return /* @__PURE__ */ import_react107.default.createElement(
+  return /* @__PURE__ */ import_react108.default.createElement(
     "div",
     {
       className: `kima-card ${theme.colorMode}`,
@@ -7484,7 +8015,7 @@ var SkeletonLoader = ({ theme }) => {
         background: theme.colorMode === "light" /* light */ ? theme.backgroundColorLight : theme.backgroundColorDark
       }
     },
-    /* @__PURE__ */ import_react107.default.createElement("div", { className: "transfer-card" }, /* @__PURE__ */ import_react107.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react107.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react107.default.createElement("div", { className: "title skeleton" }, /* @__PURE__ */ import_react107.default.createElement("h3", null))), /* @__PURE__ */ import_react107.default.createElement("h4", { className: "subtitle" })), /* @__PURE__ */ import_react107.default.createElement("div", { className: "kima-card-content skeleton" }, /* @__PURE__ */ import_react107.default.createElement("div", { className: "skeleton" }), /* @__PURE__ */ import_react107.default.createElement("div", { className: "skeleton" }), /* @__PURE__ */ import_react107.default.createElement("div", { className: "skeleton" }), /* @__PURE__ */ import_react107.default.createElement("div", { className: "skeleton" }), /* @__PURE__ */ import_react107.default.createElement("div", { className: "skeleton" })), /* @__PURE__ */ import_react107.default.createElement("div", { className: `kima-card-footer` }, /* @__PURE__ */ import_react107.default.createElement("div", { className: `button-group skeleton` }, /* @__PURE__ */ import_react107.default.createElement("div", { className: "skeleton" }))), /* @__PURE__ */ import_react107.default.createElement("div", { className: "floating-footer" }, /* @__PURE__ */ import_react107.default.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ import_react107.default.createElement("span", null, "Powered by"), /* @__PURE__ */ import_react107.default.createElement(FooterLogo_default, { width: 50, fill: "black" }), /* @__PURE__ */ import_react107.default.createElement("strong", null, "Network"))))
+    /* @__PURE__ */ import_react108.default.createElement("div", { className: "transfer-card" }, /* @__PURE__ */ import_react108.default.createElement("div", { className: "kima-card-header" }, /* @__PURE__ */ import_react108.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react108.default.createElement("div", { className: "title skeleton" }, /* @__PURE__ */ import_react108.default.createElement("h3", null))), /* @__PURE__ */ import_react108.default.createElement("h4", { className: "subtitle" })), /* @__PURE__ */ import_react108.default.createElement("div", { className: "kima-card-content skeleton" }, /* @__PURE__ */ import_react108.default.createElement("div", { className: "skeleton" }), /* @__PURE__ */ import_react108.default.createElement("div", { className: "skeleton" }), /* @__PURE__ */ import_react108.default.createElement("div", { className: "skeleton" }), /* @__PURE__ */ import_react108.default.createElement("div", { className: "skeleton" }), /* @__PURE__ */ import_react108.default.createElement("div", { className: "skeleton" })), /* @__PURE__ */ import_react108.default.createElement("div", { className: `kima-card-footer` }, /* @__PURE__ */ import_react108.default.createElement("div", { className: `button-group skeleton` }, /* @__PURE__ */ import_react108.default.createElement("div", { className: "skeleton" }))), /* @__PURE__ */ import_react108.default.createElement("div", { className: "floating-footer" }, /* @__PURE__ */ import_react108.default.createElement("div", { className: `items ${theme.colorMode}` }, /* @__PURE__ */ import_react108.default.createElement("span", null, "Powered by"), /* @__PURE__ */ import_react108.default.createElement(FooterLogo_default, { width: 50, fill: "black" }), /* @__PURE__ */ import_react108.default.createElement("strong", null, "Network"))))
   );
 };
 var SkeletonLoader_default = SkeletonLoader;
@@ -7503,7 +8034,7 @@ var KimaTransactionWidget = ({
 }) => {
   const dispatch = (0, import_react_redux59.useDispatch)();
   const { kimaBackendUrl } = useKimaContext();
-  const [hydrated, setHydrated] = (0, import_react108.useState)(false);
+  const [hydrated, setHydrated] = (0, import_react109.useState)(false);
   const {
     data: envOptions,
     error: envOptionsError,
@@ -7514,26 +8045,26 @@ var KimaTransactionWidget = ({
     error: chainDataError,
     isLoading: isLoadingChainData
   } = useChainData(kimaBackendUrl);
-  (0, import_react108.useEffect)(() => {
+  (0, import_react109.useEffect)(() => {
     if (typeof window !== "undefined") setHydrated(true);
   }, []);
-  (0, import_react108.useEffect)(() => {
+  (0, import_react109.useEffect)(() => {
     if (!isLoadingChainData && chainData) {
       dispatch(setSourceChain(chainData[0]));
       dispatch(setTargetChain(chainData[1]));
     }
   }, [chainData]);
-  (0, import_react108.useEffect)(() => {
+  (0, import_react109.useEffect)(() => {
     if (theme?.colorMode) {
       dispatch(setTheme(theme));
     }
   }, [theme?.colorMode]);
   if (!hydrated || !theme?.colorMode)
-    return /* @__PURE__ */ import_react108.default.createElement(ring_default, { width: 20, height: 20, fill: "#86b8ce" });
+    return /* @__PURE__ */ import_react109.default.createElement(ring_default, { width: 20, height: 20, fill: "#86b8ce" });
   if (isLoadingEnvs || isLoadingChainData)
-    return /* @__PURE__ */ import_react108.default.createElement(SkeletonLoader_default, { theme });
+    return /* @__PURE__ */ import_react109.default.createElement(SkeletonLoader_default, { theme });
   if (envOptionsError || !envOptions)
-    return /* @__PURE__ */ import_react108.default.createElement(
+    return /* @__PURE__ */ import_react109.default.createElement(
       ErrorWidget_default,
       {
         theme,
@@ -7542,7 +8073,7 @@ var KimaTransactionWidget = ({
       }
     );
   if (chainDataError || !chainData)
-    return /* @__PURE__ */ import_react108.default.createElement(
+    return /* @__PURE__ */ import_react109.default.createElement(
       ErrorWidget_default,
       {
         theme,
@@ -7550,7 +8081,7 @@ var KimaTransactionWidget = ({
         message: "There was an error loading the chain data from the backend. Please check that the backend is running properly and the widget points to the corresponding url." /* ChainLoadingError */
       }
     );
-  return /* @__PURE__ */ import_react108.default.createElement(
+  return /* @__PURE__ */ import_react109.default.createElement(
     KimaWidgetWrapper_default,
     {
       ...{