"use strict";

import React, { useCallback, useMemo } from 'react';
import { ModalContainerFullScreen, Viewider, Label, LabelData, BorderedContainer, CenterContainer } from '../styledModalComponents';
import ModalHeaderComponent from '../ModalHeaderComponent';
import Button from '../../styled/Button';
import { useDispatch } from 'react-redux';
import { setActiveModal } from '../../../roomStore/chatSettingsSlice';
import { MODAL_TYPES } from '../../../helpers/constants/MODAL_TYPES';
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
const UserSettingsModal = ({
  handleCloseModal
}) => {
  const options = useMemo(() => [{
    value: 'Manage Data',
    key: MODAL_TYPES.MANAGE_DATA
  }, {
    value: 'Visiblility',
    key: MODAL_TYPES.VISIBILITY
  }
  // { value: 'Profile Shares', key: MODAL_TYPES.PROFILE_SHARES },
  // { value: 'Document Shares', key: MODAL_TYPES.DOCUMENT_SHARES },
  // { value: 'Blocked Users', key: MODAL_TYPES.BLOCKED_USERS },
  // { value: 'Referrals', key: MODAL_TYPES.REFERRALS },
  ], []);
  const dispatch = useDispatch();
  const handleClick = useCallback(key => {
    dispatch(setActiveModal(key));
  }, []);
  return /*#__PURE__*/_jsxs(ModalContainerFullScreen, {
    children: [/*#__PURE__*/_jsx(ModalHeaderComponent, {
      handleCloseModal: handleCloseModal,
      headerTitle: 'Settings'
    }), /*#__PURE__*/_jsx(CenterContainer, {
      children: /*#__PURE__*/_jsx(BorderedContainer, {
        style: {
          padding: 16,
          display: 'flex',
          flexDirection: 'column',
          gap: 8
        },
        children: options.map((option, index) => /*#__PURE__*/_jsxs(_Fragment, {
          children: [/*#__PURE__*/_jsxs(Button, {
            variant: "default",
            style: {
              minHeight: 40,
              display: 'flex',
              flexDirection: 'column',
              gap: 2,
              width: '100%',
              justifyContent: 'center',
              borderRadius: 0,
              alignItems: 'flex-start'
            },
            onPress: () => handleClick(option.key),
            children: [/*#__PURE__*/_jsx(Label, {
              style: {
                textAlign: 'center'
              },
              children: option.value
            }), [2, 3, 4].includes(index) && /*#__PURE__*/_jsx(LabelData, {
              children: "0"
            })]
          }), index < 5 && /*#__PURE__*/_jsx(Viewider, {})]
        }))
      })
    })]
  });
};
export default UserSettingsModal;
//# sourceMappingURL=UserSettingsModal.js.map