udp-stencil-component-library 25.18.1-beta.4 → 25.18.1-beta.6

package/dist/stencil-library/udp-forms-builder.entry.js

@@ -1,2 +1,2 @@
-import{r as t,h as i,a as o}from"./index-DsqSxziV.js";import{m as s}from"./makeApiCall-B-daVutk.js";import{q as e,d as n,f as r,a,s as c}from"./udp-forms-builder-question-template-y1XU3Z2l.js";import{g as l}from"./iconUtils-KSv32PVD.js";import{g as d}from"./tenantUtils-Basdb1b1.js";import h from"sortablejs";import{v4 as p}from"uuid";import{a as u,U as m}from"./enums-CE8s6a9b.js";import{C as f}from"./configService-BqLfkVKh.js";import"axios";import"@carbon/icons/es/add/16";import"@carbon/icons/es/add/32";import"@carbon/icons/es/add--alt/16";import"@carbon/icons/es/add--filled/16";import"@carbon/icons/es/arrows--horizontal/16";import"@carbon/icons/es/attachment/16";import"@carbon/icons/es/batch-job/16";import"@carbon/icons/es/box/16";import"@carbon/icons/es/close/16";import"@carbon/icons/es/close/24";import"@carbon/icons/es/close/32";import"@carbon/icons/es/close--filled/16";import"@carbon/icons/es/close--outline/16";import"@carbon/icons/es/checkmark/16";import"@carbon/icons/es/checkmark/24";import"@carbon/icons/es/checkmark/32";import"@carbon/icons/es/chevron--left/16";import"@carbon/icons/es/chevron--right/16";import"@carbon/icons/es/chevron--down/16";import"@carbon/icons/es/data-enrichment/16";import"@carbon/icons/es/document/16";import"@carbon/icons/es/document--add/16";import"@carbon/icons/es/document--attachment/16";import"@carbon/icons/es/document--pdf/16";import"@carbon/icons/es/draggable/16";import"@carbon/icons/es/edit/16";import"@carbon/icons/es/export/16";import"@carbon/icons/es/flag/16";import"@carbon/icons/es/information/16";import"@carbon/icons/es/information/32";import"@carbon/icons/es/link/16";import"@carbon/icons/es/overflow-menu--vertical/16";import"@carbon/icons/es/overflow-menu--vertical/32";import"@carbon/icons/es/return/16";import"@carbon/icons/es/save/16";import"@carbon/icons/es/settings/16";import"@carbon/icons/es/subtract/16";import"@carbon/icons/es/subtract--alt/16";import"@carbon/icons/es/subtract--filled/16";import"@carbon/icons/es/trash-can/16";import"@carbon/icons/es/user/16";import"@carbon/icons/es/view/16";import"@carbon/icons/es/warning/16";import"@carbon/icons/es/warning/32";import"@carbon/icons/es/warning--alt/16";import"@carbon/icons/es/warning--alt/32";import"@carbon/icons/es/product/16";import"@carbon/icons/es/workspace/16";import"@carbon/icons/es/arrow--up/16";import"@carbon/icons/es/arrow--down/16";import"@carbon/icons/es/arrow--right/16";import"@carbon/icons/es/arrow--left/16";import"@carbon/icons/es/copy/16";import"@carbon/icons/es/star/16";import"@carbon/icons/es/data-table/16";import"@carbon/icons/es/fit-to-width/16";import"@carbon/icons/es/search--advanced/16";import"@carbon/icons/es/reset/16";import"@carbon/icons/es/column/16";import"@carbon/icons/es/column--delete/16";import"@carbon/icons/es/watson-health/rotate--360/16";import"@carbon/icons/es/filter/16";import"@carbon/icons/es/app-connectivity/16";import"@carbon/icons/es/text--font/16";import"@carbon/icons/es/text--long-paragraph/16";import"@carbon/icons/es/character--whole-number/16";import"@carbon/icons/es/checkbox--checked/16";import"@carbon/icons/es/radio-button--checked/16";import"@carbon/icons/es/event--schedule/16";import"@carbon/icons/es/view--off/16";import"@carbon/icons/es/time/16";import"@carbon/icons/es/calendar/16";import"@carbon/icons/es/list--checked/16";import"@carbon/icons/es/list--bulleted/16";import"@carbon/icons/es/cloud--upload/16";import"@carbon/icons/es/locked/16";import"@carbon/icons/es/pause/16";import"@carbon/icons/es/unlocked/16";import"@carbon/icons/es/send/16";import"@carbon/icons/es/email/16";import"@carbon/icons/es/checkmark--outline/16";import"@carbon/icons/es/migrate--alt/16";import"@carbon/icons/es/checkbox--checked--filled/16";import"@carbon/icons/es/checkbox/16";const b=":host{display:block;--udp-form-primary-color:#007bff;--udp-form-spacing-unit:16px}.udp-forms-page{display:flex;flex-direction:column;gap:var(--spacing-06, 32px);padding:var(--spacing-06, 32px);padding-bottom:var(--spacing-12)}.form-section-questions-container{display:flex;flex-direction:column}.form-details-container{display:flex;flex-direction:column;padding:var(--spacing-05, 24px);background-color:var(--card-background-color, white)}.form-details-version-container{margin-bottom:var(--spacing-05)}.udp-form-builder-field-container,.udp-forms-builder-item-generic-configs,.udp-forms-builder-item-specific-configs{display:flex;flex-direction:column;gap:var(--spacing-04, 16px)}.form-section{}.form-section-header{display:flex;flex-direction:row;justify-content:space-between;background-color:var(--primary-color-dark, #000);color:var(--primary-contrast-text, #FFF);padding:var(--spacing-04, 16px) var(--spacing-05, 24px);align-items:center}.add-question-button-container{display:flex;justify-content:center;align-items:center}.question-editor-container{padding:var(--spacing-05, 24px);display:flex;flex-direction:column;gap:var(--spacing-05, 24px)}.add-question-to-section-button-container{padding:var(--spacing-02, 8px) 0;margin:auto}.sortable-ghost{opacity:0.5;transform:scale(0.98);background:#f4f4f4;border:1px dashed #ccc}.sortable-chosen{background:#eef6ff;box-shadow:0 0 4px 2px rgba(51, 153, 255, 0.3)}.form-question-drag-handle{transform:rotate(90deg);cursor:grab}.form-question-drag-handle:active{cursor:grabbing}.form-question-drag-handle .drag-wrapper{cursor:inherit}.form-question-drag-handle stencil-icon-button{pointer-events:none;}";var g=undefined&&undefined.__rest||function(t,i){var o={};for(var s in t)if(Object.prototype.hasOwnProperty.call(t,s)&&i.indexOf(s)<0)o[s]=t[s];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var e=0,s=Object.getOwnPropertySymbols(t);e<s.length;e++){if(i.indexOf(s[e])<0&&Object.prototype.propertyIsEnumerable.call(t,s[e]))o[s[e]]=t[s[e]]}return o};const v=class{constructor(i){t(this,i);this.formMetadata={};this.formSections=[];this.formSectionsDraft=[];this.isNewForm=true;this.isMostRecentFormVersion=false;this.isError=false;this.isLoading=false;this.isShowStyleOverrides=false;this.isStyleSheetOpen=false;this.isDialogOpen=false;this.showMenuAtIndex=null;this.editingQuestion=null;this.editingSection=null;this.isQuestionEditorOpen=false;this.isSectionEditorOpen=false;this.dialogMessage="Are you sure you want to delete this?";this.sortableInstances=[];this.formsBuilderPageId=u.FormBuilderPageId;this.formTypeOptions=Object.keys(m).filter((t=>isNaN(Number(t)))).map((t=>({value:String(m[t]),label:t})));this.toggleStyleSheet=()=>{this.isStyleSheetOpen=!this.isStyleSheetOpen};this.getQuestionTypeName=t=>{const i=e.find((i=>i.fieldTypeId===t));return i?i.questionTypeName:"Unknown"};this.getIsContainsOptionItems=t=>{const i=e.find((i=>i.fieldTypeId===t));return i?i.isContainsOptionItems||false:false};this.getIconForQuestion=t=>{const i=e.find((i=>i.fieldTypeId===t));return i?i.icon:null};this.handleQuestionDelete=(t,i)=>{const o=n(this.formSections);o[t].formQuestions.splice(i,1);this.formSections=o};this.handleQuestionCopy=(t,i)=>{const o=n(this.formSections);const s=this.formSections[t].formQuestions[i];const e=Object.assign(Object.assign({},s),{questionText:(s.questionText||"")+" (Copy)",id:p()});o[t].formQuestions.splice(i+1,0,e);this.formSections=o};this.handleQuestionClick=(t,i)=>{this.editingQuestion={sIndex:t,qIndex:i};this.isQuestionEditorOpen=true;this.formSectionsDraft=n(this.formSections)};this.closeQuestionEditor=()=>{this.isQuestionEditorOpen=false;this.editingQuestion=null;this.formSectionsDraft=null};this.addQuestionOfType=(t,i,o)=>{const s={questionTypeName:t.questionTypeName,fieldTypeId:t.fieldTypeId,fieldProperties:t.defaultFieldProperties,helperText:"",questionText:"",section:i!==undefined?i+1:this.formSections.length>0?this.formSections[this.formSections.length-1].formQuestions[0].section:1,isContainsOptionItems:t.isContainsOptionItems,icon:t.icon,required:false,form:null,isPrivate:true,id:p()};const e=n(this.formSections);let a=i;let c=o;if(i!==undefined&&o!==undefined){if(e[i].formQuestions){e[i].formQuestions.splice(o,0,s)}else{const t=e.length-1;e[t].formQuestions.push(s);a=t;c=e[t].formQuestions.length-1}}else{const t=e.length-1;if(t<0||e[t].formQuestions.length===0){e.push(Object.assign(Object.assign({},r),{formQuestions:[s]}));a=e.length-1;c=0}else{e[t].formQuestions.push(s);a=t;c=e[t].formQuestions.length-1}}this.formSectionsDraft=e;if(this.showMenuAtIndex)this.showMenuAtIndex=null;return{sIndex:a,qIndex:c}};this.handleSectionMoveDown=t=>{if(t>=this.formSections.length-1)return;const i=[...this.formSections];[i[t],i[t+1]]=[i[t+1],i[t]];this.formSections=i};this.handleSectionMoveUp=t=>{if(t<=0)return;const i=[...this.formSections];[i[t],i[t-1]]=[i[t-1],i[t]];this.formSections=i};this.handleSectionDelete=t=>{const i=[...this.formSections];i.splice(t,1);this.formSections=i};this.updateFormSectionsWithDraft=()=>{this.formSections=this.formSectionsDraft;this.formSectionsDraft=null};this.hasUnsavedFormSectionsChanges=()=>JSON.stringify(this.formSections)!==JSON.stringify(this.formSectionsDraft);this.handleSectionEditClick=t=>{this.editingSection={sIndex:t};this.isSectionEditorOpen=true;this.formSectionsDraft=n(this.formSections)};this.closeSectionEditor=()=>{this.isSectionEditorOpen=false;this.editingSection=null;this.formSectionsDraft=null}}async initializeForm(){this.formMetadata.isPrivate=a.isPrivate;this.formMetadata.tenantId=d();this.formMetadata.type=a.type;this.formMetadata.version=a.version;this.formMetadata.name=a.name;this.formMetadata.description=a.description;this.formMetadata.styleOverrides=c;try{this.isLoading=true;const t=await s("GET",f.productV1ApiUrl+"/UdpLookup");if(!t){throw new Error(`Error fetching lookup data`)}this.lookupOptionsDataProcessed=t.map((t=>Object.assign(Object.assign({},t),{value:t.id,label:t.name})));if(this.formId&&this.version){const t=await s("GET",`${f.productV1ApiUrl}/UdpForm/${this.formId}/${this.version}/describe`);const i=await s("GET",`${f.productV1ApiUrl}/UdpForm/${this.formId}/describe`);this.isNewForm=false;if(!t||!i||!t.id||!i){throw new Error(`Error fetching form data`)}if(t.id==i.id&&t.version==i.version){this.isMostRecentFormVersion=true}const o=structuredClone(t.udpFormUdpFormSection).map((t=>Object.assign(Object.assign({},t),{formQuestions:[]})));o.forEach((t=>{if(!t.sectionProperties){t.sectionProperties={}}else{t.sectionProperties=JSON.parse(t.sectionProperties)}}));t.formQuestions.forEach((t=>{const i=o.find((i=>i.id===t.formSectionId));if(i){const o=Object.assign({},t.fieldProperties);if("lookupId"in o&&"items"in o){delete o.items}i.formQuestions.push(Object.assign(Object.assign({},t),{fieldProperties:o,questionTypeName:this.getQuestionTypeName(t.fieldTypeId),isContainsOptionItems:this.getIsContainsOptionItems(t.fieldTypeId),icon:this.getIconForQuestion(t.fieldTypeId)}))}}));o.forEach((t=>{t.formQuestions.sort(((t,i)=>t.questionOrder-i.questionOrder))}));o.sort(((t,i)=>t.order-i.order));const e=g(t,[]);e.styleOverrides=this.deepMerge(c,JSON.parse(e.styleOverrides)||{});this.formMetadata=e;this.formSections=o;this.isLoading=false}}catch(t){this.isError=true;this.enqueueSnackbar("Error loading form data",{variant:"error",anchorOrigin:{vertical:"top",horizontal:"center"}})}finally{this.isLoading=false}}async submitForm(){this.isLoading=true;try{if(this.formSectionsDraft&&this.hasUnsavedFormSectionsChanges()){this.updateFormSectionsWithDraft()}if(!this.validateForm());const t={name:this.formMetadata.name,description:this.formMetadata.description,tenantId:this.formMetadata.tenantId,isPrivate:this.formMetadata.isPrivate,type:this.formMetadata.type,styleOverrides:JSON.stringify(this.formMetadata.styleOverrides),id:this.formMetadata.id,version:this.formMetadata.version};const i=`${f.productV1ApiUrl}/UdpForm${this.isMostRecentFormVersion?"/versions":""}`;const o=await s("POST",i,t);const e=o.id;const n=o.version;if(!o||!o.id||!o.version){throw new Error(`Invalid form response: ${JSON.stringify(o)}`)}let r=0;let a=0;const c=[];for(const[t,i]of this.formSections.entries()){r+=1;const o=Object.assign(Object.assign({},i),{formId:e,formVersion:n,order:r,sectionProperties:JSON.stringify(i.sectionProperties),name:`section${r}`});const l=await s("POST",`${f.productV1ApiUrl}/UdpFormSection`,o);if(!l||!l.id){throw new Error(`Invalid section response: ${JSON.stringify(l)}`)}const d=l.id;for(const o of i.formQuestions){a+=1;const i=Object.assign(Object.assign({},o),{formId:e,formVersion:n,section:t+1,questionOrder:a,formSectionId:d,name:`question${a}`});const r=s("POST",`${f.productV1ApiUrl}/UdpFormQuestion`,i);c.push(r)}}await Promise.all(c);this.enqueueSnackbar("Success",{variant:"success",anchorOrigin:{vertical:"top",horizontal:"center"}});this.history.push(`/page/${this.formsBuilderPageId}?udpf_formId=${e}&udpf_version=${n}`)}catch(t){console.error("Form submission error:",t);this.enqueueSnackbar("Error saving form",{variant:"error",anchorOrigin:{vertical:"top",horizontal:"center"}})}finally{this.isLoading=false}}componentDidLoad(){this.initializeSortable()}componentDidUpdate(){this.initializeSortable()}componentWillLoad(){this.initializeForm()}onFormIdOrVersionChange(){this.initializeForm()}initializeSortable(){if(!(this.isNewForm||this.isMostRecentFormVersion)){return}this.sortableInstances.forEach((t=>t.destroy()));this.sortableInstances=[];this.formSections.forEach(((t,i)=>{const o=this.hostEl.shadowRoot.querySelector(`#section-${i}`);if(o){const t=new h(o,{animation:200,easing:"cubic-bezier(0.25, 1, 0.5, 1)",draggable:"udp-forms-builder-question-item",handle:".form-question-drag-handle",ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",direction:"vertical",forceFallback:false,dragoverBubble:false,swapThreshold:.6,onEnd:t=>this.handleDragEnd(t,i)});this.sortableInstances.push(t)}}))}handleDragEnd(t,i){const o=t.oldIndex;const s=t.newIndex;if(o===s||o==null||s==null)return;const e=structuredClone(this.formSections[i]);const[r]=e.formQuestions.splice(o,1);e.formQuestions.splice(s,0,r);const a=n(this.formSections);a[i]=e;this.formSections=a}deepMerge(t,i){const o=Object.assign({},t);for(const s in i){if(i[s]&&typeof i[s]==="object"&&!Array.isArray(i[s])){o[s]=this.deepMerge(t[s]||{},i[s])}else{o[s]=i[s]}}return o}validateForm(){return this.validateFormMetadata()&&this.validateAllQuestions()}validateFormMetadata(){if(!this.formMetadata.title||!this.formMetadata.description){return false}return true}validateAllQuestions(){for(let t=0;t<this.formSections.length;t++){const i=this.formSections[t];const o=(i===null||i===void 0?void 0:i.formQuestions)||[];for(let i=0;i<o.length;i++){if(!this.validateQuestionItem(t,i)){return false}}}return true}validateQuestionItem(t,i){const o=this.formSections[t].formQuestions[i];const s=e.find((t=>t.fieldTypeId===o.fieldTypeId));const n=!(s&&s.questionTextOptional);if(n&&!o.questionText){return false}if(o.isContainsOptionItems){const t=o.fieldProperties;if(!(t===null||t===void 0?void 0:t.lookupId)){if(!Array.isArray(t===null||t===void 0?void 0:t.items)||t.items.length===0){return false}const i=t.items.some((t=>!t.display||!t.value));if(i){return false}}}return true}render(){if(this.isError){return i("div",null," There is an Error With the Form Builder")}const t=this.isNewForm||this.isMostRecentFormVersion;return i("div",null,i("primary-action-header",{title:"UDP Form Builder",actionButtonLabel:t?this.isMostRecentFormVersion?`Create New Version (v.${this.version+1})`:"Create New Form":"",primaryActionClick:t?()=>this.submitForm():null,defaultActionButtons:t?[{label:"Style Overrides",clickHandler:this.toggleStyleSheet,tooltip:"Style Overrides",visible:false,icon:l("settings")}]:[],tabs:false}),i("udp-side-sheet",{open:this.isStyleSheetOpen,onUdpSideSheetClose:()=>this.isStyleSheetOpen=false,title:"Style Overrides",position:"right",width:"md"},i("udp-forms-builder-style-override",{formMetadata:this.formMetadata,onFormMetadataChange:t=>this.formMetadata=t})),i("udp-side-sheet",{open:this.isQuestionEditorOpen,onUdpSideSheetClose:()=>this.closeQuestionEditor(),onUdpPrimaryButtonClick:()=>{if(!this.hasUnsavedFormSectionsChanges()){return}this.updateFormSectionsWithDraft();this.closeQuestionEditor()},primaryButtonDisabled:!this.hasUnsavedFormSectionsChanges(),title:"Edit Question",position:"right",width:"md",primaryButtonLabel:"Update"},this.isQuestionEditorOpen&&i("div",{class:"question-editor-container"},i("question-configs-renderer",{formSectionsDraft:this.formSectionsDraft,sIndex:this.editingQuestion.sIndex,qIndex:this.editingQuestion.qIndex,isViewOnly:!t,onFormSectionsDraftChange:t=>this.formSectionsDraft=t,lookupOptions:this.lookupOptionsDataProcessed,formType:this.formMetadata.type}))),i("udp-side-sheet",{open:this.isSectionEditorOpen,onUdpSideSheetClose:()=>this.closeSectionEditor(),title:"Edit Section Fields",position:"right",width:"md",primaryButtonDisabled:!this.hasUnsavedFormSectionsChanges(),primaryButtonLabel:"Update",onUdpPrimaryButtonClick:()=>{if(!this.hasUnsavedFormSectionsChanges()){return}this.updateFormSectionsWithDraft();this.closeSectionEditor()}},this.isSectionEditorOpen&&i("div",{class:"section-editor-container"},i("section-configs-renderer",{formSectionsDraft:this.formSectionsDraft,sIndex:this.editingSection.sIndex,isViewOnly:!t,onFormSectionsDraftChange:t=>this.formSectionsDraft=t}))),i("fluent-dialog",{open:this.isDialogOpen,message:this.dialogMessage,labelOne:"Confirm",labelTwo:"Cancel",actionOne:()=>this.dialogAction(),actionTwo:()=>this.isDialogOpen=false}),this.isLoading&&i("udp-linear-loader",null),!this.isLoading&&i("udp-container",{maxWidth:"lg"},i("div",{class:"udp-forms-page"},i("div",{class:"form-details-container"},i("div",{class:"form-details-name-container"},t?i("div",{class:"form-details-name-input"},i("text-field",{label:"Form Title",value:this.formMetadata.name,placeholder:"Form Title",disabled:!t,required:true,margin:"none",maxCharacter:128,onInput:t=>{this.formMetadata=Object.assign(Object.assign({},this.formMetadata),{name:t.target.value})}})):i("div",{class:"form-details-name-display"},i("unity-typography",{variant:"h2"},this.formMetadata.name+" (View Only)"))),i("div",{class:"form-details-description-container"},t?i("div",{class:"form-details-details-input"},i("text-area",{label:"Form Description",value:this.formMetadata.description,placeholder:"Form Description",disabled:!t,required:true,margin:"none",maxCharacter:256,onInput:t=>{this.formMetadata=Object.assign(Object.assign({},this.formMetadata),{description:t.target.value})}})):i("div",{class:"form-details-description-display"},i("unity-typography",null,this.formMetadata.description))),this.isNewForm?i("udp-selector",{label:"Form Type",key:"udo-form-type-selector",initialValue:this.formMetadata.type,options:this.formTypeOptions,disabled:!t||!this.isNewForm,required:true,onChange:t=>{this.formMetadata=Object.assign(Object.assign({},this.formMetadata),{type:t.detail})}}):i("div",{class:"form-details-version-container"},i("unity-typography",null,"Form Type: ",m[this.formMetadata.type])),i("div",{class:"form-details-version-container"},i("unity-typography",null,"Version: ",this.formMetadata.version)),i("div",{class:"form-details-private-container"},i("div",{class:"toggle-container"},i("stencil-toggle",{label:"Private Form",margin:"none",disabled:!t,checked:this.formMetadata.isPrivate===true,labelPosition:"right",onToggledChange:()=>{let t=!this.formMetadata.isPrivate;this.formMetadata=Object.assign(Object.assign({},this.formMetadata),{isPrivate:t})}})))),t&&i("div",{class:"add-question-button-container"},i("udp-button",{startIcon:i("udp-icon",{iconName:"add",color:"inherit"}),onClick:()=>{const t=this.formSections.length;const i=n(this.formSections);i.push(Object.assign(Object.assign({},r),{order:t+1,title:`Section ${t+1}`}));this.formSections=i}},"Add a Section")),this.formSections.map(((o,s)=>{var a,c;return i("div",{key:s,class:"form-section"},i("div",{class:"form-section-header"},i("div",{class:"form-section-header-title"},i("unity-typography",{variant:"h6",color:"inherit"},o.title)),t&&i("div",{class:"form-section-header-actions"},s>0&&i("stencil-icon-button",{icon:l("arrowUp"),tooltip:"Move Section Up",onClick:()=>{this.handleSectionMoveUp(s)}}),s<this.formSections.length-1&&i("stencil-icon-button",{icon:l("arrowDown"),tooltip:"Move Section Down",onClick:()=>{this.handleSectionMoveDown(s)}}),i("stencil-icon-button",{icon:l("edit"),tooltip:`Edit Section Fields`,onClick:()=>this.handleSectionEditClick(s)}),i("stencil-icon-button",{icon:l("trashCan"),tooltip:"Delete Section",onClick:t=>{t.stopPropagation();this.dialogMessage="Are you sure you want to delete this section?";this.dialogAction=()=>{this.handleSectionDelete(s);this.isDialogOpen=false};this.isDialogOpen=true}}))),i("div",{class:"form-section-questions-container"},(this.isNewForm||this.isMostRecentFormVersion)&&this.showMenuAtIndex&&this.showMenuAtIndex.sIndex===s&&this.showMenuAtIndex.qIndex===0&&i("udp-forms-builder-menu",{isVisible:true,questionsTemplate:e,onAddSection:()=>{const t=this.formSections.length;const i=n(this.formSections);i.push(Object.assign(Object.assign({},r),{order:t,title:`Section ${t+1}`}));this.formSections=i;this.showMenuAtIndex={sIndex:t,qIndex:0}},onAddQuestion:t=>{const i=this.showMenuAtIndex?this.addQuestionOfType(t.detail,this.showMenuAtIndex.sIndex,this.showMenuAtIndex.qIndex):this.addQuestionOfType(t.detail);this.editingQuestion=Object.assign({},i);this.isQuestionEditorOpen=true},onCancelClick:()=>this.showMenuAtIndex=null}),i("div",{class:"form-section-questions-draggable-container",id:`section-${s}`},o.formQuestions.map(((o,e)=>i("udp-forms-builder-question-item",{key:o.id,iconName:o.icon,primaryText:`${o.questionText}`,secondaryText:o.helperText?o.helperText:null,avatarBackgroundColor:this.validateQuestionItem(s,e)?"info":"warning"},i("stencil-chip",{slot:"status-chip",text:"Required",showDelete:false,clickable:false,hidden:!o.required}),t&&i("div",{slot:"drag-and-drop"},i("div",{class:"form-question-drag-handle"},i("div",{class:"drag-wrapper"},i("stencil-icon-button",{icon:l("draggable"),tooltip:"Move Question",noBackground:true})))),i("div",{slot:"actions"},t?i("fragment",null,i("stencil-icon-button",{icon:l("edit"),tooltip:"Edit Question Details",onClick:t=>{t.stopPropagation();this.handleQuestionClick(s,e)},noBackground:true}),i("stencil-icon-button",{icon:l("copy"),tooltip:"Duplicate Question",onClick:t=>{t.stopPropagation();this.handleQuestionCopy(s,e)},noBackground:true}),i("stencil-icon-button",{icon:l("trashCan"),tooltip:"Delete Question",onClick:t=>{t.stopPropagation();this.dialogMessage="Are you sure you want to delete this question?";this.dialogAction=()=>{this.handleQuestionDelete(s,e);this.isDialogOpen=false};this.isDialogOpen=true},noBackground:true})):i("stencil-icon-button",{icon:l("view"),tooltip:"View Question Details",onClick:t=>{t.stopPropagation();this.handleQuestionClick(s,e)},noBackground:true})))))),t&&!this.showMenuAtIndex&&i("div",{class:"add-question-to-section-button-container"},i("udp-button",{variant:"text",onClick:()=>{this.showMenuAtIndex={sIndex:s,qIndex:o.formQuestions.length}},startIcon:i("udp-icon",{iconName:"add",color:"inherit"})},"Add a Question")),t&&((a=this.showMenuAtIndex)===null||a===void 0?void 0:a.sIndex)===s&&((c=this.showMenuAtIndex)===null||c===void 0?void 0:c.qIndex)===o.formQuestions.length&&o.formQuestions.length>0&&i("udp-forms-builder-menu",{isVisible:true,questionsTemplate:e,onAddSection:()=>{const t=n(this.formSections);t.splice(s+1,0,[]);this.formSections=t;this.showMenuAtIndex=null},onAddQuestion:t=>{if(this.showMenuAtIndex){const i=this.addQuestionOfType(t.detail,this.showMenuAtIndex.sIndex,this.showMenuAtIndex.qIndex);this.editingQuestion=Object.assign({},i);this.isQuestionEditorOpen=true}},onCancelClick:()=>this.showMenuAtIndex=null})))})))))}get hostEl(){return o(this)}static get watchers(){return{formId:["onFormIdOrVersionChange"],version:["onFormIdOrVersionChange"]}}};v.style=b;export{v as udp_forms_builder};
+import{r as t,h as i,a as o}from"./index-n-1ZSeAs.js";import{m as s}from"./makeApiCall-B-daVutk.js";import{q as e,d as n,f as r,a,s as c}from"./udp-forms-builder-question-template-y1XU3Z2l.js";import{g as l}from"./iconUtils-KSv32PVD.js";import{g as d}from"./tenantUtils-Basdb1b1.js";import h from"sortablejs";import{v4 as p}from"uuid";import{a as u,U as m}from"./enums-CE8s6a9b.js";import{C as f}from"./configService-BqLfkVKh.js";import"axios";import"@carbon/icons/es/add/16";import"@carbon/icons/es/add/32";import"@carbon/icons/es/add--alt/16";import"@carbon/icons/es/add--filled/16";import"@carbon/icons/es/arrows--horizontal/16";import"@carbon/icons/es/attachment/16";import"@carbon/icons/es/batch-job/16";import"@carbon/icons/es/box/16";import"@carbon/icons/es/close/16";import"@carbon/icons/es/close/24";import"@carbon/icons/es/close/32";import"@carbon/icons/es/close--filled/16";import"@carbon/icons/es/close--outline/16";import"@carbon/icons/es/checkmark/16";import"@carbon/icons/es/checkmark/24";import"@carbon/icons/es/checkmark/32";import"@carbon/icons/es/chevron--left/16";import"@carbon/icons/es/chevron--right/16";import"@carbon/icons/es/chevron--down/16";import"@carbon/icons/es/data-enrichment/16";import"@carbon/icons/es/document/16";import"@carbon/icons/es/document--add/16";import"@carbon/icons/es/document--attachment/16";import"@carbon/icons/es/document--pdf/16";import"@carbon/icons/es/draggable/16";import"@carbon/icons/es/edit/16";import"@carbon/icons/es/export/16";import"@carbon/icons/es/flag/16";import"@carbon/icons/es/information/16";import"@carbon/icons/es/information/32";import"@carbon/icons/es/link/16";import"@carbon/icons/es/overflow-menu--vertical/16";import"@carbon/icons/es/overflow-menu--vertical/32";import"@carbon/icons/es/return/16";import"@carbon/icons/es/save/16";import"@carbon/icons/es/settings/16";import"@carbon/icons/es/subtract/16";import"@carbon/icons/es/subtract--alt/16";import"@carbon/icons/es/subtract--filled/16";import"@carbon/icons/es/trash-can/16";import"@carbon/icons/es/user/16";import"@carbon/icons/es/view/16";import"@carbon/icons/es/warning/16";import"@carbon/icons/es/warning/32";import"@carbon/icons/es/warning--alt/16";import"@carbon/icons/es/warning--alt/32";import"@carbon/icons/es/product/16";import"@carbon/icons/es/workspace/16";import"@carbon/icons/es/arrow--up/16";import"@carbon/icons/es/arrow--down/16";import"@carbon/icons/es/arrow--right/16";import"@carbon/icons/es/arrow--left/16";import"@carbon/icons/es/copy/16";import"@carbon/icons/es/star/16";import"@carbon/icons/es/data-table/16";import"@carbon/icons/es/fit-to-width/16";import"@carbon/icons/es/search--advanced/16";import"@carbon/icons/es/reset/16";import"@carbon/icons/es/column/16";import"@carbon/icons/es/column--delete/16";import"@carbon/icons/es/watson-health/rotate--360/16";import"@carbon/icons/es/filter/16";import"@carbon/icons/es/app-connectivity/16";import"@carbon/icons/es/text--font/16";import"@carbon/icons/es/text--long-paragraph/16";import"@carbon/icons/es/character--whole-number/16";import"@carbon/icons/es/checkbox--checked/16";import"@carbon/icons/es/radio-button--checked/16";import"@carbon/icons/es/event--schedule/16";import"@carbon/icons/es/view--off/16";import"@carbon/icons/es/time/16";import"@carbon/icons/es/calendar/16";import"@carbon/icons/es/list--checked/16";import"@carbon/icons/es/list--bulleted/16";import"@carbon/icons/es/cloud--upload/16";import"@carbon/icons/es/locked/16";import"@carbon/icons/es/pause/16";import"@carbon/icons/es/unlocked/16";import"@carbon/icons/es/send/16";import"@carbon/icons/es/email/16";import"@carbon/icons/es/checkmark--outline/16";import"@carbon/icons/es/migrate--alt/16";import"@carbon/icons/es/checkbox--checked--filled/16";import"@carbon/icons/es/checkbox/16";const b=":host{display:block;--udp-form-primary-color:#007bff;--udp-form-spacing-unit:16px}.udp-forms-page{display:flex;flex-direction:column;gap:var(--spacing-06, 32px);padding:var(--spacing-06, 32px);padding-bottom:var(--spacing-12)}.form-section-questions-container{display:flex;flex-direction:column}.form-details-container{display:flex;flex-direction:column;padding:var(--spacing-05, 24px);background-color:var(--card-background-color, white)}.form-details-version-container{margin-bottom:var(--spacing-05)}.udp-form-builder-field-container,.udp-forms-builder-item-generic-configs,.udp-forms-builder-item-specific-configs{display:flex;flex-direction:column;gap:var(--spacing-04, 16px)}.form-section{}.form-section-header{display:flex;flex-direction:row;justify-content:space-between;background-color:var(--primary-color-dark, #000);color:var(--primary-contrast-text, #FFF);padding:var(--spacing-04, 16px) var(--spacing-05, 24px);align-items:center}.add-question-button-container{display:flex;justify-content:center;align-items:center}.question-editor-container{padding:var(--spacing-05, 24px);display:flex;flex-direction:column;gap:var(--spacing-05, 24px)}.add-question-to-section-button-container{padding:var(--spacing-02, 8px) 0;margin:auto}.sortable-ghost{opacity:0.5;transform:scale(0.98);background:#f4f4f4;border:1px dashed #ccc}.sortable-chosen{background:#eef6ff;box-shadow:0 0 4px 2px rgba(51, 153, 255, 0.3)}.form-question-drag-handle{transform:rotate(90deg);cursor:grab}.form-question-drag-handle:active{cursor:grabbing}.form-question-drag-handle .drag-wrapper{cursor:inherit}.form-question-drag-handle stencil-icon-button{pointer-events:none;}";var g=undefined&&undefined.__rest||function(t,i){var o={};for(var s in t)if(Object.prototype.hasOwnProperty.call(t,s)&&i.indexOf(s)<0)o[s]=t[s];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var e=0,s=Object.getOwnPropertySymbols(t);e<s.length;e++){if(i.indexOf(s[e])<0&&Object.prototype.propertyIsEnumerable.call(t,s[e]))o[s[e]]=t[s[e]]}return o};const v=class{constructor(i){t(this,i);this.formMetadata={};this.formSections=[];this.formSectionsDraft=[];this.isNewForm=true;this.isMostRecentFormVersion=false;this.isError=false;this.isLoading=false;this.isShowStyleOverrides=false;this.isStyleSheetOpen=false;this.isDialogOpen=false;this.showMenuAtIndex=null;this.editingQuestion=null;this.editingSection=null;this.isQuestionEditorOpen=false;this.isSectionEditorOpen=false;this.dialogMessage="Are you sure you want to delete this?";this.sortableInstances=[];this.formsBuilderPageId=u.FormBuilderPageId;this.formTypeOptions=Object.keys(m).filter((t=>isNaN(Number(t)))).map((t=>({value:String(m[t]),label:t})));this.toggleStyleSheet=()=>{this.isStyleSheetOpen=!this.isStyleSheetOpen};this.getQuestionTypeName=t=>{const i=e.find((i=>i.fieldTypeId===t));return i?i.questionTypeName:"Unknown"};this.getIsContainsOptionItems=t=>{const i=e.find((i=>i.fieldTypeId===t));return i?i.isContainsOptionItems||false:false};this.getIconForQuestion=t=>{const i=e.find((i=>i.fieldTypeId===t));return i?i.icon:null};this.handleQuestionDelete=(t,i)=>{const o=n(this.formSections);o[t].formQuestions.splice(i,1);this.formSections=o};this.handleQuestionCopy=(t,i)=>{const o=n(this.formSections);const s=this.formSections[t].formQuestions[i];const e=Object.assign(Object.assign({},s),{questionText:(s.questionText||"")+" (Copy)",id:p()});o[t].formQuestions.splice(i+1,0,e);this.formSections=o};this.handleQuestionClick=(t,i)=>{this.editingQuestion={sIndex:t,qIndex:i};this.isQuestionEditorOpen=true;this.formSectionsDraft=n(this.formSections)};this.closeQuestionEditor=()=>{this.isQuestionEditorOpen=false;this.editingQuestion=null;this.formSectionsDraft=null};this.addQuestionOfType=(t,i,o)=>{const s={questionTypeName:t.questionTypeName,fieldTypeId:t.fieldTypeId,fieldProperties:t.defaultFieldProperties,helperText:"",questionText:"",section:i!==undefined?i+1:this.formSections.length>0?this.formSections[this.formSections.length-1].formQuestions[0].section:1,isContainsOptionItems:t.isContainsOptionItems,icon:t.icon,required:false,form:null,isPrivate:true,id:p()};const e=n(this.formSections);let a=i;let c=o;if(i!==undefined&&o!==undefined){if(e[i].formQuestions){e[i].formQuestions.splice(o,0,s)}else{const t=e.length-1;e[t].formQuestions.push(s);a=t;c=e[t].formQuestions.length-1}}else{const t=e.length-1;if(t<0||e[t].formQuestions.length===0){e.push(Object.assign(Object.assign({},r),{formQuestions:[s]}));a=e.length-1;c=0}else{e[t].formQuestions.push(s);a=t;c=e[t].formQuestions.length-1}}this.formSectionsDraft=e;if(this.showMenuAtIndex)this.showMenuAtIndex=null;return{sIndex:a,qIndex:c}};this.handleSectionMoveDown=t=>{if(t>=this.formSections.length-1)return;const i=[...this.formSections];[i[t],i[t+1]]=[i[t+1],i[t]];this.formSections=i};this.handleSectionMoveUp=t=>{if(t<=0)return;const i=[...this.formSections];[i[t],i[t-1]]=[i[t-1],i[t]];this.formSections=i};this.handleSectionDelete=t=>{const i=[...this.formSections];i.splice(t,1);this.formSections=i};this.updateFormSectionsWithDraft=()=>{this.formSections=this.formSectionsDraft;this.formSectionsDraft=null};this.hasUnsavedFormSectionsChanges=()=>JSON.stringify(this.formSections)!==JSON.stringify(this.formSectionsDraft);this.handleSectionEditClick=t=>{this.editingSection={sIndex:t};this.isSectionEditorOpen=true;this.formSectionsDraft=n(this.formSections)};this.closeSectionEditor=()=>{this.isSectionEditorOpen=false;this.editingSection=null;this.formSectionsDraft=null}}async initializeForm(){this.formMetadata.isPrivate=a.isPrivate;this.formMetadata.tenantId=d();this.formMetadata.type=a.type;this.formMetadata.version=a.version;this.formMetadata.name=a.name;this.formMetadata.description=a.description;this.formMetadata.styleOverrides=c;try{this.isLoading=true;const t=await s("GET",f.productV1ApiUrl+"/UdpLookup");if(!t){throw new Error(`Error fetching lookup data`)}this.lookupOptionsDataProcessed=t.map((t=>Object.assign(Object.assign({},t),{value:t.id,label:t.name})));if(this.formId&&this.version){const t=await s("GET",`${f.productV1ApiUrl}/UdpForm/${this.formId}/${this.version}/describe`);const i=await s("GET",`${f.productV1ApiUrl}/UdpForm/${this.formId}/describe`);this.isNewForm=false;if(!t||!i||!t.id||!i){throw new Error(`Error fetching form data`)}if(t.id==i.id&&t.version==i.version){this.isMostRecentFormVersion=true}const o=structuredClone(t.udpFormUdpFormSection).map((t=>Object.assign(Object.assign({},t),{formQuestions:[]})));o.forEach((t=>{if(!t.sectionProperties){t.sectionProperties={}}else{t.sectionProperties=JSON.parse(t.sectionProperties)}}));t.formQuestions.forEach((t=>{const i=o.find((i=>i.id===t.formSectionId));if(i){const o=Object.assign({},t.fieldProperties);if("lookupId"in o&&"items"in o){delete o.items}i.formQuestions.push(Object.assign(Object.assign({},t),{fieldProperties:o,questionTypeName:this.getQuestionTypeName(t.fieldTypeId),isContainsOptionItems:this.getIsContainsOptionItems(t.fieldTypeId),icon:this.getIconForQuestion(t.fieldTypeId)}))}}));o.forEach((t=>{t.formQuestions.sort(((t,i)=>t.questionOrder-i.questionOrder))}));o.sort(((t,i)=>t.order-i.order));const e=g(t,[]);e.styleOverrides=this.deepMerge(c,JSON.parse(e.styleOverrides)||{});this.formMetadata=e;this.formSections=o;this.isLoading=false}}catch(t){this.isError=true;this.enqueueSnackbar("Error loading form data",{variant:"error",anchorOrigin:{vertical:"top",horizontal:"center"}})}finally{this.isLoading=false}}async submitForm(){this.isLoading=true;try{if(this.formSectionsDraft&&this.hasUnsavedFormSectionsChanges()){this.updateFormSectionsWithDraft()}if(!this.validateForm());const t={name:this.formMetadata.name,description:this.formMetadata.description,tenantId:this.formMetadata.tenantId,isPrivate:this.formMetadata.isPrivate,type:this.formMetadata.type,styleOverrides:JSON.stringify(this.formMetadata.styleOverrides),id:this.formMetadata.id,version:this.formMetadata.version};const i=`${f.productV1ApiUrl}/UdpForm${this.isMostRecentFormVersion?"/versions":""}`;const o=await s("POST",i,t);const e=o.id;const n=o.version;if(!o||!o.id||!o.version){throw new Error(`Invalid form response: ${JSON.stringify(o)}`)}let r=0;let a=0;const c=[];for(const[t,i]of this.formSections.entries()){r+=1;const o=Object.assign(Object.assign({},i),{formId:e,formVersion:n,order:r,sectionProperties:JSON.stringify(i.sectionProperties),name:`section${r}`});const l=await s("POST",`${f.productV1ApiUrl}/UdpFormSection`,o);if(!l||!l.id){throw new Error(`Invalid section response: ${JSON.stringify(l)}`)}const d=l.id;for(const o of i.formQuestions){a+=1;const i=Object.assign(Object.assign({},o),{formId:e,formVersion:n,section:t+1,questionOrder:a,formSectionId:d,name:`question${a}`});const r=s("POST",`${f.productV1ApiUrl}/UdpFormQuestion`,i);c.push(r)}}await Promise.all(c);this.enqueueSnackbar("Success",{variant:"success",anchorOrigin:{vertical:"top",horizontal:"center"}});this.history.push(`/page/${this.formsBuilderPageId}?udpf_formId=${e}&udpf_version=${n}`)}catch(t){console.error("Form submission error:",t);this.enqueueSnackbar("Error saving form",{variant:"error",anchorOrigin:{vertical:"top",horizontal:"center"}})}finally{this.isLoading=false}}componentDidLoad(){this.initializeSortable()}componentDidUpdate(){this.initializeSortable()}componentWillLoad(){this.initializeForm()}onFormIdOrVersionChange(){this.initializeForm()}initializeSortable(){if(!(this.isNewForm||this.isMostRecentFormVersion)){return}this.sortableInstances.forEach((t=>t.destroy()));this.sortableInstances=[];this.formSections.forEach(((t,i)=>{const o=this.hostEl.shadowRoot.querySelector(`#section-${i}`);if(o){const t=new h(o,{animation:200,easing:"cubic-bezier(0.25, 1, 0.5, 1)",draggable:"udp-forms-builder-question-item",handle:".form-question-drag-handle",ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",direction:"vertical",forceFallback:false,dragoverBubble:false,swapThreshold:.6,onEnd:t=>this.handleDragEnd(t,i)});this.sortableInstances.push(t)}}))}handleDragEnd(t,i){const o=t.oldIndex;const s=t.newIndex;if(o===s||o==null||s==null)return;const e=structuredClone(this.formSections[i]);const[r]=e.formQuestions.splice(o,1);e.formQuestions.splice(s,0,r);const a=n(this.formSections);a[i]=e;this.formSections=a}deepMerge(t,i){const o=Object.assign({},t);for(const s in i){if(i[s]&&typeof i[s]==="object"&&!Array.isArray(i[s])){o[s]=this.deepMerge(t[s]||{},i[s])}else{o[s]=i[s]}}return o}validateForm(){return this.validateFormMetadata()&&this.validateAllQuestions()}validateFormMetadata(){if(!this.formMetadata.title||!this.formMetadata.description){return false}return true}validateAllQuestions(){for(let t=0;t<this.formSections.length;t++){const i=this.formSections[t];const o=(i===null||i===void 0?void 0:i.formQuestions)||[];for(let i=0;i<o.length;i++){if(!this.validateQuestionItem(t,i)){return false}}}return true}validateQuestionItem(t,i){const o=this.formSections[t].formQuestions[i];const s=e.find((t=>t.fieldTypeId===o.fieldTypeId));const n=!(s&&s.questionTextOptional);if(n&&!o.questionText){return false}if(o.isContainsOptionItems){const t=o.fieldProperties;if(!(t===null||t===void 0?void 0:t.lookupId)){if(!Array.isArray(t===null||t===void 0?void 0:t.items)||t.items.length===0){return false}const i=t.items.some((t=>!t.display||!t.value));if(i){return false}}}return true}render(){if(this.isError){return i("div",null," There is an Error With the Form Builder")}const t=this.isNewForm||this.isMostRecentFormVersion;return i("div",null,i("primary-action-header",{title:"UDP Form Builder",actionButtonLabel:t?this.isMostRecentFormVersion?`Create New Version (v.${this.version+1})`:"Create New Form":"",primaryActionClick:t?()=>this.submitForm():null,defaultActionButtons:t?[{label:"Style Overrides",clickHandler:this.toggleStyleSheet,tooltip:"Style Overrides",visible:false,icon:l("settings")}]:[],tabs:false}),i("udp-side-sheet",{open:this.isStyleSheetOpen,onUdpSideSheetClose:()=>this.isStyleSheetOpen=false,title:"Style Overrides",position:"right",width:"md"},i("udp-forms-builder-style-override",{formMetadata:this.formMetadata,onFormMetadataChange:t=>this.formMetadata=t})),i("udp-side-sheet",{open:this.isQuestionEditorOpen,onUdpSideSheetClose:()=>this.closeQuestionEditor(),onUdpPrimaryButtonClick:()=>{if(!this.hasUnsavedFormSectionsChanges()){return}this.updateFormSectionsWithDraft();this.closeQuestionEditor()},primaryButtonDisabled:!this.hasUnsavedFormSectionsChanges(),title:"Edit Question",position:"right",width:"md",primaryButtonLabel:"Update"},this.isQuestionEditorOpen&&i("div",{class:"question-editor-container"},i("question-configs-renderer",{formSectionsDraft:this.formSectionsDraft,sIndex:this.editingQuestion.sIndex,qIndex:this.editingQuestion.qIndex,isViewOnly:!t,onFormSectionsDraftChange:t=>this.formSectionsDraft=t,lookupOptions:this.lookupOptionsDataProcessed,formType:this.formMetadata.type}))),i("udp-side-sheet",{open:this.isSectionEditorOpen,onUdpSideSheetClose:()=>this.closeSectionEditor(),title:"Edit Section Fields",position:"right",width:"md",primaryButtonDisabled:!this.hasUnsavedFormSectionsChanges(),primaryButtonLabel:"Update",onUdpPrimaryButtonClick:()=>{if(!this.hasUnsavedFormSectionsChanges()){return}this.updateFormSectionsWithDraft();this.closeSectionEditor()}},this.isSectionEditorOpen&&i("div",{class:"section-editor-container"},i("section-configs-renderer",{formSectionsDraft:this.formSectionsDraft,sIndex:this.editingSection.sIndex,isViewOnly:!t,onFormSectionsDraftChange:t=>this.formSectionsDraft=t}))),i("fluent-dialog",{open:this.isDialogOpen,message:this.dialogMessage,labelOne:"Confirm",labelTwo:"Cancel",actionOne:()=>this.dialogAction(),actionTwo:()=>this.isDialogOpen=false}),this.isLoading&&i("udp-linear-loader",null),!this.isLoading&&i("udp-container",{maxWidth:"lg"},i("div",{class:"udp-forms-page"},i("div",{class:"form-details-container"},i("div",{class:"form-details-name-container"},t?i("div",{class:"form-details-name-input"},i("text-field",{label:"Form Title",value:this.formMetadata.name,placeholder:"Form Title",disabled:!t,required:true,margin:"none",maxCharacter:128,onInput:t=>{this.formMetadata=Object.assign(Object.assign({},this.formMetadata),{name:t.target.value})}})):i("div",{class:"form-details-name-display"},i("unity-typography",{variant:"h2"},this.formMetadata.name+" (View Only)"))),i("div",{class:"form-details-description-container"},t?i("div",{class:"form-details-details-input"},i("text-area",{label:"Form Description",value:this.formMetadata.description,placeholder:"Form Description",disabled:!t,required:true,margin:"none",maxCharacter:256,onInput:t=>{this.formMetadata=Object.assign(Object.assign({},this.formMetadata),{description:t.target.value})}})):i("div",{class:"form-details-description-display"},i("unity-typography",null,this.formMetadata.description))),this.isNewForm?i("udp-selector",{label:"Form Type",key:"udo-form-type-selector",initialValue:this.formMetadata.type,options:this.formTypeOptions,disabled:!t||!this.isNewForm,required:true,onChange:t=>{this.formMetadata=Object.assign(Object.assign({},this.formMetadata),{type:t.detail})}}):i("div",{class:"form-details-version-container"},i("unity-typography",null,"Form Type: ",m[this.formMetadata.type])),i("div",{class:"form-details-version-container"},i("unity-typography",null,"Version: ",this.formMetadata.version)),i("div",{class:"form-details-private-container"},i("div",{class:"toggle-container"},i("stencil-toggle",{label:"Private Form",margin:"none",disabled:!t,checked:this.formMetadata.isPrivate===true,labelPosition:"right",onToggledChange:()=>{let t=!this.formMetadata.isPrivate;this.formMetadata=Object.assign(Object.assign({},this.formMetadata),{isPrivate:t})}})))),t&&i("div",{class:"add-question-button-container"},i("udp-button",{startIcon:i("udp-icon",{iconName:"add",color:"inherit"}),onClick:()=>{const t=this.formSections.length;const i=n(this.formSections);i.push(Object.assign(Object.assign({},r),{order:t+1,title:`Section ${t+1}`}));this.formSections=i}},"Add a Section")),this.formSections.map(((o,s)=>{var a,c;return i("div",{key:s,class:"form-section"},i("div",{class:"form-section-header"},i("div",{class:"form-section-header-title"},i("unity-typography",{variant:"h6",color:"inherit"},o.title)),t&&i("div",{class:"form-section-header-actions"},s>0&&i("stencil-icon-button",{icon:l("arrowUp"),tooltip:"Move Section Up",onClick:()=>{this.handleSectionMoveUp(s)}}),s<this.formSections.length-1&&i("stencil-icon-button",{icon:l("arrowDown"),tooltip:"Move Section Down",onClick:()=>{this.handleSectionMoveDown(s)}}),i("stencil-icon-button",{icon:l("edit"),tooltip:`Edit Section Fields`,onClick:()=>this.handleSectionEditClick(s)}),i("stencil-icon-button",{icon:l("trashCan"),tooltip:"Delete Section",onClick:t=>{t.stopPropagation();this.dialogMessage="Are you sure you want to delete this section?";this.dialogAction=()=>{this.handleSectionDelete(s);this.isDialogOpen=false};this.isDialogOpen=true}}))),i("div",{class:"form-section-questions-container"},(this.isNewForm||this.isMostRecentFormVersion)&&this.showMenuAtIndex&&this.showMenuAtIndex.sIndex===s&&this.showMenuAtIndex.qIndex===0&&i("udp-forms-builder-menu",{isVisible:true,questionsTemplate:e,onAddSection:()=>{const t=this.formSections.length;const i=n(this.formSections);i.push(Object.assign(Object.assign({},r),{order:t,title:`Section ${t+1}`}));this.formSections=i;this.showMenuAtIndex={sIndex:t,qIndex:0}},onAddQuestion:t=>{const i=this.showMenuAtIndex?this.addQuestionOfType(t.detail,this.showMenuAtIndex.sIndex,this.showMenuAtIndex.qIndex):this.addQuestionOfType(t.detail);this.editingQuestion=Object.assign({},i);this.isQuestionEditorOpen=true},onCancelClick:()=>this.showMenuAtIndex=null}),i("div",{class:"form-section-questions-draggable-container",id:`section-${s}`},o.formQuestions.map(((o,e)=>i("udp-forms-builder-question-item",{key:o.id,iconName:o.icon,primaryText:`${o.questionText}`,secondaryText:o.helperText?o.helperText:null,avatarBackgroundColor:this.validateQuestionItem(s,e)?"info":"warning"},i("stencil-chip",{slot:"status-chip",text:"Required",showDelete:false,clickable:false,hidden:!o.required}),t&&i("div",{slot:"drag-and-drop"},i("div",{class:"form-question-drag-handle"},i("div",{class:"drag-wrapper"},i("stencil-icon-button",{icon:l("draggable"),tooltip:"Move Question",noBackground:true})))),i("div",{slot:"actions"},t?i("fragment",null,i("stencil-icon-button",{icon:l("edit"),tooltip:"Edit Question Details",onClick:t=>{t.stopPropagation();this.handleQuestionClick(s,e)},noBackground:true}),i("stencil-icon-button",{icon:l("copy"),tooltip:"Duplicate Question",onClick:t=>{t.stopPropagation();this.handleQuestionCopy(s,e)},noBackground:true}),i("stencil-icon-button",{icon:l("trashCan"),tooltip:"Delete Question",onClick:t=>{t.stopPropagation();this.dialogMessage="Are you sure you want to delete this question?";this.dialogAction=()=>{this.handleQuestionDelete(s,e);this.isDialogOpen=false};this.isDialogOpen=true},noBackground:true})):i("stencil-icon-button",{icon:l("view"),tooltip:"View Question Details",onClick:t=>{t.stopPropagation();this.handleQuestionClick(s,e)},noBackground:true})))))),t&&!this.showMenuAtIndex&&i("div",{class:"add-question-to-section-button-container"},i("udp-button",{variant:"text",onClick:()=>{this.showMenuAtIndex={sIndex:s,qIndex:o.formQuestions.length}},startIcon:i("udp-icon",{iconName:"add",color:"inherit"})},"Add a Question")),t&&((a=this.showMenuAtIndex)===null||a===void 0?void 0:a.sIndex)===s&&((c=this.showMenuAtIndex)===null||c===void 0?void 0:c.qIndex)===o.formQuestions.length&&o.formQuestions.length>0&&i("udp-forms-builder-menu",{isVisible:true,questionsTemplate:e,onAddSection:()=>{const t=n(this.formSections);t.splice(s+1,0,[]);this.formSections=t;this.showMenuAtIndex=null},onAddQuestion:t=>{if(this.showMenuAtIndex){const i=this.addQuestionOfType(t.detail,this.showMenuAtIndex.sIndex,this.showMenuAtIndex.qIndex);this.editingQuestion=Object.assign({},i);this.isQuestionEditorOpen=true}},onCancelClick:()=>this.showMenuAtIndex=null})))})))))}get hostEl(){return o(this)}static get watchers(){return{formId:["onFormIdOrVersionChange"],version:["onFormIdOrVersionChange"]}}};v.style=b;export{v as udp_forms_builder};
 //# sourceMappingURL=udp-forms-builder.entry.js.map

package/dist/stencil-library/udp-forms-follow-up-list-card.entry.js

@@ -1,2 +1,2 @@
-import{r as a,h as t,F as d}from"./index-DsqSxziV.js";import{U as e}from"./enums-CE8s6a9b.js";const r=class{constructor(t){a(this,t)}render(){const a=t(d,{key:"c3d675df638c528117d931b1aba2c8a35554880b"},t("unity-typography",{key:"df3de57a9cf9eb8aad4831014311ae767c97271c",variant:"body1",color:"textSecondary"},"Version: ",this.listItemData.version),t("unity-typography",{key:"72989981615c843c1c53d938224867a82ddced94",variant:"body1",color:"textSecondary"},"Form Type: ",e[this.listItemData.type]));return t("udp-card",{key:"6b31e1a30c10ec6b1b2bd53aad528b98dbcd61d7",cardTitle:this.listItemData.name,subheader:this.listItemData.description,onTitleClick:()=>this.handleLaunchFollowUpForm(),disableContentPadding:true,adornmentStatus:"info"},a)}};export{r as udp_forms_follow_up_list_card};
+import{r as a,h as t,F as d}from"./index-n-1ZSeAs.js";import{U as e}from"./enums-CE8s6a9b.js";const r=class{constructor(t){a(this,t)}render(){const a=t(d,{key:"c3d675df638c528117d931b1aba2c8a35554880b"},t("unity-typography",{key:"df3de57a9cf9eb8aad4831014311ae767c97271c",variant:"body1",color:"textSecondary"},"Version: ",this.listItemData.version),t("unity-typography",{key:"72989981615c843c1c53d938224867a82ddced94",variant:"body1",color:"textSecondary"},"Form Type: ",e[this.listItemData.type]));return t("udp-card",{key:"6b31e1a30c10ec6b1b2bd53aad528b98dbcd61d7",cardTitle:this.listItemData.name,subheader:this.listItemData.description,onTitleClick:()=>this.handleLaunchFollowUpForm(),disableContentPadding:true,adornmentStatus:"info"},a)}};export{r as udp_forms_follow_up_list_card};
 //# sourceMappingURL=udp-forms-follow-up-list-card.entry.js.map

package/dist/stencil-library/udp-forms-list-card.entry.js

@@ -1,2 +1,2 @@
-import{r as t,h as e,F as i}from"./index-DsqSxziV.js";import{a as o,U as a}from"./enums-CE8s6a9b.js";import s from"@carbon/icons/es/chevron--right/16";import n from"@carbon/icons/es/edit/16";import r from"@carbon/icons/es/view/16";const c=class{constructor(e){t(this,e);this.formBuilderHandler=()=>{this.history.push(`/page/${o.FormBuilderPageId}?udpf_formId=${this.data.id}&udpf_version=${this.data.version}`)};this.formRendererHandler=()=>{this.history.push(`/page/${o.FormRendererPageId}?udpf_formId=${this.data.id}&udpf_version=${this.data.version}`)};this.handleTitleClick=t=>{t.preventDefault();this.formBuilderHandler()}}render(){const t=e(i,{key:"86922a9f530c257641a1e9763380bd8301930fa6"},e("unity-typography",{key:"ca878765706008f05d07d44545305f655500769f",variant:"body1",color:"textSecondary"},"Version: ",this.data.version),!this.isSideSheetList&&e("unity-typography",{key:"6c72d85939583f423cbb587e905eca34d3c81447",variant:"body1",color:"textSecondary"},"Last Modified: ",new Date(this.data.lastModifiedOn).toLocaleDateString()),e("unity-typography",{key:"8f4e7bdf40cd6f75aaa4ce6d44e47fe8e0d7ff9b",variant:"body1",color:"textSecondary"},"Created On: ",this.isSideSheetList?new Date(this.data.createdOn).toLocaleDateString():new Date(this.data.initialCreatedOn).toLocaleDateString()),e("unity-typography",{key:"93151c42c577d98e0de4baf953ae8b672b93d04b",variant:"body1",color:"textSecondary"},"Form Type: ",a[this.data.type]));const o=e(i,{key:"c981118cbef8130ea3ba4b544389d09b0672e7c7"},e("stencil-icon-button",{key:"fb62c37e3aba0d6385e76bd88c7052f50505aa15",icon:n,tooltip:"Open in Form Builder",onClick:t=>{t.stopPropagation();this.formBuilderHandler()}}),!this.isSideSheetList&&e("stencil-icon-button",{key:"7a25e4056e44d455ef7621b10df945f513da1645",icon:r,tooltip:"View in Form Renderer",onClick:t=>{t.stopPropagation();this.formRendererHandler()}}),!this.isSideSheetList&&e("stencil-icon-button",{key:"63363b40d0c5f0372ab1c1d02a966ce73021405e",icon:s,tooltip:"See Version History",onClick:t=>{var e;t.stopPropagation();(e=this.openSideSheet)===null||e===void 0?void 0:e.call(this)}}));return e("udp-card",{key:"d72660c61bd32cf09a41267c53d77c1a873d51e6",cardTitle:this.data.name,subheader:this.data.description,actions:o,onTitleClick:this.handleTitleClick,disableContentPadding:true,adornmentStatus:"info"},t)}};export{c as udp_forms_list_card};
+import{r as t,h as e,F as i}from"./index-n-1ZSeAs.js";import{a as o,U as a}from"./enums-CE8s6a9b.js";import n from"@carbon/icons/es/chevron--right/16";import s from"@carbon/icons/es/edit/16";import r from"@carbon/icons/es/view/16";const c=class{constructor(e){t(this,e);this.formBuilderHandler=()=>{this.history.push(`/page/${o.FormBuilderPageId}?udpf_formId=${this.data.id}&udpf_version=${this.data.version}`)};this.formRendererHandler=()=>{this.history.push(`/page/${o.FormRendererPageId}?udpf_formId=${this.data.id}&udpf_version=${this.data.version}`)};this.handleTitleClick=t=>{t.preventDefault();this.formBuilderHandler()}}render(){const t=e(i,{key:"86922a9f530c257641a1e9763380bd8301930fa6"},e("unity-typography",{key:"ca878765706008f05d07d44545305f655500769f",variant:"body1",color:"textSecondary"},"Version: ",this.data.version),!this.isSideSheetList&&e("unity-typography",{key:"6c72d85939583f423cbb587e905eca34d3c81447",variant:"body1",color:"textSecondary"},"Last Modified: ",new Date(this.data.lastModifiedOn).toLocaleDateString()),e("unity-typography",{key:"8f4e7bdf40cd6f75aaa4ce6d44e47fe8e0d7ff9b",variant:"body1",color:"textSecondary"},"Created On: ",this.isSideSheetList?new Date(this.data.createdOn).toLocaleDateString():new Date(this.data.initialCreatedOn).toLocaleDateString()),e("unity-typography",{key:"93151c42c577d98e0de4baf953ae8b672b93d04b",variant:"body1",color:"textSecondary"},"Form Type: ",a[this.data.type]));const o=e(i,{key:"c981118cbef8130ea3ba4b544389d09b0672e7c7"},e("stencil-icon-button",{key:"fb62c37e3aba0d6385e76bd88c7052f50505aa15",icon:s,tooltip:"Open in Form Builder",onClick:t=>{t.stopPropagation();this.formBuilderHandler()}}),!this.isSideSheetList&&e("stencil-icon-button",{key:"7a25e4056e44d455ef7621b10df945f513da1645",icon:r,tooltip:"View in Form Renderer",onClick:t=>{t.stopPropagation();this.formRendererHandler()}}),!this.isSideSheetList&&e("stencil-icon-button",{key:"63363b40d0c5f0372ab1c1d02a966ce73021405e",icon:n,tooltip:"See Version History",onClick:t=>{var e;t.stopPropagation();(e=this.openSideSheet)===null||e===void 0?void 0:e.call(this)}}));return e("udp-card",{key:"d72660c61bd32cf09a41267c53d77c1a873d51e6",cardTitle:this.data.name,subheader:this.data.description,actions:o,onTitleClick:this.handleTitleClick,disableContentPadding:true,adornmentStatus:"info"},t)}};export{c as udp_forms_list_card};
 //# sourceMappingURL=udp-forms-list-card.entry.js.map

package/dist/stencil-library/udp-forms-list.entry.js

@@ -1,2 +1,2 @@
-import{r as t,h as e,a as i}from"./index-DsqSxziV.js";import{f as s,a}from"./udp-form-api-utils-vPSYCvIA.js";import{a as r}from"./enums-CE8s6a9b.js";import"axios";import"./tenantUtils-Basdb1b1.js";import"./configService-BqLfkVKh.js";const o=":host{display:block}.udp-form-filter-container{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-05);flex-wrap:nowrap;padding:var(--spacing-05) 0}.error-banner{background-color:#fdecea;border:1px solid #f5c6cb;color:#a94442;padding:12px;margin-bottom:12px;border-radius:4px}.selector-group,.search-group{display:flex;gap:0.75rem;align-items:flex-end}.selector-group{flex-grow:1;flex-shrink:1;max-width:300px}";const n=class{constructor(e){t(this,e);this.isSideSheetOpen=false;this.mainFormsList=[];this.sideSheetFormsList=[];this.mainListPageNumber=1;this.sideSheetListPageNumber=1;this.mainTotalItems=0;this.sideSheetTotalItems=0;this.isLoading=true;this.errorMessage="";this.sortState={sortDirection:"DESC",sortColumn:"lastModifiedOn"};this.searchFilters=[];this.nameFilter="";this.formsBuilderPageId=r.FormBuilderPageId;this.SIDE_SHEET_PAGE_SIZE=8;this.MAIN_PAGE_SIZE=6;this.componentMap={history:"history",isSideSheetList:"isSideSheetList",openSideSheet:"openSideSheet",data:"data",titleClick:"titleClick"};this.SORT_DIRECTIONS=[{label:"Asc",value:"ASC"},{label:"Desc",value:"DESC"}];this.SORT_COLUMNS=[{label:"Last Modified",value:"lastModifiedOn"},{label:"Created On",value:"initialCreatedOn"},{label:"Name",value:"name"}];this.debouncedFormNameSearch=(()=>{let t;return()=>{clearTimeout(t);t=window.setTimeout((()=>this.loadMainForms()),300)}})();this.handleHeaderPrimaryActionClick=()=>{this.history.push(`/page/${this.formsBuilderPageId}`)};this.handleSideSheetPrimaryAction=()=>{const t=this.mainFormsList.find((t=>t.data.id===this.sideSheetFormsList[0].data.id)).data;const e=t.id;const i=t.version;this.history.push(`/page/${this.formsBuilderPageId}?udpf_formId=${e}&udpf_version=${i}`);this.isSideSheetOpen=false};this.handleSideSheetClose=()=>{this.sideSheetFormsList=[];this.sideSheetListPageNumber=1;this.sideSheetTotalItems=0;this.isSideSheetOpen=false}}componentDidLoad(){return this.loadMainForms()}async loadMainForms(){var t;this.isLoading=true;this.errorMessage="";try{const e=await s(this.mainListPageNumber,this.MAIN_PAGE_SIZE,this.searchFilters,this.sortState);const i=e.data;if(!i||!Array.isArray(i.pageList)){throw new Error("Malformed data received from server.")}this.mainFormsList=this.formatList(i.pageList,false);this.mainTotalItems=(t=i.total)!==null&&t!==void 0?t:0}catch(t){console.error("Error loading forms data:",t);this.errorMessage="Failed to load forms. Please try again."}finally{this.isLoading=false}}async loadFormVersions(){var t;this.isLoading=true;this.errorMessage="";try{const e=await a(this.currentFormId,this.sideSheetListPageNumber,this.SIDE_SHEET_PAGE_SIZE);const i=e.data;if(!i||!Array.isArray(i.pageList)){throw new Error("Malformed form versions data.")}this.sideSheetFormsList=this.formatList(i.pageList,true);this.sideSheetTotalItems=(t=i.total)!==null&&t!==void 0?t:0}catch(t){console.error("Error loading form versions:",t);this.errorMessage="Failed to load form versions."}finally{this.isLoading=false}}formatList(t,e){return t.map((t=>({data:t,history:this.history,isSideSheetList:e,openSideSheet:()=>this.handleOpenSideSheet(t.id)})))}async handleMainPageChange(t){this.mainListPageNumber=t;await this.loadMainForms()}handleOrderFilterChange({fieldName:t,value:e}){this.sortState=Object.assign(Object.assign({},this.sortState),{[t]:e})}handleFormNameSearchFilterChange(t){const e=t.target;this.nameFilter=e.value;const i="name";const s="LIKE";const a={searchField:i,searchOperator:s,searchValue:e.value};let r=this.searchFilters.filter((t=>t.searchField!==i));if(e.value.trim()!==""){r.push(a)}this.searchFilters=r;this.mainListPageNumber=1}async refetchMainListData(t,e){if(JSON.stringify(t)===JSON.stringify(e))return;this.mainListPageNumber=1;await this.loadMainForms()}async handleOpenSideSheet(t){this.currentFormId=t;this.sideSheetListPageNumber=1;this.isSideSheetOpen=true;await this.loadFormVersions()}async handleSideSheetPageChange(t){this.sideSheetListPageNumber=t;await this.loadFormVersions()}renderFilters(){return e("div",{class:"udp-form-filter-container"},e("div",{class:"search-group"},e("text-field",{label:"Search Name",value:this.nameFilter,placeholder:"Search Form Name",onInput:async t=>{this.handleFormNameSearchFilterChange(t);this.debouncedFormNameSearch()},margin:"none"})),e("div",{class:"selector-group"},e("udp-selector",{label:"Sort By",name:"sortColumn",options:this.SORT_COLUMNS,onChange:t=>this.handleOrderFilterChange({fieldName:"sortColumn",value:t.detail}),initialValue:this.sortState.sortColumn}),e("udp-selector",{label:"Sort Direction",name:"sortDirection",options:this.SORT_DIRECTIONS,onChange:t=>this.handleOrderFilterChange({fieldName:"sortDirection",value:t.detail}),initialValue:this.sortState.sortDirection})))}renderSideSheet(){return e("udp-side-sheet",{primaryButtonLabel:"Create New Form Version",title:"Form Version History",open:this.isSideSheetOpen,onUdpSideSheetClose:()=>this.handleSideSheetClose(),position:"right",width:"md",onUdpPrimaryButtonClick:()=>this.handleSideSheetPrimaryAction()},this.isLoading&&this.isSideSheetOpen&&e("udp-linear-loader",null),e("udp-list-renderer",{itemComponent:"udp-forms-list-card",data:this.sideSheetFormsList,pagination:true,isServerSide:true,isLoading:this.isLoading,itemsPerPage:this.SIDE_SHEET_PAGE_SIZE,currentPage:this.sideSheetListPageNumber,totalItems:this.sideSheetTotalItems,onPageChange:t=>this.handleSideSheetPageChange(t.detail),componentDataMap:this.componentMap,spacing:"md"}))}renderErrorMessage(){return this.errorMessage?e("div",{class:"error-banner"},e("unity-typography",{variant:"body2"},this.errorMessage)):null}render(){return e("div",{key:"60071b428c63df117043430fc230836c10e8eb99",class:"udp-forms-list-container"},e("primary-action-header",{key:"126e440554abed576b6c570c1b31acbb72f99607",title:"UDP Forms",primaryActionClick:()=>this.handleHeaderPrimaryActionClick(),actionButtonLabel:"Create New Form",tabs:false}),this.isLoading&&e("udp-linear-loader",{key:"3b9ad9fa0c242925bc2ddeeadc63098064fdb193"}),this.renderSideSheet(),e("udp-container",{key:"809799a2cba6f52c2bc835cefe2eb4c81e3c879a",maxWidth:"lg"},this.renderErrorMessage(),this.renderFilters(),e("udp-list-renderer",{key:"36adc31b62301fc9454b345c582dbf9b2fc3e434",itemComponent:"udp-forms-list-card",data:this.mainFormsList,pagination:true,isServerSide:true,isLoading:this.isLoading,itemsPerPage:this.MAIN_PAGE_SIZE,currentPage:this.mainListPageNumber,totalItems:this.mainTotalItems,onPageChange:t=>this.handleMainPageChange(t.detail),componentDataMap:this.componentMap,spacing:"md"})),e("udp-forms-list-card",{key:"9b901f2693ca6dfaa2396d3903fe62933dd22084",style:{display:"none"}}),e("div",{key:"8ab0c733c8bbb60cb67a4ef1ae6f6b9b1f82bec3",style:{height:"60px"}}))}get el(){return i(this)}static get watchers(){return{sortState:["refetchMainListData"]}}};n.style=o;export{n as udp_forms_list};
+import{r as t,h as e,a as i}from"./index-n-1ZSeAs.js";import{f as s,a}from"./udp-form-api-utils-vPSYCvIA.js";import{a as r}from"./enums-CE8s6a9b.js";import"axios";import"./tenantUtils-Basdb1b1.js";import"./configService-BqLfkVKh.js";const o=":host{display:block}.udp-form-filter-container{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-05);flex-wrap:nowrap;padding:var(--spacing-05) 0}.error-banner{background-color:#fdecea;border:1px solid #f5c6cb;color:#a94442;padding:12px;margin-bottom:12px;border-radius:4px}.selector-group,.search-group{display:flex;gap:0.75rem;align-items:flex-end}.selector-group{flex-grow:1;flex-shrink:1;max-width:300px}";const n=class{constructor(e){t(this,e);this.isSideSheetOpen=false;this.mainFormsList=[];this.sideSheetFormsList=[];this.mainListPageNumber=1;this.sideSheetListPageNumber=1;this.mainTotalItems=0;this.sideSheetTotalItems=0;this.isLoading=true;this.errorMessage="";this.sortState={sortDirection:"DESC",sortColumn:"lastModifiedOn"};this.searchFilters=[];this.nameFilter="";this.formsBuilderPageId=r.FormBuilderPageId;this.SIDE_SHEET_PAGE_SIZE=8;this.MAIN_PAGE_SIZE=6;this.componentMap={history:"history",isSideSheetList:"isSideSheetList",openSideSheet:"openSideSheet",data:"data",titleClick:"titleClick"};this.SORT_DIRECTIONS=[{label:"Asc",value:"ASC"},{label:"Desc",value:"DESC"}];this.SORT_COLUMNS=[{label:"Last Modified",value:"lastModifiedOn"},{label:"Created On",value:"initialCreatedOn"},{label:"Name",value:"name"}];this.debouncedFormNameSearch=(()=>{let t;return()=>{clearTimeout(t);t=window.setTimeout((()=>this.loadMainForms()),300)}})();this.handleHeaderPrimaryActionClick=()=>{this.history.push(`/page/${this.formsBuilderPageId}`)};this.handleSideSheetPrimaryAction=()=>{const t=this.mainFormsList.find((t=>t.data.id===this.sideSheetFormsList[0].data.id)).data;const e=t.id;const i=t.version;this.history.push(`/page/${this.formsBuilderPageId}?udpf_formId=${e}&udpf_version=${i}`);this.isSideSheetOpen=false};this.handleSideSheetClose=()=>{this.sideSheetFormsList=[];this.sideSheetListPageNumber=1;this.sideSheetTotalItems=0;this.isSideSheetOpen=false}}componentDidLoad(){return this.loadMainForms()}async loadMainForms(){var t;this.isLoading=true;this.errorMessage="";try{const e=await s(this.mainListPageNumber,this.MAIN_PAGE_SIZE,this.searchFilters,this.sortState);const i=e.data;if(!i||!Array.isArray(i.pageList)){throw new Error("Malformed data received from server.")}this.mainFormsList=this.formatList(i.pageList,false);this.mainTotalItems=(t=i.total)!==null&&t!==void 0?t:0}catch(t){console.error("Error loading forms data:",t);this.errorMessage="Failed to load forms. Please try again."}finally{this.isLoading=false}}async loadFormVersions(){var t;this.isLoading=true;this.errorMessage="";try{const e=await a(this.currentFormId,this.sideSheetListPageNumber,this.SIDE_SHEET_PAGE_SIZE);const i=e.data;if(!i||!Array.isArray(i.pageList)){throw new Error("Malformed form versions data.")}this.sideSheetFormsList=this.formatList(i.pageList,true);this.sideSheetTotalItems=(t=i.total)!==null&&t!==void 0?t:0}catch(t){console.error("Error loading form versions:",t);this.errorMessage="Failed to load form versions."}finally{this.isLoading=false}}formatList(t,e){return t.map((t=>({data:t,history:this.history,isSideSheetList:e,openSideSheet:()=>this.handleOpenSideSheet(t.id)})))}async handleMainPageChange(t){this.mainListPageNumber=t;await this.loadMainForms()}handleOrderFilterChange({fieldName:t,value:e}){this.sortState=Object.assign(Object.assign({},this.sortState),{[t]:e})}handleFormNameSearchFilterChange(t){const e=t.target;this.nameFilter=e.value;const i="name";const s="LIKE";const a={searchField:i,searchOperator:s,searchValue:e.value};let r=this.searchFilters.filter((t=>t.searchField!==i));if(e.value.trim()!==""){r.push(a)}this.searchFilters=r;this.mainListPageNumber=1}async refetchMainListData(t,e){if(JSON.stringify(t)===JSON.stringify(e))return;this.mainListPageNumber=1;await this.loadMainForms()}async handleOpenSideSheet(t){this.currentFormId=t;this.sideSheetListPageNumber=1;this.isSideSheetOpen=true;await this.loadFormVersions()}async handleSideSheetPageChange(t){this.sideSheetListPageNumber=t;await this.loadFormVersions()}renderFilters(){return e("div",{class:"udp-form-filter-container"},e("div",{class:"search-group"},e("text-field",{label:"Search Name",value:this.nameFilter,placeholder:"Search Form Name",onInput:async t=>{this.handleFormNameSearchFilterChange(t);this.debouncedFormNameSearch()},margin:"none"})),e("div",{class:"selector-group"},e("udp-selector",{label:"Sort By",name:"sortColumn",options:this.SORT_COLUMNS,onChange:t=>this.handleOrderFilterChange({fieldName:"sortColumn",value:t.detail}),initialValue:this.sortState.sortColumn}),e("udp-selector",{label:"Sort Direction",name:"sortDirection",options:this.SORT_DIRECTIONS,onChange:t=>this.handleOrderFilterChange({fieldName:"sortDirection",value:t.detail}),initialValue:this.sortState.sortDirection})))}renderSideSheet(){return e("udp-side-sheet",{primaryButtonLabel:"Create New Form Version",title:"Form Version History",open:this.isSideSheetOpen,onUdpSideSheetClose:()=>this.handleSideSheetClose(),position:"right",width:"md",onUdpPrimaryButtonClick:()=>this.handleSideSheetPrimaryAction()},this.isLoading&&this.isSideSheetOpen&&e("udp-linear-loader",null),e("udp-list-renderer",{itemComponent:"udp-forms-list-card",data:this.sideSheetFormsList,pagination:true,isServerSide:true,isLoading:this.isLoading,itemsPerPage:this.SIDE_SHEET_PAGE_SIZE,currentPage:this.sideSheetListPageNumber,totalItems:this.sideSheetTotalItems,onPageChange:t=>this.handleSideSheetPageChange(t.detail),componentDataMap:this.componentMap,spacing:"md"}))}renderErrorMessage(){return this.errorMessage?e("div",{class:"error-banner"},e("unity-typography",{variant:"body2"},this.errorMessage)):null}render(){return e("div",{key:"60071b428c63df117043430fc230836c10e8eb99",class:"udp-forms-list-container"},e("primary-action-header",{key:"126e440554abed576b6c570c1b31acbb72f99607",title:"UDP Forms",primaryActionClick:()=>this.handleHeaderPrimaryActionClick(),actionButtonLabel:"Create New Form",tabs:false}),this.isLoading&&e("udp-linear-loader",{key:"3b9ad9fa0c242925bc2ddeeadc63098064fdb193"}),this.renderSideSheet(),e("udp-container",{key:"809799a2cba6f52c2bc835cefe2eb4c81e3c879a",maxWidth:"lg"},this.renderErrorMessage(),this.renderFilters(),e("udp-list-renderer",{key:"36adc31b62301fc9454b345c582dbf9b2fc3e434",itemComponent:"udp-forms-list-card",data:this.mainFormsList,pagination:true,isServerSide:true,isLoading:this.isLoading,itemsPerPage:this.MAIN_PAGE_SIZE,currentPage:this.mainListPageNumber,totalItems:this.mainTotalItems,onPageChange:t=>this.handleMainPageChange(t.detail),componentDataMap:this.componentMap,spacing:"md"})),e("udp-forms-list-card",{key:"9b901f2693ca6dfaa2396d3903fe62933dd22084",style:{display:"none"}}),e("div",{key:"8ab0c733c8bbb60cb67a4ef1ae6f6b9b1f82bec3",style:{height:"60px"}}))}get el(){return i(this)}static get watchers(){return{sortState:["refetchMainListData"]}}};n.style=o;export{n as udp_forms_list};
 //# sourceMappingURL=udp-forms-list.entry.js.map

package/dist/stencil-library/udp-forms-renderer.entry.js

@@ -1,2 +1,2 @@
-import{r as t,h as s,a as i}from"./index-DsqSxziV.js";import{throttle as e}from"lodash";import{b as o,a as n,U as r}from"./enums-CE8s6a9b.js";import{g as a}from"./tenantUtils-Basdb1b1.js";import{f as h}from"./udp-form-api-utils-vPSYCvIA.js";import{c as l,m as c}from"./makeApiCall-B-daVutk.js";import{S as u,c as d}from"./SearchBuilder-CvKqGlUH.js";import{C as f}from"./configService-BqLfkVKh.js";import"axios";const m=t=>{const s={};for(const i of t.udpFormUdpFormSection){s[i.name]={};const e=t.formQuestions.filter((t=>t.formSectionId==i.id));for(const t of e){s[i.name][t.name]={value:"",comments:[],metadata:{}}}}return s};function b(t){if(!Array.isArray(t)){return false}return t.every((t=>t instanceof File))}class p{constructor(t,s,i){}async fetchAndPopulateUdpFormSubmissionObj(t){return t}objectToFormData(t){var s,i;const e=[];const o={};for(const n in t){let r=(i=(s=t[n])===null||s===void 0?void 0:s.value)!==null&&i!==void 0?i:t[n];if(b(r)){if(r.length>0){e.push(r[0]);o[n]=r[0].name}}else if(Array.isArray(r)){o[n]=r.map((t=>typeof t==="string"?t:t.value)).join(",")}else if(r!==null&&r!==undefined&&r!==""){o[n]=r}}return l({formData:JSON.stringify(o),formFiles:e[0]||null})}async saveCurrentFormSubmissionState(t,s){return s}async createNewLinkedFollowUpFormSubmission(t){return t}async finalizeFormSubmissionState(t,s){try{return s}catch(t){console.error("Public form submission failed:",t);throw t}}}class v{constructor(t={}){this.id=null;this.formId=null;this.formVersion=null;this.data={};this.unityUserId=null;this.clusterId=null;this.userDisplayName="";this.status=null;this.businessObjectKey="";this.udpTags=[];this.form=null;this.initialCreatedOn=null;this.lastModifiedOn=null;this.submittedOn=null;Object.assign(this,t)}processSubmissionIntoFormDataWithoutValues(t){const s=this.resolveSubmissionStatus(t);const i=this.buildBaseSubmissionData(s);const e=l(i);e.append("Data",JSON.stringify(this.data));return e}processSubmissionIntoFormData(t,s){const i=this.resolveSubmissionStatus(s);const e=this.buildBaseSubmissionData(i);const{cleanedData:o,files:n}=this.extractCleanedDataAndFiles(t);const r=l(e);n.forEach((t=>r.append("FormFiles",t)));const a={submissionResponseData:o,submissionMetadata:this.data.submissionMetadata||null};r.append("Data",JSON.stringify(a));return r}resolveSubmissionStatus(t){if(t==="submitted")return 2;if(t==="in-progress")return 1;return typeof t==="number"?t:1}buildBaseSubmissionData(t){const s={FormId:this.formId,FormVersion:this.formVersion.toString(),Status:t.toString()};if(this.id){s.Id=this.id}if(this.initialCreatedOn){s.InitialCreatedOn=this.initialCreatedOn}if(this.lastModifiedOn){s.LastModifiedOn=this.lastModifiedOn}if(this.submittedOn){s.submittedOn=this.submittedOn}return s}extractCleanedDataAndFiles(t){const s=[];const i={};for(const e in t){i[e]={};for(const o in t[e]){const n=t[e][o];const{value:r,fieldFiles:a}=this.extractValueAndFiles(n);if(a)s.push(...a);const h=this.processComments(n.comments);const l=this.processMetadata(n.metadata);i[e][o]=Object.assign({value:r,comments:h},l&&{metadata:l})}}return{cleanedData:i,files:s}}extractValueAndFiles(t){var s,i;let e=((s=t===null||t===void 0?void 0:t.value)===null||s===void 0?void 0:s.files)?t.value.value:t===null||t===void 0?void 0:t.value;const o=(i=t===null||t===void 0?void 0:t.value)===null||i===void 0?void 0:i.files;if(o&&Array.isArray(o)){return{value:typeof e==="string"&&e.trim()!==""?e:"",fieldFiles:o}}if(b(e)){return{value:e.length>0?e.map((t=>t.name)).join(","):"",fieldFiles:e}}if(e instanceof File){return{value:e.name,fieldFiles:[e]}}if(Array.isArray(e)){return{value:e.map((t=>typeof t==="string"?t:t===null||t===void 0?void 0:t.value)).join(",")}}return{value:e}}processComments(t){var s;return(s=t===null||t===void 0?void 0:t.map((t=>Object.assign({},t))))!==null&&s!==void 0?s:[]}processMetadata(t){return t&&Object.keys(t).length>0?Object.assign({},t):undefined}}class y{async fetchAndPopulateUdpFormSubmissionObj(t){const s=t.id?await this.getFormSubmissionById(t.id,t.unityUserId):null;if(!s){console.warn("No form submission found for the provided object.");return t}return new v(Object.assign(Object.assign({},t),s))}async getFormSubmissionById(t,s){var i;try{const e=new u(1,1).addFilter("id",t,d.EQUALS).addFilter("unityUserId",s,d.EQUALS);const o=await e.execute("UdpFormSubmission");return((i=o===null||o===void 0?void 0:o.pageList)===null||i===void 0?void 0:i[0])||null}catch(t){console.error("Error fetching form submission by ID:",t);return null}}async createNewLinkedFollowUpFormSubmission(t){const s=await this.saveFormDataWithoutValues(t,"in-progress");return s}async saveFormDataWithoutValues(t,s){try{const i=t.processSubmissionIntoFormDataWithoutValues(s);const{method:e,url:o}=this.getApiRequestInfo(t);const n=await c(e,o,i,true);if(n===""){return await this.fetchAndPopulateUdpFormSubmissionObj(t)}return new v(Object.assign(Object.assign({},t),n))}catch(t){console.error("Failed to save form udpFormSubmission:",t);throw t}}async saveCurrentFormSubmissionState(t,s){return this.saveToDB(t,s,"in-progress")}async finalizeFormSubmissionState(t,s){return this.saveToDB(t,s,"submitted")}getApiRequestInfo(t){const s=`${f.productV1ApiUrl}/UdpFormSubmission`;return t.id?{method:"PUT",url:`${s}/${t.id}`}:{method:"POST",url:s}}async saveToDB(t,s,i){try{const e=s.processSubmissionIntoFormData(t,i);const{method:o,url:n}=this.getApiRequestInfo(s);const r=await c(o,n,e,true);if(r===""){return await this.fetchAndPopulateUdpFormSubmissionObj(s)}return new v(Object.assign(Object.assign({},s),r))}catch(t){console.error("Failed to save form udpFormSubmission:",t);throw t}}}class w{static create(t,s,i,e,o){if(t){return new p(i,e,o)}if(!s){throw new Error("User ID is required for private forms")}return new y}}class S{constructor(t){this.tenantId=t}async getFormByFormId(t){const s=await c("GET",`${f.productV1ApiUrl}/UdpForm/${t}/describe`);if(s.styleOverrides&&typeof s.styleOverrides==="string"){s.styleOverrides=JSON.parse(s.styleOverrides)}return s}async getFormByFormIdAndFormVersion(t,s){const i=await c("GET",`${f.productV1ApiUrl}/UdpForm/${t}/${s}/describe`);if(i.styleOverrides&&typeof i.styleOverrides==="string"){i.styleOverrides=JSON.parse(i.styleOverrides)}return i}}class F{constructor(t){if(!t)return;Object.assign(this,t)}}const O=class{constructor(s){t(this,s);this.isPublic=false;this.autoSaveDelay=2e3;this.initialValues={};this.submitSuccessful=false;this.currentFormData={};this.isLoading=false;this.isSaving=false;this.isSubmitted=false;this.saveErrorMessage=null;this.dynamicSections=[];this.isUpdatingSections=false;this.reRenderKey=0;this.isFormDirty=false;this.isUserModifiedComment=false;this.isUserUpdatedSections=false;this.sideSheetFollowUpFormsList=[];this.followUpSideSheetTotalItems=0;this.isFollowUpFormsSideSheetOpen=false;this.followUpSideSheetListPageNumber=1;this.FOLLOW_UP_SIDE_SHEET_PAGE_SIZE=5;this.componentMap={history:"history",listItemData:"listItemData",handleLaunchFollowUpForm:"handleLaunchFollowUpForm"};this.tenantId=a();this.userId=null;this.userDisplayName=null;this.followUpParentSectionKey="";this.followUpParentQuestionKey="";this.handleLaunchFollowUpFormSideSheet=async t=>{try{await this.performBackgroundSaveAndUpdateLocalSubmissionState(this.udpFormSubmission.data.submissionResponseData);this.followUpParentSectionKey=t.detail.sectionKey;this.followUpParentQuestionKey=t.detail.questionKey;await this.loadFollowUpForms(this.followUpParentSectionKey,this.followUpParentQuestionKey);this.isFollowUpFormsSideSheetOpen=true}catch(t){console.error("Error loading follow-up forms:",t)}};this.duplicateRepeatableSection=t=>{if(this.isSubmitted||this.isUpdatingSections)return;this.isUpdatingSections=true;this.isLoading=true;try{const s=this.dynamicSections[t];if(!s)return;const i=s.name;const e=this.findRepeatGroupKeys(i,this.initialValues);const n=e.length>0?Math.max(...e)+1:2;const r=Object.assign(Object.assign({},structuredClone(s)),{formQuestions:s.formQuestions.map((t=>{const s=structuredClone(t);s.questionIdentifierKey=`${i}_${n}.${t.name}`;return s})),isOriginalSection:false,sectionPositionSuffix:n});let a=t;for(let s=t+1;s<this.dynamicSections.length;s++){const t=this.dynamicSections[s];if(t.name===i){a=s}else{break}}this.dynamicSections=[...this.dynamicSections.slice(0,a+1),r,...this.dynamicSections.slice(a+1)];const h=structuredClone(this.udpFormSubmission.data.submissionResponseData);r.formQuestions.forEach((t=>{var e,r,a,l;const c=`${i}_${n}`;const u=t.name;if(!h[c]){h[c]={}}let d="";if(t.fieldTypeId===o.Paragraph){const o=s.isOriginalSection?i:`${i}_${s.sectionPositionSuffix}`;const n=(a=(r=(e=this.udpFormSubmission.data.submissionResponseData)===null||e===void 0?void 0:e[o])===null||r===void 0?void 0:r[u])===null||a===void 0?void 0:a.value;let h=t===null||t===void 0?void 0:t.fieldProperties;if(typeof h==="string"){try{h=JSON.parse(h||"{}")}catch(t){h={}}}const c=(l=h===null||h===void 0?void 0:h.paragraphText)!==null&&l!==void 0?l:"";d=n!==null&&n!==void 0?n:c}h[c][u]={value:d,comments:[],metadata:{}}}));this.initialValues=Object.assign({},h);this.udpFormSubmission.data.submissionResponseData=Object.assign({},h);this.triggerFormRerender()}finally{this.isUpdatingSections=false;this.isLoading=false;this.isUserUpdatedSections=true}};this.deleteRepeatableSection=t=>{if(this.isSubmitted)return;const s=this.dynamicSections[t];if(!s||s.isOriginalSection)return;this.isUpdatingSections=true;this.isLoading=true;try{const i=s.name;const e=s.sectionPositionSuffix;const o=`${i}_${e}`;const n=Object.assign({},this.udpFormSubmission.data.submissionResponseData);delete n[o];const r=structuredClone(this.dynamicSections);r.splice(t,1);r.forEach((t=>{if(t.name!==i||t.isOriginalSection||t.sectionPositionSuffix<=e){return}const s=t.sectionPositionSuffix;const o=`${i}_${s}`;const r=s-1;const a=`${i}_${r}`;t.sectionPositionSuffix=r;t.formQuestions=t.formQuestions.map((t=>{const s=structuredClone(t);s.questionIdentifierKey=`${a}.${t.name}`;return s}));if(n[o]){n[a]=structuredClone(n[o]);delete n[o]}}));this.dynamicSections=r;this.initialValues=Object.assign({},n);this.udpFormSubmission.data.submissionResponseData=Object.assign({},n);this.triggerFormRerender()}finally{this.isUpdatingSections=false;this.isLoading=false;this.isUserUpdatedSections=true}};this.performBackgroundSaveAndUpdateLocalSubmissionState=async t=>{var s;this.saveErrorMessage=null;try{const i=await this.formSubmissionHandler.saveCurrentFormSubmissionState(t,this.udpFormSubmission);this.udpFormSubmission=i;this.initialValues=Object.assign({},((s=i.data)===null||s===void 0?void 0:s.submissionResponseData)||{})}catch(t){this.saveErrorMessage="Failed to save form data"}finally{this.isSaving=false;this.isUserModifiedComment=false;this.isUserUpdatedSections=false;this.isFormDirty=false}};this.handleManualSave=async t=>{var s;this.isSaving=true;this.saveErrorMessage=null;try{const i=await this.formSubmissionHandler.saveCurrentFormSubmissionState(t,this.udpFormSubmission);this.udpFormSubmission=i;this.initialValues=Object.assign({},((s=i.data)===null||s===void 0?void 0:s.submissionResponseData)||{});console.log("Form saved successfully")}catch(t){console.error("Manual save failed:",t);this.saveErrorMessage="Failed to save form data"}finally{this.isSaving=false;this.isUserModifiedComment=false;this.isUserUpdatedSections=false;this.isFormDirty=false}};this.handleFormChange=t=>{if(this.isUpdatingSections)return;this.udpFormSubmission.data.submissionResponseData=t};this.handleFinish=()=>{if(this.triggerAction){this.triggerAction(null,{action:"finish"})}};this.triggerFormRerender=()=>{const t=window.scrollY;this.isLoading=true;this.reRenderKey+=1;setTimeout((()=>{this.isLoading=false;window.scrollTo(0,t)}),100)};this.handleLaunchFollowUpForm=async(t,s,i,e,o,r,a)=>{const h=await this.formHandler.getFormByFormIdAndFormVersion(t,s);const l={submissionResponseData:m(h),submissionMetadata:{ParentSubmission:{submissionId:i,formId:e,formVersion:o}}};const c=new v({formId:t,formVersion:s,unityUserId:this.userId,data:l});const u=w.create(false,this.userId);const d=await u.createNewLinkedFollowUpFormSubmission(c);const f=this.udpFormSubmission.data.submissionResponseData[r][a].metadata;this.udpFormSubmission.data.submissionResponseData[r][a].metadata=Object.assign(Object.assign({},f),{followUpFormSubmissionId:d.id});await this.performBackgroundSaveAndUpdateLocalSubmissionState(this.udpFormSubmission.data.submissionResponseData);const b=`/page/${n.FormRendererPageId}?udpf_submissionId=${d.id}`;window.open(b,"_blank");this.handleSideSheetClose();this.triggerFormRerender()};this.handleSideSheetClose=()=>{this.sideSheetFollowUpFormsList=[];this.followUpSideSheetListPageNumber=1;this.followUpSideSheetTotalItems=0;this.isFollowUpFormsSideSheetOpen=false;this.followUpParentSectionKey="";this.followUpParentQuestionKey=""};this.isShowManualSaveIcon=()=>{const t=(this.isFormDirty||this.isUserModifiedComment||this.isUserUpdatedSections)&&!!this.userId;return t}}componentDidLoad(){if(this.formsUiEl){this.formsUiEl.addEventListener("questionCommentAction",(t=>this.handleQuestionCommentCRUD(t)))}if(this.el){this.el.addEventListener("launchFollowUpFormSideSheet",(t=>this.handleLaunchFollowUpFormSideSheet(t)));this.el.addEventListener("formDirtyChange",(t=>{this.isFormDirty=t.detail}))}}async componentWillLoad(){var t;this.isLoading=true;try{const s=(t=this.getUserCallback)===null||t===void 0?void 0:t.call(this);if(s){this.userId=s.id||null;this.userDisplayName=s.name||null}this.formSubmissionHandler=w.create(this.isPublic,this.userId);this.udpFormSubmission=new v({id:this.submissionId,formId:this.formId,formVersion:this.version,unityUserId:this.userId});if(this.submissionId){this.udpFormSubmission=await this.formSubmissionHandler.fetchAndPopulateUdpFormSubmissionObj(this.udpFormSubmission)}let i;let o;if(this.submissionId){i=this.udpFormSubmission.formId;o=this.udpFormSubmission.formVersion}else if(this.formId&&this.version){i=this.formId;o=this.version}this.formHandler=new S(this.tenantId);const n=await this.formHandler.getFormByFormIdAndFormVersion(i,o);this.udpForm=new F(n);this.initialValues=m(this.udpForm);if(this.udpFormSubmission.data.submissionResponseData){this.initialValues=Object.assign({},this.udpFormSubmission.data.submissionResponseData);if(this.udpFormSubmission.status===2||this.udpFormSubmission.status==="submitted"){this.isSubmitted=true}}this.initializeDynamicSections();this.applyUrlInitialValuesForAll();this.debouncedManualSave=e((async t=>{await this.handleManualSave(t)}),2e3,{leading:true,trailing:false})}catch(t){console.error("Error failed to load form in the form renderer:",t)}finally{this.isLoading=false}}initializeDynamicSections(){var t;const s=[];const i=structuredClone(this.udpForm.udpFormUdpFormSection).sort(((t,s)=>t.order-s.order));for(const e of i){e.sectionProperties=JSON.parse(e.sectionProperties||{});const i=this.findRepeatGroupKeys(e.name,this.initialValues);e.isOriginalSection=true;e.sectionPositionSuffix=1;s.push(Object.assign(Object.assign({},structuredClone(e)),{formQuestions:structuredClone(this.udpForm.formQuestions).filter((t=>t.formSectionId===e.id)).sort(((t,s)=>t.questionOrder-s.questionOrder)).map((t=>Object.assign(Object.assign({},t),{questionIdentifierKey:`${e.name}.${t.name}`,isShowCommentInput:true})))}));if(((t=e.sectionProperties)===null||t===void 0?void 0:t.isRepeatable)&&i.length>0){const t=Math.max(...i);for(let i=2;i<=t;i++){const t=Object.assign(Object.assign({},structuredClone(e)),{formQuestions:structuredClone(this.udpForm.formQuestions).filter((t=>t.formSectionId===e.id)).sort(((t,s)=>t.questionOrder-s.questionOrder)).map((t=>Object.assign(Object.assign({},t),{questionIdentifierKey:`${e.name}_${i}.${t.name}`,isShowCommentInput:true}))),isOriginalSection:false,sectionPositionSuffix:i});s.push(t)}}}this.dynamicSections=s}findRepeatGroupKeys(t,s){const i=Object.keys(s);const e=new Set;const o=new RegExp(`^${t}_(\\d+)`);i.forEach((t=>{const s=t.match(o);if(s&&s[1]){e.add(Number(s[1]))}}));return Array.from(e).sort(((t,s)=>t-s))}applyUrlInitialValuesForAll(){if(!Array.isArray(this.dynamicSections))return;const t=typeof window!=="undefined"?new URLSearchParams(window.location.search):null;const s={};if(t){this.dynamicSections.forEach((i=>{const e=i.isOriginalSection?i.name:`${i.name}_${i.sectionPositionSuffix}`;(i.formQuestions||[]).forEach((i=>{if(!i)return;const o=[i.processedSubmissionName,i.questionIdentifierKey,i.name].filter(Boolean);let n=null;for(const s of o){n=t.get(s);if(n!==null)break}if(n!==null){if(!s[e])s[e]={};s[e][i.name]={value:n,comments:[]}}}))}))}const i=structuredClone(this.initialValues)||{};Object.entries(s).forEach((([t,s])=>{if(!i[t])i[t]={};Object.entries(s).forEach((([s,e])=>{const o=i[t][s];const n=o==null||o.value==null||typeof o.value==="string"&&o.value.trim()==="";if(n){i[t][s]=e}}))}));this.dynamicSections.forEach((t=>{const s=t.isOriginalSection?t.name:`${t.name}_${t.sectionPositionSuffix}`;if(!i[s])i[s]={};(t.formQuestions||[]).forEach((t=>{var e;if(!t)return;if(t.fieldTypeId===o.Paragraph){const o=i[s][t.name];const n=o==null||o.value==null||typeof o.value==="string"&&o.value.trim()==="";if(n){let o=t===null||t===void 0?void 0:t.fieldProperties;if(typeof o==="string"){try{o=JSON.parse(o||"{}")}catch(t){o={}}}i[s][t.name]={value:(e=o===null||o===void 0?void 0:o.paragraphText)!==null&&e!==void 0?e:"",comments:[]}}}}))}));this.initialValues=i;this.udpFormSubmission.data.submissionResponseData=Object.assign({},i)}async handleSubmit(t){this.isLoading=true;try{this.udpFormSubmission=await this.formSubmissionHandler.finalizeFormSubmissionState(t,this.udpFormSubmission);this.submitSuccessful=true}catch(t){this.enqueueSnackbar("There was an error submitting this form",{variant:"error",anchorOrigin:{vertical:"top",horizontal:"center"}});throw t}finally{this.isLoading=false}}handleQuestionCommentCRUD(t){const{type:s,key:i}=t.detail;const[e,o]=i.split(".");let n=Object.assign({},this.udpFormSubmission.data.submissionResponseData);switch(s){case"add":n[e][o].draftComment={value:""};break;case"save":const t=this.udpFormSubmission.data.submissionResponseData[e][o].draftComment;if(!t)return;n[e][o].comments.push(Object.assign(Object.assign({},t),{timestamp:(new Date).toISOString(),userId:this.userId,userDisplayName:this.userDisplayName}));delete n[e][o].draftComment;this.isUserModifiedComment=true;break;case"edit":const s=this.udpFormSubmission.data.submissionResponseData[e][o].comments[0];if(!s)return;n[e][o].draftComment=Object.assign(Object.assign({},s),{timestamp:null});n[e][o].comments=[];break;case"delete":n[e][o].comments=[];delete n[e][o].draftComment;this.isUserModifiedComment=true;break}this.initialValues=Object.assign({},n);this.udpFormSubmission.data.submissionResponseData=Object.assign({},n);this.triggerFormRerender()}async loadFollowUpForms(t,s){var i;this.isLoading=true;this.saveErrorMessage="";try{const e=await h(this.followUpSideSheetListPageNumber,this.FOLLOW_UP_SIDE_SHEET_PAGE_SIZE,[{searchField:"type",searchOperator:"=",searchValue:r.FollowUp}],{sortDirection:"DESC",sortColumn:"lastModifiedOn"});const o=e.data;if(!o||!Array.isArray(o.pageList)){throw new Error("Malformed form versions data.")}this.sideSheetFollowUpFormsList=this.formatFollowUpFormsList(o.pageList,t,s);this.followUpSideSheetTotalItems=(i=o.total)!==null&&i!==void 0?i:0}catch(t){console.error("Failed to follow up form.",t);this.saveErrorMessage="Failed to follow up forms."}finally{this.isLoading=false}}formatFollowUpFormsList(t,s,i){return t.map((t=>({listItemData:t,history:this.history,handleLaunchFollowUpForm:async()=>await this.handleLaunchFollowUpForm(t.id,t.version,this.udpFormSubmission.id,this.udpFormSubmission.formId,this.udpFormSubmission.formVersion,s,i)})))}async handleSideSheetPageChange(t){this.followUpSideSheetListPageNumber=t;await this.loadFollowUpForms(this.followUpParentSectionKey,this.followUpParentQuestionKey)}renderFollowUpSideSheet(){return s("udp-side-sheet",{title:"Link a Follow Up Form",open:this.isFollowUpFormsSideSheetOpen,onUdpSideSheetClose:()=>this.handleSideSheetClose(),position:"right",width:"md"},this.isLoading&&this.isFollowUpFormsSideSheetOpen&&s("udp-linear-loader",null),s("udp-list-renderer",{itemComponent:"udp-forms-follow-up-list-card",data:this.sideSheetFollowUpFormsList,pagination:true,isServerSide:true,isLoading:this.isLoading,itemsPerPage:this.FOLLOW_UP_SIDE_SHEET_PAGE_SIZE,currentPage:this.followUpSideSheetListPageNumber,totalItems:this.followUpSideSheetTotalItems,onPageChange:t=>this.handleSideSheetPageChange(t.detail),componentDataMap:this.componentMap,spacing:"md"}))}render(){return s("div",{key:"32d6b68c4bdbae35e0e57a7b408acdb8182e3498",class:"forms-renderer-container"},this.renderFollowUpSideSheet(),s("udp-forms-ui",{udpForm:this.udpForm,initialValues:this.initialValues,udpFormSubmission:this.udpFormSubmission,submitSuccessful:this.submitSuccessful,isSaving:this.isSaving,saveErrorMessage:this.saveErrorMessage,readonly:this.isSubmitted,handleSubmit:this.handleSubmit.bind(this),handleSave:t=>Promise.resolve(this.debouncedManualSave(t)),handleChange:this.handleFormChange,handleAction:this.triggerAction,handleFinish:this.handleFinish,userId:this.userId,isSubmitted:this.isSubmitted,dynamicSections:this.dynamicSections,duplicateRepeatableSection:this.duplicateRepeatableSection,deleteRepeatableSection:this.deleteRepeatableSection,ref:t=>this.formsUiEl=t,key:`form-rerender-key-${this.reRenderKey}`,isShowManualSaveIcon:this.isShowManualSaveIcon(),isLoading:this.isLoading,performBackgroundSaveAndUpdateLocalSubmissionState:this.performBackgroundSaveAndUpdateLocalSubmissionState}))}get el(){return i(this)}};export{O as udp_forms_renderer};
+import{r as t,h as s,a as i}from"./index-n-1ZSeAs.js";import{throttle as e}from"lodash";import{b as o,a as n,U as r}from"./enums-CE8s6a9b.js";import{g as a}from"./tenantUtils-Basdb1b1.js";import{f as h}from"./udp-form-api-utils-vPSYCvIA.js";import{c as l,m as c}from"./makeApiCall-B-daVutk.js";import{S as u,c as d}from"./SearchBuilder-CvKqGlUH.js";import{C as f}from"./configService-BqLfkVKh.js";import"axios";const m=t=>{const s={};for(const i of t.udpFormUdpFormSection){s[i.name]={};const e=t.formQuestions.filter((t=>t.formSectionId==i.id));for(const t of e){s[i.name][t.name]={value:"",comments:[],metadata:{}}}}return s};function b(t){if(!Array.isArray(t)){return false}return t.every((t=>t instanceof File))}class p{constructor(t,s,i){}async fetchAndPopulateUdpFormSubmissionObj(t){return t}objectToFormData(t){var s,i;const e=[];const o={};for(const n in t){let r=(i=(s=t[n])===null||s===void 0?void 0:s.value)!==null&&i!==void 0?i:t[n];if(b(r)){if(r.length>0){e.push(r[0]);o[n]=r[0].name}}else if(Array.isArray(r)){o[n]=r.map((t=>typeof t==="string"?t:t.value)).join(",")}else if(r!==null&&r!==undefined&&r!==""){o[n]=r}}return l({formData:JSON.stringify(o),formFiles:e[0]||null})}async saveCurrentFormSubmissionState(t,s){return s}async createNewLinkedFollowUpFormSubmission(t){return t}async finalizeFormSubmissionState(t,s){try{return s}catch(t){console.error("Public form submission failed:",t);throw t}}}class v{constructor(t={}){this.id=null;this.formId=null;this.formVersion=null;this.data={};this.unityUserId=null;this.clusterId=null;this.userDisplayName="";this.status=null;this.businessObjectKey="";this.udpTags=[];this.form=null;this.initialCreatedOn=null;this.lastModifiedOn=null;this.submittedOn=null;Object.assign(this,t)}processSubmissionIntoFormDataWithoutValues(t){const s=this.resolveSubmissionStatus(t);const i=this.buildBaseSubmissionData(s);const e=l(i);e.append("Data",JSON.stringify(this.data));return e}processSubmissionIntoFormData(t,s){const i=this.resolveSubmissionStatus(s);const e=this.buildBaseSubmissionData(i);const{cleanedData:o,files:n}=this.extractCleanedDataAndFiles(t);const r=l(e);n.forEach((t=>r.append("FormFiles",t)));const a={submissionResponseData:o,submissionMetadata:this.data.submissionMetadata||null};r.append("Data",JSON.stringify(a));return r}resolveSubmissionStatus(t){if(t==="submitted")return 2;if(t==="in-progress")return 1;return typeof t==="number"?t:1}buildBaseSubmissionData(t){const s={FormId:this.formId,FormVersion:this.formVersion.toString(),Status:t.toString()};if(this.id){s.Id=this.id}if(this.initialCreatedOn){s.InitialCreatedOn=this.initialCreatedOn}if(this.lastModifiedOn){s.LastModifiedOn=this.lastModifiedOn}if(this.submittedOn){s.submittedOn=this.submittedOn}return s}extractCleanedDataAndFiles(t){const s=[];const i={};for(const e in t){i[e]={};for(const o in t[e]){const n=t[e][o];const{value:r,fieldFiles:a}=this.extractValueAndFiles(n);if(a)s.push(...a);const h=this.processComments(n.comments);const l=this.processMetadata(n.metadata);i[e][o]=Object.assign({value:r,comments:h},l&&{metadata:l})}}return{cleanedData:i,files:s}}extractValueAndFiles(t){var s,i;let e=((s=t===null||t===void 0?void 0:t.value)===null||s===void 0?void 0:s.files)?t.value.value:t===null||t===void 0?void 0:t.value;const o=(i=t===null||t===void 0?void 0:t.value)===null||i===void 0?void 0:i.files;if(o&&Array.isArray(o)){return{value:typeof e==="string"&&e.trim()!==""?e:"",fieldFiles:o}}if(b(e)){return{value:e.length>0?e.map((t=>t.name)).join(","):"",fieldFiles:e}}if(e instanceof File){return{value:e.name,fieldFiles:[e]}}if(Array.isArray(e)){return{value:e.map((t=>typeof t==="string"?t:t===null||t===void 0?void 0:t.value)).join(",")}}return{value:e}}processComments(t){var s;return(s=t===null||t===void 0?void 0:t.map((t=>Object.assign({},t))))!==null&&s!==void 0?s:[]}processMetadata(t){return t&&Object.keys(t).length>0?Object.assign({},t):undefined}}class y{async fetchAndPopulateUdpFormSubmissionObj(t){const s=t.id?await this.getFormSubmissionById(t.id,t.unityUserId):null;if(!s){console.warn("No form submission found for the provided object.");return t}return new v(Object.assign(Object.assign({},t),s))}async getFormSubmissionById(t,s){var i;try{const e=new u(1,1).addFilter("id",t,d.EQUALS).addFilter("unityUserId",s,d.EQUALS);const o=await e.execute("UdpFormSubmission");return((i=o===null||o===void 0?void 0:o.pageList)===null||i===void 0?void 0:i[0])||null}catch(t){console.error("Error fetching form submission by ID:",t);return null}}async createNewLinkedFollowUpFormSubmission(t){const s=await this.saveFormDataWithoutValues(t,"in-progress");return s}async saveFormDataWithoutValues(t,s){try{const i=t.processSubmissionIntoFormDataWithoutValues(s);const{method:e,url:o}=this.getApiRequestInfo(t);const n=await c(e,o,i,true);if(n===""){return await this.fetchAndPopulateUdpFormSubmissionObj(t)}return new v(Object.assign(Object.assign({},t),n))}catch(t){console.error("Failed to save form udpFormSubmission:",t);throw t}}async saveCurrentFormSubmissionState(t,s){return this.saveToDB(t,s,"in-progress")}async finalizeFormSubmissionState(t,s){return this.saveToDB(t,s,"submitted")}getApiRequestInfo(t){const s=`${f.productV1ApiUrl}/UdpFormSubmission`;return t.id?{method:"PUT",url:`${s}/${t.id}`}:{method:"POST",url:s}}async saveToDB(t,s,i){try{const e=s.processSubmissionIntoFormData(t,i);const{method:o,url:n}=this.getApiRequestInfo(s);const r=await c(o,n,e,true);if(r===""){return await this.fetchAndPopulateUdpFormSubmissionObj(s)}return new v(Object.assign(Object.assign({},s),r))}catch(t){console.error("Failed to save form udpFormSubmission:",t);throw t}}}class w{static create(t,s,i,e,o){if(t){return new p(i,e,o)}if(!s){throw new Error("User ID is required for private forms")}return new y}}class S{constructor(t){this.tenantId=t}async getFormByFormId(t){const s=await c("GET",`${f.productV1ApiUrl}/UdpForm/${t}/describe`);if(s.styleOverrides&&typeof s.styleOverrides==="string"){s.styleOverrides=JSON.parse(s.styleOverrides)}return s}async getFormByFormIdAndFormVersion(t,s){const i=await c("GET",`${f.productV1ApiUrl}/UdpForm/${t}/${s}/describe`);if(i.styleOverrides&&typeof i.styleOverrides==="string"){i.styleOverrides=JSON.parse(i.styleOverrides)}return i}}class F{constructor(t){if(!t)return;Object.assign(this,t)}}const O=class{constructor(s){t(this,s);this.isPublic=false;this.autoSaveDelay=2e3;this.initialValues={};this.submitSuccessful=false;this.currentFormData={};this.isLoading=false;this.isSaving=false;this.isSubmitted=false;this.saveErrorMessage=null;this.dynamicSections=[];this.isUpdatingSections=false;this.reRenderKey=0;this.isFormDirty=false;this.isUserModifiedComment=false;this.isUserUpdatedSections=false;this.sideSheetFollowUpFormsList=[];this.followUpSideSheetTotalItems=0;this.isFollowUpFormsSideSheetOpen=false;this.followUpSideSheetListPageNumber=1;this.FOLLOW_UP_SIDE_SHEET_PAGE_SIZE=5;this.componentMap={history:"history",listItemData:"listItemData",handleLaunchFollowUpForm:"handleLaunchFollowUpForm"};this.tenantId=a();this.userId=null;this.userDisplayName=null;this.followUpParentSectionKey="";this.followUpParentQuestionKey="";this.handleLaunchFollowUpFormSideSheet=async t=>{try{await this.performBackgroundSaveAndUpdateLocalSubmissionState(this.udpFormSubmission.data.submissionResponseData);this.followUpParentSectionKey=t.detail.sectionKey;this.followUpParentQuestionKey=t.detail.questionKey;await this.loadFollowUpForms(this.followUpParentSectionKey,this.followUpParentQuestionKey);this.isFollowUpFormsSideSheetOpen=true}catch(t){console.error("Error loading follow-up forms:",t)}};this.duplicateRepeatableSection=t=>{if(this.isSubmitted||this.isUpdatingSections)return;this.isUpdatingSections=true;this.isLoading=true;try{const s=this.dynamicSections[t];if(!s)return;const i=s.name;const e=this.findRepeatGroupKeys(i,this.initialValues);const n=e.length>0?Math.max(...e)+1:2;const r=Object.assign(Object.assign({},structuredClone(s)),{formQuestions:s.formQuestions.map((t=>{const s=structuredClone(t);s.questionIdentifierKey=`${i}_${n}.${t.name}`;return s})),isOriginalSection:false,sectionPositionSuffix:n});let a=t;for(let s=t+1;s<this.dynamicSections.length;s++){const t=this.dynamicSections[s];if(t.name===i){a=s}else{break}}this.dynamicSections=[...this.dynamicSections.slice(0,a+1),r,...this.dynamicSections.slice(a+1)];const h=structuredClone(this.udpFormSubmission.data.submissionResponseData);r.formQuestions.forEach((t=>{var e,r,a,l;const c=`${i}_${n}`;const u=t.name;if(!h[c]){h[c]={}}let d="";if(t.fieldTypeId===o.Paragraph){const o=s.isOriginalSection?i:`${i}_${s.sectionPositionSuffix}`;const n=(a=(r=(e=this.udpFormSubmission.data.submissionResponseData)===null||e===void 0?void 0:e[o])===null||r===void 0?void 0:r[u])===null||a===void 0?void 0:a.value;let h=t===null||t===void 0?void 0:t.fieldProperties;if(typeof h==="string"){try{h=JSON.parse(h||"{}")}catch(t){h={}}}const c=(l=h===null||h===void 0?void 0:h.paragraphText)!==null&&l!==void 0?l:"";d=n!==null&&n!==void 0?n:c}h[c][u]={value:d,comments:[],metadata:{}}}));this.initialValues=Object.assign({},h);this.udpFormSubmission.data.submissionResponseData=Object.assign({},h);this.triggerFormRerender()}finally{this.isUpdatingSections=false;this.isLoading=false;this.isUserUpdatedSections=true}};this.deleteRepeatableSection=t=>{if(this.isSubmitted)return;const s=this.dynamicSections[t];if(!s||s.isOriginalSection)return;this.isUpdatingSections=true;this.isLoading=true;try{const i=s.name;const e=s.sectionPositionSuffix;const o=`${i}_${e}`;const n=Object.assign({},this.udpFormSubmission.data.submissionResponseData);delete n[o];const r=structuredClone(this.dynamicSections);r.splice(t,1);r.forEach((t=>{if(t.name!==i||t.isOriginalSection||t.sectionPositionSuffix<=e){return}const s=t.sectionPositionSuffix;const o=`${i}_${s}`;const r=s-1;const a=`${i}_${r}`;t.sectionPositionSuffix=r;t.formQuestions=t.formQuestions.map((t=>{const s=structuredClone(t);s.questionIdentifierKey=`${a}.${t.name}`;return s}));if(n[o]){n[a]=structuredClone(n[o]);delete n[o]}}));this.dynamicSections=r;this.initialValues=Object.assign({},n);this.udpFormSubmission.data.submissionResponseData=Object.assign({},n);this.triggerFormRerender()}finally{this.isUpdatingSections=false;this.isLoading=false;this.isUserUpdatedSections=true}};this.performBackgroundSaveAndUpdateLocalSubmissionState=async t=>{var s;this.saveErrorMessage=null;try{const i=await this.formSubmissionHandler.saveCurrentFormSubmissionState(t,this.udpFormSubmission);this.udpFormSubmission=i;this.initialValues=Object.assign({},((s=i.data)===null||s===void 0?void 0:s.submissionResponseData)||{})}catch(t){this.saveErrorMessage="Failed to save form data"}finally{this.isSaving=false;this.isUserModifiedComment=false;this.isUserUpdatedSections=false;this.isFormDirty=false}};this.handleManualSave=async t=>{var s;this.isSaving=true;this.saveErrorMessage=null;try{const i=await this.formSubmissionHandler.saveCurrentFormSubmissionState(t,this.udpFormSubmission);this.udpFormSubmission=i;this.initialValues=Object.assign({},((s=i.data)===null||s===void 0?void 0:s.submissionResponseData)||{});console.log("Form saved successfully")}catch(t){console.error("Manual save failed:",t);this.saveErrorMessage="Failed to save form data"}finally{this.isSaving=false;this.isUserModifiedComment=false;this.isUserUpdatedSections=false;this.isFormDirty=false}};this.handleFormChange=t=>{if(this.isUpdatingSections)return;this.udpFormSubmission.data.submissionResponseData=t};this.handleFinish=()=>{if(this.triggerAction){this.triggerAction(null,{action:"finish"})}};this.triggerFormRerender=()=>{const t=window.scrollY;this.isLoading=true;this.reRenderKey+=1;setTimeout((()=>{this.isLoading=false;window.scrollTo(0,t)}),100)};this.handleLaunchFollowUpForm=async(t,s,i,e,o,r,a)=>{const h=await this.formHandler.getFormByFormIdAndFormVersion(t,s);const l={submissionResponseData:m(h),submissionMetadata:{ParentSubmission:{submissionId:i,formId:e,formVersion:o}}};const c=new v({formId:t,formVersion:s,unityUserId:this.userId,data:l});const u=w.create(false,this.userId);const d=await u.createNewLinkedFollowUpFormSubmission(c);const f=this.udpFormSubmission.data.submissionResponseData[r][a].metadata;this.udpFormSubmission.data.submissionResponseData[r][a].metadata=Object.assign(Object.assign({},f),{followUpFormSubmissionId:d.id});await this.performBackgroundSaveAndUpdateLocalSubmissionState(this.udpFormSubmission.data.submissionResponseData);const b=`/page/${n.FormRendererPageId}?udpf_submissionId=${d.id}`;window.open(b,"_blank");this.handleSideSheetClose();this.triggerFormRerender()};this.handleSideSheetClose=()=>{this.sideSheetFollowUpFormsList=[];this.followUpSideSheetListPageNumber=1;this.followUpSideSheetTotalItems=0;this.isFollowUpFormsSideSheetOpen=false;this.followUpParentSectionKey="";this.followUpParentQuestionKey=""};this.isShowManualSaveIcon=()=>{const t=(this.isFormDirty||this.isUserModifiedComment||this.isUserUpdatedSections)&&!!this.userId;return t}}componentDidLoad(){if(this.formsUiEl){this.formsUiEl.addEventListener("questionCommentAction",(t=>this.handleQuestionCommentCRUD(t)))}if(this.el){this.el.addEventListener("launchFollowUpFormSideSheet",(t=>this.handleLaunchFollowUpFormSideSheet(t)));this.el.addEventListener("formDirtyChange",(t=>{this.isFormDirty=t.detail}))}}async componentWillLoad(){var t;this.isLoading=true;try{const s=(t=this.getUserCallback)===null||t===void 0?void 0:t.call(this);if(s){this.userId=s.id||null;this.userDisplayName=s.name||null}this.formSubmissionHandler=w.create(this.isPublic,this.userId);this.udpFormSubmission=new v({id:this.submissionId,formId:this.formId,formVersion:this.version,unityUserId:this.userId});if(this.submissionId){this.udpFormSubmission=await this.formSubmissionHandler.fetchAndPopulateUdpFormSubmissionObj(this.udpFormSubmission)}let i;let o;if(this.submissionId){i=this.udpFormSubmission.formId;o=this.udpFormSubmission.formVersion}else if(this.formId&&this.version){i=this.formId;o=this.version}this.formHandler=new S(this.tenantId);const n=await this.formHandler.getFormByFormIdAndFormVersion(i,o);this.udpForm=new F(n);this.initialValues=m(this.udpForm);if(this.udpFormSubmission.data.submissionResponseData){this.initialValues=Object.assign({},this.udpFormSubmission.data.submissionResponseData);if(this.udpFormSubmission.status===2||this.udpFormSubmission.status==="submitted"){this.isSubmitted=true}}this.initializeDynamicSections();this.applyUrlInitialValuesForAll();this.debouncedManualSave=e((async t=>{await this.handleManualSave(t)}),2e3,{leading:true,trailing:false})}catch(t){console.error("Error failed to load form in the form renderer:",t)}finally{this.isLoading=false}}initializeDynamicSections(){var t;const s=[];const i=structuredClone(this.udpForm.udpFormUdpFormSection).sort(((t,s)=>t.order-s.order));for(const e of i){e.sectionProperties=JSON.parse(e.sectionProperties||{});const i=this.findRepeatGroupKeys(e.name,this.initialValues);e.isOriginalSection=true;e.sectionPositionSuffix=1;s.push(Object.assign(Object.assign({},structuredClone(e)),{formQuestions:structuredClone(this.udpForm.formQuestions).filter((t=>t.formSectionId===e.id)).sort(((t,s)=>t.questionOrder-s.questionOrder)).map((t=>Object.assign(Object.assign({},t),{questionIdentifierKey:`${e.name}.${t.name}`,isShowCommentInput:true})))}));if(((t=e.sectionProperties)===null||t===void 0?void 0:t.isRepeatable)&&i.length>0){const t=Math.max(...i);for(let i=2;i<=t;i++){const t=Object.assign(Object.assign({},structuredClone(e)),{formQuestions:structuredClone(this.udpForm.formQuestions).filter((t=>t.formSectionId===e.id)).sort(((t,s)=>t.questionOrder-s.questionOrder)).map((t=>Object.assign(Object.assign({},t),{questionIdentifierKey:`${e.name}_${i}.${t.name}`,isShowCommentInput:true}))),isOriginalSection:false,sectionPositionSuffix:i});s.push(t)}}}this.dynamicSections=s}findRepeatGroupKeys(t,s){const i=Object.keys(s);const e=new Set;const o=new RegExp(`^${t}_(\\d+)`);i.forEach((t=>{const s=t.match(o);if(s&&s[1]){e.add(Number(s[1]))}}));return Array.from(e).sort(((t,s)=>t-s))}applyUrlInitialValuesForAll(){if(!Array.isArray(this.dynamicSections))return;const t=typeof window!=="undefined"?new URLSearchParams(window.location.search):null;const s={};if(t){this.dynamicSections.forEach((i=>{const e=i.isOriginalSection?i.name:`${i.name}_${i.sectionPositionSuffix}`;(i.formQuestions||[]).forEach((i=>{if(!i)return;const o=[i.processedSubmissionName,i.questionIdentifierKey,i.name].filter(Boolean);let n=null;for(const s of o){n=t.get(s);if(n!==null)break}if(n!==null){if(!s[e])s[e]={};s[e][i.name]={value:n,comments:[]}}}))}))}const i=structuredClone(this.initialValues)||{};Object.entries(s).forEach((([t,s])=>{if(!i[t])i[t]={};Object.entries(s).forEach((([s,e])=>{const o=i[t][s];const n=o==null||o.value==null||typeof o.value==="string"&&o.value.trim()==="";if(n){i[t][s]=e}}))}));this.dynamicSections.forEach((t=>{const s=t.isOriginalSection?t.name:`${t.name}_${t.sectionPositionSuffix}`;if(!i[s])i[s]={};(t.formQuestions||[]).forEach((t=>{var e;if(!t)return;if(t.fieldTypeId===o.Paragraph){const o=i[s][t.name];const n=o==null||o.value==null||typeof o.value==="string"&&o.value.trim()==="";if(n){let o=t===null||t===void 0?void 0:t.fieldProperties;if(typeof o==="string"){try{o=JSON.parse(o||"{}")}catch(t){o={}}}i[s][t.name]={value:(e=o===null||o===void 0?void 0:o.paragraphText)!==null&&e!==void 0?e:"",comments:[]}}}}))}));this.initialValues=i;this.udpFormSubmission.data.submissionResponseData=Object.assign({},i)}async handleSubmit(t){this.isLoading=true;try{this.udpFormSubmission=await this.formSubmissionHandler.finalizeFormSubmissionState(t,this.udpFormSubmission);this.submitSuccessful=true}catch(t){this.enqueueSnackbar("There was an error submitting this form",{variant:"error",anchorOrigin:{vertical:"top",horizontal:"center"}});throw t}finally{this.isLoading=false}}handleQuestionCommentCRUD(t){const{type:s,key:i}=t.detail;const[e,o]=i.split(".");let n=Object.assign({},this.udpFormSubmission.data.submissionResponseData);switch(s){case"add":n[e][o].draftComment={value:""};break;case"save":const t=this.udpFormSubmission.data.submissionResponseData[e][o].draftComment;if(!t)return;n[e][o].comments.push(Object.assign(Object.assign({},t),{timestamp:(new Date).toISOString(),userId:this.userId,userDisplayName:this.userDisplayName}));delete n[e][o].draftComment;this.isUserModifiedComment=true;break;case"edit":const s=this.udpFormSubmission.data.submissionResponseData[e][o].comments[0];if(!s)return;n[e][o].draftComment=Object.assign(Object.assign({},s),{timestamp:null});n[e][o].comments=[];break;case"delete":n[e][o].comments=[];delete n[e][o].draftComment;this.isUserModifiedComment=true;break}this.initialValues=Object.assign({},n);this.udpFormSubmission.data.submissionResponseData=Object.assign({},n);this.triggerFormRerender()}async loadFollowUpForms(t,s){var i;this.isLoading=true;this.saveErrorMessage="";try{const e=await h(this.followUpSideSheetListPageNumber,this.FOLLOW_UP_SIDE_SHEET_PAGE_SIZE,[{searchField:"type",searchOperator:"=",searchValue:r.FollowUp}],{sortDirection:"DESC",sortColumn:"lastModifiedOn"});const o=e.data;if(!o||!Array.isArray(o.pageList)){throw new Error("Malformed form versions data.")}this.sideSheetFollowUpFormsList=this.formatFollowUpFormsList(o.pageList,t,s);this.followUpSideSheetTotalItems=(i=o.total)!==null&&i!==void 0?i:0}catch(t){console.error("Failed to follow up form.",t);this.saveErrorMessage="Failed to follow up forms."}finally{this.isLoading=false}}formatFollowUpFormsList(t,s,i){return t.map((t=>({listItemData:t,history:this.history,handleLaunchFollowUpForm:async()=>await this.handleLaunchFollowUpForm(t.id,t.version,this.udpFormSubmission.id,this.udpFormSubmission.formId,this.udpFormSubmission.formVersion,s,i)})))}async handleSideSheetPageChange(t){this.followUpSideSheetListPageNumber=t;await this.loadFollowUpForms(this.followUpParentSectionKey,this.followUpParentQuestionKey)}renderFollowUpSideSheet(){return s("udp-side-sheet",{title:"Link a Follow Up Form",open:this.isFollowUpFormsSideSheetOpen,onUdpSideSheetClose:()=>this.handleSideSheetClose(),position:"right",width:"md"},this.isLoading&&this.isFollowUpFormsSideSheetOpen&&s("udp-linear-loader",null),s("udp-list-renderer",{itemComponent:"udp-forms-follow-up-list-card",data:this.sideSheetFollowUpFormsList,pagination:true,isServerSide:true,isLoading:this.isLoading,itemsPerPage:this.FOLLOW_UP_SIDE_SHEET_PAGE_SIZE,currentPage:this.followUpSideSheetListPageNumber,totalItems:this.followUpSideSheetTotalItems,onPageChange:t=>this.handleSideSheetPageChange(t.detail),componentDataMap:this.componentMap,spacing:"md"}))}render(){return s("div",{key:"32d6b68c4bdbae35e0e57a7b408acdb8182e3498",class:"forms-renderer-container"},this.renderFollowUpSideSheet(),s("udp-forms-ui",{udpForm:this.udpForm,initialValues:this.initialValues,udpFormSubmission:this.udpFormSubmission,submitSuccessful:this.submitSuccessful,isSaving:this.isSaving,saveErrorMessage:this.saveErrorMessage,readonly:this.isSubmitted,handleSubmit:this.handleSubmit.bind(this),handleSave:t=>Promise.resolve(this.debouncedManualSave(t)),handleChange:this.handleFormChange,handleAction:this.triggerAction,handleFinish:this.handleFinish,userId:this.userId,isSubmitted:this.isSubmitted,dynamicSections:this.dynamicSections,duplicateRepeatableSection:this.duplicateRepeatableSection,deleteRepeatableSection:this.deleteRepeatableSection,ref:t=>this.formsUiEl=t,key:`form-rerender-key-${this.reRenderKey}`,isShowManualSaveIcon:this.isShowManualSaveIcon(),isLoading:this.isLoading,performBackgroundSaveAndUpdateLocalSubmissionState:this.performBackgroundSaveAndUpdateLocalSubmissionState}))}get el(){return i(this)}};export{O as udp_forms_renderer};
 //# sourceMappingURL=udp-forms-renderer.entry.js.map

package/dist/stencil-library/udp-forms-ui.entry.js

@@ -1,2 +1,2 @@
-import{r as o,c as i,h as t,a as s}from"./index-DsqSxziV.js";import{b as n}from"./enums-CE8s6a9b.js";import{f as e,o as r}from"./utils-DZv4MqyU.js";import{g as a}from"./iconUtils-KSv32PVD.js";import"@carbon/icons/es/add/16";import"@carbon/icons/es/add/32";import"@carbon/icons/es/add--alt/16";import"@carbon/icons/es/add--filled/16";import"@carbon/icons/es/arrows--horizontal/16";import"@carbon/icons/es/attachment/16";import"@carbon/icons/es/batch-job/16";import"@carbon/icons/es/box/16";import"@carbon/icons/es/close/16";import"@carbon/icons/es/close/24";import"@carbon/icons/es/close/32";import"@carbon/icons/es/close--filled/16";import"@carbon/icons/es/close--outline/16";import"@carbon/icons/es/checkmark/16";import"@carbon/icons/es/checkmark/24";import"@carbon/icons/es/checkmark/32";import"@carbon/icons/es/chevron--left/16";import"@carbon/icons/es/chevron--right/16";import"@carbon/icons/es/chevron--down/16";import"@carbon/icons/es/data-enrichment/16";import"@carbon/icons/es/document/16";import"@carbon/icons/es/document--add/16";import"@carbon/icons/es/document--attachment/16";import"@carbon/icons/es/document--pdf/16";import"@carbon/icons/es/draggable/16";import"@carbon/icons/es/edit/16";import"@carbon/icons/es/export/16";import"@carbon/icons/es/flag/16";import"@carbon/icons/es/information/16";import"@carbon/icons/es/information/32";import"@carbon/icons/es/link/16";import"@carbon/icons/es/overflow-menu--vertical/16";import"@carbon/icons/es/overflow-menu--vertical/32";import"@carbon/icons/es/return/16";import"@carbon/icons/es/save/16";import"@carbon/icons/es/settings/16";import"@carbon/icons/es/subtract/16";import"@carbon/icons/es/subtract--alt/16";import"@carbon/icons/es/subtract--filled/16";import"@carbon/icons/es/trash-can/16";import"@carbon/icons/es/user/16";import"@carbon/icons/es/view/16";import"@carbon/icons/es/warning/16";import"@carbon/icons/es/warning/32";import"@carbon/icons/es/warning--alt/16";import"@carbon/icons/es/warning--alt/32";import"@carbon/icons/es/product/16";import"@carbon/icons/es/workspace/16";import"@carbon/icons/es/arrow--up/16";import"@carbon/icons/es/arrow--down/16";import"@carbon/icons/es/arrow--right/16";import"@carbon/icons/es/arrow--left/16";import"@carbon/icons/es/copy/16";import"@carbon/icons/es/star/16";import"@carbon/icons/es/data-table/16";import"@carbon/icons/es/fit-to-width/16";import"@carbon/icons/es/search--advanced/16";import"@carbon/icons/es/reset/16";import"@carbon/icons/es/column/16";import"@carbon/icons/es/column--delete/16";import"@carbon/icons/es/watson-health/rotate--360/16";import"@carbon/icons/es/filter/16";import"@carbon/icons/es/app-connectivity/16";import"@carbon/icons/es/text--font/16";import"@carbon/icons/es/text--long-paragraph/16";import"@carbon/icons/es/character--whole-number/16";import"@carbon/icons/es/checkbox--checked/16";import"@carbon/icons/es/radio-button--checked/16";import"@carbon/icons/es/event--schedule/16";import"@carbon/icons/es/view--off/16";import"@carbon/icons/es/time/16";import"@carbon/icons/es/calendar/16";import"@carbon/icons/es/list--checked/16";import"@carbon/icons/es/list--bulleted/16";import"@carbon/icons/es/cloud--upload/16";import"@carbon/icons/es/locked/16";import"@carbon/icons/es/pause/16";import"@carbon/icons/es/unlocked/16";import"@carbon/icons/es/send/16";import"@carbon/icons/es/email/16";import"@carbon/icons/es/checkmark--outline/16";import"@carbon/icons/es/migrate--alt/16";import"@carbon/icons/es/checkbox--checked--filled/16";import"@carbon/icons/es/checkbox/16";const c=".background{background-color:var(--gray-01);height:100%;overflow-y:auto;overflow-x:hidden}.item{padding-bottom:var(--spacing-02);}.items{display:flex;flex-direction:column;gap:var(--spacing-05);padding-top:var(--spacing-02);padding-bottom:var(--spacing-02)}.footer{display:flex;flex-direction:row-reverse}.submit{background-color:var(--primary-color);box-sizing:border-box;border:none;color:white;padding:8px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color 0.3s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-width:48px;min-height:24px;}.submit:disabled{background-color:var(--gray-05);cursor:default}.submit-card{display:flex;flex-direction:row;justify-content:space-between}.form-section-content{margin-bottom:var(--spacing-05);background-color:white;padding:16px;display:flex;flex-direction:column;gap:var(--spacing-05)}.form-container{padding-top:var(--spacing-05);padding-bottom:var(--spacing-05);min-height:100px}.form-section-block{margin-bottom:var(--spacing-05)}.form-section-header{display:flex;flex-direction:row;justify-content:space-between;background-color:var(--primary-color, #000);color:var(--primary-contrast-text, #FFF);padding:var(--spacing-04, 16px) var(--spacing-05, 24px);align-items:center;min-height:var(--spacing-10, 60px)}.form-section-text{margin-bottom:var(--spacing-03)}.center-div{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.finish-button{display:flex;flex-direction:column;justify-content:center}.form-renderer-header{padding:var(--spacing-05) var(--spacing-05);background-color:var(--primary-color-dark, #000);color:var(--primary-contrast-text, #FFF);display:flex;justify-content:space-between;align-items:center}.header-content{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-03)}.header-text{flex:1;min-width:0;}.header-save-button{display:block;}.floating-save-button{display:block;}.error-banner{background-color:#fdecea;border:1px solid #f5c6cb;color:#a94442;padding:12px;margin-bottom:12px;border-radius:4px}@media (max-width: 768px){.header-content{flex-direction:column;align-items:stretch;gap:var(--spacing-02)}.header-text{margin-bottom:var(--spacing-02)}}@media (max-height: 600px){.header-save-button{display:block}.floating-save-button{display:none}}.auto-save-status{margin-top:var(--spacing-02);padding:var(--spacing-01) 0;font-size:12px;opacity:0.8}";const l=class{constructor(t){o(this,t);this.formDirtyChange=i(this,"formDirtyChange");this.initialValues={};this.submitSuccessful=false;this.isLoading=false;this.isSaving=false;this.saveErrorMessage=null;this.showAutoSaveStatus=false;this.disabled=false;this.readonly=false;this.userId=null;this.isSubmitted=false;this.isShowManualSaveIcon=false;this.showSavedMessage=false;this.isDialogOpen=false;this.dialogMessage="Are you sure you want to delete this section? This section contains links to follow-up forms. Deleting it will remove those links.";this.titleId="udp-forms-title";this.descriptionId="udp-forms-description"}componentDidLoad(){this.overrideStyles()}componentDidUpdate(){this.overrideStyles()}disconnectedCallback(){if(this.savedMessageTimeoutId){clearTimeout(this.savedMessageTimeoutId)}}watchIsSaving(o,i){console.log("isSaving watcher triggered:",{oldValue:i,newValue:o,saveErrorMessage:this.saveErrorMessage});if(i===true&&o===false&&!this.saveErrorMessage){console.log("Setting showSavedMessage to true");this.showSavedMessage=true;if(this.savedMessageTimeoutId){clearTimeout(this.savedMessageTimeoutId)}this.savedMessageTimeoutId=setTimeout((()=>{console.log("Hiding saved message after 5 seconds");this.showSavedMessage=false}),5e3)}}overrideStyles(){var o;const i=(o=this.el)===null||o===void 0?void 0:o.shadowRoot;i===null||i===void 0?void 0:i.querySelectorAll("unity-typography").forEach((o=>{var i,t,s,n;const a=o.id===this.titleId?(t=(i=this.udpForm)===null||i===void 0?void 0:i.styleOverrides)===null||t===void 0?void 0:t.titleText:o.id===this.descriptionId?(n=(s=this.udpForm)===null||s===void 0?void 0:s.styleOverrides)===null||n===void 0?void 0:n.paragraphText:{};if((a===null||a===void 0?void 0:a.fontFamily)&&e[a.fontFamily]){r(o,e[a.fontFamily])}if(a===null||a===void 0?void 0:a.variant){o.setAttribute("variant",a.variant)}}))}isSectionContainsFollowUpFormLink(o){var i;const t=this.udpFormSubmission.data.submissionResponseData[o];for(const[o,s]of Object.entries(t)){if((s===null||s===void 0?void 0:s.metadata)&&((i=s.metadata)===null||i===void 0?void 0:i.followUpFormSubmissionId)){return true}}return false}render(){var o,i,s,e,r,c,l,d,p,m,h,b,u,v,f,g;if(this.isLoading){return t("udp-linear-loader",null)}if(!this.udpForm){return t("div",{class:"error-banner"},t("unity-typography",{variant:"body2"},"Error Loading Form"))}let y=1;const x=new Set;this.udpForm.formQuestions.forEach((o=>x.add(o.section)));const w=[n.Hidden,n.Paragraph];const k={};if((s=(i=(o=this.udpForm)===null||o===void 0?void 0:o.styleOverrides)===null||i===void 0?void 0:i.background)===null||s===void 0?void 0:s.backgroundImage);else if((c=(r=(e=this.udpForm)===null||e===void 0?void 0:e.styleOverrides)===null||r===void 0?void 0:r.background)===null||c===void 0?void 0:c.backgroundColor){k.backgroundColor=(p=(d=(l=this.udpForm)===null||l===void 0?void 0:l.styleOverrides)===null||d===void 0?void 0:d.background)===null||p===void 0?void 0:p.backgroundColor}return t("div",{class:"background",style:k},t("udp-container",{maxWidth:"md"},t("div",{class:"form-container"},!this.submitSuccessful?t("stencil-form",{handleSubmit:this.handleSubmit,initialValues:this.initialValues,handleChange:this.handleChange,onDirtyChange:o=>this.formDirtyChange.emit(o.detail)},t("fluent-dialog",{open:this.isDialogOpen,message:this.dialogMessage,labelOne:"Confirm",labelTwo:"Cancel",actionOne:()=>this.dialogAction(),actionTwo:()=>this.isDialogOpen=false}),t("div",null,t("div",{class:"form-section-block"},t("div",{class:"form-renderer-header",style:Object.assign({},((h=(m=this.udpForm)===null||m===void 0?void 0:m.styleOverrides)===null||h===void 0?void 0:h.headerBackgroundColor)&&{backgroundColor:this.udpForm.styleOverrides.headerBackgroundColor})},t("unity-typography",{id:this.titleId,variant:"h6",color:"inherit"},this.udpForm.name),this.showAutoSaveStatus&&t("div",{class:"auto-save-status"},this.saveErrorMessage&&t("unity-typography",{variant:"body",color:"secondary"},this.saveErrorMessage)),t("udp-save-draft-button",{isVisible:this.isShowManualSaveIcon,isSaving:this.isSaving,saveErrorMessage:this.saveErrorMessage,showSavedMessage:this.showSavedMessage,handleSave:this.handleSave})),t("div",{class:"form-section-content"},t("div",{class:"items"},t("div",{class:"form-section-text"},t("unity-typography",{id:this.descriptionId,variant:(f=(v=(u=(b=this.udpForm)===null||b===void 0?void 0:b.styleOverrides)===null||u===void 0?void 0:u.paragraphText)===null||v===void 0?void 0:v.variant)!==null&&f!==void 0?f:"body",color:"inherit"},this.udpForm.description))))),this.dynamicSections.map(((o,i)=>t("div",{class:"form-section-block"},t("div",{class:"form-section-header"},t("div",{class:"form-section-header-title"},t("unity-typography",{variant:"h6",color:"inherit"},`${o.title}${o.sectionPositionSuffix>1?` (${o.sectionPositionSuffix})`:""}`)),t("div",{class:"form-section-header-actions"},o.sectionProperties.isRepeatable&&this.dynamicSections.filter((i=>i.id===o.id)).length===o.sectionPositionSuffix&&!this.readonly&&t("stencil-icon-button",{icon:a("add"),tooltip:"Repeat This Section",onClick:()=>this.duplicateRepeatableSection(i)}),!o.isOriginalSection&&!this.readonly&&t("stencil-icon-button",{icon:a("subtract"),tooltip:"Delete This Repeated Section",onClick:()=>{if(this.isSectionContainsFollowUpFormLink(`${o.name}_${o.sectionPositionSuffix}`)){this.dialogAction=async()=>{this.deleteRepeatableSection(i);await this.performBackgroundSaveAndUpdateLocalSubmissionState(this.udpFormSubmission.data.submissionResponseData);this.isDialogOpen=false}}else{this.deleteRepeatableSection(i)}this.isDialogOpen=true}}))),t("div",{class:"form-section-content"},t("div",{class:"items"},t("div",{class:"form-section-text"},t("unity-typography",{variant:"body",color:"inherit"},o.sectionText)),t("div",null,o.formQuestions.map((i=>{var s,n,e,r,a,c,l;const d=w.includes(i.fieldTypeId);const p=y;if(!d)y++;const m=o.sectionPositionSuffix>1?`${o.name}_${o.sectionPositionSuffix}`:`${o.name}`;return t("div",{class:"item"},t("udp-question",{styleOverrides:{helperText:(s=this.udpForm.styleOverrides)===null||s===void 0?void 0:s.helperText,paragraphText:(n=this.udpForm.styleOverrides)===null||n===void 0?void 0:n.paragraphText,questionText:(e=this.udpForm.styleOverrides)===null||e===void 0?void 0:e.questionText},question:i,questionNumber:p,value:(l=(c=(a=(r=this.initialValues)===null||r===void 0?void 0:r[m])===null||a===void 0?void 0:a[i.name])===null||c===void 0?void 0:c.value)!==null&&l!==void 0?l:"",disabled:this.disabled,readonly:this.readonly,key:i.questionIdentifierKey,initialValues:this.initialValues,userId:this.userId}))})))))))),((g=this.udpFormSubmission)===null||g===void 0?void 0:g.status)!=2&&t("div",{class:"footer"},t("input",{disabled:this.isLoading||this.disabled||this.readonly,type:"submit",value:"Submit",class:"submit",id:"udpRecord-udp-forms-renderer-Submit",onClick:()=>{console.log("Submit button clicked")}})))):t("div",{class:"center-div"},t("udp-ambient-card",null,t("div",{class:"submit-card"},t("unity-typography",null,"Thank you for your submission!")))))))}get el(){return s(this)}static get watchers(){return{isSaving:["watchIsSaving"]}}};l.style=c;export{l as udp_forms_ui};
+import{r as o,c as i,h as t,a as s}from"./index-n-1ZSeAs.js";import{b as n}from"./enums-CE8s6a9b.js";import{f as e,o as r}from"./utils-DZv4MqyU.js";import{g as a}from"./iconUtils-KSv32PVD.js";import"@carbon/icons/es/add/16";import"@carbon/icons/es/add/32";import"@carbon/icons/es/add--alt/16";import"@carbon/icons/es/add--filled/16";import"@carbon/icons/es/arrows--horizontal/16";import"@carbon/icons/es/attachment/16";import"@carbon/icons/es/batch-job/16";import"@carbon/icons/es/box/16";import"@carbon/icons/es/close/16";import"@carbon/icons/es/close/24";import"@carbon/icons/es/close/32";import"@carbon/icons/es/close--filled/16";import"@carbon/icons/es/close--outline/16";import"@carbon/icons/es/checkmark/16";import"@carbon/icons/es/checkmark/24";import"@carbon/icons/es/checkmark/32";import"@carbon/icons/es/chevron--left/16";import"@carbon/icons/es/chevron--right/16";import"@carbon/icons/es/chevron--down/16";import"@carbon/icons/es/data-enrichment/16";import"@carbon/icons/es/document/16";import"@carbon/icons/es/document--add/16";import"@carbon/icons/es/document--attachment/16";import"@carbon/icons/es/document--pdf/16";import"@carbon/icons/es/draggable/16";import"@carbon/icons/es/edit/16";import"@carbon/icons/es/export/16";import"@carbon/icons/es/flag/16";import"@carbon/icons/es/information/16";import"@carbon/icons/es/information/32";import"@carbon/icons/es/link/16";import"@carbon/icons/es/overflow-menu--vertical/16";import"@carbon/icons/es/overflow-menu--vertical/32";import"@carbon/icons/es/return/16";import"@carbon/icons/es/save/16";import"@carbon/icons/es/settings/16";import"@carbon/icons/es/subtract/16";import"@carbon/icons/es/subtract--alt/16";import"@carbon/icons/es/subtract--filled/16";import"@carbon/icons/es/trash-can/16";import"@carbon/icons/es/user/16";import"@carbon/icons/es/view/16";import"@carbon/icons/es/warning/16";import"@carbon/icons/es/warning/32";import"@carbon/icons/es/warning--alt/16";import"@carbon/icons/es/warning--alt/32";import"@carbon/icons/es/product/16";import"@carbon/icons/es/workspace/16";import"@carbon/icons/es/arrow--up/16";import"@carbon/icons/es/arrow--down/16";import"@carbon/icons/es/arrow--right/16";import"@carbon/icons/es/arrow--left/16";import"@carbon/icons/es/copy/16";import"@carbon/icons/es/star/16";import"@carbon/icons/es/data-table/16";import"@carbon/icons/es/fit-to-width/16";import"@carbon/icons/es/search--advanced/16";import"@carbon/icons/es/reset/16";import"@carbon/icons/es/column/16";import"@carbon/icons/es/column--delete/16";import"@carbon/icons/es/watson-health/rotate--360/16";import"@carbon/icons/es/filter/16";import"@carbon/icons/es/app-connectivity/16";import"@carbon/icons/es/text--font/16";import"@carbon/icons/es/text--long-paragraph/16";import"@carbon/icons/es/character--whole-number/16";import"@carbon/icons/es/checkbox--checked/16";import"@carbon/icons/es/radio-button--checked/16";import"@carbon/icons/es/event--schedule/16";import"@carbon/icons/es/view--off/16";import"@carbon/icons/es/time/16";import"@carbon/icons/es/calendar/16";import"@carbon/icons/es/list--checked/16";import"@carbon/icons/es/list--bulleted/16";import"@carbon/icons/es/cloud--upload/16";import"@carbon/icons/es/locked/16";import"@carbon/icons/es/pause/16";import"@carbon/icons/es/unlocked/16";import"@carbon/icons/es/send/16";import"@carbon/icons/es/email/16";import"@carbon/icons/es/checkmark--outline/16";import"@carbon/icons/es/migrate--alt/16";import"@carbon/icons/es/checkbox--checked--filled/16";import"@carbon/icons/es/checkbox/16";const c=".background{background-color:var(--gray-01);height:100%;overflow-y:auto;overflow-x:hidden}.item{padding-bottom:var(--spacing-02);}.items{display:flex;flex-direction:column;gap:var(--spacing-05);padding-top:var(--spacing-02);padding-bottom:var(--spacing-02)}.footer{display:flex;flex-direction:row-reverse}.submit{background-color:var(--primary-color);box-sizing:border-box;border:none;color:white;padding:8px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color 0.3s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-width:48px;min-height:24px;}.submit:disabled{background-color:var(--gray-05);cursor:default}.submit-card{display:flex;flex-direction:row;justify-content:space-between}.form-section-content{margin-bottom:var(--spacing-05);background-color:white;padding:16px;display:flex;flex-direction:column;gap:var(--spacing-05)}.form-container{padding-top:var(--spacing-05);padding-bottom:var(--spacing-05);min-height:100px}.form-section-block{margin-bottom:var(--spacing-05)}.form-section-header{display:flex;flex-direction:row;justify-content:space-between;background-color:var(--primary-color, #000);color:var(--primary-contrast-text, #FFF);padding:var(--spacing-04, 16px) var(--spacing-05, 24px);align-items:center;min-height:var(--spacing-10, 60px)}.form-section-text{margin-bottom:var(--spacing-03)}.center-div{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.finish-button{display:flex;flex-direction:column;justify-content:center}.form-renderer-header{padding:var(--spacing-05) var(--spacing-05);background-color:var(--primary-color-dark, #000);color:var(--primary-contrast-text, #FFF);display:flex;justify-content:space-between;align-items:center}.header-content{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-03)}.header-text{flex:1;min-width:0;}.header-save-button{display:block;}.floating-save-button{display:block;}.error-banner{background-color:#fdecea;border:1px solid #f5c6cb;color:#a94442;padding:12px;margin-bottom:12px;border-radius:4px}@media (max-width: 768px){.header-content{flex-direction:column;align-items:stretch;gap:var(--spacing-02)}.header-text{margin-bottom:var(--spacing-02)}}@media (max-height: 600px){.header-save-button{display:block}.floating-save-button{display:none}}.auto-save-status{margin-top:var(--spacing-02);padding:var(--spacing-01) 0;font-size:12px;opacity:0.8}";const l=class{constructor(t){o(this,t);this.formDirtyChange=i(this,"formDirtyChange");this.initialValues={};this.submitSuccessful=false;this.isLoading=false;this.isSaving=false;this.saveErrorMessage=null;this.showAutoSaveStatus=false;this.disabled=false;this.readonly=false;this.userId=null;this.isSubmitted=false;this.isShowManualSaveIcon=false;this.showSavedMessage=false;this.isDialogOpen=false;this.dialogMessage="Are you sure you want to delete this section? This section contains links to follow-up forms. Deleting it will remove those links.";this.titleId="udp-forms-title";this.descriptionId="udp-forms-description"}componentDidLoad(){this.overrideStyles()}componentDidUpdate(){this.overrideStyles()}disconnectedCallback(){if(this.savedMessageTimeoutId){clearTimeout(this.savedMessageTimeoutId)}}watchIsSaving(o,i){console.log("isSaving watcher triggered:",{oldValue:i,newValue:o,saveErrorMessage:this.saveErrorMessage});if(i===true&&o===false&&!this.saveErrorMessage){console.log("Setting showSavedMessage to true");this.showSavedMessage=true;if(this.savedMessageTimeoutId){clearTimeout(this.savedMessageTimeoutId)}this.savedMessageTimeoutId=setTimeout((()=>{console.log("Hiding saved message after 5 seconds");this.showSavedMessage=false}),5e3)}}overrideStyles(){var o;const i=(o=this.el)===null||o===void 0?void 0:o.shadowRoot;i===null||i===void 0?void 0:i.querySelectorAll("unity-typography").forEach((o=>{var i,t,s,n;const a=o.id===this.titleId?(t=(i=this.udpForm)===null||i===void 0?void 0:i.styleOverrides)===null||t===void 0?void 0:t.titleText:o.id===this.descriptionId?(n=(s=this.udpForm)===null||s===void 0?void 0:s.styleOverrides)===null||n===void 0?void 0:n.paragraphText:{};if((a===null||a===void 0?void 0:a.fontFamily)&&e[a.fontFamily]){r(o,e[a.fontFamily])}if(a===null||a===void 0?void 0:a.variant){o.setAttribute("variant",a.variant)}}))}isSectionContainsFollowUpFormLink(o){var i;const t=this.udpFormSubmission.data.submissionResponseData[o];for(const[o,s]of Object.entries(t)){if((s===null||s===void 0?void 0:s.metadata)&&((i=s.metadata)===null||i===void 0?void 0:i.followUpFormSubmissionId)){return true}}return false}render(){var o,i,s,e,r,c,l,d,p,m,h,b,u,v,f,g;if(this.isLoading){return t("udp-linear-loader",null)}if(!this.udpForm){return t("div",{class:"error-banner"},t("unity-typography",{variant:"body2"},"Error Loading Form"))}let y=1;const x=new Set;this.udpForm.formQuestions.forEach((o=>x.add(o.section)));const w=[n.Hidden,n.Paragraph];const k={};if((s=(i=(o=this.udpForm)===null||o===void 0?void 0:o.styleOverrides)===null||i===void 0?void 0:i.background)===null||s===void 0?void 0:s.backgroundImage);else if((c=(r=(e=this.udpForm)===null||e===void 0?void 0:e.styleOverrides)===null||r===void 0?void 0:r.background)===null||c===void 0?void 0:c.backgroundColor){k.backgroundColor=(p=(d=(l=this.udpForm)===null||l===void 0?void 0:l.styleOverrides)===null||d===void 0?void 0:d.background)===null||p===void 0?void 0:p.backgroundColor}return t("div",{class:"background",style:k},t("udp-container",{maxWidth:"md"},t("div",{class:"form-container"},!this.submitSuccessful?t("stencil-form",{handleSubmit:this.handleSubmit,initialValues:this.initialValues,handleChange:this.handleChange,onDirtyChange:o=>this.formDirtyChange.emit(o.detail)},t("fluent-dialog",{open:this.isDialogOpen,message:this.dialogMessage,labelOne:"Confirm",labelTwo:"Cancel",actionOne:()=>this.dialogAction(),actionTwo:()=>this.isDialogOpen=false}),t("div",null,t("div",{class:"form-section-block"},t("div",{class:"form-renderer-header",style:Object.assign({},((h=(m=this.udpForm)===null||m===void 0?void 0:m.styleOverrides)===null||h===void 0?void 0:h.headerBackgroundColor)&&{backgroundColor:this.udpForm.styleOverrides.headerBackgroundColor})},t("unity-typography",{id:this.titleId,variant:"h6",color:"inherit"},this.udpForm.name),this.showAutoSaveStatus&&t("div",{class:"auto-save-status"},this.saveErrorMessage&&t("unity-typography",{variant:"body",color:"secondary"},this.saveErrorMessage)),t("udp-save-draft-button",{isVisible:this.isShowManualSaveIcon,isSaving:this.isSaving,saveErrorMessage:this.saveErrorMessage,showSavedMessage:this.showSavedMessage,handleSave:this.handleSave})),t("div",{class:"form-section-content"},t("div",{class:"items"},t("div",{class:"form-section-text"},t("unity-typography",{id:this.descriptionId,variant:(f=(v=(u=(b=this.udpForm)===null||b===void 0?void 0:b.styleOverrides)===null||u===void 0?void 0:u.paragraphText)===null||v===void 0?void 0:v.variant)!==null&&f!==void 0?f:"body",color:"inherit"},this.udpForm.description))))),this.dynamicSections.map(((o,i)=>t("div",{class:"form-section-block"},t("div",{class:"form-section-header"},t("div",{class:"form-section-header-title"},t("unity-typography",{variant:"h6",color:"inherit"},`${o.title}${o.sectionPositionSuffix>1?` (${o.sectionPositionSuffix})`:""}`)),t("div",{class:"form-section-header-actions"},o.sectionProperties.isRepeatable&&this.dynamicSections.filter((i=>i.id===o.id)).length===o.sectionPositionSuffix&&!this.readonly&&t("stencil-icon-button",{icon:a("add"),tooltip:"Repeat This Section",onClick:()=>this.duplicateRepeatableSection(i)}),!o.isOriginalSection&&!this.readonly&&t("stencil-icon-button",{icon:a("subtract"),tooltip:"Delete This Repeated Section",onClick:()=>{if(this.isSectionContainsFollowUpFormLink(`${o.name}_${o.sectionPositionSuffix}`)){this.dialogAction=async()=>{this.deleteRepeatableSection(i);await this.performBackgroundSaveAndUpdateLocalSubmissionState(this.udpFormSubmission.data.submissionResponseData);this.isDialogOpen=false}}else{this.deleteRepeatableSection(i)}this.isDialogOpen=true}}))),t("div",{class:"form-section-content"},t("div",{class:"items"},t("div",{class:"form-section-text"},t("unity-typography",{variant:"body",color:"inherit"},o.sectionText)),t("div",null,o.formQuestions.map((i=>{var s,n,e,r,a,c,l;const d=w.includes(i.fieldTypeId);const p=y;if(!d)y++;const m=o.sectionPositionSuffix>1?`${o.name}_${o.sectionPositionSuffix}`:`${o.name}`;return t("div",{class:"item"},t("udp-question",{styleOverrides:{helperText:(s=this.udpForm.styleOverrides)===null||s===void 0?void 0:s.helperText,paragraphText:(n=this.udpForm.styleOverrides)===null||n===void 0?void 0:n.paragraphText,questionText:(e=this.udpForm.styleOverrides)===null||e===void 0?void 0:e.questionText},question:i,questionNumber:p,value:(l=(c=(a=(r=this.initialValues)===null||r===void 0?void 0:r[m])===null||a===void 0?void 0:a[i.name])===null||c===void 0?void 0:c.value)!==null&&l!==void 0?l:"",disabled:this.disabled,readonly:this.readonly,key:i.questionIdentifierKey,initialValues:this.initialValues,userId:this.userId}))})))))))),((g=this.udpFormSubmission)===null||g===void 0?void 0:g.status)!=2&&t("div",{class:"footer"},t("input",{disabled:this.isLoading||this.disabled||this.readonly,type:"submit",value:"Submit",class:"submit",id:"udpRecord-udp-forms-renderer-Submit",onClick:()=>{console.log("Submit button clicked")}})))):t("div",{class:"center-div"},t("udp-ambient-card",null,t("div",{class:"submit-card"},t("unity-typography",null,"Thank you for your submission!")))))))}get el(){return s(this)}static get watchers(){return{isSaving:["watchIsSaving"]}}};l.style=c;export{l as udp_forms_ui};
 //# sourceMappingURL=udp-forms-ui.entry.js.map

package/dist/stencil-library/udp-list-renderer_3.entry.js

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as s,a as e}from"./index-DsqSxziV.js";import a from"@carbon/icons/es/close/24";const n=":host{display:block}.udp-list-renderer-container{display:flex;flex-direction:column}.item-list-container{display:flex;flex-direction:column}.item-list-container.spacing-xs{gap:var(--spacing-02)}.item-list-container.spacing-sm{gap:var(--spacing-03)}.item-list-container.spacing-md{gap:var(--spacing-04)}.item-list-container.spacing-lg{gap:var(--spacing-06)}.item-list-container.spacing-condensed{gap:var(--spacing-01)}.loading-container{display:flex;justify-content:center;align-items:center;padding:var(--spacing-07);min-height:100px;}";const o=class{constructor(s){t(this,s);this.pageChange=i(this,"pageChange");this.data=[];this.pagination=false;this.itemsPerPage=10;this.isServerSide=false;this.totalItems=0;this.currentPage=1;this.isLoading=false;this.spacing="md";this.internalCurrentPage=1}currentPageChanged(t){if(t!==this.internalCurrentPage){this.internalCurrentPage=t}}componentWillLoad(){this.internalCurrentPage=this.currentPage}getPaginatedData(){if(!this.pagination||this.isServerSide){return this.data}const t=(this.internalCurrentPage-1)*this.itemsPerPage;const i=t+this.itemsPerPage;return this.data.slice(t,i)}getTotalPages(){if(!this.pagination)return 1;if(this.isServerSide){if(this.totalItems===0||this.itemsPerPage===0)return 1;return Math.ceil(this.totalItems/this.itemsPerPage)}if(this.data.length===0||this.itemsPerPage===0)return 1;return Math.ceil(this.data.length/this.itemsPerPage)}handlePageChange(t){if(this.isLoading)return;if(t>=1&&t<=this.getTotalPages()){if(this.isServerSide){this.pageChange.emit(t)}else{this.internalCurrentPage=t;this.currentPage=t;this.pageChange.emit(t)}}}renderItems(){if(!this.itemComponent){console.warn("[udp-item-list] itemComponent prop is required.");return s("p",null,"Error: itemComponent prop is not defined.")}if(!this.componentDataMap){console.warn("[udp-item-list] componentDataMap prop is required.");return s("p",null,"Error: componentDataMap prop is not defined.")}const t=this.getPaginatedData();if(!t||t.length===0){return s("p",null,"No items to display.")}return t.map((t=>{const i={};for(const s in this.componentDataMap){if(t.hasOwnProperty(s)){const e=this.componentDataMap[s];i[e]=t[s]}}const e=this.itemComponent;return s(e,Object.assign({},i))}))}render(){if(this.isLoading&&(!this.data||this.data.length===0)){return s("div",{class:"loading-container"},s("p",null,"Loading..."))}const t={"item-list-container":true,[`spacing-${this.spacing}`]:true};return s("host",null,s("div",{class:t},this.renderItems()),this.pagination&&this.getTotalPages()>1&&s("udp-pagination",{currentPage:this.internalCurrentPage,totalPages:this.getTotalPages(),isLoading:this.isLoading,onPageChange:t=>this.handlePageChange(t.detail)}))}static get watchers(){return{currentPage:["currentPageChanged"]}}};o.style=n;const r=":host{display:block;font-family:var(--font-family)}.pagination-controls{display:flex;justify-content:center;align-items:center;padding:var(--spacing-03);gap:var(--spacing-02);}.pagination-controls span.ellipsis{color:var(--text-secondary);padding:var(--spacing-02) var(--spacing-01);display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;}";const h=class{constructor(s){t(this,s);this.pageChange=i(this,"pageChange");this.currentPage=1;this.totalPages=1;this.isLoading=false}navigateToPage(t){if(this.isLoading||t<1||t>this.totalPages||t===this.currentPage){return}this.pageChange.emit(t)}renderPageNumbers(){const t=[];const i=5;const e=Math.floor(i/2);let a=Math.max(1,this.currentPage-e);let n=Math.min(this.totalPages,this.currentPage+e);if(this.currentPage-e<1){n=Math.min(this.totalPages,i)}if(this.currentPage+e>this.totalPages){a=Math.max(1,this.totalPages-i+1)}if(this.totalPages<=i){a=1;n=this.totalPages}if(a>1){t.push(s("udp-button",{onClick:()=>this.navigateToPage(1),disabled:this.isLoading,variant:"outlined",ariaLabel:"Go to first page"},"1"));if(a>2){t.push(s("span",{class:"ellipsis"},"..."))}}for(let i=a;i<=n;i++){t.push(s("udp-button",{onClick:()=>this.navigateToPage(i),disabled:this.isLoading,variant:i===this.currentPage?"contained":"outlined",color:i===this.currentPage?"primary":"inherit",ariaLabel:`Go to page ${i}`,"aria-current":i===this.currentPage?"page":undefined},i))}if(n<this.totalPages){if(n<this.totalPages-1){t.push(s("span",{class:"ellipsis"},"..."))}t.push(s("udp-button",{onClick:()=>this.navigateToPage(this.totalPages),disabled:this.isLoading,variant:"outlined",ariaLabel:"Go to last page"},this.totalPages))}return t}render(){if(this.totalPages<=1){return null}return s("div",{class:"pagination-controls"},s("udp-button",{onClick:()=>this.navigateToPage(this.currentPage-1),disabled:this.isLoading||this.currentPage<=1,variant:"text",ariaLabel:"Go to previous page"},"Previous"),this.renderPageNumbers(),s("udp-button",{onClick:()=>this.navigateToPage(this.currentPage+1),disabled:this.isLoading||this.currentPage>=this.totalPages,variant:"text",ariaLabel:"Go to next page"},"Next"))}};h.style=r;const c=":host{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;visibility:hidden;transition:visibility 0s 0.2s}:host(.is-visible){visibility:visible;transition-delay:0s}.backdrop{background:rgba(0, 0, 0, 0.5);width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;transition:opacity 0.2s ease-in-out}:host(.is-visible) .backdrop{opacity:1}.sheet{background:white;height:100vh;position:fixed;top:0;display:flex;flex-direction:column;box-shadow:0 0 4px rgba(0, 0, 0, 0.3);transition:transform 0.2s ease-in-out;width:100%}.sheet.right{right:0;transform:translateX(100%)}.sheet.left{left:0;transform:translateX(-100%)}:host(.is-visible) .sheet{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{}.title-container{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;box-shadow:var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));gap:var(--spacing-02)}.title-text{flex-grow:1;text-align:left;}.close-button{flex-shrink:0}.header-action-button{flex-shrink:0}.content{overflow-y:auto;flex-grow:1;background-color:var(--gray-01)}.content.padding{padding:var(--spacing-05, 24px)}.footer{padding:var(--spacing-05, 24px);border-top:1px solid #ccc;display:flex;justify-content:flex-end;flex-shrink:0}.loader-container{height:4px;width:100%;background-color:var(--gray-01)}.loader-container udp-linear-loader{visibility:hidden;opacity:0;transition:none}.loader-container udp-linear-loader.is-loading{visibility:visible;opacity:1;}";const d=class{constructor(s){t(this,s);this.udpSideSheetClose=i(this,"udpSideSheetClose");this.udpPrimaryButtonClick=i(this,"udpPrimaryButtonClick");this.udpHeaderActionButtonClick=i(this,"udpHeaderActionButtonClick");this.open=false;this.position="right";this.width="md";this.padding=true;this.loading=false;this.headerActionButtonDisabled=false;this.primaryButtonDisabled=false;this.originalBodyOverflow="";this.handleTransitionEnd=()=>{if(!this.open&&this.hostEl.parentElement===document.body){document.body.removeChild(this.hostEl)}};this.onClose=()=>{this.open=false;this.udpSideSheetClose.emit()};this.onPrimaryButtonClick=()=>{this.udpPrimaryButtonClick.emit()};this.onHeaderActionButtonClick=()=>{this.udpHeaderActionButtonClick.emit()}}handleOpenChange(t,i){if(t===i){return}if(t){this.originalBodyOverflow=document.body.style.overflow;document.body.style.overflow="hidden";document.body.appendChild(this.hostEl);requestAnimationFrame((()=>{this.hostEl.classList.add("is-visible")}))}else{this.hostEl.classList.remove("is-visible");document.body.style.overflow=this.originalBodyOverflow;this.hostEl.addEventListener("transitionend",this.handleTransitionEnd,{once:true})}}disconnectedCallback(){if(document.body.style.overflow==="hidden"){document.body.style.overflow=this.originalBodyOverflow}}render(){const t=typeof this.width==="number"?"custom-width":this.width;const i=typeof this.width==="number"?{maxWidth:`${this.width}px`}:{};return s("div",{key:"3071b6fbf443030422ad30d2fc7a86a3c71d060a",class:"backdrop",onClick:this.onClose},s("div",{key:"75ae7c0f6bc4da076a3cd04579fc09252f701eb3",class:{sheet:true,[this.position]:true,[t]:true},style:i,onClick:t=>t.stopPropagation()},s("div",{key:"ec51c197afe4b00084881abb8688ca8f4f994a30",class:"title-container"},s("div",{key:"f382e9b4bf63314092b0b5d326069a9ca2316272",class:"close-button"},s("stencil-icon-button",{key:"ff449c9a65921a12207f2f4f6daaa45d9ff652c0",icon:a,onClick:this.onClose,secondary:true})),s("div",{key:"72e80626b9f519098dd069ebb357061f5e7008f8",class:"title-text"},s("unity-typography",{key:"fa7de8f448021ef6ac8a34d4825dcad745124dd2",variant:"h6"},this.title)),this.headerActionButtonLabel&&s("div",{key:"bcce55c18c3ff2b80cea48f471468ece741dc0bd",class:"header-action-button"},s("udp-button",{key:"09d1343460e8b0d7fdceb8769ed8387647ab5a34",disabled:this.headerActionButtonDisabled,onClick:this.onHeaderActionButtonClick,startIcon:s("udp-icon",{iconName:this.headerActionButtonIcon,color:"inherit"}),variant:"contained"},this.headerActionButtonLabel))),s("div",{key:"594932ae9ee30cfd5415fefcd48765c3d3f21aea",class:"loader-container"},s("udp-linear-loader",{key:"f3d09a98c7ac6bd22699339d2d0a7325c035e63d",class:{"is-loading":this.loading},color:"primary"})),s("div",{key:"59e987c1780a950dcdc8f56f012087a0ba55acb0",class:{content:true,padding:this.padding}},s("slot",{key:"fda6cf654587b15f3a28443b47a30f7564b2bf57"})),this.primaryButtonLabel&&s("div",{key:"c6434be80f44e6f8a277bdff49503f67db5cdca7",class:"footer"},s("udp-button",{key:"522a0e7bb290472cb1704bc4f61bf2a22ebda668",variant:"contained",size:"large",disabled:this.primaryButtonDisabled,onClick:this.onPrimaryButtonClick,endIcon:this.primaryButtonIcon},this.primaryButtonLabel))))}get hostEl(){return e(this)}static get watchers(){return{open:["handleOpenChange"]}}};d.style=c;export{o as udp_list_renderer,h as udp_pagination,d as udp_side_sheet};
+import{r as t,c as i,h as e,a as s}from"./index-n-1ZSeAs.js";import a from"@carbon/icons/es/close/24";const n=":host{display:block}.udp-list-renderer-container{display:flex;flex-direction:column}.item-list-container{display:flex;flex-direction:column}.item-list-container.spacing-xs{gap:var(--spacing-02)}.item-list-container.spacing-sm{gap:var(--spacing-03)}.item-list-container.spacing-md{gap:var(--spacing-04)}.item-list-container.spacing-lg{gap:var(--spacing-06)}.item-list-container.spacing-condensed{gap:var(--spacing-01)}.loading-container{display:flex;justify-content:center;align-items:center;padding:var(--spacing-07);min-height:100px;}";const o=class{constructor(e){t(this,e);this.pageChange=i(this,"pageChange");this.data=[];this.pagination=false;this.itemsPerPage=10;this.isServerSide=false;this.totalItems=0;this.currentPage=1;this.isLoading=false;this.spacing="md";this.internalCurrentPage=1}currentPageChanged(t){if(t!==this.internalCurrentPage){this.internalCurrentPage=t}}componentWillLoad(){this.internalCurrentPage=this.currentPage}getPaginatedData(){if(!this.pagination||this.isServerSide){return this.data}const t=(this.internalCurrentPage-1)*this.itemsPerPage;const i=t+this.itemsPerPage;return this.data.slice(t,i)}getTotalPages(){if(!this.pagination)return 1;if(this.isServerSide){if(this.totalItems===0||this.itemsPerPage===0)return 1;return Math.ceil(this.totalItems/this.itemsPerPage)}if(this.data.length===0||this.itemsPerPage===0)return 1;return Math.ceil(this.data.length/this.itemsPerPage)}handlePageChange(t){if(this.isLoading)return;if(t>=1&&t<=this.getTotalPages()){if(this.isServerSide){this.pageChange.emit(t)}else{this.internalCurrentPage=t;this.currentPage=t;this.pageChange.emit(t)}}}renderItems(){if(!this.itemComponent){console.warn("[udp-item-list] itemComponent prop is required.");return e("p",null,"Error: itemComponent prop is not defined.")}if(!this.componentDataMap){console.warn("[udp-item-list] componentDataMap prop is required.");return e("p",null,"Error: componentDataMap prop is not defined.")}const t=this.getPaginatedData();if(!t||t.length===0){return e("p",null,"No items to display.")}return t.map((t=>{const i={};for(const e in this.componentDataMap){if(t.hasOwnProperty(e)){const s=this.componentDataMap[e];i[s]=t[e]}}const s=this.itemComponent;return e(s,Object.assign({},i))}))}render(){if(this.isLoading&&(!this.data||this.data.length===0)){return e("div",{class:"loading-container"},e("p",null,"Loading..."))}const t={"item-list-container":true,[`spacing-${this.spacing}`]:true};return e("host",null,e("div",{class:t},this.renderItems()),this.pagination&&this.getTotalPages()>1&&e("udp-pagination",{currentPage:this.internalCurrentPage,totalPages:this.getTotalPages(),isLoading:this.isLoading,onPageChange:t=>this.handlePageChange(t.detail)}))}static get watchers(){return{currentPage:["currentPageChanged"]}}};o.style=n;const r=":host{display:block;font-family:var(--font-family)}.pagination-controls{display:flex;justify-content:center;align-items:center;padding:var(--spacing-03);gap:var(--spacing-02);}.pagination-controls span.ellipsis{color:var(--text-secondary);padding:var(--spacing-02) var(--spacing-01);display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;}";const h=class{constructor(e){t(this,e);this.pageChange=i(this,"pageChange");this.currentPage=1;this.totalPages=1;this.isLoading=false}navigateToPage(t){if(this.isLoading||t<1||t>this.totalPages||t===this.currentPage){return}this.pageChange.emit(t)}renderPageNumbers(){const t=[];const i=5;const s=Math.floor(i/2);let a=Math.max(1,this.currentPage-s);let n=Math.min(this.totalPages,this.currentPage+s);if(this.currentPage-s<1){n=Math.min(this.totalPages,i)}if(this.currentPage+s>this.totalPages){a=Math.max(1,this.totalPages-i+1)}if(this.totalPages<=i){a=1;n=this.totalPages}if(a>1){t.push(e("udp-button",{onClick:()=>this.navigateToPage(1),disabled:this.isLoading,variant:"outlined",ariaLabel:"Go to first page"},"1"));if(a>2){t.push(e("span",{class:"ellipsis"},"..."))}}for(let i=a;i<=n;i++){t.push(e("udp-button",{onClick:()=>this.navigateToPage(i),disabled:this.isLoading,variant:i===this.currentPage?"contained":"outlined",color:i===this.currentPage?"primary":"inherit",ariaLabel:`Go to page ${i}`,"aria-current":i===this.currentPage?"page":undefined},i))}if(n<this.totalPages){if(n<this.totalPages-1){t.push(e("span",{class:"ellipsis"},"..."))}t.push(e("udp-button",{onClick:()=>this.navigateToPage(this.totalPages),disabled:this.isLoading,variant:"outlined",ariaLabel:"Go to last page"},this.totalPages))}return t}render(){if(this.totalPages<=1){return null}return e("div",{class:"pagination-controls"},e("udp-button",{onClick:()=>this.navigateToPage(this.currentPage-1),disabled:this.isLoading||this.currentPage<=1,variant:"text",ariaLabel:"Go to previous page"},"Previous"),this.renderPageNumbers(),e("udp-button",{onClick:()=>this.navigateToPage(this.currentPage+1),disabled:this.isLoading||this.currentPage>=this.totalPages,variant:"text",ariaLabel:"Go to next page"},"Next"))}};h.style=r;const c=":host{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;visibility:hidden;transition:visibility 0s 0.2s}:host(.is-visible){visibility:visible;transition-delay:0s}.backdrop{background:rgba(0, 0, 0, 0.5);width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;transition:opacity 0.2s ease-in-out}:host(.is-visible) .backdrop{opacity:1}.sheet{background:white;height:100vh;position:fixed;top:0;display:flex;flex-direction:column;box-shadow:0 0 4px rgba(0, 0, 0, 0.3);transition:transform 0.2s ease-in-out;width:100%}.sheet.right{right:0;transform:translateX(100%)}.sheet.left{left:0;transform:translateX(-100%)}:host(.is-visible) .sheet{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{}.title-container{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;box-shadow:var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));gap:var(--spacing-02)}.title-text{flex-grow:1;text-align:left;}.close-button{flex-shrink:0}.header-action-button{flex-shrink:0}.content{overflow-y:auto;flex-grow:1;background-color:var(--gray-01)}.content.padding{padding:var(--spacing-05, 24px)}.footer{padding:var(--spacing-05, 24px);border-top:1px solid #ccc;display:flex;justify-content:flex-end;flex-shrink:0}.loader-container{height:4px;width:100%;background-color:var(--gray-01)}.loader-container udp-linear-loader{visibility:hidden;opacity:0;transition:none}.loader-container udp-linear-loader.is-loading{visibility:visible;opacity:1;}";const d=class{constructor(e){t(this,e);this.udpSideSheetClose=i(this,"udpSideSheetClose");this.udpPrimaryButtonClick=i(this,"udpPrimaryButtonClick");this.udpHeaderActionButtonClick=i(this,"udpHeaderActionButtonClick");this.open=false;this.position="right";this.width="md";this.padding=true;this.loading=false;this.headerActionButtonDisabled=false;this.primaryButtonDisabled=false;this.originalBodyOverflow="";this.handleTransitionEnd=()=>{if(!this.open&&this.hostEl.parentElement===document.body){document.body.removeChild(this.hostEl)}};this.onClose=()=>{this.open=false;this.udpSideSheetClose.emit()};this.onPrimaryButtonClick=()=>{this.udpPrimaryButtonClick.emit()};this.onHeaderActionButtonClick=()=>{this.udpHeaderActionButtonClick.emit()}}handleOpenChange(t,i){if(t===i){return}if(t){this.originalBodyOverflow=document.body.style.overflow;document.body.style.overflow="hidden";document.body.appendChild(this.hostEl);requestAnimationFrame((()=>{this.hostEl.classList.add("is-visible")}))}else{this.hostEl.classList.remove("is-visible");document.body.style.overflow=this.originalBodyOverflow;this.hostEl.addEventListener("transitionend",this.handleTransitionEnd,{once:true})}}disconnectedCallback(){if(document.body.style.overflow==="hidden"){document.body.style.overflow=this.originalBodyOverflow}}render(){const t=typeof this.width==="number"?"custom-width":this.width;const i=typeof this.width==="number"?{maxWidth:`${this.width}px`}:{};return e("div",{key:"3071b6fbf443030422ad30d2fc7a86a3c71d060a",class:"backdrop",onClick:this.onClose},e("div",{key:"75ae7c0f6bc4da076a3cd04579fc09252f701eb3",class:{sheet:true,[this.position]:true,[t]:true},style:i,onClick:t=>t.stopPropagation()},e("div",{key:"ec51c197afe4b00084881abb8688ca8f4f994a30",class:"title-container"},e("div",{key:"f382e9b4bf63314092b0b5d326069a9ca2316272",class:"close-button"},e("stencil-icon-button",{key:"ff449c9a65921a12207f2f4f6daaa45d9ff652c0",icon:a,onClick:this.onClose,secondary:true})),e("div",{key:"72e80626b9f519098dd069ebb357061f5e7008f8",class:"title-text"},e("unity-typography",{key:"fa7de8f448021ef6ac8a34d4825dcad745124dd2",variant:"h6"},this.title)),this.headerActionButtonLabel&&e("div",{key:"bcce55c18c3ff2b80cea48f471468ece741dc0bd",class:"header-action-button"},e("udp-button",{key:"09d1343460e8b0d7fdceb8769ed8387647ab5a34",disabled:this.headerActionButtonDisabled,onClick:this.onHeaderActionButtonClick,startIcon:e("udp-icon",{iconName:this.headerActionButtonIcon,color:"inherit"}),variant:"contained"},this.headerActionButtonLabel))),e("div",{key:"594932ae9ee30cfd5415fefcd48765c3d3f21aea",class:"loader-container"},e("udp-linear-loader",{key:"f3d09a98c7ac6bd22699339d2d0a7325c035e63d",class:{"is-loading":this.loading},color:"primary"})),e("div",{key:"59e987c1780a950dcdc8f56f012087a0ba55acb0",class:{content:true,padding:this.padding}},e("slot",{key:"fda6cf654587b15f3a28443b47a30f7564b2bf57"})),this.primaryButtonLabel&&e("div",{key:"c6434be80f44e6f8a277bdff49503f67db5cdca7",class:"footer"},e("udp-button",{key:"522a0e7bb290472cb1704bc4f61bf2a22ebda668",variant:"contained",size:"large",disabled:this.primaryButtonDisabled,onClick:this.onPrimaryButtonClick,endIcon:this.primaryButtonIcon},this.primaryButtonLabel))))}get hostEl(){return s(this)}static get watchers(){return{open:["handleOpenChange"]}}};d.style=c;export{o as udp_list_renderer,h as udp_pagination,d as udp_side_sheet};
 //# sourceMappingURL=udp-list-renderer_3.entry.js.map

package/dist/stencil-library/udp-map.entry.js

@@ -1,2 +1,2 @@
-import{r as e,h as t}from"./index-DsqSxziV.js";const i=":host{display:block}.zoomControl{left:'auto';right:'20';top:'20'}.iconButtonWrapper{padding:var(--spacing-04)}#featureDetailsPopOverContainer{position:absolute;z-index:1000}.hidden-controls .ol-zoom,.hidden-controls .ol-attribution{display:none}.ol-control{width:fit-content !important}";const s=class{constructor(t){e(this,t);this.enableToolbar=true;this.mapTitle="";this.data=[];this.isGeoJsonFormat=true;this.enableZoom=true;this.mapZoom=17;this.mapCenter=[0,0];this.mapHeight="80vh";this.mapProjection="";this.filterPanel="";this.enableTileSelection=true;this.tileLayersOptions=[];this.defaultTileOptionName="";this.layerOptions=[];this.initialSelectedLayers=[];this.bulkSelectedFeaturesActionPanel="";this.filterLayersByRole=false;this.layerKeySeparator="";this.refreshButtonTooltip="";this.readOnlyMap=false;this.enableAdd=true;this.addMultipleFeatures=true;this.enableSplitFeature=true;this.enableViewFeature=true;this.readOnlyLayers=[];this.popoverPrimaryActions=[];this.popoverMoreIconButtonActions=[];this.hideMessageIconPopover=false;this.cardConfig={};this.minZoom=0;this.maxZoom=28;this.bulkSelectionActive=false;this.filteredLayerOptionsByRole=[];this.splitActive=false;this.enableDragBox=false;this.selectedFeatureCoordinates=[];this.selectedFeatureProperties=null;this.enableAddNewFeature=false;this.selectedLayers=[];this.handleSetFilteredLayerOptionsByRole=e=>{this.filteredLayerOptionsByRole=e};this.handleSetMapComponent=e=>{if(e){this.map=e}};this.handleSetBulkSelectionActive=e=>{this.bulkSelectionActive=e};this.handleSetEnableDragBox=e=>{this.enableDragBox=e};this.handleSetSplitActive=e=>{this.splitActive=e};this.handleEnableAddNewFeature=e=>{this.enableAddNewFeature=e};this.handleSetSelectedFeatureProperties=e=>{if(e){let t=e===null||e===void 0?void 0:e.getProperties();if(t){this.selectedFeatureCoordinates=t.geometry.flatCoordinates;this.selectedFeatureProperties=t}}else{this.selectedFeatureProperties=null;this.selectedFeatureObjectKeyValuePairs=[]}}}watchDragBoxandSelectedFeatureInteraction(){if(!this.enableDragBox&&this.selectFeatureInteraction){this.selectFeatureInteraction.setActive(true);this.selectFeatureInteraction.getFeatures().clear();this.selectedFeatureProperties=null;this.selectedFeatureObjectKeyValuePairs=[]}}updateSelectedLayers(e){this.selectedLayers=e;this.initialSelectedLayers=e}render(){return t("map-component",{key:"b701c0b012dade16e39e23231e6e96e15e8024cf",handleSetMapComponent:this.handleSetMapComponent,data:this.data,isGeoJsonFormat:this.isGeoJsonFormat,geoJsonMappingConfig:this.geoJsonMappingConfig,enableZoom:this.enableZoom,mapZoom:this.mapZoom,mapCenter:this.mapCenter,mapHeight:this.mapHeight,crs:this.crs,mapProjection:this.mapProjection,mapDataProjection:this.mapDataProjection,getFilteredMapData:this.getFilteredMapData,getFeatureStyles:this.getFeatureStyles,getSelectedFeatureStyles:this.getSelectedFeatureStyles,filterPanel:this.filterPanel,filterPanelCallback:this.filterPanelCallback,enableTileSelection:this.enableTileSelection,tileLayersOptions:this.tileLayersOptions,defaultTileOptionName:this.defaultTileOptionName,layerOptions:this.layerOptions,initialSelectedLayers:this.initialSelectedLayers,bulkSelectedFeaturesActionPanel:this.bulkSelectedFeaturesActionPanel,handleSetSelectedFeaturesOnBulkSelect:this.handleSetSelectedFeaturesOnBulkSelect,handleSetSelectedFeatureOnSelect:this.handleSetSelectedFeatureOnSelect,filterLayersByRole:this.filterLayersByRole,layerKeys:this.layerKeys,layerKeySeparator:this.layerKeySeparator,user:this.user,layerRoles:this.layerRoles,filteredLayerOptionsByRole:this.filteredLayerOptionsByRole,handleSetFilteredLayerOptionsByRole:this.handleSetFilteredLayerOptionsByRole,readOnlyMap:this.readOnlyMap,enableViewFeature:this.enableViewFeature,handleViewFeature:this.handleViewFeature,bulkSelectionActive:this.bulkSelectionActive,splitActive:this.splitActive,enableDragBox:this.enableDragBox,selectFeatureInteraction:this.selectFeatureInteraction,handleSetSelectedFeatureProperties:this.handleSetSelectedFeatureProperties,selectedFeatureCoordinates:this.selectedFeatureCoordinates,selectedFeatureProperties:this.selectedFeatureProperties,enableAddNewFeature:this.enableAddNewFeature,handleGetZoomExtent:this.handleGetZoomExtent,selectedLayers:this.selectedLayers,handleSetSelectedLayers:e=>{this.updateSelectedLayers(e)},readOnlyLayers:this.readOnlyLayers,additionalOnclosePopover:this.additionalOnclosePopover,popoverPrimaryActions:this.popoverPrimaryActions,popoverMoreIconButtonActions:this.popoverMoreIconButtonActions,getMessagePopover:this.getMessagePopover,getMessageIconPopover:this.getMessageIconPopover,hideMessageIconPopover:this.hideMessageIconPopover,popoverCardConfig:this.cardConfig,popoverWidth:this.popoverWidth,handleGetAdditionalFeaturePropertiesOnSelect:this.handleGetAdditionalFeaturePropertiesOnSelect,minZoom:this.minZoom,maxZoom:this.maxZoom},this.enableToolbar&&t("udp-map-toolbar",{key:"04d39770f38e442466c0c82f0feb92bfc70b1535",map:this.map,mapTitle:this.mapTitle,mapProjection:this.mapProjection,getFeatureStyles:this.getFeatureStyles,getSelectedFeatureStyles:this.getSelectedFeatureStyles,filterPanel:this.filterPanel,enableTileSelection:this.enableTileSelection,tileLayersOptions:this.tileLayersOptions,defaultTileOptionName:this.defaultTileOptionName,layerOptions:this.layerOptions,bulkSelectedFeaturesActionPanel:this.bulkSelectedFeaturesActionPanel,handleSetSelectedFeaturesOnBulkSelect:this.handleSetSelectedFeaturesOnBulkSelect,handleRefresh:this.handleRefresh,refreshButtonTooltip:this.refreshButtonTooltip,readOnlyMap:this.readOnlyMap,enableAdd:this.enableAdd,handleAddNewFeatures:this.handleAddNewFeatures,addMultipleFeatures:this.addMultipleFeatures,enableSplitFeature:this.enableSplitFeature,handleSplitFeature:this.handleSplitFeature,handleSetSelectedFeatureProperties:this.handleSetSelectedFeatureProperties,filteredLayerOptionsByRole:this.filteredLayerOptionsByRole,handleSetBulkSelectionActive:this.handleSetBulkSelectionActive,enableDragBox:this.enableDragBox,handleSetEnableDragBox:this.handleSetEnableDragBox,splitActive:this.splitActive,handleSetSplitActive:this.handleSetSplitActive,selectFeatureInteraction:this.selectFeatureInteraction,enableAddNewFeature:this.enableAddNewFeature,handleEnableAddNewFeature:this.handleEnableAddNewFeature,handleSelectLayersCallback:this.handleSelectLayersCallback,selectedLayers:this.selectedLayers,handleSetSelectedLayers:e=>{this.updateSelectedLayers(e)},addFeaturePanelConfig:this.addFeaturePanelConfig}),t("slot",{key:"24e6a8974bd1acda96d431dfc7fa5b8bd8129355"}))}static get watchers(){return{enableDragBox:["watchDragBoxandSelectedFeatureInteraction"],selectFeatureInteraction:["watchDragBoxandSelectedFeatureInteraction"]}}};s.style=i;export{s as udp_map};
+import{r as e,h as t}from"./index-n-1ZSeAs.js";const i=":host{display:block}.zoomControl{left:'auto';right:'20';top:'20'}.iconButtonWrapper{padding:var(--spacing-04)}#featureDetailsPopOverContainer{position:absolute;z-index:1000}.hidden-controls .ol-zoom,.hidden-controls .ol-attribution{display:none}.ol-control{width:fit-content !important}";const s=class{constructor(t){e(this,t);this.enableToolbar=true;this.mapTitle="";this.data=[];this.isGeoJsonFormat=true;this.enableZoom=true;this.mapZoom=17;this.mapCenter=[0,0];this.mapHeight="80vh";this.mapProjection="";this.filterPanel="";this.enableTileSelection=true;this.tileLayersOptions=[];this.defaultTileOptionName="";this.layerOptions=[];this.initialSelectedLayers=[];this.bulkSelectedFeaturesActionPanel="";this.filterLayersByRole=false;this.layerKeySeparator="";this.refreshButtonTooltip="";this.readOnlyMap=false;this.enableAdd=true;this.addMultipleFeatures=true;this.enableSplitFeature=true;this.enableViewFeature=true;this.readOnlyLayers=[];this.popoverPrimaryActions=[];this.popoverMoreIconButtonActions=[];this.hideMessageIconPopover=false;this.cardConfig={};this.minZoom=0;this.maxZoom=28;this.bulkSelectionActive=false;this.filteredLayerOptionsByRole=[];this.splitActive=false;this.enableDragBox=false;this.selectedFeatureCoordinates=[];this.selectedFeatureProperties=null;this.enableAddNewFeature=false;this.selectedLayers=[];this.handleSetFilteredLayerOptionsByRole=e=>{this.filteredLayerOptionsByRole=e};this.handleSetMapComponent=e=>{if(e){this.map=e}};this.handleSetBulkSelectionActive=e=>{this.bulkSelectionActive=e};this.handleSetEnableDragBox=e=>{this.enableDragBox=e};this.handleSetSplitActive=e=>{this.splitActive=e};this.handleEnableAddNewFeature=e=>{this.enableAddNewFeature=e};this.handleSetSelectedFeatureProperties=e=>{if(e){let t=e===null||e===void 0?void 0:e.getProperties();if(t){this.selectedFeatureCoordinates=t.geometry.flatCoordinates;this.selectedFeatureProperties=t}}else{this.selectedFeatureProperties=null;this.selectedFeatureObjectKeyValuePairs=[]}}}watchDragBoxandSelectedFeatureInteraction(){if(!this.enableDragBox&&this.selectFeatureInteraction){this.selectFeatureInteraction.setActive(true);this.selectFeatureInteraction.getFeatures().clear();this.selectedFeatureProperties=null;this.selectedFeatureObjectKeyValuePairs=[]}}updateSelectedLayers(e){this.selectedLayers=e;this.initialSelectedLayers=e}render(){return t("map-component",{key:"b701c0b012dade16e39e23231e6e96e15e8024cf",handleSetMapComponent:this.handleSetMapComponent,data:this.data,isGeoJsonFormat:this.isGeoJsonFormat,geoJsonMappingConfig:this.geoJsonMappingConfig,enableZoom:this.enableZoom,mapZoom:this.mapZoom,mapCenter:this.mapCenter,mapHeight:this.mapHeight,crs:this.crs,mapProjection:this.mapProjection,mapDataProjection:this.mapDataProjection,getFilteredMapData:this.getFilteredMapData,getFeatureStyles:this.getFeatureStyles,getSelectedFeatureStyles:this.getSelectedFeatureStyles,filterPanel:this.filterPanel,filterPanelCallback:this.filterPanelCallback,enableTileSelection:this.enableTileSelection,tileLayersOptions:this.tileLayersOptions,defaultTileOptionName:this.defaultTileOptionName,layerOptions:this.layerOptions,initialSelectedLayers:this.initialSelectedLayers,bulkSelectedFeaturesActionPanel:this.bulkSelectedFeaturesActionPanel,handleSetSelectedFeaturesOnBulkSelect:this.handleSetSelectedFeaturesOnBulkSelect,handleSetSelectedFeatureOnSelect:this.handleSetSelectedFeatureOnSelect,filterLayersByRole:this.filterLayersByRole,layerKeys:this.layerKeys,layerKeySeparator:this.layerKeySeparator,user:this.user,layerRoles:this.layerRoles,filteredLayerOptionsByRole:this.filteredLayerOptionsByRole,handleSetFilteredLayerOptionsByRole:this.handleSetFilteredLayerOptionsByRole,readOnlyMap:this.readOnlyMap,enableViewFeature:this.enableViewFeature,handleViewFeature:this.handleViewFeature,bulkSelectionActive:this.bulkSelectionActive,splitActive:this.splitActive,enableDragBox:this.enableDragBox,selectFeatureInteraction:this.selectFeatureInteraction,handleSetSelectedFeatureProperties:this.handleSetSelectedFeatureProperties,selectedFeatureCoordinates:this.selectedFeatureCoordinates,selectedFeatureProperties:this.selectedFeatureProperties,enableAddNewFeature:this.enableAddNewFeature,handleGetZoomExtent:this.handleGetZoomExtent,selectedLayers:this.selectedLayers,handleSetSelectedLayers:e=>{this.updateSelectedLayers(e)},readOnlyLayers:this.readOnlyLayers,additionalOnclosePopover:this.additionalOnclosePopover,popoverPrimaryActions:this.popoverPrimaryActions,popoverMoreIconButtonActions:this.popoverMoreIconButtonActions,getMessagePopover:this.getMessagePopover,getMessageIconPopover:this.getMessageIconPopover,hideMessageIconPopover:this.hideMessageIconPopover,popoverCardConfig:this.cardConfig,popoverWidth:this.popoverWidth,handleGetAdditionalFeaturePropertiesOnSelect:this.handleGetAdditionalFeaturePropertiesOnSelect,minZoom:this.minZoom,maxZoom:this.maxZoom},this.enableToolbar&&t("udp-map-toolbar",{key:"04d39770f38e442466c0c82f0feb92bfc70b1535",map:this.map,mapTitle:this.mapTitle,mapProjection:this.mapProjection,getFeatureStyles:this.getFeatureStyles,getSelectedFeatureStyles:this.getSelectedFeatureStyles,filterPanel:this.filterPanel,enableTileSelection:this.enableTileSelection,tileLayersOptions:this.tileLayersOptions,defaultTileOptionName:this.defaultTileOptionName,layerOptions:this.layerOptions,bulkSelectedFeaturesActionPanel:this.bulkSelectedFeaturesActionPanel,handleSetSelectedFeaturesOnBulkSelect:this.handleSetSelectedFeaturesOnBulkSelect,handleRefresh:this.handleRefresh,refreshButtonTooltip:this.refreshButtonTooltip,readOnlyMap:this.readOnlyMap,enableAdd:this.enableAdd,handleAddNewFeatures:this.handleAddNewFeatures,addMultipleFeatures:this.addMultipleFeatures,enableSplitFeature:this.enableSplitFeature,handleSplitFeature:this.handleSplitFeature,handleSetSelectedFeatureProperties:this.handleSetSelectedFeatureProperties,filteredLayerOptionsByRole:this.filteredLayerOptionsByRole,handleSetBulkSelectionActive:this.handleSetBulkSelectionActive,enableDragBox:this.enableDragBox,handleSetEnableDragBox:this.handleSetEnableDragBox,splitActive:this.splitActive,handleSetSplitActive:this.handleSetSplitActive,selectFeatureInteraction:this.selectFeatureInteraction,enableAddNewFeature:this.enableAddNewFeature,handleEnableAddNewFeature:this.handleEnableAddNewFeature,handleSelectLayersCallback:this.handleSelectLayersCallback,selectedLayers:this.selectedLayers,handleSetSelectedLayers:e=>{this.updateSelectedLayers(e)},addFeaturePanelConfig:this.addFeaturePanelConfig}),t("slot",{key:"24e6a8974bd1acda96d431dfc7fa5b8bd8129355"}))}static get watchers(){return{enableDragBox:["watchDragBoxandSelectedFeatureInteraction"],selectFeatureInteraction:["watchDragBoxandSelectedFeatureInteraction"]}}};s.style=i;export{s as udp_map};
 //# sourceMappingURL=udp-map.entry.js.map

package/dist/stencil-library/udp-page.entry.js

@@ -1,2 +1,2 @@
-import{r as s,h as t}from"./index-DsqSxziV.js";const d=":host{display:block}";const e=class{constructor(t){s(this,t);this.maxWidth="1200px";this.padding="16px"}render(){const s={maxWidth:this.maxWidth,padding:this.padding,margin:"0 auto"};return t("div",{key:"1e21862453854a594552763318343637c1544de1",style:s},t("slot",{key:"fcdedce8e48062cd41721f509b5d1d034c218f7b"})," ")}};e.style=d;export{e as udp_page};
+import{r as s,h as t}from"./index-n-1ZSeAs.js";const e=":host{display:block}";const d=class{constructor(t){s(this,t);this.maxWidth="1200px";this.padding="16px"}render(){const s={maxWidth:this.maxWidth,padding:this.padding,margin:"0 auto"};return t("div",{key:"1e21862453854a594552763318343637c1544de1",style:s},t("slot",{key:"fcdedce8e48062cd41721f509b5d1d034c218f7b"})," ")}};d.style=e;export{d as udp_page};
 //# sourceMappingURL=udp-page.entry.js.map

package/dist/stencil-library/udp-sankey-chart.entry.js

@@ -1,2 +1,2 @@
-import{r as t,h as i,a as s}from"./index-DsqSxziV.js";import*as e from"@amcharts/amcharts4/charts";import*as h from"@amcharts/amcharts4/core";import{s as r,a}from"./chartUtils-DqjnIahA.js";import{v4 as d}from"uuid";const n=":host{display:block}";const o=class{constructor(i){t(this,i);this.data=undefined;this.valueField="";this.labelField="";this.title=undefined;this.subheader=undefined;this.hideLegend=false;this.kpisPosition="left";this.kpis=undefined;this.hideAdornment=false;this.hideBorder=false;this.sourceIdField="from";this.targetIdField="to";this.labelFormat="{name}: ${value}";this.tooltipTextFormat="{fromName} - {toName}: ${value}";this.nodeTooltipTextFormat=undefined;this.paddingRight=110;this.removePadding=false;this.chartId=d()}async renderChart(){const t=async()=>{var i,s,d;const n=(s=(i=this.el)===null||i===void 0?void 0:i.shadowRoot)===null||s===void 0?void 0:s.getElementById(this.chartId);if(!n){await new Promise((t=>setTimeout(t,50)));return t()}if(!this.valueField||!this.sourceIdField||!this.targetIdField)return;if(this.chart){this.chart.dispose()}this.chart=h.create(n,e.SankeyDiagram);r(this.chart,n,this.enableExport);a(this.chart,this.valueField,this.sourceIdField,this.targetIdField,this.paddingRight,this.labelFormat,this.tooltipTextFormat,this.nodeTooltipTextFormat);this.chart.data=(d=this.data)!==null&&d!==void 0?d:[]};await t()}componentDidLoad(){this.renderChart()}disconnectedCallback(){if(this.chart){this.chart.dispose()}}render(){return i("chart-container",{key:"d172e6bdf59852b931e71f23412adac1d34f4773",kpis:this.kpis,chartId:this.chartId,title:this.title,subheader:this.subheader,chartHeight:this.customHeight,chartWidth:this.customWidth,cardWidth:this.customCardWidth,kpisPosition:this.kpisPosition,hideAdornment:this.hideAdornment,hideBorder:this.hideBorder,removePadding:this.removePadding})}get el(){return s(this)}static get watchers(){return{valueField:["renderChart"],sourceIdField:["renderChart"],targetIdField:["renderChart"],labelFormat:["renderChart"],tooltipTextFormat:["renderChart"],nodeTooltipTextFormat:["renderChart"],paddingRight:["renderChart"],hideLegend:["renderChart"],data:["renderChart"]}}};o.style=n;export{o as udp_sankey_chart};
+import{r as t,h as i,a as s}from"./index-n-1ZSeAs.js";import*as e from"@amcharts/amcharts4/charts";import*as h from"@amcharts/amcharts4/core";import{s as r,a}from"./chartUtils-DqjnIahA.js";import{v4 as d}from"uuid";const n=":host{display:block}";const o=class{constructor(i){t(this,i);this.data=undefined;this.valueField="";this.labelField="";this.title=undefined;this.subheader=undefined;this.hideLegend=false;this.kpisPosition="left";this.kpis=undefined;this.hideAdornment=false;this.hideBorder=false;this.sourceIdField="from";this.targetIdField="to";this.labelFormat="{name}: ${value}";this.tooltipTextFormat="{fromName} - {toName}: ${value}";this.nodeTooltipTextFormat=undefined;this.paddingRight=110;this.removePadding=false;this.chartId=d()}async renderChart(){const t=async()=>{var i,s,d;const n=(s=(i=this.el)===null||i===void 0?void 0:i.shadowRoot)===null||s===void 0?void 0:s.getElementById(this.chartId);if(!n){await new Promise((t=>setTimeout(t,50)));return t()}if(!this.valueField||!this.sourceIdField||!this.targetIdField)return;if(this.chart){this.chart.dispose()}this.chart=h.create(n,e.SankeyDiagram);r(this.chart,n,this.enableExport);a(this.chart,this.valueField,this.sourceIdField,this.targetIdField,this.paddingRight,this.labelFormat,this.tooltipTextFormat,this.nodeTooltipTextFormat);this.chart.data=(d=this.data)!==null&&d!==void 0?d:[]};await t()}componentDidLoad(){this.renderChart()}disconnectedCallback(){if(this.chart){this.chart.dispose()}}render(){return i("chart-container",{key:"d172e6bdf59852b931e71f23412adac1d34f4773",kpis:this.kpis,chartId:this.chartId,title:this.title,subheader:this.subheader,chartHeight:this.customHeight,chartWidth:this.customWidth,cardWidth:this.customCardWidth,kpisPosition:this.kpisPosition,hideAdornment:this.hideAdornment,hideBorder:this.hideBorder,removePadding:this.removePadding})}get el(){return s(this)}static get watchers(){return{valueField:["renderChart"],sourceIdField:["renderChart"],targetIdField:["renderChart"],labelFormat:["renderChart"],tooltipTextFormat:["renderChart"],nodeTooltipTextFormat:["renderChart"],paddingRight:["renderChart"],hideLegend:["renderChart"],data:["renderChart"]}}};o.style=n;export{o as udp_sankey_chart};
 //# sourceMappingURL=udp-sankey-chart.entry.js.map

package/dist/stencil-library/udp-split-screen.entry.js

@@ -1,2 +1,2 @@
-import{r as e,h as t}from"./index-DsqSxziV.js";const s=".container{display:flex;height:100%;width:100%}.container:not(.open){display:none}.panel{flex-grow:1;overflow:auto;cursor:default;}.resizer{background-color:transparent;height:100vh;cursor:ew-resize;position:relative;display:flex;align-items:center;justify-content:center;padding:0 2px;box-sizing:content-box;transition:background-color 0.3s ease;}.resizer:hover{background-color:var(--primary-color);cursor:ew-resize;}.resizer:hover::before{background-color:transparent;}.resizer::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:100%;background-color:rgb(219, 219, 219);transition:background-color 0.3s ease;}.drag-handle{content:'';font-size:24px;color:#666;user-select:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}";const o=class{constructor(t){e(this,t);this.isOpen=true;this.panelWidth=75;this.isDragging=false;this.handleDrag=e=>{console.log("Dragging");const t=this.element.getBoundingClientRect();const s=(e.clientX-t.left)/t.width*100;const o=Math.max(2,Math.min(s,98));localStorage.setItem("panelWidth",this.panelWidth.toString());if(this.panelWidth!==o){this.panelWidth=o;localStorage.setItem("panelWidth",this.panelWidth.toString())}}}async toggleOpen(){this.isOpen=!this.isOpen}componentDidLoad(){this.element.addEventListener("mousedown",(e=>{this.isDragging=true;e.preventDefault()}));document.addEventListener("mousemove",(e=>{if(!this.isDragging)return;if(this.isDragging){const t=this.element.getBoundingClientRect();const s=(e.clientX-t.left)/t.width*100;this.panelWidth=Math.max(2,Math.min(s,98))}this.handleDrag(e)}));document.addEventListener("mouseup",(()=>{if(this.isDragging){this.isDragging=false}}))}async componentWillLoad(){const e=localStorage.getItem("panelWidth");if(e){this.panelWidth=parseFloat(e)}}render(){return t("div",{key:"6de7d4288cb53149ae06ed973443b31ecd898015",ref:e=>this.element=e,class:{container:true,open:this.isOpen}},t("div",{key:"a47d6eb52c88ec9c52d895af81ad722c1d5b4df0",class:"panel",style:{width:`${this.panelWidth}%`}},t("slot",{key:"8fe4023b236098476be1c7e113f94377d1396f89",name:"first-panel"})),t("div",{key:"fb98abdfcefa4cd6e8dccd077c911033169244da",class:"resizer",onMouseDown:e=>e.preventDefault()},t("div",{key:"1db3f8ad5295c7feeecbe77a02af8f5cea712be6",class:"drag-handle"})),t("div",{key:"6b8a9feb47f10756bab8a3cf2fa2aac2069627b4",class:"panel",style:{width:`${100-this.panelWidth}%`}},t("slot",{key:"26a15ac5efaae765de72034e8359dfd2a51be80d",name:"second-panel"},this.panelContent)))}};o.style=s;export{o as udp_split_screen};
+import{r as e,h as t}from"./index-n-1ZSeAs.js";const s=".container{display:flex;height:100%;width:100%}.container:not(.open){display:none}.panel{flex-grow:1;overflow:auto;cursor:default;}.resizer{background-color:transparent;height:100vh;cursor:ew-resize;position:relative;display:flex;align-items:center;justify-content:center;padding:0 2px;box-sizing:content-box;transition:background-color 0.3s ease;}.resizer:hover{background-color:var(--primary-color);cursor:ew-resize;}.resizer:hover::before{background-color:transparent;}.resizer::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:100%;background-color:rgb(219, 219, 219);transition:background-color 0.3s ease;}.drag-handle{content:'';font-size:24px;color:#666;user-select:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}";const o=class{constructor(t){e(this,t);this.isOpen=true;this.panelWidth=75;this.isDragging=false;this.handleDrag=e=>{console.log("Dragging");const t=this.element.getBoundingClientRect();const s=(e.clientX-t.left)/t.width*100;const o=Math.max(2,Math.min(s,98));localStorage.setItem("panelWidth",this.panelWidth.toString());if(this.panelWidth!==o){this.panelWidth=o;localStorage.setItem("panelWidth",this.panelWidth.toString())}}}async toggleOpen(){this.isOpen=!this.isOpen}componentDidLoad(){this.element.addEventListener("mousedown",(e=>{this.isDragging=true;e.preventDefault()}));document.addEventListener("mousemove",(e=>{if(!this.isDragging)return;if(this.isDragging){const t=this.element.getBoundingClientRect();const s=(e.clientX-t.left)/t.width*100;this.panelWidth=Math.max(2,Math.min(s,98))}this.handleDrag(e)}));document.addEventListener("mouseup",(()=>{if(this.isDragging){this.isDragging=false}}))}async componentWillLoad(){const e=localStorage.getItem("panelWidth");if(e){this.panelWidth=parseFloat(e)}}render(){return t("div",{key:"6de7d4288cb53149ae06ed973443b31ecd898015",ref:e=>this.element=e,class:{container:true,open:this.isOpen}},t("div",{key:"a47d6eb52c88ec9c52d895af81ad722c1d5b4df0",class:"panel",style:{width:`${this.panelWidth}%`}},t("slot",{key:"8fe4023b236098476be1c7e113f94377d1396f89",name:"first-panel"})),t("div",{key:"fb98abdfcefa4cd6e8dccd077c911033169244da",class:"resizer",onMouseDown:e=>e.preventDefault()},t("div",{key:"1db3f8ad5295c7feeecbe77a02af8f5cea712be6",class:"drag-handle"})),t("div",{key:"6b8a9feb47f10756bab8a3cf2fa2aac2069627b4",class:"panel",style:{width:`${100-this.panelWidth}%`}},t("slot",{key:"26a15ac5efaae765de72034e8359dfd2a51be80d",name:"second-panel"},this.panelContent)))}};o.style=s;export{o as udp_split_screen};
 //# sourceMappingURL=udp-split-screen.entry.js.map

package/dist/stencil-library/udp-stepper-demo.entry.js

@@ -1,2 +1,2 @@
-import{r as t,h as e}from"./index-DsqSxziV.js";const i=class{constructor(i){t(this,i);this.activeStep=0;this.completed={};this.step1=e("div",null,"This is step 1 content - Try clicking next!");this.step2=e("div",null,"This is step 2 content - You can go back or forward");this.step3=e("div",null,"This is step 3 content - Final step!");this.steps=[{stepDisplay:{inProcessIcon:"1",completeIcon:"✓",title:"First Step",subTitle:"Start here"},stepTitle:"Step 1",showTitle:true,buttons:[{title:"Next",action:2,variant:"default",customAction:()=>{this.completed=Object.assign(Object.assign({},this.completed),{[0]:true});this.activeStep=1}}],content:this.step1},{stepDisplay:{inProcessIcon:"2",completeIcon:"✓",title:"Second Step",subTitle:"Middle step"},stepTitle:"Step 2",showTitle:true,buttons:[{title:"Back",action:1,variant:"outline",customAction:()=>this.activeStep=0},{title:"Next",action:3,variant:"default",customAction:()=>{this.completed=Object.assign(Object.assign({},this.completed),{[1]:true});this.activeStep=2}}],content:this.step2},{stepDisplay:{inProcessIcon:"3",completeIcon:"✓",title:"Final Step",subTitle:"Complete the process"},stepTitle:"Step 3",showTitle:true,buttons:[{title:"Back",action:2,customAction:()=>this.activeStep=1},{title:"Finish",action:3,variant:"default",customAction:()=>{this.completed=Object.assign(Object.assign({},this.completed),{[2]:true});console.log("Process completed!")}}],content:this.step3}];this.handleStepChange=t=>{this.activeStep=t}}render(){return e("div",{key:"afad6510846a9c4d5d83344d045915061c40e4da",style:{padding:"2rem"}},e("unity-typography",{key:"39114ea64804d8441c90ab2b4bac9175509128f1",variant:"h2"},"Horizontal Stepper with Labels bottom"),e("udp-stepper",{key:"4525e5ceb4a92ddc679690ba2762bfaff5b09218",steps:this.steps,activeStep:this.activeStep,completed:this.completed,stepChange:this.handleStepChange,orientation:"horizontal",labelDisplay:"all",labelPosition:"bottom"}),e("unity-typography",{key:"c28dc5a2348e1af8e544a33d6f359d32d7f326ea",variant:"h2"},"Horizontal Stepper without Labels"),e("udp-stepper",{key:"bc50999f3a4b9f150d3f932101221c9c6b992fdc",steps:this.steps,activeStep:this.activeStep,completed:this.completed,stepChange:this.handleStepChange,orientation:"horizontal",labelDisplay:"none",labelPosition:"bottom"}),e("unity-typography",{key:"a5fb283cd408dae5a92b5bbcb999849d29c4114e",variant:"h2"},"Horizontal Stepper with Labels to Right"),e("udp-stepper",{key:"cc34b5cfd9e2a29dc5f23c229e28ff6e3bb4fccd",steps:this.steps,activeStep:this.activeStep,completed:this.completed,stepChange:this.handleStepChange,orientation:"horizontal",labelDisplay:"all",labelPosition:"right"}),e("unity-typography",{key:"6d602c582f6ebc764cb46f0bc3a7b7322da22217",variant:"h2"},"Vertical Stepper"),e("udp-stepper",{key:"f530054751640c808efa3a1abdfea025402283a8",steps:this.steps,activeStep:this.activeStep,completed:this.completed,stepChange:this.handleStepChange,orientation:"vertical",labelDisplay:"all",labelPosition:"right"}))}};export{i as udp_stepper_demo};
+import{r as t,h as e}from"./index-n-1ZSeAs.js";const i=class{constructor(i){t(this,i);this.activeStep=0;this.completed={};this.step1=e("div",null,"This is step 1 content - Try clicking next!");this.step2=e("div",null,"This is step 2 content - You can go back or forward");this.step3=e("div",null,"This is step 3 content - Final step!");this.steps=[{stepDisplay:{inProcessIcon:"1",completeIcon:"✓",title:"First Step",subTitle:"Start here"},stepTitle:"Step 1",showTitle:true,buttons:[{title:"Next",action:2,variant:"default",customAction:()=>{this.completed=Object.assign(Object.assign({},this.completed),{[0]:true});this.activeStep=1}}],content:this.step1},{stepDisplay:{inProcessIcon:"2",completeIcon:"✓",title:"Second Step",subTitle:"Middle step"},stepTitle:"Step 2",showTitle:true,buttons:[{title:"Back",action:1,variant:"outline",customAction:()=>this.activeStep=0},{title:"Next",action:3,variant:"default",customAction:()=>{this.completed=Object.assign(Object.assign({},this.completed),{[1]:true});this.activeStep=2}}],content:this.step2},{stepDisplay:{inProcessIcon:"3",completeIcon:"✓",title:"Final Step",subTitle:"Complete the process"},stepTitle:"Step 3",showTitle:true,buttons:[{title:"Back",action:2,customAction:()=>this.activeStep=1},{title:"Finish",action:3,variant:"default",customAction:()=>{this.completed=Object.assign(Object.assign({},this.completed),{[2]:true});console.log("Process completed!")}}],content:this.step3}];this.handleStepChange=t=>{this.activeStep=t}}render(){return e("div",{key:"afad6510846a9c4d5d83344d045915061c40e4da",style:{padding:"2rem"}},e("unity-typography",{key:"39114ea64804d8441c90ab2b4bac9175509128f1",variant:"h2"},"Horizontal Stepper with Labels bottom"),e("udp-stepper",{key:"4525e5ceb4a92ddc679690ba2762bfaff5b09218",steps:this.steps,activeStep:this.activeStep,completed:this.completed,stepChange:this.handleStepChange,orientation:"horizontal",labelDisplay:"all",labelPosition:"bottom"}),e("unity-typography",{key:"c28dc5a2348e1af8e544a33d6f359d32d7f326ea",variant:"h2"},"Horizontal Stepper without Labels"),e("udp-stepper",{key:"bc50999f3a4b9f150d3f932101221c9c6b992fdc",steps:this.steps,activeStep:this.activeStep,completed:this.completed,stepChange:this.handleStepChange,orientation:"horizontal",labelDisplay:"none",labelPosition:"bottom"}),e("unity-typography",{key:"a5fb283cd408dae5a92b5bbcb999849d29c4114e",variant:"h2"},"Horizontal Stepper with Labels to Right"),e("udp-stepper",{key:"cc34b5cfd9e2a29dc5f23c229e28ff6e3bb4fccd",steps:this.steps,activeStep:this.activeStep,completed:this.completed,stepChange:this.handleStepChange,orientation:"horizontal",labelDisplay:"all",labelPosition:"right"}),e("unity-typography",{key:"6d602c582f6ebc764cb46f0bc3a7b7322da22217",variant:"h2"},"Vertical Stepper"),e("udp-stepper",{key:"f530054751640c808efa3a1abdfea025402283a8",steps:this.steps,activeStep:this.activeStep,completed:this.completed,stepChange:this.handleStepChange,orientation:"vertical",labelDisplay:"all",labelPosition:"right"}))}};export{i as udp_stepper_demo};
 //# sourceMappingURL=udp-stepper-demo.entry.js.map