@swype-org/react-sdk 0.1.100 → 0.1.102

package/dist/index.d.cts

@@ -297,7 +297,10 @@ declare function useSwypeDepositAmount(): {
 declare function fetchProviders(apiBaseUrl: string, token: string): Promise<Provider[]>;
 declare function fetchChains(apiBaseUrl: string, token: string): Promise<Chain[]>;
 declare function fetchAccounts(apiBaseUrl: string, token: string, credentialId: string): Promise<Account[]>;
+declare function fetchAccount(apiBaseUrl: string, token: string, accountId: string, credentialId: string): Promise<Account>;
 interface CreateAccountParams {
+    /** Caller-supplied UUID v4 for idempotency. If omitted, a random UUID is generated. */
+    id?: string;
     name: string;
     credentialId: string;
     providerId: string;
@@ -362,6 +365,7 @@ type api_CreateAccountParams = CreateAccountParams;
 type api_CreateTransferParams = CreateTransferParams;
 declare const api_createAccount: typeof createAccount;
 declare const api_createTransfer: typeof createTransfer;
+declare const api_fetchAccount: typeof fetchAccount;
 declare const api_fetchAccounts: typeof fetchAccounts;
 declare const api_fetchAuthorizationSession: typeof fetchAuthorizationSession;
 declare const api_fetchChains: typeof fetchChains;
@@ -376,7 +380,7 @@ declare const api_signTransfer: typeof signTransfer;
 declare const api_updateUserConfig: typeof updateUserConfig;
 declare const api_updateUserConfigBySession: typeof updateUserConfigBySession;
 declare namespace api {
-  export { type api_CreateAccountParams as CreateAccountParams, type api_CreateTransferParams as CreateTransferParams, api_createAccount as createAccount, api_createTransfer as createTransfer, api_fetchAccounts as fetchAccounts, api_fetchAuthorizationSession as fetchAuthorizationSession, api_fetchChains as fetchChains, api_fetchMerchantPublicKey as fetchMerchantPublicKey, api_fetchProviders as fetchProviders, api_fetchTransfer as fetchTransfer, api_fetchUserConfig as fetchUserConfig, api_registerPasskey as registerPasskey, api_reportActionCompletion as reportActionCompletion, api_reportPasskeyActivity as reportPasskeyActivity, api_signTransfer as signTransfer, api_updateUserConfig as updateUserConfig, api_updateUserConfigBySession as updateUserConfigBySession };
+  export { type api_CreateAccountParams as CreateAccountParams, type api_CreateTransferParams as CreateTransferParams, api_createAccount as createAccount, api_createTransfer as createTransfer, api_fetchAccount as fetchAccount, api_fetchAccounts as fetchAccounts, api_fetchAuthorizationSession as fetchAuthorizationSession, api_fetchChains as fetchChains, api_fetchMerchantPublicKey as fetchMerchantPublicKey, api_fetchProviders as fetchProviders, api_fetchTransfer as fetchTransfer, api_fetchUserConfig as fetchUserConfig, api_registerPasskey as registerPasskey, api_reportActionCompletion as reportActionCompletion, api_reportPasskeyActivity as reportPasskeyActivity, api_signTransfer as signTransfer, api_updateUserConfig as updateUserConfig, api_updateUserConfigBySession as updateUserConfigBySession };
 }
 
 interface SwypePaymentProps {

package/dist/index.d.ts

@@ -297,7 +297,10 @@ declare function useSwypeDepositAmount(): {
 declare function fetchProviders(apiBaseUrl: string, token: string): Promise<Provider[]>;
 declare function fetchChains(apiBaseUrl: string, token: string): Promise<Chain[]>;
 declare function fetchAccounts(apiBaseUrl: string, token: string, credentialId: string): Promise<Account[]>;
+declare function fetchAccount(apiBaseUrl: string, token: string, accountId: string, credentialId: string): Promise<Account>;
 interface CreateAccountParams {
+    /** Caller-supplied UUID v4 for idempotency. If omitted, a random UUID is generated. */
+    id?: string;
     name: string;
     credentialId: string;
     providerId: string;
@@ -362,6 +365,7 @@ type api_CreateAccountParams = CreateAccountParams;
 type api_CreateTransferParams = CreateTransferParams;
 declare const api_createAccount: typeof createAccount;
 declare const api_createTransfer: typeof createTransfer;
+declare const api_fetchAccount: typeof fetchAccount;
 declare const api_fetchAccounts: typeof fetchAccounts;
 declare const api_fetchAuthorizationSession: typeof fetchAuthorizationSession;
 declare const api_fetchChains: typeof fetchChains;
@@ -376,7 +380,7 @@ declare const api_signTransfer: typeof signTransfer;
 declare const api_updateUserConfig: typeof updateUserConfig;
 declare const api_updateUserConfigBySession: typeof updateUserConfigBySession;
 declare namespace api {
-  export { type api_CreateAccountParams as CreateAccountParams, type api_CreateTransferParams as CreateTransferParams, api_createAccount as createAccount, api_createTransfer as createTransfer, api_fetchAccounts as fetchAccounts, api_fetchAuthorizationSession as fetchAuthorizationSession, api_fetchChains as fetchChains, api_fetchMerchantPublicKey as fetchMerchantPublicKey, api_fetchProviders as fetchProviders, api_fetchTransfer as fetchTransfer, api_fetchUserConfig as fetchUserConfig, api_registerPasskey as registerPasskey, api_reportActionCompletion as reportActionCompletion, api_reportPasskeyActivity as reportPasskeyActivity, api_signTransfer as signTransfer, api_updateUserConfig as updateUserConfig, api_updateUserConfigBySession as updateUserConfigBySession };
+  export { type api_CreateAccountParams as CreateAccountParams, type api_CreateTransferParams as CreateTransferParams, api_createAccount as createAccount, api_createTransfer as createTransfer, api_fetchAccount as fetchAccount, api_fetchAccounts as fetchAccounts, api_fetchAuthorizationSession as fetchAuthorizationSession, api_fetchChains as fetchChains, api_fetchMerchantPublicKey as fetchMerchantPublicKey, api_fetchProviders as fetchProviders, api_fetchTransfer as fetchTransfer, api_fetchUserConfig as fetchUserConfig, api_registerPasskey as registerPasskey, api_reportActionCompletion as reportActionCompletion, api_reportPasskeyActivity as reportPasskeyActivity, api_signTransfer as signTransfer, api_updateUserConfig as updateUserConfig, api_updateUserConfigBySession as updateUserConfigBySession };
 }
 
 interface SwypePaymentProps {

package/dist/index.js

@@ -158,6 +158,7 @@ var api_exports = {};
 __export(api_exports, {
   createAccount: () => createAccount,
   createTransfer: () => createTransfer,
+  fetchAccount: () => fetchAccount,
   fetchAccounts: () => fetchAccounts,
   fetchAuthorizationSession: () => fetchAuthorizationSession,
   fetchChains: () => fetchChains,
@@ -204,14 +205,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();
@@ -1861,6 +1876,7 @@ function createInitialState(config) {
     accounts: [],
     chains: [],
     loadingData: false,
+    selectedProviderId: null,
     selectedAccountId: null,
     selectedWalletId: null,
     amount: config.depositAmount != null ? config.depositAmount.toString() : "",
@@ -1955,7 +1971,9 @@ function paymentReducer(state, action) {
     case "SELECT_PROVIDER":
       return {
         ...state,
-        selectedAccountId: null
+        selectedProviderId: action.providerId,
+        selectedAccountId: null,
+        selectedWalletId: null
       };
     case "SELECT_ACCOUNT":
       return {
@@ -2024,7 +2042,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,
@@ -2046,6 +2064,7 @@ function paymentReducer(state, action) {
         ...state,
         mobileFlow: true,
         deeplinkUri: action.deeplinkUri,
+        selectedProviderId: action.providerId ?? state.selectedProviderId,
         error: action.error ?? null,
         step: "open-wallet"
       };
@@ -2101,6 +2120,7 @@ function paymentReducer(state, action) {
         amount: action.depositAmount != null ? action.depositAmount.toString() : "",
         mobileFlow: false,
         deeplinkUri: null,
+        selectedProviderId: null,
         selectedWalletId: null,
         selectedAccountId: action.firstAccountId
       };
@@ -5118,6 +5138,7 @@ function SwypePaymentInner({
   );
   const loadingDataRef = useRef(false);
   const pollingTransferIdRef = useRef(null);
+  const setupAccountIdRef = useRef(null);
   const mobileSetupFlowRef = useRef(false);
   const handlingMobileReturnRef = useRef(false);
   const processingStartedAtRef = useRef(null);
@@ -5438,6 +5459,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);
@@ -5465,6 +5495,7 @@ function SwypePaymentInner({
     transferSigning,
     polling,
     onError,
+    onComplete,
     idempotencyKey,
     merchantAuthorization
   ]);
@@ -5495,7 +5526,6 @@ function SwypePaymentInner({
         }
       }
       const t = await createTransfer(apiBaseUrl, token, {
-        id: idempotencyKey,
         credentialId: state.activeCredentialId,
         merchantAuthorization,
         sourceType: effectiveSourceType,
@@ -5522,7 +5552,6 @@ function SwypePaymentInner({
     getAccessToken,
     polling,
     onError,
-    idempotencyKey,
     merchantAuthorization,
     destination
   ]);
@@ -5567,7 +5596,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
@@ -5581,6 +5612,7 @@ function SwypePaymentInner({
       if (isMobile) {
         handlingMobileReturnRef.current = false;
         mobileSetupFlowRef.current = true;
+        setupAccountIdRef.current = account.id;
         persistMobileFlowState({
           accountId: account.id,
           sessionId: session.id,
@@ -5616,13 +5648,13 @@ function SwypePaymentInner({
   const handleContinueConnection = 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 = useCallback(() => {
     clearMobileFlowState();
@@ -5992,6 +6024,46 @@ function SwypePaymentInner({
     if (!polledTransfer || polledTransfer.status !== "AUTHORIZED") return;
     void handleAuthorizedMobileReturn(polledTransfer, mobileSetupFlowRef.current);
   }, [state.mobileFlow, polling.transfer, handleAuthorizedMobileReturn]);
+  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]);
   useEffect(() => {
     if (!state.mobileFlow) return;
     if (handlingMobileReturnRef.current) return;