@developer_tribe/react-builder 1.2.41 → 1.2.43

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 (81) 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/OnboardFooter/OnboardFooterProps.generated.d.ts +1 -1
  4. package/dist/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.d.ts +1 -1
  5. package/dist/build-components/OnboardTitle/OnboardTitleProps.generated.d.ts +1 -1
  6. package/dist/build-components/PaywallCloseButton/PaywallCloseButtonProps.generated.d.ts +1 -1
  7. package/dist/build-components/PaywallFooter/PaywallFooter.d.ts +5 -0
  8. package/dist/build-components/PaywallFooter/PaywallFooterProps.generated.d.ts +68 -0
  9. package/dist/build-components/PriceTag/PriceTagProps.generated.d.ts +1 -1
  10. package/dist/build-components/Pricing/PricingProps.generated.d.ts +1 -1
  11. package/dist/build-components/Promo/PromoProps.generated.d.ts +1 -1
  12. package/dist/build-components/Text/TextProps.generated.d.ts +1 -1
  13. package/dist/build-components/index.d.ts +2 -1
  14. package/dist/build-components/patterns.generated.d.ts +516 -13
  15. package/dist/index.cjs.js +1 -1
  16. package/dist/index.cjs.js.map +1 -1
  17. package/dist/index.esm.js +1 -1
  18. package/dist/index.esm.js.map +1 -1
  19. package/dist/index.web.cjs.js +4 -4
  20. package/dist/index.web.cjs.js.map +1 -1
  21. package/dist/index.web.esm.js +4 -4
  22. package/dist/index.web.esm.js.map +1 -1
  23. package/dist/modals/IconPickerModal.d.ts +1 -1
  24. package/dist/styles.css +1 -1
  25. package/dist/types/PreviewConfig.d.ts +1 -1
  26. package/package.json +2 -2
  27. package/src/RenderPage.tsx +5 -2
  28. package/src/assets/meta.json +1 -1
  29. package/src/assets/prompt-scheme-onboard.generated.ts +1 -1
  30. package/src/assets/prompt-scheme-paywall.generated.ts +1 -1
  31. package/src/assets/samples/paywall-1.json +19 -2
  32. package/src/assets/samples/vpn-onboard-1.json +3 -3
  33. package/src/assets/samples/vpn-onboard-2.json +3 -3
  34. package/src/assets/samples/vpn-onboard-3.json +3 -3
  35. package/src/assets/samples/vpn-onboard-4.json +3 -3
  36. package/src/assets/samples/vpn-onboard-5.json +3 -3
  37. package/src/assets/samples/vpn-onboard-6.json +3 -3
  38. package/src/assets/samples/vpn-onboard-7.json +3 -3
  39. package/src/attributes-editor/AttributesEditorFields.tsx +1 -1
  40. package/src/attributes-editor/FallbackLocalizationField.tsx +725 -250
  41. package/src/build-components/BIcon/BIcon.tsx +1 -1
  42. package/src/build-components/BIcon/BIconProps.generated.ts +1 -1
  43. package/src/build-components/CountDown/CountDownProps.generated.ts +1 -1
  44. package/src/build-components/OnboardButton/OnboardButton.tsx +1 -1
  45. package/src/build-components/OnboardButton/pattern.json +1 -1
  46. package/src/build-components/OnboardFooter/OnboardFooter.tsx +29 -20
  47. package/src/build-components/OnboardFooter/OnboardFooterProps.generated.ts +1 -1
  48. package/src/build-components/OnboardFooter/pattern.json +2 -1
  49. package/src/build-components/OnboardProvider/pattern.json +1 -1
  50. package/src/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.ts +1 -1
  51. package/src/build-components/OnboardTitle/OnboardTitleProps.generated.ts +1 -1
  52. package/src/build-components/PaywallCloseButton/PaywallCloseButton.tsx +1 -1
  53. package/src/build-components/PaywallCloseButton/PaywallCloseButtonProps.generated.ts +1 -1
  54. package/src/build-components/PaywallFooter/PaywallFooter.tsx +242 -0
  55. package/src/build-components/PaywallFooter/PaywallFooterProps.generated.ts +85 -0
  56. package/src/build-components/PaywallFooter/pattern.json +86 -0
  57. package/src/build-components/PriceTag/PriceTagProps.generated.ts +1 -1
  58. package/src/build-components/Pricing/PricingProps.generated.ts +1 -1
  59. package/src/build-components/Promo/PromoProps.generated.ts +1 -1
  60. package/src/build-components/RenderNode.generated.tsx +5 -0
  61. package/src/build-components/Text/Text.tsx +5 -4
  62. package/src/build-components/Text/TextProps.generated.ts +1 -1
  63. package/src/build-components/Text/pattern.json +2 -1
  64. package/src/build-components/index.ts +5 -0
  65. package/src/build-components/patterns.generated.ts +532 -13
  66. package/src/components/BottomBar.tsx +1 -1
  67. package/src/components/DeviceNavigationBar.tsx +2 -2
  68. package/src/hooks/useLocalize.ts +11 -1
  69. package/src/hooks/useSafeAreaViewStyle.ts +1 -11
  70. package/src/mockOS/managers/mockPermissionManager.ts +5 -3
  71. package/src/mockOS/managers/navigationManager.ts +6 -4
  72. package/src/modals/IconPickerModal.tsx +1 -1
  73. package/src/modals/InspectModal.tsx +22 -24
  74. package/src/styles/base/_global.scss +1 -1
  75. package/src/types/PreviewConfig.ts +24 -6
  76. package/src/utils/extractViewStyle/extractViewStyle.ts +0 -1
  77. package/src/utils/useMergedStyle.ts +1 -1
  78. package/dist/build-components/index.generated.d.ts +0 -38
  79. package/dist/types/Icons.generated.d.ts +0 -2
  80. package/src/build-components/index.generated.ts +0 -184
  81. package/src/types/Icons.generated.ts +0 -244
@@ -50,7 +50,7 @@ export interface BIconPropsGenerated {
50
50
  attributes: {
51
51
  styles?: BIconStyleGenerated;
52
52
  adjustsFontSizeToFit?: boolean;
53
- showEllipsis?: boolean;
53
+ numberOfLines?: number;
54
54
  translateCounter?: number;
55
55
  scrollable?: boolean;
56
56
  testID?: string;
@@ -50,7 +50,7 @@ export interface CountDownPropsGenerated {
50
50
  attributes: {
51
51
  styles?: CountDownStyleGenerated;
52
52
  adjustsFontSizeToFit?: boolean;
53
- showEllipsis?: boolean;
53
+ numberOfLines?: number;
54
54
  translateCounter?: number;
55
55
  scrollable?: boolean;
56
56
  testID?: string;
@@ -50,7 +50,7 @@ export interface OnboardFooterPropsGenerated {
50
50
  attributes: {
51
51
  styles?: OnboardFooterStyleGenerated;
52
52
  adjustsFontSizeToFit?: boolean;
53
- showEllipsis?: boolean;
53
+ numberOfLines?: number;
54
54
  translateCounter?: number;
55
55
  scrollable?: boolean;
56
56
  testID?: string;
@@ -50,7 +50,7 @@ export interface OnboardSubtitlePropsGenerated {
50
50
  attributes: {
51
51
  styles?: OnboardSubtitleStyleGenerated;
52
52
  adjustsFontSizeToFit?: boolean;
53
- showEllipsis?: boolean;
53
+ numberOfLines?: number;
54
54
  translateCounter?: number;
55
55
  scrollable?: boolean;
56
56
  testID?: string;
@@ -50,7 +50,7 @@ export interface OnboardTitlePropsGenerated {
50
50
  attributes: {
51
51
  styles?: OnboardTitleStyleGenerated;
52
52
  adjustsFontSizeToFit?: boolean;
53
- showEllipsis?: boolean;
53
+ numberOfLines?: number;
54
54
  translateCounter?: number;
55
55
  scrollable?: boolean;
56
56
  testID?: string;
@@ -53,7 +53,7 @@ export interface PaywallCloseButtonPropsGenerated {
53
53
  size?: number;
54
54
  strokeWidth?: number;
55
55
  adjustsFontSizeToFit?: boolean;
56
- showEllipsis?: boolean;
56
+ numberOfLines?: number;
57
57
  translateCounter?: number;
58
58
  scrollable?: boolean;
59
59
  testID?: string;
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import type { PaywallFooterComponentProps } from './PaywallFooterProps.generated';
3
+ declare function PaywallFooter({ node }: PaywallFooterComponentProps): import("react/jsx-runtime").JSX.Element;
4
+ declare const _default: React.MemoExoticComponent<typeof PaywallFooter>;
5
+ export default _default;
@@ -0,0 +1,68 @@
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 PaywallFooterStyleGenerated {
8
+ color?: string;
9
+ fontSize?: string;
10
+ fontFamily?: string;
11
+ fontWeight?: string;
12
+ textAlign?: 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
+ }
48
+ export interface PaywallFooterPropsGenerated {
49
+ child: string;
50
+ attributes: {
51
+ styles?: PaywallFooterStyleGenerated;
52
+ adjustsFontSizeToFit?: boolean;
53
+ numberOfLines?: number;
54
+ translateCounter?: number;
55
+ scrollable?: boolean;
56
+ testID?: string;
57
+ textLocalizationKey?: string;
58
+ linkedWordFirstLocalizationKey?: string;
59
+ linkedWordFirstColor?: string;
60
+ linkedWordFirstPage?: string;
61
+ linkedWordSecondLocalizationKey?: string;
62
+ linkedWordSecondColor?: string;
63
+ linkedWordSecondPage?: string;
64
+ };
65
+ }
66
+ export interface PaywallFooterComponentProps {
67
+ node: NodeData<PaywallFooterPropsGenerated['attributes']>;
68
+ }
@@ -52,7 +52,7 @@ export interface PriceTagPropsGenerated {
52
52
  attributes: {
53
53
  styles?: PriceTagStyleGenerated;
54
54
  adjustsFontSizeToFit?: boolean;
55
- showEllipsis?: boolean;
55
+ numberOfLines?: number;
56
56
  translateCounter?: number;
57
57
  scrollable?: boolean;
58
58
  testID?: string;
@@ -50,7 +50,7 @@ export interface PricingPropsGenerated {
50
50
  attributes: {
51
51
  styles?: PricingStyleGenerated;
52
52
  adjustsFontSizeToFit?: boolean;
53
- showEllipsis?: boolean;
53
+ numberOfLines?: number;
54
54
  translateCounter?: number;
55
55
  scrollable?: boolean;
56
56
  testID?: string;
@@ -50,7 +50,7 @@ export interface PromoPropsGenerated {
50
50
  attributes: {
51
51
  styles?: PromoStyleGenerated;
52
52
  adjustsFontSizeToFit?: boolean;
53
- showEllipsis?: boolean;
53
+ numberOfLines?: number;
54
54
  translateCounter?: number;
55
55
  scrollable?: boolean;
56
56
  testID?: string;
@@ -52,7 +52,7 @@ export interface TextPropsGenerated {
52
52
  scrollable?: boolean;
53
53
  testID?: string;
54
54
  adjustsFontSizeToFit?: boolean;
55
- showEllipsis?: boolean;
55
+ numberOfLines?: number;
56
56
  translateCounter?: number;
57
57
  };
58
58
  }
@@ -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", "PriceTag", "Pricing", "Promo", "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", "PaywallFooter", "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';
@@ -25,6 +25,7 @@ export type { OnboardSubtitlePropsGenerated, OnboardSubtitleComponentProps, } fr
25
25
  export type { OnboardTitlePropsGenerated, OnboardTitleComponentProps, } from './OnboardTitle/OnboardTitleProps.generated';
26
26
  export type { PaywallBackgroundPropsGenerated, PaywallBackgroundComponentProps, } from './PaywallBackground/PaywallBackgroundProps.generated';
27
27
  export type { PaywallCloseButtonPropsGenerated, PaywallCloseButtonComponentProps, } from './PaywallCloseButton/PaywallCloseButtonProps.generated';
28
+ export type { PaywallFooterPropsGenerated, PaywallFooterComponentProps, } from './PaywallFooter/PaywallFooterProps.generated';
28
29
  export type { PaywallOptionsPropsGenerated, PaywallOptionsComponentProps, } from './PaywallOptions/PaywallOptionsProps.generated';
29
30
  export type { PaywallProviderPropsGenerated, PaywallProviderComponentProps, } from './PaywallProvider/PaywallProviderProps.generated';
30
31
  export type { PaywallSubscribeButtonPropsGenerated, PaywallSubscribeButtonComponentProps, } from './PaywallSubscribeButton/PaywallSubscribeButtonProps.generated';