@revenuecat/purchases-ui-js 2.0.2 → 2.0.3

package/dist/components/paywall/fixtures/override-paywall.js

@@ -0,0 +1,1310 @@
+export const OVERRIDE_PAYWALL = {
+    default_locale: "en_US",
+    components_localizations: {
+        en_US: {
+            "4Eth3BaYlR": "Override",
+            GnVIFNZ7SH: "Override",
+            L9SBKPm8In: "Title",
+            Oh9hnJ4Wxd: "Override",
+            YnPCArCDRU: "Title",
+            acLl72hstT: "Override",
+            cGjf4z3hg9: "Description",
+            jiq4zcSVfC: "Override",
+            lFLh8f_wh9: "Description",
+            rojZT54A5y: "Text",
+            sGuwfcoB4A: "Override",
+            xzLtixuCEk: "Text",
+        },
+    },
+    components_config: {
+        base: {
+            background: {
+                type: "color",
+                value: {
+                    light: {
+                        type: "hex",
+                        value: "#ffffffff",
+                    },
+                },
+            },
+            stack: {
+                background: {
+                    type: "color",
+                    value: {
+                        light: {
+                            type: "hex",
+                            value: "#ffffff",
+                        },
+                    },
+                },
+                background_color: null,
+                badge: null,
+                border: null,
+                components: [
+                    {
+                        apple_promo_offer_product_code: null,
+                        id: "OUhgGvl6AM",
+                        is_selected_by_default: false,
+                        name: "",
+                        package_id: "$rc_monthly",
+                        stack: {
+                            background: null,
+                            background_color: null,
+                            badge: null,
+                            border: null,
+                            components: [
+                                {
+                                    background: null,
+                                    background_color: null,
+                                    badge: null,
+                                    border: null,
+                                    components: [
+                                        {
+                                            background_color: null,
+                                            color: {
+                                                light: {
+                                                    type: "hex",
+                                                    value: "#000000ff",
+                                                },
+                                            },
+                                            font_name: null,
+                                            font_size: 14,
+                                            font_weight: "regular",
+                                            font_weight_int: 400,
+                                            horizontal_alignment: "leading",
+                                            id: "2l4cpkhPVv",
+                                            margin: {
+                                                bottom: 0,
+                                                leading: 0,
+                                                top: 0,
+                                                trailing: 0,
+                                            },
+                                            name: "",
+                                            overrides: [
+                                                {
+                                                    conditions: [
+                                                        {
+                                                            type: "selected",
+                                                        },
+                                                    ],
+                                                    properties: {
+                                                        color: {
+                                                            light: {
+                                                                type: "hex",
+                                                                value: "#00ff00ff",
+                                                            },
+                                                        },
+                                                        text_lid: "4Eth3BaYlR",
+                                                    },
+                                                },
+                                            ],
+                                            padding: {
+                                                bottom: 0,
+                                                leading: 0,
+                                                top: 0,
+                                                trailing: 0,
+                                            },
+                                            size: {
+                                                height: {
+                                                    type: "fit",
+                                                    value: null,
+                                                },
+                                                width: {
+                                                    type: "fit",
+                                                    value: null,
+                                                },
+                                            },
+                                            text_lid: "rojZT54A5y",
+                                            type: "text",
+                                        },
+                                        {
+                                            base_url: "https://icons.pawwalls.com/icons",
+                                            color: {
+                                                light: {
+                                                    type: "hex",
+                                                    value: "#000000ff",
+                                                },
+                                            },
+                                            formats: {
+                                                heic: "icons.heic",
+                                                png: "icons.png",
+                                                svg: "icons.svg",
+                                                webp: "icons.webp",
+                                            },
+                                            icon_background: null,
+                                            icon_name: "icons",
+                                            id: "TifzTDeaOv",
+                                            margin: {
+                                                bottom: 0,
+                                                leading: 0,
+                                                top: 0,
+                                                trailing: 0,
+                                            },
+                                            name: "",
+                                            overrides: [
+                                                {
+                                                    conditions: [
+                                                        {
+                                                            type: "selected",
+                                                        },
+                                                    ],
+                                                    properties: {
+                                                        color: {
+                                                            light: {
+                                                                type: "hex",
+                                                                value: "#00ff00ff",
+                                                            },
+                                                        },
+                                                    },
+                                                },
+                                            ],
+                                            padding: {
+                                                bottom: 0,
+                                                leading: 0,
+                                                top: 0,
+                                                trailing: 0,
+                                            },
+                                            size: {
+                                                height: {
+                                                    type: "fixed",
+                                                    value: 26,
+                                                },
+                                                width: {
+                                                    type: "fixed",
+                                                    value: 26,
+                                                },
+                                            },
+                                            type: "icon",
+                                        },
+                                        {
+                                            border: null,
+                                            color_overlay: null,
+                                            fit_mode: "fit",
+                                            id: "h3u-5EErFt",
+                                            margin: {
+                                                bottom: 0,
+                                                leading: 0,
+                                                top: 0,
+                                                trailing: 0,
+                                            },
+                                            mask_shape: {
+                                                corners: {
+                                                    bottom_leading: 0,
+                                                    bottom_trailing: 0,
+                                                    top_leading: 0,
+                                                    top_trailing: 0,
+                                                },
+                                                type: "rectangle",
+                                            },
+                                            name: "",
+                                            overrides: [
+                                                {
+                                                    conditions: [
+                                                        {
+                                                            type: "selected",
+                                                        },
+                                                    ],
+                                                    properties: {
+                                                        color_overlay: {
+                                                            light: {
+                                                                type: "hex",
+                                                                value: "#00ff0040",
+                                                            },
+                                                        },
+                                                    },
+                                                },
+                                            ],
+                                            padding: {
+                                                bottom: 0,
+                                                leading: 0,
+                                                top: 0,
+                                                trailing: 0,
+                                            },
+                                            shadow: null,
+                                            size: {
+                                                height: {
+                                                    type: "fit",
+                                                    value: null,
+                                                },
+                                                width: {
+                                                    type: "fill",
+                                                    value: null,
+                                                },
+                                            },
+                                            source: {
+                                                light: {
+                                                    heic: "https://assets.pawwalls.com/1151049_1757927852.heic",
+                                                    heic_low_res: "https://assets.pawwalls.com/1151049_low_res_1757927852.heic",
+                                                    height: 400,
+                                                    original: "https://assets.pawwalls.com/1151049_1757927852.png",
+                                                    webp: "https://assets.pawwalls.com/1151049_1757927852.webp",
+                                                    webp_low_res: "https://assets.pawwalls.com/1151049_low_res_1757927852.webp",
+                                                    width: 600,
+                                                },
+                                            },
+                                            type: "image",
+                                        },
+                                    ],
+                                    dimension: {
+                                        alignment: "center",
+                                        distribution: "start",
+                                        type: "vertical",
+                                    },
+                                    id: "rbOB_R2tjQ",
+                                    margin: {
+                                        bottom: 0,
+                                        leading: 0,
+                                        top: 0,
+                                        trailing: 0,
+                                    },
+                                    name: "",
+                                    overrides: [
+                                        {
+                                            conditions: [
+                                                {
+                                                    type: "selected",
+                                                },
+                                            ],
+                                            properties: {
+                                                border: {
+                                                    color: {
+                                                        light: {
+                                                            type: "hex",
+                                                            value: "#00ff00ff",
+                                                        },
+                                                    },
+                                                    width: 1,
+                                                },
+                                            },
+                                        },
+                                    ],
+                                    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: 8,
+                                    type: "stack",
+                                },
+                                {
+                                    column_gutter: 0,
+                                    icon_alignment: "title",
+                                    id: "tPAbDGhnCV",
+                                    item_spacing: 0,
+                                    items: [
+                                        {
+                                            connector: {
+                                                color: {
+                                                    light: {
+                                                        type: "hex",
+                                                        value: "#000000ff",
+                                                    },
+                                                },
+                                                margin: {
+                                                    bottom: 0,
+                                                    top: 0,
+                                                },
+                                                width: 8,
+                                            },
+                                            description: {
+                                                background_color: null,
+                                                color: {
+                                                    light: {
+                                                        type: "hex",
+                                                        value: "#000000ff",
+                                                    },
+                                                },
+                                                font_name: null,
+                                                font_size: 14,
+                                                font_weight: "regular",
+                                                font_weight_int: 400,
+                                                horizontal_alignment: "leading",
+                                                id: "pXdEpBBb78",
+                                                margin: {
+                                                    bottom: 0,
+                                                    leading: 0,
+                                                    top: 0,
+                                                    trailing: 0,
+                                                },
+                                                name: "Description",
+                                                overrides: [
+                                                    {
+                                                        conditions: [
+                                                            {
+                                                                type: "selected",
+                                                            },
+                                                        ],
+                                                        properties: {
+                                                            color: {
+                                                                light: {
+                                                                    type: "hex",
+                                                                    value: "#00ff00ff",
+                                                                },
+                                                            },
+                                                            text_lid: "jiq4zcSVfC",
+                                                        },
+                                                    },
+                                                ],
+                                                padding: {
+                                                    bottom: 0,
+                                                    leading: 0,
+                                                    top: 0,
+                                                    trailing: 0,
+                                                },
+                                                size: {
+                                                    height: {
+                                                        type: "fit",
+                                                        value: null,
+                                                    },
+                                                    width: {
+                                                        type: "fit",
+                                                        value: null,
+                                                    },
+                                                },
+                                                text_lid: "cGjf4z3hg9",
+                                                type: "text",
+                                            },
+                                            icon: {
+                                                base_url: "https://icons.pawwalls.com/icons",
+                                                color: {
+                                                    light: {
+                                                        type: "hex",
+                                                        value: "#ffffffff",
+                                                    },
+                                                },
+                                                formats: {
+                                                    heic: "filled-lock.heic",
+                                                    png: "filled-lock.png",
+                                                    svg: "filled-lock.svg",
+                                                    webp: "filled-lock.webp",
+                                                },
+                                                icon_background: {
+                                                    color: {
+                                                        light: {
+                                                            type: "hex",
+                                                            value: "#000000ff",
+                                                        },
+                                                    },
+                                                    shape: {
+                                                        type: "circle",
+                                                    },
+                                                },
+                                                icon_name: "filled-lock",
+                                                id: "NQ8HrGFark",
+                                                margin: {
+                                                    bottom: 0,
+                                                    leading: 0,
+                                                    top: 0,
+                                                    trailing: 0,
+                                                },
+                                                name: "Icon",
+                                                overrides: [
+                                                    {
+                                                        conditions: [
+                                                            {
+                                                                type: "selected",
+                                                            },
+                                                        ],
+                                                        properties: {
+                                                            icon_background: {
+                                                                color: {
+                                                                    light: {
+                                                                        type: "hex",
+                                                                        value: "#00ff00ff",
+                                                                    },
+                                                                },
+                                                                shape: {
+                                                                    type: "circle",
+                                                                },
+                                                            },
+                                                        },
+                                                    },
+                                                ],
+                                                padding: {
+                                                    bottom: 8,
+                                                    leading: 8,
+                                                    top: 8,
+                                                    trailing: 8,
+                                                },
+                                                size: {
+                                                    height: {
+                                                        type: "fixed",
+                                                        value: 32,
+                                                    },
+                                                    width: {
+                                                        type: "fixed",
+                                                        value: 32,
+                                                    },
+                                                },
+                                                type: "icon",
+                                            },
+                                            id: "roU0TyJnam",
+                                            name: "First item",
+                                            overrides: [
+                                                {
+                                                    conditions: [
+                                                        {
+                                                            type: "selected",
+                                                        },
+                                                    ],
+                                                    properties: {
+                                                        connector: {
+                                                            color: {
+                                                                light: {
+                                                                    type: "hex",
+                                                                    value: "#00ff00ff",
+                                                                },
+                                                            },
+                                                            margin: {
+                                                                bottom: 0,
+                                                                top: 0,
+                                                            },
+                                                            width: 8,
+                                                        },
+                                                    },
+                                                },
+                                            ],
+                                            title: {
+                                                background_color: null,
+                                                color: {
+                                                    light: {
+                                                        type: "hex",
+                                                        value: "#000000ff",
+                                                    },
+                                                },
+                                                font_name: null,
+                                                font_size: 14,
+                                                font_weight: "regular",
+                                                font_weight_int: 400,
+                                                horizontal_alignment: "leading",
+                                                id: "mQnl5fQTg2",
+                                                margin: {
+                                                    bottom: 0,
+                                                    leading: 0,
+                                                    top: 0,
+                                                    trailing: 0,
+                                                },
+                                                name: "Title",
+                                                overrides: [
+                                                    {
+                                                        conditions: [
+                                                            {
+                                                                type: "selected",
+                                                            },
+                                                        ],
+                                                        properties: {
+                                                            color: {
+                                                                light: {
+                                                                    type: "hex",
+                                                                    value: "#00ff00ff",
+                                                                },
+                                                            },
+                                                            text_lid: "sGuwfcoB4A",
+                                                        },
+                                                    },
+                                                ],
+                                                padding: {
+                                                    bottom: 0,
+                                                    leading: 0,
+                                                    top: 0,
+                                                    trailing: 0,
+                                                },
+                                                size: {
+                                                    height: {
+                                                        type: "fit",
+                                                        value: null,
+                                                    },
+                                                    width: {
+                                                        type: "fit",
+                                                        value: null,
+                                                    },
+                                                },
+                                                text_lid: "YnPCArCDRU",
+                                                type: "text",
+                                            },
+                                            type: "timeline_item",
+                                        },
+                                    ],
+                                    margin: {
+                                        bottom: 0,
+                                        leading: 0,
+                                        top: 0,
+                                        trailing: 0,
+                                    },
+                                    name: "",
+                                    overrides: [
+                                        {
+                                            conditions: [
+                                                {
+                                                    type: "selected",
+                                                },
+                                            ],
+                                            properties: {
+                                                column_gutter: 16,
+                                                item_spacing: 16,
+                                                text_spacing: 16,
+                                            },
+                                        },
+                                    ],
+                                    padding: {
+                                        bottom: 0,
+                                        leading: 0,
+                                        top: 0,
+                                        trailing: 0,
+                                    },
+                                    size: {
+                                        height: {
+                                            type: "fit",
+                                            value: null,
+                                        },
+                                        width: {
+                                            type: "fit",
+                                            value: null,
+                                        },
+                                    },
+                                    text_spacing: 0,
+                                    type: "timeline",
+                                },
+                            ],
+                            dimension: {
+                                alignment: "center",
+                                distribution: "start",
+                                type: "vertical",
+                            },
+                            id: "om5cNcm8Kr",
+                            margin: {
+                                bottom: 8,
+                                leading: 8,
+                                top: 8,
+                                trailing: 8,
+                            },
+                            name: "",
+                            overrides: [
+                                {
+                                    conditions: [
+                                        {
+                                            type: "selected",
+                                        },
+                                    ],
+                                    properties: {
+                                        border: {
+                                            color: {
+                                                light: {
+                                                    type: "hex",
+                                                    value: "#00ff00ff",
+                                                },
+                                            },
+                                            width: 1,
+                                        },
+                                    },
+                                },
+                            ],
+                            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: 8,
+                            type: "stack",
+                        },
+                        type: "package",
+                    },
+                    {
+                        apple_promo_offer_product_code: null,
+                        id: "oZhcAWiZAF",
+                        is_selected_by_default: true,
+                        name: "",
+                        package_id: "$rc_annual",
+                        stack: {
+                            background: null,
+                            background_color: null,
+                            badge: null,
+                            border: null,
+                            components: [
+                                {
+                                    background: null,
+                                    background_color: null,
+                                    badge: null,
+                                    border: null,
+                                    components: [
+                                        {
+                                            background_color: null,
+                                            color: {
+                                                light: {
+                                                    type: "hex",
+                                                    value: "#000000ff",
+                                                },
+                                            },
+                                            font_name: null,
+                                            font_size: 14,
+                                            font_weight: "regular",
+                                            font_weight_int: 400,
+                                            horizontal_alignment: "leading",
+                                            id: "DIOU5R9PGh",
+                                            margin: {
+                                                bottom: 0,
+                                                leading: 0,
+                                                top: 0,
+                                                trailing: 0,
+                                            },
+                                            name: "",
+                                            overrides: [
+                                                {
+                                                    conditions: [
+                                                        {
+                                                            type: "selected",
+                                                        },
+                                                    ],
+                                                    properties: {
+                                                        color: {
+                                                            light: {
+                                                                type: "hex",
+                                                                value: "#00ff00ff",
+                                                            },
+                                                        },
+                                                        text_lid: "GnVIFNZ7SH",
+                                                    },
+                                                },
+                                            ],
+                                            padding: {
+                                                bottom: 0,
+                                                leading: 0,
+                                                top: 0,
+                                                trailing: 0,
+                                            },
+                                            size: {
+                                                height: {
+                                                    type: "fit",
+                                                    value: null,
+                                                },
+                                                width: {
+                                                    type: "fit",
+                                                    value: null,
+                                                },
+                                            },
+                                            text_lid: "xzLtixuCEk",
+                                            type: "text",
+                                        },
+                                        {
+                                            base_url: "https://icons.pawwalls.com/icons",
+                                            color: {
+                                                light: {
+                                                    type: "hex",
+                                                    value: "#000000ff",
+                                                },
+                                            },
+                                            formats: {
+                                                heic: "icons.heic",
+                                                png: "icons.png",
+                                                svg: "icons.svg",
+                                                webp: "icons.webp",
+                                            },
+                                            icon_background: null,
+                                            icon_name: "icons",
+                                            id: "UTkTOKneOy",
+                                            margin: {
+                                                bottom: 0,
+                                                leading: 0,
+                                                top: 0,
+                                                trailing: 0,
+                                            },
+                                            name: "",
+                                            overrides: [
+                                                {
+                                                    conditions: [
+                                                        {
+                                                            type: "selected",
+                                                        },
+                                                    ],
+                                                    properties: {
+                                                        color: {
+                                                            light: {
+                                                                type: "hex",
+                                                                value: "#00ff00ff",
+                                                            },
+                                                        },
+                                                    },
+                                                },
+                                            ],
+                                            padding: {
+                                                bottom: 0,
+                                                leading: 0,
+                                                top: 0,
+                                                trailing: 0,
+                                            },
+                                            size: {
+                                                height: {
+                                                    type: "fixed",
+                                                    value: 26,
+                                                },
+                                                width: {
+                                                    type: "fixed",
+                                                    value: 26,
+                                                },
+                                            },
+                                            type: "icon",
+                                        },
+                                        {
+                                            border: null,
+                                            color_overlay: null,
+                                            fit_mode: "fit",
+                                            id: "CcS4IbZZ4X",
+                                            margin: {
+                                                bottom: 0,
+                                                leading: 0,
+                                                top: 0,
+                                                trailing: 0,
+                                            },
+                                            mask_shape: {
+                                                corners: {
+                                                    bottom_leading: 0,
+                                                    bottom_trailing: 0,
+                                                    top_leading: 0,
+                                                    top_trailing: 0,
+                                                },
+                                                type: "rectangle",
+                                            },
+                                            name: "",
+                                            overrides: [
+                                                {
+                                                    conditions: [
+                                                        {
+                                                            type: "selected",
+                                                        },
+                                                    ],
+                                                    properties: {
+                                                        color_overlay: {
+                                                            light: {
+                                                                type: "hex",
+                                                                value: "#00ff0040",
+                                                            },
+                                                        },
+                                                    },
+                                                },
+                                            ],
+                                            padding: {
+                                                bottom: 0,
+                                                leading: 0,
+                                                top: 0,
+                                                trailing: 0,
+                                            },
+                                            shadow: null,
+                                            size: {
+                                                height: {
+                                                    type: "fit",
+                                                    value: null,
+                                                },
+                                                width: {
+                                                    type: "fill",
+                                                    value: null,
+                                                },
+                                            },
+                                            source: {
+                                                light: {
+                                                    heic: "https://assets.pawwalls.com/1151049_1757927852.heic",
+                                                    heic_low_res: "https://assets.pawwalls.com/1151049_low_res_1757927852.heic",
+                                                    height: 400,
+                                                    original: "https://assets.pawwalls.com/1151049_1757927852.png",
+                                                    webp: "https://assets.pawwalls.com/1151049_1757927852.webp",
+                                                    webp_low_res: "https://assets.pawwalls.com/1151049_low_res_1757927852.webp",
+                                                    width: 600,
+                                                },
+                                            },
+                                            type: "image",
+                                        },
+                                    ],
+                                    dimension: {
+                                        alignment: "center",
+                                        distribution: "start",
+                                        type: "vertical",
+                                    },
+                                    id: "Dt8Xq13R5h",
+                                    margin: {
+                                        bottom: 0,
+                                        leading: 0,
+                                        top: 0,
+                                        trailing: 0,
+                                    },
+                                    name: "",
+                                    overrides: [
+                                        {
+                                            conditions: [
+                                                {
+                                                    type: "selected",
+                                                },
+                                            ],
+                                            properties: {
+                                                border: {
+                                                    color: {
+                                                        light: {
+                                                            type: "hex",
+                                                            value: "#00ff00ff",
+                                                        },
+                                                    },
+                                                    width: 1,
+                                                },
+                                            },
+                                        },
+                                    ],
+                                    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: 8,
+                                    type: "stack",
+                                },
+                                {
+                                    column_gutter: 0,
+                                    icon_alignment: "title",
+                                    id: "M9pP3b0PlQ",
+                                    item_spacing: 0,
+                                    items: [
+                                        {
+                                            connector: {
+                                                color: {
+                                                    light: {
+                                                        type: "hex",
+                                                        value: "#000000ff",
+                                                    },
+                                                },
+                                                margin: {
+                                                    bottom: 0,
+                                                    top: 0,
+                                                },
+                                                width: 8,
+                                            },
+                                            description: {
+                                                background_color: null,
+                                                color: {
+                                                    light: {
+                                                        type: "hex",
+                                                        value: "#000000ff",
+                                                    },
+                                                },
+                                                font_name: null,
+                                                font_size: 14,
+                                                font_weight: "regular",
+                                                font_weight_int: 400,
+                                                horizontal_alignment: "leading",
+                                                id: "pOpkoznjj5",
+                                                margin: {
+                                                    bottom: 0,
+                                                    leading: 0,
+                                                    top: 0,
+                                                    trailing: 0,
+                                                },
+                                                name: "Description",
+                                                overrides: [
+                                                    {
+                                                        conditions: [
+                                                            {
+                                                                type: "selected",
+                                                            },
+                                                        ],
+                                                        properties: {
+                                                            color: {
+                                                                light: {
+                                                                    type: "hex",
+                                                                    value: "#00ff00ff",
+                                                                },
+                                                            },
+                                                            text_lid: "Oh9hnJ4Wxd",
+                                                        },
+                                                    },
+                                                ],
+                                                padding: {
+                                                    bottom: 0,
+                                                    leading: 0,
+                                                    top: 0,
+                                                    trailing: 0,
+                                                },
+                                                size: {
+                                                    height: {
+                                                        type: "fit",
+                                                        value: null,
+                                                    },
+                                                    width: {
+                                                        type: "fit",
+                                                        value: null,
+                                                    },
+                                                },
+                                                text_lid: "lFLh8f_wh9",
+                                                type: "text",
+                                            },
+                                            icon: {
+                                                base_url: "https://icons.pawwalls.com/icons",
+                                                color: {
+                                                    light: {
+                                                        type: "hex",
+                                                        value: "#ffffffff",
+                                                    },
+                                                },
+                                                formats: {
+                                                    heic: "filled-lock.heic",
+                                                    png: "filled-lock.png",
+                                                    svg: "filled-lock.svg",
+                                                    webp: "filled-lock.webp",
+                                                },
+                                                icon_background: {
+                                                    color: {
+                                                        light: {
+                                                            type: "hex",
+                                                            value: "#000000ff",
+                                                        },
+                                                    },
+                                                    shape: {
+                                                        type: "circle",
+                                                    },
+                                                },
+                                                icon_name: "filled-lock",
+                                                id: "Oy1HFOj47h",
+                                                margin: {
+                                                    bottom: 0,
+                                                    leading: 0,
+                                                    top: 0,
+                                                    trailing: 0,
+                                                },
+                                                name: "Icon",
+                                                overrides: [
+                                                    {
+                                                        conditions: [
+                                                            {
+                                                                type: "selected",
+                                                            },
+                                                        ],
+                                                        properties: {
+                                                            icon_background: {
+                                                                color: {
+                                                                    light: {
+                                                                        type: "hex",
+                                                                        value: "#00ff00ff",
+                                                                    },
+                                                                },
+                                                                shape: {
+                                                                    type: "circle",
+                                                                },
+                                                            },
+                                                        },
+                                                    },
+                                                ],
+                                                padding: {
+                                                    bottom: 8,
+                                                    leading: 8,
+                                                    top: 8,
+                                                    trailing: 8,
+                                                },
+                                                size: {
+                                                    height: {
+                                                        type: "fixed",
+                                                        value: 32,
+                                                    },
+                                                    width: {
+                                                        type: "fixed",
+                                                        value: 32,
+                                                    },
+                                                },
+                                                type: "icon",
+                                            },
+                                            id: "E34pwddCjw",
+                                            name: "First item",
+                                            overrides: [
+                                                {
+                                                    conditions: [
+                                                        {
+                                                            type: "selected",
+                                                        },
+                                                    ],
+                                                    properties: {
+                                                        connector: {
+                                                            color: {
+                                                                light: {
+                                                                    type: "hex",
+                                                                    value: "#00ff00ff",
+                                                                },
+                                                            },
+                                                            margin: {
+                                                                bottom: 0,
+                                                                top: 0,
+                                                            },
+                                                            width: 8,
+                                                        },
+                                                    },
+                                                },
+                                            ],
+                                            title: {
+                                                background_color: null,
+                                                color: {
+                                                    light: {
+                                                        type: "hex",
+                                                        value: "#000000ff",
+                                                    },
+                                                },
+                                                font_name: null,
+                                                font_size: 14,
+                                                font_weight: "regular",
+                                                font_weight_int: 400,
+                                                horizontal_alignment: "leading",
+                                                id: "0zhkrO2iPg",
+                                                margin: {
+                                                    bottom: 0,
+                                                    leading: 0,
+                                                    top: 0,
+                                                    trailing: 0,
+                                                },
+                                                name: "Title",
+                                                overrides: [
+                                                    {
+                                                        conditions: [
+                                                            {
+                                                                type: "selected",
+                                                            },
+                                                        ],
+                                                        properties: {
+                                                            color: {
+                                                                light: {
+                                                                    type: "hex",
+                                                                    value: "#00ff00ff",
+                                                                },
+                                                            },
+                                                            text_lid: "acLl72hstT",
+                                                        },
+                                                    },
+                                                ],
+                                                padding: {
+                                                    bottom: 0,
+                                                    leading: 0,
+                                                    top: 0,
+                                                    trailing: 0,
+                                                },
+                                                size: {
+                                                    height: {
+                                                        type: "fit",
+                                                        value: null,
+                                                    },
+                                                    width: {
+                                                        type: "fit",
+                                                        value: null,
+                                                    },
+                                                },
+                                                text_lid: "L9SBKPm8In",
+                                                type: "text",
+                                            },
+                                            type: "timeline_item",
+                                        },
+                                    ],
+                                    margin: {
+                                        bottom: 0,
+                                        leading: 0,
+                                        top: 0,
+                                        trailing: 0,
+                                    },
+                                    name: "",
+                                    overrides: [
+                                        {
+                                            conditions: [
+                                                {
+                                                    type: "selected",
+                                                },
+                                            ],
+                                            properties: {
+                                                column_gutter: 16,
+                                                item_spacing: 16,
+                                                text_spacing: 16,
+                                            },
+                                        },
+                                    ],
+                                    padding: {
+                                        bottom: 0,
+                                        leading: 0,
+                                        top: 0,
+                                        trailing: 0,
+                                    },
+                                    size: {
+                                        height: {
+                                            type: "fit",
+                                            value: null,
+                                        },
+                                        width: {
+                                            type: "fit",
+                                            value: null,
+                                        },
+                                    },
+                                    text_spacing: 0,
+                                    type: "timeline",
+                                },
+                            ],
+                            dimension: {
+                                alignment: "center",
+                                distribution: "start",
+                                type: "vertical",
+                            },
+                            id: "7QJtosSJ01",
+                            margin: {
+                                bottom: 8,
+                                leading: 8,
+                                top: 8,
+                                trailing: 8,
+                            },
+                            name: "",
+                            overrides: [
+                                {
+                                    conditions: [
+                                        {
+                                            type: "selected",
+                                        },
+                                    ],
+                                    properties: {
+                                        border: {
+                                            color: {
+                                                light: {
+                                                    type: "hex",
+                                                    value: "#00ff00ff",
+                                                },
+                                            },
+                                            width: 1,
+                                        },
+                                    },
+                                },
+                            ],
+                            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: 8,
+                            type: "stack",
+                        },
+                        type: "package",
+                    },
+                ],
+                dimension: {
+                    alignment: "center",
+                    distribution: "start",
+                    type: "vertical",
+                },
+                id: "A7lO8My2AR",
+                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: 16,
+                type: "stack",
+            },
+            sticky_footer: null,
+        },
+    },
+};