@momo-kits/suggest-action 0.80.8-beta.5 → 0.80.8-beta.8

package/index.tsx

@@ -17,6 +17,24 @@ import {
 } from '@momo-kits/foundation';
 import styles from './styles';
 
+const contents = {
+  addToFavorite: {
+    prefix: 'Thêm',
+    postfix: 'vào dịch vụ yêu thích',
+    buttonTitle: 'Thêm ngay',
+  },
+  addToDevice: {
+    prefix: 'Thêm',
+    postfix: 'ra ngoài màn hình thiết bị',
+    buttonTitle: 'Thêm ngay',
+  },
+  share: {
+    prefix: 'Chia sẻ',
+    postfix: 'với người khác ngay',
+    buttonTitle: 'Chia sẻ',
+  },
+};
+
 const DURATION = 200;
 
 const SuggestAction: ForwardRefRenderFunction<
@@ -26,11 +44,10 @@ const SuggestAction: ForwardRefRenderFunction<
   {
     image,
     onPressButton = () => {},
+    name,
     onClose,
+    type = 'addToFavorite',
     bottom = 72,
-    message = 'Message',
-    buttonTitle = 'Button',
-    boldMessage,
   },
   ref,
 ) => {
@@ -65,34 +82,6 @@ const SuggestAction: ForwardRefRenderFunction<
     hide();
   };
 
-  const renderMessage = () => {
-    if (!!boldMessage) {
-      let splitMessage = [];
-      let index = message.toLowerCase().indexOf(boldMessage.toLowerCase());
-      if (index !== -1) {
-        splitMessage = [
-          message.substring(0, index),
-          boldMessage,
-          message.substring(index + boldMessage.length),
-        ];
-
-        return (
-          <Text style={styles.content} typography={'paragraph_default'}>
-            {splitMessage[0]}
-            <Text typography={'action_s'}>{splitMessage[1]}</Text>
-            {splitMessage[2]}
-          </Text>
-        );
-      }
-    }
-
-    return (
-      <Text style={styles.content} typography={'description_s'}>
-        {message}
-      </Text>
-    );
-  };
-
   return (
     <Animated.View
       style={[
@@ -104,11 +93,15 @@ const SuggestAction: ForwardRefRenderFunction<
         },
         Shadow.Light,
       ]}>
-      {!!image && <Image source={{uri: image}} style={styles.image} />}
-      {renderMessage()}
+      <Image source={{uri: image}} style={styles.image} />
+      <Text style={styles.content} typography={'description_s'}>
+        {contents[type].prefix}
+        <Text typography={'action_xs'}>{` ${name} `}</Text>
+        {contents[type].postfix}
+      </Text>
       <Button
         type="tonal"
-        title={buttonTitle}
+        title={contents[type].buttonTitle}
         onPress={handleButtonPress}
         size={'small'}
         full={false}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/suggest-action",
-    "version": "0.80.8-beta.5",
+    "version": "0.80.8-beta.8",
     "private": false,
     "main": "index.tsx",
     "dependencies": {},
@@ -12,4 +12,4 @@
     },
     "devDependencies": {},
     "license": "MoMo"
-}
+}

package/types.ts

@@ -1,4 +1,9 @@
 export type SuggestActionProps = {
+  /**
+   * The name of the action to be displayed.
+   */
+  name: string;
+
   /**
    * Optional. A callback function that is triggered when the action suggestion is closed.
    */
@@ -12,16 +17,18 @@ export type SuggestActionProps = {
   /**
    * The image associated with the action, typically displayed as part of the suggestion.
    */
-  image?: string;
+  image: string;
+
+  /**
+   * Optional. Specifies the type of the action, such as adding to favorites, adding to device, or sharing.
+   * Can be one of 'addToFavorite', 'addToDevice', or 'share'.
+   */
+  type?: 'addToFavorite' | 'addToDevice' | 'share';
 
   /**
    * Optional. Specifies the bottom margin for the component. Useful for positioning or spacing within a layout.
    */
   bottom?: number;
-
-  message: string;
-  buttonTitle: string;
-  boldMessage?: string;
 };
 
 /**