@swype-org/react-sdk 0.1.221 → 0.1.223

package/dist/index.cjs

@@ -571,6 +571,7 @@ async function createTransfer(apiBaseUrl, token, params) {
     throw new Error("merchantAuthorization is required for transfer creation.");
   }
   const body = {
+    type: "standard",
     id: params.id ?? crypto.randomUUID(),
     credentialId: params.credentialId,
     merchantAuthorization: params.merchantAuthorization,
@@ -4488,41 +4489,14 @@ function SuccessScreen({
   onLogout,
   onIncreaseLimits,
   onManageAccount,
-  onPreauthorize,
-  autoCloseSeconds
+  onPreauthorize
 }) {
   const { tokens } = useBlinkConfig();
-  const effectiveAutoClose = succeeded ? autoCloseSeconds : void 0;
-  const [countdown, setCountdown] = react.useState(effectiveAutoClose ?? 0);
-  const doneCalledRef = react.useRef(false);
-  const handleDone = react.useCallback(() => {
-    if (doneCalledRef.current) return;
-    doneCalledRef.current = true;
-    onDone();
-  }, [onDone]);
-  react.useEffect(() => {
-    if (!effectiveAutoClose || effectiveAutoClose <= 0) return;
-    const intervalId = window.setInterval(() => {
-      setCountdown((prev) => {
-        if (prev <= 1) {
-          window.clearInterval(intervalId);
-          return 0;
-        }
-        return prev - 1;
-      });
-    }, 1e3);
-    return () => window.clearInterval(intervalId);
-  }, [effectiveAutoClose]);
-  react.useEffect(() => {
-    if (effectiveAutoClose && countdown === 0) {
-      handleDone();
-    }
-  }, [effectiveAutoClose, countdown, handleDone]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     ScreenLayout,
     {
       footer: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { onClick: handleDone, children: succeeded ? "Done" : "Try again" }),
+        /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { onClick: onDone, children: succeeded ? "Done" : "Try again" }),
         succeeded && onPreauthorize && /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
@@ -4532,11 +4506,6 @@ function SuccessScreen({
             children: "Preauthorize future transfers"
           }
         ),
-        effectiveAutoClose != null && effectiveAutoClose > 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { style: countdownStyle(tokens.textMuted), children: [
-          "Returning to app in ",
-          countdown,
-          "s\u2026"
-        ] }),
         onManageAccount && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: onManageAccount, style: manageStyle(tokens.textMuted), children: "Manage Blink account \u2192" }),
         /* @__PURE__ */ jsxRuntime.jsx(PoweredByFooter, {})
       ] }),
@@ -4674,12 +4643,6 @@ var preauthorizeStyle = (accentColor, borderColor) => ({
   cursor: "pointer",
   fontFamily: "inherit"
 });
-var countdownStyle = (color) => ({
-  fontSize: "0.82rem",
-  color,
-  margin: "10px 0 0",
-  textAlign: "center"
-});
 var manageStyle = (color) => ({
   background: "transparent",
   border: "none",
@@ -5875,7 +5838,6 @@ function StepRendererContent({
   merchantName,
   onBack,
   onDismiss,
-  autoCloseSeconds,
   depositAmount,
   handlers
 }) {
@@ -5948,6 +5910,9 @@ function StepRendererContent({
     );
   }
   if (step === "wallet-picker") {
+    if (state.isGuestFlow && state.selectedProviderId && state.activeCredentialId) {
+      return /* @__PURE__ */ jsxRuntime.jsx(BlinkLoadingScreen, {});
+    }
     const isEntryPoint = !state.isGuestFlow && !authenticated;
     return /* @__PURE__ */ jsxRuntime.jsx(
       WalletPickerScreen,
@@ -6152,8 +6117,7 @@ function StepRendererContent({
         })() : void 0,
         onDone: onDismiss ?? handlers.onNewPayment,
         onLogout: handlers.onLogout,
-        onPreauthorize: state.isGuestFlow ? handlers.onPreauthorize : void 0,
-        autoCloseSeconds
+        onPreauthorize: state.isGuestFlow ? handlers.onPreauthorize : void 0
       }
     );
   }
@@ -8429,8 +8393,7 @@ function BlinkPaymentInner({
   merchantAuthorization,
   merchantName,
   onBack,
-  onDismiss,
-  autoCloseSeconds
+  onDismiss
 }) {
   const { apiBaseUrl, depositAmount } = useBlinkConfig();
   const { ready, authenticated, logout, getAccessToken } = reactAuth.usePrivy();
@@ -8604,6 +8567,21 @@ function BlinkPaymentInner({
     oneTapLimitSavedDuringSetupRef: oneTapSetup.oneTapLimitSavedDuringSetupRef,
     handleAuthorizedMobileReturn: mobileFlow.handleAuthorizedMobileReturn
   });
+  const autoSelectingRef = react.useRef(false);
+  react.useEffect(() => {
+    if (state.step !== "wallet-picker" || !state.isGuestFlow || !state.selectedProviderId || !state.activeCredentialId || !authenticated || autoSelectingRef.current) return;
+    autoSelectingRef.current = true;
+    provider.handleSelectProvider(state.selectedProviderId).finally(() => {
+      autoSelectingRef.current = false;
+    });
+  }, [
+    state.step,
+    state.isGuestFlow,
+    state.selectedProviderId,
+    state.activeCredentialId,
+    authenticated,
+    provider
+  ]);
   const handlers = react.useMemo(() => ({
     onSendLoginCode: auth.handleSendLoginCode,
     onVerifyLoginCode: auth.handleVerifyLoginCode,
@@ -8686,7 +8664,6 @@ function BlinkPaymentInner({
       merchantName,
       onBack,
       onDismiss,
-      autoCloseSeconds,
       depositAmount,
       handlers
     }