@truewatchtech/react-native-mobile 0.3.15-alpha.1 → 0.4.0-alpha.4

package/android/src/rn79/java/com/ft/sdk/reactnative/sessionreplay/extensions/LengthPercentageExt.java

@@ -0,0 +1,38 @@
+/*
+ * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
+ * This product includes software developed at Datadog (https://www.datadoghq.com/).
+ * Copyright 2016-Present Datadog, Inc.
+ */
+package com.ft.sdk.reactnative.sessionreplay.extensions;
+
+import com.facebook.react.uimanager.LengthPercentage;
+import com.facebook.react.uimanager.style.CornerRadii;
+
+public final class LengthPercentageExt {
+
+    private LengthPercentageExt() {
+        // Utility class, prevent instantiation
+    }
+
+    /**
+     * Gets the average radius value from a LengthPercentage, or returns 0f if the LengthPercentage is null.
+     * The radius is calculated as the average of horizontal and vertical values.
+     *
+     * @param lengthPercentage the LengthPercentage to resolve, can be null
+     * @param width the width to resolve against
+     * @param height the height to resolve against
+     * @return the average radius value, or 0f if lengthPercentage is null
+     */
+    public static float getRadius(LengthPercentage lengthPercentage, float width, float height) {
+        if (lengthPercentage == null) {
+                return 0f;
+              }
+
+              CornerRadii value = lengthPercentage.resolve(width, height);
+              if (value == null) {
+                return 0f;
+              }
+
+              return (value.getHorizontal() + value.getVertical()) / 2f;
+    }
+}

package/android/src/rn79/java/com/ft/sdk/reactnative/sessionreplay/utils/ReactViewBackgroundDrawableUtils.java

@@ -0,0 +1,132 @@
+/*
+ * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
+ * This product includes software developed at Datadog (https://www.datadoghq.com/).
+ * Copyright 2016-Present Datadog, Inc.
+ */
+package com.ft.sdk.reactnative.sessionreplay.utils;
+
+import android.graphics.drawable.Drawable;
+import android.graphics.drawable.InsetDrawable;
+import android.graphics.drawable.LayerDrawable;
+
+import com.ft.sdk.reactnative.sessionreplay.extensions.LengthPercentageExt;
+import com.ft.sdk.reactnative.sessionreplay.mappers.Pair;
+import com.ft.sdk.reactnative.utils.ColorUtils;
+import com.facebook.react.common.annotations.UnstableReactNativeAPI;
+import com.facebook.react.uimanager.LengthPercentage;
+import com.facebook.react.uimanager.Spacing;
+import com.facebook.react.uimanager.drawable.CSSBackgroundDrawable;
+import com.ft.sdk.sessionreplay.model.ShapeBorder;
+import com.ft.sdk.sessionreplay.model.ShapeStyle;
+
+public class ReactViewBackgroundDrawableUtils extends DrawableUtils {
+  private static final String COLOR_FIELD_NAME = "mColor";
+  private static final String UNIFORM_FIELD_NAME = "uniform";
+  private final ReflectionUtils reflectionUtils;
+
+  public ReactViewBackgroundDrawableUtils() {
+    this(new ReflectionUtils());
+  }
+
+  public ReactViewBackgroundDrawableUtils(ReflectionUtils reflectionUtils) {
+    this.reflectionUtils = reflectionUtils;
+  }
+
+  @UnstableReactNativeAPI
+  @Override
+  public Pair<ShapeStyle, ShapeBorder> resolveShapeAndBorder(
+    Drawable drawable,
+    float opacity,
+    float pixelDensity
+  ) {
+    if (!(drawable instanceof CSSBackgroundDrawable)) {
+      return new Pair<>(null, null);
+    }
+    CSSBackgroundDrawable cssDrawable = (CSSBackgroundDrawable) drawable;
+    ShapeBorder borderProps = resolveBorder(cssDrawable, pixelDensity);
+    Integer backgroundColor = getBackgroundColor(cssDrawable);
+    String colorHexString;
+    if (backgroundColor != null) {
+      colorHexString = ColorUtils.formatAsRgba(backgroundColor);
+    } else {
+      return new Pair<>(null, borderProps);
+    }
+    return new Pair<>(
+      new ShapeStyle(
+        colorHexString,
+        opacity,
+        getBorderRadius(cssDrawable)
+      ),
+      borderProps
+    );
+  }
+
+  @UnstableReactNativeAPI
+  @Override
+  public Drawable getReactBackgroundFromDrawable(Drawable drawable) {
+    if (drawable instanceof CSSBackgroundDrawable) {
+      return drawable;
+    } else if (drawable instanceof InsetDrawable) {
+      return getReactBackgroundFromDrawable(((InsetDrawable) drawable).getDrawable());
+    } else if (drawable instanceof LayerDrawable) {
+      return getDrawableFromLayerDrawable((LayerDrawable) drawable);
+    } else {
+      return null;
+    }
+  }
+
+  @UnstableReactNativeAPI
+  private Drawable getDrawableFromLayerDrawable(LayerDrawable layerDrawable) {
+    for (int layerNumber = 0; layerNumber < layerDrawable.getNumberOfLayers(); layerNumber++) {
+      Drawable layer = layerDrawable.getDrawable(layerNumber);
+      if (layer instanceof CSSBackgroundDrawable) {
+        return layer;
+      }
+    }
+    return null;
+  }
+
+  @UnstableReactNativeAPI
+  private float getBorderRadius(CSSBackgroundDrawable drawable) {
+    float width = (float) drawable.getIntrinsicWidth();
+    float height = (float) drawable.getIntrinsicHeight();
+    LengthPercentage uniform = getBorderRadiusUniform(drawable);
+    if (uniform != null) {
+      return LengthPercentageExt.getRadius(uniform, width, height);
+    } else {
+      return 0f;
+    }
+  }
+
+  @UnstableReactNativeAPI
+  private LengthPercentage getBorderRadiusUniform(CSSBackgroundDrawable drawable) {
+    Object value = reflectionUtils.getDeclaredField(
+      drawable.getBorderRadius(),
+      UNIFORM_FIELD_NAME
+    );
+    return value instanceof LengthPercentage ? (LengthPercentage) value : null;
+  }
+
+  @UnstableReactNativeAPI
+  private Integer getBackgroundColor(CSSBackgroundDrawable backgroundDrawable) {
+    Object value = reflectionUtils.getDeclaredField(
+      backgroundDrawable,
+      COLOR_FIELD_NAME
+    );
+    return value instanceof Integer ? (Integer) value : null;
+  }
+
+  @UnstableReactNativeAPI
+  private ShapeBorder resolveBorder(
+    CSSBackgroundDrawable backgroundDrawable,
+    float pixelDensity
+  ) {
+    long borderWidth = (long) (backgroundDrawable.getFullBorderWidth() / pixelDensity);
+    String borderColor = ColorUtils.formatAsRgba(backgroundDrawable.getBorderColor(Spacing.ALL));
+    return new ShapeBorder(
+      borderColor,
+      borderWidth
+    );
+  }
+
+}

package/android/src/rn80/java/com/ft/sdk/reactnative/sessionreplay/extensions/ComputedBorderRadiusExt.java

@@ -0,0 +1,58 @@
+/*
+ * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
+ * This product includes software developed at Datadog (https://www.datadoghq.com/).
+ * Copyright 2016-Present Datadog, Inc.
+ */
+package com.ft.sdk.reactnative.sessionreplay.extensions;
+
+import com.facebook.react.uimanager.style.ComputedBorderRadius;
+import com.facebook.react.uimanager.style.ComputedBorderRadiusProp;
+import com.facebook.react.uimanager.style.CornerRadii;
+
+public final class ComputedBorderRadiusExt {
+
+    private ComputedBorderRadiusExt() {
+        // Utility class, prevent instantiation
+    }
+
+    /**
+     * Gets the average border radius from all four corners of a ComputedBorderRadius.
+     *
+     * @param computedBorderRadius the ComputedBorderRadius to calculate average from, can be null
+     * @return the average border radius value, or 0f if computedBorderRadius is null
+     */
+    public static float getAverage(ComputedBorderRadius computedBorderRadius) {
+        if (computedBorderRadius == null) {
+            return 0f;
+        }
+
+        float topRightRadius = getAverageForProp(computedBorderRadius, ComputedBorderRadiusProp.COMPUTED_BORDER_TOP_RIGHT_RADIUS);
+        float topLeftRadius = getAverageForProp(computedBorderRadius, ComputedBorderRadiusProp.COMPUTED_BORDER_TOP_LEFT_RADIUS);
+        float bottomRightRadius = getAverageForProp(computedBorderRadius, ComputedBorderRadiusProp.COMPUTED_BORDER_BOTTOM_RIGHT_RADIUS);
+        float bottomLeftRadius = getAverageForProp(computedBorderRadius, ComputedBorderRadiusProp.COMPUTED_BORDER_BOTTOM_LEFT_RADIUS);
+
+        return (topRightRadius + topLeftRadius + bottomRightRadius + bottomLeftRadius) / 4f;
+    }
+
+    /**
+     * Gets the average border radius for a specific property of ComputedBorderRadius.
+     *
+     * @param computedBorderRadius the ComputedBorderRadius to get value from, can be null
+     * @param prop the ComputedBorderRadiusProp to get the average for
+     * @return the average border radius value for the specified property, or 0f if computedBorderRadius is null
+     */
+    public static float getAverageForProp(ComputedBorderRadius computedBorderRadius, ComputedBorderRadiusProp prop) {
+        if (computedBorderRadius == null) {
+            return 0f;
+        }
+
+        CornerRadii borderRadius = computedBorderRadius.get(prop);
+        if (borderRadius == null) {
+            return 0f;
+        }
+
+        float vertical = borderRadius.getVertical();
+        float horizontal = borderRadius.getHorizontal();
+        return (vertical + horizontal) / 2f;
+    }
+}

package/android/src/rn80/java/com/ft/sdk/reactnative/sessionreplay/utils/ReactViewBackgroundDrawableUtils.java

@@ -0,0 +1,190 @@
+/*
+ * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
+ * This product includes software developed at Datadog (https://www.datadoghq.com/).
+ * Copyright 2016-Present Datadog, Inc.
+ */
+package com.ft.sdk.reactnative.sessionreplay.utils;
+
+import android.graphics.Canvas;
+import android.graphics.Color;
+import android.graphics.ColorFilter;
+import android.graphics.PixelFormat;
+import android.graphics.drawable.Drawable;
+import android.graphics.drawable.InsetDrawable;
+import android.graphics.drawable.LayerDrawable;
+
+import com.ft.sdk.reactnative.sessionreplay.extensions.ComputedBorderRadiusExt;
+import com.ft.sdk.reactnative.sessionreplay.mappers.Pair;
+import com.ft.sdk.reactnative.utils.ColorUtils;
+import com.facebook.react.common.annotations.UnstableReactNativeAPI;
+import com.facebook.react.uimanager.Spacing;
+import com.facebook.react.uimanager.drawable.CSSBackgroundDrawable;
+import com.facebook.react.uimanager.style.ComputedBorderRadius;
+import com.ft.sdk.sessionreplay.model.ShapeBorder;
+import com.ft.sdk.sessionreplay.model.ShapeStyle;
+
+public class ReactViewBackgroundDrawableUtils extends DrawableUtils {
+  private static final String CSS_BACKGROUND_COLOR_FIELD_NAME = "mColor";
+  private static final String CSS_COMPUTED_BORDER_RADIUS_FIELD_NAME = "mComputedBorderRadius";
+  private static final String COMPUTED_BORDER_RADIUS_FIELD_NAME = "computedBorderRadius";
+  private static final String BACKGROUND_COLOR_FIELD_NAME = "backgroundColor";
+  private final ReflectionUtils reflectionUtils;
+
+
+  public ReactViewBackgroundDrawableUtils() {
+    this(new ReflectionUtils());
+  }
+
+  public ReactViewBackgroundDrawableUtils(ReflectionUtils reflectionUtils) {
+    this.reflectionUtils = reflectionUtils;
+  }
+
+  public static class BackgroundDrawableWrapper extends Drawable {
+    public final String backgroundColor;
+    public final float cornerRadius;
+
+    public BackgroundDrawableWrapper(String backgroundColor, float cornerRadius) {
+      this.backgroundColor = backgroundColor;
+      this.cornerRadius = cornerRadius;
+    }
+
+    @Override
+    public void draw(Canvas canvas) {
+    }
+
+    @Override
+    public void setAlpha(int alpha) {
+    }
+
+    @Override
+    public void setColorFilter(ColorFilter colorFilter) {
+    }
+
+    @Override
+    public int getOpacity() {
+      return PixelFormat.OPAQUE;
+    }
+  }
+
+  @UnstableReactNativeAPI
+  @Override
+  public Pair<ShapeStyle, ShapeBorder> resolveShapeAndBorder(
+    Drawable drawable,
+    float opacity,
+    float pixelDensity
+  ) {
+    if (drawable instanceof BackgroundDrawableWrapper) {
+      BackgroundDrawableWrapper wrapper = (BackgroundDrawableWrapper) drawable;
+      return new Pair<>(
+        new ShapeStyle(
+          wrapper.backgroundColor,
+          opacity,
+          wrapper.cornerRadius
+        ),
+        null
+      );
+    } else if (drawable instanceof CSSBackgroundDrawable) {
+      CSSBackgroundDrawable cssDrawable = (CSSBackgroundDrawable) drawable;
+      ShapeBorder borderProps = resolveBorder(cssDrawable, pixelDensity);
+      Integer backgroundColor = getCSSBackgroundColor(cssDrawable);
+      String colorHexString;
+      if (backgroundColor != null) {
+        colorHexString = ColorUtils.formatAsRgba(backgroundColor);
+      } else {
+        return new Pair<>(null, borderProps);
+      }
+      return new Pair<>(
+        new ShapeStyle(
+          colorHexString,
+          opacity,
+          getCSSComputedBorderRadius(cssDrawable) != null ? ComputedBorderRadiusExt.getAverage(getCSSComputedBorderRadius(cssDrawable)) : 0f
+        ),
+        borderProps
+      );
+    }
+    return new Pair<>(null, null);
+  }
+
+  @UnstableReactNativeAPI
+  @Override
+  public Drawable getReactBackgroundFromDrawable(Drawable drawable) {
+    if (drawable instanceof CSSBackgroundDrawable) {
+      return drawable;
+    } else if (drawable instanceof InsetDrawable) {
+      return getReactBackgroundFromDrawable(((InsetDrawable) drawable).getDrawable());
+    } else if (drawable instanceof LayerDrawable) {
+      return getDrawableFromLayerDrawable((LayerDrawable) drawable);
+    } else {
+      return null;
+    }
+  }
+
+  @UnstableReactNativeAPI
+  private Drawable getDrawableFromLayerDrawable(LayerDrawable layerDrawable) {
+    for (int layerNumber = 0; layerNumber < layerDrawable.getNumberOfLayers(); layerNumber++) {
+      Drawable layer = layerDrawable.getDrawable(layerNumber);
+      if (layer instanceof CSSBackgroundDrawable) {
+        return layer;
+      } else if (layer != null) {
+        if (layer.getClass().getName().equals("com.facebook.react.uimanager.drawable.BackgroundDrawable")) {
+          Integer backgroundColor = getBackgroundColor(layer);
+          if (backgroundColor == null) backgroundColor = Color.TRANSPARENT;
+          ComputedBorderRadius borderRadius = getComputedBorderRadius(layer);
+          float cornerRadius = borderRadius != null ? ComputedBorderRadiusExt.getAverage(borderRadius) : 0f;
+          return new BackgroundDrawableWrapper(
+            ColorUtils.formatAsRgba(backgroundColor),
+            cornerRadius
+          );
+        }
+      }
+    }
+    return null;
+  }
+
+  @UnstableReactNativeAPI
+  private ComputedBorderRadius getCSSComputedBorderRadius(CSSBackgroundDrawable drawable) {
+    Object value = reflectionUtils.getDeclaredField(
+      drawable,
+      CSS_COMPUTED_BORDER_RADIUS_FIELD_NAME
+    );
+    return value instanceof ComputedBorderRadius ? (ComputedBorderRadius) value : null;
+  }
+
+  private ComputedBorderRadius getComputedBorderRadius(Object drawable) {
+    Object value = reflectionUtils.getDeclaredField(
+      drawable,
+      COMPUTED_BORDER_RADIUS_FIELD_NAME
+    );
+    return value instanceof ComputedBorderRadius ? (ComputedBorderRadius) value : null;
+  }
+
+  @UnstableReactNativeAPI
+  private Integer getCSSBackgroundColor(CSSBackgroundDrawable backgroundDrawable) {
+    Object value = reflectionUtils.getDeclaredField(
+      backgroundDrawable,
+      CSS_BACKGROUND_COLOR_FIELD_NAME
+    );
+    return value instanceof Integer ? (Integer) value : null;
+  }
+
+  private Integer getBackgroundColor(Object backgroundDrawable) {
+    Object value = reflectionUtils.getDeclaredField(
+      backgroundDrawable,
+      BACKGROUND_COLOR_FIELD_NAME
+    );
+    return value instanceof Integer ? (Integer) value : null;
+  }
+
+  @UnstableReactNativeAPI
+  private ShapeBorder resolveBorder(
+    CSSBackgroundDrawable backgroundDrawable,
+    float pixelDensity
+  ) {
+    long borderWidth = (long) (backgroundDrawable.getFullBorderWidth() / pixelDensity);
+    String borderColor = ColorUtils.formatAsRgba(backgroundDrawable.getBorderColor(Spacing.ALL));
+    return new ShapeBorder(
+      borderColor,
+      borderWidth
+    );
+  }
+}

package/android/src/rnlegacy/java/com/ft/sdk/reactnative/sessionreplay/utils/ReactViewBackgroundDrawableUtils.java

@@ -0,0 +1,120 @@
+package com.ft.sdk.reactnative.sessionreplay.utils;
+
+import android.graphics.Color;
+import android.graphics.drawable.Drawable;
+import android.graphics.drawable.InsetDrawable;
+import android.graphics.drawable.LayerDrawable;
+
+import com.ft.sdk.reactnative.sessionreplay.mappers.Pair;
+import com.ft.sdk.reactnative.utils.ColorUtils;
+import com.facebook.react.uimanager.Spacing;
+import com.facebook.react.views.view.ReactViewBackgroundDrawable;
+import com.ft.sdk.sessionreplay.model.ShapeBorder;
+import com.ft.sdk.sessionreplay.model.ShapeStyle;
+
+public class ReactViewBackgroundDrawableUtils extends DrawableUtils {
+    private static final String COLOR_FIELD_NAME = "mColor";
+    private static final String BORDER_RGB_FIELD_NAME = "mBorderRGB";
+    private static final String BORDER_ALPHA_FIELD_NAME = "mBorderAlpha";
+    private static final int DEFAULT_BORDER_RGB = 0x00FFFFFF & Color.BLACK;
+    private static final int DEFAULT_BORDER_ALPHA = -0x1000000 & Color.BLACK;
+    private final ReflectionUtils reflectionUtils;
+
+    public ReactViewBackgroundDrawableUtils() {
+        this(new ReflectionUtils());
+    }
+
+    public ReactViewBackgroundDrawableUtils(ReflectionUtils reflectionUtils) {
+        this.reflectionUtils = reflectionUtils;
+    }
+
+    @Override
+    public Pair<ShapeStyle, ShapeBorder> resolveShapeAndBorder(
+            Drawable drawable,
+            float opacity,
+            float pixelDensity
+    ) {
+        if (!(drawable instanceof ReactViewBackgroundDrawable)) {
+            return new Pair<>(null, null);
+        }
+        ReactViewBackgroundDrawable bgDrawable = (ReactViewBackgroundDrawable) drawable;
+        ShapeBorder borderProps = resolveBorder(bgDrawable, pixelDensity);
+        long cornerRadius = (long) (bgDrawable.getFullBorderRadius() / pixelDensity);
+        Integer backgroundColor = getBackgroundColor(bgDrawable);
+        String colorHexString;
+        if (backgroundColor != null) {
+            colorHexString = ColorUtils.formatAsRgba(backgroundColor);
+        } else {
+            return new Pair<>(null, borderProps);
+        }
+        return new Pair<>(
+                new ShapeStyle(
+                        colorHexString,
+                        opacity,
+                        cornerRadius
+                ),
+                borderProps
+        );
+    }
+
+    @Override
+    public Drawable getReactBackgroundFromDrawable(Drawable drawable) {
+        if (drawable instanceof ReactViewBackgroundDrawable) {
+            return drawable;
+        } else if (drawable instanceof InsetDrawable) {
+            return getReactBackgroundFromDrawable(((InsetDrawable) drawable).getDrawable());
+        } else if (drawable instanceof LayerDrawable) {
+            return getDrawableFromLayerDrawable((LayerDrawable) drawable);
+        } else {
+            return null;
+        }
+    }
+
+    private Drawable getDrawableFromLayerDrawable(LayerDrawable layerDrawable) {
+        for (int layerNumber = 0; layerNumber < layerDrawable.getNumberOfLayers(); layerNumber++) {
+            Drawable layer = layerDrawable.getDrawable(layerNumber);
+            if (layer instanceof ReactViewBackgroundDrawable) {
+                return layer;
+            }
+        }
+        return null;
+    }
+
+    private ShapeBorder resolveBorder(
+            ReactViewBackgroundDrawable backgroundDrawable,
+            float pixelDensity
+    ) {
+        long borderWidth = (long) (backgroundDrawable.getFullBorderWidth() / pixelDensity);
+        int borderColorInt = getBorderColor(backgroundDrawable);
+        String borderColor = ColorUtils.formatAsRgba(borderColorInt);
+        return new ShapeBorder(
+                borderColor,
+                borderWidth
+        );
+    }
+
+    private int getBorderColor(ReactViewBackgroundDrawable backgroundDrawable) {
+        Spacing borderRgb = (Spacing) reflectionUtils.getDeclaredField(
+                backgroundDrawable,
+                BORDER_RGB_FIELD_NAME
+        );
+        Spacing borderAlpha = (Spacing) reflectionUtils.getDeclaredField(
+                backgroundDrawable,
+                BORDER_ALPHA_FIELD_NAME
+        );
+        float rgb = borderRgb != null ? borderRgb.get(Spacing.ALL) : DEFAULT_BORDER_RGB;
+        float alpha = borderAlpha != null ? borderAlpha.get(Spacing.ALL) : DEFAULT_BORDER_ALPHA;
+        int rgbComponent = 0x00FFFFFF & (int) rgb;
+        int alphaComponent = -0x1000000 & ((int) alpha << 24);
+        return rgbComponent | alphaComponent;
+    }
+
+    private Integer getBackgroundColor(ReactViewBackgroundDrawable backgroundDrawable) {
+        Object value = reflectionUtils.getDeclaredField(
+                backgroundDrawable,
+                COLOR_FIELD_NAME
+        );
+        return value instanceof Integer ? (Integer) value : null;
+    }
+
+}

package/android/src/rnpost74/java/com/ft/sdk/reactnative/FTMobilePackage.java

@@ -3,7 +3,6 @@ package com.ft.sdk.reactnative;
 import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
 
-import com.ft.sdk.reactnative.BuildConfig;
 import com.facebook.react.BaseReactPackage;
 import com.facebook.react.bridge.NativeModule;
 import com.facebook.react.bridge.ReactApplicationContext;
@@ -28,8 +27,8 @@ public class FTMobilePackage extends BaseReactPackage {
         return new FTTraceModule(reactApplicationContext);
       case FTRUMImpl.NAME:
         return new FTRUMModule(reactApplicationContext);
-//       case FTSessionReplayImpl.NAME:
-//         return new FTSessionReplayModule(reactApplicationContext);
+      case FTSessionReplayImpl.NAME:
+        return new FTSessionReplayModule(reactApplicationContext);
       default:
         return null;
     }
@@ -47,7 +46,7 @@ public class FTMobilePackage extends BaseReactPackage {
           FTRUMImpl.NAME,
           FTLogImpl.NAME,
           FTTraceImpl.NAME,
-//           FTSessionReplayImpl.NAME,
+          FTSessionReplayImpl.NAME,
         };
         Map<String, ReactModuleInfo> moduleInfos = new HashMap<>();
 

package/android/src/rnpre74/java/com/ft/sdk/reactnative/FTMobilePackage.java

@@ -20,6 +20,7 @@ public class FTMobilePackage implements ReactPackage {
         modules.add(new FTLogModule(reactContext));
         modules.add(new FTTraceModule(reactContext));
         modules.add(new FTRUMModule(reactContext));
+        modules.add(new FTSessionReplayModule(reactContext));
         return modules;
     }
 

package/ios/FTMobileReactNative.m

@@ -165,7 +165,7 @@ RCT_REMAP_METHOD(trackEventFromExtension,
         }else{
             resolve(nil);
         }
-        
+
     }];
 }
 RCT_REMAP_METHOD(shutDown,
@@ -180,4 +180,5 @@ RCT_REMAP_METHOD(clearAllData,
     [FTMobileAgent clearAllData];
     resolve(nil);
 }
-@end
+@end
+

package/ios/FTRCTTextViewRecorder.h

@@ -0,0 +1,33 @@
+//
+//  FTRCTTextViewRecorder.h
+//  FTMobileReactNativeSDK
+//
+//  Created by hulilei on 2024/9/25.
+//
+
+#import <Foundation/Foundation.h>
+#import <FTMobileSDK/FTSRWireframesBuilder.h>
+#import <React/RCTUIManager.h>
+@class FTViewAttributes,FTViewTreeRecorder;
+NS_ASSUME_NONNULL_BEGIN
+
+@interface FTRCTTextViewBuilder : NSObject<FTSRWireframesBuilder>
+@property (nonatomic, strong) FTViewAttributes *attributes;
+@property (nonatomic, assign) CGRect wireframeRect;
+@property (nonatomic, assign) int wireframeID;
+@property (nonatomic, strong) UIColor * backgroundColor;
+@property (nonatomic, assign) NSTextAlignment textAlignment;
+@property (nonatomic, strong) UIColor *textColor;
+@property (nonatomic,assign) CGFloat fontSize;
+@property (nonatomic,assign) CGRect contentRect;
+@property (nonatomic, strong) id<FTSRTextObfuscatingProtocol> textObfuscator;
+
+@property (nonatomic, copy) NSString *text;
+@end
+
+@interface FTRCTTextViewRecorder : NSObject<FTSRWireframesRecorder>
+@property (nonatomic, copy) NSString *identifier;
+@property (nonatomic,copy) FTTextObfuscator textObfuscator;
+-(instancetype)initWithUIManager:(RCTUIManager *)uiManager;
+@end
+NS_ASSUME_NONNULL_END