@developer_tribe/react-builder 1.0.4 → 1.0.5

package/src/assets/samples/vpn-onboard-5.json

@@ -1,13 +1,19 @@
 {
   "name": "vpn-onboard-5 (legacy)",
-  "version": "0.0.0",
-  "type": "nova",
+  "version": "1.0.0",
+  "type": "onboard",
   "appConfig": {
     "theme": "light",
     "isRtl": false,
     "screenStyle": {
-      "light": { "backgroundColor": "#FDFDFD", "color": "#161827" },
-      "dark": { "backgroundColor": "#12131A", "color": "#E9EBF9" }
+      "light": {
+        "backgroundColor": "#FDFDFD",
+        "color": "#161827"
+      },
+      "dark": {
+        "backgroundColor": "#12131A",
+        "color": "#E9EBF9"
+      }
     },
     "localication": {
       "en": {
@@ -70,955 +76,464 @@
     "defaultLanguage": "en"
   },
   "data": {
-    "name": "app_onboard",
-    "key": "app_onboard",
-    "theme": "all",
-    "order": 2,
-    "data": {
-      "layout": "onboard-layout",
-      "key": "cJVVSS7q9Qe1trnb",
-      "attributes": {
-        "general_components": [
+    "type": "Main",
+    "isMain": true,
+    "key": "cJVVSS7q9Qe1trnb",
+    "attributes": {
+      "useSafeAreaView": true
+    },
+    "children": [
+      {
+        "type": "OnboardProvider",
+    "children": [
+      {
+        "type": "Onboard",
+        "children": [
+          {
+            "type": "OnboardItem",
+            "key": "app_onboard-page1",
+            "children": [
+              {
+                "type": "OnboardImage",
+                "attributes": {
+                  "src": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/d237d6cde8bc9126cee7b47e30cd19f0.png",
+                  "height": 400,
+                  "resizeMode": "contain",
+                  "lottie": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/lottie/0be045f9fe44c790a4525a1a6bc4b837.json"
+                }
+              },
+              {
+                "type": "OnboardTitle",
+                "attributes": {
+                  "color": "#080A17"
+                },
+                "children": "onboard.title.one-page"
+              },
+              {
+                "type": "OnboardSubtitle",
+                "attributes": {
+                  "color": "#272737"
+                },
+                "children": "onboard.subtitle.one-page"
+              }
+            ]
+          },
+          {
+            "type": "OnboardItem",
+            "key": "app_onboard-page2",
+            "children": [
+              {
+                "type": "OnboardImage",
+                "attributes": {
+                  "src": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/820dc32b8252555058e7014a7fd1652f.png",
+                  "height": 400,
+                  "resizeMode": "contain",
+                  "video_url": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/video/440346112d02e65be3767c39b96cd7c0.mp4"
+                }
+              },
+              {
+                "type": "OnboardTitle",
+                "attributes": {
+                  "color": "#080A17"
+                },
+                "children": "onboard.title.two-page"
+              },
+              {
+                "type": "OnboardSubtitle",
+                "attributes": {
+                  "color": "#272737"
+                },
+                "children": "onboard.subtitle.two-page"
+              }
+            ]
+          },
+          {
+            "type": "OnboardItem",
+            "key": "app_onboard-page3",
+            "children": [
+              {
+                "type": "OnboardImage",
+                "attributes": {
+                  "src": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/fbb8677cd23cba79eef0ebef181e3b57.png",
+                  "height": 400,
+                  "resizeMode": "contain"
+                }
+              },
+              {
+                "type": "OnboardTitle",
+                "attributes": {
+                  "color": "#080A17"
+                },
+                "children": "onboard.title.three-page"
+              },
+              {
+                "type": "OnboardSubtitle",
+                "attributes": {
+                  "color": "#272737"
+                },
+                "children": "onboard.subtitle.three-page"
+              }
+            ]
+          },
           {
-            "layout": "dots-layout",
-            "key": "cdNahru8m9BDyVr9",
+            "type": "OnboardItem",
+            "key": "app_onboard-page4",
+            "children": [
+              {
+                "type": "OnboardImage",
+                "attributes": {
+                  "src": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/18cdd5cc478389df8ff362f95b7173ea.png",
+                  "height": 400,
+                  "resizeMode": "contain"
+                }
+              },
+              {
+                "type": "OnboardTitle",
+                "attributes": {
+                  "color": "#080A17"
+                },
+                "children": "onboard.title.five-page"
+              },
+              {
+                "type": "OnboardSubtitle",
+                "attributes": {
+                  "color": "#272737"
+                },
+                "children": "onboard.subtitle.five-page"
+              }
+            ]
+          },
+          {
+            "type": "OnboardItem",
+            "key": "app_onboard-page6",
+            "children": [
+              {
+                "type": "OnboardImage",
+                "attributes": {
+                  "src": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/3c1225f83f5a5c934926fab3cb0e65d5.png",
+                  "height": 400,
+                  "resizeMode": "contain"
+                }
+              },
+              {
+                "type": "OnboardTitle",
+                "attributes": {
+                  "color": "#080A17"
+                },
+                "children": "onboard.title.six-page"
+              },
+              {
+                "type": "OnboardSubtitle",
+                "attributes": {
+                  "color": "#272737"
+                },
+                "children": "onboard.subtitle.six-page"
+              }
+            ]
+          },
+          {
+            "type": "OnboardItem",
+            "key": "app_onboard-page5",
+            "children": [
+              {
+                "type": "OnboardImage",
+                "attributes": {
+                  "src": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/ff07e162b2a63d38f07909e87848d46f.png",
+                  "height": 400,
+                  "resizeMode": "contain"
+                }
+              },
+              {
+                "type": "OnboardTitle",
+                "attributes": {
+                  "color": "#080A17"
+                },
+                "children": "onboard.title.four-page"
+              },
+              {
+                "type": "OnboardSubtitle",
+                "attributes": {
+                  "color": "#272737"
+                },
+                "children": "onboard.subtitle.four-page"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "type": "OnboardDot",
+        "attributes": {
+          "dotType": "expanding_dot",
+          "expanding_dot_width": 20
+        }
+      },
+      {
+        "type": "OnboardButtons",
+        "attributes": {
+          "buttons_direction": "row",
+          "condition": "carousel-index",
+          "conditionVariable": 0
+        },
+        "children": [
+          {
+            "type": "OnboardButton",
             "attributes": {
-              "position": "before_buttons",
-              "dots_type": null,
-              "dot": [
+              "labelKey": "onboard.skip.one-page",
+              "button_text_color": "#0450E2",
+              "button_background_color": "#E9EBF9",
+              "flex": 1,
+              "events": [
                 {
-                  "layout": "expanding_dot",
-                  "key": "ctWoX6jkgKy1nNGQ",
-                  "attributes": {
-                    "inactive_dot_opacity": null,
-                    "expanding_dot_width": "20",
-                    "dot_style": null,
-                    "container_style": null,
-                    "active_dot_color": null
-                  }
+                  "type": "Navigate",
+                  "navigate_to": null,
+                  "targetIndex": 3
                 }
-              ],
-              "styles": []
+              ]
             }
           },
           {
-            "layout": "footer-layout",
-            "key": "cgOl0PVI66a51Xr3",
+            "type": "OnboardButton",
             "attributes": {
-              "texts": [
+              "labelKey": "onboard.next.one-page",
+              "button_text_color": "#ffffff",
+              "button_background_color": "#0450E2",
+              "flex": 1,
+              "events": [
                 {
-                  "layout": "Text",
-                  "key": "cAqUfPg1uA4PjtmV",
-                  "attributes": {
-                    "text_localization_key": "view.onboarding.footer.description",
-                    "text_color": "#A2A4B1",
-                    "width": null,
-                    "linkedwords": [
-                      {
-                        "layout": "LinkedWords",
-                        "key": "c0wJnbvQu8vLB0BJ",
-                        "attributes": {
-                          "linked_word_localization_key": "view.onboarding.btnPrivacy",
-                          "linked_word_color": "#0450E2",
-                          "page": "privacy"
-                        }
-                      },
-                      {
-                        "layout": "LinkedWords",
-                        "key": "cyoIya4E71u4OHWq",
-                        "attributes": {
-                          "linked_word_localization_key": "view.onboarding.btnTerms",
-                          "linked_word_color": "#0450E2",
-                          "page": "terms"
-                        }
-                      }
-                    ],
-                    "styles": []
-                  }
+                  "type": "Navigate",
+                  "navigate_to": null,
+                  "targetIndex": 1
                 }
               ]
             }
           }
-        ],
-        "data": [
+        ]
+      },
+      {
+        "type": "OnboardButtons",
+        "attributes": {
+          "buttons_direction": "row",
+          "condition": "carousel-index",
+          "conditionVariable": 1
+        },
+        "children": [
           {
-            "layout": "simple-onboard-layout",
-            "key": "cQcJZFJji41pTo1Q",
+            "type": "OnboardButton",
             "attributes": {
-              "key": "app_onboard-page1",
-              "components": [
-                {
-                  "layout": "image-layout",
-                  "key": "cXoQJuJ7cxH4s64I",
-                  "attributes": {
-                    "is_bg_image?": false,
-                    "styles": [
-                      {
-                        "layout": "style-layout",
-                        "key": "c8qXZHfKYcivItNT",
-                        "attributes": {
-                          "styles": [
-                            {
-                              "layout": "Styles",
-                              "key": "ckUXExyauqNBUAwB",
-                              "attributes": {
-                                "type": "containerStyle",
-                                "style": {
-                                  "marginTop": 40
-                                }
-                              }
-                            }
-                          ]
-                        }
-                      }
-                    ],
-                    "is_bg_image": false,
-                    "height": "400",
-                    "android_height": "400",
-                    "ios_height": "400",
-                    "lottie": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/lottie/0be045f9fe44c790a4525a1a6bc4b837.json",
-                    "image": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/d237d6cde8bc9126cee7b47e30cd19f0.png"
-                  }
-                },
+              "labelKey": "onboard.skip.two-page",
+              "button_text_color": "#0450E2",
+              "button_background_color": "#E9EBF9",
+              "flex": 1,
+              "events": [
                 {
-                  "layout": "title-layout",
-                  "key": "cDhqeMQJnHwrKDWx",
-                  "attributes": {
-                    "title_localization_key": "onboard.title.one-page",
-                    "title_color": "#080A17",
-                    "coloredwords": [],
-                    "styles": [],
-                    "number_of_lines": "2",
-                    "adaptive_font_size": false
-                  }
-                },
-                {
-                  "layout": "subtitle-layout",
-                  "key": "cNXYD8CPZaJoOKjR",
-                  "attributes": {
-                    "subtitle_localization_key": "onboard.subtitle.one-page",
-                    "subtitle_color": "#272737",
-                    "subtitle_font": null,
-                    "styles": []
-                  }
-                },
-                {
-                  "layout": "Buttons",
-                  "key": "cWgBUJIek4XF9XfH",
-                  "attributes": {
-                    "buttons_direction": "row",
-                    "buttons": [
-                      {
-                        "layout": "skip-button-layout",
-                        "key": "cG54WG2pH8LVehkt",
-                        "attributes": {
-                          "button_text_localization_key": "onboard.skip.one-page",
-                          "button_text_color": "#0450E2",
-                          "is_transparant_bg": false,
-                          "button_background_color": "#E9EBF9",
-                          "actions": [
-                            {
-                              "layout": "action-layout",
-                              "key": "cxo62SYr15CFXzWj",
-                              "attributes": {
-                                "events": [
-                                  {
-                                    "layout": "Navigate",
-                                    "key": "cLhVLu0pR5E3OuHk",
-                                    "attributes": {
-                                      "next_page_key": "app_onboard-page4",
-                                      "i̇f_allowed_this_permissions": null,
-                                      "i̇f_not_allowed_this_permissions": null,
-                                      "if_allowed_this_permissions": null,
-                                      "if_not_allowed_this_permissions": null,
-                                      "navigate_backward": null,
-                                      "close_button_delay": null
-                                    }
-                                  }
-                                ]
-                              }
-                            }
-                          ],
-                          "styles": [],
-                          "width": "50",
-                          "flex": "1",
-                          "animation": null,
-                          "animation_color": null
-                        }
-                      },
-                      {
-                        "layout": "button-layout",
-                        "key": "c8r6biKAKhGKBZXn",
-                        "attributes": {
-                          "show_text": true,
-                          "button_text_localization_key": "onboard.next.one-page",
-                          "is_passive_button": false,
-                          "width": "50",
-                          "show_icon": false,
-                          "icons": [],
-                          "actions": [
-                            {
-                              "layout": "action-layout",
-                              "key": "c7fcavpy1HpWKAHU",
-                              "attributes": {
-                                "events": [
-                                  {
-                                    "layout": "Navigate",
-                                    "key": "cEgzPBOiNNrbshp5",
-                                    "attributes": {
-                                      "next_page_key": "app_onboard-page2",
-                                      "i̇f_allowed_this_permissions": null,
-                                      "i̇f_not_allowed_this_permissions": null,
-                                      "if_allowed_this_permissions": null,
-                                      "if_not_allowed_this_permissions": null,
-                                      "navigate_backward": null,
-                                      "close_button_delay": null
-                                    }
-                                  }
-                                ]
-                              }
-                            }
-                          ],
-                          "styles": [],
-                          "flex": "1",
-                          "button_text_color": "#ffffff",
-                          "button_background_color": "#0450E2",
-                          "animation": null,
-                          "animation_color": null
-                        }
-                      }
-                    ]
-                  }
+                  "type": "Navigate",
+                  "navigate_to": null,
+                  "targetIndex": 3
                 }
-              ],
-              "min_android_version": null
+              ]
             }
           },
           {
-            "layout": "simple-onboard-layout",
-            "key": "crIFXHKvOoOdLFbc",
+            "type": "OnboardButton",
             "attributes": {
-              "key": "app_onboard-page2",
-              "components": [
-                {
-                  "layout": "image-layout",
-                  "key": "crGN7ZD9Al0KDbyO",
-                  "attributes": {
-                    "is_bg_image?": false,
-                    "styles": [
-                      {
-                        "layout": "style-layout",
-                        "key": "cw0P5mczWuONhEbg",
-                        "attributes": {
-                          "styles": [
-                            {
-                              "layout": "Styles",
-                              "key": "cHzPzMduoxMt2IY1",
-                              "attributes": {
-                                "type": "containerStyle",
-                                "style": {
-                                  "marginTop": 40
-                                }
-                              }
-                            }
-                          ]
-                        }
-                      }
-                    ],
-                    "is_bg_image": false,
-                    "height": "400",
-                    "android_height": "400",
-                    "ios_height": "400",
-                    "image": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/820dc32b8252555058e7014a7fd1652f.png",
-                    "video_url": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/video/440346112d02e65be3767c39b96cd7c0.mp4"
-                  }
-                },
-                {
-                  "layout": "title-layout",
-                  "key": "cSlHcp6WVRGdj233",
-                  "attributes": {
-                    "title_localization_key": "onboard.title.two-page",
-                    "title_color": "#080A17",
-                    "coloredwords": [],
-                    "styles": [],
-                    "number_of_lines": "2",
-                    "adaptive_font_size": false
-                  }
-                },
-                {
-                  "layout": "subtitle-layout",
-                  "key": "ciJuUH1g7kHrcZDq",
-                  "attributes": {
-                    "subtitle_localization_key": "onboard.subtitle.two-page",
-                    "subtitle_color": "#272737",
-                    "subtitle_font": null,
-                    "styles": []
-                  }
-                },
+              "labelKey": "onboard.next.two-page",
+              "button_text_color": "#ffffff",
+              "button_background_color": "#0450E2",
+              "flex": 1,
+              "events": [
                 {
-                  "layout": "Buttons",
-                  "key": "cSDr8RbSvsWaHgVS",
-                  "attributes": {
-                    "buttons_direction": "row",
-                    "buttons": [
-                      {
-                        "layout": "skip-button-layout",
-                        "key": "cl9p09wdxNez5TmI",
-                        "attributes": {
-                          "button_text_localization_key": "onboard.skip.two-page",
-                          "button_text_color": "#0450E2",
-                          "is_transparant_bg": false,
-                          "button_background_color": "#E9EBF9",
-                          "actions": [
-                            {
-                              "layout": "action-layout",
-                              "key": "cOARcdUyemgWucuS",
-                              "attributes": {
-                                "events": [
-                                  {
-                                    "layout": "Navigate",
-                                    "key": "cdF9gJjTW63M4S3c",
-                                    "attributes": {
-                                      "next_page_key": "app_onboard-page4",
-                                      "i̇f_allowed_this_permissions": null,
-                                      "i̇f_not_allowed_this_permissions": null,
-                                      "if_allowed_this_permissions": null,
-                                      "if_not_allowed_this_permissions": null,
-                                      "navigate_backward": null,
-                                      "close_button_delay": null
-                                    }
-                                  }
-                                ]
-                              }
-                            }
-                          ],
-                          "styles": [],
-                          "width": "50",
-                          "flex": "1",
-                          "animation": null,
-                          "animation_color": null
-                        }
-                      },
-                      {
-                        "layout": "button-layout",
-                        "key": "cC9C4xf7Kwnryduw",
-                        "attributes": {
-                          "show_text": true,
-                          "button_text_localization_key": "onboard.next.two-page",
-                          "is_passive_button": false,
-                          "width": "50",
-                          "show_icon": false,
-                          "icons": [],
-                          "actions": [
-                            {
-                              "layout": "action-layout",
-                              "key": "cO0ZNlY08Wa33OUp",
-                              "attributes": {
-                                "events": [
-                                  {
-                                    "layout": "Navigate",
-                                    "key": "cOwrXBiSMDOXAARa",
-                                    "attributes": {
-                                      "next_page_key": "app_onboard-page3",
-                                      "i̇f_allowed_this_permissions": null,
-                                      "i̇f_not_allowed_this_permissions": null,
-                                      "if_allowed_this_permissions": null,
-                                      "if_not_allowed_this_permissions": null,
-                                      "navigate_backward": null,
-                                      "close_button_delay": null
-                                    }
-                                  }
-                                ]
-                              }
-                            }
-                          ],
-                          "styles": [],
-                          "flex": "1",
-                          "button_text_color": "#ffffff",
-                          "button_background_color": "#0450E2",
-                          "animation": null,
-                          "animation_color": null
-                        }
-                      }
-                    ]
-                  }
+                  "type": "Navigate",
+                  "navigate_to": null,
+                  "targetIndex": 2
                 }
-              ],
-              "min_android_version": null
+              ]
             }
-          },
+          }
+        ]
+      },
+      {
+        "type": "OnboardButtons",
+        "attributes": {
+          "buttons_direction": "row",
+          "condition": "carousel-index",
+          "conditionVariable": 2
+        },
+        "children": [
           {
-            "layout": "simple-onboard-layout",
-            "key": "cRcBQOfcmficdPUY",
+            "type": "OnboardButton",
             "attributes": {
-              "key": "app_onboard-page3",
-              "components": [
-                {
-                  "layout": "image-layout",
-                  "key": "chWqWfotZ42DTHkU",
-                  "attributes": {
-                    "is_bg_image?": false,
-                    "styles": [
-                      {
-                        "layout": "style-layout",
-                        "key": "cOyhSl2d6xD4YBT8",
-                        "attributes": {
-                          "styles": [
-                            {
-                              "layout": "Styles",
-                              "key": "cStijuDpCE47LXF4",
-                              "attributes": {
-                                "type": "containerStyle",
-                                "style": {
-                                  "marginTop": 40
-                                }
-                              }
-                            }
-                          ]
-                        }
-                      }
-                    ],
-                    "is_bg_image": false,
-                    "height": "400",
-                    "android_height": "400",
-                    "ios_height": "400",
-                    "image": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/fbb8677cd23cba79eef0ebef181e3b57.png"
-                  }
-                },
-                {
-                  "layout": "title-layout",
-                  "key": "cc69aqukeCYi6zuO",
-                  "attributes": {
-                    "title_localization_key": "onboard.title.three-page",
-                    "title_color": "#080A17",
-                    "coloredwords": [],
-                    "styles": [],
-                    "number_of_lines": "2",
-                    "adaptive_font_size": false
-                  }
-                },
-                {
-                  "layout": "subtitle-layout",
-                  "key": "cNtG6fvLNACSZliB",
-                  "attributes": {
-                    "subtitle_localization_key": "onboard.subtitle.three-page",
-                    "subtitle_color": "#272737",
-                    "subtitle_font": null,
-                    "styles": []
-                  }
-                },
+              "labelKey": "onboard.skip.three-page",
+              "button_text_color": "#0450E2",
+              "button_background_color": "#E9EBF9",
+              "flex": 1,
+              "events": [
                 {
-                  "layout": "Buttons",
-                  "key": "cRNaL0iEMtwOMqVT",
-                  "attributes": {
-                    "buttons_direction": "row",
-                    "buttons": [
-                      {
-                        "layout": "skip-button-layout",
-                        "key": "ceQNn3ve4OdblaEm",
-                        "attributes": {
-                          "flex": "1",
-                          "button_text_localization_key": "onboard.skip.three-page",
-                          "button_text_color": "#0450E2",
-                          "is_transparant_bg": false,
-                          "button_background_color": "#E9EBF9",
-                          "actions": [
-                            {
-                              "layout": "action-layout",
-                              "key": "cM9lBEdgv8VzYR0t",
-                              "attributes": {
-                                "events": [
-                                  {
-                                    "layout": "Navigate",
-                                    "key": "cEt0vTfkypQWrkrx",
-                                    "attributes": {
-                                      "next_page_key": "app_onboard-page4",
-                                      "if_allowed_this_permissions": null,
-                                      "if_not_allowed_this_permissions": null,
-                                      "navigate_backward": null,
-                                      "close_button_delay": null
-                                    }
-                                  }
-                                ]
-                              }
-                            }
-                          ],
-                          "styles": [],
-                          "animation": null,
-                          "animation_color": null
-                        }
-                      },
-                      {
-                        "layout": "button-layout",
-                        "key": "cFjtaB6BOUV3Ip29",
-                        "attributes": {
-                          "show_text": true,
-                          "button_text_localization_key": "onboard.next.three-page",
-                          "is_passive_button": false,
-                          "width": "50",
-                          "show_icon": false,
-                          "icons": [],
-                          "actions": [
-                            {
-                              "layout": "action-layout",
-                              "key": "cuPFPKGosJNEU49L",
-                              "attributes": {
-                                "events": [
-                                  {
-                                    "layout": "Navigate",
-                                    "key": "c47aYuDXDJXnpdCF",
-                                    "attributes": {
-                                      "next_page_key": "app_onboard-page4",
-                                      "if_allowed_this_permissions": null,
-                                      "if_not_allowed_this_permissions": null,
-                                      "navigate_backward": null,
-                                      "close_button_delay": null
-                                    }
-                                  }
-                                ]
-                              }
-                            }
-                          ],
-                          "styles": [],
-                          "flex": "1",
-                          "button_text_color": "#ffffff",
-                          "button_background_color": "#0450E2",
-                          "animation": null,
-                          "animation_color": null
-                        }
-                      }
-                    ]
-                  }
+                  "type": "Navigate",
+                  "navigate_to": null,
+                  "targetIndex": 3
                 }
-              ],
-              "min_android_version": null
+              ]
             }
           },
           {
-            "layout": "simple-onboard-layout",
-            "key": "cvF8znA2sZJvJKV5",
+            "type": "OnboardButton",
             "attributes": {
-              "key": "app_onboard-page4",
-              "components": [
-                {
-                  "layout": "image-layout",
-                  "key": "cmw7qmHSA52Mttez",
-                  "attributes": {
-                    "is_bg_image?": false,
-                    "styles": [
-                      {
-                        "layout": "style-layout",
-                        "key": "cDnXLpY6QmMXPGhT",
-                        "attributes": {
-                          "styles": [
-                            {
-                              "layout": "Styles",
-                              "key": "cVzDRXhfx5P3NQKQ",
-                              "attributes": {
-                                "type": "containerStyle",
-                                "style": {
-                                  "marginTop": 40
-                                }
-                              }
-                            }
-                          ]
-                        }
-                      }
-                    ],
-                    "is_bg_image": false,
-                    "height": "400",
-                    "android_height": "400",
-                    "ios_height": "400",
-                    "image": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/18cdd5cc478389df8ff362f95b7173ea.png"
-                  }
-                },
-                {
-                  "layout": "title-layout",
-                  "key": "cMW4PNcuTdZKSngn",
-                  "attributes": {
-                    "title_localization_key": "onboard.title.five-page",
-                    "title_color": "#080A17",
-                    "coloredwords": [],
-                    "styles": [],
-                    "number_of_lines": "2",
-                    "adaptive_font_size": false
-                  }
-                },
+              "labelKey": "onboard.next.three-page",
+              "button_text_color": "#ffffff",
+              "button_background_color": "#0450E2",
+              "flex": 1,
+              "events": [
                 {
-                  "layout": "subtitle-layout",
-                  "key": "ccpicN327gsRyFJp",
-                  "attributes": {
-                    "subtitle_localization_key": "onboard.subtitle.five-page",
-                    "subtitle_color": "#272737",
-                    "subtitle_font": null,
-                    "styles": []
-                  }
-                },
+                  "type": "Navigate",
+                  "navigate_to": null,
+                  "targetIndex": 3
+                }
+              ]
+            }
+          }
+        ]
+      },
+      {
+        "type": "OnboardButtons",
+        "attributes": {
+          "buttons_direction": "row",
+          "condition": "carousel-index",
+          "conditionVariable": 3
+        },
+        "children": [
+          {
+            "type": "OnboardButton",
+            "attributes": {
+              "labelKey": "onboard.skip.five-page",
+              "button_text_color": "#0450E2",
+              "button_background_color": "#E9EBF9",
+              "flex": 1,
+              "events": [
                 {
-                  "layout": "Buttons",
-                  "key": "cdm2DIT7kD4SvwxW",
-                  "attributes": {
-                    "buttons_direction": "row",
-                    "buttons": [
-                      {
-                        "layout": "skip-button-layout",
-                        "key": "cDDu4EvIPgtDFSOe",
-                        "attributes": {
-                          "flex": "1",
-                          "button_text_localization_key": "onboard.skip.five-page",
-                          "button_text_color": "#0450E2",
-                          "is_transparant_bg": false,
-                          "button_background_color": "#E9EBF9",
-                          "actions": [
-                            {
-                              "layout": "action-layout",
-                              "key": "ciNwcrOQRS8rUQWX",
-                              "attributes": {
-                                "events": [
-                                  {
-                                    "layout": "Navigate",
-                                    "key": "ceoJdn5Vi8VlKwGB",
-                                    "attributes": {
-                                      "next_page_key": "app_onboard-page6",
-                                      "if_allowed_this_permissions": null,
-                                      "if_not_allowed_this_permissions": null,
-                                      "navigate_backward": null,
-                                      "close_button_delay": null
-                                    }
-                                  }
-                                ]
-                              }
-                            }
-                          ],
-                          "styles": [],
-                          "animation": null,
-                          "animation_color": null
-                        }
-                      },
-                      {
-                        "layout": "button-layout",
-                        "key": "cvNQ3BzQKrtWrLaK",
-                        "attributes": {
-                          "show_text": true,
-                          "button_text_localization_key": "onboard.next.five-page",
-                          "is_passive_button": false,
-                          "flex": "1",
-                          "button_text_color": "#ffffff",
-                          "button_background_color": "#0450E2",
-                          "show_icon": false,
-                          "icons": [],
-                          "actions": [
-                            {
-                              "layout": "action-layout",
-                              "key": "cixURShcsDonDzuS",
-                              "attributes": {
-                                "events": [
-                                  {
-                                    "layout": "Permission",
-                                    "key": "cYiDsu5eOu4VHjTb",
-                                    "attributes": {
-                                      "permission": "GDPR"
-                                    }
-                                  },
-                                  {
-                                    "layout": "Navigate",
-                                    "key": "c424DHuSbxJtA4m8",
-                                    "attributes": {
-                                      "next_page_key": "app_onboard-page6",
-                                      "if_allowed_this_permissions": null,
-                                      "if_not_allowed_this_permissions": null,
-                                      "navigate_backward": null,
-                                      "close_button_delay": null
-                                    }
-                                  }
-                                ]
-                              }
-                            }
-                          ],
-                          "styles": [],
-                          "animation": null,
-                          "animation_color": null
-                        }
-                      }
-                    ]
-                  }
+                  "type": "Navigate",
+                  "navigate_to": null,
+                  "targetIndex": 4
                 }
-              ],
-              "min_android_version": null
+              ]
             }
           },
           {
-            "layout": "simple-onboard-layout",
-            "key": "cULySX5qq2hxSO5N",
+            "type": "OnboardButton",
             "attributes": {
-              "key": "app_onboard-page6",
-              "min_android_version": "12",
-              "components": [
+              "labelKey": "onboard.next.five-page",
+              "button_text_color": "#ffffff",
+              "button_background_color": "#0450E2",
+              "flex": 1,
+              "events": [
                 {
-                  "layout": "image-layout",
-                  "key": "cZCzg1jcXG2rXy1b",
-                  "attributes": {
-                    "is_bg_image": false,
-                    "height": "400",
-                    "android_height": "400",
-                    "ios_height": "400",
-                    "styles": [
-                      {
-                        "layout": "style-layout",
-                        "key": "ckoRsXLKpMCILG9F",
-                        "attributes": {
-                          "styles": [
-                            {
-                              "layout": "Styles",
-                              "key": "cHURGqbxNgt96chA",
-                              "attributes": {
-                                "type": "containerStyle",
-                                "style": {
-                                  "marginTop": 40
-                                }
-                              }
-                            }
-                          ]
-                        }
-                      }
-                    ],
-                    "image": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/3c1225f83f5a5c934926fab3cb0e65d5.png"
-                  }
+                  "type": "Permission",
+                  "permission": "GDPR"
                 },
                 {
-                  "layout": "title-layout",
-                  "key": "cO6wWotYOuJPLDbc",
-                  "attributes": {
-                    "title_localization_key": "onboard.title.six-page",
-                    "number_of_lines": "2",
-                    "adaptive_font_size": false,
-                    "title_color": "#080A17",
-                    "coloredwords": [],
-                    "styles": []
-                  }
-                },
-                {
-                  "layout": "subtitle-layout",
-                  "key": "cDIVj9rl0VIBxbI2",
-                  "attributes": {
-                    "subtitle_localization_key": "onboard.subtitle.six-page",
-                    "subtitle_color": "#272737",
-                    "subtitle_font": null,
-                    "styles": []
-                  }
-                },
+                  "type": "Navigate",
+                  "navigate_to": null,
+                  "targetIndex": 4
+                }
+              ]
+            }
+          }
+        ]
+      },
+      {
+        "type": "OnboardButtons",
+        "attributes": {
+          "buttons_direction": "row",
+          "condition": "carousel-index",
+          "conditionVariable": 4
+        },
+        "children": [
+          {
+            "type": "OnboardButton",
+            "attributes": {
+              "labelKey": "onboard.skip.five-page",
+              "button_text_color": "#0450E2",
+              "button_background_color": "#E9EBF9",
+              "flex": 1,
+              "events": [
                 {
-                  "layout": "Buttons",
-                  "key": "cxRVdgxRS50IFXeQ",
-                  "attributes": {
-                    "buttons_direction": "row",
-                    "buttons": [
-                      {
-                        "layout": "skip-button-layout",
-                        "key": "ckLBCEjo9LbNbgtq",
-                        "attributes": {
-                          "flex": "1",
-                          "button_text_localization_key": "onboard.skip.five-page",
-                          "button_text_color": "#0450E2",
-                          "is_transparant_bg": false,
-                          "button_background_color": "#E9EBF9",
-                          "actions": [
-                            {
-                              "layout": "action-layout",
-                              "key": "cXZQSRK1d7cHi73U",
-                              "attributes": {
-                                "events": [
-                                  {
-                                    "layout": "Navigate",
-                                    "key": "cINgrHJRYvVyheTR",
-                                    "attributes": {
-                                      "next_page_key": "app_onboard-page5",
-                                      "if_allowed_this_permissions": null,
-                                      "if_not_allowed_this_permissions": null,
-                                      "navigate_backward": null,
-                                      "close_button_delay": null
-                                    }
-                                  }
-                                ]
-                              }
-                            }
-                          ],
-                          "styles": [],
-                          "animation": null,
-                          "animation_color": null
-                        }
-                      },
-                      {
-                        "layout": "button-layout",
-                        "key": "chWb7guVX17iKROt",
-                        "attributes": {
-                          "show_text": true,
-                          "button_text_localization_key": "onboard.next.five-page",
-                          "is_passive_button": false,
-                          "flex": "1",
-                          "button_text_color": "#ffffff",
-                          "button_background_color": "#0450E2",
-                          "show_icon": false,
-                          "icons": [],
-                          "actions": [
-                            {
-                              "layout": "action-layout",
-                              "key": "cYIevROTAbCVnyyQ",
-                              "attributes": {
-                                "events": [
-                                  {
-                                    "layout": "Permission",
-                                    "key": "cm5mY6ECMFw1WyMB",
-                                    "attributes": {
-                                      "permission": "rating"
-                                    }
-                                  },
-                                  {
-                                    "layout": "Navigate",
-                                    "key": "cQ3RIXG05B7MHlKH",
-                                    "attributes": {
-                                      "next_page_key": "app_onboard-page5",
-                                      "if_allowed_this_permissions": null,
-                                      "if_not_allowed_this_permissions": null,
-                                      "navigate_backward": null,
-                                      "close_button_delay": null
-                                    }
-                                  }
-                                ]
-                              }
-                            }
-                          ],
-                          "styles": [],
-                          "animation": null,
-                          "animation_color": null
-                        }
-                      }
-                    ]
-                  }
+                  "type": "Navigate",
+                  "navigate_to": null,
+                  "targetIndex": 5
                 }
               ]
             }
           },
           {
-            "layout": "simple-onboard-layout",
-            "key": "cvwqV44zsCpvLwy7",
+            "type": "OnboardButton",
             "attributes": {
-              "key": "app_onboard-page5",
-              "min_android_version": "12",
-              "components": [
+              "labelKey": "onboard.next.five-page",
+              "button_text_color": "#ffffff",
+              "button_background_color": "#0450E2",
+              "flex": 1,
+              "events": [
                 {
-                  "layout": "image-layout",
-                  "key": "chRCiye8FT1Cy6SA",
-                  "attributes": {
-                    "is_bg_image": false,
-                    "height": "400",
-                    "android_height": "400",
-                    "ios_height": "400",
-                    "styles": [
-                      {
-                        "layout": "style-layout",
-                        "key": "c3b9w6meMhe7XkUE",
-                        "attributes": {
-                          "styles": [
-                            {
-                              "layout": "Styles",
-                              "key": "cPy0O9UunlzDGjHK",
-                              "attributes": {
-                                "type": "containerStyle",
-                                "style": {
-                                  "marginTop": 40
-                                }
-                              }
-                            }
-                          ]
-                        }
-                      }
-                    ],
-                    "image": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/ff07e162b2a63d38f07909e87848d46f.png"
-                  }
+                  "type": "Permission",
+                  "permission": "rating"
                 },
                 {
-                  "layout": "title-layout",
-                  "key": "chcc2uafpnDHXSD8",
-                  "attributes": {
-                    "title_localization_key": "onboard.title.four-page",
-                    "number_of_lines": "2",
-                    "adaptive_font_size": false,
-                    "title_color": "#080A17",
-                    "coloredwords": [],
-                    "styles": []
-                  }
-                },
+                  "type": "Navigate",
+                  "navigate_to": null,
+                  "targetIndex": 5
+                }
+              ]
+            }
+          }
+        ]
+      },
+      {
+        "type": "OnboardButtons",
+        "attributes": {
+          "buttons_direction": "row",
+          "condition": "carousel-index",
+          "conditionVariable": 5
+        },
+        "children": [
+          {
+            "type": "OnboardButton",
+            "attributes": {
+              "labelKey": "onboard.allow.four-page",
+              "button_text_color": "#ffffff",
+              "button_background_color": "#0450E2",
+              "flex": 1,
+              "events": [
                 {
-                  "layout": "subtitle-layout",
-                  "key": "c0VwHBlerb8RtnWH",
-                  "attributes": {
-                    "subtitle_localization_key": "onboard.subtitle.four-page",
-                    "subtitle_color": "#272737",
-                    "subtitle_font": null,
-                    "styles": []
-                  }
+                  "type": "Permission",
+                  "permission": "notification"
                 },
                 {
-                  "layout": "Buttons",
-                  "key": "ccaVCvljoCGjS7Rk",
-                  "attributes": {
-                    "buttons_direction": "row",
-                    "buttons": [
-                      {
-                        "layout": "button-layout",
-                        "key": "cizDbKCkioVCtGHQ",
-                        "attributes": {
-                          "show_text": true,
-                          "button_text_localization_key": "onboard.allow.four-page",
-                          "is_passive_button": false,
-                          "flex": "1",
-                          "button_text_color": "#ffffff",
-                          "button_background_color": "#0450E2",
-                          "show_icon": false,
-                          "icons": [],
-                          "actions": [
-                            {
-                              "layout": "action-layout",
-                              "key": "ck2MWHW68aJnpBxI",
-                              "attributes": {
-                                "events": [
-                                  {
-                                    "layout": "Permission",
-                                    "key": "cSpEVuZ4QYflHoCs",
-                                    "attributes": {
-                                      "permission": "notification"
-                                    }
-                                  },
-                                  {
-                                    "layout": "Navigate",
-                                    "key": "cqEcD9va4vTra00o",
-                                    "attributes": {
-                                      "next_page_key": "subscriptions",
-                                      "if_allowed_this_permissions": null,
-                                      "if_not_allowed_this_permissions": null,
-                                      "navigate_backward": "home",
-                                      "close_button_delay": null
-                                    }
-                                  }
-                                ]
-                              }
-                            }
-                          ],
-                          "styles": [],
-                          "animation": null,
-                          "animation_color": null
-                        }
-                      }
-                    ]
-                  }
+                  "type": "Navigate",
+                  "navigate_to": "subscriptions"
                 }
               ]
             }
           }
-        ],
-        "use_safe_area_inset": true
+        ]
+      },
+      {
+        "type": "OnboardFooter",
+        "attributes": {
+          "gap": 8,
+          "textLocalizationKey": "view.onboarding.footer.description",
+          "textColor": "#A2A4B1",
+          "linkedWordFirstLocalizationKey": "view.onboarding.btnPrivacy",
+          "linkedWordFirstColor": "#0450E2",
+          "linkedWordFirstPage": "privacy",
+          "linkedWordSecondLocalizationKey": "view.onboarding.btnTerms",
+          "linkedWordSecondColor": "#0450E2",
+          "linkedWordSecondPage": "terms"
+        }
       }
+    ],
+    "attributes": {
+      "theme": "all"
     }
+      }
+    ]
   }
 }