@oxyhq/services 5.7.5 → 5.8.2

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

@@ -1,12 +1,13 @@
 "use strict";
 
 import React, { useEffect, useCallback } from 'react';
-import { TouchableOpacity, Text, StyleSheet, ActivityIndicator } from 'react-native';
+import { TouchableOpacity, Text, StyleSheet, Platform, ActivityIndicator } from 'react-native';
 import { useSharedValue, 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';
 import { jsx as _jsx } from "react/jsx-runtime";
 const FollowButton = ({
   userId,
@@ -17,12 +18,14 @@ const FollowButton = ({
   textStyle,
   disabled = false,
   showLoadingState = true,
-  preventParentActions = true
+  preventParentActions = true,
+  theme = 'light'
 }) => {
   const {
     oxyServices,
     isAuthenticated
   } = useOxy();
+  const colors = useThemeColors(theme);
   const {
     isFollowing,
     isLoading,
@@ -76,18 +79,102 @@ const FollowButton = ({
     }
   }, [disabled, isLoading, toggleFollow, onFollowChange, isFollowing, preventParentActions]);
 
-  // Button styles
+  // Get button style based on size and follow state
   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 baseStyle = {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      borderWidth: 1,
+      ...Platform.select({
+        web: {
+          boxShadow: '0 2px 4px rgba(0,0,0,0.1)'
+        },
+        default: {
+          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
+      };
+    }
+
+    // State-specific colors
+    let stateStyle = {};
+    if (isFollowing) {
+      stateStyle = {
+        backgroundColor: colors.primary,
+        borderColor: colors.primary,
+        shadowColor: colors.primary
+      };
+    } else {
+      stateStyle = {
+        backgroundColor: 'transparent',
+        borderColor: colors.border,
+        shadowColor: colors.border
+      };
+    }
+    return [baseStyle, sizeStyle, stateStyle, style];
   };
+
+  // Get text style based on size and follow state
   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 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
+      };
+    }
+
+    // State-specific text color
+    const textColor = isFollowing ? '#FFFFFF' : colors.text;
+    return [baseTextStyle, sizeTextStyle, {
+      color: textColor
+    }, textStyle];
   };
   return /*#__PURE__*/_jsx(TouchableOpacity, {
     style: getButtonStyle(),
@@ -95,8 +182,8 @@ const FollowButton = ({
     disabled: disabled || isLoading,
     activeOpacity: 0.8,
     children: showLoadingState && isLoading ? /*#__PURE__*/_jsx(ActivityIndicator, {
-      size: size === 'small' ? 'small' : 'large',
-      color: isFollowing ? '#fff' : '#007AFF'
+      size: size === 'small' ? 'small' : 'small',
+      color: isFollowing ? '#FFFFFF' : colors.primary
     }) : /*#__PURE__*/_jsx(Text, {
       style: getTextStyle(),
       children: isFollowing ? 'Following' : 'Follow'
@@ -104,6 +191,7 @@ const FollowButton = ({
   });
 };
 const styles = StyleSheet.create({
+  // Legacy styles kept for backward compatibility but not used in new implementation
   buttonSmall: {
     paddingVertical: 4,
     paddingHorizontal: 12,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useCallback","TouchableOpacity","Text","StyleSheet","ActivityIndicator","useSharedValue","Easing","withTiming","useOxy","fontFamilies","toast","useFollow","jsx","_jsx","FollowButton","userId","initiallyFollowing","size","onFollowChange","style","textStyle","disabled","showLoadingState","preventParentActions","oxyServices","isAuthenticated","isFollowing","isLoading","error","toggleFollow","setFollowStatus","fetchStatus","clearError","animationProgress","scale","value","duration","easing","inOut","ease","handlePress","event","preventDefault","stopPropagation","err","message","getButtonStyle","baseStyle","styles","buttonMedium","buttonSmall","buttonLarge","following","notFollowing","getTextStyle","textMedium","textSmall","textLarge","textFollowing","textNotFollowing","onPress","activeOpacity","children","color","create","paddingVertical","paddingHorizontal","borderRadius","minWidth","alignItems","justifyContent","backgroundColor","borderWidth","borderColor","fontSize","fontFamily","phuduMedium"],"sourceRoot":"../../../../src","sources":["ui/components/FollowButton.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useCallback","TouchableOpacity","Text","StyleSheet","Platform","ActivityIndicator","useSharedValue","Easing","withTiming","useOxy","fontFamilies","toast","useFollow","useThemeColors","jsx","_jsx","FollowButton","userId","initiallyFollowing","size","onFollowChange","style","textStyle","disabled","showLoadingState","preventParentActions","theme","oxyServices","isAuthenticated","colors","isFollowing","isLoading","error","toggleFollow","setFollowStatus","fetchStatus","clearError","animationProgress","scale","value","duration","easing","inOut","ease","handlePress","event","preventDefault","stopPropagation","err","message","getButtonStyle","baseStyle","flexDirection","alignItems","justifyContent","borderWidth","select","web","boxShadow","default","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","sizeStyle","paddingVertical","paddingHorizontal","minWidth","borderRadius","stateStyle","backgroundColor","primary","borderColor","shadowColor","border","getTextStyle","baseTextStyle","fontFamily","phuduSemiBold","fontWeight","sizeTextStyle","fontSize","textColor","text","color","onPress","activeOpacity","children","styles","create","buttonSmall","buttonMedium","buttonLarge","following","notFollowing","textSmall","phuduMedium","textMedium","textLarge","textFollowing","textNotFollowing"],"sourceRoot":"../../../../src","sources":["ui/components/FollowButton.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1,12 +1,14 @@
 "use strict";
 
 import React from 'react';
-import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
+import { View, Text, TouchableOpacity, StyleSheet, Image } from 'react-native';
 import { Ionicons } from '@expo/vector-icons';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const GroupedItem = ({
   icon,
   iconColor = '#007AFF',
+  image,
+  imageSize = 20,
   title,
   subtitle,
   theme,
@@ -15,23 +17,43 @@ const GroupedItem = ({
   isLast = false,
   showChevron = true,
   disabled = false,
-  customContent
+  selected = false,
+  customContent,
+  customIcon,
+  multiRow = false,
+  customContentBelow
 }) => {
   const isDarkTheme = theme === 'dark';
   const textColor = isDarkTheme ? '#FFFFFF' : '#000000';
   const secondaryBackgroundColor = isDarkTheme ? '#222222' : '#FFFFFF';
+  const selectedBackgroundColor = selected ? `${iconColor}15` : secondaryBackgroundColor;
   const itemStyles = [styles.groupedItem, isFirst && styles.firstGroupedItem, isLast && styles.lastGroupedItem, {
-    backgroundColor: secondaryBackgroundColor
+    backgroundColor: selected ? selectedBackgroundColor : secondaryBackgroundColor
   }];
   const content = /*#__PURE__*/_jsxs(View, {
-    style: styles.groupedItemContent,
-    children: [icon && /*#__PURE__*/_jsx(Ionicons, {
-      name: icon,
-      size: 20,
-      color: iconColor,
-      style: styles.actionIcon
-    }), /*#__PURE__*/_jsxs(View, {
-      style: styles.actionTextContainer,
+    style: [styles.groupedItemContent, multiRow && styles.groupedItemContentMultiRow],
+    children: [customIcon ? /*#__PURE__*/_jsx(View, {
+      style: styles.actionIcon,
+      children: customIcon
+    }) : image ? /*#__PURE__*/_jsx(Image, {
+      source: {
+        uri: image
+      },
+      style: [styles.actionImage, {
+        width: imageSize,
+        height: imageSize
+      }]
+    }) : icon ? /*#__PURE__*/_jsx(View, {
+      style: [styles.iconContainer, {
+        backgroundColor: `${iconColor}20`
+      }],
+      children: /*#__PURE__*/_jsx(Ionicons, {
+        name: icon,
+        size: 20,
+        color: iconColor
+      })
+    }) : null, /*#__PURE__*/_jsxs(View, {
+      style: [styles.actionTextContainer, multiRow && styles.actionTextContainerMultiRow],
       children: [/*#__PURE__*/_jsx(Text, {
         style: [styles.actionButtonText, {
           color: textColor
@@ -42,12 +64,16 @@ const GroupedItem = ({
           color: isDarkTheme ? '#BBBBBB' : '#666666'
         }],
         children: subtitle
-      })]
-    }), customContent, showChevron && /*#__PURE__*/_jsx(Ionicons, {
+      }), customContentBelow]
+    }), customContent, selected ? /*#__PURE__*/_jsx(Ionicons, {
+      name: "checkmark-circle",
+      size: 20,
+      color: iconColor || '#007AFF'
+    }) : showChevron ? /*#__PURE__*/_jsx(Ionicons, {
       name: "chevron-forward",
       size: 16,
       color: isDarkTheme ? '#666666' : '#999999'
-    })]
+    }) : null]
   });
   if (onPress && !disabled) {
     return /*#__PURE__*/_jsx(TouchableOpacity, {
@@ -87,6 +113,18 @@ const styles = StyleSheet.create({
   actionIcon: {
     marginRight: 12
   },
+  iconContainer: {
+    width: 38,
+    height: 38,
+    borderRadius: 19,
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginRight: 12
+  },
+  actionImage: {
+    marginRight: 12,
+    borderRadius: 16
+  },
   actionTextContainer: {
     flex: 1
   },
@@ -98,6 +136,13 @@ const styles = StyleSheet.create({
   actionButtonSubtext: {
     fontSize: 13,
     lineHeight: 18
+  },
+  groupedItemContentMultiRow: {
+    alignItems: 'flex-start',
+    paddingVertical: 12
+  },
+  actionTextContainerMultiRow: {
+    alignItems: 'flex-start'
   }
 });
 export default GroupedItem;

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","TouchableOpacity","StyleSheet","Ionicons","jsx","_jsx","jsxs","_jsxs","GroupedItem","icon","iconColor","title","subtitle","theme","onPress","isFirst","isLast","showChevron","disabled","customContent","isDarkTheme","textColor","secondaryBackgroundColor","itemStyles","styles","groupedItem","firstGroupedItem","lastGroupedItem","backgroundColor","content","style","groupedItemContent","children","name","size","color","actionIcon","actionTextContainer","actionButtonText","actionButtonSubtext","create","flexDirection","alignItems","justifyContent","marginBottom","overflow","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","padding","width","marginRight","flex","fontSize","fontWeight","lineHeight"],"sourceRoot":"../../../../src","sources":["ui/components/GroupedItem.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Text","TouchableOpacity","StyleSheet","Image","Ionicons","jsx","_jsx","jsxs","_jsxs","GroupedItem","icon","iconColor","image","imageSize","title","subtitle","theme","onPress","isFirst","isLast","showChevron","disabled","selected","customContent","customIcon","multiRow","customContentBelow","isDarkTheme","textColor","secondaryBackgroundColor","selectedBackgroundColor","itemStyles","styles","groupedItem","firstGroupedItem","lastGroupedItem","backgroundColor","content","style","groupedItemContent","groupedItemContentMultiRow","children","actionIcon","source","uri","actionImage","width","height","iconContainer","name","size","color","actionTextContainer","actionTextContainerMultiRow","actionButtonText","actionButtonSubtext","create","flexDirection","alignItems","justifyContent","marginBottom","overflow","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","padding","marginRight","borderRadius","flex","fontSize","fontWeight","lineHeight","paddingVertical"],"sourceRoot":"../../../../src","sources":["ui/components/GroupedItem.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,UAAU,EAAEC,KAAK,QAAQ,cAAc;AAC9E,SAASC,QAAQ,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAsB9C,MAAMC,WAAuC,GAAGA,CAAC;EAC7CC,IAAI;EACJC,SAAS,GAAG,SAAS;EACrBC,KAAK;EACLC,SAAS,GAAG,EAAE;EACdC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLC,OAAO;EACPC,OAAO,GAAG,KAAK;EACfC,MAAM,GAAG,KAAK;EACdC,WAAW,GAAG,IAAI;EAClBC,QAAQ,GAAG,KAAK;EAChBC,QAAQ,GAAG,KAAK;EAChBC,aAAa;EACbC,UAAU;EACVC,QAAQ,GAAG,KAAK;EAChBC;AACJ,CAAC,KAAK;EACF,MAAMC,WAAW,GAAGX,KAAK,KAAK,MAAM;EACpC,MAAMY,SAAS,GAAGD,WAAW,GAAG,SAAS,GAAG,SAAS;EACrD,MAAME,wBAAwB,GAAGF,WAAW,GAAG,SAAS,GAAG,SAAS;EACpE,MAAMG,uBAAuB,GAAGR,QAAQ,GAAG,GAAGX,SAAS,IAAI,GAAGkB,wBAAwB;EAEtF,MAAME,UAAU,GAAG,CACfC,MAAM,CAACC,WAAW,EAClBf,OAAO,IAAIc,MAAM,CAACE,gBAAgB,EAClCf,MAAM,IAAIa,MAAM,CAACG,eAAe,EAChC;IACIC,eAAe,EAAEd,QAAQ,GAAGQ,uBAAuB,GAAGD;EAC1D,CAAC,CACJ;EAED,MAAMQ,OAAO,gBACT7B,KAAA,CAACT,IAAI;IAACuC,KAAK,EAAE,CAACN,MAAM,CAACO,kBAAkB,EAAEd,QAAQ,IAAIO,MAAM,CAACQ,0BAA0B,CAAE;IAAAC,QAAA,GACnFjB,UAAU,gBACPlB,IAAA,CAACP,IAAI;MAACuC,KAAK,EAAEN,MAAM,CAACU,UAAW;MAAAD,QAAA,EAC1BjB;IAAU,CACT,CAAC,GACPZ,KAAK,gBACLN,IAAA,CAACH,KAAK;MACFwC,MAAM,EAAE;QAAEC,GAAG,EAAEhC;MAAM,CAAE;MACvB0B,KAAK,EAAE,CAACN,MAAM,CAACa,WAAW,EAAE;QAAEC,KAAK,EAAEjC,SAAS;QAAEkC,MAAM,EAAElC;MAAU,CAAC;IAAE,CACxE,CAAC,GACFH,IAAI,gBACJJ,IAAA,CAACP,IAAI;MAACuC,KAAK,EAAE,CAACN,MAAM,CAACgB,aAAa,EAAE;QAAEZ,eAAe,EAAE,GAAGzB,SAAS;MAAK,CAAC,CAAE;MAAA8B,QAAA,eACvEnC,IAAA,CAACF,QAAQ;QAAC6C,IAAI,EAAEvC,IAAY;QAACwC,IAAI,EAAE,EAAG;QAACC,KAAK,EAAExC;MAAU,CAAE;IAAC,CACzD,CAAC,GACP,IAAI,eACRH,KAAA,CAACT,IAAI;MAACuC,KAAK,EAAE,CAACN,MAAM,CAACoB,mBAAmB,EAAE3B,QAAQ,IAAIO,MAAM,CAACqB,2BAA2B,CAAE;MAAAZ,QAAA,gBACtFnC,IAAA,CAACN,IAAI;QAACsC,KAAK,EAAE,CAACN,MAAM,CAACsB,gBAAgB,EAAE;UAAEH,KAAK,EAAEvB;QAAU,CAAC,CAAE;QAAAa,QAAA,EAAE3B;MAAK,CAAO,CAAC,EAC3EC,QAAQ,iBACLT,IAAA,CAACN,IAAI;QAACsC,KAAK,EAAE,CAACN,MAAM,CAACuB,mBAAmB,EAAE;UAAEJ,KAAK,EAAExB,WAAW,GAAG,SAAS,GAAG;QAAU,CAAC,CAAE;QAAAc,QAAA,EACrF1B;MAAQ,CACP,CACT,EACAW,kBAAkB;IAAA,CACjB,CAAC,EACNH,aAAa,EACbD,QAAQ,gBACLhB,IAAA,CAACF,QAAQ;MAAC6C,IAAI,EAAC,kBAAkB;MAACC,IAAI,EAAE,EAAG;MAACC,KAAK,EAAExC,SAAS,IAAI;IAAU,CAAE,CAAC,GAC7ES,WAAW,gBACXd,IAAA,CAACF,QAAQ;MAAC6C,IAAI,EAAC,iBAAiB;MAACC,IAAI,EAAE,EAAG;MAACC,KAAK,EAAExB,WAAW,GAAG,SAAS,GAAG;IAAU,CAAE,CAAC,GACzF,IAAI;EAAA,CACN,CACT;EAED,IAAIV,OAAO,IAAI,CAACI,QAAQ,EAAE;IACtB,oBACIf,IAAA,CAACL,gBAAgB;MAACqC,KAAK,EAAEP,UAAW;MAACd,OAAO,EAAEA,OAAQ;MAAAwB,QAAA,EACjDJ;IAAO,CACM,CAAC;EAE3B;EAEA,oBACI/B,IAAA,CAACP,IAAI;IAACuC,KAAK,EAAEP,UAAW;IAAAU,QAAA,EACnBJ;EAAO,CACN,CAAC;AAEf,CAAC;AAED,MAAML,MAAM,GAAG9B,UAAU,CAACsD,MAAM,CAAC;EAC7BvB,WAAW,EAAE;IACTwB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,YAAY,EAAE,CAAC;IACfC,QAAQ,EAAE;EACd,CAAC;EACD3B,gBAAgB,EAAE;IACd4B,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE;EAC1B,CAAC;EACD5B,eAAe,EAAE;IACb6B,sBAAsB,EAAE,EAAE;IAC1BC,uBAAuB,EAAE,EAAE;IAC3BL,YAAY,EAAE;EAClB,CAAC;EACDrB,kBAAkB,EAAE;IAChBkB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBQ,OAAO,EAAE,EAAE;IACXpB,KAAK,EAAE;EACX,CAAC;EACDJ,UAAU,EAAE;IACRyB,WAAW,EAAE;EACjB,CAAC;EACDnB,aAAa,EAAE;IACXF,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVqB,YAAY,EAAE,EAAE;IAChBV,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBQ,WAAW,EAAE;EACjB,CAAC;EACDtB,WAAW,EAAE;IACTsB,WAAW,EAAE,EAAE;IACfC,YAAY,EAAE;EAClB,CAAC;EACDhB,mBAAmB,EAAE;IACjBiB,IAAI,EAAE;EACV,CAAC;EACDf,gBAAgB,EAAE;IACdgB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBX,YAAY,EAAE;EAClB,CAAC;EACDL,mBAAmB,EAAE;IACjBe,QAAQ,EAAE,EAAE;IACZE,UAAU,EAAE;EAChB,CAAC;EACDhC,0BAA0B,EAAE;IACxBkB,UAAU,EAAE,YAAY;IACxBe,eAAe,EAAE;EACrB,CAAC;EACDpB,2BAA2B,EAAE;IACzBK,UAAU,EAAE;EAChB;AACJ,CAAC,CAAC;AAEF,eAAejD,WAAW","ignoreList":[]}

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

@@ -12,6 +12,8 @@ const GroupedSection = ({
     children: items.map((item, index) => /*#__PURE__*/_jsx(GroupedItem, {
       icon: item.icon,
       iconColor: item.iconColor,
+      image: item.image,
+      imageSize: item.imageSize,
       title: item.title,
       subtitle: item.subtitle,
       theme: theme,
@@ -20,7 +22,11 @@ const GroupedSection = ({
       isLast: index === items.length - 1,
       showChevron: item.showChevron,
       disabled: item.disabled,
-      customContent: item.customContent
+      selected: item.selected,
+      customContent: item.customContent,
+      customIcon: item.customIcon,
+      multiRow: item.multiRow,
+      customContentBelow: item.customContentBelow
     }, item.id))
   });
 };

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","GroupedItem","jsx","_jsx","GroupedSection","items","theme","children","map","item","index","icon","iconColor","title","subtitle","onPress","isFirst","isLast","length","showChevron","disabled","customContent","id"],"sourceRoot":"../../../../src","sources":["ui/components/GroupedSection.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,WAAW,MAAM,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAmBxC,MAAMC,cAA6C,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAM,CAAC,KAAK;EACxE,oBACIH,IAAA,CAACH,IAAI;IAAAO,QAAA,EACAF,KAAK,CAACG,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBACnBP,IAAA,CAACF,WAAW;MAERU,IAAI,EAAEF,IAAI,CAACE,IAAK;MAChBC,SAAS,EAAEH,IAAI,CAACG,SAAU;MAC1BC,KAAK,EAAEJ,IAAI,CAACI,KAAM;MAClBC,QAAQ,EAAEL,IAAI,CAACK,QAAS;MACxBR,KAAK,EAAEA,KAAM;MACbS,OAAO,EAAEN,IAAI,CAACM,OAAQ;MACtBC,OAAO,EAAEN,KAAK,KAAK,CAAE;MACrBO,MAAM,EAAEP,KAAK,KAAKL,KAAK,CAACa,MAAM,GAAG,CAAE;MACnCC,WAAW,EAAEV,IAAI,CAACU,WAAY;MAC9BC,QAAQ,EAAEX,IAAI,CAACW,QAAS;MACxBC,aAAa,EAAEZ,IAAI,CAACY;IAAc,GAX7BZ,IAAI,CAACa,EAYb,CACJ;EAAC,CACA,CAAC;AAEf,CAAC;AAED,eAAelB,cAAc","ignoreList":[]}
+{"version":3,"names":["React","View","GroupedItem","jsx","_jsx","GroupedSection","items","theme","children","map","item","index","icon","iconColor","image","imageSize","title","subtitle","onPress","isFirst","isLast","length","showChevron","disabled","selected","customContent","customIcon","multiRow","customContentBelow","id"],"sourceRoot":"../../../../src","sources":["ui/components/GroupedSection.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,WAAW,MAAM,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAyBxC,MAAMC,cAA6C,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAM,CAAC,KAAK;EACxE,oBACIH,IAAA,CAACH,IAAI;IAAAO,QAAA,EACAF,KAAK,CAACG,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBACnBP,IAAA,CAACF,WAAW;MAERU,IAAI,EAAEF,IAAI,CAACE,IAAK;MAChBC,SAAS,EAAEH,IAAI,CAACG,SAAU;MAC1BC,KAAK,EAAEJ,IAAI,CAACI,KAAM;MAClBC,SAAS,EAAEL,IAAI,CAACK,SAAU;MAC1BC,KAAK,EAAEN,IAAI,CAACM,KAAM;MAClBC,QAAQ,EAAEP,IAAI,CAACO,QAAS;MACxBV,KAAK,EAAEA,KAAM;MACbW,OAAO,EAAER,IAAI,CAACQ,OAAQ;MACtBC,OAAO,EAAER,KAAK,KAAK,CAAE;MACrBS,MAAM,EAAET,KAAK,KAAKL,KAAK,CAACe,MAAM,GAAG,CAAE;MACnCC,WAAW,EAAEZ,IAAI,CAACY,WAAY;MAC9BC,QAAQ,EAAEb,IAAI,CAACa,QAAS;MACxBC,QAAQ,EAAEd,IAAI,CAACc,QAAS;MACxBC,aAAa,EAAEf,IAAI,CAACe,aAAc;MAClCC,UAAU,EAAEhB,IAAI,CAACgB,UAAW;MAC5BC,QAAQ,EAAEjB,IAAI,CAACiB,QAAS;MACxBC,kBAAkB,EAAElB,IAAI,CAACkB;IAAmB,GAjBvClB,IAAI,CAACmB,EAkBb,CACJ;EAAC,CACA,CAAC;AAEf,CAAC;AAED,eAAexB,cAAc","ignoreList":[]}