@strapi/admin 4.11.5 → 4.11.7

package/build/content-manager.9f7f0cb8.chunk.js

@@ -0,0 +1,1101 @@
+(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[994],{14981:function(jo,st,i){"use strict";i.r(st),i.d(st,{App:function(){return Ha},default:function(){return Bp}});var e=i(32735),Re=i(27649),Me=i(82055),Xe=i(96709),E=i(19565),bt=i(98978),it=i.n(bt),qe=i(74758),Y=i(67879),ue=i(15062),se=i(53038),vt=i(17379),Ne=i(30305),Rt=(0,e.createContext)(),ke=i(7921),lt=i(24381),Oe=i(60216),n=i.n(Oe),Je=i(47533),Mt=(0,e.createContext)(),zo=i(75430),ae=i(69242),h=i(97724),de=i(41415),He=i(17e3),U=i(72850),L=i(87933),H=i(49372),Te=i(15335),Ee=i(5803),Fe=i(68465),be=i(84967),Nt=i(9026),_e=i(29439),Se=i(66456),en=i(99381),we=i.n(en),Uo=i(3704),jt=i.n(Uo),tn=i(33795),A=i.n(tn),Ga=i(89793),Ze=i.n(Ga),Qa=i(88423),nn=i.n(Qa),Ka=i(3040),re=i.n(Ka),Ya=i(23940),Tt=i.n(Ya),Ue=i(20108),ct=i(20716),ge=i(14708),dt=i(19406),et=i(68625);const Vo=e.createContext();function on({attributes:t,buttonData:o,children:r,goTo:a,layout:s,metadatas:c,moveItem:l,moveRow:d,onAddData:m,relationsLayout:u,removeField:p,selectedItemName:b,setEditFieldToSelect:f,...g}){return e.createElement(Vo.Provider,{value:{attributes:t,buttonData:o,goTo:a,layout:s,metadatas:c,moveItem:l,moveRow:d,onAddData:m,relationsLayout:u,removeField:p,selectedItemName:b,setEditFieldToSelect:f,...g}},r)}on.defaultProps={attributes:{},buttonData:[],goTo(){},layout:[],metadatas:{},moveItem(){},moveRow(){},onAddData(){},relationsLayout:[],removeField(){},selectedItemName:null,setEditFieldToSelect(){}},on.propTypes={attributes:n().object,buttonData:n().array,children:n().node.isRequired,goTo:n().func,layout:n().array,metadatas:n().object,moveItem:n().func,moveRow:n().func,onAddData:n().func,relationsLayout:n().array,removeField:n().func,selectedItemName:n().string,setEditFieldToSelect:n().func};function tt(){return e.useContext(Vo)}const Xa=[{action:"plugin::content-type-builder.read",subject:null}];var Ja=()=>{const{trackUsage:t}=(0,E.rS)(),{formatMessage:o}=(0,Y.Z)(),{slug:r,modifiedData:a,isContentTypeView:s}=tt(),c=s?"content-types":"components",l=`/plugins/content-type-builder/${c==="content-types"?c:"component-categories"}`,d=A()(a,"category",""),m=c==="content-types"?r:`${d}/${r}`,u=()=>{t("willEditEditLayout")};return r==="strapi::administrator"?null:e.createElement(E.jW,{permissions:Xa},e.createElement(E.Qj,{to:`${l}/${m}`,onClick:u,size:"S",startIcon:e.createElement(et.Z,null),variant:"secondary"},o({id:(0,ke.Z)(`edit-settings-view.link-to-ctb.${c}`),defaultMessage:"Edit the content type"})))},Ge=i(47081),Wt=i(74506),Dt=i(51968),W=i(8471),ve=i(50563),je=i(4038),rn=i(45112);const qo=({componentUid:t})=>{const{componentLayouts:o}=tt(),{formatMessage:r}=(0,Y.Z)(),a=A()(o,[t],{}),s=A()(a,["layouts","edit"],[]);return e.createElement(U.x,{padding:3},s.map((c,l)=>e.createElement(Te.r,{gap:4,key:l},c.map(d=>e.createElement(Ee.P,{key:d.name,col:d.size},e.createElement(U.x,{paddingTop:2},e.createElement(L.k,{alignItems:"center",background:"neutral0",paddingLeft:3,paddingRight:3,height:`${32/16}rem`,hasRadius:!0,borderColor:"neutral200"},e.createElement(H.Z,{textColor:"neutral800"},d.name))))))),e.createElement(U.x,{paddingTop:2},e.createElement(E.rU,{startIcon:e.createElement(rn.Z,null),to:`/content-manager/components/${t}/configurations/edit`},r({id:(0,ke.Z)("components.FieldItem.linkToComponentLayout"),defaultMessage:"Set the component's layout"}))))};qo.propTypes={componentUid:n().string.isRequired};var _a=qo,Ot=i(14911),an=i(99140),es=i(55805),ts=i(31206),ns=i(97075),os=i(14949),rs=i(8482),as=i(65261),ss=i(55877),is=i(84298),sn=i(73906),ls=i(37272),cs=i(67121),ds=i(39869),Ho=i(35635),us=i(26366),ms=i(98464),ps=i(2362),gs=i(89992),fs=i(10473),hs=i(95971),ys=i(72536),Es=i(68312),Go=i(80601),Qo=i(74464),bs=i(70809),vs=i(98148),Cs=i(81424),Rs=i(69317),Ms=i(25789),Ts=i(77359),Ds=i(50416),Os=i(20015),Is=i(20276),Ps=i(82068),xs=i(41645),ks=i(61294),Zs=i(65943),Ls=i(8606),As=i(7961),Fs=i(92967),Ko=i(18070),Ss=i(54894),ws=i(30285),$s=i(96011),Bs=i(47041),Ns=i(60625),Yo=i(5644),js=i(78150),Ws=i(63717),zs=i(24609),Us=i(86543),Vs=i(62864),qs=i(92989),Hs=i(49886),Gs=i(47052),Qs=i(50694),Ks=i(81875),Ys=i(92323),ln=i(49844),Xs=i(11631),Js=i(9254),Xo=i(2669),_s=i(18709),ei=i(20258),Jo=i(43231),ti=i(45147),ni=i(23154),oi=i(26253),ri=i(79634),ai=i(32548),si=i(99482),ii=i(45323),li=i(76994),ci=i(88777),di=i(95703),ui=i(8981),mi=i(7733),pi=i(10168),gi=i(25449),fi=i(83900),hi=i(32645),yi=i(78429),Ei=i(9882),_o=i(11417),bi=i(39698),vi=i(92168),Ci=i(69621),Ri=i(2438),Mi=i(92254),Ti=i(2287),Di=i(29685),er=i(65663),cn=i(44647),Oi=i(5502),Ii=i(31047),Pi=i(93307),xi=i(78055),ki=i(51239),Zi=i(6792),Li=i(75156),Ai=i(80683),Fi=i(2689),Si=i(40202),wi=i(36919),$i=i(75444),Bi=i(92003),Ni=i(4511),ji=i(2847),tr=i(83139),Wi=i(53779),zi=i(72890),Ui=i(84411),Vi=i(37193),qi=i(74831),Hi=i(99221),Gi=i(34119),dn=i(99283),Qi=i(21371),Ki=i(70727),Yi=i(42213),Xi=i(8611),Ji=i(20448),_i=i(73165);const nr={alien:es.Z,apps:ts.Z,archive:ns.Z,arrowDown:os.Z,arrowLeft:_e.Z,arrowRight:rs.Z,arrowUp:as.Z,attachment:ss.Z,bell:is.Z,bold:sn.Z,book:ls.Z,briefcase:cs.Z,brush:ds.Z,bulletList:Ho.Z,calendar:us.Z,car:ms.Z,cast:ps.Z,chartBubble:gs.Z,chartCircle:fs.Z,chartPie:hs.Z,check:Se.Z,clock:ys.Z,cloud:Es.Z,code:Go.Z,cog:rn.Z,collapse:Qo.Z,command:bs.Z,connector:vs.Z,crop:Cs.Z,crown:Rs.Z,cube:Ms.Z,cup:Ts.Z,cursor:Ds.Z,dashboard:Os.Z,database:Is.Z,discuss:Ps.Z,doctor:xs.Z,earth:ks.Z,emotionHappy:Zs.Z,emotionUnhappy:Ls.Z,envelop:As.Z,exit:Fs.Z,expand:Ko.Z,eye:Ss.Z,feather:ws.Z,file:$s.Z,fileError:Bs.Z,filePdf:Ns.Z,filter:Yo.Z,folder:js.Z,gate:Ws.Z,gift:zs.Z,globe:Us.Z,grid:Vs.Z,handHeart:qs.Z,hashtag:Hs.Z,headphone:Gs.Z,heart:Qs.Z,house:Ks.Z,information:Ys.Z,italic:ln.Z,key:Xs.Z,landscape:Js.Z,layer:Xo.Z,layout:_s.Z,lightbulb:ei.Z,link:Jo.Z,lock:ti.Z,magic:ni.Z,manyToMany:oi.Z,manyToOne:ri.Z,manyWays:ai.Z,medium:si.Z,message:ii.Z,microphone:li.Z,monitor:ci.Z,moon:di.Z,music:ui.Z,oneToMany:mi.Z,oneToOne:pi.Z,oneWay:gi.Z,paint:fi.Z,paintBrush:hi.Z,paperPlane:yi.Z,pencil:et.Z,phone:Ei.Z,picture:_o.Z,pin:bi.Z,pinMap:vi.Z,plane:Ci.Z,play:Ri.Z,plus:dt.Z,priceTag:Mi.Z,puzzle:Ti.Z,question:Di.Z,quote:er.Z,refresh:cn.Z,repeat:Oi.Z,restaurant:Ii.Z,rocket:Pi.Z,rotate:xi.Z,scissors:ki.Z,search:Zi.Z,seed:Li.Z,server:Ai.Z,shield:Fi.Z,shirt:Si.Z,shoppingCart:wi.Z,slideshow:$i.Z,stack:Bi.Z,star:Ni.Z,store:ji.Z,strikeThrough:tr.Z,sun:Wi.Z,television:zi.Z,thumbDown:Ui.Z,thumbUp:Vi.Z,train:qi.Z,twitter:Hi.Z,typhoon:Gi.Z,underline:dn.Z,user:Qi.Z,volumeMute:Ki.Z,volumeUp:Yi.Z,walk:Xi.Z,wheelchair:Ji.Z,write:_i.Z};function It({showBackground:t=!0,size:o="M",icon:r}){return e.createElement(L.k,{alignItems:"center",background:t?"neutral200":null,justifyContent:"center",size:o,showBackground:t,height:o==="S"?5:8,width:o==="S"?5:8,color:"neutral600",borderRadius:t?"50%":0},e.createElement(an.J,{as:nr[r]||nr.cube,height:o==="S"?3:5,width:o==="S"?3:5}))}It.defaultProps={showBackground:!0,size:"M",icon:"Cube"},It.propTypes={showBackground:n().bool,size:n().string,icon:n().string};const el=(0,W.ZP)(L.k)`
+  text-decoration: none;
+
+  &:focus,
+  &:hover {
+    ${({theme:t})=>`
+      background-color: ${t.colors.primary100};
+      border-color: ${t.colors.primary200};
+
+      ${H.Z} {
+          color: ${t.colors.primary600};
+      }
+    `}
+
+    /* > ComponentIcon */
+    > div:first-child {
+      background: ${({theme:t})=>t.colors.primary200};
+      color: ${({theme:t})=>t.colors.primary600};
+
+      svg {
+        path {
+          fill: ${({theme:t})=>t.colors.primary600};
+        }
+      }
+    }
+  }
+`,or=({components:t})=>{const{componentLayouts:o}=tt();return e.createElement(L.k,{gap:2,overflow:"scroll hidden",padding:3},t.map(r=>e.createElement(el,{hasRadius:!0,background:"neutral0",justifyContent:"center",alignItems:"center",height:`${84/16}rem`,minWidth:`${140/16}rem`,key:r,padding:2,direction:"column",borderColor:"neutral200",as:Ot.rU,to:`/content-manager/components/${r}/configurations/edit`},e.createElement(It,{icon:o?.[r]?.info?.icon}),e.createElement(U.x,{paddingTop:1},e.createElement(H.Z,{fontSize:1,textColor:"neutral600",fontWeight:"bold"},o?.[r]?.info?.displayName??"")))))};or.propTypes={components:n().arrayOf(n().string).isRequired};var tl=or;const rr=(0,W.ZP)(ve.h)`
+  background-color: transparent;
+  path {
+    fill: ${({theme:t})=>t.colors.neutral600};
+  }
+`,un=({attribute:t,onEditField:o,onDeleteField:r,children:a})=>{const{formatMessage:s}=(0,Y.Z)();return e.createElement(U.x,{overflow:"hidden",width:"100%"},e.createElement(L.k,{paddingLeft:3,alignItems:"center",justifyContent:"space-between"},e.createElement(H.Z,{fontWeight:"semiBold",textColor:"neutral800",ellipsis:!0},a),e.createElement(L.k,null,e.createElement(rr,{label:s({id:(0,h.OB)("containers.ListSettingsView.modal-form.edit-label"),defaultMessage:"Edit {fieldName}"},{fieldName:a}),onClick:o,icon:e.createElement(et.Z,null),noBorder:!0}),e.createElement(rr,{label:s({id:"global.delete-target",defaultMessage:"Delete {target}"},{target:a}),"data-testid":"delete-field",onClick:r,icon:e.createElement(je.Z,null),noBorder:!0}))),t?.type==="component"&&e.createElement(_a,{componentUid:t.component}),t?.type==="dynamiczone"&&e.createElement(tl,{components:t.components}))};un.defaultProps={attribute:void 0},un.propTypes={attribute:n().shape({components:n().array,component:n().string,type:n().string}),onEditField:n().func.isRequired,onDeleteField:n().func.isRequired,children:n().string.isRequired};var nl=un;const ol=(0,W.ZP)(L.k)`
+  position: relative;
+  ${({isFirst:t,isLast:o,hasHorizontalPadding:r})=>t?`
+        padding-right: 4px;
+      `:o?`
+        padding-left: 4px;
+      `:r?`
+        padding: 0 4px;
+      `:""}
+  ${({showRightCarret:t,showLeftCarret:o,theme:r})=>t?`
+        &:after {
+          content: '';
+          position: absolute;
+          right: -1px;
+          background-color: ${r.colors.primary600};
+          width: 2px;
+          height: 100%;
+          align-self: stretch;
+          z-index: 1;
+        }
+      `:o?`
+        &:before {
+          content: '';
+          position: absolute;
+          left: -1px;
+          background-color: ${r.colors.primary600};
+          width: 2px;
+          height: 100%;
+          align-self: stretch;
+          z-index: 1;
+        }
+      `:""};
+`,rl=(0,W.ZP)(Ge.Z)`
+  height: ${12/16}rem;
+  width: ${12/16}rem;
+  path {
+    fill: ${({theme:t})=>t.colors.neutral600};
+  }
+`,al=(0,W.ZP)(L.k)`
+  display: ${({dragStart:t})=>t?"none":"flex"};
+  opacity: ${({isDragging:t,isFullSize:o,isHidden:r})=>t&&!o?.2:t&&o||r?0:1};
+`,sl=(0,W.ZP)(L.k)`
+  cursor: all-scroll;
+  border-right: 1px solid ${({theme:t})=>t.colors.neutral200};
+`,mn=({attribute:t,children:o,index:r,lastIndex:a,moveItem:s,moveRow:c,name:l,onDeleteField:d,onEditField:m,rowIndex:u,size:p})=>{const[b,f]=(0,e.useState)(!1),g=l==="_TEMP_",{setIsDraggingSibling:y}=tt(),C=p===12,k=(0,e.useRef)(null),v=(0,e.useRef)(null),[{clientOffset:R,isOver:D},N]=(0,Wt.useDrop)({accept:h._Q.EDIT_FIELD,hover(x,F){if(!v.current||x.size!==12)return;const T=F.getItem().index,S=r,j=F.getItem().rowIndex,G=u;if(T===S&&j===G)return;const Q=v.current.getBoundingClientRect(),B=(Q.bottom-Q.top)/2,fe=F.getClientOffset().y-Q.top;j<G&&fe<B||j>G&&fe>B||(c(j,G),x.rowIndex=G,x.itemIndex=S)},drop(x,F){if(!v.current)return;const T=F.getItem().index,S=r,j=F.getItem().rowIndex,G=u;if(x.size===12||T===S&&j===G)return;const Q=v.current.getBoundingClientRect();if(Math.abs(F.getClientOffset().x-Q.left)>Q.width/1.8){s(T,S+1,j,G),x.itemIndex=S+1,x.rowIndex=G;return}s(T,S,j,G),x.itemIndex=S,x.rowIndex=G},collect:x=>({canDrop:x.canDrop(),clientOffset:x.getClientOffset(),isOver:x.isOver(),isOverCurrent:x.isOver({shallow:!0}),itemType:x.getItemType()})}),[{isDragging:P,getItem:O},w,M]=(0,Wt.useDrag)({type:h._Q.EDIT_FIELD,item(){return y(!0),{index:r,labelField:o,rowIndex:u,name:l,size:p}},canDrag(){return l!=="_TEMP_"},collect:x=>({isDragging:x.isDragging(),getItem:x.getItem()}),end(){y(!1)}});(0,e.useEffect)(()=>{M((0,Dt.rX)(),{captureDraggingState:!0})},[M]);const I={dragRef:w(k),dropRef:N(v)};let $=!1,q=!1;if(v.current&&R){const x=v.current.getBoundingClientRect();$=D&&O.size!==12&&Math.abs(R.x-x.left)<x.width/2,q=D&&O.size!==12&&Math.abs(R.x-x.left)>x.width/2,l==="_TEMP_"&&($=D&&O.size!==12,q=!1)}const Z=()=>t&&C?`${74/16}rem`:`${32/16}rem`,K=r===0&&!C,J=r===a&&!C,_=r!==0&&!C;return e.createElement(Ee.P,{col:p},e.createElement(ol,{ref:I.dropRef,showLeftCarret:$,showRightCarret:q,isFirst:K,isLast:J,hasHorizontalPadding:_,onDrag:()=>{C&&!b&&f(!0)},onDragEnd:()=>{C&&f(!1)}},b&&C&&e.createElement(U.x,{width:"100%",height:"2px",background:"primary600"}),e.createElement(al,{width:C&&b?0:"100%",borderColor:"neutral150",hasRadius:!0,background:"neutral100",minHeight:Z(),alignItems:"stretch",isDragging:P,dragStart:b,isFullSize:C,isHidden:g},e.createElement(sl,{as:"span",type:"button",ref:I.dragRef,onClick:x=>x.stopPropagation(),alignItems:"center",paddingLeft:3,paddingRight:3,tabIndex:-1},e.createElement(rl,null)),!g&&e.createElement(nl,{attribute:t,onEditField:m,onDeleteField:d},o))))};mn.defaultProps={attribute:void 0},mn.propTypes={attribute:n().shape({components:n().array,component:n().string,type:n().string}),children:n().string.isRequired,index:n().number.isRequired,moveItem:n().func.isRequired,moveRow:n().func.isRequired,name:n().string.isRequired,onDeleteField:n().func.isRequired,onEditField:n().func.isRequired,rowIndex:n().number.isRequired,lastIndex:n().number.isRequired,size:n().number.isRequired};var il=mn;const ar=({rowItem:t,onRemoveField:o,rowId:r,rowIndex:a,index:s,lastIndex:c})=>{const{setEditFieldToSelect:l,attributes:d,modifiedData:m,moveRow:u,moveItem:p}=tt(),b=A()(d,[t.name],{}),f=A()(m,["metadatas",t.name,"edit","label"],"");return e.createElement(il,{onEditField:()=>l(t.name),onDeleteField:()=>o(r,s),attribute:b,index:s,lastIndex:c,rowIndex:a,name:t.name,size:t.size,moveRow:u,moveItem:p},f||t.name)};ar.propTypes={index:n().number.isRequired,lastIndex:n().number.isRequired,onRemoveField:n().func.isRequired,rowId:n().number.isRequired,rowIndex:n().number.isRequired,rowItem:n().object.isRequired};var ll=ar;const sr=({row:t,onRemoveField:o,rowIndex:r})=>e.createElement(Te.r,null,t.rowContent.map((a,s)=>e.createElement(ll,{key:a.name,rowItem:a,index:s,rowId:t.rowId,onRemoveField:o,rowIndex:r,lastIndex:t.rowContent.length-1})));sr.propTypes={onRemoveField:n().func.isRequired,row:n().object.isRequired,rowIndex:n().number.isRequired};var cl=sr;const ir=({editLayout:t,fields:o,onRemoveField:r,onAddField:a})=>{const{formatMessage:s}=(0,Y.Z)();return e.createElement(L.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(L.k,{justifyContent:"space-between"},e.createElement("div",null,e.createElement(U.x,null,e.createElement(H.Z,{fontWeight:"bold"},s({id:(0,h.OB)("containers.ListPage.displayedFields"),defaultMessage:"Displayed fields"}))),e.createElement(U.x,null,e.createElement(H.Z,{variant:"pi",textColor:"neutral600"},s({id:"containers.SettingPage.editSettings.description",defaultMessage:"Drag & drop the fields to build the layout"})))),e.createElement(Ja,null)),e.createElement(U.x,{padding:4,hasRadius:!0,borderStyle:"dashed",borderWidth:"1px",borderColor:"neutral300"},e.createElement(L.k,{direction:"column",alignItems:"stretch",gap:2},t.map((c,l)=>e.createElement(cl,{key:c.rowId,row:c,rowIndex:l,onRemoveField:r})),e.createElement(ge.fC,null,e.createElement(ge.xz,{startIcon:e.createElement(dt.Z,null),endIcon:null,disabled:o.length===0,fullWidth:!0,variant:"secondary"},s({id:(0,h.OB)("containers.SettingPage.add.field"),defaultMessage:"Insert another field"})),e.createElement(ge.VY,null,o.map(c=>e.createElement(ge.ck,{key:c,onSelect:()=>a(c)},c)))))))};ir.propTypes={editLayout:n().array.isRequired,fields:n().array.isRequired,onAddField:n().func.isRequired,onRemoveField:n().func.isRequired};var dl=ir,lr=i(85025),cr=i(55225),dr=i(31600),ur=i(11406),Pt=i(32031),ul=i(73779),zt=i(88675),ml=i(22348),mr=i(7184),pn=i(43475),pl=i(82512),gn=i(83218),gl=i(872),fl=i(17757),hl=i(1176),yl=i(15431);const pr={biginteger:e.createElement(Pt.Z,null),boolean:e.createElement(ul.Z,null),date:e.createElement(zt.Z,null),datetime:e.createElement(zt.Z,null),decimal:e.createElement(Pt.Z,null),email:e.createElement(ml.Z,null),enum:e.createElement(mr.Z,null),enumeration:e.createElement(mr.Z,null),file:e.createElement(pn.Z,null),files:e.createElement(pn.Z,null),float:e.createElement(Pt.Z,null),integer:e.createElement(Pt.Z,null),media:e.createElement(pn.Z,null),number:e.createElement(Pt.Z,null),relation:e.createElement(pl.Z,null),string:e.createElement(gn.Z,null),text:e.createElement(gn.Z,null),richtext:e.createElement(gn.Z,null),time:e.createElement(zt.Z,null),timestamp:e.createElement(zt.Z,null),json:e.createElement(gl.Z,null),uid:e.createElement(fl.Z,null),component:e.createElement(hl.Z,null),dynamiczone:e.createElement(yl.Z,null)},fn=({type:t,customFieldUid:o})=>{const r=(0,E.mZ)();let a=pr[t];if(o){const c=r.get(o).icon;c&&(a=e.createElement(U.x,{marginRight:3,width:7,height:6},e.createElement(c,null)))}return pr[t]?a:null};fn.defaultProps={customFieldUid:null},fn.propTypes={type:n().string.isRequired,customFieldUid:n().string};var gr=fn,El=t=>t.reduce((o,r)=>{const a=r?.attributes??{},s=Object.keys(a).filter(c=>!["boolean","component","dynamiczone","json","media","password","relation","text","richtext"].includes(a?.[c]?.type??""));return o[r.uid]=s,o},{}),fr=t=>{let o;switch(t){case"description":case"label":case"placeholder":o="text";break;case"mainField":o="select";break;case"editable":o="bool";break;default:o=""}const r=t==="mainField"?(0,h.OB)("containers.SettingPage.editSettings.entry.title"):(0,h.OB)(`form.Input.${t}`);return{type:o,label:{id:r}}},hn=i(10369),xt=i(71842);const yn=({type:t,options:o,onChange:r,value:a,name:s,...c})=>{const{formatMessage:l}=(0,Y.Z)();switch(t){case"text":return e.createElement(hn.o,{onChange:r,value:a,name:s,...c});case"bool":return e.createElement(xt.s,{onChange:d=>{r({target:{name:s,value:d.target.checked}})},checked:a,name:s,onLabel:l({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"On"}),offLabel:l({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"Off"}),...c});case"select":return e.createElement(Fe.P,{value:a,name:s,onChange:d=>r({target:{name:s,value:d}}),...c},o.map(d=>e.createElement(be.W,{key:d,value:d},d)));default:return null}};yn.defaultProps={options:void 0},yn.propTypes={type:n().string.isRequired,options:n().arrayOf(n().string),onChange:n().func.isRequired,value:n().oneOfType([n().string,n().bool]).isRequired,name:n().string.isRequired};var bl=yn;const vl=[[4,"33%"],[6,"50%"],[8,"66%"],[12,"100%"]],hr=({onMetaChange:t,onSizeChange:o})=>{const{formatMessage:r}=(0,Y.Z)(),{modifiedData:a,selectedField:s,attributes:c,fieldForm:l}=tt(),d=(0,e.useMemo)(ct.Vo,[]),{schemas:m}=(0,ue.v9)(v=>d(v),ue.wU),u=(0,ue.v9)(ct.Jg),p=(0,e.useMemo)(()=>{if(!s)return[];const v=A()(a,["metadatas",s,"edit"],{});return Object.keys(v).filter(R=>R!=="visible")},[s,a]),b=(0,e.useMemo)(()=>El(m),[m]),f=(0,e.useCallback)(v=>{if(v!=="relation"&&v!=="component")return[];const R=v==="component"?"component":"targetModel",D=A()(a,["attributes",s,R],"");return A()(b,[D],[])},[s,b,a]),g=p.map(v=>{const R=A()(c,[s,"type"]);return["component","dynamiczone"].includes(R)&&!["label","description"].includes(v)||R==="component"&&v!=="label"||["media","json","boolean"].includes(R)&&v==="placeholder"||v==="step"?null:e.createElement(Ee.P,{col:6,key:v},e.createElement(bl,{type:fr(v).type,hint:v==="mainField"?r({id:(0,ke.Z)("containers.SettingPage.editSettings.relation-field.description")}):"",label:r({id:A()(fr(v),"label.id","app.utils.defaultMessage")}),name:v,onChange:t,value:A()(l,["metadata",v],""),options:f(R)}))}),{type:y,customField:C}=c[s],{isResizable:k}=u[C]??u[y];return e.createElement(e.Fragment,null,g,k&&e.createElement(Ee.P,{col:6,key:"size"},e.createElement(Fe.P,{value:l?.size,name:"size",onChange:v=>{o({name:s,value:v})},label:r({id:(0,ke.Z)("containers.SettingPage.editSettings.size.label"),defaultMessage:"Size"})},vl.map(([v,R])=>e.createElement(be.W,{key:v,value:v},R)))))};hr.propTypes={onMetaChange:n().func.isRequired,onSizeChange:n().func.isRequired};var Cl=hr;const Rl=(0,W.ZP)(L.k)`
+  svg {
+    width: ${32/16}rem;
+    height: ${24/16}rem;
+    margin-right: ${({theme:t})=>t.spaces[3]};
+  }
+`,En=({onToggle:t,onMetaChange:o,onSizeChange:r,onSubmit:a,type:s,customFieldUid:c})=>{const{selectedField:l}=tt(),{formatMessage:d}=(0,Y.Z)(),m=()=>s==="timestamp"?"date":["decimal","float","integer","biginter"].includes(s)?"number":s;return e.createElement(lr.P,{onClose:t,labelledBy:"title"},e.createElement("form",{onSubmit:a},e.createElement(cr.x,null,e.createElement(Rl,null,e.createElement(gr,{type:m(),customFieldUid:c}),e.createElement(H.Z,{fontWeight:"bold",textColor:"neutral800",as:"h2",id:"title"},d({id:(0,h.OB)("containers.ListSettingsView.modal-form.edit-label"),defaultMessage:"Edit {fieldName}"},{fieldName:Tt()(l)})))),e.createElement(dr.f,null,e.createElement(Te.r,{gap:4},e.createElement(Cl,{onMetaChange:o,onSizeChange:r}))),e.createElement(ur.m,{startActions:e.createElement(de.z,{onClick:t,variant:"tertiary"},d({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endActions:e.createElement(de.z,{type:"submit"},d({id:"global.finish",defaultMessage:"Finish"}))})))};En.defaultProps={customFieldUid:null},En.propTypes={customFieldUid:n().string,onSubmit:n().func.isRequired,onToggle:n().func.isRequired,onMetaChange:n().func.isRequired,onSizeChange:n().func.isRequired,type:n().string.isRequired};var Ml=En;const bn=t=>t.reduce((o,r)=>o+r.size,0),Tl=t=>t.reduce((o,r,a)=>{const s={rowId:a,rowContent:r};return o.concat(s)},[]),ut=t=>t.reduce((o,r)=>{let a=[];const s=r.rowContent.reduce((d,m)=>{const u=bn(d);return m.name==="_TEMP_"||(u+m.size<=12?d.push(m):a.push(m)),d},[]),c=o.length===0?0:Math.max.apply(Math,o.map(d=>d.rowId))+1,l=bn(s);if(l<12&&s.push({name:"_TEMP_",size:12-l}),o.push({rowId:c,rowContent:s}),a.length>0){const d=bn(a);d<12&&a.push({name:"_TEMP_",size:12-d}),o.push({rowId:c+1,rowContent:a}),a=[]}return o},[]).filter(o=>o.rowContent.length>0).filter(o=>o.rowContent.length===1?o.rowContent[0].name!=="_TEMP_":!0),Dl=t=>t.reduce((o,r)=>{const a=r.rowContent.filter(s=>s.name!=="_TEMP_");return o.concat([a])},[]),Ol=(t,o=[])=>o.reduce((r,{rowContent:a})=>{const s=a.find(c=>c.name===t)?.size??null;return s&&(r=s),r},null),Il=(t,o,r=[])=>r.map(a=>(a.rowContent=a.rowContent.map(s=>s.name===t?{...s,size:o}:s),a));var Pl=(t,o,r)=>{let a=we()(o);return re()(a,["layouts","edit"],ut(Tl(o.layouts.edit))),{...t,initialData:a,modifiedData:a,componentLayouts:r}},vn=i(97889);const yr=6,Cn={fieldForm:{},componentLayouts:{},metaToEdit:"",initialData:{},metaForm:{},modifiedData:{}};var xl=(t=Cn,o)=>(0,vn.ZP)(t,r=>{const a=["modifiedData","layouts","edit"];switch(o.type){case"MOVE_ROW":{const s=A()(t,a,[]),{fromIndex:c,toIndex:l}=o;re()(r,a,(0,h.W3)(s,c,l));break}case"ON_ADD_FIELD":{const s=we()(t),c=A()(s,["modifiedData","attributes",o.name],{}),l=o.fieldSizes[c?.customField]?.default??o.fieldSizes[c?.type]?.default??yr,d=A()(s,a,[]).length,m=[...a,d-1,"rowContent"],u=A()(s,m,[]);let p=A()(s,a,[]);Array.isArray(u)?re()(p,[d>0?d-1:0,"rowContent"],[...u,{name:o.name,size:l}]):re()(p,[d>0?d-1:0,"rowContent"],[{name:o.name,size:l}]);const b=ut(p);re()(r,a,b);break}case"ON_CHANGE":{re()(r,["modifiedData",...o.keys],o.value);break}case"ON_CHANGE_META":{re()(r,["metaForm","metadata",...o.keys],o.value);break}case"ON_CHANGE_SIZE":{re()(r,["metaForm","size"],o.value);break}case"ON_RESET":{r.modifiedData=t.initialData;break}case"REMOVE_FIELD":{const s=A()(t,[...a,o.rowIndex,"rowContent"],[]);let c=we()(t);if(s.length===1||s.length===2&&A()(s,[1,"name"],"")==="_TEMP_"){const d=A()(t,a,[]);re()(c,a,d.filter((m,u)=>o.rowIndex!==u))}else re()(c,[...a,o.rowIndex,"rowContent"],s.filter((d,m)=>m!==o.fieldIndex));const l=ut(A()(c,a,[]));re()(r,a,l);break}case"REORDER_DIFF_ROW":{const s=A()(t,[...a,o.dragRowIndex,"rowContent"],[]),c=A()(t,[...a,o.hoverRowIndex,"rowContent"],[]),l=A()(t,[...a,o.dragRowIndex,"rowContent",o.dragIndex],{}),d=[...c,l];let m=we()(t);re()(m,[...a,o.dragRowIndex,"rowContent"],s.filter((p,b)=>o.dragIndex!==b)),re()(m,[...a,o.hoverRowIndex,"rowContent"],(0,h.W3)(d,d.length-1,o.hoverIndex));const u=ut(A()(m,a,[]));re()(r,a,u);break}case"REORDER_ROW":{const s=we()(t),c=A()(s,[...a,o.dragRowIndex,"rowContent"],[]);re()(s,[...a,o.dragRowIndex,"rowContent"],(0,h.W3)(c,o.dragIndex,o.hoverIndex));const l=ut(A()(s,a,[]));re()(r,a,l);break}case"SET_FIELD_TO_EDIT":{r.metaToEdit=o.name,r.metaForm={metadata:A()(t,["modifiedData","metadatas",o.name,"edit"],{}),size:Ol(o.name,t.modifiedData?.layouts?.edit)??yr};break}case"SUBMIT_META_FORM":{re()(r,["modifiedData","metadatas",t.metaToEdit,"edit"],t.metaForm.metadata);const s=we()(A()(t,a,[])),c=Il(t.metaToEdit,t.metaForm.size,s);c.length>0&&re()(r,a,ut(c));break}case"SUBMIT_SUCCEEDED":{r.initialData=t.modifiedData;break}case"UNSET_FIELD_TO_EDIT":{r.metaToEdit="",r.metaForm={};break}default:return r}}),kl=(t,o,r)=>{const{put:a}=(0,E.tg)();return a((0,h.IF)(r?`content-types/${o}/configuration`:`components/${o}/configuration`),t)};const Rn=({mainLayout:t,components:o,isContentTypeView:r,slug:a,updateLayout:s})=>{const[c,l]=(0,e.useReducer)(xl,Cn,()=>Pl(Cn,t,o)),[d,m]=(0,e.useState)(!1),{trackUsage:u}=(0,E.rS)(),p=(0,E.lm)(),{goBack:b}=(0,se.k6)(),[f,g]=(0,e.useState)(!1),[y,C]=(0,e.useState)(!1),{componentLayouts:k,initialData:v,modifiedData:R,metaToEdit:D,metaForm:N}=c,{formatMessage:P}=(0,Y.Z)(),O=A()(t,["info","displayName"],""),w=A()(R,["attributes"],{}),M=(0,ue.v9)(ct.Jg),I=Object.keys(w).filter(z=>{const V=A()(w,[z,"type"],"");return!["dynamiczone","json","text","relation","component","boolean","media","password","richtext","timestamp"].includes(V)&&!!V}),$=A()(R,["layouts","edit"],[]),q=jt()($,"rowContent"),Z=Object.keys(R.attributes).filter(z=>A()(R,["metadatas",z,"edit","visible"],!1)===!0).filter(z=>q.findIndex(V=>V.name===z)===-1).sort(),K=({target:{name:z,value:V}})=>{l({type:"ON_CHANGE",keys:z.split("."),value:V})},J=()=>{g(z=>!z)},_=()=>{C(z=>!z)},x=({target:{name:z,value:V}})=>{l({type:"ON_CHANGE_META",keys:z.split("."),value:V})},F=({name:z,value:V})=>{l({type:"ON_CHANGE_SIZE",name:z,value:V})},T=z=>{z.preventDefault(),l({type:"SUBMIT_META_FORM"}),J()},S=z=>{z.preventDefault(),_()},j=(0,Ue.useMutation)(z=>kl(z,a,r),{onSuccess({data:z}){s&&s(z.data),l({type:"SUBMIT_SUCCEEDED"}),_(),u("didEditEditSettings")},onError(){p({type:"warning",message:{id:"notification.error"}})}}),{isLoading:G}=j,Q=()=>{const z=nn()(we()(R),["layouts","metadatas","settings"]);re()(z,"layouts.edit",Dl(z.layouts.edit)),j.mutate(z)},B=(z,V)=>{l({type:"MOVE_RELATION",fromIndex:z,toIndex:V})},X=(z,V)=>{l({type:"MOVE_FIELD",fromIndex:z,toIndex:V})},fe=(z,V,he,ye)=>{l(he===ye?{type:"REORDER_ROW",dragRowIndex:he,dragIndex:z,hoverIndex:V}:{type:"REORDER_DIFF_ROW",dragIndex:z,hoverIndex:V,dragRowIndex:he,hoverRowIndex:ye})},oe=(z,V)=>{l({type:"MOVE_ROW",fromIndex:z,toIndex:V})};return e.createElement(on,{isContentTypeView:r,attributes:w,modifiedData:R,slug:a,componentLayouts:k,selectedField:D,fieldForm:N,onMoveRelation:B,onMoveField:X,moveRow:oe,moveItem:fe,setEditFieldToSelect:z=>{l({type:"SET_FIELD_TO_EDIT",name:z}),J()},isDraggingSibling:d,setIsDraggingSibling:m},e.createElement(Re.o,null,e.createElement("form",{onSubmit:S},e.createElement(Me.T,{title:P({id:(0,h.OB)("components.SettingsViewWrapper.pluginHeader.title"),defaultMessage:`Configure the view - ${Tt()(O)}`},{name:Tt()(O)}),subtitle:P({id:(0,h.OB)("components.SettingsViewWrapper.pluginHeader.description.edit-settings"),defaultMessage:"Customize how the edit view will look like."}),navigationAction:e.createElement(E.rU,{startIcon:e.createElement(_e.Z,null),onClick:z=>{z.preventDefault(),b()},to:"/"},P({id:"global.back",defaultMessage:"Back"})),primaryAction:e.createElement(de.z,{disabled:Ze()(v,R),startIcon:e.createElement(Se.Z,null),type:"submit"},P({id:"global.save",defaultMessage:"Save"}))}),e.createElement(He.D,null,e.createElement(U.x,{background:"neutral0",hasRadius:!0,shadow:"filterShadow",paddingTop:6,paddingBottom:6,paddingLeft:7,paddingRight:7},e.createElement(L.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(H.Z,{variant:"delta",as:"h2"},P({id:(0,h.OB)("containers.SettingPage.settings"),defaultMessage:"Settings"})),e.createElement(Te.r,null,e.createElement(Ee.P,{col:6,s:12},e.createElement(Fe.P,{label:P({id:(0,h.OB)("containers.SettingPage.editSettings.entry.title"),defaultMessage:"Entry title"}),hint:P({id:(0,h.OB)("containers.SettingPage.editSettings.entry.title.description"),defaultMessage:"Set the display field of your entry"}),onChange:z=>{K({target:{name:"settings.mainField",value:z===""?null:z}})},value:R.settings.mainField},I.map(z=>e.createElement(be.W,{key:z,value:z},z))))),e.createElement(U.x,{paddingTop:2,paddingBottom:2},e.createElement(Nt.i,null)),e.createElement(H.Z,{variant:"delta",as:"h3"},P({id:(0,h.OB)("containers.SettingPage.view"),defaultMessage:"View"})),e.createElement(dl,{attributes:w,editLayout:$,fields:Z,onAddField:z=>{l({type:"ON_ADD_FIELD",name:z,fieldSizes:M})},onRemoveField:(z,V)=>{l({type:"REMOVE_FIELD",rowIndex:z,fieldIndex:V})}})))),e.createElement(E.QH,{bodyText:{id:(0,h.OB)("popUpWarning.warning.updateAllSettings"),defaultMessage:"This will modify all your settings"},iconRightButton:e.createElement(Se.Z,null),isConfirmButtonLoading:G,isOpen:y,onToggleDialog:_,onConfirm:Q,variantRightButton:"success-light"})),f&&e.createElement(Ml,{onSubmit:T,onToggle:J,onMetaChange:x,onSizeChange:F,type:A()(w,[D,"type"],""),customFieldUid:A()(w,[D,"customField"],"")})))};Rn.defaultProps={isContentTypeView:!1,updateLayout:null},Rn.propTypes={components:n().object.isRequired,isContentTypeView:n().bool,mainLayout:n().shape({attributes:n().object.isRequired,info:n().object.isRequired,layouts:n().shape({list:n().array.isRequired,edit:n().array.isRequired}).isRequired,metadatas:n().object.isRequired,options:n().object.isRequired}).isRequired,slug:n().string.isRequired,updateLayout:n().func};var Mn=Rn,Ut=i(66941),Er=i(40582);const Zl=()=>({type:Er.c}),Ll=(t,o)=>({type:Er.O,layout:t,query:o});var Tn=i(9592),Al=i(76402),Fl=()=>(0,e.useContext)(Al.ux),br=t=>{const{getAdminInjectedComponents:o}=Fl(),[r,a,s]=t.split(".");return o(r,a,s)};const vr=({area:t,...o})=>br(t).map(a=>e.createElement(a.Component,{key:a.name,...o}));vr.propTypes={area:n().string.isRequired};var Vt=vr,We=i(84306),Qe=i(46491);const qt=()=>({type:Qe.ZA}),Dn=t=>({type:Qe.Id,data:t}),On=(t,o=!1)=>({type:Qe.TP,rawQuery:t,isSingleType:o}),Cr=()=>({type:Qe.c2}),Rr=(t,o)=>({type:Qe.w7,componentsDataStructure:t,contentTypeDataStructure:o}),pe=t=>({type:Qe.d0,status:t}),Ke=t=>({type:Qe.t9,data:t}),Sl=()=>({type:Qe.tE});var In=t=>t["content-manager_editViewCrudReducer"];const Pn=({allLayoutData:t,children:o,slug:r,id:a,origin:s})=>{const c=(0,Ue.useQueryClient)(),l=(0,E.lm)(),{setCurrentStep:d}=(0,E.c1)(),{trackUsage:m}=(0,E.rS)(),{push:u,replace:p}=(0,se.k6)(),[{query:b,rawQuery:f}]=(0,E.Kx)(),g=(0,ue.I0)(),{componentsDataStructure:y,contentTypeDataStructure:C,data:k,isLoading:v,status:R}=(0,ue.v9)(In),D=(0,ae.Ky)(r),{formatAPIError:N}=(0,E.So)(h.OB),P=(0,e.useRef)(!0),O=(0,e.useRef)(m),w=(0,e.useRef)(t),M=(0,E.kY)(),{put:I,post:$,del:q}=M,Z=a===null,K=(0,e.useMemo)(()=>Z&&!s?null:(0,h.IF)(`collection-types/${r}/${s||a}`),[r,a,Z,s]),J=(0,e.useCallback)(B=>s?(0,E.w6)(B,w.current.contentType,w.current.components):B,[s]),_=(0,e.useCallback)(B=>{const X=(0,h.kc)(B,w.current.contentType,w.current.components);return(0,E.dU)(X,w.current.contentType,w.current.components)},[]);(0,e.useEffect)(()=>{const B=Object.keys(t.components).reduce((oe,z)=>{const V=(0,h.Di)(A()(t,["components",z,"attributes"],{}),t.components);return oe[z]=(0,E.dU)(V,t.components[z],t.components),oe},{}),X=(0,h.Di)(t.contentType.attributes,t.components),fe=(0,E.dU)(X,t.contentType,t.components);g(Rr(B,fe))},[t,g]),(0,e.useEffect)(()=>()=>{g(Cr())},[g]),(0,e.useEffect)(()=>{const X=We.default.CancelToken.source(),fe=async z=>{g(qt());try{const{data:V}=await M.get(K,{cancelToken:z.token});g(Dn(_(J(V))))}catch(V){if(We.default.isCancel(V))return;const he=A()(V,"response.status",null);if(he===404){u(D);return}he===403&&(l({type:"info",message:{id:(0,h.OB)("permissions.not-allowed.update")}}),u(D))}},oe=async()=>{await g(qt()),await g(On(f))};return P.current?(K?fe(X):oe(),()=>{X.cancel("Operation canceled by the user.")}):()=>{}},[M,J,_,u,K,g,f,D,l]);const x=(0,e.useCallback)(B=>{l({type:"warning",message:N(B)})},[l,N]),F=(0,e.useCallback)(async B=>{try{O.current("willDeleteEntry",B);const{data:X}=await q((0,h.IF)(`collection-types/${r}/${a}`));return l({type:"success",message:{id:(0,h.OB)("success.record.delete")}}),O.current("didDeleteEntry",B),p(D),Promise.resolve(X)}catch(X){return O.current("didNotDeleteEntry",{error:X,...B}),Promise.reject(X)}},[a,r,l,q,D,p]),T=(0,e.useCallback)(async(B,X)=>{const fe=typeof s=="string"?(0,h.IF)(`collection-types/${r}/clone/${s}`):(0,h.IF)(`collection-types/${r}`);try{g(pe("submit-pending"));const{data:oe}=await $(fe,B,{params:b});return O.current("didCreateEntry",X),l({type:"success",message:{id:(0,h.OB)("success.record.save")}}),d("contentManager.success"),c.invalidateQueries(["relation"]),g(Ke(_(oe))),g(pe("resolved")),p(`/content-manager/collectionType/${r}/${oe.id}${f}`),Promise.resolve(oe)}catch(oe){return x(oe),O.current("didNotCreateEntry",{error:oe,trackerProperty:X}),g(pe("resolved")),Promise.reject(oe)}},[s,_,x,p,r,g,b,l,d,c,$,f]),S=(0,e.useCallback)(async()=>{try{O.current("willCheckDraftRelations");const B=(0,h.IF)(`collection-types/${r}/${a}/actions/numberOfDraftRelations`);g(pe("draft-relation-check-pending"));const X=await M.get(B);return O.current("didCheckDraftRelations"),g(pe("resolved")),X.data.data}catch(B){return x(B),g(pe("resolved")),Promise.reject(B)}},[x,a,r,g,M]),j=(0,e.useCallback)(async()=>{try{O.current("willPublishEntry");const B=(0,h.IF)(`collection-types/${r}/${a}/actions/publish`);g(pe("publish-pending"));const{data:X}=await $(B);return O.current("didPublishEntry"),g(Ke(_(X))),g(pe("resolved")),l({type:"success",message:{id:(0,h.OB)("success.record.publish")}}),Promise.resolve(X)}catch(B){return x(B),g(pe("resolved")),Promise.reject(B)}},[_,x,a,r,g,l,$]),G=(0,e.useCallback)(async(B,X)=>{const fe=(0,h.IF)(`collection-types/${r}/${a}`);try{O.current("willEditEntry",X),g(pe("submit-pending"));const{data:oe}=await I(fe,B);return O.current("didEditEntry",{trackerProperty:X}),l({type:"success",message:{id:(0,h.OB)("success.record.save")}}),c.invalidateQueries(["relation"]),g(Ke(_(oe))),g(pe("resolved")),Promise.resolve(oe)}catch(oe){return O.current("didNotEditEntry",{error:oe,trackerProperty:X}),x(oe),g(pe("resolved")),Promise.reject(oe)}},[_,x,r,a,g,l,c,I]),Q=(0,e.useCallback)(async()=>{const B=(0,h.IF)(`collection-types/${r}/${a}/actions/unpublish`);g(pe("unpublish-pending"));try{O.current("willUnpublishEntry");const{data:X}=await $(B);return O.current("didUnpublishEntry"),l({type:"success",message:{id:(0,h.OB)("success.record.unpublish")}}),g(Ke(_(X))),g(pe("resolved")),Promise.resolve(X)}catch(X){return g(pe("resolved")),x(X),Promise.reject(X)}},[_,x,a,r,g,l,$]);return o({componentsDataStructure:y,contentTypeDataStructure:C,data:k,isCreatingEntry:Z,isLoadingForData:v,onDelete:F,onPost:T,onPublish:j,onDraftRelationCheck:S,onPut:G,onUnpublish:Q,status:R,redirectionLink:D})};Pn.defaultProps={id:null,origin:null},Pn.propTypes={allLayoutData:n().exact({components:n().object.isRequired,contentType:n().shape({apiID:n().string.isRequired,attributes:n().object.isRequired,info:n().object.isRequired,isDisplayed:n().bool.isRequired,kind:n().string.isRequired,layouts:n().object.isRequired,metadatas:n().object.isRequired,options:n().object.isRequired,pluginOptions:n().object,settings:n().object.isRequired,uid:n().string.isRequired}).isRequired}).isRequired,children:n().func.isRequired,id:n().string,origin:n().string,slug:n().string.isRequired};var wl=(0,e.memo)(Pn,Ze()),Ye=i(3685),xn=i(69783),Mr=i(86308);const kn=({hasError:t,isDisabled:o,isOpen:r,children:a,onClick:s})=>e.createElement($l,{type:"button",onClick:s,disabled:o,hasError:t,background:"neutral0",paddingTop:3,paddingBottom:3,paddingLeft:4,paddingRight:4,style:{cursor:o?"not-allowed":"pointer"}},e.createElement(L.k,{as:"span",gap:2},e.createElement(Zn,{"aria-hidden":!0,$isOpen:r,$hasError:t&&!r}),e.createElement(H.Z,{variant:"pi",fontWeight:"bold",textColor:t&&!r?"danger600":"neutral500"},a))),Zn=(0,W.ZP)(Mr.Z)`
+  height: ${({theme:t})=>t.spaces[6]};
+  width: ${({theme:t})=>t.spaces[6]};
+  transform: ${({$isOpen:t})=>t?"rotate(45deg)":"rotate(0deg)"};
+  > circle {
+    fill: ${({theme:t,$hasError:o})=>o?t.colors.danger200:t.colors.neutral150};
+  }
+  > path {
+    fill: ${({theme:t,$hasError:o})=>o?t.colors.danger600:t.colors.neutral600};
+  }
+`,$l=(0,W.ZP)(xn.Y)`
+  border-radius: 26px;
+  border-color: ${({theme:t})=>t.colors.neutral150};
+  box-shadow: ${({theme:t})=>t.shadows.filterShadow};
+
+  &:hover {
+    ${H.Z} {
+      color: ${({theme:t})=>t.colors.primary600};
+    }
+
+    ${Zn} {
+      > circle {
+        fill: ${({theme:t})=>t.colors.primary600};
+      }
+      > path {
+        fill: ${({theme:t})=>t.colors.neutral100};
+      }
+    }
+  }
+  &:active {
+    ${H.Z} {
+      color: ${({theme:t})=>t.colors.primary600};
+    }
+    ${Zn} {
+      > circle {
+        fill: ${({theme:t})=>t.colors.primary600};
+      }
+      > path {
+        fill: ${({theme:t})=>t.colors.neutral100};
+      }
+    }
+  }
+`;kn.defaultProps={hasError:!1,isDisabled:!1,isOpen:!1},kn.propTypes={children:n().node.isRequired,hasError:n().bool,isDisabled:n().bool,isOpen:n().bool,onClick:n().func.isRequired};var Tr=i(861),Ln=i(83828),An=i(61762),Fn=i(89966);const Sn=({category:t,components:o,variant:r,isOpen:a,onAddComponent:s,onToggle:c})=>{const{formatMessage:l}=(0,Y.Z)(),d=()=>{c(t)};return e.createElement(Ln.U,{expanded:a,onToggle:d,size:"S"},e.createElement(An.B,{variant:r,title:l({id:t,defaultMessage:t}),togglePosition:"left"}),e.createElement(Fn.v,null,e.createElement(U.x,{paddingTop:4,paddingBottom:4,paddingLeft:3,paddingRight:3},e.createElement(Bl,null,o.map(({componentUid:m,info:{displayName:u,icon:p}})=>e.createElement(Nl,{key:m,as:"button",type:"button",background:"neutral100",justifyContent:"center",onClick:s(m),hasRadius:!0,height:(0,E.Q1)(84),shrink:0,borderColor:"neutral200"},e.createElement(L.k,{direction:"column",gap:1,alignItems:"center",justifyContent:"center"},e.createElement(It,{icon:p}),e.createElement(H.Z,{variant:"pi",fontWeight:"bold",textColor:"neutral600"},l({id:u,defaultMessage:u})))))))))},Bl=W.ZP.div`
+  display: grid;
+  grid-template-columns: repeat(auto-fit, ${140/16}rem);
+  grid-gap: ${({theme:t})=>t.spaces[1]};
+`,Nl=(0,W.ZP)(L.k)`
+  &:focus,
+  &:hover {
+    border: 1px solid ${({theme:t})=>t.colors.primary200};
+    background: ${({theme:t})=>t.colors.primary100};
+
+    ${H.Z} {
+      color: ${({theme:t})=>t.colors.primary600};
+    }
+
+    /* > Flex > ComponentIcon */
+    > div > div:first-child {
+      background: ${({theme:t})=>t.colors.primary200};
+      color: ${({theme:t})=>t.colors.primary600};
+    }
+  }
+`;Sn.defaultProps={components:[],isOpen:!1,variant:"primary"},Sn.propTypes={category:n().string.isRequired,components:n().array,isOpen:n().bool,onAddComponent:n().func.isRequired,onToggle:n().func.isRequired,variant:n().oneOf(["primary","secondary"])};const wn=({dynamicComponentsByCategory:t,isOpen:o,onClickAddComponent:r})=>{const{formatMessage:a}=(0,Y.Z)(),[s,c]=(0,e.useState)("");(0,e.useEffect)(()=>{const m=Object.keys(t);o&&m.length>0&&c(m[0])},[o,t]);const l=m=>()=>{r(m),c("")},d=m=>{c(u=>u===m?"":m)};return o?e.createElement(U.x,{paddingTop:6,paddingBottom:6,paddingLeft:5,paddingRight:5,background:"neutral0",shadow:"tableShadow",borderColor:"neutral150",hasRadius:!0},e.createElement(L.k,{justifyContent:"center"},e.createElement(H.Z,{fontWeight:"bold",textColor:"neutral600"},a({id:(0,h.OB)("components.DynamicZone.ComponentPicker-label"),defaultMessage:"Pick one component"}))),e.createElement(U.x,{paddingTop:2},e.createElement(Tr.k,{attributeName:"data-strapi-accordion-toggle"},Object.entries(t).map(([m,u],p)=>e.createElement(Sn,{key:m,category:m,components:u,onAddComponent:l,isOpen:m===s,onToggle:d,variant:p%2===1?"primary":"secondary"}))))):null};wn.defaultProps={dynamicComponentsByCategory:{},isOpen:!1},wn.propTypes={dynamicComponentsByCategory:n().shape({components:n().arrayOf(n().shape({componentUid:n().string.isRequired,info:n().object}))}),isOpen:n().bool,onClickAddComponent:n().func.isRequired};var Dr=i(91647),$n=i(49825),jl=i(61868),Wl=i.n(jl);const zl=W.ZP.span`
+  > svg {
+    width: ${(0,E.Q1)(24)};
+    height: ${(0,E.Q1)(24)};
+    > circle {
+      fill: ${({theme:t})=>t.colors.primary200};
+    }
+    > path {
+      fill: ${({theme:t})=>t.colors.primary600};
+    }
+  }
+`,Bn=({error:t,isReadOnly:o,onClick:r})=>{const{formatMessage:a}=(0,Y.Z)();return e.createElement(e.Fragment,null,e.createElement(U.x,{as:"button",background:"neutral100",borderColor:t?"danger600":"neutral200",disabled:o,hasRadius:!0,onClick:r,paddingTop:9,paddingBottom:9,type:"button"},e.createElement(L.k,{direction:"column",gap:2},e.createElement(L.k,{justifyContent:"center",style:{cursor:o?"not-allowed":"inherit"}},e.createElement(zl,null,e.createElement(Mr.Z,null))),e.createElement(L.k,{justifyContent:"center"},e.createElement(H.Z,{textColor:"primary600",variant:"pi",fontWeight:"bold"},a({id:(0,h.OB)("components.empty-repeatable"),defaultMessage:"No entry yet. Click on the button below to add one."}))))),t?.id&&e.createElement(H.Z,{textColor:"danger600",variant:"pi"},a(t,{...t.values})))};Bn.defaultProps={error:void 0,isReadOnly:!1},Bn.propTypes={error:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}),isReadOnly:n().bool,onClick:n().func.isRequired};var Or=Bn;const kt=new Map;var Nn=(t=[])=>{const[o,r]=(0,e.useState)(Object.fromEntries(kt)),a=t.filter(m=>!kt.get(m)),[s,c]=(0,e.useState)(()=>!!a.length),l=(0,E.mZ)();(0,e.useEffect)(()=>{const m=p=>{r(p),c(!1)},u=async(p,b)=>{const f=await Promise.all(b);p.forEach((g,y)=>{kt.set(g,f[y].default)}),m(Object.fromEntries(kt))};if(a.length>0){c(!0);const p=a.reduce((b,f)=>{const g=l.get(f);return g&&b.push(g.components.Input()),b},[]);p.length>0&&u(a,p)}},[a,l]);const d=(0,e.useCallback)(()=>{kt.clear(),r({})},[]);return{isLazyLoading:s,lazyComponentStore:o,cleanup:d}},Ul=i(9086),Vl=i.n(Ul),ql=i(88708),Zt=i.n(ql),Hl=i(38705),mt=i(69932),Gl=i(27169),Ir=i(99097),Ql=i(63642);const Kl=(0,W.ZP)(Ql.E)`
+  svg {
+    height: 1rem;
+    width: 1rem;
+    path {
+      fill: ${({theme:t})=>t.colors.neutral400};
+    }
+  }
+
+  svg:hover {
+    path {
+      fill: ${({theme:t})=>t.colors.primary600};
+    }
+  }
+`,Pr=(0,W.ZP)(L.k)`
+  svg {
+    height: ${12/16}rem;
+    width: ${12/16}rem;
+
+    path {
+      fill: ${({theme:t,available:o})=>o?t.colors.success600:t.colors.danger600};
+    }
+  }
+`,Yl=(0,W.F4)`
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
+  }
+`,Xl=(0,W.ZP)(L.k)`
+  animation: ${Yl} 2s infinite linear;
+`;var Jl=/^[A-Za-z0-9-_.~]*$/;const jn=({attribute:t,contentTypeUID:o,hint:r,disabled:a,error:s,intlLabel:c,labelAction:l,name:d,onChange:m,value:u,placeholder:p,required:b})=>{const{modifiedData:f,initialData:g,layout:y}=(0,E.Wq)(),[C,k]=(0,e.useState)(!1),[v,R]=(0,e.useState)(null),D=(0,Ir.Z)(u,300),N=(0,e.useRef)(),P=(0,E.lm)(),{formatAPIError:O}=(0,E.So)(),w=g[d],{formatMessage:M}=(0,Y.Z)(),I=y?.options?.timestamps??0,$=!g[I],q=(0,Ir.Z)(f[t.targetField],300),[Z,K]=(0,e.useState)(!1),[J,_]=(0,e.useState)(null),{post:x}=(0,E.kY)(),F=c.id?M({id:c.id,defaultMessage:c.defaultMessage},{...c.values}):d,T=p?M({id:p.id,defaultMessage:p.defaultMessage},{...p.values}):"";N.current=async(B=!1)=>{k(!0);try{const{data:{data:X}}=await x((0,h.IF)("uid/generate"),{contentTypeUID:o,field:d,data:f});m({target:{name:d,value:X,type:"text"}},B),k(!1)}catch(X){k(!1),P({type:"warning",message:O(X)})}};const S=async()=>{if(u){k(!0);try{const{data:B}=await x((0,h.IF)("uid/check-availability"),{contentTypeUID:o,field:d,value:u?u.trim():""});k(!1),R(B)}catch(B){k(!1),P({type:"warning",message:O(B)})}}};(0,e.useEffect)(()=>{!u&&t.required&&N.current(!0)},[t.required,N,u]),(0,e.useEffect)(()=>{D?.trim().match(Jl)&&D!==w&&S(),D||R(null)},[w,D]),(0,e.useEffect)(()=>{let B;return v?.isAvailable&&(B=setTimeout(()=>{R(null)},4e3)),()=>{B&&clearTimeout(B)}},[v]),(0,e.useEffect)(()=>{!Z&&$&&q&&f[t.targetField]&&!u&&N.current(!0)},[q,Z,$]);const j=()=>{_(M({id:"content-manager.components.uid.regenerate",defaultMessage:"Regenerate"}))},G=()=>{_(null)},Q=B=>{B.target.value&&$&&K(!0),m(B)};return e.createElement(hn.o,{disabled:a,error:s,endAction:e.createElement(L.k,{position:"relative",gap:1},v&&!J&&e.createElement(Pr,{alignItems:"center",gap:1,justifyContent:"flex-end",available:!!v?.isAvailable,"data-not-here-outer":!0,position:"absolute",pointerEvents:"none",right:6,width:"100px"},v?.isAvailable?e.createElement(Hl.Z,null):e.createElement(mt.Z,null),e.createElement(H.Z,{textColor:v.isAvailable?"success600":"danger600",variant:"pi"},M(v.isAvailable?{id:"content-manager.components.uid.available",defaultMessage:"Available"}:{id:"content-manager.components.uid.unavailable",defaultMessage:"Unavailable"}))),!a&&e.createElement(e.Fragment,null,J&&e.createElement(Pr,{alignItems:"center",justifyContent:"flex-end",gap:1},e.createElement(H.Z,{textColor:"primary600",variant:"pi"},J)),e.createElement(Kl,{onClick:()=>N.current(),label:M({id:"content-manager.components.uid.regenerate",defaultMessage:"Regenerate"}),onMouseEnter:j,onMouseLeave:G},C?e.createElement(Xl,{"data-testid":"loading-wrapper"},e.createElement(Gl.Z,null)):e.createElement(cn.Z,null)))),hint:r,label:F,labelAction:l,name:d,onChange:Q,placeholder:T,value:u||"",required:b})};jn.propTypes={attribute:n().shape({targetField:n().string,required:n().bool}).isRequired,contentTypeUID:n().string.isRequired,disabled:n().bool,error:n().string,intlLabel:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}).isRequired,labelAction:n().element,name:n().string.isRequired,onChange:n().func.isRequired,value:n().string,placeholder:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}),required:n().bool,hint:n().oneOfType([n().string,n().array])},jn.defaultProps={disabled:!1,error:void 0,labelAction:void 0,placeholder:void 0,value:"",required:!1,hint:""};var _l=jn;function ec(t,o){return r=>{const a=o(r);return e.createElement(t,{...r,...a})}}var tc=ec;const nc=(t=[],o=[])=>{const r=t.reduce((s,c)=>o.find(l=>l.id===c.id)?s:[...s,c.id],[]),a=o.reduce((s,c)=>t.find(l=>l.id===c.id)?s:[...s,c.id],[]);return[r,a]},nt={DRAFT:"draft",PUBLISHED:"published"},Wn=5,oc=10;function rc(t,o){return`${(0,h.IF)(`collectionType/${t}/${o??""}`)}`}const zn=(t,{shouldAddLink:o,mainFieldName:r,targetModel:a})=>{const s={...t};return o&&(s.href=rc(a,s.id)),s.publicationState=!1,s?.publishedAt!==void 0&&(s.publicationState=s.publishedAt?nt.PUBLISHED:nt.DRAFT),s.mainField=s[r],s},ac=(t,{shouldAddLink:o=!1,mainFieldName:r,targetModel:a}={})=>[...t].map(s=>zn(s,{shouldAddLink:o,mainFieldName:r,targetModel:a})),sc=(t,{mainFieldName:o})=>{const{data:r}=t,{pages:a=[]}=r??{};return{...t,data:a.map(s=>s?.results.map(c=>zn(c,{mainFieldName:o}))).filter(Boolean).flat()}};function ic({componentUid:t,isUserAllowedToEditField:o,isUserAllowedToReadField:r,name:a,queryInfos:s}){const{isCreatingEntry:c,createActionAllowedFields:l,readActionAllowedFields:d,updateActionAllowedFields:m,slug:u,modifiedData:p}=(0,E.Wq)(),{params:b}=(0,se.$B)("/content-manager/collectionType/:collectionType/create/clone/:origin")??{},{origin:f}=b??{},g=(0,e.useMemo)(()=>o===!0?!0:(c?l:m).includes(a),[c,l,a,o,m]),y=(0,e.useMemo)(()=>r?!0:(c?[]:d).includes(a),[c,r,a,d]),C=a.split(".");let k;t&&(k=A()(p,C.slice(0,-1))?.id);const v=f||p.id,R=(0,e.useMemo)(()=>c&&!f?null:t?k?(0,h.IF)(`relations/${t}/${k}/${C.at(-1)}`):null:(0,h.IF)(`relations/${u}/${v}/${a.split(".").at(-1)}`),[c,f,t,u,v,a,k,C]),D=(0,e.useMemo)(()=>t?(0,h.IF)(`relations/${t}/${a.split(".").at(-1)}`):(0,h.IF)(`relations/${u}/${a.split(".").at(-1)}`),[t,u,a]);return{entityId:v,componentId:k,isComponentRelation:Boolean(t),queryInfos:{...s,endpoints:{search:D,relation:R}},isCloningEntry:Boolean(f),isCreatingEntry:c,isFieldAllowed:g,isFieldReadable:y}}var lc=ic;const cc=(t,{relation:o,search:r})=>{const[a,s]=(0,e.useState)({}),[c,l]=(0,e.useState)(0),{get:d}=(0,E.kY)(),m=async({pageParam:P=1})=>{try{const{data:O}=await d(o?.endpoint,{params:{...o.pageParams??{},page:P}});return l(P),O}catch{return null}},u=async({pageParam:P=1})=>{try{const{data:O}=await d(r.endpoint,{params:{...r.pageParams??{},...a,page:P}});return O}catch{return null}},{onLoad:p,normalizeArguments:b={}}=o,f=(0,Ue.useInfiniteQuery)(["relation",...t],m,{cacheTime:0,enabled:o.enabled,getNextPageParam(P){const O=!P?.pagination;if(!(!P||O||P?.pagination.page>=P?.pagination.pageCount))return P.pagination.page+1},select:P=>({...P,pages:P.pages.map(O=>{if(!O)return O;const{data:w,results:M,pagination:I}=O,$=!!w;let q=[];return $?q=[w]:M&&(q=[...M].reverse()),{pagination:I,results:q}})})}),{pageGoal:g}=o,{status:y,data:C,fetchNextPage:k,hasNextPage:v}=f;(0,e.useEffect)(()=>{g>c&&v&&y==="success"&&k({pageParam:c+1})},[g,c,k,v,y]);const R=(0,E.W6)(p);(0,e.useEffect)(()=>{if(y==="success"&&C&&C.pages?.at(-1)?.results&&R){const P=ac(C.pages.at(-1).results,b);R(P)}},[y,R,C]);const D=(0,Ue.useInfiniteQuery)(["relation",...t,"search",JSON.stringify(a)],u,{enabled:Object.keys(a).length>0,getNextPageParam(P){if(!(!P?.pagination||P.pagination.page>=P.pagination.pageCount))return P.pagination.page+1}});return{relations:f,search:D,searchFor:(P,O={})=>{s({...O,_q:P})}}},xr=(t,o)=>r=>{const a=r.split(".");return a.reduce((s,c,l)=>{const d=A()(t,s),m=A()(o,[...a.slice(0,l),c,"__temp_key__"]);if(Array.isArray(d)&&typeof m=="number"){const u=d.findIndex(p=>p.__temp_key__===m);return s.push(u.toString()),s}return s.push(c),s},[])};var dc=i(50428),uc=i(21428),kr=i(7563),Ht=i(63919),Un=i(41234),Gt=i(35331),mc=i(41044),Zr=i(90333);const pc=W.ZP.div`
+  flex-shrink: 0;
+  width: ${(0,E.Q1)(6)};
+  height: ${(0,E.Q1)(6)};
+  margin-right: ${({theme:t})=>t.spaces[2]};
+  background-color: ${({theme:t,isDraft:o})=>t.colors[o?"secondary600":"success600"]};
+  border-radius: 50%;
+`,Vn=({publicationState:t,mainField:o,id:r})=>{const{formatMessage:a}=(0,Y.Z)();if(t){const s=t==="draft",c={id:(0,h.OB)("components.Select.draft-info-title"),defaultMessage:"State: Draft"},l={id:(0,h.OB)("components.Select.publish-info-title"),defaultMessage:"State: Published"},d=a(s?c:l);return e.createElement(Zr.O,{value:r,textValue:o??r},e.createElement(L.k,null,e.createElement(pc,{title:d,isDraft:s}),e.createElement(H.Z,{ellipsis:!0},o??r)))}return e.createElement(Zr.O,{value:r,textValue:o??r},o??r)};Vn.defaultProps={mainField:void 0,publicationState:void 0},Vn.propTypes={id:n().number.isRequired,mainField:n().string,publicationState:n().oneOfType([n().string,n().bool])};var Lr=i(77622);const Qt=50,pt=4,Ar=(0,W.ZP)(L.k)`
+  width: 100%;
+  /* Used to prevent endAction to be pushed out of container */
+  min-width: 0;
+
+  & > div[role='button'] {
+    cursor: all-scroll;
+  }
+`,Fr=(0,W.ZP)(L.k)`
+  width: 100%;
+  /* Used to prevent endAction to be pushed out of container */
+  min-width: 0;
+`,qn=({ariaDescribedBy:t,children:o,displayValue:r,canDrag:a,disabled:s,endAction:c,iconButtonAriaLabel:l,style:d,id:m,index:u,name:p,onCancel:b,onDropItem:f,onGrabItem:g,status:y,updatePositionOfRelation:C,...k})=>{const[{handlerId:v,isDragging:R,handleKeyDown:D},N,P,O,w]=(0,Lr.Y)(a&&!s,{type:`${h._Q.RELATION}_${p}`,index:u,item:{displayedValue:r,status:y,id:m},onGrabItem:g,onDropItem:f,onCancel:b,onMoveItem:C,dropSensitivity:"immediate"}),M=(0,h.FE)(N,O);return(0,e.useEffect)(()=>{w((0,Dt.rX)())},[w]),e.createElement(U.x,{style:d,as:"li",ref:P,"aria-describedby":t,cursor:a?"all-scroll":"default"},R?e.createElement(gc,null):e.createElement(L.k,{paddingTop:2,paddingBottom:2,paddingLeft:a?2:4,paddingRight:4,hasRadius:!0,borderSize:1,borderColor:"neutral200",background:s?"neutral150":"neutral0",justifyContent:"space-between",ref:a?M:void 0,"data-handler-id":v,...k},e.createElement(Ar,{gap:1},a?e.createElement(ve.h,{forwardedAs:"div",role:"button",tabIndex:0,"aria-label":l,noBorder:!0,onKeyDown:D,disabled:s},e.createElement(Ge.Z,null)):null,e.createElement(Fr,{justifyContent:"space-between"},o)),c&&e.createElement(U.x,{paddingLeft:4},c)))},gc=()=>e.createElement(U.x,{paddingTop:2,paddingBottom:2,paddingLeft:4,paddingRight:4,hasRadius:!0,borderStyle:"dashed",borderColor:"primary600",borderWidth:"1px",background:"primary100",height:`calc(100% - ${pt}px)`});qn.defaultProps={ariaDescribedBy:"",canDrag:!1,displayValue:"",disabled:!1,endAction:void 0,onCancel:void 0,onDropItem:void 0,onGrabItem:void 0,style:void 0,status:void 0,updatePositionOfRelation:void 0},qn.propTypes={ariaDescribedBy:n().string,canDrag:n().bool,children:n().node.isRequired,displayValue:n().string,disabled:n().bool,endAction:n().node,iconButtonAriaLabel:n().string.isRequired,id:n().number.isRequired,index:n().number.isRequired,name:n().string.isRequired,onCancel:n().func,onDropItem:n().func,onGrabItem:n().func,status:n().string,style:n().shape({height:n().number,left:n().number,position:n().string,right:n().number,width:n().string}),updatePositionOfRelation:n().func};const fc=(0,W.ZP)(U.x)`
+  position: relative;
+  overflow: hidden;
+  flex: 1;
+
+  &:before,
+  &:after {
+    position: absolute;
+    width: 100%;
+    height: 4px;
+    z-index: 1;
+  }
+
+  &:before {
+    /* TODO: as for DS Table component we would need this to be handled by the DS theme */
+    content: '';
+    background: linear-gradient(rgba(3, 3, 5, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
+    top: 0;
+    opacity: ${({overflowDirection:t})=>t==="top-bottom"||t==="top"?1:0};
+    transition: opacity 0.2s ease-in-out;
+  }
+
+  &:after {
+    /* TODO: as for DS Table component we would need this to be handled by the DS theme */
+    content: '';
+    background: linear-gradient(0deg, rgba(3, 3, 5, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
+    bottom: 0;
+    opacity: ${({overflowDirection:t})=>t==="top-bottom"||t==="bottom"?1:0};
+    transition: opacity 0.2s ease-in-out;
+  }
+`,Hn=({children:t,overflow:o,...r})=>e.createElement(fc,{overflowDirection:o,...r},t);Hn.defaultProps={overflow:""},Hn.propTypes={children:n().node.isRequired,overflow:n().oneOf(["top-bottom","bottom","top",""])};const Sr=(0,W.ZP)(dc.r)`
+  display: block;
+
+  > span {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+  }
+`,wr=W.ZP.button`
+  svg path {
+    fill: ${({theme:t,disabled:o})=>o?t.colors.neutral600:t.colors.neutral500};
+  }
+
+  &:hover svg path,
+  &:focus svg path {
+    fill: ${({theme:t,disabled:o})=>!o&&t.colors.neutral600};
+  }
+`,Gn=({canReorder:t,description:o,disabled:r,error:a,iconButtonAriaLabel:s,id:c,name:l,numberOfRelationsToDisplay:d,label:m,labelAction:u,labelLoadMore:p,labelDisconnectRelation:b,listAriaDescription:f,liveText:g,loadingMessage:y,onCancel:C,onDropItem:k,onGrabItem:v,noRelationsMessage:R,onRelationConnect:D,onRelationLoadMore:N,onRelationDisconnect:P,onRelationReorder:O,onSearchNextPage:w,onSearch:M,placeholder:I,publicationStateTranslations:$,required:q,relations:Z,searchResults:K,size:J})=>{const[_,x]=(0,e.useState)(""),[F,T]=(0,e.useState)(""),S=(0,e.useRef)(),j=(0,e.useRef)(),{data:G}=K,Q=Z.data,B=Q.length??0,X=(0,e.useMemo)(()=>B>d?Math.min(B,d)*(Qt+pt)+Qt/2:Math.min(B,d)*(Qt+pt),[B,d]),fe=!!p&&Z.hasNextPage,oe=(0,e.useMemo)(()=>G.flat().filter(Boolean).map(ie=>({...ie,value:ie.id,label:ie.mainField})),[G]);(0,e.useEffect)(()=>{if(B<=d)return T("");const ie=$e=>{const Pe=$e.target.parentNode.scrollHeight,Ve=$e.target.scrollHeight-$e.target.scrollTop;return $e.target.scrollTop===0?T("bottom"):T(Ve===Pe?"top":"top-bottom")},De=j?.current;return!Z.isLoading&&Q.length>0&&De&&j.current.addEventListener("scroll",ie),()=>{De&&De.removeEventListener("scroll",ie)}},[Z,Q,d,B]);const z=ie=>{ie&&M()},V=(ie,De)=>{O&&ie>=0&&ie<Q.length&&O(De,ie)},he=(0,ae.zH)(Q.length),ye=(0,e.useRef)(),Ae=()=>{ye.current="loadMore",N()};(0,e.useEffect)(()=>{ye.current==="onChange"&&x(""),ye.current==="onChange"&&Q.length!==he?(S.current.scrollToItem(Q.length,"end"),ye.current=void 0):ye.current==="loadMore"&&Q.length!==he&&(S.current.scrollToItem(0,"start"),ye.current=void 0)},[he,Q]);const ze=`${l}-item-instructions`;return e.createElement(L.k,{gap:3,justifyContent:"space-between",alignItems:"end",wrap:"wrap"},e.createElement(L.k,{direction:"column",alignItems:"stretch",basis:J<=6?"100%":"70%",gap:2},e.createElement(uc.hQ,{autocomplete:"list",error:a,name:l,hint:o,id:c,required:q,label:m,labelAction:u,disabled:r,placeholder:I,hasMoreItems:K.hasNextPage,loading:K.isLoading,onOpenChange:z,noOptionsMessage:()=>R,loadingMessage:y,onLoadMore:()=>{w()},textValue:_,onChange:ie=>{ie&&(D(oe.find(De=>De.id===ie)),ye.current="onChange")},onTextValueChange:ie=>{x(ie)},onInputChange:ie=>{M(ie.currentTarget.value)}},oe.map(ie=>e.createElement(Vn,{key:ie.id,...ie}))),fe&&e.createElement(kr.A,{disabled:Z.isLoading||Z.isFetchingNextPage,onClick:Ae,loading:Z.isLoading||Z.isFetchingNextPage,startIcon:e.createElement(cn.Z,null)},p)),Q.length>0&&e.createElement(Hn,{overflow:F},e.createElement(Ye.T,{id:ze},f),e.createElement(Ye.T,{"aria-live":"assertive"},g),e.createElement(mc.t7,{height:X,ref:S,outerRef:j,itemCount:B,itemSize:Qt+pt,itemData:{name:l,ariaDescribedBy:ze,canDrag:t,disabled:r,handleCancel:C,handleDropItem:k,handleGrabItem:v,iconButtonAriaLabel:s,labelDisconnectRelation:b,onRelationDisconnect:P,publicationStateTranslations:$,relations:Q,updatePositionOfRelation:V},itemKey:ie=>`${Q[ie].mainField}_${Q[ie].id}`,innerElementType:"ol"},Qn)))},hc=n().shape({data:n().arrayOf(n().shape({href:n().string,id:n().number.isRequired,publicationState:n().oneOfType([n().string,n().bool]),mainField:n().oneOfType([n().string,n().number])})),hasNextPage:n().bool,isFetchingNextPage:n().bool.isRequired,isLoading:n().bool.isRequired,isSuccess:n().bool.isRequired}),yc=n().shape({data:n().arrayOf(n().shape({id:n().number.isRequired,href:n().string,mainField:n().oneOfType([n().string,n().number]),publicationState:n().oneOfType([n().string,n().bool])})),hasNextPage:n().bool,isLoading:n().bool.isRequired,isSuccess:n().bool.isRequired});Gn.defaultProps={canReorder:!1,description:void 0,disabled:!1,error:void 0,labelAction:null,labelLoadMore:null,liveText:void 0,onCancel:void 0,onDropItem:void 0,onGrabItem:void 0,required:!1,relations:{data:[]},searchResults:{data:[]}},Gn.propTypes={error:n().string,canReorder:n().bool,description:n().string,disabled:n().bool,iconButtonAriaLabel:n().string.isRequired,id:n().string.isRequired,label:n().string.isRequired,labelAction:n().element,labelLoadMore:n().string,labelDisconnectRelation:n().string.isRequired,listAriaDescription:n().string.isRequired,liveText:n().string,loadingMessage:n().string.isRequired,name:n().string.isRequired,noRelationsMessage:n().string.isRequired,numberOfRelationsToDisplay:n().number.isRequired,onCancel:n().func,onDropItem:n().func,onGrabItem:n().func,onRelationConnect:n().func.isRequired,onRelationDisconnect:n().func.isRequired,onRelationLoadMore:n().func.isRequired,onRelationReorder:n().func.isRequired,onSearch:n().func.isRequired,onSearchNextPage:n().func.isRequired,placeholder:n().string.isRequired,publicationStateTranslations:n().shape({draft:n().string.isRequired,published:n().string.isRequired}).isRequired,required:n().bool,searchResults:yc,size:n().number.isRequired,relations:hc};const Qn=({data:t,index:o,style:r})=>{const{ariaDescribedBy:a,canDrag:s,disabled:c,handleCancel:l,handleDropItem:d,handleGrabItem:m,iconButtonAriaLabel:u,name:p,labelDisconnectRelation:b,onRelationDisconnect:f,publicationStateTranslations:g,relations:y,updatePositionOfRelation:C}=t,{publicationState:k,href:v,mainField:R,id:D}=y[o],N=k==="draft"?"secondary":"success";return e.createElement(qn,{ariaDescribedBy:a,canDrag:s,disabled:c,displayValue:String(R??D),iconButtonAriaLabel:u,id:D,index:o,name:p,endAction:e.createElement(wr,{"data-testid":`remove-relation-${D}`,disabled:c,type:"button",onClick:()=>f(y[o]),"aria-label":b},e.createElement(an.J,{width:"12px",as:Gt.Z})),onCancel:l,onDropItem:d,onGrabItem:m,status:k||void 0,style:{...r,bottom:r.bottom??0+pt,height:r.height??0-pt},updatePositionOfRelation:C},e.createElement(U.x,{minWidth:0,paddingTop:1,paddingBottom:1,paddingRight:4},e.createElement(Ht.u,{description:R??`${D}`},v?e.createElement(Sr,{to:v},R??D):e.createElement(H.Z,{textColor:c?"neutral600":"primary600",ellipsis:!0},R??D))),k&&e.createElement(Un.q,{variant:N,showBullet:!1,size:"S"},e.createElement(H.Z,{fontWeight:"bold",textColor:`${N}700`},g[k])))};Qn.defaultProps={data:{}},Qn.propTypes={data:n().shape({ariaDescribedBy:n().string.isRequired,canDrag:n().bool.isRequired,disabled:n().bool.isRequired,handleCancel:n().func,handleDropItem:n().func,handleGrabItem:n().func,iconButtonAriaLabel:n().string.isRequired,labelDisconnectRelation:n().string.isRequired,name:n().string.isRequired,onRelationDisconnect:n().func.isRequired,publicationStateTranslations:n().shape({draft:n().string.isRequired,published:n().string.isRequired}).isRequired,relations:n().arrayOf(n().shape({href:n().string,id:n().number.isRequired,publicationState:n().oneOfType([n().string,n().bool]),mainField:n().oneOfType([n().string,n().number])})),updatePositionOfRelation:n().func.isRequired}),index:n().number.isRequired,style:n().object.isRequired};var Ec=Gn;const Kn=({error:t,entityId:o,componentId:r,isComponentRelation:a,editable:s,description:c,intlLabel:l,isCreatingEntry:d,isCloningEntry:m,isFieldAllowed:u,isFieldReadable:p,labelAction:b,mainField:f,name:g,queryInfos:{endpoints:y,defaultParams:C,shouldDisplayRelationLink:k},placeholder:v,required:R,relationType:D,size:N,targetModel:P})=>{const[O,w]=(0,e.useState)(""),{formatMessage:M}=(0,Y.Z)(),{slug:I,initialData:$,modifiedData:q,relationConnect:Z,relationDisconnect:K,relationLoad:J,relationReorder:_}=(0,E.Wq)(),x=g.split("."),F=xr($,q)(g),T=A()(q,g,[]),S=Math.ceil(A()($,g,[]).length/Wn),{relations:j,search:G,searchFor:Q}=cc([I,F.join("."),q.id,C],{relation:{enabled:!!y.relation,endpoint:y.relation,pageGoal:S,pageParams:{...C,pageSize:Wn},onLoad(ee){J({target:{initialDataPath:["initialData",...F],modifiedDataPath:["modifiedData",...x],value:ee}})},normalizeArguments:{mainFieldName:f.name,shouldAddLink:k,targetModel:P}},search:{endpoint:y.search,pageParams:{...C,entityId:d||m?void 0:a?r:o,pageSize:oc}}}),B=(0,e.useMemo)(()=>D.toLowerCase().includes("morph"),[D]),X=["oneWay","oneToOne","manyToOne","oneToManyMorph","oneToOneMorph"].includes(D),fe=(0,e.useMemo)(()=>B?!0:d?!s:!u&&p||!s,[B,d,s,u,p]),oe=ee=>{const ce=zn(ee,{mainFieldName:f.name,shouldAddLink:k,targetModel:P});Z({name:g,value:ce,toOneRelation:X})},z=ee=>{K({name:g,id:ee.id})},V=()=>{j.fetchNextPage()},he=(ee="")=>{const[ce,Ce]=nc(T,A()($,g));Q(ee,{idsToInclude:Ce,idsToOmit:ce})},ye=()=>{G.fetchNextPage()},Ae=ee=>`${ee+1} of ${T.length}`,ze=(ee,ce)=>{const Ce=T[ee];w(M({id:(0,h.OB)("dnd.reorder"),defaultMessage:"{item}, moved. New position in list: {position}."},{item:Ce.mainField??Ce.id,position:Ae(ce)})),_({name:g,newIndex:ce,oldIndex:ee})},ie=ee=>{const ce=T[ee];w(M({id:(0,h.OB)("dnd.grab-item"),defaultMessage:"{item}, grabbed. Current position in list: {position}. Press up and down arrow to change position, Spacebar to drop, Escape to cancel."},{item:ce.mainField??ce.id,position:Ae(ee)}))},De=ee=>{const ce=T[ee];w(M({id:(0,h.OB)("dnd.drop-item"),defaultMessage:"{item}, dropped. Final position in list: {position}."},{item:ce.mainField??ce.id,position:Ae(ee)}))},$e=ee=>{const ce=T[ee];w(M({id:(0,h.OB)("dnd.cancel-item"),defaultMessage:"{item}, dropped. Re-order cancelled."},{item:ce.mainField??ce.id}))};if(!u&&d||!d&&!u&&!p)return e.createElement(E.X0,{name:g,intlLabel:l,labelAction:b});const Pe=T.length,Ve=(A()($,F)??[]).length,Et=j.data?.pages[0]?.pagination?.total??0,me=!j.data&&Pe===Ve?Pe:Pe-Ve+Et;return e.createElement(Ec,{error:t,canReorder:!X,description:c,disabled:fe,iconButtonAriaLabel:M({id:(0,h.OB)("components.RelationInput.icon-button-aria-label"),defaultMessage:"Drag"}),id:g,label:`${M({id:l.id,defaultMessage:l.defaultMessage})} ${me>0?`(${me})`:""}`,labelAction:b,labelLoadMore:!d||m?M({id:(0,h.OB)("relation.loadMore"),defaultMessage:"Load More"}):null,labelDisconnectRelation:M({id:(0,h.OB)("relation.disconnect"),defaultMessage:"Remove"}),listAriaDescription:M({id:(0,h.OB)("dnd.instructions"),defaultMessage:"Press spacebar to grab and re-order"}),listHeight:320,liveText:O,loadingMessage:M({id:(0,h.OB)("relation.isLoading"),defaultMessage:"Relations are loading"}),name:g,noRelationsMessage:M({id:(0,h.OB)("relation.notAvailable"),defaultMessage:"No relations available"}),numberOfRelationsToDisplay:Wn,onDropItem:De,onGrabItem:ie,onCancel:$e,onRelationConnect:oe,onRelationDisconnect:z,onRelationLoadMore:V,onRelationReorder:ze,onSearch:ee=>he(ee),onSearchNextPage:()=>ye(),placeholder:M(v||{id:(0,h.OB)("relation.add"),defaultMessage:"Add relation"}),publicationStateTranslations:{[nt.DRAFT]:M({id:(0,h.OB)("relation.publicationState.draft"),defaultMessage:"Draft"}),[nt.PUBLISHED]:M({id:(0,h.OB)("relation.publicationState.published"),defaultMessage:"Published"})},relations:nn()({...j,data:T},"data","hasNextPage","isFetchingNextPage","isLoading","isSuccess"),required:R,searchResults:sc(G,{mainFieldName:f.name}),size:N})};Kn.defaultProps={componentId:void 0,entityId:void 0,editable:!0,error:void 0,description:"",labelAction:null,isComponentRelation:!1,isFieldAllowed:!0,placeholder:null,required:!1},Kn.propTypes={componentId:n().number,entityId:n().number,editable:n().bool,error:n().string,description:n().string,intlLabel:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}).isRequired,labelAction:n().element,isCloningEntry:n().bool.isRequired,isCreatingEntry:n().bool.isRequired,isComponentRelation:n().bool,isFieldAllowed:n().bool,isFieldReadable:n().bool.isRequired,mainField:n().shape({name:n().string.isRequired,schema:n().shape({type:n().string.isRequired}).isRequired}).isRequired,name:n().string.isRequired,placeholder:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}),required:n().bool,relationType:n().string.isRequired,size:n().number.isRequired,targetModel:n().string.isRequired,queryInfos:n().shape({defaultParams:n().shape({locale:n().string}),endpoints:n().shape({relation:n().string,search:n().string.isRequired}).isRequired,shouldDisplayRelationLink:n().bool.isRequired}).isRequired};const bc=(0,e.memo)(Kn);var vc=tc(bc,lc);const Yn=({id:t,error:o,name:r,hint:a})=>a.length===0||o?null:e.createElement(H.Z,{as:"p",variant:"pi",id:`${t||r}-hint`,textColor:"neutral600"},a);Yn.defaultProps={id:void 0,error:void 0,hint:""},Yn.propTypes={hint:n().oneOfType([n().string,n().array]),error:n().string,id:n().string,name:n().string.isRequired};var Cc=Yn,Rc=i(87702),Xn=i.n(Rc),Jn=i(59845),Mc=i(88591),Tc=i.n(Mc),Dc=i(20871),Oc=i.n(Dc),Ic=i(48375),$r=i.n(Ic),Pc=i(31089),xc=i.n(Pc),kc=i(16043),Zc=i.n(kc),Lc=i(5109),Ac=i.n(Lc),Fc=i(47955),Sc=i.n(Fc),wc=i(95706),$c=i.n(wc),Bc=i(6658),Nc=i.n(Bc),jc=i(36407),Wc=i.n(jc);(async()=>{await i.e(7347).then(i.bind(i,74194))})();const gt=new(Tc())({html:!0,xhtmlOut:!1,breaks:!0,langPrefix:"language-",linkify:!0,typographer:!0,highlight(t,o){if(o&&o!=="auto"&&(0,Jn.getLanguage)(o))return'<pre class="hljs language-'+gt.utils.escapeHtml(o.toLowerCase())+'"><code>'+(0,Jn.highlight)(o,t,!0).value+"</code></pre>";if(o==="auto"){const r=(0,Jn.highlightAuto)(t);return'<pre class="hljs language-'+gt.utils.escapeHtml(r.language)+'"><code>'+r.value+"</code></pre>"}return'<pre class="hljs"><code>'+gt.utils.escapeHtml(t)+"</code></pre>"}}).use(Oc()).use($r(),"warning").use($r(),"tip").use(xc()).use(Zc()).use(Ac()).use(Sc()).use($c()).use(Nc()).use(Wc());gt.renderer.rules.footnote_ref=(t,o,r,a,s)=>'<sup class="footnote-ref"><span>'+s.rules.footnote_caption(t,o,r,a,s)+"</span></sup>",gt.renderer.rules.footnote_anchor=()=>' <span class="footnote-backref">\u21A9\uFE0E</span>';var zc=gt,Uc=i(13993),Br=i.n(Uc);const Vc={...Br().defaults,allowedTags:!1,allowedAttributes:{"*":["href","align","alt","center","width","height","type","controls","target"],img:["src","alt"],source:["src","type"]}};var qc=t=>Br()(t,Vc),Hc=W.ZP.div`
+  position: absolute;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  padding: ${({theme:t})=>`${t.spaces[3]} ${t.spaces[4]}`};
+  font-size: ${14/16}rem;
+  background-color: ${({theme:t})=>t.colors.neutral0};
+  color: ${({theme:t})=>t.colors.neutral800};
+  line-height: ${({theme:t})=>t.lineHeights[6]};
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    margin-block-start: ${({theme:t})=>t.spaces[2]};
+    margin-block-end: ${({theme:t})=>t.spaces[2]};
+  }
+
+  p {
+    margin-bottom: ${({theme:t})=>t.spaces[2]};
+  }
+
+  h1 {
+    font-size: ${36/16}rem;
+    font-weight: 600;
+  }
+
+  h2 {
+    font-size: ${30/16}rem;
+    font-weight: 500;
+  }
+
+  h3 {
+    font-size: ${24/16}rem;
+    font-weight: 500;
+  }
+
+  h4 {
+    font-size: ${20/16}rem;
+    font-weight: 500;
+  }
+
+  strong {
+    font-weight: 800;
+  }
+
+  em {
+    font-style: italic;
+  }
+
+  blockquote {
+    margin-top: ${({theme:t})=>t.spaces[8]};
+    margin-bottom: ${({theme:t})=>t.spaces[7]};
+    font-size: ${14/16}rem;
+    font-weight: 400;
+    border-left: 4px solid ${({theme:t})=>t.colors.neutral150};
+    font-style: italic;
+    padding: ${({theme:t})=>t.spaces[2]} ${({theme:t})=>t.spaces[5]};
+  }
+
+  img {
+    max-width: 100%;
+  }
+
+  table {
+    thead {
+      background: ${({theme:t})=>t.colors.neutral150};
+
+      th {
+        padding: ${({theme:t})=>t.spaces[4]};
+      }
+    }
+    tr {
+      border: 1px solid ${({theme:t})=>t.colors.neutral200};
+    }
+    th,
+    td {
+      padding: ${({theme:t})=>t.spaces[4]};
+      border: 1px solid ${({theme:t})=>t.colors.neutral200};
+      border-bottom: 0;
+      border-top: 0;
+    }
+  }
+
+  pre,
+  code {
+    font-size: ${14/16}rem;
+    border-radius: 4px;
+    /* 
+      Hard coded since the color is the same between themes,
+      theme.colors.neutral800 changes between themes.
+
+      Matches the color of the JSON Input component.
+    */
+    background-color: #32324d;
+    max-width: 100%;
+    overflow: auto;
+    padding: ${({theme:t})=>t.spaces[2]};
+  }
+
+  /* Inline code */
+  p,
+  pre,
+  td {
+    > code {
+      color: #839496;
+    }
+  }
+
+  ol {
+    list-style-type: decimal;
+    margin-block-start: ${({theme:t})=>t.spaces[4]};
+    margin-block-end: ${({theme:t})=>t.spaces[4]};
+    margin-inline-start: 0px;
+    margin-inline-end: 0px;
+    padding-inline-start: ${({theme:t})=>t.spaces[4]};
+
+    ol,
+    ul {
+      margin-block-start: 0px;
+      margin-block-end: 0px;
+    }
+  }
+
+  ul {
+    list-style-type: disc;
+    margin-block-start: ${({theme:t})=>t.spaces[4]};
+    margin-block-end: ${({theme:t})=>t.spaces[4]};
+    margin-inline-start: 0px;
+    margin-inline-end: 0px;
+    padding-inline-start: ${({theme:t})=>t.spaces[4]};
+
+    ul,
+    ol {
+      margin-block-start: 0px;
+      margin-block-end: 0px;
+    }
+  }
+`;const _n=({data:t})=>{const o=(0,e.useMemo)(()=>qc(zc.render(t.replaceAll("\\n",`
+`)||"")),[t]);return e.createElement(Hc,null,e.createElement("div",{dangerouslySetInnerHTML:{__html:o}}))};_n.defaultProps={data:""},_n.propTypes={data:n().string};var Nr=(0,e.memo)(_n);const Gc=W.ZP.div`
+  cursor: ${({disabled:t})=>t?"not-allowed !important":"auto"};
+  height: 100%;
+  /* BASICS */
+  .CodeMirror-placeholder {
+    color: ${({theme:t})=>t.colors.neutral600} !important;
+  }
+
+  .CodeMirror {
+    /* Set height, width, borders, and global font properties here */
+    font-size: ${14/16}rem;
+    height: ${({isExpandMode:t})=>t?"100%":"290px"};
+    color: ${({theme:t})=>t.colors.neutral800};
+    direction: ltr;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
+      'Open Sans', 'Helvetica Neue', sans-serif;
+  }
+
+  /* PADDING */
+
+  .CodeMirror-lines {
+    padding: ${({theme:t})=>`${t.spaces[3]} ${t.spaces[4]}`};
+    /* Vertical padding around content */
+  }
+
+  .CodeMirror-scrollbar-filler,
+  .CodeMirror-gutter-filler {
+    /* The little square between H and V scrollbars */
+    background-color: ${({theme:t})=>`${t.colors.neutral0}`};
+  }
+
+  /* GUTTER */
+
+  .CodeMirror-gutters {
+    border-right: 1px solid #ddd;
+    background-color: #f7f7f7;
+    white-space: nowrap;
+  }
+  .CodeMirror-linenumbers {
+  }
+  .CodeMirror-linenumber {
+    padding: 0 3px 0 5px;
+    min-width: 20px;
+    text-align: right;
+    color: #999;
+    white-space: nowrap;
+  }
+
+  .CodeMirror-guttermarker {
+    color: black;
+  }
+  .CodeMirror-guttermarker-subtle {
+    color: #999;
+  }
+
+  /* CURSOR */
+
+  .CodeMirror-cursor {
+    border-left: 1px solid black;
+    border-right: none;
+    width: 0;
+  }
+  /* Shown when moving in bi-directional text */
+  .CodeMirror div.CodeMirror-secondarycursor {
+    border-left: 1px solid silver;
+  }
+  .cm-fat-cursor .CodeMirror-cursor {
+    width: auto;
+    border: 0 !important;
+    background: #7e7;
+  }
+  .cm-fat-cursor div.CodeMirror-cursors {
+    /* z-index: 1; */
+  }
+
+  .cm-fat-cursor-mark {
+    background-color: rgba(20, 255, 20, 0.5);
+    -webkit-animation: blink 1.06s steps(1) infinite;
+    -moz-animation: blink 1.06s steps(1) infinite;
+    animation: blink 1.06s steps(1) infinite;
+  }
+  .cm-animate-fat-cursor {
+    width: auto;
+    border: 0;
+    -webkit-animation: blink 1.06s steps(1) infinite;
+    -moz-animation: blink 1.06s steps(1) infinite;
+    animation: blink 1.06s steps(1) infinite;
+    background-color: #7e7;
+  }
+
+  /* Can style cursor different in overwrite (non-insert) mode */
+  .CodeMirror-overwrite .CodeMirror-cursor {
+  }
+
+  .cm-tab {
+    display: inline-block;
+    text-decoration: inherit;
+  }
+
+  .CodeMirror-rulers {
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: -50px;
+    bottom: 0;
+    overflow: hidden;
+  }
+  .CodeMirror-ruler {
+    border-left: 1px solid #ccc;
+    top: 0;
+    bottom: 0;
+    position: absolute;
+  }
+
+  /* DEFAULT THEME */
+
+  .cm-header,
+  .cm-strong {
+    font-weight: bold;
+  }
+  .cm-em {
+    font-style: italic;
+  }
+  .cm-link {
+    text-decoration: underline;
+  }
+  .cm-strikethrough {
+    text-decoration: line-through;
+  }
+
+  .CodeMirror-composing {
+    border-bottom: 2px solid;
+  }
+
+  /* Default styles for common addons */
+
+  div.CodeMirror span.CodeMirror-matchingbracket {
+    color: #0b0;
+  }
+  div.CodeMirror span.CodeMirror-nonmatchingbracket {
+    color: #a22;
+  }
+  .CodeMirror-matchingtag {
+    background: rgba(255, 150, 0, 0.3);
+  }
+  .CodeMirror-activeline-background {
+    background: #e8f2ff;
+  }
+
+  /* STOP */
+
+  /* The rest of this file contains styles related to the mechanics of
+    the editor. You probably shouldn't touch them. */
+
+  .CodeMirror {
+    position: relative;
+    overflow: hidden;
+    background: ${({theme:t})=>`${t.colors.neutral0}`};
+  }
+
+  .CodeMirror-scroll {
+    overflow: scroll !important; /* Things will break if this is overridden */
+    /* 50px is the magic margin used to hide the element's real scrollbars */
+    /* See overflow: hidden in .CodeMirror */
+    margin-bottom: -50px;
+    margin-right: -50px;
+    padding-bottom: 50px;
+    height: 100%;
+    outline: none; /* Prevent dragging from highlighting the element */
+    position: relative;
+  }
+  .CodeMirror-sizer {
+    position: relative;
+    border-right: 50px solid transparent;
+  }
+
+  /* The fake, visible scrollbars. Used to force redraw during scrolling
+    before actual scrolling happens, thus preventing shaking and
+    flickering artifacts. */
+  .CodeMirror-vscrollbar,
+  .CodeMirror-hscrollbar,
+  .CodeMirror-scrollbar-filler,
+  .CodeMirror-gutter-filler {
+    position: absolute;
+    z-index: 1;
+    display: none;
+    outline: none;
+  }
+
+  .CodeMirror-vscrollbar {
+    right: 0;
+    top: 0;
+    overflow-x: hidden;
+    overflow-y: scroll;
+  }
+  .CodeMirror-hscrollbar {
+    bottom: 0;
+    left: 0;
+    overflow-y: hidden;
+    overflow-x: scroll;
+  }
+  .CodeMirror-scrollbar-filler {
+    right: 0;
+    bottom: 0;
+  }
+
+  .CodeMirror-lines {
+    cursor: text;
+    min-height: 1px; /* prevents collapsing before first draw */
+  }
+  /* Reset some styles that the rest of the page might have set */
+  .CodeMirror pre.CodeMirror-line,
+  .CodeMirror pre.CodeMirror-line-like {
+    -moz-border-radius: 0;
+    -webkit-border-radius: 0;
+    border-radius: 0;
+    border-width: 0;
+    background: transparent;
+    font-family: inherit;
+    font-size: inherit;
+    margin: 0;
+    white-space: pre;
+    word-wrap: normal;
+    line-height: 1.5;
+    color: inherit;
+    /* z-index: 2; */
+    position: relative;
+    overflow: visible;
+    -webkit-tap-highlight-color: transparent;
+    -webkit-font-variant-ligatures: contextual;
+    font-variant-ligatures: contextual;
+  }
+
+  .CodeMirror pre.CodeMirror-line-like {
+    z-index: 2;
+  }
+
+  .CodeMirror-wrap pre.CodeMirror-line,
+  .CodeMirror-wrap pre.CodeMirror-line-like {
+    word-wrap: break-word;
+    white-space: pre-wrap;
+    word-break: normal;
+  }
+
+  .CodeMirror-linebackground {
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    z-index: 0;
+  }
+
+  .CodeMirror-linewidget {
+    position: relative;
+    /* z-index: 2; */
+    padding: 0.1px; /* Force widget margins to stay inside of the container */
+  }
+
+  .CodeMirror-widget {
+  }
+
+  .CodeMirror-rtl pre {
+    direction: rtl;
+  }
+
+  .CodeMirror-code {
+    outline: none;
+  }
+
+  /* Force content-box sizing for the elements where we expect it */
+  .CodeMirror-scroll,
+  .CodeMirror-sizer,
+  .CodeMirror-gutter,
+  .CodeMirror-gutters,
+  .CodeMirror-linenumber {
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+  }
+
+  .CodeMirror-measure {
+    position: absolute;
+    width: 100%;
+    height: 0;
+    overflow: hidden;
+    visibility: hidden;
+  }
+
+  .CodeMirror-cursor {
+    position: absolute;
+    pointer-events: none;
+    border-color: ${({theme:t})=>`${t.colors.neutral800}`};
+  }
+  .CodeMirror-measure pre {
+    position: static;
+  }
+
+  div.CodeMirror-cursors {
+    visibility: hidden;
+    position: relative;
+    + div {
+      z-index: 0 !important;
+    }
+  }
+
+  div.CodeMirror-dragcursors {
+    visibility: visible;
+  }
+
+  .CodeMirror-focused div.CodeMirror-cursors {
+    visibility: visible;
+  }
+
+  .CodeMirror-selected {
+    background: ${({theme:t})=>t.colors.neutral200};
+    /* z-index: -10; */
+  }
+  .CodeMirror-crosshair {
+    cursor: crosshair;
+  }
+
+  /* Used to force a border model for a node */
+  .cm-force-border {
+    padding-right: 0.1px;
+  }
+
+  /* See issue #2901 */
+  .cm-tab-wrap-hack:after {
+    content: '';
+  }
+
+  /* Help users use markselection to safely style text background */
+  span.CodeMirror-selectedtext {
+    background: none;
+  }
+
+  span {
+    color: ${({theme:t})=>t.colors.neutral800} !important;
+  }
+`;var Kt=/^(\s*)(>[> ]*|[*+-] \[[x ]\]\s|[*+-]\s|(\d+)([.)]))(\s*)/,Qc=/^(\s*)(>[> ]*|[*+-] \[[x ]\]|[*+-]|(\d+)[.)])(\s*)$/,Kc=/[*+-]\s/;function Yc(t){if(t.getOption("disableInput"))return Xn().Pass;for(var o=t.listSelections(),r=[],a=0;a<o.length;a++){var s=o[a].head,c=t.getStateAfter(s.line),l=c.list!==!1,d=c.quote!==0,m=t.getLine(s.line),u=Kt.exec(m),p=/^\s*$/.test(m.slice(0,s.ch));if(!o[a].empty()||!l&&!d||!u||p){t.execCommand("newlineAndIndent");return}if(Qc.test(m)){var b=d&&/>\s*$/.test(m),f=!/>\s*$/.test(m);(b||f)&&t.replaceRange("",{line:s.line,ch:0},{line:s.line,ch:s.ch+1}),r[a]=`
+`}else{var g=u[1],y=u[5],C=!(Kc.test(u[2])||u[2].indexOf(">")>=0),k=C?parseInt(u[3],10)+1+u[4]:u[2].replace("x"," ");r[a]=`
+`+g+k+y,C&&Xc(t,s)}}t.replaceSelections(r)}function Xc(t,o){var r=o.line,a=0,s=0,c=Kt.exec(t.getLine(r)),l=c[1];do{a+=1;var d=r+a,m=t.getLine(d),u=Kt.exec(m);if(u){var p=u[1],b=parseInt(c[3],10)+a-s,f=parseInt(u[3],10),g=f;if(l===p&&!isNaN(f))b===f&&(g=f+1),b>f&&(g=b+1),t.replaceRange(m.replace(Kt,p+g+u[4]+u[5]),{line:d,ch:0},{line:d,ch:m.length});else{if(l.length>p.length||l.length<p.length&&a===1)return;s+=1}}}while(u)}var Jc=Yc;const Ie=(0,W.ZP)(ve.h)`
+  padding: ${({theme:t})=>t.spaces[2]};
+  /* Trick to prevent the outline from overflowing because of the general outline-offset */
+  outline-offset: -2px !important;
+
+  svg {
+    width: ${18/16}rem;
+    height: ${18/16}rem;
+  }
+`,_c=(0,W.ZP)(Ie)`
+  svg {
+    width: ${8/16}rem;
+    height: ${8/16}rem;
+  }
+`,jr=(0,W.ZP)(ve.o)`
+  margin-left: ${({theme:t})=>t.spaces[4]};
+`,Wr=(0,W.ZP)(ve.h)`
+  margin: ${({theme:t})=>`0 ${t.spaces[2]}`};
+  padding: ${({theme:t})=>t.spaces[2]};
+
+  svg {
+    width: ${18/16}rem;
+    height: ${18/16}rem;
+  }
+`,ed=(0,W.ZP)(ve.o)`
+  margin-right: ${({theme:t})=>`${t.spaces[2]}`};
+`,td=W.ZP.div`
+  position: relative;
+  height: calc(100% - 48px);
+`,nd=(0,W.ZP)(xn.Y)`
+  background-color: transparent;
+  border: none;
+  align-items: center;
+
+  svg {
+    margin-left: ${({theme:t})=>`${t.spaces[2]}`};
+    path {
+      fill: ${({theme:t})=>t.colors.neutral700};
+      width: ${12/16}rem;
+      height: ${12/16}rem;
+    }
+  }
+`;var sg=i(27217);const eo=({disabled:t,editorRef:o,error:r,isPreviewMode:a,isExpandMode:s,name:c,onChange:l,placeholder:d,textareaRef:m,value:u})=>{const p=(0,e.useRef)(l);return(0,e.useEffect)(()=>{o.current=Xn().fromTextArea(m.current,{lineWrapping:!0,extraKeys:{Enter:"newlineAndIndentContinueMarkdownList",Tab:!1,"Shift-Tab":!1},readOnly:!1,smartIndent:!1,placeholder:d,spellcheck:!0,inputStyle:"contenteditable"}),Xn().commands.newlineAndIndentContinueMarkdownList=Jc,o.current.on("change",b=>{p.current({target:{name:c,value:b.getValue(),type:"wysiwyg"}})})},[o,m,c,d]),(0,e.useEffect)(()=>{u&&!o.current.hasFocus()&&o.current.setValue(u)},[o,u]),(0,e.useEffect)(()=>{a||t?o.current.setOption("readOnly","nocursor"):o.current.setOption("readOnly",!1)},[t,a,o]),(0,e.useEffect)(()=>{r?o.current.setOption("screenReaderLabel",r):o.current.setOption("screenReaderLabel","Editor")},[o,r]),e.createElement(td,null,e.createElement(Gc,{isExpandMode:s,disabled:t||a},e.createElement("textarea",{ref:m})),a&&e.createElement(Nr,{data:u}))};eo.defaultProps={disabled:!1,error:void 0,isPreviewMode:!1,isExpandMode:!1,placeholder:"",value:""},eo.propTypes={disabled:n().bool,editorRef:n().shape({current:n().any}).isRequired,error:n().string,isPreviewMode:n().bool,isExpandMode:n().bool,name:n().string.isRequired,onChange:n().func.isRequired,placeholder:n().string,textareaRef:n().shape({current:n().any}).isRequired,value:n().string};var od=eo,rd=i(71933),ad=i(67563);const sd=(t,o)=>`${t}${Math.floor(o*255).toString(16).padStart(2,0)}`,id=(0,W.ZP)(L.k)`
+  background: ${({theme:t})=>sd(t.colors.neutral800,.2)};
+`,ld=(0,W.ZP)(U.x)`
+  border-right: 1px solid ${({theme:t})=>t.colors.neutral200};
+`,cd=(0,W.ZP)(xn.Y)`
+  background-color: transparent;
+  border: none;
+  align-items: center;
+
+  svg {
+    margin-left: ${({theme:t})=>`${t.spaces[2]}`};
+
+    path {
+      fill: ${({theme:t})=>t.colors.neutral700};
+      width: ${12/16}rem;
+      height: ${12/16}rem;
+    }
+  }
+`,to=({children:t,isExpandMode:o,error:r,previewContent:a,onCollapse:s})=>{const{formatMessage:c}=(0,Y.Z)();return(0,E.F5)(o),o?e.createElement(rd.h,{role:"dialog","aria-modal":!1},e.createElement(ad.i,{onEscape:s},e.createElement(id,{position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:4,justifyContent:"center",onClick:s},e.createElement(U.x,{background:"neutral0",hasRadius:!0,shadow:"popupShadow",overflow:"hidden",width:"70%",height:"70%",onClick:l=>l.stopPropagation()},e.createElement(L.k,{height:"100%",alignItems:"flex-start"},e.createElement(ld,{flex:"1",height:"100%"},t),e.createElement(L.k,{alignItems:"start",direction:"column",flex:1,height:"100%",width:"100%"},e.createElement(L.k,{height:(0,E.Q1)(48),background:"neutral100",justifyContent:"flex-end",shrink:0,width:"100%"},e.createElement(cd,{onClick:s},e.createElement(H.Z,null,c({id:"components.Wysiwyg.collapse",defaultMessage:"Collapse"})),e.createElement(Qo.Z,null))),e.createElement(U.x,{position:"relative",height:"100%",width:"100%"},e.createElement(Nr,{data:a})))))))):e.createElement(U.x,{borderColor:r?"danger600":"neutral200",borderStyle:"solid",borderWidth:"1px",hasRadius:!0},t)};to.defaultProps={error:void 0,previewContent:""},to.propTypes={children:n().node.isRequired,error:n().string,isExpandMode:n().bool.isRequired,previewContent:n().string,onCollapse:n().func.isRequired};const zr=(t,o)=>{let r;switch(t){case"Strikethrough":r=`~~${o}~~`;break;case"Bold":r=`**${o}**`;break;case"Italic":r=`_${o}_`;break;case"Underline":r=`<u>${o}</u>`;break;case"Code":r=`\`\`\`
+${o}
+\`\`\``;break;case"Link":r=`[${o}](link)`;break;case"Quote":r=`>${o}`;break;default:r=o}return r},Ur=t=>{let o,r={start:t.length,end:0};switch(t){case"Strikethrough":o=`~~${t}~~`,r.end=2;break;case"Bold":o=`**${t}**`,r.end=2;break;case"Italic":o=`_${t}_`,r.end=1;break;case"alt":o=`[${t}]()`,r.end=3;break;case"Underline":o=`<u>${t}</u>`,r.end=4;break;case"Code":o=`\`\`\`
+${t}
+\`\`\``,r.end=3;break;case"Link":o=`[${t}](link)`,r.end=7;break;case"Quote":o=`>${t}`,r.end=0;break;default:o=""}return{editedText:o,selection:r}},Vr=t=>{let o;switch(t){case"BulletList":o="- ";break;case"NumberList":o="1. ";break;case"h1":o="# ";break;case"h2":o="## ";break;case"h3":o="### ";break;case"h4":o="#### ";break;case"h5":o="##### ";break;case"h6":o="###### ";break;default:return""}return o},qr=(t,o)=>{const r=t.current.getSelection();let a;if(r){const s=zr(o,r);t.current.replaceSelection(s),t.current.focus()}else{a=Ur(o),t.current.replaceSelection(a.editedText),t.current.focus();const{line:s,ch:c}=t.current.getCursor(),l=c-a.selection.end,d=c-a.selection.end-a.selection.start;t.current.setSelection({line:s,ch:d},{line:s,ch:l})}},dd=(t,o)=>{const r=t.current.getDoc(),a=o==="BulletList"?"- ":"1. ";if(r.somethingSelected()){const s=r.listSelections();let c=null;t.current.operation(function(){s.forEach(function(l){const d=[l.head.line,l.anchor.line].sort();c==null&&(c=r.getLine(d[0]).startsWith(a));for(let m=d[0];m<=d[1];m++)if(c)r.getLine(m).startsWith(a)&&r.replaceRange("",{line:m,ch:0},{line:m,ch:a.length});else{const u=o==="BulletList"?"- ":`${m+1}. `;r.replaceRange(u,{line:m,ch:0})}})})}else{let{line:s}=r.getCursor();const c=Vr(o),l=t.current.getLine(s),d=c+l;t.current.setSelection({line:s,ch:0},{line:s,ch:l.length}),t.current.replaceSelection(d)}t.current.focus()},ud=(t,o)=>{let{line:r}=t.current.getCursor();const a=Vr(o),s=t.current.getLine(r),c=s.replace(/#{1,6}\s/g,"").trim(),l=a+c;t.current.setSelection({line:r,ch:0},{line:r,ch:s.length}),t.current.replaceSelection(l),setTimeout(()=>{const d=t.current.getLine(r).length;t.current.focus(),t.current.setCursor({line:r,ch:d})},0)},md=(t,o)=>{let{line:r,ch:a}=t.current.getCursor();o.forEach((s,c)=>{let l=t.current.getLine(r).length;t.current.setCursor({line:r,ch:l}),(c>0||c===0&&a!==0)&&(l=t.current.getLine(r).length,t.current.setCursor({line:r,ch:l}),r++,t.current.replaceSelection(`
+`)),s.mime.includes("image")?t.current.replaceSelection(`![${s.alt}](${s.url})`):t.current.replaceSelection(`[${s.alt}](${s.url})`)}),setTimeout(()=>t.current.focus(),0)},pd=(t,o,r,a,s)=>{const c=zr(o,s),l=t.current.getRange({line:r+1,ch:0},{line:1/0,ch:1/0});if(t.current.replaceRange("",{line:r+1,ch:0},{line:1/0,ch:1/0}),t.current.replaceSelection(""),t.current.setCursor({line:r,ch:a}),t.current.replaceSelection(`
+`),t.current.replaceSelection(c),o==="Code"){let{line:d}=t.current.getCursor();t.current.setCursor({line:d-1,ch:s.length})}t.current.replaceRange(l,{line:r+4,ch:0},{line:1/0,ch:1/0}),t.current.focus()},gd=(t,o,r,a)=>{const s=Ur(o),c=t.current.getRange({line:r+1,ch:0},{line:1/0,ch:1/0});if(t.current.replaceRange("",{line:r+1,ch:0},{line:1/0,ch:1/0}),t.current.setCursor({line:r,ch:a}),t.current.replaceSelection(`
+`),t.current.replaceSelection(s.editedText),o==="Code")r+=2,t.current.setSelection({line:r,ch:0},{line:r,ch:4});else{r+=1;let{ch:l}=t.current.getCursor(),d=l-s.selection.end,m=l-s.selection.end-s.selection.start;t.current.setSelection({line:r,ch:m},{line:r,ch:d})}t.current.replaceRange(c,{line:r+2,ch:0},{line:1/0,ch:1/0}),t.current.focus()},fd=(t,o)=>{const r=t.current.getSelection();let{line:a}=t.current.getCursor(),s=t.current.getLine(a).length;r?pd(t,o,a,s,r):gd(t,o,a,s)},no=({onToggleExpand:t})=>{const{formatMessage:o}=(0,Y.Z)();return e.createElement(U.x,{padding:2,background:"neutral100",hasRadius:!0},e.createElement(L.k,{justifyContent:"flex-end",alignItems:"flex-end"},e.createElement(nd,{id:"expand",onClick:t},e.createElement(H.Z,null,o({id:"components.WysiwygBottomControls.fullscreen",defaultMessage:"Expand"})),e.createElement(Ko.Z,null))))};no.defaultProps={onToggleExpand(){}},no.propTypes={onToggleExpand:n().func};var hd=no,yd=i(5383),Ed=i(20063);const oo=({disabled:t,editorRef:o,isExpandMode:r,isPreviewMode:a,onActionClick:s,onToggleMediaLib:c,onTogglePreviewMode:l})=>{const[d,m]=(0,e.useState)(!1),{formatMessage:u}=(0,Y.Z)(),p=u({id:"components.Wysiwyg.selectOptions.title",defaultMessage:"Add a title"}),b=(0,e.useRef)(),f=()=>{m(g=>!g)};return t||a?e.createElement(L.k,{padding:2,background:"neutral100",justifyContent:"space-between"},e.createElement(Hr,null,e.createElement(Fe.P,{disabled:!0,placeholder:p,size:"S",label:p},e.createElement(be.W,{value:"h1"},"h1"),e.createElement(be.W,{value:"h2"},"h2"),e.createElement(be.W,{value:"h3"},"h3"),e.createElement(be.W,{value:"h4"},"h4"),e.createElement(be.W,{value:"h5"},"h5"),e.createElement(be.W,{value:"h6"},"h6")),e.createElement(jr,null,e.createElement(Ie,{disabled:!0,id:"Bold",label:"Bold",name:"Bold",icon:e.createElement(sn.Z,null)}),e.createElement(Ie,{disabled:!0,id:"Italic",label:"Italic",name:"Italic",icon:e.createElement(ln.Z,null)}),e.createElement(Ie,{disabled:!0,id:"Underline",label:"Underline",name:"Underline",icon:e.createElement(dn.Z,null)})),e.createElement(Wr,{disabled:!0,id:"more",label:"More",icon:e.createElement($n.Z,null)})),!r&&e.createElement(de.z,{onClick:l,variant:"tertiary",id:"preview"},u({id:"components.Wysiwyg.ToggleMode.markdown-mode",defaultMessage:"Markdown mode"}))):e.createElement(L.k,{padding:2,background:"neutral100",justifyContent:"space-between"},e.createElement(Hr,null,e.createElement(Fe.P,{placeholder:p,label:p,size:"S",onChange:g=>s(g,o)},e.createElement(be.W,{value:"h1"},"h1"),e.createElement(be.W,{value:"h2"},"h2"),e.createElement(be.W,{value:"h3"},"h3"),e.createElement(be.W,{value:"h4"},"h4"),e.createElement(be.W,{value:"h5"},"h5"),e.createElement(be.W,{value:"h6"},"h6")),e.createElement(jr,null,e.createElement(Ie,{onClick:()=>s("Bold",o),id:"Bold",label:"Bold",name:"Bold",icon:e.createElement(sn.Z,null)}),e.createElement(Ie,{onClick:()=>s("Italic",o),id:"Italic",label:"Italic",name:"Italic",icon:e.createElement(ln.Z,null)}),e.createElement(Ie,{onClick:()=>s("Underline",o),id:"Underline",label:"Underline",name:"Underline",icon:e.createElement(dn.Z,null)})),e.createElement(Wr,{ref:b,onClick:f,id:"more",label:"More",icon:e.createElement($n.Z,null)}),d&&e.createElement(yd.J2,{onDismiss:f,centered:!0,source:b,spacing:4,id:"popover"},e.createElement(L.k,null,e.createElement(ed,null,e.createElement(Ie,{onClick:()=>s("Strikethrough",o,f),id:"Strikethrough",label:"Strikethrough",name:"Strikethrough",icon:e.createElement(tr.Z,null)}),e.createElement(Ie,{onClick:()=>s("BulletList",o,f),id:"BulletList",label:"BulletList",name:"BulletList",icon:e.createElement(Ho.Z,null)}),e.createElement(Ie,{onClick:()=>s("NumberList",o,f),id:"NumberList",label:"NumberList",name:"NumberList",icon:e.createElement(Ed.Z,null)})),e.createElement(ve.o,null,e.createElement(Ie,{onClick:()=>s("Code",o,f),id:"Code",label:"Code",name:"Code",icon:e.createElement(Go.Z,null)}),e.createElement(Ie,{onClick:()=>{f(),c()},id:"Image",label:"Image",name:"Image",icon:e.createElement(_o.Z,null)}),e.createElement(_c,{onClick:()=>s("Link",o,f),id:"Link",label:"Link",name:"Link",icon:e.createElement(Jo.Z,null)}),e.createElement(Ie,{onClick:()=>s("Quote",o,f),id:"Quote",label:"Quote",name:"Quote",icon:e.createElement(er.Z,null)}))))),l&&e.createElement(de.z,{onClick:l,variant:"tertiary",id:"preview"},u({id:"components.Wysiwyg.ToggleMode.preview-mode",defaultMessage:"Preview mode"})))};oo.defaultProps={isPreviewMode:!1,onActionClick(){},onToggleMediaLib(){},onTogglePreviewMode:void 0},oo.propTypes={disabled:n().bool.isRequired,editorRef:n().shape({current:n().any}).isRequired,isExpandMode:n().bool.isRequired,isPreviewMode:n().bool,onActionClick:n().func,onToggleMediaLib:n().func,onTogglePreviewMode:n().func};var bd=oo;const Hr=(0,W.ZP)(L.k)`
+  /* Hide the label, every input needs a label. */
+  label {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: 1px;
+  }
+`,vd=(0,W.ZP)(U.x)`
+  svg path {
+    fill: ${({theme:t})=>t.colors.neutral500};
+  }
+`,Cd=(0,W.ZP)(H.Z)`
+  line-height: 0;
+`,ro=({hint:t,disabled:o,error:r,intlLabel:a,labelAction:s,name:c,onChange:l,placeholder:d,value:m,required:u})=>{const{formatMessage:p}=(0,Y.Z)(),b=(0,e.useRef)(null),f=(0,e.useRef)(null),[g,y]=(0,e.useState)(!1),[C,k]=(0,e.useState)(!1),[v,R]=(0,e.useState)(!1),{components:D}=(0,E.yX)(),N=D["media-library"],P=()=>k(Z=>!Z),O=()=>y(Z=>!Z),w=()=>{y(!1),R(Z=>!Z)},M=(Z,K,J)=>{switch(Z){case"Link":case"Strikethrough":{qr(K,Z),J();break}case"Code":case"Quote":{fd(K,Z),J();break}case"Bold":case"Italic":case"Underline":{qr(K,Z);break}case"BulletList":case"NumberList":{dd(K,Z),J();break}case"h1":case"h2":case"h3":case"h4":case"h5":case"h6":{ud(K,Z);break}default:}},I=Z=>{const K=Z.map(J=>({alt:J.alternativeText||J.name,url:(0,E.CR)(J.url),mime:J.mime}));md(f,K),k(!1)},$=d?p({id:d.id,defaultMessage:d.defaultMessage},{...d.values}):"",q=a.id?p({id:a.id,defaultMessage:a.defaultMessage},{...a.values}):c;return e.createElement(e.Fragment,null,e.createElement(L.k,{direction:"column",alignItems:"stretch",gap:1},e.createElement(L.k,{gap:1},e.createElement(H.Z,{variant:"pi",fontWeight:"bold",textColor:"neutral800"},q,u&&e.createElement(Cd,{textColor:"danger600"},"*")),s&&e.createElement(vd,{paddingLeft:1},s)),e.createElement(to,{isExpandMode:v,error:r,previewContent:m,onCollapse:w},e.createElement(bd,{isExpandMode:v,editorRef:f,isPreviewMode:g,onActionClick:M,onToggleMediaLib:P,onTogglePreviewMode:v?void 0:O,disabled:o}),e.createElement(od,{disabled:o,isExpandMode:v,editorRef:f,error:r,isPreviewMode:g,name:c,onChange:l,placeholder:$,textareaRef:b,value:m}),!v&&e.createElement(hd,{onToggleExpand:w})),e.createElement(Cc,{hint:t,name:c,error:r})),r&&e.createElement(U.x,{paddingTop:1},e.createElement(H.Z,{variant:"pi",textColor:"danger600","data-strapi-field-error":!0},r)),C&&e.createElement(N,{onClose:P,onSelectAssets:I}))};ro.defaultProps={disabled:!1,error:"",labelAction:void 0,placeholder:null,required:!1,value:"",hint:""},ro.propTypes={hint:n().oneOfType([n().string,n().array]),disabled:n().bool,error:n().string,intlLabel:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}).isRequired,labelAction:n().element,name:n().string.isRequired,onChange:n().func.isRequired,placeholder:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}),required:n().bool,value:n().string};var Rd=ro;function Md(t,o){return r=>{const a=o(r.keys);return e.createElement(t,{...r,...a})}}var Td=Md,Dd=(t,o=!1)=>[{metadatas:{intlLabel:{id:"components.InputSelect.option.placeholder",defaultMessage:"Choose here"},disabled:o,hidden:o},key:"__enum_option_null",value:""},...t.map(r=>({metadatas:{intlLabel:{id:r,defaultMessage:r},hidden:!1,disabled:!1},key:r,value:r}))],Od=i(59578),Id=i.n(Od),Pd=(t="")=>{switch(Id()(t)){case"boolean":return"bool";case"biginteger":return"text";case"decimal":case"float":case"integer":return"number";case"date":case"datetime":case"time":return t;case"email":return"email";case"enumeration":return"select";case"password":return"password";case"string":return"text";case"text":return"textarea";case"media":case"file":case"files":return"media";case"json":return"json";case"wysiwyg":case"WYSIWYG":case"richtext":return"wysiwyg";case"uid":return"uid";default:return t||"text"}};function xd(t){const{createActionAllowedFields:o,formErrors:r,isCreatingEntry:a,modifiedData:s,onChange:c,readActionAllowedFields:l,shouldNotRunValidations:d,updateActionAllowedFields:m}=(0,E.Wq)(),u=(0,e.useMemo)(()=>a?o:m,[a,o,m]),p=(0,e.useMemo)(()=>a?[]:l,[a,l]),b=A()(s,t,null);return{allowedFields:u,formErrors:r,isCreatingEntry:a,onChange:c,readableFields:p,shouldNotRunValidations:d,value:b}}var kd=xd,Gr=["type","model","via","collection","default","plugin","enum","regex","pluginOptions"];function ao({allowedFields:t,componentUid:o,fieldSchema:r,formErrors:a,isCreatingEntry:s,keys:c,labelAction:l,metadatas:d,onChange:m,readableFields:u,shouldNotRunValidations:p,queryInfos:b,value:f,size:g,customFieldInputs:y}){const{fields:C}=(0,E.yX)(),{formatMessage:k}=(0,Y.Z)(),{contentType:v}=(0,ae.PL)(),R=(0,e.useMemo)(()=>!A()(d,"editable",!0),[d]),{type:D,customField:N}=r,P=A()(a,[c],null),O=(0,e.useMemo)(()=>(0,h.Ts)(c),[c]),w=(0,e.useMemo)(()=>{const Q=Vl()(r,p?[...Gr,"required","minLength"]:Gr),B=r.regex||null;if(B){const X=new RegExp(B);X&&(Q.regex=X)}return Q},[r,p]),M=(0,e.useMemo)(()=>A()(w,["required"],!1),[w]),I=(0,e.useMemo)(()=>{const Q=A()(v,["attributes"],{});return A()(Q,[O[0],"type"],null)==="dynamiczone"},[v,O]),$=Pd(D),q=D==="media"&&!f?[]:f,Z=(0,e.useMemo)(()=>{const Q=O.join(".");if(t.includes(Q))return!0;if(I)return t.includes(O[0]);if(O.length>1){const X=Zt()(O,O.length-1).join(".");return t.includes(X)}return!1},[t,O,I]),K=(0,e.useMemo)(()=>{const Q=O.join(".");if(u.includes(Q))return!0;if(I)return u.includes(O[0]);if(O.length>1){const X=Zt()(O,O.length-1).join(".");return u.includes(X)}return!1},[u,O,I]),J=(0,e.useMemo)(()=>K||Z,[Z,K]),_=(0,e.useMemo)(()=>s?R:K&&!Z?!0:R,[R,s,Z,K]),x=(0,e.useMemo)(()=>Dd(r.enum||[],M),[r,M]),{label:F,description:T,placeholder:S,visible:j}=d;if(j===!1)return null;if(!J)return e.createElement(E.X0,{description:T?{id:T,defaultMessage:T}:null,intlLabel:{id:F,defaultMessage:F},labelAction:l,error:P&&k(P),name:c,required:M});if(D==="relation")return e.createElement(vc,{...d,...r,componentUid:o,description:d.description?k({id:d.description,defaultMessage:d.description}):void 0,intlLabel:{id:d.label,defaultMessage:d.label},labelAction:l,isUserAllowedToEditField:Z,isUserAllowedToReadField:K,name:c,placeholder:d.placeholder?{id:d.placeholder,defaultMessage:d.placeholder}:null,queryInfos:b,size:g,value:f,error:P&&k(P)});const G={uid:_l,media:C.media,wysiwyg:Rd,...C,...y};return e.createElement(E.jm,{attribute:r,autoComplete:"new-password",intlLabel:{id:F,defaultMessage:F},isNullable:$==="bool"&&[null,void 0].includes(r.default),description:T?{id:T,defaultMessage:T}:null,disabled:_,error:P,labelAction:l,contentTypeUID:v.uid,customInputs:G,multiple:r.multiple||!1,name:c,onChange:m,options:x,placeholder:S?{id:S,defaultMessage:S}:null,required:r.required||!1,step:Zd(D),type:N||$,value:q,withDefaultValue:!1})}ao.defaultProps={componentUid:void 0,formErrors:{},labelAction:void 0,size:void 0,value:null,queryInfos:{},customFieldInputs:{}},ao.propTypes={allowedFields:n().array.isRequired,componentUid:n().string,fieldSchema:n().object.isRequired,formErrors:n().object,keys:n().string.isRequired,isCreatingEntry:n().bool.isRequired,labelAction:n().element,metadatas:n().object.isRequired,onChange:n().func.isRequired,readableFields:n().array.isRequired,size:n().number,shouldNotRunValidations:n().bool.isRequired,value:n().any,queryInfos:n().shape({containsKey:n().string,defaultParams:n().object,endPoint:n().string}),customFieldInputs:n().object};const Zd=t=>{switch(t){case"float":case"decimal":return .01;default:return 1}},Ld=(0,e.memo)(ao,Ze());var so=Td(Ld,kd);const io=({componentUid:t,isFromDynamicZone:o,isNested:r,name:a})=>{const{getComponentLayout:s}=(0,ae.PL)(),l=(0,e.useMemo)(()=>s(t),[t,s]).layouts.edit,{lazyComponentStore:d}=Nn();return e.createElement(U.x,{background:o?"":"neutral100",paddingLeft:6,paddingRight:6,paddingTop:6,paddingBottom:6,hasRadius:r,borderColor:r?"neutral200":""},e.createElement(L.k,{direction:"column",alignItems:"stretch",gap:6},l.map((m,u)=>e.createElement(Te.r,{gap:4,key:u},m.map(({name:p,size:b,metadatas:f,fieldSchema:g,queryInfos:y})=>{const C=g.type==="component",k=`${a}.${p}`;if(C){const v=g.component;return e.createElement(Ee.P,{col:b,s:12,xs:12,key:p},e.createElement(Yt,{componentUid:v,intlLabel:{id:f.label,defaultMessage:f.label},isNested:!0,isRepeatable:g.repeatable,max:g.max,min:g.min,name:k,required:g.required||!1}))}return e.createElement(Ee.P,{col:b,key:p,s:12,xs:12},e.createElement(so,{componentUid:t,keys:k,fieldSchema:g,metadatas:f,queryInfos:y,size:b,customFieldInputs:d}))})))))};io.defaultProps={isFromDynamicZone:!1,isNested:!1},io.propTypes={componentUid:n().string.isRequired,isFromDynamicZone:n().bool,isNested:n().bool,name:n().string.isRequired};var Ad=io;const Fd=(0,W.ZP)(U.x)`
+  overflow: hidden;
+  border-bottom: 1px solid ${({theme:t})=>t.colors.neutral200};
+  border-right: 1px solid ${({theme:t})=>t.colors.neutral200};
+  border-left: 1px solid ${({theme:t})=>t.colors.neutral200};
+  border-radius: 0 0 ${({theme:t})=>t.borderRadius} ${({theme:t})=>t.borderRadius};
+`,Sd=(0,W.ZP)(U.x)`
+  border-bottom: none;
+
+  /* add the borders and make sure the top is transparent to avoid jumping with the hover effect  */
+  & > div > div {
+    border: 1px solid ${({theme:t})=>t.colors.neutral200};
+    border-top-color: transparent;
+  }
+
+  /* the top accordion _does_ need a border though */
+  & > div:first-child > div {
+    border-top: 1px solid ${({theme:t})=>t.colors.neutral200};
+  }
+
+  /* Reset all the border-radius' */
+  & > div > div,
+  & > div > div > div {
+    border-radius: unset;
+  }
+
+  /* Give the border radius back to the first accordion */
+  & > div:first-child > div,
+  & > div:first-child > div > div {
+    border-radius: ${({theme:t})=>t.borderRadius} ${({theme:t})=>t.borderRadius} 0 0;
+  }
+
+  & > div > div[data-strapi-expanded='true'] {
+    border: 1px solid ${({theme:t})=>t.colors.primary600};
+  }
+`,lo=({children:t,error:o})=>{const{formatMessage:r}=(0,Y.Z)();return e.createElement(Tr.k,{attributeName:"data-strapi-accordion-toggle"},t,o&&e.createElement(U.x,{paddingTop:1},e.createElement(H.Z,{variant:"pi",textColor:"danger600"},r({id:o.id,defaultMessage:o.defaultMessage},{...o.values}))))};lo.defaultProps={error:void 0},lo.propTypes={children:n().node.isRequired,error:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object})};var wd=i(41119),Qr=i.n(wd);const $d=W.ZP.span`
+  display: block;
+  background-color: ${({theme:t})=>t.colors.primary100};
+  outline: 1px dashed ${({theme:t})=>t.colors.primary500};
+  outline-offset: -1px;
+  padding: ${({theme:t})=>t.spaces[6]};
+`;var Bd=()=>e.createElement($d,{padding:6,background:"primary100"});const Nd=(0,W.ZP)(ve.h)`
+  background-color: transparent;
+
+  svg {
+    path {
+      fill: ${({theme:t,expanded:o})=>o?t.colors.primary600:t.colors.neutral600};
+    }
+  }
+
+  &:hover {
+    svg {
+      path {
+        fill: ${({theme:t})=>t.colors.primary600};
+      }
+    }
+  }
+`,jd=(0,W.ZP)(L.k)`
+  & .drag-handle {
+    background: unset;
+
+    svg {
+      path {
+        fill: ${({theme:t,expanded:o})=>o?t.colors.primary600:void 0};
+      }
+    }
+
+    &:hover {
+      svg {
+        path {
+          /* keeps the hover style of the accordion */
+          fill: ${({theme:t})=>t.colors.primary600};
+        }
+      }
+    }
+  }
+`,co=({componentFieldName:t,componentUid:o,fields:r,index:a,isOpen:s,isReadOnly:c,mainField:l,moveComponentField:d,onClickToggle:m,toggleCollapses:u,onGrabItem:p,onDropItem:b,onCancel:f})=>{const{modifiedData:g,removeRepeatableField:y,triggerFormValidation:C}=(0,E.Wq)(),k=Qr()(A()(g,[...t.split("."),l],"")),v=(0,e.useRef)(null),{formatMessage:R}=(0,Y.Z)(),D=t.split(".").slice(0,-1).join("."),[{handlerId:N,isDragging:P,handleKeyDown:O},w,M,I,$]=(0,Lr.Y)(!c,{type:`${h._Q.COMPONENT}_${D}`,index:a,item:{displayedValue:k},onMoveItem:d,onStart(){u()},onEnd(){C()},onGrabItem:p,onDropItem:b,onCancel:f});(0,e.useEffect)(()=>{$((0,Dt.rX)(),{captureDraggingState:!1})},[$,a]);const q=(0,h.FE)(v,I),Z=(0,h.FE)(w,M),{lazyComponentStore:K}=Nn();return e.createElement(U.x,{ref:Z},P?e.createElement(Bd,null):e.createElement(Ln.U,{expanded:s,onToggle:m,id:t,size:"S"},e.createElement(An.B,{action:c?null:e.createElement(jd,{gap:0,expanded:s},e.createElement(Nd,{expanded:s,noBorder:!0,onClick:()=>{y(t),u()},label:R({id:(0,h.OB)("containers.Edit.delete"),defaultMessage:"Delete"}),icon:e.createElement(je.Z,null)}),e.createElement(ve.h,{className:"drag-handle",ref:q,forwardedAs:"div",role:"button",noBorder:!0,tabIndex:0,onClick:J=>J.stopPropagation(),"data-handler-id":N,label:R({id:(0,h.OB)("components.DragHandle-label"),defaultMessage:"Drag"}),onKeyDown:O},e.createElement(Ge.Z,null))),title:k,togglePosition:"left"}),e.createElement(Fn.v,null,e.createElement(L.k,{direction:"column",alignItems:"stretch",background:"neutral100",padding:6,gap:6},r.map((J,_)=>e.createElement(Te.r,{gap:4,key:_},J.map(({name:x,fieldSchema:F,metadatas:T,queryInfos:S,size:j})=>{const G=F.type==="component",Q=`${t}.${x}`;if(G){const B=F.component;return e.createElement(Ee.P,{col:j,s:12,xs:12,key:x},e.createElement(Yt,{componentUid:B,intlLabel:{id:T.label,defaultMessage:T.label},isRepeatable:F.repeatable,isNested:!0,name:Q,max:F.max,min:F.min,required:F.required}))}return e.createElement(Ee.P,{key:Q,col:j,s:12,xs:12},e.createElement(so,{componentUid:o,fieldSchema:F,keys:Q,metadatas:T,queryInfos:S,size:j,customFieldInputs:K}))})))))))};co.defaultProps={componentUid:void 0,fields:[],isReadOnly:!1,isOpen:!1,onGrabItem:void 0,onDropItem:void 0,onCancel:void 0,toggleCollapses(){}},co.propTypes={componentFieldName:n().string.isRequired,componentUid:n().string,fields:n().array,index:n().number.isRequired,isOpen:n().bool,isReadOnly:n().bool,mainField:n().string.isRequired,moveComponentField:n().func.isRequired,onGrabItem:n().func,onDropItem:n().func,onCancel:n().func,onClickToggle:n().func.isRequired,toggleCollapses:n().func};var Wd=(0,e.memo)(co);function zd(t,o={}){return Object.keys(o).filter(r=>r.startsWith(t)).map(r=>r.split(".").slice(0,t.split(".").length+1).join("."))}const Ud=(0,W.ZP)(kr.A)`
+  height: 100%;
+  width: 100%;
+  border-radius: 0 0 4px 4px;
+  display: flex;
+  justify-content: center;
+  span {
+    font-weight: 600;
+    font-size: 14px;
+  }
+`,uo=({componentUid:t,componentValue:o,componentValueLength:r,isReadOnly:a,max:s,min:c,name:l})=>{const{addRepeatableComponentToField:d,formErrors:m,moveComponentField:u}=(0,E.Wq)(),p=(0,E.lm)(),{formatMessage:b}=(0,Y.Z)(),[f,g]=(0,e.useState)(""),[y,C]=(0,e.useState)(""),{getComponentLayout:k,components:v}=(0,ae.PL)(),R=(0,e.useMemo)(()=>k(t),[t,k]),D=(0,e.useMemo)(()=>(0,h.Uo)(o||[])+1,[o]),N=zd(l,m),P=c-r,O=A()(m,l,{id:""}).id.includes("min"),w=()=>{g("")},M=()=>{a||(r<s?(d(l,R,v,O),g(D)):r>=s&&p({type:"info",message:{id:(0,h.OB)("components.notification.info.maximum-requirement")}}))},I=(T,S)=>{C(b({id:(0,h.OB)("dnd.reorder"),defaultMessage:"{item}, moved. New position in list: {position}."},{item:`${l}.${S}`,position:Z(T)})),u({name:l,newIndex:T,currentIndex:S})},$=A()(R,["settings","mainField"],"id"),q=T=>()=>{g(f===T?"":T)},Z=T=>`${T+1} of ${r}`,K=T=>{C(b({id:(0,h.OB)("dnd.cancel-item"),defaultMessage:"{item}, dropped. Re-order cancelled."},{item:`${l}.${T}`}))},J=T=>{C(b({id:(0,h.OB)("dnd.grab-item"),defaultMessage:"{item}, grabbed. Current position in list: {position}. Press up and down arrow to change position, Spacebar to drop, Escape to cancel."},{item:`${l}.${T}`,position:Z(T)}))},_=T=>{C(b({id:(0,h.OB)("dnd.drop-item"),defaultMessage:"{item}, dropped. Final position in list: {position}."},{item:`${l}.${T}`,position:Z(T)}))};let x=m[l];if(O?x={id:(0,h.OB)("components.DynamicZone.missing-components"),defaultMessage:"There {number, plural, =0 {are # missing components} one {is # missing component} other {are # missing components}}",values:{number:P}}:N.some(T=>T.split(".").length>1)&&!O&&(x={id:(0,h.OB)("components.RepeatableComponent.error-message"),defaultMessage:"The component(s) contain error(s)"}),r===0)return e.createElement(Or,{error:x,isReadOnly:a,onClick:M});const F=`${l}-item-instructions`;return e.createElement(U.x,{hasRadius:!0},e.createElement(Ye.T,{id:F},b({id:(0,h.OB)("dnd.instructions"),defaultMessage:"Press spacebar to grab and re-order"})),e.createElement(Ye.T,{"aria-live":"assertive"},y),e.createElement(lo,{error:x,ariaDescribedBy:F},e.createElement(Sd,{"aria-describedby":F},o.map(({__temp_key__:T},S)=>e.createElement(Wd,{componentFieldName:`${l}.${S}`,componentUid:t,fields:R.layouts.edit,key:T,index:S,isOpen:f===T,isReadOnly:a,mainField:$,moveComponentField:I,onClickToggle:q(T),toggleCollapses:w,onCancel:K,onDropItem:_,onGrabItem:J}))),e.createElement(Fd,null,e.createElement(L.k,{justifyContent:"center",height:"48px",background:"neutral0"},e.createElement(Ud,{disabled:a,onClick:M,startIcon:e.createElement(dt.Z,null)},b({id:(0,h.OB)("containers.EditView.add.new-entry"),defaultMessage:"Add an entry"}))))))};uo.defaultProps={componentValue:null,componentValueLength:0,isReadOnly:!1,max:1/0,min:0},uo.propTypes={componentUid:n().string.isRequired,componentValue:n().oneOfType([n().array,n().object]),componentValueLength:n().number,isReadOnly:n().bool,max:n().number,min:n().number,name:n().string.isRequired};var Vd=(0,e.memo)(uo);const qd=(0,W.ZP)(U.x)`
+  svg path {
+    fill: ${({theme:t})=>t.colors.neutral500};
+  }
+`,mo=({intlLabel:t,id:o,labelAction:r,name:a,numberOfEntries:s,showNumberOfEntries:c,required:l})=>{const{formatMessage:d}=(0,Y.Z)(),m=t?.id?d(t):a;return e.createElement(U.x,{paddingBottom:1},e.createElement(L.k,null,e.createElement(H.Z,{textColor:"neutral800",htmlFor:o||a,variant:"pi",fontWeight:"bold",as:"label"},m,c&&e.createElement(e.Fragment,null,"\xA0(",s,")"),l&&e.createElement(H.Z,{textColor:"danger600"},"*")),r&&e.createElement(qd,{paddingLeft:1},r)))};mo.defaultProps={id:void 0,labelAction:void 0,numberOfEntries:0,required:!1,showNumberOfEntries:!1},mo.propTypes={id:n().string,intlLabel:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}).isRequired,labelAction:n().element,name:n().string.isRequired,numberOfEntries:n().number,required:n().bool,showNumberOfEntries:n().bool};var Hd=mo;function Gd(t,o){return r=>{const a=o(r);return e.createElement(t,{...r,...a})}}var Qd=Gd;function Kd({isFromDynamicZone:t,name:o}){const{addNonRepeatableComponentToField:r,createActionAllowedFields:a,isCreatingEntry:s,modifiedData:c,removeComponentFromField:l,readActionAllowedFields:d,updateActionAllowedFields:m,formErrors:u}=(0,E.Wq)(),{contentType:p}=(0,ae.PL)(),b=(0,e.useMemo)(()=>{const R=A()(p,["attributes"],{});return Object.keys(R).filter(N=>A()(R,[N,"type"],"")==="dynamiczone")},[p]),f=(0,e.useMemo)(()=>s?a:m,[s,a,m]),g=A()(c,o,null),y=(0,e.useMemo)(()=>(0,h.Ts)(o),[o]),C=(0,e.useMemo)(()=>t&&s||f.filter(N=>N===y[0]).length>0?!0:f.map(N=>N.split(".")).filter(N=>N.length<y.length?!1:Zt()(N,y.length).join(".")===y.join(".")).length>0,[t,s,f,y]),k=(0,e.useMemo)(()=>t||b.includes(y[0])?!0:(s?[]:d).map(N=>N.split(".")).filter(N=>N.length<y.length?!1:Zt()(N,y.length).join(".")===y.join(".")).length>0,[t,b,y,s,d]),v=(0,e.useMemo)(()=>s||C?!1:k,[C,k,s]);return{addNonRepeatableComponentToField:r,formErrors:u,hasChildrenAllowedFields:C,hasChildrenReadableFields:k,isCreatingEntry:s,isReadOnly:v,removeComponentFromField:l,componentValue:g}}var Yd=Kd;const po=({addNonRepeatableComponentToField:t,componentUid:o,intlLabel:r,isCreatingEntry:a,isFromDynamicZone:s,isRepeatable:c,isNested:l,labelAction:d,max:m,min:u,name:p,hasChildrenAllowedFields:b,hasChildrenReadableFields:f,isReadOnly:g,componentValue:y,removeComponentFromField:C,required:k})=>{const{formatMessage:v}=(0,Y.Z)(),R=Wl()(y),D=y!==null||s,N=!c&&D&&!s&&b,{getComponentLayout:P,components:O}=(0,ae.PL)(),w=(0,e.useMemo)(()=>P(o),[o,P]);if(!b&&a)return e.createElement(E.X0,{labelAction:d,intlLabel:r,name:p});if(!b&&!a&&!f)return e.createElement(E.X0,{labelAction:d,intlLabel:r,name:p});const M=()=>{t(p,w,O)};return e.createElement(U.x,null,e.createElement(L.k,{justifyContent:"space-between"},r&&e.createElement(Hd,{intlLabel:r,labelAction:d,name:p,numberOfEntries:R,showNumberOfEntries:c,required:k}),N&&e.createElement(ve.h,{label:v({id:(0,h.OB)("components.reset-entry"),defaultMessage:"Reset Entry"}),icon:e.createElement(je.Z,null),noBorder:!0,onClick:()=>{C(p,o)}})),e.createElement(L.k,{direction:"column",alignItems:"stretch",gap:1},!c&&!D&&e.createElement(Or,{isReadOnly:g,onClick:M}),!c&&D&&e.createElement(Ad,{componentUid:o,isFromDynamicZone:s,isNested:l,name:p}),c&&e.createElement(Vd,{componentValue:y,componentValueLength:R,componentUid:o,isReadOnly:g,max:m,min:u,name:p})))};po.defaultProps={componentValue:null,hasChildrenAllowedFields:!1,hasChildrenReadableFields:!1,intlLabel:void 0,isFromDynamicZone:!1,isReadOnly:!1,isRepeatable:!1,isNested:!1,labelAction:void 0,max:1/0,min:-1/0,required:!1},po.propTypes={addNonRepeatableComponentToField:n().func.isRequired,componentUid:n().string.isRequired,componentValue:n().oneOfType([n().object,n().array]),hasChildrenAllowedFields:n().bool,hasChildrenReadableFields:n().bool,isCreatingEntry:n().bool.isRequired,isFromDynamicZone:n().bool,isReadOnly:n().bool,isRepeatable:n().bool,isNested:n().bool,intlLabel:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}),labelAction:n().element,max:n().number,min:n().number,name:n().string.isRequired,removeComponentFromField:n().func.isRequired,required:n().bool};const Xd=(0,e.memo)(po,Ze());var Yt=Qd(Xd,Yd);const go=({componentUid:t,formErrors:o,index:r,isFieldAllowed:a,name:s,onRemoveComponentClick:c,onMoveComponent:l,onGrabItem:d,onDropItem:m,onCancel:u,dynamicComponentsByCategory:p,onAddComponent:b})=>{const[f,g]=(0,e.useState)(!0),{formatMessage:y}=(0,Y.Z)(),{getComponentLayout:C}=(0,ae.PL)(),{modifiedData:k}=(0,E.Wq)(),{icon:v,friendlyName:R,mainValue:D}=(0,e.useMemo)(()=>{const x=C(t),{info:{icon:F,displayName:T}}=x,S=A()(x,["settings","mainField"],"id"),j=A()(k,[s,r,S])??"",G=S==="id"?"":String(j).trim(),Q=G.length>0?` - ${G}`:G;return{friendlyName:T,icon:F,mainValue:Q}},[t,C,k,s,r]),N=Object.keys(o).filter(x=>{const F=x.split(".");return`${F[0]}.${F[1]}`==`${s}.${r}`});let P;N.length>0&&(P=y({id:(0,h.OB)("components.DynamicZone.error-message"),defaultMessage:"The component contains error(s)"}));const O=()=>{g(x=>!x)},[{handlerId:w,isDragging:M,handleKeyDown:I},$,q,Z,K]=(0,ae.Y9)(a,{type:`${h._Q.DYNAMIC_ZONE}_${s}`,index:r,item:{displayedValue:`${R}${D}`,icon:v},onMoveItem:l,onGrabItem:d,onDropItem:m,onCancel:u});(0,e.useEffect)(()=>{K((0,Dt.rX)(),{captureDraggingState:!1})},[K,r]);const J=(0,h.FE)($,q),_=a?e.createElement(Jd,{gap:0,expanded:f},e.createElement(_d,{noBorder:!0,label:y({id:(0,h.OB)("components.DynamicZone.delete-label"),defaultMessage:"Delete {name}"},{name:R}),onClick:c},e.createElement(je.Z,null)),e.createElement(ve.h,{forwardedAs:"div",role:"button",noBorder:!0,tabIndex:0,onClick:x=>x.stopPropagation(),"data-handler-id":w,ref:Z,label:y({id:(0,h.OB)("components.DragHandle-label"),defaultMessage:"Drag"}),onKeyDown:I},e.createElement(Ge.Z,null)),e.createElement(ge.fC,null,e.createElement(ge.xz,{size:"S",endIcon:void 0,paddingLeft:2,paddingRight:2},e.createElement($n.Z,{"aria-hidden":!0,focusable:!1}),e.createElement(Ye.T,{as:"span"},y({id:(0,h.OB)("components.DynamicZone.more-actions"),defaultMessage:"More actions"}))),e.createElement(ge.VY,null,e.createElement(ge.rl,null,e.createElement(ge.fF,null,y({id:(0,h.OB)("components.DynamicZone.add-item-above"),defaultMessage:"Add component above"})),e.createElement(ge.tu,null,Object.entries(p).map(([x,F])=>e.createElement(e.Fragment,{key:x},e.createElement(ge.__,null,x),F.map(({componentUid:T,info:{displayName:S}})=>e.createElement(Dr.sN,{key:T,onSelect:()=>b(T,r)},S)))))),e.createElement(ge.rl,null,e.createElement(ge.fF,null,y({id:(0,h.OB)("components.DynamicZone.add-item-below"),defaultMessage:"Add component below"})),e.createElement(ge.tu,null,Object.entries(p).map(([x,F])=>e.createElement(e.Fragment,{key:x},e.createElement(ge.__,null,x),F.map(({componentUid:T,info:{displayName:S}})=>e.createElement(Dr.sN,{key:T,onSelect:()=>b(T,r+1)},S))))))))):null;return e.createElement(ru,{as:"li",width:"100%"},e.createElement(L.k,{justifyContent:"center"},e.createElement(nu,{background:"neutral200"})),e.createElement(eu,{ref:J,hasRadius:!0},M?e.createElement(ou,{padding:6,background:"primary100"}):e.createElement(Ln.U,{expanded:f,onToggle:O,size:"S",error:P},e.createElement(An.B,{startIcon:e.createElement(It,{icon:v,showBackground:!1,size:"S"}),action:_,title:`${R}${D}`,togglePosition:"left"}),e.createElement(Fn.v,null,e.createElement(tu,{background:"neutral0"},e.createElement(Yt,{componentUid:t,icon:v,name:`${s}.${r}`,isFromDynamicZone:!0}))))))},Jd=(0,W.ZP)(L.k)`
+  /* 
+    we need to remove the background from the button but we can't 
+    wrap the element in styled because it breaks the forwardedAs which
+    we need for drag handler to work on firefox
+  */
+  div[role='button'] {
+    background: transparent;
+  }
+`,_d=(0,W.ZP)(ve.h)`
+  background-color: transparent;
+
+  svg path {
+    fill: ${({theme:t,expanded:o})=>o?t.colors.primary600:t.colors.neutral600};
+  }
+`,eu=(0,W.ZP)(U.x)`
+  > div:first-child {
+    box-shadow: ${({theme:t})=>t.shadows.tableShadow};
+  }
+`,tu=(0,W.ZP)(U.x)`
+  border-radius: 0 0 ${({theme:t})=>t.spaces[1]} ${({theme:t})=>t.spaces[1]};
+`,nu=(0,W.ZP)(U.x)`
+  width: ${({theme:t})=>t.spaces[2]};
+  height: ${({theme:t})=>t.spaces[4]};
+`,ou=W.ZP.span`
+  display: block;
+  background-color: ${({theme:t})=>t.colors.primary100};
+  outline: 1px dashed ${({theme:t})=>t.colors.primary500};
+  outline-offset: -1px;
+  padding: ${({theme:t})=>t.spaces[6]};
+`,ru=(0,W.ZP)(U.x)`
+  list-style: none;
+  padding: 0;
+  margin: 0;
+`;go.defaultProps={dynamicComponentsByCategory:{},formErrors:{},index:0,isFieldAllowed:!0,onAddComponent:void 0,onGrabItem:void 0,onDropItem:void 0,onCancel:void 0},go.propTypes={componentUid:n().string.isRequired,dynamicComponentsByCategory:n().shape({components:n().arrayOf(n().shape({componentUid:n().string.isRequired,info:n().object}))}),formErrors:n().object,index:n().number,isFieldAllowed:n().bool,name:n().string.isRequired,onAddComponent:n().func,onGrabItem:n().func,onDropItem:n().func,onCancel:n().func,onMoveComponent:n().func.isRequired,onRemoveComponentClick:n().func.isRequired};const fo=({label:t,labelAction:o,name:r,numberOfComponents:a,required:s,intlDescription:c})=>{const{formatMessage:l}=(0,Y.Z)(),d=l({id:t||r,defaultMessage:t||r});return e.createElement(L.k,{justifyContent:"center"},e.createElement(U.x,{paddingTop:3,paddingBottom:3,paddingRight:4,paddingLeft:4,borderRadius:26,background:"neutral0",shadow:"filterShadow",color:"neutral500"},e.createElement(L.k,{direction:"column",justifyContent:"center"},e.createElement(L.k,{maxWidth:(0,E.Q1)(356)},e.createElement(H.Z,{variant:"pi",textColor:"neutral600",fontWeight:"bold",ellipsis:!0},d,"\xA0"),e.createElement(H.Z,{variant:"pi",textColor:"neutral600",fontWeight:"bold"},"(",a,")"),s&&e.createElement(H.Z,{textColor:"danger600"},"*"),o&&e.createElement(U.x,{paddingLeft:1},o)),c&&e.createElement(U.x,{paddingTop:1,maxWidth:(0,E.Q1)(356)},e.createElement(H.Z,{variant:"pi",textColor:"neutral600",ellipsis:!0},l(c))))))};fo.defaultProps={intlDescription:void 0,label:"",labelAction:void 0,numberOfComponents:0,required:!1},fo.propTypes={intlDescription:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired}),label:n().string,labelAction:n().element,name:n().string.isRequired,numberOfComponents:n().number,required:n().bool};const ho=({name:t,labelAction:o,fieldSchema:r,metadatas:a})=>{const{max:s=1/0,min:c=-1/0,components:l=[],required:d=!1}=r,[m,u]=(0,e.useState)(!1),[p,b]=(0,e.useState)(""),{addComponentToDynamicZone:f,createActionAllowedFields:g,isCreatingEntry:y,formErrors:C,modifiedData:k,moveComponentField:v,removeComponentFromDynamicZone:R,readActionAllowedFields:D,updateActionAllowedFields:N}=(0,E.Wq)(),P=(0,e.useMemo)(()=>(k?.[t]??[]).map(V=>({componentUid:V.__component,id:V.id??V.__temp_key__})),[k,t]),{getComponentLayout:O,components:w}=(0,ae.PL)(),M=(0,e.useMemo)(()=>l.reduce((V,he)=>{const{category:ye,info:Ae,attributes:ze}=O(he),ie={componentUid:he,info:Ae,attributes:ze};return V[ye]||(V[ye]=[]),V[ye]=[...V[ye],ie],V},{}),[l,O]),{formatMessage:I}=(0,Y.Z)(),$=(0,E.lm)(),q=(0,e.useMemo)(()=>(y?g:N).includes(t),[t,y,g,N]),Z=(0,e.useMemo)(()=>(y?[]:D).includes(t),[t,y,D]),K=P.length,J=a.description?{id:a.description,defaultMessage:a.description}:null,_=C[t],x=c-K,F=!!_,T=(V,he)=>{u(!1);const ye=O(V);f(t,ye,w,F,he)},S=()=>{K<s?u(V=>!V):$({type:"info",message:{id:(0,h.OB)("components.notification.info.maximum-requirement")}})},j=(V,he)=>{b(I({id:(0,h.OB)("dnd.reorder"),defaultMessage:"{item}, moved. New position in list: {position}."},{item:`${t}.${he}`,position:G(V)})),v({name:t,newIndex:V,currentIndex:he})},G=V=>`${V+1} of ${P.length}`,Q=V=>{b(I({id:(0,h.OB)("dnd.cancel-item"),defaultMessage:"{item}, dropped. Re-order cancelled."},{item:`${t}.${V}`}))},B=V=>{b(I({id:(0,h.OB)("dnd.grab-item"),defaultMessage:"{item}, grabbed. Current position in list: {position}. Press up and down arrow to change position, Spacebar to drop, Escape to cancel."},{item:`${t}.${V}`,position:G(V)}))},X=V=>{b(I({id:(0,h.OB)("dnd.drop-item"),defaultMessage:"{item}, dropped. Final position in list: {position}."},{item:`${t}.${V}`,position:G(V)}))},fe=(V,he)=>()=>{R(V,he)},oe=()=>m?I({id:"app.utils.close-label",defaultMessage:"Close"}):F&&_.id.includes("max")?I({id:"components.Input.error.validation.max",defaultMessage:"The value is too high."}):F&&_.id.includes("min")?I({id:(0,h.OB)("components.DynamicZone.missing-components"),defaultMessage:"There {number, plural, =0 {are # missing components} one {is # missing component} other {are # missing components}}"},{number:x}):I({id:(0,h.OB)("components.DynamicZone.add-component"),defaultMessage:"Add a component to {componentName}"},{componentName:a.label||t});if(!q&&(y||!Z&&!y))return e.createElement(E.X0,{description:J,intlLabel:{id:a.label,defaultMessage:a.label},labelAction:o,name:t});const z=`${t}-item-instructions`;return e.createElement(L.k,{direction:"column",alignItems:"stretch",gap:6},K>0&&e.createElement(U.x,null,e.createElement(fo,{intlDescription:J,label:a.label,labelAction:o,name:t,numberOfComponents:K,required:d}),e.createElement(Ye.T,{id:z},I({id:(0,h.OB)("dnd.instructions"),defaultMessage:"Press spacebar to grab and re-order"})),e.createElement(Ye.T,{"aria-live":"assertive"},p),e.createElement("ol",{"aria-describedby":z},P.map(({componentUid:V,id:he},ye)=>e.createElement(go,{componentUid:V,formErrors:C,key:`${V}-${he}`,index:ye,isFieldAllowed:q,name:t,onMoveComponent:j,onRemoveComponentClick:fe(t,ye),onCancel:Q,onDropItem:X,onGrabItem:B,onAddComponent:T,dynamicComponentsByCategory:M})))),e.createElement(L.k,{justifyContent:"center"},e.createElement(kn,{hasError:F,isDisabled:!q,isOpen:m,onClick:S},oe())),e.createElement(wn,{dynamicComponentsByCategory:M,isOpen:m,onClickAddComponent:T}))};ho.defaultProps={fieldSchema:{},labelAction:null},ho.propTypes={fieldSchema:n().shape({components:n().array,max:n().number,min:n().number,required:n().bool}),labelAction:n().element,metadatas:n().shape({description:n().string,label:n().string}).isRequired,name:n().string.isRequired};var au=i(86834),Le=i.n(au),Kr=i(12788),yo=i(99526),su=i(10268),Yr=i.n(su),iu=i(56236),lu=i.n(iu),cu=i(77236),du=i.n(cu),uu=i(85973),mu=i.n(uu);const pu=({browserState:t,serverState:o},r,a)=>{const s=o,c=t,l=(u,p)=>A()(u,["attributes",p,"type"],""),d=(u,p)=>A()(u,["attributes",...p],""),m=(u,p,b,f)=>Object.keys(u).reduce((g,y)=>{const C=f?`${f}.${y}`:y,k=l(b,y),v=A()(u,y),R=A()(p,y),D=d(b,[y,"component"]),N=d(b,[y,"repeatable"]);let P;switch(k){case"json":P=JSON.parse(v);break;case"time":{P=v,v&&v.split(":").length<3&&(P=`${v}:00`);break}case"media":d(b,[y,"multiple"])===!0?P=v?v.filter(O=>!(O instanceof File)):null:P=A()(v,0)instanceof File?null:A()(v,"id",null);break;case"component":N?P=v&&v.map((O,w)=>m(O,(R??[])[w],a[D],`${C}.${w}`)):P=v&&m(v,R,a[D],C);break;case"relation":{const O=xr(s,c)(C).join(".");let w=A()(s,O,[]);const M=v.reduce(($,q,Z,K)=>{const J=w.find(x=>x.id===q.id),_=K[Z+1];if(!J||J.__temp_key__!==q.__temp_key__){const x=_?{before:_.id}:{end:!0};return[...$,{id:q.id,position:x}]}return $},[]);P={disconnect:w.reduce(($,q)=>v.find(Z=>Z.id===q.id)?$:[...$,{id:q.id}],[]),connect:M.reverse()};break}case"dynamiczone":P=v.map((O,w)=>m(O,(R??[])[w],a[O.__component],`${C}.${w}`));break;default:P=gu(v,"id")}return g[y]=P,g},{});return m(t,o,r,"")},gu=(t,o)=>du()(t)?t.map(r=>r[o]?r[o]:r):mu()(t)?t[o]:t;var fu=pu;const Xt=(t,o=()=>!1,r=void 0)=>{const a=(s,c,{ignoreFalseyValues:l=!1,path:d=[],parent:m=c}={})=>Object.entries(c).reduce((u,[p,b])=>{if(l&&(u==null||u[p]===void 0||u[p]===null))return u;if(o(b,{path:[...d,p],parent:m})&&(u[p]=typeof r=="function"?r(u[p],{path:[...d,p],parent:u}):r),b.type==="component"){const f=t[b.component].attributes;!b.repeatable&&u[p]&&typeof u[p]=="object"?u[p]=a(u[p],f,{ignoreFalseyValues:l,path:[...d,p],parent:c[p]}):b.repeatable&&Array.isArray(u[p])&&(u[p]=u[p].map((g,y)=>a(g,f,{ignoreFalseyValues:l,path:[...d,p,y],parent:c[p]})))}else b.type==="dynamiczone"&&Array.isArray(u[p])&&(u[p]=u[p].map((f,g)=>{const y=t[f.__component].attributes;return a(f,y,{ignoreFalseyValues:l,path:[...d,p,g],parent:c[p]})}));return u},{...s});return a};var Xr=(t,o,r,a)=>{const s=t.slice();return s.splice(o,1),s.splice(r,0,a),s};const hu={componentsDataStructure:{},contentTypeDataStructure:{},formErrors:{},initialData:{},modifiedData:null,shouldCheckErrors:!1,modifiedDZName:null,publishConfirmation:{show:!1,draftCount:0}};var yu=(t,o)=>(0,vn.ZP)(t,r=>{switch(o.type){case"ADD_NON_REPEATABLE_COMPONENT_TO_FIELD":{const{componentLayoutData:a,allComponents:s}=o,c={...t.componentsDataStructure[a.uid]},d=Xt(s,m=>m.type==="relation",[])(c,a.attributes);re()(r,["modifiedData",...o.keys],d);break}case"ADD_COMPONENT_TO_DYNAMIC_ZONE":case"ADD_REPEATABLE_COMPONENT_TO_FIELD":{const{keys:a,allComponents:s,componentLayoutData:c,shouldCheckErrors:l,position:d=void 0}=o;l&&(r.shouldCheckErrors=!t.shouldCheckErrors),o.type==="ADD_COMPONENT_TO_DYNAMIC_ZONE"&&(r.modifiedDZName=a[0]);const m=[...A()(t,["modifiedData",...a],[])];let u=d;u===void 0?u=m.length:u<0&&(u=0);const p=o.type==="ADD_COMPONENT_TO_DYNAMIC_ZONE"?{...t.componentsDataStructure[c.uid],__component:c.uid,__temp_key__:(0,h.Uo)(m)+1}:{...t.componentsDataStructure[c.uid],__temp_key__:(0,h.Uo)(m)+1},f=Xt(s,g=>g.type==="relation",[])(p,c.attributes);m.splice(u,0,f),re()(r,["modifiedData",...a],m);break}case"LOAD_RELATION":{const{initialDataPath:a,modifiedDataPath:s,value:c}=o,l=A()(t,a),d=A()(t,s),m=l?c.filter(b=>!l.some(f=>f.id===b.id)):c,u=(0,yo.zJ)(null,d[0]?.__temp_key__,m.length),p=m.map((b,f)=>({...b,__temp_key__:u[f]}));re()(r,a,Yr()([...p,...l],"id")),re()(r,s,Yr()([...p,...d],"id"));break}case"CONNECT_RELATION":{const a=["modifiedData",...o.keys],{value:s,toOneRelation:c}=o;if(c)re()(r,a,[s]);else{const l=A()(t,a),[d]=(0,yo.zJ)(l.at(-1)?.__temp_key__,null,1),m=[...l,{...s,__temp_key__:d}];re()(r,a,m)}break}case"DISCONNECT_RELATION":{const a=["modifiedData",...o.keys],{id:s}=o,l=A()(t,[...a]).filter(d=>d.id!==s);re()(r,a,l);break}case"MOVE_COMPONENT_FIELD":case"REORDER_RELATION":{const{oldIndex:a,newIndex:s,keys:c}=o,l=["modifiedData",...c],d=A()(t,[...l]),m=d[a],u=[...d];if(o.type==="REORDER_RELATION"){const p=a>s?d[s-1]?.__temp_key__:d[s]?.__temp_key__,b=a>s?d[s]?.__temp_key__:d[s+1]?.__temp_key__,[f]=(0,yo.zJ)(p,b,1);u.splice(a,1),u.splice(s,0,{...m,__temp_key__:f})}else u.splice(a,1),u.splice(s,0,m);re()(r,l,u);break}case"INIT_FORM":{const{initialValues:a,components:s={},attributes:c={},setModifiedDataOnly:l}=o,d=we()(a),u=Xt(s,f=>f.type==="relation",(f,{path:g})=>t.modifiedData?.id===d.id&&A()(t.modifiedData,g)?A()(t.modifiedData,g):[])(d,c),b=Xt(s,f=>f.type==="dynamiczone"||f.type==="component"&&!f.repeatable,f=>Array.isArray(f)?f.map((g,y)=>({...g,__temp_key__:y})):{...f,__temp_key__:0})(u,c,{ignoreFalseyValues:!0});l||(r.initialData=b),r.modifiedData=b,r.formErrors={},r.modifiedDZName=null,r.shouldCheckErrors=!1;break}case"MOVE_COMPONENT_UP":case"MOVE_COMPONENT_DOWN":{const{currentIndex:a,dynamicZoneName:s,shouldCheckErrors:c}=o;c&&(r.shouldCheckErrors=!t.shouldCheckErrors);const l=t.modifiedData[s],d=o.type==="MOVE_COMPONENT_UP"?a-1:a+1,m=t.modifiedData[s][a],u=Xr(l,a,d,m);re()(r,["modifiedData",o.dynamicZoneName],u);break}case"MOVE_FIELD":{const a=A()(t,["modifiedData",...o.keys],[]).slice(),s=A()(t,["modifiedData",...o.keys,o.dragIndex]),c=Xr(a,o.dragIndex,o.overIndex,s);re()(r,["modifiedData",...o.keys],c);break}case"ON_CHANGE":{const[a]=o.keys;if(o.shouldSetInitialValue&&re()(r,["initialData",...o.keys],o.value),o.keys.length===2&&A()(t,["modifiedData",a])===null){re()(r,["modifiedData",a],{[o.keys[1]]:o.value});break}re()(r,["modifiedData",...o.keys],o.value);break}case"REMOVE_COMPONENT_FROM_DYNAMIC_ZONE":{o.shouldCheckErrors&&(r.shouldCheckErrors=!t.shouldCheckErrors),r.modifiedData[o.dynamicZoneName].splice(o.index,1);break}case"REMOVE_COMPONENT_FROM_FIELD":{const a=["modifiedData",...o.keys];re()(r,a,null);break}case"REMOVE_PASSWORD_FIELD":{lu()(r,["modifiedData",...o.keys]);break}case"REMOVE_REPEATABLE_FIELD":{const a=o.keys.length-1,s=["modifiedData",...Zt()(o.keys,a)];Object.keys(t.formErrors).length>0&&(r.shouldCheckErrors=!t.shouldCheckErrors);const l=A()(t,s).slice();l.splice(parseInt(o.keys[a],10),1),re()(r,s,l);break}case"SET_DEFAULT_DATA_STRUCTURES":{r.componentsDataStructure=o.componentsDataStructure,r.contentTypeDataStructure=o.contentTypeDataStructure;break}case"SET_FORM_ERRORS":{r.modifiedDZName=null,r.formErrors=o.errors;break}case"TRIGGER_FORM_VALIDATION":{Object.keys(t.formErrors).length>0&&(r.shouldCheckErrors=!t.shouldCheckErrors);break}case"SET_PUBLISH_CONFIRMATION":{r.publishConfirmation={...o.publishConfirmation};break}case"RESET_PUBLISH_CONFIRMATION":{r.publishConfirmation={...t.publishConfirmation,show:!1};break}default:return r}});const Eo=({allLayoutData:t,allowedActions:{canRead:o,canUpdate:r},children:a,componentsDataStructure:s,contentTypeDataStructure:c,createActionAllowedFields:l,from:d,initialValues:m,isCreatingEntry:u,isLoadingForData:p,isSingleType:b,onPost:f,onPublish:g,onDraftRelationCheck:y,onPut:C,onUnpublish:k,readActionAllowedFields:v,redirectToPreviousPage:R,slug:D,status:N,updateActionAllowedFields:P})=>{const[O,w]=e.useState(!1),[M,I]=(0,e.useReducer)(yu,hu),{formErrors:$,initialData:q,modifiedData:Z,modifiedDZName:K,shouldCheckErrors:J,publishConfirmation:_}=M,{setModifiedDataOnly:x}=(0,ue.v9)(In),F=(0,ue.I0)(),T=(0,E.lm)(),{lockApp:S,unlockApp:j}=(0,E.o1)(),G=A()(t,["contentType"],{}),Q=(0,e.useMemo)(()=>A()(G,["options","draftAndPublish"],!1),[G]),B=(0,e.useMemo)(()=>Q&&!q.publishedAt,[Q,q.publishedAt]),{trackUsage:X}=(0,E.rS)(),{formatMessage:fe}=(0,Y.Z)(),oe=(0,e.useRef)(X),z=(0,e.useMemo)(()=>p||u?!1:o===!1&&r===!1,[p,u,o,r]);(0,e.useEffect)(()=>{N==="resolved"?j():S()},[S,j,N]),(0,e.useEffect)(()=>{p||Ve()},[J]),(0,e.useEffect)(()=>{const ne=Object.keys($);if(ne.length>0){const te=ne[0],le=document.getElementById(te);le&&le.focus()}},[$]),(0,e.useEffect)(()=>{z&&T({type:"info",message:{id:(0,h.OB)("permissions.not-allowed.update")}})},[z,T]),(0,e.useEffect)(()=>{I({type:"SET_DEFAULT_DATA_STRUCTURES",componentsDataStructure:s,contentTypeDataStructure:c})},[s,c]);const{components:V}=t,he=(0,ae.zH)(m);(0,e.useEffect)(()=>{m&&G?.attributes&&!Ze()(he,m)&&(I({type:"INIT_FORM",initialValues:m,components:V,attributes:G.attributes,setModifiedDataOnly:x}),x&&F(Sl()))},[m,G,V,x,F,he]);const ye=(0,e.useCallback)(ne=>(te,le,xe,at=!1,Bt=void 0)=>{oe.current("didAddComponentToDynamicZone"),I({type:ne,keys:te.split("."),position:Bt,componentLayoutData:le,allComponents:xe,shouldCheckErrors:at})},[]),Ae=ye("ADD_COMPONENT_TO_DYNAMIC_ZONE"),ze=(0,e.useCallback)((ne,te,le)=>{I({type:"ADD_NON_REPEATABLE_COMPONENT_TO_FIELD",keys:ne.split("."),componentLayoutData:te,allComponents:le})},[]),ie=(0,e.useCallback)(({name:ne,value:te,toOneRelation:le})=>{I({type:"CONNECT_RELATION",keys:ne.split("."),value:te,toOneRelation:le})},[]),De=(0,e.useCallback)(({target:{initialDataPath:ne,modifiedDataPath:te,value:le,modifiedDataOnly:xe}})=>{I({type:"LOAD_RELATION",modifiedDataPath:te,initialDataPath:ne,value:le,modifiedDataOnly:xe})},[]),$e=ye("ADD_REPEATABLE_COMPONENT_TO_FIELD"),Pe=(0,e.useMemo)(()=>{const ne={isCreatingEntry:u,isDraft:B,isFromComponent:!1};return(0,h.Ex)(G,{components:t.components||{}},ne)},[t.components,G,u,B]),Ve=(0,e.useCallback)(async(ne={})=>{let te={};const le=we()(Z);Le()(le)||re()(le,ne.path,ne.value);try{await Pe.validate(le,{abortEarly:!1})}catch(xe){te=(0,E.CJ)(xe),K&&(te=Object.keys(te).reduce((at,Bt)=>(Bt.split(".")[0]!==K&&(at[Bt]=te[Bt]),at),{}))}I({type:"SET_FORM_ERRORS",errors:te})},[K,Z,Pe]),Et=(0,e.useCallback)(({target:{name:ne,value:te,type:le}},xe=!1)=>{let at=te;if(["text","textarea","string","email","uid","select","select-one","number"].includes(le)&&!te&&te!==0&&(at=null),le==="password"&&!te){I({type:"REMOVE_PASSWORD_FIELD",keys:ne.split(".")});return}I({type:"ON_CHANGE",keys:ne.split("."),value:at,shouldSetInitialValue:xe})},[]),me=(0,e.useCallback)((ne,te)=>fu({browserState:ne,serverState:te},G,t.components),[t.components,G]),ee=(0,e.useMemo)(()=>Q?B?{status:"draft"}:{}:{},[Q,B]),ce=(0,e.useCallback)(async ne=>(ne.preventDefault(),I({type:"RESET_PUBLISH_CONFIRMATION"})),[]),Ce=(0,e.useCallback)(async ne=>{ne.preventDefault();let te={};try{await Pe.validate(Z,{abortEarly:!1})}catch(le){te=(0,E.CJ)(le)}try{if(Le()(te)){const le=me(Z,q);(0,Kr.flushSync)(()=>{w(!0)}),u?await f(le,ee):await C(le,ee),w(!1)}}catch(le){w(!1),te={...te,...(0,E.nn)(le,{getTrad:h.OB})}}I({type:"SET_FORM_ERRORS",errors:te})},[me,u,Z,q,f,C,ee,Pe]),$t=(0,e.useCallback)(async()=>{const ne=(0,h.Ex)(G,{components:A()(t,"components",{})},{isCreatingEntry:u,isDraft:!1,isFromComponent:!1}),te=await y();if(!_.show&&te>0){I({type:"SET_PUBLISH_CONFIRMATION",publishConfirmation:{show:!0,draftCount:te}});return}I({type:"RESET_PUBLISH_CONFIRMATION"});let le={};try{await ne.validate(Z,{abortEarly:!1})}catch(xe){le=(0,E.CJ)(xe)}try{Le()(le)&&((0,Kr.flushSync)(()=>{w(!0)}),await g(),w(!1))}catch(xe){w(!1),le={...le,...(0,E.nn)(xe,{getTrad:h.OB})}}I({type:"SET_FORM_ERRORS",errors:le})},[t,G,u,Z,_.show,g,y]),rt=(0,e.useCallback)(ne=>{const te=Object.keys($).some(xe=>xe.split(".")[0]===ne);return!Le()($)&&te},[$]),Be=(0,e.useCallback)((ne,te)=>{oe.current("changeComponentsOrder"),I({type:"MOVE_COMPONENT_DOWN",dynamicZoneName:ne,currentIndex:te,shouldCheckErrors:rt(ne)})},[rt]),No=(0,e.useCallback)((ne,te)=>{oe.current("changeComponentsOrder"),I({type:"MOVE_COMPONENT_UP",dynamicZoneName:ne,currentIndex:te,shouldCheckErrors:rt(ne)})},[rt]),Np=(0,e.useCallback)(({name:ne,newIndex:te,currentIndex:le})=>{I({type:"MOVE_COMPONENT_FIELD",keys:ne.split("."),newIndex:te,oldIndex:le})},[]),jp=(0,e.useCallback)(({name:ne,id:te})=>{I({type:"DISCONNECT_RELATION",keys:ne.split("."),id:te})},[]),Wp=(0,e.useCallback)(({name:ne,oldIndex:te,newIndex:le})=>{I({type:"REORDER_RELATION",keys:ne.split("."),oldIndex:te,newIndex:le})},[]),zp=(0,e.useCallback)((ne,te)=>{oe.current("removeComponentFromDynamicZone"),I({type:"REMOVE_COMPONENT_FROM_DYNAMIC_ZONE",dynamicZoneName:ne,index:te,shouldCheckErrors:rt(ne)})},[rt]),Up=(0,e.useCallback)((ne,te)=>{I({type:"REMOVE_COMPONENT_FROM_FIELD",keys:ne.split("."),componentUid:te})},[]),Vp=(0,e.useCallback)((ne,te)=>{I({type:"REMOVE_REPEATABLE_FIELD",keys:ne.split("."),componentUid:te})},[]),qp=(0,e.useCallback)(()=>{I({type:"TRIGGER_FORM_VALIDATION"})},[]);return z?e.createElement(se.l_,{to:d}):Z?e.createElement(E.W1.Provider,{value:{addComponentToDynamicZone:Ae,addNonRepeatableComponentToField:ze,addRepeatableComponentToField:$e,allLayoutData:t,checkFormErrors:Ve,createActionAllowedFields:l,formErrors:$,hasDraftAndPublish:Q,initialData:q,isCreatingEntry:u,isSingleType:b,shouldNotRunValidations:B,status:N,layout:G,modifiedData:Z,moveComponentField:Np,moveComponentDown:Be,moveComponentUp:No,onChange:Et,onPublish:$t,onUnpublish:k,readActionAllowedFields:v,redirectToPreviousPage:R,removeComponentFromDynamicZone:zp,removeComponentFromField:Up,removeRepeatableField:Vp,relationConnect:ie,relationDisconnect:jp,relationLoad:De,relationReorder:Wp,slug:D,triggerFormValidation:qp,updateActionAllowedFields:P,onPublishPromptDismissal:ce,publishConfirmation:_}},p||!u&&!q.id?e.createElement(Re.o,{"aria-busy":"true"},e.createElement(E.dO,null)):e.createElement(e.Fragment,null,O?null:e.createElement(se.NL,{when:!Ze()(Z,q),message:fe({id:"global.prompt.unsaved"})}),e.createElement("form",{noValidate:!0,onSubmit:Ce},a))):null};Eo.defaultProps={from:"/",initialValues:null,redirectToPreviousPage(){}},Eo.propTypes={allLayoutData:n().object.isRequired,allowedActions:n().object.isRequired,children:n().node.isRequired,componentsDataStructure:n().object.isRequired,contentTypeDataStructure:n().object.isRequired,createActionAllowedFields:n().array.isRequired,from:n().string,initialValues:n().object,isCreatingEntry:n().bool.isRequired,isLoadingForData:n().bool.isRequired,isSingleType:n().bool.isRequired,onPost:n().func.isRequired,onPublish:n().func.isRequired,onDraftRelationCheck:n().func.isRequired,onPut:n().func.isRequired,onUnpublish:n().func.isRequired,readActionAllowedFields:n().array.isRequired,redirectToPreviousPage:n().func,slug:n().string.isRequired,status:n().string.isRequired,updateActionAllowedFields:n().array.isRequired};var Eu=Eo;const bu=(t={})=>Object.values(t).reduce((o,r)=>Object.assign(o,r),{});var Jr=(t={})=>{const{plugins:o,_q:r,...a}={...t,...bu(t.plugins)};return r&&(a._q=encodeURIComponent(r)),a},ot=t=>(0,h.IF)(`single-types/${t}`);const _r=({allLayoutData:t,children:o,slug:r})=>{const a=(0,Ue.useQueryClient)(),{trackUsage:s}=(0,E.rS)(),{push:c}=(0,se.k6)(),{setCurrentStep:l}=(0,E.c1)(),d=(0,e.useRef)(s),[m,u]=(0,e.useState)(!0),[{query:p,rawQuery:b}]=(0,E.Kx)(),f=(0,e.useMemo)(()=>Jr(p),[p]),g=(0,E.lm)(),y=(0,ue.I0)(),{formatAPIError:C}=(0,E.So)(h.OB),k=(0,E.kY)(),{post:v,put:R,del:D}=k,{componentsDataStructure:N,contentTypeDataStructure:P,data:O,isLoading:w,status:M}=(0,ue.v9)(In),I=(0,e.useCallback)(F=>{const T=(0,h.kc)(F,t.contentType,t.components);return(0,E.dU)(T,t.contentType,t.components)},[t]);(0,e.useEffect)(()=>()=>{y(Cr())},[y]),(0,e.useEffect)(()=>{const F=Object.keys(t.components).reduce((j,G)=>{const Q=(0,h.Di)(A()(t,["components",G,"attributes"],{}),t.components);return j[G]=(0,E.dU)(Q,t.components[G],t.components),j},{}),T=(0,h.Di)(t.contentType.attributes,t.components),S=(0,E.dU)(T,t.contentType,t.components);y(Rr(F,S))},[t,y]),(0,e.useEffect)(()=>{const T=We.default.CancelToken.source();return(async j=>{y(qt()),u(!0);try{const{data:G}=await k.get(ot(r),{cancelToken:j.token,params:f});y(Dn(I(G))),u(!1)}catch(G){if(We.default.isCancel(G))return;const Q=A()(G,"response.status",null);Q===404&&y(On(b,!0)),Q===403&&(g({type:"info",message:{id:(0,h.OB)("permissions.not-allowed.update")}}),c("/"))}})(T),()=>T.cancel("Operation canceled by the user.")},[k,I,c,r,y,f,b,g]);const $=(0,e.useCallback)(F=>{g({type:"warning",message:C(F)})},[g,C]),q=(0,e.useCallback)(async F=>{try{d.current("willDeleteEntry",F);const{data:T}=await D(ot(r),{params:f});return g({type:"success",message:{id:(0,h.OB)("success.record.delete")}}),d.current("didDeleteEntry",F),u(!0),y(On(b,!0)),Promise.resolve(T)}catch(T){return d.current("didNotDeleteEntry",{error:T,...F}),$(T),Promise.reject(T)}},[D,r,f,g,y,b,$]),Z=(0,e.useCallback)(async(F,T)=>{const S=ot(r);try{y(pe("submit-pending"));const{data:j}=await R(S,F,{params:p});return d.current("didCreateEntry",T),g({type:"success",message:{id:(0,h.OB)("success.record.save")}}),l("contentManager.success"),a.invalidateQueries(["relation"]),y(Ke(I(j))),u(!1),y(pe("resolved")),Promise.resolve(j)}catch(j){return d.current("didNotCreateEntry",{error:j,trackerProperty:T}),$(j),y(pe("resolved")),Promise.reject(j)}},[R,I,$,r,y,p,g,l,a]),K=(0,e.useCallback)(async()=>{try{d.current("willCheckDraftRelations");const F=ot(`${r}/actions/numberOfDraftRelations`);y(pe("draft-relation-check-pending"));const T=await k.get(F);return d.current("didCheckDraftRelations"),y(pe("resolved")),T.data.data}catch(F){return $(F),y(pe("resolved")),Promise.reject(F)}},[k,$,r,y]),J=(0,e.useCallback)(async()=>{try{d.current("willPublishEntry");const F=ot(`${r}/actions/publish`);y(pe("publish-pending"));const{data:T}=await v(F,{},{params:f});return d.current("didPublishEntry"),g({type:"success",message:{id:(0,h.OB)("success.record.publish")}}),y(Ke(I(T))),y(pe("resolved")),Promise.resolve(T)}catch(F){return $(F),y(pe("resolved")),Promise.reject(F)}},[r,y,v,f,g,I,$]),_=(0,e.useCallback)(async(F,T)=>{const S=ot(r);try{d.current("willEditEntry",T),y(pe("submit-pending"));const{data:j}=await R(S,F,{params:p});return g({type:"success",message:{id:(0,h.OB)("success.record.save")}}),d.current("didEditEntry",{trackerProperty:T}),a.invalidateQueries(["relation"]),y(Ke(I(j))),y(pe("resolved")),Promise.resolve(j)}catch(j){return $(j),d.current("didNotEditEntry",{error:j,trackerProperty:T}),y(pe("resolved")),Promise.reject(j)}},[R,I,$,r,y,p,g,a]),x=(0,e.useCallback)(async()=>{const F=ot(`${r}/actions/unpublish`);y(pe("unpublish-pending"));try{d.current("willUnpublishEntry");const{data:T}=await v(F,{},{params:f});d.current("didUnpublishEntry"),g({type:"success",message:{id:(0,h.OB)("success.record.unpublish")}}),y(Ke(I(T))),y(pe("resolved"))}catch(T){y(pe("resolved")),$(T)}},[r,y,v,f,g,I,$]);return o({componentsDataStructure:N,contentTypeDataStructure:P,data:O,isCreatingEntry:m,isLoadingForData:w,onDelete:q,onPost:Z,onDraftRelationCheck:K,onPublish:J,onPut:_,onUnpublish:x,redirectionLink:"/",status:M})};_r.propTypes={allLayoutData:n().shape({components:n().object.isRequired,contentType:n().object.isRequired}).isRequired,children:n().func.isRequired,slug:n().string.isRequired};var vu=(0,e.memo)(_r);function Cu(t,o){return r=>{const a=o();return e.createElement(t,{...r,...a})}}var Ru=Cu;function Mu(){const{hasDraftAndPublish:t,modifiedData:o}=(0,E.Wq)();let r={};return t&&(r=Le()(o.publishedAt)?{status:"draft"}:{status:"published"}),{hasDraftAndPublish:t,trackerProperty:r}}var Tu=Mu;const ea=({onDelete:t,trackerProperty:o})=>{const[r,a]=(0,e.useState)(!1),[s,c]=(0,e.useState)(!1),{formatMessage:l}=(0,Y.Z)(),{formatAPIError:d}=(0,E.So)(h.OB),m=(0,E.lm)(),u=()=>a(b=>!b),p=async()=>{try{c(!0),await t(o),c(!1),u()}catch(b){c(!1),u(),m({type:"warning",message:d(b)})}};return e.createElement(e.Fragment,null,e.createElement(de.z,{onClick:u,size:"S",startIcon:e.createElement(je.Z,null),variant:"danger-light"},l({id:(0,h.OB)("containers.Edit.delete-entry"),defaultMessage:"Delete this entry"})),e.createElement(E.QH,{isConfirmButtonLoading:s,isOpen:r,onConfirm:p,onToggleDialog:u}))};ea.propTypes={onDelete:n().func.isRequired,trackerProperty:n().object.isRequired};const Du=(0,e.memo)(ea,Ze());var Ou=Ru(Du,Tu),Iu=i(56243);function Pu(t,o){return r=>{const a=o();return e.createElement(t,{...r,...a})}}var xu=Pu;function ku(){const{initialData:t,hasDraftAndPublish:o}=(0,E.Wq)(),r=t.publishedAt!==void 0&&t.publishedAt!==null;return{hasDraftAndPublish:o,isPublished:r}}var Zu=ku;const Lu=(0,W.ZP)(Iu.Z)`
+  width: ${(0,E.Q1)(6)};
+  height: ${(0,E.Q1)(6)};
+  * {
+    fill: ${({theme:t,$bulletColor:o})=>t.colors[o]};
+  }
+`,ta=({hasDraftAndPublish:t,isPublished:o})=>{const{formatMessage:r}=(0,Y.Z)();if(!t)return null;const a={draft:{textColor:"secondary700",bulletColor:"secondary600",box:{background:"secondary100",borderColor:"secondary200"}},published:{textColor:"success700",bulletColor:"success600",box:{background:"success100",borderColor:"success200"}}},s=o?a.published:a.draft;return e.createElement(U.x,{hasRadius:!0,as:"aside",paddingTop:4,paddingBottom:4,paddingLeft:5,paddingRight:5,...s.box},e.createElement(U.x,{as:L.k},e.createElement(Lu,{$bulletColor:s.bulletColor}),e.createElement(U.x,{paddingLeft:3},e.createElement(H.Z,{textColor:s.textColor},r({id:(0,h.OB)("containers.Edit.information.editing"),defaultMessage:"Editing"}),"\xA0"),e.createElement(H.Z,{fontWeight:"bold",textColor:s.textColor},o&&r({id:(0,h.OB)("containers.Edit.information.publishedVersion"),defaultMessage:"published version"}),!o&&r({id:(0,h.OB)("containers.Edit.information.draftVersion"),defaultMessage:"draft version"})))))};ta.propTypes={hasDraftAndPublish:n().bool.isRequired,isPublished:n().bool.isRequired};var Au=xu(ta,Zu);const bo=({columns:t,customFieldInputs:o})=>e.createElement(Te.r,{gap:4},t.map(({fieldSchema:r,labelAction:a,metadatas:s,name:c,size:l,queryInfos:d})=>{if(r.type==="component"){const{component:u,max:p,min:b,repeatable:f=!1,required:g=!1}=r;return e.createElement(Ee.P,{col:l,s:12,xs:12,key:u},e.createElement(Yt,{componentUid:u,labelAction:a,isRepeatable:f,intlLabel:{id:s.label,defaultMessage:s.label},max:p,min:b,name:c,required:g}))}return e.createElement(Ee.P,{col:l,key:c,s:12,xs:12},e.createElement(so,{size:l,fieldSchema:r,keys:c,labelAction:a,metadatas:s,queryInfos:d,customFieldInputs:o}))}));bo.defaultProps={customFieldInputs:{}},bo.propTypes={columns:n().array.isRequired,customFieldInputs:n().object};var Fu=bo,Lt=i(22342),At=i(96166),Ft=i(88693);function Su(t,o){return r=>{const a=o();return e.createElement(t,{...r,...a})}}var wu=Su;function $u(){const{initialData:t,isCreatingEntry:o,isSingleType:r,status:a,layout:s,hasDraftAndPublish:c,modifiedData:l,onPublish:d,onUnpublish:m,publishConfirmation:u,onPublishPromptDismissal:p}=(0,E.Wq)();return{initialData:t,isCreatingEntry:o,isSingleType:r,status:a,layout:s,hasDraftAndPublish:c,modifiedData:l,onPublish:d,onUnpublish:m,publishConfirmation:u,onPublishPromptDismissal:p}}var Bu=$u;const na=(0,W.ZP)(L.k)`
+  text-align: center;
+`,oa=({allowedActions:{canUpdate:t,canCreate:o,canPublish:r},initialData:a,isCreatingEntry:s,isSingleType:c,hasDraftAndPublish:l,layout:d,modifiedData:m,onPublish:u,onUnpublish:p,status:b,publishConfirmation:{show:f,draftCount:g},onPublishPromptDismissal:y})=>{const{goBack:C}=(0,se.k6)(),[k,v]=(0,e.useState)(!1),{formatMessage:R}=(0,Y.Z)(),D=A()(d,["settings","mainField"],"id"),N=A()(d,["info","displayName"],"NOT FOUND"),P=!Ze()(a,m)||s&&!Le()(m);let w=R({id:(0,h.OB)("containers.Edit.pluginHeader.title.new"),defaultMessage:"Create an entry"});!s&&!c&&(w=a[D]||N),c&&(w=N);let M=null;if(s&&o&&(M=e.createElement(L.k,{gap:2},l&&e.createElement(de.z,{disabled:!0,startIcon:e.createElement(Se.Z,null),variant:"secondary"},R({id:"app.utils.publish",defaultMessage:"Publish"})),e.createElement(de.z,{disabled:!P,loading:b==="submit-pending",type:"submit"},R({id:(0,h.OB)("containers.Edit.submit"),defaultMessage:"Save"})))),!s&&t){const Z=l&&r,K=!Le()(a.publishedAt),J=K?b==="unpublish-pending":b==="publish-pending",_=K?{id:"app.utils.unpublish",defaultMessage:"Unpublish"}:{id:"app.utils.publish",defaultMessage:"Publish"},x=K?()=>v(!0):()=>u();M=e.createElement(L.k,null,Z&&e.createElement(de.z,{disabled:P,loading:J,onClick:x,startIcon:e.createElement(Se.Z,null),variant:"secondary"},R(_)),e.createElement(U.x,{paddingLeft:Z?2:0},e.createElement(de.z,{disabled:!P,loading:b==="submit-pending",type:"submit"},R({id:(0,h.OB)("containers.Edit.submit"),defaultMessage:"Save"}))))}const I=()=>v(Z=>!Z),$=()=>{I(),p()},q=`${R({id:(0,h.OB)("api.id"),defaultMessage:"API ID "})} : ${d.apiID}`;return e.createElement(e.Fragment,null,e.createElement(Me.T,{title:w.toString(),primaryAction:M,subtitle:q,navigationAction:e.createElement(E.rU,{startIcon:e.createElement(_e.Z,null),onClick:Z=>{Z.preventDefault(),C()},to:"/"},R({id:"global.back",defaultMessage:"Back"}))}),e.createElement(Lt.V,{onClose:I,title:"Confirmation",labelledBy:"confirmation",describedBy:"confirm-description",isOpen:k},e.createElement(At.a,{icon:e.createElement(mt.Z,null)},e.createElement(L.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(L.k,{justifyContent:"center",style:{textAlign:"center"}},e.createElement(H.Z,{id:"confirm-description"},R({id:(0,h.OB)("popUpWarning.warning.unpublish"),defaultMessage:"Unpublish this content will automatically change it to a draft."},{br:()=>e.createElement("br",null)}))),e.createElement(L.k,{justifyContent:"center",style:{textAlign:"center"}},e.createElement(H.Z,{id:"confirm-description"},R({id:(0,h.OB)("popUpWarning.warning.unpublish-question"),defaultMessage:"Are you sure you want to unpublish it?"}))))),e.createElement(Ft.c,{startAction:e.createElement(de.z,{onClick:I,variant:"tertiary"},R({id:"components.popUpWarning.button.cancel",defaultMessage:"Cancel"})),endAction:e.createElement(de.z,{variant:"danger-light",onClick:$},R({id:"components.popUpWarning.button.confirm",defaultMessage:"Confirm"}))})),e.createElement(Lt.V,{onClose:y,title:R({id:(0,h.OB)("popUpWarning.warning.has-draft-relations.title"),defaultMessage:"Confirmation"}),labelledBy:"confirmation",describedBy:"confirm-description",isOpen:f},e.createElement(At.a,{icon:e.createElement(mt.Z,null)},e.createElement(L.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(na,{justifyContent:"center"},e.createElement(H.Z,{id:"confirm-description"},g,R({id:(0,h.OB)("popUpwarning.warning.has-draft-relations.message"),defaultMessage:"<b>{count, plural, one { relation is} other { relations are}}</b> not published yet and might lead to unexpected behavior."},{b:Z=>e.createElement(H.Z,{fontWeight:"bold"},Z),count:g}))),e.createElement(na,{justifyContent:"center"},e.createElement(H.Z,{id:"confirm-description"},R({id:(0,h.OB)("popUpWarning.warning.publish-question"),defaultMessage:"Do you still want to publish?"}))))),e.createElement(Ft.c,{startAction:e.createElement(de.z,{onClick:y,variant:"tertiary"},R({id:"components.popUpWarning.button.cancel",defaultMessage:"Cancel"})),endAction:e.createElement(de.z,{variant:"success",onClick:u},R({id:(0,h.OB)("popUpwarning.warning.has-draft-relations.button-confirm"),defaultMessage:"Publish"}))})))};oa.propTypes={allowedActions:n().shape({canUpdate:n().bool.isRequired,canCreate:n().bool.isRequired,canPublish:n().bool.isRequired}).isRequired,initialData:n().object.isRequired,isCreatingEntry:n().bool.isRequired,isSingleType:n().bool.isRequired,status:n().string.isRequired,layout:n().object.isRequired,hasDraftAndPublish:n().bool.isRequired,modifiedData:n().object.isRequired,onPublish:n().func.isRequired,onUnpublish:n().func.isRequired,publishConfirmation:n().shape({show:n().bool.isRequired,draftCount:n().number.isRequired}).isRequired,onPublishPromptDismissal:n().func.isRequired};const Nu=(0,e.memo)(oa,Ze());var ju=wu(Nu,Bu);const Wu=t=>(0,e.useEffect)(t,zu),zu=[];var vo=i(98865);function Uu(){return e.createElement(vo.d.Root,null,e.createElement(vo.d.Title,null),e.createElement(vo.d.Body,null))}var Co=i(98178),Vu=t=>{if(!t.layouts)return[];const o=t.layouts.edit,r=t.attributes,a=l=>A()(r,[l,"type"],"");let s=0;const c=[];return o.forEach(l=>{const d=l.some(({name:m})=>a(m)==="dynamiczone");c[s]||(c[s]=[]),d?(s=s===0&&Le()(c[0])?0:s+1,c[s]||(c[s]=[]),c[s].push(l),s+=1):c[s].push(l)}),c.filter(l=>l.length>0)},qu=t=>{if(!t)return[];const r=[...t.contentType.layouts.edit,...Object.values(t.components).flatMap(s=>s.layouts.edit)].flat().filter(s=>s.fieldSchema.customField).map(s=>s.fieldSchema.customField);return[...new Set(r)]},Hu=i(91815),Gu=i.n(Hu),Qu=(t,o)=>{const r=a=>{const s=(0,E.ZT)(t,[{action:`plugin::content-manager.explorer.${a}`,subject:o}]);return Gu()(jt()(s,"properties.fields"))};return{createActionAllowedFields:r("create"),readActionAllowedFields:r("read"),updateActionAllowedFields:r("update")}};const Ro=t=>t["content-manager_editViewLayoutManager"].currentLayout,Ku=(0,Co.P1)(Ro,t=>Vu(t?.contentType??{})),Yu=(0,Co.P1)(Ro,t=>qu(t)),Xu=[{action:"plugin::content-type-builder.read",subject:null}],Mo=({allowedActions:t,isSingleType:o,goBack:r,slug:a,id:s,origin:c,userPermissions:l})=>{const{trackUsage:d}=(0,E.rS)(),{formatMessage:m}=(0,Y.Z)(),u=(0,ue.v9)(Ne._),p=(0,se.TH)(),b=(0,E.lm)(),f=(0,Tn.c)(Uu,async()=>(await i.e(978).then(i.bind(i,90978))).InformationBoxEE);Wu(()=>{p?.state&&"error"in p.state&&b({type:"warning",message:p.state.error,timeout:5e3})});const{layout:g,formattedContentTypeLayout:y,customFieldUids:C}=(0,ue.v9)(I=>({layout:Ro(I),formattedContentTypeLayout:Ku(I),customFieldUids:Yu(I)})),{isLazyLoading:k,lazyComponentStore:v}=Nn(C),{createActionAllowedFields:R,readActionAllowedFields:D,updateActionAllowedFields:N}=Qu(l,a),P=o?u.contentManager.singleTypesConfigurations:u.contentManager.collectionTypesConfigurations,O=`/content-manager/${o?"singleType":"collectionType"}/${a}/configurations/edit`,w=o?vu:wl,M=I=>I.every($=>$.every(q=>q.fieldSchema.type==="dynamiczone"));return k?e.createElement(E.dO,null):f?e.createElement(w,{allLayoutData:g,slug:a,id:s,origin:c},({componentsDataStructure:I,contentTypeDataStructure:$,data:q,isCreatingEntry:Z,isLoadingForData:K,onDelete:J,onPost:_,onPublish:x,onDraftRelationCheck:F,onPut:T,onUnpublish:S,redirectionLink:j,status:G})=>e.createElement(Eu,{allowedActions:t,allLayoutData:g,createActionAllowedFields:R,componentsDataStructure:I,contentTypeDataStructure:$,from:j,initialValues:q,isCreatingEntry:Z,isLoadingForData:K,isSingleType:o,onPost:_,onPublish:x,onDraftRelationCheck:F,onPut:T,onUnpublish:S,readActionAllowedFields:D,redirectToPreviousPage:r,slug:a,status:G,updateActionAllowedFields:N},e.createElement(Re.o,{"aria-busy":G!=="resolved"},e.createElement(ju,{allowedActions:t}),e.createElement(He.D,null,e.createElement(Te.r,{gap:4},e.createElement(Ee.P,{col:9,s:12},e.createElement(L.k,{direction:"column",alignItems:"stretch",gap:6},y.map((Q,B)=>{if(M(Q)){const{0:{0:{name:X,fieldSchema:fe,metadatas:oe,labelAction:z}}}=Q;return e.createElement(U.x,{key:B},e.createElement(Te.r,{gap:4},e.createElement(Ee.P,{col:12,s:12,xs:12},e.createElement(ho,{name:X,fieldSchema:fe,labelAction:z,metadatas:oe}))))}return e.createElement(U.x,{key:B,hasRadius:!0,background:"neutral0",shadow:"tableShadow",paddingLeft:6,paddingRight:6,paddingTop:6,paddingBottom:6,borderColor:"neutral150"},e.createElement(L.k,{direction:"column",alignItems:"stretch",gap:6},Q.map((X,fe)=>e.createElement(Fu,{columns:X,customFieldInputs:v,key:fe}))))}))),e.createElement(Ee.P,{col:3,s:12},e.createElement(L.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(Au,null),e.createElement(U.x,{as:"aside","aria-labelledby":"additional-information",background:"neutral0",borderColor:"neutral150",hasRadius:!0,paddingBottom:4,paddingLeft:4,paddingRight:4,paddingTop:6,shadow:"tableShadow"},e.createElement(f,null),e.createElement(Vt,{area:"contentManager.editView.informations"})),e.createElement(U.x,{as:"aside","aria-labelledby":"links"},e.createElement(L.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(Vt,{area:"contentManager.editView.right-links",slug:a}),a!=="strapi::administrator"&&e.createElement(E.jW,{permissions:Xu},e.createElement(E.Qj,{onClick:()=>{d("willEditEditLayout")},size:"S",startIcon:e.createElement(et.Z,null),style:{width:"100%"},to:`/plugins/content-type-builder/content-types/${a}`,variant:"secondary"},m({id:(0,h.OB)("link-to-ctb"),defaultMessage:"Edit the model"}))),e.createElement(E.jW,{permissions:P},e.createElement(E.Qj,{size:"S",startIcon:e.createElement(Xo.Z,null),style:{width:"100%"},to:O,variant:"secondary"},m({id:"app.links.configure-view",defaultMessage:"Configure the view"}))),t.canDelete&&!Z&&e.createElement(Ou,{onDelete:J})))))))))):null};Mo.defaultProps={id:null,isSingleType:!1,origin:null,userPermissions:[]},Mo.propTypes={allowedActions:n().shape({canRead:n().bool.isRequired,canUpdate:n().bool.isRequired,canCreate:n().bool.isRequired,canDelete:n().bool.isRequired}).isRequired,id:n().string,isSingleType:n().bool,goBack:n().func.isRequired,origin:n().string,slug:n().string.isRequired,userPermissions:n().array};var Ju=Mo;const To=t=>{const o=(0,e.useMemo)(()=>(0,h.TA)(t.slug),[t.slug]),{isLoading:r,allowedActions:a}=(0,E.ss)(o,t.userPermissions);return r?e.createElement(E.dO,null):e.createElement(Ju,{...t,allowedActions:a})};To.defaultProps={permissions:[]},To.propTypes={permissions:n().array,slug:n().string.isRequired,userPermissions:n().array.isRequired};var _u=(0,e.memo)(To,Ze()),em=i(53634);const ra=({layout:t,...o})=>{const r=(0,ue.v9)(em.Z),a=(0,ue.I0)(),[{query:s}]=(0,E.Kx)(),{runHookWaterfall:c}=(0,E.j1)(),l=(0,ae.r5)(s,o.slug,"editView");return(0,e.useEffect)(()=>{const d=c(Ut.Eo,{layout:t,query:s});return a(Ll(d.layout,s)),()=>{a(Zl())}},[t,a,s,c]),!r||!l?e.createElement(E.dO,null):e.createElement(_u,{...o,userPermissions:l})};ra.propTypes={layout:n().shape({components:n().object.isRequired,contentType:n().shape({uid:n().string.isRequired,settings:n().object.isRequired,metadatas:n().object.isRequired,options:n().object.isRequired,attributes:n().object.isRequired}).isRequired}).isRequired};var Jt=ra,Do=i(33348);const tm=(0,W.ZP)(L.k)`
+  svg {
+    width: ${32/16}rem;
+    height: ${24/16}rem;
+    margin-right: ${({theme:t})=>t.spaces[3]};
+  }
+`,aa=({attributes:t,fieldForm:o,fieldToEdit:r,onCloseModal:a,onChangeEditLabel:s,onSubmit:c,type:l})=>{const{formatMessage:d}=(0,Y.Z)(),m=t[r].relationType;let u=!["media","relation"].includes(l);return["oneWay","oneToOne","manyToOne"].includes(m)&&(u=!0),e.createElement(lr.P,{onClose:a,labelledBy:"title"},e.createElement("form",{onSubmit:c},e.createElement(cr.x,null,e.createElement(tm,null,e.createElement(gr,{type:l}),e.createElement(H.Z,{fontWeight:"bold",textColor:"neutral800",as:"h2",id:"title"},d({id:(0,h.OB)("containers.ListSettingsView.modal-form.edit-label"),defaultMessage:"Edit {fieldName}"},{fieldName:Tt()(r)})))),e.createElement(dr.f,null,e.createElement(Te.r,{gap:4},e.createElement(Ee.P,{s:12,col:6},e.createElement(hn.o,{id:"label-input",label:d({id:(0,h.OB)("form.Input.label"),defaultMessage:"Label"}),name:"label",onChange:p=>s(p),value:o.label,hint:d({id:(0,h.OB)("form.Input.label.inputDescription"),defaultMessage:"This value overrides the label displayed in the table's head"})})),u&&e.createElement(Ee.P,{s:12,col:6},e.createElement(xt.s,{"data-testid":"Enable sort on this field",checked:o.sortable,label:d({id:(0,h.OB)("form.Input.sort.field"),defaultMessage:"Enable sort on this field"}),name:"sortable",onChange:p=>s({target:{name:"sortable",value:p.target.checked}}),onLabel:d({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"on"}),offLabel:d({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"off"})})))),e.createElement(ur.m,{startActions:e.createElement(de.z,{onClick:a,variant:"tertiary"},d({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endActions:e.createElement(de.z,{type:"submit"},d({id:"global.finish",defaultMessage:"Finish"}))})))};aa.propTypes={attributes:n().objectOf(n().shape({relationType:n().string})).isRequired,fieldForm:n().shape({label:n().string,sortable:n().bool}).isRequired,fieldToEdit:n().string.isRequired,onChangeEditLabel:n().func.isRequired,onCloseModal:n().func.isRequired,onSubmit:n().func.isRequired,type:n().string.isRequired};var nm=aa;const Oo=({modifiedData:t,onChange:o,sortOptions:r})=>{const{formatMessage:a}=(0,Y.Z)(),{settings:s,metadatas:c}=t;return e.createElement(L.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(H.Z,{variant:"delta",as:"h2"},a({id:(0,h.OB)("containers.SettingPage.settings"),defaultMessage:"Settings"})),e.createElement(L.k,{justifyContent:"space-between",gap:4},e.createElement(U.x,{width:"100%"},e.createElement(xt.s,{label:a({id:(0,h.OB)("form.Input.search"),defaultMessage:"Enable search"}),onChange:l=>{o({target:{name:"settings.searchable",value:l.target.checked}})},onLabel:a({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"on"}),offLabel:a({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"off"}),name:"settings.searchable",checked:s.searchable})),e.createElement(U.x,{width:"100%"},e.createElement(xt.s,{label:a({id:(0,h.OB)("form.Input.filters"),defaultMessage:"Enable filters"}),onChange:l=>{o({target:{name:"settings.filterable",value:l.target.checked}})},onLabel:a({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"on"}),offLabel:a({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"off"}),name:"settings.filterable",checked:s.filterable})),e.createElement(U.x,{width:"100%"},e.createElement(xt.s,{label:a({id:(0,h.OB)("form.Input.bulkActions"),defaultMessage:"Enable bulk actions"}),onChange:l=>{o({target:{name:"settings.bulkable",value:l.target.checked}})},onLabel:a({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"on"}),offLabel:a({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"off"}),name:"settings.bulkable",checked:s.bulkable}))),e.createElement(Te.r,{gap:4},e.createElement(Ee.P,{s:12,col:6},e.createElement(Fe.P,{label:a({id:(0,h.OB)("form.Input.pageEntries"),defaultMessage:"Entries per page"}),hint:a({id:(0,h.OB)("form.Input.pageEntries.inputDescription"),defaultMessage:"Note: You can override this value in the Collection Type settings page."}),onChange:l=>o({target:{name:"settings.pageSize",value:l}}),name:"settings.pageSize",value:t.settings.pageSize||""},[10,20,50,100].map(l=>e.createElement(be.W,{key:l,value:l},l)))),e.createElement(Ee.P,{s:12,col:3},e.createElement(Fe.P,{label:a({id:(0,h.OB)("form.Input.defaultSort"),defaultMessage:"Default sort attribute"}),onChange:l=>o({target:{name:"settings.defaultSortBy",value:l}}),name:"settings.defaultSortBy",value:t.settings.defaultSortBy||""},r.map(l=>e.createElement(be.W,{key:l,value:l},c[l].list.label||l)))),e.createElement(Ee.P,{s:12,col:3},e.createElement(Fe.P,{label:a({id:(0,h.OB)("form.Input.sort.order"),defaultMessage:"Default sort order"}),onChange:l=>o({target:{name:"settings.defaultSortOrder",value:l}}),name:"settings.defaultSortOrder",value:t.settings.defaultSortOrder||""},["ASC","DESC"].map(l=>e.createElement(be.W,{key:l,value:l},l))))))};Oo.defaultProps={modifiedData:{},sortOptions:[]},Oo.propTypes={modifiedData:n().object,onChange:n().func.isRequired,sortOptions:n().array};var om=Oo;const Io=(0,W.ZP)(L.k)`
+  height: ${({theme:t})=>t.spaces[7]};
+
+  &:last-child {
+    padding: 0 ${({theme:t})=>t.spaces[3]};
+  }
+`,rm=(0,W.ZP)(Io)`
+  border-right: 1px solid
+    ${({theme:t,isSibling:o})=>o?t.colors.neutral150:t.colors.primary200};
+
+  svg {
+    width: ${12/16}rem;
+    height: ${12/16}rem;
+  }
+`,am=(0,W.ZP)(L.k)`
+  border: 1px solid
+    ${({theme:t,isSibling:o})=>o?t.colors.neutral150:t.colors.primary200};
+
+  svg {
+    width: ${10/16}rem;
+    height: ${10/16}rem;
+
+    path {
+      fill: ${({theme:t,isSibling:o})=>o?void 0:t.colors.primary600};
+    }
+  }
+`,sm=(0,W.ZP)(H.Z)`
+  max-width: ${72/16}rem;
+`;function St({labelField:t,transparent:o,isSibling:r}){return e.createElement(am,{background:r?"neutral100":"primary100",display:"inline-flex",gap:3,hasRadius:!0,justifyContent:"space-between",transparent:o,isSibling:r,"max-height":(0,E.Q1)(32),maxWidth:"min-content",opacity:o?0:1},e.createElement(L.k,{gap:3},e.createElement(rm,{alignItems:"center",cursor:"all-scroll",padding:3},e.createElement(Ge.Z,null)),e.createElement(sm,{textColor:r?void 0:"primary600",fontWeight:"bold",ellipsis:!0},t)),e.createElement(L.k,null,e.createElement(Io,{alignItems:"center"},e.createElement(et.Z,null)),e.createElement(Io,{alignItems:"center"},e.createElement(Gt.Z,null))))}St.defaultProps={isSibling:!1,transparent:!1},St.propTypes={isSibling:n().bool,labelField:n().string.isRequired,transparent:n().bool};const Po=W.ZP.button`
+  display: flex;
+  align-items: center;
+  height: ${({theme:t})=>t.spaces[7]};
+
+  &:last-child {
+    padding: 0 ${({theme:t})=>t.spaces[3]};
+  }
+`,sa=(0,W.ZP)(Po)`
+  padding: 0 ${({theme:t})=>t.spaces[3]};
+  border-right: 1px solid ${({theme:t})=>t.colors.neutral150};
+  cursor: all-scroll;
+
+  svg {
+    width: ${12/16}rem;
+    height: ${12/16}rem;
+  }
+`,im=(0,W.ZP)(L.k)`
+  max-height: ${32/16}rem;
+  cursor: pointer;
+
+  svg {
+    width: ${10/16}rem;
+    height: ${10/16}rem;
+
+    path {
+      fill: ${({theme:t})=>t.colors.neutral600};
+    }
+  }
+
+  &:hover {
+    background-color: ${({theme:t})=>t.colors.primary100};
+    border-color: ${({theme:t})=>t.colors.primary200};
+
+    svg {
+      path {
+        fill: ${({theme:t})=>t.colors.primary600};
+      }
+    }
+
+    ${H.Z} {
+      color: ${({theme:t})=>t.colors.primary600};
+    }
+
+    ${sa} {
+      border-right: 1px solid ${({theme:t})=>t.colors.primary200};
+    }
+  }
+`,lm=(0,W.ZP)(U.x)`
+  &:last-child {
+    padding-right: ${({theme:t})=>t.spaces[3]};
+  }
+`,ia=({index:t,isDraggingSibling:o,labelField:r,onClickEditField:a,onMoveField:s,onRemoveField:c,name:l,setIsDraggingSibling:d})=>{const{formatMessage:m}=(0,Y.Z)(),u=(0,e.useRef)(null),p=(0,e.useRef)(null),[,b]=(0,e.useState)(!1),f=(0,e.useRef)(),g=()=>{f.current&&f.current.click()},[,y]=(0,Wt.useDrop)({accept:h._Q.FIELD,hover(D,N){if(!p.current)return;const P=D.index,O=t;if(P===O)return;const w=p.current.getBoundingClientRect(),M=(w.right-w.left)/2,$=N.getClientOffset().x-w.left;P>O&&$>M||P<O&&$<M||(s(P,O),D.index=O)}}),[{isDragging:C},k,v]=(0,Wt.useDrag)({type:h._Q.FIELD,item(){return{index:t,labelField:r,name:l}},collect:D=>({isDragging:D.isDragging()}),end(){d(!1)}});(0,e.useEffect)(()=>{v((0,Dt.rX)(),{captureDraggingState:!1})},[v]),(0,e.useEffect)(()=>{C&&d(!0)},[C,d]),(0,e.useEffect)(()=>{o||b(D=>!D)},[o]);const R={dragRef:k(u),dropRef:y(p)};return e.createElement(lm,{ref:R?R.dropRef:null},C&&e.createElement(St,{transparent:!0,labelField:r}),!C&&o&&e.createElement(St,{isSibling:!0,labelField:r}),!C&&!o&&e.createElement(im,{borderColor:"neutral150",background:"neutral100",hasRadius:!0,justifyContent:"space-between",onClick:g,isDragging:C},e.createElement(L.k,{gap:3},e.createElement(sa,{as:"span","aria-label":m({id:(0,h.OB)("components.DraggableCard.move.field"),defaultMessage:"Move {item}"},{item:r}),onClick:D=>D.stopPropagation(),ref:R.dragRef,type:"button"},e.createElement(Ge.Z,null)),e.createElement(H.Z,{fontWeight:"bold"},r)),e.createElement(L.k,{paddingLeft:3},e.createElement(Po,{ref:f,onClick:D=>{D.stopPropagation(),a(l)},"aria-label":m({id:(0,h.OB)("components.DraggableCard.edit.field"),defaultMessage:"Edit {item}"},{item:r}),type:"button"},e.createElement(et.Z,null)),e.createElement(Po,{onClick:c,"data-testid":`delete-${l}`,"aria-label":m({id:(0,h.OB)("components.DraggableCard.delete.field"),defaultMessage:"Delete {item}"},{item:r}),type:"button"},e.createElement(Gt.Z,null)))))};ia.propTypes={index:n().number.isRequired,isDraggingSibling:n().bool.isRequired,labelField:n().string.isRequired,name:n().string.isRequired,onClickEditField:n().func.isRequired,onMoveField:n().func.isRequired,onRemoveField:n().func.isRequired,setIsDraggingSibling:n().func.isRequired};var cm=ia;const dm=(0,W.ZP)(U.x)`
+  flex: ${({size:t})=>t};
+  overflow-x: scroll;
+  overflow-y: hidden;
+`,la=({displayedFields:t,listRemainingFields:o,metadatas:r,onAddField:a,onClickEditField:s,onMoveField:c,onRemoveField:l})=>{const{formatMessage:d}=(0,Y.Z)(),[m,u]=(0,e.useState)(!1),[p,b]=(0,e.useState)(null),f=(0,e.useRef)();function g(...C){b("add"),a(...C)}function y(...C){b("remove"),l(...C)}return(0,e.useEffect)(()=>{p==="add"&&f?.current&&(f.current.scrollLeft=f.current.scrollWidth)},[t,p]),e.createElement(e.Fragment,null,e.createElement(U.x,{paddingBottom:4},e.createElement(H.Z,{variant:"delta",as:"h2"},d({id:(0,h.OB)("containers.SettingPage.view"),defaultMessage:"View"}))),e.createElement(L.k,{paddingTop:4,paddingLeft:4,paddingRight:4,borderColor:"neutral300",borderStyle:"dashed",borderWidth:"1px",hasRadius:!0},e.createElement(dm,{size:"1",paddingBottom:4,ref:f},e.createElement(L.k,{gap:3},t.map((C,k)=>e.createElement(cm,{key:C,index:k,isDraggingSibling:m,onMoveField:c,onClickEditField:s,onRemoveField:v=>y(v,k),name:C,labelField:r[C].list.label||C,setIsDraggingSibling:u})))),e.createElement(ge.fC,null,e.createElement(ge.xz,{paddingLeft:2,paddingRight:2,justifyContent:"center",endIcon:null,disabled:o.length<=0,marginBottom:4,variant:"tertiary"},e.createElement(Ye.T,{as:"span"},d({id:(0,h.OB)("components.FieldSelect.label"),defaultMessage:"Add a field"})),e.createElement(dt.Z,{"aria-hidden":!0,focusable:!1,style:{position:"relative",top:2}})),e.createElement(ge.VY,null,o.map(C=>e.createElement(ge.ck,{key:C,onSelect:()=>g(C)},r[C].list.label||C))))))};la.propTypes={displayedFields:Oe.PropTypes.array.isRequired,listRemainingFields:Oe.PropTypes.array.isRequired,metadatas:Oe.PropTypes.objectOf(Oe.PropTypes.shape({list:Oe.PropTypes.shape({label:Oe.PropTypes.string})})).isRequired,onAddField:Oe.PropTypes.func.isRequired,onClickEditField:Oe.PropTypes.func.isRequired,onMoveField:Oe.PropTypes.func.isRequired,onRemoveField:Oe.PropTypes.func.isRequired};var um=la;const mm=["media","richtext","dynamiczone","relation","component","json"];var pm=(t,o)=>({...t,initialData:o,modifiedData:o});const xo={fieldForm:{},fieldToEdit:"",initialData:{},modifiedData:{}};var gm=(t=xo,o)=>(0,vn.ZP)(t,r=>{const a=["modifiedData","layouts","list"];switch(o.type){case"ADD_FIELD":{const s=A()(t,a,[]);re()(r,a,[...s,o.item]);break}case"MOVE_FIELD":{const s=A()(t,a,[]),{originalIndex:c,atIndex:l}=o;re()(r,a,(0,h.W3)(s,c,l));break}case"ON_CHANGE":{re()(r,["modifiedData",...o.keys.split(".")],o.value);break}case"ON_CHANGE_FIELD_METAS":{re()(r,["fieldForm",o.name],o.value);break}case"REMOVE_FIELD":{const s=A()(t,a,[]);re()(r,a,s.filter((c,l)=>o.index!==l));break}case"SET_FIELD_TO_EDIT":{const{fieldToEdit:s}=o;r.fieldToEdit=s,r.fieldForm.label=A()(r,["modifiedData","metadatas",s,"list","label"],""),r.fieldForm.sortable=A()(r,["modifiedData","metadatas",s,"list","sortable"],"");break}case"UNSET_FIELD_TO_EDIT":{r.fieldForm={},r.fieldToEdit="";break}case"SUBMIT_FIELD_FORM":{const s=["modifiedData","metadatas",t.fieldToEdit,"list"];re()(r,[...s,"label"],t.fieldForm.label),re()(r,[...s,"sortable"],t.fieldForm.sortable);break}default:return r}});const ca=({layout:t,slug:o})=>{const{put:r}=(0,E.kY)(),{formatMessage:a}=(0,Y.Z)(),{trackUsage:s}=(0,E.rS)(),c=(0,ae.fi)(),l=(0,E.lm)(),{refetchData:d}=(0,e.useContext)(Rt),[m,u]=(0,e.useState)(!1),p=()=>u(S=>!S),[b,f]=(0,e.useReducer)(gm,xo,()=>pm(xo,t)),{fieldToEdit:g,fieldForm:y,initialData:C,modifiedData:k}=b,v=!Le()(y),{attributes:R}=t,D=k.layouts.list,N=()=>{const{settings:{pageSize:S,defaultSortBy:j,defaultSortOrder:G},kind:Q,uid:B}=C,X=`${j}:${G}`,fe=`${(0,Do.stringify)({page:1,pageSize:S,sort:X},{encode:!1})}${c?`&${c}`:""}`;return`/content-manager/${Q}/${B}?${fe}`},P=({target:{name:S,value:j}})=>{f({type:"ON_CHANGE",keys:S,value:S==="settings.pageSize"?parseInt(j,10):j})},O=async()=>{const S=nn()(k,["layouts","settings","metadatas"]);K.mutate(S)},w=S=>{f({type:"ADD_FIELD",item:S})},M=(S,j)=>{S.stopPropagation(),D.length===1?l({type:"info",message:{id:(0,h.OB)("notification.info.minimumFields")}}):f({type:"REMOVE_FIELD",index:j})},I=S=>{S.preventDefault(),p(),s("willSaveContentTypeLayout")},$=S=>{f({type:"SET_FIELD_TO_EDIT",fieldToEdit:S})},q=()=>{f({type:"UNSET_FIELD_TO_EDIT"})},Z=S=>{S.preventDefault(),f({type:"SUBMIT_FIELD_FORM"}),q()},K=(0,Ue.useMutation)(S=>r(`/content-manager/content-types/${o}/configuration`,S),{onSuccess(){s("didEditListSettings"),d()},onError(){l({type:"warning",message:{id:"notification.error"}})}}),{isLoading:J}=K,_=({target:{name:S,value:j}})=>{f({type:"ON_CHANGE_FIELD_METAS",name:S,value:j})},x=Object.entries(R).filter(([S,j])=>(0,h.ko)(j)&&!D.includes(S)).map(([S])=>S).sort(),F=Object.entries(R).filter(([,S])=>!mm.includes(S.type)).map(([S])=>S),T=(S,j)=>{f({type:"MOVE_FIELD",originalIndex:S,atIndex:j})};return e.createElement(Xe.A,null,e.createElement(Re.o,{"aria-busy":J},e.createElement("form",{onSubmit:I},e.createElement(Me.T,{navigationAction:e.createElement(E.rU,{startIcon:e.createElement(_e.Z,null),to:N,id:"go-back"},a({id:"global.back",defaultMessage:"Back"})),primaryAction:e.createElement(de.z,{size:"S",startIcon:e.createElement(Se.Z,null),disabled:Ze()(k,C),type:"submit"},a({id:"global.save",defaultMessage:"Save"})),subtitle:a({id:(0,h.OB)("components.SettingsViewWrapper.pluginHeader.description.list-settings"),defaultMessage:"Define the settings of the list view."}),title:a({id:(0,h.OB)("components.SettingsViewWrapper.pluginHeader.title"),defaultMessage:"Configure the view - {name}"},{name:Tt()(k.info.displayName)})}),e.createElement(He.D,null,e.createElement(U.x,{background:"neutral0",hasRadius:!0,shadow:"tableShadow",paddingTop:6,paddingBottom:6,paddingLeft:7,paddingRight:7},e.createElement(om,{modifiedData:k,onChange:P,sortOptions:F}),e.createElement(U.x,{paddingTop:6,paddingBottom:6},e.createElement(Nt.i,null)),e.createElement(um,{listRemainingFields:x,displayedFields:D,onAddField:w,onClickEditField:$,onMoveField:T,onRemoveField:M,metadatas:k.metadatas}))),e.createElement(E.QH,{bodyText:{id:(0,h.OB)("popUpWarning.warning.updateAllSettings"),defaultMessage:"This will modify all your settings"},iconRightButton:e.createElement(Se.Z,null),isConfirmButtonLoading:J,isOpen:m,onToggleDialog:p,onConfirm:O,variantRightButton:"success-light"})),v&&e.createElement(nm,{attributes:R,fieldForm:y,fieldToEdit:g,onChangeEditLabel:_,onCloseModal:q,onSubmit:Z,type:A()(R,[g,"type"],"text")})))};ca.propTypes={layout:n().shape({uid:n().string.isRequired,settings:n().shape({bulkable:n().bool,defaultSortBy:n().string,defaultSortOrder:n().string,filterable:n().bool,pageSize:n().number,searchable:n().bool}).isRequired,metadatas:n().object.isRequired,options:n().object.isRequired,attributes:n().objectOf(n().shape({type:n().string})).isRequired}).isRequired,slug:n().string.isRequired};var fm=(0,e.memo)(ca),ft=i(93088);const hm=()=>({type:ft.ZA}),ym=(t,o)=>({type:ft.Id,pagination:t,data:o}),Em=()=>({type:ft.MP});function bm(){return{type:ft.c2}}const vm=({components:t,contentType:o})=>{const{layouts:r}=o;return{contentType:o,components:t,displayedHeaders:r.list,type:ft.Zz}},ko=t=>({type:ft.Rp,target:t});var Zo=i(94638),da=i(99223),ua=i(6680);const ma=({displayedFilters:t})=>{const[o,r]=(0,e.useState)(!1),{formatMessage:a}=(0,Y.Z)(),s=(0,e.useRef)(),{trackUsage:c}=(0,E.rS)(),l=()=>{o||c("willFilterEntries"),r(d=>!d)};return e.createElement(e.Fragment,null,e.createElement(U.x,{paddingTop:1,paddingBottom:1},e.createElement(de.z,{variant:"tertiary",ref:s,startIcon:e.createElement(Yo.Z,null),onClick:l,size:"S"},a({id:"app.utils.filters",defaultMessage:"Filters"})),o&&e.createElement(E.J5,{displayedFilters:t,isVisible:o,onToggle:l,source:s})),e.createElement(E.W$,{filtersSchema:t}))};ma.propTypes={displayedFilters:n().arrayOf(n().shape({name:n().string.isRequired,metadatas:n().shape({label:n().string}),fieldSchema:n().shape({type:n().string})})).isRequired};var Cm=ma;const Rm=["json","component","media","richtext","dynamiczone","password"],Mm=["createdAt","updatedAt"];var Tm=(t,o)=>{const{allPermissions:r}=(0,E.vn)(),a=(0,E.ZT)(r,[{action:"plugin::content-manager.explorer.read",subject:o}]),s=A()(a,["0","properties","fields"],[]);return Object.keys(A()(t,["attributes"]),{}).filter(d=>{const m=A()(t,["attributes",d],{});return!(!m.type||Rm.includes(m.type)||!s.includes(d)&&d!=="id"&&!Mm.includes(d))}).sort()};const pa=({contentType:t,slug:o,metadatas:r})=>{const{formatMessage:a}=(0,Y.Z)(),c=Tm(t,o).map(l=>{const d=t.attributes[l],{type:m,enum:u}=d,p={name:"didFilterEntries",properties:{useRelation:m==="relation"}},{mainField:b,label:f}=r[l].list;return{name:l,metadatas:{label:a({id:f,defaultMessage:f})},fieldSchema:{type:m,options:u,mainField:b},trackedEvent:p}});return e.createElement(Cm,{displayedFilters:c})};pa.propTypes={contentType:n().object.isRequired,metadatas:n().object.isRequired,slug:n().string.isRequired};var Dm=pa,Om=i(14090);const ga=()=>t=>t["content-manager_listView"]||Om.E,Im=()=>(0,Co.P1)(ga(),t=>t),fa=t=>{const{displayedHeaders:o}=t["content-manager_listView"];return o};var Pm=Im;const ha=({area:t,...o})=>{const r=br(t);return r?e.createElement("ul",null,r.map(a=>a.Component(o)?e.createElement(U.x,{key:a.name,padding:3,style:{textAlign:"center"}},e.createElement(a.Component,{...o})):null)):null};ha.propTypes={area:n().string.isRequired};var wt=ha;const _t=({onToggleDialog:t,isOpen:o,dialogBody:r,endAction:a})=>{const{formatMessage:s}=(0,Y.Z)();return e.createElement(Lt.V,{onClose:t,title:s({id:"app.components.ConfirmDialog.title",defaultMessage:"Confirmation"}),labelledBy:"confirmation",describedBy:"confirm-description",isOpen:o},e.createElement(At.a,{icon:e.createElement(mt.Z,null)},e.createElement(L.k,{direction:"column",alignItems:"stretch",gap:2},r)),e.createElement(Ft.c,{startAction:e.createElement(de.z,{onClick:t,variant:"tertiary"},s({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endAction:a}))};_t.propTypes={isOpen:n().bool.isRequired,onToggleDialog:n().func.isRequired,dialogBody:n().node.isRequired,endAction:n().node.isRequired};const Lo={isConfirmButtonLoading:n().bool.isRequired,isOpen:n().bool.isRequired,onConfirm:n().func.isRequired,onToggleDialog:n().func.isRequired},ya=({isOpen:t,onToggleDialog:o,isConfirmButtonLoading:r,onConfirm:a})=>{const{formatMessage:s}=(0,Y.Z)();return e.createElement(_t,{isOpen:t,onToggleDialog:o,dialogBody:e.createElement(e.Fragment,null,e.createElement(H.Z,{id:"confirm-description",textAlign:"center"},s({id:(0,h.OB)("popUpWarning.bodyMessage.contentType.publish.all"),defaultMessage:"Are you sure you want to publish these entries?"})),e.createElement(wt,{area:"contentManager.listView.publishModalAdditionalInfos"})),endAction:e.createElement(de.z,{onClick:a,variant:"secondary",startIcon:e.createElement(Se.Z,null),loading:r},s({id:"app.utils.publish",defaultMessage:"Publish"}))})};ya.propTypes=Lo;const Ea=({isOpen:t,onToggleDialog:o,isConfirmButtonLoading:r,onConfirm:a})=>{const{formatMessage:s}=(0,Y.Z)();return e.createElement(_t,{isOpen:t,onToggleDialog:o,dialogBody:e.createElement(e.Fragment,null,e.createElement(H.Z,{id:"confirm-description",textAlign:"center"},s({id:(0,h.OB)("popUpWarning.bodyMessage.contentType.unpublish.all"),defaultMessage:"Are you sure you want to unpublish these entries?"})),e.createElement(wt,{area:"contentManager.listView.unpublishModalAdditionalInfos"})),endAction:e.createElement(de.z,{onClick:a,variant:"secondary",startIcon:e.createElement(Se.Z,null),loading:r},s({id:"app.utils.unpublish",defaultMessage:"Unpublish"}))})};Ea.propTypes=Lo;const ba=({isOpen:t,onToggleDialog:o,isConfirmButtonLoading:r,onConfirm:a})=>{const{formatMessage:s}=(0,Y.Z)();return e.createElement(_t,{isOpen:t,onToggleDialog:o,dialogBody:e.createElement(e.Fragment,null,e.createElement(H.Z,{id:"confirm-description",textAlign:"center"},s({id:(0,h.OB)("popUpWarning.bodyMessage.contentType.delete.all"),defaultMessage:"Are you sure you want to delete these entries?"})),e.createElement(wt,{area:"contentManager.listView.deleteModalAdditionalInfos"})),endAction:e.createElement(de.z,{onClick:a,variant:"danger-light",startIcon:e.createElement(je.Z,null),id:"confirm-delete",loading:r},s({id:"app.components.Button.confirm",defaultMessage:"Confirm"}))})};ba.propTypes=Lo;const Ao=({showPublish:t,showDelete:o,onConfirmDeleteAll:r,onConfirmPublishAll:a,onConfirmUnpublishAll:s,selectedEntries:c,clearSelectedEntries:l})=>{const{formatMessage:d}=(0,Y.Z)(),{trackUsage:m}=(0,E.rS)(),{data:u}=(0,ue.v9)(ga()),[p,b]=(0,e.useState)(!1),[f,g]=(0,e.useState)(null),y=u.filter(M=>c.includes(M.id)),C=t&&y.some(M=>!M.publishedAt),k=t&&y.some(M=>M.publishedAt),v=()=>{f==="delete"?g(null):(g("delete"),m("willBulkDeleteEntries"))},R=()=>{f==="publish"?g(null):(g("publish"),m("willBulkPublishEntries"))},D=()=>{f==="unpublish"?g(null):(g("unpublish"),m("willBulkUnpublishEntries"))},N=async(M,I)=>{try{b(!0),await M(c),b(!1),I(),l()}catch{b(!1),I()}},P=()=>N(r,v),O=()=>N(a,R),w=()=>N(s,D);return e.createElement(e.Fragment,null,C&&e.createElement(e.Fragment,null,e.createElement(de.z,{variant:"tertiary",onClick:R},d({id:"app.utils.publish",defaultMessage:"Publish"})),e.createElement(ya,{isOpen:f==="publish",onToggleDialog:R,isConfirmButtonLoading:p,onConfirm:O})),k&&e.createElement(e.Fragment,null,e.createElement(de.z,{variant:"tertiary",onClick:D},d({id:"app.utils.unpublish",defaultMessage:"Unpublish"})),e.createElement(Ea,{isOpen:f==="unpublish",onToggleDialog:D,isConfirmButtonLoading:p,onConfirm:w})),o&&e.createElement(e.Fragment,null,e.createElement(de.z,{variant:"danger-light",onClick:v},d({id:"global.delete",defaultMessage:"Delete"})),e.createElement(ba,{isOpen:f==="delete",onToggleDialog:v,isConfirmButtonLoading:p,onConfirm:P})))};Ao.defaultProps={showPublish:!1,showDelete:!1,onConfirmDeleteAll(){},onConfirmPublishAll(){},onConfirmUnpublishAll(){}},Ao.propTypes={showPublish:n().bool,showDelete:n().bool,onConfirmDeleteAll:n().func,onConfirmPublishAll:n().func,onConfirmUnpublishAll:n().func,selectedEntries:n().array.isRequired,clearSelectedEntries:n().func.isRequired};var xm=Ao;const va=({isConfirmButtonLoading:t,isOpen:o,onToggleDialog:r,onConfirm:a})=>{const{formatMessage:s}=(0,Y.Z)();return e.createElement(Lt.V,{onClose:r,title:s({id:"app.components.ConfirmDialog.title",defaultMessage:"Confirmation"}),labelledBy:"confirmation",describedBy:"confirm-description",isOpen:o},e.createElement(At.a,{icon:e.createElement(mt.Z,null)},e.createElement(L.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(L.k,{justifyContent:"center"},e.createElement(H.Z,{id:"confirm-description"},s({id:"components.popUpWarning.message",defaultMessage:"Are you sure you want to delete this?"}))),e.createElement(L.k,null,e.createElement(wt,{area:"contentManager.listView.deleteModalAdditionalInfos"})))),e.createElement(Ft.c,{startAction:e.createElement(de.z,{onClick:r,variant:"tertiary"},s({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endAction:e.createElement(de.z,{onClick:a,variant:"danger-light",startIcon:e.createElement(je.Z,null),id:"confirm-delete",loading:t},s({id:"app.components.Button.confirm",defaultMessage:"Confirm"}))}))};va.propTypes={isConfirmButtonLoading:n().bool.isRequired,isOpen:n().bool.isRequired,onConfirm:n().func.isRequired,onToggleDialog:n().func.isRequired};const Ca=({isConfirmButtonLoading:t,isOpen:o,onToggleDialog:r,onConfirm:a})=>{const{formatMessage:s}=(0,Y.Z)();return e.createElement(Lt.V,{onClose:r,title:s({id:"app.components.ConfirmDialog.title",defaultMessage:"Confirmation"}),labelledBy:"confirmation",describedBy:"confirm-description",isOpen:o},e.createElement(At.a,{icon:e.createElement(mt.Z,null)},e.createElement(L.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(L.k,{justifyContent:"center"},e.createElement(H.Z,{id:"confirm-description"},s({id:(0,h.OB)("popUpWarning.bodyMessage.contentType.delete.all"),defaultMessage:"Are you sure you want to delete these entries?"}))),e.createElement(L.k,null,e.createElement(wt,{area:"contentManager.listView.deleteModalAdditionalInfos"})))),e.createElement(Ft.c,{startAction:e.createElement(de.z,{onClick:r,variant:"tertiary"},s({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endAction:e.createElement(de.z,{onClick:a,variant:"danger-light",startIcon:e.createElement(je.Z,null),id:"confirm-delete",loading:t},s({id:"app.components.Button.confirm",defaultMessage:"Confirm"}))}))};Ca.propTypes={isConfirmButtonLoading:n().bool.isRequired,isOpen:n().bool.isRequired,onConfirm:n().func.isRequired,onToggleDialog:n().func.isRequired};const Ra=({layout:t})=>{const o=(0,ue.I0)(),r=(0,ue.v9)(fa),{trackUsage:a}=(0,E.rS)(),{formatMessage:s}=(0,Y.Z)(),c=km(t.contentType.attributes).map(m=>{const u=t.contentType.metadatas[m].list;return{name:m,intlLabel:{id:u.label,defaultMessage:u.label}}}),l=r.map(({name:m})=>m),d=m=>{if(a("didChangeDisplayedFields"),m.length<l.length){const u=l.filter(p=>m.indexOf(p)===-1);o(ko({name:u[0],value:!0}))}else{const u=m.filter(p=>l.indexOf(p)===-1);o(ko({name:u[0],value:!1}))}};return e.createElement(U.x,{paddingTop:1,paddingBottom:1},e.createElement(Fe.P,{"aria-label":"change displayed fields",value:l,onChange:d,customizeContent:m=>s({id:(0,h.OB)("select.currently.selected"),defaultMessage:"{count} currently selected"},{count:m.length}),multi:!0,size:"S"},c.map(m=>e.createElement(be.W,{key:m.name,value:m.name},s({id:m.intlLabel.id||m.name,defaultMessage:m.intlLabel.defaultMessage||m.name})))))};Ra.propTypes={layout:n().shape({contentType:n().shape({attributes:n().object.isRequired,metadatas:n().object.isRequired,layouts:n().shape({list:n().array.isRequired}).isRequired,options:n().object.isRequired,settings:n().object.isRequired}).isRequired}).isRequired};const km=t=>Object.keys(t).reduce((r,a)=>{const s=t[a];return(0,h.ko)(s)&&r.push(a),r},[]).sort();var Zm=i(35658),Lm=i(94547),ht=i(19786),Am=i(82884),Fm=i(47765),Sm=i(59177),wm=i(86209),$m=i(96315);const Ma=({type:t,value:o})=>{const{formatDate:r,formatTime:a,formatNumber:s}=(0,Y.Z)();let c=o;if(t==="date"&&(c=r((0,$m.Z)(o),{dateStyle:"full"})),t==="datetime"&&(c=r(o,{dateStyle:"full",timeStyle:"short"})),t==="time"){const[l,d,m]=o.split(":"),u=new Date;u.setHours(l),u.setMinutes(d),u.setSeconds(m),c=a(u,{numeric:"auto",style:"short"})}return["float","decimal"].includes(t)&&(c=s(o,{maximumFractionDigits:20})),["integer","biginteger"].includes(t)&&(c=s(o,{maximumFractionDigits:0})),Qr()(c)};Ma.propTypes={type:n().string.isRequired,value:n().any.isRequired};var yt=Ma,Bm=i(69033);const Nm=(0,W.ZP)(L.k)`
+  position: relative;
+  border-radius: 50%;
+  width: 26px;
+  height: 26px;
+  border: 1px solid ${({theme:t})=>t.colors.neutral200};
+  background: ${({theme:t})=>t.colors.neutral150};
+  padding-left: 1px;
+
+  span {
+    line-height: 0.6rem;
+    font-size: 0.6rem;
+  }
+`,Ta=({children:t,...o})=>e.createElement(Nm,{justifyContent:"center",alignItems:"center",as:"span",...o},e.createElement(H.Z,{variant:"sigma",textColor:"neutral600"},t));Ta.propTypes={children:n().string.isRequired};var Da=Ta;const Fo=({url:t,mime:o,alternativeText:r,name:a,ext:s,formats:c})=>{const l=(0,E.CR)(t);if(o.includes("image")){const u=c?.thumbnail?.url||null,p=(0,E.CR)(u)||l;return e.createElement(Bm.q,{src:p,alt:r||a,preview:!0})}const d=(0,E.mD)(s),m=a.length>100?`${a.substring(0,100)}...`:a;return e.createElement(Ht.u,{description:m},e.createElement(Da,null,d))};Fo.defaultProps={alternativeText:null,formats:null},Fo.propTypes={alternativeText:n().string,ext:n().string.isRequired,formats:n().object,mime:n().string.isRequired,name:n().string.isRequired,url:n().string.isRequired};var Oa=Fo,jm=i(25898);const Ia=({value:t})=>e.createElement(jm.H,null,t.map((o,r)=>{const a=`${o.id}${r}`;if(r===3){const s=`+${t.length-3}`;return e.createElement(Da,{key:a,preview:!1},s)}return r>3?null:e.createElement(Oa,{key:a,...o})}));Ia.propTypes={value:n().arrayOf(n().shape({alternativeText:n().string,ext:n().string.isRequired,formats:n().object,mime:n().string.isRequired,name:n().string.isRequired,url:n().string.isRequired})).isRequired};var Wm=Ia,Pa=i(6518),zm=i(23866);const xa=({fieldSchema:t,metadatas:o,name:r,entityId:a,value:s,contentType:c})=>{const{formatMessage:l}=(0,Y.Z)(),{notifyStatus:d}=(0,Zo.G)(),[m,u]=(0,e.useState)(!1),{get:p}=(0,E.kY)(),{data:b,status:f}=(0,Ue.useQuery)([t.targetModel,a],async()=>{const{data:{results:g,pagination:y}}=await p((0,h.IF)(`relations/${c.uid}/${a}/${r.split(".")[0]}`));return{results:g,pagination:y}},{enabled:m,staleTime:0,select:g=>({...g,results:[...g.results].reverse()})});return(0,e.useEffect)(()=>{b&&d(l({id:(0,h.OB)("DynamicTable.relation-loaded"),defaultMessage:"Relations have been loaded"}))},[b,l,d]),e.createElement(ge.fC,{onOpenChange:g=>u(g)},e.createElement(Vm,{onClick:g=>g.stopPropagation()},e.createElement(L.k,{gap:1,wrap:"nowrap"},e.createElement(Pa.C,null,s.count),l({id:"content-manager.containers.ListPage.items",defaultMessage:"{number, plural, =0 {items} one {item} other {items}}"},{number:s.count}))),e.createElement(ge.VY,null,f!=="success"&&e.createElement(ge.ck,{disabled:!0},e.createElement(zm.a,{small:!0},l({id:(0,h.OB)("DynamicTable.relation-loading"),defaultMessage:"Relations are loading"}))),f==="success"&&e.createElement(e.Fragment,null,b?.results.map(g=>e.createElement(ge.ck,{key:g.id,disabled:!0},e.createElement(Um,{ellipsis:!0},e.createElement(yt,{type:o.mainField.schema.type,value:g[o.mainField.name]||g.id})))),b?.pagination.total>10&&e.createElement(ge.ck,{"aria-disabled":!0,"aria-label":l({id:(0,h.OB)("DynamicTable.relation-more"),defaultMessage:"This relation contains more entities than displayed"})},e.createElement(H.Z,null,"\u2026")))))};xa.propTypes={contentType:n().shape({uid:n().string.isRequired}).isRequired,fieldSchema:n().shape({relation:n().string,targetModel:n().string,type:n().string.isRequired}).isRequired,metadatas:n().shape({mainField:n().shape({name:n().string.isRequired,schema:n().shape({type:n().string.isRequired}).isRequired})}).isRequired,name:n().string.isRequired,entityId:n().oneOfType([n().string,n().number]).isRequired,value:n().object.isRequired};const Um=(0,W.ZP)(H.Z)`
+  max-width: 500px;
+`,Vm=(0,W.ZP)(ge.xz)`
+  svg {
+    width: ${6/16}rem;
+    height: ${4/16}rem;
+  }
+`;var qm=xa;const Hm=(0,W.ZP)(H.Z)`
+  max-width: 500px;
+`,ka=({metadatas:t,value:o})=>e.createElement(Hm,{textColor:"neutral800",ellipsis:!0},e.createElement(yt,{type:t.mainField.schema.type,value:o[t.mainField.name]??o.id}));ka.propTypes={metadatas:n().shape({mainField:n().shape({name:n().string.isRequired,schema:n().shape({type:n().string.isRequired}).isRequired})}).isRequired,value:n().object.isRequired};var Gm=ka;const Qm=(0,W.ZP)(H.Z)`
+  max-width: 500px;
+`,Za=({value:t,metadatas:o})=>{const{formatMessage:r}=(0,Y.Z)(),{mainField:{type:a,name:s}}=o;return e.createElement(ge.fC,null,e.createElement(Km,{onClick:c=>c.stopPropagation()},e.createElement(Pa.C,null,t.length)," ",r({id:"content-manager.containers.ListPage.items",defaultMessage:"{number, plural, =0 {items} one {item} other {items}}"},{number:t.length})),e.createElement(ge.VY,null,t.map(c=>e.createElement(ge.ck,{key:c.id,disabled:!0},e.createElement(Qm,{ellipsis:!0},e.createElement(yt,{type:a,value:c[s]||c.id}))))))};Za.propTypes={metadatas:n().shape({mainField:n().shape({name:n().string,type:n().string,value:n().string})}).isRequired,value:n().array.isRequired};const Km=(0,W.ZP)(ge.xz)`
+  svg {
+    width: ${6/16}rem;
+    height: ${4/16}rem;
+  }
+`;var Ym=Za;const Xm=(0,W.ZP)(H.Z)`
+  max-width: 250px;
+`,La=({value:t,metadatas:o})=>{const{mainField:r}=o,a=t[r.name];return e.createElement(Ht.u,{label:a},e.createElement(Xm,{textColor:"neutral800",ellipsis:!0},e.createElement(yt,{type:r.type,value:a})))};La.propTypes={metadatas:n().shape({mainField:n().shape({name:n().string,type:n().string,value:n().string})}).isRequired,value:n().object.isRequired};var Jm=La,_m=i(80022),Aa=i.n(_m),Fa=i(73347);function Sa(t){return["oneToOne","manyToOne","oneToOneMorph"].includes(t)}function ep(t,o,r,a){if(t==="component"){const{mainField:{name:s,type:c}}=r;if(a?.repeatable)return o.length>0;const l=o?.[s];return s==="id"&&![void 0,null].includes(l)?!0:(0,Fa.Z)(c)&&c!=="biginteger"&&s!=="id"?Aa()(l):!Le()(l)}return t==="relation"?Sa(a.relation)?!Le()(o):o?.count>0:(0,Fa.Z)(t)&&t!=="biginteger"?Aa()(o):t==="boolean"?o!==null:!Le()(o)}const wa=(0,W.ZP)(H.Z)`
+  max-width: 300px;
+`,So=({content:t,fieldSchema:o,metadatas:r,name:a,rowId:s,contentType:c})=>{const{type:l}=o;if(!ep(l,t,r,o))return e.createElement(H.Z,{textColor:"neutral800"},"-");switch(l){case"media":return o.multiple?e.createElement(Wm,{value:t}):e.createElement(Oa,{...t});case"relation":return Sa(o.relation)?e.createElement(Gm,{metadatas:r,value:t}):e.createElement(qm,{fieldSchema:o,metadatas:r,value:t,name:a,entityId:s,contentType:c});case"component":return o.repeatable===!0?e.createElement(Ym,{value:t,metadatas:r}):e.createElement(Jm,{value:t,metadatas:r});case"string":return e.createElement(Ht.u,{description:t},e.createElement(wa,{ellipsis:!0,textColor:"neutral800"},e.createElement(yt,{type:l,value:t})));default:return e.createElement(wa,{ellipsis:!0,textColor:"neutral800"},e.createElement(yt,{type:l,value:t}))}};So.defaultProps={content:void 0},So.propTypes={content:n().any,contentType:n().shape({uid:n().string.isRequired}).isRequired,fieldSchema:n().shape({component:n().string,multiple:n().bool,type:n().string.isRequired,repeatable:n().bool,relation:n().string}).isRequired,metadatas:n().object.isRequired,name:n().string.isRequired,rowId:n().oneOfType([n().string,n().number]).isRequired};var tp=So;const np=()=>null,wo=({canCreate:t,canDelete:o,contentType:r,features:{hasDraftAndPublish:a,hasReviewWorkflows:s},headers:c,entriesToDelete:l,onClickDelete:d,onSelectRow:m,withMainAction:u,withBulkActions:p,rows:b})=>{const{push:f,location:g}=(0,se.k6)(),{pathname:y}=g,{formatMessage:C}=(0,Y.Z)(),{post:k}=(0,E.kY)(),{trackUsage:v}=(0,E.rS)(),R=(0,ae.fi)(),[{query:D}]=(0,E.Kx)(),{formatAPIError:N}=(0,E.So)(h.OB),P=(0,Tn.c)(np,async()=>(await i.e(3984).then(i.bind(i,33984))).ReviewWorkflowsStageEE,{enabled:s}),O=M=>()=>{p&&(v("willEditEntryFromList"),f({pathname:`${y}/${M}`,state:{from:y},search:R}))},w=M=>async()=>{try{const{data:I}=await k(`/content-manager/collection-types/${r.uid}/auto-clone/${M}`,{},{params:{plugins:D?.plugins}});"id"in I&&f({pathname:`${y}/${I.id}`,state:{from:y},search:R})}catch(I){I instanceof Sm.d7&&f({pathname:`${y}/create/clone/${M}`,state:{from:y,error:N(I)},search:R})}};return P?e.createElement(Zm.p,null,b.map((M,I)=>{const $=l.includes(M.id),q=C({id:"content-manager.components.DynamicTable.row-line",defaultMessage:"item line {number}"},{number:I});return e.createElement(Lm.Tr,{cursor:p?"pointer":"default",key:M.id,onClick:O(M.id)},u&&e.createElement(ht.Td,{onClick:Z=>Z.stopPropagation()},e.createElement(Am.C,{"aria-label":C({id:"app.component.table.select.one-entry",defaultMessage:"Select {target}"},{target:(0,wm.Pp)(M.firstname,M.lastname)}),checked:$,onChange:()=>{m({name:M.id,value:!$})}})),c.map(({key:Z,cellFormatter:K,name:J,..._})=>a&&J==="publishedAt"?e.createElement(ht.Td,{key:Z},e.createElement(Un.q,{width:"min-content",showBullet:!1,variant:M.publishedAt?"success":"secondary",size:"S"},e.createElement(H.Z,{fontWeight:"bold",textColor:`${M.publishedAt?"success":"secondary"}700`},C({id:(0,h.OB)(`containers.List.${M.publishedAt?"published":"draft"}`),defaultMessage:M.publishedAt?"Published":"Draft"})))):s&&J==="strapi_reviewWorkflows_stage"?e.createElement(ht.Td,{key:Z},M.strapi_reviewWorkflows_stage?e.createElement(P,{color:M.strapi_reviewWorkflows_stage.color,name:M.strapi_reviewWorkflows_stage.name}):e.createElement(H.Z,{textColor:"neutral800"},"-")):typeof K=="function"?e.createElement(ht.Td,{key:Z},K(M,{key:Z,name:J,..._})):e.createElement(ht.Td,{key:Z},e.createElement(tp,{content:M[J.split(".")[0]],name:J,contentType:r,..._,rowId:M.id}))),p&&e.createElement(ht.Td,null,e.createElement(L.k,{as:"span",justifyContent:"end",gap:1,onClick:Z=>Z.stopPropagation()},e.createElement(ve.h,{forwardedAs:Ot.rU,onClick:()=>{v("willEditEntryFromButton")},to:{pathname:`${y}/${M.id}`,state:{from:y},search:R},label:C({id:"app.component.table.edit",defaultMessage:"Edit {target}"},{target:q}),noBorder:!0},e.createElement(et.Z,null)),t&&e.createElement(ve.h,{onClick:w(M.id),label:C({id:"app.component.table.duplicate",defaultMessage:"Duplicate {target}"},{target:q}),noBorder:!0},e.createElement(Fm.Z,null)),o&&e.createElement(ve.h,{onClick:()=>{v("willDeleteEntryFromList"),d(M.id)},label:C({id:"global.delete-target",defaultMessage:"Delete {target}"},{target:q}),noBorder:!0},e.createElement(je.Z,null)))))})):null};wo.defaultProps={canCreate:!1,canDelete:!1,entriesToDelete:[],onClickDelete(){},onSelectRow(){},rows:[],withBulkActions:!1,withMainAction:!1},wo.propTypes={canCreate:n().bool,canDelete:n().bool,contentType:n().shape({uid:n().string.isRequired}).isRequired,entriesToDelete:n().array,features:n().shape({hasDraftAndPublish:n().bool.isRequired,hasReviewWorkflows:n().bool.isRequired}).isRequired,headers:n().array.isRequired,onClickDelete:n().func,onSelectRow:n().func,rows:n().array,withBulkActions:n().bool,withMainAction:n().bool};const op=(0,W.ZP)(U.x)`
+  svg {
+    path {
+      fill: ${({theme:t})=>t.colors.neutral900};
+    }
+  }
+`,rp=null;function $a({canCreate:t,canDelete:o,canRead:r,canPublish:a,data:s,getData:c,getDataSucceeded:l,isLoading:d,layout:m,pagination:u,slug:p}){const{total:b}=u,{contentType:f}=m,{info:g,options:y,metadatas:C,settings:{bulkable:k,filterable:v,searchable:R}}=f,D=(0,E.lm)(),{trackUsage:N}=(0,E.rS)(),{refetchPermissions:P}=(0,E.vn)(),O=e.useRef(N),w=e.useRef(P),{notifyStatus:M}=(0,Zo.G)(),{formatAPIError:I}=(0,E.So)(h.OB),$=(0,ue.v9)(Ne._);(0,E.go)();const[{query:q}]=(0,E.Kx)(),Z=e.useMemo(()=>Jr(q),[q]),K=(0,Do.stringify)({plugins:q.plugins},{encode:!1}),{pathname:J}=(0,se.TH)(),{push:_}=(0,se.k6)(),{formatMessage:x}=(0,Y.Z)(),F=(0,E.kY)(),T=y?.draftAndPublish??!1,S=y?.reviewWorkflows??!1,j=(0,Tn.c)(rp,async()=>(await i.e(6158).then(i.bind(i,76158))).REVIEW_WORKFLOW_COLUMNS_EE,{enabled:!!y?.reviewWorkflows}),{post:G,del:Q}=F,B=(0,Ue.useMutation)(me=>G(`/content-manager/collection-types/${f.uid}/actions/bulkPublish`,me),{onSuccess(){D({type:"success",message:{id:"content-manager.success.record.publish",defaultMessage:"Published"}}),oe(`/content-manager/collection-types/${p}`,{params:Z})},onError(me){D({type:"warning",message:I(me)})}}),X=(0,Ue.useMutation)(me=>G(`/content-manager/collection-types/${f.uid}/actions/bulkUnpublish`,me),{onSuccess(){D({type:"success",message:{id:"content-manager.success.record.unpublish",defaultMessage:"Unpublished"}}),oe(`/content-manager/collection-types/${p}`,{params:Z})},onError(me){D({type:"warning",message:I(me)})}}),fe=e.useRef(""),oe=e.useCallback(async(me,ee)=>{c();try{const{data:{results:ce,pagination:Ce}}=await F.get(me,ee);M(x({id:(0,h.OB)("utils.data-loaded"),defaultMessage:"{number, plural, =1 {# entry has} other {# entries have}} successfully been loaded"},{number:Ce.count})),l(Ce,ce)}catch(ce){if(We.default.isCancel(ce))return;if((ce?.response?.status??null)===403){await w.current(),D({type:"info",message:{id:(0,h.OB)("permissions.not-allowed.update")}}),_("/");return}D({type:"warning",message:{id:(0,h.OB)("error.model.fetch")}})}},[x,c,l,M,_,D,F]),z=e.useCallback(async me=>{try{await G(`/content-manager/collection-types/${p}/actions/bulkDelete`,{ids:me}),oe(`/content-manager/collection-types/${p}`,{params:Z}),O.current("didBulkDeleteEntries")}catch(ee){D({type:"warning",message:I(ee)})}},[p,D,I,G,oe,Z]),V=e.useCallback(async me=>{try{await Q(`/content-manager/collection-types/${p}/${me}`);const ee=(0,h.IF)(`collection-types/${p}`);oe(ee,{params:Z}),D({type:"success",message:{id:(0,h.OB)("success.record.delete")}})}catch(ee){D({type:"warning",message:I(ee)})}},[p,D,I,Q,oe,Z]),he=async me=>{const ee={validIds:[],errors:{}},ce=(0,h.Ex)(f,{components:m.components},{isDraft:!1}),$t=s.filter(Be=>me.includes(Be.id)).map(Be=>ce.validate(Be,{abortEarly:!1}));return(await Promise.allSettled($t)).forEach(Be=>{if(Be.status==="rejected"){const No=Be.reason.value.id;ee.errors[No]=(0,E.CJ)(Be.reason)}Be.status==="fulfilled"&&ee.validIds.push(Be.value.id)}),ee},ye=async me=>{const ee=await he(me);if(Object.values(ee.errors).length)throw D({type:"warning",title:{id:"content-manager.listView.validation.errors.title",defaultMessage:"Action required"},message:{id:"content-manager.listView.validation.errors.message",defaultMessage:"Please make sure all fields are valid before publishing (required field, min/max character limit, etc.)"}}),new Error("Validation error");return B.mutateAsync({ids:me})},Ae=me=>X.mutateAsync({ids:me});e.useEffect(()=>{const ee=We.default.CancelToken.source(),ce=r,Ce=(0,h.IF)(`collection-types/${p}`);return ce&&Ce.includes(fe.current)&&oe(Ce,{cancelToken:ee.token,params:Z}),()=>{fe.current=p,ee.cancel("Operation canceled by the user.")}},[r,c,p,Z,l,oe]);const ze=x({id:(0,h.OB)("header.name"),defaultMessage:"Content"}),ie=x({id:g.displayName,defaultMessage:g.displayName||ze}),{runHookWaterfall:De}=(0,E.j1)(),$e=(0,ue.v9)(fa),Pe=e.useMemo(()=>{const ee=De(Ut.No,{displayedHeaders:$e,layout:m}).displayedHeaders.map(ce=>{const{metadatas:Ce}=ce;if(ce.fieldSchema.type==="relation"){const $t=`${ce.name}.${ce.metadatas.mainField.name}`;return{...ce,metadatas:{...Ce,label:x({id:(0,h.OB)(`containers.ListPage.table-headers.${ce.name}`),defaultMessage:Ce.label})},name:$t}}return{...ce,metadatas:{...Ce,label:x({id:(0,h.OB)(`containers.ListPage.table-headers.${ce.name}`),defaultMessage:Ce.label})}}});return T&&ee.push({key:"__published_at_temp_key__",name:"publishedAt",fieldSchema:{type:"custom"},metadatas:{label:x({id:(0,h.OB)("containers.ListPage.table-headers.publishedAt"),defaultMessage:"publishedAt"}),searchable:!1,sortable:!0}}),j&&(typeof j.metadatas.label!="string"&&(j.metadatas.label=x(j.metadatas.label)),ee.push(j)),ee},[De,$e,m,j,T,x]),Ve=r?x({id:(0,h.OB)("pages.ListView.header-subtitle"),defaultMessage:"{number, plural, =0 {# entries} one {# entry} other {# entries}} found"},{number:b}):null,Et=me=>t?e.createElement(de.z,{...me,forwardedAs:Ot.rU,onClick:()=>{const ee=T?{status:"draft"}:{};O.current("willCreateEntry",ee)},to:{pathname:`${J}/create`,search:q.plugins?K:""},startIcon:e.createElement(dt.Z,null),style:{textDecoration:"none"}},x({id:(0,h.OB)("HeaderLayout.button.label-add-entry"),defaultMessage:"Create new entry"})):null;return e.createElement(Re.o,{"aria-busy":d},e.createElement(Me.T,{primaryAction:Et(),subtitle:Ve,title:ie,navigationAction:e.createElement(E.rU,{startIcon:e.createElement(_e.Z,null),to:"/content-manager/"},x({id:"global.back",defaultMessage:"Back"}))}),!r&&e.createElement(da.Z,{endActions:e.createElement(Vt,{area:"contentManager.listView.actions"})}),r&&e.createElement(da.Z,{endActions:e.createElement(e.Fragment,null,e.createElement(Vt,{area:"contentManager.listView.actions"}),e.createElement(Ra,{layout:m}),e.createElement(E.jW,{permissions:$.contentManager.collectionTypesConfigurations},e.createElement(op,{paddingTop:1,paddingBottom:1},e.createElement(ve.h,{onClick:()=>{N("willEditListLayout")},forwardedAs:Ot.rU,to:{pathname:`${p}/configurations/list`,search:K},icon:e.createElement(rn.Z,null),label:x({id:"app.links.configure-view",defaultMessage:"Configure the view"})})))),startActions:e.createElement(e.Fragment,null,R&&e.createElement(E.m,{label:x({id:"app.component.search.label",defaultMessage:"Search for {target}"},{target:ie}),placeholder:x({id:"global.search",defaultMessage:"Search"}),trackedEvent:"didSearch"}),v&&e.createElement(Dm,{contentType:f,slug:p,metadatas:C}))}),e.createElement(He.D,null,r?e.createElement(L.k,{gap:4,direction:"column",alignItems:"stretch"},e.createElement(E.tM,{canCreate:t,canDelete:o,canPublish:a,contentTypeName:ie,onConfirmDelete:V,onConfirmDeleteAll:z,onConfirmPublishAll:ye,onConfirmUnpublishAll:Ae,isBulkable:k,isLoading:d,layout:m,rows:s,components:{ConfirmDialogDelete:va,ConfirmDialogDeleteAll:Ca},contentType:ie,action:Et({variant:"secondary"}),headers:Pe,onOpenDeleteAllModalTrackedEvent:"willBulkDeleteEntries",withBulkActions:!0,withMainAction:o&&k,renderBulkActionsBar:({selectedEntries:me,clearSelectedEntries:ee})=>e.createElement(xm,{showPublish:a&&T,showDelete:o,onConfirmDeleteAll:z,onConfirmPublishAll:ye,onConfirmUnpublishAll:Ae,selectedEntries:me,clearSelectedEntries:ee}),bulkAction:!0},e.createElement(wo,{canCreate:t,canDelete:o,contentType:f,features:{hasDraftAndPublish:T,hasReviewWorkflows:S},headers:Pe,rows:s,withBulkActions:!0,withMainAction:o&&k})),e.createElement(L.k,{alignItems:"flex-end",justifyContent:"space-between"},e.createElement(E.v4,{trackedEvent:"willChangeNumberOfEntriesPerPage"}),e.createElement(E.tU,{pagination:{pageCount:u?.pageCount||1}}))):e.createElement(E.ZF,null)))}$a.propTypes={canCreate:n().bool.isRequired,canDelete:n().bool.isRequired,canRead:n().bool.isRequired,canPublish:n().bool.isRequired,data:n().array.isRequired,layout:n().exact({components:n().object.isRequired,contentType:n().shape({uid:n().string.isRequired,attributes:n().object.isRequired,metadatas:n().object.isRequired,info:n().shape({displayName:n().string.isRequired}).isRequired,layouts:n().shape({list:n().array.isRequired}).isRequired,options:n().object.isRequired,settings:n().object.isRequired}).isRequired}).isRequired,isLoading:n().bool.isRequired,getData:n().func.isRequired,getDataSucceeded:n().func.isRequired,pagination:n().shape({total:n().number.isRequired,pageCount:n().number}).isRequired,slug:n().string.isRequired};const ap=Pm();function sp(t){return(0,ua.bindActionCreators)({getData:hm,getDataSucceeded:ym,onChangeListHeaders:ko,onResetListHeaders:Em},t)}const ip=(0,ue.$j)(ap,sp);var lp=(0,ua.compose)(ip)(e.memo($a,Ze()));const $o=t=>{const o=(0,e.useMemo)(()=>(0,h.TA)(t.slug),[t.slug]),{isLoading:r,allowedActions:a}=(0,E.ss)(o,t.permissions);return r?e.createElement(E.dO,null):e.createElement(lp,{...t,...a})};$o.defaultProps={permissions:[]},$o.propTypes={permissions:n().array,slug:n().string.isRequired};var cp=(0,e.memo)($o,(t,o)=>{const r=(0,E.e5)(t,o);return Object.keys(r).filter(s=>s!=="state").length>0});const Ba=({layout:t,...o})=>{const r=(0,ue.I0)(),{replace:a}=(0,se.k6)(),[{query:s,rawQuery:c}]=(0,E.Kx)(),l=(0,ae.r5)(s,o.slug,"listView"),d=(0,ae.Ky)(o.slug);return(0,e.useEffect)(()=>{c||a(d)},[c,a,d]),(0,e.useEffect)(()=>{r(vm(t))},[r,t]),(0,e.useEffect)(()=>()=>{r(bm())},[r]),l?e.createElement(cp,{...o,layout:t,permissions:l}):null};Ba.propTypes={layout:n().exact({components:n().object.isRequired,contentType:n().shape({attributes:n().object.isRequired,metadatas:n().object.isRequired,layouts:n().shape({list:n().array.isRequired}).isRequired,options:n().object.isRequired,settings:n().object.isRequired,pluginOptions:n().object}).isRequired}).isRequired,slug:n().string.isRequired};var dp=Ba,up=()=>e.createElement(U.x,{padding:8},e.createElement(E.Hn,null));const Na=({match:{params:{slug:t},url:o}})=>{const r=(0,ue.v9)(Ne._),{isLoading:a,layout:s,updateLayout:c}=(0,ae.zE)(t),{rawContentTypeLayout:l,rawComponentsLayouts:d}=(0,e.useMemo)(()=>{let b={},f={};return s.contentType&&(b=(0,h.du)(s.contentType)),s.components&&(f=Object.keys(s.components).reduce((g,y)=>(g[y]=(0,h.du)(s.components[y]),g),{})),{rawContentTypeLayout:b,rawComponentsLayouts:f}},[s]);if((s?.contentType?.uid??null)!==t||a)return e.createElement(E.dO,null);const u=({location:{state:b},history:{goBack:f},match:{params:{id:g,origin:y}}},C)=>e.createElement(C,{slug:t,layout:s,state:b,goBack:f,id:g,origin:y}),p=[{path:"create/clone/:origin",comp:Jt},{path:"create",comp:Jt},{path:":id",comp:Jt},{path:"",comp:dp}].map(({path:b,comp:f})=>e.createElement(se.AW,{key:b,path:`${o}/${b}`,render:g=>u(g,f)}));return e.createElement(Je.ErrorBoundary,{FallbackComponent:up},e.createElement(Mt.Provider,{value:s},e.createElement(se.rs,null,e.createElement(se.AW,{path:`${o}/configurations/list`},e.createElement(E.O4,{permissions:r.contentManager.collectionTypesConfigurations},e.createElement(fm,{layout:l,slug:t,updateLayout:c}))),e.createElement(se.AW,{path:`${o}/configurations/edit`},e.createElement(E.O4,{permissions:r.contentManager.collectionTypesConfigurations},e.createElement(Mn,{components:d,isContentTypeView:!0,mainLayout:l,slug:t,updateLayout:c}))),p)))};Na.propTypes={match:n().shape({url:n().string.isRequired,params:n().shape({slug:n().string.isRequired}).isRequired}).isRequired};var mp=(0,e.memo)(Na),ja=i(4214);const pp=()=>{const[{isLoading:t,data:o},r]=(0,e.useReducer)(ja.Z,ja.q),a=(0,e.useMemo)(ct.Vo,[]),{schemas:s}=(0,ue.v9)(m=>a(m),ue.wU),c=(0,ue.v9)(Ne._),{uid:l}=(0,se.UO)(),{get:d}=(0,E.kY)();return(0,e.useEffect)(()=>{const u=We.default.CancelToken.source();return(async b=>{try{r(qt());const{data:{data:f}}=await d(`/content-manager/components/${l}/configuration`,{cancelToken:b.token});r(Dn((0,h.w8)(f,s,"component")))}catch(f){if(We.default.isCancel(f))return;console.error(f)}})(u),()=>{u.cancel("Operation canceled by the user.")}},[l,s,d]),t?e.createElement(E.dO,null):e.createElement(E.O4,{permissions:c.contentManager.componentsConfigurations},e.createElement(Mn,{components:o.components,mainLayout:o.component,slug:l}))};var gp=(0,e.memo)(pp),fp=i(9695),hp=i(54725),yp=()=>{const{formatMessage:t}=(0,Y.Z)();return(0,E.go)(),e.createElement(Re.o,null,e.createElement(Me.T,{title:t({id:(0,h.OB)("header.name"),defaultMessage:"Content"})}),e.createElement(He.D,null,e.createElement(fp.x,{action:e.createElement(E.Qj,{variant:"secondary",startIcon:e.createElement(dt.Z,null),to:"/plugins/content-type-builder/content-types/create-content-type"},t({id:"app.components.HomePage.create",defaultMessage:"Create your first Content-type"})),content:t({id:"content-manager.pages.NoContentType.text",defaultMessage:"You don't have any content yet, we recommend you to create your first Content-Type."}),hasRadius:!0,icon:e.createElement(hp.Z,{width:"10rem"}),shadow:"tableShadow"})))},Ep=()=>{const{formatMessage:t}=(0,Y.Z)();return(0,E.go)(),e.createElement(Re.o,null,e.createElement(Me.T,{title:t({id:(0,h.OB)("header.name"),defaultMessage:"Content"})}),e.createElement(He.D,null,e.createElement(E.ZF,null)))};const Wa=({match:{params:{slug:t},url:o}})=>{const r=(0,ue.v9)(Ne._),{isLoading:a,layout:s,updateLayout:c}=(0,ae.zE)(t),{rawContentTypeLayout:l,rawComponentsLayouts:d}=(0,e.useMemo)(()=>{let m={},u={};return s.contentType&&(u=(0,h.du)(s.contentType)),s.components&&(m=Object.keys(s.components).reduce((p,b)=>(p[b]=(0,h.du)(s.components[b]),p),{})),{rawContentTypeLayout:u,rawComponentsLayouts:m}},[s]);return a?e.createElement(E.dO,null):e.createElement(Mt.Provider,{value:s},e.createElement(se.rs,null,e.createElement(se.AW,{path:`${o}/configurations/edit`},e.createElement(E.O4,{permissions:r.contentManager.singleTypesConfigurations},e.createElement(Mn,{components:d,isContentTypeView:!0,mainLayout:l,slug:t,updateLayout:c}))),e.createElement(se.AW,{path:o,render:({location:{state:m},history:{goBack:u}})=>e.createElement(Jt,{layout:s,slug:t,isSingleType:!0,state:m,goBack:u})})))};Wa.propTypes={match:n().shape({url:n().string.isRequired,params:n().shape({slug:n().string.isRequired}).isRequired}).isRequired};var bp=(0,e.memo)(Wa),vp=i(16899);const Cp=(0,W.ZP)(L.k)`
+  border-radius: 50%;
+
+  svg {
+    height: ${6/16}rem;
+    width: ${11/16}rem;
+    > path {
+      fill: ${({theme:t})=>t.colors.neutral600};
+    }
+  }
+`,Rp=W.ZP.button`
+  border: none;
+  background: transparent;
+  display: block;
+  width: 100%;
+  text-align: unset;
+  padding: 0;
+`;function za({displayedValue:t}){return e.createElement(L.k,{background:"neutral0",borderColor:"neutral200",justifyContent:"space-between",gap:3,padding:3,width:(0,E.Q1)(300)},e.createElement(Rp,{type:"button"},e.createElement(L.k,{gap:6},e.createElement(Cp,{alignItems:"center",justifyContent:"center",background:"neutral200",height:(0,E.Q1)(32),width:(0,E.Q1)(32)},e.createElement(vp.Z,null)),e.createElement(L.k,{maxWidth:(0,E.Q1)(150)},e.createElement(H.Z,{textColor:"neutral700",ellipsis:!0},t)))),e.createElement(L.k,{gap:2},e.createElement(ve.h,{noBorder:!0},e.createElement(je.Z,null)),e.createElement(ve.h,{noBorder:!0},e.createElement(Ge.Z,null))))}za.propTypes={displayedValue:n().string.isRequired};const Ua=({status:t,displayedValue:o,width:r})=>{const{formatMessage:a}=(0,Y.Z)(),s={[nt.DRAFT]:a({id:(0,h.OB)("relation.publicationState.draft"),defaultMessage:"Draft"}),[nt.PUBLISHED]:a({id:(0,h.OB)("relation.publicationState.published"),defaultMessage:"Published"})},c=t===nt.DRAFT?"secondary":"success";return e.createElement(U.x,{style:{width:r}},e.createElement(L.k,{paddingTop:2,paddingBottom:2,paddingLeft:2,paddingRight:4,hasRadius:!0,borderSize:1,background:"neutral0",borderColor:"neutral200",justifyContent:"space-between"},e.createElement(Ar,{gap:1},e.createElement(ve.h,{noBorder:!0},e.createElement(Ge.Z,null)),e.createElement(Fr,{maxWidth:"100%",justifyContent:"space-between"},e.createElement(U.x,{minWidth:0,paddingTop:1,paddingBottom:1,paddingRight:4},e.createElement(Sr,null,e.createElement(H.Z,{textColor:"primary600",ellipsis:!0},o))),t&&e.createElement(Un.q,{variant:c,showBullet:!1,size:"S"},e.createElement(H.Z,{fontWeight:"bold",textColor:`${c}700`},s[t])))),e.createElement(U.x,{paddingLeft:4},e.createElement(wr,{type:"button"},e.createElement(an.J,{width:"12px",as:Gt.Z})))))};Ua.propTypes={status:n().string.isRequired,displayedValue:n().string.isRequired,width:n().number.isRequired};var Mp=i(90700),Tp=i(78090),Dp=i(77013),Op=i(79318),Ip=i(66618),Pp=()=>{const[t,o]=(0,e.useState)(""),{formatMessage:r,locale:a}=(0,Y.Z)(),s=(0,e.useMemo)(ct.KQ,[]),{collectionTypeLinks:c,singleTypeLinks:l}=(0,ue.v9)(s,ue.wU),{startsWith:d}=(0,E.L0)(a,{sensitivity:"base"}),m=(0,E.Xe)(a,{sensitivity:"base"}),u=(0,e.useMemo)(()=>[{id:"collectionTypes",title:{id:(0,ke.Z)("components.LeftMenu.collection-types"),defaultMessage:"Collection Types"},searchable:!0,links:c},{id:"singleTypes",title:{id:(0,ke.Z)("components.LeftMenu.single-types"),defaultMessage:"Single Types"},searchable:!0,links:l}].map(g=>({...g,links:g.links.filter(y=>d(y.title,t)).sort((y,C)=>m.compare(y.title,C.title)).map(y=>({...y,title:r({id:y.title,defaultMessage:y.title})}))})),[c,t,l,d,r,m]),p=()=>{o("")},b=({target:{value:g}})=>{o(g)},f=r({id:(0,ke.Z)("header.name"),defaultMessage:"Content"});return e.createElement(Mp.m,{ariaLabel:f},e.createElement(Tp.p,{label:f,searchable:!0,value:t,onChange:b,onClear:p,searchLabel:r({id:"content-manager.components.LeftMenu.Search.label",defaultMessage:"Search for a content type"})}),e.createElement(Dp.Z,null,u.map(g=>{const y=r({id:g.title.id,defaultMessage:g.title.defaultMessage},g.title.values);return e.createElement(Op.D,{key:g.id,label:y,badgeLabel:g.links.length.toString()},g.links.map(C=>{const k=C.search?`?${C.search}`:"";return e.createElement(Ip.E,{as:Ot.OL,key:C.uid,to:`${C.to}${k}`},C.title)}))})))},Bo=i(70475);const xp=()=>({type:Bo.fn}),kp=()=>({type:Bo.sZ}),Zp=({authorizedCollectionTypeLinks:t,authorizedSingleTypeLinks:o,contentTypeSchemas:r,components:a,fieldSizes:s})=>({type:Bo.IX,data:{authorizedCollectionTypeLinks:t,authorizedSingleTypeLinks:o,components:a,contentTypeSchemas:r,fieldSizes:s}});var Va=(t,o)=>o.map(({permissions:r})=>(0,E.qX)(t,r)),Lp=i(81346),Ap=i.n(Lp);const qa=(t,o,r=[])=>t.filter(a=>a.isDisplayed).map(a=>{const s=[{action:"plugin::content-manager.explorer.create",subject:a.uid},{action:"plugin::content-manager.explorer.read",subject:a.uid}],c=[{action:"plugin::content-manager.explorer.read",subject:a.uid}],l=o==="collectionTypes"?s:c,d=r.find(({uid:u})=>u===a.uid);let m=null;if(d){const u={page:1,pageSize:d.settings.pageSize,sort:`${d.settings.defaultSortBy}:${d.settings.defaultSortOrder}`};m=(0,Do.stringify)(u,{encode:!1})}return{permissions:l,search:m,kind:a.kind,title:a.info.displayName,to:`/content-manager/${a.kind}/${a.uid}`,uid:a.uid,name:a.uid,isDisplayed:a.isDisplayed}});var Fp=(t,o)=>{const r=Object.entries(Ap()(t,"kind")).map(([c,l])=>({name:c,links:l})),[a,s]=it()(r,"name");return{collectionTypeSectionLinks:qa(a?.links||[],"collectionTypes",o),singleTypeSectionLinks:qa(s?.links??[],"singleTypes")}},Sp=async({models:t,userPermissions:o,toggleNotification:r})=>{const{get:a}=(0,E.tg)();try{const{data:{data:s}}=await a((0,h.IF)("content-types-settings")),{collectionTypeSectionLinks:c,singleTypeSectionLinks:l}=Fp(t,s),d=await Promise.all(Va(o,c)),m=c.filter((b,f)=>d[f]),u=await Promise.all(Va(o,l)),p=l.filter((b,f)=>u[f]);return{authorizedCollectionTypeLinks:m,authorizedSingleTypeLinks:p}}catch(s){return console.error(s),r({type:"warning",message:{id:"notification.error"}}),{authorizedCollectionTypeLinks:[],authorizedSingleTypeLinks:[]}}},wp=()=>{const t=(0,ue.I0)(),o=(0,E.lm)(),r=(0,ue.v9)((0,ct.Yg)()),a=(0,e.useRef)(),{allPermissions:s}=(0,E.vn)(),{runHookWaterfall:c}=(0,E.j1)(),d=We.default.CancelToken.source(),{notifyStatus:m}=(0,Zo.G)(),{formatMessage:u}=(0,Y.Z)(),{get:p}=(0,E.kY)(),b=async()=>{t(xp());try{const{data:{data:{components:f,contentTypes:g,fieldSizes:y}}}=await p("/content-manager/init",{cancelToken:d.token});m(u({id:(0,h.OB)("App.schemas.data-loaded"),defaultMessage:"The schemas have been successfully loaded."}));const C=await Sp({models:g,userPermissions:s,toggleNotification:o}),{ctLinks:k}=c(Ut.LK,{ctLinks:C.authorizedCollectionTypeLinks,models:g}),{stLinks:v}=c(Ut.dV,{stLinks:C.authorizedSingleTypeLinks,models:g}),R=Zp({authorizedCollectionTypeLinks:k,authorizedSingleTypeLinks:v,contentTypeSchemas:g,components:f,fieldSizes:y});t(R)}catch(f){if(We.default.isCancel(f))return;console.error(f),o({type:"warning",message:{id:"notification.error"}})}};return a.current=b,(0,e.useEffect)(()=>(a.current(),()=>{d.cancel("Operation canceled by the user."),t(kp())}),[t,o]),{...r,refetchData:a.current}};function $p({type:t,item:o}){if([lt.Z.EDIT_FIELD,lt.Z.FIELD].includes(t))return e.createElement(St,{labelField:o.labelField});const[r]=t.split("_");switch(r){case lt.Z.COMPONENT:case lt.Z.DYNAMIC_ZONE:return e.createElement(za,{displayedValue:o.displayedValue});case lt.Z.RELATION:return e.createElement(Ua,{displayedValue:o.displayedValue,status:o.status,width:o.width});default:return null}}const Ha=()=>{const t=(0,se.$B)("/content-manager/:kind/:uid"),{status:o,collectionTypeLinks:r,singleTypeLinks:a,models:s,refetchData:c}=wp(),l=it()([...r,...a],g=>g.title.toLowerCase()),{pathname:d}=(0,se.TH)(),{formatMessage:m}=(0,Y.Z)(),{startSection:u}=(0,E.c1)(),p=(0,e.useRef)(u),b=(0,ue.v9)(Ne._);if((0,e.useEffect)(()=>{p.current&&p.current("contentManager")},[]),o==="loading")return e.createElement(Re.o,{"aria-busy":"true"},e.createElement(Me.T,{title:m({id:(0,ke.Z)("header.name"),defaultMessage:"Content"})}),e.createElement(E.dO,null));const f=s.filter(({isDisplayed:g})=>g);return l.length===0&&f.length>0&&d!=="/content-manager/403"?e.createElement(se.l_,{to:"/content-manager/403"}):f.length===0&&d!=="/content-manager/no-content-types"?e.createElement(se.l_,{to:"/content-manager/no-content-types"}):!t&&l.length>0?e.createElement(se.l_,{to:`${l[0].to}${l[0].search?`?${l[0].search}`:""}`}):e.createElement(Xe.A,{sideNav:e.createElement(Pp,null)},e.createElement(vt.r,{renderItem:$p}),e.createElement(Rt.Provider,{value:{refetchData:c}},e.createElement(se.rs,null,e.createElement(se.AW,{path:"/content-manager/components/:uid/configurations/edit"},e.createElement(E.O4,{permissions:b.contentManager.componentsConfigurations},e.createElement(gp,null))),e.createElement(se.AW,{path:"/content-manager/collectionType/:slug",component:mp}),e.createElement(se.AW,{path:"/content-manager/singleType/:slug",component:bp}),e.createElement(se.AW,{path:"/content-manager/403"},e.createElement(Ep,null)),e.createElement(se.AW,{path:"/content-manager/no-content-types"},e.createElement(yp,null)),e.createElement(se.AW,{path:"",component:E.Hn}))))};function Bp(){const{formatMessage:t}=(0,Y.Z)();return e.createElement(e.Fragment,null,e.createElement(qe.q,{title:t({id:(0,ke.Z)("plugin.name"),defaultMessage:"Content Manager"})}),e.createElement(Ha,null))}},98865:function(jo,st,i){"use strict";i.d(st,{d:function(){return zo}});var e=i(32735),Re=i(87933),Me=i(49372),Xe=i(72850),E=i(9026),bt=i(19565),it=i(60216),qe=i.n(it),Y=i(67879),ue=i(86209),se=i(97724);const vt=60*1e3,Ne=vt*60,Ct=Ne*24,Rt=Ct*30,ke=Ct*365;var Oe=ae=>ae<vt?{unit:"second",value:-Math.round(ae/1e3)}:ae<Ne?{unit:"minute",value:-Math.round(ae/vt)}:ae<Ct?{unit:"hour",value:-Math.round(ae/Ne)}:ae<Rt?{unit:"day",value:-Math.round(ae/Ct)}:ae<ke?{unit:"month",value:-Math.round(ae/Rt)}:{unit:"year",value:-Math.round(ae/ke)};const n=()=>{const{formatMessage:ae}=(0,Y.Z)();return e.createElement(Re.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(Me.Z,{variant:"sigma",textColor:"neutral600",id:"additional-information"},ae({id:(0,se.OB)("containers.Edit.information"),defaultMessage:"Information"})),e.createElement(Xe.x,null,e.createElement(E.i,null)))},Je=({label:ae,value:h})=>e.createElement(Re.k,{justifyContent:"space-between"},e.createElement(Me.Z,{as:"dt",fontWeight:"bold",textColor:"neutral800",variant:"pi"},ae),e.createElement(Me.Z,{as:"dd",variant:"pi",textColor:"neutral600"},h));Je.propTypes={label:qe().string.isRequired,value:qe().string.isRequired};const Wo=()=>{const{formatMessage:ae,formatRelativeTime:h}=(0,Y.Z)(),{initialData:de,isCreatingEntry:He}=(0,bt.Wq)(),U=(0,e.useRef)(Date.now()),L=(Ee,Fe)=>{const{firstname:be,lastname:Nt,username:_e}=de[Fe]??{},Se=be??"",en=Nt??"",we=_e??(0,ue.Pp)(Se,en),jt=(de[Ee]?new Date(de[Ee]).getTime():Date.now())-U.current,{unit:tn,value:A}=Oe(-jt);return{at:h(A,tn,{numeric:"auto"}),by:He?"-":we}},H=L("updatedAt","updatedBy"),Te=L("createdAt","createdBy");return e.createElement(Re.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(Re.k,{direction:"column",alignItems:"stretch",gap:2,as:"dl"},e.createElement(Je,{label:ae({id:(0,se.OB)("containers.Edit.information.created"),defaultMessage:"Created"}),value:Te.at}),e.createElement(Je,{label:ae({id:(0,se.OB)("containers.Edit.information.by"),defaultMessage:"By"}),value:Te.by})),e.createElement(Re.k,{direction:"column",alignItems:"stretch",gap:2,as:"dl"},e.createElement(Je,{label:ae({id:(0,se.OB)("containers.Edit.information.lastUpdate"),defaultMessage:"Last update"}),value:H.at}),e.createElement(Je,{label:ae({id:(0,se.OB)("containers.Edit.information.by"),defaultMessage:"By"}),value:H.by})))},Mt=({children:ae})=>e.createElement(Re.k,{direction:"column",alignItems:"stretch",gap:4},ae);Mt.propTypes={children:qe().oneOfType([qe().arrayOf(qe().node),qe().node]).isRequired};const zo={Root:Mt,Title:n,Body:Wo}},99097:function(jo,st,i){"use strict";var e=i(32735);const Re=(Me,Xe)=>{const[E,bt]=(0,e.useState)(Me);return(0,e.useEffect)(()=>{const it=setTimeout(()=>{bt(Me)},Xe);return()=>{clearTimeout(it)}},[Me,Xe]),E};st.Z=Re},62433:function(){},15498:function(){},73353:function(){},12998:function(){},74492:function(){}}]);