@oxyhq/services 5.17.18 → 5.18.1

package/lib/module/ui/components/payment/PaymentDetailsStep.js

@@ -0,0 +1,303 @@
+"use strict";
+
+import React, { useMemo } from 'react';
+import { View, Text, Animated, TouchableOpacity, Clipboard, Linking } from 'react-native';
+import { Ionicons } from '@expo/vector-icons';
+import GroupedPillButtons from "../internal/GroupedPillButtons.js";
+import TextField from "../TextField.js";
+import { FAIRWalletIcon } from "../icon/index.js";
+import { createPaymentStyles } from "./paymentStyles.js";
+import { toast } from "../../../lib/sonner.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const PaymentDetailsStep = ({
+  paymentMethod,
+  cardDetails,
+  onCardDetailsChange,
+  colors,
+  animations,
+  faircoinAddress,
+  isMobile,
+  qrSize,
+  onBack,
+  onNext,
+  QRCodeComponent
+}) => {
+  const styles = useMemo(() => createPaymentStyles(colors), [colors]);
+  const {
+    fadeAnim,
+    slideAnim,
+    scaleAnim
+  } = animations;
+  const handleCopyAddress = () => {
+    Clipboard.setString(faircoinAddress);
+    toast('Address copied to clipboard!');
+  };
+  const handleOpenFairWallet = () => {
+    const url = `fairwallet://pay?address=${faircoinAddress}`;
+    Linking.openURL(url);
+  };
+  const isCardValid = cardDetails.number && cardDetails.expiry && cardDetails.cvv;
+  return /*#__PURE__*/_jsxs(Animated.View, {
+    style: [styles.stepContainer, {
+      opacity: fadeAnim,
+      transform: [{
+        translateY: slideAnim
+      }, {
+        scale: scaleAnim
+      }]
+    }],
+    accessibilityRole: "none",
+    accessibilityLabel: "Enter payment details step",
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.section,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.sectionTitle,
+        children: paymentMethod === 'card' ? 'Card Details' : paymentMethod === 'oxy' ? 'Oxy Pay' : paymentMethod === 'faircoin' ? 'FairCoin Payment' : 'Payment Details'
+      }), paymentMethod === 'card' && /*#__PURE__*/_jsx(View, {
+        style: styles.cardPaymentCard,
+        children: /*#__PURE__*/_jsxs(View, {
+          style: styles.cardPaymentContent,
+          children: [/*#__PURE__*/_jsx(Ionicons, {
+            name: "card-outline",
+            size: 64,
+            color: colors.primary,
+            style: styles.cardPaymentIcon
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.cardPaymentMainTitle,
+            children: "Credit Card"
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.cardPaymentSubtitle,
+            children: "Enter your card details securely"
+          }), /*#__PURE__*/_jsxs(View, {
+            style: styles.cardPaymentFields,
+            children: [/*#__PURE__*/_jsxs(View, {
+              style: styles.cardRowInfo,
+              children: [/*#__PURE__*/_jsx(Ionicons, {
+                name: "card-outline",
+                size: 24,
+                color: colors.primary,
+                style: styles.cardRowIcon
+              }), /*#__PURE__*/_jsx(Text, {
+                style: styles.cardRowText,
+                children: "We accept Visa, Mastercard, and more"
+              })]
+            }), /*#__PURE__*/_jsx(TextField, {
+              value: cardDetails.number,
+              onChangeText: text => {
+                const formatted = text.replace(/\s/g, '').replace(/(\d{4})/g, '$1 ').trim();
+                onCardDetailsChange({
+                  ...cardDetails,
+                  number: formatted
+                });
+              },
+              placeholder: "1234 5678 9012 3456",
+              keyboardType: "numeric",
+              maxLength: 19,
+              style: styles.cardFieldContainer,
+              left: /*#__PURE__*/_jsx(Ionicons, {
+                name: "card-outline",
+                size: 18,
+                color: colors.primary
+              }),
+              accessibilityLabel: "Card number",
+              accessibilityHint: "Enter your 16-digit card number"
+            }), /*#__PURE__*/_jsxs(View, {
+              style: styles.cardFieldRow,
+              children: [/*#__PURE__*/_jsx(TextField, {
+                value: cardDetails.expiry,
+                onChangeText: text => {
+                  const formatted = text.replace(/\D/g, '').replace(/(\d{2})(\d)/, '$1/$2');
+                  onCardDetailsChange({
+                    ...cardDetails,
+                    expiry: formatted
+                  });
+                },
+                placeholder: "MM/YY",
+                maxLength: 5,
+                style: styles.cardFieldHalfLeft,
+                left: /*#__PURE__*/_jsx(Ionicons, {
+                  name: "calendar-outline",
+                  size: 16,
+                  color: colors.primary
+                }),
+                accessibilityLabel: "Expiry date",
+                accessibilityHint: "Enter expiry date in MM/YY format"
+              }), /*#__PURE__*/_jsx(TextField, {
+                value: cardDetails.cvv,
+                onChangeText: text => {
+                  const formatted = text.replace(/\D/g, '');
+                  onCardDetailsChange({
+                    ...cardDetails,
+                    cvv: formatted
+                  });
+                },
+                placeholder: "123",
+                keyboardType: "numeric",
+                maxLength: 4,
+                style: styles.cardFieldHalfRight,
+                left: /*#__PURE__*/_jsx(Ionicons, {
+                  name: "lock-closed-outline",
+                  size: 16,
+                  color: colors.primary
+                }),
+                accessibilityLabel: "CVV",
+                accessibilityHint: "Enter 3 or 4 digit security code"
+              })]
+            })]
+          }), /*#__PURE__*/_jsx(View, {
+            style: {
+              height: 18
+            }
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.cardPaymentWaiting,
+            children: "Ready to process payment..."
+          })]
+        })
+      }), paymentMethod === 'oxy' && /*#__PURE__*/_jsx(View, {
+        style: styles.oxyPayCard,
+        children: /*#__PURE__*/_jsxs(View, {
+          style: styles.oxyPayContent,
+          children: [/*#__PURE__*/_jsx(Ionicons, {
+            name: "wallet-outline",
+            size: 64,
+            color: colors.primary,
+            style: styles.oxyPayIcon
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.oxyPayMainTitle,
+            children: "Oxy Pay"
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.oxyPaySubtitle,
+            children: "Pay with your in-app wallet"
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.oxyPayBalanceBox,
+            children: /*#__PURE__*/_jsx(Text, {
+              style: styles.oxyPayBalanceText,
+              children: "Balance: \u229C 123.45"
+            })
+          }), /*#__PURE__*/_jsx(View, {
+            style: {
+              height: 18
+            }
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.oxyPayWaiting,
+            children: "Ready to process payment..."
+          })]
+        })
+      }), paymentMethod === 'faircoin' && /*#__PURE__*/_jsx(View, {
+        style: styles.faircoinCard,
+        children: /*#__PURE__*/_jsxs(View, {
+          style: styles.faircoinContent,
+          children: [/*#__PURE__*/_jsx(FAIRWalletIcon, {
+            size: 64,
+            style: styles.faircoinIcon
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.faircoinMainTitle,
+            children: "FAIRWallet"
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.faircoinSubtitle,
+            children: "Pay with FairCoin"
+          }), !isMobile && QRCodeComponent ? /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: styles.faircoinScanText,
+              children: "Scan to Pay"
+            }), /*#__PURE__*/_jsxs(View, {
+              style: styles.faircoinQRCard,
+              children: [/*#__PURE__*/_jsx(QRCodeComponent, {
+                value: faircoinAddress,
+                size: qrSize - 32
+              }), /*#__PURE__*/_jsx(View, {
+                style: styles.faircoinQRBadge,
+                children: /*#__PURE__*/_jsx(FAIRWalletIcon, {
+                  size: 28
+                })
+              })]
+            })]
+          }) : /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: styles.faircoinTitle,
+              children: "Use the options below to pay with FAIRWallet"
+            }), /*#__PURE__*/_jsx(Text, {
+              style: styles.faircoinAddress,
+              children: faircoinAddress
+            }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+              style: [styles.faircoinButton, {
+                backgroundColor: '#9ffb50',
+                borderRadius: 18,
+                marginTop: 12,
+                width: '90%',
+                flexDirection: 'row',
+                alignItems: 'center',
+                justifyContent: 'center'
+              }],
+              onPress: handleOpenFairWallet,
+              accessibilityRole: "button",
+              accessibilityLabel: "Open in FAIRWallet",
+              children: [/*#__PURE__*/_jsx(FAIRWalletIcon, {
+                size: 20,
+                style: {
+                  marginRight: 8
+                }
+              }), /*#__PURE__*/_jsx(Text, {
+                style: [styles.faircoinButtonText, {
+                  color: '#1b1f0a',
+                  fontWeight: 'bold',
+                  fontSize: 16
+                }],
+                children: "Open in FAIRWallet"
+              })]
+            }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+              style: [styles.faircoinButton, {
+                backgroundColor: '#9ffb50',
+                borderRadius: 18,
+                marginTop: 10,
+                width: '90%',
+                flexDirection: 'row',
+                alignItems: 'center',
+                justifyContent: 'center'
+              }],
+              onPress: handleCopyAddress,
+              accessibilityRole: "button",
+              accessibilityLabel: "Copy FairCoin address",
+              children: [/*#__PURE__*/_jsx(FAIRWalletIcon, {
+                size: 20,
+                style: {
+                  marginRight: 8
+                }
+              }), /*#__PURE__*/_jsx(Text, {
+                style: [styles.faircoinButtonText, {
+                  color: '#1b1f0a',
+                  fontWeight: 'bold',
+                  fontSize: 16
+                }],
+                children: "Copy Address"
+              })]
+            })]
+          }), /*#__PURE__*/_jsx(View, {
+            style: {
+              height: 18
+            }
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.faircoinWaiting,
+            children: "Waiting for payment..."
+          })]
+        })
+      })]
+    }), /*#__PURE__*/_jsx(GroupedPillButtons, {
+      buttons: [{
+        text: 'Back',
+        onPress: onBack,
+        icon: 'arrow-back',
+        variant: 'transparent'
+      }, {
+        text: 'Continue',
+        onPress: onNext,
+        icon: 'arrow-forward',
+        variant: 'primary',
+        disabled: paymentMethod === 'card' && !isCardValid
+      }],
+      colors: colors
+    })]
+  });
+};
+export default PaymentDetailsStep;
+//# sourceMappingURL=PaymentDetailsStep.js.map

package/lib/module/ui/components/payment/PaymentDetailsStep.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","View","Text","Animated","TouchableOpacity","Clipboard","Linking","Ionicons","GroupedPillButtons","TextField","FAIRWalletIcon","createPaymentStyles","toast","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","PaymentDetailsStep","paymentMethod","cardDetails","onCardDetailsChange","colors","animations","faircoinAddress","isMobile","qrSize","onBack","onNext","QRCodeComponent","styles","fadeAnim","slideAnim","scaleAnim","handleCopyAddress","setString","handleOpenFairWallet","url","openURL","isCardValid","number","expiry","cvv","style","stepContainer","opacity","transform","translateY","scale","accessibilityRole","accessibilityLabel","children","section","sectionTitle","cardPaymentCard","cardPaymentContent","name","size","color","primary","cardPaymentIcon","cardPaymentMainTitle","cardPaymentSubtitle","cardPaymentFields","cardRowInfo","cardRowIcon","cardRowText","value","onChangeText","text","formatted","replace","trim","placeholder","keyboardType","maxLength","cardFieldContainer","left","accessibilityHint","cardFieldRow","cardFieldHalfLeft","cardFieldHalfRight","height","cardPaymentWaiting","oxyPayCard","oxyPayContent","oxyPayIcon","oxyPayMainTitle","oxyPaySubtitle","oxyPayBalanceBox","oxyPayBalanceText","oxyPayWaiting","faircoinCard","faircoinContent","faircoinIcon","faircoinMainTitle","faircoinSubtitle","faircoinScanText","faircoinQRCard","faircoinQRBadge","faircoinTitle","faircoinButton","backgroundColor","borderRadius","marginTop","width","flexDirection","alignItems","justifyContent","onPress","marginRight","faircoinButtonText","fontWeight","fontSize","faircoinWaiting","buttons","icon","variant","disabled"],"sourceRoot":"../../../../../src","sources":["ui/components/payment/PaymentDetailsStep.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/payment/PaymentMethodStep.js

@@ -0,0 +1,73 @@
+"use strict";
+
+import React, { useMemo } from 'react';
+import { View, Text, Animated } from 'react-native';
+import { GroupedSection } from "../index.js";
+import GroupedPillButtons from "../internal/GroupedPillButtons.js";
+import { FAIRWalletIcon } from "../icon/index.js";
+import { createPaymentStyles } from "./paymentStyles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const PaymentMethodStep = ({
+  availablePaymentMethods,
+  selectedMethod,
+  onSelectMethod,
+  colors,
+  animations,
+  onBack,
+  onNext
+}) => {
+  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: "Choose payment method step",
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.section,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.sectionTitle,
+        children: "Choose Payment Method"
+      }), /*#__PURE__*/_jsx(GroupedSection, {
+        items: availablePaymentMethods.map(method => ({
+          id: method.key,
+          icon: method.key === 'faircoin' ? undefined : method.icon,
+          iconColor: method.key === 'card' ? '#007AFF' : method.key === 'oxy' ? '#32D74B' : method.key === 'faircoin' ? '#9ffb50' : colors.primary,
+          title: method.label,
+          subtitle: method.description,
+          onPress: () => onSelectMethod(method.key),
+          selected: selectedMethod === method.key,
+          showChevron: false,
+          customIcon: method.key === 'faircoin' ? /*#__PURE__*/_jsx(FAIRWalletIcon, {
+            size: 20
+          }) : undefined
+        }))
+      })]
+    }), /*#__PURE__*/_jsx(GroupedPillButtons, {
+      buttons: [{
+        text: 'Back',
+        onPress: onBack,
+        icon: 'arrow-back',
+        variant: 'transparent'
+      }, {
+        text: 'Continue',
+        onPress: onNext,
+        icon: 'arrow-forward',
+        variant: 'primary'
+      }],
+      colors: colors
+    })]
+  });
+};
+export default PaymentMethodStep;
+//# sourceMappingURL=PaymentMethodStep.js.map

package/lib/module/ui/components/payment/PaymentMethodStep.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","View","Text","Animated","GroupedSection","GroupedPillButtons","FAIRWalletIcon","createPaymentStyles","jsx","_jsx","jsxs","_jsxs","PaymentMethodStep","availablePaymentMethods","selectedMethod","onSelectMethod","colors","animations","onBack","onNext","styles","fadeAnim","slideAnim","scaleAnim","style","stepContainer","opacity","transform","translateY","scale","accessibilityRole","accessibilityLabel","children","section","sectionTitle","items","map","method","id","key","icon","undefined","iconColor","primary","title","label","subtitle","description","onPress","selected","showChevron","customIcon","size","buttons","text","variant"],"sourceRoot":"../../../../../src","sources":["ui/components/payment/PaymentMethodStep.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,cAAc;AACnD,SAASC,cAAc,QAAQ,aAAU;AACzC,OAAOC,kBAAkB,MAAM,mCAAgC;AAC/D,SAASC,cAAc,QAAQ,kBAAS;AACxC,SAASC,mBAAmB,QAAQ,oBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAatD,MAAMC,iBAAmD,GAAGA,CAAC;EACzDC,uBAAuB;EACvBC,cAAc;EACdC,cAAc;EACdC,MAAM;EACNC,UAAU;EACVC,MAAM;EACNC;AACJ,CAAC,KAAK;EACF,MAAMC,MAAM,GAAGpB,OAAO,CAAC,MAAMO,mBAAmB,CAACS,MAAM,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EACnE,MAAM;IAAEK,QAAQ;IAAEC,SAAS;IAAEC;EAAU,CAAC,GAAGN,UAAU;EAErD,oBACIN,KAAA,CAACR,QAAQ,CAACF,IAAI;IACVuB,KAAK,EAAE,CACHJ,MAAM,CAACK,aAAa,EACpB;MACIC,OAAO,EAAEL,QAAQ;MACjBM,SAAS,EAAE,CACP;QAAEC,UAAU,EAAEN;MAAU,CAAC,EACzB;QAAEO,KAAK,EAAEN;MAAU,CAAC;IAE5B,CAAC,CACH;IACFO,iBAAiB,EAAC,MAAM;IACxBC,kBAAkB,EAAC,4BAA4B;IAAAC,QAAA,gBAE/CrB,KAAA,CAACV,IAAI;MAACuB,KAAK,EAAEJ,MAAM,CAACa,OAAQ;MAAAD,QAAA,gBACxBvB,IAAA,CAACP,IAAI;QAACsB,KAAK,EAAEJ,MAAM,CAACc,YAAa;QAAAF,QAAA,EAAC;MAAqB,CAAM,CAAC,eAE9DvB,IAAA,CAACL,cAAc;QACX+B,KAAK,EAAEtB,uBAAuB,CAACuB,GAAG,CAACC,MAAM,KAAK;UAC1CC,EAAE,EAAED,MAAM,CAACE,GAAG;UACdC,IAAI,EAAEH,MAAM,CAACE,GAAG,KAAK,UAAU,GAAGE,SAAS,GAAGJ,MAAM,CAACG,IAAI;UACzDE,SAAS,EAAEL,MAAM,CAACE,GAAG,KAAK,MAAM,GAAG,SAAS,GACxCF,MAAM,CAACE,GAAG,KAAK,KAAK,GAAG,SAAS,GAC5BF,MAAM,CAACE,GAAG,KAAK,UAAU,GAAG,SAAS,GAAGvB,MAAM,CAAC2B,OAAO;UAC9DC,KAAK,EAAEP,MAAM,CAACQ,KAAK;UACnBC,QAAQ,EAAET,MAAM,CAACU,WAAW;UAC5BC,OAAO,EAAEA,CAAA,KAAMjC,cAAc,CAACsB,MAAM,CAACE,GAAG,CAAC;UACzCU,QAAQ,EAAEnC,cAAc,KAAKuB,MAAM,CAACE,GAAG;UACvCW,WAAW,EAAE,KAAK;UAClBC,UAAU,EAAEd,MAAM,CAACE,GAAG,KAAK,UAAU,gBACjC9B,IAAA,CAACH,cAAc;YAAC8C,IAAI,EAAE;UAAG,CAAE,CAAC,GAC5BX;QACR,CAAC,CAAC;MAAE,CACP,CAAC;IAAA,CACA,CAAC,eAEPhC,IAAA,CAACJ,kBAAkB;MACfgD,OAAO,EAAE,CACL;QACIC,IAAI,EAAE,MAAM;QACZN,OAAO,EAAE9B,MAAM;QACfsB,IAAI,EAAE,YAAY;QAClBe,OAAO,EAAE;MACb,CAAC,EACD;QACID,IAAI,EAAE,UAAU;QAChBN,OAAO,EAAE7B,MAAM;QACfqB,IAAI,EAAE,eAAe;QACrBe,OAAO,EAAE;MACb,CAAC,CACH;MACFvC,MAAM,EAAEA;IAAO,CAClB,CAAC;EAAA,CACS,CAAC;AAExB,CAAC;AAED,eAAeJ,iBAAiB","ignoreList":[]}

package/lib/module/ui/components/payment/PaymentReviewStep.js

@@ -0,0 +1,102 @@
+"use strict";
+
+import React, { useMemo } from 'react';
+import { View, Text, Animated } from 'react-native';
+import { GroupedSection } from "../index.js";
+import GroupedPillButtons from "../internal/GroupedPillButtons.js";
+import { createPaymentStyles } from "./paymentStyles.js";
+import { PAYMENT_METHODS, getCurrencySymbol } from "./constants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const PaymentReviewStep = ({
+  amount,
+  currency,
+  paymentMethod,
+  cardDetails,
+  colors,
+  animations,
+  isPaying,
+  onBack,
+  onPay
+}) => {
+  const styles = useMemo(() => createPaymentStyles(colors), [colors]);
+  const currencySymbol = getCurrencySymbol(currency);
+  const {
+    fadeAnim,
+    slideAnim,
+    scaleAnim
+  } = animations;
+  const selectedMethod = PAYMENT_METHODS.find(m => m.key === paymentMethod);
+  return /*#__PURE__*/_jsxs(Animated.View, {
+    style: [styles.stepContainer, {
+      opacity: fadeAnim,
+      transform: [{
+        translateY: slideAnim
+      }, {
+        scale: scaleAnim
+      }]
+    }],
+    accessibilityRole: "none",
+    accessibilityLabel: "Review payment step",
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.section,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.sectionTitle,
+        children: "Review Payment"
+      }), /*#__PURE__*/_jsx(GroupedSection, {
+        items: [{
+          id: 'secure-payment',
+          icon: 'shield-check',
+          iconColor: colors.success || '#4BB543',
+          title: 'Secure payment',
+          subtitle: 'Your payment is protected by industry-standard encryption'
+        }, {
+          id: 'amount',
+          icon: 'cash',
+          iconColor: colors.primary,
+          title: 'Amount',
+          subtitle: `${currencySymbol} ${amount}`
+        }, {
+          id: 'payment-method',
+          icon: selectedMethod?.icon,
+          iconColor: colors.primary,
+          title: 'Payment Method',
+          subtitle: selectedMethod?.label
+        }, ...(paymentMethod === 'card' ? [{
+          id: 'card-details',
+          icon: 'card',
+          iconColor: colors.primary,
+          title: 'Card',
+          subtitle: cardDetails.number.replace(/.(?=.{4})/g, '*')
+        }] : []), ...(paymentMethod === 'oxy' ? [{
+          id: 'oxy-balance',
+          icon: 'wallet',
+          iconColor: colors.primary,
+          title: 'Oxy Pay Account',
+          subtitle: 'Balance: ⊜ 123.45'
+        }] : []), ...(paymentMethod === 'faircoin' ? [{
+          id: 'faircoin-wallet',
+          icon: 'qr-code',
+          iconColor: colors.primary,
+          title: 'FairCoin Wallet',
+          subtitle: 'Paid via QR'
+        }] : [])]
+      })]
+    }), /*#__PURE__*/_jsx(GroupedPillButtons, {
+      buttons: [{
+        text: 'Back',
+        onPress: onBack,
+        icon: 'arrow-back',
+        variant: 'transparent'
+      }, {
+        text: isPaying ? 'Processing...' : 'Pay Now',
+        onPress: onPay,
+        icon: 'checkmark',
+        variant: 'primary',
+        loading: isPaying
+      }],
+      colors: colors
+    })]
+  });
+};
+export default PaymentReviewStep;
+//# sourceMappingURL=PaymentReviewStep.js.map

package/lib/module/ui/components/payment/PaymentReviewStep.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","View","Text","Animated","GroupedSection","GroupedPillButtons","createPaymentStyles","PAYMENT_METHODS","getCurrencySymbol","jsx","_jsx","jsxs","_jsxs","PaymentReviewStep","amount","currency","paymentMethod","cardDetails","colors","animations","isPaying","onBack","onPay","styles","currencySymbol","fadeAnim","slideAnim","scaleAnim","selectedMethod","find","m","key","style","stepContainer","opacity","transform","translateY","scale","accessibilityRole","accessibilityLabel","children","section","sectionTitle","items","id","icon","iconColor","success","title","subtitle","primary","label","number","replace","buttons","text","onPress","variant","loading"],"sourceRoot":"../../../../../src","sources":["ui/components/payment/PaymentReviewStep.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/payment/PaymentSuccessStep.js

@@ -0,0 +1,73 @@
+"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

package/lib/module/ui/components/payment/PaymentSuccessStep.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","View","Text","Animated","Ionicons","GroupedPillButtons","createPaymentStyles","jsx","_jsx","jsxs","_jsxs","PaymentSuccessStep","colors","animations","onDone","styles","fadeAnim","slideAnim","scaleAnim","style","stepContainer","opacity","transform","translateY","scale","accessibilityRole","accessibilityLabel","children","section","sectionTitle","successCard","successContent","name","size","color","success","successIcon","successMainTitle","successSubtitle","height","successMessage","buttons","text","onPress","icon","variant"],"sourceRoot":"../../../../../src","sources":["ui/components/payment/PaymentSuccessStep.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,cAAc;AACnD,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,OAAOC,kBAAkB,MAAM,mCAAgC;AAC/D,SAASC,mBAAmB,QAAQ,oBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAStD,MAAMC,kBAAqD,GAAGA,CAAC;EAC3DC,MAAM;EACNC,UAAU;EACVC;AACJ,CAAC,KAAK;EACF,MAAMC,MAAM,GAAGf,OAAO,CAAC,MAAMM,mBAAmB,CAACM,MAAM,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EACnE,MAAM;IAAEI,QAAQ;IAAEC,SAAS;IAAEC;EAAU,CAAC,GAAGL,UAAU;EAErD,oBACIH,KAAA,CAACP,QAAQ,CAACF,IAAI;IACVkB,KAAK,EAAE,CACHJ,MAAM,CAACK,aAAa,EACpB;MACIC,OAAO,EAAEL,QAAQ;MACjBM,SAAS,EAAE,CACP;QAAEC,UAAU,EAAEN;MAAU,CAAC,EACzB;QAAEO,KAAK,EAAEN;MAAU,CAAC;IAE5B,CAAC,CACH;IACFO,iBAAiB,EAAC,MAAM;IACxBC,kBAAkB,EAAC,kBAAkB;IAAAC,QAAA,gBAErCjB,KAAA,CAACT,IAAI;MAACkB,KAAK,EAAEJ,MAAM,CAACa,OAAQ;MAAAD,QAAA,gBACxBnB,IAAA,CAACN,IAAI;QAACiB,KAAK,EAAEJ,MAAM,CAACc,YAAa;QAAAF,QAAA,EAAC;MAAgB,CAAM,CAAC,eAEzDnB,IAAA,CAACP,IAAI;QAACkB,KAAK,EAAEJ,MAAM,CAACe,WAAY;QAAAH,QAAA,eAC5BjB,KAAA,CAACT,IAAI;UAACkB,KAAK,EAAEJ,MAAM,CAACgB,cAAe;UAAAJ,QAAA,gBAC/BnB,IAAA,CAACJ,QAAQ;YACL4B,IAAI,EAAC,kBAAkB;YACvBC,IAAI,EAAE,EAAG;YACTC,KAAK,EAAEtB,MAAM,CAACuB,OAAO,IAAI,SAAU;YACnChB,KAAK,EAAEJ,MAAM,CAACqB;UAAY,CAC7B,CAAC,eACF5B,IAAA,CAACN,IAAI;YAACiB,KAAK,EAAEJ,MAAM,CAACsB,gBAAiB;YAAAV,QAAA,EAAC;UAAmB,CAAM,CAAC,eAChEnB,IAAA,CAACN,IAAI;YAACiB,KAAK,EAAEJ,MAAM,CAACuB,eAAgB;YAAAX,QAAA,EAAC;UAA2B,CAAM,CAAC,eACvEnB,IAAA,CAACP,IAAI;YAACkB,KAAK,EAAE;cAAEoB,MAAM,EAAE;YAAG;UAAE,CAAE,CAAC,eAC/B/B,IAAA,CAACN,IAAI;YAACiB,KAAK,EAAEJ,MAAM,CAACyB,cAAe;YAAAb,QAAA,EAAC;UAAiD,CAAM,CAAC;QAAA,CAC1F;MAAC,CACL,CAAC;IAAA,CACL,CAAC,eAEPnB,IAAA,CAACH,kBAAkB;MACfoC,OAAO,EAAE,CACL;QACIC,IAAI,EAAE,MAAM;QACZC,OAAO,EAAE7B,MAAM;QACf8B,IAAI,EAAE,WAAW;QACjBC,OAAO,EAAE;MACb,CAAC,CACH;MACFjC,MAAM,EAAEA;IAAO,CAClB,CAAC;EAAA,CACS,CAAC;AAExB,CAAC;AAED,eAAeD,kBAAkB","ignoreList":[]}