@epistola.app/valtimo-plugin 0.0.1 → 0.1.1

package/package.json

@@ -1,25 +1,24 @@
 {
   "name": "@epistola.app/valtimo-plugin",
-  "version": "0.0.1",
+  "version": "0.1.1",
   "description": "Epistola document generation plugin for Valtimo",
   "license": "EUPL-1.2",
-  "module": "dist/fesm2022/epistola.app-valtimo-plugin.mjs",
-  "typings": "dist/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/epistola-app/valtimo-epistola-plugin"
+  },
+  "module": "fesm2022/epistola.app-valtimo-plugin.mjs",
+  "typings": "index.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/fesm2022/epistola.app-valtimo-plugin.mjs"
+      "types": "./index.d.ts",
+      "default": "./fesm2022/epistola.app-valtimo-plugin.mjs"
     }
   },
   "sideEffects": false,
-  "scripts": {
-    "build": "ng-packagr -p ng-package.json",
-    "watch": "ng-packagr -p ng-package.json --watch",
-    "test": "echo 'No tests configured yet'"
-  },
   "peerDependencies": {
     "@angular/common": ">=17.0.0",
     "@angular/core": ">=17.0.0",
@@ -31,8 +30,5 @@
   },
   "dependencies": {
     "tslib": "^2.6.0"
-  },
-  "devDependencies": {
-    "ng-packagr": "^19.0.0"
   }
 }

package/ng-package.json

@@ -1,17 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "dist",
-  "lib": {
-    "entryFile": "src/public_api.ts"
-  },
-  "allowedNonPeerDependencies": [
-    "@angular/common",
-    "@angular/core",
-    "@angular/forms",
-    "@valtimo/plugin",
-    "@valtimo/components",
-    "@ngx-translate/core",
-    "rxjs",
-    "tslib"
-  ]
-}

package/src/lib/assets/epistola-logo.ts

@@ -1,4 +0,0 @@
-// Placeholder logo - a simple document icon in SVG format, base64 encoded
-// TODO: Replace with actual Epistola logo
-export const EPISTOLA_PLUGIN_LOGO_BASE64 =
-  'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzMzNjZjYyI+PHBhdGggZD0iTTE0IDJINmMtMS4xIDAtMiAuOS0yIDJ2MTZjMCAxLjEuOSAyIDIgMmgxMmMxLjEgMCAyLS45IDItMlY4bC02LTZ6bTQgMThINlY0aDd2NWg1djExeiIvPjxwYXRoIGQ9Ik04IDEyaDh2Mkg4em0wIDRoOHYtMkg4em0wLThWNmg0djJ6Ii8+PC9zdmc+';

package/src/lib/assets/index.ts

@@ -1 +0,0 @@
-export * from './epistola-logo';

package/src/lib/components/check-job-status-configuration/check-job-status-configuration.component.html

@@ -1,51 +0,0 @@
-<v-form
-    (valueChange)="formValueChange($event)"
-    *ngIf="{
-      disabled: safeDisabled$ | async,
-      prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null
-    } as obs"
->
-  <v-input
-    name="requestIdVariable"
-    [title]="'requestIdVariable' | pluginTranslate: pluginId | async"
-    [tooltip]="'requestIdVariableTooltip' | pluginTranslate: pluginId | async"
-    [margin]="true"
-    [defaultValue]="obs.prefill?.requestIdVariable || 'epistolaRequestId'"
-    [disabled]="obs.disabled"
-    [required]="true"
-  >
-  </v-input>
-
-  <v-input
-    name="statusVariable"
-    [title]="'statusVariable' | pluginTranslate: pluginId | async"
-    [tooltip]="'statusVariableTooltip' | pluginTranslate: pluginId | async"
-    [margin]="true"
-    [defaultValue]="obs.prefill?.statusVariable || 'epistolaStatus'"
-    [disabled]="obs.disabled"
-    [required]="true"
-  >
-  </v-input>
-
-  <v-input
-    name="documentIdVariable"
-    [title]="'documentIdVariable' | pluginTranslate: pluginId | async"
-    [tooltip]="'documentIdVariableTooltip' | pluginTranslate: pluginId | async"
-    [margin]="true"
-    [defaultValue]="obs.prefill?.documentIdVariable || 'epistolaDocumentId'"
-    [disabled]="obs.disabled"
-    [required]="false"
-  >
-  </v-input>
-
-  <v-input
-    name="errorMessageVariable"
-    [title]="'errorMessageVariable' | pluginTranslate: pluginId | async"
-    [tooltip]="'errorMessageVariableTooltip' | pluginTranslate: pluginId | async"
-    [margin]="true"
-    [defaultValue]="obs.prefill?.errorMessageVariable || 'epistolaErrorMessage'"
-    [disabled]="obs.disabled"
-    [required]="false"
-  >
-  </v-input>
-</v-form>

package/src/lib/components/check-job-status-configuration/check-job-status-configuration.component.scss

@@ -1 +0,0 @@
-// Check job status configuration styles

package/src/lib/components/check-job-status-configuration/check-job-status-configuration.component.ts

@@ -1,71 +0,0 @@
-import {Component, EventEmitter, Input, OnDestroy, OnInit, Output} from '@angular/core';
-import {CommonModule} from '@angular/common';
-import {FunctionConfigurationComponent, PluginTranslatePipeModule} from '@valtimo/plugin';
-import {FormModule, FormOutput, InputModule} from '@valtimo/components';
-import {BehaviorSubject, combineLatest, Observable, Subscription, take} from 'rxjs';
-import {delay, startWith} from 'rxjs/operators';
-import {CheckJobStatusConfig} from '../../models';
-
-@Component({
-  selector: 'epistola-check-job-status-configuration',
-  templateUrl: './check-job-status-configuration.component.html',
-  styleUrls: ['./check-job-status-configuration.component.scss'],
-  standalone: true,
-  imports: [CommonModule, PluginTranslatePipeModule, FormModule, InputModule]
-})
-export class CheckJobStatusConfigurationComponent
-  implements FunctionConfigurationComponent, OnInit, OnDestroy
-{
-  @Input() save$!: Observable<void>;
-  @Input() disabled$!: Observable<boolean>;
-  @Input() pluginId!: string;
-  @Input() prefillConfiguration$!: Observable<CheckJobStatusConfig>;
-
-  @Output() valid: EventEmitter<boolean> = new EventEmitter<boolean>();
-  @Output() configuration: EventEmitter<CheckJobStatusConfig> = new EventEmitter<CheckJobStatusConfig>();
-
-  private saveSubscription!: Subscription;
-  private readonly formValue$ = new BehaviorSubject<CheckJobStatusConfig | null>(null);
-  private readonly valid$ = new BehaviorSubject<boolean>(false);
-
-  safeDisabled$!: Observable<boolean>;
-
-  ngOnInit(): void {
-    this.safeDisabled$ = this.disabled$.pipe(
-      startWith(true),
-      delay(0)
-    );
-    this.openSaveSubscription();
-  }
-
-  ngOnDestroy() {
-    this.saveSubscription?.unsubscribe();
-  }
-
-  formValueChange(formOutput: FormOutput): void {
-    const formValue = formOutput as unknown as CheckJobStatusConfig;
-    this.formValue$.next(formValue);
-    this.handleValid(formValue);
-  }
-
-  private handleValid(formValue: CheckJobStatusConfig): void {
-    const valid = !!(
-      formValue?.requestIdVariable &&
-      formValue?.statusVariable
-    );
-    this.valid$.next(valid);
-    this.valid.emit(valid);
-  }
-
-  private openSaveSubscription(): void {
-    this.saveSubscription = this.save$?.subscribe(() => {
-      combineLatest([this.formValue$, this.valid$])
-        .pipe(take(1))
-        .subscribe(([formValue, valid]) => {
-          if (valid && formValue) {
-            this.configuration.emit(formValue);
-          }
-        });
-    });
-  }
-}

package/src/lib/components/data-mapping-tree/data-mapping-tree.component.html

@@ -1,23 +0,0 @@
-<div class="data-mapping-tree">
-  <div class="mapping-header">
-    <h5>{{ 'dataMappingTitle' | pluginTranslate: pluginId | async }}</h5>
-    <p class="helper-text">{{ 'dataMappingDescription' | pluginTranslate: pluginId | async }}</p>
-  </div>
-
-  <div class="field-tree-root" *ngIf="templateFields.length > 0">
-    <epistola-field-tree
-      *ngFor="let field of templateFields"
-      [field]="field"
-      [value]="getFieldValue(field.name)"
-      [pluginId]="pluginId"
-      [caseDefinitionKey]="caseDefinitionKey"
-      [processVariables]="processVariables"
-      [disabled]="disabled"
-      (valueChange)="onFieldValueChange(field.name, $event)"
-    ></epistola-field-tree>
-  </div>
-
-  <div class="no-fields" *ngIf="templateFields.length === 0">
-    <p>{{ 'noTemplateFields' | pluginTranslate: pluginId | async }}</p>
-  </div>
-</div>

package/src/lib/components/data-mapping-tree/data-mapping-tree.component.scss

@@ -1,38 +0,0 @@
-.data-mapping-tree {
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-}
-
-.mapping-header {
-  margin-bottom: 0.75rem;
-
-  h5 {
-    margin-bottom: 0.25rem;
-    font-weight: 600;
-  }
-
-  .helper-text {
-    color: #6c757d;
-    font-size: 0.875rem;
-    margin-bottom: 0;
-  }
-}
-
-.field-tree-root {
-  border: 1px solid #e0e0e0;
-  border-radius: 4px;
-  padding: 0.5rem 0.75rem;
-}
-
-.no-fields {
-  padding: 1rem;
-  text-align: center;
-  color: #6c757d;
-  background-color: #f8f9fa;
-  border: 1px solid #dee2e6;
-  border-radius: 4px;
-
-  p {
-    margin-bottom: 0;
-  }
-}

package/src/lib/components/data-mapping-tree/data-mapping-tree.component.ts

@@ -1,124 +0,0 @@
-import {Component, EventEmitter, Input, OnDestroy, OnInit, Output} from '@angular/core';
-import {CommonModule} from '@angular/common';
-import {PluginTranslatePipeModule} from '@valtimo/plugin';
-import {Observable, Subject} from 'rxjs';
-import {takeUntil} from 'rxjs/operators';
-import {TemplateField} from '../../models';
-import {FieldTreeComponent} from '../field-tree/field-tree.component';
-
-/**
- * Top-level wrapper that hosts FieldTreeComponent instances for each top-level template field.
- * Manages the full nested mapping object, completeness tracking, and emits mapping changes.
- */
-@Component({
-  selector: 'epistola-data-mapping-tree',
-  templateUrl: './data-mapping-tree.component.html',
-  styleUrls: ['./data-mapping-tree.component.scss'],
-  standalone: true,
-  imports: [
-    CommonModule,
-    PluginTranslatePipeModule,
-    FieldTreeComponent
-  ]
-})
-export class DataMappingTreeComponent implements OnInit, OnDestroy {
-  @Input() pluginId!: string;
-  @Input() templateFields$!: Observable<TemplateField[]>;
-  @Input() prefillMapping$!: Observable<Record<string, any>>;
-  @Input() disabled$!: Observable<boolean>;
-  @Input() caseDefinitionKey: string | null = null;
-  @Input() processVariables: string[] = [];
-
-  @Output() mappingChange = new EventEmitter<Record<string, any>>();
-  @Output() requiredFieldsStatus = new EventEmitter<{mapped: number; total: number}>();
-
-  templateFields: TemplateField[] = [];
-  mapping: Record<string, any> = {};
-  disabled = false;
-
-  private readonly destroy$ = new Subject<void>();
-
-  ngOnInit(): void {
-    this.templateFields$.pipe(
-      takeUntil(this.destroy$)
-    ).subscribe(fields => {
-      this.templateFields = fields;
-      this.emitRequiredFieldsStatus();
-    });
-
-    this.prefillMapping$.pipe(
-      takeUntil(this.destroy$)
-    ).subscribe(mapping => {
-      if (mapping && Object.keys(mapping).length > 0) {
-        this.mapping = {...mapping};
-      }
-      this.emitRequiredFieldsStatus();
-    });
-
-    this.disabled$.pipe(
-      takeUntil(this.destroy$)
-    ).subscribe(disabled => {
-      this.disabled = disabled;
-    });
-  }
-
-  ngOnDestroy(): void {
-    this.destroy$.next();
-    this.destroy$.complete();
-  }
-
-  onFieldValueChange(fieldName: string, value: any): void {
-    if (value === undefined || value === null || value === '') {
-      const {[fieldName]: _, ...rest} = this.mapping;
-      this.mapping = rest;
-    } else {
-      this.mapping = {...this.mapping, [fieldName]: value};
-    }
-    this.mappingChange.emit(this.mapping);
-    this.emitRequiredFieldsStatus();
-  }
-
-  getFieldValue(fieldName: string): any {
-    return this.mapping[fieldName];
-  }
-
-  private emitRequiredFieldsStatus(): void {
-    const stats = this.countRequiredMapped(this.templateFields, this.mapping);
-    this.requiredFieldsStatus.emit(stats);
-  }
-
-  private countRequiredMapped(
-    fields: TemplateField[],
-    mapping: Record<string, any>
-  ): {mapped: number; total: number} {
-    let mapped = 0;
-    let total = 0;
-    for (const field of fields) {
-      if (field.fieldType === 'SCALAR' && field.required) {
-        total++;
-        const val = mapping[field.name];
-        if (typeof val === 'string' && val.trim().length > 0) {
-          mapped++;
-        }
-      } else if (field.fieldType === 'ARRAY' && field.required) {
-        total++;
-        const val = mapping[field.name];
-        if (typeof val === 'string' && val.trim().length > 0) {
-          mapped++;
-        } else if (typeof val === 'object' && val !== null && '_source' in val) {
-          if (typeof val['_source'] === 'string' && val['_source'].trim().length > 0) {
-            mapped++;
-          }
-        }
-      } else if (field.fieldType === 'OBJECT' && field.children) {
-        const nested = (typeof mapping[field.name] === 'object' && mapping[field.name] !== null)
-          ? mapping[field.name]
-          : {};
-        const childStats = this.countRequiredMapped(field.children, nested);
-        mapped += childStats.mapped;
-        total += childStats.total;
-      }
-    }
-    return {mapped, total};
-  }
-}

package/src/lib/components/download-document-configuration/download-document-configuration.component.html

@@ -1,29 +0,0 @@
-<v-form
-    (valueChange)="formValueChange($event)"
-    *ngIf="{
-      disabled: safeDisabled$ | async,
-      prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null
-    } as obs"
->
-  <v-input
-    name="documentIdVariable"
-    [title]="'documentIdVariable' | pluginTranslate: pluginId | async"
-    [tooltip]="'documentIdVariableTooltip' | pluginTranslate: pluginId | async"
-    [margin]="true"
-    [defaultValue]="obs.prefill?.documentIdVariable || 'epistolaDocumentId'"
-    [disabled]="obs.disabled"
-    [required]="true"
-  >
-  </v-input>
-
-  <v-input
-    name="contentVariable"
-    [title]="'contentVariable' | pluginTranslate: pluginId | async"
-    [tooltip]="'contentVariableTooltip' | pluginTranslate: pluginId | async"
-    [margin]="true"
-    [defaultValue]="obs.prefill?.contentVariable || 'documentContent'"
-    [disabled]="obs.disabled"
-    [required]="true"
-  >
-  </v-input>
-</v-form>

package/src/lib/components/download-document-configuration/download-document-configuration.component.scss

@@ -1 +0,0 @@
-// Download document configuration styles

package/src/lib/components/download-document-configuration/download-document-configuration.component.ts

@@ -1,71 +0,0 @@
-import {Component, EventEmitter, Input, OnDestroy, OnInit, Output} from '@angular/core';
-import {CommonModule} from '@angular/common';
-import {FunctionConfigurationComponent, PluginTranslatePipeModule} from '@valtimo/plugin';
-import {FormModule, FormOutput, InputModule} from '@valtimo/components';
-import {BehaviorSubject, combineLatest, Observable, Subscription, take} from 'rxjs';
-import {delay, startWith} from 'rxjs/operators';
-import {DownloadDocumentConfig} from '../../models';
-
-@Component({
-  selector: 'epistola-download-document-configuration',
-  templateUrl: './download-document-configuration.component.html',
-  styleUrls: ['./download-document-configuration.component.scss'],
-  standalone: true,
-  imports: [CommonModule, PluginTranslatePipeModule, FormModule, InputModule]
-})
-export class DownloadDocumentConfigurationComponent
-  implements FunctionConfigurationComponent, OnInit, OnDestroy
-{
-  @Input() save$!: Observable<void>;
-  @Input() disabled$!: Observable<boolean>;
-  @Input() pluginId!: string;
-  @Input() prefillConfiguration$!: Observable<DownloadDocumentConfig>;
-
-  @Output() valid: EventEmitter<boolean> = new EventEmitter<boolean>();
-  @Output() configuration: EventEmitter<DownloadDocumentConfig> = new EventEmitter<DownloadDocumentConfig>();
-
-  private saveSubscription!: Subscription;
-  private readonly formValue$ = new BehaviorSubject<DownloadDocumentConfig | null>(null);
-  private readonly valid$ = new BehaviorSubject<boolean>(false);
-
-  safeDisabled$!: Observable<boolean>;
-
-  ngOnInit(): void {
-    this.safeDisabled$ = this.disabled$.pipe(
-      startWith(true),
-      delay(0)
-    );
-    this.openSaveSubscription();
-  }
-
-  ngOnDestroy() {
-    this.saveSubscription?.unsubscribe();
-  }
-
-  formValueChange(formOutput: FormOutput): void {
-    const formValue = formOutput as unknown as DownloadDocumentConfig;
-    this.formValue$.next(formValue);
-    this.handleValid(formValue);
-  }
-
-  private handleValid(formValue: DownloadDocumentConfig): void {
-    const valid = !!(
-      formValue?.documentIdVariable &&
-      formValue?.contentVariable
-    );
-    this.valid$.next(valid);
-    this.valid.emit(valid);
-  }
-
-  private openSaveSubscription(): void {
-    this.saveSubscription = this.save$?.subscribe(() => {
-      combineLatest([this.formValue$, this.valid$])
-        .pipe(take(1))
-        .subscribe(([formValue, valid]) => {
-          if (valid && formValue) {
-            this.configuration.emit(formValue);
-          }
-        });
-    });
-  }
-}

package/src/lib/components/epistola-configuration/epistola-configuration.component.html

@@ -1,74 +0,0 @@
-<v-form
-    (valueChange)="formValueChange($event)"
-    *ngIf="{
-      disabled: safeDisabled$ | async,
-      prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null
-    } as obs"
->
-  <v-input
-    name="configurationTitle"
-    [title]="'configurationTitle' | pluginTranslate: pluginId | async"
-    [margin]="true"
-    [defaultValue]="obs.prefill?.configurationTitle"
-    [disabled]="obs.disabled"
-    [required]="true"
-  >
-  </v-input>
-
-  <v-input
-    name="baseUrl"
-    [title]="'baseUrl' | pluginTranslate: pluginId | async"
-    [tooltip]="'baseUrlTooltip' | pluginTranslate: pluginId | async"
-    [margin]="true"
-    [defaultValue]="obs.prefill?.baseUrl"
-    [disabled]="obs.disabled"
-    [required]="true"
-  >
-  </v-input>
-
-  <v-input
-    name="apiKey"
-    [title]="'apiKey' | pluginTranslate: pluginId | async"
-    [tooltip]="'apiKeyTooltip' | pluginTranslate: pluginId | async"
-    [margin]="true"
-    [defaultValue]="obs.prefill?.apiKey"
-    [disabled]="obs.disabled"
-    [required]="true"
-    type="password"
-  >
-  </v-input>
-
-  <v-input
-    name="tenantId"
-    [title]="'tenantId' | pluginTranslate: pluginId | async"
-    [tooltip]="'tenantIdTooltip' | pluginTranslate: pluginId | async"
-    [margin]="true"
-    [defaultValue]="obs.prefill?.tenantId"
-    [disabled]="obs.disabled"
-    [required]="true"
-  >
-  </v-input>
-
-  <v-input
-    name="defaultEnvironmentId"
-    [title]="'defaultEnvironmentId' | pluginTranslate: pluginId | async"
-    [tooltip]="'defaultEnvironmentIdTooltip' | pluginTranslate: pluginId | async"
-    [margin]="true"
-    [defaultValue]="obs.prefill?.defaultEnvironmentId"
-    [disabled]="obs.disabled"
-    [required]="false"
-  >
-  </v-input>
-
-  <v-input
-    name="templateSyncEnabled"
-    type="checkbox"
-    [title]="'templateSyncEnabled' | pluginTranslate: pluginId | async"
-    [tooltip]="'templateSyncEnabledTooltip' | pluginTranslate: pluginId | async"
-    [margin]="true"
-    [defaultValue]="obs.prefill?.templateSyncEnabled ? 'true' : ''"
-    [disabled]="obs.disabled"
-    [required]="false"
-  >
-  </v-input>
-</v-form>

package/src/lib/components/epistola-configuration/epistola-configuration.component.scss

@@ -1 +0,0 @@
-// Epistola plugin configuration styles

package/src/lib/components/epistola-configuration/epistola-configuration.component.ts

@@ -1,96 +0,0 @@
-import {Component, EventEmitter, Input, OnDestroy, OnInit, Output} from '@angular/core';
-import {CommonModule} from '@angular/common';
-import {PluginConfigurationComponent, PluginTranslatePipeModule} from '@valtimo/plugin';
-import {FormModule, FormOutput, InputModule} from '@valtimo/components';
-import {BehaviorSubject, combineLatest, Observable, Subscription, take} from 'rxjs';
-import {delay, startWith} from 'rxjs/operators';
-import {EpistolaPluginConfig} from '../../models';
-
-@Component({
-  selector: 'epistola-configuration',
-  templateUrl: './epistola-configuration.component.html',
-  styleUrls: ['./epistola-configuration.component.scss'],
-  standalone: true,
-  imports: [CommonModule, PluginTranslatePipeModule, FormModule, InputModule]
-})
-export class EpistolaConfigurationComponent
-  implements PluginConfigurationComponent, OnInit, OnDestroy
-{
-  @Input() save$!: Observable<void>;
-  @Input() disabled$!: Observable<boolean>;
-  @Input() pluginId!: string;
-  @Input() prefillConfiguration$!: Observable<EpistolaPluginConfig>;
-
-  @Output() valid: EventEmitter<boolean> = new EventEmitter<boolean>();
-  @Output() configuration: EventEmitter<EpistolaPluginConfig> = new EventEmitter<EpistolaPluginConfig>();
-
-  /** Epistola slug pattern: lowercase alphanumeric with hyphens, no leading/trailing hyphens. */
-  private static readonly SLUG_PATTERN = /^[a-z][a-z0-9]*(-[a-z0-9]+)*$/;
-
-  private saveSubscription!: Subscription;
-  private readonly formValue$ = new BehaviorSubject<EpistolaPluginConfig | null>(null);
-  private readonly valid$ = new BehaviorSubject<boolean>(false);
-
-  safeDisabled$!: Observable<boolean>;
-
-  ngOnInit(): void {
-    // Wrap disabled$ with startWith and delay to prevent NG0100 ExpressionChangedAfterItHasBeenCheckedError
-    // The disabled$ observable from Valtimo's plugin framework can emit value changes after Angular's
-    // change detection cycle completes, causing the error.
-    this.safeDisabled$ = this.disabled$.pipe(
-      startWith(true),
-      delay(0)
-    );
-    this.openSaveSubscription();
-  }
-
-  ngOnDestroy() {
-    this.saveSubscription?.unsubscribe();
-  }
-
-  formValueChange(formOutput: FormOutput): void {
-    const formValue = formOutput as unknown as EpistolaPluginConfig;
-    this.formValue$.next(formValue);
-    this.handleValid(formValue);
-  }
-
-  private handleValid(formValue: EpistolaPluginConfig): void {
-    const valid = !!(
-      formValue?.configurationTitle &&
-      formValue?.baseUrl &&
-      formValue?.apiKey &&
-      formValue?.tenantId &&
-      this.isValidSlug(formValue.tenantId, 3, 63) &&
-      this.isValidOptionalSlug(formValue.defaultEnvironmentId, 3, 30)
-    );
-    this.valid$.next(valid);
-    this.valid.emit(valid);
-  }
-
-  private isValidSlug(value: string, minLength: number, maxLength: number): boolean {
-    return (
-      value.length >= minLength &&
-      value.length <= maxLength &&
-      EpistolaConfigurationComponent.SLUG_PATTERN.test(value)
-    );
-  }
-
-  private isValidOptionalSlug(value: string | undefined, minLength: number, maxLength: number): boolean {
-    if (!value) {
-      return true;
-    }
-    return this.isValidSlug(value, minLength, maxLength);
-  }
-
-  private openSaveSubscription(): void {
-    this.saveSubscription = this.save$?.subscribe(() => {
-      combineLatest([this.formValue$, this.valid$])
-        .pipe(take(1))
-        .subscribe(([formValue, valid]) => {
-          if (valid) {
-            this.configuration.emit(formValue);
-          }
-        });
-    });
-  }
-}