@amazon-devices/lottie-react-native 2.0.1758683737

package/android/src/newarch/com/airbnb/android/react/lottie/LottieAnimationViewManager.kt

@@ -0,0 +1,219 @@
+package com.airbnb.android.react.lottie
+
+import android.animation.Animator
+import com.airbnb.android.react.lottie.LottieAnimationViewManagerImpl.setColorFilters
+import com.airbnb.android.react.lottie.LottieAnimationViewManagerImpl.setEnableMergePaths
+import com.airbnb.android.react.lottie.LottieAnimationViewManagerImpl.setHardwareAcceleration
+import com.airbnb.android.react.lottie.LottieAnimationViewManagerImpl.setImageAssetsFolder
+import com.airbnb.android.react.lottie.LottieAnimationViewManagerImpl.setLoop
+import com.airbnb.android.react.lottie.LottieAnimationViewManagerImpl.setProgress
+import com.airbnb.android.react.lottie.LottieAnimationViewManagerImpl.setRenderMode
+import com.airbnb.android.react.lottie.LottieAnimationViewManagerImpl.setResizeMode
+import com.airbnb.android.react.lottie.LottieAnimationViewManagerImpl.setSourceJson
+import com.airbnb.android.react.lottie.LottieAnimationViewManagerImpl.setSourceName
+import com.airbnb.android.react.lottie.LottieAnimationViewManagerImpl.setSourceURL
+import com.airbnb.android.react.lottie.LottieAnimationViewManagerImpl.setSpeed
+import com.airbnb.android.react.lottie.LottieAnimationViewManagerImpl.setTextFilters
+import com.airbnb.lottie.LottieAnimationView
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.ReadableArray
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.module.annotations.ReactModule
+import com.facebook.react.uimanager.SimpleViewManager
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.ViewManagerDelegate
+import com.facebook.react.uimanager.annotations.ReactProp
+import com.facebook.react.uimanager.events.RCTModernEventEmitter
+import com.facebook.react.viewmanagers.LottieAnimationViewManagerDelegate
+import com.facebook.react.viewmanagers.LottieAnimationViewManagerInterface
+import java.util.*
+
+@ReactModule(name = LottieAnimationViewManagerImpl.REACT_CLASS)
+class LottieAnimationViewManager : SimpleViewManager<LottieAnimationView>(),
+    LottieAnimationViewManagerInterface<LottieAnimationView> {
+    private val propManagersMap =
+        WeakHashMap<LottieAnimationView, LottieAnimationViewPropertyManager>()
+    private val delegate: ViewManagerDelegate<LottieAnimationView>
+
+    init {
+        delegate = LottieAnimationViewManagerDelegate(this)
+    }
+
+    private fun getOrCreatePropertyManager(view: LottieAnimationView): LottieAnimationViewPropertyManager {
+        var result = propManagersMap[view]
+        if (result == null) {
+            result = LottieAnimationViewPropertyManager(view)
+            propManagersMap[view] = result
+        }
+        return result
+    }
+
+    private fun sendOnAnimationFinishEvent(view: LottieAnimationView, isCancelled: Boolean) {
+        val event = Arguments.createMap()
+        event.putBoolean("isCancelled", isCancelled)
+
+        val screenContext = view.context
+        if (screenContext is ThemedReactContext) {
+            screenContext.getJSModule(RCTModernEventEmitter::class.java)
+                ?.receiveEvent(
+                    screenContext.surfaceId,
+                    view.id,
+                    "animationFinish",
+                    event
+                )
+        }
+    }
+
+    override fun getDelegate(): ViewManagerDelegate<LottieAnimationView> {
+        return delegate
+    }
+
+    override fun getExportedViewConstants(): Map<String, Any> {
+        return LottieAnimationViewManagerImpl.exportedViewConstants
+    }
+
+    override fun getName(): String {
+        return LottieAnimationViewManagerImpl.REACT_CLASS
+    }
+
+    public override fun createViewInstance(context: ThemedReactContext): LottieAnimationView {
+        val view = LottieAnimationViewManagerImpl.createViewInstance(context)
+        view.addAnimatorListener(object : Animator.AnimatorListener {
+            override fun onAnimationStart(animation: Animator) {
+                //do nothing
+            }
+
+            override fun onAnimationEnd(animation: Animator) {
+                sendOnAnimationFinishEvent(view, false)
+            }
+
+            override fun onAnimationCancel(animation: Animator) {
+                sendOnAnimationFinishEvent(view, true)
+            }
+
+            override fun onAnimationRepeat(animation: Animator) {
+                //do nothing
+            }
+        })
+        return view
+    }
+
+    override fun getExportedCustomBubblingEventTypeConstants(): Map<String, Any> {
+        return LottieAnimationViewManagerImpl.getExportedCustomBubblingEventTypeConstants()
+    }
+
+    override fun onAfterUpdateTransaction(view: LottieAnimationView) {
+        super.onAfterUpdateTransaction(view)
+        getOrCreatePropertyManager(view).commitChanges()
+    }
+
+    override fun receiveCommand(
+        root: LottieAnimationView,
+        commandId: String,
+        args: ReadableArray?
+    ) {
+        delegate.receiveCommand(root, commandId, args)
+    }
+
+    override fun play(view: LottieAnimationView, startFrame: Int, endFrame: Int) {
+        LottieAnimationViewManagerImpl.play(view, startFrame, endFrame)
+    }
+
+    override fun reset(view: LottieAnimationView) {
+        LottieAnimationViewManagerImpl.reset(view)
+    }
+
+    override fun pause(view: LottieAnimationView) {
+        LottieAnimationViewManagerImpl.pause(view)
+    }
+
+    override fun resume(view: LottieAnimationView) {
+        LottieAnimationViewManagerImpl.resume(view)
+    }
+
+    @ReactProp(name = "sourceName")
+    override fun setSourceName(view: LottieAnimationView, name: String?) {
+        setSourceName(name, getOrCreatePropertyManager(view))
+    }
+
+    @ReactProp(name = "sourceJson")
+    override fun setSourceJson(view: LottieAnimationView, json: String?) {
+        setSourceJson(json, getOrCreatePropertyManager(view))
+    }
+
+    @ReactProp(name = "sourceURL")
+    override fun setSourceURL(view: LottieAnimationView, urlString: String?) {
+        setSourceURL(urlString, getOrCreatePropertyManager(view))
+    }
+
+    @ReactProp(name = "cacheComposition")
+    override fun setCacheComposition(view: LottieAnimationView, cacheComposition: Boolean) {
+        LottieAnimationViewManagerImpl.setCacheComposition(view, cacheComposition)
+    }
+
+    @ReactProp(name = "resizeMode")
+    override fun setResizeMode(view: LottieAnimationView, resizeMode: String?) {
+        setResizeMode(resizeMode, getOrCreatePropertyManager(view))
+    }
+
+    @ReactProp(name = "renderMode")
+    override fun setRenderMode(view: LottieAnimationView, renderMode: String?) {
+        setRenderMode(renderMode, getOrCreatePropertyManager(view))
+    }
+
+    @ReactProp(name = "progress")
+    override fun setProgress(view: LottieAnimationView, progress: Float) {
+        setProgress(progress, getOrCreatePropertyManager(view))
+    }
+
+    @ReactProp(name = "speed")
+    override fun setSpeed(view: LottieAnimationView, speed: Double) {
+        setSpeed(speed, getOrCreatePropertyManager(view))
+    }
+
+    @ReactProp(name = "loop")
+    override fun setLoop(view: LottieAnimationView, loop: Boolean) {
+        setLoop(loop, getOrCreatePropertyManager(view))
+    }
+
+    @ReactProp(name = "imageAssetsFolder")
+    override fun setImageAssetsFolder(view: LottieAnimationView, imageAssetsFolder: String?) {
+        setImageAssetsFolder(imageAssetsFolder, getOrCreatePropertyManager(view))
+    }
+
+    @ReactProp(name = "enableMergePathsAndroidForKitKatAndAbove")
+    override fun setEnableMergePathsAndroidForKitKatAndAbove(
+        view: LottieAnimationView,
+        enableMergePaths: Boolean
+    ) {
+        setEnableMergePaths(enableMergePaths, getOrCreatePropertyManager(view))
+    }
+
+    @ReactProp(name = "hardwareAccelerationAndroid")
+    override fun setHardwareAccelerationAndroid(
+        view: LottieAnimationView,
+        hardwareAccelerationAndroid: Boolean
+    ) {
+        setHardwareAcceleration(hardwareAccelerationAndroid, getOrCreatePropertyManager(view))
+    }
+
+    @ReactProp(name = "colorFilters")
+    override fun setColorFilters(view: LottieAnimationView, colorFilters: ReadableArray?) {
+        setColorFilters(colorFilters, getOrCreatePropertyManager(view))
+    }
+
+    @ReactProp(name = "textFiltersAndroid")
+    override fun setTextFiltersAndroid(view: LottieAnimationView, textFilters: ReadableArray?) {
+        setTextFilters(textFilters, getOrCreatePropertyManager(view))
+    }
+
+    // this props is not available on Android, however we must override the setter
+    override fun setTextFiltersIOS(view: LottieAnimationView?, value: ReadableArray?) {
+        //ignore - do nothing here
+    }
+
+    // Only here to solve an iOS issue with codegen. Check dummy prop in LottieAnimationViewNativeComponent.ts
+    override fun setDummy(view: LottieAnimationView, value: ReadableMap?) {
+        //ignore - do nothing here
+    }
+}

package/android/src/oldarch/com/airbnb/android/react/lottie/LottieAnimationViewManager.kt

@@ -0,0 +1,187 @@
+@file:Suppress("unused", "DEPRECATION")
+
+package com.airbnb.android.react.lottie
+
+import android.animation.Animator
+import com.airbnb.android.react.lottie.LottieAnimationViewManagerImpl.pause
+import com.airbnb.android.react.lottie.LottieAnimationViewManagerImpl.play
+import com.airbnb.android.react.lottie.LottieAnimationViewManagerImpl.reset
+import com.airbnb.android.react.lottie.LottieAnimationViewManagerImpl.resume
+import com.airbnb.android.react.lottie.LottieAnimationViewManagerImpl.setColorFilters
+import com.airbnb.android.react.lottie.LottieAnimationViewManagerImpl.setEnableMergePaths
+import com.airbnb.android.react.lottie.LottieAnimationViewManagerImpl.setHardwareAcceleration
+import com.airbnb.android.react.lottie.LottieAnimationViewManagerImpl.setImageAssetsFolder
+import com.airbnb.android.react.lottie.LottieAnimationViewManagerImpl.setLoop
+import com.airbnb.android.react.lottie.LottieAnimationViewManagerImpl.setProgress
+import com.airbnb.android.react.lottie.LottieAnimationViewManagerImpl.setRenderMode
+import com.airbnb.android.react.lottie.LottieAnimationViewManagerImpl.setResizeMode
+import com.airbnb.android.react.lottie.LottieAnimationViewManagerImpl.setSourceJson
+import com.airbnb.android.react.lottie.LottieAnimationViewManagerImpl.setSourceName
+import com.airbnb.android.react.lottie.LottieAnimationViewManagerImpl.setSourceURL
+import com.airbnb.android.react.lottie.LottieAnimationViewManagerImpl.setSpeed
+import com.airbnb.android.react.lottie.LottieAnimationViewManagerImpl.setTextFilters
+import com.airbnb.lottie.LottieAnimationView
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.ReadableArray
+import com.facebook.react.uimanager.SimpleViewManager
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.annotations.ReactProp
+import com.facebook.react.uimanager.events.RCTEventEmitter
+import java.util.*
+
+class LottieAnimationViewManager : SimpleViewManager<LottieAnimationView>() {
+    private val propManagersMap =
+        WeakHashMap<LottieAnimationView, LottieAnimationViewPropertyManager>()
+
+    private fun getOrCreatePropertyManager(view: LottieAnimationView): LottieAnimationViewPropertyManager {
+        var result = propManagersMap[view]
+        if (result == null) {
+            result = LottieAnimationViewPropertyManager(view)
+            propManagersMap[view] = result
+        }
+        return result
+    }
+
+    private fun sendOnAnimationFinishEvent(view: LottieAnimationView, isCancelled: Boolean) {
+        val event = Arguments.createMap()
+        event.putBoolean("isCancelled", isCancelled)
+
+        val screenContext = view.context
+        if (screenContext is ThemedReactContext) {
+            screenContext.getJSModule(RCTEventEmitter::class.java)
+                ?.receiveEvent(
+                    view.id,
+                    "animationFinish",
+                    event
+                )
+        }
+    }
+
+    override fun getExportedViewConstants(): Map<String, Any> {
+        return LottieAnimationViewManagerImpl.exportedViewConstants
+    }
+
+    override fun getName(): String {
+        return LottieAnimationViewManagerImpl.REACT_CLASS
+    }
+
+    public override fun createViewInstance(context: ThemedReactContext): LottieAnimationView {
+        val view = LottieAnimationViewManagerImpl.createViewInstance(context)
+        view.addAnimatorListener(object : Animator.AnimatorListener {
+            override fun onAnimationStart(animation: Animator) {
+                //do nothing
+            }
+
+            override fun onAnimationEnd(animation: Animator) {
+                sendOnAnimationFinishEvent(view, false)
+            }
+
+            override fun onAnimationCancel(animation: Animator) {
+                sendOnAnimationFinishEvent(view, true)
+            }
+
+            override fun onAnimationRepeat(animation: Animator) {
+                //do nothing
+            }
+        })
+        return view
+    }
+
+    override fun getExportedCustomBubblingEventTypeConstants(): Map<String, Any> {
+        return LottieAnimationViewManagerImpl.getExportedCustomBubblingEventTypeConstants()
+    }
+
+    override fun receiveCommand(
+        view: LottieAnimationView,
+        commandName: String,
+        args: ReadableArray?
+    ) {
+        when (commandName) {
+            "play" -> play(view, args?.getInt(0) ?: -1, args?.getInt(1) ?: -1)
+            "reset" -> reset(view)
+            "pause" -> pause(view)
+            "resume" -> resume(view)
+            else -> {
+                //do nothing
+            }
+        }
+    }
+
+    @ReactProp(name = "sourceName")
+    fun setSourceName(view: LottieAnimationView, name: String?) {
+        setSourceName(name, getOrCreatePropertyManager(view))
+    }
+
+    @ReactProp(name = "sourceJson")
+    fun setSourceJson(view: LottieAnimationView, json: String?) {
+        setSourceJson(json, getOrCreatePropertyManager(view))
+    }
+
+    @ReactProp(name = "sourceURL")
+    fun setSourceURL(view: LottieAnimationView, urlString: String?) {
+        setSourceURL(urlString, getOrCreatePropertyManager(view))
+    }
+
+    @ReactProp(name = "cacheComposition")
+    fun setCacheComposition(view: LottieAnimationView?, cacheComposition: Boolean) {
+        LottieAnimationViewManagerImpl.setCacheComposition(view!!, cacheComposition)
+    }
+
+    @ReactProp(name = "resizeMode")
+    fun setResizeMode(view: LottieAnimationView, resizeMode: String?) {
+        setResizeMode(resizeMode, getOrCreatePropertyManager(view))
+    }
+
+    @ReactProp(name = "renderMode")
+    fun setRenderMode(view: LottieAnimationView, renderMode: String?) {
+        setRenderMode(renderMode, getOrCreatePropertyManager(view))
+    }
+
+    @ReactProp(name = "hardwareAccelerationAndroid")
+    fun setHardwareAccelerationAndroid(
+        view: LottieAnimationView,
+        hardwareAccelerationAndroid: Boolean?
+    ) {
+        setHardwareAcceleration(hardwareAccelerationAndroid!!, getOrCreatePropertyManager(view))
+    }
+
+    @ReactProp(name = "progress")
+    fun setProgress(view: LottieAnimationView, progress: Float) {
+        setProgress(progress, getOrCreatePropertyManager(view))
+    }
+
+    @ReactProp(name = "speed")
+    fun setSpeed(view: LottieAnimationView, speed: Double) {
+        setSpeed(speed, getOrCreatePropertyManager(view))
+    }
+
+    @ReactProp(name = "loop")
+    fun setLoop(view: LottieAnimationView, loop: Boolean) {
+        setLoop(loop, getOrCreatePropertyManager(view))
+    }
+
+    @ReactProp(name = "imageAssetsFolder")
+    fun setImageAssetsFolder(view: LottieAnimationView, imageAssetsFolder: String?) {
+        setImageAssetsFolder(imageAssetsFolder, getOrCreatePropertyManager(view))
+    }
+
+    @ReactProp(name = "enableMergePathsAndroidForKitKatAndAbove")
+    fun setEnableMergePaths(view: LottieAnimationView, enableMergePaths: Boolean) {
+        setEnableMergePaths(enableMergePaths, getOrCreatePropertyManager(view))
+    }
+
+    @ReactProp(name = "colorFilters")
+    fun setColorFilters(view: LottieAnimationView, colorFilters: ReadableArray?) {
+        setColorFilters(colorFilters, getOrCreatePropertyManager(view))
+    }
+
+    @ReactProp(name = "textFiltersAndroid")
+    fun setTextFilters(view: LottieAnimationView, textFilters: ReadableArray?) {
+        setTextFilters(textFilters, getOrCreatePropertyManager(view))
+    }
+
+    override fun onAfterUpdateTransaction(view: LottieAnimationView) {
+        super.onAfterUpdateTransaction(view)
+        getOrCreatePropertyManager(view).commitChanges()
+    }
+}

package/ios/Fabric/LottieAnimationViewComponentView.h

@@ -0,0 +1,28 @@
+#ifdef __cplusplus
+#import <React/RCTViewComponentView.h>
+#import <react/renderer/components/lottiereactnative/Props.h>
+#import "LottieContainerView.h"
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface LottieAnimationViewComponentView : RCTViewComponentView <LottieContainerViewDelegate>
+@end
+
+namespace facebook {
+namespace react {
+// In order to compare these structs we need to add the == operator for each
+// TODO: https://github.com/reactwg/react-native-new-architecture/discussions/91#discussioncomment-4426469
+bool operator==(const LottieAnimationViewColorFiltersStruct& a, const LottieAnimationViewColorFiltersStruct& b)
+{
+    return b.keypath == a.keypath && b.color == a.color;
+}
+bool operator==(const LottieAnimationViewTextFiltersIOSStruct& a, const LottieAnimationViewTextFiltersIOSStruct& b)
+{
+    return b.keypath == a.keypath && b.text == a.text;
+}
+}
+}
+
+NS_ASSUME_NONNULL_END
+
+#endif

package/ios/Fabric/LottieAnimationViewComponentView.mm

@@ -0,0 +1,140 @@
+#import "LottieAnimationViewComponentView.h"
+
+#import <react/renderer/components/lottiereactnative/ComponentDescriptors.h>
+#import <react/renderer/components/lottiereactnative/EventEmitters.h>
+#import <react/renderer/components/lottiereactnative/Props.h>
+#import <react/renderer/components/lottiereactnative/RCTComponentViewHelpers.h>
+
+#import "RCTFabricComponentsPlugins.h"
+#import <React/RCTView.h>
+#import "LottieContainerView.h"
+#import "RNLottieFabricConversions.h"
+
+using namespace facebook::react;
+
+@interface LottieAnimationViewComponentView () <RCTLottieAnimationViewViewProtocol>
+@end
+
+@implementation LottieAnimationViewComponentView {
+    LottieContainerView *_view;
+}
+
+- (instancetype) initWithFrame:(CGRect)frame
+{
+    if (self = [super initWithFrame:frame]) {
+        static const auto defaultProps = std::make_shared<const LottieAnimationViewProps>();
+        _props = defaultProps;
+        
+        _view = [LottieContainerView new];
+        _view.delegate = self;
+        
+        self.contentView = _view;
+    }
+    
+    return self;
+}
+
+#pragma mark - RCTComponentViewProtocol
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+    return concreteComponentDescriptorProvider<LottieAnimationViewComponentDescriptor>();
+}
+
+- (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps {
+    const auto &oldLottieProps = *std::static_pointer_cast<const LottieAnimationViewProps>(_props);
+    const auto &newLottieProps = *std::static_pointer_cast<const LottieAnimationViewProps>(props);
+    
+    if(oldLottieProps.resizeMode != newLottieProps.resizeMode) {
+        [_view setResizeMode:RCTNSStringFromString(newLottieProps.resizeMode)];
+    }
+    
+    if(oldLottieProps.sourceJson != newLottieProps.sourceJson) {
+        [_view setSourceJson:RCTNSStringFromString(newLottieProps.sourceJson)];
+    }
+    
+    if(oldLottieProps.sourceName != newLottieProps.sourceName) {
+        [_view setSourceName:RCTNSStringFromString(newLottieProps.sourceName)];
+    }
+    
+    if(oldLottieProps.sourceURL != newLottieProps.sourceURL) {
+        [_view setSourceURL:RCTNSStringFromString(newLottieProps.sourceURL)];
+    }
+    
+    if(oldLottieProps.progress != newLottieProps.progress) {
+        [_view setProgress:newLottieProps.progress];
+    }
+    
+    if(oldLottieProps.loop != newLottieProps.loop) {
+        [_view setLoop:newLottieProps.loop];
+    }
+    
+    if(oldLottieProps.speed != newLottieProps.speed) {
+        [_view setSpeed:newLottieProps.speed];
+    }
+    
+    if(oldLottieProps.colorFilters != newLottieProps.colorFilters) {
+        [_view setColorFilters:convertColorFilters(newLottieProps.colorFilters)];
+    }
+
+    if(oldLottieProps.textFiltersIOS != newLottieProps.textFiltersIOS) {
+        [_view setTextFiltersIOS:convertTextFilters(newLottieProps.textFiltersIOS)];
+    }
+    
+    if(oldLottieProps.renderMode != newLottieProps.renderMode) {
+        [_view setRenderMode:RCTNSStringFromString(newLottieProps.renderMode)];
+    }
+    
+    [super updateProps:props oldProps:oldProps];
+}
+
+#pragma mark - Native Commands
+
+- (void)handleCommand:(const NSString *)commandName args:(const NSArray *)args
+{
+    RCTLottieAnimationViewHandleCommand(self, commandName, args);
+}
+
+- (void) play:(NSInteger)startFrame endFrame:(NSInteger)endFrame
+{
+    if (startFrame != -1 && endFrame != -1) {
+        [_view playFromFrame:@(startFrame) toFrame:endFrame];
+    } else {
+        [_view play];
+    }
+}
+
+- (void) reset
+{
+    [_view reset];
+}
+
+- (void) pause
+{
+    [_view pause];
+}
+
+- (void) resume
+{
+    [_view resume];
+}
+
+- (void)onAnimationFinishWithIsCancelled:(bool)isCancelled
+{
+    if(!_eventEmitter) {
+        return;
+    }
+    
+    LottieAnimationViewEventEmitter::OnAnimationFinish event = {
+        .isCancelled = isCancelled
+    };
+    
+    std::dynamic_pointer_cast<const LottieAnimationViewEventEmitter>(_eventEmitter)->onAnimationFinish(event);
+}
+
+@end
+
+Class<RCTComponentViewProtocol> LottieAnimationViewCls(void)
+{
+    return LottieAnimationViewComponentView.class;
+}

package/ios/Fabric/LottieContainerView.h

@@ -0,0 +1,33 @@
+@class UITraitCollection;
+@class NSDictionary;
+@class NSString;
+@class NSCoder;
+
+#import <React/RCTView.h>
+
+@protocol LottieContainerViewDelegate
+- (void)onAnimationFinishWithIsCancelled:(BOOL)isCancelled;
+@end
+
+@interface LottieContainerView : RCTView
+@property (nonatomic, weak) id <LottieContainerViewDelegate> _Nullable delegate;
+- (void)traitCollectionDidChange:(UITraitCollection * _Nullable)previousTraitCollection;
+- (void)setSpeed:(CGFloat)newSpeed;
+- (void)setProgress:(CGFloat)newProgress;
+- (void)reactSetFrame:(CGRect)frame;
+- (void)setLoop:(BOOL)isLooping;
+- (void)setTextFiltersIOS:(NSArray<NSDictionary *> * _Nonnull)newTextFilters;
+- (void)setRenderMode:(NSString * _Nonnull)newRenderMode;
+- (void)setSourceURL:(NSString * _Nonnull)newSourceURLString;
+- (void)setSourceJson:(NSString * _Nonnull)newSourceJson;
+- (void)setSourceName:(NSString * _Nonnull)newSourceName;
+- (void)setResizeMode:(NSString * _Nonnull)resizeMode;
+- (void)setColorFilters:(NSArray<NSDictionary *> * _Nonnull)newColorFilters;
+- (void)play;
+- (void)playFromFrame:(NSNumber * _Nullable)fromFrame toFrame:(CGFloat)toFrame;
+- (void)reset;
+- (void)pause;
+- (void)resume;
+- (nonnull instancetype)initWithFrame:(CGRect)frame;
+- (nullable instancetype)initWithCoder:(NSCoder * _Nonnull)coder;
+@end

package/ios/Fabric/RNLottieFabricConversions.h

@@ -0,0 +1,29 @@
+#ifdef __cplusplus
+#import <React/RCTConversions.h>
+
+inline NSArray<NSDictionary *> *convertColorFilters(std::vector<facebook::react::LottieAnimationViewColorFiltersStruct> colorFilterStructArr)
+{
+    NSMutableArray *filters = [NSMutableArray arrayWithCapacity:colorFilterStructArr.size()];
+
+    for (auto colorFilter : colorFilterStructArr) {
+        [filters addObject:@{
+          @"color": RCTUIColorFromSharedColor(colorFilter.color),
+          @"keypath": RCTNSStringFromString(colorFilter.keypath),
+        }];
+    }
+    return filters;
+}
+
+inline NSArray<NSDictionary *> *convertTextFilters(std::vector<facebook::react::LottieAnimationViewTextFiltersIOSStruct> textFilterStructArr)
+{
+    NSMutableArray *filters = [NSMutableArray arrayWithCapacity:textFilterStructArr.size()];
+
+    for (auto textFilter : textFilterStructArr) {
+        [filters addObject:@{
+          @"text": RCTNSStringFromString(textFilter.text),
+          @"keypath": RCTNSStringFromString(textFilter.keypath),
+        }];
+    }
+    return filters;
+}
+#endif