signer-test-sdk-react 0.0.22 → 0.0.24

package/dist/src/components/AbstraxnProvider/utils.js

@@ -0,0 +1,139 @@
+/**
+ * Utility functions for AbstraxnProvider
+ */
+import React, { useState } from "react";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+/**
+ * Check if React Query is available and can be used safely
+ * This is a simple check - we can't fully verify React is properly set up
+ * without trying to use it, but we can check if the dependencies exist
+ */
+export function canUseReactQuery() {
+    try {
+        // Check if React is available
+        if (typeof React === "undefined" || React === null) {
+            return { canUse: false, reason: "React is not available" };
+        }
+        // Check if React has the version property (indicates it's a valid React object)
+        if (!React.version) {
+            return { canUse: false, reason: "React version is not available" };
+        }
+        // Check if QueryClientProvider is available
+        if (typeof QueryClientProvider === "undefined" ||
+            QueryClientProvider === null) {
+            return {
+                canUse: false,
+                reason: "@tanstack/react-query is not installed. Please install it: npm install @tanstack/react-query@^5.90.16",
+            };
+        }
+        return { canUse: true };
+    }
+    catch (error) {
+        return { canUse: false, reason: `Error checking React Query: ${error}` };
+    }
+}
+/**
+ * Wrapper component that conditionally uses QueryClientProvider
+ * Falls back to rendering children directly if React Query is not available
+ */
+export function QueryClientWrapper({ children, queryClient, }) {
+    // Check if we can safely use QueryClientProvider
+    const queryCheck = canUseReactQuery();
+    if (!queryCheck.canUse) {
+        console.error("❌ React Query is not available. External wallets are disabled.\n" +
+            `Reason: ${queryCheck.reason || "Unknown"}\n` +
+            "Please install @tanstack/react-query@^5.90.16 and ensure there is only one React instance.");
+        // Return children without QueryClientProvider - external wallets won't work but app won't crash
+        return React.createElement(React.Fragment, null, children);
+    }
+    try {
+        return React.createElement(QueryClientProvider, { client: queryClient }, children);
+    }
+    catch (error) {
+        console.error("Failed to render QueryClientProvider:", error);
+        // Fallback: render children without QueryClientProvider
+        return React.createElement(React.Fragment, null, children);
+    }
+}
+/**
+ * Hook to create QueryClient
+ * Creates a QueryClient instance that's only created once per component instance
+ * Since @tanstack/react-query is now only in peerDependencies, the app's instance will be used
+ * This prevents multiple instances of the package from being bundled
+ */
+export function useQueryClientSafe() {
+    // Create QueryClient using useState to ensure it's only created once
+    // Since @tanstack/react-query is in peerDependencies, this will use the app's instance
+    const [queryClient] = useState(() => {
+        return new QueryClient({
+            defaultOptions: {
+                queries: {
+                    refetchOnWindowFocus: false,
+                    retry: false,
+                },
+            },
+        });
+    });
+    return queryClient;
+}
+/**
+ * Check if URL has auth parameters
+ */
+export function hasAuthParams(params) {
+    return (params.get("success") === "true" ||
+        !!params.get("error") ||
+        !!params.get("code") ||
+        !!params.get("accessToken"));
+}
+/**
+ * Extract auth provider from JWT token
+ */
+export function getAuthProviderFromToken(token) {
+    try {
+        const base64Url = token.split(".")[1];
+        const base64 = base64Url.replace(/-/g, "+").replace(/_/g, "/");
+        const jsonPayload = decodeURIComponent(window
+            .atob(base64)
+            .split("")
+            .map(function (c) {
+            return "%" + ("00" + c.charCodeAt(0).toString(16)).slice(-2);
+        })
+            .join(""));
+        const payload = JSON.parse(jsonPayload);
+        return (payload.authProvider || payload.provider || "").toLowerCase();
+    }
+    catch (e) {
+        return null;
+    }
+}
+/**
+ * Check if URL params match a specific OAuth provider
+ */
+export function matchesProvider(provider, params) {
+    const providerParam = (params.get("provider") ||
+        params.get("authProvider") ||
+        "").toLowerCase();
+    const path = window.location.pathname.toLowerCase();
+    if (providerParam) {
+        if (provider === "twitter") {
+            return providerParam === "twitter" || providerParam === "x";
+        }
+        return providerParam === provider;
+    }
+    // Check accessToken for provider
+    const accessToken = params.get("accessToken");
+    if (accessToken) {
+        const tokenProvider = getAuthProviderFromToken(accessToken);
+        if (tokenProvider) {
+            if (provider === "twitter") {
+                return tokenProvider === "twitter" || tokenProvider === "x";
+            }
+            return tokenProvider === provider;
+        }
+    }
+    if (provider === "twitter") {
+        return path.includes("/twitter") || path.includes("/x");
+    }
+    return path.includes(`/${provider}`);
+}
+//# sourceMappingURL=utils.js.map

package/dist/src/components/AbstraxnProvider/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/AbstraxnProvider/utils.ts"],"names":[],"mappings":"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"}

package/dist/src/components/OnboardingUI/OnboardingUI.css

@@ -9,9 +9,7 @@
   justify-content: center;
   min-height: 100vh;
   padding: 20px;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
+  font-family: 'GeistSans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
@@ -205,7 +203,7 @@
 
 .onboarding-title {
   font-size: 24px;
-  font-weight: 600;
+  font-weight: 500;
   margin: 0;
   color: inherit;
   text-align: center;
@@ -792,7 +790,7 @@
 
 .onboarding-otp-title {
   font-size: 22px;
-  font-weight: 600;
+  font-weight: 500;
   margin: 0 0 16px 0;
   color: inherit;
   line-height: 1.4;
@@ -856,6 +854,11 @@
 .onboarding-otp-verification .onboarding-button {
   margin-top: 0;
   margin-bottom: 0;
+  margin-left: auto;
+  margin-right: auto;
+  /* Match OTP inputs width: 6 inputs × 44px + 5 gaps × 10px = 314px */
+  width: 314px;
+  max-width: 314px;
 }
 
 .onboarding-otp-input {

package/dist/src/components/OnboardingUI/OnboardingUIReact.d.ts

@@ -3,7 +3,7 @@
  * Pure React implementation of OnboardingUI
  */
 import React from "react";
-import type { OnboardingUIConfig } from "signer-test-sdk-core";
+import type { OnboardingUIConfig } from "@abstraxn/signer-core";
 import "./OnboardingUI.css";
 export interface OnboardingUIReactProps {
     config?: Partial<OnboardingUIConfig>;

package/dist/src/components/OnboardingUI/OnboardingUIWeb.d.ts

@@ -1,4 +1,4 @@
-import type { OnboardingUIConfig, Theme } from "signer-test-sdk-core";
+import type { OnboardingUIConfig, Theme } from "@abstraxn/signer-core";
 /**
  * OnboardingUI Class
  *

package/dist/src/components/OnboardingUI/OnboardingUIWeb.js

@@ -1,4 +1,4 @@
-import { isValidEmail } from "signer-test-sdk-core";
+import { isValidEmail } from "@abstraxn/signer-core";
 // CSS styles embedded as string
 const ONBOARDING_UI_STYLES = `
 .onboarding-container {
@@ -715,6 +715,12 @@ const ONBOARDING_UI_STYLES = `
   width: 100%;
 }
 
+.onboarding-otp-verification .onboarding-button {
+  /* Match OTP inputs width: 6 inputs × 44px + 5 gaps × 10px = 314px */
+  width: 314px;
+  max-width: 314px;
+}
+
 .onboarding-otp-icon-container {
   width: 64px;
   height: 64px;