@swype-org/react-sdk 0.1.10 → 0.1.11

package/dist/index.cjs

@@ -563,6 +563,27 @@ async function getWalletClient(config, parameters = {}) {
   const client = await getConnectorClient(config, parameters);
   return client.extend(viem.walletActions);
 }
+
+// src/passkeyRpId.ts
+function normalizeConfiguredDomain(value) {
+  return value.replace(/^https?:\/\//, "").replace(/\/.*$/, "").replace(/^\./, "").trim();
+}
+function resolveRootDomainFromHostname(hostname) {
+  const trimmedHostname = hostname.trim().toLowerCase();
+  if (!trimmedHostname) {
+    return "localhost";
+  }
+  if (trimmedHostname === "localhost" || /^\d{1,3}(?:\.\d{1,3}){3}$/.test(trimmedHostname)) {
+    return trimmedHostname;
+  }
+  const parts = trimmedHostname.split(".").filter(Boolean);
+  if (parts.length < 2) {
+    return trimmedHostname;
+  }
+  return parts.slice(-2).join(".");
+}
+
+// src/hooks.ts
 var WALLET_CLIENT_MAX_ATTEMPTS = 15;
 var WALLET_CLIENT_POLL_MS = 200;
 var ACTION_POLL_INTERVAL_MS = 500;
@@ -613,10 +634,10 @@ function readEnvValue(name) {
 function resolvePasskeyRpId() {
   const configuredDomain = readEnvValue("VITE_DOMAIN") ?? readEnvValue("SWYPE_DOMAIN");
   if (configuredDomain) {
-    return configuredDomain.replace(/^https?:\/\//, "").replace(/\/.*$/, "").replace(/^\./, "").trim();
+    return normalizeConfiguredDomain(configuredDomain);
   }
   if (typeof window !== "undefined") {
-    return window.location.hostname;
+    return resolveRootDomainFromHostname(window.location.hostname);
   }
   return "localhost";
 }
@@ -2046,6 +2067,7 @@ function SwypePayment({
   });
   const [mobileFlow, setMobileFlow] = react.useState(false);
   const pollingTransferIdRef = react.useRef(null);
+  const mobileSigningTransferIdRef = react.useRef(null);
   const [selectSourceChainName, setSelectSourceChainName] = react.useState("");
   const [selectSourceTokenSymbol, setSelectSourceTokenSymbol] = react.useState("");
   const initializedSelectSourceActionRef = react.useRef(null);
@@ -2153,6 +2175,27 @@ function SwypePayment({
       setError("Transfer failed.");
     }
   }, [polling.transfer, onComplete]);
+  react.useEffect(() => {
+    if (!mobileFlow) return;
+    const polledTransfer = polling.transfer;
+    if (!polledTransfer) return;
+    if (polledTransfer.status !== "AUTHORIZED") return;
+    if (transferSigning.signing) return;
+    if (mobileSigningTransferIdRef.current === polledTransfer.id) return;
+    mobileSigningTransferIdRef.current = polledTransfer.id;
+    const sign = async () => {
+      try {
+        const signedTransfer = await transferSigning.signTransfer(polledTransfer.id);
+        setTransfer(signedTransfer);
+      } catch (err) {
+        mobileSigningTransferIdRef.current = null;
+        const msg = err instanceof Error ? err.message : "Failed to sign transfer";
+        setError(msg);
+        onError?.(msg);
+      }
+    };
+    void sign();
+  }, [mobileFlow, polling.transfer, transferSigning, onError]);
   react.useEffect(() => {
     if (!mobileFlow || !polling.isPolling) return;
     const handleVisibility = () => {
@@ -2306,6 +2349,7 @@ function SwypePayment({
     setAmount(depositAmount != null ? depositAmount.toString() : "");
     setMobileFlow(false);
     pollingTransferIdRef.current = null;
+    mobileSigningTransferIdRef.current = null;
     setConnectingNewAccount(false);
     setSelectedWalletId(null);
     setAdvancedSettings({ asset: null, chain: null });