@momo-kits/native-kits 0.162.44 → 0.162.45

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

@@ -0,0 +1,173 @@
+//
+//  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("Glass tab bar + compress tab bar") {
+                    navigator.push({ DuoTabDemo(useShortcut: true, compressTabBar: 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))
+    }
+}

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

@@ -4,7 +4,7 @@
 //
 //  Usage demo for the navigation flow. Mirrors Compose's `NavigationUsage`:
 //  exercises push / present / replace / reset, the modal & bottom-sheet
-//  overplays, the snack bar, the user header title and the bottom-tab layout.
+//  overplays, the snack bar, the header titles, runtime options and the bottom-tab layout.
 //
 
 import MoMoUIKits
@@ -149,6 +149,52 @@ private struct NavigationDemoContent: View {
                     )
                 }
 
+                row("Header Location Title") {
+                    navigator.push(
+                        { DemoLeafScreen(title: "Location title", color: Colors.blue09) },
+                        options: NavigationOptions(
+                            headerTitle: .location(
+                                HeaderLocationData(description: "Deliver to", location: "123 Nguyen Hue, District 1", onPress: { print("location") })
+                            )
+                        )
+                    )
+                }
+
+                row("Header Journey Title") {
+                    navigator.push(
+                        { DemoLeafScreen(title: "Journey title", color: Colors.pink09) },
+                        options: NavigationOptions(
+                            headerTitle: .journey(
+                                HeaderJourneyData(start: "Ho Chi Minh", end: "Ha Noi", description: "Mon, 12/10 · 1 adult", icon: "16_arrow_chevron_right", onPress: { print("journey") })
+                            )
+                        )
+                    )
+                }
+
+                row("Update Options At Runtime") {
+                    navigator.push(
+                        { UpdateOptionsScreen() },
+                        options: NavigationOptions(title: "Before update")
+                    )
+                }
+
+                row("Bottom Sheet With Footer") {
+                    navigator.showBottomSheet({
+                        VStack(spacing: 12) {
+                            ForEach(0..<6, id: \.self) { i in
+                                MomoText("Bottom sheet row \(i + 1)")
+                                    .frame(maxWidth: .infinity, alignment: .leading)
+                            }
+                        }
+                        .padding(Spacing.L)
+                    }, header: .title("Footer"), draggable: false, footer: {
+                        AnyView(
+                            MoMoUIKits.Button(title: "Confirm", action: { navigator.hideOverplay() }, type: .primary, size: .large)
+                                .padding(.horizontal, Spacing.M)
+                        )
+                    })
+                }
+
                 row("Header Animated") {
                     navigator.push(
                         { AnimatedHeaderDemoContent() },
@@ -177,6 +223,36 @@ private struct NavigationDemoContent: View {
 
 // MARK: - Leaf / presented screens
 
+/// A screen changing its own header and footer after it is shown (Compose `LocalNavigation`).
+@available(iOS 16.0, *)
+private struct UpdateOptionsScreen: View {
+    @EnvironmentObject private var navigation: Navigation
+    @EnvironmentObject private var navigator: Navigator
+
+    var body: some View {
+        VStack(spacing: 16) {
+            MoMoUIKits.Button(title: "Change title", action: {
+                navigation.setOptions { $0.title = "Updated at \(Date().formatted(date: .omitted, time: .standard))" }
+            }, type: .primary, size: .large)
+            MoMoUIKits.Button(title: "Add footer", action: {
+                navigation.setOptions {
+                    $0.footer = { AnyView(MoMoUIKits.Button(title: "Footer action", action: {}, type: .primary, size: .large)) }
+                }
+            }, type: .secondary, size: .large)
+            MoMoUIKits.Button(title: "Show snack bar above the footer", action: {
+                navigator.showSnackBar(.custom(duration: 2.0) {
+                    MomoText("Snack bar", color: Colors.black01)
+                        .frame(maxWidth: .infinity, minHeight: 48)
+                        .background(Colors.black17)
+                        .clipShape(RoundedRectangle(cornerRadius: Radius.M))
+                        .padding(.horizontal, Spacing.M)
+                })
+            }, type: .secondary, size: .large)
+        }
+        .padding(16)
+    }
+}
+
 @available(iOS 16.0, *)
 private struct DemoLeafScreen: View {
     @EnvironmentObject private var navigator: Navigator

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

@@ -160,6 +160,7 @@ private struct PopupDisplayDemoContent: View {
                 errorCode: errorCode,
                 isShowCloseIcon: showCloseIcon
             )
+            .padding(.horizontal, Spacing.M)
         }
     }
 }

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

@@ -26,7 +26,7 @@ private struct PopupNotifyPreview: View {
     private func show() {
         navigator.showModal {
             PopupNotify(props: PopupNotifyProps(
-                image: "https://i.imgur.com/s70S9s9.png",
+                image: "https://static.momocdn.net/app/img/popup_permission/img_permission_popup_camera.png",
                 title: "Title",
                 description: "Check lại một nhịp auto chuyển sang dạng CTA.",
                 error: "9004",
@@ -50,7 +50,7 @@ private let popupDirectionList: [PlaygroundOption] = [
 @available(iOS 16.0, *)
 private struct PopupNotifyPlayground: View {
     @EnvironmentObject private var navigator: Navigator
-    @State private var image = "https://i.imgur.com/s70S9s9.png"
+    @State private var image = "https://static.momocdn.net/app/img/popup_permission/img_permission_popup_camera.png"
     @State private var title = "Title"
     @State private var description = "Check lại một nhịp auto chuyển sang dạng CTA."
     @State private var error = "9004"

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

@@ -37,6 +37,7 @@ private struct PopupPromotionPreview: View {
     private func show(_ url: String) {
         navigator.showModal {
             PopupPromotion(imageUrl: url, onIconClose: { navigator.hideOverplay() }, onAction: { navigator.hideOverplay() })
+                .padding(.horizontal, Spacing.M)
         }
     }
 }
@@ -62,6 +63,7 @@ private struct PopupPromotionPlayground: View {
     private func show() {
         navigator.showModal {
             PopupPromotion(imageUrl: imageUrl, onIconClose: { navigator.hideOverplay() }, onAction: { navigator.hideOverplay() })
+                .padding(.horizontal, Spacing.M)
         }
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momo-kits/native-kits",
-  "version": "0.162.44",
+  "version": "0.162.45",
   "private": false,
   "dependeNavigationncies": {},
   "devDependencies": {},

package/scripts/gen-ios-icons.mjs

@@ -0,0 +1,36 @@
+// Generates ios/Icon/Icons.swift from the Compose icon map so both kits ship the same
+// compiled-in icons. Run from anywhere: `node scripts/gen-ios-icons.mjs`.
+import { readFileSync, writeFileSync } from "fs";
+import { dirname, join } from "path";
+import { fileURLToPath } from "url";
+
+const root = join(dirname(fileURLToPath(import.meta.url)), "..");
+const source = join(root, "compose/src/commonMain/kotlin/vn/momo/kits/utils/Icons.kt");
+const target = join(root, "ios/Icon/Icons.swift");
+
+const kotlin = readFileSync(source, "utf8");
+const kotlinString = String.raw`"((?:[^"\\]|\\.)*)"`;
+const unescapeKotlin = (s) => s.replace(/\\(["\\$])/g, "$1");
+const swiftString = (s) => `"${s.replace(/\\/g, "\\\\").replace(/"/g, '\\"')}"`;
+
+const icons = [...kotlin.matchAll(new RegExp(`^\\s*${kotlinString} to ${kotlinString}`, "gm"))]
+  .map(([, key, url]) => [unescapeKotlin(key), unescapeKotlin(url)]);
+const noThemeBlock = kotlin.match(/val noThemeIcons = listOf\(([^)]*)\)/);
+const noTheme = noThemeBlock
+  ? [...noThemeBlock[1].matchAll(new RegExp(kotlinString, "g"))].map(([, s]) => unescapeKotlin(s))
+  : [];
+
+if (icons.length === 0) throw new Error(`No icons parsed from ${source}`);
+if (new Set(icons.map(([key]) => key)).size !== icons.length) throw new Error("Duplicate icon keys");
+
+const swift = `// Generated by scripts/gen-ios-icons.mjs from compose/.../utils/Icons.kt. Do not edit by hand.
+
+let kitIcons: [String: String] = [
+${icons.map(([key, url]) => `    ${swiftString(key)}: ${swiftString(url)},`).join("\n")}
+]
+
+let noThemeIcons: [String] = [${noTheme.map(swiftString).join(", ")}]
+`;
+
+writeFileSync(target, swift);
+console.log(`Wrote ${icons.length} icons (${noTheme.length} untinted) to ${target}`);

package/ios/Application/Components.swift

@@ -1,270 +0,0 @@
-//
-//  Components.swift
-//  Pods
-//
-//  Created by sophia on 24/1/25.
-//
-
-import SwiftUI
-
-// MARK: - Enums
-
-public enum TitlePosition {
-    case left, center
-}
-
-public enum HeaderType {
-    case `default`, extended, none
-}
-
-public enum AnimatedHeaderRatio {
-    case ratio16_9
-    case ratio1_1
-    case ratio3_2
-
-    var value: CGFloat {
-        switch self {
-        case .ratio16_9: return 16.0 / 9.0
-        case .ratio1_1:  return 1.0
-        case .ratio3_2:  return 3.0 / 2.0
-        }
-    }
-}
-
-
-// MARK: - Animated Header Config
-
-public struct AnimatedHeader {
-    public var aspectRatio: AnimatedHeaderRatio = .ratio16_9
-    public var isSurface: Bool = true
-    public var composable: (_ scrollState: CGFloat) -> AnyView = { _ in AnyView(EmptyView()) }
-
-    public init(
-        aspectRatio: AnimatedHeaderRatio = .ratio16_9,
-        isSurface: Bool = true,
-        composable: @escaping (_ scrollState: CGFloat) -> AnyView = { _ in AnyView(EmptyView()) }
-    ) {
-        self.aspectRatio = aspectRatio
-        self.isSurface = isSurface
-        self.composable = composable
-    }
-}
-
-// MARK: - Utils
-
-func safeAreaTopInset() -> CGFloat {
-    if #available(iOS 15.0, *) {
-        return UIApplication.shared.connectedScenes
-            .compactMap { ($0 as? UIWindowScene)?.keyWindow?.safeAreaInsets.top }
-            .first ?? 0
-    } else {
-        return UIApplication.shared.connectedScenes
-            .compactMap { ($0 as? UIWindowScene)?.windows.first?.safeAreaInsets.top }
-            .first ?? 0
-    }
-}
-
-// MARK: - Header Background
-
-public struct HeaderBackground: View {
-    var headerType: HeaderType = .default
-    var scrollState: CGFloat
-    var headerTransparent: Bool = false
-    var fullScreenContent: Bool = false
-
-    public init(
-        headerType: HeaderType = .default,
-        scrollState: CGFloat = 0,
-        headerTransparent: Bool = false,
-        fullScreenContent: Bool = false
-    ) {
-        self.headerType = headerType
-        self.scrollState = scrollState
-        self.headerTransparent = headerTransparent
-        self.fullScreenContent = fullScreenContent
-    }
-
-    public var body: some View {
-        let statusBarHeight = safeAreaTopInset()
-        let opacity = max(0, 1 - scrollState / 200)
-        let height = fullScreenContent ? 0 :  statusBarHeight + 52
-        let backgroundColor = headerTransparent ? Color.clear : Colors.black01
-
-        Group {
-            switch headerType {
-            case .default:
-                ZStack(alignment: .bottom) {
-                    Rectangle()
-                        .fill(backgroundColor)
-                        .opacity(headerTransparent ? 0 : opacity)
-                        .frame(height: height)
-                        .shadow(color: Colors.black20.opacity(0.2), radius: 10, x: 0, y: -2)
-                        .background(backgroundColor)
-                        .overlay(
-                            headerTransparent ? AnyView(EmptyView()) :
-                            AnyView(
-                                Rectangle()
-                                    .fill(LinearGradient(
-                                        gradient: Gradient(colors: [
-                                            Color(red: 1, green: 0.8, blue: 0.87),
-                                            Color(red: 1, green: 0.8, blue: 0.87).opacity(0.5)
-                                        ]),
-                                        startPoint: .top,
-                                        endPoint: .bottom))
-                                    .opacity(opacity)
-                                    .frame(height: height))
-                        )
-                    if !headerTransparent {
-                        Rectangle()
-                            .fill(Color.black.opacity(0.1))
-                            .frame(height: 1)
-                            .frame(maxWidth: .infinity)
-                    }
-                }
-
-            case .extended:
-                ZStack {
-                    if !headerTransparent {
-                        Colors.black01
-                        LinearGradient(
-                            gradient: Gradient(colors: [
-                                Color(red: 1, green: 0.8, blue: 0.87),
-                                Color(red: 1, green: 0.8, blue: 0.87).opacity(0)
-                            ]),
-                            startPoint: .top,
-                            endPoint: .bottom
-                        )
-                        .opacity(opacity)
-                        .frame(height: 154)
-                    }
-                }
-
-            case .none:
-                EmptyView()
-            }
-        }
-    }
-}
-
-// MARK: - Bottom-tab root preference
-
-/// Set by `BottomTab` on appear so its enclosing `StackScreen` can detect that
-/// it's hosting a self-contained bottom-tab surface and skip its own bottom
-/// safe-area reservation — mirrors Compose's `Navigation.markAsBottomTabRoot()`
-/// (`navigation.isBottomTabRoot`, read by `StackScreen.kt`'s `MainContent`).
-/// Without this, `BottomTab`'s own internal safe-area handling gets an extra,
-/// unwanted inset stacked on top of it by the outer `StackScreen`, pushing the
-/// tab bar up higher than the true bottom inset.
-public struct IsBottomTabRootKey: PreferenceKey {
-    public static var defaultValue: Bool = false
-    public static func reduce(value: inout Bool, nextValue: () -> Bool) {
-        value = value || nextValue()
-    }
-}
-
-// MARK: - Header View
-
-public struct Header: View {
-    var headerType: HeaderType = .default
-    var titlePosition: TitlePosition
-    var title: String
-    /// Optional rich title (mirrors Compose's `HeaderTitle`); `.user` renders an
-    /// avatar group instead of `title`. Defaults to nil → plain `title` text.
-    var headerTitle: HeaderTitle?
-    var headerRight:  (()->any View)? = {HeaderRight()}
-    var goBack: (() -> Void)?
-    var opacity: CGFloat = 1
-    var animatedHeader: AnimatedHeader?
-    var scrollState: CGFloat = 0
-    var inputSearchProps: InputSearchProps?
-    var tintColor: Color?
-    /// Title opacity; used by the animated search header to fade the title out on scroll.
-    var titleOpacity: CGFloat = 1
-
-    public init(
-        headerType: HeaderType = .default,
-        titlePosition: TitlePosition,
-        title: String,
-        headerTitle: HeaderTitle? = nil,
-        headerRight:  (()->any View)? = {HeaderRight()},
-        goBack: (() -> Void)? = nil,
-        opacity: CGFloat = 1,
-        animatedHeader: AnimatedHeader? = nil,
-        scrollState: CGFloat = 0,
-        inputSearchProps: InputSearchProps? = nil,
-        tintColor: Color? = nil,
-        titleOpacity: CGFloat = 1
-    ) {
-        self.headerType = headerType
-        self.titlePosition = titlePosition
-        self.title = title
-        self.headerTitle = headerTitle
-        self.headerRight = headerRight
-        self.goBack = goBack
-        self.opacity = opacity
-        self.animatedHeader = animatedHeader
-        self.scrollState = scrollState
-        self.inputSearchProps = inputSearchProps
-        self.tintColor = tintColor
-        self.titleOpacity = titleOpacity
-    }
-
-    public var body: some View {
-
-        let backgroundButtonColor: Color = tintColor == Colors.black01 ? Colors.black20.opacity(0.6) : Colors.black01.opacity(0.6)
-        let borderColor: Color = tintColor == Colors.black01 ? Colors.black01.opacity(0.2) : Colors.black20.opacity(0.2)
-
-        if headerType != .none {
-            VStack(spacing: 0) {
-                ZStack {
-                    // MARK: - Left and Right Controls
-                    HStack {
-                        if let goBack = goBack {
-                            SwiftUI.Button(action: goBack) {
-                                Circle()
-                                    .stroke(borderColor, lineWidth: 0.2)
-                                    .background(Circle().fill(backgroundButtonColor))
-                                    .frame(width: 28, height: 28)
-                                    .overlay(
-                                            Icon(source: "arrow-back", size: 20, color: tintColor ?? Colors.black17)
-                                    )
-                            }
-                        }
-
-                        Spacer()
-
-                        if let headerRight = headerRight {
-                            AnyView(headerRight())
-                        }
-                    }
-                    .padding(.horizontal, 12)
-
-                    // MARK: - Title or Search
-                    HStack {
-                        if titlePosition == .left && goBack != nil {
-                            Spacer().frame(width: 38)
-                        }
-
-                        if let inputProps = inputSearchProps {
-                            InputSearch(props: inputProps)
-                        } else if case let .user(userData)? = headerTitle {
-                            if #available(iOS 16.0, *) {
-                                HeaderUserView(userData)
-                            }
-                        } else {
-                            MomoText(headerTitle?.defaultTitle ?? title, typography: .headerDefaultBold, color: tintColor ?? Colors.black17, maxLines: 1)
-                                .opacity(titleOpacity)
-                                .frame(maxWidth: titlePosition == .center ? UIScreen.main.bounds.width - 252 : nil)
-                                .frame(maxWidth: titlePosition == .center ? .infinity : UIScreen.main.bounds.width - 172, alignment: titlePosition == .center ? .center : .leading)
-                        }
-
-                        Spacer()
-                    }
-                    .padding(.horizontal)
-                }
-                .background(Color.clear)
-                .frame(height: 52)
-            }
-        }
-    }
-}

package/ios/Application/ComposeApi.swift

@@ -1,22 +0,0 @@
-import Foundation
-
-public protocol ComposeApi {
-    func request(funcName: String, params: Any, _ completion: ((String) -> Void)?)
-    func request(funcName: String, params: Any) -> String
-}
-
-// Default implementation
-public class ComposeApiImpl: ComposeApi {
-    public static let shared = ComposeApiImpl()
-    
-    private init() {}
-    
-    public func request(funcName: String, params: Any, _ completion: ((String) -> Void)?) {
-        // Implement your API request logic here
-    }
-    
-    public func request(funcName: String, params: Any) -> String {
-        // Implement your API request logic here
-        return ""
-    }
-}