Full Support and introducing a translation management script.

Author: FalkWolsky

client/packages/lowcoder/src/api/supportApi.ts

@@ -1,8 +1,5 @@
 import Api from "api/api";
 import axios, { AxiosInstance, AxiosRequestConfig } from "axios";
-import { useSelector } from "react-redux";
-import { getUser, getCurrentUser } from "redux/selectors/usersSelectors";
-import { useEffect, useState } from "react";
 import { calculateFlowCode }  from "./apiUtils";
 
 export type ResponseType = {
@@ -87,7 +84,7 @@ export const searchCustomerTickets = async (orgID : string, currentUserId : stri
 
   const apiBody = {
     path: "webhook/support/get-issues",
-    data: {"host" : domain, "orgId" : orgID, "userId" : currentUserId, "supportsubscriptionId" : "1PostVDDlQgecLSfhG52o5rB"},
+    data: {"host" : domain, "orgId" : orgID, "userId" : currentUserId},
     method: "post",
     headers: lcHeaders
   };
@@ -117,11 +114,28 @@ export const getTicket = async (ticketKey : string) => {
   }
 };
 
+export const createTicket = async (orgID : string, currentUserId : string, subscriptionId : string, domain : string, summary: string, description : string, errors : string) => {
+
+  const apiBody = {
+    path: "webhook/support/create-ticket",
+    data: {"host" : domain, "orgId" : orgID, "userId" : currentUserId, "subscriptionId": subscriptionId, "summary" : summary, "description" : description, "errors" : errors},
+    method: "post",
+    headers: lcHeaders
+  };
+  try {
+    const result = await SupportApi.secureRequest(apiBody);
+    return result?.data?.length === 1 ? result.data as any : null;
+  } catch (error) {
+    console.error("Error getting individual Support Ticket: ", error);
+    throw error;
+  }
+};
+
 export const updateTicketDescription = async (ticketKey : string, newDescription : string) => {
 
   const apiBody = {
-    path: "webhook/support/get-issue",
-    data: {"ticketKey" : ticketKey},
+    path: "webhook/support/update-ticket-description",
+    data: {"ticketKey" : ticketKey, "description" : newDescription},
     method: "post",
     headers: lcHeaders
   };
@@ -137,8 +151,8 @@ export const updateTicketDescription = async (ticketKey : string, newDescription
 export const addComment = async (ticketKey : string, newComment : string) => {
 
   const apiBody = {
-    path: "webhook/support/get-issue",
-    data: {"ticketKey" : ticketKey},
+    path: "webhook/support/add-ticket-comment",
+    data: {"ticketKey" : ticketKey, "comment" : newComment},
     method: "post",
     headers: lcHeaders
   };
@@ -151,11 +165,11 @@ export const addComment = async (ticketKey : string, newComment : string) => {
   }
 };
 
-export const uploadAttachment = async (ticketKey : string, attachmentFile : string) => {
+export const uploadAttachment = async (ticketKey : string, attachmentFile : string, fileName : string, mimeType : string) => {
 
   const apiBody = {
-    path: "webhook/support/get-issue",
-    data: {"ticketKey" : ticketKey},
+    path: "webhook/support/add-ticket-attachment",
+    data: {"ticketKey" : ticketKey, "attachment" : attachmentFile.split(',')[1], "fileName" : fileName, "mimeType" : mimeType},
     method: "post",
     headers: lcHeaders
   };

client/packages/lowcoder/src/i18n/locales/de.ts

@@ -2537,6 +2537,59 @@ export const de: typeof en = {
       "chooseNavType": "Bitte wähle die Art der Navigation",
       "createNavigation": "Navigation erstellen"
   },
+
+  "support" : {
+    ...en.support,
+    "supportTitle": "Lowcoder-Support",
+    "supportContent": "Wenn Sie Fragen haben oder Hilfe benötigen, nutzen Sie bitte das Ticketsystem, um Ihr Problem schnell zu lösen.",
+    "newSupportTicket": "Neues Support-Ticket",
+    "ticketTitle": "Titel",
+    "priority": "Priorität",
+    "assignee": "Zuständiger",
+    "status": "Ticketstatus",
+    "updatedTime": "Aktualisierte Zeit",
+    "active": "Aktiv",
+    "inactive": "Inaktiv",
+    "noEmail": "Keine E-Mail",
+    "details": "Details",
+    "reloadTickets": "Tickets neu laden",
+    "createdDate": "Erstellungsdatum",
+    "updatedDate": "Aktualisierungsdatum",
+    "description": "Problembeschreibung",
+    "subtasks": "Unteraufgaben",
+    "subtasksProgress": "Fortschritt aller Unteraufgaben",
+    "attachments": "Anhänge",
+    "comments": "Kommentare",
+    "addComment": "Kommentar hinzufügen",
+    "addAttachment": "Anhang hinzufügen",
+    "edit": "Ticketbeschreibung bearbeiten",
+    "save": "Ticketbeschreibung speichern",
+    "cancel": "Abbrechen",
+    "submitComment": "Kommentar absenden",
+    "upload": "Anhang hochladen",
+    "selectFile": "Datei auswählen",
+    "ticketDescriptionUpdated": "Ticketbeschreibung erfolgreich aktualisiert!",
+    "ticketDescriptionUpdateFailed": "Ticketbeschreibung konnte nicht aktualisiert werden.",
+    "writeComment": "Einen Kommentar schreiben...",
+    "ticketCommentAdded": "Kommentar erfolgreich hinzugefügt!",
+    "ticketCommentFailed": "Kommentar konnte nicht hinzugefügt werden.",
+    "ticketCommentEmpty": "Bitte schreiben Sie einen Kommentar, bevor Sie ihn absenden.",
+    "ticketAttachmentUploaded": "Anhang erfolgreich hochgeladen!",
+    "ticketAttachmentFailed": "Anhang konnte nicht hochgeladen werden.",
+    "ticketAttachmentEmpty": "Bitte wählen Sie eine Datei zum Hochladen aus.",
+    "ticketFetchError": "Ticket konnte nicht geladen werden.",
+    "ticketNotFound": "Ticket nicht gefunden.",
+    "addAttachmentFileSize": "Datei muss kleiner als 5 MB sein!",
+    "goBack": "Zurück",
+    "noDescription": "Keine Beschreibung verfügbar.",
+    "createTicket": "Neues Support-Ticket erstellen",
+    "createTicketTitlePlaceholder": "Titel eingeben (max. 150 Zeichen)",
+    "createTicketDescriptionTitle": "Beschreiben Sie Ihr Problem - je mehr Details, desto besser:",
+    "createTicketDescriptionPlaceholder": "Beschreiben Sie das Problem im Detail, einschließlich: 1) Schritte zur Reproduktion des Problems, 2) Erwartetes Verhalten im Vergleich zum tatsächlichen Verhalten, 3) Code-Snippets, falls zutreffend, 4) Betroffene Komponenten, APIs oder Konfigurationen",
+    "createTicketSubmit": "Ticket absenden",
+    "createTicketInfoText": "Wenn Ihr Ticket erstellt wurde, können Sie im Abschnitt 'Details' Screenshots und Kommentare hinzufügen."
+  },
+
   "carousel": {
       ...en.carousel,
       "dotPosition": "Position der Navigationspunkte",