Release UAT

.env.test.local

@@ -1,5 +1,7 @@
 REACT_APP_ENV=TEST
 
+REACT_APP_URL_CDN=https://dev.selfcare.pagopa.it
+
 REACT_APP_URL_FE_LOGIN=http://selfcare/auth/login
 REACT_APP_URL_FE_LOGOUT=http://selfcare/auth/logout
 REACT_APP_URL_FE_ONBOARDING=http://selfcare/onboarding

openApi/dashboard-api-docs.json

@@ -3594,7 +3594,11 @@
           },
           "category" : {
             "type" : "string",
-            "description" : "Institution's category"
+            "description" : "Institution's category description"
+          },
+          "categoryCode" : {
+            "type" : "string",
+            "description" : "Institution's category code"
           },
           "city" : {
             "type" : "string",

openApi/generated-dashboard/dashboard-swagger20.json

@@ -3174,7 +3174,11 @@
           "type": "string"
         },
         "category": {
-          "description": "Institution's category",
+          "description": "Institution's category description",
+          "type": "string"
+        },
+        "categoryCode": {
+          "description": "Institution's category code",
           "type": "string"
         },
         "city": {

src/components/DashboardHeader.tsx

@@ -17,6 +17,8 @@ import SessionModalInteropProduct from '../pages/dashboardOverview/components/ac
 import { useAppSelector } from '../redux/hooks';
 import { partiesSelectors } from '../redux/slices/partiesSlice';
 import ROUTES from '../routes';
+import { INTEROP_PRODUCT_ENUM, interopProductIdList } from '../utils/constants';
+import { startWithProductInterop } from '../utils/helperFunctions';
 import { ENV } from './../utils/env';
 
 type Props = WithPartiesProps & {
@@ -54,23 +56,18 @@ const DashboardHeader = ({ onExit, loggedUser, parties }: Props) => {
         p.productId === productId && hasPermission(p.productId, Actions.AccessProductBackoffice)
     );
 
-  const authorizedProdInterop = findAuthorizedProduct('prod-interop');
-  const authorizedProdAtst = findAuthorizedProduct('prod-interop-atst');
-  const authorizedProdColl = findAuthorizedProduct('prod-interop-coll');
-
-  const authorizedInteropProducts = [
-    authorizedProdInterop,
-    authorizedProdAtst,
-    authorizedProdColl,
-  ].filter((product) => product);
+  const authorizedInteropProducts = interopProductIdList
+    .map(findAuthorizedProduct)
+    .filter(Boolean)
+    .map((p) => p?.productId ?? '');
 
   const hasMoreThanOneInteropEnv = authorizedInteropProducts.length > 1;
 
   const onboardedPartyProducts = party?.products.filter(
     (pp) =>
       pp.productOnBoardingStatus === 'ACTIVE' &&
       (hasPermission(pp.productId ?? '', Actions.AccessProductBackoffice) ||
-        (hasMoreThanOneInteropEnv && pp.productId === 'prod-interop'))
+        (hasMoreThanOneInteropEnv && pp.productId === INTEROP_PRODUCT_ENUM.INTEROP))
   );
 
   const activeProducts: Array<Product> = useMemo(
@@ -94,13 +91,15 @@ const DashboardHeader = ({ onExit, loggedUser, parties }: Props) => {
         selectedPartyId={selectedParty?.partyId}
         productsList={activeProducts
           .filter((p) =>
-            hasMoreThanOneInteropEnv
-              ? p.id !== 'prod-interop-coll' && p.id !== 'prod-interop-atst'
+            startWithProductInterop(p.id) && hasMoreThanOneInteropEnv
+              ? p.id === authorizedInteropProducts[0]
               : true
           )
           .map((p) => ({
             id: p.id,
-            title: p.title,
+            title: startWithProductInterop(p.id)
+              ? products?.find((pp) => pp.id === INTEROP_PRODUCT_ENUM.INTEROP)?.title ?? ''
+              : p.title,
             productUrl: p.urlPublic ?? '',
             linkType: p?.backOfficeEnvironmentConfigurations ? 'external' : 'internal',
           }))}
@@ -143,7 +142,7 @@ const DashboardHeader = ({ onExit, loggedUser, parties }: Props) => {
             if (
               actualSelectedParty.current &&
               hasMoreThanOneInteropEnv &&
-              p.id.startsWith('prod-interop')
+              startWithProductInterop(p.id)
             ) {
               setOpenCustomEnvInteropModal(true);
             } else if (
@@ -153,7 +152,7 @@ const DashboardHeader = ({ onExit, loggedUser, parties }: Props) => {
               setOpenGenericEnvProductModal(true);
             } else if (selectedProduct && selectedProduct.id !== 'prod-selfcare') {
               void invokeProductBo(
-                selectedProduct as Product,
+                selectedProduct,
                 actualSelectedParty.current as Party,
                 undefined,
                 lang
@@ -181,7 +180,11 @@ const DashboardHeader = ({ onExit, loggedUser, parties }: Props) => {
         message={
           <Trans
             i18nKey="overview.activeProducts.activeProductsEnvModal.message"
-            values={{ productTitle: productSelected?.title }}
+            values={{
+              productTitle: startWithProductInterop(productSelected?.id)
+                ? products?.find((pp) => pp.id === INTEROP_PRODUCT_ENUM.INTEROP)?.title
+                : productSelected?.title,
+            }}
             components={{ 1: <strong /> }}
           >
             {`Sei stato abilitato ad operare in entrambi gli ambienti. Ti ricordiamo che l’ambiente di collaudo ti permette di conoscere <1>{{productTitle}}</1> e fare prove in tutta sicurezza. L’ambiente di produzione è il prodotto in esercizio.`}
@@ -200,9 +203,7 @@ const DashboardHeader = ({ onExit, loggedUser, parties }: Props) => {
         handleClose={() => {
           setOpenCustomEnvInteropModal(false);
         }}
-        authorizedProdInterop={!!authorizedProdInterop}
-        authorizedProdColl={!!authorizedProdColl}
-        authorizedProdAtst={!!authorizedProdAtst}
+        authorizedInteropProducts={authorizedInteropProducts}
         products={products}
         party={party}
       />

src/model/Party.tsx

@@ -31,6 +31,7 @@ export type Party = {
   description: string;
   digitalAddress?: string;
   category?: string;
+  categoryCode?: string;
   urlLogo?: string;
   fiscalCode?: string;
   registeredOffice: string;
@@ -75,6 +76,7 @@ export const institutionResource2Party = (institutionResource: InstitutionResour
     description: institutionResource.name ?? '',
     digitalAddress: institutionResource.mailAddress,
     category: institutionResource.category,
+    categoryCode: institutionResource.categoryCode,
     urlLogo,
     fiscalCode: institutionResource.fiscalCode,
     registeredOffice: institutionResource.address ?? '',

src/model/__tests__/Party.test.ts

@@ -66,6 +66,7 @@ test('Test institutionResource2Party', () => {
     originId: 'originId1',
     origin: 'IPA',
     category: 'Ente locale',
+    categoryCode: 'L1',
     mailAddress: 'address',
     fiscalCode: 'fiscalCode',
     institutionType: 'PA',
@@ -91,6 +92,7 @@ test('Test institutionResource2Party', () => {
     fiscalCode: 'fiscalCode',
     digitalAddress: 'address',
     category: 'Ente locale',
+    categoryCode: 'L1',
     urlLogo: 'http://checkout.selfcare/institutions/1/logo.png',
     externalId: 'externalId1',
     originId: 'originId1',

src/pages/dashboardOverview/DashboardOverview.tsx

@@ -1,9 +1,11 @@
 import { Box, Grid } from '@mui/material';
 import { usePermissions } from '@pagopa/selfcare-common-frontend/lib';
 import { Actions } from '@pagopa/selfcare-common-frontend/lib/utils/constants';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import { Party } from '../../model/Party';
 import { Product } from '../../model/Product';
+import { mockedCategories } from '../../services/__mocks__/productService';
+import { ENV } from '../../utils/env';
 import ActiveProductsSection from './components/activeProductsSection/ActiveProductsSection';
 import NotActiveProductsSection from './components/notActiveProductsSection/NotActiveProductsSection';
 import { PartyDetailModal } from './components/partyDetailModal/PartyDetailModal';
@@ -16,6 +18,7 @@ type Props = {
 
 const DashboardOverview = ({ party, products }: Props) => {
   const [open, setOpen] = useState(false);
+  const [allowedCategoriesOnProdPN, setAllowedCategoriesOnProdPN] = useState<Array<string>>([]);
   const { getAllProductsWithPermission } = usePermissions();
 
   const showInfoBanner = party.institutionType === 'PA';
@@ -31,6 +34,37 @@ const DashboardOverview = ({ party, products }: Props) => {
   const canSeeNotActiveProductsList =
     getAllProductsWithPermission(Actions.ListAvailableProducts).length > 0;
 
+  const getCategoriesOnboardingAllowed = async () => {
+    if (process.env.REACT_APP_API_MOCK_PARTIES === 'true') {
+      await Promise.resolve(
+        mockedCategories.product['prod-pn']?.ipa.PA?.split(',').map((c: string) => c.trim())
+      );
+    } else {
+      try {
+        const response = await fetch(ENV.BASE_PATH_CDN_URL + '/assets/config.json');
+
+        if (!response.ok) {
+          console.error(`Failed to fetch config.json: ${response.status} - ${response.statusText}`);
+          return;
+        }
+
+        const categoriesAllowedJSON = await response.json();
+
+        const categoriesStringToArray = categoriesAllowedJSON?.product['prod-pn']?.ipa.PA?.split(
+          ','
+        ).map((c: string) => c.trim());
+
+        setAllowedCategoriesOnProdPN(categoriesStringToArray);
+      } catch (error) {
+        console.error(error);
+      }
+    }
+  };
+
+  useEffect(() => {
+    void getCategoriesOnboardingAllowed();
+  }, []);
+
   return (
     <Box p={3} sx={{ width: '100%' }}>
       <PartyDetailModal
@@ -53,7 +87,13 @@ const DashboardOverview = ({ party, products }: Props) => {
               party.products.map(
                 (us) => us.productId === product.id && us.productOnBoardingStatus !== 'ACTIVE'
               )
-          ) > -1 && <NotActiveProductsSection party={party} products={products} />}
+          ) > -1 && (
+            <NotActiveProductsSection
+              party={party}
+              products={products}
+              allowedCategoriesOnProdPN={allowedCategoriesOnProdPN}
+            />
+          )}
       </Grid>
     </Box>
   );