build: add support for theme mode

Author: Cello Dev

android/src/main/java/com/celloreactnative/CelloReactNativeModule.kt

@@ -18,7 +18,7 @@ class CelloReactNativeModule(reactContext: ReactApplicationContext) :
     return NAME
   }
   @ReactMethod
-  fun initialize(productId: String, token: String, environment: String?, productUserDetailsMap: ReadableMap?, language: String?, promise: Promise) {
+  fun initialize(productId: String, token: String, environment: String?, productUserDetailsMap: ReadableMap?, language: String?, themeMode: String?, promise: Promise) {
     val activity = reactApplicationContext.currentActivity ?: run {
       promise.reject("ActivityError", "Activity is null")
       return
@@ -40,7 +40,7 @@ class CelloReactNativeModule(reactContext: ReactApplicationContext) :
           null
         }
 
-        Cello.initialize(activity, productId, token, environment, productUserDetails, language)
+        Cello.initialize(activity, productId, token, environment, productUserDetails, language, themeMode)
         withContext(Dispatchers.Main) {
           val client = Cello.client()
           if (client != null) {
@@ -73,6 +73,15 @@ class CelloReactNativeModule(reactContext: ReactApplicationContext) :
     }
   }
 
+  @ReactMethod
+  fun setThemeMode(themeMode: String) {
+    try {
+      Cello.client()?.setThemeMode(themeMode)
+    } catch (e: Exception) {
+
+    }
+  }
+
   @ReactMethod
   fun showFab() {
     try {

ios/CelloReactNative.mm

@@ -7,6 +7,7 @@ @interface RCT_EXTERN_MODULE(CelloReactNative, NSObject)
                  withEnvironment:(nullable NSString *)environment
                  withProductUserDetails:(nullable NSDictionary *)productUserDetails
                  withLanguage:(nullable NSString *)language
+                 withThemeMode:(nullable NSString *)themeMode
                  withResolver:(RCTPromiseResolveBlock)resolve
                  withRejecter:(RCTPromiseRejectBlock)reject)
 
@@ -18,6 +19,10 @@ @interface RCT_EXTERN_MODULE(CelloReactNative, NSObject)
                  withResolver:(RCTPromiseResolveBlock)resolve
                  withRejecter:(RCTPromiseRejectBlock)reject)
 
+RCT_EXTERN_METHOD(setThemeMode:(NSString *)themeMode
+                 withResolver:(RCTPromiseResolveBlock)resolve
+                 withRejecter:(RCTPromiseRejectBlock)reject)
+
 RCT_EXTERN_METHOD(showFab)
 
 RCT_EXTERN_METHOD(hideFab)

ios/CelloReactNative.swift

@@ -3,8 +3,8 @@ import CelloSDK
 @objc(CelloReactNative)
 class CelloReactNative: NSObject {
 
-  @objc(initialize:withToken:withEnvironment:withProductUserDetails:withLanguage:withResolver:withRejecter:)
-  func initialize(productId: String, token: String, environment: String?, productUserDetailsDict: NSDictionary?, language: String?, resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) -> Void {
+  @objc(initialize:withToken:withEnvironment:withProductUserDetails:withLanguage:withThemeMode:withResolver:withRejecter:)
+  func initialize(productId: String, token: String, environment: String?, productUserDetailsDict: NSDictionary?, language: String?, themeMode: String?, resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) -> Void {
     let resolver = resolve
     let rejecter = reject
 
@@ -20,7 +20,7 @@ class CelloReactNative: NSObject {
       productUserDetails = nil
     }
 
-    Cello.initialize(for: productId, with: token, environment: environment, productUserDetails: productUserDetails, language: language) { result in
+    Cello.initialize(for: productId, with: token, environment: environment, productUserDetails: productUserDetails, language: language, themeMode: themeMode) { result in
       switch result {
         case .success(let configuration):
           resolver(configuration)
@@ -62,6 +62,22 @@ class CelloReactNative: NSObject {
     }
   }
 
+  @objc(setThemeMode:withResolver:withRejecter:)
+  func setThemeMode(themeMode: String, resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) {
+    if #available(iOS 14.0, *) {
+      Cello.setThemeMode(to: themeMode) { result in
+        switch result {
+          case .success(let res):
+            resolve(res)
+          case .failure(let error):
+            reject("ThemeModeChangeError", "Failed to set theme mode: \(error.localizedDescription)", error)
+        }
+      }
+    } else {
+      reject("UnavailableError", "Theme mode change feature is not available in your iOS version.", nil)
+    }
+  }
+
   @objc(showFab)
   func showFab() -> Void {
     Cello.showFab()

src/index.tsx

@@ -13,6 +13,7 @@ export interface InitializeOptions {
   environment?: string;
   productUserDetails?: ProductUserDetails;
   language?: string;
+  themeMode?: string;
 }
 
 const LINKING_ERROR =
@@ -62,16 +63,18 @@ function initialize(
       options.token,
       options.environment,
       options.productUserDetails,
-      options.language
+      options.language,
+      options.themeMode
     );
   }
 
-  // Old API doesn't support productUserDetails or language, pass undefined explicitly for RN bridge
+  // Old API doesn't support productUserDetails, language, or themeMode, pass undefined explicitly for RN bridge
   return CelloReactNative.initialize(
     productIdOrOptions,
     token!,
     environment,
     undefined,
+    undefined,
     undefined
   );
 }
@@ -84,6 +87,10 @@ function changeLanguage(language: string): Promise<any> {
   return CelloReactNative.changeLanguage(language);
 }
 
+function setThemeMode(themeMode: string): Promise<any> {
+  return CelloReactNative.setThemeMode(themeMode);
+}
+
 function showFab() {
   return CelloReactNative.showFab();
 }
@@ -121,6 +128,7 @@ const Cello = {
   initialize,
   updateToken,
   changeLanguage,
+  setThemeMode,
   showFab,
   hideFab,
   openWidget,