@piserve-tech/form-submission 1.3.314 → 1.3.316

package/src/models/page.model.ts

@@ -0,0 +1,7 @@
+import { Row } from './row.model';
+
+export interface Page {
+  title: string;
+  rows: Row[];
+  testElementName: string;
+}

package/src/models/publicForm.model.ts

@@ -0,0 +1,19 @@
+import { EmitterDTO } from './emitters.model';
+import { FormConfiguration } from './formConfiguration.model';
+import { Page } from './page.model';
+import { QuestionAnswer } from './questionAnswer.model';
+import { WhenClauseElements } from './whenClauseElements.model';
+
+export interface PublicForm {
+  name: string;
+  formConfiguration: FormConfiguration;
+  pages: Page[];
+  questionAnswers:QuestionAnswer[];
+  parentId:string;
+  emitters?:EmitterDTO[];
+  score?:number;
+  maximumPossibleScore?:number;
+  currency?:string;
+  defautlCurrency?:string;
+  whenClauseElements?: WhenClauseElements[]
+}

package/src/models/question.model.ts

@@ -0,0 +1,27 @@
+import { Attachment } from './attachment.model';
+import { FormElement } from './formElement.model';
+import { Logic } from './logic.model';
+
+export interface Question {
+  count: number;
+  id: string;
+  questionNumber: string;
+  required: boolean;
+  hint: string | null;
+  question: string;
+  testElementName: string;
+  answer: any;
+  validation: boolean;
+  formElement: FormElement;
+  childLogics: Logic[];
+  answerId: string;
+  attachments: Attachment[];
+  deleteFiles: string[];
+  defaultValue?: string;
+  disableEdit?: boolean;
+  score?:number;
+  maximumPossibleScore?:number;
+  currencySymbol?:string;
+  answerCurrency?:string;
+  amountInWords?:string;
+}

package/src/models/questionAnswer.model.ts

@@ -0,0 +1,8 @@
+import { Attachment } from "./attachment.model";
+
+export interface QuestionAnswer {
+    question: string,
+    elementType: string,
+    values: {},
+    attachments:Attachment[]
+  }

package/src/models/questionGroup.model.ts

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

package/src/models/response.model.ts

@@ -0,0 +1,9 @@
+import { Result } from './result.model';
+
+export interface Response {
+  success?: boolean;
+  message?: string;
+  result: Result[];
+  spanId?: string;
+  traceId?: string;
+}

package/src/models/result.model.ts

@@ -0,0 +1,5 @@
+import { PublicForm } from './publicForm.model';
+
+export interface Result {
+  publicForm: PublicForm;
+}

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

@@ -1,4 +1,5 @@
 import { Grid } from './grid.model';
+
 export interface Row {
-    grid: Grid[];
+  grid: Grid[];
 }

package/src/models/scoring.model.ts

@@ -0,0 +1,10 @@
+export interface Scoring {
+  enableScoring: boolean;
+  defaultScore?: number;
+  enableScoringType?: boolean;
+  score?: {
+    label: string[];
+    score: number | string;
+    scoreType?: string
+  }[];
+}

package/src/models/section.model.ts

@@ -0,0 +1,6 @@
+export interface Section {
+  id: string;
+  title: string;
+  description: String;
+  testElementName: string;
+}

package/src/models/subForm.model.ts

@@ -0,0 +1,25 @@
+import { DefaultAnswersModel } from './defaultAnswersModel.model';
+import { Row } from './row.model';
+import { SubformProperty } from './subformPropery.model';
+import { Submission } from './submission.model';
+import { SubmissionCopyConfig } from './submissionCopyConfig.mopdel';
+
+export interface SubForm {
+  id: string;
+  count: number;
+  title: string;
+  description: string;
+  required: boolean;
+  testElementName: string;
+  submissions: Submission[];
+  rows: Row[];
+  property?:SubformProperty;
+  defaultAnswers?:DefaultAnswersModel;
+  deleted:boolean;
+  scores?:{
+    scoreType: string;
+    score: number;
+}[];
+  maximumPossibleScore?:number;
+  submissionCopyConfig?: SubmissionCopyConfig
+}

package/src/models/subformConfiguration.model.ts

@@ -0,0 +1,4 @@
+export interface SubformConfiguration{
+    allowDelete:boolean,
+    isDefault:boolean
+}

package/src/models/subformPropery.model.ts

@@ -0,0 +1,8 @@
+
+export interface SubformProperty {
+  subFormStructure?: string,
+  subFormType?:string;
+  allowDelete?:boolean;
+  allowCopy?:boolean
+  addButtonLabel?: string;
+  }

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

@@ -1,14 +1,16 @@
-import { Answer } from "./answer.model";
-import { SubformConfiguration } from "./subformConfiguration.model";
-export interface Submission {
-    submissionId: string;
-    answers: Answer[];
-    configuration?: SubformConfiguration;
-    scores?: {
-        scoreType: string;
-        score: number;
-    }[];
-    hasAllScoringAnsweredOnce?: boolean;
-    sourceSubmissionId?: string;
-    isCopied?: boolean;
-}
+import { Answer } from "./answer.model";
+import { SubformConfiguration } from "./subformConfiguration.model";
+
+export interface Submission{
+    submissionId: string;
+    answers: Answer[];
+    configuration?:SubformConfiguration;
+    scores?:{
+        scoreType: string;
+        score: number;
+    }[];
+    hasAllScoringAnsweredOnce?:boolean;
+    sourceSubmissionId?:string;
+    isCopied?:boolean;
+}
+

package/{models/submissionCopyConfig.mopdel.d.ts → src/models/submissionCopyConfig.mopdel.ts}

@@ -1,4 +1,4 @@
-export interface SubmissionCopyConfig {
-    allowCopyFromOtherSubmissions: boolean;
-    editableQuestions: string[];
-}
+export interface SubmissionCopyConfig{
+    allowCopyFromOtherSubmissions: boolean;
+    editableQuestions: string[];
+}

package/{models/terms&condition.model.d.ts → src/models/terms&condition.model.ts}

@@ -2,4 +2,4 @@ export interface termsAndConditionType {
     termsAndConditionType: string;
     fileName: string;
     fileUrl: string;
-}
+}

package/src/models/validation.model.ts

@@ -0,0 +1,48 @@
+export interface Validation {
+  regexValidation?: boolean;
+  regex?: string;
+  validationMessage?: string;
+  limitedCharacters?: boolean;
+  count?: number;
+  minimumSelection?: number;
+  maximumSelection?: number;
+  countryWiseValidation?: boolean;
+  restrictCountry?: boolean;
+  allowedCountries?: string;
+  blockedCountries?: string;
+  regularExpression?: string;
+  expectedDomains?: string;
+  min?: number;
+  max?: number;
+  minLength?: number;
+  maxLength?: number;
+  requireLowercaseLetters?: boolean;
+  requireUppercaseLetters?: boolean;
+  requireNumbers?: boolean;
+  requireSpecialCharacters?: boolean;
+  allowedSpecialCharacters?: string;
+  minDateOption?: string;
+  minDate?: string;
+  maxDateOption?: string;
+  maxDate?: string;
+  regionBoundary?: boolean;
+  region?: string;
+  preventFromProceedingWithoutAgree?: boolean;
+  buttonColour?: string;
+  maxFileSize?: number;
+  minFileSize?: number;
+  minSelection?: number;
+  maxSelection?: number;
+  fileTypes?: string;
+  fileSize?: number;
+  fileSizeUnit?: string;
+  totalFileSize?:number;
+  minSelectionRequired?: boolean;
+  minSelectionValue?: string;
+  validation?:string;
+  validationType?:string;
+  minTimeOption?: string,
+  maxTimeOption?: string,
+  minTime?: string;
+  maxTime?: string
+}

package/src/models/whenClause.model.ts

@@ -0,0 +1,7 @@
+import { WhenClauseCondition } from "./whenClauseCondition.model";
+
+export interface WhenClause {
+    activate: boolean,
+    whenClauseCondition: WhenClauseCondition,
+    whenClauseActions: string[]
+}

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

@@ -1,6 +1,6 @@
-export interface WhenClauseCondition {
-    logic?: string;
-    questionid: string;
-    condition: string;
-    value: string;
-}
+export interface WhenClauseCondition {
+    logic?: string;
+    questionid: string,
+    condition: string;
+    value: string;
+}

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

@@ -1,5 +1,6 @@
-export interface WhenClauseElements {
-    elementId: string;
-    entityType: string;
-    show: boolean;
-}
+export interface WhenClauseElements {
+    elementId: string;
+    entityType: string;
+    show: boolean;
+}
+  

package/{public-api.d.ts → src/public-api.ts}

@@ -1,3 +1,7 @@
+/*
+ * Public API Surface of form-submission
+ */
+
 export * from './lib/form-submission.service';
 export * from './lib/form-submission.component';
 export * from './lib/form-submission.module';

package/src/question/card-subform/card-subform.component.html

@@ -0,0 +1,282 @@
+<ng-container *ngFor="let submission of submissions;let i=index ;trackBy: trackBySubmissionId">
+  <div class="card-subform mb-4" [id]="'question-'+submission.submissionId">
+    <div class="delete d-flex justify-content-end me-4 mb-2 mt-2 gap-3"
+    >
+    <ng-container *ngIf="submission?.scores?.[0] as firstScore">
+      <div
+        class="submissionScore"
+        [ngClass]="{
+          'good-score': firstScore.scoreType === 'GOOD_SCORE',
+          'bad-score': firstScore.scoreType === 'BAD_SCORE'
+        }"
+      >
+      <span>{{ Math.abs(firstScore.score) }}</span>
+      </div>
+    </ng-container>
+      <img class="delete-icon" src="assets/icons/delete-icon.svg" alt="delete"
+      *ngIf="submission.configuration?.allowDelete"
+      (click)="deleteSubmission(i)">
+    </div>
+    <div *ngFor="let row of subForm.rows">
+      <div class="d-flex">
+        <div
+          *ngFor="let grid of row.grid"
+          [ngStyle]="{ 'width.%': grid.element.count * (100 / 12) }"
+        >
+          <div *ngIf="grid.entityType === 'QUESTION' && whenClauseService.checkElementVisibility(grid.element.id,submission)">
+            <div [ngSwitch]="grid.element.formElement.elementType">
+              <lib-check-box-fields
+                *ngSwitchCase="'CHECK_BOX'"
+                [question]="getSubmissionQuestion(submission,grid)"
+                [inCard]="true"
+                [rowId]="i"
+                [submissionIndex]="i"
+                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
+                (answerChange)="
+                    updateAnswer(submission, grid.element, $event)
+                "
+              ></lib-check-box-fields>
+              <lib-date-time-fields
+                *ngSwitchCase="'DATE_TIME'"
+                [question]="getSubmissionQuestion(submission,grid)"
+                [inCard]="true"
+                [submissionIndex]="i"
+                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
+                (answerChange)="
+                    updateAnswer(submission, grid.element, $event)
+                "
+              ></lib-date-time-fields>
+              <lib-drop-down-fields
+                *ngSwitchCase="'DROP_DOWN'"
+                [question]="getSubmissionQuestion(submission,grid)"
+                [inCard]="true"
+                [submissionIndex]="i"
+                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
+                (answerChange)="
+                    updateAnswer(submission, grid.element, $event)
+                "
+              ></lib-drop-down-fields>
+              <lib-file-picker-fields
+                *ngSwitchCase="'FILE_PICKER'"
+                [question]="getSubmissionQuestion(submission,grid)"
+                [inCard]="true"
+                [submissionIndex]="i"
+                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
+                (answerChange)="
+                    updateAnswer(submission, grid.element, $event)
+                "
+                (inlineDeleteFiles)="
+                    updateDeletedFiles(submission, grid.element, $event)
+                  "
+              ></lib-file-picker-fields>
+              <lib-location-fields
+                *ngSwitchCase="'LOCATION'"
+                [question]="getSubmissionQuestion(submission,grid)"
+                (answerChange)="
+                    updateAnswer(submission, grid.element, $event)
+                "
+              ></lib-location-fields>
+              <lib-mail-fields
+                *ngSwitchCase="'EMAIL'"
+                [question]="getSubmissionQuestion(submission,grid)"
+                [inCard]="true"
+                [submissionIndex]="i"
+                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
+                (answerChange)="
+                    updateAnswer(submission, grid.element, $event)
+                "
+              ></lib-mail-fields>
+              <lib-mobile-fields
+                *ngSwitchCase="'MOBILE'"
+                [question]="getSubmissionQuestion(submission,grid)"
+                [inCard]="true"
+                [submissionIndex]="i"
+                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
+                (answerChange)="
+                    updateAnswer(submission, grid.element, $event)
+                "
+              ></lib-mobile-fields>
+              <lib-number-fields
+                *ngSwitchCase="'NUMBER'"
+                [question]="getSubmissionQuestion(submission,grid)"
+                [inCard]="true"
+                [submissionIndex]="i"
+                [rowId]="'0'"
+                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
+                (answerChange)="
+                    updateAnswer(submission, grid.element, $event)
+                "
+              ></lib-number-fields>
+              <lib-password-fields
+                *ngSwitchCase="'PASSWORD'"
+                [question]="getSubmissionQuestion(submission,grid)"
+                [inCard]="true"
+                [submissionIndex]="i"
+                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
+                (answerChange)="
+                    updateAnswer(submission, grid.element, $event)
+                "
+              ></lib-password-fields>
+              <lib-radio-button-fields
+                *ngSwitchCase="'RADIO_BUTTON'"
+                [question]="getSubmissionQuestion(submission,grid)"
+                [inCard]="true"
+                [submissionIndex]="i"
+                [rowId]="i"
+                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
+                (answerChange)="
+                    updateAnswer(submission, grid.element, $event)
+                "
+              ></lib-radio-button-fields>
+              <lib-rich-text-editor-fields
+                *ngSwitchCase="'RICH_TEXT_EDITOR'"
+                [question]="getSubmissionQuestion(submission,grid)"
+                [inCard]="true"
+                [submissionIndex]="i"
+                [inSubForm]="true"
+                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
+                (answerChange)="
+                    updateAnswer(submission, grid.element, $event)
+                "
+              ></lib-rich-text-editor-fields>
+              <lib-selection-matrix-fields
+                *ngSwitchCase="'SELECTION_MATRIX'"
+                [question]="getSubmissionQuestion(submission,grid)"
+                [inCard]="true"
+                [submissionIndex]="i"
+                [acceptedLanguage]="acceptedLanguage"
+                [rowId]="i"
+                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
+                (answerChange)="
+                    updateAnswer(submission, grid.element, $event)
+                "
+              ></lib-selection-matrix-fields>
+              <lib-slider-fields
+                *ngSwitchCase="'SLIDER'"
+                [question]="getSubmissionQuestion(submission,grid)"
+                [inCard]="true"
+                [submissionIndex]="i"
+                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
+                (answerChange)="
+                    updateAnswer(submission, grid.element, $event)
+                "
+              ></lib-slider-fields>
+              <lib-terms-and-condition-fields
+                *ngSwitchCase="'TERMS_AND_CONDITION'"
+                [question]="getSubmissionQuestion(submission,grid)"
+                (answerChange)="
+                    updateAnswer(submission, grid.element, $event)
+                "
+              ></lib-terms-and-condition-fields>
+              <lib-text-area-fields
+                *ngSwitchCase="'TEXT_AREA'"
+                [question]="getSubmissionQuestion(submission,grid)"
+                [inCard]="true"
+                [submissionIndex]="i"
+                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
+                (answerChange)="
+                    updateAnswer(submission, grid.element, $event)
+                "
+              ></lib-text-area-fields>
+              <lib-text-fields
+                *ngSwitchCase="'TEXT_BOX'"
+                [question]="getSubmissionQuestion(submission,grid)"
+                [inCard]="true"
+                [submissionIndex]="i"
+                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
+                (answerChange)="
+                    updateAnswer(submission, grid.element, $event)
+                "
+              ></lib-text-fields>
+              <lib-toggle-switch-fields
+                *ngSwitchCase="'TOGGLE_SWITCH'"
+                [question]="getSubmissionQuestion(submission,grid)"
+                [inCard]="true"
+                [submissionIndex]="i"
+                [acceptedLanguage]="acceptedLanguage"
+                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
+                (answerChange)="
+                    updateAnswer(submission, grid.element, $event)
+                "
+              ></lib-toggle-switch-fields>
+              <lib-url-fields
+                *ngSwitchCase="'URL'"
+                [question]="getSubmissionQuestion(submission,grid)"
+                [inCard]="true"
+                [submissionIndex]="i"
+                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
+                (answerChange)="
+                    updateAnswer(submission, grid.element, $event)
+                "
+              ></lib-url-fields>
+              <lib-currency-fields
+                *ngSwitchCase="'CURRENCY'"
+                [question]="getSubmissionQuestion(submission,grid)"
+                [inCard]="true"
+                [submissionIndex]="i"
+                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
+                (answerChange)="
+                    updateAnswer(submission, grid.element, $event)
+                "
+              ></lib-currency-fields>
+              <lib-hidden-field
+                *ngSwitchCase="'HIDDEN_FIELD'"
+                [question]="getSubmissionQuestion(submission,grid)"
+                [inCard]="true"
+                [submissionIndex]="i"
+                (answerChange)="
+                    updateAnswer(submission, grid.element, $event)
+                "
+              ></lib-hidden-field>
+              <lib-iframe-fields
+                *ngSwitchCase="'IFRAME_WIDGET'"
+                [question]="getSubmissionQuestion(submission,grid)"
+              ></lib-iframe-fields>
+              <lib-aggregate-function
+                *ngSwitchCase="'AGGREGATE_FUNCTION'"
+                [question]="getSubmissionQuestion(submission,grid)"
+                [inCard]="true"
+                [submissionIndex]="i"
+                [rowId]="'0'"
+                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
+                (answerChange)="
+                    updateAnswer(submission, grid.element, $event)
+                "
+              ></lib-aggregate-function>
+            </div>
+
+            <!-- <ng-container *ngIf="grid.element.childLogics">
+                      <ng-container
+                        *ngIf="getComponentForChildLogics(grid.element.childLogics, 'child', grid.element.answer) as outlet">
+                        <ng-container *ngComponentOutlet="outlet.component | async; injector: outlet.injector">
+                        </ng-container>
+                      </ng-container>
+                    </ng-container> -->
+            <ng-container *ngIf="grid?.element?.childLogics">
+              <ng-container *ngIf="componentToLoad">
+                <ng-container
+                  *ngComponentOutlet="
+                    componentToLoad;
+                    inputs: {
+                      grid: grid?.element?.childLogics,
+                      answer: grid?.element?.answer,
+                      state: 'child'
+                    }
+                  "
+                ></ng-container>
+              </ng-container>
+            </ng-container>
+          </div>
+
+          <div *ngIf="grid.entityType === 'SECTION'">
+            <lib-section-fields [section]="grid.element"></lib-section-fields>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</ng-container>
+
+<div class="subform-footer">
+  <button class="btn btn-primary" (click)="addNewSubmission()">{{addButtonLabel}}</button>
+</div>

package/src/question/card-subform/card-subform.component.scss

@@ -0,0 +1,49 @@
+.card-subform {
+  background: #f9f6f6;
+  border-radius: 6px;
+  padding: 8px 0px;
+}
+
+.delete-icon {
+  cursor: pointer;
+  margin-right: 10px;
+  width: 36px;
+  height: 36px;
+  fill: none;
+}
+.delete-icon path {
+  stroke: #084fff;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+.delete-icon rect {
+  stroke: #d8d8d8;
+  fill: white;
+  width: 35px;
+  height: 35px;
+}
+
+.submissionScore {
+  width: 45px;
+  height: 37px;
+  border-radius: 6px;
+  border: 1px solid #c8c8c8;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-weight: 500;
+  text-align: center;
+  padding: 0;
+  span{
+    margin-top: 5px;
+  }
+}
+
+.submissionScore.good-score {
+  border-color: rgb(80, 245, 80);
+}
+
+/* Bad score = red border */
+.submissionScore.bad-score {
+  border-color: lightcoral;
+}

package/src/question/card-subform/card-subform.component.spec.ts

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