@developer_tribe/react-builder 1.1.0 → 1.2.0

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

@@ -1,12 +1,19 @@
 {
-  "name": "vpn-onboard-2 (legacy)",
-  "version": "0.0.0",
+  "name": "vpn-onboard-2",
+  "version": "1.1.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": {
@@ -53,737 +60,386 @@
     "defaultLanguage": "en"
   },
   "data": {
-    "name": "Light TextCall Onboard",
-    "key": "app_onboard",
-    "theme": "light",
-    "order": 3,
-    "data": {
-      "layout": "onboard-layout",
-      "key": "ckcw0WXRY8sNR2SF",
-      "attributes": {
-        "use_safe_area_inset": true,
-        "general_components": [
-          {
-            "layout": "dots-layout",
-            "key": "cGCRrFJjSzYghZ4Q",
-            "attributes": {
-              "position": "before_buttons",
-              "dots_type": "Dots Type Info",
-              "dot": [
-                {
-                  "layout": "expanding_dot",
-                  "key": "cDpkxR1j6ooHGrU9",
-                  "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": "ckcw0WXRY8sNR2SF",
+    "attributes": {
+      "useSafeAreaView": true
+    },
+    "children": [
+      {
+        "type": "OnboardProvider",
+        "children": [
           {
-            "layout": "footer-layout",
-            "key": "cqkMhW1f0q0tDK1r",
-            "attributes": {
-              "texts": [
-                {
-                  "layout": "Text",
-                  "key": "cAxC6cU3U9i1jxTq",
-                  "attributes": {
-                    "text_localization_key": "view.onboarding.footer.description",
-                    "text_color": "#A2A4B1",
-                    "width": null,
-                    "linkedwords": [
-                      {
-                        "layout": "LinkedWords",
-                        "key": "cLISLCL0ybiWxpze",
-                        "attributes": {
-                          "linked_word_localization_key": "view.onboarding.btnPrivacy",
-                          "linked_word_color": "#1778F2",
-                          "page": "privacy"
-                        }
-                      },
-                      {
-                        "layout": "LinkedWords",
-                        "key": "ccsI2OTvUzQJLo6g",
-                        "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": "#12131A",
+                        "textAlign": "center",
+                        "marginTop": 40
                       }
-                    ],
-                    "styles": []
-                  }
-                }
-              ]
-            }
-          }
-        ],
-        "data": [
-          {
-            "layout": "simple-onboard-layout",
-            "key": "cFxlMJ99IXCFJfba",
-            "attributes": {
-              "key": "app_onboard-page1",
-              "min_android_version": null,
-              "components": [
-                {
-                  "layout": "title-layout",
-                  "key": "cEgDUYy0F2959VoY",
-                  "attributes": {
-                    "title_localization_key": "onboard.title.one-page",
-                    "number_of_lines": "2",
-                    "adaptive_font_size": false,
-                    "title_color": "#12131A",
-                    "coloredwords": [],
-                    "styles": [
-                      {
-                        "layout": "style-layout",
-                        "key": "cIflKK6zz4926DQA",
-                        "attributes": {
-                          "styles": [
-                            {
-                              "layout": "Styles",
-                              "key": "cXGRCly7sTM1wPXp",
-                              "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/0c65cbe8e0c2e1242146e15dfd50a486.png",
+                      "resizeMode": "contain",
+                      "style": {
+                        "height": 350
+                      }
+                    }
+                  },
+                  {
+                    "type": "OnboardSubtitle",
+                    "attributes": {
+                      "style": {
+                        "color": "#44454D",
+                        "fontSize": 16,
+                        "textAlign": "center"
                       }
-                    ]
+                    },
+                    "children": "onboard.subtitle.one-page"
                   }
-                },
-                {
-                  "layout": "image-layout",
-                  "key": "cd3LFLBcjBfEz90D",
-                  "attributes": {
-                    "is_bg_image": false,
-                    "height": "350",
-                    "android_height": "350",
-                    "ios_height": "350",
-                    "styles": [],
-                    "image": "https://textcall-dev.s3.amazonaws.com/onboard/high/0c65cbe8e0c2e1242146e15dfd50a486.png"
+                ]
+              },
+              {
+                "type": "OnboardItem",
+                "key": "app_onboard-page2",
+                "children": [
+                  {
+                    "type": "OnboardTitle",
+                    "attributes": {
+                      "style": {
+                        "color": "#12131A",
+                        "textAlign": "center",
+                        "marginTop": 40
+                      }
+                    },
+                    "children": "onboard.title.two-page"
+                  },
+                  {
+                    "type": "OnboardImage",
+                    "attributes": {
+                      "src": "https://textcall-dev.s3.amazonaws.com/onboard/high/e8bbdde825cd23bdc44a9b2b32af22dc.png",
+                      "resizeMode": "contain",
+                      "style": {
+                        "height": 350
+                      }
+                    }
+                  },
+                  {
+                    "type": "OnboardSubtitle",
+                    "attributes": {
+                      "style": {
+                        "color": "#44454D",
+                        "fontSize": 16,
+                        "textAlign": "center"
+                      }
+                    },
+                    "children": "onboard.subtitle.two-page"
                   }
-                },
-                {
-                  "layout": "subtitle-layout",
-                  "key": "cumoZTMcp3Ewdgtq",
-                  "attributes": {
-                    "subtitle_localization_key": "onboard.subtitle.one-page",
-                    "subtitle_color": "#44454D",
-                    "subtitle_font": null,
-                    "styles": [
-                      {
-                        "layout": "style-layout",
-                        "key": "c8iENqCAEKDzSNEq",
-                        "attributes": {
-                          "styles": [
-                            {
-                              "layout": "Styles",
-                              "key": "cRjElXN8FhsCbwbt",
-                              "attributes": {
-                                "type": "textStyle",
-                                "style": {
-                                  "textAlign": "center",
-                                  "fontSize": 16
-                                }
-                              }
-                            }
-                          ]
-                        }
+                ]
+              },
+              {
+                "type": "OnboardItem",
+                "key": "app_onboard-page3",
+                "children": [
+                  {
+                    "type": "OnboardTitle",
+                    "attributes": {
+                      "style": {
+                        "color": "#12131A",
+                        "textAlign": "center",
+                        "marginTop": 40
                       }
-                    ]
+                    },
+                    "children": "onboard.title.three-page"
+                  },
+                  {
+                    "type": "OnboardImage",
+                    "attributes": {
+                      "src": "https://textcall-dev.s3.amazonaws.com/onboard/high/3f312b38faf844746250cd54f27f91da.png",
+                      "resizeMode": "contain",
+                      "style": {
+                        "height": 350
+                      }
+                    }
+                  },
+                  {
+                    "type": "OnboardSubtitle",
+                    "attributes": {
+                      "style": {
+                        "color": "#44454D",
+                        "fontSize": 16,
+                        "textAlign": "center"
+                      }
+                    },
+                    "children": "onboard.subtitle.three-page"
                   }
-                },
-                {
-                  "layout": "Buttons",
-                  "key": "cQgWwz7oN0lXiGnV",
-                  "attributes": {
-                    "buttons_direction": "row",
-                    "buttons": [
-                      {
-                        "layout": "skip-button-layout",
-                        "key": "cmbJYRjfh25VI7pA",
-                        "attributes": {
-                          "flex": "1",
-                          "button_text_localization_key": "onboard.skip.one-page",
-                          "button_text_color": "#81838F",
-                          "is_transparant_bg": false,
-                          "button_background_color": "#ffffff00",
-                          "actions": [
-                            {
-                              "layout": "action-layout",
-                              "key": "c8fR08Jp0GWJtW4U",
-                              "attributes": {
-                                "events": [
-                                  {
-                                    "layout": "Navigate",
-                                    "key": "cGFaKCTZ6RkGAKw7",
-                                    "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": "line-animation",
-                          "animation_color": "#FFFFFF"
-                        }
-                      },
-                      {
-                        "layout": "button-layout",
-                        "key": "cBx6we1fBvBHNCdM",
-                        "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": "cqC2H6ygkjzKj1TW",
-                              "attributes": {
-                                "events": [
-                                  {
-                                    "layout": "Navigate",
-                                    "key": "cMmDIAW9MAUNcPQA",
-                                    "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": "simple-animation",
-                          "animation_color": null
-                        }
+                ]
+              },
+              {
+                "type": "OnboardItem",
+                "key": "app_onboard-page4",
+                "children": [
+                  {
+                    "type": "OnboardTitle",
+                    "attributes": {
+                      "style": {
+                        "color": "#12131A",
+                        "textAlign": "center",
+                        "marginTop": 40
+                      }
+                    },
+                    "children": "onboard.title.four-page"
+                  },
+                  {
+                    "type": "OnboardImage",
+                    "attributes": {
+                      "src": "https://textcall-dev.s3.amazonaws.com/onboard/high/f4db2a32a43239c3bbbe742cb0f18b61.png",
+                      "resizeMode": "contain",
+                      "style": {
+                        "height": 350
+                      }
+                    }
+                  },
+                  {
+                    "type": "OnboardSubtitle",
+                    "attributes": {
+                      "style": {
+                        "color": "#44454D",
+                        "fontSize": 16,
+                        "textAlign": "center"
                       }
-                    ]
+                    },
+                    "children": "onboard.subtitle.four-page"
                   }
-                }
-              ]
+                ]
+              }
+            ]
+          },
+          {
+            "type": "OnboardDot",
+            "attributes": {
+              "dotType": "expanding_dot",
+              "expanding_dot_width": 20,
+              "active_dot_color": "#007AFF"
             }
           },
           {
-            "layout": "simple-onboard-layout",
-            "key": "cgh6jEnSF0m2MrAE",
+            "type": "OnboardButtons",
             "attributes": {
-              "key": "app_onboard-page2",
-              "min_android_version": null,
-              "components": [
-                {
-                  "layout": "title-layout",
-                  "key": "cuIDsIKqy8wnkxWO",
-                  "attributes": {
-                    "title_localization_key": "onboard.title.two-page",
-                    "number_of_lines": "2",
-                    "adaptive_font_size": false,
-                    "title_color": "#12131A",
-                    "coloredwords": [],
-                    "styles": [
-                      {
-                        "layout": "style-layout",
-                        "key": "c1wm3B4Avb8ewdwB",
-                        "attributes": {
-                          "styles": [
-                            {
-                              "layout": "Styles",
-                              "key": "cS5KY2wak36qZ7Po",
-                              "attributes": {
-                                "type": "textStyle",
-                                "style": {
-                                  "textAlign": "center",
-                                  "marginTop": 40
-                                }
-                              }
-                            }
-                          ]
-                        }
-                      }
-                    ]
+              "buttons_direction": "row",
+              "condition": "carousel-index",
+              "conditionVariable": 0
+            },
+            "children": [
+              {
+                "type": "OnboardButton",
+                "attributes": {
+                  "labelKey": "onboard.skip.one-page",
+                  "button_text_color": "#81838F",
+                  "animation": "line-animation",
+                  "animation_color": "#FFFFFF",
+                  "button_background_color": "#ffffff00",
+                  "events": [
+                    {
+                      "type": "Navigate",
+                      "navigate_to": null,
+                      "targetIndex": 3
+                    }
+                  ],
+                  "style": {
+                    "flex": 1
                   }
-                },
-                {
-                  "layout": "image-layout",
-                  "key": "c0uaSOOOFSldTX3O",
-                  "attributes": {
-                    "is_bg_image": false,
-                    "height": "350",
-                    "android_height": "350",
-                    "ios_height": "350",
-                    "styles": [],
-                    "image": "https://textcall-dev.s3.amazonaws.com/onboard/high/e8bbdde825cd23bdc44a9b2b32af22dc.png"
-                  }
-                },
-                {
-                  "layout": "subtitle-layout",
-                  "key": "cJUPKqGxDQLJhF3r",
-                  "attributes": {
-                    "subtitle_localization_key": "onboard.subtitle.two-page",
-                    "subtitle_color": "#44454D",
-                    "subtitle_font": null,
-                    "styles": [
-                      {
-                        "layout": "style-layout",
-                        "key": "cjgSBQCcdIHlgqAL",
-                        "attributes": {
-                          "styles": [
-                            {
-                              "layout": "Styles",
-                              "key": "cRmpdFLYvNtRBrjZ",
-                              "attributes": {
-                                "type": "textStyle",
-                                "style": {
-                                  "textAlign": "center",
-                                  "fontSize": 16
-                                }
-                              }
-                            }
-                          ]
-                        }
-                      }
-                    ]
-                  }
-                },
-                {
-                  "layout": "Buttons",
-                  "key": "chGpEveV4xybUQje",
-                  "attributes": {
-                    "buttons_direction": "row",
-                    "buttons": [
-                      {
-                        "layout": "skip-button-layout",
-                        "key": "cdjnq57fneiIxBd2",
-                        "attributes": {
-                          "flex": "1",
-                          "button_text_localization_key": "onboard.skip.two-page",
-                          "button_text_color": "#81838F",
-                          "is_transparant_bg": false,
-                          "button_background_color": "#ffffff00",
-                          "actions": [
-                            {
-                              "layout": "action-layout",
-                              "key": "c8XixwmhiXnhSWJN",
-                              "attributes": {
-                                "events": [
-                                  {
-                                    "layout": "Permission",
-                                    "key": "cBsbZMsU90ojXQqO",
-                                    "attributes": {
-                                      "permission": "att"
-                                    }
-                                  },
-                                  {
-                                    "layout": "Navigate",
-                                    "key": "c3ByPHQlA5V0EDfL",
-                                    "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": "cQEeZInlfh7u3vXB",
-                        "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": "cmu069qysyrgassB",
-                              "attributes": {
-                                "events": [
-                                  {
-                                    "layout": "Permission",
-                                    "key": "c4hcnecQIMrouWCy",
-                                    "attributes": {
-                                      "permission": "att"
-                                    }
-                                  },
-                                  {
-                                    "layout": "Navigate",
-                                    "key": "cxHcZeIJBXHmR779",
-                                    "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",
+                  "animation": "simple-animation",
+                  "button_background_color": "#0066FF",
+                  "events": [
+                    {
+                      "type": "Navigate",
+                      "navigate_to": null,
+                      "targetIndex": 1
+                    }
+                  ],
+                  "style": {
+                    "flex": 1
                   }
                 }
-              ]
-            }
+              }
+            ]
           },
           {
-            "layout": "simple-onboard-layout",
-            "key": "cSvSxn9VJuC5Ld7i",
+            "type": "OnboardButtons",
             "attributes": {
-              "key": "app_onboard-page3",
-              "min_android_version": null,
-              "components": [
-                {
-                  "layout": "title-layout",
-                  "key": "cKrfdMzfUxGdYhst",
-                  "attributes": {
-                    "title_localization_key": "onboard.title.three-page",
-                    "number_of_lines": "2",
-                    "adaptive_font_size": false,
-                    "title_color": "#12131A",
-                    "coloredwords": [],
-                    "styles": [
-                      {
-                        "layout": "style-layout",
-                        "key": "cO0uTIgytvIPus6O",
-                        "attributes": {
-                          "styles": [
-                            {
-                              "layout": "Styles",
-                              "key": "ccUpxb1n3yNqZig0",
-                              "attributes": {
-                                "type": "textStyle",
-                                "style": {
-                                  "textAlign": "center",
-                                  "marginTop": 40
-                                }
-                              }
-                            }
-                          ]
-                        }
-                      }
-                    ]
+              "buttons_direction": "row",
+              "condition": "carousel-index",
+              "conditionVariable": 1
+            },
+            "children": [
+              {
+                "type": "OnboardButton",
+                "attributes": {
+                  "labelKey": "onboard.skip.two-page",
+                  "button_text_color": "#81838F",
+                  "button_background_color": "#ffffff00",
+                  "events": [
+                    {
+                      "type": "Permission",
+                      "permission": "att"
+                    },
+                    {
+                      "type": "Navigate",
+                      "navigate_to": null,
+                      "targetIndex": 3
+                    }
+                  ],
+                  "style": {
+                    "flex": 1
                   }
-                },
-                {
-                  "layout": "image-layout",
-                  "key": "cW7eKTK8kwrmHPZF",
-                  "attributes": {
-                    "is_bg_image": false,
-                    "height": "350",
-                    "android_height": "350",
-                    "ios_height": "350",
-                    "styles": [],
-                    "image": "https://textcall-dev.s3.amazonaws.com/onboard/high/3f312b38faf844746250cd54f27f91da.png"
-                  }
-                },
-                {
-                  "layout": "subtitle-layout",
-                  "key": "cKeCJntAd8La4kt6",
-                  "attributes": {
-                    "subtitle_localization_key": "onboard.subtitle.three-page",
-                    "subtitle_color": "#44454D",
-                    "subtitle_font": null,
-                    "styles": [
-                      {
-                        "layout": "style-layout",
-                        "key": "cl8QMTgTLyRZEo5d",
-                        "attributes": {
-                          "styles": [
-                            {
-                              "layout": "Styles",
-                              "key": "c7IfOTlsraVDcxsv",
-                              "attributes": {
-                                "type": "textStyle",
-                                "style": {
-                                  "textAlign": "center",
-                                  "fontSize": 16
-                                }
-                              }
-                            }
-                          ]
-                        }
-                      }
-                    ]
-                  }
-                },
-                {
-                  "layout": "Buttons",
-                  "key": "cVnKizCpTO9oedvX",
-                  "attributes": {
-                    "buttons_direction": "row",
-                    "buttons": [
-                      {
-                        "layout": "skip-button-layout",
-                        "key": "cQh6Yr0AySTv7JTJ",
-                        "attributes": {
-                          "flex": "1",
-                          "button_text_localization_key": "onboard.skip.three-page",
-                          "button_text_color": "#81838F",
-                          "is_transparant_bg": false,
-                          "button_background_color": "#ffffff00",
-                          "actions": [
-                            {
-                              "layout": "action-layout",
-                              "key": "cXBXIWhYO8sMiAea",
-                              "attributes": {
-                                "events": [
-                                  {
-                                    "layout": "Navigate",
-                                    "key": "ckR5hy3gdEX9Tbcp",
-                                    "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": "caD93TUBvqM9stiK",
-                        "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": "cUWsk6ZaobgtjygM",
-                              "attributes": {
-                                "events": [
-                                  {
-                                    "layout": "Permission",
-                                    "key": "cD9EfBXK9ojHo5K3",
-                                    "attributes": {
-                                      "permission": "rating"
-                                    }
-                                  },
-                                  {
-                                    "layout": "Navigate",
-                                    "key": "cvdgLEu69Or72lJh",
-                                    "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
                   }
                 }
-              ]
-            }
+              }
+            ]
           },
           {
-            "layout": "simple-onboard-layout",
-            "key": "cmx3sT3YRgACNoBv",
+            "type": "OnboardButtons",
             "attributes": {
-              "key": "app_onboard-page4",
-              "min_android_version": "12",
-              "components": [
-                {
-                  "layout": "title-layout",
-                  "key": "cLijTCmxd6N2beqg",
-                  "attributes": {
-                    "title_localization_key": "onboard.title.four-page",
-                    "number_of_lines": "2",
-                    "adaptive_font_size": false,
-                    "title_color": "#12131A",
-                    "coloredwords": [],
-                    "styles": [
-                      {
-                        "layout": "style-layout",
-                        "key": "c9E18gzzew8i3c0i",
-                        "attributes": {
-                          "styles": [
-                            {
-                              "layout": "Styles",
-                              "key": "cEgw4X1DFG20kX7Y",
-                              "attributes": {
-                                "type": "textStyle",
-                                "style": {
-                                  "textAlign": "center",
-                                  "marginTop": 40
-                                }
-                              }
-                            }
-                          ]
-                        }
-                      }
-                    ]
+              "buttons_direction": "row",
+              "condition": "carousel-index",
+              "conditionVariable": 2
+            },
+            "children": [
+              {
+                "type": "OnboardButton",
+                "attributes": {
+                  "labelKey": "onboard.skip.three-page",
+                  "button_text_color": "#81838F",
+                  "button_background_color": "#ffffff00",
+                  "events": [
+                    {
+                      "type": "Navigate",
+                      "navigate_to": null,
+                      "targetIndex": 3
+                    }
+                  ],
+                  "style": {
+                    "flex": 1
                   }
-                },
-                {
-                  "layout": "image-layout",
-                  "key": "cZoslaVC3xb7mcWc",
-                  "attributes": {
-                    "is_bg_image": false,
-                    "height": "350",
-                    "android_height": "350",
-                    "ios_height": "350",
-                    "styles": [],
-                    "image": "https://textcall-dev.s3.amazonaws.com/onboard/high/f4db2a32a43239c3bbbe742cb0f18b61.png"
-                  }
-                },
-                {
-                  "layout": "subtitle-layout",
-                  "key": "cdCwD5nJ2DlDO5KY",
-                  "attributes": {
-                    "subtitle_localization_key": "onboard.subtitle.four-page",
-                    "subtitle_color": "#44454D",
-                    "subtitle_font": null,
-                    "styles": [
-                      {
-                        "layout": "style-layout",
-                        "key": "cNc4qj0KNwAXFENj",
-                        "attributes": {
-                          "styles": [
-                            {
-                              "layout": "Styles",
-                              "key": "c2GDBOndoaWxghsj",
-                              "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": "cAOcd1hyFKZNzosk",
-                  "attributes": {
-                    "buttons_direction": "row",
-                    "buttons": [
-                      {
-                        "layout": "button-layout",
-                        "key": "cxFfSJNZcJqPavkh",
-                        "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": "cgtBZJvdDVlzDAIE",
-                              "attributes": {
-                                "events": [
-                                  {
-                                    "layout": "Permission",
-                                    "key": "cO5VtdbSc4xVTEUo",
-                                    "attributes": {
-                                      "permission": "notification"
-                                    }
-                                  },
-                                  {
-                                    "layout": "Navigate",
-                                    "key": "cTEG49LslKtvx85s",
-                                    "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
                   }
                 }
-              ]
+              }
+            ]
+          },
+          {
+            "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": "light"
+        }
       }
-    }
+    ]
   }
 }