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

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

@@ -1,45 +0,0 @@
-import React, { useId } from 'react';
-import type { TermsProviderComponentProps } from './TermsProviderProps.generated';
-import RenderNode from '../RenderNode.generated';
-import type { Node } from '../../types/Node';
-import useNode from '../useNode';
-import { useBuilderParams } from '../../components/BuilderProvider';
-import { useExtractViewStyle } from '../../attribute-analyser/style/web/useExtractViewStyle';
-import { useLogRender } from '../../utils/useLogRender';
-import { isNodeSelected, SELECTED_OUTLINE_STYLE } from '../../utils/selection';
-import { useMergedStyle } from '../../utils/useMergedStyle';
-
-function TermsProvider({ node }: TermsProviderComponentProps) {
-  useLogRender('TermsProvider');
-  node = useNode(node);
-
-  const generatedId = useId();
-  const attributeName = node.sourceType ?? node.type ?? 'TermsProvider';
-  const attributeKey = node.key ?? generatedId;
-
-  const { previewMode, selectedKey } = useBuilderParams();
-
-  const baseStyle = useExtractViewStyle(node);
-
-  const isSelected = isNodeSelected({
-    previewMode: !!previewMode,
-    current: selectedKey ? { key: selectedKey } : undefined,
-    node,
-  });
-  const style = useMergedStyle(
-    baseStyle,
-    isSelected ? SELECTED_OUTLINE_STYLE : undefined,
-  );
-
-  return (
-    <div
-      attribute-name={attributeName}
-      attribute-key={attributeKey}
-      style={style}
-    >
-      {node.children && <RenderNode node={node.children as Node} />}
-    </div>
-  );
-}
-
-export default React.memo(TermsProvider);

package/src/build-components/TermsProvider/TermsProviderProps.generated.ts

@@ -1,82 +0,0 @@
-/* AUTO-GENERATED FILE - DO NOT EDIT */
-
-import type { NodeData } from '../../types/Node';
-
-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';
-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 TermsProviderStyleGenerated {
-  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 TermsProviderPropsGenerated {
-  child: string;
-  attributes: {
-    styles?: TermsProviderStyleGenerated;
-    scrollable?: boolean;
-    testID?: string;
-    animation?: AnimationOptionType;
-  };
-}
-
-export interface TermsProviderComponentProps {
-  node: NodeData<TermsProviderPropsGenerated['attributes']>;
-}

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

@@ -1,35 +0,0 @@
-{
-  "schemaVersion": 2,
-  "pattern": {
-    "type": "TermsProvider",
-    "title": "title",
-    "description": "description",
-    "children": "node",
-    "extends": "View",
-    "attributes": {
-      "animation": ["default", "fade", "fade_from_bottom", "fade_from_right", "reveal_from_bottom", "scale_from_center", "slide_from_right", "slide_from_left", "slide_from_bottom", "none"]
-    }
-  },
-  "defaults": {
-    "styles": {
-      "width": "100%",
-      "height": "100%",
-      "flex": 1
-    }
-  },
-  "meta": {
-    "desiredParent": ["root", "GlobalProvider"],
-    "label": "Terms Provider",
-    "description": "Provider for terms & privacy page (e.g. WebView + form). Use as a GlobalProvider page.",
-    "attributes": {
-      "animation": {
-        "label": "Page transition animation",
-        "description": "When this component is a GlobalProvider page: animation used when navigating to this screen.",
-        "category": "other",
-        "specialCategory": null,
-        "sort": 1
-      }
-    },
-    "styles": {}
-  }
-}

package/src/patterns/event-constants.json

@@ -1,19 +0,0 @@
-{
-  "$comment": "Central event constants. Referenced via $ref in pattern.json types blocks. Run 'yarn prebuild' after changes.",
-  "eventTypes": ["Permission", "Navigate", "Placement", "SetCondition"],
-  "placementKeys": ["terms", "onboard", "paywall", "subscription", "home"],
-  "conditionKeys": ["termsAccepted"],
-  "permissionTypes": [
-    "notification",
-    "camera",
-    "microphone",
-    "location",
-    "photos",
-    "contacts",
-    "att",
-    "rating",
-    "GDPR"
-  ],
-  "validationTypes": ["required", "email", "url", "min", "max"],
-  "formFieldNames": ["email", "firstName", "lastName", "phone", "birthday"]
-}

package/src/styles/components/_global-provider.scss

@@ -1,131 +0,0 @@
-/* Page transition animations for GlobalProvider (platform-style names). */
-$page-transition-duration: 0.3s;
-$page-transition-easing: cubic-bezier(0.32, 0.72, 0, 1);
-
-.global-provider-page {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  overflow: hidden;
-}
-
-.global-provider-page--none {
-  animation: none;
-}
-
-.global-provider-page--default {
-  animation: global-provider-fade $page-transition-duration $page-transition-easing;
-}
-
-.global-provider-page--fade {
-  animation: global-provider-fade $page-transition-duration $page-transition-easing;
-}
-
-@keyframes global-provider-fade {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
-.global-provider-page--fade_from_bottom {
-  animation: global-provider-fade-from-bottom $page-transition-duration $page-transition-easing;
-}
-
-@keyframes global-provider-fade-from-bottom {
-  from {
-    opacity: 0;
-    transform: translateY(24px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-.global-provider-page--fade_from_right {
-  animation: global-provider-fade-from-right $page-transition-duration $page-transition-easing;
-}
-
-@keyframes global-provider-fade-from-right {
-  from {
-    opacity: 0;
-    transform: translateX(24px);
-  }
-  to {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
-
-.global-provider-page--reveal_from_bottom {
-  animation: global-provider-reveal-from-bottom $page-transition-duration $page-transition-easing;
-}
-
-@keyframes global-provider-reveal-from-bottom {
-  from {
-    opacity: 0;
-    transform: translateY(100%);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-.global-provider-page--scale_from_center {
-  animation: global-provider-scale-from-center $page-transition-duration $page-transition-easing;
-}
-
-@keyframes global-provider-scale-from-center {
-  from {
-    opacity: 0;
-    transform: scale(0.95);
-  }
-  to {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-
-.global-provider-page--slide_from_right {
-  animation: global-provider-slide-from-right $page-transition-duration $page-transition-easing;
-}
-
-@keyframes global-provider-slide-from-right {
-  from {
-    transform: translateX(100%);
-  }
-  to {
-    transform: translateX(0);
-  }
-}
-
-.global-provider-page--slide_from_left {
-  animation: global-provider-slide-from-left $page-transition-duration $page-transition-easing;
-}
-
-@keyframes global-provider-slide-from-left {
-  from {
-    transform: translateX(-100%);
-  }
-  to {
-    transform: translateX(0);
-  }
-}
-
-.global-provider-page--slide_from_bottom {
-  animation: global-provider-slide-from-bottom $page-transition-duration $page-transition-easing;
-}
-
-@keyframes global-provider-slide-from-bottom {
-  from {
-    transform: translateY(100%);
-  }
-  to {
-    transform: translateY(0);
-  }
-}