typo3-typescript-sources 13.4.20

package/install/module/environment/environment-check.ts

@@ -0,0 +1,92 @@
+/*
+ * This file is part of the TYPO3 CMS project.
+ *
+ * It is free software; you can redistribute it and/or modify it under
+ * the terms of the GNU General Public License, either version 2
+ * of the License, or any later version.
+ *
+ * For the full copyright and license information, please read the
+ * LICENSE.txt file that was distributed with this source code.
+ *
+ * The TYPO3 project - inspiring people to share!
+ */
+
+import 'bootstrap';
+import { AbstractInteractableModule, type ModuleLoadedResponseWithButtons } from '../abstract-interactable-module';
+import Modal from '@typo3/backend/modal';
+import Notification from '@typo3/backend/notification';
+import AjaxRequest from '@typo3/core/ajax/ajax-request';
+import type MessageInterface from '../../message-interface';
+import { InfoBox } from '../../renderable/info-box';
+import Router from '../../router';
+import RegularEvent from '@typo3/core/event/regular-event';
+import type { ModalElement } from '@typo3/backend/modal';
+import type { AjaxResponse } from '@typo3/core/ajax/ajax-response';
+
+enum Identifiers {
+  executeTrigger = '.t3js-environmentCheck-execute',
+  outputContainer = '.t3js-environmentCheck-output'
+}
+
+type EnvironmentCheckResponse = ModuleLoadedResponseWithButtons & {
+  status: {
+    error: MessageInterface[],
+    warning: MessageInterface[],
+    ok: MessageInterface[],
+    information: MessageInterface[],
+    notice: MessageInterface[]
+  },
+};
+
+/**
+ * Module: @typo3/install/environment-check
+ */
+class EnvironmentCheck extends AbstractInteractableModule {
+  public override initialize(currentModal: ModalElement): void {
+    super.initialize(currentModal);
+
+    this.loadModuleFrameAgnostic('@typo3/install/renderable/info-box.js').then((): void => {
+      // Get status on initialize to have the badge and content ready
+      this.runTests();
+    });
+
+    new RegularEvent('click', (event: Event): void => {
+      event.preventDefault();
+      this.runTests();
+    }).delegateTo(currentModal, Identifiers.executeTrigger);
+  }
+
+  private runTests(): void {
+    this.setModalButtonsState(false);
+    const modalContent: HTMLElement = this.getModalBody();
+    const outputContainer: HTMLElement = modalContent.querySelector(Identifiers.outputContainer);
+    if (outputContainer !== null) {
+      this.renderProgressBar(outputContainer);
+    }
+    (new AjaxRequest(Router.getUrl('environmentCheckGetStatus')))
+      .get({ cache: 'no-cache' })
+      .then(
+        async (response: AjaxResponse): Promise<void> => {
+          const data: EnvironmentCheckResponse = await response.resolve();
+          modalContent.innerHTML = data.html;
+          Modal.setButtons(data.buttons);
+          if (data.success === true && typeof (data.status) === 'object') {
+            for (const messages of Object.values(data.status)) {
+              for (const status of messages) {
+                modalContent.querySelector(Identifiers.outputContainer).append(InfoBox.create(status.severity, status.title, status.message));
+              }
+            }
+          } else {
+            Notification.error('Something went wrong', 'The request was not processed successfully. Please check the browser\'s console and TYPO3\'s log.');
+          }
+        },
+        (error: AjaxResponse): void => {
+          Router.handleAjaxError(error, modalContent);
+        }
+      ).finally((): void => {
+        this.setModalButtonsState(true);
+      });
+  }
+}
+
+export default new EnvironmentCheck();

package/install/module/environment/folder-structure.ts

@@ -0,0 +1,145 @@
+/*
+ * This file is part of the TYPO3 CMS project.
+ *
+ * It is free software; you can redistribute it and/or modify it under
+ * the terms of the GNU General Public License, either version 2
+ * of the License, or any later version.
+ *
+ * For the full copyright and license information, please read the
+ * LICENSE.txt file that was distributed with this source code.
+ *
+ * The TYPO3 project - inspiring people to share!
+ */
+
+import 'bootstrap';
+import { AbstractInteractableModule, type ModuleLoadedResponseWithButtons } from '../abstract-interactable-module';
+import Modal from '@typo3/backend/modal';
+import Notification from '@typo3/backend/notification';
+import AjaxRequest from '@typo3/core/ajax/ajax-request';
+import { InfoBox } from '../../renderable/info-box';
+import Severity from '../../renderable/severity';
+import Router from '../../router';
+import RegularEvent from '@typo3/core/event/regular-event';
+import type { AjaxResponse } from '@typo3/core/ajax/ajax-response';
+import type { ModalElement } from '@typo3/backend/modal';
+import type MessageInterface from '@typo3/install/message-interface';
+
+enum Identifiers {
+  outputContainer = '.t3js-folderStructure-output',
+  errorContainer = '.t3js-folderStructure-errors',
+  errorList = '.t3js-folderStructure-errors-list',
+  errorFixTrigger = '.t3js-folderStructure-errors-fix',
+  okContainer = '.t3js-folderStructure-ok',
+  okList = '.t3js-folderStructure-ok-list',
+  permissionContainer = '.t3js-folderStructure-permissions'
+}
+
+type FolderStructureResponse = ModuleLoadedResponseWithButtons & {
+  errorStatus: MessageInterface[],
+  okStatus: MessageInterface[],
+  folderStructureFilePermissionStatus: MessageInterface,
+  folderStructureDirectoryPermissionStatus: MessageInterface,
+};
+
+/**
+ * Module: @typo3/install/module/folder-structure
+ */
+class FolderStructure extends AbstractInteractableModule {
+  private static removeLoadingMessage(container: HTMLElement): void {
+    container.querySelector('typo3-backend-progress-bar').remove();
+  }
+
+  public override initialize(currentModal: ModalElement): void {
+    super.initialize(currentModal);
+
+    this.loadModuleFrameAgnostic('@typo3/install/renderable/info-box.js').then((): void => {
+      // Get status on initialize to have the badge and content ready
+      this.getStatus();
+    });
+
+    new RegularEvent('click', (event: Event): void => {
+      event.preventDefault();
+      this.fix();
+    }).delegateTo(currentModal, Identifiers.errorFixTrigger);
+  }
+
+  private getStatus(): void {
+    const modalContent = this.getModalBody();
+
+    (new AjaxRequest(Router.getUrl('folderStructureGetStatus')))
+      .get({ cache: 'no-cache' })
+      .then(
+        async (response: AjaxResponse): Promise<void> => {
+          const data: FolderStructureResponse = await response.resolve();
+          modalContent.innerHTML = data.html;
+          Modal.setButtons(data.buttons);
+          if (data.success === true && Array.isArray(data.errorStatus)) {
+            if (data.errorStatus.length > 0) {
+              modalContent.querySelector<HTMLElement>(Identifiers.errorContainer).style.display = 'block';
+              modalContent.querySelector(Identifiers.errorList).innerHTML = '';
+              data.errorStatus.forEach(((aElement: any): void => {
+                modalContent.querySelector(Identifiers.errorList).appendChild(InfoBox.create(aElement.severity, aElement.title, aElement.message));
+              }));
+            } else {
+              modalContent.querySelector<HTMLElement>(Identifiers.errorContainer).style.display = 'none';
+            }
+          }
+          if (data.success === true && Array.isArray(data.okStatus)) {
+            if (data.okStatus.length > 0) {
+              modalContent.querySelector<HTMLElement>(Identifiers.okContainer).style.display = 'block';
+              modalContent.querySelector(Identifiers.okList).innerHTML = '';
+              data.okStatus.forEach(((aElement: any): void => {
+                modalContent.querySelector(Identifiers.okList).appendChild(InfoBox.create(aElement.severity, aElement.title, aElement.message));
+              }));
+            } else {
+              modalContent.querySelector<HTMLElement>(Identifiers.okContainer).style.display = 'none';
+            }
+          }
+          let element = data.folderStructureFilePermissionStatus;
+          const selectorPermissionContainer = modalContent.querySelector(Identifiers.permissionContainer);
+          selectorPermissionContainer.replaceChildren(InfoBox.create(element.severity, element.title, element.message));
+
+          element = data.folderStructureDirectoryPermissionStatus;
+          selectorPermissionContainer.appendChild(InfoBox.create(element.severity, element.title, element.message));
+        },
+        (error: AjaxResponse): void => {
+          Router.handleAjaxError(error, modalContent);
+        }
+      );
+  }
+
+  private fix(): void {
+    this.setModalButtonsState(false);
+
+    const modalContent = this.getModalBody();
+    const outputContainer = this.findInModal(Identifiers.outputContainer);
+    this.renderProgressBar(outputContainer);
+    (new AjaxRequest(Router.getUrl('folderStructureFix')))
+      .get({ cache: 'no-cache' })
+      .then(
+        async (response: AjaxResponse): Promise<void> => {
+          const data = await response.resolve();
+          FolderStructure.removeLoadingMessage(outputContainer);
+          if (data.success === true && Array.isArray(data.fixedStatus)) {
+            if (data.fixedStatus.length > 0) {
+              data.fixedStatus.forEach((element: any): void => {
+                outputContainer.append(InfoBox.create(element.severity, element.title, element.message));
+              });
+            } else {
+              outputContainer.append(InfoBox.create(Severity.warning, 'Nothing fixed'));
+            }
+            this.getStatus();
+          } else {
+            Notification.error('Something went wrong', 'The request was not processed successfully. Please check the browser\'s console and TYPO3\'s log.');
+          }
+        },
+        (error: AjaxResponse): void => {
+          Router.handleAjaxError(error, modalContent);
+        }
+      ).finally((): void => {
+        this.setModalButtonsState(true);
+      });
+  }
+}
+
+export default new FolderStructure();

package/install/module/environment/image-processing.ts

@@ -0,0 +1,141 @@
+/*
+ * This file is part of the TYPO3 CMS project.
+ *
+ * It is free software; you can redistribute it and/or modify it under
+ * the terms of the GNU General Public License, either version 2
+ * of the License, or any later version.
+ *
+ * For the full copyright and license information, please read the
+ * LICENSE.txt file that was distributed with this source code.
+ *
+ * The TYPO3 project - inspiring people to share!
+ */
+
+import 'bootstrap';
+import { AbstractInteractableModule, type ModuleLoadedResponseWithButtons } from '../abstract-interactable-module';
+import Modal from '@typo3/backend/modal';
+import Notification from '@typo3/backend/notification';
+import AjaxRequest from '@typo3/core/ajax/ajax-request';
+import { InfoBox } from '../../renderable/info-box';
+import Severity from '../../renderable/severity';
+import Router from '../../router';
+import type MessageInterface from '@typo3/install/message-interface';
+import RegularEvent from '@typo3/core/event/regular-event';
+import type { AjaxResponse } from '@typo3/core/ajax/ajax-response';
+import type { ModalElement } from '@typo3/backend/modal';
+
+enum Identifiers {
+  executeTrigger = '.t3js-imageProcessing-execute',
+  testContainer = '.t3js-imageProcessing-twinContainer',
+  twinImageTemplate = '#t3js-imageProcessing-twinImage-template',
+  commandContainer = '.t3js-imageProcessing-command',
+  commandText = '.t3js-imageProcessing-command-text',
+  twinImages = '.t3js-imageProcessing-images'
+}
+
+type ImageProcessResponse = {
+  command?: string[],
+  fileExists: boolean,
+  outputFile: string,
+  referenceFile: string,
+  success: boolean,
+  status?: MessageInterface[]
+};
+
+/**
+ * Module: @typo3/install/module/image-processing
+ */
+class ImageProcessing extends AbstractInteractableModule {
+  public override initialize(currentModal: ModalElement): void {
+    super.initialize(currentModal);
+    this.loadModuleFrameAgnostic('@typo3/install/renderable/info-box.js').then((): void => {
+      this.getData();
+    });
+
+    new RegularEvent('click', (event: Event): void => {
+      event.preventDefault();
+      this.runTests();
+    }).delegateTo(currentModal, Identifiers.executeTrigger);
+  }
+
+  private getData(): void {
+    const modalContent: HTMLElement = this.getModalBody();
+    (new AjaxRequest(Router.getUrl('imageProcessingGetData')))
+      .get({ cache: 'no-cache' })
+      .then(
+        async (response: AjaxResponse): Promise<void> => {
+          const data: ModuleLoadedResponseWithButtons = await response.resolve();
+          if (data.success === true) {
+            modalContent.innerHTML = data.html;
+            Modal.setButtons(data.buttons);
+            this.runTests();
+          } else {
+            Notification.error('Something went wrong', 'The request was not processed successfully. Please check the browser\'s console and TYPO3\'s log.');
+          }
+        },
+        (error: AjaxResponse): void => {
+          Router.handleAjaxError(error, modalContent);
+        }
+      );
+  }
+
+  private runTests(): void {
+    const modalContent: HTMLElement = this.getModalBody();
+    this.setModalButtonsState(false);
+
+    const twinImageTemplate = this.findInModal(Identifiers.twinImageTemplate) as HTMLTemplateElement;
+    const promises: Array<Promise<void>> = [];
+    modalContent.querySelectorAll(Identifiers.testContainer).forEach((container: HTMLElement): void => {
+      container.replaceChildren(InfoBox.create(Severity.loading, 'Loading...'));
+      const request = (new AjaxRequest(Router.getUrl(container.dataset.test)))
+        .get({ cache: 'no-cache' })
+        .then(
+          async (response: AjaxResponse): Promise<void> => {
+            const data: ImageProcessResponse = await response.resolve();
+            if (data.success === true) {
+              container.innerHTML = '';
+              if (Array.isArray(data.status)) {
+                data.status.forEach((element: MessageInterface): void => {
+                  container.append(InfoBox.create(element.severity, element.title, element.message));
+                });
+              }
+              const aTwin: HTMLElement = twinImageTemplate.content.cloneNode(true) as HTMLElement;
+              if (data.fileExists === true) {
+                aTwin.querySelector('img.reference')?.setAttribute('src', data.referenceFile);
+                aTwin.querySelector('img.result')?.setAttribute('src', data.outputFile);
+                aTwin.querySelectorAll(Identifiers.twinImages).forEach((image: HTMLElement) => image.hidden = false);
+              }
+              if (Array.isArray(data.command) && data.command.length > 0) {
+                const commandContainer: HTMLElement = aTwin.querySelector(Identifiers.commandContainer);
+                if (commandContainer !== null) {
+                  commandContainer.hidden = false;
+                }
+                const commandText: Array<string> = [];
+                data.command.forEach((aElement: any): void => {
+                  commandText.push('<strong>Command:</strong>\n' + aElement[1]);
+                  if (aElement.length === 3) {
+                    commandText.push('<strong>Result:</strong>\n' + aElement[2]);
+                  }
+                });
+                const commandTextElement: HTMLElement = aTwin.querySelector(Identifiers.commandText);
+                if (commandTextElement !== null) {
+                  commandTextElement.innerHTML = commandText.join('\n');
+                }
+              }
+              container.append(aTwin);
+            }
+          },
+          (error: AjaxResponse): void => {
+            Router.handleAjaxError(error, modalContent);
+          }
+        );
+      promises.push(request);
+    });
+
+    Promise.all(promises).then((): void => {
+      this.setModalButtonsState(true);
+    });
+  }
+}
+
+export default new ImageProcessing();

package/install/module/environment/mail-test.ts

@@ -0,0 +1,127 @@
+/*
+ * This file is part of the TYPO3 CMS project.
+ *
+ * It is free software; you can redistribute it and/or modify it under
+ * the terms of the GNU General Public License, either version 2
+ * of the License, or any later version.
+ *
+ * For the full copyright and license information, please read the
+ * LICENSE.txt file that was distributed with this source code.
+ *
+ * The TYPO3 project - inspiring people to share!
+ */
+
+import 'bootstrap';
+import { AbstractInteractableModule, type ModuleLoadedResponseWithButtons } from '../abstract-interactable-module';
+import Modal from '@typo3/backend/modal';
+import Notification from '@typo3/backend/notification';
+import AjaxRequest from '@typo3/core/ajax/ajax-request';
+import { InfoBox } from '../../renderable/info-box';
+import Router from '../../router';
+import type MessageInterface from '@typo3/install/message-interface';
+import RegularEvent from '@typo3/core/event/regular-event';
+import type { AjaxResponse } from '@typo3/core/ajax/ajax-response';
+import type { ModalElement } from '@typo3/backend/modal';
+
+enum Identifiers {
+  outputContainer = '.t3js-mailTest-output',
+  mailTestButton = '.t3js-mailTest-execute'
+}
+
+type MailGetDataResponse = ModuleLoadedResponseWithButtons & {
+  messages: MessageInterface[],
+  sendPossible: boolean,
+};
+
+type SendTestMailResponse = {
+  success: boolean,
+  status: MessageInterface[],
+};
+
+/**
+ * Module: @typo3/install/module/create-admin
+ */
+class MailTest extends AbstractInteractableModule {
+
+  public override initialize(currentModal: ModalElement): void {
+    super.initialize(currentModal);
+    this.loadModuleFrameAgnostic('@typo3/install/renderable/info-box.js').then((): void => {
+      this.getData();
+    });
+
+    new RegularEvent('click', (event: Event): void => {
+      event.preventDefault();
+      this.send();
+    }).delegateTo(currentModal, Identifiers.mailTestButton);
+
+    new RegularEvent('submit', (event: Event): void => {
+      event.preventDefault();
+      this.send();
+    }).delegateTo(currentModal, 'form');
+  }
+
+  private getData(): void {
+    const modalContent = this.getModalBody();
+    (new AjaxRequest(Router.getUrl('mailTestGetData')))
+      .get({ cache: 'no-cache' })
+      .then(
+        async (response: AjaxResponse): Promise<void> => {
+          const data: MailGetDataResponse = await response.resolve();
+          if (data.success === true) {
+            modalContent.innerHTML = data.html;
+            const outputContainer: HTMLElement = this.findInModal(Identifiers.outputContainer);
+            if (data.messages && Array.isArray(data.messages)) {
+              data.messages.forEach((element: MessageInterface): void => {
+                outputContainer.append(InfoBox.create(element.severity, element.title, element.message));
+              });
+            }
+            if (data.sendPossible) {
+              Modal.setButtons(data.buttons);
+            }
+          } else {
+            Notification.error('Something went wrong', 'The request was not processed successfully. Please check the browser\'s console and TYPO3\'s log.');
+          }
+
+        },
+        (error: AjaxResponse): void => {
+          Router.handleAjaxError(error, modalContent);
+        },
+      );
+  }
+
+  private send(): void {
+    this.setModalButtonsState(false);
+
+    const executeToken: string = this.getModuleContent().dataset.mailTestToken;
+    const outputContainer: HTMLElement = this.findInModal(Identifiers.outputContainer);
+    this.renderProgressBar(outputContainer);
+    (new AjaxRequest(Router.getUrl())).post({
+      install: {
+        action: 'mailTest',
+        token: executeToken,
+        email: (this.findInModal('.t3js-mailTest-email') as HTMLInputElement).value,
+      },
+    }).then(
+      async (response: AjaxResponse): Promise<void> => {
+        const data: SendTestMailResponse = await response.resolve();
+        outputContainer.innerHTML = '';
+        if (Array.isArray(data.status)) {
+          data.status.forEach((element: MessageInterface): void => {
+            outputContainer.innerHTML = '';
+            outputContainer.append(InfoBox.create(element.severity, element.title, element.message));
+          });
+        } else {
+          Notification.error('Something went wrong', 'The request was not processed successfully. Please check the browser\'s console and TYPO3\'s log.');
+        }
+      },
+      (): void => {
+        // 500 can happen here if the mail configuration is broken
+        Notification.error('Something went wrong', 'The request was not processed successfully. Please check the browser\'s console and TYPO3\'s log.');
+      },
+    ).finally((): void => {
+      this.setModalButtonsState(true);
+    });
+  }
+}
+
+export default new MailTest();

package/install/module/environment/php-info.ts

@@ -0,0 +1,50 @@
+/*
+ * This file is part of the TYPO3 CMS project.
+ *
+ * It is free software; you can redistribute it and/or modify it under
+ * the terms of the GNU General Public License, either version 2
+ * of the License, or any later version.
+ *
+ * For the full copyright and license information, please read the
+ * LICENSE.txt file that was distributed with this source code.
+ *
+ * The TYPO3 project - inspiring people to share!
+ */
+
+import Notification from '@typo3/backend/notification';
+import AjaxRequest from '@typo3/core/ajax/ajax-request';
+import Router from '../../router';
+import { AbstractInteractableModule, type ModuleLoadedResponse } from '../abstract-interactable-module';
+import type { AjaxResponse } from '@typo3/core/ajax/ajax-response';
+import type { ModalElement } from '@typo3/backend/modal';
+
+/**
+ * Module: @typo3/install/module/php-info
+ */
+class PhpInfo extends AbstractInteractableModule {
+  public override initialize(currentModal: ModalElement): void {
+    super.initialize(currentModal);
+    this.getData();
+  }
+
+  private getData(): void {
+    const modalContent = this.getModalBody();
+    (new AjaxRequest(Router.getUrl('phpInfoGetData')))
+      .get({ cache: 'no-cache' })
+      .then(
+        async (response: AjaxResponse): Promise<void> => {
+          const data: ModuleLoadedResponse = await response.resolve();
+          if (data.success === true) {
+            modalContent.innerHTML = data.html;
+          } else {
+            Notification.error('Something went wrong', 'The request was not processed successfully. Please check the browser\'s console and TYPO3\'s log.');
+          }
+        },
+        (error: AjaxResponse): void => {
+          Router.handleAjaxError(error, modalContent);
+        }
+      );
+  }
+}
+
+export default new PhpInfo();

package/install/module/environment/system-information.ts

@@ -0,0 +1,50 @@
+/*
+ * This file is part of the TYPO3 CMS project.
+ *
+ * It is free software; you can redistribute it and/or modify it under
+ * the terms of the GNU General Public License, either version 2
+ * of the License, or any later version.
+ *
+ * For the full copyright and license information, please read the
+ * LICENSE.txt file that was distributed with this source code.
+ *
+ * The TYPO3 project - inspiring people to share!
+ */
+
+import Notification from '@typo3/backend/notification';
+import AjaxRequest from '@typo3/core/ajax/ajax-request';
+import Router from '../../router';
+import { AbstractInteractableModule, type ModuleLoadedResponse } from '../abstract-interactable-module';
+import type { AjaxResponse } from '@typo3/core/ajax/ajax-response';
+import type { ModalElement } from '@typo3/backend/modal';
+
+/**
+ * Module: @typo3/install/module/system-information
+ */
+class SystemInformation extends AbstractInteractableModule {
+  public override initialize(currentModal: ModalElement): void {
+    super.initialize(currentModal);
+    this.getData();
+  }
+
+  private getData(): void {
+    const modalContent = this.getModalBody();
+    (new AjaxRequest(Router.getUrl('systemInformationGetData')))
+      .get({ cache: 'no-cache' })
+      .then(
+        async (response: AjaxResponse): Promise<void> => {
+          const data: ModuleLoadedResponse = await response.resolve();
+          if (data.success === true) {
+            modalContent.innerHTML = data.html;
+          } else {
+            Notification.error('Something went wrong', 'The request was not processed successfully. Please check the browser\'s console and TYPO3\'s log.');
+          }
+        },
+        (error: AjaxResponse): void => {
+          Router.handleAjaxError(error, modalContent);
+        }
+      );
+  }
+}
+
+export default new SystemInformation();

package/install/module/maintenance/cache.ts

@@ -0,0 +1,59 @@
+/*
+ * This file is part of the TYPO3 CMS project.
+ *
+ * It is free software; you can redistribute it and/or modify it under
+ * the terms of the GNU General Public License, either version 2
+ * of the License, or any later version.
+ *
+ * For the full copyright and license information, please read the
+ * LICENSE.txt file that was distributed with this source code.
+ *
+ * The TYPO3 project - inspiring people to share!
+ */
+
+import Notification from '@typo3/backend/notification';
+import AjaxRequest from '@typo3/core/ajax/ajax-request';
+import Router from '../../router';
+import { AbstractInlineModule, type ActionResponse } from '../abstract-inline-module';
+import type { AjaxResponse } from '@typo3/core/ajax/ajax-response';
+import type MessageInterface from '@typo3/install/message-interface';
+
+/**
+ * Module: @typo3/install/module/cache
+ */
+class Cache extends AbstractInlineModule {
+  public override initialize(trigger: HTMLButtonElement): void {
+    this.setButtonState(trigger, false);
+
+    (new AjaxRequest(Router.getUrl('cacheClearAll', 'maintenance')))
+      .get({ cache: 'no-cache' })
+      .then(
+        async (response: AjaxResponse): Promise<void> => {
+          const data: ActionResponse = await response.resolve();
+          if (data.success === true && Array.isArray(data.status)) {
+            if (data.status.length > 0) {
+              data.status.forEach((element: MessageInterface): void => {
+                Notification.success(element.title, element.message);
+              });
+            }
+          } else {
+            Notification.error('Something went wrong clearing caches');
+          }
+        },
+        (): void => {
+          // In case the clear cache action fails (typically 500 from server), do not kill the entire
+          // Install Tool, instead show a notification that something went wrong.
+          Notification.error(
+            'Clearing caches failed',
+            'Clearing caches went wrong on the server side. Check the system for broken extensions or missing database tables and try again.'
+            + ' Also ensure you are properly authenticated and the server does not report specific PHP parse errors or JavaScript errors are listed in the browser console.',
+          );
+        },
+      )
+      .finally((): void => {
+        this.setButtonState(trigger, true);
+      });
+  }
+}
+
+export default new Cache();