@zealicsolutions/web-ui 1.0.140-beta.44 → 1.0.140-beta.45

package/dist/cjs/components/Buttons/TextButton.d.ts

@@ -10,7 +10,7 @@ export type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'onClick' | 'ch
     textColor: string;
 }>;
 export declare const BaseTextButton: React.FC<TextButtonProps & React.AnchorHTMLAttributes<HTMLAnchorElement>>;
-export declare const TextButton: import("@emotion/styled").StyledComponent<Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
+export declare const TextButton: import("@emotion/styled").StyledComponent<Pick<BaseButtonProps, "children" | "size" | "disabled" | "onClick" | "colorTheme"> & Partial<{
     buttonLink: string;
     elementId: string;
     $styles: StylesType;

package/dist/cjs/components/Input/helpers.d.ts

@@ -10,7 +10,7 @@ export type MaskConfig = {
 };
 export declare const getSpecificInputProps: (type: string) => {
     type?: HTMLInputTypeAttribute | undefined;
-    inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
 };
 export declare const getMaskInputProps: (type?: string, config?: MaskConfig) => Pick<MaskedInputProps, 'pipe' | 'mask' | 'placeholder' | 'keepCharPositions'>;
 export declare const getInputIconColor: ({ isEditMode, isFocused, isError, disabled, }: Pick<Partial<{

package/dist/cjs/index.js

@@ -1027,7 +1027,9 @@
   overflow: hidden;
 `,ppt=({children:e,additionalInfo:t})=>{try{return ot(rt,{children:e})}catch(r){return console.error(`Render error in SafeRender - ${t} :`,r),ot("div",{style:{color:"red",padding:24},children:"Render Error"})}};function hpt(e,t,r,o){const n={...e};return 0===r.length?{...e,...t}:(t&&o&&r.forEach(e=>{void 0!==t[e]&&(n[e]=t[e])}),n)}function fpt(e,t,r=!1){return t&&r?an(e,t):e}const mpt=({id:t,type:r,name:o,form:n,config:a,formData:i,isMobile:s,children:l,tabsProps:c,properties:u,moleculeLibraryId:d,organismLibraryMoleculeId:p})=>{const h=Ge(),f=yC("xs"),m=s||f,{formId:y,isPreview:g=!1,validations:v,submitHandler:x,isConfigurationMode:b,onConfigurationItemClicked:w,selectedConfigurationItemId:k,currentStyleProperties:_,currentContentProperties:C,onInternalNavigation:M,organismMetadata:S,organismInfo:D,localState:O}=_C(),{stateConfig:P}=DC(),E=P,j=a?.props?.dataCaptureName||u?.dataCapture?.dataCaptureName||t,T=u?.dataCapture?.sourceDataModelFieldId,N=u?.dataCapture?.predefinedValue,R=k===t,{isStateDisabled:F,isStateVisible:z}=(({stateListenerId:e})=>{const{localStateObject:t}=_C(),{stateConfig:r}=DC(),o=t||r;let n=!0,a=!1;if(!e)return{isStateDisabled:a,isStateVisible:n};const i=o?.[e]||{},{visible:s=!0,disabled:l=!1}=i||{};return e in o&&(n=Boolean(s),a=Boolean(l)),{isStateDisabled:a,isStateVisible:n,stateValue:i}})({stateListenerId:t}),I=e.useMemo(()=>({entityType:r,entity:"molecule",entityName:o,entityId:t,organismLibraryMoleculeId:p,libraryEntityId:d}),[r,o,t,p,d]),A=e.useCallback(e=>{e?.stopPropagation(),w(I,!1)},[w,I]),L=e.useCallback(e=>{e?.stopPropagation(),w(I,!0)},[w,I]),B=b?{onClick:A,onDoubleClick:L,"data-configuration-id":t,css:gtt({theme:h,selected:R})}:{},V=b||F;if(!z)return null;return(()=>{switch(r){case"simple_text":{const e={text:u?.text},r=["text"],{text:o}=hpt(e,C,r,R),n=fpt(a?.props,_,R);return ot(Odt,{...n,text:o?.text||"",htmlElementId:t,configurationsItemInfo:B})}case"text":{const e={text:u?.text},r=Object.keys(e),{text:o}=hpt(e,C,r,R),n=fpt(a?.props,_,R);return ot(Ddt,{...o,...n,htmlElementId:t,configurationItemInfo:B})}case"consent":{const e=hpt(u,C,[],R),r=fpt(a?.props,_,R)||{};return ot(Ptt,{...r,htmlElementId:t,properties:e,configurationItemInfo:B})}case"signup_password_fields":{const e={text:u?.text,subText:u?.subText,placeholderText:u?.placeholderText,subPlaceholderText:u?.subPlaceholderText,validationText:u?.validationText},r=Object.keys(e),o=hpt(e,C,r,R),{state:n,gap:i,...s}=fpt(a?.props,_,R);return ot(Kdt,{gap:i,inputProps:s,validations:v||[],htmlElementId:t,validationState:n,overridesProperties:o,configurationItemInfo:B})}case"stepper":{const e=fpt(a?.props,_,R),r=l?.map(e=>{const t=k===e.id,{properties:r,config:o,...n}=e||{},a={title:r?.title,subText:r?.subText},i=Object.keys(a),{title:s,subText:l}=hpt(a,C,i,t);return{...n,...fpt(o?.props,_,t),title:s?.text||"",subText:l?.text||""}});return ot(npt,{...e,items:r||[],isMobile:m,moleculeId:t,configurationItemInfo:B})}case"checklist":{const e=fpt(a?.props,_,R)||{},r=l?.map(e=>{const t=k===e.id,{properties:r,config:o,...n}=e||{};switch(e.type){case"checklist_item":{const a={label:r?.label,objectState:r?.objectState},i=Object.keys(a),s=hpt(a,C,i,t),l=fpt(o?.props,_,t)||{},c=s.label?.text||"",u=!!s.objectState?.pmiObjectId;return{...n,...l,type:"checklist_item",label:c,textColor:l.textColor||"#000",fontSize:l.fontSize||"14px",fontFamily:l.fontFamily||"inherit",fontWeight:l.fontWeight||"normal",textAlign:l.textAlign||"left",isSystemDriven:u,disabled:u,interacted:E?.[e.id]?.interacted||"unchecked"}}case"divider_item":{const e=fpt(o?.props,_,t)||{};return{...n,...e,type:"divider_item"}}case"text_item":{const e={text:r?.text},a=Object.keys(e),i=hpt(e,C,a,t),s=fpt(o?.props,_,t)||{},l=i.text?.text||"";return{...n,...s,type:"text_item",text:l}}case"rich_text_item":{const e={text:r?.text},a=Object.keys(e),i=hpt(e,C,a,t),s=fpt(o?.props,_,t)||{},l=i.text?.text||k4e;return{...n,...s,type:"rich_text_item",text:l}}default:return{...n,type:e.type}}});return ot(Dtt,{...e,items:r||[],moleculeId:t,configurationItemInfo:B})}case"accordion":{const e=fpt(a?.props,_,R),r=l?.map(e=>{const t=k===e.id,{properties:r,config:o,...n}=e||{},a={text:r?.text,subText:r?.subText,bodyText:r?.bodyText},i=Object.keys(a),{text:s,subText:l,bodyText:c}=hpt(a,C,i,t);return{...n,...fpt(o?.props,_,t),text:s?.text||"",subText:l?.text||"",bodyText:c?.text||""}});return ot(xtt,{...e,items:r||[],moleculeId:t,configurationItemInfo:B})}case"menu":{const e={text:u?.text,disabled:u?.disabled},r=Object.keys(e),{text:o,disabled:n}=hpt(e,C,r,R),i=fpt(a?.props,_,R),s=l?.map(e=>{const t=k===e.id,{properties:r,config:o,...n}=e||{},a={disabled:r&&"disabled"in r?r.disabled:void 0,text:r&&"text"in r?r.text:void 0,link:r&&"link"in r?r.link:void 0},i=Object.keys(a),{text:s,disabled:l,link:c}=hpt(a,C,i,t),u=fpt(o?.props,_,t);return{...n,...u,disabled:E?.[e.id]?E?.[e.id]?.disabled:l?.value||u?.disabled||!1,text:s?.text||"Menu Item",link:c}});return ot($dt,{...i,items:s||[],moleculeId:t,buttonText:o?.text||"Open Menu",configurationItemInfo:B,buttonDisabled:E?.[t]?E?.[t]?.disabled:n?.value||i?.disabled||!1})}case"tabs":{const e=fpt(a?.props,_,R),r=l?.map(e=>{const t=k===e.id,{properties:r,config:o}=e||{},n={label:r?.label,link:r?.link},a=Object.keys(n),{label:i,link:s}=hpt(n,C,a,t);return{...fpt(o?.props,_,t),id:e.id,tabKey:x7e(s)?h7e(l7e,s?.internalLink):void 0,label:i?.text||"",link:s}}),o=c?.tabs.map(e=>{const{text:t,...r}=e;return{...r,label:t||""}}),n=Boolean(e?.isTabsSystemDerived),i=n?o:r,s=c?.activeTabKey||i?.[0]?.tabKey||"";return ot(spt,{...e,items:i||[],isMobile:m,moleculeId:t,activeTabKey:s,configurationItemInfo:B,onTabChange:b?void 0:({newTabKey:e,link:t})=>{n?c?.onTabChange?.(e):x7e(t)?M?.({link:t?.internalLink||""}):g7e(t?.externalLink)}})}case"divider":{const e=fpt(a?.props,_,R);return ot(Cdt,{moleculeId:t,configurationItemInfo:B,...e})}case"link":{const e={text:u?.text,link:u?.link},r=Object.keys(e),{text:o,link:n}=hpt(e,C,r,R),i=n,s=fpt(a?.props,_,R);return ot(Bdt,{moleculeId:t,...s,link:i,type:i?.type,src:V?void 0:k7e(i,g)||"",text:o?.text||"",disabled:s?.disabled||F,configurationItemInfo:B})}case"data_driven_link":{const e={text:u?.text},r=Object.keys(e),{text:o}=hpt(e,C,r,R),n=fpt(a?.props,_,R);return ot(Bdt,{moleculeId:t,...n,text:o?.text||"",sourceDataModelField:T,disabled:n?.disabled||F,configurationItemInfo:B})}case"video":{const e={video:u?.video,coverImage:u?.coverImage},r=Object.keys(e),{video:o,coverImage:n}=hpt(e,C,r,R),i=fpt(a?.props,_,R);return ot(upt,{...i,moleculeId:t,poster:n?.imageFile?.url,src:o?.videoSource??o?.videoFile?.url??"",configurationItemInfo:B})}case"badge":{const e=fpt(a?.props,_,R);return ot(ktt,{...e,configurationItemInfo:B})}case"alert":{const e={text:u?.text,subText:u?.subText},t=Object.keys(e),{text:r,subText:o}=hpt(e,C,t,R),n=fpt(a?.props,_,R);return ot(btt,{text:r?.text||"",subText:o?.text||"",...n,configurationItemInfo:B})}case"chip":{const e={text:u?.text},t=Object.keys(e),{text:r}=hpt(e,C,t,R),o=fpt(a?.props,_,R);return ot(Ott,{text:r?.text||"",...o,configurationItemInfo:B})}case"email_display_field":case"email_input_field":{const e={text:u?.text,placeholderText:u?.placeholderText,required:u?.required,requiredErrorText:u?.requiredErrorText,validationErrorText:u?.validationErrorText},t=Object.keys(e),{text:o,placeholderText:n,required:i,requiredErrorText:s,validationErrorText:l}=hpt(e,C,t,R),c=fpt(a?.props,_,R);return ot(Ldt,{name:j,text:o?.text||"",placeholderText:n?.text||"",sourceDataModelField:T,required:i?.value,isDisplayOnly:"email_display_field"===r,requiredErrorText:s?.text,validationErrorText:l?.text,...c,configurationItemInfo:B})}case"phone_number_display_field":case"phone_number_input_field":{const e={text:u?.text,placeholderText:u?.placeholderText,required:u?.required,requiredErrorText:u?.requiredErrorText,validationErrorText:u?.validationErrorText},t=Object.keys(e),{text:o,placeholderText:n,required:i,requiredErrorText:s,validationErrorText:l}=hpt(e,C,t,R),c=fpt(a?.props,_,R);return ot(Jdt,{name:j,text:o?.text||"",required:i?.value,requiredErrorText:s?.text,validationErrorText:l?.text,placeholderText:n?.text||"",sourceDataModelField:T,isDisplayOnly:"phone_number_display_field"===r,...c,configurationItemInfo:B})}case"numeric_display_field":case"numeric_input_field":{const e={text:u?.text,placeholderText:u?.placeholderText,required:u?.required,requiredErrorText:u?.requiredErrorText,validationErrorText:u?.validationErrorText},t=Object.keys(e),{text:o,placeholderText:n,required:i,requiredErrorText:s,validationErrorText:l}=hpt(e,C,t,R),c=fpt(a?.props,_,R);return ot(qdt,{name:j,text:o?.text||"",required:i?.value,isDisplayOnly:"numeric_display_field"===r,requiredErrorText:s?.text,validationErrorText:l?.text,placeholderText:n?.text||"",sourceDataModelField:T,...c,configurationItemInfo:B})}case"currency_display_field":case"currency_input_field":{const e={text:u?.text,placeholderText:u?.placeholderText,required:u?.required,requiredErrorText:u?.requiredErrorText,validationErrorText:u?.validationErrorText},t=Object.keys(e),{text:o,placeholderText:n,required:i,requiredErrorText:s,validationErrorText:l}=hpt(e,C,t,R),c=fpt(a?.props,_,R);return ot(Ttt,{name:j,text:o?.text||"",required:i?.value,isDisplayOnly:"currency_display_field"===r,requiredErrorText:s?.text,validationErrorText:l?.text,placeholderText:n?.text||"",sourceDataModelField:T,...c,configurationItemInfo:B})}case"basic_text_display_field":case"basic_text_field":{const e={text:u?.text,placeholderText:u?.placeholderText,required:u?.required,requiredErrorText:u?.requiredErrorText,validationErrorText:u?.validationErrorText},t=Object.keys(e),{text:o,placeholderText:n,required:i,requiredErrorText:s,validationErrorText:l}=hpt(e,C,t,R),c=fpt(a?.props,_,R);return ot(Ctt,{name:j,text:o?.text||"",required:i?.value,isDisplayOnly:"basic_text_display_field"===r,requiredErrorText:s?.text,validationErrorText:l?.text,placeholderText:n?.text||"",sourceDataModelField:T,...c,configurationItemInfo:B})}case"rating_display_field":case"rating":{const e={text:u?.text,dataCapture:u?.dataCapture,required:u?.required,requiredErrorText:u?.requiredErrorText,validationErrorText:u?.validationErrorText},t=Object.keys(e),{text:o,required:n,requiredErrorText:i,validationErrorText:s}=hpt(e,C,t,R),l=fpt(a?.props,_,R);return ot(ept,{name:j,text:o?.text||"",required:n?.value,requiredErrorText:i?.text,validationErrorText:s?.text,sourceDataModelField:T,isDisplayOnly:"rating_display_field"===r,...l,configurationItemInfo:B})}case"switch_display_field":case"switch":{const e={text:u?.text,required:u?.required,requiredErrorText:u?.requiredErrorText,validationErrorText:u?.validationErrorText},o=Object.keys(e),{text:n,required:i,requiredErrorText:s,validationErrorText:l}=hpt(e,C,o,R),c=fpt(a?.props,_,R);return ot(ipt,{name:j,moleculeId:t,text:n?.text||"",required:i?.value,isDisplayOnly:"switch_display_field"===r,requiredErrorText:s?.text,validationErrorText:l?.text,sourceDataModelField:T,...c,configurationItemInfo:B})}case"slider_display_field":case"slider":{const e={text:u?.text,required:u?.required,placeholderText:u?.placeholderText,requiredErrorText:u?.requiredErrorText,validationErrorText:u?.validationErrorText},t=Object.keys(e),{text:o,required:n,requiredErrorText:i,validationErrorText:s,placeholderText:l}=hpt(e,C,t,R),c=fpt(a?.props,_,R);return ot(rpt,{name:j,text:o?.text||"",required:n?.value,isDisplayOnly:"slider_display_field"===r,requiredErrorText:i?.text,validationErrorText:s?.text,placeholderText:l?.text,sourceDataModelField:T,...c,configurationItemInfo:B})}case"date_display_field":case"date_picker":{const e={text:u?.text,required:u?.required,placeholderText:u?.placeholderText,requiredErrorText:u?.requiredErrorText,validationErrorText:u?.validationErrorText},o=Object.keys(e),{text:n,required:i,placeholderText:s,requiredErrorText:l,validationErrorText:c}=hpt(e,C,o,R),d=fpt(a?.props,_,R);return ot(Unt,{dateAdapter:Wot,children:ot(_dt,{moleculeId:t,name:j,text:n?.text||"",required:i?.value,placeholderText:s?.text||"",isDisplayOnly:"date_display_field"===r,requiredErrorText:l?.text,validationErrorText:c?.text,sourceDataModelField:T,...d,configurationItemInfo:B})})}case"time_picker_display":case"time_picker":{const e={text:u?.text,placeholderText:u?.placeholderText,requiredErrorText:u?.requiredErrorText,validationErrorText:u?.validationErrorText,required:u?.required},t=Object.keys(e),{text:o,placeholderText:n,requiredErrorText:i,validationErrorText:s,required:l}=hpt(e,C,t,R),c=fpt(a?.props,_,R);return ot(Unt,{dateAdapter:Wot,children:ot(cpt,{...c,name:j,text:o?.text||"",placeholderText:n?.text||"",required:l?.value,requiredErrorText:i?.text,validationErrorText:s?.text,isDisplayOnly:"time_picker_display"===r,sourceDataModelField:T,configurationItemInfo:B})})}case"select_display_field":case"select":{const e={text:u?.text,required:u?.required,placeholderText:u?.placeholderText,requiredErrorText:u?.requiredErrorText,validationErrorText:u?.validationErrorText},t=Object.keys(e),{text:o,required:n,placeholderText:i,requiredErrorText:s,validationErrorText:l}=hpt(e,C,t,R),c=fpt(a?.props,_,R),d="select_display_field"===r;return ot(tpt,{name:j,text:o?.text||"",required:n?.value,isDisplayOnly:d,predefinedValue:N,placeholderText:i?.text||"",requiredErrorText:s?.text,validationErrorText:l?.text,sourceDataModelField:T,...c,configurationItemInfo:B})}case"image":{const e={image:u?.image,link:u?.link},r=Object.keys(e),{image:o,link:n}=hpt(e,C,r,R),i=fpt(a?.props,_,R);return ot(Mdt,{...i,src:o?.imageSource||o?.imageFile?.url||o?.imageFile?.id||"",onClick:()=>x7e(n)?M?.({link:n?.internalLink||""}):g7e(n?.externalLink),moleculeId:t,configurationItemInfo:B,properties:{image:o,link:n}})}case"button":{const e={text:u?.text,action:u?.action},r=Object.keys(e),{text:o,action:n}=hpt(e,C,r,R),i=fpt(a?.props,_,R);return ot(wGe,{moleculeId:t,text:o?.text||"",...i,disabled:i?.disabled||F,configurationItemInfo:B,properties:{text:o,action:n}})}case"avatar":{const e=fpt(a?.props,_,R);return ot(wtt,{...e,sourceDataModelField:T,configurationItemInfo:B})}case"drawer":{const e={text:u?.text,disabled:u?.disabled},r=Object.keys(e),{text:o,disabled:n}=hpt(e,C,r,R),i=fpt(a?.props,_,R),s=l?.map(e=>{const t=k===e.id,{properties:r,config:o,...n}=e||{};let a={},i=[];switch(e.type){case"menu_item":{const e=r;a={disabled:e?.disabled,text:e?.text,link:e?.link},i=Object.keys(a);break}case"text_item":{const e=r;a={text:e?.text},i=Object.keys(a);break}case"rich_text_item":{const e=r;a={text:e?.text},i=Object.keys(a);break}case"image_item":{const e=r;a={image:e?.image,alt:e?.alt,link:e?.link},i=Object.keys(a);break}default:a={},i=[]}const s=hpt(a,C,i,t),l=fpt(o?.props,_,t),c={...n,...l};switch(e.type){case"menu_item":return{...c,disabled:E?.[e.id]?E?.[e.id]?.disabled:s?.disabled?.value||l?.disabled||!1,text:s?.text?.text||"Menu Item",link:s?.link};case"text_item":return{...c,text:s?.text?.text||""};case"rich_text_item":return{...c,text:s?.text?.text||k4e};case"image_item":{const e=s?.image?.imageSource||s?.image?.imageFile?.url||"";return{...c,src:e,alt:s?.alt?.text||"Drawer image",link:s?.link}}default:return c}});return ot(zdt,{...i,items:s||[],moleculeId:t,buttonText:o?.text||i?.buttonText,buttonDisabled:E?.[t]?E?.[t]?.disabled:n?.value||i?.disabled||!1,configurationItemInfo:B})}case"speed_dial":{const e=fpt(a?.props,_,R),r=l?.map(e=>{const t=k===e.id,{properties:r,config:o,...n}=e||{},a={link:r?.link,text:r?.text},i=Object.keys(a),s=hpt(a,C,i,t),l=fpt(o?.props,_,t);return{...n,config:{props:{...o?.props,...l,tooltipText:l?.tooltipText||""}},properties:{link:s?.link||r?.link,text:s?.text||r?.text}}});return ot(opt,{...e,items:r||[],moleculeId:t,configurationItemInfo:B})}case"checkbox":case"checkbox_display":{const e={label:u?.label,required:u?.required,requiredErrorText:u?.requiredErrorText,validationErrorText:u?.validationErrorText},o=Object.keys(e),{label:n,required:i,requiredErrorText:s,validationErrorText:l}=hpt(e,C,o,R),c=fpt(a?.props,_,R);return ot(Stt,{name:j,moleculeId:t,label:n?.text||"",required:i?.value,requiredErrorText:s?.text,validationErrorText:l?.text,sourceDataModelField:T,isDisplayOnly:"checkbox_display"===r,...c,configurationItemInfo:B})}case"binary_radio_buttons":case"binary_radio_buttons_display":{const e={confirmText:u?.confirmText,rejectText:u?.rejectText,required:u?.required,requiredErrorText:u?.requiredErrorText,validationErrorText:u?.validationErrorText},o=Object.keys(e),{confirmText:n,rejectText:i,required:s,requiredErrorText:l,validationErrorText:c}=hpt(e,C,o,R),d=fpt(a?.props,_,R);return ot(Mtt,{name:j,moleculeId:t,confirmText:n?.text||"Yes",rejectText:i?.text||"No",required:s?.value,requiredErrorText:l?.text,validationErrorText:c?.text,sourceDataModelField:T,isDisplayOnly:"binary_radio_buttons_display"===r,...d,configurationItemInfo:B})}case"date_calendar":case"date_calendar_display":{const e={required:u?.required,requiredErrorText:u?.requiredErrorText,validationErrorText:u?.validationErrorText},t=Object.keys(e),{required:o,requiredErrorText:n,validationErrorText:i}=hpt(e,C,t,R),s=fpt(a?.props,_,R);return ot(ost,{...s,name:j,required:o?.value,requiredErrorText:n?.text,validationErrorText:i?.text,isDisplayOnly:"date_calendar_display"===r,sourceDataModelField:T,configurationItemInfo:B})}default:return ot(rt,{children:"There is no such type of molecule yet."})}})()},ypt=e.memo(({item:t,tabsProps:r,formData:o,setFormData:n,isMobile:a,parentId:i,nestedPathSegments:s=[]})=>{const l=Ut(),{stateConfig:c}=DC(),{organismMetadata:u,localStateObject:d}=_C(),p=d||c,h="items"in t?t.items:void 0,f=e.useMemo(()=>(h||[]).filter(e=>{const t=e.config?.props?.visible??!0,r=p?.[e.id]?.visible??!0;return t&&r}),[h,p]);if("molecule"===t.instance)return ot(ppt,{additionalInfo:`molecule: ${t.id}`,children:ot(mpt,{...t,form:l,isMobile:a,formData:o,parentId:i,tabsProps:r,setFormData:n,metadata:{...t.metadata,stateListenerId:u?.stateListenerId||t.id}})});const m=!(!h||!h.length),y="form"===t.type&&t.config.props?.activeChildrenIds||[];return m?y.length?ot(ppt,{additionalInfo:`form: ${t.id}`,children:ot(Cpt,{item:t,activeChildrenIds:y,formData:o,setFormData:n,isMobile:a})}):ot(ppt,{additionalInfo:`container: ${t.id}`,children:ot(kpt,{...t,isMobile:a,nestedPathSegments:s,config:t.config?{...t.config,props:t.config.props||{},wide:t.config.wide||{},compact:t.config.compact||{}}:{props:{},wide:{},compact:{}},children:f?.map(e=>ot(ypt,{item:e,parentId:e.id,formData:o,setFormData:n,isMobile:a,tabsProps:r,nestedPathSegments:s},e.id))})}):null}),gpt=({order:t=0,id:r,formStepStyles:o,containerProps:n={hasOwnButton:!1}})=>{const a=Ut(),[i,s]=e.useState({}),{formId:l,submitHandler:c,isFormInEditMode:u,organismMetadata:d}=_C(),{groupStepItemsByStepContainer:p}=_C();Object.keys(d?.popupPayload??{})[0];const{currentStep:h,canGoToNextStep:f,canGoToPrevStep:m,goToNextStep:y,goToPrevStep:g,reset:v,setStep:x}=Vr(),b=p(),{submitForm:w}=mGe(),{forms:k}=ct(),_=t+1,C=b.get(r)||[];return h!==_?null:ot("div",{style:o,children:nt(rt,{children:[C.map(e=>ot(ypt,{item:e,setFormData:s,formData:i},e.id)),(!n?.hasOwnButton||d?.isFormInsidePopUp)&&u&&nt("div",{style:{display:"flex",gap:"16px"},children:[ot(wGe,{text:m?"Back":"Cancel",variant:"outlined",onClick:()=>{m?g():(v(),x(1))}}),ot(wGe,{text:f?"Next":"Submit",variant:"contained",onClick:async()=>{const e=await a.trigger();if(!e)return void r6e({message:"Please fill all required fields",type:"error"});if(f)return void y();const t=a.getValues();e&&l&&(c?await c({formId:l,data:t}):k?.submit&&await w({formId:l,data:t}))}})]})]})})},vpt=e=>e&&"object"==typeof e&&"value"in e&&!Array.isArray(e)?e.value:e,xpt=e=>{const t={};for(const[r,o]of Object.entries(e))t[r]=vpt(o);return t},bpt=e.memo(({replicatorFieldId:e,nestedPathSegments:t=[],children:r,renderWrapper:o})=>{const{localStateObject:n}=_C(),a=dt(),i=n||{},s=a?.itemDataByDmfId?a.itemDataByDmfId:((e,t)=>{if(!e)return null;let r=e;for(const o of t){if(!r||"object"!=typeof r)return null;const{dmfId:e,index:t}=o;if(r=r[e],void 0===r)return null;if(void 0!==t){if(!Array.isArray(r))return null;if(r=r[t],void 0===r)return null}}return r&&"object"==typeof r?r:null})(i,t),l=e?s?.[e]:s;if(!l||"object"!=typeof l){const n=e?[...t,{dmfId:e}]:t;return ot(pt,{value:{containerId:`replicator-${e||"default"}`,nestedPathSegments:n,itemDataByDmfId:{}},children:o?o(void 0,r):r})}if(Array.isArray(l))return ot(rt,{children:l.map((n,a)=>{const i=e?[...t,{dmfId:e,index:a}]:[...t,{index:a}],s={containerId:`replicator-${e||"default"}-${a}`,nestedPathSegments:i,itemIndex:a,itemDataByDmfId:xpt(n)};return ot(pt,{value:s,children:o?o(a,r):r},`${e||"default"}-${a}`)})});const c=e?[...t,{dmfId:e}]:t,u={containerId:`replicator-${e||"default"}`,nestedPathSegments:c,itemDataByDmfId:xpt(l)};return ot(pt,{value:u,children:o?o(void 0,r):r})}),wpt={dots:!0,infinite:!1,autoplay:!1,autoplaySpeed:5e3,arrows:!0,slidesToShow:1,slidesToScroll:1,adaptiveHeight:!0,swipeToSlide:!0},kpt=e.memo(({id:t,type:r,name:o,config:n,children:a,metadata:i,isMobile:s,properties:l,nestedPathSegments:c=[],replicatorFieldId:u})=>{const d=Ge(),{props:p,wide:h,compact:f}=n||{},m=u||p?.replicatorFieldId,{isConfigurationMode:y,onConfigurationItemClicked:g,selectedConfigurationItemId:v,currentStyleProperties:x,currentContentProperties:b}=_C(),w=v===t,k=w?{backgroundImage:b?.backgroundImage??l?.backgroundImage??{imageFile:{url:""}}}:l,{containerProps:_={},containerStyle:C={}}=h||{};let M={...C};const{containerProps:S={},containerStyle:D={}}=f||{};let O={...D};x&&w&&(O={...D,...x},M={...C,...x});const P=yC("xs"),E=s??P,j=E?O:M,T=E?S:_,N={...p,...T,enableBackgroundImage:j?.enableBackgroundImage},R=e.useMemo(()=>({entityId:t,entityType:r,entityName:o,entity:"container",libraryEntityId:i?.containerLibraryId||void 0}),[r,o,t,i]),F=y?{onClick:e=>{e&&e.stopPropagation(),g(R,!1)},onDoubleClick:e=>{e?.stopPropagation(),g(R,!0)}}:{},z=`${t}.${E?"mobile":"desktop"}`,I=co`
       display: flex;
-      ${j};
+      position: relative; /* default containing block for absolute children */
+      overflow: visible;  /* allow positioned children to overflow */
+      ${j};          /* explicit containerStyle (can override position when needed) */
       ${ftt(N?.enableBackgroundImage,k?.backgroundImage?.imageFile?.url)}
       ${y?gtt({theme:d,selected:w}):void 0}
     `;if("slider"===r||"journey_driven"===r)return ot("div",{className:"slider-container",style:{width:"inherit",height:"inherit",display:"block",position:"relative"},...F,children:ot(utt,{"data-configuration-id":t,fade:"journey_driven"===r,css:co`