@developer_tribe/react-builder 1.2.26 → 1.2.28

package/src/assets/samples/getSamples.ts

@@ -19,6 +19,7 @@ import vpnOnboard3 from './vpn-onboard-3.json';
 import vpnOnboard4 from './vpn-onboard-4.json';
 import vpnOnboard5 from './vpn-onboard-5.json';
 import vpnOnboard6 from './vpn-onboard-6.json';
+import vpnOnboard7 from './vpn-onboard-7.json';
 import { defaultAppConfig } from '../../types/PreviewConfig';
 
 function normalizeSample(sample: any): Project {
@@ -29,61 +30,27 @@ function normalizeSample(sample: any): Project {
 }
 
 export function getSamples(): Project[] {
-  const onboardSamples = [
-    vpnOnboard1,
-    vpnOnboard2,
-    vpnOnboard3,
-    vpnOnboard4,
-    vpnOnboard5,
-    vpnOnboard6,
-  ].map(normalizeSample);
-
-  return [
-    normalizeSample(simple1),
-    normalizeSample(simple2),
-    normalizeSample(carouselSample),
-    normalizeSample(unvalidatedBuilder1),
-    normalizeSample(unvalidatedCrash1),
-    normalizeSample(unvalidatedCrashComponent1),
-    normalizeSample(unmigratedBuilder1),
-    normalizeSample(unmigratedBuilder1_1_1),
-    normalizeSample(paywall1),
-    normalizeSample(paywall2),
-    normalizeSample(paywallBackOffer),
-    normalizeSample(paywallNotificationOffer),
-    normalizeSample(paywallAppOpenOffer),
-    normalizeSample(paywallAppDeleteOffer),
-    ...onboardSamples,
-  ];
-}
-
-export function getBasicSamples(): Project[] {
-  return [
-    normalizeSample(simple1),
-    normalizeSample(simple2),
-    normalizeSample(carouselSample),
-    normalizeSample(unvalidatedBuilder1),
-  ];
-}
-
-export function getOnboardSamples(): Project[] {
   return [
+    simple1,
+    simple2,
+    carouselSample,
+    unvalidatedBuilder1,
+    unvalidatedCrash1,
+    unvalidatedCrashComponent1,
+    unmigratedBuilder1,
+    unmigratedBuilder1_1_1,
+    paywall1,
+    paywall2,
+    paywallBackOffer,
+    paywallNotificationOffer,
+    paywallAppOpenOffer,
+    paywallAppDeleteOffer,
     vpnOnboard1,
     vpnOnboard2,
     vpnOnboard3,
     vpnOnboard4,
     vpnOnboard5,
     vpnOnboard6,
+    vpnOnboard7,
   ].map(normalizeSample);
 }
-
-export function getPaywallSamples(): Project[] {
-  return [
-    normalizeSample(paywall1),
-    normalizeSample(paywall2),
-    normalizeSample(paywallBackOffer),
-    normalizeSample(paywallNotificationOffer),
-    normalizeSample(paywallAppOpenOffer),
-    normalizeSample(paywallAppDeleteOffer),
-  ];
-}

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

@@ -2,21 +2,6 @@
   "name": "Simple Paywall",
   "version": "1.1.2",
   "type": "paywall",
-  "appConfig": {
-    "theme": "light",
-    "isRtl": false,
-    "screenStyle": {
-      "light": {
-        "backgroundColor": "THEME_COLORS.BACKGROUND",
-        "color": "THEME_COLORS.TEXT"
-      },
-      "dark": {
-        "backgroundColor": "THEME_COLORS.BACKGROUND",
-        "color": "THEME_COLORS.TEXT"
-      }
-    },
-    "defaultLanguage": "en"
-  },
   "data": {
     "type": "Main",
     "isMain": true,
@@ -111,7 +96,7 @@
                   "styles": {
                     "flexDirection": "column",
                     "gap": 0,
-                    "marginTop": "16%"
+                    "marginTop": "4%"
                   }
                 },
                 "children": [
@@ -280,19 +265,46 @@
                         "flex": 4
                       }
                     },
-                    "children": "@productDescription — Unlock all premium features for a month."
+                    "children": "@productDescription"
                   },
                   {
-                    "type": "Text",
+                    "type": "View",
                     "attributes": {
-                      "description": "Metin öğesi. (#5)",
-                      "title": "Product Price(s)",
+                      "title": "Price Column",
                       "styles": {
+                        "flexDirection": "column",
                         "flex": 1,
-                        "textAlign": "right"
+                        "alignItems": "flex-end"
                       }
                     },
-                    "children": "@localizedPrice"
+                    "children": [
+                      {
+                        "type": "PriceTag",
+                        "attributes": {
+                          "title": "Promo Price",
+                          "styles": {
+                            "textAlign": "right",
+                            "fontWeight": "700"
+                          }
+                        },
+                        "children": "@localizedCalculatedPrice"
+                      },
+                      {
+                        "type": "PriceTag",
+                        "attributes": {
+                          "title": "Original Price",
+                          "hideIfItsNotDiscount": true,
+                          "styles": {
+                            "textAlign": "right",
+                            "textDecorationLine": "line-through",
+                            "fontSize": "12@fs",
+                            "fontWeight": "400",
+                            "color": "#999999"
+                          }
+                        },
+                        "children": "@localizedPrice"
+                      }
+                    ]
                   },
                   {
                     "type": "BIcon",
@@ -322,10 +334,32 @@
                     "flexDirection": "column",
                     "justifyContent": "flex-end",
                     "alignItems": "stretch",
+                    "gap": 8,
                     "paddingBottom": "50px"
                   }
                 },
                 "children": [
+                  {
+                    "type": "Pricing",
+                    "attributes": {
+                      "description": "Pricing breakdown for promo/trial.",
+                      "title": "Pricing Detail"
+                    },
+                    "children": "@baseLocalizedPricingText"
+                  },
+                  {
+                    "type": "Text",
+                    "attributes": {
+                      "description": "Trial detayı.",
+                      "title": "Trial Full",
+                      "styles": {
+                        "textAlign": "center",
+                        "fontSize": 12,
+                        "color": "rgba(255,255,255,0.6)"
+                      }
+                    },
+                    "children": "@trialPeriod days free, then @price/@period"
+                  },
                   {
                     "type": "PaywallSubscribeButton",
                     "children": "Subscribe",
@@ -333,6 +367,14 @@
                       "description": "Abonelik onay butonu. (#1)",
                       "title": "Subscribe"
                     }
+                  },
+                  {
+                    "type": "Promo",
+                    "attributes": {
+                      "description": "Discount badge / promo text.",
+                      "title": "Promo Badge"
+                    },
+                    "children": "@baseLocalizedPromoText"
                   }
                 ]
               }

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

@@ -2,21 +2,6 @@
   "name": "Paywall With Counter",
   "version": "1.1.2",
   "type": "paywall",
-  "appConfig": {
-    "theme": "light",
-    "isRtl": false,
-    "screenStyle": {
-      "light": {
-        "backgroundColor": "THEME_COLORS.BACKGROUND",
-        "color": "THEME_COLORS.TEXT"
-      },
-      "dark": {
-        "backgroundColor": "THEME_COLORS.BACKGROUND",
-        "color": "THEME_COLORS.TEXT"
-      }
-    },
-    "defaultLanguage": "en"
-  },
   "data": {
     "type": "Main",
     "isMain": true,

package/src/assets/samples/paywall-app-delete-offer.json

@@ -2,21 +2,6 @@
   "name": "Paywall App Delete Offer",
   "version": "1.1.2",
   "type": "paywall",
-  "appConfig": {
-    "theme": "light",
-    "isRtl": false,
-    "screenStyle": {
-      "light": {
-        "backgroundColor": "THEME_COLORS.BACKGROUND",
-        "color": "THEME_COLORS.TEXT"
-      },
-      "dark": {
-        "backgroundColor": "THEME_COLORS.BACKGROUND",
-        "color": "THEME_COLORS.TEXT"
-      }
-    },
-    "defaultLanguage": "en"
-  },
   "data": {
     "type": "Main",
     "isMain": true,

package/src/assets/samples/paywall-app-open-offer.json

@@ -2,21 +2,6 @@
   "name": "Paywall App Open Offer",
   "version": "1.1.2",
   "type": "paywall",
-  "appConfig": {
-    "theme": "light",
-    "isRtl": false,
-    "screenStyle": {
-      "light": {
-        "backgroundColor": "THEME_COLORS.BACKGROUND",
-        "color": "THEME_COLORS.TEXT"
-      },
-      "dark": {
-        "backgroundColor": "THEME_COLORS.BACKGROUND",
-        "color": "THEME_COLORS.TEXT"
-      }
-    },
-    "defaultLanguage": "en"
-  },
   "data": {
     "type": "Main",
     "isMain": true,

package/src/assets/samples/paywall-back-offer.json

@@ -2,21 +2,6 @@
   "name": "Paywall Back Offer",
   "version": "1.1.2",
   "type": "paywall",
-  "appConfig": {
-    "theme": "light",
-    "isRtl": false,
-    "screenStyle": {
-      "light": {
-        "backgroundColor": "THEME_COLORS.BACKGROUND",
-        "color": "THEME_COLORS.TEXT"
-      },
-      "dark": {
-        "backgroundColor": "THEME_COLORS.BACKGROUND",
-        "color": "THEME_COLORS.TEXT"
-      }
-    },
-    "defaultLanguage": "en"
-  },
   "data": {
     "type": "Main",
     "isMain": true,

package/src/assets/samples/paywall-notification-offer.json

@@ -2,21 +2,6 @@
   "name": "Paywall Notification Offer",
   "version": "1.1.2",
   "type": "paywall",
-  "appConfig": {
-    "theme": "light",
-    "isRtl": false,
-    "screenStyle": {
-      "light": {
-        "backgroundColor": "THEME_COLORS.BACKGROUND",
-        "color": "THEME_COLORS.TEXT"
-      },
-      "dark": {
-        "backgroundColor": "THEME_COLORS.BACKGROUND",
-        "color": "THEME_COLORS.TEXT"
-      }
-    },
-    "defaultLanguage": "en"
-  },
   "data": {
     "type": "Main",
     "isMain": true,

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

@@ -2,21 +2,6 @@
   "name": "hello-world",
   "version": "1.1.2",
   "type": "other",
-  "appConfig": {
-    "theme": "light",
-    "isRtl": false,
-    "screenStyle": {
-      "light": {
-        "backgroundColor": "#FDFDFD",
-        "color": "#161827"
-      },
-      "dark": {
-        "backgroundColor": "#12131A",
-        "color": "#E9EBF9"
-      }
-    },
-    "defaultLanguage": "en"
-  },
   "data": {
     "type": "View",
     "attributes": {
@@ -35,7 +20,7 @@
     "children": [
       {
         "type": "Text",
-        "children": "Hello, world!",
+        "children": "hello-world",
         "attributes": {
           "description": "Text element 1 in sample.",
           "title": "Text 1",

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

@@ -2,21 +2,6 @@
   "name": "hello-world-2-advanced",
   "version": "1.1.2",
   "type": "other",
-  "appConfig": {
-    "theme": "light",
-    "isRtl": false,
-    "screenStyle": {
-      "light": {
-        "backgroundColor": "#FDFDFD",
-        "color": "#161827"
-      },
-      "dark": {
-        "backgroundColor": "#12131A",
-        "color": "#E9EBF9"
-      }
-    },
-    "defaultLanguage": "en"
-  },
   "data": {
     "type": "view",
     "attributes": {

package/src/assets/samples/unmigrated-builder-1.1.1.json

@@ -2,9 +2,6 @@
   "name": "unmigrated-builder-1.1.1",
   "version": "1.1.1",
   "type": "other",
-  "appConfig": {
-    "theme": "light"
-  },
   "data": {
     "type": "view",
     "attributes": {

package/src/assets/samples/unmigrated-builder1.json

@@ -2,9 +2,6 @@
   "name": "unmigrated-builder1",
   "version": "1.0.0",
   "type": "other",
-  "appConfig": {
-    "theme": "light"
-  },
   "data": {
     "type": "view",
     "attributes": {

package/src/assets/samples/unvalidated-builder1.json

@@ -2,9 +2,6 @@
   "name": "unvalidated-builder1",
   "version": "1.1.2",
   "type": "other",
-  "appConfig": {
-    "theme": "light"
-  },
   "data": {
     "type": "view",
     "attributes": {

package/src/assets/samples/unvalidated-crash1.json

@@ -2,9 +2,6 @@
   "name": "unvalidated-crash1",
   "version": "1.1.2",
   "type": "other",
-  "appConfig": {
-    "theme": "light"
-  },
   "data": {
     "type": "OnboardFooter",
     "attributes": {

package/src/assets/samples/unvalidated-crashcomponent1.json

@@ -2,9 +2,6 @@
   "name": "unvalidated-crashcomponent1",
   "version": "1.1.2",
   "type": "other",
-  "appConfig": {
-    "theme": "light"
-  },
   "data": {
     "type": "CrashComponent",
     "attributes": {

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

@@ -3,39 +3,7 @@
   "version": "1.1.2",
   "type": "onboard",
   "appConfig": {
-    "theme": "dark",
-    "isRtl": false,
-    "screenStyle": {
-      "light": {
-        "backgroundColor": "#FDFDFD",
-        "color": "#161827"
-      },
-      "dark": {
-        "backgroundColor": "#12131A",
-        "color": "#E9EBF9"
-      }
-    },
     "localication": {
-      "en": {
-        "onboard.title.one-page": "Secure your connection",
-        "onboard.title.two-page": "Access content worldwide",
-        "onboard.title.three-page": "Fast and reliable",
-        "onboard.title.four-page": "Stay notified and safe",
-        "onboard.subtitle.one-page": "Encrypt your traffic and protect your privacy on public Wi‑Fi.",
-        "onboard.subtitle.two-page": "Connect to high‑speed servers in many countries with one tap.",
-        "onboard.subtitle.three-page": "Auto‑connect to the best server for speed and stability.",
-        "onboard.subtitle.four-page": "Enable notifications for connection status and security tips.",
-        "onboard.next.one-page": "Next",
-        "onboard.next.two-page": "Next",
-        "onboard.next.three-page": "Next",
-        "onboard.skip.one-page": "Skip",
-        "onboard.skip.two-page": "Skip",
-        "onboard.skip.three-page": "Skip",
-        "onboard.allow.four-page": "Allow",
-        "view.onboarding.footer.description": "By clicking continue, you will be accepting the Terms of service and privacy policy",
-        "view.onboarding.btnPrivacy": "Privacy Policy",
-        "view.onboarding.btnTerms": "Terms of Service"
-      },
       "ar": {
         "onboard.title.one-page": "أمّن اتصالك",
         "onboard.title.two-page": "وصول إلى المحتوى حول العالم",
@@ -56,8 +24,7 @@
         "view.onboarding.btnPrivacy": "سياسة الخصوصية",
         "view.onboarding.btnTerms": "شروط الخدمة"
       }
-    },
-    "defaultLanguage": "en"
+    }
   },
   "data": {
     "type": "Main",

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

@@ -3,39 +3,7 @@
   "version": "1.1.2",
   "type": "onboard",
   "appConfig": {
-    "theme": "light",
-    "isRtl": false,
-    "screenStyle": {
-      "light": {
-        "backgroundColor": "#FDFDFD",
-        "color": "#161827"
-      },
-      "dark": {
-        "backgroundColor": "#12131A",
-        "color": "#E9EBF9"
-      }
-    },
     "localication": {
-      "en": {
-        "onboard.title.one-page": "One Page",
-        "onboard.title.two-page": "Two Page",
-        "onboard.title.three-page": "Three Page",
-        "onboard.title.four-page": "Four Page",
-        "onboard.subtitle.one-page": "One Page",
-        "onboard.subtitle.two-page": "Two Page",
-        "onboard.subtitle.three-page": "Three Page",
-        "onboard.subtitle.four-page": "Four Page",
-        "onboard.next.one-page": "Next",
-        "onboard.next.two-page": "Next",
-        "onboard.next.three-page": "Next",
-        "onboard.skip.one-page": "Skip",
-        "onboard.skip.two-page": "Skip",
-        "onboard.skip.three-page": "Skip",
-        "onboard.allow.four-page": "Allow",
-        "view.onboarding.footer.description": "By clicking continue, you will be accepting the Terms of service and privacy policy",
-        "view.onboarding.btnPrivacy": "Privacy",
-        "view.onboarding.btnTerms": "Terms"
-      },
       "ar": {
         "onboard.title.one-page": " العربية",
         "onboard.title.two-page": " العربية",
@@ -56,8 +24,7 @@
         "view.onboarding.btnPrivacy": "الخصوصية",
         "view.onboarding.btnTerms": "الشروط"
       }
-    },
-    "defaultLanguage": "en"
+    }
   },
   "data": {
     "type": "Main",

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

@@ -3,47 +3,7 @@
   "version": "1.1.2",
   "type": "onboard",
   "appConfig": {
-    "theme": "light",
-    "isRtl": false,
-    "screenStyle": {
-      "light": {
-        "backgroundColor": "#FDFDFD",
-        "color": "#161827"
-      },
-      "dark": {
-        "backgroundColor": "#12131A",
-        "color": "#E9EBF9"
-      }
-    },
     "localication": {
-      "en": {
-        "onboard.title.one-page": "One Page",
-        "onboard.title.one-page2": "One Page",
-        "onboard.title.two-page": "Two Page",
-        "onboard.title.two-page2": "Two Page",
-        "onboard.title.three-page": "Three Page",
-        "onboard.title.three-page2": "Three Page",
-        "onboard.title.four-page": "Four Page",
-        "onboard.title.four-page2": "Four Page",
-        "onboard.subtitle.one-page": "One Page",
-        "onboard.subtitle.one-page2": "One Page",
-        "onboard.subtitle.two-page": "Two Page",
-        "onboard.subtitle.two-page2": "Two Page",
-        "onboard.subtitle.three-page": "Three Page",
-        "onboard.subtitle.three-page2": "Three Page",
-        "onboard.subtitle.four-page": "Four Page",
-        "onboard.subtitle.four-page2": "Four Page",
-        "onboard.next.one-page": "Next",
-        "onboard.next.two-page": "Next",
-        "onboard.next.three-page": "Next",
-        "onboard.skip.one-page": "Skip",
-        "onboard.skip.two-page": "Skip",
-        "onboard.skip.three-page": "Skip",
-        "onboard.allow.four-page": "Allow",
-        "view.onboarding.footer.description": "By clicking continue, you will be accepting the Terms of service and privacy policy",
-        "view.onboarding.btnPrivacy": "Privacy",
-        "view.onboarding.btnTerms": "Terms"
-      },
       "ar": {
         "onboard.title.one-page": " العربية",
         "onboard.title.one-page2": " العربية",
@@ -72,8 +32,7 @@
         "view.onboarding.btnPrivacy": "الخصوصية",
         "view.onboarding.btnTerms": "الشروط"
       }
-    },
-    "defaultLanguage": "en"
+    }
   },
   "data": {
     "type": "Main",

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

@@ -2,79 +2,6 @@
   "name": "vpn-onboard-4",
   "version": "1.1.2",
   "type": "onboard",
-  "appConfig": {
-    "theme": "dark",
-    "isRtl": false,
-    "screenStyle": {
-      "light": {
-        "backgroundColor": "#FDFDFD",
-        "color": "#161827"
-      },
-      "dark": {
-        "backgroundColor": "#12131A",
-        "color": "#E9EBF9"
-      }
-    },
-    "localication": {
-      "en": {
-        "onboard.title.one-page": "One Page",
-        "onboard.title.one-page2": "One Page",
-        "onboard.title.two-page": "Two Page",
-        "onboard.title.two-page2": "Two Page",
-        "onboard.title.three-page": "Three Page",
-        "onboard.title.three-page2": "Three Page",
-        "onboard.title.four-page": "Four Page",
-        "onboard.title.four-page2": "Four Page",
-        "onboard.subtitle.one-page": "One Page",
-        "onboard.subtitle.one-page2": "One Page",
-        "onboard.subtitle.two-page": "Two Page",
-        "onboard.subtitle.two-page2": "Two Page",
-        "onboard.subtitle.three-page": "Three Page",
-        "onboard.subtitle.three-page2": "Three Page",
-        "onboard.subtitle.four-page": "Four Page",
-        "onboard.subtitle.four-page2": "Four Page",
-        "onboard.next.one-page": "Next",
-        "onboard.next.two-page": "Next",
-        "onboard.next.three-page": "Next",
-        "onboard.skip.one-page": "Skip",
-        "onboard.skip.two-page": "Skip",
-        "onboard.skip.three-page": "Skip",
-        "onboard.allow.four-page": "Allow",
-        "view.onboarding.footer.description": "By clicking continue, you will be accepting the Terms of service and privacy policy",
-        "view.onboarding.btnPrivacy": "Privacy",
-        "view.onboarding.btnTerms": "Terms"
-      },
-      "ar": {
-        "onboard.title.one-page": " العربية",
-        "onboard.title.one-page2": " العربية",
-        "onboard.title.two-page": " العربية",
-        "onboard.title.two-page2": " العربية",
-        "onboard.title.three-page": " العربية",
-        "onboard.title.three-page2": " العربية",
-        "onboard.title.four-page": " العربية",
-        "onboard.title.four-page2": " العربية",
-        "onboard.subtitle.one-page": " العربية",
-        "onboard.subtitle.one-page2": " العربية",
-        "onboard.subtitle.two-page": " العربية",
-        "onboard.subtitle.two-page2": " العربية",
-        "onboard.subtitle.three-page": " العربية",
-        "onboard.subtitle.three-page2": " العربية",
-        "onboard.subtitle.four-page": " العربية",
-        "onboard.subtitle.four-page2": " العربية",
-        "onboard.next.one-page": "التالي",
-        "onboard.next.two-page": "التالي",
-        "onboard.next.three-page": "التالي",
-        "onboard.skip.one-page": "تخطي",
-        "onboard.skip.two-page": "تخطي",
-        "onboard.skip.three-page": "تخطي",
-        "onboard.allow.four-page": "السماح",
-        "view.onboarding.footer.description": "بالمتابعة فإنك توافق على",
-        "view.onboarding.btnPrivacy": "الخصوصية",
-        "view.onboarding.btnTerms": "الشروط"
-      }
-    },
-    "defaultLanguage": "en"
-  },
   "data": {
     "type": "Main",
     "isMain": true,