@umituz/react-native-video-editor 1.1.69 → 1.1.71

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-video-editor",
-  "version": "1.1.69",
+  "version": "1.1.71",
   "description": "Professional video editor with layer-based timeline, text/image/shape/audio/animation layers, and export functionality",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -49,9 +49,6 @@
   "peerDependenciesMeta": {
     "react-native-gesture-handler": {
       "optional": true
-    },
-    "react-native-reanimated": {
-      "optional": true
     }
   },
   "devDependencies": {

package/src/application/services/EditorService.ts

@@ -126,11 +126,17 @@ export class EditorService {
       errors.push("Layer type is required");
     }
 
-    if (layer.type === "image" && !(layer as any).uri) {
+    // Type guards for layer-specific properties
+    const isImageLayer = (l: Partial<Layer>): l is Partial<ImageLayer> =>
+      l.type === "image";
+    const isTextLayer = (l: Partial<Layer>): l is Partial<TextLayer> =>
+      l.type === "text";
+
+    if (isImageLayer(layer) && !layer.uri) {
       errors.push("Image layer requires URI");
     }
 
-    if (layer.type === "text" && !(layer as any).content) {
+    if (isTextLayer(layer) && !layer.content) {
       errors.push("Text layer requires content");
     }
 

package/src/presentation/components/generic/Toolbar.tsx

@@ -41,7 +41,7 @@ const ToolbarButtonComp = React.memo<{ button: ToolbarButton; styles: any }>(({
     accessibilityRole="button"
     accessibilityLabel={button.label}
   >
-    <AtomicIcon name={button.icon as any} size="sm" color={button.destructive ? "error" : "primary"} />
+    <AtomicIcon name={button.icon} size="sm" color={button.destructive ? "error" : "primary"} />
     <AtomicText type="labelSmall" style={styles.label}>{button.label}</AtomicText>
     {button.showBadge && <View style={[styles.badge, { backgroundColor: button.badgeColor }]}><AtomicText style={styles.badgeText}>!</AtomicText></View>}
   </TouchableOpacity>