@passkeyme/react-auth 1.1.8 → 1.3.0

package/dist/index.js

@@ -6,7 +6,7 @@ var auth = require('@passkeyme/auth');
 var reactDom = require('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 = React.createContext(null);
@@ -113,7 +113,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
@@ -125,7 +125,7 @@ function debugLog$1(config, ...args) {
 const usePasskeyme = () => {
     const { auth: auth$1, user, loading, error, isAuthenticated, authLoading, setAuthLoading, config, } = usePasskeymeContext();
     if (!auth$1) {
-        throw new Error("PasskeyMe auth instance not available");
+        throw new Error("Passkeyme auth instance not available");
     }
     const redirectToLogin = React.useCallback((options) => {
         return auth$1.redirectToLogin(options);
@@ -643,7 +643,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 = {
@@ -1055,16 +1055,30 @@ const providerStyles = {
         color: "white",
         border: "1px solid #1877f2",
     },
+    apple: {
+        backgroundColor: "#000",
+        color: "white",
+        border: "1px solid #000",
+    },
+    microsoft: {
+        backgroundColor: "#0078d4",
+        color: "white",
+        border: "1px solid #0078d4",
+    },
 };
 const providerIcons = {
     google: "🌐",
     github: "📱",
     facebook: "📘",
+    apple: "🍎",
+    microsoft: "Ⓜ️",
 };
 const providerNames = {
     google: "Google",
     github: "GitHub",
     facebook: "Facebook",
+    apple: "Apple",
+    microsoft: "Microsoft",
 };
 const PasskeymeOAuthButtonComponent = ({ provider, variant = "default", size = "medium", redirectUri, children, className = "", style = {}, disabled = false, onClick, loading: externalLoading = false, }) => {
     const { redirectToOAuth, loading: authLoading } = usePasskeyme();
@@ -1764,7 +1778,7 @@ const importLogger = {
 };
 
 /**
- * Debug utilities for PasskeyMe React SDK
+ * Debug utilities for Passkeyme React SDK
  */
 /**
  * Debug utility to conditionally log messages
@@ -1773,7 +1787,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);
     }
 }
@@ -2221,14 +2235,14 @@ 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.
  */
 const PasskeymeAuthPanel = ({ 
 // Core functionality
-providers = ["google", "github"], enablePasskeys = true, enableUsernamePassword: _enableUsernamePassword = false, // Reserved for future implementation
+providers = ["google", "github", "apple", "microsoft"], enablePasskeys = true, enableUsernamePassword: _enableUsernamePassword = false, // Reserved for future implementation
 redirectUri, state: _state, // Reserved for future implementation
 // Layout & behavior
 layout = "vertical", spacing = "normal", passkeyFirst = true, hideProvidersInitially = false, autoTriggerPasskey = true, 
@@ -2549,6 +2563,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
  *
@@ -2671,6 +2706,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;
@@ -2684,6 +2724,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;
@@ -3037,6 +3081,11 @@ const toJSONObject = (obj) => {
         return;
       }
 
+      //Buffer check
+      if (isBuffer(source)) {
+        return source;
+      }
+
       if(!('toJSON' in source)) {
         stack[i] = source;
         const target = isArray(source) ? [] : {};
@@ -3108,6 +3157,7 @@ var utils$1 = {
   isBoolean,
   isObject,
   isPlainObject,
+  isEmptyObject,
   isReadableStream,
   isRequest,
   isResponse,
@@ -3739,7 +3789,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'));
@@ -3747,8 +3797,9 @@ function toURLEncodedForm(data, options) {
       }
 
       return helpers.defaultVisitor.apply(this, arguments);
-    }
-  }, options));
+    },
+    ...options
+  });
 }
 
 /**
@@ -4501,7 +4552,7 @@ function throttle(fn, freq) {
       clearTimeout(timer);
       timer = null;
     }
-    fn.apply(null, args);
+    fn(...args);
   };
 
   const throttled = (...args) => {
@@ -4757,7 +4808,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);
@@ -5498,7 +5549,7 @@ function dispatchRequest(config) {
   });
 }
 
-const VERSION = "1.10.0";
+const VERSION = "1.11.0";
 
 const validators$1 = {};
 
@@ -5737,8 +5788,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);
@@ -6226,7 +6277,7 @@ const DefaultPasskeyPrompt = ({ user, onRegister, onSkip, loading, }) => (jsxRun
                 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
@@ -6378,7 +6429,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: {
@@ -7012,7 +7063,7 @@ const withAuth = (Component, options) => {
 };
 
 /**
- * Performance monitoring utilities for PasskeyMe React SDK
+ * Performance monitoring utilities for Passkeyme React SDK
  */
 /**
  * Hook to monitor component performance
@@ -7129,7 +7180,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);
     }
 };
 /**
@@ -7137,7 +7188,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);
     }
 };
 /**
@@ -7168,14 +7219,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,
@@ -7184,17 +7235,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.");
     }
 };
 /**
@@ -7209,7 +7260,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
@@ -7266,7 +7317,7 @@ const DebugPanel = ({ data, position = "bottom-right", }) => {
             overflow: "auto",
             zIndex: 9999,
             border: "1px solid #333",
-        }, children: [jsxRuntime.jsx("div", { style: { fontWeight: "bold", marginBottom: "8px" }, children: "\uD83D\uDC1B PasskeyMe Debug Panel" }), jsxRuntime.jsx("pre", { style: { margin: 0, whiteSpace: "pre-wrap" }, children: JSON.stringify(data, null, 2) })] }));
+        }, children: [jsxRuntime.jsx("div", { style: { fontWeight: "bold", marginBottom: "8px" }, children: "\uD83D\uDC1B Passkeyme Debug Panel" }), jsxRuntime.jsx("pre", { style: { margin: 0, whiteSpace: "pre-wrap" }, children: JSON.stringify(data, null, 2) })] }));
 };
 /**
  * Component performance profiler for development
@@ -7331,7 +7382,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
  */
 /**
@@ -7917,7 +7968,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.
@@ -8365,7 +8416,7 @@ class PasskeymeErrorBoundary extends React.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() {
@@ -8487,7 +8538,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 = {
@@ -8498,7 +8549,7 @@ const MockPasskeymeProvider = ({ children, config = {}, initialUser = null, init
     return jsxRuntime.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 = {}) => {
@@ -8768,21 +8819,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));
             }
         };
@@ -8848,7 +8899,7 @@ const DevToolsDashboard = ({ show = process.env.NODE_ENV === "development", posi
     };
     const testError = () => {
         const error = new auth.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 = () => {
@@ -8865,7 +8916,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");
     };
@@ -8919,7 +8970,7 @@ const DevToolsDashboard = ({ show = process.env.NODE_ENV === "development", posi
         cursor: "pointer",
         marginRight: "4px",
     });
-    return (jsxRuntime.jsxs("div", { style: baseStyles, children: [jsxRuntime.jsxs("div", { style: headerStyles, onClick: () => setIsCollapsed(!isCollapsed), children: [jsxRuntime.jsx("span", { children: "\uD83D\uDEE0\uFE0F PasskeyMe DevTools" }), jsxRuntime.jsx("span", { children: isCollapsed ? "▲" : "▼" })] }), !isCollapsed && (jsxRuntime.jsxs("div", { style: contentStyles, children: [jsxRuntime.jsxs("div", { style: { marginBottom: "12px" }, children: [jsxRuntime.jsx("button", { onClick: () => setActiveTab("state"), style: tabStyle(activeTab === "state"), children: "State" }), jsxRuntime.jsx("button", { onClick: () => setActiveTab("logs"), style: tabStyle(activeTab === "logs"), children: "Logs" })] }), activeTab === "state" && renderStateTab(), activeTab === "logs" && renderLogsTab()] }))] }));
+    return (jsxRuntime.jsxs("div", { style: baseStyles, children: [jsxRuntime.jsxs("div", { style: headerStyles, onClick: () => setIsCollapsed(!isCollapsed), children: [jsxRuntime.jsx("span", { children: "\uD83D\uDEE0\uFE0F Passkeyme DevTools" }), jsxRuntime.jsx("span", { children: isCollapsed ? "▲" : "▼" })] }), !isCollapsed && (jsxRuntime.jsxs("div", { style: contentStyles, children: [jsxRuntime.jsxs("div", { style: { marginBottom: "12px" }, children: [jsxRuntime.jsx("button", { onClick: () => setActiveTab("state"), style: tabStyle(activeTab === "state"), children: "State" }), jsxRuntime.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") {