@nuskin/routine-feature 1.0.1 → 2.0.1

package/lib/commonjs/RoutineDetails.js

@@ -0,0 +1,328 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _mobileUi = require("@ns/mobile-ui");
+var _reactNativeLinearGradient = _interopRequireDefault(require("react-native-linear-gradient"));
+var _Accessibility = require("./helpers/Accessibility");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function RoutineDetails(props) {
+  var _props$route, _item$routine_imageCo, _item$routine_imageCo2, _item$routine_imageCo3;
+  const item = (_props$route = props.route) === null || _props$route === void 0 ? void 0 : _props$route.params;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.SafeAreaView, {
+    style: styles.container,
+    testID: "routineStack"
+  }, /*#__PURE__*/_react.default.createElement(_mobileUi.VeraHeader, _extends({
+    left: /*#__PURE__*/_react.default.createElement(_mobileUi.Logo, {
+      accessibilityLabel: "logo"
+    }),
+    right: /*#__PURE__*/_react.default.createElement(_mobileUi.HeaderCart, {
+      accessibilityLabel: "crt-btn"
+    }),
+    title: item.reference
+  }, (0, _Accessibility.accessibility)(`vera-header`))), /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
+    style: styles.routinesContainer
+  }, item && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      position: 'relative'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.ImageBackground, _extends({}, (0, _Accessibility.accessibility)(`image-routine-background`), {
+    source: {
+      uri: (_item$routine_imageCo = item.routine_imageConnection) === null || _item$routine_imageCo === void 0 ? void 0 : (_item$routine_imageCo2 = _item$routine_imageCo.edges[0]) === null || _item$routine_imageCo2 === void 0 ? void 0 : (_item$routine_imageCo3 = _item$routine_imageCo2.node) === null || _item$routine_imageCo3 === void 0 ? void 0 : _item$routine_imageCo3.url
+    },
+    style: styles.itemPhoto
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeLinearGradient.default, {
+    colors: ['rgba(0, 0, 0, 0)', 'rgba(0, 0, 0, 0.6)'],
+    locations: [0.6, 1],
+    style: styles.imageOverlay
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.itemTitleContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.itemTextSpan
+  }, item.routine_subtitle), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.itemTextTitle
+  }, item.routine_title)))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.routineDetailsContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.routineDetails
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.itemTextDescription
+  }, item.routines_description), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.itemText
+  }, item.products_used_label), item.products.map((item, index) => {
+    var _item$product_imageCo, _item$product_imageCo2, _item$product_imageCo3;
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      key: index,
+      style: {
+        flexDirection: 'row'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+      key: index,
+      source: {
+        uri: (_item$product_imageCo = item.product_imageConnection) === null || _item$product_imageCo === void 0 ? void 0 : (_item$product_imageCo2 = _item$product_imageCo.edges[0]) === null || _item$product_imageCo2 === void 0 ? void 0 : (_item$product_imageCo3 = _item$product_imageCo2.node) === null || _item$product_imageCo3 === void 0 ? void 0 : _item$product_imageCo3.url
+      },
+      style: styles.productPhoto,
+      resizeMode: "contain"
+    }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: styles.productName
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: styles.itemTextProduct
+    }, item.product_category), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: styles.itemTextProduct
+    }, item.product_name)));
+  }))), item.steps.map((item, index) => {
+    var _item$imageConnection, _item$imageConnection2, _item$imageConnection3, _item$imageConnection4, _item$imageConnection5, _item$imageConnection6;
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      key: index,
+      style: {
+        marginHorizontal: 20,
+        marginBottom: 15
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        marginVertical: 10
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: styles.itemTextTitleIndex
+    }, index + 1), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: styles.itemTextStepTitle
+    }, item.step_title)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: styles[`${item.style ? item.style : 'Container'}`]
+    }, (item.style === 'Image' || item.style == 'LumiSpaIO') && /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+      source: {
+        uri: (_item$imageConnection = item.imageConnection) === null || _item$imageConnection === void 0 ? void 0 : (_item$imageConnection2 = _item$imageConnection.edges[0]) === null || _item$imageConnection2 === void 0 ? void 0 : (_item$imageConnection3 = _item$imageConnection2.node) === null || _item$imageConnection3 === void 0 ? void 0 : _item$imageConnection3.url
+      },
+      style: styles.stepImagePhoto,
+      resizeMode: "contain"
+    }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: styles[`${item.style ? `${item.style}TextContainer` : 'TextContainer'}`]
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: styles.itemTextStepDescription
+    }, item.step_description), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: styles.itemTextStepSubDescription
+    }, item.step_sub_description), item.style === 'LumiSpaIO' && /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+      style: styles.textLumiSpaTreatmentContainer
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: styles.textLumiSpaTreatment
+    }, item.image_title)))), item.style === 'Product' && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: styles.stepProductContainer
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+      source: {
+        uri: (_item$imageConnection4 = item.imageConnection) === null || _item$imageConnection4 === void 0 ? void 0 : (_item$imageConnection5 = _item$imageConnection4.edges[0]) === null || _item$imageConnection5 === void 0 ? void 0 : (_item$imageConnection6 = _item$imageConnection5.node) === null || _item$imageConnection6 === void 0 ? void 0 : _item$imageConnection6.url
+      },
+      style: styles.stepProductPhoto,
+      resizeMode: "contain"
+    }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: styles.productName
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: styles.itemTextStepProduct
+    }, item.image_title), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: styles.itemTextStepProduct
+    }, item.image_description))));
+  }))));
+}
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: _mobileUi.colors.white
+  },
+  routinesContainer: {
+    backgroundColor: _mobileUi.colors.primaryGray,
+    flex: 1
+  },
+  sectionHeader: {
+    textTransform: 'uppercase',
+    fontWeight: '600',
+    fontSize: 14,
+    // color: '#f4f4f4',
+    marginTop: 20,
+    paddingHorizontal: 15,
+    marginBottom: 5
+  },
+  imageOverlay: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    top: 0,
+    height: '100%'
+  },
+  item: {
+    margin: 10,
+    borderRadius: 14
+  },
+  itemPhoto: {
+    width: '100%',
+    minHeight: 160,
+    aspectRatio: 1.5
+  },
+  Image: {
+    flexDirection: 'row',
+    flex: 1,
+    backgroundColor: _mobileUi.colors.white
+  },
+  ImageTextContainer: {
+    flex: 1,
+    padding: 20
+  },
+  LumiSpaIOTextContainer: {
+    flex: 1,
+    padding: 20
+  },
+  Container: {
+    flexDirection: 'column',
+    flex: 1,
+    padding: 20,
+    backgroundColor: _mobileUi.colors.white
+  },
+  Product: {
+    flexDirection: 'column',
+    flex: 1,
+    padding: 20,
+    backgroundColor: _mobileUi.colors.white
+  },
+  LumiSpaIO: {
+    flexDirection: 'row',
+    flex: 1,
+    backgroundColor: _mobileUi.colors.white
+  },
+  productName: {
+    flex: 1,
+    justifyContent: 'center',
+    marginLeft: 5
+  },
+  routineDetailsContainer: {
+    backgroundColor: 'white',
+    paddingTop: 20,
+    paddingBottom: 10,
+    marginBottom: 10
+  },
+  routineDetails: {
+    flexDirection: 'column',
+    paddingHorizontal: 15,
+    paddingVertical: 10
+  },
+  stepImagePhoto: {
+    width: 130,
+    minHeight: 150
+  },
+  stepProductPhoto: {
+    width: 80,
+    height: 80
+  },
+  stepProductContainer: {
+    flexDirection: 'row',
+    backgroundColor: _mobileUi.colors.white,
+    paddingHorizontal: 20,
+    paddingBottom: 20
+  },
+  productPhoto: {
+    margin: 2,
+    width: 40,
+    height: 40,
+    borderRadius: 50,
+    borderColor: '#EDEDED',
+    borderWidth: 1
+  },
+  itemTextStepProduct: {
+    fontWeight: '400',
+    fontSize: 13,
+    lineHeight: 18
+  },
+  itemTitleContainer: {
+    flexDirection: 'column',
+    justifyContent: 'space-between',
+    paddingHorizontal: 15,
+    position: 'absolute',
+    bottom: 20
+  },
+  itemTextSpan: {
+    color: _mobileUi.colors.white,
+    fontWeight: '400',
+    fontSize: 14,
+    textTransform: 'uppercase'
+  },
+  itemTextTitleIndex: {
+    color: _mobileUi.colors.accentB400,
+    fontWeight: '400',
+    fontSize: 20,
+    lineHeight: 26,
+    paddingRight: 10
+  },
+  itemTextStepTitle: {
+    color: _mobileUi.colors.primaryBlack,
+    fontWeight: '600',
+    fontSize: 18,
+    lineHeight: 26
+  },
+  itemTextStepSubDescription: {
+    fontWeight: '700',
+    fontSize: 10,
+    lineHeight: 15,
+    letterSpacing: 0.5,
+    paddingTop: 5,
+    textTransform: 'uppercase'
+  },
+  itemTextTitle: {
+    color: _mobileUi.colors.white,
+    fontWeight: '400',
+    fontSize: 26
+  },
+  itemTextDescription: {
+    color: _mobileUi.colors.primaryBlack,
+    fontWeight: '400',
+    fontSize: 14,
+    lineHeight: 20,
+    paddingBottom: 20
+  },
+  itemText: {
+    color: _mobileUi.colors.primaryBlack,
+    fontWeight: 'bold',
+    fontSize: 12,
+    letterSpacing: 0.05,
+    paddingBottom: 5,
+    textTransform: 'uppercase'
+  },
+  itemTextStepDescription: {
+    color: _mobileUi.colors.primaryBlack,
+    fontWeight: 'bold',
+    fontSize: 12,
+    letterSpacing: 0.05,
+    paddingBottom: 5
+  },
+  itemTextProduct: {
+    color: _mobileUi.colors.primaryBlack,
+    fontSize: 11,
+    fontWeight: '600',
+    textTransform: 'uppercase',
+    letterSpacing: 0.05
+  },
+  itemTextSteps: {
+    color: _mobileUi.colors.primaryBlack,
+    fontWeight: 'bold',
+    textTransform: 'uppercase'
+  },
+  textLumiSpaTreatmentContainer: {
+    marginTop: 10,
+    padding: 10,
+    textAlign: 'center',
+    borderStyle: 'solid',
+    borderWidth: 1,
+    borderColor: _mobileUi.colors.primaryBlack
+  },
+  textLumiSpaTreatment: {
+    textAlign: 'center',
+    fontSize: 14,
+    fontWeight: '600',
+    lineHeight: 16,
+    letterSpacing: 0.05
+  }
+});
+var _default = RoutineDetails;
+exports.default = _default;
+//# sourceMappingURL=RoutineDetails.js.map

package/lib/commonjs/RoutineDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["RoutineDetails","props","item","route","params","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 { VeraHeader, Logo, HeaderCart, colors } from '@ns/mobile-ui';\nimport LinearGradient from 'react-native-linear-gradient';\nimport { accessibility } from './helpers/Accessibility';\n\nfunction RoutineDetails(props) {\n  const item = props.route?.params;\n  return (\n    <SafeAreaView style={styles.container} testID=\"routineStack\">\n      <VeraHeader\n        left={<Logo accessibilityLabel=\"logo\" />}\n        right={<HeaderCart accessibilityLabel=\"crt-btn\" />}\n        title={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/helpers/Accessibility.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.accessibility = accessibility;
+var _reactNative = require("react-native");
+function accessibility(id) {
+  return _reactNative.Platform.OS === 'android' ? {
+    accessible: true,
+    accessibilityLabel: id
+  } : {
+    accessible: false,
+    testID: id
+  };
+}
+//# sourceMappingURL=Accessibility.js.map

package/lib/commonjs/helpers/Accessibility.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["accessibility","id","Platform","OS","accessible","accessibilityLabel","testID"],"sources":["Accessibility.tsx"],"sourcesContent":["import { Platform } from 'react-native';\n\nexport function accessibility(id?: string) {\n  return Platform.OS === 'android'\n    ? { accessible: true, accessibilityLabel: id }\n    : { accessible: false, testID: id };\n}\n"],"mappings":";;;;;;AAAA;AAEO,SAASA,aAAa,CAACC,EAAW,EAAE;EACzC,OAAOC,qBAAQ,CAACC,EAAE,KAAK,SAAS,GAC5B;IAAEC,UAAU,EAAE,IAAI;IAAEC,kBAAkB,EAAEJ;EAAG,CAAC,GAC5C;IAAEG,UAAU,EAAE,KAAK;IAAEE,MAAM,EAAEL;EAAG,CAAC;AACvC"}