@oxyhq/services
Version:
73 lines (72 loc) • 2.23 kB
JavaScript
"use strict";
import React, { useMemo } from 'react';
import { View, Text, Animated } from 'react-native';
import { Ionicons } from '@expo/vector-icons';
import GroupedPillButtons from "../internal/GroupedPillButtons.js";
import { createPaymentStyles } from "./paymentStyles.js";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
const PaymentSuccessStep = ({
colors,
animations,
onDone
}) => {
const styles = useMemo(() => createPaymentStyles(colors), [colors]);
const {
fadeAnim,
slideAnim,
scaleAnim
} = animations;
return /*#__PURE__*/_jsxs(Animated.View, {
style: [styles.stepContainer, {
opacity: fadeAnim,
transform: [{
translateY: slideAnim
}, {
scale: scaleAnim
}]
}],
accessibilityRole: "none",
accessibilityLabel: "Payment complete",
children: [/*#__PURE__*/_jsxs(View, {
style: styles.section,
children: [/*#__PURE__*/_jsx(Text, {
style: styles.sectionTitle,
children: "Payment Complete"
}), /*#__PURE__*/_jsx(View, {
style: styles.successCard,
children: /*#__PURE__*/_jsxs(View, {
style: styles.successContent,
children: [/*#__PURE__*/_jsx(Ionicons, {
name: "checkmark-circle",
size: 64,
color: colors.success || '#4BB543',
style: styles.successIcon
}), /*#__PURE__*/_jsx(Text, {
style: styles.successMainTitle,
children: "Payment Successful!"
}), /*#__PURE__*/_jsx(Text, {
style: styles.successSubtitle,
children: "Thank you for your payment."
}), /*#__PURE__*/_jsx(View, {
style: {
height: 18
}
}), /*#__PURE__*/_jsx(Text, {
style: styles.successMessage,
children: "Your transaction has been processed successfully."
})]
})
})]
}), /*#__PURE__*/_jsx(GroupedPillButtons, {
buttons: [{
text: 'Done',
onPress: onDone,
icon: 'checkmark',
variant: 'primary'
}],
colors: colors
})]
});
};
export default PaymentSuccessStep;
//# sourceMappingURL=PaymentSuccessStep.js.map