@momo-kits/suggest-action 0.0.51-beta.3

package/ExpenseI18n.js

@@ -0,0 +1,35 @@
+import { LocalizedStrings } from '@momo-kits/core';
+
+let ExpenseI18n = new LocalizedStrings({
+    vi: {
+        add: 'Thêm',
+        move: 'Đưa',
+        share: 'Chia sẻ',
+        favorite: 'vào Dịch vụ yêu thích',
+        homescreen: 'ra ngoài màn hình thiết bị',
+        friend: 'với người khác ngay',
+    },
+    en: {
+        add: 'Add',
+        move: 'Add',
+        share: 'Share',
+        favorite: 'to your Favorite Service',
+        homescreen: 'to your home screen',
+        friend: 'with your friends',
+    },
+});
+
+ExpenseI18n.get = (key, defaultValue = '') => {
+    let value;
+    value = LocalizedStrings.getLocalize(key);
+    console.log(value);
+    if (!value || value.length <= 0) {
+        value = defaultValue;
+    }
+    if (!value || typeof value !== 'string') {
+        value = '';
+    }
+    return value;
+};
+
+export default ExpenseI18n;

package/index.js

@@ -0,0 +1,129 @@
+import {
+    Button,
+    Colors,
+    Icon,
+    IconSource,
+    Image,
+    ScaleSize,
+    Spacing,
+    Text,
+    TouchableOpacity,
+} from '@momo-kits/core';
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import ExpenseI18n from './ExpenseI18n';
+
+export default SuggestAction = ({
+    icon,
+    name,
+    buttonTitle = 'Thêm ngay',
+    onPressButton,
+    onPressClose,
+    iconTintColor,
+    visible = false,
+    style,
+    contentType = 'add',
+}) => {
+    const getContent = (contentType) => {
+        switch (contentType) {
+            case 'add':
+                return {
+                    start: ExpenseI18n.get('add'),
+                    end: ExpenseI18n.get('favorite'),
+                };
+            case 'move':
+                return {
+                    start: ExpenseI18n.get('move'),
+                    end: ExpenseI18n.get('homescreen'),
+                };
+            case 'share':
+                return {
+                    start: ExpenseI18n.get('share'),
+                    end: ExpenseI18n.get('friend'),
+                };
+        }
+    };
+
+    const contentStart = getContent(contentType).start;
+    const contentEnd = getContent(contentType).end;
+
+    return visible ? (
+        <View style={[styles.container, style]}>
+            {icon && (
+                <Image
+                    source={icon}
+                    style={styles.icon}
+                    tintColor={iconTintColor}
+                />
+            )}
+            <View></View>
+            <Text style={styles.description} numberOfLines={2}>
+                {contentStart}{' '}
+                <Text style={[styles.description, { fontWeight: 'bold' }]}>
+                    {name}
+                </Text>{' '}
+                {contentEnd}
+            </Text>
+            <Button
+                title={buttonTitle}
+                type="tonal"
+                style={styles.button}
+                size="small"
+                onPress={onPressButton}
+            />
+            <TouchableOpacity onPress={onPressClose}>
+                <Image
+                    source={IconSource.ic_close_x_24}
+                    tintColor={Colors.black_10}
+                    style={styles.iconClose}
+                />
+            </TouchableOpacity>
+        </View>
+    ) : null;
+};
+
+const styles = StyleSheet.create({
+    container: {
+        minHeight: 60,
+        margin: Spacing.M,
+        paddingHorizontal: Spacing.M,
+        paddingVertical: ScaleSize(14),
+        borderRadius: Spacing.S,
+        backgroundColor: Colors.white,
+        shadowColor: Colors.black,
+        shadowOffset: {
+            width: 0,
+            height: 4,
+        },
+        shadowOpacity: 0.3,
+        shadowRadius: 4.65,
+        elevation: 8,
+        flexDirection: 'row',
+        alignItems: 'center',
+        position: 'absolute',
+        zIndex: 99,
+    },
+    button: {
+        height: ScaleSize(28),
+        // paddingVertical: ScaleSize(6),
+        // paddingHorizontal: Spacing.S,
+    },
+    icon: {
+        width: 36,
+        height: 36,
+        marginRight: Spacing.S,
+        marginLeft: Spacing.XS,
+    },
+    iconClose: {
+        width: ScaleSize(24),
+        height: ScaleSize(24),
+        marginLeft: Spacing.S,
+    },
+    description: {
+        fontSize: 12,
+        lineHeight: 16,
+        paddingHorizontal: Spacing.S,
+        color: '#475160',
+        fontWeight: '500',
+    },
+});

package/package.json

@@ -0,0 +1,18 @@
+{
+    "name": "@momo-kits/suggest-action",
+    "version": "0.0.51-beta.3",
+    "private": false,
+    "main": "index.js",
+    "dependencies": {
+        "@momo-platform/versions": "4.0.2"
+    },
+    "peerDependencies": {
+        "lodash": "^4.17.15",
+        "prop-types": "^15.7.2",
+        "react": "16.9.0",
+        "react-native": ">=0.55",
+        "@momo-kits/core": ">=0.0.5-beta"
+    },
+    "devDependencies": {},
+    "license": "MoMo"
+}

package/publish.sh

@@ -0,0 +1,29 @@
+#!/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 '*.mdx' --exclude '*Demo.js'  --exclude 'props-type.js' --exclude 'prop-types.js' ./* dist
+
+# #babel component to dist
+#babel ./dist -d dist --copy-files
+
+#copy option
+#cp -r ./src/ dist
+
+
+#npm login
+#publish dist to npm
+cd dist
+npm publish --tag beta --access=public --tag beta
+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/suggest new version release: '*"$VERSION"*' https://www.npmjs.com/package/@momo-kits/suggest-action"}'