@oxyhq/services 5.5.8 → 5.6.0

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

@@ -3,56 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.FollowButton = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-var _reactRedux = require("react-redux");
+var _reactNativeReanimated = require("react-native-reanimated");
 var _OxyContext = require("../context/OxyContext");
 var _fonts = require("../styles/fonts");
 var _sonner = require("../../lib/sonner");
-var _store = require("../store");
+var _useFollow = require("../hooks/useFollow");
 var _jsxRuntime = require("react/jsx-runtime");
 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); }
-/**
- * An animated follow button with interactive state changes and preventDefault support
- * Uses Redux for state management to ensure all buttons with the same user ID stay synchronized
- * 
- * @example
- * ```tsx
- * // Basic usage
- * <FollowButton userId="123" />
- * 
- * // With custom styling
- * <FollowButton 
- *   userId="123" 
- *   initiallyFollowing={true}
- *   size="large"
- *   style={{ borderRadius: 12 }}
- *   onFollowChange={(isFollowing) => console.log(`User is now ${isFollowing ? 'followed' : 'unfollowed'}`)}
- * />
- * 
- * // Inside a pressable container (prevents parent actions)
- * <TouchableOpacity onPress={() => navigateToProfile()}>
- *   <View>
- *     <Text>User Profile</Text>
- *     <FollowButton 
- *       userId="123" 
- *       preventParentActions={true} // Default: true
- *     />
- *   </View>
- * </TouchableOpacity>
- * 
- * // Custom onPress handler
- * <FollowButton 
- *   userId="123" 
- *   onPress={(event) => {
- *     event.preventDefault(); // Custom preventDefault
- *     // Custom logic here
- *   }}
- * />
- * ```
- */
 const FollowButton = ({
   userId,
   initiallyFollowing = false,
@@ -62,232 +22,143 @@ const FollowButton = ({
   textStyle,
   disabled = false,
   showLoadingState = true,
-  preventParentActions = true,
-  onPress
+  preventParentActions = true
 }) => {
-  const dispatch = (0, _reactRedux.useDispatch)();
   const {
     oxyServices,
     isAuthenticated
   } = (0, _OxyContext.useOxy)();
-
-  // Optimized single selector to prevent multiple re-renders
-  const followState = (0, _reactRedux.useSelector)(state => ({
-    isFollowing: state.follow.followingUsers[userId] ?? initiallyFollowing ?? false,
-    isLoading: state.follow.loadingUsers[userId] ?? false,
-    error: state.follow.errors[userId]
-  }));
-
-  // Whether the follow status has been loaded from the store
-  const isStatusKnown = (0, _reactRedux.useSelector)(state => Object.prototype.hasOwnProperty.call(state.follow.followingUsers, userId));
   const {
     isFollowing,
     isLoading,
-    error
-  } = followState;
+    error,
+    toggleFollow,
+    setFollowStatus,
+    fetchStatus,
+    clearError
+  } = (0, _useFollow.useFollow)(userId);
 
   // Animation values
   const animationProgress = (0, _reactNativeReanimated.useSharedValue)(isFollowing ? 1 : 0);
   const scale = (0, _reactNativeReanimated.useSharedValue)(1);
 
-  // Initialize Redux state with initial value if not already set
+  // Initialize Zustand state with initial value if not already set
   (0, _react.useEffect)(() => {
-    if (userId && !isStatusKnown) {
-      // Set the initial state regardless of whether initiallyFollowing is defined
-      const initialState = initiallyFollowing ?? false;
-      dispatch((0, _store.setFollowingStatus)({
-        userId,
-        isFollowing: initialState
-      }));
+    if (userId && !isFollowing && initiallyFollowing) {
+      setFollowStatus?.(initiallyFollowing);
     }
-  }, [userId, initiallyFollowing, isStatusKnown, dispatch]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [userId, initiallyFollowing]);
 
   // Fetch latest follow status from backend on mount if authenticated
-  // This runs separately and will overwrite the initial state with actual data
   (0, _react.useEffect)(() => {
     if (userId && isAuthenticated) {
-      dispatch((0, _store.fetchFollowStatus)({
-        userId,
-        oxyServices
-      }));
+      fetchStatus?.();
     }
-  }, [userId, oxyServices, isAuthenticated, dispatch]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [userId, oxyServices, isAuthenticated]);
 
-  // Update the animation value when isFollowing changes
+  // Animate button on follow/unfollow
   (0, _react.useEffect)(() => {
     animationProgress.value = (0, _reactNativeReanimated.withTiming)(isFollowing ? 1 : 0, {
       duration: 300,
-      easing: _reactNativeReanimated.Easing.bezier(0.25, 0.1, 0.25, 1)
+      easing: _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.ease)
     });
-  }, [isFollowing]); // Removed animationProgress from dependencies as it's stable
-
-  // Show error toast when error occurs
-  (0, _react.useEffect)(() => {
-    if (error) {
-      _sonner.toast.error(error);
-      dispatch((0, _store.clearFollowError)(userId));
-    }
-  }, [error]); // Removed userId and dispatch to prevent unnecessary runs
+  }, [isFollowing, animationProgress]);
 
-  // The button press handler with preventDefault support - memoized to prevent recreation
+  // Button press handler
   const handlePress = (0, _react.useCallback)(async event => {
-    // Prevent parent actions if enabled (e.g., if inside a link or pressable container)
-    if (preventParentActions && event) {
-      // For React Native Web compatibility
-      if (_reactNative.Platform.OS === 'web' && event.preventDefault) {
-        event.preventDefault();
-      }
-
-      // Stop event propagation to prevent parent TouchableOpacity/Pressable actions
-      if (event.stopPropagation) {
-        event.stopPropagation();
-      }
-
-      // For React Native, prevent gesture bubbling
-      if (event.nativeEvent && event.nativeEvent.stopPropagation) {
-        event.nativeEvent.stopPropagation();
-      }
-    }
-
-    // If custom onPress is provided, use it instead of default behavior
-    if (onPress) {
-      onPress(event);
-      return;
+    if (preventParentActions && event && event.preventDefault) {
+      event.preventDefault();
+      event.stopPropagation();
     }
-    if (disabled || followState.isLoading) return;
-
-    // Check if user is authenticated - show toast instead of disabling
-    if (!isAuthenticated) {
-      _sonner.toast.error('Please sign in to follow users');
-      return;
-    }
-
-    // Touch feedback animation
-    scale.value = (0, _reactNativeReanimated.withSpring)(0.95, {
-      damping: 10
-    }, () => {
-      scale.value = (0, _reactNativeReanimated.withSpring)(1);
-    });
+    if (disabled || isLoading) return;
     try {
-      // Dispatch the async action to follow/unfollow
-      const result = await dispatch((0, _store.toggleFollowUser)({
-        userId,
-        oxyServices,
-        isCurrentlyFollowing: followState.isFollowing
-      })).unwrap();
-
-      // Call the callback if provided
-      if (onFollowChange) {
-        onFollowChange(result.isFollowing);
-      }
-
-      // Show success toast
-      _sonner.toast.success(result.isFollowing ? 'Following user!' : 'Unfollowed user');
-    } catch (error) {
-      console.error('Follow action failed:', error);
-
-      // Show user-friendly error messages for state mismatches
-      const errorMessage = error?.toString() || 'Unknown error';
-      if (errorMessage.includes('State synced with backend')) {
-        _sonner.toast.info('Status updated. Please try again.');
-      } else {
-        _sonner.toast.error(`Failed to ${followState.isFollowing ? 'unfollow' : 'follow'} user. Please try again.`);
-      }
-    }
-  }, [preventParentActions, onPress, disabled, followState.isLoading, followState.isFollowing, isAuthenticated, scale, dispatch, userId, oxyServices, onFollowChange]);
-
-  // Animated styles for the button
-  const animatedButtonStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    const backgroundColor = (0, _reactNativeReanimated.interpolateColor)(animationProgress.value, [0, 1], ['#d169e5', '#FFFFFF']);
-    const borderColor = (0, _reactNativeReanimated.interpolateColor)(animationProgress.value, [0, 1], ['#d169e5', '#d169e5']);
-
-    // Add a slight scaling effect during the transition
-    const transitionScale = 1 + 0.05 * Math.sin(animationProgress.value * Math.PI);
-    return {
-      backgroundColor,
-      borderColor,
-      borderWidth: 1,
-      transform: [{
-        scale: scale.value * transitionScale
-      }]
-    };
-  });
-
-  // Animated styles for the text
-  const animatedTextStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    const color = (0, _reactNativeReanimated.interpolateColor)(animationProgress.value, [0, 1], ['#FFFFFF', '#d169e5']);
-    return {
-      color
-    };
-  });
-
-  // Get size-specific styles
-  const getSizeStyles = () => {
-    switch (size) {
-      case 'small':
-        return {
-          button: {
-            paddingVertical: 6,
-            paddingHorizontal: 12
-          },
-          text: {
-            fontSize: 12
-          }
-        };
-      case 'large':
-        return {
-          button: {
-            paddingVertical: 12,
-            paddingHorizontal: 24
-          },
-          text: {
-            fontSize: 18
-          }
-        };
-      default:
-        // medium
-        return {
-          button: {
-            paddingVertical: 8,
-            paddingHorizontal: 16
-          },
-          text: {
-            fontSize: 14
-          }
-        };
+      await toggleFollow?.();
+      if (onFollowChange) onFollowChange(!isFollowing);
+    } catch (err) {
+      _sonner.toast.error(err?.message || 'Failed to update follow status');
     }
+  }, [disabled, isLoading, toggleFollow, onFollowChange, isFollowing, preventParentActions]);
+
+  // Button styles
+  const getButtonStyle = () => {
+    let baseStyle = styles.buttonMedium;
+    if (size === 'small') baseStyle = styles.buttonSmall;
+    if (size === 'large') baseStyle = styles.buttonLarge;
+    return [baseStyle, isFollowing ? styles.following : styles.notFollowing, style];
+  };
+  const getTextStyle = () => {
+    let baseStyle = styles.textMedium;
+    if (size === 'small') baseStyle = styles.textSmall;
+    if (size === 'large') baseStyle = styles.textLarge;
+    return [baseStyle, isFollowing ? styles.textFollowing : styles.textNotFollowing, textStyle];
   };
-  const sizeStyles = getSizeStyles();
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-    activeOpacity: 0.8,
+    style: getButtonStyle(),
     onPress: handlePress,
     disabled: disabled || isLoading,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-      style: [styles.button, sizeStyles.button, animatedButtonStyle, style],
-      children: isLoading && showLoadingState ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-        size: "small",
-        color: isFollowing ? '#d169e5' : '#FFFFFF'
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.Text, {
-        style: [styles.text, sizeStyles.text, animatedTextStyle, textStyle],
-        children: isFollowing ? 'Following' : 'Follow'
-      })
+    activeOpacity: 0.8,
+    children: showLoadingState && isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+      size: size === 'small' ? 'small' : 'large',
+      color: isFollowing ? '#fff' : '#007AFF'
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: getTextStyle(),
+      children: isFollowing ? 'Following' : 'Follow'
     })
   });
 };
+exports.FollowButton = FollowButton;
 const styles = _reactNative.StyleSheet.create({
-  button: {
-    justifyContent: 'center',
+  buttonSmall: {
+    paddingVertical: 4,
+    paddingHorizontal: 12,
+    borderRadius: 16,
+    minWidth: 60,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  buttonMedium: {
+    paddingVertical: 8,
+    paddingHorizontal: 20,
+    borderRadius: 20,
+    minWidth: 90,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  buttonLarge: {
+    paddingVertical: 12,
+    paddingHorizontal: 32,
+    borderRadius: 24,
+    minWidth: 120,
     alignItems: 'center',
-    flexDirection: 'row',
-    borderRadius: 100
+    justifyContent: 'center'
+  },
+  following: {
+    backgroundColor: '#007AFF'
+  },
+  notFollowing: {
+    backgroundColor: '#fff',
+    borderWidth: 1,
+    borderColor: '#007AFF'
+  },
+  textSmall: {
+    fontSize: 13,
+    fontFamily: _fonts.fontFamilies.phuduMedium
+  },
+  textMedium: {
+    fontSize: 15,
+    fontFamily: _fonts.fontFamilies.phuduMedium
+  },
+  textLarge: {
+    fontSize: 18,
+    fontFamily: _fonts.fontFamilies.phuduMedium
+  },
+  textFollowing: {
+    color: '#fff'
   },
-  text: {
-    fontFamily: _reactNative.Platform.select({
-      web: 'Phudu',
-      default: _fonts.fontFamilies.phuduSemiBold
-    }),
-    fontWeight: _reactNative.Platform.OS === 'web' ? '600' : undefined,
-    textAlign: 'center'
+  textNotFollowing: {
+    color: '#007AFF'
   }
 });
 var _default = exports.default = FollowButton;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactRedux","_OxyContext","_fonts","_sonner","_store","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FollowButton","userId","initiallyFollowing","size","onFollowChange","style","textStyle","disabled","showLoadingState","preventParentActions","onPress","dispatch","useDispatch","oxyServices","isAuthenticated","useOxy","followState","useSelector","state","isFollowing","follow","followingUsers","isLoading","loadingUsers","error","errors","isStatusKnown","prototype","animationProgress","useSharedValue","scale","useEffect","initialState","setFollowingStatus","fetchFollowStatus","value","withTiming","duration","easing","Easing","bezier","toast","clearFollowError","handlePress","useCallback","event","Platform","OS","preventDefault","stopPropagation","nativeEvent","withSpring","damping","result","toggleFollowUser","isCurrentlyFollowing","unwrap","success","console","errorMessage","toString","includes","info","animatedButtonStyle","useAnimatedStyle","backgroundColor","interpolateColor","borderColor","transitionScale","Math","sin","PI","borderWidth","transform","animatedTextStyle","color","getSizeStyles","button","paddingVertical","paddingHorizontal","text","fontSize","sizeStyles","jsx","TouchableOpacity","activeOpacity","children","View","styles","ActivityIndicator","Text","StyleSheet","create","justifyContent","alignItems","flexDirection","borderRadius","fontFamily","select","web","fontFamilies","phuduSemiBold","fontWeight","undefined","textAlign","_default","exports"],"sourceRoot":"../../../../src","sources":["ui/components/FollowButton.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_OxyContext","_fonts","_sonner","_useFollow","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FollowButton","userId","initiallyFollowing","size","onFollowChange","style","textStyle","disabled","showLoadingState","preventParentActions","oxyServices","isAuthenticated","useOxy","isFollowing","isLoading","error","toggleFollow","setFollowStatus","fetchStatus","clearError","useFollow","animationProgress","useSharedValue","scale","useEffect","value","withTiming","duration","easing","Easing","inOut","ease","handlePress","useCallback","event","preventDefault","stopPropagation","err","toast","message","getButtonStyle","baseStyle","styles","buttonMedium","buttonSmall","buttonLarge","following","notFollowing","getTextStyle","textMedium","textSmall","textLarge","textFollowing","textNotFollowing","jsx","TouchableOpacity","onPress","activeOpacity","children","ActivityIndicator","color","Text","exports","StyleSheet","create","paddingVertical","paddingHorizontal","borderRadius","minWidth","alignItems","justifyContent","backgroundColor","borderWidth","borderColor","fontSize","fontFamily","fontFamilies","phuduMedium","_default"],"sourceRoot":"../../../../src","sources":["ui/components/FollowButton.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,131 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _fonts = require("../styles/fonts");
+var _OxyContext = require("../context/OxyContext");
+var _OxyLogo = _interopRequireDefault(require("./OxyLogo"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+/**
+ * A pre-styled button for OxyPay payments that opens the Payment Gateway
+ * - Only black or white by default, but can be customized with the color prop.
+ */
+const OxyPayButton = ({
+  style,
+  textStyle,
+  text = 'Pay',
+  disabled = false,
+  amount,
+  currency = 'FAIR',
+  paymentItems,
+  description,
+  onPaymentResult,
+  color,
+  variant = 'white'
+}) => {
+  const {
+    showBottomSheet
+  } = (0, _OxyContext.useOxy)();
+  const [buttonHeight, setButtonHeight] = (0, _react.useState)(52);
+  const handlePress = () => {
+    showBottomSheet?.({
+      screen: 'PaymentGateway',
+      props: {
+        amount,
+        currency,
+        paymentItems,
+        description,
+        onPaymentResult
+      }
+    });
+  };
+  // Determine background and text color
+  const backgroundColor = color || (variant === 'black' ? '#111' : '#fff');
+  const textColor = variant === 'black' || color && isColorDark(color) ? '#fff' : '#1b1f0a';
+  // Responsive sizing
+  const logoWidth = Math.round(buttonHeight * 0.5); // 50% of button height
+  const logoHeight = Math.round(buttonHeight * 0.25); // 25% of button height
+  const fontSize = Math.round(buttonHeight * 0.35); // 35% of button height
+  const handleLayout = e => {
+    const h = e.nativeEvent.layout.height;
+    if (h && Math.abs(h - buttonHeight) > 1) setButtonHeight(h);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+    style: [styles.button, {
+      backgroundColor,
+      borderColor: textColor,
+      borderWidth: 1
+    }, disabled && styles.buttonDisabled, style],
+    onPress: handlePress,
+    disabled: disabled,
+    activeOpacity: 0.85,
+    onLayout: handleLayout,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.buttonContent,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_OxyLogo.default, {
+        width: logoWidth,
+        height: logoHeight,
+        style: {
+          marginRight: logoWidth * 0.12,
+          marginTop: (fontSize - logoHeight) / 2
+        },
+        fillColor: textColor
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.text, {
+          color: textColor,
+          fontSize
+        }, textStyle],
+        children: text
+      })]
+    })
+  });
+};
+
+// Helper to determine if a color is dark (simple luminance check)
+function isColorDark(hex) {
+  let c = hex.replace('#', '');
+  if (c.length === 3) c = c.split('').map(x => x + x).join('');
+  if (c.length !== 6) return false;
+  const r = parseInt(c.substr(0, 2), 16);
+  const g = parseInt(c.substr(2, 2), 16);
+  const b = parseInt(c.substr(4, 2), 16);
+  // Perceived luminance
+  return 0.299 * r + 0.587 * g + 0.114 * b < 150;
+}
+const styles = _reactNative.StyleSheet.create({
+  button: {
+    padding: 14,
+    borderRadius: 35,
+    alignItems: 'center',
+    justifyContent: 'center',
+    flexDirection: 'row',
+    minHeight: 52
+  },
+  buttonDisabled: {
+    opacity: 0.6
+  },
+  buttonContent: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  oxyLogo: {
+    // marginRight is set dynamically
+  },
+  centeredItem: {
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  text: {
+    fontFamily: _fonts.fontFamilies.phudu,
+    fontWeight: '700'
+  }
+});
+var _default = exports.default = OxyPayButton;
+//# sourceMappingURL=OxyPayButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_fonts","_OxyContext","_OxyLogo","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","OxyPayButton","style","textStyle","text","disabled","amount","currency","paymentItems","description","onPaymentResult","color","variant","showBottomSheet","useOxy","buttonHeight","setButtonHeight","useState","handlePress","screen","props","backgroundColor","textColor","isColorDark","logoWidth","Math","round","logoHeight","fontSize","handleLayout","h","nativeEvent","layout","height","abs","jsx","TouchableOpacity","styles","button","borderColor","borderWidth","buttonDisabled","onPress","activeOpacity","onLayout","children","jsxs","View","buttonContent","width","marginRight","marginTop","fillColor","Text","hex","c","replace","length","split","map","x","join","parseInt","substr","g","b","StyleSheet","create","padding","borderRadius","alignItems","justifyContent","flexDirection","minHeight","opacity","oxyLogo","centeredItem","fontFamily","fontFamilies","phudu","fontWeight","_default","exports"],"sourceRoot":"../../../../src","sources":["ui/components/OxyPayButton.tsx"],"mappings":"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","ignoreList":[]}