fix(app-release): add privacy policy validation

CHANGELOG.md

@@ -43,6 +43,7 @@
   - New Header and Filter UI
 - App Release Process
   - App lead image load issue fix
+  - Validation added for privacy policy
   - Service Marketplace
     - Subscription Button cross service highlighted
 - BugFix

src/assets/locales/de/main.json

@@ -966,7 +966,8 @@
         "pleaseEnterValidContact": "Please enter a valid Provider Phone Contact in the format +xx (xxx) xxxxxxxxxx; +xx xxxxxxxxxx and +xxxxxxxxxxxx",
         "privacyInformation": "Privacy Information",
         "privacyInformationDescription": "The privacy information is used to display data types the app may collect on the app detail page. You may select several options OR select “none”.",
-        "privacyInfoError": "Error - values couldn't get fetched. Please try it later again"
+        "privacyInfoError": "Error - values couldn't get fetched. Please try it later again or contact your administrator.",
+        "privacyInformationMandatory": "Privacy Information is mandatory"
       },
       "contractAndConsent": {
         "headerTitle": "Consent & Contract",

src/assets/locales/en/main.json

@@ -928,7 +928,8 @@
         "pleaseEnterValidContact": "Please enter a valid Provider Phone Contact in the format +xx (xxx) xxxxxxxxxx; +xx xxxxxxxxxx and +xxxxxxxxxxxx",
         "privacyInformation": "Privacy Information",
         "privacyInformationDescription": "The privacy information is used to display data types the app may collect on the app detail page. You may select several options OR select “none”.",
-        "privacyInfoError": "Error - values couldn't get fetched. Please try it later again"
+        "privacyInfoError": "Error - values couldn't get fetched. Please try it later again or contact your administrator.",
+        "privacyInformationMandatory": "Privacy Information is mandatory"
       },
       "contractAndConsent": {
         "headerTitle": "Consent & Contract",

src/components/shared/basic/ReleaseProcess/AppPage/index.tsx

@@ -104,6 +104,8 @@ export default function AppPage() {
 
   const [deleteAppReleaseDocument, deleteResponse] =
     useDeleteAppReleaseDocumentMutation()
+  const [privacyError, setPrivacyError] = useState<boolean>(false)
+
   useEffect(() => {
     deleteResponse.isSuccess && setDeleteSuccess(true)
   }, [deleteResponse])
@@ -336,6 +338,7 @@ export default function AppPage() {
   }
 
   const onAppPageSubmit = async (data: FormDataType, buttonLabel: string) => {
+    if (selectedPrivacyPolicies.length === 0) setPrivacyError(true)
     const validateFields = await trigger([
       'longDescriptionEN',
       'longDescriptionDE',
@@ -347,8 +350,9 @@ export default function AppPage() {
       'providerContactEmail',
       'providerPhoneContact',
     ])
-    if (validateFields) {
+    if (validateFields && selectedPrivacyPolicies.length > 0) {
       setLoading(true)
+      setPrivacyError(false)
       void handleSave(data, buttonLabel)
     }
   }
@@ -379,7 +383,7 @@ export default function AppPage() {
       useCaseIds: statusData.useCase?.map((item: UseCaseType) => item.id),
       supportedLanguageCodes: statusData.supportedLanguageCodes,
       price: statusData.price,
-      privacyPolicies: selectedPrivacyPolicies || [],
+      privacyPolicies: selectedPrivacyPolicies,
       providerUri: data.providerHomePage || '',
       contactEmail: data.providerContactEmail || '',
       contactNumber: data.providerPhoneContact || '',
@@ -400,30 +404,37 @@ export default function AppPage() {
     dispatch(decrement())
   }
 
+  const selectCheckboxPrivacyPolicies = (policy: string, select: boolean) => {
+    if (
+      selectedPrivacyPolicies &&
+      selectedPrivacyPolicies[0] === privacyPolicyNone
+    ) {
+      setSelectedPrivacyPolicies([...[], policy])
+    } else {
+      const isSelected = selectedPrivacyPolicies?.includes(policy)
+      if (isSelected && selectedPrivacyPolicies.length === 1)
+        setPrivacyError(true)
+      if (!isSelected && select) {
+        setSelectedPrivacyPolicies([...selectedPrivacyPolicies, policy])
+      } else if (isSelected && !select) {
+        const oldPrivacyPolicies = [...selectedPrivacyPolicies]
+        oldPrivacyPolicies.splice(oldPrivacyPolicies.indexOf(policy), 1)
+        setSelectedPrivacyPolicies([...oldPrivacyPolicies])
+      }
+    }
+  }
+
   const selectPrivacyPolicies = (
     policy: string,
     select: boolean,
     type: string
   ) => {
     if (type === 'checkbox') {
-      if (
-        selectedPrivacyPolicies &&
-        selectedPrivacyPolicies[0] === privacyPolicyNone
-      ) {
-        setSelectedPrivacyPolicies([...[], policy])
-      } else {
-        const isSelected = selectedPrivacyPolicies?.includes(policy)
-        if (!isSelected && select) {
-          setSelectedPrivacyPolicies([...selectedPrivacyPolicies, policy])
-        } else if (isSelected && !select) {
-          const oldPrivacyPolicies = [...selectedPrivacyPolicies]
-          oldPrivacyPolicies.splice(oldPrivacyPolicies.indexOf(policy), 1)
-          setSelectedPrivacyPolicies([...oldPrivacyPolicies])
-        }
-      }
+      selectCheckboxPrivacyPolicies(policy, select)
     } else if (type === 'radio') {
       setSelectedPrivacyPolicies([...[], policy])
     }
+    if (selectedPrivacyPolicies.length === 0) setPrivacyError(false)
   }
 
   const renderDropArea = (props: DropAreaProps) => {
@@ -661,7 +672,7 @@ export default function AppPage() {
         />
         <Divider sx={{ mb: 2, mr: -2, ml: -2 }} />
         <InputLabel sx={{ mb: 3 }}>
-          {t('content.apprelease.appPage.privacyInformation')}
+          {t('content.apprelease.appPage.privacyInformation') + ' *'}
         </InputLabel>
         <Typography variant="body2" sx={{ marginBottom: '10px' }}>
           {t('content.apprelease.appPage.privacyInformationDescription')}
@@ -711,6 +722,11 @@ export default function AppPage() {
             </Alert>
           </Box>
         )}
+        {privacyError && (
+          <Typography variant="body2" className="file-error-msg">
+            {t('content.apprelease.appPage.privacyInformationMandatory')}
+          </Typography>
+        )}
       </form>
       <SnackbarNotificationWithButtons
         pageNotification={appPageNotification}
@@ -731,7 +747,7 @@ export default function AppPage() {
         onSaveAndProceed={handleSubmit((data) =>
           onAppPageSubmit(data, ButtonLabelTypes.SAVE_AND_PROCEED)
         )}
-        isValid={isValid}
+        isValid={isValid && selectedPrivacyPolicies.length > 0}
         loader={loading}
         helpUrl={
           '/documentation/?path=docs%2F04.+App%28s%29%2F02.+App+Release+Process'