@momo-kits/native-kits 0.0.1-beta.4 → 0.89.1-2

package/ios/PopupView/Utils++.swift

@@ -0,0 +1,281 @@
+import SwiftUI
+import Combine
+
+final class DispatchWorkHolder {
+    var work: DispatchWorkItem?
+}
+
+final class ClassReference<T> {
+    var value: T
+
+    init(_ value: T) {
+        self.value = value
+    }
+}
+
+public extension View {
+    
+    @ViewBuilder
+    func valueChanged<T: Equatable>(value: T, onChange: @escaping (T) -> Void) -> some View {
+        if #available(iOS 14.0, tvOS 14.0, macOS 11.0, watchOS 7.0, *) {
+            self.onChange(of: value, perform: onChange)
+        } else {
+            self.onReceive(Just(value)) { value in
+                onChange(value)
+            }
+        }
+    }
+}
+
+public extension View {
+    @ViewBuilder
+    func applyIf<T: View>(_ condition: Bool, apply: (Self) -> T) -> some View {
+        if condition {
+            apply(self)
+        } else {
+            self
+        }
+    }
+
+    @ViewBuilder
+    func addTapIf(if condition: Bool, onTap: @escaping ()->()) -> some View {
+        if condition {
+            self.simultaneousGesture(
+                TapGesture().onEnded {
+                    onTap()
+                }
+            )
+        } else {
+            self
+        }
+    }
+}
+
+struct FrameGetter: ViewModifier {
+
+    @Binding var frame: CGRect
+
+    func body(content: Content) -> some View {
+        content
+            .background(
+                GeometryReader { proxy -> AnyView in
+                    DispatchQueue.main.async {
+                        let rect = proxy.frame(in: .global)
+                        // This avoids an infinite layout loop
+                        if rect.integral != self.frame.integral {
+                            self.frame = rect
+                        }
+                    }
+                    return AnyView(EmptyView())
+                }
+            )
+    }
+}
+
+extension View {
+    public func frameGetter(_ frame: Binding<CGRect>) -> some View {
+        modifier(FrameGetter(frame: frame))
+    }
+}
+
+struct AnimationCompletionObserverModifier<Value>: AnimatableModifier where Value: VectorArithmetic, Value: Comparable {
+
+    /// While animating, SwiftUI changes the old input value to the new target value using this property. This value is set to the old value until the animation completes.
+    var animatableData: Value {
+        didSet {
+            notifyCompletionIfFinished()
+        }
+    }
+
+    /// The target value for which we're observing. This value is directly set once the animation starts. During animation, `animatableData` will hold the oldValue and is only updated to the target value once the animation completes.
+    private var targetValue: Value
+
+    /// The completion callback which is called once the animation completes.
+    private var completion: () -> Void
+
+    init(observedValue: Value, completion: @escaping () -> Void) {
+        self.completion = completion
+        self.animatableData = observedValue
+        targetValue = observedValue
+    }
+
+    /// Verifies whether the current animation is finished and calls the completion callback if true.
+    private func notifyCompletionIfFinished() {
+        guard animatableData == targetValue else { return }
+
+        /// Dispatching is needed to take the next runloop for the completion callback.
+        /// This prevents errors like "Modifying state during view update, this will cause undefined behavior."
+        DispatchQueue.main.async {
+            self.completion()
+        }
+    }
+
+    func body(content: Content) -> some View {
+        /// We're not really modifying the view so we can directly return the original input value.
+        return content
+    }
+}
+
+struct AnimatableModifierDouble: AnimatableModifier {
+
+    var targetValue: Double
+    static var done = false
+
+    // SwiftUI gradually varies it from old value to the new value
+    var animatableData: Double {
+        didSet {
+            checkIfFinished()
+        }
+    }
+    var completion: () -> ()
+
+    // Re-created every time the control argument changes
+    init(bindedValue: Double, completion: @escaping () -> ()) {
+        self.completion = completion
+
+        // Set animatableData to the new value. But SwiftUI again directly
+        // and gradually varies the value while the body
+        // is being called to animate. Following line serves the purpose of
+        // associating the extenal argument with the animatableData.
+        self.animatableData = bindedValue
+        targetValue = bindedValue
+        AnimatableModifierDouble.done = false
+    }
+
+    func checkIfFinished() -> () {
+        if AnimatableModifierDouble.done { return }
+        let delta = 0.1
+        if animatableData > targetValue - delta &&
+            animatableData < targetValue + delta {
+            //print("check", animatableData, targetValue)
+            AnimatableModifierDouble.done = true
+            DispatchQueue.main.async {
+                self.completion()
+            }
+        }
+    }
+
+    func body(content: Content) -> some View {
+        content
+    }
+}
+
+extension View {
+
+    func onAnimationCompleted(for value: Double, completion: @escaping () -> Void) -> some View {
+        modifier(AnimatableModifierDouble(bindedValue: value, completion: completion))
+    }
+}
+
+extension UIApplication {
+    var keyWindow: UIWindow? {
+        connectedScenes
+            .compactMap {
+                $0 as? UIWindowScene
+            }
+            .flatMap {
+                $0.windows
+            }
+            .first {
+                $0.isKeyWindow
+            }
+    }
+}
+
+private struct SafeAreaInsetsKey: EnvironmentKey {
+    static var defaultValue: EdgeInsets {
+        UIApplication.shared.keyWindow?.safeAreaInsets.swiftUiInsets ?? EdgeInsets()
+    }
+}
+
+extension EnvironmentValues {
+    var safeAreaInsets: EdgeInsets {
+        self[SafeAreaInsetsKey.self]
+    }
+}
+
+private extension UIEdgeInsets {
+    var swiftUiInsets: EdgeInsets {
+        EdgeInsets(top: top, leading: left, bottom: bottom, trailing: right)
+    }
+}
+
+extension View {
+
+    func transparentNonAnimatingFullScreenCover<Content: View>(isPresented: Binding<Bool>, content: @escaping () -> Content) -> some View {
+        modifier(TransparentNonAnimatableFullScreenModifier(isPresented: isPresented, fullScreenContent: content))
+    }
+}
+
+private struct TransparentNonAnimatableFullScreenModifier<FullScreenContent: View>: ViewModifier {
+
+    @Binding var isPresented: Bool
+    let fullScreenContent: () -> (FullScreenContent)
+
+    func body(content: Content) -> some View {
+        if #available(iOS 14.0, *) {
+            content
+                .valueChanged(value: isPresented, onChange: { isPresented in
+                    UIView.setAnimationsEnabled(false)
+                })
+                .fullScreenCover(isPresented: $isPresented, content: {
+                    ZStack {
+                        fullScreenContent()
+                    }
+                    .background(FullScreenCoverBackgroundRemovalView())
+                    .onAppear {
+                        if !UIView.areAnimationsEnabled {
+                            UIView.setAnimationsEnabled(true)
+                        }
+                    }
+                    .onDisappear {
+                        if !UIView.areAnimationsEnabled {
+                            UIView.setAnimationsEnabled(true)
+                        }
+                    }
+                })
+        } else {
+            content
+                .valueChanged(value: isPresented, onChange: { isPresented in
+                    UIView.setAnimationsEnabled(false)
+                })
+                .sheet(isPresented: $isPresented, content: {
+                    ZStack {
+                        fullScreenContent()
+                    }
+                    .background(FullScreenCoverBackgroundRemovalView())
+                    .onAppear {
+                        if !UIView.areAnimationsEnabled {
+                            UIView.setAnimationsEnabled(true)
+                        }
+                    }
+                    .onDisappear {
+                        if !UIView.areAnimationsEnabled {
+                            UIView.setAnimationsEnabled(true)
+                        }
+                    }
+                })
+        }
+    }
+
+}
+
+private struct FullScreenCoverBackgroundRemovalView: UIViewRepresentable {
+
+    private class BackgroundRemovalView: UIView {
+
+        override func didMoveToWindow() {
+            super.didMoveToWindow()
+
+            superview?.superview?.backgroundColor = .clear
+        }
+
+    }
+
+    func makeUIView(context: Context) -> UIView {
+        return BackgroundRemovalView()
+    }
+
+    func updateUIView(_ uiView: UIView, context: Context) {}
+
+}

package/ios/ScrollIndicator/ScrollIndicator.swift

@@ -0,0 +1,79 @@
+import Foundation
+import SwiftUI
+
+public struct ScrollViewWithScrollBar<Content: View>: View {
+    let INDICATOR_HEIGHT: CGFloat = 4
+    @State var position = CGPoint(x: 0, y: 2) //2 is INDICATOR_HEIGHT/2
+    @State var contentSize: CGFloat = 0
+    @State var scrollViewWidth: CGFloat = 0
+    var indicatorWidth: CGFloat
+    var indicatorContainerWidth: CGFloat
+    var indicatorColor: Color
+    var indicatorContainerColor: Color
+    @ViewBuilder var content: () -> Content
+    
+    public init(indicatorWidth: CGFloat = 12, indicatorContainerWidth: CGFloat = 36,indicatorColor: Color = Colors.primary, indicatorContainerColor: Color = Colors.black06,@ViewBuilder content: @escaping () -> Content) {
+        self.indicatorWidth = indicatorWidth
+        self.indicatorContainerWidth = indicatorContainerWidth
+        self.content = content
+        self.indicatorColor = indicatorColor
+        self.indicatorContainerColor = indicatorContainerColor
+    }
+    
+    // MARK: Public
+    
+    public var body: some View {
+        return VStack {
+            ScrollView(.horizontal, showsIndicators: false) {
+                HStack {
+                    content()
+                }.background(GeometryReader {
+                    proxy in
+                    Color.clear.onAppear {
+                        self.contentSize = proxy.size.width
+                        self.position = CGPoint(x: indicatorWidth / 2, y: INDICATOR_HEIGHT / 2)
+                    }
+                    Color.clear.preference(key: ViewOffsetKey.self,
+                                           value: -proxy.frame(in: .named("scroll")).origin.x)
+                    
+                })
+                .onPreferenceChange(ViewOffsetKey.self) {
+                    let newPosition = $0 * ((indicatorContainerWidth - indicatorWidth) / (contentSize - scrollViewWidth)) + indicatorWidth / 2
+                    if (newPosition > indicatorWidth / 2 && newPosition < indicatorContainerWidth - indicatorWidth / 2 + 1)
+                    {
+                        self.position = CGPoint(x: newPosition, y: INDICATOR_HEIGHT / 2)
+                    }
+                }
+            }.background(GeometryReader {
+                proxy in
+                Color.clear.onAppear {
+                    self.scrollViewWidth = proxy.size.width
+                }
+            }).coordinateSpace(name: "scroll")
+            
+            HStack {
+                HStack {}.frame(width: indicatorWidth, height: INDICATOR_HEIGHT)
+                    .background(indicatorColor)
+                    .cornerRadius(Radius.S)
+                    .position(position)
+            }.frame(width: indicatorContainerWidth, height: INDICATOR_HEIGHT, alignment: .leading)
+                .background(indicatorContainerColor).cornerRadius(Radius.S)
+        }
+        
+        
+        
+    }
+    
+}
+
+// MARK: - ViewOffsetKey
+
+struct ViewOffsetKey: PreferenceKey {
+    typealias Value = CGFloat
+    
+    static var defaultValue = CGFloat.zero
+    
+    static func reduce(value: inout Value, nextValue: () -> Value) {
+        value += nextValue()
+    }
+}

package/ios/Switch/Switch.swift

@@ -0,0 +1,44 @@
+import Foundation
+import SwiftUI
+
+public struct Switch: View{
+    @Binding var value: Bool
+    var disabled: Bool
+    var onChange: ((Bool)->Void)?
+    
+    public init(_ value: Binding<Bool>,disabled: Bool = false, onChange: ((Bool)->Void)? = nil){
+        self._value = value
+        self.disabled = disabled
+        self.onChange = onChange
+    }
+    
+    
+    public var body: some View {
+        SwiftUI.Button(action: {
+            withAnimation{
+                value.toggle()
+                onChange?(value)
+            }
+        }){
+              HStack{
+                  HStack {
+                  }
+                  .frame(width: 6, height: 6)
+                  .background(value ? Colors.pink03 : Colors.black07)
+                  .clipShape(Circle())
+                  .opacity(disabled ? 0.4 : 1)
+              }
+              .frame(width: 14, height: 14)
+              .background(Colors.black01)
+              .clipShape(Circle())
+              .padding(.leading,5)
+              .padding(.trailing,5)
+              
+          }
+          .disabled(disabled)
+          .frame(width: 40, height: 24, alignment: value == true ? .trailing : .leading)
+          .background(value ? Colors.pink03 : Colors.black07)
+          .clipShape(Capsule())
+          .opacity(disabled ? 0.4 : 1)
+    }
+}

package/ios/Template/Logo/Logo.swift

@@ -0,0 +1,75 @@
+import Foundation
+import SwiftUI
+
+public struct LogoView: View {
+    var type: String
+    var useShadow: Bool
+    var useBorder: Bool
+    var useBackground : Bool
+    var backgroundColor: Color
+    var shadowColor : Color
+    var borderColor : Color
+    var source: String
+    var radius: CGFloat
+
+    public init(source: String = "",
+                type: String = "image",
+                useBackground : Bool = true,
+                useShadow: Bool = true,
+                useBorder : Bool = true,
+                backgroundColor: Color = Colors.black01,
+                shadowColor : Color = Color(hex: "d9d9d9"),
+                borderColor : Color = Color(hex: "e2e2e2")){
+        self.type = type
+        self.useShadow = useShadow
+        self.useBorder = useBorder
+        self.useBackground = useBackground
+        self.backgroundColor = backgroundColor
+        self.borderColor = borderColor
+        self.source = source
+        self.shadowColor = shadowColor
+        self.radius = type == "image" ? 7 : 0
+    }
+
+
+    public var body: some View {
+        return ImageView(source)
+            .scaledToFit()
+            .frame(width: 28, height: 28)
+            .cornerRadius(radius)
+            .containerBorder(type, useBorder, borderColor)
+            .containerBackground(type, useBackground, backgroundColor)
+            .containerShadow(useShadow, shadowColor)
+    }
+
+}
+
+private extension View {
+    func containerBorder (_ type: String, _ useBorder: Bool, _ borderColor: Color) -> some View {
+        Group {
+            if (useBorder && type != "icon") {
+                self.overlay(RoundedRectangle(cornerRadius: 8).stroke(borderColor, lineWidth: 1))
+            } else {
+                self
+            }
+        }
+    }
+    func containerBackground (_ type: String, _ useBackground: Bool, _ backgroundColor: Color) -> some View {
+        Group {
+            if (useBackground && type != "icon") {
+                self.background(backgroundColor)
+            } else {
+                self
+            }
+        }
+    }
+    func containerShadow (_ useShadow: Bool, _ shadowColor: Color) -> some View {
+        Group {
+            if useShadow {
+                self.shadow(color: shadowColor, radius: 2, x: 0, y: 2)
+            } else {
+                self
+            }
+        }
+    }
+}

package/ios/Template/TrustBanner/TrustBanner.swift

@@ -0,0 +1,189 @@
+//
+//  TrustBanner.swift
+//  MoMoUIKits
+//
+//  Created by Nguyễn Hoàng Sơn on 14/12/2023.
+//
+
+import Foundation
+import SwiftUI
+import SDWebImageSwiftUI
+
+let jsonUrl = "https://static.momocdn.net/app/json/component-kits/design_system.json"
+
+struct TrustBannerData: Decodable {
+    let trustBanner: TrustBanner
+}
+
+struct TrustBanner: Decodable {
+    let content: Dictionary<String, String>
+    let pciImage: String
+    let sslImage: String
+    let urlConfig: String
+    let featureCode: String
+    let icons: [String]
+    let momoImage: String
+
+    enum CodingKeys: String, CodingKey {
+        case content, pciImage, sslImage, icons, momoImage
+        case urlConfig = "url_config"
+        case featureCode = "feature_code"
+    }
+}
+
+let defaultBanner = TrustBanner(
+    content: ["vi": "Bảo mật thông tin & An toàn tài sản của bạn là ưu tiên hàng đầu của MoMo.",
+              "en": "Your data security and money safety are MoMo's top priorities."],
+    pciImage: "https://static.momocdn.net/app/img/kits/trustBanner/pci.png",
+    sslImage: "https://static.momocdn.net/app/img/kits/trustBanner/ssl.png",
+    urlConfig: "https://momo.vn/an-toan-bao-mat",
+    featureCode: "login_and_security",
+    icons: [
+        "https://static.momocdn.net/app/img/kits/trustBanner/ic_viettinbank.png",
+        "https://static.momocdn.net/app/img/kits/trustBanner/ic_agribank.png",
+        "https://static.momocdn.net/app/img/kits/trustBanner/ic_vietcombank.png",
+        "https://static.momocdn.net/app/img/kits/trustBanner/ic_bidv.png"
+    ],
+    momoImage: "https://static.momocdn.net/app/img/kits/trustBanner/ic_momo_secu.png"
+)
+
+let defaultData = TrustBannerData(trustBanner: defaultBanner)
+
+class TrustBannerViewModel: ObservableObject {
+    @Published var trustBanner: TrustBannerData?
+
+    init() {
+        fetchData(from: jsonUrl)
+    }
+
+    func fetchData(from urlString: String) {
+        guard let url = URL(string: urlString) else { return }
+
+        URLSession.shared.dataTask(with: url) { [weak self] data, response, error in
+            guard let self = self else { return }
+
+            if let error = error {
+                print("Data fetching error: \(error)")
+                return
+            }
+
+            guard let data = data else {
+                print("No data received")
+                return
+            }
+            do {
+                let decodedData = try JSONDecoder().decode(TrustBannerData.self, from: data)
+                DispatchQueue.main.async {
+                    self.trustBanner = decodedData
+                }
+            } catch {
+                print("Decoding error: \(error)")
+            }
+        }.resume()
+    }
+}
+
+public struct TrustBannerView: View {
+    var serviceName: String? = ""
+    var screenName: String? = ""
+    var onPress: ((_ params: NSDictionary) -> Void)?
+    var trackEvent: ((_ eventName: String, _ params: NSDictionary) -> Void)?
+    var language: String?
+
+    @ObservedObject private var viewModel = TrustBannerViewModel()
+
+    public init(serviceName: String?,
+                screenName: String?,
+                onPress: ((_ params: NSDictionary) -> Void)?,
+                trackEvent: ((_ eventName: String,_ params: NSDictionary) -> Void)?, language: String? = "vi") {
+        if let trackEvent = trackEvent {
+            trackEvent("service_component_displayed", ["service_name": serviceName ?? "", "screen_name": screenName ?? "", "component_name": "logo_trust"])
+        }
+        self.onPress = onPress
+        self.trackEvent = trackEvent
+        self.screenName = screenName
+        self.serviceName = serviceName
+        self.language = language
+    }
+
+    public var body: some View {
+        if let trustBanner = viewModel.trustBanner {
+            TrustBannerContentView(trustBanner: trustBanner.trustBanner, onPress: onPress, trackEvent: trackEvent, serviceName: serviceName, screenName: screenName, language: language)
+        }
+    }
+}
+
+struct TrustBannerContentView: View {
+    var trustBanner: TrustBanner
+    var onPress: ((_ params: NSDictionary) -> Void)?
+    var trackEvent: ((_ eventName: String, _ params: NSDictionary) -> Void)?
+    var serviceName: String?
+    var screenName: String?
+    var language: String?
+    
+    var body: some View {
+        GeometryReader { geo in
+            HStack(alignment: .center, spacing: 8) {
+                WebImage(url: URL(string: trustBanner.momoImage))
+                    .resizable()
+                    .scaledToFit()
+                    .frame(width: 64, height: 64)
+                VStack(alignment: .leading, spacing: 8){
+                    Text(trustBanner.content[language ?? "vi"] ?? "")
+                        .foregroundColor(Color(hex: 0xFF484848))
+                        .lineLimit(2)
+                        .font(.system(size: 12, weight: Font.Weight.regular))
+                        .frame(width: geo.size.width - 24 - 64 - 8, height: 40,alignment: .leading)
+                    HStack{
+                        HStack{
+                            WebImage(url:  URL(string: trustBanner.pciImage))
+                                .resizable()
+                                .scaledToFit()
+                                .frame(width: 52, height: 20)
+                            WebImage(url:  URL(string: trustBanner.sslImage))
+                                .resizable()
+                                .scaledToFit()
+                                .frame(width: 52, height: 20)
+                        }
+                        Spacer()
+                        HStack(spacing: -6){
+                            ForEach(trustBanner.icons, id: \.self) { iconURL in
+                                WebImage(url: URL(string: iconURL))
+                                    .resizable()
+                                    .scaledToFit()
+                                    .frame(width:24, height: 24)
+                                    .background(Color.white)
+                                    .cornerRadius(12)
+                                    .overlay(
+                                        Circle().stroke(Color(hex: 0xFFE8E8E8), lineWidth: 1)
+                                    )
+                            }
+                            Text("36+")
+                                .font(.system(size: 10, weight: Font.Weight.regular))
+                                .frame(width: 24, height: 24, alignment: .center)
+                                .foregroundColor(Color(hex: 0xFFEB2F96))
+                                .background(Color(hex: 0xFFFDEAF4))
+                                .cornerRadius(12)
+                                .overlay(
+                                    Circle()
+                                        .stroke(Color(hex: 0xFFE8E8E8), lineWidth: 1)
+                                )
+                        }.frame(width: 96, height: 24)
+                    }
+                }
+            }
+            .frame(width: geo.size.width - 24)
+            .padding(EdgeInsets(top: 12, leading: 12, bottom: 12, trailing: 12))
+            .background(Color(hex: 0xFFF2F8FF))
+            .cornerRadius(12)
+            .onTapGesture {
+                if let trackEvent = trackEvent {
+                    trackEvent("service_component_clicked", ["service_name": self.serviceName ?? "", "screen_name": self.screenName ?? "", "component_name": "logo_trust", "url_config": trustBanner.urlConfig])
+                }
+                if let onPress = onPress {
+                    onPress(["service_name": self.serviceName ?? "", "screen_name": self.screenName ?? "", "component_name": "logo_trust", "url_config": trustBanner.urlConfig, "feature_code": trustBanner.featureCode])
+                }
+            }
+        }
+    }
+}

package/ios/native-kits.podspec

@@ -12,4 +12,6 @@ Pod::Spec.new do |spec|
     spec.source_files   = "**/*.swift"
 
     spec.framework      = 'SwiftUI', 'Combine'
+    spec.dependency       'SDWebImageSwiftUI'
+    spec.dependency       'SkeletonUI', '1.0.11'
   end

package/local.properties

@@ -0,0 +1,8 @@
+## This file must *NOT* be checked into Version Control Systems,
+# as it contains information specific to your local configuration.
+#
+# Location of the SDK. This is only used by Gradle.
+# For customization when using a Version Control System, please read the
+# header note.
+#Mon Mar 04 18:29:01 ICT 2024
+sdk.dir=/Users/wem/Library/Android/sdk