@oxyhq/services 5.16.23 → 5.16.25

package/lib/module/ui/components/AnimationExample.js

@@ -0,0 +1,209 @@
+"use strict";
+
+import { useState } from 'react';
+import { View, Text, StyleSheet, TouchableOpacity } from 'react-native';
+import Animated, { useSharedValue, useAnimatedStyle, withTiming, withSpring, withSequence, withDelay, interpolateColor, runOnJS, Easing } from 'react-native-reanimated';
+
+// Example component showcasing improved Reanimated usage
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AnimationExample = () => {
+  const [currentStep, setCurrentStep] = useState(0);
+
+  // Shared values for better performance
+  const opacity = useSharedValue(1);
+  const scale = useSharedValue(1);
+  const translateX = useSharedValue(0);
+  const rotation = useSharedValue(0);
+  const progress = useSharedValue(0);
+  const colorProgress = useSharedValue(0);
+
+  // Animated styles with proper interpolation
+  const animatedStyle = useAnimatedStyle(() => {
+    return {
+      opacity: opacity.value,
+      transform: [{
+        scale: scale.value
+      }, {
+        translateX: translateX.value
+      }, {
+        rotate: `${rotation.value}deg`
+      }]
+    };
+  });
+  const progressStyle = useAnimatedStyle(() => {
+    return {
+      width: `${progress.value * 100}%`,
+      backgroundColor: interpolateColor(colorProgress.value, [0, 1], ['#3498db', '#e74c3c'])
+    };
+  });
+  const backgroundStyle = useAnimatedStyle(() => {
+    return {
+      backgroundColor: interpolateColor(colorProgress.value, [0, 1], ['#ecf0f1', '#f39c12'])
+    };
+  });
+
+  // Complex animation sequence
+  const animateSequence = () => {
+    'worklet';
+
+    // Staggered animations for smooth transitions
+    opacity.value = withTiming(0.5, {
+      duration: 200
+    });
+    scale.value = withSpring(0.8, {
+      damping: 15,
+      stiffness: 150
+    });
+
+    // Delayed follow-up animations
+    translateX.value = withDelay(100, withSpring(50, {
+      damping: 20,
+      stiffness: 100
+    }, finished => {
+      if (finished) {
+        translateX.value = withSpring(0, {
+          damping: 15,
+          stiffness: 150
+        });
+      }
+    }));
+
+    // Sequential animations
+    rotation.value = withSequence(withTiming(10, {
+      duration: 150
+    }), withTiming(-10, {
+      duration: 150
+    }), withTiming(0, {
+      duration: 150
+    }));
+
+    // Progress animation with easing
+    progress.value = withTiming(1, {
+      duration: 1000,
+      easing: Easing.out(Easing.exp)
+    }, finished => {
+      if (finished) {
+        runOnJS(setCurrentStep)(currentStep + 1);
+      }
+    });
+
+    // Color transition
+    colorProgress.value = withTiming(1, {
+      duration: 800
+    });
+
+    // Reset animations
+    setTimeout(() => {
+      opacity.value = withSpring(1);
+      scale.value = withSpring(1);
+      progress.value = withTiming(0, {
+        duration: 500
+      });
+      colorProgress.value = withTiming(0, {
+        duration: 500
+      });
+    }, 1500);
+  };
+  return /*#__PURE__*/_jsxs(Animated.View, {
+    style: [styles.container, backgroundStyle],
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: styles.title,
+      children: "Advanced Reanimated Example"
+    }), /*#__PURE__*/_jsxs(Text, {
+      style: styles.subtitle,
+      children: ["Step: ", currentStep]
+    }), /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.box, animatedStyle],
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.boxText,
+        children: "Animated Box"
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.progressContainer,
+      children: /*#__PURE__*/_jsx(Animated.View, {
+        style: [styles.progressBar, progressStyle]
+      })
+    }), /*#__PURE__*/_jsx(TouchableOpacity, {
+      style: styles.button,
+      onPress: animateSequence,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.buttonText,
+        children: "Animate Sequence"
+      })
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: 20
+  },
+  title: {
+    fontSize: 24,
+    fontWeight: 'bold',
+    marginBottom: 10,
+    color: '#2c3e50'
+  },
+  subtitle: {
+    fontSize: 16,
+    marginBottom: 30,
+    color: '#7f8c8d'
+  },
+  box: {
+    width: 150,
+    height: 150,
+    backgroundColor: '#3498db',
+    borderRadius: 20,
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginBottom: 30,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    shadowOpacity: 0.3,
+    shadowRadius: 8,
+    elevation: 8
+  },
+  boxText: {
+    color: 'white',
+    fontSize: 16,
+    fontWeight: 'bold'
+  },
+  progressContainer: {
+    width: '100%',
+    height: 10,
+    backgroundColor: '#ecf0f1',
+    borderRadius: 5,
+    marginBottom: 30,
+    overflow: 'hidden'
+  },
+  progressBar: {
+    height: '100%',
+    borderRadius: 5
+  },
+  button: {
+    backgroundColor: '#e74c3c',
+    paddingHorizontal: 30,
+    paddingVertical: 15,
+    borderRadius: 25,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.2,
+    shadowRadius: 4,
+    elevation: 4
+  },
+  buttonText: {
+    color: 'white',
+    fontSize: 16,
+    fontWeight: 'bold'
+  }
+});
+export default AnimationExample;
+//# sourceMappingURL=AnimationExample.js.map

package/lib/module/ui/components/AnimationExample.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","View","Text","StyleSheet","TouchableOpacity","Animated","useSharedValue","useAnimatedStyle","withTiming","withSpring","withSequence","withDelay","interpolateColor","runOnJS","Easing","jsx","_jsx","jsxs","_jsxs","AnimationExample","currentStep","setCurrentStep","opacity","scale","translateX","rotation","progress","colorProgress","animatedStyle","value","transform","rotate","progressStyle","width","backgroundColor","backgroundStyle","animateSequence","duration","damping","stiffness","finished","easing","out","exp","setTimeout","style","styles","container","children","title","subtitle","box","boxText","progressContainer","progressBar","button","onPress","buttonText","create","flex","justifyContent","alignItems","padding","fontSize","fontWeight","marginBottom","color","height","borderRadius","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","overflow","paddingHorizontal","paddingVertical"],"sourceRoot":"../../../../src","sources":["ui/components/AnimationExample.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/AutoHeightScrollView.js

@@ -0,0 +1,41 @@
+"use strict";
+
+import React, { useState, forwardRef } from 'react';
+import { ScrollView, StyleSheet } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * A ScrollView that automatically adjusts its height to match its content,
+ * but shrinks if constrained by a parent (e.g., a Max Height Bottom Sheet).
+ * 
+ * This solves the "collapsed to 0 height" issue when using ScrollView inside an auto-height container.
+ */
+export const AutoHeightScrollView = /*#__PURE__*/forwardRef((props, ref) => {
+  const [contentHeight, setContentHeight] = useState(0);
+  const {
+    style,
+    onContentSizeChange,
+    ...rest
+  } = props;
+  const handleContentSizeChange = (w, h) => {
+    setContentHeight(h);
+    onContentSizeChange?.(w, h);
+  };
+  return /*#__PURE__*/_jsx(ScrollView, {
+    ref: ref,
+    style: [styles.defaultStyle, style, {
+      height: contentHeight > 0 ? contentHeight : undefined
+    }],
+    onContentSizeChange: handleContentSizeChange,
+    ...rest
+  });
+});
+const styles = StyleSheet.create({
+  defaultStyle: {
+    flexShrink: 1,
+    flexGrow: 0,
+    // Ensure we don't force expansion beyond content unless needed
+    minHeight: 0
+  }
+});
+AutoHeightScrollView.displayName = 'AutoHeightScrollView';
+//# sourceMappingURL=AutoHeightScrollView.js.map

package/lib/module/ui/components/AutoHeightScrollView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","forwardRef","ScrollView","StyleSheet","jsx","_jsx","AutoHeightScrollView","props","ref","contentHeight","setContentHeight","style","onContentSizeChange","rest","handleContentSizeChange","w","h","styles","defaultStyle","height","undefined","create","flexShrink","flexGrow","minHeight","displayName"],"sourceRoot":"../../../../src","sources":["ui/components/AutoHeightScrollView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,UAAU,QAAQ,OAAO;AACnD,SAASC,UAAU,EAAwBC,UAAU,QAAwB,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAU5F;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,oBAAoB,gBAAGL,UAAU,CAAwC,CAACM,KAAK,EAAEC,GAAG,KAAK;EAClG,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGV,QAAQ,CAAC,CAAC,CAAC;EAErD,MAAM;IAAEW,KAAK;IAAEC,mBAAmB;IAAE,GAAGC;EAAK,CAAC,GAAGN,KAAK;EAErD,MAAMO,uBAAuB,GAAGA,CAACC,CAAS,EAAEC,CAAS,KAAK;IACtDN,gBAAgB,CAACM,CAAC,CAAC;IACnBJ,mBAAmB,GAAGG,CAAC,EAAEC,CAAC,CAAC;EAC/B,CAAC;EAED,oBACIX,IAAA,CAACH,UAAU;IACPM,GAAG,EAAEA,GAAI;IACTG,KAAK,EAAE,CACHM,MAAM,CAACC,YAAY,EACnBP,KAAK,EACL;MAAEQ,MAAM,EAAEV,aAAa,GAAG,CAAC,GAAGA,aAAa,GAAGW;IAAU,CAAC,CAC3D;IACFR,mBAAmB,EAAEE,uBAAwB;IAAA,GACzCD;EAAI,CACX,CAAC;AAEV,CAAC,CAAC;AAEF,MAAMI,MAAM,GAAGd,UAAU,CAACkB,MAAM,CAAC;EAC7BH,YAAY,EAAE;IACVI,UAAU,EAAE,CAAC;IACbC,QAAQ,EAAE,CAAC;IAAE;IACbC,SAAS,EAAE;EACf;AACJ,CAAC,CAAC;AAEFlB,oBAAoB,CAACmB,WAAW,GAAG,sBAAsB","ignoreList":[]}

package/lib/module/ui/components/Avatar.js

@@ -0,0 +1,168 @@
+"use strict";
+
+import { memo, useMemo } from 'react';
+import { View, Text, Image, StyleSheet, ActivityIndicator, Platform } from 'react-native';
+import { useThemeColors } from '../styles';
+import { fontFamilies } from '../styles/fonts';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Extracts initials from a name string
+ * - Single word: first letter (e.g., "John" -> "J")
+ * - Multiple words: first letter of first and last word (e.g., "John Doe" -> "JD")
+ * - Username starting with @: first two letters after @ (e.g., "@johndoe" -> "JO")
+ */
+const getInitials = nameStr => {
+  if (!nameStr?.trim()) return '';
+  const trimmed = nameStr.trim();
+  const parts = trimmed.split(/\s+/).filter(part => part.length > 0);
+  if (parts.length === 0) return '';
+  if (parts.length === 1) {
+    const firstPart = parts[0];
+    // Handle username format (@username)
+    if (firstPart.length >= 2 && firstPart.startsWith('@')) {
+      return firstPart.substring(1, 3).toUpperCase();
+    }
+    return firstPart.charAt(0).toUpperCase();
+  }
+
+  // Multiple words: first letter of first and last word
+  return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase();
+};
+
+/**
+ * Generates a consistent color from a string (name)
+ * Uses a simple hash function to create a deterministic color
+ */
+const generateColorFromString = str => {
+  let hash = 0;
+  for (let i = 0; i < str.length; i++) {
+    hash = str.charCodeAt(i) + ((hash << 5) - hash);
+  }
+
+  // Generate a vibrant color with good contrast
+  const hue = Math.abs(hash) % 360;
+  // Use high saturation and medium lightness for vibrant, readable colors
+  return `hsl(${hue}, 65%, 55%)`;
+};
+
+/**
+ * Calculates font size based on avatar size for letter avatars
+ * Uses a larger ratio for better visibility
+ */
+const calculateFontSize = size => {
+  // Use larger font size for letter avatars (50-55% of size)
+  return size <= 40 ? Math.floor(size * 0.5) : Math.floor(size * 0.45);
+};
+
+/**
+ * Avatar component that displays either an image or text avatar
+ * Falls back to displaying initials (1-2 letters) derived from the name if no image is provided
+ * Supports flexible sizing via the size prop (default: 40px)
+ * 
+ * @example
+ * <Avatar name="John Doe" size={100} theme="light" />
+ * <Avatar uri="https://example.com/avatar.jpg" size={50} />
+ */
+const Avatar = ({
+  uri,
+  text,
+  name,
+  size = 40,
+  theme = 'light',
+  backgroundColor,
+  textColor = '#FFFFFF',
+  style,
+  imageStyle,
+  textStyle,
+  isLoading = false
+}) => {
+  const colors = useThemeColors(theme);
+  const displayText = useMemo(() => text || (name ? getInitials(name) : ''), [text, name]);
+
+  // Generate a color from the name for letter avatars (only when no backgroundColor is provided and no uri)
+  const generatedBgColor = useMemo(() => {
+    if (backgroundColor) return backgroundColor;
+    if (uri) return colors.primary; // Use primary for image avatars as fallback
+    // Generate color from name for letter avatars
+    const nameForColor = name || text || 'User';
+    return generateColorFromString(nameForColor);
+  }, [backgroundColor, uri, name, text, colors.primary]);
+
+  // Memoize computed values to avoid recalculation on every render
+  const bgColor = useMemo(() => generatedBgColor, [generatedBgColor]);
+  const fontSize = useMemo(() => calculateFontSize(size), [size]);
+  const containerStyle = useMemo(() => ({
+    width: size,
+    height: size,
+    borderRadius: size / 2
+  }), [size]);
+  const textStyleComputed = useMemo(() => [styles.text, {
+    fontSize,
+    fontFamily: fontFamilies.phuduBold,
+    color: textColor,
+    textAlign: 'center',
+    lineHeight: size,
+    // Match line height to size for perfect vertical centering
+    ...(Platform.OS === 'android' && {
+      includeFontPadding: false
+    }) // Remove extra padding for better centering (Android only)
+  }, textStyle], [fontSize, textColor, textStyle, size]);
+
+  // Early return for loading state
+  if (isLoading) {
+    return /*#__PURE__*/_jsx(View, {
+      style: [styles.container, containerStyle, {
+        backgroundColor: colors.inputBackground
+      }, style],
+      children: /*#__PURE__*/_jsx(ActivityIndicator, {
+        color: colors.primary,
+        size: size > 50 ? 'large' : 'small'
+      })
+    });
+  }
+
+  // Image avatar
+  if (uri) {
+    return /*#__PURE__*/_jsx(View, {
+      style: [styles.container, containerStyle, {
+        backgroundColor: bgColor
+      }, style],
+      children: /*#__PURE__*/_jsx(Image, {
+        source: {
+          uri
+        },
+        style: [styles.image, containerStyle, imageStyle],
+        resizeMode: "cover"
+      })
+    });
+  }
+
+  // Text avatar with initials
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.container, containerStyle, {
+      backgroundColor: bgColor
+    }, style],
+    children: /*#__PURE__*/_jsx(Text, {
+      style: textStyleComputed,
+      children: displayText
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    overflow: 'hidden',
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  image: {
+    width: '100%',
+    height: '100%'
+  },
+  text: {
+    fontWeight: Platform.OS === 'web' ? 'bold' : undefined
+  }
+});
+
+// Memoize component to prevent unnecessary re-renders when props haven't changed
+export default /*#__PURE__*/memo(Avatar);
+//# sourceMappingURL=Avatar.js.map

package/lib/module/ui/components/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useMemo","View","Text","Image","StyleSheet","ActivityIndicator","Platform","useThemeColors","fontFamilies","jsx","_jsx","getInitials","nameStr","trim","trimmed","parts","split","filter","part","length","firstPart","startsWith","substring","toUpperCase","charAt","generateColorFromString","str","hash","i","charCodeAt","hue","Math","abs","calculateFontSize","size","floor","Avatar","uri","text","name","theme","backgroundColor","textColor","style","imageStyle","textStyle","isLoading","colors","displayText","generatedBgColor","primary","nameForColor","bgColor","fontSize","containerStyle","width","height","borderRadius","textStyleComputed","styles","fontFamily","phuduBold","color","textAlign","lineHeight","OS","includeFontPadding","container","inputBackground","children","source","image","resizeMode","create","overflow","justifyContent","alignItems","fontWeight","undefined"],"sourceRoot":"../../../../src","sources":["ui/components/Avatar.tsx"],"mappings":"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","ignoreList":[]}