@oxyhq/services 5.4.3 → 5.4.4

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

@@ -0,0 +1,213 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _vectorIcons = require("@expo/vector-icons");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+        color: iconColor,
+        size: "small"
+      });
+    }
+
+    // Auto-detect icon placement based on button order and type
+    if (isSingleButton) {
+      // Single button: icon on right
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: getTextStyle(button, colors),
+          children: button.text
+        }), button.icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.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__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [button.icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+          name: button.icon,
+          size: 16,
+          color: iconColor
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: getTextStyle(button, colors),
+          children: button.text
+        })]
+      });
+    } else {
+      // Second button or forward/action button: text on left, icon on right
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: getTextStyle(button, colors),
+          children: button.text
+        }), button.icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+          name: button.icon,
+          size: 16,
+          color: iconColor
+        })]
+      });
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.container, {
+      gap
+    }],
+    children: buttons.map((button, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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 = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    marginTop: 16,
+    marginBottom: 8,
+    width: '100%'
+  }
+});
+var _default = exports.default = GroupedPillButtons;
+//# sourceMappingURL=GroupedPillButtons.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_vectorIcons","_jsxRuntime","e","__esModule","default","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","jsx","ActivityIndicator","size","jsxs","Fragment","children","Text","style","Ionicons","name","View","styles","container","map","TouchableOpacity","onPress","disabled","testID","StyleSheet","create","justifyContent","marginTop","marginBottom","_default","exports"],"sourceRoot":"../../../../../src","sources":["ui/components/internal/GroupedPillButtons.tsx"],"mappings":"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","ignoreList":[]}