\n
\n \n ) : (\n \"\"\n )}\n \n );\n};\n\nexport default Modal;\n","import moment from 'moment';\n\nconst formatDate = (date) => {\n const formattedDate = moment(date).format('MMM-DD, YYYY hh:mm A'); \n return formattedDate; \n}\n\nexport default formatDate;","import { useEffect, useState } from \"react\";\nimport formatDate from \"../utils/configs\";\n\nconst UserContainer = ({\n users,\n updateRole,\n updateStatus,\n deleteUser,\n editUser,\n search,\n status,\n role,\n}) => {\n\n const [sortedUsers, setSotedUsers] = useState([]);\n const [sortConfig, setSortConfig] = useState({ field: '', order: 'desc' });\n\n\n const sortUsers = (field) => {\n const isAsc = sortConfig.field === field && sortConfig.order === 'asc';\n const newSortOrder = isAsc ? 'desc' : 'asc';\n\n const sortedUsers = [...users].sort((a, b) => {\n let fieldA = field === 'createdAt' ? new Date(a.metadata.createdAt) : field === \"lastLogout\" ? new Date(a.lastLogout) : new Date(a.lastLogin);\n let fieldB = field === 'createdAt' ? new Date(b.metadata.createdAt) : field === \"lastLogout\" ? new Date(a.lastLogout) : new Date(b.lastLogin);\n\n return (fieldA - fieldB) * (newSortOrder === 'asc' ? 1 : -1);\n });\n\n setSotedUsers(sortedUsers);\n setSortConfig({ field, order: newSortOrder });\n };\n\n\n useEffect(() => {\n if(!users.length) return;\n setSotedUsers(users);\n },[users])\n\n\n\n return (\n <>\n \n
\n \n \n ×\n \n
\n {props.children}\n \n {props.title}\n
\n\n \n \n
\n
\n \n );\n};\nexport default UserContainer;\n","import { toast } from \"react-toastify\";\n\nfunction capitalizeFirstLetter(string) {\n return string.charAt(0).toUpperCase() + string.slice(1);\n}\n\nexport const Toaster = (type = 1, msg) => {\n if (type === 1) {\n toast.success(capitalizeFirstLetter(msg));\n } else if (type === 2) {\n toast.error(capitalizeFirstLetter(msg));\n } else if (type === 3) {\n toast.warning(capitalizeFirstLetter(msg));\n } else if (type === 4) {\n toast.info(capitalizeFirstLetter(msg));\n } else {\n toast.success(capitalizeFirstLetter(msg));\n }\n};\n","import { useEffect, useState } from \"react\";\nimport axios from \"axios\";\nimport FormatUrl from \"../utils/UrlFormatter\";\nimport Card from \"../component/card.component\";\nimport Modal from \"../component/modal.component\";\nimport UserContainer from \"../containers/users\";\nimport { Toaster } from \"../utils/toaster\";\nimport { authHeader } from \"../utils/Constants\";\n\nconst Users = ({ setPath }) => {\n const [users, setUsers] = useState([]);\n const [customers, setCustomers] = useState([]);\n const [openModal, setOpenModal] = useState(false);\n const [tenants, setTenants] = useState([]);\n const [teams, setTeams] = useState([]);\n const [user, setUser] = useState(null);\n const [search, setSearch] = useState(\"\");\n const [status, setStatus] = useState(\"\");\n const [role, setRole] = useState(\"\");\n\n\n // form inputs\n const [username, setUsername] = useState(null);\n const [firstname, setFirstname] = useState(null);\n const [lastname, setLastname] = useState(null);\n const [email, setEmail] = useState(null);\n const [phone, setPhone] = useState(null);\n const [password, setPassword] = useState(null);\n const [customerRef, setCustomerRef] = useState(null);\n const [tenantRef, setTenantRef] = useState(null);\n const [teamRef, setTeamRef] = useState(null);\n\n const editUser = (user) => {\n setOpenModal(true);\n setUsername(user.username);\n setFirstname(user.first_name);\n setLastname(user.last_name);\n setEmail(user.email);\n setPhone(user.phone);\n setCustomerRef(user.customerRef._id);\n setTenantRef(user.tenantRef._id);\n setTeamRef(user.teamRef._id);\n\n setUser(user);\n };\n\n const getTeams = () => {\n let url = FormatUrl(`/team/teams`);\n axios\n .get(url, authHeader)\n .then(function (response, error) {\n let data = response.data;\n setTeams(data);\n })\n .catch(function (error) {});\n };\n\n const getCustomers = () => {\n let url = FormatUrl(`/customer/customer`);\n axios\n .get(url, authHeader)\n .then(function (response, error) {\n let data = response.data;\n setCustomers(data);\n })\n .catch(function (error) {});\n };\n\n const getTenants = () => {\n let url = FormatUrl(`/tenant/tenants`);\n axios\n .get(url, authHeader)\n .then(function (response, error) {\n let data = response.data;\n setTenants(data);\n })\n .catch(function (error) {});\n };\n\n const getUsers = () => {\n let url = FormatUrl(`/user/users`);\n axios\n .get(url, authHeader)\n .then(function (response, error) {\n let data = response.data;\n data.sort((a, b) => {\n // First compare by lastLogin in descending order\n if (a.lastLogin > b.lastLogin) return -1;\n if (a.lastLogin < b.lastLogin) return 1;\n // If lastLogin is the same, compare by metadata.createdAt in descending order\n if (a.metadata.createdAt > b.metadata.createdAt) return -1;\n if (a.metadata.createdAt < b.metadata.createdAt) return 1;\n return 0; // if both are same\n });\n\n\n setUsers(data);\n })\n .catch(function (error) {});\n };\n\n const onboardUser = (user_id, email) => {\n let url = FormatUrl(`/email/onboarding`);\n axios\n .post(url, {\n user_id: user_id,\n email: email,\n }, authHeader)\n .then(function (response, error) {\n let data = response.data;\n })\n .catch(function (error) {\n console.log(error);\n });\n };\n\n const createUser = (ev) => {\n ev.preventDefault();\n let url = FormatUrl(`/user/register`);\n axios\n .post(url, {\n username: username,\n first_name: firstname,\n last_name: lastname,\n email: email,\n phone: phone,\n password: password,\n customerRef: customerRef,\n tenantRef: tenantRef,\n teamRef: teamRef,\n }, authHeader)\n .then(function (response, error) {\n let data = response.data;\n console.log(data);\n\n setOpenModal(false);\n getUsers();\n Toaster(1, \"User created\");\n })\n .catch(function (error) {\n Toaster(2, \"Failed to create user\");\n });\n };\n\n const updateStatus = (id, status, email) => {\n let url = FormatUrl(`/user/user/${id}`);\n\n axios\n .patch(url, {\n status: status,\n }, authHeader)\n .then(function (response, error) {\n let data = response.data;\n \n setUsername(null);\n setFirstname(null);\n setLastname(null);\n setEmail(null);\n setPhone(null);\n setCustomerRef(null);\n setTenantRef(null);\n setTeamRef(null);\n getUsers();\n Toaster(1, \" Status activated\");\n if (status === \"ACTIVE\") {\n onboardUser(id, email);\n }\n })\n\n .catch(function (error) {\n Toaster(2, \"Failed to update status\");\n });\n };\n\n const updateUser = (ev) => {\n ev.preventDefault();\n\n let url = FormatUrl(`/user/user/${user._id}`);\n\n axios\n .patch(url, {\n username: username,\n first_name: firstname,\n last_name: lastname,\n email: email,\n phone: phone,\n customerRef: customerRef,\n tenantRef: tenantRef,\n teamRef: teamRef,\n }, authHeader)\n .then(function (response, error) {\n let data = response.data;\n getUsers();\n setOpenModal(false);\n\n setUsername(null);\n setFirstname(null);\n setLastname(null);\n setEmail(null);\n setPhone(null);\n setCustomerRef(null);\n setTenantRef(null);\n setTeamRef(null);\n setUser(null);\n\n Toaster(1, \"User updated\");\n })\n .catch(function (error) {\n Toaster(2, \"Failed to update user\");\n });\n };\n\n const deleteUser_ = (id) => {\n let url = FormatUrl(`/user/user/${id}`);\n\n axios\n .delete(url, authHeader)\n .then(function (response, error) {\n let data = response.data;\n getUsers();\n Toaster(1, \"User deleted\");\n })\n .catch(function (error) {\n Toaster(2, \"Failed to delete user\");\n });\n };\n\n const deleteUser = (id, username) => {\n let text = `Are you sure you wants to delete \"${username}\" user ?`;\n if (window.confirm(text) == true) {\n deleteUser_(id);\n } else {\n return;\n }\n };\n\n const updateRole = (id, role) => {\n let url = FormatUrl(`/user/user/${id}`);\n axios\n .patch(url, {\n role: role,\n }, authHeader)\n .then(function (response, error) {\n let data = response.data;\n getUsers();\n Toaster(1, \"User role updated\");\n })\n .catch(function (error) {\n Toaster(1, \"Failed to update role\");\n });\n };\n\n useEffect(() => {\n getUsers();\n getTenants();\n getCustomers();\n getTeams();\n setPath(window.location.pathname);\n }, []);\n\n return (\n <>\n | Username | \nFull Name | \nCustomer | \nSignup Method | \n\nRole | \nStatus | \n sortUsers('createdAt', 'asc')}>\n ![](\"/static/images/sort.svg\") Created At\n | \n\n\n\n \n Last Session Time\n | \n sortUsers('lastLogin', 'desc')}>\n Last Login\n | \n sortUsers('lastLogout', 'desc')}>\n Last Logout | \n \n \n Last Status Update | \nLast Role Update | \n \n\n \n\n\n\n Action\n | \n|
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| {user.username} | \n{user.first_name} {user.last_name} | \n{user.email} | \n{user.customerRef ? user.customerRef.name : \"\"} | \n{user.googleOrOkta === \"google\" ? \"Google\" : \"Email\"} | \n\n\n \n\n \n \n | \n \n \n \n\n | \n {formatDate(user?.metadata?.createdAt)} | \n \n \n \n{user.lastSessionTime} | \n{user.lastLogin ? formatDate(user.lastLogin) : \"\"} | \n{user.lastLogout ? formatDate(user.lastLogout) : \"\"} | \n\n{user.LastStatusUpdate ? formatDate(user.LastStatusUpdate) : \"\"} | \n{user.lastRoleUpdate ? formatDate(user.lastRoleUpdate) : \"\"} | \n\n \n\n\n\n | \n
\n
\n\n \n setSearch(e.target.value)}\n status={true}\n role={true}\n onStatusChange={(e) => setStatus(e.target.value)}\n onRoleChange={(e) => setRole(e.target.value)}\n >\n
\n \n \n
\n \n \n );\n};\nexport default Users;\n","import { useEffect, useState } from \"react\";\nimport axios from \"axios\";\nimport FormatUrl from \"../utils/UrlFormatter\";\nimport UserContainer from \"../containers/users\";\nimport { authHeader } from \"../utils/Constants\";\n\nconst Home = ({ setPath }) => {\n const [summary, setSummary] = useState({\n user: {\n active_users: 0,\n inactive_users: 0,\n },\n customer: {\n active_customer: 0,\n inactive_customer: 0,\n },\n subscriptions: {\n gold_subscriptions: 0,\n silver_subscriptions: 0,\n bronze_subscriptions: 0,\n },\n });\n\n const [users, setUsers] = useState([]);\n const [customers, setCustomers] = useState([]);\n\n const getCustomers = () => {\n let url = FormatUrl(`/customer/customer?status=true`);\n\n axios\n .get(url, authHeader)\n .then(function (response, error) {\n let data = response.data;\n setCustomers(data);\n })\n .catch(function (error) {});\n };\n\n const getUsers = () => {\n let url = FormatUrl(`/user/users`);\n\n axios\n .get(url, authHeader)\n .then(function (response, error) {\n let data = response.data;\n setUsers(data);\n })\n .catch(function (error) {});\n };\n\n const getSummary = () => {\n let url = FormatUrl(`/summary/summary`);\n\n axios\n .get(url, authHeader)\n .then(function (response, error) {\n let data = response.data;\n setSummary(data);\n })\n .catch(function (error) {});\n };\n\n useEffect(() => {\n setPath(window.location.pathname);\n getSummary();\n getUsers();\n getCustomers();\n }, []);\n\n return (\n \n \n Username:\n \n
\n\n \n setUsername(e.target.value)}\n type=\"text\"\n class=\"form-control\"\n id=\"username\"\n placeholder=\"Username\"\n value={username}\n />\n
\n \n \n Email:\n \n
\n {user ? (\n \"\"\n ) : (\n \n setEmail(e.target.value)}\n type=\"email\"\n class=\"form-control\"\n id=\"email\"\n placeholder=\"Email\"\n value={email}\n />\n
\n \n \n Password:\n \n
\n )}\n\n \n setPassword(e.target.value)}\n type=\"password\"\n class=\"form-control\"\n id=\"password\"\n placeholder=\"***********\"\n />\n
\n \n \n First name:\n \n
\n\n \n setFirstname(e.target.value)}\n type=\"text\"\n class=\"form-control\"\n id=\"firstname\"\n placeholder=\"First name\"\n value={firstname}\n />\n
\n \n \n Last name:\n \n
\n\n \n setLastname(e.target.value)}\n type=\"text\"\n class=\"form-control\"\n id=\"lastname\"\n placeholder=\"Last name\"\n value={lastname}\n />\n
\n \n \n Phone:\n \n
\n\n \n setPhone(e.target.value)}\n type=\"text\"\n class=\"form-control\"\n id=\"phone\"\n placeholder=\"Phone\"\n value={phone}\n />\n
\n \n \n Customer:\n \n
\n\n \n setCustomerRef(e.target.value)}\n value={customerRef}\n >\n \n {customers.map((tenant, index) => (\n \n ))}\n \n
\n \n \n Tenant:\n \n
\n\n \n setTenantRef(e.target.value)}\n value={tenantRef}\n id=\"tenant\"\n >\n \n {tenants.map((tenant, index) => (\n \n ))}\n \n
\n \n \n Team:\n \n
\n\n \n setTeamRef(e.target.value)}\n value={teamRef}\n id=\"team\"\n >\n \n {teams.map((team, index) => (\n \n ))}\n \n
\n \n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n \n
\n \n
\n \n \n {summary.user.active_users}\n \n {/* K */}\n
\nActive users
\n\n \n {summary.user.inactive_users}\n \n Inactive users\n
\n\n
\n \n
\n \n
\n \n
\n \n \n \n
\n \n
\n \n \n {summary.customer.active_customer}\n \n {/* K */}\n
\nActive customers
\n\n \n {summary.customer.inactive_customer}\n \n Inactive customers\n
\n\n
\n \n
\n \n
\n \n
\n \n \n \n
\n \n
\n \n \n {summary.subscriptions.gold_subscriptions +\n summary.subscriptions.silver_subscriptions +\n summary.subscriptions.bronze_subscriptions}\n \n {/* K */}\n
\nSubscriptions
\n\n \n {summary.subscriptions.gold_subscriptions} GOLD /\n {summary.subscriptions.silver_subscriptions} SILVER /\n {summary.subscriptions.bronze_subscriptions} BRONZE\n \n
\n\n
\n \n
\n \n
\n \n
\n \n
\n\n \n
\n Active Users
\n\n \n \n
\n
\n | Username | \nCustomer | \nTenant | \nTeam | \n
|---|---|---|---|
| {user.username} | \n{user.customerRef ? user.customerRef.name : \"\"} | \n{user.tenantRef ? user.tenantRef.name : \"\"} | \n{user.teamRef ? user.teamRef.name : \"\"} | \n
\n
\n \n \n \n
\n
\n \n
\n\n \n
\n Active Customers
\n| Name | \nPlan | \nBilling | \nCreated at | \n
|---|---|---|---|
| {customer.name} | \n{customer.plan} | \n{customer.billing} | \n\n {customer.metadata && customer.metadata.createdAt\n ? customer.metadata.createdAt.split(\"T\")[0]\n : \"\"}\n | \n
\n
\n \n \n );\n};\nexport default Home;\n","import { useState } from \"react\";\nimport axios from \"axios\";\nimport { Toaster } from \"../utils/toaster\";\nimport FormatUrl from \"../utils/UrlFormatter\";\n\nconst Login = ({ handleLoggedin }) => {\n const [username, setUsername] = useState(null);\n const [password, setPassword] = useState(null);\n\n const handleLogin = (ev) => {\n ev.preventDefault();\n\n if (!username) {\n Toaster(3, \"username required\");\n return;\n }\n if (!password) {\n Toaster(3, \"password required\");\n return;\n }\n\n let url = FormatUrl(`/user/adminLogin`);\n axios\n .post(url, {\n password: window.btoa(password),\n email: username,\n })\n .then(function (response, error) {\n try {\n sessionStorage.setItem(\"token\", response.token.idToken.jwtToken);\n Toaster(1, \"Login success\");\n handleLoggedin(true);\n } catch (err) {\n const data = response.data;\n sessionStorage.setItem(\"token\", data.token.idToken.jwtToken);\n handleLoggedin(true);\n }\n })\n .catch(function (err) {\n Toaster(2, err.response?.data?.err?.message || \"Invalid credentials\");\n });\n };\n\n return (\n \n
\n \n
\n \n
\n \n
\n Pending user requests
\n\n
\n - \n {users.map((user, index) => (\n
\n
\n \n ))}\n \n
\n \n
\n \n
\n \n
\n Schedules
\n\n
\n - \n
- \n \n\n \n
Skype call with Ruby
\n\n 11:45 am USA\n
\n \n - \n \n\n \n
Meeting with Team
\n\n 10:30 am Caneda\n
\n \n - \n \n\n \n
Data Analysing with Client
\n\n \n 02:00 pm\n {\" \"}\n Africa\n
\n \n - \n \n\n \n
conference with Team
\n\n 03:30 am{\" \"}\n Australia\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n Amount Due
\n$5450.90
\nMilestone Completed
\n Payment for next week
\n \n \n
\n \n
\n \n
\n
\n \n
\n \n
\n Member Profit
\n\n {\" \"}\n Average Weekly Profit{\" \"}\n
\n\n
\n +168.900
\n\n
\n
\n \n
\n Total Profit
\n\n {\" \"}\n Weekly Customer Orders{\" \"}\n
\n\n
\n +168.900
\n\n
\n \n
\n \n
\n \n
\n Sign in
\n\n Enter your email address and password to access admin panel.\n
\n \n\n
\n\n \n setSearch(e.target.value)} \n >\n \n \n
\n \n
\n | Name | \nCustomer Type | \nUser Count | \nPlan | \nBilling | \nStatus | \nCreated at | \nLast Status Update | \nAction | \n
|---|---|---|---|---|---|---|---|---|
| {customer.name} | \n{customer.securityType === \"Gen-AI Security\" ? \"AI\" : \"Data\"} | \n{customer.userCount} | \n{customer.plan} | \n{customer.billing} | \n\n \n \n \n \n | \n \n{formatDate(customer.metadata.createdAt)} | \n{formatDate(customer.LastStatusUpdate)} | \n\n\n\n | \n
\n \n
\n
\n
\n
\n
\n\n
\n \n \n );\n};\nexport default Customers;\n","import { useEffect, useState } from \"react\";\nimport axios from \"axios\";\nimport FormatUrl from \"../utils/UrlFormatter\";\nimport Card from \"../component/card.component\";\nimport Modal from \"../component/modal.component\";\nimport { Toaster } from \"../utils/toaster\";\nimport { authHeader } from \"../utils/Constants\";\nimport formatDate from \"../utils/configs\";\n\nconst Tenants = ({ setPath }) => {\n const [customers, setCustomers] = useState([]);\n const [tenants, setTenants] = useState([]);\n const [openModal, setOpenModal] = useState(false);\n const [tenant, setTenant] = useState(null);\n\n // form inputs\n const [name, setName] = useState(null);\n const [customerRef, setCustomerRef] = useState(null);\n\n const editTenant = (tenent) => {\n setOpenModal(true);\n setName(tenent.name);\n setCustomerRef(tenent.customerRef._id);\n\n setTenant(tenent);\n };\n\n const getCustomers = () => {\n let url = FormatUrl(`/customer/customer`);\n\n axios\n .get(url, authHeader)\n .then(function (response, error) {\n let data = response.data;\n setCustomers(data);\n })\n .catch(function (error) {});\n };\n\n const getTenants = () => {\n let url = FormatUrl(`/tenant/tenants`);\n\n axios\n .get(url, authHeader)\n .then(function (response, error) {\n let data = response.data;\n setTenants(data);\n })\n .catch(function (error) {});\n };\n\n const createTenant = (ev) => {\n ev.preventDefault();\n\n let url = FormatUrl(`/tenant/tenants`);\n\n axios\n .post(url, {\n name: name,\n customerRef: customerRef,\n }, authHeader)\n .then(function (response, error) {\n setOpenModal(false);\n getTenants();\n setName(null);\n setCustomerRef(null);\n Toaster(1, \"Tenant created\");\n })\n .catch(function (error) {\n console.log(error);\n Toaster(2, \"Failed to create tenant\");\n });\n };\n\n const updateTenant = (ev) => {\n ev.preventDefault();\n\n let url = FormatUrl(`/tenant/tenants/${tenant._id}`);\n\n axios\n .patch(url, {\n name: name,\n customerRef: customerRef,\n }, authHeader)\n .then(function (response, error) {\n setOpenModal(false);\n getTenants();\n setName(null);\n setCustomerRef(null);\n setTenant(null);\n Toaster(1, \"Status updated\");\n })\n .catch(function (error) {\n console.log(error);\n Toaster(2, \"Failed to update status\");\n });\n };\n\n const deleteTenant_ = (id) => {\n let url = FormatUrl(`/tenant/tenants/${id}`);\n axios\n .delete(url, authHeader)\n .then(function (response, error) {\n getTenants();\n Toaster(1, \"Tenant deleted\");\n })\n .catch(function (error) {\n console.log(error);\n Toaster(2, \"Failed to delete tenant\");\n });\n };\n\n const deleteTenant = (id) => {\n let text = \"Are you sure you wants to delete this tenant ?\";\n if (window.confirm(text) == true) {\n deleteTenant_(id);\n } else {\n return;\n }\n };\n\n useEffect(() => {\n getCustomers();\n getTenants();\n setPath(window.location.pathname);\n }, []);\n\n return (\n <>\n \n
\n\n \n {loading ? (\n \n ) : logo ? (\n \n ) : (\n \n )}\n\n uploadImage(e.target.files[0])}\n />\n
\n \n
\n
\n
\n
\n\n
\n \n setName(e.target.value)}\n placeholder=\"Customer name\"\n value={name}\n />\n
\n\n \n \n\n setPlan(e.target.value)}\n value={plan}\n id=\"plan-name\"\n >\n \n \n
\n\n \n \n setBilling(e.target.value)}\n value={billing}\n id=\"billing\"\n >\n \n \n
\n\n \n \n \n
\n\n \n \n \n \n
\n \n
\n | Name | \nCustomer | \nCreated at | \nAction | \n
|---|---|---|---|
| {tenant.name} | \n{tenant.customerRef ? tenant.customerRef.name : \"\"} | \n\n{formatDate(tenant.metadata.createdAt)} | \n\n\n\n | \n
\n \n \n {tenant ? \"Update\" : \"Submit\"}\n \n \n
\n \n \n );\n};\nexport default Tenants;\n","import { useEffect, useState } from \"react\";\nimport axios from \"axios\";\nimport FormatUrl from \"../utils/UrlFormatter\";\nimport Card from \"../component/card.component\";\nimport Modal from \"../component/modal.component\";\nimport { Toaster } from \"../utils/toaster\";\nimport { authHeader } from \"../utils/Constants\";\n\nconst Customers = ({ setPath }) => {\n const [teams, setTeams] = useState([]);\n const [openModal, setOpenModal] = useState(false);\n\n const [team, setTeam] = useState(false);\n\n // form inputs\n const [name, setName] = useState(null);\n\n const editTeam = (team) => {\n setOpenModal(true);\n setName(team.name);\n\n setTeam(team);\n };\n\n const getTeams = () => {\n let url = FormatUrl(`/team/teams`);\n\n axios\n .get(url, authHeader)\n .then(function (response, error) {\n let data = response.data;\n setTeams(data);\n })\n .catch(function (error) {});\n };\n\n const createTeam = (ev) => {\n ev.preventDefault();\n\n let url = FormatUrl(`/team/teams`);\n\n axios\n .post(url, {\n name: name,\n }, authHeader)\n .then(function (response, error) {\n let data = response.data;\n setOpenModal(false);\n setTeam(null);\n getTeams();\n Toaster(1, \"Team created\");\n })\n .catch(function (error) {\n console.log(error);\n Toaster(2, \"Failed to create team \");\n });\n };\n\n const updateTeam = (ev) => {\n ev.preventDefault();\n\n let url = FormatUrl(`/team/teams/${team._id}`);\n\n axios\n .patch(url, {\n name: name,\n }, authHeader)\n .then(function (response, error) {\n let data = response.data;\n setName(null);\n setOpenModal(false);\n setTeam(null);\n getTeams();\n Toaster(1, \"Team updated\");\n })\n .catch(function (error) {\n console.log(error);\n Toaster(2, \"Failed to update team \");\n });\n };\n\n const deleteTeam_ = (id) => {\n let url = FormatUrl(`/team/teams/${id}`);\n axios\n .delete(url, authHeader)\n .then(function (response, error) {\n let data = response.data;\n getTeams();\n Toaster(1, \"Team deleted\");\n })\n .catch(function (error) {\n Toaster(3, \"Failed to deleted team\");\n });\n };\n\n const deleteTeam = (id) => {\n let text = \"Are you sure you wants to delete this team ?\";\n if (window.confirm(text) == true) {\n deleteTeam_(id);\n } else {\n return;\n }\n };\n\n useEffect(() => {\n getTeams();\n setPath(window.location.pathname);\n }, []);\n\n return (\n <>\n \n \n setName(e.target.value)}\n placeholder=\"Tenant name\"\n value={name}\n />\n
\n \n \n\n setCustomerRef(e.target.value)}\n value={customerRef}\n id=\"customer\"\n >\n \n {customers\n .filter((customer) => customer.status === true)\n .map((customer, index) => (\n \n ))}\n \n
\n\n \n
\n\n \n \n \n \n
\n \n
\n | Name | \nCreated at | \nAction | \n
|---|---|---|
| {team.name} | \n\n {team.metadata && team.metadata.createdAt\n ? team.metadata.createdAt.split(\"T\")[0]\n : \"\"}\n | \n\n\n | \n
\n \n
\n \n \n );\n};\nexport default Customers;\n","import { Link } from \"react-router-dom\";\n\nconst SideBar = ({ path }) => (\n \n \n \n
\n \n \n
\n \n
*/}\n \n \n \n \n
\n \n \n \n
\n \n
\n );\n};\n\nexport default Topbar;\n","import { useEffect, useState } from \"react\";\nimport axios from \"axios\";\nimport FormatUrl from \"../utils/UrlFormatter\";\nimport Card from \"../component/card.component\";\nimport Modal from \"../component/modal.component\";\nimport { Toaster } from \"../utils/toaster\";\nimport { authHeader } from \"../utils/Constants\";\n\nconst Subscriptions = ({ setPath }) => {\n const [subscriptions, setSubscriptions] = useState([]);\n const [openModal, setOpenModal] = useState(false);\n const [name, setName] = useState(null);\n const [planType, setPlanType] = useState(\"BRONZE\");\n\n const [subscription, setSubscription] = useState(null);\n\n const editSubscription = (subscription) => {\n setOpenModal(true);\n setName(subscription.name);\n setPlanType(subscription.planType);\n\n setSubscription(subscription);\n };\n\n const getSubscriptions = () => {\n let url = FormatUrl(`/subscription/subscriptions`);\n\n axios\n .get(url, authHeader)\n .then(function (response, error) {\n let data = response.data;\n setSubscriptions(data);\n })\n .catch(function (error) {});\n };\n\n const createSubscription = (ev) => {\n ev.preventDefault();\n\n let url = FormatUrl(`/subscription/subscription`);\n\n if (!name) {\n Toaster(3, \"Name required\");\n return;\n }\n if (!planType) {\n Toaster(3, \"planType required\");\n return;\n }\n\n axios\n .post(url, {\n name: name,\n planType: planType,\n })\n .then(function (response, error) {\n let data = response.data;\n setOpenModal(false);\n getSubscriptions();\n Toaster(1, \"Subscription created\");\n }, authHeader)\n .catch(function (error) {\n console.log(error);\n Toaster(2, \"Subscription already exist\");\n });\n };\n\n const updateSubscription = (ev) => {\n ev.preventDefault();\n\n let url = FormatUrl(`/subscription/subscription/${subscription._id}`);\n\n axios\n .patch(url, {\n name: name,\n planType: planType,\n }, authHeader)\n .then(function (response, error) {\n let data = response.data;\n setOpenModal(false);\n getSubscriptions();\n setName(null);\n setPlanType(null);\n setSubscription(null);\n Toaster(1, \"Subscription updated\");\n })\n .catch(function (error) {\n console.log(error);\n Toaster(2, \"Failed to update subscription\");\n });\n };\n\n const deleteSubscription = (id) => {\n let url = FormatUrl(`/subscription/subscription/${id}`);\n\n axios\n .delete(url, authHeader)\n .then(function (response, error) {\n let data = response.data;\n setName(null);\n setPlanType(null);\n getSubscriptions();\n Toaster(1, \"Subscription deleted\");\n })\n .catch(function (error) {\n Toaster(2, \"Failed to delete subscription\");\n });\n };\n\n useEffect(() => {\n getSubscriptions();\n setPath(window.location.pathname);\n }, []);\n\n return (\n <>\n \n
\n \n
\n\n \n \n \n ![\"\"](\"/static/images/logo.gif\")
\n Clouddefense\n \n
\n \n Clouddefense\n \n \n
\n\n \n \n \n \n
\n \n
\n | Name | \nplanType | \nCreated at | \nAction | \n
|---|---|---|---|
| {subscription.name} | \n{subscription.planType} | \n{subscription.created.split(\"T\")[0]} | \n\n\n | \n
\n \n \n {subscription ? \"Update\" : \"Submit\"}\n \n \n
\n \n \n );\n};\nexport default Subscriptions;\n","import { useEffect, useState } from \"react\";\nimport React from \"react\";\nimport { BrowserRouter as Router, Routes, Route } from \"react-router-dom\";\nimport { ToastContainer } from \"react-toastify\";\n\n// pages\nimport Users from \"./pages/Users\";\nimport Home from \"./pages/Home\";\nimport Login from \"./pages/Login\";\nimport Customers from \"./pages/Customers\";\nimport Tenants from \"./pages/Tenants\";\nimport Teams from \"./pages/Teams\";\n\n// common components\nimport SideBar from \"./component/sidebar.component\";\nimport Topbar from \"./component/topbar.component\";\nimport Subscriptions from \"./pages/Subscriptions\";\n\nconst App = () => {\n const [loggendIn, setLoggendIn] = useState(false);\n const [path, setPath] = useState(\"/\");\n\n useEffect(() => {\n let token = sessionStorage.getItem(\"token\");\n if (token) {\n setLoggendIn(true);\n }\n }, []);\n\n return (\n \n \n setName(e.target.value)}\n placeholder=\"Plan name\"\n value={name}\n />\n
\n\n \n \n setPlanType(e.target.value)}\n value={planType}\n >\n \n \n \n \n
\n\n \n \n {loggendIn ? (\n \n
\n );\n};\n\nexport default App;\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport \"./index.css\";\nimport App from \"./App\";\nimport \"react-toastify/dist/ReactToastify.css\";\n\nReactDOM.render(\n \n
\n ) : (\n \n
\n \n
\n \n \n \n \n \n \n \n \n \n \n \n\n \n \n
\n \n \n \n
\n )}\n