@oxy.so/services 1.0.0 → 1.0.1

package/src/ui/components/payment/PaymentReviewStep.tsx

@@ -87,7 +87,7 @@ const PaymentReviewStep: React.FC<PaymentReviewStepProps> = ({
                     {paymentMethod === 'oxy' ? (
                         <SettingsListItem
                             icon={<Ionicons name="wallet-outline" size={20} color={colors.primary} />}
-                            title={t('payment.review.oxyPayAccount')}
+                            title={t('payment.review.peableAccount')}
                             description={t('payment.details.balance', { balance: '⊜ 123.45' })}
                             showChevron={false}
                         />

package/src/ui/components/payment/constants.ts

@@ -2,7 +2,7 @@ import type { PaymentMethod } from './types';
 
 export const PAYMENT_METHODS: PaymentMethod[] = [
     { key: 'card', label: 'Credit/Debit Card', icon: 'card-outline', description: 'Pay securely with your credit or debit card.' },
-    { key: 'oxy', label: 'Oxy Pay', icon: 'wallet-outline', description: 'Use your Oxy Pay in-app balance.' },
+    { key: 'oxy', label: 'Peable', icon: 'wallet-outline', description: 'Use your Peable in-app balance.' },
     { key: 'faircoin', label: 'FAIRWallet', icon: 'qr-code-outline', description: 'Pay with FairCoin by scanning a QR code.' },
 ];
 

package/src/ui/components/payment/paymentStyles.ts

@@ -193,8 +193,8 @@ export const createPaymentStyles = (colors: PaymentColors) => StyleSheet.create(
         flex: 1,
         marginLeft: 6,
     },
-    // Oxy Pay styles
-    oxyPayCard: {
+    // Peable styles
+    peableCard: {
         backgroundColor: colors.card ?? colors.background ?? '#fff',
         borderRadius: 16,
         padding: 24,
@@ -202,14 +202,14 @@ export const createPaymentStyles = (colors: PaymentColors) => StyleSheet.create(
         alignItems: 'center',
         width: '100%',
     },
-    oxyPayContent: {
+    peableContent: {
         alignItems: 'center',
         width: '100%',
     },
-    oxyPayIcon: {
+    peableIcon: {
         marginBottom: 8,
     },
-    oxyPayMainTitle: {
+    peableMainTitle: {
         fontWeight: 'bold',
         fontSize: 28,
         color: colors.text,
@@ -217,23 +217,23 @@ export const createPaymentStyles = (colors: PaymentColors) => StyleSheet.create(
         textAlign: 'center',
         letterSpacing: 0.5,
     },
-    oxyPaySubtitle: {
+    peableSubtitle: {
         fontSize: 16,
         color: colors.textSecondary,
         textAlign: 'center',
         marginBottom: 8,
     },
-    oxyPayBalanceBox: {
+    peableBalanceBox: {
         backgroundColor: `${colors.primary}22`,
         borderRadius: 12,
         padding: 8,
         marginTop: 8,
     },
-    oxyPayBalanceText: {
+    peableBalanceText: {
         color: colors.primary,
         fontWeight: '600',
     },
-    oxyPayWaiting: {
+    peableWaiting: {
         fontSize: 14,
         color: colors.textSecondary,
         textAlign: 'center',

package/src/ui/index.ts

@@ -25,7 +25,12 @@ export { LogoText } from './components/logo/LogoText';
 export { RequireOxyAuth } from './components/RequireOxyAuth';
 export type { RequireOxyAuthProps, RequireOxyAuthPrompt } from './components/RequireOxyAuth';
 export { default as FollowButton } from './components/FollowButton';
+export { default as PeableButton } from './components/PeableButton';
+export type { PeableButtonProps } from './components/PeableButton';
+/** @deprecated Use `PeableButton` instead. */
 export { default as OxyPayButton } from './components/OxyPayButton';
+/** @deprecated Use `PeableButtonProps` instead. */
+export type { OxyPayButtonProps } from './components/OxyPayButton';
 export { default as ProfileButton } from './components/ProfileButton';
 
 // Context + hooks

package/src/ui/server.ts

@@ -19,7 +19,9 @@ export const OxySignInButton = noopComponent;
 export const LogoIcon = noopComponent;
 export const LogoText = noopComponent;
 export const FollowButton = noopComponent;
-export const OxyPayButton = noopComponent;
+export const PeableButton = noopComponent;
+/** @deprecated Use `PeableButton` instead. */
+export const OxyPayButton = PeableButton;
 
 // Context
 export const useOxy = noopHook;