manage-app-sdk 0.0.2

package/dist/components/PopUps/PopUp/PopUp.js

@@ -0,0 +1,171 @@
+"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 = _interopRequireWildcard(require("react"));
+var _reactRedux = require("react-redux");
+var _AppConstant = require("../../../assets/AppConstant");
+var _lodash = require("lodash");
+var _PrimaryButton = _interopRequireDefault(require("../../Buttons/PrimaryButton/PrimaryButton"));
+var _reactNativeLinearGradient = _interopRequireDefault(require("react-native-linear-gradient"));
+var _fontUtils = require("../../../utils/fontUtils");
+var _action = require("../../../services/global/action");
+var _commonUtils = require("../../../utils/commonUtils");
+var _reactNativeSvg = require("react-native-svg");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const PopUp = ({
+  modalData,
+  type,
+  redirect = {},
+  popType = "",
+  onRetry = null,
+  onClose
+}) => {
+  var _modalData$alertImage, _modalData$alertImage3;
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const {
+    errorCode,
+    unauthorizedPopUpKey
+  } = (0, _reactRedux.useSelector)(state => state.commonReducer);
+  const scaleAnim = (0, _reactNative.useAnimatedValue)(0.8);
+  const opacityAnim = (0, _reactNative.useAnimatedValue)(0);
+  (0, _react.useEffect)(() => {
+    _reactNative.Animated.parallel([_reactNative.Animated.spring(scaleAnim, {
+      toValue: 1,
+      friction: 6,
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(opacityAnim, {
+      toValue: 1,
+      duration: 250,
+      useNativeDriver: true
+    })]).start();
+  }, [scaleAnim, opacityAnim]);
+  let alertImageUrl = null;
+  if (!(0, _lodash.isEmpty)(modalData === null || modalData === void 0 || (_modalData$alertImage = modalData.alertImage) === null || _modalData$alertImage === void 0 ? void 0 : _modalData$alertImage.url)) {
+    var _modalData$alertImage2;
+    alertImageUrl = modalData === null || modalData === void 0 || (_modalData$alertImage2 = modalData.alertImage) === null || _modalData$alertImage2 === void 0 ? void 0 : _modalData$alertImage2.url;
+  } else if (!(0, _lodash.isEmpty)(modalData === null || modalData === void 0 || (_modalData$alertImage3 = modalData.alertImage) === null || _modalData$alertImage3 === void 0 ? void 0 : _modalData$alertImage3.alt)) {
+    var _modalData$alertImage4;
+    alertImageUrl = modalData === null || modalData === void 0 || (_modalData$alertImage4 = modalData.alertImage) === null || _modalData$alertImage4 === void 0 ? void 0 : _modalData$alertImage4.alt;
+  }
+  const closeModal = () => {
+    _reactNative.Animated.parallel([_reactNative.Animated.timing(scaleAnim, {
+      toValue: 0.8,
+      duration: 150,
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(opacityAnim, {
+      toValue: 0,
+      duration: 150,
+      useNativeDriver: true
+    })]).start(() => {
+      if (typeof onRetry == "function") {
+        onRetry();
+      }
+      onClose();
+      dispatch((0, _action.removeApiError)());
+    });
+
+    // TODO HANDLE CLOSE MODAL
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [styles.mainContainer, {
+      transform: [{
+        scale: scaleAnim
+      }],
+      opacity: opacityAnim
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeLinearGradient.default, {
+    colors: ["#200042", "#170134ff", "#0a0013ff"],
+    start: {
+      x: 0,
+      y: 0
+    },
+    end: {
+      x: 1,
+      y: 0
+    },
+    style: styles.backgroundGradient
+  }), !(0, _lodash.isEmpty)(alertImageUrl) && /*#__PURE__*/_react.default.createElement(_reactNativeSvg.SvgUri, {
+    source: {
+      uri: alertImageUrl
+    },
+    uri: alertImageUrl,
+    style: styles.alertImage
+  }), !(0, _lodash.isEmpty)(modalData) && ["mService", "msales"].includes(popType) ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.subHeading
+  }, modalData) : !(0, _lodash.isEmpty)(modalData === null || modalData === void 0 ? void 0 : modalData.heading) && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.heading
+  }, modalData === null || modalData === void 0 ? void 0 : modalData.heading), (modalData === null || modalData === void 0 ? void 0 : modalData.subHeading) && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.subHeading
+  }, modalData === null || modalData === void 0 ? void 0 : modalData.subHeading), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.buttonContainer
+  }, ["mService", "msales"].includes(popType) ? /*#__PURE__*/_react.default.createElement(_PrimaryButton.default, {
+    title: "Ok",
+    onPress: closeModal,
+    style: styles.button
+  }) : /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      gap: 12
+    }
+  }, (modalData === null || modalData === void 0 ? void 0 : modalData.primaryBtn) && /*#__PURE__*/_react.default.createElement(_PrimaryButton.default, {
+    title: modalData === null || modalData === void 0 ? void 0 : modalData.primaryBtn,
+    onPress: closeModal,
+    style: styles.button
+  }), !(0, _lodash.isEmpty)(modalData === null || modalData === void 0 ? void 0 : modalData.secondaryBtn) && /*#__PURE__*/_react.default.createElement(_PrimaryButton.default, {
+    title: modalData === null || modalData === void 0 ? void 0 : modalData.secondaryBtn,
+    onPress: closeModal,
+    style: styles.button
+  }))));
+};
+var _default = exports.default = PopUp;
+const ratio = _AppConstant.AppConstant.dimension.aspectRatio;
+const styles = _reactNative.StyleSheet.create({
+  mainContainer: {
+    width: ratio * ((0, _commonUtils.isTablet)() ? 450 : 340),
+    justifyContent: "center",
+    alignItems: "center",
+    // paddingVertical: 30 * ratio,
+    paddingHorizontal: 20 * ratio,
+    borderWidth: 1,
+    borderColor: "#554372",
+    borderRadius: 14 * ratio,
+    marginHorizontal: 10 * ratio
+  },
+  alertImage: {
+    width: 60 * ratio,
+    height: 60 * ratio,
+    marginTop: 10 * ratio
+  },
+  heading: {
+    fontSize: (0, _AppConstant.normalizeFont)(22),
+    color: "white",
+    textAlign: "center",
+    fontFamily: _fontUtils.FONTS.SemiBold,
+    marginTop: 20 * ratio
+  },
+  buttonContainer: {
+    flexDirection: "row"
+  },
+  backgroundGradient: {
+    borderRadius: 14 * ratio,
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  },
+  subHeading: {
+    fontSize: (0, _AppConstant.normalizeFont)(14),
+    color: "white",
+    marginVertical: 20 * ratio,
+    textAlign: "center",
+    fontFamily: _fontUtils.FONTS.Medium
+  },
+  button: {
+    marginBottom: 15 * ratio
+  }
+});

package/dist/components/PrimeAddOn/PrimeAddOn.js

@@ -0,0 +1,72 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PrimeAddOnCard;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeLinearGradient = _interopRequireDefault(require("react-native-linear-gradient"));
+var _lodash = require("lodash");
+var _PrimeAddOnStyles = _interopRequireDefault(require("./PrimeAddOnStyles"));
+var _string = require("../../utils/string");
+var _reactRedux = require("react-redux");
+function PrimeAddOnCard({
+  data,
+  pageData,
+  width,
+  journey,
+  journeySourceRefId,
+  selected = false,
+  onViewMoreClick = null,
+  onClick = null,
+  style,
+  contentContainerStyle
+}) {
+  if ((0, _lodash.isEmpty)(data) || (0, _lodash.isEmpty)(pageData)) return null;
+  const {
+    addOnPlans
+  } = (0, _reactRedux.useSelector)(state => state.manageAppReducer);
+  const primeData = addOnPlans[`${data}`];
+  const primeMonthlyCost = primeData === null || primeData === void 0 ? void 0 : primeData.monthlyRate;
+  const splitDesc = (0, _string.splitHtmlString)(pageData === null || pageData === void 0 ? void 0 : pageData.desc);
+  return /*#__PURE__*/_react.default.createElement(_reactNativeLinearGradient.default, {
+    colors: ["#0e0019ff", "#15012fff", "#190133ff"],
+    start: {
+      x: 0,
+      y: 1
+    },
+    end: {
+      x: 1,
+      y: 0
+    },
+    style: [_PrimeAddOnStyles.default.linearGradient, style]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [_PrimeAddOnStyles.default.container, contentContainerStyle]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _PrimeAddOnStyles.default.appIconContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+    source: {
+      uri: pageData === null || pageData === void 0 ? void 0 : pageData.img
+    },
+    style: _PrimeAddOnStyles.default.appImage,
+    resizeMode: "contain"
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _PrimeAddOnStyles.default.detailsContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _PrimeAddOnStyles.default.bulletRow
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: _PrimeAddOnStyles.default.bulletSymbol
+  }, "\u2022"), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: _PrimeAddOnStyles.default.bulletText
+  }, splitDesc[0])), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _PrimeAddOnStyles.default.bulletRow
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: _PrimeAddOnStyles.default.bulletSymbol
+  }, "\u2022"), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: _PrimeAddOnStyles.default.bulletText
+  }, splitDesc[1] + " ", /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: _PrimeAddOnStyles.default.boldPriceAndTenure
+  }, (0, _string.replacePlaceholderInString)(splitDesc[2], "amount", primeMonthlyCost) + " "), splitDesc[3])))));
+}

package/dist/components/PrimeAddOn/PrimeAddOnStyles.js

@@ -0,0 +1,79 @@
+"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");
+var _commonUtils = require("../../utils/commonUtils");
+const ratio = _AppConstant.AppConstant.dimension.aspectRatio;
+const cardWidth = (0, _commonUtils.isTablet)() ? 450 : "100%";
+var _default = exports.default = styles = _reactNative.StyleSheet.create({
+  linearGradient: {
+    width: cardWidth,
+    borderRadius: 10 * ratio,
+    marginBottom: 10 * ratio,
+    marginTop: 3 * ratio
+  },
+  container: {
+    width: cardWidth,
+    // height: "100%",
+    alignItems: "center",
+    paddingHorizontal: 12 * ratio,
+    paddingVertical: 8 * ratio,
+    flexDirection: "row",
+    alignSelf: "center"
+  },
+  appImage: {
+    width: 32 * ratio,
+    height: 32 * ratio
+  },
+  viewDetails: {
+    marginTop: 5 * ratio
+  },
+  viewBenefits: {
+    fontSize: (0, _AppConstant.normalizeFont)(12),
+    fontFamily: _fontUtils.FONTS.SemiBold,
+    color: "#F8B4E4",
+    marginTop: 3
+  },
+  detailsContainer: {
+    flex: 1
+  },
+  appIconContainer: {
+    // height: "100%",
+    justifyContent: "center",
+    marginRight: 12 * ratio
+  },
+  primeAddOnText: {
+    flex: 1,
+    color: "#FFFFFF",
+    fontSize: (0, _AppConstant.normalizeFont)(14),
+    fontFamily: _fontUtils.FONTS.Medium,
+    lineHeight: 16 * ratio,
+    // paddingEnd: 10 * ratio,
+    flexWrap: "wrap"
+  },
+  boldPriceAndTenure: {
+    fontFamily: _fontUtils.FONTS.SemiBold
+  },
+  bulletRow: {
+    flexDirection: "row",
+    alignItems: "flex-start"
+  },
+  bulletSymbol: {
+    fontSize: (0, _AppConstant.normalizeFont)(14),
+    color: "#FFFFFF",
+    lineHeight: 16 * ratio,
+    marginRight: 6 * ratio
+  },
+  bulletText: {
+    flex: 1,
+    color: "#FFFFFF",
+    fontSize: (0, _AppConstant.normalizeFont)(14),
+    fontFamily: _fontUtils.FONTS.Medium,
+    lineHeight: 16 * ratio
+  }
+});

package/dist/components/PrimeAddOn/SummaryPage/PrimeAddOnBanner.js

@@ -0,0 +1,109 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PrimeAddOnBanner;
+var _reactNative = require("react-native");
+var _PrimeAddOnStyles = _interopRequireDefault(require("../PrimeAddOnStyles"));
+var _AppConstant = require("../../../assets/AppConstant");
+var _fontUtils = require("../../../utils/fontUtils");
+var _commonUtils = require("../../../utils/commonUtils");
+var _lodash = require("lodash");
+var _string = require("../../../utils/string");
+var _reactRedux = require("react-redux");
+function PrimeAddOnBanner({
+  data,
+  pageData,
+  journey,
+  journeySourceRefld,
+  isPrimeAdded = false,
+  onViewMoreClick = null,
+  onClick = null,
+  style
+}) {
+  if ((0, _lodash.isEmpty)(data) || (0, _lodash.isEmpty)(pageData)) return null;
+  const {
+    addOnPlans
+  } = (0, _reactRedux.useSelector)(state => state.manageAppReducer);
+  const primeData = addOnPlans[`${data}`];
+  const primePrice = primeData === null || primeData === void 0 ? void 0 : primeData.monthlyRate;
+  const splitDesc = (0, _string.splitHtmlString)(pageData === null || pageData === void 0 ? void 0 : pageData.desc);
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [_PrimeAddOnStyles.default.linearGradient, style, bannerStyles.container]
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [_PrimeAddOnStyles.default.container, bannerStyles.tabletContainer]
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: _PrimeAddOnStyles.default.appIconContainer
+  }, /*#__PURE__*/React.createElement(_reactNative.Image, {
+    source: {
+      uri: pageData === null || pageData === void 0 ? void 0 : pageData.img
+    },
+    style: _PrimeAddOnStyles.default.appImage,
+    resizeMode: "contain"
+  })), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: _PrimeAddOnStyles.default.detailsContainer
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: _PrimeAddOnStyles.default.bulletRow
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [_PrimeAddOnStyles.default.bulletSymbol, bannerStyles.blackText]
+  }, "\u2022"), /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [_PrimeAddOnStyles.default.bulletText, bannerStyles.blackText]
+  }, splitDesc[0])), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [_PrimeAddOnStyles.default.bulletRow, bannerStyles.paddingEnd]
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [_PrimeAddOnStyles.default.bulletSymbol, bannerStyles.blackText]
+  }, "\u2022"), /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [_PrimeAddOnStyles.default.bulletText, bannerStyles.blackText]
+  }, splitDesc[1] + " ", /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: _PrimeAddOnStyles.default.boldPriceAndTenure
+  }, (0, _string.replacePlaceholderInString)(splitDesc[2], "amount", primePrice)), " " + splitDesc[3])))));
+}
+const ratio = _AppConstant.AppConstant.dimension.aspectRatio;
+const bannerStyles = _reactNative.StyleSheet.create({
+  container: {
+    width: ratio * ((0, _commonUtils.isTablet)() ? 400 : 330),
+    marginTop: 10 * ratio,
+    backgroundColor: "#D7C7F5",
+    marginBottom: 5 * ratio,
+    borderRadius: 10 * ratio
+  },
+  tabletContainer: {
+    width: "100%"
+  },
+  button: {
+    width: 75 * ratio,
+    justifyContent: "center",
+    alignItems: "center",
+    paddingVertical: 8 * ratio
+  },
+  text: {
+    color: "#220046",
+    paddingRight: (0, _commonUtils.isTablet)() ? 10 : 0
+  },
+  buttonText: {
+    fontSize: (0, _AppConstant.normalizeFont)(14),
+    textAlign: "center",
+    color: "#E10092",
+    fontFamily: _fontUtils.FONTS.SemiBold
+  },
+  viewMoreText: {
+    color: "#E10092"
+  },
+  buttonBorder: {
+    borderWidth: 1 * ratio,
+    borderColor: "#E10092",
+    borderRadius: 4 * ratio
+  },
+  appImage: {
+    width: 32 * ratio,
+    height: 32 * ratio
+  },
+  blackText: {
+    color: "black"
+  },
+  paddingEnd: {
+    paddingEnd: 10 * ratio
+  }
+});

package/dist/components/PrimeBanner/PrimeBanner.js

@@ -0,0 +1,27 @@
+"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 _PrimeBannerStyles = _interopRequireDefault(require("./PrimeBannerStyles"));
+var _react = require("react");
+const PrimeBanner = ({
+  pageData
+}) => {
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: _PrimeBannerStyles.default.container
+  }, /*#__PURE__*/React.createElement(_reactNative.Image, {
+    source: {
+      uri: pageData === null || pageData === void 0 ? void 0 : pageData.image
+    },
+    style: _PrimeBannerStyles.default.image
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: _PrimeBannerStyles.default.textContainer
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: _PrimeBannerStyles.default.primeTitle
+  }, pageData === null || pageData === void 0 ? void 0 : pageData.text)));
+};
+var _default = exports.default = PrimeBanner;

package/dist/components/PrimeBanner/PrimeBannerStyles.js

@@ -0,0 +1,36 @@
+"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;
+var _default = exports.default = PrimeBannerStyles = _reactNative.StyleSheet.create({
+  container: {
+    height: 50 * ratio,
+    width: 326 * ratio,
+    alignSelf: "center",
+    borderRadius: 10 * ratio,
+    alignItems: "center",
+    flexDirection: "row",
+    backgroundColor: "#D6C6F4",
+    padding: 8 * ratio,
+    marginTop: 15 * ratio
+  },
+  primeTitle: {
+    fontSize: _AppConstant.AppConstant.normalizeFont(14),
+    fontFamily: _fontUtils.FONTS.Medium,
+    flexWrap: "wrap"
+  },
+  image: {
+    width: 30 * ratio,
+    height: 30 * ratio,
+    marginRight: 8 * ratio
+  },
+  textContainer: {
+    flex: 1
+  }
+});

package/dist/components/SectionItem/SectionItem.js

@@ -0,0 +1,42 @@
+"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 _AppConstant = require("../../assets/AppConstant");
+var _fontUtils = require("../../utils/fontUtils");
+var _commonUtils = require("../../utils/commonUtils");
+const SectionItem = ({
+  Svg,
+  title
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(Svg, {
+    width: 20,
+    height: 20
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.text
+  }, title));
+};
+var _default = exports.default = SectionItem;
+const ratio = _AppConstant.AppConstant.dimension.aspectRatio;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    marginTop: 15 * ratio,
+    width: ratio * ((0, _commonUtils.isTablet)() ? 400 : 328),
+    alignSelf: "center",
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  text: {
+    color: "#D6C6F4",
+    fontSize: (0, _AppConstant.normalizeFont)(16),
+    fontFamily: _fontUtils.FONTS.SemiBold,
+    marginLeft: 6 * ratio
+  }
+});

package/dist/components/Toast/Toast.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 _ToastStyle = _interopRequireDefault(require("./ToastStyle"));
+var _reactNativeLinearGradient = _interopRequireDefault(require("react-native-linear-gradient"));
+var _reactRedux = require("react-redux");
+var _react = require("react");
+var _action = require("../../services/global/action");
+const Toast = ({
+  img,
+  message,
+  type,
+  journey = "",
+  title,
+  style
+}) => {
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const onCloseHandle = () => {
+    dispatch((0, _action.hideToast)());
+  };
+  (0, _react.useEffect)(() => {
+    const timer = setTimeout(() => {
+      dispatch((0, _action.hideToast)());
+    }, 3000);
+    return () => clearTimeout(timer);
+  }, []);
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    edges: ["bottom"],
+    style: [_ToastStyle.default.container, style]
+  }, /*#__PURE__*/React.createElement(_reactNativeLinearGradient.default, {
+    colors: ["#260145", "#9f2736"],
+    start: {
+      x: 0,
+      y: 0
+    },
+    end: {
+      x: 1,
+      y: 0
+    },
+    style: [_ToastStyle.default.toastContainer, journey === "COUPONS" && _ToastStyle.default.couponToast]
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: _ToastStyle.default.toastInnerContainer
+  }, /*#__PURE__*/React.createElement(_reactNative.Image, {
+    source: img,
+    style: _ToastStyle.default.img
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: _ToastStyle.default.toastTextContainer
+  }, type === "PaymentFailed" && /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: _ToastStyle.default.toastHeading
+  }, `${title} `), /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: _ToastStyle.default.toastMessage
+  }, message || "")), !["select-page", "PaymentFailed"].includes(type) && /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    activeOpacity: 0.7,
+    onPress: onCloseHandle,
+    hitSlop: {
+      top: 10,
+      bottom: 10,
+      left: 10,
+      right: 10
+    }
+  }, /*#__PURE__*/React.createElement(_reactNative.Image, {
+    source: require("../../assets/images/desktop-cross.png"),
+    style: _ToastStyle.default.crossImg
+  })))));
+};
+var _default = exports.default = Toast;

package/dist/components/Toast/ToastStyle.js

@@ -0,0 +1,62 @@
+"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;
+var _default = exports.default = ToastStyles = _reactNative.StyleSheet.create({
+  container: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginBottom: 10 * ratio
+  },
+  toastContainer: {
+    width: 330 * ratio,
+    backgroundColor: 'red',
+    borderRadius: 6 * ratio,
+    borderWidth: 0.5,
+    borderColor: '#564372'
+  },
+  toastInnerContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    margin: 15
+  },
+  img: {
+    width: 20 * ratio,
+    height: 20 * ratio,
+    marginRight: 8 * ratio
+  },
+  toastTextContainer: {
+    flex: 1,
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    alignItems: 'center',
+    marginRight: 5 * ratio
+  },
+  toastMessage: {
+    color: 'white',
+    fontSize: _AppConstant.AppConstant.normalizeFont(13),
+    flexShrink: 1,
+    flexWrap: 'wrap',
+    marginRight: 8 * ratio,
+    fontFamily: _fontUtils.FONTS.Medium
+  },
+  toastHeading: {
+    color: 'white',
+    fontSize: _AppConstant.AppConstant.normalizeFont(12),
+    flexShrink: 1,
+    flexWrap: 'wrap',
+    fontFamily: _fontUtils.FONTS.SemiBold
+  },
+  crossImg: {
+    width: 12 * ratio,
+    height: 12 * ratio
+  },
+  couponToast: {}
+});