@developer_tribe/react-builder 1.2.24 → 1.2.26

package/dist/build-components/Counter/CounterProps.generated.d.ts

@@ -1,63 +0,0 @@
-import type { NodeData } from '../../types/Node';
-export type TextAlignOptionType = 'left' | 'center' | 'right' | 'justify';
-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 CounterStyleGenerated {
-    color?: string;
-    fontSize?: string;
-    fontFamily?: string;
-    fontWeight?: string;
-    textAlign?: TextAlignOptionType;
-    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 CounterPropsGenerated {
-    child: string;
-    attributes: {
-        style?: CounterStyleGenerated;
-        title?: string;
-        description?: string;
-        adjustsFontSizeToFit?: boolean;
-        showEllipsis?: boolean;
-        scrollable?: boolean;
-        count?: number;
-    };
-}
-export interface CounterComponentProps {
-    node: NodeData<CounterPropsGenerated['attributes']>;
-}

package/dist/build-components/PaywallCounter/PaywallCounter.d.ts

@@ -1,2 +0,0 @@
-import type { PaywallCounterComponentProps } from './PaywallCounterProps.generated';
-export declare function PaywallCounter({ node }: PaywallCounterComponentProps): import("react/jsx-runtime").JSX.Element;

package/dist/build-components/PaywallCounter/PaywallCounterProps.generated.d.ts

@@ -1,63 +0,0 @@
-import type { NodeData } from '../../types/Node';
-export type TextAlignOptionType = 'left' | 'center' | 'right' | 'justify';
-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 PaywallCounterStyleGenerated {
-    color?: string;
-    fontSize?: string;
-    fontFamily?: string;
-    fontWeight?: string;
-    textAlign?: TextAlignOptionType;
-    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 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/dist/paywall/hooks/useHandleGoBack.d.ts

@@ -1 +0,0 @@
-export declare function useHandleGoBack(handleGoBack: () => boolean | null | undefined): void;

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

@@ -1,44 +0,0 @@
-import React, { useId } from 'react';
-import type { CounterComponentProps } from './CounterProps.generated';
-import useNode from '../useNode';
-import { useBuilderParams } from '../../components/BuilderProvider';
-import { useExtractTextStyle } from '../../attribute-analyser/style/web/useExtractTextStyle';
-import { useLogRender } from '../../utils/useLogRender';
-import { isNodeSelected, SELECTED_OUTLINE_STYLE } from '../../utils/selection';
-import { useMergedStyle } from '../../utils/useMergedStyle';
-
-//Optimzation trade off by readability: skip React.memo to keep named exports.
-export function Counter({ node }: CounterComponentProps) {
-  useLogRender('Counter');
-  node = useNode(node);
-
-  const generatedId = useId();
-  const attributeName = node.sourceType ?? node.type ?? 'Counter';
-  const attributeKey = node.key ?? generatedId;
-
-  const { previewMode, selectedKey } = useBuilderParams();
-  const baseStyle = useExtractTextStyle(node);
-  const isSelected = isNodeSelected({
-    previewMode: !!previewMode,
-    current: selectedKey ? { key: selectedKey } : undefined,
-    node,
-  });
-  const style = useMergedStyle(
-    baseStyle,
-    isSelected ? SELECTED_OUTLINE_STYLE : undefined,
-  );
-
-  const rawCount = node.attributes?.count;
-  const count =
-    typeof rawCount === 'number' && Number.isFinite(rawCount) ? rawCount : 0;
-
-  return (
-    <p
-      attribute-name={attributeName}
-      attribute-key={attributeKey}
-      style={style}
-    >
-      {String(count)}
-    </p>
-  );
-}

package/src/build-components/Counter/CounterProps.generated.ts

@@ -1,80 +0,0 @@
-/* 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 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 CounterStyleGenerated {
-  color?: string;
-  fontSize?: string;
-  fontFamily?: string;
-  fontWeight?: string;
-  textAlign?: TextAlignOptionType;
-  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 CounterPropsGenerated {
-  child: string;
-  attributes: {
-    style?: CounterStyleGenerated;
-    title?: string;
-    description?: string;
-    adjustsFontSizeToFit?: boolean;
-    showEllipsis?: boolean;
-    scrollable?: boolean;
-    count?: number;
-  };
-}
-
-export interface CounterComponentProps {
-  node: NodeData<CounterPropsGenerated['attributes']>;
-}

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

@@ -1,25 +0,0 @@
-{
-  "schemaVersion": 2,
-  "pattern": {
-    "type": "Counter",
-    "children": "never",
-    "extends": "Text",
-    "attributes": {
-      "count": "number"
-    }
-  },
-  "meta": {
-    "desiredParent": ["all"],
-    "label": "Counter",
-    "description": "Displays a numeric counter.",
-    "attributes": {
-      "count": {
-        "label": "Count",
-        "description": "Numeric value to display.",
-        "category": "other",
-        "specialCategory": null,
-        "sort": 1
-      }
-    }
-  }
-}

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

@@ -1,46 +0,0 @@
-import React, { useId } from 'react';
-import type { PaywallCounterComponentProps } from './PaywallCounterProps.generated';
-import useNode from '../useNode';
-import { useBuilderParams } from '../../components/BuilderProvider';
-import { useExtractTextStyle } from '../../attribute-analyser/style/web/useExtractTextStyle';
-import { useLogRender } from '../../utils/useLogRender';
-import { isNodeSelected, SELECTED_OUTLINE_STYLE } from '../../utils/selection';
-import { useMergedStyle } from '../../utils/useMergedStyle';
-
-//Optimzation trade off by readability: skip React.memo to keep named exports.
-export function PaywallCounter({ node }: PaywallCounterComponentProps) {
-  useLogRender('PaywallCounter');
-  node = useNode(node);
-
-  const generatedId = useId();
-  const attributeName = node.sourceType ?? node.type ?? 'PaywallCounter';
-  const attributeKey = node.key ?? generatedId;
-
-  const { previewMode, selectedKey } = useBuilderParams();
-  const baseStyle = useExtractTextStyle(node);
-  const isSelected = isNodeSelected({
-    previewMode: !!previewMode,
-    current: selectedKey ? { key: selectedKey } : undefined,
-    node,
-  });
-  const style = useMergedStyle(
-    baseStyle,
-    isSelected ? SELECTED_OUTLINE_STYLE : undefined,
-  );
-
-  const fallbackCount = node.attributes?.count;
-  const count =
-    typeof fallbackCount === 'number' && Number.isFinite(fallbackCount)
-      ? fallbackCount
-      : 0;
-
-  return (
-    <p
-      attribute-name={attributeName}
-      attribute-key={attributeKey}
-      style={style}
-    >
-      {String(count)}
-    </p>
-  );
-}

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

@@ -1,80 +0,0 @@
-/* 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 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 PaywallCounterStyleGenerated {
-  color?: string;
-  fontSize?: string;
-  fontFamily?: string;
-  fontWeight?: string;
-  textAlign?: TextAlignOptionType;
-  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 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

@@ -1,23 +0,0 @@
-{
-  "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/paywall/hooks/useHandleGoBack.ts

@@ -1,60 +0,0 @@
-import { useEffect } from 'react';
-import { useMockOSContext } from '../../mockOS/context/MockOSContextBase';
-
-export function useHandleGoBack(
-  handleGoBack: () => boolean | null | undefined,
-) {
-  const mockOS = useMockOSContext();
-
-  useEffect(() => {
-    if (!mockOS?.isEnabled) {
-      return;
-    }
-
-    const handleBackPress = (event?: KeyboardEvent | PopStateEvent) => {
-      const result = handleGoBack();
-
-      // Only allow navigation if result is explicitly true
-      if (result !== true) {
-        // Prevent navigation
-        if (event instanceof KeyboardEvent) {
-          event.preventDefault();
-          event.stopPropagation();
-        } else if (event instanceof PopStateEvent) {
-          // Prevent browser navigation by pushing state back
-          window.history.pushState(null, '', window.location.href);
-        }
-        return;
-      }
-
-      // Allow navigation - execute MockOS goBack
-      const canGoBack = mockOS.goBack();
-      if (!canGoBack) {
-        mockOS.navigation('launchscreen');
-      }
-    };
-
-    // Handle Escape key
-    const handleKeyDown = (e: KeyboardEvent) => {
-      if (e.key === 'Escape') {
-        handleBackPress(e);
-      }
-    };
-
-    // Handle browser back button
-    const handlePopState = (e: PopStateEvent) => {
-      handleBackPress(e);
-    };
-
-    // Push a state to track back navigation
-    window.history.pushState(null, '', window.location.href);
-
-    window.addEventListener('keydown', handleKeyDown);
-    window.addEventListener('popstate', handlePopState);
-
-    return () => {
-      window.removeEventListener('keydown', handleKeyDown);
-      window.removeEventListener('popstate', handlePopState);
-    };
-  }, [handleGoBack, mockOS]);
-}