@usercentrics/react-native-sdk 2.28.0 → 2.28.2

package/android/build.gradle.kts

@@ -1,4 +1,4 @@
-val usercentricsVersion = "2.28.0"
+val usercentricsVersion = "2.28.2"
 val reactNativeVersion = "+"
 
 fun BooleanProperty(name: String): Boolean {

package/android/src/main/java/com/usercentrics/reactnative/extensions/BannerInitCustomizationExtensions.kt

@@ -0,0 +1,45 @@
+package com.usercentrics.reactnative.extensions
+
+import com.facebook.react.bridge.ReadableMap
+import com.usercentrics.sdk.BannerInitCustomization
+import com.usercentrics.sdk.PurposeListStyle
+
+internal fun ReadableMap.bannerInitCustomizationFromMap(): BannerInitCustomization {
+    return BannerInitCustomization(
+        paddingTop = getIntOrNull("paddingTop"),
+        paddingBottom = getIntOrNull("paddingBottom"),
+        paddingStart = getIntOrNull("paddingStart"),
+        paddingEnd = getIntOrNull("paddingEnd"),
+        lineSpacingMultiplier = getFloatOrNull("lineSpacingMultiplier"),
+        titleFontSize = getIntOrNull("titleFontSize"),
+        bodyFontSize = getIntOrNull("bodyFontSize"),
+        linkFontSize = getIntOrNull("linkFontSize"),
+        titleFontBold = getBooleanOrNull("titleFontBold"),
+        headerPaddingTop = getIntOrNull("headerPaddingTop"),
+        headerPaddingSides = getIntOrNull("headerPaddingSides"),
+        headerPaddingBetweenElements = getIntOrNull("headerPaddingBetweenElements"),
+        buttonBorderColor = getString("buttonBorderColor"),
+        buttonBorderWidth = getIntOrNull("buttonBorderWidth"),
+        purposeListStyle = getString("purposeListStyle")?.purposeListStyleFromEnumString(),
+        stickyHeader = getBooleanOrNull("stickyHeader"),
+        hideLanguageSwitcher = getBooleanOrNull("hideLanguageSwitcher"),
+        buttonHeightDp = getIntOrNull("buttonHeightDp"),
+        buttonHorizontalPaddingDp = getIntOrNull("buttonHorizontalPaddingDp"),
+        buttonSpacingDp = getIntOrNull("buttonSpacingDp"),
+        linkUnderline = getBooleanOrNull("linkUnderline"),
+        showSecondLayerCloseButton = getBooleanOrNull("showSecondLayerCloseButton"),
+        tabFontSize = getIntOrNull("tabFontSize"),
+        tabActiveColor = getString("tabActiveColor"),
+        denyAllButtonBackground = getString("denyAllButtonBackground"),
+        acceptAllButtonBackground = getString("acceptAllButtonBackground"),
+        linkColor = getString("linkColor"),
+    )
+}
+
+internal fun String.purposeListStyleFromEnumString(): PurposeListStyle? {
+    return when (this) {
+        "BOXED" -> PurposeListStyle.BOXED
+        "FLAT" -> PurposeListStyle.FLAT
+        else -> null
+    }
+}

package/android/src/main/java/com/usercentrics/reactnative/extensions/BannerSettingsExtensions.kt

@@ -26,6 +26,7 @@ internal fun ReadableMap.bannerSettingsFromMap(context: Context): BannerSettings
         secondLayerStyleSettings = rawSecondLayerStyleSettings?.secondLayerStyleSettingsFromMap(context),
         generalStyleSettings = rawGeneralStyleSettings?.generalStyleSettingsFromMap(context),
         variantName = getString("variantName"),
+        initCustomization = getMap("initCustomization")?.bannerInitCustomizationFromMap(),
     )
 }
 

package/android/src/main/java/com/usercentrics/reactnative/extensions/ReadableMapExtensions.kt

@@ -29,6 +29,10 @@ internal fun ReadableMap.getBooleanOrNull(key: String): Boolean? {
     }
 }
 
+internal fun ReadableMap.getFloatOrNull(key: String): Float? {
+    return getDoubleOrNull(key)?.toFloat()
+}
+
 internal fun List<*>.serialize(): WritableArray {
     val array = Arguments.createArray()
     forEach { value ->

package/android/src/main/java/com/usercentrics/reactnative/extensions/UserOptionsExtensions.kt

@@ -56,5 +56,9 @@ internal fun ReadableMap.usercentricsOptionsFromMap(): UsercentricsOptions {
         options.initTimeoutMillis = it.toLong()
     }
 
+    getMap("bannerCustomization")?.let {
+        options.bannerCustomization = it.bannerInitCustomizationFromMap()
+    }
+
     return options
 }

package/android/src/test/java/com/usercentrics/reactnative/extensions/BannerInitCustomizationExtensionsTest.kt

@@ -0,0 +1,107 @@
+package com.usercentrics.reactnative.extensions
+
+import com.facebook.react.bridge.JavaOnlyMap
+import com.usercentrics.sdk.PurposeListStyle
+import org.junit.Assert.*
+import org.junit.Test
+
+class BannerInitCustomizationExtensionsTest {
+
+    @Test
+    fun `bannerInitCustomizationFromMap maps all fields`() {
+        val map = JavaOnlyMap().apply {
+            putInt("paddingTop", 16)
+            putInt("paddingBottom", 16)
+            putInt("paddingStart", 8)
+            putInt("paddingEnd", 8)
+            putDouble("lineSpacingMultiplier", 1.2)
+            putInt("titleFontSize", 18)
+            putInt("bodyFontSize", 14)
+            putInt("linkFontSize", 14)
+            putBoolean("titleFontBold", true)
+            putInt("headerPaddingTop", 12)
+            putInt("headerPaddingSides", 12)
+            putInt("headerPaddingBetweenElements", 4)
+            putString("buttonBorderColor", "#004dcf")
+            putInt("buttonBorderWidth", 1)
+            putString("purposeListStyle", "FLAT")
+            putBoolean("stickyHeader", true)
+            putBoolean("hideLanguageSwitcher", false)
+            putInt("buttonHeightDp", 48)
+            putInt("buttonHorizontalPaddingDp", 16)
+            putInt("buttonSpacingDp", 8)
+            putBoolean("linkUnderline", true)
+            putBoolean("showSecondLayerCloseButton", true)
+            putInt("tabFontSize", 14)
+            putString("tabActiveColor", "#004dcf")
+            putString("denyAllButtonBackground", "#ffffff")
+            putString("acceptAllButtonBackground", "#004dcf")
+            putString("linkColor", "#004dcf")
+        }
+
+        val customization = map.bannerInitCustomizationFromMap()
+
+        assertEquals(16, customization.paddingTop)
+        assertEquals(16, customization.paddingBottom)
+        assertEquals(8, customization.paddingStart)
+        assertEquals(8, customization.paddingEnd)
+        assertEquals(1.2f, customization.lineSpacingMultiplier)
+        assertEquals(18, customization.titleFontSize)
+        assertEquals(14, customization.bodyFontSize)
+        assertEquals(14, customization.linkFontSize)
+        assertEquals(true, customization.titleFontBold)
+        assertEquals(12, customization.headerPaddingTop)
+        assertEquals(12, customization.headerPaddingSides)
+        assertEquals(4, customization.headerPaddingBetweenElements)
+        assertEquals("#004dcf", customization.buttonBorderColor)
+        assertEquals(1, customization.buttonBorderWidth)
+        assertEquals(PurposeListStyle.FLAT, customization.purposeListStyle)
+        assertEquals(true, customization.stickyHeader)
+        assertEquals(false, customization.hideLanguageSwitcher)
+        assertEquals(48, customization.buttonHeightDp)
+        assertEquals(16, customization.buttonHorizontalPaddingDp)
+        assertEquals(8, customization.buttonSpacingDp)
+        assertEquals(true, customization.linkUnderline)
+        assertEquals(true, customization.showSecondLayerCloseButton)
+        assertEquals(14, customization.tabFontSize)
+        assertEquals("#004dcf", customization.tabActiveColor)
+        assertEquals("#ffffff", customization.denyAllButtonBackground)
+        assertEquals("#004dcf", customization.acceptAllButtonBackground)
+        assertEquals("#004dcf", customization.linkColor)
+    }
+
+    @Test
+    fun `bannerInitCustomizationFromMap omits unset fields instead of defaulting`() {
+        val map = JavaOnlyMap()
+
+        val customization = map.bannerInitCustomizationFromMap()
+
+        assertNull(customization.paddingTop)
+        assertNull(customization.buttonBorderColor)
+        assertNull(customization.purposeListStyle)
+        assertNull(customization.stickyHeader)
+    }
+
+    @Test
+    fun `purposeListStyleFromEnumString maps known values and returns null otherwise`() {
+        assertEquals(PurposeListStyle.BOXED, "BOXED".purposeListStyleFromEnumString())
+        assertEquals(PurposeListStyle.FLAT, "FLAT".purposeListStyleFromEnumString())
+        assertNull("UNKNOWN".purposeListStyleFromEnumString())
+    }
+
+    @Test
+    fun `usercentricsOptionsFromMap maps nested bannerCustomization`() {
+        val map = JavaOnlyMap().apply {
+            putString("settingsId", "123")
+            putMap("bannerCustomization", JavaOnlyMap().apply {
+                putInt("paddingTop", 16)
+                putString("purposeListStyle", "FLAT")
+            })
+        }
+
+        val options = map.usercentricsOptionsFromMap()
+
+        assertEquals(16, options.bannerCustomization?.paddingTop)
+        assertEquals(PurposeListStyle.FLAT, options.bannerCustomization?.purposeListStyle)
+    }
+}

package/ios/Extensions/BannerInitCustomization+Dict.swift

@@ -0,0 +1,53 @@
+import Foundation
+import Usercentrics
+
+extension BannerInitCustomization {
+    convenience init?(from dictionary: NSDictionary?) {
+        guard let dictionary = dictionary else { return nil }
+
+        self.init(
+            paddingTop: (dictionary["paddingTop"] as? Int32).map { KotlinInt(value: $0) },
+            paddingBottom: (dictionary["paddingBottom"] as? Int32).map { KotlinInt(value: $0) },
+            paddingStart: (dictionary["paddingStart"] as? Int32).map { KotlinInt(value: $0) },
+            paddingEnd: (dictionary["paddingEnd"] as? Int32).map { KotlinInt(value: $0) },
+            lineSpacingMultiplier: (dictionary["lineSpacingMultiplier"] as? Double).map { KotlinFloat(value: Float($0)) },
+            titleFontSize: (dictionary["titleFontSize"] as? Int32).map { KotlinInt(value: $0) },
+            bodyFontSize: (dictionary["bodyFontSize"] as? Int32).map { KotlinInt(value: $0) },
+            linkFontSize: (dictionary["linkFontSize"] as? Int32).map { KotlinInt(value: $0) },
+            titleFontBold: (dictionary["titleFontBold"] as? Bool).map { KotlinBoolean(value: $0) },
+            headerPaddingTop: (dictionary["headerPaddingTop"] as? Int32).map { KotlinInt(value: $0) },
+            headerPaddingSides: (dictionary["headerPaddingSides"] as? Int32).map { KotlinInt(value: $0) },
+            headerPaddingBetweenElements: (dictionary["headerPaddingBetweenElements"] as? Int32).map { KotlinInt(value: $0) },
+            buttonBorderColor: dictionary["buttonBorderColor"] as? String,
+            buttonBorderWidth: (dictionary["buttonBorderWidth"] as? Int32).map { KotlinInt(value: $0) },
+            purposeListStyle: PurposeListStyle.from(enumString: dictionary["purposeListStyle"] as? String),
+            stickyHeader: (dictionary["stickyHeader"] as? Bool).map { KotlinBoolean(value: $0) },
+            hideLanguageSwitcher: (dictionary["hideLanguageSwitcher"] as? Bool).map { KotlinBoolean(value: $0) },
+            buttonHeightDp: (dictionary["buttonHeightDp"] as? Int32).map { KotlinInt(value: $0) },
+            buttonHorizontalPaddingDp: (dictionary["buttonHorizontalPaddingDp"] as? Int32).map { KotlinInt(value: $0) },
+            buttonSpacingDp: (dictionary["buttonSpacingDp"] as? Int32).map { KotlinInt(value: $0) },
+            linkUnderline: (dictionary["linkUnderline"] as? Bool).map { KotlinBoolean(value: $0) },
+            showSecondLayerCloseButton: (dictionary["showSecondLayerCloseButton"] as? Bool).map { KotlinBoolean(value: $0) },
+            tabFontSize: (dictionary["tabFontSize"] as? Int32).map { KotlinInt(value: $0) },
+            tabActiveColor: dictionary["tabActiveColor"] as? String,
+            denyAllButtonBackground: dictionary["denyAllButtonBackground"] as? String,
+            acceptAllButtonBackground: dictionary["acceptAllButtonBackground"] as? String,
+            linkColor: dictionary["linkColor"] as? String
+        )
+    }
+}
+
+extension PurposeListStyle {
+    static func from(enumString: String?) -> PurposeListStyle? {
+        guard let enumString = enumString else { return nil }
+
+        switch enumString {
+            case "BOXED":
+                return .boxed
+            case "FLAT":
+                return .flat
+            default:
+                return nil
+        }
+    }
+}

package/ios/Extensions/BannerSettings+Dict.swift

@@ -1,4 +1,5 @@
 import Foundation
+import Usercentrics
 import UsercentricsUI
 import UIKit
 
@@ -16,10 +17,14 @@ extension BannerSettings {
         let secondLayerStyleSettingsDict = dictionary["secondLayerStyleSettings"] as? NSDictionary
         let secondLayerSettings = SecondLayerStyleSettings(from: secondLayerStyleSettingsDict, bannerFontHolder: bannerFontHolder)
 
+        let initCustomizationDict = dictionary["initCustomization"] as? NSDictionary
+        let initCustomization = BannerInitCustomization(from: initCustomizationDict)
+
         self.init(generalStyleSettings: generalStyleSettings,
                   firstLayerStyleSettings: firstLayerSettings,
                   secondLayerStyleSettings: secondLayerSettings,
-                  variantName: dictionary["variantName"] as? String)
+                  variantName: dictionary["variantName"] as? String,
+                  initCustomization: initCustomization)
     }
 }
 

package/ios/Extensions/UsercentricsOptions+Dict.swift

@@ -41,6 +41,10 @@ public extension UsercentricsOptions {
             options.initTimeoutMillis = Int64(initTimeoutMillis)
         }
 
+        if let bannerCustomizationDict = dictionary["bannerCustomization"] as? NSDictionary {
+            options.bannerCustomization = BannerInitCustomization(from: bannerCustomizationDict)
+        }
+
         return options
     }
 }

package/lib/models/BannerInitCustomization.d.ts

@@ -0,0 +1,66 @@
+export declare enum PurposeListStyle {
+    boxed = "BOXED",
+    flat = "FLAT"
+}
+/**
+ * @deprecated BannerInitCustomization is deprecated and will be removed in a future release.
+ * Configure banner appearance via the Usercentrics dashboard instead.
+ */
+export declare class BannerInitCustomization {
+    paddingTop?: number;
+    paddingBottom?: number;
+    paddingStart?: number;
+    paddingEnd?: number;
+    lineSpacingMultiplier?: number;
+    titleFontSize?: number;
+    bodyFontSize?: number;
+    linkFontSize?: number;
+    titleFontBold?: boolean;
+    headerPaddingTop?: number;
+    headerPaddingSides?: number;
+    headerPaddingBetweenElements?: number;
+    buttonBorderColor?: string;
+    buttonBorderWidth?: number;
+    purposeListStyle?: PurposeListStyle;
+    stickyHeader?: boolean;
+    hideLanguageSwitcher?: boolean;
+    buttonHeightDp?: number;
+    buttonHorizontalPaddingDp?: number;
+    buttonSpacingDp?: number;
+    linkUnderline?: boolean;
+    showSecondLayerCloseButton?: boolean;
+    tabFontSize?: number;
+    tabActiveColor?: string;
+    denyAllButtonBackground?: string;
+    acceptAllButtonBackground?: string;
+    linkColor?: string;
+    constructor({ paddingTop, paddingBottom, paddingStart, paddingEnd, lineSpacingMultiplier, titleFontSize, bodyFontSize, linkFontSize, titleFontBold, headerPaddingTop, headerPaddingSides, headerPaddingBetweenElements, buttonBorderColor, buttonBorderWidth, purposeListStyle, stickyHeader, hideLanguageSwitcher, buttonHeightDp, buttonHorizontalPaddingDp, buttonSpacingDp, linkUnderline, showSecondLayerCloseButton, tabFontSize, tabActiveColor, denyAllButtonBackground, acceptAllButtonBackground, linkColor }?: {
+        paddingTop?: number;
+        paddingBottom?: number;
+        paddingStart?: number;
+        paddingEnd?: number;
+        lineSpacingMultiplier?: number;
+        titleFontSize?: number;
+        bodyFontSize?: number;
+        linkFontSize?: number;
+        titleFontBold?: boolean;
+        headerPaddingTop?: number;
+        headerPaddingSides?: number;
+        headerPaddingBetweenElements?: number;
+        buttonBorderColor?: string;
+        buttonBorderWidth?: number;
+        purposeListStyle?: PurposeListStyle;
+        stickyHeader?: boolean;
+        hideLanguageSwitcher?: boolean;
+        buttonHeightDp?: number;
+        buttonHorizontalPaddingDp?: number;
+        buttonSpacingDp?: number;
+        linkUnderline?: boolean;
+        showSecondLayerCloseButton?: boolean;
+        tabFontSize?: number;
+        tabActiveColor?: string;
+        denyAllButtonBackground?: string;
+        acceptAllButtonBackground?: string;
+        linkColor?: string;
+    });
+}

package/lib/models/BannerInitCustomization.js

@@ -0,0 +1,41 @@
+export var PurposeListStyle;
+(function (PurposeListStyle) {
+    PurposeListStyle["boxed"] = "BOXED";
+    PurposeListStyle["flat"] = "FLAT";
+})(PurposeListStyle || (PurposeListStyle = {}));
+/**
+ * @deprecated BannerInitCustomization is deprecated and will be removed in a future release.
+ * Configure banner appearance via the Usercentrics dashboard instead.
+ */
+export class BannerInitCustomization {
+    constructor({ paddingTop = undefined, paddingBottom = undefined, paddingStart = undefined, paddingEnd = undefined, lineSpacingMultiplier = undefined, titleFontSize = undefined, bodyFontSize = undefined, linkFontSize = undefined, titleFontBold = undefined, headerPaddingTop = undefined, headerPaddingSides = undefined, headerPaddingBetweenElements = undefined, buttonBorderColor = undefined, buttonBorderWidth = undefined, purposeListStyle = undefined, stickyHeader = undefined, hideLanguageSwitcher = undefined, buttonHeightDp = undefined, buttonHorizontalPaddingDp = undefined, buttonSpacingDp = undefined, linkUnderline = undefined, showSecondLayerCloseButton = undefined, tabFontSize = undefined, tabActiveColor = undefined, denyAllButtonBackground = undefined, acceptAllButtonBackground = undefined, linkColor = undefined } = {}) {
+        this.paddingTop = paddingTop;
+        this.paddingBottom = paddingBottom;
+        this.paddingStart = paddingStart;
+        this.paddingEnd = paddingEnd;
+        this.lineSpacingMultiplier = lineSpacingMultiplier;
+        this.titleFontSize = titleFontSize;
+        this.bodyFontSize = bodyFontSize;
+        this.linkFontSize = linkFontSize;
+        this.titleFontBold = titleFontBold;
+        this.headerPaddingTop = headerPaddingTop;
+        this.headerPaddingSides = headerPaddingSides;
+        this.headerPaddingBetweenElements = headerPaddingBetweenElements;
+        this.buttonBorderColor = buttonBorderColor;
+        this.buttonBorderWidth = buttonBorderWidth;
+        this.purposeListStyle = purposeListStyle;
+        this.stickyHeader = stickyHeader;
+        this.hideLanguageSwitcher = hideLanguageSwitcher;
+        this.buttonHeightDp = buttonHeightDp;
+        this.buttonHorizontalPaddingDp = buttonHorizontalPaddingDp;
+        this.buttonSpacingDp = buttonSpacingDp;
+        this.linkUnderline = linkUnderline;
+        this.showSecondLayerCloseButton = showSecondLayerCloseButton;
+        this.tabFontSize = tabFontSize;
+        this.tabActiveColor = tabActiveColor;
+        this.denyAllButtonBackground = denyAllButtonBackground;
+        this.acceptAllButtonBackground = acceptAllButtonBackground;
+        this.linkColor = linkColor;
+    }
+}
+//# sourceMappingURL=BannerInitCustomization.js.map

package/lib/models/BannerInitCustomization.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerInitCustomization.js","sourceRoot":"","sources":["../../src/models/BannerInitCustomization.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IACxB,mCAAe,CAAA;IACf,iCAAa,CAAA;AACjB,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,QAG3B;AAED;;;GAGG;AACH,MAAM,OAAO,uBAAuB;IA8BhC,YAAY,EACI,UAAU,GAAG,SAAS,EACtB,aAAa,GAAG,SAAS,EACzB,YAAY,GAAG,SAAS,EACxB,UAAU,GAAG,SAAS,EACtB,qBAAqB,GAAG,SAAS,EACjC,aAAa,GAAG,SAAS,EACzB,YAAY,GAAG,SAAS,EACxB,YAAY,GAAG,SAAS,EACxB,aAAa,GAAG,SAAS,EACzB,gBAAgB,GAAG,SAAS,EAC5B,kBAAkB,GAAG,SAAS,EAC9B,4BAA4B,GAAG,SAAS,EACxC,iBAAiB,GAAG,SAAS,EAC7B,iBAAiB,GAAG,SAAS,EAC7B,gBAAgB,GAAG,SAAS,EAC5B,YAAY,GAAG,SAAS,EACxB,oBAAoB,GAAG,SAAS,EAChC,cAAc,GAAG,SAAS,EAC1B,yBAAyB,GAAG,SAAS,EACrC,eAAe,GAAG,SAAS,EAC3B,aAAa,GAAG,SAAS,EACzB,0BAA0B,GAAG,SAAS,EACtC,WAAW,GAAG,SAAS,EACvB,cAAc,GAAG,SAAS,EAC1B,uBAAuB,GAAG,SAAS,EACnC,yBAAyB,GAAG,SAAS,EACrC,SAAS,GAAG,SAAS,KA6BjC,EAAE;QACF,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;QACnC,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QACjC,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,qBAAqB,GAAG,qBAAqB,CAAC;QACnD,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;QACnC,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QACjC,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QACjC,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;QACnC,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;QACzC,IAAI,CAAC,kBAAkB,GAAG,kBAAkB,CAAC;QAC7C,IAAI,CAAC,4BAA4B,GAAG,4BAA4B,CAAC;QACjE,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;QAC3C,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;QAC3C,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;QACzC,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QACjC,IAAI,CAAC,oBAAoB,GAAG,oBAAoB,CAAC;QACjD,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;QACrC,IAAI,CAAC,yBAAyB,GAAG,yBAAyB,CAAC;QAC3D,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;QACnC,IAAI,CAAC,0BAA0B,GAAG,0BAA0B,CAAC;QAC7D,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAC/B,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;QACrC,IAAI,CAAC,uBAAuB,GAAG,uBAAuB,CAAC;QACvD,IAAI,CAAC,yBAAyB,GAAG,yBAAyB,CAAC;QAC3D,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC/B,CAAC;CACJ"}

package/lib/models/BannerSettings.d.ts

@@ -1,5 +1,5 @@
 import { ImageResolvedAssetSource } from "react-native";
-import { FirstLayerStyleSettings, SecondLayerStyleSettings } from ".";
+import { BannerInitCustomization, FirstLayerStyleSettings, SecondLayerStyleSettings } from ".";
 export declare class BannerLogo {
     logoName: string;
     logoPath: string;
@@ -46,5 +46,10 @@ export declare class BannerSettings {
     secondLayerStyleSettings?: SecondLayerStyleSettings;
     generalStyleSettings?: GeneralStyleSettings;
     variantName?: String;
-    constructor(firstLayerStyleSettings?: FirstLayerStyleSettings, secondLayerStyleSettings?: SecondLayerStyleSettings, generalStyleSettings?: GeneralStyleSettings, variantName?: String);
+    /**
+     * @deprecated initCustomization is deprecated and will be removed in a future release.
+     * Configure banner appearance via the Usercentrics dashboard instead.
+     */
+    initCustomization?: BannerInitCustomization;
+    constructor(firstLayerStyleSettings?: FirstLayerStyleSettings, secondLayerStyleSettings?: SecondLayerStyleSettings, generalStyleSettings?: GeneralStyleSettings, variantName?: String, initCustomization?: BannerInitCustomization);
 }

package/lib/models/BannerSettings.js

@@ -45,11 +45,12 @@ export class GeneralStyleSettings {
     }
 }
 export class BannerSettings {
-    constructor(firstLayerStyleSettings, secondLayerStyleSettings, generalStyleSettings, variantName) {
+    constructor(firstLayerStyleSettings, secondLayerStyleSettings, generalStyleSettings, variantName, initCustomization) {
         this.firstLayerStyleSettings = firstLayerStyleSettings;
         this.secondLayerStyleSettings = secondLayerStyleSettings;
         this.generalStyleSettings = generalStyleSettings;
         this.variantName = variantName;
+        this.initCustomization = initCustomization;
     }
 }
 //# sourceMappingURL=BannerSettings.js.map

package/lib/models/BannerSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerSettings.js","sourceRoot":"","sources":["../../src/models/BannerSettings.tsx"],"names":[],"mappings":"AAGA,MAAM,OAAO,UAAU;IAMnB,YAAY,QAAgB,EAAE,QAAkC,EAAE,OAAgB;QAC9E,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC;QAC7B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IAC3B,CAAC;CACJ;AAED,MAAM,OAAO,UAAU;IAMnB,YAAY,WAAmB,EAAE,QAAgB,EAAE,QAAgB;QAC/D,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAC/B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC7B,CAAC;CACJ;AAED,MAAM,CAAN,IAAY,kBAMX;AAND,WAAY,kBAAkB;IAE1B,yDAAmC,CAAA;IACnC,2DAAqC,CAAA;IACrC,mCAAa,CAAA;IACb,uCAAiB,CAAA;AACrB,CAAC,EANW,kBAAkB,KAAlB,kBAAkB,QAM7B;AAED,MAAM,OAAO,mBAAmB;IAS5B,YACI,wBAAiC,EACjC,0BAAmC,EACnC,0BAAmC,EACnC,mBAA4B,EAC5B,qBAA8B,EAC9B,qBAA8B;QAE9B,IAAI,CAAC,wBAAwB,GAAG,wBAAwB,CAAC;QACzD,IAAI,CAAC,0BAA0B,GAAG,0BAA0B,CAAC;QAC7D,IAAI,CAAC,0BAA0B,GAAG,0BAA0B,CAAC;QAC7D,IAAI,CAAC,mBAAmB,GAAG,mBAAmB,CAAC;QAC/C,IAAI,CAAC,qBAAqB,GAAG,qBAAqB,CAAC;QACnD,IAAI,CAAC,qBAAqB,GAAG,qBAAqB,CAAC;IACvD,CAAC;CACJ;AAED,MAAM,OAAO,oBAAoB;IAc7B,YAAY,IAAiB,EACjB,IAAiB,EACjB,KAA0B,EAC1B,YAAqB,EACrB,uBAAgC,EAChC,gCAAyC,EACzC,YAAqB,EACrB,WAAoB,EACpB,eAAwB,EACxB,mBAAyC,EACzC,uBAAiC;QAEzC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QACjC,IAAI,CAAC,uBAAuB,GAAG,uBAAuB,CAAC;QACvD,IAAI,CAAC,gCAAgC,GAAG,gCAAgC,CAAC;QACzE,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QACjC,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAC/B,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,mBAAmB,GAAG,mBAAmB,CAAC;QAC/C,IAAI,CAAC,uBAAuB,GAAG,uBAAuB,CAAC;IAC3D,CAAC;CACJ;AAED,MAAM,OAAO,cAAc;IAOvB,YAAY,uBAAiD,EAAE,wBAAmD,EAAE,oBAA2C,EAAE,WAAoB;QACjL,IAAI,CAAC,uBAAuB,GAAG,uBAAuB,CAAC;QACvD,IAAI,CAAC,wBAAwB,GAAG,wBAAwB,CAAC;QACzD,IAAI,CAAC,oBAAoB,GAAG,oBAAoB,CAAC;QACjD,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;IACnC,CAAC;CACJ"}
+{"version":3,"file":"BannerSettings.js","sourceRoot":"","sources":["../../src/models/BannerSettings.tsx"],"names":[],"mappings":"AAGA,MAAM,OAAO,UAAU;IAMnB,YAAY,QAAgB,EAAE,QAAkC,EAAE,OAAgB;QAC9E,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC;QAC7B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IAC3B,CAAC;CACJ;AAED,MAAM,OAAO,UAAU;IAMnB,YAAY,WAAmB,EAAE,QAAgB,EAAE,QAAgB;QAC/D,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAC/B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC7B,CAAC;CACJ;AAED,MAAM,CAAN,IAAY,kBAMX;AAND,WAAY,kBAAkB;IAE1B,yDAAmC,CAAA;IACnC,2DAAqC,CAAA;IACrC,mCAAa,CAAA;IACb,uCAAiB,CAAA;AACrB,CAAC,EANW,kBAAkB,KAAlB,kBAAkB,QAM7B;AAED,MAAM,OAAO,mBAAmB;IAS5B,YACI,wBAAiC,EACjC,0BAAmC,EACnC,0BAAmC,EACnC,mBAA4B,EAC5B,qBAA8B,EAC9B,qBAA8B;QAE9B,IAAI,CAAC,wBAAwB,GAAG,wBAAwB,CAAC;QACzD,IAAI,CAAC,0BAA0B,GAAG,0BAA0B,CAAC;QAC7D,IAAI,CAAC,0BAA0B,GAAG,0BAA0B,CAAC;QAC7D,IAAI,CAAC,mBAAmB,GAAG,mBAAmB,CAAC;QAC/C,IAAI,CAAC,qBAAqB,GAAG,qBAAqB,CAAC;QACnD,IAAI,CAAC,qBAAqB,GAAG,qBAAqB,CAAC;IACvD,CAAC;CACJ;AAED,MAAM,OAAO,oBAAoB;IAc7B,YAAY,IAAiB,EACjB,IAAiB,EACjB,KAA0B,EAC1B,YAAqB,EACrB,uBAAgC,EAChC,gCAAyC,EACzC,YAAqB,EACrB,WAAoB,EACpB,eAAwB,EACxB,mBAAyC,EACzC,uBAAiC;QAEzC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QACjC,IAAI,CAAC,uBAAuB,GAAG,uBAAuB,CAAC;QACvD,IAAI,CAAC,gCAAgC,GAAG,gCAAgC,CAAC;QACzE,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QACjC,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAC/B,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,mBAAmB,GAAG,mBAAmB,CAAC;QAC/C,IAAI,CAAC,uBAAuB,GAAG,uBAAuB,CAAC;IAC3D,CAAC;CACJ;AAED,MAAM,OAAO,cAAc;IAYvB,YAAY,uBAAiD,EAAE,wBAAmD,EAAE,oBAA2C,EAAE,WAAoB,EAAE,iBAA2C;QAC9N,IAAI,CAAC,uBAAuB,GAAG,uBAAuB,CAAC;QACvD,IAAI,CAAC,wBAAwB,GAAG,wBAAwB,CAAC;QACzD,IAAI,CAAC,oBAAoB,GAAG,oBAAoB,CAAC;QACjD,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAC/B,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;IAC/C,CAAC;CACJ"}

package/lib/models/UsercentricsOptions.d.ts

@@ -1,4 +1,4 @@
-import { NetworkMode, UsercentricsLoggerLevel } from ".";
+import { BannerInitCustomization, NetworkMode, UsercentricsLoggerLevel } from ".";
 export declare class UsercentricsOptions {
     settingsId?: string;
     ruleSetId?: string;
@@ -9,7 +9,12 @@ export declare class UsercentricsOptions {
     networkMode?: NetworkMode;
     consentMediation?: Boolean;
     initTimeoutMillis?: number;
-    constructor({ settingsId, ruleSetId, defaultLanguage, loggerLevel, timeoutMillis, version, networkMode, consentMediation, initTimeoutMillis }: {
+    /**
+     * @deprecated bannerCustomization is deprecated and will be removed in a future release.
+     * Configure banner appearance via the Usercentrics dashboard instead.
+     */
+    bannerCustomization?: BannerInitCustomization;
+    constructor({ settingsId, ruleSetId, defaultLanguage, loggerLevel, timeoutMillis, version, networkMode, consentMediation, initTimeoutMillis, bannerCustomization }: {
         settingsId?: string;
         ruleSetId?: string;
         defaultLanguage?: string;
@@ -19,5 +24,6 @@ export declare class UsercentricsOptions {
         networkMode?: NetworkMode;
         consentMediation?: Boolean;
         initTimeoutMillis?: number;
+        bannerCustomization?: BannerInitCustomization;
     });
 }

package/lib/models/UsercentricsOptions.js

@@ -1,5 +1,5 @@
 export class UsercentricsOptions {
-    constructor({ settingsId = "", ruleSetId = "", defaultLanguage = undefined, loggerLevel = undefined, timeoutMillis = undefined, version = undefined, networkMode = undefined, consentMediation = undefined, initTimeoutMillis = undefined }) {
+    constructor({ settingsId = "", ruleSetId = "", defaultLanguage = undefined, loggerLevel = undefined, timeoutMillis = undefined, version = undefined, networkMode = undefined, consentMediation = undefined, initTimeoutMillis = undefined, bannerCustomization = undefined }) {
         this.settingsId = settingsId;
         this.ruleSetId = ruleSetId;
         this.defaultLanguage = defaultLanguage;
@@ -9,6 +9,7 @@ export class UsercentricsOptions {
         this.networkMode = networkMode;
         this.consentMediation = consentMediation;
         this.initTimeoutMillis = initTimeoutMillis;
+        this.bannerCustomization = bannerCustomization;
     }
 }
 //# sourceMappingURL=UsercentricsOptions.js.map

package/lib/models/UsercentricsOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"UsercentricsOptions.js","sourceRoot":"","sources":["../../src/models/UsercentricsOptions.tsx"],"names":[],"mappings":"AAEA,MAAM,OAAO,mBAAmB;IAW5B,YAAY,EACI,UAAU,GAAG,EAAE,EACf,SAAS,GAAG,EAAE,EACd,eAAe,GAAG,SAAS,EAC3B,WAAW,GAAG,SAAS,EACvB,aAAa,GAAG,SAAS,EACzB,OAAO,GAAG,SAAS,EACnB,WAAW,GAAG,SAAS,EACvB,gBAAgB,GAAG,SAAS,EAC5B,iBAAiB,GAAG,SAAS,EAW5C;QACG,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,eAAe,GAAG,eAAe,CAAA;QACtC,IAAI,CAAC,WAAW,GAAG,WAAW,CAAA;QAC9B,IAAI,CAAC,aAAa,GAAG,aAAa,CAAA;QAClC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;QACtB,IAAI,CAAC,WAAW,GAAG,WAAW,CAAA;QAC9B,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAA;QACxC,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,CAAA;IAC9C,CAAC;CACJ"}
+{"version":3,"file":"UsercentricsOptions.js","sourceRoot":"","sources":["../../src/models/UsercentricsOptions.tsx"],"names":[],"mappings":"AAEA,MAAM,OAAO,mBAAmB;IAgB5B,YAAY,EACI,UAAU,GAAG,EAAE,EACf,SAAS,GAAG,EAAE,EACd,eAAe,GAAG,SAAS,EAC3B,WAAW,GAAG,SAAS,EACvB,aAAa,GAAG,SAAS,EACzB,OAAO,GAAG,SAAS,EACnB,WAAW,GAAG,SAAS,EACvB,gBAAgB,GAAG,SAAS,EAC5B,iBAAiB,GAAG,SAAS,EAC7B,mBAAmB,GAAG,SAAS,EAY9C;QACG,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,eAAe,GAAG,eAAe,CAAA;QACtC,IAAI,CAAC,WAAW,GAAG,WAAW,CAAA;QAC9B,IAAI,CAAC,aAAa,GAAG,aAAa,CAAA;QAClC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;QACtB,IAAI,CAAC,WAAW,GAAG,WAAW,CAAA;QAC9B,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAA;QACxC,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,CAAA;QAC1C,IAAI,CAAC,mBAAmB,GAAG,mBAAmB,CAAA;IAClD,CAAC;CACJ"}

package/lib/models/index.d.ts

@@ -1,3 +1,4 @@
+export * from './BannerInitCustomization';
 export * from './BannerSettings';
 export * from './CCPAData';
 export * from './FirstLayerSettings';

package/lib/models/index.js

@@ -1,3 +1,4 @@
+export * from './BannerInitCustomization';
 export * from './BannerSettings';
 export * from './CCPAData';
 export * from './FirstLayerSettings';

package/lib/models/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/models/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,WAAW,CAAC;AAC1B,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kCAAkC,CAAC;AACjD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAA;AACxC,cAAc,WAAW,CAAA;AACzB,cAAc,2BAA2B,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/models/index.tsx"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,WAAW,CAAC;AAC1B,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kCAAkC,CAAC;AACjD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAA;AACxC,cAAc,WAAW,CAAA;AACzB,cAAc,2BAA2B,CAAA"}

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@usercentrics/react-native-sdk",
-  "version": "2.28.0",
+  "version": "2.28.2",
   "description": "Usercentrics SDK",
   "homepage": "https://usercentrics.com",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "author": "Usercentrics <developer@usercentrics.com>",
   "iosPackageName": "react-native-usercentrics",
-  "iosPackageVersion": "2.28.0",
+  "iosPackageVersion": "2.28.2",
   "license": "SEE LICENSE IN LICENSE",
   "files": [
     "android",

package/src/__tests__/index.test.ts

@@ -1,7 +1,9 @@
 import {NativeModules} from 'react-native';
 import {
+    BannerInitCustomization,
     BannerSettings,
     NetworkMode,
+    PurposeListStyle,
     TCFData,
     TCFDecisionUILayer,
     UsercentricsConsentType,
@@ -87,6 +89,50 @@ describe('Test Usercentrics Module', () => {
         expect(call).toBe(options)
     })
 
+    test('testConfigureBridgeWithBannerCustomization', () => {
+        const bannerCustomization = new BannerInitCustomization({
+            paddingTop: 16,
+            paddingBottom: 16,
+            paddingStart: 8,
+            paddingEnd: 8,
+            lineSpacingMultiplier: 1.2,
+            titleFontSize: 18,
+            bodyFontSize: 14,
+            linkFontSize: 14,
+            titleFontBold: true,
+            headerPaddingTop: 12,
+            headerPaddingSides: 12,
+            headerPaddingBetweenElements: 4,
+            buttonBorderColor: "#004dcf",
+            buttonBorderWidth: 1,
+            purposeListStyle: PurposeListStyle.flat,
+            stickyHeader: true,
+            hideLanguageSwitcher: false,
+            buttonHeightDp: 48,
+            buttonHorizontalPaddingDp: 16,
+            buttonSpacingDp: 8,
+            linkUnderline: true,
+            showSecondLayerCloseButton: true,
+            tabFontSize: 14,
+            tabActiveColor: "#004dcf",
+            denyAllButtonBackground: "#ffffff",
+            acceptAllButtonBackground: "#004dcf",
+            linkColor: "#004dcf"
+        });
+
+        const options = new UsercentricsOptions({
+            settingsId: "abc",
+            ruleSetId: "qwer",
+            bannerCustomization
+        });
+
+        Usercentrics.configure(options);
+        const calls = RNUsercentricsModule.configure.mock.calls;
+        const call = calls[calls.length - 1][0];
+        expect(call).toBe(options);
+        expect(call.bannerCustomization).toBe(bannerCustomization);
+    })
+
     test('testStatus', async () => {
         const readyStatus = new UsercentricsReadyStatus(
             true,
@@ -178,6 +224,36 @@ describe('Test Usercentrics Module', () => {
         expect(call).toBe(bannerSettings)
     })
 
+    test('testShowFirstLayerWithInitCustomization', async () => {
+        const response = new UsercentricsConsentUserResponse(
+            "abc",
+            UsercentricsUserInteraction.acceptAll,
+            []
+        )
+
+        RNUsercentricsModule.showFirstLayer.mockImplementationOnce(
+            (): Promise<any> => Promise.resolve(response)
+        )
+
+        const initCustomization = new BannerInitCustomization({
+            paddingTop: 16,
+            buttonBorderColor: "#004dcf",
+            purposeListStyle: PurposeListStyle.flat
+        });
+
+        const bannerSettings: BannerSettings = {
+            initCustomization
+        }
+
+        const data = await Usercentrics.showFirstLayer(bannerSettings)
+        expect(data).toBe(response);
+
+        const calls = RNUsercentricsModule.showFirstLayer.mock.calls;
+        const call = calls[calls.length - 1][0];
+        expect(call).toBe(bannerSettings);
+        expect(call.initCustomization).toBe(initCustomization);
+    })
+
     test('testRestoreUserSession', async () => {
         const readyStatus = new UsercentricsReadyStatus(
             true,

package/src/models/BannerInitCustomization.tsx

@@ -0,0 +1,125 @@
+export enum PurposeListStyle {
+    boxed = "BOXED",
+    flat = "FLAT"
+}
+
+/**
+ * @deprecated BannerInitCustomization is deprecated and will be removed in a future release.
+ * Configure banner appearance via the Usercentrics dashboard instead.
+ */
+export class BannerInitCustomization {
+
+    paddingTop?: number;
+    paddingBottom?: number;
+    paddingStart?: number;
+    paddingEnd?: number;
+    lineSpacingMultiplier?: number;
+    titleFontSize?: number;
+    bodyFontSize?: number;
+    linkFontSize?: number;
+    titleFontBold?: boolean;
+    headerPaddingTop?: number;
+    headerPaddingSides?: number;
+    headerPaddingBetweenElements?: number;
+    buttonBorderColor?: string;
+    buttonBorderWidth?: number;
+    purposeListStyle?: PurposeListStyle;
+    stickyHeader?: boolean;
+    hideLanguageSwitcher?: boolean;
+    buttonHeightDp?: number;
+    buttonHorizontalPaddingDp?: number;
+    buttonSpacingDp?: number;
+    linkUnderline?: boolean;
+    showSecondLayerCloseButton?: boolean;
+    tabFontSize?: number;
+    tabActiveColor?: string;
+    denyAllButtonBackground?: string;
+    acceptAllButtonBackground?: string;
+    linkColor?: string;
+
+    constructor({
+                    paddingTop = undefined,
+                    paddingBottom = undefined,
+                    paddingStart = undefined,
+                    paddingEnd = undefined,
+                    lineSpacingMultiplier = undefined,
+                    titleFontSize = undefined,
+                    bodyFontSize = undefined,
+                    linkFontSize = undefined,
+                    titleFontBold = undefined,
+                    headerPaddingTop = undefined,
+                    headerPaddingSides = undefined,
+                    headerPaddingBetweenElements = undefined,
+                    buttonBorderColor = undefined,
+                    buttonBorderWidth = undefined,
+                    purposeListStyle = undefined,
+                    stickyHeader = undefined,
+                    hideLanguageSwitcher = undefined,
+                    buttonHeightDp = undefined,
+                    buttonHorizontalPaddingDp = undefined,
+                    buttonSpacingDp = undefined,
+                    linkUnderline = undefined,
+                    showSecondLayerCloseButton = undefined,
+                    tabFontSize = undefined,
+                    tabActiveColor = undefined,
+                    denyAllButtonBackground = undefined,
+                    acceptAllButtonBackground = undefined,
+                    linkColor = undefined
+                }: {
+        paddingTop?: number,
+        paddingBottom?: number,
+        paddingStart?: number,
+        paddingEnd?: number,
+        lineSpacingMultiplier?: number,
+        titleFontSize?: number,
+        bodyFontSize?: number,
+        linkFontSize?: number,
+        titleFontBold?: boolean,
+        headerPaddingTop?: number,
+        headerPaddingSides?: number,
+        headerPaddingBetweenElements?: number,
+        buttonBorderColor?: string,
+        buttonBorderWidth?: number,
+        purposeListStyle?: PurposeListStyle,
+        stickyHeader?: boolean,
+        hideLanguageSwitcher?: boolean,
+        buttonHeightDp?: number,
+        buttonHorizontalPaddingDp?: number,
+        buttonSpacingDp?: number,
+        linkUnderline?: boolean,
+        showSecondLayerCloseButton?: boolean,
+        tabFontSize?: number,
+        tabActiveColor?: string,
+        denyAllButtonBackground?: string,
+        acceptAllButtonBackground?: string,
+        linkColor?: string
+    } = {}) {
+        this.paddingTop = paddingTop;
+        this.paddingBottom = paddingBottom;
+        this.paddingStart = paddingStart;
+        this.paddingEnd = paddingEnd;
+        this.lineSpacingMultiplier = lineSpacingMultiplier;
+        this.titleFontSize = titleFontSize;
+        this.bodyFontSize = bodyFontSize;
+        this.linkFontSize = linkFontSize;
+        this.titleFontBold = titleFontBold;
+        this.headerPaddingTop = headerPaddingTop;
+        this.headerPaddingSides = headerPaddingSides;
+        this.headerPaddingBetweenElements = headerPaddingBetweenElements;
+        this.buttonBorderColor = buttonBorderColor;
+        this.buttonBorderWidth = buttonBorderWidth;
+        this.purposeListStyle = purposeListStyle;
+        this.stickyHeader = stickyHeader;
+        this.hideLanguageSwitcher = hideLanguageSwitcher;
+        this.buttonHeightDp = buttonHeightDp;
+        this.buttonHorizontalPaddingDp = buttonHorizontalPaddingDp;
+        this.buttonSpacingDp = buttonSpacingDp;
+        this.linkUnderline = linkUnderline;
+        this.showSecondLayerCloseButton = showSecondLayerCloseButton;
+        this.tabFontSize = tabFontSize;
+        this.tabActiveColor = tabActiveColor;
+        this.denyAllButtonBackground = denyAllButtonBackground;
+        this.acceptAllButtonBackground = acceptAllButtonBackground;
+        this.linkColor = linkColor;
+    }
+}

package/src/models/BannerSettings.tsx

@@ -1,5 +1,5 @@
 import {ImageResolvedAssetSource} from "react-native";
-import {FirstLayerStyleSettings, SecondLayerStyleSettings} from ".";
+import {BannerInitCustomization, FirstLayerStyleSettings, SecondLayerStyleSettings} from ".";
 
 export class BannerLogo {
 
@@ -107,11 +107,17 @@ export class BannerSettings {
     secondLayerStyleSettings?: SecondLayerStyleSettings;
     generalStyleSettings?: GeneralStyleSettings;
     variantName?: String
+    /**
+     * @deprecated initCustomization is deprecated and will be removed in a future release.
+     * Configure banner appearance via the Usercentrics dashboard instead.
+     */
+    initCustomization?: BannerInitCustomization;
 
-    constructor(firstLayerStyleSettings?: FirstLayerStyleSettings, secondLayerStyleSettings?: SecondLayerStyleSettings, generalStyleSettings?: GeneralStyleSettings, variantName?: String) {
+    constructor(firstLayerStyleSettings?: FirstLayerStyleSettings, secondLayerStyleSettings?: SecondLayerStyleSettings, generalStyleSettings?: GeneralStyleSettings, variantName?: String, initCustomization?: BannerInitCustomization) {
         this.firstLayerStyleSettings = firstLayerStyleSettings;
         this.secondLayerStyleSettings = secondLayerStyleSettings;
         this.generalStyleSettings = generalStyleSettings;
         this.variantName = variantName;
+        this.initCustomization = initCustomization;
     }
 }

package/src/models/UsercentricsOptions.tsx

@@ -1,4 +1,4 @@
-import {NetworkMode, UsercentricsLoggerLevel} from ".";
+import {BannerInitCustomization, NetworkMode, UsercentricsLoggerLevel} from ".";
 
 export class UsercentricsOptions {
     settingsId?: string;
@@ -10,6 +10,11 @@ export class UsercentricsOptions {
     networkMode?: NetworkMode;
     consentMediation?: Boolean;
     initTimeoutMillis?: number;
+    /**
+     * @deprecated bannerCustomization is deprecated and will be removed in a future release.
+     * Configure banner appearance via the Usercentrics dashboard instead.
+     */
+    bannerCustomization?: BannerInitCustomization;
 
     constructor({
                     settingsId = "",
@@ -20,7 +25,8 @@ export class UsercentricsOptions {
                     version = undefined,
                     networkMode = undefined,
                     consentMediation = undefined,
-                    initTimeoutMillis = undefined
+                    initTimeoutMillis = undefined,
+                    bannerCustomization = undefined
                 }: {
         settingsId?: string,
         ruleSetId?: string,
@@ -30,7 +36,8 @@ export class UsercentricsOptions {
         version?: string,
         networkMode?: NetworkMode,
         consentMediation?: Boolean,
-        initTimeoutMillis?: number
+        initTimeoutMillis?: number,
+        bannerCustomization?: BannerInitCustomization
     }) {
         this.settingsId = settingsId;
         this.ruleSetId = ruleSetId;
@@ -41,5 +48,6 @@ export class UsercentricsOptions {
         this.networkMode = networkMode
         this.consentMediation = consentMediation
         this.initTimeoutMillis = initTimeoutMillis
+        this.bannerCustomization = bannerCustomization
     }
 }

package/src/models/index.tsx

@@ -1,3 +1,4 @@
+export * from './BannerInitCustomization';
 export * from './BannerSettings';
 export * from './CCPAData';
 export * from './FirstLayerSettings';