@developer_tribe/react-builder 1.2.44-test.2 → 1.2.45

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 (92) hide show
  1. package/dist/attributes-editor/Field.d.ts +1 -3
  2. package/dist/attributes-editor/attributesEditorModelTypes.d.ts +0 -3
  3. package/dist/attributes-editor/useAttributesEditorModel.d.ts +1 -1
  4. package/dist/build-components/FormSubmitButton/FormSubmitButtonProps.generated.d.ts +3 -8
  5. package/dist/build-components/OnboardButton/OnboardButtonProps.generated.d.ts +3 -8
  6. package/dist/build-components/OnboardProvider/OnboardProviderProps.generated.d.ts +0 -2
  7. package/dist/build-components/PaywallProvider/PaywallProviderProps.generated.d.ts +0 -2
  8. package/dist/build-components/SystemButton/SystemButtonProps.generated.d.ts +3 -8
  9. package/dist/build-components/SystemButton/usePlacementButtonEvents.d.ts +2 -15
  10. package/dist/build-components/index.d.ts +1 -3
  11. package/dist/build-components/patterns.generated.d.ts +1334 -2129
  12. package/dist/components/DeviceButton.d.ts +2 -1
  13. package/dist/index.cjs.js +28 -1
  14. package/dist/index.cjs.js.map +1 -1
  15. package/dist/index.esm.js +28 -1
  16. package/dist/index.esm.js.map +1 -1
  17. package/dist/index.web.cjs.js +4 -4
  18. package/dist/index.web.cjs.js.map +1 -1
  19. package/dist/index.web.esm.js +3 -3
  20. package/dist/index.web.esm.js.map +1 -1
  21. package/dist/modals/CreateDeviceModal.d.ts +8 -0
  22. package/dist/product-base/periodLocalizationKeys.d.ts +16 -0
  23. package/dist/store/customDeviceStore.d.ts +21 -0
  24. package/dist/store.d.ts +1 -1
  25. package/dist/styles.css +1 -1
  26. package/dist/utils/nodeTree.d.ts +0 -18
  27. package/package.json +1 -1
  28. package/scripts/prebuild/utils/validateAllComponentsOrThrow.js +4 -68
  29. package/src/.DS_Store +0 -0
  30. package/src/assets/.DS_Store +0 -0
  31. package/src/assets/prompt-scheme-onboard.generated.ts +1 -1
  32. package/src/assets/prompt-scheme-paywall.generated.ts +1 -1
  33. package/src/assets/samples/getSamples.ts +0 -2
  34. package/src/assets/samples/terms-and-privacy-no-form.json +1 -1
  35. package/src/assets/samples/terms-and-privacy.json +1 -1
  36. package/src/attributes-editor/AttributesEditorView.tsx +0 -3
  37. package/src/attributes-editor/Field.tsx +2 -91
  38. package/src/attributes-editor/attributesEditorModelTypes.ts +0 -3
  39. package/src/attributes-editor/useAttributesEditorModel.ts +0 -8
  40. package/src/build-components/FormCheckbox/FormCheckbox.tsx +3 -3
  41. package/src/build-components/FormSubmitButton/FormSubmitButton.tsx +0 -6
  42. package/src/build-components/FormSubmitButton/FormSubmitButtonProps.generated.ts +3 -26
  43. package/src/build-components/OnboardButton/OnboardButton.tsx +1 -8
  44. package/src/build-components/OnboardButton/OnboardButtonProps.generated.ts +3 -26
  45. package/src/build-components/OnboardButton/pattern.json +3 -5
  46. package/src/build-components/OnboardProvider/OnboardProviderProps.generated.ts +0 -12
  47. package/src/build-components/OnboardProvider/pattern.json +1 -9
  48. package/src/build-components/PaywallProvider/PaywallProviderProps.generated.ts +0 -12
  49. package/src/build-components/PaywallProvider/pattern.json +1 -9
  50. package/src/build-components/RenderNode.generated.tsx +0 -10
  51. package/src/build-components/SystemButton/SystemButton.tsx +0 -6
  52. package/src/build-components/SystemButton/SystemButtonProps.generated.ts +3 -26
  53. package/src/build-components/SystemButton/pattern.json +3 -5
  54. package/src/build-components/SystemButton/usePlacementButtonEvents.ts +27 -51
  55. package/src/build-components/Text/Text.tsx +2 -3
  56. package/src/build-components/index.ts +0 -10
  57. package/src/build-components/patterns.generated.ts +1379 -2270
  58. package/src/components/AttributesEditorPanel.tsx +0 -1
  59. package/src/components/DeviceButton.tsx +34 -1
  60. package/src/components/EditorHeader.tsx +22 -4
  61. package/src/modals/CreateDeviceModal.tsx +264 -0
  62. package/src/modals/DeviceSelectorModal.tsx +44 -7
  63. package/src/product-base/extractIOSParams.ts +10 -4
  64. package/src/product-base/periodLocalizationKeys.ts +46 -0
  65. package/src/store/customDeviceStore.ts +38 -0
  66. package/src/styles/components/_editor-shell.scss +12 -2
  67. package/src/styles/index.scss +1 -1
  68. package/src/styles/modals/_create-device.scss +113 -0
  69. package/src/utils/__special_exceptions.ts +8 -0
  70. package/src/utils/analyseNodeByPatterns.ts +10 -6
  71. package/src/utils/nodeTree.ts +0 -115
  72. package/dist/build-components/GlobalProvider/GlobalContext.d.ts +0 -28
  73. package/dist/build-components/GlobalProvider/GlobalProvider.d.ts +0 -5
  74. package/dist/build-components/GlobalProvider/GlobalProviderProps.generated.d.ts +0 -60
  75. package/dist/build-components/GlobalProvider/globalProviderUtils.d.ts +0 -28
  76. package/dist/build-components/GlobalProvider/useGlobalNavigation.d.ts +0 -19
  77. package/dist/build-components/GlobalProvider/useGlobalProviderLogic.d.ts +0 -15
  78. package/dist/build-components/TermsProvider/TermsProvider.d.ts +0 -5
  79. package/dist/build-components/TermsProvider/TermsProviderProps.generated.d.ts +0 -55
  80. package/src/assets/samples/global-onboard-flow.json +0 -735
  81. package/src/build-components/GlobalProvider/GlobalContext.ts +0 -48
  82. package/src/build-components/GlobalProvider/GlobalProvider.tsx +0 -51
  83. package/src/build-components/GlobalProvider/GlobalProviderProps.generated.ts +0 -78
  84. package/src/build-components/GlobalProvider/globalProviderUtils.ts +0 -204
  85. package/src/build-components/GlobalProvider/pattern.json +0 -55
  86. package/src/build-components/GlobalProvider/useGlobalNavigation.ts +0 -65
  87. package/src/build-components/GlobalProvider/useGlobalProviderLogic.ts +0 -172
  88. package/src/build-components/TermsProvider/TermsProvider.tsx +0 -45
  89. package/src/build-components/TermsProvider/TermsProviderProps.generated.ts +0 -82
  90. package/src/build-components/TermsProvider/pattern.json +0 -35
  91. package/src/patterns/event-constants.json +0 -19
  92. package/src/styles/components/_global-provider.scss +0 -131
@@ -3,7 +3,6 @@ import type { ViewPropsGenerated } from '../build-components/View/ViewProps.gene
3
3
  import type { ProjectColors } from '../types/Project';
4
4
  import { type PreferredScale } from './SizeField';
5
5
  import { LayoutContext } from './types';
6
- import type { ProjectOptions } from '../utils/nodeTree';
7
6
  type FieldProps = {
8
7
  name: string;
9
8
  type: string | string[];
@@ -15,7 +14,6 @@ type FieldProps = {
15
14
  viewAttributes?: Partial<ViewPropsGenerated['attributes']>;
16
15
  label?: React.ReactNode;
17
16
  preferredScale?: PreferredScale;
18
- projectOptions?: ProjectOptions;
19
17
  };
20
- export declare function Field({ name, type, value, onChange, componentType, projectColors, layoutContext, viewAttributes, label, preferredScale, projectOptions, }: FieldProps): import("react/jsx-runtime").JSX.Element;
18
+ export declare function Field({ name, type, value, onChange, componentType, projectColors, layoutContext, viewAttributes, label, preferredScale, }: FieldProps): import("react/jsx-runtime").JSX.Element;
21
19
  export {};
@@ -3,13 +3,11 @@ import type { ProjectColors } from '../types/Project';
3
3
  import type { ViewPropsGenerated } from '../build-components/View/ViewProps.generated';
4
4
  import type { Fonts } from '../types/Fonts';
5
5
  import type { LayoutContext, SchemaEntry } from './types';
6
- import type { ProjectOptions } from '../utils/nodeTree';
7
6
  export type TabId = 'style' | 'container' | 'other';
8
7
  export type AttributesEditorProps = {
9
8
  node: Node;
10
9
  onChange: (next: Node) => void;
11
10
  projectColors?: ProjectColors;
12
- projectRoot?: Node;
13
11
  };
14
12
  export type AttributesEditorTabConfig = {
15
13
  id: TabId;
@@ -49,7 +47,6 @@ export type AttributesEditorModel = {
49
47
  projectColorsForPicker?: ProjectColors;
50
48
  viewAttributes?: Partial<ViewPropsGenerated['attributes']>;
51
49
  layoutContext: LayoutContext;
52
- projectOptions: ProjectOptions;
53
50
  getAttributeValue: (name: string) => unknown;
54
51
  handleAttributeChange: (name: string, val: unknown) => void;
55
52
  handleChildrenChange: (val: string) => void;
@@ -1,2 +1,2 @@
1
1
  import type { AttributesEditorModel, AttributesEditorProps } from './attributesEditorModelTypes';
2
- export declare function useAttributesEditorModel({ node, onChange, projectColors, projectRoot, }: AttributesEditorProps): AttributesEditorModel;
2
+ export declare function useAttributesEditorModel({ node, onChange, projectColors, }: AttributesEditorProps): AttributesEditorModel;
@@ -1,8 +1,5 @@
1
1
  import type { NodeData } from '../../types/Node';
2
- export type TypeOptionType = 'Permission' | 'Navigate' | 'Placement' | 'SetCondition';
3
- export type PermissionOptionType = 'notification' | 'camera' | 'microphone' | 'location' | 'photos' | 'contacts' | 'att' | 'rating' | 'GDPR';
4
- export type PlacementKeyOptionType = 'terms' | 'onboard' | 'paywall' | 'subscription' | 'home';
5
- export type ConditionKeyOptionType = 'termsAccepted';
2
+ export type TypeOptionType = 'Permission' | 'Navigate' | 'Placement';
6
3
  export type FlexDirectionOptionType = 'row' | 'column';
7
4
  export type FlexWrapOptionType = 'nowrap' | 'wrap' | 'wrap-reverse';
8
5
  export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
@@ -10,12 +7,10 @@ export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 's
10
7
  export type PositionOptionType = 'relative' | 'absolute';
11
8
  export interface EventObjectGenerated {
12
9
  type?: TypeOptionType;
13
- permission?: PermissionOptionType;
10
+ permission?: string;
14
11
  navigate_to?: string;
15
12
  targetIndex?: number;
16
- placementKey?: PlacementKeyOptionType;
17
- conditionKey?: ConditionKeyOptionType;
18
- value?: boolean;
13
+ placementKey?: string;
19
14
  }
20
15
  export interface FormSubmitButtonStyleGenerated {
21
16
  color?: string;
@@ -1,8 +1,5 @@
1
1
  import type { NodeData } from '../../types/Node';
2
- export type TypeOptionType = 'Permission' | 'Navigate' | 'Placement' | 'SetCondition';
3
- export type PermissionOptionType = 'notification' | 'camera' | 'microphone' | 'location' | 'photos' | 'contacts' | 'att' | 'rating' | 'GDPR';
4
- export type PlacementKeyOptionType = 'terms' | 'onboard' | 'paywall' | 'subscription' | 'home';
5
- export type ConditionKeyOptionType = 'termsAccepted';
2
+ export type TypeOptionType = 'Permission' | 'Navigate' | 'Placement';
6
3
  export type TestIDOptionType = 'onboardSkip' | 'onboardNext';
7
4
  export type AnimationOptionType = 'simple-animation' | 'line-animation' | 'blur' | 'blur-animation' | 'blur-line-animation';
8
5
  export type FlexDirectionOptionType = 'row' | 'column';
@@ -12,12 +9,10 @@ export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 's
12
9
  export type PositionOptionType = 'relative' | 'absolute';
13
10
  export interface EventObjectGenerated {
14
11
  type?: TypeOptionType;
15
- permission?: PermissionOptionType;
12
+ permission?: string;
16
13
  navigate_to?: string;
17
14
  targetIndex?: number;
18
- placementKey?: PlacementKeyOptionType;
19
- conditionKey?: ConditionKeyOptionType;
20
- value?: boolean;
15
+ placementKey?: string;
21
16
  }
22
17
  export interface OnboardButtonStyleGenerated {
23
18
  color?: string;
@@ -1,6 +1,5 @@
1
1
  import type { NodeData } from '../../types/Node';
2
2
  export type ThemeOptionType = 'light' | 'dark' | 'all';
3
- export type AnimationOptionType = 'default' | 'fade' | 'fade_from_bottom' | 'fade_from_right' | 'reveal_from_bottom' | 'scale_from_center' | 'slide_from_right' | 'slide_from_left' | 'slide_from_bottom' | 'none';
4
3
  export type FlexDirectionOptionType = 'row' | 'column';
5
4
  export type FlexWrapOptionType = 'nowrap' | 'wrap' | 'wrap-reverse';
6
5
  export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
@@ -50,7 +49,6 @@ export interface OnboardProviderPropsGenerated {
50
49
  testID?: string;
51
50
  theme?: ThemeOptionType;
52
51
  borderRadius?: never;
53
- animation?: AnimationOptionType;
54
52
  };
55
53
  }
56
54
  export interface OnboardProviderComponentProps {
@@ -1,5 +1,4 @@
1
1
  import type { NodeData } from '../../types/Node';
2
- export type AnimationOptionType = 'default' | 'fade' | 'fade_from_bottom' | 'fade_from_right' | 'reveal_from_bottom' | 'scale_from_center' | 'slide_from_right' | 'slide_from_left' | 'slide_from_bottom' | 'none';
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';
@@ -48,7 +47,6 @@ export interface PaywallProviderPropsGenerated {
48
47
  scrollable?: boolean;
49
48
  testID?: string;
50
49
  delay?: number;
51
- animation?: AnimationOptionType;
52
50
  };
53
51
  }
54
52
  export interface PaywallProviderComponentProps {
@@ -1,8 +1,5 @@
1
1
  import type { NodeData } from '../../types/Node';
2
- export type TypeOptionType = 'Permission' | 'Navigate' | 'Placement' | 'SetCondition';
3
- export type PermissionOptionType = 'notification' | 'camera' | 'microphone' | 'location' | 'photos' | 'contacts' | 'att' | 'rating' | 'GDPR';
4
- export type PlacementKeyOptionType = 'terms' | 'onboard' | 'paywall' | 'subscription' | 'home';
5
- export type ConditionKeyOptionType = 'termsAccepted';
2
+ export type TypeOptionType = 'Permission' | 'Navigate' | 'Placement';
6
3
  export type FlexDirectionOptionType = 'row' | 'column';
7
4
  export type FlexWrapOptionType = 'nowrap' | 'wrap' | 'wrap-reverse';
8
5
  export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
@@ -10,12 +7,10 @@ export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 's
10
7
  export type PositionOptionType = 'relative' | 'absolute';
11
8
  export interface EventObjectGenerated {
12
9
  type?: TypeOptionType;
13
- permission?: PermissionOptionType;
10
+ permission?: string;
14
11
  navigate_to?: string;
15
12
  targetIndex?: number;
16
- placementKey?: PlacementKeyOptionType;
17
- conditionKey?: ConditionKeyOptionType;
18
- value?: boolean;
13
+ placementKey?: string;
19
14
  }
20
15
  export interface SystemButtonStyleGenerated {
21
16
  color?: string;
@@ -1,31 +1,18 @@
1
1
  import type { MockOSContextValue } from '../../mockOS/context/MockOSContextBase';
2
2
  import type { PermissionStatus } from '../../mockOS/managers/mockPermissionManager';
3
- /** Event shape shared by SystemButton and OnboardButton. Placement = go to placementKey (onboard/terms/paywall); Navigate = navigate_to or carousel; SetCondition = update a global boolean condition. */
3
+ /** Event shape shared by SystemButton and OnboardButton. Placement = go to placementKey (onboard/terms/paywall); Navigate = navigate_to or carousel. */
4
4
  export interface PlacementEventObject {
5
- type?: 'Permission' | 'Navigate' | 'Placement' | 'SetCondition';
5
+ type?: 'Permission' | 'Navigate' | 'Placement';
6
6
  permission?: string | null;
7
7
  placementKey?: string;
8
8
  navigate_to?: string;
9
9
  targetIndex?: number;
10
- conditionKey?: string;
11
- value?: boolean;
12
10
  }
13
11
  export interface UsePlacementButtonEventsOptions {
14
12
  context: MockOSContextValue | null;
15
13
  requestPermission: (permission: string) => Promise<PermissionStatus>;
16
14
  /** Called for Navigate events when placementKey is not set (e.g. carousel or navigate_to). Return true if handled. */
17
15
  onNavigateWithoutPlacement?: (e: PlacementEventObject) => Promise<boolean> | boolean;
18
- /**
19
- * Optional global navigate function (from useGlobalNavigation).
20
- * When provided, Navigate/Placement events try this first before falling back
21
- * to MockOSContext. Return true if the navigation was handled.
22
- */
23
- globalNavigate?: (target: string) => boolean;
24
- /**
25
- * Optional callback to set a global boolean condition (from GlobalContext).
26
- * Used by SetCondition events.
27
- */
28
- setCondition?: (key: string, value: boolean) => void;
29
16
  }
30
17
  /**
31
18
  * Shared hook for Permission + Navigate(placementKey / navigate_to) used by SystemButton and OnboardButton.
@@ -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", "Checkbox", "CountDown", "FormCheckbox", "FormErrorText", "FormProvider", "FormSubmitButton", "GlobalProvider", "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", "SystemButton", "TermsProvider", "Text", "View", "WebView"];
3
+ export declare const allcomponentNames: readonly ["BIcon", "BackgroundImage", "Button", "Carousel", "CarouselButtons", "CarouselDots", "CarouselItem", "CarouselProvider", "Checkbox", "CountDown", "FormCheckbox", "FormErrorText", "FormProvider", "FormSubmitButton", "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", "SystemButton", "Text", "View", "WebView"];
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';
@@ -15,7 +15,6 @@ export type { FormCheckboxPropsGenerated, FormCheckboxComponentProps, } from './
15
15
  export type { FormErrorTextPropsGenerated, FormErrorTextComponentProps, } from './FormErrorText/FormErrorTextProps.generated';
16
16
  export type { FormProviderPropsGenerated, FormProviderComponentProps, } from './FormProvider/FormProviderProps.generated';
17
17
  export type { FormSubmitButtonPropsGenerated, FormSubmitButtonComponentProps, } from './FormSubmitButton/FormSubmitButtonProps.generated';
18
- export type { GlobalProviderPropsGenerated, GlobalProviderComponentProps, } from './GlobalProvider/GlobalProviderProps.generated';
19
18
  export type { ImagePropsGenerated, ImageComponentProps, } from './Image/ImageProps.generated';
20
19
  export type { MainPropsGenerated, MainComponentProps, } from './Main/MainProps.generated';
21
20
  export type { NavigationBarColorPropsGenerated, NavigationBarColorComponentProps, } from './NavigationBarColor/NavigationBarColorProps.generated';
@@ -42,7 +41,6 @@ export type { RadioButtonPropsGenerated, RadioButtonComponentProps, } from './Ra
42
41
  export type { SeparatorPropsGenerated, SeparatorComponentProps, } from './Separator/SeparatorProps.generated';
43
42
  export type { StatusBarColorPropsGenerated, StatusBarColorComponentProps, } from './StatusBarColor/StatusBarColorProps.generated';
44
43
  export type { SystemButtonPropsGenerated, SystemButtonComponentProps, } from './SystemButton/SystemButtonProps.generated';
45
- export type { TermsProviderPropsGenerated, TermsProviderComponentProps, } from './TermsProvider/TermsProviderProps.generated';
46
44
  export type { TextPropsGenerated, TextComponentProps, } from './Text/TextProps.generated';
47
45
  export type { ViewPropsGenerated, ViewComponentProps, } from './View/ViewProps.generated';
48
46
  export type { WebViewPropsGenerated, WebViewComponentProps, } from './WebView/WebViewProps.generated';