feat(paywall-tester): add tab state sample to tabs-with-buttons paywall

Author: AlvaroBrey

examples/paywall-tester/build.gradle.kts

@@ -150,6 +150,7 @@ dependencies {
     implementation(project(":feature:amazon"))
     implementation(project(":ui:debugview"))
     implementation(project(":ui:revenuecatui"))
+    implementation(libs.kotlinx.serialization.json)
 
     implementation(libs.androidx.core)
     implementation(libs.androidx.lifecycle.runtime.ktx)

examples/paywall-tester/src/main/java/com/revenuecat/paywallstester/paywalls/TabsWithButtons.kt

@@ -20,6 +20,9 @@ import com.revenuecat.purchases.paywalls.components.common.LocalizationData
 import com.revenuecat.purchases.paywalls.components.common.LocalizationKey
 import com.revenuecat.purchases.paywalls.components.common.PaywallComponentsConfig
 import com.revenuecat.purchases.paywalls.components.common.PaywallComponentsData
+import com.revenuecat.purchases.paywalls.components.common.StateDeclaration
+import com.revenuecat.purchases.paywalls.components.common.StateUpdate
+import com.revenuecat.purchases.paywalls.components.common.StateUpdateValue
 import com.revenuecat.purchases.paywalls.components.properties.ColorInfo
 import com.revenuecat.purchases.paywalls.components.properties.ColorScheme
 import com.revenuecat.purchases.paywalls.components.properties.CornerRadiuses
@@ -37,6 +40,7 @@ import com.revenuecat.purchases.paywalls.components.properties.SizeConstraint.Fi
 import com.revenuecat.purchases.paywalls.components.properties.SizeConstraint.Fit
 import com.revenuecat.purchases.paywalls.components.properties.TwoDimensionalAlignment
 import com.revenuecat.purchases.paywalls.components.properties.VerticalAlignment
+import kotlinx.serialization.json.JsonPrimitive
 import java.net.URL
 
 @Suppress("LongMethod")
@@ -72,6 +76,12 @@ internal fun tabsWithButtons(font: FontAlias? = null): SampleData.Components {
             id = "sample_tabs_with_buttons_paywall_id",
             templateName = "template",
             assetBaseURL = URL("https://assets.pawwalls.com"),
+            stateDeclarations = mapOf(
+                "selectedTab" to StateDeclaration(
+                    type = StateDeclaration.ValueType.STRING,
+                    defaultValue = JsonPrimitive("tab-0"),
+                ),
+            ),
             componentsConfig = ComponentsConfig(
                 base = PaywallComponentsConfig(
                     stack = StackComponent(
@@ -278,6 +288,12 @@ internal fun tabsWithButtons(font: FontAlias? = null): SampleData.Components {
                                         ),
                                     ),
                                 ),
+                                stateUpdates = listOf(
+                                    StateUpdate.Set(
+                                        key = "selectedTab",
+                                        value = StateUpdateValue.PayloadReference,
+                                    ),
+                                ),
                                 size = Size(width = Fill, height = Fill),
                             ),
 
@@ -290,6 +306,20 @@ internal fun tabsWithButtons(font: FontAlias? = null): SampleData.Components {
                                         horizontalAlignment = LEADING,
                                         size = Size(width = Fill, height = Fit),
                                         margin = Padding(top = 48.0, bottom = 8.0, leading = 0.0, trailing = 0.0),
+                                        overrides = listOf(
+                                            ComponentOverride(
+                                                conditions = listOf(
+                                                    ComponentOverride.Condition.State(
+                                                        operator = ComponentOverride.EqualityOperator.EQUALS,
+                                                        name = "selectedTab",
+                                                        value = JsonPrimitive("tab-1"),
+                                                    ),
+                                                ),
+                                                properties = PartialTextComponent(
+                                                    text = LocalizationKey("offer-tab-1"),
+                                                ),
+                                            ),
+                                        ),
                                     ),
                                     StackComponent(
                                         components = listOf(
@@ -347,6 +377,9 @@ internal fun tabsWithButtons(font: FontAlias? = null): SampleData.Components {
                     LocalizationKey("offer") to LocalizationData.Text(
                         "Try 7 days free, then $19.98/year. Cancel anytime.",
                     ),
+                    LocalizationKey("offer-tab-1") to LocalizationData.Text(
+                        "Tab 2 selected: try annual at $9.99/year.",
+                    ),
                     LocalizationKey("cta") to LocalizationData.Text("Continue"),
                     LocalizationKey("terms") to LocalizationData.Text("Privacy & Terms"),
                 ),