@momo-kits/native-kits 0.167.1-duo.3 → 0.167.1-duo.4-debug

package/ios/Popup/PopupLayout.swift

@@ -1,45 +0,0 @@
-import SwiftUI
-
-// Width of a system alert on the iPhone Duo inner display, in both orientations (RN Popup/utils.ts).
-private let duoPopupMaxWidth: CGFloat = 440
-
-extension ScreenLayout {
-    var isDuoDevice: Bool { isIPhoneDuoDevice(windowSize: CGSize(width: width, height: height)) }
-
-    /// Card width cap; other devices keep the full window width minus the popup's own padding.
-    var popupMaxWidth: CGFloat {
-        isDuoDevice ? min(width - Spacing.XL * 2, duoPopupMaxWidth) : .infinity
-    }
-
-    /// Room left for a popup on iPhone Duo, where landscape is too short for it; nil elsewhere.
-    var popupMaxHeight: CGFloat? {
-        guard isDuoDevice else { return nil }
-        return height - duoTopInset - insets.bottom - Spacing.XL * 2
-    }
-}
-
-/// Scrolls `content` once it is taller than `maxHeight`; otherwise sizes to it.
-struct PopupScrollBody<Content: View>: View {
-    let maxHeight: CGFloat?
-    @ViewBuilder let content: () -> Content
-
-    @State private var contentHeight: CGFloat = 0
-
-    var body: some View {
-        if let maxHeight {
-            ScrollView(.vertical, showsIndicators: false) {
-                content()
-                    .background(
-                        GeometryReader { proxy in
-                            Color.clear
-                                .onAppear { contentHeight = proxy.size.height }
-                                .onChange(of: proxy.size.height) { contentHeight = $0 }
-                        }
-                    )
-            }
-            .frame(height: min(contentHeight, max(maxHeight, 0)))
-        } else {
-            content()
-        }
-    }
-}

package/ios-demo/Sources/MoMoUIKitsDemo/SampleDemos/DuoTabDemo.swift

@@ -1,76 +0,0 @@
-//
-//  DuoTabDemo.swift
-//  Example
-//
-//  Mirrors RN `app/screens/IPhoneDuo/DuoTabUsage`: glass rail in the Duo side bar, floating
-//  glass bar when unfolded portrait. `useShortcut` gives the tallest side bar header, for the
-//  overlap review.
-//
-
-import MoMoUIKits
-import SwiftUI
-
-private let swatches = [Colors.pink03, Colors.orange03, Colors.green03]
-private let history = (1...18).map { "Giao dịch #\($0)" }
-
-struct DuoTabDemo: View {
-    let useShortcut: Bool
-
-    var body: some View {
-        if #available(iOS 16.0, *) {
-            DuoTabDemoContent(useShortcut: useShortcut)
-        } else {
-            Text("Requires iOS 16+").padding()
-        }
-    }
-}
-
-@available(iOS 16.0, *)
-private struct DuoTabDemoContent: View {
-    let useShortcut: Bool
-
-    var body: some View {
-        BottomTab(
-            items: [
-                tab("DuoMoMo", label: "MoMo", icon: "basic_home", title: "MoMo"),
-                tab("DuoPromotion", label: "Ưu đãi", icon: "shopping_coupon", title: "Ưu đãi", badge: ""),
-                tab("DuoHistory", label: "Lịch sử GD", icon: "time_clock_reset", title: "Lịch sử giao dịch", badge: "3"),
-                tab("DuoMe", label: "Tôi", icon: "basic_person", title: "Tôi"),
-            ],
-            floatingButton: BottomTabFloatingButton(icon: "navigation_full_screen", label: "Quét mọi QR", onPress: {})
-        )
-    }
-
-    private func tab(_ name: String, label: String, icon: String, title: String, badge: String? = nil) -> BottomTabItem {
-        BottomTabItem(
-            name: name,
-            label: label,
-            icon: icon,
-            badgeLabel: badge,
-            options: NavigationOptions(title: title, headerRightData: HeaderRightData(useShortcut: useShortcut)),
-            screen: { DuoTabList() }
-        )
-    }
-}
-
-private struct DuoTabList: View {
-    var body: some View {
-        VStack(spacing: 0) {
-            ForEach(history.indices, id: \.self) { index in
-                if index > 0 { MomoDivider() }
-                HStack(spacing: Spacing.M) {
-                    RoundedRectangle(cornerRadius: Radius.S)
-                        .fill(swatches[index % swatches.count])
-                        .frame(width: Spacing.XL, height: Spacing.XL)
-                    MomoText(history[index], typography: .bodyDefaultRegular)
-                    Spacer()
-                }
-                .padding(.vertical, Spacing.M)
-            }
-        }
-        .padding(.horizontal, Spacing.M)
-        .background(Colors.black01)
-        .clipShape(RoundedRectangle(cornerRadius: Radius.M))
-        .padding(Spacing.M)
-    }
-}

package/ios-demo/Sources/MoMoUIKitsDemo/SampleDemos/IPhoneDuoDemo.swift

@@ -1,170 +0,0 @@
-//
-//  IPhoneDuoDemo.swift
-//  Example
-//
-//  Mirrors RN `app/screens/IPhoneDuo`: the live screen layout, an extended header + search
-//  + footer screen, the Duo tab bars, the popup / bottom sheet behaviour and a grid to scroll.
-//
-
-import MoMoUIKits
-import SwiftUI
-
-private let gridRows: [[Int]] = [[12], [6, 6], [4, 4, 4], [3, 3, 3, 3]]
-
-// enough rows to scroll, so the header glass and side bar can be checked
-private let scrollRows: [[Int]] = Array(repeating: gridRows, count: 4).flatMap { $0 }
-
-struct IPhoneDuoDemo: View {
-    var body: some View {
-        if #available(iOS 16.0, *) {
-            IPhoneDuoDemoContent()
-        } else {
-            Text("Requires iOS 16+").padding()
-        }
-    }
-}
-
-@available(iOS 16.0, *)
-private struct IPhoneDuoDemoContent: View {
-    @EnvironmentObject private var navigator: Navigator
-    @Environment(\.screenLayout) private var layout
-
-    var body: some View {
-        VStack(alignment: .leading, spacing: Spacing.M) {
-            VStack(spacing: 0) {
-                ForEach(info, id: \.0) { label, value in
-                    HStack {
-                        MomoText(label, typography: .bodyDefaultRegular)
-                        Spacer()
-                        MomoText(value, typography: .headerSSemibold)
-                    }
-                    .padding(.vertical, Spacing.XS)
-                }
-            }
-            .padding(.horizontal, Spacing.M)
-
-            VStack(spacing: Spacing.S) {
-                demoButton("Extended header + footer") {
-                    navigator.push({ DuoGridScreen() }, options: extendedOptions)
-                }
-                demoButton("Glass tab bar") {
-                    navigator.push({ DuoTabDemo(useShortcut: false) }, options: tabOptions)
-                }
-                demoButton("Glass tab bar + useShortcut") {
-                    navigator.push({ DuoTabDemo(useShortcut: true) }, options: tabOptions)
-                }
-                demoButton("Bottom sheet: iPhone Duo safe area") {
-                    navigator.showBottomSheet({ BottomSheetSafeArea() }, isSurface: true, header: .title("Safe area"))
-                }
-                demoButton("PopupNotify") {
-                    navigator.showModal {
-                        PopupNotify(props: PopupNotifyProps(
-                            image: "https://static.momocdn.net/app/img/popup_permission/img_permission_popup_camera.png",
-                            title: "Title",
-                            description: String(repeating: "Check lại một nhịp auto chuyển sang dạng CTA. ", count: 8),
-                            primary: PopupAction(title: "Đồng ý", onPress: { navigator.hideOverplay() }),
-                            secondary: PopupAction(title: "Đóng", onPress: { navigator.hideOverplay() }),
-                            onIconClose: { navigator.hideOverplay() }
-                        ))
-                    }
-                }
-            }
-            .padding(.horizontal, Spacing.M)
-
-            DuoGrid()
-        }
-        .padding(.vertical, Spacing.M)
-    }
-
-    private var info: [(String, String)] {
-        let insets = layout.insets
-        return [
-            ("iPhone Duo", layout.isIPhoneDuo ? "yes" : "no"),
-            ("Window", "\(Int(layout.width)) x \(Int(layout.height))"),
-            ("Safe area (T R B L)", "\(Int(insets.top)) \(Int(insets.trailing)) \(Int(insets.bottom)) \(Int(insets.leading))"),
-            ("Content inset (L R)", "\(Int(layout.insetLeft)) \(Int(layout.insetRight))"),
-            ("Content width", "\(Int(layout.contentWidth))"),
-            ("Header height", "\(Int(layout.headerHeight))"),
-            ("Side bar", layout.sideBar.map { "\($0.edge == .left ? "left" : "right"), \(Int($0.width))pt, top \(Int($0.top))" } ?? "none"),
-        ]
-    }
-
-    private var extendedOptions: NavigationOptions {
-        NavigationOptions(
-            title: "Extended",
-            headerType: .extended,
-            headerRightData: HeaderRightData(useShortcut: true),
-            footer: { AnyView(MoMoUIKits.Button(title: "Footer action", action: {}, size: .large)) }
-        )
-    }
-
-    private var tabOptions: NavigationOptions {
-        NavigationOptions(title: "Duo tabs", headerType: .none, scrollable: false)
-    }
-
-    private func demoButton(_ title: String, action: @escaping () -> Void) -> some View {
-        MoMoUIKits.Button(title: title, action: action, type: .secondary, size: .small)
-    }
-}
-
-private struct DuoGridScreen: View {
-    var body: some View {
-        DuoGrid().padding(.vertical, Spacing.M)
-    }
-}
-
-private struct DuoGrid: View {
-    var body: some View {
-        VStack(spacing: Spacing.M) {
-            ForEach(scrollRows.indices, id: \.self) { row in
-                SectionView {
-                    ForEach(scrollRows[row].indices, id: \.self) { index in
-                        let span = scrollRows[row][index]
-                        ItemView(widthSpan: span) {
-                            MomoText("span \(span)", typography: .descriptionDefaultRegular)
-                                .frame(maxWidth: .infinity)
-                                .frame(height: 48)
-                                .background(Colors.black04)
-                                .clipShape(RoundedRectangle(cornerRadius: Radius.S))
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-
-/// Markers on the content edges show the side safe area inside the sheet.
-private struct BottomSheetSafeArea: View {
-    @Environment(\.screenLayout) private var layout
-
-    var body: some View {
-        VStack(alignment: .leading, spacing: Spacing.XS) {
-            HStack {
-                marker("← content edge")
-                Spacer()
-                marker("content edge →")
-            }
-            .padding(.bottom, Spacing.S)
-            MomoText("Window: \(Int(layout.width)) × \(Int(layout.height))", typography: .bodyDefaultRegular)
-            MomoText(
-                "Insets: top \(Int(layout.insets.top)) · right \(Int(layout.insets.trailing)) · bottom \(Int(layout.insets.bottom)) · left \(Int(layout.insets.leading))",
-                typography: .bodyDefaultRegular
-            )
-            MomoText(
-                "On iPhone Duo: the outer display keeps a full-width sheet with content inside the side safe area; the inner display centers the sheet, still attached to the bottom edge. Other devices are unchanged.",
-                typography: .descriptionDefaultRegular,
-                color: Colors.black12
-            )
-        }
-        .padding(.vertical, Spacing.M)
-    }
-
-    private func marker(_ text: String) -> some View {
-        MomoText(text, typography: .labelSMedium, color: Colors.pink03)
-            .padding(.vertical, Spacing.XS)
-            .padding(.horizontal, Spacing.S)
-            .background(Colors.black04)
-            .clipShape(RoundedRectangle(cornerRadius: Radius.XS))
-    }
-}