@piserve-tech/form-submission 1.3.317 → 1.3.319

package/src/sub-form/submission-modal/submission-modal.component.html

@@ -1,160 +0,0 @@
-<div class="mb-5">
-    <div class="modalHeader mb-4">
-        <div class="title-div">
-            <p class="title">{{subForm.title}}</p>
-        </div>
-        <div class="header-btn">
-            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" (click)="closeModal()">
-                <path d="M8 8L16 16" stroke="#1D252D" stroke-linecap="round" stroke-linejoin="round"/>
-                <path d="M16 8L8 16" stroke="#1D252D" stroke-linecap="round" stroke-linejoin="round"/>
-            </svg>
-        </div>
-    </div>
-
-    <div class="px-3" *ngFor="let row of subForm.rows">
-      <ng-container *ngFor="let formElement of row.grid">
-        <div *ngIf="formElement.entityType === 'QUESTION'">
-          <lib-check-box-fields
-            *ngIf="formElement.element.formElement.elementType === 'CHECK_BOX'"
-            [question]="formElement.element"
-          ></lib-check-box-fields>
-          <lib-date-time-fields
-            *ngIf="formElement.element.formElement.elementType === 'DATE_TIME'"
-            [question]="formElement.element"
-          ></lib-date-time-fields>
-          <lib-drop-down-fields
-            *ngIf="formElement.element.formElement.elementType === 'DROP_DOWN'"
-            [question]="formElement.element"
-          ></lib-drop-down-fields>
-          <lib-file-picker-fields
-            *ngIf="
-              formElement.element.formElement.elementType === 'FILE_PICKER'
-            "
-            [question]="formElement.element"
-          ></lib-file-picker-fields>
-          <lib-location-fields
-            *ngIf="formElement.element.formElement.elementType === 'LOCATION'"
-            [question]="formElement.element"
-          ></lib-location-fields>
-
-          <lib-mail-fields
-            *ngIf="formElement.element.formElement.elementType === 'EMAIL'"
-            [question]="formElement.element"
-          >
-          </lib-mail-fields>
-          <lib-mobile-fields
-            *ngIf="formElement.element.formElement.elementType === 'MOBILE'"
-            [question]="formElement.element"
-          >
-          </lib-mobile-fields>
-          <lib-number-fields
-            *ngIf="formElement.element.formElement.elementType === 'NUMBER'"
-            [question]="formElement.element"
-            [rowId]="'0'"
-          >
-          </lib-number-fields>
-          <lib-password-fields
-            *ngIf="formElement.element.formElement.elementType === 'PASSWORD'"
-            [question]="formElement.element"
-          >
-          </lib-password-fields>
-          <lib-radio-button-fields
-            *ngIf="
-              formElement.element.formElement.elementType === 'RADIO_BUTTON'
-            "
-            [question]="formElement.element"
-          ></lib-radio-button-fields>
-          <lib-rich-text-editor-fields
-            *ngIf="
-              formElement.element.formElement.elementType === 'RICH_TEXT_EDITOR'
-            "
-            [question]="formElement.element"
-          ></lib-rich-text-editor-fields>
-          <lib-selection-matrix-fields
-            *ngIf="
-              formElement.element.formElement.elementType === 'SELECTION_MATRIX'
-            "
-            [question]="formElement.element"
-            [acceptedLanguage] = "acceptedLanguage"
-          ></lib-selection-matrix-fields>
-          <lib-signature-fields
-            *ngIf="formElement.element.formElement.elementType === 'SIGNATURE'"
-            [question]="formElement.element"
-          ></lib-signature-fields>
-          <lib-slider-fields
-            *ngIf="formElement.element.formElement.elementType === 'SLIDER'"
-            [question]="formElement.element"
-          ></lib-slider-fields>
-          <lib-terms-and-condition-fields
-            *ngIf="
-              formElement.element.formElement.elementType ===
-              'TERMS_AND_CONDITION'
-            "
-            [question]="formElement.element"
-          ></lib-terms-and-condition-fields>
-          <lib-text-area-fields
-            *ngIf="formElement.element.formElement.elementType === 'TEXT_AREA'"
-            [question]="formElement.element"
-          ></lib-text-area-fields>
-          <lib-text-fields
-            *ngIf="formElement.element.formElement.elementType === 'TEXT_BOX'"
-            [question]="formElement.element"
-          ></lib-text-fields>
-          <lib-toggle-switch-fields
-            *ngIf="
-              formElement.element.formElement.elementType === 'TOGGLE_SWITCH'
-            "
-            [question]="formElement.element"
-            [acceptedLanguage] = "acceptedLanguage"
-          ></lib-toggle-switch-fields>
-          <lib-url-fields
-            *ngIf="formElement.element.formElement.elementType === 'URL'"
-            [question]="formElement.element"
-          ></lib-url-fields>
-          <lib-currency-fields
-            *ngIf="formElement.element.formElement.elementType === 'CURRENCY'"
-            [question]="formElement.element"
-          ></lib-currency-fields>
-          <lib-hidden-field
-            *ngIf="formElement.element.formElement.elementType === 'HIDDEN_FIELD'"
-            [question]="formElement.element"
-            ></lib-hidden-field>
-            <lib-iframe-fields
-            *ngIf="formElement.element.formElement.elementType === 'IFRAME_WIDGET'"
-            [question]="formElement.element"
-            ></lib-iframe-fields>
-          <lib-aggregate-function
-          *ngIf="formElement.element.formElement.elementType === 'AGGREGATE_FUNCTION'"
-          [question]="formElement.element"
-          [rowId]="'0'"
-          ></lib-aggregate-function>
-          <ng-container *ngIf="formElement?.element?.childLogics">
-
-            <ng-container *ngIf="componentToLoad">
-
-              <ng-container *ngComponentOutlet="componentToLoad;
-                                                inputs: { grid: formElement?.element?.childLogics,
-                                                          answer:  formElement?.element?.answer,
-                                                          state: 'child' }"></ng-container>
-            </ng-container>
-          </ng-container>
-
-        </div>
-        <div *ngIf="formElement.entityType === 'SECTION'">
-          <lib-section-fields
-            [section]="formElement.element"
-          ></lib-section-fields>
-        </div>
-      </ng-container>
-
-      </div>
-
-    <div class="okBtn me-4 ms-4">
-        <button
-          class="submitBtn ms-md-3 me-md-2 rounded-pill"
-          type="button"
-          (click)="saveSubmission()">
-          Ok
-        </button>
-    </div>
-</div>

package/src/sub-form/submission-modal/submission-modal.component.scss

@@ -1,54 +0,0 @@
-.modalHeader {
-    width: 100%;
-    display: flex;
-    flex-direction: row;
-
-    .title-div {
-      width: 90%;
-      display: flex;
-      justify-content: center;
-      margin-top: 5%;
-
-      .title {
-        height: 24px;
-        font-style: normal;
-        font-weight: 600;
-        font-size: 24px;
-        font-weight: 550;
-        line-height: 24px;
-        text-align: center;
-        color: #1d252d;
-        letter-spacing: 0.5px;
-      }
-    }
-
-    .header-btn {
-      width: 10%;
-      margin-top: 4%;
-      display: flex;
-    justify-content: center;
-
-      svg {
-        font-size: 20px;
-        cursor: pointer;
-      }
-    }
-  }
-
-  .submitBtn {
-    background: #084fff;
-    color: #fff;
-    border: none;
-    padding-top: 10px;
-    padding-bottom: 10px;
-    padding-left: 27px;
-    padding-right: 27px;
-    width: auto;
-  }
-
-  .okBtn{
-    display: flex;
-    justify-content: flex-end;
-    margin-left: auto;
-    margin-bottom: 5px;
-  }

package/src/sub-form/submission-modal/submission-modal.component.spec.ts

@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { SubmissionModalComponent } from './submission-modal.component';
-
-describe('SubmissionModalComponent', () => {
-  let component: SubmissionModalComponent;
-  let fixture: ComponentFixture<SubmissionModalComponent>;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      declarations: [SubmissionModalComponent]
-    });
-    fixture = TestBed.createComponent(SubmissionModalComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/sub-form/submission-modal/submission-modal.component.ts

@@ -1,127 +0,0 @@
-import { Component, Inject, Injector } from '@angular/core';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { ValidationService } from '../../services/validation.service';
-
-@Component({
-  selector: 'lib-submission-modal',
-  templateUrl: './submission-modal.component.html',
-  styleUrls: ['./submission-modal.component.scss'],
-})
-export class SubmissionModalComponent {
-  acceptedLanguage: string = '';
-  grid: any;
-  subForm: any;
-  childLogicCache: { [key: string]: { component: Promise<any>, injector: Injector } } = {};
-  componentToLoad: any;
-  injector!: Injector;
-
-  constructor(
-    @Inject(MAT_DIALOG_DATA) public data: any,
-    private validationService: ValidationService,
-    private dialogRef: MatDialogRef<SubmissionModalComponent>
-  ) {}
-
-  ngOnInit() {
-    this.subForm = this.data.subForm;
-    this.acceptedLanguage = this.data.acceptedLanguage;
-    this.loadComponent();
-  }
-
-  private async loadComponent(): Promise<void> {
-    this.componentToLoad = await this.loadFormElementsComponent();
-    this.injector = this.createInjector();
-  }
-
-  private async loadFormElementsComponent() {
-    const { FormElementsComponent } = await import('../../question/form-elements/form-elements.component');
-    return FormElementsComponent;
-  }
-
-  createInjector(): Injector {
-    return Injector.create({
-      providers: [
-        { provide: 'grid', useValue: this.grid?.element.childLogics  },
-        { provide: 'state', useValue: 'child' },
-      ],
-    });
-  }
-
-
-
-  closeModal() {
-    this.clearModal();
-    this.dialogRef.close();
-  }
-
-  saveSubmission() {
-    let isFormValid = true;
-    const pageIndex = this.subForm.pageIndex ?? 0;
-
-    this.subForm.rows.forEach((row: any) => {
-      row.grid.forEach((item: any) => {
-        if (item.entityType === 'QUESTION') {
-          const q = item.element;
-          const hasAnswer =
-            q.answer !== null &&
-            q.answer !== undefined &&
-            ((typeof q.answer === 'string' && q.answer.trim() !== '') ||
-              (Array.isArray(q.answer) && q.answer.length > 0) ||
-              (typeof q.answer === 'object' &&
-                Object.keys(q.answer).length > 0));
-          if (q.required && !hasAnswer) {
-            this.validationService.setInvalid(
-              q.id,
-              'This question is required',
-              pageIndex
-            );
-            isFormValid = false;
-          } else {
-            this.validationService.clearInvalid(q.id);
-          }
-        }
-      });
-    });
-
-    // 2) If any required question is missing, abort close and let the child components render errors
-    if (!isFormValid) {
-      return;
-    }
-
-    // 3) All good → close the dialog
-    this.dialogRef.close(this.subForm);
-  }
-
-  clearModal() {
-    if (this.subForm && this.subForm.rows) {
-      this.subForm.rows.flatMap((item: any) =>
-        item.grid.forEach((gridItem: any) => this.clearFormElement(gridItem))
-      );
-      // this.subForm.formElements.forEach((formElement: any) => {
-      //   this.clearFormElement(formElement);
-      // });
-    }
-  }
-
-  clearFormElement(formElement: any) {
-    if (formElement.entityType === 'QUESTION') {
-      formElement.element.answer = '';
-
-      if (formElement.element.formElement) {
-        if (formElement.element.formElement.elementType === 'FILE_PICKER') {
-          formElement.element.answer = null;
-        } else {
-          formElement.element.answer = '';
-        }
-      }
-
-      if (formElement.element.childLogics) {
-        formElement.element.childLogics?.forEach((childLogic: any) => {
-          childLogic.showLogic = false;
-          childLogic?.formElements?.forEach((formElement: any) => {
-            this.clearFormElement(formElement);
-          });
-        });
-      }
-    }
-  }
-}

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"
-  ]
-}