udp-stencil-component-library 1.0.0

package/dist/stencil-library/p-0fba492d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["udpFormsBuilderCss","emptyStyleOverrides","background","backgroundImage","backgroundColor","headerBackgroundColor","fontFamily","helperText","variant","questionText","titleText","paragraphText","UdpFormsBuilder","constructor","hostRef","this","formMetadata","formSections","formSectionsDraft","isNewForm","isMostRecentFormVersion","isError","isLoading","isShowStyleOverrides","isStyleSheetOpen","isDialogOpen","showMenuAtIndex","editingQuestion","isQuestionEditorOpen","pageBuilderId","sortableInstances","getQuestionTypeName","fieldTypeId","question","questionsTemplate","find","q","questionTypeName","getIsContainsOptionItems","isContainsOptionItems","getIconForQuestion","icon","handleQuestionDelete","sIndex","qIndex","sectionsCopy","deepCloneFormSections","splice","handleQuestionCopy","newQuestion","Object","assign","handleQuestionClick","closeQuestionEditor","updateFormSectionsWithDraft","hasUnsavedFormSectionsChanges","JSON","stringify","addQuestionOfType","defaultQuestionObj","fieldProperties","defaultFieldProperties","section","undefined","length","required","form","isPrivate","newFormSections","actualSIndex","actualQIndex","lastSectionIdx","push","toggleStyleSheet","initializeSortable","forEach","instance","destroy","_","el","hostEl","shadowRoot","querySelector","sortable","Sortable","animation","easing","draggable","handle","ghostClass","chosenClass","direction","forceFallback","dragoverBubble","swapThreshold","onEnd","evt","handleDragEnd","oldIndex","newIndex","sectionCopy","moved","componentDidLoad","componentDidUpdate","componentWillLoad","initializeForm","onFormIdOrVersionChange","tenantId","getCurrentTenantId","type","version","name","description","styleOverrides","lookupResponse","makeApiCall","ConfigService","productV1ApiUrl","Error","lookupOptionsDataProcessed","map","lookupObj","value","id","label","formId","formDataResponse","formLatestVersionResponse","tempSections","maxSectionCount","formQuestions","sectionNumber","Math","max","i","sectionIndex","fieldProps","items","sort","a","b","questionOrder","metadata","__rest","deepMerge","parse","e","enqueueSnackbar","anchorOrigin","vertical","horizontal","submitForm","validateForm","processedFormMetadata","console","log","formUrl","formResponse","formVersion","questionRequests","processedQuestionData","questionRequest","Promise","all","history","error","target","source","output","key","Array","isArray","validateQuestionItem","questionItem","lookupId","invalidItemExists","some","item","display","validateFormMetadata","validateAllQuestions","title","formSection","render","h","isEditable","actionButtonLabel","primaryActionClick","defaultActionButtons","clickHandler","tooltip","visible","getIconFromName","tabs","open","onUdpSideSheetClose","position","width","onFormMetadataChange","updated","onUdpPrimaryButtonClick","primaryButtonDisabled","primaryButtonLabel","class","isViewOnly","onFormSectionsDraftChange","lookupOptions","message","labelOne","labelTwo","actionOne","actionTwo","dialogActionTwo","maxWidth","placeholder","disabled","onChange","detail","margin","checked","labelPosition","onToggledChange","newIsPrivate","startIcon","iconName","color","onClick","isVisible","onAddSection","newSectionIndex","onAddQuestion","indices","onCancelClick","clickable","primaryText","secondaryText","avatarBackgroundColor","slot","text","showDelete","stopPropagation","noBackground","_a","_b"],"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"],"mappings":"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","ignoreList":[]}