@momo-kits/template 0.89.5 → 0.89.6-rc.1

package/HeaderSliderBanner/index.tsx

@@ -1,6 +1,6 @@
 import React, {FC} from 'react';
 import {Animated, TouchableOpacity} from 'react-native';
-import Carousel from '@momo-kits/carousel';
+import {Carousel} from '@momo-kits/carousel';
 import {Image, Pagination, Spacing} from '@momo-kits/foundation';
 import {HeaderSliderBannerProps} from './types';
 
@@ -41,6 +41,7 @@ const HeaderSliderBanner: FC<HeaderSliderBannerProps> = ({
     return (
       <TouchableOpacity disabled={!onPressItem} onPress={onPressItem}>
         <Image
+          style={{width: '100%', height: '100%'}}
           key={`Header banner ${item}_${index}`}
           source={{
             uri: item,

package/TrustBanner/CustomAvatar.tsx

@@ -12,7 +12,7 @@ const CustomAvatar: FC<CustomAvatarProps> = ({image, text, style}) => {
       return (
         <Text
           color={theme.colors.primary}
-          typography={'description_xs'}>
+          typography={'description_xs_regular'}>
           {text}
         </Text>
       );

package/TrustBanner/index.tsx

@@ -29,7 +29,7 @@ const TrustBanner: FC<TrustBannerProps> = ({
   screenName = '',
   serviceName = '',
   trackEvent,
-    disabledPress = false
+  disabledPress = false,
 }) => {
   const {theme, language} = useContext(ApplicationContext);
   const [data, setData] = useState(defaultData);
@@ -118,7 +118,7 @@ const TrustBanner: FC<TrustBannerProps> = ({
 
   return (
     <TouchableOpacity
-        disabled={disabledPress}
+      disabled={disabledPress}
       onPress={_onPress}
       activeOpacity={0.7}
       style={[style, styles.container]}>
@@ -133,7 +133,7 @@ const TrustBanner: FC<TrustBannerProps> = ({
         <Text
           style={styles.message}
           color={theme.colors.text.secondary}
-          typography={'description_s'}>
+          typography={'description_default_regular'}>
           {content?.[language || 'vi'] || defaultData.content.vi}
         </Text>
         {renderFooter()}

package/TrustBanner/styles.ts

@@ -1,5 +1,5 @@
 import {StyleSheet} from 'react-native';
-import {Colors, Radius, scaleSize, Spacing} from '@momo-kits/foundation';
+import {Colors, Radius, Spacing} from '@momo-kits/foundation';
 
 export default StyleSheet.create({
   container: {
@@ -11,13 +11,13 @@ export default StyleSheet.create({
   },
   flex: {flex: 1},
   momoImage: {
-    width: scaleSize(64),
-    height: scaleSize(64),
+    width: 64,
+    height: 64,
     marginRight: Spacing.S,
   },
   image: {
-    width: scaleSize(52),
-    height: scaleSize(20),
+    width: 52,
+    height: 20,
   },
   imageList: {
     flexDirection: 'row',
@@ -31,13 +31,13 @@ export default StyleSheet.create({
     justifyContent: 'space-between',
   },
   customAvatar: {
-    width: scaleSize(24),
-    height: scaleSize(24),
+    width: 24,
+    height: 24,
     borderWidth: 1,
     borderRadius: Radius.L,
     alignItems: 'center',
     justifyContent: 'center',
-    marginLeft: scaleSize(-6),
+    marginLeft: -6,
   },
   iconList: {
     flexDirection: 'row',

package/TrustBanner/types.ts

@@ -42,7 +42,7 @@ export type TrustBannerProps = {
    */
   trackEvent?: (eventName: string, params: TrustBannerCallbackParams) => void;
 
-  disabledPress?: boolean
+  disabledPress?: boolean;
 };
 
 export type CustomAvatarProps = {

package/index.tsx

@@ -1,3 +1,4 @@
 import HeaderSliderBanner from './HeaderSliderBanner';
 import TrustBanner from './TrustBanner';
+
 export {HeaderSliderBanner, TrustBanner};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/template",
-    "version": "0.89.5",
+    "version": "0.89.6-rc.1",
     "private": false,
     "main": "index.tsx",
     "dependencies": {},
@@ -13,4 +13,4 @@
         "@momo-platform/api": "0.1.67-rc.3"
     },
     "license": "MoMo"
-}
+}

package/publish.sh

@@ -1,28 +1,27 @@
 #!/bin/bash
+
+# Prepare dist files
 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
+rsync -r --exclude=/dist ./* dist
 cd dist
-npm publish --tag beta --access=public
+
+if [ "$1" == "stable" ]; then
+  npm version $(npm view @momo-kits/foundation@stable version)
+  npm version patch
+  npm publish --tag stable --access=public
+elif [ "$1" == "latest" ]; then
+  npm version $(npm view @momo-kits/foundation@latest version)
+  npm publish --tag latest --access=public
+else
+  npm version $(npm view @momo-kits/template@beta version)
+  npm version prerelease --preid=beta
+  npm publish --tag beta --access=public
+fi
+
+PACKAGE_NAME=$(npm pkg get name)
+NEW_PACKAGE_VERSION=$(npm pkg get version)
+
+# Clean up
 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/bank new version release: '*"$VERSION"*' `https://www.npmjs.com/package/@momo-kits/avatar`"}'