@swype-org/react-sdk 0.2.375 → 0.2.377

package/dist/index.cjs

@@ -13,9 +13,12 @@ var core = require('@wagmi/core');
 var viem = require('viem');
 var utils = require('viem/utils');
 var QRCode = require('qrcode');
+var posthog = require('posthog-js');
 var Select = require('@radix-ui/react-select');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   var n = Object.create(null);
@@ -35,6 +38,7 @@ function _interopNamespace(e) {
 }
 
 var QRCode__namespace = /*#__PURE__*/_interopNamespace(QRCode);
+var posthog__default = /*#__PURE__*/_interopDefault(posthog);
 var Select__namespace = /*#__PURE__*/_interopNamespace(Select);
 
 var __defProp = Object.defineProperty;
@@ -1577,11 +1581,11 @@ function detachAccountChangeListeners() {
   accountChangeBinding = null;
 }
 function providerKey(selection) {
-  const providerName = selection.providerName?.trim();
-  if (!providerName) {
+  const providerName2 = selection.providerName?.trim();
+  if (!providerName2) {
     throw new Error("Solana wallet metadata is missing providerName.");
   }
-  return `${selection.providerId ?? ""}:${providerName.toLowerCase()}`;
+  return `${selection.providerId ?? ""}:${providerName2.toLowerCase()}`;
 }
 function assertSupportedProvider(selection) {
   const name = selection.providerName?.trim().toLowerCase();
@@ -4149,14 +4153,14 @@ function isBatchableAction(action) {
   return BATCHABLE_ACTION_TYPES.has(action.type);
 }
 function getSolanaWalletSelection(action) {
-  const providerName = action.metadata?.providerName;
-  if (typeof providerName !== "string" || providerName.trim() === "") {
+  const providerName2 = action.metadata?.providerName;
+  if (typeof providerName2 !== "string" || providerName2.trim() === "") {
     throw new Error(`${action.type} metadata is missing providerName.`);
   }
   const providerId = action.metadata?.providerId;
   return {
     ...typeof providerId === "string" && providerId.trim() !== "" ? { providerId } : {},
-    providerName
+    providerName: providerName2
   };
 }
 function isPhantomEvmProviderAvailable() {
@@ -8467,6 +8471,209 @@ function applyAction(state, action) {
       return state;
   }
 }
+var BLOCKED_SUBSTRINGS = [
+  "bearer",
+  "signature",
+  "signedpayload",
+  "userop",
+  "jwt",
+  "secret",
+  "password",
+  "privatekey",
+  "mnemonic",
+  "seedphrase"
+];
+function isBlockedKey(key) {
+  const lower = key.toLowerCase();
+  if (lower === "token" || lower.endsWith("token")) return true;
+  return BLOCKED_SUBSTRINGS.some((blocked) => lower.includes(blocked));
+}
+function isReady() {
+  return typeof posthog__default.default !== "undefined" && posthog__default.default.__loaded === true;
+}
+function sanitizeProps(props) {
+  if (!props) return props;
+  const clean = {};
+  for (const [key, value] of Object.entries(props)) {
+    if (isBlockedKey(key)) continue;
+    if (value === void 0) continue;
+    clean[key] = value;
+  }
+  return clean;
+}
+function registerSuperProps(props) {
+  if (!isReady()) return;
+  try {
+    posthog__default.default.register(sanitizeProps(props) ?? {});
+  } catch {
+  }
+}
+function track(event, props) {
+  if (!isReady()) return;
+  try {
+    posthog__default.default.capture(event, sanitizeProps(props));
+  } catch {
+  }
+}
+function identifyUser(privyUserId, props) {
+  if (!isReady() || !privyUserId) return;
+  try {
+    posthog__default.default.identify(privyUserId, sanitizeProps(props));
+  } catch {
+  }
+}
+function resolveAnalyticsEnvironment(opts) {
+  const explicit = opts.explicit?.trim();
+  if (explicit) return explicit;
+  const raw = opts.apiBaseUrl ?? "";
+  let host = raw;
+  try {
+    host = new URL(raw).hostname;
+  } catch {
+  }
+  const h = host.toLowerCase();
+  if (h === "" || h.includes("localhost") || h.startsWith("127.")) return "development";
+  if (h.includes("smokebox")) return "smokebox";
+  if (h.includes("sandbox")) return "sandbox";
+  if (h.includes("staging")) return "staging";
+  return "production";
+}
+function resetUser() {
+  if (!isReady()) return;
+  try {
+    posthog__default.default.reset();
+  } catch {
+  }
+}
+
+// src/analyticsEvents.ts
+function providerName(state, providerId) {
+  return state.providers.find((p) => p.id === providerId)?.name;
+}
+function amountUsd(transfer) {
+  return transfer.amount?.currency === "USD" ? transfer.amount.amount : transfer.amount?.amount;
+}
+function sourceChain(transfer) {
+  return transfer.sources?.[0]?.provider?.chainFamily;
+}
+function trackAction(action, state, ctx) {
+  const device = ctx.device;
+  switch (action.type) {
+    case "PASSKEY_ACTIVATED":
+      track("auth_succeeded", { method: "passkey", device });
+      break;
+    case "SELECT_PROVIDER":
+      track("wallet_provider_selected", {
+        device,
+        providerId: action.providerId,
+        providerName: providerName(state, action.providerId),
+        transport: device === "desktop" ? "inline" : "deeplink"
+      });
+      break;
+    case "MOBILE_DEEPLINK_READY":
+      track("wallet_deeplink_opened", { device });
+      break;
+    case "SET_SETUP_DEPOSIT_TOKEN":
+      track("token_selected", {
+        device,
+        tokenSymbol: action.symbol,
+        chainName: action.chainName
+      });
+      break;
+    case "FINALIZE_AMOUNT": {
+      const parsed = Number(state.amount);
+      track("amount_entered", {
+        device,
+        amountUsd: Number.isFinite(parsed) ? parsed : void 0
+      });
+      break;
+    }
+    case "PAY_STARTED":
+      track("deposit_clicked", { device });
+      break;
+    case "TRANSFER_CREATED":
+      track("transfer_created", {
+        device,
+        chainFamily: sourceChain(action.transfer)
+      });
+      break;
+    case "TRANSFER_SIGNED":
+      track("transfer_signed", { device });
+      break;
+    case "TRANSFER_COMPLETED":
+      track("transfer_completed", {
+        device,
+        amountUsd: amountUsd(action.transfer),
+        chainFamily: sourceChain(action.transfer)
+      });
+      break;
+    case "CONFIRM_SIGN_SUCCESS":
+      track("confirm_sign_success", { device });
+      break;
+    case "MOBILE_SETUP_COMPLETE":
+      track("wallet_setup_complete", { device });
+      break;
+    case "TRANSFER_FAILED":
+      track("transfer_error", {
+        device,
+        type: "transfer_failed",
+        stage: "processing",
+        message: action.error
+      });
+      break;
+    case "PROCESSING_TIMEOUT":
+      track("transfer_error", {
+        device,
+        type: "processing_timeout",
+        stage: "processing",
+        message: action.error
+      });
+      break;
+    case "SIGN_PAYLOAD_EXPIRED":
+      track("transfer_error", {
+        device,
+        type: "sign_payload_expired",
+        stage: "signing",
+        message: action.error
+      });
+      break;
+    case "PAY_ERROR":
+      track("transfer_error", {
+        device,
+        type: "pay_error",
+        stage: "creation",
+        message: action.error
+      });
+      break;
+  }
+}
+function useAnalyticsScreenView(phase, device) {
+  const lastScreenRef = react.useRef(null);
+  const screen = screenForPhase(phase);
+  react.useEffect(() => {
+    if (lastScreenRef.current === screen) return;
+    lastScreenRef.current = screen;
+    track("screen_viewed", { screen, phase: phase.step, device });
+  }, [screen, phase.step, device]);
+}
+function usePostHogIdentify() {
+  const { ready, authenticated, user } = reactAuth.usePrivy();
+  const identifiedIdRef = react.useRef(null);
+  react.useEffect(() => {
+    if (!ready) return;
+    if (authenticated && user?.id) {
+      if (identifiedIdRef.current !== user.id) {
+        identifyUser(user.id);
+        identifiedIdRef.current = user.id;
+      }
+      return;
+    }
+    if (identifiedIdRef.current !== null) {
+      resetUser();
+      identifiedIdRef.current = null;
+    }
+  }, [ready, authenticated, user?.id]);
+}
 
 // src/setupDepositConfirmation.ts
 function deriveEffectiveSetupSource(setupDepositToken, setupSelectedSourceOption) {
@@ -9331,6 +9538,7 @@ var USDH_LOGO = svgToDataUri(USDH_SVG);
 var ETH_LOGO = "https://assets.relay.link/icons/currencies/eth.png";
 var SOL_LOGO = "https://assets.relay.link/icons/currencies/sol.png";
 var MON_LOGO = "https://assets.relay.link/icons/currencies/mon.png";
+var BNB_LOGO = "https://assets.relay.link/icons/currencies/bnb.png";
 var KNOWN_LOGOS = {
   metamask: METAMASK_LOGO,
   base: BASE_LOGO,
@@ -9349,7 +9557,8 @@ var TOKEN_LOGOS = {
   USDH: USDH_LOGO,
   ETH: ETH_LOGO,
   SOL: SOL_LOGO,
-  MON: MON_LOGO
+  MON: MON_LOGO,
+  BNB: BNB_LOGO
 };
 var CHAIN_LOGOS = {
   base: BASE_CHAIN_LOGO,
@@ -13123,7 +13332,7 @@ var lockBannerTextStyle = (color) => ({
 function ManualTransferPasskeyScreen({
   onCreatePasskey,
   onNoThanks,
-  amountUsd,
+  amountUsd: amountUsd2,
   loading = false,
   error,
   onBack,
@@ -17827,6 +18036,7 @@ function useAuthHandlers(dispatch, apiBaseUrl, popupAuthRef) {
       dispatch({ type: "PASSKEY_ACTIVATED", credentialId: result.credentialId, publicKey: result.publicKey });
       dispatch({ type: "SYNC_PRIVY_SESSION", ready: true, authenticated: true });
       window.localStorage.setItem(ACTIVE_CREDENTIAL_STORAGE_KEY, result.credentialId);
+      track("login_succeeded", { method: "passkey", popup: true });
     } catch (err) {
       captureException(err);
       dispatch({
@@ -17839,6 +18049,7 @@ function useAuthHandlers(dispatch, apiBaseUrl, popupAuthRef) {
   }, [dispatch, popupAuthRef]);
   const { loginWithPasskey, state: loginState } = reactAuth.useLoginWithPasskey({
     onComplete: (params) => {
+      track("login_succeeded", { method: "passkey", popup: false });
       handleAuthComplete(params.user);
     },
     onError: (error) => {
@@ -17867,6 +18078,7 @@ function useAuthHandlers(dispatch, apiBaseUrl, popupAuthRef) {
       dispatch({ type: "PASSKEY_ACTIVATED", credentialId: result.credentialId, publicKey: result.publicKey });
       dispatch({ type: "SYNC_PRIVY_SESSION", ready: true, authenticated: true });
       window.localStorage.setItem(ACTIVE_CREDENTIAL_STORAGE_KEY, result.credentialId);
+      track("signup_succeeded", { method: "passkey", popup: true });
     } catch (err) {
       captureException(err);
       dispatch({
@@ -17879,6 +18091,7 @@ function useAuthHandlers(dispatch, apiBaseUrl, popupAuthRef) {
   }, [dispatch, popupAuthRef]);
   const { signupWithPasskey, state: signupState } = reactAuth.useSignupWithPasskey({
     onComplete: (params) => {
+      track("signup_succeeded", { method: "passkey", popup: false });
       handleAuthComplete(params.user);
     },
     onError: (error) => {
@@ -18649,7 +18862,7 @@ function useProviderHandlers(deps) {
       return null;
     }
     const provider = providers.find((p) => p.id === providerId);
-    const providerName = provider?.name ?? "Wallet";
+    const providerName2 = provider?.name ?? "Wallet";
     try {
       const token = await getAccessToken();
       if (!token) throw new Error("Not authenticated");
@@ -18657,7 +18870,7 @@ function useProviderHandlers(deps) {
       const accountId = crypto.randomUUID();
       const account = await createAccount(apiBaseUrl, token, {
         id: accountId,
-        name: providerName,
+        name: providerName2,
         credentialId: activeCredentialId,
         providerId,
         ...merchantAuthorization ? {
@@ -18706,7 +18919,7 @@ function useProviderHandlers(deps) {
       return;
     }
     const provider = providers.find((p) => p.id === providerId);
-    const providerName = provider?.name ?? "Wallet";
+    const providerName2 = provider?.name ?? "Wallet";
     let shouldRestoreDesktopSelectionOnError = shouldSnapshotDesktopSelection;
     try {
       await resetWalletConnect();
@@ -18729,7 +18942,7 @@ function useProviderHandlers(deps) {
         const newAccountId = crypto.randomUUID();
         const account = await createAccount(apiBaseUrl, token, {
           id: newAccountId,
-          name: providerName,
+          name: providerName2,
           credentialId: activeCredentialId,
           providerId,
           ...merchantAuthorization ? {
@@ -20907,7 +21120,7 @@ function BlinkPaymentInner({
     useWalletConnector: useWalletConnectorProp,
     userAgent: typeof navigator === "undefined" ? void 0 : navigator.userAgent
   });
-  const [state, dispatch] = react.useReducer(
+  const [state, rawDispatch] = react.useReducer(
     paymentReducer,
     {
       depositAmount,
@@ -20917,6 +21130,30 @@ function BlinkPaymentInner({
     },
     createInitialState
   );
+  const device = isDesktop ? "desktop" : "mobile";
+  const stateRef = react.useRef(state);
+  stateRef.current = state;
+  const dispatch = react.useCallback(
+    (action) => {
+      trackAction(action, stateRef.current, { device });
+      rawDispatch(action);
+    },
+    [device]
+  );
+  usePostHogIdentify();
+  useAnalyticsScreenView(state.phase, device);
+  const flowOpenedRef = react.useRef(false);
+  react.useEffect(() => {
+    if (flowOpenedRef.current) return;
+    flowOpenedRef.current = true;
+    registerSuperProps({ device });
+    track("flow_opened", {
+      device,
+      isMobileApp: isMobileApp ?? false,
+      fullWidget: enableFullWidget ?? false,
+      hasAmount: depositAmount != null
+    });
+  }, []);
   const polling = useTransferPolling(3e3, effectiveGetAccessToken);
   const transferSigning = useTransferSigning(2e3, { getAccessToken: effectiveGetAccessToken });
   const mobileFlowRefs = {
@@ -21590,6 +21827,7 @@ exports.getDeviceBiometricUnlockText = getDeviceBiometricUnlockText;
 exports.getTheme = getTheme;
 exports.getThemeBase = getThemeBase;
 exports.getWalletCapabilities = getWalletCapabilities;
+exports.identifyUser = identifyUser;
 exports.isAuthorizationSessionCancelled = isAuthorizationSessionCancelled;
 exports.isExpectedAuthorizationCancellation = isExpectedAuthorizationCancellation;
 exports.isTerminalTransferStatus = isTerminalTransferStatus;
@@ -21603,11 +21841,15 @@ exports.lightTransparentTheme = lightTransparentTheme;
 exports.lightTransparentThemeNew = lightTransparentThemeNew;
 exports.mapGuestPickerEntries = mapGuestPickerEntries;
 exports.replaceOpenProviderForAccountSwitch = replaceOpenProviderForAccountSwitch;
+exports.resetUser = resetUser;
+exports.resolveAnalyticsEnvironment = resolveAnalyticsEnvironment;
 exports.resolvePasskeyRpId = resolvePasskeyRpId;
+exports.sanitizeProps = sanitizeProps;
 exports.screenForPhase = screenForPhase;
 exports.subscribeDebug = subscribeDebug;
 exports.supportsAtomicBatch = supportsAtomicBatch;
 exports.supportsPaymasterService = supportsPaymasterService;
+exports.track = track;
 exports.useAuthorizationExecutor = useAuthorizationExecutor;
 exports.useAuthorizationOrchestrator = useAuthorizationOrchestrator;
 exports.useBlinkConfig = useBlinkConfig;