@developer_tribe/react-builder 1.2.26 → 1.2.28

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 (156) hide show
  1. package/dist/assets/samples/getSamples.d.ts +0 -3
  2. package/dist/build-components/BIcon/BIconProps.generated.d.ts +1 -2
  3. package/dist/build-components/CountDown/CountDownProps.generated.d.ts +2 -1
  4. package/dist/build-components/OnboardFooter/OnboardFooterProps.generated.d.ts +1 -2
  5. package/dist/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.d.ts +1 -2
  6. package/dist/build-components/OnboardTitle/OnboardTitleProps.generated.d.ts +1 -2
  7. package/dist/build-components/PaywallCloseButton/PaywallCloseButtonProps.generated.d.ts +1 -2
  8. package/dist/build-components/PaywallOptions/usePaywallOptionParamsFactory.d.ts +1 -1
  9. package/dist/build-components/PriceTag/PriceTag.d.ts +5 -0
  10. package/dist/build-components/PriceTag/PriceTagProps.generated.d.ts +63 -0
  11. package/dist/build-components/Pricing/Pricing.d.ts +5 -0
  12. package/dist/build-components/Pricing/PricingProps.generated.d.ts +59 -0
  13. package/dist/build-components/Promo/Promo.d.ts +5 -0
  14. package/dist/build-components/Promo/PromoProps.generated.d.ts +59 -0
  15. package/dist/build-components/Text/TextProps.generated.d.ts +1 -2
  16. package/dist/build-components/index.d.ts +4 -1
  17. package/dist/build-components/patterns.generated.d.ts +1405 -202
  18. package/dist/components/BuilderProvider.d.ts +5 -3
  19. package/dist/components/ParamsProvider.d.ts +16 -8
  20. package/dist/hooks/useSyncHtmlThemeClass.d.ts +1 -1
  21. package/dist/index.cjs.js +4 -4
  22. package/dist/index.cjs.js.map +1 -1
  23. package/dist/index.d.ts +15 -3
  24. package/dist/index.esm.js +4 -4
  25. package/dist/index.esm.js.map +1 -1
  26. package/dist/index.web.cjs.js +4 -4
  27. package/dist/index.web.cjs.js.map +1 -1
  28. package/dist/index.web.esm.js +4 -4
  29. package/dist/index.web.esm.js.map +1 -1
  30. package/dist/logger.d.ts +18 -0
  31. package/dist/modals/InspectModal.d.ts +5 -0
  32. package/dist/modals/index.d.ts +1 -1
  33. package/dist/pages/ProjectPage.d.ts +3 -3
  34. package/dist/paywall/hooks/useCalculateLocalizedPrice.d.ts +4 -2
  35. package/dist/paywall/hooks/useDiscountRate.d.ts +3 -2
  36. package/dist/paywall/types/paywall-types.d.ts +7 -32
  37. package/dist/product-base/buildPaywallLocalizationParams.d.ts +16 -0
  38. package/dist/product-base/calculations.d.ts +29 -0
  39. package/dist/product-base/extractAndroidParams.d.ts +24 -0
  40. package/dist/product-base/extractIOSParams.d.ts +24 -0
  41. package/dist/product-base/index.d.ts +27 -0
  42. package/dist/product-base/periodLocalizationKeys.d.ts +44 -0
  43. package/dist/product-base/types.d.ts +155 -0
  44. package/dist/product-base/usePaywallLocalizationParams.d.ts +29 -0
  45. package/dist/store.d.ts +7 -1
  46. package/dist/styles.css +1 -1
  47. package/dist/types/PreviewConfig.d.ts +10 -16
  48. package/dist/utils/extractTextStyle/extractTextStyle.d.ts +2 -2
  49. package/dist/utils/extractTextStyle/extractTextStyleNative.d.ts +2 -2
  50. package/dist/utils/replaceLocalizationParams.d.ts +1 -1
  51. package/package.json +2 -2
  52. package/scripts/migrate-samples-to-current.ts +3 -3
  53. package/scripts/prebuild/utils/validateAllComponentsOrThrow.js +28 -12
  54. package/src/DeviceMockFrame.tsx +15 -10
  55. package/src/assets/meta.json +1 -1
  56. package/src/assets/samples/carousel-sample.json +6 -5
  57. package/src/assets/samples/getSamples.ts +16 -49
  58. package/src/assets/samples/paywall-1.json +64 -22
  59. package/src/assets/samples/paywall-2.json +0 -15
  60. package/src/assets/samples/paywall-app-delete-offer.json +0 -15
  61. package/src/assets/samples/paywall-app-open-offer.json +0 -15
  62. package/src/assets/samples/paywall-back-offer.json +0 -15
  63. package/src/assets/samples/paywall-notification-offer.json +0 -15
  64. package/src/assets/samples/simple-1.json +1 -16
  65. package/src/assets/samples/simple-2.json +0 -15
  66. package/src/assets/samples/unmigrated-builder-1.1.1.json +0 -3
  67. package/src/assets/samples/unmigrated-builder1.json +0 -3
  68. package/src/assets/samples/unvalidated-builder1.json +0 -3
  69. package/src/assets/samples/unvalidated-crash1.json +0 -3
  70. package/src/assets/samples/unvalidated-crashcomponent1.json +0 -3
  71. package/src/assets/samples/vpn-onboard-1.json +1 -34
  72. package/src/assets/samples/vpn-onboard-2.json +1 -34
  73. package/src/assets/samples/vpn-onboard-3.json +1 -42
  74. package/src/assets/samples/vpn-onboard-4.json +0 -73
  75. package/src/assets/samples/vpn-onboard-5.json +0 -73
  76. package/src/assets/samples/vpn-onboard-6.json +0 -73
  77. package/src/assets/samples/vpn-onboard-7.json +529 -0
  78. package/src/attribute-analyser/style/native/useExtractImageStyle.ts +1 -4
  79. package/src/attribute-analyser/style/native/useExtractTextStyle.ts +3 -12
  80. package/src/attribute-analyser/style/native/useExtractViewStyle.ts +1 -4
  81. package/src/attribute-analyser/style/web/useExtractImageStyle.ts +1 -4
  82. package/src/attribute-analyser/style/web/useExtractTextStyle.ts +3 -12
  83. package/src/attribute-analyser/style/web/useExtractViewStyle.ts +1 -4
  84. package/src/attributes-editor/useAttributesEditorModel.ts +5 -52
  85. package/src/build-components/BIcon/BIconProps.generated.ts +1 -2
  86. package/src/build-components/CarouselDots/CarouselDots.tsx +6 -13
  87. package/src/build-components/CountDown/CountDownProps.generated.ts +2 -1
  88. package/src/build-components/NavigationBarColor/NavigationBarColor.tsx +2 -2
  89. package/src/build-components/OnboardButton/OnboardButton.tsx +1 -2
  90. package/src/build-components/OnboardDot/OnboardDot.tsx +6 -18
  91. package/src/build-components/OnboardFooter/OnboardFooter.tsx +5 -3
  92. package/src/build-components/OnboardFooter/OnboardFooterProps.generated.ts +1 -2
  93. package/src/build-components/OnboardFooter/pattern.json +1 -1
  94. package/src/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.ts +1 -2
  95. package/src/build-components/OnboardTitle/OnboardTitleProps.generated.ts +1 -2
  96. package/src/build-components/PaywallCloseButton/PaywallCloseButtonProps.generated.ts +1 -2
  97. package/src/build-components/PaywallOptions/PaywallOptions.tsx +3 -3
  98. package/src/build-components/PaywallOptions/usePaywallOptionParamsFactory.ts +26 -13
  99. package/src/build-components/PaywallProvider/PaywallProvider.tsx +51 -12
  100. package/src/build-components/PriceTag/PriceTag.tsx +25 -0
  101. package/src/build-components/PriceTag/PriceTagProps.generated.ts +83 -0
  102. package/src/build-components/PriceTag/pattern.json +53 -0
  103. package/src/build-components/Pricing/Pricing.tsx +13 -0
  104. package/src/build-components/Pricing/PricingProps.generated.ts +76 -0
  105. package/src/build-components/Pricing/pattern.json +25 -0
  106. package/src/build-components/Promo/Promo.tsx +13 -0
  107. package/src/build-components/Promo/PromoProps.generated.ts +76 -0
  108. package/src/build-components/Promo/pattern.json +25 -0
  109. package/src/build-components/RadioButton/RadioButton.tsx +3 -5
  110. package/src/build-components/RenderNode.generated.tsx +15 -0
  111. package/src/build-components/StatusBarColor/StatusBarColor.tsx +2 -2
  112. package/src/build-components/Text/Text.tsx +12 -5
  113. package/src/build-components/Text/TextProps.generated.ts +1 -2
  114. package/src/build-components/Text/pattern.json +3 -2
  115. package/src/build-components/index.ts +15 -0
  116. package/src/build-components/patterns.generated.ts +1454 -181
  117. package/src/components/BottomBar.tsx +42 -39
  118. package/src/components/BuilderProvider.tsx +41 -14
  119. package/src/components/LocalizationParamsProvider.tsx +1 -1
  120. package/src/components/ParamsProvider.tsx +36 -11
  121. package/src/hooks/useLocalize.ts +7 -4
  122. package/src/hooks/useParams.ts +1 -1
  123. package/src/hooks/useSyncHtmlThemeClass.ts +2 -2
  124. package/src/index.ts +56 -8
  125. package/src/logger.ts +39 -0
  126. package/src/modals/InspectModal.tsx +331 -0
  127. package/src/modals/ProductPresetsModal.tsx +6 -13
  128. package/src/modals/index.ts +1 -1
  129. package/src/pages/DebugJsonPage.tsx +9 -22
  130. package/src/pages/ProjectDebug.tsx +1 -1
  131. package/src/pages/ProjectPage.tsx +29 -11
  132. package/src/pages/tabs/SideTool.tsx +28 -104
  133. package/src/paywall/hooks/useCalculateLocalizedPrice.ts +8 -3
  134. package/src/paywall/hooks/useDiscountRate.ts +11 -3
  135. package/src/paywall/types/paywall-types.ts +7 -38
  136. package/src/product-base/buildPaywallLocalizationParams.ts +100 -0
  137. package/src/product-base/calculations.ts +93 -0
  138. package/src/product-base/extractAndroidParams.ts +207 -0
  139. package/src/product-base/extractIOSParams.ts +199 -0
  140. package/src/product-base/index.ts +28 -0
  141. package/src/product-base/mockProducts.json +489 -0
  142. package/src/product-base/periodLocalizationKeys.ts +114 -0
  143. package/src/product-base/types.ts +183 -0
  144. package/src/product-base/usePaywallLocalizationParams.ts +61 -0
  145. package/src/store.ts +18 -1
  146. package/src/styles/index.scss +1 -0
  147. package/src/styles/modals/_inspect-modal.scss +155 -0
  148. package/src/types/PreviewConfig.ts +157 -16
  149. package/src/utils/extractTextStyle/extractTextStyle.ts +14 -6
  150. package/src/utils/extractTextStyle/extractTextStyleNative.ts +8 -6
  151. package/src/utils/logRenderStore.ts +6 -10
  152. package/src/utils/parseColor.ts +0 -1
  153. package/src/utils/replaceLocalizationParams.ts +8 -4
  154. package/dist/modals/ScreenColorsModal.d.ts +0 -8
  155. package/src/assets/products.json +0 -98
  156. package/src/modals/ScreenColorsModal.tsx +0 -121
@@ -1,5 +1,2 @@
1
1
  import { Project } from '../../types/Project';
2
2
  export declare function getSamples(): Project[];
3
- export declare function getBasicSamples(): Project[];
4
- export declare function getOnboardSamples(): Project[];
5
- export declare function getPaywallSamples(): Project[];
@@ -1,5 +1,4 @@
1
1
  import type { NodeData } from '../../types/Node';
2
- export type TextAlignOptionType = 'left' | 'center' | 'right' | 'justify';
3
2
  export type FlexDirectionOptionType = 'row' | 'column';
4
3
  export type FlexWrapOptionType = 'nowrap' | 'wrap' | 'wrap-reverse';
5
4
  export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
@@ -10,7 +9,6 @@ export interface BIconStyleGenerated {
10
9
  fontSize?: string;
11
10
  fontFamily?: string;
12
11
  fontWeight?: string;
13
- textAlign?: TextAlignOptionType;
14
12
  flexDirection?: FlexDirectionOptionType;
15
13
  flexWrap?: FlexWrapOptionType;
16
14
  alignItems?: AlignItemsOptionType;
@@ -52,6 +50,7 @@ export interface BIconPropsGenerated {
52
50
  style?: BIconStyleGenerated;
53
51
  adjustsFontSizeToFit?: boolean;
54
52
  showEllipsis?: boolean;
53
+ translateCounter?: number;
55
54
  scrollable?: boolean;
56
55
  iconType?: string;
57
56
  size?: number;
@@ -9,7 +9,6 @@ export interface CountDownStyleGenerated {
9
9
  fontSize?: string;
10
10
  fontFamily?: string;
11
11
  fontWeight?: string;
12
- textAlign?: never;
13
12
  flexDirection?: FlexDirectionOptionType;
14
13
  flexWrap?: FlexWrapOptionType;
15
14
  alignItems?: AlignItemsOptionType;
@@ -44,6 +43,7 @@ export interface CountDownStyleGenerated {
44
43
  left?: string;
45
44
  right?: string;
46
45
  zIndex?: number;
46
+ textAlign?: never;
47
47
  }
48
48
  export interface CountDownPropsGenerated {
49
49
  child: string;
@@ -51,6 +51,7 @@ export interface CountDownPropsGenerated {
51
51
  style?: CountDownStyleGenerated;
52
52
  adjustsFontSizeToFit?: boolean;
53
53
  showEllipsis?: boolean;
54
+ translateCounter?: number;
54
55
  scrollable?: boolean;
55
56
  count?: number;
56
57
  };
@@ -1,5 +1,4 @@
1
1
  import type { NodeData } from '../../types/Node';
2
- export type TextAlignOptionType = 'left' | 'center' | 'right' | 'justify';
3
2
  export type FlexDirectionOptionType = 'row' | 'column';
4
3
  export type FlexWrapOptionType = 'nowrap' | 'wrap' | 'wrap-reverse';
5
4
  export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
@@ -10,7 +9,6 @@ export interface OnboardFooterStyleGenerated {
10
9
  fontSize?: string;
11
10
  fontFamily?: string;
12
11
  fontWeight?: string;
13
- textAlign?: TextAlignOptionType;
14
12
  flexDirection?: FlexDirectionOptionType;
15
13
  flexWrap?: FlexWrapOptionType;
16
14
  alignItems?: AlignItemsOptionType;
@@ -52,6 +50,7 @@ export interface OnboardFooterPropsGenerated {
52
50
  style?: OnboardFooterStyleGenerated;
53
51
  adjustsFontSizeToFit?: boolean;
54
52
  showEllipsis?: boolean;
53
+ translateCounter?: number;
55
54
  scrollable?: boolean;
56
55
  textLocalizationKey?: string;
57
56
  linkedWordFirstLocalizationKey?: string;
@@ -1,5 +1,4 @@
1
1
  import type { NodeData } from '../../types/Node';
2
- export type TextAlignOptionType = 'left' | 'center' | 'right' | 'justify';
3
2
  export type FlexDirectionOptionType = 'row' | 'column';
4
3
  export type FlexWrapOptionType = 'nowrap' | 'wrap' | 'wrap-reverse';
5
4
  export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
@@ -10,7 +9,6 @@ export interface OnboardSubtitleStyleGenerated {
10
9
  fontSize?: string;
11
10
  fontFamily?: string;
12
11
  fontWeight?: string;
13
- textAlign?: TextAlignOptionType;
14
12
  flexDirection?: FlexDirectionOptionType;
15
13
  flexWrap?: FlexWrapOptionType;
16
14
  alignItems?: AlignItemsOptionType;
@@ -52,6 +50,7 @@ export interface OnboardSubtitlePropsGenerated {
52
50
  style?: OnboardSubtitleStyleGenerated;
53
51
  adjustsFontSizeToFit?: boolean;
54
52
  showEllipsis?: boolean;
53
+ translateCounter?: number;
55
54
  scrollable?: boolean;
56
55
  };
57
56
  }
@@ -1,5 +1,4 @@
1
1
  import type { NodeData } from '../../types/Node';
2
- export type TextAlignOptionType = 'left' | 'center' | 'right' | 'justify';
3
2
  export type FlexDirectionOptionType = 'row' | 'column';
4
3
  export type FlexWrapOptionType = 'nowrap' | 'wrap' | 'wrap-reverse';
5
4
  export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
@@ -10,7 +9,6 @@ export interface OnboardTitleStyleGenerated {
10
9
  fontSize?: string;
11
10
  fontFamily?: string;
12
11
  fontWeight?: string;
13
- textAlign?: TextAlignOptionType;
14
12
  flexDirection?: FlexDirectionOptionType;
15
13
  flexWrap?: FlexWrapOptionType;
16
14
  alignItems?: AlignItemsOptionType;
@@ -52,6 +50,7 @@ export interface OnboardTitlePropsGenerated {
52
50
  style?: OnboardTitleStyleGenerated;
53
51
  adjustsFontSizeToFit?: boolean;
54
52
  showEllipsis?: boolean;
53
+ translateCounter?: number;
55
54
  scrollable?: boolean;
56
55
  };
57
56
  }
@@ -1,5 +1,4 @@
1
1
  import type { NodeData } from '../../types/Node';
2
- export type TextAlignOptionType = 'left' | 'center' | 'right' | 'justify';
3
2
  export type FlexDirectionOptionType = 'row' | 'column';
4
3
  export type FlexWrapOptionType = 'nowrap' | 'wrap' | 'wrap-reverse';
5
4
  export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
@@ -10,7 +9,6 @@ export interface PaywallCloseButtonStyleGenerated {
10
9
  fontSize?: string;
11
10
  fontFamily?: string;
12
11
  fontWeight?: string;
13
- textAlign?: TextAlignOptionType;
14
12
  flexDirection?: FlexDirectionOptionType;
15
13
  flexWrap?: FlexWrapOptionType;
16
14
  alignItems?: AlignItemsOptionType;
@@ -55,6 +53,7 @@ export interface PaywallCloseButtonPropsGenerated {
55
53
  strokeWidth?: number;
56
54
  adjustsFontSizeToFit?: boolean;
57
55
  showEllipsis?: boolean;
56
+ translateCounter?: number;
58
57
  scrollable?: boolean;
59
58
  };
60
59
  }
@@ -1,5 +1,5 @@
1
1
  import type { Product } from '../../paywall/types/paywall-types';
2
- import { LocalizationParams, OtherParams } from '../../components/ParamsProvider';
2
+ import type { LocalizationParams, OtherParams } from '../../components/ParamsProvider';
3
3
  type PaywallOptionParams = {
4
4
  localizationParams: LocalizationParams;
5
5
  otherParams: OtherParams;
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import type { PriceTagComponentProps } from './PriceTagProps.generated';
3
+ declare function PriceTag({ node }: PriceTagComponentProps): import("react/jsx-runtime").JSX.Element | null;
4
+ declare const _default: React.MemoExoticComponent<typeof PriceTag>;
5
+ export default _default;
@@ -0,0 +1,63 @@
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
+ export type TextDecorationLineOptionType = 'none' | 'underline' | 'line-through';
8
+ export interface PriceTagStyleGenerated {
9
+ color?: string;
10
+ fontSize?: string;
11
+ fontFamily?: string;
12
+ fontWeight?: string;
13
+ flexDirection?: FlexDirectionOptionType;
14
+ flexWrap?: FlexWrapOptionType;
15
+ alignItems?: AlignItemsOptionType;
16
+ justifyContent?: JustifyContentOptionType;
17
+ gap?: string;
18
+ padding?: string;
19
+ paddingHorizontal?: string;
20
+ paddingVertical?: string;
21
+ paddingTop?: string;
22
+ paddingBottom?: string;
23
+ paddingLeft?: string;
24
+ paddingRight?: string;
25
+ margin?: string;
26
+ marginHorizontal?: string;
27
+ marginVertical?: string;
28
+ marginTop?: string;
29
+ marginBottom?: string;
30
+ marginLeft?: string;
31
+ marginRight?: string;
32
+ backgroundColor?: string;
33
+ borderRadius?: string;
34
+ width?: string;
35
+ minWidth?: string;
36
+ maxWidth?: string;
37
+ height?: string;
38
+ minHeight?: string;
39
+ maxHeight?: string;
40
+ flex?: number;
41
+ position?: PositionOptionType;
42
+ top?: string;
43
+ bottom?: string;
44
+ left?: string;
45
+ right?: string;
46
+ zIndex?: number;
47
+ textDecorationLine?: TextDecorationLineOptionType;
48
+ }
49
+ export interface PriceTagPropsGenerated {
50
+ child: string;
51
+ attributes: {
52
+ style?: PriceTagStyleGenerated;
53
+ adjustsFontSizeToFit?: boolean;
54
+ showEllipsis?: boolean;
55
+ translateCounter?: number;
56
+ scrollable?: boolean;
57
+ showOriginalPricePossible?: boolean;
58
+ hideIfItsNotDiscount?: boolean;
59
+ };
60
+ }
61
+ export interface PriceTagComponentProps {
62
+ node: NodeData<PriceTagPropsGenerated['attributes']>;
63
+ }
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import type { PricingComponentProps } from './PricingProps.generated';
3
+ declare function Pricing({ node }: PricingComponentProps): import("react/jsx-runtime").JSX.Element;
4
+ declare const _default: React.MemoExoticComponent<typeof Pricing>;
5
+ export default _default;
@@ -0,0 +1,59 @@
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
+ export interface PricingStyleGenerated {
8
+ color?: string;
9
+ fontSize?: string;
10
+ fontFamily?: string;
11
+ fontWeight?: string;
12
+ flexDirection?: FlexDirectionOptionType;
13
+ flexWrap?: FlexWrapOptionType;
14
+ alignItems?: AlignItemsOptionType;
15
+ justifyContent?: JustifyContentOptionType;
16
+ gap?: string;
17
+ padding?: string;
18
+ paddingHorizontal?: string;
19
+ paddingVertical?: string;
20
+ paddingTop?: string;
21
+ paddingBottom?: string;
22
+ paddingLeft?: string;
23
+ paddingRight?: string;
24
+ margin?: string;
25
+ marginHorizontal?: string;
26
+ marginVertical?: string;
27
+ marginTop?: string;
28
+ marginBottom?: string;
29
+ marginLeft?: string;
30
+ marginRight?: string;
31
+ backgroundColor?: string;
32
+ borderRadius?: string;
33
+ width?: string;
34
+ minWidth?: string;
35
+ maxWidth?: string;
36
+ height?: string;
37
+ minHeight?: string;
38
+ maxHeight?: string;
39
+ flex?: number;
40
+ position?: PositionOptionType;
41
+ top?: string;
42
+ bottom?: string;
43
+ left?: string;
44
+ right?: string;
45
+ zIndex?: number;
46
+ }
47
+ export interface PricingPropsGenerated {
48
+ child: string;
49
+ attributes: {
50
+ style?: PricingStyleGenerated;
51
+ adjustsFontSizeToFit?: boolean;
52
+ showEllipsis?: boolean;
53
+ translateCounter?: number;
54
+ scrollable?: boolean;
55
+ };
56
+ }
57
+ export interface PricingComponentProps {
58
+ node: NodeData<PricingPropsGenerated['attributes']>;
59
+ }
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import type { PromoComponentProps } from './PromoProps.generated';
3
+ declare function Promo({ node }: PromoComponentProps): import("react/jsx-runtime").JSX.Element;
4
+ declare const _default: React.MemoExoticComponent<typeof Promo>;
5
+ export default _default;
@@ -0,0 +1,59 @@
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
+ export interface PromoStyleGenerated {
8
+ color?: string;
9
+ fontSize?: string;
10
+ fontFamily?: string;
11
+ fontWeight?: string;
12
+ flexDirection?: FlexDirectionOptionType;
13
+ flexWrap?: FlexWrapOptionType;
14
+ alignItems?: AlignItemsOptionType;
15
+ justifyContent?: JustifyContentOptionType;
16
+ gap?: string;
17
+ padding?: string;
18
+ paddingHorizontal?: string;
19
+ paddingVertical?: string;
20
+ paddingTop?: string;
21
+ paddingBottom?: string;
22
+ paddingLeft?: string;
23
+ paddingRight?: string;
24
+ margin?: string;
25
+ marginHorizontal?: string;
26
+ marginVertical?: string;
27
+ marginTop?: string;
28
+ marginBottom?: string;
29
+ marginLeft?: string;
30
+ marginRight?: string;
31
+ backgroundColor?: string;
32
+ borderRadius?: string;
33
+ width?: string;
34
+ minWidth?: string;
35
+ maxWidth?: string;
36
+ height?: string;
37
+ minHeight?: string;
38
+ maxHeight?: string;
39
+ flex?: number;
40
+ position?: PositionOptionType;
41
+ top?: string;
42
+ bottom?: string;
43
+ left?: string;
44
+ right?: string;
45
+ zIndex?: number;
46
+ }
47
+ export interface PromoPropsGenerated {
48
+ child: string;
49
+ attributes: {
50
+ style?: PromoStyleGenerated;
51
+ adjustsFontSizeToFit?: boolean;
52
+ showEllipsis?: boolean;
53
+ translateCounter?: number;
54
+ scrollable?: boolean;
55
+ };
56
+ }
57
+ export interface PromoComponentProps {
58
+ node: NodeData<PromoPropsGenerated['attributes']>;
59
+ }
@@ -4,7 +4,6 @@ export type FlexWrapOptionType = 'nowrap' | 'wrap' | 'wrap-reverse';
4
4
  export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
5
5
  export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
6
6
  export type PositionOptionType = 'relative' | 'absolute';
7
- export type TextAlignOptionType = 'left' | 'center' | 'right' | 'justify';
8
7
  export interface TextStyleGenerated {
9
8
  flexDirection?: FlexDirectionOptionType;
10
9
  flexWrap?: FlexWrapOptionType;
@@ -44,7 +43,6 @@ export interface TextStyleGenerated {
44
43
  fontSize?: string;
45
44
  fontFamily?: string;
46
45
  fontWeight?: string;
47
- textAlign?: TextAlignOptionType;
48
46
  }
49
47
  export interface TextPropsGenerated {
50
48
  child: string;
@@ -53,6 +51,7 @@ export interface TextPropsGenerated {
53
51
  scrollable?: boolean;
54
52
  adjustsFontSizeToFit?: boolean;
55
53
  showEllipsis?: boolean;
54
+ translateCounter?: number;
56
55
  };
57
56
  }
58
57
  export interface TextComponentProps {
@@ -1,6 +1,6 @@
1
1
  export { default as RenderNode } from './RenderNode.generated';
2
2
  export { patterns } from './patterns.generated';
3
- export declare const allcomponentNames: readonly ["BIcon", "BackgroundImage", "Button", "Carousel", "CarouselButtons", "CarouselDots", "CarouselItem", "CarouselProvider", "CountDown", "Image", "Main", "NavigationBarColor", "Onboard", "OnboardButton", "OnboardButtons", "OnboardDot", "OnboardFooter", "OnboardImage", "OnboardItem", "OnboardProvider", "OnboardSubtitle", "OnboardTitle", "PaywallBackground", "PaywallCloseButton", "PaywallOptions", "PaywallProvider", "PaywallSubscribeButton", "RadioButton", "Separator", "StatusBarColor", "Text", "View"];
3
+ export declare const allcomponentNames: readonly ["BIcon", "BackgroundImage", "Button", "Carousel", "CarouselButtons", "CarouselDots", "CarouselItem", "CarouselProvider", "CountDown", "Image", "Main", "NavigationBarColor", "Onboard", "OnboardButton", "OnboardButtons", "OnboardDot", "OnboardFooter", "OnboardImage", "OnboardItem", "OnboardProvider", "OnboardSubtitle", "OnboardTitle", "PaywallBackground", "PaywallCloseButton", "PaywallOptions", "PaywallProvider", "PaywallSubscribeButton", "PriceTag", "Pricing", "Promo", "RadioButton", "Separator", "StatusBarColor", "Text", "View"];
4
4
  export type { BIconPropsGenerated, BIconComponentProps, } from './BIcon/BIconProps.generated';
5
5
  export type { BackgroundImagePropsGenerated, BackgroundImageComponentProps, } from './BackgroundImage/BackgroundImageProps.generated';
6
6
  export type { ButtonPropsGenerated, ButtonComponentProps, } from './Button/ButtonProps.generated';
@@ -28,6 +28,9 @@ export type { PaywallCloseButtonPropsGenerated, PaywallCloseButtonComponentProps
28
28
  export type { PaywallOptionsPropsGenerated, PaywallOptionsComponentProps, } from './PaywallOptions/PaywallOptionsProps.generated';
29
29
  export type { PaywallProviderPropsGenerated, PaywallProviderComponentProps, } from './PaywallProvider/PaywallProviderProps.generated';
30
30
  export type { PaywallSubscribeButtonPropsGenerated, PaywallSubscribeButtonComponentProps, } from './PaywallSubscribeButton/PaywallSubscribeButtonProps.generated';
31
+ export type { PriceTagPropsGenerated, PriceTagComponentProps, } from './PriceTag/PriceTagProps.generated';
32
+ export type { PricingPropsGenerated, PricingComponentProps, } from './Pricing/PricingProps.generated';
33
+ export type { PromoPropsGenerated, PromoComponentProps, } from './Promo/PromoProps.generated';
31
34
  export type { RadioButtonPropsGenerated, RadioButtonComponentProps, } from './RadioButton/RadioButtonProps.generated';
32
35
  export type { SeparatorPropsGenerated, SeparatorComponentProps, } from './Separator/SeparatorProps.generated';
33
36
  export type { StatusBarColorPropsGenerated, StatusBarColorComponentProps, } from './StatusBarColor/StatusBarColorProps.generated';