@developer_tribe/react-builder 1.0.8 → 1.0.9

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

@@ -1,6 +1,6 @@
 {
-  "name": "vpn-onboard-5 (legacy)",
-  "version": "1.0.0",
+  "name": "vpn-onboard-5",
+  "version": "1.1.0",
   "type": "onboard",
   "appConfig": {
     "theme": "light",
@@ -85,455 +85,515 @@
     "children": [
       {
         "type": "OnboardProvider",
-    "children": [
-      {
-        "type": "Onboard",
         "children": [
           {
-            "type": "OnboardItem",
-            "key": "app_onboard-page1",
+            "type": "Onboard",
             "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": "OnboardItem",
+                "key": "app_onboard-page1",
+                "children": [
+                  {
+                    "type": "OnboardImage",
+                    "attributes": {
+                      "src": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/d237d6cde8bc9126cee7b47e30cd19f0.png",
+                      "resizeMode": "contain",
+                      "lottie": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/lottie/0be045f9fe44c790a4525a1a6bc4b837.json",
+                      "style": {
+                        "height": 400
+                      }
+                    }
+                  },
+                  {
+                    "type": "OnboardTitle",
+                    "attributes": {
+                      "style": {
+                        "color": "#080A17"
+                      }
+                    },
+                    "children": "onboard.title.one-page"
+                  },
+                  {
+                    "type": "OnboardSubtitle",
+                    "attributes": {
+                      "style": {
+                        "color": "#272737"
+                      }
+                    },
+                    "children": "onboard.subtitle.one-page"
+                  }
+                ]
               },
               {
-                "type": "OnboardTitle",
-                "attributes": {
-                  "color": "#080A17"
-                },
-                "children": "onboard.title.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",
+                      "resizeMode": "contain",
+                      "video_url": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/video/440346112d02e65be3767c39b96cd7c0.mp4",
+                      "style": {
+                        "height": 400
+                      }
+                    }
+                  },
+                  {
+                    "type": "OnboardTitle",
+                    "attributes": {
+                      "style": {
+                        "color": "#080A17"
+                      }
+                    },
+                    "children": "onboard.title.two-page"
+                  },
+                  {
+                    "type": "OnboardSubtitle",
+                    "attributes": {
+                      "style": {
+                        "color": "#272737"
+                      }
+                    },
+                    "children": "onboard.subtitle.two-page"
+                  }
+                ]
               },
               {
-                "type": "OnboardSubtitle",
-                "attributes": {
-                  "color": "#272737"
-                },
-                "children": "onboard.subtitle.one-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",
+                      "resizeMode": "contain",
+                      "style": {
+                        "height": 400
+                      }
+                    }
+                  },
+                  {
+                    "type": "OnboardTitle",
+                    "attributes": {
+                      "style": {
+                        "color": "#080A17"
+                      }
+                    },
+                    "children": "onboard.title.three-page"
+                  },
+                  {
+                    "type": "OnboardSubtitle",
+                    "attributes": {
+                      "style": {
+                        "color": "#272737"
+                      }
+                    },
+                    "children": "onboard.subtitle.three-page"
+                  }
+                ]
+              },
+              {
+                "type": "OnboardItem",
+                "key": "app_onboard-page4",
+                "children": [
+                  {
+                    "type": "OnboardImage",
+                    "attributes": {
+                      "src": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/18cdd5cc478389df8ff362f95b7173ea.png",
+                      "resizeMode": "contain",
+                      "style": {
+                        "height": 400
+                      }
+                    }
+                  },
+                  {
+                    "type": "OnboardTitle",
+                    "attributes": {
+                      "style": {
+                        "color": "#080A17"
+                      }
+                    },
+                    "children": "onboard.title.five-page"
+                  },
+                  {
+                    "type": "OnboardSubtitle",
+                    "attributes": {
+                      "style": {
+                        "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",
+                      "resizeMode": "contain",
+                      "style": {
+                        "height": 400
+                      }
+                    }
+                  },
+                  {
+                    "type": "OnboardTitle",
+                    "attributes": {
+                      "style": {
+                        "color": "#080A17"
+                      }
+                    },
+                    "children": "onboard.title.six-page"
+                  },
+                  {
+                    "type": "OnboardSubtitle",
+                    "attributes": {
+                      "style": {
+                        "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",
+                      "resizeMode": "contain",
+                      "style": {
+                        "height": 400
+                      }
+                    }
+                  },
+                  {
+                    "type": "OnboardTitle",
+                    "attributes": {
+                      "style": {
+                        "color": "#080A17"
+                      }
+                    },
+                    "children": "onboard.title.four-page"
+                  },
+                  {
+                    "type": "OnboardSubtitle",
+                    "attributes": {
+                      "style": {
+                        "color": "#272737"
+                      }
+                    },
+                    "children": "onboard.subtitle.four-page"
+                  }
+                ]
               }
             ]
           },
           {
-            "type": "OnboardItem",
-            "key": "app_onboard-page2",
+            "type": "OnboardDot",
+            "attributes": {
+              "dotType": "expanding_dot",
+              "expanding_dot_width": 20
+            }
+          },
+          {
+            "type": "OnboardButtons",
+            "attributes": {
+              "buttons_direction": "row",
+              "condition": "carousel-index",
+              "conditionVariable": 0
+            },
             "children": [
               {
-                "type": "OnboardImage",
+                "type": "OnboardButton",
                 "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"
+                  "labelKey": "onboard.skip.one-page",
+                  "button_text_color": "#0450E2",
+                  "button_background_color": "#E9EBF9",
+                  "events": [
+                    {
+                      "type": "Navigate",
+                      "navigate_to": null,
+                      "targetIndex": 3
+                    }
+                  ],
+                  "style": {
+                    "flex": 1
+                  }
                 }
               },
               {
-                "type": "OnboardTitle",
-                "attributes": {
-                  "color": "#080A17"
-                },
-                "children": "onboard.title.two-page"
-              },
-              {
-                "type": "OnboardSubtitle",
+                "type": "OnboardButton",
                 "attributes": {
-                  "color": "#272737"
-                },
-                "children": "onboard.subtitle.two-page"
+                  "labelKey": "onboard.next.one-page",
+                  "button_text_color": "#ffffff",
+                  "button_background_color": "#0450E2",
+                  "events": [
+                    {
+                      "type": "Navigate",
+                      "navigate_to": null,
+                      "targetIndex": 1
+                    }
+                  ],
+                  "style": {
+                    "flex": 1
+                  }
+                }
               }
             ]
           },
           {
-            "type": "OnboardItem",
-            "key": "app_onboard-page3",
+            "type": "OnboardButtons",
+            "attributes": {
+              "buttons_direction": "row",
+              "condition": "carousel-index",
+              "conditionVariable": 1
+            },
             "children": [
               {
-                "type": "OnboardImage",
+                "type": "OnboardButton",
                 "attributes": {
-                  "src": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/fbb8677cd23cba79eef0ebef181e3b57.png",
-                  "height": 400,
-                  "resizeMode": "contain"
+                  "labelKey": "onboard.skip.two-page",
+                  "button_text_color": "#0450E2",
+                  "button_background_color": "#E9EBF9",
+                  "events": [
+                    {
+                      "type": "Navigate",
+                      "navigate_to": null,
+                      "targetIndex": 3
+                    }
+                  ],
+                  "style": {
+                    "flex": 1
+                  }
                 }
               },
               {
-                "type": "OnboardTitle",
-                "attributes": {
-                  "color": "#080A17"
-                },
-                "children": "onboard.title.three-page"
-              },
-              {
-                "type": "OnboardSubtitle",
+                "type": "OnboardButton",
                 "attributes": {
-                  "color": "#272737"
-                },
-                "children": "onboard.subtitle.three-page"
+                  "labelKey": "onboard.next.two-page",
+                  "button_text_color": "#ffffff",
+                  "button_background_color": "#0450E2",
+                  "events": [
+                    {
+                      "type": "Navigate",
+                      "navigate_to": null,
+                      "targetIndex": 2
+                    }
+                  ],
+                  "style": {
+                    "flex": 1
+                  }
+                }
               }
             ]
           },
           {
-            "type": "OnboardItem",
-            "key": "app_onboard-page4",
+            "type": "OnboardButtons",
+            "attributes": {
+              "buttons_direction": "row",
+              "condition": "carousel-index",
+              "conditionVariable": 2
+            },
             "children": [
               {
-                "type": "OnboardImage",
+                "type": "OnboardButton",
                 "attributes": {
-                  "src": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/18cdd5cc478389df8ff362f95b7173ea.png",
-                  "height": 400,
-                  "resizeMode": "contain"
+                  "labelKey": "onboard.skip.three-page",
+                  "button_text_color": "#0450E2",
+                  "button_background_color": "#E9EBF9",
+                  "events": [
+                    {
+                      "type": "Navigate",
+                      "navigate_to": null,
+                      "targetIndex": 3
+                    }
+                  ],
+                  "style": {
+                    "flex": 1
+                  }
                 }
               },
               {
-                "type": "OnboardTitle",
-                "attributes": {
-                  "color": "#080A17"
-                },
-                "children": "onboard.title.five-page"
-              },
-              {
-                "type": "OnboardSubtitle",
+                "type": "OnboardButton",
                 "attributes": {
-                  "color": "#272737"
-                },
-                "children": "onboard.subtitle.five-page"
+                  "labelKey": "onboard.next.three-page",
+                  "button_text_color": "#ffffff",
+                  "button_background_color": "#0450E2",
+                  "events": [
+                    {
+                      "type": "Navigate",
+                      "navigate_to": null,
+                      "targetIndex": 3
+                    }
+                  ],
+                  "style": {
+                    "flex": 1
+                  }
+                }
               }
             ]
           },
           {
-            "type": "OnboardItem",
-            "key": "app_onboard-page6",
+            "type": "OnboardButtons",
+            "attributes": {
+              "buttons_direction": "row",
+              "condition": "carousel-index",
+              "conditionVariable": 3
+            },
             "children": [
               {
-                "type": "OnboardImage",
+                "type": "OnboardButton",
                 "attributes": {
-                  "src": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/3c1225f83f5a5c934926fab3cb0e65d5.png",
-                  "height": 400,
-                  "resizeMode": "contain"
+                  "labelKey": "onboard.skip.five-page",
+                  "button_text_color": "#0450E2",
+                  "button_background_color": "#E9EBF9",
+                  "events": [
+                    {
+                      "type": "Navigate",
+                      "navigate_to": null,
+                      "targetIndex": 4
+                    }
+                  ],
+                  "style": {
+                    "flex": 1
+                  }
                 }
               },
               {
-                "type": "OnboardTitle",
+                "type": "OnboardButton",
                 "attributes": {
-                  "color": "#080A17"
-                },
-                "children": "onboard.title.six-page"
-              },
-              {
-                "type": "OnboardSubtitle",
-                "attributes": {
-                  "color": "#272737"
-                },
-                "children": "onboard.subtitle.six-page"
+                  "labelKey": "onboard.next.five-page",
+                  "button_text_color": "#ffffff",
+                  "button_background_color": "#0450E2",
+                  "events": [
+                    {
+                      "type": "Permission",
+                      "permission": "GDPR"
+                    },
+                    {
+                      "type": "Navigate",
+                      "navigate_to": null,
+                      "targetIndex": 4
+                    }
+                  ],
+                  "style": {
+                    "flex": 1
+                  }
+                }
               }
             ]
           },
           {
-            "type": "OnboardItem",
-            "key": "app_onboard-page5",
+            "type": "OnboardButtons",
+            "attributes": {
+              "buttons_direction": "row",
+              "condition": "carousel-index",
+              "conditionVariable": 4
+            },
             "children": [
               {
-                "type": "OnboardImage",
+                "type": "OnboardButton",
                 "attributes": {
-                  "src": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/ff07e162b2a63d38f07909e87848d46f.png",
-                  "height": 400,
-                  "resizeMode": "contain"
+                  "labelKey": "onboard.skip.five-page",
+                  "button_text_color": "#0450E2",
+                  "button_background_color": "#E9EBF9",
+                  "events": [
+                    {
+                      "type": "Navigate",
+                      "navigate_to": null,
+                      "targetIndex": 5
+                    }
+                  ],
+                  "style": {
+                    "flex": 1
+                  }
                 }
               },
               {
-                "type": "OnboardTitle",
-                "attributes": {
-                  "color": "#080A17"
-                },
-                "children": "onboard.title.four-page"
-              },
-              {
-                "type": "OnboardSubtitle",
+                "type": "OnboardButton",
                 "attributes": {
-                  "color": "#272737"
-                },
-                "children": "onboard.subtitle.four-page"
+                  "labelKey": "onboard.next.five-page",
+                  "button_text_color": "#ffffff",
+                  "button_background_color": "#0450E2",
+                  "events": [
+                    {
+                      "type": "Permission",
+                      "permission": "rating"
+                    },
+                    {
+                      "type": "Navigate",
+                      "navigate_to": null,
+                      "targetIndex": 5
+                    }
+                  ],
+                  "style": {
+                    "flex": 1
+                  }
+                }
               }
             ]
-          }
-        ]
-      },
-      {
-        "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": {
-              "labelKey": "onboard.skip.one-page",
-              "button_text_color": "#0450E2",
-              "button_background_color": "#E9EBF9",
-              "flex": 1,
-              "events": [
-                {
-                  "type": "Navigate",
-                  "navigate_to": null,
-                  "targetIndex": 3
-                }
-              ]
-            }
-          },
-          {
-            "type": "OnboardButton",
-            "attributes": {
-              "labelKey": "onboard.next.one-page",
-              "button_text_color": "#ffffff",
-              "button_background_color": "#0450E2",
-              "flex": 1,
-              "events": [
-                {
-                  "type": "Navigate",
-                  "navigate_to": null,
-                  "targetIndex": 1
-                }
-              ]
-            }
-          }
-        ]
-      },
-      {
-        "type": "OnboardButtons",
-        "attributes": {
-          "buttons_direction": "row",
-          "condition": "carousel-index",
-          "conditionVariable": 1
-        },
-        "children": [
-          {
-            "type": "OnboardButton",
-            "attributes": {
-              "labelKey": "onboard.skip.two-page",
-              "button_text_color": "#0450E2",
-              "button_background_color": "#E9EBF9",
-              "flex": 1,
-              "events": [
-                {
-                  "type": "Navigate",
-                  "navigate_to": null,
-                  "targetIndex": 3
-                }
-              ]
-            }
-          },
-          {
-            "type": "OnboardButton",
-            "attributes": {
-              "labelKey": "onboard.next.two-page",
-              "button_text_color": "#ffffff",
-              "button_background_color": "#0450E2",
-              "flex": 1,
-              "events": [
-                {
-                  "type": "Navigate",
-                  "navigate_to": null,
-                  "targetIndex": 2
-                }
-              ]
-            }
-          }
-        ]
-      },
-      {
-        "type": "OnboardButtons",
-        "attributes": {
-          "buttons_direction": "row",
-          "condition": "carousel-index",
-          "conditionVariable": 2
-        },
-        "children": [
-          {
-            "type": "OnboardButton",
-            "attributes": {
-              "labelKey": "onboard.skip.three-page",
-              "button_text_color": "#0450E2",
-              "button_background_color": "#E9EBF9",
-              "flex": 1,
-              "events": [
-                {
-                  "type": "Navigate",
-                  "navigate_to": null,
-                  "targetIndex": 3
-                }
-              ]
-            }
           },
           {
-            "type": "OnboardButton",
-            "attributes": {
-              "labelKey": "onboard.next.three-page",
-              "button_text_color": "#ffffff",
-              "button_background_color": "#0450E2",
-              "flex": 1,
-              "events": [
-                {
-                  "type": "Navigate",
-                  "navigate_to": null,
-                  "targetIndex": 3
-                }
-              ]
-            }
-          }
-        ]
-      },
-      {
-        "type": "OnboardButtons",
-        "attributes": {
-          "buttons_direction": "row",
-          "condition": "carousel-index",
-          "conditionVariable": 3
-        },
-        "children": [
-          {
-            "type": "OnboardButton",
+            "type": "OnboardButtons",
             "attributes": {
-              "labelKey": "onboard.skip.five-page",
-              "button_text_color": "#0450E2",
-              "button_background_color": "#E9EBF9",
-              "flex": 1,
-              "events": [
-                {
-                  "type": "Navigate",
-                  "navigate_to": null,
-                  "targetIndex": 4
-                }
-              ]
-            }
-          },
-          {
-            "type": "OnboardButton",
-            "attributes": {
-              "labelKey": "onboard.next.five-page",
-              "button_text_color": "#ffffff",
-              "button_background_color": "#0450E2",
-              "flex": 1,
-              "events": [
-                {
-                  "type": "Permission",
-                  "permission": "GDPR"
-                },
-                {
-                  "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": [
-                {
-                  "type": "Navigate",
-                  "navigate_to": null,
-                  "targetIndex": 5
+              "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",
+                  "events": [
+                    {
+                      "type": "Permission",
+                      "permission": "notification"
+                    },
+                    {
+                      "type": "Navigate",
+                      "navigate_to": "subscriptions"
+                    }
+                  ],
+                  "style": {
+                    "flex": 1
+                  }
                 }
-              ]
-            }
+              }
+            ]
           },
           {
-            "type": "OnboardButton",
+            "type": "OnboardFooter",
             "attributes": {
-              "labelKey": "onboard.next.five-page",
-              "button_text_color": "#ffffff",
-              "button_background_color": "#0450E2",
-              "flex": 1,
-              "events": [
-                {
-                  "type": "Permission",
-                  "permission": "rating"
-                },
-                {
-                  "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": [
-                {
-                  "type": "Permission",
-                  "permission": "notification"
-                },
-                {
-                  "type": "Navigate",
-                  "navigate_to": "subscriptions"
-                }
-              ]
+              "textLocalizationKey": "view.onboarding.footer.description",
+              "linkedWordFirstLocalizationKey": "view.onboarding.btnPrivacy",
+              "linkedWordFirstColor": "#0450E2",
+              "linkedWordFirstPage": "privacy",
+              "linkedWordSecondLocalizationKey": "view.onboarding.btnTerms",
+              "linkedWordSecondColor": "#0450E2",
+              "linkedWordSecondPage": "terms",
+              "style": {
+                "gap": 8,
+                "color": "#A2A4B1"
+              }
             }
           }
-        ]
-      },
-      {
-        "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"
+          "theme": "all"
         }
       }
-    ],
-    "attributes": {
-      "theme": "all"
-    }
-      }
     ]
   }
 }