{"ast":null,"code":"import{Portal,Menu,MenuButton,MenuList,MenuItem,MenuItemOption,MenuGroup,MenuOptionGroup,MenuIcon,MenuCommand,MenuDivider,Button,Checkbox,Td,Text,Tr,Flex,useColorModeValue,useDisclosure}from\"@chakra-ui/react\";import React from\"react\";import{MoreIcon,CheckCircleIcon,DeleteCircleIcon}from\"components/Icons/Icons.js\";import UserRequestAcceptPopUp from'components/PopUp/UserRequestAcceptPopUp';import UserRequestRejectPopUp from'components/PopUp/UserRequestRejectPopUp';import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";function RequestTableRow(props){var id=props.id,name=props.name,company=props.company,phone=props.phone;var textColor=useColorModeValue(\"text.700\",\"white\");var _useDisclosure=useDisclosure(),isAcceptOpen=_useDisclosure.isOpen,onAcceptOpen=_useDisclosure.onOpen,onAcceptClose=_useDisclosure.onClose;var _useDisclosure2=useDisclosure(),isRejectOpen=_useDisclosure2.isOpen,onRejectOpen=_useDisclosure2.onOpen,onRejectClose=_useDisclosure2.onClose;var cancelRef=React.useRef();var handleAccept=function handleAccept(){onAcceptOpen();};var handleReject=function handleReject(){onRejectOpen();};return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsxs(Tr,{children:[/*#__PURE__*/_jsx(Td,{w:\"25%\",children:/*#__PURE__*/_jsx(Text,{fontSize:\"md\",color:textColor,fontWeight:\"400\",minWidth:\"100%\",textAlign:\"center\",verticalAlign:\"middle\",children:name})}),/*#__PURE__*/_jsx(Td,{w:\"25%\",children:/*#__PURE__*/_jsx(Text,{fontSize:\"md\",color:textColor,fontWeight:\"400\",textAlign:\"center\",verticalAlign:\"middle\",children:company})}),/*#__PURE__*/_jsx(Td,{w:\"25%\",children:/*#__PURE__*/_jsx(Text,{fontSize:\"md\",color:textColor,fontWeight:\"400\",textAlign:\"center\",verticalAlign:\"middle\",children:phone})}),/*#__PURE__*/_jsx(Td,{textAlign:\"center\",verticalAlign:\"middle\",w:\"20%\",children:/*#__PURE__*/_jsxs(Menu,{placement:\"bottom-end\",gutter:8,flip:false,children:[/*#__PURE__*/_jsx(MenuButton,{as:Button,p:\"0px\",minW:\"auto\",bg:\"transparent\",_hover:{bg:\"transparent\"},_active:{bg:\"transparent\"},_focus:{boxShadow:\"none\"},children:/*#__PURE__*/_jsx(MoreIcon,{h:\"20px\",w:\"20px\",color:\"text.300\"})}),/*#__PURE__*/_jsx(Portal,{children:/*#__PURE__*/_jsxs(MenuList,{zIndex:\"popover\",borderWidth:\"0px\",borderRadius:\"10px\",boxShadow:\"lg\",color:\"text.700\",textColor:\"text.700\",children:[/*#__PURE__*/_jsxs(MenuItem,{display:\"flex\",alignItems:\"center\",gap:\"8px\",py:\"12px\",_hover:{bg:\"main.50\",color:\"main.900\",fontWeight:\"600\"},_focus:{bg:\"main.50\",color:\"main.900\",fontWeight:\"600\"},onClick:handleAccept,children:[/*#__PURE__*/_jsx(CheckCircleIcon,{boxSize:\"20px\"}),/*#__PURE__*/_jsx(Text,{children:\"\\uD68C\\uC6D0 \\uC218\\uB77D\"})]}),/*#__PURE__*/_jsxs(MenuItem,{display:\"flex\",alignItems:\"center\",gap:\"8px\",py:\"12px\",_hover:{bg:\"main.50\",color:\"main.900\",fontWeight:\"600\"},_focus:{bg:\"main.50\",color:\"main.900\",fontWeight:\"600\"},onClick:handleReject,children:[/*#__PURE__*/_jsx(DeleteCircleIcon,{boxSize:\"20px\"}),/*#__PURE__*/_jsx(Text,{children:\"\\uD68C\\uC6D0 \\uAC70\\uC808\"})]})]})})]})})]}),/*#__PURE__*/_jsx(UserRequestAcceptPopUp,{isOpen:isAcceptOpen,onClose:onAcceptClose,secondary:false,selectedUserName:name,selectedUserId:id,onApproved:props.onApproved}),/*#__PURE__*/_jsx(UserRequestRejectPopUp,{isOpen:isRejectOpen,onClose:onRejectClose,selectedUserName:name,selectedUserId:id,onApproved:props.onApproved})]});}export default RequestTableRow;","map":{"version":3,"names":["Portal","Menu","MenuButton","MenuList","MenuItem","MenuItemOption","MenuGroup","MenuOptionGroup","MenuIcon","MenuCommand","MenuDivider","Button","Checkbox","Td","Text","Tr","Flex","useColorModeValue","useDisclosure","React","MoreIcon","CheckCircleIcon","DeleteCircleIcon","UserRequestAcceptPopUp","UserRequestRejectPopUp","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","RequestTableRow","props","id","name","company","phone","textColor","_useDisclosure","isAcceptOpen","isOpen","onAcceptOpen","onOpen","onAcceptClose","onClose","_useDisclosure2","isRejectOpen","onRejectOpen","onRejectClose","cancelRef","useRef","handleAccept","handleReject","children","w","fontSize","color","fontWeight","minWidth","textAlign","verticalAlign","placement","gutter","flip","as","p","minW","bg","_hover","_active","_focus","boxShadow","h","zIndex","borderWidth","borderRadius","display","alignItems","gap","py","onClick","boxSize","secondary","selectedUserName","selectedUserId","onApproved"],"sources":["C:/ldt/LDT/Safemate_Management/src/pages/Admin/Main/tables/RequestTableRow.js"],"sourcesContent":["import {\n  Portal,\n  Menu,\n  MenuButton,\n  MenuList,\n  MenuItem,\n  MenuItemOption,\n  MenuGroup,\n  MenuOptionGroup,\n  MenuIcon,\n  MenuCommand,\n  MenuDivider,\n  Button,\n  Checkbox,\n  Td,\n  Text,\n  Tr,\n  Flex,\n  useColorModeValue,\n  useDisclosure,\n} from \"@chakra-ui/react\";\nimport React from \"react\";\n\nimport {\n  MoreIcon,\n  CheckCircleIcon,\n  DeleteCircleIcon\n} from \"components/Icons/Icons.js\";\n\nimport UserRequestAcceptPopUp from 'components/PopUp/UserRequestAcceptPopUp';\nimport UserRequestRejectPopUp from 'components/PopUp/UserRequestRejectPopUp';\n\nfunction RequestTableRow(props) {\n  const { id, name, company, phone } = props;\n  const textColor = useColorModeValue(\"text.700\", \"white\");\n\n  const {\n    isOpen: isAcceptOpen,\n    onOpen: onAcceptOpen,\n    onClose: onAcceptClose,\n  } = useDisclosure();\n\n  const {\n    isOpen: isRejectOpen,\n    onOpen: onRejectOpen,\n    onClose: onRejectClose,\n  } = useDisclosure();\n\n  const cancelRef = React.useRef();\n\n  const handleAccept = () => {\n    onAcceptOpen();\n  };\n\n  const handleReject = () => {\n    onRejectOpen();\n  };\n\n  return (\n    <>\n    <Tr>\n      {/* <Td textAlign={\"center\"} w=\"10%\">\n        <Checkbox\n        sx={{\n          \"& .chakra-checkbox__control\": {\n            borderRadius: \"4px\",\n          },\n          \"& .chakra-checkbox__control[data-checked]\": {\n            bg: \"main.900\",\n            borderColor: \"main.900\",\n          },\n          \"& .chakra-checkbox__control:hover\": {\n            bg: \"inherit\",\n            borderColor: \"inherit\",\n          },\n          \"& input:hover + .chakra-checkbox__control\": {\n            bg: \"inherit\",\n            borderColor: \"inherit\",\n          },\n          \"& input:checked:hover + .chakra-checkbox__control\": {\n            bg: \"main.900\",\n            borderColor: \"main.900\",\n          },\n          \"& .chakra-checkbox__control[data-focus], & .chakra-checkbox__control[data-focus-visible]\": {\n            boxShadow: \"none\",\n            outline: \"none\",\n          },\n        }}\n        />\n      </Td> */}\n      <Td w=\"25%\">\n        <Text\n          fontSize=\"md\"\n          color={textColor}\n          fontWeight=\"400\"\n          minWidth=\"100%\"\n          textAlign={\"center\"}\n          verticalAlign={\"middle\"}\n        >\n        {name}\n        </Text>\n      </Td>\n      <Td w=\"25%\">\n        <Text fontSize=\"md\" color={textColor} fontWeight=\"400\" textAlign={\"center\"} verticalAlign={\"middle\"}>\n          {company}\n        </Text>\n      </Td>\n      <Td w=\"25%\">\n        <Text fontSize=\"md\" color={textColor} fontWeight=\"400\" textAlign={\"center\"} verticalAlign={\"middle\"}>\n          {phone}\n        </Text>\n      </Td>\n      {/* <Td>\n        <Text fontSize=\"md\" color={textColor} fontWeight=\"400\" textAlign={\"center\"} verticalAlign={\"middle\"}>\n          {date}\n        </Text>\n      </Td> */}\n      <Td textAlign=\"center\" verticalAlign=\"middle\" w=\"20%\">\n        <Menu placement=\"bottom-end\" gutter={8} flip={false}>\n          <MenuButton\n            as={Button}\n            p=\"0px\"\n            minW=\"auto\"\n            bg=\"transparent\"\n            _hover={{ bg: \"transparent\" }}\n            _active={{ bg: \"transparent\" }}\n            _focus={{ boxShadow: \"none\" }}\n          >\n            <MoreIcon h=\"20px\" w=\"20px\" color=\"text.300\" />\n          </MenuButton>\n\n          <Portal>\n            <MenuList\n              zIndex=\"popover\"\n              borderWidth=\"0px\"\n              borderRadius=\"10px\"\n              boxShadow=\"lg\"\n              color=\"text.700\"\n              textColor=\"text.700\"\n            >\n              <MenuItem\n                display=\"flex\"\n                alignItems=\"center\"\n                gap=\"8px\"\n                py=\"12px\"\n                _hover={{ bg: \"main.50\", color: \"main.900\", fontWeight: \"600\" }}\n                _focus={{ bg: \"main.50\", color: \"main.900\", fontWeight: \"600\" }}\n                onClick={handleAccept}\n              >\n                <CheckCircleIcon boxSize = \"20px\"/>\n                <Text>\n                  회원 수락\n                </Text>\n              </MenuItem>\n              <MenuItem\n                display=\"flex\"\n                alignItems=\"center\"\n                gap=\"8px\"\n                py=\"12px\"\n                _hover={{ bg: \"main.50\", color: \"main.900\", fontWeight: \"600\" }}\n                _focus={{ bg: \"main.50\", color: \"main.900\", fontWeight: \"600\" }}\n                onClick={handleReject}\n              >\n                <DeleteCircleIcon boxSize = \"20px\"/>\n                <Text>\n                  회원 거절\n                </Text>\n              </MenuItem>\n            </MenuList>\n          </Portal>\n        </Menu>\n      </Td>\n    </Tr>\n\n    <UserRequestAcceptPopUp\n        isOpen={isAcceptOpen}\n        onClose={onAcceptClose}\n        secondary={false}\n        selectedUserName={name}\n        selectedUserId={id}\n        onApproved={props.onApproved} \n      />\n\n      <UserRequestRejectPopUp\n        isOpen={isRejectOpen}\n        onClose={onRejectClose}\n        selectedUserName={name}\n        selectedUserId={id}\n        onApproved={props.onApproved}\n      />\n      </>\n  );\n}\n\nexport default RequestTableRow;\n"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}