@passkeyme/react-auth 1.2.0 → 2.0.0

package/CHANGELOG.md

@@ -16,7 +16,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### 🎉 First Stable Release
 
-This marks the first stable release of the PasskeyMe React Authentication SDK, featuring enterprise-grade quality and seamless React integration.
+This marks the first stable release of the Passkeyme React Authentication SDK, featuring enterprise-grade quality and seamless React integration.
 
 ### Added
 

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2025 PasskeyMe
+Copyright (c) 2025 Passkeyme
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,6 +1,6 @@
 # @passkeyme/react-auth
 
-React integration for PasskeyMe Authentication SDK. Build secure authentication into your React apps with hooks and components.
+React integration for Passkeyme Authentication SDK. Build secure authentication into your React apps with hooks and components.
 
 ## 🚀 Features
 

package/dist/components/DevToolsDashboard.d.ts

@@ -1,5 +1,5 @@
 /**
- * Developer Tools Dashboard for PasskeyMe React SDK
+ * Developer Tools Dashboard for Passkeyme React SDK
  * Provides real-time debugging and development utilities
  */
 export interface DevToolsDashboardProps {

package/dist/components/NotificationProvider.d.ts

@@ -1,5 +1,5 @@
 /**
- * Simple notification system for PasskeyMe SDK
+ * Simple notification system for Passkeyme SDK
  * Uses a React portal for clean rendering without external dependencies
  */
 import { ReactNode } from "react";

package/dist/components/PasskeymeAuthPanel.d.ts

@@ -111,7 +111,7 @@ export interface PasskeymeAuthPanelProps {
     };
 }
 /**
- * PasskeyMe Authentication Panel Component
+ * Passkeyme Authentication Panel Component
  *
  * A fully customizable authentication panel that handles passkey and OAuth authentication
  * with extensive theming and configuration options.

package/dist/components/PasskeymeButton.d.ts

@@ -1,5 +1,5 @@
 /**
- * PasskeyMe Button Component with native passkey authentication
+ * Passkeyme Button Component with native passkey authentication
  * Performance optimized with React.memo and useCallback
  */
 import React from "react";

package/dist/components/PasskeymeCallbackHandler.d.ts

@@ -8,7 +8,7 @@ export interface CallbackState {
     authenticatedUser: any | null;
 }
 /**
- * Built-in OAuth callback handler component for PasskeyMe authentication.
+ * Built-in OAuth callback handler component for Passkeyme authentication.
  *
  * This component automatically handles the OAuth callback flow including:
  * - Token extraction from URL parameters

package/dist/components/PasskeymeErrorDisplay.d.ts

@@ -1,5 +1,5 @@
 /**
- * Error Display Component for PasskeyMe SDK
+ * Error Display Component for Passkeyme SDK
  * Provides user-friendly error messages with actionable suggestions
  * Performance optimized with React.memo and useCallback
  */

package/dist/components/PasskeymeOAuthButton.d.ts

@@ -1,5 +1,5 @@
 /**
- * PasskeyMe OAuth Login Button Component with Enhanced Accessibility and Performance
+ * Passkeyme OAuth Login Button Component with Enhanced Accessibility and Performance
  */
 import React from "react";
 import type { PasskeymeOAuthButtonProps } from "../types";

package/dist/components/PasskeymeProtectedRoute.d.ts

@@ -1,5 +1,5 @@
 /**
- * PasskeyMe Protected Route Component
+ * Passkeyme Protected Route Component
  * Performance optimized with React.memo and useMemo
  */
 import React from "react";

package/dist/components/PasskeymeUserProfile.d.ts

@@ -1,5 +1,5 @@
 /**
- * PasskeyMe User Profile Component
+ * Passkeyme User Profile Component
  * Displays user information with customizable styling
  */
 import React from "react";

package/dist/hooks/usePerformanceMonitor.d.ts

@@ -1,5 +1,5 @@
 /**
- * Performance monitoring utilities for PasskeyMe React SDK
+ * Performance monitoring utilities for Passkeyme React SDK
  */
 export interface PerformanceMetrics {
     renderTime: number;

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 /**
- * PasskeyMe React Authentication SDK
+ * Passkeyme React Authentication SDK
  *
- * React integration for PasskeyMe Authentication with hooks and components.
+ * React integration for Passkeyme Authentication with hooks and components.
  *
  * @example
  * ```tsx

package/dist/index.esm.js

@@ -5,7 +5,7 @@ export { ErrorHandler, PasskeymeError, PasskeymeErrorCode } from '@passkeyme/aut
 import { createPortal } from 'react-dom';
 
 /**
- * React Context Provider for PasskeyMe Authentication (Core)
+ * React Context Provider for Passkeyme Authentication (Core)
  * This is the shared provider for React and React Native
  */
 const PasskeymeContext = createContext(null);
@@ -112,7 +112,7 @@ const PasskeymeProvider$1 = ({ config, children, loadingComponent = null, errorC
 };
 
 /**
- * Core React hooks for PasskeyMe Authentication
+ * Core React hooks for Passkeyme Authentication
  * Shared between React and React Native
  */
 // Simple debug function for core package
@@ -124,7 +124,7 @@ function debugLog$1(config, ...args) {
 const usePasskeyme = () => {
     const { auth, user, loading, error, isAuthenticated, authLoading, setAuthLoading, config, } = usePasskeymeContext();
     if (!auth) {
-        throw new Error("PasskeyMe auth instance not available");
+        throw new Error("Passkeyme auth instance not available");
     }
     const redirectToLogin = useCallback((options) => {
         return auth.redirectToLogin(options);
@@ -642,7 +642,7 @@ const PasskeymeProvider = ({ children, config, enableNotifications = true, ...co
 };
 
 /**
- * Enhanced Loading States for PasskeyMe SDK
+ * Enhanced Loading States for Passkeyme SDK
  * Provides granular loading feedback for better user experience
  */
 const LOADING_STATE_INFO = {
@@ -1777,7 +1777,7 @@ const importLogger = {
 };
 
 /**
- * Debug utilities for PasskeyMe React SDK
+ * Debug utilities for Passkeyme React SDK
  */
 /**
  * Debug utility to conditionally log messages
@@ -1786,7 +1786,7 @@ function debugLog(config, component, ...args) {
     if (config.debug) {
         // Use both professional logger and console.log to ensure visibility
         const timestamp = new Date().toISOString();
-        console.log(`[${timestamp}] [PasskeyMe:${component}]`, ...args);
+        console.log(`[${timestamp}] [Passkeyme:${component}]`, ...args);
         debugLogger.debug(`[${component}]`, ...args);
     }
 }
@@ -2234,7 +2234,7 @@ const defaultTheme = {
     },
 };
 /**
- * PasskeyMe Authentication Panel Component
+ * Passkeyme Authentication Panel Component
  *
  * A fully customizable authentication panel that handles passkey and OAuth authentication
  * with extensive theming and configuration options.
@@ -2562,6 +2562,27 @@ const isPlainObject = (val) => {
   return (prototype === null || prototype === Object.prototype || Object.getPrototypeOf(prototype) === null) && !(toStringTag in val) && !(iterator in val);
 };
 
+/**
+ * Determine if a value is an empty object (safely handles Buffers)
+ *
+ * @param {*} val The value to test
+ *
+ * @returns {boolean} True if value is an empty object, otherwise false
+ */
+const isEmptyObject = (val) => {
+  // Early return for non-objects or Buffers to prevent RangeError
+  if (!isObject(val) || isBuffer(val)) {
+    return false;
+  }
+  
+  try {
+    return Object.keys(val).length === 0 && Object.getPrototypeOf(val) === Object.prototype;
+  } catch (e) {
+    // Fallback for any other objects that might cause RangeError with Object.keys()
+    return false;
+  }
+};
+
 /**
  * Determine if a value is a Date
  *
@@ -2684,6 +2705,11 @@ function forEach(obj, fn, {allOwnKeys = false} = {}) {
       fn.call(null, obj[i], i, obj);
     }
   } else {
+    // Buffer check
+    if (isBuffer(obj)) {
+      return;
+    }
+
     // Iterate over object keys
     const keys = allOwnKeys ? Object.getOwnPropertyNames(obj) : Object.keys(obj);
     const len = keys.length;
@@ -2697,6 +2723,10 @@ function forEach(obj, fn, {allOwnKeys = false} = {}) {
 }
 
 function findKey(obj, key) {
+  if (isBuffer(obj)){
+    return null;
+  }
+
   key = key.toLowerCase();
   const keys = Object.keys(obj);
   let i = keys.length;
@@ -3050,6 +3080,11 @@ const toJSONObject = (obj) => {
         return;
       }
 
+      //Buffer check
+      if (isBuffer(source)) {
+        return source;
+      }
+
       if(!('toJSON' in source)) {
         stack[i] = source;
         const target = isArray(source) ? [] : {};
@@ -3121,6 +3156,7 @@ var utils$1 = {
   isBoolean,
   isObject,
   isPlainObject,
+  isEmptyObject,
   isReadableStream,
   isRequest,
   isResponse,
@@ -3752,7 +3788,7 @@ var platform = {
 };
 
 function toURLEncodedForm(data, options) {
-  return toFormData(data, new platform.classes.URLSearchParams(), Object.assign({
+  return toFormData(data, new platform.classes.URLSearchParams(), {
     visitor: function(value, key, path, helpers) {
       if (platform.isNode && utils$1.isBuffer(value)) {
         this.append(key, value.toString('base64'));
@@ -3760,8 +3796,9 @@ function toURLEncodedForm(data, options) {
       }
 
       return helpers.defaultVisitor.apply(this, arguments);
-    }
-  }, options));
+    },
+    ...options
+  });
 }
 
 /**
@@ -4514,7 +4551,7 @@ function throttle(fn, freq) {
       clearTimeout(timer);
       timer = null;
     }
-    fn.apply(null, args);
+    fn(...args);
   };
 
   const throttled = (...args) => {
@@ -4770,7 +4807,7 @@ function mergeConfig(config1, config2) {
     headers: (a, b , prop) => mergeDeepProperties(headersToObject(a), headersToObject(b),prop, true)
   };
 
-  utils$1.forEach(Object.keys(Object.assign({}, config1, config2)), function computeConfigValue(prop) {
+  utils$1.forEach(Object.keys({...config1, ...config2}), function computeConfigValue(prop) {
     const merge = mergeMap[prop] || mergeDeepProperties;
     const configValue = merge(config1[prop], config2[prop], prop);
     (utils$1.isUndefined(configValue) && merge !== mergeDirectKeys) || (config[prop] = configValue);
@@ -5511,7 +5548,7 @@ function dispatchRequest(config) {
   });
 }
 
-const VERSION = "1.10.0";
+const VERSION = "1.11.0";
 
 const validators$1 = {};
 
@@ -5750,8 +5787,8 @@ class Axios {
 
     if (!synchronousRequestInterceptors) {
       const chain = [dispatchRequest.bind(this), undefined];
-      chain.unshift.apply(chain, requestInterceptorChain);
-      chain.push.apply(chain, responseInterceptorChain);
+      chain.unshift(...requestInterceptorChain);
+      chain.push(...responseInterceptorChain);
       len = chain.length;
 
       promise = Promise.resolve(config);
@@ -6239,7 +6276,7 @@ const DefaultPasskeyPrompt = ({ user, onRegister, onSkip, loading, }) => (jsxs("
                 textAlign: "center",
             }, children: "You can always set this up later in your account settings" })] }));
 /**
- * Built-in OAuth callback handler component for PasskeyMe authentication.
+ * Built-in OAuth callback handler component for Passkeyme authentication.
  *
  * This component automatically handles the OAuth callback flow including:
  * - Token extraction from URL parameters
@@ -6391,7 +6428,7 @@ const PasskeymeCallbackHandler = ({ loadingComponent: LoadingComponent, errorCom
             return;
         try {
             updateState({ passkeyRegistering: true });
-            // Create axios instance for PasskeyMe API
+            // Create axios instance for Passkeyme API
             const axiosInstance = axios$1.create({
                 baseURL: `${getBaseUrl()}/webauthn/${config.appId}`,
                 headers: {
@@ -7025,7 +7062,7 @@ const withAuth = (Component, options) => {
 };
 
 /**
- * Performance monitoring utilities for PasskeyMe React SDK
+ * Performance monitoring utilities for Passkeyme React SDK
  */
 /**
  * Hook to monitor component performance
@@ -7142,7 +7179,7 @@ const useMemoryMonitor = (enabled = process.env.NODE_ENV === "development") => {
  */
 const devWarn = (condition, message, ...args) => {
     if (process.env.NODE_ENV === "development" && condition) {
-        console.warn(`[PasskeyMe Dev Warning] ${message}`, ...args);
+        console.warn(`[Passkeyme Dev Warning] ${message}`, ...args);
     }
 };
 /**
@@ -7150,7 +7187,7 @@ const devWarn = (condition, message, ...args) => {
  */
 const devError = (condition, message, ...args) => {
     if (process.env.NODE_ENV === "development" && condition) {
-        console.error(`[PasskeyMe Dev Error] ${message}`, ...args);
+        console.error(`[Passkeyme Dev Error] ${message}`, ...args);
     }
 };
 /**
@@ -7181,14 +7218,14 @@ const initDevTools = () => {
             resetAuth: () => {
                 localStorage.removeItem("passkeyme_auth_token");
                 localStorage.removeItem("passkeyme_user_data");
-                console.log("[PasskeyMe Dev] Authentication state reset");
+                console.log("[Passkeyme Dev] Authentication state reset");
                 window.location.reload();
             },
             // Show current state
             showState: () => {
                 const token = localStorage.getItem("passkeyme_auth_token");
                 const user = localStorage.getItem("passkeyme_user_data");
-                console.log("[PasskeyMe Dev] Current State:", {
+                console.log("[Passkeyme Dev] Current State:", {
                     hasToken: !!token,
                     token: token ? "Present" : "None",
                     user: user ? JSON.parse(user) : null,
@@ -7197,17 +7234,17 @@ const initDevTools = () => {
             // Enable debug mode
             enableDebug: () => {
                 localStorage.setItem("passkeyme_debug", "true");
-                console.log("[PasskeyMe Dev] Debug mode enabled");
+                console.log("[Passkeyme Dev] Debug mode enabled");
                 window.location.reload();
             },
             // Disable debug mode
             disableDebug: () => {
                 localStorage.removeItem("passkeyme_debug");
-                console.log("[PasskeyMe Dev] Debug mode disabled");
+                console.log("[Passkeyme Dev] Debug mode disabled");
                 window.location.reload();
             },
         };
-        console.log("[PasskeyMe Dev] Development tools loaded. Use window.__PASSKEYME_DEV__ for utilities.");
+        console.log("[Passkeyme Dev] Development tools loaded. Use window.__PASSKEYME_DEV__ for utilities.");
     }
 };
 /**
@@ -7222,7 +7259,7 @@ const withDevTools = (Component, displayName) => {
         // Log renders in development
         React.useEffect(() => {
             if (localStorage.getItem("passkeyme_debug") === "true") {
-                console.log(`[PasskeyMe Dev] ${componentName} rendered with props:`, props);
+                console.log(`[Passkeyme Dev] ${componentName} rendered with props:`, props);
             }
         });
         // Validate required props
@@ -7279,7 +7316,7 @@ const DebugPanel = ({ data, position = "bottom-right", }) => {
             overflow: "auto",
             zIndex: 9999,
             border: "1px solid #333",
-        }, children: [jsx("div", { style: { fontWeight: "bold", marginBottom: "8px" }, children: "\uD83D\uDC1B PasskeyMe Debug Panel" }), jsx("pre", { style: { margin: 0, whiteSpace: "pre-wrap" }, children: JSON.stringify(data, null, 2) })] }));
+        }, children: [jsx("div", { style: { fontWeight: "bold", marginBottom: "8px" }, children: "\uD83D\uDC1B Passkeyme Debug Panel" }), jsx("pre", { style: { margin: 0, whiteSpace: "pre-wrap" }, children: JSON.stringify(data, null, 2) })] }));
 };
 /**
  * Component performance profiler for development
@@ -7344,7 +7381,7 @@ const createLazyComponent = (importFn, fallback) => {
 };
 
 /**
- * Optimized localStorage utilities for PasskeyMe React SDK
+ * Optimized localStorage utilities for Passkeyme React SDK
  * Provides caching, compression, and performance optimizations
  */
 /**
@@ -7930,7 +7967,7 @@ const PerformanceIndicator = ({ threshold = 100, position = "top-right", }) => {
 };
 
 /**
- * Import optimization utility for PasskeyMe React SDK
+ * Import optimization utility for Passkeyme React SDK
  * Analyzes and optimizes bundle imports to reduce bundle size
  *
  * Note: This utility is intended for build-time analysis in Node.js environments only.
@@ -8378,7 +8415,7 @@ class PasskeymeErrorBoundary extends Component {
         onError === null || onError === void 0 ? void 0 : onError(error, errorInfo);
         // Log to console in development
         if (process.env.NODE_ENV === "development") {
-            console.error("PasskeyMe Error Boundary caught an error:", error, errorInfo);
+            console.error("Passkeyme Error Boundary caught an error:", error, errorInfo);
         }
     }
     render() {
@@ -8500,7 +8537,7 @@ const createPerformanceTracker = () => {
 };
 
 /**
- * Mock provider for testing components that use PasskeyMe
+ * Mock provider for testing components that use Passkeyme
  */
 const MockPasskeymeProvider = ({ children, config = {}, initialUser = null, initialLoading = false, initialError = null, }) => {
     const mockConfig = {
@@ -8511,7 +8548,7 @@ const MockPasskeymeProvider = ({ children, config = {}, initialUser = null, init
     return jsx(PasskeymeProvider$1, { config: mockConfig, children: children });
 };
 /**
- * Custom render function with PasskeyMe provider
+ * Custom render function with Passkeyme provider
  * Note: Requires @testing-library/react render function to be passed in
  */
 const createRenderWithPasskeymeProvider = (renderFunction) => (ui, options = {}) => {
@@ -8781,21 +8818,21 @@ const DevToolsDashboard = ({ show = process.env.NODE_ENV === "development", posi
         console.log = (...args) => {
             var _a;
             originalConsole.log(...args);
-            if ((_a = args[0]) === null || _a === void 0 ? void 0 : _a.toString().includes("[PasskeyMe")) {
+            if ((_a = args[0]) === null || _a === void 0 ? void 0 : _a.toString().includes("[Passkeyme")) {
                 addLog("info", args.join(" "), args.slice(1));
             }
         };
         console.warn = (...args) => {
             var _a;
             originalConsole.warn(...args);
-            if ((_a = args[0]) === null || _a === void 0 ? void 0 : _a.toString().includes("[PasskeyMe")) {
+            if ((_a = args[0]) === null || _a === void 0 ? void 0 : _a.toString().includes("[Passkeyme")) {
                 addLog("warn", args.join(" "), args.slice(1));
             }
         };
         console.error = (...args) => {
             var _a;
             originalConsole.error(...args);
-            if ((_a = args[0]) === null || _a === void 0 ? void 0 : _a.toString().includes("[PasskeyMe")) {
+            if ((_a = args[0]) === null || _a === void 0 ? void 0 : _a.toString().includes("[Passkeyme")) {
                 addLog("error", args.join(" "), args.slice(1));
             }
         };
@@ -8861,7 +8898,7 @@ const DevToolsDashboard = ({ show = process.env.NODE_ENV === "development", posi
     };
     const testError = () => {
         const error = new PasskeymeError("DEV_TEST_ERROR");
-        console.error("[PasskeyMe Dev] Test error:", error);
+        console.error("[Passkeyme Dev] Test error:", error);
         addLog("error", "Test error triggered", error);
     };
     const exportState = () => {
@@ -8878,7 +8915,7 @@ const DevToolsDashboard = ({ show = process.env.NODE_ENV === "development", posi
                 debug: localStorage.getItem("passkeyme_debug"),
             },
         };
-        console.log("[PasskeyMe Dev] Current state:", state);
+        console.log("[Passkeyme Dev] Current state:", state);
         (_a = navigator.clipboard) === null || _a === void 0 ? void 0 : _a.writeText(JSON.stringify(state, null, 2));
         addLog("info", "State exported to clipboard");
     };
@@ -8932,7 +8969,7 @@ const DevToolsDashboard = ({ show = process.env.NODE_ENV === "development", posi
         cursor: "pointer",
         marginRight: "4px",
     });
-    return (jsxs("div", { style: baseStyles, children: [jsxs("div", { style: headerStyles, onClick: () => setIsCollapsed(!isCollapsed), children: [jsx("span", { children: "\uD83D\uDEE0\uFE0F PasskeyMe DevTools" }), jsx("span", { children: isCollapsed ? "▲" : "▼" })] }), !isCollapsed && (jsxs("div", { style: contentStyles, children: [jsxs("div", { style: { marginBottom: "12px" }, children: [jsx("button", { onClick: () => setActiveTab("state"), style: tabStyle(activeTab === "state"), children: "State" }), jsx("button", { onClick: () => setActiveTab("logs"), style: tabStyle(activeTab === "logs"), children: "Logs" })] }), activeTab === "state" && renderStateTab(), activeTab === "logs" && renderLogsTab()] }))] }));
+    return (jsxs("div", { style: baseStyles, children: [jsxs("div", { style: headerStyles, onClick: () => setIsCollapsed(!isCollapsed), children: [jsx("span", { children: "\uD83D\uDEE0\uFE0F Passkeyme DevTools" }), jsx("span", { children: isCollapsed ? "▲" : "▼" })] }), !isCollapsed && (jsxs("div", { style: contentStyles, children: [jsxs("div", { style: { marginBottom: "12px" }, children: [jsx("button", { onClick: () => setActiveTab("state"), style: tabStyle(activeTab === "state"), children: "State" }), jsx("button", { onClick: () => setActiveTab("logs"), style: tabStyle(activeTab === "logs"), children: "Logs" })] }), activeTab === "state" && renderStateTab(), activeTab === "logs" && renderLogsTab()] }))] }));
 };
 // Auto-initialize dev tools
 if (process.env.NODE_ENV === "development" && typeof window !== "undefined") {