@momo-kits/foundation 0.111.1-beta.4 → 0.111.1-beta.7

package/Application/Components/HeaderRight.tsx

@@ -91,7 +91,7 @@ const HeaderToolkitAction: React.FC<any> = ({
    * check app is favorite
    */
   const checkAppIsFavorite = () =>
-    navigator?.maxApi?.dispatchFunction?.(
+    navigator?.maxApi?.dispatchFunction(
       'isFavoriteApp',
       context?.code,
       (result: boolean) => {
@@ -147,12 +147,13 @@ const HeaderToolkitAction: React.FC<any> = ({
       screenName: currentRoute?.params?.screen?.name ?? currentRoute?.name,
     });
     setIsLoading(true);
-    navigator?.maxApi?.dispatchFunction?.(
+    navigator?.maxApi?.dispatchFunction(
       'onToolAction',
       {
         item: {
           key: 'onFavorite',
         },
+        code: context?.code,
       },
       ({success}: {success: boolean}) => {
         if (success) {
@@ -217,17 +218,22 @@ const HeaderToolkitAction: React.FC<any> = ({
       screenName: currentRoute?.params?.screen?.name ?? currentRoute?.name,
     });
 
-    navigator?.maxApi?.dispatchFunction?.('showTools', tools, (key: string) => {
-      for (const group of tools) {
-        const pressedTool = group?.items?.find?.(
-          (tool: Tool) => tool?.key === key
-        );
-        if (pressedTool) {
-          pressedTool?.onPress();
-          break;
+    navigator?.maxApi?.dispatchFunction(
+      'showTools',
+      tools,
+      context,
+      (key: string) => {
+        for (const group of tools) {
+          const pressedTool = group?.items?.find?.(
+            (tool: Tool) => tool?.key === key
+          );
+          if (pressedTool) {
+            pressedTool?.onPress();
+            break;
+          }
         }
       }
-    });
+    );
   };
 
   let iconShortcut = isFavorite ? 'pin_star_checked' : 'pin_star';

package/Application/NavigationContainer.tsx

@@ -34,6 +34,7 @@ const NavigationContainer: React.FC<NavigationContainerProps> = ({
   const isReady = useRef(false);
   const navigator = useRef(new Navigator(navigationRef, isReady));
   const [showGrid, setShowGrid] = useState(false);
+  const [currentContext, setCurrentContext] = useState({});
 
   let config: any = null;
   try {
@@ -107,88 +108,100 @@ const NavigationContainer: React.FC<NavigationContainerProps> = ({
   const headerBackground = config?.headerBar || theme.assets?.headerBackground;
   const headerGradient = config?.headerGradient || theme.colors?.gradient;
 
+  navigator.current.setCurrentContext = setCurrentContext;
+
   return (
     <SafeAreaProvider>
-      <ApplicationContext.Provider
+      <MiniAppContext.Provider
         value={{
-          navigator: navigator.current,
-          theme: {
-            ...theme,
-            colors: {
-              ...theme.colors,
-              gradient: headerGradient,
-            },
-            assets: {
-              ...theme.assets,
-              headerBackground,
-            },
-          },
-          showGrid,
-          translate,
+          ...context,
+          ...currentContext,
         }}>
-        <ReactNavigationContainer
-          theme={{
-            ...theme,
-            colors: {
-              ...theme.colors,
-              background: theme.colors.background.default,
-              card: theme.colors.background.surface,
-              text: theme.colors.text.default,
-              border: theme.colors.border.default,
-              notification: theme.colors.error.primary,
+        <ApplicationContext.Provider
+          value={{
+            navigator: navigator.current,
+            theme: {
+              ...theme,
+              colors: {
+                ...theme.colors,
+                gradient: headerGradient,
+              },
+              assets: {
+                ...theme.assets,
+                headerBackground,
+              },
             },
-          }}
-          ref={navigationRef}
-          onReady={() => {
-            isReady.current = true;
-            routes.current = navigationRef.current?.getRootState?.()?.routes;
-            maxApi?.getDataObserver('CURRENT_SCREEN', (data: any) => {
-              onScreenNavigated(data?.screenName, screen?.name, 'push');
-              maxApi?.setObserver('CURRENT_SCREEN', {screenName: screen?.name});
-            });
-          }}
-          onStateChange={state => {
-            const lastedRoute: any = state?.routes?.[state?.routes?.length - 1];
-            const oldRoute: any = routes.current?.[routes.current?.length - 1];
-            const lasted = lastedRoute?.params?.screen;
-            const previous = oldRoute?.params?.screen;
-            const preScreenName = previous?.name ?? previous?.type?.name;
-            const screenName = lasted?.name ?? lasted?.type?.name;
+            showGrid,
+            translate,
+          }}>
+          <ReactNavigationContainer
+            theme={{
+              ...theme,
+              colors: {
+                ...theme.colors,
+                background: theme.colors.background.default,
+                card: theme.colors.background.surface,
+                text: theme.colors.text.default,
+                border: theme.colors.border.default,
+                notification: theme.colors.error.primary,
+              },
+            }}
+            ref={navigationRef}
+            onReady={() => {
+              isReady.current = true;
+              routes.current = navigationRef.current?.getRootState?.()?.routes;
+              maxApi?.getDataObserver('CURRENT_SCREEN', (data: any) => {
+                onScreenNavigated(data?.screenName, screen?.name, 'push');
+                maxApi?.setObserver('CURRENT_SCREEN', {
+                  screenName: screen?.name,
+                });
+              });
+            }}
+            onStateChange={state => {
+              const lastedRoute: any =
+                state?.routes?.[state?.routes?.length - 1];
+              const oldRoute: any =
+                routes.current?.[routes.current?.length - 1];
+              const lasted = lastedRoute?.params?.screen;
+              const previous = oldRoute?.params?.screen;
+              const preScreenName = previous?.name ?? previous?.type?.name;
+              const screenName = lasted?.name ?? lasted?.type?.name;
 
-            let action = 'push';
-            if (routes.current?.length > (state?.routes?.length ?? 0)) {
-              action = 'back';
-            }
-            onScreenNavigated(preScreenName, screenName, action);
-            maxApi?.setObserver('CURRENT_SCREEN', {screenName});
-            routes.current = state?.routes;
-          }}
-          independent={true}>
-          <Stack.Navigator initialRouteName="Stack" headerMode="screen">
-            <Stack.Screen
-              name="Stack"
-              component={StackScreen}
-              initialParams={{screen, initialParams}}
-              options={{
-                ...getStackOptions(),
-                ...(options as StackNavigationOptions),
-              }}
-            />
-            <Stack.Screen
-              name="Dialog"
-              component={StackScreen}
-              options={getDialogOptions()}
-              initialParams={{screen}}
-            />
-            <Stack.Screen
-              name="Modal"
-              component={ModalScreen}
-              options={getModalOptions()}
-              initialParams={{screen}}
-            />
-          </Stack.Navigator>
-        </ReactNavigationContainer>
-      </ApplicationContext.Provider>
+              let action = 'push';
+              if (routes.current?.length > (state?.routes?.length ?? 0)) {
+                action = 'back';
+              }
+              onScreenNavigated(preScreenName, screenName, action);
+              maxApi?.setObserver('CURRENT_SCREEN', {screenName});
+              routes.current = state?.routes;
+            }}
+            independent={true}>
+            <Stack.Navigator initialRouteName="Stack" headerMode="screen">
+              <Stack.Screen
+                name="Stack"
+                component={StackScreen}
+                initialParams={{screen, initialParams}}
+                options={{
+                  ...getStackOptions(),
+                  ...(options as StackNavigationOptions),
+                }}
+              />
+              <Stack.Screen
+                name="Dialog"
+                component={StackScreen}
+                options={getDialogOptions()}
+                initialParams={{screen}}
+              />
+              <Stack.Screen
+                name="Modal"
+                component={ModalScreen}
+                options={getModalOptions()}
+                initialParams={{screen}}
+              />
+            </Stack.Navigator>
+          </ReactNavigationContainer>
+        </ApplicationContext.Provider>
+      </MiniAppContext.Provider>
     </SafeAreaProvider>
   );
 };

package/Application/Navigator.ts

@@ -6,7 +6,6 @@ class Navigator {
   isReady?: any;
   maxApi?: any;
   dismissData?: any;
-  toolkitCallback?: (key: string) => void;
 
   constructor(navigation: any, isReady: any) {
     this.ref = navigation;
@@ -148,11 +147,16 @@ class Navigator {
   };
 
   /**
-   * set callback function for toolkit
-   * @param callback
+   * set app context using for features of kit
+   * @param context
    */
-  setToolkitCallback = (callback: (key: string) => void) => {
-    this.toolkitCallback = callback;
+  setCurrentContext = (context: {
+    code?: string;
+    name?: {vi: string; en: string};
+    description?: {vi: string; en: string};
+    icon?: string;
+  }) => {
+    console.log(context);
   };
 }
 

package/Input/Input.tsx

@@ -8,7 +8,6 @@ import React, {
 } from 'react';
 import {
   NativeSyntheticEvent,
-  Platform,
   TextInput,
   TextInputFocusEventData,
   TouchableOpacity,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momo-kits/foundation",
-  "version": "0.111.1-beta.4",
+  "version": "0.111.1-beta.7",
   "description": "React Native Component Kits",
   "main": "index.ts",
   "scripts": {},

package/publish.sh

@@ -1,17 +1,19 @@
 #!/bin/bash
 
+npm config set registry https://registry.npmjs.org/
+
 if [ "$1" == "stable" ]; then
   npm version $(npm view @momo-kits/foundation@stable version)
   npm version patch
-  npm publish --tag stable --access=public
+  npm publish --registry https://registry.npmjs.org/ --tag stable --access=public
 elif [ "$1" == "latest" ]; then
   npm version $(npm view @momo-kits/foundation@latest version)
   npm version prerelease --preid=rc
-  npm publish --tag latest --access=public
+  npm publish --registry https://registry.npmjs.org/ --tag latest --access=public
 else
   npm version $(npm view @momo-kits/foundation@beta version)
   npm version prerelease --preid=beta
-  npm publish --tag beta --access=public
+  npm publish --registry https://registry.npmjs.org/ --tag beta --access=public
 fi
 PACKAGE_NAME=$(npm pkg get name)
 NEW_PACKAGE_VERSION=$(npm pkg get version)