@developer_tribe/react-builder 1.0.8 → 1.0.9

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 (216) hide show
  1. package/dist/build-components/BIcon/BIconProps.generated.d.ts +3 -0
  2. package/dist/build-components/BackgroundImage/BackgroundImageProps.generated.d.ts +1 -0
  3. package/dist/build-components/Button/ButtonProps.generated.d.ts +1 -0
  4. package/dist/build-components/Carousel/CarouselProps.generated.d.ts +5 -0
  5. package/dist/build-components/CarouselButtons/CarouselButtonsProps.generated.d.ts +1 -0
  6. package/dist/build-components/CarouselDots/CarouselDotsProps.generated.d.ts +1 -0
  7. package/dist/build-components/CarouselItem/CarouselItemProps.generated.d.ts +1 -0
  8. package/dist/build-components/CarouselProvider/CarouselProviderProps.generated.d.ts +1 -0
  9. package/dist/build-components/Image/ImageProps.generated.d.ts +1 -0
  10. package/dist/build-components/Main/MainProps.generated.d.ts +1 -1
  11. package/dist/build-components/Onboard/OnboardProps.generated.d.ts +1 -0
  12. package/dist/build-components/OnboardButton/OnboardButtonProps.generated.d.ts +1 -0
  13. package/dist/build-components/OnboardButtons/OnboardButtonsProps.generated.d.ts +1 -0
  14. package/dist/build-components/OnboardDot/OnboardDotProps.generated.d.ts +1 -0
  15. package/dist/build-components/OnboardFooter/OnboardFooterProps.generated.d.ts +3 -0
  16. package/dist/build-components/OnboardImage/OnboardImageProps.generated.d.ts +1 -0
  17. package/dist/build-components/OnboardItem/OnboardItemProps.generated.d.ts +1 -0
  18. package/dist/build-components/OnboardProvider/OnboardProviderProps.generated.d.ts +3 -0
  19. package/dist/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.d.ts +3 -0
  20. package/dist/build-components/OnboardTitle/OnboardTitleProps.generated.d.ts +3 -0
  21. package/dist/build-components/PaywallBackground/PaywallBackgroundProps.generated.d.ts +1 -1
  22. package/dist/build-components/PaywallCloseButton/PaywallCloseButtonProps.generated.d.ts +3 -1
  23. package/dist/build-components/PaywallOptions/PaywallOptionsProps.generated.d.ts +1 -1
  24. package/dist/build-components/PaywallProvider/PaywallContext.d.ts +12 -0
  25. package/dist/build-components/PaywallProvider/PaywallProviderProps.generated.d.ts +1 -1
  26. package/dist/build-components/PaywallSubscribeButton/PaywallSubscribeButtonProps.generated.d.ts +1 -0
  27. package/dist/build-components/RadioButton/RadioButtonProps.generated.d.ts +1 -1
  28. package/dist/build-components/Text/TextProps.generated.d.ts +3 -0
  29. package/dist/build-components/View/ViewProps.generated.d.ts +1 -0
  30. package/dist/build-components/patterns.generated.d.ts +372 -374
  31. package/dist/components/BuilderProvider.d.ts +2 -0
  32. package/dist/components/ParamsProvider.d.ts +5 -0
  33. package/dist/components/RenderErrorBoundary.d.ts +28 -0
  34. package/dist/hooks/useSyncHtmlThemeClass.d.ts +7 -0
  35. package/dist/index.cjs.js +5 -5
  36. package/dist/index.cjs.js.map +1 -1
  37. package/dist/index.d.ts +2 -0
  38. package/dist/index.esm.js +3 -3
  39. package/dist/index.esm.js.map +1 -1
  40. package/dist/index.native.cjs.js +4 -4
  41. package/dist/index.native.cjs.js.map +1 -1
  42. package/dist/index.native.d.ts +1 -0
  43. package/dist/index.native.esm.js +4 -4
  44. package/dist/index.native.esm.js.map +1 -1
  45. package/dist/migrations/migratePipe.d.ts +14 -0
  46. package/dist/migrations/migrations/1.1.0_normalize_style_attributes.d.ts +2 -0
  47. package/dist/migrations/semver.d.ts +8 -0
  48. package/dist/migrations/types.d.ts +8 -0
  49. package/dist/mockOS/components/SubscriptionModal.d.ts +7 -0
  50. package/dist/mockOS/context/MockOSContextBase.d.ts +1 -0
  51. package/dist/mockOS/hooks/useMockIap.d.ts +3 -0
  52. package/dist/mockOS/index.d.ts +4 -0
  53. package/dist/mockOS/managers/mockOSIapManager.d.ts +6 -0
  54. package/dist/mockOS/managers/subscriptionManager.d.ts +10 -0
  55. package/dist/pages/ProjectDebug.d.ts +14 -0
  56. package/dist/pages/ProjectMigrationPage.d.ts +23 -0
  57. package/dist/pages/ProjectValidationPage.d.ts +15 -0
  58. package/dist/styles.css +1 -1
  59. package/dist/types/Device.d.ts +5 -0
  60. package/dist/utils/__special_exceptions.d.ts +7 -0
  61. package/dist/utils/getImage.d.ts +23 -0
  62. package/dist/utils/pasteNode.d.ts +15 -0
  63. package/dist/utils/patterns.d.ts +1 -2
  64. package/package.json +6 -2
  65. package/scripts/migrate-patterns-to-v2.mjs +131 -0
  66. package/scripts/migrate-samples-to-current.ts +79 -0
  67. package/scripts/prebuild/utils/createGeneratedProps.js +4 -5
  68. package/scripts/prebuild/utils/validateAllComponentsOrThrow.js +32 -21
  69. package/scripts/prebuild/utils/validatePatternJson.js +12 -10
  70. package/src/.DS_Store +0 -0
  71. package/src/AttributesEditor.tsx +41 -11
  72. package/src/RenderPage.tsx +55 -0
  73. package/src/assets/.DS_Store +0 -0
  74. package/src/assets/devices.json +91 -0
  75. package/src/assets/samples/carousel-sample.json +141 -29
  76. package/src/assets/samples/getSamples.ts +9 -0
  77. package/src/assets/samples/paywall-1.json +119 -71
  78. package/src/assets/samples/simple-1.json +28 -16
  79. package/src/assets/samples/simple-2.json +157 -82
  80. package/src/assets/samples/unmigrated-builder1.json +42 -0
  81. package/src/assets/samples/unvalidated-builder1.json +49 -0
  82. package/src/assets/samples/unvalidated-crash1.json +19 -0
  83. package/src/assets/samples/unvalidated-crashcomponent1.json +16 -0
  84. package/src/assets/samples/vpn-onboard-1.json +91 -51
  85. package/src/assets/samples/vpn-onboard-2.json +318 -278
  86. package/src/assets/samples/vpn-onboard-3.json +286 -252
  87. package/src/assets/samples/vpn-onboard-4.json +286 -252
  88. package/src/assets/samples/vpn-onboard-5.json +434 -374
  89. package/src/assets/samples/vpn-onboard-6.json +290 -250
  90. package/src/attributes-editor/Field.tsx +1 -1
  91. package/src/attributes-editor/LayoutPreviewPicker.tsx +5 -2
  92. package/src/build-components/BIcon/BIconProps.generated.ts +3 -0
  93. package/src/build-components/BIcon/pattern.json +12 -9
  94. package/src/build-components/BackgroundImage/BackgroundImage.tsx +3 -1
  95. package/src/build-components/BackgroundImage/BackgroundImageProps.generated.ts +1 -0
  96. package/src/build-components/BackgroundImage/pattern.json +25 -16
  97. package/src/build-components/Button/Button.tsx +26 -3
  98. package/src/build-components/Button/ButtonProps.generated.ts +1 -0
  99. package/src/build-components/Button/pattern.json +10 -6
  100. package/src/build-components/Carousel/CarouselProps.generated.ts +5 -0
  101. package/src/build-components/Carousel/pattern.json +19 -8
  102. package/src/build-components/CarouselButtons/CarouselButtonsProps.generated.ts +1 -0
  103. package/src/build-components/CarouselButtons/pattern.json +11 -5
  104. package/src/build-components/CarouselDots/CarouselDotsProps.generated.ts +1 -0
  105. package/src/build-components/CarouselDots/pattern.json +5 -4
  106. package/src/build-components/CarouselItem/CarouselItemProps.generated.ts +1 -0
  107. package/src/build-components/CarouselItem/pattern.json +5 -4
  108. package/src/build-components/CarouselProvider/CarouselProvider.tsx +44 -2
  109. package/src/build-components/CarouselProvider/CarouselProviderProps.generated.ts +1 -0
  110. package/src/build-components/Image/Image.tsx +2 -1
  111. package/src/build-components/Image/ImageProps.generated.ts +1 -0
  112. package/src/build-components/Image/pattern.json +11 -5
  113. package/src/build-components/Main/MainProps.generated.ts +1 -1
  114. package/src/build-components/Main/pattern.json +12 -9
  115. package/src/build-components/Onboard/OnboardProps.generated.ts +1 -0
  116. package/src/build-components/Onboard/pattern.json +14 -9
  117. package/src/build-components/OnboardButton/OnboardButtonProps.generated.ts +1 -0
  118. package/src/build-components/OnboardButton/pattern.json +5 -4
  119. package/src/build-components/OnboardButtons/OnboardButtonsProps.generated.ts +1 -0
  120. package/src/build-components/OnboardButtons/pattern.json +5 -4
  121. package/src/build-components/OnboardDot/OnboardDotProps.generated.ts +1 -0
  122. package/src/build-components/OnboardDot/pattern.json +5 -4
  123. package/src/build-components/OnboardFooter/OnboardFooterProps.generated.ts +3 -0
  124. package/src/build-components/OnboardFooter/pattern.json +8 -5
  125. package/src/build-components/OnboardImage/OnboardImageProps.generated.ts +1 -0
  126. package/src/build-components/OnboardImage/pattern.json +7 -4
  127. package/src/build-components/OnboardItem/OnboardItemProps.generated.ts +1 -0
  128. package/src/build-components/OnboardItem/pattern.json +18 -9
  129. package/src/build-components/OnboardProvider/OnboardProviderProps.generated.ts +3 -0
  130. package/src/build-components/OnboardProvider/pattern.json +21 -6
  131. package/src/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.ts +3 -0
  132. package/src/build-components/OnboardSubtitle/pattern.json +10 -6
  133. package/src/build-components/OnboardTitle/OnboardTitleProps.generated.ts +3 -0
  134. package/src/build-components/OnboardTitle/pattern.json +11 -7
  135. package/src/build-components/PaywallBackground/PaywallBackgroundProps.generated.ts +1 -1
  136. package/src/build-components/PaywallBackground/pattern.json +5 -4
  137. package/src/build-components/PaywallCloseButton/PaywallCloseButton.tsx +6 -1
  138. package/src/build-components/PaywallCloseButton/PaywallCloseButtonProps.generated.ts +3 -1
  139. package/src/build-components/PaywallCloseButton/pattern.json +15 -12
  140. package/src/build-components/PaywallOptions/PaywallOptionButton.tsx +0 -1
  141. package/src/build-components/PaywallOptions/PaywallOptions.tsx +3 -2
  142. package/src/build-components/PaywallOptions/PaywallOptionsProps.generated.ts +1 -1
  143. package/src/build-components/PaywallOptions/pattern.json +14 -11
  144. package/src/build-components/PaywallProvider/PaywallContext.ts +25 -0
  145. package/src/build-components/PaywallProvider/PaywallProvider.tsx +102 -5
  146. package/src/build-components/PaywallProvider/PaywallProviderProps.generated.ts +1 -1
  147. package/src/build-components/PaywallProvider/pattern.json +11 -8
  148. package/src/build-components/PaywallSubscribeButton/PaywallSubscribeButton.tsx +7 -0
  149. package/src/build-components/PaywallSubscribeButton/PaywallSubscribeButtonProps.generated.ts +1 -0
  150. package/src/build-components/PaywallSubscribeButton/pattern.json +16 -13
  151. package/src/build-components/RadioButton/RadioButtonProps.generated.ts +1 -1
  152. package/src/build-components/RadioButton/pattern.json +5 -4
  153. package/src/build-components/Text/Text.tsx +107 -4
  154. package/src/build-components/Text/TextProps.generated.ts +3 -0
  155. package/src/build-components/Text/pattern.json +19 -4
  156. package/src/build-components/View/ViewProps.generated.ts +1 -0
  157. package/src/build-components/View/pattern.json +28 -13
  158. package/src/build-components/other.tsx +15 -0
  159. package/src/build-components/patterns.generated.ts +340 -235
  160. package/src/build-components/useNode.ts +22 -3
  161. package/src/components/Builder.tsx +20 -6
  162. package/src/components/BuilderButton.tsx +75 -38
  163. package/src/components/BuilderProvider.tsx +22 -2
  164. package/src/components/DeviceButton.tsx +12 -5
  165. package/src/components/EditorHeader.tsx +296 -38
  166. package/src/components/ParamsProvider.tsx +7 -0
  167. package/src/components/RenderErrorBoundary.tsx +200 -0
  168. package/src/hooks/useParams.ts +5 -1
  169. package/src/hooks/useSyncHtmlThemeClass.ts +19 -0
  170. package/src/index.native.ts +7 -0
  171. package/src/index.ts +8 -0
  172. package/src/migrations/migratePipe.ts +59 -0
  173. package/src/migrations/migrations/1.1.0_normalize_style_attributes.ts +80 -0
  174. package/src/migrations/semver.ts +24 -0
  175. package/src/migrations/types.ts +9 -0
  176. package/src/mockOS/components/PermissionModal.tsx +3 -2
  177. package/src/mockOS/components/SubscriptionModal.tsx +400 -0
  178. package/src/mockOS/context/MockOSContext.tsx +61 -10
  179. package/src/mockOS/context/MockOSContextBase.ts +1 -0
  180. package/src/mockOS/hooks/useMockIap.ts +11 -0
  181. package/src/mockOS/index.ts +7 -0
  182. package/src/mockOS/managers/mockOSIapManager.ts +10 -0
  183. package/src/mockOS/managers/subscriptionManager.ts +36 -0
  184. package/src/modals/IconPickerModal.tsx +1 -1
  185. package/src/pages/ProjectDebug.tsx +331 -0
  186. package/src/pages/ProjectMigrationPage.tsx +92 -0
  187. package/src/pages/ProjectPage.tsx +313 -161
  188. package/src/pages/ProjectValidationPage.tsx +54 -0
  189. package/src/styles/base/_global.scss +58 -11
  190. package/src/styles/components/_attributes-editor.scss +1 -1
  191. package/src/styles/components/_bottom-bar.scss +7 -4
  192. package/src/styles/components/_editor-shell.scss +126 -4
  193. package/src/styles/components/_mockos-router.scss +3 -2
  194. package/src/styles/components/_ui-components.scss +10 -5
  195. package/src/styles/foundation/_colors.scss +78 -11
  196. package/src/styles/foundation/_mixins.scss +4 -1
  197. package/src/styles/foundation/_sizes.scss +4 -2
  198. package/src/styles/index.scss +1 -0
  199. package/src/styles/layout/_builder.scss +61 -0
  200. package/src/styles/layout/_project-validation.scss +214 -0
  201. package/src/styles/modals/_add-component.scss +4 -2
  202. package/src/styles/modals/_color-modal.scss +4 -2
  203. package/src/styles/modals/_modal-shell.scss +3 -1
  204. package/src/types/Device.ts +5 -0
  205. package/src/utils/__special_exceptions.ts +88 -0
  206. package/src/utils/analyseNode.ts +8 -2
  207. package/src/utils/analyseNodeByPatterns.ts +43 -9
  208. package/src/utils/extractTextStyle.ts +19 -6
  209. package/src/utils/extractViewStyle.ts +68 -59
  210. package/src/utils/getImage.ts +76 -0
  211. package/src/utils/novaToJson.ts +2 -1
  212. package/src/utils/pasteNode.ts +172 -0
  213. package/src/utils/patterns.ts +4 -3
  214. package/dist/android.svg +0 -43
  215. package/dist/apple.svg +0 -16
  216. package/dist/background.jpg +0 -0
@@ -8,10 +8,13 @@ export type PositionOptionType = 'relative' | 'absolute';
8
8
  export interface BIconPropsGenerated {
9
9
  child: string;
10
10
  attributes: {
11
+ style?: Record<string, unknown>;
11
12
  color?: string;
12
13
  fontSize?: string;
13
14
  fontWeight?: FontWeightOptionType;
14
15
  textAlign?: TextAlignOptionType;
16
+ adjustsFontSizeToFit?: boolean;
17
+ showEllipsis?: boolean;
15
18
  scrollable?: boolean;
16
19
  flexDirection?: FlexDirectionOptionType;
17
20
  alignItems?: AlignItemsOptionType;
@@ -7,6 +7,7 @@ export type ResizeModeOptionType = 'cover' | 'contain' | 'stretch' | 'center';
7
7
  export interface BackgroundImagePropsGenerated {
8
8
  child: string;
9
9
  attributes: {
10
+ style?: Record<string, unknown>;
10
11
  scrollable?: boolean;
11
12
  flexDirection?: FlexDirectionOptionType;
12
13
  alignItems?: AlignItemsOptionType;
@@ -7,6 +7,7 @@ export type FontWeightOptionType = 'normal' | 'bold' | '100' | '200' | '300' | '
7
7
  export interface ButtonPropsGenerated {
8
8
  child: string;
9
9
  attributes: {
10
+ style?: Record<string, unknown>;
10
11
  scrollable?: boolean;
11
12
  flexDirection?: FlexDirectionOptionType;
12
13
  alignItems?: AlignItemsOptionType;
@@ -3,9 +3,11 @@ export type FlexDirectionOptionType = 'row' | 'column';
3
3
  export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
4
4
  export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
5
5
  export type PositionOptionType = 'relative' | 'absolute';
6
+ export type AlignOptionType = 'start' | 'center' | 'end';
6
7
  export interface CarouselPropsGenerated {
7
8
  child: string;
8
9
  attributes: {
10
+ style?: Record<string, unknown>;
9
11
  scrollable?: boolean;
10
12
  flexDirection?: FlexDirectionOptionType;
11
13
  alignItems?: AlignItemsOptionType;
@@ -39,6 +41,9 @@ export interface CarouselPropsGenerated {
39
41
  left?: string;
40
42
  right?: string;
41
43
  zIndex?: number;
44
+ loop?: boolean;
45
+ dragFree?: boolean;
46
+ align?: AlignOptionType;
42
47
  };
43
48
  }
44
49
  export interface CarouselComponentProps {
@@ -7,6 +7,7 @@ export type ButtonTypeOptionType = 'previous_button' | 'next_button' | 'skip_but
7
7
  export interface CarouselButtonsPropsGenerated {
8
8
  child: string;
9
9
  attributes: {
10
+ style?: Record<string, unknown>;
10
11
  scrollable?: boolean;
11
12
  flexDirection?: FlexDirectionOptionType;
12
13
  alignItems?: AlignItemsOptionType;
@@ -7,6 +7,7 @@ export type DotTypeOptionType = 'expanding_dot' | 'normal_dot' | 'scaling_dot' |
7
7
  export interface CarouselDotsPropsGenerated {
8
8
  child: string;
9
9
  attributes: {
10
+ style?: Record<string, unknown>;
10
11
  scrollable?: boolean;
11
12
  flexDirection?: FlexDirectionOptionType;
12
13
  alignItems?: AlignItemsOptionType;
@@ -6,6 +6,7 @@ export type PositionOptionType = 'relative' | 'absolute';
6
6
  export interface CarouselItemPropsGenerated {
7
7
  child: string;
8
8
  attributes: {
9
+ style?: Record<string, unknown>;
9
10
  scrollable?: boolean;
10
11
  flexDirection?: FlexDirectionOptionType;
11
12
  alignItems?: AlignItemsOptionType;
@@ -6,6 +6,7 @@ export type PositionOptionType = 'relative' | 'absolute';
6
6
  export interface CarouselProviderPropsGenerated {
7
7
  child: string;
8
8
  attributes: {
9
+ style?: Record<string, unknown>;
9
10
  scrollable?: boolean;
10
11
  flexDirection?: FlexDirectionOptionType;
11
12
  alignItems?: AlignItemsOptionType;
@@ -7,6 +7,7 @@ export type ResizeModeOptionType = 'cover' | 'contain' | 'stretch' | 'center';
7
7
  export interface ImagePropsGenerated {
8
8
  child: string;
9
9
  attributes: {
10
+ style?: Record<string, unknown>;
10
11
  scrollable?: boolean;
11
12
  flexDirection?: FlexDirectionOptionType;
12
13
  alignItems?: AlignItemsOptionType;
@@ -6,6 +6,7 @@ export type PositionOptionType = 'relative' | 'absolute';
6
6
  export interface MainPropsGenerated {
7
7
  child: string;
8
8
  attributes: {
9
+ style?: Record<string, unknown>;
9
10
  scrollable?: boolean;
10
11
  flexDirection?: FlexDirectionOptionType;
11
12
  alignItems?: AlignItemsOptionType;
@@ -40,7 +41,6 @@ export interface MainPropsGenerated {
40
41
  right?: string;
41
42
  zIndex?: number;
42
43
  useSafeAreaView?: boolean;
43
- [key: string]: string | number | boolean | undefined;
44
44
  };
45
45
  }
46
46
  export interface MainComponentProps {
@@ -6,6 +6,7 @@ export type PositionOptionType = 'relative' | 'absolute';
6
6
  export interface OnboardPropsGenerated {
7
7
  child: string;
8
8
  attributes: {
9
+ style?: Record<string, unknown>;
9
10
  scrollable?: boolean;
10
11
  flexDirection?: FlexDirectionOptionType;
11
12
  alignItems?: AlignItemsOptionType;
@@ -15,6 +15,7 @@ export interface EventObjectGenerated {
15
15
  export interface OnboardButtonPropsGenerated {
16
16
  child: string;
17
17
  attributes: {
18
+ style?: Record<string, unknown>;
18
19
  scrollable?: boolean;
19
20
  flexDirection?: FlexDirectionOptionType;
20
21
  alignItems?: AlignItemsOptionType;
@@ -9,6 +9,7 @@ export type ConditionOptionType = 'carousel-index';
9
9
  export interface OnboardButtonsPropsGenerated {
10
10
  child: string;
11
11
  attributes: {
12
+ style?: Record<string, unknown>;
12
13
  scrollable?: boolean;
13
14
  flexDirection?: FlexDirectionOptionType;
14
15
  alignItems?: AlignItemsOptionType;
@@ -4,6 +4,7 @@ export type DotTypeOptionType = 'expanding_dot' | 'normal_dot' | 'scaling_dot' |
4
4
  export interface OnboardDotPropsGenerated {
5
5
  child: string;
6
6
  attributes: {
7
+ style?: Record<string, unknown>;
7
8
  scrollable?: boolean;
8
9
  flexDirection?: never;
9
10
  alignItems?: never;
@@ -8,10 +8,13 @@ export type PositionOptionType = 'relative' | 'absolute';
8
8
  export interface OnboardFooterPropsGenerated {
9
9
  child: string;
10
10
  attributes: {
11
+ style?: Record<string, unknown>;
11
12
  color?: string;
12
13
  fontSize?: string;
13
14
  fontWeight?: FontWeightOptionType;
14
15
  textAlign?: TextAlignOptionType;
16
+ adjustsFontSizeToFit?: boolean;
17
+ showEllipsis?: boolean;
15
18
  scrollable?: boolean;
16
19
  flexDirection?: FlexDirectionOptionType;
17
20
  alignItems?: AlignItemsOptionType;
@@ -7,6 +7,7 @@ export type PositionOptionType = 'relative' | 'absolute';
7
7
  export interface OnboardImagePropsGenerated {
8
8
  child: string;
9
9
  attributes: {
10
+ style?: Record<string, unknown>;
10
11
  src?: string;
11
12
  width?: string;
12
13
  height?: string;
@@ -7,6 +7,7 @@ export type DisplayOptionType = 'flex' | 'block';
7
7
  export interface OnboardItemPropsGenerated {
8
8
  child: string;
9
9
  attributes: {
10
+ style?: Record<string, unknown>;
10
11
  scrollable?: boolean;
11
12
  flexDirection?: FlexDirectionOptionType;
12
13
  alignItems?: AlignItemsOptionType;
@@ -3,9 +3,11 @@ export type FlexDirectionOptionType = 'row' | 'column';
3
3
  export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
4
4
  export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
5
5
  export type PositionOptionType = 'relative' | 'absolute';
6
+ export type ThemeOptionType = 'light' | 'dark' | 'all';
6
7
  export interface OnboardProviderPropsGenerated {
7
8
  child: string;
8
9
  attributes: {
10
+ style?: Record<string, unknown>;
9
11
  scrollable?: boolean;
10
12
  flexDirection?: FlexDirectionOptionType;
11
13
  alignItems?: AlignItemsOptionType;
@@ -39,6 +41,7 @@ export interface OnboardProviderPropsGenerated {
39
41
  left?: string;
40
42
  right?: string;
41
43
  zIndex?: number;
44
+ theme?: ThemeOptionType;
42
45
  };
43
46
  }
44
47
  export interface OnboardProviderComponentProps {
@@ -8,10 +8,13 @@ export type PositionOptionType = 'relative' | 'absolute';
8
8
  export interface OnboardSubtitlePropsGenerated {
9
9
  child: string;
10
10
  attributes: {
11
+ style?: Record<string, unknown>;
11
12
  color?: string;
12
13
  fontSize?: string;
13
14
  fontWeight?: FontWeightOptionType;
14
15
  textAlign?: TextAlignOptionType;
16
+ adjustsFontSizeToFit?: boolean;
17
+ showEllipsis?: boolean;
15
18
  scrollable?: boolean;
16
19
  flexDirection?: FlexDirectionOptionType;
17
20
  alignItems?: AlignItemsOptionType;
@@ -8,10 +8,13 @@ export type PositionOptionType = 'relative' | 'absolute';
8
8
  export interface OnboardTitlePropsGenerated {
9
9
  child: string;
10
10
  attributes: {
11
+ style?: Record<string, unknown>;
11
12
  color?: string;
12
13
  fontSize?: string;
13
14
  fontWeight?: FontWeightOptionType;
14
15
  textAlign?: TextAlignOptionType;
16
+ adjustsFontSizeToFit?: boolean;
17
+ showEllipsis?: boolean;
15
18
  scrollable?: boolean;
16
19
  flexDirection?: FlexDirectionOptionType;
17
20
  alignItems?: AlignItemsOptionType;
@@ -6,6 +6,7 @@ export type PositionOptionType = 'relative' | 'absolute';
6
6
  export interface PaywallBackgroundPropsGenerated {
7
7
  child: string;
8
8
  attributes: {
9
+ style?: Record<string, unknown>;
9
10
  scrollable?: boolean;
10
11
  flexDirection?: FlexDirectionOptionType;
11
12
  alignItems?: AlignItemsOptionType;
@@ -39,7 +40,6 @@ export interface PaywallBackgroundPropsGenerated {
39
40
  left?: string;
40
41
  right?: string;
41
42
  zIndex?: number;
42
- [key: string]: string | number | boolean | undefined;
43
43
  };
44
44
  }
45
45
  export interface PaywallBackgroundComponentProps {
@@ -8,6 +8,7 @@ export type PositionOptionType = 'relative' | 'absolute';
8
8
  export interface PaywallCloseButtonPropsGenerated {
9
9
  child: string;
10
10
  attributes: {
11
+ style?: Record<string, unknown>;
11
12
  iconType?: string;
12
13
  size?: number;
13
14
  strokeWidth?: number;
@@ -15,6 +16,8 @@ export interface PaywallCloseButtonPropsGenerated {
15
16
  fontSize?: string;
16
17
  fontWeight?: FontWeightOptionType;
17
18
  textAlign?: TextAlignOptionType;
19
+ adjustsFontSizeToFit?: boolean;
20
+ showEllipsis?: boolean;
18
21
  scrollable?: boolean;
19
22
  flexDirection?: FlexDirectionOptionType;
20
23
  alignItems?: AlignItemsOptionType;
@@ -48,7 +51,6 @@ export interface PaywallCloseButtonPropsGenerated {
48
51
  left?: string;
49
52
  right?: string;
50
53
  zIndex?: number;
51
- [key: string]: string | number | boolean | undefined;
52
54
  };
53
55
  }
54
56
  export interface PaywallCloseButtonComponentProps {
@@ -6,6 +6,7 @@ export type PositionOptionType = 'relative' | 'absolute';
6
6
  export interface PaywallOptionsPropsGenerated {
7
7
  child: string;
8
8
  attributes: {
9
+ style?: Record<string, unknown>;
9
10
  scrollable?: boolean;
10
11
  flexDirection?: FlexDirectionOptionType;
11
12
  alignItems?: AlignItemsOptionType;
@@ -39,7 +40,6 @@ export interface PaywallOptionsPropsGenerated {
39
40
  left?: string;
40
41
  right?: string;
41
42
  zIndex?: number;
42
- [key: string]: string | number | boolean | undefined;
43
43
  };
44
44
  }
45
45
  export interface PaywallOptionsComponentProps {
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+ import type { Product } from '../../paywall/types/paywall-types';
3
+ export type PaywallContextValue = {
4
+ products: Product[];
5
+ selectedProductId: string;
6
+ setSelectedProductId: (productId: string) => void;
7
+ selectedProduct?: Product;
8
+ onClose?: () => void;
9
+ onSubscribe?: (product?: Product) => void | boolean | Promise<boolean>;
10
+ };
11
+ export declare const PaywallContext: React.Context<PaywallContextValue | undefined>;
12
+ export declare function usePaywallContext(): PaywallContextValue;
@@ -6,6 +6,7 @@ export type PositionOptionType = 'relative' | 'absolute';
6
6
  export interface PaywallProviderPropsGenerated {
7
7
  child: string;
8
8
  attributes: {
9
+ style?: Record<string, unknown>;
9
10
  scrollable?: boolean;
10
11
  flexDirection?: FlexDirectionOptionType;
11
12
  alignItems?: AlignItemsOptionType;
@@ -39,7 +40,6 @@ export interface PaywallProviderPropsGenerated {
39
40
  left?: string;
40
41
  right?: string;
41
42
  zIndex?: number;
42
- [key: string]: string | number | boolean | undefined;
43
43
  };
44
44
  }
45
45
  export interface PaywallProviderComponentProps {
@@ -7,6 +7,7 @@ export type PositionOptionType = 'relative' | 'absolute';
7
7
  export interface PaywallSubscribeButtonPropsGenerated {
8
8
  child: string;
9
9
  attributes: {
10
+ style?: Record<string, unknown>;
10
11
  color?: string;
11
12
  fontSize?: string;
12
13
  fontWeight?: FontWeightOptionType;
@@ -6,6 +6,7 @@ export type PositionOptionType = 'relative' | 'absolute';
6
6
  export interface RadioButtonPropsGenerated {
7
7
  child: string;
8
8
  attributes: {
9
+ style?: Record<string, unknown>;
9
10
  scrollable?: boolean;
10
11
  flexDirection?: FlexDirectionOptionType;
11
12
  alignItems?: AlignItemsOptionType;
@@ -42,7 +43,6 @@ export interface RadioButtonPropsGenerated {
42
43
  selected?: boolean;
43
44
  color?: string;
44
45
  size?: number;
45
- [key: string]: string | number | boolean | undefined;
46
46
  };
47
47
  }
48
48
  export interface RadioButtonComponentProps {
@@ -8,6 +8,7 @@ export type TextAlignOptionType = 'left' | 'center' | 'right' | 'justify';
8
8
  export interface TextPropsGenerated {
9
9
  child: string;
10
10
  attributes: {
11
+ style?: Record<string, unknown>;
11
12
  scrollable?: boolean;
12
13
  flexDirection?: FlexDirectionOptionType;
13
14
  alignItems?: AlignItemsOptionType;
@@ -45,6 +46,8 @@ export interface TextPropsGenerated {
45
46
  fontSize?: string;
46
47
  fontWeight?: FontWeightOptionType;
47
48
  textAlign?: TextAlignOptionType;
49
+ adjustsFontSizeToFit?: boolean;
50
+ showEllipsis?: boolean;
48
51
  };
49
52
  }
50
53
  export interface TextComponentProps {
@@ -6,6 +6,7 @@ export type PositionOptionType = 'relative' | 'absolute';
6
6
  export interface ViewPropsGenerated {
7
7
  child: string;
8
8
  attributes: {
9
+ style?: Record<string, unknown>;
9
10
  scrollable?: boolean;
10
11
  flexDirection?: FlexDirectionOptionType;
11
12
  alignItems?: AlignItemsOptionType;