@developer_tribe/react-builder 1.2.37 → 1.2.39

package/src/mockOS/context/MockOSContext.tsx

@@ -60,6 +60,12 @@ export function MockOSProvider({
   const [permission, setPermission] = useState<PermissionType | string | null>(
     null,
   );
+  const permissionResolverRef = useRef<
+    | ((
+        result: import('../managers/mockPermissionManager').PermissionStatus,
+      ) => void)
+    | null
+  >(null);
   const [subscriptionProductId, setSubscriptionProductId] = useState<
     string | null
   >(null);
@@ -133,6 +139,24 @@ export function MockOSProvider({
     });
   }, []);
 
+  const requestPermissionAsync = useCallback(
+    (requestedPermission: PermissionType | string) => {
+      // Cancel any existing pending request
+      if (permissionResolverRef.current) {
+        permissionResolverRef.current('not-determined');
+        permissionResolverRef.current = null;
+      }
+      setPermission(requestedPermission);
+
+      return new Promise<
+        import('../managers/mockPermissionManager').PermissionStatus
+      >((resolve) => {
+        permissionResolverRef.current = resolve;
+      });
+    },
+    [],
+  );
+
   const resolveSubscriptionPurchase = useCallback((result: boolean) => {
     const resolver = subscriptionResolverRef.current;
     subscriptionResolverRef.current = null;
@@ -146,6 +170,7 @@ export function MockOSProvider({
       permission,
       setPermission,
       requestSubscriptionPurchase,
+      requestPermissionAsync,
       currentRoute,
       navigation,
       goBack,
@@ -154,6 +179,7 @@ export function MockOSProvider({
     [
       permission,
       requestSubscriptionPurchase,
+      requestPermissionAsync,
       currentRoute,
       navigation,
       goBack,
@@ -162,11 +188,17 @@ export function MockOSProvider({
   );
 
   const handleAllow = () => {
+    const resolver = permissionResolverRef.current;
+    permissionResolverRef.current = null;
     setPermission(null);
+    resolver?.('granted');
   };
 
   const handleDeny = () => {
+    const resolver = permissionResolverRef.current;
+    permissionResolverRef.current = null;
     setPermission(null);
+    resolver?.('denied');
   };
 
   return (

package/src/mockOS/context/MockOSContextBase.ts

@@ -18,6 +18,9 @@ export interface MockOSContextValue {
   permission: PermissionType | string | null;
   setPermission: (permission: PermissionType | string | null) => void;
   requestSubscriptionPurchase: (productId: string) => Promise<boolean>;
+  requestPermissionAsync: (
+    permission: PermissionType | string,
+  ) => Promise<import('../managers/mockPermissionManager').PermissionStatus>;
   // Router
   currentRoute: RouteType;
   navigation: (route: RouteType) => void;

package/src/mockOS/managers/mockPermissionManager.ts

@@ -18,7 +18,9 @@ export class MockPermissionManager {
     this.context = context;
   }
 
-  requestPermission(permission: PermissionType | string): PermissionStatus {
+  async requestPermission(
+    permission: PermissionType | string,
+  ): Promise<PermissionStatus> {
     if (this.context === null) {
       alert(
         `Permission requested: ${permission}\n(Mock OS context not available)`,
@@ -26,9 +28,13 @@ export class MockPermissionManager {
       return 'not-determined';
     }
 
-    // Set permission to trigger modal display
+    // Set permission to trigger modal display and wait for user's choice
+    if (this.context.requestPermissionAsync) {
+      return await this.context.requestPermissionAsync(permission);
+    }
+
+    // Fallback if requestPermissionAsync is not available yet
     this.context.setPermission(permission);
-    // Default behavior: grant all permissions in mock environment
     return 'granted';
   }
 

package/src/modals/InspectModal.tsx

@@ -101,9 +101,11 @@ function LocalizationsTab({
   const defaultLangKeys =
     defaultLocalization[language] ?? defaultLocalization['en'] ?? {};
 
-  const entries = Object.entries(langKeys);
+  const allKeys = Array.from(
+    new Set([...Object.keys(defaultLangKeys), ...Object.keys(langKeys)]),
+  ).sort();
 
-  if (entries.length === 0) {
+  if (allKeys.length === 0) {
     return (
       <p className="inspect-modal__empty">
         No localization keys found for &quot;{language}&quot;.
@@ -122,17 +124,32 @@ function LocalizationsTab({
           </tr>
         </thead>
         <tbody>
-          {entries.map(([key, value]) => {
-            const isDefault = defaultLangKeys[key] === value;
+          {allKeys.map((key) => {
+            const hasCustom = key in langKeys;
+            const customValue = langKeys[key];
+            const defaultValue = defaultLangKeys[key];
+
+            const isCustom =
+              hasCustom &&
+              customValue !== defaultValue &&
+              customValue !== undefined;
+            const value = isCustom ? customValue : (defaultValue ?? '');
+
             return (
               <tr key={key}>
                 <td className="inspect-modal__cell-key">{key}</td>
                 <td className="inspect-modal__cell-value">{value}</td>
                 <td>
                   <span
-                    className={`inspect-modal__badge${isDefault ? ' inspect-modal__badge--default' : ' inspect-modal__badge--custom'}`}
+                    className={`inspect-modal__badge${!isCustom ? ' inspect-modal__badge--default' : ' inspect-modal__badge--custom'}`}
                   >
-                    {isDefault ? 'default' : 'custom'}
+                    {!isCustom ? (
+                      <>
+                        <span style={{ color: 'red' }}>!</span> fallback
+                      </>
+                    ) : (
+                      'custom'
+                    )}
                   </span>
                 </td>
               </tr>
@@ -262,7 +279,13 @@ function ColorsTab({
                       <span
                         className={`inspect-modal__badge${isDefault ? ' inspect-modal__badge--default' : ' inspect-modal__badge--custom'}`}
                       >
-                        {isDefault ? 'default' : 'custom'}
+                        {isDefault ? (
+                          <>
+                            <span style={{ color: 'red' }}>!</span> fallback
+                          </>
+                        ) : (
+                          'custom'
+                        )}
                       </span>
                     </td>
                   </tr>
@@ -303,7 +326,13 @@ function ColorsTab({
                       <span
                         className={`inspect-modal__badge${isDefault ? ' inspect-modal__badge--default' : ' inspect-modal__badge--custom'}`}
                       >
-                        {isDefault ? 'default' : 'custom'}
+                        {isDefault ? (
+                          <>
+                            <span style={{ color: 'red' }}>!</span> fallback
+                          </>
+                        ) : (
+                          'custom'
+                        )}
                       </span>
                     </td>
                   </tr>

package/src/product-base/buildPaywallLocalizationParams.ts

@@ -46,9 +46,18 @@ export function buildPaywallLocalizationParams(
   const periodKey = getPeriodLocalizationKey(period, false);
   const promoPeriodKey = hasPromo ? getPeriodLocalizationKey(period, true) : '';
 
-  const localizedPromoPrice = hasPromo
-    ? `${extractedParams.promoPrice} ${extractedParams.currency}`.trim()
-    : '';
+  let localizedPromoPrice = '';
+  if (hasPromo) {
+    try {
+      localizedPromoPrice = new Intl.NumberFormat(undefined, {
+        style: 'currency',
+        currency: extractedParams.currency,
+      }).format(Number(extractedParams.promoPrice));
+    } catch {
+      localizedPromoPrice =
+        `${extractedParams.promoPrice} ${extractedParams.currency}`.trim();
+    }
+  }
 
   const localizedPeriod = resolve(periodKey);
   const localizedPromoPeriod = hasPromo ? resolve(promoPeriodKey) : '';

package/src/types/PreviewConfig.ts

@@ -16,31 +16,37 @@ export type LocalizationKey =
   | 'base.builder.paywall.promo.freeTrial.text'
   | 'base.builder.paywall.promo.regular.text'
   // onboard – titles
-  | 'onboard.title.one-page'
-  | 'onboard.title.two-page'
-  | 'onboard.title.three-page'
-  | 'onboard.title.four-page'
-  | 'onboard.title.one-page2'
-  | 'onboard.title.two-page2'
-  | 'onboard.title.three-page2'
-  | 'onboard.title.four-page2'
+  | 'base.onboard.title.one-page'
+  | 'base.onboard.title.two-page'
+  | 'base.onboard.title.three-page'
+  | 'base.onboard.title.four-page'
+  | 'base.onboard.title.five-page'
+  | 'base.onboard.title.six-page'
+  | 'base.onboard.title.one-page2'
+  | 'base.onboard.title.two-page2'
+  | 'base.onboard.title.three-page2'
+  | 'base.onboard.title.four-page2'
   // onboard – subtitles
-  | 'onboard.subtitle.one-page'
-  | 'onboard.subtitle.two-page'
-  | 'onboard.subtitle.three-page'
-  | 'onboard.subtitle.four-page'
-  | 'onboard.subtitle.one-page2'
-  | 'onboard.subtitle.two-page2'
-  | 'onboard.subtitle.three-page2'
-  | 'onboard.subtitle.four-page2'
+  | 'base.onboard.subtitle.one-page'
+  | 'base.onboard.subtitle.two-page'
+  | 'base.onboard.subtitle.three-page'
+  | 'base.onboard.subtitle.four-page'
+  | 'base.onboard.subtitle.five-page'
+  | 'base.onboard.subtitle.six-page'
+  | 'base.onboard.subtitle.one-page2'
+  | 'base.onboard.subtitle.two-page2'
+  | 'base.onboard.subtitle.three-page2'
+  | 'base.onboard.subtitle.four-page2'
   // onboard – actions
-  | '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'
+  | 'base.onboard.next.one-page'
+  | 'base.onboard.next.two-page'
+  | 'base.onboard.next.three-page'
+  | 'base.onboard.next.five-page'
+  | 'base.onboard.skip.one-page'
+  | 'base.onboard.skip.two-page'
+  | 'base.onboard.skip.three-page'
+  | 'base.onboard.skip.five-page'
+  | 'base.onboard.allow.four-page'
   // onboard – footer
   | 'view.onboarding.footer.description'
   | 'view.onboarding.btnPrivacy'
@@ -74,39 +80,46 @@ export const defaultLocalization: Localication = {
     'base.builder.paywall.promo.regular.text':
       '@localizedPrice @localizedPeriod',
     // onboard – titles
-    '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.title.one-page2': 'Secure your connection',
-    'onboard.title.two-page2': 'Access content worldwide',
-    'onboard.title.three-page2': 'Fast and reliable',
-    'onboard.title.four-page2': 'Stay notified and safe',
+    'base.onboard.title.one-page': 'Secure your connection',
+    'base.onboard.title.two-page': 'Access content worldwide',
+    'base.onboard.title.three-page': 'Fast and reliable',
+    'base.onboard.title.four-page': 'Stay notified and safe',
+    'base.onboard.title.five-page': 'Enhance your experience',
+    'base.onboard.title.six-page': 'You are all set!',
+    'base.onboard.title.one-page2': 'Secure your connection',
+    'base.onboard.title.two-page2': 'Access content worldwide',
+    'base.onboard.title.three-page2': 'Fast and reliable',
+    'base.onboard.title.four-page2': 'Stay notified and safe',
     // onboard – subtitles
-    'onboard.subtitle.one-page':
+    'base.onboard.subtitle.one-page':
       'Encrypt your traffic and protect your privacy on public Wi\u2011Fi.',
-    'onboard.subtitle.two-page':
+    'base.onboard.subtitle.two-page':
       'Connect to high\u2011speed servers in many countries with one tap.',
-    'onboard.subtitle.three-page':
+    'base.onboard.subtitle.three-page':
       'Auto\u2011connect to the best server for speed and stability.',
-    'onboard.subtitle.four-page':
+    'base.onboard.subtitle.four-page':
       'Enable notifications for connection status and security tips.',
-    'onboard.subtitle.one-page2':
+    'base.onboard.subtitle.five-page':
+      'Get the most out of our app with premium features.',
+    'base.onboard.subtitle.six-page': 'Enjoy secure and fast browsing.',
+    'base.onboard.subtitle.one-page2':
       'Encrypt your traffic and protect your privacy on public Wi\u2011Fi.',
-    'onboard.subtitle.two-page2':
+    'base.onboard.subtitle.two-page2':
       'Connect to high\u2011speed servers in many countries with one tap.',
-    'onboard.subtitle.three-page2':
+    'base.onboard.subtitle.three-page2':
       'Auto\u2011connect to the best server for speed and stability.',
-    'onboard.subtitle.four-page2':
+    'base.onboard.subtitle.four-page2':
       'Enable notifications for connection status and security tips.',
     // onboard – actions
-    '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',
+    'base.onboard.next.one-page': 'Next',
+    'base.onboard.next.two-page': 'Next',
+    'base.onboard.next.three-page': 'Next',
+    'base.onboard.next.five-page': 'Next',
+    'base.onboard.skip.one-page': 'Skip',
+    'base.onboard.skip.two-page': 'Skip',
+    'base.onboard.skip.three-page': 'Skip',
+    'base.onboard.skip.five-page': 'Skip',
+    'base.onboard.allow.four-page': 'Allow',
     // onboard – footer
     'view.onboarding.footer.description':
       'By clicking continue, you will be accepting the Terms of service and privacy policy',
@@ -133,6 +146,17 @@ export const defaultLocalization: Localication = {
       '@trialPeriod @trialPeriodUnit ücretsiz deneme',
     'base.builder.paywall.promo.regular.text':
       '@localizedPrice @localizedPeriod',
+    // onboard – titles
+    'base.onboard.title.five-page': 'Deneyiminizi geliştirin',
+    'base.onboard.title.six-page': 'Her şey hazır!',
+    // onboard – subtitles
+    'base.onboard.subtitle.five-page':
+      'Premium özelliklerle uygulamamızdan en iyi şekilde yararlanın.',
+    'base.onboard.subtitle.six-page':
+      'Güvenli ve hızlı gezinmenin keyfini çıkarın.',
+    // onboard – actions
+    'base.onboard.next.five-page': 'İleri',
+    'base.onboard.skip.five-page': 'Geç',
   },
 };