@swype-org/react-sdk 0.2.26 → 0.2.31

package/dist/index.cjs

@@ -244,9 +244,6 @@ async function checkServerForPasskeyByToken(authToken, apiBaseUrl, verificationT
 function shouldUsePasskeySignupPopup() {
   return isSafari() && isInCrossOriginIframe();
 }
-function shouldUsePasskeyLoginPopup() {
-  return isSafari() && isInCrossOriginIframe();
-}
 var SIGNUP_POPUP_TIMEOUT_MS = 12e4;
 function signupWithPasskeyViaPopup() {
   return new Promise((resolve, reject) => {
@@ -3501,7 +3498,7 @@ var FALLBACK = "Biometric verification";
 function getDeviceBiometricUnlockText() {
   const ua = typeof navigator !== "undefined" && typeof navigator.userAgent === "string" ? navigator.userAgent : "";
   if (/iPhone|iPad|iPod/i.test(ua)) {
-    return "Face ID or Touch ID";
+    return "Face ID";
   }
   if (/Android/i.test(ua)) {
     return "Fingerprint or face unlock";
@@ -4910,30 +4907,6 @@ var waitHintStyle = (color) => ({
   color,
   margin: 0
 });
-
-// src/feeFormat.ts
-function isPreciseMoneyNonPositive(fee) {
-  const raw = fee.value.trim();
-  if (!/^-?\d+(\.\d*)?$/.test(raw)) return false;
-  const n = Number(raw);
-  return Number.isFinite(n) && n <= 0;
-}
-function formatNonPositiveFeeDisplay(fee) {
-  return "< $0.01";
-}
-function formatPreciseMoneyForDisplay(fee) {
-  const raw = fee.value.trim();
-  if (fee.currency === "USD") {
-    if (!/^\d+(\.\d*)?$/.test(raw)) {
-      return `$${raw}`;
-    }
-    const [whole, frac = ""] = raw.split(".");
-    const dec = `${frac}00`.slice(0, 2);
-    const intFmt = whole.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
-    return `$${intFmt}.${dec}`;
-  }
-  return `${raw} ${fee.currency}`;
-}
 function formatUsdTwoDecimals(value) {
   const n = Number(value);
   return (Number.isFinite(n) ? n : 0).toLocaleString("en-US", {
@@ -5105,10 +5078,9 @@ function DepositScreen({
                 return /* @__PURE__ */ jsxRuntime.jsx(WarningBanner, { title: "Fee estimate unavailable", children: quoteError });
               }
               if (quoteFee) {
-                const feeText = isPreciseMoneyNonPositive(quoteFee) ? formatNonPositiveFeeDisplay() : formatPreciseMoneyForDisplay(quoteFee);
                 return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: feeRowContainerStyle, "aria-live": "polite", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("span", { style: feeRowLabelStyle(tokens.textMuted), children: "Fee estimate: " }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { style: feeRowAmountStyle(tokens.textSecondary), children: feeText })
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { style: feeRowAmountStyle(tokens.textSecondary), children: "Free" })
                 ] });
               }
               return null;
@@ -6674,6 +6646,30 @@ var selectCircleSelectedStyle = (color) => ({
   justifyContent: "center",
   flexShrink: 0
 });
+
+// src/feeFormat.ts
+function isPreciseMoneyNonPositive(fee) {
+  const raw = fee.value.trim();
+  if (!/^-?\d+(\.\d*)?$/.test(raw)) return false;
+  const n = Number(raw);
+  return Number.isFinite(n) && n <= 0;
+}
+function formatNonPositiveFeeDisplay(fee) {
+  return "< $0.01";
+}
+function formatPreciseMoneyForDisplay(fee) {
+  const raw = fee.value.trim();
+  if (fee.currency === "USD") {
+    if (!/^\d+(\.\d*)?$/.test(raw)) {
+      return `$${raw}`;
+    }
+    const [whole, frac = ""] = raw.split(".");
+    const dec = `${frac}00`.slice(0, 2);
+    const intFmt = whole.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+    return `$${intFmt}.${dec}`;
+  }
+  return `${raw} ${fee.currency}`;
+}
 function entryKey(entry) {
   return `${entry.sourceChainId}-${entry.tokenAddress.toLowerCase()}`;
 }
@@ -6728,7 +6724,6 @@ function GuestTokenPickerScreen({
   const [limitInputValue, setLimitInputValue] = react.useState("");
   const limitInputRef = react.useRef(null);
   const [managingAllowance, setManagingAllowance] = react.useState(false);
-  const biometricText = getDeviceBiometricUnlockText();
   react.useEffect(() => {
     if (!tokenListOpen) return;
     const handleMouseDown = (e) => {
@@ -6762,8 +6757,6 @@ function GuestTokenPickerScreen({
   const canConfirm = Boolean(pendingEntry && !quoteLoading && (!confirmNeedsQuote || quoteFee));
   const ctaLabel = confirmLabel ?? (variant === "auth-setup" ? "Continue" : providerName ? `Open ${providerName} to Deposit` : "Open Wallet to Deposit");
   const tokenCardLabel = selectionLabel ?? (variant === "auth-setup" ? "Token for one-tap" : "Deposit");
-  const oneTapSubtitle = variant === "auth-setup" ? `Skip wallet next time \u2014 just ${biometricText}` : `Skip ${providerName ?? "wallet"} next time \u2014 just ${biometricText}`;
-  const oneTapBody = variant === "auth-setup" ? `Future deposits up to your allowance are confirmed with just ${biometricText} \u2014 no wallet pop-up.` : `Future deposits up to your allowance are confirmed with just ${biometricText} \u2014 no wallet pop-up. You'll re-authorize with ${providerName ?? "your wallet"} when you need to top up.`;
   const feeLine = (() => {
     if (quoteLoading && pendingEntry) {
       return /* @__PURE__ */ jsxRuntime.jsx("div", { style: feeRowContainerStyle2, "aria-live": "polite", children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: feeRowLabelStyle2(t.textMuted), children: "Getting fee estimate\u2026" }) });
@@ -6980,10 +6973,25 @@ function GuestTokenPickerScreen({
         !tokenListOpen && !isBridging && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: oneTapCardStyle(t, oneTapEnabled), children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { style: oneTapHeaderRowStyle, children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { style: oneTapHeaderLeftStyle, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { style: lightningIconStyle, children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M13 2L3 14h9l-1 8 10-12h-9l1-8z", fill: "#F5A623", stroke: "#F5A623", strokeWidth: "1", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { style: lightningIconStyle, children: /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "36", height: "36", viewBox: "0 0 80 80", children: /* @__PURE__ */ jsxRuntime.jsx("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ jsxRuntime.jsx("g", { fill: "#000000", children: /* @__PURE__ */ jsxRuntime.jsx("g", { children: /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("g", { fillRule: "nonzero", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.11428571,21.9428571 L4.11428571,13.0285714 C4.11428571,7.99327149 7.99327149,4.11428571 13.0285714,4.11428571 L21.9428571,4.11428571 C23.0789858,4.11428571 24,3.19327149 24,2.05714286 C24,0.921014229 23.0789858,0 21.9428571,0 L13.0285714,0 C5.72101423,0 0,5.72101423 0,13.0285714 L0,21.9428571 C0,23.0789858 0.921014229,24 2.05714286,24 C3.19327149,24 4.11428571,23.0789858 4.11428571,21.9428571 Z" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.11428571,21.9428571 L4.11428571,13.0285714 C4.11428571,7.99327149 7.99327149,4.11428571 13.0285714,4.11428571 L21.9428571,4.11428571 C23.0789858,4.11428571 24,3.19327149 24,2.05714286 C24,0.921014229 23.0789858,0 21.9428571,0 L13.0285714,0 C5.72101423,0 0,5.72101423 0,13.0285714 L0,21.9428571 C0,23.0789858 0.921014229,24 2.05714286,24 C3.19327149,24 4.11428571,23.0789858 4.11428571,21.9428571 Z", transform: "translate(68.070175, 11.929825) scale(-1, 1) translate(-68.070175, -11.929825) translate(56.140351, 0.000000)" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.11428571,21.9428571 L4.11428571,13.0285714 C4.11428571,7.99327149 7.99327149,4.11428571 13.0285714,4.11428571 L21.9428571,4.11428571 C23.0789858,4.11428571 24,3.19327149 24,2.05714286 C24,0.921014229 23.0789858,0 21.9428571,0 L13.0285714,0 C5.72101423,0 0,5.72101423 0,13.0285714 L0,21.9428571 C0,23.0789858 0.921014229,24 2.05714286,24 C3.19327149,24 4.11428571,23.0789858 4.11428571,21.9428571 Z", transform: "translate(11.929825, 68.070175) scale(1, -1) translate(-11.929825, -68.070175) translate(0.000000, 56.140351)" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.11428571,21.9428571 L4.11428571,13.0285714 C4.11428571,7.99327149 7.99327149,4.11428571 13.0285714,4.11428571 L21.9428571,4.11428571 C23.0789858,4.11428571 24,3.19327149 24,2.05714286 C24,0.921014229 23.0789858,0 21.9428571,0 L13.0285714,0 C5.72101423,0 0,5.72101423 0,13.0285714 L0,21.9428571 C0,23.0789858 0.921014229,24 2.05714286,24 C3.19327149,24 4.11428571,23.0789858 4.11428571,21.9428571 Z", transform: "translate(68.070175, 68.070175) scale(-1, -1) translate(-68.070175, -68.070175) translate(56.140351, 56.140351)" })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("g", { transform: "translate(21.754386, 28.070175)", fillRule: "nonzero", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0,2.14285714 L0,7.86037654 C0,9.04384386 0.8954305,10.0032337 2,10.0032337 C3.1045695,10.0032337 4,9.04384386 4,7.86037654 L4,2.14285714 C4,0.959389822 3.1045695,0 2,0 C0.8954305,0 0,0.959389822 0,2.14285714 Z" }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("g", { transform: "translate(54.736842, 28.070175)", fillRule: "nonzero", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0,2.14285714 L0,7.86037654 C0,9.04384386 0.8954305,10.0032337 2,10.0032337 C3.1045695,10.0032337 4,9.04384386 4,7.86037654 L4,2.14285714 C4,0.959389822 3.1045695,0 2,0 C0.8954305,0 0,0.959389822 0,2.14285714 Z" }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M25.9319616,59.0829234 C29.8331111,62.7239962 34.5578726,64.5614035 40,64.5614035 C45.4421274,64.5614035 50.1668889,62.7239962 54.0680384,59.0829234 C54.9180398,58.2895887 54.9639773,56.9574016 54.1706427,56.1074002 C53.377308,55.2573988 52.0451209,55.2114613 51.1951195,56.0047959 C48.0787251,58.9134307 44.382434,60.3508772 40,60.3508772 C35.617566,60.3508772 31.9212749,58.9134307 28.8048805,56.0047959 C27.9548791,55.2114613 26.622692,55.2573988 25.8293573,56.1074002 C25.0360227,56.9574016 25.0819602,58.2895887 25.9319616,59.0829234 Z", fillRule: "nonzero" }),
+                /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M40,30.1754386 L40,44.9122807 C40,45.85537 39.539042,46.3157895 38.5912711,46.3157895 L37.1929825,46.3157895 C36.0302777,46.3157895 35.0877193,47.2583479 35.0877193,48.4210526 C35.0877193,49.5837574 36.0302777,50.5263158 37.1929825,50.5263158 L38.5912711,50.5263158 C41.8633505,50.5263158 44.2105263,48.1818819 44.2105263,44.9122807 L44.2105263,30.1754386 C44.2105263,29.0127339 43.2679679,28.0701754 42.1052632,28.0701754 C40.9425584,28.0701754 40,29.0127339 40,30.1754386 Z", fillRule: "nonzero" })
+              ] }) }) }) }) }) }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { style: oneTapTitleStyle(t.text), children: "Enable one-tap deposits" }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { style: oneTapSubtitleStyle(t.textMuted), children: oneTapSubtitle })
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { style: oneTapTitleStyle(t.text), children: [
+                  "Deposit with ",
+                  getDeviceBiometricUnlockText(),
+                  " next time"
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { style: oneTapSubtitleStyle(t.textMuted), children: "No need to reopen your wallet every time. Your money stays under your control." })
               ] })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -7000,7 +7008,6 @@ function GuestTokenPickerScreen({
             )
           ] }),
           oneTapEnabled && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { style: oneTapBodyStyle(t.textMuted), children: oneTapBody }),
             /* @__PURE__ */ jsxRuntime.jsxs(
               "button",
               {
@@ -7325,8 +7332,6 @@ var oneTapHeaderLeftStyle = {
 var lightningIconStyle = {
   width: 36,
   height: 36,
-  borderRadius: 10,
-  background: "linear-gradient(135deg, #e8f5e9 0%, #fffde7 100%)",
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
@@ -7368,12 +7373,6 @@ var toggleThumbStyle = (on) => ({
   transition: "transform 0.2s ease",
   transform: on ? "translateX(0)" : "translateX(0)"
 });
-var oneTapBodyStyle = (color) => ({
-  fontSize: "0.84rem",
-  color,
-  lineHeight: 1.55,
-  margin: "10px 0 0"
-});
 var manageAllowanceBtnStyle = (color) => ({
   display: "flex",
   alignItems: "center",
@@ -8146,10 +8145,6 @@ function useAuthHandlers(dispatch, apiBaseUrl, popupAuthRef) {
     },
     onError: (error) => {
       captureException(new Error(String(error)));
-      if (isInCrossOriginIframe()) {
-        handlePopupLogin();
-        return;
-      }
       dispatch({
         type: "SET_ERROR",
         error: typeof error === "string" ? error : "Passkey login failed. Try again or create an account."
@@ -8203,10 +8198,6 @@ function useAuthHandlers(dispatch, apiBaseUrl, popupAuthRef) {
   const passkeyAuthError = loginState.status === "error" ? loginState.error?.message ?? "Passkey login failed." : signupState.status === "error" ? signupState.error?.message ?? "Passkey signup failed." : null;
   const handleLoginWithPasskey = react.useCallback(() => {
     dispatch({ type: "SET_ERROR", error: null });
-    if (shouldUsePasskeyLoginPopup()) {
-      handlePopupLogin();
-      return;
-    }
     loginWithPasskey();
   }, [loginWithPasskey, dispatch, handlePopupLogin]);
   const handleSignupWithPasskey = react.useCallback(() => {