@orchestrator-ui/orchestrator-ui-components 0.2.4 → 0.2.6

package/src/icons/WfoPlusCircleFill.stories.tsx

@@ -0,0 +1,13 @@
+import type { Meta } from '@storybook/react';
+
+import { WfoPlusCircleFill } from './WfoPlusCircleFill';
+
+const Story: Meta<typeof WfoPlusCircleFill> = {
+    component: WfoPlusCircleFill,
+    title: 'Icons/WfoPlusCircleFill',
+};
+export default Story;
+
+export const Primary = {
+    args: {},
+};

package/src/icons/{WFOPlusCircleFill.tsx → WfoPlusCircleFill.tsx}

@@ -1,7 +1,8 @@
 import React, { FC } from 'react';
-import { WFOIconProps } from './WFOIconProps';
 
-export const WFOPlusCircleFill: FC<WFOIconProps> = ({
+import { WfoIconProps } from './WfoIconProps';
+
+export const WfoPlusCircleFill: FC<WfoIconProps> = ({
     width = 24,
     height = 24,
     color = '#000000',

package/src/icons/WfoRefresh.stories.tsx

@@ -0,0 +1,13 @@
+import type { Meta } from '@storybook/react';
+
+import { WfoRefresh } from './WfoRefresh';
+
+const Story: Meta<typeof WfoRefresh> = {
+    component: WfoRefresh,
+    title: 'Icons/WfoRefresh',
+};
+export default Story;
+
+export const Primary = {
+    args: {},
+};

package/src/icons/WfoRefresh.tsx

@@ -0,0 +1,35 @@
+import React, { FC } from 'react';
+
+import { WfoIconProps } from './WfoIconProps';
+
+export const WfoRefresh: FC<WfoIconProps> = ({
+    width = 24,
+    height = 24,
+    color = '#000000',
+}) => {
+    return (
+        <svg
+            width={width}
+            height={height}
+            viewBox="0 0 24 24"
+            version="1.1"
+            xmlns="http://www.w3.org/2000/svg"
+        >
+            <title>icon/refresh</title>
+            <g
+                id="Symbols"
+                stroke="none"
+                strokeWidth="1"
+                fill="none"
+                fillRule="evenodd"
+            >
+                <g id="icon/refresh" fill={color}>
+                    <path
+                        d="M6,4 C6.55228,4 7,4.44772 7,5 L7,7.10125 C8.27009,5.80489 10.04052,5 12,5 C15.0494,5 17.641,6.94932 18.6014,9.66675 C18.7855,10.18747 18.5126,10.75879 17.9918,10.94284 C17.4711,11.12689 16.8998,10.85396 16.7157,10.33325 C16.0289,8.38991 14.1755,7 12,7 C10.36507,7 8.91204,7.78502 7.99935,9 L11,9 C11.55228,9 12,9.44772 12,10 C12,10.55228 11.55228,11 11,11 L6,11 C5.44772,11 5,10.55228 5,10 L5,5 C5,4.44772 5.44772,4 6,4 Z M6.00817,13.0572 C6.52888,12.8731 7.1002,13.146 7.28425,13.6668 C7.97112,15.6101 9.82453,17 12,17 C13.6349,17 15.088,16.215 16.0006,15 L13,15 C12.4477,15 12,14.5523 12,14 C12,13.4477 12.4477,13 13,13 L18,13 C18.2652,13 18.5196,13.1054 18.7071,13.2929 C18.8946,13.4804 19,13.7348 19,14 L19,19 C19,19.5523 18.5523,20 18,20 C17.4477,20 17,19.5523 17,19 L17,16.8987 C15.7299,18.1951 13.9595,19 12,19 C8.95059,19 6.35905,17.0507 5.39857,14.3332 C5.21452,13.8125 5.48745,13.2412 6.00817,13.0572 Z"
+                        id="Shape"
+                    ></path>
+                </g>
+            </g>
+        </svg>
+    );
+};

package/src/icons/WfoSearchStrikethrough.stories.tsx

@@ -0,0 +1,13 @@
+import type { Meta } from '@storybook/react';
+
+import { WfoSearchStrikethrough } from './WfoSearchStrikethrough';
+
+const Story: Meta<typeof WfoSearchStrikethrough> = {
+    component: WfoSearchStrikethrough,
+    title: 'Icons/WfoSearchStrikethrough',
+};
+export default Story;
+
+export const Primary = {
+    args: {},
+};

package/src/icons/WfoSearchStrikethrough.tsx

@@ -0,0 +1,33 @@
+import React, { FC } from 'react';
+
+import { WfoIconProps } from './WfoIconProps';
+
+export const WfoSearchStrikethrough: FC<WfoIconProps> = ({
+    width = 24,
+    height = 24,
+    color = '#0067AC',
+}) => (
+    <svg
+        width={width}
+        height={height}
+        viewBox="0 0 24 24"
+        version="1.1"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <title>icon/search-strikethrough</title>
+        <g
+            id="Symbols"
+            stroke="none"
+            strokeWidth="1"
+            fill="none"
+            fillRule="evenodd"
+        >
+            <g id="icon/search-strikethrough" fill={color}>
+                <path
+                    d="M10,4 C10.5522847,4 11,4.44771525 11,5 C11,5.55228475 10.5522847,6 10,6 C7.790861,6 6,7.790861 6,10 C6,12.209139 7.790861,14 10,14 C11.6843802,14 13.170862,12.9492826 13.7495202,11.3971234 C13.9424456,10.8796312 14.518353,10.6165178 15.0358452,10.8094433 C15.5533374,11.0023688 15.8164508,11.5782761 15.6235253,12.0957684 C15.4431518,12.5795917 15.204012,13.0309152 14.9156524,13.4423562 C14.9089265,13.4506778 14.9001611,13.4632152 14.8907,13.4765 L19.7071,18.2929 C20.0976,18.6834 20.0976,19.3166 19.7071,19.7071 C19.3166,20.0976 18.6834,20.0976 18.2929,19.7071 L13.4765,14.8907 L13.4335575,14.9210711 C12.4519621,15.6060667 11.2631018,16 10,16 C6.6862915,16 4,13.3137085 4,10 C4,6.6862915 6.6862915,4 10,4 Z M13.70711,2.29289 L16,4.58579 L18.2929,2.29289 C18.6834,1.90237 19.3166,1.90237 19.7071,2.29289 C20.0976,2.68342 20.0976,3.31658 19.7071,3.70711 L17.4142,6 L19.7071,8.2929 C20.0976,8.6834 20.0976,9.3166 19.7071,9.7071 C19.3166,10.0976 18.6834,10.0976 18.2929,9.7071 L16,7.4142 L13.70711,9.7071 C13.31658,10.0976 12.68342,10.0976 12.29289,9.7071 C11.90237,9.3166 11.90237,8.6834 12.29289,8.2929 L14.58579,6 L12.29289,3.70711 C11.90237,3.31658 11.90237,2.68342 12.29289,2.29289 C12.68342,1.90237 13.31658,1.90237 13.70711,2.29289 Z"
+                    id="Combined-Shape"
+                ></path>
+            </g>
+        </g>
+    </svg>
+);

package/src/icons/WfoSortAsc.stories.tsx

@@ -0,0 +1,13 @@
+import type { Meta } from '@storybook/react';
+
+import { WfoSortAsc } from './WfoSortAsc';
+
+const Story: Meta<typeof WfoSortAsc> = {
+    component: WfoSortAsc,
+    title: 'Icons/WfoSortAsc',
+};
+export default Story;
+
+export const Primary = {
+    args: {},
+};

package/src/icons/WfoSortAsc.tsx

@@ -0,0 +1,33 @@
+import React, { FC } from 'react';
+
+import { WfoIconProps } from './WfoIconProps';
+
+export const WfoSortAsc: FC<WfoIconProps> = ({
+    width = 24,
+    height = 24,
+    color = '#000000',
+}) => (
+    <svg
+        width={width}
+        height={height}
+        viewBox="0 0 24 24"
+        version="1.1"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <title>icon/sort-asc</title>
+        <g
+            id="Symbols"
+            stroke="none"
+            strokeWidth="1"
+            fill="none"
+            fillRule="evenodd"
+        >
+            <g id="icon/sort-asc" fill={color} fillRule="nonzero">
+                <path
+                    d="M5,5 C4.44772,5 4,5.44772 4,6 C4,6.55228 4.44772,7 5,7 L16,7 C16.5523,7 17,6.55228 17,6 C17,5.44772 16.5523,5 16,5 L5,5 Z M5,9 C4.44772,9 4,9.44772 4,10 C4,10.55228 4.44772,11 5,11 L10,11 C10.55228,11 11,10.55228 11,10 C11,9.44772 10.55228,9 10,9 L5,9 Z M5,13 C4.44772,13 4,13.4477 4,14 C4,14.5523 4.44772,15 5,15 L9,15 C9.55228,15 10,14.5523 10,14 C10,13.4477 9.55228,13 9,13 L5,13 Z M15.0000025,18 C15.0000025,18.5523 15.4477,19 16.0000025,19 C16.5523,19 17.0000025,18.5523 17.0000025,18 L17.0000025,12.4142 L18.2929,13.7071 C18.6834,14.0976 19.3166,14.0976 19.7071,13.7071 C20.0976,13.3166 20.0976,12.6834 19.7071,12.2929 L16.7071,9.29289 C16.5196,9.10536 16.2652,9 16.0000025,9 C15.7348,9 15.4804,9.10536 15.2929,9.29289 L12.2929,12.2929 C11.90237,12.6834 11.90237,13.3166 12.2929,13.7071 C12.6834,14.0976 13.3166,14.0976 13.7071,13.7071 L15.0000025,12.4142 L15.0000025,18 Z"
+                    id="Combined-Shape"
+                ></path>
+            </g>
+        </g>
+    </svg>
+);

package/src/icons/WfoSortDesc.stories.tsx

@@ -0,0 +1,13 @@
+import type { Meta } from '@storybook/react';
+
+import { WfoSortDesc } from './WfoSortDesc';
+
+const Story: Meta<typeof WfoSortDesc> = {
+    component: WfoSortDesc,
+    title: 'Icons/WfoSortDesc',
+};
+export default Story;
+
+export const Primary = {
+    args: {},
+};

package/src/icons/WfoSortDesc.tsx

@@ -0,0 +1,33 @@
+import React, { FC } from 'react';
+
+import { WfoIconProps } from './WfoIconProps';
+
+export const WfoSortDesc: FC<WfoIconProps> = ({
+    width = 24,
+    height = 24,
+    color = '#000000',
+}) => (
+    <svg
+        width={width}
+        height={height}
+        viewBox="0 0 24 24"
+        version="1.1"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <title>icon/sort-desc</title>
+        <g
+            id="Symbols"
+            stroke="none"
+            strokeWidth="1"
+            fill="none"
+            fillRule="evenodd"
+        >
+            <g id="icon/sort-desc" fill={color} fillRule="nonzero">
+                <path
+                    d="M5,5 C4.44772,5 4,5.44772 4,6 C4,6.55228 4.44772,7 5,7 L16,7 C16.5523,7 17,6.55228 17,6 C17,5.44772 16.5523,5 16,5 L5,5 Z M16.0000025,9 C16.5523,9 17.0000025,9.44772 17.0000025,10 L17.0000025,15.5858 L18.2929,14.2929 C18.6834,13.9024 19.3166,13.9024 19.7071,14.2929 C20.0976,14.6834 20.0976,15.3166 19.7071,15.7071 L16.7071,18.7071 C16.5196,18.8946 16.2652,19 16.0000025,19 C15.7348,19 15.4804,18.8946 15.2929,18.7071 L12.2929,15.7071 C11.90237,15.3166 11.90237,14.6834 12.2929,14.2929 C12.6834,13.9024 13.3166,13.9024 13.7071,14.2929 L15.0000025,15.5858 L15.0000025,10 C15.0000025,9.44771 15.4477,9 16.0000025,9 Z M9,13 C9.55228,13 10,13.4477 10,14 C10,14.5523 9.55228,15 9,15 L5,15 C4.44772,15 4,14.5523 4,14 C4,13.4477 4.44772,13 5,13 Z M12,9 C12.5523,9 13,9.44772 13,10 C13,10.55228 12.5523,11 12,11 L5,11 C4.44772,11 4,10.55228 4,10 C4,9.44772 4.44772,9 5,9 L12,9 Z"
+                    id="Combined-Shape"
+                ></path>
+            </g>
+        </g>
+    </svg>
+);

package/src/icons/WfoStatistic.tsx

@@ -0,0 +1,41 @@
+import React, { FC } from 'react';
+
+import { WfoIconProps } from './WfoIconProps';
+
+export const WfoStatistic: FC<WfoIconProps> = ({
+    width = 20,
+    height = 20,
+    color = '#000000',
+}) => (
+    <svg
+        width={width}
+        height={height}
+        viewBox="0 0 20 20"
+        version="1.1"
+        color={color}
+        xmlns="http://www.w3.org/2000/svg"
+        className="wfoStatisticIcon"
+    >
+        <title>icon/statistic</title>
+        <g xmlns="http://www.w3.org/2000/svg">
+            <path
+                fill={color}
+                fill-rule="nonzero"
+                d="M17.5,4 C16.6715729,4 16,4.67157288 16,5.5 L16,18.5 C16,19.3284271 16.6715729,20 17.5,20 L18.5,20 C19.3284271,20 20,19.3284271 20,18.5 L20,5.5 C20,4.67157288 19.3284271,4 18.5,4 L17.5,4 L17.5,4 Z"
+                opacity=".88"
+            />
+            <path
+                fill={color}
+                fill-rule="nonzero"
+                d="M11.5,8 C10.6715729,8 10,8.67157288 10,9.5 L10,18.5 C10,19.3284271 10.6715729,20 11.5,20 L12.5,20 C13.3284271,20 14,19.3284271 14,18.5 L14,9.5 C14,8.67157288 13.3284271,8 12.5,8 L11.5,8 Z"
+                opacity=".66"
+            />
+            <path
+                fill={color}
+                fill-rule="nonzero"
+                d="M5.5,12 C4.67157288,12 4,12.6715729 4,13.5 L4,18.5 C4,19.3284271 4.67157288,20 5.5,20 L6.5,20 C7.32842712,20 8,19.3284271 8,18.5 L8,13.5 C8,12.6715729 7.32842712,12 6.5,12 L5.5,12 Z"
+                opacity=".33"
+            />
+        </g>
+    </svg>
+);

package/src/icons/WfoStatusDotIcon.stories.tsx

@@ -0,0 +1,13 @@
+import type { Meta } from '@storybook/react';
+
+import { WfoStatusDotIcon } from './WfoStatusDotIcon';
+
+const Story: Meta<typeof WfoStatusDotIcon> = {
+    component: WfoStatusDotIcon,
+    title: 'Icons/WfoStatusDotIcon',
+};
+export default Story;
+
+export const Primary = {
+    args: {},
+};

package/src/icons/{WFOStatusDotIcon.tsx → WfoStatusDotIcon.tsx}

@@ -1,8 +1,9 @@
 import React from 'react';
 import { FC } from 'react';
-import { WFOIconProps } from './WFOIconProps';
 
-export const WFOStatusDotIcon: FC<WFOIconProps> = ({
+import { WfoIconProps } from './WfoIconProps';
+
+export const WfoStatusDotIcon: FC<WfoIconProps> = ({
     width = 24,
     height = 24,
     color = '#000000',

package/src/icons/WfoXCircleFill.stories.tsx

@@ -0,0 +1,13 @@
+import type { Meta } from '@storybook/react';
+
+import { WfoXCircleFill } from './WfoXCircleFill';
+
+const Story: Meta<typeof WfoXCircleFill> = {
+    component: WfoXCircleFill,
+    title: 'Icons/WfoXCircleFill',
+};
+export default Story;
+
+export const Primary = {
+    args: {},
+};

package/src/icons/{WFOXCircleFill.tsx → WfoXCircleFill.tsx}

@@ -1,7 +1,8 @@
 import React, { FC } from 'react';
-import { WFOIconProps } from './WFOIconProps';
 
-export const WFOXCircleFill: FC<WFOIconProps> = ({
+import { WfoIconProps } from './WfoIconProps';
+
+export const WfoXCircleFill: FC<WfoIconProps> = ({
     width = 24,
     height = 24,
     color = '#000000',

package/src/icons/index.ts

@@ -1,10 +1,22 @@
-export * from './WFOXCircleFill';
-export * from './WFOStatusDotIcon';
-export * from './WFOLogoutIcon';
-export * from './WFOCheckmarkCircleFill';
-export * from './WFOIconProps';
-export * from './WFOMinusCircleOutline';
-export * from './WFOPlusCircleFill';
-export * from './WFOChevronDown';
-export * from './WFOArrowNarrowDown';
-export * from './WFOArrowNarrowUp';
+export * from './WfoXCircleFill';
+export * from './WfoArrowsExpand';
+export * from './WfoStatusDotIcon';
+export * from './WfoLogoutIcon';
+export * from './WfoCheckmarkCircleFill';
+export * from './WfoIconProps';
+export * from './WfoMinusCircleOutline';
+export * from './WfoPlusCircleFill';
+export * from './WfoChevronDown';
+export * from './WfoChevronUp';
+export * from './WfoArrowNarrowDown';
+export * from './WfoRefresh';
+export * from './WfoArrowNarrowUp';
+export * from './WfoMinusCircleFill';
+export * from './WfoSearchStrikethrough';
+export * from './WfoSortAsc';
+export * from './WfoSortDesc';
+export * from './WfoPlayFill';
+export * from './WfoCode';
+export * from './WfoEyeFill';
+export * from './WfoCogFill';
+export * from './WfoStatistic';

package/src/index.ts

@@ -1,3 +1,4 @@
+export * from './api';
 export * from './components';
 export * from './icons';
 export * from './theme';

package/src/messages/en-US.json

@@ -1,25 +1,103 @@
 {
     "main": {
-        "title": "Welcome to example-orchestrator-ui!"
+        "title": "Welcome to example-orchestrator-ui!",
+        "mobileTitle": "Main menu"
     },
     "common": {
         "addToFavorites": "Add to favorites",
         "product": "Product",
         "deselect": "Deselect",
-        "close": "Close"
+        "close": "Close",
+        "newSubscription": "New subscription",
+        "newTask": "New task",
+        "noFailedTasks": "No failed tasks!",
+        "search": "Search"
+    },
+    "confirmationDialog": {
+        "title": "Please confirm",
+        "confirm": "Confirm",
+        "cancel": "Cancel",
+        "leavePage": "Do you really want to leave this page?",
+        "leavePageSub": "Changes that you made will not be saved.",
+        "stay": "Stay",
+        "leave": "Leave"
+    },
+    "workflow": {
+        "start_workflow_title": "Start workflow"
+    },
+    "errors": {
+        "retrieve_stored_settings": "Something went wrong restoring your settings. Falling back to default settings",
+        "retrieve_stored_settings_title": "Error retrieving settings"
+    },
+    "pydanticForms": {
+        "userInputForm": {
+            "cancel": "Cancel",
+            "submit": "Submit",
+            "previous": "Previous",
+            "runProcess": "Run Process",
+            "cancelProcess": "Cancel Process"
+        },
+        "fields": {
+            "bfd": {
+                "description": "Bidirectional Forwarding Detection",
+                "title": "BFD"
+            },
+            "esi_service_ports_add": "Add Endpoint",
+            "esi_service_ports_del": "Delete Endpoint"
+        },
+        "widgets": {
+            "organisation": {
+                "placeholder": "Org placeholder"
+            },
+            "contactPersonName": {
+                "placeholder": "Name placeholder"
+            },
+            "node_select": {
+                "nodes_loading": "Nodes loading",
+                "select_node": "Select node",
+                "no_nodes_placeholder": "No nodes"
+            },
+            "locationCode": {
+                "placeholder": "Location placeholder"
+            },
+            "product": {
+                "placeholder": "Choose product"
+            },
+            "select": {
+                "placeholder": "Select Placeholder"
+            },
+            "vlan": {
+                "vlansInUseError": "VLAN range {vlans} are already in use for the selected service port",
+                "vlansInUse": "Already used VLAN ranges for this service port: {vlans}",
+                "missingInIms": "This service port can not be found in IMS. It may be deleted or in an initial state.",
+                "nsiVlansAvailable": "Available NSI VLAN ranges for this service port: {vlans}",
+                "nsiNoPortsAvailable": "This service port has no available NSI reserved VLANs (yet).",
+                "allPortsAvailable": "This service port has no VLANs in use (yet).",
+                "placeholder": "Enter a valid VLAN range...",
+                "placeholderNoServicePort": "First select a Service Port...",
+                "invalidVlan": "Invalid VLAN - must be a range of valid [2-4094] VLAN integers, for example '2, 5-6, 1048-1052'",
+                "untaggedPortInUse": "This service port is already in use and cannot be chosen",
+                "taggedOnly": "VLAN is only relevant for SN7 MSP or SN8 SP in tagged mode, not for link_member or untagged ports.",
+                "loadingIms": "Loading VLAN info from IMS"
+            },
+            "subscription": {
+                "placeholder": "Choose a subscription",
+                "loading": "Loading subscriptions..."
+            }
+        }
     },
     "metadata": {
         "tabs": {
             "products": "Products",
-            "productBlocks": "Productblocks",
+            "productBlocks": "Product blocks",
             "resourceTypes": "Resource types",
             "workflows": "Workflows"
         },
         "products": {
             "id": "ID",
-            "name": "Name",
-            "description": "Description",
-            "tag": "Tag",
+            "name": "Product",
+            "tag": "Product tag",
+            "description": "Product description",
             "productType": "Type",
             "status": "Status",
             "productBlocks": "Product blocks",
@@ -28,25 +106,27 @@
         },
         "productBlocks": {
             "id": "ID",
-            "name": "Name",
-            "description": "Description",
+            "name": "Product block",
+            "description": "Product block description",
             "tag": "Tag",
-            "status": "status",
+            "status": "Status",
             "resourceTypes": "Resource types",
+            "dependingProductBlocks": "Depending product blocks",
             "createdAt": "Created",
             "endDate": "End date",
             "parentIds": "Parents"
         },
         "resourceTypes": {
-            "type": "Type",
-            "description": "Description",
-            "resourceId": "Resource ID"
+            "type": "Resource type",
+            "description": "Resource type description",
+            "resourceId": "Resource Id",
+            "usedInProductBlocks": "Used in product blocks"
         },
         "workflows": {
-            "name": "Name",
-            "description": "Description",
+            "name": "Workflow",
+            "description": "Workflow description",
             "target": "Target",
-            "productTags": "Product Tags",
+            "productTags": "Product tags",
             "createdAt": "Created"
         }
     },
@@ -61,13 +141,40 @@
             "status": "Status",
             "product": "Product",
             "customer": "Customer",
+            "customerAbbreviation": "Customer abbreviation",
             "subscriptions": "Subscriptions",
             "createdBy": "Created By",
             "assignee": "Assignee",
-            "processId": "ID",
+            "processId": "PID",
             "started": "Started",
             "lastModified": "Last Modified",
-            "workflowTarget": "Target"
+            "workflowTarget": "Target",
+            "productTag": "Tag"
+        },
+        "detail": {
+            "retry": "Retry",
+            "resume": "Resume",
+            "abort": "Abort",
+            "delete": "Delete",
+            "deleteQuestion": "Are you sure you want to delete the task {workflowName}?",
+            "status": "Status",
+            "startedBy": "Started by",
+            "lastStep": "Last step",
+            "startedOn": "Started on",
+            "lastUpdate": "Last update",
+            "relatedSubscriptions": "Related subscriptions",
+            "subscriptions": "{count, plural, =0 {0 subscriptions} =1 {1 subscription} other {# subscriptions}}",
+            "customer": "Customer"
+        },
+        "steps": {
+            "steps": "Workflow steps",
+            "showDelta": "Show subscription delta",
+            "viewOptions": "View options",
+            "expandAll": "expand all",
+            "collapseAll": "collapse all",
+            "duration": "Looptijd",
+            "userInput": "User Input",
+            "submitFormLabel": "Please complete and submit the form below to start the workflow"
         }
     },
     "subscriptions": {
@@ -96,13 +203,31 @@
                 "relatedSubscriptions": "Related subscriptions"
             },
             "loadingStatus": "Loading status",
-            "workflow": {
+            "actions": {
                 "create": "Create workflow",
                 "modify": "Modify workflow",
                 "system": "System workflow",
-                "terminate": "Terminate workflow"
+                "terminate": "Terminate workflow",
+                "actions": "Actions",
+                "subscription": {
+                    "no_modify_deleted_related_objects": "This subscription can not be modified because it contains references to other systems that are deleted.",
+                    "no_modify_in_use_by_subscription": "This subscription can not be {action} as it is used in other subscriptions: {unterminated_in_use_by_subscriptions}",
+                    "no_modify_invalid_status": "This subscription can not be modified because of the status: {status}. Only subscriptions with status {usable_when} can be {action}.",
+                    "no_modify_workflow": "This subscription can not be modified as the product has no modify workflows.",
+                    "no_termination_workflow": "This subscription can not be terminated as the product has no termination workflows.",
+                    "no_validate_workflow": "This subscription can not be validated as the product has no validate workflows.",
+                    "not_in_sync": "This subscription can not be modified because it is not in sync. This means there is some error in the registration of the subscription or that it is being modified by another workflow.",
+                    "relations_not_in_sync": "This subscription can not be modified because some related subscriptions are not insync. Locked subscriptions: {locked_relations}",
+                    "no_modify_subscription_in_use_by_others": "This subscription can not be modified because it is in use by one or more other subscriptions: {unterminated_parents}"
+                }
             },
+            "subscriptionInstanceId": "Instance ID",
+            "ownerSubscriptionId": "Owner subscription ID",
+            "inUseByRelations": "In use by relation",
+            "showDetails": "Show details",
+            "hideDetails": "Hide details",
             "subscriptionDetails": "Subscription details",
+            "productName": "Product name",
             "fixedInputs": "Fixed inputs",
             "productInfo": "Product info",
             "noProductBlockSelected": "No product block selected",
@@ -111,7 +236,35 @@
             "startedBy": "Started by",
             "startedAt": "Started at",
             "status": "Status",
-            "id": "ID"
+            "id": "ID",
+            "blockTitleSubscriptionDetails": "Subscription details",
+            "blockTitleFixedInputs": "Fixed inputs",
+            "blockTitleProductInfo": "Product Info",
+            "subscriptionId": "Subscription ID",
+            "description": "Description",
+            "startDate": "Start date",
+            "insync": "In sync",
+            "customer": "Customer",
+            "customerUuid": "Customer UUID",
+            "name": "Name",
+            "productType": "Product type",
+            "tag": "Tag",
+            "created": "Created",
+            "endDate": "End date",
+            "note": "Note",
+            "noRelatedSubscriptions": "No related subscriptions found",
+            "hideTerminatedRelatedSubscriptions": "Hide terminated related subscriptions",
+            "processDetail": {
+                "id": "ID",
+                "status": "Status",
+                "startedAt": "Started at",
+                "startedBy": "Started by"
+            }
+        }
+    },
+    "tasks": {
+        "page": {
+            "rerunAll": "Rerun all"
         }
     }
 }

package/src/messages/getTranslationMessages.spec.ts

@@ -1,6 +1,6 @@
-import { getTranslationMessages } from './getTranslationMessages';
 import { Locale } from '../types';
 import enUS from './en-US.json';
+import { getTranslationMessages } from './getTranslationMessages';
 import nlNL from './nl-NL.json';
 
 describe('getTransalationMessages', () => {

package/src/messages/getTranslationMessages.ts

@@ -1,8 +1,8 @@
 import { AbstractIntlMessages } from 'next-intl';
 
 import { Locale } from '../types';
-import nlNL from './nl-NL.json';
 import enUS from './en-US.json';
+import nlNL from './nl-NL.json';
 
 export type TranslationMessagesMap = Map<Locale, AbstractIntlMessages>;