@unifold/connect-react 0.1.5 → 0.1.7

package/dist/index.js

@@ -1226,6 +1226,145 @@ function useUnifold() {
 
 // ../ui-react/dist/index.mjs
 var import_react7 = require("react");
+
+// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+var import_react2 = require("react");
+
+// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+
+// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase().trim();
+var createLucideIcon = (iconName, iconNode) => {
+  const Component = (0, import_react2.forwardRef)(
+    ({ color = "currentColor", size: size4 = 24, strokeWidth = 2, absoluteStrokeWidth, className = "", children, ...rest }, ref) => (0, import_react2.createElement)(
+      "svg",
+      {
+        ref,
+        ...defaultAttributes,
+        width: size4,
+        height: size4,
+        stroke: color,
+        strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size4) : strokeWidth,
+        className: ["lucide", `lucide-${toKebabCase(iconName)}`, className].join(" "),
+        ...rest
+      },
+      [
+        ...iconNode.map(([tag, attrs]) => (0, import_react2.createElement)(tag, attrs)),
+        ...Array.isArray(children) ? children : [children]
+      ]
+    )
+  );
+  Component.displayName = `${iconName}`;
+  return Component;
+};
+
+// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/arrow-left.js
+var ArrowLeft = createLucideIcon("ArrowLeft", [
+  ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
+  ["path", { d: "M19 12H5", key: "x3x0zl" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/check.js
+var Check = createLucideIcon("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
+
+// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-down.js
+var ChevronDown = createLucideIcon("ChevronDown", [
+  ["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-right.js
+var ChevronRight = createLucideIcon("ChevronRight", [
+  ["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-up.js
+var ChevronUp = createLucideIcon("ChevronUp", [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]]);
+
+// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/clock.js
+var Clock = createLucideIcon("Clock", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["polyline", { points: "12 6 12 12 16 14", key: "68esgv" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/copy.js
+var Copy = createLucideIcon("Copy", [
+  ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
+  ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/credit-card.js
+var CreditCard = createLucideIcon("CreditCard", [
+  ["rect", { width: "20", height: "14", x: "2", y: "5", rx: "2", key: "ynyp8z" }],
+  ["line", { x1: "2", x2: "22", y1: "10", y2: "10", key: "1b3vmo" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/dollar-sign.js
+var DollarSign = createLucideIcon("DollarSign", [
+  ["line", { x1: "12", x2: "12", y1: "2", y2: "22", key: "7eqyqh" }],
+  ["path", { d: "M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6", key: "1b0p4s" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/external-link.js
+var ExternalLink = createLucideIcon("ExternalLink", [
+  ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }],
+  ["polyline", { points: "15 3 21 3 21 9", key: "mznyad" }],
+  ["line", { x1: "10", x2: "21", y1: "14", y2: "3", key: "18c3s4" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/file-text.js
+var FileText = createLucideIcon("FileText", [
+  [
+    "path",
+    { d: "M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z", key: "1nnpy2" }
+  ],
+  ["polyline", { points: "14 2 14 8 20 8", key: "1ew0cm" }],
+  ["line", { x1: "16", x2: "8", y1: "13", y2: "13", key: "14keom" }],
+  ["line", { x1: "16", x2: "8", y1: "17", y2: "17", key: "17nazh" }],
+  ["line", { x1: "10", x2: "8", y1: "9", y2: "9", key: "1a5vjj" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/info.js
+var Info = createLucideIcon("Info", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 16v-4", key: "1dtifu" }],
+  ["path", { d: "M12 8h.01", key: "e9boi3" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/search.js
+var Search = createLucideIcon("Search", [
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
+  ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/shield-check.js
+var ShieldCheck = createLucideIcon("ShieldCheck", [
+  ["path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10", key: "1irkt0" }],
+  ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/x.js
+var X = createLucideIcon("X", [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/zap.js
+var Zap = createLucideIcon("Zap", [
+  ["polygon", { points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2", key: "45s27k" }]
+]);
+
+// ../ui-react/dist/index.mjs
 var React210 = __toESM(require("react"), 1);
 
 // ../../node_modules/.pnpm/@radix-ui+react-dialog@1.1.15_@types+react-dom@18.3.7_@types+react@18.3.27__@types+react@18.3_bwdzsrsjkenptt5ry5km67dkui/node_modules/@radix-ui/react-dialog/dist/index.mjs
@@ -2240,9 +2379,9 @@ function assignRef(ref, value) {
 }
 
 // ../../node_modules/.pnpm/use-callback-ref@1.3.3_@types+react@18.3.27_react@18.3.1/node_modules/use-callback-ref/dist/es2015/useRef.js
-var import_react2 = require("react");
+var import_react3 = require("react");
 function useCallbackRef2(initialValue, callback) {
-  var ref = (0, import_react2.useState)(function() {
+  var ref = (0, import_react3.useState)(function() {
     return {
       // value
       value: initialValue,
@@ -3330,143 +3469,6 @@ var Title = DialogTitle;
 var Description = DialogDescription;
 var Close = DialogClose;
 
-// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
-var import_react3 = require("react");
-
-// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
-var defaultAttributes = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-
-// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
-var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase().trim();
-var createLucideIcon = (iconName, iconNode) => {
-  const Component = (0, import_react3.forwardRef)(
-    ({ color = "currentColor", size: size4 = 24, strokeWidth = 2, absoluteStrokeWidth, className = "", children, ...rest }, ref) => (0, import_react3.createElement)(
-      "svg",
-      {
-        ref,
-        ...defaultAttributes,
-        width: size4,
-        height: size4,
-        stroke: color,
-        strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size4) : strokeWidth,
-        className: ["lucide", `lucide-${toKebabCase(iconName)}`, className].join(" "),
-        ...rest
-      },
-      [
-        ...iconNode.map(([tag, attrs]) => (0, import_react3.createElement)(tag, attrs)),
-        ...Array.isArray(children) ? children : [children]
-      ]
-    )
-  );
-  Component.displayName = `${iconName}`;
-  return Component;
-};
-
-// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/arrow-left.js
-var ArrowLeft = createLucideIcon("ArrowLeft", [
-  ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
-  ["path", { d: "M19 12H5", key: "x3x0zl" }]
-]);
-
-// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/check.js
-var Check = createLucideIcon("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
-
-// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-down.js
-var ChevronDown = createLucideIcon("ChevronDown", [
-  ["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]
-]);
-
-// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-right.js
-var ChevronRight = createLucideIcon("ChevronRight", [
-  ["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
-]);
-
-// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-up.js
-var ChevronUp = createLucideIcon("ChevronUp", [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]]);
-
-// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/clock.js
-var Clock = createLucideIcon("Clock", [
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
-  ["polyline", { points: "12 6 12 12 16 14", key: "68esgv" }]
-]);
-
-// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/copy.js
-var Copy = createLucideIcon("Copy", [
-  ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
-  ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
-]);
-
-// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/credit-card.js
-var CreditCard = createLucideIcon("CreditCard", [
-  ["rect", { width: "20", height: "14", x: "2", y: "5", rx: "2", key: "ynyp8z" }],
-  ["line", { x1: "2", x2: "22", y1: "10", y2: "10", key: "1b3vmo" }]
-]);
-
-// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/dollar-sign.js
-var DollarSign = createLucideIcon("DollarSign", [
-  ["line", { x1: "12", x2: "12", y1: "2", y2: "22", key: "7eqyqh" }],
-  ["path", { d: "M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6", key: "1b0p4s" }]
-]);
-
-// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/external-link.js
-var ExternalLink = createLucideIcon("ExternalLink", [
-  ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }],
-  ["polyline", { points: "15 3 21 3 21 9", key: "mznyad" }],
-  ["line", { x1: "10", x2: "21", y1: "14", y2: "3", key: "18c3s4" }]
-]);
-
-// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/file-text.js
-var FileText = createLucideIcon("FileText", [
-  [
-    "path",
-    { d: "M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z", key: "1nnpy2" }
-  ],
-  ["polyline", { points: "14 2 14 8 20 8", key: "1ew0cm" }],
-  ["line", { x1: "16", x2: "8", y1: "13", y2: "13", key: "14keom" }],
-  ["line", { x1: "16", x2: "8", y1: "17", y2: "17", key: "17nazh" }],
-  ["line", { x1: "10", x2: "8", y1: "9", y2: "9", key: "1a5vjj" }]
-]);
-
-// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/info.js
-var Info = createLucideIcon("Info", [
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
-  ["path", { d: "M12 16v-4", key: "1dtifu" }],
-  ["path", { d: "M12 8h.01", key: "e9boi3" }]
-]);
-
-// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/search.js
-var Search = createLucideIcon("Search", [
-  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
-  ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
-]);
-
-// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/shield-check.js
-var ShieldCheck = createLucideIcon("ShieldCheck", [
-  ["path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10", key: "1irkt0" }],
-  ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
-]);
-
-// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/x.js
-var X = createLucideIcon("X", [
-  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
-  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-]);
-
-// ../../node_modules/.pnpm/lucide-react@0.294.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/zap.js
-var Zap = createLucideIcon("Zap", [
-  ["polygon", { points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2", key: "45s27k" }]
-]);
-
 // ../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t4, f, n = "";
@@ -10316,7 +10318,7 @@ function DepositHeader({
     badge ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DialogTitle2, { className: "uf-text-center uf-text-base uf-text-foreground", children: title }),
       /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "uf-bg-secondary uf-px-2 uf-py-0.5 uf-rounded-full uf-text-[10px] uf-text-muted-foreground", children: badge.count })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DialogTitle2, { className: "uf-text-center uf-text-base x uf-text-foreground", children: title }),
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DialogTitle2, { className: "uf-text-center uf-text-base uf-text-foreground", children: title }),
     showClose ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       "button",
       {
@@ -10459,6 +10461,20 @@ async function getFiatCurrencies(publishableKey) {
   }
   return response.json();
 }
+async function getProjectConfig(publishableKey) {
+  const pk = publishableKey || DEFAULT_PUBLISHABLE_KEY;
+  const response = await fetch(`${API_BASE_URL}/v1/public/projects/config`, {
+    method: "GET",
+    headers: {
+      accept: "application/json",
+      "x-publishable-key": pk
+    }
+  });
+  if (!response.ok) {
+    throw new Error(`Failed to fetch project config: ${response.statusText}`);
+  }
+  return response.json();
+}
 function DepositExecutionItem({
   execution,
   showCloseButton = false,
@@ -10558,7 +10574,7 @@ function DepositExecutionItem({
         }
       )
     ] }),
-    !isPending && execution.destination_transaction_hashes.length > 0 && execution.destination_explorer_url && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "uf-flex uf-justify-between uf-items-center uf-gap-1.5 uf-mt-1 uf-text-xs uf-ml-[42px]", children: [
+    !isPending && execution.destination_transaction_hashes?.length > 0 && execution.destination_explorer_url && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "uf-flex uf-justify-between uf-items-center uf-gap-1.5 uf-mt-1 uf-text-xs uf-ml-[42px]", children: [
       /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "uf-text-muted-foreground", children: "Completion tx:" }),
       /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
         "a",
@@ -10899,15 +10915,17 @@ function TransferCryptoBase({
   showDetailedDropdowns = false,
   onExecutionsChange,
   onDepositSuccess,
-  onDepositError
+  onDepositError,
+  wallets: externalWallets
 }) {
   const { themeClass } = useTheme();
   const isDarkMode = themeClass.includes("uf-dark");
   const [token, setToken] = (0, import_react8.useState)("USDC");
   const [chain, setChain] = (0, import_react8.useState)("solana:mainnet");
   const [copied, setCopied] = (0, import_react8.useState)(false);
-  const [wallets, setWallets] = (0, import_react8.useState)([]);
-  const [loading, setLoading] = (0, import_react8.useState)(true);
+  const [internalWallets, setInternalWallets] = (0, import_react8.useState)([]);
+  const [loading, setLoading] = (0, import_react8.useState)(!externalWallets?.length);
+  const wallets = externalWallets?.length ? externalWallets : internalWallets;
   const [error, setError] = (0, import_react8.useState)(null);
   const [depositExecutions, setDepositExecutions] = (0, import_react8.useState)([]);
   const [trackedExecutions, setTrackedExecutions] = (0, import_react8.useState)(/* @__PURE__ */ new Map());
@@ -10971,9 +10989,16 @@ function TransferCryptoBase({
     }
   }, [depositExecutions, onExecutionsChange]);
   (0, import_react8.useEffect)(() => {
-    async function fetchWallets() {
+    if (externalWallets?.length) {
+      setLoading(false);
+      return;
+    }
+    let retryTimeout = null;
+    let isCancelled = false;
+    const fetchWallets = async () => {
+      if (isCancelled) return;
+      setLoading(true);
       try {
-        setLoading(true);
         const response = await createEOA(
           {
             user_id: userId,
@@ -10984,23 +11009,35 @@ function TransferCryptoBase({
           },
           publishableKey
         );
-        setWallets(response.data);
-        setError(null);
+        if (!isCancelled) {
+          setInternalWallets(response.data);
+          setError(null);
+          setLoading(false);
+        }
       } catch (err) {
-        setError(err instanceof Error ? err.message : "Failed to load wallets");
-        console.error("Error fetching wallets:", err);
-      } finally {
-        setLoading(false);
+        console.error("Error fetching wallets, retrying in 5s:", err);
+        if (!isCancelled) {
+          setError(err instanceof Error ? err.message : "Failed to load wallets");
+          setLoading(false);
+          retryTimeout = setTimeout(fetchWallets, 5e3);
+        }
       }
-    }
+    };
     fetchWallets();
+    return () => {
+      isCancelled = true;
+      if (retryTimeout) {
+        clearTimeout(retryTimeout);
+      }
+    };
   }, [
     userId,
     recipientAddress,
     destinationChainType,
     destinationChainId,
     destinationTokenAddress,
-    publishableKey
+    publishableKey,
+    externalWallets
   ]);
   (0, import_react8.useEffect)(() => {
     if (!supportedTokens.length) return;
@@ -11252,7 +11289,7 @@ function TransferCryptoBase({
       {
         value: depositAddress,
         size: 180,
-        imageUrl: currentChainData?.icon_url || currentChainFromBackend?.icon_url || getIconUrl("/icons/networks/ethereum.svg"),
+        imageUrl: currentChainData?.icon_url || currentChainFromBackend?.icon_url,
         imageSize: 45,
         darkMode: isDarkMode
       },
@@ -11469,7 +11506,7 @@ function TransferCryptoBase({
         orderSubmittedAt: depositExecutions[0].created_at || (/* @__PURE__ */ new Date()).toISOString(),
         orderFilledAt: depositExecutions[0].updated_at || (/* @__PURE__ */ new Date()).toISOString(),
         explorerUrl: depositExecutions[0].explorer_url,
-        completionExplorerUrl: depositExecutions[0].destination_transaction_hashes?.[0] ? `https://polygonscan.com/tx/${depositExecutions[0].destination_transaction_hashes[0]}` : depositExecutions[0].status === "succeeded" ? depositExecutions[0].explorer_url : void 0,
+        completionExplorerUrl: depositExecutions[0].destination_explorer_url ?? void 0,
         status: depositExecutions[0].status,
         tokenIconUrl: depositExecutions[0].source_token_metadata?.icon_url,
         onClose: () => setDepositExecutions([])
@@ -11504,6 +11541,7 @@ function CurrencyListItem({
   isSelected,
   onSelect
 }) {
+  const iconUrl = currency.icon_url;
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
     "button",
     {
@@ -11511,14 +11549,14 @@ function CurrencyListItem({
       className: "uf-w-full uf-bg-secondary hover:uf-bg-accent uf-transition-colors uf-rounded-xl uf-p-3 uf-flex uf-items-center uf-justify-between uf-group",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "uf-w-10 uf-h-10 uf-flex uf-items-center uf-justify-center uf-flex-shrink-0 uf-rounded-full uf-overflow-hidden uf-bg-card", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "uf-w-10 uf-h-10 uf-flex-shrink-0 uf-rounded-full uf-overflow-hidden uf-bg-card", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
             "img",
             {
-              src: currency.icon_url,
+              src: iconUrl,
               alt: currency.name,
               width: 40,
               height: 40,
-              className: "uf-w-full uf-h-full uf-object-cover uf-rounded-full"
+              className: "uf-w-full uf-h-full uf-object-cover"
             }
           ) }),
           /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "uf-text-left", children: [
@@ -11634,18 +11672,6 @@ function CurrencyModal({
     ] }) })
   ] }) });
 }
-async function getIpViaMoonpay(moonpayApiKey) {
-  const url = `https://api.moonpay.com/v3/ip_address?apiKey=${moonpayApiKey}`;
-  const response = await fetch(url);
-  if (!response.ok) {
-    throw new Error(`Moonpay IP API failed: ${response.statusText}`);
-  }
-  const data = await response.json();
-  return {
-    alpha2: data.alpha2.toLowerCase(),
-    state: data.state?.toLowerCase()
-  };
-}
 async function getIpViaIpApi() {
   const url = "https://ipapi.co/json";
   const response = await fetch(url);
@@ -11658,7 +11684,7 @@ async function getIpViaIpApi() {
     state: data.region_code?.toLowerCase()
   };
 }
-function useUserIp(moonpayApiKey) {
+function useUserIp() {
   const {
     data: userIpInfo,
     isLoading,
@@ -11666,21 +11692,12 @@ function useUserIp(moonpayApiKey) {
   } = (0, import_react_query2.useQuery)({
     queryKey: ["getUserIpInfo"],
     queryFn: async () => {
-      if (moonpayApiKey) {
-        try {
-          const moonpayIpData = await getIpViaMoonpay(moonpayApiKey);
-          console.log("IP detected via Moonpay:", moonpayIpData);
-          return moonpayIpData;
-        } catch (error2) {
-          console.warn("Moonpay IP API failed, trying fallback:", error2);
-        }
-      }
       try {
         const ipApiData = await getIpViaIpApi();
         console.log("IP detected via ipapi.co:", ipApiData);
         return ipApiData;
       } catch (ipApiError) {
-        console.error("All IP detection methods failed:", ipApiError);
+        console.error("IP detection failed:", ipApiError);
         throw ipApiError;
       }
     },
@@ -11726,7 +11743,8 @@ function BuyWithCard({
   destinationChainType,
   destinationChainId,
   destinationTokenAddress,
-  themeClass = ""
+  themeClass = "",
+  wallets: externalWallets
 }) {
   const [amount, setAmount] = (0, import_react11.useState)("500.00");
   const [currency, setCurrency] = (0, import_react11.useState)("usd");
@@ -11761,8 +11779,9 @@ function BuyWithCard({
   const [isAutoSelected, setIsAutoSelected] = (0, import_react11.useState)(true);
   const [autoSelectedProvider, setAutoSelectedProvider] = (0, import_react11.useState)(null);
   const [hasManualSelection, setHasManualSelection] = (0, import_react11.useState)(false);
-  const [wallets, setWallets] = (0, import_react11.useState)([]);
-  const [walletsLoading, setWalletsLoading] = (0, import_react11.useState)(true);
+  const [internalWallets, setInternalWallets] = (0, import_react11.useState)([]);
+  const [walletsLoading, setWalletsLoading] = (0, import_react11.useState)(!externalWallets?.length);
+  const wallets = externalWallets?.length ? externalWallets : internalWallets;
   const [countdown, setCountdown] = (0, import_react11.useState)(60);
   const [fiatCurrencies, setFiatCurrencies] = (0, import_react11.useState)([]);
   const [preferredCurrencyCodes, setPreferredCurrencyCodes] = (0, import_react11.useState)([]);
@@ -11791,7 +11810,15 @@ function BuyWithCard({
     fetchFiatCurrencies();
   }, [publishableKey]);
   (0, import_react11.useEffect)(() => {
-    async function fetchWallets() {
+    if (externalWallets?.length) {
+      setWalletsLoading(false);
+      return;
+    }
+    let retryTimeout = null;
+    let isCancelled = false;
+    const fetchWallets = async () => {
+      if (isCancelled) return;
+      setWalletsLoading(true);
       try {
         const response = await createEOA(
           {
@@ -11803,16 +11830,26 @@ function BuyWithCard({
           },
           publishableKey
         );
-        setWallets(response.data);
+        if (!isCancelled) {
+          setInternalWallets(response.data);
+          setWalletsLoading(false);
+        }
       } catch (err) {
-        console.error("Error fetching wallets:", err);
-        setQuotesError("Failed to load wallet addresses");
-      } finally {
-        setWalletsLoading(false);
+        console.error("Error fetching wallets, retrying in 5s:", err);
+        if (!isCancelled) {
+          setWalletsLoading(false);
+          retryTimeout = setTimeout(fetchWallets, 5e3);
+        }
       }
-    }
+    };
     fetchWallets();
-  }, [userId, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, publishableKey]);
+    return () => {
+      isCancelled = true;
+      if (retryTimeout) {
+        clearTimeout(retryTimeout);
+      }
+    };
+  }, [userId, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, publishableKey, externalWallets]);
   (0, import_react11.useEffect)(() => {
     async function fetchSupportedTokens() {
       try {
@@ -12302,8 +12339,10 @@ function BuyWithCard({
 function TransferCryptoButton({
   onClick,
   title,
-  subtitle
+  subtitle,
+  featuredTokens
 }) {
+  const sortedTokens = featuredTokens ? [...featuredTokens].sort((a, b) => a.position - b.position) : [];
   return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     "button",
     {
@@ -12318,88 +12357,20 @@ function TransferCryptoButton({
           ] })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "uf-flex uf--space-x-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-              "img",
-              {
-                src: getIconUrl("/icons/networks/ethereum.svg"),
-                alt: "ETH",
-                width: 20,
-                height: 20,
-                className: "uf-rounded-full uf-border-2 uf-border-secondary"
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-              "img",
-              {
-                src: getIconUrl("/icons/networks/optimism.svg"),
-                alt: "OP",
-                width: 20,
-                height: 20,
-                className: "uf-rounded-full uf-border-2 uf-border-secondary"
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-              "img",
-              {
-                src: getIconUrl("/icons/networks/polygon.svg"),
-                alt: "MATIC",
-                width: 20,
-                height: 20,
-                className: "uf-rounded-full uf-border-2 uf-border-secondary"
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-              "img",
-              {
-                src: getIconUrl("/icons/networks/arbitrum.svg"),
-                alt: "ARB",
-                width: 20,
-                height: 20,
-                className: "uf-rounded-full uf-border-2 uf-border-secondary"
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-              "img",
-              {
-                src: getIconUrl("/icons/tokens/usdc.svg"),
-                alt: "USDC",
-                width: 20,
-                height: 20,
-                className: "uf-rounded-full uf-border-2 uf-border-secondary"
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "uf-flex uf--space-x-2", children: sortedTokens.map((token) => {
+            const iconUrl = token.icon_urls.find((u) => u.format === "svg")?.url || token.icon_urls.find((u) => u.format === "png")?.url;
+            return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
               "img",
               {
-                src: getIconUrl("/icons/networks/solana.svg"),
-                alt: "SOL",
+                src: iconUrl,
+                alt: token.name,
                 width: 20,
                 height: 20,
                 className: "uf-rounded-full uf-border-2 uf-border-secondary"
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-              "img",
-              {
-                src: getIconUrl("/icons/tokens/avax.svg"),
-                alt: "AVAX",
-                width: 20,
-                height: 20,
-                className: "uf-rounded-full uf-border-2 uf-border-secondary"
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-              "img",
-              {
-                src: getIconUrl("/icons/networks/bitcoin.svg"),
-                alt: "BTC",
-                width: 20,
-                height: 20,
-                className: "uf-rounded-full uf-border-2 uf-border-secondary"
-              }
-            )
-          ] }),
+              },
+              token.name
+            );
+          }) }),
           /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ChevronRight, { className: "uf-w-4 uf-h-4 uf-text-muted-foreground group-hover:uf-text-foreground uf-transition-colors" })
         ] })
       ]
@@ -12409,7 +12380,8 @@ function TransferCryptoButton({
 function DepositWithCardButton({
   onClick,
   title,
-  subtitle
+  subtitle,
+  paymentNetworks
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
     "button",
@@ -12425,28 +12397,20 @@ function DepositWithCardButton({
           ] })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-              "img",
-              {
-                src: getIconUrl("/icons/networks/mastercard.svg"),
-                alt: "Mastercard",
-                width: 32,
-                height: 32,
-                className: "uf-rounded"
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "uf-flex uf-items-center uf-gap-1.5", children: paymentNetworks?.map((network) => {
+            const iconUrl = network.icon_urls.find((u) => u.format === "svg")?.url || network.icon_urls.find((u) => u.format === "png")?.url;
+            return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
               "img",
               {
-                src: getIconUrl("/icons/networks/visa.svg"),
-                alt: "Visa",
+                src: iconUrl,
+                alt: network.name,
                 width: 32,
                 height: 32,
                 className: "uf-rounded"
-              }
-            )
-          ] }),
+              },
+              network.name
+            );
+          }) }),
           /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ChevronRight, { className: "uf-w-4 uf-h-4 uf-text-muted-foreground group-hover:uf-text-foreground uf-transition-colors" })
         ] })
       ]
@@ -12480,6 +12444,21 @@ function DepositTrackerButton({
     }
   );
 }
+function SkeletonButton({ variant = "default" }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "uf-w-full uf-bg-secondary uf-rounded-xl uf-p-3 uf-flex uf-items-center uf-justify-between uf-animate-pulse", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "uf-bg-muted uf-rounded-lg uf-w-9 uf-h-9" }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "uf-space-y-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "uf-h-3.5 uf-w-24 uf-bg-muted uf-rounded" }),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "uf-h-3 uf-w-32 uf-bg-muted uf-rounded" })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+      variant === "with-icons" && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "uf-flex uf--space-x-1", children: [1, 2, 3].map((i) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "uf-w-5 uf-h-5 uf-rounded-full uf-bg-muted uf-border-2 uf-border-secondary" }, i)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ChevronRight, { className: "uf-w-4 uf-h-4 uf-text-muted" })
+    ] })
+  ] });
+}
 var t3 = i18n.depositModal;
 function DepositModal({
   open,
@@ -12504,6 +12483,15 @@ function DepositModal({
   const [quotesCount, setQuotesCount] = (0, import_react7.useState)(0);
   const [depositsModalOpen, setDepositsModalOpen] = (0, import_react7.useState)(false);
   const [depositExecutions, setDepositExecutions] = (0, import_react7.useState)([]);
+  const [projectConfig, setProjectConfig] = (0, import_react7.useState)(null);
+  const [wallets, setWallets] = (0, import_react7.useState)([]);
+  const [walletsLoading, setWalletsLoading] = (0, import_react7.useState)(false);
+  (0, import_react7.useEffect)(() => {
+    setProjectConfig(null);
+  }, [publishableKey]);
+  (0, import_react7.useEffect)(() => {
+    setWallets([]);
+  }, [userId, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, publishableKey]);
   const [resolvedTheme, setResolvedTheme] = (0, import_react7.useState)(theme === "auto" ? "dark" : theme);
   (0, import_react7.useEffect)(() => {
     if (theme === "auto") {
@@ -12518,6 +12506,49 @@ function DepositModal({
       setResolvedTheme(theme);
     }
   }, [theme]);
+  (0, import_react7.useEffect)(() => {
+    if (open && !projectConfig) {
+      getProjectConfig(publishableKey).then(setProjectConfig).catch(console.error);
+    }
+  }, [open, publishableKey, projectConfig]);
+  (0, import_react7.useEffect)(() => {
+    if (!open || wallets.length > 0) return;
+    let retryTimeout = null;
+    let isCancelled = false;
+    const fetchWallets = async () => {
+      if (isCancelled) return;
+      setWalletsLoading(true);
+      try {
+        const response = await createEOA(
+          {
+            user_id: userId,
+            recipient_address: recipientAddress,
+            destination_chain_type: destinationChainType,
+            destination_chain_id: destinationChainId,
+            destination_token_address: destinationTokenAddress
+          },
+          publishableKey
+        );
+        if (!isCancelled) {
+          setWallets(response.data);
+          setWalletsLoading(false);
+        }
+      } catch (error) {
+        console.error("Error fetching wallets, retrying in 5s:", error);
+        if (!isCancelled) {
+          setWalletsLoading(false);
+          retryTimeout = setTimeout(fetchWallets, 5e3);
+        }
+      }
+    };
+    fetchWallets();
+    return () => {
+      isCancelled = true;
+      if (retryTimeout) {
+        clearTimeout(retryTimeout);
+      }
+    };
+  }, [open, userId, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, publishableKey, wallets.length]);
   const themeClass = resolvedTheme === "dark" ? "uf-dark" : "";
   const handleClose = () => {
     onOpenChange(false);
@@ -12557,13 +12588,18 @@ function DepositModal({
               onClose: handleClose
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "uf-pb-4 uf-space-y-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "uf-pb-4 uf-space-y-3", children: !projectConfig ? /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SkeletonButton, { variant: "with-icons" }),
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SkeletonButton, { variant: "with-icons" }),
+            !hideDepositTracker && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SkeletonButton, {})
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
               TransferCryptoButton,
               {
                 onClick: () => setView("transfer"),
                 title: t3.transferCrypto.title,
-                subtitle: t3.transferCrypto.subtitle
+                subtitle: t3.transferCrypto.subtitle,
+                featuredTokens: projectConfig.transfer_crypto.networks
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
@@ -12571,7 +12607,8 @@ function DepositModal({
               {
                 onClick: () => setView("card"),
                 title: t3.depositWithCard.title,
-                subtitle: t3.depositWithCard.subtitle
+                subtitle: t3.depositWithCard.subtitle,
+                paymentNetworks: projectConfig.payment_networks.networks
               }
             ),
             !hideDepositTracker && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
@@ -12583,7 +12620,7 @@ function DepositModal({
                 badge: depositExecutions.length > 0 ? depositExecutions.length : void 0
               }
             )
-          ] })
+          ] }) })
         ] }) : view === "transfer" ? /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
             DepositHeader,
@@ -12605,7 +12642,8 @@ function DepositModal({
               destinationTokenAddress,
               onExecutionsChange: setDepositExecutions,
               onDepositSuccess,
-              onDepositError
+              onDepositError,
+              wallets
             }
           )
         ] }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
@@ -12633,7 +12671,8 @@ function DepositModal({
               destinationTokenAddress,
               onDepositSuccess,
               onDepositError,
-              themeClass
+              themeClass,
+              wallets
             }
           )
         ] })