@developer_tribe/react-builder 1.2.38 → 1.2.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (134) hide show
  1. package/dist/build-components/BIcon/BIconProps.generated.d.ts +1 -1
  2. package/dist/build-components/CountDown/CountDownProps.generated.d.ts +1 -1
  3. package/dist/build-components/Image/ImageProps.generated.d.ts +2 -0
  4. package/dist/build-components/NavigationBarColor/NavigationBarColorProps.generated.d.ts +1 -40
  5. package/dist/build-components/OnboardFooter/OnboardFooterProps.generated.d.ts +1 -1
  6. package/dist/build-components/OnboardImage/OnboardImageProps.generated.d.ts +3 -1
  7. package/dist/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.d.ts +1 -1
  8. package/dist/build-components/OnboardTitle/OnboardTitleProps.generated.d.ts +1 -1
  9. package/dist/build-components/PaywallBackground/PaywallBackgroundProps.generated.d.ts +1 -1
  10. package/dist/build-components/PaywallCloseButton/PaywallCloseButtonProps.generated.d.ts +1 -1
  11. package/dist/build-components/PaywallSubscribeButton/PaywallSubscribeButtonProps.generated.d.ts +1 -1
  12. package/dist/build-components/PriceTag/PriceTagProps.generated.d.ts +1 -1
  13. package/dist/build-components/Pricing/PricingProps.generated.d.ts +1 -1
  14. package/dist/build-components/Promo/PromoProps.generated.d.ts +1 -1
  15. package/dist/build-components/StatusBarColor/StatusBarColorProps.generated.d.ts +1 -1
  16. package/dist/build-components/patterns.generated.d.ts +51 -356
  17. package/dist/components/BuilderProvider.d.ts +1 -0
  18. package/dist/components/DeviceButton.d.ts +4 -1
  19. package/dist/index.cjs.js +1 -1
  20. package/dist/index.cjs.js.map +1 -1
  21. package/dist/index.esm.js +1 -1
  22. package/dist/index.esm.js.map +1 -1
  23. package/dist/index.web.cjs.js +4 -4
  24. package/dist/index.web.cjs.js.map +1 -1
  25. package/dist/index.web.esm.js +4 -4
  26. package/dist/index.web.esm.js.map +1 -1
  27. package/dist/mockOS/context/MockOSContext.d.ts +3 -1
  28. package/dist/size-matters/index.d.ts +1 -1
  29. package/dist/store.d.ts +6 -0
  30. package/dist/styles.css +1 -1
  31. package/dist/types/Device.d.ts +5 -0
  32. package/dist/utils/extractTextStyle/extractTextStyle.d.ts +1 -0
  33. package/dist/utils/extractViewStyle/extractViewStyle.d.ts +1 -0
  34. package/package.json +1 -1
  35. package/scripts/prebuild/assets/prompt_scheme.md +7 -0
  36. package/src/DeviceMockFrame.tsx +8 -0
  37. package/src/RenderPage.tsx +3 -0
  38. package/src/assets/devices.json +747 -183
  39. package/src/assets/meta.json +1 -1
  40. package/src/assets/prompt-scheme-onboard.generated.ts +1 -1
  41. package/src/assets/prompt-scheme-paywall.generated.ts +1 -1
  42. package/src/assets/samples/carousel-sample.json +30 -26
  43. package/src/assets/samples/paywall-1.json +30 -30
  44. package/src/assets/samples/paywall-2.json +26 -26
  45. package/src/assets/samples/paywall-app-delete-offer.json +27 -27
  46. package/src/assets/samples/paywall-app-open-offer.json +27 -27
  47. package/src/assets/samples/paywall-back-offer.json +27 -27
  48. package/src/assets/samples/paywall-notification-offer.json +27 -27
  49. package/src/assets/samples/simple-1.json +4 -4
  50. package/src/assets/samples/simple-2.json +25 -25
  51. package/src/assets/samples/unmigrated-builder-1.1.1.json +7 -7
  52. package/src/assets/samples/unmigrated-builder1.json +4 -4
  53. package/src/assets/samples/unvalidated-builder1.json +4 -4
  54. package/src/assets/samples/unvalidated-crash1.json +2 -2
  55. package/src/assets/samples/unvalidated-crashcomponent1.json +2 -2
  56. package/src/assets/samples/vpn-onboard-1.json +34 -30
  57. package/src/assets/samples/vpn-onboard-2.json +34 -30
  58. package/src/assets/samples/vpn-onboard-3.json +28 -27
  59. package/src/assets/samples/vpn-onboard-4.json +28 -27
  60. package/src/assets/samples/vpn-onboard-5.json +46 -40
  61. package/src/assets/samples/vpn-onboard-6.json +34 -30
  62. package/src/assets/samples/vpn-onboard-7.json +33 -29
  63. package/src/attribute-analyser/style/web/useExtractImageStyle.ts +8 -3
  64. package/src/attribute-analyser/style/web/useExtractViewStyle.ts +8 -3
  65. package/src/build-components/BIcon/BIconProps.generated.ts +1 -1
  66. package/src/build-components/BIcon/pattern.json +1 -2
  67. package/src/build-components/BackgroundImage/pattern.json +1 -2
  68. package/src/build-components/Button/pattern.json +1 -2
  69. package/src/build-components/Carousel/pattern.json +1 -2
  70. package/src/build-components/CarouselButtons/pattern.json +1 -2
  71. package/src/build-components/CarouselDots/CarouselDots.tsx +8 -3
  72. package/src/build-components/CarouselDots/pattern.json +1 -2
  73. package/src/build-components/CarouselItem/pattern.json +1 -4
  74. package/src/build-components/CarouselProvider/pattern.json +0 -3
  75. package/src/build-components/CountDown/CountDownProps.generated.ts +1 -1
  76. package/src/build-components/CountDown/pattern.json +1 -2
  77. package/src/build-components/Image/ImageProps.generated.ts +6 -0
  78. package/src/build-components/Image/pattern.json +10 -2
  79. package/src/build-components/Main/Main.tsx +3 -1
  80. package/src/build-components/Main/pattern.json +1 -2
  81. package/src/build-components/NavigationBarColor/NavigationBarColor.tsx +15 -1
  82. package/src/build-components/NavigationBarColor/NavigationBarColorProps.generated.ts +1 -52
  83. package/src/build-components/NavigationBarColor/pattern.json +10 -2
  84. package/src/build-components/Onboard/pattern.json +1 -4
  85. package/src/build-components/OnboardButtons/pattern.json +1 -2
  86. package/src/build-components/OnboardDot/OnboardDot.tsx +3 -2
  87. package/src/build-components/OnboardDot/pattern.json +1 -2
  88. package/src/build-components/OnboardFooter/OnboardFooterProps.generated.ts +1 -1
  89. package/src/build-components/OnboardFooter/pattern.json +1 -2
  90. package/src/build-components/OnboardImage/OnboardImageProps.generated.ts +7 -1
  91. package/src/build-components/OnboardImage/pattern.json +1 -2
  92. package/src/build-components/OnboardItem/pattern.json +1 -2
  93. package/src/build-components/OnboardProvider/pattern.json +1 -2
  94. package/src/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.ts +1 -1
  95. package/src/build-components/OnboardSubtitle/pattern.json +1 -4
  96. package/src/build-components/OnboardTitle/OnboardTitleProps.generated.ts +1 -1
  97. package/src/build-components/OnboardTitle/pattern.json +1 -4
  98. package/src/build-components/PaywallBackground/PaywallBackgroundProps.generated.ts +1 -1
  99. package/src/build-components/PaywallBackground/pattern.json +0 -3
  100. package/src/build-components/PaywallCloseButton/PaywallCloseButtonProps.generated.ts +1 -1
  101. package/src/build-components/PaywallCloseButton/pattern.json +2 -4
  102. package/src/build-components/PaywallOptions/pattern.json +1 -4
  103. package/src/build-components/PaywallProvider/pattern.json +1 -2
  104. package/src/build-components/PaywallSubscribeButton/PaywallSubscribeButtonProps.generated.ts +1 -1
  105. package/src/build-components/PaywallSubscribeButton/pattern.json +1 -4
  106. package/src/build-components/PriceTag/PriceTagProps.generated.ts +1 -1
  107. package/src/build-components/PriceTag/pattern.json +1 -2
  108. package/src/build-components/Pricing/PricingProps.generated.ts +1 -1
  109. package/src/build-components/Pricing/pattern.json +1 -4
  110. package/src/build-components/Promo/PromoProps.generated.ts +1 -1
  111. package/src/build-components/Promo/pattern.json +1 -4
  112. package/src/build-components/RadioButton/pattern.json +1 -2
  113. package/src/build-components/StatusBarColor/StatusBarColor.tsx +15 -1
  114. package/src/build-components/StatusBarColor/StatusBarColorProps.generated.ts +1 -1
  115. package/src/build-components/StatusBarColor/pattern.json +10 -1
  116. package/src/build-components/Text/pattern.json +1 -2
  117. package/src/build-components/patterns.generated.ts +57 -376
  118. package/src/components/BuilderProvider.tsx +1 -0
  119. package/src/components/DeviceButton.tsx +35 -0
  120. package/src/components/EditorHeader.tsx +16 -1
  121. package/src/hooks/useSafeAreaViewStyle.ts +24 -4
  122. package/src/mockOS/context/MockOSContext.tsx +41 -13
  123. package/src/modals/DeviceSelectorModal.tsx +94 -10
  124. package/src/product-base/extractAndroidParams.ts +38 -8
  125. package/src/size-matters/index.ts +15 -9
  126. package/src/store.ts +27 -0
  127. package/src/styles/modals/_product-edit-modal.scss +2 -2
  128. package/src/types/Device.ts +5 -0
  129. package/src/utils/analyseNodeByPatterns.ts +6 -2
  130. package/src/utils/extractTextStyle/extractTextStyle.ts +3 -1
  131. package/src/utils/extractTextStyle/extractTextStyleNative.ts +1 -1
  132. package/src/utils/extractViewStyle/extractViewStyle.ts +19 -5
  133. package/src/utils/extractViewStyle/extractViewStyleNative.ts +5 -1
  134. package/src/utils/replaceLocalizationParams.ts +5 -7
@@ -52,8 +52,8 @@ export interface BIconPropsGenerated {
52
52
  adjustsFontSizeToFit?: boolean;
53
53
  showEllipsis?: boolean;
54
54
  translateCounter?: number;
55
- testID?: string;
56
55
  scrollable?: boolean;
56
+ testID?: string;
57
57
  iconType?: string;
58
58
  size?: number;
59
59
  strokeWidth?: number;
@@ -52,8 +52,8 @@ export interface CountDownPropsGenerated {
52
52
  adjustsFontSizeToFit?: boolean;
53
53
  showEllipsis?: boolean;
54
54
  translateCounter?: number;
55
- testID?: string;
56
55
  scrollable?: boolean;
56
+ testID?: string;
57
57
  count?: number;
58
58
  };
59
59
  }
@@ -1,4 +1,5 @@
1
1
  import type { NodeData } from '../../types/Node';
2
+ export type FetchStrategyOptionType = 'highIfItsAppLaunch' | 'normal' | 'lazy' | 'none';
2
3
  export type FlexDirectionOptionType = 'row' | 'column';
3
4
  export type FlexWrapOptionType = 'nowrap' | 'wrap' | 'wrap-reverse';
4
5
  export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
@@ -49,6 +50,7 @@ export interface ImagePropsGenerated {
49
50
  scrollable?: boolean;
50
51
  testID?: string;
51
52
  src?: string;
53
+ fetchStrategy?: FetchStrategyOptionType;
52
54
  };
53
55
  }
54
56
  export interface ImageComponentProps {
@@ -1,51 +1,12 @@
1
1
  import type { NodeData } from '../../types/Node';
2
- export type FlexDirectionOptionType = 'row' | 'column';
3
- export type FlexWrapOptionType = 'nowrap' | 'wrap' | 'wrap-reverse';
4
- export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
5
- export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
6
- export type PositionOptionType = 'relative' | 'absolute';
7
2
  export interface NavigationBarColorStyleGenerated {
8
- flexDirection?: FlexDirectionOptionType;
9
- flexWrap?: FlexWrapOptionType;
10
- alignItems?: AlignItemsOptionType;
11
- justifyContent?: JustifyContentOptionType;
12
- gap?: string;
13
- padding?: string;
14
- paddingHorizontal?: string;
15
- paddingVertical?: string;
16
- paddingTop?: string;
17
- paddingBottom?: string;
18
- paddingLeft?: string;
19
- paddingRight?: string;
20
- margin?: string;
21
- marginHorizontal?: string;
22
- marginVertical?: string;
23
- marginTop?: string;
24
- marginBottom?: string;
25
- marginLeft?: string;
26
- marginRight?: string;
27
3
  backgroundColor?: string;
28
- borderRadius?: string;
29
- width?: string;
30
- minWidth?: string;
31
- maxWidth?: string;
32
- height?: string;
33
- minHeight?: string;
34
- maxHeight?: string;
35
- flex?: number;
36
- position?: PositionOptionType;
37
- top?: string;
38
- bottom?: string;
39
- left?: string;
40
- right?: string;
41
- zIndex?: number;
42
4
  }
43
5
  export interface NavigationBarColorPropsGenerated {
44
6
  child: string;
45
7
  attributes: {
46
8
  styles?: NavigationBarColorStyleGenerated;
47
- scrollable?: boolean;
48
- testID?: string;
9
+ translucent?: boolean;
49
10
  };
50
11
  }
51
12
  export interface NavigationBarColorComponentProps {
@@ -52,8 +52,8 @@ export interface OnboardFooterPropsGenerated {
52
52
  adjustsFontSizeToFit?: boolean;
53
53
  showEllipsis?: boolean;
54
54
  translateCounter?: number;
55
- testID?: string;
56
55
  scrollable?: boolean;
56
+ testID?: string;
57
57
  textLocalizationKey?: string;
58
58
  linkedWordFirstLocalizationKey?: string;
59
59
  linkedWordFirstColor?: string;
@@ -1,4 +1,5 @@
1
1
  import type { NodeData } from '../../types/Node';
2
+ export type FetchStrategyOptionType = 'highIfItsAppLaunch' | 'normal' | 'lazy' | 'none';
2
3
  export type ResizeModeOptionType = 'cover' | 'contain' | 'stretch' | 'center';
3
4
  export type FlexDirectionOptionType = 'row' | 'column';
4
5
  export type FlexWrapOptionType = 'nowrap' | 'wrap' | 'wrap-reverse';
@@ -47,8 +48,9 @@ export interface OnboardImagePropsGenerated {
47
48
  attributes: {
48
49
  styles?: OnboardImageStyleGenerated;
49
50
  src?: string;
50
- testID?: string;
51
+ fetchStrategy?: FetchStrategyOptionType;
51
52
  scrollable?: boolean;
53
+ testID?: string;
52
54
  video_url?: string;
53
55
  lottie?: string;
54
56
  };
@@ -52,8 +52,8 @@ export interface OnboardSubtitlePropsGenerated {
52
52
  adjustsFontSizeToFit?: boolean;
53
53
  showEllipsis?: boolean;
54
54
  translateCounter?: number;
55
- testID?: string;
56
55
  scrollable?: boolean;
56
+ testID?: string;
57
57
  };
58
58
  }
59
59
  export interface OnboardSubtitleComponentProps {
@@ -52,8 +52,8 @@ export interface OnboardTitlePropsGenerated {
52
52
  adjustsFontSizeToFit?: boolean;
53
53
  showEllipsis?: boolean;
54
54
  translateCounter?: number;
55
- testID?: string;
56
55
  scrollable?: boolean;
56
+ testID?: string;
57
57
  };
58
58
  }
59
59
  export interface OnboardTitleComponentProps {
@@ -47,8 +47,8 @@ export interface PaywallBackgroundPropsGenerated {
47
47
  styles?: PaywallBackgroundStyleGenerated;
48
48
  src?: string;
49
49
  resizeMode?: ResizeModeOptionType;
50
- testID?: string;
51
50
  scrollable?: boolean;
51
+ testID?: string;
52
52
  };
53
53
  }
54
54
  export interface PaywallBackgroundComponentProps {
@@ -52,11 +52,11 @@ export interface PaywallCloseButtonPropsGenerated {
52
52
  iconType?: string;
53
53
  size?: number;
54
54
  strokeWidth?: number;
55
- testID?: string;
56
55
  adjustsFontSizeToFit?: boolean;
57
56
  showEllipsis?: boolean;
58
57
  translateCounter?: number;
59
58
  scrollable?: boolean;
59
+ testID?: string;
60
60
  };
61
61
  }
62
62
  export interface PaywallCloseButtonComponentProps {
@@ -48,8 +48,8 @@ export interface PaywallSubscribeButtonPropsGenerated {
48
48
  child: string;
49
49
  attributes: {
50
50
  styles?: PaywallSubscribeButtonStyleGenerated;
51
- testID?: string;
52
51
  scrollable?: boolean;
52
+ testID?: string;
53
53
  };
54
54
  }
55
55
  export interface PaywallSubscribeButtonComponentProps {
@@ -54,8 +54,8 @@ export interface PriceTagPropsGenerated {
54
54
  adjustsFontSizeToFit?: boolean;
55
55
  showEllipsis?: boolean;
56
56
  translateCounter?: number;
57
- testID?: string;
58
57
  scrollable?: boolean;
58
+ testID?: string;
59
59
  showOriginalPricePossible?: boolean;
60
60
  hideIfItsNotDiscount?: boolean;
61
61
  };
@@ -52,8 +52,8 @@ export interface PricingPropsGenerated {
52
52
  adjustsFontSizeToFit?: boolean;
53
53
  showEllipsis?: boolean;
54
54
  translateCounter?: number;
55
- testID?: string;
56
55
  scrollable?: boolean;
56
+ testID?: string;
57
57
  };
58
58
  }
59
59
  export interface PricingComponentProps {
@@ -52,8 +52,8 @@ export interface PromoPropsGenerated {
52
52
  adjustsFontSizeToFit?: boolean;
53
53
  showEllipsis?: boolean;
54
54
  translateCounter?: number;
55
- testID?: string;
56
55
  scrollable?: boolean;
56
+ testID?: string;
57
57
  };
58
58
  }
59
59
  export interface PromoComponentProps {
@@ -6,7 +6,7 @@ export interface StatusBarColorPropsGenerated {
6
6
  child: string;
7
7
  attributes: {
8
8
  styles?: StatusBarColorStyleGenerated;
9
- testID?: string;
9
+ translucent?: boolean;
10
10
  };
11
11
  }
12
12
  export interface StatusBarColorComponentProps {