@valtimo/process-management 13.46.0 → 13.47.1

package/fesm2022/valtimo-process-management.mjs

@@ -276,7 +276,7 @@ class ProcessManagementEditorService {
     }
     updateProcessLink(event) {
         this.setProcessLinksForSelectedDefinition(this.processLinksForSelectedDefinition.map(processLink => {
-            if (processLink.activityId === event.activityId) {
+            if (processLink.id === event.id) {
                 return { ...processLink, ...event };
             }
             return processLink;
@@ -1167,6 +1167,75 @@ const CustomRootElement = (props) => {
         ${linkedButtons}
       </div>`);
     }
+    const externalActionKey = processLink?.actionKey;
+    if (processLink?.processLinkType === 'external_plugin' && externalActionKey) {
+        return html `<div class="process-link-properties-panel">
+      <div class="process-link-properties-panel__header">
+        <span class="process-link-properties-panel__title-container">
+          <span class="process-link-properties-panel__title">${externalActionKey}</span>
+        </span>
+
+        <cds-tag
+          class="cds--tag cds--tag--purple cds--tag--md cds--layout--size-md  cds-tag--no-margin"
+          ><span class="cds--tag__label">
+            ${translateService.instant('processLinkType.plugin')}
+          </span>
+        </cds-tag>
+      </div>
+
+      <div class="process-link-properties-panel__buttons">
+        <button
+          class="cds--btn cds--btn--danger cds--btn--sm cds--layout--side-md"
+          onClick=${handleUnlinkClick}
+        >
+          ${unlinkText}
+        </button>
+
+        <button
+          class="cds--btn cds--btn--primary cds--btn--sm cds--layout--size-md"
+          onClick=${handleEditClick}
+        >
+          ${editProcessLinkText}
+        </button>
+      </div>
+    </div>`;
+    }
+    if (processLink?.processLinkType === 'external_plugin_task_form') {
+        // A task-form's name is its bundle key (the form identifier), mirroring how the external-plugin
+        // action panel shows its action key; fall back to a generic label for a plugin's sole, unkeyed
+        // task-form bundle.
+        const taskFormName = processLink?.bundleKey || translateService.instant('processLink.pluginForm');
+        return html `<div class="process-link-properties-panel">
+      <div class="process-link-properties-panel__header">
+        <span class="process-link-properties-panel__title-container">
+          <span class="process-link-properties-panel__title">${taskFormName}</span>
+        </span>
+
+        <cds-tag
+          class="cds--tag cds--tag--purple cds--tag--md cds--layout--size-md  cds-tag--no-margin"
+          ><span class="cds--tag__label">
+            ${translateService.instant('processLinkType.plugin')}
+          </span>
+        </cds-tag>
+      </div>
+
+      <div class="process-link-properties-panel__buttons">
+        <button
+          class="cds--btn cds--btn--danger cds--btn--sm cds--layout--side-md"
+          onClick=${handleUnlinkClick}
+        >
+          ${unlinkText}
+        </button>
+
+        <button
+          class="cds--btn cds--btn--primary cds--btn--sm cds--layout--size-md"
+          onClick=${handleEditClick}
+        >
+          ${editProcessLinkText}
+        </button>
+      </div>
+    </div>`;
+    }
     const pluginActionKey = processLink?.pluginActionDefinitionKey;
     const pluginActionTranslation = pluginTranslationService.instantByPluginActionKey(pluginActionKey);
     const pluginTitleTranslation = pluginTranslationService.instantPluginTitleByPluginActionKey(pluginActionKey);