@oxyhq/services 5.18.2 → 5.18.4

package/lib/module/core/mixins/index.js

@@ -2,7 +2,7 @@
 
 /**
  * Centralized mixin exports and composition helper
- * 
+ *
  * This module provides a clean way to compose all mixins
  * and ensures consistent ordering for better maintainability
  */
@@ -26,24 +26,47 @@ import { OxyServicesSecurityMixin } from "./OxyServices.security.js";
 import { OxyServicesUtilityMixin } from "./OxyServices.utility.js";
 import { OxyServicesFeaturesMixin } from "./OxyServices.features.js";
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+
 /**
- * Composes all OxyServices mixins in the correct order
+ * Mixin pipeline - applied in order from first to last.
  *
- * Order matters for mixins - dependencies should be applied first.
- * This function ensures consistent composition across the codebase.
+ * Order matters for dependencies:
+ * 1. Base auth mixin first (required by all others)
+ * 2. Cross-domain auth mixins (FedCM, Popup, Redirect)
+ * 3. User mixin (requires auth)
+ * 4. Feature mixins (can depend on user)
+ * 5. Utility mixin last (augments all)
  *
- * New cross-domain auth mixins added:
- * - FedCM: Modern browser-native identity federation (Google-style)
- * - Popup: OAuth2-style popup authentication
- * - Redirect: Traditional redirect-based authentication
+ * To add a new mixin: insert it at the appropriate position in this array.
+ */
+const MIXIN_PIPELINE = [
+// Base authentication
+OxyServicesAuthMixin,
+// Cross-domain authentication (web-only)
+// - FedCM: Modern browser-native identity federation (Google-style)
+// - Popup: OAuth2-style popup authentication
+// - Redirect: Traditional redirect-based authentication
+OxyServicesFedCMMixin, OxyServicesPopupAuthMixin, OxyServicesRedirectAuthMixin,
+// User management (requires auth)
+OxyServicesUserMixin, OxyServicesPrivacyMixin,
+// Feature mixins
+OxyServicesLanguageMixin, OxyServicesPaymentMixin, OxyServicesKarmaMixin, OxyServicesAssetsMixin, OxyServicesDeveloperMixin, OxyServicesLocationMixin, OxyServicesAnalyticsMixin, OxyServicesDevicesMixin, OxyServicesSecurityMixin, OxyServicesFeaturesMixin,
+// Utility (last, can use all above)
+OxyServicesUtilityMixin];
+
+/**
+ * Composes all OxyServices mixins using a pipeline pattern.
+ *
+ * This is equivalent to the nested calls but more readable and maintainable.
+ * Adding a new mixin: just add it to MIXIN_PIPELINE at the appropriate position.
  *
  * @returns The fully composed OxyServices class with all mixins applied
  */
 export function composeOxyServices() {
-  return OxyServicesUtilityMixin(OxyServicesFeaturesMixin(OxyServicesSecurityMixin(OxyServicesDevicesMixin(OxyServicesAnalyticsMixin(OxyServicesLocationMixin(OxyServicesDeveloperMixin(OxyServicesAssetsMixin(OxyServicesKarmaMixin(OxyServicesPaymentMixin(OxyServicesLanguageMixin(OxyServicesPrivacyMixin(OxyServicesUserMixin(
-  // Cross-domain authentication mixins (web-only)
-  OxyServicesRedirectAuthMixin(OxyServicesPopupAuthMixin(OxyServicesFedCMMixin(
-  // Base authentication mixin
-  OxyServicesAuthMixin(OxyServicesBase)))))))))))))))));
+  return MIXIN_PIPELINE.reduce((Base, mixin) => mixin(Base), OxyServicesBase);
 }
+
+// Export the pipeline for testing/debugging
+export { MIXIN_PIPELINE };
 //# sourceMappingURL=index.js.map

package/lib/module/core/mixins/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["OxyServicesBase","OxyServicesAuthMixin","OxyServicesFedCMMixin","OxyServicesPopupAuthMixin","OxyServicesRedirectAuthMixin","OxyServicesUserMixin","OxyServicesPrivacyMixin","OxyServicesLanguageMixin","OxyServicesPaymentMixin","OxyServicesKarmaMixin","OxyServicesAssetsMixin","OxyServicesDeveloperMixin","OxyServicesLocationMixin","OxyServicesAnalyticsMixin","OxyServicesDevicesMixin","OxyServicesSecurityMixin","OxyServicesUtilityMixin","OxyServicesFeaturesMixin","composeOxyServices"],"sourceRoot":"../../../../src","sources":["core/mixins/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,eAAe,QAAQ,wBAAqB;AACrD,SAASC,oBAAoB,QAAQ,uBAAoB;AACzD,SAASC,qBAAqB,QAAQ,wBAAqB;AAC3D,SAASC,yBAAyB,QAAQ,wBAAqB;AAC/D,SAASC,4BAA4B,QAAQ,2BAAwB;AACrE,SAASC,oBAAoB,QAAQ,uBAAoB;AACzD,SAASC,uBAAuB,QAAQ,0BAAuB;AAC/D,SAASC,wBAAwB,QAAQ,2BAAwB;AACjE,SAASC,uBAAuB,QAAQ,0BAAuB;AAC/D,SAASC,qBAAqB,QAAQ,wBAAqB;AAC3D,SAASC,sBAAsB,QAAQ,yBAAsB;AAC7D,SAASC,yBAAyB,QAAQ,4BAAyB;AACnE,SAASC,wBAAwB,QAAQ,2BAAwB;AACjE,SAASC,yBAAyB,QAAQ,4BAAyB;AACnE,SAASC,uBAAuB,QAAQ,0BAAuB;AAC/D,SAASC,wBAAwB,QAAQ,2BAAwB;AACjE,SAASC,uBAAuB,QAAQ,0BAAuB;AAC/D,SAASC,wBAAwB,QAAQ,2BAAwB;;AAEjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAAA,EAAG;EACnC,OAAOF,uBAAuB,CAC5BC,wBAAwB,CACtBF,wBAAwB,CACtBD,uBAAuB,CACrBD,yBAAyB,CACvBD,wBAAwB,CACtBD,yBAAyB,CACvBD,sBAAsB,CACpBD,qBAAqB,CACnBD,uBAAuB,CACrBD,wBAAwB,CACtBD,uBAAuB,CACrBD,oBAAoB;EAClB;EACAD,4BAA4B,CAC1BD,yBAAyB,CACvBD,qBAAqB;EACnB;EACAD,oBAAoB,CAACD,eAAe,CACtC,CACF,CACF,CACF,CACF,CACF,CACF,CACF,CACF,CACF,CACF,CACF,CACF,CACF,CACF,CACF,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["OxyServicesBase","OxyServicesAuthMixin","OxyServicesFedCMMixin","OxyServicesPopupAuthMixin","OxyServicesRedirectAuthMixin","OxyServicesUserMixin","OxyServicesPrivacyMixin","OxyServicesLanguageMixin","OxyServicesPaymentMixin","OxyServicesKarmaMixin","OxyServicesAssetsMixin","OxyServicesDeveloperMixin","OxyServicesLocationMixin","OxyServicesAnalyticsMixin","OxyServicesDevicesMixin","OxyServicesSecurityMixin","OxyServicesUtilityMixin","OxyServicesFeaturesMixin","MIXIN_PIPELINE","composeOxyServices","reduce","Base","mixin"],"sourceRoot":"../../../../src","sources":["core/mixins/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,eAAe,QAAQ,wBAAqB;AACrD,SAASC,oBAAoB,QAAQ,uBAAoB;AACzD,SAASC,qBAAqB,QAAQ,wBAAqB;AAC3D,SAASC,yBAAyB,QAAQ,wBAAqB;AAC/D,SAASC,4BAA4B,QAAQ,2BAAwB;AACrE,SAASC,oBAAoB,QAAQ,uBAAoB;AACzD,SAASC,uBAAuB,QAAQ,0BAAuB;AAC/D,SAASC,wBAAwB,QAAQ,2BAAwB;AACjE,SAASC,uBAAuB,QAAQ,0BAAuB;AAC/D,SAASC,qBAAqB,QAAQ,wBAAqB;AAC3D,SAASC,sBAAsB,QAAQ,yBAAsB;AAC7D,SAASC,yBAAyB,QAAQ,4BAAyB;AACnE,SAASC,wBAAwB,QAAQ,2BAAwB;AACjE,SAASC,yBAAyB,QAAQ,4BAAyB;AACnE,SAASC,uBAAuB,QAAQ,0BAAuB;AAC/D,SAASC,wBAAwB,QAAQ,2BAAwB;AACjE,SAASC,uBAAuB,QAAQ,0BAAuB;AAC/D,SAASC,wBAAwB,QAAQ,2BAAwB;;AAEjE;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,cAA+B,GAAG;AACpC;AACAjB,oBAAoB;AAEpB;AACA;AACA;AACA;AACAC,qBAAqB,EACrBC,yBAAyB,EACzBC,4BAA4B;AAE5B;AACAC,oBAAoB,EACpBC,uBAAuB;AAEvB;AACAC,wBAAwB,EACxBC,uBAAuB,EACvBC,qBAAqB,EACrBC,sBAAsB,EACtBC,yBAAyB,EACzBC,wBAAwB,EACxBC,yBAAyB,EACzBC,uBAAuB,EACvBC,wBAAwB,EACxBE,wBAAwB;AAExB;AACAD,uBAAuB,CAC1B;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASG,kBAAkBA,CAAA,EAAG;EACjC,OAAOD,cAAc,CAACE,MAAM,CACxB,CAACC,IAAI,EAAEC,KAAK,KAAKA,KAAK,CAACD,IAAI,CAAC,EAC5BrB,eACJ,CAAC;AACL;;AAEA;AACA,SAASkB,cAAc","ignoreList":[]}

package/lib/module/index.js

@@ -21,12 +21,15 @@ export { OXY_CLOUD_URL, oxyClient } from "./core/index.js";
 
 // Cross-domain authentication (Web SSO via FedCM/popup/redirect)
 export { CrossDomainAuth, createCrossDomainAuth } from "./core/index.js";
-// React context
+// React context and auth hooks
 export { useOxy } from "./ui/context/OxyContext.js";
-
+export { useAuth } from "./ui/hooks/useAuth.js";
 // Streamlined provider with built-in bottom sheet
 export { default as OxyProvider } from "./ui/components/OxyProvider.js";
 
+// Web-only provider (no React Native dependencies)
+export { default as WebOxyProvider } from "./ui/components/WebOxyProvider.js";
+
 // Device management
 export { DeviceManager } from "./utils/deviceManager.js";
 // Language utilities

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["KeyManager","SignatureService","RecoveryPhraseService","OxyServices","OxyAuthenticationError","OxyAuthenticationTimeoutError","OXY_CLOUD_URL","oxyClient","CrossDomainAuth","createCrossDomainAuth","useOxy","default","OxyProvider","DeviceManager","SUPPORTED_LANGUAGES","getLanguageMetadata","getLanguageName","getNativeLanguageName","normalizeLanguageCode","SECURITY_EVENT_SEVERITY_MAP","useAuthStore","useAssetStore","useAssets","useAssetsStore","useAsset","useUploadProgress","useAssetLoading","useAssetErrors","useAssetsByApp","useAssetsByEntity","useAssetUsageCount","useIsAssetLinked","useSessionSocket","setOxyAssetInstance","useFileDownloadUrl","setOxyFileUrlInstance","useUserProfile","useUserProfiles","useCurrentUser","useUserById","useUserByUsername","useUsersBySessions","usePrivacySettings","useSessions","useSession","useDeviceSessions","useUserDevices","useSecurityInfo","useSecurityActivity","useRecentSecurityActivity","useUpdateProfile","useUploadAvatar","useUpdateAccountSettings","useUpdatePrivacySettings","useUploadFile","useSwitchSession","useLogoutSession","useLogoutAll","useUpdateDeviceName","useRemoveDevice","OxySignInButton","OxyLogo","FollowButton","ErrorCodes","createApiError","handleHttpError","validateRequiredFields","retryWithBackoff","logger","LogLevel","LogContext","logAuth","logApi","logSession","logUser","logDevice","logPayment","logPerformance"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,OAAO,sBAAmB;;AAE1B;AACA,SACEA,UAAU,EACVC,gBAAgB,EAChBC,qBAAqB,QAChB,mBAAU;;AAEjB;AACA,SAASC,WAAW,EAAEC,sBAAsB,EAAEC,6BAA6B,QAAQ,iBAAQ;AAC3F,SAASC,aAAa,EAAEC,SAAS,QAAQ,iBAAQ;;AAEjD;AACA,SAASC,eAAe,EAAEC,qBAAqB,QAAQ,iBAAQ;AAS/D;AACA,SAASC,MAAM,QAAQ,4BAAyB;;AAEhD;AACA,SAASC,OAAO,IAAIC,WAAW,QAAQ,gCAA6B;;AAEpE;AACA,SAASC,aAAa,QAAQ,0BAAuB;AAGrD;AACA,SACEC,mBAAmB,EACnBC,mBAAmB,EACnBC,eAAe,EACfC,qBAAqB,EACrBC,qBAAqB,QAChB,0BAAuB;;AAG9B;;AA6DA;AACA,SAASC,2BAA2B,QAAQ,wBAAqB;AAQjE;AACA,SAASC,YAAY,QAAQ,0BAAuB;AACpD,SACEC,aAAa,EACbC,SAAS,IAAIC,cAAc,EAC3BC,QAAQ,EACRC,iBAAiB,EACjBC,eAAe,EACfC,cAAc,EACdC,cAAc,EACdC,iBAAiB,EACjBC,kBAAkB,EAClBC,gBAAgB,QACX,2BAAwB;;AAE/B;AACA,SAASC,gBAAgB,QAAQ,gCAA6B;AAC9D,SAASV,SAAS,EAAEW,mBAAmB,QAAQ,yBAAsB;AACrE,SAASC,kBAAkB,EAAEC,qBAAqB,QAAQ,kCAA+B;;AAEzF;AACA;AACE;AACAC,cAAc,EACdC,eAAe,EACfC,cAAc,EACdC,WAAW,EACXC,iBAAiB,EACjBC,kBAAkB,EAClBC,kBAAkB;AAClB;AACAC,WAAW,EACXC,UAAU,EACVC,iBAAiB,EACjBC,cAAc,EACdC,eAAe;AACf;AACAC,mBAAmB,EACnBC,yBAAyB,QACpB,6BAAoB;;AAE3B;AACA;AACE;AACAC,gBAAgB,EAChBC,eAAe,EACfC,wBAAwB,EACxBC,wBAAwB,EACxBC,aAAa;AACb;AACAC,gBAAgB,EAChBC,gBAAgB,EAChBC,YAAY,EACZC,mBAAmB,EACnBC,eAAe,QACV,+BAAsB;;AAE7B;AACA,SAASC,eAAe,QAAQ,oCAAiC;AACjE,SAASC,OAAO,EAAEC,YAAY,QAAQ,eAAM;;AAE5C;AACA,cAAc,qBAAkB;AAChC,SACEC,UAAU,EACVC,cAAc,EACdC,eAAe,EACfC,sBAAsB,EACtBC,gBAAgB,QACX,uBAAoB;AAC3B,cAAc,4BAAyB;AACvC,SACEC,MAAM,EACNC,QAAQ,EACRC,UAAU,EACVC,OAAO,EACPC,MAAM,EACNC,UAAU,EACVC,OAAO,EACPC,SAAS,EACTC,UAAU,EACVC,cAAc,QACT,wBAAqB;AAC5B,cAAc,uBAAoB;AAClC,cAAc,sBAAmB","ignoreList":[]}
+{"version":3,"names":["KeyManager","SignatureService","RecoveryPhraseService","OxyServices","OxyAuthenticationError","OxyAuthenticationTimeoutError","OXY_CLOUD_URL","oxyClient","CrossDomainAuth","createCrossDomainAuth","useOxy","useAuth","default","OxyProvider","WebOxyProvider","DeviceManager","SUPPORTED_LANGUAGES","getLanguageMetadata","getLanguageName","getNativeLanguageName","normalizeLanguageCode","SECURITY_EVENT_SEVERITY_MAP","useAuthStore","useAssetStore","useAssets","useAssetsStore","useAsset","useUploadProgress","useAssetLoading","useAssetErrors","useAssetsByApp","useAssetsByEntity","useAssetUsageCount","useIsAssetLinked","useSessionSocket","setOxyAssetInstance","useFileDownloadUrl","setOxyFileUrlInstance","useUserProfile","useUserProfiles","useCurrentUser","useUserById","useUserByUsername","useUsersBySessions","usePrivacySettings","useSessions","useSession","useDeviceSessions","useUserDevices","useSecurityInfo","useSecurityActivity","useRecentSecurityActivity","useUpdateProfile","useUploadAvatar","useUpdateAccountSettings","useUpdatePrivacySettings","useUploadFile","useSwitchSession","useLogoutSession","useLogoutAll","useUpdateDeviceName","useRemoveDevice","OxySignInButton","OxyLogo","FollowButton","ErrorCodes","createApiError","handleHttpError","validateRequiredFields","retryWithBackoff","logger","LogLevel","LogContext","logAuth","logApi","logSession","logUser","logDevice","logPayment","logPerformance"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,OAAO,sBAAmB;;AAE1B;AACA,SACEA,UAAU,EACVC,gBAAgB,EAChBC,qBAAqB,QAChB,mBAAU;;AAEjB;AACA,SAASC,WAAW,EAAEC,sBAAsB,EAAEC,6BAA6B,QAAQ,iBAAQ;AAC3F,SAASC,aAAa,EAAEC,SAAS,QAAQ,iBAAQ;;AAEjD;AACA,SAASC,eAAe,EAAEC,qBAAqB,QAAQ,iBAAQ;AAS/D;AACA,SAASC,MAAM,QAAQ,4BAAyB;AAChD,SAASC,OAAO,QAAQ,uBAAoB;AAG5C;AACA,SAASC,OAAO,IAAIC,WAAW,QAAQ,gCAA6B;;AAEpE;AACA,SAASD,OAAO,IAAIE,cAAc,QAAQ,mCAAgC;;AAE1E;AACA,SAASC,aAAa,QAAQ,0BAAuB;AAGrD;AACA,SACEC,mBAAmB,EACnBC,mBAAmB,EACnBC,eAAe,EACfC,qBAAqB,EACrBC,qBAAqB,QAChB,0BAAuB;;AAG9B;;AA6DA;AACA,SAASC,2BAA2B,QAAQ,wBAAqB;AAQjE;AACA,SAASC,YAAY,QAAQ,0BAAuB;AACpD,SACEC,aAAa,EACbC,SAAS,IAAIC,cAAc,EAC3BC,QAAQ,EACRC,iBAAiB,EACjBC,eAAe,EACfC,cAAc,EACdC,cAAc,EACdC,iBAAiB,EACjBC,kBAAkB,EAClBC,gBAAgB,QACX,2BAAwB;;AAE/B;AACA,SAASC,gBAAgB,QAAQ,gCAA6B;AAC9D,SAASV,SAAS,EAAEW,mBAAmB,QAAQ,yBAAsB;AACrE,SAASC,kBAAkB,EAAEC,qBAAqB,QAAQ,kCAA+B;;AAEzF;AACA;AACE;AACAC,cAAc,EACdC,eAAe,EACfC,cAAc,EACdC,WAAW,EACXC,iBAAiB,EACjBC,kBAAkB,EAClBC,kBAAkB;AAClB;AACAC,WAAW,EACXC,UAAU,EACVC,iBAAiB,EACjBC,cAAc,EACdC,eAAe;AACf;AACAC,mBAAmB,EACnBC,yBAAyB,QACpB,6BAAoB;;AAE3B;AACA;AACE;AACAC,gBAAgB,EAChBC,eAAe,EACfC,wBAAwB,EACxBC,wBAAwB,EACxBC,aAAa;AACb;AACAC,gBAAgB,EAChBC,gBAAgB,EAChBC,YAAY,EACZC,mBAAmB,EACnBC,eAAe,QACV,+BAAsB;;AAE7B;AACA,SAASC,eAAe,QAAQ,oCAAiC;AACjE,SAASC,OAAO,EAAEC,YAAY,QAAQ,eAAM;;AAE5C;AACA,cAAc,qBAAkB;AAChC,SACEC,UAAU,EACVC,cAAc,EACdC,eAAe,EACfC,sBAAsB,EACtBC,gBAAgB,QACX,uBAAoB;AAC3B,cAAc,4BAAyB;AACvC,SACEC,MAAM,EACNC,QAAQ,EACRC,UAAU,EACVC,OAAO,EACPC,MAAM,EACNC,UAAU,EACVC,OAAO,EACPC,SAAS,EACTC,UAAU,EACVC,cAAc,QACT,wBAAqB;AAC5B,cAAc,uBAAoB;AAClC,cAAc,sBAAmB","ignoreList":[]}

package/lib/module/ui/client.js

@@ -0,0 +1,48 @@
+"use strict";
+
+/**
+ * Client-only UI exports (tree-shakeable)
+ *
+ * Import from this module for client-side bundles where tree-shaking is important.
+ * These are direct exports without runtime detection overhead.
+ *
+ * @example
+ * import { OxyProvider, useOxy, Avatar } from '@oxyhq/services/ui/client';
+ */
+
+// Components
+export { default as OxyProvider } from "./components/OxyProvider.js";
+export { default as WebOxyProvider } from "./components/WebOxyProvider.js";
+export { default as OxySignInButton } from "./components/OxySignInButton.js";
+export { default as OxyLogo } from "./components/OxyLogo.js";
+export { default as Avatar } from "./components/Avatar.js";
+export { default as FollowButton } from "./components/FollowButton.js";
+export { default as OxyPayButton } from "./components/OxyPayButton.js";
+export { FontLoader, setupFonts } from "./components/FontLoader.js";
+export { OxyIcon } from "./components/icon/index.js";
+
+// Context
+export { useOxy } from "./context/OxyContext.js";
+
+// Hooks
+export { useAuth } from "./hooks/useAuth.js";
+export { useFollow } from "./hooks/index.js";
+export { useStorage } from "./hooks/useStorage.js";
+// Screens
+export { default as ProfileScreen } from "./screens/ProfileScreen.js";
+
+// Stores
+export { useAuthStore } from "./stores/authStore.js";
+export { useAccountStore } from "./stores/accountStore.js";
+
+// Styles
+export { fontFamilies, fontStyles } from "./styles/fonts.js";
+
+// Toast
+export { toast } from "../lib/sonner.js";
+
+// Core re-exports for convenience
+export { OxyServices } from "../core/index.js";
+// Error handler utilities
+export { handleAuthError, isInvalidSessionError, isTimeoutOrNetworkError, extractErrorMessage } from "./utils/errorHandlers.js";
+//# sourceMappingURL=client.js.map

package/lib/module/ui/client.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","OxyProvider","WebOxyProvider","OxySignInButton","OxyLogo","Avatar","FollowButton","OxyPayButton","FontLoader","setupFonts","OxyIcon","useOxy","useAuth","useFollow","useStorage","ProfileScreen","useAuthStore","useAccountStore","fontFamilies","fontStyles","toast","OxyServices","handleAuthError","isInvalidSessionError","isTimeoutOrNetworkError","extractErrorMessage"],"sourceRoot":"../../../src","sources":["ui/client.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,SAASA,OAAO,IAAIC,WAAW,QAAQ,6BAA0B;AACjE,SAASD,OAAO,IAAIE,cAAc,QAAQ,gCAA6B;AACvE,SAASF,OAAO,IAAIG,eAAe,QAAQ,iCAA8B;AACzE,SAASH,OAAO,IAAII,OAAO,QAAQ,yBAAsB;AACzD,SAASJ,OAAO,IAAIK,MAAM,QAAQ,wBAAqB;AACvD,SAASL,OAAO,IAAIM,YAAY,QAAQ,8BAA2B;AACnE,SAASN,OAAO,IAAIO,YAAY,QAAQ,8BAA2B;AACnE,SAASC,UAAU,EAAEC,UAAU,QAAQ,4BAAyB;AAChE,SAASC,OAAO,QAAQ,4BAAmB;;AAE3C;AACA,SAASC,MAAM,QAAQ,yBAAsB;;AAE7C;AACA,SAASC,OAAO,QAAQ,oBAAiB;AAEzC,SAASC,SAAS,QAAQ,kBAAS;AACnC,SAASC,UAAU,QAAQ,uBAAoB;AAG/C;AACA,SAASd,OAAO,IAAIe,aAAa,QAAQ,4BAAyB;;AAElE;AACA,SAASC,YAAY,QAAQ,uBAAoB;AACjD,SAASC,eAAe,QAAQ,0BAAuB;;AAEvD;AACA,SAASC,YAAY,EAAEC,UAAU,QAAQ,mBAAgB;;AAEzD;AACA,SAASC,KAAK,QAAQ,kBAAe;;AAErC;AACA,SAASC,WAAW,QAAQ,kBAAS;AAGrC;AACA,SACIC,eAAe,EACfC,qBAAqB,EACrBC,uBAAuB,EACvBC,mBAAmB,QAChB,0BAAuB","ignoreList":[]}

package/lib/module/ui/components/WebOxyProvider.js

@@ -0,0 +1,94 @@
+"use strict";
+
+/**
+ * WebOxyProvider - OxyProvider for web apps (Next.js, React)
+ *
+ * This provider is specifically for web environments and doesn't include
+ * React Native-specific dependencies. It provides:
+ * - Automatic cross-domain SSO via hidden iframe
+ * - Session management
+ * - All useOxy/useAuth functionality
+ *
+ * Usage:
+ * ```tsx
+ * import { WebOxyProvider, useAuth } from '@oxyhq/services';
+ *
+ * function App() {
+ *   return (
+ *     <WebOxyProvider baseURL="https://api.oxy.so">
+ *       <YourApp />
+ *     </WebOxyProvider>
+ *   );
+ * }
+ * ```
+ */
+
+import { useEffect, useRef, useState } from 'react';
+import { OxyContextProvider } from "../context/OxyContext.js";
+import { QueryClientProvider } from '@tanstack/react-query';
+import { createQueryClient } from "../hooks/queryClient.js";
+import { createPlatformStorage } from "../utils/storageHelpers.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * OxyProvider for web applications
+ *
+ * Features:
+ * - Automatic cross-domain SSO (checks auth.oxy.so/auth/silent on mount)
+ * - Session persistence in localStorage
+ * - TanStack Query for data fetching
+ * - No React Native dependencies
+ */
+const WebOxyProvider = ({
+  children,
+  baseURL,
+  authWebUrl,
+  onAuthStateChange,
+  storageKeyPrefix,
+  queryClient: providedQueryClient
+}) => {
+  const storageRef = useRef(null);
+  const queryClientRef = useRef(null);
+  const [queryClient, setQueryClient] = useState(null);
+  useEffect(() => {
+    if (providedQueryClient) {
+      queryClientRef.current = providedQueryClient;
+      setQueryClient(providedQueryClient);
+      return;
+    }
+    let mounted = true;
+    createPlatformStorage().then(storage => {
+      if (mounted && !queryClientRef.current) {
+        storageRef.current = storage;
+        const client = createQueryClient(storage);
+        queryClientRef.current = client;
+        setQueryClient(client);
+      }
+    }).catch(() => {
+      if (mounted && !queryClientRef.current) {
+        const client = createQueryClient(null);
+        queryClientRef.current = client;
+        setQueryClient(client);
+      }
+    });
+    return () => {
+      mounted = false;
+    };
+  }, [providedQueryClient]);
+
+  // Wait for query client to be ready
+  if (!queryClient) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(QueryClientProvider, {
+    client: queryClient,
+    children: /*#__PURE__*/_jsx(OxyContextProvider, {
+      baseURL: baseURL,
+      authWebUrl: authWebUrl,
+      storageKeyPrefix: storageKeyPrefix,
+      onAuthStateChange: onAuthStateChange,
+      children: children
+    })
+  });
+};
+export default WebOxyProvider;
+//# sourceMappingURL=WebOxyProvider.js.map

package/lib/module/ui/components/WebOxyProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","useState","OxyContextProvider","QueryClientProvider","createQueryClient","createPlatformStorage","jsx","_jsx","WebOxyProvider","children","baseURL","authWebUrl","onAuthStateChange","storageKeyPrefix","queryClient","providedQueryClient","storageRef","queryClientRef","setQueryClient","current","mounted","then","storage","client","catch"],"sourceRoot":"../../../../src","sources":["ui/components/WebOxyProvider.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAiC,OAAO;AAC5E,SAASC,kBAAkB,QAAQ,0BAAuB;AAC1D,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,iBAAiB,QAAQ,yBAAsB;AACxD,SAASC,qBAAqB,QAA+B,4BAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAWvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,cAAuC,GAAGA,CAAC;EAC/CC,QAAQ;EACRC,OAAO;EACPC,UAAU;EACVC,iBAAiB;EACjBC,gBAAgB;EAChBC,WAAW,EAAEC;AACf,CAAC,KAAK;EACJ,MAAMC,UAAU,GAAGhB,MAAM,CAA0B,IAAI,CAAC;EACxD,MAAMiB,cAAc,GAAGjB,MAAM,CAA8C,IAAI,CAAC;EAChF,MAAM,CAACc,WAAW,EAAEI,cAAc,CAAC,GAAGjB,QAAQ,CAA8C,IAAI,CAAC;EAEjGF,SAAS,CAAC,MAAM;IACd,IAAIgB,mBAAmB,EAAE;MACvBE,cAAc,CAACE,OAAO,GAAGJ,mBAAmB;MAC5CG,cAAc,CAACH,mBAAmB,CAAC;MACnC;IACF;IAEA,IAAIK,OAAO,GAAG,IAAI;IAClBf,qBAAqB,CAAC,CAAC,CACpBgB,IAAI,CAAEC,OAAO,IAAK;MACjB,IAAIF,OAAO,IAAI,CAACH,cAAc,CAACE,OAAO,EAAE;QACtCH,UAAU,CAACG,OAAO,GAAGG,OAAO;QAC5B,MAAMC,MAAM,GAAGnB,iBAAiB,CAACkB,OAAO,CAAC;QACzCL,cAAc,CAACE,OAAO,GAAGI,MAAM;QAC/BL,cAAc,CAACK,MAAM,CAAC;MACxB;IACF,CAAC,CAAC,CACDC,KAAK,CAAC,MAAM;MACX,IAAIJ,OAAO,IAAI,CAACH,cAAc,CAACE,OAAO,EAAE;QACtC,MAAMI,MAAM,GAAGnB,iBAAiB,CAAC,IAAI,CAAC;QACtCa,cAAc,CAACE,OAAO,GAAGI,MAAM;QAC/BL,cAAc,CAACK,MAAM,CAAC;MACxB;IACF,CAAC,CAAC;IAEJ,OAAO,MAAM;MACXH,OAAO,GAAG,KAAK;IACjB,CAAC;EACH,CAAC,EAAE,CAACL,mBAAmB,CAAC,CAAC;;EAEzB;EACA,IAAI,CAACD,WAAW,EAAE;IAChB,OAAO,IAAI;EACb;EAEA,oBACEP,IAAA,CAACJ,mBAAmB;IAACoB,MAAM,EAAET,WAAY;IAAAL,QAAA,eACvCF,IAAA,CAACL,kBAAkB;MACjBQ,OAAO,EAAEA,OAAQ;MACjBC,UAAU,EAAEA,UAAW;MACvBE,gBAAgB,EAAEA,gBAAiB;MACnCD,iBAAiB,EAAEA,iBAAkB;MAAAH,QAAA,EAEpCA;IAAQ,CACS;EAAC,CACF,CAAC;AAE1B,CAAC;AAED,eAAeD,cAAc","ignoreList":[]}

package/lib/module/ui/components/profile/EditFieldModal.js

@@ -0,0 +1,406 @@
+"use strict";
+
+import React, { useState, useEffect, useCallback } from 'react';
+import { View, Text, TextInput, TouchableOpacity, StyleSheet, Modal, Platform, ScrollView } from 'react-native';
+import { Ionicons } from '@expo/vector-icons';
+import { useThemeStyles } from "../../hooks/useThemeStyles.js";
+import { useColorScheme } from "../../hooks/use-color-scheme.js";
+import { useI18n } from "../../hooks/useI18n.js";
+import { fontFamilies } from "../../styles/fonts.js";
+import { useProfileEditing } from "../../hooks/useProfileEditing.js";
+
+/**
+ * Field configuration for single/multi field variants
+ */
+
+/**
+ * List item for list variant
+ */
+
+/**
+ * Configuration for list variant
+ */
+
+/**
+ * Props for EditFieldModal
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Generic modal component for editing profile fields.
+ *
+ * Supports three variants:
+ * - single: Single text input (username, email, bio)
+ * - multi: Multiple text inputs (display name with first/last)
+ * - list: Add/remove list items (links, locations)
+ *
+ * @example
+ * // Single field (bio)
+ * <EditFieldModal
+ *     visible={showBioModal}
+ *     onClose={() => setShowBioModal(false)}
+ *     title="Bio"
+ *     variant="single"
+ *     fields={[{
+ *         key: 'bio',
+ *         label: 'Bio',
+ *         initialValue: user.bio,
+ *         placeholder: 'Tell people about yourself...',
+ *         inputProps: { multiline: true, numberOfLines: 6 }
+ *     }]}
+ *     onSubmit={async (data) => updateField('bio', data.bio)}
+ * />
+ *
+ * @example
+ * // Multi field (display name)
+ * <EditFieldModal
+ *     visible={showNameModal}
+ *     onClose={() => setShowNameModal(false)}
+ *     title="Display Name"
+ *     variant="multi"
+ *     fields={[
+ *         { key: 'firstName', label: 'First Name', initialValue: user.name?.first },
+ *         { key: 'lastName', label: 'Last Name', initialValue: user.name?.last }
+ *     ]}
+ *     onSubmit={async (data) => saveProfile({ displayName: data.firstName, lastName: data.lastName })}
+ * />
+ */
+export function EditFieldModal({
+  visible,
+  onClose,
+  title,
+  theme = 'light',
+  onSave,
+  variant,
+  fields = [],
+  listConfig,
+  onSubmit,
+  saveDisabled = false
+}) {
+  const {
+    t
+  } = useI18n();
+  const colorScheme = useColorScheme();
+  const themeStyles = useThemeStyles(theme || 'light', colorScheme);
+  const colors = themeStyles.colors;
+  const {
+    isSaving
+  } = useProfileEditing();
+
+  // State for field values (single/multi variants)
+  const [fieldValues, setFieldValues] = useState({});
+  const [fieldErrors, setFieldErrors] = useState({});
+
+  // State for list items (list variant)
+  const [listItems, setListItems] = useState([]);
+  const [newItemValue, setNewItemValue] = useState('');
+
+  // Initialize field values when modal opens
+  useEffect(() => {
+    if (visible) {
+      if (variant === 'list' && listConfig) {
+        setListItems(listConfig.items);
+        setNewItemValue('');
+      } else if (fields.length > 0) {
+        const initialValues = {};
+        fields.forEach(field => {
+          initialValues[field.key] = field.initialValue || '';
+        });
+        setFieldValues(initialValues);
+        setFieldErrors({});
+      }
+    }
+  }, [visible, variant, fields, listConfig]);
+
+  // Field change handler with validation
+  const handleFieldChange = useCallback((key, value) => {
+    setFieldValues(prev => ({
+      ...prev,
+      [key]: value
+    }));
+
+    // Clear error on change
+    if (fieldErrors[key]) {
+      setFieldErrors(prev => ({
+        ...prev,
+        [key]: undefined
+      }));
+    }
+  }, [fieldErrors]);
+
+  // Validate all fields
+  const validateFields = useCallback(() => {
+    const errors = {};
+    let isValid = true;
+    fields.forEach(field => {
+      if (field.validation) {
+        const error = field.validation(fieldValues[field.key] || '');
+        if (error) {
+          errors[field.key] = error;
+          isValid = false;
+        }
+      }
+    });
+    setFieldErrors(errors);
+    return isValid;
+  }, [fields, fieldValues]);
+
+  // Add item to list
+  const handleAddItem = useCallback(() => {
+    if (!newItemValue.trim() || !listConfig) return;
+    const newItem = listConfig.createItem(newItemValue.trim());
+    setListItems(prev => [...prev, newItem]);
+    setNewItemValue('');
+  }, [newItemValue, listConfig]);
+
+  // Remove item from list
+  const handleRemoveItem = useCallback(id => {
+    setListItems(prev => prev.filter(item => item.id !== id));
+  }, []);
+
+  // Save handler
+  const handleSave = async () => {
+    if (variant === 'list') {
+      const success = await onSubmit({
+        items: listItems
+      });
+      if (success) {
+        onSave?.();
+        onClose();
+      }
+    } else {
+      if (!validateFields()) return;
+      const success = await onSubmit(fieldValues);
+      if (success) {
+        onSave?.();
+        onClose();
+      }
+    }
+  };
+
+  // Render field inputs for single/multi variants
+  const renderFields = () => /*#__PURE__*/_jsx(View, {
+    style: styles.modalBody,
+    children: fields.map((field, index) => /*#__PURE__*/_jsxs(View, {
+      style: styles.inputGroup,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: [styles.label, {
+          color: colors.text
+        }],
+        children: field.label
+      }), /*#__PURE__*/_jsx(TextInput, {
+        style: [field.inputProps?.multiline ? styles.textArea : styles.input, {
+          backgroundColor: colors.card,
+          color: colors.text,
+          borderColor: fieldErrors[field.key] ? '#FF3B30' : colors.border
+        }],
+        value: fieldValues[field.key] || '',
+        onChangeText: value => handleFieldChange(field.key, value),
+        placeholder: field.placeholder,
+        placeholderTextColor: colors.secondaryText,
+        autoFocus: index === 0,
+        selectionColor: colors.tint,
+        textAlignVertical: field.inputProps?.multiline ? 'top' : 'center',
+        ...field.inputProps
+      }), fieldErrors[field.key] && /*#__PURE__*/_jsx(Text, {
+        style: styles.errorText,
+        children: fieldErrors[field.key]
+      })]
+    }, field.key))
+  });
+
+  // Render list for list variant
+  const renderList = () => {
+    if (!listConfig) return null;
+    return /*#__PURE__*/_jsxs(ScrollView, {
+      style: styles.modalBody,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.inputGroup,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: [styles.label, {
+            color: colors.text
+          }],
+          children: listConfig.addItemLabel || t('common.add') || 'Add'
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.addItemRow,
+          children: [/*#__PURE__*/_jsx(TextInput, {
+            style: [styles.input, {
+              backgroundColor: colors.card,
+              color: colors.text,
+              borderColor: colors.border,
+              flex: 1
+            }],
+            value: newItemValue,
+            onChangeText: setNewItemValue,
+            placeholder: listConfig.addItemPlaceholder,
+            placeholderTextColor: colors.secondaryText,
+            selectionColor: colors.tint,
+            autoCapitalize: "none",
+            autoCorrect: false
+          }), /*#__PURE__*/_jsx(TouchableOpacity, {
+            style: [styles.addButton, {
+              backgroundColor: colors.tint
+            }],
+            onPress: handleAddItem,
+            disabled: !newItemValue.trim(),
+            children: /*#__PURE__*/_jsx(Ionicons, {
+              name: "add",
+              size: 20,
+              color: "#fff"
+            })
+          })]
+        })]
+      }), listItems.length > 0 && /*#__PURE__*/_jsxs(View, {
+        style: styles.listSection,
+        children: [listConfig.listTitle && /*#__PURE__*/_jsxs(Text, {
+          style: [styles.listTitle, {
+            color: colors.text
+          }],
+          children: [listConfig.listTitle, " (", listItems.length, ")"]
+        }), listItems.map(item => /*#__PURE__*/_jsx(View, {
+          children: listConfig.renderItem(item, () => handleRemoveItem(item.id), colors)
+        }, item.id))]
+      })]
+    });
+  };
+  return /*#__PURE__*/_jsx(Modal, {
+    visible: visible,
+    animationType: "slide",
+    transparent: true,
+    onRequestClose: onClose,
+    children: /*#__PURE__*/_jsx(View, {
+      style: styles.modalOverlay,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: [styles.modalContent, {
+          backgroundColor: colors.background
+        }],
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: styles.modalHeader,
+          children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+            onPress: onClose,
+            style: styles.closeButton,
+            children: /*#__PURE__*/_jsx(Ionicons, {
+              name: "close",
+              size: 24,
+              color: colors.text
+            })
+          }), /*#__PURE__*/_jsx(Text, {
+            style: [styles.modalTitle, {
+              color: colors.text
+            }],
+            children: title
+          }), /*#__PURE__*/_jsx(TouchableOpacity, {
+            onPress: handleSave,
+            disabled: isSaving || saveDisabled,
+            style: [styles.saveButton, {
+              opacity: isSaving || saveDisabled ? 0.5 : 1
+            }],
+            children: /*#__PURE__*/_jsx(Text, {
+              style: [styles.saveButtonText, {
+                color: colors.tint
+              }],
+              children: isSaving ? t('common.saving') || 'Saving...' : t('common.save') || 'Save'
+            })
+          })]
+        }), variant === 'list' ? renderList() : renderFields()]
+      })
+    })
+  });
+}
+const styles = StyleSheet.create({
+  modalOverlay: {
+    flex: 1,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)',
+    justifyContent: 'flex-end'
+  },
+  modalContent: {
+    borderTopLeftRadius: 20,
+    borderTopRightRadius: 20,
+    paddingTop: Platform.OS === 'ios' ? 20 : 16,
+    maxHeight: '80%'
+  },
+  modalHeader: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingHorizontal: 16,
+    paddingBottom: 16,
+    borderBottomWidth: StyleSheet.hairlineWidth,
+    borderBottomColor: '#E5E5EA'
+  },
+  closeButton: {
+    width: 40,
+    height: 40,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  modalTitle: {
+    fontSize: 18,
+    fontWeight: '600',
+    fontFamily: fontFamilies.phuduSemiBold,
+    flex: 1,
+    textAlign: 'center'
+  },
+  saveButton: {
+    paddingHorizontal: 16,
+    paddingVertical: 8
+  },
+  saveButtonText: {
+    fontSize: 16,
+    fontWeight: '600',
+    fontFamily: fontFamilies.phuduSemiBold
+  },
+  modalBody: {
+    padding: 16,
+    gap: 16
+  },
+  inputGroup: {
+    gap: 8
+  },
+  label: {
+    fontSize: 14,
+    fontWeight: '600',
+    fontFamily: fontFamilies.phuduSemiBold
+  },
+  input: {
+    borderWidth: StyleSheet.hairlineWidth,
+    borderRadius: 12,
+    padding: 16,
+    fontSize: 16,
+    minHeight: 52
+  },
+  textArea: {
+    borderWidth: StyleSheet.hairlineWidth,
+    borderRadius: 12,
+    padding: 16,
+    fontSize: 16,
+    minHeight: 120
+  },
+  errorText: {
+    fontSize: 12,
+    color: '#FF3B30'
+  },
+  addItemRow: {
+    flexDirection: 'row',
+    gap: 8,
+    alignItems: 'center'
+  },
+  addButton: {
+    width: 52,
+    height: 52,
+    borderRadius: 12,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  listSection: {
+    gap: 8,
+    marginTop: 16
+  },
+  listTitle: {
+    fontSize: 16,
+    fontWeight: '600',
+    fontFamily: fontFamilies.phuduSemiBold,
+    marginBottom: 8
+  }
+});
+export default EditFieldModal;
+//# sourceMappingURL=EditFieldModal.js.map