@oxyhq/services 23.0.2 → 23.1.0

package/lib/commonjs/ui/components/passkeyHubPopup.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.openPasskeyHubPopup = openPasskeyHubPopup;
+/**
+ * Popup opener for the cross-origin passkey hub (b2).
+ *
+ * On a non-Oxy web origin (e.g. mention.earth) a WebAuthn ceremony can't run
+ * locally — the credential's RP ID is bound to `oxy.so`. Instead,
+ * `AccountDialogController.startPasskeyHubSignIn` opens a popup at the
+ * auth.oxy.so passkey hub, where the SAME ceremony IS a first-party operation.
+ *
+ * Kept in its own module (mirroring `oauthNavigation.ts`'s
+ * `redirectToAuthorize`) so `window.open` sits behind a plain function the
+ * controller wiring in `OxyContext` can inject without touching `window`
+ * itself, and so a test can substitute a fake opener.
+ */
+
+/**
+ * Open a new, EMPTY popup window. Must be called SYNCHRONOUSLY from within a
+ * user-gesture handler (before any `await`) — opening it after an async call
+ * loses the gesture attribution and the browser silently blocks it. Returns
+ * `null` when blocked, or when there is no DOM `window` (native/SSR — the
+ * hub-popup flow does not apply there).
+ */
+function openPasskeyHubPopup() {
+  const win = globalThis.window;
+  if (!win) return null;
+  return win.open('', '_blank', 'width=420,height=640');
+}
+//# sourceMappingURL=passkeyHubPopup.js.map

package/lib/commonjs/ui/components/passkeyHubPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["openPasskeyHubPopup","win","globalThis","window","open"],"sourceRoot":"../../../../src","sources":["ui/components/passkeyHubPopup.ts"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,mBAAmBA,CAAA,EAA6B;EAC5D,MAAMC,GAAG,GAAIC,UAAU,CAAyBC,MAAM;EACtD,IAAI,CAACF,GAAG,EAAE,OAAO,IAAI;EACrB,OAAOA,GAAG,CAACG,IAAI,CAAC,EAAE,EAAE,QAAQ,EAAE,sBAAsB,CAAC;AACzD","ignoreList":[]}

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

@@ -0,0 +1,327 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _Ionicons = _interopRequireDefault(require("@expo/vector-icons/Ionicons"));
+var _button = require("@oxyhq/bloom/button");
+var _textField = require("@oxyhq/bloom/text-field");
+var _FAIRWalletIcon = _interopRequireDefault(require("../icon/FAIRWalletIcon.js"));
+var _paymentStyles = require("./paymentStyles.js");
+var _bloom = require("@oxyhq/bloom");
+var _useI18n = require("../../hooks/useI18n.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const PaymentDetailsStep = ({
+  paymentMethod,
+  cardDetails,
+  onCardDetailsChange,
+  colors,
+  animations,
+  faircoinAddress,
+  isMobile,
+  qrSize,
+  onBack,
+  onNext,
+  QRCodeComponent
+}) => {
+  const styles = (0, _react.useMemo)(() => (0, _paymentStyles.createPaymentStyles)(colors), [colors]);
+  const {
+    t
+  } = (0, _useI18n.useI18n)();
+  const {
+    fadeAnim,
+    slideAnim,
+    scaleAnim
+  } = animations;
+  const handleCopyAddress = () => {
+    _reactNative.Clipboard.setString(faircoinAddress);
+    (0, _bloom.toast)(t('payment.details.addressCopied'));
+  };
+  const handleOpenFairWallet = () => {
+    const url = `fairwallet://pay?address=${faircoinAddress}`;
+    _reactNative.Linking.openURL(url);
+  };
+  const isCardValid = cardDetails.number && cardDetails.expiry && cardDetails.cvv;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
+    style: [styles.stepContainer, {
+      opacity: fadeAnim,
+      transform: [{
+        translateY: slideAnim
+      }, {
+        scale: scaleAnim
+      }]
+    }],
+    accessibilityRole: "none",
+    accessibilityLabel: "Enter payment details step",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.section,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.sectionTitle,
+        children: paymentMethod === 'card' ? t('payment.details.cardDetails') : paymentMethod === 'oxy' ? t('payment.details.oxyPay') : paymentMethod === 'faircoin' ? t('payment.details.faircoinPayment') : t('payment.details.paymentDetails')
+      }), paymentMethod === 'card' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.cardPaymentCard,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.cardPaymentContent,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
+            name: "card-outline",
+            size: 64,
+            color: colors.primary,
+            style: styles.cardPaymentIcon
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.cardPaymentMainTitle,
+            children: t('payment.details.creditCard')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.cardPaymentSubtitle,
+            children: t('payment.details.enterCardSecurely')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: styles.cardPaymentFields,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+              style: styles.cardRowInfo,
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
+                name: "card-outline",
+                size: 24,
+                color: colors.primary,
+                style: styles.cardRowIcon
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: styles.cardRowText,
+                children: t('payment.details.acceptedCards')
+              })]
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_textField.TextField, {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_textField.TextFieldInput, {
+                floatingLabel: true,
+                label: t('payment.details.cardNumber'),
+                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,
+                accessibilityLabel: "Card number",
+                accessibilityHint: "Enter your 16-digit card number"
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+              style: styles.cardFieldRow,
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+                style: styles.cardFieldHalfLeft,
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_textField.TextField, {
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_textField.TextFieldInput, {
+                    floatingLabel: true,
+                    label: t('payment.details.expiry'),
+                    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,
+                    accessibilityLabel: "Expiry date",
+                    accessibilityHint: "Enter expiry date in MM/YY format"
+                  })
+                })
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+                style: styles.cardFieldHalfRight,
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_textField.TextField, {
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_textField.TextFieldInput, {
+                    floatingLabel: true,
+                    label: "CVV",
+                    value: cardDetails.cvv,
+                    onChangeText: text => {
+                      const formatted = text.replace(/\D/g, '');
+                      onCardDetailsChange({
+                        ...cardDetails,
+                        cvv: formatted
+                      });
+                    },
+                    placeholder: "123",
+                    keyboardType: "numeric",
+                    maxLength: 4,
+                    accessibilityLabel: "CVV",
+                    accessibilityHint: "Enter 3 or 4 digit security code"
+                  })
+                })
+              })]
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              height: 18
+            }
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.cardPaymentWaiting,
+            children: t('payment.details.readyToProcess')
+          })]
+        })
+      }), paymentMethod === 'oxy' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.oxyPayCard,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.oxyPayContent,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
+            name: "wallet-outline",
+            size: 64,
+            color: colors.primary,
+            style: styles.oxyPayIcon
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.oxyPayMainTitle,
+            children: t('payment.details.oxyPay')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.oxyPaySubtitle,
+            children: t('payment.details.payWithWallet')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: styles.oxyPayBalanceBox,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.oxyPayBalanceText,
+              children: t('payment.details.balance', {
+                balance: '⊜ 123.45'
+              })
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              height: 18
+            }
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.oxyPayWaiting,
+            children: t('payment.details.readyToProcess')
+          })]
+        })
+      }), paymentMethod === 'faircoin' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.faircoinCard,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.faircoinContent,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FAIRWalletIcon.default, {
+            size: 64,
+            style: styles.faircoinIcon
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.faircoinMainTitle,
+            children: "FAIRWallet"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.faircoinSubtitle,
+            children: t('payment.details.payWithFairCoin')
+          }), !isMobile && QRCodeComponent ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.faircoinScanText,
+              children: t('payment.details.scanToPay')
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+              style: styles.faircoinQRCard,
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(QRCodeComponent, {
+                value: faircoinAddress,
+                size: qrSize - 32
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+                style: styles.faircoinQRBadge,
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FAIRWalletIcon.default, {
+                  size: 28
+                })
+              })]
+            })]
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.faircoinTitle,
+              children: t('payment.details.fairWalletInstructions')
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.faircoinAddress,
+              children: faircoinAddress
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+              style: [styles.faircoinButton, {
+                backgroundColor: '#9ffb50',
+                borderRadius: 18,
+                marginTop: 12,
+                width: '90%',
+                flexDirection: 'row',
+                alignItems: 'center',
+                justifyContent: 'center'
+              }],
+              onPress: handleOpenFairWallet,
+              accessibilityRole: "button",
+              accessibilityLabel: t('payment.details.openInFairWallet'),
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FAIRWalletIcon.default, {
+                size: 20,
+                style: {
+                  marginRight: 8
+                }
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: [styles.faircoinButtonText, {
+                  color: '#1b1f0a',
+                  fontWeight: 'bold',
+                  fontSize: 16
+                }],
+                children: t('payment.details.openInFairWallet')
+              })]
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+              style: [styles.faircoinButton, {
+                backgroundColor: '#9ffb50',
+                borderRadius: 18,
+                marginTop: 10,
+                width: '90%',
+                flexDirection: 'row',
+                alignItems: 'center',
+                justifyContent: 'center'
+              }],
+              onPress: handleCopyAddress,
+              accessibilityRole: "button",
+              accessibilityLabel: t('payment.details.copyAddress'),
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FAIRWalletIcon.default, {
+                size: 20,
+                style: {
+                  marginRight: 8
+                }
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: [styles.faircoinButtonText, {
+                  color: '#1b1f0a',
+                  fontWeight: 'bold',
+                  fontSize: 16
+                }],
+                children: t('payment.details.copyAddress')
+              })]
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              height: 18
+            }
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.faircoinWaiting,
+            children: t('payment.details.waitingForPayment')
+          })]
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        gap: 8,
+        justifyContent: 'flex-end'
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+        variant: "secondary",
+        onPress: onBack,
+        size: "small",
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
+          name: "arrow-back",
+          size: 16
+        }),
+        children: t('payment.actions.back')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+        variant: "primary",
+        onPress: onNext,
+        size: "small",
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
+          name: "arrow-forward",
+          size: 16
+        }),
+        iconPosition: "right",
+        disabled: paymentMethod === 'card' && !isCardValid,
+        children: t('payment.actions.continue')
+      })]
+    })]
+  });
+};
+var _default = exports.default = PaymentDetailsStep;
+//# sourceMappingURL=PaymentDetailsStep.js.map

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

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

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

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _Ionicons = _interopRequireDefault(require("@expo/vector-icons/Ionicons"));
+var _settingsList = require("@oxyhq/bloom/settings-list");
+var _button = require("@oxyhq/bloom/button");
+var _FAIRWalletIcon = _interopRequireDefault(require("../icon/FAIRWalletIcon.js"));
+var _paymentStyles = require("./paymentStyles.js");
+var _useI18n = require("../../hooks/useI18n.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const PaymentMethodStep = ({
+  availablePaymentMethods,
+  selectedMethod,
+  onSelectMethod,
+  colors,
+  animations,
+  onBack,
+  onNext
+}) => {
+  const styles = (0, _react.useMemo)(() => (0, _paymentStyles.createPaymentStyles)(colors), [colors]);
+  const {
+    t
+  } = (0, _useI18n.useI18n)();
+  const {
+    fadeAnim,
+    slideAnim,
+    scaleAnim
+  } = animations;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
+    style: [styles.stepContainer, {
+      opacity: fadeAnim,
+      transform: [{
+        translateY: slideAnim
+      }, {
+        scale: scaleAnim
+      }]
+    }],
+    accessibilityRole: "none",
+    accessibilityLabel: "Choose payment method step",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.section,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.sectionTitle,
+        children: t('payment.method.title')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListGroup, {
+        children: availablePaymentMethods.map(method => {
+          const iconColor = method.key === 'card' ? '#007AFF' : method.key === 'oxy' ? '#32D74B' : method.key === 'faircoin' ? '#9ffb50' : colors.primary;
+          const iconElement = method.key === 'faircoin' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_FAIRWalletIcon.default, {
+            size: 20
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
+            name: method.icon,
+            size: 20,
+            color: iconColor
+          });
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+            icon: iconElement,
+            title: t(`payment.methods.${method.key}.label`),
+            description: t(`payment.methods.${method.key}.description`),
+            onPress: () => onSelectMethod(method.key),
+            showChevron: false,
+            rightElement: selectedMethod === method.key ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
+              name: "checkmark-circle",
+              size: 20,
+              color: colors.primary
+            }) : undefined
+          }, method.key);
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        gap: 8,
+        justifyContent: 'flex-end'
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+        variant: "secondary",
+        onPress: onBack,
+        size: "small",
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
+          name: "arrow-back",
+          size: 16
+        }),
+        children: t('payment.actions.back')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+        variant: "primary",
+        onPress: onNext,
+        size: "small",
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
+          name: "arrow-forward",
+          size: 16
+        }),
+        iconPosition: "right",
+        children: t('payment.actions.continue')
+      })]
+    })]
+  });
+};
+var _default = exports.default = PaymentMethodStep;
+//# sourceMappingURL=PaymentMethodStep.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_Ionicons","_interopRequireDefault","_settingsList","_button","_FAIRWalletIcon","_paymentStyles","_useI18n","_jsxRuntime","e","__esModule","default","PaymentMethodStep","availablePaymentMethods","selectedMethod","onSelectMethod","colors","animations","onBack","onNext","styles","useMemo","createPaymentStyles","t","useI18n","fadeAnim","slideAnim","scaleAnim","jsxs","Animated","View","style","stepContainer","opacity","transform","translateY","scale","accessibilityRole","accessibilityLabel","children","section","jsx","Text","sectionTitle","SettingsListGroup","map","method","iconColor","key","primary","iconElement","size","name","icon","color","SettingsListItem","title","description","onPress","showChevron","rightElement","undefined","flexDirection","gap","justifyContent","Button","variant","iconPosition","_default","exports"],"sourceRoot":"../../../../../src","sources":["ui/components/payment/PaymentMethodStep.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,149 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _Ionicons = _interopRequireDefault(require("@expo/vector-icons/Ionicons"));
+var _settingsList = require("@oxyhq/bloom/settings-list");
+var _button = require("@oxyhq/bloom/button");
+var _paymentStyles = require("./paymentStyles.js");
+var _constants = require("./constants.js");
+var _useI18n = require("../../hooks/useI18n.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const PaymentReviewStep = ({
+  amount,
+  currency,
+  paymentMethod,
+  cardDetails,
+  colors,
+  animations,
+  isPaying,
+  onBack,
+  onPay
+}) => {
+  const styles = (0, _react.useMemo)(() => (0, _paymentStyles.createPaymentStyles)(colors), [colors]);
+  const {
+    t
+  } = (0, _useI18n.useI18n)();
+  const currencySymbol = (0, _constants.getCurrencySymbol)(currency);
+  const {
+    fadeAnim,
+    slideAnim,
+    scaleAnim
+  } = animations;
+  const selectedMethod = _constants.PAYMENT_METHODS.find(m => m.key === paymentMethod);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
+    style: [styles.stepContainer, {
+      opacity: fadeAnim,
+      transform: [{
+        translateY: slideAnim
+      }, {
+        scale: scaleAnim
+      }]
+    }],
+    accessibilityRole: "none",
+    accessibilityLabel: "Review payment step",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.section,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.sectionTitle,
+        children: t('payment.review.title')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_settingsList.SettingsListGroup, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
+            name: "shield-checkmark",
+            size: 20,
+            color: colors.success
+          }),
+          title: t('payment.review.securePayment'),
+          description: t('payment.review.securePaymentDesc'),
+          showChevron: false
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
+            name: "cash-outline",
+            size: 20,
+            color: colors.primary
+          }),
+          title: t('payment.review.amount'),
+          description: `${currencySymbol} ${amount}`,
+          showChevron: false
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: selectedMethod ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
+            name: selectedMethod.icon,
+            size: 20,
+            color: colors.primary
+          }) : undefined,
+          title: t('payment.review.paymentMethod'),
+          description: selectedMethod ? t(`payment.methods.${selectedMethod.key}.label`) : undefined,
+          showChevron: false
+        }), paymentMethod === 'card' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
+            name: "card-outline",
+            size: 20,
+            color: colors.primary
+          }),
+          title: t('payment.review.card'),
+          description: cardDetails.number.replace(/.(?=.{4})/g, '*'),
+          showChevron: false
+        }) : null, paymentMethod === 'oxy' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
+            name: "wallet-outline",
+            size: 20,
+            color: colors.primary
+          }),
+          title: t('payment.review.oxyPayAccount'),
+          description: t('payment.details.balance', {
+            balance: '⊜ 123.45'
+          }),
+          showChevron: false
+        }) : null, paymentMethod === 'faircoin' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
+            name: "qr-code-outline",
+            size: 20,
+            color: colors.primary
+          }),
+          title: t('payment.review.faircoinWallet'),
+          description: t('payment.review.paidViaQR'),
+          showChevron: false
+        }) : null]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        gap: 8,
+        justifyContent: 'flex-end'
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+        variant: "secondary",
+        onPress: onBack,
+        size: "small",
+        disabled: isPaying,
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
+          name: "arrow-back",
+          size: 16
+        }),
+        children: t('payment.actions.back')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+        variant: "primary",
+        onPress: onPay,
+        size: "small",
+        disabled: isPaying,
+        icon: isPaying ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+          size: "small",
+          color: "#FFFFFF"
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
+          name: "checkmark",
+          size: 16
+        }),
+        iconPosition: "right",
+        children: isPaying ? t('payment.review.processing') : t('payment.review.payNow')
+      })]
+    })]
+  });
+};
+var _default = exports.default = PaymentReviewStep;
+//# sourceMappingURL=PaymentReviewStep.js.map