@momo-kits/native-kits 0.120.0-beta.21 → 0.120.0-beta.25

package/compose/src/commonMain/kotlin/vn/momo/kits/components/datetimepicker/WheelPicker.kt

@@ -1,68 +1,46 @@
 package vn.momo.kits.components.datetimepicker
 
-import androidx.compose.animation.core.tween
 import androidx.compose.foundation.background
 import androidx.compose.foundation.border
-import androidx.compose.foundation.gestures.Orientation
 import androidx.compose.foundation.gestures.animateScrollBy
-import androidx.compose.foundation.gestures.draggable
-import androidx.compose.foundation.gestures.rememberDraggableState
-import androidx.compose.foundation.gestures.scrollBy
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.lazy.LazyListState
 import androidx.compose.foundation.lazy.rememberLazyListState
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
-import androidx.compose.runtime.derivedStateOf
 import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.produceState
 import androidx.compose.runtime.remember
-import androidx.compose.runtime.rememberCoroutineScope
+import androidx.compose.runtime.setValue
+import androidx.compose.runtime.snapshotFlow
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.alpha
-import androidx.compose.ui.draw.scale
+import androidx.compose.ui.graphics.graphicsLayer
 import androidx.compose.ui.platform.LocalDensity
 import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.zIndex
-import kotlinx.coroutines.CoroutineScope
-import kotlinx.coroutines.launch
+import kotlinx.coroutines.FlowPreview
+import kotlinx.coroutines.delay
+import kotlinx.coroutines.flow.collect
+import kotlinx.coroutines.flow.debounce
+import kotlinx.coroutines.flow.onEach
 import vn.momo.kits.components.Text
 import vn.momo.kits.const.AppTheme
 import vn.momo.kits.const.Colors
 import vn.momo.kits.const.Radius
 import vn.momo.kits.const.Typography
 import kotlin.math.abs
-import kotlin.math.roundToInt
 
 private val wheelItemHeight = 42.dp
 private val wheelPickerBorderWidth = 1.dp
 
-private fun onDragStopped(
-    listState: androidx.compose.foundation.lazy.LazyListState,
-    itemHeight: Float,
-    coroutineScope: CoroutineScope
-) {
-
-    coroutineScope.launch {
-        val targetPosition = listState.firstVisibleItemScrollOffset / itemHeight
-        val targetOffset = if (targetPosition.roundToInt() == targetPosition.toInt()) {
-            0f
-        } else {
-            if (targetPosition - targetPosition.toInt() > 0.5f) {
-                (1 - (targetPosition - targetPosition.toInt())) * itemHeight
-            } else {
-                -(targetPosition - targetPosition.toInt()) * itemHeight
-            }
-        }
-
-        listState.animateScrollBy(targetOffset, tween(150))
-    }
-}
-
 @Composable
 fun WheelPicker(
     name: String,
@@ -71,7 +49,6 @@ fun WheelPicker(
     onChange: (String, String) -> Unit,
     modifier: Modifier = Modifier
 ) {
-    val coroutineScope = rememberCoroutineScope()
     val listState = rememberLazyListState()
     val itemHeightPx = with(LocalDensity.current) { wheelItemHeight.toPx() }
 
@@ -87,19 +64,33 @@ fun WheelPicker(
         listState.scrollToItem(initialIndex - 2)
     }
 
-    val selectedIndex by remember {
-        derivedStateOf {
-            (listState.firstVisibleItemIndex + 2).coerceIn(2, paddedData.size - 3)
-        }
-    }
-
-    LaunchedEffect(listState.isScrollInProgress) {
-        if (!listState.isScrollInProgress) {
-            val centeredIndex = selectedIndex
-            if (centeredIndex in 2 until paddedData.size - 2) {
-                onChange(name, paddedData[centeredIndex])
+    var selectedIndex by remember { mutableStateOf(0) }
+
+    LaunchedEffect(Unit) {
+        snapshotFlow { listState.isScrollInProgress }
+            .onEach {
+                if (it) return@onEach
+                val firstItem = listState.layoutInfo.visibleItemsInfo.firstOrNull() ?: return@onEach
+                val firstItemOffset = firstItem.offset
+                if (firstItemOffset == 0) {
+                    selectedIndex = firstItem.index + 2
+                    return@onEach
+                }
+                val isScrollUp = abs(firstItemOffset) > itemHeightPx / 2
+                val offset = if (isScrollUp) {
+                    itemHeightPx - abs(firstItemOffset)
+                } else {
+                    -abs(firstItemOffset)
+                }
+                delay(50)
+                listState.animateScrollBy(offset.toFloat())
+                val centeredIndex = firstItem.index + (if (isScrollUp) 1 else 0) + 2
+                if (centeredIndex in 2 until paddedData.size - 2) {
+                    onChange(name, paddedData[centeredIndex])
+                    selectedIndex = centeredIndex
+                }
             }
-        }
+            .collect()
     }
 
     Box(
@@ -117,21 +108,6 @@ fun WheelPicker(
             state = listState,
             modifier = Modifier
                 .fillMaxWidth()
-                .draggable(
-                    orientation = Orientation.Vertical,
-                    state = rememberDraggableState { delta ->
-                        coroutineScope.launch {
-                            listState.scrollBy(-delta)
-                        }
-                    },
-                    onDragStopped = {
-                        onDragStopped(
-                            listState = listState,
-                            itemHeight = itemHeightPx,
-                            coroutineScope = coroutineScope
-                        )
-                    }
-                )
         ) {
             items(paddedData.size) { index ->
                 WheelPickerItem(
@@ -161,41 +137,43 @@ fun WheelPickerItem(
     text: String,
     isSelected: Boolean,
     index: Int,
-    listState: androidx.compose.foundation.lazy.LazyListState,
+    listState: LazyListState,
     itemHeight: Dp
 ) {
-    val firstVisibleIndex = listState.firstVisibleItemIndex
-    val visibleItemOffset = listState.firstVisibleItemScrollOffset
-
-    val viewportHeight = 5 * itemHeight.value
-    val itemHeightValue = itemHeight.value
-
-    val absoluteOffset =
-        (index - firstVisibleIndex) * itemHeightValue - (visibleItemOffset / itemHeightValue)
-    val relativePosition = absoluteOffset / viewportHeight
-
-    val distance = abs(2 - relativePosition)
-
-    val opacity = when {
-        distance <= 1 -> 1f
-        distance <= 2 -> 0.8f
-        distance <= 3 -> 0.4f
-        else -> 0.4f
-    }
-
-    val scale = if (isSelected) 1f else 0.87f
-
     Box(
         modifier = Modifier
             .fillMaxWidth()
             .height(itemHeight)
-            .alpha(opacity),
+            .graphicsLayer {
+                val firstVisibleIndex = listState.firstVisibleItemIndex
+                val visibleItemOffset = listState.firstVisibleItemScrollOffset
+
+                val viewportHeight = 5 * itemHeight.value
+                val itemHeightValue = itemHeight.value
+
+                val absoluteOffset =
+                    (index - firstVisibleIndex) * itemHeightValue - (visibleItemOffset / itemHeightValue)
+                val relativePosition = absoluteOffset / viewportHeight
+
+                val distance = abs(2 - relativePosition)
+
+                alpha = when {
+                    distance <= 1 -> 1f
+                    distance <= 2 -> 0.8f
+                    distance <= 3 -> 0.4f
+                    else -> 0.4f
+                }
+            },
         contentAlignment = Alignment.Center
     ) {
         Text(
             text = text,
             style = Typography.actionSBold,
-            modifier = Modifier.scale(scale)
+            modifier = Modifier.graphicsLayer {
+                val scale = if (isSelected) 1f else 0.87f
+                scaleX = scale
+                scaleY = scale
+            }
         )
     }
 } 

package/ios/Application/Components.swift

@@ -214,8 +214,8 @@ public struct Header: View {
                                 }
                             } else {
                                 Text(title)
-                                    .font(Font.system(size: scaleSize(17)).weight(.bold))
-                                    .lineSpacing(scaleSize(22))
+                                    .font(Font.system(size: 17).weight(.bold))
+                                    .lineSpacing(22)
                                     .foregroundColor(tintColor)
                                     .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)

package/ios/Button/Button.swift

@@ -42,7 +42,7 @@ public struct Button: View {
         SwiftUI.Button(action: action) {
             HStack {
                 iconLeft
-                renderTitle(title: title, type: type, size: size)
+                renderTitle(title: title, type: type, size: size).lineLimit(1).truncationMode(.tail)
                 iconRight
             }
             .buttonSize(size)
@@ -62,11 +62,11 @@ public struct Button: View {
     func renderTitle(title: String, type: ButtonType, size: ButtonSize) -> Text {
         switch size {
         case .large:
-            return Text(title).font(.system(size: scaleSize(16), weight: Font.Weight.bold))
+            return Text(title).font(.system(size: 16, weight: Font.Weight.bold))
         case .medium:
-            return Text(title).font(.system(size: scaleSize(14), weight: Font.Weight.bold))
+            return Text(title).font(.system(size: 14, weight: Font.Weight.bold))
         case .small:
-            return Text(title).font(.system(size: scaleSize(12), weight: Font.Weight.bold))
+            return Text(title).font(.system(size: 12, weight: Font.Weight.bold))
         }
     }
 }
@@ -123,15 +123,15 @@ private extension View {
         case .large:
             return self
                 .frame(maxWidth: .infinity, minHeight: 48, maxHeight: 48)
-                .padding([.leading, .trailing], Spacing.XS)
+                .padding([.leading, .trailing], Spacing.L)
         case .medium:
             return self
                 .frame(minWidth: 80, maxWidth: .infinity, minHeight: 36, maxHeight: 36)
-                .padding([.leading, .trailing], Spacing.XS)
+                .padding([.leading, .trailing], Spacing.M)
         case .small:
             return self
                 .frame(minWidth: 56, maxWidth: 76, minHeight: 28, maxHeight: 28)
-                .padding([.leading, .trailing], Spacing.XS)
+                .padding([.leading, .trailing], Spacing.S)
         }
     }
 }

package/ios/Checkbox/Checkbox.swift

@@ -53,7 +53,8 @@ public struct Checkbox: View{
 
             // Title
             if !title.isEmpty {
-                MomoText(title, typography: .bodyDefaultRegular)
+                Text(title)
+                    .font(.description1)
             }
         }
     }

package/ios/Input/Input.swift

@@ -5,7 +5,6 @@ import SwiftUI
 fileprivate struct FloatingComponent: View {
     var floatingValue: String
     var floatingIcon: AnyView?
-    var disabled: Bool = false
     
     public init (_ floatingValue: String = "", floatingIcon: AnyView? = nil){
         self.floatingValue = floatingValue
@@ -14,9 +13,12 @@ fileprivate struct FloatingComponent: View {
     
     public var body: some View {
         return HStack {
-            MomoText(floatingValue, typography: .labelSMedium, color: self.disabled ? Colors.black12 : Colors.black08)
-                .padding(.leading, Spacing.XS)
-                .padding(.trailing, Spacing.XS)
+            Text(floatingValue)
+                .font(.paragraph)
+                .foregroundColor(Colors.black09)
+                .font(.system(size: 12))
+                .padding(.leading, 8)
+                .padding(.trailing, 8)
             floatingIcon
         }
         .background(Colors.black01)
@@ -111,83 +113,84 @@ public struct Input: View {
     }
     
     public var body: some View {
-        VStack(alignment: .leading, spacing: 4) {
-            ZStack(alignment: .topLeading) {
-                HStack(alignment: .center) {
-                    if let leadingIcon = leadingIcon {
-                        Icon(source: leadingIcon, size: 16, color: leadingIconColor)
-                    }
-                    
-                    if !isSecure {
-                        TextField("", text: $value ,onEditingChanged: { isChange in
-                            self.focused = isChange
-                        })
-                        .disabled(disabled)
-                        .frame(maxHeight: .infinity)
-                        .multilineTextAlignment(.leading)
-                        .font(.system(size: scaleSize(14)))
-                    } else {
-                        DotTextField(value: $value)
+            VStack(alignment: .leading, spacing: 4) {
+                ZStack(alignment: .topLeading) {
+                    HStack(alignment: .center) {
+                        if let leadingIcon = leadingIcon {
+                            Icon(source: leadingIcon, size: 16, color: leadingIconColor)
+                        }
+                        
+                        if !isSecure {
+                            TextField("", text: $value, onEditingChanged: { isChange in
+                                self.focused = isChange
+                            })
                             .disabled(disabled)
+                            .font(fontWeight == .bold ? .headline : .body)
+                        } else {
+                            DotTextField(value: $value)
+                                .disabled(disabled)
+                        }
+                        
+                        if loading {
+                            ActivityIndicator(isAnimating: .constant(true), style: .medium)
+                                .frame(width: 20, height: 20)
+                        } else if !value.isEmpty {
+                            SwiftButton(action: onCancel){
+                                Image(systemName: "x.circle.fill")
+                                    .foregroundColor(Colors.text)
+                                    .frame(width: 16, height: 16)
+                                    .padding(.leading, -4)
+                                    .padding(.trailing, 8)
+                            }
+                        }
+
+                        rightIcon
                     }
+                    .padding(.horizontal, 12)
+                    .frame(height: size == .small ? 40 : 48)
+                    .background(disabled ? Colors.black01 : Color.white)
+                    .overlay(RoundedRectangle(cornerRadius: 8).stroke(focused ? Colors.pink03 : Colors.border, lineWidth: 1))
                     
-                    if loading {
-                        ActivityIndicator(isAnimating: .constant(true), style: .medium)
-                            .frame(width: 20, height: 20)
-                    } else if !value.isEmpty {
-                        SwiftButton(action: onCancel){
-                            Image(systemName: "x.circle.fill")
-                                .foregroundColor(Colors.text)
-                                .frame(width: 16, height: 16)
-                                .padding(.leading, -4)
-                                .padding(.trailing, 8)
-                        }
+                    if value.isEmpty {
+                        Text(placeholder + (required ? " *" : ""))
+                            .foregroundColor(Colors.black09)
+                            .padding(.horizontal, leadingIcon == nil ? 12 : 32)
+                            .padding(.top, 12)
+                            .allowsHitTesting(false)
                     }
                     
-                    rightIcon
+                    if !floatingValue.isEmpty {
+                        FloatingComponent(floatingValue, floatingIcon: floatingIconURL.map { url in
+                            AnyView(
+                                Icon(source: url, size: 16, color: floatingIconColor)
+                                )
+                        })
+                            
+                    }
                 }
-                .padding(.horizontal, 12)
-                .frame(height: size == .small ? scaleSize(40) : scaleSize(48))
-                .background(disabled ? Colors.black01 : Color.white)
-                .overlay(RoundedRectangle(cornerRadius: 8).stroke(focused ? Colors.pink03 : Colors.border, lineWidth: 1))
                 
-                if value.isEmpty {
-                    Text(placeholder + (required ? " *" : ""))
-                        .font(.system(size: scaleSize(14)))
+                if !errorMessage.isEmpty {
+                    Text(errorMessage)
+                        .foregroundColor(.red)
+                        .font(.caption)
+                } else if let hint = hintText {
+                    Text(hint)
                         .foregroundColor(Colors.black09)
-                        .padding(.horizontal, leadingIcon == nil ? 12 : 32)
-                        .padding(.top, 12)
-                        .allowsHitTesting(false)
+                        .font(.caption)
                 }
-                
-                if !floatingValue.isEmpty {
-                    FloatingComponent(floatingValue, floatingIcon: floatingIconURL.map { url in
-                        AnyView(
-                            Icon(source: url, size: 16, color: floatingIconColor)
-                        )
-                    })
-                    
-                }
-            }
-            
-            if !errorMessage.isEmpty {
-                MomoText(errorMessage, typography: .descriptionDefaultRegular, color: Colors.red03)
-            } else if hintText != nil {
-                MomoText(errorMessage, typography: .descriptionDefaultRegular, color: Colors.black12)
             }
         }
-    }
 }
 
 
 struct ActivityIndicator: UIViewRepresentable {
     @Binding var isAnimating: Bool
     let style: UIActivityIndicatorView.Style
-    
+
     func makeUIView(context: UIViewRepresentableContext<ActivityIndicator>) -> UIActivityIndicatorView {
         return UIActivityIndicatorView(style: style)
     }
-    
+
     func updateUIView(_ uiView: UIActivityIndicatorView, context: UIViewRepresentableContext<ActivityIndicator>) {
         isAnimating ? uiView.startAnimating() : uiView.stopAnimating()
     }

package/ios/Popup/PopupDisplay.swift

@@ -21,7 +21,7 @@ public enum PopupButtonType {
 public struct PopupDisplay: View {
     // MARK: Lifecycle
 
-    public init(isPresented: Binding<Bool>, title: String = "", description: String = "", url: String = "", buttonDirection: PopupButtonDirection = .column, buttonType: PopupButtonType = .button, actionButtonTitle: String = "", closeButtonTitle: String = "", onPressAction: @escaping () -> Void = {}, onPressCloseButton: @escaping () -> Void = {}, onClose: @escaping () -> Void = {}, errorCode: String = "") {
+    public init(isPresented: Binding<Bool>, title: String = "", description: String = "", url: String = "", buttonDirection: PopupButtonDirection = .column, buttonType: PopupButtonType = .button, actionButtonTitle: String = "", closeButtonTitle: String = "", onPressAction: @escaping () -> Void = {}, onPressCloseButton: @escaping () -> Void = {}, onClose: @escaping () -> Void = {}, errorCode: String = "", isShowCloseIcon: Bool = true) {
         self._isPresented = isPresented
         self.title = title
         self.description = description
@@ -34,6 +34,7 @@ public struct PopupDisplay: View {
         self.closeButtonTitle = closeButtonTitle
         self.actionButtonTitle = actionButtonTitle
         self.errorCode = errorCode
+        self.isShowCloseIcon = isShowCloseIcon
     }
 
     // MARK: Public
@@ -48,17 +49,19 @@ public struct PopupDisplay: View {
 
         VStack(spacing: 12) {
             ZStack(alignment: .topTrailing) {
-                SwiftUI.Button(action: onClose) {
-                    Image(systemName: "xmark.circle.fill")
-                        .resizable()
-                        .frame(width: 22, height: 22)
-                        .overlay(RoundedRectangle(cornerRadius: Radius.L).stroke(Colors.black01, lineWidth: 2))
-                }.foregroundColor(Colors.black20)
-                    .background(Colors.black01.cornerRadius(15))
-                    .padding(.trailing, -11)
-                    .padding(.top, -11)
-                    .zIndex(1)
-                    .accessibility(identifier: "ic_popup_close")
+                if(isShowCloseIcon) {
+                    SwiftUI.Button(action: onClose) {
+                        Image(systemName: "xmark.circle.fill")
+                            .resizable()
+                            .frame(width: 22, height: 22)
+                            .overlay(RoundedRectangle(cornerRadius: Radius.L).stroke(Colors.black01, lineWidth: 2))
+                    }.foregroundColor(Colors.black20)
+                        .background(Colors.black01.cornerRadius(15))
+                        .padding(.trailing, -11)
+                        .padding(.top, -11)
+                        .zIndex(1)
+                        .accessibility(identifier: "ic_popup_close")
+                }
 
                 VStack {
                     if(!url.isEmpty) {
@@ -164,6 +167,7 @@ public struct PopupDisplay: View {
     var actionButtonTitle: String
     var closeButtonTitle: String
     var errorCode: String
+    var isShowCloseIcon: Bool
 
     var RowTextButtons: some View {
         HStack {
@@ -201,7 +205,9 @@ public struct PopupDisplay: View {
 
     var RowButtons: some View {
         HStack {
-            Button(title: closeButtonTitle, action: onPressCloseButton, type: .secondary, size: .medium).accessibility(identifier: "btn_popup_cancel")
+            if(!closeButtonTitle.isEmpty) {
+                Button(title: closeButtonTitle, action: onPressCloseButton, type: .secondary, size: .medium).accessibility(identifier: "btn_popup_cancel")
+            }
             Button(title: actionButtonTitle, action: onPressAction, size: .medium)
                 .accessibility(identifier: "btn_popup_allow")
         }
@@ -217,8 +223,9 @@ public struct PopupDisplay: View {
                 action: onPressAction,
                 size: .medium
             ).accessibility(identifier: "btn_popup_allow")
-            Button(title: closeButtonTitle, action: onPressCloseButton, type: .secondary, size: .medium).accessibility(identifier: "btn_popup_cancel")
-
+            if(!closeButtonTitle.isEmpty) {
+                Button(title: closeButtonTitle, action: onPressCloseButton, type: .secondary, size: .medium).accessibility(identifier: "btn_popup_cancel")
+            }
         }
         .frame(maxWidth: .infinity, alignment: .trailing)
         .padding(.horizontal, 24)

package/ios/Popup/PopupPromotion.swift

@@ -19,31 +19,36 @@ public struct PopupPromotion: View {
 
     public var body: some View {
         VStack(spacing: 8) {
-            WebImage(url: URL(string: imageUrl)!)
-                .resizable()
-                .placeholder {
-                    Color.gray
-                        .aspectRatio(0.72, contentMode: .fit)
-                        .frame(maxWidth: UIScreen.main.bounds.width - Spacing.XL * 2)
-                        .clipped()
-                }
-                .scaledToFill()
-                .aspectRatio(0.72, contentMode: .fit)
-                .frame(maxWidth: UIScreen.main.bounds.width - Spacing.XL * 2, alignment: .center)
-                .clipped()
-                .onTapGesture {
-                    onAction?()
-                }
-
+            if(imageUrl.isEmpty) {
+                Icon(source: "media_fail", size: UIScreen.main.bounds.width - Spacing.XL * 2)
+            }
+            else {
+                WebImage(url: URL(string: imageUrl)!)
+                    .resizable()
+                    .placeholder {
+                        Color.gray
+                            .aspectRatio(0.72, contentMode: .fit)
+                            .frame(maxWidth: UIScreen.main.bounds.width - Spacing.XL * 2)
+                            .clipped()
+                    }
+                    .scaledToFill()
+                    .aspectRatio(0.72, contentMode: .fit)
+                    .frame(maxWidth: UIScreen.main.bounds.width - Spacing.XL * 2, alignment: .center)
+                    .clipped()
+                    .onTapGesture {
+                        onAction?()
+                    }
+            }
             buildCloseIcon()
+                .accessibility(identifier: "ic_popup_close")
         }
+        .accessibilityElement(children: .ignore)
         .accessibility(identifier: "popup_promotion")
     }
 
     @ViewBuilder
     private func buildCloseIcon() -> some View {
-        HStack {
-            Spacer()
+        HStack(alignment: .center, spacing: 0) {
             SwiftUI.Button(action: {
                 onIconClose?()
             }) {
@@ -51,13 +56,14 @@ public struct PopupPromotion: View {
                     Circle()
                         .strokeBorder(Colors.black01, lineWidth: 2)
                         .background(Circle().fill(Colors.black17))
-                        .frame(width: 20, height: 20)
+                        .frame(width: 22, height: 22)
 
-                    Icon(source: "navigation_close", size: 14, color: Colors.black01)
+                    Icon(source: "navigation_close", size: 16,  color: Colors.black01)
                 }
+                .frame(width: 40, height: 40)
+                .padding(8)
+                .zIndex(1)
             }
-            .padding(8)
-            Spacer()
         }
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momo-kits/native-kits",
-  "version": "0.120.0-beta.21",
+  "version": "0.120.0-beta.25",
   "private": false,
   "dependencies": {},
   "devDependencies": {},

package/publish.sh

@@ -1,19 +0,0 @@
-#!/bin/bash
-rm -rf dist
-mkdir dist
-
-cp . ./dist
-
-# GET VERSION from mck_package.json
-VERSIONSTRING=( v$(jq .version package.json) )
-VERSION=(${VERSIONSTRING//[\"]/})
-echo VERSION: $VERSION
-
-rsync -r --verbose --exclude 'build' --exclude 'dist'  --exclude 'example' --exclude 'gradle' --exclude 'sample' ./* dist
-
-cd dist
-npm publish --tag beta --access=public
-cd ..
-rm -rf dist
-
-#curl -X POST -H 'Content-Type: application/json' 'https://chat.googleapis.com/v1/spaces/AAAAbP8987c/messages?key=AIzaSyDdI0hCZtE6vySjMm-WEfRq3CPzqKqqsHI&token=UGSFRvk_oYb9uGsAgs31bVvMm6jDkmD8zihGm3eyaQA%3D&threadKey=JoaXTEYaNNkl' -d '{"text": "@momo-kits/native new version release: '*"$VERSION"*' https://www.npmjs.com/package/@momo-kits/native-kits"}'