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

package/src/assets/samples/paywall-1.json

@@ -281,7 +281,7 @@
                       "description": "Metin öğesi. (#4)",
                       "title": "Product Desc(s)",
                       "styles": {
-                        "flex": 4
+                        "flex": 6
                       },
                       "testID": "Text-test-id-4"
                     },
@@ -293,7 +293,7 @@
                       "title": "Price Column",
                       "styles": {
                         "flexDirection": "column",
-                        "flex": 1,
+                        "flex": 2,
                         "alignItems": "flex-end"
                       },
                       "testID": "View-test-id-6"

package/src/assets/samples/terms-and-privacy-no-form.json

@@ -0,0 +1,108 @@
+{
+  "name": "Terms and Privacy (no form)",
+  "version": "1.1.2",
+  "type": "terms",
+  "data": {
+    "type": "Main",
+    "isMain": true,
+    "attributes": {
+      "useSafeAreaView": true,
+      "description": "Terms and Privacy screen without FormProvider; plain Checkbox and SystemButton.",
+      "title": "Terms & Privacy",
+      "styles": {
+        "backgroundColor": "THEME_COLORS.BACKGROUND",
+        "flex": 1
+      },
+      "testID": "TermsPrivacyNoForm-Main"
+    },
+    "children": [
+      {
+        "type": "View",
+        "attributes": {
+          "description": "Header section",
+          "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": "TermsPrivacyNoForm-WebView"
+        }
+      },
+      {
+        "type": "View",
+        "attributes": {
+          "description": "Footer section",
+          "styles": {
+            "padding": 20,
+            "backgroundColor": "THEME_COLORS.BACKGROUND",
+            "borderTopWidth": 1,
+            "borderTopColor": "THEME_COLORS.LINE",
+            "gap": 16
+          }
+        },
+        "children": [
+          {
+            "type": "Checkbox",
+            "attributes": {
+              "checked": false,
+              "label": "view.terms.checkbox.label",
+              "checkedColor": "THEME_COLORS.CHECKBOX_ACTIVE_COLOR",
+              "styles": {
+                "marginBottom": 8
+              },
+              "testID": "TermsPrivacyNoForm-Checkbox"
+            }
+          },
+          {
+            "type": "SystemButton",
+            "attributes": {
+              "labelKey": "view.terms.accept.button",
+              "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": "TermsPrivacyNoForm-AcceptButton"
+            }
+          }
+        ]
+      }
+    ]
+  }
+}

package/src/assets/samples/terms-and-privacy.json

@@ -0,0 +1,130 @@
+{
+  "name": "Terms and Privacy",
+  "version": "1.1.2",
+  "type": "terms",
+  "data": {
+    "type": "Main",
+    "isMain": true,
+    "attributes": {
+      "useSafeAreaView": true,
+      "description": "Terms and Privacy screen container",
+      "title": "Terms & Privacy",
+      "styles": {
+        "backgroundColor": "THEME_COLORS.BACKGROUND",
+        "flex": 1
+      },
+      "testID": "TermsPrivacy-Main"
+    },
+    "children": [
+      {
+        "type": "View",
+        "attributes": {
+          "description": "Header section",
+          "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": "TermsPrivacy-WebView"
+        }
+      },
+      {
+        "type": "View",
+        "attributes": {
+          "description": "Footer section",
+          "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": "TermsPrivacy-Checkbox"
+                }
+              },
+              {
+                "type": "FormErrorText",
+                "attributes": {
+                  "styles": {
+                    "marginBottom": 8
+                  },
+                  "testID": "TermsPrivacy-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": "TermsPrivacy-AcceptButton"
+                }
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }
+}