@momo-kits/foundation 0.169.4-beta.2 → 0.169.4-beta.4

package/Application/__tests__/modalLayout.test.ts

@@ -16,10 +16,10 @@ describe('getModalLayout', () => {
     expect(layout.isFoldable).toBe(false);
     expect(layout.popup.width).toBe(342);
     expect(layout.popup.maxHeight).toBeUndefined();
-    expect(layout.popup.radius).toBe(16);
+    expect(layout.popup.radius).toBe(24);
     expect(layout.sheet.width).toBeUndefined();
     expect(layout.sheet.maxHeight).toBeUndefined();
-    expect(layout.sheet.radius).toBe(12);
+    expect(layout.sheet.radius).toBe(24);
     expect(layout.scrimOpacity).toBe(0.6);
   });
 
@@ -33,7 +33,7 @@ describe('getModalLayout', () => {
     expect(layout.isFoldable).toBe(false);
     expect(layout.popup.width).toBe(844 - 48);
     expect(layout.popup.maxHeight).toBeUndefined();
-    expect(layout.popup.radius).toBe(16);
+    expect(layout.popup.radius).toBe(24);
     expect(layout.sheet.width).toBeUndefined();
     expect(layout.scrimOpacity).toBe(0.6);
   });

package/Application/modalLayout.ts

@@ -112,9 +112,9 @@ const getModalLayout = ({
         minWidth: popupWidth,
         maxWidth: popupWidth,
         margin: Spacing.XL,
-        radius: Radius.L,
+        radius: Radius.XL,
       },
-      sheet: { margin: 0, radius: Radius.M },
+      sheet: { margin: 0, radius: Radius.XL },
       scrimOpacity: SCRIM_OPACITY,
     };
   }

package/Popup/PopupNotify.tsx

@@ -183,18 +183,12 @@ const PopupNotify: React.FC<PopupNotifyProps> = ({
   const body = (
     <>
       {!!image && (
-        <Image
-          source={{ uri: image }}
-          style={[
-            styles.image,
-            { borderTopLeftRadius: radius, borderTopRightRadius: radius },
-          ]}
-        />
+        <Image source={{ uri: image }} style={styles.image} />
       )}
       <View style={[styles.content, isFoldable && styles.shrink]}>
         <Text
           typography={'header_default_bold'}
-          numberOfLines={3}
+          numberOfLines={2}
           accessibilityLabel={'title_popup_notify'}
           // keeps the title clear of the close button on a text only popup
           style={
@@ -250,6 +244,7 @@ const PopupNotify: React.FC<PopupNotifyProps> = ({
           width: popupWidth,
           maxHeight,
         },
+        styles.card,
         showBaseLineDebug && styles.debugBaseLine,
       ]}
     >
@@ -262,9 +257,10 @@ const PopupNotify: React.FC<PopupNotifyProps> = ({
 
 const styles = StyleSheet.create({
   debugBaseLine: { borderWidth: 1, borderColor: Colors.green_06 },
+  // clips the image and content to the card radius
+  card: { overflow: 'hidden' },
   image: {
     aspectRatio: 1.7777,
-    overflow: 'hidden',
   },
   shrink: { flexShrink: 1 },
   content: { padding: Spacing.XL },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/foundation",
-    "version": "0.169.4-beta.2",
+    "version": "0.169.4-beta.4",
     "description": "React Native Component Kits",
     "main": "index.ts",
     "scripts": {},
@@ -8,21 +8,21 @@
         "@momo-kits/foundation"
     ],
     "dependencies": {
-        "react-native-fast-image": "git+https://oauth2:TGi6oBj-LdzsKpLXQSoH@gitlab.mservice.com.vn/momo-platform/public/react-native-fast-image.git#v8.11.0",
         "@react-navigation/bottom-tabs": "7.4.2",
         "@react-navigation/core": "7.12.1",
         "@react-navigation/elements": "2.5.2",
         "@react-navigation/native": "7.1.14",
         "@react-navigation/routers": "7.4.1",
         "@react-navigation/stack": "7.4.2",
+        "@shopify/flash-list": "2.1.0",
+        "lottie-react-native": "7.2.4",
+        "react-native-fast-image": "git+https://oauth2:TGi6oBj-LdzsKpLXQSoH@gitlab.mservice.com.vn/momo-platform/public/react-native-fast-image.git#v8.11.0",
         "react-native-gesture-handler": "2.27.1",
         "react-native-linear-gradient": "git+https://oauth2:TGi6oBj-LdzsKpLXQSoH@gitlab.mservice.com.vn/momo-platform/public/react-native-linear-gradient#v3.0.0",
         "react-native-reanimated": "4.2.2",
-        "react-native-worklets": "0.6.1",
-        "react-native-safe-area-context": "5.5.2",
         "react-native-reserved-regions": "0.2.0",
-        "@shopify/flash-list": "2.1.0",
-        "lottie-react-native": "7.2.4"
+        "react-native-safe-area-context": "5.5.2",
+        "react-native-worklets": "0.6.1"
     },
     "peerDependencies": {
         "react-native": "*",
@@ -36,4 +36,4 @@
         "registry": "https://registry.npmjs.org/"
     },
     "license": "MoMo"
-}
+}