udp-stencil-component-library 25.18.2-beta.3 → 25.18.2-beta.5

package/dist/cjs/udp-forms-ui.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"udp-forms-ui.entry.cjs.js","sources":["src/components/forms/udp-forms/udp-forms-renderer/udp-forms-renderer-ui/udp-forms-ui.css?tag=udp-forms-ui&encapsulation=shadow","src/components/forms/udp-forms/udp-forms-renderer/udp-forms-renderer-ui/udp-forms-ui.tsx"],"sourcesContent":[".background {\n  background-color: var(--gray-01);\n  height: 100%;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n.item {\n  padding-bottom: var(--spacing-02);\n  /* margin-bottom: var(--spacing-05); */\n}\n\n.items {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-05);\n  padding-top: var(--spacing-02);\n  padding-bottom: var(--spacing-02);\n}\n\n.footer {\n  display: flex;\n  flex-direction: row-reverse;\n}\n\n.submit {\n  background-color: var(--primary-color);\n  box-sizing: border-box;\n  border: none;\n  color: white;\n  padding: 8px 24px;\n  font-size: 14px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: background-color 0.3s ease;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  min-width: 48px;\n  min-height: 24px;\n  /* Default size */\n}\n\n.submit:disabled {\n  background-color: var(--gray-05);\n  cursor: default;\n}\n\n.submit-card {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n}\n\n/* .form-section-content */\n.form-section-content {\n  margin-bottom: var(--spacing-05);\n  background-color: white;\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-05);\n}\n\n.form-container {\n  padding-top: var(--spacing-05);\n  padding-bottom: var(--spacing-05);\n  min-height: 100px;\n}\n\n.form-section-block {\n  margin-bottom: var(--spacing-05);\n}\n\n.form-section-header {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  background-color: var(--primary-color, #000);\n  color: var(--primary-contrast-text, #FFF);\n  padding: var(--spacing-04, 16px) var(--spacing-05, 24px);\n  align-items: center;\n  min-height: var(--spacing-10, 60px);\n}\n\n.form-section-text {\n  margin-bottom: var(--spacing-03);\n}\n\n.center-div {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.finish-button {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n/* .header */\n.form-renderer-header {\n  padding: var(--spacing-05) var(--spacing-05);\n  background-color: var(--primary-color-dark, #000);\n  color: var(--primary-contrast-text, #FFF);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.header-content {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: var(--spacing-03);\n}\n\n.header-text {\n  flex: 1;\n  min-width: 0;\n  /* Allow text to shrink */\n}\n\n/* Save button visibility - JavaScript controlled */\n.header-save-button {\n  display: block;\n  /* Always available, component controls its own visibility */\n}\n\n.floating-save-button {\n  display: block;\n  /* Always available, component controls its own visibility */\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\n/*\n * Save button visibility is now controlled by JavaScript-based overlap detection\n * in the udp-save-draft-button component. This provides real-time detection of\n * overlaps with form content, accounting for menu drawers and dynamic layouts.\n *\n * The component automatically switches between floating and inline modes based on\n * actual element positions and available space, not viewport breakpoints.\n */\n\n/* Mobile layout adjustments */\n@media (max-width: 768px) {\n  .header-content {\n    flex-direction: column;\n    align-items: stretch;\n    gap: var(--spacing-02);\n  }\n\n  .header-text {\n    margin-bottom: var(--spacing-02);\n  }\n}\n\n/* Small height screens: Always use header button */\n@media (max-height: 600px) {\n  .header-save-button {\n    display: block;\n  }\n\n  .floating-save-button {\n    display: none;\n  }\n}\n\n.auto-save-status {\n  margin-top: var(--spacing-02);\n  padding: var(--spacing-01) 0;\n  font-size: 12px;\n  opacity: 0.8;\n}","import { Component, h, Prop, State, Element, Watch, Event, EventEmitter } from '@stencil/core';\nimport { Guid, UdpFormQuestion } from '../../utils/types';\nimport { UdpFormsFieldTypeEnum } from '../../utils/enums';\nimport { fontOverrideMapping, overrideFont } from '../../utils/utils';\nimport { getIconFromName } from '../../../../data-display/icons/iconUtils';\nimport { UdpFormSubmission } from '../../utils/classes/UdpFormSubmission';\nimport { UdpForm } from '../../utils/classes/UdpForm';\n\n\n@Component({\n  tag: 'udp-forms-ui',\n  styleUrl: 'udp-forms-ui.css',\n  shadow: true,\n})\nexport class UdpFormsUi {\n  @Prop() udpForm: UdpForm;\n  @Prop() initialValues: { [name: string]: any } = {};\n  @Prop() udpFormSubmission: UdpFormSubmission\n  @Prop() submitSuccessful: boolean = false;\n  @Prop() isLoading: boolean = false;\n  @Prop() isSaving: boolean = false;\n  @Prop() saveErrorMessage: string | null = null;\n  @Prop() showAutoSaveStatus: boolean = false;\n  @Prop() disabled: boolean = false;\n  @Prop() readonly: boolean = false;\n  @Prop() handleSubmit: (values: any) => Promise<void>;\n  @Prop() handleChange: (values: { [name: string]: any }) => void;\n  @Prop() handleSave: (values: { [name: string]: any }) => Promise<void>;\n  @Prop() handleAction: (actionId: Guid, params: Object) => void;\n  @Prop() handleFinish: () => void;\n  @Prop() clientUserInfo: { id: string | null; displayName: string | null; email: string | null } = {\n    id: null,\n    displayName: null,\n    email: null,\n  }; \n  @Prop() isSubmitted: boolean = false;\n  @Prop() dynamicSections: any[];\n  @Prop() duplicateRepeatableSection: any;\n  @Prop() deleteRepeatableSection: any;\n  @Prop() isShowManualSaveIcon: boolean = false;\n  @Prop() performBackgroundSaveAndUpdateLocalSubmissionState: (values: { [name: string]: any }) => Promise<void>;\n\n  @State() showSavedMessage: boolean = false;\n\n  @Event() formDirtyChange: EventEmitter<boolean>;\n\n  @Element() el: HTMLElement;\n\n\n  @State() isDialogOpen: boolean = false;\n  @State() dialogAction: () => void;\n  @State() dialogMessage: string = 'Are you sure you want to delete this section? This section contains links to follow-up forms. Deleting it will remove those links.';\n  \n\n  private savedMessageTimeoutId: any;\n\n  private titleId: string = 'udp-forms-title';\n  private descriptionId: string = 'udp-forms-description';\n\n  componentDidLoad() {\n    this.overrideStyles();\n  }\n\n  componentDidUpdate() {\n    this.overrideStyles();\n  }\n\n  disconnectedCallback() {\n    // Clean up timeout when component is destroyed\n    if (this.savedMessageTimeoutId) {\n      clearTimeout(this.savedMessageTimeoutId);\n    }\n  }\n\n  @Watch('isSaving')\n  watchIsSaving(newValue: boolean, oldValue: boolean) {\n    console.log('isSaving watcher triggered:', { oldValue, newValue, saveErrorMessage: this.saveErrorMessage });\n\n    // When isSaving changes from true to false (save completed successfully)\n    if (oldValue === true && newValue === false && !this.saveErrorMessage) {\n      console.log('Setting showSavedMessage to true');\n      this.showSavedMessage = true;\n\n      // Clear any existing timeout\n      if (this.savedMessageTimeoutId) {\n        clearTimeout(this.savedMessageTimeoutId);\n      }\n\n      // Hide the \"Saved\" message after 5 seconds\n      this.savedMessageTimeoutId = setTimeout(() => {\n        console.log('Hiding saved message after 5 seconds');\n        this.showSavedMessage = false;\n      }, 5000);\n    }\n  }\n\n  overrideStyles() {\n    const shadowRoot = (this as any).el?.shadowRoot;\n    shadowRoot?.querySelectorAll('unity-typography').forEach(element => {\n      const styleOverride =\n        element.id === this.titleId ? this.udpForm?.styleOverrides?.titleText : element.id === this.descriptionId ? this.udpForm?.styleOverrides?.paragraphText : ({} as any);\n\n      if (styleOverride?.fontFamily && fontOverrideMapping[styleOverride.fontFamily]) {\n        overrideFont(element, fontOverrideMapping[styleOverride.fontFamily]);\n      }\n      if (styleOverride?.variant) {\n        element.setAttribute('variant', styleOverride.variant);\n      }\n    });\n  }\n\n  private isSectionContainsFollowUpFormLink(sectionKey: string): boolean {\n    const sectionObject = this.udpFormSubmission.data.submissionResponseData[sectionKey]\n\n    for (const [_key, questionObject] of Object.entries(sectionObject) as any) {\n      if (questionObject?.metadata && questionObject.metadata?.followUpFormSubmissionId) {\n        return true;\n      }\n    }\n\n    return false;\n  }\n\n  render() {\n    if (this.isLoading) {\n      return (\n        <udp-linear-loader />\n      );\n    }\n\n    if (!this.udpForm) {\n      return (\n        <div class=\"error-banner\">\n          <unity-typography variant=\"body2\">Error Loading Form</unity-typography>\n        </div>\n      );\n    }\n\n    let questionNumber = 1;\n\n    const sectionSet = new Set();\n    this.udpForm.formQuestions.forEach(fq => sectionSet.add(fq.section));\n    // const orderedSectionNumbers = [...sectionSet].sort((a: number, b: number) => a - b);\n\n    const hiddenQuestionTypes = [UdpFormsFieldTypeEnum.Hidden, UdpFormsFieldTypeEnum.Paragraph];\n\n    const backgroundOverrides: { backgroundImage?: string | null; backgroundColor?: string | null } = {};\n    if (this.udpForm?.styleOverrides?.background?.backgroundImage) {\n      // uncomment when we want to allow background images\n      //backgroundOverrides.backgroundImage = `url(${this.udpForm?.styleOverrides?.background?.backgroundImage})`;\n    } else if (this.udpForm?.styleOverrides?.background?.backgroundColor) {\n      backgroundOverrides.backgroundColor = this.udpForm?.styleOverrides?.background?.backgroundColor;\n    }\n    return (\n      <div class={'background'} style={backgroundOverrides}>\n        <udp-container maxWidth=\"md\">\n          <div class=\"form-container\">\n            {!this.submitSuccessful ? (\n              \n              <stencil-form\n                handleSubmit={this.handleSubmit}\n                initialValues={this.initialValues}\n                handleChange={this.handleChange}\n                onDirtyChange={event => this.formDirtyChange.emit(event.detail)}\n              >\n                {this.readonly && \n                (<div class=\"error-banner\">\n                  <unity-typography variant=\"body2\">View Only Mode. The contents of this form cannot be changed.</unity-typography>\n                </div>)}\n                <fluent-dialog\n                  open={this.isDialogOpen}\n                  message={this.dialogMessage}\n                  labelOne={'Confirm'}\n                  labelTwo={'Cancel'}\n                  actionOne={() => this.dialogAction()}\n                  actionTwo={() => (this.isDialogOpen = false)}\n                />\n                {/********** QUESTIONS *********/}\n                <div>\n                  {/* <div class=\"header\" style={this.udpForm?.styleOverrides?.headerBackgroundColor ? { backgroundColor: this.udpForm?.styleOverrides?.headerBackgroundColor } : ''}> */}\n                  <div class=\"form-section-block\">\n                    <div\n                      class=\"form-renderer-header\"\n                      style={{\n                        ...(this.udpForm?.styleOverrides?.headerBackgroundColor && {\n                          backgroundColor: this.udpForm.styleOverrides.headerBackgroundColor,\n                        }),\n                      }}\n                    >\n                      <unity-typography id={this.titleId} variant={'h6'} color=\"inherit\">\n                        {this.udpForm.name}\n                      </unity-typography>\n\n                      {/* Auto-save status indicator for authenticated users */}\n                      {this.showAutoSaveStatus && (\n                        <div class=\"auto-save-status\">\n                          {/* {this.isSaving && (\n                              <unity-typography variant=\"body\" color=\"primary\">\n                                Saving...\n                              </unity-typography>\n                            )} */}\n                          {this.saveErrorMessage && (\n                            <unity-typography variant=\"body\" color=\"secondary\">\n                              {this.saveErrorMessage}\n                            </unity-typography>\n                          )}\n                        </div>\n                      )}\n                      {this.isShowManualSaveIcon && (\n                        <udp-save-draft-button\n                          isVisible={this.isShowManualSaveIcon}\n                          isSaving={this.isSaving}\n                          // saveErrorMessage={this.saveErrorMessage}\n                          showSavedMessage={this.showSavedMessage}\n                          handleSave={this.handleSave}\n                        />\n                      )}\n                    </div>\n\n                    <div class=\"form-section-content\">\n                      <div class=\"items\">\n                        <div class=\"form-section-text\">\n                          <unity-typography id={this.descriptionId} variant={this.udpForm?.styleOverrides?.paragraphText?.variant ?? 'body'} color=\"inherit\">\n                            {this.udpForm.description}\n                          </unity-typography>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                  {/* Save Button - moves between header and floating based on space */}\n                  {this.dynamicSections.map((section, sIndex) => {\n                    return (\n                      <div class=\"form-section-block\">\n                        <div class=\"form-section-header\">\n                          <div class=\"form-section-header-title\">\n                            <unity-typography variant=\"h6\" color=\"inherit\">\n                              {`${section.title}${section.sectionPositionSuffix > 1 ? ` (${section.sectionPositionSuffix})` : ''}`}\n                            </unity-typography>\n                          </div>\n                          <div class=\"form-section-header-actions\">\n                            {/* // Only show the add button if the section is repeatable and is the last in the repeat group */}\n                            {section.sectionProperties.isRepeatable && this.dynamicSections.filter(s => s.id === section.id).length === section.sectionPositionSuffix && !this.readonly && (\n                              <stencil-icon-button icon={getIconFromName('add')} tooltip=\"Repeat This Section\" onClick={() => this.duplicateRepeatableSection(sIndex)} />\n                            )}\n                            {/* // show the delete button if the section is repeatable and not the original section */}\n                            {!section.isOriginalSection && !this.readonly && (\n                              <stencil-icon-button \n                                icon={getIconFromName('subtract')} \n                                tooltip=\"Delete This Repeated Section\" \n                                onClick={\n                                  () => {\n                                    //  e.stopPropagation();\n                                    if (this.isSectionContainsFollowUpFormLink(`${section.name}_${section.sectionPositionSuffix}`)) {\n                                      this.dialogAction = async () => {\n                                        this.deleteRepeatableSection(sIndex)\n                                        await this.performBackgroundSaveAndUpdateLocalSubmissionState(this.udpFormSubmission.data.submissionResponseData);\n                                        this.isDialogOpen = false;\n                                      };  \n                                    } else {\n                                      this.deleteRepeatableSection(sIndex)\n                                    }\n                                    \n                                    this.isDialogOpen = true;\n                                  }} />\n                            )}\n                          </div>\n                        </div>\n\n                        <div class=\"form-section-content\">\n                          <div class=\"items\">\n                            <div class=\"form-section-text\">\n                              <unity-typography variant=\"body\" color=\"inherit\">\n                                {section.sectionText}\n                              </unity-typography>\n                            </div>\n\n                            <div>\n                              {section.formQuestions.map((question: UdpFormQuestion) => {\n                                const isHidden = hiddenQuestionTypes.includes(question.fieldTypeId);\n                                const num: number = questionNumber;\n                                if (!isHidden) questionNumber++;\n\n                                const sectionKey = section.sectionPositionSuffix > 1 ? `${section.name}_${section.sectionPositionSuffix}` : `${section.name}`\n\n                                return (\n                                  <div class=\"item\">\n                                    <udp-question\n                                      styleOverrides={{\n                                        helperText: this.udpForm.styleOverrides?.helperText,\n                                        paragraphText: this.udpForm.styleOverrides?.paragraphText,\n                                        questionText: this.udpForm.styleOverrides?.questionText,\n                                      }}\n                                      question={question}\n                                      questionNumber={num}\n                                      value={this.initialValues?.[sectionKey]?.[question.name]?.value ?? ''}\n                                      disabled={this.disabled}\n                                      readonly={this.readonly}\n                                      key={question.questionIdentifierKey}\n                                      initialValues={this.initialValues}\n                                      clientUserInfo={this.clientUserInfo}\n                                      udpFormSubmission={this.udpFormSubmission}\n                                    />\n                                  </div>\n                                );\n                              })}\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                    );\n                  })}\n                  {this.udpFormSubmission?.status != 2 && (                  \n                    <div class=\"footer\">\n                      <input\n                        disabled={this.isLoading || this.disabled || this.readonly}\n                        type=\"submit\"\n                        value=\"Submit\"\n                        class=\"submit\"\n                        id=\"udpRecord-udp-forms-renderer-Submit\"\n                        onClick={() => {\n                          console.log('Submit button clicked');\n                          // Let the form handle the submit naturally\n                        }}\n                      />\n                    </div>\n                  )}\n                </div>\n              </stencil-form>\n            ) : (\n              //if the form has been submit, display success message with a button to trigger the action associated to the form\n              <div class=\"center-div\">\n                <udp-ambient-card>\n                  <div class=\"submit-card\">\n                    <unity-typography>Thank you for your submission.</unity-typography>\n                    {/* // No action configured for now. */}\n                    {/* <div class=\"finish-button\">\n                      <custom-button onClick={this.handleFinish}>Back</custom-button>\n                    </div> */}\n                  </div>\n                </udp-ambient-card>\n              </div>\n            )}\n          </div>\n        </udp-container>\n      </div>\n    );\n  }\n}\n"],"names":["fontOverrideMapping","overrideFont","h","UdpFormsFieldTypeEnum","getIconFromName"],"mappings":"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"}
+{"version":3,"file":"udp-forms-ui.entry.cjs.js","sources":["src/components/forms/udp-forms/udp-forms-renderer/udp-forms-renderer-ui/udp-forms-ui.css?tag=udp-forms-ui&encapsulation=shadow","src/components/forms/udp-forms/udp-forms-renderer/udp-forms-renderer-ui/udp-forms-ui.tsx"],"sourcesContent":[".background {\n  background-color: var(--gray-01);\n  height: 100%;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n.item {\n  padding-bottom: var(--spacing-02);\n  /* margin-bottom: var(--spacing-05); */\n}\n\n.items {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-05);\n  padding-top: var(--spacing-02);\n  padding-bottom: var(--spacing-02);\n}\n\n.footer {\n  display: flex;\n  flex-direction: row-reverse;\n}\n\n.submit {\n  background-color: var(--primary-color);\n  box-sizing: border-box;\n  border: none;\n  color: white;\n  padding: 8px 24px;\n  font-size: 14px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: background-color 0.3s ease;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  min-width: 48px;\n  min-height: 24px;\n  /* Default size */\n}\n\n.submit:disabled {\n  background-color: var(--gray-05);\n  cursor: default;\n}\n\n.submit-card {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n}\n\n/* .form-section-content */\n.form-section-content {\n  margin-bottom: var(--spacing-05);\n  background-color: white;\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-05);\n}\n\n.form-container {\n  padding-top: var(--spacing-05);\n  padding-bottom: var(--spacing-05);\n  min-height: 100px;\n}\n\n.form-section-block {\n  margin-bottom: var(--spacing-05);\n}\n\n.form-section-header {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  background-color: var(--primary-color, #000);\n  color: var(--primary-contrast-text, #FFF);\n  padding: var(--spacing-04, 16px) var(--spacing-05, 24px);\n  align-items: center;\n  min-height: var(--spacing-10, 60px);\n}\n\n.form-section-text {\n  margin-bottom: var(--spacing-03);\n}\n\n.center-div {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.finish-button {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n/* .header */\n.form-renderer-header {\n  padding: var(--spacing-05) var(--spacing-05);\n  background-color: var(--primary-color-dark, #000);\n  color: var(--primary-contrast-text, #FFF);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.header-content {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: var(--spacing-03);\n}\n\n.header-text {\n  flex: 1;\n  min-width: 0;\n  /* Allow text to shrink */\n}\n\n/* Save button visibility - JavaScript controlled */\n.header-save-button {\n  display: block;\n  /* Always available, component controls its own visibility */\n}\n\n.floating-save-button {\n  display: block;\n  /* Always available, component controls its own visibility */\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\n/*\n * Save button visibility is now controlled by JavaScript-based overlap detection\n * in the udp-save-draft-button component. This provides real-time detection of\n * overlaps with form content, accounting for menu drawers and dynamic layouts.\n *\n * The component automatically switches between floating and inline modes based on\n * actual element positions and available space, not viewport breakpoints.\n */\n\n/* Mobile layout adjustments */\n@media (max-width: 768px) {\n  .header-content {\n    flex-direction: column;\n    align-items: stretch;\n    gap: var(--spacing-02);\n  }\n\n  .header-text {\n    margin-bottom: var(--spacing-02);\n  }\n}\n\n/* Small height screens: Always use header button */\n@media (max-height: 600px) {\n  .header-save-button {\n    display: block;\n  }\n\n  .floating-save-button {\n    display: none;\n  }\n}\n\n.auto-save-status {\n  margin-top: var(--spacing-02);\n  padding: var(--spacing-01) 0;\n  font-size: 12px;\n  opacity: 0.8;\n}","import { Component, h, Prop, State, Element, Watch, Event, EventEmitter } from '@stencil/core';\nimport { Guid, UdpFormQuestion } from '../../udp-forms-utils/types';\nimport { UdpFormsFieldTypeEnum, UdpFormsSubmissionStatusEnum } from '../../udp-forms-utils/enums';\nimport { fontOverrideMapping, overrideFont } from '../../udp-forms-utils/utils';\nimport { getIconFromName } from '../../../../data-display/icons/iconUtils';\nimport { UdpFormSubmission } from '../../udp-forms-utils/classes/UdpFormSubmission';\nimport { UdpForm } from '../../udp-forms-utils/classes/UdpForm';\n\n\n@Component({\n  tag: 'udp-forms-ui',\n  styleUrl: 'udp-forms-ui.css',\n  shadow: true,\n})\nexport class UdpFormsUi {\n  @Prop() udpForm: UdpForm;\n  @Prop() currentValues: { [name: string]: any } = {};\n  @Prop() udpFormSubmission: UdpFormSubmission\n  @Prop() submitSuccessful: boolean = false;\n  @Prop() isLoading: boolean = false;\n  @Prop() isSaving: boolean = false;\n  @Prop() saveErrorMessage: string | null = null;\n  @Prop() showAutoSaveStatus: boolean = false;\n  @Prop() disabled: boolean = false;\n  @Prop() readonly: boolean = false;\n  @Prop() handleSubmit: (values: any) => Promise<void>;\n  @Prop() handleChange: (values: { [name: string]: any }) => void;\n  @Prop() handleSave: (values: { [name: string]: any }) => Promise<void>;\n  @Prop() handleAction: (actionId: Guid, params: Object) => void;\n  @Prop() handleFinish: () => void;\n  @Prop() clientUserInfo: { id: string | null; displayName: string | null; email: string | null } = {\n    id: null,\n    displayName: null,\n    email: null,\n  }; \n  @Prop() isSubmitted: boolean = false;\n  @Prop() dynamicSections: any[];\n  @Prop() duplicateRepeatableSection: any;\n  @Prop() deleteRepeatableSection: any;\n  @Prop() isShowManualSaveIcon: boolean = false;\n  @Prop() performBackgroundSaveAndUpdateLocalSubmissionState: (values: { [name: string]: any }) => Promise<void>;\n\n  @State() showSavedMessage: boolean = false;\n\n  @Event() formDirtyChange: EventEmitter<boolean>;\n\n  @Element() el: HTMLElement;\n\n\n  @State() isDialogOpen: boolean = false;\n  @State() dialogAction: () => void;\n  @State() dialogMessage: string = 'Are you sure you want to delete this section? This section contains links to follow-up forms. Deleting it will remove those links.';\n  \n\n  private savedMessageTimeoutId: any;\n\n  private titleId: string = 'udp-forms-title';\n  private descriptionId: string = 'udp-forms-description';\n\n  componentDidLoad() {\n    this.overrideStyles();\n  }\n\n  componentDidUpdate() {\n    this.overrideStyles();\n  }\n\n  disconnectedCallback() {\n    // Clean up timeout when component is destroyed\n    if (this.savedMessageTimeoutId) {\n      clearTimeout(this.savedMessageTimeoutId);\n    }\n  }\n\n  @Watch('isSaving')\n  watchIsSaving(newValue: boolean, oldValue: boolean) {\n    console.log('isSaving watcher triggered:', { oldValue, newValue, saveErrorMessage: this.saveErrorMessage });\n\n    // When isSaving changes from true to false (save completed successfully)\n    if (oldValue === true && newValue === false && !this.saveErrorMessage) {\n      console.log('Setting showSavedMessage to true');\n      this.showSavedMessage = true;\n\n      // Clear any existing timeout\n      if (this.savedMessageTimeoutId) {\n        clearTimeout(this.savedMessageTimeoutId);\n      }\n\n      // Hide the \"Saved\" message after 5 seconds\n      this.savedMessageTimeoutId = setTimeout(() => {\n        console.log('Hiding saved message after 5 seconds');\n        this.showSavedMessage = false;\n      }, 5000);\n    }\n  }\n\n  overrideStyles() {\n    const shadowRoot = (this as any).el?.shadowRoot;\n    shadowRoot?.querySelectorAll('unity-typography').forEach(element => {\n      const styleOverride =\n        element.id === this.titleId ? this.udpForm?.styleOverrides?.titleText : element.id === this.descriptionId ? this.udpForm?.styleOverrides?.paragraphText : ({} as any);\n\n      if (styleOverride?.fontFamily && fontOverrideMapping[styleOverride.fontFamily]) {\n        overrideFont(element, fontOverrideMapping[styleOverride.fontFamily]);\n      }\n      if (styleOverride?.variant) {\n        element.setAttribute('variant', styleOverride.variant);\n      }\n    });\n  }\n\n  private isSectionContainsFollowUpFormLink(sectionKey: string): boolean {\n    const sectionObject = this.udpFormSubmission.data.submissionResponseData[sectionKey]\n\n    for (const [_key, questionObject] of Object.entries(sectionObject) as any) {\n      if (questionObject?.metadata && questionObject.metadata?.followUpFormSubmissionId) {\n        return true;\n      }\n    }\n\n    return false;\n  }\n\n  render() {\n    if (this.isLoading) {\n      return (\n        <udp-linear-loader />\n      );\n    }\n\n    if (!this.udpForm) {\n      return (\n        <div class=\"error-banner\">\n          <unity-typography variant=\"body2\">Error Loading Form</unity-typography>\n        </div>\n      );\n    }\n\n    let questionNumber = 1;\n\n    const sectionSet = new Set();\n    this.udpForm.formQuestions.forEach(fq => sectionSet.add(fq.section));\n    // const orderedSectionNumbers = [...sectionSet].sort((a: number, b: number) => a - b);\n\n    const hiddenQuestionTypes = [UdpFormsFieldTypeEnum.Hidden, UdpFormsFieldTypeEnum.Paragraph];\n\n    const backgroundOverrides: { backgroundImage?: string | null; backgroundColor?: string | null } = {};\n    if (this.udpForm?.styleOverrides?.background?.backgroundImage) {\n      // uncomment when we want to allow background images\n      //backgroundOverrides.backgroundImage = `url(${this.udpForm?.styleOverrides?.background?.backgroundImage})`;\n    } else if (this.udpForm?.styleOverrides?.background?.backgroundColor) {\n      backgroundOverrides.backgroundColor = this.udpForm?.styleOverrides?.background?.backgroundColor;\n    }\n    return (\n      <div class={'background'} style={backgroundOverrides}>\n        <udp-container maxWidth=\"md\">\n          <div class=\"form-container\">\n            {!this.submitSuccessful ? (\n              \n              <stencil-form\n                handleSubmit={this.handleSubmit}\n                initialValues={this.currentValues}\n                handleChange={this.handleChange}\n                onDirtyChange={event => this.formDirtyChange.emit(event.detail)}\n              >\n                {this.readonly && \n                (<div class=\"error-banner\">\n                  <unity-typography variant=\"body2\">View Only Mode. The contents of this form cannot be changed.</unity-typography>\n                </div>)}\n                <fluent-dialog\n                  open={this.isDialogOpen}\n                  message={this.dialogMessage}\n                  labelOne={'Confirm'}\n                  labelTwo={'Cancel'}\n                  actionOne={() => this.dialogAction()}\n                  actionTwo={() => (this.isDialogOpen = false)}\n                />\n                {/********** QUESTIONS *********/}\n                <div>\n                  {/* <div class=\"header\" style={this.udpForm?.styleOverrides?.headerBackgroundColor ? { backgroundColor: this.udpForm?.styleOverrides?.headerBackgroundColor } : ''}> */}\n                  <div class=\"form-section-block\">\n                    <div\n                      class=\"form-renderer-header\"\n                      style={{\n                        ...(this.udpForm?.styleOverrides?.headerBackgroundColor && {\n                          backgroundColor: this.udpForm.styleOverrides.headerBackgroundColor,\n                        }),\n                      }}\n                    >\n                      <unity-typography id={this.titleId} variant={'h6'} color=\"inherit\">\n                        {this.udpForm.name}\n                      </unity-typography>\n\n                      {/* Auto-save status indicator for authenticated users */}\n                      {this.showAutoSaveStatus && (\n                        <div class=\"auto-save-status\">\n                          {/* {this.isSaving && (\n                              <unity-typography variant=\"body\" color=\"primary\">\n                                Saving...\n                              </unity-typography>\n                            )} */}\n                          {this.saveErrorMessage && (\n                            <unity-typography variant=\"body\" color=\"secondary\">\n                              {this.saveErrorMessage}\n                            </unity-typography>\n                          )}\n                        </div>\n                      )}\n                      {this.isShowManualSaveIcon && (\n                        <udp-save-draft-button\n                          isVisible={this.isShowManualSaveIcon}\n                          isSaving={this.isSaving}\n                          // saveErrorMessage={this.saveErrorMessage}\n                          showSavedMessage={this.showSavedMessage}\n                          handleSave={this.handleSave}\n                        />\n                      )}\n                    </div>\n\n                    <div class=\"form-section-content\">\n                      <div class=\"items\">\n                        <div class=\"form-section-text\">\n                          <unity-typography id={this.descriptionId} variant={this.udpForm?.styleOverrides?.paragraphText?.variant ?? 'body'} color=\"inherit\">\n                            {this.udpForm.description}\n                          </unity-typography>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                  {/* Save Button - moves between header and floating based on space */}\n                  {this.dynamicSections.map((section, sIndex) => {\n                    return (\n                      <div class=\"form-section-block\">\n                        <div class=\"form-section-header\">\n                          <div class=\"form-section-header-title\">\n                            <unity-typography variant=\"h6\" color=\"inherit\">\n                              {`${section.title}${section.sectionPositionSuffix > 1 ? ` (${section.sectionPositionSuffix})` : ''}`}\n                            </unity-typography>\n                          </div>\n                          <div class=\"form-section-header-actions\">\n                            {/* // Only show the add button if the section is repeatable and is the last in the repeat group */}\n                            {section.sectionProperties.isRepeatable && this.dynamicSections.filter(s => s.id === section.id).length === section.sectionPositionSuffix && !this.readonly && (\n                              <stencil-icon-button icon={getIconFromName('add')} tooltip=\"Repeat This Section\" onClick={() => this.duplicateRepeatableSection(sIndex)} />\n                            )}\n                            {/* // show the delete button if the section is repeatable and not the original section */}\n                            {!section.isOriginalSection && !this.readonly && (\n                              <stencil-icon-button \n                                icon={getIconFromName('subtract')} \n                                tooltip=\"Delete This Repeated Section\" \n                                onClick={\n                                  () => {\n                                    //  e.stopPropagation();\n                                    if (this.isSectionContainsFollowUpFormLink(`${section.name}_${section.sectionPositionSuffix}`)) {\n                                      this.dialogAction = async () => {\n                                        this.deleteRepeatableSection(sIndex)\n                                        await this.performBackgroundSaveAndUpdateLocalSubmissionState(this.udpFormSubmission.data.submissionResponseData);\n                                        this.isDialogOpen = false;\n                                      };  \n                                    } else {\n                                      this.deleteRepeatableSection(sIndex)\n                                    }\n                                    \n                                    this.isDialogOpen = true;\n                                  }} />\n                            )}\n                          </div>\n                        </div>\n\n                        <div class=\"form-section-content\">\n                          <div class=\"items\">\n                            <div class=\"form-section-text\">\n                              <unity-typography variant=\"body\" color=\"inherit\">\n                                {section.sectionText}\n                              </unity-typography>\n                            </div>\n\n                            <div>\n                              {section.formQuestions.map((question: UdpFormQuestion) => {\n                                const isHidden = hiddenQuestionTypes.includes(question.fieldTypeId);\n                                const num: number = questionNumber;\n                                if (!isHidden) questionNumber++;\n\n                                const sectionKey = section.sectionPositionSuffix > 1 ? `${section.name}_${section.sectionPositionSuffix}` : `${section.name}`\n\n                                return (\n                                  <div class=\"item\">\n                                    <udp-question\n                                      styleOverrides={{\n                                        helperText: this.udpForm.styleOverrides?.helperText,\n                                        paragraphText: this.udpForm.styleOverrides?.paragraphText,\n                                        questionText: this.udpForm.styleOverrides?.questionText,\n                                      }}\n                                      question={question}\n                                      questionNumber={num}\n                                      value={this.currentValues?.[sectionKey]?.[question.name]?.value ?? ''}\n                                      disabled={this.disabled}\n                                      readonly={this.readonly}\n                                      key={question.questionIdentifierKey}\n                                      currentValues={this.currentValues}\n                                      clientUserInfo={this.clientUserInfo}\n                                      udpFormSubmission={this.udpFormSubmission}\n                                    />\n                                  </div>\n                                );\n                              })}\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                    );\n                  })}\n                  {this.udpFormSubmission?.status != UdpFormsSubmissionStatusEnum.Submitted && (                  \n                    <div class=\"footer\">\n                      <input\n                        disabled={this.isLoading || this.disabled || this.readonly}\n                        type=\"submit\"\n                        value=\"Submit\"\n                        class=\"submit\"\n                        id=\"udpRecord-udp-forms-renderer-Submit\"\n                        onClick={() => {\n                          console.log('Submit button clicked');\n                          // Let the form handle the submit naturally\n                        }}\n                      />\n                    </div>\n                  )}\n                </div>\n              </stencil-form>\n            ) : (\n              //if the form has been submit, display success message with a button to trigger the action associated to the form\n              <div class=\"center-div\">\n                <udp-ambient-card>\n                  <div class=\"submit-card\">\n                    <unity-typography>Thank you for your submission.</unity-typography>\n                    {/* // No action configured for now. */}\n                    {/* <div class=\"finish-button\">\n                      <custom-button onClick={this.handleFinish}>Back</custom-button>\n                    </div> */}\n                  </div>\n                </udp-ambient-card>\n              </div>\n            )}\n          </div>\n        </udp-container>\n      </div>\n    );\n  }\n}\n"],"names":["fontOverrideMapping","overrideFont","h","UdpFormsFieldTypeEnum","getIconFromName","UdpFormsSubmissionStatusEnum"],"mappings":"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"}

package/dist/cjs/{utils-DZ_OMtAy.js → utils-Bp02BX38.js}

@@ -41,20 +41,20 @@ const dateFormatter = (dateString, formatStyle = 'long') => {
     });
 };
 // eg. { section1: { question1: { value: '', comments: [], metadata: {} }, question2: { value: '', comments: [], metadata: {} } }, section2: { question3: { value: '', comments: [], metadata: {} } } }
-const buildEmptyInitialValues = (masterForm) => {
-    const initialValues = {};
+const buildEmptyCurrentValues = (masterForm) => {
+    const currentValues = {};
     for (const section of masterForm.udpFormUdpFormSection) {
-        initialValues[section.name] = {};
+        currentValues[section.name] = {};
         const questionsOfSection = masterForm.formQuestions.filter(question => question.formSectionId == section.id);
         for (const question of questionsOfSection) {
-            initialValues[section.name][question.name] = {
+            currentValues[section.name][question.name] = {
                 value: '', // default empty value
                 comments: [], // default empty comments array
                 metadata: {}, // default metadata object
             };
         }
     }
-    return initialValues;
+    return currentValues;
 };
 const overrideFont = (element, cssVariable) => {
     var _a, _b, _c, _d;
@@ -83,10 +83,10 @@ const fontOverrideMapping = {
     Arial: "--font-override-arial"
 };
 
-exports.buildEmptyInitialValues = buildEmptyInitialValues;
+exports.buildEmptyCurrentValues = buildEmptyCurrentValues;
 exports.dateFormatter = dateFormatter;
 exports.fontOverrideMapping = fontOverrideMapping;
 exports.overrideFont = overrideFont;
-//# sourceMappingURL=utils-DZ_OMtAy.js.map
+//# sourceMappingURL=utils-Bp02BX38.js.map
 
-//# sourceMappingURL=utils-DZ_OMtAy.js.map
+//# sourceMappingURL=utils-Bp02BX38.js.map

package/dist/cjs/utils-Bp02BX38.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-Bp02BX38.js","sources":["src/components/forms/udp-forms/udp-forms-utils/utils.ts"],"sourcesContent":["// take a masterForm's structure and build the empty currentValues object\nimport { UdpForm } from \"src/components\";\n\n/**\n * Translate and format UTC timestamp to local time.\n */\nexport const dateFormatter = (dateString: string, formatStyle: 'long' | 'short' = 'long' ) => {\n  let normalizedDateString = dateString;\n\n  // Check if the string is in the 'YYYY-MM-DD HH:mm:ss.sss' format (i.e., contains a space, not 'T')\n  // If the input is '2025-12-10T20:23:23.055Z', it passes straight through.\n  // This format is assumed to be missing timezone info and needs to be treated as UTC.\n  if (dateString.includes(' ')) {\n    // Replace the space with 'T' \n    normalizedDateString = dateString.replace(' ', 'T');\n  }\n\n  if (!dateString.toUpperCase().endsWith('Z')) {\n    // append Z if not there\n    normalizedDateString = normalizedDateString + 'Z';\n  }\n\n  const date = new Date(normalizedDateString);\n\n  // short format: DD/MM/YY HH:MM am/pm (e.g. 05/09/25 03:45 pm)\n  if (formatStyle === 'short') {\n    const pad = (n: number) => String(n).padStart(2, '0');\n    const day = pad(date.getDate());\n    const month = pad(date.getMonth() + 1);\n    const yearShort = String(date.getFullYear()).slice(-2);\n\n    const hours24 = date.getHours();\n    const minutes = pad(date.getMinutes());\n    const period = hours24 >= 12 ? 'pm' : 'am';\n    const hours12 = hours24 % 12 === 0 ? 12 : hours24 % 12;\n    const hours = String(hours12).padStart(2, '0');\n\n    return `${day}/${month}/${yearShort} ${hours}:${minutes} ${period}`;\n  }\n\n  // default long format \n  return date.toLocaleString(undefined, {\n    year: 'numeric',\n    month: 'short',\n    day: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n    hour12: true\n  });\n};\n\n\n// eg. { section1: { question1: { value: '', comments: [], metadata: {} }, question2: { value: '', comments: [], metadata: {} } }, section2: { question3: { value: '', comments: [], metadata: {} } } }\nexport const buildEmptyCurrentValues = (masterForm: UdpForm) => {\n  const currentValues = {};\n\n  for (const section of masterForm.udpFormUdpFormSection) {\n    currentValues[section.name] = {};\n\n    const questionsOfSection = masterForm.formQuestions.filter(\n      question => question.formSectionId == section.id,\n    );\n\n    for (const question of questionsOfSection) {\n      currentValues[section.name][question.name] = {\n        value: '', // default empty value\n        comments: [], // default empty comments array\n        metadata: {}, // default metadata object\n      };\n    }\n  }\n\n  return currentValues;\n};\n\n\nexport const overrideFont = (element: HTMLElement, cssVariable) => {\n    if(element?.shadowRoot?.lastElementChild){ // this returns null in react for some instances\n        element?.shadowRoot?.lastElementChild?.setAttribute?.('style', `font-family: var(${cssVariable})`)\n        return;\n    }\n    const observer = new MutationObserver((mutationsList, observer) => {\n      mutationsList.forEach(mutation => {\n        if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {\n          mutation.addedNodes.forEach(node => {\n            if (node.nodeType === Node.ELEMENT_NODE) {\n              (node as HTMLElement)?.setAttribute?.('style', `font-family: var(${cssVariable})`);\n              observer.disconnect(); // Stop observing once the target is found\n            }\n          });\n        }\n      });\n    });\n\n    if (element?.shadowRoot) {\n      observer.observe(element.shadowRoot, { childList: true });\n    }\n  };\n\n\nexport const fontOverrideMapping = {\n  Arial: \"--font-override-arial\"\n}"],"names":[],"mappings":"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"}

package/dist/collection/components/dialogs/udp-dialog.css

@@ -3,8 +3,11 @@
   position: fixed;
   top: 0;
   left: 0;
-  width: 100%;
-  height: 100%;
+  width: 0;
+  height: 0;
+  overflow: hidden;
+  /* CRITICAL: transform creates a containing block, forcing fixed children to respect overflow: hidden */
+  transform: translate(0);
   z-index: 100000;
   display: flex;
   align-items: center;
@@ -13,13 +16,18 @@
   /* Animation properties - UPDATED FOR FADE */
   visibility: hidden;
   background-color: rgba(0, 0, 0, 0);
-  transition: background-color 0.2s ease-out; /* Smoother background fade */
+  transition: background-color 0.2s ease-out, visibility 0s 0.2s, width 0s 0.2s, height 0s 0.2s;
+  /* Smoother background fade */
 }
 
 :host(.is-visible) {
   /* Visible state for the overlay */
   visibility: visible;
   background-color: rgba(0, 0, 0, 0.5);
+  width: 100%;
+  height: 100%;
+  overflow: visible;
+  transition-delay: 0s;
 }
 
 .dialog-container {

package/dist/collection/components/drawers/udp-side-sheet/udp-side-sheet.css

@@ -2,14 +2,20 @@
   position: fixed;
   top: 0;
   left: 0;
-  width: 100vw;
-  height: 100vh;
+  width: 0;
+  height: 0;
+  overflow: hidden;
+  /* CRITICAL: transform creates a containing block, forcing fixed children to respect overflow: hidden */
+  transform: translate(0);
   z-index: 9999;
   visibility: hidden;
-  transition: visibility 0s 0.2s;
+  transition: visibility 0s 0.2s, width 0s 0.2s, height 0s 0.2s;
 }
 
 :host(.is-visible) {
+  width: 100vw;
+  height: 100vh;
+  overflow: visible;
   visibility: visible;
   transition-delay: 0s;
 }
@@ -55,11 +61,25 @@
   transform: translateX(0);
 }
 
-.sheet.sm { max-width: 360px; }
-.sheet.md { max-width: 600px; }
-.sheet.lg { max-width: 960px; }
-.sheet.full { max-width: 100%; }
-.sheet.custom-width { /* max-width is set via inline style */ }
+.sheet.sm {
+  max-width: 360px;
+}
+
+.sheet.md {
+  max-width: 600px;
+}
+
+.sheet.lg {
+  max-width: 960px;
+}
+
+.sheet.full {
+  max-width: 100%;
+}
+
+.sheet.custom-width {
+  /* max-width is set via inline style */
+}
 
 /* Updated title container for new layout */
 .title-container {
@@ -73,7 +93,8 @@
 
 .title-text {
   flex-grow: 1;
-  text-align: left; /* Ensure title stays left-aligned */
+  text-align: left;
+  /* Ensure title stays left-aligned */
 }
 
 .close-button {
@@ -110,23 +131,23 @@
   align-items: center;
 }
 
-.footer.secondary-button-overflow{
+.footer.secondary-button-overflow {
   flex-direction: row-reverse;
 }
 
-.footer-secondary-buttons-container{
+.footer-secondary-buttons-container {
   flex-grow: 2;
   width: 100%;
 }
 
-.footer-secondary-buttons{
+.footer-secondary-buttons {
   display: flex;
   justify-content: flex-end;
   gap: var(--spacing-02, 4px);
   align-items: center;
 }
 
-.footer-secondary-buttons.secondary-button-overflow{
+.footer-secondary-buttons.secondary-button-overflow {
   flex-grow: 1;
 }
 
@@ -160,4 +181,3 @@
   opacity: 1;
   /* transition: opacity 0.3s ease-in-out; */
 }
-

package/dist/collection/components/forms/udp-forms/udp-forms-builder/forms-builder-utils.js

@@ -1,4 +1,4 @@
-import { UdpFormsTypeEnum } from "../utils/enums";
+import { UdpFormsTypeEnum } from "../udp-forms-utils/enums";
 export const deepCloneFormSections = (formSections) => {
     return structuredClone(formSections);
 };

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

@@ -1 +1 @@
-{"version":3,"file":"forms-builder-utils.js","sourceRoot":"","sources":["../../../../../src/components/forms/udp-forms/udp-forms-builder/forms-builder-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGlD,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,YAAmB,EAAS,EAAE;IAClE,OAAO,eAAe,CAAC,YAAY,CAAC,CAAC;AACvC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAmB;IAClD,UAAU,EAAE;QACV,eAAe,EAAE,IAAI;QACrB,eAAe,EAAE,IAAI;KACtB;IACD,qBAAqB,EAAE,IAAI;IAC3B,UAAU,EAAE,IAAI;IAChB,UAAU,EAAE;QACV,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;KACjB;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;KACjB;IACD,SAAS,EAAE;QACT,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;KACjB;IACD,aAAa,EAAE;QACb,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;KACjB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,KAAK,EAAE,EAAE;IACT,WAAW,EAAE,EAAE;IACf,iBAAiB,EAAE,EAAE;IACrB,aAAa,EAAE,EAAE;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,gBAAgB,CAAC,QAAQ;IAC/B,OAAO,EAAE,CAAC;IACV,IAAI,EAAE,EAAE;IACR,WAAW,EAAE,EAAE;CAChB,CAAC","sourcesContent":["import { UdpFormsTypeEnum } from '../utils/enums';\nimport { StyleOverrides } from '../utils/types';\n\nexport const deepCloneFormSections = (formSections: any[]): any[] => {\n  return structuredClone(formSections);\n};\n\nexport const styleOverrideDefault: StyleOverrides = {\n  background: {\n    backgroundImage: null,\n    backgroundColor: null,\n  },\n  headerBackgroundColor: null,\n  fontFamily: null,\n  helperText: {\n    variant: null,\n    fontFamily: null,\n  },\n  questionText: {\n    variant: null,\n    fontFamily: null,\n  },\n  titleText: {\n    variant: null,\n    fontFamily: null,\n  },\n  paragraphText: {\n    variant: null,\n    fontFamily: null,\n  },\n};\n\nexport const formSectionDefault = {\n  title: '',\n  sectionText: '',\n  sectionProperties: {},\n  formQuestions: [],\n};\n\nexport const formMetadataDefault = {\n  isPrivate: true,\n  type: UdpFormsTypeEnum.Standard,\n  version: 1,\n  name: '',\n  description: '',\n};\n"]}
+{"version":3,"file":"forms-builder-utils.js","sourceRoot":"","sources":["../../../../../src/components/forms/udp-forms/udp-forms-builder/forms-builder-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,YAAmB,EAAS,EAAE;IAClE,OAAO,eAAe,CAAC,YAAY,CAAC,CAAC;AACvC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAmB;IAClD,UAAU,EAAE;QACV,eAAe,EAAE,IAAI;QACrB,eAAe,EAAE,IAAI;KACtB;IACD,qBAAqB,EAAE,IAAI;IAC3B,UAAU,EAAE,IAAI;IAChB,UAAU,EAAE;QACV,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;KACjB;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;KACjB;IACD,SAAS,EAAE;QACT,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;KACjB;IACD,aAAa,EAAE;QACb,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;KACjB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,KAAK,EAAE,EAAE;IACT,WAAW,EAAE,EAAE;IACf,iBAAiB,EAAE,EAAE;IACrB,aAAa,EAAE,EAAE;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,gBAAgB,CAAC,QAAQ;IAC/B,OAAO,EAAE,CAAC;IACV,IAAI,EAAE,EAAE;IACR,WAAW,EAAE,EAAE;CAChB,CAAC","sourcesContent":["import { UdpFormsTypeEnum } from '../udp-forms-utils/enums';\nimport { StyleOverrides } from '../udp-forms-utils/types';\n\nexport const deepCloneFormSections = (formSections: any[]): any[] => {\n  return structuredClone(formSections);\n};\n\nexport const styleOverrideDefault: StyleOverrides = {\n  background: {\n    backgroundImage: null,\n    backgroundColor: null,\n  },\n  headerBackgroundColor: null,\n  fontFamily: null,\n  helperText: {\n    variant: null,\n    fontFamily: null,\n  },\n  questionText: {\n    variant: null,\n    fontFamily: null,\n  },\n  titleText: {\n    variant: null,\n    fontFamily: null,\n  },\n  paragraphText: {\n    variant: null,\n    fontFamily: null,\n  },\n};\n\nexport const formSectionDefault = {\n  title: '',\n  sectionText: '',\n  sectionProperties: {},\n  formQuestions: [],\n};\n\nexport const formMetadataDefault = {\n  isPrivate: true,\n  type: UdpFormsTypeEnum.Standard,\n  version: 1,\n  name: '',\n  description: '',\n};\n"]}

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/date-time-renderer/date-time-renderer.js

@@ -1,5 +1,5 @@
 import { Fragment, h } from "@stencil/core";
-import { UdpFormsFieldTypeEnum } from "../../../utils/enums";
+import { UdpFormsFieldTypeEnum } from "../../../udp-forms-utils/enums";
 // We will need to import any components used like udp-date-selector, udp-time-selector, udp-datetime-selector, stencil-toggle, unity-typography etc.
 // This will require knowing their correct import paths or ensuring they are globally available.
 export class DateTimeRenderer {
@@ -90,8 +90,8 @@ export class DateTimeRenderer {
                     "references": {
                         "UdpFormQuestion": {
                             "location": "import",
-                            "path": "../../../utils/types",
-                            "id": "src/components/forms/udp-forms/utils/types.ts::UdpFormQuestion"
+                            "path": "../../../udp-forms-utils/types",
+                            "id": "src/components/forms/udp-forms/udp-forms-utils/types.ts::UdpFormQuestion"
                         }
                     }
                 },

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/date-time-renderer/date-time-renderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-time-renderer.js","sourceRoot":"","sources":["../../../../../../../src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/date-time-renderer/date-time-renderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Fragment, h, Prop } from '@stencil/core';\nimport { UdpFormQuestion } from '../../../utils/types'; // Using path that worked previously\nimport { UdpFormsFieldTypeEnum } from '../../../utils/enums';\n\n// We will need to import any components used like udp-date-selector, udp-time-selector, udp-datetime-selector, stencil-toggle, unity-typography etc.\n// This will require knowing their correct import paths or ensuring they are globally available.\n\n@Component({\n  tag: 'date-time-renderer',\n  styleUrl: 'date-time-renderer.css',\n  shadow: true,\n})\nexport class DateTimeRenderer {\n  @Prop() question: UdpFormQuestion;\n  @Prop() isViewOnly: boolean;\n  @Prop() formSectionsDraft: any[][];\n  @Prop() sIndex: number;\n  @Prop() qIndex: number;\n  @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n  @Prop() getHandler: (fieldTypeId: number, handlerName: string) => any;\n\n  renderSwitch() {\n    switch (this.question.fieldTypeId) {\n      case UdpFormsFieldTypeEnum.DateSelector: // Date Selector\n        return (\n          <div class=\"question-item-date-inputs-container\">\n            <div class=\"question-item-date-inputs-container-date-range\">\n              <udp-date-selector\n                label=\"Min Date\"\n                value={this.question.fieldProperties.minDate}\n                fullWidth={true}\n                onChange={e => {\n                  if (this.isViewOnly) return;\n                  const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                  const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'minDate');\n                  this.onFormSectionsDraftChange(updated);\n                }}\n              ></udp-date-selector>\n              <udp-date-selector\n                label=\"Max Date\"\n                value={this.question.fieldProperties.maxDate}\n                fullWidth={true}\n                onChange={e => {\n                  if (this.isViewOnly) return;\n                  const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                  const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxDate');\n                  this.onFormSectionsDraftChange(updated);\n                }}\n              ></udp-date-selector>\n            </div>\n            <stencil-toggle\n              label=\"Allow Future Date\"\n              disabled={this.isViewOnly}\n              checked={this.question.fieldProperties.allowFutureDate === true}\n              onToggledChange={() => {\n                if (this.isViewOnly) return;\n                const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n                const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowFutureDate');\n                this.onFormSectionsDraftChange(updated);\n              }}\n              labelPosition=\"right\"\n            ></stencil-toggle>\n          </div>\n        );\n      case UdpFormsFieldTypeEnum.TimeSelector: // Time Selector\n        return (\n          <div class=\"question-item-time-inputs-container\">\n            <div class=\"question-item-date-inputs-container-time-range\">\n              <udp-time-selector\n                label=\"Min Time\"\n                value={this.question.fieldProperties.minTime}\n                fullWidth={true}\n                onChange={e => {\n                  if (this.isViewOnly) return;\n                  const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                  const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'minTime');\n                  this.onFormSectionsDraftChange(updated);\n                }}\n              ></udp-time-selector>\n              <udp-time-selector\n                label=\"Max Time\"\n                value={this.question.fieldProperties.maxTime}\n                fullWidth={true}\n                onChange={e => {\n                  if (this.isViewOnly) return;\n                  const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                  const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxTime');\n                  this.onFormSectionsDraftChange(updated);\n                }}\n              ></udp-time-selector>\n            </div>\n          </div>\n        );\n      case UdpFormsFieldTypeEnum.DateTimeSelector: // DateTime Selector\n        return (\n          <Fragment>\n            <div class=\"question-item-date-time-inputs-container\">\n              <div class=\"question-item-date-inputs-container-datetime-range\">\n                <udp-datetime-selector\n                  label=\"Min Datetime\"\n                  value={this.question.fieldProperties.minDateTime}\n                  fullWidth={true}\n                  onChange={e => {\n                    if (this.isViewOnly) return;\n                    const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                    const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'minDateTime');\n                    this.onFormSectionsDraftChange(updated);\n                  }}\n                ></udp-datetime-selector>\n                <udp-datetime-selector\n                  label=\"Max Datetime\"\n                  value={this.question.fieldProperties.maxDateTime}\n                  fullWidth={true}\n                  onChange={e => {\n                    if (this.isViewOnly) return;\n                    const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                    const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxDateTime');\n                    this.onFormSectionsDraftChange(updated);\n                  }}\n                ></udp-datetime-selector>\n              </div>\n              <div class=\"question-item-future-date-container\">\n                <stencil-toggle\n                  label=\"Allow Future Date\"\n                  disabled={this.isViewOnly}\n                  checked={!!this.question.fieldProperties?.allowFutureDate}\n                  onToggledChange={() => {\n                    if (this.isViewOnly) return;\n                    const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n                    const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowFutureDate');\n                    this.onFormSectionsDraftChange(updated);\n                  }}\n                  labelPosition=\"right\"\n                ></stencil-toggle>\n              </div>\n            </div>\n          </Fragment>\n        );\n      default:\n        return null;\n    }\n  }\n\n  render() {\n    return this.renderSwitch();\n  }\n}\n"]}
+{"version":3,"file":"date-time-renderer.js","sourceRoot":"","sources":["../../../../../../../src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/date-time-renderer/date-time-renderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Fragment, h, Prop } from '@stencil/core';\nimport { UdpFormQuestion } from '../../../udp-forms-utils/types'; // Using path that worked previously\nimport { UdpFormsFieldTypeEnum } from '../../../udp-forms-utils/enums';\n\n// We will need to import any components used like udp-date-selector, udp-time-selector, udp-datetime-selector, stencil-toggle, unity-typography etc.\n// This will require knowing their correct import paths or ensuring they are globally available.\n\n@Component({\n  tag: 'date-time-renderer',\n  styleUrl: 'date-time-renderer.css',\n  shadow: true,\n})\nexport class DateTimeRenderer {\n  @Prop() question: UdpFormQuestion;\n  @Prop() isViewOnly: boolean;\n  @Prop() formSectionsDraft: any[][];\n  @Prop() sIndex: number;\n  @Prop() qIndex: number;\n  @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n  @Prop() getHandler: (fieldTypeId: number, handlerName: string) => any;\n\n  renderSwitch() {\n    switch (this.question.fieldTypeId) {\n      case UdpFormsFieldTypeEnum.DateSelector: // Date Selector\n        return (\n          <div class=\"question-item-date-inputs-container\">\n            <div class=\"question-item-date-inputs-container-date-range\">\n              <udp-date-selector\n                label=\"Min Date\"\n                value={this.question.fieldProperties.minDate}\n                fullWidth={true}\n                onChange={e => {\n                  if (this.isViewOnly) return;\n                  const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                  const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'minDate');\n                  this.onFormSectionsDraftChange(updated);\n                }}\n              ></udp-date-selector>\n              <udp-date-selector\n                label=\"Max Date\"\n                value={this.question.fieldProperties.maxDate}\n                fullWidth={true}\n                onChange={e => {\n                  if (this.isViewOnly) return;\n                  const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                  const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxDate');\n                  this.onFormSectionsDraftChange(updated);\n                }}\n              ></udp-date-selector>\n            </div>\n            <stencil-toggle\n              label=\"Allow Future Date\"\n              disabled={this.isViewOnly}\n              checked={this.question.fieldProperties.allowFutureDate === true}\n              onToggledChange={() => {\n                if (this.isViewOnly) return;\n                const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n                const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowFutureDate');\n                this.onFormSectionsDraftChange(updated);\n              }}\n              labelPosition=\"right\"\n            ></stencil-toggle>\n          </div>\n        );\n      case UdpFormsFieldTypeEnum.TimeSelector: // Time Selector\n        return (\n          <div class=\"question-item-time-inputs-container\">\n            <div class=\"question-item-date-inputs-container-time-range\">\n              <udp-time-selector\n                label=\"Min Time\"\n                value={this.question.fieldProperties.minTime}\n                fullWidth={true}\n                onChange={e => {\n                  if (this.isViewOnly) return;\n                  const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                  const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'minTime');\n                  this.onFormSectionsDraftChange(updated);\n                }}\n              ></udp-time-selector>\n              <udp-time-selector\n                label=\"Max Time\"\n                value={this.question.fieldProperties.maxTime}\n                fullWidth={true}\n                onChange={e => {\n                  if (this.isViewOnly) return;\n                  const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                  const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxTime');\n                  this.onFormSectionsDraftChange(updated);\n                }}\n              ></udp-time-selector>\n            </div>\n          </div>\n        );\n      case UdpFormsFieldTypeEnum.DateTimeSelector: // DateTime Selector\n        return (\n          <Fragment>\n            <div class=\"question-item-date-time-inputs-container\">\n              <div class=\"question-item-date-inputs-container-datetime-range\">\n                <udp-datetime-selector\n                  label=\"Min Datetime\"\n                  value={this.question.fieldProperties.minDateTime}\n                  fullWidth={true}\n                  onChange={e => {\n                    if (this.isViewOnly) return;\n                    const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                    const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'minDateTime');\n                    this.onFormSectionsDraftChange(updated);\n                  }}\n                ></udp-datetime-selector>\n                <udp-datetime-selector\n                  label=\"Max Datetime\"\n                  value={this.question.fieldProperties.maxDateTime}\n                  fullWidth={true}\n                  onChange={e => {\n                    if (this.isViewOnly) return;\n                    const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                    const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxDateTime');\n                    this.onFormSectionsDraftChange(updated);\n                  }}\n                ></udp-datetime-selector>\n              </div>\n              <div class=\"question-item-future-date-container\">\n                <stencil-toggle\n                  label=\"Allow Future Date\"\n                  disabled={this.isViewOnly}\n                  checked={!!this.question.fieldProperties?.allowFutureDate}\n                  onToggledChange={() => {\n                    if (this.isViewOnly) return;\n                    const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n                    const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowFutureDate');\n                    this.onFormSectionsDraftChange(updated);\n                  }}\n                  labelPosition=\"right\"\n                ></stencil-toggle>\n              </div>\n            </div>\n          </Fragment>\n        );\n      default:\n        return null;\n    }\n  }\n\n  render() {\n    return this.renderSwitch();\n  }\n}\n"]}

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/file-upload-renderer/file-upload-renderer.js

@@ -3,13 +3,13 @@ import { h } from "@stencil/core";
 export class FileUploadRenderer {
     render() {
         var _a, _b;
-        return (h("div", { key: '0d0900ccd61c4bdb94a57aae8c31e3a8391bc7cf', class: "file-upload-input-container" }, h("div", { key: 'd88efd56295b9f864d70bcae6200bd88e0acfa3b' }, h("stencil-toggle", { key: '907fb4c0aa49d0c687b57ff3a72e17c598c88e6d', label: "Hide Drag And Drop", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.hideDragAndDrop), onToggledChange: () => {
+        return (h("div", { key: '4c2326ffeef74c656ee599ca6d689d94e2783d47', class: "file-upload-input-container" }, h("div", { key: 'fd65c4069a3c91400384f0d96ab6a41d4ff95b6e' }, h("stencil-toggle", { key: 'e72cee723049232e0e8a44502ff5f13fded37a93', label: "Hide Drag And Drop", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.hideDragAndDrop), onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'hideDragAndDrop');
                 this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" })), h("div", { key: '31ae768a4d8a4ba415d0e429f61fb2a684177947' }, h("stencil-toggle", { key: '1aaa023cd3a947525a04ea3bdc03cd097c3055ee', label: "Hide Button", disabled: this.isViewOnly, checked: !!((_b = this.question.fieldProperties) === null || _b === void 0 ? void 0 : _b.hideButton), onToggledChange: () => {
+            }, labelPosition: "right" })), h("div", { key: 'ccb8385b5af42cecbe0cb57ff2a2250d38a684d8' }, h("stencil-toggle", { key: '1737f83b6faae4e1fe15b69c5b970992155e291c', label: "Hide Button", disabled: this.isViewOnly, checked: !!((_b = this.question.fieldProperties) === null || _b === void 0 ? void 0 : _b.hideButton), onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
@@ -40,8 +40,8 @@ export class FileUploadRenderer {
                     "references": {
                         "UdpFormQuestion": {
                             "location": "import",
-                            "path": "../../../utils/types",
-                            "id": "src/components/forms/udp-forms/utils/types.ts::UdpFormQuestion"
+                            "path": "../../../udp-forms-utils/types",
+                            "id": "src/components/forms/udp-forms/udp-forms-utils/types.ts::UdpFormQuestion"
                         }
                     }
                 },

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/file-upload-renderer/file-upload-renderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-upload-renderer.js","sourceRoot":"","sources":["../../../../../../../src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/file-upload-renderer/file-upload-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEnD,uEAAuE;AAOvE,MAAM,OAAO,kBAAkB;IAS7B,MAAM;;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,6BAA6B;YACtC;gBACE,uEACE,KAAK,EAAC,oBAAoB,EAC1B,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,0CAAE,eAAe,CAAA,EACzD,eAAe,EAAE,GAAG,EAAE;wBACpB,IAAI,IAAI,CAAC,UAAU;4BAAE,OAAO;wBAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC,CAAC;wBAC/F,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;wBAC7F,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;oBAC1C,CAAC,EACD,aAAa,EAAC,OAAO,GACL,CACd;YACN;gBACE,uEACE,KAAK,EAAC,aAAa,EACnB,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,0CAAE,UAAU,CAAA,EACpD,eAAe,EAAE,GAAG,EAAE;wBACpB,IAAI,IAAI,CAAC,UAAU;4BAAE,OAAO;wBAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC,CAAC;wBAC/F,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;wBACxF,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;oBAC1C,CAAC,EACD,aAAa,EAAC,OAAO,GACL,CACd,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport { UdpFormQuestion } from '../../../utils/types';\n// stencil-toggle should be globally available or imported if necessary\n\n@Component({\n  tag: 'file-upload-renderer',\n  styleUrl: 'file-upload-renderer.css',\n  shadow: true,\n})\nexport class FileUploadRenderer {\n  @Prop() question: UdpFormQuestion;\n  @Prop() isViewOnly: boolean;\n  @Prop() formSectionsDraft: any[][];\n  @Prop() sIndex: number;\n  @Prop() qIndex: number;\n  @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n  @Prop() getHandler: (fieldTypeId: number, handlerName: string) => any;\n\n  render() {\n    return (\n      <div class=\"file-upload-input-container\">\n        <div>\n          <stencil-toggle\n            label=\"Hide Drag And Drop\"\n            disabled={this.isViewOnly}\n            checked={!!this.question.fieldProperties?.hideDragAndDrop}\n            onToggledChange={() => {\n              if (this.isViewOnly) return;\n              const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n              const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'hideDragAndDrop');\n              this.onFormSectionsDraftChange(updated);\n            }}\n            labelPosition=\"right\"\n          ></stencil-toggle>\n        </div>\n        <div>\n          <stencil-toggle\n            label=\"Hide Button\"\n            disabled={this.isViewOnly}\n            checked={!!this.question.fieldProperties?.hideButton}\n            onToggledChange={() => {\n              if (this.isViewOnly) return;\n              const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n              const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'hideButton');\n              this.onFormSectionsDraftChange(updated);\n            }}\n            labelPosition=\"right\"\n          ></stencil-toggle>\n        </div>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"file-upload-renderer.js","sourceRoot":"","sources":["../../../../../../../src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/file-upload-renderer/file-upload-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEnD,uEAAuE;AAOvE,MAAM,OAAO,kBAAkB;IAS7B,MAAM;;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,6BAA6B;YACtC;gBACE,uEACE,KAAK,EAAC,oBAAoB,EAC1B,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,0CAAE,eAAe,CAAA,EACzD,eAAe,EAAE,GAAG,EAAE;wBACpB,IAAI,IAAI,CAAC,UAAU;4BAAE,OAAO;wBAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC,CAAC;wBAC/F,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;wBAC7F,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;oBAC1C,CAAC,EACD,aAAa,EAAC,OAAO,GACL,CACd;YACN;gBACE,uEACE,KAAK,EAAC,aAAa,EACnB,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,0CAAE,UAAU,CAAA,EACpD,eAAe,EAAE,GAAG,EAAE;wBACpB,IAAI,IAAI,CAAC,UAAU;4BAAE,OAAO;wBAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC,CAAC;wBAC/F,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;wBACxF,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;oBAC1C,CAAC,EACD,aAAa,EAAC,OAAO,GACL,CACd,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport { UdpFormQuestion } from '../../../udp-forms-utils/types';\n// stencil-toggle should be globally available or imported if necessary\n\n@Component({\n  tag: 'file-upload-renderer',\n  styleUrl: 'file-upload-renderer.css',\n  shadow: true,\n})\nexport class FileUploadRenderer {\n  @Prop() question: UdpFormQuestion;\n  @Prop() isViewOnly: boolean;\n  @Prop() formSectionsDraft: any[][];\n  @Prop() sIndex: number;\n  @Prop() qIndex: number;\n  @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n  @Prop() getHandler: (fieldTypeId: number, handlerName: string) => any;\n\n  render() {\n    return (\n      <div class=\"file-upload-input-container\">\n        <div>\n          <stencil-toggle\n            label=\"Hide Drag And Drop\"\n            disabled={this.isViewOnly}\n            checked={!!this.question.fieldProperties?.hideDragAndDrop}\n            onToggledChange={() => {\n              if (this.isViewOnly) return;\n              const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n              const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'hideDragAndDrop');\n              this.onFormSectionsDraftChange(updated);\n            }}\n            labelPosition=\"right\"\n          ></stencil-toggle>\n        </div>\n        <div>\n          <stencil-toggle\n            label=\"Hide Button\"\n            disabled={this.isViewOnly}\n            checked={!!this.question.fieldProperties?.hideButton}\n            onToggledChange={() => {\n              if (this.isViewOnly) return;\n              const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n              const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'hideButton');\n              this.onFormSectionsDraftChange(updated);\n            }}\n            labelPosition=\"right\"\n          ></stencil-toggle>\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/form-metadata-display-renderer/form-metadata-display-renderer.js

@@ -2,19 +2,19 @@ import { h } from "@stencil/core";
 export class FormMetadataDisplayRenderer {
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '0dea72344a5ad13fa57d00b84fc1487d7d4db883', class: "form-metadata-display-input-container" }, h("div", { key: '4f092564395789b0a9b4671724a19a56195a3f7f' }, h("stencil-toggle", { key: '075d8991f8010b2b2f67dd9c6235f2646c707dff', label: "Show Form Responder Full Name", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.displayOwnerFullName), onToggledChange: () => {
+        return (h("div", { key: 'e10607a1b9fb72327df92602bd123f1e35c26821', class: "form-metadata-display-input-container" }, h("div", { key: '03d34b6008aec023f1e226a6221945ad52748eb1' }, h("stencil-toggle", { key: 'd4be9d819b2c6a96797d04bbc9eca620c86dce2b', label: "Show Form Responder Full Name", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.displayOwnerFullName), onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displayOwnerFullName');
                 this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" }), h("stencil-toggle", { key: '68a18230560622629767ec37bbddc254be55d68a', label: "Show Form Responder Email", disabled: this.isViewOnly, checked: !!((_b = this.question.fieldProperties) === null || _b === void 0 ? void 0 : _b.displayOwnerEmail), onToggledChange: () => {
+            }, labelPosition: "right" }), h("stencil-toggle", { key: '23a30c998dd4d1d0267bba66fa1fd6d78bed7ae1', label: "Show Form Responder Email", disabled: this.isViewOnly, checked: !!((_b = this.question.fieldProperties) === null || _b === void 0 ? void 0 : _b.displayOwnerEmail), onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displayOwnerEmail');
                 this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" }), h("stencil-toggle", { key: '6ece643a442241df037e2e22dc0559dc00c85b99', label: "Show Submission Date", disabled: this.isViewOnly, checked: !!((_c = this.question.fieldProperties) === null || _c === void 0 ? void 0 : _c.displaySubmissionDate), onToggledChange: () => {
+            }, labelPosition: "right" }), h("stencil-toggle", { key: '7f7f8e96f1d1390a441f6a024d2e39703c98817b', label: "Show Submission Date", disabled: this.isViewOnly, checked: !!((_c = this.question.fieldProperties) === null || _c === void 0 ? void 0 : _c.displaySubmissionDate), onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
@@ -45,8 +45,8 @@ export class FormMetadataDisplayRenderer {
                     "references": {
                         "UdpFormQuestion": {
                             "location": "import",
-                            "path": "../../../utils/types",
-                            "id": "src/components/forms/udp-forms/utils/types.ts::UdpFormQuestion"
+                            "path": "../../../udp-forms-utils/types",
+                            "id": "src/components/forms/udp-forms/udp-forms-utils/types.ts::UdpFormQuestion"
                         }
                     }
                 },

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/form-metadata-display-renderer/form-metadata-display-renderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-metadata-display-renderer.js","sourceRoot":"","sources":["../../../../../../../src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/form-metadata-display-renderer/form-metadata-display-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAQnD,MAAM,OAAO,2BAA2B;IAStC,MAAM;;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,uCAAuC;YAChD;gBACE,uEACE,KAAK,EAAC,+BAA+B,EACrC,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,0CAAE,oBAAoB,CAAA,EAC9D,eAAe,EAAE,GAAG,EAAE;wBACpB,IAAI,IAAI,CAAC,UAAU;4BAAE,OAAO;wBAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC,CAAC;wBAC/F,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,sBAAsB,CAAC,CAAC;wBAClG,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;oBAC1C,CAAC,EACD,aAAa,EAAC,OAAO,GACL;gBAClB,uEACE,KAAK,EAAC,2BAA2B,EACjC,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,0CAAE,iBAAiB,CAAA,EAC3D,eAAe,EAAE,GAAG,EAAE;wBACpB,IAAI,IAAI,CAAC,UAAU;4BAAE,OAAO;wBAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC,CAAC;wBAC/F,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;wBAC/F,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;oBAC1C,CAAC,EACD,aAAa,EAAC,OAAO,GACL;gBAClB,uEACE,KAAK,EAAC,sBAAsB,EAC5B,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,0CAAE,qBAAqB,CAAA,EAC/D,eAAe,EAAE,GAAG,EAAE;wBACpB,IAAI,IAAI,CAAC,UAAU;4BAAE,OAAO;wBAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC,CAAC;wBAC/F,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,uBAAuB,CAAC,CAAC;wBACnG,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;oBAC1C,CAAC,EACD,aAAa,EAAC,OAAO,GACL,CACd,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport { UdpFormQuestion } from '../../../utils/types';\n\n@Component({\n  tag: 'form-metadata-display-renderer',\n  styleUrl: 'form-metadata-display-renderer.css',\n  shadow: true,\n})\nexport class FormMetadataDisplayRenderer {\n  @Prop() question: UdpFormQuestion;\n  @Prop() isViewOnly: boolean;\n  @Prop() formSectionsDraft: any[][];\n  @Prop() sIndex: number;\n  @Prop() qIndex: number;\n  @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n  @Prop() getHandler: (fieldTypeId: number, handlerName: string) => any;\n\n  render() {\n    return (\n      <div class=\"form-metadata-display-input-container\">\n        <div>\n          <stencil-toggle\n            label=\"Show Form Responder Full Name\"\n            disabled={this.isViewOnly}\n            checked={!!this.question.fieldProperties?.displayOwnerFullName}\n            onToggledChange={() => {\n              if (this.isViewOnly) return;\n              const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n              const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displayOwnerFullName');\n              this.onFormSectionsDraftChange(updated);\n            }}\n            labelPosition=\"right\"\n          ></stencil-toggle>\n          <stencil-toggle\n            label=\"Show Form Responder Email\"\n            disabled={this.isViewOnly}\n            checked={!!this.question.fieldProperties?.displayOwnerEmail}\n            onToggledChange={() => {\n              if (this.isViewOnly) return;\n              const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n              const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displayOwnerEmail');\n              this.onFormSectionsDraftChange(updated);\n            }}\n            labelPosition=\"right\"\n          ></stencil-toggle>    \n          <stencil-toggle\n            label=\"Show Submission Date\"\n            disabled={this.isViewOnly}\n            checked={!!this.question.fieldProperties?.displaySubmissionDate}\n            onToggledChange={() => {\n              if (this.isViewOnly) return;\n              const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n              const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displaySubmissionDate');\n              this.onFormSectionsDraftChange(updated);\n            }}\n            labelPosition=\"right\"\n          ></stencil-toggle>    \n        </div>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"form-metadata-display-renderer.js","sourceRoot":"","sources":["../../../../../../../src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/form-metadata-display-renderer/form-metadata-display-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAQnD,MAAM,OAAO,2BAA2B;IAStC,MAAM;;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,uCAAuC;YAChD;gBACE,uEACE,KAAK,EAAC,+BAA+B,EACrC,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,0CAAE,oBAAoB,CAAA,EAC9D,eAAe,EAAE,GAAG,EAAE;wBACpB,IAAI,IAAI,CAAC,UAAU;4BAAE,OAAO;wBAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC,CAAC;wBAC/F,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,sBAAsB,CAAC,CAAC;wBAClG,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;oBAC1C,CAAC,EACD,aAAa,EAAC,OAAO,GACL;gBAClB,uEACE,KAAK,EAAC,2BAA2B,EACjC,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,0CAAE,iBAAiB,CAAA,EAC3D,eAAe,EAAE,GAAG,EAAE;wBACpB,IAAI,IAAI,CAAC,UAAU;4BAAE,OAAO;wBAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC,CAAC;wBAC/F,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;wBAC/F,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;oBAC1C,CAAC,EACD,aAAa,EAAC,OAAO,GACL;gBAClB,uEACE,KAAK,EAAC,sBAAsB,EAC5B,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,0CAAE,qBAAqB,CAAA,EAC/D,eAAe,EAAE,GAAG,EAAE;wBACpB,IAAI,IAAI,CAAC,UAAU;4BAAE,OAAO;wBAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC,CAAC;wBAC/F,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,uBAAuB,CAAC,CAAC;wBACnG,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;oBAC1C,CAAC,EACD,aAAa,EAAC,OAAO,GACL,CACd,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport { UdpFormQuestion } from '../../../udp-forms-utils/types';\n\n@Component({\n  tag: 'form-metadata-display-renderer',\n  styleUrl: 'form-metadata-display-renderer.css',\n  shadow: true,\n})\nexport class FormMetadataDisplayRenderer {\n  @Prop() question: UdpFormQuestion;\n  @Prop() isViewOnly: boolean;\n  @Prop() formSectionsDraft: any[][];\n  @Prop() sIndex: number;\n  @Prop() qIndex: number;\n  @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n  @Prop() getHandler: (fieldTypeId: number, handlerName: string) => any;\n\n  render() {\n    return (\n      <div class=\"form-metadata-display-input-container\">\n        <div>\n          <stencil-toggle\n            label=\"Show Form Responder Full Name\"\n            disabled={this.isViewOnly}\n            checked={!!this.question.fieldProperties?.displayOwnerFullName}\n            onToggledChange={() => {\n              if (this.isViewOnly) return;\n              const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n              const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displayOwnerFullName');\n              this.onFormSectionsDraftChange(updated);\n            }}\n            labelPosition=\"right\"\n          ></stencil-toggle>\n          <stencil-toggle\n            label=\"Show Form Responder Email\"\n            disabled={this.isViewOnly}\n            checked={!!this.question.fieldProperties?.displayOwnerEmail}\n            onToggledChange={() => {\n              if (this.isViewOnly) return;\n              const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n              const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displayOwnerEmail');\n              this.onFormSectionsDraftChange(updated);\n            }}\n            labelPosition=\"right\"\n          ></stencil-toggle>    \n          <stencil-toggle\n            label=\"Show Submission Date\"\n            disabled={this.isViewOnly}\n            checked={!!this.question.fieldProperties?.displaySubmissionDate}\n            onToggledChange={() => {\n              if (this.isViewOnly) return;\n              const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n              const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displaySubmissionDate');\n              this.onFormSectionsDraftChange(updated);\n            }}\n            labelPosition=\"right\"\n          ></stencil-toggle>    \n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/list-option-renderer/list-options-renderer.js

@@ -5,15 +5,15 @@ import { getIconFromName } from "../../../../../data-display/icons/iconUtils";
 export class ListOptionsRenderer {
     render() {
         var _a, _b, _c, _d, _e;
-        return (h(Host, { key: 'a31ff97a481fcd89a47a542c2f2313eb93507e04' }, h("div", { key: '17013702c95dc53061265aa49862c91457027203', class: "question-item-options-list-container" }, ((_a = this.lookupOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (h("stencil-toggle", { key: 'a0e2677644567e7254c937e0f693046f619ac250', label: "Use Lookup Options", disabled: this.isViewOnly, checked: !!(((_b = this.question) === null || _b === void 0 ? void 0 : _b.fieldProperties) && 'lookupId' in this.question.fieldProperties), labelPosition: "right", onToggledChange: () => {
+        return (h(Host, { key: '3e05e3fc4a8c9ee6b4bdf6704034650484afcba1' }, h("div", { key: 'abf8e11faf5b73a832f9d8d6ee1115a92636ff1c', class: "question-item-options-list-container" }, ((_a = this.lookupOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (h("stencil-toggle", { key: '119dbd478256a10b233921a2bb432d92b9cd9398', label: "Use Lookup Options", disabled: this.isViewOnly, checked: !!(((_b = this.question) === null || _b === void 0 ? void 0 : _b.fieldProperties) && 'lookupId' in this.question.fieldProperties), labelPosition: "right", onToggledChange: () => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyToggleManualOrLookupOptions');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex);
                 this.onFormSectionsDraftChange(updated);
-            } })), 'lookupId' in this.question.fieldProperties && (h("div", { key: '8a1952ff8f790a1b8b65596f618400cd1cabbeb1' }, h("udp-selector", { label: "Lookup Source", key: "lookup-selector", initialValue: ((_c = this.question.fieldProperties) === null || _c === void 0 ? void 0 : _c.lookupId) || '', options: this.lookupOptions, disabled: this.isViewOnly, required: true, onChange: (e) => {
+            } })), 'lookupId' in this.question.fieldProperties && (h("div", { key: 'd27e324179a2599c4ef5eaa8f2d7b52ccc92bdfc' }, h("udp-selector", { label: "Lookup Source", key: "lookup-selector", initialValue: ((_c = this.question.fieldProperties) === null || _c === void 0 ? void 0 : _c.lookupId) || '', options: this.lookupOptions, disabled: this.isViewOnly, required: true, onChange: (e) => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyLookupChange');
                 const updated = handler(e.detail, this.formSectionsDraft, this.sIndex, this.qIndex);
                 this.onFormSectionsDraftChange(updated);
-            } }))), 'items' in this.question.fieldProperties && (h("div", { key: 'f36a7d21ff18f87a8ed5b25b01b7798d45f09968' }, h("div", { key: 'a4224b6653af236df922e6548c28ab7d4945b2e4', class: "list-options-header" }, h("unity-typography", { key: '15a5a520bdd52adf7dba78581088f40c3c628e5c', variant: "h6" }, "Configure Select Options"), !this.isViewOnly && 'items' in this.question.fieldProperties && (h("udp-button", { key: 'd4fcd70b62372671c9ee3779f6cc495eefb613a5', variant: "text", onClick: () => {
+            } }))), 'items' in this.question.fieldProperties && (h("div", { key: '290a6b602fdee937e5986e8894ba24a44cfd449b' }, h("div", { key: 'c375b69abffc73baa7b678be4cc6cc6715a9bf1b', class: "list-options-header" }, h("unity-typography", { key: '88aaa96be7eeea791fd1785970f10c6d84170298', variant: "h6" }, "Configure Select Options"), !this.isViewOnly && 'items' in this.question.fieldProperties && (h("udp-button", { key: 'b0c6d0e1140418896cbc1eba471eb46836f3135b', variant: "text", onClick: () => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyAddListItem');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, '', '');
                 this.onFormSectionsDraftChange(updated);
@@ -55,8 +55,8 @@ export class ListOptionsRenderer {
                     "references": {
                         "UdpFormQuestion": {
                             "location": "import",
-                            "path": "../../../utils/types",
-                            "id": "src/components/forms/udp-forms/utils/types.ts::UdpFormQuestion"
+                            "path": "../../../udp-forms-utils/types",
+                            "id": "src/components/forms/udp-forms/udp-forms-utils/types.ts::UdpFormQuestion"
                         }
                     }
                 },