@momo-kits/suggest-action 0.80.9 → 0.81.2

package/index.tsx

@@ -17,24 +17,6 @@ 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<
@@ -44,10 +26,11 @@ const SuggestAction: ForwardRefRenderFunction<
   {
     image,
     onPressButton = () => {},
-    name,
     onClose,
-    type = 'addToFavorite',
     bottom = 72,
+    message = 'Message',
+    buttonTitle = 'Button',
+    boldMessage,
   },
   ref,
 ) => {
@@ -82,6 +65,34 @@ 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={[
@@ -93,15 +104,11 @@ const SuggestAction: ForwardRefRenderFunction<
         },
         Shadow.Light,
       ]}>
-      <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>
+      {!!image && <Image source={{uri: image}} style={styles.image} />}
+      {renderMessage()}
       <Button
         type="tonal"
-        title={contents[type].buttonTitle}
+        title={buttonTitle}
         onPress={handleButtonPress}
         size={'small'}
         full={false}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/suggest-action",
-    "version": "0.80.9",
+    "version": "0.81.2",
     "private": false,
     "main": "index.tsx",
     "dependencies": {},

package/types.ts

@@ -1,9 +1,4 @@
 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.
    */
@@ -17,18 +12,16 @@ export type SuggestActionProps = {
   /**
    * The image associated with the action, typically displayed as part of the suggestion.
    */
-  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';
+  image?: string;
 
   /**
    * Optional. Specifies the bottom margin for the component. Useful for positioning or spacing within a layout.
    */
   bottom?: number;
+
+  message: string;
+  buttonTitle: string;
+  boldMessage?: string;
 };
 
 /**