npm - @developer_tribe/react-builder - Versions diffs - 1.2.36 → 1.2.38 - Mend

@developer_tribe/react-builder 1.2.36 → 1.2.38

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 (157) hide show

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

@@ -5,7 +5,10 @@
     "title": "title",
     "description": "description",
     "children": "node",
-    "extends": "View"
+    "extends": "View",
+    "attributes": {
+      "testID": "string"
+    }
   },
   "meta": {
     "desiredParent": ["=OnboardProvider"],

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

@@ -16,7 +16,7 @@ export function OnboardButton({ node }: OnboardButtonComponentProps) {
   useLogRender('OnboardButton');
   node = useNode(node);
   const attributeName = node.sourceType ?? node.type ?? 'OnboardButton';
-  const { emblaApi } = useContext(onboardContext) ?? {};
+  const { emblaApi, selectedIndex } = useContext(onboardContext) ?? {};
   const { selectedTheme: theme, projectColors } = useBuilderParams();
   const context = useMockOSContext();
   const mockPermissionManager = useMockPermission(context);
@@ -30,7 +30,7 @@ export function OnboardButton({ node }: OnboardButtonComponentProps) {
   const rawTextColor = attrs?.styles?.color as string | undefined;
   const textColor = parseColor(rawTextColor, { projectColors, theme });
   const viewStyle = useExtractViewStyle(node);
-  const handleClick = () => {
+  const handleClick = async () => {
     //TODO: any ??
     const events: EventObjectGenerated[] = attrs?.events ?? [];
@@ -42,20 +42,17 @@ export function OnboardButton({ node }: OnboardButtonComponentProps) {
       if (e.type === 'Permission') {
         const permission = e.permission ?? 'camera';
-        mockPermissionManager.requestPermission(permission);
+        await mockPermissionManager.requestPermission(permission);
         handledEventsRef.current.push(e);
-        //TODO: cause user to click second time
       } else if (e.type === 'Navigate') {
         const eventTargetIndex = e.targetIndex;
         if (typeof eventTargetIndex === 'number') {
           emblaApi?.scrollTo(eventTargetIndex);
           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') {
             handledEventsRef.current.push(e);
-            //TODO: cause user to click second time
             if (context) {
               context.navigation(eventTarget as any);
             } else {
@@ -70,6 +67,9 @@ export function OnboardButton({ node }: OnboardButtonComponentProps) {
   return (
     <button
+      {...(attrs?.testID
+        ? { 'data-testid': `${attrs.testID}-${selectedIndex ?? 0}` }
+        : {})}
       attribute-name={attributeName}
       attribute-key={attributeKey}
       onClick={handleClick}

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

@@ -4,6 +4,7 @@ import type { NodeData } from '../../types/Node';
 export type TypeOptionType = 'Permission' | 'Navigate';
 export type PermissionOptionType = 'att' | 'notification' | 'rating' | 'GDPR';
+export type TestIDOptionType = 'onboardSkip' | 'onboardNext';
 export type AnimationOptionType =
   | 'simple-animation'
   | 'line-animation'
@@ -77,6 +78,7 @@ export interface OnboardButtonPropsGenerated {
   attributes: {
     styles?: OnboardButtonStyleGenerated;
     scrollable?: boolean;
+    testID?: TestIDOptionType;
     labelKey?: string;
     animation?: AnimationOptionType;
     animation_color?: string;

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

@@ -19,7 +19,8 @@
       "events": "EventObject[]",
       "styles": {
         "color": "color"
-      }
+      },
+      "testID": ["onboardSkip", "onboardNext"]
     },
     "defaults": {
       "styles": {

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

@@ -67,6 +67,7 @@ export interface OnboardButtonsPropsGenerated {
   attributes: {
     styles?: OnboardButtonsStyleGenerated;
     scrollable?: boolean;
+    testID?: string;
     buttonType?: ButtonTypeOptionType;
     skipNumber?: number;
     buttons_direction?: ButtonsDirectionOptionType;

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

@@ -13,7 +13,8 @@
       "forIndex": "number",
       "seperatorColor": "color",
       "condition": ["carousel-index"],
-      "conditionVariable": "number"
+      "conditionVariable": "number",
+      "testID": "string"
     },
     "defaults": {
       "styles": {

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

@@ -68,6 +68,7 @@ export interface OnboardDotPropsGenerated {
   attributes: {
     styles?: OnboardDotStyleGenerated;
     scrollable?: boolean;
+    testID?: string;
     dotType?: DotTypeOptionType;
     flexDirection?: never;
     alignItems?: never;

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

@@ -21,7 +21,8 @@
       "dot_thickness": "size",
       "inactive_dot_opacity": "number",
       "inactive_dot_color": "color",
-      "active_dot_color": "color"
+      "active_dot_color": "color",
+      "testID": "string"
     }
   },
   "defaults": {

package/src/build-components/OnboardFooter/OnboardFooter.tsx CHANGED Viewed

@@ -94,7 +94,6 @@ function buildSegments(
 function OnboardFooter({ node }: OnboardFooterComponentProps) {
   useLogRender('OnboardFooter');
   node = useNode(node);
-  console.log('node', node);
   const attributeName = node.sourceType ?? node.type ?? 'OnboardFooter';
   const {
     localization: builderLocalization,
@@ -115,8 +114,8 @@ function OnboardFooter({ node }: OnboardFooterComponentProps) {
   const textStyle = useExtractTextStyle(node, true);
   const viewStyle = useExtractViewStyle(node);
-  const rawFirstColor = attrRecord.linkedWordFirstColor as string | undefined;
-  const rawSecondColor = attrRecord.linkedWordSecondColor as string | undefined;
+  const rawFirstColor = attrRecord.linkedWordSecondColor as string | undefined;
+  const rawSecondColor = attrRecord.linkedWordFirstColor as string | undefined;
   // Parse colors for linked words
   const parsedFirstColor = useMemo(

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

@@ -68,6 +68,7 @@ export interface OnboardFooterPropsGenerated {
     adjustsFontSizeToFit?: boolean;
     showEllipsis?: boolean;
     translateCounter?: number;
+    testID?: string;
     scrollable?: boolean;
     textLocalizationKey?: string;
     linkedWordFirstLocalizationKey?: string;

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

@@ -13,7 +13,8 @@
       "linkedWordFirstPage": "string",
       "linkedWordSecondLocalizationKey": "string",
       "linkedWordSecondColor": "color",
-      "linkedWordSecondPage": "string"
+      "linkedWordSecondPage": "string",
+      "testID": "string"
     }
   },
   "defaults": {

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

@@ -63,6 +63,7 @@ export interface OnboardImagePropsGenerated {
   attributes: {
     styles?: OnboardImageStyleGenerated;
     src?: string;
+    testID?: string;
     scrollable?: boolean;
     video_url?: string;
     lottie?: string;

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

@@ -8,7 +8,8 @@
     "extends": "Image",
     "attributes": {
       "video_url": "string",
-      "lottie": "string"
+      "lottie": "string",
+      "testID": "string"
     }
   },
   "meta": {

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

@@ -62,6 +62,7 @@ export interface OnboardItemPropsGenerated {
   attributes: {
     styles?: OnboardItemStyleGenerated;
     scrollable?: boolean;
+    testID?: string;
     display?: DisplayOptionType;
   };
 }

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

@@ -12,7 +12,8 @@
         "gap": "size",
         "flexDirection": ["row", "column"],
         "paddingHorizontal": "size"
-      }
+      },
+      "testID": "string"
     }
   },
   "defaults": {

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

@@ -62,6 +62,7 @@ export interface OnboardProviderPropsGenerated {
   attributes: {
     styles?: OnboardProviderStyleGenerated;
     scrollable?: boolean;
+    testID?: string;
     theme?: ThemeOptionType;
     borderRadius?: never;
   };

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

@@ -8,7 +8,8 @@
     "extends": "View",
     "attributes": {
       "theme": ["light", "dark", "all"],
-      "borderRadius": "never"
+      "borderRadius": "never",
+      "testID": "string"
     }
   },
   "defaults": {

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

@@ -68,6 +68,7 @@ export interface OnboardSubtitlePropsGenerated {
     adjustsFontSizeToFit?: boolean;
     showEllipsis?: boolean;
     translateCounter?: number;
+    testID?: string;
     scrollable?: boolean;
   };
 }

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

@@ -5,7 +5,10 @@
     "title": "title",
     "description": "description",
     "children": "string",
-    "extends": "Text"
+    "extends": "Text",
+    "attributes": {
+      "testID": "string"
+    }
   },
   "defaults": {
     "styles": {

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

@@ -68,6 +68,7 @@ export interface OnboardTitlePropsGenerated {
     adjustsFontSizeToFit?: boolean;
     showEllipsis?: boolean;
     translateCounter?: number;
+    testID?: string;
     scrollable?: boolean;
   };
 }

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

@@ -5,7 +5,10 @@
     "title": "title",
     "description": "description",
     "children": "string",
-    "extends": "Text"
+    "extends": "Text",
+    "attributes": {
+      "testID": "string"
+    }
   },
   "defaults": {
     "styles": {

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

@@ -63,6 +63,7 @@ export interface PaywallBackgroundPropsGenerated {
     styles?: PaywallBackgroundStyleGenerated;
     src?: string;
     resizeMode?: ResizeModeOptionType;
+    testID?: string;
     scrollable?: boolean;
   };
 }

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

@@ -17,6 +17,9 @@
         "right": 0,
         "bottom": 0
       }
+    },
+    "attributes": {
+      "testID": "string"
     }
   },
   "meta": {

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

@@ -68,6 +68,7 @@ export interface PaywallCloseButtonPropsGenerated {
     iconType?: string;
     size?: number;
     strokeWidth?: number;
+    testID?: string;
     adjustsFontSizeToFit?: boolean;
     showEllipsis?: boolean;
     translateCounter?: number;

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

@@ -5,7 +5,10 @@
     "title": "title",
     "description": "description",
     "children": "never",
-    "extends": "BIcon"
+    "extends": "BIcon",
+    "attributes": {
+      "testID": "string"
+    }
   },
   "meta": {
     "desiredParent": [">PaywallProvider"],

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

@@ -61,6 +61,7 @@ export interface PaywallOptionsPropsGenerated {
   attributes: {
     styles?: PaywallOptionsStyleGenerated;
     scrollable?: boolean;
+    testID?: string;
   };
 }

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

@@ -5,7 +5,10 @@
     "title": "title",
     "description": "description",
     "extends": "View",
-    "children": "node"
+    "children": "node",
+    "attributes": {
+      "testID": "string"
+    }
   },
   "meta": {
     "desiredParent": [">PaywallProvider"],

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

@@ -107,16 +107,6 @@ function PaywallProvider({ node }: PaywallProviderComponentProps) {
       localize,
     },
   );
-  console.log('[PaywallProvider] extraction debug', {
-    platform: platformForExtraction,
-    selectedProductId,
-    hasSubscriptionOffers: !!selectedProduct?.subscriptionOffers?.length,
-    subscriptionOffersCount: selectedProduct?.subscriptionOffers?.length ?? 0,
-    detailedProductParams,
-    selectedProduct,
-  });
   const handleClose = useCallback(() => {
     if (!isBackAllowed) {
       return;

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

@@ -61,6 +61,7 @@ export interface PaywallProviderPropsGenerated {
   attributes: {
     styles?: PaywallProviderStyleGenerated;
     scrollable?: boolean;
+    testID?: string;
     delay?: number;
   };
 }

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

@@ -7,7 +7,8 @@
     "children": "node",
     "extends": "View",
     "attributes": {
-      "delay": "number"
+      "delay": "number",
+      "testID": "string"
     }
   },
   "defaults": {

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

@@ -75,6 +75,7 @@ export interface PaywallSubscribeButtonPropsGenerated {
   child: string;
   attributes: {
     styles?: PaywallSubscribeButtonStyleGenerated;
+    testID?: string;
     scrollable?: boolean;
   };
 }

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

@@ -5,7 +5,10 @@
     "title": "title",
     "description": "description",
     "children": "string",
-    "extends": "Button"
+    "extends": "Button",
+    "attributes": {
+      "testID": "string"
+    }
   },
   "defaults": {
     "styles": {

package/src/build-components/PriceTag/PriceTagProps.generated.ts CHANGED Viewed

@@ -73,6 +73,7 @@ export interface PriceTagPropsGenerated {
     adjustsFontSizeToFit?: boolean;
     showEllipsis?: boolean;
     translateCounter?: number;
+    testID?: string;
     scrollable?: boolean;
     showOriginalPricePossible?: boolean;
     hideIfItsNotDiscount?: boolean;

package/src/build-components/PriceTag/pattern.json CHANGED Viewed

@@ -11,7 +11,8 @@
       "hideIfItsNotDiscount": "boolean",
       "styles": {
         "textDecorationLine": ["none", "underline", "line-through"]
-      }
+      },
+      "testID": "string"
     }
   },
   "defaults": {

package/src/build-components/Pricing/PricingProps.generated.ts CHANGED Viewed

@@ -68,6 +68,7 @@ export interface PricingPropsGenerated {
     adjustsFontSizeToFit?: boolean;
     showEllipsis?: boolean;
     translateCounter?: number;
+    testID?: string;
     scrollable?: boolean;
   };
 }

package/src/build-components/Pricing/pattern.json CHANGED Viewed

@@ -5,7 +5,10 @@
     "title": "title",
     "description": "base.builder.paywall.pricing.default.text",
     "children": "string",
-    "extends": "Text"
+    "extends": "Text",
+    "attributes": {
+      "testID": "string"
+    }
   },
   "defaults": {
     "translateCounter": 2,

package/src/build-components/Promo/PromoProps.generated.ts CHANGED Viewed

@@ -68,6 +68,7 @@ export interface PromoPropsGenerated {
     adjustsFontSizeToFit?: boolean;
     showEllipsis?: boolean;
     translateCounter?: number;
+    testID?: string;
     scrollable?: boolean;
   };
 }

package/src/build-components/Promo/pattern.json CHANGED Viewed

@@ -5,7 +5,10 @@
     "title": "title",
     "description": "base.builder.paywall.promo.default.text",
     "children": "string",
-    "extends": "Text"
+    "extends": "Text",
+    "attributes": {
+      "testID": "string"
+    }
   },
   "defaults": {
     "translateCounter": 2,

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

@@ -61,6 +61,7 @@ export interface RadioButtonPropsGenerated {
   attributes: {
     styles?: RadioButtonStyleGenerated;
     scrollable?: boolean;
+    testID?: string;
     selected?: boolean;
     color?: string;
     size?: number;

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

@@ -9,7 +9,8 @@
     "attributes": {
       "selected": "boolean",
       "color": "color",
-      "size": "number"
+      "size": "number",
+      "testID": "string"
     }
   },
   "meta": {

package/src/build-components/Separator/SeparatorProps.generated.ts CHANGED Viewed

@@ -16,6 +16,7 @@ export interface SeparatorPropsGenerated {
   child: string;
   attributes: {
     styles?: SeparatorStyleGenerated;
+    testID?: string;
   };
 }

package/src/build-components/Separator/pattern.json CHANGED Viewed

@@ -14,7 +14,8 @@
         "marginVertical": "size",
         "marginTop": "size",
         "marginBottom": "size"
-      }
+      },
+      "testID": "string"
     }
   },
   "meta": {

package/src/build-components/StatusBarColor/StatusBarColorProps.generated.ts CHANGED Viewed

@@ -2,65 +2,15 @@
 import type { NodeData } from '../../types/Node';
-export type FlexDirectionOptionType = 'row' | 'column';
-export type FlexWrapOptionType = 'nowrap' | 'wrap' | 'wrap-reverse';
-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 StatusBarColorStyleGenerated {
-  flexDirection?: FlexDirectionOptionType;
-  flexWrap?: FlexWrapOptionType;
-  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 StatusBarColorPropsGenerated {
   child: string;
   attributes: {
     styles?: StatusBarColorStyleGenerated;
-    scrollable?: boolean;
+    testID?: string;
   };
 }

package/src/build-components/StatusBarColor/pattern.json CHANGED Viewed

@@ -5,11 +5,11 @@
     "title": "title",
     "description": "description",
     "children": "never",
-    "extends": "View",
     "attributes": {
       "styles": {
         "backgroundColor": "color"
-      }
+      },
+      "testID": "string"
     }
   },
   "meta": {

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

@@ -66,6 +66,7 @@ export interface TextPropsGenerated {
   attributes: {
     styles?: TextStyleGenerated;
     scrollable?: boolean;
+    testID?: string;
     adjustsFontSizeToFit?: boolean;
     showEllipsis?: boolean;
     translateCounter?: number;

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

@@ -16,7 +16,8 @@
         "fontFamily": "fontFamily",
         "fontWeight": "fontWeight",
         "textAlign": "string"
-      }
+      },
+      "testID": "string"
     },
     "defaults": {
       "translateCounter": 1,
@@ -45,7 +46,7 @@
         "category": "style",
         "specialCategory": null,
         "sort": 2,
-        "preferredScale": "s"
+        "preferredScale": "f"
       },
       "fontFamily": {
         "label": "Font Family",

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

@@ -61,6 +61,7 @@ export interface ViewPropsGenerated {
   attributes: {
     styles?: ViewStyleGenerated;
     scrollable?: boolean;
+    testID?: string;
   };
 }

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

@@ -55,7 +55,8 @@
         "left": "size",
         "right": "size",
         "zIndex": "number"
-      }
+      },
+      "testID": "string"
     }
   },
   "meta": {