@oxyhq/services 5.21.7 → 5.23.0

package/src/web/WebOxyContext.tsx

@@ -0,0 +1,257 @@
+/**
+ * Web-Only Oxy Context
+ * Clean implementation with ZERO React Native dependencies
+ */
+
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useState,
+  type ReactNode,
+} from 'react';
+import { OxyServices } from '../core';
+import type { User } from '../models/interfaces';
+import type { ClientSession } from '../models/session';
+import { QueryClientProvider } from '@tanstack/react-query';
+import { createQueryClient } from '../ui/hooks/queryClient';
+
+export interface WebAuthState {
+  user: User | null;
+  isAuthenticated: boolean;
+  isLoading: boolean;
+  error: string | null;
+}
+
+export interface WebAuthActions {
+  signIn: () => Promise<void>;
+  signOut: () => Promise<void>;
+}
+
+export interface WebOxyContextValue extends WebAuthState, WebAuthActions {
+  oxyServices: OxyServices;
+}
+
+const WebOxyContext = createContext<WebOxyContextValue | null>(null);
+
+export interface WebOxyProviderProps {
+  children: ReactNode;
+  baseURL: string;
+  authWebUrl?: string;
+  onAuthStateChange?: (user: User | null) => void;
+}
+
+/**
+ * Web-only Oxy Provider
+ * Minimal, clean implementation for web apps
+ */
+export function WebOxyProvider({
+  children,
+  baseURL,
+  authWebUrl,
+  onAuthStateChange,
+}: WebOxyProviderProps) {
+  const [oxyServices] = useState(() => new OxyServices({ baseURL, authWebUrl }));
+  const [user, setUser] = useState<User | null>(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+  const [queryClient] = useState(() => createQueryClient());
+
+  const isAuthenticated = !!user;
+
+  // Initialize - check for existing session
+  useEffect(() => {
+    let mounted = true;
+
+    const initAuth = async () => {
+      try {
+        // Try to get sessions from storage (localStorage)
+        const sessions = await oxyServices.getAllSessions();
+
+        if (sessions && sessions.length > 0) {
+          const activeSession = sessions.find((s: ClientSession) => s.isCurrent) || sessions[0];
+
+          // Try to get user info from the active session's userId
+          if (activeSession && activeSession.userId) {
+            try {
+              const userProfile = await oxyServices.getProfile(activeSession.userId);
+              if (mounted && userProfile) {
+                setUser(userProfile as User);
+                setIsLoading(false);
+                return;
+              }
+            } catch (err) {
+              console.log('[WebOxy] Could not fetch user profile:', err);
+            }
+          }
+        }
+
+        // No active session - check for cross-domain SSO via FedCM
+        if (typeof window !== 'undefined' && 'IdentityCredential' in window) {
+          try {
+            const credential = await navigator.credentials.get({
+              // @ts-expect-error - FedCM identity property is not in standard types
+              identity: {
+                providers: [{
+                  configURL: `${authWebUrl || 'https://auth.oxy.so'}/fedcm.json`,
+                  clientId: window.location.origin,
+                }]
+              }
+            });
+
+            if (credential && 'token' in credential) {
+              // Use the token to authenticate
+              const session = await oxyServices.authenticateWithToken(credential.token);
+              if (mounted && session.user) {
+                setUser(session.user);
+              }
+            }
+          } catch (fedcmError) {
+            // FedCM not available or user cancelled - this is fine
+            console.log('[WebOxy] FedCM SSO not available:', fedcmError);
+          }
+        }
+      } catch (err) {
+        console.error('[WebOxy] Init error:', err);
+        if (mounted) {
+          setError(err instanceof Error ? err.message : 'Failed to initialize auth');
+        }
+      } finally {
+        if (mounted) {
+          setIsLoading(false);
+        }
+      }
+    };
+
+    initAuth();
+
+    return () => {
+      mounted = false;
+    };
+  }, [oxyServices, authWebUrl]);
+
+  // Notify parent of auth state changes
+  useEffect(() => {
+    onAuthStateChange?.(user);
+  }, [user, onAuthStateChange]);
+
+  const signIn = useCallback(async () => {
+    setError(null);
+    setIsLoading(true);
+
+    try {
+      // Open popup to auth.oxy.so
+      const popup = window.open(
+        `${authWebUrl || 'https://auth.oxy.so'}/login?origin=${encodeURIComponent(window.location.origin)}`,
+        'oxy-auth',
+        'width=500,height=700,popup=yes'
+      );
+
+      if (!popup) {
+        throw new Error('Popup blocked. Please allow popups for this site.');
+      }
+
+      // Listen for message from popup
+      const handleMessage = async (event: MessageEvent) => {
+        if (event.origin !== (authWebUrl || 'https://auth.oxy.so')) {
+          return;
+        }
+
+        if (event.data.type === 'oxy-auth-success') {
+          const { sessionId, accessToken, user: authUser } = event.data;
+
+          // Store session (note: user property doesn't exist in ClientSession type)
+          const session: ClientSession = {
+            sessionId,
+            deviceId: event.data.deviceId || '',
+            expiresAt: event.data.expiresAt || '',
+            lastActive: new Date().toISOString(),
+            userId: authUser.id,
+            isCurrent: true,
+          };
+          await oxyServices.storeSession(session);
+
+          setUser(authUser);
+          setIsLoading(false);
+
+          window.removeEventListener('message', handleMessage);
+          popup.close();
+        } else if (event.data.type === 'oxy-auth-error') {
+          setError(event.data.error || 'Authentication failed');
+          setIsLoading(false);
+          window.removeEventListener('message', handleMessage);
+          popup.close();
+        }
+      };
+
+      window.addEventListener('message', handleMessage);
+
+      // Check if popup was closed
+      const checkClosed = setInterval(() => {
+        if (popup.closed) {
+          clearInterval(checkClosed);
+          window.removeEventListener('message', handleMessage);
+          setIsLoading(false);
+        }
+      }, 500);
+    } catch (err) {
+      console.error('[WebOxy] Sign in error:', err);
+      setError(err instanceof Error ? err.message : 'Sign in failed');
+      setIsLoading(false);
+    }
+  }, [oxyServices, authWebUrl]);
+
+  const signOut = useCallback(async () => {
+    setError(null);
+
+    try {
+      await oxyServices.logout();
+      setUser(null);
+    } catch (err) {
+      console.error('[WebOxy] Sign out error:', err);
+      setError(err instanceof Error ? err.message : 'Sign out failed');
+    }
+  }, [oxyServices]);
+
+  const contextValue: WebOxyContextValue = {
+    user,
+    isAuthenticated,
+    isLoading,
+    error,
+    signIn,
+    signOut,
+    oxyServices,
+  };
+
+  return (
+    <QueryClientProvider client={queryClient}>
+      <WebOxyContext.Provider value={contextValue}>
+        {children}
+      </WebOxyContext.Provider>
+    </QueryClientProvider>
+  );
+}
+
+export function useWebOxy() {
+  const context = useContext(WebOxyContext);
+  if (!context) {
+    throw new Error('useWebOxy must be used within WebOxyProvider');
+  }
+  return context;
+}
+
+export function useAuth() {
+  const { user, isAuthenticated, isLoading, error, signIn, signOut, oxyServices } = useWebOxy();
+
+  return {
+    user,
+    isAuthenticated,
+    isLoading,
+    isReady: !isLoading,
+    error,
+    signIn,
+    signOut,
+    oxyServices,
+  };
+}

package/src/web/index.ts

@@ -0,0 +1,87 @@
+/**
+ * @oxyhq/services/web - Web-Only Module
+ *
+ * Clean, professional web module with ZERO React Native dependencies.
+ * Perfect for Next.js, Vite, Create React App, and other pure React web apps.
+ *
+ * Features:
+ * - WebOxyProvider for React context
+ * - useAuth hook for authentication
+ * - Cross-domain SSO via FedCM
+ * - Full TypeScript support
+ * - Zero bundler configuration needed
+ *
+ * Usage:
+ * ```tsx
+ * import { WebOxyProvider, useAuth } from '@oxyhq/services/web';
+ *
+ * function App() {
+ *   return (
+ *     <WebOxyProvider baseURL="https://api.oxy.so">
+ *       <YourApp />
+ *     </WebOxyProvider>
+ *   );
+ * }
+ *
+ * function YourApp() {
+ *   const { user, isAuthenticated, signIn, signOut } = useAuth();
+ *   // ... your app logic
+ * }
+ * ```
+ */
+
+// ==================== Core API ====================
+// Re-export core services (zero React Native deps)
+export {
+  OxyServices,
+  OxyAuthenticationError,
+  OxyAuthenticationTimeoutError,
+  OXY_CLOUD_URL,
+  oxyClient,
+  CrossDomainAuth,
+  createCrossDomainAuth,
+  DeviceManager,
+} from '../core';
+
+export type {
+  CrossDomainAuthOptions,
+  DeviceFingerprint,
+  StoredDeviceInfo,
+} from '../core';
+
+// ==================== Web Components ====================
+export { WebOxyProvider, useWebOxy, useAuth } from './WebOxyContext';
+export type { WebOxyProviderProps, WebAuthState, WebAuthActions, WebOxyContextValue } from './WebOxyContext';
+
+// ==================== Models & Types ====================
+// Re-export commonly used types
+export type {
+  User,
+  ApiError,
+  Notification,
+  FileMetadata,
+  AssetUploadProgress,
+  PaymentMethod,
+  KarmaLeaderboardEntry,
+  KarmaRule,
+  Transaction,
+  DeviceSession,
+} from '../models/interfaces';
+
+// Re-export session types
+export type { ClientSession } from '../models/session';
+
+// ==================== Utilities ====================
+export {
+  SUPPORTED_LANGUAGES,
+  getLanguageMetadata,
+  getLanguageName,
+  getNativeLanguageName,
+  normalizeLanguageCode,
+} from '../utils/languageUtils';
+
+export type { LanguageMetadata } from '../utils/languageUtils';
+
+// Default export for convenience
+import { WebOxyProvider } from './WebOxyContext';
+export default WebOxyProvider;

package/src/web.ts

@@ -0,0 +1,230 @@
+/**
+ * OxyHQServices Web Entry Point - Pure React/Next.js Apps
+ *
+ * This entry point is optimized for pure web applications without Expo or React Native.
+ * It excludes all React Native dependencies for a smaller bundle size.
+ *
+ * Use this for:
+ * - Pure React apps (Vite, Create React App)
+ * - Next.js apps
+ * - Any web-only application
+ *
+ * For Expo apps (native + web), use the main entry point instead:
+ * import { OxyProvider } from '@oxyhq/services';
+ */
+
+// IMPORTANT: Import crypto module first to ensure polyfills are loaded
+import './crypto/polyfill';
+
+// Core exports (no React Native dependencies)
+export { OxyServices, OxyAuthenticationError, OxyAuthenticationTimeoutError } from './core';
+export { OXY_CLOUD_URL, oxyClient } from './core';
+
+// Cross-domain authentication (Web SSO via FedCM/popup/redirect)
+export { CrossDomainAuth, createCrossDomainAuth } from './core';
+export type { CrossDomainAuthOptions } from './core';
+
+// Crypto/Identity exports
+export {
+  KeyManager,
+  SignatureService,
+  RecoveryPhraseService
+} from './crypto';
+export type {
+  KeyPair,
+  SignedMessage,
+  AuthChallenge,
+  RecoveryPhraseResult
+} from './crypto';
+
+// React context and auth hooks
+export { useOxy } from './ui/context/OxyContext';
+export { useAuth } from './ui/hooks/useAuth';
+export type { AuthState, AuthActions, UseAuthReturn } from './ui/hooks/useAuth';
+
+// Web-only provider (NO React Native dependencies)
+export { default as WebOxyProvider } from './ui/components/WebOxyProvider';
+
+// Device management
+export { DeviceManager } from './utils/deviceManager';
+export type { DeviceFingerprint, StoredDeviceInfo } from './utils/deviceManager';
+
+// Language utilities
+export {
+  SUPPORTED_LANGUAGES,
+  getLanguageMetadata,
+  getLanguageName,
+  getNativeLanguageName,
+  normalizeLanguageCode
+} from './utils/languageUtils';
+export type { LanguageMetadata } from './utils/languageUtils';
+
+// Type exports
+export type {
+  OxyConfig,
+  User,
+  LoginResponse,
+  Notification,
+  Wallet,
+  Transaction,
+  TransferFundsRequest,
+  PurchaseRequest,
+  WithdrawalRequest,
+  TransactionResponse,
+  KarmaRule,
+  KarmaHistory,
+  KarmaLeaderboardEntry,
+  KarmaAwardRequest,
+  ApiError,
+  PaymentMethod,
+  PaymentRequest,
+  PaymentResponse,
+  AnalyticsData,
+  FollowerDetails,
+  ContentViewer,
+  FileMetadata,
+  FileUploadResponse,
+  FileListResponse,
+  FileUpdateRequest,
+  FileDeleteResponse,
+  DeviceSession,
+  DeviceSessionsResponse,
+  DeviceSessionLogoutResponse,
+  UpdateDeviceNameResponse,
+  BlockedUser,
+  RestrictedUser,
+  FileVisibility,
+  AssetLink,
+  AssetVariant,
+  Asset,
+  AssetInitRequest,
+  AssetInitResponse,
+  AssetCompleteRequest,
+  AssetLinkRequest,
+  AssetUnlinkRequest,
+  AssetUrlResponse,
+  AssetDeleteSummary,
+  AssetUploadProgress,
+  AssetUpdateVisibilityRequest,
+  AssetUpdateVisibilityResponse,
+  AccountStorageCategoryUsage,
+  AccountStorageUsageResponse,
+  SecurityEventType,
+  SecurityEventSeverity,
+  SecurityActivity,
+  SecurityActivityResponse
+} from './models/interfaces';
+
+export { SECURITY_EVENT_SEVERITY_MAP } from './models/interfaces';
+
+export type {
+  SessionLoginResponse,
+  ClientSession,
+  MinimalUserData
+} from './models/session';
+
+// UI hooks - Stores
+export { useAuthStore } from './ui/stores/authStore';
+export {
+  useAssetStore,
+  useAssets as useAssetsStore,
+  useAsset,
+  useUploadProgress,
+  useAssetLoading,
+  useAssetErrors,
+  useAssetsByApp,
+  useAssetsByEntity,
+  useAssetUsageCount,
+  useIsAssetLinked
+} from './ui/stores/assetStore';
+
+// UI hooks - Custom hooks
+export { useSessionSocket } from './ui/hooks/useSessionSocket';
+export { useAssets, setOxyAssetInstance } from './ui/hooks/useAssets';
+export { useFileDownloadUrl, setOxyFileUrlInstance } from './ui/hooks/useFileDownloadUrl';
+
+// UI hooks - Query hooks (TanStack Query)
+export {
+  useUserProfile,
+  useUserProfiles,
+  useCurrentUser,
+  useUserById,
+  useUserByUsername,
+  useUsersBySessions,
+  usePrivacySettings,
+  useSessions,
+  useSession,
+  useDeviceSessions,
+  useUserDevices,
+  useSecurityInfo,
+  useSecurityActivity,
+  useRecentSecurityActivity,
+} from './ui/hooks/queries';
+
+// UI hooks - Mutation hooks (TanStack Query)
+export {
+  useUpdateProfile,
+  useUploadAvatar,
+  useUpdateAccountSettings,
+  useUpdatePrivacySettings,
+  useUploadFile,
+  useSwitchSession,
+  useLogoutSession,
+  useLogoutAll,
+  useUpdateDeviceName,
+  useRemoveDevice,
+} from './ui/hooks/mutations';
+
+// Mutation factory utilities
+export {
+  createProfileMutation,
+  createGenericMutation,
+} from './ui/hooks/mutations/mutationFactory';
+export type {
+  ProfileMutationConfig,
+  GenericMutationConfig,
+} from './ui/hooks/mutations/mutationFactory';
+
+// Authentication helpers
+export {
+  ensureValidToken,
+  withAuthErrorHandling,
+  authenticatedApiCall,
+  isAuthenticationError,
+  SessionSyncRequiredError,
+  AuthenticationFailedError,
+} from './ui/utils/authHelpers';
+export type { HandleApiErrorOptions } from './ui/utils/authHelpers';
+
+// File filtering hook
+export { useFileFiltering } from './ui/hooks/useFileFiltering';
+export type { ViewMode, SortBy, SortOrder } from './ui/hooks/useFileFiltering';
+
+// Note: UI components like OxySignInButton and OxyLogo use React Native
+// and are not included in the /web entry point. For pure web apps, use the
+// useAuth hook and create your own sign-in button.
+
+// Utilities
+export * from './utils/apiUtils';
+export {
+  ErrorCodes,
+  createApiError,
+  handleHttpError,
+  validateRequiredFields,
+  retryWithBackoff
+} from './utils/errorUtils';
+export * from './utils/validationUtils';
+export {
+  logger,
+  LogLevel,
+  logAuth,
+  logApi,
+  logSession,
+  logUser,
+  logDevice,
+  logPayment,
+  logPerformance
+} from './utils/loggerUtils';
+export type { LogContext } from './utils/loggerUtils';
+export * from './utils/asyncUtils';
+export * from './utils/hookUtils';

package/lib/commonjs/ui/components/profile/EditBioModal.js

@@ -1,49 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EditBioModal = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _EditFieldModal = require("./EditFieldModal.js");
-var _useProfileEditing = require("../../hooks/useProfileEditing.js");
-var _useI18n = require("../../hooks/useI18n.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const EditBioModal = ({
-  visible,
-  onClose,
-  initialValue = '',
-  theme = 'light',
-  onSave
-}) => {
-  const {
-    t
-  } = (0, _useI18n.useI18n)();
-  const {
-    updateField
-  } = (0, _useProfileEditing.useProfileEditing)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditFieldModal.EditFieldModal, {
-    visible: visible,
-    onClose: onClose,
-    title: t('editProfile.items.bio.title') || 'Bio',
-    theme: theme,
-    onSave: onSave,
-    variant: "single",
-    fields: [{
-      key: 'bio',
-      label: t('editProfile.items.bio.label') || 'Bio',
-      initialValue,
-      placeholder: t('editProfile.items.bio.placeholder') || 'Tell people about yourself...',
-      inputProps: {
-        multiline: true,
-        numberOfLines: 6
-      }
-    }],
-    onSubmit: async data => {
-      return await updateField('bio', data.bio);
-    }
-  });
-};
-exports.EditBioModal = EditBioModal;
-//# sourceMappingURL=EditBioModal.js.map

package/lib/commonjs/ui/components/profile/EditBioModal.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_EditFieldModal","_useProfileEditing","_useI18n","_jsxRuntime","e","__esModule","default","EditBioModal","visible","onClose","initialValue","theme","onSave","t","useI18n","updateField","useProfileEditing","jsx","EditFieldModal","title","variant","fields","key","label","placeholder","inputProps","multiline","numberOfLines","onSubmit","data","bio","exports"],"sourceRoot":"../../../../../src","sources":["ui/components/profile/EditBioModal.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAA8C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAUvC,MAAMG,YAAyC,GAAGA,CAAC;EACxDC,OAAO;EACPC,OAAO;EACPC,YAAY,GAAG,EAAE;EACjBC,KAAK,GAAG,OAAO;EACfC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,gBAAO,EAAC,CAAC;EACvB,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAE3C,oBACE,IAAAb,WAAA,CAAAc,GAAA,EAACjB,eAAA,CAAAkB,cAAc;IACbV,OAAO,EAAEA,OAAQ;IACjBC,OAAO,EAAEA,OAAQ;IACjBU,KAAK,EAAEN,CAAC,CAAC,6BAA6B,CAAC,IAAI,KAAM;IACjDF,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfQ,OAAO,EAAC,QAAQ;IAChBC,MAAM,EAAE,CACN;MACEC,GAAG,EAAE,KAAK;MACVC,KAAK,EAAEV,CAAC,CAAC,6BAA6B,CAAC,IAAI,KAAK;MAChDH,YAAY;MACZc,WAAW,EAAEX,CAAC,CAAC,mCAAmC,CAAC,IAAI,+BAA+B;MACtFY,UAAU,EAAE;QAAEC,SAAS,EAAE,IAAI;QAAEC,aAAa,EAAE;MAAE;IAClD,CAAC,CACD;IACFC,QAAQ,EAAE,MAAOC,IAAI,IAAK;MACxB,OAAO,MAAMd,WAAW,CAAC,KAAK,EAAEc,IAAI,CAACC,GAAa,CAAC;IACrD;EAAE,CACH,CAAC;AAEN,CAAC;AAACC,OAAA,CAAAxB,YAAA,GAAAA,YAAA","ignoreList":[]}