@revenuecat/purchases-ui-js 0.0.13 → 0.0.14

package/dist/stories/fixtures.js

@@ -6852,6 +6852,4262 @@ export const pastaPaywallData = {
     template_name: "components",
     updated_at: "2024-11-13T15:23:34Z",
 };
+export const variablesPastaPaywallData = {
+    asset_base_url: "https://assets.pawwalls.com",
+    components_config: {
+        base: {
+            stack: {
+                background_color: null,
+                border: null,
+                components: [
+                    {
+                        background_color: null,
+                        border: null,
+                        components: [
+                            {
+                                components: [],
+                                corner_radiuses: {
+                                    bottom_leading: 0,
+                                    bottom_trailing: 0,
+                                    top_leading: 0,
+                                    top_trailing: 0,
+                                },
+                                fit_mode: "fill",
+                                gradientColors: null,
+                                id: "ZRtyX6a5wA",
+                                mask_shape: {
+                                    corners: {
+                                        bottom_leading: 0,
+                                        bottom_trailing: 0,
+                                        top_leading: 0,
+                                        top_trailing: 0,
+                                    },
+                                    type: "rectangle",
+                                },
+                                name: "",
+                                size: {
+                                    height: {
+                                        type: "fixed",
+                                        value: 200,
+                                    },
+                                    width: {
+                                        type: "fill",
+                                        value: null,
+                                    },
+                                },
+                                source: {
+                                    light: {
+                                        heic: "https://assets.pawwalls.com/1005820_1731507291.heic",
+                                        heic_low_res: "https://assets.pawwalls.com/1005820_low_res_1731507291.heic",
+                                        original: "https://assets.pawwalls.com/1005820_1731507291.jpg",
+                                        webp: "https://assets.pawwalls.com/1005820_1731507291.webp",
+                                        webp_low_res: "https://assets.pawwalls.com/1005820_low_res_1731507291.webp",
+                                    },
+                                },
+                                type: "image",
+                            },
+                            {
+                                background_color: null,
+                                border: null,
+                                components: [
+                                    {
+                                        background_color: null,
+                                        color: {
+                                            light: {
+                                                type: "hex",
+                                                value: "#000000",
+                                            },
+                                        },
+                                        font_name: null,
+                                        font_size: "heading_xxl",
+                                        font_weight: "semibold",
+                                        horizontal_alignment: "leading",
+                                        id: "J0uTOiJtZ4",
+                                        margin: {
+                                            bottom: 0,
+                                            leading: 0,
+                                            top: 20,
+                                            trailing: 0,
+                                        },
+                                        name: "",
+                                        padding: {
+                                            bottom: 0,
+                                            leading: 0,
+                                            top: 0,
+                                            trailing: 0,
+                                        },
+                                        size: {
+                                            height: {
+                                                type: "fill",
+                                                value: null,
+                                            },
+                                            width: {
+                                                type: "fill",
+                                                value: null,
+                                            },
+                                        },
+                                        text_lid: "m7z87T8PSP",
+                                        type: "text",
+                                    },
+                                    {
+                                        background_color: null,
+                                        color: {
+                                            light: {
+                                                type: "hex",
+                                                value: "#000000",
+                                            },
+                                        },
+                                        font_name: null,
+                                        font_size: "body_m",
+                                        font_weight: "regular",
+                                        horizontal_alignment: "leading",
+                                        id: "-7gk7JWCns",
+                                        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: "liqxndiEG5",
+                                        type: "text",
+                                    },
+                                ],
+                                dimension: {
+                                    alignment: "leading",
+                                    distribution: "space_between",
+                                    type: "vertical",
+                                },
+                                id: "_4nezUpsss",
+                                margin: {
+                                    bottom: 10,
+                                    leading: 10,
+                                    top: 0,
+                                    trailing: 10,
+                                },
+                                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: "fill",
+                                        value: null,
+                                    },
+                                },
+                                spacing: 0,
+                                type: "stack",
+                            },
+                            {
+                                background_color: null,
+                                border: null,
+                                components: [
+                                    {
+                                        id: "_BQ1-pbTfN",
+                                        is_selected_by_default: true,
+                                        name: "",
+                                        package_id: "trial",
+                                        stack: {
+                                            background_color: null,
+                                            border: {
+                                                color: {
+                                                    light: {
+                                                        type: "hex",
+                                                        value: "#ff9613",
+                                                    },
+                                                },
+                                                width: 2,
+                                            },
+                                            components: [
+                                                {
+                                                    corner_radiuses: {
+                                                        bottom_leading: 0,
+                                                        bottom_trailing: 0,
+                                                        top_leading: 0,
+                                                        top_trailing: 0,
+                                                    },
+                                                    fit_mode: "fill",
+                                                    gradientColors: null,
+                                                    id: "HBf9zsTJTE",
+                                                    mask_shape: {
+                                                        corners: {
+                                                            bottom_leading: 0,
+                                                            bottom_trailing: 0,
+                                                            top_leading: 0,
+                                                            top_trailing: 0,
+                                                        },
+                                                        type: "rectangle",
+                                                    },
+                                                    name: "",
+                                                    size: {
+                                                        height: {
+                                                            type: "fixed",
+                                                            value: 50,
+                                                        },
+                                                        width: {
+                                                            type: "fixed",
+                                                            value: 50,
+                                                        },
+                                                    },
+                                                    source: {
+                                                        light: {
+                                                            heic: "https://assets.pawwalls.com/1005820_1731507394.heic",
+                                                            heic_low_res: "https://assets.pawwalls.com/1005820_low_res_1731507394.heic",
+                                                            original: "https://assets.pawwalls.com/1005820_1731507394.jpg",
+                                                            webp: "https://assets.pawwalls.com/1005820_1731507394.webp",
+                                                            webp_low_res: "https://assets.pawwalls.com/1005820_low_res_1731507394.webp",
+                                                        },
+                                                    },
+                                                    type: "image",
+                                                },
+                                                {
+                                                    background_color: null,
+                                                    border: null,
+                                                    components: [
+                                                        {
+                                                            background_color: null,
+                                                            color: {
+                                                                light: {
+                                                                    type: "hex",
+                                                                    value: "#000000",
+                                                                },
+                                                            },
+                                                            components: [],
+                                                            font_name: null,
+                                                            font_size: "heading_s",
+                                                            font_weight: "regular",
+                                                            horizontal_alignment: "leading",
+                                                            id: "9LdulxNGth",
+                                                            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: "u6M-gcEXcW",
+                                                            type: "text",
+                                                        },
+                                                        {
+                                                            background_color: null,
+                                                            color: {
+                                                                light: {
+                                                                    type: "hex",
+                                                                    value: "#000000",
+                                                                },
+                                                            },
+                                                            components: [],
+                                                            font_name: null,
+                                                            font_size: "body_s",
+                                                            font_weight: "regular",
+                                                            horizontal_alignment: "leading",
+                                                            id: "panhwCWZic",
+                                                            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: "g1GH43IJNX",
+                                                            type: "text",
+                                                        },
+                                                    ],
+                                                    dimension: {
+                                                        alignment: "center",
+                                                        distribution: "space_around",
+                                                        type: "vertical",
+                                                    },
+                                                    id: "kebfIK8l5z",
+                                                    margin: {
+                                                        bottom: 0,
+                                                        leading: 10,
+                                                        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: "fill",
+                                                            value: null,
+                                                        },
+                                                        width: {
+                                                            type: "fill",
+                                                            value: null,
+                                                        },
+                                                    },
+                                                    spacing: 0,
+                                                    type: "stack",
+                                                },
+                                                {
+                                                    background_color: null,
+                                                    border: null,
+                                                    components: [
+                                                        {
+                                                            background_color: null,
+                                                            color: {
+                                                                light: {
+                                                                    type: "hex",
+                                                                    value: "#000000",
+                                                                },
+                                                            },
+                                                            font_name: null,
+                                                            font_size: "heading_l",
+                                                            font_weight: "regular",
+                                                            horizontal_alignment: "center",
+                                                            id: "_WVFnjmmDL",
+                                                            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: "gIp9E6mbHx",
+                                                            type: "text",
+                                                        },
+                                                    ],
+                                                    dimension: {
+                                                        alignment: "center",
+                                                        distribution: "center",
+                                                        type: "vertical",
+                                                    },
+                                                    id: "d8G8M2fqd7",
+                                                    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: "fill",
+                                                            value: null,
+                                                        },
+                                                        width: {
+                                                            type: "fit",
+                                                            value: null,
+                                                        },
+                                                    },
+                                                    spacing: 0,
+                                                    type: "stack",
+                                                },
+                                            ],
+                                            dimension: {
+                                                alignment: "leading",
+                                                distribution: "space_between",
+                                                type: "horizontal",
+                                            },
+                                            id: "Uq3Pg5vEuA",
+                                            margin: {
+                                                bottom: 8,
+                                                leading: 8,
+                                                top: 8,
+                                                trailing: 8,
+                                            },
+                                            name: "",
+                                            padding: {
+                                                bottom: 8,
+                                                leading: 8,
+                                                top: 8,
+                                                trailing: 8,
+                                            },
+                                            shadow: null,
+                                            shape: {
+                                                corners: {
+                                                    bottom_leading: 8,
+                                                    bottom_trailing: 8,
+                                                    top_leading: 8,
+                                                    top_trailing: 8,
+                                                },
+                                                type: "rectangle",
+                                            },
+                                            size: {
+                                                height: {
+                                                    type: "fill",
+                                                    value: null,
+                                                },
+                                                width: {
+                                                    type: "fill",
+                                                    value: null,
+                                                },
+                                            },
+                                            spacing: 0,
+                                            type: "stack",
+                                        },
+                                        type: "package",
+                                    },
+                                    {
+                                        components: [
+                                            {
+                                                components: [],
+                                                corner_radiuses: {
+                                                    bottom_leading: 0,
+                                                    bottom_trailing: 0,
+                                                    top_leading: 0,
+                                                    top_trailing: 0,
+                                                },
+                                                fit_mode: "fill",
+                                                gradientColors: null,
+                                                id: "UJP6KaxM1z",
+                                                mask_shape: {
+                                                    corners: {
+                                                        bottom_leading: 0,
+                                                        bottom_trailing: 0,
+                                                        top_leading: 0,
+                                                        top_trailing: 0,
+                                                    },
+                                                    type: "rectangle",
+                                                },
+                                                name: "",
+                                                size: {
+                                                    height: {
+                                                        type: "fixed",
+                                                        value: 50,
+                                                    },
+                                                    width: {
+                                                        type: "fixed",
+                                                        value: 50,
+                                                    },
+                                                },
+                                                source: {
+                                                    light: {
+                                                        heic: "https://assets.pawwalls.com/1005820_1731507394.heic",
+                                                        heic_low_res: "https://assets.pawwalls.com/1005820_low_res_1731507394.heic",
+                                                        original: "https://assets.pawwalls.com/1005820_1731507394.jpg",
+                                                        webp: "https://assets.pawwalls.com/1005820_1731507394.webp",
+                                                        webp_low_res: "https://assets.pawwalls.com/1005820_low_res_1731507394.webp",
+                                                    },
+                                                },
+                                                type: "image",
+                                            },
+                                            {
+                                                background_color: null,
+                                                border: null,
+                                                components: [
+                                                    {
+                                                        background_color: null,
+                                                        color: {
+                                                            light: {
+                                                                type: "hex",
+                                                                value: "#000000",
+                                                            },
+                                                        },
+                                                        components: [],
+                                                        font_name: null,
+                                                        font_size: "heading_m",
+                                                        font_weight: "regular",
+                                                        horizontal_alignment: "leading",
+                                                        id: "m38jO3Le_I",
+                                                        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: "Dyf4wUnWhE",
+                                                        type: "text",
+                                                    },
+                                                    {
+                                                        background_color: null,
+                                                        color: {
+                                                            light: {
+                                                                type: "hex",
+                                                                value: "#000000",
+                                                            },
+                                                        },
+                                                        components: [],
+                                                        font_name: null,
+                                                        font_size: "body_m",
+                                                        font_weight: "regular",
+                                                        horizontal_alignment: "leading",
+                                                        id: "PhEVfVKXJo",
+                                                        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: "uYHuXwbuaS",
+                                                        type: "text",
+                                                    },
+                                                ],
+                                                dimension: {
+                                                    alignment: "center",
+                                                    distribution: "space_around",
+                                                    type: "vertical",
+                                                },
+                                                id: "o7HqdzQ2TU",
+                                                margin: {
+                                                    bottom: 0,
+                                                    leading: 10,
+                                                    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: "fill",
+                                                        value: null,
+                                                    },
+                                                    width: {
+                                                        type: "fill",
+                                                        value: null,
+                                                    },
+                                                },
+                                                spacing: 0,
+                                                type: "stack",
+                                            },
+                                            {
+                                                background_color: null,
+                                                border: null,
+                                                components: [
+                                                    {
+                                                        background_color: null,
+                                                        color: {
+                                                            light: {
+                                                                type: "hex",
+                                                                value: "#000000",
+                                                            },
+                                                        },
+                                                        components: [],
+                                                        font_name: null,
+                                                        font_size: "heading_l",
+                                                        font_weight: "regular",
+                                                        horizontal_alignment: "center",
+                                                        id: "fJDKVj_OrR",
+                                                        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: "S86nOe2AE7",
+                                                        type: "text",
+                                                    },
+                                                ],
+                                                dimension: {
+                                                    alignment: "center",
+                                                    distribution: "center",
+                                                    type: "vertical",
+                                                },
+                                                id: "JvVkiF7ZGN",
+                                                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: "fill",
+                                                        value: null,
+                                                    },
+                                                    width: {
+                                                        type: "fill",
+                                                        value: null,
+                                                    },
+                                                },
+                                                spacing: 0,
+                                                type: "stack",
+                                            },
+                                        ],
+                                        id: "ANCHtOyphz",
+                                        is_selected_by_default: false,
+                                        name: "",
+                                        package_id: "$rc_weekly",
+                                        stack: {
+                                            background_color: null,
+                                            border: {
+                                                color: {
+                                                    light: {
+                                                        type: "hex",
+                                                        value: "#89ba35",
+                                                    },
+                                                },
+                                                width: 2,
+                                            },
+                                            components: [
+                                                {
+                                                    components: [],
+                                                    corner_radiuses: {
+                                                        bottom_leading: 0,
+                                                        bottom_trailing: 0,
+                                                        top_leading: 0,
+                                                        top_trailing: 0,
+                                                    },
+                                                    fit_mode: "fill",
+                                                    gradientColors: null,
+                                                    id: "oQq6puI8yg",
+                                                    mask_shape: {
+                                                        corners: {
+                                                            bottom_leading: 0,
+                                                            bottom_trailing: 0,
+                                                            top_leading: 0,
+                                                            top_trailing: 0,
+                                                        },
+                                                        type: "rectangle",
+                                                    },
+                                                    name: "",
+                                                    size: {
+                                                        height: {
+                                                            type: "fixed",
+                                                            value: 50,
+                                                        },
+                                                        width: {
+                                                            type: "fixed",
+                                                            value: 50,
+                                                        },
+                                                    },
+                                                    source: {
+                                                        light: {
+                                                            heic: "https://assets.pawwalls.com/1005820_1731507948.heic",
+                                                            heic_low_res: "https://assets.pawwalls.com/1005820_low_res_1731507948.heic",
+                                                            original: "https://assets.pawwalls.com/1005820_1731507948.jpg",
+                                                            webp: "https://assets.pawwalls.com/1005820_1731507948.webp",
+                                                            webp_low_res: "https://assets.pawwalls.com/1005820_low_res_1731507948.webp",
+                                                        },
+                                                    },
+                                                    type: "image",
+                                                },
+                                                {
+                                                    background_color: null,
+                                                    border: null,
+                                                    components: [
+                                                        {
+                                                            background_color: null,
+                                                            color: {
+                                                                light: {
+                                                                    type: "hex",
+                                                                    value: "#000000",
+                                                                },
+                                                            },
+                                                            components: [],
+                                                            font_name: null,
+                                                            font_size: "heading_s",
+                                                            font_weight: "regular",
+                                                            horizontal_alignment: "leading",
+                                                            id: "hT1CeHcStR",
+                                                            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: "0p9AOAKWPR",
+                                                            type: "text",
+                                                        },
+                                                        {
+                                                            background_color: null,
+                                                            color: {
+                                                                light: {
+                                                                    type: "hex",
+                                                                    value: "#000000",
+                                                                },
+                                                            },
+                                                            components: [],
+                                                            font_name: null,
+                                                            font_size: "body_s",
+                                                            font_weight: "regular",
+                                                            horizontal_alignment: "leading",
+                                                            id: "lo5eR8WmHo",
+                                                            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: "MSh-LJfsBU",
+                                                            type: "text",
+                                                        },
+                                                    ],
+                                                    dimension: {
+                                                        alignment: "center",
+                                                        distribution: "space_around",
+                                                        type: "vertical",
+                                                    },
+                                                    id: "UZHeHr6dEg",
+                                                    margin: {
+                                                        bottom: 0,
+                                                        leading: 10,
+                                                        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: "fill",
+                                                            value: null,
+                                                        },
+                                                        width: {
+                                                            type: "fill",
+                                                            value: null,
+                                                        },
+                                                    },
+                                                    spacing: 0,
+                                                    type: "stack",
+                                                },
+                                                {
+                                                    background_color: null,
+                                                    border: null,
+                                                    components: [
+                                                        {
+                                                            background_color: null,
+                                                            color: {
+                                                                light: {
+                                                                    type: "hex",
+                                                                    value: "#000000",
+                                                                },
+                                                            },
+                                                            components: [],
+                                                            font_name: null,
+                                                            font_size: "heading_l",
+                                                            font_weight: "regular",
+                                                            horizontal_alignment: "center",
+                                                            id: "LiGo-dcmgf",
+                                                            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: "5VCCUXYXE_",
+                                                            type: "text",
+                                                        },
+                                                    ],
+                                                    dimension: {
+                                                        alignment: "center",
+                                                        distribution: "center",
+                                                        type: "vertical",
+                                                    },
+                                                    id: "8XYczSBj0r",
+                                                    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: "fill",
+                                                            value: null,
+                                                        },
+                                                        width: {
+                                                            type: "fit",
+                                                            value: null,
+                                                        },
+                                                    },
+                                                    spacing: 0,
+                                                    type: "stack",
+                                                },
+                                            ],
+                                            dimension: {
+                                                alignment: "leading",
+                                                distribution: "space_between",
+                                                type: "horizontal",
+                                            },
+                                            id: "0La7GuvwA5",
+                                            margin: {
+                                                bottom: 8,
+                                                leading: 8,
+                                                top: 8,
+                                                trailing: 8,
+                                            },
+                                            name: "",
+                                            padding: {
+                                                bottom: 8,
+                                                leading: 8,
+                                                top: 8,
+                                                trailing: 8,
+                                            },
+                                            shadow: null,
+                                            shape: {
+                                                corners: {
+                                                    bottom_leading: 8,
+                                                    bottom_trailing: 8,
+                                                    top_leading: 8,
+                                                    top_trailing: 8,
+                                                },
+                                                type: "rectangle",
+                                            },
+                                            size: {
+                                                height: {
+                                                    type: "fill",
+                                                    value: null,
+                                                },
+                                                width: {
+                                                    type: "fill",
+                                                    value: null,
+                                                },
+                                            },
+                                            spacing: 0,
+                                            type: "stack",
+                                        },
+                                        type: "package",
+                                    },
+                                    {
+                                        components: [
+                                            {
+                                                components: [],
+                                                corner_radiuses: {
+                                                    bottom_leading: 0,
+                                                    bottom_trailing: 0,
+                                                    top_leading: 0,
+                                                    top_trailing: 0,
+                                                },
+                                                fit_mode: "fill",
+                                                gradientColors: null,
+                                                id: "02WAaD8XKF",
+                                                mask_shape: {
+                                                    corners: {
+                                                        bottom_leading: 0,
+                                                        bottom_trailing: 0,
+                                                        top_leading: 0,
+                                                        top_trailing: 0,
+                                                    },
+                                                    type: "rectangle",
+                                                },
+                                                name: "",
+                                                size: {
+                                                    height: {
+                                                        type: "fixed",
+                                                        value: 50,
+                                                    },
+                                                    width: {
+                                                        type: "fixed",
+                                                        value: 50,
+                                                    },
+                                                },
+                                                source: {
+                                                    light: {
+                                                        heic: "https://assets.pawwalls.com/1005820_1731507948.heic",
+                                                        heic_low_res: "https://assets.pawwalls.com/1005820_low_res_1731507948.heic",
+                                                        original: "https://assets.pawwalls.com/1005820_1731507948.jpg",
+                                                        webp: "https://assets.pawwalls.com/1005820_1731507948.webp",
+                                                        webp_low_res: "https://assets.pawwalls.com/1005820_low_res_1731507948.webp",
+                                                    },
+                                                },
+                                                type: "image",
+                                            },
+                                            {
+                                                background_color: null,
+                                                border: null,
+                                                components: [
+                                                    {
+                                                        background_color: null,
+                                                        color: {
+                                                            light: {
+                                                                type: "hex",
+                                                                value: "#000000",
+                                                            },
+                                                        },
+                                                        components: [],
+                                                        font_name: null,
+                                                        font_size: "heading_m",
+                                                        font_weight: "regular",
+                                                        horizontal_alignment: "leading",
+                                                        id: "9d0803AIPl",
+                                                        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: "_Y0ghumTD5",
+                                                        type: "text",
+                                                    },
+                                                    {
+                                                        background_color: null,
+                                                        color: {
+                                                            light: {
+                                                                type: "hex",
+                                                                value: "#000000",
+                                                            },
+                                                        },
+                                                        components: [],
+                                                        font_name: null,
+                                                        font_size: "body_m",
+                                                        font_weight: "regular",
+                                                        horizontal_alignment: "leading",
+                                                        id: "ASQwu-byJ8",
+                                                        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: "AUpQIYlXNL",
+                                                        type: "text",
+                                                    },
+                                                ],
+                                                dimension: {
+                                                    alignment: "center",
+                                                    distribution: "space_around",
+                                                    type: "vertical",
+                                                },
+                                                id: "iaM1FOE80e",
+                                                margin: {
+                                                    bottom: 0,
+                                                    leading: 10,
+                                                    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: "fill",
+                                                        value: null,
+                                                    },
+                                                    width: {
+                                                        type: "fill",
+                                                        value: null,
+                                                    },
+                                                },
+                                                spacing: 0,
+                                                type: "stack",
+                                            },
+                                            {
+                                                background_color: null,
+                                                border: null,
+                                                components: [
+                                                    {
+                                                        background_color: null,
+                                                        color: {
+                                                            light: {
+                                                                type: "hex",
+                                                                value: "#000000",
+                                                            },
+                                                        },
+                                                        components: [],
+                                                        font_name: null,
+                                                        font_size: "heading_l",
+                                                        font_weight: "regular",
+                                                        horizontal_alignment: "center",
+                                                        id: "fuAokcg689",
+                                                        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: "qZGArQlrjz",
+                                                        type: "text",
+                                                    },
+                                                ],
+                                                dimension: {
+                                                    alignment: "center",
+                                                    distribution: "center",
+                                                    type: "vertical",
+                                                },
+                                                id: "yiNktg7U9K",
+                                                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: "fill",
+                                                        value: null,
+                                                    },
+                                                    width: {
+                                                        type: "fill",
+                                                        value: null,
+                                                    },
+                                                },
+                                                spacing: 0,
+                                                type: "stack",
+                                            },
+                                        ],
+                                        id: "mF4hGFgF15",
+                                        is_selected_by_default: false,
+                                        name: "",
+                                        package_id: "$rc_daily",
+                                        stack: {
+                                            background_color: null,
+                                            border: {
+                                                color: {
+                                                    light: {
+                                                        type: "hex",
+                                                        value: "#89ba35",
+                                                    },
+                                                },
+                                                width: 2,
+                                            },
+                                            components: [
+                                                {
+                                                    components: [],
+                                                    corner_radiuses: {
+                                                        bottom_leading: 0,
+                                                        bottom_trailing: 0,
+                                                        top_leading: 0,
+                                                        top_trailing: 0,
+                                                    },
+                                                    fit_mode: "fill",
+                                                    gradientColors: null,
+                                                    id: "Odky2rECEo",
+                                                    mask_shape: {
+                                                        corners: {
+                                                            bottom_leading: 0,
+                                                            bottom_trailing: 0,
+                                                            top_leading: 0,
+                                                            top_trailing: 0,
+                                                        },
+                                                        type: "rectangle",
+                                                    },
+                                                    name: "",
+                                                    size: {
+                                                        height: {
+                                                            type: "fixed",
+                                                            value: 50,
+                                                        },
+                                                        width: {
+                                                            type: "fixed",
+                                                            value: 50,
+                                                        },
+                                                    },
+                                                    source: {
+                                                        light: {
+                                                            heic: "https://assets.pawwalls.com/1005820_1731508103.heic",
+                                                            heic_low_res: "https://assets.pawwalls.com/1005820_low_res_1731508103.heic",
+                                                            original: "https://assets.pawwalls.com/1005820_1731508103.jpg",
+                                                            webp: "https://assets.pawwalls.com/1005820_1731508103.webp",
+                                                            webp_low_res: "https://assets.pawwalls.com/1005820_low_res_1731508103.webp",
+                                                        },
+                                                    },
+                                                    type: "image",
+                                                },
+                                                {
+                                                    background_color: null,
+                                                    border: null,
+                                                    components: [
+                                                        {
+                                                            background_color: null,
+                                                            color: {
+                                                                light: {
+                                                                    type: "hex",
+                                                                    value: "#000000",
+                                                                },
+                                                            },
+                                                            components: [],
+                                                            font_name: null,
+                                                            font_size: "heading_s",
+                                                            font_weight: "regular",
+                                                            horizontal_alignment: "leading",
+                                                            id: "3HOzWgmRXQ",
+                                                            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: "GwWK2MqMh8",
+                                                            type: "text",
+                                                        },
+                                                        {
+                                                            background_color: null,
+                                                            color: {
+                                                                light: {
+                                                                    type: "hex",
+                                                                    value: "#000000",
+                                                                },
+                                                            },
+                                                            components: [],
+                                                            font_name: null,
+                                                            font_size: "body_s",
+                                                            font_weight: "regular",
+                                                            horizontal_alignment: "leading",
+                                                            id: "YAglfUSAd9",
+                                                            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: "fEmLNVyV6Z",
+                                                            type: "text",
+                                                        },
+                                                    ],
+                                                    dimension: {
+                                                        alignment: "center",
+                                                        distribution: "space_around",
+                                                        type: "vertical",
+                                                    },
+                                                    id: "zwH4qw1F8i",
+                                                    margin: {
+                                                        bottom: 0,
+                                                        leading: 10,
+                                                        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: "fill",
+                                                            value: null,
+                                                        },
+                                                        width: {
+                                                            type: "fill",
+                                                            value: null,
+                                                        },
+                                                    },
+                                                    spacing: 0,
+                                                    type: "stack",
+                                                },
+                                                {
+                                                    background_color: null,
+                                                    border: null,
+                                                    components: [
+                                                        {
+                                                            background_color: null,
+                                                            color: {
+                                                                light: {
+                                                                    type: "hex",
+                                                                    value: "#000000",
+                                                                },
+                                                            },
+                                                            components: [],
+                                                            font_name: null,
+                                                            font_size: "heading_l",
+                                                            font_weight: "regular",
+                                                            horizontal_alignment: "center",
+                                                            id: "NKedS9c3k1",
+                                                            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: "p-t9fjX1Cx",
+                                                            type: "text",
+                                                        },
+                                                    ],
+                                                    dimension: {
+                                                        alignment: "center",
+                                                        distribution: "center",
+                                                        type: "vertical",
+                                                    },
+                                                    id: "bqEnx1hNs_",
+                                                    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: "fill",
+                                                            value: null,
+                                                        },
+                                                        width: {
+                                                            type: "fit",
+                                                            value: null,
+                                                        },
+                                                    },
+                                                    spacing: 0,
+                                                    type: "stack",
+                                                },
+                                            ],
+                                            dimension: {
+                                                alignment: "leading",
+                                                distribution: "space_between",
+                                                type: "horizontal",
+                                            },
+                                            id: "ueMDY-CGTK",
+                                            margin: {
+                                                bottom: 8,
+                                                leading: 8,
+                                                top: 8,
+                                                trailing: 8,
+                                            },
+                                            name: "",
+                                            padding: {
+                                                bottom: 8,
+                                                leading: 8,
+                                                top: 8,
+                                                trailing: 8,
+                                            },
+                                            shadow: null,
+                                            shape: {
+                                                corners: {
+                                                    bottom_leading: 8,
+                                                    bottom_trailing: 8,
+                                                    top_leading: 8,
+                                                    top_trailing: 8,
+                                                },
+                                                type: "rectangle",
+                                            },
+                                            size: {
+                                                height: {
+                                                    type: "fill",
+                                                    value: null,
+                                                },
+                                                width: {
+                                                    type: "fill",
+                                                    value: null,
+                                                },
+                                            },
+                                            spacing: 0,
+                                            type: "stack",
+                                        },
+                                        type: "package",
+                                    },
+                                ],
+                                dimension: {
+                                    alignment: "leading",
+                                    distribution: "space_between",
+                                    type: "vertical",
+                                },
+                                id: "Ne8vLH5ND5",
+                                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: "fill",
+                                        value: null,
+                                    },
+                                },
+                                spacing: 0,
+                                type: "stack",
+                            },
+                            {
+                                background_color: null,
+                                border: null,
+                                components: [],
+                                dimension: {
+                                    alignment: "leading",
+                                    distribution: "space_between",
+                                    type: "vertical",
+                                },
+                                id: "FxEY8rVOiT",
+                                margin: {
+                                    bottom: 0,
+                                    leading: 0,
+                                    top: 100,
+                                    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: "fill",
+                                        value: null,
+                                    },
+                                    width: {
+                                        type: "fill",
+                                        value: null,
+                                    },
+                                },
+                                spacing: 0,
+                                type: "stack",
+                            },
+                            {
+                                background_color: null,
+                                border: null,
+                                components: [
+                                    {
+                                        id: "4E4Y6wmlYD",
+                                        name: "",
+                                        stack: {
+                                            background_color: {
+                                                light: {
+                                                    type: "hex",
+                                                    value: "#f8ae00",
+                                                },
+                                            },
+                                            border: null,
+                                            components: [
+                                                {
+                                                    background_color: null,
+                                                    color: {
+                                                        light: {
+                                                            type: "hex",
+                                                            value: "#000000",
+                                                        },
+                                                    },
+                                                    font_name: null,
+                                                    font_size: "heading_l",
+                                                    font_weight: "regular",
+                                                    horizontal_alignment: "leading",
+                                                    id: "zlaxFD23sH",
+                                                    margin: {
+                                                        bottom: 0,
+                                                        leading: 0,
+                                                        top: 0,
+                                                        trailing: 5,
+                                                    },
+                                                    name: "",
+                                                    padding: {
+                                                        bottom: 0,
+                                                        leading: 0,
+                                                        top: 0,
+                                                        trailing: 0,
+                                                    },
+                                                    size: {
+                                                        height: {
+                                                            type: "fit",
+                                                            value: null,
+                                                        },
+                                                        width: {
+                                                            type: "fit",
+                                                            value: null,
+                                                        },
+                                                    },
+                                                    text_lid: "n9lRmenHex",
+                                                    type: "text",
+                                                },
+                                                {
+                                                    background_color: null,
+                                                    color: {
+                                                        light: {
+                                                            type: "hex",
+                                                            value: "#ffffff",
+                                                        },
+                                                    },
+                                                    components: [],
+                                                    font_name: null,
+                                                    font_size: "body_l",
+                                                    font_weight: "bold",
+                                                    horizontal_alignment: "center",
+                                                    id: "aSfbbPQ2kC",
+                                                    margin: {
+                                                        bottom: 10,
+                                                        leading: 0,
+                                                        top: 10,
+                                                        trailing: 10,
+                                                    },
+                                                    name: "",
+                                                    padding: {
+                                                        bottom: 0,
+                                                        leading: 0,
+                                                        top: 0,
+                                                        trailing: 0,
+                                                    },
+                                                    size: {
+                                                        height: {
+                                                            type: "fit",
+                                                            value: null,
+                                                        },
+                                                        width: {
+                                                            type: "fit",
+                                                            value: null,
+                                                        },
+                                                    },
+                                                    text_lid: "oGPXwOE96y",
+                                                    type: "text",
+                                                },
+                                            ],
+                                            dimension: {
+                                                alignment: "center",
+                                                distribution: "center",
+                                                type: "horizontal",
+                                            },
+                                            id: "aYJm9SR8aQ",
+                                            margin: {
+                                                bottom: 20,
+                                                leading: 20,
+                                                top: 20,
+                                                trailing: 20,
+                                            },
+                                            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: "fill",
+                                                    value: null,
+                                                },
+                                            },
+                                            spacing: 0,
+                                            type: "stack",
+                                        },
+                                        type: "purchase_button",
+                                    },
+                                ],
+                                dimension: {
+                                    alignment: "leading",
+                                    distribution: "space_between",
+                                    type: "vertical",
+                                },
+                                id: "ohzq0-SjiN",
+                                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: "fill",
+                                        value: null,
+                                    },
+                                },
+                                spacing: 0,
+                                type: "stack",
+                            },
+                        ],
+                        dimension: {
+                            alignment: "leading",
+                            distribution: "space_between",
+                            type: "vertical",
+                        },
+                        id: "DbELXQo-Mf",
+                        margin: {
+                            bottom: 10,
+                            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: "fill",
+                                value: null,
+                            },
+                            width: {
+                                type: "fill",
+                                value: null,
+                            },
+                        },
+                        spacing: 0,
+                        type: "stack",
+                    },
+                ],
+                dimension: {
+                    alignment: "leading",
+                    distribution: "start",
+                    type: "vertical",
+                },
+                id: "V37ijIojFr",
+                margin: {
+                    bottom: 0,
+                    leading: 0,
+                    top: 0,
+                    trailing: 0,
+                },
+                name: "Content",
+                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: 0,
+                type: "stack",
+            },
+            sticky_footer: null,
+        },
+    },
+    components_localizations: {
+        en_US: {
+            "0p9AOAKWPR": "{{ product_name }}",
+            "5VCCUXYXE_": "{{ price }}",
+            AUpQIYlXNL: "500g - 9 min",
+            Dyf4wUnWhE: "{{ product_name }}",
+            GwWK2MqMh8: "{{ product_name }}",
+            "MSh-LJfsBU": "500g - 15 min",
+            S86nOe2AE7: "12.99",
+            _Y0ghumTD5: "Paccheri",
+            fEmLNVyV6Z: "500g - 12 min",
+            g1GH43IJNX: "500g - 9 min",
+            gIp9E6mbHx: "{{ price }}",
+            liqxndiEG5: "Every day a new type of pasta",
+            m7z87T8PSP: "Pasta-a-porter",
+            n9lRmenHex: "🍝",
+            oGPXwOE96y: "ORDER for {{ price_per_period }}",
+            "p-t9fjX1Cx": "9.99$",
+            qZGArQlrjz: "{{ price }}",
+            "u6M-gcEXcW": "{{ product_name }}",
+            uYHuXwbuaS: "500g - 9 min",
+        },
+    },
+    config: {},
+    created_at: "2024-11-12T15:45:09Z",
+    default_locale: "en_US",
+    localized_strings: {
+        en_US: {},
+    },
+    localized_strings_by_tier: {},
+    offering_id: "ofrng284f6b25f9",
+    revision: 10,
+    template_name: "components",
+    updated_at: "2024-11-13T15:23:34Z",
+};
+export const gradientPaywallData = {
+    asset_base_url: "https://assets.pawwalls.com",
+    components_config: {
+        base: {
+            stack: {
+                background_color: {
+                    light: {
+                        type: "hex",
+                        value: "#ffffff",
+                    },
+                },
+                border: null,
+                components: [
+                    {
+                        background_color: null,
+                        border: null,
+                        components: [
+                            {
+                                corner_radiuses: {
+                                    bottom_leading: 0,
+                                    bottom_trailing: 0,
+                                    top_leading: 0,
+                                    top_trailing: 0,
+                                },
+                                fit_mode: "fill",
+                                gradientColors: null,
+                                id: "p3ADPkcRQM",
+                                mask_shape: {
+                                    corners: {
+                                        bottom_leading: 0,
+                                        bottom_trailing: 0,
+                                        top_leading: 0,
+                                        top_trailing: 0,
+                                    },
+                                    type: "rectangle",
+                                },
+                                name: "",
+                                size: {
+                                    height: {
+                                        type: "fit",
+                                        value: null,
+                                    },
+                                    width: {
+                                        type: "fill",
+                                        value: null,
+                                    },
+                                },
+                                source: {
+                                    light: {
+                                        heic: "https://assets.pawwalls.com/1005820_1732028636.heic",
+                                        heic_low_res: "https://assets.pawwalls.com/1005820_low_res_1732028636.heic",
+                                        original: "https://assets.pawwalls.com/1005820_1732028636.jpeg",
+                                        webp: "https://assets.pawwalls.com/1005820_1732028636.webp",
+                                        webp_low_res: "https://assets.pawwalls.com/1005820_low_res_1732028636.webp",
+                                    },
+                                },
+                                type: "image",
+                            },
+                        ],
+                        dimension: {
+                            alignment: "leading",
+                            distribution: "space_between",
+                            type: "vertical",
+                        },
+                        id: "qMn7GMorxt",
+                        margin: {
+                            bottom: 10,
+                            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: "fill",
+                                value: null,
+                            },
+                        },
+                        spacing: 0,
+                        type: "stack",
+                    },
+                    {
+                        background_color: null,
+                        border: null,
+                        components: [
+                            {
+                                background_color: null,
+                                color: {
+                                    light: {
+                                        type: "hex",
+                                        value: "#000000",
+                                    },
+                                },
+                                font_name: null,
+                                font_size: "heading_l",
+                                font_weight: "bold",
+                                horizontal_alignment: "leading",
+                                id: "iSAUTsGQWR",
+                                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: "M8I0arH3Xg",
+                                type: "text",
+                            },
+                            {
+                                background_color: null,
+                                color: {
+                                    light: {
+                                        type: "hex",
+                                        value: "#000000",
+                                    },
+                                },
+                                font_name: null,
+                                font_size: "body_m",
+                                font_weight: "regular",
+                                horizontal_alignment: "leading",
+                                id: "4MQMfQ368g",
+                                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: "7V-AT_Xlpg",
+                                type: "text",
+                            },
+                        ],
+                        dimension: {
+                            alignment: "leading",
+                            distribution: "space_between",
+                            type: "vertical",
+                        },
+                        id: "iLosxhjBgN",
+                        margin: {
+                            bottom: 0,
+                            leading: 0,
+                            top: 0,
+                            trailing: 0,
+                        },
+                        name: "",
+                        padding: {
+                            bottom: 0,
+                            leading: 8,
+                            top: 8,
+                            trailing: 8,
+                        },
+                        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: 0,
+                        type: "stack",
+                    },
+                    {
+                        background_color: null,
+                        border: null,
+                        components: [
+                            {
+                                id: "eCOFPtrGxF",
+                                is_selected_by_default: true,
+                                name: "",
+                                package_id: "weekly_trial",
+                                stack: {
+                                    background_color: {
+                                        light: {
+                                            degrees: 90,
+                                            points: [
+                                                {
+                                                    color: "#020024ff",
+                                                    percent: 0,
+                                                },
+                                                {
+                                                    color: "#090979ff",
+                                                    percent: 35,
+                                                },
+                                                {
+                                                    color: "#00d4ffff",
+                                                    percent: 100,
+                                                },
+                                            ],
+                                            type: "linear",
+                                        },
+                                    },
+                                    border: {
+                                        color: {
+                                            light: {
+                                                type: "hex",
+                                                value: "#cccccc",
+                                            },
+                                        },
+                                        width: 1,
+                                    },
+                                    components: [
+                                        {
+                                            background_color: null,
+                                            border: null,
+                                            components: [
+                                                {
+                                                    background_color: null,
+                                                    border: null,
+                                                    components: [
+                                                        {
+                                                            background_color: null,
+                                                            color: {
+                                                                light: {
+                                                                    type: "hex",
+                                                                    value: "#ffffffff",
+                                                                },
+                                                            },
+                                                            font_name: null,
+                                                            font_size: "body_xl",
+                                                            font_weight: "semibold",
+                                                            horizontal_alignment: "leading",
+                                                            id: "kfJSwMdciI",
+                                                            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: "yS5nQa3eps",
+                                                            type: "text",
+                                                        },
+                                                        {
+                                                            background_color: null,
+                                                            color: {
+                                                                light: {
+                                                                    type: "hex",
+                                                                    value: "#ffffffff",
+                                                                },
+                                                            },
+                                                            font_name: null,
+                                                            font_size: "body_m",
+                                                            font_weight: "regular",
+                                                            horizontal_alignment: "leading",
+                                                            id: "4t1Pdutn9J",
+                                                            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: "PwHqA9mPQB",
+                                                            type: "text",
+                                                        },
+                                                    ],
+                                                    dimension: {
+                                                        alignment: "leading",
+                                                        distribution: "space_between",
+                                                        type: "vertical",
+                                                    },
+                                                    id: "48ugk_LAi-",
+                                                    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: "fill",
+                                                            value: null,
+                                                        },
+                                                    },
+                                                    spacing: 0,
+                                                    type: "stack",
+                                                },
+                                                {
+                                                    background_color: null,
+                                                    border: null,
+                                                    components: [
+                                                        {
+                                                            background_color: null,
+                                                            color: {
+                                                                light: {
+                                                                    type: "hex",
+                                                                    value: "#ffffffff",
+                                                                },
+                                                            },
+                                                            font_name: null,
+                                                            font_size: "body_xl",
+                                                            font_weight: "medium",
+                                                            horizontal_alignment: "trailing",
+                                                            id: "zyaC18_OIc",
+                                                            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: "XQdB9Ch28P",
+                                                            type: "text",
+                                                        },
+                                                        {
+                                                            background_color: null,
+                                                            color: {
+                                                                light: {
+                                                                    type: "hex",
+                                                                    value: "#ffffffff",
+                                                                },
+                                                            },
+                                                            components: [],
+                                                            font_name: null,
+                                                            font_size: "body_m",
+                                                            font_weight: "regular",
+                                                            horizontal_alignment: "leading",
+                                                            id: "tx0Xx9exmY",
+                                                            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: "-1tWld2ul9",
+                                                            type: "text",
+                                                        },
+                                                    ],
+                                                    dimension: {
+                                                        alignment: "leading",
+                                                        distribution: "center",
+                                                        type: "vertical",
+                                                    },
+                                                    id: "J7qL91IfFB",
+                                                    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: "fill",
+                                                            value: null,
+                                                        },
+                                                        width: {
+                                                            type: "fit",
+                                                            value: null,
+                                                        },
+                                                    },
+                                                    spacing: 0,
+                                                    type: "stack",
+                                                },
+                                            ],
+                                            dimension: {
+                                                alignment: "leading",
+                                                distribution: "space_between",
+                                                type: "horizontal",
+                                            },
+                                            id: "yVECSmLE70",
+                                            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: "fill",
+                                                    value: null,
+                                                },
+                                            },
+                                            spacing: 0,
+                                            type: "stack",
+                                        },
+                                    ],
+                                    dimension: {
+                                        alignment: "leading",
+                                        distribution: "space_between",
+                                        type: "vertical",
+                                    },
+                                    id: "r8l8QmFmfD",
+                                    margin: {
+                                        bottom: 8,
+                                        leading: 8,
+                                        top: 0,
+                                        trailing: 8,
+                                    },
+                                    name: "",
+                                    padding: {
+                                        bottom: 8,
+                                        leading: 8,
+                                        top: 8,
+                                        trailing: 8,
+                                    },
+                                    shadow: null,
+                                    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: 0,
+                                    type: "stack",
+                                },
+                                type: "package",
+                            },
+                            {
+                                components: [
+                                    {
+                                        background_color: null,
+                                        border: null,
+                                        components: [
+                                            {
+                                                background_color: null,
+                                                border: null,
+                                                components: [
+                                                    {
+                                                        background_color: null,
+                                                        color: {
+                                                            light: {
+                                                                type: "hex",
+                                                                value: "#000000",
+                                                            },
+                                                        },
+                                                        components: [],
+                                                        font_name: null,
+                                                        font_size: "body_m",
+                                                        font_weight: "regular",
+                                                        horizontal_alignment: "leading",
+                                                        id: "zQRkXIOF7M",
+                                                        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: "-EX8-DolQT",
+                                                        type: "text",
+                                                    },
+                                                    {
+                                                        background_color: null,
+                                                        color: {
+                                                            light: {
+                                                                type: "hex",
+                                                                value: "#000000",
+                                                            },
+                                                        },
+                                                        components: [],
+                                                        font_name: null,
+                                                        font_size: "body_m",
+                                                        font_weight: "regular",
+                                                        horizontal_alignment: "leading",
+                                                        id: "VNISb5VNIm",
+                                                        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: "ettmSwG-H6",
+                                                        type: "text",
+                                                    },
+                                                ],
+                                                dimension: {
+                                                    alignment: "leading",
+                                                    distribution: "space_between",
+                                                    type: "vertical",
+                                                },
+                                                id: "MXab4Egirl",
+                                                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: "fill",
+                                                        value: null,
+                                                    },
+                                                },
+                                                spacing: 0,
+                                                type: "stack",
+                                            },
+                                            {
+                                                background_color: null,
+                                                border: null,
+                                                components: [
+                                                    {
+                                                        background_color: null,
+                                                        color: {
+                                                            light: {
+                                                                type: "hex",
+                                                                value: "#000000",
+                                                            },
+                                                        },
+                                                        components: [],
+                                                        font_name: null,
+                                                        font_size: "body_xl",
+                                                        font_weight: "medium",
+                                                        horizontal_alignment: "leading",
+                                                        id: "G49M6c95tR",
+                                                        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: "sc-03FRk9L",
+                                                        type: "text",
+                                                    },
+                                                ],
+                                                dimension: {
+                                                    alignment: "leading",
+                                                    distribution: "center",
+                                                    type: "vertical",
+                                                },
+                                                id: "j4Zj1plJx1",
+                                                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: "fill",
+                                                        value: null,
+                                                    },
+                                                    width: {
+                                                        type: "fit",
+                                                        value: null,
+                                                    },
+                                                },
+                                                spacing: 0,
+                                                type: "stack",
+                                            },
+                                        ],
+                                        dimension: {
+                                            alignment: "leading",
+                                            distribution: "space_between",
+                                            type: "horizontal",
+                                        },
+                                        id: "MOmZy88pec",
+                                        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: "fill",
+                                                value: null,
+                                            },
+                                        },
+                                        spacing: 0,
+                                        type: "stack",
+                                    },
+                                ],
+                                id: "yyrmNq3S_A",
+                                is_selected_by_default: false,
+                                name: "",
+                                package_id: "monthly_trial",
+                                stack: {
+                                    background_color: {
+                                        light: {
+                                            type: "hex",
+                                            value: "#efefef",
+                                        },
+                                    },
+                                    border: null,
+                                    components: [
+                                        {
+                                            background_color: null,
+                                            border: null,
+                                            components: [
+                                                {
+                                                    background_color: null,
+                                                    border: null,
+                                                    components: [
+                                                        {
+                                                            background_color: null,
+                                                            color: {
+                                                                light: {
+                                                                    type: "hex",
+                                                                    value: "#000000",
+                                                                },
+                                                            },
+                                                            components: [],
+                                                            font_name: null,
+                                                            font_size: "body_xl",
+                                                            font_weight: "semibold",
+                                                            horizontal_alignment: "leading",
+                                                            id: "qlkhV2G_o9",
+                                                            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: "rhhq1uCL5T",
+                                                            type: "text",
+                                                        },
+                                                        {
+                                                            background_color: null,
+                                                            color: {
+                                                                light: {
+                                                                    type: "hex",
+                                                                    value: "#000000",
+                                                                },
+                                                            },
+                                                            components: [],
+                                                            font_name: null,
+                                                            font_size: "body_m",
+                                                            font_weight: "regular",
+                                                            horizontal_alignment: "leading",
+                                                            id: "K9ZUZBcroE",
+                                                            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: "bqgzrSt-y0",
+                                                            type: "text",
+                                                        },
+                                                    ],
+                                                    dimension: {
+                                                        alignment: "leading",
+                                                        distribution: "space_between",
+                                                        type: "vertical",
+                                                    },
+                                                    id: "0Rcycn1z_Q",
+                                                    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: "fill",
+                                                            value: null,
+                                                        },
+                                                    },
+                                                    spacing: 0,
+                                                    type: "stack",
+                                                },
+                                                {
+                                                    background_color: null,
+                                                    border: null,
+                                                    components: [
+                                                        {
+                                                            background_color: null,
+                                                            color: {
+                                                                light: {
+                                                                    type: "hex",
+                                                                    value: "#000000",
+                                                                },
+                                                            },
+                                                            components: [],
+                                                            font_name: null,
+                                                            font_size: "body_xl",
+                                                            font_weight: "medium",
+                                                            horizontal_alignment: "trailing",
+                                                            id: "NtncuuqAdq",
+                                                            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: "6FtAHYDBOX",
+                                                            type: "text",
+                                                        },
+                                                        {
+                                                            background_color: null,
+                                                            color: {
+                                                                light: {
+                                                                    type: "hex",
+                                                                    value: "#000000",
+                                                                },
+                                                            },
+                                                            font_name: null,
+                                                            font_size: "body_m",
+                                                            font_weight: "regular",
+                                                            horizontal_alignment: "leading",
+                                                            id: "7pZkX0LgUs",
+                                                            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: "QiFKdW5_xl",
+                                                            type: "text",
+                                                        },
+                                                    ],
+                                                    dimension: {
+                                                        alignment: "leading",
+                                                        distribution: "center",
+                                                        type: "vertical",
+                                                    },
+                                                    id: "nMVgI7gkZF",
+                                                    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: "fill",
+                                                            value: null,
+                                                        },
+                                                        width: {
+                                                            type: "fit",
+                                                            value: null,
+                                                        },
+                                                    },
+                                                    spacing: 0,
+                                                    type: "stack",
+                                                },
+                                            ],
+                                            dimension: {
+                                                alignment: "leading",
+                                                distribution: "space_between",
+                                                type: "horizontal",
+                                            },
+                                            id: "_tfiOZXLQM",
+                                            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: "fill",
+                                                    value: null,
+                                                },
+                                            },
+                                            spacing: 0,
+                                            type: "stack",
+                                        },
+                                    ],
+                                    dimension: {
+                                        alignment: "leading",
+                                        distribution: "space_between",
+                                        type: "vertical",
+                                    },
+                                    id: "3xMR2lapcI",
+                                    margin: {
+                                        bottom: 8,
+                                        leading: 8,
+                                        top: 8,
+                                        trailing: 8,
+                                    },
+                                    name: "",
+                                    padding: {
+                                        bottom: 8,
+                                        leading: 8,
+                                        top: 8,
+                                        trailing: 8,
+                                    },
+                                    shadow: null,
+                                    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: 0,
+                                    type: "stack",
+                                },
+                                type: "package",
+                            },
+                            {
+                                background_color: null,
+                                border: null,
+                                components: [
+                                    {
+                                        background_color: null,
+                                        color: {
+                                            light: {
+                                                type: "hex",
+                                                value: "#000000",
+                                            },
+                                        },
+                                        font_name: null,
+                                        font_size: "body_m",
+                                        font_weight: "bold",
+                                        horizontal_alignment: "center",
+                                        id: "VBnaFaxl4L",
+                                        margin: {
+                                            bottom: 10,
+                                            leading: 0,
+                                            top: 10,
+                                            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: "BqiXt3Gfa8",
+                                        type: "text",
+                                    },
+                                ],
+                                dimension: {
+                                    alignment: "center",
+                                    distribution: "center",
+                                    type: "horizontal",
+                                },
+                                id: "KRPZSK0WBR",
+                                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: "fill",
+                                        value: null,
+                                    },
+                                },
+                                spacing: 0,
+                                type: "stack",
+                            },
+                            {
+                                components: [
+                                    {
+                                        background_color: null,
+                                        border: null,
+                                        components: [
+                                            {
+                                                background_color: null,
+                                                border: null,
+                                                components: [
+                                                    {
+                                                        background_color: null,
+                                                        color: {
+                                                            light: {
+                                                                type: "hex",
+                                                                value: "#000000",
+                                                            },
+                                                        },
+                                                        components: [],
+                                                        font_name: null,
+                                                        font_size: "body_m",
+                                                        font_weight: "regular",
+                                                        horizontal_alignment: "leading",
+                                                        id: "yRNgrtp4jL",
+                                                        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: "d_KfrbCPUI",
+                                                        type: "text",
+                                                    },
+                                                    {
+                                                        background_color: null,
+                                                        color: {
+                                                            light: {
+                                                                type: "hex",
+                                                                value: "#000000",
+                                                            },
+                                                        },
+                                                        components: [],
+                                                        font_name: null,
+                                                        font_size: "body_m",
+                                                        font_weight: "regular",
+                                                        horizontal_alignment: "leading",
+                                                        id: "8oBl2ysEVA",
+                                                        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: "IwNsPEupIJ",
+                                                        type: "text",
+                                                    },
+                                                ],
+                                                dimension: {
+                                                    alignment: "leading",
+                                                    distribution: "space_between",
+                                                    type: "vertical",
+                                                },
+                                                id: "Qjg5dH0SyH",
+                                                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: "fill",
+                                                        value: null,
+                                                    },
+                                                },
+                                                spacing: 0,
+                                                type: "stack",
+                                            },
+                                            {
+                                                background_color: null,
+                                                border: null,
+                                                components: [
+                                                    {
+                                                        background_color: null,
+                                                        color: {
+                                                            light: {
+                                                                type: "hex",
+                                                                value: "#000000",
+                                                            },
+                                                        },
+                                                        components: [],
+                                                        font_name: null,
+                                                        font_size: "body_xl",
+                                                        font_weight: "medium",
+                                                        horizontal_alignment: "leading",
+                                                        id: "5AateoTW75",
+                                                        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: "LtOllUS5hE",
+                                                        type: "text",
+                                                    },
+                                                ],
+                                                dimension: {
+                                                    alignment: "leading",
+                                                    distribution: "center",
+                                                    type: "vertical",
+                                                },
+                                                id: "TiyXLvPrXa",
+                                                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: "fill",
+                                                        value: null,
+                                                    },
+                                                    width: {
+                                                        type: "fit",
+                                                        value: null,
+                                                    },
+                                                },
+                                                spacing: 0,
+                                                type: "stack",
+                                            },
+                                        ],
+                                        dimension: {
+                                            alignment: "leading",
+                                            distribution: "space_between",
+                                            type: "horizontal",
+                                        },
+                                        id: "prbEeSR0vp",
+                                        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: "fill",
+                                                value: null,
+                                            },
+                                        },
+                                        spacing: 0,
+                                        type: "stack",
+                                    },
+                                ],
+                                id: "DD9ioVp5qJ",
+                                is_selected_by_default: false,
+                                name: "",
+                                package_id: "$rc_annual",
+                                stack: {
+                                    background_color: {
+                                        light: {
+                                            type: "hex",
+                                            value: "#efefef",
+                                        },
+                                    },
+                                    border: null,
+                                    components: [
+                                        {
+                                            background_color: null,
+                                            border: null,
+                                            components: [
+                                                {
+                                                    background_color: null,
+                                                    border: null,
+                                                    components: [
+                                                        {
+                                                            background_color: null,
+                                                            color: {
+                                                                light: {
+                                                                    type: "hex",
+                                                                    value: "#000000",
+                                                                },
+                                                            },
+                                                            components: [],
+                                                            font_name: null,
+                                                            font_size: "body_xl",
+                                                            font_weight: "semibold",
+                                                            horizontal_alignment: "leading",
+                                                            id: "NpWAo6yAq-",
+                                                            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: "BojFFgvkjM",
+                                                            type: "text",
+                                                        },
+                                                        {
+                                                            background_color: null,
+                                                            color: {
+                                                                light: {
+                                                                    type: "hex",
+                                                                    value: "#000000",
+                                                                },
+                                                            },
+                                                            components: [],
+                                                            font_name: null,
+                                                            font_size: "body_m",
+                                                            font_weight: "regular",
+                                                            horizontal_alignment: "leading",
+                                                            id: "-sJjewtFL-",
+                                                            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: "FG7N72ZVyU",
+                                                            type: "text",
+                                                        },
+                                                    ],
+                                                    dimension: {
+                                                        alignment: "leading",
+                                                        distribution: "space_between",
+                                                        type: "vertical",
+                                                    },
+                                                    id: "asoLyDMYxM",
+                                                    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: "fill",
+                                                            value: null,
+                                                        },
+                                                    },
+                                                    spacing: 0,
+                                                    type: "stack",
+                                                },
+                                                {
+                                                    background_color: null,
+                                                    border: null,
+                                                    components: [
+                                                        {
+                                                            background_color: null,
+                                                            color: {
+                                                                light: {
+                                                                    type: "hex",
+                                                                    value: "#000000",
+                                                                },
+                                                            },
+                                                            components: [],
+                                                            font_name: null,
+                                                            font_size: "body_xl",
+                                                            font_weight: "medium",
+                                                            horizontal_alignment: "leading",
+                                                            id: "cmBej2Oq-z",
+                                                            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: "4UeaUEgo-h",
+                                                            type: "text",
+                                                        },
+                                                        {
+                                                            background_color: null,
+                                                            color: {
+                                                                light: {
+                                                                    type: "hex",
+                                                                    value: "#000000",
+                                                                },
+                                                            },
+                                                            components: [],
+                                                            font_name: null,
+                                                            font_size: "body_m",
+                                                            font_weight: "regular",
+                                                            horizontal_alignment: "leading",
+                                                            id: "8VGbgLNTh5",
+                                                            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: "8Uoreqagci",
+                                                            type: "text",
+                                                        },
+                                                    ],
+                                                    dimension: {
+                                                        alignment: "leading",
+                                                        distribution: "center",
+                                                        type: "vertical",
+                                                    },
+                                                    id: "oDo2C-sEFY",
+                                                    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: "fill",
+                                                            value: null,
+                                                        },
+                                                        width: {
+                                                            type: "fit",
+                                                            value: null,
+                                                        },
+                                                    },
+                                                    spacing: 0,
+                                                    type: "stack",
+                                                },
+                                            ],
+                                            dimension: {
+                                                alignment: "leading",
+                                                distribution: "space_between",
+                                                type: "horizontal",
+                                            },
+                                            id: "jUHfPJMvsm",
+                                            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: "fill",
+                                                    value: null,
+                                                },
+                                            },
+                                            spacing: 0,
+                                            type: "stack",
+                                        },
+                                    ],
+                                    dimension: {
+                                        alignment: "leading",
+                                        distribution: "space_between",
+                                        type: "vertical",
+                                    },
+                                    id: "ztdsIWh7er",
+                                    margin: {
+                                        bottom: 8,
+                                        leading: 8,
+                                        top: 8,
+                                        trailing: 8,
+                                    },
+                                    name: "",
+                                    padding: {
+                                        bottom: 8,
+                                        leading: 8,
+                                        top: 8,
+                                        trailing: 8,
+                                    },
+                                    shadow: null,
+                                    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: 0,
+                                    type: "stack",
+                                },
+                                type: "package",
+                            },
+                        ],
+                        dimension: {
+                            alignment: "leading",
+                            distribution: "space_between",
+                            type: "vertical",
+                        },
+                        id: "k9ivBUINRc",
+                        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: "fill",
+                                value: null,
+                            },
+                        },
+                        spacing: 0,
+                        type: "stack",
+                    },
+                    {
+                        background_color: null,
+                        border: null,
+                        components: [
+                            {
+                                id: "5YyHpHP5xy",
+                                name: "",
+                                stack: {
+                                    background_color: {
+                                        light: {
+                                            points: [
+                                                {
+                                                    color: "#ffffffff",
+                                                    percent: 18,
+                                                },
+                                                {
+                                                    color: "#b4fab7ff",
+                                                    percent: 55,
+                                                },
+                                            ],
+                                            type: "radial",
+                                        },
+                                    },
+                                    border: null,
+                                    components: [
+                                        {
+                                            background_color: null,
+                                            color: {
+                                                light: {
+                                                    type: "hex",
+                                                    value: "#000000",
+                                                },
+                                            },
+                                            font_name: null,
+                                            font_size: "body_m",
+                                            font_weight: "bold",
+                                            horizontal_alignment: "center",
+                                            id: "DJv-ojfX7V",
+                                            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: "qHS3rpmeJA",
+                                            type: "text",
+                                        },
+                                    ],
+                                    dimension: {
+                                        alignment: "leading",
+                                        distribution: "space_between",
+                                        type: "vertical",
+                                    },
+                                    id: "StIFLnDWlk",
+                                    margin: {
+                                        bottom: 0,
+                                        leading: 0,
+                                        top: 0,
+                                        trailing: 0,
+                                    },
+                                    name: "",
+                                    padding: {
+                                        bottom: 15,
+                                        leading: 50,
+                                        top: 15,
+                                        trailing: 50,
+                                    },
+                                    shadow: null,
+                                    shape: {
+                                        type: "pill",
+                                    },
+                                    size: {
+                                        height: {
+                                            type: "fit",
+                                            value: null,
+                                        },
+                                        width: {
+                                            type: "fit",
+                                            value: null,
+                                        },
+                                    },
+                                    spacing: 0,
+                                    type: "stack",
+                                },
+                                type: "purchase_button",
+                            },
+                        ],
+                        dimension: {
+                            alignment: "center",
+                            distribution: "center",
+                            type: "vertical",
+                        },
+                        id: "kJfvY1DMkk",
+                        margin: {
+                            bottom: 0,
+                            leading: 0,
+                            top: 50,
+                            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: "fill",
+                                value: null,
+                            },
+                        },
+                        spacing: 0,
+                        type: "stack",
+                    },
+                ],
+                dimension: {
+                    alignment: "leading",
+                    distribution: "start",
+                    type: "vertical",
+                },
+                id: "OSnhUdUlpQ",
+                margin: {
+                    bottom: 0,
+                    leading: 0,
+                    top: 0,
+                    trailing: 0,
+                },
+                name: "Content",
+                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: 20,
+                type: "stack",
+            },
+            sticky_footer: null,
+        },
+    },
+    components_localizations: {
+        en_US: {
+            "-1tWld2ul9": "weekly",
+            "-EX8-DolQT": "Weekly Stamina",
+            "4UeaUEgo-h": "99.99EUR",
+            "6FtAHYDBOX": "12.00EUR",
+            "7V-AT_Xlpg": "Love your pet as much as they love you",
+            "8Uoreqagci": "yearly",
+            BojFFgvkjM: "Yearly",
+            BqiXt3Gfa8: "or",
+            FG7N72ZVyU: "For the lazy ones",
+            IwNsPEupIJ: "A good compromise",
+            LtOllUS5hE: "12.00EUR",
+            M8I0arH3Xg: "Healthy Cat",
+            PwHqA9mPQB: "Keep energy levels high!",
+            QiFKdW5_xl: "monthly",
+            XQdB9Ch28P: "5.00EUR",
+            "bqgzrSt-y0": "A good compromise",
+            d_KfrbCPUI: "Monthly check",
+            "ettmSwG-H6": "Keep your energy levels high!",
+            qHS3rpmeJA: "BUY NOW",
+            rhhq1uCL5T: "Monthly check",
+            "sc-03FRk9L": "5.00EUR",
+            yS5nQa3eps: "Weekly stamina",
+        },
+    },
+    default_locale: "en_US",
+    revision: 21,
+    template_name: "components",
+    zero_decimal_place_countries: {
+        apple: ["TWN", "KAZ", "MEX", "PHL", "THA"],
+        google: ["TW", "KZ", "MX", "PH", "TH"],
+    },
+};
 export const calmPaywallData = {
     asset_base_url: "https://assets.pawwalls.com",
     components_config: {