@swype-org/react-sdk 0.1.208 → 0.2.1-betatest

package/dist/index.cjs

@@ -421,11 +421,14 @@ var api_exports = {};
 __export(api_exports, {
   createAccount: () => createAccount,
   createAccountAuthorizationSession: () => createAccountAuthorizationSession,
+  createGuestTransfer: () => createGuestTransfer,
   createTransfer: () => createTransfer,
   fetchAccount: () => fetchAccount,
   fetchAccounts: () => fetchAccounts,
   fetchAuthorizationSession: () => fetchAuthorizationSession,
   fetchChains: () => fetchChains,
+  fetchGuestQuote: () => fetchGuestQuote,
+  fetchGuestTransfer: () => fetchGuestTransfer,
   fetchMerchantPublicKey: () => fetchMerchantPublicKey,
   fetchProviders: () => fetchProviders,
   fetchTransfer: () => fetchTransfer,
@@ -657,6 +660,31 @@ async function reportActionCompletion(apiBaseUrl, actionId, result) {
   if (!res.ok) await throwApiError(res);
   return await res.json();
 }
+async function fetchGuestQuote(apiBaseUrl, params) {
+  const res = await fetch(`${apiBaseUrl}/v1/guest-transfers/quote`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(params)
+  });
+  if (!res.ok) await throwApiError(res);
+  return await res.json();
+}
+async function createGuestTransfer(apiBaseUrl, params) {
+  const res = await fetch(`${apiBaseUrl}/v1/guest-transfers`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(params)
+  });
+  if (!res.ok) await throwApiError(res);
+  return await res.json();
+}
+async function fetchGuestTransfer(apiBaseUrl, transferId) {
+  const res = await fetch(
+    `${apiBaseUrl}/v1/guest-transfers/${transferId}`
+  );
+  if (!res.ok) await throwApiError(res);
+  return await res.json();
+}
 
 // src/passkeyRpId.ts
 function normalizeConfiguredDomain(value) {
@@ -1792,7 +1820,7 @@ function deriveSourceTypeAndId(state) {
 }
 function createInitialState(config) {
   return {
-    step: "login",
+    step: "guest-deposit",
     error: null,
     providers: [],
     accounts: [],
@@ -1815,7 +1843,14 @@ function createInitialState(config) {
     mobileFlow: false,
     deeplinkUri: null,
     increasingLimit: false,
-    previousStep: null
+    previousStep: null,
+    isGuestFlow: true,
+    guestQuote: null,
+    guestOriginTxHash: null,
+    guestTransferId: null,
+    guestTransferComplete: false,
+    guestWalletAddress: null,
+    guestWalletChainId: null
   };
 }
 function paymentReducer(state, action) {
@@ -1955,7 +1990,7 @@ function paymentReducer(state, action) {
         deeplinkUri: null
       };
     case "PROCESSING_TIMEOUT":
-      return { ...state, error: action.error, step: "deposit" };
+      return { ...state, error: action.error, step: state.isGuestFlow ? "guest-deposit" : "deposit" };
     case "CONFIRM_SIGN_SUCCESS":
       return {
         ...state,
@@ -2067,6 +2102,54 @@ function paymentReducer(state, action) {
       };
     case "SYNC_AMOUNT":
       return { ...state, amount: action.amount };
+    // ── Guest flow ───────────────────────────────────────────────
+    case "GUEST_WALLET_CONNECTED":
+      return {
+        ...state,
+        guestWalletAddress: action.address,
+        guestWalletChainId: action.chainId,
+        step: "guest-signing",
+        error: null
+      };
+    case "GUEST_QUOTE_RECEIVED":
+      return {
+        ...state,
+        guestQuote: action.quote
+      };
+    case "GUEST_DEPOSIT_SIGNED":
+      return {
+        ...state,
+        guestOriginTxHash: action.txHash,
+        step: "processing"
+      };
+    case "GUEST_TRANSFER_SUBMITTED":
+      return {
+        ...state,
+        guestTransferId: action.transferId
+      };
+    case "GUEST_TRANSFER_COMPLETED":
+      return {
+        ...state,
+        guestTransferComplete: true,
+        step: "success"
+      };
+    case "GUEST_TRANSFER_FAILED":
+      return {
+        ...state,
+        error: action.error,
+        step: "success"
+      };
+    case "START_SETUP_FLOW":
+      return {
+        ...state,
+        isGuestFlow: false,
+        step: "login"
+      };
+    case "SETUP_FLOW_COMPLETE":
+      return {
+        ...state,
+        step: "setup-complete"
+      };
     default:
       return state;
   }
@@ -4245,7 +4328,9 @@ function SuccessScreen({
   onLogout,
   onIncreaseLimits,
   onManageAccount,
-  autoCloseSeconds
+  autoCloseSeconds,
+  isGuestTransfer,
+  onOfferSetup
 }) {
   const { tokens } = useSwypeConfig();
   const effectiveAutoClose = succeeded ? autoCloseSeconds : void 0;
@@ -4254,8 +4339,12 @@ function SuccessScreen({
   const handleDone = react.useCallback(() => {
     if (doneCalledRef.current) return;
     doneCalledRef.current = true;
-    onDone();
-  }, [onDone]);
+    if (isGuestTransfer && succeeded && onOfferSetup) {
+      onOfferSetup();
+    } else {
+      onDone();
+    }
+  }, [onDone, isGuestTransfer, succeeded, onOfferSetup]);
   react.useEffect(() => {
     if (!effectiveAutoClose || effectiveAutoClose <= 0) return;
     const intervalId = window.setInterval(() => {
@@ -4278,7 +4367,7 @@ function SuccessScreen({
     ScreenLayout,
     {
       footer: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { onClick: handleDone, children: succeeded ? "Done" : "Try again" }),
+        /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { onClick: handleDone, children: !succeeded ? "Try again" : isGuestTransfer ? "Continue" : "Done" }),
         effectiveAutoClose != null && effectiveAutoClose > 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { style: countdownStyle(tokens.textMuted), children: [
           "Returning to app in ",
           countdown,
@@ -5399,6 +5488,317 @@ var selectCircleSelectedStyle = (color) => ({
   justifyContent: "center",
   flexShrink: 0
 });
+function GuestDepositScreen({
+  amount,
+  currency,
+  merchantName,
+  onConfirm,
+  onSignIn,
+  onBack,
+  loading,
+  error
+}) {
+  const { tokens } = useSwypeConfig();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ScreenLayout,
+    {
+      footer: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { onClick: onConfirm, loading, children: "Confirm" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onSignIn,
+            style: signInStyle(tokens.textMuted),
+            children: "Returning user? Sign in"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(PoweredByFooter, {})
+      ] }),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ScreenHeader, { onBack }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle9, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: amountCircle(tokens), children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { style: currencyStyle(tokens.textSecondary), children: currency === "USD" ? "$" : currency }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { style: amountStyle(tokens.text), children: amount.toFixed(2) })
+          ] }),
+          merchantName && /* @__PURE__ */ jsxRuntime.jsxs("p", { style: merchantStyle(tokens.textSecondary), children: [
+            "to ",
+            merchantName
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { style: descriptionStyle(tokens.textSecondary), children: "Connect your wallet to complete this deposit. No account required." }),
+          error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: errorStyle3(tokens), children: error })
+        ] })
+      ]
+    }
+  );
+}
+var contentStyle9 = {
+  flex: 1,
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  paddingTop: 32
+};
+var amountCircle = (tokens) => ({
+  display: "flex",
+  alignItems: "baseline",
+  justifyContent: "center",
+  gap: 4,
+  padding: "24px 36px",
+  background: tokens.bgInput,
+  border: `1px solid ${tokens.border}`,
+  borderRadius: 24,
+  marginBottom: 12
+});
+var currencyStyle = (color) => ({
+  fontSize: "1.5rem",
+  fontWeight: 600,
+  color
+});
+var amountStyle = (color) => ({
+  fontSize: "2.5rem",
+  fontWeight: 700,
+  letterSpacing: "-0.02em",
+  color
+});
+var merchantStyle = (color) => ({
+  fontSize: "0.9rem",
+  color,
+  margin: "0 0 16px"
+});
+var descriptionStyle = (color) => ({
+  fontSize: "0.88rem",
+  color,
+  textAlign: "center",
+  lineHeight: 1.6,
+  maxWidth: 300,
+  margin: "0 0 20px"
+});
+var signInStyle = (color) => ({
+  background: "transparent",
+  border: "none",
+  color,
+  cursor: "pointer",
+  fontFamily: "inherit",
+  fontSize: "0.84rem",
+  fontWeight: 500,
+  display: "block",
+  width: "100%",
+  textAlign: "center",
+  padding: "14px 0 0"
+});
+var errorStyle3 = (tokens) => ({
+  width: "100%",
+  padding: "12px 16px",
+  background: tokens.errorBg,
+  color: tokens.error,
+  borderRadius: 14,
+  fontSize: "0.84rem",
+  lineHeight: 1.5
+});
+var PHASE_LABELS = {
+  connecting: "Connecting wallet...",
+  "fetching-quote": "Getting best rate...",
+  approving: "Approve token access",
+  signing: "Confirm deposit in your wallet",
+  submitting: "Submitting transfer..."
+};
+var PHASE_DESCRIPTIONS = {
+  connecting: "Please connect your wallet to continue.",
+  "fetching-quote": "Finding the best route for your transfer.",
+  approving: "Your wallet will ask you to approve token access for this transfer.",
+  signing: "Sign the deposit transaction in your wallet to send funds.",
+  submitting: "Your transaction has been signed. Submitting to the network..."
+};
+function GuestWalletScreen({
+  phase,
+  amount,
+  currency,
+  onBack,
+  error,
+  onRetry
+}) {
+  const { tokens } = useSwypeConfig();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ScreenLayout,
+    {
+      footer: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        error && onRetry && /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { onClick: onRetry, children: "Try again" }),
+        /* @__PURE__ */ jsxRuntime.jsx(PoweredByFooter, {})
+      ] }),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ScreenHeader, { onBack }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle10, children: [
+          !error && /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: 48 }),
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { style: headingStyle12(tokens.text), children: error ? "Something went wrong" : PHASE_LABELS[phase] }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { style: descriptionStyle2(tokens.textSecondary), children: error ?? PHASE_DESCRIPTIONS[phase] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: amountBadgeStyle(tokens), children: [
+            currency === "USD" ? "$" : currency,
+            amount.toFixed(2)
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+var contentStyle10 = {
+  flex: 1,
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  justifyContent: "center",
+  paddingTop: 24,
+  gap: 12
+};
+var headingStyle12 = (color) => ({
+  fontSize: "1.25rem",
+  fontWeight: 700,
+  letterSpacing: "-0.02em",
+  color,
+  margin: "16px 0 4px",
+  textAlign: "center"
+});
+var descriptionStyle2 = (color) => ({
+  fontSize: "0.88rem",
+  color,
+  textAlign: "center",
+  lineHeight: 1.6,
+  maxWidth: 300,
+  margin: 0
+});
+var amountBadgeStyle = (tokens) => ({
+  display: "inline-block",
+  padding: "8px 20px",
+  background: tokens.bgInput,
+  border: `1px solid ${tokens.border}`,
+  borderRadius: 999,
+  fontSize: "0.95rem",
+  fontWeight: 600,
+  color: tokens.text,
+  marginTop: 8
+});
+function OfferSetupScreen({
+  amount,
+  currency,
+  onSetup,
+  onDone
+}) {
+  const { tokens } = useSwypeConfig();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ScreenLayout,
+    {
+      footer: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { onClick: onSetup, children: "Set up One-Tap" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: 10 }, children: /* @__PURE__ */ jsxRuntime.jsx(OutlineButton, { onClick: onDone, children: "Not now" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(PoweredByFooter, {})
+      ] }),
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle11, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(IconCircle, { variant: "success", size: 64, children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z", fill: tokens.success }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("h2", { style: headingStyle13(tokens.text), children: [
+          "$",
+          amount.toFixed(2),
+          " deposited"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { style: subtitleStyle10(tokens.textSecondary), children: "Your transfer is complete!" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: cardStyle2(tokens), children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: cardIconRow, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M13 10V3L4 14h7v7l9-11h-7z", fill: tokens.accent }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("strong", { style: { color: tokens.text }, children: "Enable One-Tap deposits" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { style: cardBodyStyle(tokens.textSecondary), children: "Next time, deposit with a single tap \u2014 no wallet signing needed. Set up takes about 30 seconds." })
+        ] })
+      ] })
+    }
+  );
+}
+var contentStyle11 = {
+  flex: 1,
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  paddingTop: 48
+};
+var headingStyle13 = (color) => ({
+  fontSize: "1.5rem",
+  fontWeight: 700,
+  letterSpacing: "-0.02em",
+  color,
+  margin: "20px 0 4px"
+});
+var subtitleStyle10 = (color) => ({
+  fontSize: "0.9rem",
+  color,
+  margin: "0 0 28px"
+});
+var cardStyle2 = (tokens) => ({
+  width: "100%",
+  padding: "18px 16px",
+  background: tokens.bgInput,
+  border: `1px solid ${tokens.border}`,
+  borderRadius: 20
+});
+var cardIconRow = {
+  display: "flex",
+  alignItems: "center",
+  gap: 8,
+  fontSize: "0.92rem",
+  marginBottom: 6
+};
+var cardBodyStyle = (color) => ({
+  fontSize: "0.84rem",
+  color,
+  lineHeight: 1.6,
+  margin: 0
+});
+function SetupCompleteScreen({ onDone }) {
+  const { tokens } = useSwypeConfig();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ScreenLayout,
+    {
+      footer: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { onClick: onDone, children: "Done" }),
+        /* @__PURE__ */ jsxRuntime.jsx(PoweredByFooter, {})
+      ] }),
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle12, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(IconCircle, { variant: "success", size: 64, children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M13 10V3L4 14h7v7l9-11h-7z", fill: tokens.accent }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { style: headingStyle14(tokens.text), children: "One-Tap deposits are ready!" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { style: subtitleStyle11(tokens.textSecondary), children: "Next time you deposit, just tap confirm \u2014 no wallet signing needed." })
+      ] })
+    }
+  );
+}
+var contentStyle12 = {
+  flex: 1,
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  justifyContent: "center",
+  paddingTop: 24
+};
+var headingStyle14 = (color) => ({
+  fontSize: "1.5rem",
+  fontWeight: 700,
+  letterSpacing: "-0.02em",
+  color,
+  margin: "20px 0 8px",
+  textAlign: "center"
+});
+var subtitleStyle11 = (color) => ({
+  fontSize: "0.9rem",
+  color,
+  textAlign: "center",
+  lineHeight: 1.6,
+  maxWidth: 300,
+  margin: 0
+});
+var GUEST_STEPS = /* @__PURE__ */ new Set([
+  "guest-deposit",
+  "guest-connecting",
+  "guest-signing",
+  "offer-setup",
+  "setup-complete"
+]);
 var LINK_STEPS = /* @__PURE__ */ new Set([
   "create-passkey",
   "verify-passkey",
@@ -5415,6 +5815,7 @@ var DEPOSIT_STEPS = /* @__PURE__ */ new Set([
   "success"
 ]);
 function getFlowPhase(step, previousStep) {
+  if (GUEST_STEPS.has(step)) return null;
   if (LINK_STEPS.has(step)) return "link";
   if (DEPOSIT_STEPS.has(step)) return "deposit";
   if (step === "token-picker" || step === "select-source") {
@@ -5464,6 +5865,57 @@ function StepRendererContent({
   if (!ready) {
     return /* @__PURE__ */ jsxRuntime.jsx(SwypeLoadingScreen, {});
   }
+  if (step === "guest-deposit") {
+    const parsedAmt = depositAmount != null ? depositAmount : 5;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      GuestDepositScreen,
+      {
+        amount: parsedAmt,
+        currency: "USD",
+        merchantName,
+        onConfirm: handlers.onGuestConfirm,
+        onSignIn: handlers.onGuestSignIn,
+        onBack,
+        loading: state.loadingData,
+        error: state.error
+      }
+    );
+  }
+  if (step === "guest-connecting" || step === "guest-signing") {
+    const parsedAmt = depositAmount != null ? depositAmount : 5;
+    const phase = step === "guest-connecting" ? "connecting" : "signing";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      GuestWalletScreen,
+      {
+        phase: state.guestQuote ? step === "guest-signing" ? "signing" : "fetching-quote" : phase,
+        amount: parsedAmt,
+        currency: "USD",
+        onBack: () => handlers.onNavigate("guest-deposit"),
+        error: state.error,
+        onRetry: handlers.onGuestRetry
+      }
+    );
+  }
+  if (step === "offer-setup") {
+    const displayAmount = parseFloat(state.amount) || (depositAmount ?? 5);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      OfferSetupScreen,
+      {
+        amount: displayAmount,
+        currency: "USD",
+        onSetup: handlers.onOfferSetup,
+        onDone: onDismiss ?? handlers.onNewPayment
+      }
+    );
+  }
+  if (step === "setup-complete") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      SetupCompleteScreen,
+      {
+        onDone: onDismiss ?? handlers.onNewPayment
+      }
+    );
+  }
   if (step === "login") {
     if (authenticated) {
       return /* @__PURE__ */ jsxRuntime.jsx(SwypeLoadingScreen, {});
@@ -5695,8 +6147,9 @@ function StepRendererContent({
     );
   }
   if (step === "success") {
-    const succeeded = state.transfer?.status === "COMPLETED";
-    const displayAmount = state.transfer?.amount?.amount ?? 0;
+    const isGuest = state.isGuestFlow && state.guestTransferComplete;
+    const succeeded = isGuest ? true : state.transfer?.status === "COMPLETED";
+    const displayAmount = isGuest ? parseFloat(state.amount) || (depositAmount ?? 0) : state.transfer?.amount?.amount ?? 0;
     const displayCurrency = state.transfer?.amount?.currency ?? "USD";
     return /* @__PURE__ */ jsxRuntime.jsx(
       SuccessScreen,
@@ -5706,15 +6159,17 @@ function StepRendererContent({
         succeeded,
         error: state.error,
         merchantName,
-        sourceName,
-        remainingLimit: succeeded ? (() => {
+        sourceName: isGuest ? void 0 : sourceName,
+        remainingLimit: !isGuest && succeeded ? (() => {
           const limit = selectedSource != null ? selectedSource.remainingAllowance ?? null : selectedAccount?.remainingAllowance ?? null;
           if (limit == null) return null;
           return limit > displayAmount ? limit - displayAmount : 0;
         })() : void 0,
         onDone: onDismiss ?? handlers.onNewPayment,
         onLogout: handlers.onLogout,
-        autoCloseSeconds
+        autoCloseSeconds: isGuest ? void 0 : autoCloseSeconds,
+        isGuestTransfer: isGuest,
+        onOfferSetup: () => handlers.onNavigate("offer-setup")
       }
     );
   }
@@ -5786,7 +6241,7 @@ var PaymentErrorBoundary = class extends react.Component {
         /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 8v5", stroke: "#ef4444", strokeWidth: "1.5", strokeLinecap: "round" }),
         /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "16", r: "0.75", fill: "#ef4444" })
       ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { style: headingStyle12, children: "Something went wrong" }),
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { style: headingStyle15, children: "Something went wrong" }),
       /* @__PURE__ */ jsxRuntime.jsx("p", { style: messageStyle, children: "An unexpected error occurred. Please try again." }),
       /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: this.handleReset, style: buttonStyle3, children: "Try again" })
     ] });
@@ -5806,7 +6261,7 @@ var containerStyle9 = {
 var iconStyle3 = {
   marginBottom: 20
 };
-var headingStyle12 = {
+var headingStyle15 = {
   fontSize: "1.25rem",
   fontWeight: 700,
   color: "#1a1a1a",
@@ -7504,6 +7959,183 @@ function usePaymentEffects(deps) {
     }
   }, [pendingOneTapSetupAction, state.step, reloadAccounts, authExecutor, dispatch, oneTapLimitSavedDuringSetupRef]);
 }
+var GUEST_POLL_INTERVAL_MS = 2e3;
+var GUEST_POLL_MAX_ATTEMPTS = 150;
+function useGuestTransferHandlers(deps) {
+  const {
+    dispatch,
+    apiBaseUrl,
+    destination,
+    depositAmount,
+    idempotencyKey,
+    merchantAuthorization,
+    onComplete,
+    onError,
+    sourceChainId,
+    sourceToken,
+    destinationChainId
+  } = deps;
+  const { connectAsync, connectors } = wagmi.useConnect();
+  const { address, chainId: connectedChainId, isConnected } = wagmi.useAccount();
+  const { sendTransactionAsync } = wagmi.useSendTransaction();
+  const { switchChainAsync } = wagmi.useSwitchChain();
+  const guestPollingRef = react.useRef(false);
+  const pollGuestTransfer = react.useCallback(async (transferId) => {
+    if (guestPollingRef.current) return;
+    guestPollingRef.current = true;
+    try {
+      for (let i = 0; i < GUEST_POLL_MAX_ATTEMPTS; i++) {
+        await new Promise((r) => setTimeout(r, GUEST_POLL_INTERVAL_MS));
+        if (!guestPollingRef.current) return;
+        const result = await fetchGuestTransfer(apiBaseUrl, transferId);
+        if (result.status === "COMPLETED") {
+          dispatch({ type: "GUEST_TRANSFER_COMPLETED", transferId });
+          onComplete?.(result);
+          return;
+        }
+        if (result.status === "FAILED") {
+          dispatch({ type: "GUEST_TRANSFER_FAILED", error: "Transfer failed." });
+          onError?.("Transfer failed.");
+          return;
+        }
+      }
+      dispatch({ type: "GUEST_TRANSFER_FAILED", error: "Transfer timed out." });
+      onError?.("Transfer timed out.");
+    } finally {
+      guestPollingRef.current = false;
+    }
+  }, [apiBaseUrl, dispatch, onComplete, onError]);
+  const executeGuestFlow = react.useCallback(async () => {
+    if (!merchantAuthorization) {
+      dispatch({ type: "SET_ERROR", error: "Missing merchant authorization." });
+      return;
+    }
+    const amount = depositAmount ?? 5;
+    try {
+      dispatch({ type: "NAVIGATE", step: "guest-connecting" });
+      let walletAddress = address;
+      let walletChainId = connectedChainId;
+      if (!isConnected || !walletAddress) {
+        const injected2 = connectors.find((c) => c.id === "injected" || c.id === "metaMask");
+        if (!injected2) {
+          dispatch({ type: "SET_ERROR", error: "No wallet found. Please install a browser wallet." });
+          dispatch({ type: "NAVIGATE", step: "guest-deposit" });
+          return;
+        }
+        const result = await connectAsync({ connector: injected2 });
+        walletAddress = result.accounts[0];
+        walletChainId = result.chainId;
+      }
+      if (!walletAddress) {
+        dispatch({ type: "SET_ERROR", error: "Failed to connect wallet." });
+        dispatch({ type: "NAVIGATE", step: "guest-deposit" });
+        return;
+      }
+      dispatch({ type: "GUEST_WALLET_CONNECTED", address: walletAddress, chainId: walletChainId ?? 1 });
+      const effectiveSourceChainId = sourceChainId ?? walletChainId ?? 8453;
+      const effectiveDestChainId = destinationChainId ?? 8453;
+      const effectiveSourceToken = sourceToken ?? destination.token.address;
+      const quote = await fetchGuestQuote(apiBaseUrl, {
+        merchantAuthorization,
+        sourceAddress: walletAddress,
+        sourceChainId: effectiveSourceChainId,
+        sourceToken: effectiveSourceToken,
+        destinationChainId: effectiveDestChainId,
+        destinationAddress: destination.address,
+        destinationToken: destination.token.address,
+        amount: String(Math.round(amount * 1e6))
+      });
+      dispatch({ type: "GUEST_QUOTE_RECEIVED", quote });
+      if (quote.steps.length === 0) {
+        dispatch({ type: "SET_ERROR", error: "No bridge route available." });
+        dispatch({ type: "NAVIGATE", step: "guest-deposit" });
+        return;
+      }
+      const targetChainId = quote.steps[0].chainId;
+      if (walletChainId !== targetChainId) {
+        try {
+          await switchChainAsync({ chainId: targetChainId });
+        } catch {
+          dispatch({ type: "SET_ERROR", error: `Please switch your wallet to chain ${targetChainId}.` });
+          dispatch({ type: "NAVIGATE", step: "guest-deposit" });
+          return;
+        }
+      }
+      let lastTxHash;
+      for (const step of quote.steps) {
+        const txHash = await sendTransactionAsync({
+          to: step.to,
+          data: step.data || "0x",
+          value: step.value ? BigInt(step.value) : 0n,
+          chainId: step.chainId
+        });
+        lastTxHash = txHash;
+      }
+      if (!lastTxHash) {
+        dispatch({ type: "SET_ERROR", error: "Transaction was not submitted." });
+        dispatch({ type: "NAVIGATE", step: "guest-deposit" });
+        return;
+      }
+      dispatch({ type: "GUEST_DEPOSIT_SIGNED", txHash: lastTxHash });
+      const transferResult = await createGuestTransfer(apiBaseUrl, {
+        id: idempotencyKey ?? crypto.randomUUID(),
+        merchantAuthorization,
+        requestId: quote.requestId,
+        originTxHash: lastTxHash,
+        sourceChainId: effectiveSourceChainId,
+        sourceAddress: walletAddress,
+        destinationChainId: effectiveDestChainId,
+        destinationAddress: destination.address,
+        destinationToken: destination.token.address,
+        amount: { amount, currency: "USD" }
+      });
+      dispatch({ type: "GUEST_TRANSFER_SUBMITTED", transferId: transferResult.id });
+      await pollGuestTransfer(transferResult.id);
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Transaction failed.";
+      if (message.includes("rejected") || message.includes("denied") || message.includes("User rejected")) {
+        dispatch({ type: "SET_ERROR", error: "Transaction was rejected." });
+        dispatch({ type: "NAVIGATE", step: "guest-deposit" });
+      } else {
+        dispatch({ type: "SET_ERROR", error: message });
+        dispatch({ type: "NAVIGATE", step: "guest-deposit" });
+      }
+      onError?.(message);
+    }
+  }, [
+    address,
+    apiBaseUrl,
+    connectAsync,
+    connectedChainId,
+    connectors,
+    depositAmount,
+    destination,
+    destinationChainId,
+    dispatch,
+    idempotencyKey,
+    isConnected,
+    merchantAuthorization,
+    onComplete,
+    onError,
+    pollGuestTransfer,
+    sendTransactionAsync,
+    sourceChainId,
+    sourceToken,
+    switchChainAsync
+  ]);
+  const handleGuestConfirm = react.useCallback(() => {
+    void executeGuestFlow();
+  }, [executeGuestFlow]);
+  const handleGuestRetry = react.useCallback(() => {
+    dispatch({ type: "SET_ERROR", error: null });
+    dispatch({ type: "NAVIGATE", step: "guest-deposit" });
+  }, [dispatch]);
+  return {
+    handleGuestConfirm,
+    handleGuestRetry,
+    guestPollingRef
+  };
+}
 function SwypePayment(props) {
   const resetKey = react.useRef(0);
   const handleBoundaryReset = react.useCallback(() => {
@@ -7521,7 +8153,10 @@ function SwypePaymentInner({
   merchantName,
   onBack,
   onDismiss,
-  autoCloseSeconds
+  autoCloseSeconds,
+  sourceChainId,
+  sourceToken,
+  destinationChainId
 }) {
   const { apiBaseUrl, depositAmount } = useSwypeConfig();
   const { ready, authenticated, logout, getAccessToken } = reactAuth.usePrivy();
@@ -7614,6 +8249,19 @@ function SwypePaymentInner({
     selectSourceChainName: sourceSelection.selectSourceChainName,
     selectSourceTokenSymbol: sourceSelection.selectSourceTokenSymbol
   });
+  const guest = useGuestTransferHandlers({
+    dispatch,
+    apiBaseUrl,
+    destination,
+    depositAmount,
+    idempotencyKey,
+    merchantAuthorization,
+    onComplete,
+    onError,
+    sourceChainId,
+    sourceToken,
+    destinationChainId
+  });
   const handleNewPayment = react.useCallback(() => {
     clearMobileFlowState();
     transfer.processingStartedAtRef.current = null;
@@ -7714,7 +8362,12 @@ function SwypePaymentInner({
     onSetupOneTap: oneTapSetup.handleSetupOneTap,
     onSelectToken: provider.handleNavigateToTokenPicker,
     onSelectAuthorizedToken: provider.handleSelectAuthorizedToken,
-    onAuthorizeToken: provider.handleAuthorizeToken
+    onAuthorizeToken: provider.handleAuthorizeToken,
+    onGuestConfirm: guest.handleGuestConfirm,
+    onGuestSignIn: () => dispatch({ type: "START_SETUP_FLOW" }),
+    onGuestRetry: guest.handleGuestRetry,
+    onOfferSetup: () => dispatch({ type: "START_SETUP_FLOW" }),
+    onSetupComplete: () => dispatch({ type: "SETUP_FLOW_COMPLETE" })
   }), [
     auth,
     passkey,
@@ -7723,6 +8376,7 @@ function SwypePaymentInner({
     mobileFlow,
     sourceSelection,
     oneTapSetup,
+    guest,
     handleLogout,
     handleNewPayment
   ]);
@@ -7765,8 +8419,11 @@ function SwypePaymentInner({
 
 exports.AdvancedSourceScreen = AdvancedSourceScreen;
 exports.FlowPhaseProvider = FlowPhaseProvider;
+exports.GuestDepositScreen = GuestDepositScreen;
+exports.GuestWalletScreen = GuestWalletScreen;
 exports.IconCircle = IconCircle;
 exports.InfoBanner = InfoBanner;
+exports.OfferSetupScreen = OfferSetupScreen;
 exports.OutlineButton = OutlineButton;
 exports.PasskeyIframeBlockedError = PasskeyIframeBlockedError;
 exports.PasskeyScreen = PasskeyScreen;
@@ -7778,6 +8435,7 @@ exports.ScreenHeader = ScreenHeader;
 exports.ScreenLayout = ScreenLayout;
 exports.SelectSourceScreen = SelectSourceScreen;
 exports.SettingsMenu = SettingsMenu;
+exports.SetupCompleteScreen = SetupCompleteScreen;
 exports.SetupScreen = SetupScreen;
 exports.Spinner = Spinner;
 exports.StepList = StepList;