@swype-org/react-sdk 0.1.216 → 0.1.218

package/dist/index.d.cts

@@ -262,6 +262,12 @@ interface BlinkProviderProps {
     apiBaseUrl: string;
     /** Light or dark mode */
     theme?: ThemeMode;
+    /**
+     * Override the Privy App ID used for authentication.
+     * @internal Blink-internal only — used for dev/test environments (e.g. smokebox).
+     * Not intended for merchant integrations.
+     */
+    privyAppId?: string;
     children: React.ReactNode;
 }
 /**
@@ -278,7 +284,7 @@ interface BlinkProviderProps {
  * </BlinkProvider>
  * ```
  */
-declare function BlinkProvider({ apiBaseUrl, theme, children, }: BlinkProviderProps): react_jsx_runtime.JSX.Element;
+declare function BlinkProvider({ apiBaseUrl, theme, privyAppId, children, }: BlinkProviderProps): react_jsx_runtime.JSX.Element;
 /** Access the Blink SDK configuration. Throws if used outside BlinkProvider. */
 declare function useBlinkConfig(): BlinkConfig;
 /**

package/dist/index.d.ts

@@ -262,6 +262,12 @@ interface BlinkProviderProps {
     apiBaseUrl: string;
     /** Light or dark mode */
     theme?: ThemeMode;
+    /**
+     * Override the Privy App ID used for authentication.
+     * @internal Blink-internal only — used for dev/test environments (e.g. smokebox).
+     * Not intended for merchant integrations.
+     */
+    privyAppId?: string;
     children: React.ReactNode;
 }
 /**
@@ -278,7 +284,7 @@ interface BlinkProviderProps {
  * </BlinkProvider>
  * ```
  */
-declare function BlinkProvider({ apiBaseUrl, theme, children, }: BlinkProviderProps): react_jsx_runtime.JSX.Element;
+declare function BlinkProvider({ apiBaseUrl, theme, privyAppId, children, }: BlinkProviderProps): react_jsx_runtime.JSX.Element;
 /** Access the Blink SDK configuration. Throws if used outside BlinkProvider. */
 declare function useBlinkConfig(): BlinkConfig;
 /**

package/dist/index.js

@@ -1,8 +1,8 @@
-import { createContext, useRef, useEffect, useState, useCallback, useMemo, useContext, useReducer, Component } from 'react';
+import { createContext, useRef, useState, useCallback, useMemo, useContext, useEffect, useReducer, Component } from 'react';
 import { PrivyProvider, usePrivy, useLoginWithOAuth, useLoginWithEmail, useLoginWithSms } from '@privy-io/react-auth';
 import { createConfig, http, WagmiProvider, useConfig, useConnect, useSwitchChain } from 'wagmi';
 import { mainnet, arbitrum, base, polygon, bsc } from 'wagmi/chains';
-import { injected as injected$1 } from 'wagmi/connectors';
+import { injected } from 'wagmi/connectors';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { recoverTypedDataAddress, decodeAbiParameters, walletActions, createClient, custom } from 'viem';
@@ -14,19 +14,6 @@ var __export = (target, all) => {
     __defProp(target, name, { get: all[name], enumerable: true });
 };
 
-// src/contentsquare.ts
-var SCRIPT_SRC = "https://t.contentsquare.net/uxa/9537de3817f8f.js";
-var injected = false;
-function loadContentsquare() {
-  if (injected) return;
-  if (typeof document === "undefined") return;
-  injected = true;
-  const script = document.createElement("script");
-  script.src = SCRIPT_SRC;
-  script.async = true;
-  document.head.appendChild(script);
-}
-
 // src/theme.ts
 var darkTheme = {
   bg: "#071216",
@@ -88,7 +75,7 @@ function getTheme(mode) {
 var BLINK_PRIVY_APP_ID = "cmlil87uv004n0ck0blwumwek";
 var wagmiConfig = createConfig({
   chains: [mainnet, arbitrum, base, polygon, bsc],
-  connectors: [injected$1({ shimDisconnect: true, unstable_shimAsyncInject: 2e3 })],
+  connectors: [injected({ shimDisconnect: true, unstable_shimAsyncInject: 2e3 })],
   transports: {
     [mainnet.id]: http(),
     [arbitrum.id]: http(),
@@ -101,15 +88,13 @@ var BlinkContext = createContext(null);
 function BlinkProvider({
   apiBaseUrl,
   theme = "dark",
+  privyAppId,
   children
 }) {
   const queryClientRef = useRef(null);
   if (!queryClientRef.current) {
     queryClientRef.current = new QueryClient();
   }
-  useEffect(() => {
-    loadContentsquare();
-  }, []);
   const [depositAmount, setDepositAmountRaw] = useState(null);
   const setDepositAmount = useCallback((amount) => {
     setDepositAmountRaw(amount);
@@ -127,7 +112,7 @@ function BlinkProvider({
   return /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClientRef.current, children: /* @__PURE__ */ jsx(WagmiProvider, { config: wagmiConfig, children: /* @__PURE__ */ jsx(
     PrivyProvider,
     {
-      appId: BLINK_PRIVY_APP_ID,
+      appId: privyAppId ?? BLINK_PRIVY_APP_ID,
       config: {
         appearance: {
           theme,
@@ -3279,13 +3264,8 @@ function WalletPickerScreen({
     }
   }, [onPrepareProvider]);
   const hasPending = pendingConnections != null && pendingConnections.length > 0;
-  const displayProviders = providers.length > 0 ? providers : [
-    { id: "metamask", name: "MetaMask" },
-    { id: "rabby", name: "Rabby" },
-    { id: "ora", name: "Ora" },
-    { id: "phantom", name: "Phantom" }
-  ];
-  const selectedProvider = displayProviders.find((p) => p.id === selectedProviderId);
+  const providersLoading = providers.length === 0;
+  const selectedProvider = providers.find((p) => p.id === selectedProviderId);
   if (loading) {
     return /* @__PURE__ */ jsxs(ScreenLayout, { children: [
       /* @__PURE__ */ jsx(ScreenHeader, { title: "Set up Blink", onBack, onLogout }),
@@ -3380,7 +3360,8 @@ function WalletPickerScreen({
             ]
           }
         ),
-        cryptoExpanded && /* @__PURE__ */ jsx("div", { style: gridStyle, children: displayProviders.map((p) => {
+        cryptoExpanded && providersLoading && /* @__PURE__ */ jsx("div", { style: { textAlign: "center", padding: "24px 0" }, children: /* @__PURE__ */ jsx(Spinner, { label: "Loading wallets..." }) }),
+        cryptoExpanded && !providersLoading && /* @__PURE__ */ jsx("div", { style: gridStyle, children: providers.map((p) => {
           const logoSrc = "logoURI" in p && p.logoURI || KNOWN_LOGOS[p.name.toLowerCase()];
           const emoji = WALLET_EMOJIS[p.name.toLowerCase()] ?? p.name.charAt(0);
           const isSelected = selectedProviderId === p.id;