@nuskin/routine-feature 1.0.0 → 2.0.0

package/lib/commonjs/RoutineDetails.js

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

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"}