@usercentrics/react-native-sdk 2.0.3-rc1 → 2.2.1

package/ios/RNUsercentricsModule.swift

@@ -5,32 +5,30 @@ import UIKit
 
 @objc(RNUsercentricsModule)
 class RNUsercentricsModule: NSObject, RCTBridgeModule {
-
+    
     var usercentricsManager: UsercentricsManager = UsercentricsManagerImplementation()
     var queue: DispatchQueueManager = DispatchQueue.main
     var rootVC: PresentationViewController? = UIApplication.shared.delegate?.window??.rootViewController
-
+    
     @objc static func moduleName() -> String! {
         return "RNUsercentricsModule"
     }
-
+    
     @objc static func requiresMainQueueSetup() -> Bool {
         return true
     }
-
+    
     @objc func configure(_ dict: NSDictionary) -> Void {
-        if !usercentricsManager.alreadyConfigured {
-            queue.async { [weak self] in
-                guard
-                    let self = self,
-                    let userOptions = UsercentricsOptions(from: dict)
-                else { return }
-
-                self.usercentricsManager.configure(options: userOptions)
-            }
+        queue.async { [weak self] in
+            guard
+                let self = self,
+                let userOptions = UsercentricsOptions(from: dict)
+            else { return }
+            
+            self.usercentricsManager.configure(options: userOptions)
         }
     }
-
+    
     @objc func isReady(_ resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) -> Void {
         usercentricsManager.isReady { status in
             resolve(status.toDictionary())
@@ -38,7 +36,7 @@ class RNUsercentricsModule: NSObject, RCTBridgeModule {
             reject("usercentrics_reactNative_isReady_error", error.localizedDescription, error)
         }
     }
-
+    
     @objc func showCMP(_ dict: NSDictionary, resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) -> Void {
         queue.async { [weak self] in
             guard
@@ -54,16 +52,79 @@ class RNUsercentricsModule: NSObject, RCTBridgeModule {
                 resolve(response.toDictionary())
                 rootVC.dismiss(animated: true)
             }
-
+            
             if #available(iOS 13.0, *) { predefinedUI.isModalInPresentation = true }
             rootVC.present(predefinedUI)
         }
     }
-
+    
+    @objc func showFirstLayer(_ dict: NSDictionary, resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) {
+        queue.async { [weak self] in
+            guard
+                let self = self,
+                let rootVC = self.rootVC,
+                let layoutString = dict["layout"] as? String,
+                let layout = UsercentricsLayout.from(enumString: layoutString)
+            else {
+                reject("usercentrics_reactNative_showFirstLayer_error", RNUsercentricsModuleError.invalidData.localizedDescription, RNUsercentricsModuleError.invalidData)
+                return
+            }
+            
+            let nav = UINavigationController()
+            nav.setNavigationBarHidden(true, animated: false)
+            nav.modalPresentationStyle = .overFullScreen
+            if #available(iOS 13.0, *) {
+                nav.isModalInPresentation = true
+            }
+            
+            rootVC.present(nav)
+            let bannerSettingsDict = dict["bannerSettings"] as? NSDictionary
+            let styleSettingsDict = dict["styleSettings"] as? NSDictionary
+            
+            self.usercentricsManager.showFirstLayer(bannerSettings: BannerSettings(from: bannerSettingsDict),
+                                                    hostView: nav,
+                                                    layout: layout,
+                                                    settings: FirstLayerStyleSettings(from: styleSettingsDict)) { response in
+                rootVC.dismiss(animated: true)
+                resolve(response.toDictionary())
+            }
+        }
+    }
+    
+    @objc func showSecondLayer(_ dict: NSDictionary, resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) {
+        queue.async { [weak self] in
+            guard
+                let self = self,
+                let rootVC = self.rootVC
+            else {
+                reject("usercentrics_reactNative_showFirstLayer_error", RNUsercentricsModuleError.invalidData.localizedDescription, RNUsercentricsModuleError.invalidData)
+                return
+            }
+            let bannerSettingsDict = dict["bannerSettings"] as? NSDictionary
+            let showCloseButton = (dict["showCloseButton"] as? Bool) ?? false
+            
+            let nav = UINavigationController()
+            nav.setNavigationBarHidden(true, animated: false)
+            nav.modalPresentationStyle = .overFullScreen
+            if #available(iOS 13.0, *) {
+                nav.isModalInPresentation = true
+            }
+            
+            rootVC.present(nav)
+            
+            self.usercentricsManager.showSecondLayer(bannerSettings: BannerSettings(from: bannerSettingsDict),
+                                                     hostView: nav,
+                                                     showCloseButton: showCloseButton) { response in
+                rootVC.dismiss(animated: true)
+                resolve(response.toDictionary())
+            }
+        }
+    }
+    
     @objc func setCMPId(_ id: Int) -> Void {
         usercentricsManager.setCMPId(id: Int32(id))
     }
-
+    
     @objc func restoreUserSession(_ controllerId: String, resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) -> Void {
         usercentricsManager.restoreUserSession(controllerId: controllerId) { status in
             resolve(status.toDictionary())
@@ -71,35 +132,35 @@ class RNUsercentricsModule: NSObject, RCTBridgeModule {
             reject("usercentrics_reactNative_restoreUserSession_error", error.localizedDescription, error)
         }
     }
-
+    
     @objc func getTCFString(_ resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) -> Void {
         resolve(usercentricsManager.getTCString())
     }
-
+    
     @objc func getControllerId(_ resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) -> Void {
         resolve(usercentricsManager.getControllerId())
     }
-
+    
     @objc func getConsents(_ resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) -> Void {
         resolve(usercentricsManager.getConsents().toListOfDictionary())
     }
-
+    
     @objc func getCMPData(_ resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) -> Void {
         resolve(usercentricsManager.getCMPData().toDictionary())
     }
-
+    
     @objc func getTCFData(_ resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) -> Void {
         resolve(usercentricsManager.getTCFData().toDictionary())
     }
-
+    
     @objc func getUserSessionData(_ resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) -> Void {
         resolve(usercentricsManager.getUserSessionData())
     }
-
+    
     @objc func getUSPData(_ resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) -> Void {
         resolve(usercentricsManager.getUSPData().toDictionary())
     }
-
+    
     @objc func changeLanguage(_ language: String, resolve: @escaping RCTPromiseResolveBlock, reject: @escaping RCTPromiseRejectBlock) -> Void {
         usercentricsManager.changeLanguage(language: language) {
             resolve(Void.self)
@@ -107,7 +168,7 @@ class RNUsercentricsModule: NSObject, RCTBridgeModule {
             reject("usercentrics_reactNative_changeLanguage_error", error.localizedDescription, error)
         }
     }
-
+    
     @objc func acceptAllForTCF(_ fromLayer: Int,
                                consentType: Int,
                                resolve: @escaping RCTPromiseResolveBlock,
@@ -116,14 +177,14 @@ class RNUsercentricsModule: NSObject, RCTBridgeModule {
                                                            consentType: UsercentricsConsentType.initialize(from: consentType))
         resolve(services.toListOfDictionary())
     }
-
+    
     @objc func acceptAll(_ consentType: Int,
                          resolve: @escaping RCTPromiseResolveBlock,
                          reject: @escaping RCTPromiseRejectBlock) -> Void {
         let services = usercentricsManager.acceptAll(consentType: UsercentricsConsentType.initialize(from: consentType))
         resolve(services.toListOfDictionary())
     }
-
+    
     @objc func denyAllForTCF(_ fromLayer: Int,
                              consentType: Int,
                              resolve: @escaping RCTPromiseResolveBlock,
@@ -131,30 +192,30 @@ class RNUsercentricsModule: NSObject, RCTBridgeModule {
         let services = usercentricsManager.denyAllForTCF(fromLayer: .initialize(from: fromLayer), consentType: .initialize(from: consentType))
         resolve(services.toListOfDictionary())
     }
-
+    
     @objc func denyAll(_ consentType: Int,
                        resolve: @escaping RCTPromiseResolveBlock,
                        reject: @escaping RCTPromiseRejectBlock) -> Void {
         let services = usercentricsManager.denyAll(consentType: .initialize(from: consentType))
         resolve(services.toListOfDictionary())
     }
-
+    
     @objc func saveDecisionsForTCF(_ tcfDecisions: NSDictionary,
                                    fromLayer: Int,
                                    serviceDecisions: [NSDictionary],
                                    consentType: Int,
                                    resolve: @escaping RCTPromiseResolveBlock,
                                    reject: @escaping RCTPromiseRejectBlock) -> Void {
-
+        
         let services = usercentricsManager.saveDecisionsForTCF(
             tcfDecisions: TCFUserDecisions(from: tcfDecisions),
             fromLayer: .initialize(from: fromLayer),
             serviceDecisions: serviceDecisions.compactMap { UserDecision(from: $0) },
             consentType: .initialize(from: consentType))
         resolve(services.toListOfDictionary())
-
+        
     }
-
+    
     @objc func saveDecisions(_ decisions: [NSDictionary],
                              consentType: Int,
                              resolve: @escaping RCTPromiseResolveBlock,
@@ -162,7 +223,7 @@ class RNUsercentricsModule: NSObject, RCTBridgeModule {
         let services = usercentricsManager.saveDecisions(decisions: decisions.compactMap { UserDecision.init(from: $0) }, consentType: .initialize(from: consentType))
         resolve(services.toListOfDictionary())
     }
-
+    
     @objc func saveOptOutForCCPA(_ isOptedOut: Bool,
                                  consentType: Int,
                                  resolve: @escaping RCTPromiseResolveBlock,
@@ -170,7 +231,7 @@ class RNUsercentricsModule: NSObject, RCTBridgeModule {
         let services = usercentricsManager.saveOptOutForCCPA(isOptedOut: isOptedOut, consentType: .initialize(from: consentType))
         resolve(services.toListOfDictionary())
     }
-
+    
     @objc func reset() -> Void {
         usercentricsManager.reset()
     }

package/ios/RNUsercentricsModule.xcodeproj/project.pbxproj

@@ -7,12 +7,16 @@
 	objects = {
 
 /* Begin PBXBuildFile section */
+		A20E7C9427B28D88004DC947 /* BannerSettings+Dict.swift in Sources */ = {isa = PBXBuildFile; fileRef = A20E7C9327B28D88004DC947 /* BannerSettings+Dict.swift */; };
 		A21D32A4272AE191004ED33E /* UsercentricsServiceConsents+Dict.swift in Sources */ = {isa = PBXBuildFile; fileRef = A21D32A3272AE191004ED33E /* UsercentricsServiceConsents+Dict.swift */; };
 		A22EDF9E271DA49900F5BB8C /* UsercentricsOptions+Dict.swift in Sources */ = {isa = PBXBuildFile; fileRef = A22EDF99271DA49900F5BB8C /* UsercentricsOptions+Dict.swift */; };
 		A22EDF9F271DA49900F5BB8C /* ReadyStatus+Dict.swift in Sources */ = {isa = PBXBuildFile; fileRef = A22EDF9A271DA49900F5BB8C /* ReadyStatus+Dict.swift */; };
 		A22EDFA0271DA49900F5BB8C /* UsercentricsUserInteraction+String.swift in Sources */ = {isa = PBXBuildFile; fileRef = A22EDF9B271DA49900F5BB8C /* UsercentricsUserInteraction+String.swift */; };
 		A22EDFA1271DA49900F5BB8C /* UserResponse+Dict.swift in Sources */ = {isa = PBXBuildFile; fileRef = A22EDF9C271DA49900F5BB8C /* UserResponse+Dict.swift */; };
 		A22EDFA2271DA49900F5BB8C /* UsercentricsUISettings+Dict.swift in Sources */ = {isa = PBXBuildFile; fileRef = A22EDF9D271DA49900F5BB8C /* UsercentricsUISettings+Dict.swift */; };
+		A2390F8227B52ADA00F355C1 /* UIImage+UsercentricsLogoDict.swift in Sources */ = {isa = PBXBuildFile; fileRef = A2390F8127B52ADA00F355C1 /* UIImage+UsercentricsLogoDict.swift */; };
+		A2390F8427B52B0800F355C1 /* UIFont+UsercentricsFontDict.swift in Sources */ = {isa = PBXBuildFile; fileRef = A2390F8327B52B0800F355C1 /* UIFont+UsercentricsFontDict.swift */; };
+		A2390F8627B52B2700F355C1 /* UIColor+Extensions.swift in Sources */ = {isa = PBXBuildFile; fileRef = A2390F8527B52B2700F355C1 /* UIColor+Extensions.swift */; };
 		A24E4EA327313492001093C7 /* UserDecision+Dict.swift in Sources */ = {isa = PBXBuildFile; fileRef = A24E4EA227313492001093C7 /* UserDecision+Dict.swift */; };
 		A24E4EAB273186FD001093C7 /* TCFData+Dict.swift in Sources */ = {isa = PBXBuildFile; fileRef = A24E4EAA273186FD001093C7 /* TCFData+Dict.swift */; };
 		A2DC251C272163C600AA9DD8 /* UsercentricsManager.swift in Sources */ = {isa = PBXBuildFile; fileRef = A2DC251B272163C600AA9DD8 /* UsercentricsManager.swift */; };
@@ -41,12 +45,16 @@
 /* End PBXCopyFilesBuildPhase section */
 
 /* Begin PBXFileReference section */
+		A20E7C9327B28D88004DC947 /* BannerSettings+Dict.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "BannerSettings+Dict.swift"; sourceTree = "<group>"; };
 		A21D32A3272AE191004ED33E /* UsercentricsServiceConsents+Dict.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "UsercentricsServiceConsents+Dict.swift"; sourceTree = "<group>"; };
 		A22EDF99271DA49900F5BB8C /* UsercentricsOptions+Dict.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = "UsercentricsOptions+Dict.swift"; sourceTree = "<group>"; };
 		A22EDF9A271DA49900F5BB8C /* ReadyStatus+Dict.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = "ReadyStatus+Dict.swift"; sourceTree = "<group>"; };
 		A22EDF9B271DA49900F5BB8C /* UsercentricsUserInteraction+String.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = "UsercentricsUserInteraction+String.swift"; sourceTree = "<group>"; };
 		A22EDF9C271DA49900F5BB8C /* UserResponse+Dict.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = "UserResponse+Dict.swift"; sourceTree = "<group>"; };
 		A22EDF9D271DA49900F5BB8C /* UsercentricsUISettings+Dict.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = "UsercentricsUISettings+Dict.swift"; sourceTree = "<group>"; };
+		A2390F8127B52ADA00F355C1 /* UIImage+UsercentricsLogoDict.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "UIImage+UsercentricsLogoDict.swift"; sourceTree = "<group>"; };
+		A2390F8327B52B0800F355C1 /* UIFont+UsercentricsFontDict.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "UIFont+UsercentricsFontDict.swift"; sourceTree = "<group>"; };
+		A2390F8527B52B2700F355C1 /* UIColor+Extensions.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "UIColor+Extensions.swift"; sourceTree = "<group>"; };
 		A24E4EA227313492001093C7 /* UserDecision+Dict.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "UserDecision+Dict.swift"; sourceTree = "<group>"; };
 		A24E4EAA273186FD001093C7 /* TCFData+Dict.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "TCFData+Dict.swift"; sourceTree = "<group>"; };
 		A2DC251B272163C600AA9DD8 /* UsercentricsManager.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = UsercentricsManager.swift; sourceTree = "<group>"; };
@@ -90,6 +98,10 @@
 				A2F0B085272C483300A99DD3 /* TCFUserDecisions+Dict.swift */,
 				A24E4EA227313492001093C7 /* UserDecision+Dict.swift */,
 				A24E4EAA273186FD001093C7 /* TCFData+Dict.swift */,
+				A20E7C9327B28D88004DC947 /* BannerSettings+Dict.swift */,
+				A2390F8127B52ADA00F355C1 /* UIImage+UsercentricsLogoDict.swift */,
+				A2390F8527B52B2700F355C1 /* UIColor+Extensions.swift */,
+				A2390F8327B52B0800F355C1 /* UIFont+UsercentricsFontDict.swift */,
 			);
 			path = Extensions;
 			sourceTree = "<group>";
@@ -206,10 +218,14 @@
 				A22EDFA2271DA49900F5BB8C /* UsercentricsUISettings+Dict.swift in Sources */,
 				A2DC25402722A91400AA9DD8 /* UCRNFlag.swift in Sources */,
 				A2DC252727216CFC00AA9DD8 /* DispatchQueueManager.swift in Sources */,
+				A20E7C9427B28D88004DC947 /* BannerSettings+Dict.swift in Sources */,
+				A2390F8427B52B0800F355C1 /* UIFont+UsercentricsFontDict.swift in Sources */,
 				A22EDF9E271DA49900F5BB8C /* UsercentricsOptions+Dict.swift in Sources */,
 				A2F0B080272C367B00A99DD3 /* UsercentricsConsentType+Int.swift in Sources */,
 				A2DC25362721A05500AA9DD8 /* RNUsercentricsModuleError.swift in Sources */,
+				A2390F8227B52ADA00F355C1 /* UIImage+UsercentricsLogoDict.swift in Sources */,
 				FA4F9FEB2512ACC2002DB4D5 /* RNUsercentricsModule.m in Sources */,
+				A2390F8627B52B2700F355C1 /* UIColor+Extensions.swift in Sources */,
 				A2F0B07E272C2E0A00A99DD3 /* CCPAData+Dict.swift in Sources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;

package/lib/Usercentrics.d.ts

@@ -1,8 +1,13 @@
-import { UsercentricsOptions, UsercentricsServiceConsent, UsercentricsUIOptions, UsercentricsConsentUserResponse, UsercentricsReadyStatus, UsercentricsCMPData, CCPAData, TCFData, UsercentricsConsentType, TCFDecisionUILayer, UserDecision, TCFUserDecisions } from './models';
+import { UsercentricsOptions, UsercentricsServiceConsent, UsercentricsUIOptions, UsercentricsConsentUserResponse, UsercentricsReadyStatus, UsercentricsCMPData, CCPAData, TCFData, UsercentricsConsentType, TCFDecisionUILayer, UserDecision, TCFUserDecisions, FirstLayerOptions, SecondLayerOptions } from './models';
 export declare const Usercentrics: {
     configure: (options: UsercentricsOptions) => void;
     status: () => Promise<UsercentricsReadyStatus>;
+    /**
+    * @deprecated showCMP is deprecated: This API will soon be removed in favor of showFirstLayer and showSecondLayer, check our documentation for more details: https://docs.usercentrics.com/cmp_in_app_sdk/latest/collect_consent/present_cmp/
+    */
     showCMP: (options: UsercentricsUIOptions) => Promise<UsercentricsConsentUserResponse>;
+    showFirstLayer: (options: FirstLayerOptions) => Promise<UsercentricsConsentUserResponse>;
+    showSecondLayer: (options: SecondLayerOptions) => Promise<UsercentricsConsentUserResponse>;
     restoreUserSession: (controllerId: string) => Promise<UsercentricsReadyStatus>;
     getControllerId: () => Promise<string>;
     getTCFString: () => Promise<string>;

package/lib/Usercentrics.js

@@ -7,55 +7,82 @@ export const Usercentrics = {
     status: () => {
         return RNUsercentricsModule.isReady();
     },
-    showCMP: (options) => {
+    /**
+    * @deprecated showCMP is deprecated: This API will soon be removed in favor of showFirstLayer and showSecondLayer, check our documentation for more details: https://docs.usercentrics.com/cmp_in_app_sdk/latest/collect_consent/present_cmp/
+    */
+    showCMP: async (options) => {
+        await RNUsercentricsModule.isReady();
         return RNUsercentricsModule.showCMP(options);
     },
-    restoreUserSession: (controllerId) => {
+    showFirstLayer: async (options) => {
+        await RNUsercentricsModule.isReady();
+        return RNUsercentricsModule.showFirstLayer(options);
+    },
+    showSecondLayer: async (options) => {
+        await RNUsercentricsModule.isReady();
+        return RNUsercentricsModule.showSecondLayer(options);
+    },
+    restoreUserSession: async (controllerId) => {
+        await RNUsercentricsModule.isReady();
         return RNUsercentricsModule.restoreUserSession(controllerId);
     },
-    getControllerId: () => {
+    getControllerId: async () => {
+        await RNUsercentricsModule.isReady();
         return RNUsercentricsModule.getControllerId();
     },
-    getTCFString: () => {
+    getTCFString: async () => {
+        await RNUsercentricsModule.isReady();
         return RNUsercentricsModule.getTCFString();
     },
-    getConsents: () => {
+    getConsents: async () => {
+        await RNUsercentricsModule.isReady();
         return RNUsercentricsModule.getConsents();
     },
-    getCMPData: () => {
+    getCMPData: async () => {
+        await RNUsercentricsModule.isReady();
         return RNUsercentricsModule.getCMPData();
     },
     getUserSessionData: () => {
         return RNUsercentricsModule.getUserSessionData();
     },
-    getCCPAData: () => {
+    getCCPAData: async () => {
+        await RNUsercentricsModule.isReady();
         return RNUsercentricsModule.getUSPData();
     },
-    getTCFData: () => {
+    getTCFData: async () => {
+        await RNUsercentricsModule.isReady();
         return RNUsercentricsModule.getTCFData();
     },
-    changeLanguage: (language) => {
+    changeLanguage: async (language) => {
+        await RNUsercentricsModule.isReady();
         return RNUsercentricsModule.changeLanguage(language);
     },
-    acceptAll: (consentType) => {
+    acceptAll: async (consentType) => {
+        await RNUsercentricsModule.isReady();
         return RNUsercentricsModule.acceptAll(consentType);
     },
-    acceptAllForTCF: (fromLayer, consentType) => {
+    acceptAllForTCF: async (fromLayer, consentType) => {
+        await RNUsercentricsModule.isReady();
         return RNUsercentricsModule.acceptAllForTCF(fromLayer, consentType);
     },
-    denyAll: (consentType) => {
+    denyAll: async (consentType) => {
+        await RNUsercentricsModule.isReady();
         return RNUsercentricsModule.denyAll(consentType);
     },
-    denyAllForTCF: (fromLayer, consentType) => {
+    denyAllForTCF: async (fromLayer, consentType) => {
+        await RNUsercentricsModule.isReady();
         return RNUsercentricsModule.denyAllForTCF(fromLayer, consentType);
     },
-    saveDecisions: (decisions, consentType) => {
+    saveDecisions: async (decisions, consentType) => {
+        await RNUsercentricsModule.isReady();
         return RNUsercentricsModule.saveDecisions(decisions, consentType);
     },
-    saveDecisionsForTCF: (tcfDecisions, fromLayer, decisions, consentType) => {
+    saveDecisionsForTCF: async (tcfDecisions, fromLayer, decisions, consentType) => {
+        await RNUsercentricsModule.isReady();
         return RNUsercentricsModule.saveDecisionsForTCF(tcfDecisions, fromLayer, decisions, consentType);
     },
-    saveOptOutForCCPA: (isOptedOut, consentType) => {
+    saveOptOutForCCPA: async (isOptedOut, consentType) => {
+        await RNUsercentricsModule.isReady();
         return RNUsercentricsModule.saveOptOutForCCPA(isOptedOut, consentType);
     },
     setCMPId: (id) => {

package/lib/Usercentrics.js.map

@@ -1 +1 @@
-{"version":3,"file":"Usercentrics.js","sourceRoot":"","sources":["../src/Usercentrics.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Usercentrics.js","sourceRoot":"","sources":["../src/Usercentrics.tsx"],"names":[],"mappings":"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"}

package/lib/models/BannerSettings.d.ts

@@ -0,0 +1,6 @@
+import { UsercentricsLogo, UsercentricsFont } from ".";
+export declare class BannerSettings {
+    logo?: UsercentricsLogo;
+    font?: UsercentricsFont;
+    constructor(logo?: UsercentricsLogo, font?: UsercentricsFont);
+}

package/lib/models/BannerSettings.js

@@ -0,0 +1,7 @@
+export class BannerSettings {
+    constructor(logo, font) {
+        this.logo = logo;
+        this.font = font;
+    }
+}
+//# sourceMappingURL=BannerSettings.js.map

package/lib/models/BannerSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerSettings.js","sourceRoot":"","sources":["../../src/models/BannerSettings.tsx"],"names":[],"mappings":"AAEA,MAAM,OAAO,cAAc;IAIvB,YAAY,IAAuB,EAAE,IAAuB;QACxD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACrB,CAAC;CACJ"}

package/lib/models/FirstLayerOptions.d.ts

@@ -0,0 +1,82 @@
+import { UsercentricsLogo, UsercentricsFont, BannerSettings } from ".";
+export declare class FirstLayerOptions {
+    layout: UsercentricsLayout;
+    bannerSettings?: BannerSettings;
+    styleSettings?: FirstLayerStyleSettings;
+    constructor(layout: UsercentricsLayout, bannerSettings?: BannerSettings, styleSettings?: FirstLayerStyleSettings);
+}
+export declare class FirstLayerStyleSettings {
+    headerImage?: HeaderImageSettings;
+    title?: TitleSettings;
+    message?: MessageSettings;
+    buttonLayout?: ButtonLayout;
+    backgroundColorHex?: String;
+    cornerRadius?: Number;
+    overlayColorHex?: String;
+    constructor(headerImage?: HeaderImageSettings, title?: TitleSettings, message?: MessageSettings, buttonLayout?: ButtonLayout, backgroundColorHex?: String, cornerRadius?: Number, overlayColorHex?: String);
+}
+export declare class HeaderImageSettings {
+    isExtended: Boolean;
+    isHidden: Boolean;
+    image?: UsercentricsLogo;
+    height?: Number;
+    alignment?: SectionAlignment;
+    private constructor();
+    static extended(image: UsercentricsLogo): HeaderImageSettings;
+    static logo(image: UsercentricsLogo, height?: Number, alignment?: SectionAlignment): HeaderImageSettings;
+    static hidden(): HeaderImageSettings;
+}
+export declare class TitleSettings {
+    font?: UsercentricsFont;
+    textColorHex?: String;
+    textAlignment?: SectionAlignment;
+    constructor(font?: UsercentricsFont, textColorHex?: String, textAlignment?: SectionAlignment);
+}
+export declare class MessageSettings {
+    font?: UsercentricsFont;
+    textColorHex?: String;
+    textAlignment?: SectionAlignment;
+    linkTextColorHex?: String;
+    linkTextUnderline?: Boolean;
+    constructor(font?: UsercentricsFont, textColorHex?: String, textAlignment?: SectionAlignment, linkTextColorHex?: String, linkTextUnderline?: Boolean);
+}
+export declare class ButtonLayout {
+    buttons: ButtonSettings[][];
+    layout: InternalButtonLayout;
+    private constructor();
+    static row(buttons: ButtonSettings[]): ButtonLayout;
+    static column(buttons: ButtonSettings[]): ButtonLayout;
+    static grid(buttons: ButtonSettings[][]): ButtonLayout;
+}
+declare enum InternalButtonLayout {
+    row = "ROW",
+    grid = "GRID",
+    column = "COLUMN"
+}
+export declare class ButtonSettings {
+    buttonType: ButtonType;
+    font?: UsercentricsFont;
+    textColorHex?: String;
+    backgroundColorHex?: String;
+    cornerRadius?: number;
+    isAllCaps?: Boolean;
+    constructor(buttonType: ButtonType, font?: UsercentricsFont, textColorHex?: String, backgroundColorHex?: String, cornerRadius?: number, isAllCaps?: Boolean);
+}
+export declare enum ButtonType {
+    acceptAll = "ACCEPT_ALL",
+    denyAll = "DENY_ALL",
+    more = "MORE",
+    save = "SAVE"
+}
+export declare enum SectionAlignment {
+    left = "START",
+    right = "END",
+    center = "CENTER"
+}
+export declare enum UsercentricsLayout {
+    full = "FULL",
+    sheet = "SHEET",
+    popupCenter = "POPUP_CENTER",
+    popupBottom = "POPUP_BOTTOM"
+}
+export {};

package/lib/models/FirstLayerOptions.js

@@ -0,0 +1,104 @@
+export class FirstLayerOptions {
+    constructor(layout, bannerSettings, styleSettings) {
+        this.layout = layout;
+        this.bannerSettings = bannerSettings;
+        this.styleSettings = styleSettings;
+    }
+}
+export class FirstLayerStyleSettings {
+    constructor(headerImage, title, message, buttonLayout, backgroundColorHex, cornerRadius, overlayColorHex) {
+        this.headerImage = headerImage;
+        this.title = title;
+        this.message = message;
+        this.buttonLayout = buttonLayout;
+        this.backgroundColorHex = backgroundColorHex;
+        this.cornerRadius = cornerRadius;
+        this.overlayColorHex = overlayColorHex;
+    }
+}
+export class HeaderImageSettings {
+    constructor(isExtended, isHidden, image, height, alignment) {
+        this.isExtended = isExtended;
+        this.isHidden = isHidden;
+        this.image = image;
+        this.height = height;
+        this.alignment = alignment;
+    }
+    static extended(image) {
+        return new HeaderImageSettings(true, false, image);
+    }
+    static logo(image, height, alignment) {
+        return new HeaderImageSettings(false, false, image, height, alignment);
+    }
+    static hidden() {
+        return new HeaderImageSettings(false, true);
+    }
+}
+export class TitleSettings {
+    constructor(font, textColorHex, textAlignment) {
+        this.font = font;
+        this.textColorHex = textColorHex;
+        this.textAlignment = textAlignment;
+    }
+}
+export class MessageSettings {
+    constructor(font, textColorHex, textAlignment, linkTextColorHex, linkTextUnderline) {
+        this.font = font;
+        this.textColorHex = textColorHex;
+        this.textAlignment = textAlignment;
+        this.linkTextColorHex = linkTextColorHex;
+        this.linkTextUnderline = linkTextUnderline;
+    }
+}
+export class ButtonLayout {
+    constructor(buttons, layout) {
+        this.buttons = buttons;
+        this.layout = layout;
+    }
+    static row(buttons) {
+        return new ButtonLayout([buttons], InternalButtonLayout.row);
+    }
+    static column(buttons) {
+        return new ButtonLayout([buttons], InternalButtonLayout.column);
+    }
+    static grid(buttons) {
+        return new ButtonLayout(buttons, InternalButtonLayout.grid);
+    }
+}
+var InternalButtonLayout;
+(function (InternalButtonLayout) {
+    InternalButtonLayout["row"] = "ROW";
+    InternalButtonLayout["grid"] = "GRID";
+    InternalButtonLayout["column"] = "COLUMN";
+})(InternalButtonLayout || (InternalButtonLayout = {}));
+export class ButtonSettings {
+    constructor(buttonType, font, textColorHex, backgroundColorHex, cornerRadius, isAllCaps) {
+        this.buttonType = buttonType;
+        this.font = font;
+        this.textColorHex = textColorHex;
+        this.backgroundColorHex = backgroundColorHex;
+        this.cornerRadius = cornerRadius;
+        this.isAllCaps = isAllCaps;
+    }
+}
+export var ButtonType;
+(function (ButtonType) {
+    ButtonType["acceptAll"] = "ACCEPT_ALL";
+    ButtonType["denyAll"] = "DENY_ALL";
+    ButtonType["more"] = "MORE";
+    ButtonType["save"] = "SAVE";
+})(ButtonType || (ButtonType = {}));
+export var SectionAlignment;
+(function (SectionAlignment) {
+    SectionAlignment["left"] = "START";
+    SectionAlignment["right"] = "END";
+    SectionAlignment["center"] = "CENTER";
+})(SectionAlignment || (SectionAlignment = {}));
+export var UsercentricsLayout;
+(function (UsercentricsLayout) {
+    UsercentricsLayout["full"] = "FULL";
+    UsercentricsLayout["sheet"] = "SHEET";
+    UsercentricsLayout["popupCenter"] = "POPUP_CENTER";
+    UsercentricsLayout["popupBottom"] = "POPUP_BOTTOM";
+})(UsercentricsLayout || (UsercentricsLayout = {}));
+//# sourceMappingURL=FirstLayerOptions.js.map