@raketa-cloud/admin 1.8.19 → 1.8.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@raketa-cloud/admin",
-  "version": "1.8.19",
+  "version": "1.8.21",
   "main": "src/index.js",
   "files": [
     "src/",

package/src/cloud/Resources.js

@@ -1,4 +1,4 @@
-import { toDateInput, toDateTimeInput } from "../utils";
+import { toDateInput, toDateTimeInput, toUTCISO8601String } from "../utils";
 import RaketaClient from "./RaketaClient";
 import {
   ChangeResourceSlugDocument,
@@ -155,6 +155,20 @@ export default class Resources extends RaketaClient {
     return { resource, errors };
   }
 
+  appendWorkflow(input, workflow) {
+    if (!workflow?.type) {
+      return;
+    }
+
+    input.workflow = {
+      type: workflow.type,
+    };
+
+    if (workflow.due_date) {
+      input.workflow.dueDate = toUTCISO8601String(workflow.due_date);
+    }
+  }
+
   async translateBatch(
     sourceResourceId,
     locales,
@@ -178,9 +192,7 @@ export default class Resources extends RaketaClient {
         resource: paramsCopy,
       };
 
-      if (workflow) {
-        input.workflow = workflow;
-      }
+      this.appendWorkflow(input, workflow);
 
       variables[`input${i}`] = input;
     });

package/src/handlers/resources/TranslationsHandler.js

@@ -229,7 +229,7 @@ const create = async (ctx) => {
     }
   }
 
-  if (!workflow) {
+  if (!workflow?.type) {
     const revisionResults =
       await ctx.client.resourceRevisions.createBatch(revisionInputs);
 

package/src/tests/handlers/resources/TranslationsHandler.test/edge_cases.test.js

@@ -141,7 +141,9 @@ describe("Resource Translations Handler create", () => {
 
     const ctx = buildCtx({
       resource: blueprint,
-      resourceParams: { resource: { languages: ["fr"], workflow: "lokalise" } },
+      resourceParams: {
+        resource: { languages: ["fr"], workflow: { type: "lokalise" } },
+      },
     });
 
     jest

package/src/views/resources/translations/create_form.ejs

@@ -33,7 +33,7 @@
       <% if (utils.feature("contentTasks", _context) && _context.locale === _context.defaultLocale) { %>
       <div class="mb-4">
         <label for="workflow" class="font-semibold hover:cursor-pointer body-3">Translation workflow</label>
-        <select name="resource[workflow]" id="workflow">
+        <select name="resource[workflow][type]" id="workflow">
           <option value="">Default (no workflow)</option>
 
           <option value="LOKALISE_TO_AI_RT_HUM" <%= resource.workflow === 'LOKALISE_TO_AI_RT_HUM' ? 'selected' : '' %>>
@@ -52,6 +52,53 @@
           Select a workflow for the translation process. Lokalise workflow initiates a translation task for external translation.
         </p>
       </div>
+
+      <div class="mb-4" id="due_date_wrapper">
+        <label for="due_date" class="font-semibold hover:cursor-pointer body-3">Due date (UTC)</label>
+        <input type="datetime-local" name="resource[workflow][due_date]" id="due_date" />
+        <p class="text-sm text-raketa-foreground/50 mt-1">
+          Select a workflow for the translation process. Lokalise workflow initiates a translation task for external translation.
+        </p>
+      </div>
+
+      <script>
+        (function () {
+          const workflowSelect = document.getElementById("workflow");
+          const dueDateWrapper = document.getElementById("due_date_wrapper");
+          const dueDateInput = document.getElementById("due_date");
+
+          function getTwoDaysFromNowString() {
+            const date = new Date();
+            date.setDate(date.getDate() + 2);
+            const year = date.getFullYear();
+            const month = String(date.getMonth() + 1).padStart(2, "0");
+            const day = String(date.getDate()).padStart(2, "0");
+            const hours = String(date.getHours()).padStart(2, "0");
+            const minutes = String(date.getMinutes()).padStart(2, "0");
+            return `${year}-${month}-${day}T${hours}:${minutes}`;
+          }
+
+          function toggleDueDate() {
+            if (!workflowSelect || !dueDateWrapper || !dueDateInput) return;
+            const minDate = getTwoDaysFromNowString();
+            dueDateInput.min = minDate;
+
+            const isDefault = !workflowSelect.value;
+            dueDateWrapper.style.display = isDefault ? "none" : "block";
+
+            if (isDefault) {
+              dueDateInput.value = "";
+            } else if (!dueDateInput.value) {
+              dueDateInput.value = minDate;
+            }
+          }
+
+          if (workflowSelect) {
+            workflowSelect.addEventListener("change", toggleDueDate);
+            toggleDueDate();
+          }
+        })();
+      </script>
       <% } %>
 
       <% if (errors?.resource && targetLocale) { %>