@oxyhq/services 5.4.3 → 5.4.4

package/lib/module/ui/components/internal/GroupedPillButtons.js

@@ -0,0 +1,208 @@
+"use strict";
+
+import React from 'react';
+import { View, TouchableOpacity, Text, ActivityIndicator, StyleSheet } from 'react-native';
+import { Ionicons } from '@expo/vector-icons';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const GroupedPillButtons = ({
+  buttons,
+  colors,
+  gap = 8
+}) => {
+  const getButtonStyle = (button, index, totalButtons) => {
+    const baseStyle = {
+      flexDirection: 'row',
+      alignItems: 'center',
+      paddingVertical: 6,
+      paddingHorizontal: 12,
+      gap: 6,
+      minWidth: 70,
+      borderWidth: 1,
+      shadowOffset: {
+        width: 0,
+        height: 2
+      },
+      shadowOpacity: 0.1,
+      shadowRadius: 4,
+      elevation: 2
+    };
+
+    // Determine border radius based on position
+    let borderRadius = {
+      borderTopLeftRadius: 35,
+      borderBottomLeftRadius: 35,
+      borderTopRightRadius: 35,
+      borderBottomRightRadius: 35
+    };
+    if (totalButtons > 1) {
+      if (index === 0) {
+        // First button
+        borderRadius = {
+          borderTopLeftRadius: 35,
+          borderBottomLeftRadius: 35,
+          borderTopRightRadius: 12,
+          borderBottomRightRadius: 12
+        };
+      } else if (index === totalButtons - 1) {
+        // Last button
+        borderRadius = {
+          borderTopLeftRadius: 12,
+          borderBottomLeftRadius: 12,
+          borderTopRightRadius: 35,
+          borderBottomRightRadius: 35
+        };
+      } else {
+        // Middle button (if 3 buttons)
+        borderRadius = {
+          borderTopLeftRadius: 12,
+          borderBottomLeftRadius: 12,
+          borderTopRightRadius: 12,
+          borderBottomRightRadius: 12
+        };
+      }
+    }
+
+    // Determine colors based on variant
+    let backgroundColor = 'transparent';
+    let borderColor = colors.border;
+    let shadowColor = colors.border;
+    let textColor = colors.text;
+    switch (button.variant) {
+      case 'primary':
+        backgroundColor = colors.primary;
+        borderColor = colors.primary;
+        shadowColor = colors.primary;
+        textColor = '#FFFFFF';
+        break;
+      case 'secondary':
+        backgroundColor = colors.secondary || colors.primary;
+        borderColor = colors.secondary || colors.primary;
+        shadowColor = colors.secondary || colors.primary;
+        textColor = '#FFFFFF';
+        break;
+      case 'transparent':
+      default:
+        backgroundColor = 'transparent';
+        borderColor = colors.border;
+        shadowColor = colors.border;
+        textColor = colors.text;
+        break;
+    }
+    return {
+      ...baseStyle,
+      ...borderRadius,
+      backgroundColor,
+      borderColor,
+      shadowColor
+    };
+  };
+  const getTextStyle = (button, colors) => {
+    const baseTextStyle = {
+      fontSize: 15,
+      fontWeight: '600',
+      flex: 1
+    };
+    let textColor = colors.text;
+    switch (button.variant) {
+      case 'primary':
+      case 'secondary':
+        textColor = '#FFFFFF';
+        break;
+      case 'transparent':
+      default:
+        textColor = colors.text;
+        break;
+    }
+    return {
+      ...baseTextStyle,
+      color: textColor
+    };
+  };
+  const getIconColor = (button, colors) => {
+    switch (button.variant) {
+      case 'primary':
+      case 'secondary':
+        return '#FFFFFF';
+      case 'transparent':
+      default:
+        return colors.text;
+    }
+  };
+  const isBackButton = button => {
+    return button.text.toLowerCase().includes('back') || button.icon === 'arrow-back' || button.icon === 'chevron-back';
+  };
+  const renderButtonContent = (button, colors, index) => {
+    const iconColor = getIconColor(button, colors);
+    const isBack = isBackButton(button);
+    const isFirstButton = index === 0;
+    const isSingleButton = buttons.length === 1;
+    if (button.loading) {
+      return /*#__PURE__*/_jsx(ActivityIndicator, {
+        color: iconColor,
+        size: "small"
+      });
+    }
+
+    // Auto-detect icon placement based on button order and type
+    if (isSingleButton) {
+      // Single button: icon on right
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: getTextStyle(button, colors),
+          children: button.text
+        }), button.icon && /*#__PURE__*/_jsx(Ionicons, {
+          name: button.icon,
+          size: 16,
+          color: iconColor
+        })]
+      });
+    } else if (isFirstButton || isBack) {
+      // First button or back button: icon on left, text on right
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: [button.icon && /*#__PURE__*/_jsx(Ionicons, {
+          name: button.icon,
+          size: 16,
+          color: iconColor
+        }), /*#__PURE__*/_jsx(Text, {
+          style: getTextStyle(button, colors),
+          children: button.text
+        })]
+      });
+    } else {
+      // Second button or forward/action button: text on left, icon on right
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: getTextStyle(button, colors),
+          children: button.text
+        }), button.icon && /*#__PURE__*/_jsx(Ionicons, {
+          name: button.icon,
+          size: 16,
+          color: iconColor
+        })]
+      });
+    }
+  };
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.container, {
+      gap
+    }],
+    children: buttons.map((button, index) => /*#__PURE__*/_jsx(TouchableOpacity, {
+      style: getButtonStyle(button, index, buttons.length),
+      onPress: button.onPress,
+      disabled: button.disabled || button.loading,
+      testID: button.testID,
+      children: renderButtonContent(button, colors, index)
+    }, index))
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    marginTop: 16,
+    marginBottom: 8,
+    width: '100%'
+  }
+});
+export default GroupedPillButtons;
+//# sourceMappingURL=GroupedPillButtons.js.map

package/lib/module/ui/components/internal/GroupedPillButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","TouchableOpacity","Text","ActivityIndicator","StyleSheet","Ionicons","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","GroupedPillButtons","buttons","colors","gap","getButtonStyle","button","index","totalButtons","baseStyle","flexDirection","alignItems","paddingVertical","paddingHorizontal","minWidth","borderWidth","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","borderRadius","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","backgroundColor","borderColor","border","shadowColor","textColor","text","variant","primary","secondary","getTextStyle","baseTextStyle","fontSize","fontWeight","flex","color","getIconColor","isBackButton","toLowerCase","includes","icon","renderButtonContent","iconColor","isBack","isFirstButton","isSingleButton","length","loading","size","children","style","name","styles","container","map","onPress","disabled","testID","create","justifyContent","marginTop","marginBottom"],"sourceRoot":"../../../../../src","sources":["ui/components/internal/GroupedPillButtons.tsx"],"mappings":"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","ignoreList":[]}