@swype-org/react-sdk 0.2.372 → 0.2.375

package/dist/index.cjs

@@ -523,6 +523,14 @@ function isVisibleUsdAmountAtTwoDecimals(amount) {
 function isSelectableDepositSourceAmountUsd(amount, minTransferAmountUsd = DEFAULT_MIN_SEND_AMOUNT_USD) {
   return Number.isFinite(amount) && amount >= minTransferAmountUsd;
 }
+function buildNativeUnsupportedEntries(options) {
+  return options.map((option) => ({
+    tokenSymbol: option.tokenSymbol,
+    chainName: option.chainName,
+    amount: parseRawBalance(option.rawBalance, option.decimals),
+    logoURI: option.logoURI ?? null
+  })).filter((entry) => entry.amount > 0);
+}
 function buildSelectSourceChoices(options, minTransferAmountUsd = DEFAULT_MIN_SEND_AMOUNT_USD) {
   const chainChoices = [];
   const chainIndexByName = /* @__PURE__ */ new Map();
@@ -1016,10 +1024,6 @@ var BLINK_PRIVY_APP_ID = "cmlil87uv004n0ck0blwumwek";
 var BLINK_WC_PROJECT_ID = "f6c60234412f94ef9108dc8f67f4362c";
 var BLINK_FINGERPRINT_API_KEY = "nr4FvTsZ6M5z2141FqrM";
 var BLINK_FINGERPRINT_REGION = "us";
-function FingerprintVisitorPing() {
-  react$1.useVisitorData({ immediate: true });
-  return null;
-}
 function buildStaticConnectors() {
   const userAgent = typeof navigator === "undefined" ? null : navigator.userAgent;
   return [
@@ -1128,30 +1132,30 @@ function BlinkProvider({
   );
   return (
     // Outermost wrapper: loads the Fingerprint browser agent once per
-    // provider mount, independent of wagmi/privy/query state. Visitor data
-    // collection starts here; no hook is exposed yet (see SDK barrel).
-    /* @__PURE__ */ jsxRuntime.jsxs(react$1.FingerprintProvider, { apiKey: BLINK_FINGERPRINT_API_KEY, region: BLINK_FINGERPRINT_REGION, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(FingerprintVisitorPing, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClientRef.current, children: /* @__PURE__ */ jsxRuntime.jsx(wagmi.WagmiProvider, { config: wagmiConfig, reconnectOnMount: false, children: /* @__PURE__ */ jsxRuntime.jsx(
-        reactAuth.PrivyProvider,
-        {
-          appId: privyAppId ?? BLINK_PRIVY_APP_ID,
-          config: {
-            appearance: {
-              theme: getThemeBase(theme),
-              accentColor: getTheme(theme).accent
-            },
-            intl: {
-              defaultCountry: "US"
-            },
-            embeddedWallets: {
-              showWalletUIs: false
-            }
+    // provider mount, independent of wagmi/privy/query state. The agent loads
+    // here (including during the hidden preload warm-up), but identification is
+    // deferred to explicit flow events fired from `BlinkPayment` — see
+    // `useFingerprintFlowEvents` — so a preload that never opens is never
+    // identified.
+    /* @__PURE__ */ jsxRuntime.jsx(react$1.FingerprintProvider, { apiKey: BLINK_FINGERPRINT_API_KEY, region: BLINK_FINGERPRINT_REGION, children: /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClientRef.current, children: /* @__PURE__ */ jsxRuntime.jsx(wagmi.WagmiProvider, { config: wagmiConfig, reconnectOnMount: false, children: /* @__PURE__ */ jsxRuntime.jsx(
+      reactAuth.PrivyProvider,
+      {
+        appId: privyAppId ?? BLINK_PRIVY_APP_ID,
+        config: {
+          appearance: {
+            theme: getThemeBase(theme),
+            accentColor: getTheme(theme).accent
           },
-          children: /* @__PURE__ */ jsxRuntime.jsx(BlinkContext.Provider, { value, children })
-        }
-      ) }) })
-    ] })
+          intl: {
+            defaultCountry: "US"
+          },
+          embeddedWallets: {
+            showWalletUIs: false
+          }
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(BlinkContext.Provider, { value, children })
+      }
+    ) }) }) })
   );
 }
 function useBlinkConfig() {
@@ -9326,6 +9330,7 @@ var TETHER_LOGO = svgToDataUri(TETHER_SVG);
 var USDH_LOGO = svgToDataUri(USDH_SVG);
 var ETH_LOGO = "https://assets.relay.link/icons/currencies/eth.png";
 var SOL_LOGO = "https://assets.relay.link/icons/currencies/sol.png";
+var MON_LOGO = "https://assets.relay.link/icons/currencies/mon.png";
 var KNOWN_LOGOS = {
   metamask: METAMASK_LOGO,
   base: BASE_LOGO,
@@ -9343,7 +9348,8 @@ var TOKEN_LOGOS = {
   USDM: USDM_LOGO,
   USDH: USDH_LOGO,
   ETH: ETH_LOGO,
-  SOL: SOL_LOGO
+  SOL: SOL_LOGO,
+  MON: MON_LOGO
 };
 var CHAIN_LOGOS = {
   base: BASE_CHAIN_LOGO,
@@ -10368,6 +10374,7 @@ function TokenSourceRow({
   chainName,
   tokenLogoUri,
   balance,
+  balanceLabel,
   selected,
   requiresAuth,
   notSupported,
@@ -10376,9 +10383,10 @@ function TokenSourceRow({
   const { tokens } = useBlinkConfig();
   const [hovered, setHovered] = react.useState(false);
   const tokenLogo = tokenLogoUri ?? TOKEN_LOGOS[symbol];
+  const balanceText = balanceLabel ?? (balance != null ? `$${formatUsdTwoDecimals2(balance)}` : null);
   const ariaLabel = [
     `${symbol} on ${chainName}`,
-    balance != null ? `$${formatUsdTwoDecimals2(balance)} balance` : null,
+    balanceText != null ? `${balanceText} balance` : null,
     requiresAuth ? "authorisation required" : null,
     notSupported ? NOT_SUPPORTED_LABEL.toLowerCase() : null
   ].filter(Boolean).join(", ");
@@ -10412,15 +10420,12 @@ function TokenSourceRow({
           selected && /* @__PURE__ */ jsxRuntime.jsx(SelectedBadge, { accent: tokens.accent, fill: tokens.textInverse })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("span", { style: textColStyle2, children: [
-          notSupported ? /* @__PURE__ */ jsxRuntime.jsxs("span", { style: symbolLineStyle, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { style: symbolStyle(tokens.textMuted), children: symbol }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { style: notSupportedTagStyle(tokens.bgInput, tokens.border, tokens.textMuted), children: NOT_SUPPORTED_BADGE_TEXT })
-          ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { style: symbolStyle(tokens.text), children: symbol }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: symbolStyle(notSupported ? tokens.textMuted : tokens.text), children: symbol }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { style: chainStyle(tokens.textMuted), children: chainName })
         ] }),
-        balance != null && /* @__PURE__ */ jsxRuntime.jsxs("span", { style: balanceStyle2(tokens.textMuted), children: [
-          "$",
-          formatUsdTwoDecimals2(balance)
+        (balanceText != null || notSupported) && /* @__PURE__ */ jsxRuntime.jsxs("span", { style: balanceColStyle, children: [
+          balanceText != null && /* @__PURE__ */ jsxRuntime.jsx("span", { style: balanceStyle2(tokens.textMuted), children: balanceText }),
+          notSupported && /* @__PURE__ */ jsxRuntime.jsx("span", { style: notSupportedTagStyle(tokens.bgInput, tokens.border, tokens.textMuted), children: NOT_SUPPORTED_BADGE_TEXT })
         ] })
       ]
     }
@@ -10529,11 +10534,12 @@ var balanceStyle2 = (color) => ({
   whiteSpace: "nowrap",
   flexShrink: 0
 });
-var symbolLineStyle = {
+var balanceColStyle = {
   display: "flex",
-  alignItems: "center",
-  gap: 6,
-  minWidth: 0
+  flexDirection: "column",
+  alignItems: "flex-end",
+  gap: 4,
+  flexShrink: 0
 };
 var notSupportedTagStyle = (bg, borderColor, color) => ({
   fontSize: 11,
@@ -13375,7 +13381,7 @@ function LinkTokensScreen({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle10, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h2", { style: headingStyle7(t.text), children: "Pick your asset for passkey deposits" }),
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { style: headingStyle7(t.text), children: "Pick your stablecoin for passkey deposits" }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "blink-link-tokens-list", style: listCardStyle(t.bgRecessed), children: [
             showShimmer ? Array.from({ length: SHIMMER_ROWS }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsxs(
               "div",
@@ -13398,7 +13404,9 @@ function LinkTokensScreen({
               {
                 symbol: entry.tokenSymbol,
                 chainName: entry.chainName,
-                balance: entry.balanceUsd,
+                tokenLogoUri: entry.tokenLogoUri,
+                balance: entry.balanceLabel == null ? entry.balanceUsd : void 0,
+                balanceLabel: entry.balanceLabel,
                 selected: i === selectedIndex,
                 notSupported: entry.notSupported,
                 onClick: () => onSelect(i)
@@ -17010,6 +17018,14 @@ var genericStackStyle = {
   gap: 14
 };
 
+// src/feeFormat.ts
+function formatNativeAmount(value, maxDecimals = 4) {
+  if (!Number.isFinite(value) || value <= 0) return "0";
+  const rounded = Number(value.toFixed(maxDecimals));
+  if (rounded === 0) return `< ${(10 ** -maxDecimals).toFixed(maxDecimals)}`;
+  return rounded.toLocaleString("en-US", { maximumFractionDigits: maxDecimals }).replace(/,/g, "");
+}
+
 // src/screenViewModels.ts
 function findSelectedWallet(selectedAccount, selectedWalletId) {
   return selectedAccount?.wallets.find((w) => w.id === selectedWalletId);
@@ -17176,7 +17192,11 @@ function buildLinkTokensScreenProps({
         walletId: rawOption?.walletId,
         tokenAddress: rawOption?.tokenAddress,
         chainId: rawOption?.chainId != null ? Number(rawOption.chainId) : void 0,
-        notSupported: false
+        notSupported: false,
+        // Server-provided token logo (token_addresses.logo_uri). The component
+        // falls back to the bundled TOKEN_LOGOS map by symbol, so tokens without
+        // a bundled asset (e.g. CASH) rely on this DB-driven URI.
+        tokenLogoUri: t.logoURI ?? void 0
       };
     })
   );
@@ -17186,19 +17206,32 @@ function buildLinkTokensScreenProps({
         symbol: t.tokenSymbol,
         chainName: chain.chainName,
         balanceUsd: t.balance ?? 0,
-        walletId: void 0,
-        tokenAddress: void 0,
-        chainId: void 0,
-        notSupported: true
+        notSupported: true,
+        tokenLogoUri: t.logoURI ?? void 0
       }))
     )
   );
-  const entries2 = rowContexts.map(({ symbol, chainName, balanceUsd, notSupported }) => ({
-    tokenSymbol: symbol,
-    chainName,
-    balanceUsd,
-    notSupported
-  }));
+  rowContexts.push(
+    ...derived.selectSourceNativeChoices.map((native) => ({
+      symbol: native.tokenSymbol,
+      chainName: native.chainName,
+      balanceUsd: 0,
+      notSupported: true,
+      tokenLogoUri: native.logoURI ?? void 0,
+      balanceLabel: `${formatNativeAmount(native.amount)} ${native.tokenSymbol}`
+    }))
+  );
+  const entries2 = rowContexts.map(
+    ({ symbol, chainName, balanceUsd, notSupported, tokenLogoUri, balanceLabel }) => ({
+      tokenSymbol: symbol,
+      chainName,
+      balanceUsd,
+      notSupported,
+      // Only present on native rows — keeps stablecoin / WC entries unchanged.
+      ...tokenLogoUri != null ? { tokenLogoUri } : {},
+      ...balanceLabel != null ? { balanceLabel } : {}
+    })
+  );
   const firstSupportedIndex = rowContexts.findIndex((row) => !row.notSupported);
   const selectedTokenSymbol = flow.state.setupDepositToken?.symbol ?? derived.selectSourceRecommended?.tokenSymbol;
   const selectedChainName = flow.state.setupDepositToken?.chainName ?? derived.selectSourceRecommended?.chainName;
@@ -18201,6 +18234,11 @@ function useSourceSelectionHandlers(_dispatch, orchestrator, options) {
     const unsupportedOptions = pendingSelectSourceAction.metadata?.unsupportedOptions ?? [];
     return buildSelectSourceChoices(unsupportedOptions, minTransferAmountUsd);
   }, [pendingSelectSourceAction, minTransferAmountUsd]);
+  const selectSourceNativeChoices = react.useMemo(() => {
+    if (!pendingSelectSourceAction) return [];
+    const nativeOptions = pendingSelectSourceAction.metadata?.nativeUnsupportedOptions ?? [];
+    return buildNativeUnsupportedEntries(nativeOptions);
+  }, [pendingSelectSourceAction]);
   const selectSourceRecommended = react.useMemo(() => {
     if (!pendingSelectSourceAction) return null;
     return pendingSelectSourceAction.metadata?.recommended ?? null;
@@ -18252,6 +18290,7 @@ function useSourceSelectionHandlers(_dispatch, orchestrator, options) {
     setSelectSourceTokenSymbol,
     selectSourceChoices,
     selectSourceUnsupportedChoices,
+    selectSourceNativeChoices,
     selectSourceRecommended,
     selectSourceAvailableBalance,
     handleSelectSourceChainChange,
@@ -20783,6 +20822,33 @@ function usePersistAmountToActiveSession({
     });
   }, [apiBaseUrl, sessionId, effectiveDepositAmount]);
 }
+function useFingerprintFlowEvents(deps) {
+  const { ready, authenticated, merchantId } = deps;
+  const { getData } = react$1.useVisitorData({ immediate: false });
+  const openedSentRef = react.useRef(false);
+  const authenticatedSentRef = react.useRef(false);
+  react.useEffect(() => {
+    if (openedSentRef.current) return;
+    openedSentRef.current = true;
+    void getData({
+      tag: { event: "blink_opened", ...merchantId ? { merchantId } : {} },
+      ...merchantId ? { linkedId: merchantId } : {}
+    }).catch((error) => {
+      console.error("Fingerprint blink_opened event failed", error);
+    });
+  }, [getData, merchantId]);
+  react.useEffect(() => {
+    if (authenticatedSentRef.current) return;
+    if (!ready || !authenticated) return;
+    authenticatedSentRef.current = true;
+    void getData({
+      tag: { event: "blink_authenticated", ...merchantId ? { merchantId } : {} },
+      ...merchantId ? { linkedId: merchantId } : {}
+    }).catch((error) => {
+      console.error("Fingerprint blink_authenticated event failed", error);
+    });
+  }, [getData, ready, authenticated, merchantId]);
+}
 var NoMatchingExtensionError = class extends Error {
   constructor() {
     super("No installed EIP-6963 extension matches the selected wallet");
@@ -20821,6 +20887,11 @@ function BlinkPaymentInner({
     return true;
   })();
   const effectiveAuthenticated = authenticated || popupAuthValid;
+  useFingerprintFlowEvents({
+    ready,
+    authenticated: effectiveAuthenticated,
+    merchantId: merchantAuthorization?.merchantId
+  });
   const effectiveGetAccessToken = react.useCallback(async () => {
     if (popupAuthRef.current) {
       if (isPopupAuthExpired(popupAuthRef.current.accessToken)) {
@@ -21429,6 +21500,7 @@ function BlinkPaymentInner({
             selectedSource: derived.selectedSource,
             selectSourceChoices: sourceSelection.selectSourceChoices,
             selectSourceUnsupportedChoices: sourceSelection.selectSourceUnsupportedChoices,
+            selectSourceNativeChoices: sourceSelection.selectSourceNativeChoices,
             selectSourceRecommended: sourceSelection.selectSourceRecommended,
             selectSourceAvailableBalance: sourceSelection.selectSourceAvailableBalance,
             walletConnectChainIdsByAccount
@@ -21499,6 +21571,7 @@ exports.WalletPickerScreen = WalletPickerScreen;
 exports.WelcomeBackScreen = WelcomeBackScreen;
 exports.appendDebug = appendDebug;
 exports.blinkApi = api_exports;
+exports.buildNativeUnsupportedEntries = buildNativeUnsupportedEntries;
 exports.clearDebugEntries = clearDebugEntries;
 exports.createInitialState = createInitialState;
 exports.credentialIdBase64ToBytes = credentialIdBase64ToBytes;
@@ -21510,6 +21583,7 @@ exports.deviceHasPasskey = deviceHasPasskey;
 exports.encodePermit2ApproveCalldata = encodePermit2ApproveCalldata;
 exports.findDevicePasskey = findDevicePasskey;
 exports.findDevicePasskeyViaPopup = findDevicePasskeyViaPopup;
+exports.formatNativeAmount = formatNativeAmount;
 exports.getAtomicBatchSupportDebugInfo = getAtomicBatchSupportDebugInfo;
 exports.getDebugEntries = getDebugEntries;
 exports.getDeviceBiometricUnlockText = getDeviceBiometricUnlockText;