@momo-kits/foundation 0.112.1-beta.7 → 0.112.1-beta.8

package/Layout/Screen.tsx

@@ -1,5 +1,6 @@
 import {StackNavigationOptions, useHeaderHeight} from '@react-navigation/stack';
 import React, {
+  Children,
   forwardRef,
   Fragment,
   ReactNode,
@@ -43,6 +44,7 @@ import {
   HeaderTitle,
 } from '../Application/Components';
 import {SearchHeader} from '../Application/Components/SearchHeader';
+import {Skeleton} from '@momo-kits/foundation';
 
 export interface ScreenProps extends ViewProps {
   /**
@@ -174,6 +176,7 @@ const Screen = forwardRef(
       animatedValue: customAnimatedValue,
       headerBackground,
       gradientColor,
+      isLoading,
     }: ScreenProps,
     ref: any
   ) => {
@@ -504,6 +507,16 @@ const Screen = forwardRef(
       }
     };
 
+    const generateSkeleton = () => {
+      if (children) {
+        return Children.toArray(children).map((item, index) => {
+          return (
+            <Skeleton key={`Skeleton${index}`} style={{marginTop: Spacing.M}} />
+          );
+        });
+      }
+    };
+
     return (
       <View
         style={[
@@ -543,7 +556,11 @@ const Screen = forwardRef(
             style={Styles.flex}>
             {renderAnimatedHeader()}
 
-            {useGridLayout ? renderContent(children) : children}
+            {isLoading
+              ? generateSkeleton()
+              : useGridLayout
+              ? renderContent(children)
+              : children}
           </Component>
 
           {floatingButtonProps && (

package/index.ts

@@ -4,13 +4,32 @@ import {
   useSafeAreaInsets,
 } from 'react-native-safe-area-context';
 import LinearGradient from 'react-native-linear-gradient';
-// import {Configs} from './Consts';
+import {Configs} from './Consts';
 
 if (typeof (global as any)?.miniAppApi?.dispatch === 'function') {
-  // const features = (global as any)?.miniAppApi?.dispatch?.('platform_config');
-  // const designSystemJson = features[0].designSystem;
-  // const config = JSON.parse(designSystemJson);
-  // Configs.trustBanner = config?.trustBanner;
+  try {
+    (global as any)?.miniAppApi?.dispatch?.(
+      'getFeatureById',
+      'platform_config',
+      (res: any) => {
+        const config = JSON.parse(res?.param);
+        const designSystemUrl = config?.design_system;
+        if (designSystemUrl) {
+          fetch(designSystemUrl)
+            .then(res => res.json())
+            .then(data => {
+              if (data) {
+                Configs.headerBar = data?.headerBar;
+                Configs.headerGradient = data?.headerGradient;
+                Configs.trustBanner = data?.trustBanner;
+              }
+            });
+        }
+      }
+    );
+  } catch (e) {
+    console.log('Error fetching design system config', e);
+  }
 }
 
 /**

package/package.json

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