\r\n
\r\n {user.owner &&\r\n \r\n
\r\n */}\r\n {userStatus.status !== \"active\" && (\r\n
\r\n \r\n {user.owner &&\r\n
\r\n )\r\n }\r\n\r\n {userStatus.status === \"active\" && (\r\n <>\r\n \r\n
\r\n }\r\n\r\n {!user.owner &&\r\n \r\n \r\n 
\r\n \r\n
\r\n {(userStatus && !loading) ? <>\r\n \r\n {userStatus.status === \"trial\" && (\r\n <>\r\n Subscription Status:
\r\n Your {diffDate(userStatus.currentPeriodStart, userStatus.currentPeriodEnd)} Day Trial
\r\n
\r\n : <>\r\n Subscription Status:
{diffDate(userStatus.currentPeriodStart, userStatus.currentPeriodEnd)} Day Free {userStatus.status}
\r\n Start Date: {convertDate(userStatus.currentPeriodStart)}
End Date: {convertDate(userStatus.currentPeriodEnd)}
Payment required at the end of the trial period.
\r\n\r\n \r\n {/**/}\r\n
\r\n \r\n )\r\n }\r\n {userStatus.status === \"unpaid\" && (\r\n <>\r\n Your {diffDate(userStatus.currentPeriodStart, userStatus.currentPeriodEnd)} Day Trial
Has Expired
\r\n Please choose a Payment Plan
\r\n to access your Amove account.
\r\n {/**/}\r\n \r\n
\r\n \r\n )\r\n }\r\n\r\n {/* */}\r\n\r\n \r\n \r\n
\r\n \r\n }\r\n \r\n
\r\n }\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Your subscription is currently inactive.
\r\n Please contact the account owner.
\r\n
\r\n \r\n )\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n\r\n {subscriptions.map((item) => (<>\r\n
- \r\n \r\n \r\n\r\n Start Date: {getFormatedDate(item.currentPeriodStart, false)}
\r\n \r\n
\r\n {item.subscriptionTitle === null &&\r\n getIconForSubscriptionName(item.subscriptionType)\r\n }\r\n {item.subscriptionTitle !== null &&\r\n item.subscriptionTitle\r\n }\r\n
\r\n ${item.price}\r\n\r\n \r\n
\r\n Next Payment Date: {getFormatedDate(item.currentPeriodEnd, false)}\r\n {item.status}\r\n \r\n ))}\r\n
\r\n {subscriptions.length > 0 &&\r\n \r\n }\r\n
\r\n \r\n
\r\n \r\n
\r\n Change Subscription Type For Invited Users
\r\n\r\n
\r\n \r\n
\r\n \r\n {\r\n onChangeSubscription(e)\r\n }} value={subscriptionTypeVal}>\r\n \r\n Monthly\r\n \r\n \r\n Annually\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n 
,\r\n duration: 3,\r\n });\r\n\r\n sendDataToMixPanel('Material successfully added.', user.username, {\r\n 'App': 'Web App',\r\n 'Material': data.material.title\r\n })\r\n setTitle(\"\")\r\n setExpectedDuration(\"\")\r\n setLoading(false);\r\n setIsModalOpen(false);\r\n setShowMaterial(false);\r\n load();\r\n }\r\n }\r\n );\r\n } else {\r\n setLoading(false);\r\n setError(true);\r\n }\r\n };\r\n return (\r\n <>\r\n {contextHolder}\r\n {showAddMaterial &&\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default AddMaterials;\r\n//\r\n","import React, {useEffect, useState} from \"react\";\r\nimport AddMaterials from \"../components/AddMaterials\";\r\nimport {Button, notification} from \"antd\";\r\nimport warning from \"../assets/images/icons/warning-sign.svg\";\r\nimport searchWhiteIcon from \"../assets/images/icons/search-white-icon.svg\";\r\nimport {useAuth} from \"../context/AuthContext\";\r\n\r\nconst Materials = () => {\r\n const {\r\n getDataWithToken, logout, getFormatedDate, getDataWithTokenPOST, token, setPopup500, setError499, setPopup499\r\n } = useAuth();\r\n const [showMaterial, setShowMaterial] = useState(false);\r\n const [materialsData, setMaterialsData] = useState([]);\r\n const [page, setPage] = useState(\"1\");\r\n const [search, setSearch] = useState(\"\");\r\n const [itemsToCompare, setItemsToCompare] = useState([]);\r\n const [loading, setLoading] = useState(false);\r\n const [api, contextHolder] = notification.useNotification();\r\n\r\n\r\n useEffect(() => {\r\n if (token !== \"\" && token !== undefined) {\r\n loadMaterials();\r\n }\r\n }, [token]);\r\n\r\n function loadMaterials() {\r\n var url = '/api/desktop/get_materials?page=' + page;\r\n if (search !== \"\") {\r\n url += '&title=' + search;\r\n }\r\n getDataWithToken(url)\r\n .then((res) => Promise.all([res.status, res.json()]))\r\n .then(([status, data]) => {\r\n if (status === 401) {\r\n logout()\r\n return;\r\n }\r\n if (status === 500) {\r\n setPopup500(true);\r\n setLoading(false);\r\n return;\r\n }\r\n if (status === 499) {\r\n var errorType = data.type;\r\n setError499(data.errors[errorType][0])\r\n setPopup499(true)\r\n return;\r\n }\r\n if (status === 200) {\r\n setMaterialsData(data.data)\r\n }\r\n });\r\n }\r\n\r\n const enterKeyup = (event) => {\r\n if (event.key === \"Enter\") {\r\n loadMaterials()\r\n }\r\n };\r\n\r\n const setItemToCompare = (item) => {\r\n if (itemsToCompare.length < 2) {\r\n setItemsToCompare([...itemsToCompare, item]);\r\n }\r\n };\r\n const removeItemFromCompare = (id) => {\r\n let newArr = [...itemsToCompare];\r\n for (var i = 0; i < newArr.length; i++) {\r\n if (newArr[i].id === id) {\r\n newArr.splice(i, 1);\r\n }\r\n }\r\n setItemsToCompare(newArr);\r\n };\r\n const compare = () => {\r\n if (itemsToCompare.length === 2) {\r\n var dataToPost = {\r\n \"matrialId1\": itemsToCompare[0].id,\r\n \"matrialId2\": itemsToCompare[1].id\r\n }\r\n getDataWithTokenPOST(\"/api/desktop/compare_materials\", dataToPost)\r\n .then((res) => Promise.all([res.status, res.json()]))\r\n .then(([status, data]) => {\r\n if (status === 401) {\r\n logout()\r\n return;\r\n }\r\n if (status === 500) {\r\n setPopup500(true)\r\n return;\r\n }\r\n if (status === 499) {\r\n var errorType = data.type;\r\n setError499(data.errors[errorType][0])\r\n setPopup499(true)\r\n return;\r\n }\r\n if (status === 499) {\r\n var msg = \"\";\r\n for (var i = 0; i < data.errors.DEFAULT.length; i++) {\r\n msg += data.errors.DEFAULT + \" \";\r\n }\r\n setLoading(false);\r\n\r\n api.open({\r\n message: msg,\r\n icon: 
,\r\n duration: 5,\r\n });\r\n } else {\r\n\r\n }\r\n }\r\n )\r\n\r\n }\r\n };\r\n\r\n /*const onClearSearch = () =>{\r\n setSearch(\"\")\r\n setTimeout(function() {\r\n loadMaterials()\r\n }, 1000);\r\n }*/\r\n const onSearchMaterial = () => {\r\n loadMaterials()\r\n }\r\n return (\r\n <>{contextHolder}\r\n {\r\n setBillingPopupOpen(false)\r\n }} onCancel={() => {\r\n setBillingPopupOpen(false)\r\n }}>\r\n \r\n\r\n \r\n )\r\n}\r\n\r\nexport {BillingPopup}\r\n","import React, {useEffect, useRef, useState} from \"react\";\r\nimport {Button, Checkbox, Modal, notification, Pagination, Popover, Radio, Select, Tooltip} from 'antd';\r\nimport plusIcon from '../assets/images/icons/add-user-plus-icon.svg'\r\nimport crossIcon from '../assets/images/icons/cross-black-icon.svg'\r\nimport filterIcon from '../assets/images/icons/filter-black-icon.svg'\r\nimport searchIcon from '../assets/images/icons/search-gray-icon.svg'\r\nimport verticleDotsIcon from '../assets/images/icons/verticle-dots-black-icon.svg'\r\nimport horizontalDotsIcon from '../assets/images/icons/horizontal-dots-icon.svg'\r\nimport downArrowIcon from '../assets/images/icons/down-arrow-icon.svg'\r\nimport toastIcon from \"../assets/images/icons/toast-icon.svg\";\r\nimport config from \"../config\";\r\nimport {useAuth} from \"../context/AuthContext\";\r\nimport {ConfigurationsMenu} from \"../components/ConfigurationsMenu\";\r\nimport {DeleteModal} from \"../components/DeleteModal\";\r\nimport {useNavigate} from \"react-router-dom\";\r\nimport {ReactMultiEmail} from 'react-multi-email';\r\nimport 'react-multi-email/dist/style.css';\r\nimport {BillingPopup} from \"../components/BillingPopup\";\r\nimport warning from \"../assets/images/icons/warning-sign.svg\";\r\nimport info from \"../assets/images/info.svg\";\r\n\r\nconst {Option} = Select;\r\nconst Users = () => {\r\n const {\r\n token,\r\n getDataWithToken,\r\n updateDataWithToken,\r\n logout,\r\n cancelRequests,\r\n user,\r\n userStatus,\r\n agentIsRunning,\r\n setBillingPopupOpen,\r\n reloadUsers,\r\n setReloadUsers,\r\n sendDataToWebsocket,\r\n getDataWithTokenSSO,\r\n selectedDriveToInviteUser,\r\n openInviteUserPopup,\r\n setOpenInviteUserPopup,\r\n setPopup500,\r\n deleteDataWeb,\r\n setEndpoint,\r\n setShowPopupSupport,\r\n omnisend,\r\n sendDataToMixPanel,\r\n setError499,\r\n setPopup499,\r\n getPackageEnquiry,\r\n packageInquiry,\r\n\r\n } = useAuth();\r\n const dataFetchedRef = useRef(false);\r\n const dataFetchedRef2 = useRef(false);\r\n const dataFetchedRef1 = useRef(false);\r\n const navigate = useNavigate();\r\n const [api, contextHolder] = notification.useNotification();\r\n const [isSelectUser, setSelectUser] = useState(false);\r\n const [isOktaUser, setOktaUser] = useState(false);\r\n const [isManualUser, setManualUser] = useState(false);\r\n const [editUser, setEditUser] = useState(false);\r\n const [isAssignDrive, setAssignDrive] = useState(false);\r\n const [isAssignGroup, setAssignGroup] = useState(false);\r\n const [isAssignProjects, setAssignProjects] = useState(false);\r\n const [emailAddress, setEmailAddress] = useState(\"\");\r\n const [selectedUserRole, setSelectedUserRole] = useState();\r\n const [authProvider, setAuthProvider] = useState(0);\r\n const [selectedDrive, setSelectedDrive] = useState();\r\n\r\n const [usersData, setUsersData] = useState([]);\r\n const [totalUsers, setTotalUsers] = useState(0);\r\n const [loading, setLoading] = useState(false);\r\n const [loadingData, setLoadingData] = useState(false);\r\n const [allUsersDataDone, setAllUsersDataDone] = useState(false);\r\n const [usersStatus, setUsersStatus] = useState(0);\r\n const [userType, setUserType] = useState(0);\r\n const [drivesData, setDrivesData] = useState([]);\r\n const [selectedCloudDrive, setSelectedCloudDrive] = useState();\r\n const [newDrivePermissionValue, setNewDrivePermissionValue] = useState(2);\r\n const [driveList, setDriveList] = useState([]);\r\n const [newDriveList, setNewDriveList] = useState([]);\r\n const [searchValForSearch, setSearchValForSearch] = useState(\"\");\r\n const [isAssignDeleteUser, setAssignDeleteUser] = useState(\"\");\r\n const [currentPage, setCurrentPage] = useState(1);\r\n const [descending, setDescending] = useState(false);\r\n const [perPage, setPerPage] = useState(20);\r\n const [projectsData, setProjectsData] = useState([]);\r\n const [groupsData, setGroupsData] = useState([]);\r\n const [selectedUserToUpdate, setSelectedUserToUpdate] = useState(\"\");\r\n const [selectedGroup, setSelectedGroup] = useState(\"\");\r\n const [selectedProject, setSelectedProject] = useState(\"\");\r\n const [newGroupList, setNewGroupList] = useState([]);\r\n const [groupList, setGroupList] = useState([]);\r\n const [projectsList, setProjectsList] = useState([]);\r\n const [newProjectsList, setNewProjectsList] = useState([]);\r\n const [newProjectPermissionValue, setNewProjectPermissionValue] = useState(2);\r\n const [spinner, setSpinner] = useState(false);\r\n const [dataLoaded, setDataLoaded] = useState(false);\r\n const [emails, setEmails] = useState([]);\r\n const [focused, setFocused] = useState(false);\r\n const [importUsersDataWithoutFilter, setImportUsersDataWithoutFilter] = useState([]);\r\n const [importUsersData, setImportUsersData] = useState([]);\r\n const [validationError, setValidationError] = useState('');\r\n const [searchValue, setSearchValue] = useState('');\r\n const [open, setOpen] = useState(false);\r\n const [adError, setAdError] = useState('');\r\n const [userLimitPopup, setUserLimitPopup] = useState(false);\r\n const [emailsToAddList, setEmailsToAddList] = useState([]);\r\n\r\n const [authProviderDropdown, setAuthProviderDropdown] = useState([\r\n {value: 0, label: 'Amove'}\r\n ]);\r\n var allUsersData = [];\r\n\r\n var assignedGroupsCount = 0;\r\n\r\n\r\n//SSO------------------------\r\n const [SSOAvailable, setSSOAvailable] = useState(false);\r\n const [azureAD, setAzureAD] = useState(false);\r\n const [okta, setOkta] = useState(false);\r\n const [saml, setSaml] = useState(false);\r\n const [extraUsers, setExtraUsers] = useState(4);\r\n const [extraUserType, setExtraUserType] = useState(\"Admin\");\r\n const [extraUserCost, setExtraUserCost] = useState(\"15\");\r\n\r\n\r\n useEffect(() => {\r\n if (userStatus.status === \"trial\" || userStatus.status === \"active\") {\r\n if (reloadUsers) {\r\n setReloadUsers(false)\r\n getAllUsers()\r\n }\r\n }\r\n }, [reloadUsers]);\r\n\r\n\r\n const handleOpenChange = (newOpen) => {\r\n setOpen(newOpen);\r\n };\r\n useEffect(() => {\r\n if (user.userType === 32 || user.userType === 64) {\r\n navigate(\"/dashboard\");\r\n return;\r\n }\r\n }, [user]);\r\n useEffect(() => {\r\n if (openInviteUserPopup && allUsersDataDone) {\r\n setOpenInviteUserPopup(false)\r\n if (userStatus.status === \"active\") {\r\n showSelectUser()\r\n } else {\r\n if (usersData.length < 3) {\r\n showSelectUser()\r\n } else {\r\n setBillingPopupOpen(true);\r\n }\r\n }\r\n }\r\n }, [openInviteUserPopup, allUsersDataDone]);\r\n\r\n async function postDataReturnText(url = \"\") {\r\n const response = await fetch(config.apiURL + url, {\r\n method: \"POST\", headers: {\r\n \"accept\": \"text/plain\",\r\n \"X-App-Origin\": \"WebApp\"\r\n }\r\n })\r\n return response;\r\n }\r\n\r\n const onChangeCloudDrive = (value) => {\r\n let newArr = [...newDriveList];\r\n for (var i = 0; i < drivesData.length; i++) {\r\n if (drivesData[i].id === value) {\r\n drivesData[i].permissionType = newDrivePermissionValue;\r\n newArr.push(drivesData[i])\r\n }\r\n }\r\n setNewDriveList(newArr);\r\n };\r\n const onChangePermissionDrive = (e, id, newProject = false) => {\r\n\r\n if (newProject) {\r\n let newArr = [...newDriveList];\r\n for (var i = 0; i < newArr.length; i++) {\r\n if (newArr[i].id === id) {\r\n newArr[i].permissionType = e.target.value;\r\n }\r\n }\r\n setNewDriveList(newArr)\r\n } else {\r\n let newArr = [...driveList];\r\n for (var i = 0; i < newArr.length; i++) {\r\n if (newArr[i].id === id) {\r\n newArr[i].permissionType = e.target.value;\r\n }\r\n }\r\n setDriveList(newArr)\r\n }\r\n };\r\n\r\n const AssignCloudDrive = () => {\r\n setLoading(true)\r\n if (newDriveList.length > 0) {\r\n var dataToPost = [];\r\n var newArray = [...newDriveList];\r\n for (var i = 0; i < newArray.length; i++) {\r\n if (newArray[i].name !== undefined) {\r\n dataToPost.push({\r\n \"userId\": selectedUserToUpdate.id,\r\n \"sharedCloudDriveId\": newArray[i].id,\r\n \"permissionType\": newArray[i].permissionType\r\n })\r\n }\r\n }\r\n postDataResponseText(\"/api/permission/users_sharedclouddrive_permision\", dataToPost)\r\n .then((res) => Promise.all([res.status, res.text()]))\r\n .then(([status, bucket]) => {\r\n if (status === 401) {\r\n logout()\r\n return;\r\n }\r\n if (status === 500) {\r\n setPopup500(true)\r\n return;\r\n }\r\n if (status === 499) {\r\n var data = JSON.parse(bucket)\r\n var errorType = data.type;\r\n setError499(data.errors[errorType][0])\r\n setPopup499(true)\r\n return;\r\n }\r\n setLoading(false)\r\n setAssignDrive(false);\r\n api.open({\r\n message: 'Drive successfully assigned.',\r\n icon: ,\r\n duration: 5,\r\n });\r\n sendDataToMixPanel('Drive successfully assigned.', user.username, {\r\n 'App': 'Web App'\r\n })\r\n if (agentIsRunning) {\r\n postDataReturnText('/Management/sync_shareddrive')\r\n .then((res) => Promise.all([res.status, res.text()]))\r\n .then(([status, bucket]) => {\r\n if (status === 401) {\r\n logout()\r\n return;\r\n }\r\n if (status === 500) {\r\n setPopup500(true)\r\n return;\r\n }\r\n if (status === 499) {\r\n var data = JSON.parse(bucket)\r\n var errorType = data.type;\r\n setError499(data.errors[errorType][0])\r\n setPopup499(true)\r\n return;\r\n }\r\n });\r\n }\r\n setNewDriveList([]);\r\n setSelectedUserToUpdate(\"\");\r\n if (driveList.length < 1) {\r\n allUsersData = usersData;\r\n assignedGroupsCount = 0;\r\n getUserCloudDrives(selectedUserToUpdate.id, true);\r\n }\r\n })\r\n }\r\n if (driveList.length > 0) {\r\n dataToPost = [];\r\n newArray = [...driveList];\r\n for (var i = 0; i < newArray.length; i++) {\r\n dataToPost.push({\r\n \"userId\": selectedUserToUpdate.id,\r\n \"sharedCloudDriveId\": newArray[i].sharedCloudDriveId,\r\n \"permissionType\": newArray[i].permissionType,\r\n \"id\": newArray[i].id,\r\n })\r\n }\r\n updateDataWithToken(\"/api/permission/users_sharedclouddrive_permision\", dataToPost)\r\n .then((res) => Promise.all([res.status, res.text()]))\r\n .then(([status, response]) => {\r\n if (status === 401) {\r\n logout()\r\n return;\r\n }\r\n if (status === 500) {\r\n setPopup500(true)\r\n return;\r\n }\r\n if (status === 499) {\r\n var data = JSON.parse(response)\r\n var errorType = data.type;\r\n setError499(data.errors[errorType][0])\r\n setPopup499(true)\r\n return;\r\n }\r\n\r\n setLoading(false)\r\n setAssignDrive(false);\r\n if (newProjectsList.length < 1) {\r\n api.open({\r\n message: 'Drive successfully updated.',\r\n icon: ,\r\n duration: 5,\r\n });\r\n sendDataToMixPanel('Drive successfully updated.', user.username, {\r\n 'App': 'Web App'\r\n })\r\n }\r\n if (agentIsRunning) {\r\n postDataReturnText('/Management/sync_shareddrive')\r\n .then((res) => Promise.all([res.status, res.text()]))\r\n .then(([status, bucket]) => {\r\n if (status === 401) {\r\n logout()\r\n return;\r\n }\r\n if (status === 500) {\r\n setPopup500(true)\r\n return;\r\n }\r\n if (status === 499) {\r\n var data = JSON.parse(bucket)\r\n var errorType = data.type;\r\n setError499(data.errors[errorType][0])\r\n setPopup499(true)\r\n return;\r\n }\r\n\r\n });\r\n }\r\n setDriveList([]);\r\n setSelectedUserToUpdate(\"\");\r\n allUsersData = usersData;\r\n assignedGroupsCount = 0;\r\n getUserCloudDrives(selectedUserToUpdate.id, true);\r\n })\r\n }\r\n };\r\n const removeDriveFromList = (index, drive, newDrive = false) => {\r\n\r\n\r\n if (newDrive) {\r\n let newArr = [...newDriveList];\r\n newArr.splice(index, 1);\r\n setNewDriveList(newArr)\r\n } else {\r\n let newArr = [...driveList];\r\n newArr.splice(index, 1);\r\n setDriveList(newArr)\r\n deleteDataWeb('/api/permission/users_sharedclouddrive_permision?id=' + drive)\r\n .then((res) => Promise.all([res.status, res.text()]))\r\n .then(([status, data]) => {\r\n if (status === 401) {\r\n logout()\r\n return;\r\n }\r\n if (status === 500) {\r\n setPopup500(true)\r\n return;\r\n }\r\n if (status === 499) {\r\n var dataNew = JSON.parse(data)\r\n var errorType = dataNew.type;\r\n setError499(dataNew.errors[errorType][0])\r\n setPopup499(true)\r\n return;\r\n }\r\n if (status === 200) {\r\n api.open({\r\n message: 'Drive removed successfully.',\r\n description: `Your Drive has been removed from team.`,\r\n icon: ,\r\n duration: 3\r\n });\r\n\r\n sendDataToMixPanel('Drive removed successfully.', user.username, {\r\n 'App': 'Web App'\r\n })\r\n if (agentIsRunning) {\r\n postDataReturnText('/Management/sync_shareddrive')\r\n .then((res) => Promise.all([res.status, res.text()]))\r\n .then(([status, bucket]) => {\r\n if (status === 401) {\r\n logout()\r\n return;\r\n }\r\n if (status === 500) {\r\n setPopup500(true)\r\n return;\r\n }\r\n if (status === 499) {\r\n var data = JSON.parse(bucket)\r\n var errorType = data.type;\r\n setError499(data.errors[errorType][0])\r\n setPopup499(true)\r\n return;\r\n }\r\n\r\n });\r\n }\r\n let newArrG = [...usersData];\r\n for (var i = 0; i < newArrG.length; i++) {\r\n if (newArrG[i].id === selectedUserToUpdate.id) {\r\n newArrG[i].drivesData.splice(index, 1);\r\n break;\r\n }\r\n }\r\n setUsersData(newArrG);\r\n }\r\n });\r\n }\r\n\r\n };\r\n\r\n const AssignDriveCancel = () => {\r\n setAssignDrive(false);\r\n setSelectedUserToUpdate(\"\")\r\n };\r\n\r\n const onChangeGroup = (value) => {\r\n let newArr = [...newGroupList];\r\n for (var i = 0; i < groupsData.length; i++) {\r\n if (groupsData[i].id === value) {\r\n newArr.push(groupsData[i])\r\n }\r\n }\r\n setNewGroupList(newArr);\r\n };\r\n const onChangeProject = (value) => {\r\n let newArr = [...newProjectsList];\r\n for (var i = 0; i < projectsData.length; i++) {\r\n if (projectsData[i].id === value) {\r\n projectsData[i].permissionType = newProjectPermissionValue;\r\n newArr.push(projectsData[i])\r\n }\r\n }\r\n setNewProjectsList(newArr);\r\n };\r\n\r\n\r\n const AssignUserToProject = () => {\r\n setLoading(true)\r\n if (newProjectsList.length > 0) {\r\n var dataToPost = [];\r\n var newArray = [...newProjectsList];\r\n for (var i = 0; i < newArray.length; i++) {\r\n dataToPost.push({\r\n \"userId\": selectedUserToUpdate.id,\r\n \"projectId\": newArray[i].id,\r\n \"permissionType\": newArray[i].permissionType\r\n })\r\n }\r\n postDataResponseText(\"/api/permission/users_project_permission\", dataToPost)\r\n .then((res) => Promise.all([res.status, res.text()]))\r\n .then(([status, bucket]) => {\r\n if (status === 401) {\r\n logout()\r\n return;\r\n }\r\n if (status === 500) {\r\n setPopup500(true)\r\n return;\r\n }\r\n if (status === 499) {\r\n var data = JSON.parse(bucket)\r\n var errorType = data.type;\r\n setError499(data.errors[errorType][0])\r\n setPopup499(true)\r\n return;\r\n }\r\n setLoading(false)\r\n setAssignProjects(false);\r\n api.open({\r\n message: 'Projects successfully assigned.',\r\n icon: ,\r\n duration: 5,\r\n });\r\n sendDataToMixPanel('Projects successfully assigned.', user.username, {\r\n 'App': 'Web App'\r\n })\r\n setNewProjectsList([]);\r\n setSelectedProject(\"\");\r\n if (projectsList.length < 1) {\r\n allUsersData = usersData;\r\n assignedGroupsCount = 0;\r\n getUserProjects(selectedUserToUpdate.id, true);\r\n }\r\n })\r\n }\r\n\r\n if (projectsList.length > 0) {\r\n dataToPost = [];\r\n newArray = [...projectsList];\r\n for (var i = 0; i < newArray.length; i++) {\r\n dataToPost.push({\r\n \"id\": newArray[i].permission.id,\r\n \"userId\": selectedUserToUpdate.id,\r\n \"projectId\": newArray[i].project.id,\r\n \"permissionType\": newArray[i].permission.permissionType\r\n })\r\n }\r\n updateDataWithToken(\"/api/permission/users_project_permission\", dataToPost)\r\n .then((res) => Promise.all([res.status, res.text()]))\r\n .then(([status, response]) => {\r\n setLoading(false)\r\n if (status === 401) {\r\n logout()\r\n return;\r\n }\r\n if (status === 500) {\r\n setPopup500(true)\r\n return;\r\n }\r\n if (status === 499) {\r\n var data = JSON.parse(response)\r\n var errorType = data.type;\r\n setError499(data.errors[errorType][0])\r\n setPopup499(true)\r\n return;\r\n }\r\n setAssignProjects(false);\r\n if (newProjectsList.length < 1) {\r\n api.open({\r\n message: 'Project successfully updated.',\r\n icon: ,\r\n duration: 5,\r\n });\r\n sendDataToMixPanel('Project successfully updated.', user.username, {\r\n 'App': 'Web App'\r\n })\r\n }\r\n setProjectsList([]);\r\n setSelectedCloudDrive();\r\n allUsersData = usersData;\r\n assignedGroupsCount = 0;\r\n getUserProjects(selectedUserToUpdate.id, true);\r\n })\r\n }\r\n };\r\n const onChangePermission = (e, id, newProject = false) => {\r\n if (newProject) {\r\n let newArr = [...newProjectsList];\r\n for (var i = 0; i < newArr.length; i++) {\r\n if (newArr[i].id === id) {\r\n newArr[i].permissionType = e.target.value;\r\n }\r\n }\r\n setNewProjectsList(newArr)\r\n } else {\r\n let newArr = [...projectsList];\r\n for (var i = 0; i < newArr.length; i++) {\r\n if (newArr[i].permission.id === id) {\r\n newArr[i].permission.permissionType = e.target.value;\r\n }\r\n }\r\n setProjectsList(newArr)\r\n }\r\n };\r\n\r\n const removeProjectFromList = (index, project, newProject = false) => {\r\n\r\n if (newProject) {\r\n let newArr = [...newProjectsList];\r\n newArr.splice(index, 1);\r\n setNewProjectsList(newArr)\r\n } else {\r\n let newArr = [...projectsList];\r\n newArr.splice(index, 1);\r\n setProjectsList(newArr)\r\n deleteDataWeb('/api/permission/users_project_permission?id=' + project)\r\n .then((res) => Promise.all([res.status, res.text()]))\r\n .then(([status, data]) => {\r\n if (status === 401) {\r\n logout()\r\n return;\r\n }\r\n if (status === 500) {\r\n setPopup500(true)\r\n return;\r\n }\r\n if (status === 499) {\r\n var dataNew = JSON.parse(data)\r\n var errorType = dataNew.type;\r\n setError499(dataNew.errors[errorType][0])\r\n setPopup499(true)\r\n return;\r\n }\r\n if (status === 200) {\r\n api.open({\r\n message: 'Project removed successfully.',\r\n description: `Your project has been removed from team.`,\r\n icon: ,\r\n duration: 3\r\n });\r\n sendDataToMixPanel('Project removed successfully.', user.username, {\r\n 'App': 'Web App'\r\n })\r\n let newArrG = [...usersData];\r\n for (var i = 0; i < newArrG.length; i++) {\r\n if (newArrG[i].id === selectedUserToUpdate.id) {\r\n newArrG[i].projectsData.splice(index, 1);\r\n break;\r\n }\r\n }\r\n setUsersData(newArrG);\r\n }\r\n });\r\n }\r\n\r\n };\r\n const removeGroupFromList = (index, project, newProject = false) => {\r\n\r\n if (newProject) {\r\n let newArr = [...newGroupList];\r\n newArr.splice(index, 1);\r\n setNewGroupList(newArr)\r\n } else {\r\n let newArr = [...groupList];\r\n newArr.splice(index, 1);\r\n setGroupList(newArr)\r\n deleteDataWeb('/api/usergroup/unassign_user?id=' + project)\r\n .then((res) => Promise.all([res.status, res.text()]))\r\n .then(([status, data]) => {\r\n if (status === 401) {\r\n logout()\r\n return;\r\n }\r\n if (status === 500) {\r\n setPopup500(true)\r\n return;\r\n }\r\n if (status === 499) {\r\n var dataNew = JSON.parse(data)\r\n var errorType = dataNew.type;\r\n setError499(dataNew.errors[errorType][0])\r\n setPopup499(true)\r\n return;\r\n }\r\n if (status === 200) {\r\n api.open({\r\n message: 'Team removed successfully.',\r\n description: `Your team has been removed from user.`,\r\n icon: ,\r\n duration: 3\r\n });\r\n sendDataToMixPanel('Team removed successfully.', user.username, {\r\n 'App': 'Web App'\r\n })\r\n let newArrG = [...usersData];\r\n for (var i = 0; i < newArrG.length; i++) {\r\n if (newArrG[i].id === selectedUserToUpdate.id) {\r\n newArrG[i].groups.splice(index, 1);\r\n break;\r\n }\r\n }\r\n setUsersData(newArrG);\r\n }\r\n });\r\n }\r\n };\r\n const addGroupSave = () => {\r\n setLoading(true)\r\n var dataToPost = [];\r\n var newArray = [...newGroupList];\r\n for (var i = 0; i < newArray.length; i++) {\r\n dataToPost.push({\r\n \"userGroupId\": newArray[i].id, \"userId\": selectedUserToUpdate.id,\r\n })\r\n }\r\n postDataResponseText(\"/api/usergroup/assign_users\", dataToPost)\r\n .then((res) => Promise.all([res.status, res.text()]))\r\n .then(([status, bucket]) => {\r\n if (status === 401) {\r\n logout()\r\n return;\r\n }\r\n if (status === 500) {\r\n setPopup500(true);\r\n setLoading(false);\r\n return;\r\n }\r\n if (status === 499) {\r\n var data = JSON.parse(bucket)\r\n var errorType = data.type;\r\n setError499(data.errors[errorType][0])\r\n setPopup499(true)\r\n return;\r\n }\r\n setLoading(false)\r\n setAssignGroup(false);\r\n setGroupList([])\r\n setNewGroupList([])\r\n api.open({\r\n message: 'User added to teams.', icon: , duration: 5,\r\n });\r\n sendDataToMixPanel('User added to teams.', user.username, {\r\n 'App': 'Web App'\r\n })\r\n allUsersData = usersData;\r\n assignedGroupsCount = 0;\r\n getUserGroups(selectedUserToUpdate.id, true);\r\n })\r\n };\r\n // Select User Modal\r\n const showSelectUser = () => {\r\n //setSelectUser(true);\r\n setManualUser(true);\r\n setSelectUser(false)\r\n };\r\n\r\n const selectUserOk = () => {\r\n setSelectUser(false);\r\n };\r\n\r\n const selectUserCancel = () => {\r\n setSelectUser(false);\r\n };\r\n\r\n // Okta User Modal\r\n const showOktaUser = () => {\r\n postData('/api/sso/sso_url_import_user', {\r\n \"callbackUrl\": config.callbackURL + \"/usercallback\"\r\n }).then((res) => Promise.all([res.status, res.json()]))\r\n .then(([status, response]) => {\r\n if (status === 401) {\r\n logout()\r\n return;\r\n }\r\n if (status === 500) {\r\n setPopup500(true);\r\n setLoading(false);\r\n return;\r\n }\r\n\r\n window.location.href = response.url;\r\n })\r\n };\r\n const showADUser = () => {\r\n setImportUsersData([])\r\n setLoadingData(true);\r\n setAdError(\"\")\r\n getDataWithToken(`/api/sso/get_user_usergroups`)\r\n .then((res) => Promise.all([res.status, res.json()]))\r\n .then(([status, response]) => {\r\n if (status === 401) {\r\n logout()\r\n return;\r\n }\r\n if (status === 500) {\r\n setPopup500(true);\r\n setLoading(false);\r\n return;\r\n }\r\n if (status === 499) {\r\n setAdError(\"Access Denied.\")\r\n setLoadingData(false);\r\n } else {\r\n for (var i = 0; i < response.length; i++) {\r\n response[i].selected = false;\r\n }\r\n setLoadingData(false);\r\n setImportUsersDataWithoutFilter(response)\r\n setImportUsersData(response)\r\n }\r\n })\r\n setOktaUser(true);\r\n setSelectUser(false)\r\n };\r\n\r\n // Manual User Modal\r\n const showManualUser = () => {\r\n setManualUser(true);\r\n setSelectUser(false)\r\n };\r\n\r\n const onChangeUserRole = (value) => {\r\n setSelectedUserRole(value);\r\n };\r\n const onChangeAuthProvider = (value) => {\r\n setAuthProvider(value);\r\n };\r\n const onChangeDrive = (value) => {\r\n setSelectedDrive(value);\r\n };\r\n\r\n\r\n const selectManualCancel = () => {\r\n setManualUser(false);\r\n setEditUser(false);\r\n let newArr1 = [...emails];\r\n while (newArr1.length > 0) {\r\n newArr1.pop();\r\n }\r\n setEmails(newArr1);\r\n setEmailAddress(\"\")\r\n setValidationError('');\r\n setLoading(false)\r\n setSelectedUserRole();\r\n setSelectedDrive();\r\n };\r\n\r\n\r\n async function postData(url = \"\", data = {}) {\r\n const response = await fetch(config.apiURLWeb + url, {\r\n method: \"POST\", headers: {\r\n \"Content-Type\": \"application/json\", 'Authorization': 'Bearer ' + token,\r\n \"X-App-Origin\": \"WebApp\"\r\n }, body: JSON.stringify(data),\r\n });\r\n\r\n sendDataToWebsocket(config.apiURLWeb + url, \"POST\")\r\n return response;\r\n }\r\n\r\n async function postDataResponseText(url = \"\", data = {}) {\r\n const response = await fetch(config.apiURLWeb + url, {\r\n method: \"POST\", headers: {\r\n \"Content-Type\": \"application/json\", 'Authorization': 'Bearer ' + token,\r\n \"X-App-Origin\": \"WebApp\"\r\n }, body: JSON.stringify(data),\r\n });\r\n sendDataToWebsocket(config.apiURLWeb + url, \"POST\")\r\n return response;\r\n }\r\n\r\n async function postDataZapier(email) {\r\n try {\r\n var dataTosend = {\r\n email: email\r\n }\r\n\r\n if (config.environment === \"STG\") {\r\n dataTosend.environment = \"STG\";\r\n }\r\n if (config.environment === \"Dev\") {\r\n dataTosend.environment = \"Dev\";\r\n }\r\n if (config.environment === \"Prod\") {\r\n dataTosend.environment = \"Prod\";\r\n }\r\n\r\n const params = new URLSearchParams(dataTosend);\r\n\r\n var requestOptions = {\r\n method: 'POST', redirect: 'follow',\r\n headers: {\r\n \"X-App-Origin\": \"WebApp\"\r\n },\r\n mode: \"no-cors\"\r\n };\r\n const response = await fetch(config.zapURL + params.toString(), requestOptions);\r\n return response;\r\n } catch (error) {\r\n console.error(`Could not signup: ${error}`);\r\n }\r\n }\r\n\r\n function SendZap(email) {\r\n postDataZapier(email)\r\n .then((res) => Promise.all([res.status, res.text()]))\r\n .then(([status, data]) => {\r\n if (status === 401) {\r\n setEndpoint(\"/api/cloudaccount/add_storage\");\r\n setShowPopupSupport(true)\r\n\r\n return;\r\n }\r\n if (status === 500) {\r\n setPopup500(true)\r\n return;\r\n }\r\n })\r\n }\r\n\r\n const insertUser = () => {\r\n var added = 0;\r\n var userLimit = 0;\r\n if (parseInt(selectedUserRole) === 16) {\r\n userLimit = packageInquiry.adminUsers;\r\n }\r\n if (parseInt(selectedUserRole) === 32) {\r\n userLimit = packageInquiry.creativeUsers;\r\n }\r\n if (parseInt(selectedUserRole) === 64) {\r\n userLimit = packageInquiry.standardUsers;\r\n }\r\n var emailsToAdd = []\r\n emails.forEach((email, index) => {\r\n var dataToPost = {\r\n \"userType\": parseInt(selectedUserRole),\r\n \"firstname\": email,\r\n \"lastname\": email,\r\n \"username\": email,\r\n \"email\": email,\r\n \"authProvider\": authProvider\r\n }\r\n setLoading(true)\r\n console.log(parseInt(selectedUserRole))\r\n console.log(packageInquiry)\r\n console.log(userLimit)\r\n let existed = usersData.filter(user => user.email === email).length > 0;\r\n if (!existed) {\r\n if (userLimit > 0) {\r\n postData(\"/api/user/insert_user\", dataToPost)\r\n .then((res) => Promise.all([res.status, res.json()]))\r\n .then(([status, response]) => {\r\n if (status === 401) {\r\n logout()\r\n return;\r\n }\r\n if (status === 500) {\r\n setPopup500(true)\r\n return;\r\n }\r\n\r\n if (status === 200) {\r\n added++;\r\n api.open({\r\n message: `New ${emails.length > 1 ? \"users\" : \"user\"} added.`,\r\n icon: ,\r\n duration: 3\r\n });\r\n\r\n console.log(index)\r\n console.log(emails.length - 1)\r\n\r\n getAllUsers(true);\r\n setManualUser(false)\r\n getPackageEnquiry()\r\n if (index === (emails.length - 1)) {\r\n /* if (added > 0) {\r\n api.open({\r\n message: `New ${emails.length > 1 ? \"users\" : \"user\"} added.`,\r\n icon: ,\r\n duration: 3\r\n });\r\n getAllUsers();\r\n }*/\r\n }\r\n }\r\n if (status === 499) {\r\n api.open({\r\n message: email + \" is already in use.\",\r\n icon: ,\r\n duration: 3\r\n });\r\n }\r\n omnisend(email)\r\n SendZap(email);\r\n\r\n\r\n sendDataToMixPanel('New user added.', user.username, {\r\n 'App': 'Web App',\r\n 'User Email': email\r\n })\r\n if (selectedDrive.length > 0) {\r\n var dataToPost = [];\r\n for (var i = 0; i < selectedDrive.length; i++) {\r\n dataToPost.push({\r\n \"userId\": response.id,\r\n \"sharedCloudDriveId\": selectedDrive[i],\r\n \"permissionType\": 2\r\n })\r\n }\r\n postDataResponseText(\"/api/permission/users_sharedclouddrive_permision\", dataToPost)\r\n .then((res) => Promise.all([res.status, res.text()]))\r\n .then(([status, bucket]) => {\r\n if (status === 401) {\r\n logout()\r\n return;\r\n }\r\n if (status === 500) {\r\n setPopup500(true)\r\n return;\r\n }\r\n })\r\n }\r\n\r\n\r\n }).catch(() => {\r\n setLoading(false)\r\n })\r\n userLimit--\r\n } else {\r\n emailsToAdd.push(email)\r\n }\r\n } else {\r\n api.open({\r\n message: email + \" is already in use.\",\r\n icon: ,\r\n duration: 3\r\n });\r\n if (added > 1) {\r\n if (index === (emails.length - 1)) {\r\n getAllUsers();\r\n }\r\n }\r\n }\r\n })\r\n console.log(emailsToAdd)\r\n if (emailsToAdd.length > 0) {\r\n setManualUser(false)\r\n setLoading(false)\r\n setEmailsToAddList(emailsToAdd)\r\n setExtraUsers(emailsToAdd.length)\r\n\r\n if (parseInt(selectedUserRole) === 16) {\r\n setExtraUserType(\"Admin\")\r\n setExtraUserCost(config.AdminUserPrice)\r\n }\r\n if (parseInt(selectedUserRole) === 32) {\r\n setExtraUserType(\"Creative\")\r\n setExtraUserCost(config.CreativeUserPrice)\r\n }\r\n if (parseInt(selectedUserRole) === 64) {\r\n setExtraUserType(\"Standard\")\r\n setExtraUserCost(config.StandardUserPrice)\r\n }\r\n setUserLimitPopup(true)\r\n setLoading(false)\r\n }else{\r\n setEmailAddress(\"\")\r\n setSelectedUserRole();\r\n setSelectedDrive();\r\n setManualUser(false)\r\n setLoading(false)\r\n let newArr1 = [...emails];\r\n while (newArr1.length > 0) {\r\n newArr1.pop();\r\n }\r\n setEmails(newArr1)\r\n }\r\n }\r\n\r\n const confirmInviteUsers = () => {\r\n var added = 0;\r\n emailsToAddList.forEach((email, index) => {\r\n var dataToPost = {\r\n \"userType\": parseInt(selectedUserRole),\r\n \"firstname\": email,\r\n \"lastname\": email,\r\n \"username\": email,\r\n \"email\": email,\r\n \"authProvider\": authProvider\r\n }\r\n setLoading(true)\r\n postData(\"/api/user/insert_user\", dataToPost)\r\n .then((res) => Promise.all([res.status, res.json()]))\r\n .then(([status, response]) => {\r\n if (status === 401) {\r\n logout()\r\n return;\r\n }\r\n if (status === 500) {\r\n setPopup500(true)\r\n return;\r\n }\r\n\r\n if (status === 200) {\r\n added++;\r\n api.open({\r\n message: `New ${emailsToAddList.length > 1 ? \"users\" : \"user\"} added.`,\r\n icon: ,\r\n duration: 3\r\n });\r\n\r\n console.log(index)\r\n console.log(emailsToAddList.length - 1)\r\n\r\n getAllUsers(true);\r\n setManualUser(false)\r\n getPackageEnquiry()\r\n if (index === (emailsToAddList.length - 1)) {\r\n /* if (added > 0) {\r\n api.open({\r\n message: `New ${emails.length > 1 ? \"users\" : \"user\"} added.`,\r\n icon: ,\r\n duration: 3\r\n });\r\n getAllUsers();\r\n }*/\r\n\r\n setEmailAddress(\"\")\r\n setSelectedUserRole();\r\n setSelectedDrive();\r\n // setManualUser(false)\r\n setLoading(false)\r\n let newArr1 = [...emailsToAddList];\r\n while (newArr1.length > 0) {\r\n newArr1.pop();\r\n }\r\n setEmailsToAddList(newArr1)\r\n setUserLimitPopup(false)\r\n }\r\n }\r\n if (status === 499) {\r\n api.open({\r\n message: email + \" is already in use.\",\r\n icon: ,\r\n duration: 3\r\n });\r\n }\r\n omnisend(email)\r\n SendZap(email);\r\n\r\n\r\n sendDataToMixPanel('New user added.', user.username, {\r\n 'App': 'Web App',\r\n 'User Email': email\r\n })\r\n if (selectedDrive.length > 0) {\r\n var dataToPost = [];\r\n for (var i = 0; i < selectedDrive.length; i++) {\r\n dataToPost.push({\r\n \"userId\": response.id,\r\n \"sharedCloudDriveId\": selectedDrive[i],\r\n \"permissionType\": 2\r\n })\r\n }\r\n postDataResponseText(\"/api/permission/users_sharedclouddrive_permision\", dataToPost)\r\n .then((res) => Promise.all([res.status, res.text()]))\r\n .then(([status, bucket]) => {\r\n if (status === 401) {\r\n logout()\r\n return;\r\n }\r\n if (status === 500) {\r\n setPopup500(true)\r\n return;\r\n }\r\n })\r\n }\r\n\r\n\r\n }).catch(() => {\r\n setLoading(false)\r\n })\r\n })\r\n }\r\n const updateUser = () => {\r\n setLoading(true)\r\n var dataToPost = {\r\n \"userType\": parseInt(selectedUserRole),\r\n \"id\": selectedUserToUpdate.id,\r\n \"firstname\": selectedUserToUpdate.firstname,\r\n \"lastname\": selectedUserToUpdate.lastname,\r\n \"username\": selectedUserToUpdate.username,\r\n \"email\": selectedUserToUpdate.email,\r\n }\r\n updateDataWithToken(\"/api/user/edit_user\", dataToPost)\r\n .then((res) => Promise.all([res.status, res.text()]))\r\n .then(([status, response]) => {\r\n if (status === 401) {\r\n logout()\r\n return;\r\n }\r\n if (status === 500) {\r\n setPopup500(true);\r\n setLoading(false);\r\n return;\r\n }\r\n\r\n\r\n let newArrG = [...usersData];\r\n for (var i = 0; i < newArrG.length; i++) {\r\n if (newArrG[i].id === selectedUserToUpdate.id) {\r\n newArrG[i].userType = parseInt(selectedUserRole);\r\n break;\r\n }\r\n }\r\n api.open({\r\n message: 'User role updated', icon: , duration: 3\r\n });\r\n\r\n sendDataToMixPanel('User role updated.', user.username, {\r\n 'App': 'Web App'\r\n })\r\n setUsersData(newArrG);\r\n setEmailAddress(\"\")\r\n setSelectedUserRole();\r\n setSelectedDrive();\r\n setLoading(false)\r\n setManualUser(false)\r\n })\r\n };\r\n\r\n\r\n const resendEmail = (event, email) => {\r\n var dataToPost = {\r\n \"firstname\": email, \"lastname\": email, \"username\": email, \"email\": email\r\n }\r\n setSpinner(true);\r\n postDataResponseText(\"/api/user/resend_user_email\", dataToPost)\r\n .then((res) => Promise.all([res.status, res.text()]))\r\n .then(([status, response]) => {\r\n setSpinner(false)\r\n setLoading(false);\r\n if (status === 401) {\r\n logout()\r\n return;\r\n }\r\n if (status === 500) {\r\n setPopup500(true);\r\n return;\r\n }\r\n if (response === '') {\r\n api.open({\r\n message: 'Email sent successfully', icon: , duration: 5,\r\n });\r\n\r\n sendDataToMixPanel('Email sent successfully', user.username, {\r\n 'App': 'Web App'\r\n })\r\n }\r\n\r\n })\r\n };\r\n\r\n\r\n // Assign Share Modal\r\n const showAssignShare = (user) => {\r\n setAssignDrive(true);\r\n\r\n setSelectedUserToUpdate(user)\r\n var newArr = []\r\n for (var i = 0; i < user.drivesData.length; i++) {\r\n newArr.push({\r\n id: user.drivesData[i].permission.id,\r\n name: user.drivesData[i].sharedClouDrive.name,\r\n permissionType: user.drivesData[i].permission.permissionType,\r\n sharedCloudDriveId: user.drivesData[i].sharedClouDrive.id\r\n })\r\n }\r\n setDriveList(newArr)\r\n };\r\n\r\n\r\n // Assign Team Modal\r\n const showEditUser = (user) => {\r\n setManualUser(true);\r\n setEditUser(true);\r\n setSelectedUserToUpdate(user)\r\n setEmailAddress(user.email)\r\n setSelectedUserRole(user.userType);\r\n };\r\n const showAssignGroup = (user) => {\r\n setAssignGroup(true);\r\n setSelectedUserToUpdate(user)\r\n setGroupList(user.groups);\r\n\r\n };\r\n\r\n const assignGroupOk = () => {\r\n setAssignGroup(false);\r\n setSelectedUserToUpdate(\"\")\r\n };\r\n\r\n const AssignGroupCancel = () => {\r\n setAssignGroup(false);\r\n setSelectedUserToUpdate(\"\")\r\n setGroupList([])\r\n setNewGroupList([])\r\n };\r\n\r\n\r\n // Assign Projects Modal\r\n const showAssignProjects = (user) => {\r\n setAssignProjects(true);\r\n setSelectedUserToUpdate(user);\r\n setProjectsList(user.projectsData);\r\n };\r\n\r\n\r\n const AssignProjectsCancel = () => {\r\n setAssignProjects(false);\r\n setSelectedUserToUpdate(\"\")\r\n setProjectsList([])\r\n setNewProjectsList([])\r\n };\r\n\r\n\r\n // Delete User Modal\r\n const showAssignDelete = (id) => {\r\n setAssignDeleteUser(true);\r\n setSelectedUserToUpdate(id)\r\n };\r\n\r\n const AssignDeleteCancel = () => {\r\n setAssignDeleteUser(false);\r\n setSelectedUserToUpdate(\"\")\r\n };\r\n const assignDeleteOkUser = () => {\r\n var id = selectedUserToUpdate;\r\n deleteDataWeb('/api/user/delete_user?id=' + id)\r\n .then((res) => Promise.all([res.status, res.text()]))\r\n .then(([status, data]) => {\r\n if (status === 401) {\r\n logout()\r\n return;\r\n }\r\n if (status === 500) {\r\n setPopup500(true);\r\n setLoading(false);\r\n return;\r\n }\r\n if (status === 200) {\r\n setUsersData((current) => current.filter((item) => item.id !== id));\r\n setLoading(false)\r\n setAssignDeleteUser(false);\r\n setSelectedUserToUpdate(\"\")\r\n setTotalUsers((current) => current - 1);\r\n getPackageEnquiry()\r\n api.open({\r\n message: 'User removed successfully.',\r\n description: `Your user has been removed.`,\r\n icon: ,\r\n duration: 3\r\n });\r\n\r\n sendDataToMixPanel('User removed successfully.', user.username, {\r\n 'App': 'Web App'\r\n })\r\n\r\n }\r\n });\r\n };\r\n\r\n\r\n const getRole = (type) => {\r\n if (type === 64) {\r\n return 'Standard User';\r\n }\r\n if (type === 32) {\r\n return 'Creative User';\r\n }\r\n if (type === 16) {\r\n return 'Admin';\r\n }\r\n };\r\n const getStatus = (type) => {\r\n if (type === 1) {\r\n return 'Active';\r\n }\r\n if (type === 2) {\r\n return 'Disabled';\r\n }\r\n if (type === 4) {\r\n return 'Pending';\r\n }\r\n };\r\n\r\n const getAllUsers = (insert = false) => {\r\n getPackageEnquiry()\r\n loadSSO()\r\n setDataLoaded(false)\r\n setLoading(true);\r\n allUsersData = [];\r\n if (!insert) {\r\n cancelRequests();\r\n }\r\n\r\n getDataWithToken(`/api/user/get_all_users?page=${currentPage}&pagesize=${perPage}&sortfield=CreateDate&descending=${descending}${usersStatus != 0 ? `&userStatus=${usersStatus}` : ''}${userType != 0 ? `&userType=${userType}` : ''}&deleted=false${searchValForSearch !== \"\" ? `&username=${(encodeURIComponent(searchValForSearch.trim()))}` : ''}`)\r\n .then((res) => Promise.all([res.status, res.json()]))\r\n .then(([status, response]) => {\r\n if (status === 401) {\r\n logout()\r\n return;\r\n }\r\n if (status === 500) {\r\n setPopup500(true);\r\n setLoading(false);\r\n return;\r\n }\r\n assignedGroupsCount = 0;\r\n var data = response.data;\r\n for (var i = 0; i < data.length; i++) {\r\n data[i].groups = [];\r\n data[i].projectsData = [];\r\n data[i].drivesData = [];\r\n }\r\n if (data.length < 1) {\r\n setDataLoaded(true)\r\n }\r\n let newArr = [...usersData]; // copying the old datas array\r\n while (newArr.length > 0) {\r\n newArr.pop();\r\n }\r\n for (var i = 0; i < data.length; i++) {\r\n newArr.push(data[i]); // replace e.target.value with whatever you want to change it to\r\n }\r\n setUsersData(newArr);\r\n allUsersData = data;\r\n setTotalUsers(response.total)\r\n setLoading(false);\r\n setAllUsersDataDone(true);\r\n\r\n if (data.length > 0) {\r\n setTimeout(function () {\r\n getUserGroups(0);\r\n }, 800)\r\n }\r\n\r\n })\r\n };\r\n\r\n\r\n const getUserGroups = (count, single = false) => {\r\n var id = \"\";\r\n if (single) {\r\n setDataLoaded(false);\r\n id = count;\r\n } else {\r\n id = allUsersData[count]?.id;\r\n }\r\n\r\n getDataWithToken(`/api/usergroup/get_assigned_usergroups?userId=${id}&page=1&pagesize=10000000&sortfield=UserGroup.Name&descending=true`)\r\n .then((res) => Promise.all([res.status, res.text()]))\r\n .then(([status, response]) => {\r\n if (status === 401) {\r\n logout()\r\n return;\r\n }\r\n if (status === 500) {\r\n setPopup500(true);\r\n setLoading(false);\r\n return;\r\n }\r\n\r\n var res = JSON.parse(response);\r\n if (single) {\r\n let newArr = [...usersData]; // copying the old datas array\r\n for (var i = 0; i < newArr.length; i++) {\r\n if (newArr[i].id === count) {\r\n newArr[i].groups = res.data;\r\n }\r\n }\r\n setDataLoaded(true)\r\n } else {\r\n if (res.data.length > 0) {\r\n allUsersData[count].groups = res.data;\r\n }\r\n assignedGroupsCount++;\r\n if (assignedGroupsCount < allUsersData.length) {\r\n getUserGroups(assignedGroupsCount, single);\r\n } else {\r\n let newArr = [...usersData]; // copying the old datas array\r\n while (newArr.length > 0) {\r\n newArr.pop();\r\n }\r\n for (var i = 0; i < allUsersData.length; i++) {\r\n newArr[i] = allUsersData[i]; // replace e.target.value with whatever you want to change it to\r\n }\r\n setUsersData(newArr);\r\n assignedGroupsCount = 0;\r\n getUserProjects(0)\r\n }\r\n }\r\n })\r\n }\r\n\r\n const getUserProjects = (count, single = false) => {\r\n var id = \"\";\r\n if (single) {\r\n setDataLoaded(false);\r\n id = count;\r\n } else {\r\n id = allUsersData[count].id;\r\n }\r\n\r\n getDataWithToken(`/api/permission/get_projects_assigned_to_user?userId=${id}&page=1&pagesize=50&sortfield=Project.Name&descending=false`)\r\n .then((res) => Promise.all([res.status, res.text()]))\r\n .then(([status, response]) => {\r\n if (status === 401) {\r\n logout()\r\n return;\r\n }\r\n if (status === 500) {\r\n setPopup500(true);\r\n setLoading(false);\r\n return;\r\n }\r\n\r\n var res = JSON.parse(response);\r\n if (single) {\r\n let newArr = [...usersData]; // copying the old datas array\r\n for (var i = 0; i < newArr.length; i++) {\r\n if (newArr[i].id === count) {\r\n newArr[i].projectsData = res.data;\r\n }\r\n }\r\n setDataLoaded(true)\r\n } else {\r\n allUsersData[count].projectsData = res.data;\r\n assignedGroupsCount++;\r\n if (assignedGroupsCount < allUsersData.length) {\r\n getUserProjects(assignedGroupsCount, single);\r\n } else {\r\n let newArr = [...usersData]; // copying the old datas array\r\n while (newArr.length > 0) {\r\n newArr.pop();\r\n }\r\n for (var i = 0; i < allUsersData.length; i++) {\r\n newArr[i] = allUsersData[i]; // replace e.target.value with whatever you want to change it to\r\n }\r\n setUsersData(newArr);\r\n allUsersData = newArr;\r\n assignedGroupsCount = 0;\r\n getUserCloudDrives(0)\r\n }\r\n }\r\n\r\n })\r\n };\r\n const getUserCloudDrives = (count, single = false) => {\r\n var id = \"\";\r\n if (single) {\r\n setDataLoaded(false);\r\n id = count;\r\n } else {\r\n id = allUsersData[count].id;\r\n }\r\n getDataWithToken(`/api/permission/get_sharedclouddrive_assigned_to_user?userId=${id}&page=1&pagesize=50&sortfield=SharedClouDrive.Name&descending=false`)\r\n .then((res) => Promise.all([res.status, res.text()]))\r\n .then(([status, response]) => {\r\n if (status === 401) {\r\n logout()\r\n return;\r\n }\r\n if (status === 500) {\r\n setPopup500(true);\r\n setLoading(false);\r\n return;\r\n }\r\n\r\n var res = JSON.parse(response);\r\n if (single) {\r\n let newArr = [...usersData]; // copying the old datas array\r\n for (var i = 0; i < newArr.length; i++) {\r\n if (newArr[i].id === count) {\r\n newArr[i].drivesData = res.data;\r\n }\r\n }\r\n setDataLoaded(true)\r\n } else {\r\n allUsersData[count].drivesData = res.data;\r\n assignedGroupsCount++;\r\n if (assignedGroupsCount < allUsersData.length) {\r\n getUserCloudDrives(assignedGroupsCount, single);\r\n } else {\r\n let newArr = [...usersData]; // copying the old datas array\r\n while (newArr.length > 0) {\r\n newArr.pop();\r\n }\r\n for (var i = 0; i < allUsersData.length; i++) {\r\n newArr[i] = allUsersData[i]; // replace e.target.value with whatever you want to change it to\r\n }\r\n setUsersData(newArr);\r\n setDataLoaded(true)\r\n assignedGroupsCount = 0;\r\n }\r\n }\r\n })\r\n\r\n };\r\n\r\n // Pagination and Search\r\n const onChangePage = (value) => {\r\n setCurrentPage(value)\r\n };\r\n\r\n useEffect(() => {\r\n getAllUsers()\r\n }, [currentPage]);\r\n const onChangeSort = () => {\r\n if (!loading) {\r\n setDescending(!descending);\r\n setTimeout(function () {\r\n getAllUsers()\r\n }, 800)\r\n }\r\n };\r\n\r\n\r\n const getAllProjects = () => {\r\n if (projectsData.length < 1) {\r\n getDataWithToken(\"/api/project/get_all?page=1&pagesize=10000000&sortfield=Name&descending=true&deleted=false\")\r\n .then((res) => Promise.all([res.status, res.json()]))\r\n .then(([status, response]) => {\r\n if (status === 401) {\r\n logout()\r\n return;\r\n }\r\n if (status === 500) {\r\n setPopup500(true)\r\n return;\r\n }\r\n\r\n\r\n setProjectsData(response.data)\r\n })\r\n }\r\n }\r\n const getAllGroups = () => {\r\n if (groupsData.length < 1) {\r\n getDataWithToken(\"/api/usergroup/get_all?page=1&pagesize=10000000&sortfield=Name&descending=true&deleted=false\")\r\n .then((res) => Promise.all([res.status, res.json()]))\r\n .then(([status, response]) => {\r\n if (status === 401) {\r\n logout()\r\n return;\r\n }\r\n if (status === 500) {\r\n setPopup500(true)\r\n return;\r\n }\r\n\r\n\r\n setGroupsData(response.data)\r\n })\r\n }\r\n }\r\n const getAllDrives = () => {\r\n if (drivesData.length < 1) {\r\n if (user.userType === 16) {\r\n console.log(user)\r\n getDataWithToken(`/api/sharedclouddrive/get_all?page=1&pagesize=10000000&sortfield=Name&descending=true&deleted=false`)\r\n .then((res) => Promise.all([res.status, res.json()]))\r\n .then(([status, response]) => {\r\n if (status === 401) {\r\n //logout()\r\n return;\r\n }\r\n if (status === 500) {\r\n setPopup500(true)\r\n return;\r\n }\r\n\r\n var data = response.data;\r\n setDrivesData(data)\r\n if (selectedDriveToInviteUser.sharedDriveId !== undefined) {\r\n setSelectedDrive(selectedDriveToInviteUser.sharedDriveId)\r\n }\r\n })\r\n }\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n if (user.userType === 32 || user.userType === 64) {\r\n navigate(\"/dashboard\");\r\n return;\r\n }\r\n }, [user]);\r\n useEffect(() => {\r\n if (user.userType === 16) {\r\n if (dataFetchedRef.current) return;\r\n dataFetchedRef.current = true;\r\n getAllUsers();\r\n getDropdowns()\r\n }\r\n }, [user]);\r\n const getDropdowns = () => {\r\n getAllDrives();\r\n getAllProjects();\r\n getAllGroups();\r\n }\r\n\r\n\r\n const loadSSO = () => {\r\n getDataWithTokenSSO(\"/api/sso/get_entraId\")\r\n .then((res) => Promise.all([res.status, res.text()]))\r\n .then(([status, data]) => {\r\n if (status === 401) {\r\n logout()\r\n return;\r\n }\r\n if (status === 500) {\r\n setPopup500(true)\r\n return;\r\n }\r\n\r\n if (status === 200) {\r\n setAzureAD(true)\r\n setSSOAvailable(true);\r\n\r\n const exists = authProviderDropdown.findIndex(element => element.value === 2) > -1;\r\n\r\n if (!exists) {\r\n\r\n setAuthProviderDropdown(prevState => [...prevState, {value: 2, label: 'EntraID'}]);\r\n }\r\n }\r\n })\r\n getDataWithTokenSSO(\"/api/sso/get_okta\")\r\n .then((res) => Promise.all([res.status, res.text()]))\r\n .then(([status, data]) => {\r\n if (status === 401) {\r\n logout()\r\n return;\r\n }\r\n if (status === 500) {\r\n setPopup500(true)\r\n return;\r\n }\r\n\r\n if (status === 200) {\r\n setOkta(true)\r\n setSSOAvailable(true)\r\n const exists = authProviderDropdown.findIndex(element => element.value === 4) > -1;\r\n\r\n if (!exists) {\r\n setAuthProviderDropdown(prevState => [...prevState, {value: 4, label: 'Okta'}]);\r\n }\r\n }\r\n })\r\n getDataWithTokenSSO(\"/api/sso/get_saml\")\r\n .then((res) => Promise.all([res.status, res.text()]))\r\n .then(([status, data]) => {\r\n if (status === 401) {\r\n logout()\r\n return;\r\n }\r\n if (status === 500) {\r\n setPopup500(true)\r\n return;\r\n }\r\n\r\n if (status === 200) {\r\n setSaml(true)\r\n setSSOAvailable(true)\r\n const exists = authProviderDropdown.findIndex(element => element.value === 8) > -1;\r\n\r\n if (!exists) {\r\n setAuthProviderDropdown(prevState => [...prevState, {value: 8, label: 'Saml'}]);\r\n }\r\n }\r\n })\r\n }\r\n\r\n return (<>{contextHolder}\r\n
\r\n\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default QuoteStatus\r\n","import React, {useEffect,useRef} from \"react\";\r\nimport {Link, useNavigate} from \"react-router-dom\";\r\nimport {Button} from \"antd\";\r\nimport pageLogo from \"../../assets/images/page-logo.svg\";\r\nimport {useAuth} from \"../../context/AuthContext\";\r\nimport pageLogoWhite from \"../../assets/images/logo-dark.svg\";\r\n\r\nconst SubscriptionSuccess = () => {\r\n const navigate = useNavigate();\r\n const {setShowSidebar, setShowHeaderAndSidebar, isDark,sendDataToMixPanel,user} = useAuth();\r\n const dataFetchedRef = useRef(false);\r\n\r\n useEffect(() => {\r\n if (dataFetchedRef.current) return;\r\n dataFetchedRef.current = true;\r\n setShowSidebar(true);\r\n setShowHeaderAndSidebar(true);\r\n sendDataToMixPanel('Your subscription is successful.', user.username, {\r\n 'App': 'Web App'\r\n })\r\n }, [])\r\n return (\r\n <>\r\n \r\n
\r\n */}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n {/*
- \r\n \r\n \r\n\r\n Start Date: Tue Aug 27 2024
\r\n \r\n
\r\n Click For BackUp\r\n \r\n 12 Admin Users, 12 Cloud Connections, 11TB Of Global Storage, 13TB Of Scale Storage\r\n \r\n
\r\n
\r\n Next Payment Date: Wed Aug 27 2025\r\n Paid\r\n\r\n Unsubscribe\r\n\r\n \r\n */}\r\n\r\n\r\n {/*\r\n App = 1,\r\n Storage = 2,\r\n AdminUser = 4,\r\n CreativeUser = 8,\r\n StandardUser = 16,\r\n Connection = 32,\r\n Project = 64,\r\n Team = 128,\r\n Drive = 256,\r\n Sync = 512,\r\n SSO = 1024,\r\n Logs = 2048,\r\n FreeUser = 4096,\r\n FreeConnection = 8192\r\n\r\n */}\r\n {subscriptions.map((item)=> (<>\r\n - \r\n \r\n \r\n\r\n
\r\n {item.subscriptionTitle === null &&\r\n getIconForSubscriptionName(item.subscriptionType)\r\n }\r\n {item.subscriptionTitle !== null &&\r\n item.subscriptionTitle\r\n }\r\n
\r\n ${item.price}\r\n\r\n \r\n\r\n\r\n\r\n Start Date: {getFormatedDate(item.currentPeriodStart, false)}
\r\n Next Payment Date: {getFormatedDate(item.currentPeriodEnd,false)}\r\n {item.status}\r\n\r\n {/*Unsubscribe*/}\r\n\r\n \r\n ))}\r\n
\r\n
\r\n \r\n )\r\n}\r\n\r\nexport default SubscriptionSuccess;\r\n\r\n","var _g;\nconst _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgPlusBlackIcon(_ref, svgRef) {\n let {\n title,\n titleId\n } = _ref,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 512,\n height: 512,\n x: 0,\n y: 0,\n viewBox: \"0 0 426.667 426.667\",\n style: {\n enableBackground: \"new 0 0 512 512\"\n },\n xmlSpace: \"preserve\",\n className: \"\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M405.332 192H234.668V21.332C234.668 9.559 225.109 0 213.332 0 201.559 0 192 9.559 192 21.332V192H21.332C9.559 192 0 201.559 0 213.332c0 11.777 9.559 21.336 21.332 21.336H192v170.664c0 11.777 9.559 21.336 21.332 21.336 11.777 0 21.336-9.559 21.336-21.336V234.668h170.664c11.777 0 21.336-9.559 21.336-21.336 0-11.773-9.559-21.332-21.336-21.332zm0 0\",\n fill: \"#000000\",\n \"data-original\": \"#000000\",\n className: \"\"\n }))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgPlusBlackIcon);\nexport default __webpack_public_path__ + \"static/media/plus-black-icon.8d240fb4910e3b9a0f758c66c211b44b.svg\";\nexport { ForwardRef as ReactComponent };","import React, {useState, useRef, useEffect} from \"react\";\r\nimport uploadIcon from \"../assets/images/icons/upload-icon.svg\";\r\nimport {useAuth} from \"../context/AuthContext\";\r\nimport {Popconfirm, Select, Modal, Tooltip, Checkbox, Spin, Button, notification} from \"antd\";\r\nimport syncIcon from \"../assets/images/icons/sync-icon.svg\";\r\nimport folderIcon from \"../assets/images/icons/file-icon.svg\";\r\nimport fileIconFile from \"../assets/images/icons/file-icon-file.svg\";\r\nimport uploadNewIcon from \"../assets/images/icons/upload-icon-new.svg\";\r\nimport plusIcon from \"../assets/images/plus-black-icon.svg\";\r\nimport crossIcon from \"../assets/images/icons/cross-black-icon.svg\";\r\nimport {LoadingOutlined} from \"@ant-design/icons\";\r\nimport config from \"../config\";\r\nimport linkIcon from \"../assets/images/icons/link-icon.svg\";\r\nimport toastIcon from \"../assets/images/icons/toast-icon.svg\";\r\nimport warning from \"../assets/images/icons/warning-sign.svg\";\r\n\r\nconst AddMaterials = ({showAddMaterial = false, setShowMaterial, load}) => {\r\n const {cloudAccounts, logout, postDataWebResponseText, isWindows, setPopup500, getDataWithTokenPOST, postDataReturnText, agentIsRunning, prettySize, getFormatedDate,sendDataToMixPanel, user, setError499, setPopup499} = useAuth();\r\n const [selectedCloudAccount, setSelectedCloudAccount] = useState({});\r\n const [loading, setLoading] = useState(false);\r\n const [loadingMore, setLoadingMore] = useState(true);\r\n const [prefix, setPrefix] = useState(\"\");\r\n const [path, setPath] = useState(\"\");\r\n const [bucket, setBucket] = useState(\"\");\r\n const [isModalOpen, setIsModalOpen] = useState(false);\r\n const [continuationToken, setContinuationToken] = useState(\"\");\r\n const [previousPath, setPreviousPath] = useState([]);\r\n const [previousPathFiles, setPreviousPathFiles] = useState([]);\r\n const [showData, setShowData] = useState(false);\r\n const [modalData, setModalData] = useState(\"\");\r\n const [buckets, setBuckets] = useState([]);\r\n const [result, setResult] = useState([]);\r\n const [showPrefix, setShowPrefix] = useState(false);\r\n const antIcon = \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n Your subscription is successful.
\r\n
\r\n Your subscription is successful.
Go to the dashboard to keep using Amove.
\r\n \r\n \r\n
\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Add New Material
\r\n\r\n
\r\n \r\n \r\n (option?.label ?? '').toLowerCase().includes(input.toLowerCase())\r\n }\r\n options={cloudAccounts.map((item) => ({\r\n label: item.name,\r\n value: item.id,\r\n }))}\r\n />\r\n
\r\n \r\n \r\n (option?.label ?? '').toLowerCase().includes(input.toLowerCase())\r\n }\r\n options={buckets.map((item) => ({\r\n label: item.name,\r\n value: item.name,\r\n }))}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n
\r\n \r\n {previousPathFiles.length > 0 &&\r\n \r\n }\r\n {path.length > 1 &&\r\n Path: {path}\r\n }\r\n {!loading &&\r\n
\r\n {result.length > 0 &&\r\n \r\n 
\r\n
\r\n }\r\n \r\n
\r\n }\r\n \r\n\r\n
\r\n \r\n Name
\r\n Size
\r\n Date Modified
\r\n \r\n\r\n {loading &&\r\n
\r\n \r\n
\r\n }\r\n {!loading && result.length === 0 &&\r\n \r\n There are no Objects.\r\n
\r\n }\r\n {!loading && result.map((item, index) => (\r\n \r\n
\r\n\r\n ))}\r\n\r\n \r\n {item.type === 2 &&\r\n \r\n }\r\n
\r\n \r\n {item.type === 2 &&\r\n 
\r\n }\r\n {item.type === 1 &&\r\n 
\r\n }\r\n
\r\n {item.name}\r\n \r\n {item.type === 1 &&\r\n prettySize(item.size)\r\n }\r\n
\r\n \r\n {item.type === 1 &&\r\n
\r\n {getFormatedDate(item.lastModifiedUtc)}
\r\n }\r\n\r\n {item.type === 1 &&\r\n \r\n }\r\n\r\n {!loading && continuationToken != null && result.length > 0 && bucket !== '' &&\r\n\r\n
\r\n \r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n {modalData.name}
\r\nOnly you can access
\r\n\r\n
\r\n - \r\n
\r\n
\r\n Add this file as Material
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n {(error === true) &&\r\n Please add title (required)\r\n }\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport default Materials;\r\n\r\n","// This icon file is generated automatically.\nvar DoubleLeftOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M272.9 512l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L186.8 492.3a31.99 31.99 0 000 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H532c6.7 0 10.4-7.7 6.3-12.9L272.9 512zm304 0l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L490.8 492.3a31.99 31.99 0 000 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H836c6.7 0 10.4-7.7 6.3-12.9L576.9 512z\" } }] }, \"name\": \"double-left\", \"theme\": \"outlined\" };\nexport default DoubleLeftOutlined;\n","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport * as React from 'react';\nimport DoubleLeftOutlinedSvg from \"@ant-design/icons-svg/es/asn/DoubleLeftOutlined\";\nimport AntdIcon from '../components/AntdIcon';\nvar DoubleLeftOutlined = function DoubleLeftOutlined(props, ref) {\n return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread(_objectSpread({}, props), {}, {\n ref: ref,\n icon: DoubleLeftOutlinedSvg\n }));\n};\nDoubleLeftOutlined.displayName = 'DoubleLeftOutlined';\nexport default /*#__PURE__*/React.forwardRef(DoubleLeftOutlined);","// This icon file is generated automatically.\nvar DoubleRightOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M533.2 492.3L277.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H188c-6.7 0-10.4 7.7-6.3 12.9L447.1 512 181.7 851.1A7.98 7.98 0 00188 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5zm304 0L581.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H492c-6.7 0-10.4 7.7-6.3 12.9L751.1 512 485.7 851.1A7.98 7.98 0 00492 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5z\" } }] }, \"name\": \"double-right\", \"theme\": \"outlined\" };\nexport default DoubleRightOutlined;\n","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport * as React from 'react';\nimport DoubleRightOutlinedSvg from \"@ant-design/icons-svg/es/asn/DoubleRightOutlined\";\nimport AntdIcon from '../components/AntdIcon';\nvar DoubleRightOutlined = function DoubleRightOutlined(props, ref) {\n return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread(_objectSpread({}, props), {}, {\n ref: ref,\n icon: DoubleRightOutlinedSvg\n }));\n};\nDoubleRightOutlined.displayName = 'DoubleRightOutlined';\nexport default /*#__PURE__*/React.forwardRef(DoubleRightOutlined);","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\n/* eslint react/prop-types: 0 */\nimport React from 'react';\nimport classNames from 'classnames';\nvar Pager = function Pager(props) {\n var _classNames;\n var prefixCls = \"\".concat(props.rootPrefixCls, \"-item\");\n var cls = classNames(prefixCls, \"\".concat(prefixCls, \"-\").concat(props.page), (_classNames = {}, _defineProperty(_classNames, \"\".concat(prefixCls, \"-active\"), props.active), _defineProperty(_classNames, \"\".concat(prefixCls, \"-disabled\"), !props.page), _defineProperty(_classNames, props.className, !!props.className), _classNames));\n var handleClick = function handleClick() {\n props.onClick(props.page);\n };\n var handleKeyPress = function handleKeyPress(e) {\n props.onKeyPress(e, props.onClick, props.page);\n };\n return /*#__PURE__*/React.createElement(\"li\", {\n title: props.showTitle ? props.page : null,\n className: cls,\n onClick: handleClick,\n onKeyPress: handleKeyPress,\n tabIndex: \"0\"\n }, props.itemRender(props.page, 'page', /*#__PURE__*/React.createElement(\"a\", {\n rel: \"nofollow\"\n }, props.page)));\n};\nexport default Pager;","export default {\n ZERO: 48,\n NINE: 57,\n NUMPAD_ZERO: 96,\n NUMPAD_NINE: 105,\n BACKSPACE: 8,\n DELETE: 46,\n ENTER: 13,\n ARROW_UP: 38,\n ARROW_DOWN: 40\n};","import _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _inherits from \"@babel/runtime/helpers/esm/inherits\";\nimport _createSuper from \"@babel/runtime/helpers/esm/createSuper\";\n/* eslint react/prop-types: 0 */\nimport React from 'react';\nimport KEYCODE from './KeyCode';\nvar Options = /*#__PURE__*/function (_React$Component) {\n _inherits(Options, _React$Component);\n var _super = _createSuper(Options);\n function Options() {\n var _this;\n _classCallCheck(this, Options);\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n _this = _super.call.apply(_super, [this].concat(args));\n _this.state = {\n goInputText: ''\n };\n _this.buildOptionText = function (value) {\n return \"\".concat(value, \" \").concat(_this.props.locale.items_per_page);\n };\n _this.changeSize = function (value) {\n _this.props.changeSize(Number(value));\n };\n _this.handleChange = function (e) {\n _this.setState({\n goInputText: e.target.value\n });\n };\n _this.handleBlur = function (e) {\n var _this$props = _this.props,\n goButton = _this$props.goButton,\n quickGo = _this$props.quickGo,\n rootPrefixCls = _this$props.rootPrefixCls;\n var goInputText = _this.state.goInputText;\n if (goButton || goInputText === '') {\n return;\n }\n _this.setState({\n goInputText: ''\n });\n if (e.relatedTarget && (e.relatedTarget.className.indexOf(\"\".concat(rootPrefixCls, \"-item-link\")) >= 0 || e.relatedTarget.className.indexOf(\"\".concat(rootPrefixCls, \"-item\")) >= 0)) {\n return;\n }\n quickGo(_this.getValidValue());\n };\n _this.go = function (e) {\n var goInputText = _this.state.goInputText;\n if (goInputText === '') {\n return;\n }\n if (e.keyCode === KEYCODE.ENTER || e.type === 'click') {\n _this.setState({\n goInputText: ''\n });\n _this.props.quickGo(_this.getValidValue());\n }\n };\n return _this;\n }\n _createClass(Options, [{\n key: \"getValidValue\",\n value: function getValidValue() {\n var goInputText = this.state.goInputText;\n // eslint-disable-next-line no-restricted-globals\n return !goInputText || isNaN(goInputText) ? undefined : Number(goInputText);\n }\n }, {\n key: \"getPageSizeOptions\",\n value: function getPageSizeOptions() {\n var _this$props2 = this.props,\n pageSize = _this$props2.pageSize,\n pageSizeOptions = _this$props2.pageSizeOptions;\n if (pageSizeOptions.some(function (option) {\n return option.toString() === pageSize.toString();\n })) {\n return pageSizeOptions;\n }\n return pageSizeOptions.concat([pageSize.toString()]).sort(function (a, b) {\n // eslint-disable-next-line no-restricted-globals\n var numberA = isNaN(Number(a)) ? 0 : Number(a);\n // eslint-disable-next-line no-restricted-globals\n var numberB = isNaN(Number(b)) ? 0 : Number(b);\n return numberA - numberB;\n });\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this2 = this;\n var _this$props3 = this.props,\n pageSize = _this$props3.pageSize,\n locale = _this$props3.locale,\n rootPrefixCls = _this$props3.rootPrefixCls,\n changeSize = _this$props3.changeSize,\n quickGo = _this$props3.quickGo,\n goButton = _this$props3.goButton,\n selectComponentClass = _this$props3.selectComponentClass,\n buildOptionText = _this$props3.buildOptionText,\n selectPrefixCls = _this$props3.selectPrefixCls,\n disabled = _this$props3.disabled;\n var goInputText = this.state.goInputText;\n var prefixCls = \"\".concat(rootPrefixCls, \"-options\");\n var Select = selectComponentClass;\n var changeSelect = null;\n var goInput = null;\n var gotoButton = null;\n if (!changeSize && !quickGo) {\n return null;\n }\n var pageSizeOptions = this.getPageSizeOptions();\n if (changeSize && Select) {\n var options = pageSizeOptions.map(function (opt, i) {\n return /*#__PURE__*/React.createElement(Select.Option, {\n key: i,\n value: opt.toString()\n }, (buildOptionText || _this2.buildOptionText)(opt));\n });\n changeSelect = /*#__PURE__*/React.createElement(Select, {\n disabled: disabled,\n prefixCls: selectPrefixCls,\n showSearch: false,\n className: \"\".concat(prefixCls, \"-size-changer\"),\n optionLabelProp: \"children\",\n dropdownMatchSelectWidth: false,\n value: (pageSize || pageSizeOptions[0]).toString(),\n onChange: this.changeSize,\n getPopupContainer: function getPopupContainer(triggerNode) {\n return triggerNode.parentNode;\n },\n \"aria-label\": locale.page_size,\n defaultOpen: false\n }, options);\n }\n if (quickGo) {\n if (goButton) {\n gotoButton = typeof goButton === 'boolean' ? /*#__PURE__*/React.createElement(\"button\", {\n type: \"button\",\n onClick: this.go,\n onKeyUp: this.go,\n disabled: disabled,\n className: \"\".concat(prefixCls, \"-quick-jumper-button\")\n }, locale.jump_to_confirm) : /*#__PURE__*/React.createElement(\"span\", {\n onClick: this.go,\n onKeyUp: this.go\n }, goButton);\n }\n goInput = /*#__PURE__*/React.createElement(\"div\", {\n className: \"\".concat(prefixCls, \"-quick-jumper\")\n }, locale.jump_to, /*#__PURE__*/React.createElement(\"input\", {\n disabled: disabled,\n type: \"text\",\n value: goInputText,\n onChange: this.handleChange,\n onKeyUp: this.go,\n onBlur: this.handleBlur,\n \"aria-label\": locale.page\n }), locale.page, gotoButton);\n }\n return /*#__PURE__*/React.createElement(\"li\", {\n className: \"\".concat(prefixCls)\n }, changeSelect, goInput);\n }\n }]);\n return Options;\n}(React.Component);\nOptions.defaultProps = {\n pageSizeOptions: ['10', '20', '50', '100']\n};\nexport default Options;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _inherits from \"@babel/runtime/helpers/esm/inherits\";\nimport _createSuper from \"@babel/runtime/helpers/esm/createSuper\";\n/* eslint react/prop-types: 0 */\nimport React, { cloneElement, isValidElement } from 'react';\nimport classNames from 'classnames';\nimport Pager from './Pager';\nimport Options from './Options';\nimport KEYCODE from './KeyCode';\nimport LOCALE from './locale/zh_CN';\nfunction noop() {}\nfunction isInteger(v) {\n var value = Number(v);\n return (\n // eslint-disable-next-line no-restricted-globals\n typeof value === 'number' && !isNaN(value) && isFinite(value) && Math.floor(value) === value\n );\n}\nfunction defaultItemRender(page, type, element) {\n return element;\n}\nfunction calculatePage(p, state, props) {\n var pageSize = typeof p === 'undefined' ? state.pageSize : p;\n return Math.floor((props.total - 1) / pageSize) + 1;\n}\nvar Pagination = /*#__PURE__*/function (_React$Component) {\n _inherits(Pagination, _React$Component);\n var _super = _createSuper(Pagination);\n function Pagination(props) {\n var _this;\n _classCallCheck(this, Pagination);\n _this = _super.call(this, props);\n _this.getJumpPrevPage = function () {\n return Math.max(1, _this.state.current - (_this.props.showLessItems ? 3 : 5));\n };\n _this.getJumpNextPage = function () {\n return Math.min(calculatePage(undefined, _this.state, _this.props), _this.state.current + (_this.props.showLessItems ? 3 : 5));\n };\n _this.getItemIcon = function (icon, label) {\n var prefixCls = _this.props.prefixCls;\n var iconNode = icon || /*#__PURE__*/React.createElement(\"button\", {\n type: \"button\",\n \"aria-label\": label,\n className: \"\".concat(prefixCls, \"-item-link\")\n });\n if (typeof icon === 'function') {\n iconNode = /*#__PURE__*/React.createElement(icon, _objectSpread({}, _this.props));\n }\n return iconNode;\n };\n _this.savePaginationNode = function (node) {\n _this.paginationNode = node;\n };\n _this.isValid = function (page) {\n var total = _this.props.total;\n return isInteger(page) && page !== _this.state.current && isInteger(total) && total > 0;\n };\n _this.shouldDisplayQuickJumper = function () {\n var _this$props = _this.props,\n showQuickJumper = _this$props.showQuickJumper,\n total = _this$props.total;\n var pageSize = _this.state.pageSize;\n if (total <= pageSize) {\n return false;\n }\n return showQuickJumper;\n };\n _this.handleKeyDown = function (e) {\n if (e.keyCode === KEYCODE.ARROW_UP || e.keyCode === KEYCODE.ARROW_DOWN) {\n e.preventDefault();\n }\n };\n _this.handleKeyUp = function (e) {\n var value = _this.getValidValue(e);\n var currentInputValue = _this.state.currentInputValue;\n if (value !== currentInputValue) {\n _this.setState({\n currentInputValue: value\n });\n }\n if (e.keyCode === KEYCODE.ENTER) {\n _this.handleChange(value);\n } else if (e.keyCode === KEYCODE.ARROW_UP) {\n _this.handleChange(value - 1);\n } else if (e.keyCode === KEYCODE.ARROW_DOWN) {\n _this.handleChange(value + 1);\n }\n };\n _this.handleBlur = function (e) {\n var value = _this.getValidValue(e);\n _this.handleChange(value);\n };\n _this.changePageSize = function (size) {\n var current = _this.state.current;\n var newCurrent = calculatePage(size, _this.state, _this.props);\n current = current > newCurrent ? newCurrent : current;\n // fix the issue:\n // Once 'total' is 0, 'current' in 'onShowSizeChange' is 0, which is not correct.\n if (newCurrent === 0) {\n // eslint-disable-next-line prefer-destructuring\n current = _this.state.current;\n }\n if (typeof size === 'number') {\n if (!('pageSize' in _this.props)) {\n _this.setState({\n pageSize: size\n });\n }\n if (!('current' in _this.props)) {\n _this.setState({\n current: current,\n currentInputValue: current\n });\n }\n }\n _this.props.onShowSizeChange(current, size);\n if ('onChange' in _this.props && _this.props.onChange) {\n _this.props.onChange(current, size);\n }\n };\n _this.handleChange = function (page) {\n var _this$props2 = _this.props,\n disabled = _this$props2.disabled,\n onChange = _this$props2.onChange;\n var _this$state = _this.state,\n pageSize = _this$state.pageSize,\n current = _this$state.current,\n currentInputValue = _this$state.currentInputValue;\n if (_this.isValid(page) && !disabled) {\n var currentPage = calculatePage(undefined, _this.state, _this.props);\n var newPage = page;\n if (page > currentPage) {\n newPage = currentPage;\n } else if (page < 1) {\n newPage = 1;\n }\n if (!('current' in _this.props)) {\n _this.setState({\n current: newPage\n });\n }\n if (newPage !== currentInputValue) {\n _this.setState({\n currentInputValue: newPage\n });\n }\n onChange(newPage, pageSize);\n return newPage;\n }\n return current;\n };\n _this.prev = function () {\n if (_this.hasPrev()) {\n _this.handleChange(_this.state.current - 1);\n }\n };\n _this.next = function () {\n if (_this.hasNext()) {\n _this.handleChange(_this.state.current + 1);\n }\n };\n _this.jumpPrev = function () {\n _this.handleChange(_this.getJumpPrevPage());\n };\n _this.jumpNext = function () {\n _this.handleChange(_this.getJumpNextPage());\n };\n _this.hasPrev = function () {\n return _this.state.current > 1;\n };\n _this.hasNext = function () {\n return _this.state.current < calculatePage(undefined, _this.state, _this.props);\n };\n _this.runIfEnter = function (event, callback) {\n if (event.key === 'Enter' || event.charCode === 13) {\n for (var _len = arguments.length, restParams = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {\n restParams[_key - 2] = arguments[_key];\n }\n callback.apply(void 0, restParams);\n }\n };\n _this.runIfEnterPrev = function (e) {\n _this.runIfEnter(e, _this.prev);\n };\n _this.runIfEnterNext = function (e) {\n _this.runIfEnter(e, _this.next);\n };\n _this.runIfEnterJumpPrev = function (e) {\n _this.runIfEnter(e, _this.jumpPrev);\n };\n _this.runIfEnterJumpNext = function (e) {\n _this.runIfEnter(e, _this.jumpNext);\n };\n _this.handleGoTO = function (e) {\n if (e.keyCode === KEYCODE.ENTER || e.type === 'click') {\n _this.handleChange(_this.state.currentInputValue);\n }\n };\n var hasOnChange = props.onChange !== noop;\n var hasCurrent = ('current' in props);\n if (hasCurrent && !hasOnChange) {\n // eslint-disable-next-line no-console\n console.warn('Warning: You provided a `current` prop to a Pagination component without an `onChange` handler. This will render a read-only component.');\n }\n var _current = props.defaultCurrent;\n if ('current' in props) {\n // eslint-disable-next-line prefer-destructuring\n _current = props.current;\n }\n var _pageSize = props.defaultPageSize;\n if ('pageSize' in props) {\n // eslint-disable-next-line prefer-destructuring\n _pageSize = props.pageSize;\n }\n _current = Math.min(_current, calculatePage(_pageSize, undefined, props));\n _this.state = {\n current: _current,\n currentInputValue: _current,\n pageSize: _pageSize\n };\n return _this;\n }\n _createClass(Pagination, [{\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps, prevState) {\n // When current page change, fix focused style of prev item\n // A hacky solution of https://github.com/ant-design/ant-design/issues/8948\n var prefixCls = this.props.prefixCls;\n if (prevState.current !== this.state.current && this.paginationNode) {\n var lastCurrentNode = this.paginationNode.querySelector(\".\".concat(prefixCls, \"-item-\").concat(prevState.current));\n if (lastCurrentNode && document.activeElement === lastCurrentNode) {\n lastCurrentNode.blur();\n }\n }\n }\n }, {\n key: \"getValidValue\",\n value: function getValidValue(e) {\n var inputValue = e.target.value;\n var allPages = calculatePage(undefined, this.state, this.props);\n var currentInputValue = this.state.currentInputValue;\n var value;\n if (inputValue === '') {\n value = inputValue;\n // eslint-disable-next-line no-restricted-globals\n } else if (isNaN(Number(inputValue))) {\n value = currentInputValue;\n } else if (inputValue >= allPages) {\n value = allPages;\n } else {\n value = Number(inputValue);\n }\n return value;\n }\n }, {\n key: \"getShowSizeChanger\",\n value: function getShowSizeChanger() {\n var _this$props3 = this.props,\n showSizeChanger = _this$props3.showSizeChanger,\n total = _this$props3.total,\n totalBoundaryShowSizeChanger = _this$props3.totalBoundaryShowSizeChanger;\n if (typeof showSizeChanger !== 'undefined') {\n return showSizeChanger;\n }\n return total > totalBoundaryShowSizeChanger;\n }\n }, {\n key: \"renderPrev\",\n value: function renderPrev(prevPage) {\n var _this$props4 = this.props,\n prevIcon = _this$props4.prevIcon,\n itemRender = _this$props4.itemRender;\n var prevButton = itemRender(prevPage, 'prev', this.getItemIcon(prevIcon, 'prev page'));\n var disabled = !this.hasPrev();\n return /*#__PURE__*/isValidElement(prevButton) ? /*#__PURE__*/cloneElement(prevButton, {\n disabled: disabled\n }) : prevButton;\n }\n }, {\n key: \"renderNext\",\n value: function renderNext(nextPage) {\n var _this$props5 = this.props,\n nextIcon = _this$props5.nextIcon,\n itemRender = _this$props5.itemRender;\n var nextButton = itemRender(nextPage, 'next', this.getItemIcon(nextIcon, 'next page'));\n var disabled = !this.hasNext();\n return /*#__PURE__*/isValidElement(nextButton) ? /*#__PURE__*/cloneElement(nextButton, {\n disabled: disabled\n }) : nextButton;\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this2 = this;\n var _this$props6 = this.props,\n prefixCls = _this$props6.prefixCls,\n className = _this$props6.className,\n style = _this$props6.style,\n disabled = _this$props6.disabled,\n hideOnSinglePage = _this$props6.hideOnSinglePage,\n total = _this$props6.total,\n locale = _this$props6.locale,\n showQuickJumper = _this$props6.showQuickJumper,\n showLessItems = _this$props6.showLessItems,\n showTitle = _this$props6.showTitle,\n showTotal = _this$props6.showTotal,\n simple = _this$props6.simple,\n itemRender = _this$props6.itemRender,\n showPrevNextJumpers = _this$props6.showPrevNextJumpers,\n jumpPrevIcon = _this$props6.jumpPrevIcon,\n jumpNextIcon = _this$props6.jumpNextIcon,\n selectComponentClass = _this$props6.selectComponentClass,\n selectPrefixCls = _this$props6.selectPrefixCls,\n pageSizeOptions = _this$props6.pageSizeOptions;\n var _this$state2 = this.state,\n current = _this$state2.current,\n pageSize = _this$state2.pageSize,\n currentInputValue = _this$state2.currentInputValue;\n\n // When hideOnSinglePage is true and there is only 1 page, hide the pager\n if (hideOnSinglePage === true && total <= pageSize) {\n return null;\n }\n var allPages = calculatePage(undefined, this.state, this.props);\n var pagerList = [];\n var jumpPrev = null;\n var jumpNext = null;\n var firstPager = null;\n var lastPager = null;\n var gotoButton = null;\n var goButton = showQuickJumper && showQuickJumper.goButton;\n var pageBufferSize = showLessItems ? 1 : 2;\n var prevPage = current - 1 > 0 ? current - 1 : 0;\n var nextPage = current + 1 < allPages ? current + 1 : allPages;\n var dataOrAriaAttributeProps = Object.keys(this.props).reduce(function (prev, key) {\n if (key.substr(0, 5) === 'data-' || key.substr(0, 5) === 'aria-' || key === 'role') {\n // eslint-disable-next-line no-param-reassign\n prev[key] = _this2.props[key];\n }\n return prev;\n }, {});\n var totalText = showTotal && /*#__PURE__*/React.createElement(\"li\", {\n className: \"\".concat(prefixCls, \"-total-text\")\n }, showTotal(total, [total === 0 ? 0 : (current - 1) * pageSize + 1, current * pageSize > total ? total : current * pageSize]));\n if (simple) {\n if (goButton) {\n if (typeof goButton === 'boolean') {\n gotoButton = /*#__PURE__*/React.createElement(\"button\", {\n type: \"button\",\n onClick: this.handleGoTO,\n onKeyUp: this.handleGoTO\n }, locale.jump_to_confirm);\n } else {\n gotoButton = /*#__PURE__*/React.createElement(\"span\", {\n onClick: this.handleGoTO,\n onKeyUp: this.handleGoTO\n }, goButton);\n }\n gotoButton = /*#__PURE__*/React.createElement(\"li\", {\n title: showTitle ? \"\".concat(locale.jump_to).concat(current, \"/\").concat(allPages) : null,\n className: \"\".concat(prefixCls, \"-simple-pager\")\n }, gotoButton);\n }\n return /*#__PURE__*/React.createElement(\"ul\", _extends({\n className: classNames(prefixCls, \"\".concat(prefixCls, \"-simple\"), _defineProperty({}, \"\".concat(prefixCls, \"-disabled\"), disabled), className),\n style: style,\n ref: this.savePaginationNode\n }, dataOrAriaAttributeProps), totalText, /*#__PURE__*/React.createElement(\"li\", {\n title: showTitle ? locale.prev_page : null,\n onClick: this.prev,\n tabIndex: this.hasPrev() ? 0 : null,\n onKeyPress: this.runIfEnterPrev,\n className: classNames(\"\".concat(prefixCls, \"-prev\"), _defineProperty({}, \"\".concat(prefixCls, \"-disabled\"), !this.hasPrev())),\n \"aria-disabled\": !this.hasPrev()\n }, this.renderPrev(prevPage)), /*#__PURE__*/React.createElement(\"li\", {\n title: showTitle ? \"\".concat(current, \"/\").concat(allPages) : null,\n className: \"\".concat(prefixCls, \"-simple-pager\")\n }, /*#__PURE__*/React.createElement(\"input\", {\n type: \"text\",\n value: currentInputValue,\n disabled: disabled,\n onKeyDown: this.handleKeyDown,\n onKeyUp: this.handleKeyUp,\n onChange: this.handleKeyUp,\n onBlur: this.handleBlur,\n size: \"3\"\n }), /*#__PURE__*/React.createElement(\"span\", {\n className: \"\".concat(prefixCls, \"-slash\")\n }, \"/\"), allPages), /*#__PURE__*/React.createElement(\"li\", {\n title: showTitle ? locale.next_page : null,\n onClick: this.next,\n tabIndex: this.hasPrev() ? 0 : null,\n onKeyPress: this.runIfEnterNext,\n className: classNames(\"\".concat(prefixCls, \"-next\"), _defineProperty({}, \"\".concat(prefixCls, \"-disabled\"), !this.hasNext())),\n \"aria-disabled\": !this.hasNext()\n }, this.renderNext(nextPage)), gotoButton);\n }\n if (allPages <= 3 + pageBufferSize * 2) {\n var pagerProps = {\n locale: locale,\n rootPrefixCls: prefixCls,\n onClick: this.handleChange,\n onKeyPress: this.runIfEnter,\n showTitle: showTitle,\n itemRender: itemRender\n };\n if (!allPages) {\n pagerList.push( /*#__PURE__*/React.createElement(Pager, _extends({}, pagerProps, {\n key: \"noPager\",\n page: 1,\n className: \"\".concat(prefixCls, \"-item-disabled\")\n })));\n }\n for (var i = 1; i <= allPages; i += 1) {\n var active = current === i;\n pagerList.push( /*#__PURE__*/React.createElement(Pager, _extends({}, pagerProps, {\n key: i,\n page: i,\n active: active\n })));\n }\n } else {\n var prevItemTitle = showLessItems ? locale.prev_3 : locale.prev_5;\n var nextItemTitle = showLessItems ? locale.next_3 : locale.next_5;\n if (showPrevNextJumpers) {\n jumpPrev = /*#__PURE__*/React.createElement(\"li\", {\n title: showTitle ? prevItemTitle : null,\n key: \"prev\",\n onClick: this.jumpPrev,\n tabIndex: \"0\",\n onKeyPress: this.runIfEnterJumpPrev,\n className: classNames(\"\".concat(prefixCls, \"-jump-prev\"), _defineProperty({}, \"\".concat(prefixCls, \"-jump-prev-custom-icon\"), !!jumpPrevIcon))\n }, itemRender(this.getJumpPrevPage(), 'jump-prev', this.getItemIcon(jumpPrevIcon, 'prev page')));\n jumpNext = /*#__PURE__*/React.createElement(\"li\", {\n title: showTitle ? nextItemTitle : null,\n key: \"next\",\n tabIndex: \"0\",\n onClick: this.jumpNext,\n onKeyPress: this.runIfEnterJumpNext,\n className: classNames(\"\".concat(prefixCls, \"-jump-next\"), _defineProperty({}, \"\".concat(prefixCls, \"-jump-next-custom-icon\"), !!jumpNextIcon))\n }, itemRender(this.getJumpNextPage(), 'jump-next', this.getItemIcon(jumpNextIcon, 'next page')));\n }\n lastPager = /*#__PURE__*/React.createElement(Pager, {\n locale: locale,\n last: true,\n rootPrefixCls: prefixCls,\n onClick: this.handleChange,\n onKeyPress: this.runIfEnter,\n key: allPages,\n page: allPages,\n active: false,\n showTitle: showTitle,\n itemRender: itemRender\n });\n firstPager = /*#__PURE__*/React.createElement(Pager, {\n locale: locale,\n rootPrefixCls: prefixCls,\n onClick: this.handleChange,\n onKeyPress: this.runIfEnter,\n key: 1,\n page: 1,\n active: false,\n showTitle: showTitle,\n itemRender: itemRender\n });\n var left = Math.max(1, current - pageBufferSize);\n var right = Math.min(current + pageBufferSize, allPages);\n if (current - 1 <= pageBufferSize) {\n right = 1 + pageBufferSize * 2;\n }\n if (allPages - current <= pageBufferSize) {\n left = allPages - pageBufferSize * 2;\n }\n for (var _i = left; _i <= right; _i += 1) {\n var _active = current === _i;\n pagerList.push( /*#__PURE__*/React.createElement(Pager, {\n locale: locale,\n rootPrefixCls: prefixCls,\n onClick: this.handleChange,\n onKeyPress: this.runIfEnter,\n key: _i,\n page: _i,\n active: _active,\n showTitle: showTitle,\n itemRender: itemRender\n }));\n }\n if (current - 1 >= pageBufferSize * 2 && current !== 1 + 2) {\n pagerList[0] = /*#__PURE__*/cloneElement(pagerList[0], {\n className: \"\".concat(prefixCls, \"-item-after-jump-prev\")\n });\n pagerList.unshift(jumpPrev);\n }\n if (allPages - current >= pageBufferSize * 2 && current !== allPages - 2) {\n pagerList[pagerList.length - 1] = /*#__PURE__*/cloneElement(pagerList[pagerList.length - 1], {\n className: \"\".concat(prefixCls, \"-item-before-jump-next\")\n });\n pagerList.push(jumpNext);\n }\n if (left !== 1) {\n pagerList.unshift(firstPager);\n }\n if (right !== allPages) {\n pagerList.push(lastPager);\n }\n }\n var prevDisabled = !this.hasPrev() || !allPages;\n var nextDisabled = !this.hasNext() || !allPages;\n return /*#__PURE__*/React.createElement(\"ul\", _extends({\n className: classNames(prefixCls, className, _defineProperty({}, \"\".concat(prefixCls, \"-disabled\"), disabled)),\n style: style,\n ref: this.savePaginationNode\n }, dataOrAriaAttributeProps), totalText, /*#__PURE__*/React.createElement(\"li\", {\n title: showTitle ? locale.prev_page : null,\n onClick: this.prev,\n tabIndex: prevDisabled ? null : 0,\n onKeyPress: this.runIfEnterPrev,\n className: classNames(\"\".concat(prefixCls, \"-prev\"), _defineProperty({}, \"\".concat(prefixCls, \"-disabled\"), prevDisabled)),\n \"aria-disabled\": prevDisabled\n }, this.renderPrev(prevPage)), pagerList, /*#__PURE__*/React.createElement(\"li\", {\n title: showTitle ? locale.next_page : null,\n onClick: this.next,\n tabIndex: nextDisabled ? null : 0,\n onKeyPress: this.runIfEnterNext,\n className: classNames(\"\".concat(prefixCls, \"-next\"), _defineProperty({}, \"\".concat(prefixCls, \"-disabled\"), nextDisabled)),\n \"aria-disabled\": nextDisabled\n }, this.renderNext(nextPage)), /*#__PURE__*/React.createElement(Options, {\n disabled: disabled,\n locale: locale,\n rootPrefixCls: prefixCls,\n selectComponentClass: selectComponentClass,\n selectPrefixCls: selectPrefixCls,\n changeSize: this.getShowSizeChanger() ? this.changePageSize : null,\n current: current,\n pageSize: pageSize,\n pageSizeOptions: pageSizeOptions,\n quickGo: this.shouldDisplayQuickJumper() ? this.handleChange : null,\n goButton: goButton\n }));\n }\n }], [{\n key: \"getDerivedStateFromProps\",\n value: function getDerivedStateFromProps(props, prevState) {\n var newState = {};\n if ('current' in props) {\n newState.current = props.current;\n if (props.current !== prevState.current) {\n newState.currentInputValue = newState.current;\n }\n }\n if ('pageSize' in props && props.pageSize !== prevState.pageSize) {\n var current = prevState.current;\n var newCurrent = calculatePage(props.pageSize, prevState, props);\n current = current > newCurrent ? newCurrent : current;\n if (!('current' in props)) {\n newState.current = current;\n newState.currentInputValue = current;\n }\n newState.pageSize = props.pageSize;\n }\n return newState;\n }\n }]);\n return Pagination;\n}(React.Component);\nPagination.defaultProps = {\n defaultCurrent: 1,\n total: 0,\n defaultPageSize: 10,\n onChange: noop,\n className: '',\n selectPrefixCls: 'rc-select',\n prefixCls: 'rc-pagination',\n selectComponentClass: null,\n hideOnSinglePage: false,\n showPrevNextJumpers: true,\n showQuickJumper: false,\n showLessItems: false,\n showTitle: true,\n onShowSizeChange: noop,\n locale: LOCALE,\n style: {},\n itemRender: defaultItemRender,\n totalBoundaryShowSizeChanger: 50\n};\nexport default Pagination;","export default {\n // Options.jsx\n items_per_page: '条/页',\n jump_to: '跳至',\n jump_to_confirm: '确定',\n page: '页',\n // Pagination.jsx\n prev_page: '上一页',\n next_page: '下一页',\n prev_5: '向前 5 页',\n next_5: '向后 5 页',\n prev_3: '向前 3 页',\n next_3: '向后 3 页',\n page_size: '页码'\n};","import * as React from 'react';\nexport default function useForceUpdate() {\n const [, forceUpdate] = React.useReducer(x => x + 1, 0);\n return forceUpdate;\n}","import React from 'react';\nimport { useToken } from '../theme/internal';\nexport const responsiveArray = ['xxl', 'xl', 'lg', 'md', 'sm', 'xs'];\nconst getResponsiveMap = token => ({\n xs: `(max-width: ${token.screenXSMax}px)`,\n sm: `(min-width: ${token.screenSM}px)`,\n md: `(min-width: ${token.screenMD}px)`,\n lg: `(min-width: ${token.screenLG}px)`,\n xl: `(min-width: ${token.screenXL}px)`,\n xxl: `(min-width: ${token.screenXXL}px)`\n});\n/**\n * Ensures that the breakpoints token are valid, in good order\n * For each breakpoint : screenMin <= screen <= screenMax and screenMax <= nextScreenMin\n */\nconst validateBreakpoints = token => {\n const indexableToken = token;\n const revBreakpoints = [].concat(responsiveArray).reverse();\n revBreakpoints.forEach((breakpoint, i) => {\n const breakpointUpper = breakpoint.toUpperCase();\n const screenMin = `screen${breakpointUpper}Min`;\n const screen = `screen${breakpointUpper}`;\n if (!(indexableToken[screenMin] <= indexableToken[screen])) {\n throw new Error(`${screenMin}<=${screen} fails : !(${indexableToken[screenMin]}<=${indexableToken[screen]})`);\n }\n if (i < revBreakpoints.length - 1) {\n const screenMax = `screen${breakpointUpper}Max`;\n if (!(indexableToken[screen] <= indexableToken[screenMax])) {\n throw new Error(`${screen}<=${screenMax} fails : !(${indexableToken[screen]}<=${indexableToken[screenMax]})`);\n }\n const nextBreakpointUpperMin = revBreakpoints[i + 1].toUpperCase();\n const nextScreenMin = `screen${nextBreakpointUpperMin}Min`;\n if (!(indexableToken[screenMax] <= indexableToken[nextScreenMin])) {\n throw new Error(`${screenMax}<=${nextScreenMin} fails : !(${indexableToken[screenMax]}<=${indexableToken[nextScreenMin]})`);\n }\n }\n });\n return token;\n};\nexport default function useResponsiveObserver() {\n const [, token] = useToken();\n const responsiveMap = getResponsiveMap(validateBreakpoints(token));\n // To avoid repeat create instance, we add `useMemo` here.\n return React.useMemo(() => {\n const subscribers = new Map();\n let subUid = -1;\n let screens = {};\n return {\n matchHandlers: {},\n dispatch(pointMap) {\n screens = pointMap;\n subscribers.forEach(func => func(screens));\n return subscribers.size >= 1;\n },\n subscribe(func) {\n if (!subscribers.size) this.register();\n subUid += 1;\n subscribers.set(subUid, func);\n func(screens);\n return subUid;\n },\n unsubscribe(paramToken) {\n subscribers.delete(paramToken);\n if (!subscribers.size) this.unregister();\n },\n unregister() {\n Object.keys(responsiveMap).forEach(screen => {\n const matchMediaQuery = responsiveMap[screen];\n const handler = this.matchHandlers[matchMediaQuery];\n handler === null || handler === void 0 ? void 0 : handler.mql.removeListener(handler === null || handler === void 0 ? void 0 : handler.listener);\n });\n subscribers.clear();\n },\n register() {\n Object.keys(responsiveMap).forEach(screen => {\n const matchMediaQuery = responsiveMap[screen];\n const listener = _ref => {\n let {\n matches\n } = _ref;\n this.dispatch(Object.assign(Object.assign({}, screens), {\n [screen]: matches\n }));\n };\n const mql = window.matchMedia(matchMediaQuery);\n mql.addListener(listener);\n this.matchHandlers[matchMediaQuery] = {\n mql,\n listener\n };\n listener(mql);\n });\n },\n responsiveMap\n };\n }, [token]);\n}","import { useEffect, useRef } from 'react';\nimport useForceUpdate from '../../_util/hooks/useForceUpdate';\nimport useResponsiveObserver from '../../_util/responsiveObserver';\nfunction useBreakpoint() {\n let refreshOnChange = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;\n const screensRef = useRef({});\n const forceUpdate = useForceUpdate();\n const responsiveObserver = useResponsiveObserver();\n useEffect(() => {\n const token = responsiveObserver.subscribe(supportScreens => {\n screensRef.current = supportScreens;\n if (refreshOnChange) {\n forceUpdate();\n }\n });\n return () => responsiveObserver.unsubscribe(token);\n }, []);\n return screensRef.current;\n}\nexport default useBreakpoint;","import * as React from 'react';\nimport Select from '../select';\nconst MiniSelect = props => /*#__PURE__*/React.createElement(Select, Object.assign({}, props, {\n size: \"small\"\n}));\nconst MiddleSelect = props => /*#__PURE__*/React.createElement(Select, Object.assign({}, props, {\n size: \"middle\"\n}));\nMiniSelect.Option = Select.Option;\nMiddleSelect.Option = Select.Option;\nexport { MiniSelect, MiddleSelect };","import { genBasicInputStyle, genInputSmallStyle, initInputToken } from '../../input/style';\nimport { genComponentStyleHook, mergeToken } from '../../theme/internal';\nimport { genFocusOutline, genFocusStyle, resetComponent } from '../../style';\nconst genPaginationDisabledStyle = token => {\n const {\n componentCls\n } = token;\n return {\n [`${componentCls}-disabled`]: {\n '&, &:hover': {\n cursor: 'not-allowed',\n [`${componentCls}-item-link`]: {\n color: token.colorTextDisabled,\n cursor: 'not-allowed'\n }\n },\n '&:focus-visible': {\n cursor: 'not-allowed',\n [`${componentCls}-item-link`]: {\n color: token.colorTextDisabled,\n cursor: 'not-allowed'\n }\n }\n },\n [`&${componentCls}-disabled`]: {\n cursor: 'not-allowed',\n [`${componentCls}-item`]: {\n cursor: 'not-allowed',\n '&:hover, &:active': {\n backgroundColor: 'transparent'\n },\n a: {\n color: token.colorTextDisabled,\n backgroundColor: 'transparent',\n border: 'none',\n cursor: 'not-allowed'\n },\n '&-active': {\n borderColor: token.colorBorder,\n backgroundColor: token.paginationItemDisabledBgActive,\n '&:hover, &:active': {\n backgroundColor: token.paginationItemDisabledBgActive\n },\n a: {\n color: token.paginationItemDisabledColorActive\n }\n }\n },\n [`${componentCls}-item-link`]: {\n color: token.colorTextDisabled,\n cursor: 'not-allowed',\n '&:hover, &:active': {\n backgroundColor: 'transparent'\n },\n [`${componentCls}-simple&`]: {\n backgroundColor: 'transparent'\n }\n },\n [`${componentCls}-item-link-icon`]: {\n opacity: 0\n },\n [`${componentCls}-item-ellipsis`]: {\n opacity: 1\n },\n [`${componentCls}-simple-pager`]: {\n color: token.colorTextDisabled\n }\n }\n };\n};\nconst genPaginationMiniStyle = token => {\n const {\n componentCls\n } = token;\n return {\n [`&&-mini ${componentCls}-total-text, &&-mini ${componentCls}-simple-pager`]: {\n height: token.paginationItemSizeSM,\n lineHeight: `${token.paginationItemSizeSM}px`\n },\n [`&&-mini ${componentCls}-item`]: {\n minWidth: token.paginationItemSizeSM,\n height: token.paginationItemSizeSM,\n margin: 0,\n lineHeight: `${token.paginationItemSizeSM - 2}px`\n },\n [`&&-mini ${componentCls}-item:not(${componentCls}-item-active)`]: {\n backgroundColor: 'transparent',\n borderColor: 'transparent'\n },\n [`&&-mini ${componentCls}-prev, &&-mini ${componentCls}-next`]: {\n minWidth: token.paginationItemSizeSM,\n height: token.paginationItemSizeSM,\n margin: 0,\n lineHeight: `${token.paginationItemSizeSM}px`\n },\n [`\n &&-mini ${componentCls}-prev ${componentCls}-item-link,\n &&-mini ${componentCls}-next ${componentCls}-item-link\n `]: {\n backgroundColor: 'transparent',\n borderColor: 'transparent',\n '&::after': {\n height: token.paginationItemSizeSM,\n lineHeight: `${token.paginationItemSizeSM}px`\n }\n },\n [`&&-mini ${componentCls}-jump-prev, &&-mini ${componentCls}-jump-next`]: {\n height: token.paginationItemSizeSM,\n marginInlineEnd: 0,\n lineHeight: `${token.paginationItemSizeSM}px`\n },\n [`&&-mini ${componentCls}-options`]: {\n marginInlineStart: token.paginationMiniOptionsMarginInlineStart,\n [`&-size-changer`]: {\n top: token.paginationMiniOptionsSizeChangerTop\n },\n [`&-quick-jumper`]: {\n height: token.paginationItemSizeSM,\n lineHeight: `${token.paginationItemSizeSM}px`,\n input: Object.assign(Object.assign({}, genInputSmallStyle(token)), {\n width: token.paginationMiniQuickJumperInputWidth,\n height: token.controlHeightSM\n })\n }\n }\n };\n};\nconst genPaginationSimpleStyle = token => {\n const {\n componentCls\n } = token;\n return {\n [`\n &${componentCls}-simple ${componentCls}-prev,\n &${componentCls}-simple ${componentCls}-next\n `]: {\n height: token.paginationItemSizeSM,\n lineHeight: `${token.paginationItemSizeSM}px`,\n verticalAlign: 'top',\n [`${componentCls}-item-link`]: {\n height: token.paginationItemSizeSM,\n backgroundColor: 'transparent',\n border: 0,\n '&::after': {\n height: token.paginationItemSizeSM,\n lineHeight: `${token.paginationItemSizeSM}px`\n }\n }\n },\n [`&${componentCls}-simple ${componentCls}-simple-pager`]: {\n display: 'inline-block',\n height: token.paginationItemSizeSM,\n marginInlineEnd: token.marginXS,\n input: {\n boxSizing: 'border-box',\n height: '100%',\n marginInlineEnd: token.marginXS,\n padding: `0 ${token.paginationItemPaddingInline}px`,\n textAlign: 'center',\n backgroundColor: token.paginationItemInputBg,\n border: `${token.lineWidth}px ${token.lineType} ${token.colorBorder}`,\n borderRadius: token.borderRadius,\n outline: 'none',\n transition: `border-color ${token.motionDurationMid}`,\n color: 'inherit',\n '&:hover': {\n borderColor: token.colorPrimary\n },\n '&:focus': {\n borderColor: token.colorPrimaryHover,\n boxShadow: `${token.inputOutlineOffset}px 0 ${token.controlOutlineWidth}px ${token.controlOutline}`\n },\n '&[disabled]': {\n color: token.colorTextDisabled,\n backgroundColor: token.colorBgContainerDisabled,\n borderColor: token.colorBorder,\n cursor: 'not-allowed'\n }\n }\n }\n };\n};\nconst genPaginationJumpStyle = token => {\n const {\n componentCls\n } = token;\n return {\n [`${componentCls}-jump-prev, ${componentCls}-jump-next`]: {\n outline: 0,\n [`${componentCls}-item-container`]: {\n position: 'relative',\n [`${componentCls}-item-link-icon`]: {\n color: token.colorPrimary,\n fontSize: token.fontSizeSM,\n opacity: 0,\n transition: `all ${token.motionDurationMid}`,\n '&-svg': {\n top: 0,\n insetInlineEnd: 0,\n bottom: 0,\n insetInlineStart: 0,\n margin: 'auto'\n }\n },\n [`${componentCls}-item-ellipsis`]: {\n position: 'absolute',\n top: 0,\n insetInlineEnd: 0,\n bottom: 0,\n insetInlineStart: 0,\n display: 'block',\n margin: 'auto',\n color: token.colorTextDisabled,\n fontFamily: 'Arial, Helvetica, sans-serif',\n letterSpacing: token.paginationEllipsisLetterSpacing,\n textAlign: 'center',\n textIndent: token.paginationEllipsisTextIndent,\n opacity: 1,\n transition: `all ${token.motionDurationMid}`\n }\n },\n '&:hover': {\n [`${componentCls}-item-link-icon`]: {\n opacity: 1\n },\n [`${componentCls}-item-ellipsis`]: {\n opacity: 0\n }\n },\n '&:focus-visible': Object.assign({\n [`${componentCls}-item-link-icon`]: {\n opacity: 1\n },\n [`${componentCls}-item-ellipsis`]: {\n opacity: 0\n }\n }, genFocusOutline(token))\n },\n [`\n ${componentCls}-prev,\n ${componentCls}-jump-prev,\n ${componentCls}-jump-next\n `]: {\n marginInlineEnd: token.marginXS\n },\n [`\n ${componentCls}-prev,\n ${componentCls}-next,\n ${componentCls}-jump-prev,\n ${componentCls}-jump-next\n `]: {\n display: 'inline-block',\n minWidth: token.paginationItemSize,\n height: token.paginationItemSize,\n color: token.colorText,\n fontFamily: token.paginationFontFamily,\n lineHeight: `${token.paginationItemSize}px`,\n textAlign: 'center',\n verticalAlign: 'middle',\n listStyle: 'none',\n borderRadius: token.borderRadius,\n cursor: 'pointer',\n transition: `all ${token.motionDurationMid}`\n },\n [`${componentCls}-prev, ${componentCls}-next`]: {\n fontFamily: 'Arial, Helvetica, sans-serif',\n outline: 0,\n button: {\n color: token.colorText,\n cursor: 'pointer',\n userSelect: 'none'\n },\n [`${componentCls}-item-link`]: {\n display: 'block',\n width: '100%',\n height: '100%',\n padding: 0,\n fontSize: token.fontSizeSM,\n textAlign: 'center',\n backgroundColor: 'transparent',\n border: `${token.lineWidth}px ${token.lineType} transparent`,\n borderRadius: token.borderRadius,\n outline: 'none',\n transition: `border ${token.motionDurationMid}`\n },\n [`&:focus-visible ${componentCls}-item-link`]: Object.assign({}, genFocusOutline(token)),\n [`&:hover ${componentCls}-item-link`]: {\n backgroundColor: token.colorBgTextHover\n },\n [`&:active ${componentCls}-item-link`]: {\n backgroundColor: token.colorBgTextActive\n },\n [`&${componentCls}-disabled:hover`]: {\n [`${componentCls}-item-link`]: {\n backgroundColor: 'transparent'\n }\n }\n },\n [`${componentCls}-slash`]: {\n marginInlineEnd: token.paginationSlashMarginInlineEnd,\n marginInlineStart: token.paginationSlashMarginInlineStart\n },\n [`${componentCls}-options`]: {\n display: 'inline-block',\n marginInlineStart: token.margin,\n verticalAlign: 'middle',\n '&-size-changer.-select': {\n display: 'inline-block',\n width: 'auto'\n },\n '&-quick-jumper': {\n display: 'inline-block',\n height: token.controlHeight,\n marginInlineStart: token.marginXS,\n lineHeight: `${token.controlHeight}px`,\n verticalAlign: 'top',\n input: Object.assign(Object.assign({}, genBasicInputStyle(token)), {\n width: token.controlHeightLG * 1.25,\n height: token.controlHeight,\n boxSizing: 'border-box',\n margin: 0,\n marginInlineStart: token.marginXS,\n marginInlineEnd: token.marginXS\n })\n }\n }\n };\n};\nconst genPaginationItemStyle = token => {\n const {\n componentCls\n } = token;\n return {\n [`${componentCls}-item`]: Object.assign(Object.assign({\n display: 'inline-block',\n minWidth: token.paginationItemSize,\n height: token.paginationItemSize,\n marginInlineEnd: token.marginXS,\n fontFamily: token.paginationFontFamily,\n lineHeight: `${token.paginationItemSize - 2}px`,\n textAlign: 'center',\n verticalAlign: 'middle',\n listStyle: 'none',\n backgroundColor: 'transparent',\n border: `${token.lineWidth}px ${token.lineType} transparent`,\n borderRadius: token.borderRadius,\n outline: 0,\n cursor: 'pointer',\n userSelect: 'none',\n a: {\n display: 'block',\n padding: `0 ${token.paginationItemPaddingInline}px`,\n color: token.colorText,\n transition: 'none',\n '&:hover': {\n textDecoration: 'none'\n }\n },\n [`&:not(${componentCls}-item-active)`]: {\n '&:hover': {\n transition: `all ${token.motionDurationMid}`,\n backgroundColor: token.colorBgTextHover\n },\n '&:active': {\n backgroundColor: token.colorBgTextActive\n }\n }\n }, genFocusStyle(token)), {\n '&-active': {\n fontWeight: token.paginationFontWeightActive,\n backgroundColor: token.paginationItemBgActive,\n borderColor: token.colorPrimary,\n a: {\n color: token.colorPrimary\n },\n '&:hover': {\n borderColor: token.colorPrimaryHover\n },\n '&:hover a': {\n color: token.colorPrimaryHover\n }\n }\n })\n };\n};\nconst genPaginationStyle = token => {\n const {\n componentCls\n } = token;\n return {\n [componentCls]: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, resetComponent(token)), {\n 'ul, ol': {\n margin: 0,\n padding: 0,\n listStyle: 'none'\n },\n '&::after': {\n display: 'block',\n clear: 'both',\n height: 0,\n overflow: 'hidden',\n visibility: 'hidden',\n content: '\"\"'\n },\n [`${componentCls}-total-text`]: {\n display: 'inline-block',\n height: token.paginationItemSize,\n marginInlineEnd: token.marginXS,\n lineHeight: `${token.paginationItemSize - 2}px`,\n verticalAlign: 'middle'\n }\n }), genPaginationItemStyle(token)), genPaginationJumpStyle(token)), genPaginationSimpleStyle(token)), genPaginationMiniStyle(token)), genPaginationDisabledStyle(token)), {\n // media query style\n [`@media only screen and (max-width: ${token.screenLG}px)`]: {\n [`${componentCls}-item`]: {\n '&-after-jump-prev, &-before-jump-next': {\n display: 'none'\n }\n }\n },\n [`@media only screen and (max-width: ${token.screenSM}px)`]: {\n [`${componentCls}-options`]: {\n display: 'none'\n }\n }\n }),\n // rtl style\n [`&${token.componentCls}-rtl`]: {\n direction: 'rtl'\n }\n };\n};\nconst genBorderedStyle = token => {\n const {\n componentCls\n } = token;\n return {\n [`${componentCls}${componentCls}-disabled`]: {\n '&, &:hover': {\n [`${componentCls}-item-link`]: {\n borderColor: token.colorBorder\n }\n },\n '&:focus-visible': {\n [`${componentCls}-item-link`]: {\n borderColor: token.colorBorder\n }\n },\n [`${componentCls}-item, ${componentCls}-item-link`]: {\n backgroundColor: token.colorBgContainerDisabled,\n borderColor: token.colorBorder,\n [`&:hover:not(${componentCls}-item-active)`]: {\n backgroundColor: token.colorBgContainerDisabled,\n borderColor: token.colorBorder,\n a: {\n color: token.colorTextDisabled\n }\n },\n [`&${componentCls}-item-active`]: {\n backgroundColor: token.paginationItemDisabledBgActive\n }\n },\n [`${componentCls}-prev, ${componentCls}-next`]: {\n '&:hover button': {\n backgroundColor: token.colorBgContainerDisabled,\n borderColor: token.colorBorder,\n color: token.colorTextDisabled\n },\n [`${componentCls}-item-link`]: {\n backgroundColor: token.colorBgContainerDisabled,\n borderColor: token.colorBorder\n }\n }\n },\n [componentCls]: {\n [`${componentCls}-prev, ${componentCls}-next`]: {\n '&:hover button': {\n borderColor: token.colorPrimaryHover,\n backgroundColor: token.paginationItemBg\n },\n [`${componentCls}-item-link`]: {\n backgroundColor: token.paginationItemLinkBg,\n borderColor: token.colorBorder\n },\n [`&:hover ${componentCls}-item-link`]: {\n borderColor: token.colorPrimary,\n backgroundColor: token.paginationItemBg,\n color: token.colorPrimary\n },\n [`&${componentCls}-disabled`]: {\n [`${componentCls}-item-link`]: {\n borderColor: token.colorBorder,\n color: token.colorTextDisabled\n }\n }\n },\n [`${componentCls}-item`]: {\n backgroundColor: token.paginationItemBg,\n border: `${token.lineWidth}px ${token.lineType} ${token.colorBorder}`,\n [`&:hover:not(${componentCls}-item-active)`]: {\n borderColor: token.colorPrimary,\n backgroundColor: token.paginationItemBg,\n a: {\n color: token.colorPrimary\n }\n },\n '&-active': {\n borderColor: token.colorPrimary\n }\n }\n }\n };\n};\n// ============================== Export ==============================\nexport default genComponentStyleHook('Pagination', token => {\n const paginationToken = mergeToken(token, {\n paginationItemSize: token.controlHeight,\n paginationFontFamily: token.fontFamily,\n paginationItemBg: token.colorBgContainer,\n paginationItemBgActive: token.colorBgContainer,\n paginationFontWeightActive: token.fontWeightStrong,\n paginationItemSizeSM: token.controlHeightSM,\n paginationItemInputBg: token.colorBgContainer,\n paginationMiniOptionsSizeChangerTop: 0,\n paginationItemDisabledBgActive: token.controlItemBgActiveDisabled,\n paginationItemDisabledColorActive: token.colorTextDisabled,\n paginationItemLinkBg: token.colorBgContainer,\n inputOutlineOffset: '0 0',\n paginationMiniOptionsMarginInlineStart: token.marginXXS / 2,\n paginationMiniQuickJumperInputWidth: token.controlHeightLG * 1.1,\n paginationItemPaddingInline: token.marginXXS * 1.5,\n paginationEllipsisLetterSpacing: token.marginXXS / 2,\n paginationSlashMarginInlineStart: token.marginXXS,\n paginationSlashMarginInlineEnd: token.marginSM,\n paginationEllipsisTextIndent: '0.13em' // magic for ui experience\n }, initInputToken(token));\n return [genPaginationStyle(paginationToken), token.wireframe && genBorderedStyle(paginationToken)];\n});","var __rest = this && this.__rest || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport DoubleLeftOutlined from \"@ant-design/icons/es/icons/DoubleLeftOutlined\";\nimport DoubleRightOutlined from \"@ant-design/icons/es/icons/DoubleRightOutlined\";\nimport LeftOutlined from \"@ant-design/icons/es/icons/LeftOutlined\";\nimport RightOutlined from \"@ant-design/icons/es/icons/RightOutlined\";\nimport classNames from 'classnames';\nimport RcPagination from 'rc-pagination';\nimport enUS from \"rc-pagination/es/locale/en_US\";\nimport * as React from 'react';\nimport { ConfigContext } from '../config-provider';\nimport useBreakpoint from '../grid/hooks/useBreakpoint';\nimport LocaleReceiver from '../locale/LocaleReceiver';\nimport { MiddleSelect, MiniSelect } from './Select';\nimport useStyle from './style';\nconst Pagination = _a => {\n var {\n prefixCls: customizePrefixCls,\n selectPrefixCls: customizeSelectPrefixCls,\n className,\n size,\n locale: customLocale,\n selectComponentClass,\n responsive,\n showSizeChanger\n } = _a,\n restProps = __rest(_a, [\"prefixCls\", \"selectPrefixCls\", \"className\", \"size\", \"locale\", \"selectComponentClass\", \"responsive\", \"showSizeChanger\"]);\n const {\n xs\n } = useBreakpoint(responsive);\n const {\n getPrefixCls,\n direction,\n pagination = {}\n } = React.useContext(ConfigContext);\n const prefixCls = getPrefixCls('pagination', customizePrefixCls);\n // Style\n const [wrapSSR, hashId] = useStyle(prefixCls);\n const mergedShowSizeChanger = showSizeChanger !== null && showSizeChanger !== void 0 ? showSizeChanger : pagination.showSizeChanger;\n const getIconsProps = () => {\n const ellipsis = /*#__PURE__*/React.createElement(\"span\", {\n className: `${prefixCls}-item-ellipsis`\n }, \"\\u2022\\u2022\\u2022\");\n let prevIcon = /*#__PURE__*/React.createElement(\"button\", {\n className: `${prefixCls}-item-link`,\n type: \"button\",\n tabIndex: -1\n }, /*#__PURE__*/React.createElement(LeftOutlined, null));\n let nextIcon = /*#__PURE__*/React.createElement(\"button\", {\n className: `${prefixCls}-item-link`,\n type: \"button\",\n tabIndex: -1\n }, /*#__PURE__*/React.createElement(RightOutlined, null));\n let jumpPrevIcon = /*#__PURE__*/React.createElement(\"a\", {\n className: `${prefixCls}-item-link`\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: `${prefixCls}-item-container`\n }, /*#__PURE__*/React.createElement(DoubleLeftOutlined, {\n className: `${prefixCls}-item-link-icon`\n }), ellipsis));\n let jumpNextIcon = /*#__PURE__*/React.createElement(\"a\", {\n className: `${prefixCls}-item-link`\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: `${prefixCls}-item-container`\n }, /*#__PURE__*/React.createElement(DoubleRightOutlined, {\n className: `${prefixCls}-item-link-icon`\n }), ellipsis));\n // change arrows direction in right-to-left direction\n if (direction === 'rtl') {\n [prevIcon, nextIcon] = [nextIcon, prevIcon];\n [jumpPrevIcon, jumpNextIcon] = [jumpNextIcon, jumpPrevIcon];\n }\n return {\n prevIcon,\n nextIcon,\n jumpPrevIcon,\n jumpNextIcon\n };\n };\n return /*#__PURE__*/React.createElement(LocaleReceiver, {\n componentName: \"Pagination\",\n defaultLocale: enUS\n }, contextLocale => {\n const locale = Object.assign(Object.assign({}, contextLocale), customLocale);\n const isSmall = size === 'small' || !!(xs && !size && responsive);\n const selectPrefixCls = getPrefixCls('select', customizeSelectPrefixCls);\n const extendedClassName = classNames({\n [`${prefixCls}-mini`]: isSmall,\n [`${prefixCls}-rtl`]: direction === 'rtl'\n }, className, hashId);\n return wrapSSR( /*#__PURE__*/React.createElement(RcPagination, Object.assign({}, getIconsProps(), restProps, {\n prefixCls: prefixCls,\n selectPrefixCls: selectPrefixCls,\n className: extendedClassName,\n selectComponentClass: selectComponentClass || (isSmall ? MiniSelect : MiddleSelect),\n locale: locale,\n showSizeChanger: mergedShowSizeChanger\n })));\n });\n};\nif (process.env.NODE_ENV !== 'production') {\n Pagination.displayName = 'Pagination';\n}\nexport default Pagination;","import Pagination from './Pagination';\nexport default Pagination;","var _path;\nconst _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgAddUserPlusIcon(_ref, svgRef) {\n let {\n title,\n titleId\n } = _ref,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 20,\n height: 20,\n viewBox: \"0 0 20 20\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10 4.16699V15.8337M4.16669 10.0003H15.8334\",\n stroke: \"#271E1B\",\n strokeWidth: 1.66667,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgAddUserPlusIcon);\nexport default __webpack_public_path__ + \"static/media/add-user-plus-icon.a5fefc567254cfe5536410739588980b.svg\";\nexport { ForwardRef as ReactComponent };","var _g;\nconst _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgFilterBlackIcon(_ref, svgRef) {\n let {\n title,\n titleId\n } = _ref,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 512,\n height: 512,\n x: 0,\n y: 0,\n viewBox: \"0 0 512 512\",\n style: {\n enableBackground: \"new 0 0 512 512\"\n },\n xmlSpace: \"preserve\",\n className: \"\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16 90.259h243.605c7.342 33.419 37.186 58.508 72.778 58.508s65.436-25.088 72.778-58.508H496c8.836 0 16-7.164 16-16s-7.164-16-16-16h-90.847c-7.356-33.402-37.241-58.507-72.77-58.507-35.548 0-65.419 25.101-72.772 58.507H16c-8.836 0-16 7.164-16 16s7.164 16 16 16zm273.877-15.958.001-.172c.07-23.367 19.137-42.376 42.505-42.376 23.335 0 42.403 18.983 42.504 42.339l.003.235c-.037 23.407-19.091 42.441-42.507 42.441-23.406 0-42.454-19.015-42.507-42.408zM496 421.74h-90.847c-7.357-33.401-37.241-58.507-72.77-58.507-35.548 0-65.419 25.102-72.772 58.507H16c-8.836 0-16 7.163-16 16s7.164 16 16 16h243.605c7.342 33.419 37.186 58.508 72.778 58.508s65.436-25.089 72.778-58.508H496c8.836 0 16-7.163 16-16s-7.164-16-16-16zm-163.617 58.508c-23.406 0-42.454-19.015-42.507-42.408l.001-.058.001-.172c.07-23.367 19.137-42.377 42.505-42.377 23.335 0 42.403 18.983 42.504 42.338l.003.235c-.034 23.41-19.089 42.442-42.507 42.442zM496 240H252.395c-7.342-33.419-37.186-58.507-72.778-58.507S114.181 206.581 106.839 240H16c-8.836 0-16 7.164-16 16 0 8.837 7.164 16 16 16h90.847c7.357 33.401 37.241 58.507 72.77 58.507 35.548 0 65.419-25.102 72.772-58.507H496c8.836 0 16-7.163 16-16 0-8.836-7.164-16-16-16zm-273.877 15.958-.001.172c-.07 23.367-19.137 42.376-42.505 42.376-23.335 0-42.403-18.983-42.504-42.338l-.003-.234c.035-23.41 19.09-42.441 42.507-42.441 23.406 0 42.454 19.014 42.507 42.408z\",\n fill: \"#000000\",\n opacity: 1,\n \"data-original\": \"#000000\",\n className: \"\"\n }))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgFilterBlackIcon);\nexport default __webpack_public_path__ + \"static/media/filter-black-icon.b12e3c083521cf2e79f7de2efbec829c.svg\";\nexport { ForwardRef as ReactComponent };","var _g;\nconst _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgHorizontalDotsIcon(_ref, svgRef) {\n let {\n title,\n titleId\n } = _ref,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 512,\n height: 512,\n x: 0,\n y: 0,\n viewBox: \"0 0 32 32\",\n style: {\n enableBackground: \"new 0 0 512 512\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16 13c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3zM6 13c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3zM26 13c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3z\",\n fill: \"#000000\",\n opacity: 1,\n \"data-original\": \"#000000\"\n }))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgHorizontalDotsIcon);\nexport default __webpack_public_path__ + \"static/media/horizontal-dots-icon.787029a188c0bf2747ece62138fea722.svg\";\nexport { ForwardRef as ReactComponent };","var _path;\nconst _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgDownArrowIcon(_ref, svgRef) {\n let {\n title,\n titleId\n } = _ref,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 16,\n height: 16,\n viewBox: \"0 0 16 16\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4.12012 8.61935L8.16678 12.666L12.2134 8.61935M8.16678 3.33268V12.5527\",\n stroke: \"#4E6174\",\n strokeWidth: 1.5,\n strokeMiterlimit: 10,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgDownArrowIcon);\nexport default __webpack_public_path__ + \"static/media/down-arrow-icon.e28eee224811c3398cc79e39235dfbbe.svg\";\nexport { ForwardRef as ReactComponent };","import {React} from 'react';\r\nimport {NavLink, Link} from \"react-router-dom\";\r\nimport {useAuth} from \"../context/AuthContext\";\r\nconst ConfigurationsMenu = () => {\r\n const {\r\n user\r\n } = useAuth();\r\n return (\r\n <>\r\n \r\n {/*\r\n {!showMaterial &&\r\n
\r\n Materials
*/}\r\n {/*- \r\n
Dashboard \r\n Materials \r\n Match \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Materials
\r\n\r\n
\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {itemsToCompare.length > 0 &&\r\n
\r\n - \r\n {itemsToCompare.map((item) => (\r\n
- {item.title} {\r\n removeItemFromCompare(item.id)\r\n }}>X \r\n ))\r\n }\r\n
\r\n
\r\n \r\n
\r\n \r\n {/*Clear search*/}\r\n
\r\n \r\n {\r\n setSearch(e.target.value)\r\n }} onKeyUp={(e) => {\r\n enterKeyup(e)\r\n }}/>\r\n \r\n 
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Title
\r\nDetected Duration
\r\nCreated At
\r\n \r\n\r\n {\r\n materialsData.map((item, index) => (\r\n
\r\n \r\n
\r\n ))\r\n }\r\n \r\n
\r\n {item.title}
\r\n\r\n
\r\n {item.detectedDuration}
\r\n\r\n
\r\n \r\n {getFormatedDate(item.createdAt)}
\r\n- \r\n
- Next \r\n
- 1 \r\n
- 2 \r\n
- 3 \r\n
- Prev \r\n
- \r\n
Users \r\n Teams \r\n Projects \r\n Drives \r\n {user.userType === 16 &&\r\n SSO \r\n }\r\n {user.userType === 16 &&\r\n Access Logs \r\n }\r\n {user.userType === 16 &&\r\n API Token \r\n }\r\n
\r\n
\r\n \r\n 
\r\n Give your team access to
\r\n
\r\n \r\n Give your team access to
\r\n exactly what they need
\r\n Please choose an Amove Plan and gain
\r\n instant access to all Amove features.
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Users
\r\nManage product access for all
the users in your organization.
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Filter \r\n \r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {totalUsers} members
\r\n\r\n
}\r\n trigger=\"click\"\r\n open={open && (userStatus.status === \"active\" || userStatus.status === \"trial\")}\r\n onOpenChange={handleOpenChange}\r\n getPopupContainer={trigger => trigger.parentNode}\r\n >\r\n - \r\n
- \r\n \r\n\r\n
Status
\r\n{\r\n setUsersStatus(e.target.value);\r\n }} value={usersStatus}>\r\n \r\nAll \r\nActive \r\nInactive \r\nPending \r\n\r\n\r\n {\r\n e.preventDefault();\r\n setOpen(false);\r\n getAllUsers();\r\n }} className=\"btn-style blue\">Filter\r\nRole
\r\n{\r\n setUserType(e.target.value);\r\n }} value={userType}>\r\n \r\nAll \r\nAdmin \r\n {/*Power User */}\r\nCreative User \r\nStandard User \r\n
\r\n
\r\n \r\n {\r\n e.preventDefault()\r\n setSearchValForSearch(e.target.value)\r\n }} value={searchValForSearch}\r\n placeholder=\"Search Name or Email Address\"/>\r\n {\r\n e.preventDefault();\r\n if (userStatus.status === \"active\") {\r\n setUsersStatus(0)\r\n setUserType(0)\r\n setCurrentPage(1);\r\n setDescending(false)\r\n getAllUsers();\r\n }\r\n }}> 
\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | Users {\r\n e.preventDefault();\r\n onChangeSort();\r\n }}\r\n className={`${descending ? \"arrow-down\" : \"arrow-up\"} ${!dataLoaded ? \"disabled\" : \"\"}`}> | \r\n Teams | \r\nProjects | \r\nDrives | \r\nRole | \r\nStatus | \r\n\r\n |
|---|---|---|---|---|---|---|
| \r\n \r\n \r\n \r\n \r\n {userD.email !== user.username && (userStatus.status === \"active\" || userStatus.status === \"trial\") &&\r\n \r\n \r\n {userD.email} \r\n
| \r\n \r\n \r\n Teams: \r\n {userD.groups.length > 0 && <>\r\n {userD.groups[0].userGroup.name}\r\n \r\n {userD.groups.length > 1 && | \r\n \r\n \r\n Projects: \r\n {userD.projectsData.length > 0 && <>\r\n {userD.projectsData[0].project.name}\r\n \r\n {userD.projectsData.length > 1 && | \r\n \r\n \r\n Drives: \r\n {userD.drivesData.length > 0 && <>\r\n {userD.drivesData[0].sharedClouDrive.name}\r\n \r\n {userD.drivesData.length > 1 && | \r\n \r\n Role: {getRole(userD.userType)} | \r\n\r\n Status: {getStatus(userD.status)} | \r\n\r\n\r\n {(userStatus.status === \"active\" || userStatus.status === \"trial\") &&
| \r\n
\r\n {totalUsers > perPage &&\r\n }\r\n
\r\n \r\n
\r\n \r\n
\r\n Invite New Users
\r\n\r\n
\r\n \r\n {azureAD && Import users from AD}\r\n {okta &&\r\n Import users from Okta}\r\n Add users manually\r\n
\r\n \r\n
\r\n \r\n {editUser &&
\r\n Edit User
}\r\n {/*{!editUser &&Invite New Users
}*/}\r\n {!editUser &&Invite New Users
}\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n if (userStatus.status === \"trial\") {\r\n if ((emails.length + usersData.length) < 3) {\r\n setEmails(_emails);\r\n }\r\n } else {\r\n setEmails(_emails);\r\n }\r\n }}\r\n autoFocus={true}\r\n onFocus={() => setFocused(true)}\r\n onBlur={() => setFocused(false)}\r\n getLabel={(email, index, removeEmail) => {\r\n return (
\r\n {emailAddress !== user.username &&\r\n\r\n To:
\r\n {editUser &&\r\n {\r\n }} value={emailAddress} placeholder=\"Enter email\"/>}\r\n {!editUser &&\r\n
);\r\n }}\r\n />}\r\n {validationError}\r\n {email}
\r\n removeEmail(index)}>\r\n \r\n trigger.parentNode}\r\n >\r\n \r\n \r\n \r\n \r\n
}\r\n {emailAddress !== user.username && !editUser && drivesData.length > 0 &&\r\n Invite as
\r\n {/* options={[\r\n {value: 16, label: `as`},\r\n {value: 32, label: 'Power User'},\r\n {value: 64, label: 'Standard User'}\r\n ]}*/}\r\n\r\n trigger.parentNode}\r\n\r\n options={drivesData.map((item) => ({\r\n label: item.name, value: item.id\r\n }))}\r\n filterOption={(input, option) =>\r\n option.label.toLowerCase().includes(input.toLowerCase())\r\n }\r\n />\r\n
}\r\n {emailAddress !== user.username && !editUser && SSOAvailable &&\r\n Assign Drive
\r\n\r\n
}\r\n Auth Provider
\r\n\r\n Cancel\r\n {editUser && Save Changes}\r\n {!editUser && Invite}\r\n
\r\n \r\n
\r\n \r\n
\r\n Assign Drive
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Drive
\r\n\r\n {\r\n if (driveList.filter((a) => a.sharedCloudDriveId === item.id).length < 1 && newDriveList.filter((a) => a.id === item.id).length < 1) {\r\n return item\r\n }\r\n }).map((item) => ({\r\n label: item.name, value: item.id,\r\n }))}\r\n filterOption={(input, option) =>\r\n option.label.toLowerCase().includes(input.toLowerCase())\r\n }\r\n />\r\n
\r\n {(driveList.length > 0 || newDriveList.length > 0) && \r\n {driveList.length > 0 && driveList.map((drive, i) => (\r\n
}\r\n \r\n
))}\r\n {newDriveList.length > 0 && newDriveList.map((drive, i) => (\r\n \r\n
\r\n \r\n
\r\n \r\n {drive.name} {\r\n removeDriveFromList(i, drive.id)\r\n }}>
\r\n \r\n
\r\n \r\n {\r\n onChangePermissionDrive(e, drive.id)\r\n }} value={drive.permissionType}>\r\n \r\n Read\r\n \r\n \r\n Read, Write\r\n \r\n \r\n
\r\n \r\n
))}\r\n \r\n
\r\n \r\n
\r\n \r\n {drive.name} {\r\n e.preventDefault();\r\n removeDriveFromList(i, drive, true)\r\n }}>
\r\n \r\n
\r\n \r\n {\r\n onChangePermissionDrive(e, drive.id, true)\r\n }} value={drive.permissionType}>\r\n \r\n Read\r\n \r\n \r\n Read, Write\r\n \r\n \r\n
\r\n \r\n Cancel\r\n 0 || driveList.length > 0 ? \"\" : \"disabled\"}`}\r\n loading={loading} onClick={AssignCloudDrive}>Assign\r\n
\r\n \r\n
\r\n \r\n
\r\n Add to Team
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Team
\r\n\r\n {\r\n if (groupList.filter((a) => a.userGroup.id === item.id).length < 1 && newGroupList.filter((a) => a.id === item.id).length < 1) {\r\n return item\r\n }\r\n }).map((item) => ({\r\n label: item.name, value: item.id,\r\n }))}\r\n filterOption={(input, option) =>\r\n option.label.toLowerCase().includes(input.toLowerCase())\r\n }\r\n />\r\n {/* 
*/}\r\n
\r\n {(groupList.length > 0 || newGroupList.length > 0) && \r\n
}\r\n - \r\n {groupList.map((group, i) => (
- \r\n \r\n {group.userGroup.name} {\r\n e.preventDefault();\r\n removeGroupFromList(i, group.userUserGroup.id)\r\n }}>\r\n ))}\r\n {newGroupList.map((group, i) => (
- \r\n \r\n {group.name}\r\n {\r\n e.preventDefault();\r\n removeGroupFromList(i, group.id, true)\r\n }}>\r\n
\r\n \r\n
))}\r\n
\r\n Cancel\r\n 0 || groupList.length > 0 ? \"\" : \"disabled\"}`}\r\n loading={loading} onClick={addGroupSave}>Add\r\n
\r\n \r\n
\r\n \r\n
\r\n Assign Projects
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Project
\r\n\r\n {\r\n if (projectsList.filter((a) => a.project.id === item.id).length < 1 && newProjectsList.filter((a) => a.id === item.id).length < 1) {\r\n return item\r\n }\r\n }).map((item) => ({\r\n label: item.name, value: item.id,\r\n }))}\r\n filterOption={(input, option) =>\r\n option.label.toLowerCase().includes(input.toLowerCase())\r\n }\r\n />\r\n
\r\n {(projectsList.length > 0 || newProjectsList.length > 0) &&\r\n \r\n {projectsList.length > 0 && projectsList.map((project, i) => (\r\n
}\r\n \r\n
))}\r\n {newProjectsList.length > 0 && newProjectsList.map((project, i) => (\r\n \r\n
\r\n \r\n
\r\n \r\n {project.project.name} {\r\n removeProjectFromList(i, project.permission.id)\r\n }}>
\r\n \r\n
\r\n \r\n {\r\n onChangePermission(e, project.permission.id)\r\n }} value={project.permission.permissionType}>\r\n \r\n Read\r\n \r\n \r\n Read, Write\r\n \r\n \r\n
\r\n \r\n
))}\r\n \r\n
\r\n \r\n
\r\n \r\n {project.name} {\r\n e.preventDefault();\r\n removeProjectFromList(i, project, true)\r\n }}>
\r\n \r\n
\r\n \r\n {\r\n onChangePermission(e, project.id, true)\r\n }} value={project.permissionType}>\r\n \r\n Read\r\n \r\n \r\n Read, Write\r\n \r\n \r\n
\r\n \r\n Cancel\r\n 0 || projectsList.length > 0 ? \"\" : \"disabled\"}`}\r\n loading={loading} onClick={AssignUserToProject}>Assign\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Additional User Subscription
\r\n\r\n \r\n
\r\n \r\n
\r\n Adding {extraUsers} user{extraUsers > 1 ? \"s\" : \"\"} as {extraUserType} will cost ${extraUserCost} per user per month.
\r\n The total additional cost will be ${extraUserCost * extraUsers}{/*{{15 * number_of_users}}*/} per month.
\r\n Do you want to proceed with this change?
\r\n
\r\n - \r\n
- \r\n \r\n
- \r\n \r\n \r\n\r\n
\r\n
\r\n \r\n
\r\n }\r\n {!showAddToken &&\r\n \r\n {/*\r\n \r\n\r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n }\r\n \r\n
\r\n {(step1 === true) &&\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n SSO Authentication
\r\n\r\n
\r\n \r\n\r\n
\r\n \r\n
\r\n }\r\n {(SSOType === \"okta\") &&\r\n \r\n {/*
\r\n SSO Authentication
*/}\r\n {!SSOAvailable && dataLoaded &&\r\n\r\n {!azureAD &&\r\n
\r\n }\r\n {SSOAvailable && dataLoaded &&\r\n \r\n
\r\n }\r\n {!okta &&\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n Microsoft Entra ID
\r\n {azureAD &&\r\n \r\n }\r\n {azureAD &&\r\n Update\r\n }\r\n {!azureAD &&\r\n {\r\n if (userStatus.status === \"active\") {\r\n onAzureAd()\r\n } else {\r\n setBillingPopupOpen(true);\r\n }\r\n }}>Configure\r\n }\r\n
\r\n Microsoft Entra ID
(Azure Active Directory)
\r\n {azureAD &&\r\n \r\n }\r\n {azureAD &&\r\n Update\r\n }\r\n {!azureAD &&\r\n {\r\n if (userStatus.status === \"active\") {\r\n onAzureAd()\r\n } else {\r\n setBillingPopupOpen(true);\r\n }\r\n }}>Configure\r\n }\r\n \r\n
\r\n }\r\n {!saml &&\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n Okta
\r\n {okta &&\r\n \r\n }\r\n {okta &&\r\n Update\r\n }\r\n\r\n {!okta &&\r\n {\r\n if (userStatus.status === \"active\") {\r\n onOkta()\r\n } else {\r\n setBillingPopupOpen(true);\r\n }\r\n }}>Configure\r\n }\r\n\r\n
\r\n }\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n SAML
\r\n {saml &&\r\n \r\n }\r\n {saml &&\r\n Update\r\n }\r\n\r\n {!saml &&\r\n {\r\n if (userStatus.status === \"active\") {\r\n onSaml()\r\n } else {\r\n setBillingPopupOpen(true);\r\n }\r\n }}>Configure\r\n }\r\n\r\n {azureAD &&\r\n
\r\n }\r\n \r\n
\r\n }\r\n {okta &&\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n Microsoft Entra ID
\r\n {azureAD &&\r\n \r\n }\r\n {azureAD &&\r\n Update\r\n }\r\n {!azureAD &&\r\n {\r\n if (userStatus.status === \"active\") {\r\n onAzureAd()\r\n } else {\r\n setBillingPopupOpen(true);\r\n }\r\n }}>Configure\r\n }\r\n
\r\n Microsoft Entra ID
(Azure Active Directory)
\r\n {azureAD &&\r\n \r\n }\r\n {azureAD &&\r\n Update\r\n }\r\n {!azureAD &&\r\n {\r\n if (userStatus.status === \"active\") {\r\n onAzureAd()\r\n } else {\r\n setBillingPopupOpen(true);\r\n }\r\n }}>Configure\r\n }\r\n \r\n
\r\n }\r\n {saml &&\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Okta
\r\n {okta &&\r\n \r\n }\r\n {okta &&\r\n Update\r\n }\r\n\r\n {!okta &&\r\n {\r\n if (userStatus.status === \"active\") {\r\n onOkta()\r\n } else {\r\n setBillingPopupOpen(true);\r\n }\r\n }}>Configure\r\n }\r\n\r\n
\r\n }\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n SAML
\r\n {saml &&\r\n Update\r\n }\r\n\r\n {!saml &&\r\n {\r\n if (userStatus.status === \"active\") {\r\n onSaml()\r\n } else {\r\n setBillingPopupOpen(true);\r\n }\r\n }}>Configure\r\n }\r\n\r\n 
Back\r\n
\r\n }\r\n {(SSOType === \"azure\") &&\r\n \r\n
\r\n Okta Connect
\r\n\r\n
\r\n \r\n
\r\n \r\n 
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n\r\n {okta &&\r\n \r\n }\r\n \r\n
\r\n \r\n Back\r\n
\r\n }\r\n {(SSOType === \"saml\") &&\r\n \r\n Microsoft Entra ID
\r\n
\r\n Microsoft Entra ID
(Azure Active Directory)
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {azureAD &&\r\n \r\n }\r\n \r\n
\r\n \r\n Back\r\n
\r\n\r\n \r\n\r\n \r\n
\r\n SAML Connect
\r\n\r\n
\r\n \r\n
\r\n \r\n Single sign-on URL\r\n
\r\n \r\n Audience URI (SP Entity ID)\r\n
\r\n \r\n
\r\n SAML Configuration: Amove Details for IDP Setup
\r\nSingle sign-on URL\r\n trigger.parentNode}\r\n placement=\"topLeft\"\r\n title={Single Sign-On (SSO) URL: Use this URL in your IDP settings to direct SAML assertions to our application. It serves as the endpoint for your IDP to send authenticated responses.}>\r\n 
\r\n
\r\n \r\n Single Sign-On (SSO) URL: Use this URL in your IDP settings to direct SAML assertions to our application. It serves as the endpoint for your IDP to send authenticated responses.
}>\r\n Audience URI (SP Entity ID)\r\n trigger.parentNode}\r\n placement=\"topLeft\"\r\n title={Service Provider Entity ID: This unique identifier for our application is required by your Identity Provider (IDP) to establish a trust relationship. Copy and paste it into your IDP configuration.}>\r\n \r\n
\r\n \r\n Service Provider Entity ID: This unique identifier for our application is required by your Identity Provider (IDP) to establish a trust relationship. Copy and paste it into your IDP configuration.
}>\r\n \r\n \r\n
\r\n \r\n Cancel\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n Edit team
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Team name
\r\n {\r\n setGroupName(e.target.value)\r\n }} value={groupName} placeholder=\"Enter team name\"/>\r\n {groupNameError &&\r\n Name should be minimum of 3 characters and maximum of 20\r\n }\r\n\r\n
\r\n Team’s description
\r\n \r\n\r\n Cancel\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Assign Project
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Projects
\r\n\r\n {\r\n if (projectsList.filter((a) => a.projectId === item.id).length < 1 && newProjectsList.filter((a) => a.projectId === item.id).length < 1) {\r\n return item\r\n }\r\n }).map((item) => ({\r\n label: item.name, value: item.id,\r\n }))}\r\n filterOption={(input, option) =>\r\n option.label.toLowerCase().includes(input.toLowerCase())\r\n }\r\n />\r\n
\r\n {(projectsList.length > 0 || newProjectsList.length > 0) &&\r\n\r\n \r\n {projectsList.length > 0 && projectsList.map((project, i) => (\r\n
}\r\n \r\n
))}\r\n {newProjectsList.length > 0 && newProjectsList.map((project, i) => (\r\n \r\n
\r\n \r\n
\r\n \r\n {project.projectName} {\r\n removeProjectFromList(i, project)\r\n }}>
\r\n \r\n
\r\n \r\n {\r\n onChangePermission(e, project.projectId)\r\n }} value={project.permissionType}>\r\n \r\n Read\r\n \r\n \r\n Read, Write\r\n \r\n \r\n
\r\n \r\n
))}\r\n \r\n
\r\n \r\n
\r\n \r\n {project.projectName} {\r\n e.preventDefault();\r\n removeProjectFromList(i, project, true)\r\n }}>
\r\n \r\n
\r\n \r\n {\r\n onChangePermission(e, project.projectId, true)\r\n }} value={project.permissionType}>\r\n \r\n Read\r\n \r\n \r\n Read, Write\r\n \r\n \r\n
\r\n \r\n Cancel\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Assign Shared Drive
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Drive
\r\n\r\n {\r\n if (driveList.filter((a) => a.sharedCloudDriveId === item.id).length < 1 && newDriveList.filter((a) => a.id === item.id).length < 1) {\r\n return item\r\n }\r\n }).map((item) => ({\r\n label: item.name, value: item.id,\r\n }))}\r\n filterOption={(input, option) =>\r\n option.label.toLowerCase().includes(input.toLowerCase())\r\n }\r\n />\r\n
\r\n {(driveList.length > 0 || newDriveList.length > 0) && \r\n {driveList.length > 0 && driveList.map((drive, i) => (\r\n
}\r\n \r\n
))}\r\n {newDriveList.length > 0 && newDriveList.map((drive, i) => (\r\n \r\n
\r\n \r\n
\r\n \r\n {drive.name} {\r\n removeDriveFromList(i, drive.id)\r\n }}>
\r\n \r\n
\r\n \r\n {\r\n onChangePermissionDrive(e, drive.id)\r\n }} value={drive.permissionType}>\r\n \r\n Read\r\n \r\n \r\n Read, Write\r\n \r\n \r\n
\r\n \r\n
))}\r\n \r\n
\r\n \r\n
\r\n \r\n {drive.name} {\r\n e.preventDefault();\r\n removeDriveFromList(i, drive, true)\r\n }}>
\r\n \r\n
\r\n \r\n {\r\n onChangePermissionDrive(e, drive.id, true)\r\n }} value={drive.permissionType}>\r\n \r\n Read\r\n \r\n \r\n Read, Write\r\n \r\n \r\n
\r\n \r\n Cancel\r\n 0 || driveList.length > 0 ? \"\" : \"disabled\"}`}\r\n loading={loading} onClick={AssignCloudDrive}>Assign\r\n
\r\n \r\n
\r\n \r\n
\r\n Manage Users
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Users
\r\n\r\n {\r\n if (usersList.filter((a) => a.user.id === item.id).length < 1 && newUsersList.filter((a) => a.id === item.id).length < 1) {\r\n return item\r\n }\r\n }).map((item) => ({\r\n label: item.email, value: item.id,\r\n }))}\r\n filterOption={(input, option) =>\r\n option.label.toLowerCase().includes(input.toLowerCase())\r\n }\r\n />\r\n
\r\n\r\n {(usersList.length > 0 || newUsersList.length > 0) && \r\n {usersList.length > 0 && usersList.map((user, i) => (\r\n
}\r\n \r\n
))}\r\n {newUsersList.length > 0 && newUsersList.map((user, i) => (\r\n \r\n
\r\n \r\n
\r\n \r\n {user.user.email} {\r\n removeUserFromList(i, user.userUserGroup.id)\r\n }}>
\r\n \r\n
))}\r\n \r\n
\r\n \r\n
\r\n \r\n {user.email} {\r\n e.preventDefault();\r\n removeUserFromList(i, user.id, true)\r\n }}>
\r\n \r\n Cancel\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Projects
\r\nUse Projects to give multiple users access
\r\n to cloud drives and project management.
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n \r\n\r\n\r\n {\r\n e.preventDefault()\r\n setSearchValForSearch(e.target.value)\r\n }} value={searchValForSearch} placeholder=\"Search by Project Name\"/>\r\n {\r\n e.preventDefault();\r\n if (userStatus.status === \"active\") {\r\n setCurrentPage(1);\r\n setDescending(false)\r\n getAllProjects()\r\n }\r\n }}>\r\n\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | Project Name {\r\n e.preventDefault();\r\n onChangeSort();\r\n }}\r\n className={`${descending ? \"arrow-down\" : \"arrow-up\"} ${!dataLoaded ? \"disabled\" : \"\"}`}> | \r\n Users | \r\nTeams | \r\nDrive | \r\n\r\n |
|---|---|---|---|---|
| \r\n \r\n \r\n \r\n Project Name: {project.name} \r\n {project.description}\r\n | \r\n \r\n \r\n Users: {project.usersData.length > 0 && <>\r\n {project.usersData[0].user.email}\r\n \r\n {project.usersData.length > 1 && | \r\n\r\n \r\n \r\n Teams: {project.groupsData.length > 0 && <>\r\n {project.groupsData[0].userGroup.name}\r\n \r\n {project.groupsData.length > 1 && | \r\n \r\n \r\n Drive: {project.drivesData.length > 0 && <>\r\n {project.drivesData[0].sharedCloudDrive.name}\r\n \r\n {project.drivesData.length > 1 && | \r\n\r\n \r\n {userStatus.status === \"active\" &&
| \r\n
\r\n {totalResult > perPage &&\r\n }\r\n
\r\n \r\n
\r\n \r\n
\r\n Add new project
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Project name
\r\n {\r\n setProjectName(e.target.value)\r\n }} value={projectName} placeholder=\"Enter project name\"/>\r\n {projectNameError &&\r\n Name should be minimum of 3 characters and maximum of 20\r\n }\r\n\r\n
\r\n Project description
\r\n \r\n }\r\n {!viewToken &&\r\n \r\n }\r\n\r\n
\r\n \r\n
\r\n \r\n {tokenToCopy !== \"\" &&\r\n <>\r\n \r\n \r\n \r\n }\r\n {tokenToCopy === \"\" &&\r\n \r\n }\r\n
\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n API Tokens
\r\n\r\n
\r\n \r\n\r\n
\r\n \r\n {tokens.length > 0 && (<>\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Title
\r\n\r\n
\r\n Token Expiration Date
\r\n\r\n
\r\n Delete
\r\n\r\n
\r\n \r\n )}\r\n - \r\n {tokens.map((item) => (\r\n
- \r\n
\r\n \r\n
\r\n
\r\n ))}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {item.title}
\r\n\r\n
\r\n {getFormatedDate(item.expirationDate, false)}
\r\n\r\n
\r\n - \r\n