GDAP Invites

src/_nav.jsx

@@ -326,7 +326,12 @@ const _nav = [
       {
         component: CNavItem,
         name: 'Invite Wizard',
-        to: '/tenant/administration/gdap-invite',
+        to: '/tenant/administration/gdap-invite-wizard',
+      },
+      {
+        component: CNavItem,
+        name: 'Invite List',
+        to: '/tenant/administration/gdap-invites',
       },
       {
         component: CNavItem,

src/importsMap.jsx

@@ -147,7 +147,8 @@ import React from 'react'
   "/cipp/setup": React.lazy(() => import('./views/cipp/Setup')), 
   "/tenant/administration/securescore": React.lazy(() => import('./views/tenant/administration/SecureScore')), 
   "/tenant/administration/gdap": React.lazy(() => import('./views/tenant/administration/GDAPWizard')), 
-  "/tenant/administration/gdap-invite": React.lazy(() => import('./views/tenant/administration/GDAPInviteWizard')), 
+  "/tenant/administration/gdap-invite-wizard": React.lazy(() => import('./views/tenant/administration/GDAPInviteWizard')), 
+  "/tenant/administration/gdap-invites": React.lazy(() => import('./views/tenant/administration/ListGDAPInvites')), 
   "/tenant/administration/gdap-role-wizard": React.lazy(() => import('./views/tenant/administration/GDAPRoleWizard')), 
   "/tenant/administration/gdap-roles": React.lazy(() => import('./views/tenant/administration/ListGDAPRoles')), 
   "/tenant/administration/gdap-relationships": React.lazy(() => import('././views/tenant/administration/ListGDAPRelationships')), 

src/routes.json

@@ -999,11 +999,17 @@
     "allowedRoles": ["admin"]
   },
   {
-    "path": "/tenant/administration/gdap-invite",
+    "path": "/tenant/administration/gdap-invite-wizard",
     "name": "GDAP Invite Wizard",
     "component": "views/tenant/administration/GDAPInviteWizard",
     "allowedRoles": ["admin"]
   },
+  {
+    "path": "/tenant/administration/gdap-invites",
+    "name": "GDAP Invites",
+    "component": "views/tenant/administration/ListGDAPInvites",
+    "allowedRoles": ["admin"]
+  },
   {
     "path": "/tenant/administration/gdap-role-wizard",
     "name": "GDAP Role Wizard",

src/views/tenant/administration/GDAPInviteWizard.jsx

@@ -28,7 +28,7 @@ const Error = ({ name }) => (
     render={({ meta: { touched, error } }) =>
       touched && error ? (
         <CCallout color="danger">
-          <FontAwesomeIcon icon={faExclamationTriangle} color="danger" />
+          <FontAwesomeIcon icon={faExclamationTriangle} color="danger" className="me-2" />
           {error}
         </CCallout>
       ) : null
@@ -40,7 +40,31 @@ Error.propTypes = {
   name: PropTypes.string.isRequired,
 }
 
-const requiredArray = (value) => (value && value.length !== 0 ? undefined : 'Required')
+const requiredArray = (value) => {
+  if (value && value.length !== 0) {
+    /// group each item in value by roleDefinitionId and select Role name where count is greater than 1
+    const duplicateRoles = value
+      .map((item) => item.roleDefinitionId)
+      .filter((item, index, self) => index !== self.indexOf(item))
+    console.log(duplicateRoles)
+
+    if (duplicateRoles.length > 0) {
+      var duplicates = value.filter((item) => duplicateRoles.includes(item.roleDefinitionId))
+      /// get unique list of duplicate roles
+      duplicates = duplicates
+        .filter(
+          (role, index, self) =>
+            index === self.findIndex((t) => t.roleDefinitionId === role.roleDefinitionId),
+        )
+        .map((role) => role.RoleName)
+      return `Duplicate GDAP Roles selected, remove one of the mapped groups for the listed roles to continue: ${duplicates}`
+    } else {
+      return undefined
+    }
+  } else {
+    return 'You must select at least one GDAP Role'
+  }
+}
 
 const GDAPInviteWizard = () => {
   const defaultRolesArray = [

src/views/tenant/administration/ListGDAPInvites.jsx

@@ -0,0 +1,63 @@
+import React from 'react'
+import { CippPageList } from 'src/components/layout'
+import { TitleButton } from 'src/components/buttons'
+import { cellGenericFormatter } from 'src/components/tables/CellGenericFormat'
+import { cellDateFormatter } from 'src/components/tables'
+
+const ListGDAPInvites = () => {
+  const columns = [
+    {
+      name: 'Created',
+      selector: (row) => row['Timestamp'],
+      sortable: true,
+      exportSelector: 'Timestamp',
+      cell: cellDateFormatter({ format: 'short' }),
+    },
+    {
+      name: 'Relationship ID',
+      selector: (row) => row['RowKey'],
+      sortable: true,
+      exportSelector: 'RowKey',
+      cell: cellGenericFormatter(),
+    },
+    {
+      name: 'Invite URL',
+      selector: (row) => row['InviteUrl'],
+      exportSelector: 'InviteUrl',
+      cell: cellGenericFormatter(),
+    },
+    {
+      name: 'Onboarding URL',
+      selector: (row) => row['OnboardingUrl'],
+      exportSelector: 'OnboardingUrl',
+      cell: cellGenericFormatter(),
+    },
+    {
+      name: 'Role Mapping',
+      selector: (row) => row['RoleMappings'],
+      exportSelector: 'RoleMappings',
+      cell: cellGenericFormatter(),
+    },
+  ]
+  return (
+    <div>
+      <CippPageList
+        capabilities={{ allTenants: true, helpContext: 'https://google.com' }}
+        title="GDAP Invite List"
+        tenantSelector={false}
+        datatable={{
+          keyField: 'id',
+          columns,
+          reportName: `GDAP-Invite-List`,
+          path: '/api/ListGDAPInvite',
+          tableProps: {
+            selectableRows: true,
+            keyField: 'RowKey',
+          },
+        }}
+      />
+    </div>
+  )
+}
+
+export default ListGDAPInvites