@swype-org/react-sdk 0.1.100 → 0.1.102

package/dist/index.cjs

@@ -161,6 +161,7 @@ var api_exports = {};
 __export(api_exports, {
   createAccount: () => createAccount,
   createTransfer: () => createTransfer,
+  fetchAccount: () => fetchAccount,
   fetchAccounts: () => fetchAccounts,
   fetchAuthorizationSession: () => fetchAuthorizationSession,
   fetchChains: () => fetchChains,
@@ -207,14 +208,28 @@ async function fetchAccounts(apiBaseUrl, token, credentialId) {
   const data = await res.json();
   return data.items;
 }
+async function fetchAccount(apiBaseUrl, token, accountId, credentialId) {
+  const params = new URLSearchParams({ credentialId });
+  const res = await fetch(`${apiBaseUrl}/v1/accounts/${accountId}?${params.toString()}`, {
+    headers: { Authorization: `Bearer ${token}` }
+  });
+  if (!res.ok) await throwApiError(res);
+  return await res.json();
+}
 async function createAccount(apiBaseUrl, token, params) {
+  const body = {
+    id: params.id ?? crypto.randomUUID(),
+    name: params.name,
+    credentialId: params.credentialId,
+    providerId: params.providerId
+  };
   const res = await fetch(`${apiBaseUrl}/v1/accounts`, {
     method: "POST",
     headers: {
       "Content-Type": "application/json",
       Authorization: `Bearer ${token}`
     },
-    body: JSON.stringify(params)
+    body: JSON.stringify(body)
   });
   if (!res.ok) await throwApiError(res);
   return await res.json();
@@ -1864,6 +1879,7 @@ function createInitialState(config) {
     accounts: [],
     chains: [],
     loadingData: false,
+    selectedProviderId: null,
     selectedAccountId: null,
     selectedWalletId: null,
     amount: config.depositAmount != null ? config.depositAmount.toString() : "",
@@ -1958,7 +1974,9 @@ function paymentReducer(state, action) {
     case "SELECT_PROVIDER":
       return {
         ...state,
-        selectedAccountId: null
+        selectedProviderId: action.providerId,
+        selectedAccountId: null,
+        selectedWalletId: null
       };
     case "SELECT_ACCOUNT":
       return {
@@ -2027,7 +2045,7 @@ function paymentReducer(state, action) {
     case "MOBILE_SETUP_COMPLETE":
       return {
         ...state,
-        transfer: action.transfer,
+        transfer: action.transfer ?? state.transfer,
         error: null,
         mobileFlow: false,
         deeplinkUri: null,
@@ -2049,6 +2067,7 @@ function paymentReducer(state, action) {
         ...state,
         mobileFlow: true,
         deeplinkUri: action.deeplinkUri,
+        selectedProviderId: action.providerId ?? state.selectedProviderId,
         error: action.error ?? null,
         step: "open-wallet"
       };
@@ -2104,6 +2123,7 @@ function paymentReducer(state, action) {
         amount: action.depositAmount != null ? action.depositAmount.toString() : "",
         mobileFlow: false,
         deeplinkUri: null,
+        selectedProviderId: null,
         selectedWalletId: null,
         selectedAccountId: action.firstAccountId
       };
@@ -5121,6 +5141,7 @@ function SwypePaymentInner({
   );
   const loadingDataRef = react.useRef(false);
   const pollingTransferIdRef = react.useRef(null);
+  const setupAccountIdRef = react.useRef(null);
   const mobileSetupFlowRef = react.useRef(false);
   const handlingMobileReturnRef = react.useRef(false);
   const processingStartedAtRef = react.useRef(null);
@@ -5441,6 +5462,15 @@ function SwypePaymentInner({
         amount: payAmount
       });
       dispatch({ type: "TRANSFER_CREATED", transfer: t });
+      if (t.status === "COMPLETED") {
+        dispatch({ type: "TRANSFER_COMPLETED", transfer: t });
+        onComplete?.(t);
+        return;
+      }
+      if (t.status === "FAILED") {
+        dispatch({ type: "TRANSFER_FAILED", transfer: t, error: "Transfer failed." });
+        return;
+      }
       const signedTransfer = await transferSigning.signTransfer(t.id);
       dispatch({ type: "TRANSFER_SIGNED", transfer: signedTransfer });
       polling.startPolling(t.id);
@@ -5468,6 +5498,7 @@ function SwypePaymentInner({
     transferSigning,
     polling,
     onError,
+    onComplete,
     idempotencyKey,
     merchantAuthorization
   ]);
@@ -5498,7 +5529,6 @@ function SwypePaymentInner({
         }
       }
       const t = await createTransfer(apiBaseUrl, token, {
-        id: idempotencyKey,
         credentialId: state.activeCredentialId,
         merchantAuthorization,
         sourceType: effectiveSourceType,
@@ -5525,7 +5555,6 @@ function SwypePaymentInner({
     getAccessToken,
     polling,
     onError,
-    idempotencyKey,
     merchantAuthorization,
     destination
   ]);
@@ -5570,7 +5599,9 @@ function SwypePaymentInner({
     try {
       const token = await getAccessToken();
       if (!token) throw new Error("Not authenticated");
+      const accountId = crypto.randomUUID();
       const account = await createAccount(apiBaseUrl, token, {
+        id: accountId,
         name: providerName,
         credentialId: state.activeCredentialId,
         providerId
@@ -5584,6 +5615,7 @@ function SwypePaymentInner({
       if (isMobile) {
         handlingMobileReturnRef.current = false;
         mobileSetupFlowRef.current = true;
+        setupAccountIdRef.current = account.id;
         persistMobileFlowState({
           accountId: account.id,
           sessionId: session.id,
@@ -5619,13 +5651,13 @@ function SwypePaymentInner({
   const handleContinueConnection = react.useCallback(
     (accountId) => {
       const acct = state.accounts.find((a) => a.id === accountId);
-      dispatch({
-        type: "SELECT_ACCOUNT",
-        accountId,
-        walletId: acct?.wallets[0]?.id ?? null
-      });
+      if (!acct) return;
+      const matchedProvider = state.providers.find((p) => p.name === acct.name);
+      if (matchedProvider) {
+        handleSelectProvider(matchedProvider.id);
+      }
     },
-    [state.accounts]
+    [state.accounts, state.providers, handleSelectProvider]
   );
   const handleNewPayment = react.useCallback(() => {
     clearMobileFlowState();
@@ -5995,6 +6027,46 @@ function SwypePaymentInner({
     if (!polledTransfer || polledTransfer.status !== "AUTHORIZED") return;
     void handleAuthorizedMobileReturn(polledTransfer, mobileSetupFlowRef.current);
   }, [state.mobileFlow, polling.transfer, handleAuthorizedMobileReturn]);
+  react.useEffect(() => {
+    if (!state.mobileFlow || !mobileSetupFlowRef.current) return;
+    if (state.step !== "open-wallet") return;
+    if (!state.activeCredentialId || !setupAccountIdRef.current) return;
+    const accountId = setupAccountIdRef.current;
+    const credentialId = state.activeCredentialId;
+    let cancelled = false;
+    const POLL_INTERVAL_MS = 3e3;
+    const poll = async () => {
+      try {
+        const token = await getAccessTokenRef.current();
+        if (!token || cancelled) return;
+        const acct = await fetchAccount(apiBaseUrl, token, accountId, credentialId);
+        if (cancelled) return;
+        const hasActive = acct.wallets.some((w) => w.status === "ACTIVE");
+        if (hasActive) {
+          cancelled = true;
+          mobileSetupFlowRef.current = false;
+          setupAccountIdRef.current = null;
+          clearMobileFlowState();
+          await reloadAccounts();
+          dispatch({ type: "MOBILE_SETUP_COMPLETE" });
+        }
+      } catch {
+      }
+    };
+    poll();
+    const intervalId = window.setInterval(poll, POLL_INTERVAL_MS);
+    const handleVisibility = () => {
+      if (document.visibilityState === "visible" && !cancelled) {
+        poll();
+      }
+    };
+    document.addEventListener("visibilitychange", handleVisibility);
+    return () => {
+      cancelled = true;
+      window.clearInterval(intervalId);
+      document.removeEventListener("visibilitychange", handleVisibility);
+    };
+  }, [state.mobileFlow, state.step, state.activeCredentialId, apiBaseUrl, reloadAccounts]);
   react.useEffect(() => {
     if (!state.mobileFlow) return;
     if (handlingMobileReturnRef.current) return;