udp-stencil-component-library 1.0.0

package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"udp-forms-builder.js","sourceRoot":"","sources":["../../../../../../../src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, State, Prop, Watch } from '@stencil/core';\nimport { Guid } from '../types';\nimport { makeApiCall } from '../../../../../../udp-utilities/api/makeApiCall/makeApiCall';\nimport questionsTemplate from './udp-forms-builder-question-template';\nimport { getIconFromName } from '../../../data-display/icons/iconUtils';\nimport { ConfigService } from '../../../../../../udp-utilities/api-config';\nimport { getCurrentTenantId } from 'src/udp-utilities/tenant/tenantUtils';\nimport { deepCloneFormSections } from './forms-builder-utils';\nimport Sortable from 'sortablejs';\nimport { Element } from '@stencil/core';\n\nconst emptyStyleOverrides = {\n  background: {\n    backgroundImage: '',\n    backgroundColor: '',\n  },\n  headerBackgroundColor: '',\n  fontFamily: '',\n  helperText: {\n    variant: '',\n    fontFamily: '',\n  },\n  questionText: {\n    variant: '',\n    fontFamily: '',\n  },\n  titleText: {\n    variant: '',\n    fontFamily: '',\n  },\n  paragraphText: {\n    variant: '',\n    fontFamily: '',\n  },\n};\n\n@Component({\n  tag: 'udp-forms-builder',\n  styleUrl: 'udp-forms-builder.css',\n  shadow: true,\n})\nexport class UdpFormsBuilder {\n  @Element() private hostEl: HTMLElement;\n\n  @Prop() formId: Guid;\n  @Prop() version: number;\n  @Prop() enqueueSnackbar: any;\n  @Prop() closeSnackbar: any;\n  @Prop() history: any;\n\n  @State() formMetadata: any = {};\n  @State() formSections: any[][] = [];\n  @State() formSectionsDraft: any[][] = [];\n  @State() isNewForm: boolean = true;\n  @State() isMostRecentFormVersion: boolean = false;\n\n  @State() isError: boolean = false;\n  @State() isLoading: boolean = false;\n\n  @State() isShowStyleOverrides: boolean = false;\n  @State() isStyleSheetOpen: boolean = false;\n  @State() isDialogOpen: boolean = false;\n  @State() showMenuAtIndex: { sIndex: number; qIndex: number } | null = null;\n  @State() editingQuestion: { sIndex: number; qIndex: number } | null = null;\n  @State() isQuestionEditorOpen: boolean = false;\n  @State() lookupOptionsDataProcessed: [];\n\n  @State() dialogActionTwo: () => void;\n\n  pageBuilderId = 'c77aa2c8-f8b8-41af-aa77-c8612fc918c1';\n\n  // ********************************** SORTABLE **********************************\n  private sortableInstances: Sortable[] = [];\n\n  private initializeSortable() {\n    // sortable only if the form is editable\n    if (!(this.isNewForm || this.isMostRecentFormVersion)) {\n      return;\n    }\n\n    this.sortableInstances.forEach(instance => instance.destroy());\n    this.sortableInstances = [];\n\n    this.formSections.forEach((_, sIndex) => {\n      const el = this.hostEl.shadowRoot.querySelector(`#section-${sIndex}`);\n      if (el) {\n        const sortable = new Sortable(el, {\n          animation: 200, \n          easing: 'cubic-bezier(0.25, 1, 0.5, 1)', \n          draggable: 'udp-list-item', \n          handle: undefined, \n          ghostClass: 'sortable-ghost', \n          chosenClass: 'sortable-chosen', \n          direction: 'vertical',\n          forceFallback: false, \n          dragoverBubble: false,\n          swapThreshold: 0.6,\n          onEnd: evt => this.handleDragEnd(evt, sIndex),\n        });\n        this.sortableInstances.push(sortable);\n      }\n    });\n  }\n\n  private handleDragEnd(evt: Sortable.SortableEvent, sIndex: number) {\n    const oldIndex = evt.oldIndex;\n    const newIndex = evt.newIndex;\n    if (oldIndex === newIndex || oldIndex == null || newIndex == null) return;\n\n    const sectionCopy = [...this.formSections[sIndex]];\n    const [moved] = sectionCopy.splice(oldIndex, 1);\n    sectionCopy.splice(newIndex, 0, moved);\n\n    const newFormSections = [...this.formSections];\n    newFormSections[sIndex] = sectionCopy;\n\n    this.formSections = newFormSections;\n  }\n\n  componentDidLoad() {\n    this.initializeSortable();\n  }\n\n  componentDidUpdate() {\n    this.initializeSortable();\n  }\n\n  componentWillLoad() {\n    this.initializeForm();\n  }\n\n  // @Watch('formSections')\n  // onFormSectionsChange(newValue: any[]) {\n  //   console.log(newValue);\n  // }\n\n  // @Watch('formMetadata')\n  // onFormMetadataChange(newValue: any, oldValue: any) {\n  //   console.log(newValue.styleOverrides);\n  // }\n\n  @Watch('formId')\n  @Watch('version')\n  onFormIdOrVersionChange() {\n    this.initializeForm();\n  }\n\n  getQuestionTypeName = fieldTypeId => {\n    const question = questionsTemplate.find(q => q.fieldTypeId === fieldTypeId);\n    return question ? question.questionTypeName : 'Unknown';\n  };\n\n  getIsContainsOptionItems = fieldTypeId => {\n    const question = questionsTemplate.find(q => q.fieldTypeId === fieldTypeId);\n    return question ? question.isContainsOptionItems || false : false;\n  };\n\n  getIconForQuestion = fieldTypeId => {\n    const question = questionsTemplate.find(q => q.fieldTypeId === fieldTypeId);\n    return question ? question.icon : null;\n  };\n\n  async initializeForm() {\n    // set default form values\n    this.formMetadata.isPrivate = true;\n    this.formMetadata.tenantId = getCurrentTenantId();\n    this.formMetadata.type = 1;\n    this.formMetadata.version = 1;\n    this.formMetadata.name = 'Form Name';\n    this.formMetadata.description = 'Form Description';\n    this.formMetadata.styleOverrides = emptyStyleOverrides;\n\n    try {\n      this.isLoading = true;\n\n      // get lookup options\n      const lookupResponse = await makeApiCall('GET', ConfigService.productV1ApiUrl + '/UdpLookup');\n\n      if (!lookupResponse) {\n        throw new Error(`Error fetching lookup data`);\n      }\n\n      this.lookupOptionsDataProcessed = lookupResponse.map(lookupObj => {\n        return { ...lookupObj, value: lookupObj.id, label: lookupObj.name };\n      });\n\n      // determine if it's to create a new form, view an old form, or create a new version\n      if (this.formId && this.version) {\n        const formDataResponse = await makeApiCall('GET', `${ConfigService.productV1ApiUrl}/UdpForm/${this.formId}/${this.version}/describe`);\n        const formLatestVersionResponse = await makeApiCall('GET', `${ConfigService.productV1ApiUrl}/UdpForm/${this.formId}/describe`);\n\n        this.isNewForm = false;\n\n        if (!formDataResponse || !formLatestVersionResponse || !formDataResponse.id || !formLatestVersionResponse) {\n          throw new Error(`Error fetching form data`);\n        }\n\n        // view only mode\n        if (formDataResponse.id == formLatestVersionResponse.id && formDataResponse.version == formLatestVersionResponse.version) {\n          this.isMostRecentFormVersion = true;\n        }\n\n        // determine how many sections exist, and put each question in the correct sections in the formSections state\n        let tempSections: any[][] = [];\n        let maxSectionCount = 0;\n\n        formDataResponse.formQuestions.forEach(question => {\n          const sectionNumber = question.section;\n          maxSectionCount = Math.max(maxSectionCount, sectionNumber);\n        });\n\n        for (let i = 0; i < maxSectionCount; i++) {\n          tempSections.push([]);\n        }\n\n        // populate the formSections with question data\n        formDataResponse.formQuestions.forEach(question => {\n          const sectionIndex = question.section - 1;\n\n          if (tempSections[sectionIndex]) {\n            const fieldProps = { ...question.fieldProperties };\n\n            // the fetch api returns 'items' data if it fieldProperties contains a lookupId. this breaks the renderer and confuses the user.\n            // If both 'lookupId' and 'items' exist, remove 'items'.\n            if ('lookupId' in fieldProps && 'items' in fieldProps) {\n              delete fieldProps.items;\n            }\n\n            tempSections[sectionIndex].push({\n              ...question,\n              fieldProperties: fieldProps,\n              questionTypeName: this.getQuestionTypeName(question.fieldTypeId),\n              isContainsOptionItems: this.getIsContainsOptionItems(question.fieldTypeId),\n              icon: this.getIconForQuestion(question.fieldTypeId),\n            });\n          }\n        });\n\n        tempSections.forEach(section => {\n          section.sort((a, b) => a.questionOrder - b.questionOrder);\n        });\n\n        const { ...metadata } = formDataResponse;\n\n        // Merge fetched styleOverrides with defaults\n        metadata.styleOverrides = this.deepMerge(emptyStyleOverrides, JSON.parse(metadata.styleOverrides) || {});\n\n        // Set form metadata and sections\n        this.formMetadata = metadata;\n        this.formSections = tempSections;\n        this.isLoading = false;\n      }\n    } catch (e) {\n      this.isError = true;\n\n      this.enqueueSnackbar('Error loading form data', {\n        variant: 'error',\n        anchorOrigin: { vertical: 'top', horizontal: 'center' },\n      });\n    } finally {\n      this.isLoading = false;\n    }\n  }\n\n  // ********************************** HELPERS **********************************\n  async submitForm() {\n    this.isLoading = true;\n\n    try {\n      if (!this.validateForm()) {\n          // return;\n      }\n\n\n      // Prepare and send form metadata\n      const processedFormMetadata = {\n        name: this.formMetadata.name,\n        description: this.formMetadata.description,\n        tenantId: this.formMetadata.tenantId,\n        isPrivate: this.formMetadata.isPrivate,\n        type: this.formMetadata.type,\n        styleOverrides: JSON.stringify(this.formMetadata.styleOverrides),\n        id: this.formMetadata.id,\n      };\n\n      console.log('Submitting form metadata:', processedFormMetadata);\n\n      const formUrl = `${ConfigService.productV1ApiUrl}/UdpForm${this.isMostRecentFormVersion ? '/versions' : ''}`;\n      const formResponse = await makeApiCall('POST', formUrl, processedFormMetadata);\n      console.log('Form response:', formResponse);\n\n      const formId = formResponse.id;\n      const formVersion = formResponse.version;\n\n      if (!formResponse || !formResponse.id || !formResponse.version) {\n        throw new Error(`Invalid form response: ${JSON.stringify(formResponse)}`);\n      }\n\n      // Prepare and send questions in order\n      let questionOrder = 0;\n      const questionRequests: Promise<any>[] = [];\n\n      this.formSections.forEach((section, sIndex) => {\n        section.forEach(question => {\n          questionOrder += 1;\n\n          const processedQuestionData = {\n            ...question,\n            formId,\n            formVersion,\n            section: sIndex + 1,\n            questionOrder,\n            name: `question${questionOrder}`,\n          };\n\n          console.log('Submitting question:', processedQuestionData);\n\n          const questionRequest = makeApiCall('POST', `${ConfigService.productV1ApiUrl}/UdpFormQuestion`, processedQuestionData);\n          questionRequests.push(questionRequest);\n        });\n      });\n\n      // Wait for all questions to be submitted\n      await Promise.all(questionRequests);\n\n      this.enqueueSnackbar('Success', {\n        variant: 'success',\n        anchorOrigin: { vertical: 'top', horizontal: 'center' },\n      });\n\n      this.history.push(`/page/${this.pageBuilderId}?udpf_formId=${formId}&udpf_version=${formVersion}`);\n    } catch (error) {\n      console.error('Form submission error:', error);\n      this.enqueueSnackbar('Error saving form', {\n        variant: 'error',\n        anchorOrigin: { vertical: 'top', horizontal: 'center' },\n      });\n    } finally {\n      this.isLoading = false;\n    }\n  }\n\n  private handleQuestionDelete = (sIndex: number, qIndex: number) => {\n    const sectionsCopy = deepCloneFormSections(this.formSections);\n    sectionsCopy[sIndex].splice(qIndex, 1);\n    this.formSections = sectionsCopy;\n  };\n\n  private handleQuestionCopy = (sIndex: number, qIndex: number) => {\n    const sectionsCopy = deepCloneFormSections(this.formSections);\n    const newQuestion = { ...this.formSections[sIndex][qIndex] };\n\n    sectionsCopy[sIndex].splice(qIndex + 1, 0, newQuestion);\n    this.formSections = sectionsCopy;\n  };\n\n  private handleQuestionClick = (sIndex: number, qIndex: number) => {\n    this.editingQuestion = { sIndex, qIndex };\n    this.isQuestionEditorOpen = true;\n    this.formSectionsDraft = deepCloneFormSections(this.formSections);\n  };\n\n  private closeQuestionEditor = () => {\n    this.isQuestionEditorOpen = false;\n    this.editingQuestion = null;\n    this.formSectionsDraft = null;\n  };\n\n  private updateFormSectionsWithDraft = () => {\n    this.formSections = this.formSectionsDraft;\n    this.formSectionsDraft = null;\n    this.isQuestionEditorOpen = false;\n  };\n\n  private hasUnsavedFormSectionsChanges = (): boolean => {\n    // return !isEqual(this.formSections, this.formSectionsDraft); // NEED TO INSTALL PACKAGE\n    return JSON.stringify(this.formSections) === JSON.stringify(this.formSectionsDraft); // Breaks on circular refs or non-serializable types (like Dates, Maps, etc.)\n  };\n\n  private addQuestionOfType = (defaultQuestionObj, sIndex?: number, qIndex?: number): { sIndex: number; qIndex: number } => {\n    const newQuestion = {\n      questionTypeName: defaultQuestionObj.questionTypeName,\n      fieldTypeId: defaultQuestionObj.fieldTypeId,\n      fieldProperties: defaultQuestionObj.defaultFieldProperties,\n      helperText: '',\n      questionText: '',\n      section: sIndex !== undefined ? sIndex + 1 : this.formSections.length > 0 ? this.formSections[this.formSections.length - 1][0].section : 1, // Assign section based on sIndex or last section\n      isContainsOptionItems: defaultQuestionObj.isContainsOptionItems,\n      icon: defaultQuestionObj.icon,\n      required: false,\n      form: null,\n      isPrivate: true,\n    };\n\n    const newFormSections = deepCloneFormSections(this.formSections); // Use helper to get a deep copy\n\n    let actualSIndex = sIndex;\n    let actualQIndex = qIndex;\n\n    if (sIndex !== undefined && qIndex !== undefined) {\n      // Insert at specific index\n      if (newFormSections[sIndex]) {\n        newFormSections[sIndex].splice(qIndex, 0, newQuestion);\n      } else {\n        // fallback\n        const lastSectionIdx = newFormSections.length - 1;\n        newFormSections[lastSectionIdx].push(newQuestion);\n        actualSIndex = lastSectionIdx;\n        actualQIndex = newFormSections[lastSectionIdx].length - 1;\n      }\n    } else {\n      // Append to the last section or create a new one\n      const lastSectionIdx = newFormSections.length - 1;\n      if (lastSectionIdx < 0 || newFormSections[lastSectionIdx].length === 0) {\n        newFormSections.push([newQuestion]);\n        actualSIndex = newFormSections.length - 1;\n        actualQIndex = 0;\n      } else {\n        newFormSections[lastSectionIdx].push(newQuestion);\n        actualSIndex = lastSectionIdx;\n        actualQIndex = newFormSections[lastSectionIdx].length - 1;\n      }\n    }\n\n    // this.formSections = newFormSections;\n    this.formSectionsDraft = newFormSections;\n    if (this.showMenuAtIndex) this.showMenuAtIndex = null;\n\n    return { sIndex: actualSIndex, qIndex: actualQIndex };\n  };\n\n  private deepMerge(target: any, source: any): any {\n    const output = { ...target };\n    for (const key in source) {\n      if (source[key] && typeof source[key] === 'object' && !Array.isArray(source[key])) {\n        output[key] = this.deepMerge(target[key] || {}, source[key]);\n      } else {\n        output[key] = source[key];\n      }\n    }\n    return output;\n  }\n\n  private validateQuestionItem(sIndex: number, qIndex: number): boolean {\n    const questionItem = this.formSections[sIndex][qIndex];\n\n    if (!questionItem.questionText) {\n      return false;\n    }\n\n    if (questionItem.isContainsOptionItems) {\n      const fieldProps = questionItem.fieldProperties;\n\n      // If there's a lookupId, assume it's valid and skip item validation\n      if (!fieldProps?.lookupId) {\n        // If no items or empty, invalid\n        if (!Array.isArray(fieldProps?.items) || fieldProps.items.length === 0) {\n          return false;\n        }\n\n        // Check that each item has both display and value\n        const invalidItemExists = fieldProps.items.some(item => !item.display || !item.value);\n\n        if (invalidItemExists) {\n          return false;\n        }\n      }\n    }\n\n    return true;\n  }\n\n  private validateForm(): boolean {\n    return this.validateFormMetadata() && this.validateAllQuestions();\n  }\n\n  private validateFormMetadata(): boolean {\n    if (!this.formMetadata.title || !this.formMetadata.description) {\n      return false;\n    }\n\n    return true;\n  }\n\n  private validateAllQuestions(): boolean {\n    for (let sIndex = 0; sIndex < this.formSections.length; sIndex++) {\n      const formSection = this.formSections[sIndex];\n      for (let qIndex = 0; qIndex < formSection.length; qIndex++) {\n        if (!this.validateQuestionItem(sIndex, qIndex)) {\n          return false;\n        }\n      }\n    }\n    return true;\n  }\n\n  private toggleStyleSheet = () => {\n    this.isStyleSheetOpen = !this.isStyleSheetOpen;\n  };\n\n  render() {\n    console.log('[UDP Forms Builder] render called. isStyleSheetOpen:', this.isStyleSheetOpen);\n    if (this.isError) {\n      return <div> Error With the Form Builder</div>;\n    }\n\n    const isEditable = this.isNewForm || this.isMostRecentFormVersion;\n\n    return (\n      <div>\n        {/* FIXME: Review this */}\n        <primary-action-header\n          title={'UDP Form Builder'}\n          actionButtonLabel={isEditable ? (this.isMostRecentFormVersion ? `Create New Version (v.${this.version + 1})` : 'Create New Form') : ''}\n          primaryActionClick={isEditable ? () => this.submitForm() : null}\n          // HIDE STYLE OVERRIDE IN UI\n          defaultActionButtons={\n            isEditable ? [{ label: 'Style Overrides', clickHandler: this.toggleStyleSheet, tooltip: 'Style Overrides', visible: false, icon: getIconFromName('settings') }] : []\n          }\n          tabs={false}\n        />\n        <udp-side-sheet open={this.isStyleSheetOpen} onUdpSideSheetClose={() => (this.isStyleSheetOpen = false)} title=\"Style Overrides\" position=\"right\" width=\"md\">\n          <udp-forms-builder-style-override formMetadata={this.formMetadata} onFormMetadataChange={updated => (this.formMetadata = updated)}></udp-forms-builder-style-override>\n        </udp-side-sheet>\n\n        <udp-side-sheet\n          open={this.isQuestionEditorOpen}\n          onUdpSideSheetClose={() => this.closeQuestionEditor()}\n          onUdpPrimaryButtonClick={() => {\n            if (this.hasUnsavedFormSectionsChanges()) { // dont do anything if no changes are made. without this, it'll close the sidesheet\n              return;\n            }\n            this.updateFormSectionsWithDraft();\n          }}\n          primaryButtonDisabled={this.hasUnsavedFormSectionsChanges()}\n          title=\"Edit Question\"\n          position=\"right\"\n          width=\"md\"\n          primaryButtonLabel=\"Update\"\n        >\n          {this.isQuestionEditorOpen && (\n            <div class=\"question-editor-container\">\n              <question-configs-renderer\n                formSectionsDraft={this.formSectionsDraft}\n                sIndex={this.editingQuestion.sIndex}\n                qIndex={this.editingQuestion.qIndex}\n                isViewOnly={!isEditable}\n                onFormSectionsDraftChange={updated => (this.formSectionsDraft = updated)}\n                lookupOptions={this.lookupOptionsDataProcessed}\n              />\n            </div>\n          )}\n        </udp-side-sheet>\n\n        <fluent-dialog\n          open={this.isDialogOpen}\n          message={'Are you sure you want to delete this question?'}\n          labelOne={'Cancel'}\n          labelTwo={'Confirm'}\n          actionOne={() => (this.isDialogOpen = false)}\n          actionTwo={() => this.dialogActionTwo()}\n        ></fluent-dialog>\n\n        {this.isLoading && <udp-linear-loader />}\n        {!this.isLoading && (\n          <udp-container maxWidth=\"lg\">\n            <div class=\"udp-forms-page\">\n              <div class=\"form-details-container\">\n                <div class=\"form-details-name-container\">\n                  {isEditable ? (\n                    <div class=\"form-details-name-input\">\n                      <text-field\n                        label=\"Form Title\"\n                        value={this.formMetadata.name}\n                        placeholder=\" Form Title\"\n                        disabled={!isEditable}\n                        required={true}\n                        onChange={(e: Event) => {\n                          this.formMetadata = {\n                            ...this.formMetadata,\n                            name: (e.target as HTMLInputElement).value,\n                          };\n                        }}\n                      ></text-field>\n                    </div>\n                  ) : (\n                    <div class=\"form-details-name-display\">\n                      <unity-typography variant={'h2'}>{this.formMetadata.name + ' (View Only)'}</unity-typography>\n                    </div>\n                  )}\n                </div>\n\n                <div class=\"form-details-description-container\">\n                  {isEditable ? (\n                    <div class=\"form-details-details-input\">\n                      <text-area\n                        label=\"Form Description\"\n                        value={this.formMetadata.description}\n                        placeholder=\"Form Description\"\n                        disabled={!isEditable}\n                        required={true}\n                        onChange={(e: CustomEvent<string>) => {\n                          this.formMetadata = {\n                            ...this.formMetadata,\n                            description: e.detail,\n                          };\n                        }}\n                      ></text-area>\n                    </div>\n                  ) : (\n                    <div class=\"form-details-description-display\">\n                      <unity-typography>{this.formMetadata.description}</unity-typography>\n                    </div>\n                  )}\n                </div>\n                <div class=\"form-details-version-container\">\n                  <unity-typography>Version: {this.formMetadata.version}</unity-typography>\n                </div>\n                <div class=\"form-details-private-container\">\n                  <div class=\"toggle-container\">\n                    <stencil-toggle\n                      label=\"Private Form\"\n                      margin='none'\n                      disabled={!isEditable}\n                      checked={this.formMetadata.isPrivate === true}\n                      labelPosition=\"right\"\n                      onToggledChange={() => {\n                        let newIsPrivate = !this.formMetadata.isPrivate;\n                        this.formMetadata = {\n                          ...this.formMetadata,\n                          isPrivate: newIsPrivate,\n                        };\n                      }}\n                    ></stencil-toggle>\n                  </div>\n                </div>\n              </div>\n\n              {/* {isEditable && this.formSections.length === 0 && ( */}\n              {isEditable && (\n                <div class=\"add-question-button-container\">\n                  <udp-button\n                    startIcon={<udp-icon iconName={'add'} color={'inherit'} />}\n                    onClick={() => {\n                      // this.formSections = [[]];\n                      // const newSectionIndex = this.formSections.length;\n                      this.formSections = [...this.formSections, []];\n                      // this.showMenuAtIndex = { sIndex: newSectionIndex, qIndex: 0 };\n                    }}\n                  >\n                    Add a Section\n                  </udp-button>\n                </div>\n              )}\n\n              {this.formSections.map((section, sIndex) => {\n                return (\n                  <div key={sIndex} class=\"form-section\">\n                    <div class=\"form-section-header\">\n                      <div class=\"form-section-header-title\">\n                        <unity-typography variant=\"h6\" color=\"inherit\">\n                          Section {sIndex + 1}\n                        </unity-typography>\n                      </div>\n                      <div class=\"form-section-header-actions\">\n                        {(this.isNewForm || this.isMostRecentFormVersion) &&\n                          !(this.showMenuAtIndex && this.showMenuAtIndex.sIndex === sIndex && this.showMenuAtIndex.qIndex === 0) && (\n                            <stencil-icon-button\n                              icon={getIconFromName('add')}\n                              tooltip={`Add Question to Start of Section ${sIndex + 1}`}\n                              onClick={() => (this.showMenuAtIndex = { sIndex, qIndex: 0 })}\n                            ></stencil-icon-button>\n                          )}\n                        {section.length === 0 && (\n                          <stencil-icon-button\n                            icon={getIconFromName('trashCan')}\n                            tooltip=\"Delete Section\"\n                            onClick={() => {\n                              const newFormSections = [...this.formSections];\n                              newFormSections.splice(sIndex, 1);\n                              this.formSections = newFormSections;\n                            }}\n                          />\n                        )}\n                      </div>\n                    </div>\n\n                    <div class=\"form-section-questions-container\">\n                      {(this.isNewForm || this.isMostRecentFormVersion) && this.showMenuAtIndex && this.showMenuAtIndex.sIndex === sIndex && this.showMenuAtIndex.qIndex === 0 && (\n                        <udp-forms-builder-menu\n                          isVisible={true}\n                          questionsTemplate={questionsTemplate}\n                          onAddSection={() => {\n                            const newSectionIndex = this.formSections.length;\n                            this.formSections = [...this.formSections, []];\n                            this.showMenuAtIndex = { sIndex: newSectionIndex, qIndex: 0 };\n                          }}\n                          onAddQuestion={e => {\n                            const indices = this.showMenuAtIndex\n                              ? this.addQuestionOfType(e.detail, this.showMenuAtIndex.sIndex, this.showMenuAtIndex.qIndex)\n                              : this.addQuestionOfType(e.detail);\n\n                            this.editingQuestion = { ...indices };\n                            this.isQuestionEditorOpen = true;\n                          }}\n                          onCancelClick={() => (this.showMenuAtIndex = null)}\n                        />\n                      )}\n                      <div class=\"form-section-questions-draggable-container\" id={`section-${sIndex}`}>\n                        {section.map((questionItem, qIndex) => {\n                          return (\n                            <udp-list-item\n                              key={questionItem.id || `new-${sIndex}-${qIndex}`}\n                              iconName={questionItem.icon}\n                              clickable={isEditable}\n                              // onClick={() => this.handleQuestionClick(sIndex, qIndex)}\n                              primaryText={`${questionItem.questionText}`}\n                              secondaryText={questionItem.helperText ? questionItem.helperText : null}\n                              avatarBackgroundColor={this.validateQuestionItem(sIndex, qIndex) ? 'info' : 'warning'}\n                            >\n                              {questionItem.required && <stencil-chip slot=\"status-chip\" text=\"Required\" showDelete={false} clickable={false} />}\n                              <div slot=\"actions\">\n                                {isEditable ? (\n                                  <fragment>\n                                    <stencil-icon-button\n                                      icon={getIconFromName('edit')}\n                                      tooltip=\"Edit Question Details\"\n                                      onClick={e => {\n                                        e.stopPropagation();\n                                        this.handleQuestionClick(sIndex, qIndex);\n                                      }}\n                                      noBackground={true}\n                                    />\n                                    <stencil-icon-button\n                                      icon={getIconFromName('copy')}\n                                      tooltip=\"Duplicate Question\"\n                                      onClick={e => {\n                                        e.stopPropagation();\n                                        this.handleQuestionCopy(sIndex, qIndex);\n                                      }}\n                                      noBackground={true}\n                                    />\n                                    <stencil-icon-button\n                                      icon={getIconFromName('trashCan')}\n                                      tooltip=\"Delete Question\"\n                                      onClick={e => {\n                                        e.stopPropagation();\n                                        (this.dialogActionTwo = () => {\n                                          this.handleQuestionDelete(sIndex, qIndex);\n                                          this.isDialogOpen = false;\n                                        }),\n                                          (this.isDialogOpen = true);\n\n                                        // this.handleQuestionDelete(sIndex, qIndex); // directly delete without dialog popup warning\n                                      }}\n                                      noBackground={true}\n                                    />\n                                  </fragment>\n                                ) : (\n                                  <stencil-icon-button\n                                    icon={getIconFromName('view')}\n                                    tooltip=\"View Question Details\"\n                                    onClick={e => {\n                                      e.stopPropagation();\n                                      this.handleQuestionClick(sIndex, qIndex);\n                                    }}\n                                    noBackground={true}\n                                  />\n                                )}\n                              </div>\n                            </udp-list-item>\n                          );\n                        })}\n                      </div>\n\n                      {isEditable &&\n                        !this.showMenuAtIndex && ( // Only show button if no menu is active\n                          <div class=\"add-question-to-section-button-container\">\n                            <udp-button\n                              variant=\"text\"\n                              onClick={() => {\n                                this.showMenuAtIndex = { sIndex: sIndex, qIndex: section.length };\n                              }}\n                              startIcon={<udp-icon iconName={'add'} color={'inherit'} />}\n                            >\n                              Add a Question\n                            </udp-button>\n                          </div>\n                        )}\n\n                      {isEditable && this.showMenuAtIndex?.sIndex === sIndex && this.showMenuAtIndex?.qIndex === section.length && section.length > 0 && (\n                        <udp-forms-builder-menu\n                          isVisible={true}\n                          questionsTemplate={questionsTemplate}\n                          onAddSection={() => {\n                            const newFormSections = deepCloneFormSections(this.formSections);\n                            newFormSections.splice(sIndex + 1, 0, []);\n                            this.formSections = newFormSections;\n                            this.showMenuAtIndex = null;\n                          }}\n                          onAddQuestion={e => {\n                            if (this.showMenuAtIndex) {\n                              const indices = this.addQuestionOfType(e.detail, this.showMenuAtIndex.sIndex, this.showMenuAtIndex.qIndex);\n                              this.editingQuestion = { ...indices };\n                              this.isQuestionEditorOpen = true;\n                            }\n                          }}\n                          onCancelClick={() => (this.showMenuAtIndex = null)}\n                        />\n                      )}\n                    </div>\n                  </div>\n                );\n              })}\n            </div>\n          </udp-container>\n        )}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-list/udp-form-api-utils.js

@@ -0,0 +1,32 @@
+import axios from "axios";
+import { getCurrentTenantId } from "../../../../../../udp-utilities/tenant/tenantUtils";
+import { ConfigService } from "../../../../../../udp-utilities/api-config/index";
+export const fetchLatestForms = (page, pageSize, filters, order) => {
+    return axios.post(`${ConfigService.productV1ApiUrl}/UdpFormLatestVersionView/search`, {
+        eagerLoad: false,
+        pageNumber: page,
+        pageSize,
+        filterElements: [
+            ...filters,
+            {
+                searchField: 'tenantId',
+                searchOperator: '=',
+                searchValue: getCurrentTenantId(),
+            },
+        ],
+        orderElements: [order],
+    });
+};
+export const fetchFormVersions = (formId, page, pageSize) => {
+    return axios.post(`${ConfigService.productV1ApiUrl}/UdpForm/search`, {
+        eagerLoad: false,
+        pageNumber: page,
+        pageSize,
+        filterElements: [
+            { searchField: 'tenantId', searchOperator: '=', searchValue: getCurrentTenantId() },
+            { searchField: 'id', searchOperator: '=', searchValue: formId },
+        ],
+        orderElements: [{ sortColumn: 'Version', sortDirection: 'DESC' }],
+    });
+};
+//# sourceMappingURL=udp-form-api-utils.js.map

package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-list/udp-form-api-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"udp-form-api-utils.js","sourceRoot":"","sources":["../../../../../../../src/components/my-component/UI/forms/udp-forms/udp-forms-list/udp-form-api-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAG7D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAY,EAAE,QAAgB,EAAE,OAAc,EAAE,KAAU,EAAE,EAAE;IAC3F,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,eAAe,kCAAkC,EAAE;QACpF,SAAS,EAAE,KAAK;QAChB,UAAU,EAAE,IAAI;QAChB,QAAQ;QACR,cAAc,EAAE;YACd,GAAG,OAAO;YACV;gBACE,WAAW,EAAE,UAAU;gBACvB,cAAc,EAAE,GAAG;gBACnB,WAAW,EAAE,kBAAkB,EAAE;aAClC;SACF;QACD,aAAa,EAAE,CAAC,KAAK,CAAC;KACvB,CAAC,CAAC;AACL,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,MAAc,EAAE,IAAY,EAAE,QAAgB,EAAE,EAAE;IAClF,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,eAAe,iBAAiB,EAAE;QACnE,SAAS,EAAE,KAAK;QAChB,UAAU,EAAE,IAAI;QAChB,QAAQ;QACR,cAAc,EAAE;YACd,EAAE,WAAW,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,EAAE,WAAW,EAAE,kBAAkB,EAAE,EAAE;YACnF,EAAE,WAAW,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,EAAE;SAChE;QACD,aAAa,EAAE,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC;KAClE,CAAC,CAAC;AACL,CAAC,CAAA","sourcesContent":["import axios from 'axios';\nimport { getCurrentTenantId } from 'src/udp-utilities/tenant/tenantUtils';\nimport { ConfigService } from 'src/udp-utilities/api-config';\n\n\nexport const fetchLatestForms = (page: number, pageSize: number, filters: any[], order: any) => {\n    return axios.post(`${ConfigService.productV1ApiUrl}/UdpFormLatestVersionView/search`, {\n      eagerLoad: false,\n      pageNumber: page,\n      pageSize,\n      filterElements: [\n        ...filters,\n        {\n          searchField: 'tenantId',\n          searchOperator: '=',\n          searchValue: getCurrentTenantId(),\n        },\n      ],\n      orderElements: [order],\n    });\n  }\n\n  export const fetchFormVersions = (formId: string, page: number, pageSize: number) => {\n    return axios.post(`${ConfigService.productV1ApiUrl}/UdpForm/search`, {\n      eagerLoad: false,\n      pageNumber: page,\n      pageSize,\n      filterElements: [\n        { searchField: 'tenantId', searchOperator: '=', searchValue: getCurrentTenantId() },\n        { searchField: 'id', searchOperator: '=', searchValue: formId },\n      ],\n      orderElements: [{ sortColumn: 'Version', sortDirection: 'DESC' }],\n    });\n  }\n\n"]}

package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-list/udp-forms-list-card.js

@@ -0,0 +1,154 @@
+import { h, Fragment } from "@stencil/core";
+import ChevronRight24 from "@carbon/icons/es/chevron--right/16";
+import Edit from "@carbon/icons/es/edit/16";
+import View from "@carbon/icons/es/view/16";
+export class UdpFormsListCard {
+    constructor() {
+        this.formBuilderHandler = () => {
+            this.history.push(`/page/${this.pageBuilderId}?udpf_formId=${this.data.id}&udpf_version=${this.data.version}`);
+        };
+        this.formRendererHandler = () => {
+            this.history.push(`/page/${this.renderPageId}?udpf_formId=${this.data.id}&udpf_version=${this.data.version}`);
+        };
+        this.handleTitleClick = (e) => {
+            e.preventDefault();
+            this.formBuilderHandler();
+        };
+    }
+    render() {
+        const contentJsx = (h(Fragment, { key: 'b2c6c089a6b5169eca23960418b80c9508734a70' }, h("unity-typography", { key: '61f8f739161bb108dde9928c052ee0da86a59506', variant: "body1", color: "textSecondary" }, "Version: ", this.data.version), !this.isSideSheetList && (h("unity-typography", { key: 'b9b6a8c3c15d8151a0e55afa49cc3af2c28515e3', variant: "body1", color: "textSecondary" }, "Last Modified: ", new Date(this.data.lastModifiedOn).toLocaleDateString())), h("unity-typography", { key: '00e4504691304471439ba65ab6a91b9146d52447', variant: "body1", color: "textSecondary" }, "Created On: ", this.isSideSheetList ? new Date(this.data.createdOn).toLocaleDateString() : new Date(this.data.initialCreatedOn).toLocaleDateString())));
+        const actionsJsx = (h(Fragment, { key: '041660e862ab56ef141ad41a306168a7f5a88397' }, !this.isSideSheetList && (h("stencil-icon-button", { key: '4cf56b6b42d433d1ec58ce0eb2d1726555b1ed3a', icon: Edit, tooltip: "Edit in Builder", onClick: e => {
+                e.stopPropagation();
+                this.formBuilderHandler();
+            } })), h("stencil-icon-button", { key: 'b073eceb4834be1c756370d53ae18b8facf49f6c', icon: View, tooltip: "View in Renderer", onClick: e => {
+                e.stopPropagation();
+                this.formRendererHandler();
+            } }), !this.isSideSheetList && (h("stencil-icon-button", { key: 'df5e88f1149dfd7cdaa4e479e55d9c38d44b9077', icon: ChevronRight24, tooltip: "See Version History", onClick: e => {
+                var _a;
+                e.stopPropagation();
+                (_a = this.openSideSheet) === null || _a === void 0 ? void 0 : _a.call(this);
+            } }))));
+        return (h("udp-card", { key: 'd8ea5bc611ad8889d07ae07cdce3cece53ee7c7e', cardTitle: this.data.name, subheader: this.data.description, actions: actionsJsx, onTitleClick: this.handleTitleClick, disableContentPadding: true, adornmentStatus: 'info' }, contentJsx));
+    }
+    static get is() { return "udp-forms-list-card"; }
+    static get encapsulation() { return "shadow"; }
+    static get properties() {
+        return {
+            "history": {
+                "type": "any",
+                "attribute": "history",
+                "mutable": false,
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "pageBuilderId": {
+                "type": "string",
+                "attribute": "page-builder-id",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "renderPageId": {
+                "type": "string",
+                "attribute": "render-page-id",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "data": {
+                "type": "any",
+                "attribute": "data",
+                "mutable": false,
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "openSideSheet": {
+                "type": "any",
+                "attribute": "open-side-sheet",
+                "mutable": false,
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "isSideSheetList": {
+                "type": "boolean",
+                "attribute": "is-side-sheet-list",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=udp-forms-list-card.js.map

package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-list/udp-forms-list-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"udp-forms-list-card.js","sourceRoot":"","sources":["../../../../../../../src/components/my-component/UI/forms/udp-forms/udp-forms-list/udp-forms-list-card.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Fragment } from '@stencil/core';\nimport ChevronRight24 from '@carbon/icons/es/chevron--right/16';\nimport Edit from '@carbon/icons/es/edit/16';\nimport View from '@carbon/icons/es/view/16';\n\n@Component({\n  tag: 'udp-forms-list-card',\n  shadow: true,\n})\nexport class UdpFormsListCard {\n  @Prop() history: any;\n  @Prop() pageBuilderId: string;\n  @Prop() renderPageId: string;\n  @Prop() data: any;\n  @Prop() openSideSheet: any;\n  @Prop() isSideSheetList: boolean;\n\n  formBuilderHandler = () => {\n    this.history.push(`/page/${this.pageBuilderId}?udpf_formId=${this.data.id}&udpf_version=${this.data.version}`);\n  };\n\n  formRendererHandler = () => {\n    this.history.push(`/page/${this.renderPageId}?udpf_formId=${this.data.id}&udpf_version=${this.data.version}`);\n  };\n\n  private handleTitleClick = (e: CustomEvent) => {\n    e.preventDefault();\n    this.formBuilderHandler();\n  };\n\n  render() {\n    const contentJsx = (\n      <Fragment>\n        <unity-typography variant=\"body1\" color=\"textSecondary\">\n          Version: {this.data.version}\n        </unity-typography>\n        {!this.isSideSheetList && (\n          <unity-typography variant=\"body1\" color=\"textSecondary\">\n            Last Modified: {new Date(this.data.lastModifiedOn).toLocaleDateString()}\n          </unity-typography>\n        )}\n        <unity-typography variant=\"body1\" color=\"textSecondary\">\n          Created On: {this.isSideSheetList ? new Date(this.data.createdOn).toLocaleDateString() : new Date(this.data.initialCreatedOn).toLocaleDateString()}\n        </unity-typography>\n      </Fragment>\n    );\n\n    const actionsJsx = (\n      <Fragment>\n        {!this.isSideSheetList && (\n          <stencil-icon-button\n            icon={Edit}\n            tooltip=\"Edit in Builder\"\n            onClick={e => {\n              e.stopPropagation();\n              this.formBuilderHandler();\n            }}\n          />\n        )}\n        <stencil-icon-button\n          icon={View}\n          tooltip=\"View in Renderer\"\n          onClick={e => {\n            e.stopPropagation();\n            this.formRendererHandler();\n          }}\n        />\n        {!this.isSideSheetList && (\n          <stencil-icon-button\n            icon={ChevronRight24}\n            tooltip=\"See Version History\"\n            onClick={e => {\n              e.stopPropagation();\n              this.openSideSheet?.();\n            }}\n          />\n        )}\n      </Fragment>\n    );\n\n    return (\n      <udp-card\n        cardTitle={this.data.name}\n        subheader={this.data.description}\n        actions={actionsJsx}\n        onTitleClick={this.handleTitleClick}\n        disableContentPadding={true}\n        adornmentStatus={'info'}\n      >\n        {contentJsx}\n      </udp-card>\n    );\n  }\n}\n"]}

package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-list/udp-forms-list.css

@@ -0,0 +1,43 @@
+:host {
+  display: block;
+}
+
+
+.udp-form-filter-container {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--spacing-05);
+  flex-wrap: nowrap;
+  padding: var(--spacing-05) 0;
+}
+
+.error-banner {
+  background-color: #fdecea;
+  border: 1px solid #f5c6cb;
+  color: #a94442;
+  padding: 12px;
+  margin-bottom: 12px;
+  border-radius: 4px;
+}
+
+.selector-group,
+.search-group {
+  display: flex;
+  gap: 0.75rem;
+  align-items: flex-end;
+}
+
+.selector-group {
+  flex-grow: 1;
+  flex-shrink: 1;
+  max-width: 300px;
+}
+
+/* 
+.selector-group udp-selector,
+.search-group text-field,
+.search-group stencil-icon-button,
+.search-group udp-button {
+  flex: 0 1 auto;
+} */

package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-list/udp-forms-list.js

@@ -0,0 +1,258 @@
+import { h } from "@stencil/core";
+import "./udp-forms-list-card";
+import { fetchLatestForms, fetchFormVersions } from "./udp-form-api-utils";
+export class UdpFormsList {
+    constructor() {
+        this.isSideSheetOpen = false;
+        this.mainFormsList = [];
+        this.sideSheetFormsList = [];
+        this.mainListPageNumber = 1;
+        this.sideSheetListPageNumber = 1;
+        this.mainTotalItems = 0;
+        this.sideSheetTotalItems = 0;
+        this.isLoading = true;
+        this.errorMessage = '';
+        this.sortState = { sortDirection: 'DESC', sortColumn: 'lastModifiedOn' };
+        this.searchFilters = [];
+        this.nameFilter = '';
+        this.pageBuilderId = 'c77aa2c8-f8b8-41af-aa77-c8612fc918c1';
+        this.renderPageId = 'c696afbd-8d83-4f80-aaa1-9a3530a05a21';
+        this.SIDE_SHEET_PAGE_SIZE = 8;
+        this.MAIN_PAGE_SIZE = 6;
+        this.componentMap = {
+            history: 'history',
+            pageBuilderId: 'pageBuilderId',
+            renderPageId: 'renderPageId',
+            isSideSheetList: 'isSideSheetList',
+            openSideSheet: 'openSideSheet',
+            data: 'data',
+            titleClick: 'titleClick',
+        };
+        this.SORT_DIRECTIONS = [
+            { label: 'Asc', value: 'ASC' },
+            { label: 'Desc', value: 'DESC' },
+        ];
+        this.SORT_COLUMNS = [
+            { label: 'Last Modified', value: 'lastModifiedOn' },
+            { label: 'Created On', value: 'initialCreatedOn' },
+            { label: 'Name', value: 'name' },
+        ];
+        this.debouncedFormNameSearch = (() => {
+            let timeout;
+            return () => {
+                clearTimeout(timeout);
+                timeout = window.setTimeout(() => this.loadMainForms(), 300);
+            };
+        })();
+        this.handleHeaderPrimaryActionClick = () => {
+            this.history.push(`/page/${this.pageBuilderId}`);
+        };
+        this.handleSideSheetPrimaryAction = () => {
+            // redirect to form builder with latest version
+            const latestFormData = this.mainFormsList.find(form => form.data.id === this.sideSheetFormsList[0].data.id).data;
+            const latestFormId = latestFormData.id;
+            const formLatestVersion = latestFormData.version;
+            this.history.push(`/page/${this.pageBuilderId}?udpf_formId=${latestFormId}&udpf_version=${formLatestVersion}`);
+            this.isSideSheetOpen = false;
+        };
+        this.handleSideSheetClose = () => {
+            // reset side sheet data
+            this.sideSheetFormsList = [];
+            this.sideSheetListPageNumber = 1;
+            this.sideSheetTotalItems = 0;
+            this.isSideSheetOpen = false;
+        };
+    }
+    componentDidLoad() {
+        return this.loadMainForms();
+    }
+    // ###################### API Helpers ######################
+    async loadMainForms() {
+        var _a;
+        this.isLoading = true;
+        this.errorMessage = '';
+        try {
+            const response = await fetchLatestForms(this.mainListPageNumber, this.MAIN_PAGE_SIZE, this.searchFilters, this.sortState);
+            const data = response.data;
+            if (!data || !Array.isArray(data.pageList)) {
+                throw new Error('Malformed data received from server.');
+            }
+            this.mainFormsList = this.formatList(data.pageList, false);
+            this.mainTotalItems = (_a = data.total) !== null && _a !== void 0 ? _a : 0;
+        }
+        catch (err) {
+            console.error('Error loading forms data:', err);
+            this.errorMessage = 'Failed to load forms. Please try again.';
+        }
+        finally {
+            this.isLoading = false;
+        }
+    }
+    async loadFormVersions() {
+        var _a;
+        this.isLoading = true;
+        this.errorMessage = '';
+        try {
+            const response = await fetchFormVersions(this.currentFormId, this.sideSheetListPageNumber, this.SIDE_SHEET_PAGE_SIZE);
+            const data = response.data;
+            if (!data || !Array.isArray(data.pageList)) {
+                throw new Error('Malformed form versions data.');
+            }
+            this.sideSheetFormsList = this.formatList(data.pageList, true);
+            this.sideSheetTotalItems = (_a = data.total) !== null && _a !== void 0 ? _a : 0;
+        }
+        catch (err) {
+            console.error('Error loading form versions:', err);
+            this.errorMessage = 'Failed to load form versions.';
+        }
+        finally {
+            this.isLoading = false;
+        }
+    }
+    formatList(data, isSideSheetList) {
+        return data.map(item => ({
+            data: item,
+            history: this.history,
+            pageBuilderId: this.pageBuilderId,
+            renderPageId: this.renderPageId,
+            isSideSheetList,
+            openSideSheet: () => this.handleOpenSideSheet(item.id),
+        }));
+    }
+    // ###################### Main list Handlers/helpers ######################
+    async handleMainPageChange(page) {
+        this.mainListPageNumber = page;
+        await this.loadMainForms();
+    }
+    handleOrderFilterChange({ fieldName, value }) {
+        this.sortState = Object.assign(Object.assign({}, this.sortState), { [fieldName]: value });
+    }
+    handleFormNameSearchFilterChange(e) {
+        const inputEl = e.target;
+        this.nameFilter = inputEl.value;
+        const searchFieldName = 'name';
+        const searchOperator = 'LIKE';
+        const searchObject = {
+            searchField: searchFieldName,
+            searchOperator,
+            searchValue: inputEl.value,
+        };
+        let filtersStateCopy = this.searchFilters.filter(f => f.searchField !== searchFieldName);
+        if (inputEl.value.trim() !== '') {
+            filtersStateCopy.push(searchObject);
+        }
+        this.searchFilters = filtersStateCopy;
+        this.mainListPageNumber = 1;
+    }
+    async refetchMainListData(newVal, oldVal) {
+        if (JSON.stringify(newVal) === JSON.stringify(oldVal))
+            return;
+        this.mainListPageNumber = 1;
+        await this.loadMainForms();
+    }
+    // ######################  Side Sheet list Handler/helpers ######################
+    async handleOpenSideSheet(formId) {
+        this.currentFormId = formId;
+        this.sideSheetListPageNumber = 1;
+        this.isSideSheetOpen = true;
+        await this.loadFormVersions();
+    }
+    async handleSideSheetPageChange(page) {
+        this.sideSheetListPageNumber = page;
+        await this.loadFormVersions();
+    }
+    // ###################### RENDERER HELPERS ######################
+    renderFilters() {
+        return (h("div", { class: "udp-form-filter-container" }, h("div", { class: "search-group" }, h("text-field", { label: "Search Name", value: this.nameFilter, placeholder: "Search Form Name", onInput: async (e) => {
+                this.handleFormNameSearchFilterChange(e);
+                this.debouncedFormNameSearch();
+            }, margin: "none" })), h("div", { class: "selector-group" }, h("udp-selector", { label: "Sort By", name: "sortColumn", options: this.SORT_COLUMNS, onChange: (e) => this.handleOrderFilterChange({ fieldName: 'sortColumn', value: e.detail }), initialValue: this.sortState.sortColumn }), h("udp-selector", { label: "Sort Direction", name: "sortDirection", options: this.SORT_DIRECTIONS, onChange: (e) => this.handleOrderFilterChange({ fieldName: 'sortDirection', value: e.detail }), initialValue: this.sortState.sortDirection }))));
+    }
+    renderSideSheet() {
+        return (h("udp-side-sheet", { primaryButtonLabel: "Create New Form Version", title: "Form Version History", open: this.isSideSheetOpen, onUdpSideSheetClose: () => this.handleSideSheetClose(), position: "right", width: "md", onUdpPrimaryButtonClick: () => this.handleSideSheetPrimaryAction() }, this.isLoading && this.isSideSheetOpen && h("udp-linear-loader", null), h("udp-list-renderer", { itemComponent: "udp-forms-list-card", data: this.sideSheetFormsList, pagination: true, isServerSide: true, isLoading: this.isLoading, itemsPerPage: this.SIDE_SHEET_PAGE_SIZE, currentPage: this.sideSheetListPageNumber, totalItems: this.sideSheetTotalItems, onPageChange: e => this.handleSideSheetPageChange(e.detail), componentDataMap: this.componentMap, spacing: 'md' })));
+    }
+    renderErrorMessage() {
+        return this.errorMessage ? (h("div", { class: "error-banner" }, h("unity-typography", { variant: "body2" }, this.errorMessage))) : null;
+    }
+    render() {
+        return (h("div", { key: '776f1c0d097049cf3fa25fd220c863863298f3f1', class: "udp-forms-list-container" }, h("primary-action-header", { key: '6bcbb3742d65343e74600ef82a83fb8f98d024d3', title: "UDP Forms", primaryActionClick: () => this.handleHeaderPrimaryActionClick(), actionButtonLabel: "Create New Form", tabs: false }), this.isLoading && h("udp-linear-loader", { key: 'a28d9f33d6a7112be5686ceab652df74f7b94942' }), this.renderSideSheet(), h("udp-container", { key: 'e8c56a73a61a9b20b194d7271fa2e33fd6789600', maxWidth: "lg" }, this.renderErrorMessage(), this.renderFilters(), h("udp-list-renderer", { key: '2675f32cd0289e1bab35c4df2a8d75d65718a3ab', itemComponent: "udp-forms-list-card", data: this.mainFormsList, pagination: true, isServerSide: true, isLoading: this.isLoading, itemsPerPage: this.MAIN_PAGE_SIZE, currentPage: this.mainListPageNumber, totalItems: this.mainTotalItems, onPageChange: e => this.handleMainPageChange(e.detail), componentDataMap: this.componentMap, spacing: 'md' })), h("udp-forms-list-card", { key: '8c5dcc9fd66c9ceef9577f27db3db38b4311f058', style: { display: 'none' } }), h("div", { key: 'a864d19e4bd93705d3a33f34883f79ccb13ed1e3', style: { height: '60px' } })));
+    }
+    static get is() { return "udp-forms-list"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["udp-forms-list.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["udp-forms-list.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "clientUrlBase": {
+                "type": "string",
+                "attribute": "client-url-base",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "history": {
+                "type": "any",
+                "attribute": "history",
+                "mutable": false,
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "isSideSheetOpen": {},
+            "mainFormsList": {},
+            "sideSheetFormsList": {},
+            "mainListPageNumber": {},
+            "sideSheetListPageNumber": {},
+            "mainTotalItems": {},
+            "sideSheetTotalItems": {},
+            "isLoading": {},
+            "errorMessage": {},
+            "sortState": {},
+            "searchFilters": {},
+            "nameFilter": {}
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "sortState",
+                "methodName": "refetchMainListData"
+            }];
+    }
+}
+//# sourceMappingURL=udp-forms-list.js.map