@swype-org/react-sdk 0.1.34 → 0.1.35

package/dist/index.cjs

@@ -3783,6 +3783,7 @@ function SwypePayment({
   const [selectSourceChainName, setSelectSourceChainName] = react.useState("");
   const [selectSourceTokenSymbol, setSelectSourceTokenSymbol] = react.useState("");
   const initializedSelectSourceActionRef = react.useRef(null);
+  const preSelectSourceStepRef = react.useRef(null);
   const authExecutor = useAuthorizationExecutor();
   const polling = useTransferPolling();
   const transferSigning = useTransferSigning();
@@ -3798,7 +3799,7 @@ function SwypePayment({
     setVerificationTarget(null);
     setOtpCode("");
   }, []);
-  const handleSocialLogin = react.useCallback(async (provider) => {
+  react.useCallback(async (provider) => {
     setError(null);
     try {
       await initOAuth({ provider });
@@ -4062,12 +4063,30 @@ function SwypePayment({
     initializedSelectSourceActionRef.current = pendingSelectSourceAction.id;
   }, [pendingSelectSourceAction, selectSourceChoices, selectSourceRecommended]);
   react.useEffect(() => {
-    if (pendingSelectSourceAction && step === "processing") {
+    if (pendingSelectSourceAction && (step === "processing" || step === "setup-status")) {
+      preSelectSourceStepRef.current = step;
       setStep("select-source");
     } else if (!pendingSelectSourceAction && step === "select-source") {
-      setStep("processing");
+      setStep(preSelectSourceStepRef.current ?? "processing");
+      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);
@@ -4246,7 +4265,7 @@ function SwypePayment({
     setOneTapLimit(limit);
     setStep("setup-status");
     setSetupComplete(false);
-    setSetupStepLabel("Approving tokens");
+    setSetupStepLabel("Preparing");
     setError(null);
     try {
       const token = await getAccessToken();
@@ -4357,8 +4376,7 @@ function SwypePayment({
         sending: activeOtpStatus === "sending-code",
         error,
         onBack,
-        merchantInitials: merchantName ? merchantName.slice(0, 2).toUpperCase() : void 0,
-        onSocialLogin: handleSocialLogin
+        merchantInitials: merchantName ? merchantName.slice(0, 2).toUpperCase() : void 0
       }
     );
   }