mstate-angular 0.2.1 → 0.2.2

package/src/lib/mstate-angular/mstate-angular.component.ts

@@ -1,186 +0,0 @@
-import {
-  Component,
-  Input,
-  OnChanges,
-  OnInit,
-  SimpleChanges,
-} from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { Theme, Variable } from '../common/enum';
-import { ActionFormComponent } from '../action-form/action-form.component';
-import { MstateAngularHelper } from '../mstate-angular.helper';
-import { MstateAngularService } from '../mstate-angular.service';
-import { catchError, finalize } from 'rxjs';
-import { EvaluatedAction } from '../interfaces/api.interface';
-import { ActionConfig } from '../interfaces/interface';
-import { ActionCardComponent } from '../components/action-card/action-card.component';
-import { LoaderComponent } from '../components/loader/loader.component';
-
-@Component({
-  selector: 'mstate-angular',
-  standalone: true,
-  imports: [
-    CommonModule,
-    ActionFormComponent,
-    ActionCardComponent,
-    LoaderComponent,
-  ],
-  providers: [MstateAngularHelper, MstateAngularService],
-  templateUrl: './mstate-angular.component.html',
-  styleUrl: './mstate-angular.component.scss',
-})
-export class MstateAngularComponent implements OnChanges, OnInit {
-  @Input({ required: true }) token: string = '';
-  @Input({ required: true }) workflow: string = '';
-  @Input() instanceID?: string;
-  /**
-   * @type {boolean}
-   * @default true
-   * @description Trigger if to start workflow.
-   */
-  @Input() start: boolean = true;
-  /**
-   * @type {'dark' | 'light' | 'system'}
-   * @default 'light'
-   * @description To change the color theme of mstate.
-   */
-  @Input() theme?: Theme;
-  /**
-   * @type {string}
-   * @description To Validate who are allowed to perform or see action.
-   */
-  @Input() who?: string;
-  /**
-   * Triggers whenever your current workflow moved to other.
-   * @param {string} newInstanceID - The new instance ID on which your current workflow moved.
-   * @returns {void}.
-   */
-  @Input() onInstanceChange?: (newInstanceID: string) => void;
-  /**
-   * Triggers when The Action execution is completed.
-   * @param {string} actionName - action name which you have executed at this moment.
-   * @returns {void}.
-   */
-  @Input() onSuccess?: (actionName: string) => void;
-  /**
-   * Triggers when Error occurs while performing any action.
-   * @param {unknown[]} errors - Error response from the api call done by Mstate.
-   * @returns {void}.
-   */
-  @Input() onError?: (errors: unknown[]) => void;
-  /**
-   * Handles your steps which contain Custom field module.
-   * @param {string} key - Which key you expect for getting the value.
-   * @returns {unknown} - whatever value you want to save in that custom field.
-   */
-  @Input() handleCustomField?: (key: string) => unknown;
-
-  //#region Variables & Events
-
-  protected isLoading = true;
-  protected triggerAgain = false;
-  protected errors: any[] = [];
-  protected errorMessages: string[] = [];
-  protected allowedActions: (EvaluatedAction | ActionConfig)[] = [];
-
-  constructor(
-    private mstateAngularHelper: MstateAngularHelper,
-    private mstateAngularService: MstateAngularService
-  ) {}
-
-  ngOnInit(): void {
-    if (this.start) this.setAllowedActions();
-  }
-
-  ngOnChanges(changes: SimpleChanges): void {
-    if (
-      this.mstateAngularHelper.detectChange(changes, [
-        Variable.START,
-        Variable.TRIGGER_AGAIN,
-      ])
-    ) {
-      if (this.start) this.setAllowedActions();
-    }
-
-    if (this.mstateAngularHelper.detectChange(changes, [Variable.ERRORS])) {
-      console.log({ mstateErrors: this.errors });
-      this.errorMessages = this.errors.filter((e) => typeof e === 'string');
-    }
-  }
-
-  //#endregion
-
-  //#region Handlers
-
-  private setAllowedActions() {
-    this.isLoading = true;
-
-    if (this.instanceID) {
-      this.mstateAngularService
-        .getCurrentActionsWithInstanceID({
-          instanceID: this.instanceID,
-          token: this.token,
-        })
-        .pipe(
-          catchError((err: any) => {
-            console.log(err);
-            throw err;
-          }),
-          finalize(() => {
-            this.isLoading = false;
-          })
-        )
-        .subscribe((data) => {
-          this.allowedActions = Object.values(data.data);
-        });
-    } else {
-      this.mstateAngularService
-        .getCurrentActionsWithoutInstanceID({
-          workflow: this.workflow,
-          token: this.token,
-        })
-        .pipe(
-          catchError((err: any) => {
-            console.log(err);
-            throw err;
-          }),
-          finalize(() => {
-            this.isLoading = false;
-          })
-        )
-        .subscribe((data) => {
-          this.allowedActions = Object.values(data.data);
-        });
-    }
-  }
-
-  handleExecuteAction(value: any, errors?: string[]) {
-    if (errors?.length) {
-      this.errors = errors;
-      value.instanceID = errors[0]
-        ?.split("instanceID='")
-        ?.pop()
-        ?.replace("'", '');
-    } else {
-      this.allowedActions = value.actions;
-    }
-
-    if (
-      value?.instanceID &&
-      value?.instanceID !== this.instanceID &&
-      !errors?.length
-    ) {
-      this.instanceID = value?.instanceID;
-
-      if (this.onInstanceChange) {
-        this.onInstanceChange(value?.instanceID);
-      }
-    }
-  }
-
-  handleError(config: ActionConfig) {
-    this.allowedActions = [config];
-  }
-
-  //#endregion
-}

package/src/lib/mstate-angular.helper.ts

@@ -1,35 +0,0 @@
-import { Injectable, SimpleChanges } from '@angular/core';
-import { Step, UserInput } from './interfaces/interface';
-
-@Injectable({
-  providedIn: 'root',
-})
-export class MstateAngularHelper {
-  detectChange(change: SimpleChanges, keys: string[]) {
-    for (const key of keys) {
-      if (change[key] && change[key].currentValue !== change[key].previousValue)
-        return true;
-    }
-
-    return false;
-  }
-
-  formatString(str: string = '') {
-    return str.toUpperCase().replace(/_/gi, ' ');
-  }
-
-  getObjectValue<T>(obj: any, target: string) {
-    const keys = target ? target.split('.') : [];
-
-    let cur: any = obj;
-    for (const key of keys) {
-      cur = cur?.[key];
-    }
-
-    return cur as T | undefined;
-  }
-
-  checkIsStep(step: Step | UserInput): step is Step {
-    return (step as Step)?.config !== undefined;
-  }
-}

package/src/lib/mstate-angular.module.ts

@@ -1,9 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { MstateAngularComponent } from './mstate-angular/mstate-angular.component';
-
-@NgModule({
-  imports: [CommonModule, MstateAngularComponent], // Import other necessary modules like CommonModule
-  exports: [MstateAngularComponent], // Export the pipe so it can be used externally
-})
-export class MstateAngularModule {}

package/src/lib/mstate-angular.service.ts

@@ -1,77 +0,0 @@
-import { HttpClient, HttpHeaders } from '@angular/common/http';
-import { Injectable } from '@angular/core';
-import { MSTATE_URL, TOKEN_KEY } from './common/constant';
-import { Route } from './common/enum';
-
-import {
-  GetCurrentActionsWithInstanceIDRequest,
-  GetCurrentActionsWithoutInstanceIDRequest,
-  GetCurrentActionsWithoutInstanceIDResponse,
-  MstateResponse,
-  PostExecuteActionRequest,
-  PostExecuteActionResponse,
-} from './interfaces/api.interface';
-import axios, { AxiosRequestConfig } from 'axios';
-import { ListMapper } from './interfaces/interface';
-import { MstateAngularHelper } from './mstate-angular.helper';
-
-@Injectable({
-  providedIn: 'root',
-})
-export class MstateAngularService {
-  private getHeaders(token: string) {
-    return new HttpHeaders({
-      'Content-Type': 'application/json',
-      [TOKEN_KEY]: token,
-    });
-  }
-
-  constructor(
-    private http: HttpClient,
-    private mstateHelper: MstateAngularHelper
-  ) {}
-
-  executeAction<T>(payload: PostExecuteActionRequest<T>) {
-    return this.http.post<MstateResponse<PostExecuteActionResponse>>(
-      `${MSTATE_URL}/${Route.EXECUTE_ACTION}`,
-      {
-        instanceID: payload.instanceID ?? '',
-        name: payload.workflow,
-        action: payload.action,
-      },
-      { headers: this.getHeaders(payload.token) }
-    );
-  }
-
-  getCurrentActionsWithInstanceID(
-    payload: GetCurrentActionsWithInstanceIDRequest
-  ) {
-    return this.http.get<
-      MstateResponse<GetCurrentActionsWithoutInstanceIDResponse>
-    >(
-      `${MSTATE_URL}/${Route.GET_CURRENT_ACTIONS_WITH_INSTANCE}/${payload.instanceID}`,
-      {
-        headers: this.getHeaders(payload.token),
-      }
-    );
-  }
-
-  getCurrentActionsWithoutInstanceID(
-    payload: GetCurrentActionsWithoutInstanceIDRequest
-  ) {
-    return this.http.get<
-      MstateResponse<GetCurrentActionsWithoutInstanceIDResponse>
-    >(
-      `${MSTATE_URL}/${Route.GET_CURRENT_ACTIONS_WITHOUT_INSTANCE}?name=${payload.workflow}`,
-      {
-        headers: this.getHeaders(payload.token),
-      }
-    );
-  }
-
-  async handleDropdownAPI(request: AxiosRequestConfig, target: string) {
-    const { data } = await axios(request);
-
-    return this.mstateHelper.getObjectValue<any>(data, target) ?? [];
-  }
-}

package/tsconfig.lib.json

@@ -1,14 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/lib",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "types": []
-  },
-  "exclude": [
-    "**/*.spec.ts"
-  ]
-}

package/tsconfig.lib.prod.json

@@ -1,10 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}

package/tsconfig.spec.json

@@ -1,14 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/spec",
-    "types": [
-      "jasmine"
-    ]
-  },
-  "include": [
-    "**/*.spec.ts",
-    "**/*.d.ts"
-  ]
-}