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",

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

@@ -45,6 +45,7 @@ export const en = {
   "accessControl": "Access Control",
   "copySuccess": "Copied Successfully",
   "copyError": "Copy Error",
+  
   "api": {
     "publishSuccess": "Published Successfully",
     "recoverFailed": "Recovery Failed",
@@ -3147,6 +3148,7 @@ export const en = {
     "howToUseAPI": "How to use the Open Rest API",
     "support": "Support",
   },
+  
   "support" : {
     "supportTitle": "Lowcoder Support",
     "supportContent": "If you have any questions or need help, please use the ticket system get your issue solved fast.",
@@ -3160,7 +3162,7 @@ export const en = {
     "inactive": "Inactive",
     "noEmail": "No Email",
     "details": "Details",
-    "reloadTickets" : "Reload Tickets",
+    "reloadTickets": "Reload Tickets",
     "createdDate": "Created Date",
     "updatedDate": "Updated Date",
     "description": "Issue Description",
@@ -3176,6 +3178,26 @@ export const en = {
     "submitComment": "Submit Comment",
     "upload": "Submit Attachment",
     "selectFile": "Select File",
+    "ticketDescriptionUpdated": "Ticket description updated successfully!",
+    "ticketDescriptionUpdateFailed": "Failed to update ticket description.",
+    "writeComment": "Write a comment...",
+    "ticketCommentAdded": "Comment added successfully!",
+    "ticketCommentFailed": "Failed to add comment.",
+    "ticketCommentEmpty": "Please write a comment before submitting.",
+    "ticketAttachmentUploaded": "Attachment uploaded successfully!",
+    "ticketAttachmentFailed": "Failed to upload attachment.",
+    "ticketAttachmentEmpty": "Please select a file to upload.",
+    "ticketFetchError": "Failed to load the ticket.",
+    "ticketNotFound": "Ticket not found.",
+    "addAttachmentFileSize": "File must be smaller than 5MB!",
+    "goBack": "Go Back",
+    "noDescription": "No description available.",
+    "createTicket": "Create a new Support Ticket",
+    "createTicketTitlePlaceholder": "Enter Title (max 150 chars)",
+    "createTicketDescriptionTitle": "Describe your problem - the more details, the better:",
+    "createTicketDescriptionPlaceholder": "Describe the issue in detail, including: 1) Steps to reproduce the issue, 2) Expected behavior versus actual behavior, 3) Code snippets, if applicable, 4) Any specific components, APIs, or configurations affected",
+    "createTicketSubmit": "Submit Ticket",
+    "createTicketInfoText": "When your Ticket is created, you can then add Screenshots, Comments in the 'Details' section."
   },
 
   "carousel": {
@@ -3184,7 +3206,6 @@ export const en = {
     "showDots": "Show Navigation Dots"
   },
 
-
   // twentieth part
 
 

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

@@ -10,4 +10,56 @@ export const it: typeof en = {
     saveChangesNotBind:
       "Nessun gestore eventi configurato per il salvataggio delle modifiche. Associa almeno un gestore di eventi prima del clic.",
   },
+  "support" : {
+    ...en.support,
+    "supportTitle": "Supporto Lowcoder",
+    "supportContent": "Se hai domande o hai bisogno di aiuto, usa il sistema di ticket per risolvere il problema rapidamente.",
+    "newSupportTicket": "Nuovo Ticket di Supporto",
+    "ticketTitle": "Titolo",
+    "priority": "Priorità",
+    "assignee": "Assegnatario",
+    "status": "Stato del Ticket",
+    "updatedTime": "Tempo Aggiornato",
+    "active": "Attivo",
+    "inactive": "Inattivo",
+    "noEmail": "Nessuna E-mail",
+    "details": "Dettagli",
+    "reloadTickets": "Ricarica Ticket",
+    "createdDate": "Data di Creazione",
+    "updatedDate": "Data di Aggiornamento",
+    "description": "Descrizione del Problema",
+    "subtasks": "Sottoattività",
+    "subtasksProgress": "Avanzamento di tutte le Sottoattività",
+    "attachments": "Allegati al Problema",
+    "comments": "Commenti",
+    "addComment": "Aggiungi Commento",
+    "addAttachment": "Aggiungi Allegato",
+    "edit": "Modifica Descrizione Ticket",
+    "save": "Salva Descrizione Ticket",
+    "cancel": "Annulla",
+    "submitComment": "Invia Commento",
+    "upload": "Invia Allegato",
+    "selectFile": "Seleziona File",
+    "ticketDescriptionUpdated": "Descrizione del ticket aggiornata con successo!",
+    "ticketDescriptionUpdateFailed": "Aggiornamento della descrizione del ticket non riuscito.",
+    "writeComment": "Scrivi un commento...",
+    "ticketCommentAdded": "Commento aggiunto con successo!",
+    "ticketCommentFailed": "Impossibile aggiungere il commento.",
+    "ticketCommentEmpty": "Si prega di scrivere un commento prima di inviare.",
+    "ticketAttachmentUploaded": "Allegato caricato con successo!",
+    "ticketAttachmentFailed": "Caricamento dell'allegato non riuscito.",
+    "ticketAttachmentEmpty": "Seleziona un file da caricare.",
+    "ticketFetchError": "Caricamento del ticket fallito.",
+    "ticketNotFound": "Ticket non trovato.",
+    "addAttachmentFileSize": "Il file deve essere inferiore a 5MB!",
+    "goBack": "Torna Indietro",
+    "noDescription": "Nessuna descrizione disponibile.",
+    "createTicket": "Crea un nuovo Ticket di Supporto",
+    "createTicketTitlePlaceholder": "Inserisci il Titolo (max 150 caratteri)",
+    "createTicketDescriptionTitle": "Descrivi il tuo problema - più dettagli, meglio è:",
+    "createTicketDescriptionPlaceholder": "Descrivi il problema in dettaglio, includendo: 1) Passaggi per riprodurre il problema, 2) Comportamento previsto rispetto al comportamento reale, 3) Frammenti di codice, se applicabile, 4) Componenti, API o configurazioni specifiche interessate",
+    "createTicketSubmit": "Invia Ticket",
+    "createTicketInfoText": "Una volta creato il Ticket, potrai aggiungere Screenshot e Commenti nella sezione 'Dettagli'."
+  }
+
 };

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

@@ -3167,6 +3167,58 @@ export const pt: typeof en = {
         "howToUseAPI": "Como usar a API Rest Aberta"
     },
 
+    "support" : {
+        ...en.support,
+        "supportTitle": "Suporte Lowcoder",
+        "supportContent": "Se você tiver dúvidas ou precisar de ajuda, use o sistema de tickets para resolver seu problema rapidamente.",
+        "newSupportTicket": "Novo Ticket de Suporte",
+        "ticketTitle": "Título",
+        "priority": "Prioridade",
+        "assignee": "Responsável",
+        "status": "Status do Ticket",
+        "updatedTime": "Horário Atualizado",
+        "active": "Ativo",
+        "inactive": "Inativo",
+        "noEmail": "Sem E-mail",
+        "details": "Detalhes",
+        "reloadTickets": "Recarregar Tickets",
+        "createdDate": "Data de Criação",
+        "updatedDate": "Data de Atualização",
+        "description": "Descrição do Problema",
+        "subtasks": "Subtarefas",
+        "subtasksProgress": "Progresso de todas as Subtarefas",
+        "attachments": "Anexos do Problema",
+        "comments": "Comentários",
+        "addComment": "Adicionar Comentário",
+        "addAttachment": "Adicionar Anexo",
+        "edit": "Editar Descrição do Ticket",
+        "save": "Salvar Descrição do Ticket",
+        "cancel": "Cancelar",
+        "submitComment": "Enviar Comentário",
+        "upload": "Enviar Anexo",
+        "selectFile": "Selecionar Arquivo",
+        "ticketDescriptionUpdated": "Descrição do ticket atualizada com sucesso!",
+        "ticketDescriptionUpdateFailed": "Falha ao atualizar a descrição do ticket.",
+        "writeComment": "Escreva um comentário...",
+        "ticketCommentAdded": "Comentário adicionado com sucesso!",
+        "ticketCommentFailed": "Falha ao adicionar o comentário.",
+        "ticketCommentEmpty": "Por favor, escreva um comentário antes de enviar.",
+        "ticketAttachmentUploaded": "Anexo carregado com sucesso!",
+        "ticketAttachmentFailed": "Falha ao carregar o anexo.",
+        "ticketAttachmentEmpty": "Por favor, selecione um arquivo para enviar.",
+        "ticketFetchError": "Falha ao carregar o ticket.",
+        "ticketNotFound": "Ticket não encontrado.",
+        "addAttachmentFileSize": "O arquivo deve ser menor que 5MB!",
+        "goBack": "Voltar",
+        "noDescription": "Nenhuma descrição disponível.",
+        "createTicket": "Criar um novo Ticket de Suporte",
+        "createTicketTitlePlaceholder": "Digite o Título (máx. 150 caracteres)",
+        "createTicketDescriptionTitle": "Descreva seu problema - quanto mais detalhes, melhor:",
+        "createTicketDescriptionPlaceholder": "Descreva o problema em detalhes, incluindo: 1) Passos para reproduzir o problema, 2) Comportamento esperado versus comportamento real, 3) Trechos de código, se aplicável, 4) Componentes específicos, APIs ou configurações afetadas",
+        "createTicketSubmit": "Enviar Ticket",
+        "createTicketInfoText": "Quando seu Ticket for criado, você poderá adicionar Capturas de Tela e Comentários na seção 'Detalhes'."
+    },
+    
 
     // twentieth part
 

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

@@ -2537,6 +2537,60 @@ export const zh: typeof en = {
         autoPlay: "自动播放",
         showDots: "显示点"
     },
+
+    "support" : {
+        ...en.support,
+        "supportTitle": "Lowcoder 支持",
+        "supportContent": "如果您有任何疑问或需要帮助，请使用工单系统快速解决您的问题。",
+        "newSupportTicket": "新建支持工单",
+        "ticketTitle": "标题",
+        "priority": "优先级",
+        "assignee": "负责人",
+        "status": "工单状态",
+        "updatedTime": "更新时间",
+        "active": "激活",
+        "inactive": "未激活",
+        "noEmail": "没有邮箱",
+        "details": "详情",
+        "reloadTickets": "重新加载工单",
+        "createdDate": "创建日期",
+        "updatedDate": "更新日期",
+        "description": "问题描述",
+        "subtasks": "子任务",
+        "subtasksProgress": "所有子任务的进度",
+        "attachments": "问题附件",
+        "comments": "评论",
+        "addComment": "添加评论",
+        "addAttachment": "添加附件",
+        "edit": "编辑工单描述",
+        "save": "保存工单描述",
+        "cancel": "取消",
+        "submitComment": "提交评论",
+        "upload": "提交附件",
+        "selectFile": "选择文件",
+        "ticketDescriptionUpdated": "工单描述更新成功！",
+        "ticketDescriptionUpdateFailed": "更新工单描述失败。",
+        "writeComment": "写一条评论...",
+        "ticketCommentAdded": "评论添加成功！",
+        "ticketCommentFailed": "添加评论失败。",
+        "ticketCommentEmpty": "请先写评论再提交。",
+        "ticketAttachmentUploaded": "附件上传成功！",
+        "ticketAttachmentFailed": "附件上传失败。",
+        "ticketAttachmentEmpty": "请选择要上传的文件。",
+        "ticketFetchError": "加载工单失败。",
+        "ticketNotFound": "未找到工单。",
+        "addAttachmentFileSize": "文件必须小于5MB！",
+        "goBack": "返回",
+        "noDescription": "没有可用的描述。",
+        "createTicket": "创建新的支持工单",
+        "createTicketTitlePlaceholder": "输入标题（最多150个字符）",
+        "createTicketDescriptionTitle": "描述您的问题 - 详细信息越多越好：",
+        "createTicketDescriptionPlaceholder": "详细描述问题，包括：1）重现问题的步骤，2）预期行为与实际行为的差异，3）适用时的代码片段，4）受影响的具体组件、API 或配置",
+        "createTicketSubmit": "提交工单",
+        "createTicketInfoText": "当您的工单创建后，您可以在“详情”部分添加截图和评论。"
+    },
+    
+
     npm: {
         ...en.npm,
         invalidNpmPackageName: "无效的npm包名称或URL链接.",