@developer_tribe/react-builder 1.2.14 → 1.2.15

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

@@ -21,7 +21,9 @@
     "type": "Main",
     "isMain": true,
     "attributes": {
-      "useSafeAreaView": true
+      "useSafeAreaView": true,
+      "description": "Ekran\u0131n ana kapsay\u0131c\u0131s\u0131. (#1)",
+      "title": "Main"
     },
     "children": [
       {
@@ -34,25 +36,32 @@
             "position": "relative",
             "backgroundColor": "#F5F7FA"
           },
-          "scrollable": true
+          "scrollable": true,
+          "description": "Paywall ana sa\u011flay\u0131c\u0131s\u0131. (#1)",
+          "title": "Main Paywall"
         },
         "children": [
           {
             "type": "PaywallBackground",
+            "title": "Paywall Background",
             "attributes": {
               "src": "https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1200&q=80",
-              "resizeMode": "cover"
+              "resizeMode": "cover",
+              "description": "Paywall arka plan\u0131. (#1)",
+              "title": "Paywall Background"
             },
             "children": null
           },
           {
             "type": "View",
+            "title": "Paywall Inner",
             "attributes": {
               "style": {
                 "paddingTop": 56,
                 "paddingHorizontal": 16,
                 "paddingBottom": 16,
-                "gap": 12
+                "gap": 12,
+                "flex": 1
               }
             },
             "children": [
@@ -60,15 +69,14 @@
                 "type": "PaywallCloseButton",
                 "attributes": {
                   "style": {
-                    "position": "absolute",
-                    "top": 24,
-                    "left": 16,
                     "width": 32,
                     "height": 32,
                     "borderRadius": 16,
                     "backgroundColor": "#FFFFFF",
                     "color": "#000",
-                    "zIndex": 10
+                    "zIndex": 10,
+                    "alignItems": "center",
+                    "justifyContent": "center"
                   }
                 },
                 "children": null
@@ -80,7 +88,9 @@
                     "flexDirection": "column",
                     "gap": 0,
                     "marginTop": "16%"
-                  }
+                  },
+                  "description": "D\u00fczen ve yerle\u015fim konteyneri. (#2)",
+                  "title": "Benefits"
                 },
                 "children": [
                   {
@@ -92,7 +102,9 @@
                         "gap": 8,
                         "paddingVertical": 8,
                         "paddingHorizontal": 12
-                      }
+                      },
+                      "description": "D\u00fczen ve yerle\u015fim konteyneri. (#3)",
+                      "title": "Benefit #1"
                     },
                     "children": [
                       {
@@ -104,7 +116,9 @@
                             "color": "#22c55e",
                             "fontSize": "16",
                             "flex": 0
-                          }
+                          },
+                          "description": "\u0130kon \u00f6\u011fesi. (#1)",
+                          "title": "BIcon 1"
                         },
                         "children": null
                       },
@@ -115,9 +129,11 @@
                             "flex": 1,
                             "color": "#FFFFFF",
                             "fontWeight": "700"
-                          }
+                          },
+                          "description": "Metin \u00f6\u011fesi. (#1)",
+                          "title": "text 1"
                         },
-                        "children": "@benefit1 — Unlimited access"
+                        "children": "@benefit1 \u2014 Unlimited access"
                       }
                     ]
                   },
@@ -130,7 +146,9 @@
                         "gap": 8,
                         "paddingVertical": 8,
                         "paddingHorizontal": 12
-                      }
+                      },
+                      "description": "D\u00fczen ve yerle\u015fim konteyneri. (#4)",
+                      "title": "Benefit #2"
                     },
                     "children": [
                       {
@@ -142,7 +160,9 @@
                             "color": "#22c55e",
                             "fontSize": "16",
                             "flex": 0
-                          }
+                          },
+                          "description": "\u0130kon \u00f6\u011fesi. (#2)",
+                          "title": "BIcon 2"
                         },
                         "children": null
                       },
@@ -153,9 +173,11 @@
                             "flex": 1,
                             "color": "#FFFFFF",
                             "fontWeight": "700"
-                          }
+                          },
+                          "description": "Metin \u00f6\u011fesi. (#2)",
+                          "title": "text 2"
                         },
-                        "children": "@benefit2 — 7-day free trial"
+                        "children": "@benefit2 \u2014 7-day free trial"
                       }
                     ]
                   },
@@ -168,7 +190,9 @@
                         "gap": 8,
                         "paddingVertical": 8,
                         "paddingHorizontal": 12
-                      }
+                      },
+                      "description": "D\u00fczen ve yerle\u015fim konteyneri. (#5)",
+                      "title": "Benefit #3"
                     },
                     "children": [
                       {
@@ -180,7 +204,9 @@
                             "color": "#22c55e",
                             "fontSize": "16",
                             "flex": 0
-                          }
+                          },
+                          "description": "\u0130kon \u00f6\u011fesi. (#3)",
+                          "title": "BIcon 3"
                         },
                         "children": null
                       },
@@ -191,9 +217,11 @@
                             "flex": 1,
                             "color": "#FFFFFF",
                             "fontWeight": "700"
-                          }
+                          },
+                          "description": "Metin \u00f6\u011fesi. (#3)",
+                          "title": "text 3"
                         },
-                        "children": "@benefit3 — Cancel anytime"
+                        "children": "@benefit3 \u2014 Cancel anytime"
                       }
                     ]
                   }
@@ -205,7 +233,9 @@
                   "style": {
                     "borderRadius": 12,
                     "backgroundColor": "#FFFFFF"
-                  }
+                  },
+                  "description": "Abonelik se\u00e7enekleri alan\u0131. (#1)",
+                  "title": "Option(s)"
                 },
                 "children": [
                   {
@@ -213,7 +243,9 @@
                     "attributes": {
                       "style": {
                         "flex": 1
-                      }
+                      },
+                      "description": "Se\u00e7im sat\u0131r\u0131 \u00f6\u011fesi. (#1)",
+                      "title": "Product Radio(s)"
                     },
                     "children": null
                   },
@@ -223,9 +255,11 @@
                       "style": {
                         "flex": 4,
                         "color": "#000"
-                      }
+                      },
+                      "description": "Metin \u00f6\u011fesi. (#4)",
+                      "title": "Product Desc(s)"
                     },
-                    "children": "@productDescription — Unlock all premium features for a month."
+                    "children": "@productDescription \u2014 Unlock all premium features for a month."
                   },
                   {
                     "type": "text",
@@ -234,7 +268,9 @@
                         "flex": 1,
                         "textAlign": "right",
                         "color": "#000"
-                      }
+                      },
+                      "description": "Metin \u00f6\u011fesi. (#5)",
+                      "title": "Product Price(s)"
                     },
                     "children": "@localizedPrice"
                   },
@@ -248,7 +284,9 @@
                         "flex": 0,
                         "width": 32,
                         "color": "#000"
-                      }
+                      },
+                      "description": "\u0130kon \u00f6\u011fesi. (#4)",
+                      "title": "Product BIcon(s)"
                     },
                     "children": null
                   }
@@ -263,12 +301,18 @@
                     "justifyContent": "flex-end",
                     "alignItems": "stretch",
                     "paddingBottom": "50px"
-                  }
+                  },
+                  "description": "Subscription butonu kapsay\u0131c\u0131s\u0131. (#1)",
+                  "title": "Subs Container"
                 },
                 "children": [
                   {
                     "type": "PaywallSubscribeButton",
-                    "children": "Subscribe"
+                    "children": "Subscribe",
+                    "attributes": {
+                      "description": "Abonelik onay butonu. (#1)",
+                      "title": "Subscribe"
+                    }
                   }
                 ]
               }

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

@@ -0,0 +1,338 @@
+{
+  "name": "Paywall With Counter",
+  "version": "1.1.2",
+  "type": "paywall",
+  "appConfig": {
+    "theme": "light",
+    "isRtl": false,
+    "screenStyle": {
+      "light": {
+        "backgroundColor": "#F8FAFF",
+        "color": "#151725"
+      },
+      "dark": {
+        "backgroundColor": "#0F1118",
+        "color": "#E9EBF9"
+      }
+    },
+    "defaultLanguage": "en"
+  },
+  "data": {
+    "type": "Main",
+    "isMain": true,
+    "attributes": {
+      "useSafeAreaView": true,
+      "description": "Main container for Paywall 2.",
+      "title": "Main"
+    },
+    "children": [
+      {
+        "type": "PaywallProvider",
+        "attributes": {
+          "style": {
+            "flexDirection": "column",
+            "alignItems": "stretch",
+            "justifyContent": "flex-start",
+            "position": "relative",
+            "backgroundColor": "#EEF2FF"
+          },
+          "scrollable": true,
+          "description": "Paywall provider container.",
+          "title": "Main Paywall"
+        },
+        "children": [
+          {
+            "type": "PaywallBackground",
+            "attributes": {
+              "src": "https://images.unsplash.com/photo-1482192596544-9eb780fc7f66?auto=format&fit=crop&w=1200&q=80",
+              "resizeMode": "cover",
+              "description": "Paywall background.",
+              "title": "Paywall Background"
+            },
+            "children": null
+          },
+          {
+            "type": "View",
+            "attributes": {
+              "style": {
+                "paddingTop": 56,
+                "paddingHorizontal": 16,
+                "paddingBottom": 16,
+                "gap": 16,
+                "flex": 1
+              }
+            },
+            "children": [
+              {
+                "type": "PaywallCloseButton",
+                "attributes": {
+                  "style": {
+                    "width": 32,
+                    "height": 32,
+                    "borderRadius": 16,
+                    "backgroundColor": "#FFFFFF",
+                    "color": "#000",
+                    "zIndex": 10,
+                    "alignItems": "center",
+                    "justifyContent": "center"
+                  }
+                },
+                "children": null
+              },
+              {
+                "type": "View",
+                "attributes": {
+                  "style": {
+                    "flexDirection": "column",
+                    "gap": 4,
+                    "marginTop": "12%"
+                  },
+                  "description": "Benefits container.",
+                  "title": "Benefits"
+                },
+                "children": [
+                  {
+                    "type": "View",
+                    "attributes": {
+                      "style": {
+                        "flexDirection": "row",
+                        "alignItems": "center",
+                        "gap": 8,
+                        "paddingVertical": 8,
+                        "paddingHorizontal": 12
+                      },
+                      "description": "Benefit container #1.",
+                      "title": "Benefit #1"
+                    },
+                    "children": [
+                      {
+                        "type": "BIcon",
+                        "attributes": {
+                          "iconType": "check",
+                          "strokeWidth": 3,
+                          "style": {
+                            "color": "#22c55e",
+                            "fontSize": "16",
+                            "flex": 0
+                          },
+                          "description": "Icon item.",
+                          "title": "BIcon 1"
+                        },
+                        "children": null
+                      },
+                      {
+                        "type": "text",
+                        "attributes": {
+                          "style": {
+                            "flex": 1,
+                            "color": "#FFFFFF",
+                            "fontWeight": "700"
+                          },
+                          "description": "Text item.",
+                          "title": "text 1"
+                        },
+                        "children": "@benefit1 — Unlimited access"
+                      }
+                    ]
+                  },
+                  {
+                    "type": "View",
+                    "attributes": {
+                      "style": {
+                        "flexDirection": "row",
+                        "alignItems": "center",
+                        "gap": 8,
+                        "paddingVertical": 8,
+                        "paddingHorizontal": 12
+                      },
+                      "description": "Benefit container #2.",
+                      "title": "Benefit #2"
+                    },
+                    "children": [
+                      {
+                        "type": "BIcon",
+                        "attributes": {
+                          "iconType": "check",
+                          "strokeWidth": 3,
+                          "style": {
+                            "color": "#22c55e",
+                            "fontSize": "16",
+                            "flex": 0
+                          },
+                          "description": "Icon item.",
+                          "title": "BIcon 2"
+                        },
+                        "children": null
+                      },
+                      {
+                        "type": "text",
+                        "attributes": {
+                          "style": {
+                            "flex": 1,
+                            "color": "#FFFFFF",
+                            "fontWeight": "700"
+                          },
+                          "description": "Text item.",
+                          "title": "text 2"
+                        },
+                        "children": "@benefit2 — 7-day free trial"
+                      }
+                    ]
+                  },
+                  {
+                    "type": "View",
+                    "attributes": {
+                      "style": {
+                        "flexDirection": "row",
+                        "alignItems": "center",
+                        "gap": 8,
+                        "paddingVertical": 8,
+                        "paddingHorizontal": 12
+                      },
+                      "description": "Benefit container #3.",
+                      "title": "Benefit #3"
+                    },
+                    "children": [
+                      {
+                        "type": "BIcon",
+                        "attributes": {
+                          "iconType": "check",
+                          "strokeWidth": 3,
+                          "style": {
+                            "color": "#22c55e",
+                            "fontSize": "16",
+                            "flex": 0
+                          },
+                          "description": "Icon item.",
+                          "title": "BIcon 3"
+                        },
+                        "children": null
+                      },
+                      {
+                        "type": "text",
+                        "attributes": {
+                          "style": {
+                            "flex": 1,
+                            "color": "#FFFFFF",
+                            "fontWeight": "700"
+                          },
+                          "description": "Text item.",
+                          "title": "text 3"
+                        },
+                        "children": "@benefit3 — Cancel anytime"
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                "type": "PaywallOptions",
+                "attributes": {
+                  "style": {
+                    "borderRadius": 12,
+                    "backgroundColor": "#FFFFFF"
+                  },
+                  "description": "Subscription options area.",
+                  "title": "Option(s)"
+                },
+                "children": [
+                  {
+                    "type": "RadioButton",
+                    "attributes": {
+                      "style": {
+                        "flex": 1
+                      },
+                      "description": "Radio item.",
+                      "title": "Product Radio(s)"
+                    },
+                    "children": null
+                  },
+                  {
+                    "type": "text",
+                    "attributes": {
+                      "style": {
+                        "flex": 4,
+                        "color": "#000"
+                      },
+                      "description": "Product description.",
+                      "title": "Product Desc(s)"
+                    },
+                    "children": "@productDescription — Unlock all premium features for a month."
+                  },
+                  {
+                    "type": "text",
+                    "attributes": {
+                      "style": {
+                        "flex": 1,
+                        "textAlign": "right",
+                        "color": "#000"
+                      },
+                      "description": "Product price.",
+                      "title": "Product Price(s)"
+                    },
+                    "children": "@localizedPrice"
+                  },
+                  {
+                    "type": "BIcon",
+                    "attributes": {
+                      "iconType": "chevron-right",
+                      "size": 16,
+                      "style": {
+                        "marginRight": 4,
+                        "flex": 0,
+                        "width": 32,
+                        "color": "#000"
+                      },
+                      "description": "Chevron icon.",
+                      "title": "Product BIcon(s)"
+                    },
+                    "children": null
+                  }
+                ]
+              },
+              {
+                "type": "CountDown",
+                "attributes": {
+                  "count": 30000,
+                  "style": {
+                    "color": "#FF0000",
+                    "fontWeight": "700",
+                    "fontSize": 40,
+                    "textAlign": "center"
+                  },
+                  "description": "Countdown timer (30 seconds).",
+                  "title": "Countdown"
+                },
+                "children": null
+              },
+              {
+                "type": "View",
+                "attributes": {
+                  "style": {
+                    "flex": 1,
+                    "flexDirection": "column",
+                    "justifyContent": "flex-end",
+                    "alignItems": "stretch",
+                    "paddingBottom": "50px"
+                  },
+                  "description": "Subscribe button container.",
+                  "title": "Subs Container"
+                },
+                "children": [
+                  {
+                    "type": "PaywallSubscribeButton",
+                    "children": "Subscribe Now",
+                    "attributes": {
+                      "description": "Subscription confirm button.",
+                      "title": "Subscribe"
+                    }
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }
+}

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

@@ -28,7 +28,9 @@
         "padding": 16,
         "backgroundColor": "#F5F7FA"
       },
-      "scrollable": true
+      "scrollable": true,
+      "description": "View element 1 in sample.",
+      "title": "View 1"
     },
     "children": [
       {
@@ -39,7 +41,9 @@
             "color": "#111827",
             "fontSize": 24,
             "fontWeight": "600"
-          }
+          },
+          "description": "Text element 1 in sample.",
+          "title": "Text 1"
         }
       },
       {
@@ -50,7 +54,9 @@
             "color": "#6B7280",
             "fontSize": 14,
             "fontWeight": "400"
-          }
+          },
+          "description": "Text element 2 in sample.",
+          "title": "Text 2"
         }
       }
     ]