@developer_tribe/react-builder 1.2.14 → 1.2.15

package/src/build-components/PaywallCounter/PaywallCounterProps.generated.ts

@@ -0,0 +1,78 @@
+/* AUTO-GENERATED FILE - DO NOT EDIT */
+
+import type { NodeData } from '../../types/Node';
+
+export type TextAlignOptionType = 'left' | 'center' | 'right' | 'justify';
+export type FlexDirectionOptionType = 'row' | 'column';
+export type AlignItemsOptionType =
+  | 'flex-start'
+  | 'center'
+  | 'flex-end'
+  | 'stretch'
+  | 'baseline';
+export type JustifyContentOptionType =
+  | 'flex-start'
+  | 'center'
+  | 'flex-end'
+  | 'space-between'
+  | 'space-around'
+  | 'space-evenly';
+export type PositionOptionType = 'relative' | 'absolute';
+
+export interface PaywallCounterStyleGenerated {
+  color?: string;
+  fontSize?: string;
+  fontFamily?: string;
+  fontWeight?: string;
+  textAlign?: TextAlignOptionType;
+  flexDirection?: FlexDirectionOptionType;
+  alignItems?: AlignItemsOptionType;
+  justifyContent?: JustifyContentOptionType;
+  gap?: string;
+  padding?: string;
+  paddingHorizontal?: string;
+  paddingVertical?: string;
+  paddingTop?: string;
+  paddingBottom?: string;
+  paddingLeft?: string;
+  paddingRight?: string;
+  margin?: string;
+  marginHorizontal?: string;
+  marginVertical?: string;
+  marginTop?: string;
+  marginBottom?: string;
+  marginLeft?: string;
+  marginRight?: string;
+  backgroundColor?: string;
+  borderRadius?: string;
+  width?: string;
+  minWidth?: string;
+  maxWidth?: string;
+  height?: string;
+  minHeight?: string;
+  maxHeight?: string;
+  flex?: number;
+  position?: PositionOptionType;
+  top?: string;
+  bottom?: string;
+  left?: string;
+  right?: string;
+  zIndex?: number;
+}
+
+export interface PaywallCounterPropsGenerated {
+  child: string;
+  attributes: {
+    style?: PaywallCounterStyleGenerated;
+    count?: number;
+    title?: string;
+    description?: string;
+    adjustsFontSizeToFit?: boolean;
+    showEllipsis?: boolean;
+    scrollable?: boolean;
+  };
+}
+
+export interface PaywallCounterComponentProps {
+  node: NodeData<PaywallCounterPropsGenerated['attributes']>;
+}

package/src/build-components/PaywallCounter/pattern.json

@@ -0,0 +1,24 @@
+{
+  "schemaVersion": 2,
+  "pattern": {
+    "type": "PaywallCounter",
+    "children": "never",
+    "extends": "Counter",
+    "attributes": {}
+  },
+  "meta": {
+    "desiredParent": ["all"],
+    "label": "Paywall Counter",
+    "description": "Displays the paywall counter value.",
+    "attributes": {
+      "count": {
+        "label": "Fallback Count",
+        "description": "Used only when the paywall counter hook returns no value.",
+        "category": "other",
+        "specialCategory": null,
+        "sort": 1
+      }
+    }
+  }
+}
+

package/src/build-components/PaywallOptions/PaywallOptionsProps.generated.ts

@@ -58,6 +58,8 @@ export interface PaywallOptionsPropsGenerated {
   child: string;
   attributes: {
     style?: PaywallOptionsStyleGenerated;
+    title?: string;
+    description?: string;
     scrollable?: boolean;
   };
 }

package/src/build-components/PaywallOptions/pattern.json

@@ -4,7 +4,10 @@
     "type": "PaywallOptions",
     "extends": "View",
     "children": "node",
-    "attributes": {}
+    "attributes": {
+      "title": "title",
+      "description": "description"
+    }
   },
   "meta": {
     "desiredParent": [

package/src/build-components/PaywallProvider/PaywallProvider.tsx

@@ -20,14 +20,8 @@ function PaywallProvider({ node }: PaywallProviderComponentProps) {
   const attributeName = node.sourceType ?? node.type ?? 'PaywallProvider';
   const attributeKey = node.key ?? generatedId;
 
-  const {
-    benefits,
-    products,
-    onPaywallClose,
-    onPaywallSubscribe,
-    previewMode,
-    selectedKey,
-  } = useBuilderParams();
+  const { benefits, products, onPaywallSubscribe, previewMode, selectedKey } =
+    useBuilderParams();
   const mockOS = useMockOSContext();
   const benefitLocalizationParams = useMemo(() => {
     const raw =
@@ -85,17 +79,15 @@ function PaywallProvider({ node }: PaywallProviderComponentProps) {
   }, [products, selectedProductId]);
 
   const handleClose = useCallback(() => {
-    // Host app override wins.
-    if (onPaywallClose) {
-      onPaywallClose();
-    }
-
     // Default: in MockOS go back (simulate dismissing paywall screen).
     // TODO: at react native merge it will change
-    if (mockOS?.isEnabled && mockOS.goBack) {
-      mockOS.goBack();
+    if (mockOS?.isEnabled) {
+      const canGoBack = mockOS.goBack();
+      if (!canGoBack) {
+        mockOS.navigation('launchscreen');
+      }
     }
-  }, [mockOS, onPaywallClose]);
+  }, [mockOS]);
 
   const handleSubscribe = useCallback(
     async (product?: { productId?: string }) => {

package/src/build-components/PaywallProvider/PaywallProviderProps.generated.ts

@@ -58,6 +58,8 @@ export interface PaywallProviderPropsGenerated {
   child: string;
   attributes: {
     style?: PaywallProviderStyleGenerated;
+    title?: string;
+    description?: string;
     scrollable?: boolean;
   };
 }

package/src/build-components/PaywallProvider/pattern.json

@@ -4,7 +4,10 @@
     "type": "PaywallProvider",
     "children": "node",
     "extends": "View",
-    "attributes": {}
+    "attributes": {
+      "title": "title",
+      "description": "description"
+    }
   },
   "defaults": {
     "style": {

package/src/build-components/PaywallSubscribeButton/PaywallSubscribeButtonProps.generated.ts

@@ -73,6 +73,8 @@ export interface PaywallSubscribeButtonPropsGenerated {
   child: string;
   attributes: {
     style?: PaywallSubscribeButtonStyleGenerated;
+    title?: string;
+    description?: string;
     scrollable?: boolean;
   };
 }

package/src/build-components/PaywallSubscribeButton/pattern.json

@@ -4,7 +4,10 @@
     "type": "PaywallSubscribeButton",
     "children": "string",
     "extends": "Button",
-    "attributes": {}
+    "attributes": {
+      "title": "title",
+      "description": "description"
+    }
   },
   "defaults": {
     "style": {

package/src/build-components/RadioButton/RadioButtonProps.generated.ts

@@ -58,6 +58,8 @@ export interface RadioButtonPropsGenerated {
   child: string;
   attributes: {
     style?: RadioButtonStyleGenerated;
+    title?: string;
+    description?: string;
     scrollable?: boolean;
     selected?: boolean;
     color?: string;

package/src/build-components/RadioButton/pattern.json

@@ -5,6 +5,8 @@
     "children": "never",
     "extends": "View",
     "attributes": {
+      "title": "title",
+      "description": "description",
       "selected": "boolean",
       "color": "color",
       "size": "number"

package/src/build-components/RenderNode.generated.tsx

@@ -21,6 +21,8 @@ import type { CarouselButtonsComponentProps } from './CarouselButtons/CarouselBu
 import type { CarouselDotsComponentProps } from './CarouselDots/CarouselDotsProps.generated';
 import type { CarouselItemComponentProps } from './CarouselItem/CarouselItemProps.generated';
 import type { CarouselProviderComponentProps } from './CarouselProvider/CarouselProviderProps.generated';
+import type { CountDownComponentProps } from './CountDown/CountDownProps.generated';
+import type { CounterComponentProps } from './Counter/CounterProps.generated';
 import type { ImageComponentProps } from './Image/ImageProps.generated';
 import type { MainComponentProps } from './Main/MainProps.generated';
 import type { OnboardComponentProps } from './Onboard/OnboardProps.generated';
@@ -35,6 +37,7 @@ import type { OnboardSubtitleComponentProps } from './OnboardSubtitle/OnboardSub
 import type { OnboardTitleComponentProps } from './OnboardTitle/OnboardTitleProps.generated';
 import type { PaywallBackgroundComponentProps } from './PaywallBackground/PaywallBackgroundProps.generated';
 import type { PaywallCloseButtonComponentProps } from './PaywallCloseButton/PaywallCloseButtonProps.generated';
+import type { PaywallCounterComponentProps } from './PaywallCounter/PaywallCounterProps.generated';
 import type { PaywallOptionsComponentProps } from './PaywallOptions/PaywallOptionsProps.generated';
 import type { PaywallProviderComponentProps } from './PaywallProvider/PaywallProviderProps.generated';
 import type { PaywallSubscribeButtonComponentProps } from './PaywallSubscribeButton/PaywallSubscribeButtonProps.generated';
@@ -47,8 +50,10 @@ import Button from './Button/Button';
 import Carousel from './Carousel/Carousel';
 import CarouselButtons from './CarouselButtons/CarouselButtons';
 import CarouselDots from './CarouselDots/CarouselDots';
-import CarouselItem from './CarouselItem/CarouselItem';
+import { CarouselItem } from './CarouselItem/CarouselItem';
 import CarouselProvider from './CarouselProvider/CarouselProvider';
+import { CountDown } from './CountDown/CountDown';
+import { Counter } from './Counter/Counter';
 import Image from './Image/Image';
 import Main from './Main/Main';
 import Onboard from './Onboard/Onboard';
@@ -63,12 +68,13 @@ import OnboardSubtitle from './OnboardSubtitle/OnboardSubtitle';
 import OnboardTitle from './OnboardTitle/OnboardTitle';
 import PaywallBackground from './PaywallBackground/PaywallBackground';
 import PaywallCloseButton from './PaywallCloseButton/PaywallCloseButton';
+import { PaywallCounter } from './PaywallCounter/PaywallCounter';
 import PaywallOptions from './PaywallOptions/PaywallOptions';
 import PaywallProvider from './PaywallProvider/PaywallProvider';
 import PaywallSubscribeButton from './PaywallSubscribeButton/PaywallSubscribeButton';
 import RadioButton from './RadioButton/RadioButton';
 import Text from './Text/Text';
-import View from './View/View';
+import { View } from './View/View';
 
 type BuilderNode =
   | (BIconComponentProps['node'] & { type: 'BIcon' })
@@ -79,6 +85,8 @@ type BuilderNode =
   | (CarouselDotsComponentProps['node'] & { type: 'CarouselDots' })
   | (CarouselItemComponentProps['node'] & { type: 'CarouselItem' })
   | (CarouselProviderComponentProps['node'] & { type: 'CarouselProvider' })
+  | (CountDownComponentProps['node'] & { type: 'CountDown' })
+  | (CounterComponentProps['node'] & { type: 'Counter' })
   | (ImageComponentProps['node'] & { type: 'Image' })
   | (MainComponentProps['node'] & { type: 'Main' })
   | (OnboardComponentProps['node'] & { type: 'Onboard' })
@@ -93,6 +101,7 @@ type BuilderNode =
   | (OnboardTitleComponentProps['node'] & { type: 'OnboardTitle' })
   | (PaywallBackgroundComponentProps['node'] & { type: 'PaywallBackground' })
   | (PaywallCloseButtonComponentProps['node'] & { type: 'PaywallCloseButton' })
+  | (PaywallCounterComponentProps['node'] & { type: 'PaywallCounter' })
   | (PaywallOptionsComponentProps['node'] & { type: 'PaywallOptions' })
   | (PaywallProviderComponentProps['node'] & { type: 'PaywallProvider' })
   | (PaywallSubscribeButtonComponentProps['node'] & {
@@ -148,6 +157,10 @@ function RenderNode({ node }: { node: Node }) {
       return <CarouselItem node={normalizedNode} />;
     case 'CarouselProvider':
       return <CarouselProvider node={normalizedNode} />;
+    case 'CountDown':
+      return <CountDown node={normalizedNode} />;
+    case 'Counter':
+      return <Counter node={normalizedNode} />;
     case 'Image':
       return <Image node={normalizedNode} />;
     case 'Main':
@@ -176,6 +189,8 @@ function RenderNode({ node }: { node: Node }) {
       return <PaywallBackground node={normalizedNode} />;
     case 'PaywallCloseButton':
       return <PaywallCloseButton node={normalizedNode} />;
+    case 'PaywallCounter':
+      return <PaywallCounter node={normalizedNode} />;
     case 'PaywallOptions':
       return <PaywallOptions node={normalizedNode} />;
     case 'PaywallProvider':

package/src/build-components/Text/TextProps.generated.ts

@@ -64,6 +64,8 @@ export interface TextPropsGenerated {
   child: string;
   attributes: {
     style?: TextStyleGenerated;
+    title?: string;
+    description?: string;
     scrollable?: boolean;
     adjustsFontSizeToFit?: boolean;
     showEllipsis?: boolean;

package/src/build-components/Text/pattern.json

@@ -5,6 +5,8 @@
     "children": "string",
     "extends": "View",
     "attributes": {
+      "title": "title",
+      "description": "description",
       "adjustsFontSizeToFit": "boolean",
       "showEllipsis": "boolean",
       "style": {
@@ -36,7 +38,7 @@
           "category": "style",
           "specialCategory": null,
           "sort": 2,
-          "preferedScale": "s"
+          "preferredScale": "s"
         },
         "fontFamily": {
           "label": "Font Family",

package/src/build-components/View/View.tsx

@@ -30,7 +30,7 @@ export function View({ node }: ViewComponentProps) {
     <div
       attribute-name={attributeName}
       attribute-key={attributeKey}
-      style={viewStyle}
+      style={{ ...viewStyle, boxSizing: 'border-box' }}
       className="scroll-container"
     >
       <RenderNode node={node.children as Node} />

package/src/build-components/View/ViewProps.generated.ts

@@ -58,6 +58,8 @@ export interface ViewPropsGenerated {
   child: string;
   attributes: {
     style?: ViewStyleGenerated;
+    title?: string;
+    description?: string;
     scrollable?: boolean;
   };
 }

package/src/build-components/View/pattern.json

@@ -4,12 +4,11 @@
     "type": "View",
     "children": "node",
     "attributes": {
+      "title": "title",
+      "description": "description",
       "scrollable": "boolean",
       "style": {
-        "flexDirection": [
-          "row",
-          "column"
-        ],
+        "flexDirection": ["row", "column"],
         "alignItems": [
           "flex-start",
           "center",
@@ -49,10 +48,7 @@
         "minHeight": "size",
         "maxHeight": "size",
         "flex": "number",
-        "position": [
-          "relative",
-          "absolute"
-        ],
+        "position": ["relative", "absolute"],
         "top": "size",
         "bottom": "size",
         "left": "size",
@@ -62,9 +58,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      "all"
-    ],
+    "desiredParent": ["all"],
     "label": "View",
     "description": "Base layout container.",
     "specialCategories": {
@@ -107,7 +101,7 @@
         "category": "style",
         "specialCategory": null,
         "sort": 21,
-        "preferedScale": "s"
+        "preferredScale": "s"
       }
     },
     "attributes": {
@@ -145,7 +139,7 @@
         "category": "container",
         "specialCategory": null,
         "sort": 10,
-        "preferedScale": "s"
+        "preferredScale": "s"
       },
       "padding": {
         "label": "Padding",
@@ -153,7 +147,7 @@
         "category": "container",
         "specialCategory": "padding",
         "sort": 6,
-        "preferedScale": "s"
+        "preferredScale": "s"
       },
       "paddingHorizontal": {
         "label": "Padding Horizontal",
@@ -161,7 +155,7 @@
         "category": "container",
         "specialCategory": "padding",
         "sort": 7,
-        "preferedScale": "s"
+        "preferredScale": "s"
       },
       "paddingVertical": {
         "label": "Padding Vertical",
@@ -169,7 +163,7 @@
         "category": "container",
         "specialCategory": "padding",
         "sort": 8,
-        "preferedScale": "vs"
+        "preferredScale": "vs"
       },
       "paddingTop": {
         "label": "Padding Top",
@@ -177,7 +171,7 @@
         "category": "container",
         "specialCategory": "padding",
         "sort": 9,
-        "preferedScale": "vs"
+        "preferredScale": "vs"
       },
       "paddingBottom": {
         "label": "Padding Bottom",
@@ -185,7 +179,7 @@
         "category": "container",
         "specialCategory": "padding",
         "sort": 10,
-        "preferedScale": "vs"
+        "preferredScale": "vs"
       },
       "paddingLeft": {
         "label": "Padding Left",
@@ -193,7 +187,7 @@
         "category": "container",
         "specialCategory": "padding",
         "sort": 11,
-        "preferedScale": "s"
+        "preferredScale": "s"
       },
       "paddingRight": {
         "label": "Padding Right",
@@ -201,7 +195,7 @@
         "category": "container",
         "specialCategory": "padding",
         "sort": 12,
-        "preferedScale": "s"
+        "preferredScale": "s"
       },
       "margin": {
         "label": "Margin",
@@ -209,7 +203,7 @@
         "category": "container",
         "specialCategory": "margin",
         "sort": 13,
-        "preferedScale": "s"
+        "preferredScale": "s"
       },
       "marginHorizontal": {
         "label": "Margin Horizontal",
@@ -217,7 +211,7 @@
         "category": "container",
         "specialCategory": "margin",
         "sort": 14,
-        "preferedScale": "s"
+        "preferredScale": "s"
       },
       "marginVertical": {
         "label": "Margin Vertical",
@@ -225,7 +219,7 @@
         "category": "container",
         "specialCategory": "margin",
         "sort": 15,
-        "preferedScale": "vs"
+        "preferredScale": "vs"
       },
       "marginTop": {
         "label": "Margin Top",
@@ -233,7 +227,7 @@
         "category": "container",
         "specialCategory": "margin",
         "sort": 16,
-        "preferedScale": "vs"
+        "preferredScale": "vs"
       },
       "marginBottom": {
         "label": "Margin Bottom",
@@ -241,7 +235,7 @@
         "category": "container",
         "specialCategory": "margin",
         "sort": 17,
-        "preferedScale": "vs"
+        "preferredScale": "vs"
       },
       "marginLeft": {
         "label": "Margin Left",
@@ -249,7 +243,7 @@
         "category": "container",
         "specialCategory": "margin",
         "sort": 18,
-        "preferedScale": "s"
+        "preferredScale": "s"
       },
       "marginRight": {
         "label": "Margin Right",
@@ -257,7 +251,7 @@
         "category": "container",
         "specialCategory": "margin",
         "sort": 19,
-        "preferedScale": "s"
+        "preferredScale": "s"
       },
       "width": {
         "label": "Width",
@@ -265,7 +259,7 @@
         "category": "container",
         "specialCategory": "size",
         "sort": 0,
-        "preferedScale": "s"
+        "preferredScale": "s"
       },
       "minWidth": {
         "label": "Min Width",
@@ -273,7 +267,7 @@
         "category": "container",
         "specialCategory": "size",
         "sort": 1,
-        "preferedScale": "s"
+        "preferredScale": "s"
       },
       "maxWidth": {
         "label": "Max Width",
@@ -281,7 +275,7 @@
         "category": "container",
         "specialCategory": "size",
         "sort": 2,
-        "preferedScale": "s"
+        "preferredScale": "s"
       },
       "height": {
         "label": "Height",
@@ -289,7 +283,7 @@
         "category": "container",
         "specialCategory": "size",
         "sort": 3,
-        "preferedScale": "vs"
+        "preferredScale": "vs"
       },
       "minHeight": {
         "label": "Min Height",
@@ -297,7 +291,7 @@
         "category": "container",
         "specialCategory": "size",
         "sort": 4,
-        "preferedScale": "vs"
+        "preferredScale": "vs"
       },
       "maxHeight": {
         "label": "Max Height",
@@ -305,7 +299,7 @@
         "category": "container",
         "specialCategory": "size",
         "sort": 5,
-        "preferedScale": "vs"
+        "preferredScale": "vs"
       },
       "flex": {
         "label": "Flex",
@@ -327,7 +321,7 @@
         "category": "container",
         "specialCategory": "offset",
         "sort": 22,
-        "preferedScale": "vs"
+        "preferredScale": "vs"
       },
       "bottom": {
         "label": "Bottom",
@@ -335,7 +329,7 @@
         "category": "container",
         "specialCategory": "offset",
         "sort": 23,
-        "preferedScale": "vs"
+        "preferredScale": "vs"
       },
       "left": {
         "label": "Left",
@@ -343,7 +337,7 @@
         "category": "container",
         "specialCategory": "offset",
         "sort": 24,
-        "preferedScale": "s"
+        "preferredScale": "s"
       },
       "right": {
         "label": "Right",
@@ -351,7 +345,7 @@
         "category": "container",
         "specialCategory": "offset",
         "sort": 25,
-        "preferedScale": "s"
+        "preferredScale": "s"
       },
       "zIndex": {
         "label": "Z-Index",
@@ -366,7 +360,10 @@
     "style": {
       "flexDirection": "column",
       "position": "relative",
-      "zIndex": 1
+      "zIndex": 1,
+      "alignSelf": "flex-start",
+      "flexGrow": 0,
+      "flexShrink": 0
     }
   }
 }