@revenuecat/purchases-ui-js 3.9.3 → 3.11.0

package/dist/stories/fixtures.js

@@ -19128,6 +19128,3269 @@ export const paywallWithFooter = {
     template_name: "components",
     updated_at: "2024-12-10T19:23:17Z",
 };
+export const paywallWithHeader = {
+    asset_base_url: "https://assets.pawwalls.com",
+    components_config: {
+        base: {
+            background: {
+                type: "color",
+                value: {
+                    light: {
+                        type: "hex",
+                        value: "#ffffffff",
+                    },
+                },
+            },
+            header: {
+                fallback: {
+                    background: {
+                        type: "color",
+                        value: {
+                            light: {
+                                type: "hex",
+                                value: "#BEEEEFFF",
+                            },
+                        },
+                    },
+                    background_color: null,
+                    badge: null,
+                    border: null,
+                    components: [
+                        {
+                            background_color: null,
+                            color: {
+                                light: {
+                                    type: "hex",
+                                    value: "#000000",
+                                },
+                            },
+                            font_name: null,
+                            font_size: 14,
+                            font_weight: "regular",
+                            font_weight_int: 400,
+                            horizontal_alignment: "leading",
+                            id: "Fhqh8-bFi_",
+                            margin: {
+                                bottom: 0,
+                                leading: 0,
+                                top: 0,
+                                trailing: 0,
+                            },
+                            name: "",
+                            padding: {
+                                bottom: 0,
+                                leading: 0,
+                                top: 0,
+                                trailing: 0,
+                            },
+                            size: {
+                                height: {
+                                    type: "fit",
+                                    value: null,
+                                },
+                                width: {
+                                    type: "fit",
+                                    value: null,
+                                },
+                            },
+                            text_lid: "2wCGhwfDvx",
+                            type: "text",
+                        },
+                    ],
+                    dimension: {
+                        alignment: "center",
+                        distribution: "start",
+                        type: "vertical",
+                    },
+                    id: "n_EBzFgjzA",
+                    margin: {
+                        bottom: 0,
+                        leading: 0,
+                        top: 0,
+                        trailing: 0,
+                    },
+                    name: "Header",
+                    padding: {
+                        bottom: 20,
+                        leading: 0,
+                        top: 20,
+                        trailing: 0,
+                    },
+                    shadow: {
+                        color: {
+                            light: {
+                                type: "hex",
+                                value: "#00000033",
+                            },
+                        },
+                        radius: 16,
+                        x: 0,
+                        y: 4,
+                    },
+                    shape: {
+                        corners: {
+                            bottom_leading: 0,
+                            bottom_trailing: 0,
+                            top_leading: 0,
+                            top_trailing: 0,
+                        },
+                        type: "rectangle",
+                    },
+                    size: {
+                        height: {
+                            type: "fit",
+                            value: null,
+                        },
+                        width: {
+                            type: "fill",
+                            value: null,
+                        },
+                    },
+                    spacing: 0,
+                    type: "stack",
+                },
+                id: "dZRqAxqs1j",
+                name: "",
+                stack: {
+                    background: {
+                        type: "color",
+                        value: {
+                            light: {
+                                type: "hex",
+                                value: "#BEEEEFFF",
+                            },
+                        },
+                    },
+                    background_color: null,
+                    badge: null,
+                    border: null,
+                    components: [
+                        {
+                            background_color: null,
+                            color: {
+                                light: {
+                                    type: "hex",
+                                    value: "#000000",
+                                },
+                            },
+                            font_name: null,
+                            font_size: 14,
+                            font_weight: "regular",
+                            font_weight_int: 400,
+                            horizontal_alignment: "leading",
+                            id: "Fhqh8-bFi_",
+                            margin: {
+                                bottom: 0,
+                                leading: 0,
+                                top: 0,
+                                trailing: 0,
+                            },
+                            name: "",
+                            padding: {
+                                bottom: 0,
+                                leading: 0,
+                                top: 0,
+                                trailing: 0,
+                            },
+                            size: {
+                                height: {
+                                    type: "fit",
+                                    value: null,
+                                },
+                                width: {
+                                    type: "fit",
+                                    value: null,
+                                },
+                            },
+                            text_lid: "2wCGhwfDvx",
+                            type: "text",
+                        },
+                    ],
+                    dimension: {
+                        alignment: "center",
+                        distribution: "start",
+                        type: "vertical",
+                    },
+                    id: "n_EBzFgjzA",
+                    margin: {
+                        bottom: 0,
+                        leading: 0,
+                        top: 0,
+                        trailing: 0,
+                    },
+                    name: "Header",
+                    padding: {
+                        bottom: 20,
+                        leading: 0,
+                        top: 20,
+                        trailing: 0,
+                    },
+                    shadow: {
+                        color: {
+                            light: {
+                                type: "hex",
+                                value: "#00000033",
+                            },
+                        },
+                        radius: 16,
+                        x: 0,
+                        y: 4,
+                    },
+                    shape: {
+                        corners: {
+                            bottom_leading: 0,
+                            bottom_trailing: 0,
+                            top_leading: 0,
+                            top_trailing: 0,
+                        },
+                        type: "rectangle",
+                    },
+                    size: {
+                        height: {
+                            type: "fit",
+                            value: null,
+                        },
+                        width: {
+                            type: "fill",
+                            value: null,
+                        },
+                    },
+                    spacing: 0,
+                    type: "stack",
+                },
+                type: "header",
+            },
+            stack: {
+                background: null,
+                background_color: null,
+                badge: null,
+                border: null,
+                components: [
+                    {
+                        background_color: null,
+                        color: {
+                            light: {
+                                type: "hex",
+                                value: "#000000",
+                            },
+                        },
+                        font_name: null,
+                        font_size: 32,
+                        font_weight: "black",
+                        font_weight_int: 900,
+                        horizontal_alignment: "leading",
+                        id: "oVRfCDHko-",
+                        margin: {
+                            bottom: 0,
+                            leading: 0,
+                            top: 0,
+                            trailing: 0,
+                        },
+                        name: "",
+                        padding: {
+                            bottom: 0,
+                            leading: 0,
+                            top: 0,
+                            trailing: 0,
+                        },
+                        size: {
+                            height: {
+                                type: "fit",
+                                value: null,
+                            },
+                            width: {
+                                type: "fit",
+                                value: null,
+                            },
+                        },
+                        text_lid: "nWmlPmuuK1",
+                        type: "text",
+                    },
+                    {
+                        background_color: null,
+                        color: {
+                            light: {
+                                type: "hex",
+                                value: "#000000",
+                            },
+                        },
+                        font_name: null,
+                        font_size: 20,
+                        font_weight: "semibold",
+                        font_weight_int: 600,
+                        horizontal_alignment: "leading",
+                        id: "ozeo7YL6__",
+                        margin: {
+                            bottom: 0,
+                            leading: 0,
+                            top: 0,
+                            trailing: 0,
+                        },
+                        name: "",
+                        padding: {
+                            bottom: 0,
+                            leading: 0,
+                            top: 0,
+                            trailing: 0,
+                        },
+                        size: {
+                            height: {
+                                type: "fit",
+                                value: null,
+                            },
+                            width: {
+                                type: "fit",
+                                value: null,
+                            },
+                        },
+                        text_lid: "7-6UDrP-jV",
+                        type: "text",
+                    },
+                    {
+                        background: null,
+                        background_color: null,
+                        badge: null,
+                        border: null,
+                        components: [
+                            {
+                                id: "2LxNX-C514",
+                                is_selected_by_default: false,
+                                name: "",
+                                package_id: "",
+                                stack: {
+                                    background: {
+                                        type: "color",
+                                        value: {
+                                            light: {
+                                                type: "hex",
+                                                value: "#FFFFFFFF",
+                                            },
+                                        },
+                                    },
+                                    background_color: null,
+                                    badge: null,
+                                    border: {
+                                        color: {
+                                            light: {
+                                                type: "hex",
+                                                value: "#dededeff",
+                                            },
+                                        },
+                                        width: 2,
+                                    },
+                                    components: [
+                                        {
+                                            background: null,
+                                            background_color: null,
+                                            badge: null,
+                                            border: null,
+                                            components: [
+                                                {
+                                                    base_url: "https://icons.pawwalls.com/icons",
+                                                    color: {
+                                                        light: {
+                                                            type: "hex",
+                                                            value: "#dededeFF",
+                                                        },
+                                                    },
+                                                    formats: {
+                                                        heic: "circle.heic",
+                                                        png: "circle.png",
+                                                        svg: "circle.svg",
+                                                        webp: "circle.webp",
+                                                    },
+                                                    icon_background: null,
+                                                    icon_name: "circle",
+                                                    id: "j3OqczaZYI",
+                                                    margin: {
+                                                        bottom: 0,
+                                                        leading: 0,
+                                                        top: 0,
+                                                        trailing: 0,
+                                                    },
+                                                    name: "",
+                                                    overrides: [
+                                                        {
+                                                            conditions: [
+                                                                {
+                                                                    type: "selected",
+                                                                },
+                                                            ],
+                                                            properties: {
+                                                                color: {
+                                                                    light: {
+                                                                        type: "hex",
+                                                                        value: "#576CDBff",
+                                                                    },
+                                                                },
+                                                                formats: {
+                                                                    heic: "filled-circle-check.heic",
+                                                                    png: "filled-circle-check.png",
+                                                                    svg: "filled-circle-check.svg",
+                                                                    webp: "filled-circle-check.webp",
+                                                                },
+                                                                icon_name: "filled-circle-check",
+                                                            },
+                                                        },
+                                                    ],
+                                                    padding: {
+                                                        bottom: 0,
+                                                        leading: 0,
+                                                        top: 0,
+                                                        trailing: 0,
+                                                    },
+                                                    size: {
+                                                        height: {
+                                                            type: "fixed",
+                                                            value: 20,
+                                                        },
+                                                        width: {
+                                                            type: "fixed",
+                                                            value: 20,
+                                                        },
+                                                    },
+                                                    type: "icon",
+                                                },
+                                                {
+                                                    background: null,
+                                                    background_color: null,
+                                                    badge: null,
+                                                    border: null,
+                                                    components: [
+                                                        {
+                                                            background: null,
+                                                            background_color: null,
+                                                            badge: null,
+                                                            border: null,
+                                                            components: [
+                                                                {
+                                                                    background_color: null,
+                                                                    color: {
+                                                                        light: {
+                                                                            type: "hex",
+                                                                            value: "#0e0e0f99",
+                                                                        },
+                                                                    },
+                                                                    font_name: null,
+                                                                    font_size: 16,
+                                                                    font_weight: "medium",
+                                                                    font_weight_int: 500,
+                                                                    horizontal_alignment: "leading",
+                                                                    id: "wdgTnf7ky4",
+                                                                    margin: {
+                                                                        bottom: 0,
+                                                                        leading: 0,
+                                                                        top: 0,
+                                                                        trailing: 0,
+                                                                    },
+                                                                    name: "",
+                                                                    padding: {
+                                                                        bottom: 0,
+                                                                        leading: 0,
+                                                                        top: 0,
+                                                                        trailing: 0,
+                                                                    },
+                                                                    size: {
+                                                                        height: {
+                                                                            type: "fit",
+                                                                            value: null,
+                                                                        },
+                                                                        width: {
+                                                                            type: "fit",
+                                                                            value: null,
+                                                                        },
+                                                                    },
+                                                                    text_lid: "5jkIp5n6IU",
+                                                                    type: "text",
+                                                                },
+                                                                {
+                                                                    background: {
+                                                                        type: "color",
+                                                                        value: {
+                                                                            light: {
+                                                                                type: "hex",
+                                                                                value: "#576CDBff",
+                                                                            },
+                                                                        },
+                                                                    },
+                                                                    background_color: null,
+                                                                    badge: null,
+                                                                    border: null,
+                                                                    components: [
+                                                                        {
+                                                                            background_color: null,
+                                                                            color: {
+                                                                                light: {
+                                                                                    type: "hex",
+                                                                                    value: "#ffffffff",
+                                                                                },
+                                                                            },
+                                                                            font_name: null,
+                                                                            font_size: 12,
+                                                                            font_weight: "regular",
+                                                                            horizontal_alignment: "leading",
+                                                                            id: "wSfmKpQ7Vc",
+                                                                            margin: {
+                                                                                bottom: 0,
+                                                                                leading: 0,
+                                                                                top: 0,
+                                                                                trailing: 0,
+                                                                            },
+                                                                            name: "",
+                                                                            overrides: [
+                                                                                {
+                                                                                    conditions: [
+                                                                                        {
+                                                                                            type: "selected",
+                                                                                        },
+                                                                                    ],
+                                                                                    properties: {
+                                                                                        color: {
+                                                                                            light: {
+                                                                                                type: "hex",
+                                                                                                value: "#ffffffff",
+                                                                                            },
+                                                                                        },
+                                                                                        text_lid: "irZ3Cuz1jC",
+                                                                                    },
+                                                                                },
+                                                                            ],
+                                                                            padding: {
+                                                                                bottom: 0,
+                                                                                leading: 0,
+                                                                                top: 0,
+                                                                                trailing: 0,
+                                                                            },
+                                                                            size: {
+                                                                                height: {
+                                                                                    type: "fit",
+                                                                                    value: null,
+                                                                                },
+                                                                                width: {
+                                                                                    type: "fit",
+                                                                                    value: null,
+                                                                                },
+                                                                            },
+                                                                            text_lid: "QCSx5KWvFt",
+                                                                            type: "text",
+                                                                        },
+                                                                    ],
+                                                                    dimension: {
+                                                                        alignment: "leading",
+                                                                        distribution: "start",
+                                                                        type: "vertical",
+                                                                    },
+                                                                    id: "0Im071DViB",
+                                                                    margin: {
+                                                                        bottom: 0,
+                                                                        leading: 0,
+                                                                        top: 0,
+                                                                        trailing: 0,
+                                                                    },
+                                                                    name: "",
+                                                                    overrides: [
+                                                                        {
+                                                                            conditions: [
+                                                                                {
+                                                                                    type: "selected",
+                                                                                },
+                                                                            ],
+                                                                            properties: {
+                                                                                background: {
+                                                                                    type: "color",
+                                                                                    value: {
+                                                                                        light: {
+                                                                                            type: "hex",
+                                                                                            value: "#576CDBff",
+                                                                                        },
+                                                                                    },
+                                                                                },
+                                                                            },
+                                                                        },
+                                                                    ],
+                                                                    padding: {
+                                                                        bottom: 4,
+                                                                        leading: 8,
+                                                                        top: 4,
+                                                                        trailing: 8,
+                                                                    },
+                                                                    shadow: null,
+                                                                    shape: {
+                                                                        corners: {
+                                                                            bottom_leading: 4,
+                                                                            bottom_trailing: 4,
+                                                                            top_leading: 4,
+                                                                            top_trailing: 4,
+                                                                        },
+                                                                        type: "rectangle",
+                                                                    },
+                                                                    size: {
+                                                                        height: {
+                                                                            type: "fit",
+                                                                            value: null,
+                                                                        },
+                                                                        width: {
+                                                                            type: "fit",
+                                                                            value: null,
+                                                                        },
+                                                                    },
+                                                                    spacing: 0,
+                                                                    type: "stack",
+                                                                },
+                                                            ],
+                                                            dimension: {
+                                                                alignment: "center",
+                                                                distribution: "start",
+                                                                type: "horizontal",
+                                                            },
+                                                            id: "J4pwAa-QL5",
+                                                            margin: {
+                                                                bottom: 0,
+                                                                leading: 0,
+                                                                top: 0,
+                                                                trailing: 0,
+                                                            },
+                                                            name: "",
+                                                            padding: {
+                                                                bottom: 0,
+                                                                leading: 0,
+                                                                top: 0,
+                                                                trailing: 0,
+                                                            },
+                                                            shadow: null,
+                                                            shape: {
+                                                                corners: {
+                                                                    bottom_leading: 0,
+                                                                    bottom_trailing: 0,
+                                                                    top_leading: 0,
+                                                                    top_trailing: 0,
+                                                                },
+                                                                type: "rectangle",
+                                                            },
+                                                            size: {
+                                                                height: {
+                                                                    type: "fit",
+                                                                    value: null,
+                                                                },
+                                                                width: {
+                                                                    type: "fit",
+                                                                    value: null,
+                                                                },
+                                                            },
+                                                            spacing: 8,
+                                                            type: "stack",
+                                                        },
+                                                    ],
+                                                    dimension: {
+                                                        alignment: "leading",
+                                                        distribution: "start",
+                                                        type: "vertical",
+                                                    },
+                                                    id: "pbkAuF7qb7",
+                                                    margin: {
+                                                        bottom: 0,
+                                                        leading: 0,
+                                                        top: 0,
+                                                        trailing: 0,
+                                                    },
+                                                    name: "",
+                                                    padding: {
+                                                        bottom: 0,
+                                                        leading: 0,
+                                                        top: 0,
+                                                        trailing: 0,
+                                                    },
+                                                    shadow: null,
+                                                    shape: {
+                                                        corners: {
+                                                            bottom_leading: 0,
+                                                            bottom_trailing: 0,
+                                                            top_leading: 0,
+                                                            top_trailing: 0,
+                                                        },
+                                                        type: "rectangle",
+                                                    },
+                                                    size: {
+                                                        height: {
+                                                            type: "fit",
+                                                            value: null,
+                                                        },
+                                                        width: {
+                                                            type: "fit",
+                                                            value: null,
+                                                        },
+                                                    },
+                                                    spacing: 4,
+                                                    type: "stack",
+                                                },
+                                            ],
+                                            dimension: {
+                                                alignment: "center",
+                                                distribution: "center",
+                                                type: "horizontal",
+                                            },
+                                            id: "baSPCdbE1f",
+                                            margin: {
+                                                bottom: 0,
+                                                leading: 0,
+                                                top: 0,
+                                                trailing: 0,
+                                            },
+                                            name: "",
+                                            padding: {
+                                                bottom: 0,
+                                                leading: 0,
+                                                top: 0,
+                                                trailing: 0,
+                                            },
+                                            shadow: null,
+                                            shape: {
+                                                corners: {
+                                                    bottom_leading: 0,
+                                                    bottom_trailing: 0,
+                                                    top_leading: 0,
+                                                    top_trailing: 0,
+                                                },
+                                                type: "rectangle",
+                                            },
+                                            size: {
+                                                height: {
+                                                    type: "fit",
+                                                    value: null,
+                                                },
+                                                width: {
+                                                    type: "fit",
+                                                    value: null,
+                                                },
+                                            },
+                                            spacing: 12,
+                                            type: "stack",
+                                        },
+                                        {
+                                            background_color: null,
+                                            color: {
+                                                light: {
+                                                    type: "hex",
+                                                    value: "#0e0e0f99",
+                                                },
+                                            },
+                                            font_name: null,
+                                            font_size: 16,
+                                            font_weight: "medium",
+                                            font_weight_int: 500,
+                                            horizontal_alignment: "leading",
+                                            id: "DGyeL9F13t",
+                                            margin: {
+                                                bottom: 0,
+                                                leading: 0,
+                                                top: 0,
+                                                trailing: 0,
+                                            },
+                                            name: "",
+                                            padding: {
+                                                bottom: 0,
+                                                leading: 0,
+                                                top: 0,
+                                                trailing: 0,
+                                            },
+                                            size: {
+                                                height: {
+                                                    type: "fit",
+                                                    value: null,
+                                                },
+                                                width: {
+                                                    type: "fit",
+                                                    value: null,
+                                                },
+                                            },
+                                            text_lid: "qsLtz2m0uO",
+                                            type: "text",
+                                        },
+                                    ],
+                                    dimension: {
+                                        alignment: "center",
+                                        distribution: "space_between",
+                                        type: "horizontal",
+                                    },
+                                    id: "iQcDew__cn",
+                                    margin: {
+                                        bottom: 0,
+                                        leading: 0,
+                                        top: 0,
+                                        trailing: 0,
+                                    },
+                                    name: "",
+                                    overrides: [
+                                        {
+                                            conditions: [
+                                                {
+                                                    type: "selected",
+                                                },
+                                            ],
+                                            properties: {
+                                                border: {
+                                                    color: {
+                                                        light: {
+                                                            type: "hex",
+                                                            value: "#576CDBff",
+                                                        },
+                                                    },
+                                                    width: 2,
+                                                },
+                                                shadow: {
+                                                    color: {
+                                                        light: {
+                                                            type: "hex",
+                                                            value: "#576CDB1a",
+                                                        },
+                                                    },
+                                                    radius: 8,
+                                                    x: 0,
+                                                    y: 4,
+                                                },
+                                            },
+                                        },
+                                    ],
+                                    padding: {
+                                        bottom: 16,
+                                        leading: 12,
+                                        top: 16,
+                                        trailing: 12,
+                                    },
+                                    shadow: null,
+                                    shape: {
+                                        corners: {
+                                            bottom_leading: 12,
+                                            bottom_trailing: 12,
+                                            top_leading: 12,
+                                            top_trailing: 12,
+                                        },
+                                        type: "rectangle",
+                                    },
+                                    size: {
+                                        height: {
+                                            type: "fit",
+                                            value: null,
+                                        },
+                                        width: {
+                                            type: "fill",
+                                            value: null,
+                                        },
+                                    },
+                                    spacing: 0,
+                                    type: "stack",
+                                },
+                                type: "package",
+                            },
+                            {
+                                id: "UX07ZuAhwY",
+                                is_selected_by_default: false,
+                                name: "",
+                                overrides: [
+                                    {
+                                        conditions: [
+                                            {
+                                                operator: "=",
+                                                type: "intro_offer_condition",
+                                                value: true,
+                                            },
+                                        ],
+                                        properties: {
+                                            visible: false,
+                                        },
+                                    },
+                                ],
+                                package_id: "",
+                                stack: {
+                                    background: {
+                                        type: "color",
+                                        value: {
+                                            light: {
+                                                type: "hex",
+                                                value: "#FFFFFFFF",
+                                            },
+                                        },
+                                    },
+                                    background_color: null,
+                                    badge: null,
+                                    border: {
+                                        color: {
+                                            light: {
+                                                type: "hex",
+                                                value: "#dededeff",
+                                            },
+                                        },
+                                        width: 2,
+                                    },
+                                    components: [
+                                        {
+                                            background: null,
+                                            background_color: null,
+                                            badge: null,
+                                            border: null,
+                                            components: [
+                                                {
+                                                    base_url: "https://icons.pawwalls.com/icons",
+                                                    color: {
+                                                        light: {
+                                                            type: "hex",
+                                                            value: "#dededeFF",
+                                                        },
+                                                    },
+                                                    formats: {
+                                                        heic: "circle.heic",
+                                                        png: "circle.png",
+                                                        svg: "circle.svg",
+                                                        webp: "circle.webp",
+                                                    },
+                                                    icon_background: null,
+                                                    icon_name: "circle",
+                                                    id: "wlkyjTzohd",
+                                                    margin: {
+                                                        bottom: 0,
+                                                        leading: 0,
+                                                        top: 0,
+                                                        trailing: 0,
+                                                    },
+                                                    name: "",
+                                                    overrides: [
+                                                        {
+                                                            conditions: [
+                                                                {
+                                                                    type: "selected",
+                                                                },
+                                                            ],
+                                                            properties: {
+                                                                color: {
+                                                                    light: {
+                                                                        type: "hex",
+                                                                        value: "#576CDBff",
+                                                                    },
+                                                                },
+                                                                formats: {
+                                                                    heic: "filled-circle-check.heic",
+                                                                    png: "filled-circle-check.png",
+                                                                    svg: "filled-circle-check.svg",
+                                                                    webp: "filled-circle-check.webp",
+                                                                },
+                                                                icon_name: "filled-circle-check",
+                                                            },
+                                                        },
+                                                    ],
+                                                    padding: {
+                                                        bottom: 0,
+                                                        leading: 0,
+                                                        top: 0,
+                                                        trailing: 0,
+                                                    },
+                                                    size: {
+                                                        height: {
+                                                            type: "fixed",
+                                                            value: 20,
+                                                        },
+                                                        width: {
+                                                            type: "fixed",
+                                                            value: 20,
+                                                        },
+                                                    },
+                                                    type: "icon",
+                                                },
+                                                {
+                                                    background: null,
+                                                    background_color: null,
+                                                    badge: null,
+                                                    border: null,
+                                                    components: [
+                                                        {
+                                                            background: null,
+                                                            background_color: null,
+                                                            badge: null,
+                                                            border: null,
+                                                            components: [
+                                                                {
+                                                                    background_color: null,
+                                                                    color: {
+                                                                        light: {
+                                                                            type: "hex",
+                                                                            value: "#0e0e0f99",
+                                                                        },
+                                                                    },
+                                                                    font_name: null,
+                                                                    font_size: 16,
+                                                                    font_weight: "medium",
+                                                                    font_weight_int: 500,
+                                                                    horizontal_alignment: "leading",
+                                                                    id: "WoSHIUJrQk",
+                                                                    margin: {
+                                                                        bottom: 0,
+                                                                        leading: 0,
+                                                                        top: 0,
+                                                                        trailing: 0,
+                                                                    },
+                                                                    name: "",
+                                                                    padding: {
+                                                                        bottom: 0,
+                                                                        leading: 0,
+                                                                        top: 0,
+                                                                        trailing: 0,
+                                                                    },
+                                                                    size: {
+                                                                        height: {
+                                                                            type: "fit",
+                                                                            value: null,
+                                                                        },
+                                                                        width: {
+                                                                            type: "fit",
+                                                                            value: null,
+                                                                        },
+                                                                    },
+                                                                    text_lid: "nDHVlQy3o_",
+                                                                    type: "text",
+                                                                },
+                                                            ],
+                                                            dimension: {
+                                                                alignment: "center",
+                                                                distribution: "start",
+                                                                type: "horizontal",
+                                                            },
+                                                            id: "LyPT8fwLe0",
+                                                            margin: {
+                                                                bottom: 0,
+                                                                leading: 0,
+                                                                top: 0,
+                                                                trailing: 0,
+                                                            },
+                                                            name: "",
+                                                            padding: {
+                                                                bottom: 0,
+                                                                leading: 0,
+                                                                top: 0,
+                                                                trailing: 0,
+                                                            },
+                                                            shadow: null,
+                                                            shape: {
+                                                                corners: {
+                                                                    bottom_leading: 0,
+                                                                    bottom_trailing: 0,
+                                                                    top_leading: 0,
+                                                                    top_trailing: 0,
+                                                                },
+                                                                type: "rectangle",
+                                                            },
+                                                            size: {
+                                                                height: {
+                                                                    type: "fit",
+                                                                    value: null,
+                                                                },
+                                                                width: {
+                                                                    type: "fit",
+                                                                    value: null,
+                                                                },
+                                                            },
+                                                            spacing: 8,
+                                                            type: "stack",
+                                                        },
+                                                    ],
+                                                    dimension: {
+                                                        alignment: "leading",
+                                                        distribution: "start",
+                                                        type: "vertical",
+                                                    },
+                                                    id: "fy5k_roqef",
+                                                    margin: {
+                                                        bottom: 0,
+                                                        leading: 0,
+                                                        top: 0,
+                                                        trailing: 0,
+                                                    },
+                                                    name: "",
+                                                    padding: {
+                                                        bottom: 0,
+                                                        leading: 0,
+                                                        top: 0,
+                                                        trailing: 0,
+                                                    },
+                                                    shadow: null,
+                                                    shape: {
+                                                        corners: {
+                                                            bottom_leading: 0,
+                                                            bottom_trailing: 0,
+                                                            top_leading: 0,
+                                                            top_trailing: 0,
+                                                        },
+                                                        type: "rectangle",
+                                                    },
+                                                    size: {
+                                                        height: {
+                                                            type: "fit",
+                                                            value: null,
+                                                        },
+                                                        width: {
+                                                            type: "fit",
+                                                            value: null,
+                                                        },
+                                                    },
+                                                    spacing: 6,
+                                                    type: "stack",
+                                                },
+                                            ],
+                                            dimension: {
+                                                alignment: "center",
+                                                distribution: "center",
+                                                type: "horizontal",
+                                            },
+                                            id: "-xyf-M5g0B",
+                                            margin: {
+                                                bottom: 0,
+                                                leading: 0,
+                                                top: 0,
+                                                trailing: 0,
+                                            },
+                                            name: "",
+                                            padding: {
+                                                bottom: 0,
+                                                leading: 0,
+                                                top: 0,
+                                                trailing: 0,
+                                            },
+                                            shadow: null,
+                                            shape: {
+                                                corners: {
+                                                    bottom_leading: 0,
+                                                    bottom_trailing: 0,
+                                                    top_leading: 0,
+                                                    top_trailing: 0,
+                                                },
+                                                type: "rectangle",
+                                            },
+                                            size: {
+                                                height: {
+                                                    type: "fit",
+                                                    value: null,
+                                                },
+                                                width: {
+                                                    type: "fit",
+                                                    value: null,
+                                                },
+                                            },
+                                            spacing: 12,
+                                            type: "stack",
+                                        },
+                                        {
+                                            background_color: null,
+                                            color: {
+                                                light: {
+                                                    type: "hex",
+                                                    value: "#0e0e0f99",
+                                                },
+                                            },
+                                            font_name: null,
+                                            font_size: 16,
+                                            font_weight: "regular",
+                                            font_weight_int: 400,
+                                            horizontal_alignment: "leading",
+                                            id: "CwdSd-JUh6",
+                                            margin: {
+                                                bottom: 0,
+                                                leading: 0,
+                                                top: 0,
+                                                trailing: 0,
+                                            },
+                                            name: "",
+                                            padding: {
+                                                bottom: 0,
+                                                leading: 0,
+                                                top: 0,
+                                                trailing: 0,
+                                            },
+                                            size: {
+                                                height: {
+                                                    type: "fit",
+                                                    value: null,
+                                                },
+                                                width: {
+                                                    type: "fit",
+                                                    value: null,
+                                                },
+                                            },
+                                            text_lid: "X7kp4as6mZ",
+                                            type: "text",
+                                        },
+                                    ],
+                                    dimension: {
+                                        alignment: "center",
+                                        distribution: "space_between",
+                                        type: "horizontal",
+                                    },
+                                    id: "ODxijQxpXd",
+                                    margin: {
+                                        bottom: 0,
+                                        leading: 0,
+                                        top: 0,
+                                        trailing: 0,
+                                    },
+                                    name: "",
+                                    overrides: [
+                                        {
+                                            conditions: [
+                                                {
+                                                    type: "selected",
+                                                },
+                                            ],
+                                            properties: {
+                                                border: {
+                                                    color: {
+                                                        light: {
+                                                            type: "hex",
+                                                            value: "#576CDBff",
+                                                        },
+                                                    },
+                                                    width: 2,
+                                                },
+                                                shadow: {
+                                                    color: {
+                                                        light: {
+                                                            type: "hex",
+                                                            value: "#576CDB1a",
+                                                        },
+                                                    },
+                                                    radius: 8,
+                                                    x: 0,
+                                                    y: 4,
+                                                },
+                                            },
+                                        },
+                                    ],
+                                    padding: {
+                                        bottom: 16,
+                                        leading: 12,
+                                        top: 16,
+                                        trailing: 12,
+                                    },
+                                    shadow: null,
+                                    shape: {
+                                        corners: {
+                                            bottom_leading: 12,
+                                            bottom_trailing: 12,
+                                            top_leading: 12,
+                                            top_trailing: 12,
+                                        },
+                                        type: "rectangle",
+                                    },
+                                    size: {
+                                        height: {
+                                            type: "fit",
+                                            value: null,
+                                        },
+                                        width: {
+                                            type: "fill",
+                                            value: null,
+                                        },
+                                    },
+                                    spacing: 0,
+                                    type: "stack",
+                                },
+                                type: "package",
+                            },
+                        ],
+                        dimension: {
+                            alignment: "center",
+                            distribution: "start",
+                            type: "vertical",
+                        },
+                        id: "rs3pH4bmt6",
+                        margin: {
+                            bottom: 16,
+                            leading: 16,
+                            top: 16,
+                            trailing: 16,
+                        },
+                        name: "Package stack",
+                        padding: {
+                            bottom: 0,
+                            leading: 0,
+                            top: 0,
+                            trailing: 0,
+                        },
+                        shadow: null,
+                        shape: {
+                            corners: {
+                                bottom_leading: 0,
+                                bottom_trailing: 0,
+                                top_leading: 0,
+                                top_trailing: 0,
+                            },
+                            type: "rectangle",
+                        },
+                        size: {
+                            height: {
+                                type: "fit",
+                                value: null,
+                            },
+                            width: {
+                                type: "fill",
+                                value: null,
+                            },
+                        },
+                        spacing: 16,
+                        type: "stack",
+                    },
+                    {
+                        id: "OJ9cce3aNE",
+                        name: "",
+                        stack: {
+                            background: {
+                                type: "color",
+                                value: {
+                                    light: {
+                                        degrees: 8,
+                                        points: [
+                                            {
+                                                color: "#576cdbff",
+                                                percent: 38,
+                                            },
+                                            {
+                                                color: "#7989e2ff",
+                                                percent: 100,
+                                            },
+                                        ],
+                                        type: "linear",
+                                    },
+                                },
+                            },
+                            background_color: null,
+                            border: null,
+                            components: [
+                                {
+                                    background_color: null,
+                                    color: {
+                                        light: {
+                                            type: "hex",
+                                            value: "#ffffff",
+                                        },
+                                    },
+                                    font_name: null,
+                                    font_size: 16,
+                                    font_weight: "semibold",
+                                    horizontal_alignment: "center",
+                                    id: "LwjQNsTGkA",
+                                    margin: {
+                                        bottom: 0,
+                                        leading: 0,
+                                        top: 0,
+                                        trailing: 0,
+                                    },
+                                    name: "",
+                                    overrides: [
+                                        {
+                                            conditions: [
+                                                {
+                                                    type: "intro_offer",
+                                                },
+                                            ],
+                                            properties: {
+                                                color: {
+                                                    light: {
+                                                        type: "hex",
+                                                        value: "#ffffffff",
+                                                    },
+                                                },
+                                                text_lid: "VZ5XsUH6J-",
+                                            },
+                                        },
+                                    ],
+                                    padding: {
+                                        bottom: 0,
+                                        leading: 0,
+                                        top: 0,
+                                        trailing: 0,
+                                    },
+                                    size: {
+                                        height: {
+                                            type: "fit",
+                                            value: null,
+                                        },
+                                        width: {
+                                            type: "fill",
+                                            value: null,
+                                        },
+                                    },
+                                    text_lid: "Gebk-WjXoX",
+                                    type: "text",
+                                },
+                                {
+                                    background_color: null,
+                                    color: {
+                                        light: {
+                                            type: "hex",
+                                            value: "#FFFFFFff",
+                                        },
+                                    },
+                                    font_name: null,
+                                    font_size: 12,
+                                    font_weight: "light",
+                                    horizontal_alignment: "center",
+                                    id: "tHOdccwxba",
+                                    margin: {
+                                        bottom: 0,
+                                        leading: 0,
+                                        top: 0,
+                                        trailing: 0,
+                                    },
+                                    name: "",
+                                    padding: {
+                                        bottom: 0,
+                                        leading: 0,
+                                        top: 0,
+                                        trailing: 0,
+                                    },
+                                    size: {
+                                        height: {
+                                            type: "fit",
+                                            value: null,
+                                        },
+                                        width: {
+                                            type: "fill",
+                                            value: null,
+                                        },
+                                    },
+                                    text_lid: "u-3Spu2yrn",
+                                    type: "text",
+                                },
+                            ],
+                            dimension: {
+                                alignment: "leading",
+                                distribution: "start",
+                                type: "vertical",
+                            },
+                            id: "bmATE-_hLO",
+                            margin: {
+                                bottom: 16,
+                                leading: 16,
+                                top: 16,
+                                trailing: 16,
+                            },
+                            name: "",
+                            padding: {
+                                bottom: 8,
+                                leading: 8,
+                                top: 8,
+                                trailing: 8,
+                            },
+                            shadow: {
+                                color: {
+                                    light: {
+                                        type: "hex",
+                                        value: "#00000005",
+                                    },
+                                },
+                                radius: 1,
+                                x: 1,
+                                y: 1,
+                            },
+                            shape: {
+                                corners: {
+                                    bottom_leading: 8,
+                                    bottom_trailing: 8,
+                                    top_leading: 8,
+                                    top_trailing: 8,
+                                },
+                                type: "rectangle",
+                            },
+                            size: {
+                                height: {
+                                    type: "fit",
+                                    value: null,
+                                },
+                                width: {
+                                    type: "fill",
+                                    value: null,
+                                },
+                            },
+                            spacing: 4,
+                            type: "stack",
+                        },
+                        type: "purchase_button",
+                    },
+                ],
+                dimension: {
+                    alignment: "center",
+                    distribution: "start",
+                    type: "vertical",
+                },
+                id: "AzzOxxREGJ",
+                margin: {
+                    bottom: 0,
+                    leading: 0,
+                    top: 0,
+                    trailing: 0,
+                },
+                name: "Content",
+                padding: {
+                    bottom: 10,
+                    leading: 0,
+                    top: 10,
+                    trailing: 0,
+                },
+                shadow: null,
+                shape: {
+                    corners: {
+                        bottom_leading: 0,
+                        bottom_trailing: 0,
+                        top_leading: 0,
+                        top_trailing: 0,
+                    },
+                    type: "rectangle",
+                },
+                size: {
+                    height: {
+                        type: "fill",
+                        value: null,
+                    },
+                    width: {
+                        type: "fill",
+                        value: null,
+                    },
+                },
+                spacing: 16,
+                type: "stack",
+            },
+            sticky_footer: null,
+        },
+    },
+    components_localizations: {
+        en_US: {
+            "2wCGhwfDvx": "Welcome to the app!",
+            "5jkIp5n6IU": "Weekly",
+            "7-6UDrP-jV": "I promise that",
+            "Gebk-WjXoX": "Continue",
+            QCSx5KWvFt: "BEST VALUE",
+            "VZ5XsUH6J-": "Try Free and Subscribe",
+            X7kp4as6mZ: "£8.99 per month",
+            irZ3Cuz1jC: "BEST VALUE",
+            nDHVlQy3o_: "Monthly",
+            nWmlPmuuK1: "The best experience",
+            qsLtz2m0uO: "£2.99 per week",
+            "u-3Spu2yrn": "Cancel anytime",
+        },
+    },
+    config: {},
+    created_at: "2026-03-18T11:01:53Z",
+    default_locale: "en_US",
+    exit_offers: {},
+    generated_by: "dashboard",
+    localized_strings: {
+        en_US: {},
+    },
+    localized_strings_by_tier: {},
+    metadata: {},
+    name: "Untitled Paywall",
+    offering_id: null,
+    params: [],
+    play_store_product_change_mode: {},
+    published_at: null,
+    published_revision: null,
+    rc_public_id: "pw42501c7269e742dc",
+    revision: 26,
+    source: "paywall",
+    template_name: "components",
+    updated_at: "2026-04-14T09:50:13Z",
+};
+export const paywallWithTransparentHeaderAndTopImage = {
+    asset_base_url: "https://assets.pawwalls.com",
+    components_config: {
+        base: {
+            background: {
+                type: "color",
+                value: {
+                    light: {
+                        type: "hex",
+                        value: "#ffffffff",
+                    },
+                },
+            },
+            header: {
+                fallback: {
+                    background: null,
+                    background_color: null,
+                    badge: null,
+                    border: null,
+                    components: [
+                        {
+                            background_color: null,
+                            color: {
+                                light: {
+                                    type: "hex",
+                                    value: "#E8C2C2FF",
+                                },
+                            },
+                            font_name: null,
+                            font_size: 24,
+                            font_weight: "black",
+                            font_weight_int: 900,
+                            horizontal_alignment: "leading",
+                            id: "Fhqh8-bFi_",
+                            margin: {
+                                bottom: 0,
+                                leading: 0,
+                                top: 0,
+                                trailing: 0,
+                            },
+                            name: "",
+                            padding: {
+                                bottom: 0,
+                                leading: 0,
+                                top: 0,
+                                trailing: 0,
+                            },
+                            size: {
+                                height: {
+                                    type: "fit",
+                                    value: null,
+                                },
+                                width: {
+                                    type: "fit",
+                                    value: null,
+                                },
+                            },
+                            text_lid: "2wCGhwfDvx",
+                            type: "text",
+                        },
+                        {
+                            base_url: "https://icons.pawwalls.com/icons",
+                            color: {
+                                dark: {
+                                    type: "hex",
+                                    value: "#FFFFFF",
+                                },
+                                light: {
+                                    type: "hex",
+                                    value: "#E8C3C2FF",
+                                },
+                            },
+                            formats: {
+                                heic: "circle-letter-x.heic",
+                                png: "circle-letter-x.png",
+                                svg: "circle-letter-x.svg",
+                                webp: "circle-letter-x.webp",
+                            },
+                            icon_background: null,
+                            icon_name: "circle-letter-x",
+                            id: "JXTdxUXycx",
+                            margin: {
+                                bottom: 0,
+                                leading: 0,
+                                top: 0,
+                                trailing: 0,
+                            },
+                            name: "",
+                            padding: {
+                                bottom: 0,
+                                leading: 0,
+                                top: 0,
+                                trailing: 0,
+                            },
+                            size: {
+                                height: {
+                                    type: "fixed",
+                                    value: 26,
+                                },
+                                width: {
+                                    type: "fixed",
+                                    value: 26,
+                                },
+                            },
+                            type: "icon",
+                        },
+                    ],
+                    dimension: {
+                        alignment: "center",
+                        distribution: "space_between",
+                        type: "horizontal",
+                    },
+                    id: "n_EBzFgjzA",
+                    margin: {
+                        bottom: 0,
+                        leading: 0,
+                        top: 0,
+                        trailing: 0,
+                    },
+                    name: "Header",
+                    padding: {
+                        bottom: 20,
+                        leading: 20,
+                        top: 20,
+                        trailing: 20,
+                    },
+                    shadow: {
+                        color: {
+                            light: {
+                                type: "hex",
+                                value: "#00000033",
+                            },
+                        },
+                        radius: 16,
+                        x: 0,
+                        y: 4,
+                    },
+                    shape: {
+                        corners: {
+                            bottom_leading: 0,
+                            bottom_trailing: 0,
+                            top_leading: 0,
+                            top_trailing: 0,
+                        },
+                        type: "rectangle",
+                    },
+                    size: {
+                        height: {
+                            type: "fit",
+                            value: null,
+                        },
+                        width: {
+                            type: "fill",
+                            value: null,
+                        },
+                    },
+                    spacing: 0,
+                    type: "stack",
+                },
+                id: "dZRqAxqs1j",
+                name: "",
+                stack: {
+                    background: null,
+                    background_color: null,
+                    badge: null,
+                    border: null,
+                    components: [
+                        {
+                            background_color: null,
+                            color: {
+                                light: {
+                                    type: "hex",
+                                    value: "#E8C2C2FF",
+                                },
+                            },
+                            font_name: null,
+                            font_size: 24,
+                            font_weight: "black",
+                            font_weight_int: 900,
+                            horizontal_alignment: "leading",
+                            id: "Fhqh8-bFi_",
+                            margin: {
+                                bottom: 0,
+                                leading: 0,
+                                top: 0,
+                                trailing: 0,
+                            },
+                            name: "",
+                            padding: {
+                                bottom: 0,
+                                leading: 0,
+                                top: 0,
+                                trailing: 0,
+                            },
+                            size: {
+                                height: {
+                                    type: "fit",
+                                    value: null,
+                                },
+                                width: {
+                                    type: "fit",
+                                    value: null,
+                                },
+                            },
+                            text_lid: "2wCGhwfDvx",
+                            type: "text",
+                        },
+                        {
+                            base_url: "https://icons.pawwalls.com/icons",
+                            color: {
+                                dark: {
+                                    type: "hex",
+                                    value: "#FFFFFF",
+                                },
+                                light: {
+                                    type: "hex",
+                                    value: "#E8C3C2FF",
+                                },
+                            },
+                            formats: {
+                                heic: "circle-letter-x.heic",
+                                png: "circle-letter-x.png",
+                                svg: "circle-letter-x.svg",
+                                webp: "circle-letter-x.webp",
+                            },
+                            icon_background: null,
+                            icon_name: "circle-letter-x",
+                            id: "JXTdxUXycx",
+                            margin: {
+                                bottom: 0,
+                                leading: 0,
+                                top: 0,
+                                trailing: 0,
+                            },
+                            name: "",
+                            padding: {
+                                bottom: 0,
+                                leading: 0,
+                                top: 0,
+                                trailing: 0,
+                            },
+                            size: {
+                                height: {
+                                    type: "fixed",
+                                    value: 26,
+                                },
+                                width: {
+                                    type: "fixed",
+                                    value: 26,
+                                },
+                            },
+                            type: "icon",
+                        },
+                    ],
+                    dimension: {
+                        alignment: "center",
+                        distribution: "space_between",
+                        type: "horizontal",
+                    },
+                    id: "n_EBzFgjzA",
+                    margin: {
+                        bottom: 0,
+                        leading: 0,
+                        top: 0,
+                        trailing: 0,
+                    },
+                    name: "Header",
+                    padding: {
+                        bottom: 20,
+                        leading: 20,
+                        top: 20,
+                        trailing: 20,
+                    },
+                    shadow: {
+                        color: {
+                            light: {
+                                type: "hex",
+                                value: "#00000033",
+                            },
+                        },
+                        radius: 16,
+                        x: 0,
+                        y: 4,
+                    },
+                    shape: {
+                        corners: {
+                            bottom_leading: 0,
+                            bottom_trailing: 0,
+                            top_leading: 0,
+                            top_trailing: 0,
+                        },
+                        type: "rectangle",
+                    },
+                    size: {
+                        height: {
+                            type: "fit",
+                            value: null,
+                        },
+                        width: {
+                            type: "fill",
+                            value: null,
+                        },
+                    },
+                    spacing: 0,
+                    type: "stack",
+                },
+                type: "header",
+            },
+            stack: {
+                background: null,
+                background_color: null,
+                badge: null,
+                border: null,
+                components: [
+                    {
+                        border: null,
+                        color_overlay: null,
+                        fit_mode: "fit",
+                        id: "8SO1ogqNsP",
+                        margin: {
+                            bottom: 0,
+                            leading: 0,
+                            top: 0,
+                            trailing: 0,
+                        },
+                        mask_shape: {
+                            corners: {
+                                bottom_leading: 0,
+                                bottom_trailing: 0,
+                                top_leading: 0,
+                                top_trailing: 0,
+                            },
+                            type: "rectangle",
+                        },
+                        name: "",
+                        padding: {
+                            bottom: 0,
+                            leading: 0,
+                            top: 0,
+                            trailing: 0,
+                        },
+                        shadow: null,
+                        size: {
+                            height: {
+                                type: "fit",
+                                value: null,
+                            },
+                            width: {
+                                type: "fill",
+                                value: null,
+                            },
+                        },
+                        source: {
+                            light: {
+                                heic: "https://assets.pawwalls.com/1284002_1776160513_d43f9eb6.heic",
+                                heic_low_res: "https://assets.pawwalls.com/1284002_low_res_1776160513_d43f9eb6.heic",
+                                height: 889,
+                                original: "https://assets.pawwalls.com/1284002_1776160513_d43f9eb6.PNG",
+                                webp: "https://assets.pawwalls.com/1284002_1776160513_d43f9eb6.webp",
+                                webp_low_res: "https://assets.pawwalls.com/1284002_low_res_1776160513_d43f9eb6.webp",
+                                width: 667,
+                            },
+                        },
+                        type: "image",
+                    },
+                    {
+                        background_color: null,
+                        color: {
+                            light: {
+                                type: "hex",
+                                value: "#000000",
+                            },
+                        },
+                        font_name: null,
+                        font_size: 32,
+                        font_weight: "black",
+                        font_weight_int: 900,
+                        horizontal_alignment: "leading",
+                        id: "oVRfCDHko-",
+                        margin: {
+                            bottom: 0,
+                            leading: 0,
+                            top: 0,
+                            trailing: 0,
+                        },
+                        name: "",
+                        padding: {
+                            bottom: 0,
+                            leading: 0,
+                            top: 0,
+                            trailing: 0,
+                        },
+                        size: {
+                            height: {
+                                type: "fit",
+                                value: null,
+                            },
+                            width: {
+                                type: "fit",
+                                value: null,
+                            },
+                        },
+                        text_lid: "nWmlPmuuK1",
+                        type: "text",
+                    },
+                    {
+                        background_color: null,
+                        color: {
+                            light: {
+                                type: "hex",
+                                value: "#000000",
+                            },
+                        },
+                        font_name: null,
+                        font_size: 20,
+                        font_weight: "semibold",
+                        font_weight_int: 600,
+                        horizontal_alignment: "leading",
+                        id: "ozeo7YL6__",
+                        margin: {
+                            bottom: 0,
+                            leading: 0,
+                            top: 0,
+                            trailing: 0,
+                        },
+                        name: "",
+                        padding: {
+                            bottom: 0,
+                            leading: 0,
+                            top: 0,
+                            trailing: 0,
+                        },
+                        size: {
+                            height: {
+                                type: "fit",
+                                value: null,
+                            },
+                            width: {
+                                type: "fit",
+                                value: null,
+                            },
+                        },
+                        text_lid: "7-6UDrP-jV",
+                        type: "text",
+                    },
+                    {
+                        background: null,
+                        background_color: null,
+                        badge: null,
+                        border: null,
+                        components: [
+                            {
+                                id: "2LxNX-C514",
+                                is_selected_by_default: false,
+                                name: "",
+                                package_id: "",
+                                stack: {
+                                    background: {
+                                        type: "color",
+                                        value: {
+                                            light: {
+                                                type: "hex",
+                                                value: "#FFFFFFFF",
+                                            },
+                                        },
+                                    },
+                                    background_color: null,
+                                    badge: null,
+                                    border: {
+                                        color: {
+                                            light: {
+                                                type: "hex",
+                                                value: "#dededeff",
+                                            },
+                                        },
+                                        width: 2,
+                                    },
+                                    components: [
+                                        {
+                                            background: null,
+                                            background_color: null,
+                                            badge: null,
+                                            border: null,
+                                            components: [
+                                                {
+                                                    base_url: "https://icons.pawwalls.com/icons",
+                                                    color: {
+                                                        light: {
+                                                            type: "hex",
+                                                            value: "#dededeFF",
+                                                        },
+                                                    },
+                                                    formats: {
+                                                        heic: "circle.heic",
+                                                        png: "circle.png",
+                                                        svg: "circle.svg",
+                                                        webp: "circle.webp",
+                                                    },
+                                                    icon_background: null,
+                                                    icon_name: "circle",
+                                                    id: "j3OqczaZYI",
+                                                    margin: {
+                                                        bottom: 0,
+                                                        leading: 0,
+                                                        top: 0,
+                                                        trailing: 0,
+                                                    },
+                                                    name: "",
+                                                    overrides: [
+                                                        {
+                                                            conditions: [
+                                                                {
+                                                                    type: "selected",
+                                                                },
+                                                            ],
+                                                            properties: {
+                                                                color: {
+                                                                    light: {
+                                                                        type: "hex",
+                                                                        value: "#576CDBff",
+                                                                    },
+                                                                },
+                                                                formats: {
+                                                                    heic: "filled-circle-check.heic",
+                                                                    png: "filled-circle-check.png",
+                                                                    svg: "filled-circle-check.svg",
+                                                                    webp: "filled-circle-check.webp",
+                                                                },
+                                                                icon_name: "filled-circle-check",
+                                                            },
+                                                        },
+                                                    ],
+                                                    padding: {
+                                                        bottom: 0,
+                                                        leading: 0,
+                                                        top: 0,
+                                                        trailing: 0,
+                                                    },
+                                                    size: {
+                                                        height: {
+                                                            type: "fixed",
+                                                            value: 20,
+                                                        },
+                                                        width: {
+                                                            type: "fixed",
+                                                            value: 20,
+                                                        },
+                                                    },
+                                                    type: "icon",
+                                                },
+                                                {
+                                                    background: null,
+                                                    background_color: null,
+                                                    badge: null,
+                                                    border: null,
+                                                    components: [
+                                                        {
+                                                            background: null,
+                                                            background_color: null,
+                                                            badge: null,
+                                                            border: null,
+                                                            components: [
+                                                                {
+                                                                    background_color: null,
+                                                                    color: {
+                                                                        light: {
+                                                                            type: "hex",
+                                                                            value: "#0e0e0f99",
+                                                                        },
+                                                                    },
+                                                                    font_name: null,
+                                                                    font_size: 16,
+                                                                    font_weight: "medium",
+                                                                    font_weight_int: 500,
+                                                                    horizontal_alignment: "leading",
+                                                                    id: "wdgTnf7ky4",
+                                                                    margin: {
+                                                                        bottom: 0,
+                                                                        leading: 0,
+                                                                        top: 0,
+                                                                        trailing: 0,
+                                                                    },
+                                                                    name: "",
+                                                                    padding: {
+                                                                        bottom: 0,
+                                                                        leading: 0,
+                                                                        top: 0,
+                                                                        trailing: 0,
+                                                                    },
+                                                                    size: {
+                                                                        height: {
+                                                                            type: "fit",
+                                                                            value: null,
+                                                                        },
+                                                                        width: {
+                                                                            type: "fit",
+                                                                            value: null,
+                                                                        },
+                                                                    },
+                                                                    text_lid: "5jkIp5n6IU",
+                                                                    type: "text",
+                                                                },
+                                                                {
+                                                                    background: {
+                                                                        type: "color",
+                                                                        value: {
+                                                                            light: {
+                                                                                type: "hex",
+                                                                                value: "#576CDBff",
+                                                                            },
+                                                                        },
+                                                                    },
+                                                                    background_color: null,
+                                                                    badge: null,
+                                                                    border: null,
+                                                                    components: [
+                                                                        {
+                                                                            background_color: null,
+                                                                            color: {
+                                                                                light: {
+                                                                                    type: "hex",
+                                                                                    value: "#ffffffff",
+                                                                                },
+                                                                            },
+                                                                            font_name: null,
+                                                                            font_size: 12,
+                                                                            font_weight: "regular",
+                                                                            horizontal_alignment: "leading",
+                                                                            id: "wSfmKpQ7Vc",
+                                                                            margin: {
+                                                                                bottom: 0,
+                                                                                leading: 0,
+                                                                                top: 0,
+                                                                                trailing: 0,
+                                                                            },
+                                                                            name: "",
+                                                                            overrides: [
+                                                                                {
+                                                                                    conditions: [
+                                                                                        {
+                                                                                            type: "selected",
+                                                                                        },
+                                                                                    ],
+                                                                                    properties: {
+                                                                                        color: {
+                                                                                            light: {
+                                                                                                type: "hex",
+                                                                                                value: "#ffffffff",
+                                                                                            },
+                                                                                        },
+                                                                                        text_lid: "irZ3Cuz1jC",
+                                                                                    },
+                                                                                },
+                                                                            ],
+                                                                            padding: {
+                                                                                bottom: 0,
+                                                                                leading: 0,
+                                                                                top: 0,
+                                                                                trailing: 0,
+                                                                            },
+                                                                            size: {
+                                                                                height: {
+                                                                                    type: "fit",
+                                                                                    value: null,
+                                                                                },
+                                                                                width: {
+                                                                                    type: "fit",
+                                                                                    value: null,
+                                                                                },
+                                                                            },
+                                                                            text_lid: "QCSx5KWvFt",
+                                                                            type: "text",
+                                                                        },
+                                                                    ],
+                                                                    dimension: {
+                                                                        alignment: "leading",
+                                                                        distribution: "start",
+                                                                        type: "vertical",
+                                                                    },
+                                                                    id: "0Im071DViB",
+                                                                    margin: {
+                                                                        bottom: 0,
+                                                                        leading: 0,
+                                                                        top: 0,
+                                                                        trailing: 0,
+                                                                    },
+                                                                    name: "",
+                                                                    overrides: [
+                                                                        {
+                                                                            conditions: [
+                                                                                {
+                                                                                    type: "selected",
+                                                                                },
+                                                                            ],
+                                                                            properties: {
+                                                                                background: {
+                                                                                    type: "color",
+                                                                                    value: {
+                                                                                        light: {
+                                                                                            type: "hex",
+                                                                                            value: "#576CDBff",
+                                                                                        },
+                                                                                    },
+                                                                                },
+                                                                            },
+                                                                        },
+                                                                    ],
+                                                                    padding: {
+                                                                        bottom: 4,
+                                                                        leading: 8,
+                                                                        top: 4,
+                                                                        trailing: 8,
+                                                                    },
+                                                                    shadow: null,
+                                                                    shape: {
+                                                                        corners: {
+                                                                            bottom_leading: 4,
+                                                                            bottom_trailing: 4,
+                                                                            top_leading: 4,
+                                                                            top_trailing: 4,
+                                                                        },
+                                                                        type: "rectangle",
+                                                                    },
+                                                                    size: {
+                                                                        height: {
+                                                                            type: "fit",
+                                                                            value: null,
+                                                                        },
+                                                                        width: {
+                                                                            type: "fit",
+                                                                            value: null,
+                                                                        },
+                                                                    },
+                                                                    spacing: 0,
+                                                                    type: "stack",
+                                                                },
+                                                            ],
+                                                            dimension: {
+                                                                alignment: "center",
+                                                                distribution: "start",
+                                                                type: "horizontal",
+                                                            },
+                                                            id: "J4pwAa-QL5",
+                                                            margin: {
+                                                                bottom: 0,
+                                                                leading: 0,
+                                                                top: 0,
+                                                                trailing: 0,
+                                                            },
+                                                            name: "",
+                                                            padding: {
+                                                                bottom: 0,
+                                                                leading: 0,
+                                                                top: 0,
+                                                                trailing: 0,
+                                                            },
+                                                            shadow: null,
+                                                            shape: {
+                                                                corners: {
+                                                                    bottom_leading: 0,
+                                                                    bottom_trailing: 0,
+                                                                    top_leading: 0,
+                                                                    top_trailing: 0,
+                                                                },
+                                                                type: "rectangle",
+                                                            },
+                                                            size: {
+                                                                height: {
+                                                                    type: "fit",
+                                                                    value: null,
+                                                                },
+                                                                width: {
+                                                                    type: "fit",
+                                                                    value: null,
+                                                                },
+                                                            },
+                                                            spacing: 8,
+                                                            type: "stack",
+                                                        },
+                                                    ],
+                                                    dimension: {
+                                                        alignment: "leading",
+                                                        distribution: "start",
+                                                        type: "vertical",
+                                                    },
+                                                    id: "pbkAuF7qb7",
+                                                    margin: {
+                                                        bottom: 0,
+                                                        leading: 0,
+                                                        top: 0,
+                                                        trailing: 0,
+                                                    },
+                                                    name: "",
+                                                    padding: {
+                                                        bottom: 0,
+                                                        leading: 0,
+                                                        top: 0,
+                                                        trailing: 0,
+                                                    },
+                                                    shadow: null,
+                                                    shape: {
+                                                        corners: {
+                                                            bottom_leading: 0,
+                                                            bottom_trailing: 0,
+                                                            top_leading: 0,
+                                                            top_trailing: 0,
+                                                        },
+                                                        type: "rectangle",
+                                                    },
+                                                    size: {
+                                                        height: {
+                                                            type: "fit",
+                                                            value: null,
+                                                        },
+                                                        width: {
+                                                            type: "fit",
+                                                            value: null,
+                                                        },
+                                                    },
+                                                    spacing: 4,
+                                                    type: "stack",
+                                                },
+                                            ],
+                                            dimension: {
+                                                alignment: "center",
+                                                distribution: "center",
+                                                type: "horizontal",
+                                            },
+                                            id: "baSPCdbE1f",
+                                            margin: {
+                                                bottom: 0,
+                                                leading: 0,
+                                                top: 0,
+                                                trailing: 0,
+                                            },
+                                            name: "",
+                                            padding: {
+                                                bottom: 0,
+                                                leading: 0,
+                                                top: 0,
+                                                trailing: 0,
+                                            },
+                                            shadow: null,
+                                            shape: {
+                                                corners: {
+                                                    bottom_leading: 0,
+                                                    bottom_trailing: 0,
+                                                    top_leading: 0,
+                                                    top_trailing: 0,
+                                                },
+                                                type: "rectangle",
+                                            },
+                                            size: {
+                                                height: {
+                                                    type: "fit",
+                                                    value: null,
+                                                },
+                                                width: {
+                                                    type: "fit",
+                                                    value: null,
+                                                },
+                                            },
+                                            spacing: 12,
+                                            type: "stack",
+                                        },
+                                        {
+                                            background_color: null,
+                                            color: {
+                                                light: {
+                                                    type: "hex",
+                                                    value: "#0e0e0f99",
+                                                },
+                                            },
+                                            font_name: null,
+                                            font_size: 16,
+                                            font_weight: "medium",
+                                            font_weight_int: 500,
+                                            horizontal_alignment: "leading",
+                                            id: "DGyeL9F13t",
+                                            margin: {
+                                                bottom: 0,
+                                                leading: 0,
+                                                top: 0,
+                                                trailing: 0,
+                                            },
+                                            name: "",
+                                            padding: {
+                                                bottom: 0,
+                                                leading: 0,
+                                                top: 0,
+                                                trailing: 0,
+                                            },
+                                            size: {
+                                                height: {
+                                                    type: "fit",
+                                                    value: null,
+                                                },
+                                                width: {
+                                                    type: "fit",
+                                                    value: null,
+                                                },
+                                            },
+                                            text_lid: "qsLtz2m0uO",
+                                            type: "text",
+                                        },
+                                    ],
+                                    dimension: {
+                                        alignment: "center",
+                                        distribution: "space_between",
+                                        type: "horizontal",
+                                    },
+                                    id: "iQcDew__cn",
+                                    margin: {
+                                        bottom: 0,
+                                        leading: 0,
+                                        top: 0,
+                                        trailing: 0,
+                                    },
+                                    name: "",
+                                    overrides: [
+                                        {
+                                            conditions: [
+                                                {
+                                                    type: "selected",
+                                                },
+                                            ],
+                                            properties: {
+                                                border: {
+                                                    color: {
+                                                        light: {
+                                                            type: "hex",
+                                                            value: "#576CDBff",
+                                                        },
+                                                    },
+                                                    width: 2,
+                                                },
+                                                shadow: {
+                                                    color: {
+                                                        light: {
+                                                            type: "hex",
+                                                            value: "#576CDB1a",
+                                                        },
+                                                    },
+                                                    radius: 8,
+                                                    x: 0,
+                                                    y: 4,
+                                                },
+                                            },
+                                        },
+                                    ],
+                                    padding: {
+                                        bottom: 16,
+                                        leading: 12,
+                                        top: 16,
+                                        trailing: 12,
+                                    },
+                                    shadow: null,
+                                    shape: {
+                                        corners: {
+                                            bottom_leading: 12,
+                                            bottom_trailing: 12,
+                                            top_leading: 12,
+                                            top_trailing: 12,
+                                        },
+                                        type: "rectangle",
+                                    },
+                                    size: {
+                                        height: {
+                                            type: "fit",
+                                            value: null,
+                                        },
+                                        width: {
+                                            type: "fill",
+                                            value: null,
+                                        },
+                                    },
+                                    spacing: 0,
+                                    type: "stack",
+                                },
+                                type: "package",
+                            },
+                            {
+                                id: "UX07ZuAhwY",
+                                is_selected_by_default: false,
+                                name: "",
+                                overrides: [
+                                    {
+                                        conditions: [
+                                            {
+                                                operator: "=",
+                                                type: "intro_offer_condition",
+                                                value: true,
+                                            },
+                                        ],
+                                        properties: {
+                                            visible: false,
+                                        },
+                                    },
+                                ],
+                                package_id: "",
+                                stack: {
+                                    background: {
+                                        type: "color",
+                                        value: {
+                                            light: {
+                                                type: "hex",
+                                                value: "#FFFFFFFF",
+                                            },
+                                        },
+                                    },
+                                    background_color: null,
+                                    badge: null,
+                                    border: {
+                                        color: {
+                                            light: {
+                                                type: "hex",
+                                                value: "#dededeff",
+                                            },
+                                        },
+                                        width: 2,
+                                    },
+                                    components: [
+                                        {
+                                            background: null,
+                                            background_color: null,
+                                            badge: null,
+                                            border: null,
+                                            components: [
+                                                {
+                                                    base_url: "https://icons.pawwalls.com/icons",
+                                                    color: {
+                                                        light: {
+                                                            type: "hex",
+                                                            value: "#dededeFF",
+                                                        },
+                                                    },
+                                                    formats: {
+                                                        heic: "circle.heic",
+                                                        png: "circle.png",
+                                                        svg: "circle.svg",
+                                                        webp: "circle.webp",
+                                                    },
+                                                    icon_background: null,
+                                                    icon_name: "circle",
+                                                    id: "wlkyjTzohd",
+                                                    margin: {
+                                                        bottom: 0,
+                                                        leading: 0,
+                                                        top: 0,
+                                                        trailing: 0,
+                                                    },
+                                                    name: "",
+                                                    overrides: [
+                                                        {
+                                                            conditions: [
+                                                                {
+                                                                    type: "selected",
+                                                                },
+                                                            ],
+                                                            properties: {
+                                                                color: {
+                                                                    light: {
+                                                                        type: "hex",
+                                                                        value: "#576CDBff",
+                                                                    },
+                                                                },
+                                                                formats: {
+                                                                    heic: "filled-circle-check.heic",
+                                                                    png: "filled-circle-check.png",
+                                                                    svg: "filled-circle-check.svg",
+                                                                    webp: "filled-circle-check.webp",
+                                                                },
+                                                                icon_name: "filled-circle-check",
+                                                            },
+                                                        },
+                                                    ],
+                                                    padding: {
+                                                        bottom: 0,
+                                                        leading: 0,
+                                                        top: 0,
+                                                        trailing: 0,
+                                                    },
+                                                    size: {
+                                                        height: {
+                                                            type: "fixed",
+                                                            value: 20,
+                                                        },
+                                                        width: {
+                                                            type: "fixed",
+                                                            value: 20,
+                                                        },
+                                                    },
+                                                    type: "icon",
+                                                },
+                                                {
+                                                    background: null,
+                                                    background_color: null,
+                                                    badge: null,
+                                                    border: null,
+                                                    components: [
+                                                        {
+                                                            background: null,
+                                                            background_color: null,
+                                                            badge: null,
+                                                            border: null,
+                                                            components: [
+                                                                {
+                                                                    background_color: null,
+                                                                    color: {
+                                                                        light: {
+                                                                            type: "hex",
+                                                                            value: "#0e0e0f99",
+                                                                        },
+                                                                    },
+                                                                    font_name: null,
+                                                                    font_size: 16,
+                                                                    font_weight: "medium",
+                                                                    font_weight_int: 500,
+                                                                    horizontal_alignment: "leading",
+                                                                    id: "WoSHIUJrQk",
+                                                                    margin: {
+                                                                        bottom: 0,
+                                                                        leading: 0,
+                                                                        top: 0,
+                                                                        trailing: 0,
+                                                                    },
+                                                                    name: "",
+                                                                    padding: {
+                                                                        bottom: 0,
+                                                                        leading: 0,
+                                                                        top: 0,
+                                                                        trailing: 0,
+                                                                    },
+                                                                    size: {
+                                                                        height: {
+                                                                            type: "fit",
+                                                                            value: null,
+                                                                        },
+                                                                        width: {
+                                                                            type: "fit",
+                                                                            value: null,
+                                                                        },
+                                                                    },
+                                                                    text_lid: "nDHVlQy3o_",
+                                                                    type: "text",
+                                                                },
+                                                            ],
+                                                            dimension: {
+                                                                alignment: "center",
+                                                                distribution: "start",
+                                                                type: "horizontal",
+                                                            },
+                                                            id: "LyPT8fwLe0",
+                                                            margin: {
+                                                                bottom: 0,
+                                                                leading: 0,
+                                                                top: 0,
+                                                                trailing: 0,
+                                                            },
+                                                            name: "",
+                                                            padding: {
+                                                                bottom: 0,
+                                                                leading: 0,
+                                                                top: 0,
+                                                                trailing: 0,
+                                                            },
+                                                            shadow: null,
+                                                            shape: {
+                                                                corners: {
+                                                                    bottom_leading: 0,
+                                                                    bottom_trailing: 0,
+                                                                    top_leading: 0,
+                                                                    top_trailing: 0,
+                                                                },
+                                                                type: "rectangle",
+                                                            },
+                                                            size: {
+                                                                height: {
+                                                                    type: "fit",
+                                                                    value: null,
+                                                                },
+                                                                width: {
+                                                                    type: "fit",
+                                                                    value: null,
+                                                                },
+                                                            },
+                                                            spacing: 8,
+                                                            type: "stack",
+                                                        },
+                                                    ],
+                                                    dimension: {
+                                                        alignment: "leading",
+                                                        distribution: "start",
+                                                        type: "vertical",
+                                                    },
+                                                    id: "fy5k_roqef",
+                                                    margin: {
+                                                        bottom: 0,
+                                                        leading: 0,
+                                                        top: 0,
+                                                        trailing: 0,
+                                                    },
+                                                    name: "",
+                                                    padding: {
+                                                        bottom: 0,
+                                                        leading: 0,
+                                                        top: 0,
+                                                        trailing: 0,
+                                                    },
+                                                    shadow: null,
+                                                    shape: {
+                                                        corners: {
+                                                            bottom_leading: 0,
+                                                            bottom_trailing: 0,
+                                                            top_leading: 0,
+                                                            top_trailing: 0,
+                                                        },
+                                                        type: "rectangle",
+                                                    },
+                                                    size: {
+                                                        height: {
+                                                            type: "fit",
+                                                            value: null,
+                                                        },
+                                                        width: {
+                                                            type: "fit",
+                                                            value: null,
+                                                        },
+                                                    },
+                                                    spacing: 6,
+                                                    type: "stack",
+                                                },
+                                            ],
+                                            dimension: {
+                                                alignment: "center",
+                                                distribution: "center",
+                                                type: "horizontal",
+                                            },
+                                            id: "-xyf-M5g0B",
+                                            margin: {
+                                                bottom: 0,
+                                                leading: 0,
+                                                top: 0,
+                                                trailing: 0,
+                                            },
+                                            name: "",
+                                            padding: {
+                                                bottom: 0,
+                                                leading: 0,
+                                                top: 0,
+                                                trailing: 0,
+                                            },
+                                            shadow: null,
+                                            shape: {
+                                                corners: {
+                                                    bottom_leading: 0,
+                                                    bottom_trailing: 0,
+                                                    top_leading: 0,
+                                                    top_trailing: 0,
+                                                },
+                                                type: "rectangle",
+                                            },
+                                            size: {
+                                                height: {
+                                                    type: "fit",
+                                                    value: null,
+                                                },
+                                                width: {
+                                                    type: "fit",
+                                                    value: null,
+                                                },
+                                            },
+                                            spacing: 12,
+                                            type: "stack",
+                                        },
+                                        {
+                                            background_color: null,
+                                            color: {
+                                                light: {
+                                                    type: "hex",
+                                                    value: "#0e0e0f99",
+                                                },
+                                            },
+                                            font_name: null,
+                                            font_size: 16,
+                                            font_weight: "regular",
+                                            font_weight_int: 400,
+                                            horizontal_alignment: "leading",
+                                            id: "CwdSd-JUh6",
+                                            margin: {
+                                                bottom: 0,
+                                                leading: 0,
+                                                top: 0,
+                                                trailing: 0,
+                                            },
+                                            name: "",
+                                            padding: {
+                                                bottom: 0,
+                                                leading: 0,
+                                                top: 0,
+                                                trailing: 0,
+                                            },
+                                            size: {
+                                                height: {
+                                                    type: "fit",
+                                                    value: null,
+                                                },
+                                                width: {
+                                                    type: "fit",
+                                                    value: null,
+                                                },
+                                            },
+                                            text_lid: "X7kp4as6mZ",
+                                            type: "text",
+                                        },
+                                    ],
+                                    dimension: {
+                                        alignment: "center",
+                                        distribution: "space_between",
+                                        type: "horizontal",
+                                    },
+                                    id: "ODxijQxpXd",
+                                    margin: {
+                                        bottom: 0,
+                                        leading: 0,
+                                        top: 0,
+                                        trailing: 0,
+                                    },
+                                    name: "",
+                                    overrides: [
+                                        {
+                                            conditions: [
+                                                {
+                                                    type: "selected",
+                                                },
+                                            ],
+                                            properties: {
+                                                border: {
+                                                    color: {
+                                                        light: {
+                                                            type: "hex",
+                                                            value: "#576CDBff",
+                                                        },
+                                                    },
+                                                    width: 2,
+                                                },
+                                                shadow: {
+                                                    color: {
+                                                        light: {
+                                                            type: "hex",
+                                                            value: "#576CDB1a",
+                                                        },
+                                                    },
+                                                    radius: 8,
+                                                    x: 0,
+                                                    y: 4,
+                                                },
+                                            },
+                                        },
+                                    ],
+                                    padding: {
+                                        bottom: 16,
+                                        leading: 12,
+                                        top: 16,
+                                        trailing: 12,
+                                    },
+                                    shadow: null,
+                                    shape: {
+                                        corners: {
+                                            bottom_leading: 12,
+                                            bottom_trailing: 12,
+                                            top_leading: 12,
+                                            top_trailing: 12,
+                                        },
+                                        type: "rectangle",
+                                    },
+                                    size: {
+                                        height: {
+                                            type: "fit",
+                                            value: null,
+                                        },
+                                        width: {
+                                            type: "fill",
+                                            value: null,
+                                        },
+                                    },
+                                    spacing: 0,
+                                    type: "stack",
+                                },
+                                type: "package",
+                            },
+                        ],
+                        dimension: {
+                            alignment: "center",
+                            distribution: "start",
+                            type: "vertical",
+                        },
+                        id: "rs3pH4bmt6",
+                        margin: {
+                            bottom: 16,
+                            leading: 16,
+                            top: 16,
+                            trailing: 16,
+                        },
+                        name: "Package stack",
+                        padding: {
+                            bottom: 0,
+                            leading: 0,
+                            top: 0,
+                            trailing: 0,
+                        },
+                        shadow: null,
+                        shape: {
+                            corners: {
+                                bottom_leading: 0,
+                                bottom_trailing: 0,
+                                top_leading: 0,
+                                top_trailing: 0,
+                            },
+                            type: "rectangle",
+                        },
+                        size: {
+                            height: {
+                                type: "fit",
+                                value: null,
+                            },
+                            width: {
+                                type: "fill",
+                                value: null,
+                            },
+                        },
+                        spacing: 16,
+                        type: "stack",
+                    },
+                    {
+                        id: "OJ9cce3aNE",
+                        name: "",
+                        stack: {
+                            background: {
+                                type: "color",
+                                value: {
+                                    light: {
+                                        degrees: 8,
+                                        points: [
+                                            {
+                                                color: "#576cdbff",
+                                                percent: 38,
+                                            },
+                                            {
+                                                color: "#7989e2ff",
+                                                percent: 100,
+                                            },
+                                        ],
+                                        type: "linear",
+                                    },
+                                },
+                            },
+                            background_color: null,
+                            border: null,
+                            components: [
+                                {
+                                    background_color: null,
+                                    color: {
+                                        light: {
+                                            type: "hex",
+                                            value: "#ffffff",
+                                        },
+                                    },
+                                    font_name: null,
+                                    font_size: 16,
+                                    font_weight: "semibold",
+                                    horizontal_alignment: "center",
+                                    id: "LwjQNsTGkA",
+                                    margin: {
+                                        bottom: 0,
+                                        leading: 0,
+                                        top: 0,
+                                        trailing: 0,
+                                    },
+                                    name: "",
+                                    overrides: [
+                                        {
+                                            conditions: [
+                                                {
+                                                    type: "intro_offer",
+                                                },
+                                            ],
+                                            properties: {
+                                                color: {
+                                                    light: {
+                                                        type: "hex",
+                                                        value: "#ffffffff",
+                                                    },
+                                                },
+                                                text_lid: "VZ5XsUH6J-",
+                                            },
+                                        },
+                                    ],
+                                    padding: {
+                                        bottom: 0,
+                                        leading: 0,
+                                        top: 0,
+                                        trailing: 0,
+                                    },
+                                    size: {
+                                        height: {
+                                            type: "fit",
+                                            value: null,
+                                        },
+                                        width: {
+                                            type: "fill",
+                                            value: null,
+                                        },
+                                    },
+                                    text_lid: "Gebk-WjXoX",
+                                    type: "text",
+                                },
+                                {
+                                    background_color: null,
+                                    color: {
+                                        light: {
+                                            type: "hex",
+                                            value: "#FFFFFFff",
+                                        },
+                                    },
+                                    font_name: null,
+                                    font_size: 12,
+                                    font_weight: "light",
+                                    horizontal_alignment: "center",
+                                    id: "tHOdccwxba",
+                                    margin: {
+                                        bottom: 0,
+                                        leading: 0,
+                                        top: 0,
+                                        trailing: 0,
+                                    },
+                                    name: "",
+                                    padding: {
+                                        bottom: 0,
+                                        leading: 0,
+                                        top: 0,
+                                        trailing: 0,
+                                    },
+                                    size: {
+                                        height: {
+                                            type: "fit",
+                                            value: null,
+                                        },
+                                        width: {
+                                            type: "fill",
+                                            value: null,
+                                        },
+                                    },
+                                    text_lid: "u-3Spu2yrn",
+                                    type: "text",
+                                },
+                            ],
+                            dimension: {
+                                alignment: "leading",
+                                distribution: "start",
+                                type: "vertical",
+                            },
+                            id: "bmATE-_hLO",
+                            margin: {
+                                bottom: 16,
+                                leading: 16,
+                                top: 16,
+                                trailing: 16,
+                            },
+                            name: "",
+                            padding: {
+                                bottom: 8,
+                                leading: 8,
+                                top: 8,
+                                trailing: 8,
+                            },
+                            shadow: {
+                                color: {
+                                    light: {
+                                        type: "hex",
+                                        value: "#00000005",
+                                    },
+                                },
+                                radius: 1,
+                                x: 1,
+                                y: 1,
+                            },
+                            shape: {
+                                corners: {
+                                    bottom_leading: 8,
+                                    bottom_trailing: 8,
+                                    top_leading: 8,
+                                    top_trailing: 8,
+                                },
+                                type: "rectangle",
+                            },
+                            size: {
+                                height: {
+                                    type: "fit",
+                                    value: null,
+                                },
+                                width: {
+                                    type: "fill",
+                                    value: null,
+                                },
+                            },
+                            spacing: 4,
+                            type: "stack",
+                        },
+                        type: "purchase_button",
+                    },
+                ],
+                dimension: {
+                    alignment: "center",
+                    distribution: "start",
+                    type: "vertical",
+                },
+                id: "AzzOxxREGJ",
+                margin: {
+                    bottom: 0,
+                    leading: 0,
+                    top: 0,
+                    trailing: 0,
+                },
+                name: "Content",
+                padding: {
+                    bottom: 10,
+                    leading: 0,
+                    top: 10,
+                    trailing: 0,
+                },
+                shadow: null,
+                shape: {
+                    corners: {
+                        bottom_leading: 0,
+                        bottom_trailing: 0,
+                        top_leading: 0,
+                        top_trailing: 0,
+                    },
+                    type: "rectangle",
+                },
+                size: {
+                    height: {
+                        type: "fill",
+                        value: null,
+                    },
+                    width: {
+                        type: "fill",
+                        value: null,
+                    },
+                },
+                spacing: 16,
+                type: "stack",
+            },
+            sticky_footer: null,
+        },
+    },
+    components_localizations: {
+        en_US: {
+            "2wCGhwfDvx": "Welcome to the app!",
+            "5jkIp5n6IU": "Weekly",
+            "7-6UDrP-jV": "I promise that",
+            "Gebk-WjXoX": "Continue",
+            QCSx5KWvFt: "BEST VALUE",
+            "VZ5XsUH6J-": "Try Free and Subscribe",
+            X7kp4as6mZ: "£8.99 per month",
+            irZ3Cuz1jC: "BEST VALUE",
+            nDHVlQy3o_: "Monthly",
+            nWmlPmuuK1: "The best experience",
+            qsLtz2m0uO: "£2.99 per week",
+            "u-3Spu2yrn": "Cancel anytime",
+        },
+    },
+    config: {},
+    created_at: "2026-03-18T11:01:53Z",
+    default_locale: "en_US",
+    exit_offers: {},
+    generated_by: "dashboard",
+    localized_strings: {
+        en_US: {},
+    },
+    localized_strings_by_tier: {},
+    metadata: {},
+    name: "Untitled Paywall",
+    offering_id: null,
+    params: [],
+    play_store_product_change_mode: {},
+    published_at: null,
+    published_revision: null,
+    rc_public_id: "pw42501c7269e742dc",
+    revision: 44,
+    source: "paywall",
+    template_name: "components",
+    updated_at: "2026-04-14T09:57:30Z",
+};
 export const errorPaywallData = {
     asset_base_url: "https://assets.pawwalls.com",
     components_config: {