npm - @nuskin/routine-feature - Versions diffs - 1.0.0 → 2.0.0 - Mend

@nuskin/routine-feature 1.0.0 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (19) hide show

package/lib/commonjs/RoutineDetails.js +326 -0
package/lib/commonjs/RoutineDetails.js.map +1 -0
package/lib/commonjs/helpers/Accessibility.js +17 -0
package/lib/commonjs/helpers/Accessibility.js.map +1 -0
package/lib/commonjs/index.js +222 -152
package/lib/commonjs/index.js.map +1 -1
package/lib/module/RoutineDetails.js +318 -0
package/lib/module/RoutineDetails.js.map +1 -0
package/lib/module/helpers/Accessibility.js +11 -0
package/lib/module/helpers/Accessibility.js.map +1 -0
package/lib/module/index.js +222 -147
package/lib/module/index.js.map +1 -1
package/lib/typescript/RoutineDetails.d.ts +3 -0
package/lib/typescript/helpers/Accessibility.d.ts +9 -0
package/lib/typescript/index.d.ts +3 -3
package/package.json +13 -12
package/src/RoutineDetails.tsx +346 -0
package/src/helpers/Accessibility.tsx +7 -0
package/src/index.tsx +230 -141

package/lib/module/index.js CHANGED Viewed

@@ -1,165 +1,192 @@
-import React, { useEffect } from 'react';
-import { FlatList, Image, SafeAreaView, SectionList, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
-import { createNativeStackNavigator } from '@nuskin/mobile-navigation';
-import { VeraHeader, Logo, HeaderCart } from '@ns/mobile-ui';
-const Stack = createNativeStackNavigator();
-const SECTIONS = [{
-  title: 'My Routines',
-  horizontal: true,
-  data: [{
-    key: '1',
-    text: 'Card Title Onessssss',
-    uri: 'https://picsum.photos/id/1/200'
-  }, {
-    key: '2',
-    text: 'Card Title 2',
-    uri: 'https://picsum.photos/id/10/200'
-  }, {
-    key: '3',
-    text: 'Card Title 3',
-    uri: 'https://picsum.photos/id/1002/200'
-  }]
-}, {
-  title: 'Featured Routines',
-  horizontal: true,
-  data: [{
-    key: '1',
-    text: 'Card Title 1',
-    uri: 'https://picsum.photos/id/1011/200'
-  }, {
-    key: '2',
-    text: 'Card Title 2',
-    uri: 'https://picsum.photos/id/1012/200'
-  }, {
-    key: '3',
-    text: 'Card Title 3',
-    uri: 'https://picsum.photos/id/1013/200'
-  }]
-}, {
-  title: 'Suggested Routines',
-  horizontal: true,
-  data: [{
-    key: '1',
-    text: 'Card Title 1',
-    uri: 'https://picsum.photos/id/1020/200'
-  }, {
-    key: '2',
-    text: 'Card Title 2',
-    uri: 'https://picsum.photos/id/1024/200'
-  }, {
-    key: '3',
-    text: 'Card Title 3',
-    uri: 'https://picsum.photos/id/1027/200'
-  }]
-}];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React, { useEffect, useState } from 'react';
+import { FlatList, Image, SafeAreaView, StyleSheet, Text, TouchableOpacity, View, ActivityIndicator } from 'react-native';
+import { gql, useQuery } from '@apollo/client';
+import { useNavigation } from '@react-navigation/native';
+import { VeraHeader, Logo, HeaderCart, colors, ErrorScreen } from '@ns/mobile-ui';
+import { localization, localizationState } from '@nuskin/utils-module';
+import { useSnapshot } from 'valtio';
+import RoutineDetails from './RoutineDetails';
+import { Logger } from '@nuskin/mobile-logging';
+import { accessibility } from './helpers/Accessibility';
+import { createStackNavigator } from '@react-navigation/stack';
+const Stack = createStackNavigator();
+export const FETCH_ROUTINES_PAGE = gql`
+  query fetchAllHomePages($locale: String) {
+    result: all_routine(fallback_locale: true, locale: $locale) {
+      items {
+        products_used_label
+        sort_list_label
+        title
+        routines {
+          products {
+            product_name
+            product_category
+            product_imageConnection {
+              edges {
+                node {
+                  url
+                }
+              }
+            }
+          }
+          products_used_label
+          routine_title
+          routines_description
+          routine_step_label
+          routine_imageConnection {
+            edges {
+              node {
+                url
+              }
+            }
+          }
+          steps {
+            imageConnection {
+              edges {
+                node {
+                  url
+                }
+              }
+            }
+            step_sub_description
+            step_title
+            step_description
+            style
+            image_title
+            image_description
+          }
+        }
+      }
+    }
+  }
+`;
 const ListItem = _ref => {
+  var _item$routine_imageCo, _item$routine_imageCo2, _item$routine_imageCo3;
   let {
-    item,
-    index
+    item
   } = _ref;
+  const navigation = useNavigation();
+  const handleOnPress = () => {
+    navigation.navigate('RoutineDetails', item);
+  };
   return /*#__PURE__*/React.createElement(View, {
-    style: [styles.item, index === 0 ? {
-      marginLeft: 0
-    } : {}]
-  }, /*#__PURE__*/React.createElement(Image, {
+    style: styles.itemContainer
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: handleOnPress
+  }, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Image, {
     source: {
-      uri: item.uri
+      uri: (_item$routine_imageCo = item.routine_imageConnection) === null || _item$routine_imageCo === void 0 ? void 0 : (_item$routine_imageCo2 = _item$routine_imageCo.edges[0]) === null || _item$routine_imageCo2 === void 0 ? void 0 : (_item$routine_imageCo3 = _item$routine_imageCo2.node) === null || _item$routine_imageCo3 === void 0 ? void 0 : _item$routine_imageCo3.url
     },
-    style: styles.itemPhoto,
-    resizeMode: "cover"
-  }), /*#__PURE__*/React.createElement(Text, {
+    style: styles.itemPhoto
+  })), /*#__PURE__*/React.createElement(View, {
+    style: styles.itemTextContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.itemTitleContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.itemTextTitle
+  }, item.routine_title), /*#__PURE__*/React.createElement(Text, {
+    style: styles.itemTextSteps
+  }, item.steps.length, " ", item.routine_step_label)), /*#__PURE__*/React.createElement(View, {
+    style: styles.listContainer
+  }, /*#__PURE__*/React.createElement(Text, {
     style: styles.itemText
-  }, item.text));
+  }, item.products_used_label), /*#__PURE__*/React.createElement(FlatList, {
+    data: item.products,
+    horizontal: true,
+    renderItem: _ref2 => {
+      var _item$product_imageCo, _item$product_imageCo2, _item$product_imageCo3;
+      let {
+        item,
+        index
+      } = _ref2;
+      return /*#__PURE__*/React.createElement(Image, {
+        key: index,
+        source: {
+          uri: (_item$product_imageCo = item.product_imageConnection) === null || _item$product_imageCo === void 0 ? void 0 : (_item$product_imageCo2 = _item$product_imageCo.edges[0]) === null || _item$product_imageCo2 === void 0 ? void 0 : (_item$product_imageCo3 = _item$product_imageCo2.node) === null || _item$product_imageCo3 === void 0 ? void 0 : _item$product_imageCo3.url
+        },
+        style: styles.productPhoto,
+        resizeMode: "contain"
+      });
+    },
+    showsHorizontalScrollIndicator: false
+  })))));
 };
 const Routines = () => {
-  const handleOnPress = () => {// console.log('onPress', section)
-  };
+  const localizationStore = useSnapshot(localizationState);
+  const [refresh, setRefresh] = useState(false);
+  const locale = localization.getLocalization(localization.LocalizationFormat.CONTENT_STACK);
+  const {
+    loading,
+    error,
+    data,
+    refetch
+  } = useQuery(FETCH_ROUTINES_PAGE, {
+    variables: {
+      locale
+    }
+  });
+  useEffect(() => {
+    setRefresh(!refresh);
+  }, [localizationStore]);
+  const routinesPageData = data ? data.result.items[0] : {};
+  if (error || !routinesPageData) {
+    var _error$graphQLErrors$, _error$graphQLErrors$2, _error$graphQLErrors$3;
+    const errorCode = error === null || error === void 0 ? void 0 : (_error$graphQLErrors$ = error.graphQLErrors[0]) === null || _error$graphQLErrors$ === void 0 ? void 0 : (_error$graphQLErrors$2 = _error$graphQLErrors$.extensions) === null || _error$graphQLErrors$2 === void 0 ? void 0 : (_error$graphQLErrors$3 = _error$graphQLErrors$2.errors[0]) === null || _error$graphQLErrors$3 === void 0 ? void 0 : _error$graphQLErrors$3.code;
+    return /*#__PURE__*/React.createElement(SafeAreaView, {
+      style: styles.container
+    }, /*#__PURE__*/React.createElement(ErrorScreen, {
+      errorCode: errorCode,
+      refresh: () => refetch()
+    }));
+  }
+  if (loading) {
+    return /*#__PURE__*/React.createElement(SafeAreaView, _extends({
+      style: styles.container
+    }, accessibility('routine-container-loading')), /*#__PURE__*/React.createElement(ActivityIndicator, _extends({
+      size: "large"
+    }, accessibility('routine-activity-indicator'))));
+  }
   return /*#__PURE__*/React.createElement(SafeAreaView, {
     style: styles.container,
     testID: "routineStack"
-  }, /*#__PURE__*/React.createElement(VeraHeader, {
+  }, /*#__PURE__*/React.createElement(VeraHeader, _extends({
     left: /*#__PURE__*/React.createElement(Logo, {
       accessibilityLabel: "logo"
     }),
     right: /*#__PURE__*/React.createElement(HeaderCart, {
       accessibilityLabel: "crt-btn"
     }),
-    title: "Routines",
-    accessibilityLabel: "header"
-  }), /*#__PURE__*/React.createElement(View, {
-    style: {
-      flex: 1,
-      backgroundColor: 'white'
-    }
-  }, /*#__PURE__*/React.createElement(SectionList, {
-    stickySectionHeadersEnabled: false,
-    sections: SECTIONS,
-    renderSectionHeader: _ref2 => {
-      let {
-        section
-      } = _ref2;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
-        style: styles.sectionHeader
-      }, section.title), /*#__PURE__*/React.createElement(FlatList, {
-        horizontal: true,
-        data: section.data,
-        renderItem: _ref3 => {
-          let {
-            item,
-            index
-          } = _ref3;
-          return /*#__PURE__*/React.createElement(TouchableOpacity, {
-            onPress: handleOnPress
-          }, /*#__PURE__*/React.createElement(ListItem, {
-            item: item,
-            index: index
-          }));
-        },
-        showsHorizontalScrollIndicator: false,
-        contentContainerStyle: {
-          paddingHorizontal: 15
-        }
-      }));
-    },
-    renderItem: _ref4 => {
+    title: routinesPageData.title
+  }, accessibility('routine-activity-indicator'))), /*#__PURE__*/React.createElement(View, {
+    style: styles.routinesContainer
+  }, routinesPageData && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
+    style: styles.sortListText
+  }, routinesPageData.sort_list_label), /*#__PURE__*/React.createElement(FlatList, {
+    data: routinesPageData.routines,
+    renderItem: _ref3 => {
       let {
         item,
-        section,
         index
-      } = _ref4;
-      if (section.horizontal) {
-        return null;
-      }
+      } = _ref3;
       return /*#__PURE__*/React.createElement(ListItem, {
         item: item,
-        index: index
+        key: index
       });
+    },
+    showsHorizontalScrollIndicator: false,
+    contentContainerStyle: {
+      paddingHorizontal: 15
     }
-  })));
+  }))));
 };
-function RoutineDetails() {
-  return /*#__PURE__*/React.createElement(View, {
-    style: {
-      flex: 1,
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
-  }, /*#__PURE__*/React.createElement(Text, null, "Routine"));
-}
-function RoutineStack(LOG, _ref5) {
+function RoutineStack(_ref4) {
   let {
     navigation
-  } = _ref5;
+  } = _ref4;
   useEffect(() => {
     const unsubscribe = navigation.addListener('focus', () => {
-      LOG.info('User navigated to the RoutineStack page.');
+      Logger.info('User navigated to the RoutineStack page.');
     });
     return unsubscribe;
   }, [navigation]);
@@ -177,20 +204,25 @@ function RoutineStack(LOG, _ref5) {
     }
   }));
 }
-function useRoutine() {//
-}
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    backgroundColor: '#F9F9F9'
+    backgroundColor: colors.white
+  },
+  routinesContainer: {
+    backgroundColor: colors.primaryGray,
+    flex: 1,
+    paddingTop: 10
+  },
+  listContainer: {
+    flexDirection: 'column',
+    paddingHorizontal: 15,
+    paddingVertical: 10
   },
   sectionHeader: {
     textTransform: 'uppercase',
     fontWeight: '600',
     fontSize: 14,
-    // color: '#f4f4f4',
     marginTop: 20,
     paddingHorizontal: 15,
     marginBottom: 5
@@ -199,19 +231,62 @@ const styles = StyleSheet.create({
     margin: 10,
     borderRadius: 14
   },
+  itemContainer: {
+    backgroundColor: 'transparent',
+    flex: 1,
+    marginBottom: 10
+  },
+  itemTextContainer: {
+    backgroundColor: colors.white,
+    paddingTop: 20,
+    paddingBottom: 10
+  },
   itemPhoto: {
-    width: 230,
-    height: 160,
-    borderRadius: 14
+    width: '100%',
+    minHeight: 160
+  },
+  productPhoto: {
+    margin: 2,
+    width: 40,
+    height: 40,
+    borderRadius: 50,
+    borderColor: '#EDEDED',
+    borderStyle: 'solid',
+    borderWidth: 1
+  },
+  itemTitleContainer: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    paddingHorizontal: 15
+  },
+  itemTextTitle: {
+    color: colors.primaryBlack,
+    fontWeight: '600',
+    fontSize: 18
   },
   itemText: {
-    color: 'rgba(255, 255, 255, 1)',
+    color: colors.primaryBlack,
     fontWeight: 'bold',
-    marginTop: 5,
-    position: 'absolute',
-    left: 16,
-    bottom: 16
+    fontSize: 12,
+    letterSpacing: 0.05,
+    paddingBottom: 5,
+    textTransform: 'uppercase'
+  },
+  itemTextSteps: {
+    color: colors.primaryBlack,
+    fontWeight: 'bold',
+    textTransform: 'uppercase'
+  },
+  sortListText: {
+    color: colors.primaryBlack,
+    fontWeight: 'bold',
+    textTransform: 'uppercase',
+    textAlign: 'right',
+    marginRight: 10,
+    letterSpacing: 0.5,
+    paddingVertical: 10,
+    paddingRight: 20
   }
 });
-export { RoutineStack, useRoutine };
+export { RoutineStack };
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.tsx"],"names":["React","useEffect","FlatList","Image","SafeAreaView","SectionList","StyleSheet","Text","TouchableOpacity","View","createNativeStackNavigator","VeraHeader","Logo","HeaderCart","Stack","SECTIONS","title","horizontal","data","key","text","uri","ListItem","item","index","styles","marginLeft","itemPhoto","itemText","Routines","handleOnPress","container","flex","backgroundColor","section","sectionHeader","paddingHorizontal","RoutineDetails","alignItems","justifyContent","RoutineStack","LOG","navigation","unsubscribe","addListener","info","headerShown","useRoutine","create","textTransform","fontWeight","fontSize","marginTop","marginBottom","margin","borderRadius","width","height","color","position","left","bottom"],"mappings":"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","sourcesContent":["import React, { useEffect } from 'react';\nimport {\n FlatList,\n Image,\n SafeAreaView,\n SectionList,\n StyleSheet,\n Text,\n TouchableOpacity,\n View,\n} from 'react-native';\nimport { createNativeStackNavigator } from '@nuskin/mobile-navigation';\nimport { VeraHeader, Logo, HeaderCart } from '@ns/mobile-ui';\n\nconst Stack = createNativeStackNavigator();\n\nconst SECTIONS = [\n {\n title: 'My Routines',\n horizontal: true,\n data: [\n {\n key: '1',\n text: 'Card Title Onessssss',\n uri: 'https://picsum.photos/id/1/200',\n },\n {\n key: '2',\n text: 'Card Title 2',\n uri: 'https://picsum.photos/id/10/200',\n },\n\n {\n key: '3',\n text: 'Card Title 3',\n uri: 'https://picsum.photos/id/1002/200',\n },\n ],\n },\n {\n title: 'Featured Routines',\n horizontal: true,\n data: [\n {\n key: '1',\n text: 'Card Title 1',\n uri: 'https://picsum.photos/id/1011/200',\n },\n {\n key: '2',\n text: 'Card Title 2',\n uri: 'https://picsum.photos/id/1012/200',\n },\n\n {\n key: '3',\n text: 'Card Title 3',\n uri: 'https://picsum.photos/id/1013/200',\n },\n ],\n },\n {\n title: 'Suggested Routines',\n horizontal: true,\n data: [\n {\n key: '1',\n text: 'Card Title 1',\n uri: 'https://picsum.photos/id/1020/200',\n },\n {\n key: '2',\n text: 'Card Title 2',\n uri: 'https://picsum.photos/id/1024/200',\n },\n\n {\n key: '3',\n text: 'Card Title 3',\n uri: 'https://picsum.photos/id/1027/200',\n },\n ],\n },\n];\n\nconst ListItem = ({ item, index }) => {\n return (\n <View style={[styles.item, index === 0 ? { marginLeft: 0 } : {}]}>\n <Image\n source={{\n uri: item.uri,\n }}\n style={styles.itemPhoto}\n resizeMode=\"cover\"\n />\n <Text style={styles.itemText}>{item.text}</Text>\n </View>\n );\n};\n\nconst Routines = () => {\n const handleOnPress = () => {\n // console.log('onPress', section)\n };\n\n return (\n <SafeAreaView style={styles.container} testID=\"routineStack\">\n <VeraHeader\n left={<Logo accessibilityLabel=\"logo\" />}\n right={<HeaderCart accessibilityLabel=\"crt-btn\" />}\n title=\"Routines\"\n accessibilityLabel=\"header\"\n />\n <View style={{ flex: 1, backgroundColor: 'white' }}>\n <SectionList\n stickySectionHeadersEnabled={false}\n sections={SECTIONS}\n renderSectionHeader={({ section }) => (\n <>\n <Text style={styles.sectionHeader}>{section.title}</Text>\n <FlatList\n horizontal\n data={section.data}\n renderItem={({ item, index }) => (\n <TouchableOpacity onPress={handleOnPress}>\n <ListItem item={item} index={index} />\n </TouchableOpacity>\n )}\n showsHorizontalScrollIndicator={false}\n contentContainerStyle={{ paddingHorizontal: 15 }}\n />\n </>\n )}\n renderItem={({ item, section, index }) => {\n if (section.horizontal) {\n return null;\n }\n return <ListItem item={item} index={index} />;\n }}\n />\n </View>\n </SafeAreaView>\n );\n};\n\nfunction RoutineDetails() {\n return (\n <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>\n <Text>Routine</Text>\n </View>\n );\n}\n\nfunction RoutineStack(LOG, { navigation }) {\n useEffect(() => {\n const unsubscribe = navigation.addListener('focus', () => {\n LOG.info('User navigated to the RoutineStack page.');\n });\n return unsubscribe;\n }, [navigation]);\n\n return (\n <Stack.Navigator>\n <Stack.Screen\n name=\"Routines\"\n component={Routines}\n options={{ headerShown: false }}\n />\n <Stack.Screen\n name=\"RoutineDetails\"\n component={RoutineDetails}\n options={{ headerShown: false }}\n />\n </Stack.Navigator>\n );\n}\n\nfunction useRoutine() {\n //\n}\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n backgroundColor: '#F9F9F9',\n },\n sectionHeader: {\n textTransform: 'uppercase',\n fontWeight: '600',\n fontSize: 14,\n // color: '#f4f4f4',\n marginTop: 20,\n paddingHorizontal: 15,\n marginBottom: 5,\n },\n item: {\n margin: 10,\n borderRadius: 14,\n },\n itemPhoto: {\n width: 230,\n height: 160,\n borderRadius: 14,\n },\n itemText: {\n color: 'rgba(255, 255, 255, 1)',\n fontWeight: 'bold',\n marginTop: 5,\n position: 'absolute',\n left: 16,\n bottom: 16,\n },\n});\n\nexport { RoutineStack, useRoutine };\n"]}
1	+ {"version":3,"names":["React","useEffect","useState","FlatList","Image","SafeAreaView","StyleSheet","Text","TouchableOpacity","View","ActivityIndicator","gql","useQuery","useNavigation","VeraHeader","Logo","HeaderCart","colors","ErrorScreen","localization","localizationState","useSnapshot","RoutineDetails","Logger","accessibility","createStackNavigator","Stack","FETCH_ROUTINES_PAGE","ListItem","item","navigation","handleOnPress","navigate","styles","itemContainer","uri","routine_imageConnection","edges","node","url","itemPhoto","itemTextContainer","itemTitleContainer","itemTextTitle","routine_title","itemTextSteps","steps","length","routine_step_label","listContainer","itemText","products_used_label","products","index","product_imageConnection","productPhoto","Routines","localizationStore","refresh","setRefresh","locale","getLocalization","LocalizationFormat","CONTENT_STACK","loading","error","data","refetch","variables","routinesPageData","result","items","errorCode","graphQLErrors","extensions","errors","code","container","title","routinesContainer","sortListText","sort_list_label","routines","paddingHorizontal","RoutineStack","unsubscribe","addListener","info","headerShown","create","flex","backgroundColor","white","primaryGray","paddingTop","flexDirection","paddingVertical","sectionHeader","textTransform","fontWeight","fontSize","marginTop","marginBottom","margin","borderRadius","paddingBottom","width","minHeight","height","borderColor","borderStyle","borderWidth","justifyContent","color","primaryBlack","letterSpacing","textAlign","marginRight","paddingRight"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n FlatList,\n Image,\n SafeAreaView,\n StyleSheet,\n Text,\n TouchableOpacity,\n View,\n ActivityIndicator,\n} from 'react-native';\nimport { gql, useQuery } from '@apollo/client';\nimport { useNavigation } from '@react-navigation/native';\nimport {\n VeraHeader,\n Logo,\n HeaderCart,\n colors,\n ErrorScreen,\n} from '@ns/mobile-ui';\nimport { localization, localizationState } from '@nuskin/utils-module';\nimport { useSnapshot } from 'valtio';\nimport RoutineDetails from './RoutineDetails';\nimport { Logger } from '@nuskin/mobile-logging';\nimport { accessibility } from './helpers/Accessibility';\nimport { createStackNavigator } from '@react-navigation/stack';\n\nconst Stack = createStackNavigator();\nexport const FETCH_ROUTINES_PAGE = gql`\n query fetchAllHomePages($locale: String) {\n result: all_routine(fallback_locale: true, locale: $locale) {\n items {\n products_used_label\n sort_list_label\n title\n routines {\n products {\n product_name\n product_category\n product_imageConnection {\n edges {\n node {\n url\n }\n }\n }\n }\n products_used_label\n routine_title\n routines_description\n routine_step_label\n routine_imageConnection {\n edges {\n node {\n url\n }\n }\n }\n steps {\n imageConnection {\n edges {\n node {\n url\n }\n }\n }\n step_sub_description\n step_title\n step_description\n style\n image_title\n image_description\n }\n }\n }\n }\n }\n`;\n\nconst ListItem = ({ item }) => {\n const navigation = useNavigation();\n const handleOnPress = () => {\n navigation.navigate('RoutineDetails' as never, item as never);\n };\n return (\n <View style={styles.itemContainer}>\n <TouchableOpacity onPress={handleOnPress}>\n <View>\n <Image\n source={{\n uri: item.routine_imageConnection?.edges[0]?.node?.url,\n }}\n style={styles.itemPhoto}\n />\n </View>\n <View style={styles.itemTextContainer}>\n <View style={styles.itemTitleContainer}>\n <Text style={styles.itemTextTitle}>{item.routine_title}</Text>\n <Text style={styles.itemTextSteps}>\n {item.steps.length} {item.routine_step_label}\n </Text>\n </View>\n <View style={styles.listContainer}>\n <Text style={styles.itemText}>{item.products_used_label}</Text>\n <FlatList\n data={item.products}\n horizontal\n renderItem={({ item, index }) => (\n <Image\n key={index}\n source={{\n uri: item.product_imageConnection?.edges[0]?.node?.url,\n }}\n style={styles.productPhoto}\n resizeMode=\"contain\"\n />\n )}\n showsHorizontalScrollIndicator={false}\n />\n </View>\n </View>\n </TouchableOpacity>\n </View>\n );\n};\n\nconst Routines = () => {\n const localizationStore = useSnapshot(localizationState);\n const [refresh, setRefresh] = useState(false);\n const locale = localization.getLocalization(\n localization.LocalizationFormat.CONTENT_STACK\n );\n\n const { loading, error, data, refetch } = useQuery(FETCH_ROUTINES_PAGE, {\n variables: { locale },\n });\n\n useEffect(() => {\n setRefresh(!refresh);\n }, [localizationStore]);\n\n const routinesPageData = data ? data.result.items[0] : {};\n if (error \|\| !routinesPageData) {\n const errorCode = error?.graphQLErrors[0]?.extensions?.errors[0]?.code;\n\n return (\n <SafeAreaView style={styles.container}>\n <ErrorScreen errorCode={errorCode} refresh={() => refetch()} />\n </SafeAreaView>\n );\n }\n if (loading) {\n return (\n <SafeAreaView\n style={styles.container}\n {...accessibility('routine-container-loading')}\n >\n <ActivityIndicator\n size=\"large\"\n {...accessibility('routine-activity-indicator')}\n />\n </SafeAreaView>\n );\n }\n\n return (\n <SafeAreaView style={styles.container} testID=\"routineStack\">\n <VeraHeader\n left={<Logo accessibilityLabel=\"logo\" />}\n right={<HeaderCart accessibilityLabel=\"crt-btn\" />}\n title={routinesPageData.title}\n {...accessibility('routine-activity-indicator')}\n />\n <View style={styles.routinesContainer}>\n {routinesPageData && (\n <>\n <Text style={styles.sortListText}>\n {routinesPageData.sort_list_label}\n </Text>\n <FlatList\n data={routinesPageData.routines}\n renderItem={({ item, index }) => (\n <ListItem item={item} key={index} />\n )}\n showsHorizontalScrollIndicator={false}\n contentContainerStyle={{ paddingHorizontal: 15 }}\n />\n </>\n )}\n </View>\n </SafeAreaView>\n );\n};\n\nfunction RoutineStack({ navigation }) {\n useEffect(() => {\n const unsubscribe = navigation.addListener('focus', () => {\n Logger.info('User navigated to the RoutineStack page.');\n });\n return unsubscribe;\n }, [navigation]);\n\n return (\n <Stack.Navigator>\n <Stack.Screen\n name=\"Routines\"\n component={Routines}\n options={{ headerShown: false }}\n />\n <Stack.Screen\n name=\"RoutineDetails\"\n component={RoutineDetails}\n options={{ headerShown: false }}\n />\n </Stack.Navigator>\n );\n}\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n backgroundColor: colors.white,\n },\n routinesContainer: {\n backgroundColor: colors.primaryGray,\n flex: 1,\n paddingTop: 10,\n },\n listContainer: {\n flexDirection: 'column',\n paddingHorizontal: 15,\n paddingVertical: 10,\n },\n sectionHeader: {\n textTransform: 'uppercase',\n fontWeight: '600',\n fontSize: 14,\n marginTop: 20,\n paddingHorizontal: 15,\n marginBottom: 5,\n },\n item: {\n margin: 10,\n borderRadius: 14,\n },\n itemContainer: {\n backgroundColor: 'transparent',\n flex: 1,\n marginBottom: 10,\n },\n itemTextContainer: {\n backgroundColor: colors.white,\n paddingTop: 20,\n paddingBottom: 10,\n },\n itemPhoto: {\n width: '100%',\n minHeight: 160,\n },\n productPhoto: {\n margin: 2,\n width: 40,\n height: 40,\n borderRadius: 50,\n borderColor: '#EDEDED',\n borderStyle: 'solid',\n borderWidth: 1,\n },\n itemTitleContainer: {\n flexDirection: 'row',\n justifyContent: 'space-between',\n paddingHorizontal: 15,\n },\n itemTextTitle: {\n color: colors.primaryBlack,\n fontWeight: '600',\n fontSize: 18,\n },\n itemText: {\n color: colors.primaryBlack,\n fontWeight: 'bold',\n fontSize: 12,\n letterSpacing: 0.05,\n paddingBottom: 5,\n textTransform: 'uppercase',\n },\n itemTextSteps: {\n color: colors.primaryBlack,\n fontWeight: 'bold',\n textTransform: 'uppercase',\n },\n sortListText: {\n color: colors.primaryBlack,\n fontWeight: 'bold',\n textTransform: 'uppercase',\n textAlign: 'right',\n marginRight: 10,\n letterSpacing: 0.5,\n paddingVertical: 10,\n paddingRight: 20,\n },\n});\n\nexport { RoutineStack };\n"],"mappings":"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"}

package/lib/typescript/RoutineDetails.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function RoutineDetails(props: any): JSX.Element;
+export default RoutineDetails;

package/lib/typescript/helpers/Accessibility.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+export declare function accessibility(id?: string): {
+    accessible: boolean;
+    accessibilityLabel: string | undefined;
+    testID?: undefined;
+} | {
+    accessible: boolean;
+    testID: string | undefined;
+    accessibilityLabel?: undefined;
+};

package/lib/typescript/index.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-declare function RoutineStack(LOG: any, { navigation }: {
+export declare const FETCH_ROUTINES_PAGE: import("@apollo/client").DocumentNode;
+declare function RoutineStack({ navigation }: {
     navigation: any;
 }): JSX.Element;
-declare function useRoutine(): void;
-export { RoutineStack, useRoutine };
+export { RoutineStack };

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@nuskin/routine-feature",
   "private": false,
-  "version": "1.0.0",
+  "version": "2.0.0",
   "repository": {
     "type": "git",
     "url": "https://code.tls.nuskin.io/ns-am/mobile/applications/luna-and-sol/shared2.git",
@@ -11,7 +11,7 @@
   "react-native": "src/index.tsx",
   "source": "src/index.tsx",
   "module": "lib/module/index.js",
-  "types": "lib/typescript/src/index.d.ts",
+  "types": "lib/typescript/index.d.ts",
   "files": [
     "src",
     "lib",
@@ -30,16 +30,17 @@
   },
   "peerDependencies": {
     "react": "^17.0.2",
-    "react-native": ">=0.64.2"
+    "react-native": "^0.68.5"
   },
   "dependencies": {
-    "@nuskin/mobile-navigation": "^0.0.1",
-    "@ns/mobile-ui": "^1.0.0",
-    "tslib": "^2.3.0"
+    "@apollo/client": "^3.7.4",
+    "@react-navigation/stack": "^6.2.2",
+    "@ns/mobile-ui": "^1.3.41",
+    "@nuskin/utils-module": "^1.1.5"
   },
   "devDependencies": {
-    "react-native-builder-bob": "^0.18.1",
-    "typescript": "4.4.2"
+    "react-native-builder-bob": "0.18.3",
+    "typescript": "^4.8.3"
   },
   "jest": {
     "preset": "react-native",
@@ -133,10 +134,10 @@
       ]
     ]
   },
-  "commithash": "8f7f5f9a08ba0f40be7eed2ac51d7eea56295759",
+  "commithash": "db5cd5e6cc2d8bfd932e072c4ac1c53cecaab4c7",
   "author": {
-    "name": "Treg Anderson",
-    "email": "tsanderson@nuskin.com",
-    "url": "https://code.tls.nuskin.io/tsanderson"
+    "name": "Camila Urquizo",
+    "email": "curquizo@nuskin.com",
+    "url": "https://code.tls.nuskin.io/curquizo"
   }
 }