@oxyhq/services 5.16.23 → 5.16.24

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

@@ -0,0 +1,226 @@
+"use strict";
+
+import { useEffect, useCallback } from 'react';
+import { TouchableOpacity, Text, Platform, ActivityIndicator } from 'react-native';
+import Animated, { useSharedValue, useAnimatedStyle, withSpring, interpolateColor, Easing, withTiming } from 'react-native-reanimated';
+import { useOxy } from '../context/OxyContext';
+import { fontFamilies } from '../styles/fonts';
+import { toast } from '../../lib/sonner';
+import { useFollow } from '../hooks/useFollow';
+import { useThemeColors } from '../styles/theme';
+
+// Create animated TouchableOpacity
+import { jsx as _jsx } from "react/jsx-runtime";
+const AnimatedTouchableOpacity = Animated.createAnimatedComponent(TouchableOpacity);
+const AnimatedText = Animated.createAnimatedComponent(Text);
+const FollowButton = ({
+  userId,
+  initiallyFollowing = false,
+  size = 'medium',
+  onFollowChange,
+  style,
+  textStyle,
+  disabled = false,
+  showLoadingState = true,
+  preventParentActions = true,
+  theme = 'light'
+}) => {
+  const {
+    oxyServices,
+    isAuthenticated,
+    user: currentUser
+  } = useOxy();
+  const colors = useThemeColors(theme);
+
+  // Safety check: Don't render follow button on own profile
+  // This provides a fallback in case parent components don't handle this check
+  // Normalize IDs by trimming whitespace and comparing as strings
+  const normalizeId = id => {
+    if (!id) return '';
+    return String(id).trim();
+  };
+  const currentUserId = normalizeId(currentUser?.id);
+  const targetUserId = normalizeId(userId);
+
+  // Don't render if:
+  // 1. Not authenticated (can't follow anyway)
+  // 2. Viewing own profile (currentUser.id matches userId)
+  if (!isAuthenticated || currentUserId && targetUserId && currentUserId === targetUserId) {
+    return null;
+  }
+  const {
+    isFollowing,
+    isLoading,
+    error,
+    toggleFollow,
+    setFollowStatus,
+    fetchStatus,
+    clearError
+  } = useFollow(userId);
+
+  // Animation values
+  const animationProgress = useSharedValue(isFollowing ? 1 : 0);
+  const scale = useSharedValue(1);
+
+  // Button press handler with animation
+  const handlePress = useCallback(async event => {
+    if (preventParentActions && event && event.preventDefault) {
+      event.preventDefault();
+      event.stopPropagation?.();
+    }
+    if (disabled || isLoading) return;
+
+    // Press animation
+    scale.value = withTiming(0.95, {
+      duration: 100
+    }, finished => {
+      if (finished) {
+        scale.value = withSpring(1, {
+          damping: 15,
+          stiffness: 200
+        });
+      }
+    });
+    try {
+      await toggleFollow?.();
+      if (onFollowChange) onFollowChange(!isFollowing);
+    } catch (err) {
+      const error = err instanceof Error ? err : new Error(String(err));
+      toast.error(error.message || 'Failed to update follow status');
+    }
+  }, [disabled, isLoading, toggleFollow, onFollowChange, isFollowing, preventParentActions, scale]);
+
+  // Initialize Zustand state with initial value if not already set
+  useEffect(() => {
+    if (userId && !isFollowing && initiallyFollowing) {
+      setFollowStatus?.(initiallyFollowing);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [userId, initiallyFollowing]);
+
+  // Fetch latest follow status from backend on mount if authenticated
+  useEffect(() => {
+    if (userId && isAuthenticated) {
+      fetchStatus?.();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [userId, oxyServices, isAuthenticated]);
+
+  // Animate button on follow/unfollow
+  useEffect(() => {
+    animationProgress.value = withTiming(isFollowing ? 1 : 0, {
+      duration: 300,
+      easing: Easing.inOut(Easing.ease)
+    });
+  }, [isFollowing]);
+
+  // Animated styles for better performance
+  const animatedButtonStyle = useAnimatedStyle(() => {
+    return {
+      transform: [{
+        scale: scale.value
+      }],
+      backgroundColor: interpolateColor(animationProgress.value, [0, 1], [colors.background, colors.primary]),
+      borderColor: interpolateColor(animationProgress.value, [0, 1], [colors.border, colors.primary])
+    };
+  }, [colors]);
+  const animatedTextStyle = useAnimatedStyle(() => {
+    return {
+      color: interpolateColor(animationProgress.value, [0, 1], [colors.text, '#FFFFFF'])
+    };
+  }, [colors]);
+
+  // Get base button style (without state-specific colors since they're animated)
+  const getBaseButtonStyle = () => {
+    const baseStyle = {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      borderWidth: 1,
+      ...Platform.select({
+        web: {
+          boxShadow: '0 2px 4px rgba(0,0,0,0.1)'
+        },
+        default: {
+          shadowColor: '#000',
+          shadowOffset: {
+            width: 0,
+            height: 2
+          },
+          shadowOpacity: 0.1,
+          shadowRadius: 4,
+          elevation: 2
+        }
+      })
+    };
+
+    // Size-specific styles
+    let sizeStyle = {};
+    if (size === 'small') {
+      sizeStyle = {
+        paddingVertical: 6,
+        paddingHorizontal: 12,
+        minWidth: 70,
+        borderRadius: 35
+      };
+    } else if (size === 'large') {
+      sizeStyle = {
+        paddingVertical: 12,
+        paddingHorizontal: 24,
+        minWidth: 120,
+        borderRadius: 35
+      };
+    } else {
+      // medium
+      sizeStyle = {
+        paddingVertical: 8,
+        paddingHorizontal: 16,
+        minWidth: 90,
+        borderRadius: 35
+      };
+    }
+    return [baseStyle, sizeStyle, style];
+  };
+
+  // Get base text style (without state-specific colors since they're animated)
+  const getBaseTextStyle = () => {
+    const baseTextStyle = {
+      fontFamily: fontFamilies.phuduSemiBold,
+      fontWeight: '600'
+    };
+
+    // Size-specific text styles
+    let sizeTextStyle = {};
+    if (size === 'small') {
+      sizeTextStyle = {
+        fontSize: 13
+      };
+    } else if (size === 'large') {
+      sizeTextStyle = {
+        fontSize: 16
+      };
+    } else {
+      // medium
+      sizeTextStyle = {
+        fontSize: 15
+      };
+    }
+    return [baseTextStyle, sizeTextStyle, textStyle];
+  };
+  return /*#__PURE__*/_jsx(AnimatedTouchableOpacity, {
+    style: [getBaseButtonStyle(), animatedButtonStyle],
+    onPress: handlePress,
+    disabled: disabled || isLoading,
+    activeOpacity: 0.8,
+    children: showLoadingState && isLoading ? /*#__PURE__*/_jsx(ActivityIndicator, {
+      size: size === 'small' ? 'small' : 'small',
+      color: isFollowing ? '#FFFFFF' : colors.primary
+    }) : /*#__PURE__*/_jsx(AnimatedText, {
+      style: [getBaseTextStyle(), animatedTextStyle],
+      children: isFollowing ? 'Following' : 'Follow'
+    })
+  });
+};
+export { FollowButton };
+export default FollowButton;
+//# sourceMappingURL=FollowButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useCallback","TouchableOpacity","Text","Platform","ActivityIndicator","Animated","useSharedValue","useAnimatedStyle","withSpring","interpolateColor","Easing","withTiming","useOxy","fontFamilies","toast","useFollow","useThemeColors","jsx","_jsx","AnimatedTouchableOpacity","createAnimatedComponent","AnimatedText","FollowButton","userId","initiallyFollowing","size","onFollowChange","style","textStyle","disabled","showLoadingState","preventParentActions","theme","oxyServices","isAuthenticated","user","currentUser","colors","normalizeId","id","String","trim","currentUserId","targetUserId","isFollowing","isLoading","error","toggleFollow","setFollowStatus","fetchStatus","clearError","animationProgress","scale","handlePress","event","preventDefault","stopPropagation","value","duration","finished","damping","stiffness","err","Error","message","easing","inOut","ease","animatedButtonStyle","transform","backgroundColor","background","primary","borderColor","border","animatedTextStyle","color","text","getBaseButtonStyle","baseStyle","flexDirection","alignItems","justifyContent","borderWidth","select","web","boxShadow","default","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","sizeStyle","paddingVertical","paddingHorizontal","minWidth","borderRadius","getBaseTextStyle","baseTextStyle","fontFamily","phuduSemiBold","fontWeight","sizeTextStyle","fontSize","onPress","activeOpacity","children"],"sourceRoot":"../../../../src","sources":["ui/components/FollowButton.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,157 @@
+"use strict";
+
+import { useState, useEffect } from 'react';
+import { Platform } from 'react-native';
+import * as Font from 'expo-font';
+
+/**
+ * Get the Phudu font sources for both native and web environments 
+ * This is specifically designed to work when distributed as an npm package
+ */
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+const getPhuduFonts = () => {
+  try {
+    // For both development and when used as a package
+    // Load all static font weights
+    return {
+      'Phudu-Light': require('../../assets/fonts/Phudu/Phudu-Light.ttf'),
+      'Phudu-Regular': require('../../assets/fonts/Phudu/Phudu-Regular.ttf'),
+      'Phudu-Medium': require('../../assets/fonts/Phudu/Phudu-Medium.ttf'),
+      'Phudu-SemiBold': require('../../assets/fonts/Phudu/Phudu-SemiBold.ttf'),
+      'Phudu-Bold': require('../../assets/fonts/Phudu/Phudu-Bold.ttf'),
+      'Phudu-ExtraBold': require('../../assets/fonts/Phudu/Phudu-ExtraBold.ttf'),
+      'Phudu-Black': require('../../assets/fonts/Phudu/Phudu-Black.ttf')
+    };
+  } catch (error) {
+    if (__DEV__) {
+      console.warn('Failed to load Phudu fonts:', error);
+    }
+    return null;
+  }
+};
+
+/**
+ * FontLoader component that loads custom fonts in the background while rendering children immediately
+ * This works in both the package development and when consumed as an npm package
+ * Children render immediately with system fonts as fallback until custom fonts are loaded
+ */
+export const FontLoader = ({
+  children
+}) => {
+  const [fontState, setFontState] = useState('loading');
+  useEffect(() => {
+    const loadFonts = async () => {
+      try {
+        // Get all the font weights
+        const phuduFonts = getPhuduFonts();
+        if (!phuduFonts) {
+          throw new Error('Phudu font files not found');
+        }
+
+        // Load all the static Phudu fonts with their respective weights
+        await Font.loadAsync(phuduFonts);
+        setFontState('loaded');
+      } catch (error) {
+        if (__DEV__) {
+          console.error('Error loading fonts:', error);
+        }
+        setFontState('error');
+      }
+    };
+    loadFonts();
+  }, []);
+
+  // Always render children immediately - fonts will load in background
+  // If fonts aren't loaded yet, the app will use system fonts as fallback
+  if (fontState === 'error' && __DEV__) {
+    console.warn('Fonts failed to load. Using system fonts instead.');
+  }
+
+  // Render children immediately, even while fonts are loading
+  // Fonts will apply when they're ready, otherwise system fonts are used
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: children
+  });
+};
+
+/**
+ * Setup fonts for applications consuming this package
+ * This should be called by applications using your package
+ */
+export const setupFonts = async () => {
+  try {
+    const phuduFonts = getPhuduFonts();
+    if (!phuduFonts) {
+      throw new Error('Phudu font files not found');
+    }
+    if (Platform.OS === 'web') {
+      // For web platform, dynamically inject CSS to load the fonts
+      if (typeof document !== 'undefined') {
+        // Create a style element
+        const style = document.createElement('style');
+
+        // Define @font-face rules for each font weight
+        const fontFaceRules = `
+                    @font-face {
+                        font-family: 'Phudu';
+                        src: url(${phuduFonts['Phudu-Light']}) format('truetype');
+                        font-weight: 300;
+                        font-style: normal;
+                    }
+                    @font-face {
+                        font-family: 'Phudu';
+                        src: url(${phuduFonts['Phudu-Regular']}) format('truetype');
+                        font-weight: 400;
+                        font-style: normal;
+                    }
+                    @font-face {
+                        font-family: 'Phudu';
+                        src: url(${phuduFonts['Phudu-Medium']}) format('truetype');
+                        font-weight: 500;
+                        font-style: normal;
+                    }
+                    @font-face {
+                        font-family: 'Phudu';
+                        src: url(${phuduFonts['Phudu-SemiBold']}) format('truetype');
+                        font-weight: 600;
+                        font-style: normal;
+                    }
+                    @font-face {
+                        font-family: 'Phudu';
+                        src: url(${phuduFonts['Phudu-Bold']}) format('truetype');
+                        font-weight: 700;
+                        font-style: normal;
+                    }
+                    @font-face {
+                        font-family: 'Phudu';
+                        src: url(${phuduFonts['Phudu-ExtraBold']}) format('truetype');
+                        font-weight: 800;
+                        font-style: normal;
+                    }
+                    @font-face {
+                        font-family: 'Phudu';
+                        src: url(${phuduFonts['Phudu-Black']}) format('truetype');
+                        font-weight: 900;
+                        font-style: normal;
+                    }
+                `;
+        style.textContent = fontFaceRules;
+        document.head.appendChild(style);
+        if (__DEV__) {
+          console.info('All Phudu web fonts have been dynamically loaded');
+        }
+      }
+    } else {
+      // Attempt to load the fonts anyway (this works if the consumer has linked the assets)
+      await Font.loadAsync(phuduFonts);
+    }
+    return true;
+  } catch (error) {
+    if (__DEV__) {
+      const errorMessage = error instanceof Error ? error.message : String(error);
+      console.warn('Error setting up fonts:', errorMessage);
+    }
+    return false;
+  }
+};
+//# sourceMappingURL=FontLoader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useState","useEffect","Platform","Font","Fragment","_Fragment","jsx","_jsx","getPhuduFonts","require","error","__DEV__","console","warn","FontLoader","children","fontState","setFontState","loadFonts","phuduFonts","Error","loadAsync","setupFonts","OS","document","style","createElement","fontFaceRules","textContent","head","appendChild","info","errorMessage","message","String"],"sourceRoot":"../../../../src","sources":["ui/components/FontLoader.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,135 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
+import { Ionicons } from '@expo/vector-icons';
+// @ts-ignore - MaterialCommunityIcons is available at runtime
+import { MaterialCommunityIcons } from '@expo/vector-icons';
+import { useColorScheme } from '../hooks/use-color-scheme';
+import { useHapticPress } from '../hooks/use-haptic-press';
+import { darkenColor } from '../utils/colorUtils';
+import { normalizeColorScheme } from '../utils/themeUtils';
+import { Colors } from '../constants/theme';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const GroupedItemComponent = ({
+  icon,
+  iconColor,
+  title,
+  subtitle,
+  onPress,
+  isFirst = false,
+  isLast = false,
+  showChevron = false,
+  disabled = false,
+  customContent,
+  customIcon
+}) => {
+  const hookColorScheme = useColorScheme();
+  const colorScheme = normalizeColorScheme(hookColorScheme);
+  // GroupedItem is a leaf component without a theme prop, so it should directly use Colors
+  // instead of useThemeStyles which expects a theme prop from screen components
+  const colors = Colors[colorScheme];
+  // Use fallback color when iconColor is not provided
+  const finalIconColor = iconColor || colors.iconSecurity;
+  const itemStyles = useMemo(() => [styles.groupedItem, isFirst && styles.firstGroupedItem, isLast && styles.lastGroupedItem, {
+    backgroundColor: colors.card
+  }], [colors.card, isFirst, isLast]);
+  const content = /*#__PURE__*/_jsxs(View, {
+    style: styles.groupedItemContent,
+    children: [customIcon ? /*#__PURE__*/_jsx(View, {
+      style: styles.actionIcon,
+      children: customIcon
+    }) : icon ? /*#__PURE__*/_jsx(View, {
+      style: [styles.iconContainer, {
+        backgroundColor: finalIconColor
+      }],
+      children: /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+        name: icon,
+        size: 22,
+        color: darkenColor(finalIconColor)
+      })
+    }) : null, /*#__PURE__*/_jsxs(View, {
+      style: styles.actionTextContainer,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: [styles.actionButtonText, {
+          color: colors.text
+        }],
+        children: title
+      }), subtitle && /*#__PURE__*/_jsx(Text, {
+        style: [styles.actionButtonSubtext, {
+          color: colors.secondaryText
+        }],
+        children: subtitle
+      })]
+    }), customContent, showChevron && /*#__PURE__*/_jsx(Ionicons, {
+      name: "chevron-forward",
+      size: 20,
+      color: colors.icon
+    })]
+  });
+  const handlePressIn = useHapticPress();
+  if (onPress && !disabled) {
+    return /*#__PURE__*/_jsx(TouchableOpacity, {
+      style: itemStyles,
+      onPressIn: disabled ? undefined : handlePressIn,
+      onPress: onPress,
+      activeOpacity: 0.7,
+      children: content
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    style: itemStyles,
+    children: content
+  });
+};
+GroupedItemComponent.displayName = 'GroupedItem';
+export const GroupedItem = /*#__PURE__*/memo(GroupedItemComponent);
+const styles = StyleSheet.create({
+  groupedItem: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    overflow: 'hidden',
+    width: '100%'
+  },
+  firstGroupedItem: {
+    borderTopLeftRadius: 18,
+    borderTopRightRadius: 18
+  },
+  lastGroupedItem: {
+    borderBottomLeftRadius: 18,
+    borderBottomRightRadius: 18
+  },
+  groupedItemContent: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingVertical: 8,
+    paddingHorizontal: 10,
+    width: '100%',
+    gap: 10
+  },
+  actionIcon: {
+    // marginRight handled by gap
+  },
+  iconContainer: {
+    width: 36,
+    height: 36,
+    borderRadius: 18,
+    alignItems: 'center',
+    justifyContent: 'center'
+    // marginRight handled by gap
+  },
+  actionTextContainer: {
+    flex: 1
+  },
+  actionButtonText: {
+    fontSize: 14,
+    fontWeight: '400'
+  },
+  actionButtonSubtext: {
+    fontSize: 12,
+    marginTop: 2
+  }
+});
+export default GroupedItem;
+//# sourceMappingURL=GroupedItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","Text","TouchableOpacity","StyleSheet","Ionicons","MaterialCommunityIcons","useColorScheme","useHapticPress","darkenColor","normalizeColorScheme","Colors","jsx","_jsx","jsxs","_jsxs","GroupedItemComponent","icon","iconColor","title","subtitle","onPress","isFirst","isLast","showChevron","disabled","customContent","customIcon","hookColorScheme","colorScheme","colors","finalIconColor","iconSecurity","itemStyles","styles","groupedItem","firstGroupedItem","lastGroupedItem","backgroundColor","card","content","style","groupedItemContent","children","actionIcon","iconContainer","name","size","color","actionTextContainer","actionButtonText","text","actionButtonSubtext","secondaryText","handlePressIn","onPressIn","undefined","activeOpacity","displayName","GroupedItem","create","flexDirection","alignItems","justifyContent","overflow","width","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","paddingVertical","paddingHorizontal","gap","height","borderRadius","flex","fontSize","fontWeight","marginTop"],"sourceRoot":"../../../../src","sources":["ui/components/GroupedItem.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,37 @@
+"use strict";
+
+import React, { memo } from 'react';
+import { View } from 'react-native';
+import { GroupedItem } from './GroupedItem';
+import { jsx as _jsx } from "react/jsx-runtime";
+const GroupedSectionComponent = ({
+  items
+}) => {
+  return /*#__PURE__*/_jsx(View, {
+    style: {
+      width: '100%'
+    },
+    children: items.map((item, index) => /*#__PURE__*/_jsx(View, {
+      style: {
+        marginBottom: index < items.length - 1 ? 4 : 0
+      },
+      children: /*#__PURE__*/_jsx(GroupedItem, {
+        icon: item.icon,
+        iconColor: item.iconColor,
+        title: item.title,
+        subtitle: item.subtitle,
+        onPress: item.onPress,
+        isFirst: index === 0,
+        isLast: index === items.length - 1,
+        showChevron: item.showChevron,
+        disabled: item.disabled,
+        customContent: item.customContent,
+        customIcon: item.customIcon
+      })
+    }, `${item.id}-${index}`))
+  });
+};
+GroupedSectionComponent.displayName = 'GroupedSection';
+export const GroupedSection = /*#__PURE__*/memo(GroupedSectionComponent);
+export default GroupedSection;
+//# sourceMappingURL=GroupedSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","View","GroupedItem","jsx","_jsx","GroupedSectionComponent","items","style","width","children","map","item","index","marginBottom","length","icon","iconColor","title","subtitle","onPress","isFirst","isLast","showChevron","disabled","customContent","customIcon","id","displayName","GroupedSection"],"sourceRoot":"../../../../src","sources":["ui/components/GroupedSection.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,WAAW,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAuB5C,MAAMC,uBAAuB,GAAGA,CAAC;EAAEC;AAA2B,CAAC,KAAK;EAChE,oBACIF,IAAA,CAACH,IAAI;IAACM,KAAK,EAAE;MAAEC,KAAK,EAAE;IAAO,CAAE;IAAAC,QAAA,EAC1BH,KAAK,CAACI,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBACnBR,IAAA,CAACH,IAAI;MAA6BM,KAAK,EAAE;QAAEM,YAAY,EAAED,KAAK,GAAGN,KAAK,CAACQ,MAAM,GAAG,CAAC,GAAG,CAAC,GAAG;MAAE,CAAE;MAAAL,QAAA,eACxFL,IAAA,CAACF,WAAW;QACRa,IAAI,EAAEJ,IAAI,CAACI,IAAK;QAChBC,SAAS,EAAEL,IAAI,CAACK,SAAU;QAC1BC,KAAK,EAAEN,IAAI,CAACM,KAAM;QAClBC,QAAQ,EAAEP,IAAI,CAACO,QAAS;QACxBC,OAAO,EAAER,IAAI,CAACQ,OAAQ;QACtBC,OAAO,EAAER,KAAK,KAAK,CAAE;QACrBS,MAAM,EAAET,KAAK,KAAKN,KAAK,CAACQ,MAAM,GAAG,CAAE;QACnCQ,WAAW,EAAEX,IAAI,CAACW,WAAY;QAC9BC,QAAQ,EAAEZ,IAAI,CAACY,QAAS;QACxBC,aAAa,EAAEb,IAAI,CAACa,aAAc;QAClCC,UAAU,EAAEd,IAAI,CAACc;MAAW,CAC/B;IAAC,GAbK,GAAGd,IAAI,CAACe,EAAE,IAAId,KAAK,EAcxB,CACT;EAAC,CACA,CAAC;AAEf,CAAC;AAEDP,uBAAuB,CAACsB,WAAW,GAAG,gBAAgB;AAEtD,OAAO,MAAMC,cAAc,gBAAG5B,IAAI,CAACK,uBAAuB,CAAC;AAE3D,eAAeuB,cAAc","ignoreList":[]}