@nuskin/routine-feature 3.0.2 → 3.0.4-test.0

package/lib/commonjs/RoutineDetails.js

@@ -12,6 +12,7 @@ var _featureFlags = require("@nuskin/feature-flags");
 var _reactNativeLinearGradient = _interopRequireDefault(require("react-native-linear-gradient"));
 var _Accessibility = require("./helpers/Accessibility");
 var _utilsModule = require("@nuskin/utils-module");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
 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) {
@@ -20,7 +21,7 @@ function RoutineDetails(props) {
   const CartButton = isEnabled('cx16_8118') ? _checkoutNative.NativeHeaderCart : _mobileUi.HeaderCart;
   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, {
+  return /*#__PURE__*/_react.default.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
     style: styles.container,
     testID: "routineStack"
   }, /*#__PURE__*/_react.default.createElement(_mobileUi.VeraHeader, _extends({

package/lib/commonjs/RoutineDetails.js.map

@@ -1 +1 @@
-{"version":3,"names":["RoutineDetails","props","isEnabled","useFeatureFlagStore","state","CartButton","NativeHeaderCart","HeaderCart","item","route","params","hideFeaturesByMarket","useMarketFlagsStore","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 { NativeHeaderCart } from '@ns/checkout-native';\nimport { useFeatureFlagStore } from '@nuskin/feature-flags';\nimport LinearGradient from 'react-native-linear-gradient';\nimport { accessibility } from './helpers/Accessibility';\nimport { useMarketFlagsStore } from '@nuskin/utils-module';\n\nfunction RoutineDetails(props) {\n  const isEnabled = useFeatureFlagStore((state) => state.isEnabled);\n  const CartButton = isEnabled('cx16_8118') ? NativeHeaderCart : HeaderCart;\n\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 && <CartButton />}\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":";;;;;;AAAA;AACA;AAUA;AAOA;AACA;AACA;AACA;AACA;AAA2D;AAAA;AAE3D,SAASA,cAAc,CAACC,KAAK,EAAE;EAAA;EAC7B,MAAMC,SAAS,GAAG,IAAAC,iCAAmB,EAAEC,KAAK,IAAKA,KAAK,CAACF,SAAS,CAAC;EACjE,MAAMG,UAAU,GAAGH,SAAS,CAAC,WAAW,CAAC,GAAGI,gCAAgB,GAAGC,oBAAU;EAEzE,MAAMC,IAAI,mBAAGP,KAAK,CAACQ,KAAK,iDAAX,aAAaC,MAAM;EAChC,MAAMC,oBAAoB,GAAG,IAAAC,gCAAmB,EAC7CR,KAAK,IAAKA,KAAK,CAACS,KAAK,CAACC,wBAAwB,CAChD;EACD,oBACE,6BAAC,yBAAY;IAAC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAC,MAAM,EAAC;EAAc,gBAC1D,6BAAC,oBAAU;IACT,IAAI,eAAE,6BAAC,mBAAS,OAAI;IACpB,KAAK,eACH,yEACE,6BAAC,uBAAa,OAAG,EAChB,CAACL,oBAAoB,iBAAI,6BAAC,UAAU,OAAG,CAE3C;IACD,KAAK,EAAEH,IAAI,CAACS;EAAU,GAClB,IAAAC,4BAAa,EAAE,aAAY,CAAC,EAChC,eACF,6BAAC,uBAAU;IAAC,KAAK,EAAEH,MAAM,CAACI;EAAkB,GACzCX,IAAI,iBACH,yEACE,6BAAC,iBAAI;IAAC,KAAK,EAAE;MAAEY,QAAQ,EAAE;IAAW;EAAE,gBACpC,6BAAC,4BAAe,eACV,IAAAF,4BAAa,EAAE,0BAAyB,CAAC;IAC7C,MAAM,EAAE;MACNG,GAAG,2BAAEb,IAAI,CAACc,uBAAuB,oFAA5B,sBAA8BC,KAAK,CAAC,CAAC,CAAC,qFAAtC,uBAAwCC,IAAI,2DAA5C,uBAA8CC;IACrD,CAAE;IACF,KAAK,EAAEV,MAAM,CAACW;EAAU,iBAExB,6BAAC,kCAAc;IACb,MAAM,EAAE,CAAC,kBAAkB,EAAE,oBAAoB,CAAE;IACnD,SAAS,EAAE,CAAC,GAAG,EAAE,CAAC,CAAE;IACpB,KAAK,EAAEX,MAAM,CAACY;EAAa,EAC3B,eACF,6BAAC,iBAAI;IAAC,KAAK,EAAEZ,MAAM,CAACa;EAAmB,gBACrC,6BAAC,iBAAI;IAAC,KAAK,EAAEb,MAAM,CAACc;EAAa,GAC9BrB,IAAI,CAACsB,gBAAgB,CACjB,eACP,6BAAC,iBAAI;IAAC,KAAK,EAAEf,MAAM,CAACgB;EAAc,GAAEvB,IAAI,CAACwB,aAAa,CAAQ,CACzD,CACS,CACb,eACP,6BAAC,iBAAI;IAAC,KAAK,EAAEjB,MAAM,CAACkB;EAAwB,gBAC1C,6BAAC,iBAAI;IAAC,KAAK,EAAElB,MAAM,CAACmB;EAAe,gBACjC,6BAAC,iBAAI;IAAC,KAAK,EAAEnB,MAAM,CAACoB;EAAoB,GACrC3B,IAAI,CAAC4B,oBAAoB,CACrB,eACP,6BAAC,iBAAI;IAAC,KAAK,EAAErB,MAAM,CAACsB;EAAS,GAAE7B,IAAI,CAAC8B,mBAAmB,CAAQ,EAC9D9B,IAAI,CAAC+B,QAAQ,CAACC,GAAG,CAAC,CAAChC,IAAI,EAAEiC,KAAK,KAAK;IAAA;IAClC,oBACE,6BAAC,iBAAI;MAAC,GAAG,EAAEA,KAAM;MAAC,KAAK,EAAE;QAAEC,aAAa,EAAE;MAAM;IAAE,gBAChD,6BAAC,kBAAK;MACJ,GAAG,EAAED,KAAM;MACX,MAAM,EAAE;QACNpB,GAAG,2BAAEb,IAAI,CAACmC,uBAAuB,oFAA5B,sBAA8BpB,KAAK,CAAC,CAAC,CAAC,qFAAtC,uBAAwCC,IAAI,2DAA5C,uBACDC;MACN,CAAE;MACF,KAAK,EAAEV,MAAM,CAAC6B,YAAa;MAC3B,UAAU,EAAC;IAAS,EACpB,eACF,6BAAC,iBAAI;MAAC,KAAK,EAAE7B,MAAM,CAAC8B;IAAY,gBAC9B,6BAAC,iBAAI;MAAC,KAAK,EAAE9B,MAAM,CAAC+B;IAAgB,GACjCtC,IAAI,CAACuC,gBAAgB,CACjB,eACP,6BAAC,iBAAI;MAAC,KAAK,EAAEhC,MAAM,CAAC+B;IAAgB,GACjCtC,IAAI,CAACwC,YAAY,CACb,CACF,CACF;EAEX,CAAC,CAAC,CACG,CACF,EACNxC,IAAI,CAACyC,KAAK,CAACT,GAAG,CAAC,CAAChC,IAAI,EAAEiC,KAAK,KAAK;IAAA;IAC/B,oBACE,6BAAC,iBAAI;MACH,GAAG,EAAEA,KAAM;MACX,KAAK,EAAE;QACLS,gBAAgB,EAAE,EAAE;QACpBC,YAAY,EAAE;MAChB;IAAE,gBAEF,6BAAC,iBAAI;MACH,KAAK,EAAE;QACLT,aAAa,EAAE,KAAK;QACpBU,cAAc,EAAE;MAClB;IAAE,gBAEF,6BAAC,iBAAI;MAAC,KAAK,EAAErC,MAAM,CAACsC;IAAmB,GAAEZ,KAAK,GAAG,CAAC,CAAQ,eAC1D,6BAAC,iBAAI;MAAC,KAAK,EAAE1B,MAAM,CAACuC;IAAkB,GACnC9C,IAAI,CAAC+C,UAAU,CACX,CACF,eACP,6BAAC,iBAAI;MACH,KAAK,EAAExC,MAAM,CAAE,GAAEP,IAAI,CAACgD,KAAK,GAAGhD,IAAI,CAACgD,KAAK,GAAG,WAAY,EAAC;IAAE,GAEzD,CAAChD,IAAI,CAACgD,KAAK,KAAK,OAAO,IAAIhD,IAAI,CAACgD,KAAK,IAAI,WAAW,kBACnD,6BAAC,kBAAK;MACJ,MAAM,EAAE;QACNnC,GAAG,2BAAEb,IAAI,CAACiD,eAAe,oFAApB,sBAAsBlC,KAAK,CAAC,CAAC,CAAC,qFAA9B,uBAAgCC,IAAI,2DAApC,uBAAsCC;MAC7C,CAAE;MACF,KAAK,EAAEV,MAAM,CAAC2C,cAAe;MAC7B,UAAU,EAAC;IAAS,EAEvB,eACD,6BAAC,iBAAI;MACH,KAAK,EACH3C,MAAM,CACH,GACCP,IAAI,CAACgD,KAAK,GACL,GAAEhD,IAAI,CAACgD,KAAM,eAAc,GAC5B,eACL,EAAC;IAEL,gBAED,6BAAC,iBAAI;MAAC,KAAK,EAAEzC,MAAM,CAAC4C;IAAwB,GACzCnD,IAAI,CAACoD,gBAAgB,CACjB,eACP,6BAAC,iBAAI;MAAC,KAAK,EAAE7C,MAAM,CAAC8C;IAA2B,GAC5CrD,IAAI,CAACsD,oBAAoB,CACrB,EACNtD,IAAI,CAACgD,KAAK,KAAK,WAAW,iBACzB,6BAAC,sBAAS;MAAC,KAAK,EAAEzC,MAAM,CAACgD;IAA8B,gBACrD,6BAAC,iBAAI;MAAC,KAAK,EAAEhD,MAAM,CAACiD;IAAqB,GACtCxD,IAAI,CAACyD,WAAW,CACZ,CAEV,CACI,CACF,EACNzD,IAAI,CAACgD,KAAK,KAAK,SAAS,iBACvB,6BAAC,iBAAI;MAAC,KAAK,EAAEzC,MAAM,CAACmD;IAAqB,gBACvC,6BAAC,kBAAK;MACJ,MAAM,EAAE;QACN7C,GAAG,4BAAEb,IAAI,CAACiD,eAAe,qFAApB,uBAAsBlC,KAAK,CAAC,CAAC,CAAC,qFAA9B,uBAAgCC,IAAI,2DAApC,uBAAsCC;MAC7C,CAAE;MACF,KAAK,EAAEV,MAAM,CAACoD,gBAAiB;MAC/B,UAAU,EAAC;IAAS,EACpB,eACF,6BAAC,iBAAI;MAAC,KAAK,EAAEpD,MAAM,CAAC8B;IAAY,gBAC9B,6BAAC,iBAAI;MAAC,KAAK,EAAE9B,MAAM,CAACqD;IAAoB,GACrC5D,IAAI,CAACyD,WAAW,CACZ,eACP,6BAAC,iBAAI;MAAC,KAAK,EAAElD,MAAM,CAACqD;IAAoB,GACrC5D,IAAI,CAAC6D,iBAAiB,CAClB,CACF,CAEV,CACI;EAEX,CAAC,CAAC,CAEL,CACU,CACA;AAEnB;AACA,MAAMtD,MAAM,GAAGuD,uBAAU,CAACC,MAAM,CAAC;EAC/BvD,SAAS,EAAE;IACTwD,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEC,gBAAM,CAACC;EAC1B,CAAC;EACDxD,iBAAiB,EAAE;IACjBsD,eAAe,EAAEC,gBAAM,CAACE,WAAW;IACnCJ,IAAI,EAAE;EACR,CAAC;EACDK,aAAa,EAAE;IACbC,aAAa,EAAE,WAAW;IAC1BC,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,EAAE;IACZ;IACAC,SAAS,EAAE,EAAE;IACbC,iBAAiB,EAAE,EAAE;IACrB/B,YAAY,EAAE;EAChB,CAAC;EACDxB,YAAY,EAAE;IACZP,QAAQ,EAAE,UAAU;IACpB+D,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,GAAG,EAAE,CAAC;IACNC,MAAM,EAAE;EACV,CAAC;EACD9E,IAAI,EAAE;IACJ+E,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE;EAChB,CAAC;EACD9D,SAAS,EAAE;IACT+D,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE,GAAG;IACdC,WAAW,EAAE;EACf,CAAC;EACDC,KAAK,EAAE;IACLlD,aAAa,EAAE,KAAK;IACpB8B,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEC,gBAAM,CAACC;EAC1B,CAAC;EACDkB,kBAAkB,EAAE;IAClBrB,IAAI,EAAE,CAAC;IACPsB,OAAO,EAAE;EACX,CAAC;EACDC,sBAAsB,EAAE;IACtBvB,IAAI,EAAE,CAAC;IACPsB,OAAO,EAAE;EACX,CAAC;EACDE,SAAS,EAAE;IACTtD,aAAa,EAAE,QAAQ;IACvB8B,IAAI,EAAE,CAAC;IACPsB,OAAO,EAAE,EAAE;IACXrB,eAAe,EAAEC,gBAAM,CAACC;EAC1B,CAAC;EACDsB,OAAO,EAAE;IACPvD,aAAa,EAAE,QAAQ;IACvB8B,IAAI,EAAE,CAAC;IACPsB,OAAO,EAAE,EAAE;IACXrB,eAAe,EAAEC,gBAAM,CAACC;EAC1B,CAAC;EACDuB,SAAS,EAAE;IACTxD,aAAa,EAAE,KAAK;IACpB8B,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEC,gBAAM,CAACC;EAC1B,CAAC;EACD9B,WAAW,EAAE;IACX2B,IAAI,EAAE,CAAC;IACP2B,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDnE,uBAAuB,EAAE;IACvBwC,eAAe,EAAE,OAAO;IACxB4B,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,EAAE;IACjBnD,YAAY,EAAE;EAChB,CAAC;EACDjB,cAAc,EAAE;IACdQ,aAAa,EAAE,QAAQ;IACvBwC,iBAAiB,EAAE,EAAE;IACrBqB,eAAe,EAAE;EACnB,CAAC;EACD7C,cAAc,EAAE;IACd+B,KAAK,EAAE,GAAG;IACVC,SAAS,EAAE;EACb,CAAC;EACDvB,gBAAgB,EAAE;IAChBsB,KAAK,EAAE,EAAE;IACTH,MAAM,EAAE;EACV,CAAC;EACDpB,oBAAoB,EAAE;IACpBxB,aAAa,EAAE,KAAK;IACpB+B,eAAe,EAAEC,gBAAM,CAACC,KAAK;IAC7BO,iBAAiB,EAAE,EAAE;IACrBoB,aAAa,EAAE;EACjB,CAAC;EACD1D,YAAY,EAAE;IACZ2C,MAAM,EAAE,CAAC;IACTE,KAAK,EAAE,EAAE;IACTH,MAAM,EAAE,EAAE;IACVE,YAAY,EAAE,EAAE;IAChBgB,WAAW,EAAE,SAAS;IACtBC,WAAW,EAAE;EACf,CAAC;EACDrC,mBAAmB,EAAE;IACnBW,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,EAAE;IACZ0B,UAAU,EAAE;EACd,CAAC;EACD9E,kBAAkB,EAAE;IAClBc,aAAa,EAAE,QAAQ;IACvByD,cAAc,EAAE,eAAe;IAC/BjB,iBAAiB,EAAE,EAAE;IACrB9D,QAAQ,EAAE,UAAU;IACpBuF,MAAM,EAAE;EACV,CAAC;EACD9E,YAAY,EAAE;IACZ+E,KAAK,EAAElC,gBAAM,CAACC,KAAK;IACnBI,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,EAAE;IACZF,aAAa,EAAE;EACjB,CAAC;EACDzB,kBAAkB,EAAE;IAClBuD,KAAK,EAAElC,gBAAM,CAACmC,UAAU;IACxB9B,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,EAAE;IACZ0B,UAAU,EAAE,EAAE;IACdI,YAAY,EAAE;EAChB,CAAC;EACDxD,iBAAiB,EAAE;IACjBsD,KAAK,EAAElC,gBAAM,CAACqC,YAAY;IAC1BhC,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,EAAE;IACZ0B,UAAU,EAAE;EACd,CAAC;EACD7C,0BAA0B,EAAE;IAC1BkB,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,EAAE;IACZ0B,UAAU,EAAE,EAAE;IACdM,aAAa,EAAE,GAAG;IAClBX,UAAU,EAAE,CAAC;IACbvB,aAAa,EAAE;EACjB,CAAC;EACD/C,aAAa,EAAE;IACb6E,KAAK,EAAElC,gBAAM,CAACC,KAAK;IACnBI,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE;EACZ,CAAC;EACD7C,mBAAmB,EAAE;IACnByE,KAAK,EAAElC,gBAAM,CAACqC,YAAY;IAC1BhC,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,EAAE;IACZ0B,UAAU,EAAE,EAAE;IACdJ,aAAa,EAAE;EACjB,CAAC;EACDjE,QAAQ,EAAE;IACRuE,KAAK,EAAElC,gBAAM,CAACqC,YAAY;IAC1BhC,UAAU,EAAE,MAAM;IAClBC,QAAQ,EAAE,EAAE;IACZgC,aAAa,EAAE,IAAI;IACnBV,aAAa,EAAE,CAAC;IAChBxB,aAAa,EAAE;EACjB,CAAC;EACDnB,uBAAuB,EAAE;IACvBiD,KAAK,EAAElC,gBAAM,CAACqC,YAAY;IAC1BhC,UAAU,EAAE,MAAM;IAClBC,QAAQ,EAAE,EAAE;IACZgC,aAAa,EAAE,IAAI;IACnBV,aAAa,EAAE;EACjB,CAAC;EACDxD,eAAe,EAAE;IACf8D,KAAK,EAAElC,gBAAM,CAACqC,YAAY;IAC1B/B,QAAQ,EAAE,EAAE;IACZD,UAAU,EAAE,KAAK;IACjBD,aAAa,EAAE,WAAW;IAC1BkC,aAAa,EAAE;EACjB,CAAC;EACDC,aAAa,EAAE;IACbL,KAAK,EAAElC,gBAAM,CAACqC,YAAY;IAC1BhC,UAAU,EAAE,MAAM;IAClBD,aAAa,EAAE;EACjB,CAAC;EACDf,6BAA6B,EAAE;IAC7BkB,SAAS,EAAE,EAAE;IACba,OAAO,EAAE,EAAE;IACXoB,SAAS,EAAE,QAAQ;IACnBC,WAAW,EAAE,OAAO;IACpBV,WAAW,EAAE,CAAC;IACdD,WAAW,EAAE9B,gBAAM,CAACqC;EACtB,CAAC;EACD/C,oBAAoB,EAAE;IACpBkD,SAAS,EAAE,QAAQ;IACnBlC,QAAQ,EAAE,EAAE;IACZD,UAAU,EAAE,KAAK;IACjB2B,UAAU,EAAE,EAAE;IACdM,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;AAAC,eACYhH,cAAc;AAAA"}
+{"version":3,"names":["RoutineDetails","props","isEnabled","useFeatureFlagStore","state","CartButton","NativeHeaderCart","HeaderCart","item","route","params","hideFeaturesByMarket","useMarketFlagsStore","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  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 { NativeHeaderCart } from '@ns/checkout-native';\nimport { useFeatureFlagStore } from '@nuskin/feature-flags';\nimport LinearGradient from 'react-native-linear-gradient';\nimport { accessibility } from './helpers/Accessibility';\nimport { useMarketFlagsStore } from '@nuskin/utils-module';\nimport { SafeAreaView } from 'react-native-safe-area-context';\n\nfunction RoutineDetails(props) {\n  const isEnabled = useFeatureFlagStore((state) => state.isEnabled);\n  const CartButton = isEnabled('cx16_8118') ? NativeHeaderCart : HeaderCart;\n\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 && <CartButton />}\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

@@ -17,6 +17,7 @@ var _RoutineDetails = _interopRequireDefault(require("./RoutineDetails"));
 var _mobileLogging = require("@nuskin/mobile-logging");
 var _Accessibility = require("./helpers/Accessibility");
 var _stack = require("@react-navigation/stack");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -152,7 +153,7 @@ const Routines = () => {
   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.default.createElement(_reactNative.SafeAreaView, {
+    return /*#__PURE__*/_react.default.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
       style: styles.container
     }, /*#__PURE__*/_react.default.createElement(_mobileUi.ErrorScreen, {
       errorCode: errorCode,
@@ -160,13 +161,13 @@ const Routines = () => {
     }));
   }
   if (loading) {
-    return /*#__PURE__*/_react.default.createElement(_reactNative.SafeAreaView, _extends({
+    return /*#__PURE__*/_react.default.createElement(_reactNativeSafeAreaContext.SafeAreaView, _extends({
       style: styles.container
     }, (0, _Accessibility.accessibility)('routine-container-loading')), /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, _extends({
       size: "large"
     }, (0, _Accessibility.accessibility)('routine-activity-indicator'))));
   }
-  return /*#__PURE__*/_react.default.createElement(_reactNative.SafeAreaView, {
+  return /*#__PURE__*/_react.default.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
     style: styles.container,
     testID: "routineStack"
   }, /*#__PURE__*/_react.default.createElement(_mobileUi.VeraHeader, _extends({

package/lib/commonjs/index.js.map

@@ -1 +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","isEnabled","useFeatureFlagStore","state","CartButton","NativeHeaderCart","HeaderCart","localeState","localization","useLocalization","locale","refresh","setRefresh","useState","getLocalization","LocalizationFormat","CONTENT_STACK","hideFeaturesByMarket","useMarketFlagsStore","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 { NativeHeaderCart } from '@ns/checkout-native';\nimport { useFeatureFlagStore } from '@nuskin/feature-flags';\nimport { localization, useMarketFlagsStore } from '@nuskin/utils-module';\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 isEnabled = useFeatureFlagStore((state) => state.isEnabled);\n  const CartButton = isEnabled('cx16_8118') ? NativeHeaderCart : HeaderCart;\n\n  const localeState = localization.useLocalization().locale;\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  }, [localeState]);\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 && <CartButton />}\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":";;;;;;;AAAA;AACA;AAUA;AACA;AACA;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AAA+D;AAAA;AAAA;AAAA;AAE/D,MAAMA,KAAK,GAAG,IAAAC,2BAAoB,GAAE;AAC7B,MAAMC,mBAAmB,GAAG,IAAAC,WAAG,CAAC;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAAC;AAEF,MAAMC,QAAQ,GAAG,QAAqB;EAAA;EAAA,IAApB;IAAEC,IAAI;IAAEC;EAAM,CAAC;EAC/B,MAAMC,UAAU,GAAG,IAAAC,qBAAa,GAAE;EAClC,MAAMC,aAAa,GAAG,MAAM;IAC1BF,UAAU,CAACG,QAAQ,CAAC,gBAAgB,EAAWL,IAAI,CAAU;EAC/D,CAAC;EACD,oBACE,6BAAC,iBAAI;IAAC,KAAK,EAAEM,MAAM,CAACC;EAAc,gBAChC,6BAAC,6BAAgB;IAAC,OAAO,EAAEH;EAAc,gBACvC,6BAAC,iBAAI,qBACH,6BAAC,kBAAK,eACA,IAAAI,4BAAa,EAAE,aAAYP,KAAM,EAAC,CAAC;IACvC,MAAM,EAAE;MACNQ,GAAG,2BAAET,IAAI,CAACU,uBAAuB,oFAA5B,sBAA8BC,KAAK,CAAC,CAAC,CAAC,qFAAtC,uBAAwCC,IAAI,2DAA5C,uBAA8CC;IACrD,CAAE;IACF,KAAK,EAAEP,MAAM,CAACQ;EAAU,GACxB,CACG,eACP,6BAAC,iBAAI;IAAC,KAAK,EAAER,MAAM,CAACS;EAAkB,gBACpC,6BAAC,iBAAI;IAAC,KAAK,EAAET,MAAM,CAACU;EAAmB,gBACrC,6BAAC,iBAAI,eACC,IAAAR,4BAAa,EAAE,mBAAkBP,KAAM,EAAC,CAAC;IAC7C,KAAK,EAAEK,MAAM,CAACW;EAAc,IAE3BjB,IAAI,CAACkB,aAAa,CACd,eACP,6BAAC,iBAAI;IAAC,KAAK,EAAEZ,MAAM,CAACa;EAAc,GAC/BnB,IAAI,CAACoB,KAAK,CAACC,MAAM,EAAC,GAAC,EAACrB,IAAI,CAACsB,kBAAkB,CACvC,CACF,eACP,6BAAC,iBAAI;IAAC,KAAK,EAAEhB,MAAM,CAACiB;EAAc,gBAChC,6BAAC,iBAAI;IAAC,KAAK,EAAEjB,MAAM,CAACkB;EAAS,GAAExB,IAAI,CAACyB,mBAAmB,CAAQ,eAC/D,6BAAC,qBAAQ;IACP,IAAI,EAAEzB,IAAI,CAAC0B,QAAS;IACpB,UAAU;IACV,UAAU,EAAE;MAAA;MAAA,IAAC;QAAE1B,IAAI;QAAEC;MAAM,CAAC;MAAA,oBAC1B,6BAAC,kBAAK;QACJ,GAAG,EAAEA;MAAM,GACP,IAAAO,4BAAa,EAAE,qBAAoBP,KAAM,EAAC,CAAC;QAC/C,MAAM,EAAE;UACNQ,GAAG,2BAAET,IAAI,CAAC2B,uBAAuB,oFAA5B,sBAA8BhB,KAAK,CAAC,CAAC,CAAC,qFAAtC,uBAAwCC,IAAI,2DAA5C,uBAA8CC;QACrD,CAAE;QACF,KAAK,EAAEP,MAAM,CAACsB,YAAa;QAC3B,UAAU,EAAC;MAAS,GACpB;IAAA,CACF;IACF,8BAA8B,EAAE;EAAM,EACtC,CACG,CACF,CACU,CACd;AAEX,CAAC;AAED,MAAMC,QAAQ,GAAG,MAAM;EACrB,MAAMC,SAAS,GAAG,IAAAC,iCAAmB,EAAEC,KAAK,IAAKA,KAAK,CAACF,SAAS,CAAC;EACjE,MAAMG,UAAU,GAAGH,SAAS,CAAC,WAAW,CAAC,GAAGI,gCAAgB,GAAGC,oBAAU;EAEzE,MAAMC,WAAW,GAAGC,yBAAY,CAACC,eAAe,EAAE,CAACC,MAAM;EACzD,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAC7C,MAAMH,MAAM,GAAGF,yBAAY,CAACM,eAAe,CACzCN,yBAAY,CAACO,kBAAkB,CAACC,aAAa,CAC9C;EACD,MAAMC,oBAAoB,GAAG,IAAAC,gCAAmB,EAC7Cf,KAAK,IAAKA,KAAK,CAACgB,KAAK,CAACC,wBAAwB,CAChD;EAED,MAAM;IAAEC,OAAO;IAAEC,KAAK;IAAEC,IAAI;IAAEC;EAAQ,CAAC,GAAG,IAAAC,gBAAQ,EAACzD,mBAAmB,EAAE;IACtE0D,SAAS,EAAE;MAAEhB;IAAO;EACtB,CAAC,CAAC;EAEF,IAAAiB,gBAAS,EAAC,MAAM;IACdf,UAAU,CAAC,CAACD,OAAO,CAAC;EACtB,CAAC,EAAE,CAACJ,WAAW,CAAC,CAAC;EAEjB,MAAMqB,gBAAgB,GAAGL,IAAI,GAAGA,IAAI,CAACM,MAAM,CAACC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;EACzD,IAAIR,KAAK,IAAI,CAACM,gBAAgB,EAAE;IAAA;IAC9B,MAAMG,SAAS,GAAGT,KAAK,aAALA,KAAK,gDAALA,KAAK,CAAEU,aAAa,CAAC,CAAC,CAAC,oFAAvB,sBAAyBC,UAAU,qFAAnC,uBAAqCC,MAAM,CAAC,CAAC,CAAC,2DAA9C,uBAAgDC,IAAI;IAEtE,oBACE,6BAAC,yBAAY;MAAC,KAAK,EAAE1D,MAAM,CAAC2D;IAAU,gBACpC,6BAAC,qBAAW;MAAC,SAAS,EAAEL,SAAU;MAAC,OAAO,EAAE,MAAMP,OAAO;IAAG,EAAG,CAClD;EAEnB;EACA,IAAIH,OAAO,EAAE;IACX,oBACE,6BAAC,yBAAY;MACX,KAAK,EAAE5C,MAAM,CAAC2D;IAAU,GACpB,IAAAzD,4BAAa,EAAC,2BAA2B,CAAC,gBAE9C,6BAAC,8BAAiB;MAChB,IAAI,EAAC;IAAO,GACR,IAAAA,4BAAa,EAAC,4BAA4B,CAAC,EAC/C,CACW;EAEnB;EAEA,oBACE,6BAAC,yBAAY;IAAC,KAAK,EAAEF,MAAM,CAAC2D,SAAU;IAAC,MAAM,EAAC;EAAc,gBAC1D,6BAAC,oBAAU;IACT,IAAI,eAAE,6BAAC,cAAI;MAAC,kBAAkB,EAAC;IAAM,EAAI;IACzC,KAAK,eACH,yEACE,6BAAC,uBAAa,OAAG,EAChB,CAACnB,oBAAoB,iBAAI,6BAAC,UAAU,OAAG,CAE3C;IACD,KAAK,EAAEW,gBAAgB,CAACS;EAAM,GAC1B,IAAA1D,4BAAa,EAAC,4BAA4B,CAAC,EAC/C,eACF,6BAAC,iBAAI;IAAC,KAAK,EAAEF,MAAM,CAAC6D;EAAkB,GACnCV,gBAAgB,iBACf,yEACE,6BAAC,iBAAI;IAAC,KAAK,EAAEnD,MAAM,CAAC8D;EAAa,GAC9BX,gBAAgB,CAACY,eAAe,CAC5B,eACP,6BAAC,qBAAQ;IACP,IAAI,EAAEZ,gBAAgB,CAACa,QAAS;IAChC,UAAU,EAAE;MAAA,IAAC;QAAEtE,IAAI;QAAEC;MAAM,CAAC;MAAA,oBAC1B,6BAAC,QAAQ;QAAC,KAAK,EAAEA,KAAM;QAAC,IAAI,EAAED,IAAK;QAAC,GAAG,EAAEC;MAAM,EAAG;IAAA,CAClD;IACF,8BAA8B,EAAE,KAAM;IACtC,qBAAqB,EAAE;MAAEsE,iBAAiB,EAAE;IAAG;EAAE,EACjD,CAEL,CACI,CACM;AAEnB,CAAC;AAED,SAASC,YAAY,GAAG;EACtB,MAAMtE,UAAU,GAAG,IAAAC,qBAAa,GAAE;EAClC,IAAAqD,gBAAS,EAAC,MAAM;IACd,MAAMiB,WAAW,GAAGvE,UAAU,CAACwE,WAAW,CAAC,OAAO,EAAE,MAAM;MACxDC,qBAAM,CAACC,IAAI,CAAC,0CAA0C,CAAC;IACzD,CAAC,CAAC;IACF,OAAOH,WAAW;EACpB,CAAC,EAAE,CAACvE,UAAU,CAAC,CAAC;EAEhB,oBACE,6BAAC,KAAK,CAAC,SAAS;IAAC,gBAAgB,EAAC;EAAU,gBAC1C,6BAAC,KAAK,CAAC,MAAM;IACX,IAAI,EAAC,UAAU;IACf,SAAS,EAAE2B,QAAS;IACpB,OAAO,EAAE;MAAEgD,WAAW,EAAE;IAAM;EAAE,EAChC,eACF,6BAAC,KAAK,CAAC,MAAM;IACX,IAAI,EAAC,gBAAgB;IACrB,SAAS,EAAEC,uBAAe;IAC1B,OAAO,EAAE;MAAED,WAAW,EAAE;IAAM;EAAE,EAChC,CACc;AAEtB;AAEA,MAAMvE,MAAM,GAAGyE,uBAAU,CAACC,MAAM,CAAC;EAC/Bf,SAAS,EAAE;IACTgB,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEC,gBAAM,CAACC;EAC1B,CAAC;EACDjB,iBAAiB,EAAE;IACjBe,eAAe,EAAEC,gBAAM,CAACE,WAAW;IACnCJ,IAAI,EAAE,CAAC;IACPK,UAAU,EAAE;EACd,CAAC;EACD/D,aAAa,EAAE;IACbgE,aAAa,EAAE,QAAQ;IACvBhB,iBAAiB,EAAE,EAAE;IACrBiB,eAAe,EAAE;EACnB,CAAC;EACDC,aAAa,EAAE;IACbC,aAAa,EAAE,WAAW;IAC1BC,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE,EAAE;IACbtB,iBAAiB,EAAE,EAAE;IACrBuB,YAAY,EAAE;EAChB,CAAC;EACD9F,IAAI,EAAE;IACJ+F,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE;EAChB,CAAC;EACDzF,aAAa,EAAE;IACb2E,eAAe,EAAE,aAAa;IAC9BD,IAAI,EAAE,CAAC;IACPa,YAAY,EAAE;EAChB,CAAC;EACD/E,iBAAiB,EAAE;IACjBmE,eAAe,EAAEC,gBAAM,CAACC,KAAK;IAC7BE,UAAU,EAAE,EAAE;IACdW,aAAa,EAAE;EACjB,CAAC;EACDnF,SAAS,EAAE;IACToF,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE;EACb,CAAC;EACDvE,YAAY,EAAE;IACZmE,MAAM,EAAE,CAAC;IACTG,KAAK,EAAE,EAAE;IACTE,MAAM,EAAE,EAAE;IACVJ,YAAY,EAAE,EAAE;IAChBK,WAAW,EAAE,SAAS;IACtBC,WAAW,EAAE;EACf,CAAC;EACDtF,kBAAkB,EAAE;IAClBuE,aAAa,EAAE,KAAK;IACpBgB,cAAc,EAAE,eAAe;IAC/BhC,iBAAiB,EAAE;EACrB,CAAC;EACDtD,aAAa,EAAE;IACbuF,KAAK,EAAErB,gBAAM,CAACsB,YAAY;IAC1Bd,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE;EACZ,CAAC;EACDpE,QAAQ,EAAE;IACRgF,KAAK,EAAErB,gBAAM,CAACsB,YAAY;IAC1Bd,UAAU,EAAE,MAAM;IAClBC,QAAQ,EAAE,EAAE;IACZc,aAAa,EAAE,IAAI;IACnBT,aAAa,EAAE,CAAC;IAChBP,aAAa,EAAE;EACjB,CAAC;EACDvE,aAAa,EAAE;IACbqF,KAAK,EAAErB,gBAAM,CAACsB,YAAY;IAC1Bd,UAAU,EAAE,MAAM;IAClBD,aAAa,EAAE;EACjB,CAAC;EACDtB,YAAY,EAAE;IACZoC,KAAK,EAAErB,gBAAM,CAACsB,YAAY;IAC1Bd,UAAU,EAAE,MAAM;IAClBD,aAAa,EAAE,WAAW;IAC1BiB,SAAS,EAAE,OAAO;IAClBC,WAAW,EAAE,EAAE;IACfF,aAAa,EAAE,GAAG;IAClBlB,eAAe,EAAE,EAAE;IACnBqB,YAAY,EAAE;EAChB;AACF,CAAC,CAAC"}
+{"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","isEnabled","useFeatureFlagStore","state","CartButton","NativeHeaderCart","HeaderCart","localeState","localization","useLocalization","locale","refresh","setRefresh","useState","getLocalization","LocalizationFormat","CONTENT_STACK","hideFeaturesByMarket","useMarketFlagsStore","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  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 { NativeHeaderCart } from '@ns/checkout-native';\nimport { useFeatureFlagStore } from '@nuskin/feature-flags';\nimport { localization, useMarketFlagsStore } from '@nuskin/utils-module';\nimport RoutineDetails from './RoutineDetails';\nimport { Logger } from '@nuskin/mobile-logging';\nimport { accessibility } from './helpers/Accessibility';\nimport { createStackNavigator } from '@react-navigation/stack';\nimport { SafeAreaView } from 'react-native-safe-area-context';\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 isEnabled = useFeatureFlagStore((state) => state.isEnabled);\n  const CartButton = isEnabled('cx16_8118') ? NativeHeaderCart : HeaderCart;\n\n  const localeState = localization.useLocalization().locale;\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  }, [localeState]);\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 && <CartButton />}\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

@@ -1,12 +1,13 @@
 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 { View, StyleSheet, ScrollView, Text, Image, ImageBackground, Pressable } from 'react-native';
 import { VeraHeader, BackArrow, HeaderCart, HeaderAccount, colors } from '@ns/mobile-ui';
 import { NativeHeaderCart } from '@ns/checkout-native';
 import { useFeatureFlagStore } from '@nuskin/feature-flags';
 import LinearGradient from 'react-native-linear-gradient';
 import { accessibility } from './helpers/Accessibility';
 import { useMarketFlagsStore } from '@nuskin/utils-module';
+import { SafeAreaView } from 'react-native-safe-area-context';
 function RoutineDetails(props) {
   var _props$route, _item$routine_imageCo, _item$routine_imageCo2, _item$routine_imageCo3;
   const isEnabled = useFeatureFlagStore(state => state.isEnabled);

package/lib/module/RoutineDetails.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","SafeAreaView","View","StyleSheet","ScrollView","Text","Image","ImageBackground","Pressable","VeraHeader","BackArrow","HeaderCart","HeaderAccount","colors","NativeHeaderCart","useFeatureFlagStore","LinearGradient","accessibility","useMarketFlagsStore","RoutineDetails","props","isEnabled","state","CartButton","item","route","params","hideFeaturesByMarket","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 { NativeHeaderCart } from '@ns/checkout-native';\nimport { useFeatureFlagStore } from '@nuskin/feature-flags';\nimport LinearGradient from 'react-native-linear-gradient';\nimport { accessibility } from './helpers/Accessibility';\nimport { useMarketFlagsStore } from '@nuskin/utils-module';\n\nfunction RoutineDetails(props) {\n  const isEnabled = useFeatureFlagStore((state) => state.isEnabled);\n  const CartButton = isEnabled('cx16_8118') ? NativeHeaderCart : HeaderCart;\n\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 && <CartButton />}\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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"}
+{"version":3,"names":["React","View","StyleSheet","ScrollView","Text","Image","ImageBackground","Pressable","VeraHeader","BackArrow","HeaderCart","HeaderAccount","colors","NativeHeaderCart","useFeatureFlagStore","LinearGradient","accessibility","useMarketFlagsStore","SafeAreaView","RoutineDetails","props","isEnabled","state","CartButton","item","route","params","hideFeaturesByMarket","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  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 { NativeHeaderCart } from '@ns/checkout-native';\nimport { useFeatureFlagStore } from '@nuskin/feature-flags';\nimport LinearGradient from 'react-native-linear-gradient';\nimport { accessibility } from './helpers/Accessibility';\nimport { useMarketFlagsStore } from '@nuskin/utils-module';\nimport { SafeAreaView } from 'react-native-safe-area-context';\n\nfunction RoutineDetails(props) {\n  const isEnabled = useFeatureFlagStore((state) => state.isEnabled);\n  const CartButton = isEnabled('cx16_8118') ? NativeHeaderCart : HeaderCart;\n\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 && <CartButton />}\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/module/index.js

@@ -1,6 +1,6 @@
 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 { FlatList, Image, StyleSheet, Text, TouchableOpacity, View, ActivityIndicator } from 'react-native';
 import { gql, useQuery } from '@apollo/client';
 import { useNavigation } from '@react-navigation/native';
 import { VeraHeader, Logo, HeaderCart, HeaderAccount, colors, ErrorScreen } from '@ns/mobile-ui';
@@ -11,6 +11,7 @@ import RoutineDetails from './RoutineDetails';
 import { Logger } from '@nuskin/mobile-logging';
 import { accessibility } from './helpers/Accessibility';
 import { createStackNavigator } from '@react-navigation/stack';
+import { SafeAreaView } from 'react-native-safe-area-context';
 const Stack = createStackNavigator();
 export const FETCH_ROUTINES_PAGE = gql`
   query fetchAllHomePages($locale: String) {

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","FlatList","Image","SafeAreaView","StyleSheet","Text","TouchableOpacity","View","ActivityIndicator","gql","useQuery","useNavigation","VeraHeader","Logo","HeaderCart","HeaderAccount","colors","ErrorScreen","NativeHeaderCart","useFeatureFlagStore","localization","useMarketFlagsStore","RoutineDetails","Logger","accessibility","createStackNavigator","Stack","FETCH_ROUTINES_PAGE","ListItem","item","index","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","product_imageConnection","productPhoto","Routines","isEnabled","state","CartButton","localeState","useLocalization","locale","refresh","setRefresh","getLocalization","LocalizationFormat","CONTENT_STACK","hideFeaturesByMarket","flags","hideVeraFeaturesByMarket","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","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 { NativeHeaderCart } from '@ns/checkout-native';\nimport { useFeatureFlagStore } from '@nuskin/feature-flags';\nimport { localization, useMarketFlagsStore } from '@nuskin/utils-module';\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 isEnabled = useFeatureFlagStore((state) => state.isEnabled);\n  const CartButton = isEnabled('cx16_8118') ? NativeHeaderCart : HeaderCart;\n\n  const localeState = localization.useLocalization().locale;\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  }, [localeState]);\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 && <CartButton />}\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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"}
+{"version":3,"names":["React","useEffect","useState","FlatList","Image","StyleSheet","Text","TouchableOpacity","View","ActivityIndicator","gql","useQuery","useNavigation","VeraHeader","Logo","HeaderCart","HeaderAccount","colors","ErrorScreen","NativeHeaderCart","useFeatureFlagStore","localization","useMarketFlagsStore","RoutineDetails","Logger","accessibility","createStackNavigator","SafeAreaView","Stack","FETCH_ROUTINES_PAGE","ListItem","item","index","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","product_imageConnection","productPhoto","Routines","isEnabled","state","CartButton","localeState","useLocalization","locale","refresh","setRefresh","getLocalization","LocalizationFormat","CONTENT_STACK","hideFeaturesByMarket","flags","hideVeraFeaturesByMarket","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","borderWidth","justifyContent","color","primaryBlack","letterSpacing","textAlign","marginRight","paddingRight"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  FlatList,\n  Image,\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 { NativeHeaderCart } from '@ns/checkout-native';\nimport { useFeatureFlagStore } from '@nuskin/feature-flags';\nimport { localization, useMarketFlagsStore } from '@nuskin/utils-module';\nimport RoutineDetails from './RoutineDetails';\nimport { Logger } from '@nuskin/mobile-logging';\nimport { accessibility } from './helpers/Accessibility';\nimport { createStackNavigator } from '@react-navigation/stack';\nimport { SafeAreaView } from 'react-native-safe-area-context';\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 isEnabled = useFeatureFlagStore((state) => state.isEnabled);\n  const CartButton = isEnabled('cx16_8118') ? NativeHeaderCart : HeaderCart;\n\n  const localeState = localization.useLocalization().locale;\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  }, [localeState]);\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 && <CartButton />}\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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuskin/routine-feature",
   "private": false,
-  "version": "3.0.2",
+  "version": "3.0.4-test.0",
   "repository": {
     "type": "git",
     "url": "https://code.tls.nuskin.io/ns-am/mobile/applications/luna-and-sol/shared2.git",
@@ -23,11 +23,11 @@
   },
   "scripts": {
     "prepare": "npx bob build",
-    "mobiledeploy": "../../scripts/mobiledeploy ${npm_package_name}",
+    "mobiledeploy": "../../uberscripts/mobiledeploy ${npm_package_name}",
     "clean": "rm -rf lib",
     "lint": "eslint \"**/*.{js,ts,tsx}\"",
     "test": "jest",
-    "changelog": "../../scripts/changelog ${npm_package_name}"
+    "changelog": "../../uberscripts/changelog ${npm_package_name}"
   },
   "peerDependencies": {
     "react": "^17.0.2",
@@ -41,7 +41,8 @@
     "@nuskin/utils-module": "^3.0.2",
     "@nuskin/feature-flags": "^1.3.3",
     "react-native-linear-gradient": "^2.5.6",
-    "@nuskin/mobile-logging": "^1.0.3"
+    "@nuskin/mobile-logging": "^1.0.3",
+    "react-native-safe-area-context": "^4.5.3"
   },
   "devDependencies": {
     "react-native-builder-bob": "0.18.3",
@@ -56,6 +57,9 @@
     "transform": {
       "^.+\\.(js|jsx|ts|tsx)?$": "babel-jest"
     },
+    "moduleNameMapper": {
+      "^axios$": "axios/dist/node/axios.cjs"
+    },
     "collectCoverage": true,
     "collectCoverageFrom": [
       "**/*.tsx",
@@ -142,10 +146,10 @@
       ]
     ]
   },
-  "commithash": "c08fc7f9ff8205c3a7310093eb1c76078bc2eb57",
+  "commithash": "82962d61a5f843ffbcee36bd12d8b9b6c858181a",
   "author": {
-    "name": "Treg Anderson",
-    "email": "tsanderson@nuskin.com",
-    "url": "https://code.tls.nuskin.io/tsanderson"
+    "name": "shjadhav@nuskin.com",
+    "email": "shjadhav@nuskin.com",
+    "url": "https://code.tls.nuskin.io/shjadhav"
   }
 }

package/src/RoutineDetails.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
 import {
-  SafeAreaView,
   View,
   StyleSheet,
   ScrollView,
@@ -21,6 +20,7 @@ import { useFeatureFlagStore } from '@nuskin/feature-flags';
 import LinearGradient from 'react-native-linear-gradient';
 import { accessibility } from './helpers/Accessibility';
 import { useMarketFlagsStore } from '@nuskin/utils-module';
+import { SafeAreaView } from 'react-native-safe-area-context';
 
 function RoutineDetails(props) {
   const isEnabled = useFeatureFlagStore((state) => state.isEnabled);

package/src/index.tsx

@@ -2,7 +2,6 @@ import React, { useEffect, useState } from 'react';
 import {
   FlatList,
   Image,
-  SafeAreaView,
   StyleSheet,
   Text,
   TouchableOpacity,
@@ -26,6 +25,7 @@ import RoutineDetails from './RoutineDetails';
 import { Logger } from '@nuskin/mobile-logging';
 import { accessibility } from './helpers/Accessibility';
 import { createStackNavigator } from '@react-navigation/stack';
+import { SafeAreaView } from 'react-native-safe-area-context';
 
 const Stack = createStackNavigator();
 export const FETCH_ROUTINES_PAGE = gql`