@developer_tribe/react-builder 1.1.0 → 1.2.0

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

@@ -1,12 +1,19 @@
 {
-  "name": "vpn-onboard-1 (legacy)",
-  "version": "0.0.0",
+  "name": "vpn-onboard-1",
+  "version": "1.1.0",
+  "type": "onboard",
   "appConfig": {
     "theme": "dark",
     "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": {
@@ -14,7 +21,6 @@
         "onboard.title.two-page": "Access content worldwide",
         "onboard.title.three-page": "Fast and reliable",
         "onboard.title.four-page": "Stay notified and safe",
-
         "onboard.subtitle.one-page": "Encrypt your traffic and protect your privacy on public Wi‑Fi.",
         "onboard.subtitle.two-page": "Connect to high‑speed servers in many countries with one tap.",
         "onboard.subtitle.three-page": "Auto‑connect to the best server for speed and stability.",
@@ -26,7 +32,6 @@
         "onboard.skip.two-page": "Skip",
         "onboard.skip.three-page": "Skip",
         "onboard.allow.four-page": "Allow",
-
         "view.onboarding.footer.description": "By clicking continue, you will be accepting the Terms of service and privacy policy",
         "view.onboarding.btnPrivacy": "Privacy Policy",
         "view.onboarding.btnTerms": "Terms of Service"
@@ -36,12 +41,10 @@
         "onboard.title.two-page": "وصول إلى المحتوى حول العالم",
         "onboard.title.three-page": "سرعة واعتمادية",
         "onboard.title.four-page": "إشعارات وحماية دائمة",
-
         "onboard.subtitle.one-page": "قم بتشفير حركة المرور وحماية خصوصيتك على شبكات Wi‑Fi العامة.",
         "onboard.subtitle.two-page": "اتصل بخوادم عالية السرعة في بلدان متعددة بضغطة واحدة.",
         "onboard.subtitle.three-page": "يتصل التطبيق تلقائياً بأفضل خادم لسرعة وثبات أعلى.",
         "onboard.subtitle.four-page": "فعّل الإشعارات لمعرفة حالة الاتصال والحصول على نصائح الأمان.",
-
         "onboard.next.one-page": "التالي",
         "onboard.next.two-page": "التالي",
         "onboard.next.three-page": "التالي",
@@ -49,7 +52,6 @@
         "onboard.skip.two-page": "تخطي",
         "onboard.skip.three-page": "تخطي",
         "onboard.allow.four-page": "السماح",
-
         "view.onboarding.footer.description": "بالمتابعة، فإنك توافق على",
         "view.onboarding.btnPrivacy": "سياسة الخصوصية",
         "view.onboarding.btnTerms": "شروط الخدمة"
@@ -58,741 +60,383 @@
     "defaultLanguage": "en"
   },
   "data": {
-    "name": "Dark TextCall Onboard",
-    "key": "app_onboard",
-    "theme": "dark",
-    "order": 1,
-    "data": {
-      "layout": "onboard-layout",
-      "key": "c92tR8J5wbTb3fav",
-      "attributes": {
-        "use_safe_area_inset": true,
-        "general_components": [
-          {
-            "layout": "dots-layout",
-            "key": "cfVlTs4XoBH6eHhy",
-            "attributes": {
-              "position": "before_buttons",
-              "dots_type": "Dots Type Info",
-              "dot": [
-                {
-                  "layout": "expanding_dot",
-                  "key": "c9BoiuHQQ8yWnnrH",
-                  "attributes": {
-                    "inactive_dot_opacity": null,
-                    "expanding_dot_width": "20",
-                    "dot_style": null,
-                    "container_style": null,
-                    "active_dot_color": "#007AFF"
-                  }
-                }
-              ],
-              "styles": []
-            }
-          },
+    "type": "Main",
+    "isMain": true,
+    "key": "c92tR8J5wbTb3fav",
+    "attributes": {
+      "useSafeAreaView": true
+    },
+    "children": [
+      {
+        "type": "OnboardProvider",
+        "children": [
           {
-            "layout": "footer-layout",
-            "key": "c1yg0ajCz15VwbXO",
-            "attributes": {
-              "texts": [
-                {
-                  "layout": "Text",
-                  "key": "cUEOEGlJHu98Bm4M",
-                  "attributes": {
-                    "text_localization_key": "view.onboarding.footer.description",
-                    "text_color": "#A2A4B1",
-                    "width": null,
-                    "linkedwords": [
-                      {
-                        "layout": "LinkedWords",
-                        "key": "clmIqcwqLbpf5lIC",
-                        "attributes": {
-                          "linked_word_localization_key": "view.onboarding.btnPrivacy",
-                          "linked_word_color": "#1778F2",
-                          "page": "privacy"
-                        }
-                      },
-                      {
-                        "layout": "LinkedWords",
-                        "key": "cR2iFjXZv6aKSipt",
-                        "attributes": {
-                          "linked_word_localization_key": "view.onboarding.btnTerms",
-                          "linked_word_color": "#1778F2",
-                          "page": "terms"
-                        }
+            "type": "Onboard",
+            "children": [
+              {
+                "type": "OnboardItem",
+                "key": "app_onboard-page1",
+                "children": [
+                  {
+                    "type": "OnboardTitle",
+                    "attributes": {
+                      "style": {
+                        "color": "#FDFDFD",
+                        "textAlign": "center",
+                        "marginTop": 40
                       }
-                    ],
-                    "styles": []
-                  }
-                }
-              ]
-            }
-          }
-        ],
-        "data": [
-          {
-            "layout": "simple-onboard-layout",
-            "key": "ctJKE0JpoyY2U2py",
-            "attributes": {
-              "key": "app_onboard-page1",
-              "components": [
-                {
-                  "layout": "title-layout",
-                  "key": "czW0y11EJ3Gh2zzu",
-                  "attributes": {
-                    "title_localization_key": "onboard.title.one-page",
-                    "title_color": "#FDFDFD",
-                    "coloredwords": [],
-                    "styles": [
-                      {
-                        "layout": "style-layout",
-                        "key": "cFtkJ7cGjlbh0Onm",
-                        "attributes": {
-                          "styles": [
-                            {
-                              "layout": "Styles",
-                              "key": "cRfjSLASNf4EfmRk",
-                              "attributes": {
-                                "type": "textStyle",
-                                "style": {
-                                  "textAlign": "center",
-                                  "marginTop": 40
-                                }
-                              }
-                            }
-                          ]
-                        }
+                    },
+                    "children": "onboard.title.one-page"
+                  },
+                  {
+                    "type": "OnboardImage",
+                    "attributes": {
+                      "src": "https://textcall-dev.s3.amazonaws.com/onboard/high/6c89e0da17a2d6fe2997e97a2b8a00a1.png",
+                      "resizeMode": "contain",
+                      "style": {
+                        "height": 350
+                      }
+                    }
+                  },
+                  {
+                    "type": "OnboardSubtitle",
+                    "attributes": {
+                      "style": {
+                        "color": "#C7C7C7",
+                        "fontSize": 16,
+                        "textAlign": "center"
                       }
-                    ],
-                    "number_of_lines": "2",
-                    "adapty_font_size": "1",
-                    "adaptive_font_size": false
+                    },
+                    "children": "onboard.subtitle.one-page"
                   }
-                },
-                {
-                  "layout": "image-layout",
-                  "key": "ccaPDeW3TvadGknh",
-                  "attributes": {
-                    "is_bg_image": false,
-                    "height": "350",
-                    "styles": [],
-                    "android_height": "350",
-                    "ios_height": "350",
-                    "image": "https://textcall-dev.s3.amazonaws.com/onboard/high/6c89e0da17a2d6fe2997e97a2b8a00a1.png"
+                ]
+              },
+              {
+                "type": "OnboardItem",
+                "key": "app_onboard-page2",
+                "children": [
+                  {
+                    "type": "OnboardTitle",
+                    "attributes": {
+                      "style": {
+                        "color": "#FDFDFD",
+                        "textAlign": "center",
+                        "marginTop": 40
+                      }
+                    },
+                    "children": "onboard.title.two-page"
+                  },
+                  {
+                    "type": "OnboardImage",
+                    "attributes": {
+                      "src": "https://textcall-dev.s3.amazonaws.com/onboard/high/497a627b30ab4a0daaafa3d648a26b07.png",
+                      "resizeMode": "contain",
+                      "style": {
+                        "height": 350
+                      }
+                    }
+                  },
+                  {
+                    "type": "OnboardSubtitle",
+                    "attributes": {
+                      "style": {
+                        "color": "#C7C7C7",
+                        "fontSize": 16,
+                        "textAlign": "center"
+                      }
+                    },
+                    "children": "onboard.subtitle.two-page"
                   }
-                },
-                {
-                  "layout": "subtitle-layout",
-                  "key": "cS8AJFtYl83g6N7l",
-                  "attributes": {
-                    "subtitle_localization_key": "onboard.subtitle.one-page",
-                    "subtitle_color": "#C7C7C7",
-                    "subtitle_font": null,
-                    "styles": [
-                      {
-                        "layout": "style-layout",
-                        "key": "cfxys3dqXXQIoWib",
-                        "attributes": {
-                          "styles": [
-                            {
-                              "layout": "Styles",
-                              "key": "cdqzVzWecbtQHHOZ",
-                              "attributes": {
-                                "type": "textStyle",
-                                "style": {
-                                  "textAlign": "center",
-                                  "fontSize": 16
-                                }
-                              }
-                            }
-                          ]
-                        }
+                ]
+              },
+              {
+                "type": "OnboardItem",
+                "key": "app_onboard-page3",
+                "children": [
+                  {
+                    "type": "OnboardTitle",
+                    "attributes": {
+                      "style": {
+                        "color": "#FDFDFD",
+                        "textAlign": "center",
+                        "marginTop": 40
                       }
-                    ]
+                    },
+                    "children": "onboard.title.three-page"
+                  },
+                  {
+                    "type": "OnboardImage",
+                    "attributes": {
+                      "src": "https://textcall-dev.s3.amazonaws.com/onboard/high/6e2bc370d38695f6845007fd302034c2.png",
+                      "resizeMode": "contain",
+                      "style": {
+                        "height": 350
+                      }
+                    }
+                  },
+                  {
+                    "type": "OnboardSubtitle",
+                    "attributes": {
+                      "style": {
+                        "color": "#C7C7C7",
+                        "fontSize": 16,
+                        "textAlign": "center"
+                      }
+                    },
+                    "children": "onboard.subtitle.three-page"
                   }
-                },
-                {
-                  "layout": "Buttons",
-                  "key": "cADNBYmKZhuqHDe3",
-                  "attributes": {
-                    "buttons_direction": "row",
-                    "buttons": [
-                      {
-                        "layout": "skip-button-layout",
-                        "key": "cvgeWjSVK9714zE4",
-                        "attributes": {
-                          "flex": "1",
-                          "button_text_localization_key": "onboard.skip.one-page",
-                          "button_text_color": "#A9AAAC",
-                          "is_transparant_bg": false,
-                          "button_background_color": "#ffffff00",
-                          "actions": [
-                            {
-                              "layout": "action-layout",
-                              "key": "cYbS4tQuDbqRjJP6",
-                              "attributes": {
-                                "events": [
-                                  {
-                                    "layout": "Navigate",
-                                    "key": "cnwVlRVwR2Oa37Wa",
-                                    "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": "cO7EfoP6WnwCbZFN",
-                        "attributes": {
-                          "show_text": true,
-                          "button_text_localization_key": "onboard.next.one-page",
-                          "is_passive_button": false,
-                          "flex": "1",
-                          "button_text_color": "#FFFFFF",
-                          "button_background_color": "#0066FF",
-                          "show_icon": false,
-                          "icons": [],
-                          "actions": [
-                            {
-                              "layout": "action-layout",
-                              "key": "cLDTXbDjepmRilZP",
-                              "attributes": {
-                                "events": [
-                                  {
-                                    "layout": "Navigate",
-                                    "key": "cVe34D6lvpt6jfkc",
-                                    "attributes": {
-                                      "next_page_key": "app_onboard-page2",
-                                      "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": "OnboardItem",
+                "key": "app_onboard-page4",
+                "children": [
+                  {
+                    "type": "OnboardTitle",
+                    "attributes": {
+                      "style": {
+                        "color": "#FDFDFD",
+                        "textAlign": "center",
+                        "marginTop": 40
+                      }
+                    },
+                    "children": "onboard.title.four-page"
+                  },
+                  {
+                    "type": "OnboardImage",
+                    "attributes": {
+                      "src": "https://textcall-dev.s3.amazonaws.com/onboard/high/b6e978fe3362e857212163486c22cc7c.png",
+                      "resizeMode": "contain",
+                      "style": {
+                        "height": 350
+                      }
+                    }
+                  },
+                  {
+                    "type": "OnboardSubtitle",
+                    "attributes": {
+                      "style": {
+                        "color": "#C7C7C7",
+                        "fontSize": 16,
+                        "textAlign": "center"
                       }
-                    ]
+                    },
+                    "children": "onboard.subtitle.four-page"
                   }
-                }
-              ],
-              "min_android_version": null
+                ]
+              }
+            ]
+          },
+          {
+            "type": "OnboardDot",
+            "attributes": {
+              "dotType": "expanding_dot",
+              "expanding_dot_width": 20,
+              "active_dot_color": "#007AFF"
             }
           },
           {
-            "layout": "simple-onboard-layout",
-            "key": "cJ5P9VObBmpapdIz",
+            "type": "OnboardButtons",
             "attributes": {
-              "key": "app_onboard-page2",
-              "components": [
-                {
-                  "layout": "title-layout",
-                  "key": "cWaHDeqd8N5LpAdr",
-                  "attributes": {
-                    "title_localization_key": "onboard.title.two-page",
-                    "title_color": "#FDFDFD",
-                    "coloredwords": [],
-                    "styles": [
-                      {
-                        "layout": "style-layout",
-                        "key": "c5n7fUy2koZD1iY5",
-                        "attributes": {
-                          "styles": [
-                            {
-                              "layout": "Styles",
-                              "key": "c7uK89glQz4MHrZc",
-                              "attributes": {
-                                "type": "textStyle",
-                                "style": {
-                                  "textAlign": "center",
-                                  "marginTop": 40
-                                }
-                              }
-                            }
-                          ]
-                        }
-                      }
-                    ],
-                    "number_of_lines": "2",
-                    "adapty_font_size": "1",
-                    "adaptive_font_size": false
+              "buttons_direction": "row",
+              "condition": "carousel-index",
+              "conditionVariable": 0
+            },
+            "children": [
+              {
+                "type": "OnboardButton",
+                "attributes": {
+                  "labelKey": "onboard.skip.one-page",
+                  "button_text_color": "#A9AAAC",
+                  "button_background_color": "#ffffff00",
+                  "events": [
+                    {
+                      "type": "Navigate",
+                      "navigate_to": null,
+                      "targetIndex": 3
+                    }
+                  ],
+                  "style": {
+                    "flex": 1
                   }
-                },
-                {
-                  "layout": "image-layout",
-                  "key": "czvCm7FXp4sQrlBi",
-                  "attributes": {
-                    "is_bg_image": false,
-                    "height": "350",
-                    "styles": [],
-                    "android_height": "350",
-                    "ios_height": "350",
-                    "image": "https://textcall-dev.s3.amazonaws.com/onboard/high/497a627b30ab4a0daaafa3d648a26b07.png"
-                  }
-                },
-                {
-                  "layout": "subtitle-layout",
-                  "key": "cJO33EgsbvxZVV57",
-                  "attributes": {
-                    "subtitle_localization_key": "onboard.subtitle.two-page",
-                    "subtitle_color": "#C7C7C7",
-                    "subtitle_font": null,
-                    "styles": [
-                      {
-                        "layout": "style-layout",
-                        "key": "cKZLIPtywsfi5Mbz",
-                        "attributes": {
-                          "styles": [
-                            {
-                              "layout": "Styles",
-                              "key": "cce8Yv695FQgSOIH",
-                              "attributes": {
-                                "type": "textStyle",
-                                "style": {
-                                  "textAlign": "center",
-                                  "fontSize": 16
-                                }
-                              }
-                            }
-                          ]
-                        }
-                      }
-                    ]
-                  }
-                },
-                {
-                  "layout": "Buttons",
-                  "key": "cR43NhA7k4XN4bFU",
-                  "attributes": {
-                    "buttons_direction": "row",
-                    "buttons": [
-                      {
-                        "layout": "skip-button-layout",
-                        "key": "cZbvXpcCDBzCy4xq",
-                        "attributes": {
-                          "flex": "1",
-                          "button_text_localization_key": "onboard.skip.two-page",
-                          "button_text_color": "#A9AAAC",
-                          "is_transparant_bg": false,
-                          "button_background_color": "#ffffff00",
-                          "actions": [
-                            {
-                              "layout": "action-layout",
-                              "key": "cOweHSx9FF1rKmXE",
-                              "attributes": {
-                                "events": [
-                                  {
-                                    "layout": "Permission",
-                                    "key": "cfnK7ww1nyzVLquV",
-                                    "attributes": {
-                                      "permission": "att"
-                                    }
-                                  },
-                                  {
-                                    "layout": "Navigate",
-                                    "key": "cdQXhjSGC97aDV5Q",
-                                    "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": "cP3ZMgA0DgYBMTjH",
-                        "attributes": {
-                          "show_text": true,
-                          "button_text_localization_key": "onboard.next.two-page",
-                          "is_passive_button": false,
-                          "flex": "1",
-                          "button_text_color": "#FFFFFF",
-                          "button_background_color": "#0066FF",
-                          "show_icon": false,
-                          "icons": [],
-                          "actions": [
-                            {
-                              "layout": "action-layout",
-                              "key": "c5ud1yXzSHQOl99m",
-                              "attributes": {
-                                "events": [
-                                  {
-                                    "layout": "Permission",
-                                    "key": "caWvIjHlpzkWsSkU",
-                                    "attributes": {
-                                      "permission": "att"
-                                    }
-                                  },
-                                  {
-                                    "layout": "Navigate",
-                                    "key": "cqCP16bRc8OrVYnj",
-                                    "attributes": {
-                                      "next_page_key": "app_onboard-page3",
-                                      "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": "OnboardButton",
+                "attributes": {
+                  "labelKey": "onboard.next.one-page",
+                  "button_text_color": "#FFFFFF",
+                  "button_background_color": "#0066FF",
+                  "events": [
+                    {
+                      "type": "Navigate",
+                      "navigate_to": null,
+                      "targetIndex": 1
+                    }
+                  ],
+                  "style": {
+                    "flex": 1
                   }
                 }
-              ],
-              "min_android_version": null
-            }
+              }
+            ]
           },
           {
-            "layout": "simple-onboard-layout",
-            "key": "cxNW3BfLJV7m1Rwb",
+            "type": "OnboardButtons",
             "attributes": {
-              "key": "app_onboard-page3",
-              "components": [
-                {
-                  "layout": "title-layout",
-                  "key": "c4jWJqatyNrpRDv5",
-                  "attributes": {
-                    "title_localization_key": "onboard.title.three-page",
-                    "title_color": "#FDFDFD",
-                    "coloredwords": [],
-                    "styles": [
-                      {
-                        "layout": "style-layout",
-                        "key": "cyxWxkO4H6GcLGpV",
-                        "attributes": {
-                          "styles": [
-                            {
-                              "layout": "Styles",
-                              "key": "c2EQHxoKIHqE6usb",
-                              "attributes": {
-                                "type": "textStyle",
-                                "style": {
-                                  "textAlign": "center",
-                                  "marginTop": 40
-                                }
-                              }
-                            }
-                          ]
-                        }
-                      }
-                    ],
-                    "number_of_lines": "2",
-                    "adapty_font_size": "1",
-                    "adaptive_font_size": false
+              "buttons_direction": "row",
+              "condition": "carousel-index",
+              "conditionVariable": 1
+            },
+            "children": [
+              {
+                "type": "OnboardButton",
+                "attributes": {
+                  "labelKey": "onboard.skip.two-page",
+                  "button_text_color": "#A9AAAC",
+                  "button_background_color": "#ffffff00",
+                  "events": [
+                    {
+                      "type": "Permission",
+                      "permission": "att"
+                    },
+                    {
+                      "type": "Navigate",
+                      "navigate_to": null,
+                      "targetIndex": 3
+                    }
+                  ],
+                  "style": {
+                    "flex": 1
                   }
-                },
-                {
-                  "layout": "image-layout",
-                  "key": "cQPrCUhAFzzvZvFL",
-                  "attributes": {
-                    "is_bg_image": false,
-                    "height": "350",
-                    "styles": [],
-                    "android_height": "350",
-                    "ios_height": "350",
-                    "image": "https://textcall-dev.s3.amazonaws.com/onboard/high/6e2bc370d38695f6845007fd302034c2.png"
-                  }
-                },
-                {
-                  "layout": "subtitle-layout",
-                  "key": "c845kgEFTytoeb5n",
-                  "attributes": {
-                    "subtitle_localization_key": "onboard.subtitle.three-page",
-                    "subtitle_color": "#C7C7C7",
-                    "subtitle_font": null,
-                    "styles": [
-                      {
-                        "layout": "style-layout",
-                        "key": "c8I866TChSrcTxLA",
-                        "attributes": {
-                          "styles": [
-                            {
-                              "layout": "Styles",
-                              "key": "cPi4CsGpMpnyl1Qo",
-                              "attributes": {
-                                "type": "textStyle",
-                                "style": {
-                                  "textAlign": "center",
-                                  "fontSize": 16
-                                }
-                              }
-                            }
-                          ]
-                        }
-                      }
-                    ]
-                  }
-                },
-                {
-                  "layout": "Buttons",
-                  "key": "cHRet3F1pMbLLv4e",
-                  "attributes": {
-                    "buttons_direction": "row",
-                    "buttons": [
-                      {
-                        "layout": "skip-button-layout",
-                        "key": "cPjaITcYuN3jYXaz",
-                        "attributes": {
-                          "flex": "1",
-                          "button_text_localization_key": "onboard.skip.three-page",
-                          "button_text_color": "#A9AAAC",
-                          "is_transparant_bg": false,
-                          "button_background_color": "#ffffff00",
-                          "actions": [
-                            {
-                              "layout": "action-layout",
-                              "key": "cwHy3RdNIAhrdyk9",
-                              "attributes": {
-                                "events": [
-                                  {
-                                    "layout": "Navigate",
-                                    "key": "c9tQ5JwLNEl4m6iE",
-                                    "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": "calWhCnS7bVqDLSm",
-                        "attributes": {
-                          "show_text": true,
-                          "button_text_localization_key": "onboard.next.three-page",
-                          "is_passive_button": false,
-                          "flex": "1",
-                          "button_text_color": "#FFFFFF",
-                          "button_background_color": "#0066FF",
-                          "show_icon": false,
-                          "icons": [],
-                          "actions": [
-                            {
-                              "layout": "action-layout",
-                              "key": "c5WDaaMMyzF6wbMw",
-                              "attributes": {
-                                "events": [
-                                  {
-                                    "layout": "Permission",
-                                    "key": "czWoimoKrntcpPMu",
-                                    "attributes": {
-                                      "permission": "rating"
-                                    }
-                                  },
-                                  {
-                                    "layout": "Navigate",
-                                    "key": "csga6VsmtRL4dJoH",
-                                    "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
-                        }
-                      }
-                    ]
+                }
+              },
+              {
+                "type": "OnboardButton",
+                "attributes": {
+                  "labelKey": "onboard.next.two-page",
+                  "button_text_color": "#FFFFFF",
+                  "button_background_color": "#0066FF",
+                  "events": [
+                    {
+                      "type": "Permission",
+                      "permission": "att"
+                    },
+                    {
+                      "type": "Navigate",
+                      "navigate_to": null,
+                      "targetIndex": 2
+                    }
+                  ],
+                  "style": {
+                    "flex": 1
                   }
                 }
-              ],
-              "min_android_version": null
-            }
+              }
+            ]
           },
           {
-            "layout": "simple-onboard-layout",
-            "key": "c6OPQRoj7nIYq8qP",
+            "type": "OnboardButtons",
             "attributes": {
-              "key": "app_onboard-page4",
-              "components": [
-                {
-                  "layout": "title-layout",
-                  "key": "cY7hE2QfCFUpAvIr",
-                  "attributes": {
-                    "title_localization_key": "onboard.title.four-page",
-                    "title_color": "#FDFDFD",
-                    "coloredwords": [],
-                    "styles": [
-                      {
-                        "layout": "style-layout",
-                        "key": "ch0psI5S3gY93lkS",
-                        "attributes": {
-                          "styles": [
-                            {
-                              "layout": "Styles",
-                              "key": "ci8SBK0k6Ox0cAY4",
-                              "attributes": {
-                                "type": "textStyle",
-                                "style": {
-                                  "textAlign": "center",
-                                  "marginTop": 40
-                                }
-                              }
-                            }
-                          ]
-                        }
-                      }
-                    ],
-                    "number_of_lines": "2",
-                    "adapty_font_size": "1",
-                    "adaptive_font_size": false
+              "buttons_direction": "row",
+              "condition": "carousel-index",
+              "conditionVariable": 2
+            },
+            "children": [
+              {
+                "type": "OnboardButton",
+                "attributes": {
+                  "labelKey": "onboard.skip.three-page",
+                  "button_text_color": "#A9AAAC",
+                  "button_background_color": "#ffffff00",
+                  "events": [
+                    {
+                      "type": "Navigate",
+                      "navigate_to": null,
+                      "targetIndex": 3
+                    }
+                  ],
+                  "style": {
+                    "flex": 1
                   }
-                },
-                {
-                  "layout": "image-layout",
-                  "key": "cyzRYhHdmYpSZKWz",
-                  "attributes": {
-                    "is_bg_image": false,
-                    "height": "350",
-                    "styles": [],
-                    "android_height": "350",
-                    "ios_height": "350",
-                    "image": "https://textcall-dev.s3.amazonaws.com/onboard/high/b6e978fe3362e857212163486c22cc7c.png"
-                  }
-                },
-                {
-                  "layout": "subtitle-layout",
-                  "key": "cEtGSW5s89pVPO3p",
-                  "attributes": {
-                    "subtitle_localization_key": "onboard.subtitle.four-page",
-                    "subtitle_color": "#C7C7C7",
-                    "subtitle_font": null,
-                    "styles": [
-                      {
-                        "layout": "style-layout",
-                        "key": "c7q1e8klEqvuTib2",
-                        "attributes": {
-                          "styles": [
-                            {
-                              "layout": "Styles",
-                              "key": "cRoSg4908XkN9tLr",
-                              "attributes": {
-                                "type": "textStyle",
-                                "style": {
-                                  "textAlign": "center",
-                                  "fontSize": 16
-                                }
-                              }
-                            }
-                          ]
-                        }
-                      }
-                    ]
+                }
+              },
+              {
+                "type": "OnboardButton",
+                "attributes": {
+                  "labelKey": "onboard.next.three-page",
+                  "button_text_color": "#FFFFFF",
+                  "button_background_color": "#0066FF",
+                  "events": [
+                    {
+                      "type": "Permission",
+                      "permission": "rating"
+                    },
+                    {
+                      "type": "Navigate",
+                      "navigate_to": null,
+                      "targetIndex": 3
+                    }
+                  ],
+                  "style": {
+                    "flex": 1
                   }
-                },
-                {
-                  "layout": "Buttons",
-                  "key": "cFOXUx3qf7wvRQPK",
-                  "attributes": {
-                    "buttons_direction": "row",
-                    "buttons": [
-                      {
-                        "layout": "button-layout",
-                        "key": "cILIurDiN8C6Nk9t",
-                        "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": "#0066FF",
-                          "show_icon": false,
-                          "icons": [],
-                          "actions": [
-                            {
-                              "layout": "action-layout",
-                              "key": "cPkTX9lI025TuA2d",
-                              "attributes": {
-                                "events": [
-                                  {
-                                    "layout": "Permission",
-                                    "key": "cenFPRHcA87TmbkC",
-                                    "attributes": {
-                                      "permission": "notification"
-                                    }
-                                  },
-                                  {
-                                    "layout": "Navigate",
-                                    "key": "c0ZQIOWZ81XjaWmA",
-                                    "attributes": {
-                                      "next_page_key": "home",
-                                      "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": "OnboardButtons",
+            "attributes": {
+              "buttons_direction": "row",
+              "condition": "carousel-index",
+              "conditionVariable": 3
+            },
+            "children": [
+              {
+                "type": "OnboardButton",
+                "attributes": {
+                  "labelKey": "onboard.allow.four-page",
+                  "button_text_color": "#FFFFFF",
+                  "button_background_color": "#0066FF",
+                  "events": [
+                    {
+                      "type": "Permission",
+                      "permission": "notification"
+                    },
+                    {
+                      "type": "Navigate",
+                      "navigate_to": "home"
+                    }
+                  ],
+                  "style": {
+                    "flex": 1
                   }
                 }
-              ],
-              "min_android_version": null
+              }
+            ]
+          },
+          {
+            "type": "OnboardFooter",
+            "attributes": {
+              "textLocalizationKey": "view.onboarding.footer.description",
+              "linkedWordFirstLocalizationKey": "view.onboarding.btnPrivacy",
+              "linkedWordFirstColor": "#1778F2",
+              "linkedWordFirstPage": "privacy",
+              "linkedWordSecondLocalizationKey": "view.onboarding.btnTerms",
+              "linkedWordSecondColor": "#1778F2",
+              "linkedWordSecondPage": "terms",
+              "style": {
+                "gap": 8,
+                "color": "#A2A4B1"
+              }
             }
           }
-        ]
+        ],
+        "attributes": {
+          "theme": "dark"
+        }
       }
-    }
+    ]
   }
 }