@revenuecat/purchases-ui-js 0.0.11 → 0.0.13

package/dist/stories/fixtures.js

@@ -6852,6 +6852,1081 @@ export const pastaPaywallData = {
     template_name: "components",
     updated_at: "2024-11-13T15:23:34Z",
 };
+export const calmPaywallData = {
+    asset_base_url: "https://assets.pawwalls.com",
+    components_config: {
+        base: {
+            stack: {
+                background_color: {
+                    light: {
+                        type: "hex",
+                        value: "#ffffff",
+                    },
+                },
+                border: null,
+                components: [
+                    {
+                        components: [],
+                        corner_radiuses: {
+                            bottom_leading: 0,
+                            bottom_trailing: 0,
+                            top_leading: 0,
+                            top_trailing: 0,
+                        },
+                        fit_mode: "fill",
+                        gradientColors: null,
+                        id: "XVkNSbe7jp",
+                        mask_shape: {
+                            corners: {
+                                bottom_leading: 0,
+                                bottom_trailing: 0,
+                                top_leading: 0,
+                                top_trailing: 0,
+                            },
+                            type: "rectangle",
+                        },
+                        name: "Image",
+                        size: {
+                            height: {
+                                type: "fixed",
+                                value: 250,
+                            },
+                            width: {
+                                type: "fill",
+                                value: null,
+                            },
+                        },
+                        source: {
+                            light: {
+                                heic: "https://assets.pawwalls.com/1172568_1731100731.heic",
+                                heic_low_res: "https://assets.pawwalls.com/1172568_low_res_1731100731.heic",
+                                original: "https://assets.pawwalls.com/1172568_1731100731.png",
+                                webp: "https://assets.pawwalls.com/1172568_1731100731.webp",
+                                webp_low_res: "https://assets.pawwalls.com/1172568_low_res_1731100731.webp",
+                            },
+                        },
+                        type: "image",
+                    },
+                    {
+                        background_color: null,
+                        border: null,
+                        components: [
+                            {
+                                components: [],
+                                corner_radiuses: {
+                                    bottom_leading: 0,
+                                    bottom_trailing: 0,
+                                    top_leading: 0,
+                                    top_trailing: 0,
+                                },
+                                fit_mode: "fit",
+                                gradientColors: null,
+                                id: "Ij4DR2LO-d",
+                                mask_shape: {
+                                    corners: {
+                                        bottom_leading: 0,
+                                        bottom_trailing: 0,
+                                        top_leading: 0,
+                                        top_trailing: 0,
+                                    },
+                                    type: "rectangle",
+                                },
+                                name: "Image",
+                                size: {
+                                    height: {
+                                        type: "fixed",
+                                        value: 30,
+                                    },
+                                    width: {
+                                        type: "fit",
+                                        value: null,
+                                    },
+                                },
+                                source: {
+                                    light: {
+                                        heic: "https://assets.pawwalls.com/1172568_1731100812.heic",
+                                        heic_low_res: "https://assets.pawwalls.com/1172568_low_res_1731100812.heic",
+                                        original: "https://assets.pawwalls.com/1172568_1731100812.png",
+                                        webp: "https://assets.pawwalls.com/1172568_1731100812.webp",
+                                        webp_low_res: "https://assets.pawwalls.com/1172568_low_res_1731100812.webp",
+                                    },
+                                },
+                                type: "image",
+                            },
+                        ],
+                        dimension: {
+                            alignment: "leading",
+                            distribution: "start",
+                            type: "vertical",
+                        },
+                        id: "Ce1-Uem4wz",
+                        margin: {
+                            bottom: 0,
+                            leading: 16,
+                            top: 16,
+                            trailing: 16,
+                        },
+                        name: "Stack",
+                        padding: {
+                            bottom: 0,
+                            leading: 0,
+                            top: 0,
+                            trailing: 0,
+                        },
+                        shadow: null,
+                        shape: {
+                            corners: {
+                                bottom_leading: 8,
+                                bottom_trailing: 8,
+                                top_leading: 0,
+                                top_trailing: 0,
+                            },
+                            type: "rectangle",
+                        },
+                        size: {
+                            height: {
+                                type: "fit",
+                                value: null,
+                            },
+                            width: {
+                                type: "fit",
+                                value: null,
+                            },
+                        },
+                        spacing: 0,
+                        type: "stack",
+                    },
+                    {
+                        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: "GFduVJcIcd",
+                                        margin: {
+                                            bottom: 0,
+                                            leading: 0,
+                                            top: 0,
+                                            trailing: 0,
+                                        },
+                                        name: "Text",
+                                        padding: {
+                                            bottom: 0,
+                                            leading: 0,
+                                            top: 0,
+                                            trailing: 0,
+                                        },
+                                        size: {
+                                            height: {
+                                                type: "fit",
+                                                value: null,
+                                            },
+                                            width: {
+                                                type: "fit",
+                                                value: null,
+                                            },
+                                        },
+                                        text_lid: "5j-DWdd_u6",
+                                        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: "fYcbtbFaaw",
+                                        margin: {
+                                            bottom: 0,
+                                            leading: 0,
+                                            top: 0,
+                                            trailing: 0,
+                                        },
+                                        name: "Text",
+                                        padding: {
+                                            bottom: 0,
+                                            leading: 0,
+                                            top: 0,
+                                            trailing: 0,
+                                        },
+                                        size: {
+                                            height: {
+                                                type: "fit",
+                                                value: null,
+                                            },
+                                            width: {
+                                                type: "fit",
+                                                value: null,
+                                            },
+                                        },
+                                        text_lid: "XW5msu8Z5W",
+                                        type: "text",
+                                    },
+                                ],
+                                dimension: {
+                                    alignment: "center",
+                                    distribution: "start",
+                                    type: "horizontal",
+                                },
+                                id: "RYyKH7IRMu",
+                                margin: {
+                                    bottom: 0,
+                                    leading: 0,
+                                    top: 0,
+                                    trailing: 0,
+                                },
+                                name: "Stack",
+                                padding: {
+                                    bottom: 0,
+                                    leading: 0,
+                                    top: 0,
+                                    trailing: 0,
+                                },
+                                shadow: null,
+                                shape: {
+                                    corners: {
+                                        bottom_leading: 8,
+                                        bottom_trailing: 8,
+                                        top_leading: 0,
+                                        top_trailing: 0,
+                                    },
+                                    type: "rectangle",
+                                },
+                                size: {
+                                    height: {
+                                        type: "fit",
+                                        value: null,
+                                    },
+                                    width: {
+                                        type: "fill",
+                                        value: null,
+                                    },
+                                },
+                                spacing: 8,
+                                type: "stack",
+                            },
+                            {
+                                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: "tBlorRpt0P",
+                                        margin: {
+                                            bottom: 0,
+                                            leading: 0,
+                                            top: 0,
+                                            trailing: 0,
+                                        },
+                                        name: "Text",
+                                        padding: {
+                                            bottom: 0,
+                                            leading: 0,
+                                            top: 0,
+                                            trailing: 0,
+                                        },
+                                        size: {
+                                            height: {
+                                                type: "fit",
+                                                value: null,
+                                            },
+                                            width: {
+                                                type: "fill",
+                                                value: null,
+                                            },
+                                        },
+                                        text_lid: "HlBPAT8iEf",
+                                        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: "mUqDLHA7MV",
+                                        margin: {
+                                            bottom: 0,
+                                            leading: 0,
+                                            top: 0,
+                                            trailing: 0,
+                                        },
+                                        name: "Text",
+                                        padding: {
+                                            bottom: 0,
+                                            leading: 0,
+                                            top: 0,
+                                            trailing: 0,
+                                        },
+                                        size: {
+                                            height: {
+                                                type: "fit",
+                                                value: null,
+                                            },
+                                            width: {
+                                                type: "fill",
+                                                value: null,
+                                            },
+                                        },
+                                        text_lid: "Ai_jYcDPbx",
+                                        type: "text",
+                                    },
+                                ],
+                                dimension: {
+                                    alignment: "center",
+                                    distribution: "start",
+                                    type: "horizontal",
+                                },
+                                id: "e0B9rt-pzf",
+                                margin: {
+                                    bottom: 0,
+                                    leading: 0,
+                                    top: 0,
+                                    trailing: 0,
+                                },
+                                name: "Stack",
+                                padding: {
+                                    bottom: 0,
+                                    leading: 0,
+                                    top: 0,
+                                    trailing: 0,
+                                },
+                                shadow: null,
+                                shape: {
+                                    corners: {
+                                        bottom_leading: 8,
+                                        bottom_trailing: 8,
+                                        top_leading: 0,
+                                        top_trailing: 0,
+                                    },
+                                    type: "rectangle",
+                                },
+                                size: {
+                                    height: {
+                                        type: "fit",
+                                        value: null,
+                                    },
+                                    width: {
+                                        type: "fit",
+                                        value: null,
+                                    },
+                                },
+                                spacing: 8,
+                                type: "stack",
+                            },
+                            {
+                                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: "sFVssYjMMt",
+                                        margin: {
+                                            bottom: 0,
+                                            leading: 0,
+                                            top: 0,
+                                            trailing: 0,
+                                        },
+                                        name: "Text",
+                                        padding: {
+                                            bottom: 0,
+                                            leading: 0,
+                                            top: 0,
+                                            trailing: 0,
+                                        },
+                                        size: {
+                                            height: {
+                                                type: "fit",
+                                                value: null,
+                                            },
+                                            width: {
+                                                type: "fill",
+                                                value: null,
+                                            },
+                                        },
+                                        text_lid: "fqjbL3WO4S",
+                                        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: "iDwsHPIcEC",
+                                        margin: {
+                                            bottom: 0,
+                                            leading: 0,
+                                            top: 0,
+                                            trailing: 0,
+                                        },
+                                        name: "Text",
+                                        padding: {
+                                            bottom: 0,
+                                            leading: 0,
+                                            top: 0,
+                                            trailing: 0,
+                                        },
+                                        size: {
+                                            height: {
+                                                type: "fit",
+                                                value: null,
+                                            },
+                                            width: {
+                                                type: "fill",
+                                                value: null,
+                                            },
+                                        },
+                                        text_lid: "wUmW3cccab",
+                                        type: "text",
+                                    },
+                                ],
+                                dimension: {
+                                    alignment: "top",
+                                    distribution: "start",
+                                    type: "horizontal",
+                                },
+                                id: "oWoyNRkP1b",
+                                margin: {
+                                    bottom: 0,
+                                    leading: 0,
+                                    top: 0,
+                                    trailing: 0,
+                                },
+                                name: "Stack",
+                                padding: {
+                                    bottom: 0,
+                                    leading: 0,
+                                    top: 0,
+                                    trailing: 0,
+                                },
+                                shadow: null,
+                                shape: {
+                                    corners: {
+                                        bottom_leading: 8,
+                                        bottom_trailing: 8,
+                                        top_leading: 0,
+                                        top_trailing: 0,
+                                    },
+                                    type: "rectangle",
+                                },
+                                size: {
+                                    height: {
+                                        type: "fit",
+                                        value: null,
+                                    },
+                                    width: {
+                                        type: "fit",
+                                        value: null,
+                                    },
+                                },
+                                spacing: 8,
+                                type: "stack",
+                            },
+                            {
+                                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: "U1eUaWxAEN",
+                                        margin: {
+                                            bottom: 0,
+                                            leading: 0,
+                                            top: 0,
+                                            trailing: 0,
+                                        },
+                                        name: "Text",
+                                        padding: {
+                                            bottom: 0,
+                                            leading: 0,
+                                            top: 0,
+                                            trailing: 0,
+                                        },
+                                        size: {
+                                            height: {
+                                                type: "fit",
+                                                value: null,
+                                            },
+                                            width: {
+                                                type: "fill",
+                                                value: null,
+                                            },
+                                        },
+                                        text_lid: "9acxsSyyaD",
+                                        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: "KXMu_Q3YIK",
+                                        margin: {
+                                            bottom: 0,
+                                            leading: 0,
+                                            top: 0,
+                                            trailing: 0,
+                                        },
+                                        name: "Text",
+                                        padding: {
+                                            bottom: 0,
+                                            leading: 0,
+                                            top: 0,
+                                            trailing: 0,
+                                        },
+                                        size: {
+                                            height: {
+                                                type: "fit",
+                                                value: null,
+                                            },
+                                            width: {
+                                                type: "fill",
+                                                value: null,
+                                            },
+                                        },
+                                        text_lid: "3M4Wotw1Kn",
+                                        type: "text",
+                                    },
+                                ],
+                                dimension: {
+                                    alignment: "top",
+                                    distribution: "start",
+                                    type: "horizontal",
+                                },
+                                id: "UaLdFx3ECy",
+                                margin: {
+                                    bottom: 0,
+                                    leading: 0,
+                                    top: 0,
+                                    trailing: 0,
+                                },
+                                name: "Stack",
+                                padding: {
+                                    bottom: 0,
+                                    leading: 0,
+                                    top: 0,
+                                    trailing: 0,
+                                },
+                                shadow: null,
+                                shape: {
+                                    corners: {
+                                        bottom_leading: 8,
+                                        bottom_trailing: 8,
+                                        top_leading: 0,
+                                        top_trailing: 0,
+                                    },
+                                    type: "rectangle",
+                                },
+                                size: {
+                                    height: {
+                                        type: "fit",
+                                        value: null,
+                                    },
+                                    width: {
+                                        type: "fit",
+                                        value: null,
+                                    },
+                                },
+                                spacing: 8,
+                                type: "stack",
+                            },
+                            {
+                                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: "NSuxwhkmzY",
+                                        margin: {
+                                            bottom: 0,
+                                            leading: 0,
+                                            top: 0,
+                                            trailing: 0,
+                                        },
+                                        name: "Text",
+                                        padding: {
+                                            bottom: 0,
+                                            leading: 0,
+                                            top: 0,
+                                            trailing: 0,
+                                        },
+                                        size: {
+                                            height: {
+                                                type: "fit",
+                                                value: null,
+                                            },
+                                            width: {
+                                                type: "fill",
+                                                value: null,
+                                            },
+                                        },
+                                        text_lid: "Nl0BUEFrzB",
+                                        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: "nzEg9S5AdS",
+                                        margin: {
+                                            bottom: 0,
+                                            leading: 0,
+                                            top: 0,
+                                            trailing: 0,
+                                        },
+                                        name: "Text",
+                                        padding: {
+                                            bottom: 0,
+                                            leading: 0,
+                                            top: 0,
+                                            trailing: 0,
+                                        },
+                                        size: {
+                                            height: {
+                                                type: "fit",
+                                                value: null,
+                                            },
+                                            width: {
+                                                type: "fill",
+                                                value: null,
+                                            },
+                                        },
+                                        text_lid: "W5f8L5MMiM",
+                                        type: "text",
+                                    },
+                                ],
+                                dimension: {
+                                    alignment: "top",
+                                    distribution: "start",
+                                    type: "horizontal",
+                                },
+                                id: "fw9pBc0dIn",
+                                margin: {
+                                    bottom: 0,
+                                    leading: 0,
+                                    top: 0,
+                                    trailing: 0,
+                                },
+                                name: "Stack",
+                                padding: {
+                                    bottom: 0,
+                                    leading: 0,
+                                    top: 0,
+                                    trailing: 0,
+                                },
+                                shadow: null,
+                                shape: {
+                                    corners: {
+                                        bottom_leading: 8,
+                                        bottom_trailing: 8,
+                                        top_leading: 0,
+                                        top_trailing: 0,
+                                    },
+                                    type: "rectangle",
+                                },
+                                size: {
+                                    height: {
+                                        type: "fit",
+                                        value: null,
+                                    },
+                                    width: {
+                                        type: "fit",
+                                        value: null,
+                                    },
+                                },
+                                spacing: 8,
+                                type: "stack",
+                            },
+                        ],
+                        dimension: {
+                            alignment: "leading",
+                            distribution: "start",
+                            type: "vertical",
+                        },
+                        id: "99l0sHx6t_",
+                        margin: {
+                            bottom: 16,
+                            leading: 16,
+                            top: 16,
+                            trailing: 16,
+                        },
+                        name: "Stack",
+                        padding: {
+                            bottom: 0,
+                            leading: 0,
+                            top: 0,
+                            trailing: 0,
+                        },
+                        shadow: null,
+                        shape: {
+                            corners: {
+                                bottom_leading: 8,
+                                bottom_trailing: 8,
+                                top_leading: 0,
+                                top_trailing: 0,
+                            },
+                            type: "rectangle",
+                        },
+                        size: {
+                            height: {
+                                type: "fit",
+                                value: null,
+                            },
+                            width: {
+                                type: "fill",
+                                value: null,
+                            },
+                        },
+                        spacing: 8,
+                        type: "stack",
+                    },
+                    {
+                        background_color: null,
+                        color: {
+                            light: {
+                                type: "hex",
+                                value: "#000000",
+                            },
+                        },
+                        components: [],
+                        font_name: null,
+                        font_size: "body_m",
+                        font_weight: "bold",
+                        horizontal_alignment: "leading",
+                        id: "PxEGRoQ2HK",
+                        margin: {
+                            bottom: 0,
+                            leading: 16,
+                            top: 0,
+                            trailing: 16,
+                        },
+                        name: "Text",
+                        padding: {
+                            bottom: 0,
+                            leading: 0,
+                            top: 0,
+                            trailing: 0,
+                        },
+                        size: {
+                            height: {
+                                type: "fit",
+                                value: null,
+                            },
+                            width: {
+                                type: "fill",
+                                value: null,
+                            },
+                        },
+                        text_lid: "wQSAbBd9__",
+                        type: "text",
+                    },
+                    {
+                        background_color: null,
+                        color: {
+                            light: {
+                                type: "hex",
+                                value: "#000000",
+                            },
+                        },
+                        components: [],
+                        font_name: null,
+                        font_size: "body_m",
+                        font_weight: "bold",
+                        horizontal_alignment: "leading",
+                        id: "EM4t2O4lVB",
+                        margin: {
+                            bottom: 0,
+                            leading: 16,
+                            top: 0,
+                            trailing: 16,
+                        },
+                        name: "Text",
+                        padding: {
+                            bottom: 0,
+                            leading: 0,
+                            top: 0,
+                            trailing: 0,
+                        },
+                        size: {
+                            height: {
+                                type: "fit",
+                                value: null,
+                            },
+                            width: {
+                                type: "fill",
+                                value: null,
+                            },
+                        },
+                        text_lid: "ZfZniMTSdh",
+                        type: "text",
+                    },
+                    {
+                        id: "jxdtkEMLYm",
+                        is_selected_by_default: true,
+                        name: "Package",
+                        package_id: "$rc_annual",
+                        stack: {
+                            background_color: {
+                                light: {
+                                    type: "hex",
+                                    value: "#359ae6",
+                                },
+                            },
+                            border: null,
+                            components: [
+                                {
+                                    background_color: null,
+                                    color: {
+                                        light: {
+                                            type: "hex",
+                                            value: "#FFFFFF",
+                                        },
+                                    },
+                                    components: [],
+                                    font_name: null,
+                                    font_size: "body_m",
+                                    font_weight: "regular",
+                                    horizontal_alignment: "center",
+                                    id: "pyvaVIJ_cw",
+                                    margin: {
+                                        bottom: 0,
+                                        leading: 0,
+                                        top: 0,
+                                        trailing: 0,
+                                    },
+                                    name: "Text",
+                                    padding: {
+                                        bottom: 12,
+                                        leading: 12,
+                                        top: 12,
+                                        trailing: 12,
+                                    },
+                                    size: {
+                                        height: {
+                                            type: "fit",
+                                            value: null,
+                                        },
+                                        width: {
+                                            type: "fill",
+                                            value: null,
+                                        },
+                                    },
+                                    text_lid: "GsoY7NaBgn",
+                                    type: "text",
+                                },
+                            ],
+                            dimension: {
+                                alignment: "center",
+                                distribution: "space_between",
+                                type: "vertical",
+                            },
+                            id: "oEFkQaHR96",
+                            margin: {
+                                bottom: 16,
+                                leading: 16,
+                                top: 16,
+                                trailing: 16,
+                            },
+                            name: "Stack",
+                            padding: {
+                                bottom: 0,
+                                leading: 0,
+                                top: 0,
+                                trailing: 0,
+                            },
+                            shadow: null,
+                            shape: {
+                                corners: null,
+                                type: "pill",
+                            },
+                            size: {
+                                height: {
+                                    type: "fit",
+                                    value: null,
+                                },
+                                width: {
+                                    type: "fill",
+                                    value: null,
+                                },
+                            },
+                            spacing: 0,
+                            type: "stack",
+                        },
+                        type: "package",
+                    },
+                ],
+                dimension: {
+                    alignment: "leading",
+                    distribution: "start",
+                    type: "vertical",
+                },
+                id: "I7maMEkpJC",
+                margin: {
+                    bottom: 0,
+                    leading: 0,
+                    top: 0,
+                    trailing: 0,
+                },
+                name: "Root Paywall",
+                padding: {
+                    bottom: 0,
+                    leading: 0,
+                    top: 0,
+                    trailing: 0,
+                },
+                shadow: null,
+                shape: {
+                    corners: {
+                        bottom_leading: 8,
+                        bottom_trailing: 8,
+                        top_leading: 0,
+                        top_trailing: 0,
+                    },
+                    type: "rectangle",
+                },
+                size: {
+                    height: {
+                        type: "fit",
+                        value: null,
+                    },
+                    width: {
+                        type: "fill",
+                        value: null,
+                    },
+                },
+                spacing: 20,
+                type: "stack",
+            },
+        },
+    },
+    components_localizations: {
+        en_US: {
+            "3M4Wotw1Kn": "Entire library of Sleep Stories, with new stories added every week",
+            "5j-DWdd_u6": "✅",
+            "9acxsSyyaD": "✅",
+            Ai_jYcDPbx: "An original Daily Calm every day",
+            GsoY7NaBgn: "Try Free & Subscribe",
+            HlBPAT8iEf: "✅",
+            Nl0BUEFrzB: "✅",
+            W5f8L5MMiM: "Life-changing Calm Masterclasses taught by world-renowned experts",
+            XW5msu8Z5W: "7 Day Free Trial",
+            ZfZniMTSdh: "Cancel anytime.",
+            fqjbL3WO4S: "✅",
+            oxbTEn1E3a: "Try Free & Subscribe",
+            wQSAbBd9__: "Try 7 days free, then $69.99/year.",
+            wUmW3cccab: "100+ guided meditations on anxiety, stress, sleep and more",
+        },
+    },
+    config: {},
+    created_at: "2024-11-08T21:36:50Z",
+    default_locale: "en_US",
+    localized_strings: {
+        en_US: {},
+    },
+    localized_strings_by_tier: {},
+    offering_id: "ofrngae6ecdad78",
+    revision: 9,
+    template_name: "components",
+    updated_at: "2024-11-12T03:13:05Z",
+};
 export const labelsData = {
     en_US: {
         id1: "Item 1",