feat: add external service detail in subscription management detail o…

…verlay (#1028)
eclipse-tractusx · Aug 30, 2024 · 25f38c0 · 25f38c0
1 parent a4cca26
commit 25f38c0
Show file tree

Hide file tree

Showing 4 changed files with 142 additions and 2 deletions.
diff --git a/src/assets/locales/de/main.json b/src/assets/locales/de/main.json
@@ -1528,7 +1528,34 @@
         "helpText": "For any questions regarding these change(s), please contact the Catena-X helpdesk:",
         "email": "[email protected]",
         "tenantUrlSuccessMsg": "App Tenant URL successfully updated",
-        "tenantUrlErrorMsg": "Error! Something went wrong"
+        "tenantUrlErrorMsg": "Error! Something went wrong",
+        "externalServices": {
+          "heading": "Details zum externen Dienst",
+          "trustedIssuer": {
+            "label": "Vertrauenswürdiger Aussteller",
+            "description": "Der vertrauenswürdige Aussteller, der für die Ausstellung der Identitätsnachweise verantwortlich ist."
+          },
+          "participantId": {
+            "label": "Teilnehmer-ID",
+            "description": "Die eindeutige Kennung des Teilnehmers im externen System."
+          },
+          "iatpId": {
+            "label": "IATP-ID",
+            "description": "Die eindeutige Kennung des IATP-Programms (Identity and Trust Protocol)."
+          },
+          "didResolver": {
+            "label": "DID-Resolver",
+            "description": "Die URL des DID-Resolvers (Decentralized Identifier), der für die Auflösung der dezentralen Identitäten verwendet wird."
+          },
+          "decentralIdentityManagementAuthUrl": {
+            "label": "Auth-URL für dezentrales Identitätsmanagement",
+            "description": "Die URL des Authentifizierungsendpunkts für das dezentrale Identitätsmanagement."
+          },
+          "decentralIdentityManagementServiceUrl": {
+            "label": "Service-URL für dezentrales Identitätsmanagement",
+            "description": "Die URL des Dienstendpunkts für das dezentrale Identitätsmanagement."
+          }
+        }
       }
     },
     "adminBoard": {

diff --git a/src/assets/locales/en/main.json b/src/assets/locales/en/main.json
@@ -1495,7 +1495,34 @@
         "helpText": "For any questions regarding these change(s), please contact the Catena-X helpdesk:",
         "email": "[email protected]",
         "tenantUrlSuccessMsg": "App Tenant URL successfully updated",
-        "tenantUrlErrorMsg": "Error! Something went wrong"
+        "tenantUrlErrorMsg": "Error! Something went wrong",
+        "externalServices": {
+          "heading": "External Service Details",
+          "trustedIssuer": {
+            "label": "Trusted Issuer",
+            "description": "The trusted issuer responsible for issuing the identity credentials."
+          },
+          "participantId": {
+            "label": "Participant ID",
+            "description": "The unique identifier of the participant in the external system."
+          },
+          "iatpId": {
+            "label": "IATP ID",
+            "description": "The unique identifier of the IATP (Identity and Trust Protocol)."
+          },
+          "didResolver": {
+            "label": "DID Resolver",
+            "description": "The URL of the DID (Decentralized Identifier) resolver used for resolving decentralized identities."
+          },
+          "decentralIdentityManagementAuthUrl": {
+            "label": "Decentralized Identity Management Auth URL",
+            "description": "The URL of the authentication endpoint for the decentralized identity management."
+          },
+          "decentralIdentityManagementServiceUrl": {
+            "label": "Decentralized Identity Management Service URL",
+            "description": "The URL of the service endpoint for the decentralized identity management."
+          }
+        }
       }
     },
     "adminBoard": {

diff --git a/src/components/pages/AppSubscription/AppSubscriptionDetailOverlay/index.tsx b/src/components/pages/AppSubscription/AppSubscriptionDetailOverlay/index.tsx
@@ -277,6 +277,81 @@ const AppSubscriptionDetailOverlay = ({
     body: bodyData,
   }
 
+  const externalServicesDetails: VerticalTableType = {
+    head: [
+      t('content.appSubscription.detailOverlay.externalServices.heading'),
+      '',
+    ],
+    body: [
+      [
+        renderTooltipText(
+          t(
+            'content.appSubscription.detailOverlay.externalServices.trustedIssuer.label'
+          ),
+          t(
+            'content.appSubscription.detailOverlay.externalServices.trustedIssuer.description'
+          )
+        ),
+        data?.externalService?.trusted_issuer ?? '-',
+      ],
+      [
+        renderTooltipText(
+          t(
+            'content.appSubscription.detailOverlay.externalServices.participantId.label'
+          ),
+          t(
+            'content.appSubscription.detailOverlay.externalServices.participantId.description'
+          )
+        ),
+        data?.externalService?.participant_id ?? '-',
+      ],
+      [
+        renderTooltipText(
+          t(
+            'content.appSubscription.detailOverlay.externalServices.iatpId.label'
+          ),
+          t(
+            'content.appSubscription.detailOverlay.externalServices.iatpId.description'
+          )
+        ),
+        data?.externalService?.iatp_id ?? '-',
+      ],
+      [
+        renderTooltipText(
+          t(
+            'content.appSubscription.detailOverlay.externalServices.didResolver.label'
+          ),
+          t(
+            'content.appSubscription.detailOverlay.externalServices.didResolver.description'
+          )
+        ),
+        data?.externalService?.did_resolver ?? '-',
+      ],
+      [
+        renderTooltipText(
+          t(
+            'content.appSubscription.detailOverlay.externalServices.decentralIdentityManagementAuthUrl.label'
+          ),
+          t(
+            'content.appSubscription.detailOverlay.externalServices.decentralIdentityManagementAuthUrl.description'
+          )
+        ),
+        data?.externalService?.decentralIdentityManagementAuthUrl ?? '-',
+      ],
+      [
+        renderTooltipText(
+          t(
+            'content.appSubscription.detailOverlay.externalServices.decentralIdentityManagementServiceUrl.label'
+          ),
+          t(
+            'content.appSubscription.detailOverlay.externalServices.decentralIdentityManagementServiceUrl.description'
+          )
+        ),
+        data?.externalService?.decentralIdentityManagementServiceUrl ?? '-',
+      ],
+    ],
+  }
+
   const getActiveSteps = () => {
     if (data?.offerSubscriptionStatus === SubscriptionStatus.PENDING) {
       return 2
@@ -371,6 +446,9 @@ const AppSubscriptionDetailOverlay = ({
               <div style={{ marginTop: '20px' }}>
                 <VerticalTableNew data={technicalDetails} />
               </div>
+              <div style={{ marginTop: '20px' }}>
+                <VerticalTableNew data={externalServicesDetails} />
+              </div>
             </div>
           )}
           <div style={{ marginTop: '20px' }}>

diff --git a/src/features/appSubscription/appSubscriptionApiSlice.ts b/src/features/appSubscription/appSubscriptionApiSlice.ts
@@ -63,6 +63,14 @@ export type SubscriptionDetailResponse = {
   technicalUserData: TechnicalUserData[]
   tenantUrl: string
   processStepTypeId: ProcessStep | null
+  externalService: {
+    trusted_issuer: string
+    participant_id: string
+    iatp_id: string
+    did_resolver: string
+    decentralIdentityManagementAuthUrl: string
+    decentralIdentityManagementServiceUrl: string
+  }
 }
 
 export type UserRoles = {