@masterteam/client-components 0.0.6 → 0.0.7

package/fesm2022/masterteam-client-components-client-module-preview.mjs

@@ -0,0 +1,351 @@
+import * as i0 from '@angular/core';
+import { inject, input, output, signal, computed, effect, untracked, Component } from '@angular/core';
+import { EntitiesPreview } from '@masterteam/components/entities';
+import { ClientFormApiService } from '@masterteam/forms/client-form';
+
+const WIDTH_TO_ENTITY_SIZE = {
+    '25': 6,
+    '50': 12,
+    '100': 24,
+};
+class ClientModulePreview {
+    api = inject(ClientFormApiService);
+    loadSub;
+    moduleKey = input.required(...(ngDevMode ? [{ debugName: "moduleKey" }] : []));
+    operationKey = input.required(...(ngDevMode ? [{ debugName: "operationKey" }] : []));
+    moduleId = input(...(ngDevMode ? [undefined, { debugName: "moduleId" }] : []));
+    levelId = input(...(ngDevMode ? [undefined, { debugName: "levelId" }] : []));
+    levelDataId = input(...(ngDevMode ? [undefined, { debugName: "levelDataId" }] : []));
+    moduleDataId = input(...(ngDevMode ? [undefined, { debugName: "moduleDataId" }] : []));
+    requestSchemaId = input(...(ngDevMode ? [undefined, { debugName: "requestSchemaId" }] : []));
+    draftProcessId = input(...(ngDevMode ? [undefined, { debugName: "draftProcessId" }] : []));
+    preview = input(false, ...(ngDevMode ? [{ debugName: "preview" }] : []));
+    autoLoad = input(true, ...(ngDevMode ? [{ debugName: "autoLoad" }] : []));
+    lang = input('en', ...(ngDevMode ? [{ debugName: "lang" }] : []));
+    formMode = input('create', ...(ngDevMode ? [{ debugName: "formMode" }] : []));
+    loaded = output();
+    errored = output();
+    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : []));
+    response = signal(null, ...(ngDevMode ? [{ debugName: "response" }] : []));
+    entities = computed(() => mapResponseToEntities(this.response(), this.lang(), this.formMode()), ...(ngDevMode ? [{ debugName: "entities" }] : []));
+    constructor() {
+        effect(() => {
+            const autoLoad = this.autoLoad();
+            const moduleKey = this.moduleKey();
+            const operationKey = this.operationKey();
+            this.moduleId();
+            this.levelId();
+            this.levelDataId();
+            this.moduleDataId();
+            this.requestSchemaId();
+            this.draftProcessId();
+            this.preview();
+            if (autoLoad && moduleKey && operationKey) {
+                untracked(() => this.load());
+            }
+        });
+    }
+    load() {
+        if (this.loading())
+            return;
+        this.loadSub?.unsubscribe();
+        this.loading.set(true);
+        this.error.set(null);
+        this.loadSub = this.api.load(this.buildLoadRequest()).subscribe({
+            next: (response) => {
+                this.loading.set(false);
+                if (response.code === 1 && response.data) {
+                    this.response.set(response.data);
+                    this.loaded.emit(response.data);
+                    return;
+                }
+                const message = response.message ?? 'Failed to load module preview';
+                this.response.set(null);
+                this.error.set(message);
+                this.errored.emit(message);
+            },
+            error: (error) => {
+                this.loading.set(false);
+                this.response.set(null);
+                const message = error?.error?.message ??
+                    error?.message ??
+                    'Failed to load module preview';
+                this.error.set(message);
+                this.errored.emit(message);
+            },
+        });
+    }
+    ngOnDestroy() {
+        this.loadSub?.unsubscribe();
+    }
+    buildLoadRequest() {
+        return {
+            moduleKey: this.moduleKey(),
+            operationKey: this.operationKey(),
+            moduleId: this.moduleId(),
+            levelId: this.levelId(),
+            levelDataId: this.levelDataId(),
+            moduleDataId: this.moduleDataId(),
+            requestSchemaId: this.requestSchemaId(),
+            draftProcessId: this.draftProcessId(),
+            preview: this.preview(),
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: ClientModulePreview, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: ClientModulePreview, isStandalone: true, selector: "mt-client-module-preview", inputs: { moduleKey: { classPropertyName: "moduleKey", publicName: "moduleKey", isSignal: true, isRequired: true, transformFunction: null }, operationKey: { classPropertyName: "operationKey", publicName: "operationKey", isSignal: true, isRequired: true, transformFunction: null }, moduleId: { classPropertyName: "moduleId", publicName: "moduleId", isSignal: true, isRequired: false, transformFunction: null }, levelId: { classPropertyName: "levelId", publicName: "levelId", isSignal: true, isRequired: false, transformFunction: null }, levelDataId: { classPropertyName: "levelDataId", publicName: "levelDataId", isSignal: true, isRequired: false, transformFunction: null }, moduleDataId: { classPropertyName: "moduleDataId", publicName: "moduleDataId", isSignal: true, isRequired: false, transformFunction: null }, requestSchemaId: { classPropertyName: "requestSchemaId", publicName: "requestSchemaId", isSignal: true, isRequired: false, transformFunction: null }, draftProcessId: { classPropertyName: "draftProcessId", publicName: "draftProcessId", isSignal: true, isRequired: false, transformFunction: null }, preview: { classPropertyName: "preview", publicName: "preview", isSignal: true, isRequired: false, transformFunction: null }, autoLoad: { classPropertyName: "autoLoad", publicName: "autoLoad", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null }, formMode: { classPropertyName: "formMode", publicName: "formMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { loaded: "loaded", errored: "errored" }, ngImport: i0, template: "@if (loading()) {\n  <div class=\"grid grid-cols-1 gap-3 md:grid-cols-2\">\n    @for (item of [1, 2, 3, 4]; track item) {\n      <div class=\"rounded-2xl border border-surface-200 bg-surface-50 p-4\">\n        <div class=\"mb-3 h-4 w-28 animate-pulse rounded bg-surface-200\"></div>\n        <div class=\"h-5 w-40 animate-pulse rounded bg-surface-200\"></div>\n      </div>\n    }\n  </div>\n} @else if (error()) {\n  <div\n    class=\"flex min-h-[22rem] items-center justify-center rounded-2xl border border-dashed border-surface-300 bg-surface-50 p-6\"\n  >\n    <p class=\"max-w-md text-center text-sm text-surface-500\">\n      {{ error() }}\n    </p>\n  </div>\n} @else if (entities().length) {\n  <mt-entities-preview [entities]=\"entities()\" />\n} @else {\n  <div\n    class=\"flex min-h-[22rem] items-center justify-center rounded-2xl border border-dashed border-surface-300 bg-surface-50 p-6\"\n  >\n    <p class=\"max-w-md text-center text-sm text-surface-500\">\n      No preview data is available for this context.\n    </p>\n  </div>\n}\n", dependencies: [{ kind: "component", type: EntitiesPreview, selector: "mt-entities-preview", inputs: ["entities"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: ClientModulePreview, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-client-module-preview', standalone: true, imports: [EntitiesPreview], template: "@if (loading()) {\n  <div class=\"grid grid-cols-1 gap-3 md:grid-cols-2\">\n    @for (item of [1, 2, 3, 4]; track item) {\n      <div class=\"rounded-2xl border border-surface-200 bg-surface-50 p-4\">\n        <div class=\"mb-3 h-4 w-28 animate-pulse rounded bg-surface-200\"></div>\n        <div class=\"h-5 w-40 animate-pulse rounded bg-surface-200\"></div>\n      </div>\n    }\n  </div>\n} @else if (error()) {\n  <div\n    class=\"flex min-h-[22rem] items-center justify-center rounded-2xl border border-dashed border-surface-300 bg-surface-50 p-6\"\n  >\n    <p class=\"max-w-md text-center text-sm text-surface-500\">\n      {{ error() }}\n    </p>\n  </div>\n} @else if (entities().length) {\n  <mt-entities-preview [entities]=\"entities()\" />\n} @else {\n  <div\n    class=\"flex min-h-[22rem] items-center justify-center rounded-2xl border border-dashed border-surface-300 bg-surface-50 p-6\"\n  >\n    <p class=\"max-w-md text-center text-sm text-surface-500\">\n      No preview data is available for this context.\n    </p>\n  </div>\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { moduleKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "moduleKey", required: true }] }], operationKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "operationKey", required: true }] }], moduleId: [{ type: i0.Input, args: [{ isSignal: true, alias: "moduleId", required: false }] }], levelId: [{ type: i0.Input, args: [{ isSignal: true, alias: "levelId", required: false }] }], levelDataId: [{ type: i0.Input, args: [{ isSignal: true, alias: "levelDataId", required: false }] }], moduleDataId: [{ type: i0.Input, args: [{ isSignal: true, alias: "moduleDataId", required: false }] }], requestSchemaId: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestSchemaId", required: false }] }], draftProcessId: [{ type: i0.Input, args: [{ isSignal: true, alias: "draftProcessId", required: false }] }], preview: [{ type: i0.Input, args: [{ isSignal: true, alias: "preview", required: false }] }], autoLoad: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoLoad", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], formMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "formMode", required: false }] }], loaded: [{ type: i0.Output, args: ["loaded"] }], errored: [{ type: i0.Output, args: ["errored"] }] } });
+function mapResponseToEntities(response, lang, formMode) {
+    if (!response?.formConfiguration?.sections?.length) {
+        return [];
+    }
+    const valueByKey = new Map();
+    for (const value of response.values ?? []) {
+        valueByKey.set(value.propertyKey, value);
+    }
+    const entities = [];
+    const sections = [...response.formConfiguration.sections].sort((a, b) => a.order - b.order);
+    const seen = new Set();
+    let order = 0;
+    for (const section of sections) {
+        const fields = [...(section.fields ?? [])]
+            .filter((field) => isVisibleField(field, formMode))
+            .sort((a, b) => a.order - b.order);
+        for (const field of fields) {
+            if (!field.propertyKey || seen.has(field.propertyKey)) {
+                continue;
+            }
+            const property = field.propertyMetadata ?? field.property;
+            if (!property) {
+                continue;
+            }
+            seen.add(field.propertyKey);
+            const viewType = toEntityViewType(property.viewType);
+            const entityValue = mapEntityValue(valueByKey.get(field.propertyKey)?.value, viewType);
+            entities.push({
+                id: resolveNumber(property.propertyId),
+                propertyId: resolveNumber(property.propertyId),
+                key: property.key ?? field.propertyKey,
+                normalizedKey: readString(property, 'normalizedKey'),
+                name: resolvePropertyName(property, lang) || field.propertyKey,
+                value: entityValue.value,
+                rawValue: entityValue.rawValue,
+                viewType,
+                order: order++,
+                configuration: {
+                    size: WIDTH_TO_ENTITY_SIZE[field.width] ?? 24,
+                },
+            });
+        }
+    }
+    return entities;
+}
+function isVisibleField(field, formMode) {
+    if (field.isRead === false) {
+        return false;
+    }
+    return formMode === 'create'
+        ? !field.hiddenInCreation
+        : !field.hiddenInEditForm;
+}
+function resolvePropertyName(property, lang) {
+    if (typeof property.name === 'string') {
+        return property.name;
+    }
+    const name = property.name;
+    if (!name || typeof name !== 'object') {
+        return property.key;
+    }
+    return (readString(name, 'display') ??
+        readString(name, lang) ??
+        readString(name, lang === 'en' ? 'ar' : 'en') ??
+        property.key);
+}
+function toEntityViewType(viewType) {
+    switch (viewType) {
+        case 'LongText':
+        case 'Date':
+        case 'DateTime':
+        case 'Percentage':
+        case 'Status':
+        case 'Currency':
+        case 'Checkbox':
+        case 'User':
+        case 'Lookup':
+            return viewType;
+        default:
+            return 'Text';
+    }
+}
+function mapEntityValue(value, viewType) {
+    switch (viewType) {
+        case 'User': {
+            const userValue = mapUserValue(value);
+            return {
+                value: userValue,
+                rawValue: userValue.displayName ?? userValue.userName ?? '',
+            };
+        }
+        case 'Status':
+            return mapStatusLikeValue(value);
+        case 'Lookup':
+            return mapLookupValue(value);
+        case 'Percentage':
+            return mapPercentageValue(value);
+        case 'Checkbox':
+            return mapCheckboxValue(value);
+        default: {
+            const displayValue = resolveDisplayValue(value);
+            return {
+                value: displayValue,
+                rawValue: resolveRawValue(value) ?? displayValue,
+            };
+        }
+    }
+}
+function mapUserValue(value) {
+    if (!value || typeof value !== 'object') {
+        const displayName = resolveDisplayValue(value);
+        return {
+            displayName,
+            userName: displayName,
+        };
+    }
+    return {
+        id: readString(value, 'id'),
+        userName: readString(value, 'userName'),
+        displayName: readString(value, 'displayName') ??
+            readString(value, 'fullName') ??
+            readNestedDisplay(value, 'name') ??
+            readString(value, 'userName') ??
+            '',
+        photoUrl: readString(value, 'photoUrl'),
+        phoneNumber: readString(value, 'phoneNumber') ?? readString(value, 'mobileNumber'),
+        email: readString(value, 'email') ?? readString(value, 'emailAddress'),
+    };
+}
+function mapStatusLikeValue(value) {
+    const display = readNestedDisplay(value, 'name') ??
+        readString(value, 'display') ??
+        resolveDisplayValue(value);
+    const statusValue = {
+        key: readString(value, 'key') ?? display,
+        display,
+        color: readString(value, 'color') ?? '#64748b',
+        description: readNestedDisplay(value, 'description') ?? undefined,
+    };
+    return {
+        value: statusValue,
+        rawValue: display,
+    };
+}
+function mapLookupValue(value) {
+    const display = readNestedDisplay(value, 'name') ??
+        readString(value, 'display') ??
+        resolveDisplayValue(value);
+    const lookupValue = {
+        key: readString(value, 'key') ?? display,
+        display,
+        color: readString(value, 'color') ?? '#64748b',
+        description: readNestedDisplay(value, 'description') ?? undefined,
+    };
+    return {
+        value: lookupValue,
+        rawValue: display,
+    };
+}
+function mapPercentageValue(value) {
+    const rawValue = resolveRawValue(value) ?? '';
+    const displayValue = resolveDisplayValue(value);
+    if (!rawValue && !displayValue) {
+        return { value: '', rawValue: '' };
+    }
+    const normalizedRaw = rawValue.replace(/%/g, '').trim();
+    const normalizedDisplay = displayValue.includes('%') || !displayValue.length
+        ? displayValue
+        : `${displayValue}%`;
+    return {
+        value: normalizedDisplay || `${normalizedRaw}%`,
+        rawValue: normalizedRaw || rawValue,
+    };
+}
+function mapCheckboxValue(value) {
+    const rawValue = resolveBooleanString(value);
+    return {
+        value: rawValue,
+        rawValue,
+    };
+}
+function resolveBooleanString(value) {
+    if (typeof value === 'boolean') {
+        return String(value);
+    }
+    const displayValue = resolveDisplayValue(value).trim().toLowerCase();
+    if (displayValue === 'true' || displayValue === 'false') {
+        return displayValue;
+    }
+    return '';
+}
+function resolveDisplayValue(value) {
+    if (typeof value === 'string') {
+        return value;
+    }
+    if (typeof value === 'number' || typeof value === 'boolean') {
+        return String(value);
+    }
+    if (!value || typeof value !== 'object') {
+        return '';
+    }
+    return (readString(value, 'display') ??
+        readString(value, 'displayValue') ??
+        readString(value, 'actualValue') ??
+        readString(value, 'displayName') ??
+        readString(value, 'fullName') ??
+        readString(value, 'userName') ??
+        readNestedDisplay(value, 'name') ??
+        readString(value, 'key') ??
+        '');
+}
+function resolveRawValue(value) {
+    if (!value || typeof value !== 'object') {
+        return value === null || value === undefined ? undefined : String(value);
+    }
+    return (readString(value, 'actualValue') ??
+        readString(value, 'value') ??
+        readString(value, 'displayValue') ??
+        undefined);
+}
+function readNestedDisplay(value, key) {
+    if (!value || typeof value !== 'object') {
+        return undefined;
+    }
+    const nested = value[key];
+    if (!nested || typeof nested !== 'object') {
+        return undefined;
+    }
+    return (readString(nested, 'display') ??
+        readString(nested, 'en') ??
+        readString(nested, 'ar') ??
+        undefined);
+}
+function readString(value, key) {
+    if (!value || typeof value !== 'object') {
+        return undefined;
+    }
+    const result = value[key];
+    return typeof result === 'string' && result.length ? result : undefined;
+}
+function resolveNumber(value) {
+    return typeof value === 'number' ? value : undefined;
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ClientModulePreview };
+//# sourceMappingURL=masterteam-client-components-client-module-preview.mjs.map

package/fesm2022/masterteam-client-components-client-module-preview.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masterteam-client-components-client-module-preview.mjs","sources":["../../../../packages/masterteam/client-components/client-module-preview/client-module-preview.ts","../../../../packages/masterteam/client-components/client-module-preview/client-module-preview.html","../../../../packages/masterteam/client-components/client-module-preview/masterteam-client-components-client-module-preview.ts"],"sourcesContent":["import {\n  Component,\n  computed,\n  effect,\n  inject,\n  input,\n  output,\n  signal,\n  untracked,\n  OnDestroy,\n} from '@angular/core';\nimport { Subscription } from 'rxjs';\n\nimport {\n  EntitiesPreview,\n  EntityData,\n  EntityLookupValue,\n  EntitySize,\n  EntityStatusValue,\n  EntityUserValue,\n  EntityViewType,\n} from '@masterteam/components/entities';\nimport {\n  ClientFormApiService,\n  type ClientFormField,\n  type ClientPropertyItem,\n  type ProcessFormLoadRequest,\n  type ProcessFormLoadResponse,\n  type ProcessFormValue,\n} from '@masterteam/forms/client-form';\n\nconst WIDTH_TO_ENTITY_SIZE: Record<string, EntitySize> = {\n  '25': 6,\n  '50': 12,\n  '100': 24,\n};\n\n@Component({\n  selector: 'mt-client-module-preview',\n  standalone: true,\n  imports: [EntitiesPreview],\n  templateUrl: './client-module-preview.html',\n})\nexport class ClientModulePreview implements OnDestroy {\n  private readonly api = inject(ClientFormApiService);\n  private loadSub?: Subscription;\n\n  readonly moduleKey = input.required<string>();\n  readonly operationKey = input.required<string>();\n  readonly moduleId = input<number>();\n  readonly levelId = input<number>();\n  readonly levelDataId = input<number>();\n  readonly moduleDataId = input<number>();\n  readonly requestSchemaId = input<number>();\n  readonly draftProcessId = input<number>();\n  readonly preview = input(false);\n\n  readonly autoLoad = input(true);\n  readonly lang = input<'en' | 'ar'>('en');\n  readonly formMode = input<'create' | 'edit'>('create');\n\n  readonly loaded = output<ProcessFormLoadResponse>();\n  readonly errored = output<string>();\n\n  readonly loading = signal(false);\n  readonly error = signal<string | null>(null);\n  readonly response = signal<ProcessFormLoadResponse | null>(null);\n\n  readonly entities = computed(() =>\n    mapResponseToEntities(this.response(), this.lang(), this.formMode()),\n  );\n\n  constructor() {\n    effect(() => {\n      const autoLoad = this.autoLoad();\n      const moduleKey = this.moduleKey();\n      const operationKey = this.operationKey();\n\n      this.moduleId();\n      this.levelId();\n      this.levelDataId();\n      this.moduleDataId();\n      this.requestSchemaId();\n      this.draftProcessId();\n      this.preview();\n\n      if (autoLoad && moduleKey && operationKey) {\n        untracked(() => this.load());\n      }\n    });\n  }\n\n  load(): void {\n    if (this.loading()) return;\n\n    this.loadSub?.unsubscribe();\n    this.loading.set(true);\n    this.error.set(null);\n\n    this.loadSub = this.api.load(this.buildLoadRequest()).subscribe({\n      next: (response) => {\n        this.loading.set(false);\n\n        if (response.code === 1 && response.data) {\n          this.response.set(response.data);\n          this.loaded.emit(response.data);\n          return;\n        }\n\n        const message = response.message ?? 'Failed to load module preview';\n        this.response.set(null);\n        this.error.set(message);\n        this.errored.emit(message);\n      },\n      error: (error) => {\n        this.loading.set(false);\n        this.response.set(null);\n        const message =\n          error?.error?.message ??\n          error?.message ??\n          'Failed to load module preview';\n        this.error.set(message);\n        this.errored.emit(message);\n      },\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.loadSub?.unsubscribe();\n  }\n\n  private buildLoadRequest(): ProcessFormLoadRequest {\n    return {\n      moduleKey: this.moduleKey(),\n      operationKey: this.operationKey(),\n      moduleId: this.moduleId(),\n      levelId: this.levelId(),\n      levelDataId: this.levelDataId(),\n      moduleDataId: this.moduleDataId(),\n      requestSchemaId: this.requestSchemaId(),\n      draftProcessId: this.draftProcessId(),\n      preview: this.preview(),\n    };\n  }\n}\n\nfunction mapResponseToEntities(\n  response: ProcessFormLoadResponse | null,\n  lang: 'en' | 'ar',\n  formMode: 'create' | 'edit',\n): EntityData[] {\n  if (!response?.formConfiguration?.sections?.length) {\n    return [];\n  }\n\n  const valueByKey = new Map<string, ProcessFormValue>();\n  for (const value of response.values ?? []) {\n    valueByKey.set(value.propertyKey, value);\n  }\n\n  const entities: EntityData[] = [];\n  const sections = [...response.formConfiguration.sections].sort(\n    (a, b) => a.order - b.order,\n  );\n  const seen = new Set<string>();\n  let order = 0;\n\n  for (const section of sections) {\n    const fields = [...(section.fields ?? [])]\n      .filter((field) => isVisibleField(field, formMode))\n      .sort((a, b) => a.order - b.order);\n\n    for (const field of fields) {\n      if (!field.propertyKey || seen.has(field.propertyKey)) {\n        continue;\n      }\n\n      const property = field.propertyMetadata ?? field.property;\n      if (!property) {\n        continue;\n      }\n\n      seen.add(field.propertyKey);\n      const viewType = toEntityViewType(property.viewType);\n      const entityValue = mapEntityValue(\n        valueByKey.get(field.propertyKey)?.value,\n        viewType,\n      );\n\n      entities.push({\n        id: resolveNumber(property.propertyId),\n        propertyId: resolveNumber(property.propertyId),\n        key: property.key ?? field.propertyKey,\n        normalizedKey: readString(property, 'normalizedKey'),\n        name: resolvePropertyName(property, lang) || field.propertyKey,\n        value: entityValue.value,\n        rawValue: entityValue.rawValue,\n        viewType,\n        order: order++,\n        configuration: {\n          size: WIDTH_TO_ENTITY_SIZE[field.width] ?? 24,\n        },\n      });\n    }\n  }\n\n  return entities;\n}\n\nfunction isVisibleField(\n  field: ClientFormField,\n  formMode: 'create' | 'edit',\n): boolean {\n  if (field.isRead === false) {\n    return false;\n  }\n\n  return formMode === 'create'\n    ? !field.hiddenInCreation\n    : !field.hiddenInEditForm;\n}\n\nfunction resolvePropertyName(\n  property: ClientPropertyItem,\n  lang: 'en' | 'ar',\n): string {\n  if (typeof property.name === 'string') {\n    return property.name;\n  }\n\n  const name = property.name;\n  if (!name || typeof name !== 'object') {\n    return property.key;\n  }\n\n  return (\n    readString(name, 'display') ??\n    readString(name, lang) ??\n    readString(name, lang === 'en' ? 'ar' : 'en') ??\n    property.key\n  );\n}\n\nfunction toEntityViewType(viewType?: string): EntityViewType {\n  switch (viewType) {\n    case 'LongText':\n    case 'Date':\n    case 'DateTime':\n    case 'Percentage':\n    case 'Status':\n    case 'Currency':\n    case 'Checkbox':\n    case 'User':\n    case 'Lookup':\n      return viewType;\n    default:\n      return 'Text';\n  }\n}\n\nfunction mapEntityValue(\n  value: unknown,\n  viewType: EntityViewType,\n): Pick<EntityData, 'value' | 'rawValue'> {\n  switch (viewType) {\n    case 'User': {\n      const userValue = mapUserValue(value);\n      return {\n        value: userValue,\n        rawValue: userValue.displayName ?? userValue.userName ?? '',\n      };\n    }\n    case 'Status':\n      return mapStatusLikeValue(value);\n    case 'Lookup':\n      return mapLookupValue(value);\n    case 'Percentage':\n      return mapPercentageValue(value);\n    case 'Checkbox':\n      return mapCheckboxValue(value);\n    default: {\n      const displayValue = resolveDisplayValue(value);\n      return {\n        value: displayValue,\n        rawValue: resolveRawValue(value) ?? displayValue,\n      };\n    }\n  }\n}\n\nfunction mapUserValue(value: unknown): EntityUserValue {\n  if (!value || typeof value !== 'object') {\n    const displayName = resolveDisplayValue(value);\n    return {\n      displayName,\n      userName: displayName,\n    };\n  }\n\n  return {\n    id: readString(value, 'id'),\n    userName: readString(value, 'userName'),\n    displayName:\n      readString(value, 'displayName') ??\n      readString(value, 'fullName') ??\n      readNestedDisplay(value, 'name') ??\n      readString(value, 'userName') ??\n      '',\n    photoUrl: readString(value, 'photoUrl'),\n    phoneNumber:\n      readString(value, 'phoneNumber') ?? readString(value, 'mobileNumber'),\n    email: readString(value, 'email') ?? readString(value, 'emailAddress'),\n  };\n}\n\nfunction mapStatusLikeValue(\n  value: unknown,\n): Pick<EntityData, 'value' | 'rawValue'> {\n  const display =\n    readNestedDisplay(value, 'name') ??\n    readString(value, 'display') ??\n    resolveDisplayValue(value);\n\n  const statusValue: EntityStatusValue = {\n    key: readString(value, 'key') ?? display,\n    display,\n    color: readString(value, 'color') ?? '#64748b',\n    description: readNestedDisplay(value, 'description') ?? undefined,\n  };\n\n  return {\n    value: statusValue,\n    rawValue: display,\n  };\n}\n\nfunction mapLookupValue(\n  value: unknown,\n): Pick<EntityData, 'value' | 'rawValue'> {\n  const display =\n    readNestedDisplay(value, 'name') ??\n    readString(value, 'display') ??\n    resolveDisplayValue(value);\n\n  const lookupValue: EntityLookupValue = {\n    key: readString(value, 'key') ?? display,\n    display,\n    color: readString(value, 'color') ?? '#64748b',\n    description: readNestedDisplay(value, 'description') ?? undefined,\n  };\n\n  return {\n    value: lookupValue,\n    rawValue: display,\n  };\n}\n\nfunction mapPercentageValue(\n  value: unknown,\n): Pick<EntityData, 'value' | 'rawValue'> {\n  const rawValue = resolveRawValue(value) ?? '';\n  const displayValue = resolveDisplayValue(value);\n\n  if (!rawValue && !displayValue) {\n    return { value: '', rawValue: '' };\n  }\n\n  const normalizedRaw = rawValue.replace(/%/g, '').trim();\n  const normalizedDisplay =\n    displayValue.includes('%') || !displayValue.length\n      ? displayValue\n      : `${displayValue}%`;\n\n  return {\n    value: normalizedDisplay || `${normalizedRaw}%`,\n    rawValue: normalizedRaw || rawValue,\n  };\n}\n\nfunction mapCheckboxValue(\n  value: unknown,\n): Pick<EntityData, 'value' | 'rawValue'> {\n  const rawValue = resolveBooleanString(value);\n  return {\n    value: rawValue,\n    rawValue,\n  };\n}\n\nfunction resolveBooleanString(value: unknown): string {\n  if (typeof value === 'boolean') {\n    return String(value);\n  }\n\n  const displayValue = resolveDisplayValue(value).trim().toLowerCase();\n  if (displayValue === 'true' || displayValue === 'false') {\n    return displayValue;\n  }\n\n  return '';\n}\n\nfunction resolveDisplayValue(value: unknown): string {\n  if (typeof value === 'string') {\n    return value;\n  }\n\n  if (typeof value === 'number' || typeof value === 'boolean') {\n    return String(value);\n  }\n\n  if (!value || typeof value !== 'object') {\n    return '';\n  }\n\n  return (\n    readString(value, 'display') ??\n    readString(value, 'displayValue') ??\n    readString(value, 'actualValue') ??\n    readString(value, 'displayName') ??\n    readString(value, 'fullName') ??\n    readString(value, 'userName') ??\n    readNestedDisplay(value, 'name') ??\n    readString(value, 'key') ??\n    ''\n  );\n}\n\nfunction resolveRawValue(value: unknown): string | undefined {\n  if (!value || typeof value !== 'object') {\n    return value === null || value === undefined ? undefined : String(value);\n  }\n\n  return (\n    readString(value, 'actualValue') ??\n    readString(value, 'value') ??\n    readString(value, 'displayValue') ??\n    undefined\n  );\n}\n\nfunction readNestedDisplay(value: unknown, key: string): string | undefined {\n  if (!value || typeof value !== 'object') {\n    return undefined;\n  }\n\n  const nested = (value as Record<string, unknown>)[key];\n  if (!nested || typeof nested !== 'object') {\n    return undefined;\n  }\n\n  return (\n    readString(nested, 'display') ??\n    readString(nested, 'en') ??\n    readString(nested, 'ar') ??\n    undefined\n  );\n}\n\nfunction readString(value: unknown, key: string): string | undefined {\n  if (!value || typeof value !== 'object') {\n    return undefined;\n  }\n\n  const result = (value as Record<string, unknown>)[key];\n  return typeof result === 'string' && result.length ? result : undefined;\n}\n\nfunction resolveNumber(value: unknown): number | undefined {\n  return typeof value === 'number' ? value : undefined;\n}\n","@if (loading()) {\n  <div class=\"grid grid-cols-1 gap-3 md:grid-cols-2\">\n    @for (item of [1, 2, 3, 4]; track item) {\n      <div class=\"rounded-2xl border border-surface-200 bg-surface-50 p-4\">\n        <div class=\"mb-3 h-4 w-28 animate-pulse rounded bg-surface-200\"></div>\n        <div class=\"h-5 w-40 animate-pulse rounded bg-surface-200\"></div>\n      </div>\n    }\n  </div>\n} @else if (error()) {\n  <div\n    class=\"flex min-h-[22rem] items-center justify-center rounded-2xl border border-dashed border-surface-300 bg-surface-50 p-6\"\n  >\n    <p class=\"max-w-md text-center text-sm text-surface-500\">\n      {{ error() }}\n    </p>\n  </div>\n} @else if (entities().length) {\n  <mt-entities-preview [entities]=\"entities()\" />\n} @else {\n  <div\n    class=\"flex min-h-[22rem] items-center justify-center rounded-2xl border border-dashed border-surface-300 bg-surface-50 p-6\"\n  >\n    <p class=\"max-w-md text-center text-sm text-surface-500\">\n      No preview data is available for this context.\n    </p>\n  </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/masterteam-client-components-escalation-runtime.mjs

@@ -149,7 +149,7 @@ class EscalationAddDialog {
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EscalationAddDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: EscalationAddDialog, isStandalone: true, selector: "mt-escalation-add-dialog", inputs: { context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: true, transformFunction: null }, currentUserDisplayName: { classPropertyName: "currentUserDisplayName", publicName: "currentUserDisplayName", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [class]=\"modal.contentClass + ' p-4 flex flex-col gap-4'\">\r\n  <form class=\"col-span-1\">\r\n    <mt-dynamic-form\r\n      [formConfig]=\"dynamicFormConfig()\"\r\n      [formControl]=\"escalationFormControl\"\r\n    />\r\n  </form>\r\n\r\n  @if (submitError(); as errorMessage) {\r\n    <div\r\n      class=\"rounded-xl border border-red-200 bg-red-50 p-4 text-sm text-red-700\"\r\n      role=\"alert\"\r\n    >\r\n      {{ errorMessage }}\r\n    </div>\r\n  }\r\n</div>\r\n\r\n<div [class]=\"modal.footerClass + ' flex items-center justify-end gap-2'\">\r\n  <mt-button\r\n    label=\"Cancel\"\r\n    severity=\"secondary\"\r\n    [disabled]=\"isSubmitting()\"\r\n    (onClick)=\"close()\"\r\n  />\r\n\r\n  <mt-button\r\n    label=\"Escalation Up\"\r\n    [loading]=\"isSubmitting()\"\r\n    [disabled]=\"isSubmitting() || !escalationFormControl.valid\"\r\n    (onClick)=\"createEscalation()\"\r\n  />\r\n</div>\r\n", dependencies: [{ kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: DynamicForm, selector: "mt-dynamic-form", inputs: ["formConfig", "forcedHiddenFieldKeys", "preserveForcedHiddenValues"], outputs: ["runtimeMessagesChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: EscalationAddDialog, isStandalone: true, selector: "mt-escalation-add-dialog", inputs: { context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: true, transformFunction: null }, currentUserDisplayName: { classPropertyName: "currentUserDisplayName", publicName: "currentUserDisplayName", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [class]=\"modal.contentClass + ' p-4 flex flex-col gap-4'\">\r\n  <form class=\"col-span-1\">\r\n    <mt-dynamic-form\r\n      [formConfig]=\"dynamicFormConfig()\"\r\n      [formControl]=\"escalationFormControl\"\r\n    />\r\n  </form>\r\n\r\n  @if (submitError(); as errorMessage) {\r\n    <div\r\n      class=\"rounded-xl border border-red-200 bg-red-50 p-4 text-sm text-red-700\"\r\n      role=\"alert\"\r\n    >\r\n      {{ errorMessage }}\r\n    </div>\r\n  }\r\n</div>\r\n\r\n<div [class]=\"modal.footerClass + ' flex items-center justify-end gap-2'\">\r\n  <mt-button\r\n    label=\"Cancel\"\r\n    severity=\"secondary\"\r\n    [disabled]=\"isSubmitting()\"\r\n    (onClick)=\"close()\"\r\n  />\r\n\r\n  <mt-button\r\n    label=\"Escalation Up\"\r\n    [loading]=\"isSubmitting()\"\r\n    [disabled]=\"isSubmitting() || !escalationFormControl.valid\"\r\n    (onClick)=\"createEscalation()\"\r\n  />\r\n</div>\r\n", dependencies: [{ kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: DynamicForm, selector: "mt-dynamic-form", inputs: ["formConfig", "forcedHiddenFieldKeys", "preserveForcedHiddenValues", "visibleSectionKeys"], outputs: ["runtimeMessagesChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: EscalationAddDialog, decorators: [{
             type: Component,

package/fesm2022/masterteam-client-components-escalation-runtime.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"masterteam-client-components-escalation-runtime.mjs","sources":["../../../../packages/masterteam/client-components/escalation-runtime/escalation-runtime.service.ts","../../../../packages/masterteam/client-components/escalation-runtime/escalation-add-dialog.ts","../../../../packages/masterteam/client-components/escalation-runtime/escalation-add-dialog.html","../../../../packages/masterteam/client-components/escalation-runtime/masterteam-client-components-escalation-runtime.ts"],"sourcesContent":["import { HttpClient } from '@angular/common/http';\r\nimport { Injectable, inject } from '@angular/core';\r\nimport { map } from 'rxjs';\r\nimport {\r\n  CreateEscalationPayload,\r\n  CreateEscalationResponseData,\r\n  EscalationRuntimeContext,\r\n  Response,\r\n} from './escalation-runtime.model';\r\n\r\n@Injectable({\r\n  providedIn: 'root',\r\n})\r\nexport class EscalationRuntimeService {\r\n  private readonly http = inject(HttpClient);\r\n\r\n  createEscalation(\r\n    context: EscalationRuntimeContext,\r\n    payload: CreateEscalationPayload,\r\n  ) {\r\n    return this.http\r\n      .post<\r\n        Response<CreateEscalationResponseData>\r\n      >(`levels/${context.levelId}/${context.levelDataId}/escalations`, payload)\r\n      .pipe(map((response) => response.data));\r\n  }\r\n}\r\n","import {\r\n  Component,\r\n  DestroyRef,\r\n  computed,\r\n  effect,\r\n  inject,\r\n  input,\r\n  signal,\r\n} from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\r\nimport {\r\n  DateFieldConfig,\r\n  DynamicFormConfig,\r\n  TextFieldConfig,\r\n  TextareaFieldConfig,\r\n  UploadFileFieldConfig,\r\n  ValidatorConfig,\r\n} from '@masterteam/components';\r\nimport { Button } from '@masterteam/components/button';\r\nimport { ModalRef } from '@masterteam/components/dialog';\r\nimport { ModalService } from '@masterteam/components/modal';\r\nimport { DynamicForm } from '@masterteam/forms/dynamic-form';\r\nimport { finalize } from 'rxjs';\r\nimport { EscalationRuntimeService } from './escalation-runtime.service';\r\nimport {\r\n  CreateEscalationPayload,\r\n  EscalationCreateResult,\r\n  EscalationRuntimeContext,\r\n} from './escalation-runtime.model';\r\n\r\ninterface EscalationAddFormValue {\r\n  startDate: Date;\r\n  escalatedBy: string;\r\n  reason: string;\r\n  attachments: EscalationAttachmentValue | null;\r\n}\r\n\r\ninterface EscalationAttachmentValue {\r\n  fileName?: string | null;\r\n}\r\n\r\n@Component({\r\n  selector: 'mt-escalation-add-dialog',\r\n  standalone: true,\r\n  imports: [Button, DynamicForm, ReactiveFormsModule],\r\n  templateUrl: './escalation-add-dialog.html',\r\n})\r\nexport default class EscalationAddDialog {\r\n  readonly modal = inject(ModalService);\r\n  readonly ref = inject(ModalRef);\r\n  private readonly destroyRef = inject(DestroyRef);\r\n  private readonly escalationRuntimeService = inject(EscalationRuntimeService);\r\n  private readonly startedAt = new Date();\r\n\r\n  readonly context = input.required<EscalationRuntimeContext>();\r\n  readonly currentUserDisplayName = input('Current User');\r\n  readonly escalationFormControl = new FormControl<EscalationAddFormValue>(\r\n    {\r\n      startDate: this.startedAt,\r\n      escalatedBy: '',\r\n      reason: '',\r\n      attachments: null,\r\n    },\r\n    { nonNullable: true },\r\n  );\r\n\r\n  readonly resolvedCurrentUserDisplayName = computed(\r\n    () => this.currentUserDisplayName().trim() || 'Current User',\r\n  );\r\n  readonly isSubmitting = signal(false);\r\n  readonly submitError = signal<string | null>(null);\r\n  readonly dynamicFormConfig = computed<DynamicFormConfig>(() => ({\r\n    sections: [\r\n      {\r\n        key: 'escalation-runtime',\r\n        type: 'header',\r\n        label: '',\r\n        fields: [\r\n          new TextFieldConfig({\r\n            key: 'escalatedBy',\r\n            label: 'Escalated By',\r\n            disabled: true,\r\n            colSpan: 12,\r\n            order: 1,\r\n          }),\r\n          new DateFieldConfig({\r\n            key: 'startDate',\r\n            label: 'Start Date',\r\n            disabled: true,\r\n            showIcon: true,\r\n            colSpan: 6,\r\n            order: 2,\r\n          }),\r\n          new TextareaFieldConfig({\r\n            key: 'reason',\r\n            label: 'Reason',\r\n            placeholder: 'Describe the escalation reason',\r\n            validators: [ValidatorConfig.required()],\r\n            rows: 3,\r\n            autoResize: true,\r\n            colSpan: 12,\r\n            order: 3,\r\n          }),\r\n          new UploadFileFieldConfig({\r\n            key: 'attachments',\r\n            label: 'Attachments',\r\n            title: 'Attachments',\r\n            description: 'Upload supporting files',\r\n            shape: 'card',\r\n            colSpan: 12,\r\n            order: 4,\r\n          }),\r\n        ],\r\n      },\r\n    ],\r\n  }));\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      this.escalationFormControl.setValue(\r\n        {\r\n          ...this.escalationFormControl.getRawValue(),\r\n          startDate: this.startedAt,\r\n          escalatedBy: this.resolvedCurrentUserDisplayName(),\r\n        },\r\n        { emitEvent: false },\r\n      );\r\n    });\r\n  }\r\n\r\n  createEscalation(): void {\r\n    if (this.isSubmitting()) {\r\n      return;\r\n    }\r\n\r\n    this.submitError.set(null);\r\n\r\n    if (this.escalationFormControl.invalid) {\r\n      this.escalationFormControl.markAllAsTouched();\r\n      return;\r\n    }\r\n\r\n    const payload = this.buildPayload();\r\n    if (!payload.reason) {\r\n      this.submitError.set('Reason is required.');\r\n      this.escalationFormControl.markAllAsTouched();\r\n      return;\r\n    }\r\n\r\n    this.isSubmitting.set(true);\r\n\r\n    this.escalationRuntimeService\r\n      .createEscalation(this.context(), payload)\r\n      .pipe(\r\n        finalize(() => this.isSubmitting.set(false)),\r\n        takeUntilDestroyed(this.destroyRef),\r\n      )\r\n      .subscribe({\r\n        next: (response) => {\r\n          const result: EscalationCreateResult = {\r\n            instanceId: response.instanceId,\r\n            moduleDataId: payload.moduleDataId,\r\n          };\r\n          this.ref.close(result);\r\n        },\r\n        error: (error) => {\r\n          this.submitError.set(\r\n            error?.error?.message ?? 'Failed to create escalation.',\r\n          );\r\n        },\r\n      });\r\n  }\r\n\r\n  close(): void {\r\n    if (this.isSubmitting()) {\r\n      return;\r\n    }\r\n\r\n    this.ref.close();\r\n  }\r\n\r\n  private buildPayload(): CreateEscalationPayload {\r\n    const formValue = this.escalationFormControl.getRawValue();\r\n\r\n    return {\r\n      moduleDataId: this.context().moduleDataId,\r\n      reason: formValue.reason.trim(),\r\n      notes: '',\r\n      attachments: formValue.attachments?.fileName\r\n        ? [formValue.attachments.fileName]\r\n        : [],\r\n    };\r\n  }\r\n}\r\n","<div [class]=\"modal.contentClass + ' p-4 flex flex-col gap-4'\">\r\n  <form class=\"col-span-1\">\r\n    <mt-dynamic-form\r\n      [formConfig]=\"dynamicFormConfig()\"\r\n      [formControl]=\"escalationFormControl\"\r\n    />\r\n  </form>\r\n\r\n  @if (submitError(); as errorMessage) {\r\n    <div\r\n      class=\"rounded-xl border border-red-200 bg-red-50 p-4 text-sm text-red-700\"\r\n      role=\"alert\"\r\n    >\r\n      {{ errorMessage }}\r\n    </div>\r\n  }\r\n</div>\r\n\r\n<div [class]=\"modal.footerClass + ' flex items-center justify-end gap-2'\">\r\n  <mt-button\r\n    label=\"Cancel\"\r\n    severity=\"secondary\"\r\n    [disabled]=\"isSubmitting()\"\r\n    (onClick)=\"close()\"\r\n  />\r\n\r\n  <mt-button\r\n    label=\"Escalation Up\"\r\n    [loading]=\"isSubmitting()\"\r\n    [disabled]=\"isSubmitting() || !escalationFormControl.valid\"\r\n    (onClick)=\"createEscalation()\"\r\n  />\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"masterteam-client-components-escalation-runtime.mjs","sources":["../../../../packages/masterteam/client-components/escalation-runtime/escalation-runtime.service.ts","../../../../packages/masterteam/client-components/escalation-runtime/escalation-add-dialog.ts","../../../../packages/masterteam/client-components/escalation-runtime/escalation-add-dialog.html","../../../../packages/masterteam/client-components/escalation-runtime/masterteam-client-components-escalation-runtime.ts"],"sourcesContent":["import { HttpClient } from '@angular/common/http';\r\nimport { Injectable, inject } from '@angular/core';\r\nimport { map } from 'rxjs';\r\nimport {\r\n  CreateEscalationPayload,\r\n  CreateEscalationResponseData,\r\n  EscalationRuntimeContext,\r\n  Response,\r\n} from './escalation-runtime.model';\r\n\r\n@Injectable({\r\n  providedIn: 'root',\r\n})\r\nexport class EscalationRuntimeService {\r\n  private readonly http = inject(HttpClient);\r\n\r\n  createEscalation(\r\n    context: EscalationRuntimeContext,\r\n    payload: CreateEscalationPayload,\r\n  ) {\r\n    return this.http\r\n      .post<\r\n        Response<CreateEscalationResponseData>\r\n      >(`levels/${context.levelId}/${context.levelDataId}/escalations`, payload)\r\n      .pipe(map((response) => response.data));\r\n  }\r\n}\r\n","import {\r\n  Component,\r\n  DestroyRef,\r\n  computed,\r\n  effect,\r\n  inject,\r\n  input,\r\n  signal,\r\n} from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\r\nimport {\r\n  DateFieldConfig,\r\n  DynamicFormConfig,\r\n  TextFieldConfig,\r\n  TextareaFieldConfig,\r\n  UploadFileFieldConfig,\r\n  ValidatorConfig,\r\n} from '@masterteam/components';\r\nimport { Button } from '@masterteam/components/button';\r\nimport { ModalRef } from '@masterteam/components/dialog';\r\nimport { ModalService } from '@masterteam/components/modal';\r\nimport { DynamicForm } from '@masterteam/forms/dynamic-form';\r\nimport { finalize } from 'rxjs';\r\nimport { EscalationRuntimeService } from './escalation-runtime.service';\r\nimport {\r\n  CreateEscalationPayload,\r\n  EscalationCreateResult,\r\n  EscalationRuntimeContext,\r\n} from './escalation-runtime.model';\r\n\r\ninterface EscalationAddFormValue {\r\n  startDate: Date;\r\n  escalatedBy: string;\r\n  reason: string;\r\n  attachments: EscalationAttachmentValue | null;\r\n}\r\n\r\ninterface EscalationAttachmentValue {\r\n  fileName?: string | null;\r\n}\r\n\r\n@Component({\r\n  selector: 'mt-escalation-add-dialog',\r\n  standalone: true,\r\n  imports: [Button, DynamicForm, ReactiveFormsModule],\r\n  templateUrl: './escalation-add-dialog.html',\r\n})\r\nexport default class EscalationAddDialog {\r\n  readonly modal = inject(ModalService);\r\n  readonly ref = inject(ModalRef);\r\n  private readonly destroyRef = inject(DestroyRef);\r\n  private readonly escalationRuntimeService = inject(EscalationRuntimeService);\r\n  private readonly startedAt = new Date();\r\n\r\n  readonly context = input.required<EscalationRuntimeContext>();\r\n  readonly currentUserDisplayName = input('Current User');\r\n  readonly escalationFormControl = new FormControl<EscalationAddFormValue>(\r\n    {\r\n      startDate: this.startedAt,\r\n      escalatedBy: '',\r\n      reason: '',\r\n      attachments: null,\r\n    },\r\n    { nonNullable: true },\r\n  );\r\n\r\n  readonly resolvedCurrentUserDisplayName = computed(\r\n    () => this.currentUserDisplayName().trim() || 'Current User',\r\n  );\r\n  readonly isSubmitting = signal(false);\r\n  readonly submitError = signal<string | null>(null);\r\n  readonly dynamicFormConfig = computed<DynamicFormConfig>(() => ({\r\n    sections: [\r\n      {\r\n        key: 'escalation-runtime',\r\n        type: 'header',\r\n        label: '',\r\n        fields: [\r\n          new TextFieldConfig({\r\n            key: 'escalatedBy',\r\n            label: 'Escalated By',\r\n            disabled: true,\r\n            colSpan: 12,\r\n            order: 1,\r\n          }),\r\n          new DateFieldConfig({\r\n            key: 'startDate',\r\n            label: 'Start Date',\r\n            disabled: true,\r\n            showIcon: true,\r\n            colSpan: 6,\r\n            order: 2,\r\n          }),\r\n          new TextareaFieldConfig({\r\n            key: 'reason',\r\n            label: 'Reason',\r\n            placeholder: 'Describe the escalation reason',\r\n            validators: [ValidatorConfig.required()],\r\n            rows: 3,\r\n            autoResize: true,\r\n            colSpan: 12,\r\n            order: 3,\r\n          }),\r\n          new UploadFileFieldConfig({\r\n            key: 'attachments',\r\n            label: 'Attachments',\r\n            title: 'Attachments',\r\n            description: 'Upload supporting files',\r\n            shape: 'card',\r\n            colSpan: 12,\r\n            order: 4,\r\n          }),\r\n        ],\r\n      },\r\n    ],\r\n  }));\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      this.escalationFormControl.setValue(\r\n        {\r\n          ...this.escalationFormControl.getRawValue(),\r\n          startDate: this.startedAt,\r\n          escalatedBy: this.resolvedCurrentUserDisplayName(),\r\n        },\r\n        { emitEvent: false },\r\n      );\r\n    });\r\n  }\r\n\r\n  createEscalation(): void {\r\n    if (this.isSubmitting()) {\r\n      return;\r\n    }\r\n\r\n    this.submitError.set(null);\r\n\r\n    if (this.escalationFormControl.invalid) {\r\n      this.escalationFormControl.markAllAsTouched();\r\n      return;\r\n    }\r\n\r\n    const payload = this.buildPayload();\r\n    if (!payload.reason) {\r\n      this.submitError.set('Reason is required.');\r\n      this.escalationFormControl.markAllAsTouched();\r\n      return;\r\n    }\r\n\r\n    this.isSubmitting.set(true);\r\n\r\n    this.escalationRuntimeService\r\n      .createEscalation(this.context(), payload)\r\n      .pipe(\r\n        finalize(() => this.isSubmitting.set(false)),\r\n        takeUntilDestroyed(this.destroyRef),\r\n      )\r\n      .subscribe({\r\n        next: (response) => {\r\n          const result: EscalationCreateResult = {\r\n            instanceId: response.instanceId,\r\n            moduleDataId: payload.moduleDataId,\r\n          };\r\n          this.ref.close(result);\r\n        },\r\n        error: (error) => {\r\n          this.submitError.set(\r\n            error?.error?.message ?? 'Failed to create escalation.',\r\n          );\r\n        },\r\n      });\r\n  }\r\n\r\n  close(): void {\r\n    if (this.isSubmitting()) {\r\n      return;\r\n    }\r\n\r\n    this.ref.close();\r\n  }\r\n\r\n  private buildPayload(): CreateEscalationPayload {\r\n    const formValue = this.escalationFormControl.getRawValue();\r\n\r\n    return {\r\n      moduleDataId: this.context().moduleDataId,\r\n      reason: formValue.reason.trim(),\r\n      notes: '',\r\n      attachments: formValue.attachments?.fileName\r\n        ? [formValue.attachments.fileName]\r\n        : [],\r\n    };\r\n  }\r\n}\r\n","<div [class]=\"modal.contentClass + ' p-4 flex flex-col gap-4'\">\r\n  <form class=\"col-span-1\">\r\n    <mt-dynamic-form\r\n      [formConfig]=\"dynamicFormConfig()\"\r\n      [formControl]=\"escalationFormControl\"\r\n    />\r\n  </form>\r\n\r\n  @if (submitError(); as errorMessage) {\r\n    <div\r\n      class=\"rounded-xl border border-red-200 bg-red-50 p-4 text-sm text-red-700\"\r\n      role=\"alert\"\r\n    >\r\n      {{ errorMessage }}\r\n    </div>\r\n  }\r\n</div>\r\n\r\n<div [class]=\"modal.footerClass + ' flex items-center justify-end gap-2'\">\r\n  <mt-button\r\n    label=\"Cancel\"\r\n    severity=\"secondary\"\r\n    [disabled]=\"isSubmitting()\"\r\n    (onClick)=\"close()\"\r\n  />\r\n\r\n  <mt-button\r\n    label=\"Escalation Up\"\r\n    [loading]=\"isSubmitting()\"\r\n    [disabled]=\"isSubmitting() || !escalationFormControl.valid\"\r\n    (onClick)=\"createEscalation()\"\r\n  />\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;MAaa,wBAAwB,CAAA;AAClB,IAAA,IAAI,GAAG,MAAM,CAAC,UAAU,CAAC;IAE1C,gBAAgB,CACd,OAAiC,EACjC,OAAgC,EAAA;QAEhC,OAAO,IAAI,CAAC;AACT,aAAA,IAAI,CAEH,CAAA,OAAA,EAAU,OAAO,CAAC,OAAO,CAAA,CAAA,EAAI,OAAO,CAAC,WAAW,CAAA,YAAA,CAAc,EAAE,OAAO;AACxE,aAAA,IAAI,CAAC,GAAG,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC3C;uGAZW,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAxB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,cAFvB,MAAM,EAAA,CAAA;;2FAEP,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAHpC,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA;;;ACoCa,MAAO,mBAAmB,CAAA;AAC7B,IAAA,KAAK,GAAG,MAAM,CAAC,YAAY,CAAC;AAC5B,IAAA,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC;AACd,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAC/B,IAAA,wBAAwB,GAAG,MAAM,CAAC,wBAAwB,CAAC;AAC3D,IAAA,SAAS,GAAG,IAAI,IAAI,EAAE;AAE9B,IAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,kDAA4B;AACpD,IAAA,sBAAsB,GAAG,KAAK,CAAC,cAAc,kEAAC;IAC9C,qBAAqB,GAAG,IAAI,WAAW,CAC9C;QACE,SAAS,EAAE,IAAI,CAAC,SAAS;AACzB,QAAA,WAAW,EAAE,EAAE;AACf,QAAA,MAAM,EAAE,EAAE;AACV,QAAA,WAAW,EAAE,IAAI;AAClB,KAAA,EACD,EAAE,WAAW,EAAE,IAAI,EAAE,CACtB;AAEQ,IAAA,8BAA8B,GAAG,QAAQ,CAChD,MAAM,IAAI,CAAC,sBAAsB,EAAE,CAAC,IAAI,EAAE,IAAI,cAAc,0EAC7D;AACQ,IAAA,YAAY,GAAG,MAAM,CAAC,KAAK,wDAAC;AAC5B,IAAA,WAAW,GAAG,MAAM,CAAgB,IAAI,uDAAC;AACzC,IAAA,iBAAiB,GAAG,QAAQ,CAAoB,OAAO;AAC9D,QAAA,QAAQ,EAAE;AACR,YAAA;AACE,gBAAA,GAAG,EAAE,oBAAoB;AACzB,gBAAA,IAAI,EAAE,QAAQ;AACd,gBAAA,KAAK,EAAE,EAAE;AACT,gBAAA,MAAM,EAAE;AACN,oBAAA,IAAI,eAAe,CAAC;AAClB,wBAAA,GAAG,EAAE,aAAa;AAClB,wBAAA,KAAK,EAAE,cAAc;AACrB,wBAAA,QAAQ,EAAE,IAAI;AACd,wBAAA,OAAO,EAAE,EAAE;AACX,wBAAA,KAAK,EAAE,CAAC;qBACT,CAAC;AACF,oBAAA,IAAI,eAAe,CAAC;AAClB,wBAAA,GAAG,EAAE,WAAW;AAChB,wBAAA,KAAK,EAAE,YAAY;AACnB,wBAAA,QAAQ,EAAE,IAAI;AACd,wBAAA,QAAQ,EAAE,IAAI;AACd,wBAAA,OAAO,EAAE,CAAC;AACV,wBAAA,KAAK,EAAE,CAAC;qBACT,CAAC;AACF,oBAAA,IAAI,mBAAmB,CAAC;AACtB,wBAAA,GAAG,EAAE,QAAQ;AACb,wBAAA,KAAK,EAAE,QAAQ;AACf,wBAAA,WAAW,EAAE,gCAAgC;AAC7C,wBAAA,UAAU,EAAE,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC;AACxC,wBAAA,IAAI,EAAE,CAAC;AACP,wBAAA,UAAU,EAAE,IAAI;AAChB,wBAAA,OAAO,EAAE,EAAE;AACX,wBAAA,KAAK,EAAE,CAAC;qBACT,CAAC;AACF,oBAAA,IAAI,qBAAqB,CAAC;AACxB,wBAAA,GAAG,EAAE,aAAa;AAClB,wBAAA,KAAK,EAAE,aAAa;AACpB,wBAAA,KAAK,EAAE,aAAa;AACpB,wBAAA,WAAW,EAAE,yBAAyB;AACtC,wBAAA,KAAK,EAAE,MAAM;AACb,wBAAA,OAAO,EAAE,EAAE;AACX,wBAAA,KAAK,EAAE,CAAC;qBACT,CAAC;AACH,iBAAA;AACF,aAAA;AACF,SAAA;AACF,KAAA,CAAC,6DAAC;AAEH,IAAA,WAAA,GAAA;QACE,MAAM,CAAC,MAAK;AACV,YAAA,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CACjC;AACE,gBAAA,GAAG,IAAI,CAAC,qBAAqB,CAAC,WAAW,EAAE;gBAC3C,SAAS,EAAE,IAAI,CAAC,SAAS;AACzB,gBAAA,WAAW,EAAE,IAAI,CAAC,8BAA8B,EAAE;AACnD,aAAA,EACD,EAAE,SAAS,EAAE,KAAK,EAAE,CACrB;AACH,QAAA,CAAC,CAAC;IACJ;IAEA,gBAAgB,GAAA;AACd,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE;YACvB;QACF;AAEA,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC;AAE1B,QAAA,IAAI,IAAI,CAAC,qBAAqB,CAAC,OAAO,EAAE;AACtC,YAAA,IAAI,CAAC,qBAAqB,CAAC,gBAAgB,EAAE;YAC7C;QACF;AAEA,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,EAAE;AACnC,QAAA,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;AACnB,YAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,qBAAqB,CAAC;AAC3C,YAAA,IAAI,CAAC,qBAAqB,CAAC,gBAAgB,EAAE;YAC7C;QACF;AAEA,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC;AAE3B,QAAA,IAAI,CAAC;AACF,aAAA,gBAAgB,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,OAAO;aACxC,IAAI,CACH,QAAQ,CAAC,MAAM,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAC5C,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC;AAEpC,aAAA,SAAS,CAAC;AACT,YAAA,IAAI,EAAE,CAAC,QAAQ,KAAI;AACjB,gBAAA,MAAM,MAAM,GAA2B;oBACrC,UAAU,EAAE,QAAQ,CAAC,UAAU;oBAC/B,YAAY,EAAE,OAAO,CAAC,YAAY;iBACnC;AACD,gBAAA,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC;YACxB,CAAC;AACD,YAAA,KAAK,EAAE,CAAC,KAAK,KAAI;AACf,gBAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAClB,KAAK,EAAE,KAAK,EAAE,OAAO,IAAI,8BAA8B,CACxD;YACH,CAAC;AACF,SAAA,CAAC;IACN;IAEA,KAAK,GAAA;AACH,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE;YACvB;QACF;AAEA,QAAA,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE;IAClB;IAEQ,YAAY,GAAA;QAClB,MAAM,SAAS,GAAG,IAAI,CAAC,qBAAqB,CAAC,WAAW,EAAE;QAE1D,OAAO;AACL,YAAA,YAAY,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,YAAY;AACzC,YAAA,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE;AAC/B,YAAA,KAAK,EAAE,EAAE;AACT,YAAA,WAAW,EAAE,SAAS,CAAC,WAAW,EAAE;AAClC,kBAAE,CAAC,SAAS,CAAC,WAAW,CAAC,QAAQ;AACjC,kBAAE,EAAE;SACP;IACH;uGAjJmB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,wYChDxC,+5BAiCA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDYY,MAAM,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,eAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,WAAW,oMAAE,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,8CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,sGAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAG/B,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBANvC,SAAS;+BACE,0BAA0B,EAAA,UAAA,EACxB,IAAI,EAAA,OAAA,EACP,CAAC,MAAM,EAAE,WAAW,EAAE,mBAAmB,CAAC,EAAA,QAAA,EAAA,+5BAAA,EAAA;;;AE7CrD;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@masterteam/client-components",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "publishConfig": {
     "directory": "../../../dist/masterteam/client-components",
     "linkDirectory": true,
@@ -10,15 +10,15 @@
     "@angular/common": "^21.0.3",
     "@angular/core": "^21.0.3",
     "@angular/forms": "^21.0.3",
-    "@masterteam/forms": "^0.0.43",
     "@tailwindcss/postcss": "^4.1.17",
     "postcss": "^8.5.6",
     "primeng": "21.0.1",
     "rxjs": "^7.8.2",
     "tailwindcss": "^4.1.17",
     "tailwindcss-primeui": "^0.6.1",
-    "@masterteam/components": "^0.0.97",
-    "@masterteam/dashboard-builder": "^0.0.3"
+    "@masterteam/forms": "^0.0.45",
+    "@masterteam/dashboard-builder": "^0.0.4",
+    "@masterteam/components": "^0.0.98"
   },
   "dependencies": {
     "tslib": "^2.8.1"
@@ -38,9 +38,13 @@
       "types": "./types/masterteam-client-components-client-list.d.ts",
       "default": "./fesm2022/masterteam-client-components-client-list.mjs"
     },
+    "./client-module-preview": {
+      "types": "./types/masterteam-client-components-client-module-preview.d.ts",
+      "default": "./fesm2022/masterteam-client-components-client-module-preview.mjs"
+    },
     "./escalation-runtime": {
       "types": "./types/masterteam-client-components-escalation-runtime.d.ts",
       "default": "./fesm2022/masterteam-client-components-escalation-runtime.mjs"
     }
   }
-}
+}

package/types/masterteam-client-components-client-module-preview.d.ts

@@ -0,0 +1,35 @@
+import * as _angular_core from '@angular/core';
+import { OnDestroy } from '@angular/core';
+import { EntityData } from '@masterteam/components/entities';
+import { ProcessFormLoadResponse } from '@masterteam/forms/client-form';
+
+declare class ClientModulePreview implements OnDestroy {
+    private readonly api;
+    private loadSub?;
+    readonly moduleKey: _angular_core.InputSignal<string>;
+    readonly operationKey: _angular_core.InputSignal<string>;
+    readonly moduleId: _angular_core.InputSignal<number | undefined>;
+    readonly levelId: _angular_core.InputSignal<number | undefined>;
+    readonly levelDataId: _angular_core.InputSignal<number | undefined>;
+    readonly moduleDataId: _angular_core.InputSignal<number | undefined>;
+    readonly requestSchemaId: _angular_core.InputSignal<number | undefined>;
+    readonly draftProcessId: _angular_core.InputSignal<number | undefined>;
+    readonly preview: _angular_core.InputSignal<boolean>;
+    readonly autoLoad: _angular_core.InputSignal<boolean>;
+    readonly lang: _angular_core.InputSignal<"en" | "ar">;
+    readonly formMode: _angular_core.InputSignal<"create" | "edit">;
+    readonly loaded: _angular_core.OutputEmitterRef<ProcessFormLoadResponse>;
+    readonly errored: _angular_core.OutputEmitterRef<string>;
+    readonly loading: _angular_core.WritableSignal<boolean>;
+    readonly error: _angular_core.WritableSignal<string | null>;
+    readonly response: _angular_core.WritableSignal<ProcessFormLoadResponse | null>;
+    readonly entities: _angular_core.Signal<EntityData[]>;
+    constructor();
+    load(): void;
+    ngOnDestroy(): void;
+    private buildLoadRequest;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClientModulePreview, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClientModulePreview, "mt-client-module-preview", never, { "moduleKey": { "alias": "moduleKey"; "required": true; "isSignal": true; }; "operationKey": { "alias": "operationKey"; "required": true; "isSignal": true; }; "moduleId": { "alias": "moduleId"; "required": false; "isSignal": true; }; "levelId": { "alias": "levelId"; "required": false; "isSignal": true; }; "levelDataId": { "alias": "levelDataId"; "required": false; "isSignal": true; }; "moduleDataId": { "alias": "moduleDataId"; "required": false; "isSignal": true; }; "requestSchemaId": { "alias": "requestSchemaId"; "required": false; "isSignal": true; }; "draftProcessId": { "alias": "draftProcessId"; "required": false; "isSignal": true; }; "preview": { "alias": "preview"; "required": false; "isSignal": true; }; "autoLoad": { "alias": "autoLoad"; "required": false; "isSignal": true; }; "lang": { "alias": "lang"; "required": false; "isSignal": true; }; "formMode": { "alias": "formMode"; "required": false; "isSignal": true; }; }, { "loaded": "loaded"; "errored": "errored"; }, never, never, true, never>;
+}
+
+export { ClientModulePreview };