readds displayerrorprovider to support backwards compatibility

Author: cammiida

src/core/errorHandling/DisplayErrorProvider.tsx

@@ -0,0 +1,19 @@
+import React, { createContext, useContext, useState } from 'react';
+import type { PropsWithChildren } from 'react';
+
+import { DisplayError } from 'src/core/errorHandling/DisplayError';
+
+const Context = createContext<(error: Error) => void>(() => {});
+Context.displayName = 'DisplayErrorContext';
+
+export function DisplayErrorProvider({ children }: PropsWithChildren) {
+  const [error, setError] = useState<Error | null>(null);
+
+  if (error != null) {
+    return <DisplayError error={error} />;
+  }
+
+  return <Context.Provider value={setError}>{children}</Context.Provider>;
+}
+
+export const useDisplayError = () => useContext(Context);

src/features/instance/useProcessNext.tsx

@@ -4,6 +4,7 @@ import { toast } from 'react-toastify';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 
 import { ContextNotProvided } from 'src/core/contexts/context';
+import { useDisplayError } from 'src/core/errorHandling/DisplayErrorProvider';
 import { useApplicationMetadata } from 'src/features/applicationMetadata/ApplicationMetadataProvider';
 import { useHasPendingScans } from 'src/features/attachments/useHasPendingScans';
 import { invalidateFormDataQueries } from 'src/features/formData/useFormDataQuery';
@@ -39,6 +40,7 @@ export function useProcessNext() {
   const onSubmitFormValidation = useOnFormSubmitValidation();
   const applicationMetadata = useApplicationMetadata();
   const queryClient = useQueryClient();
+  const displayError = useDisplayError();
   const hasPendingScans = useHasPendingScans();
 
   const mutation = useMutation({
@@ -65,7 +67,7 @@ export function useProcessNext() {
           } else if (
             error.response?.status === 500 &&
             error.response?.data?.['detail'] === 'Pdf generation failed' &&
-            appUnlocksOnPDFFailure(applicationMetadata)
+            appSupportsUnlockingOnProcessNextFailure(applicationMetadata)
           ) {
             // If process next fails due to the PDF generator failing, don't show unknown error if the app unlocks data elements
             toast(<Lang id='process_error.submit_error_please_retry' />, { type: 'error', autoClose: false });
@@ -96,6 +98,11 @@ export function useProcessNext() {
       const { data: newProcess } = await refetchProcessData();
       const newCurrentTask = newProcess?.currentTask;
 
+      if (!appSupportsUnlockingOnProcessNextFailure(applicationMetadata)) {
+        displayError(error);
+        return;
+      }
+
       if (newCurrentTask?.elementId && newCurrentTask?.elementId !== process?.currentTask?.elementId) {
         await reFetchInstanceData();
         navigateToTask(newCurrentTask.elementId);
@@ -134,6 +141,6 @@ export function useProcessConfirm() {
   };
 }
 
-function appUnlocksOnPDFFailure({ altinnNugetVersion }: ApplicationMetadata) {
+function appSupportsUnlockingOnProcessNextFailure({ altinnNugetVersion }: ApplicationMetadata) {
   return !altinnNugetVersion || isAtLeastVersion({ actualVersion: altinnNugetVersion, minimumVersion: '8.1.0.115' });
 }

src/index.tsx

@@ -22,6 +22,7 @@ import { KeepAliveProvider } from 'src/core/auth/KeepAliveProvider';
 import { AppQueriesProvider } from 'src/core/contexts/AppQueriesProvider';
 import { ProcessingProvider } from 'src/core/contexts/processingContext';
 import { TaskStoreProvider } from 'src/core/contexts/taskStoreContext';
+import { DisplayErrorProvider } from 'src/core/errorHandling/DisplayErrorProvider';
 import { ApplicationMetadataProvider } from 'src/features/applicationMetadata/ApplicationMetadataProvider';
 import { ApplicationSettingsProvider } from 'src/features/applicationSettings/ApplicationSettingsProvider';
 import { UiConfigProvider } from 'src/features/form/layout/UiConfigContext';
@@ -106,9 +107,11 @@ function Root() {
                         <KeepAliveProvider>
                           <HelmetProvider>
                             <TaskStoreProvider>
-                              <ProcessingProvider>
-                                <App />
-                              </ProcessingProvider>
+                              <DisplayErrorProvider>
+                                <ProcessingProvider>
+                                  <App />
+                                </ProcessingProvider>
+                              </DisplayErrorProvider>
                             </TaskStoreProvider>
                             <ToastContainer
                               position='top-center'