@swype-org/react-sdk 0.1.43 → 0.1.44

package/dist/index.cjs

@@ -3085,108 +3085,6 @@ var linkStyle = (color) => ({
   padding: 0,
   marginBottom: 16
 });
-function SetupStatusScreen({
-  complete,
-  limit,
-  tokensApproved,
-  merchantName,
-  onContinue,
-  onLogout,
-  error
-}) {
-  const { tokens } = useSwypeConfig();
-  const steps = complete ? [
-    {
-      label: "One-Tap ready",
-      detail: `$${limit} limit \xB7 ${tokensApproved} token${tokensApproved !== 1 ? "s" : ""} approved`,
-      status: "complete"
-    },
-    { label: "Done", status: "complete" }
-  ] : [
-    {
-      label: "Setting up Wallet",
-      status: "active"
-    },
-    { label: "Done", status: "pending" }
-  ];
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    ScreenLayout,
-    {
-      footer: complete ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { onClick: onContinue, children: merchantName ? `Return to ${merchantName}` : "Continue" }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { style: swipeHintStyle(tokens.textMuted), children: "Swipe to deposit \u2014 no approvals needed." })
-      ] }) : void 0,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ScreenHeader, { right: /* @__PURE__ */ jsxRuntime.jsx(SettingsMenu, { onLogout }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle4, children: [
-          complete ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { 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.jsx("h2", { style: headingStyle6(tokens.text), children: "You're all set!" })
-          ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: 48 }),
-            /* @__PURE__ */ jsxRuntime.jsx("h2", { style: headingStyle6(tokens.text), children: "Setting up One-Tap..." })
-          ] }),
-          error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: errorBannerStyle4(tokens), children: error }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { style: stepsWrapStyle, children: /* @__PURE__ */ jsxRuntime.jsx(StepList, { steps }) }),
-          !complete && /* @__PURE__ */ jsxRuntime.jsx("p", { style: waitHintStyle(tokens.textMuted), children: "Usually takes a few seconds" }),
-          complete && /* @__PURE__ */ jsxRuntime.jsx("p", { style: readyHintStyle(tokens.textSecondary), children: "You can now deposit instantly from any partner app." })
-        ] })
-      ]
-    }
-  );
-}
-var contentStyle4 = {
-  flex: 1,
-  display: "flex",
-  flexDirection: "column",
-  alignItems: "center",
-  justifyContent: "center",
-  textAlign: "center",
-  padding: "0 24px 32px"
-};
-var headingStyle6 = (color) => ({
-  fontSize: "1.45rem",
-  fontWeight: 700,
-  letterSpacing: "-0.02em",
-  color,
-  margin: "20px 0 16px"
-});
-var errorBannerStyle4 = (tokens) => ({
-  background: tokens.errorBg,
-  border: `1px solid ${tokens.error}66`,
-  borderRadius: 16,
-  padding: "11px 14px",
-  color: tokens.error,
-  fontSize: "0.84rem",
-  marginBottom: 14,
-  lineHeight: 1.5,
-  width: "100%",
-  textAlign: "left"
-});
-var stepsWrapStyle = {
-  width: "100%",
-  maxWidth: 280,
-  textAlign: "left",
-  marginBottom: 16
-};
-var waitHintStyle = (color) => ({
-  fontSize: "0.82rem",
-  color,
-  margin: 0
-});
-var readyHintStyle = (color) => ({
-  fontSize: "0.88rem",
-  color,
-  margin: "8px 0 0",
-  lineHeight: 1.5,
-  maxWidth: 280
-});
-var swipeHintStyle = (color) => ({
-  textAlign: "center",
-  fontSize: "0.8rem",
-  color,
-  margin: "12px 0 0"
-});
 var MIN_DEPOSIT = 0.25;
 function DepositScreen({
   merchantName,
@@ -3336,7 +3234,7 @@ function DepositScreen({
             "%)"
           ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: detailRowStyle(tokens.textMuted), children: "Fees calculated at time of transfer" })
         ] }),
-        error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: errorBannerStyle5(tokens), children: error })
+        error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: errorBannerStyle4(tokens), children: error })
       ]
     }
   );
@@ -3404,7 +3302,7 @@ var detailRowStyle = (color) => ({
   color,
   marginBottom: 4
 });
-var errorBannerStyle5 = (tokens) => ({
+var errorBannerStyle4 = (tokens) => ({
   background: tokens.errorBg,
   border: `1px solid ${tokens.error}66`,
   borderRadius: 16,
@@ -3493,9 +3391,9 @@ function SuccessScreen({
             right: /* @__PURE__ */ jsxRuntime.jsx(SettingsMenu, { onLogout })
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle5, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle4, 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: headingStyle7(tokens.text), children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("h2", { style: headingStyle6(tokens.text), children: [
             "$",
             amount.toFixed(2),
             " deposited"
@@ -3534,14 +3432,14 @@ function SuccessScreen({
     }
   );
 }
-var contentStyle5 = {
+var contentStyle4 = {
   flex: 1,
   display: "flex",
   flexDirection: "column",
   alignItems: "center",
   paddingTop: 16
 };
-var headingStyle7 = (color) => ({
+var headingStyle6 = (color) => ({
   fontSize: "1.5rem",
   fontWeight: 700,
   letterSpacing: "-0.02em",
@@ -3804,16 +3702,16 @@ function TransferStatusScreen({
   const steps = buildSteps(phase);
   return /* @__PURE__ */ jsxRuntime.jsxs(ScreenLayout, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(ScreenHeader, { right: /* @__PURE__ */ jsxRuntime.jsx(SettingsMenu, { onLogout }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle6, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle5, children: [
       /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: 48 }),
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { style: headingStyle8(tokens.text), children: "Processing Transfer..." }),
-      error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: errorBannerStyle6(tokens), children: error }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { style: stepsWrapStyle2, children: /* @__PURE__ */ jsxRuntime.jsx(StepList, { steps }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { style: waitHintStyle2(tokens.textMuted), children: "Usually takes a few seconds" })
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { style: headingStyle7(tokens.text), children: "Processing Transfer..." }),
+      error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: errorBannerStyle5(tokens), children: error }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: stepsWrapStyle, children: /* @__PURE__ */ jsxRuntime.jsx(StepList, { steps }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { style: waitHintStyle(tokens.textMuted), children: "Usually takes a few seconds" })
     ] })
   ] });
 }
-var contentStyle6 = {
+var contentStyle5 = {
   flex: 1,
   display: "flex",
   flexDirection: "column",
@@ -3822,14 +3720,14 @@ var contentStyle6 = {
   textAlign: "center",
   padding: "0 24px"
 };
-var headingStyle8 = (color) => ({
+var headingStyle7 = (color) => ({
   fontSize: "1.45rem",
   fontWeight: 700,
   letterSpacing: "-0.02em",
   color,
   margin: "20px 0 16px"
 });
-var errorBannerStyle6 = (tokens) => ({
+var errorBannerStyle5 = (tokens) => ({
   background: tokens.errorBg,
   border: `1px solid ${tokens.error}66`,
   borderRadius: 16,
@@ -3841,13 +3739,13 @@ var errorBannerStyle6 = (tokens) => ({
   width: "100%",
   textAlign: "left"
 });
-var stepsWrapStyle2 = {
+var stepsWrapStyle = {
   width: "100%",
   maxWidth: 280,
   textAlign: "left",
   marginBottom: 16
 };
-var waitHintStyle2 = (color) => ({
+var waitHintStyle = (color) => ({
   fontSize: "0.82rem",
   color,
   margin: 0
@@ -3971,10 +3869,7 @@ function SwypePayment({
   const [verificationTarget, setVerificationTarget] = react.useState(null);
   const [otpCode, setOtpCode] = react.useState("");
   const [oneTapLimit, setOneTapLimit] = react.useState(100);
-  const [setupComplete, setSetupComplete] = react.useState(false);
-  const [setupStepLabel, setSetupStepLabel] = react.useState(void 0);
   const [mobileFlow, setMobileFlow] = react.useState(false);
-  const [mobileSetupFlow, setMobileSetupFlow] = react.useState(false);
   const pollingTransferIdRef = react.useRef(null);
   const mobileSigningTransferIdRef = react.useRef(null);
   const processingStartedAtRef = react.useRef(null);
@@ -3987,7 +3882,7 @@ function SwypePayment({
   const transferSigning = useTransferSigning();
   const sourceType = connectingNewAccount ? "providerId" : selectedWalletId ? "walletId" : selectedAccountId ? "accountId" : "providerId";
   const sourceId = connectingNewAccount ? selectedProviderId ?? "" : selectedWalletId ? selectedWalletId : selectedAccountId ? selectedAccountId : selectedProviderId ?? "";
-  const reloadAccounts = react.useCallback(async () => {
+  react.useCallback(async () => {
     const token = await getAccessToken();
     if (!token || !activeCredentialId) return;
     const [accts, prov] = await Promise.all([
@@ -4215,24 +4110,7 @@ function SwypePayment({
     return () => window.clearTimeout(timeoutId);
   }, [step, polling.transfer, transfer, polling.stopPolling, onError]);
   react.useEffect(() => {
-    if (!mobileSetupFlow) return;
-    const polledTransfer = polling.transfer;
-    if (!polledTransfer) return;
-    if (polledTransfer.status !== "AUTHORIZED" && polledTransfer.status !== "COMPLETED") return;
-    polling.stopPolling();
-    setMobileFlow(false);
-    setMobileSetupFlow(false);
-    const finishSetup = async () => {
-      try {
-        await reloadAccounts();
-      } catch {
-      }
-      setStep("deposit");
-    };
-    void finishSetup();
-  }, [mobileSetupFlow, polling, reloadAccounts]);
-  react.useEffect(() => {
-    if (!mobileFlow || mobileSetupFlow) return;
+    if (!mobileFlow) return;
     const polledTransfer = polling.transfer;
     if (!polledTransfer || polledTransfer.status !== "AUTHORIZED") return;
     if (transferSigning.signing) return;
@@ -4250,7 +4128,7 @@ function SwypePayment({
       }
     };
     void sign();
-  }, [mobileFlow, mobileSetupFlow, polling.transfer, transferSigning, onError]);
+  }, [mobileFlow, polling.transfer, transferSigning, onError]);
   react.useEffect(() => {
     if (!mobileFlow) return;
     const transferIdToResume = pollingTransferIdRef.current ?? transfer?.id;
@@ -4298,7 +4176,7 @@ function SwypePayment({
     initializedSelectSourceActionRef.current = pendingSelectSourceAction.id;
   }, [pendingSelectSourceAction, selectSourceChoices, selectSourceRecommended]);
   react.useEffect(() => {
-    if (pendingSelectSourceAction && (step === "processing" || step === "setup-status")) {
+    if (pendingSelectSourceAction && step === "processing") {
       preSelectSourceStepRef.current = step;
       setStep("select-source");
     } else if (!pendingSelectSourceAction && step === "select-source") {
@@ -4306,22 +4184,6 @@ function SwypePayment({
       preSelectSourceStepRef.current = null;
     }
   }, [pendingSelectSourceAction, step]);
-  const SETUP_ACTION_LABELS = react.useMemo(() => ({
-    OPEN_PROVIDER: "Connecting wallet",
-    SELECT_SOURCE: "Selecting source",
-    SWITCH_CHAIN: "Switching network",
-    APPROVE_PERMIT2: "Approving tokens",
-    SIGN_PERMIT2: "Signing permit",
-    DEPLOY_SMART_ACCOUNT: "Setting up account",
-    CREATE_SMART_ACCOUNT: "Creating account"
-  }), []);
-  react.useEffect(() => {
-    if (step !== "setup-status") return;
-    const actionType = authExecutor.currentAction?.type;
-    if (!actionType) return;
-    const label = SETUP_ACTION_LABELS[actionType];
-    if (label) setSetupStepLabel(label);
-  }, [step, authExecutor.currentAction, SETUP_ACTION_LABELS]);
   const handleSelectSourceChainChange = react.useCallback(
     (chainName) => {
       setSelectSourceChainName(chainName);
@@ -4510,74 +4372,11 @@ function SwypePayment({
       setStep("deposit");
     }
   }, [accounts]);
-  const handleSetupOneTap = react.useCallback(async (limit) => {
-    setOneTapLimit(limit);
-    setStep("setup-status");
-    setSetupComplete(false);
-    setSetupStepLabel("Preparing");
-    setError(null);
-    try {
-      const token = await getAccessToken();
-      if (!token) throw new Error("Not authenticated");
-      if (!sourceId) {
-        throw new Error("No wallet selected for setup.");
-      }
-      await updateUserConfig(apiBaseUrl, token, { defaultAllowance: limit });
-      const setupAmount = depositAmount ?? MIN_SEND_AMOUNT_USD;
-      const t = await createTransfer(apiBaseUrl, token, {
-        id: idempotencyKey,
-        credentialId: activeCredentialId ?? "",
-        merchantAuthorization,
-        sourceType,
-        sourceId,
-        destination,
-        amount: setupAmount
-      });
-      if (t.authorizationSessions && t.authorizationSessions.length > 0) {
-        const shouldUseConnector = shouldUseWalletConnector({
-          useWalletConnector,
-          userAgent: typeof navigator === "undefined" ? void 0 : navigator.userAgent
-        });
-        if (!shouldUseConnector) {
-          setMobileFlow(true);
-          setMobileSetupFlow(true);
-          pollingTransferIdRef.current = t.id;
-          polling.startPolling(t.id);
-          window.location.href = t.authorizationSessions[0].uri;
-          return;
-        } else {
-          await authExecutor.executeSession(t);
-        }
-      }
-      await reloadAccounts();
-      setSetupStepLabel(void 0);
-      setSetupComplete(true);
-    } catch (err) {
-      const msg = err instanceof Error ? err.message : "Setup failed";
-      setError(msg);
-      onError?.(msg);
-    }
-  }, [
-    getAccessToken,
-    idempotencyKey,
-    sourceId,
-    sourceType,
-    activeCredentialId,
-    destination,
-    apiBaseUrl,
-    merchantAuthorization,
-    useWalletConnector,
-    authExecutor,
-    polling,
-    onError,
-    depositAmount,
-    reloadAccounts
-  ]);
   const handleSelectProvider = react.useCallback((providerId) => {
     setSelectedProviderId(providerId);
     setSelectedAccountId(null);
     setConnectingNewAccount(true);
-    setStep("setup");
+    setStep("deposit");
   }, []);
   const handleContinueConnection = react.useCallback(
     (accountId) => {
@@ -4585,7 +4384,7 @@ function SwypePayment({
       setSelectedAccountId(accountId);
       setSelectedWalletId(acct?.wallets[0]?.id ?? null);
       setConnectingNewAccount(false);
-      setStep("setup");
+      setStep("deposit");
     },
     [accounts]
   );
@@ -4595,13 +4394,11 @@ function SwypePayment({
     setError(null);
     setAmount(depositAmount != null ? depositAmount.toString() : "");
     setMobileFlow(false);
-    setMobileSetupFlow(false);
     processingStartedAtRef.current = null;
     pollingTransferIdRef.current = null;
     mobileSigningTransferIdRef.current = null;
     setConnectingNewAccount(false);
     setSelectedWalletId(null);
-    setSetupComplete(false);
     if (accounts.length > 0) setSelectedAccountId(accounts[0].id);
   }, [depositAmount, accounts]);
   const handleLogout = react.useCallback(async () => {
@@ -4628,8 +4425,6 @@ function SwypePayment({
     setConnectingNewAccount(false);
     setAmount(depositAmount != null ? depositAmount.toString() : "");
     setMobileFlow(false);
-    setMobileSetupFlow(false);
-    setSetupComplete(false);
     resetHeadlessLogin();
   }, [logout, polling, depositAmount, resetHeadlessLogin]);
   if (!ready) {
@@ -4699,35 +4494,6 @@ function SwypePayment({
       }
     );
   }
-  if (step === "setup") {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      SetupScreen,
-      {
-        availableBalance: maxSourceBalance,
-        tokenCount,
-        sourceName,
-        onSetupOneTap: handleSetupOneTap,
-        onBack: () => setStep("wallet-picker"),
-        onLogout: handleLogout,
-        loading: loadingData,
-        error
-      }
-    );
-  }
-  if (step === "setup-status") {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      SetupStatusScreen,
-      {
-        complete: setupComplete,
-        limit: oneTapLimit,
-        tokensApproved: tokenCount,
-        merchantName,
-        onContinue: () => setStep("deposit"),
-        onLogout: handleLogout,
-        error
-      }
-    );
-  }
   if (step === "deposit") {
     if (loadingData) {
       return /* @__PURE__ */ jsxRuntime.jsx(ScreenLayout, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { textAlign: "center", padding: "48px 0", flex: 1, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(Spinner, { label: "Loading..." }) }) });