@momo-kits/foundation 0.121.3-beta.1 → 0.121.3-beta.2

package/Application/Components/HeaderRight.tsx

@@ -105,7 +105,7 @@ const HeaderToolkitAction: React.FC<any> = ({
   );
 
   const onDismiss = () => {
-    if (useCloseIcon && !isWhiteList) {
+    if (useCloseIcon || !isWhiteList) {
       navigator?.maxApi?.dispatchFunction?.(
         'dismiss',
         navigator?.dismissData,
@@ -300,7 +300,7 @@ const HeaderToolkitAction: React.FC<any> = ({
           <Icon
             color={tintColor}
             source={
-              useCloseIcon && !isWhiteList
+              useCloseIcon || !isWhiteList
                 ? '16_navigation_close_circle'
                 : '16_basic_home'
             }

package/Application/StackScreen.tsx

@@ -26,6 +26,7 @@ const StackScreen: React.FC<ScreenParams> = props => {
     traceIdInteraction: undefined,
     releaseLoad: undefined,
     releaseInteraction: undefined,
+    releaseUserInteraction: undefined,
     timeLoad: 0,
     timeInteraction: 0,
     widgets: [],
@@ -183,6 +184,36 @@ const StackScreen: React.FC<ScreenParams> = props => {
     }
   };
 
+  /**
+   * tracking for first interaction by user
+   */
+  const onFirstInteraction = (action: string) => {
+    if (!tracking.current?.releaseUserInteraction) {
+      let timeLoad = tracking.current.timeLoad;
+      if (timeLoad === 0) {
+        timeLoad = tracking.current.endTime - tracking.current.startTime;
+      }
+      context?.autoTracking?.({
+        ...context,
+        screenName,
+        componentName: 'Screen',
+        state: 'interaction',
+        duration: timeLoad,
+        action,
+      });
+      tracking.current.releaseUserInteraction = true;
+
+      /**
+       * debug
+       */
+      navigator?.maxApi?.showToastDebug?.({
+        appId: context.appId,
+        message: `${screenName} user_interaction ${timeLoad}`,
+        type: 'ERROR',
+      });
+    }
+  };
+
   return (
     <ScreenContext.Provider
       value={{
@@ -237,6 +268,7 @@ const StackScreen: React.FC<ScreenParams> = props => {
           if (data?.interaction) {
             onScreenLoad();
             onScreenInteraction();
+            onFirstInteraction(data?.action);
           }
           /**
            * timeout for handle tracking screen

package/{TrackingScope.tsx → Layout/TrackingScope.tsx}

@@ -1,5 +1,5 @@
 import React from 'react';
-import {TrackingScopeContext} from './Application';
+import {TrackingScopeContext} from '../Application';
 
 const TrackingScope = ({
   scopeName,
@@ -15,4 +15,4 @@ const TrackingScope = ({
   );
 };
 
-export default TrackingScope;
+export {TrackingScope};

package/Layout/index.ts

@@ -7,6 +7,7 @@ import {GridContextProps} from './types';
 import Item from './Item';
 import ItemList from './ItemList';
 import ItemSectionList from './ItemSectionList';
+import {TrackingScope} from './TrackingScope';
 
 const GridContext = createContext<GridContextProps>({
   numberOfColumns: 12,
@@ -24,4 +25,5 @@ export {
   Item,
   ItemList,
   ItemSectionList,
+  TrackingScope,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momo-kits/foundation",
-  "version": "0.121.3-beta.1",
+  "version": "0.121.3-beta.2",
   "minimumDeployTarget": 32,
   "deploymentTarget": 121,
   "description": "React Native Component Kits",