@octopus-community/react-native 1.0.0 → 1.0.3

package/ios/OctopusSDKInitializer.swift

@@ -1,22 +1,152 @@
 import Octopus
+import OctopusUI
+import SwiftUI
 
 class OctopusSDKInitializer {
   func initialize(options: [String: Any], eventManager: OctopusEventManager) throws -> OctopusSDK {
     guard let apiKey = options["apiKey"] as? String else {
       throw InitializationError.missingAPIKey
     }
-    
+
     guard let connectionModeMap = options["connectionMode"] as? [String: Any] else {
       throw InitializationError.missingConnectionMode
     }
-    
+
     let connectionMode = try parseConnectionMode(from: connectionModeMap, eventManager: eventManager)
     return try OctopusSDK(apiKey: apiKey, connectionMode: connectionMode)
   }
   
+  func parseTheme(from options: [String: Any]) -> OctopusTheme? {
+    guard let themeMap = options["theme"] as? [String: Any] else {
+      return nil
+    }
+    
+    var colors: OctopusTheme.Colors?
+    var fonts: OctopusTheme.Fonts?
+    
+    // Parse colors
+    if let colorsMap = themeMap["colors"] as? [String: Any] {
+      var primarySet: OctopusTheme.Colors.ColorSet?
+      
+      // Check if this is a dual-mode theme (has light and dark properties)
+      if let lightColors = colorsMap["light"] as? [String: Any],
+         let darkColors = colorsMap["dark"] as? [String: Any] {
+        // Dual-mode theme - create adaptive colors that automatically respond to system appearance
+        if let lightPrimary = lightColors["primary"] as? String,
+           let darkPrimary = darkColors["primary"] as? String,
+           let lightPrimaryColor = OctopusColorUtility.color(fromHex: lightPrimary),
+           let darkPrimaryColor = OctopusColorUtility.color(fromHex: darkPrimary) {
+          
+          // Create adaptive colors using UIColor's dynamic color capabilities
+          let adaptivePrimary = UIColor { traitCollection in
+            traitCollection.userInterfaceStyle == .dark ? darkPrimaryColor : lightPrimaryColor
+          }
+          
+          let lightLowContrast = (lightColors["primaryLowContrast"] as? String).flatMap(OctopusColorUtility.color(fromHex:)) ?? lightPrimaryColor
+          let darkLowContrast = (darkColors["primaryLowContrast"] as? String).flatMap(OctopusColorUtility.color(fromHex:)) ?? darkPrimaryColor
+          let adaptiveLowContrast = UIColor { traitCollection in
+            traitCollection.userInterfaceStyle == .dark ? darkLowContrast : lightLowContrast
+          }
+          
+          let lightHighContrast = (lightColors["primaryHighContrast"] as? String).flatMap(OctopusColorUtility.color(fromHex:)) ?? UIColor.black
+          let darkHighContrast = (darkColors["primaryHighContrast"] as? String).flatMap(OctopusColorUtility.color(fromHex:)) ?? UIColor.black
+          let adaptiveHighContrast = UIColor { traitCollection in
+            traitCollection.userInterfaceStyle == .dark ? darkHighContrast : lightHighContrast
+          }
+          
+          let lightOnPrimary = (lightColors["onPrimary"] as? String).flatMap(OctopusColorUtility.color(fromHex:)) ?? UIColor.white
+          let darkOnPrimary = (darkColors["onPrimary"] as? String).flatMap(OctopusColorUtility.color(fromHex:)) ?? UIColor.black
+          let adaptiveOnPrimary = UIColor { traitCollection in
+            traitCollection.userInterfaceStyle == .dark ? darkOnPrimary : lightOnPrimary
+          }
+          
+          primarySet = OctopusTheme.Colors.ColorSet(
+            main: Color(uiColor: adaptivePrimary),
+            lowContrast: Color(uiColor: adaptiveLowContrast),
+            highContrast: Color(uiColor: adaptiveHighContrast)
+          )
+          
+          colors = OctopusTheme.Colors(
+            primarySet: primarySet,
+            onPrimary: Color(uiColor: adaptiveOnPrimary)
+          )
+        }
+      } else {
+        // Single-mode theme (backward compatibility)
+        if let primary = colorsMap["primary"] as? String,
+           let primaryColor = OctopusColorUtility.color(fromHex: primary) {
+          let lowContrast = (colorsMap["primaryLowContrast"] as? String).flatMap(OctopusColorUtility.color(fromHex:)) ?? primaryColor
+          let highContrast = (colorsMap["primaryHighContrast"] as? String).flatMap(OctopusColorUtility.color(fromHex:)) ?? UIColor.black
+          let onPrimary = (colorsMap["onPrimary"] as? String).flatMap(OctopusColorUtility.color(fromHex:)) ?? UIColor.white
+          
+          primarySet = OctopusTheme.Colors.ColorSet(
+            main: Color(uiColor: primaryColor),
+            lowContrast: Color(uiColor: lowContrast),
+            highContrast: Color(uiColor: highContrast)
+          )
+          
+          colors = OctopusTheme.Colors(
+            primarySet: primarySet,
+            onPrimary: Color(uiColor: onPrimary)
+          )
+        }
+      }
+    }
+    
+    // Parse fonts
+    if let fontsMap = themeMap["fonts"] as? [String: Any] {
+      // Font customization will be applied through OctopusTypography
+      // This is parsed here but applied separately in the UI manager
+      fonts = OctopusTheme.Fonts()
+    }
+    
+    // Note: Logo will be handled separately in UI manager due to async loading requirements
+    // Only create theme if we have colors or fonts, otherwise return nil
+    guard colors != nil || fonts != nil else {
+      return nil
+    }
+    
+    return OctopusTheme(
+      colors: colors ?? OctopusTheme.Colors(),
+      fonts: fonts ?? OctopusTheme.Fonts(),
+      assets: OctopusTheme.Assets()
+    )
+  }
+  
+  func getLogoSource(from options: [String: Any]) -> [String: Any]? {
+    // First try to get logo from theme
+    if let themeMap = options["theme"] as? [String: Any],
+       let logoMap = themeMap["logo"] as? [String: Any],
+       let imageSource = logoMap["image"] as? [String: Any] {
+      return imageSource
+    }
+    
+    // Fallback: try to get logo from root level (for backward compatibility)
+    if let logoMap = options["logo"] as? [String: Any],
+       let imageSource = logoMap["image"] as? [String: Any] {
+      return imageSource
+    }
+    
+    return nil
+  }
+  
+  func getFontConfiguration(from options: [String: Any]) -> [String: Any]? {
+    guard let themeMap = options["theme"] as? [String: Any],
+          let fontsMap = themeMap["fonts"] as? [String: Any] else {
+      return nil
+    }
+    
+    // Use pre-processed configuration from TypeScript layer
+    if let parsedConfig = fontsMap["parsedConfig"] as? [String: Any] {
+      return ["parsedConfig": parsedConfig]
+    }
+    
+    return nil
+  }
+
   private func parseConnectionMode(from connectionModeMap: [String: Any], eventManager: OctopusEventManager) throws -> ConnectionMode {
     let connectionModeType = connectionModeMap["type"] as? String
-    
+
     switch connectionModeType {
     case "sso":
       return try createSSOConnectionMode(from: connectionModeMap, eventManager: eventManager)
@@ -26,10 +156,10 @@ class OctopusSDKInitializer {
       throw InitializationError.invalidConnectionModeType
     }
   }
-  
+
   private func createSSOConnectionMode(from connectionModeMap: [String: Any], eventManager: OctopusEventManager) throws -> ConnectionMode {
     let appManagedFields = ProfileFieldMapper.fromReactNativeArray(connectionModeMap["appManagedFields"] as? [String])
-    
+
     return .sso(
       .init(
         appManagedFields: appManagedFields,
@@ -48,7 +178,7 @@ enum InitializationError: Error, LocalizedError {
   case missingAPIKey
   case missingConnectionMode
   case invalidConnectionModeType
-  
+
   var errorDescription: String? {
     switch self {
     case .missingAPIKey:

package/ios/OctopusUIManager.swift

@@ -6,35 +6,166 @@ import React
 
 class OctopusUIManager {
   private weak var presentedViewController: UIViewController?
-  
-  func openUI(octopus: OctopusSDK) throws {
+
+  func openUI(octopus: OctopusSDK, theme: OctopusUI.OctopusTheme?, logoSource: [String: Any]?, fontConfiguration: [String: Any]?) throws {
     guard let presentingViewController = RCTPresentedViewController() else {
       throw NSError(domain: "OPEN_UI_ERROR", code: 0, userInfo: [NSLocalizedDescriptionKey: "Could not find presenting view controller"])
     }
+
+    // Create custom theme with font configuration
+    let customTheme = createCustomTheme(baseTheme: theme, fontConfiguration: fontConfiguration)
     
     let octopusHomeScreen = OctopusHomeScreen(octopus: octopus)
-    let hostingController = UIHostingController(rootView: octopusHomeScreen)
-    hostingController.modalPresentationStyle = .fullScreen
+      .environment(\.octopusTheme, customTheme)
     
+    let hostingController = UIHostingController(rootView: AnyView(octopusHomeScreen))
+    hostingController.modalPresentationStyle = .fullScreen
+
+    // Apply theme if provided
+    if let _ = theme {
+      // Apply theme immediately (without logo) to avoid delay
+      hostingController.rootView = AnyView(OctopusHomeScreen(octopus: octopus).environment(\.octopusTheme, customTheme))
+      
+      // Then load logo asynchronously and update theme if logo loads
+      if let logoSource = logoSource {
+        loadLogo(from: logoSource) { [weak hostingController] logoImage in
+          DispatchQueue.main.async {
+            if let logoImage = logoImage {
+              let updatedTheme = OctopusUI.OctopusTheme(
+                colors: customTheme.colors,
+                fonts: customTheme.fonts,
+                assets: OctopusUI.OctopusTheme.Assets(logo: logoImage)
+              )
+              hostingController?.rootView = AnyView(OctopusHomeScreen(octopus: octopus).environment(\.octopusTheme, updatedTheme))
+            } else {
+              // Theme is already applied, no need to do anything
+            }
+          }
+        }
+      }
+    } else if let logoSource = logoSource {
+      // No theme but there's a logo - load it and create a theme with just the logo
+      loadLogo(from: logoSource) { [weak hostingController] logoImage in
+        DispatchQueue.main.async {
+          if let logoImage = logoImage {
+            let logoTheme = OctopusUI.OctopusTheme(
+              colors: OctopusUI.OctopusTheme.Colors(),
+              fonts: OctopusUI.OctopusTheme.Fonts(),
+              assets: OctopusUI.OctopusTheme.Assets(logo: logoImage)
+            )
+            hostingController?.rootView = AnyView(OctopusHomeScreen(octopus: octopus).environment(\.octopusTheme, logoTheme))
+          }
+        }
+      }
+    }
+
     presentedViewController = hostingController
-    
+
     presentingViewController.present(hostingController, animated: true)
   }
   
+  private func loadLogo(from source: [String: Any], completion: @escaping (UIImage?) -> Void) {
+    // Handle React Native image source with URI (from Image.resolveAssetSource)
+    guard let uri = source["uri"] as? String else {
+      completion(nil)
+      return
+    }
+    
+    // Remote URL
+    if uri.hasPrefix("http") {
+      guard let url = URL(string: uri) else {
+        completion(nil)
+        return
+      }
+      
+      URLSession.shared.dataTask(with: url) { data, response, error in
+        guard let data = data, error == nil else {
+          completion(nil)
+          return
+        }
+        
+        let image = UIImage(data: data)
+        completion(image)
+      }.resume()
+    } else {
+      // Local file path (from Image.resolveAssetSource)
+      if let image = UIImage(contentsOfFile: uri) {
+        completion(image)
+      } else {
+        // Fallback: try to load from bundle using the filename
+        let filename = (uri as NSString).lastPathComponent
+        let nameWithoutExtension = (filename as NSString).deletingPathExtension
+        let image = UIImage(named: nameWithoutExtension)
+        completion(image)
+      }
+    }
+  }
+
   func closeUI() throws {
     guard let presentedVC = presentedViewController else {
       throw NSError(domain: "CLOSE_UI_ERROR", code: 0, userInfo: [NSLocalizedDescriptionKey: "No UI is currently presented"])
     }
-    
+
     presentedVC.dismiss(animated: true) {
       self.presentedViewController = nil
     }
   }
-  
+
   func cleanup() {
     if let presentedVC = presentedViewController {
       presentedVC.dismiss(animated: false, completion: nil)
       presentedViewController = nil
     }
   }
+  
+  private func createCustomTheme(baseTheme: OctopusUI.OctopusTheme?, fontConfiguration: [String: Any]?) -> OctopusUI.OctopusTheme {
+    // If no font configuration, return the base theme or default
+    guard let fontConfig = fontConfiguration else {
+      return baseTheme ?? OctopusUI.OctopusTheme()
+    }
+    
+    // Use pre-processed configuration from TypeScript layer
+    if let parsedConfig = fontConfig["parsedConfig"] as? [String: Any],
+       let textStyles = parsedConfig["textStyles"] as? [String: [String: Any]] {
+      
+      let customFonts = OctopusUI.OctopusTheme.Fonts(
+        title1: createFontFromPreProcessedStyle(textStyles["title1"], defaultSize: 28),
+        title2: createFontFromPreProcessedStyle(textStyles["title2"], defaultSize: 24),
+        body1: createFontFromPreProcessedStyle(textStyles["body1"], defaultSize: 18),
+        body2: createFontFromPreProcessedStyle(textStyles["body2"], defaultSize: 16),
+        caption1: createFontFromPreProcessedStyle(textStyles["caption1"], defaultSize: 12),
+        caption2: createFontFromPreProcessedStyle(textStyles["caption2"], defaultSize: 10),
+        navBarItem: createFontFromPreProcessedStyle(textStyles["body1"], defaultSize: 17) // Use body1 style for nav
+      )
+      
+      return OctopusUI.OctopusTheme(
+        colors: baseTheme?.colors ?? OctopusUI.OctopusTheme.Colors(),
+        fonts: customFonts,
+        assets: baseTheme?.assets ?? OctopusUI.OctopusTheme.Assets()
+      )
+    }
+    
+    return baseTheme ?? OctopusUI.OctopusTheme()
+  }
+  
+  private func createFontFromPreProcessedStyle(_ textStyle: [String: Any]?, defaultSize: CGFloat) -> Font {
+    guard let textStyle = textStyle else {
+      return Font.system(size: defaultSize)
+    }
+    
+    let fontType = textStyle["fontType"] as? String
+    let fontSize = textStyle["fontSize"] as? Double ?? Double(defaultSize)
+    
+    switch fontType {
+    case "serif":
+      return Font.system(size: CGFloat(fontSize), design: .serif)
+    case "monospace":
+      return Font.system(size: CGFloat(fontSize), design: .monospaced)
+    case "default":
+      return Font.system(size: CGFloat(fontSize))
+    default:
+      return Font.system(size: CGFloat(fontSize))
+    }
+  }
+
 }

package/lib/module/initialize.js

@@ -1,6 +1,37 @@
 "use strict";
 
 import { OctopusReactNativeSdk } from "./internals/nativeModule.js";
+import { Appearance } from 'react-native';
+import { colorSchemeManager } from "./internals/colorSchemeManager.js";
+import { parseFontConfig } from "./internals/fontParser.js";
+
+/**
+ * Color set for a specific appearance mode (light or dark).
+ */
+
+/**
+ * Font type options for unified cross-platform font configuration.
+ */
+
+/**
+ * Font size configuration for different text types.
+ */
+
+/**
+ * Font configuration for a specific text type.
+ */
+
+/**
+ * Font configuration for customizing the Octopus UI typography.
+ */
+
+/**
+ * Theme configuration for customizing the Octopus UI appearance.
+ *
+ * Supports two approaches:
+ * 1. Single color set (backward compatible) - colors are applied to both light and dark modes
+ * 2. Dual mode colors - separate color sets for light and dark modes
+ */
 
 /**
  * Configuration params for initializing the Octopus SDK.
@@ -33,6 +64,28 @@ import { OctopusReactNativeSdk } from "./internals/nativeModule.js";
  * ```
  */
 export function initialize(params) {
-  return OctopusReactNativeSdk.initialize(params);
+  // Automatically detect the current color scheme and add it to the params
+  const colorScheme = Appearance.getColorScheme();
+
+  // Pre-process font configuration to avoid duplication in native layers
+  const processedTheme = params.theme ? {
+    ...params.theme,
+    fonts: params.theme.fonts ? {
+      ...params.theme.fonts,
+      parsedConfig: parseFontConfig(params.theme.fonts)
+    } : undefined
+  } : undefined;
+  const paramsWithColorScheme = {
+    ...params,
+    theme: processedTheme,
+    colorScheme: colorScheme || undefined
+  };
+
+  // Set the theme in the color scheme manager for dual-mode support
+  colorSchemeManager.setTheme(processedTheme || null);
+
+  // Start listening to color scheme changes for automatic updates
+  colorSchemeManager.startListening();
+  return OctopusReactNativeSdk.initialize(paramsWithColorScheme);
 }
 //# sourceMappingURL=initialize.js.map

package/lib/module/initialize.js.map

@@ -1 +1 @@
-{"version":3,"names":["OctopusReactNativeSdk","initialize","params"],"sourceRoot":"../../src","sources":["initialize.ts"],"mappings":";;AAAA,SAASA,qBAAqB,QAAQ,6BAA0B;;AAGhE;AACA;AACA;;AAsBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAACC,MAAwB,EAAiB;EAClE,OAAOF,qBAAqB,CAACC,UAAU,CAACC,MAAM,CAAC;AACjD","ignoreList":[]}
+{"version":3,"names":["OctopusReactNativeSdk","Appearance","colorSchemeManager","parseFontConfig","initialize","params","colorScheme","getColorScheme","processedTheme","theme","fonts","parsedConfig","undefined","paramsWithColorScheme","setTheme","startListening"],"sourceRoot":"../../src","sources":["initialize.ts"],"mappings":";;AAAA,SAASA,qBAAqB,QAAQ,6BAA0B;AAGhE,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,kBAAkB,QAAQ,mCAAgC;AACnE,SAASC,eAAe,QAA+B,2BAAwB;;AAE/E;AACA;AACA;;AAYA;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;;AAQA;AACA;AACA;;AA0BA;AACA;AACA;AACA;AACA;AACA;AACA;;AAyBA;AACA;AACA;;AAwBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAACC,MAAwB,EAAiB;EAClE;EACA,MAAMC,WAAW,GAAGL,UAAU,CAACM,cAAc,CAAC,CAAC;;EAE/C;EACA,MAAMC,cAAc,GAAGH,MAAM,CAACI,KAAK,GAC/B;IACE,GAAGJ,MAAM,CAACI,KAAK;IACfC,KAAK,EAAEL,MAAM,CAACI,KAAK,CAACC,KAAK,GACrB;MACE,GAAGL,MAAM,CAACI,KAAK,CAACC,KAAK;MACrBC,YAAY,EAAER,eAAe,CAACE,MAAM,CAACI,KAAK,CAACC,KAAK;IAClD,CAAC,GACDE;EACN,CAAC,GACDA,SAAS;EAEb,MAAMC,qBAAqB,GAAG;IAC5B,GAAGR,MAAM;IACTI,KAAK,EAAED,cAAc;IACrBF,WAAW,EAAEA,WAAW,IAAIM;EAC9B,CAAC;;EAED;EACAV,kBAAkB,CAACY,QAAQ,CAACN,cAAc,IAAI,IAAI,CAAC;;EAEnD;EACAN,kBAAkB,CAACa,cAAc,CAAC,CAAC;EAEnC,OAAOf,qBAAqB,CAACI,UAAU,CAACS,qBAAqB,CAAC;AAChE","ignoreList":[]}

package/lib/module/internals/colorSchemeManager.js

@@ -0,0 +1,105 @@
+"use strict";
+
+import { Appearance, AppState } from 'react-native';
+import { OctopusReactNativeSdk } from "./nativeModule.js";
+let isListening = false;
+let currentColorScheme = null;
+
+/**
+ * Internal color scheme manager that automatically handles appearance changes
+ * and updates the native modules accordingly.
+ */
+export class ColorSchemeManager {
+  appearanceSubscription = null;
+  appStateSubscription = null;
+  constructor() {}
+  static getInstance() {
+    if (!ColorSchemeManager.instance) {
+      ColorSchemeManager.instance = new ColorSchemeManager();
+    }
+    return ColorSchemeManager.instance;
+  }
+
+  /**
+   * Set the current theme for color scheme management
+   * Note: This is kept for API compatibility but theme updates are not used
+   * when the Octopus UI is open since the React Native app is backgrounded.
+   */
+  setTheme(_theme) {
+    // Theme is set during initialization and applied when UI opens
+    // No need to store it here since updates can't happen while UI is open
+  }
+
+  /**
+   * Start listening to appearance changes and automatically update native modules
+   */
+  startListening() {
+    if (isListening) {
+      return;
+    }
+    isListening = true;
+    currentColorScheme = Appearance.getColorScheme();
+
+    // Listen to appearance changes
+    this.appearanceSubscription = Appearance.addChangeListener(({
+      colorScheme
+    }) => {
+      currentColorScheme = colorScheme;
+      this.updateNativeColorScheme();
+    });
+
+    // Listen to app state changes to ensure we have the latest color scheme
+    this.appStateSubscription = AppState.addEventListener('change', nextAppState => {
+      // Only check color scheme when app becomes active (foreground)
+      if (nextAppState === 'active') {
+        const newColorScheme = Appearance.getColorScheme();
+        if (newColorScheme !== currentColorScheme) {
+          currentColorScheme = newColorScheme;
+          this.updateNativeColorScheme();
+        }
+      }
+    });
+  }
+
+  /**
+   * Stop listening to appearance changes
+   */
+  stopListening() {
+    if (this.appearanceSubscription) {
+      this.appearanceSubscription.remove();
+      this.appearanceSubscription = null;
+    }
+    if (this.appStateSubscription) {
+      this.appStateSubscription.remove();
+      this.appStateSubscription = null;
+    }
+    isListening = false;
+  }
+
+  /**
+   * Get the current color scheme
+   */
+  getCurrentColorScheme() {
+    return currentColorScheme;
+  }
+
+  /**
+   * Update the native modules with the current color scheme
+   * Note: This is only called when the app becomes active (foreground).
+   * When the Octopus UI is open, the React Native app is backgrounded,
+   * so theme updates are not possible during UI display.
+   */
+  updateNativeColorScheme() {
+    // Both platforms handle theme updates when the app becomes active
+    // iOS uses adaptive colors, Android applies the theme when UI reopens
+    try {
+      OctopusReactNativeSdk.updateColorScheme(currentColorScheme || undefined);
+    } catch (error) {
+      this.stopListening();
+    }
+  }
+}
+
+// Export singleton instance
+export const colorSchemeManager = ColorSchemeManager.getInstance();
+//# sourceMappingURL=colorSchemeManager.js.map

package/lib/module/internals/colorSchemeManager.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Appearance","AppState","OctopusReactNativeSdk","isListening","currentColorScheme","ColorSchemeManager","appearanceSubscription","appStateSubscription","constructor","getInstance","instance","setTheme","_theme","startListening","getColorScheme","addChangeListener","colorScheme","updateNativeColorScheme","addEventListener","nextAppState","newColorScheme","stopListening","remove","getCurrentColorScheme","updateColorScheme","undefined","error","colorSchemeManager"],"sourceRoot":"../../../src","sources":["internals/colorSchemeManager.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,QAAQ,QAAQ,cAAc;AACnD,SAASC,qBAAqB,QAAQ,mBAAgB;AAGtD,IAAIC,WAAW,GAAG,KAAK;AACvB,IAAIC,kBAA6C,GAAG,IAAI;;AAExD;AACA;AACA;AACA;AACA,OAAO,MAAMC,kBAAkB,CAAC;EAEtBC,sBAAsB,GAAQ,IAAI;EAClCC,oBAAoB,GAAQ,IAAI;EAEhCC,WAAWA,CAAA,EAAG,CAAC;EAEvB,OAAOC,WAAWA,CAAA,EAAuB;IACvC,IAAI,CAACJ,kBAAkB,CAACK,QAAQ,EAAE;MAChCL,kBAAkB,CAACK,QAAQ,GAAG,IAAIL,kBAAkB,CAAC,CAAC;IACxD;IACA,OAAOA,kBAAkB,CAACK,QAAQ;EACpC;;EAEA;AACF;AACA;AACA;AACA;EACEC,QAAQA,CAACC,MAA2B,EAAQ;IAC1C;IACA;EAAA;;EAGF;AACF;AACA;EACEC,cAAcA,CAAA,EAAS;IACrB,IAAIV,WAAW,EAAE;MACf;IACF;IAEAA,WAAW,GAAG,IAAI;IAClBC,kBAAkB,GAAGJ,UAAU,CAACc,cAAc,CAAC,CAAC;;IAEhD;IACA,IAAI,CAACR,sBAAsB,GAAGN,UAAU,CAACe,iBAAiB,CACxD,CAAC;MAAEC;IAAY,CAAC,KAAK;MACnBZ,kBAAkB,GAAGY,WAAW;MAChC,IAAI,CAACC,uBAAuB,CAAC,CAAC;IAChC,CACF,CAAC;;IAED;IACA,IAAI,CAACV,oBAAoB,GAAGN,QAAQ,CAACiB,gBAAgB,CACnD,QAAQ,EACPC,YAAY,IAAK;MAChB;MACA,IAAIA,YAAY,KAAK,QAAQ,EAAE;QAC7B,MAAMC,cAAc,GAAGpB,UAAU,CAACc,cAAc,CAAC,CAAC;QAClD,IAAIM,cAAc,KAAKhB,kBAAkB,EAAE;UACzCA,kBAAkB,GAAGgB,cAAc;UACnC,IAAI,CAACH,uBAAuB,CAAC,CAAC;QAChC;MACF;IACF,CACF,CAAC;EACH;;EAEA;AACF;AACA;EACEI,aAAaA,CAAA,EAAS;IACpB,IAAI,IAAI,CAACf,sBAAsB,EAAE;MAC/B,IAAI,CAACA,sBAAsB,CAACgB,MAAM,CAAC,CAAC;MACpC,IAAI,CAAChB,sBAAsB,GAAG,IAAI;IACpC;IAEA,IAAI,IAAI,CAACC,oBAAoB,EAAE;MAC7B,IAAI,CAACA,oBAAoB,CAACe,MAAM,CAAC,CAAC;MAClC,IAAI,CAACf,oBAAoB,GAAG,IAAI;IAClC;IAEAJ,WAAW,GAAG,KAAK;EACrB;;EAEA;AACF;AACA;EACEoB,qBAAqBA,CAAA,EAA8B;IACjD,OAAOnB,kBAAkB;EAC3B;;EAEA;AACF;AACA;AACA;AACA;AACA;EACUa,uBAAuBA,CAAA,EAAS;IACtC;IACA;IACA,IAAI;MACFf,qBAAqB,CAACsB,iBAAiB,CAACpB,kBAAkB,IAAIqB,SAAS,CAAC;IAC1E,CAAC,CAAC,OAAOC,KAAK,EAAE;MACd,IAAI,CAACL,aAAa,CAAC,CAAC;IACtB;EACF;AACF;;AAEA;AACA,OAAO,MAAMM,kBAAkB,GAAGtB,kBAAkB,CAACI,WAAW,CAAC,CAAC","ignoreList":[]}

package/lib/module/internals/fontParser.js

@@ -0,0 +1,48 @@
+"use strict";
+
+/**
+ * Parsed font configuration for native platforms
+ */
+
+/**
+ * Parse font configuration from the theme and return a simplified structure
+ * that can be easily consumed by native platforms.
+ *
+ * This centralizes the font parsing logic to avoid duplication across platforms.
+ */
+export function parseFontConfig(fonts) {
+  if (!fonts?.textStyles) {
+    return null;
+  }
+  const textStyles = {};
+
+  // Define the text style keys that are supported
+  const supportedTextStyles = ['title1', 'title2', 'body1', 'body2', 'caption1', 'caption2'];
+  for (const key of supportedTextStyles) {
+    const textStyle = fonts.textStyles[key];
+    if (textStyle) {
+      const parsedStyle = {};
+
+      // Parse font type
+      if (textStyle.fontType) {
+        parsedStyle.fontType = textStyle.fontType;
+      }
+
+      // Parse font size
+      if (textStyle.fontSize?.size) {
+        parsedStyle.fontSize = textStyle.fontSize.size;
+      }
+
+      // Only include the style if it has at least one property
+      if (parsedStyle.fontType || parsedStyle.fontSize) {
+        textStyles[key] = parsedStyle;
+      }
+    }
+  }
+
+  // Return null if no text styles were parsed
+  return Object.keys(textStyles).length > 0 ? {
+    textStyles
+  } : null;
+}
+//# sourceMappingURL=fontParser.js.map

package/lib/module/internals/fontParser.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["parseFontConfig","fonts","textStyles","supportedTextStyles","key","textStyle","parsedStyle","fontType","fontSize","size","Object","keys","length"],"sourceRoot":"../../../src","sources":["internals/fontParser.ts"],"mappings":";;AAEA;AACA;AACA;;AAWA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,eAAeA,CAACC,KAAoB,EAA2B;EAC7E,IAAI,CAACA,KAAK,EAAEC,UAAU,EAAE;IACtB,OAAO,IAAI;EACb;EAEA,MAAMA,UAAoE,GACxE,CAAC,CAAC;;EAEJ;EACA,MAAMC,mBAAmB,GAAG,CAC1B,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,EACP,UAAU,EACV,UAAU,CACX;EAED,KAAK,MAAMC,GAAG,IAAID,mBAAmB,EAAE;IACrC,MAAME,SAAS,GAAGJ,KAAK,CAACC,UAAU,CAACE,GAAG,CAAkC;IACxE,IAAIC,SAAS,EAAE;MACb,MAAMC,WAAqD,GAAG,CAAC,CAAC;;MAEhE;MACA,IAAID,SAAS,CAACE,QAAQ,EAAE;QACtBD,WAAW,CAACC,QAAQ,GAAGF,SAAS,CAACE,QAAQ;MAC3C;;MAEA;MACA,IAAIF,SAAS,CAACG,QAAQ,EAAEC,IAAI,EAAE;QAC5BH,WAAW,CAACE,QAAQ,GAAGH,SAAS,CAACG,QAAQ,CAACC,IAAI;MAChD;;MAEA;MACA,IAAIH,WAAW,CAACC,QAAQ,IAAID,WAAW,CAACE,QAAQ,EAAE;QAChDN,UAAU,CAACE,GAAG,CAAC,GAAGE,WAAW;MAC/B;IACF;EACF;;EAEA;EACA,OAAOI,MAAM,CAACC,IAAI,CAACT,UAAU,CAAC,CAACU,MAAM,GAAG,CAAC,GAAG;IAAEV;EAAW,CAAC,GAAG,IAAI;AACnE","ignoreList":[]}