@swype-org/react-sdk 0.2.375 → 0.2.377

package/dist/index.js

@@ -11,6 +11,7 @@ import { getAccount, reconnect, disconnect, getWalletClient, getConnectors } fro
 import { encodeFunctionData, recoverTypedDataAddress, decodeAbiParameters } from 'viem';
 import { parseErc6492Signature } from 'viem/utils';
 import * as QRCode from 'qrcode';
+import posthog from 'posthog-js';
 import * as Select from '@radix-ui/react-select';
 
 var __defProp = Object.defineProperty;
@@ -1553,11 +1554,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();
@@ -4125,14 +4126,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() {
@@ -8443,6 +8444,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 !== "undefined" && posthog.__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.register(sanitizeProps(props) ?? {});
+  } catch {
+  }
+}
+function track(event, props) {
+  if (!isReady()) return;
+  try {
+    posthog.capture(event, sanitizeProps(props));
+  } catch {
+  }
+}
+function identifyUser(privyUserId, props) {
+  if (!isReady() || !privyUserId) return;
+  try {
+    posthog.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.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 = useRef(null);
+  const screen = screenForPhase(phase);
+  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 } = usePrivy();
+  const identifiedIdRef = useRef(null);
+  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) {
@@ -9307,6 +9511,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,
@@ -9325,7 +9530,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,
@@ -13099,7 +13305,7 @@ var lockBannerTextStyle = (color) => ({
 function ManualTransferPasskeyScreen({
   onCreatePasskey,
   onNoThanks,
-  amountUsd,
+  amountUsd: amountUsd2,
   loading = false,
   error,
   onBack,
@@ -17803,6 +18009,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({
@@ -17815,6 +18022,7 @@ function useAuthHandlers(dispatch, apiBaseUrl, popupAuthRef) {
   }, [dispatch, popupAuthRef]);
   const { loginWithPasskey, state: loginState } = useLoginWithPasskey({
     onComplete: (params) => {
+      track("login_succeeded", { method: "passkey", popup: false });
       handleAuthComplete(params.user);
     },
     onError: (error) => {
@@ -17843,6 +18051,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({
@@ -17855,6 +18064,7 @@ function useAuthHandlers(dispatch, apiBaseUrl, popupAuthRef) {
   }, [dispatch, popupAuthRef]);
   const { signupWithPasskey, state: signupState } = useSignupWithPasskey({
     onComplete: (params) => {
+      track("signup_succeeded", { method: "passkey", popup: false });
       handleAuthComplete(params.user);
     },
     onError: (error) => {
@@ -18625,7 +18835,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");
@@ -18633,7 +18843,7 @@ function useProviderHandlers(deps) {
       const accountId = crypto.randomUUID();
       const account = await createAccount(apiBaseUrl, token, {
         id: accountId,
-        name: providerName,
+        name: providerName2,
         credentialId: activeCredentialId,
         providerId,
         ...merchantAuthorization ? {
@@ -18682,7 +18892,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();
@@ -18705,7 +18915,7 @@ function useProviderHandlers(deps) {
         const newAccountId = crypto.randomUUID();
         const account = await createAccount(apiBaseUrl, token, {
           id: newAccountId,
-          name: providerName,
+          name: providerName2,
           credentialId: activeCredentialId,
           providerId,
           ...merchantAuthorization ? {
@@ -20883,7 +21093,7 @@ function BlinkPaymentInner({
     useWalletConnector: useWalletConnectorProp,
     userAgent: typeof navigator === "undefined" ? void 0 : navigator.userAgent
   });
-  const [state, dispatch] = useReducer(
+  const [state, rawDispatch] = useReducer(
     paymentReducer,
     {
       depositAmount,
@@ -20893,6 +21103,30 @@ function BlinkPaymentInner({
     },
     createInitialState
   );
+  const device = isDesktop ? "desktop" : "mobile";
+  const stateRef = useRef(state);
+  stateRef.current = state;
+  const dispatch = useCallback(
+    (action) => {
+      trackAction(action, stateRef.current, { device });
+      rawDispatch(action);
+    },
+    [device]
+  );
+  usePostHogIdentify();
+  useAnalyticsScreenView(state.phase, device);
+  const flowOpenedRef = useRef(false);
+  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 = {
@@ -21496,6 +21730,6 @@ function BlinkPaymentInner({
   ) });
 }
 
-export { ACCOUNT_SWITCH_CONFLICT_MESSAGE, AdvancedSourceScreen, ApprovingInWalletScreen, AuthorizationSessionCancelledError, BLINK_ERROR_ILLUSTRATION, BLINK_LOGO, BLINK_MASCOT, BLINK_PASSKEY_ILLUSTRATION, BLINK_SUCCESS_ILLUSTRATION, BlinkDepositButton, BlinkErrorScreen, BlinkInitialLoadingScreen, BlinkLoadingScreen, BlinkPayment, BlinkProvider, ConfirmSignScreen, DepositCompleteScreen, DepositOptionsScreen, DepositScreen, DepositTransferStatusScreen, GuestTokenPickerScreen, IconCircle, InfoBanner, LOGIN_KEY_ILLUSTRATION, LinkTokensScreen, LoginScreen, ManualTransferPasskeyScreen, OpenWalletScreen, OtpVerifyScreen, OutlineButton, PasskeyIframeBlockedError, PasskeyPopupWelcomeScreen, PasskeyScreen, PoweredByFooter, PrimaryButton, ScreenHeader, ScreenLayout, SecondaryButton, SelectDepositSourceScreen, SelectSourceScreen, SettingsMenu, Spinner, StepList, StepRenderer, SuccessScreen, TokenPickerScreen, VerifyPasskeyScreen, WalletPickerScreen, WelcomeBackScreen, appendDebug, api_exports as blinkApi, buildNativeUnsupportedEntries, clearDebugEntries, createInitialState, credentialIdBase64ToBytes, darkTheme, darkThemeNew, darkTransparentTheme, darkTransparentThemeNew, deviceHasPasskey, encodePermit2ApproveCalldata, findDevicePasskey, findDevicePasskeyViaPopup, formatNativeAmount, getAtomicBatchSupportDebugInfo, getDebugEntries, getDeviceBiometricUnlockText, getTheme, getThemeBase, getWalletCapabilities, isAuthorizationSessionCancelled, isExpectedAuthorizationCancellation, isTerminalTransferStatus, isTransferAwaitingCompletion, isTransparentTheme, isUserDismissedAuthorizationError, isVisibleUsdAmountAtTwoDecimals, lightTheme, lightThemeNew, lightTransparentTheme, lightTransparentThemeNew, mapGuestPickerEntries, replaceOpenProviderForAccountSwitch, resolvePasskeyRpId, screenForPhase, subscribeDebug, supportsAtomicBatch, supportsPaymasterService, useAuthorizationExecutor, useAuthorizationOrchestrator, useBlinkConfig, useBlinkDebugLog, useBlinkDepositAmount, useSolanaAccountSwitchEffect, useTransferPolling, useTransferSigning };
+export { ACCOUNT_SWITCH_CONFLICT_MESSAGE, AdvancedSourceScreen, ApprovingInWalletScreen, AuthorizationSessionCancelledError, BLINK_ERROR_ILLUSTRATION, BLINK_LOGO, BLINK_MASCOT, BLINK_PASSKEY_ILLUSTRATION, BLINK_SUCCESS_ILLUSTRATION, BlinkDepositButton, BlinkErrorScreen, BlinkInitialLoadingScreen, BlinkLoadingScreen, BlinkPayment, BlinkProvider, ConfirmSignScreen, DepositCompleteScreen, DepositOptionsScreen, DepositScreen, DepositTransferStatusScreen, GuestTokenPickerScreen, IconCircle, InfoBanner, LOGIN_KEY_ILLUSTRATION, LinkTokensScreen, LoginScreen, ManualTransferPasskeyScreen, OpenWalletScreen, OtpVerifyScreen, OutlineButton, PasskeyIframeBlockedError, PasskeyPopupWelcomeScreen, PasskeyScreen, PoweredByFooter, PrimaryButton, ScreenHeader, ScreenLayout, SecondaryButton, SelectDepositSourceScreen, SelectSourceScreen, SettingsMenu, Spinner, StepList, StepRenderer, SuccessScreen, TokenPickerScreen, VerifyPasskeyScreen, WalletPickerScreen, WelcomeBackScreen, appendDebug, api_exports as blinkApi, buildNativeUnsupportedEntries, clearDebugEntries, createInitialState, credentialIdBase64ToBytes, darkTheme, darkThemeNew, darkTransparentTheme, darkTransparentThemeNew, deviceHasPasskey, encodePermit2ApproveCalldata, findDevicePasskey, findDevicePasskeyViaPopup, formatNativeAmount, getAtomicBatchSupportDebugInfo, getDebugEntries, getDeviceBiometricUnlockText, getTheme, getThemeBase, getWalletCapabilities, identifyUser, isAuthorizationSessionCancelled, isExpectedAuthorizationCancellation, isTerminalTransferStatus, isTransferAwaitingCompletion, isTransparentTheme, isUserDismissedAuthorizationError, isVisibleUsdAmountAtTwoDecimals, lightTheme, lightThemeNew, lightTransparentTheme, lightTransparentThemeNew, mapGuestPickerEntries, replaceOpenProviderForAccountSwitch, resetUser, resolveAnalyticsEnvironment, resolvePasskeyRpId, sanitizeProps, screenForPhase, subscribeDebug, supportsAtomicBatch, supportsPaymasterService, track, useAuthorizationExecutor, useAuthorizationOrchestrator, useBlinkConfig, useBlinkDebugLog, useBlinkDepositAmount, useSolanaAccountSwitchEffect, useTransferPolling, useTransferSigning };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map