@developer_tribe/react-builder 1.2.24 → 1.2.26

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

@@ -2,9 +2,17 @@
   "schemaVersion": 2,
   "pattern": {
     "type": "CountDown",
+    "title": "title",
+    "description": "description",
     "children": "never",
-    "extends": "Counter",
-    "attributes": {}
+    "extends": "Text",
+    "attributes": {
+      "count": "number",
+      "style": {
+        "width": "never",
+        "textAlign": "never"
+      }
+    }
   },
   "meta": {
     "desiredParent": ["all"],

package/src/build-components/Image/ImageProps.generated.ts

@@ -63,8 +63,6 @@ export interface ImagePropsGenerated {
   attributes: {
     style?: ImageStyleGenerated;
     scrollable?: boolean;
-    title?: string;
-    description?: string;
     src?: string;
   };
 }

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

@@ -2,18 +2,20 @@
   "schemaVersion": 2,
   "pattern": {
     "type": "Image",
+    "title": "title",
+    "description": "description",
     "children": "never",
     "extends": "View",
     "attributes": {
-      "title": "title",
-      "description": "description",
       "src": "string",
       "style": {
         "resizeMode": ["cover", "contain", "stretch", "center"]
       }
     },
     "defaults": {
-      "resizeMode": "contain"
+      "style": {
+        "resizeMode": "contain"
+      }
     }
   },
   "meta": {

package/src/build-components/Main/MainProps.generated.ts

@@ -61,8 +61,6 @@ export interface MainPropsGenerated {
   attributes: {
     style?: MainStyleGenerated;
     scrollable?: boolean;
-    title?: string;
-    description?: string;
     useSafeAreaView?: boolean;
   };
 }

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

@@ -2,11 +2,11 @@
   "schemaVersion": 2,
   "pattern": {
     "type": "Main",
+    "title": "title",
+    "description": "description",
     "children": "node",
     "extends": "View",
     "attributes": {
-      "title": "title",
-      "description": "description",
       "useSafeAreaView": "boolean"
     }
   },

package/src/build-components/NavigationBarColor/NavigationBarColorProps.generated.ts

@@ -61,8 +61,6 @@ export interface NavigationBarColorPropsGenerated {
   attributes: {
     style?: NavigationBarColorStyleGenerated;
     scrollable?: boolean;
-    title?: string;
-    description?: string;
   };
 }
 

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

@@ -2,11 +2,11 @@
   "schemaVersion": 2,
   "pattern": {
     "type": "NavigationBarColor",
+    "title": "title",
+    "description": "description",
     "children": "never",
     "extends": "View",
     "attributes": {
-      "title": "title",
-      "description": "description",
       "style": {
         "backgroundColor": "color"
       }

package/src/build-components/Onboard/OnboardProps.generated.ts

@@ -61,8 +61,6 @@ export interface OnboardPropsGenerated {
   attributes: {
     style?: OnboardStyleGenerated;
     scrollable?: boolean;
-    title?: string;
-    description?: string;
   };
 }
 

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

@@ -2,12 +2,10 @@
   "schemaVersion": 2,
   "pattern": {
     "type": "Onboard",
+    "title": "title",
+    "description": "description",
     "children": "node",
-    "extends": "View",
-    "attributes": {
-      "title": "title",
-      "description": "description"
-    }
+    "extends": "View"
   },
   "meta": {
     "desiredParent": ["=OnboardProvider"],

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

@@ -1,4 +1,4 @@
-import React, { useContext, useId, useMemo, useRef } from 'react';
+import React, { useContext, useId, useRef } from 'react';
 import type {
   EventObjectGenerated,
   OnboardButtonComponentProps,
@@ -52,7 +52,6 @@ function OnboardButton({ node }: OnboardButtonComponentProps) {
   const handleClick = () => {
     //TODO: any ??
     const events: EventObjectGenerated[] = attrs?.events ?? [];
-    let navigateHandled = false;
 
     for (const e of events) {
       // Check if event is already handled
@@ -69,13 +68,11 @@ function OnboardButton({ node }: OnboardButtonComponentProps) {
         const eventTargetIndex = e.targetIndex;
         if (typeof eventTargetIndex === 'number') {
           emblaApi?.scrollTo(eventTargetIndex);
-          navigateHandled = true;
           handledEventsRef.current.push(e);
           //TODO: cause user to click second time
         } else if (e.navigate_to) {
           const eventTarget = e.navigate_to;
           if (typeof eventTarget === 'string') {
-            navigateHandled = true;
             handledEventsRef.current.push(e);
             //TODO: cause user to click second time
             if (context) {

package/src/build-components/OnboardButton/OnboardButtonProps.generated.ts

@@ -76,8 +76,6 @@ export interface OnboardButtonPropsGenerated {
   attributes: {
     style?: OnboardButtonStyleGenerated;
     scrollable?: boolean;
-    title?: string;
-    description?: string;
     labelKey?: string;
     button_text_color?: string;
     animation?: AnimationOptionType;

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

@@ -2,11 +2,11 @@
   "schemaVersion": 2,
   "pattern": {
     "type": "OnboardButton",
+    "title": "title",
+    "description": "description",
     "children": "never",
     "extends": "View",
     "attributes": {
-      "title": "title",
-      "description": "description",
       "labelKey": "string",
       "button_text_color": "color",
       "animation": [

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

@@ -15,11 +15,7 @@ function OnboardButtons({ node }: OnboardButtonsComponentProps) {
   useLogRender('OnboardButtons');
   node = useNode(node);
   const attributeName = node.sourceType ?? node.type ?? 'OnboardButtons';
-  const { appConfig, previewMode, selectedKey } = useBuilderParams();
-  const seperatorColorDefault =
-    appConfig?.theme === 'light'
-      ? appConfig?.screenStyle?.light?.seperatorColor
-      : appConfig?.screenStyle?.dark?.seperatorColor;
+  const { previewMode, selectedKey } = useBuilderParams();
   const ctx = useContext(onboardContext) ?? {};
   const [selectedIndex, setSelectedIndex] = useState(ctx.selectedIndex ?? 0);
 
@@ -31,10 +27,6 @@ function OnboardButtons({ node }: OnboardButtonsComponentProps) {
 
   const attrRecord = toAttributeRecord(node.attributes);
   const styleBag = getStyleBag(node.attributes);
-  const direction =
-    (attrRecord.buttons_direction ?? styleBag?.buttons_direction) === 'column'
-      ? 'column'
-      : 'row';
 
   const children = useMemo(() => {
     const raw = node.children as unknown;

package/src/build-components/OnboardButtons/OnboardButtonsProps.generated.ts

@@ -67,8 +67,6 @@ export interface OnboardButtonsPropsGenerated {
   attributes: {
     style?: OnboardButtonsStyleGenerated;
     scrollable?: boolean;
-    title?: string;
-    description?: string;
     buttonType?: ButtonTypeOptionType;
     skipNumber?: number;
     buttons_direction?: ButtonsDirectionOptionType;

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

@@ -2,11 +2,11 @@
   "schemaVersion": 2,
   "pattern": {
     "type": "OnboardButtons",
+    "title": "title",
+    "description": "description",
     "children": "node",
     "extends": "View",
     "attributes": {
-      "title": "title",
-      "description": "description",
       "buttonType": ["previous_button", "next_button", "skip_button"],
       "skipNumber": "number",
       "buttons_direction": ["row", "column"],

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

@@ -71,7 +71,8 @@ function OnboardDot({ node }: OnboardDotComponentProps) {
 
   const extractedStyle = useExtractViewStyle(node);
   const baseStyle = useMemo(() => {
-    const { flexDirection: _flexDirection, ...innerStyle } = extractedStyle;
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const { flexDirection, ...innerStyle } = extractedStyle;
     return innerStyle;
   }, [extractedStyle]);
   const isSelected = isNodeSelected({

package/src/build-components/OnboardDot/OnboardDotProps.generated.ts

@@ -68,8 +68,6 @@ export interface OnboardDotPropsGenerated {
   attributes: {
     style?: OnboardDotStyleGenerated;
     scrollable?: boolean;
-    title?: string;
-    description?: string;
     dotType?: DotTypeOptionType;
     dot_thickness?: string;
     inactive_dot_opacity?: number;

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

@@ -2,11 +2,11 @@
   "schemaVersion": 2,
   "pattern": {
     "type": "OnboardDot",
+    "title": "title",
+    "description": "description",
     "children": "never",
     "extends": "View",
     "attributes": {
-      "title": "title",
-      "description": "description",
       "dotType": [
         "expanding_dot",
         "normal_dot",

package/src/build-components/OnboardFooter/OnboardFooterProps.generated.ts

@@ -66,8 +66,6 @@ export interface OnboardFooterPropsGenerated {
   child: string;
   attributes: {
     style?: OnboardFooterStyleGenerated;
-    title?: string;
-    description?: string;
     adjustsFontSizeToFit?: boolean;
     showEllipsis?: boolean;
     scrollable?: boolean;

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

@@ -2,11 +2,11 @@
   "schemaVersion": 2,
   "pattern": {
     "type": "OnboardFooter",
+    "title": "title",
+    "description": "description",
     "children": "node",
     "extends": "Text",
     "attributes": {
-      "title": "title",
-      "description": "description",
       "textLocalizationKey": "string",
       "linkedWordFirstLocalizationKey": "string",
       "linkedWordFirstColor": "color",

package/src/build-components/OnboardImage/OnboardImageProps.generated.ts

@@ -62,8 +62,6 @@ export interface OnboardImagePropsGenerated {
   child: string;
   attributes: {
     style?: OnboardImageStyleGenerated;
-    title?: string;
-    description?: string;
     src?: string;
     scrollable?: boolean;
     video_url?: string;

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

@@ -2,11 +2,11 @@
   "schemaVersion": 2,
   "pattern": {
     "type": "OnboardImage",
+    "title": "title",
+    "description": "description",
     "children": "node",
     "extends": "Image",
     "attributes": {
-      "title": "title",
-      "description": "description",
       "video_url": "string",
       "lottie": "string"
     }

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

@@ -1,4 +1,4 @@
-import React, { useId, useMemo } from 'react';
+import React, { useId } from 'react';
 import type { OnboardItemComponentProps } from './OnboardItemProps.generated';
 import useNode from '../useNode';
 import RenderNode from '../RenderNode.generated';

package/src/build-components/OnboardItem/OnboardItemProps.generated.ts

@@ -62,8 +62,6 @@ export interface OnboardItemPropsGenerated {
   attributes: {
     style?: OnboardItemStyleGenerated;
     scrollable?: boolean;
-    title?: string;
-    description?: string;
     display?: DisplayOptionType;
     gap?: string;
     flexDirection?: FlexDirectionOptionType;

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

@@ -2,11 +2,11 @@
   "schemaVersion": 2,
   "pattern": {
     "type": "OnboardItem",
+    "title": "title",
+    "description": "description",
     "children": "node",
     "extends": "View",
     "attributes": {
-      "title": "title",
-      "description": "description",
       "display": ["flex", "block"],
       "gap": "size",
       "flexDirection": ["row", "column"],

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

@@ -1,6 +1,5 @@
 import React, {
   createContext,
-  useContext,
   useEffect,
   useId,
   useMemo,

package/src/build-components/OnboardProvider/OnboardProviderProps.generated.ts

@@ -62,8 +62,6 @@ export interface OnboardProviderPropsGenerated {
   attributes: {
     style?: OnboardProviderStyleGenerated;
     scrollable?: boolean;
-    title?: string;
-    description?: string;
     theme?: ThemeOptionType;
     borderRadius?: never;
   };

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

@@ -2,11 +2,11 @@
   "schemaVersion": 2,
   "pattern": {
     "type": "OnboardProvider",
+    "title": "title",
+    "description": "description",
     "children": "node",
     "extends": "View",
     "attributes": {
-      "title": "title",
-      "description": "description",
       "theme": ["light", "dark", "all"],
       "borderRadius": "never"
     }

package/src/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.ts

@@ -66,8 +66,6 @@ export interface OnboardSubtitlePropsGenerated {
   child: string;
   attributes: {
     style?: OnboardSubtitleStyleGenerated;
-    title?: string;
-    description?: string;
     adjustsFontSizeToFit?: boolean;
     showEllipsis?: boolean;
     scrollable?: boolean;

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

@@ -2,12 +2,10 @@
   "schemaVersion": 2,
   "pattern": {
     "type": "OnboardSubtitle",
+    "title": "title",
+    "description": "description",
     "children": "string",
-    "extends": "Text",
-    "attributes": {
-      "title": "title",
-      "description": "description"
-    }
+    "extends": "Text"
   },
   "defaults": {
     "style": {

package/src/build-components/OnboardTitle/OnboardTitleProps.generated.ts

@@ -66,8 +66,6 @@ export interface OnboardTitlePropsGenerated {
   child: string;
   attributes: {
     style?: OnboardTitleStyleGenerated;
-    title?: string;
-    description?: string;
     adjustsFontSizeToFit?: boolean;
     showEllipsis?: boolean;
     scrollable?: boolean;

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

@@ -2,12 +2,10 @@
   "schemaVersion": 2,
   "pattern": {
     "type": "OnboardTitle",
+    "title": "title",
+    "description": "description",
     "children": "string",
-    "extends": "Text",
-    "attributes": {
-      "title": "title",
-      "description": "description"
-    }
+    "extends": "Text"
   },
   "defaults": {
     "style": {

package/src/build-components/PaywallBackground/PaywallBackgroundProps.generated.ts

@@ -61,8 +61,6 @@ export interface PaywallBackgroundPropsGenerated {
   child: string;
   attributes: {
     style?: PaywallBackgroundStyleGenerated;
-    title?: string;
-    description?: string;
     src?: string;
     resizeMode?: ResizeModeOptionType;
     scrollable?: boolean;

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

@@ -2,12 +2,10 @@
   "schemaVersion": 2,
   "pattern": {
     "type": "PaywallBackground",
+    "title": "title",
+    "description": "description",
     "children": "never",
     "extends": "BackgroundImage",
-    "attributes": {
-      "title": "title",
-      "description": "description"
-    },
     "defaults": {
       "resizeMode": "cover",
       "style": {

package/src/build-components/PaywallCloseButton/PaywallCloseButtonProps.generated.ts

@@ -66,8 +66,6 @@ export interface PaywallCloseButtonPropsGenerated {
   child: string;
   attributes: {
     style?: PaywallCloseButtonStyleGenerated;
-    title?: string;
-    description?: string;
     iconType?: string;
     size?: number;
     strokeWidth?: number;

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

@@ -2,12 +2,10 @@
   "schemaVersion": 2,
   "pattern": {
     "type": "PaywallCloseButton",
+    "title": "title",
+    "description": "description",
     "children": "never",
-    "extends": "BIcon",
-    "attributes": {
-      "title": "title",
-      "description": "description"
-    }
+    "extends": "BIcon"
   },
   "meta": {
     "desiredParent": [">PaywallProvider"],

package/src/build-components/PaywallOptions/PaywallOptionButton.tsx

@@ -1,4 +1,4 @@
-import { useId, useMemo } from 'react';
+import { useId } from 'react';
 import type { Product } from '../../paywall/types/paywall-types';
 import { useExtractViewStyle } from '../../attribute-analyser/style/web/useExtractViewStyle';
 import type { NodeData } from '../../types/Node';
@@ -16,7 +16,6 @@ export type OptionsButtonProps = {
 
 export function PaywallOptionButton({
   product,
-  selected,
   onPress,
   node,
 }: OptionsButtonProps) {

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

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

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

@@ -2,12 +2,10 @@
   "schemaVersion": 2,
   "pattern": {
     "type": "PaywallOptions",
+    "title": "title",
+    "description": "description",
     "extends": "View",
-    "children": "node",
-    "attributes": {
-      "title": "title",
-      "description": "description"
-    }
+    "children": "node"
   },
   "meta": {
     "desiredParent": [">PaywallProvider"],

package/src/build-components/PaywallProvider/PaywallContext.ts

@@ -1,4 +1,4 @@
-import React, { createContext, useContext } from 'react';
+import { createContext, useContext } from 'react';
 import type { Product } from '../../paywall/types/paywall-types';
 
 export type PaywallContextValue = {

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

@@ -13,7 +13,6 @@ import { PaywallContext } from './PaywallContext';
 import { useMockOSContext } from '../../mockOS/context/MockOSContextBase';
 import type { Product } from '../../paywall/types/paywall-types';
 import { useChangeDelayByPaywall } from '../../paywall/hooks/useChangeDelayByPaywall';
-import { useHandleGoBack } from '../../paywall/hooks/useHandleGoBack';
 import { useMockOSBackHandler } from '../../paywall/hooks/useMockOSBackHandler';
 
 function PaywallProvider({ node }: PaywallProviderComponentProps) {
@@ -99,15 +98,6 @@ function PaywallProvider({ node }: PaywallProviderComponentProps) {
     }
   }, [mockOS, isBackAllowed]);
 
-  const handleGoBack = useCallback(() => {
-    if (!isBackAllowed) {
-      return false;
-    }
-    return true;
-  }, [isBackAllowed]);
-
-  useHandleGoBack(handleGoBack);
-
   const handleSubscribe = useCallback(
     async (product?: Product): Promise<boolean> => {
       // Host app override wins.

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

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

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

@@ -2,11 +2,11 @@
   "schemaVersion": 2,
   "pattern": {
     "type": "PaywallProvider",
+    "title": "title",
+    "description": "description",
     "children": "node",
     "extends": "View",
     "attributes": {
-      "title": "title",
-      "description": "description",
       "delay": "number"
     }
   },

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

@@ -1,4 +1,4 @@
-import React, { useId, useMemo } from 'react';
+import React, { useId } from 'react';
 import type { PaywallSubscribeButtonComponentProps } from './PaywallSubscribeButtonProps.generated';
 import useNode from '../useNode';
 import { useBuilderParams } from '../../components/BuilderProvider';

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

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

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

@@ -2,12 +2,10 @@
   "schemaVersion": 2,
   "pattern": {
     "type": "PaywallSubscribeButton",
+    "title": "title",
+    "description": "description",
     "children": "string",
-    "extends": "Button",
-    "attributes": {
-      "title": "title",
-      "description": "description"
-    }
+    "extends": "Button"
   },
   "defaults": {
     "style": {

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

@@ -1,4 +1,4 @@
-import React, { useContext, useId, useMemo } from 'react';
+import React, { useContext, useId } from 'react';
 import type { RadioButtonComponentProps } from './RadioButtonProps.generated';
 import useNode from '../useNode';
 import { useBuilderParams } from '../../components/BuilderProvider';

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

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