@momo-kits/template 0.165.1-beta.1 → 0.165.1-expo.1

package/TrustBanner/index.tsx

@@ -1,5 +1,4 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-import React, { FC, useContext, useEffect } from 'react';
+import React, { FC, useContext, useEffect, useMemo } from 'react';
 import { StyleSheet, TouchableOpacity, View } from 'react-native';
 import { TrustBannerCallbackParams, TrustBannerProps } from './types';
 import styles from './styles';
@@ -11,8 +10,6 @@ import {
   Styles,
   Text,
 } from '@momo-kits/foundation';
-// @ts-ignore
-import MaxApi from '@momo-platform/api';
 
 const defaultData = {
   content: {
@@ -43,10 +40,10 @@ const TrustBanner: FC<TrustBannerProps> = ({
   style,
   screenName = '',
   serviceName = '',
-  trackEvent,
 }) => {
   const context = useContext<any>(MiniAppContext);
   const {
+    navigator,
     theme,
     translate = (data: { vi: string; en: string }) => {
       return data.vi;
@@ -66,34 +63,35 @@ const TrustBanner: FC<TrustBannerProps> = ({
   const translationSubContent = translate(subContent) || subContent.vi;
   const translationContent = translate(content);
 
-  //to check for old version of translation, need to be removed in next sprints.
-  const finalSubContent =
-    typeof translationSubContent === 'string'
-      ? translationSubContent
-      : subContent.vi;
-  const finalContent =
-    typeof translationContent === 'string' ? translationContent : content.vi;
-
-  const trackingParams: TrustBannerCallbackParams = {
-    screen_name: screenName,
-    service_name: serviceName,
-    component_name: 'logo_trust',
-  };
+  const trackingParams: TrustBannerCallbackParams = useMemo(
+    () => ({
+      screen_name: screenName,
+      service_name: serviceName,
+      component_name: 'logo_trust',
+    }),
+    [screenName, serviceName],
+  );
 
   useEffect(() => {
-    trackEvent?.('service_component_displayed', trackingParams);
-  }, []);
+    navigator?.maxApi.trackEvent?.(
+      'service_component_displayed',
+      trackingParams,
+    );
+  }, [navigator?.maxApi, trackingParams]);
 
   const _onPress = () => {
-    trackEvent?.('service_component_clicked', { ...trackingParams, urlConfig });
+    navigator?.maxApi.trackEvent?.('service_component_clicked', {
+      ...trackingParams,
+      urlConfig,
+    });
     if (urlConfig.indexOf('https') > -1) {
       const openWebData = {
         url: urlConfig,
         title: translate(titleWeb) || subContent.vi,
       };
-      MaxApi.openWeb(openWebData);
+      navigator?.maxApi.openWeb(openWebData);
     } else {
-      MaxApi.startFeatureCode(urlConfig, {}, () => {});
+      navigator?.maxApi.startFeatureCode(urlConfig, {}, () => {});
     }
   };
 
@@ -102,7 +100,7 @@ const TrustBanner: FC<TrustBannerProps> = ({
       <View style={stylesInside.footerContainer}>
         <View style={Styles.row}>
           <Text typography={'action_xs_bold'} color={'#eb2f96'}>
-            {finalSubContent}
+            {translationSubContent}
           </Text>
           <Icon
             source={'arrow_chevron_right_small'}
@@ -146,7 +144,7 @@ const TrustBanner: FC<TrustBannerProps> = ({
           typography={'description_default_regular'}
           numberOfLines={2}
         >
-          {finalContent}
+          {translationContent}
         </Text>
         {renderFooter()}
       </View>

package/package.json

@@ -1,14 +1,13 @@
 {
     "name": "@momo-kits/template",
-    "version": "0.165.1-beta.1",
+    "version": "0.165.1-expo.1",
     "private": false,
     "main": "index.tsx",
     "peerDependencies": {
         "@momo-kits/foundation": "latest",
         "@momo-kits/carousel": "*",
         "react": "*",
-        "react-native": "*",
-        "@momo-platform/api": "0.1.67-rc.3"
+        "react-native": "*"
     },
     "license": "MoMo",
     "publishConfig": {