@swype-org/react-sdk 0.1.105 → 0.1.107

package/dist/index.d.cts

@@ -310,6 +310,11 @@ interface CreateAccountParams {
     nickname?: string;
 }
 declare function createAccount(apiBaseUrl: string, token: string, params: CreateAccountParams): Promise<Account>;
+declare function createAccountAuthorizationSession(apiBaseUrl: string, token: string, accountId: string, credentialId: string): Promise<{
+    id: string;
+    status: string;
+    uri: string;
+}>;
 interface CreateTransferParams {
     /** Caller-supplied UUID v4 for idempotency. If omitted, a random UUID is generated. */
     id?: string;
@@ -368,6 +373,7 @@ declare function reportActionCompletion(apiBaseUrl: string, actionId: string, re
 type api_CreateAccountParams = CreateAccountParams;
 type api_CreateTransferParams = CreateTransferParams;
 declare const api_createAccount: typeof createAccount;
+declare const api_createAccountAuthorizationSession: typeof createAccountAuthorizationSession;
 declare const api_createTransfer: typeof createTransfer;
 declare const api_fetchAccount: typeof fetchAccount;
 declare const api_fetchAccounts: typeof fetchAccounts;
@@ -384,7 +390,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_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 };
+  export { type api_CreateAccountParams as CreateAccountParams, type api_CreateTransferParams as CreateTransferParams, api_createAccount as createAccount, api_createAccountAuthorizationSession as createAccountAuthorizationSession, 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

@@ -310,6 +310,11 @@ interface CreateAccountParams {
     nickname?: string;
 }
 declare function createAccount(apiBaseUrl: string, token: string, params: CreateAccountParams): Promise<Account>;
+declare function createAccountAuthorizationSession(apiBaseUrl: string, token: string, accountId: string, credentialId: string): Promise<{
+    id: string;
+    status: string;
+    uri: string;
+}>;
 interface CreateTransferParams {
     /** Caller-supplied UUID v4 for idempotency. If omitted, a random UUID is generated. */
     id?: string;
@@ -368,6 +373,7 @@ declare function reportActionCompletion(apiBaseUrl: string, actionId: string, re
 type api_CreateAccountParams = CreateAccountParams;
 type api_CreateTransferParams = CreateTransferParams;
 declare const api_createAccount: typeof createAccount;
+declare const api_createAccountAuthorizationSession: typeof createAccountAuthorizationSession;
 declare const api_createTransfer: typeof createTransfer;
 declare const api_fetchAccount: typeof fetchAccount;
 declare const api_fetchAccounts: typeof fetchAccounts;
@@ -384,7 +390,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_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 };
+  export { type api_CreateAccountParams as CreateAccountParams, type api_CreateTransferParams as CreateTransferParams, api_createAccount as createAccount, api_createAccountAuthorizationSession as createAccountAuthorizationSession, 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

@@ -157,6 +157,7 @@ function useSwypeDepositAmount() {
 var api_exports = {};
 __export(api_exports, {
   createAccount: () => createAccount,
+  createAccountAuthorizationSession: () => createAccountAuthorizationSession,
   createTransfer: () => createTransfer,
   fetchAccount: () => fetchAccount,
   fetchAccounts: () => fetchAccounts,
@@ -234,6 +235,21 @@ async function createAccount(apiBaseUrl, token, params) {
   if (!res.ok) await throwApiError(res);
   return await res.json();
 }
+async function createAccountAuthorizationSession(apiBaseUrl, token, accountId, credentialId) {
+  const res = await fetch(
+    `${apiBaseUrl}/v1/accounts/${accountId}/authorization-sessions`,
+    {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${token}`
+      },
+      body: JSON.stringify({ credentialId })
+    }
+  );
+  if (!res.ok) await throwApiError(res);
+  return await res.json();
+}
 async function createTransfer(apiBaseUrl, token, params) {
   if (!params.merchantAuthorization) {
     throw new Error("merchantAuthorization is required for transfer creation.");
@@ -2564,6 +2580,7 @@ function SourceCard({
   verified,
   accounts,
   selectedAccountId,
+  depositAmount,
   onSelectAccount,
   onAuthorizeAccount,
   onAddProvider
@@ -2649,6 +2666,8 @@ function SourceCard({
         const isSelected = account.id === selectedAccountId;
         const displayName = account.nickname ?? account.name;
         const walletAddress = account.wallets[0]?.name;
+        const hasAllowance = active && account.remainingAllowance != null;
+        const exceedsLimit = hasAllowance && depositAmount != null && depositAmount > account.remainingAllowance;
         return /* @__PURE__ */ jsxs(
           "button",
           {
@@ -2674,10 +2693,15 @@ function SourceCard({
                 ) : /* @__PURE__ */ jsx("div", { style: dropdownFallbackIconStyle(active ? tokens.textMuted : tokens.border), children: account.name.charAt(0) }),
                 /* @__PURE__ */ jsxs("div", { style: dropdownNameColumnStyle, children: [
                   /* @__PURE__ */ jsx("span", { style: dropdownNameStyle(active ? tokens.text : tokens.textMuted), children: displayName }),
-                  walletAddress && /* @__PURE__ */ jsx("span", { style: dropdownAddressStyle(active ? tokens.textMuted : tokens.border), children: walletAddress })
+                  walletAddress && /* @__PURE__ */ jsx("span", { style: dropdownAddressStyle(active ? tokens.textMuted : tokens.border), children: walletAddress }),
+                  hasAllowance && /* @__PURE__ */ jsxs("span", { style: remainingAllowanceStyle(exceedsLimit ? tokens.warning : tokens.textMuted), children: [
+                    "$",
+                    account.remainingAllowance.toFixed(2),
+                    " remaining"
+                  ] })
                 ] })
               ] }),
-              /* @__PURE__ */ jsx("div", { style: dropdownRowRightStyle, children: active ? /* @__PURE__ */ jsx("span", { style: activeBadgeStyle(tokens), children: "Active" }) : /* @__PURE__ */ jsx("span", { style: inactiveBadgeStyle(tokens), children: "Setup incomplete" }) })
+              /* @__PURE__ */ jsx("div", { style: dropdownRowRightStyle, children: active ? exceedsLimit ? /* @__PURE__ */ jsx("span", { style: exceedsLimitBadgeStyle(tokens), children: "Exceeds limit" }) : /* @__PURE__ */ jsx("span", { style: activeBadgeStyle(tokens), children: "Active" }) : /* @__PURE__ */ jsx("span", { style: inactiveBadgeStyle(tokens), children: "Setup incomplete" }) })
             ]
           },
           account.id
@@ -2865,6 +2889,25 @@ var dropdownDividerStyle = (borderColor) => ({
   height: 0,
   borderTop: `1px solid ${borderColor}`
 });
+var remainingAllowanceStyle = (color) => ({
+  fontSize: "0.68rem",
+  color,
+  fontWeight: 500,
+  whiteSpace: "nowrap",
+  overflow: "hidden",
+  textOverflow: "ellipsis"
+});
+var exceedsLimitBadgeStyle = (tokens) => ({
+  fontSize: "0.6rem",
+  fontWeight: 600,
+  color: tokens.warning,
+  background: tokens.warningBg ?? `${tokens.warning}1a`,
+  padding: "2px 7px",
+  borderRadius: 999,
+  textTransform: "uppercase",
+  letterSpacing: "0.03em",
+  whiteSpace: "nowrap"
+});
 var addProviderStyle = (tokens) => ({
   display: "flex",
   alignItems: "center",
@@ -3997,6 +4040,7 @@ function DepositScreen({
               verified: sourceVerified,
               accounts,
               selectedAccountId,
+              depositAmount: amount,
               onSelectAccount,
               onAuthorizeAccount,
               onAddProvider
@@ -4071,6 +4115,7 @@ function DepositScreen({
             verified: sourceVerified,
             accounts,
             selectedAccountId,
+            depositAmount: amount,
             onSelectAccount,
             onAuthorizeAccount,
             onAddProvider
@@ -5770,9 +5815,8 @@ function SwypePaymentInner({
     merchantAuthorization
   ]);
   const handleIncreaseLimit = useCallback(async () => {
-    const parsedAmount = depositAmount ?? 5;
-    if (!sourceId) {
-      dispatch({ type: "SET_ERROR", error: "No account or provider selected." });
+    if (!state.selectedAccountId) {
+      dispatch({ type: "SET_ERROR", error: "No account selected." });
       return;
     }
     if (!state.activeCredentialId) {
@@ -5780,30 +5824,44 @@ function SwypePaymentInner({
       dispatch({ type: "NAVIGATE", step: "create-passkey" });
       return;
     }
+    const acct = state.accounts.find((a) => a.id === state.selectedAccountId);
+    const matchedProvider = acct ? state.providers.find((p) => p.name === acct.name) : void 0;
+    if (matchedProvider) {
+      dispatch({ type: "SELECT_PROVIDER", providerId: matchedProvider.id });
+    }
     dispatch({ type: "SET_ERROR", error: null });
     dispatch({ type: "SET_INCREASING_LIMIT", value: true });
     try {
       const token = await getAccessToken();
       if (!token) throw new Error("Not authenticated");
-      let effectiveSourceType = sourceType;
-      let effectiveSourceId = sourceId;
-      if (effectiveSourceType === "accountId") {
-        const acct = state.accounts.find((a) => a.id === effectiveSourceId);
-        const activeWallet = acct?.wallets.find((w) => w.status === "ACTIVE");
-        if (activeWallet) {
-          effectiveSourceType = "walletId";
-          effectiveSourceId = activeWallet.id;
-        }
-      }
-      const t = await createTransfer(apiBaseUrl, token, {
-        credentialId: state.activeCredentialId,
-        merchantAuthorization,
-        sourceType: effectiveSourceType,
-        sourceId: effectiveSourceId,
-        destination,
-        amount: parsedAmount
+      const session = await createAccountAuthorizationSession(
+        apiBaseUrl,
+        token,
+        state.selectedAccountId,
+        state.activeCredentialId
+      );
+      const isMobile = !shouldUseWalletConnector({
+        useWalletConnector: useWalletConnectorProp,
+        userAgent: typeof navigator === "undefined" ? void 0 : navigator.userAgent
       });
-      dispatch({ type: "TRANSFER_CREATED", transfer: t });
+      if (isMobile) {
+        handlingMobileReturnRef.current = false;
+        mobileSetupFlowRef.current = true;
+        setupAccountIdRef.current = state.selectedAccountId;
+        persistMobileFlowState({
+          accountId: state.selectedAccountId,
+          sessionId: session.id,
+          deeplinkUri: session.uri,
+          providerId: matchedProvider?.id ?? null,
+          isSetup: true
+        });
+        dispatch({ type: "MOBILE_DEEPLINK_READY", deeplinkUri: session.uri });
+        triggerDeeplink(session.uri);
+      } else {
+        await authExecutor.executeSessionById(session.id);
+        await reloadAccounts();
+        dispatch({ type: "NAVIGATE", step: "deposit" });
+      }
     } catch (err) {
       captureException(err);
       const msg = err instanceof Error ? err.message : "Failed to increase limit";
@@ -5813,17 +5871,16 @@ function SwypePaymentInner({
       dispatch({ type: "SET_INCREASING_LIMIT", value: false });
     }
   }, [
-    depositAmount,
-    sourceId,
-    sourceType,
+    state.selectedAccountId,
     state.activeCredentialId,
     state.accounts,
+    state.providers,
     apiBaseUrl,
     getAccessToken,
-    polling,
-    onError,
-    merchantAuthorization,
-    destination
+    authExecutor,
+    useWalletConnectorProp,
+    reloadAccounts,
+    onError
   ]);
   const handleConfirmSign = useCallback(async () => {
     const t = state.transfer ?? polling.transfer;
@@ -6385,7 +6442,7 @@ function SwypePaymentInner({
     initializedSelectSourceActionRef.current = pendingSelectSourceAction.id;
   }, [pendingSelectSourceAction, selectSourceChoices, selectSourceRecommended]);
   useEffect(() => {
-    if (pendingSelectSourceAction && state.step === "processing") {
+    if (pendingSelectSourceAction && (state.step === "processing" || state.step === "open-wallet")) {
       preSelectSourceStepRef.current = state.step;
       dispatch({ type: "NAVIGATE", step: "select-source" });
     } else if (!pendingSelectSourceAction && state.step === "select-source") {