@masterteam/work-center 0.0.64 → 0.0.66

package/fesm2022/masterteam-work-center.mjs

@@ -1481,6 +1481,15 @@ class WorkCenterEscalationInstanceType {
                         : isFinal
                             ? this.transloco.translate('workCenter.preview.final')
                             : null,
+                // Semantic color for the badge — every step state renders with the
+                // same pill and is told apart by color alone.
+                badgeTone: isClosed
+                    ? 'closed'
+                    : isInitial
+                        ? 'initial'
+                        : isFinal
+                            ? 'final'
+                            : 'accent',
                 style: 'detail',
                 current: currentIds.has(String(step.id)),
             };
@@ -1493,6 +1502,7 @@ class WorkCenterEscalationInstanceType {
         color: 'color',
         subtitle: 'subtitle',
         badge: 'badge',
+        badgeTone: 'badgeTone',
         status: 'status',
         style: 'style',
         current: 'current',
@@ -1742,6 +1752,156 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
                     ], template: "<div\r\n  class=\"mt-modal-content flex h-full min-h-0 flex-col gap-4 p-4 lg:overflow-hidden\"\r\n  *transloco=\"let t; prefix: 'workCenter'\"\r\n>\r\n  <div\r\n    class=\"flex flex-1 min-h-0 flex-col gap-4 lg:grid lg:grid-cols-[13rem_minmax(0,1fr)] lg:gap-6\"\r\n  >\r\n    @if (tabOptions().length > 1) {\r\n      <mt-tabs\r\n        [(active)]=\"activeTab\"\r\n        [options]=\"tabOptions()\"\r\n        mode=\"vertical\"\r\n        size=\"small\"\r\n      />\r\n    }\r\n\r\n    <div class=\"min-w-0 flex-1 min-h-0 lg:overflow-hidden\">\r\n      <div\r\n        class=\"h-full min-h-0 lg:overflow-hidden\"\r\n        [hidden]=\"activeTab() !== 'details'\"\r\n      >\r\n        <div\r\n          class=\"min-w-0 h-full min-h-0 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\r\n        >\r\n          @if (canRenderForm()) {\r\n            <mt-client-form\r\n              [moduleKey]=\"moduleKey()\"\r\n              [operationKey]=\"operationKey()\"\r\n              [moduleId]=\"formModuleId()\"\r\n              [levelId]=\"formLevelId()\"\r\n              [levelDataId]=\"formLevelDataId()\"\r\n              [moduleDataId]=\"moduleDataId()\"\r\n              [readonly]=\"true\"\r\n              [lookups]=\"formLookups()\"\r\n            />\r\n          } @else {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"context.moduleFormUnavailable\") }}\r\n              </p>\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n\r\n      @if (!readOnly()) {\r\n        <div\r\n          class=\"h-full min-h-0 overflow-hidden\"\r\n          [hidden]=\"activeTab() !== 'discussion'\"\r\n        >\r\n          @if (canRenderDiscussion()) {\r\n            <div\r\n              class=\"h-[32rem] min-h-[22rem] overflow-hidden rounded-lg border border-surface-200 bg-surface-50 lg:h-full lg:min-h-0\"\r\n            >\r\n              <mt-discussion-thread\r\n                [moduleType]=\"discussionModuleType()\"\r\n                [recordId]=\"resolvedInstanceId()\"\r\n                [mentionSearchEndpoint]=\"'Identity/users'\"\r\n                [mentionSearchParam]=\"'query'\"\r\n                [mentionSearchDataPath]=\"'data'\"\r\n                [uploadEndpoint]=\"'uploader'\"\r\n                [attachmentDownloadEndpoint]=\"'uploader'\"\r\n                [showParticipants]=\"true\"\r\n                [autoMarkRead]=\"true\"\r\n                [refreshIntervalMs]=\"0\"\r\n                [styleClass]=\"'h-full'\"\r\n              />\r\n            </div>\r\n          } @else {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"context.moduleDiscussionUnavailable\") }}\r\n              </p>\r\n            </div>\r\n          }\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
         }], ctorParameters: () => [], propDecorators: { details: [{ type: i0.Input, args: [{ isSignal: true, alias: "details", required: true }] }], lookups: [{ type: i0.Input, args: [{ isSignal: true, alias: "lookups", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], clientForm: [{ type: i0.ViewChild, args: [i0.forwardRef(() => ClientForm), { isSignal: true }] }] } });
 
+/**
+ * Approval-history row projection for the process preview.
+ *
+ * The runtime stores one `step` record per *target user*, so a group step
+ * fans out into one record per member, and every workflow attempt (return →
+ * resubmit) creates a fresh fan-out for the same step schema. The table shows
+ * one row per attempt: sibling member records collapse, but separate attempts
+ * — and the completed history they carry — are preserved.
+ */
+const PENDING = 'pending';
+const TERMINATED = 'terminated';
+/** Statuses whose actor is not the assigned group/role, so the actor wins. */
+const ACTOR_OVERRIDES_TARGET = new Set([TERMINATED]);
+function buildApprovalRows(steps, options) {
+    const { resolveDisplayName } = options;
+    const currentIds = new Set((options.currentStepIds ?? []).map((id) => String(id)));
+    const rows = [];
+    for (const run of splitIntoRuns(steps)) {
+        const groupName = resolveGroupName(run[0].target, resolveDisplayName);
+        if (groupName) {
+            rows.push(buildGroupRow(run, groupName, currentIds, resolveDisplayName));
+            continue;
+        }
+        // Non-group targets keep one row per record, minus the pending siblings
+        // that were superseded when another member of the same fan-out acted.
+        const runHasAction = run.some(hasAction);
+        for (const step of run) {
+            if (runHasAction &&
+                run.length > 1 &&
+                isSupersededPending(step, currentIds)) {
+                continue;
+            }
+            rows.push({
+                stepName: resolveStepName(step, resolveDisplayName),
+                status: step.status,
+                user: {
+                    kind: 'user',
+                    value: step.actionUserInfo ?? step.targetUser ?? null,
+                },
+                createdAt: step.createdAt ?? '',
+                actionDate: step.actionDate ?? '',
+            });
+        }
+    }
+    return rows;
+}
+function buildGroupRow(run, groupName, currentIds, resolveDisplayName) {
+    const pendingOnGroup = run.find((step) => isCurrent(step, currentIds));
+    // While the attempt is open the row belongs to the group as a whole; once it
+    // closes, the record that carries the outcome represents it.
+    const repr = pendingOnGroup ?? resolveOutcome(run);
+    const actor = repr.actionUserInfo;
+    const showActor = !pendingOnGroup && !!actor && ACTOR_OVERRIDES_TARGET.has(statusKey(repr));
+    return {
+        stepName: resolveStepName(repr, resolveDisplayName),
+        status: repr.status,
+        user: showActor
+            ? { kind: 'user', value: actor }
+            : { kind: 'text', value: groupName },
+        createdAt: run[0].createdAt ?? '',
+        actionDate: pendingOnGroup ? '' : (repr.actionDate ?? ''),
+    };
+}
+/**
+ * Consecutive records sharing a step schema + target belong to the same
+ * attempt. The API orders steps by creation, so a later attempt on the same
+ * step is always separated by the records that sent the request back.
+ */
+function splitIntoRuns(steps) {
+    const runs = [];
+    let currentKey = null;
+    for (const step of steps) {
+        const key = runKey(step);
+        if (key !== currentKey || runs.length === 0) {
+            runs.push([step]);
+            currentKey = key;
+            continue;
+        }
+        runs[runs.length - 1].push(step);
+    }
+    return runs;
+}
+function runKey(step) {
+    return `${step.stepSchemaId ?? ''}|${step.target?.groupKey ?? ''}`;
+}
+/** The record holding the attempt's outcome (Returned/Rejected/Terminated…). */
+function resolveOutcome(run) {
+    for (let index = run.length - 1; index >= 0; index -= 1) {
+        const step = run[index];
+        if (statusKey(step) !== PENDING && statusKey(step) !== '') {
+            return step;
+        }
+    }
+    return findLast(run, hasAction) ?? run[run.length - 1];
+}
+function isCurrent(step, currentIds) {
+    if (typeof step.isCurrent === 'boolean') {
+        return step.isCurrent;
+    }
+    if (currentIds.size > 0) {
+        return currentIds.has(String(step.stepId ?? ''));
+    }
+    return step.isActive !== false && statusKey(step) === PENDING;
+}
+/** A pending record left behind after a sibling acted — never actionable. */
+function isSupersededPending(step, currentIds) {
+    return (statusKey(step) === PENDING &&
+        !hasAction(step) &&
+        !isCurrent(step, currentIds));
+}
+function hasAction(step) {
+    if (step.actionUserInfo) {
+        return true;
+    }
+    const key = statusKey(step);
+    return key !== '' && key !== PENDING;
+}
+/** Status comes off the lookup key, never the localized display text. */
+function statusKey(step) {
+    const status = step.status;
+    if (typeof status === 'string') {
+        return status.trim().toLowerCase();
+    }
+    if (status && typeof status === 'object') {
+        const key = status['key'];
+        if (typeof key === 'string') {
+            return key.trim().toLowerCase();
+        }
+    }
+    return '';
+}
+function resolveStepName(step, resolveDisplayName) {
+    return resolveDisplayName(step.stepName) || String(step.stepId ?? '--');
+}
+function resolveGroupName(target, resolveDisplayName) {
+    if (!target || target.type !== 'Group' || !target.group) {
+        return '';
+    }
+    return (resolveDisplayName(target.displayName) ||
+        resolveDisplayName(target.group.name));
+}
+function findLast(items, predicate) {
+    for (let index = items.length - 1; index >= 0; index -= 1) {
+        if (predicate(items[index])) {
+            return items[index];
+        }
+    }
+    return undefined;
+}
+
 class WorkCenterProcessPreview {
     http = inject(HttpClient);
     transloco = inject(TranslocoService);
@@ -1779,42 +1939,20 @@ class WorkCenterProcessPreview {
     preview = signal(null, ...(ngDevMode ? [{ debugName: "preview" }] : /* istanbul ignore next */ []));
     canRenderPreview = computed(() => (this.requestId() ?? 0) > 0, ...(ngDevMode ? [{ debugName: "canRenderPreview" }] : /* istanbul ignore next */ []));
     approvalRows = computed(() => {
-        const steps = this.preview()?.steps ?? [];
-        const rows = [];
-        const seenGroupKeys = new Set();
-        for (const step of steps) {
-            const groupName = this.resolveGroupName(step.target);
-            if (groupName) {
-                const dedupKey = `${step.stepSchemaId ?? ''}|${step.target?.groupKey ?? ''}`;
-                if (seenGroupKeys.has(dedupKey))
-                    continue;
-                seenGroupKeys.add(dedupKey);
-                // Prefer a sibling that has been actioned so we can surface real
-                // action date/status; otherwise fall back to the current step.
-                const siblings = steps.filter((s) => (s.stepSchemaId ?? '') === (step.stepSchemaId ?? '') &&
-                    (s.target?.groupKey ?? '') === (step.target?.groupKey ?? ''));
-                const repr = siblings.find((s) => s.actionUserInfo) ?? step;
-                rows.push({
-                    stepName: this.resolveDisplayName(repr.stepName) ||
-                        String(repr.stepId ?? '--'),
-                    status: buildEntity('Status', 'Status', repr.status),
-                    user: buildEntity('User', 'Text', groupName),
-                    createdAt: buildEntity('Initiation Date', 'DateTime', repr.createdAt ?? ''),
-                    actionDate: buildEntity('Action Date', 'DateTime', repr.actionDate ?? ''),
-                });
-            }
-            else {
-                rows.push({
-                    stepName: this.resolveDisplayName(step.stepName) ||
-                        String(step.stepId ?? '--'),
-                    status: buildEntity('Status', 'Status', step.status),
-                    user: buildEntity('User', 'User', (step.actionUserInfo ?? step.targetUser ?? null)),
-                    createdAt: buildEntity('Initiation Date', 'DateTime', step.createdAt ?? ''),
-                    actionDate: buildEntity('Action Date', 'DateTime', step.actionDate ?? ''),
-                });
-            }
-        }
-        return rows;
+        const preview = this.preview();
+        const rows = buildApprovalRows(preview?.steps ?? [], {
+            currentStepIds: preview?.currentStepIds,
+            resolveDisplayName: (value) => this.resolveDisplayName(value),
+        });
+        return rows.map((row) => ({
+            stepName: row.stepName,
+            status: buildEntity('Status', 'Status', row.status),
+            user: row.user.kind === 'text'
+                ? buildEntity('User', 'Text', row.user.value)
+                : buildEntity('User', 'User', row.user.value),
+            createdAt: buildEntity('Initiation Date', 'DateTime', row.createdAt),
+            actionDate: buildEntity('Action Date', 'DateTime', row.actionDate),
+        }));
     }, ...(ngDevMode ? [{ debugName: "approvalRows" }] : /* istanbul ignore next */ []));
     hasApprovals = computed(() => this.approvalRows().length > 0, ...(ngDevMode ? [{ debugName: "hasApprovals" }] : /* istanbul ignore next */ []));
     schemaNodes = computed(() => {
@@ -1869,6 +2007,9 @@ class WorkCenterProcessPreview {
                         : isFinal
                             ? this.transloco.translate('workCenter.preview.final')
                             : null,
+                // Semantic color for the badge — every step state renders with the
+                // same pill and is told apart by color alone.
+                badgeTone: step.isInitial ? 'initial' : isFinal ? 'final' : 'accent',
                 status: step.status ?? null,
                 style: isAppAction || isApprovalCommit ? 'icon' : 'detail',
                 current: currentStepIds.has(String(step.id)),
@@ -1889,6 +2030,7 @@ class WorkCenterProcessPreview {
         color: 'color',
         subtitle: 'subtitle',
         badge: 'badge',
+        badgeTone: 'badgeTone',
         status: 'status',
         style: 'style',
         current: 'current',
@@ -1909,13 +2051,6 @@ class WorkCenterProcessPreview {
     ngOnDestroy() {
         this.loadSub?.unsubscribe();
     }
-    resolveGroupName(target) {
-        if (!target || target.type !== 'Group' || !target.group) {
-            return '';
-        }
-        return (this.resolveDisplayName(target.displayName) ||
-            this.resolveDisplayName(target.group.name));
-    }
     resolveDisplayName(name) {
         if (typeof name === 'string') {
             return name;