@developer_tribe/react-builder 1.0.5 → 1.0.6

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

@@ -85,308 +85,312 @@
     "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/9cb1d668b3724655f93a91e5eee771c5.png",
-                  "height": 400,
-                  "resizeMode": "contain"
-                }
+                "type": "OnboardItem",
+                "key": "app_onboard-page1",
+                "children": [
+                  {
+                    "type": "OnboardImage",
+                    "attributes": {
+                      "src": "https://vpn111-stage.s3.eu-central-1.amazonaws.com/onboard/high/9cb1d668b3724655f93a91e5eee771c5.png",
+                      "height": 400,
+                      "resizeMode": "contain"
+                    },
+                    "children": null
+                  },
+                  {
+                    "type": "OnboardTitle",
+                    "attributes": {
+                      "color": "#F4F5FF"
+                    },
+                    "children": "onboard.title.one-page"
+                  },
+                  {
+                    "type": "OnboardSubtitle",
+                    "attributes": {
+                      "color": "#DBDDEB"
+                    },
+                    "children": "onboard.subtitle.one-page"
+                  }
+                ]
               },
               {
-                "type": "OnboardTitle",
-                "attributes": {
-                  "color": "#F4F5FF"
-                },
-                "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/f8d0c64bf89cc5f2f14126d0544ba174.png",
+                      "height": 400,
+                      "resizeMode": "contain"
+                    },
+                    "children": null
+                  },
+                  {
+                    "type": "OnboardTitle",
+                    "attributes": {
+                      "color": "#F4F5FF"
+                    },
+                    "children": "onboard.title.two-page"
+                  },
+                  {
+                    "type": "OnboardSubtitle",
+                    "attributes": {
+                      "color": "#DBDDEB"
+                    },
+                    "children": "onboard.subtitle.two-page"
+                  }
+                ]
               },
               {
-                "type": "OnboardSubtitle",
-                "attributes": {
-                  "color": "#DBDDEB"
-                },
-                "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/ad823809885c1a2a8e4632039f35a94e.png",
+                      "height": 400,
+                      "resizeMode": "contain"
+                    },
+                    "children": null
+                  },
+                  {
+                    "type": "OnboardTitle",
+                    "attributes": {
+                      "color": "#F4F5FF"
+                    },
+                    "children": "onboard.title.three-page"
+                  },
+                  {
+                    "type": "OnboardSubtitle",
+                    "attributes": {
+                      "color": "#DBDDEB"
+                    },
+                    "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/ede1705c51f3434ae9053ed5f29bf5dd.png",
+                      "height": 400,
+                      "resizeMode": "contain"
+                    },
+                    "children": null
+                  },
+                  {
+                    "type": "OnboardTitle",
+                    "attributes": {
+                      "color": "#F4F5FF"
+                    },
+                    "children": "onboard.title.four-page"
+                  },
+                  {
+                    "type": "OnboardSubtitle",
+                    "attributes": {
+                      "color": "#DBDDEB"
+                    },
+                    "children": "onboard.subtitle.four-page"
+                  }
+                ]
               }
             ]
           },
           {
-            "type": "OnboardItem",
-            "key": "app_onboard-page2",
+            "type": "OnboardDot",
+            "attributes": {
+              "dotType": "expanding_dot",
+              "expanding_dot_width": 20
+            },
+            "children": null
+          },
+          {
+            "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/f8d0c64bf89cc5f2f14126d0544ba174.png",
-                  "height": 400,
-                  "resizeMode": "contain"
-                }
-              },
-              {
-                "type": "OnboardTitle",
-                "attributes": {
-                  "color": "#F4F5FF"
+                  "labelKey": "onboard.skip.one-page",
+                  "button_text_color": "#0450E2",
+                  "button_background_color": "#161827",
+                  "flex": 1,
+                  "events": [
+                    {
+                      "type": "Navigate",
+                      "targetIndex": 3
+                    }
+                  ]
                 },
-                "children": "onboard.title.two-page"
+                "children": null
               },
               {
-                "type": "OnboardSubtitle",
+                "type": "OnboardButton",
                 "attributes": {
-                  "color": "#DBDDEB"
+                  "labelKey": "onboard.next.one-page",
+                  "button_text_color": "#FFFFFF",
+                  "button_background_color": "#0450E2",
+                  "flex": 1,
+                  "events": [
+                    {
+                      "type": "Navigate",
+                      "targetIndex": 1
+                    }
+                  ]
                 },
-                "children": "onboard.subtitle.two-page"
+                "children": null
               }
             ]
           },
           {
-            "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/ad823809885c1a2a8e4632039f35a94e.png",
-                  "height": 400,
-                  "resizeMode": "contain"
-                }
-              },
-              {
-                "type": "OnboardTitle",
-                "attributes": {
-                  "color": "#F4F5FF"
+                  "labelKey": "onboard.skip.two-page",
+                  "button_text_color": "#0450E2",
+                  "button_background_color": "#161827",
+                  "flex": 1,
+                  "events": [
+                    {
+                      "type": "Navigate",
+                      "targetIndex": 3
+                    }
+                  ]
                 },
-                "children": "onboard.title.three-page"
+                "children": null
               },
               {
-                "type": "OnboardSubtitle",
+                "type": "OnboardButton",
                 "attributes": {
-                  "color": "#DBDDEB"
+                  "labelKey": "onboard.next.two-page",
+                  "button_text_color": "#FFFFFF",
+                  "button_background_color": "#0450E2",
+                  "flex": 1,
+                  "events": [
+                    {
+                      "type": "Navigate",
+                      "targetIndex": 2
+                    }
+                  ]
                 },
-                "children": "onboard.subtitle.three-page"
+                "children": null
               }
             ]
           },
           {
-            "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/ede1705c51f3434ae9053ed5f29bf5dd.png",
-                  "height": 400,
-                  "resizeMode": "contain"
-                }
-              },
-              {
-                "type": "OnboardTitle",
-                "attributes": {
-                  "color": "#F4F5FF"
+                  "labelKey": "onboard.skip.three-page",
+                  "button_text_color": "#0450E2",
+                  "button_background_color": "#161827",
+                  "flex": 1,
+                  "events": [
+                    {
+                      "type": "Navigate",
+                      "targetIndex": 3
+                    }
+                  ]
                 },
-                "children": "onboard.title.four-page"
+                "children": null
               },
               {
-                "type": "OnboardSubtitle",
+                "type": "OnboardButton",
                 "attributes": {
-                  "color": "#DBDDEB"
+                  "labelKey": "onboard.next.three-page",
+                  "button_text_color": "#FFFFFF",
+                  "button_background_color": "#0450E2",
+                  "flex": 1,
+                  "events": [
+                    {
+                      "type": "Permission",
+                      "permission": "rating"
+                    },
+                    {
+                      "type": "Navigate",
+                      "targetIndex": 3
+                    }
+                  ]
                 },
-                "children": "onboard.subtitle.four-page"
+                "children": null
               }
             ]
-          }
-        ]
-      },
-      {
-        "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": "#161827",
-              "flex": 1,
-              "events": [
-                {
-                  "type": "Navigate",
-                  "navigate_to": null,
-                  "targetIndex": 3
-                }
-              ]
-            }
           },
           {
-            "type": "OnboardButton",
+            "type": "OnboardButtons",
             "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": "#161827",
-              "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": "#161827",
-              "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": "Permission",
-                  "permission": "rating"
+              "buttons_direction": "row",
+              "condition": "carousel-index",
+              "conditionVariable": 3
+            },
+            "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"
+                    }
+                  ]
                 },
-                {
-                  "type": "Navigate",
-                  "navigate_to": null,
-                  "targetIndex": 3
-                }
-              ]
-            }
-          }
-        ]
-      },
-      {
-        "type": "OnboardButtons",
-        "attributes": {
-          "buttons_direction": "row",
-          "condition": "carousel-index",
-          "conditionVariable": 3
-        },
-        "children": [
+                "children": null
+              }
+            ]
+          },
           {
-            "type": "OnboardButton",
+            "type": "OnboardFooter",
             "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"
-                }
-              ]
-            }
+              "gap": 8,
+              "textLocalizationKey": "view.onboarding.footer.description",
+              "textColor": "#81838F",
+              "linkedWordFirstLocalizationKey": "view.onboarding.btnPrivacy",
+              "linkedWordFirstColor": "#0450E2",
+              "linkedWordFirstPage": "privacy",
+              "linkedWordSecondLocalizationKey": "view.onboarding.btnTerms",
+              "linkedWordSecondColor": "#0450E2",
+              "linkedWordSecondPage": "terms"
+            },
+            "children": null
           }
         ]
-      },
-      {
-        "type": "OnboardFooter",
-        "attributes": {
-          "gap": 8,
-          "textLocalizationKey": "view.onboarding.footer.description",
-          "textColor": "#81838F",
-          "linkedWordFirstLocalizationKey": "view.onboarding.btnPrivacy",
-          "linkedWordFirstColor": "#0450E2",
-          "linkedWordFirstPage": "privacy",
-          "linkedWordSecondLocalizationKey": "view.onboarding.btnTerms",
-          "linkedWordSecondColor": "#0450E2",
-          "linkedWordSecondPage": "terms"
-        }
-      }
-    ],
-    "attributes": {
-      "theme": "dark"
-    }
       }
     ]
   }

package/src/build-components/RenderNode.generated.tsx

@@ -37,7 +37,6 @@ import type { PaywallBackgroundComponentProps } from './PaywallBackground/Paywal
 import type { PaywallCloseButtonComponentProps } from './PaywallCloseButton/PaywallCloseButtonProps.generated';
 import type { PaywallOptionsComponentProps } from './PaywallOptions/PaywallOptionsProps.generated';
 import type { PaywallProviderComponentProps } from './PaywallProvider/PaywallProviderProps.generated';
-import type { PaywallSubscriButtonComponentProps } from './PaywallSubscriButton/PaywallSubscriButtonProps.generated';
 import type { PaywallSubscribeButtonComponentProps } from './PaywallSubscribeButton/PaywallSubscribeButtonProps.generated';
 import type { RadioButtonComponentProps } from './RadioButton/RadioButtonProps.generated';
 import type { TextComponentProps } from './Text/TextProps.generated';
@@ -66,7 +65,6 @@ import PaywallBackground from './PaywallBackground/PaywallBackground';
 import PaywallCloseButton from './PaywallCloseButton/PaywallCloseButton';
 import PaywallOptions from './PaywallOptions/PaywallOptions';
 import PaywallProvider from './PaywallProvider/PaywallProvider';
-import PaywallSubscriButton from './PaywallSubscriButton/PaywallSubscriButton';
 import PaywallSubscribeButton from './PaywallSubscribeButton/PaywallSubscribeButton';
 import RadioButton from './RadioButton/RadioButton';
 import Text from './Text/Text';
@@ -97,9 +95,6 @@ type BuilderNode =
   | (PaywallCloseButtonComponentProps['node'] & { type: 'PaywallCloseButton' })
   | (PaywallOptionsComponentProps['node'] & { type: 'PaywallOptions' })
   | (PaywallProviderComponentProps['node'] & { type: 'PaywallProvider' })
-  | (PaywallSubscriButtonComponentProps['node'] & {
-      type: 'PaywallSubscriButton';
-    })
   | (PaywallSubscribeButtonComponentProps['node'] & {
       type: 'PaywallSubscribeButton';
     })
@@ -185,8 +180,6 @@ function RenderNode({ node }: { node: Node }) {
       return <PaywallOptions node={normalizedNode} />;
     case 'PaywallProvider':
       return <PaywallProvider node={normalizedNode} />;
-    case 'PaywallSubscriButton':
-      return <PaywallSubscriButton node={normalizedNode} />;
     case 'PaywallSubscribeButton':
       return <PaywallSubscribeButton node={normalizedNode} />;
     case 'RadioButton':

package/src/build-components/View/pattern.json

@@ -84,8 +84,8 @@
     },
     "attributes": {
       "scrollable": {
-        "label": "Scrollable",
-        "description": "Turns scroll interaction on.",
+        "label": "Scrollable (!!)",
+        "description": "THIS FEATURE MIGHT NOT WORK IN MOBILE!",
         "category": "container",
         "specialCategory": null,
         "sort": -1

package/src/build-components/index.ts

@@ -29,7 +29,6 @@ export const allcomponentNames = [
   'PaywallCloseButton',
   'PaywallOptions',
   'PaywallProvider',
-  'PaywallSubscriButton',
   'PaywallSubscribeButton',
   'RadioButton',
   'Text',
@@ -132,10 +131,6 @@ export type {
   PaywallProviderPropsGenerated,
   PaywallProviderComponentProps,
 } from './PaywallProvider/PaywallProviderProps.generated';
-export type {
-  PaywallSubscriButtonPropsGenerated,
-  PaywallSubscriButtonComponentProps,
-} from './PaywallSubscriButton/PaywallSubscriButtonProps.generated';
 export type {
   PaywallSubscribeButtonPropsGenerated,
   PaywallSubscribeButtonComponentProps,