manage-app-sdk 0.0.2

package/dist/components/PopUps/ConfettiAnimation.js

@@ -0,0 +1,172 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.showConfetti = exports.hideConfetti = exports.default = exports.confettiBurst = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _AppConstant = require("../../assets/AppConstant");
+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 {
+  width,
+  height
+} = _AppConstant.AppConstant.dimension;
+let confettiInstance = null;
+const ConfettiPiece = ({
+  delay,
+  shouldAnimate,
+  onAnimationComplete
+}) => {
+  const startX = Math.random() * (_AppConstant.AppConstant.dimension.width + 200);
+  const size = Math.random() * 6 + 2; // Smaller, thinner pieces
+  const fallDuration = Math.random() * 1500 + 800; // Faster fall
+  const rotateDuration = Math.random() * 1000 + 500; // Faster rotation
+  const horizontalDrift = Math.random() * 150 - 75;
+  const translateY = (0, _react.useRef)(new _reactNative.Animated.Value(-width - 100)).current;
+  const translateX = (0, _react.useRef)(new _reactNative.Animated.Value(startX)).current;
+  const rotate = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const opacity = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  (0, _react.useEffect)(() => {
+    if (shouldAnimate) {
+      // Quick fade in
+      _reactNative.Animated.timing(opacity, {
+        toValue: 1,
+        duration: 100,
+        useNativeDriver: true
+      }).start();
+
+      // Main animation sequence
+      _reactNative.Animated.sequence([_reactNative.Animated.delay(delay), _reactNative.Animated.parallel([
+      // Faster fall animation
+      _reactNative.Animated.timing(translateY, {
+        toValue: height + 50,
+        duration: fallDuration,
+        useNativeDriver: true
+      }),
+      // Horizontal drift
+      _reactNative.Animated.timing(translateX, {
+        toValue: startX + horizontalDrift,
+        duration: fallDuration,
+        useNativeDriver: true
+      }),
+      // Faster rotation
+      _reactNative.Animated.loop(_reactNative.Animated.timing(rotate, {
+        toValue: 1,
+        duration: rotateDuration,
+        useNativeDriver: true
+      }))])]).start(() => {
+        // Quick fade out
+        _reactNative.Animated.timing(opacity, {
+          toValue: 0,
+          duration: 150,
+          useNativeDriver: true
+        }).start(() => {
+          onAnimationComplete();
+        });
+      });
+    }
+  }, [shouldAnimate, delay, fallDuration, rotateDuration, horizontalDrift, startX]);
+  const rotateInterpolate = rotate.interpolate({
+    inputRange: [0, 1],
+    outputRange: ["0deg", `${Math.random() > 0.5 ? 360 : -360}deg`]
+  });
+  const color = colors[Math.floor(Math.random() * colors.length)];
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [styles.confetti, {
+      width: size,
+      height: size * 3,
+      // Thin rectangular shape
+      borderRadius: 1,
+      transform: [{
+        translateX
+      }, {
+        translateY
+      }, {
+        rotate: rotateInterpolate
+      }, {
+        scale: Math.random() * 0.3 + 0.7
+      } // Smaller scale variation
+      ],
+      backgroundColor: color,
+      opacity
+    }]
+  });
+};
+const ConfettiAnimation = ({
+  count = 100
+}) => {
+  const [isAnimating, setIsAnimating] = (0, _react.useState)(false);
+  const [animationKey, setAnimationKey] = (0, _react.useState)(0);
+  const activeAnimations = (0, _react.useRef)(0);
+  (0, _react.useEffect)(() => {
+    confettiInstance = {
+      show: () => {
+        setIsAnimating(true);
+        setAnimationKey(prev => prev + 1);
+        activeAnimations.current = count;
+      },
+      hide: () => {
+        setIsAnimating(false);
+        activeAnimations.current = 0;
+      }
+    };
+    return () => {
+      confettiInstance = null;
+    };
+  }, [count]);
+  const handleAnimationComplete = () => {
+    activeAnimations.current -= 1;
+    if (activeAnimations.current <= 0) {
+      setIsAnimating(false);
+    }
+  };
+  if (!isAnimating) return null;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _reactNative.StyleSheet.absoluteFill,
+    pointerEvents: "none"
+  }, Array.from({
+    length: count
+  }, (_, index) => /*#__PURE__*/_react.default.createElement(ConfettiPiece, {
+    key: `${animationKey}-${index}`,
+    delay: Math.random() * 800 // Faster, more staggered delays
+    ,
+    shouldAnimate: isAnimating,
+    onAnimationComplete: handleAnimationComplete
+  })));
+};
+
+// Vibrant color palette
+const colors = ["#A0752B", "#FDD551", "#FFFFBF", "#FDD551", "#A0752B", "#FDD551", "#FDD551"];
+const styles = _reactNative.StyleSheet.create({
+  confetti: {
+    position: "absolute"
+  }
+});
+var _default = exports.default = ConfettiAnimation; // Export functions to control confetti
+const showConfetti = () => {
+  if (confettiInstance) {
+    confettiInstance.show();
+  }
+};
+exports.showConfetti = showConfetti;
+const hideConfetti = () => {
+  if (confettiInstance) {
+    confettiInstance.hide();
+  }
+};
+
+// Burst effect with multiple waves
+exports.hideConfetti = hideConfetti;
+const confettiBurst = (waves = 3, delay = 300) => {
+  let currentWave = 0;
+  const triggerWave = () => {
+    showConfetti();
+    currentWave++;
+    if (currentWave < waves) {
+      setTimeout(triggerWave, delay);
+    }
+  };
+  triggerWave();
+};
+exports.confettiBurst = confettiBurst;

package/dist/components/PopUps/ConfettiBurst.js

@@ -0,0 +1,142 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.triggerRandomBursts = exports.triggerConfettiBurst = exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+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 {
+  width,
+  height
+} = _reactNative.Dimensions.get('window');
+const screenDiagonal = Math.sqrt(width * width + height * height);
+let burstInstance = null;
+const BurstPiece = ({
+  originX,
+  originY,
+  delay,
+  onAnimationComplete
+}) => {
+  const pieceWidth = Math.random() * 3 + 2; // thin strips
+  const pieceHeight = pieceWidth * (Math.random() * 5); // tall
+  const travelDistance = Math.random() * screenDiagonal * 0.8 + 80;
+  const angle = Math.random() * 2 * Math.PI;
+  const duration = Math.random() * 1000 + 1100;
+  const rotateDuration = Math.random() * 800 + 400;
+  const translateX = (0, _react.useRef)(new _reactNative.Animated.Value(originX)).current;
+  const translateY = (0, _react.useRef)(new _reactNative.Animated.Value(originY)).current;
+  const rotate = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const opacity = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
+  (0, _react.useEffect)(() => {
+    _reactNative.Animated.sequence([_reactNative.Animated.delay(delay), _reactNative.Animated.parallel([_reactNative.Animated.timing(translateX, {
+      toValue: originX + Math.cos(angle) * travelDistance,
+      duration,
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(translateY, {
+      toValue: originY + Math.sin(angle) * travelDistance,
+      duration,
+      useNativeDriver: true
+    }), _reactNative.Animated.loop(_reactNative.Animated.timing(rotate, {
+      toValue: 1,
+      duration: rotateDuration,
+      useNativeDriver: true
+    })), _reactNative.Animated.timing(opacity, {
+      toValue: 0,
+      duration,
+      delay: duration * 0.7,
+      useNativeDriver: true
+    })])]).start(() => onAnimationComplete());
+  }, [delay]);
+  const rotateInterpolate = rotate.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['0deg', `${Math.random() > 0.5 ? 360 : -360}deg`]
+  });
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [styles.confetti, {
+      width: pieceWidth,
+      height: pieceHeight,
+      transform: [{
+        translateX
+      }, {
+        translateY
+      }, {
+        rotate: rotateInterpolate
+      }],
+      backgroundColor: colors[Math.floor(Math.random() * colors.length)],
+      opacity
+    }]
+  });
+};
+const ConfettiBurstAnimation = ({
+  count = 40
+}) => {
+  const [bursts, setBursts] = (0, _react.useState)([]);
+  (0, _react.useEffect)(() => {
+    burstInstance = {
+      burst: (x, y) => {
+        setBursts(prev => [...prev, {
+          id: Date.now() + Math.random(),
+          origin: {
+            x,
+            y
+          }
+        }]);
+      },
+      burstRandom: (n = 3) => {
+        const newBursts = Array.from({
+          length: n
+        }).map(() => ({
+          id: Date.now() + Math.random(),
+          origin: {
+            x: Math.random() * width,
+            y: Math.random() * height
+          }
+        }));
+        setBursts(prev => [...prev, ...newBursts]);
+      }
+    };
+    return () => {
+      burstInstance = null;
+    };
+  }, []);
+  const handleAnimationComplete = burstId => {
+    setBursts(prev => prev.filter(burst => burst.id !== burstId));
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _reactNative.StyleSheet.absoluteFill,
+    pointerEvents: "none"
+  }, bursts.map(burst => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    key: burst.id,
+    style: _reactNative.StyleSheet.absoluteFill
+  }, Array.from({
+    length: count
+  }, (_, index) => /*#__PURE__*/_react.default.createElement(BurstPiece, {
+    key: `${burst.id}-${index}`,
+    originX: burst.origin.x,
+    originY: burst.origin.y,
+    delay: Math.random() * 200,
+    onAnimationComplete: () => handleAnimationComplete(burst.id)
+  })))));
+};
+const colors = ['#A0752B', '#FDD551', '#FFFFBF', '#FDD551', '#A0752B', '#FDD551', '#FDD551'];
+const styles = _reactNative.StyleSheet.create({
+  confetti: {
+    position: 'absolute',
+    borderRadius: 1
+  }
+});
+var _default = exports.default = ConfettiBurstAnimation; // 🔹 Exported API
+const triggerConfettiBurst = (x, y) => {
+  if (burstInstance) {
+    burstInstance.burst(x, y);
+  }
+};
+exports.triggerConfettiBurst = triggerConfettiBurst;
+const triggerRandomBursts = (n = 3) => {
+  if (burstInstance) {
+    burstInstance.burstRandom(n);
+  }
+};
+exports.triggerRandomBursts = triggerRandomBursts;

package/dist/components/PopUps/CouponPopUp/CouponPopUp.js

@@ -0,0 +1,185 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactRedux = require("react-redux");
+var _GradientBorderContainer = _interopRequireDefault(require("../../GradientBorderContainer/GradientBorderContainer"));
+var _AppConstant = require("../../../assets/AppConstant");
+var _action = require("../../../services/global/action");
+var _string = require("../../../utils/string");
+var _MultiConfettiBurst = require("../../Confetti/MultiConfettiBurst");
+var _fontUtils = require("../../../utils/fontUtils");
+var _GradientText = _interopRequireDefault(require("../../GradientText/GradientText"));
+var _commonUtils = require("../../../utils/commonUtils");
+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 ratio = _AppConstant.AppConstant.dimension.aspectRatio;
+const CouponPopUp = ({
+  pageData,
+  couponData,
+  offerName
+}) => {
+  var _pageData$winbackPopu2, _pageData$winbackPopu4, _pageData$winbackPopu6, _pageData$winbackPopu7, _pageData$winbackPopu8, _pageData$winbackPopu9, _pageData$winbackPopu0, _pageData$winbackPopu1;
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const scaleAnim = (0, _react.useRef)(new _reactNative.Animated.Value(0.8)).current;
+  const opacityAnim = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const timeoutRef = (0, _react.useRef)(null);
+  const heading = (0, _react.useMemo)(() => {
+    var _pageData$winbackPopu;
+    return (0, _string.replacePlaceholderInString)(pageData === null || pageData === void 0 || (_pageData$winbackPopu = pageData.winbackPopup) === null || _pageData$winbackPopu === void 0 ? void 0 : _pageData$winbackPopu.savedAmount, "amount", couponData === null || couponData === void 0 ? void 0 : couponData.discountValue);
+  }, [pageData === null || pageData === void 0 || (_pageData$winbackPopu2 = pageData.winbackPopup) === null || _pageData$winbackPopu2 === void 0 ? void 0 : _pageData$winbackPopu2.savedAmount, couponData === null || couponData === void 0 ? void 0 : couponData.discountValue]);
+  const subHeading = (0, _react.useMemo)(() => {
+    var _pageData$winbackPopu3;
+    return (0, _commonUtils.replaceStringWithParams)(pageData === null || pageData === void 0 || (_pageData$winbackPopu3 = pageData.winbackPopup) === null || _pageData$winbackPopu3 === void 0 ? void 0 : _pageData$winbackPopu3.couponApplied, {
+      "!offerName!": couponData === null || couponData === void 0 ? void 0 : couponData.offerName,
+      "!percentage!": couponData === null || couponData === void 0 ? void 0 : couponData.amountDiscount
+    });
+  }, [pageData === null || pageData === void 0 || (_pageData$winbackPopu4 = pageData.winbackPopup) === null || _pageData$winbackPopu4 === void 0 ? void 0 : _pageData$winbackPopu4.couponApplied, offerName]);
+  const couponApplied2 = (0, _react.useMemo)(() => {
+    var _pageData$winbackPopu5;
+    return pageData === null || pageData === void 0 || (_pageData$winbackPopu5 = pageData.winbackPopup) === null || _pageData$winbackPopu5 === void 0 ? void 0 : _pageData$winbackPopu5.couponApplied2;
+  }, [pageData === null || pageData === void 0 || (_pageData$winbackPopu6 = pageData.winbackPopup) === null || _pageData$winbackPopu6 === void 0 ? void 0 : _pageData$winbackPopu6.couponApplied2]);
+  const closePopUp = () => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = null;
+    }
+    dispatch((0, _action.hideModal)());
+    (0, _MultiConfettiBurst.stopConfettiBursts)();
+    _reactNative.Animated.parallel([_reactNative.Animated.spring(scaleAnim, {
+      toValue: 0.8,
+      friction: 10,
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(opacityAnim, {
+      toValue: 0,
+      duration: 100,
+      useNativeDriver: true
+    })]).start();
+  };
+  (0, _react.useEffect)(() => {
+    scaleAnim.setValue(0.8);
+    opacityAnim.setValue(0);
+    _reactNative.Animated.parallel([_reactNative.Animated.timing(scaleAnim, {
+      toValue: 1,
+      duration: 150,
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(opacityAnim, {
+      toValue: 1,
+      duration: 50,
+      useNativeDriver: true
+    })]).start();
+
+    // timeoutRef.current = setTimeout(() => {
+    //   closePopUp();
+    // }, 6000);
+
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+        timeoutRef.current = null;
+      }
+    };
+  }, [pageData, couponData, offerName]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: {
+      transform: [{
+        scale: scaleAnim
+      }],
+      opacity: opacityAnim
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.outerContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+    source: {
+      uri: pageData === null || pageData === void 0 || (_pageData$winbackPopu7 = pageData.winbackPopup) === null || _pageData$winbackPopu7 === void 0 ? void 0 : _pageData$winbackPopu7.saleTagImg
+    },
+    style: styles.confettiImage
+  }), /*#__PURE__*/_react.default.createElement(_GradientBorderContainer.default, {
+    borderGradientColors: ["#ffa800", "#ffe978", "#ffa800"],
+    backgroundGradientColors: ["#200042", "#170134ff", "#0a0013ff"],
+    borderWidth: 1,
+    borderRadius: 20 * ratio,
+    style: styles.mainContainer,
+    contentContainerStyle: styles.container
+  }, (pageData === null || pageData === void 0 || (_pageData$winbackPopu8 = pageData.winbackPopup) === null || _pageData$winbackPopu8 === void 0 ? void 0 : _pageData$winbackPopu8.savedAmount) && /*#__PURE__*/_react.default.createElement(_GradientText.default, {
+    colors: ["#ffa800", "#ffe978", "#ffa800"],
+    style: styles.heading
+  }, heading), (pageData === null || pageData === void 0 || (_pageData$winbackPopu9 = pageData.winbackPopup) === null || _pageData$winbackPopu9 === void 0 ? void 0 : _pageData$winbackPopu9.couponApplied) && (pageData === null || pageData === void 0 || (_pageData$winbackPopu0 = pageData.winbackPopup) === null || _pageData$winbackPopu0 === void 0 ? void 0 : _pageData$winbackPopu0.couponApplied2) && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.subHeading
+  }, subHeading, couponApplied2), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    style: styles.button,
+    onPress: closePopUp,
+    activeOpacity: 0.8,
+    hitSlop: {
+      top: 15,
+      bottom: 15,
+      left: 15,
+      right: 15
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.buttonText
+  }, pageData === null || pageData === void 0 || (_pageData$winbackPopu1 = pageData.winbackPopup) === null || _pageData$winbackPopu1 === void 0 ? void 0 : _pageData$winbackPopu1.desc)))));
+};
+var _default = exports.default = CouponPopUp;
+const styles = _reactNative.StyleSheet.create({
+  outerContainer: {
+    width: ratio * ((0, _commonUtils.isTablet)() ? 450 : 320),
+    height: ratio * 160
+  },
+  mainContainer: {
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  container: {
+    justifyContent: "space-around",
+    alignItems: "center",
+    paddingTop: 30 * ratio,
+    paddingHorizontal: 50 * ratio
+  },
+  linearGradient: {
+    position: "absolute",
+    top: 0,
+    right: 0,
+    left: 0,
+    bottom: 0,
+    flex: 1
+  },
+  confettiImage: {
+    width: 65 * ratio,
+    height: 65 * ratio,
+    position: "absolute",
+    top: -40 * ratio,
+    zIndex: 999,
+    alignSelf: "center"
+  },
+  detailsContainer: {
+    flex: 1,
+    alignItems: "center"
+  },
+  heading: {
+    fontSize: _AppConstant.AppConstant.normalizeFont(20),
+    color: "#ffa800",
+    fontFamily: _fontUtils.FONTS.SemiBold,
+    textAlign: "center"
+  },
+  subHeading: {
+    fontSize: _AppConstant.AppConstant.normalizeFont(16),
+    color: "white",
+    flexWrap: "wrap",
+    textAlign: "center",
+    marginTop: 10 * ratio,
+    fontFamily: _fontUtils.FONTS.Medium
+  },
+  button: {
+    marginVertical: 15 * ratio
+  },
+  buttonText: {
+    fontSize: _AppConstant.AppConstant.normalizeFont(16),
+    color: "#f3cce3",
+    fontFamily: _fontUtils.FONTS.SemiBold
+  }
+});

package/dist/components/PopUps/ErrorMsgPopup/ErrorMsgPopup.js

@@ -0,0 +1,104 @@
+"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 _AppConstant = require("../../../assets/AppConstant");
+var _fontUtils = require("../../../utils/fontUtils");
+var _reactNativeLinearGradient = _interopRequireDefault(require("react-native-linear-gradient"));
+var _commonUtils = require("../../../utils/commonUtils");
+var _PrimaryButton = _interopRequireDefault(require("../../Buttons/PrimaryButton/PrimaryButton"));
+var _react = require("react");
+const ErrorMsgPopup = ({
+  modalData,
+  journeySource,
+  exitJourney,
+  onClose
+}) => {
+  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]);
+  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(() => {
+      onClose();
+    });
+  };
+  return /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
+    style: [styles.mainContainer, {
+      transform: [{
+        scale: scaleAnim
+      }],
+      opacity: opacityAnim
+    }]
+  }, /*#__PURE__*/React.createElement(_reactNativeLinearGradient.default, {
+    colors: ["#200042", "#170134ff", "#0a0013ff"],
+    start: {
+      x: 0,
+      y: 0
+    },
+    end: {
+      x: 1,
+      y: 0
+    },
+    style: styles.backgroundGradient
+  }), /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.subHeading
+  }, modalData), journeySource === "PULSEFTV" && /*#__PURE__*/React.createElement(_PrimaryButton.default, {
+    title: "Exit",
+    onPress: () => {
+      exitJourney();
+      closeModal();
+    }
+  }));
+};
+var _default = exports.default = ErrorMsgPopup;
+const ratio = _AppConstant.AppConstant.dimension.aspectRatio;
+const styles = _reactNative.StyleSheet.create({
+  mainContainer: {
+    width: ratio * ((0, _commonUtils.isTablet)() ? 450 : 340),
+    justifyContent: "center",
+    alignItems: "center",
+    paddingHorizontal: 20 * ratio,
+    paddingVertical: 10 * ratio,
+    borderWidth: 1,
+    borderColor: "#554372",
+    borderRadius: 14 * ratio,
+    marginHorizontal: 10 * ratio
+  },
+  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
+  }
+});