@beppla/tapas-ui 1.5.14 → 1.5.15

package/package/commonjs/Pagination/Pagination.js

@@ -0,0 +1,300 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _TapasIcon = _interopRequireDefault(require("../Icons/TapasIcon"));
+var _Dropdown = _interopRequireDefault(require("../Dropdown/Dropdown"));
+var _themed = require("@rneui/themed");
+var _common = require("../common");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const useStyles = (0, _themed.makeStyles)(theme => {
+  return {
+    container: {
+      display: 'flex',
+      flexDirection: 'row',
+      justifyContent: 'flex-end',
+      alignItems: 'center',
+      height: 48,
+      paddingHorizontal: 24,
+      paddingVertical: 8,
+      backgroundColor: theme.colors.background
+    },
+    digitIconDisabled: {
+      fontSize: 20,
+      color: theme.colors.colorTextPlaceholder
+    },
+    digitIconActive: {
+      fontSize: 20,
+      color: theme.colors.colorTextSecondary
+    },
+    digitsContainer: {
+      flexDirection: 'row',
+      justifyContent: 'center',
+      alignItems: 'center',
+      paddingLeft: 12,
+      height: 32
+    },
+    digitContainer: {
+      height: 32,
+      width: 32,
+      marginHorizontal: 8,
+      alignItems: 'center',
+      display: 'flex',
+      justifyContent: 'center'
+    },
+    digitSelected: {
+      borderRadius: theme.radius.full,
+      backgroundColor: theme.colors.grey3
+    },
+    digitText: {
+      fontFamily: theme.fonts.fontFamily,
+      fontSize: theme.fonts.sizeM,
+      fontWeight: theme.fonts.weightR,
+      color: theme.colors.colorTextSecondary
+    },
+    pageNumberButton: {},
+    dropdownButtonStyle: {
+      borderRadius: 0,
+      borderWidth: 0,
+      backgroundColor: theme.colors.background
+    },
+    dropdownButtonSelectedStyle: {
+      backgroundColor: theme.colors.background
+    },
+    textExpandedStyle: {
+      color: theme.colors.colorTextPrimary
+    },
+    gap: {
+      marginHorizontal: 8,
+      height: 24,
+      color: theme.colors.greyOutline,
+      alignItems: 'center',
+      display: 'flex'
+    }
+  };
+});
+const generateArrayFromNumber = (start, end) => {
+  return Array.from({
+    length: end - start + 1
+  }, (_, i) => start + i);
+};
+const DEFAULT_PAGE_SIZE_OPTIONS = [{
+  name: '1/Page',
+  value: 1
+}, {
+  name: '5/Page',
+  value: 5
+}, {
+  name: '10/Page',
+  value: 10
+}, {
+  name: '20/Page',
+  value: 20
+}, {
+  name: '50/Page',
+  value: 50
+}, {
+  name: '100/Page',
+  value: 100
+}];
+const PAGINATION_STEP = 5;
+const DEFAULT_PAGE_PARAMS = {
+  page: 1,
+  pageSize: 10,
+  totalItems: 0,
+  totalPage: 1
+};
+const Pagination = props => {
+  const styles = useStyles(props);
+  const {
+    totalCount,
+    pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,
+    visiblePageSizeOptions = !_common.isMobile,
+    visibleTotalCount = !_common.isMobile,
+    onPageSizeChange,
+    onPageChange,
+    backgroundColor,
+    pageSizePosition = 'auto',
+    pageSizeDropdownWidth
+  } = props;
+
+  // 自动计算下拉框宽度
+  const calculateDropdownWidth = () => {
+    if (pageSizeDropdownWidth) return pageSizeDropdownWidth;
+
+    // 根据最长选项计算宽度
+    const maxTextLength = Math.max(...pageSizeOptions.map(opt => opt.name?.length || 0));
+    // 每个字符约 8px + 左padding 16px + 右padding(含图标) 32px
+    return Math.max(140, Math.min(maxTextLength * 8 + 48, 200));
+  };
+  const dropdownWidth = calculateDropdownWidth();
+  const [isVisible, setIsVisible] = _react.default.useState(false);
+  const [pageGroup, setPageGroup] = _react.default.useState({
+    totalGroups: 1,
+    currentGroup: 1
+  });
+  const [pageParams, setPageParams] = _react.default.useState(props.pageParams || DEFAULT_PAGE_PARAMS);
+  const [selected, selectedItem] = _react.default.useState(pageSizeOptions.find(item => item.value === pageParams.pageSize));
+  (0, _react.useEffect)(() => {
+    if (pageParams.page < pageParams.totalPage && pageParams.page < pageGroup.currentGroup * PAGINATION_STEP) {
+      const totalPages = Math.ceil(pageParams.totalItems / pageParams.pageSize);
+      const currentGroup = Math.floor(pageParams.page / PAGINATION_STEP) + 1;
+      setPageGroup({
+        currentGroup: currentGroup,
+        totalGroups: Math.ceil(totalPages / PAGINATION_STEP)
+      });
+    }
+  }, [pageParams]);
+  (0, _react.useEffect)(() => {
+    if (props.pageParams) {
+      setPageParams(props.pageParams);
+      selectedItem(pageSizeOptions.find(item => item.value === pageParams.pageSize));
+    }
+  }, [props.pageParams]);
+  const handelDigitPress = digit => {
+    const newPageParams = {
+      ...pageParams,
+      page: digit
+    };
+    setPageParams(newPageParams);
+    onPageChange && onPageChange(newPageParams);
+  };
+  const renderDigits = numbers => {
+    return numbers.map((digit, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      style: [styles.digitContainer, index + ((pageGroup.currentGroup - 1) * PAGINATION_STEP + 1) === pageParams.page && styles.digitSelected],
+      onPress: () => {
+        handelDigitPress(digit);
+      },
+      accessibilityRole: "button",
+      accessibilityLabel: `Page ${digit}`,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.digitText,
+        children: digit
+      })
+    }, index));
+  };
+  const hasNextPage = () => {
+    const {
+      currentGroup,
+      totalGroups
+    } = pageGroup;
+    return currentGroup < totalGroups;
+  };
+  const hasPreviousPage = () => {
+    const {
+      currentGroup
+    } = pageGroup;
+    return currentGroup > 1;
+  };
+  const handleChangeGroup = type => {
+    const {
+      currentGroup,
+      totalGroups
+    } = pageGroup;
+    let newGroup = currentGroup;
+    switch (type) {
+      case 'next':
+        if (currentGroup < totalGroups) {
+          newGroup = currentGroup + 1;
+        }
+        break;
+      case 'previous':
+        if (currentGroup > 1) {
+          newGroup = currentGroup - 1;
+        }
+        break;
+    }
+    setPageGroup({
+      ...pageGroup,
+      currentGroup: newGroup
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.container, backgroundColor && {
+      backgroundColor
+    }, props.paginationContainerStyle],
+    testID: "pagination",
+    children: [visibleTotalCount && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.digitText,
+      children: totalCount
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.digitsContainer,
+      children: [hasPreviousPage() ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        onPress: () => {
+          handleChangeGroup('previous');
+        },
+        accessibilityRole: "button",
+        accessibilityLabel: "Previous page",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TapasIcon.default, {
+          name: "chevron_left",
+          style: styles.digitIconActive
+        })
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_TapasIcon.default, {
+        name: "chevron_left",
+        style: styles.digitIconDisabled
+      }), renderDigits(generateArrayFromNumber((pageGroup.currentGroup - 1) * PAGINATION_STEP + 1, pageParams.totalPage > pageGroup.currentGroup * PAGINATION_STEP ? pageGroup.currentGroup * PAGINATION_STEP : pageParams.totalPage)), hasNextPage() ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        onPress: () => {
+          handleChangeGroup('next');
+        },
+        accessibilityRole: "button",
+        accessibilityLabel: "Next page",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TapasIcon.default, {
+          name: "chevron_right",
+          style: styles.digitIconActive
+        })
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_TapasIcon.default, {
+        name: "chevron_right",
+        style: styles.digitIconDisabled
+      })]
+    }), visiblePageSizeOptions && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.gap,
+        children: " | "
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.default, {
+        options: pageSizeOptions,
+        value: selected,
+        width: 100,
+        subWidth: dropdownWidth,
+        dropdownButtonStyle: {
+          ...styles.dropdownButtonStyle,
+          ...(backgroundColor && {
+            backgroundColor
+          })
+        },
+        dropdownButtonSelectedStyle: {
+          ...styles.dropdownButtonSelectedStyle,
+          ...(backgroundColor && {
+            backgroundColor
+          })
+        }
+        // @ts-expect-error textExpandedStyle is a valid Dropdown prop not in TS def
+        ,
+        textExpandedStyle: styles.textExpandedStyle
+        // @ts-expect-error iconExpandedStyle is a valid Dropdown prop not in TS def
+        ,
+        iconExpandedStyle: styles.textExpandedStyle,
+        dropdownBackgroundColor: backgroundColor || undefined,
+        onChange: item => {
+          selectedItem(item);
+          onPageSizeChange && onPageSizeChange(item);
+        },
+        subContainerPosition: pageSizePosition,
+        isVisible: isVisible,
+        onClose: () => {
+          setIsVisible(!isVisible);
+        },
+        onPress: () => {
+          setIsVisible(!isVisible);
+        }
+      })]
+    })]
+  });
+};
+var _default = exports.default = /*#__PURE__*/_react.default.memo(Pagination);
+//# sourceMappingURL=Pagination.js.map

package/package/commonjs/Pagination/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_TapasIcon","_interopRequireDefault","_Dropdown","_themed","_common","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","makeStyles","theme","container","display","flexDirection","justifyContent","alignItems","height","paddingHorizontal","paddingVertical","backgroundColor","colors","background","digitIconDisabled","fontSize","color","colorTextPlaceholder","digitIconActive","colorTextSecondary","digitsContainer","paddingLeft","digitContainer","width","marginHorizontal","digitSelected","borderRadius","radius","full","grey3","digitText","fontFamily","fonts","sizeM","fontWeight","weightR","pageNumberButton","dropdownButtonStyle","borderWidth","dropdownButtonSelectedStyle","textExpandedStyle","colorTextPrimary","gap","greyOutline","generateArrayFromNumber","start","end","Array","from","length","_","DEFAULT_PAGE_SIZE_OPTIONS","name","value","PAGINATION_STEP","DEFAULT_PAGE_PARAMS","page","pageSize","totalItems","totalPage","Pagination","props","styles","totalCount","pageSizeOptions","visiblePageSizeOptions","isMobile","visibleTotalCount","onPageSizeChange","onPageChange","pageSizePosition","pageSizeDropdownWidth","calculateDropdownWidth","maxTextLength","Math","max","map","opt","min","dropdownWidth","isVisible","setIsVisible","React","useState","pageGroup","setPageGroup","totalGroups","currentGroup","pageParams","setPageParams","selected","selectedItem","find","item","useEffect","totalPages","ceil","floor","handelDigitPress","digit","newPageParams","renderDigits","numbers","index","jsx","TouchableOpacity","style","onPress","accessibilityRole","accessibilityLabel","children","Text","hasNextPage","hasPreviousPage","handleChangeGroup","type","newGroup","jsxs","View","paginationContainerStyle","testID","Fragment","options","subWidth","iconExpandedStyle","dropdownBackgroundColor","undefined","onChange","subContainerPosition","onClose","_default","exports","memo"],"sourceRoot":"../../../components","sources":["Pagination/Pagination.tsx"],"mappings":"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","ignoreList":[]}

package/package/commonjs/Popover/Popover.js

@@ -0,0 +1,164 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _themed = require("@rneui/themed");
+var _TapasIcon = _interopRequireDefault(require("../Icons/TapasIcon"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const useStyles = (0, _themed.makeStyles)(theme => ({
+  container: {
+    position: 'absolute',
+    backgroundColor: theme.colors.white,
+    borderRadius: theme.radius.rounded,
+    shadowColor: theme.colors.grey4,
+    shadowOffset: {
+      width: 0,
+      height: 12
+    },
+    shadowOpacity: 0.58,
+    shadowRadius: 24,
+    elevation: 8,
+    zIndex: 9999
+  },
+  arrow: {
+    position: 'absolute',
+    color: theme.colors.white,
+    width: 12,
+    height: 27
+  },
+  arrowTop: {
+    top: -6,
+    shadowColor: theme.colors.grey4,
+    shadowOffset: {
+      width: 0,
+      height: -2
+    },
+    shadowOpacity: 0.3,
+    shadowRadius: 4,
+    elevation: 2
+  },
+  arrowBottom: {
+    bottom: -6,
+    shadowColor: theme.colors.grey4,
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.3,
+    shadowRadius: 4,
+    elevation: 2
+  },
+  arrowLeft: {
+    left: -6,
+    shadowColor: theme.colors.grey4,
+    shadowOffset: {
+      width: -2,
+      height: 0
+    },
+    shadowOpacity: 0.3,
+    shadowRadius: 4,
+    elevation: 2
+  },
+  arrowRight: {
+    right: -6,
+    shadowColor: theme.colors.grey4,
+    shadowOffset: {
+      width: 2,
+      height: 0
+    },
+    shadowOpacity: 0.3,
+    shadowRadius: 4,
+    elevation: 2
+  },
+  content: {
+    flex: 1,
+    borderRadius: theme.radius.rounded,
+    overflow: 'hidden'
+  }
+}));
+const Popover = ({
+  isVisible,
+  children,
+  position = 'bottom',
+  arrowPosition = 'center',
+  width = 392,
+  height = 696,
+  containerStyle,
+  contentStyle,
+  ...props
+}) => {
+  const styles = useStyles(props);
+  if (!isVisible) return null;
+  const getArrowStyle = () => {
+    let arrowPositionStyle = {};
+    switch (position) {
+      case 'top':
+        arrowPositionStyle = styles.arrowTop;
+        break;
+      case 'bottom':
+        arrowPositionStyle = styles.arrowBottom;
+        break;
+      case 'left':
+        arrowPositionStyle = styles.arrowLeft;
+        break;
+      case 'right':
+        arrowPositionStyle = styles.arrowRight;
+        break;
+    }
+
+    // 根据箭头位置调整left/top值
+    const positionStyle = {};
+    if (position === 'top' || position === 'bottom') {
+      switch (arrowPosition) {
+        case 'start':
+          positionStyle.left = 20;
+          break;
+        case 'center':
+          positionStyle.left = width / 2 - 6;
+          break;
+        case 'end':
+          positionStyle.right = 20;
+          break;
+      }
+    } else {
+      switch (arrowPosition) {
+        case 'start':
+          positionStyle.top = 20;
+          break;
+        case 'center':
+          positionStyle.top = height / 2 - 6;
+          break;
+        case 'end':
+          positionStyle.bottom = 20;
+          break;
+      }
+    }
+    return {
+      ...styles.arrow,
+      ...arrowPositionStyle,
+      ...positionStyle
+    };
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.container, {
+      width,
+      height
+    }, containerStyle],
+    testID: "popover",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TapasIcon.default, {
+      name: "left_arrow",
+      size: 17,
+      style: getArrowStyle()
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.content, contentStyle],
+      children: children
+    })]
+  });
+};
+var _default = exports.default = (0, _themed.withTheme)(Popover);
+//# sourceMappingURL=Popover.js.map

package/package/commonjs/Popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_themed","_TapasIcon","_jsxRuntime","e","__esModule","default","useStyles","makeStyles","theme","container","position","backgroundColor","colors","white","borderRadius","radius","rounded","shadowColor","grey4","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","zIndex","arrow","color","arrowTop","top","arrowBottom","bottom","arrowLeft","left","arrowRight","right","content","flex","overflow","Popover","isVisible","children","arrowPosition","containerStyle","contentStyle","props","styles","getArrowStyle","arrowPositionStyle","positionStyle","jsxs","View","style","testID","jsx","name","size","_default","exports","withTheme"],"sourceRoot":"../../../components","sources":["Popover/Popover.tsx"],"mappings":"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","ignoreList":[]}

package/package/commonjs/ReasonModal/ReasonModal.js

@@ -0,0 +1,190 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.TapasReasonModal = exports.ReasonModal = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _themed = require("@rneui/themed");
+var _Button = _interopRequireDefault(require("../Button/Button"));
+var _RadioButton = _interopRequireDefault(require("../RadioButton/RadioButton"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const TapasReasonModal = ({
+  visible = false,
+  title = "Select Reason",
+  subtitle,
+  options = [],
+  selectedReason,
+  confirmText = "Confirm",
+  cancelText = "Cancel",
+  width = 480,
+  disableConfirmWhenEmpty = true,
+  onClose,
+  onConfirm,
+  onSelectionChange,
+  onRequestClose,
+  style,
+  ...otherProps
+}) => {
+  const styles = useStyles();
+  const [localSelectedReason, setLocalSelectedReason] = (0, _react.useState)("");
+
+  // 同步外部选中状态
+  (0, _react.useEffect)(() => {
+    setLocalSelectedReason(selectedReason || "");
+  }, [selectedReason]);
+
+  // 重置选择当模态框显示/隐藏时
+  (0, _react.useEffect)(() => {
+    if (visible) {
+      setLocalSelectedReason(selectedReason || "");
+    } else {
+      setLocalSelectedReason("");
+    }
+  }, [visible, selectedReason]);
+
+  // 处理选择改变
+  const handleSelectionChange = (0, _react.useCallback)(option => {
+    setLocalSelectedReason(option.key);
+    onSelectionChange?.(option);
+  }, [onSelectionChange]);
+
+  // 处理关闭
+  const handleClose = (0, _react.useCallback)(() => {
+    setLocalSelectedReason("");
+    onClose?.();
+  }, [onClose]);
+
+  // 处理确认
+  const handleConfirm = (0, _react.useCallback)(() => {
+    const selectedOption = options.find(option => option.key === localSelectedReason);
+    if (selectedOption) {
+      onConfirm?.(selectedOption);
+    }
+  }, [localSelectedReason, options, onConfirm]);
+
+  // 处理模态框请求关闭
+  const handleRequestClose = (0, _react.useCallback)(() => {
+    if (onRequestClose) {
+      onRequestClose();
+    } else {
+      handleClose();
+    }
+  }, [onRequestClose, handleClose]);
+
+  // 计算是否应该禁用确认按钮
+  const isConfirmDisabled = (0, _react.useMemo)(() => {
+    return disableConfirmWhenEmpty && !localSelectedReason;
+  }, [disableConfirmWhenEmpty, localSelectedReason]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+    animationType: "fade",
+    transparent: true,
+    visible: visible,
+    onRequestClose: handleRequestClose,
+    ...otherProps,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.modalContainer, style],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.modalContent, {
+          width
+        }],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.titleContainer,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.title,
+            children: title
+          }), subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.subtitle,
+            children: subtitle
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.optionsContainer,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadioButton.default, {
+            options: options,
+            selected: localSelectedReason,
+            onPress: handleSelectionChange
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.buttonsContainer,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+            title: cancelText,
+            type: "clear",
+            onPress: handleClose,
+            style: styles.cancelButton
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+            title: confirmText,
+            type: "solid",
+            disabled: isConfirmDisabled,
+            onPress: handleConfirm,
+            style: styles.confirmButton
+          })]
+        })]
+      })
+    })
+  });
+};
+exports.TapasReasonModal = TapasReasonModal;
+const useStyles = (0, _themed.makeStyles)(theme => ({
+  modalContainer: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: "rgba(0, 0, 0, 0.6)",
+    zIndex: 10
+  },
+  modalContent: {
+    borderRadius: theme?.radius?.rounded || 12,
+    backgroundColor: theme?.colors?.white || '#ffffff',
+    boxShadow: "0px 12px 40px 0px rgba(0, 0, 0, 0.14), 0px 24px 56px 0px rgba(0, 0, 0, 0.10)",
+    display: "flex",
+    flexDirection: "column",
+    maxHeight: "80%",
+    minWidth: 320,
+    maxWidth: "90%"
+  },
+  titleContainer: {
+    padding: theme?.spacing?.tpRg || 16,
+    paddingBottom: theme?.spacing?.tpXs || 8,
+    borderBottomWidth: 1,
+    borderBottomColor: theme?.colors?.grey4 || '#e0e0e0'
+  },
+  title: {
+    fontSize: 18,
+    fontWeight: theme?.fonts?.weightL || "600",
+    color: theme?.colors?.primary || '#007AFF',
+    lineHeight: 24
+  },
+  subtitle: {
+    marginTop: theme?.spacing?.tp2xs || 4,
+    fontSize: 14,
+    color: theme?.colors?.colorTextSecondary || theme?.colors?.grey1 || '#666666',
+    lineHeight: 20
+  },
+  optionsContainer: {
+    flex: 1,
+    padding: theme?.spacing?.tpRg || 16,
+    minHeight: 100,
+    maxHeight: 400
+  },
+  buttonsContainer: {
+    flexDirection: "row",
+    justifyContent: "flex-end",
+    padding: theme?.spacing?.tpRg || 16,
+    paddingTop: theme?.spacing?.tpXs || 8,
+    borderTopWidth: 1,
+    borderTopColor: theme?.colors?.grey4 || '#e0e0e0',
+    gap: 12
+  },
+  cancelButton: {
+    minWidth: 80
+  },
+  confirmButton: {
+    minWidth: 80
+  }
+}));
+var _default = exports.default = (0, _themed.withTheme)(TapasReasonModal); // Export aliases for compatibility
+const ReasonModal = exports.ReasonModal = (0, _themed.withTheme)(TapasReasonModal);
+//# sourceMappingURL=ReasonModal.js.map