@developer_tribe/react-builder 1.2.42 → 1.2.44-test.1

package/src/assets/samples/global-onboard-flow.json

@@ -0,0 +1,729 @@
+{
+  "name": "Global Onboard Flow",
+  "version": "1.1.2",
+  "type": "other",
+  "data": {
+    "type": "Main",
+    "isMain": true,
+    "attributes": {
+      "useSafeAreaView": true,
+      "description": "GlobalProvider flow: Terms → Onboard → Paywall",
+      "title": "Main",
+      "styles": {
+        "flex": 1,
+        "backgroundColor": "THEME_COLORS.BACKGROUND"
+      },
+      "testID": "GlobalFlow-Main"
+    },
+    "children": {
+      "type": "GlobalProvider",
+      "attributes": {
+        "initialPage": "terms",
+        "persistProgress": true,
+        "skipConditions": [
+          { "pageKey": "terms", "conditionKey": "termsAccepted" }
+        ],
+        "testID": "GlobalFlow-Provider"
+      },
+      "children": [
+        {
+          "type": "TermsProvider",
+          "key": "terms",
+          "attributes": {
+            "description": "Terms and Privacy page",
+            "title": "TermsProvider",
+            "styles": {
+              "flex": 1,
+              "backgroundColor": "THEME_COLORS.BACKGROUND"
+            },
+            "testID": "GlobalFlow-Terms"
+          },
+          "children": [
+            {
+              "type": "View",
+              "attributes": {
+                "description": "Header",
+                "styles": {
+                  "padding": 16,
+                  "alignItems": "center",
+                  "borderBottomWidth": 1,
+                  "borderBottomColor": "THEME_COLORS.LINE",
+                  "backgroundColor": "THEME_COLORS.BACKGROUND"
+                }
+              },
+              "children": [
+                {
+                  "type": "Text",
+                  "children": "view.terms.header.title",
+                  "attributes": {
+                    "styles": {
+                      "fontSize": 20,
+                      "fontWeight": "700",
+                      "color": "THEME_COLORS.TEXT"
+                    }
+                  }
+                }
+              ]
+            },
+            {
+              "type": "WebView",
+              "attributes": {
+                "iosUrl": "https://stage.vpn111.net/page/ios/privacy",
+                "androidUrl": "https://stage.vpn111.net/page/android/privacy",
+                "styles": {
+                  "flex": 1,
+                  "backgroundColor": "THEME_COLORS.BACKGROUND"
+                },
+                "testID": "GlobalFlow-Terms-WebView"
+              }
+            },
+            {
+              "type": "View",
+              "attributes": {
+                "description": "Footer",
+                "styles": {
+                  "padding": 20,
+                  "backgroundColor": "THEME_COLORS.BACKGROUND",
+                  "borderTopWidth": 1,
+                  "borderTopColor": "THEME_COLORS.LINE",
+                  "gap": 16
+                }
+              },
+              "children": [
+                {
+                  "type": "FormProvider",
+                  "attributes": {
+                    "defaultValues": "{\"termsAccepted\": false}",
+                    "validationErrorMessageKey": "view.terms.error.must_accept"
+                  },
+                  "children": [
+                    {
+                      "type": "FormCheckbox",
+                      "attributes": {
+                        "name": "termsAccepted",
+                        "validation": ["required"],
+                        "checked": false,
+                        "label": "view.terms.checkbox.label",
+                        "checkedColor": "THEME_COLORS.CHECKBOX_ACTIVE_COLOR",
+                        "styles": {
+                          "marginBottom": 8
+                        },
+                        "testID": "GlobalFlow-Terms-Checkbox"
+                      }
+                    },
+                    {
+                      "type": "FormErrorText",
+                      "attributes": {
+                        "styles": {
+                          "marginBottom": 8
+                        },
+                        "testID": "GlobalFlow-Terms-FormErrorText"
+                      }
+                    },
+                    {
+                      "type": "FormSubmitButton",
+                      "attributes": {
+                        "labelKey": "view.terms.accept.button",
+                        "validationRequired": true,
+                        "disableIfUnvalidated": true,
+                        "events": [
+                          {
+                            "type": "Navigate",
+                            "placementKey": "onboard"
+                          }
+                        ],
+                        "styles": {
+                          "backgroundColor": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND",
+                          "color": "#FFFFFF",
+                          "height": 48,
+                          "borderRadius": 8,
+                          "alignItems": "center",
+                          "justifyContent": "center",
+                          "fontWeight": "600"
+                        },
+                        "testID": "GlobalFlow-Terms-AcceptButton"
+                      }
+                    }
+                  ]
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "type": "OnboardProvider",
+          "key": "onboard",
+          "attributes": {
+            "theme": "dark",
+            "description": "Onboard page",
+            "title": "OnboardProvider",
+            "animation": "slide_from_bottom",
+            "testID": "GlobalFlow-OnboardProvider"
+          },
+          "children": [
+            {
+              "type": "Onboard",
+              "attributes": {
+                "description": "Onboard slides",
+                "title": "Onboard",
+                "styles": {
+                  "flex": 1
+                },
+                "testID": "GlobalFlow-Onboard"
+              },
+              "children": [
+                {
+                  "type": "OnboardItem",
+                  "key": "global-onboard-page1",
+                  "attributes": {
+                    "description": "Slide 1",
+                    "title": "OnboardItem 1",
+                    "testID": "GlobalFlow-OnboardItem-1"
+                  },
+                  "children": [
+                    {
+                      "type": "OnboardTitle",
+                      "attributes": {
+                        "styles": {
+                          "color": "THEME_COLORS.ONBOARD_TITLE",
+                          "textAlign": "center",
+                          "marginTop": 40
+                        },
+                        "testID": "GlobalFlow-OnboardTitle-1"
+                      },
+                      "children": "base.onboard.title.one-page"
+                    },
+                    {
+                      "type": "OnboardSubtitle",
+                      "attributes": {
+                        "styles": {
+                          "color": "THEME_COLORS.ONBOARD_SUBTITLE",
+                          "fontSize": 16,
+                          "textAlign": "center"
+                        },
+                        "testID": "GlobalFlow-OnboardSubtitle-1"
+                      },
+                      "children": "base.onboard.subtitle.one-page"
+                    }
+                  ]
+                },
+                {
+                  "type": "OnboardItem",
+                  "key": "global-onboard-page2",
+                  "attributes": {
+                    "description": "Slide 2",
+                    "title": "OnboardItem 2",
+                    "testID": "GlobalFlow-OnboardItem-2"
+                  },
+                  "children": [
+                    {
+                      "type": "OnboardTitle",
+                      "attributes": {
+                        "styles": {
+                          "color": "THEME_COLORS.ONBOARD_TITLE",
+                          "textAlign": "center",
+                          "marginTop": 40
+                        },
+                        "testID": "GlobalFlow-OnboardTitle-2"
+                      },
+                      "children": "base.onboard.title.two-page"
+                    },
+                    {
+                      "type": "OnboardSubtitle",
+                      "attributes": {
+                        "styles": {
+                          "color": "THEME_COLORS.ONBOARD_SUBTITLE",
+                          "fontSize": 16,
+                          "textAlign": "center"
+                        },
+                        "testID": "GlobalFlow-OnboardSubtitle-2"
+                      },
+                      "children": "base.onboard.subtitle.two-page"
+                    }
+                  ]
+                }
+              ]
+            },
+            {
+              "type": "OnboardDot",
+              "attributes": {
+                "dotType": "expanding_dot",
+                "dot_thickness": 20,
+                "inactive_dot_opacity": 0.3,
+                "inactive_dot_color": "STATIC_COLORS.ONBOARD_DOT_INACTIVE",
+                "active_dot_color": "STATIC_COLORS.ONBOARD_DOT_ACTIVE",
+                "styles": {
+                  "paddingVertical": 12
+                },
+                "testID": "GlobalFlow-OnboardDot"
+              }
+            },
+            {
+              "type": "OnboardButtons",
+              "attributes": {
+                "buttons_direction": "row",
+                "condition": "carousel-index",
+                "conditionVariable": 0,
+                "description": "Slide 1 buttons",
+                "title": "OnboardButtons 1",
+                "styles": {
+                  "height": 40,
+                  "marginVertical": 12,
+                  "flexShrink": 0
+                },
+                "testID": "GlobalFlow-OnboardButtons-1"
+              },
+              "children": [
+                {
+                  "type": "OnboardButton",
+                  "attributes": {
+                    "labelKey": "base.onboard.skip.one-page",
+                    "events": [
+                      {
+                        "type": "Navigate",
+                        "navigate_to": null,
+                        "targetIndex": 1
+                      }
+                    ],
+                    "styles": {
+                      "flex": 1,
+                      "color": "THEME_COLORS.ONBOARD_BUTTON_SECONDARY_TEXT",
+                      "backgroundColor": "STATIC_COLORS.TRANSPARENT"
+                    },
+                    "testID": "onboardSkip"
+                  }
+                },
+                {
+                  "type": "OnboardButton",
+                  "attributes": {
+                    "labelKey": "base.onboard.next.one-page",
+                    "events": [
+                      {
+                        "type": "Navigate",
+                        "navigate_to": null,
+                        "targetIndex": 1
+                      }
+                    ],
+                    "styles": {
+                      "flex": 1,
+                      "color": "STATIC_COLORS.WHITE",
+                      "backgroundColor": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND"
+                    },
+                    "testID": "onboardNext"
+                  }
+                }
+              ]
+            },
+            {
+              "type": "OnboardButtons",
+              "attributes": {
+                "buttons_direction": "row",
+                "condition": "carousel-index",
+                "conditionVariable": 1,
+                "description": "Slide 2 buttons (last) — navigate to paywall",
+                "title": "OnboardButtons 2",
+                "styles": {
+                  "height": 40,
+                  "marginVertical": 12,
+                  "flexShrink": 0
+                },
+                "testID": "GlobalFlow-OnboardButtons-2"
+              },
+              "children": [
+                {
+                  "type": "OnboardButton",
+                  "attributes": {
+                    "labelKey": "base.onboard.allow.four-page",
+                    "events": [
+                      {
+                        "type": "Permission",
+                        "permission": "notification"
+                      },
+                      {
+                        "type": "Navigate",
+                        "placementKey": "paywall"
+                      }
+                    ],
+                    "styles": {
+                      "flex": 1,
+                      "color": "STATIC_COLORS.WHITE",
+                      "backgroundColor": "STATIC_COLORS.ONBOARD_BUTTON_PRIMARY_BACKGROUND"
+                    },
+                    "testID": "onboardNext"
+                  }
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "type": "PaywallProvider",
+          "key": "paywall",
+          "attributes": {
+            "scrollable": true,
+            "description": "Paywall page",
+            "title": "PaywallProvider",
+            "animation": "none",
+            "styles": {
+              "flexDirection": "column",
+              "alignItems": "stretch",
+              "justifyContent": "flex-start",
+              "position": "relative",
+              "backgroundColor": "THEME_COLORS.BACKGROUND"
+            },
+            "testID": "GlobalFlow-PaywallProvider"
+          },
+          "children": [
+            {
+              "type": "PaywallBackground",
+              "attributes": {
+                "src": "https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1200&q=80",
+                "resizeMode": "cover",
+                "description": "Paywall arka planı",
+                "testID": "GlobalFlow-PaywallBackground"
+              },
+              "children": null
+            },
+            {
+              "type": "View",
+              "attributes": {
+                "title": "Paywall Inner",
+                "styles": {
+                  "paddingTop": 56,
+                  "paddingHorizontal": 16,
+                  "paddingBottom": 16,
+                  "gap": 12,
+                  "flex": 1
+                },
+                "testID": "GlobalFlow-Paywall-Inner"
+              },
+              "children": [
+                {
+                  "type": "PaywallCloseButton",
+                  "attributes": {
+                    "styles": {
+                      "width": 32,
+                      "height": 32,
+                      "borderRadius": 16,
+                      "backgroundColor": "STATIC_COLORS.WHITE",
+                      "color": "STATIC_COLORS.BLACK",
+                      "zIndex": 10,
+                      "alignItems": "center",
+                      "justifyContent": "center"
+                    },
+                    "testID": "GlobalFlow-PaywallCloseButton"
+                  },
+                  "children": null
+                },
+                {
+                  "type": "View",
+                  "attributes": {
+                    "description": "Benefits",
+                    "title": "Benefits",
+                    "styles": {
+                      "flexDirection": "column",
+                      "gap": 0,
+                      "marginTop": "4%"
+                    },
+                    "testID": "GlobalFlow-Paywall-Benefits"
+                  },
+                  "children": [
+                    {
+                      "type": "View",
+                      "attributes": {
+                        "title": "Benefit #1",
+                        "styles": {
+                          "flexDirection": "row",
+                          "alignItems": "center",
+                          "gap": 8,
+                          "paddingVertical": 8,
+                          "paddingHorizontal": 12
+                        },
+                        "testID": "GlobalFlow-Benefit-1"
+                      },
+                      "children": [
+                        {
+                          "type": "BIcon",
+                          "attributes": {
+                            "iconType": "check",
+                            "strokeWidth": 3,
+                            "styles": {
+                              "color": "THEME_COLORS.ICON",
+                              "fontSize": "16",
+                              "flex": 0
+                            },
+                            "testID": "GlobalFlow-BIcon-1"
+                          },
+                          "children": null
+                        },
+                        {
+                          "type": "Text",
+                          "attributes": {
+                            "styles": {
+                              "flex": 1,
+                              "color": "STATIC_COLORS.WHITE",
+                              "fontWeight": "700"
+                            },
+                            "testID": "GlobalFlow-BenefitText-1"
+                          },
+                          "children": "@benefit1 — Unlimited access"
+                        }
+                      ]
+                    },
+                    {
+                      "type": "View",
+                      "attributes": {
+                        "title": "Benefit #2",
+                        "styles": {
+                          "flexDirection": "row",
+                          "alignItems": "center",
+                          "gap": 8,
+                          "paddingVertical": 8,
+                          "paddingHorizontal": 12
+                        },
+                        "testID": "GlobalFlow-Benefit-2"
+                      },
+                      "children": [
+                        {
+                          "type": "BIcon",
+                          "attributes": {
+                            "iconType": "check",
+                            "strokeWidth": 3,
+                            "styles": {
+                              "color": "THEME_COLORS.ICON",
+                              "fontSize": "16",
+                              "flex": 0
+                            },
+                            "testID": "GlobalFlow-BIcon-2"
+                          },
+                          "children": null
+                        },
+                        {
+                          "type": "Text",
+                          "attributes": {
+                            "styles": {
+                              "flex": 1,
+                              "color": "STATIC_COLORS.WHITE",
+                              "fontWeight": "700"
+                            },
+                            "testID": "GlobalFlow-BenefitText-2"
+                          },
+                          "children": "@benefit2 — 7-day free trial"
+                        }
+                      ]
+                    },
+                    {
+                      "type": "View",
+                      "attributes": {
+                        "title": "Benefit #3",
+                        "styles": {
+                          "flexDirection": "row",
+                          "alignItems": "center",
+                          "gap": 8,
+                          "paddingVertical": 8,
+                          "paddingHorizontal": 12
+                        },
+                        "testID": "GlobalFlow-Benefit-3"
+                      },
+                      "children": [
+                        {
+                          "type": "BIcon",
+                          "attributes": {
+                            "iconType": "check",
+                            "strokeWidth": 3,
+                            "styles": {
+                              "color": "THEME_COLORS.ICON",
+                              "fontSize": "16",
+                              "flex": 0
+                            },
+                            "testID": "GlobalFlow-BIcon-3"
+                          },
+                          "children": null
+                        },
+                        {
+                          "type": "Text",
+                          "attributes": {
+                            "styles": {
+                              "flex": 1,
+                              "color": "STATIC_COLORS.WHITE",
+                              "fontWeight": "700"
+                            },
+                            "testID": "GlobalFlow-BenefitText-3"
+                          },
+                          "children": "@benefit3 — Cancel anytime"
+                        }
+                      ]
+                    }
+                  ]
+                },
+                {
+                  "type": "PaywallOptions",
+                  "attributes": {
+                    "description": "Abonelik seçenekleri",
+                    "styles": {
+                      "borderRadius": 12,
+                      "backgroundColor": "THEME_COLORS.BACKGROUND"
+                    },
+                    "testID": "GlobalFlow-PaywallOptions"
+                  },
+                  "children": [
+                    {
+                      "type": "RadioButton",
+                      "attributes": {
+                        "title": "Product Radio(s)",
+                        "styles": { "flex": 1 },
+                        "testID": "GlobalFlow-RadioButton"
+                      },
+                      "children": null
+                    },
+                    {
+                      "type": "Text",
+                      "attributes": {
+                        "title": "Product Desc(s)",
+                        "styles": { "flex": 6 },
+                        "testID": "GlobalFlow-ProductDesc"
+                      },
+                      "children": "@productDescription"
+                    },
+                    {
+                      "type": "View",
+                      "attributes": {
+                        "title": "Price Column",
+                        "styles": {
+                          "flexDirection": "column",
+                          "flex": 2,
+                          "alignItems": "flex-end"
+                        },
+                        "testID": "GlobalFlow-PriceColumn"
+                      },
+                      "children": [
+                        {
+                          "type": "PriceTag",
+                          "attributes": {
+                            "title": "Promo Price",
+                            "styles": {
+                              "textAlign": "right",
+                              "fontWeight": "700"
+                            },
+                            "testID": "GlobalFlow-PriceTag-Promo"
+                          },
+                          "children": "@localizedCalculatedPrice"
+                        },
+                        {
+                          "type": "PriceTag",
+                          "attributes": {
+                            "title": "Original Price",
+                            "hideIfItsNotDiscount": true,
+                            "styles": {
+                              "textAlign": "right",
+                              "textDecorationLine": "line-through",
+                              "fontSize": "12@fs",
+                              "fontWeight": "400",
+                              "color": "#999999"
+                            },
+                            "testID": "GlobalFlow-PriceTag-Original"
+                          },
+                          "children": "@localizedPrice"
+                        }
+                      ]
+                    },
+                    {
+                      "type": "BIcon",
+                      "attributes": {
+                        "iconType": "chevron-right",
+                        "size": 16,
+                        "title": "Product BIcon(s)",
+                        "styles": {
+                          "marginRight": 4,
+                          "flex": 0,
+                          "width": 32,
+                          "color": "STATIC_COLORS.BLACK"
+                        },
+                        "testID": "GlobalFlow-Chevron"
+                      },
+                      "children": null
+                    }
+                  ]
+                },
+                {
+                  "type": "View",
+                  "attributes": {
+                    "description": "Subscription button container",
+                    "title": "Subs Container",
+                    "styles": {
+                      "flex": 1,
+                      "flexDirection": "column",
+                      "justifyContent": "flex-end",
+                      "alignItems": "stretch",
+                      "gap": 8,
+                      "paddingBottom": "50px"
+                    },
+                    "testID": "GlobalFlow-SubsContainer"
+                  },
+                  "children": [
+                    {
+                      "type": "Pricing",
+                      "attributes": {
+                        "description": "Pricing breakdown",
+                        "title": "Pricing Detail",
+                        "testID": "GlobalFlow-Pricing"
+                      },
+                      "children": "@baseLocalizedPricingText"
+                    },
+                    {
+                      "type": "Text",
+                      "attributes": {
+                        "title": "Trial Full",
+                        "styles": {
+                          "textAlign": "center",
+                          "fontSize": 12,
+                          "color": "rgba(255,255,255,0.6)"
+                        },
+                        "testID": "GlobalFlow-TrialText"
+                      },
+                      "children": "@trialPeriod days free, then @price/@period"
+                    },
+                    {
+                      "type": "PaywallSubscribeButton",
+                      "children": "@subscribe",
+                      "attributes": {
+                        "title": "Subscribe",
+                        "testID": "GlobalFlow-SubscribeButton"
+                      }
+                    },
+                    {
+                      "type": "Promo",
+                      "attributes": {
+                        "description": "Discount badge",
+                        "title": "Promo Badge",
+                        "testID": "GlobalFlow-Promo"
+                      },
+                      "children": "@baseLocalizedPromoText"
+                    },
+                    {
+                      "type": "PaywallFooter",
+                      "attributes": {
+                        "textLocalizationKey": "base.builder.paywall.footer.description",
+                        "linkedWordFirstLocalizationKey": "base.builder.paywall.btnPrivacy",
+                        "linkedWordFirstColor": "STATIC_COLORS.ONBOARD_LINK_COLOR",
+                        "linkedWordFirstPage": "privacy",
+                        "linkedWordSecondLocalizationKey": "base.builder.paywall.btnTerms",
+                        "linkedWordSecondColor": "STATIC_COLORS.ONBOARD_LINK_COLOR",
+                        "linkedWordSecondPage": "terms",
+                        "styles": {
+                          "gap": 8,
+                          "color": "THEME_COLORS.ONBOARD_FOOTER_TEXT"
+                        },
+                        "testID": "GlobalFlow-PaywallFooter"
+                      }
+                    }
+                  ]
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    }
+  }
+}