@piserve-tech/form-submission 1.3.314 → 1.3.316

package/src/lib/form-submission.component.html

@@ -0,0 +1,15 @@
+<lib-submit-form
+  [moduleName]="formData.moduleName"
+  [submissionId]="submissionId"
+  [edit]="edit"
+  [acceptedLanguage] = "formData.headers.acceptedLanguage"
+  [skipMargin]="formData.skipMargin"
+  [skipValidation]="skipValidation"
+  [isActionTriggered]="isActionTriggered"
+  [navigateTo]="formData.navigateTo"
+  [country]="formData.country"
+  [showCancelButton]="showCancelButton"
+  (submit)="submit($event)"
+ (apiCalled)="getFormApiCalled($event)"
+ (cancel)="cancelled()"
+></lib-submit-form>

package/src/lib/form-submission.component.scss

@@ -0,0 +1 @@
+//@import '../styles/shared-style.scss';

package/src/lib/form-submission.component.ts

@@ -0,0 +1,120 @@
+import {
+  Component,
+  EventEmitter,
+  Inject,
+  Input,
+  OnInit,
+  Output,
+  SimpleChanges,
+  ViewChild,
+} from '@angular/core';
+import { DataService } from '../services/data.service';
+import { DOCUMENT } from '@angular/common';
+import { environment } from '../environment/environment';
+import { SubmitFormComponent } from '../form-submission/submit-form/submit-form.component';
+
+@Component({
+  selector: 'lib-formSubmission',
+  templateUrl: './form-submission.component.html',
+  styleUrls: ['./form-submission.component.scss'],
+})
+export class FormSubmissionComponent implements OnInit {
+  @Input() formData: any = {};
+  @Input() edit: boolean = false;
+  @Input() skipValidation: boolean = false; // New input to control validation skipping
+  @Input() submissionId: string = '';
+  @Output() submitForm: EventEmitter<string> = new EventEmitter<string>();
+  @Output() apiCalled: EventEmitter<boolean> = new EventEmitter<boolean>();
+  @Output() cancel: EventEmitter<string> = new EventEmitter<string>();
+  @Input() triggerFormSave: string | null = null;
+  @ViewChild(SubmitFormComponent) submitFormComponent!: SubmitFormComponent;
+
+  header: any;
+  acceptedLanguage!: string;
+  isActionTriggered: boolean = false;
+
+  constructor(
+    private dataService: DataService,
+    @Inject(DOCUMENT) private document: Document
+  ) {}
+
+  ngOnChanges(changes: SimpleChanges): void {
+    if (changes['formData']) {
+      const newFormData = changes['formData'].currentValue;
+
+      this.dataService.setHeader(newFormData?.headers);
+
+      // 🔹 Add your duplicateSubmission logic here
+      if (newFormData?.duplicateSubmission) {
+        this.dataService.setSubformData({
+          moduleName: newFormData.moduleName,
+          duplicateSubmission: newFormData.duplicateSubmission,
+        });
+      }
+    }
+
+    if (changes['triggerFormSave'] && changes['triggerFormSave'].currentValue) {
+      const action = changes['triggerFormSave'].currentValue;
+
+      if (action === 'submit' || action === 'draft') {
+        this.isActionTriggered = true;
+      }
+      if (!this.submitFormComponent) {
+        return;
+      }
+
+      switch (action) {
+        case 'submit':
+          this.submitFormComponent.submitForm();
+          break;
+
+        case 'draft':
+          this.submitFormComponent.saveAsDraft();
+          break;
+
+        default:
+          console.warn(action, 'action not defined');
+      }
+    }
+  }
+
+  get showCancelButton(): boolean {
+    return this.cancel.observed ?? false;
+  }
+
+  ngOnInit() {
+    this.dataService.setApiUrl(this.formData.apiurl);
+    this.dataService.setHeader(this.formData.headers);
+
+    this.dataService.header$.subscribe((data) => {
+      this.header = data;
+      this.setHtmlDirection(this.header.acceptedLanguage);
+    });
+  }
+
+  setHtmlDirection(language: string) {
+    const htmlTag = this.document.getElementsByTagName(
+      'html'
+    )[0] as HTMLHtmlElement;
+
+    if (language === 'ara' || language === 'ar') {
+      environment.htmlDirection = 'rtl';
+    } else {
+      environment.htmlDirection = 'ltr';
+    }
+
+    htmlTag.dir = environment.htmlDirection;
+  }
+
+  submit(event: any) {
+    this.submitForm.emit(event);
+  }
+
+  getFormApiCalled(event: any) {
+    this.apiCalled.emit(true);
+  }
+
+  cancelled(){
+    this.cancel.emit();
+  }
+}

package/src/lib/form-submission.module.ts

@@ -0,0 +1,31 @@
+import { NgModule } from '@angular/core';
+import { FormSubmissionComponent } from './form-submission.component';
+// import { DropdownModule } from '@piserve-tech/drop-down';
+import { FilePreviewModule } from '@piserve-tech/file-preview';
+import { FormsModule } from '@angular/forms';
+import { MatTabsModule } from '@angular/material/tabs';
+import { FormFieldsModule } from '../form-fields/form-fields.module';
+import { FormSubmitModule } from '../form-submission/form-submission.module';
+import { DropdownModule } from '@piserve-tech/drop-down';
+import { ToastrModule } from 'ngx-toastr';
+import { DocUploadModule } from '@piserve-tech/file-upload';
+import { SharedModule } from '../shared/shared.module';
+
+@NgModule({
+  declarations: [FormSubmissionComponent],
+  imports: [
+    DropdownModule,
+    FilePreviewModule,
+    DocUploadModule,
+    FormsModule,
+    MatTabsModule,
+    FormFieldsModule,
+    FormSubmitModule,
+    ToastrModule.forRoot({
+      positionClass: 'toast-bottom-left',
+    }),
+    SharedModule
+  ],
+  exports: [FormSubmissionComponent],
+})
+export class FormSubmissionModule {}

package/src/lib/form-submission.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { FormSubmissionService } from './form-submission.service';
+
+describe('FormSubmissionService', () => {
+  let service: FormSubmissionService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(FormSubmissionService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

package/src/lib/form-submission.service.ts

@@ -0,0 +1,9 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class FormSubmissionService {
+
+  constructor() { }
+}

package/src/models/aggregate.model.ts

@@ -0,0 +1,4 @@
+export interface AggregateFunction{
+    formula: string,
+    aggregateOperation: string
+}

package/{models/answer.model.d.ts → src/models/answer.model.ts}

@@ -1,23 +1,25 @@
-import { SafeHtml } from "@angular/platform-browser";
-import { Attachment } from "./attachment.model";
-export interface Answer {
-    questionId?: string;
-    answer?: any;
-    answerId?: string;
-    attachments?: Attachment[];
-    files?: any;
-    deleteFiles?: string[];
-    scores?: {
-        scoreType: string;
-        score: number;
-    }[];
-    isChild?: boolean;
-    htmlContent?: SafeHtml;
-    maximumPossibleScore?: number;
-    show?: boolean;
-    amountInWords?: string;
-    currencySymbol?: string;
-    required?: boolean;
-    answerCurrency?: string;
-    copiedAttachments?: string[];
-}
+import { SafeHtml } from "@angular/platform-browser";
+import { Attachment } from "./attachment.model";
+
+export interface Answer{
+    questionId?: string;
+    answer?: any;
+    answerId?: string;
+    attachments?: Attachment[];
+    files?: any;
+    deleteFiles?: string[];
+    scores?:{
+        scoreType: string;
+        score: number;
+    }[];
+    // scores?:number[];
+    isChild?:boolean;
+    htmlContent?: SafeHtml;
+    maximumPossibleScore?:number;
+    show?: boolean;
+    amountInWords?: string;
+    currencySymbol?: string;
+    required?: boolean;
+    answerCurrency?:string;
+    copiedAttachments?: string[];
+}

package/src/models/appearance.model.ts

@@ -0,0 +1,64 @@
+export interface Appearance {
+  placeholder?: string;
+  fontSize?: number;
+  textAlign?: string;
+  font?: string;
+  underline?: boolean;
+  bold?: boolean;
+  italics?: boolean;
+  defaultValue?: string;
+  numberOfRows?: number;
+  singleSelection?: boolean;
+  displayCountryCode?: boolean;
+  displayFlag?: boolean;
+  displayCode?: boolean;
+  showCountryName?: boolean;
+  beautifyNumbers?: boolean;
+  upAndDownButton?: boolean;
+  allowNegativeValues?: boolean;
+  showPreviewButton?: boolean;
+  confirmPassword?: boolean;
+  viewButton?: boolean;
+  displayStrong?: boolean;
+  dateType?: string;
+  format?: string;
+  setCurrentPosition?: boolean;
+  defaultZoomLevel?: number;
+  allowFullScreen?: boolean;
+  latitude?: string;
+  longitude?: string;
+  showAcceptButton?: boolean;
+  labelOnValue?: string;
+  labelOffValue?: string;
+  labelOnColor?: string;
+  labelOffColor?: string;
+  minValue?: number;
+  maxValue?: number;
+  stepValue?: number;
+  changeSliderColor?: boolean;
+  sliderColor?: string;
+  canvasOption?: string;
+  selectionType?: string;
+  dragAndDrop?: boolean;
+  previewUploadedFiles?: boolean;
+  multiFileUploads?: boolean;
+  selectionColorRequired?: boolean;
+  selectionColor?: string;
+  color?: string;
+  avatarPicker:boolean;
+  timeFormat?: string;
+  displayOptionsInColumn:boolean;
+  currencySymbol?:string;
+  decimalPrecision?:number;
+  symbolPosition?:string;
+  thousandSeparator?:boolean,
+  currency?:string,
+  limitCurrencies?:boolean,
+  currencyOption?:string;
+  specificCurrencySymbol?:string;
+  limitCurrencySymbol?:any[];
+  width?: string;
+  height?: string;
+  showAmountInWords?: string;
+  defaultCurrency?:string;
+}

package/{models/attachment.model.d.ts → src/models/attachment.model.ts}

@@ -1,6 +1,6 @@
-export interface Attachment {
-    fileId?: string;
-    fileName: string;
-    fileUrl: string;
-    fileSize?: number;
-}
+export interface Attachment {
+    fileId?: string;
+    fileName: string;
+    fileUrl: string;
+    fileSize?:number;
+}

package/{models/defaultAnswerEntry.model.d.ts → src/models/defaultAnswerEntry.model.ts}

@@ -1,5 +1,7 @@
-import { DefaultQuestionAnswer } from "./defaultQuestionAnswer.model";
-export interface DefaultAnswerEntry {
-    isDeleteEnable: boolean;
-    defaultQuestionsAnswers: DefaultQuestionAnswer[];
-}
+import { DefaultQuestionAnswer } from "./defaultQuestionAnswer.model";
+
+export interface DefaultAnswerEntry {
+    isDeleteEnable: boolean;
+    defaultQuestionsAnswers: DefaultQuestionAnswer[];
+}
+  

package/{models/defaultAnswersModel.model.d.ts → src/models/defaultAnswersModel.model.ts}

@@ -1,4 +1,5 @@
-import { DefaultAnswerEntry } from "./defaultAnswerEntry.model";
-export interface DefaultAnswersModel {
-    answers: DefaultAnswerEntry[];
-}
+import { DefaultAnswerEntry } from "./defaultAnswerEntry.model";
+
+export interface DefaultAnswersModel {
+      answers: DefaultAnswerEntry[];
+}

package/{models/defaultQuestionAnswer.model.d.ts → src/models/defaultQuestionAnswer.model.ts}

@@ -1,6 +1,6 @@
-export interface DefaultQuestionAnswer {
-    defaultAnswer: string;
-    readOnly: boolean;
-    isDeleteEnable: boolean;
-    questionId: string;
-}
+export interface DefaultQuestionAnswer {
+    defaultAnswer: string;
+    readOnly: boolean;
+    isDeleteEnable: boolean;
+    questionId: string;
+}

package/src/models/elementOptionAPI.model.ts

@@ -0,0 +1,13 @@
+import { elementOptionAPIData } from "./elementOptionAPIData.model";
+
+export interface ElementOptionAPI {
+  external?: boolean;
+  url?: string;
+  valueField?: string;
+  labelField?: string;
+  pathToValue?: string;
+  headers?: elementOptionAPIData[];
+  params?: elementOptionAPIData[];
+  pathVariables?: elementOptionAPIData[];
+  labelPattern?:[];
+}

package/src/models/elementOptionAPIData.model.ts

@@ -0,0 +1,5 @@
+export interface elementOptionAPIData {
+  keyName?: string;
+  valueSource?: string;
+  inputValue?: string;
+}

package/src/models/elementOptionDB.model.ts

@@ -0,0 +1,9 @@
+import { ElementOptionDBCriteria } from "./elementOptionDBCriteria.model";
+
+export interface ElementOptionDB {
+  tableName?: string;
+  valueField?: string;
+  labelPattern?: string;
+  labelField?: string;
+  criteria?: ElementOptionDBCriteria[];
+}

package/src/models/elementOptionDBCriteria.model.ts

@@ -0,0 +1,7 @@
+export interface ElementOptionDBCriteria {
+  field?: string;
+  condition?: string;
+  valueSource?: string;
+  inputValue?: string;
+  logicalOperator?: string;
+}

package/{models/emitters.model.d.ts → src/models/emitters.model.ts}

@@ -1,8 +1,8 @@
-export interface EmitterDTO {
-    id: string;
-    keyName: string;
-    valueSource: 'QUESTION' | 'CUSTOM_INPUT';
-    questionId: string | null;
-    inputValue: string | null;
-    isConflict: boolean;
-}
+export interface EmitterDTO {
+    id: string;
+    keyName: string;
+    valueSource: 'QUESTION' | 'CUSTOM_INPUT'; // You can extend this if there are more types
+    questionId: string | null;
+    inputValue: string | null;
+    isConflict: boolean;
+  }

package/{models/enum/condition.enum.d.ts → src/models/enum/condition.enum.ts}

@@ -1,4 +1,4 @@
-export declare enum Condition {
+export enum Condition {
     EQUAL = "=",
     GREATER_THAN = ">",
     LESS_THAN = "<",
@@ -13,4 +13,4 @@ export declare enum Condition {
     NOT_IN = "NOT IN",
     IS_NULL = "IS NULL",
     IS_NOT_NULL = "IS NOT NULL"
-}
+}

package/src/models/enum/elementType .enum.ts

@@ -0,0 +1,22 @@
+export enum ElementType {
+  TEXT_AREA = 'TEXT_AREA',
+  TEXT_BOX = 'TEXT_BOX',
+  RICH_TEXT_EDITOR = 'RICH_TEXT_EDITOR',
+  DROP_DOWN = 'DROP_DOWN',
+  MOBILE = 'MOBILE',
+  EMAIL = 'EMAIL',
+  NUMBER = 'NUMBER',
+  URL = 'URL',
+  PASSWORD = 'PASSWORD',
+  DATE_TIME = 'DATE_TIME',
+  LOCATION = 'LOCATION',
+  TERMS_AND_CONDITION = 'TERMS_AND_CONDITION',
+  TOGGLE_SWITCH = 'TOGGLE_SWITCH',
+  SLIDER = 'SLIDER',
+  SIGNATURE = 'SIGNATURE',
+  CHECK_BOX = 'CHECK_BOX',
+  FILE_PICKER = 'FILE_PICKER',
+  RADIO_BUTTON = 'RADIO_BUTTON',
+  HELP_TEXT = 'HELP_TEXT',
+  SELECTION_MATRIX = 'SELECTION_MATRIX',
+}

package/src/models/enum/entityType.enum.ts

@@ -0,0 +1,10 @@
+export enum EntityType {
+  LOOKUP = 'LOOKUP',
+  FORM = 'FORM',
+  FIELD = 'FIELD',
+  PAGE = 'PAGE',
+  SECTION = 'SECTION',
+  QUESTION = 'QUESTION',
+  LOGIC = 'LOGIC',
+  SUBFORM = 'SUBFORM',
+}

package/{models/formConfiguration.model.d.ts → src/models/formConfiguration.model.ts}

@@ -1,4 +1,4 @@
-export interface FormConfiguration {
+export interface FormConfiguration{
     saveAutomatically: boolean;
     saveInterval: number;
     customizeFont: boolean;
@@ -13,4 +13,4 @@ export interface FormConfiguration {
     googleRecaptchaSecret: string;
     navigation: string;
     markAllQuestionsAsRequired: boolean;
-}
+}

package/{models/formElement.model.d.ts → src/models/formElement.model.ts}

@@ -1,22 +1,22 @@
-import { Appearance } from './appearance.model';
-import { Validation } from './validation.model';
-import { Option } from './option.model';
-import { ElementType } from './enum/elementType .enum';
-import { termsAndConditionType } from './terms&condition.model';
-import { AggregateFunction } from './aggregate.model';
-import { Scoring } from './scoring.model';
-import { HiddenField } from './hiddenField.model';
-import { IFrameProperties } from './iFrameProperties.model';
-export interface FormElement {
-    elementType: ElementType;
-    appearance: Appearance;
-    validation: Validation;
-    hiddenField?: HiddenField;
-    option: Option;
-    aggregateFunction?: AggregateFunction;
-    selectionMatrixLabel?: string[];
-    selectionMatrixColumn?: string[];
-    termsAndConditionType?: termsAndConditionType;
-    scoring?: Scoring;
-    iFrameProperties?: IFrameProperties;
-}
+import { Appearance } from './appearance.model';
+import { Validation } from './validation.model';
+import { Option } from './option.model';
+import { ElementType } from './enum/elementType .enum';
+import {termsAndConditionType} from './terms&condition.model'
+import { AggregateFunction } from './aggregate.model';
+import { Scoring } from './scoring.model';
+import { HiddenField } from './hiddenField.model';
+import { IFrameProperties } from './iFrameProperties.model';
+export interface FormElement {
+  elementType: ElementType;
+  appearance: Appearance;
+  validation: Validation;
+  hiddenField?: HiddenField;
+  option: Option;
+  aggregateFunction?: AggregateFunction;
+  selectionMatrixLabel?: string[];
+  selectionMatrixColumn?: string[];
+  termsAndConditionType?:termsAndConditionType;
+  scoring?: Scoring;
+  iFrameProperties?: IFrameProperties
+}

package/{models/formElementType.model.d.ts → src/models/formElementType.model.ts}

@@ -1,5 +1,6 @@
 import { EntityType } from './enum/entityType.enum';
+
 export interface FormElementType<T> {
-    entityType: EntityType;
-    element: T;
+  entityType: EntityType;
+  element: T;
 }

package/{models/grid.model.d.ts → src/models/grid.model.ts}

@@ -1,13 +1,14 @@
-import { EntityType } from './enum/entityType.enum';
-import { Multifields } from './multifields.model';
-import { Question } from './question.model';
-import { QuestionGroup } from './questionGroup.model';
-import { Section } from './section.model';
-import { SubForm } from './subForm.model';
-import { WhenClause } from './whenClause.model';
-export interface Grid {
-    entityType: EntityType;
-    element: Section | Question | SubForm | QuestionGroup | Multifields;
-    whenClause?: WhenClause;
-    show: boolean;
-}
+import { EntityType } from './enum/entityType.enum';
+import { Multifields } from './multifields.model';
+import { Question } from './question.model';
+import { QuestionGroup } from './questionGroup.model';
+import { Section } from './section.model';
+import { SubForm } from './subForm.model';
+import { WhenClause } from './whenClause.model';
+
+export interface Grid {
+  entityType: EntityType;
+  element: Section | Question | SubForm | QuestionGroup | Multifields;
+  whenClause?: WhenClause,
+  show: boolean
+}

package/{models/hiddenField.model.d.ts → src/models/hiddenField.model.ts}

@@ -1,5 +1,5 @@
-export interface HiddenField {
-    key: String;
-    valueSource: String;
-    value: String;
-}
+export interface HiddenField {
+    key: String;
+    valueSource: String;
+    value: String;
+}

package/{models/iFrameProperties.model.d.ts → src/models/iFrameProperties.model.ts}

@@ -1,13 +1,13 @@
-export interface IFrameProperties {
-    contentType: string;
-    url: string;
-    html: {
-        content: string;
-    };
-    style: {
-        css: string;
-    };
-    script: {
-        code: string;
-    };
-}
+export interface IFrameProperties{
+    contentType: string;
+    url: string;
+    html: {
+        content: string;
+    },
+    style: {
+        css: string;
+    },
+    script: {
+        code: string;
+    }
+}

package/src/models/logic.model.ts

@@ -0,0 +1,11 @@
+import { Condition } from './enum/condition.enum';
+import { FormElementType } from './formElementType.model';
+import { Row } from './row.model';
+
+export interface Logic {
+  id: string;
+  inputValue: string;
+  condition: Condition;
+  showLogic:boolean;
+  rows: Row[];
+}

package/src/models/multifields.model.ts

@@ -0,0 +1,12 @@
+import { Row } from './row.model';
+import { Submission } from './submission.model';
+
+export interface Multifields {
+  id: string;
+  count: number;
+  question: string;
+  questionNumber:string
+  testElementName: string;
+  submissions: Submission[];
+  rows: Row[];
+}

package/{models/option.model.d.ts → src/models/option.model.ts}

@@ -1,11 +1,11 @@
 import { ElementOptionAPI } from "./elementOptionAPI.model";
 import { ElementOptionDB } from "./elementOptionDB.model";
-export interface Option {
+
+export interface Option{
+
     optionType?: string;
     lookupTable?: string | null;
-    customOptions?: Array<{
-        value: string;
-    }>;
+    customOptions?: Array<{ value: string }>;
     database?: ElementOptionDB;
     api?: ElementOptionAPI;
-}
+}