@momo-kits/native-kits 0.151.2-test.3 → 0.151.2-test.5

package/ios/Button/Button.swift

@@ -1,6 +1,7 @@
 
 import Foundation
 import SwiftUI
+import Lottie
 
 // MARK: - ButtonType
 
@@ -27,13 +28,14 @@ public enum ButtonSize {
 public struct Button: View {
     // MARK: Lifecycle
 
-    public init(title: String = "", action: @escaping () -> Void, type: ButtonType = .primary, size: ButtonSize = .large, iconLeft: AnyView? = nil, iconRight: AnyView? = nil) {
+    public init(title: String = "", action: @escaping () -> Void, type: ButtonType = .primary, size: ButtonSize = .large, iconLeft: AnyView? = nil, iconRight: AnyView? = nil, loading: Bool = false) {
         self.title = title
         self.action = action
         self.type = type
         self.size = size
         self.iconLeft = iconLeft
         self.iconRight = iconRight
+        self.loading = loading
     }
 
     // MARK: Public
@@ -41,13 +43,26 @@ public struct Button: View {
     public var body: some View {
         SwiftUI.Button(action: action) {
             HStack {
-                iconLeft
+                if (loading) {
+                    LottieView(
+                        name: "lottie_circle_loader",
+                        loopMode: .loop,
+                        contentMode: .center
+                    )
+                    .frame(width: 32, height: 32)
+                    .foregroundColor(.white)
+                    .colorMultiply(.white)
+                } else {
+                    iconLeft
+                }
                 renderTitle(title: title, type: type, size: size).lineLimit(1).truncationMode(.tail)
                 iconRight
             }
             .buttonSize(size)
             .buttonType(type)
-        }.disabled(type == .disabled)
+            .opacity(loading ? 0.75 : 1.0)
+        }
+        .disabled(type == .disabled && !loading)
         .clipShape(RoundedRectangle(cornerRadius: Radius.S))
     }
 
@@ -59,6 +74,7 @@ public struct Button: View {
     var size: ButtonSize = .large
     var iconLeft: AnyView?
     var iconRight: AnyView?
+    var loading: Bool
 
     func renderTitle(title: String, type: ButtonType, size: ButtonSize) -> Text {
         switch size {

package/ios/Lottie/LottieView.swift

@@ -0,0 +1,86 @@
+//
+//  LottieView.swift
+//  MoMoPlatform
+//
+//  Created by thanhdat on 16/01/2023.
+//  Copyright © 2023 Facebook. All rights reserved.
+//
+
+import SwiftUI
+import Lottie
+
+struct LottieView: UIViewRepresentable {
+  var name: String = ""
+  var url: String?
+  var loopMode: LottieLoopMode = .playOnce
+  var contentMode : UIView.ContentMode  = .scaleAspectFit
+  var onDone: (() -> Void)?
+  
+  // Add static cache for animations
+  private static var animationCache = NSCache<NSString, LottieAnimation>()
+  
+  func makeUIView(context: UIViewRepresentableContext<LottieView>) -> UIView {
+    let view = UIView(frame: .zero)
+    
+    // Configure Lottie with optimized settings
+    let configuration = LottieConfiguration(
+      renderingEngine: .coreAnimation,
+      decodingStrategy: .dictionaryBased
+    )
+    
+    let animationView = LottieAnimationView(configuration: configuration)
+    
+    if let url = url {
+      // Use cached animation if available
+      if let cachedAnimation = Self.animationCache.object(forKey: url as NSString) {
+        animationView.animation = cachedAnimation
+        setupAnimationView(animationView, view)
+      } else {
+        LottieAnimation.loadedFrom(url: URL(string: url)!, closure: { animation in
+          if let animation = animation {
+            Self.animationCache.setObject(animation, forKey: url as NSString)
+            animationView.animation = animation
+            setupAnimationView(animationView, view)
+          }
+        }, animationCache: nil)
+      }
+    } else {
+      // Use cached animation if available
+      if let cachedAnimation = Self.animationCache.object(forKey: name as NSString) {
+        animationView.animation = cachedAnimation
+        setupAnimationView(animationView, view)
+      } else if let animation = LottieAnimation.named(name) {
+          Self.animationCache.setObject(animation, forKey: name as NSString)
+          animationView.animation = animation
+          setupAnimationView(animationView, view)
+      }
+    }
+    
+    return view
+  }
+  
+  private func setupAnimationView(_ animationView: LottieAnimationView, _ containerView: UIView) {
+    animationView.contentMode = contentMode
+    animationView.loopMode = loopMode
+    animationView.backgroundBehavior = loopMode == .loop ? .pauseAndRestore : .pause
+    
+    // Optimize rendering
+    animationView.shouldRasterizeWhenIdle = true
+    
+    animationView.translatesAutoresizingMaskIntoConstraints = false
+    containerView.addSubview(animationView)
+    
+    NSLayoutConstraint.activate([
+      animationView.widthAnchor.constraint(equalTo: containerView.widthAnchor),
+      animationView.heightAnchor.constraint(equalTo: containerView.heightAnchor)
+    ])
+    
+    animationView.play { finished in
+      if finished {
+        onDone?()
+      }
+    }
+  }
+  
+  func updateUIView(_ uiView: UIView, context: UIViewRepresentableContext<LottieView>) {}
+}

package/ios/Lottie/LottieViewController.swift

@@ -0,0 +1,55 @@
+//
+//  LottieViewController.swift
+//  MoMoPlatform
+//
+//  Created by Đại Trịnh on 26/09/2023.
+//  Copyright © 2023 Facebook. All rights reserved.
+//
+
+import Foundation
+import Lottie
+import SwiftUI
+
+public class LottieViewController: UIViewController {
+  var name: String = ""
+  var url: String?
+  var loopMode: LottieLoopMode = .playOnce
+  var frame: CGRect
+  var id: String?
+
+  init(name: String, url: String? = nil, loopMode: LottieLoopMode, frame: CGRect, id: String? = nil) {
+    self.name = name
+    self.url = url
+    self.loopMode = loopMode
+    self.frame = frame
+    self.id = id
+
+    super.init(nibName: nil, bundle: nil)
+  }
+
+  required init?(coder: NSCoder) {
+    fatalError("init(coder:) has not been implemented")
+  }
+
+  public override func viewDidLoad() {
+    super.viewDidLoad()
+    setupCustomView()
+  }
+
+  private func setupCustomView() {
+    let basicView = UIView()
+    basicView.frame = frame
+
+    let customLottieView = LottieView(name: name, url: url, loopMode: loopMode)
+    let hostViewController = UIHostingController(rootView: customLottieView)
+    hostViewController.view.frame = basicView.bounds;
+    hostViewController.view.backgroundColor = .clear
+
+    // set accessibility label
+    basicView.accessibilityLabel = id ?? "" // Set accessibility label directly to basicView
+    basicView.isAccessibilityElement = true // Ensure basicView is treated as an accessible element
+
+    basicView.addSubview(hostViewController.view)
+    view.addSubview(basicView)
+  }
+}

package/ios/native-kits.podspec

@@ -13,5 +13,6 @@ Pod::Spec.new do |spec|
 
     spec.framework      = 'SwiftUI', 'Combine'
     spec.dependency       'SDWebImageSwiftUI'
+    spec.dependency       'lottie-ios'
     spec.dependency       'SkeletonUI', '1.0.11'
   end

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momo-kits/native-kits",
-  "version": "0.151.2-test.3",
+  "version": "0.151.2-test.5",
   "private": false,
   "dependencies": {
     "@momo-platform/native-max-api": "1.0.18"