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

@nuskin/routine-feature 2.0.0 → 2.0.2

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 (12) hide show

package/lib/commonjs/RoutineDetails.js +17 -17
package/lib/commonjs/RoutineDetails.js.map +1 -1
package/lib/commonjs/index.js +20 -17
package/lib/commonjs/index.js.map +1 -1
package/lib/module/RoutineDetails.js +18 -18
package/lib/module/RoutineDetails.js.map +1 -1
package/lib/module/index.js +22 -19
package/lib/module/index.js.map +1 -1
package/lib/typescript/index.d.ts +1 -3
package/package.json +8 -3
package/src/RoutineDetails.tsx +145 -113
package/src/index.tsx +30 -8

package/lib/commonjs/RoutineDetails.js CHANGED Viewed

@@ -8,34 +8,33 @@ var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _mobileUi = require("@ns/mobile-ui");
 var _reactNativeLinearGradient = _interopRequireDefault(require("react-native-linear-gradient"));
+var _Accessibility = require("./helpers/Accessibility");
+var _utilsModule = require("@nuskin/utils-module");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
 function RoutineDetails(props) {
   var _props$route, _item$routine_imageCo, _item$routine_imageCo2, _item$routine_imageCo3;
   const item = (_props$route = props.route) === null || _props$route === void 0 ? void 0 : _props$route.params;
+  const hideFeaturesByMarket = (0, _utilsModule.useMarketFlagsStore)(state => state.flags.hideVeraFeaturesByMarket);
   return /*#__PURE__*/_react.default.createElement(_reactNative.SafeAreaView, {
     style: styles.container,
     testID: "routineStack"
-  }, /*#__PURE__*/_react.default.createElement(_mobileUi.VeraHeader, {
-    left: /*#__PURE__*/_react.default.createElement(_mobileUi.Logo, {
-      accessibilityLabel: "logo"
-    }),
-    right: /*#__PURE__*/_react.default.createElement(_mobileUi.HeaderCart, {
-      accessibilityLabel: "crt-btn"
-    }),
-    title: 'Routine Details',
-    accessibilityLabel: "header"
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
+  }, /*#__PURE__*/_react.default.createElement(_mobileUi.VeraHeader, _extends({
+    left: /*#__PURE__*/_react.default.createElement(_mobileUi.BackArrow, null),
+    right: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_mobileUi.HeaderAccount, null), !hideFeaturesByMarket && /*#__PURE__*/_react.default.createElement(_mobileUi.HeaderCart, null)),
+    title: item.reference
+  }, (0, _Accessibility.accessibility)(`vera-header`))), /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
     style: styles.routinesContainer
-  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, item && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: {
       position: 'relative'
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.ImageBackground, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.ImageBackground, _extends({}, (0, _Accessibility.accessibility)(`image-routine-background`), {
     source: {
       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
-  }, /*#__PURE__*/_react.default.createElement(_reactNativeLinearGradient.default, {
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeLinearGradient.default, {
     colors: ['rgba(0, 0, 0, 0)', 'rgba(0, 0, 0, 0.6)'],
     locations: [0.6, 1],
     style: styles.imageOverlay
@@ -43,7 +42,7 @@ function RoutineDetails(props) {
     style: styles.itemTitleContainer
   }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: styles.itemTextSpan
-  }, "Default"), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+  }, item.routine_subtitle), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: styles.itemTextTitle
   }, item.routine_title)))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.routineDetailsContainer
@@ -53,13 +52,15 @@ function RoutineDetails(props) {
     style: styles.itemTextDescription
   }, item.routines_description), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: styles.itemText
-  }, item.products_used_label), item.products.map(item => {
+  }, item.products_used_label), item.products.map((item, index) => {
     var _item$product_imageCo, _item$product_imageCo2, _item$product_imageCo3;
     return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      key: index,
       style: {
         flexDirection: 'row'
       }
     }, /*#__PURE__*/_react.default.createElement(_reactNative.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
       },
@@ -98,7 +99,7 @@ function RoutineDetails(props) {
       style: styles.stepImagePhoto,
       resizeMode: "contain"
     }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: styles[`${item.style}TextContainer`]
+      style: styles[`${item.style ? `${item.style}TextContainer` : 'TextContainer'}`]
     }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
       style: styles.itemTextStepDescription
     }, item.step_description), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
@@ -224,7 +225,6 @@ const styles = _reactNative.StyleSheet.create({
     height: 40,
     borderRadius: 50,
     borderColor: '#EDEDED',
-    borderStyle: 'solid',
     borderWidth: 1
   },
   itemTextStepProduct: {

package/lib/commonjs/RoutineDetails.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["RoutineDetails","props","item","route","params","styles","container","routinesContainer","position","uri","routine_imageConnection","edges","node","url","itemPhoto","imageOverlay","itemTitleContainer","itemTextSpan","itemTextTitle","routine_title","routineDetailsContainer","routineDetails","itemTextDescription","routines_description","itemText","products_used_label","products","map","flexDirection","product_imageConnection","productPhoto","productName","itemTextProduct","product_category","product_name","steps","index","marginHorizontal","marginBottom","marginVertical","itemTextTitleIndex","itemTextStepTitle","step_title","style","imageConnection","stepImagePhoto","itemTextStepDescription","step_description","itemTextStepSubDescription","step_sub_description","textLumiSpaTreatmentContainer","textLumiSpaTreatment","image_title","stepProductContainer","stepProductPhoto","itemTextStepProduct","image_description","StyleSheet","create","flex","backgroundColor","colors","white","primaryGray","sectionHeader","textTransform","fontWeight","fontSize","marginTop","paddingHorizontal","left","right","top","height","margin","borderRadius","width","minHeight","aspectRatio","Image","ImageTextContainer","padding","LumiSpaIOTextContainer","Container","Product","LumiSpaIO","justifyContent","marginLeft","paddingTop","paddingBottom","paddingVertical","borderColor","borderStyle","borderWidth","lineHeight","bottom","color","accentB400","paddingRight","primaryBlack","letterSpacing","itemTextSteps","textAlign"],"sources":["RoutineDetails.tsx"],"sourcesContent":["import React from 'react';\nimport {\n SafeAreaView,\n View,\n StyleSheet,\n ScrollView,\n Text,\n Image,\n ImageBackground,\n Pressable,\n} from 'react-native';\nimport { VeraHeader, Logo, HeaderCart, colors } from '@ns/mobile-ui';\nimport LinearGradient from 'react-native-linear-gradient';\n\nfunction RoutineDetails(props) {\n const item = props.route?.params;\n return (\n <SafeAreaView style={styles.container} testID=\"routineStack\">\n <VeraHeader\n left={<Logo accessibilityLabel=\"logo\" />}\n right={<HeaderCart accessibilityLabel=\"crt-btn\" />}\n title={'Routine Details'}\n accessibilityLabel=\"header\"\n />\n <ScrollView style={styles.routinesContainer}>\n <>\n <View style={{ position: 'relative' }}>\n <ImageBackground\n source={{\n uri: item.routine_imageConnection?.edges[0]?.node?.url,\n }}\n style={styles.itemPhoto}\n >\n <LinearGradient\n colors={['rgba(0, 0, 0, 0)', 'rgba(0, 0, 0, 0.6)']}\n locations={[0.6, 1]}\n style={styles.imageOverlay}\n />\n <View style={styles.itemTitleContainer}>\n <Text style={styles.itemTextSpan}>Default</Text>\n <Text style={styles.itemTextTitle}>{item.routine_title}</Text>\n </View>\n </ImageBackground>\n </View>\n <View style={styles.routineDetailsContainer}>\n <View style={styles.routineDetails}>\n <Text style={styles.itemTextDescription}>\n {item.routines_description}\n </Text>\n <Text style={styles.itemText}>{item.products_used_label}</Text>\n {item.products.map((item) => {\n return (\n <View style={{ flexDirection: 'row' }}>\n <Image\n source={{\n uri: item.product_imageConnection?.edges[0]?.node?.url,\n }}\n style={styles.productPhoto}\n resizeMode=\"contain\"\n />\n <View style={styles.productName}>\n <Text style={styles.itemTextProduct}>\n {item.product_category}\n </Text>\n <Text style={styles.itemTextProduct}>\n {item.product_name}\n </Text>\n </View>\n </View>\n );\n })}\n </View>\n </View>\n {item.steps.map((item, index) => {\n return (\n <View\n key={index}\n style={{\n marginHorizontal: 20,\n marginBottom: 15,\n }}\n >\n <View\n style={{\n flexDirection: 'row',\n marginVertical: 10,\n }}\n >\n <Text style={styles.itemTextTitleIndex}>{index + 1}</Text>\n <Text style={styles.itemTextStepTitle}>\n {item.step_title}\n </Text>\n </View>\n <View\n style={styles[`${item.style ? item.style : 'Container'}`]}\n >\n {(item.style === 'Image' \|\| item.style == 'LumiSpaIO') && (\n <Image\n source={{\n uri: item.imageConnection?.edges[0]?.node?.url,\n }}\n style={styles.stepImagePhoto}\n resizeMode=\"contain\"\n />\n )}\n <View style={styles[`${item.style}TextContainer`]}>\n <Text style={styles.itemTextStepDescription}>\n {item.step_description}\n </Text>\n <Text style={styles.itemTextStepSubDescription}>\n {item.step_sub_description}\n </Text>\n {item.style === 'LumiSpaIO' && (\n <Pressable style={styles.textLumiSpaTreatmentContainer}>\n <Text style={styles.textLumiSpaTreatment}>\n {item.image_title}\n </Text>\n </Pressable>\n )}\n </View>\n </View>\n {item.style === 'Product' && (\n <View style={styles.stepProductContainer}>\n <Image\n source={{\n uri: item.imageConnection?.edges[0]?.node?.url,\n }}\n style={styles.stepProductPhoto}\n resizeMode=\"contain\"\n />\n <View style={styles.productName}>\n <Text style={styles.itemTextStepProduct}>\n {item.image_title}\n </Text>\n <Text style={styles.itemTextStepProduct}>\n {item.image_description}\n </Text>\n </View>\n </View>\n )}\n </View>\n );\n })}\n </>\n </ScrollView>\n </SafeAreaView>\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 },\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 imageOverlay: {\n position: 'absolute',\n left: 0,\n right: 0,\n top: 0,\n height: '100%',\n },\n item: {\n margin: 10,\n borderRadius: 14,\n },\n itemPhoto: {\n width: '100%',\n minHeight: 160,\n aspectRatio: 1.5,\n },\n Image: {\n flexDirection: 'row',\n flex: 1,\n backgroundColor: colors.white,\n },\n ImageTextContainer: {\n flex: 1,\n padding: 20,\n },\n LumiSpaIOTextContainer: {\n flex: 1,\n padding: 20,\n },\n Container: {\n flexDirection: 'column',\n flex: 1,\n padding: 20,\n backgroundColor: colors.white,\n },\n Product: {\n flexDirection: 'column',\n flex: 1,\n padding: 20,\n backgroundColor: colors.white,\n },\n LumiSpaIO: {\n flexDirection: 'row',\n flex: 1,\n backgroundColor: colors.white,\n },\n productName: {\n flex: 1,\n justifyContent: 'center',\n marginLeft: 5,\n },\n routineDetailsContainer: {\n backgroundColor: 'white',\n paddingTop: 20,\n paddingBottom: 10,\n marginBottom: 10,\n },\n routineDetails: {\n flexDirection: 'column',\n paddingHorizontal: 15,\n paddingVertical: 10,\n },\n stepImagePhoto: {\n width: 130,\n minHeight: 150,\n },\n stepProductPhoto: {\n width: 80,\n height: 80,\n },\n stepProductContainer: {\n flexDirection: 'row',\n backgroundColor: colors.white,\n paddingHorizontal: 20,\n paddingBottom: 20,\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 itemTextStepProduct: {\n fontWeight: '400',\n fontSize: 13,\n lineHeight: 18,\n },\n itemTitleContainer: {\n flexDirection: 'column',\n justifyContent: 'space-between',\n paddingHorizontal: 15,\n position: 'absolute',\n bottom: 20,\n },\n itemTextSpan: {\n color: colors.white,\n fontWeight: '400',\n fontSize: 14,\n textTransform: 'uppercase',\n },\n itemTextTitleIndex: {\n color: colors.accentB400,\n fontWeight: '400',\n fontSize: 20,\n lineHeight: 26,\n paddingRight: 10,\n },\n itemTextStepTitle: {\n color: colors.primaryBlack,\n fontWeight: '600',\n fontSize: 18,\n lineHeight: 26,\n },\n itemTextStepSubDescription: {\n fontWeight: '700',\n fontSize: 10,\n lineHeight: 15,\n letterSpacing: 0.5,\n paddingTop: 5,\n textTransform: 'uppercase',\n },\n itemTextTitle: {\n color: colors.white,\n fontWeight: '400',\n fontSize: 26,\n },\n itemTextDescription: {\n color: colors.primaryBlack,\n fontWeight: '400',\n fontSize: 14,\n lineHeight: 20,\n paddingBottom: 20,\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 itemTextStepDescription: {\n color: colors.primaryBlack,\n fontWeight: 'bold',\n fontSize: 12,\n letterSpacing: 0.05,\n paddingBottom: 5,\n },\n itemTextProduct: {\n color: colors.primaryBlack,\n fontSize: 11,\n fontWeight: '600',\n textTransform: 'uppercase',\n letterSpacing: 0.05,\n },\n itemTextSteps: {\n color: colors.primaryBlack,\n fontWeight: 'bold',\n textTransform: 'uppercase',\n },\n textLumiSpaTreatmentContainer: {\n marginTop: 10,\n padding: 10,\n textAlign: 'center',\n borderStyle: 'solid',\n borderWidth: 1,\n borderColor: colors.primaryBlack,\n },\n textLumiSpaTreatment: {\n textAlign: 'center',\n fontSize: 14,\n fontWeight: '600',\n lineHeight: 16,\n letterSpacing: 0.05,\n },\n});\nexport default RoutineDetails;\n"],"mappings":"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"}
1	+ {"version":3,"names":["RoutineDetails","props","item","route","params","hideFeaturesByMarket","useMarketFlagsStore","state","flags","hideVeraFeaturesByMarket","styles","container","reference","accessibility","routinesContainer","position","uri","routine_imageConnection","edges","node","url","itemPhoto","imageOverlay","itemTitleContainer","itemTextSpan","routine_subtitle","itemTextTitle","routine_title","routineDetailsContainer","routineDetails","itemTextDescription","routines_description","itemText","products_used_label","products","map","index","flexDirection","product_imageConnection","productPhoto","productName","itemTextProduct","product_category","product_name","steps","marginHorizontal","marginBottom","marginVertical","itemTextTitleIndex","itemTextStepTitle","step_title","style","imageConnection","stepImagePhoto","itemTextStepDescription","step_description","itemTextStepSubDescription","step_sub_description","textLumiSpaTreatmentContainer","textLumiSpaTreatment","image_title","stepProductContainer","stepProductPhoto","itemTextStepProduct","image_description","StyleSheet","create","flex","backgroundColor","colors","white","primaryGray","sectionHeader","textTransform","fontWeight","fontSize","marginTop","paddingHorizontal","left","right","top","height","margin","borderRadius","width","minHeight","aspectRatio","Image","ImageTextContainer","padding","LumiSpaIOTextContainer","Container","Product","LumiSpaIO","justifyContent","marginLeft","paddingTop","paddingBottom","paddingVertical","borderColor","borderWidth","lineHeight","bottom","color","accentB400","paddingRight","primaryBlack","letterSpacing","itemTextSteps","textAlign","borderStyle"],"sources":["RoutineDetails.tsx"],"sourcesContent":["import React from 'react';\nimport {\n SafeAreaView,\n View,\n StyleSheet,\n ScrollView,\n Text,\n Image,\n ImageBackground,\n Pressable,\n} from 'react-native';\nimport {\n VeraHeader,\n BackArrow,\n HeaderCart,\n HeaderAccount,\n colors,\n} from '@ns/mobile-ui';\nimport LinearGradient from 'react-native-linear-gradient';\nimport { accessibility } from './helpers/Accessibility';\nimport { useMarketFlagsStore } from '@nuskin/utils-module';\n\nfunction RoutineDetails(props) {\n const item = props.route?.params;\n const hideFeaturesByMarket = useMarketFlagsStore(\n (state) => state.flags.hideVeraFeaturesByMarket\n );\n return (\n <SafeAreaView style={styles.container} testID=\"routineStack\">\n <VeraHeader\n left={<BackArrow />}\n right={\n <>\n <HeaderAccount />\n {!hideFeaturesByMarket && <HeaderCart />}\n </>\n }\n title={item.reference}\n {...accessibility(`vera-header`)}\n />\n <ScrollView style={styles.routinesContainer}>\n {item && (\n <>\n <View style={{ position: 'relative' }}>\n <ImageBackground\n {...accessibility(`image-routine-background`)}\n source={{\n uri: item.routine_imageConnection?.edges[0]?.node?.url,\n }}\n style={styles.itemPhoto}\n >\n <LinearGradient\n colors={['rgba(0, 0, 0, 0)', 'rgba(0, 0, 0, 0.6)']}\n locations={[0.6, 1]}\n style={styles.imageOverlay}\n />\n <View style={styles.itemTitleContainer}>\n <Text style={styles.itemTextSpan}>\n {item.routine_subtitle}\n </Text>\n <Text style={styles.itemTextTitle}>{item.routine_title}</Text>\n </View>\n </ImageBackground>\n </View>\n <View style={styles.routineDetailsContainer}>\n <View style={styles.routineDetails}>\n <Text style={styles.itemTextDescription}>\n {item.routines_description}\n </Text>\n <Text style={styles.itemText}>{item.products_used_label}</Text>\n {item.products.map((item, index) => {\n return (\n <View key={index} style={{ flexDirection: 'row' }}>\n <Image\n key={index}\n source={{\n uri: item.product_imageConnection?.edges[0]?.node\n ?.url,\n }}\n style={styles.productPhoto}\n resizeMode=\"contain\"\n />\n <View style={styles.productName}>\n <Text style={styles.itemTextProduct}>\n {item.product_category}\n </Text>\n <Text style={styles.itemTextProduct}>\n {item.product_name}\n </Text>\n </View>\n </View>\n );\n })}\n </View>\n </View>\n {item.steps.map((item, index) => {\n return (\n <View\n key={index}\n style={{\n marginHorizontal: 20,\n marginBottom: 15,\n }}\n >\n <View\n style={{\n flexDirection: 'row',\n marginVertical: 10,\n }}\n >\n <Text style={styles.itemTextTitleIndex}>{index + 1}</Text>\n <Text style={styles.itemTextStepTitle}>\n {item.step_title}\n </Text>\n </View>\n <View\n style={styles[`${item.style ? item.style : 'Container'}`]}\n >\n {(item.style === 'Image' \|\| item.style == 'LumiSpaIO') && (\n <Image\n source={{\n uri: item.imageConnection?.edges[0]?.node?.url,\n }}\n style={styles.stepImagePhoto}\n resizeMode=\"contain\"\n />\n )}\n <View\n style={\n styles[\n `${\n item.style\n ? `${item.style}TextContainer`\n : 'TextContainer'\n }`\n ]\n }\n >\n <Text style={styles.itemTextStepDescription}>\n {item.step_description}\n </Text>\n <Text style={styles.itemTextStepSubDescription}>\n {item.step_sub_description}\n </Text>\n {item.style === 'LumiSpaIO' && (\n <Pressable style={styles.textLumiSpaTreatmentContainer}>\n <Text style={styles.textLumiSpaTreatment}>\n {item.image_title}\n </Text>\n </Pressable>\n )}\n </View>\n </View>\n {item.style === 'Product' && (\n <View style={styles.stepProductContainer}>\n <Image\n source={{\n uri: item.imageConnection?.edges[0]?.node?.url,\n }}\n style={styles.stepProductPhoto}\n resizeMode=\"contain\"\n />\n <View style={styles.productName}>\n <Text style={styles.itemTextStepProduct}>\n {item.image_title}\n </Text>\n <Text style={styles.itemTextStepProduct}>\n {item.image_description}\n </Text>\n </View>\n </View>\n )}\n </View>\n );\n })}\n </>\n )}\n </ScrollView>\n </SafeAreaView>\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 },\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 imageOverlay: {\n position: 'absolute',\n left: 0,\n right: 0,\n top: 0,\n height: '100%',\n },\n item: {\n margin: 10,\n borderRadius: 14,\n },\n itemPhoto: {\n width: '100%',\n minHeight: 160,\n aspectRatio: 1.5,\n },\n Image: {\n flexDirection: 'row',\n flex: 1,\n backgroundColor: colors.white,\n },\n ImageTextContainer: {\n flex: 1,\n padding: 20,\n },\n LumiSpaIOTextContainer: {\n flex: 1,\n padding: 20,\n },\n Container: {\n flexDirection: 'column',\n flex: 1,\n padding: 20,\n backgroundColor: colors.white,\n },\n Product: {\n flexDirection: 'column',\n flex: 1,\n padding: 20,\n backgroundColor: colors.white,\n },\n LumiSpaIO: {\n flexDirection: 'row',\n flex: 1,\n backgroundColor: colors.white,\n },\n productName: {\n flex: 1,\n justifyContent: 'center',\n marginLeft: 5,\n },\n routineDetailsContainer: {\n backgroundColor: 'white',\n paddingTop: 20,\n paddingBottom: 10,\n marginBottom: 10,\n },\n routineDetails: {\n flexDirection: 'column',\n paddingHorizontal: 15,\n paddingVertical: 10,\n },\n stepImagePhoto: {\n width: 130,\n minHeight: 150,\n },\n stepProductPhoto: {\n width: 80,\n height: 80,\n },\n stepProductContainer: {\n flexDirection: 'row',\n backgroundColor: colors.white,\n paddingHorizontal: 20,\n paddingBottom: 20,\n },\n productPhoto: {\n margin: 2,\n width: 40,\n height: 40,\n borderRadius: 50,\n borderColor: '#EDEDED',\n borderWidth: 1,\n },\n itemTextStepProduct: {\n fontWeight: '400',\n fontSize: 13,\n lineHeight: 18,\n },\n itemTitleContainer: {\n flexDirection: 'column',\n justifyContent: 'space-between',\n paddingHorizontal: 15,\n position: 'absolute',\n bottom: 20,\n },\n itemTextSpan: {\n color: colors.white,\n fontWeight: '400',\n fontSize: 14,\n textTransform: 'uppercase',\n },\n itemTextTitleIndex: {\n color: colors.accentB400,\n fontWeight: '400',\n fontSize: 20,\n lineHeight: 26,\n paddingRight: 10,\n },\n itemTextStepTitle: {\n color: colors.primaryBlack,\n fontWeight: '600',\n fontSize: 18,\n lineHeight: 26,\n },\n itemTextStepSubDescription: {\n fontWeight: '700',\n fontSize: 10,\n lineHeight: 15,\n letterSpacing: 0.5,\n paddingTop: 5,\n textTransform: 'uppercase',\n },\n itemTextTitle: {\n color: colors.white,\n fontWeight: '400',\n fontSize: 26,\n },\n itemTextDescription: {\n color: colors.primaryBlack,\n fontWeight: '400',\n fontSize: 14,\n lineHeight: 20,\n paddingBottom: 20,\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 itemTextStepDescription: {\n color: colors.primaryBlack,\n fontWeight: 'bold',\n fontSize: 12,\n letterSpacing: 0.05,\n paddingBottom: 5,\n },\n itemTextProduct: {\n color: colors.primaryBlack,\n fontSize: 11,\n fontWeight: '600',\n textTransform: 'uppercase',\n letterSpacing: 0.05,\n },\n itemTextSteps: {\n color: colors.primaryBlack,\n fontWeight: 'bold',\n textTransform: 'uppercase',\n },\n textLumiSpaTreatmentContainer: {\n marginTop: 10,\n padding: 10,\n textAlign: 'center',\n borderStyle: 'solid',\n borderWidth: 1,\n borderColor: colors.primaryBlack,\n },\n textLumiSpaTreatment: {\n textAlign: 'center',\n fontSize: 14,\n fontWeight: '600',\n lineHeight: 16,\n letterSpacing: 0.05,\n },\n});\nexport default RoutineDetails;\n"],"mappings":"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"}

package/lib/commonjs/index.js CHANGED Viewed

@@ -42,8 +42,10 @@ const FETCH_ROUTINES_PAGE = (0, _client.gql)`
           }
           products_used_label
           routine_title
+          routine_subtitle
           routines_description
           routine_step_label
+          reference
           routine_imageConnection {
             edges {
               node {
@@ -75,7 +77,8 @@ exports.FETCH_ROUTINES_PAGE = FETCH_ROUTINES_PAGE;
 const ListItem = _ref => {
   var _item$routine_imageCo, _item$routine_imageCo2, _item$routine_imageCo3;
   let {
-    item
+    item,
+    index
   } = _ref;
   const navigation = (0, _native.useNavigation)();
   const handleOnPress = () => {
@@ -85,18 +88,18 @@ const ListItem = _ref => {
     style: styles.itemContainer
   }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
     onPress: handleOnPress
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({}, (0, _Accessibility.accessibility)(`list-item-${index}`), {
     source: {
       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
-  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.itemTextContainer
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.itemTitleContainer
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, _extends({}, (0, _Accessibility.accessibility)(`list-item-title-${index}`), {
     style: styles.itemTextTitle
-  }, item.routine_title), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+  }), item.routine_title), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: styles.itemTextSteps
   }, item.steps.length, " ", item.routine_step_label)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.listContainer
@@ -111,14 +114,15 @@ const ListItem = _ref => {
         item,
         index
       } = _ref2;
-      return /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
-        key: index,
+      return /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({
+        key: index
+      }, (0, _Accessibility.accessibility)(`list-item-product-${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
   })))));
@@ -127,6 +131,7 @@ const Routines = () => {
   const localizationStore = (0, _valtio.useSnapshot)(_utilsModule.localizationState);
   const [refresh, setRefresh] = (0, _react.useState)(false);
   const locale = _utilsModule.localization.getLocalization(_utilsModule.localization.LocalizationFormat.CONTENT_STACK);
+  const hideFeaturesByMarket = (0, _utilsModule.useMarketFlagsStore)(state => state.flags.hideVeraFeaturesByMarket);
   const {
     loading,
     error,
@@ -165,9 +170,7 @@ const Routines = () => {
     left: /*#__PURE__*/_react.default.createElement(_mobileUi.Logo, {
       accessibilityLabel: "logo"
     }),
-    right: /*#__PURE__*/_react.default.createElement(_mobileUi.HeaderCart, {
-      accessibilityLabel: "crt-btn"
-    }),
+    right: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_mobileUi.HeaderAccount, null), !hideFeaturesByMarket && /*#__PURE__*/_react.default.createElement(_mobileUi.HeaderCart, null)),
     title: routinesPageData.title
   }, (0, _Accessibility.accessibility)('routine-activity-indicator'))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.routinesContainer
@@ -181,6 +184,7 @@ const Routines = () => {
         index
       } = _ref3;
       return /*#__PURE__*/_react.default.createElement(ListItem, {
+        index: index,
         item: item,
         key: index
       });
@@ -191,17 +195,17 @@ const Routines = () => {
     }
   }))));
 };
-function RoutineStack(_ref4) {
-  let {
-    navigation
-  } = _ref4;
+function RoutineStack() {
+  const navigation = (0, _native.useNavigation)();
   (0, _react.useEffect)(() => {
     const unsubscribe = navigation.addListener('focus', () => {
       _mobileLogging.Logger.info('User navigated to the RoutineStack page.');
     });
     return unsubscribe;
   }, [navigation]);
-  return /*#__PURE__*/_react.default.createElement(Stack.Navigator, null, /*#__PURE__*/_react.default.createElement(Stack.Screen, {
+  return /*#__PURE__*/_react.default.createElement(Stack.Navigator, {
+    initialRouteName: "Routines"
+  }, /*#__PURE__*/_react.default.createElement(Stack.Screen, {
     name: "Routines",
     component: Routines,
     options: {
@@ -262,7 +266,6 @@ const styles = _reactNative.StyleSheet.create({
     height: 40,
     borderRadius: 50,
     borderColor: '#EDEDED',
-    borderStyle: 'solid',
     borderWidth: 1
   },
   itemTitleContainer: {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["Stack","createStackNavigator","FETCH_ROUTINES_PAGE","gql","ListItem","item","navigation","useNavigation","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","useSnapshot","localizationState","refresh","setRefresh","useState","locale","localization","getLocalization","LocalizationFormat","CONTENT_STACK","loading","error","data","refetch","useQuery","variables","useEffect","routinesPageData","result","items","errorCode","graphQLErrors","extensions","errors","code","container","accessibility","title","routinesContainer","sortListText","sort_list_label","routines","paddingHorizontal","RoutineStack","unsubscribe","addListener","Logger","info","headerShown","RoutineDetails","StyleSheet","create","flex","backgroundColor","colors","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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"}
1	+ {"version":3,"names":["Stack","createStackNavigator","FETCH_ROUTINES_PAGE","gql","ListItem","item","index","navigation","useNavigation","handleOnPress","navigate","styles","itemContainer","accessibility","uri","routine_imageConnection","edges","node","url","itemPhoto","itemTextContainer","itemTitleContainer","itemTextTitle","routine_title","itemTextSteps","steps","length","routine_step_label","listContainer","itemText","products_used_label","products","product_imageConnection","productPhoto","Routines","localizationStore","useSnapshot","localizationState","refresh","setRefresh","useState","locale","localization","getLocalization","LocalizationFormat","CONTENT_STACK","hideFeaturesByMarket","useMarketFlagsStore","state","flags","hideVeraFeaturesByMarket","loading","error","data","refetch","useQuery","variables","useEffect","routinesPageData","result","items","errorCode","graphQLErrors","extensions","errors","code","container","title","routinesContainer","sortListText","sort_list_label","routines","paddingHorizontal","RoutineStack","unsubscribe","addListener","Logger","info","headerShown","RoutineDetails","StyleSheet","create","flex","backgroundColor","colors","white","primaryGray","paddingTop","flexDirection","paddingVertical","sectionHeader","textTransform","fontWeight","fontSize","marginTop","marginBottom","margin","borderRadius","paddingBottom","width","minHeight","height","borderColor","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 HeaderAccount,\n colors,\n ErrorScreen,\n} from '@ns/mobile-ui';\nimport {\n localization,\n localizationState,\n useMarketFlagsStore,\n} 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 routine_subtitle\n routines_description\n routine_step_label\n reference\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, index }) => {\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 {...accessibility(`list-item-${index}`)}\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\n {...accessibility(`list-item-title-${index}`)}\n style={styles.itemTextTitle}\n >\n {item.routine_title}\n </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 {...accessibility(`list-item-product-${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 const hideFeaturesByMarket = useMarketFlagsStore(\n (state) => state.flags.hideVeraFeaturesByMarket\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={\n <>\n <HeaderAccount />\n {!hideFeaturesByMarket && <HeaderCart />}\n </>\n }\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 index={index} item={item} key={index} />\n )}\n showsHorizontalScrollIndicator={false}\n contentContainerStyle={{ paddingHorizontal: 15 }}\n />\n </>\n )}\n </View>\n </SafeAreaView>\n );\n};\n\nfunction RoutineStack() {\n const navigation = useNavigation();\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 initialRouteName=\"Routines\">\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 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/module/RoutineDetails.js CHANGED Viewed

@@ -1,34 +1,33 @@
+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 from 'react';
 import { SafeAreaView, View, StyleSheet, ScrollView, Text, Image, ImageBackground, Pressable } from 'react-native';
-import { VeraHeader, Logo, HeaderCart, colors } from '@ns/mobile-ui';
+import { VeraHeader, BackArrow, HeaderCart, HeaderAccount, colors } from '@ns/mobile-ui';
 import LinearGradient from 'react-native-linear-gradient';
+import { accessibility } from './helpers/Accessibility';
+import { useMarketFlagsStore } from '@nuskin/utils-module';
 function RoutineDetails(props) {
   var _props$route, _item$routine_imageCo, _item$routine_imageCo2, _item$routine_imageCo3;
   const item = (_props$route = props.route) === null || _props$route === void 0 ? void 0 : _props$route.params;
+  const hideFeaturesByMarket = useMarketFlagsStore(state => state.flags.hideVeraFeaturesByMarket);
   return /*#__PURE__*/React.createElement(SafeAreaView, {
     style: styles.container,
     testID: "routineStack"
-  }, /*#__PURE__*/React.createElement(VeraHeader, {
-    left: /*#__PURE__*/React.createElement(Logo, {
-      accessibilityLabel: "logo"
-    }),
-    right: /*#__PURE__*/React.createElement(HeaderCart, {
-      accessibilityLabel: "crt-btn"
-    }),
-    title: 'Routine Details',
-    accessibilityLabel: "header"
-  }), /*#__PURE__*/React.createElement(ScrollView, {
+  }, /*#__PURE__*/React.createElement(VeraHeader, _extends({
+    left: /*#__PURE__*/React.createElement(BackArrow, null),
+    right: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HeaderAccount, null), !hideFeaturesByMarket && /*#__PURE__*/React.createElement(HeaderCart, null)),
+    title: item.reference
+  }, accessibility(`vera-header`))), /*#__PURE__*/React.createElement(ScrollView, {
     style: styles.routinesContainer
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+  }, item && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
     style: {
       position: 'relative'
     }
-  }, /*#__PURE__*/React.createElement(ImageBackground, {
+  }, /*#__PURE__*/React.createElement(ImageBackground, _extends({}, accessibility(`image-routine-background`), {
     source: {
       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
-  }, /*#__PURE__*/React.createElement(LinearGradient, {
+  }), /*#__PURE__*/React.createElement(LinearGradient, {
     colors: ['rgba(0, 0, 0, 0)', 'rgba(0, 0, 0, 0.6)'],
     locations: [0.6, 1],
     style: styles.imageOverlay
@@ -36,7 +35,7 @@ function RoutineDetails(props) {
     style: styles.itemTitleContainer
   }, /*#__PURE__*/React.createElement(Text, {
     style: styles.itemTextSpan
-  }, "Default"), /*#__PURE__*/React.createElement(Text, {
+  }, item.routine_subtitle), /*#__PURE__*/React.createElement(Text, {
     style: styles.itemTextTitle
   }, item.routine_title)))), /*#__PURE__*/React.createElement(View, {
     style: styles.routineDetailsContainer
@@ -46,13 +45,15 @@ function RoutineDetails(props) {
     style: styles.itemTextDescription
   }, item.routines_description), /*#__PURE__*/React.createElement(Text, {
     style: styles.itemText
-  }, item.products_used_label), item.products.map(item => {
+  }, item.products_used_label), item.products.map((item, index) => {
     var _item$product_imageCo, _item$product_imageCo2, _item$product_imageCo3;
     return /*#__PURE__*/React.createElement(View, {
+      key: index,
       style: {
         flexDirection: 'row'
       }
     }, /*#__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
       },
@@ -91,7 +92,7 @@ function RoutineDetails(props) {
       style: styles.stepImagePhoto,
       resizeMode: "contain"
     }), /*#__PURE__*/React.createElement(View, {
-      style: styles[`${item.style}TextContainer`]
+      style: styles[`${item.style ? `${item.style}TextContainer` : 'TextContainer'}`]
     }, /*#__PURE__*/React.createElement(Text, {
       style: styles.itemTextStepDescription
     }, item.step_description), /*#__PURE__*/React.createElement(Text, {
@@ -217,7 +218,6 @@ const styles = StyleSheet.create({
     height: 40,
     borderRadius: 50,
     borderColor: '#EDEDED',
-    borderStyle: 'solid',
     borderWidth: 1
   },
   itemTextStepProduct: {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","SafeAreaView","View","StyleSheet","ScrollView","Text","Image","ImageBackground","Pressable","VeraHeader","Logo","HeaderCart","colors","LinearGradient","RoutineDetails","props","item","route","params","styles","container","routinesContainer","position","uri","routine_imageConnection","edges","node","url","itemPhoto","imageOverlay","itemTitleContainer","itemTextSpan","itemTextTitle","routine_title","routineDetailsContainer","routineDetails","itemTextDescription","routines_description","itemText","products_used_label","products","map","flexDirection","product_imageConnection","productPhoto","productName","itemTextProduct","product_category","product_name","steps","index","marginHorizontal","marginBottom","marginVertical","itemTextTitleIndex","itemTextStepTitle","step_title","style","imageConnection","stepImagePhoto","itemTextStepDescription","step_description","itemTextStepSubDescription","step_sub_description","textLumiSpaTreatmentContainer","textLumiSpaTreatment","image_title","stepProductContainer","stepProductPhoto","itemTextStepProduct","image_description","create","flex","backgroundColor","white","primaryGray","sectionHeader","textTransform","fontWeight","fontSize","marginTop","paddingHorizontal","left","right","top","height","margin","borderRadius","width","minHeight","aspectRatio","ImageTextContainer","padding","LumiSpaIOTextContainer","Container","Product","LumiSpaIO","justifyContent","marginLeft","paddingTop","paddingBottom","paddingVertical","borderColor","borderStyle","borderWidth","lineHeight","bottom","color","accentB400","paddingRight","primaryBlack","letterSpacing","itemTextSteps","textAlign"],"sources":["RoutineDetails.tsx"],"sourcesContent":["import React from 'react';\nimport {\n SafeAreaView,\n View,\n StyleSheet,\n ScrollView,\n Text,\n Image,\n ImageBackground,\n Pressable,\n} from 'react-native';\nimport { VeraHeader, Logo, HeaderCart, colors } from '@ns/mobile-ui';\nimport LinearGradient from 'react-native-linear-gradient';\n\nfunction RoutineDetails(props) {\n const item = props.route?.params;\n return (\n <SafeAreaView style={styles.container} testID=\"routineStack\">\n <VeraHeader\n left={<Logo accessibilityLabel=\"logo\" />}\n right={<HeaderCart accessibilityLabel=\"crt-btn\" />}\n title={'Routine Details'}\n accessibilityLabel=\"header\"\n />\n <ScrollView style={styles.routinesContainer}>\n <>\n <View style={{ position: 'relative' }}>\n <ImageBackground\n source={{\n uri: item.routine_imageConnection?.edges[0]?.node?.url,\n }}\n style={styles.itemPhoto}\n >\n <LinearGradient\n colors={['rgba(0, 0, 0, 0)', 'rgba(0, 0, 0, 0.6)']}\n locations={[0.6, 1]}\n style={styles.imageOverlay}\n />\n <View style={styles.itemTitleContainer}>\n <Text style={styles.itemTextSpan}>Default</Text>\n <Text style={styles.itemTextTitle}>{item.routine_title}</Text>\n </View>\n </ImageBackground>\n </View>\n <View style={styles.routineDetailsContainer}>\n <View style={styles.routineDetails}>\n <Text style={styles.itemTextDescription}>\n {item.routines_description}\n </Text>\n <Text style={styles.itemText}>{item.products_used_label}</Text>\n {item.products.map((item) => {\n return (\n <View style={{ flexDirection: 'row' }}>\n <Image\n source={{\n uri: item.product_imageConnection?.edges[0]?.node?.url,\n }}\n style={styles.productPhoto}\n resizeMode=\"contain\"\n />\n <View style={styles.productName}>\n <Text style={styles.itemTextProduct}>\n {item.product_category}\n </Text>\n <Text style={styles.itemTextProduct}>\n {item.product_name}\n </Text>\n </View>\n </View>\n );\n })}\n </View>\n </View>\n {item.steps.map((item, index) => {\n return (\n <View\n key={index}\n style={{\n marginHorizontal: 20,\n marginBottom: 15,\n }}\n >\n <View\n style={{\n flexDirection: 'row',\n marginVertical: 10,\n }}\n >\n <Text style={styles.itemTextTitleIndex}>{index + 1}</Text>\n <Text style={styles.itemTextStepTitle}>\n {item.step_title}\n </Text>\n </View>\n <View\n style={styles[`${item.style ? item.style : 'Container'}`]}\n >\n {(item.style === 'Image' \|\| item.style == 'LumiSpaIO') && (\n <Image\n source={{\n uri: item.imageConnection?.edges[0]?.node?.url,\n }}\n style={styles.stepImagePhoto}\n resizeMode=\"contain\"\n />\n )}\n <View style={styles[`${item.style}TextContainer`]}>\n <Text style={styles.itemTextStepDescription}>\n {item.step_description}\n </Text>\n <Text style={styles.itemTextStepSubDescription}>\n {item.step_sub_description}\n </Text>\n {item.style === 'LumiSpaIO' && (\n <Pressable style={styles.textLumiSpaTreatmentContainer}>\n <Text style={styles.textLumiSpaTreatment}>\n {item.image_title}\n </Text>\n </Pressable>\n )}\n </View>\n </View>\n {item.style === 'Product' && (\n <View style={styles.stepProductContainer}>\n <Image\n source={{\n uri: item.imageConnection?.edges[0]?.node?.url,\n }}\n style={styles.stepProductPhoto}\n resizeMode=\"contain\"\n />\n <View style={styles.productName}>\n <Text style={styles.itemTextStepProduct}>\n {item.image_title}\n </Text>\n <Text style={styles.itemTextStepProduct}>\n {item.image_description}\n </Text>\n </View>\n </View>\n )}\n </View>\n );\n })}\n </>\n </ScrollView>\n </SafeAreaView>\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 },\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 imageOverlay: {\n position: 'absolute',\n left: 0,\n right: 0,\n top: 0,\n height: '100%',\n },\n item: {\n margin: 10,\n borderRadius: 14,\n },\n itemPhoto: {\n width: '100%',\n minHeight: 160,\n aspectRatio: 1.5,\n },\n Image: {\n flexDirection: 'row',\n flex: 1,\n backgroundColor: colors.white,\n },\n ImageTextContainer: {\n flex: 1,\n padding: 20,\n },\n LumiSpaIOTextContainer: {\n flex: 1,\n padding: 20,\n },\n Container: {\n flexDirection: 'column',\n flex: 1,\n padding: 20,\n backgroundColor: colors.white,\n },\n Product: {\n flexDirection: 'column',\n flex: 1,\n padding: 20,\n backgroundColor: colors.white,\n },\n LumiSpaIO: {\n flexDirection: 'row',\n flex: 1,\n backgroundColor: colors.white,\n },\n productName: {\n flex: 1,\n justifyContent: 'center',\n marginLeft: 5,\n },\n routineDetailsContainer: {\n backgroundColor: 'white',\n paddingTop: 20,\n paddingBottom: 10,\n marginBottom: 10,\n },\n routineDetails: {\n flexDirection: 'column',\n paddingHorizontal: 15,\n paddingVertical: 10,\n },\n stepImagePhoto: {\n width: 130,\n minHeight: 150,\n },\n stepProductPhoto: {\n width: 80,\n height: 80,\n },\n stepProductContainer: {\n flexDirection: 'row',\n backgroundColor: colors.white,\n paddingHorizontal: 20,\n paddingBottom: 20,\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 itemTextStepProduct: {\n fontWeight: '400',\n fontSize: 13,\n lineHeight: 18,\n },\n itemTitleContainer: {\n flexDirection: 'column',\n justifyContent: 'space-between',\n paddingHorizontal: 15,\n position: 'absolute',\n bottom: 20,\n },\n itemTextSpan: {\n color: colors.white,\n fontWeight: '400',\n fontSize: 14,\n textTransform: 'uppercase',\n },\n itemTextTitleIndex: {\n color: colors.accentB400,\n fontWeight: '400',\n fontSize: 20,\n lineHeight: 26,\n paddingRight: 10,\n },\n itemTextStepTitle: {\n color: colors.primaryBlack,\n fontWeight: '600',\n fontSize: 18,\n lineHeight: 26,\n },\n itemTextStepSubDescription: {\n fontWeight: '700',\n fontSize: 10,\n lineHeight: 15,\n letterSpacing: 0.5,\n paddingTop: 5,\n textTransform: 'uppercase',\n },\n itemTextTitle: {\n color: colors.white,\n fontWeight: '400',\n fontSize: 26,\n },\n itemTextDescription: {\n color: colors.primaryBlack,\n fontWeight: '400',\n fontSize: 14,\n lineHeight: 20,\n paddingBottom: 20,\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 itemTextStepDescription: {\n color: colors.primaryBlack,\n fontWeight: 'bold',\n fontSize: 12,\n letterSpacing: 0.05,\n paddingBottom: 5,\n },\n itemTextProduct: {\n color: colors.primaryBlack,\n fontSize: 11,\n fontWeight: '600',\n textTransform: 'uppercase',\n letterSpacing: 0.05,\n },\n itemTextSteps: {\n color: colors.primaryBlack,\n fontWeight: 'bold',\n textTransform: 'uppercase',\n },\n textLumiSpaTreatmentContainer: {\n marginTop: 10,\n padding: 10,\n textAlign: 'center',\n borderStyle: 'solid',\n borderWidth: 1,\n borderColor: colors.primaryBlack,\n },\n textLumiSpaTreatment: {\n textAlign: 'center',\n fontSize: 14,\n fontWeight: '600',\n lineHeight: 16,\n letterSpacing: 0.05,\n },\n});\nexport default RoutineDetails;\n"],"mappings":"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"}
1	+ {"version":3,"names":["React","SafeAreaView","View","StyleSheet","ScrollView","Text","Image","ImageBackground","Pressable","VeraHeader","BackArrow","HeaderCart","HeaderAccount","colors","LinearGradient","accessibility","useMarketFlagsStore","RoutineDetails","props","item","route","params","hideFeaturesByMarket","state","flags","hideVeraFeaturesByMarket","styles","container","reference","routinesContainer","position","uri","routine_imageConnection","edges","node","url","itemPhoto","imageOverlay","itemTitleContainer","itemTextSpan","routine_subtitle","itemTextTitle","routine_title","routineDetailsContainer","routineDetails","itemTextDescription","routines_description","itemText","products_used_label","products","map","index","flexDirection","product_imageConnection","productPhoto","productName","itemTextProduct","product_category","product_name","steps","marginHorizontal","marginBottom","marginVertical","itemTextTitleIndex","itemTextStepTitle","step_title","style","imageConnection","stepImagePhoto","itemTextStepDescription","step_description","itemTextStepSubDescription","step_sub_description","textLumiSpaTreatmentContainer","textLumiSpaTreatment","image_title","stepProductContainer","stepProductPhoto","itemTextStepProduct","image_description","create","flex","backgroundColor","white","primaryGray","sectionHeader","textTransform","fontWeight","fontSize","marginTop","paddingHorizontal","left","right","top","height","margin","borderRadius","width","minHeight","aspectRatio","ImageTextContainer","padding","LumiSpaIOTextContainer","Container","Product","LumiSpaIO","justifyContent","marginLeft","paddingTop","paddingBottom","paddingVertical","borderColor","borderWidth","lineHeight","bottom","color","accentB400","paddingRight","primaryBlack","letterSpacing","itemTextSteps","textAlign","borderStyle"],"sources":["RoutineDetails.tsx"],"sourcesContent":["import React from 'react';\nimport {\n SafeAreaView,\n View,\n StyleSheet,\n ScrollView,\n Text,\n Image,\n ImageBackground,\n Pressable,\n} from 'react-native';\nimport {\n VeraHeader,\n BackArrow,\n HeaderCart,\n HeaderAccount,\n colors,\n} from '@ns/mobile-ui';\nimport LinearGradient from 'react-native-linear-gradient';\nimport { accessibility } from './helpers/Accessibility';\nimport { useMarketFlagsStore } from '@nuskin/utils-module';\n\nfunction RoutineDetails(props) {\n const item = props.route?.params;\n const hideFeaturesByMarket = useMarketFlagsStore(\n (state) => state.flags.hideVeraFeaturesByMarket\n );\n return (\n <SafeAreaView style={styles.container} testID=\"routineStack\">\n <VeraHeader\n left={<BackArrow />}\n right={\n <>\n <HeaderAccount />\n {!hideFeaturesByMarket && <HeaderCart />}\n </>\n }\n title={item.reference}\n {...accessibility(`vera-header`)}\n />\n <ScrollView style={styles.routinesContainer}>\n {item && (\n <>\n <View style={{ position: 'relative' }}>\n <ImageBackground\n {...accessibility(`image-routine-background`)}\n source={{\n uri: item.routine_imageConnection?.edges[0]?.node?.url,\n }}\n style={styles.itemPhoto}\n >\n <LinearGradient\n colors={['rgba(0, 0, 0, 0)', 'rgba(0, 0, 0, 0.6)']}\n locations={[0.6, 1]}\n style={styles.imageOverlay}\n />\n <View style={styles.itemTitleContainer}>\n <Text style={styles.itemTextSpan}>\n {item.routine_subtitle}\n </Text>\n <Text style={styles.itemTextTitle}>{item.routine_title}</Text>\n </View>\n </ImageBackground>\n </View>\n <View style={styles.routineDetailsContainer}>\n <View style={styles.routineDetails}>\n <Text style={styles.itemTextDescription}>\n {item.routines_description}\n </Text>\n <Text style={styles.itemText}>{item.products_used_label}</Text>\n {item.products.map((item, index) => {\n return (\n <View key={index} style={{ flexDirection: 'row' }}>\n <Image\n key={index}\n source={{\n uri: item.product_imageConnection?.edges[0]?.node\n ?.url,\n }}\n style={styles.productPhoto}\n resizeMode=\"contain\"\n />\n <View style={styles.productName}>\n <Text style={styles.itemTextProduct}>\n {item.product_category}\n </Text>\n <Text style={styles.itemTextProduct}>\n {item.product_name}\n </Text>\n </View>\n </View>\n );\n })}\n </View>\n </View>\n {item.steps.map((item, index) => {\n return (\n <View\n key={index}\n style={{\n marginHorizontal: 20,\n marginBottom: 15,\n }}\n >\n <View\n style={{\n flexDirection: 'row',\n marginVertical: 10,\n }}\n >\n <Text style={styles.itemTextTitleIndex}>{index + 1}</Text>\n <Text style={styles.itemTextStepTitle}>\n {item.step_title}\n </Text>\n </View>\n <View\n style={styles[`${item.style ? item.style : 'Container'}`]}\n >\n {(item.style === 'Image' \|\| item.style == 'LumiSpaIO') && (\n <Image\n source={{\n uri: item.imageConnection?.edges[0]?.node?.url,\n }}\n style={styles.stepImagePhoto}\n resizeMode=\"contain\"\n />\n )}\n <View\n style={\n styles[\n `${\n item.style\n ? `${item.style}TextContainer`\n : 'TextContainer'\n }`\n ]\n }\n >\n <Text style={styles.itemTextStepDescription}>\n {item.step_description}\n </Text>\n <Text style={styles.itemTextStepSubDescription}>\n {item.step_sub_description}\n </Text>\n {item.style === 'LumiSpaIO' && (\n <Pressable style={styles.textLumiSpaTreatmentContainer}>\n <Text style={styles.textLumiSpaTreatment}>\n {item.image_title}\n </Text>\n </Pressable>\n )}\n </View>\n </View>\n {item.style === 'Product' && (\n <View style={styles.stepProductContainer}>\n <Image\n source={{\n uri: item.imageConnection?.edges[0]?.node?.url,\n }}\n style={styles.stepProductPhoto}\n resizeMode=\"contain\"\n />\n <View style={styles.productName}>\n <Text style={styles.itemTextStepProduct}>\n {item.image_title}\n </Text>\n <Text style={styles.itemTextStepProduct}>\n {item.image_description}\n </Text>\n </View>\n </View>\n )}\n </View>\n );\n })}\n </>\n )}\n </ScrollView>\n </SafeAreaView>\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 },\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 imageOverlay: {\n position: 'absolute',\n left: 0,\n right: 0,\n top: 0,\n height: '100%',\n },\n item: {\n margin: 10,\n borderRadius: 14,\n },\n itemPhoto: {\n width: '100%',\n minHeight: 160,\n aspectRatio: 1.5,\n },\n Image: {\n flexDirection: 'row',\n flex: 1,\n backgroundColor: colors.white,\n },\n ImageTextContainer: {\n flex: 1,\n padding: 20,\n },\n LumiSpaIOTextContainer: {\n flex: 1,\n padding: 20,\n },\n Container: {\n flexDirection: 'column',\n flex: 1,\n padding: 20,\n backgroundColor: colors.white,\n },\n Product: {\n flexDirection: 'column',\n flex: 1,\n padding: 20,\n backgroundColor: colors.white,\n },\n LumiSpaIO: {\n flexDirection: 'row',\n flex: 1,\n backgroundColor: colors.white,\n },\n productName: {\n flex: 1,\n justifyContent: 'center',\n marginLeft: 5,\n },\n routineDetailsContainer: {\n backgroundColor: 'white',\n paddingTop: 20,\n paddingBottom: 10,\n marginBottom: 10,\n },\n routineDetails: {\n flexDirection: 'column',\n paddingHorizontal: 15,\n paddingVertical: 10,\n },\n stepImagePhoto: {\n width: 130,\n minHeight: 150,\n },\n stepProductPhoto: {\n width: 80,\n height: 80,\n },\n stepProductContainer: {\n flexDirection: 'row',\n backgroundColor: colors.white,\n paddingHorizontal: 20,\n paddingBottom: 20,\n },\n productPhoto: {\n margin: 2,\n width: 40,\n height: 40,\n borderRadius: 50,\n borderColor: '#EDEDED',\n borderWidth: 1,\n },\n itemTextStepProduct: {\n fontWeight: '400',\n fontSize: 13,\n lineHeight: 18,\n },\n itemTitleContainer: {\n flexDirection: 'column',\n justifyContent: 'space-between',\n paddingHorizontal: 15,\n position: 'absolute',\n bottom: 20,\n },\n itemTextSpan: {\n color: colors.white,\n fontWeight: '400',\n fontSize: 14,\n textTransform: 'uppercase',\n },\n itemTextTitleIndex: {\n color: colors.accentB400,\n fontWeight: '400',\n fontSize: 20,\n lineHeight: 26,\n paddingRight: 10,\n },\n itemTextStepTitle: {\n color: colors.primaryBlack,\n fontWeight: '600',\n fontSize: 18,\n lineHeight: 26,\n },\n itemTextStepSubDescription: {\n fontWeight: '700',\n fontSize: 10,\n lineHeight: 15,\n letterSpacing: 0.5,\n paddingTop: 5,\n textTransform: 'uppercase',\n },\n itemTextTitle: {\n color: colors.white,\n fontWeight: '400',\n fontSize: 26,\n },\n itemTextDescription: {\n color: colors.primaryBlack,\n fontWeight: '400',\n fontSize: 14,\n lineHeight: 20,\n paddingBottom: 20,\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 itemTextStepDescription: {\n color: colors.primaryBlack,\n fontWeight: 'bold',\n fontSize: 12,\n letterSpacing: 0.05,\n paddingBottom: 5,\n },\n itemTextProduct: {\n color: colors.primaryBlack,\n fontSize: 11,\n fontWeight: '600',\n textTransform: 'uppercase',\n letterSpacing: 0.05,\n },\n itemTextSteps: {\n color: colors.primaryBlack,\n fontWeight: 'bold',\n textTransform: 'uppercase',\n },\n textLumiSpaTreatmentContainer: {\n marginTop: 10,\n padding: 10,\n textAlign: 'center',\n borderStyle: 'solid',\n borderWidth: 1,\n borderColor: colors.primaryBlack,\n },\n textLumiSpaTreatment: {\n textAlign: 'center',\n fontSize: 14,\n fontWeight: '600',\n lineHeight: 16,\n letterSpacing: 0.05,\n },\n});\nexport default RoutineDetails;\n"],"mappings":"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"}