@swype-org/react-sdk 0.1.71 → 0.1.75

package/dist/index.cjs

@@ -2026,11 +2026,17 @@ var METAMASK_SVG = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 318.6 3
 <polygon fill="#763D16" stroke="#763D16" stroke-linecap="round" stroke-linejoin="round" points="278.3,114.2 286.8,73.7 274.1,35.5 174.6,109.4 214.9,138.2 267.2,153.5 278.8,140 273.8,136.4 281.8,129.1 275.4,124.1 283.4,118"/>
 <polygon fill="#763D16" stroke="#763D16" stroke-linecap="round" stroke-linejoin="round" points="31.8,73.7 40.3,114.2 35.5,118 43.5,124.1 36.8,129.1 44.8,136.4 39.8,140 51.3,153.5 103.6,138.2 143.1,110.1 44.4,35.5"/>
 </svg>`;
+var TRUST_WALLET_SVG = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 480" fill="none">
+<rect width="480" height="480" rx="96" fill="#0500FF"/>
+<path d="M240 97C291.833 133.09 330.903 139.252 378 139.252C378 269.452 346.233 348.948 240 403C133.767 348.948 102 269.452 102 139.252C149.097 139.252 188.167 133.09 240 97Z" stroke="white" stroke-width="30" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>`;
 var BASE_LOGO = svgToDataUri(BASE_SVG);
 var METAMASK_LOGO = svgToDataUri(METAMASK_SVG);
+var TRUST_WALLET_LOGO = svgToDataUri(TRUST_WALLET_SVG);
 var KNOWN_LOGOS = {
   metamask: METAMASK_LOGO,
-  base: BASE_LOGO
+  base: BASE_LOGO,
+  "trust wallet": TRUST_WALLET_LOGO
 };
 function SourceCard({ name, address, verified, onChangeSource }) {
   const { tokens } = useSwypeConfig();
@@ -4507,6 +4513,7 @@ function SwypePaymentInner({
   const pollingTransferIdRef = react.useRef(null);
   const mobileSigningTransferIdRef = react.useRef(null);
   const mobileSetupFlowRef = react.useRef(false);
+  const handlingMobileReturnRef = react.useRef(false);
   const processingStartedAtRef = react.useRef(null);
   const [selectSourceChainName, setSelectSourceChainName] = react.useState("");
   const [selectSourceTokenSymbol, setSelectSourceTokenSymbol] = react.useState("");
@@ -4549,6 +4556,8 @@ function SwypePaymentInner({
     polling.startPolling(persisted.transferId);
   }, [polling]);
   const handleAuthorizedMobileReturn = react.useCallback(async (authorizedTransfer, isSetup) => {
+    if (handlingMobileReturnRef.current) return;
+    handlingMobileReturnRef.current = true;
     polling.stopPolling();
     if (isSetup) {
       mobileSetupFlowRef.current = false;
@@ -4562,6 +4571,7 @@ function SwypePaymentInner({
         setMobileFlow(false);
         setStep("deposit");
       } catch (err) {
+        handlingMobileReturnRef.current = false;
         setError(
           err instanceof Error ? err.message : "Wallet authorized, but we could not refresh your account yet."
         );
@@ -4579,6 +4589,7 @@ function SwypePaymentInner({
   }, [polling.stopPolling, reloadAccounts, resetDataLoadingState]);
   const handleRetryMobileStatus = react.useCallback(() => {
     setError(null);
+    handlingMobileReturnRef.current = false;
     const currentTransfer = polling.transfer ?? transfer;
     if (currentTransfer?.status === "AUTHORIZED") {
       void handleAuthorizedMobileReturn(currentTransfer, mobileSetupFlowRef.current);
@@ -4610,8 +4621,9 @@ function SwypePaymentInner({
   const activeOtpStatus = verificationTarget?.kind === "email" ? emailLoginState.status : verificationTarget?.kind === "phone" ? smsLoginState.status : "initial";
   const activeOtpErrorMessage = verificationTarget?.kind === "email" && emailLoginState.status === "error" ? emailLoginState.error?.message ?? "Failed to continue with email." : verificationTarget?.kind === "phone" && smsLoginState.status === "error" ? smsLoginState.error?.message ?? "Failed to continue with phone number." : null;
   react.useEffect(() => {
+    if (authenticated) return;
     if (activeOtpErrorMessage) setError(activeOtpErrorMessage);
-  }, [activeOtpErrorMessage]);
+  }, [activeOtpErrorMessage, authenticated]);
   const handleSendLoginCode = react.useCallback(async () => {
     const normalizedIdentifier = normalizeAuthIdentifier(authInput);
     if (!normalizedIdentifier) {
@@ -4923,18 +4935,23 @@ function SwypePaymentInner({
     return () => window.clearTimeout(timeoutId);
   }, [step, polling.transfer, transfer, polling.stopPolling, onError]);
   react.useEffect(() => {
-    if (!mobileFlow) return;
+    if (!mobileFlow) {
+      handlingMobileReturnRef.current = false;
+      return;
+    }
+    if (handlingMobileReturnRef.current) return;
     const polledTransfer = polling.transfer;
     if (!polledTransfer || polledTransfer.status !== "AUTHORIZED") return;
     void handleAuthorizedMobileReturn(polledTransfer, mobileSetupFlowRef.current);
   }, [mobileFlow, polling.transfer, handleAuthorizedMobileReturn]);
   react.useEffect(() => {
     if (!mobileFlow) return;
+    if (handlingMobileReturnRef.current) return;
     const transferIdToResume = pollingTransferIdRef.current ?? transfer?.id;
     if (!transferIdToResume) return;
     if (!polling.isPolling) polling.startPolling(transferIdToResume);
     const handleVisibility = () => {
-      if (document.visibilityState === "visible") {
+      if (document.visibilityState === "visible" && !handlingMobileReturnRef.current) {
         polling.startPolling(transferIdToResume);
       }
     };
@@ -5218,6 +5235,7 @@ function SwypePaymentInner({
       userAgent: typeof navigator === "undefined" ? void 0 : navigator.userAgent
     });
     if (isMobile) {
+      handlingMobileReturnRef.current = false;
       mobileSetupFlowRef.current = true;
       const amount2 = depositAmount ?? 5;
       handlePay(amount2, { sourceType: "providerId", sourceId: providerId });