udp-stencil-component-library 1.0.0

package/dist/components/udp-forms-builder.js.map

@@ -0,0 +1 @@
+{"file":"udp-forms-builder.js","mappings":"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","names":["UdpFormsBuilder","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder.css?tag=udp-forms-builder&encapsulation=shadow","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder.tsx"],"sourcesContent":[":host {\n  display: block;\n    --udp-form-primary-color: #007bff; /* Example primary color */\n  --udp-form-spacing-unit: 16px;\n\n}\n\n/* ################### FORM PAGE ################### */\n.udp-forms-page {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-06, 32px);\n  /* background-color: white; */\n  padding: var(--spacing-06, 32px);\n  padding-bottom: var(--spacing-12);\n}\n\n\n.form-section-questions-container {\n  display: flex;\n  flex-direction: column;\n}\n\n\n/* ################### FORM METADATA ################### */\n\n\n.form-details-container {\n  display: flex;\n  flex-direction: column;\n  /* align-items: flex-start; */\n  /* margin: 0 2rem; */\n  gap: var(--spacing-05, 24px);\n  padding: var(--spacing-05, 24px);\n  \n  background-color: var(--card-background-color, white);\n}\n\n.udp-form-builder-field-container,\n.udp-forms-builder-item-generic-configs,\n.udp-forms-builder-item-specific-configs {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-04, 16px);\n}\n\n/* ################### SECTIONS ################### */\n.form-section {\n  /* background-color: var(--primary-color-alpha-15); */\n  /* border: 2px solid var(--primary-color-alpha-50); */\n  /* border-radius: 8px; */\n  /* padding: var(--spacing-04); */\n}\n\n\n.form-section-header {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  background-color: var(--primary-color-dark, #000);\n  color: var(--primary-contrast-text, #FFF);\n  padding: var(--spacing-04, 16px) var(--spacing-05, 24px);\n  /* margin-bottom: var(--spacing-04); */\n  align-items: center;\n}\n\n.add-question-button-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.question-editor-container {\n  padding: var(--spacing-05, 24px);\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-05, 24px);\n}\n\n.add-question-to-section-button-container {\n  padding: var(--spacing-02, 8px) 0;\n  margin: auto;\n}\n\n.sortable-ghost {\n  opacity: 0.5;\n  transform: scale(0.98);\n  background: #f4f4f4;\n  border: 1px dashed #ccc;\n}\n\n.sortable-chosen {\n  background: #eef6ff;\n  box-shadow: 0 0 4px 2px rgba(51, 153, 255, 0.3);\n}","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"],"version":3}

package/dist/components/udp-forms-list-card.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UdpFormsListCard extends Components.UdpFormsListCard, HTMLElement {}
+export const UdpFormsListCard: {
+    prototype: UdpFormsListCard;
+    new (): UdpFormsListCard;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/udp-forms-list-card.js

@@ -0,0 +1,9 @@
+import { U as UdpFormsListCard$1, d as defineCustomElement$1 } from './p-BBRYB9ub.js';
+
+const UdpFormsListCard = UdpFormsListCard$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { UdpFormsListCard, defineCustomElement };
+//# sourceMappingURL=udp-forms-list-card.js.map
+
+//# sourceMappingURL=udp-forms-list-card.js.map

package/dist/components/udp-forms-list-card.js.map

@@ -0,0 +1 @@
+{"file":"udp-forms-list-card.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/udp-forms-list.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UdpFormsList extends Components.UdpFormsList, HTMLElement {}
+export const UdpFormsList: {
+    prototype: UdpFormsList;
+    new (): UdpFormsList;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/udp-forms-list.js

@@ -0,0 +1,391 @@
+import { p as proxyCustomElement, H, h } from './p-DPon6DDX.js';
+import { d as defineCustomElement$a } from './p-BBRYB9ub.js';
+import axios from 'axios';
+import { g as getCurrentTenantId } from './p-Basdb1b1.js';
+import { C as ConfigService } from './p-Cn7PuhQz.js';
+import { d as defineCustomElement$n } from './p-ITdkb3Af.js';
+import { d as defineCustomElement$m } from './p-hRee3qYx.js';
+import { d as defineCustomElement$l } from './p-DaQoPi4y.js';
+import { d as defineCustomElement$k } from './p-BGjVmQGN.js';
+import { d as defineCustomElement$j } from './p-ZeWoGdjP.js';
+import { d as defineCustomElement$i } from './p-C-wDzVCk.js';
+import { d as defineCustomElement$h } from './p-Dri6DPsA.js';
+import { d as defineCustomElement$g } from './p-D-E4AmnZ.js';
+import { d as defineCustomElement$f } from './p-zX6KOjeD.js';
+import { d as defineCustomElement$e } from './p-CGzs_nSP.js';
+import { d as defineCustomElement$d } from './p-Czt01rVg.js';
+import { d as defineCustomElement$c } from './p-D2pHfe6_.js';
+import { d as defineCustomElement$b } from './p-CbpPw6wX.js';
+import { d as defineCustomElement$9 } from './p-D6597cWr.js';
+import { d as defineCustomElement$8 } from './p-DLA7ayAx.js';
+import { d as defineCustomElement$7 } from './p-BjopjQ74.js';
+import { d as defineCustomElement$6 } from './p-D7lXPDDs.js';
+import { d as defineCustomElement$5 } from './p-BoD1tv2h.js';
+import { d as defineCustomElement$4 } from './p-DIPIddaO.js';
+import { d as defineCustomElement$3 } from './p-C0UDJI6E.js';
+import { d as defineCustomElement$2 } from './p-DkppmXNM.js';
+
+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],
+    });
+};
+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' }],
+    });
+};
+
+const udpFormsListCss = ":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}";
+
+const UdpFormsList$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsList extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        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' } })));
+    }
+    get el() { return this; }
+    static get watchers() { return {
+        "sortState": ["refetchMainListData"]
+    }; }
+    static get style() { return udpFormsListCss; }
+}, [1, "udp-forms-list", {
+        "clientUrlBase": [1, "client-url-base"],
+        "history": [8],
+        "isSideSheetOpen": [32],
+        "mainFormsList": [32],
+        "sideSheetFormsList": [32],
+        "mainListPageNumber": [32],
+        "sideSheetListPageNumber": [32],
+        "mainTotalItems": [32],
+        "sideSheetTotalItems": [32],
+        "isLoading": [32],
+        "errorMessage": [32],
+        "sortState": [32],
+        "searchFilters": [32],
+        "nameFilter": [32]
+    }, undefined, {
+        "sortState": ["refetchMainListData"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["udp-forms-list", "primary-action-header", "stencil-icon-button", "text-field", "udp-adornment", "udp-ambient-tool-tip", "udp-badge", "udp-button", "udp-card", "udp-card-actions", "udp-card-content", "udp-card-header", "udp-card-media", "udp-container", "udp-forms-list-card", "udp-linear-loader", "udp-link", "udp-list-renderer", "udp-pagination", "udp-selector", "udp-side-sheet", "udp-tabs", "unity-typography"];
+    components.forEach(tagName => { switch (tagName) {
+        case "udp-forms-list":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, UdpFormsList$1);
+            }
+            break;
+        case "primary-action-header":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$n();
+            }
+            break;
+        case "stencil-icon-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$m();
+            }
+            break;
+        case "text-field":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$l();
+            }
+            break;
+        case "udp-adornment":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$k();
+            }
+            break;
+        case "udp-ambient-tool-tip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$j();
+            }
+            break;
+        case "udp-badge":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$i();
+            }
+            break;
+        case "udp-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$h();
+            }
+            break;
+        case "udp-card":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$g();
+            }
+            break;
+        case "udp-card-actions":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$f();
+            }
+            break;
+        case "udp-card-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$e();
+            }
+            break;
+        case "udp-card-header":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
+            }
+            break;
+        case "udp-card-media":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
+        case "udp-container":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "udp-forms-list-card":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "udp-linear-loader":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "udp-link":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "udp-list-renderer":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "udp-pagination":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "udp-selector":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "udp-side-sheet":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "udp-tabs":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "unity-typography":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const UdpFormsList = UdpFormsList$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { UdpFormsList, defineCustomElement };
+//# sourceMappingURL=udp-forms-list.js.map
+
+//# sourceMappingURL=udp-forms-list.js.map

package/dist/components/udp-forms-list.js.map

@@ -0,0 +1 @@
+{"file":"udp-forms-list.js","mappings":"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","names":["UdpFormsList","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/forms/udp-forms/udp-forms-list/udp-form-api-utils.ts","src/components/my-component/UI/forms/udp-forms/udp-forms-list/udp-forms-list.css?tag=udp-forms-list&encapsulation=shadow","src/components/my-component/UI/forms/udp-forms/udp-forms-list/udp-forms-list.tsx"],"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",":host {\n  display: block;\n}\n\n\n.udp-form-filter-container {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: var(--spacing-05);\n  flex-wrap: nowrap;\n  padding: var(--spacing-05) 0;\n}\n\n.error-banner {\n  background-color: #fdecea;\n  border: 1px solid #f5c6cb;\n  color: #a94442;\n  padding: 12px;\n  margin-bottom: 12px;\n  border-radius: 4px;\n}\n\n.selector-group,\n.search-group {\n  display: flex;\n  gap: 0.75rem;\n  align-items: flex-end;\n}\n\n.selector-group {\n  flex-grow: 1;\n  flex-shrink: 1;\n  max-width: 300px;\n}\n\n/* \n.selector-group udp-selector,\n.search-group text-field,\n.search-group stencil-icon-button,\n.search-group udp-button {\n  flex: 0 1 auto;\n} */","import { Component, h, State, Prop, Element, Watch } from '@stencil/core';\nimport './udp-forms-list-card';\nimport { fetchLatestForms, fetchFormVersions } from './udp-form-api-utils';\n@Component({\n  tag: 'udp-forms-list',\n  styleUrl: 'udp-forms-list.css',\n  shadow: true,\n})\nexport class UdpFormsList {\n  @Element() el: HTMLElement;\n\n  @Prop() clientUrlBase: string;\n  @Prop() history: any;\n\n  @State() isSideSheetOpen = false;\n  @State() mainFormsList = [];\n  @State() sideSheetFormsList = [];\n\n  @State() mainListPageNumber = 1;\n  @State() sideSheetListPageNumber = 1;\n\n  @State() mainTotalItems = 0;\n  @State() sideSheetTotalItems = 0;\n\n  @State() isLoading = true;\n  @State() errorMessage: string = '';\n  @State() sortState = { sortDirection: 'DESC', sortColumn: 'lastModifiedOn' };\n  @State() searchFilters = [];\n  @State() nameFilter = '';\n\n  private readonly pageBuilderId = 'c77aa2c8-f8b8-41af-aa77-c8612fc918c1';\n  private readonly renderPageId = 'c696afbd-8d83-4f80-aaa1-9a3530a05a21';\n\n  private readonly SIDE_SHEET_PAGE_SIZE = 8;\n  private readonly MAIN_PAGE_SIZE = 6;\n\n  private currentFormId: string;\n\n  private readonly componentMap = {\n    history: 'history',\n    pageBuilderId: 'pageBuilderId',\n    renderPageId: 'renderPageId',\n    isSideSheetList: 'isSideSheetList',\n    openSideSheet: 'openSideSheet',\n    data: 'data',\n    titleClick: 'titleClick',\n  };\n\n  private readonly SORT_DIRECTIONS = [\n    { label: 'Asc', value: 'ASC' },\n    { label: 'Desc', value: 'DESC' },\n  ];\n\n  private readonly SORT_COLUMNS = [\n    { label: 'Last Modified', value: 'lastModifiedOn' },\n    { label: 'Created On', value: 'initialCreatedOn' },\n    { label: 'Name', value: 'name' },\n  ];\n\n\n  componentDidLoad() {\n    return this.loadMainForms();\n  }\n\n  // ###################### API Helpers ######################\n  private async loadMainForms() {\n    this.isLoading = true;\n    this.errorMessage = '';\n    try {\n      const response = await fetchLatestForms(this.mainListPageNumber, this.MAIN_PAGE_SIZE, this.searchFilters, this.sortState);\n\n      const data = response.data;\n\n      if (!data || !Array.isArray(data.pageList)) {\n        throw new Error('Malformed data received from server.');\n      }\n\n      this.mainFormsList = this.formatList(data.pageList, false);\n      this.mainTotalItems = data.total ?? 0;\n    } catch (err) {\n      console.error('Error loading forms data:', err);\n      this.errorMessage = 'Failed to load forms. Please try again.';\n    } finally {\n      this.isLoading = false;\n    }\n  }\n\n   private async loadFormVersions() {\n    this.isLoading = true;\n    this.errorMessage = '';\n    try {\n      const response = await fetchFormVersions(this.currentFormId, this.sideSheetListPageNumber, this.SIDE_SHEET_PAGE_SIZE);\n\n      const data = response.data;\n\n      if (!data || !Array.isArray(data.pageList)) {\n        throw new Error('Malformed form versions data.');\n      }\n\n      this.sideSheetFormsList = this.formatList(data.pageList, true);\n      this.sideSheetTotalItems = data.total ?? 0;\n    } catch (err) {\n      console.error('Error loading form versions:', err);\n      this.errorMessage = 'Failed to load form versions.';\n    } finally {\n      this.isLoading = false;\n    }\n  }\n\n  private formatList(data, isSideSheetList) {\n    return data.map(item => ({\n      data: item,\n      history: this.history,\n      pageBuilderId: this.pageBuilderId,\n      renderPageId: this.renderPageId,\n      isSideSheetList,\n      openSideSheet: () => this.handleOpenSideSheet(item.id),\n    }));\n  }\n\n  private debouncedFormNameSearch = (() => {\n    let timeout: number;\n    return () => {\n      clearTimeout(timeout);\n      timeout = window.setTimeout(() => this.loadMainForms(), 300);\n    };\n  })();\n\n  // ###################### Main list Handlers/helpers ######################\n  private async handleMainPageChange(page: number) {\n    this.mainListPageNumber = page;\n    await this.loadMainForms();\n  }\n\n  private handleOrderFilterChange({ fieldName, value }) {\n    this.sortState = { ...this.sortState, [fieldName]: value };\n  }\n\n  private handleFormNameSearchFilterChange(e) {\n    const inputEl = e.target as HTMLInputElement;\n    this.nameFilter = inputEl.value;\n\n    const searchFieldName = 'name';\n    const searchOperator = 'LIKE';\n    const searchObject = {\n      searchField: searchFieldName,\n      searchOperator,\n      searchValue: inputEl.value,\n    };\n\n    let filtersStateCopy = this.searchFilters.filter(f => f.searchField !== searchFieldName);\n\n    if (inputEl.value.trim() !== '') {\n      filtersStateCopy.push(searchObject);\n    }\n\n    this.searchFilters = filtersStateCopy;\n    this.mainListPageNumber = 1;\n  }\n\n  private handleHeaderPrimaryActionClick = () => {\n    this.history.push(`/page/${this.pageBuilderId}`);\n  };\n\n  @Watch('sortState')\n  async refetchMainListData(newVal: any, oldVal: any) {\n    if (JSON.stringify(newVal) === JSON.stringify(oldVal)) return;\n    this.mainListPageNumber = 1;\n    await this.loadMainForms();\n  }\n\n  // ######################  Side Sheet list Handler/helpers ######################\n\n  private async handleOpenSideSheet(formId: string) {\n    this.currentFormId = formId;\n    this.sideSheetListPageNumber = 1;\n    this.isSideSheetOpen = true;\n    await this.loadFormVersions();\n  }\n\n  private async handleSideSheetPageChange(page: number) {\n    this.sideSheetListPageNumber = page;\n    await this.loadFormVersions();\n  }\n\n  private handleSideSheetPrimaryAction = () => {\n    // redirect to form builder with latest version\n    const latestFormData = this.mainFormsList.find(form => form.data.id === this.sideSheetFormsList[0].data.id).data;\n    const latestFormId = latestFormData.id;\n    const formLatestVersion = latestFormData.version;\n    this.history.push(`/page/${this.pageBuilderId}?udpf_formId=${latestFormId}&udpf_version=${formLatestVersion}`);\n    this.isSideSheetOpen = false;\n  };\n\n  private handleSideSheetClose = () => {\n    // reset side sheet data\n    this.sideSheetFormsList = [];\n    this.sideSheetListPageNumber = 1;\n    this.sideSheetTotalItems = 0;\n    this.isSideSheetOpen = false;\n  };\n\n  // ###################### RENDERER HELPERS ######################\n\n  private renderFilters() {\n    return (\n      <div class=\"udp-form-filter-container\">\n        <div class=\"search-group\">\n          <text-field\n            label=\"Search Name\"\n            value={this.nameFilter}\n            placeholder=\"Search Form Name\"\n            onInput={async e => {\n              this.handleFormNameSearchFilterChange(e);\n              this.debouncedFormNameSearch();\n            }}\n            margin=\"none\"\n          />\n        </div>\n        <div class=\"selector-group\">\n          <udp-selector\n            label=\"Sort By\"\n            name=\"sortColumn\"\n            options={this.SORT_COLUMNS}\n            onChange={(e: CustomEvent) => this.handleOrderFilterChange({ fieldName: 'sortColumn', value: e.detail })}\n            initialValue={this.sortState.sortColumn}\n          />\n          <udp-selector\n            label=\"Sort Direction\"\n            name=\"sortDirection\"\n            options={this.SORT_DIRECTIONS}\n            onChange={(e: CustomEvent) => this.handleOrderFilterChange({ fieldName: 'sortDirection', value: e.detail })}\n            initialValue={this.sortState.sortDirection}\n          />\n        </div>\n      </div>\n    );\n  }\n\n  private renderSideSheet() {\n    return (\n      <udp-side-sheet\n        primaryButtonLabel=\"Create New Form Version\"\n        title=\"Form Version History\"\n        open={this.isSideSheetOpen}\n        onUdpSideSheetClose={() => this.handleSideSheetClose()}\n        position=\"right\"\n        width=\"md\"\n        onUdpPrimaryButtonClick={() => this.handleSideSheetPrimaryAction()}\n      >\n        {this.isLoading && this.isSideSheetOpen && <udp-linear-loader />}\n        <udp-list-renderer\n          itemComponent=\"udp-forms-list-card\"\n          data={this.sideSheetFormsList}\n          pagination\n          isServerSide\n          isLoading={this.isLoading}\n          itemsPerPage={this.SIDE_SHEET_PAGE_SIZE}\n          currentPage={this.sideSheetListPageNumber}\n          totalItems={this.sideSheetTotalItems}\n          onPageChange={e => this.handleSideSheetPageChange(e.detail)}\n          componentDataMap={this.componentMap}\n          spacing='md'\n        />\n      </udp-side-sheet>\n    );\n  }\n\n  private renderErrorMessage() {\n    return this.errorMessage ? (\n      <div class=\"error-banner\">\n        <unity-typography variant=\"body2\">{this.errorMessage}</unity-typography>\n      </div>\n    ) : null;\n  }\n\n  render() {\n    return (\n      <div class=\"udp-forms-list-container\">\n        <primary-action-header title=\"UDP Forms\" primaryActionClick={() => this.handleHeaderPrimaryActionClick()} actionButtonLabel=\"Create New Form\" tabs={false} />\n        {this.isLoading && <udp-linear-loader />}\n\n        {this.renderSideSheet()}\n        <udp-container maxWidth=\"lg\">\n          {this.renderErrorMessage()}\n          {this.renderFilters()}\n          {/* TODO: Add prop for disabling card-content gutter(px) and padding(py) */}\n          <udp-list-renderer\n            itemComponent=\"udp-forms-list-card\"\n            data={this.mainFormsList}\n            pagination\n            isServerSide\n            isLoading={this.isLoading}\n            itemsPerPage={this.MAIN_PAGE_SIZE}\n            currentPage={this.mainListPageNumber}\n            totalItems={this.mainTotalItems}\n            onPageChange={e => this.handleMainPageChange(e.detail)}\n            componentDataMap={this.componentMap}\n            spacing='md'\n          />\n        </udp-container>\n        {/*\n          This hidden instance ensures the udp-forms-list-card component is included in the build and its custom element is registered.\n          It's necessary because the component is passed as a string (via itemComponent) and not directly used in JSX, which can cause it to be tree-shaken.\n        */}\n        <udp-forms-list-card style={{ display: 'none' }} />\n        {/* TODO: Remove this once we have a proper layout unit component */}\n        <div style={{ height: '60px' }} />\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/udp-forms-renderer.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UdpFormsRenderer extends Components.UdpFormsRenderer, HTMLElement {}
+export const UdpFormsRenderer: {
+    prototype: UdpFormsRenderer;
+    new (): UdpFormsRenderer;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;