manage-app-sdk 0.0.2

package/dist/components/Footer/PrimeAoFooter/PrimeAoFooter.js

@@ -0,0 +1,193 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _react = _interopRequireDefault(require("react"));
+var _reactNativeLinearGradient = _interopRequireDefault(require("react-native-linear-gradient"));
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _PrimaryButton = _interopRequireDefault(require("../../Buttons/PrimaryButton/PrimaryButton"));
+var _commonUtils = require("../../../utils/commonUtils");
+var _AppConstant = require("../../../assets/AppConstant");
+var _fontUtils = require("../../../utils/fontUtils");
+var _string = require("../../../utils/string");
+var _CheckButton = _interopRequireDefault(require("../../CheckButton/CheckButton"));
+const PrimeAoFooter = ({
+  pageData,
+  packData,
+  selectedCount,
+  maxSelectableCount,
+  buttonText,
+  onButtonClick,
+  isButtonEnabled = true,
+  showCoupon = true,
+  onViewMoreClick = null,
+  isPrimeAdded = false,
+  onCheck = null,
+  onViewBenefitsClick = null,
+  isPrimeSelectable = true
+}) => {
+  const finalPrice = packData === null || packData === void 0 ? void 0 : packData.selectedDiscountedPrice;
+  const originalPrice = packData === null || packData === void 0 ? void 0 : packData.selectedPackPrice;
+  const mappedTenure = (0, _string.mapTenureToDuration)(packData === null || packData === void 0 ? void 0 : packData.selectedPackTenure);
+  const tenure = mappedTenure == "1 month" ? "month" : mappedTenure;
+  const couponOfferName = packData === null || packData === void 0 ? void 0 : packData.selectedOfferName;
+  return /*#__PURE__*/_react.default.createElement(_reactNativeLinearGradient.default, {
+    colors: ["#220046", "#020005"],
+    start: {
+      x: 0,
+      y: 0
+    },
+    end: {
+      x: 1,
+      y: 0
+    },
+    style: styles.linearGradient
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
+    edges: ["bottom"],
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.listContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.listItem, isPrimeSelectable && {
+      paddingStart: 32
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.titleContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.title
+  }, (pageData === null || pageData === void 0 ? void 0 : pageData.binge) ?? "Binge"), maxSelectableCount != null && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.selectionCount
+  }, `${selectedCount} of ${maxSelectableCount} selected`)), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.priceText
+  }, `₹${finalPrice || originalPrice}/`, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.tenure
+  }, tenure))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.listItem, styles.primeAOItem]
+  }, isPrimeSelectable && /*#__PURE__*/_react.default.createElement(_CheckButton.default, {
+    checked: isPrimeAdded,
+    style: styles.checkButton,
+    onClick: onCheck
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.primeTitleAndBenefitButton
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.title
+  }, (pageData === null || pageData === void 0 ? void 0 : pageData.addOn) ?? "Amazon Prime Lite"), isPrimeSelectable && /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    activeOpacity: 0.7,
+    onPress: onViewBenefitsClick
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.viewBenefits
+  }, "View Benefits"))), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.priceText, styles.primeAOPrice]
+  }, `₹${799}/`, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.tenure
+  }, "year"))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.divider
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.listItem, isPrimeSelectable && {
+      paddingStart: 32
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.titleContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.title, {
+      flex: 1
+    }]
+  }, (pageData === null || pageData === void 0 ? void 0 : pageData.total) ?? "Payable Amount")), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.priceText
+  }, `₹${finalPrice || originalPrice}`))), /*#__PURE__*/_react.default.createElement(_PrimaryButton.default, {
+    disabled: !isButtonEnabled,
+    title: buttonText,
+    style: styles.button,
+    onPress: onButtonClick
+  })));
+};
+var _default = exports.default = PrimeAoFooter;
+const ratio = _AppConstant.AppConstant.dimension.aspectRatio;
+const styles = _reactNative.StyleSheet.create({
+  linearGradient: {
+    width: "100%",
+    backgroundColor: "#220046",
+    justifyContent: "center",
+    alignItems: "center",
+    borderTopWidth: 1,
+    borderTopColor: "#564372"
+  },
+  container: {
+    width: ratio * (0, _commonUtils.isTablet)() ? 524 : "100%",
+    paddingHorizontal: 20,
+    marginTop: 15,
+    alignItems: "center",
+    paddingBottom: 10 * ratio
+  },
+  button: {
+    width: ratio * (0, _commonUtils.isTablet)() ? 280 : "100%",
+    height: 46
+  },
+  listContainer: {
+    width: (0, _commonUtils.isTablet)() ? 524 : "100%"
+  },
+  listItem: {
+    flexDirection: "row",
+    width: "100%",
+    marginBottom: 12 * ratio,
+    // paddingStart: 32,
+    alignItems: "center"
+  },
+  titleContainer: {
+    flex: 1
+  },
+  title: {
+    fontSize: (0, _commonUtils.isTablet)() ? 20 : 16,
+    color: "white",
+    fontFamily: _fontUtils.FONTS.Medium,
+    lineHeight: (0, _commonUtils.isTablet)() ? 22 : 18
+  },
+  selectionCount: {
+    fontSize: (0, _AppConstant.normalizeFont)(12),
+    color: "#D6C6F4",
+    fontFamily: _fontUtils.FONTS.Medium,
+    marginTop: 5
+  },
+  priceText: {
+    fontSize: (0, _AppConstant.normalizeFont)(16),
+    color: "white",
+    fontFamily: _fontUtils.FONTS.SemiBold
+  },
+  tenure: {
+    fontFamily: _fontUtils.FONTS.Medium,
+    fontSize: (0, _AppConstant.normalizeFont)(13)
+  },
+  primeAoContainer: {
+    flex: 1,
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  primeTitleAndBenefitButton: {
+    flex: 1
+  },
+  viewBenefits: {
+    color: "#F3CBE3",
+    fontSize: (0, _AppConstant.normalizeFont)(12),
+    fontFamily: _fontUtils.FONTS.SemiBold,
+    marginTop: 5 * ratio
+  },
+  checkButton: {
+    marginRight: 12 * ratio,
+    width: 16 * ratio,
+    height: 16 * ratio
+  },
+  primeAOPrice: {
+    color: "#8E81A1"
+  },
+  divider: {
+    width: ratio * (0, _commonUtils.isTablet)() ? 524 : "100%",
+    height: 1 * ratio,
+    backgroundColor: "#564372",
+    alignSelf: "center",
+    marginBottom: 15 * ratio
+  }
+});

package/dist/components/Footer/UpgradeFooter/UpgradeFooter.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _styles = _interopRequireDefault(require("./styles"));
+var _reactNativeLinearGradient = _interopRequireDefault(require("react-native-linear-gradient"));
+var _reactRedux = require("react-redux");
+var _react = require("react");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _string = require("../../../utils/string");
+var _PrimaryButton = _interopRequireDefault(require("../../Buttons/PrimaryButton/PrimaryButton"));
+var _lodash = require("lodash");
+const UpgradeFooter = ({
+  couponCode,
+  pageData,
+  cardData,
+  onButtonClick,
+  journey
+}) => {
+  var _cardData$shortTenure;
+  const {
+    showToastMsg,
+    toastMessage
+  } = (0, _reactRedux.useSelector)(state => state.commonReducer);
+  const {
+    couponApply
+  } = (0, _reactRedux.useSelector)(state => state.manageAppReducer);
+  const userAction = ""; // TODO this is coming from CartCreateSession and from a "userAction" cookie in web
+
+  const couponTexts = (0, _react.useMemo)(() => {}, [pageData]);
+  return /*#__PURE__*/React.createElement(_reactNativeLinearGradient.default, {
+    colors: ["#200042", "#170134ff", "#0a0013ff"],
+    start: {
+      x: 0,
+      y: 0
+    },
+    end: {
+      x: 1,
+      y: 0
+    },
+    style: _styles.default.container
+  }, /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
+    edges: ["bottom"],
+    style: _styles.default.mainContainer
+  }, journey === "COUPONS" && /*#__PURE__*/React.createElement(_reactNative.View, null), journey !== "COUPONS" && couponApply && /*#__PURE__*/React.createElement(_reactNative.Text, null), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: _styles.default.planAmountContainer
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: _styles.default.amountItem
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [_styles.default.billItemTitle, {
+      flex: 1
+    }]
+  }, pageData === null || pageData === void 0 ? void 0 : pageData.planAmount), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: _styles.default.priceContainer
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [_styles.default.billItemTitle, (cardData === null || cardData === void 0 ? void 0 : cardData.discountedPrice) && _styles.default.lineThroughText]
+  }, "\u20B9", journey === "COUPONS" ? cardData.discountedPrice : cardData.planAmount), journey !== "COUPONS" && (cardData === null || cardData === void 0 ? void 0 : cardData.discountedPrice) && /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: _styles.default.billItemTitle
+  }, " " + (cardData === null || cardData === void 0 ? void 0 : cardData.discountedPrice)))), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: _styles.default.amountItem
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [_styles.default.billItemTitle, _styles.default.currentBalance]
+  }, pageData === null || pageData === void 0 ? void 0 : pageData.currentBalance), /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [_styles.default.billItemTitle, _styles.default.currentBalance]
+  }, "-₹" + (cardData === null || cardData === void 0 ? void 0 : cardData.currentBalance))), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: _styles.default.divider
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: _styles.default.amountItem
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: _styles.default.billItemTitle
+  }, pageData === null || pageData === void 0 ? void 0 : pageData.payableAmt), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: _styles.default.priceContainer
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [_styles.default.billItemTitle, _styles.default.payableAmountText]
+  }, "\u20B9", cardData === null || cardData === void 0 ? void 0 : cardData.payableAmount), /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: _styles.default.billItemTitle
+  }, " / " + (cardData === null || cardData === void 0 || (_cardData$shortTenure = cardData.shortTenure) === null || _cardData$shortTenure === void 0 ? void 0 : _cardData$shortTenure.toLowerCase())))), pageData && /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: _styles.default.summaryText
+  }, (0, _string.replacePlaceholderInString)(pageData === null || pageData === void 0 ? void 0 : pageData.summaryNote, ["amount", "date"], [cardData === null || cardData === void 0 ? void 0 : cardData.planAmount, cardData === null || cardData === void 0 ? void 0 : cardData.planDate]))), /*#__PURE__*/React.createElement(_PrimaryButton.default, {
+    onPress: onButtonClick,
+    style: _styles.default.buttonAlignment,
+    title: !(0, _lodash.isEmpty)(userAction) && userAction === "Payment_Retry" ? pageData === null || pageData === void 0 ? void 0 : pageData.retryBtnLabel : pageData === null || pageData === void 0 ? void 0 : pageData.primaryBtnLabel
+  })));
+};
+var _default = exports.default = UpgradeFooter;

package/dist/components/Footer/UpgradeFooter/styles.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _AppConstant = require("../../../assets/AppConstant");
+var _fontUtils = require("../../../utils/fontUtils");
+const ratio = _AppConstant.AppConstant.dimension.aspectRatio;
+const SCREEN_WIDTH = _AppConstant.AppConstant.dimension.width;
+var _default = exports.default = styles = _reactNative.StyleSheet.create({
+  container: {
+    width: "100%",
+    backgroundColor: "#220046",
+    justifyContent: "center",
+    borderTopWidth: 1,
+    borderTopColor: "#564372"
+  },
+  mainContainer: {
+    paddingHorizontal: 16 * ratio,
+    paddingVertical: 6 * ratio,
+    alignSelf: "center",
+    alignItems: "flex-start",
+    width: "100%",
+    maxWidth: 500
+  },
+  planAmountContainer: {
+    width: "100%"
+  },
+  amountItem: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    marginVertical: 10 * ratio
+  },
+  billItemTitle: {
+    color: "white",
+    fontSize: (0, _AppConstant.normalizeFont)(16),
+    fontFamily: _fontUtils.FONTS.Medium
+  },
+  priceContainer: {
+    flexDirection: "row",
+    alignItems: "baseline"
+  },
+  currentBalance: {
+    color: "#8e82a1"
+  },
+  divider: {
+    width: "100%",
+    height: 1 * ratio,
+    backgroundColor: "#564372",
+    alignSelf: "center",
+    marginVertical: 5 * ratio
+  },
+  payableAmountText: {
+    fontSize: (0, _AppConstant.normalizeFont)(22),
+    fontFamily: _fontUtils.FONTS.SemiBold
+  },
+  summaryText: {
+    fontSize: (0, _AppConstant.normalizeFont)(11),
+    color: "#d4c3f1",
+    marginVertical: 10 * ratio
+  },
+  buttonAlignment: {
+    alignSelf: "center",
+    width: "100%"
+  },
+  lineThroughText: {
+    color: "#ccc",
+    textDecorationLine: "line-through",
+    fontSize: (0, _AppConstant.normalizeFont)(15)
+  }
+});

package/dist/components/GradientBorderContainer/GradientBorderContainer.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _reactNative = require("react-native");
+var _reactNativeLinearGradient = _interopRequireDefault(require("react-native-linear-gradient"));
+const GradientBorderContainer = ({
+  children,
+  borderGradientColors = ['#cc2b5e', '#753a88'],
+  backgroundGradientColors = ['#200042', '#170134ff', '#0a0013ff'],
+  borderWidth = 1,
+  borderRadius = 1,
+  style = {},
+  contentContainerStyle = {},
+  gradientProps = {}
+}) => {
+  const outerBorderRadius = borderRadius;
+  const innerBorderRadius = Math.max(0, borderRadius - borderWidth);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNativeLinearGradient.default, (0, _extends2.default)({
+    colors: borderGradientColors,
+    start: {
+      x: 0,
+      y: 0
+    },
+    end: {
+      x: 1,
+      y: 0
+    }
+  }, gradientProps, {
+    style: [{
+      borderRadius: outerBorderRadius,
+      justifyContent: 'center',
+      alignItems: 'center'
+    }, style]
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [{
+      borderRadius: innerBorderRadius,
+      padding: borderWidth
+    }, styles.backgroundGradientContainer]
+  }, /*#__PURE__*/React.createElement(_reactNativeLinearGradient.default, {
+    colors: backgroundGradientColors,
+    start: {
+      x: 0,
+      y: 0
+    },
+    end: {
+      x: 1,
+      y: 0
+    },
+    style: [styles.backgroundGradient, {
+      borderRadius: innerBorderRadius
+    }]
+  })), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.innerContainer, {
+      borderRadius: innerBorderRadius,
+      margin: borderWidth
+    }, contentContainerStyle]
+  }, children)));
+};
+const styles = _reactNative.StyleSheet.create({
+  innerContainer: {
+    zIndex: 999,
+    ..._reactNative.StyleSheet.absoluteFill
+  },
+  backgroundGradientContainer: {
+    overflow: 'hidden',
+    width: '100%',
+    height: '100%'
+  },
+  backgroundGradient: {
+    width: '100%',
+    height: '100%'
+  }
+});
+var _default = exports.default = GradientBorderContainer;

package/dist/components/GradientText/GradientText.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _maskedView = _interopRequireDefault(require("@react-native-masked-view/masked-view"));
+var _reactNativeLinearGradient = _interopRequireDefault(require("react-native-linear-gradient"));
+const OFFSETS = [[-1, 0], [1, 0], [0, -1], [0, 1], [-1, -1], [-1, 1], [1, -1], [1, 1]];
+const GradientText = ({
+  colors,
+  borderColor,
+  borderWidth = 1,
+  style,
+  children,
+  ...rest
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, borderColor && OFFSETS.map(([x, y], index) => /*#__PURE__*/_react.default.createElement(_reactNative.Text, (0, _extends2.default)({
+    key: index
+  }, rest, {
+    style: [style, styles.outlineText, {
+      color: borderColor,
+      left: x * borderWidth,
+      top: y * borderWidth
+    }]
+  }), children)), /*#__PURE__*/_react.default.createElement(_maskedView.default, {
+    maskElement: /*#__PURE__*/_react.default.createElement(_reactNative.Text, (0, _extends2.default)({}, rest, {
+      style: style
+    }), children)
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeLinearGradient.default, {
+    colors: colors,
+    start: {
+      x: 0,
+      y: 0
+    },
+    end: {
+      x: 1,
+      y: 0
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, (0, _extends2.default)({}, rest, {
+    style: [style, {
+      opacity: 0
+    }]
+  }), children))));
+};
+var _default = exports.default = GradientText;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    position: "relative"
+  },
+  outlineText: {
+    position: "absolute"
+  }
+});

package/dist/components/Header/ManageAppHeader.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _react = _interopRequireDefault(require("react"));
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _AppConstant = require("../../assets/AppConstant");
+var _arrowBack = _interopRequireDefault(require("../../assets/svg/arrowBack"));
+var _fontUtils = require("../../utils/fontUtils");
+const ManageAppHeader = ({
+  title,
+  onBackPress,
+  style,
+  textStyle,
+  darkIcons = false
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.container, style]
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
+    edges: ["top", "left", "right"]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.innerContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    onPress: onBackPress,
+    style: {
+      zIndex: 999
+    },
+    activeOpacity: 0.9,
+    hitSlop: {
+      top: 20,
+      bottom: 20,
+      left: 20,
+      right: 20
+    }
+  }, /*#__PURE__*/_react.default.createElement(_arrowBack.default, {
+    color: darkIcons ? "black" : "white"
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.headerText, textStyle]
+  }, title))));
+};
+var _default = exports.default = ManageAppHeader;
+const ratio = _AppConstant.AppConstant.dimension.aspectRatio;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    overflow: "hidden"
+  },
+  innerContainer: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingHorizontal: 18 * ratio,
+    paddingVertical: 20 * ratio
+  },
+  headerText: {
+    color: "white",
+    fontSize: (0, _AppConstant.normalizeFont)(20),
+    position: "absolute",
+    left: 50,
+    right: 50,
+    textAlign: "center",
+    flexWrap: "wrap",
+    fontFamily: _fontUtils.FONTS.Medium
+  },
+  svgStyle: {
+    width: 15 * ratio,
+    height: 15 * ratio
+  }
+});

package/dist/components/HighlightedText/HighlightedText.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _fontUtils = require("../../utils/fontUtils");
+const HighlightedText = ({
+  children,
+  color = "#E796C7",
+  onPress,
+  style,
+  underlineOnPress = true,
+  disabled = false,
+  activeOpacity = 0.7,
+  ...props
+}) => {
+  const isPressable = typeof onPress === "function" && !disabled;
+  const textStyles = [styles.text, {
+    color
+  }, isPressable && underlineOnPress && styles.underline, style];
+  const content = /*#__PURE__*/_react.default.createElement(_reactNative.Text, (0, _extends2.default)({
+    style: textStyles
+  }, props), children);
+  if (isPressable) {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+      onPress: onPress,
+      activeOpacity: activeOpacity,
+      disabled: disabled,
+      hitSlop: {
+        top: 5,
+        bottom: 5,
+        left: 5,
+        right: 5
+      }
+    }, content);
+  }
+  return content;
+};
+var _default = exports.default = HighlightedText;
+const styles = _reactNative.StyleSheet.create({
+  text: {
+    // fontWeight: "500",
+    fontFamily: _fontUtils.FONTS.Medium
+  },
+  underline: {
+    textDecorationLine: "underline"
+  }
+});