@sitecore-feaas/clientside 0.4.0-alpha.2 → 0.4.0-alpha.3

package/dist/browser/react.esm.js

@@ -70,5 +70,5 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       body, html { padding: 0; margin: 0; overflow: hidden }
     `;let d=s.contentWindow.document.createElement("style");d.textContent=`
       body, html { padding: 0; margin: 0; overflow: hidden }
-    `,s.contentWindow.document.head.appendChild(c),s.contentWindow.document.head.appendChild(d);let h=it({template:r,data:n});h.classList.add(...e,"-feaas--preview","-emulate--"+t.details.slug),s.contentWindow.document.body.appendChild(h)})}async function Xt(e,t,r){let n=t?t.getThumbnailURL():e.getThumbnailURL(),i=new Date(Math.max(Number(e.modifiedAt),Number(e.library.stylesheet.modifiedAt)));try{await e.sdk.uploadBlob("thumbnails",n.split(/\/thumbnails\//)[1],r,{headers:{"x-ms-blob-content-type":"image/jpg","x-ms-blob-cache-control":"public,max-age=31536000,immutable","x-ms-meta-versionId":t?t.id:null,"x-ms-meta-versionRevision":t?t.revision.toString():null,"x-ms-meta-componentId":e.id,"x-ms-meta-componentRenderedAt":i.toUTCString(),"x-ms-meta-componentModifiedAt":e.modifiedAt.toUTCString(),"x-ms-meta-componentCreatedAt":e.createdAt.toUTCString(),"x-ms-meta-modifiedAt":e.modifiedAt.toUTCString()}}),fetch(n,{cache:"no-cache"}).then(()=>{e.sdk.log("FEAAS: Thumbnail uploaded",n)})}catch(o){e.sdk.log("FEAAS: Thumbnail failed to upload",n,o)}return n}var st;typeof window!="undefined"&&(window.FEAASReactElement=re,(st=window.FEAASLoading)!==null&&st!==void 0||(window.FEAASLoading=Promise.resolve()));function er(e){let t=[];if(e){let r=e.ownerDocument.defaultView,n,i;for(;r!==window.top;){n=r.parent;for(let o=0;o<n.frames.length;o++)if(n.frames[o]===r){for(let s of n.document.getElementsByTagName("iframe"))if(s.contentWindow===r){i=s.getBoundingClientRect();let a=s.contentWindow.getComputedStyle(s);t.push({left:i.left+parseInt(a.borderLeftWidth),top:i.top+parseInt(a.borderTopWidth)})}r=n;break}}}return t.reduce((r,n)=>({left:r.left+n.left,top:r.top+n.top}),{left:0,top:0})}function tr(e){var t;return{context:HTMLElement,frontend:e==null?void 0:e.getContextAttribute("frontend"),src:(t=e==null?void 0:e.getAttribute("src"))!==null&&t!==void 0?t:"/editor.js",library:e==null?void 0:e.getAttribute("library"),component:e==null?void 0:e.getAttribute("component"),version:e==null?void 0:e.getAttribute("version"),instance:e==null?void 0:e.getAttribute("instance"),forked:e==null?void 0:e.getAttribute("forked"),revision:(e==null?void 0:e.getAttribute("revision"))||"saved",hidden:(e==null?void 0:e.getAttribute("hidden"))!=null,for:e==null?void 0:e.getAttribute("for"),state:(e==null?void 0:e.getAttribute("state"))||"idle",changed:(e==null?void 0:e.getAttribute("changed"))!=null}}var Ae=class extends A{constructor(){super(...arguments),this.framePoint={top:0,left:0},this.wrapperRect={top:0,left:0,width:0,height:0},this.bodyRect={top:0,left:0,width:0,height:0},this.defaultProps={hidden:!1},this.setTarget=(t,r={component:t.getAttribute("component"),version:t.getAttribute("version"),revision:t.getAttribute("revision"),instance:t.getAttribute("instance")})=>{if(!this.closing&&(!this.target||t==null))return this.set(r),this.target=t,!0},this.onChromeMeasureElement=(t,r=t.getBoundingClientRect())=>t.ownerDocument==document?{left:r.left-this.bodyRect.left,top:r.top-this.bodyRect.top,width:r.width,height:r.height}:{left:r.left+this.framePoint.left-this.bodyRect.left,top:r.top+this.framePoint.top-this.bodyRect.top,width:r.width,height:r.height},this.onBeforeMeasure=t=>{t.memoized.focusable&&(this.framePoint=er(t.memoized.focusable)),this.chrome&&(this.wrapperRect=this.chrome.positionable.getBoundingClientRect(),this.bodyRect=this.chrome.positionable.ownerDocument.body.parentElement.getBoundingClientRect())},this.onMeasure=()=>{},this.onPosition=({focusable:t,root:r})=>{!this.chrome||this.props.hidden||(t?(this.chrome.wrapper.style.width=t.width+16*2+"px",this.chrome.wrapper.style.height=t.height+16*1+64+"px",this.chrome.wrapper.style.left=t.left-16+"px",this.chrome.wrapper.style.top=t.top-64+"px",this.chrome.wrapper.style.opacity="1",this.chrome.absolute=this.querySelector(".ui.overlays"),this.chrome.absolute&&(this.chrome.absolute.style.left=r.left+"px",this.chrome.absolute.style.top=r.top+"px")):(this.chrome.wrapper.style.opacity="0",this.chrome.wrapper.style.left="-1000px",this.chrome.wrapper.style.top="-1000px"))},this.onWindowMessage=t=>{var r;switch((r=t.data)===null||r===void 0?void 0:r.type){case"feaasEdit":let n=this.getPlaceholder();this.setTarget(n.editable,t.data)&&(this.loader=n.loader,document.body.appendChild(n.clipper),this.editedUID=t.data.id,this.setPlaceholder(),this.open());break;case"feaasMeasurements":this.measurements=t.data.measurements,this.props.hidden||this.setPlaceholder();break}},this.onContentChange=()=>{this.setAttribute("changed","changed"),requestAnimationFrame(()=>{this.setIframeComponentContent()})},this.onClose=()=>{var t;this.setAttribute("hidden","hidden"),this.placeholder&&(this.placeholder.positionable.style.opacity="0",this.placeholder.positionable.style.pointerEvents="none"),this.chrome&&(this.chrome.wrapper.style.opacity="0"),!((t=this.target)===null||t===void 0)&&t.parentNode&&(this.target.outerHTML=this.target.outerHTML),this.setTarget(null,{component:null,version:null,instance:null,revision:null}),this.setEditorContext({isFocused:!1})},this.onVersionStateChange=(t,r)=>{this.versionContext=t,this.setVersionContext=r},this.onEditorStateChange=(t,r)=>{this.editorContext=t,this.setEditorContext=r,t.editor&&this.props.state=="loading"&&!this.props.hidden&&(this.setAttribute("state","ready"),this.ownerDocument.fonts.ready.then(()=>setTimeout(()=>{this.setReadyState(),this.setIframeComponentContent()},100)))}}getProps(){return tr(this)}getReactRootElement(){return this.reactRootElement||(this.reactRootElement=document.createElement("div"),this.getRoot().appendChild(this.reactRootElement)),this.reactRootElement}showLoader(){this.loader||(this.loader=document.createElement("feaas-loader"),this.loader.setAttribute("opacity","0.6"),this.loader.style.zIndex="1000",this.target.appendChild(this.loader),this.target.tagName=="FEAAS-COMPONENT"&&(this.target.style.position="relative"))}hideLoader(){this.loader&&(this.loader.setAttribute("hidden","hidden"),this.target.tagName=="FEAAS-COMPONENT"&&(this.target.style.position="relative",this.target.style.position=""))}load(){return import( /*@vite-ignore*/ /* webpackIgnore: true */ this.formatURL(this.props.src,this.props.frontend))}connectedCallback(){super.connectedCallback(),window.addEventListener("message",this.onWindowMessage)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("message",this.onWindowMessage)}setIframe(t){this.iframe=t}setIframeComponentContent(){this.placeholder&&this.iframe&&this.placeholder.editable.innerHTML&&this.iframe.contentWindow.postMessage({type:"feaasUpdate",id:this.editedUID,content:this.placeholder.editable.innerHTML})}setPlaceholder(){if(!this.iframe)return;let t=this.iframe.clientWidth,r=this.iframe.clientHeight,n=this.iframe.getBoundingClientRect(),i=this.getPlaceholder(),o=document.body.getBoundingClientRect(),s=this.measurements[this.editedUID];s&&(Object.assign(i.clipper.style,{position:"absolute",top:n.top+this.iframe.clientTop-o.top+"px",left:n.left+this.iframe.clientLeft-o.left+"px",width:t+"px",height:r+"px",pointerEvents:"none",zIndex:1,overflow:"hidden"}),Object.assign(i.positionable.style,{position:"absolute",top:s.top+"px",left:s.left+"px",width:s.width+"px",zIndex:2,transition:"opacity 0.4s",pointerEvents:this.props.hidden?"none":"all"}),Object.assign(i.loader.style,{position:"absolute",top:s.top+"px",left:s.left+"px",width:s.width+"px",height:s.height+"px",filter:"opacity(0.6)",zIndex:3,pointerEvents:"none"}),document.dispatchEvent(new Event("feaasRefresh",{bubbles:!0})))}getPlaceholder(){return this.placeholder?this.placeholder:(this.placeholder={clipper:document.createElement("div"),positionable:document.createElement("div"),editable:Object.assign(document.createElement("div"),{className:"-feaas"}),loader:document.createElement("feaas-loader")},this.placeholder.clipper.appendChild(this.placeholder.positionable),this.placeholder.positionable.appendChild(this.placeholder.editable),this.placeholder.clipper.appendChild(this.placeholder.loader),this.placeholder)}attributeChangedCallback(t,r,n){r!==n&&(t=="hidden"&&(this.style.setProperty("display","block","important"),this.style.setProperty("transition","opacity 0.3s","important"),n?(this.style.setProperty("opacity","0","important"),this.style.pointerEvents="none"):(this.style.setProperty("opacity","1","important"),this.style.pointerEvents="all")),super.attributeChangedCallback(t,r,n))}open(){clearTimeout(this.closing),this.removeAttribute("hidden"),this.removeAttribute("changed"),this.setLoadingState()}shouldFork(t){return t.forkOriginId==null&&this.props.instance!=null}cleanup(){var t;this.placeholder&&((t=this.placeholder.clipper)===null||t===void 0||t.remove(),this.placeholder=null)}close(){console.log("Editor is not ready")}unfork(){console.log("Editor is not ready")}discard(){console.log("Editor is not ready")}save(){console.log("Editor is not ready")}setVersionContext(t){console.log("Editor is not ready")}setEditorContext(t){console.log("Editor is not ready")}setLoadingState(){this.showLoader(),this.setAttribute("state","loading")}setReadyState(){this.hideLoader(),this.setEditorContext({activeVersionId:this.component.versions[0].id}),this.setAttribute("state","ready")}render({children:t,component:r,version:n,instance:i},{Editor:o,VersionStatusList:s,VersionStatusButton:a,Version:l,VersionMenu:u,EditorUIUndo:c,EditorUIMode:d,React:{useEffect:h,useMemo:p,useState:f,useContext:m},Chakra:{HStack:y,Box:w,Button:X,MenuItem:j},Chrome:ee,ReactDOM:Se,useSDK:k,useLibrary:I,useSlots:N,useModelObserver:se,ConfirmationContext:H,VersionContext:b}){if(!this.payload)return;let{React:g}=this.payload,U=k(),Oe=I(),[C,x]=f(),{setConfirm:F}=m(H),P=i||n;C&&(this.component=C),h(()=>{if(this.props.hidden)return;let T=Oe.components.getItem(r).clone();return T.versions.search({ids:[n,i].filter(Boolean),componentIds:[r]}).then(Je=>{T.versions.setItems(Je);let D=T.findVersion(i,["staged","published"]),le=T.findVersion(n,["staged","published"]);if(D)D.deletedAt?(D.getDraft().changeAndNotify(le.toProperties()).restore(),console.error("FEAAS Editor: Restoring fork")):(console.error("FEAAS Editor: Pre-forked"),this.setAttribute("forked",D.id));else if(this.removeAttribute("forked"),this.shouldFork(le)){console.error("FEAAS Editor: Forking");let ze=le.fork(i).id;this.setAttribute("instance",ze)}else console.error("FEAAS Editor: Regular");x(T)}),()=>{this.closing=setTimeout(()=>{this.closing=null,this.cleanup(),x(null)},400)}},[n,this.props.hidden]);let gt=se(C==null?void 0:C.versions,[]).filter(T=>T.id==P),ae=gt[0];ae&&!this.props.hidden&&(this.version=ae),h(()=>(this.unfork=()=>{F({title:"Reverting component customizations",button:"Discard",body:"Are you sure to reset component to its original state? All changes will be lost.",action:()=>{let T=C.findVersion(n,["staged","published"]);C.findVersion(i).unstage().unpublish().changeAndNotify(T.toProperties()),C.saveVersions(!1),this.setVersionContext({needsWrite:!0}),this.removeAttribute("forked"),requestAnimationFrame(this.onClose)}})},this.discard=()=>{this.props.changed&&(C.findVersion(P).revert(),C.saveVersions(!1),this.setVersionContext({needsWrite:!0}))},this.close=()=>{F({title:"Component has unsaved changes",button:"Discard",body:"Are you sure to close editor and discard changes?",bypass:!this.props.changed,action:()=>{this.discard(),requestAnimationFrame(this.onClose)}})},this.save=()=>{F({bypass:!!this.props.forked,title:"Customizing component",button:"Save",body:"Changes to the component will only be visible on that page. Changes to component done in Component Builder will not be reflected here. It will be possible to revert the customization.",action:()=>{C.findVersion(P).commitData({view:this.editorContext.editor.getData({rootName:P}),model:""}).stage().publish(),this.removeAttribute("changed"),this.setAttribute("forked",P),C.saveVersions(!1)}})},()=>{delete this.unfork,delete this.discard,delete this.save,delete this.editorContext,delete this.versionContext,delete this.setEditorContext,delete this.setVersionContext}),[C]);let Er=p(()=>this.target,[C]);return p(()=>C&&N(t,({picker:T,children:Je})=>g.createElement(w,{ref:D=>{this.chrome=D?{positionable:D,wrapper:D.querySelector(".editor-chrome"),absolute:this.querySelector(".ui.overlays")}:null}},g.createElement(w,{className:"editor-wrapper",position:"absolute",left:0,top:0},g.createElement(o,{datasources:U.datasources,sdk:U,library:Oe,component:C,versions:gt,context:{isAutosaveEnabled:!1,onChromeMeasure:this.onMeasure,onChromeBeforeMeasure:this.onBeforeMeasure,onChromeMeasureElement:this.onChromeMeasureElement,onChromePosition:this.onPosition,onContentChange:this.onContentChange}},{exports:this.onEditorStateChange,after:Je,chrome:({editor:D})=>D&&g.createElement(ee,null),children:({isArchivedDisplayed:D,editor:le,status:ze})=>g.createElement(w,{position:"absolute",left:0,top:0,className:"editor-chrome",p:4,boxShadow:"2xl",pointerEvents:"none",opacity:0,transition:"opacity 0.3s"},g.createElement(w,{left:0,width:"4",top:0,bottom:0,backdropFilter:"blur(2px)",background:"rgb(244 244 244 / 80%)",position:"absolute"}),g.createElement(w,{right:0,width:"4",top:0,bottom:0,backdropFilter:"blur(2px)",background:"rgb(244 244 244 / 80%)",position:"absolute"}),g.createElement(w,{top:0,height:"16",left:0,right:0,backdropFilter:"blur(2px)",background:"rgb(244 244 244 / 80%)",position:"absolute"}),g.createElement(w,{bottom:0,height:"4",left:0,right:0,backdropFilter:"blur(2px)",background:"rgb(244 244 244 / 80%)",position:"absolute"}),ae&&g.createElement(l,{version:ae,node:Er,ignoreBreakpoints:!0,deps:[this.props.forked,this.props.changed]},{exports:this.onVersionStateChange,left:g.createElement(y,{justifyContent:"space-between"},g.createElement(c,{size:"sm",editor:ze=="ready"?le:null}),g.createElement(d,{size:"sm"})),middle:(wn,Cn)=>[!1],right:g.createElement(g.Fragment,null,g.createElement(X,{variant:"secondary",size:"sm",onClick:this.close},"Close"),g.createElement(X,{variant:"primary",size:"sm",onClick:this.save,isDisabled:!this.props.changed},this.props.changed?this.props.forked?"Save":"Save customization":"Up to date"),g.createElement(u,{isDisabled:!this.props.forked&&!this.props.changed},g.createElement(j,{onClick:this.unfork,isDisabled:!this.props.forked},"Unfork"),g.createElement(j,{onClick:this.discard,isDisabled:!this.props.changed},"Discard")))}))})))),[ae,this.props.forked,this.props.changed])}isReadyToLoad(){return this.props.component!=null&&this.props.version!=null&&!this.props.hidden}};Ae.observedAttributes=["library","component","version","revision","hidden","state","changed","forked"];Ae.register("feaas-editor");function rr(e){var t,r;return{part:(e==null?void 0:e.getAttribute("part"))||"picker",slot:(e==null?void 0:e.getAttribute("part"))||"picker",mode:e==null?void 0:e.getAttribute("mode"),dialog:e==null?void 0:e.getAttribute("dialog"),placeholder:(e==null?void 0:e.getAttribute("placeholder"))||"No theme",frontend:(t=e==null?void 0:e.getContextAttribute("frontend"))!==null&&t!==void 0?t:"https://components.sitecorecloud.io",src:(r=e==null?void 0:e.getAttribute("src"))!==null&&r!==void 0?r:"/picker.js",hidden:(e==null?void 0:e.getAttribute("hidden"))!=null,variant:e==null?void 0:e.getAttribute("variant"),context:void 0,onClose:void 0,setAttribute:void 0,getAttribute:void 0}}var Ee=class extends A{constructor(){super(...arguments),this.defaultProps={hidden:!1}}getProps(){return rr(this)}load(){return this.import( /*@vite-ignore*/ /* webpackIgnore: true */ this.formatURL(this.props.src,this.props.frontend))}connectedCallback(){this.setAttribute("feaas-role","ui"),super.connectedCallback()}render({placeholder:t,context:r,mode:n,dialog:i,children:o,variant:s},{Picker:a,React:l,useContext:u,EnvironmentContext:c,useLibrary:d,useSDK:h,BYOC:p}){var f,m,y;let[w,X]=l.useReducer(x=>x+1,0),j=h(),ee=u(c),Se=d("collections"),k=d("components"),I=h("datasources"),N=d(),se=((m=(f=N.stylesheets)===null||f===void 0?void 0:f.first)===null||m===void 0?void 0:m.rules)||((y=N==null?void 0:N.stylesheet)===null||y===void 0?void 0:y.styles),H=k.find(x=>x.id==(r==null?void 0:r.getAttribute("component"))),b=h("externalComponents");var g=r==null?void 0:r.getAttribute("data");if(g)try{g=JSON.parse(g)}catch(x){}if(r)var U=j.ExternalComponent.getDefinition(r),Oe=U&&!U.getConfiguration(r),C=(U==null?void 0:U.type)=="feaas"?k.find(x=>x.id==r.getAttribute("component")):p==null?void 0:p.getComponent(String(r.getAttribute("data-external-id")));return l.createElement(a,{cdn:ee.cdn,rules:se,collections:Se,themeContext:r,placeholder:t,component:H,embed:C,externalComponents:b,datasources:I,data:g,versionId:r==null?void 0:r.getAttribute("version"),mode:n||(Oe?"library":C?"context":null),setAttribute:(x,F,P)=>{F=="data"&&P&&(P=JSON.stringify(P)),this.props.setAttribute(x,F,P),X()},getAttribute:(x,F)=>r==null?void 0:r.getAttribute(F),dialog:i,context:r,variant:s,onModeChange:(x,F)=>{this.set({mode:x,dialog:F})}},o)}};Ee.observedAttributes=["library","mode","frontend","src","hidden","variant","dialog"];Ee.register("feaas-picker");function nr(e){var t,r,n,i,o;return{library:e==null?void 0:e.getAttribute("library"),src:(t=e==null?void 0:e.getAttribute("src"))!==null&&t!==void 0?t:"/context.js",environment:(r=e==null?void 0:e.getAttribute("environment"))!==null&&r!==void 0?r:void 0,frontend:(n=e==null?void 0:e.getAttribute("frontend"))!==null&&n!==void 0?n:"https://components.sitecorecloud.io",backend:(i=e==null?void 0:e.getAttribute("backend"))!==null&&i!==void 0?i:"https://components.sitecorecloud.io/api",cdn:(o=e==null?void 0:e.getAttribute("cdn"))!==null&&o!==void 0?o:"https://feaas.blob.core.windows.net",auth:null,isolate:(e==null?void 0:e.getAttribute("isolate"))==null||(e==null?void 0:e.getAttribute("isolate"))=="true"}}var Z=class extends A{constructor(){super(...arguments),this.defaultProps={isolate:!0},this.onStatusChange=(t,r)=>{t=="ready"&&(this.whenSDKReady.resolve(r),this.dispatchEvent(new CustomEvent("feaasReady",{bubbles:!0,composed:!0,detail:r})))},this.whenSDKReady=R(t=>{this.sdk=t})}getProps(){return nr(this)}load(){return this.import( /*@vite-ignore*/ /* webpackIgnore: true */ this.formatURL(this.props.src,this.props.frontend))}isReadyToLoad(){return super.isReadyToLoad()&&this.props.library!=null}getTheme(t){return t}getRoot(){return this.getAttribute("isolate")==="false"?this:this.shadowRoot||this.attachShadow({mode:"open"})}getReactRootElement(){return this.reactRootElement||(this.reactRootElement=document.createElement("div"),this.getRoot().appendChild(this.reactRootElement)),this.reactRootElement}connectedCallback(){this.setAttribute("feaas-role","ui"),Array.from(this.children).forEach(t=>{this.getRoot().appendChild(t)}),document.addEventListener("feaasMount",this),document.addEventListener("feaasUnmount",this),super.connectedCallback()}disconnectedCallback(){document.removeEventListener("feaasMount",this),document.removeEventListener("feaasUnmount",this),super.disconnectedCallback()}getPortalRoot(){return this.getRoot()}render({children:t,library:r},{AppContext:n,Chakra:{Button:i,Tooltip:o},React:s}){let a={containerRef:{current:this.getPortalRoot()}};return o.defaultProps={hasArrow:!0,placement:"top",portalProps:a},s.createElement(n,{environment:this.props.environment,backend:this.props.backend,libraryId:this.props.library,container:this.getRoot(),auth:this.props.auth,getTheme:this.getTheme,onStatusChange:this.onStatusChange,modalProps:{portalProps:a},chakraProps:{resetScope:':where([feaas-role="ui"])',cssVarsRoot:":host",resetCSS:!0,toastOptions:{portalProps:a}}},t)}};Z.observedAttributes=["library","component","version","revision","hostname","template"];Z.register("feaas-context");Z.prototype.clientside=at;import _ from"react";var ir=(e={})=>Object.keys(e).reduce((t,r)=>Object.assign(t,{[Ie(r)]:e[r]}),{});function Ie(e){let t=/[A-Z\u00C0-\u00D6\u00D8-\u00DE]/g;return Ue(e).replace(t,function(r){return"-"+r.toLowerCase()})}function Ue(e){return e=e.replace(/[-_ ]+/g," "),e=e.charAt(0).toLowerCase()+e.slice(1),e.split(/\s+/).map((t,r)=>r===0?t:t.charAt(0).toUpperCase()+t.slice(1)).join("")}function Gr(e,t={}){let r=e.properties||{};return{type:"object",...e,properties:Object.keys(r).reduce((n,i)=>Object.assign(n,{[i]:{...r[i],default:t.hasOwnProperty(i)?t[i]:r[i].default,title:r[i].title||Ie(i).split("-").map(o=>o.charAt(0).toUpperCase()+o.slice(1).toLowerCase()).join(" ")}}),{})}}var Zr=(e,t)=>{let r={...e};return Object.keys(t).filter(n=>/(integer|number)/.test(t[n].type)).forEach(n=>{var i;!((i=r[n])===null||i===void 0)&&i["ui:widget"]||(r[n]={...r[n],"ui:widget":"updown"})}),r};function sr(e,t){switch(t){case"string":return e;case"object":try{return typeof e=="object"&&e!=null?e:JSON.parse(e)}catch{return null}case"array":try{return Array.isArray(e)?e:JSON.parse(e)}catch{return null}case"number":return parseFloat(e);case"integer":return parseInt(e);case"boolean":return e=="true"||e=="1";default:return e}}function Qr(e,t){return Object.keys(t).reduce((r,n)=>{let i=t[n],o=Ue(n),s=e?.properties[o],a=s?.type,l=sr(i,a);return l!=null&&!n.startsWith("data-attribute")&&!["class","id","contenteditable"].includes(n)?{...r,[o]:l}:r},{})}function Xr(e,t){return{...en(e),...Qr(e,t)}}function en(e){return Object.keys(e.properties).reduce((t,r)=>{var n,i;return((n=e.properties[r])===null||n===void 0?void 0:n.default)!=null?{...t,[r]:(i=e.properties[r])===null||i===void 0?void 0:i.default}:t},{})}function tn(e,t,r){let{thumbnail:n="https://feaasstatic.blob.core.windows.net/assets/thumbnails/byoc.svg",name:i,id:o=e.name,group:s=null,ui:a,isHidden:l=!1,uiSchema:u,schema:c,...d}=e,h=c||d||{},p=u||a||{},f=Gr({description:"External component",...h,type:"object"},r),m=Zr(p,f.properties||{});return{component:t,name:i,schema:f,uiSchema:m,thumbnail:n,group:s,isHidden:l,id:o,title:f?.title||d?.title||i}}var or,oe=typeof window<"u"&&window.BYOCComponents||{};function rn(e,t,r={}){if(!(t!=null&&t.name))throw new Error("Could not register external component. Please make sure you provide a name in the options"+JSON.stringify(t));let n=tn(t,e,r);oe[n.id]=n,e&&e.prototype instanceof ct&&lr.register("byoc-"+Ie(t.name),void 0,e),ar()}function nn(e,t={}){var r;let n=(r=ut(e))===null||r===void 0?void 0:r.schema;return n?Xr(n,t):t}function ut(e){if(typeof e!="string"){if(e&&"schema"in e)return e;throw new Error(`Component name should be a string, got ${typeof e}`)}let[t,r]=e.split("?");var n=oe[t];if(r){let i=oe[e];if(!i&&!n)return null;i&&(n={...n,...i,component:i.component||n?.component}),r.split(/\&/g).forEach(o=>{var s,a,l;let[u,c]=o.split("="),d=((s=n.schema.properties)===null||s===void 0?void 0:s[u])||{type:"string"};n={...n,schema:{...n.schema,properties:{...n.schema.properties,[u]:{...d,default:sr(decodeURIComponent(c),d.type)}}},uiSchema:{...n.uiSchema,[u]:{...n.uiSchema[u],"ui:widget":(l=(a=n.uiSchema[u])===null||a===void 0?void 0:a["ui:widget"])!==null&&l!==void 0?l:"hidden"}}}})}return n}function ar(){clearTimeout(or),or=setTimeout(()=>{var e;typeof window<"u"&&window.parent!==window&&((e=window.parent)===null||e===void 0||e.postMessage(JSON.stringify({action:"register-components",data:Object.values(oe)}),"*"))},30)}ar();typeof window<"u"&&window&&(window.BYOCComponents||(window.BYOCComponents=oe));var ct=typeof HTMLElement>"u"?typeof windowJSDOM<"u"?windowJSDOM.HTMLElement:class{}:HTMLElement,lr=class extends ct{connectedCallback(){try{JSON.parse(String(this.getAttribute("components"))).forEach(e=>{rn(null,e)})}catch{}}static register(e,t,r=this){t==null&&(t=typeof window<"u"?window:void 0),t&&!t.customElements.get(e)&&t.customElements.define(e,r)}};lr.register("byoc-registration");var lt=new Map,dt=null,ht=null;function pt(e){var t;let{componentName:r,...n}=e,i=(t=ut(r))===null||t===void 0?void 0:t.component;if(!lt.get(r)){let s=ht(()=>Promise.resolve(dt),{ssr:!1,loading:()=>_.createElement(He,{...n,componentName:r})});lt.set(r,s)}let o=lt.get(r);return _.createElement(o,{...e,fallback:i?_.createElement(i,{...e}):null})}function ur(e,t){return ht=e,dt=t,t}function ft(e){if(Object.keys(e).length!=0)return ht?pt(e):He(e)}function cr(){return _.createElement(_.Fragment,null,_.createElement("byoc-registration",{components:JSON.stringify(Object.values(oe)),suppressHydrationWarning:!0}),_.createElement(dt,null))}function He(e){let{componentName:t,fallback:r,...n}=e,i=ut(t),o=i?.component;if(!o&&r||!t)return _.createElement("feaas-external",{"data-external-id":t,suppressHydrationWarning:!0,hydrate:"false"},r);let s=nn(t,n);delete s.suppressHydrationWarning;var a=null;return i&&o&&o.prototype instanceof ct?_.createElement("byoc-"+Ie(i.id),{...ir(s),suppressHydrationWarning:!0}):_.createElement(_.Fragment,null,_.createElement("feaas-external",{...ir(s),"data-external-id":t,suppressHydrationWarning:!0,hydrate:"false"},o==null?null:_.createElement(o,{...s})))}var hr=(e={})=>Object.keys(e).reduce((t,r)=>Object.assign(t,{[mt(r)]:e[r]}),{});function pr(e){let t=/[A-Z\u00C0-\u00D6\u00D8-\u00DE]/g;return mt(e).replace(t,function(r){return"-"+r.toLowerCase()})}function mt(e){return e=e.replace(/[-_ ]+/g," "),e=e.charAt(0).toLowerCase()+e.slice(1),e.split(/\s+/).map((t,r)=>r===0?t:t.charAt(0).toUpperCase()+t.slice(1)).join("")}function sn(e,t={}){let r=e.properties||{};return{type:"object",...e,properties:Object.keys(r).reduce((n,i)=>Object.assign(n,{[i]:{...r[i],default:t.hasOwnProperty(i)?t[i]:r[i].default,title:r[i].title||pr(i).split("-").map(o=>o.charAt(0).toUpperCase()+o.slice(1).toLowerCase()).join(" ")}}),{})}}var an=(e,t)=>{let r={...e};return Object.keys(t).filter(n=>/(integer|number)/.test(t[n].type)).forEach(n=>{var i;!((i=r[n])===null||i===void 0)&&i["ui:widget"]||(r[n]={...r[n],"ui:widget":"updown"})}),r};function fr(e,t){switch(t){case"string":return e;case"object":try{return typeof e=="object"&&e!=null?e:JSON.parse(e)}catch{return null}case"array":try{return Array.isArray(e)?e:JSON.parse(e)}catch{return null}case"number":return parseFloat(e);case"integer":return parseInt(e);case"boolean":return e=="true"||e=="1";default:return e}}function ln(e,t){return Object.keys(t).reduce((r,n)=>{let i=t[n],o=mt(n),s=e?.properties[o],a=s?.type,l=fr(i,a);return l!=null&&!n.startsWith("data-attribute")&&!["class","id","contenteditable"].includes(n)?{...r,[o]:l}:r},{})}function un(e,t){return{...cn(e),...ln(e,t)}}function cn(e){return Object.keys(e.properties).reduce((t,r)=>{var n,i;return((n=e.properties[r])===null||n===void 0?void 0:n.default)!=null?{...t,[r]:(i=e.properties[r])===null||i===void 0?void 0:i.default}:t},{})}function dn(e,t,r){let{thumbnail:n="https://feaasstatic.blob.core.windows.net/assets/thumbnails/byoc.svg",name:i,id:o=e.name,group:s=null,ui:a,isHidden:l=!1,uiSchema:u,schema:c,...d}=e,h=c||d||{},p=u||a||{},f=sn({description:"External component",...h,type:"object"},r),m=an(p,f.properties||{});return{component:t,name:i,schema:f,uiSchema:m,thumbnail:n,group:s,isHidden:l,id:o,title:f?.title||d?.title||i}}var dr,Q=typeof window<"u"&&window.BYOCComponents||{};function vt(e,t,r={}){if(!(t!=null&&t.name))throw new Error("Could not register external component. Please make sure you provide a name in the options"+JSON.stringify(t));let n=dn(t,e,r);Q[n.id]=n,e&&e.prototype instanceof vr&&gr.register("byoc-"+pr(t.name),void 0,e),We()}function mr(e,t={}){var r;let n=(r=xe(e))===null||r===void 0?void 0:r.schema;return n?un(n,t):t}function xe(e){if(typeof e!="string"){if(e&&"schema"in e)return e;throw new Error(`Component name should be a string, got ${typeof e}`)}let[t,r]=e.split("?");var n=Q[t];if(r){let i=Q[e];if(!i&&!n)return null;i&&(n={...n,...i,component:i.component||n?.component}),r.split(/\&/g).forEach(o=>{var s,a,l;let[u,c]=o.split("="),d=((s=n.schema.properties)===null||s===void 0?void 0:s[u])||{type:"string"};n={...n,schema:{...n.schema,properties:{...n.schema.properties,[u]:{...d,default:fr(decodeURIComponent(c),d.type)}}},uiSchema:{...n.uiSchema,[u]:{...n.uiSchema[u],"ui:widget":(l=(a=n.uiSchema[u])===null||a===void 0?void 0:a["ui:widget"])!==null&&l!==void 0?l:"hidden"}}}})}return n}function We(){clearTimeout(dr),dr=setTimeout(()=>{var e;typeof window<"u"&&window.parent!==window&&((e=window.parent)===null||e===void 0||e.postMessage(JSON.stringify({action:"register-components",data:Object.values(Q)}),"*"))},30)}We();typeof window<"u"&&window&&(window.BYOCComponents||(window.BYOCComponents=Q));var vr=typeof HTMLElement>"u"?typeof windowJSDOM<"u"?windowJSDOM.HTMLElement:class{}:HTMLElement,gr=class extends vr{connectedCallback(){try{JSON.parse(String(this.getAttribute("components"))).forEach(e=>{vt(null,e)})}catch{}}static register(e,t,r=this){t==null&&(t=typeof window<"u"?window:void 0),t&&!t.customElements.get(e)&&t.customElements.define(e,r)}};gr.register("byoc-registration");import yr from"react";import pn from"react-dom";var br=mr;function fn(e){let t=hr(Array.from(e.attributes).reduce((r,{name:n,value:i})=>Object.assign(r,{[n]:i}),{}));return br(t.dataExternalId,t)}var $=class extends A{load(){return Promise.resolve({React:yr,ReactDOM:pn})}update(){var t;let{dataExternalId:r}=this.props;if(!(!(!((t=xe(r))===null||t===void 0)&&t.component)&&this.getAttribute("hydrate")=="false"))return super.update()}render(t,{React:r}){var n;let{dataExternalId:i}=t;console.log(t);let o=(n=xe(i))===null||n===void 0?void 0:n.component;return o||console.warn(`FEAASExternal: \`${i}\` is not registered`),r.createElement(r.Fragment,null,o&&r.createElement(o,{...t}))}getProps(){return fn(this)}static Preview(t){var r;let n=(t==null?void 0:t.src)||(typeof window!="undefined"?(r=window.location.search.match(/feaasSrc=([^&]+)/))===null||r===void 0?void 0:r[1]:null);return n?yr.createElement(wr,{src:n,...t}):null}static linkComponents(t){return()=>t.map(r=>null)}};$.registered=Q;$.registerComponent=vt;$.setRegistrationCallback=We;$.getComponent=xe;$.register("feaas-external");var{getComponent:mn,linkComponents:vn,registerComponent:gn}=$;var yn=e=>("src"in e&&(e=ne(e.src)),B.createElement("link",{rel:"stylesheet",href:tt(e)})),bn=async({...e})=>{let t=await E.fetch((e==null?void 0:e.data)||{}),r={...e};if(("src"in e||"component"in e)&&(e==null?void 0:e.template)==null){let n=await rt(e);r.template=n.template,r.lastModified=n.lastModified,r.hydrate=!1}return Cr({...r,data:t})};function Cr({data:e,...t}){let r=null,n;return"template"in t&&t.template&&(n=Qe(t.template,e||{}).map((i,o)=>Ar(i,(s,a)=>{if(s.localName=="feaas-external"){let u={};for(var l in a){let c=l=="data-external-id"?"componentName":Ue(l);u[c]=a[l]}return[ft,u]}},o))),"src"in t&&(t={...q(t.src),...t}),B.createElement(B.Fragment,null,"preload"in t&&r===!0&&"src"in t&&B.createElement(B.Fragment,null,B.createElement("link",{rel:"preload",as:"fetch",href:be(t.src),crossOrigin:"anonymous"}),B.createElement("link",{rel:"preload",as:"style",href:G(t.src),crossOrigin:"anonymous"})),B.createElement("feaas-component",{...t,suppressHydrationWarning:!0,template:null,data:typeof e=="string"?e:e?JSON.stringify(e):null,hydrate:"false"},n))}function Ar(e,t,r){if(e.nodeType===3)return e.textContent;let n=Array.from(e.childNodes).map((l,u)=>Ar(l,t,u)),i={};for(let l=0;l<e.attributes.length;l++){let{name:u,value:c}=e.attributes[l];u=="style"?i[u]=String(c||"").trim().split(/\s*;\s*/).reduce((d,h)=>{let[p,f]=h.split(":");return{...d,[p]:f}},{}):u=="class"?i.className=c:i[u]=c}let o=t==null?void 0:t(e,i),s=(o==null?void 0:o[0])||e.nodeName.toLowerCase(),a=Object.assign({key:r,suppressHydrationWarning:!0},(o==null?void 0:o[1])||i);return B.createElement(s,a,["img","br","input"].includes(s)?null:n)}var no=ur,io=cr,oo=ft,so=He,ao=pt,wr=Cr,lo=bn,uo=yn;export{wr as Component,Vt as ComponentProps,Z as Context,R as ControlledPromise,L as DEFAULT_CDN_URL,Ne as DOM,ke as DataPath,Re as DataScope,E as DataSettings,A as Element,$ as External,oo as ExternalComponent,io as ExternalComponentBundle,we as FEAASComponent,Vt as FEAASComponentsProps,Z as FEAASContext,nr as FEAASContextProps,Ae as FEAASEditor,tr as FEAASEditorProps,A as FEAASElement,br as FEAASExternalPropsObject,Ce as FEAASLoader,Yt as FEAASLoaderProps,Ee as FEAASPicker,rr as FEAASPickerProps,Cr as FEAASReactComponent,bn as FEAASReactServerComponent,yn as FEAASReactStylesheet,$e as FEAASStylesheet,Kt as FEAASStylesheetProps,Ar as HTMLNodeToReact,Te as InvalidResponse,v as JSONPath,Ce as Loader,Pe as MyComponent,ao as NextExternalComponent,Ee as Picker,so as ReactExternalComponent,lo as ServerComponent,uo as Stylesheet,Be as Thumbnail,Bt as WebComponent,_t as adjustNumbers,xt as autoloadScripts,me as cleanCollectionBit,Jr as clearFetchCache,Jt as createStylesheet,no as enableNextClientsideComponents,ge as fetchAndRevalidate,ie as fetchAndRevalidateComponent,Le as fetchAndRevalidateStylesheet,Me as fetchBypassingCache,ve as fetchCache,rt as fetchComponent,et as fetchData,ye as fetchToValidateCache,K as fetchWithCacheAwareness,Wt as findStylesheet,mn as getComponent,zr as getComponentSource,be as getComponentURL,Ut as getFetchCache,er as getFramePosition,kt as getHumanizedLabel,Nt as getLastPathBit,Rt as getQualifier,tt as getStylesheetSource,G as getStylesheetURL,vn as linkComponents,fe as loadScript,je as loadStylesheet,nt as loadStylesheetAllowStale,_e as normalizeCollectionScope,Et as observeDOMElement,q as parseComponentSource,St as parseLimit,Ot as parseRange,ne as parseStylesheetSource,te as queryObject,Ge as queryObjectRaw,pe as queryScopes,gn as registerComponent,it as renderComponent,Yr as renderComponentElement,zt as renderComponentPromise,V as renderDOMContent,O as renderDOMElement,Hr as renderHTMLContent,Vr as renderStylesheet,Ht as renderStylesheetPromise,J as serializeCH1RichText,z as setDOMAttribute};
+    `,s.contentWindow.document.head.appendChild(c),s.contentWindow.document.head.appendChild(d);let h=it({template:r,data:n});h.classList.add(...e,"-feaas--preview","-emulate--"+t.details.slug),s.contentWindow.document.body.appendChild(h)})}async function Xt(e,t,r){let n=t?t.getThumbnailURL():e.getThumbnailURL(),i=new Date(Math.max(Number(e.modifiedAt),Number(e.library.stylesheet.modifiedAt)));try{await e.sdk.uploadBlob("thumbnails",n.split(/\/thumbnails\//)[1],r,{headers:{"x-ms-blob-content-type":"image/jpg","x-ms-blob-cache-control":"public,max-age=31536000,immutable","x-ms-meta-versionId":t?t.id:null,"x-ms-meta-versionRevision":t?t.revision.toString():null,"x-ms-meta-componentId":e.id,"x-ms-meta-componentRenderedAt":i.toUTCString(),"x-ms-meta-componentModifiedAt":e.modifiedAt.toUTCString(),"x-ms-meta-componentCreatedAt":e.createdAt.toUTCString(),"x-ms-meta-modifiedAt":e.modifiedAt.toUTCString()}}),fetch(n,{cache:"no-cache"}).then(()=>{e.sdk.log("FEAAS: Thumbnail uploaded",n)})}catch(o){e.sdk.log("FEAAS: Thumbnail failed to upload",n,o)}return n}var st;typeof window!="undefined"&&(window.FEAASReactElement=re,(st=window.FEAASLoading)!==null&&st!==void 0||(window.FEAASLoading=Promise.resolve()));function er(e){let t=[];if(e){let r=e.ownerDocument.defaultView,n,i;for(;r!==window.top;){n=r.parent;for(let o=0;o<n.frames.length;o++)if(n.frames[o]===r){for(let s of n.document.getElementsByTagName("iframe"))if(s.contentWindow===r){i=s.getBoundingClientRect();let a=s.contentWindow.getComputedStyle(s);t.push({left:i.left+parseInt(a.borderLeftWidth),top:i.top+parseInt(a.borderTopWidth)})}r=n;break}}}return t.reduce((r,n)=>({left:r.left+n.left,top:r.top+n.top}),{left:0,top:0})}function tr(e){var t;return{context:HTMLElement,frontend:e==null?void 0:e.getContextAttribute("frontend"),src:(t=e==null?void 0:e.getAttribute("src"))!==null&&t!==void 0?t:"/editor.js",library:e==null?void 0:e.getAttribute("library"),component:e==null?void 0:e.getAttribute("component"),version:e==null?void 0:e.getAttribute("version"),instance:e==null?void 0:e.getAttribute("instance"),forked:e==null?void 0:e.getAttribute("forked"),revision:(e==null?void 0:e.getAttribute("revision"))||"saved",hidden:(e==null?void 0:e.getAttribute("hidden"))!=null,for:e==null?void 0:e.getAttribute("for"),state:(e==null?void 0:e.getAttribute("state"))||"idle",changed:(e==null?void 0:e.getAttribute("changed"))!=null}}var Ae=class extends A{constructor(){super(...arguments),this.framePoint={top:0,left:0},this.wrapperRect={top:0,left:0,width:0,height:0},this.bodyRect={top:0,left:0,width:0,height:0},this.defaultProps={hidden:!1},this.setTarget=(t,r={component:t.getAttribute("component"),version:t.getAttribute("version"),revision:t.getAttribute("revision"),instance:t.getAttribute("instance")})=>{if(!this.closing&&(!this.target||t==null))return this.set(r),this.target=t,!0},this.onChromeMeasureElement=(t,r=t.getBoundingClientRect())=>t.ownerDocument==document?{left:r.left-this.bodyRect.left,top:r.top-this.bodyRect.top,width:r.width,height:r.height}:{left:r.left+this.framePoint.left-this.bodyRect.left,top:r.top+this.framePoint.top-this.bodyRect.top,width:r.width,height:r.height},this.onBeforeMeasure=t=>{t.memoized.focusable&&(this.framePoint=er(t.memoized.focusable)),this.chrome&&(this.wrapperRect=this.chrome.positionable.getBoundingClientRect(),this.bodyRect=this.chrome.positionable.ownerDocument.body.parentElement.getBoundingClientRect())},this.onMeasure=()=>{},this.onPosition=({focusable:t,root:r})=>{!this.chrome||this.props.hidden||(t?(this.chrome.wrapper.style.width=t.width+16*2+"px",this.chrome.wrapper.style.height=t.height+16*1+64+"px",this.chrome.wrapper.style.left=t.left-16+"px",this.chrome.wrapper.style.top=t.top-64+"px",this.chrome.wrapper.style.opacity="1",this.chrome.absolute=this.querySelector(".ui.overlays"),this.chrome.absolute&&(this.chrome.absolute.style.left=r.left+"px",this.chrome.absolute.style.top=r.top+"px")):(this.chrome.wrapper.style.opacity="0",this.chrome.wrapper.style.left="-1000px",this.chrome.wrapper.style.top="-1000px"))},this.onWindowMessage=t=>{var r;switch((r=t.data)===null||r===void 0?void 0:r.type){case"feaasEdit":let n=this.getPlaceholder();this.setTarget(n.editable,t.data)&&(this.loader=n.loader,document.body.appendChild(n.clipper),this.editedUID=t.data.id,this.setPlaceholder(),this.open());break;case"feaasMeasurements":this.measurements=t.data.measurements,this.props.hidden||this.setPlaceholder();break}},this.onContentChange=()=>{this.setAttribute("changed","changed"),requestAnimationFrame(()=>{this.setIframeComponentContent()})},this.onClose=()=>{var t;this.setAttribute("hidden","hidden"),this.placeholder&&(this.placeholder.positionable.style.opacity="0",this.placeholder.positionable.style.pointerEvents="none"),this.chrome&&(this.chrome.wrapper.style.opacity="0"),!((t=this.target)===null||t===void 0)&&t.parentNode&&(this.target.outerHTML=this.target.outerHTML),this.setTarget(null,{component:null,version:null,instance:null,revision:null}),this.setEditorContext({isFocused:!1})},this.onVersionStateChange=(t,r)=>{this.versionContext=t,this.setVersionContext=r},this.onEditorStateChange=(t,r)=>{this.editorContext=t,this.setEditorContext=r,t.editor&&this.props.state=="loading"&&!this.props.hidden&&(this.setAttribute("state","ready"),this.ownerDocument.fonts.ready.then(()=>setTimeout(()=>{this.setReadyState(),this.setIframeComponentContent()},100)))}}getProps(){return tr(this)}getReactRootElement(){return this.reactRootElement||(this.reactRootElement=document.createElement("div"),this.getRoot().appendChild(this.reactRootElement)),this.reactRootElement}showLoader(){this.loader||(this.loader=document.createElement("feaas-loader"),this.loader.setAttribute("opacity","0.6"),this.loader.style.zIndex="1000",this.target.appendChild(this.loader),this.target.tagName=="FEAAS-COMPONENT"&&(this.target.style.position="relative"))}hideLoader(){this.loader&&(this.loader.setAttribute("hidden","hidden"),this.target.tagName=="FEAAS-COMPONENT"&&(this.target.style.position="relative",this.target.style.position=""))}load(){return import( /*@vite-ignore*/ /* webpackIgnore: true */ this.formatURL(this.props.src,this.props.frontend))}connectedCallback(){super.connectedCallback(),window.addEventListener("message",this.onWindowMessage)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("message",this.onWindowMessage)}setIframe(t){this.iframe=t}setIframeComponentContent(){this.placeholder&&this.iframe&&this.placeholder.editable.innerHTML&&this.iframe.contentWindow.postMessage({type:"feaasUpdate",id:this.editedUID,content:this.placeholder.editable.innerHTML})}setPlaceholder(){if(!this.iframe)return;let t=this.iframe.clientWidth,r=this.iframe.clientHeight,n=this.iframe.getBoundingClientRect(),i=this.getPlaceholder(),o=document.body.getBoundingClientRect(),s=this.measurements[this.editedUID];s&&(Object.assign(i.clipper.style,{position:"absolute",top:n.top+this.iframe.clientTop-o.top+"px",left:n.left+this.iframe.clientLeft-o.left+"px",width:t+"px",height:r+"px",pointerEvents:"none",zIndex:1,overflow:"hidden"}),Object.assign(i.positionable.style,{position:"absolute",top:s.top+"px",left:s.left+"px",width:s.width+"px",zIndex:2,transition:"opacity 0.4s",pointerEvents:this.props.hidden?"none":"all"}),Object.assign(i.loader.style,{position:"absolute",top:s.top+"px",left:s.left+"px",width:s.width+"px",height:s.height+"px",filter:"opacity(0.6)",zIndex:3,pointerEvents:"none"}),document.dispatchEvent(new Event("feaasRefresh",{bubbles:!0})))}getPlaceholder(){return this.placeholder?this.placeholder:(this.placeholder={clipper:document.createElement("div"),positionable:document.createElement("div"),editable:Object.assign(document.createElement("div"),{className:"-feaas"}),loader:document.createElement("feaas-loader")},this.placeholder.clipper.appendChild(this.placeholder.positionable),this.placeholder.positionable.appendChild(this.placeholder.editable),this.placeholder.clipper.appendChild(this.placeholder.loader),this.placeholder)}attributeChangedCallback(t,r,n){r!==n&&(t=="hidden"&&(this.style.setProperty("display","block","important"),this.style.setProperty("transition","opacity 0.3s","important"),n?(this.style.setProperty("opacity","0","important"),this.style.pointerEvents="none"):(this.style.setProperty("opacity","1","important"),this.style.pointerEvents="all")),super.attributeChangedCallback(t,r,n))}open(){clearTimeout(this.closing),this.removeAttribute("hidden"),this.removeAttribute("changed"),this.setLoadingState()}shouldFork(t){return t.forkOriginId==null&&this.props.instance!=null}cleanup(){var t;this.placeholder&&((t=this.placeholder.clipper)===null||t===void 0||t.remove(),this.placeholder=null)}close(){console.log("Editor is not ready")}unfork(){console.log("Editor is not ready")}discard(){console.log("Editor is not ready")}save(){console.log("Editor is not ready")}setVersionContext(t){console.log("Editor is not ready")}setEditorContext(t){console.log("Editor is not ready")}setLoadingState(){this.showLoader(),this.setAttribute("state","loading")}setReadyState(){this.hideLoader(),this.setEditorContext({activeVersionId:this.component.versions[0].id}),this.setAttribute("state","ready")}render({children:t,component:r,version:n,instance:i},{Editor:o,VersionStatusList:s,VersionStatusButton:a,Version:l,VersionMenu:u,EditorUIUndo:c,EditorUIMode:d,React:{useEffect:h,useMemo:p,useState:f,useContext:m},Chakra:{HStack:y,Box:w,Button:X,MenuItem:j},Chrome:ee,ReactDOM:Se,useSDK:k,useLibrary:I,useSlots:N,useModelObserver:se,ConfirmationContext:H,VersionContext:b}){if(!this.payload)return;let{React:g}=this.payload,U=k(),Oe=I(),[C,x]=f(),{setConfirm:F}=m(H),P=i||n;C&&(this.component=C),h(()=>{if(this.props.hidden)return;let T=Oe.components.getItem(r).clone();return T.versions.search({ids:[n,i].filter(Boolean),componentIds:[r]}).then(Je=>{T.versions.setItems(Je);let D=T.findVersion(i,["staged","published"]),le=T.findVersion(n,["staged","published"]);if(D)D.deletedAt?(D.getDraft().changeAndNotify(le.toProperties()).restore(),console.error("FEAAS Editor: Restoring fork")):(console.error("FEAAS Editor: Pre-forked"),this.setAttribute("forked",D.id));else if(this.removeAttribute("forked"),this.shouldFork(le)){console.error("FEAAS Editor: Forking");let ze=le.fork(i).id;this.setAttribute("instance",ze)}else console.error("FEAAS Editor: Regular");x(T)}),()=>{this.closing=setTimeout(()=>{this.closing=null,this.cleanup(),x(null)},400)}},[n,this.props.hidden]);let gt=se(C==null?void 0:C.versions,[]).filter(T=>T.id==P),ae=gt[0];ae&&!this.props.hidden&&(this.version=ae),h(()=>(this.unfork=()=>{F({title:"Reverting component customizations",button:"Discard",body:"Are you sure to reset component to its original state? All changes will be lost.",action:()=>{let T=C.findVersion(n,["staged","published"]);C.findVersion(i).unstage().unpublish().changeAndNotify(T.toProperties()),C.saveVersions(!1),this.setVersionContext({needsWrite:!0}),this.removeAttribute("forked"),requestAnimationFrame(this.onClose)}})},this.discard=()=>{this.props.changed&&(C.findVersion(P).revert(),C.saveVersions(!1),this.setVersionContext({needsWrite:!0}))},this.close=()=>{F({title:"Component has unsaved changes",button:"Discard",body:"Are you sure to close editor and discard changes?",bypass:!this.props.changed,action:()=>{this.discard(),requestAnimationFrame(this.onClose)}})},this.save=()=>{F({bypass:!!this.props.forked,title:"Customizing component",button:"Save",body:"Changes to the component will only be visible on that page. Changes to component done in Component Builder will not be reflected here. It will be possible to revert the customization.",action:()=>{C.findVersion(P).commitData({view:this.editorContext.editor.getData({rootName:P}),model:""}).stage().publish(),this.removeAttribute("changed"),this.setAttribute("forked",P),C.saveVersions(!1)}})},()=>{delete this.unfork,delete this.discard,delete this.save,delete this.editorContext,delete this.versionContext,delete this.setEditorContext,delete this.setVersionContext}),[C]);let Er=p(()=>this.target,[C]);return p(()=>C&&N(t,({picker:T,children:Je})=>g.createElement(w,{ref:D=>{this.chrome=D?{positionable:D,wrapper:D.querySelector(".editor-chrome"),absolute:this.querySelector(".ui.overlays")}:null}},g.createElement(w,{className:"editor-wrapper",position:"absolute",left:0,top:0},g.createElement(o,{datasources:U.datasources,sdk:U,library:Oe,component:C,versions:gt,context:{isAutosaveEnabled:!1,onChromeMeasure:this.onMeasure,onChromeBeforeMeasure:this.onBeforeMeasure,onChromeMeasureElement:this.onChromeMeasureElement,onChromePosition:this.onPosition,onContentChange:this.onContentChange}},{exports:this.onEditorStateChange,after:Je,chrome:({editor:D})=>D&&g.createElement(ee,null),children:({isArchivedDisplayed:D,editor:le,status:ze})=>g.createElement(w,{position:"absolute",left:0,top:0,className:"editor-chrome",p:4,boxShadow:"2xl",pointerEvents:"none",opacity:0,transition:"opacity 0.3s"},g.createElement(w,{left:0,width:"4",top:0,bottom:0,backdropFilter:"blur(2px)",background:"rgb(244 244 244 / 80%)",position:"absolute"}),g.createElement(w,{right:0,width:"4",top:0,bottom:0,backdropFilter:"blur(2px)",background:"rgb(244 244 244 / 80%)",position:"absolute"}),g.createElement(w,{top:0,height:"16",left:0,right:0,backdropFilter:"blur(2px)",background:"rgb(244 244 244 / 80%)",position:"absolute"}),g.createElement(w,{bottom:0,height:"4",left:0,right:0,backdropFilter:"blur(2px)",background:"rgb(244 244 244 / 80%)",position:"absolute"}),ae&&g.createElement(l,{version:ae,node:Er,ignoreBreakpoints:!0,deps:[this.props.forked,this.props.changed]},{exports:this.onVersionStateChange,left:g.createElement(y,{justifyContent:"space-between"},g.createElement(c,{size:"sm",editor:ze=="ready"?le:null}),g.createElement(d,{size:"sm"})),middle:(wn,Cn)=>[!1],right:g.createElement(g.Fragment,null,g.createElement(X,{variant:"secondary",size:"sm",onClick:this.close},"Close"),g.createElement(X,{variant:"primary",size:"sm",onClick:this.save,isDisabled:!this.props.changed},this.props.changed?this.props.forked?"Save":"Save customization":"Up to date"),g.createElement(u,{isDisabled:!this.props.forked&&!this.props.changed},g.createElement(j,{onClick:this.unfork,isDisabled:!this.props.forked},"Unfork"),g.createElement(j,{onClick:this.discard,isDisabled:!this.props.changed},"Discard")))}))})))),[ae,this.props.forked,this.props.changed])}isReadyToLoad(){return this.props.component!=null&&this.props.version!=null&&!this.props.hidden}};Ae.observedAttributes=["library","component","version","revision","hidden","state","changed","forked"];Ae.register("feaas-editor");function rr(e){var t,r;return{part:(e==null?void 0:e.getAttribute("part"))||"picker",slot:(e==null?void 0:e.getAttribute("part"))||"picker",mode:e==null?void 0:e.getAttribute("mode"),dialog:e==null?void 0:e.getAttribute("dialog"),placeholder:(e==null?void 0:e.getAttribute("placeholder"))||"No theme",frontend:(t=e==null?void 0:e.getContextAttribute("frontend"))!==null&&t!==void 0?t:"https://components.sitecorecloud.io",src:(r=e==null?void 0:e.getAttribute("src"))!==null&&r!==void 0?r:"/picker.js",hidden:(e==null?void 0:e.getAttribute("hidden"))!=null,variant:e==null?void 0:e.getAttribute("variant"),context:void 0,onClose:void 0,setAttribute:void 0,getAttribute:void 0}}var Ee=class extends A{constructor(){super(...arguments),this.defaultProps={hidden:!1}}getProps(){return rr(this)}load(){return this.import( /*@vite-ignore*/ /* webpackIgnore: true */ this.formatURL(this.props.src,this.props.frontend))}connectedCallback(){this.setAttribute("feaas-role","ui"),super.connectedCallback()}render({placeholder:t,context:r,mode:n,dialog:i,children:o,variant:s},{Picker:a,React:l,useContext:u,EnvironmentContext:c,useLibrary:d,useSDK:h,BYOC:p}){var f,m,y;let[w,X]=l.useReducer(x=>x+1,0),j=h(),ee=u(c),Se=d("collections"),k=d("components"),I=h("datasources"),N=d(),se=((m=(f=N.stylesheets)===null||f===void 0?void 0:f.first)===null||m===void 0?void 0:m.rules)||((y=N==null?void 0:N.stylesheet)===null||y===void 0?void 0:y.styles),H=k.find(x=>x.id==(r==null?void 0:r.getAttribute("component"))),b=h("externalComponents");var g=r==null?void 0:r.getAttribute("data");if(g)try{g=JSON.parse(g)}catch(x){}if(r)var U=j.ExternalComponent.getDefinition(r),Oe=U&&!U.getConfiguration(r),C=(U==null?void 0:U.type)=="feaas"?k.find(x=>x.id==r.getAttribute("component")):p==null?void 0:p.getComponent(String(r.getAttribute("data-external-id")));return l.createElement(a,{cdn:ee.cdn,rules:se,collections:Se,themeContext:r,placeholder:t,component:H,embed:C,externalComponents:b,datasources:I,data:g,versionId:r==null?void 0:r.getAttribute("version"),mode:n||(Oe?"library":C?"context":null),setAttribute:(x,F,P)=>{F=="data"&&P&&(P=JSON.stringify(P)),this.props.setAttribute(x,F,P),X()},getAttribute:(x,F)=>r==null?void 0:r.getAttribute(F),dialog:i,context:r,variant:s,onModeChange:(x,F)=>{this.set({mode:x,dialog:F})}},o)}};Ee.observedAttributes=["library","mode","frontend","src","hidden","variant","dialog"];Ee.register("feaas-picker");function nr(e){var t,r,n,i,o;return{library:e==null?void 0:e.getAttribute("library"),src:(t=e==null?void 0:e.getAttribute("src"))!==null&&t!==void 0?t:"/context.js",environment:(r=e==null?void 0:e.getAttribute("environment"))!==null&&r!==void 0?r:void 0,frontend:(n=e==null?void 0:e.getAttribute("frontend"))!==null&&n!==void 0?n:"https://components.sitecorecloud.io",backend:(i=e==null?void 0:e.getAttribute("backend"))!==null&&i!==void 0?i:"https://components.sitecorecloud.io/api",cdn:(o=e==null?void 0:e.getAttribute("cdn"))!==null&&o!==void 0?o:"https://feaas.blob.core.windows.net",auth:null,isolate:(e==null?void 0:e.getAttribute("isolate"))==null||(e==null?void 0:e.getAttribute("isolate"))=="true"}}var Z=class extends A{constructor(){super(...arguments),this.defaultProps={isolate:!0},this.onStatusChange=(t,r)=>{t=="ready"&&(this.whenSDKReady.resolve(r),this.dispatchEvent(new CustomEvent("feaasReady",{bubbles:!0,composed:!0,detail:r})))},this.whenSDKReady=R(t=>{this.sdk=t})}getProps(){return nr(this)}load(){return this.import( /*@vite-ignore*/ /* webpackIgnore: true */ this.formatURL(this.props.src,this.props.frontend))}isReadyToLoad(){return super.isReadyToLoad()&&this.props.library!=null}getTheme(t){return t}getRoot(){return this.getAttribute("isolate")==="false"?this:this.shadowRoot||this.attachShadow({mode:"open"})}getReactRootElement(){return this.reactRootElement||(this.reactRootElement=document.createElement("div"),this.getRoot().appendChild(this.reactRootElement)),this.reactRootElement}connectedCallback(){this.setAttribute("feaas-role","ui"),Array.from(this.children).forEach(t=>{this.getRoot().appendChild(t)}),document.addEventListener("feaasMount",this),document.addEventListener("feaasUnmount",this),super.connectedCallback()}disconnectedCallback(){document.removeEventListener("feaasMount",this),document.removeEventListener("feaasUnmount",this),super.disconnectedCallback()}getPortalRoot(){return this.getRoot()}render({children:t,library:r},{AppContext:n,Chakra:{Button:i,Tooltip:o},React:s}){let a={containerRef:{current:this.getPortalRoot()}};return o.defaultProps={hasArrow:!0,placement:"top",portalProps:a},s.createElement(n,{environment:this.props.environment,backend:this.props.backend,libraryId:this.props.library,container:this.getRoot(),auth:this.props.auth,getTheme:this.getTheme,onStatusChange:this.onStatusChange,modalProps:{portalProps:a},chakraProps:{resetScope:':where([feaas-role="ui"])',cssVarsRoot:":host",resetCSS:!0,toastOptions:{portalProps:a}}},t)}};Z.observedAttributes=["library","component","version","revision","hostname","template"];Z.register("feaas-context");Z.prototype.clientside=at;import _ from"react";var ir=(e={})=>Object.keys(e).reduce((t,r)=>Object.assign(t,{[Ie(r)]:e[r]}),{});function Ie(e){let t=/[A-Z\u00C0-\u00D6\u00D8-\u00DE]/g;return Ue(e).replace(t,function(r){return"-"+r.toLowerCase()})}function Ue(e){return e=e.replace(/[-_ ]+/g," "),e=e.charAt(0).toLowerCase()+e.slice(1),e.split(/\s+/).map((t,r)=>r===0?t:t.charAt(0).toUpperCase()+t.slice(1)).join("")}function Gr(e,t={}){let r=e.properties||{};return{type:"object",...e,properties:Object.keys(r).reduce((n,i)=>Object.assign(n,{[i]:{...r[i],default:t.hasOwnProperty(i)?t[i]:r[i].default,title:r[i].title||Ie(i).split("-").map(o=>o.charAt(0).toUpperCase()+o.slice(1).toLowerCase()).join(" ")}}),{})}}var Zr=(e,t)=>{let r={...e};return Object.keys(t).filter(n=>/(integer|number)/.test(t[n].type)).forEach(n=>{var i;!((i=r[n])===null||i===void 0)&&i["ui:widget"]||(r[n]={...r[n],"ui:widget":"updown"})}),r};function sr(e,t){switch(t){case"string":return e;case"object":try{return typeof e=="object"&&e!=null?e:JSON.parse(e)}catch{return null}case"array":try{return Array.isArray(e)?e:JSON.parse(e)}catch{return null}case"number":return parseFloat(e);case"integer":return parseInt(e);case"boolean":return e=="true"||e=="1";default:return e}}function Qr(e,t){return Object.keys(t).reduce((r,n)=>{let i=t[n],o=Ue(n),s=e?.properties[o],a=s?.type,l=sr(i,a);return l!=null&&!n.startsWith("data-attribute")&&!["class","id","contenteditable"].includes(n)?{...r,[o]:l}:r},{})}function Xr(e,t){return{...en(e),...Qr(e,t)}}function en(e){return Object.keys(e.properties).reduce((t,r)=>{var n,i;return((n=e.properties[r])===null||n===void 0?void 0:n.default)!=null?{...t,[r]:(i=e.properties[r])===null||i===void 0?void 0:i.default}:t},{})}function tn(e,t,r){let{thumbnail:n="https://feaasstatic.blob.core.windows.net/assets/thumbnails/byoc.svg",name:i,id:o=e.name,group:s=null,ui:a,isHidden:l=!1,uiSchema:u,schema:c,...d}=e,h=c||d||{},p=u||a||{},f=Gr({description:"External component",...h,type:"object"},r),m=Zr(p,f.properties||{});return{component:t,name:i,schema:f,uiSchema:m,thumbnail:n,group:s,isHidden:l,id:o,title:f?.title||d?.title||i}}var or,oe=typeof window<"u"&&window.BYOCComponents||{};function rn(e,t,r={}){if(!(t!=null&&t.name))throw new Error("Could not register external component. Please make sure you provide a name in the options"+JSON.stringify(t));let n=tn(t,e,r);oe[n.id]=n,e&&e.prototype instanceof ct&&lr.register("byoc-"+Ie(t.name),void 0,e),ar()}function nn(e,t={}){var r;let n=(r=ut(e))===null||r===void 0?void 0:r.schema;return n?Xr(n,t):t}function ut(e){if(typeof e!="string"){if(e&&"schema"in e)return e;throw new Error(`Component name should be a string, got ${typeof e}`)}let[t,r]=e.split("?");var n=oe[t];if(r){let i=oe[e];if(!i&&!n)return null;i&&(n={...n,...i,component:i.component||n?.component}),r.split(/\&/g).forEach(o=>{var s,a,l;let[u,c]=o.split("="),d=((s=n.schema.properties)===null||s===void 0?void 0:s[u])||{type:"string"};n={...n,schema:{...n.schema,properties:{...n.schema.properties,[u]:{...d,default:sr(decodeURIComponent(c),d.type)}}},uiSchema:{...n.uiSchema,[u]:{...n.uiSchema[u],"ui:widget":(l=(a=n.uiSchema[u])===null||a===void 0?void 0:a["ui:widget"])!==null&&l!==void 0?l:"hidden"}}}})}return n}function ar(){clearTimeout(or),or=setTimeout(()=>{var e;typeof window<"u"&&window.parent!==window&&((e=window.parent)===null||e===void 0||e.postMessage(JSON.stringify({action:"register-components",data:Object.values(oe)}),"*"))},30)}ar();typeof window<"u"&&window&&(window.BYOCComponents||(window.BYOCComponents=oe));var ct=typeof HTMLElement>"u"?typeof windowJSDOM<"u"?windowJSDOM.HTMLElement:class{}:HTMLElement,lr=class extends ct{connectedCallback(){try{JSON.parse(String(this.getAttribute("components"))).forEach(e=>{rn(null,e)})}catch{}}static register(e,t,r=this){t==null&&(t=typeof window<"u"?window:void 0),t&&!t.customElements.get(e)&&t.customElements.define(e,r)}};lr.register("byoc-registration");var lt=new Map,dt=null,ht=null;function pt(e){var t;let{componentName:r,...n}=e,i=(t=ut(r))===null||t===void 0?void 0:t.component;if(!lt.get(r)){let s=ht(()=>Promise.resolve(dt),{ssr:!1,loading:()=>_.createElement(He,{...n,componentName:r})});lt.set(r,s)}let o=lt.get(r);return _.createElement(o,{...e,fallback:i?_.createElement(i,{...e}):null})}function ur(e,t){return ht=e,dt=t,t}function ft(e){if(Object.keys(e).length!=0)return ht?pt(e):He(e)}function cr(){return _.createElement(_.Fragment,null,_.createElement("byoc-registration",{components:JSON.stringify(Object.values(oe)),suppressHydrationWarning:!0}),_.createElement(dt,null))}function He(e){let{componentName:t,fallback:r,...n}=e,i=ut(t),o=i?.component;if(!o&&r||!t)return _.createElement("feaas-external",{"data-external-id":t,suppressHydrationWarning:!0,hydrate:"false"},r);let s=nn(t,n);delete s.suppressHydrationWarning;var a=null;return i&&o&&o.prototype instanceof ct?_.createElement("byoc-"+Ie(i.id),{...ir(s),suppressHydrationWarning:!0}):_.createElement(_.Fragment,null,_.createElement("feaas-external",{...ir(s),"data-external-id":t,suppressHydrationWarning:!0,hydrate:"false"},o==null?null:_.createElement(o,{...s})))}var hr=(e={})=>Object.keys(e).reduce((t,r)=>Object.assign(t,{[mt(r)]:e[r]}),{});function pr(e){let t=/[A-Z\u00C0-\u00D6\u00D8-\u00DE]/g;return mt(e).replace(t,function(r){return"-"+r.toLowerCase()})}function mt(e){return e=e.replace(/[-_ ]+/g," "),e=e.charAt(0).toLowerCase()+e.slice(1),e.split(/\s+/).map((t,r)=>r===0?t:t.charAt(0).toUpperCase()+t.slice(1)).join("")}function sn(e,t={}){let r=e.properties||{};return{type:"object",...e,properties:Object.keys(r).reduce((n,i)=>Object.assign(n,{[i]:{...r[i],default:t.hasOwnProperty(i)?t[i]:r[i].default,title:r[i].title||pr(i).split("-").map(o=>o.charAt(0).toUpperCase()+o.slice(1).toLowerCase()).join(" ")}}),{})}}var an=(e,t)=>{let r={...e};return Object.keys(t).filter(n=>/(integer|number)/.test(t[n].type)).forEach(n=>{var i;!((i=r[n])===null||i===void 0)&&i["ui:widget"]||(r[n]={...r[n],"ui:widget":"updown"})}),r};function fr(e,t){switch(t){case"string":return e;case"object":try{return typeof e=="object"&&e!=null?e:JSON.parse(e)}catch{return null}case"array":try{return Array.isArray(e)?e:JSON.parse(e)}catch{return null}case"number":return parseFloat(e);case"integer":return parseInt(e);case"boolean":return e=="true"||e=="1";default:return e}}function ln(e,t){return Object.keys(t).reduce((r,n)=>{let i=t[n],o=mt(n),s=e?.properties[o],a=s?.type,l=fr(i,a);return l!=null&&!n.startsWith("data-attribute")&&!["class","id","contenteditable"].includes(n)?{...r,[o]:l}:r},{})}function un(e,t){return{...cn(e),...ln(e,t)}}function cn(e){return Object.keys(e.properties).reduce((t,r)=>{var n,i;return((n=e.properties[r])===null||n===void 0?void 0:n.default)!=null?{...t,[r]:(i=e.properties[r])===null||i===void 0?void 0:i.default}:t},{})}function dn(e,t,r){let{thumbnail:n="https://feaasstatic.blob.core.windows.net/assets/thumbnails/byoc.svg",name:i,id:o=e.name,group:s=null,ui:a,isHidden:l=!1,uiSchema:u,schema:c,...d}=e,h=c||d||{},p=u||a||{},f=sn({description:"External component",...h,type:"object"},r),m=an(p,f.properties||{});return{component:t,name:i,schema:f,uiSchema:m,thumbnail:n,group:s,isHidden:l,id:o,title:f?.title||d?.title||i}}var dr,Q=typeof window<"u"&&window.BYOCComponents||{};function vt(e,t,r={}){if(!(t!=null&&t.name))throw new Error("Could not register external component. Please make sure you provide a name in the options"+JSON.stringify(t));let n=dn(t,e,r);Q[n.id]=n,e&&e.prototype instanceof vr&&gr.register("byoc-"+pr(t.name),void 0,e),We()}function mr(e,t={}){var r;let n=(r=xe(e))===null||r===void 0?void 0:r.schema;return n?un(n,t):t}function xe(e){if(typeof e!="string"){if(e&&"schema"in e)return e;throw new Error(`Component name should be a string, got ${typeof e}`)}let[t,r]=e.split("?");var n=Q[t];if(r){let i=Q[e];if(!i&&!n)return null;i&&(n={...n,...i,component:i.component||n?.component}),r.split(/\&/g).forEach(o=>{var s,a,l;let[u,c]=o.split("="),d=((s=n.schema.properties)===null||s===void 0?void 0:s[u])||{type:"string"};n={...n,schema:{...n.schema,properties:{...n.schema.properties,[u]:{...d,default:fr(decodeURIComponent(c),d.type)}}},uiSchema:{...n.uiSchema,[u]:{...n.uiSchema[u],"ui:widget":(l=(a=n.uiSchema[u])===null||a===void 0?void 0:a["ui:widget"])!==null&&l!==void 0?l:"hidden"}}}})}return n}function We(){clearTimeout(dr),dr=setTimeout(()=>{var e;typeof window<"u"&&window.parent!==window&&((e=window.parent)===null||e===void 0||e.postMessage(JSON.stringify({action:"register-components",data:Object.values(Q)}),"*"))},30)}We();typeof window<"u"&&window&&(window.BYOCComponents||(window.BYOCComponents=Q));var vr=typeof HTMLElement>"u"?typeof windowJSDOM<"u"?windowJSDOM.HTMLElement:class{}:HTMLElement,gr=class extends vr{connectedCallback(){try{JSON.parse(String(this.getAttribute("components"))).forEach(e=>{vt(null,e)})}catch{}}static register(e,t,r=this){t==null&&(t=typeof window<"u"?window:void 0),t&&!t.customElements.get(e)&&t.customElements.define(e,r)}};gr.register("byoc-registration");import yr from"react";import pn from"react-dom";var br=mr;function fn(e){let t=hr(Array.from(e.attributes).reduce((r,{name:n,value:i})=>Object.assign(r,{[n]:i}),{}));return br(t.dataExternalId,t)}var $=class extends A{load(){return Promise.resolve({React:yr,ReactDOM:pn})}update(){var t;let{dataExternalId:r}=this.props;if(!(!(!((t=xe(r))===null||t===void 0)&&t.component)&&this.getAttribute("hydrate")=="false"))return super.update()}render(t,{React:r}){var n;let{dataExternalId:i}=t;console.log(t);let o=(n=xe(i))===null||n===void 0?void 0:n.component;return o||console.warn(`FEAASExternal: \`${i}\` is not registered`),r.createElement(r.Fragment,null,o&&r.createElement(o,{...t}))}getProps(){return fn(this)}static Preview(t){var r;let n=(t==null?void 0:t.src)||(typeof window!="undefined"?(r=window.location.search.match(/feaasSrc=([^&]+)/))===null||r===void 0?void 0:r[1]:null);return n?yr.createElement(wr,{src:n,...t}):null}static linkComponents(t){return()=>t.map(r=>null)}};$.registered=Q;$.registerComponent=vt;$.setRegistrationCallback=We;$.getComponent=xe;$.register("feaas-external");var{getComponent:mn,linkComponents:vn,registerComponent:gn}=$;var yn=e=>("src"in e&&(e=ne(e.src)),B.createElement("link",{rel:"stylesheet",href:tt(e)})),bn=async({...e})=>{let t=await E.fetch((e==null?void 0:e.data)||{}),r={...e};if(("src"in e||"component"in e)&&(e==null?void 0:e.template)==null){let n=await rt(e);r.template=n.template,r.lastModified=n.lastModified,r.hydrate=!1}return Cr({...r,data:t})};function Cr({data:e,...t}){let r=null,n;return"template"in t&&t.template&&(n=Qe(t.template,e||{}).map((i,o)=>Ar(i,(s,a)=>{if(s.localName=="feaas-external"){let u={};for(var l in a){let c=l=="data-external-id"?"componentName":Ue(l);u[c]=a[l]}return[ft,u]}},o))),"src"in t&&(t={...q(t.src),...t}),B.createElement(B.Fragment,null,"preload"in t&&r===!0&&"src"in t&&B.createElement(B.Fragment,null,B.createElement("link",{rel:"preload",as:"fetch",href:be(t.src),crossOrigin:"anonymous"}),B.createElement("link",{rel:"preload",as:"style",href:G(t.src),crossOrigin:"anonymous"})),B.createElement("feaas-component",{class:"-feaas",...t,suppressHydrationWarning:!0,template:null,data:typeof e=="string"?e:e?JSON.stringify(e):null,hydrate:"false"},n))}function Ar(e,t,r){if(e.nodeType===3)return e.textContent;let n=Array.from(e.childNodes).map((l,u)=>Ar(l,t,u)),i={};for(let l=0;l<e.attributes.length;l++){let{name:u,value:c}=e.attributes[l];u=="style"?i[u]=String(c||"").trim().split(/\s*;\s*/).reduce((d,h)=>{let[p,f]=h.split(":");return{...d,[p]:f}},{}):u=="class"?i.className=c:i[u]=c}let o=t==null?void 0:t(e,i),s=(o==null?void 0:o[0])||e.nodeName.toLowerCase(),a=Object.assign({key:r,suppressHydrationWarning:!0},(o==null?void 0:o[1])||i);return B.createElement(s,a,["img","br","input"].includes(s)?null:n)}var no=ur,io=cr,oo=ft,so=He,ao=pt,wr=Cr,lo=bn,uo=yn;export{wr as Component,Vt as ComponentProps,Z as Context,R as ControlledPromise,L as DEFAULT_CDN_URL,Ne as DOM,ke as DataPath,Re as DataScope,E as DataSettings,A as Element,$ as External,oo as ExternalComponent,io as ExternalComponentBundle,we as FEAASComponent,Vt as FEAASComponentsProps,Z as FEAASContext,nr as FEAASContextProps,Ae as FEAASEditor,tr as FEAASEditorProps,A as FEAASElement,br as FEAASExternalPropsObject,Ce as FEAASLoader,Yt as FEAASLoaderProps,Ee as FEAASPicker,rr as FEAASPickerProps,Cr as FEAASReactComponent,bn as FEAASReactServerComponent,yn as FEAASReactStylesheet,$e as FEAASStylesheet,Kt as FEAASStylesheetProps,Ar as HTMLNodeToReact,Te as InvalidResponse,v as JSONPath,Ce as Loader,Pe as MyComponent,ao as NextExternalComponent,Ee as Picker,so as ReactExternalComponent,lo as ServerComponent,uo as Stylesheet,Be as Thumbnail,Bt as WebComponent,_t as adjustNumbers,xt as autoloadScripts,me as cleanCollectionBit,Jr as clearFetchCache,Jt as createStylesheet,no as enableNextClientsideComponents,ge as fetchAndRevalidate,ie as fetchAndRevalidateComponent,Le as fetchAndRevalidateStylesheet,Me as fetchBypassingCache,ve as fetchCache,rt as fetchComponent,et as fetchData,ye as fetchToValidateCache,K as fetchWithCacheAwareness,Wt as findStylesheet,mn as getComponent,zr as getComponentSource,be as getComponentURL,Ut as getFetchCache,er as getFramePosition,kt as getHumanizedLabel,Nt as getLastPathBit,Rt as getQualifier,tt as getStylesheetSource,G as getStylesheetURL,vn as linkComponents,fe as loadScript,je as loadStylesheet,nt as loadStylesheetAllowStale,_e as normalizeCollectionScope,Et as observeDOMElement,q as parseComponentSource,St as parseLimit,Ot as parseRange,ne as parseStylesheetSource,te as queryObject,Ge as queryObjectRaw,pe as queryScopes,gn as registerComponent,it as renderComponent,Yr as renderComponentElement,zt as renderComponentPromise,V as renderDOMContent,O as renderDOMElement,Hr as renderHTMLContent,Vr as renderStylesheet,Ht as renderStylesheetPromise,J as serializeCH1RichText,z as setDOMAttribute};
 //# sourceMappingURL=react.esm.js.map