@swype-org/react-sdk 0.2.224 → 0.2.226

package/dist/index.js

@@ -10951,10 +10951,7 @@ function DepositOptionsScreen({
                 name: "Connect Wallet",
                 icon: /* @__PURE__ */ jsx(WalletIcon, { color: tokens.text }),
                 onClick: onFromWallet,
-                right: /* @__PURE__ */ jsxs("span", { style: badgeWithArrowStyle, children: [
-                  /* @__PURE__ */ jsx(RecommendedBadge, { tokens }),
-                  /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M9 6l6 6-6 6", stroke: tokens.textMuted, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
-                ] })
+                right: /* @__PURE__ */ jsx("span", { style: badgeWithArrowStyle, children: /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M9 6l6 6-6 6", stroke: tokens.textMuted, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
               }
             ),
             /* @__PURE__ */ jsx(
@@ -10987,9 +10984,6 @@ function DepositTypeToggle({ tokens }) {
 function ComingSoonBadge({ tokens }) {
   return /* @__PURE__ */ jsx("span", { style: comingSoonBadgeStyle(tokens.bgRecessed, tokens.textMuted), children: "Coming soon" });
 }
-function RecommendedBadge({ tokens }) {
-  return /* @__PURE__ */ jsx("span", { style: recommendedBadgeStyle(tokens.successBg, tokens.success), children: "Recommended" });
-}
 function WalletIcon({ color }) {
   return /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
     /* @__PURE__ */ jsx(
@@ -11150,19 +11144,6 @@ var badgeWithArrowStyle = {
   display: "flex",
   alignItems: "center"
 };
-var recommendedBadgeStyle = (bg, color) => ({
-  display: "inline-flex",
-  alignItems: "center",
-  justifyContent: "center",
-  background: bg,
-  color,
-  fontSize: 10,
-  fontWeight: 500,
-  lineHeight: 1,
-  padding: "4px 8px",
-  borderRadius: 8,
-  whiteSpace: "nowrap"
-});
 var linkIconImageStyle = (color) => ({
   width: 24,
   height: 24,
@@ -11294,7 +11275,7 @@ function AmountTooLowScreen({
     }
   );
 }
-var DEFAULT_PRESETS = [50, 100, 200, 500];
+var DEFAULT_PRESETS = [5, 25, 100, 250];
 function EnterAmountScreen({
   value,
   onDigit,
@@ -11871,7 +11852,7 @@ function PasskeyPopupWelcomeScreen({
           ) }),
           /* @__PURE__ */ jsx("h2", { style: headingStyle5(tokens.text), children: "Try the better way\nto deposit" }),
           /* @__PURE__ */ jsx("p", { style: subtitleStyle3(tokens.textSecondary), children: "From your wallet, to any app, in one tap." }),
-          error && /* @__PURE__ */ jsx("div", { style: errorBannerStyle3(tokens), children: error })
+          error && false
         ] })
       ]
     }
@@ -11927,17 +11908,6 @@ var footerButtonStyle = {
   paddingTop: 48,
   paddingBottom: 36
 };
-var errorBannerStyle3 = (tokens) => ({
-  background: tokens.errorBg,
-  border: `1px solid ${tokens.error}66`,
-  borderRadius: 16,
-  padding: "11px 14px",
-  color: tokens.error,
-  fontSize: "0.84rem",
-  lineHeight: 1.5,
-  width: "100%",
-  textAlign: "left"
-});
 function PasskeyReadyScreen({
   onLinkWallet,
   onBack,
@@ -12041,7 +12011,7 @@ function VerifyPasskeyScreen({
           ] }) }),
           /* @__PURE__ */ jsx("h2", { style: headingStyle7(tokens.text), children: "Verify your passkey" }),
           /* @__PURE__ */ jsx("p", { style: subtitleStyle5(tokens.textSecondary), children: subtitle }),
-          error && /* @__PURE__ */ jsx("div", { style: errorBannerStyle4(tokens), children: error }),
+          error && /* @__PURE__ */ jsx("div", { style: errorBannerStyle3(tokens), children: error }),
           /* @__PURE__ */ jsx(InfoBanner, { children: "Your passkey is stored securely on your device. Blink never sees your biometric data." })
         ] })
       ]
@@ -12070,7 +12040,7 @@ var subtitleStyle5 = (color) => ({
   lineHeight: 1.5,
   maxWidth: 280
 });
-var errorBannerStyle4 = (tokens) => ({
+var errorBannerStyle3 = (tokens) => ({
   background: tokens.errorBg,
   border: `1px solid ${tokens.error}66`,
   borderRadius: 16,
@@ -12424,7 +12394,7 @@ function WalletPickerScreen({
       }
     ),
     /* @__PURE__ */ jsx("h1", { style: titleStyle3(tokens.text), children: "Link wallet" }),
-    error && /* @__PURE__ */ jsx("div", { style: errorBannerStyle5(tokens), children: error }),
+    error && /* @__PURE__ */ jsx("div", { style: errorBannerStyle4(tokens), children: error }),
     /* @__PURE__ */ jsx("div", { style: sheetStackStyle, children: /* @__PURE__ */ jsx("div", { style: cardStyle2(tokens.bgCardTranslucent), children: showOtherWallets ? /* @__PURE__ */ jsx(
       OtherWalletsPanel,
       {
@@ -12735,7 +12705,7 @@ var loadingWrapperStyle = {
   alignItems: "center",
   justifyContent: "center"
 };
-var errorBannerStyle5 = (tokens) => ({
+var errorBannerStyle4 = (tokens) => ({
   background: tokens.errorBg,
   border: `1px solid ${tokens.error}66`,
   borderRadius: 16,
@@ -12892,7 +12862,7 @@ function SetupScreen({
           ),
           /* @__PURE__ */ jsx("h2", { style: headingStyle8(tokens.text), children: "Next time deposit\nUSDC in one tap" }),
           /* @__PURE__ */ jsx("p", { style: subtitleStyle6(tokens.textSecondary), children: "Set a cap for passkey deposits.\nYou always stay in control." }),
-          error && /* @__PURE__ */ jsx("div", { style: errorBannerStyle6(tokens), children: error }),
+          error && /* @__PURE__ */ jsx("div", { style: errorBannerStyle5(tokens), children: error }),
           /* @__PURE__ */ jsx("div", { style: chipsRowStyle, children: PRESETS.map(({ label, value }) => {
             const active = selectedPreset === value;
             return /* @__PURE__ */ jsx(
@@ -12982,7 +12952,7 @@ var chipStyle = (themeTokens, active) => ({
   color: active ? themeTokens.accentText : themeTokens.text,
   whiteSpace: "nowrap"
 });
-var errorBannerStyle6 = (themeTokens) => ({
+var errorBannerStyle5 = (themeTokens) => ({
   background: themeTokens.errorBg,
   border: `1px solid ${themeTokens.error}66`,
   borderRadius: 16,
@@ -12993,217 +12963,6 @@ var errorBannerStyle6 = (themeTokens) => ({
   width: "100%",
   textAlign: "left"
 });
-function ManualTransferPasskeyScreen({
-  onCreatePasskey,
-  loading = false,
-  error,
-  onBack,
-  onClose
-}) {
-  const { tokens } = useBlinkConfig();
-  return /* @__PURE__ */ jsxs("div", { style: containerStyle8(tokens), children: [
-    onBack && /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: onBack,
-        "aria-label": "Go back",
-        style: { ...navButtonStyle(tokens.bgRecessed, tokens.text), left: 16 },
-        children: /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M15 18l-6-6 6-6",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ) })
-      }
-    ),
-    onClose && /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: onClose,
-        "aria-label": "Close",
-        style: { ...navButtonStyle(tokens.bgRecessed, tokens.text), right: 16 },
-        children: /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M6 6l12 12M18 6L6 18",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ) })
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { style: contentStyle11, children: [
-      /* @__PURE__ */ jsxs("div", { style: heroStyle, children: [
-        /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: FACE_ID_ILLUSTRATION,
-            alt: "",
-            "aria-hidden": "true",
-            style: illustrationStyle4
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { style: copyStackStyle, children: [
-          /* @__PURE__ */ jsx("h2", { style: headingStyle9(tokens.text), children: "Next time deposit USDC\nin one tap" }),
-          /* @__PURE__ */ jsx("p", { style: subtitleStyle7(tokens.text), children: "Set up once and never bother\nwith QR codes again" }),
-          error && /* @__PURE__ */ jsx("div", { style: errorBannerStyle7(tokens), children: error })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          onClick: onCreatePasskey,
-          disabled: loading,
-          style: ctaStyle(tokens, loading),
-          children: [
-            !loading && /* @__PURE__ */ jsx(
-              "img",
-              {
-                src: BLINK_QR_LOGO,
-                alt: "",
-                "aria-hidden": "true",
-                style: ctaIconStyle
-              }
-            ),
-            "Create Blink Passkey"
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-var containerStyle8 = (tokens) => ({
-  position: "relative",
-  display: "flex",
-  flexDirection: "column",
-  width: "100%",
-  maxWidth: 420,
-  height: "100%",
-  margin: "0 auto",
-  overflow: "hidden",
-  borderRadius: tokens.radiusLg,
-  background: tokens.bgCard,
-  backdropFilter: "blur(16px)",
-  WebkitBackdropFilter: "blur(16px)",
-  fontFamily: tokens.fontFamily,
-  boxSizing: "border-box"
-});
-var contentStyle11 = {
-  flex: 1,
-  minHeight: 0,
-  display: "flex",
-  flexDirection: "column",
-  justifyContent: "space-between",
-  alignItems: "center",
-  padding: "80px 32px 32px",
-  gap: 32,
-  boxSizing: "border-box"
-};
-var heroStyle = {
-  flex: 1,
-  minHeight: 0,
-  display: "flex",
-  flexDirection: "column",
-  justifyContent: "center",
-  alignItems: "center",
-  gap: 32,
-  width: "100%"
-};
-var illustrationStyle4 = {
-  width: 200,
-  height: 200,
-  objectFit: "contain",
-  display: "block"
-};
-var copyStackStyle = {
-  display: "flex",
-  flexDirection: "column",
-  alignItems: "center",
-  gap: 16,
-  width: "100%",
-  textAlign: "center"
-};
-var headingStyle9 = (color) => ({
-  margin: 0,
-  color,
-  fontSize: 24,
-  fontWeight: 700,
-  lineHeight: 1,
-  letterSpacing: 0,
-  whiteSpace: "pre-line"
-});
-var subtitleStyle7 = (color) => ({
-  margin: 0,
-  color,
-  fontSize: 16,
-  fontWeight: 400,
-  lineHeight: 1.25,
-  whiteSpace: "pre-line"
-});
-var ctaStyle = (tokens, disabled) => ({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  gap: 8,
-  width: "100%",
-  height: 56,
-  padding: "4px 24px",
-  border: "none",
-  borderRadius: 36,
-  background: `linear-gradient(180deg, ${tokens.accent}, ${tokens.accentHover})`,
-  color: tokens.accentText,
-  fontSize: 20,
-  fontWeight: 700,
-  fontFamily: "inherit",
-  cursor: disabled ? "default" : "pointer",
-  opacity: disabled ? 0.5 : 1,
-  transition: "opacity 0.15s ease",
-  boxSizing: "border-box"
-});
-var ctaIconStyle = {
-  width: 32,
-  height: 32,
-  objectFit: "contain",
-  display: "block",
-  borderRadius: 8
-};
-var navButtonStyle = (bg, color) => ({
-  position: "absolute",
-  top: 16,
-  zIndex: 1,
-  width: 44,
-  height: 44,
-  border: "none",
-  borderRadius: 40,
-  background: bg,
-  color,
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  cursor: "pointer",
-  padding: 0
-});
-var errorBannerStyle7 = (tokens) => ({
-  width: "100%",
-  borderRadius: 16,
-  padding: "11px 14px",
-  background: tokens.errorBg,
-  border: `1px solid ${tokens.error}66`,
-  color: tokens.error,
-  fontSize: "0.84rem",
-  lineHeight: 1.5,
-  textAlign: "left",
-  boxSizing: "border-box"
-});
 function SetupSelectDepositSourceScreen({
   tokenOptions,
   selectedTokenSymbol,
@@ -14384,7 +14143,7 @@ function SelectSourceScreen({
                 /* @__PURE__ */ jsxs("div", { style: optionContentStyle, children: [
                   /* @__PURE__ */ jsxs("span", { style: optionNameStyle(tokens.text), children: [
                     chain.chainName,
-                    isRecommended && /* @__PURE__ */ jsx("span", { style: recommendedBadgeStyle2(tokens.textMuted), children: " recommended" })
+                    isRecommended && /* @__PURE__ */ jsx("span", { style: recommendedBadgeStyle(tokens.textMuted), children: " recommended" })
                   ] }),
                   /* @__PURE__ */ jsxs("span", { style: optionBalanceStyle(tokens.textMuted), children: [
                     "$",
@@ -14480,7 +14239,7 @@ var optionNameStyle = (color) => ({
   fontWeight: 600,
   color
 });
-var recommendedBadgeStyle2 = (color) => ({
+var recommendedBadgeStyle = (color) => ({
   fontSize: "0.7rem",
   fontWeight: 500,
   color,
@@ -14780,7 +14539,7 @@ function TransferStatusLayout({
         onLogout && /* @__PURE__ */ jsx("div", { style: menuOverlayStyle, children: /* @__PURE__ */ jsx(SettingsMenu, { onLogout }) }),
         /* @__PURE__ */ jsxs("div", { style: contentStyle16, children: [
           /* @__PURE__ */ jsx("h2", { style: headingStyle13(tokens.text), children: heading }),
-          visibleError && /* @__PURE__ */ jsx("div", { style: errorBannerStyle8(tokens), children: visibleError }),
+          visibleError && /* @__PURE__ */ jsx("div", { style: errorBannerStyle7(tokens), children: visibleError }),
           children
         ] })
       ] })
@@ -14881,7 +14640,7 @@ var headingStyle13 = (color) => ({
   margin: 0,
   textAlign: "center"
 });
-var errorBannerStyle8 = (tokens) => ({
+var errorBannerStyle7 = (tokens) => ({
   background: tokens.errorBg,
   border: `1px solid ${tokens.error}66`,
   borderRadius: 16,
@@ -15867,7 +15626,7 @@ function GuestTokenPickerScreen({
         /* @__PURE__ */ jsx(ScreenHeader, { onBack }),
         /* @__PURE__ */ jsxs("div", { style: contentStyle20, children: [
           /* @__PURE__ */ jsx("h2", { style: headingStyle16(tokens.text), children: title }),
-          error && /* @__PURE__ */ jsx("div", { style: errorBannerStyle9(tokens), children: error }),
+          error && /* @__PURE__ */ jsx("div", { style: errorBannerStyle8(tokens), children: error }),
           entries2.length === 0 ? /* @__PURE__ */ jsx("p", { style: subtitleStyle13(tokens.textMuted), children: emptyMessage ?? "No tokens available." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx("label", { style: labelStyle7(tokens.textSecondary), children: "Token" }),
             /* @__PURE__ */ jsx(
@@ -16039,7 +15798,7 @@ var presetButtonStyle = (themeTokens, active) => ({
   background: active ? `${themeTokens.accent}22` : "transparent",
   color: themeTokens.text
 });
-var errorBannerStyle9 = (themeTokens) => ({
+var errorBannerStyle8 = (themeTokens) => ({
   background: themeTokens.errorBg,
   border: `1px solid ${themeTokens.error}66`,
   borderRadius: 12,
@@ -16140,7 +15899,7 @@ function ManualTransferFlow({
     );
   } else if (screen === "deposit-complete") {
     const transferAmount = Number(session?.deliveredAmountUsd ?? session?.minAmountUsd ?? 0);
-    screenContent = passkeyCreated ? /* @__PURE__ */ jsx(
+    screenContent = /* @__PURE__ */ jsx(
       SuccessScreen,
       {
         amount: transferAmount,
@@ -16149,16 +15908,7 @@ function ManualTransferFlow({
         onDone: onDismiss,
         onLogout
       }
-    ) : /* @__PURE__ */ jsx(
-      ManualTransferPasskeyScreen,
-      {
-        onCreatePasskey: onCreatePasskey ?? (() => void 0),
-        loading: createPasskeyLoading,
-        error: createPasskeyError,
-        onBack,
-        onClose: onDismiss ?? onLogout
-      }
-    );
+    ) ;
   } else if (screen === "deposit-failed") {
     screenContent = /* @__PURE__ */ jsx(
       BlinkErrorScreen,