@swype-org/react-sdk 0.2.233 → 0.2.237

package/dist/index.cjs

@@ -1605,6 +1605,7 @@ __export(api_exports, {
   fetchUserConfig: () => fetchUserConfig,
   postTransferQuote: () => postTransferQuote,
   probeActionCompletion: () => probeActionCompletion,
+  refreshManualTransferQuote: () => refreshManualTransferQuote,
   registerPasskey: () => registerPasskey,
   reportActionCompletion: () => reportActionCompletion,
   reportPasskeyActivity: () => reportPasskeyActivity,
@@ -2031,6 +2032,14 @@ async function fetchManualTransferSession(apiBaseUrl, sessionId) {
   if (!res.ok) await throwApiError(res);
   return await res.json();
 }
+async function refreshManualTransferQuote(apiBaseUrl, sessionId) {
+  const res = await fetch(
+    `${apiBaseUrl}/v1/manual-transfers/${sessionId}/refresh-quote`,
+    { method: "POST" }
+  );
+  if (!res.ok) await throwApiError(res);
+  return await res.json();
+}
 async function reportActionCompletion(apiBaseUrl, actionId, result) {
   const res = await fetchWithRetry(
     `${apiBaseUrl}/v1/authorization-actions/${actionId}`,
@@ -8305,11 +8314,11 @@ function useManualTransferSession({
         setSourceOptions(sources);
         setLoadingSources(false);
         const defaultOption = sources.find(
-          (opt) => opt.tokenSymbol === "USDC" && opt.chainId === 8453
+          (opt) => opt.tokenSymbol === "USDC" && opt.chainId === 792703809
         );
         if (defaultOption) {
           setSelectedToken("USDC");
-          setSelectedChainId("8453");
+          setSelectedChainId("792703809");
         }
       }
     }).catch((err) => {
@@ -8331,7 +8340,9 @@ function useManualTransferSession({
     const timer = window.setTimeout(() => setQrReady(true), 1200);
     return () => window.clearTimeout(timer);
   }, [depositAddress]);
-  const sessionFeeCopy = session ? feeCopy(session) : null;
+  const lastFeeCopyRef = react.useRef(null);
+  const nextFeeCopy = session ? feeCopy(session) : null;
+  const sessionFeeCopy = nextFeeCopy === lastFeeCopyRef.current ? lastFeeCopyRef.current : lastFeeCopyRef.current = nextFeeCopy;
   const advanceMockStatus = react.useCallback((status) => {
     setSession((prev) => prev ? { ...prev, status } : prev);
   }, []);
@@ -8343,6 +8354,21 @@ function useManualTransferSession({
     }, 2e3);
     return () => window.clearInterval(timer);
   }, [apiBaseUrl, mock, session?.sessionId, session?.status]);
+  react.useEffect(() => {
+    if (mock) return;
+    if (!session?.sessionId || session.status !== "awaiting_deposit") return;
+    const sessionId = session.sessionId;
+    const timer = window.setInterval(() => {
+      refreshManualTransferQuote(apiBaseUrl, sessionId).then(({ quoteValidUntil, minAmountUsd, slippage }) => {
+        setSession(
+          (prev) => prev && prev.sessionId === sessionId ? { ...prev, quoteValidUntil, minAmountUsd, slippage } : prev
+        );
+      }).catch((err) => {
+        console.warn("[manual-transfer] refresh quote failed", err);
+      });
+    }, 1e4);
+    return () => window.clearInterval(timer);
+  }, [apiBaseUrl, mock, session?.sessionId, session?.status]);
   react.useEffect(() => {
     if (session?.status !== "completed") return;
     if (completedRef.current === session.sessionId) return;
@@ -8365,6 +8391,15 @@ function useManualTransferSession({
       return true;
     });
   }, [sourceOptions]);
+  const tokenLogoUriBySymbol = react.useMemo(() => {
+    const out = {};
+    for (const opt of sourceOptions ?? []) {
+      if (out[opt.tokenSymbol] == null) {
+        out[opt.tokenSymbol] = opt.tokenLogoUri;
+      }
+    }
+    return out;
+  }, [sourceOptions]);
   const selectedOption = react.useMemo(
     () => (sourceOptions ?? []).find(
       (opt) => opt.tokenSymbol === selectedToken && String(opt.chainId) === selectedChainId
@@ -8517,6 +8552,7 @@ function useManualTransferSession({
     copiedAddress,
     tokenChoices,
     chainChoices,
+    tokenLogoUriBySymbol,
     selectedOption,
     tokensForSelectedChain,
     chainsForSelectedToken,
@@ -9849,12 +9885,14 @@ var trailingStyle = {
 function TokenChainIcons({
   tokenSymbol,
   chainName,
+  tokenLogoUri,
+  chainLogoUri,
   size = 28,
   overlap = 12
 }) {
-  const tokenLogo = tokenSymbol ? TOKEN_LOGOS[tokenSymbol] : void 0;
+  const tokenLogo = tokenLogoUri ?? (tokenSymbol ? TOKEN_LOGOS[tokenSymbol] : void 0);
   const chainKey = chainName ? chainName.toLowerCase() : void 0;
-  const chainLogo = chainKey ? CHAIN_LOGOS[chainKey] : void 0;
+  const chainLogo = chainLogoUri ?? (chainKey ? CHAIN_LOGOS[chainKey] : void 0);
   const chainInitial = chainName ? chainName.charAt(0).toUpperCase() : "?";
   return /* @__PURE__ */ jsxRuntime.jsxs("span", { style: wrapStyle2(overlap), children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { style: tokenCircleStyle(size, overlap, 2), children: tokenLogo ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -10066,6 +10104,7 @@ function formatUsdTwoDecimals2(value) {
 function TokenSourceRow({
   symbol,
   chainName,
+  tokenLogoUri,
   balance,
   selected,
   requiresAuth,
@@ -10073,7 +10112,7 @@ function TokenSourceRow({
 }) {
   const { tokens } = useBlinkConfig();
   const [hovered, setHovered] = react.useState(false);
-  const tokenLogo = TOKEN_LOGOS[symbol];
+  const tokenLogo = tokenLogoUri ?? TOKEN_LOGOS[symbol];
   const ariaLabel = [
     `${symbol} on ${chainName}`,
     balance != null ? `$${formatUsdTwoDecimals2(balance)} balance` : null,
@@ -10337,7 +10376,7 @@ var errorBoxStyle = (size, bg, color) => ({
   textAlign: "center"
 });
 var QR_BOX_SIZE = 251;
-function DepositQrCode({
+function DepositQrCodeImpl({
   address,
   chainId,
   depToken
@@ -10366,6 +10405,7 @@ function DepositQrCode({
     /* @__PURE__ */ jsxRuntime.jsx("img", { src: BLINK_QR_LOGO, alt: "", style: qrLogoStyle })
   ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: tokens.textMuted, fontSize: 13 }, children: "QR unavailable" }) });
 }
+var DepositQrCode = react.memo(DepositQrCodeImpl);
 var qrFrameStyle = (bgCardTranslucent) => ({
   alignItems: "center",
   alignSelf: "center",
@@ -10503,7 +10543,8 @@ function CompactTokenSelect({
   value,
   onValueChange,
   options,
-  availableTokens
+  availableTokens,
+  tokenLogoUriBySymbol
 }) {
   const { tokens } = useBlinkConfig();
   const [hovered, setHovered] = react.useState(false);
@@ -10528,7 +10569,7 @@ function CompactTokenSelect({
                 /* @__PURE__ */ jsxRuntime.jsx(
                   LogoCircle,
                   {
-                    src: TOKEN_LOGOS[value],
+                    src: tokenLogoUriBySymbol?.[value] ?? TOKEN_LOGOS[value],
                     fallback: (value || "?").charAt(0),
                     size: 28
                   }
@@ -10575,7 +10616,7 @@ function CompactTokenSelect({
               children: /* @__PURE__ */ jsxRuntime.jsx(
                 LogoCircle,
                 {
-                  src: TOKEN_LOGOS[token],
+                  src: tokenLogoUriBySymbol?.[token] ?? TOKEN_LOGOS[token],
                   fallback: token.charAt(0),
                   size: 28
                 }
@@ -10625,7 +10666,7 @@ function CompactChainSelect({
                 /* @__PURE__ */ jsxRuntime.jsx(
                   LogoCircle,
                   {
-                    src: CHAIN_LOGOS[selected?.chainName.toLowerCase() ?? ""],
+                    src: selected?.chainLogoUri ?? CHAIN_LOGOS[selected?.chainName.toLowerCase() ?? ""],
                     fallback: (selected?.chainName ?? "?").charAt(0),
                     size: 28,
                     preserveShape: true
@@ -10673,7 +10714,7 @@ function CompactChainSelect({
               children: /* @__PURE__ */ jsxRuntime.jsx(
                 LogoCircle,
                 {
-                  src: CHAIN_LOGOS[opt.chainName.toLowerCase()],
+                  src: opt.chainLogoUri ?? CHAIN_LOGOS[opt.chainName.toLowerCase()],
                   fallback: opt.chainName.charAt(0),
                   size: 28,
                   preserveShape: true
@@ -13206,6 +13247,8 @@ function SetupDepositScreen({
   tokenSelectionLoading = false,
   selectedTokenSymbol,
   selectedChainName,
+  selectedTokenLogoUri,
+  selectedChainLogoUri,
   tokenOptions,
   onSelectToken,
   quoteFee,
@@ -13333,7 +13376,9 @@ function SetupDepositScreen({
                       TokenChainIcons,
                       {
                         tokenSymbol: selectedTokenSymbol,
-                        chainName: selectedChainName
+                        chainName: selectedChainName,
+                        tokenLogoUri: selectedTokenLogoUri,
+                        chainLogoUri: selectedChainLogoUri
                       }
                     ),
                     name: selectedTokenSymbol,
@@ -13845,6 +13890,8 @@ function DepositScreen({
   onCommitTokenAuthorization,
   selectedTokenSymbol,
   selectedChainName,
+  selectedTokenLogoUri,
+  selectedChainLogoUri,
   selectedWalletId,
   selectedTokenStatus,
   onAuthorizeSelectedToken,
@@ -13948,7 +13995,9 @@ function DepositScreen({
                 TokenChainIcons,
                 {
                   tokenSymbol: selectedTokenSymbol,
-                  chainName: selectedChainName
+                  chainName: selectedChainName,
+                  tokenLogoUri: selectedTokenLogoUri,
+                  chainLogoUri: selectedChainLogoUri
                 }
               ),
               name: selectedProviderName,
@@ -14851,6 +14900,7 @@ function DepositAddressScreen({
   selectedChainId,
   tokenChoices,
   chainChoices,
+  tokenLogoUriBySymbol,
   selectedOption,
   tokensForSelectedChain,
   chainsForSelectedToken,
@@ -14945,7 +14995,8 @@ function DepositAddressScreen({
             value: selectedToken,
             onValueChange: selectToken,
             options: tokenChoices,
-            availableTokens: tokensForSelectedChain
+            availableTokens: tokensForSelectedChain,
+            tokenLogoUriBySymbol
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -14983,12 +15034,18 @@ function DepositAddressScreen({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx("p", { style: bodyStyle3(tokens.textMuted), children: selectedOption ? session ? `Send ${selectedOption.tokenSymbol} on ${selectedOption.chainName}. Minimum $${session.minAmountUsd}.` : `Send ${selectedOption.tokenSymbol} on ${selectedOption.chainName}.` : "\xA0" }),
-        sessionFeeCopy && /* @__PURE__ */ jsxRuntime.jsx("p", { style: bodyStyle3(tokens.textMuted), children: sessionFeeCopy })
+        sessionFeeCopy && /* @__PURE__ */ jsxRuntime.jsx(FeeRow, { feeCopy: sessionFeeCopy, color: tokens.textMuted })
       ] }),
       error && /* @__PURE__ */ jsxRuntime.jsx("p", { style: errorStyle2(tokens.error), children: error })
     ] })
   ] });
 }
+var FeeRow = react.memo(function FeeRow2({
+  feeCopy: feeCopy2,
+  color
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("p", { style: bodyStyle3(color), children: feeCopy2 });
+});
 var contentStyle17 = {
   alignItems: "center",
   display: "flex",
@@ -15945,6 +16002,7 @@ function ManualTransferFlow({
     copiedAddress,
     tokenChoices,
     chainChoices,
+    tokenLogoUriBySymbol,
     selectedOption,
     tokensForSelectedChain,
     chainsForSelectedToken,
@@ -15998,6 +16056,7 @@ function ManualTransferFlow({
         selectedChainId,
         tokenChoices,
         chainChoices,
+        tokenLogoUriBySymbol,
         selectedOption,
         tokensForSelectedChain,
         chainsForSelectedToken,