@strapi/admin 4.10.2-alpha.0 → 4.10.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/build/6858.56d4d528.chunk.js +50 -0
  2. package/build/{7725.f717acdd.chunk.js → 7725.1633e06f.chunk.js} +17 -17
  3. package/build/9703.e590889d.chunk.js +1 -0
  4. package/build/{Admin-authenticatedApp.2fab70e4.chunk.js → Admin-authenticatedApp.a8373103.chunk.js} +2 -2
  5. package/build/{Admin_settingsPage.56e9641c.chunk.js → Admin_settingsPage.5e045f42.chunk.js} +1 -1
  6. package/build/content-manager.d28eb183.chunk.js +1111 -0
  7. package/build/index.html +1 -1
  8. package/build/{main.964e7203.js → main.41970e4c.js} +65 -65
  9. package/build/review-workflows-settings.7c0b4e73.chunk.js +61 -0
  10. package/build/{runtime~main.c9593d59.js → runtime~main.c20330f1.js} +1 -1
  11. package/ee/admin/content-manager/components/DynamicTable/CellContent/ReviewWorkflowsStage/ReviewWorkflowsStageEE.js +11 -5
  12. package/ee/admin/content-manager/components/DynamicTable/CellContent/ReviewWorkflowsStage/getTableColumn.js +7 -3
  13. package/ee/admin/content-manager/pages/EditView/InformationBox/InformationBoxEE.js +16 -2
  14. package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/ReviewWorkflows.js +34 -25
  15. package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/actions/index.js +11 -0
  16. package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/components/StageDragPreview/StageDragPreview.js +45 -0
  17. package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/components/StageDragPreview/index.js +1 -0
  18. package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/components/Stages/Stage/Stage.js +287 -63
  19. package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/components/Stages/Stage/components/OptionColor/OptionColor.js +27 -0
  20. package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/components/Stages/Stage/components/OptionColor/index.js +1 -0
  21. package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/components/Stages/Stage/components/SingleValueColor/SingleValueColor.js +31 -0
  22. package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/components/Stages/Stage/components/SingleValueColor/index.js +1 -0
  23. package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/components/Stages/Stages.js +2 -1
  24. package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/constants.js +26 -0
  25. package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/reducer/index.js +36 -2
  26. package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/utils/colors.js +33 -0
  27. package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/utils/getWorkflowValidationSchema.js +9 -0
  28. package/ee/server/constants/workflows.js +1 -0
  29. package/ee/server/content-types/workflow-stage/index.js +7 -0
  30. package/ee/server/controllers/authentication/middlewares.js +1 -1
  31. package/ee/server/migrations/review-workflows-stages-color.js +20 -0
  32. package/ee/server/register.js +2 -0
  33. package/ee/server/services/review-workflows/stages.js +1 -1
  34. package/ee/server/validation/review-workflows.js +7 -1
  35. package/package.json +10 -10
  36. package/build/content-manager.a0ff6cad.chunk.js +0 -1111
  37. package/build/review-workflows-settings.089d7ec5.chunk.js +0 -106
@@ -1,1111 +0,0 @@
1
- (self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[994],{42814:function(Je,Re){"use strict";Re.Z=()=>null},28200:function(Je,Re,d){"use strict";d.r(Re),d.d(Re,{App:function(){return la},default:function(){return Km}});var e=d(32735),Me=d(74758),_=d(53038),h=d(24989),ke=d(27649),fe=d(82055),Ne=d(96709),H=d(67879),Ue=d(98978),Pe=d.n(Ue),Ie=d(83983),me=d(47510),he=d(60216),n=d.n(he),Ae=d(74506),F=d(72850);function Mt(t,o,r){if(!t||!o)return{display:"none"};const{x:s,y:a}=r;return{transform:`translate(${s}px, ${a}px)`}}function at({renderItem:t}){const{itemType:o,isDragging:r,item:s,initialOffset:a,currentOffset:l,mouseOffset:i}=(0,Ae.useDragLayer)(c=>({item:c.getItem(),itemType:c.getItemType(),initialOffset:c.getInitialSourceClientOffset(),currentOffset:c.getSourceClientOffset(),isDragging:c.isDragging(),mouseOffset:c.getClientOffset()}));return r?e.createElement(F.x,{height:"100%",left:0,position:"fixed",pointerEvents:"none",top:0,zIndex:100,width:"100%"},e.createElement(F.x,{style:Mt(a,l,i)},t({type:o,item:s}))):null}at.propTypes={renderItem:n().func.isRequired};var Qe=(0,e.createContext)(),tt=d(47533),nt=(0,e.createContext)();const ye=(0,e.createContext)();var it=null,le=d(15062),lt=t=>t["content-manager_editViewLayoutManager"].currentLayout,qe=()=>{const t=(0,le.v9)(lt),o=(0,e.useCallback)(r=>t?.components?.[r]??{},[t]);return{...t,getComponentLayout:o}},xe=d(84306),dt=d(99381),$e=d.n(dt),bt=d(33795),k=d.n(bt),We=d(3040),K=d.n(We),y=d(95952);const ne=(t,o)=>o.find(r=>r.uid===t),ce=(t,o)=>{const r=ue(t,o),s=ge(r.contentType,o),a=Ze(r.contentType,r.components);return K()(r,["contentType","layouts","edit"],s),K()(r,["contentType","layouts","list"],a),Object.keys(r.components).forEach(l=>{const i=ge(r.components[l],o);K()(r,["components",l,"layouts","edit"],i)}),r},ue=(t,o)=>{const r=(0,y.w8)($e()(t),o,"contentType"),{components:s,contentType:a}=r,l=i=>Object.keys(i.metadatas).reduce((c,p)=>{const u=k()(i,["attributes",p],{});let m=i.metadatas[p];if(u.type==="relation"){const f=ne(u.targetModel,o),g=m.edit.mainField,E={name:g,schema:k()(f,["attributes",g])};m={list:{...m.list,mainField:E},edit:{...m.edit,mainField:E}}}return c[p]=m,c},{});return K()(r,["contentType","metadatas"],l(a)),Object.keys(s).forEach(i=>{const c=s[i],p=l(c);K()(r,["components",i,"metadatas"],p)}),r},ge=(t,o)=>t.layouts.edit.reduce((r,s)=>{const a=s.map(l=>{const i=k()(t,["attributes",l.name],{}),c={...l,fieldSchema:i,metadatas:k()(t,["metadatas",l.name,"edit"],{})};if(i.type==="relation"){const u=ne(i.targetModel,o).pluginOptions||{};K()(c,"targetModelPluginOptions",u),K()(c,"queryInfos",{shouldDisplayRelationLink:Ve(t,l.name,o)})}return c});return r.push(a),r},[]),Ze=(t,o)=>t.layouts.list.reduce((s,a)=>{const l=k()(t,["attributes",a],{}),i=k()(t,["metadatas",a,"list"],{}),c=l.type;if(c==="relation")return s.push({key:`__${a}_key__`,name:a,fieldSchema:l,metadatas:i}),s;if(c==="component"){const p=o[l.component],u=p.settings.mainField,m=p.attributes[u];return s.push({key:`__${a}_key__`,name:a,fieldSchema:l,metadatas:{...i,mainField:{...m,name:u}}}),s}return s.push({key:`__${a}_key__`,name:a,fieldSchema:l,metadatas:i}),s},[]),Ve=(t,o,r)=>{const s=k()(t,["attributes",o,"targetModel"],"");return De(r).includes(s)},De=t=>t.filter(o=>o.isDisplayed).map(({uid:o})=>o);var be=ce,Te=d(97889);const Fe={error:null,isLoading:!0,layout:{},layouts:{}};var jt=(t,o)=>(0,Te.ZP)(t,r=>{switch(o.type){case"GET_DATA":{r.isLoading=!0,r.error=null,r.layout={};break}case"GET_DATA_SUCCEEDED":{const s=o.data.contentType.uid;r.layout=o.data,r.layouts[s]=o.data,r.isLoading=!1;break}case"GET_DATA_ERROR":{r.isLoading=!1,r.error=o.error;break}case"SET_LAYOUT_FROM_STATE":{r.error=null,r.layout=t.layouts[o.uid];break}case"UPDATE_LAYOUT":{const s=t.layout;r.layout={...s,contentType:{uid:s.contentType.uid,...o.newLayout.contentType}},r.layouts[s.contentType.uid]={...s,contentType:{uid:s.contentType.uid,...o.newLayout.contentType}};break}default:return r}}),je=d(98178),Ot=d(34947);const wt=()=>t=>t["content-manager_app"]||Ot.E,sp=()=>createSelector(wt(),t=>t),ap=()=>createSelector(wt(),t=>t.models),ca=()=>(0,je.P1)(wt(),t=>({collectionTypeLinks:t.collectionTypeLinks,singleTypeLinks:t.singleTypeLinks})),Tn=()=>(0,je.P1)(wt(),({components:t,models:o})=>({schemas:[...t,...o]})),er=(0,je.P1)(wt(),t=>t.fieldSizes);var ip=null,tr=t=>{const[{error:o,isLoading:r,layout:s,layouts:a},l]=(0,e.useReducer)(jt,Fe),i=(0,e.useMemo)(Tn,[]),{schemas:c}=(0,le.v9)(g=>i(g),le.wU),p=(0,e.useRef)(!0),{get:u}=(0,h.kY)(),m=(0,e.useCallback)(async(g,E)=>{if(a[g]){l({type:"SET_LAYOUT_FROM_STATE",uid:g});return}l({type:"GET_DATA"});try{const b=(0,y.IF)(`content-types/${g}/configuration`),{data:{data:v}}=await u(b,{cancelToken:E.token});l({type:"GET_DATA_SUCCEEDED",data:be(v,c)})}catch(b){if(xe.Z.isCancel(b))return;p.current&&console.error(b),p.current&&l({type:"GET_DATA_ERROR",error:b})}},[a,c,u]);(0,e.useEffect)(()=>()=>{p.current=!1},[]),(0,e.useEffect)(()=>{const E=xe.Z.CancelToken.source();return m(t,E),()=>{E.cancel("Operation canceled by the user.")}},[t,m]);const f=(0,e.useCallback)(g=>{l({type:"UPDATE_LAYOUT",newLayout:be(g,c)})},[c]);return{error:o,isLoading:r,layout:s,updateLayout:f}},da=t=>t["content-manager_app"].collectionTypeLinks,ot=d(33348),ua=d(85973),nr=d.n(ua);const or=(t,o)=>Object.keys(t).reduce((r,s)=>{const a=t[s],l=k()(o,[s],a);return nr()(a)?{...r,[s]:or(a,l)}:(r[s]=l,r)},{});var ma=(t,o,r)=>{const s=t.find(({to:m})=>m.includes(o));if(!s)return"/";const{to:a,search:l}=s,i=(0,ot.parse)(l),c=(0,ot.parse)(r.substring(1)),p=or(i,c);return`${a}?${(0,ot.stringify)(p,{encode:!1})}`},rr=t=>{const[{rawQuery:o}]=(0,h.Kx)(),r=(0,le.v9)(da);return ma(r,t,o)},sr=()=>{const{search:t}=(0,_.TH)(),o=t?(0,ot.parse)(t.substring(1)):{};return o.plugins?(0,ot.stringify)({plugins:o.plugins},{encode:!1}):""},ar=d(89334);const pa=(t,o,r)=>({type:ar.m,permissions:t,__meta__:{plugins:o,containerName:r}}),ga=()=>({type:ar.Q}),fa=t=>t["content-manager_rbacManager"].permissions,ha=t=>t.rbacProvider.collectionTypesRelatedPermissions;var ir=(t,o,r="listView")=>{const s=(0,le.v9)(ha),a=(0,le.v9)(fa),l=(0,le.I0)(),i=s[o];return(0,e.useEffect)(()=>i?(l(pa(i,t?t.plugins:null,r)),()=>{l(ga())}):()=>{},[i,l,t,r]),a};const gp=()=>useContext(WysiwygContext);var fp=null;const lr=t=>{const o=(0,e.useRef)();return(0,e.useEffect)(()=>{o.current=t},[t]),o.current},ya=(t,o,{onCancel:r,onDropItem:s,onGrabItem:a,onMoveItem:l})=>{const[i,c]=(0,e.useState)(!1),p=g=>{i&&(g==="UP"?l(o-1,o):g==="DOWN"&&l(o+1,o))},u=()=>{i?(s&&s(o),c(!1)):(a&&a(o),c(!0))},m=()=>{i&&(c(!1),r&&r(o))};return g=>{if(t&&!(g.key==="Tab"&&!i))switch(g.preventDefault(),g.key){case" ":case"Enter":u();break;case"Escape":m();break;case"ArrowDown":case"ArrowRight":p("DOWN");break;case"ArrowUp":case"ArrowLeft":p("UP");break;default:}}},Mn=(t,{type:o="STRAPI_DND",index:r,item:s={},onStart:a,onEnd:l,onGrabItem:i,onDropItem:c,onCancel:p,onMoveItem:u,dropSensitivity:m="regular"})=>{const f=(0,e.useRef)(null),[{handlerId:g},E]=(0,Ae.useDrop)({accept:o,collect(M){return{handlerId:M.getHandlerId()}},hover(M,L){if(!f.current)return;const I=M.index,C=r;if(I!==C){if(m==="regular"){const T=f.current.getBoundingClientRect(),x=(T.bottom-T.top)/2,U=L.getClientOffset().y-T.top;if(I<C&&U<x||I>C&&U>x)return}u(C,I),M.index=C}}}),[{isDragging:b},v,O]=(0,Ae.useDrag)({type:o,item(){a&&a();const{width:M}=f.current?.getBoundingClientRect()??{};return{index:r,width:M,...s}},end(){l&&l()},canDrag:t,isDragging:s.id?M=>s.id===M.getItem().id:void 0,collect:M=>({isDragging:M.isDragging()})}),D=ya(t,r,{onGrabItem:i,onDropItem:c,onCancel:p,onMoveItem:u});return[{handlerId:g,isDragging:b,handleKeyDown:D},f,E,v,O]};var rn=d(46339),cr=d(4460);const ba=()=>({type:cr.c}),Ea=(t,o)=>({type:cr.O,layout:t,query:o});var va=d(8266),ut=d.n(va),Lt=d(17e3),Ge=d(15335),Oe=d(5803),P=d(87933),xt=d(68625),Ca=d(2669),Ra=d(66694),Ta=()=>(0,e.useContext)(Ra.ux),dr=t=>{const{getAdminInjectedComponents:o}=Ta(),[r,s,a]=t.split(".");return o(r,s,a)};const ur=({area:t,...o})=>dr(t).map(s=>e.createElement(s.Component,{key:s.name,...o}));ur.propTypes={area:n().string.isRequired};var sn=ur,Pt=d(3685);function Ma(t,o){return r=>{const s=o(r.name);return e.createElement(t,{...r,...s})}}var Da=Ma;function ka(t){const{addComponentToDynamicZone:o,createActionAllowedFields:r,isCreatingEntry:s,formErrors:a,modifiedData:l,moveComponentField:i,removeComponentFromDynamicZone:c,readActionAllowedFields:p,updateActionAllowedFields:u}=(0,h.Wq)(),m=(0,e.useMemo)(()=>k()(l,[t],[]).map(E=>({componentUid:E.__component,id:E.id??E.__temp_key__})),[l,t]),f=(0,e.useMemo)(()=>(s?r:u).includes(t),[t,s,r,u]),g=(0,e.useMemo)(()=>(s?[]:p).includes(t),[t,s,p]);return{addComponentToDynamicZone:o,formErrors:a,isCreatingEntry:s,isFieldAllowed:f,isFieldReadable:g,moveComponentField:i,removeComponentFromDynamicZone:c,dynamicDisplayedComponents:m}}var Ia=ka,q=d(8471),Wt=d(51968),we=d(50563),Dn=d(83828),kn=d(61762),In=d(89966),rt=d(4038),mt=d(47081),Oa=d(61868),wa=d.n(Oa);function La(t,o){return r=>{const s=o(r);return e.createElement(t,{...r,...s})}}var xa=La,Pa=d(88708),zt=d.n(Pa);function Fa({isFromDynamicZone:t,name:o}){const{addNonRepeatableComponentToField:r,createActionAllowedFields:s,isCreatingEntry:a,modifiedData:l,removeComponentFromField:i,readActionAllowedFields:c,updateActionAllowedFields:p,formErrors:u}=(0,h.Wq)(),{contentType:m}=qe(),f=(0,e.useMemo)(()=>{const M=k()(m,["attributes"],{});return Object.keys(M).filter(I=>k()(M,[I,"type"],"")==="dynamiczone")},[m]),g=(0,e.useMemo)(()=>a?s:p,[a,s,p]),E=k()(l,o,null),b=(0,e.useMemo)(()=>(0,y.Ts)(o),[o]),v=(0,e.useMemo)(()=>t&&a||g.filter(I=>I===b[0]).length>0?!0:g.map(I=>I.split(".")).filter(I=>I.length<b.length?!1:zt()(I,b.length).join(".")===b.join(".")).length>0,[t,a,g,b]),O=(0,e.useMemo)(()=>t||f.includes(b[0])?!0:(a?[]:c).map(I=>I.split(".")).filter(I=>I.length<b.length?!1:zt()(I,b.length).join(".")===b.join(".")).length>0,[t,f,b,a,c]),D=(0,e.useMemo)(()=>a||v?!1:O,[v,O,a]);return{addNonRepeatableComponentToField:r,formErrors:u,hasChildrenAllowedFields:v,hasChildrenReadableFields:O,isCreatingEntry:a,isReadOnly:D,removeComponentFromField:i,componentValue:E}}var Sa=Fa,Q=d(49372);const Aa=(0,q.ZP)(F.x)`
2
- svg path {
3
- fill: ${({theme:t})=>t.colors.neutral500};
4
- }
5
- `,On=({intlLabel:t,id:o,labelAction:r,name:s,numberOfEntries:a,showNumberOfEntries:l,required:i})=>{const{formatMessage:c}=(0,H.Z)(),p=t?.id?c(t):s;return e.createElement(F.x,{paddingBottom:1},e.createElement(P.k,null,e.createElement(Q.Z,{textColor:"neutral800",htmlFor:o||s,variant:"pi",fontWeight:"bold",as:"label"},p,l&&e.createElement(e.Fragment,null,"\xA0(",a,")"),i&&e.createElement(Q.Z,{textColor:"danger600"},"*")),r&&e.createElement(Aa,{paddingLeft:1},r)))};On.defaultProps={id:void 0,labelAction:void 0,numberOfEntries:0,required:!1,showNumberOfEntries:!1},On.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 $a=On,mr=d(86308);const Za=q.ZP.span`
6
- > svg {
7
- width: ${(0,h.Q1)(24)};
8
- height: ${(0,h.Q1)(24)};
9
- > circle {
10
- fill: ${({theme:t})=>t.colors.primary200};
11
- }
12
- > path {
13
- fill: ${({theme:t})=>t.colors.primary600};
14
- }
15
- }
16
- `,wn=({error:t,isReadOnly:o,onClick:r})=>{const{formatMessage:s}=(0,H.Z)();return e.createElement(e.Fragment,null,e.createElement(F.x,{as:"button",background:"neutral100",borderColor:t?"danger600":"neutral200",disabled:o,hasRadius:!0,onClick:r,paddingTop:9,paddingBottom:9,type:"button"},e.createElement(P.k,{direction:"column",gap:2},e.createElement(P.k,{justifyContent:"center",style:{cursor:o?"not-allowed":"inherit"}},e.createElement(Za,null,e.createElement(mr.Z,null))),e.createElement(P.k,{justifyContent:"center"},e.createElement(Q.Z,{textColor:"primary600",variant:"pi",fontWeight:"bold"},s({id:(0,y.OB)("components.empty-repeatable"),defaultMessage:"No entry yet. Click on the button below to add one."}))))),t?.id&&e.createElement(Q.Z,{textColor:"danger600",variant:"pi"},s(t,{...t.values})))};wn.defaultProps={error:void 0,isReadOnly:!1},wn.propTypes={error:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}),isReadOnly:n().bool,onClick:n().func.isRequired};var pr=wn,Ba=d(9086),Na=d.n(Ba),qa=d(87702),Ln=d.n(qa),bp=d(27217),ja=d(88591),Wa=d.n(ja),xn=d(59845),za=d(20871),Ua=d.n(za),Va=d(48375),gr=d.n(Va),Ha=d(31089),Qa=d.n(Ha),Ga=d(16043),Ka=d.n(Ga),Ya=d(5109),Xa=d.n(Ya),Ja=d(47955),_a=d.n(Ja),ei=d(95706),ti=d.n(ei),ni=d(6658),oi=d.n(ni),ri=d(36407),si=d.n(ri);(async()=>{await d.e(7347).then(d.bind(d,74194))})();const Ft=new(Wa())({html:!0,xhtmlOut:!1,breaks:!0,langPrefix:"language-",linkify:!0,typographer:!0,highlight(t,o){if(o&&o!=="auto"&&(0,xn.getLanguage)(o))return'<pre class="hljs language-'+Ft.utils.escapeHtml(o.toLowerCase())+'"><code>'+(0,xn.highlight)(o,t,!0).value+"</code></pre>";if(o==="auto"){const r=(0,xn.highlightAuto)(t);return'<pre class="hljs language-'+Ft.utils.escapeHtml(r.language)+'"><code>'+r.value+"</code></pre>"}return'<pre class="hljs"><code>'+Ft.utils.escapeHtml(t)+"</code></pre>"}}).use(Ua()).use(gr(),"warning").use(gr(),"tip").use(Qa()).use(Ka()).use(Xa()).use(_a()).use(ti()).use(oi()).use(si());Ft.renderer.rules.footnote_ref=(t,o,r,s,a)=>'<sup class="footnote-ref"><span>'+a.rules.footnote_caption(t,o,r,s,a)+"</span></sup>",Ft.renderer.rules.footnote_anchor=()=>' <span class="footnote-backref">\u21A9\uFE0E</span>';var ai=Ft,ii=d(13993),fr=d.n(ii);const li={...fr().defaults,allowedTags:!1,allowedAttributes:{"*":["href","align","alt","center","width","height","type","controls","target"],img:["src","alt"],source:["src","type"]}};var ci=t=>fr()(t,li),di=q.ZP.div`
17
- position: absolute;
18
- top: 0;
19
- width: 100%;
20
- height: 100%;
21
- overflow: auto;
22
- padding: ${({theme:t})=>`${t.spaces[3]} ${t.spaces[4]}`};
23
- font-size: ${14/16}rem;
24
- background-color: ${({theme:t})=>t.colors.neutral0};
25
- color: ${({theme:t})=>t.colors.neutral800};
26
- line-height: ${({theme:t})=>t.lineHeights[6]};
27
-
28
- h1,
29
- h2,
30
- h3,
31
- h4,
32
- h5,
33
- h6 {
34
- margin-block-start: ${({theme:t})=>t.spaces[2]};
35
- margin-block-end: ${({theme:t})=>t.spaces[2]};
36
- }
37
-
38
- p {
39
- margin-bottom: ${({theme:t})=>t.spaces[2]};
40
- }
41
-
42
- h1 {
43
- font-size: ${36/16}rem;
44
- font-weight: 600;
45
- }
46
-
47
- h2 {
48
- font-size: ${30/16}rem;
49
- font-weight: 500;
50
- }
51
-
52
- h3 {
53
- font-size: ${24/16}rem;
54
- font-weight: 500;
55
- }
56
-
57
- h4 {
58
- font-size: ${20/16}rem;
59
- font-weight: 500;
60
- }
61
-
62
- strong {
63
- font-weight: 800;
64
- }
65
-
66
- em {
67
- font-style: italic;
68
- }
69
-
70
- blockquote {
71
- margin-top: ${({theme:t})=>t.spaces[8]};
72
- margin-bottom: ${({theme:t})=>t.spaces[7]};
73
- font-size: ${14/16}rem;
74
- font-weight: 400;
75
- border-left: 4px solid ${({theme:t})=>t.colors.neutral150};
76
- font-style: italic;
77
- padding: ${({theme:t})=>t.spaces[2]} ${({theme:t})=>t.spaces[5]};
78
- }
79
-
80
- img {
81
- max-width: 100%;
82
- }
83
-
84
- table {
85
- thead {
86
- background: ${({theme:t})=>t.colors.neutral150};
87
-
88
- th {
89
- padding: ${({theme:t})=>t.spaces[4]};
90
- }
91
- }
92
- tr {
93
- border: 1px solid ${({theme:t})=>t.colors.neutral200};
94
- }
95
- th,
96
- td {
97
- padding: ${({theme:t})=>t.spaces[4]};
98
- border: 1px solid ${({theme:t})=>t.colors.neutral200};
99
- border-bottom: 0;
100
- border-top: 0;
101
- }
102
- }
103
-
104
- pre,
105
- code {
106
- font-size: ${14/16}rem;
107
- border-radius: 4px;
108
- /*
109
- Hard coded since the color is the same between themes,
110
- theme.colors.neutral800 changes between themes.
111
-
112
- Matches the color of the JSON Input component.
113
- */
114
- background-color: #32324d;
115
- max-width: 100%;
116
- overflow: auto;
117
- padding: ${({theme:t})=>t.spaces[2]};
118
- }
119
-
120
- /* Inline code */
121
- p,
122
- pre,
123
- td {
124
- > code {
125
- color: #839496;
126
- }
127
- }
128
-
129
- ol {
130
- list-style-type: decimal;
131
- margin-block-start: ${({theme:t})=>t.spaces[4]};
132
- margin-block-end: ${({theme:t})=>t.spaces[4]};
133
- margin-inline-start: 0px;
134
- margin-inline-end: 0px;
135
- padding-inline-start: ${({theme:t})=>t.spaces[4]};
136
-
137
- ol,
138
- ul {
139
- margin-block-start: 0px;
140
- margin-block-end: 0px;
141
- }
142
- }
143
-
144
- ul {
145
- list-style-type: disc;
146
- margin-block-start: ${({theme:t})=>t.spaces[4]};
147
- margin-block-end: ${({theme:t})=>t.spaces[4]};
148
- margin-inline-start: 0px;
149
- margin-inline-end: 0px;
150
- padding-inline-start: ${({theme:t})=>t.spaces[4]};
151
-
152
- ul,
153
- ol {
154
- margin-block-start: 0px;
155
- margin-block-end: 0px;
156
- }
157
- }
158
- `;const Pn=({data:t})=>{const o=(0,e.useMemo)(()=>ci(ai.render(t.replaceAll("\\n",`
159
- `)||"")),[t]);return e.createElement(di,null,e.createElement("div",{dangerouslySetInnerHTML:{__html:o}}))};Pn.defaultProps={data:""},Pn.propTypes={data:n().string};var hr=(0,e.memo)(Pn);const ui=q.ZP.div`
160
- cursor: ${({disabled:t})=>t?"not-allowed !important":"auto"};
161
- height: 100%;
162
- /* BASICS */
163
- .CodeMirror-placeholder {
164
- color: ${({theme:t})=>t.colors.neutral600} !important;
165
- }
166
-
167
- .CodeMirror {
168
- /* Set height, width, borders, and global font properties here */
169
- font-size: ${14/16}rem;
170
- height: ${({isExpandMode:t})=>t?"100%":"290px"};
171
- color: ${({theme:t})=>t.colors.neutral800};
172
- direction: ltr;
173
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
174
- 'Open Sans', 'Helvetica Neue', sans-serif;
175
- }
176
-
177
- /* PADDING */
178
-
179
- .CodeMirror-lines {
180
- padding: ${({theme:t})=>`${t.spaces[3]} ${t.spaces[4]}`};
181
- /* Vertical padding around content */
182
- }
183
-
184
- .CodeMirror-scrollbar-filler,
185
- .CodeMirror-gutter-filler {
186
- /* The little square between H and V scrollbars */
187
- background-color: ${({theme:t})=>`${t.colors.neutral0}`};
188
- }
189
-
190
- /* GUTTER */
191
-
192
- .CodeMirror-gutters {
193
- border-right: 1px solid #ddd;
194
- background-color: #f7f7f7;
195
- white-space: nowrap;
196
- }
197
- .CodeMirror-linenumbers {
198
- }
199
- .CodeMirror-linenumber {
200
- padding: 0 3px 0 5px;
201
- min-width: 20px;
202
- text-align: right;
203
- color: #999;
204
- white-space: nowrap;
205
- }
206
-
207
- .CodeMirror-guttermarker {
208
- color: black;
209
- }
210
- .CodeMirror-guttermarker-subtle {
211
- color: #999;
212
- }
213
-
214
- /* CURSOR */
215
-
216
- .CodeMirror-cursor {
217
- border-left: 1px solid black;
218
- border-right: none;
219
- width: 0;
220
- }
221
- /* Shown when moving in bi-directional text */
222
- .CodeMirror div.CodeMirror-secondarycursor {
223
- border-left: 1px solid silver;
224
- }
225
- .cm-fat-cursor .CodeMirror-cursor {
226
- width: auto;
227
- border: 0 !important;
228
- background: #7e7;
229
- }
230
- .cm-fat-cursor div.CodeMirror-cursors {
231
- /* z-index: 1; */
232
- }
233
-
234
- .cm-fat-cursor-mark {
235
- background-color: rgba(20, 255, 20, 0.5);
236
- -webkit-animation: blink 1.06s steps(1) infinite;
237
- -moz-animation: blink 1.06s steps(1) infinite;
238
- animation: blink 1.06s steps(1) infinite;
239
- }
240
- .cm-animate-fat-cursor {
241
- width: auto;
242
- border: 0;
243
- -webkit-animation: blink 1.06s steps(1) infinite;
244
- -moz-animation: blink 1.06s steps(1) infinite;
245
- animation: blink 1.06s steps(1) infinite;
246
- background-color: #7e7;
247
- }
248
-
249
- /* Can style cursor different in overwrite (non-insert) mode */
250
- .CodeMirror-overwrite .CodeMirror-cursor {
251
- }
252
-
253
- .cm-tab {
254
- display: inline-block;
255
- text-decoration: inherit;
256
- }
257
-
258
- .CodeMirror-rulers {
259
- position: absolute;
260
- left: 0;
261
- right: 0;
262
- top: -50px;
263
- bottom: 0;
264
- overflow: hidden;
265
- }
266
- .CodeMirror-ruler {
267
- border-left: 1px solid #ccc;
268
- top: 0;
269
- bottom: 0;
270
- position: absolute;
271
- }
272
-
273
- /* DEFAULT THEME */
274
-
275
- .cm-header,
276
- .cm-strong {
277
- font-weight: bold;
278
- }
279
- .cm-em {
280
- font-style: italic;
281
- }
282
- .cm-link {
283
- text-decoration: underline;
284
- }
285
- .cm-strikethrough {
286
- text-decoration: line-through;
287
- }
288
-
289
- .CodeMirror-composing {
290
- border-bottom: 2px solid;
291
- }
292
-
293
- /* Default styles for common addons */
294
-
295
- div.CodeMirror span.CodeMirror-matchingbracket {
296
- color: #0b0;
297
- }
298
- div.CodeMirror span.CodeMirror-nonmatchingbracket {
299
- color: #a22;
300
- }
301
- .CodeMirror-matchingtag {
302
- background: rgba(255, 150, 0, 0.3);
303
- }
304
- .CodeMirror-activeline-background {
305
- background: #e8f2ff;
306
- }
307
-
308
- /* STOP */
309
-
310
- /* The rest of this file contains styles related to the mechanics of
311
- the editor. You probably shouldn't touch them. */
312
-
313
- .CodeMirror {
314
- position: relative;
315
- overflow: hidden;
316
- background: ${({theme:t})=>`${t.colors.neutral0}`};
317
- }
318
-
319
- .CodeMirror-scroll {
320
- overflow: scroll !important; /* Things will break if this is overridden */
321
- /* 50px is the magic margin used to hide the element's real scrollbars */
322
- /* See overflow: hidden in .CodeMirror */
323
- margin-bottom: -50px;
324
- margin-right: -50px;
325
- padding-bottom: 50px;
326
- height: 100%;
327
- outline: none; /* Prevent dragging from highlighting the element */
328
- position: relative;
329
- }
330
- .CodeMirror-sizer {
331
- position: relative;
332
- border-right: 50px solid transparent;
333
- }
334
-
335
- /* The fake, visible scrollbars. Used to force redraw during scrolling
336
- before actual scrolling happens, thus preventing shaking and
337
- flickering artifacts. */
338
- .CodeMirror-vscrollbar,
339
- .CodeMirror-hscrollbar,
340
- .CodeMirror-scrollbar-filler,
341
- .CodeMirror-gutter-filler {
342
- position: absolute;
343
- z-index: 1;
344
- display: none;
345
- outline: none;
346
- }
347
-
348
- .CodeMirror-vscrollbar {
349
- right: 0;
350
- top: 0;
351
- overflow-x: hidden;
352
- overflow-y: scroll;
353
- }
354
- .CodeMirror-hscrollbar {
355
- bottom: 0;
356
- left: 0;
357
- overflow-y: hidden;
358
- overflow-x: scroll;
359
- }
360
- .CodeMirror-scrollbar-filler {
361
- right: 0;
362
- bottom: 0;
363
- }
364
-
365
- .CodeMirror-lines {
366
- cursor: text;
367
- min-height: 1px; /* prevents collapsing before first draw */
368
- }
369
- /* Reset some styles that the rest of the page might have set */
370
- .CodeMirror pre.CodeMirror-line,
371
- .CodeMirror pre.CodeMirror-line-like {
372
- -moz-border-radius: 0;
373
- -webkit-border-radius: 0;
374
- border-radius: 0;
375
- border-width: 0;
376
- background: transparent;
377
- font-family: inherit;
378
- font-size: inherit;
379
- margin: 0;
380
- white-space: pre;
381
- word-wrap: normal;
382
- line-height: 1.5;
383
- color: inherit;
384
- /* z-index: 2; */
385
- position: relative;
386
- overflow: visible;
387
- -webkit-tap-highlight-color: transparent;
388
- -webkit-font-variant-ligatures: contextual;
389
- font-variant-ligatures: contextual;
390
- }
391
-
392
- .CodeMirror pre.CodeMirror-line-like {
393
- z-index: 2;
394
- }
395
-
396
- .CodeMirror-wrap pre.CodeMirror-line,
397
- .CodeMirror-wrap pre.CodeMirror-line-like {
398
- word-wrap: break-word;
399
- white-space: pre-wrap;
400
- word-break: normal;
401
- }
402
-
403
- .CodeMirror-linebackground {
404
- position: absolute;
405
- left: 0;
406
- right: 0;
407
- top: 0;
408
- bottom: 0;
409
- z-index: 0;
410
- }
411
-
412
- .CodeMirror-linewidget {
413
- position: relative;
414
- /* z-index: 2; */
415
- padding: 0.1px; /* Force widget margins to stay inside of the container */
416
- }
417
-
418
- .CodeMirror-widget {
419
- }
420
-
421
- .CodeMirror-rtl pre {
422
- direction: rtl;
423
- }
424
-
425
- .CodeMirror-code {
426
- outline: none;
427
- }
428
-
429
- /* Force content-box sizing for the elements where we expect it */
430
- .CodeMirror-scroll,
431
- .CodeMirror-sizer,
432
- .CodeMirror-gutter,
433
- .CodeMirror-gutters,
434
- .CodeMirror-linenumber {
435
- -moz-box-sizing: content-box;
436
- box-sizing: content-box;
437
- }
438
-
439
- .CodeMirror-measure {
440
- position: absolute;
441
- width: 100%;
442
- height: 0;
443
- overflow: hidden;
444
- visibility: hidden;
445
- }
446
-
447
- .CodeMirror-cursor {
448
- position: absolute;
449
- pointer-events: none;
450
- border-color: ${({theme:t})=>`${t.colors.neutral800}`};
451
- }
452
- .CodeMirror-measure pre {
453
- position: static;
454
- }
455
-
456
- div.CodeMirror-cursors {
457
- visibility: hidden;
458
- position: relative;
459
- + div {
460
- z-index: 0 !important;
461
- }
462
- }
463
-
464
- div.CodeMirror-dragcursors {
465
- visibility: visible;
466
- }
467
-
468
- .CodeMirror-focused div.CodeMirror-cursors {
469
- visibility: visible;
470
- }
471
-
472
- .CodeMirror-selected {
473
- background: ${({theme:t})=>t.colors.neutral200};
474
- /* z-index: -10; */
475
- }
476
- .CodeMirror-crosshair {
477
- cursor: crosshair;
478
- }
479
-
480
- /* Used to force a border model for a node */
481
- .cm-force-border {
482
- padding-right: 0.1px;
483
- }
484
-
485
- /* See issue #2901 */
486
- .cm-tab-wrap-hack:after {
487
- content: '';
488
- }
489
-
490
- /* Help users use markselection to safely style text background */
491
- span.CodeMirror-selectedtext {
492
- background: none;
493
- }
494
-
495
- span {
496
- color: ${({theme:t})=>t.colors.neutral800} !important;
497
- }
498
- `;var Fn=d(69783);const ze=(0,q.ZP)(we.h)`
499
- padding: ${({theme:t})=>t.spaces[2]};
500
- /* Trick to prevent the outline from overflowing because of the general outline-offset */
501
- outline-offset: -2px !important;
502
-
503
- svg {
504
- width: ${18/16}rem;
505
- height: ${18/16}rem;
506
- }
507
- `,mi=(0,q.ZP)(ze)`
508
- svg {
509
- width: ${8/16}rem;
510
- height: ${8/16}rem;
511
- }
512
- `,yr=(0,q.ZP)(we.o)`
513
- margin-left: ${({theme:t})=>t.spaces[4]};
514
- `,br=(0,q.ZP)(we.h)`
515
- margin: ${({theme:t})=>`0 ${t.spaces[2]}`};
516
- padding: ${({theme:t})=>t.spaces[2]};
517
-
518
- svg {
519
- width: ${18/16}rem;
520
- height: ${18/16}rem;
521
- }
522
- `,pi=(0,q.ZP)(we.o)`
523
- margin-right: ${({theme:t})=>`${t.spaces[2]}`};
524
- `,gi=q.ZP.div`
525
- position: relative;
526
- height: calc(100% - 48px);
527
- `,fi=(0,q.ZP)(Fn.Y)`
528
- background-color: transparent;
529
- border: none;
530
- align-items: center;
531
-
532
- svg {
533
- margin-left: ${({theme:t})=>`${t.spaces[2]}`};
534
- path {
535
- fill: ${({theme:t})=>t.colors.neutral700};
536
- width: ${12/16}rem;
537
- height: ${12/16}rem;
538
- }
539
- }
540
- `;var an=/^(\s*)(>[> ]*|[*+-] \[[x ]\]\s|[*+-]\s|(\d+)([.)]))(\s*)/,hi=/^(\s*)(>[> ]*|[*+-] \[[x ]\]|[*+-]|(\d+)[.)])(\s*)$/,yi=/[*+-]\s/;function bi(t){if(t.getOption("disableInput"))return Ln().Pass;for(var o=t.listSelections(),r=[],s=0;s<o.length;s++){var a=o[s].head,l=t.getStateAfter(a.line),i=l.list!==!1,c=l.quote!==0,p=t.getLine(a.line),u=an.exec(p),m=/^\s*$/.test(p.slice(0,a.ch));if(!o[s].empty()||!i&&!c||!u||m){t.execCommand("newlineAndIndent");return}if(hi.test(p)){var f=c&&/>\s*$/.test(p),g=!/>\s*$/.test(p);(f||g)&&t.replaceRange("",{line:a.line,ch:0},{line:a.line,ch:a.ch+1}),r[s]=`
541
- `}else{var E=u[1],b=u[5],v=!(yi.test(u[2])||u[2].indexOf(">")>=0),O=v?parseInt(u[3],10)+1+u[4]:u[2].replace("x"," ");r[s]=`
542
- `+E+O+b,v&&Ei(t,a)}}t.replaceSelections(r)}function Ei(t,o){var r=o.line,s=0,a=0,l=an.exec(t.getLine(r)),i=l[1];do{s+=1;var c=r+s,p=t.getLine(c),u=an.exec(p);if(u){var m=u[1],f=parseInt(l[3],10)+s-a,g=parseInt(u[3],10),E=g;if(i===m&&!isNaN(g))f===g&&(E=g+1),f>g&&(E=f+1),t.replaceRange(p.replace(an,m+E+u[4]+u[5]),{line:c,ch:0},{line:c,ch:p.length});else{if(i.length>m.length||i.length<m.length&&s===1)return;a+=1}}}while(u)}var vi=bi;const Sn=({disabled:t,editorRef:o,error:r,isPreviewMode:s,isExpandMode:a,name:l,onChange:i,placeholder:c,textareaRef:p,value:u})=>{const m=(0,e.useRef)(i);return(0,e.useEffect)(()=>{o.current=Ln().fromTextArea(p.current,{lineWrapping:!0,extraKeys:{Enter:"newlineAndIndentContinueMarkdownList",Tab:!1,"Shift-Tab":!1},readOnly:!1,smartIndent:!1,placeholder:c,spellcheck:!0,inputStyle:"contenteditable"}),Ln().commands.newlineAndIndentContinueMarkdownList=vi,o.current.on("change",f=>{m.current({target:{name:l,value:f.getValue(),type:"wysiwyg"}})})},[o,p,l,c]),(0,e.useEffect)(()=>{u&&!o.current.hasFocus()&&o.current.setValue(u)},[o,u]),(0,e.useEffect)(()=>{s||t?o.current.setOption("readOnly","nocursor"):o.current.setOption("readOnly",!1)},[t,s,o]),(0,e.useEffect)(()=>{r?o.current.setOption("screenReaderLabel",r):o.current.setOption("screenReaderLabel","Editor")},[o,r]),e.createElement(gi,null,e.createElement(ui,{isExpandMode:a,disabled:t||s},e.createElement("textarea",{ref:p})),s&&e.createElement(hr,{data:u}))};Sn.defaultProps={disabled:!1,error:void 0,isPreviewMode:!1,isExpandMode:!1,placeholder:"",value:""},Sn.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 Ci=Sn,_e=d(80084),Le=d(84967),Ee=d(41415),Ri=d(4101),Er=d(67563),vr=d(73906),Cr=d(49844),Rr=d(99283),Tr=d(49825),Ti=d(83139),Mi=d(35635),Di=d(20063),ki=d(80601),Ii=d(11417),Oi=d(43231),wi=d(65663);const An=({disabled:t,editorRef:o,isExpandMode:r,isPreviewMode:s,onActionClick:a,onToggleMediaLib:l,onTogglePreviewMode:i})=>{const[c,p]=(0,e.useState)(!1),{formatMessage:u}=(0,H.Z)(),m=u({id:"components.Wysiwyg.selectOptions.title",defaultMessage:"Add a title"}),f=(0,e.useRef)(),g=()=>{p(E=>!E)};return t||s?e.createElement(F.x,{padding:2,background:"neutral100"},e.createElement(P.k,{justifyContent:"space-between"},e.createElement(P.k,null,e.createElement(_e.P,{disabled:!0,id:"selectTitle",placeholder:m,size:"S","aria-label":m},e.createElement(Le.W,{value:"h1"},"h1"),e.createElement(Le.W,{value:"h2"},"h2"),e.createElement(Le.W,{value:"h3"},"h3"),e.createElement(Le.W,{value:"h4"},"h4"),e.createElement(Le.W,{value:"h5"},"h5"),e.createElement(Le.W,{value:"h6"},"h6")),e.createElement(yr,null,e.createElement(ze,{disabled:!0,id:"Bold",label:"Bold",name:"Bold",icon:e.createElement(vr.Z,null)}),e.createElement(ze,{disabled:!0,id:"Italic",label:"Italic",name:"Italic",icon:e.createElement(Cr.Z,null)}),e.createElement(ze,{disabled:!0,id:"Underline",label:"Underline",name:"Underline",icon:e.createElement(Rr.Z,null)})),e.createElement(br,{disabled:!0,id:"more",label:"More",icon:e.createElement(Tr.Z,null)})),!r&&e.createElement(Ee.z,{onClick:i,variant:"tertiary",id:"preview"},u({id:"components.Wysiwyg.ToggleMode.markdown-mode",defaultMessage:"Markdown mode"})))):e.createElement(F.x,{padding:2,background:"neutral100"},e.createElement(P.k,{justifyContent:"space-between"},e.createElement(P.k,null,e.createElement(_e.P,{id:"selectTitle",placeholder:m,size:"S",onChange:E=>a(E,o)},e.createElement(Le.W,{value:"h1"},"h1"),e.createElement(Le.W,{value:"h2"},"h2"),e.createElement(Le.W,{value:"h3"},"h3"),e.createElement(Le.W,{value:"h4"},"h4"),e.createElement(Le.W,{value:"h5"},"h5"),e.createElement(Le.W,{value:"h6"},"h6")),e.createElement(yr,null,e.createElement(ze,{onClick:()=>a("Bold",o),id:"Bold",label:"Bold",name:"Bold",icon:e.createElement(vr.Z,null)}),e.createElement(ze,{onClick:()=>a("Italic",o),id:"Italic",label:"Italic",name:"Italic",icon:e.createElement(Cr.Z,null)}),e.createElement(ze,{onClick:()=>a("Underline",o),id:"Underline",label:"Underline",name:"Underline",icon:e.createElement(Rr.Z,null)})),e.createElement(br,{ref:f,onClick:g,id:"more",label:"More",icon:e.createElement(Tr.Z,null)}),c&&e.createElement(Ri.J2,{centered:!0,source:f,spacing:4,id:"popover"},e.createElement(Er.i,{onEscape:g,restoreFocus:!1},e.createElement(P.k,null,e.createElement(pi,null,e.createElement(ze,{onClick:()=>a("Strikethrough",o,g),id:"Strikethrough",label:"Strikethrough",name:"Strikethrough",icon:e.createElement(Ti.Z,null)}),e.createElement(ze,{onClick:()=>a("BulletList",o,g),id:"BulletList",label:"BulletList",name:"BulletList",icon:e.createElement(Mi.Z,null)}),e.createElement(ze,{onClick:()=>a("NumberList",o,g),id:"NumberList",label:"NumberList",name:"NumberList",icon:e.createElement(Di.Z,null)})),e.createElement(we.o,null,e.createElement(ze,{onClick:()=>a("Code",o,g),id:"Code",label:"Code",name:"Code",icon:e.createElement(ki.Z,null)}),e.createElement(ze,{onClick:()=>{g(),l()},id:"Image",label:"Image",name:"Image",icon:e.createElement(Ii.Z,null)}),e.createElement(mi,{onClick:()=>a("Link",o,g),id:"Link",label:"Link",name:"Link",icon:e.createElement(Oi.Z,null)}),e.createElement(ze,{onClick:()=>a("Quote",o,g),id:"Quote",label:"Quote",name:"Quote",icon:e.createElement(wi.Z,null)})))))),i&&e.createElement(Ee.z,{onClick:i,variant:"tertiary",id:"preview"},u({id:"components.Wysiwyg.ToggleMode.preview-mode",defaultMessage:"Preview mode"}))))};An.defaultProps={isPreviewMode:!1,onActionClick(){},onToggleMediaLib(){},onTogglePreviewMode:void 0},An.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 Li=An,xi=d(18070);const $n=({onToggleExpand:t})=>{const{formatMessage:o}=(0,H.Z)();return e.createElement(F.x,{padding:2,background:"neutral100",hasRadius:!0},e.createElement(P.k,{justifyContent:"flex-end",alignItems:"flex-end"},e.createElement(fi,{id:"expand",onClick:t},e.createElement(Q.Z,null,o({id:"components.WysiwygBottomControls.fullscreen",defaultMessage:"Expand"})),e.createElement(xi.Z,null))))};$n.defaultProps={onToggleExpand(){}},$n.propTypes={onToggleExpand:n().func};var Pi=$n;const Zn=({id:t,error:o,name:r,hint:s})=>s.length===0||o?null:e.createElement(Q.Z,{as:"p",variant:"pi",id:`${t||r}-hint`,textColor:"neutral600"},s);Zn.defaultProps={id:void 0,error:void 0,hint:""},Zn.propTypes={hint:n().oneOfType([n().string,n().array]),error:n().string,id:n().string,name:n().string.isRequired};var Fi=Zn;const Mr=(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=`\`\`\`
543
- ${o}
544
- \`\`\``;break;case"Link":r=`[${o}](link)`;break;case"Quote":r=`>${o}`;break;default:r=o}return r},Dr=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=`\`\`\`
545
- ${t}
546
- \`\`\``,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}},kr=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},Ir=(t,o)=>{const r=t.current.getSelection();let s;if(r){const a=Mr(o,r);t.current.replaceSelection(a),t.current.focus()}else{s=Dr(o),t.current.replaceSelection(s.editedText),t.current.focus();const{line:a,ch:l}=t.current.getCursor(),i=l-s.selection.end,c=l-s.selection.end-s.selection.start;t.current.setSelection({line:a,ch:c},{line:a,ch:i})}},Si=(t,o)=>{const r=t.current.getDoc(),s=o==="BulletList"?"- ":"1. ";if(r.somethingSelected()){const a=r.listSelections();let l=null;t.current.operation(function(){a.forEach(function(i){const c=[i.head.line,i.anchor.line].sort();l==null&&(l=r.getLine(c[0]).startsWith(s));for(let p=c[0];p<=c[1];p++)if(l)r.getLine(p).startsWith(s)&&r.replaceRange("",{line:p,ch:0},{line:p,ch:s.length});else{const u=o==="BulletList"?"- ":`${p+1}. `;r.replaceRange(u,{line:p,ch:0})}})})}else{let{line:a}=r.getCursor();const l=kr(o),i=t.current.getLine(a),c=l+i;t.current.setSelection({line:a,ch:0},{line:a,ch:i.length}),t.current.replaceSelection(c)}t.current.focus()},Ai=(t,o)=>{let{line:r}=t.current.getCursor();const s=kr(o),a=t.current.getLine(r),l=a.replace(/#{1,6}\s/g,"").trim(),i=s+l;t.current.setSelection({line:r,ch:0},{line:r,ch:a.length}),t.current.replaceSelection(i),setTimeout(()=>{const c=t.current.getLine(r).length;t.current.focus(),t.current.setCursor({line:r,ch:c})},0)},$i=(t,o)=>{let{line:r,ch:s}=t.current.getCursor();o.forEach((a,l)=>{let i=t.current.getLine(r).length;t.current.setCursor({line:r,ch:i}),(l>0||l===0&&s!==0)&&(i=t.current.getLine(r).length,t.current.setCursor({line:r,ch:i}),r++,t.current.replaceSelection(`
547
- `)),a.mime.includes("image")?t.current.replaceSelection(`![${a.alt}](${a.url})`):t.current.replaceSelection(`[${a.alt}](${a.url})`)}),setTimeout(()=>t.current.focus(),0)},Zi=(t,o,r,s,a)=>{const l=Mr(o,a),i=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:s}),t.current.replaceSelection(`
548
- `),t.current.replaceSelection(l),o==="Code"){let{line:c}=t.current.getCursor();t.current.setCursor({line:c-1,ch:a.length})}t.current.replaceRange(i,{line:r+4,ch:0},{line:1/0,ch:1/0}),t.current.focus()},Bi=(t,o,r,s)=>{const a=Dr(o),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.setCursor({line:r,ch:s}),t.current.replaceSelection(`
549
- `),t.current.replaceSelection(a.editedText),o==="Code")r+=2,t.current.setSelection({line:r,ch:0},{line:r,ch:4});else{r+=1;let{ch:i}=t.current.getCursor(),c=i-a.selection.end,p=i-a.selection.end-a.selection.start;t.current.setSelection({line:r,ch:p},{line:r,ch:c})}t.current.replaceRange(l,{line:r+2,ch:0},{line:1/0,ch:1/0}),t.current.focus()},Ni=(t,o)=>{const r=t.current.getSelection();let{line:s}=t.current.getCursor(),a=t.current.getLine(s).length;r?Zi(t,o,s,a,r):Bi(t,o,s,a)};var qi=d(71933),ji=d(74464);const Wi=(t,o)=>`${t}${Math.floor(o*255).toString(16).padStart(2,0)}`,zi=(0,q.ZP)(P.k)`
550
- background: ${({theme:t})=>Wi(t.colors.neutral800,.2)};
551
- `,Ui=(0,q.ZP)(F.x)`
552
- border-right: 1px solid ${({theme:t})=>t.colors.neutral200};
553
- `,Vi=(0,q.ZP)(Fn.Y)`
554
- background-color: transparent;
555
- border: none;
556
- align-items: center;
557
-
558
- svg {
559
- margin-left: ${({theme:t})=>`${t.spaces[2]}`};
560
-
561
- path {
562
- fill: ${({theme:t})=>t.colors.neutral700};
563
- width: ${12/16}rem;
564
- height: ${12/16}rem;
565
- }
566
- }
567
- `,Bn=({children:t,isExpandMode:o,error:r,previewContent:s,onCollapse:a})=>{const{formatMessage:l}=(0,H.Z)();return(0,h.F5)(o),o?e.createElement(qi.h,{role:"dialog","aria-modal":!1},e.createElement(Er.i,{onEscape:a},e.createElement(zi,{position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:4,justifyContent:"center",onClick:a},e.createElement(F.x,{background:"neutral0",hasRadius:!0,shadow:"popupShadow",overflow:"hidden",width:"70%",height:"70%",onClick:i=>i.stopPropagation()},e.createElement(P.k,{height:"100%",alignItems:"flex-start"},e.createElement(Ui,{flex:"1",height:"100%"},t),e.createElement(P.k,{alignItems:"start",direction:"column",flex:1,height:"100%",width:"100%"},e.createElement(P.k,{height:(0,h.Q1)(48),background:"neutral100",justifyContent:"flex-end",shrink:0,width:"100%"},e.createElement(Vi,{onClick:a},e.createElement(Q.Z,null,l({id:"components.Wysiwyg.collapse",defaultMessage:"Collapse"})),e.createElement(ji.Z,null))),e.createElement(F.x,{position:"relative",height:"100%",width:"100%"},e.createElement(hr,{data:s})))))))):e.createElement(F.x,{borderColor:r?"danger600":"neutral200",borderStyle:"solid",borderWidth:"1px",hasRadius:!0},t)};Bn.defaultProps={error:void 0,previewContent:""},Bn.propTypes={children:n().node.isRequired,error:n().string,isExpandMode:n().bool.isRequired,previewContent:n().string,onCollapse:n().func.isRequired};const Hi=(0,q.ZP)(F.x)`
568
- svg path {
569
- fill: ${({theme:t})=>t.colors.neutral500};
570
- }
571
- `,Qi=(0,q.ZP)(Q.Z)`
572
- line-height: 0;
573
- `,Nn=({hint:t,disabled:o,error:r,intlLabel:s,labelAction:a,name:l,onChange:i,placeholder:c,value:p,required:u})=>{const{formatMessage:m}=(0,H.Z)(),f=(0,e.useRef)(null),g=(0,e.useRef)(null),[E,b]=(0,e.useState)(!1),[v,O]=(0,e.useState)(!1),[D,M]=(0,e.useState)(!1),{components:L}=(0,h.yX)(),I=L["media-library"],C=()=>O($=>!$),T=()=>b($=>!$),x=()=>{b(!1),M($=>!$)},B=($,X,j)=>{switch($){case"Link":case"Strikethrough":{Ir(X,$),j();break}case"Code":case"Quote":{Ni(X,$),j();break}case"Bold":case"Italic":case"Underline":{Ir(X,$);break}case"BulletList":case"NumberList":{Si(X,$),j();break}case"h1":case"h2":case"h3":case"h4":case"h5":case"h6":{Ai(X,$);break}default:}},U=$=>{const X=$.map(j=>({alt:j.alternativeText||j.name,url:(0,h.CR)(j.url),mime:j.mime}));$i(g,X),O(!1)},A=c?m({id:c.id,defaultMessage:c.defaultMessage},{...c.values}):"",G=s.id?m({id:s.id,defaultMessage:s.defaultMessage},{...s.values}):l;return e.createElement(e.Fragment,null,e.createElement(P.k,{direction:"column",alignItems:"stretch",gap:1},e.createElement(P.k,{gap:1},e.createElement(Q.Z,{variant:"pi",fontWeight:"bold",textColor:"neutral800"},G,u&&e.createElement(Qi,{textColor:"danger600"},"*")),a&&e.createElement(Hi,{paddingLeft:1},a)),e.createElement(Bn,{isExpandMode:D,error:r,previewContent:p,onCollapse:x},e.createElement(Li,{isExpandMode:D,editorRef:g,isPreviewMode:E,onActionClick:B,onToggleMediaLib:C,onTogglePreviewMode:D?void 0:T,disabled:o}),e.createElement(Ci,{disabled:o,isExpandMode:D,editorRef:g,error:r,isPreviewMode:E,name:l,onChange:i,placeholder:A,textareaRef:f,value:p}),!D&&e.createElement(Pi,{onToggleExpand:x})),e.createElement(Fi,{hint:t,name:l,error:r})),r&&e.createElement(F.x,{paddingTop:1},e.createElement(Q.Z,{variant:"pi",textColor:"danger600","data-strapi-field-error":!0},r)),v&&e.createElement(I,{onClose:C,onSelectAssets:U}))};Nn.defaultProps={disabled:!1,error:"",labelAction:void 0,placeholder:null,required:!1,value:"",hint:""},Nn.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 Gi=Nn,qn=d(10369),Ki=d(38705),Ut=d(69932),Yi=d(27169),Or=d(44647),wr=d(75536),Xi=/^[A-Za-z0-9-_.~]*$/,Ji=d(63642);const _i=(0,q.ZP)(Ji.E)`
574
- svg {
575
- height: 1rem;
576
- width: 1rem;
577
- path {
578
- fill: ${({theme:t})=>t.colors.neutral400};
579
- }
580
- }
581
-
582
- svg:hover {
583
- path {
584
- fill: ${({theme:t})=>t.colors.primary600};
585
- }
586
- }
587
- `,Lr=(0,q.ZP)(P.k)`
588
- svg {
589
- height: ${12/16}rem;
590
- width: ${12/16}rem;
591
-
592
- path {
593
- fill: ${({theme:t,available:o})=>o?t.colors.success600:t.colors.danger600};
594
- }
595
- }
596
- `,el=q.F4`
597
- from {
598
- transform: rotate(0deg);
599
- }
600
- to {
601
- transform: rotate(359deg);
602
- }
603
- `,tl=(0,q.ZP)(P.k)`
604
- animation: ${el} 2s infinite linear;
605
- `,jn=({attribute:t,contentTypeUID:o,hint:r,disabled:s,error:a,intlLabel:l,labelAction:i,name:c,onChange:p,value:u,placeholder:m,required:f})=>{const{modifiedData:g,initialData:E,layout:b}=(0,h.Wq)(),[v,O]=(0,e.useState)(!1),[D,M]=(0,e.useState)(null),L=(0,wr.Z)(u,300),I=(0,e.useRef)(),C=(0,h.lm)(),{formatAPIError:T}=(0,h.So)(),x=E[c],{formatMessage:B}=(0,H.Z)(),U=b?.options?.timestamps??0,A=!E[U],G=(0,wr.Z)(g[t.targetField],300),[$,X]=(0,e.useState)(!1),[j,J]=(0,e.useState)(null),{post:N}=(0,h.kY)(),W=l.id?B({id:l.id,defaultMessage:l.defaultMessage},{...l.values}):c,R=m?B({id:m.id,defaultMessage:m.defaultMessage},{...m.values}):"";I.current=async(S=!1)=>{O(!0);try{const{data:{data:oe}}=await N((0,y.IF)("uid/generate"),{contentTypeUID:o,field:c,data:g});p({target:{name:c,value:oe,type:"text"}},S),O(!1)}catch(oe){O(!1),C({type:"warning",message:T(oe)})}};const Z=async()=>{if(u){O(!0);try{const{data:S}=await N((0,y.IF)("uid/check-availability"),{contentTypeUID:o,field:c,value:u?u.trim():""});O(!1),M(S)}catch(S){O(!1),C({type:"warning",message:T(S)})}}};(0,e.useEffect)(()=>{!u&&t.required&&I.current(!0)},[t.required,I,u]),(0,e.useEffect)(()=>{L?.trim().match(Xi)&&L!==x&&Z(),L||M(null)},[x,L]),(0,e.useEffect)(()=>{let S;return D?.isAvailable&&(S=setTimeout(()=>{M(null)},4e3)),()=>{S&&clearTimeout(S)}},[D]),(0,e.useEffect)(()=>{!$&&A&&G&&g[t.targetField]&&!u&&I.current(!0)},[G,$,A]);const V=()=>{J(B({id:"content-manager.components.uid.regenerate",defaultMessage:"Regenerate"}))},Y=()=>{J(null)},w=S=>{S.target.value&&A&&X(!0),p(S)};return e.createElement(qn.o,{disabled:s,error:a,endAction:e.createElement(P.k,{position:"relative",gap:1},D&&!j&&e.createElement(Lr,{alignItems:"center",gap:1,justifyContent:"flex-end",available:!!D?.isAvailable,"data-not-here-outer":!0,position:"absolute",pointerEvents:"none",right:6,width:"100px"},D?.isAvailable?e.createElement(Ki.Z,null):e.createElement(Ut.Z,null),e.createElement(Q.Z,{textColor:D.isAvailable?"success600":"danger600",variant:"pi"},B(D.isAvailable?{id:"content-manager.components.uid.available",defaultMessage:"Available"}:{id:"content-manager.components.uid.unavailable",defaultMessage:"Unavailable"}))),!s&&e.createElement(e.Fragment,null,j&&e.createElement(Lr,{alignItems:"center",justifyContent:"flex-end",gap:1},e.createElement(Q.Z,{textColor:"primary600",variant:"pi"},j)),e.createElement(_i,{onClick:()=>I.current(),label:B({id:"content-manager.components.uid.regenerate",defaultMessage:"Regenerate"}),onMouseEnter:V,onMouseLeave:Y},v?e.createElement(tl,{"data-testid":"loading-wrapper"},e.createElement(Yi.Z,null)):e.createElement(Or.Z,null)))),hint:r,label:W,labelAction:i,name:c,onChange:w,placeholder:R,value:u||"",required:f})};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 nl=jn,ol=d(88423),Wn=d.n(ol),rl=d(41044),sl=d(50428),al=d(87107),il=d(28847),xr=d(7563),ll=d(67014),cl=d(47851),Pr=d(99140),ln=d(63919),zn=d(41234),cn=d(35331);const Un=({children:t,loadMore:o,search:r,totalNumberOfRelations:s,size:a,...l})=>e.createElement(e.Fragment,null,e.createElement(P.k,{paddingBottom:s>0?3:0,gap:2,justifyContent:"space-between",alignItems:"end",wrap:"wrap"},e.createElement(P.k,{direction:"column",alignItems:"stretch",basis:a<=6?"100%":"70%",gap:1,...l},r),o),t);Un.defaultProps={search:void 0,loadMore:void 0,totalNumberOfRelations:0},Un.propTypes={children:n().node.isRequired,search:n().node,loadMore:n().node,size:n().number.isRequired,totalNumberOfRelations:n().number};const dn=50,St=4,Fr=(0,q.ZP)(P.k)`
606
- width: 100%;
607
- /* Used to prevent endAction to be pushed out of container */
608
- min-width: 0;
609
-
610
- & > div[role='button'] {
611
- cursor: all-scroll;
612
- }
613
- `,Sr=(0,q.ZP)(P.k)`
614
- width: 100%;
615
- /* Used to prevent endAction to be pushed out of container */
616
- min-width: 0;
617
- `,Vn=({ariaDescribedBy:t,children:o,displayValue:r,canDrag:s,disabled:a,endAction:l,iconButtonAriaLabel:i,style:c,id:p,index:u,name:m,onCancel:f,onDropItem:g,onGrabItem:E,status:b,updatePositionOfRelation:v,...O})=>{const[{handlerId:D,isDragging:M,handleKeyDown:L},I,C,T,x]=Mn(s&&!a,{type:`${y._Q.RELATION}_${m}`,index:u,item:{displayedValue:r,status:b,id:p},onGrabItem:E,onDropItem:g,onCancel:f,onMoveItem:v,dropSensitivity:"immediate"}),B=(0,y.FE)(I,T);return(0,e.useEffect)(()=>{x((0,Wt.rX)())},[x]),e.createElement(F.x,{style:c,as:"li",ref:C,"aria-describedby":t,cursor:s?"all-scroll":"default"},M?e.createElement(dl,null):e.createElement(P.k,{paddingTop:2,paddingBottom:2,paddingLeft:s?2:4,paddingRight:4,hasRadius:!0,borderSize:1,borderColor:"neutral200",background:a?"neutral150":"neutral0",justifyContent:"space-between",ref:s?B:void 0,"data-handler-id":D,...O},e.createElement(Fr,{gap:1},s?e.createElement(we.h,{forwardedAs:"div",role:"button",tabIndex:0,"aria-label":i,noBorder:!0,onKeyDown:L,disabled:a},e.createElement(mt.Z,null)):null,e.createElement(Sr,{justifyContent:"space-between"},o)),l&&e.createElement(F.x,{paddingLeft:4},l)))},dl=()=>e.createElement(F.x,{paddingTop:2,paddingBottom:2,paddingLeft:4,paddingRight:4,hasRadius:!0,borderStyle:"dashed",borderColor:"primary600",borderWidth:"1px",background:"primary100",height:`calc(100% - ${St}px)`});Vn.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},Vn.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 ul=(0,q.ZP)(F.x)`
618
- position: relative;
619
- overflow-x: hidden;
620
- overflow-y: auto;
621
-
622
- &:before,
623
- &:after {
624
- position: absolute;
625
- width: 100%;
626
- height: 4px;
627
- z-index: 1;
628
- }
629
-
630
- &:before {
631
- /* TODO: as for DS Table component we would need this to be handled by the DS theme */
632
- content: '';
633
- background: linear-gradient(rgba(3, 3, 5, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
634
- top: 0;
635
- opacity: ${({overflowDirection:t})=>t==="top-bottom"||t==="top"?1:0};
636
- transition: opacity 0.2s ease-in-out;
637
- }
638
-
639
- &:after {
640
- /* TODO: as for DS Table component we would need this to be handled by the DS theme */
641
- content: '';
642
- background: linear-gradient(0deg, rgba(3, 3, 5, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
643
- bottom: 0;
644
- opacity: ${({overflowDirection:t})=>t==="top-bottom"||t==="bottom"?1:0};
645
- transition: opacity 0.2s ease-in-out;
646
- }
647
- `,Hn=({children:t,overflow:o,...r})=>e.createElement(ul,{overflowDirection:o,...r},t);Hn.defaultProps={overflow:""},Hn.propTypes={children:n().node.isRequired,overflow:n().oneOf(["top-bottom","bottom","top",""])};var ml=d(88994);const pl=q.ZP.div`
648
- flex-shrink: 0;
649
- width: ${(0,h.Q1)(6)};
650
- height: ${(0,h.Q1)(6)};
651
- margin-right: ${({theme:t})=>t.spaces[2]};
652
- background-color: ${({theme:t,isDraft:o})=>t.colors[o?"secondary600":"success600"]};
653
- border-radius: 50%;
654
- `,Ar=t=>{const{formatMessage:o}=(0,H.Z)(),r=ml.c.Option,{publicationState:s,mainField:a,id:l}=t.data;if(s){const i=s==="draft",c={id:(0,y.OB)("components.Select.draft-info-title"),defaultMessage:"State: Draft"},p={id:(0,y.OB)("components.Select.publish-info-title"),defaultMessage:"State: Published"},u=o(i?c:p);return e.createElement(r,{...t},e.createElement(P.k,null,e.createElement(pl,{title:u,isDraft:i}),e.createElement(Q.Z,{ellipsis:!0},a??l)))}return e.createElement(r,{...t},a??l)};Ar.propTypes={isFocused:n().bool.isRequired,data:n().shape({id:n().number.isRequired,isDraft:n().bool,mainField:n().string,publicationState:n().oneOfType([n().string,n().bool])}).isRequired};const $r=(0,q.ZP)(sl.r)`
655
- display: block;
656
-
657
- > span {
658
- white-space: nowrap;
659
- overflow: hidden;
660
- text-overflow: ellipsis;
661
- display: block;
662
- }
663
- `,Zr=q.ZP.button`
664
- svg path {
665
- fill: ${({theme:t,disabled:o})=>o?t.colors.neutral600:t.colors.neutral500};
666
- }
667
-
668
- &:hover svg path,
669
- &:focus svg path {
670
- fill: ${({theme:t,disabled:o})=>!o&&t.colors.neutral600};
671
- }
672
- `,Qn=({canReorder:t,description:o,disabled:r,error:s,iconButtonAriaLabel:a,id:l,name:i,numberOfRelationsToDisplay:c,label:p,labelAction:u,labelLoadMore:m,labelDisconnectRelation:f,listAriaDescription:g,liveText:E,loadingMessage:b,onCancel:v,onDropItem:O,onGrabItem:D,noRelationsMessage:M,onRelationConnect:L,onRelationLoadMore:I,onRelationDisconnect:C,onRelationReorder:T,onSearchNextPage:x,onSearch:B,placeholder:U,publicationStateTranslations:A,required:G,relations:$,searchResults:X,size:j})=>{const[J,N]=(0,e.useState)(null),[W,R]=(0,e.useState)(""),Z=(0,e.useRef)(),V=(0,e.useRef)(),{data:Y}=X,w=$.data,S=w.length??0,oe=(0,e.useMemo)(()=>S>c?Math.min(S,c)*(dn+St)+dn/2:Math.min(S,c)*(dn+St),[S,c]),ee=!!m&&$.hasNextPage,ae=(0,e.useMemo)(()=>Y.flat().filter(Boolean).map(re=>({...re,value:re.id,label:re.mainField})),[Y]);(0,e.useEffect)(()=>{if(S<=c)return R("");const re=Ye=>{const Jo=Ye.target.parentNode.scrollHeight,ht=Ye.target.scrollHeight-Ye.target.scrollTop;return Ye.target.scrollTop===0?R("bottom"):R(ht===Jo?"top":"top-bottom")},Ce=V?.current;return!$.isLoading&&w.length>0&&Ce&&V.current.addEventListener("scroll",re),()=>{Ce&&Ce.removeEventListener("scroll",re)}},[$,w,c,S]);const[z,ie]=(0,e.useState)(!1),Be=(0,e.useRef)(),st=(0,e.useRef)([]);(0,e.useEffect)(()=>(ae.length>0&&st.current.length===0&&ie(re=>(re&&(Be.current=setTimeout(()=>{ie(!0)},10)),!1)),()=>{st.current=ae||[]}),[ae]),(0,e.useEffect)(()=>()=>{Be.current&&clearTimeout(Be.current)},[]);const en=()=>{ie(!1)},tn=()=>{ie(!0),B()},nn=(re,Ce)=>{T&&re>=0&&re<w.length&&T(Ce,re)},He=lr(w.length),Ke=(0,e.useRef)(),on=()=>{Ke.current="loadMore",I()};(0,e.useEffect)(()=>{Ke.current==="onChange"&&w.length!==He?Z.current.scrollToItem(w.length,"end"):Ke.current==="loadMore"&&w.length!==He&&Z.current.scrollToItem(0,"start"),Ke.current=void 0},[He,w]);const ft=`${i}-item-instructions`;return e.createElement(al.g,{error:s,name:i,hint:o,id:l,required:G},e.createElement(Un,{totalNumberOfRelations:S,size:j,search:e.createElement(e.Fragment,null,e.createElement(il.Q,{action:u},p),e.createElement(h.JV,{menuPosition:"absolute",menuPlacement:"auto",components:{Option:Ar},options:ae,isDisabled:r,isLoading:X.isLoading,error:s,inputId:l,isSearchable:!0,isClear:!0,loadingMessage:()=>b,onChange:re=>{N(null),L(re),Ke.current="onChange"},onInputChange:re=>{N(re),B(re)},onMenuClose:en,onMenuOpen:tn,menuIsOpen:z,noOptionsMessage:()=>M,onMenuScrollToBottom:()=>{X.hasNextPage&&x()},placeholder:U,name:i,value:J})),loadMore:ee&&e.createElement(xr.A,{disabled:$.isLoading||$.isFetchingNextPage,onClick:on,loading:$.isLoading||$.isFetchingNextPage,startIcon:e.createElement(Or.Z,null)},m)},w.length>0&&e.createElement(Hn,{overflow:W},e.createElement(Pt.T,{id:ft},g),e.createElement(Pt.T,{"aria-live":"assertive"},E),e.createElement(rl.t7,{height:oe,ref:Z,outerRef:V,itemCount:S,itemSize:dn+St,itemData:{name:i,ariaDescribedBy:ft,canDrag:t,disabled:r,handleCancel:v,handleDropItem:O,handleGrabItem:D,iconButtonAriaLabel:a,labelDisconnectRelation:f,onRelationDisconnect:C,publicationStateTranslations:A,relations:w,updatePositionOfRelation:nn},itemKey:re=>`${w[re].mainField}_${w[re].id}`,innerElementType:"ol"},Gn)),(o||s)&&e.createElement(F.x,{paddingTop:2},e.createElement(ll.J,null),e.createElement(cl.c,null))))},gl=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}),fl=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});Qn.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:[]}},Qn.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:fl,size:n().number.isRequired,relations:gl};const Gn=({data:t,index:o,style:r})=>{const{ariaDescribedBy:s,canDrag:a,disabled:l,handleCancel:i,handleDropItem:c,handleGrabItem:p,iconButtonAriaLabel:u,name:m,labelDisconnectRelation:f,onRelationDisconnect:g,publicationStateTranslations:E,relations:b,updatePositionOfRelation:v}=t,{publicationState:O,href:D,mainField:M,id:L}=b[o],I=O==="draft"?"secondary":"success";return e.createElement(Vn,{ariaDescribedBy:s,canDrag:a,disabled:l,displayValue:String(M??L),iconButtonAriaLabel:u,id:L,index:o,name:m,endAction:e.createElement(Zr,{"data-testid":`remove-relation-${L}`,disabled:l,type:"button",onClick:()=>g(b[o]),"aria-label":f},e.createElement(Pr.J,{width:"12px",as:cn.Z})),onCancel:i,onDropItem:c,onGrabItem:p,status:O||void 0,style:{...r,bottom:r.bottom??0+St,height:r.height??0-St},updatePositionOfRelation:v},e.createElement(F.x,{minWidth:0,paddingTop:1,paddingBottom:1,paddingRight:4},e.createElement(ln.u,{description:M??`${L}`},D?e.createElement($r,{to:D},M??L):e.createElement(Q.Z,{textColor:l?"neutral600":"primary600",ellipsis:!0},M??L))),O&&e.createElement(zn.q,{variant:I,showBullet:!1,size:"S"},e.createElement(Q.Z,{fontWeight:"bold",textColor:`${I}700`},E[O])))};Gn.defaultProps={data:{}},Gn.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 hl=Qn,Et=d(20108);function yl(t,o){return r=>{const s=o(r);return e.createElement(t,{...r,...s})}}var bl=yl;function El({componentUid:t,isUserAllowedToEditField:o,isUserAllowedToReadField:r,name:s,queryInfos:a}){const{isCreatingEntry:l,createActionAllowedFields:i,readActionAllowedFields:c,updateActionAllowedFields:p,slug:u,modifiedData:m}=(0,h.Wq)(),f=(0,e.useMemo)(()=>o===!0?!0:(l?i:p).includes(s),[l,i,s,o,p]),g=(0,e.useMemo)(()=>r?!0:(l?[]:c).includes(s),[l,r,s,c]),E=s.split(".");let b;t&&(b=k()(m,E.slice(0,-1))?.id);const v=(0,e.useMemo)(()=>l?null:t?b?(0,y.IF)(`relations/${t}/${b}/${E.at(-1)}`):null:(0,y.IF)(`relations/${u}/${m.id}/${s.split(".").at(-1)}`),[l,t,u,m.id,s,b,E]),O=(0,e.useMemo)(()=>t?(0,y.IF)(`relations/${t}/${s.split(".").at(-1)}`):(0,y.IF)(`relations/${u}/${s.split(".").at(-1)}`),[t,u,s]);return{componentId:b,isComponentRelation:Boolean(t),queryInfos:{...a,endpoints:{search:O,relation:v}},isCreatingEntry:l,isFieldAllowed:f,isFieldReadable:g}}var vl=El;function Cl(t,o){return`${(0,y.IF)(`collectionType/${t}/${o??""}`)}`}const vt={DRAFT:"draft",PUBLISHED:"published"},Kn=5,Rl=10,Yn=(t,{shouldAddLink:o,mainFieldName:r,targetModel:s})=>{const a={...t};return o&&(a.href=Cl(s,a.id)),a.publicationState=!1,a?.publishedAt!==void 0&&(a.publicationState=a.publishedAt?vt.PUBLISHED:vt.DRAFT),a.mainField=a[r],a},Tl=(t,{shouldAddLink:o=!1,mainFieldName:r,targetModel:s}={})=>[...t].map(a=>Yn(a,{shouldAddLink:o,mainFieldName:r,targetModel:s})),Ml=(t,{mainFieldName:o})=>{const{data:r}=t,{pages:s=[]}=r??{};return{...t,data:s.map(a=>a?.results.map(l=>Yn(l,{mainFieldName:o}))).filter(Boolean).flat()}},Dl=(t=[],o=[])=>{const r=t.reduce((a,l)=>o.find(i=>i.id===l.id)?a:[...a,l.id],[]),s=o.reduce((a,l)=>t.find(i=>i.id===l.id)?a:[...a,l.id],[]);return[r,s]},kl=(t,{relation:o,search:r})=>{const[s,a]=(0,e.useState)({}),[l,i]=(0,e.useState)(0),{get:c}=(0,h.kY)(),p=async({pageParam:C=1})=>{try{const{data:T}=await c(o?.endpoint,{params:{...o.pageParams??{},page:C}});return i(C),T}catch{return null}},u=async({pageParam:C=1})=>{try{const{data:T}=await c(r.endpoint,{params:{...r.pageParams??{},...s,page:C}});return T}catch{return null}},{onLoad:m,normalizeArguments:f={}}=o,g=(0,Et.useInfiniteQuery)(["relation",...t],p,{cacheTime:0,enabled:o.enabled,getNextPageParam(C){const T=!C?.pagination;if(!(!C||T||C?.pagination.page>=C?.pagination.pageCount))return C.pagination.page+1},select:C=>({...C,pages:C.pages.map(T=>{if(!T)return T;const{data:x,results:B,pagination:U}=T,A=!!x;let G=[];return A?G=[x]:B&&(G=[...B].reverse()),{pagination:U,results:G}})})}),{pageGoal:E}=o,{status:b,data:v,fetchNextPage:O,hasNextPage:D}=g;(0,e.useEffect)(()=>{E>l&&D&&b==="success"&&O({pageParam:l+1})},[E,l,O,D,b]);const M=(0,h.W6)(m);(0,e.useEffect)(()=>{if(b==="success"&&v&&v.pages?.at(-1)?.results&&M){const C=Tl(v.pages.at(-1).results,f);M(C)}},[b,M,v]);const L=(0,Et.useInfiniteQuery)(["relation",...t,"search",JSON.stringify(s)],u,{enabled:Object.keys(s).length>0,getNextPageParam(C){if(!(!C?.pagination||C.pagination.page>=C.pagination.pageCount))return C.pagination.page+1}});return{relations:g,search:L,searchFor:(C,T={})=>{a({...T,_q:C})}}},Br=(t,o)=>r=>{const s=r.split(".");return s.reduce((a,l,i)=>{const c=k()(t,a),p=k()(o,[...s.slice(0,i),l,"__temp_key__"]);if(Array.isArray(c)&&typeof p=="number"){const u=c.findIndex(m=>m.__temp_key__===p);return a.push(u.toString()),a}return a.push(l),a},[])},Xn=({error:t,componentId:o,isComponentRelation:r,editable:s,description:a,intlLabel:l,isCreatingEntry:i,isFieldAllowed:c,isFieldReadable:p,labelAction:u,mainField:m,name:f,queryInfos:{endpoints:g,defaultParams:E,shouldDisplayRelationLink:b},placeholder:v,required:O,relationType:D,size:M,targetModel:L})=>{const[I,C]=(0,e.useState)(""),{formatMessage:T}=(0,H.Z)(),{slug:x,initialData:B,modifiedData:U,relationConnect:A,relationDisconnect:G,relationLoad:$,relationReorder:X}=(0,h.Wq)(),j=f.split("."),J=Br(B,U)(f),N=k()(U,f,[]),W=Math.ceil(k()(B,f,[]).length/Kn),{relations:R,search:Z,searchFor:V}=kl([x,J.join("."),U.id,E],{relation:{enabled:!!g.relation,endpoint:g.relation,pageGoal:W,pageParams:{...E,pageSize:Kn},onLoad(re){$({target:{initialDataPath:["initialData",...J],modifiedDataPath:["modifiedData",...j],value:re}})},normalizeArguments:{mainFieldName:m.name,shouldAddLink:b,targetModel:L}},search:{endpoint:g.search,pageParams:{...E,entityId:i?void 0:r?o:B.id,pageSize:Rl}}}),Y=(0,e.useMemo)(()=>D.toLowerCase().includes("morph"),[D]),w=["oneWay","oneToOne","manyToOne","oneToManyMorph","oneToOneMorph"].includes(D),S=(0,e.useMemo)(()=>Y?!0:i?!s:!c&&p||!s,[Y,i,s,c,p]),oe=re=>{const Ce=Yn(re,{mainFieldName:m.name,shouldAddLink:b,targetModel:L});A({name:f,value:Ce,toOneRelation:w})},ee=re=>{G({name:f,id:re.id})},ae=()=>{R.fetchNextPage()},z=(re="")=>{const[Ce,Ye]=Dl(N,k()(B,f));V(re,{idsToInclude:Ye,idsToOmit:Ce})},ie=()=>{Z.fetchNextPage()},Be=re=>`${re+1} of ${N.length}`,st=(re,Ce)=>{const Ye=N[re];C(T({id:(0,y.OB)("dnd.reorder"),defaultMessage:"{item}, moved. New position in list: {position}."},{item:Ye.mainField??Ye.id,position:Be(Ce)})),X({name:f,newIndex:Ce,oldIndex:re})},en=re=>{const Ce=N[re];C(T({id:(0,y.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:Be(re)}))},tn=re=>{const Ce=N[re];C(T({id:(0,y.OB)("dnd.drop-item"),defaultMessage:"{item}, dropped. Final position in list: {position}."},{item:Ce.mainField??Ce.id,position:Be(re)}))},nn=re=>{const Ce=N[re];C(T({id:(0,y.OB)("dnd.cancel-item"),defaultMessage:"{item}, dropped. Re-order cancelled."},{item:Ce.mainField??Ce.id}))};if(!c&&i||!i&&!c&&!p)return e.createElement(h.X0,{name:f,intlLabel:l,labelAction:u});const He=N.length,Ke=(k()(B,J)??[]).length,on=R.data?.pages[0]?.pagination?.total??0,ft=!R.data&&He===Ke?He:He-Ke+on;return e.createElement(hl,{error:t,canReorder:!w,description:a,disabled:S,iconButtonAriaLabel:T({id:(0,y.OB)("components.RelationInput.icon-button-aria-label"),defaultMessage:"Drag"}),id:f,label:`${T({id:l.id,defaultMessage:l.defaultMessage})} ${ft>0?`(${ft})`:""}`,labelAction:u,labelLoadMore:i?null:T({id:(0,y.OB)("relation.loadMore"),defaultMessage:"Load More"}),labelDisconnectRelation:T({id:(0,y.OB)("relation.disconnect"),defaultMessage:"Remove"}),listAriaDescription:T({id:(0,y.OB)("dnd.instructions"),defaultMessage:"Press spacebar to grab and re-order"}),listHeight:320,liveText:I,loadingMessage:T({id:(0,y.OB)("relation.isLoading"),defaultMessage:"Relations are loading"}),name:f,noRelationsMessage:T({id:(0,y.OB)("relation.notAvailable"),defaultMessage:"No relations available"}),numberOfRelationsToDisplay:Kn,onDropItem:tn,onGrabItem:en,onCancel:nn,onRelationConnect:oe,onRelationDisconnect:ee,onRelationLoadMore:ae,onRelationReorder:st,onSearch:re=>z(re),onSearchNextPage:()=>ie(),placeholder:T(v||{id:(0,y.OB)("relation.add"),defaultMessage:"Add relation"}),publicationStateTranslations:{[vt.DRAFT]:T({id:(0,y.OB)("relation.publicationState.draft"),defaultMessage:"Draft"}),[vt.PUBLISHED]:T({id:(0,y.OB)("relation.publicationState.published"),defaultMessage:"Published"})},relations:Wn()({...R,data:N},"data","hasNextPage","isFetchingNextPage","isLoading","isSuccess"),required:O,searchResults:Ml(Z,{mainFieldName:m.name}),size:M})};Xn.defaultProps={componentId:void 0,editable:!0,error:void 0,description:"",labelAction:null,isComponentRelation:!1,isFieldAllowed:!0,placeholder:null,required:!1},Xn.propTypes={componentId: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,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 Il=(0,e.memo)(Xn);var Ol=bl(Il,vl);function wl(t,o){return r=>{const s=o(r.keys);return e.createElement(t,{...r,...s})}}var Ll=wl,xl=(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}))],Pl=d(59578),Fl=d.n(Pl),Sl=(t="")=>{switch(Fl()(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"}},Al=t=>{let o;return t==="float"||t==="decimal"?o=.01:o=1,o};function $l(t){const{createActionAllowedFields:o,formErrors:r,isCreatingEntry:s,modifiedData:a,onChange:l,readActionAllowedFields:i,shouldNotRunValidations:c,updateActionAllowedFields:p}=(0,h.Wq)(),u=(0,e.useMemo)(()=>s?o:p,[s,o,p]),m=(0,e.useMemo)(()=>s?[]:i,[s,i]),f=k()(a,t,null);return{allowedFields:u,formErrors:r,isCreatingEntry:s,onChange:l,readableFields:m,shouldNotRunValidations:c,value:f}}var Zl=$l,Nr=["type","model","via","collection","default","plugin","enum","regex","pluginOptions"];function Jn({allowedFields:t,componentUid:o,fieldSchema:r,formErrors:s,isCreatingEntry:a,keys:l,labelAction:i,metadatas:c,onChange:p,readableFields:u,shouldNotRunValidations:m,queryInfos:f,value:g,size:E,customFieldInputs:b}){const{fields:v}=(0,h.yX)(),{formatMessage:O}=(0,H.Z)(),{contentType:D}=qe(),M=(0,e.useMemo)(()=>!k()(c,"editable",!0),[c]),{type:L,customField:I}=r,C=k()(s,[l],null),T=(0,e.useMemo)(()=>(0,y.Ts)(l),[l]),x=(0,e.useMemo)(()=>{const oe=Na()(r,m?[...Nr,"required","minLength"]:Nr),ee=r.regex||null;if(ee){const ae=new RegExp(ee);ae&&(oe.regex=ae)}return oe},[r,m]),B=(0,e.useMemo)(()=>k()(x,["required"],!1),[x]),U=(0,e.useMemo)(()=>{const oe=k()(D,["attributes"],{});return k()(oe,[T[0],"type"],null)==="dynamiczone"},[D,T]),A=(0,e.useMemo)(()=>Sl(L),[L]),G=(0,e.useMemo)(()=>L==="media"&&!g?[]:g,[L,g]),$=(0,e.useMemo)(()=>Al(L),[L]),X=(0,e.useMemo)(()=>{const oe=T.join(".");if(t.includes(oe))return!0;if(U)return t.includes(T[0]);if(T.length>1){const ae=zt()(T,T.length-1).join(".");return t.includes(ae)}return!1},[t,T,U]),j=(0,e.useMemo)(()=>{const oe=T.join(".");if(u.includes(oe))return!0;if(U)return u.includes(T[0]);if(T.length>1){const ae=zt()(T,T.length-1).join(".");return u.includes(ae)}return!1},[u,T,U]),J=(0,e.useMemo)(()=>j||X,[X,j]),N=(0,e.useMemo)(()=>a?M:j&&!X?!0:M,[M,a,X,j]),W=(0,e.useMemo)(()=>xl(r.enum||[],B),[r,B]),{label:R,description:Z,placeholder:V,visible:Y}=c,w=(0,e.useMemo)(()=>{if(!c.step||A!=="datetime"&&A!=="time")return $;if(!G)return c.step;let oe;return A==="datetime"?oe=parseInt(G.substr(14,2),10):A==="time"&&(oe=parseInt(G.slice(-2),10)),oe%c.step===0?c.step:$},[A,G,c.step,$]);if(Y===!1)return null;if(!J)return e.createElement(h.X0,{description:Z?{id:Z,defaultMessage:Z}:null,intlLabel:{id:R,defaultMessage:R},labelAction:i,error:C&&O(C),name:l,required:B});if(L==="relation")return e.createElement(Ol,{...c,...r,componentUid:o,description:c.description?O({id:c.description,defaultMessage:c.description}):void 0,intlLabel:{id:c.label,defaultMessage:c.label},labelAction:i,isUserAllowedToEditField:X,isUserAllowedToReadField:j,name:l,placeholder:c.placeholder?{id:c.placeholder,defaultMessage:c.placeholder}:null,queryInfos:f,size:E,value:g,error:C&&O(C)});const S={uid:nl,media:v.media,wysiwyg:Gi,...v,...b};return e.createElement(h.jm,{attribute:r,autoComplete:"new-password",intlLabel:{id:R,defaultMessage:R},isNullable:A==="bool"&&[null,void 0].includes(r.default),description:Z?{id:Z,defaultMessage:Z}:null,disabled:N,error:C,labelAction:i,contentTypeUID:D.uid,customInputs:S,multiple:r.multiple||!1,name:l,onChange:p,options:W,placeholder:V?{id:V,defaultMessage:V}:null,required:r.required||!1,step:w,type:I||A,value:G,withDefaultValue:!1})}Jn.defaultProps={componentUid:void 0,formErrors:{},labelAction:void 0,size:void 0,value:null,queryInfos:{},customFieldInputs:{}},Jn.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 Bl=(0,e.memo)(Jn,ut());var _n=Ll(Bl,Zl);const Vt=new Map;var eo=(t=[])=>{const[o,r]=(0,e.useState)(Object.fromEntries(Vt)),s=t.filter(p=>!Vt.get(p)),[a,l]=(0,e.useState)(()=>!!s.length),i=(0,h.mZ)();(0,e.useEffect)(()=>{const p=m=>{r(m),l(!1)},u=async(m,f)=>{const g=await Promise.all(f);m.forEach((E,b)=>{Vt.set(E,g[b].default)}),p(Object.fromEntries(Vt))};if(s.length>0){l(!0);const m=s.reduce((f,g)=>{const E=i.get(g);return E&&f.push(E.components.Input()),f},[]);m.length>0&&u(s,m)}},[s,i]);const c=(0,e.useCallback)(()=>{Vt.clear(),r({})},[]);return{isLazyLoading:a,lazyComponentStore:o,cleanup:c}};const to=({componentUid:t,isFromDynamicZone:o,isNested:r,name:s})=>{const{getComponentLayout:a}=qe(),i=(0,e.useMemo)(()=>a(t),[t,a]).layouts.edit,{lazyComponentStore:c}=eo();return e.createElement(F.x,{background:o?"":"neutral100",paddingLeft:6,paddingRight:6,paddingTop:6,paddingBottom:6,hasRadius:r,borderColor:r?"neutral200":""},e.createElement(P.k,{direction:"column",alignItems:"stretch",gap:6},i.map((p,u)=>e.createElement(Ge.r,{gap:4,key:u},p.map(({name:m,size:f,metadatas:g,fieldSchema:E,queryInfos:b})=>{const v=E.type==="component",O=`${s}.${m}`;if(v){const D=E.component;return e.createElement(Oe.P,{col:f,s:12,xs:12,key:m},e.createElement(un,{componentUid:D,intlLabel:{id:g.label,defaultMessage:g.label},isNested:!0,isRepeatable:E.repeatable,max:E.max,min:E.min,name:O,required:E.required||!1}))}return e.createElement(Oe.P,{col:f,key:m,s:12,xs:12},e.createElement(_n,{componentUid:t,keys:O,fieldSchema:E,metadatas:g,queryInfos:b,size:f,customFieldInputs:c}))})))))};to.defaultProps={isFromDynamicZone:!1,isNested:!1},to.propTypes={componentUid:n().string.isRequired,isFromDynamicZone:n().bool,isNested:n().bool,name:n().string.isRequired};var Nl=to,Ht=d(19406),ql=d(41119),qr=d.n(ql);const jl=q.ZP.span`
673
- display: block;
674
- background-color: ${({theme:t})=>t.colors.primary100};
675
- outline: 1px dashed ${({theme:t})=>t.colors.primary500};
676
- outline-offset: -1px;
677
- padding: ${({theme:t})=>t.spaces[6]};
678
- `;var Wl=()=>e.createElement(jl,{padding:6,background:"primary100"});const zl=(0,q.ZP)(we.h)`
679
- background-color: transparent;
680
-
681
- svg {
682
- path {
683
- fill: ${({theme:t,expanded:o})=>o?t.colors.primary600:t.colors.neutral600};
684
- }
685
- }
686
-
687
- &:hover {
688
- svg {
689
- path {
690
- fill: ${({theme:t})=>t.colors.primary600};
691
- }
692
- }
693
- }
694
- `,Ul=(0,q.ZP)(P.k)`
695
- & .drag-handle {
696
- background: unset;
697
-
698
- svg {
699
- path {
700
- fill: ${({theme:t,expanded:o})=>o?t.colors.primary600:void 0};
701
- }
702
- }
703
-
704
- &:hover {
705
- svg {
706
- path {
707
- /* keeps the hover style of the accordion */
708
- fill: ${({theme:t})=>t.colors.primary600};
709
- }
710
- }
711
- }
712
- }
713
- `,no=({componentFieldName:t,componentUid:o,fields:r,index:s,isOpen:a,isReadOnly:l,mainField:i,moveComponentField:c,onClickToggle:p,toggleCollapses:u,onGrabItem:m,onDropItem:f,onCancel:g})=>{const{modifiedData:E,removeRepeatableField:b,triggerFormValidation:v}=(0,h.Wq)(),O=qr()(k()(E,[...t.split("."),i],"")),D=(0,e.useRef)(null),{formatMessage:M}=(0,H.Z)(),L=t.split(".").slice(0,-1).join("."),[{handlerId:I,isDragging:C,handleKeyDown:T},x,B,U,A]=Mn(!l,{type:`${y._Q.COMPONENT}_${L}`,index:s,item:{displayedValue:O},onMoveItem:c,onStart(){u()},onEnd(){v()},onGrabItem:m,onDropItem:f,onCancel:g});(0,e.useEffect)(()=>{A((0,Wt.rX)(),{captureDraggingState:!1})},[A,s]);const G=(0,y.FE)(D,U),$=(0,y.FE)(x,B),{lazyComponentStore:X}=eo();return e.createElement(F.x,{ref:$},C?e.createElement(Wl,null):e.createElement(Dn.U,{expanded:a,onToggle:p,id:t,size:"S"},e.createElement(kn.B,{action:l?null:e.createElement(Ul,{gap:0,expanded:a},e.createElement(zl,{expanded:a,noBorder:!0,onClick:()=>{b(t),u()},label:M({id:(0,y.OB)("containers.Edit.delete"),defaultMessage:"Delete"}),icon:e.createElement(rt.Z,null)}),e.createElement(we.h,{className:"drag-handle",ref:G,forwardedAs:"div",role:"button",noBorder:!0,tabIndex:0,onClick:j=>j.stopPropagation(),"data-handler-id":I,label:M({id:(0,y.OB)("components.DragHandle-label"),defaultMessage:"Drag"}),onKeyDown:T},e.createElement(mt.Z,null))),title:O,togglePosition:"left"}),e.createElement(In.v,null,e.createElement(P.k,{direction:"column",alignItems:"stretch",background:"neutral100",padding:6,gap:6},r.map((j,J)=>e.createElement(Ge.r,{gap:4,key:J},j.map(({name:N,fieldSchema:W,metadatas:R,queryInfos:Z,size:V})=>{const Y=W.type==="component",w=`${t}.${N}`;if(Y){const S=W.component;return e.createElement(Oe.P,{col:V,s:12,xs:12,key:N},e.createElement(un,{componentUid:S,intlLabel:{id:R.label,defaultMessage:R.label},isRepeatable:W.repeatable,isNested:!0,name:w,max:W.max,min:W.min,required:W.required}))}return e.createElement(Oe.P,{key:w,col:V,s:12,xs:12},e.createElement(_n,{componentUid:o,fieldSchema:W,keys:w,metadatas:R,queryInfos:Z,size:V,customFieldInputs:X}))})))))))};no.defaultProps={componentUid:void 0,fields:[],isReadOnly:!1,isOpen:!1,onGrabItem:void 0,onDropItem:void 0,onCancel:void 0,toggleCollapses(){}},no.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 Vl=(0,e.memo)(no),jr=d(861);const Hl=(0,q.ZP)(F.x)`
714
- overflow: hidden;
715
- border-bottom: 1px solid ${({theme:t})=>t.colors.neutral200};
716
- border-right: 1px solid ${({theme:t})=>t.colors.neutral200};
717
- border-left: 1px solid ${({theme:t})=>t.colors.neutral200};
718
- border-radius: 0 0 ${({theme:t})=>t.borderRadius} ${({theme:t})=>t.borderRadius};
719
- `,Ql=(0,q.ZP)(F.x)`
720
- border-bottom: none;
721
-
722
- /* add the borders and make sure the top is transparent to avoid jumping with the hover effect */
723
- & > div > div {
724
- border: 1px solid ${({theme:t})=>t.colors.neutral200};
725
- border-top-color: transparent;
726
- }
727
-
728
- /* the top accordion _does_ need a border though */
729
- & > div:first-child > div {
730
- border-top: 1px solid ${({theme:t})=>t.colors.neutral200};
731
- }
732
-
733
- /* Reset all the border-radius' */
734
- & > div > div,
735
- & > div > div > div {
736
- border-radius: unset;
737
- }
738
-
739
- /* Give the border radius back to the first accordion */
740
- & > div:first-child > div,
741
- & > div:first-child > div > div {
742
- border-radius: ${({theme:t})=>t.borderRadius} ${({theme:t})=>t.borderRadius} 0 0;
743
- }
744
-
745
- & > div > div[data-strapi-expanded='true'] {
746
- border: 1px solid ${({theme:t})=>t.colors.primary600};
747
- }
748
- `,oo=({children:t,error:o})=>{const{formatMessage:r}=(0,H.Z)();return e.createElement(jr.k,{attributeName:"data-strapi-accordion-toggle"},t,o&&e.createElement(F.x,{paddingTop:1},e.createElement(Q.Z,{variant:"pi",textColor:"danger600"},r({id:o.id,defaultMessage:o.defaultMessage},{...o.values}))))};oo.defaultProps={error:void 0},oo.propTypes={children:n().node.isRequired,error:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object})};function Gl(t,o={}){return Object.keys(o).filter(r=>r.startsWith(t)).map(r=>r.split(".").slice(0,t.split(".").length+1).join("."))}const Kl=(0,q.ZP)(xr.A)`
749
- height: 100%;
750
- width: 100%;
751
- border-radius: 0 0 4px 4px;
752
- display: flex;
753
- justify-content: center;
754
- span {
755
- font-weight: 600;
756
- font-size: 14px;
757
- }
758
- `,ro=({componentUid:t,componentValue:o,componentValueLength:r,isReadOnly:s,max:a,min:l,name:i})=>{const{addRepeatableComponentToField:c,formErrors:p,moveComponentField:u}=(0,h.Wq)(),m=(0,h.lm)(),{formatMessage:f}=(0,H.Z)(),[g,E]=(0,e.useState)(""),[b,v]=(0,e.useState)(""),{getComponentLayout:O,components:D}=qe(),M=(0,e.useMemo)(()=>O(t),[t,O]),L=(0,e.useMemo)(()=>(0,y.Uo)(o||[])+1,[o]),I=Gl(i,p),C=l-r,T=k()(p,i,{id:""}).id.includes("min"),x=()=>{E("")},B=()=>{s||(r<a?(c(i,M,D,T),E(L)):r>=a&&m({type:"info",message:{id:(0,y.OB)("components.notification.info.maximum-requirement")}}))},U=(R,Z)=>{v(f({id:(0,y.OB)("dnd.reorder"),defaultMessage:"{item}, moved. New position in list: {position}."},{item:`${i}.${Z}`,position:$(R)})),u({name:i,newIndex:R,currentIndex:Z})},A=k()(M,["settings","mainField"],"id"),G=R=>()=>{E(g===R?"":R)},$=R=>`${R+1} of ${r}`,X=R=>{v(f({id:(0,y.OB)("dnd.cancel-item"),defaultMessage:"{item}, dropped. Re-order cancelled."},{item:`${i}.${R}`}))},j=R=>{v(f({id:(0,y.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:`${i}.${R}`,position:$(R)}))},J=R=>{v(f({id:(0,y.OB)("dnd.drop-item"),defaultMessage:"{item}, dropped. Final position in list: {position}."},{item:`${i}.${R}`,position:$(R)}))};let N=p[i];if(T?N={id:(0,y.OB)("components.DynamicZone.missing-components"),defaultMessage:"There {number, plural, =0 {are # missing components} one {is # missing component} other {are # missing components}}",values:{number:C}}:I.some(R=>R.split(".").length>1)&&!T&&(N={id:(0,y.OB)("components.RepeatableComponent.error-message"),defaultMessage:"The component(s) contain error(s)"}),r===0)return e.createElement(pr,{error:N,isReadOnly:s,onClick:B});const W=`${i}-item-instructions`;return e.createElement(F.x,{hasRadius:!0},e.createElement(Pt.T,{id:W},f({id:(0,y.OB)("dnd.instructions"),defaultMessage:"Press spacebar to grab and re-order"})),e.createElement(Pt.T,{"aria-live":"assertive"},b),e.createElement(oo,{error:N,ariaDescribedBy:W},e.createElement(Ql,{"aria-describedby":W},o.map(({__temp_key__:R},Z)=>e.createElement(Vl,{componentFieldName:`${i}.${Z}`,componentUid:t,fields:M.layouts.edit,key:R,index:Z,isOpen:g===R,isReadOnly:s,mainField:A,moveComponentField:U,onClickToggle:G(R),toggleCollapses:x,onCancel:X,onDropItem:J,onGrabItem:j}))),e.createElement(Hl,null,e.createElement(P.k,{justifyContent:"center",height:"48px",background:"neutral0"},e.createElement(Kl,{disabled:s,onClick:B,startIcon:e.createElement(Ht.Z,null)},f({id:(0,y.OB)("containers.EditView.add.new-entry"),defaultMessage:"Add an entry"}))))))};ro.defaultProps={componentValue:null,componentValueLength:0,isReadOnly:!1,max:1/0,min:0},ro.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 Yl=(0,e.memo)(ro);const so=({addNonRepeatableComponentToField:t,componentUid:o,intlLabel:r,isCreatingEntry:s,isFromDynamicZone:a,isRepeatable:l,isNested:i,labelAction:c,max:p,min:u,name:m,hasChildrenAllowedFields:f,hasChildrenReadableFields:g,isReadOnly:E,componentValue:b,removeComponentFromField:v,required:O})=>{const{formatMessage:D}=(0,H.Z)(),M=wa()(b),L=b!==null||a,I=!l&&L&&!a&&f,{getComponentLayout:C,components:T}=qe(),x=(0,e.useMemo)(()=>C(o),[o,C]);if(!f&&s)return e.createElement(h.X0,{labelAction:c,intlLabel:r,name:m});if(!f&&!s&&!g)return e.createElement(h.X0,{labelAction:c,intlLabel:r,name:m});const B=()=>{t(m,x,T)};return e.createElement(F.x,null,e.createElement(P.k,{justifyContent:"space-between"},r&&e.createElement($a,{intlLabel:r,labelAction:c,name:m,numberOfEntries:M,showNumberOfEntries:l,required:O}),I&&e.createElement(we.h,{label:D({id:(0,y.OB)("components.reset-entry"),defaultMessage:"Reset Entry"}),icon:e.createElement(rt.Z,null),noBorder:!0,onClick:()=>{v(m,o)}})),e.createElement(P.k,{direction:"column",alignItems:"stretch",gap:1},!l&&!L&&e.createElement(pr,{isReadOnly:E,onClick:B}),!l&&L&&e.createElement(Nl,{componentUid:o,isFromDynamicZone:a,isNested:i,name:m}),l&&e.createElement(Yl,{componentValue:b,componentValueLength:M,componentUid:o,isReadOnly:E,max:p,min:u,name:m})))};so.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},so.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 Xl=(0,e.memo)(so,ut());var un=xa(Xl,Sa);const Jl=(0,q.ZP)(P.k)`
759
- /*
760
- we need to remove the background from the button but we can't
761
- wrap the element in styled because it breaks the forwardedAs which
762
- we need for drag handler to work on firefox
763
- */
764
- div[role='button'] {
765
- background: transparent;
766
- }
767
- `,_l=(0,q.ZP)(we.h)`
768
- background-color: transparent;
769
-
770
- svg path {
771
- fill: ${({theme:t,expanded:o})=>o?t.colors.primary600:t.colors.neutral600};
772
- }
773
- `,ec=(0,q.ZP)(F.x)`
774
- > div:first-child {
775
- box-shadow: ${({theme:t})=>t.shadows.tableShadow};
776
- }
777
- `,tc=(0,q.ZP)(F.x)`
778
- border-radius: 0 0 ${({theme:t})=>t.spaces[1]} ${({theme:t})=>t.spaces[1]};
779
- `,nc=(0,q.ZP)(F.x)`
780
- width: ${({theme:t})=>t.spaces[2]};
781
- height: ${({theme:t})=>t.spaces[4]};
782
- `,oc=q.ZP.span`
783
- display: block;
784
- background-color: ${({theme:t})=>t.colors.primary100};
785
- outline: 1px dashed ${({theme:t})=>t.colors.primary500};
786
- outline-offset: -1px;
787
- padding: ${({theme:t})=>t.spaces[6]};
788
- `,rc=(0,q.ZP)(F.x)`
789
- list-style: none;
790
- padding: 0;
791
- margin: 0;
792
- `,ao=({componentUid:t,formErrors:o,index:r,isFieldAllowed:s,name:a,onRemoveComponentClick:l,onMoveComponent:i,onGrabItem:c,onDropItem:p,onCancel:u})=>{const[m,f]=(0,e.useState)(!0),{formatMessage:g}=(0,H.Z)(),{getComponentLayout:E}=qe(),{modifiedData:b}=(0,h.Wq)(),{icon:v,friendlyName:O,mainValue:D}=(0,e.useMemo)(()=>{const j=E(t),{info:{icon:J,displayName:N}}=j,W=k()(j,["settings","mainField"],"id"),R=k()(b,[a,r,W])??"",Z=W==="id"?"":String(R).trim(),V=Z.length>0?` - ${Z}`:Z;return{friendlyName:N,icon:J,mainValue:V}},[t,E,b,a,r]),M=Object.keys(o).filter(j=>{const J=j.split(".");return`${J[0]}.${J[1]}`==`${a}.${r}`});let L;M.length>0&&(L=g({id:(0,y.OB)("components.DynamicZone.error-message"),defaultMessage:"The component contains error(s)"}));const I=()=>{f(j=>!j)},[{handlerId:C,isDragging:T,handleKeyDown:x},B,U,A,G]=Mn(s,{type:`${y._Q.DYNAMIC_ZONE}_${a}`,index:r,item:{displayedValue:`${O}${D}`,icon:v},onMoveItem:i,onGrabItem:c,onDropItem:p,onCancel:u});(0,e.useEffect)(()=>{G((0,Wt.rX)(),{captureDraggingState:!1})},[G,r]);const $=(0,y.FE)(B,U),X=s?e.createElement(Jl,{gap:0,expanded:m},e.createElement(_l,{noBorder:!0,label:g({id:(0,y.OB)("components.DynamicZone.delete-label"),defaultMessage:"Delete {name}"},{name:O}),onClick:l},e.createElement(rt.Z,null)),e.createElement(we.h,{forwardedAs:"div",role:"button",noBorder:!0,tabIndex:0,onClick:j=>j.stopPropagation(),"data-handler-id":C,ref:A,label:g({id:(0,y.OB)("components.DragHandle-label"),defaultMessage:"Drag"}),onKeyDown:x},e.createElement(mt.Z,null))):null;return e.createElement(rc,{as:"li"},e.createElement(P.k,{justifyContent:"center"},e.createElement(nc,{background:"neutral200"})),e.createElement(ec,{ref:$,hasRadius:!0},T?e.createElement(oc,{padding:6,background:"primary100"}):e.createElement(Dn.U,{expanded:m,onToggle:I,size:"S",error:L},e.createElement(kn.B,{action:X,title:`${O}${D}`,togglePosition:"left"}),e.createElement(In.v,null,e.createElement(tc,{background:"neutral0"},e.createElement(un,{componentUid:t,icon:v,name:`${a}.${r}`,isFromDynamicZone:!0}))))))};ao.defaultProps={formErrors:{},index:0,isFieldAllowed:!0,onGrabItem:void 0,onDropItem:void 0,onCancel:void 0},ao.propTypes={componentUid:n().string.isRequired,formErrors:n().object,index:n().number,isFieldAllowed:n().bool,name:n().string.isRequired,onGrabItem:n().func,onDropItem:n().func,onCancel:n().func,onMoveComponent:n().func.isRequired,onRemoveComponentClick:n().func.isRequired};var sc=ao;const io=(0,q.ZP)(mr.Z)`
793
- transform: ${({$isOpen:t})=>t?"rotate(45deg)":"rotate(0deg)"};
794
- > circle {
795
- fill: ${({theme:t,$hasError:o})=>o?t.colors.danger200:t.colors.neutral150};
796
- }
797
- > path {
798
- fill: ${({theme:t,$hasError:o})=>o?t.colors.danger600:t.colors.neutral600};
799
- }
800
- `,ac=(0,q.ZP)(Fn.Y)`
801
- border-radius: 26px;
802
- border-color: ${({theme:t})=>t.colors.neutral150};
803
- background: ${({theme:t})=>t.colors.neutral0};
804
- padding-top: ${({theme:t})=>t.spaces[3]};
805
- padding-right: ${({theme:t})=>t.spaces[4]};
806
- padding-bottom: ${({theme:t})=>t.spaces[3]};
807
- padding-left: ${({theme:t})=>t.spaces[4]};
808
-
809
- box-shadow: ${({theme:t})=>t.shadows.filterShadow};
810
-
811
- svg {
812
- height: ${({theme:t})=>t.spaces[6]};
813
- width: ${({theme:t})=>t.spaces[6]};
814
- > path {
815
- fill: ${({theme:t})=>t.colors.neutral600};
816
- }
817
- }
818
- &:hover {
819
- color: ${({theme:t})=>t.colors.primary600} !important;
820
- ${Q.Z} {
821
- color: ${({theme:t})=>t.colors.primary600} !important;
822
- }
823
-
824
- ${io} {
825
- > circle {
826
- fill: ${({theme:t})=>t.colors.primary600};
827
- }
828
- > path {
829
- fill: ${({theme:t})=>t.colors.neutral100};
830
- }
831
- }
832
- }
833
- &:active {
834
- ${Q.Z} {
835
- color: ${({theme:t})=>t.colors.primary600};
836
- }
837
- ${io} {
838
- > circle {
839
- fill: ${({theme:t})=>t.colors.primary600};
840
- }
841
- > path {
842
- fill: ${({theme:t})=>t.colors.neutral100};
843
- }
844
- }
845
- }
846
- `,ic=(0,q.ZP)(F.x)`
847
- height: 100%;
848
- `,lo=({hasError:t,hasMaxError:o,hasMinError:r,isDisabled:s,isOpen:a,label:l,missingComponentNumber:i,name:c,onClick:p})=>{const{formatMessage:u}=(0,H.Z)(),m=u({id:(0,y.OB)("components.DynamicZone.add-component"),defaultMessage:"Add a component to {componentName}"},{componentName:l||c}),f=u({id:"app.utils.close-label",defaultMessage:"Close"});let g=a?f:m;return o&&!a&&(g=u({id:"components.Input.error.validation.max",defaultMessage:"The value is too high."})),r&&!a&&(g=u({id:(0,y.OB)("components.DynamicZone.missing-components"),defaultMessage:"There {number, plural, =0 {are # missing components} one {is # missing component} other {are # missing components}}"},{number:i})),e.createElement(P.k,{justifyContent:"center"},e.createElement(F.x,{style:{cursor:s?"not-allowed":"pointer"}},e.createElement(ac,{type:"button",onClick:p,disabled:s,hasError:t},e.createElement(P.k,null,e.createElement(ic,{"aria-hidden":!0,paddingRight:2},e.createElement(io,{$isOpen:a,$hasError:t&&!a})),e.createElement(Q.Z,{variant:"pi",fontWeight:"bold",textColor:t&&!a?"danger600":"neutral500"},g)))))};lo.defaultProps={hasError:!1,hasMaxError:!1,hasMinError:!1,isDisabled:!1,isOpen:!1,label:"",missingComponentNumber:0},lo.propTypes={label:n().string,hasError:n().bool,hasMaxError:n().bool,hasMinError:n().bool,isDisabled:n().bool,isOpen:n().bool,missingComponentNumber:n().number,name:n().string.isRequired,onClick:n().func.isRequired};var lc=lo;const cc=(0,q.ZP)(F.x)`
849
- border-radius: ${(0,h.Q1)(26)};
850
- `,co=({label:t,labelAction:o,name:r,numberOfComponents:s,required:a,intlDescription:l})=>{const{formatMessage:i}=(0,H.Z)(),c=i({id:t||r,defaultMessage:t||r});return e.createElement(P.k,{justifyContent:"center"},e.createElement(F.x,null,e.createElement(cc,{paddingTop:3,paddingBottom:3,paddingRight:4,paddingLeft:4,background:"neutral0",shadow:"filterShadow",color:"neutral500"},e.createElement(P.k,{direction:"column",justifyContent:"center"},e.createElement(P.k,{maxWidth:(0,h.Q1)(356)},e.createElement(Q.Z,{variant:"pi",textColor:"neutral600",fontWeight:"bold",ellipsis:!0},c,"\xA0"),e.createElement(Q.Z,{variant:"pi",textColor:"neutral600",fontWeight:"bold"},"(",s,")"),a&&e.createElement(Q.Z,{textColor:"danger600"},"*"),o&&e.createElement(F.x,{paddingLeft:1},o)),l&&e.createElement(F.x,{paddingTop:1,maxWidth:(0,h.Q1)(356)},e.createElement(Q.Z,{variant:"pi",textColor:"neutral600",ellipsis:!0},i(l)))))))};co.defaultProps={intlDescription:void 0,label:"",labelAction:void 0,numberOfComponents:0,required:!1},co.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};var dc=co,uc=d(81346),Wr=d.n(uc);const mn=5,pn=8,mc=(0,q.ZP)(P.k)`
851
- border-radius: ${({showBackground:t})=>t?"50%":0};
852
- color: ${({theme:t})=>t.colors.neutral600};
853
- height: ${({theme:t,size:o})=>t.spaces[o==="S"?mn:pn]};
854
- width: ${({theme:t,size:o})=>t.spaces[o==="S"?mn:pn]};
855
-
856
- svg {
857
- height: ${({theme:t,size:o})=>t.spaces[o==="S"?mn-2:pn-3]};
858
- width: ${({theme:t,size:o})=>t.spaces[o==="S"?mn-2:pn-3]};
859
- }
860
- `;function gn({showBackground:t=!0,size:o="M"}){return e.createElement(mc,{alignItems:"center",background:t?"neutral200":null,justifyContent:"center",size:o,showBackground:t},e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512"},e.createElement("path",{d:"M216.3 2c4.8-2.6 10.5-2.6 15.3 0L422.3 106c5.1 2.8 8.3 8.2 8.3 14s-3.2 11.2-8.3 14L231.7 238c-4.8 2.6-10.5 2.6-15.3 0L25.7 134c-5.1-2.8-8.3-8.2-8.3-14s3.2-11.2 8.3-14L216.3 2zM23.7 170l176 96c5.1 2.8 8.3 8.2 8.3 14V496c0 5.6-3 10.9-7.8 13.8s-10.9 3-15.8 .3L8.3 414C3.2 411.2 0 405.9 0 400V184c0-5.6 3-10.9 7.8-13.8s10.9-3 15.8-.3zm400.7 0c5-2.7 11-2.6 15.8 .3s7.8 8.1 7.8 13.8V400c0 5.9-3.2 11.2-8.3 14l-176 96c-5 2.7-11 2.6-15.8-.3s-7.8-8.1-7.8-13.8V280c0-5.9 3.2-11.2 8.3-14l176-96z",fill:"currentColor"})))}gn.defaultProps={showBackground:!0,size:"M"},gn.propTypes={showBackground:n().bool,size:n().string};const pc=(0,q.ZP)(F.x)`
861
- flex-shrink: 0;
862
- height: ${(0,h.Q1)(84)};
863
- border: 1px solid ${({theme:t})=>t.colors.neutral200};
864
- background: ${({theme:t})=>t.colors.neutral100};
865
- border-radius: ${({theme:t})=>t.borderRadius};
866
- display: flex;
867
- justify-content: center;
868
- align-items: center;
869
-
870
- &:focus,
871
- &:hover {
872
- border: 1px solid ${({theme:t})=>t.colors.primary200};
873
- background: ${({theme:t})=>t.colors.primary100};
874
-
875
- ${Q.Z} {
876
- color: ${({theme:t})=>t.colors.primary600};
877
- }
878
-
879
- /* > Flex > ComponentIcon */
880
- > div > div:first-child {
881
- background: ${({theme:t})=>t.colors.primary200};
882
- color: ${({theme:t})=>t.colors.primary600};
883
- }
884
- }
885
- `;function uo({children:t,onClick:o}){return e.createElement(pc,{as:"button",type:"button",onClick:o,hasRadius:!0},e.createElement(P.k,{direction:"column",gap:1,alignItems:"center",justifyContent:"center"},e.createElement(gn,null),e.createElement(Q.Z,{variant:"pi",fontWeight:"bold",textColor:"neutral600"},t)))}uo.defaultProps={onClick(){}},uo.propTypes={children:n().node.isRequired,onClick:n().func};const gc=q.ZP.div`
886
- display: grid;
887
- grid-template-columns: repeat(auto-fit, ${140/16}rem);
888
- grid-gap: ${({theme:t})=>t.spaces[1]};
889
- `,mo=({category:t,components:o,variant:r,isOpen:s,onAddComponent:a,onToggle:l})=>{const{formatMessage:i}=(0,H.Z)(),c=()=>{l(t)};return e.createElement(Dn.U,{expanded:s,onToggle:c,size:"S"},e.createElement(kn.B,{variant:r,title:i({id:t,defaultMessage:t}),togglePosition:"left"}),e.createElement(In.v,null,e.createElement(F.x,{paddingTop:4,paddingBottom:4,paddingLeft:3,paddingRight:3},e.createElement(gc,null,o.map(({componentUid:p,info:{displayName:u}})=>e.createElement(uo,{key:p,onClick:a(p)},i({id:u,defaultMessage:u})))))))};mo.defaultProps={components:[],isOpen:!1,variant:"primary"},mo.propTypes={category:n().string.isRequired,components:n().array,isOpen:n().bool,onAddComponent:n().func.isRequired,onToggle:n().func.isRequired,variant:n().oneOf(["primary","secondary"])};var fc=mo;const po=({components:t,isOpen:o,onClickAddComponent:r})=>{const{formatMessage:s}=(0,H.Z)(),{getComponentLayout:a}=qe(),[l,i]=(0,e.useState)(""),c=(0,e.useMemo)(()=>{const m=t.map(g=>{const{category:E,info:b}=a(g);return{componentUid:g,category:E,info:b}}),f=Wr()(m,"category");return Object.keys(f).reduce((g,E)=>(g.push({category:E,components:f[E]}),g),[])},[t,a]);(0,e.useEffect)(()=>{o&&c.length>0&&i(c[0].category)},[o,c]);const p=m=>()=>{r(m),i("")},u=m=>{i(f=>f===m?"":m)};return o?e.createElement(F.x,{paddingBottom:6},e.createElement(F.x,{paddingTop:6,paddingBottom:6,paddingLeft:5,paddingRight:5,background:"neutral0",shadow:"tableShadow",borderColor:"neutral150",hasRadius:!0},e.createElement(P.k,{justifyContent:"center"},e.createElement(Q.Z,{fontWeight:"bold",textColor:"neutral600"},s({id:(0,y.OB)("components.DynamicZone.ComponentPicker-label"),defaultMessage:"Pick one component"}))),e.createElement(F.x,{paddingTop:2},e.createElement(jr.k,{attributeName:"data-strapi-accordion-toggle"},c.map(({category:m,components:f},g)=>e.createElement(fc,{key:m,category:m,components:f,onAddComponent:p,isOpen:m===l,onToggle:u,variant:g%2===1?"primary":"secondary"})))))):null};po.defaultProps={components:[],isOpen:!1},po.propTypes={components:n().array,isOpen:n().bool,onClickAddComponent:n().func.isRequired};var hc=po;const go=({name:t,addComponentToDynamicZone:o,formErrors:r,isCreatingEntry:s,isFieldAllowed:a,isFieldReadable:l,labelAction:i,moveComponentField:c,removeComponentFromDynamicZone:p,dynamicDisplayedComponents:u,fieldSchema:m,metadatas:f})=>{const[g,E]=(0,e.useState)(!1),[b,v]=(0,e.useState)(""),{formatMessage:O}=(0,H.Z)(),D=(0,h.lm)(),{getComponentLayout:M,components:L}=qe(),I=u.length,C=f.description?{id:f.description,defaultMessage:f.description}:null,{max:T=1/0,min:x=-1/0}=m,B=(0,e.useMemo)(()=>Object.keys(r).filter(w=>w===t).map(w=>r[w]),[r,t]),U=x-I,A=B.length>0,G=B.length>0&&k()(B,[0,"id"],"").includes("min"),$=A&&k()(B,[0,"id"],"")==="components.Input.error.validation.max",X=w=>{E(!1);const S=M(w);o(t,S,L,A)},j=()=>{I<T?E(w=>!w):D({type:"info",message:{id:(0,y.OB)("components.notification.info.maximum-requirement")}})},J=(w,S)=>{v(O({id:(0,y.OB)("dnd.reorder"),defaultMessage:"{item}, moved. New position in list: {position}."},{item:`${t}.${S}`,position:N(w)})),c({name:t,newIndex:w,currentIndex:S})},N=w=>`${w+1} of ${u.length}`,W=w=>{v(O({id:(0,y.OB)("dnd.cancel-item"),defaultMessage:"{item}, dropped. Re-order cancelled."},{item:`${t}.${w}`}))},R=w=>{v(O({id:(0,y.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}.${w}`,position:N(w)}))},Z=w=>{v(O({id:(0,y.OB)("dnd.drop-item"),defaultMessage:"{item}, dropped. Final position in list: {position}."},{item:`${t}.${w}`,position:N(w)}))},V=(w,S)=>()=>{p(w,S)};if(!a&&(s||!l&&!s))return e.createElement(h.X0,{description:C,intlLabel:{id:f.label,defaultMessage:f.label},labelAction:i,name:t});const Y=`${t}-item-instructions`;return e.createElement(P.k,{direction:"column",alignItems:"stretch",gap:6},I>0&&e.createElement(F.x,null,e.createElement(dc,{intlDescription:C,label:f.label,labelAction:i,name:t,numberOfComponents:I,required:m.required||!1}),e.createElement(Pt.T,{id:Y},O({id:(0,y.OB)("dnd.instructions"),defaultMessage:"Press spacebar to grab and re-order"})),e.createElement(Pt.T,{"aria-live":"assertive"},b),e.createElement("ol",{"aria-describedby":Y},u.map(({componentUid:w,id:S},oe)=>e.createElement(sc,{componentUid:w,formErrors:r,key:`${w}-${S}`,index:oe,isFieldAllowed:a,name:t,onMoveComponent:J,onRemoveComponentClick:V(t,oe),onCancel:W,onDropItem:Z,onGrabItem:R})))),e.createElement(lc,{hasError:A,hasMaxError:$,hasMinError:G,isDisabled:!a,label:f.label,missingComponentNumber:U,isOpen:g,name:t,onClick:j}),e.createElement(hc,{isOpen:g,components:m.components??[],onClickAddComponent:X}))};go.defaultProps={dynamicDisplayedComponents:[],fieldSchema:{max:1/0,min:-1/0},labelAction:null},go.propTypes={addComponentToDynamicZone:n().func.isRequired,dynamicDisplayedComponents:n().arrayOf(n().shape({componentUid:n().string.isRequired,id:n().number.isRequired})),fieldSchema:n().shape({components:n().array.isRequired,max:n().number,min:n().number,required:n().bool}),formErrors:n().object.isRequired,isCreatingEntry:n().bool.isRequired,isFieldAllowed:n().bool.isRequired,isFieldReadable:n().bool.isRequired,labelAction:n().element,metadatas:n().shape({description:n().string,label:n().string}).isRequired,moveComponentField:n().func.isRequired,name:n().string.isRequired,removeComponentFromDynamicZone:n().func.isRequired};const yc=(0,e.memo)(go,ut());var bc=Da(yc,Ia),pt=d(41578);const fn=()=>({type:pt.ZA}),fo=t=>({type:pt.Id,data:t}),ho=(t,o=!1)=>({type:pt.TP,rawQuery:t,isSingleType:o}),zr=()=>({type:pt.c2}),Ur=(t,o)=>({type:pt.w7,componentsDataStructure:t,contentTypeDataStructure:o}),pe=t=>({type:pt.d0,status:t}),gt=t=>({type:pt.t9,data:t}),Ec=()=>({type:pt.tE});var yo=t=>t["content-manager_editViewCrudReducer"];const bo=({allLayoutData:t,children:o,slug:r,id:s,origin:a})=>{const l=(0,Et.useQueryClient)(),i=(0,h.lm)(),{setCurrentStep:c}=(0,h.c1)(),{trackUsage:p}=(0,h.rS)(),{push:u,replace:m}=(0,_.k6)(),[{rawQuery:f}]=(0,h.Kx)(),g=(0,le.I0)(),{componentsDataStructure:E,contentTypeDataStructure:b,data:v,isLoading:O,status:D}=(0,le.v9)(yo),M=rr(r),{formatAPIError:L}=(0,h.So)(y.OB),I=(0,e.useRef)(!0),C=(0,e.useRef)(p),T=(0,e.useRef)(t),x=(0,h.kY)(),{put:B,post:U,del:A}=x,G=s===null,$=(0,e.useMemo)(()=>G&&!a?null:(0,y.IF)(`collection-types/${r}/${a||s}`),[r,s,G,a]),X=(0,e.useCallback)(w=>a?(0,h.w6)(w,T.current.contentType,T.current.components):w,[a]),j=(0,e.useCallback)(w=>{const S=(0,y.kc)(w,T.current.contentType,T.current.components);return(0,h.dU)(S,T.current.contentType,T.current.components)},[]);(0,e.useEffect)(()=>{const w=Object.keys(t.components).reduce((ee,ae)=>{const z=(0,y.Di)(k()(t,["components",ae,"attributes"],{}),t.components);return ee[ae]=(0,h.dU)(z,t.components[ae],t.components),ee},{}),S=(0,y.Di)(t.contentType.attributes,t.components),oe=(0,h.dU)(S,t.contentType,t.components);g(Ur(w,oe))},[t,g]),(0,e.useEffect)(()=>()=>{g(zr())},[g]),(0,e.useEffect)(()=>{const S=xe.Z.CancelToken.source(),oe=async ae=>{g(fn());try{const{data:z}=await x.get($,{cancelToken:ae.token});g(fo(j(X(z))))}catch(z){if(xe.Z.isCancel(z))return;const ie=k()(z,"response.status",null);if(ie===404){u(M);return}ie===403&&(i({type:"info",message:{id:(0,y.OB)("permissions.not-allowed.update")}}),u(M))}},ee=async()=>{await g(fn()),await g(ho(f))};return I.current?($?oe(S):ee(),()=>{S.cancel("Operation canceled by the user.")}):()=>{}},[x,X,j,u,$,g,f,M,i]);const J=(0,e.useCallback)(w=>{i({type:"warning",message:L(w)})},[i,L]),N=(0,e.useCallback)(async w=>{try{C.current("willDeleteEntry",w);const{data:S}=await A((0,y.IF)(`collection-types/${r}/${s}`));return i({type:"success",message:{id:(0,y.OB)("success.record.delete")}}),C.current("didDeleteEntry",w),m(M),Promise.resolve(S)}catch(S){return C.current("didNotDeleteEntry",{error:S,...w}),Promise.reject(S)}},[s,r,i,A,M,m]),W=(0,e.useCallback)(async(w,S)=>{const oe=`${(0,y.IF)(`collection-types/${r}`)}${f}`;try{g(pe("submit-pending"));const{data:ee}=await U(oe,w);return C.current("didCreateEntry",S),i({type:"success",message:{id:(0,y.OB)("success.record.save")}}),c("contentManager.success"),l.invalidateQueries(["relation"]),g(gt(j(ee))),g(pe("resolved")),m(`/content-manager/collectionType/${r}/${ee.id}${f}`),Promise.resolve(ee)}catch(ee){return J(ee),C.current("didNotCreateEntry",{error:ee,trackerProperty:S}),g(pe("resolved")),Promise.reject(ee)}},[j,J,m,r,g,f,i,c,l,U]),R=(0,e.useCallback)(async()=>{try{C.current("willCheckDraftRelations");const w=(0,y.IF)(`collection-types/${r}/${s}/actions/numberOfDraftRelations`);g(pe("draft-relation-check-pending"));const S=await x.get(w);return C.current("didCheckDraftRelations"),g(pe("resolved")),S.data.data}catch(w){return J(w),g(pe("resolved")),Promise.reject(w)}},[J,s,r,g,x]),Z=(0,e.useCallback)(async()=>{try{C.current("willPublishEntry");const w=(0,y.IF)(`collection-types/${r}/${s}/actions/publish`);g(pe("publish-pending"));const{data:S}=await U(w);return C.current("didPublishEntry"),g(gt(j(S))),g(pe("resolved")),i({type:"success",message:{id:(0,y.OB)("success.record.publish")}}),Promise.resolve(S)}catch(w){return J(w),g(pe("resolved")),Promise.reject(w)}},[j,J,s,r,g,i,U]),V=(0,e.useCallback)(async(w,S)=>{const oe=(0,y.IF)(`collection-types/${r}/${s}`);try{C.current("willEditEntry",S),g(pe("submit-pending"));const{data:ee}=await B(oe,w);return C.current("didEditEntry",{trackerProperty:S}),i({type:"success",message:{id:(0,y.OB)("success.record.save")}}),l.invalidateQueries(["relation"]),g(gt(j(ee))),g(pe("resolved")),Promise.resolve(ee)}catch(ee){return C.current("didNotEditEntry",{error:ee,trackerProperty:S}),J(ee),g(pe("resolved")),Promise.reject(ee)}},[j,J,r,s,g,i,l,B]),Y=(0,e.useCallback)(async()=>{const w=(0,y.IF)(`collection-types/${r}/${s}/actions/unpublish`);g(pe("unpublish-pending"));try{C.current("willUnpublishEntry");const{data:S}=await U(w);return C.current("didUnpublishEntry"),i({type:"success",message:{id:(0,y.OB)("success.record.unpublish")}}),g(gt(j(S))),g(pe("resolved")),Promise.resolve(S)}catch(S){return g(pe("resolved")),J(S),Promise.reject(S)}},[j,J,s,r,g,i,U]);return o({componentsDataStructure:E,contentTypeDataStructure:b,data:v,isCreatingEntry:G,isLoadingForData:O,onDelete:N,onPost:W,onPublish:Z,onDraftRelationCheck:R,onPut:V,onUnpublish:Y,status:D,redirectionLink:M})};bo.defaultProps={id:null,origin:null},bo.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 vc=(0,e.memo)(bo,ut()),Cc=d(86834),Se=d.n(Cc),Rc=d(89793),Qt=d.n(Rc),Tc=d(56236),Mc=d.n(Tc),Dc=d(10268),Vr=d.n(Dc),Eo=d(99526),Hr=(t,o,r,s)=>{const a=t.slice();return a.splice(o,1),a.splice(r,0,s),a},kc=d(77236),Ic=d.n(kc);const Oc=({browserState:t,serverState:o},r,s)=>{const a=o,l=t,i=(u,m)=>k()(u,["attributes",m,"type"],""),c=(u,m)=>k()(u,["attributes",...m],""),p=(u,m,f,g)=>Object.keys(u).reduce((E,b)=>{const v=g?`${g}.${b}`:b,O=i(f,b),D=k()(u,b),M=k()(m,b),L=c(f,[b,"component"]),I=c(f,[b,"repeatable"]);let C;switch(O){case"json":C=JSON.parse(D);break;case"time":{C=D,D&&D.split(":").length<3&&(C=`${D}:00`);break}case"media":c(f,[b,"multiple"])===!0?C=D?D.filter(T=>!(T instanceof File)):null:C=k()(D,0)instanceof File?null:k()(D,"id",null);break;case"component":I?C=D&&D.map((T,x)=>p(T,(M??[])[x],s[L],`${v}.${x}`)):C=D&&p(D,M,s[L],v);break;case"relation":{const T=Br(a,l)(v).join(".");let x=k()(a,T,[]);const B=D.reduce((A,G,$,X)=>{const j=x.find(N=>N.id===G.id),J=X[$+1];if(!j||j.__temp_key__!==G.__temp_key__){const N=J?{before:J.id}:{end:!0};return[...A,{id:G.id,position:N}]}return A},[]);C={disconnect:x.reduce((A,G)=>D.find($=>$.id===G.id)?A:[...A,{id:G.id}],[]),connect:B.reverse()};break}case"dynamiczone":C=D.map((T,x)=>p(T,(M??[])[x],s[T.__component],`${v}.${x}`));break;default:C=wc(D,"id")}return E[b]=C,E},{});return p(t,o,r,"")},wc=(t,o)=>Ic()(t)?t.map(r=>r[o]?r[o]:r):nr()(t)?t[o]:t;var Lc=Oc,xc=d(51355),Pc=d.n(xc),Fc=d(95919),Sc=d.n(Fc),Ac=d(78746),At=d.n(Ac),ve=d(24346);function Gt(t){return["integer","biginteger","decimal","float","number"].includes(t)}ve.kM(ve.nK,"defined",function(){return this.test("defined",h.I0.required,t=>t!==void 0)}),ve.kM(ve.IX,"notEmptyMin",function(t){return this.test("notEmptyMin",h.I0.min,o=>Se()(o)?!0:o.length>=t)}),ve.kM(ve.Z_,"isInferior",function(t,o){return this.test("isInferior",t,function(r){return!r||Number.isNaN(At()(r))?!0:At()(o)>=At()(r)})}),ve.kM(ve.Z_,"isSuperior",function(t,o){return this.test("isSuperior",t,function(r){return!r||Number.isNaN(At()(r))?!0:At()(r)>=At()(o)})});const $c=t=>k()(t,["attributes"],{}),vo=(t,{components:o},r={isCreatingEntry:!0,isDraft:!0,isFromComponent:!1})=>{const s=$c(t);return ve.Ry().shape(Object.keys(s).reduce((a,l)=>{const i=s[l];if(i.type!=="relation"&&i.type!=="component"&&i.type!=="dynamiczone"){const c=Zc(i.type,i,r);a[l]=c}if(i.type==="relation"&&(a[l]=["oneWay","oneToOne","manyToOne","oneToManyMorph","oneToOneMorph"].includes(i.relationType)?ve.Ry().nullable():ve.IX().nullable()),i.type==="component"){const c=vo(o[i.component],{components:o},{...r,isFromComponent:!0});if(i.repeatable===!0){const{min:u,max:m,required:f}=i;let g=ve.Vo(E=>{let b=ve.IX().of(c);return u?f?b=b.min(u,h.I0.min):f!==!0&&Se()(E)?b=b.nullable():b=b.min(u,h.I0.min):f&&!r.isDraft&&(b=b.min(1,h.I0.required)),m&&(b=b.max(m,h.I0.max)),b});return a[l]=g,a}const p=ve.Vo(u=>u!==void 0?i.required===!0&&!r.isDraft?c.defined():c.nullable():i.required===!0?ve.Ry().defined():ve.Ry().nullable());return a[l]=p,a}if(i.type==="dynamiczone"){let c=ve.IX().of(ve.Vo(({__component:m})=>vo(o[m],{components:o},{...r,isFromComponent:!0})));const{max:p,min:u}=i;u?i.required?c=c.test("min",h.I0.min,m=>r.isCreatingEntry?m&&m.length>=u:m===void 0?!0:m!==null&&m.length>=u).test("required",h.I0.required,m=>r.isCreatingEntry?m!==null||m!==void 0:m===void 0?!0:m!==null):c=c.notEmptyMin(u):i.required&&!r.isDraft&&(c=c.test("required",h.I0.required,m=>r.isCreatingEntry?m!==null||m!==void 0:m===void 0?!0:m!==null)),p&&(c=c.max(p,h.I0.max)),a[l]=c}return a},{}))},Zc=(t,o,r)=>{let s=ve.nK();return["string","uid","text","richtext","email","password","enumeration"].includes(t)&&(s=ve.Z_()),t==="json"&&(s=ve.nK(h.I0.json).test("isJSON",h.I0.json,a=>{if(!a||!a.length)return!0;try{return JSON.parse(a),!0}catch{return!1}}).nullable().test("required",h.I0.required,a=>!(o.required&&(!a||!a.length)))),t==="email"&&(s=s.email(h.I0.email)),["number","integer","float","decimal"].includes(t)&&(s=ve.Rx().transform(a=>Sc()(a)?void 0:a).typeError()),t==="biginteger"&&(s=ve.Z_().matches(/^-?\d*$/)),["date","datetime"].includes(t)&&(s=ve.hT()),Object.keys(o).forEach(a=>{const l=o[a];if(l||!Pc()(l)&&Number.isInteger(Math.floor(l))||l===0)switch(a){case"required":{r.isDraft||(t==="password"&&r.isCreatingEntry&&(s=s.required(h.I0.required)),t!=="password"&&(r.isCreatingEntry?s=s.required(h.I0.required):s=s.test("required",h.I0.required,i=>i===void 0&&!r.isFromComponent?!0:Gt(t)?i===0?!0:!!i:t==="boolean"?i!=null:t==="date"||t==="datetime"?typeof i=="string"?!Se()(i):!Se()(i?.toString()):!Se()(i))));break}case"max":{t==="biginteger"?s=s.isInferior(h.I0.max,l):s=s.max(l,h.I0.max);break}case"maxLength":s=s.max(l,h.I0.maxLength);break;case"min":{t==="biginteger"?s=s.isSuperior(h.I0.min,l):s=s.min(l,h.I0.min);break}case"minLength":{r.isDraft||(s=s.min(l,h.I0.minLength));break}case"regex":s=s.matches(new RegExp(l),{message:h.I0.regex,excludeEmptyString:!o.required});break;case"lowercase":["text","textarea","email","string"].includes(t)&&(s=s.strict().lowercase());break;case"uppercase":["text","textarea","email","string"].includes(t)&&(s=s.strict().uppercase());break;case"positive":Gt(t)&&(s=s.positive());break;case"negative":Gt(t)&&(s=s.negative());break;default:s=s.nullable()}}),s};var Qr=vo;const hn=(t,o=()=>!1,r=void 0)=>{const s=(a,l,{ignoreFalseyValues:i=!1,path:c=[],parent:p=l}={})=>Object.entries(l).reduce((u,[m,f])=>{if(i&&(u==null||u[m]===void 0||u[m]===null))return u;if(o(f,{path:[...c,m],parent:p})&&(u[m]=typeof r=="function"?r(u[m],{path:[...c,m],parent:u}):r),f.type==="component"){const g=t[f.component].attributes;!f.repeatable&&u[m]&&typeof u[m]=="object"?u[m]=s(u[m],g,{ignoreFalseyValues:i,path:[...c,m],parent:l[m]}):f.repeatable&&Array.isArray(u[m])&&(u[m]=u[m].map((E,b)=>s(E,g,{ignoreFalseyValues:i,path:[...c,m,b],parent:l[m]})))}else f.type==="dynamiczone"&&Array.isArray(u[m])&&(u[m]=u[m].map((g,E)=>{const b=t[g.__component].attributes;return s(g,b,{ignoreFalseyValues:i,path:[...c,m,E],parent:l[m]})}));return u},{...a});return s},Bc={componentsDataStructure:{},contentTypeDataStructure:{},formErrors:{},initialData:{},modifiedData:null,shouldCheckErrors:!1,modifiedDZName:null,publishConfirmation:{show:!1,draftCount:0}};var Nc=(t,o)=>(0,Te.ZP)(t,r=>{switch(o.type){case"ADD_NON_REPEATABLE_COMPONENT_TO_FIELD":{const{componentLayoutData:s,allComponents:a}=o,l={...t.componentsDataStructure[s.uid]},c=hn(a,p=>p.type==="relation",[])(l,s.attributes);K()(r,["modifiedData",...o.keys],c);break}case"ADD_COMPONENT_TO_DYNAMIC_ZONE":case"ADD_REPEATABLE_COMPONENT_TO_FIELD":{const{keys:s,allComponents:a,componentLayoutData:l,shouldCheckErrors:i}=o;i&&(r.shouldCheckErrors=!t.shouldCheckErrors),o.type==="ADD_COMPONENT_TO_DYNAMIC_ZONE"&&(r.modifiedDZName=s[0]);const c=k()(t,["modifiedData",...s],[]),p=o.type==="ADD_COMPONENT_TO_DYNAMIC_ZONE"?{...t.componentsDataStructure[l.uid],__component:l.uid,__temp_key__:(0,y.Uo)(c)+1}:{...t.componentsDataStructure[l.uid],__temp_key__:(0,y.Uo)(c)+1},m=hn(a,g=>g.type==="relation",[])(p,l.attributes),f=Array.isArray(c)?[...c,m]:[m];K()(r,["modifiedData",...s],f);break}case"LOAD_RELATION":{const{initialDataPath:s,modifiedDataPath:a,value:l}=o,i=k()(t,s),c=k()(t,a),p=i?l.filter(f=>!i.some(g=>g.id===f.id)):l,u=(0,Eo.zJ)(null,c[0]?.__temp_key__,p.length),m=p.map((f,g)=>({...f,__temp_key__:u[g]}));K()(r,s,Vr()([...m,...i],"id")),K()(r,a,Vr()([...m,...c],"id"));break}case"CONNECT_RELATION":{const s=["modifiedData",...o.keys],{value:a,toOneRelation:l}=o;if(l)K()(r,s,[a]);else{const i=k()(t,s),[c]=(0,Eo.zJ)(i.at(-1)?.__temp_key__,null,1),p=[...i,{...a,__temp_key__:c}];K()(r,s,p)}break}case"DISCONNECT_RELATION":{const s=["modifiedData",...o.keys],{id:a}=o,i=k()(t,[...s]).filter(c=>c.id!==a);K()(r,s,i);break}case"MOVE_COMPONENT_FIELD":case"REORDER_RELATION":{const{oldIndex:s,newIndex:a,keys:l}=o,i=["modifiedData",...l],c=k()(t,[...i]),p=c[s],u=[...c];if(o.type==="REORDER_RELATION"){const m=s>a?c[a-1]?.__temp_key__:c[a]?.__temp_key__,f=s>a?c[a]?.__temp_key__:c[a+1]?.__temp_key__,[g]=(0,Eo.zJ)(m,f,1);u.splice(s,1),u.splice(a,0,{...p,__temp_key__:g})}else u.splice(s,1),u.splice(a,0,p);K()(r,i,u);break}case"INIT_FORM":{const{initialValues:s,components:a={},attributes:l={},setModifiedDataOnly:i}=o,c=$e()(s),u=hn(a,g=>g.type==="relation",(g,{path:E})=>t.modifiedData?.id===c.id&&k()(t.modifiedData,E)?k()(t.modifiedData,E):[])(c,l),f=hn(a,g=>g.type==="dynamiczone"||g.type==="component"&&!g.repeatable,g=>Array.isArray(g)?g.map((E,b)=>({...E,__temp_key__:b})):{...g,__temp_key__:0})(u,l,{ignoreFalseyValues:!0});i||(r.initialData=f),r.modifiedData=f,r.formErrors={},r.modifiedDZName=null,r.shouldCheckErrors=!1;break}case"MOVE_COMPONENT_UP":case"MOVE_COMPONENT_DOWN":{const{currentIndex:s,dynamicZoneName:a,shouldCheckErrors:l}=o;l&&(r.shouldCheckErrors=!t.shouldCheckErrors);const i=t.modifiedData[a],c=o.type==="MOVE_COMPONENT_UP"?s-1:s+1,p=t.modifiedData[a][s],u=Hr(i,s,c,p);K()(r,["modifiedData",o.dynamicZoneName],u);break}case"MOVE_FIELD":{const s=k()(t,["modifiedData",...o.keys],[]).slice(),a=k()(t,["modifiedData",...o.keys,o.dragIndex]),l=Hr(s,o.dragIndex,o.overIndex,a);K()(r,["modifiedData",...o.keys],l);break}case"ON_CHANGE":{const[s]=o.keys;if(o.shouldSetInitialValue&&K()(r,["initialData",...o.keys],o.value),o.keys.length===2&&k()(t,["modifiedData",s])===null){K()(r,["modifiedData",s],{[o.keys[1]]:o.value});break}K()(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 s=["modifiedData",...o.keys];K()(r,s,null);break}case"REMOVE_PASSWORD_FIELD":{Mc()(r,["modifiedData",...o.keys]);break}case"REMOVE_REPEATABLE_FIELD":{const s=o.keys.length-1,a=["modifiedData",...zt()(o.keys,s)];Object.keys(t.formErrors).length>0&&(r.shouldCheckErrors=!t.shouldCheckErrors);const i=k()(t,a).slice();i.splice(parseInt(o.keys[s],10),1),K()(r,a,i);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 Co=({allLayoutData:t,allowedActions:{canRead:o,canUpdate:r},children:s,componentsDataStructure:a,contentTypeDataStructure:l,createActionAllowedFields:i,from:c,initialValues:p,isCreatingEntry:u,isLoadingForData:m,isSingleType:f,onPost:g,onPublish:E,onDraftRelationCheck:b,onPut:v,onUnpublish:O,readActionAllowedFields:D,redirectToPreviousPage:M,slug:L,status:I,updateActionAllowedFields:C})=>{const[T,x]=(0,e.useReducer)(Nc,Bc),{formErrors:B,initialData:U,modifiedData:A,modifiedDZName:G,shouldCheckErrors:$,publishConfirmation:X}=T,{setModifiedDataOnly:j}=(0,le.v9)(yo),J=(0,le.I0)(),N=(0,h.lm)(),{lockApp:W,unlockApp:R}=(0,h.o1)(),Z=k()(t,["contentType"],{}),V=(0,e.useMemo)(()=>k()(Z,["options","draftAndPublish"],!1),[Z]),Y=(0,e.useMemo)(()=>V&&!U.publishedAt,[V,U.publishedAt]),{trackUsage:w}=(0,h.rS)(),{formatMessage:S}=(0,H.Z)(),oe=(0,e.useRef)(w),ee=(0,e.useMemo)(()=>m||u?!1:o===!1&&r===!1,[m,u,o,r]);(0,e.useEffect)(()=>{I==="resolved"?R():W()},[W,R,I]),(0,e.useEffect)(()=>{m||Ke()},[$]),(0,e.useEffect)(()=>{const se=Object.keys(B);if(se.length>0){const te=se[0],de=document.getElementById(te);de&&de.focus()}},[B]),(0,e.useEffect)(()=>{ee&&N({type:"info",message:{id:(0,y.OB)("permissions.not-allowed.update")}})},[ee,N]),(0,e.useEffect)(()=>{x({type:"SET_DEFAULT_DATA_STRUCTURES",componentsDataStructure:a,contentTypeDataStructure:l})},[a,l]);const{components:ae}=t,z=lr(p);(0,e.useEffect)(()=>{p&&Z?.attributes&&!Qt()(z,p)&&(x({type:"INIT_FORM",initialValues:p,components:ae,attributes:Z.attributes,setModifiedDataOnly:j}),j&&J(Ec()))},[p,Z,ae,j,J,z]);const ie=(0,e.useCallback)(se=>(te,de,Xe,Tt=!1)=>{oe.current("didAddComponentToDynamicZone"),x({type:se,keys:te.split("."),componentLayoutData:de,allComponents:Xe,shouldCheckErrors:Tt})},[]),Be=ie("ADD_COMPONENT_TO_DYNAMIC_ZONE"),st=(0,e.useCallback)((se,te,de)=>{x({type:"ADD_NON_REPEATABLE_COMPONENT_TO_FIELD",keys:se.split("."),componentLayoutData:te,allComponents:de})},[]),en=(0,e.useCallback)(({name:se,value:te,toOneRelation:de})=>{x({type:"CONNECT_RELATION",keys:se.split("."),value:te,toOneRelation:de})},[]),tn=(0,e.useCallback)(({target:{initialDataPath:se,modifiedDataPath:te,value:de}})=>{x({type:"LOAD_RELATION",modifiedDataPath:te,initialDataPath:se,value:de})},[]),nn=ie("ADD_REPEATABLE_COMPONENT_TO_FIELD"),He=(0,e.useMemo)(()=>{const se={isCreatingEntry:u,isDraft:Y,isFromComponent:!1};return Qr(Z,{components:t.components||{}},se)},[t.components,Z,u,Y]),Ke=(0,e.useCallback)(async(se={})=>{let te={};const de=$e()(A);Se()(de)||K()(de,se.path,se.value);try{await He.validate(de,{abortEarly:!1})}catch(Xe){te=(0,h.CJ)(Xe),G&&(te=Object.keys(te).reduce((Tt,_o)=>(_o.split(".")[0]!==G&&(Tt[_o]=te[_o]),Tt),{}))}x({type:"SET_FORM_ERRORS",errors:te})},[G,A,He]),on=(0,e.useCallback)(({target:{name:se,value:te,type:de}},Xe=!1)=>{let Tt=te;if(["text","textarea","string","email","uid","select","select-one","number"].includes(de)&&!te&&te!==0&&(Tt=null),de==="password"&&!te){x({type:"REMOVE_PASSWORD_FIELD",keys:se.split(".")});return}x({type:"ON_CHANGE",keys:se.split("."),value:Tt,shouldSetInitialValue:Xe})},[]),ft=(0,e.useCallback)((se,te)=>Lc({browserState:se,serverState:te},Z,t.components),[t.components,Z]),re=(0,e.useMemo)(()=>V?Y?{status:"draft"}:{}:{},[V,Y]),Ce=(0,e.useCallback)(async se=>(se.preventDefault(),x({type:"RESET_PUBLISH_CONFIRMATION"})),[]),Ye=(0,e.useCallback)(async se=>{se.preventDefault();let te={};try{await He.validate(A,{abortEarly:!1})}catch(de){te=(0,h.CJ)(de)}try{if(Se()(te)){const de=ft(A,U);u?await g(de,re):await v(de,re)}}catch(de){te={...te,...(0,h.nn)(de,{getTrad:y.OB})}}x({type:"SET_FORM_ERRORS",errors:te})},[ft,u,A,U,g,v,re,He]),Jo=(0,e.useCallback)(async()=>{const se=Qr(Z,{components:k()(t,"components",{})},{isCreatingEntry:u,isDraft:!1,isFromComponent:!1}),te=await b();if(!X.show&&te>0){x({type:"SET_PUBLISH_CONFIRMATION",publishConfirmation:{show:!0,draftCount:te}});return}x({type:"RESET_PUBLISH_CONFIRMATION"});let de={};try{await se.validate(A,{abortEarly:!1})}catch(Xe){de=(0,h.CJ)(Xe)}try{Se()(de)&&await E()}catch(Xe){de={...de,...(0,h.nn)(Xe,{getTrad:y.OB})}}x({type:"SET_FORM_ERRORS",errors:de})},[t,Z,u,A,X.show,E,b]),ht=(0,e.useCallback)(se=>{const te=Object.keys(B).some(Xe=>Xe.split(".")[0]===se);return!Se()(B)&&te},[B]),Ym=(0,e.useCallback)((se,te)=>{oe.current("changeComponentsOrder"),x({type:"MOVE_COMPONENT_DOWN",dynamicZoneName:se,currentIndex:te,shouldCheckErrors:ht(se)})},[ht]),Xm=(0,e.useCallback)((se,te)=>{oe.current("changeComponentsOrder"),x({type:"MOVE_COMPONENT_UP",dynamicZoneName:se,currentIndex:te,shouldCheckErrors:ht(se)})},[ht]),Jm=(0,e.useCallback)(({name:se,newIndex:te,currentIndex:de})=>{x({type:"MOVE_COMPONENT_FIELD",keys:se.split("."),newIndex:te,oldIndex:de})},[]),_m=(0,e.useCallback)(({name:se,id:te})=>{x({type:"DISCONNECT_RELATION",keys:se.split("."),id:te})},[]),ep=(0,e.useCallback)(({name:se,oldIndex:te,newIndex:de})=>{x({type:"REORDER_RELATION",keys:se.split("."),oldIndex:te,newIndex:de})},[]),tp=(0,e.useCallback)((se,te)=>{oe.current("removeComponentFromDynamicZone"),x({type:"REMOVE_COMPONENT_FROM_DYNAMIC_ZONE",dynamicZoneName:se,index:te,shouldCheckErrors:ht(se)})},[ht]),np=(0,e.useCallback)((se,te)=>{x({type:"REMOVE_COMPONENT_FROM_FIELD",keys:se.split("."),componentUid:te})},[]),op=(0,e.useCallback)((se,te)=>{x({type:"REMOVE_REPEATABLE_FIELD",keys:se.split("."),componentUid:te})},[]),rp=(0,e.useCallback)(()=>{x({type:"TRIGGER_FORM_VALIDATION"})},[]);return ee?e.createElement(_.l_,{to:c}):A?e.createElement(h.W1.Provider,{value:{addComponentToDynamicZone:Be,addNonRepeatableComponentToField:st,addRepeatableComponentToField:nn,allLayoutData:t,checkFormErrors:Ke,createActionAllowedFields:i,formErrors:B,hasDraftAndPublish:V,initialData:U,isCreatingEntry:u,isSingleType:f,shouldNotRunValidations:Y,status:I,layout:Z,modifiedData:A,moveComponentField:Jm,moveComponentDown:Ym,moveComponentUp:Xm,onChange:on,onPublish:Jo,onUnpublish:O,readActionAllowedFields:D,redirectToPreviousPage:M,removeComponentFromDynamicZone:tp,removeComponentFromField:np,removeRepeatableField:op,relationConnect:en,relationDisconnect:_m,relationLoad:tn,relationReorder:ep,slug:L,triggerFormValidation:rp,updateActionAllowedFields:C,onPublishPromptDismissal:Ce,publishConfirmation:X}},m||!u&&!U.id?e.createElement(ke.o,{"aria-busy":"true"},e.createElement(h.dO,null)):e.createElement(e.Fragment,null,e.createElement(_.NL,{when:!Qt()(A,U),message:S({id:"global.prompt.unsaved"})}),e.createElement("form",{noValidate:!0,onSubmit:Ye},s))):null};Co.defaultProps={from:"/",initialValues:null,redirectToPreviousPage(){}},Co.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 qc=Co,Ct=t=>(0,y.IF)(`single-types/${t}`),jc=t=>Object.values(t||{}).reduce((o,r)=>Object.assign(o,r),{}),Gr=(t={})=>{const{plugins:o,_q:r,...s}={...t,...jc(t.plugins)};return r&&K()(s,"_q",encodeURIComponent(r)),`${(0,ot.stringify)(s,{encode:!1,addQueryPrefix:!0})}`};const Kr=({allLayoutData:t,children:o,slug:r})=>{const s=(0,Et.useQueryClient)(),{trackUsage:a}=(0,h.rS)(),{push:l}=(0,_.k6)(),{setCurrentStep:i}=(0,h.c1)(),c=(0,e.useRef)(a),[p,u]=(0,e.useState)(!0),[{query:m,rawQuery:f}]=(0,h.Kx)(),g=Gr(m),E=(0,h.lm)(),b=(0,le.I0)(),{formatAPIError:v}=(0,h.So)(y.OB),O=(0,h.kY)(),{post:D,put:M,del:L}=O,{componentsDataStructure:I,contentTypeDataStructure:C,data:T,isLoading:x,status:B}=(0,le.v9)(yo),U=(0,e.useCallback)(W=>{const R=(0,y.kc)(W,t.contentType,t.components);return(0,h.dU)(R,t.contentType,t.components)},[t]);(0,e.useEffect)(()=>()=>{b(zr())},[b]),(0,e.useEffect)(()=>{const W=Object.keys(t.components).reduce((V,Y)=>{const w=(0,y.Di)(k()(t,["components",Y,"attributes"],{}),t.components);return V[Y]=(0,h.dU)(w,t.components[Y],t.components),V},{}),R=(0,y.Di)(t.contentType.attributes,t.components),Z=(0,h.dU)(R,t.contentType,t.components);b(Ur(W,Z))},[t,b]),(0,e.useEffect)(()=>{const R=xe.Z.CancelToken.source();return(async V=>{b(fn()),u(!0);try{const{data:Y}=await O.get(Ct(`${r}${g}`),{cancelToken:V.token});b(fo(U(Y))),u(!1)}catch(Y){if(xe.Z.isCancel(Y))return;const w=k()(Y,"response.status",null);w===404&&b(ho(f,!0)),w===403&&(E({type:"info",message:{id:(0,y.OB)("permissions.not-allowed.update")}}),l("/"))}})(R),()=>R.cancel("Operation canceled by the user.")},[O,U,l,r,b,g,f,E]);const A=(0,e.useCallback)(W=>{E({type:"warning",message:v(W)})},[E,v]),G=(0,e.useCallback)(async W=>{try{c.current("willDeleteEntry",W);const{data:R}=await L(Ct(`${r}${g}`));return E({type:"success",message:{id:(0,y.OB)("success.record.delete")}}),c.current("didDeleteEntry",W),u(!0),b(ho(f,!0)),Promise.resolve(R)}catch(R){return c.current("didNotDeleteEntry",{error:R,...W}),A(R),Promise.reject(R)}},[L,r,A,E,g,b,f]),$=(0,e.useCallback)(async(W,R)=>{const Z=Ct(`${r}${f}`);try{b(pe("submit-pending"));const{data:V}=await M(Z,W);return c.current("didCreateEntry",R),E({type:"success",message:{id:(0,y.OB)("success.record.save")}}),i("contentManager.success"),s.invalidateQueries(["relation"]),b(gt(U(V))),u(!1),b(pe("resolved")),Promise.resolve(V)}catch(V){return c.current("didNotCreateEntry",{error:V,trackerProperty:R}),A(V),b(pe("resolved")),Promise.reject(V)}},[M,U,A,r,b,f,E,i,s]),X=(0,e.useCallback)(async()=>{try{c.current("willCheckDraftRelations");const W=Ct(`${r}/actions/numberOfDraftRelations`);b(pe("draft-relation-check-pending"));const R=await O.get(W);return c.current("didCheckDraftRelations"),b(pe("resolved")),R.data.data}catch(W){return A(W),b(pe("resolved")),Promise.reject(W)}},[O,A,r,b]),j=(0,e.useCallback)(async()=>{try{c.current("willPublishEntry");const W=Ct(`${r}/actions/publish${g}`);b(pe("publish-pending"));const{data:R}=await D(W);return c.current("didPublishEntry"),E({type:"success",message:{id:(0,y.OB)("success.record.publish")}}),b(gt(U(R))),b(pe("resolved")),Promise.resolve(R)}catch(W){return A(W),b(pe("resolved")),Promise.reject(W)}},[D,U,A,r,g,b,E]),J=(0,e.useCallback)(async(W,R)=>{const Z=Ct(`${r}${f}`);try{c.current("willEditEntry",R),b(pe("submit-pending"));const{data:V}=await M(Z,W);return E({type:"success",message:{id:(0,y.OB)("success.record.save")}}),c.current("didEditEntry",{trackerProperty:R}),s.invalidateQueries(["relation"]),b(gt(U(V))),b(pe("resolved")),Promise.resolve(V)}catch(V){return A(V),c.current("didNotEditEntry",{error:V,trackerProperty:R}),b(pe("resolved")),Promise.reject(V)}},[M,U,A,r,b,f,E,s]),N=(0,e.useCallback)(async()=>{const W=Ct(`${r}/actions/unpublish${g}`);b(pe("unpublish-pending"));try{c.current("willUnpublishEntry");const{data:R}=await D(W);c.current("didUnpublishEntry"),E({type:"success",message:{id:(0,y.OB)("success.record.unpublish")}}),b(gt(U(R))),b(pe("resolved"))}catch(R){b(pe("resolved")),A(R)}},[D,U,E,A,r,b,g]);return o({componentsDataStructure:I,contentTypeDataStructure:C,data:T,isCreatingEntry:p,isLoadingForData:x,onDelete:G,onPost:$,onDraftRelationCheck:X,onPublish:j,onPut:J,onUnpublish:N,redirectionLink:"/",status:B})};Kr.propTypes={allLayoutData:n().shape({components:n().object.isRequired,contentType:n().object.isRequired}).isRequired,children:n().func.isRequired,slug:n().string.isRequired};var Wc=(0,e.memo)(Kr),zc=d(56243);function Uc(t,o){return r=>{const s=o();return e.createElement(t,{...r,...s})}}var Vc=Uc;function Hc(){const{initialData:t,hasDraftAndPublish:o}=(0,h.Wq)(),r=t.publishedAt!==void 0&&t.publishedAt!==null;return{hasDraftAndPublish:o,isPublished:r}}var Qc=Hc;const Gc=(0,q.ZP)(zc.Z)`
890
- width: ${(0,h.Q1)(6)};
891
- height: ${(0,h.Q1)(6)};
892
- * {
893
- fill: ${({theme:t,$bulletColor:o})=>t.colors[o]};
894
- }
895
- `,Yr=({hasDraftAndPublish:t,isPublished:o})=>{const{formatMessage:r}=(0,H.Z)();if(!t)return null;const s={draft:{textColor:"secondary700",bulletColor:"secondary600",box:{background:"secondary100",borderColor:"secondary200"}},published:{textColor:"success700",bulletColor:"success600",box:{background:"success100",borderColor:"success200"}}},a=o?s.published:s.draft;return e.createElement(F.x,{hasRadius:!0,as:"aside",paddingTop:4,paddingBottom:4,paddingLeft:5,paddingRight:5,...a.box},e.createElement(F.x,{as:P.k},e.createElement(Gc,{$bulletColor:a.bulletColor}),e.createElement(F.x,{paddingLeft:3},e.createElement(Q.Z,{textColor:a.textColor},r({id:(0,y.OB)("containers.Edit.information.editing"),defaultMessage:"Editing"}),"\xA0"),e.createElement(Q.Z,{fontWeight:"bold",textColor:a.textColor},o&&r({id:(0,y.OB)("containers.Edit.information.publishedVersion"),defaultMessage:"published version"}),!o&&r({id:(0,y.OB)("containers.Edit.information.draftVersion"),defaultMessage:"draft version"})))))};Yr.propTypes={hasDraftAndPublish:n().bool.isRequired,isPublished:n().bool.isRequired};var Kc=Vc(Yr,Qc),$t=d(66456),yn=d(29439),bn=d(22342),En=d(96166),vn=d(88693);function Yc(t,o){return r=>{const s=o();return e.createElement(t,{...r,...s})}}var Xc=Yc;function Jc(){const{initialData:t,isCreatingEntry:o,isSingleType:r,status:s,layout:a,hasDraftAndPublish:l,modifiedData:i,onPublish:c,onUnpublish:p,publishConfirmation:u,onPublishPromptDismissal:m}=(0,h.Wq)();return{initialData:t,isCreatingEntry:o,isSingleType:r,status:s,layout:a,hasDraftAndPublish:l,modifiedData:i,onPublish:c,onUnpublish:p,publishConfirmation:u,onPublishPromptDismissal:m}}var _c=Jc;const Xr=(0,q.ZP)(P.k)`
896
- text-align: center;
897
- `,Jr=({allowedActions:{canUpdate:t,canCreate:o,canPublish:r},initialData:s,isCreatingEntry:a,isSingleType:l,hasDraftAndPublish:i,layout:c,modifiedData:p,onPublish:u,onUnpublish:m,status:f,publishConfirmation:{show:g,draftCount:E},onPublishPromptDismissal:b})=>{const{goBack:v}=(0,_.k6)(),[O,D]=(0,e.useState)(!1),{formatMessage:M}=(0,H.Z)(),L=k()(c,["settings","mainField"],"id"),I=k()(c,["info","displayName"],"NOT FOUND"),C=!Qt()(s,p)||a&&!Se()(p);let x=M({id:(0,y.OB)("containers.Edit.pluginHeader.title.new"),defaultMessage:"Create an entry"});!a&&!l&&(x=s[L]||I),l&&(x=I);let B=null;if(a&&o&&(B=e.createElement(P.k,{gap:2},i&&e.createElement(Ee.z,{disabled:!0,startIcon:e.createElement($t.Z,null),variant:"secondary"},M({id:"app.utils.publish",defaultMessage:"Publish"})),e.createElement(Ee.z,{disabled:!C,loading:f==="submit-pending",type:"submit"},M({id:(0,y.OB)("containers.Edit.submit"),defaultMessage:"Save"})))),!a&&t){const $=i&&r,X=!Se()(s.publishedAt),j=X?f==="unpublish-pending":f==="publish-pending",J=X?{id:"app.utils.unpublish",defaultMessage:"Unpublish"}:{id:"app.utils.publish",defaultMessage:"Publish"},N=X?()=>D(!0):()=>u();B=e.createElement(P.k,null,$&&e.createElement(Ee.z,{disabled:C,loading:j,onClick:N,startIcon:e.createElement($t.Z,null),variant:"secondary"},M(J)),e.createElement(F.x,{paddingLeft:$?2:0},e.createElement(Ee.z,{disabled:!C,loading:f==="submit-pending",type:"submit"},M({id:(0,y.OB)("containers.Edit.submit"),defaultMessage:"Save"}))))}const U=()=>D($=>!$),A=()=>{U(),m()},G=`${M({id:(0,y.OB)("api.id"),defaultMessage:"API ID "})} : ${c.apiID}`;return e.createElement(e.Fragment,null,e.createElement(fe.T,{title:x.toString(),primaryAction:B,subtitle:G,navigationAction:e.createElement(h.rU,{startIcon:e.createElement(yn.Z,null),onClick:$=>{$.preventDefault(),v()},to:"/"},M({id:"global.back",defaultMessage:"Back"}))}),e.createElement(bn.V,{onClose:U,title:"Confirmation",labelledBy:"confirmation",describedBy:"confirm-description",isOpen:O},e.createElement(En.a,{icon:e.createElement(Ut.Z,null)},e.createElement(P.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(P.k,{justifyContent:"center",style:{textAlign:"center"}},e.createElement(Q.Z,{id:"confirm-description"},M({id:(0,y.OB)("popUpWarning.warning.unpublish"),defaultMessage:"Unpublish this content will automatically change it to a draft."},{br:()=>e.createElement("br",null)}))),e.createElement(P.k,{justifyContent:"center",style:{textAlign:"center"}},e.createElement(Q.Z,{id:"confirm-description"},M({id:(0,y.OB)("popUpWarning.warning.unpublish-question"),defaultMessage:"Are you sure you want to unpublish it?"}))))),e.createElement(vn.c,{startAction:e.createElement(Ee.z,{onClick:U,variant:"tertiary"},M({id:"components.popUpWarning.button.cancel",defaultMessage:"Cancel"})),endAction:e.createElement(Ee.z,{variant:"danger-light",onClick:A},M({id:"components.popUpWarning.button.confirm",defaultMessage:"Confirm"}))})),e.createElement(bn.V,{onClose:b,title:M({id:(0,y.OB)("popUpWarning.warning.has-draft-relations.title"),defaultMessage:"Confirmation"}),labelledBy:"confirmation",describedBy:"confirm-description",isOpen:g},e.createElement(En.a,{icon:e.createElement(Ut.Z,null)},e.createElement(P.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(Xr,{justifyContent:"center"},e.createElement(Q.Z,{id:"confirm-description"},E,M({id:(0,y.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:$=>e.createElement(Q.Z,{fontWeight:"bold"},$),count:E}))),e.createElement(Xr,{justifyContent:"center"},e.createElement(Q.Z,{id:"confirm-description"},M({id:(0,y.OB)("popUpWarning.warning.publish-question"),defaultMessage:"Do you still want to publish?"}))))),e.createElement(vn.c,{startAction:e.createElement(Ee.z,{onClick:b,variant:"tertiary"},M({id:"components.popUpWarning.button.cancel",defaultMessage:"Cancel"})),endAction:e.createElement(Ee.z,{variant:"success",onClick:u},M({id:(0,y.OB)("popUpwarning.warning.has-draft-relations.button-confirm"),defaultMessage:"Publish"}))})))};Jr.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 ed=(0,e.memo)(Jr,ut());var td=Xc(ed,_c),nd=t=>{if(!t.layouts)return[];const o=t.layouts.edit,r=t.attributes,s=i=>k()(r,[i,"type"],"");let a=0;const l=[];return o.forEach(i=>{const c=i.some(({name:p})=>s(p)==="dynamiczone");l[a]||(l[a]=[]),c?(a=a===0&&Se()(l[0])?0:a+1,l[a]||(l[a]=[]),l[a].push(i),a+=1):l[a].push(i)}),l.filter(i=>i.length>0)},od=d(91815),rd=d.n(od),sd=d(3704),_r=d.n(sd),ad=(t,o)=>{const r=s=>{const a=(0,h.ZT)(t,[{action:`plugin::content-manager.explorer.${s}`,subject:o}]);return rd()(_r()(a,"properties.fields"))};return{createActionAllowedFields:r("create"),readActionAllowedFields:r("read"),updateActionAllowedFields:r("update")}},id=t=>{if(!t)return[];const r=[...t.contentType.layouts.edit,...Object.values(t.components).flatMap(a=>a.layouts.edit)].flat().filter(a=>a.fieldSchema.customField).map(a=>a.fieldSchema.customField);return[...new Set(r)]};function ld(t,o){return r=>{const s=o();return e.createElement(t,{...r,...s})}}var cd=ld;function dd(){const{hasDraftAndPublish:t,modifiedData:o}=(0,h.Wq)();let r={};return t&&(r=Se()(o.publishedAt)?{status:"draft"}:{status:"published"}),{hasDraftAndPublish:t,trackerProperty:r}}var ud=dd;const es=({onDelete:t,trackerProperty:o})=>{const[r,s]=(0,e.useState)(!1),[a,l]=(0,e.useState)(!1),{formatMessage:i}=(0,H.Z)(),{formatAPIError:c}=(0,h.So)(y.OB),p=(0,h.lm)(),u=()=>s(f=>!f),m=async()=>{try{l(!0),await t(o),l(!1),u()}catch(f){l(!1),u(),p({type:"warning",message:c(f)})}};return e.createElement(e.Fragment,null,e.createElement(Ee.z,{onClick:u,size:"S",startIcon:e.createElement(rt.Z,null),variant:"danger-light"},i({id:(0,y.OB)("containers.Edit.delete-entry"),defaultMessage:"Delete this entry"})),e.createElement(h.QH,{isConfirmButtonLoading:a,isOpen:r,onConfirm:m,onToggleDialog:u}))};es.propTypes={onDelete:n().func.isRequired,trackerProperty:n().object.isRequired};const md=(0,e.memo)(es,ut());var pd=cd(md,ud);const Ro=({columns:t,customFieldInputs:o})=>e.createElement(Ge.r,{gap:4},t.map(({fieldSchema:r,labelAction:s,metadatas:a,name:l,size:i,queryInfos:c})=>{if(r.type==="component"){const{component:u,max:m,min:f,repeatable:g=!1,required:E=!1}=r;return e.createElement(Oe.P,{col:i,s:12,xs:12,key:u},e.createElement(un,{componentUid:u,labelAction:s,isRepeatable:g,intlLabel:{id:a.label,defaultMessage:a.label},max:m,min:f,name:l,required:E}))}return e.createElement(Oe.P,{col:i,key:l,s:12,xs:12},e.createElement(_n,{size:i,fieldSchema:r,keys:l,labelAction:s,metadatas:a,queryInfos:c,customFieldInputs:o}))}));Ro.defaultProps={customFieldInputs:{}},Ro.propTypes={columns:n().array.isRequired,customFieldInputs:n().object};var gd=Ro;const To=t=>t["content-manager_editViewLayoutManager"].currentLayout,fd=(0,je.P1)(To,t=>nd(t?.contentType??{})),hd=(0,je.P1)(To,t=>id(t)),yd=(()=>window&&window.strapi&&window.strapi.isEE?d(28243).Z:d(73710).Z)(),ts=Ie.Z.contentManager,bd=[{action:"plugin::content-type-builder.read",subject:null}],Mo=t=>{let{allowedActions:o,isSingleType:r,goBack:s,slug:a,id:l,origin:i,userPermissions:c}=t;const{trackUsage:p}=(0,h.rS)(),{formatMessage:u}=(0,H.Z)(),{layout:m,formattedContentTypeLayout:f,customFieldUids:g}=(0,le.v9)(T=>({layout:To(T),formattedContentTypeLayout:fd(T),customFieldUids:hd(T)})),{isLazyLoading:E,lazyComponentStore:b}=eo(g),{createActionAllowedFields:v,readActionAllowedFields:O,updateActionAllowedFields:D}=ad(c,a),M=r?ts.singleTypesConfigurations:ts.collectionTypesConfigurations,L=`/content-manager/${r?"singleType":"collectionType"}/${a}/configurations/edit`,I=r?Wc:vc,C=T=>T.every(x=>x.every(B=>B.fieldSchema.type==="dynamiczone"));return E?e.createElement(h.dO,null):e.createElement(I,{allLayoutData:m,slug:a,id:l,origin:i},T=>{let{componentsDataStructure:x,contentTypeDataStructure:B,data:U,isCreatingEntry:A,isLoadingForData:G,onDelete:$,onPost:X,onPublish:j,onDraftRelationCheck:J,onPut:N,onUnpublish:W,redirectionLink:R,status:Z}=T;return e.createElement(qc,{allowedActions:o,allLayoutData:m,createActionAllowedFields:v,componentsDataStructure:x,contentTypeDataStructure:B,from:R,initialValues:U,isCreatingEntry:A,isLoadingForData:G,isSingleType:r,onPost:X,onPublish:j,onDraftRelationCheck:J,onPut:N,onUnpublish:W,readActionAllowedFields:O,redirectToPreviousPage:s,slug:a,status:Z,updateActionAllowedFields:D},e.createElement(ke.o,{"aria-busy":Z!=="resolved"},e.createElement(td,{allowedActions:o}),e.createElement(Lt.D,null,e.createElement(Ge.r,{gap:4},e.createElement(Oe.P,{col:9,s:12},e.createElement(P.k,{direction:"column",alignItems:"stretch",gap:6},f.map((V,Y)=>{if(C(V)){const{0:{0:{name:w,fieldSchema:S,metadatas:oe,labelAction:ee}}}=V;return e.createElement(F.x,{key:Y},e.createElement(Ge.r,{gap:4},e.createElement(Oe.P,{col:12,s:12,xs:12},e.createElement(bc,{name:w,fieldSchema:S,labelAction:ee,metadatas:oe}))))}return e.createElement(F.x,{key:Y,hasRadius:!0,background:"neutral0",shadow:"tableShadow",paddingLeft:6,paddingRight:6,paddingTop:6,paddingBottom:6,borderColor:"neutral150"},e.createElement(P.k,{direction:"column",alignItems:"stretch",gap:6},V.map((w,S)=>e.createElement(gd,{columns:w,customFieldInputs:b,key:S}))))}))),e.createElement(Oe.P,{col:3,s:12},e.createElement(P.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(Kc,null),e.createElement(F.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(yd,null),e.createElement(sn,{area:"contentManager.editView.informations"})),e.createElement(F.x,{as:"aside","aria-labelledby":"links"},e.createElement(P.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(sn,{area:"contentManager.editView.right-links",slug:a}),a!=="strapi::administrator"&&e.createElement(h.jW,{permissions:bd},e.createElement(h.Qj,{onClick:()=>{p("willEditEditLayout")},size:"S",startIcon:e.createElement(xt.Z,null),style:{width:"100%"},to:`/plugins/content-type-builder/content-types/${a}`,variant:"secondary"},u({id:(0,y.OB)("link-to-ctb"),defaultMessage:"Edit the model"}))),e.createElement(h.jW,{permissions:M},e.createElement(h.Qj,{size:"S",startIcon:e.createElement(Ca.Z,null),style:{width:"100%"},to:L,variant:"secondary"},u({id:"app.links.configure-view",defaultMessage:"Configure the view"}))),o.canDelete&&!A&&e.createElement(pd,{onDelete:$})))))))))})};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 Ed=(0,e.memo)(Mo);const Do=t=>{const o=(0,e.useMemo)(()=>(0,y.TA)(t.slug),[t.slug]),{isLoading:r,allowedActions:s}=(0,h.ss)(o,t.userPermissions);return r?e.createElement(h.dO,null):e.createElement(Ed,{...t,allowedActions:s})};Do.defaultProps={permissions:[]},Do.propTypes={permissions:n().array,slug:n().string.isRequired,userPermissions:n().array.isRequired};var vd=(0,e.memo)(Do,ut());const ns=({layout:t,...o})=>{const r=(0,le.v9)(lt),s=(0,le.I0)(),[{query:a}]=(0,h.Kx)(),{runHookWaterfall:l}=(0,h.j1)(),i=ir(a,o.slug,"editView");return(0,e.useEffect)(()=>{const c=l(rn.Eo,{layout:t,query:a});return s(Ea(c.layout,a)),()=>{s(ba())}},[t,s,a,l]),!r||!i?e.createElement(h.dO,null):e.createElement(vd,{...o,userPermissions:i})};ns.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 Cn=ns,Cd=d(23940),Kt=d.n(Cd),os=d(9026);const ko=t=>t.reduce((o,r)=>o+r.size,0),Rd=t=>t.reduce((o,r,s)=>{const a={rowId:s,rowContent:r};return o.concat(a)},[]),Zt=t=>t.reduce((o,r)=>{let s=[];const a=r.rowContent.reduce((c,p)=>{const u=ko(c);return p.name==="_TEMP_"||(u+p.size<=12?c.push(p):s.push(p)),c},[]),l=o.length===0?0:Math.max.apply(Math,o.map(c=>c.rowId))+1,i=ko(a);if(i<12&&a.push({name:"_TEMP_",size:12-i}),o.push({rowId:l,rowContent:a}),s.length>0){const c=ko(s);c<12&&s.push({name:"_TEMP_",size:12-c}),o.push({rowId:l+1,rowContent:s}),s=[]}return o},[]).filter(o=>o.rowContent.length>0).filter(o=>o.rowContent.length===1?o.rowContent[0].name!=="_TEMP_":!0),Td=t=>t.reduce((o,r)=>{const s=r.rowContent.filter(a=>a.name!=="_TEMP_");return o.concat([s])},[]),Md=(t,o=[])=>o.reduce((r,{rowContent:s})=>{const a=s.find(l=>l.name===t)?.size??null;return a&&(r=a),r},null),Dd=(t,o,r=[])=>r.map(s=>(s.rowContent=s.rowContent.map(a=>a.name===t?{...a,size:o}:a),s)),rs=6,Io={fieldForm:{},componentLayouts:{},metaToEdit:"",initialData:{},metaForm:{},modifiedData:{}};var kd=(t=Io,o)=>(0,Te.ZP)(t,r=>{const s=["modifiedData","layouts","edit"];switch(o.type){case"MOVE_ROW":{const a=k()(t,s,[]),{fromIndex:l,toIndex:i}=o;K()(r,s,(0,y.W3)(a,l,i));break}case"ON_ADD_FIELD":{const a=$e()(t),l=k()(a,["modifiedData","attributes",o.name],{}),i=o.fieldSizes[l?.customField]?.default??o.fieldSizes[l?.type]?.default??rs,c=k()(a,s,[]).length,p=[...s,c-1,"rowContent"],u=k()(a,p,[]);let m=k()(a,s,[]);Array.isArray(u)?K()(m,[c>0?c-1:0,"rowContent"],[...u,{name:o.name,size:i}]):K()(m,[c>0?c-1:0,"rowContent"],[{name:o.name,size:i}]);const f=Zt(m);K()(r,s,f);break}case"ON_CHANGE":{K()(r,["modifiedData",...o.keys],o.value);break}case"ON_CHANGE_META":{K()(r,["metaForm","metadata",...o.keys],o.value);break}case"ON_CHANGE_SIZE":{K()(r,["metaForm","size"],o.value);break}case"ON_RESET":{r.modifiedData=t.initialData;break}case"REMOVE_FIELD":{const a=k()(t,[...s,o.rowIndex,"rowContent"],[]);let l=$e()(t);if(a.length===1||a.length===2&&k()(a,[1,"name"],"")==="_TEMP_"){const c=k()(t,s,[]);K()(l,s,c.filter((p,u)=>o.rowIndex!==u))}else K()(l,[...s,o.rowIndex,"rowContent"],a.filter((c,p)=>p!==o.fieldIndex));const i=Zt(k()(l,s,[]));K()(r,s,i);break}case"REORDER_DIFF_ROW":{const a=k()(t,[...s,o.dragRowIndex,"rowContent"],[]),l=k()(t,[...s,o.hoverRowIndex,"rowContent"],[]),i=k()(t,[...s,o.dragRowIndex,"rowContent",o.dragIndex],{}),c=[...l,i];let p=$e()(t);K()(p,[...s,o.dragRowIndex,"rowContent"],a.filter((m,f)=>o.dragIndex!==f)),K()(p,[...s,o.hoverRowIndex,"rowContent"],(0,y.W3)(c,c.length-1,o.hoverIndex));const u=Zt(k()(p,s,[]));K()(r,s,u);break}case"REORDER_ROW":{const a=$e()(t),l=k()(a,[...s,o.dragRowIndex,"rowContent"],[]);K()(a,[...s,o.dragRowIndex,"rowContent"],(0,y.W3)(l,o.dragIndex,o.hoverIndex));const i=Zt(k()(a,s,[]));K()(r,s,i);break}case"SET_FIELD_TO_EDIT":{r.metaToEdit=o.name,r.metaForm={metadata:k()(t,["modifiedData","metadatas",o.name,"edit"],{}),size:Md(o.name,t.modifiedData?.layouts?.edit)??rs};break}case"SUBMIT_META_FORM":{K()(r,["modifiedData","metadatas",t.metaToEdit,"edit"],t.metaForm.metadata);const a=$e()(k()(t,s,[])),l=Dd(t.metaToEdit,t.metaForm.size,a);l.length>0&&K()(r,s,Zt(l));break}case"SUBMIT_SUCCEEDED":{r.initialData=t.modifiedData;break}case"UNSET_FIELD_TO_EDIT":{r.metaToEdit="",r.metaForm={};break}default:return r}}),Id=(t,o,r)=>{let s=$e()(o);return K()(s,["layouts","edit"],Zt(Rd(o.layouts.edit))),{...t,initialData:s,modifiedData:s,componentLayouts:r}},et=d(34853);const ss=e.createContext();function Oo({attributes:t,buttonData:o,children:r,goTo:s,layout:a,metadatas:l,moveItem:i,moveRow:c,onAddData:p,relationsLayout:u,removeField:m,selectedItemName:f,setEditFieldToSelect:g,...E}){return e.createElement(ss.Provider,{value:{attributes:t,buttonData:o,goTo:s,layout:a,metadatas:l,moveItem:i,moveRow:c,onAddData:p,relationsLayout:u,removeField:m,selectedItemName:f,setEditFieldToSelect:g,...E}},r)}Oo.defaultProps={attributes:{},buttonData:[],goTo(){},layout:[],metadatas:{},moveItem(){},moveRow(){},onAddData(){},relationsLayout:[],removeField(){},selectedItemName:null,setEditFieldToSelect(){}},Oo.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 Rt(){return e.useContext(ss)}var as=d(45112);const is=({componentUid:t})=>{const{componentLayouts:o}=Rt(),{formatMessage:r}=(0,H.Z)(),s=k()(o,[t],{}),a=k()(s,["layouts","edit"],[]);return e.createElement(F.x,{padding:3},a.map((l,i)=>e.createElement(Ge.r,{gap:4,key:i},l.map(c=>e.createElement(Oe.P,{key:c.name,col:c.size},e.createElement(F.x,{paddingTop:2},e.createElement(P.k,{alignItems:"center",background:"neutral0",paddingLeft:3,paddingRight:3,height:`${32/16}rem`,hasRadius:!0,borderColor:"neutral200"},e.createElement(Q.Z,{textColor:"neutral800"},c.name))))))),e.createElement(F.x,{paddingTop:2},e.createElement(h.rU,{startIcon:e.createElement(as.Z,null),to:`/content-manager/components/${t}/configurations/edit`},r({id:(0,me.Z)("components.FieldItem.linkToComponentLayout"),defaultMessage:"Set the component's layout"}))))};is.propTypes={componentUid:n().string.isRequired};var Od=is,Bt=d(14911);const wd=(0,q.ZP)(P.k)`
898
- text-decoration: none;
899
-
900
- &:focus,
901
- &:hover {
902
- ${({theme:t})=>`
903
- background-color: ${t.colors.primary100};
904
- border-color: ${t.colors.primary200};
905
-
906
- ${Q.Z} {
907
- color: ${t.colors.primary600};
908
- }
909
- `}
910
-
911
- /* > ComponentIcon */
912
- > div:first-child {
913
- background: ${({theme:t})=>t.colors.primary200};
914
- color: ${({theme:t})=>t.colors.primary600};
915
- }
916
- }
917
- `,ls=({components:t})=>{const{componentLayouts:o}=Rt();return e.createElement(P.k,{gap:2,overflow:"scroll hidden",padding:3},t.map(r=>e.createElement(wd,{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:Bt.rU,to:`/content-manager/components/${r}/configurations/edit`},e.createElement(gn,null),e.createElement(F.x,{paddingTop:1},e.createElement(Q.Z,{fontSize:1,textColor:"neutral600",fontWeight:"bold"},o?.[r]?.info?.displayName??"")))))};ls.propTypes={components:n().arrayOf(n().string).isRequired};var Ld=ls;const cs=(0,q.ZP)(we.h)`
918
- background-color: transparent;
919
- path {
920
- fill: ${({theme:t})=>t.colors.neutral600};
921
- }
922
- `,wo=({attribute:t,onEditField:o,onDeleteField:r,children:s})=>{const{formatMessage:a}=(0,H.Z)();return e.createElement(F.x,{overflow:"hidden",width:"100%"},e.createElement(P.k,{paddingLeft:3,alignItems:"center",justifyContent:"space-between"},e.createElement(Q.Z,{fontWeight:"semiBold",textColor:"neutral800",ellipsis:!0},s),e.createElement(P.k,null,e.createElement(cs,{label:a({id:(0,y.OB)("containers.ListSettingsView.modal-form.edit-label"),defaultMessage:"Edit {fieldName}"},{fieldName:s}),onClick:o,icon:e.createElement(xt.Z,null),noBorder:!0}),e.createElement(cs,{label:a({id:"global.delete-target",defaultMessage:"Delete {target}"},{target:s}),"data-testid":"delete-field",onClick:r,icon:e.createElement(rt.Z,null),noBorder:!0}))),t?.type==="component"&&e.createElement(Od,{componentUid:t.component}),t?.type==="dynamiczone"&&e.createElement(Ld,{components:t.components}))};wo.defaultProps={attribute:void 0},wo.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 xd=wo;const Pd=(0,q.ZP)(P.k)`
923
- position: relative;
924
- ${({isFirst:t,isLast:o,hasHorizontalPadding:r})=>t?`
925
- padding-right: 4px;
926
- `:o?`
927
- padding-left: 4px;
928
- `:r?`
929
- padding: 0 4px;
930
- `:""}
931
- ${({showRightCarret:t,showLeftCarret:o,theme:r})=>t?`
932
- &:after {
933
- content: '';
934
- position: absolute;
935
- right: -1px;
936
- background-color: ${r.colors.primary600};
937
- width: 2px;
938
- height: 100%;
939
- align-self: stretch;
940
- z-index: 1;
941
- }
942
- `:o?`
943
- &:before {
944
- content: '';
945
- position: absolute;
946
- left: -1px;
947
- background-color: ${r.colors.primary600};
948
- width: 2px;
949
- height: 100%;
950
- align-self: stretch;
951
- z-index: 1;
952
- }
953
- `:""};
954
- `,Fd=(0,q.ZP)(mt.Z)`
955
- height: ${12/16}rem;
956
- width: ${12/16}rem;
957
- path {
958
- fill: ${({theme:t})=>t.colors.neutral600};
959
- }
960
- `,Sd=(0,q.ZP)(P.k)`
961
- display: ${({dragStart:t})=>t?"none":"flex"};
962
- opacity: ${({isDragging:t,isFullSize:o,isHidden:r})=>t&&!o?.2:t&&o||r?0:1};
963
- `,Ad=(0,q.ZP)(P.k)`
964
- cursor: all-scroll;
965
- border-right: 1px solid ${({theme:t})=>t.colors.neutral200};
966
- `,Lo=({attribute:t,children:o,index:r,lastIndex:s,moveItem:a,moveRow:l,name:i,onDeleteField:c,onEditField:p,rowIndex:u,size:m})=>{const[f,g]=(0,e.useState)(!1),E=i==="_TEMP_",{setIsDraggingSibling:b}=Rt(),v=m===12,O=(0,e.useRef)(null),D=(0,e.useRef)(null),[{clientOffset:M,isOver:L},I]=(0,Ae.useDrop)({accept:y._Q.EDIT_FIELD,hover(N,W){if(!D.current||N.size!==12)return;const R=W.getItem().index,Z=r,V=W.getItem().rowIndex,Y=u;if(R===Z&&V===Y)return;const w=D.current.getBoundingClientRect(),S=(w.bottom-w.top)/2,ee=W.getClientOffset().y-w.top;V<Y&&ee<S||V>Y&&ee>S||(l(V,Y),N.rowIndex=Y,N.itemIndex=Z)},drop(N,W){if(!D.current)return;const R=W.getItem().index,Z=r,V=W.getItem().rowIndex,Y=u;if(N.size===12||R===Z&&V===Y)return;const w=D.current.getBoundingClientRect();if(Math.abs(W.getClientOffset().x-w.left)>w.width/1.8){a(R,Z+1,V,Y),N.itemIndex=Z+1,N.rowIndex=Y;return}a(R,Z,V,Y),N.itemIndex=Z,N.rowIndex=Y},collect:N=>({canDrop:N.canDrop(),clientOffset:N.getClientOffset(),isOver:N.isOver(),isOverCurrent:N.isOver({shallow:!0}),itemType:N.getItemType()})}),[{isDragging:C,getItem:T},x,B]=(0,Ae.useDrag)({type:y._Q.EDIT_FIELD,item(){return b(!0),{index:r,labelField:o,rowIndex:u,name:i,size:m}},canDrag(){return i!=="_TEMP_"},collect:N=>({isDragging:N.isDragging(),getItem:N.getItem()}),end(){b(!1)}});(0,e.useEffect)(()=>{B((0,Wt.rX)(),{captureDraggingState:!0})},[B]);const U={dragRef:x(O),dropRef:I(D)};let A=!1,G=!1;if(D.current&&M){const N=D.current.getBoundingClientRect();A=L&&T.size!==12&&Math.abs(M.x-N.left)<N.width/2,G=L&&T.size!==12&&Math.abs(M.x-N.left)>N.width/2,i==="_TEMP_"&&(A=L&&T.size!==12,G=!1)}const $=()=>t&&v?`${74/16}rem`:`${32/16}rem`,X=r===0&&!v,j=r===s&&!v,J=r!==0&&!v;return e.createElement(Oe.P,{col:m},e.createElement(Pd,{ref:U.dropRef,showLeftCarret:A,showRightCarret:G,isFirst:X,isLast:j,hasHorizontalPadding:J,onDrag:()=>{v&&!f&&g(!0)},onDragEnd:()=>{v&&g(!1)}},f&&v&&e.createElement(F.x,{width:"100%",height:"2px",background:"primary600"}),e.createElement(Sd,{width:v&&f?0:"100%",borderColor:"neutral150",hasRadius:!0,background:"neutral100",minHeight:$(),alignItems:"stretch",isDragging:C,dragStart:f,isFullSize:v,isHidden:E},e.createElement(Ad,{as:"span",type:"button",ref:U.dragRef,onClick:N=>N.stopPropagation(),alignItems:"center",paddingLeft:3,paddingRight:3,tabIndex:-1},e.createElement(Fd,null)),!E&&e.createElement(xd,{attribute:t,onEditField:p,onDeleteField:c},o))))};Lo.defaultProps={attribute:void 0},Lo.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 $d=Lo;const ds=({rowItem:t,onRemoveField:o,rowId:r,rowIndex:s,index:a,lastIndex:l})=>{const{setEditFieldToSelect:i,attributes:c,modifiedData:p,moveRow:u,moveItem:m}=Rt(),f=k()(c,[t.name],{}),g=k()(p,["metadatas",t.name,"edit","label"],"");return e.createElement($d,{onEditField:()=>i(t.name),onDeleteField:()=>o(r,a),attribute:f,index:a,lastIndex:l,rowIndex:s,name:t.name,size:t.size,moveRow:u,moveItem:m},g||t.name)};ds.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 Zd=ds;const us=({row:t,onRemoveField:o,rowIndex:r})=>e.createElement(Ge.r,null,t.rowContent.map((s,a)=>e.createElement(Zd,{key:s.name,rowItem:s,index:a,rowId:t.rowId,onRemoveField:o,rowIndex:r,lastIndex:t.rowContent.length-1})));us.propTypes={onRemoveField:n().func.isRequired,row:n().object.isRequired,rowIndex:n().number.isRequired};var Bd=us;const Nd=[{action:"plugin::content-type-builder.read",subject:null}];var qd=()=>{const{trackUsage:t}=(0,h.rS)(),{formatMessage:o}=(0,H.Z)(),{slug:r,modifiedData:s,isContentTypeView:a}=Rt(),l=a?"content-types":"components",i=`/plugins/content-type-builder/${l==="content-types"?l:"component-categories"}`,c=k()(s,"category",""),p=l==="content-types"?r:`${c}/${r}`,u=()=>{t("willEditEditLayout")};return r==="strapi::administrator"?null:e.createElement(h.jW,{permissions:Nd},e.createElement(h.Qj,{to:`${i}/${p}`,onClick:u,size:"S",startIcon:e.createElement(xt.Z,null),variant:"secondary"},o({id:(0,me.Z)(`edit-settings-view.link-to-ctb.${l}`),defaultMessage:"Edit the content type"})))};const ms=({editLayout:t,fields:o,onRemoveField:r,onAddField:s})=>{const{formatMessage:a}=(0,H.Z)();return e.createElement(P.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(P.k,{justifyContent:"space-between"},e.createElement("div",null,e.createElement(F.x,null,e.createElement(Q.Z,{fontWeight:"bold"},a({id:(0,y.OB)("containers.ListPage.displayedFields"),defaultMessage:"Displayed fields"}))),e.createElement(F.x,null,e.createElement(Q.Z,{variant:"pi",textColor:"neutral600"},a({id:"containers.SettingPage.editSettings.description",defaultMessage:"Drag & drop the fields to build the layout"})))),e.createElement(qd,null)),e.createElement(F.x,{padding:4,hasRadius:!0,borderStyle:"dashed",borderWidth:"1px",borderColor:"neutral300"},e.createElement(P.k,{direction:"column",alignItems:"stretch",gap:2},t.map((l,i)=>e.createElement(Bd,{key:l.rowId,row:l,rowIndex:i,onRemoveField:r})),e.createElement(et.O,{id:"label",label:a({id:(0,y.OB)("containers.SettingPage.add.field"),defaultMessage:"Insert another field"}),as:Ee.z,"data-testid":"add-field",fullWidth:!0,startIcon:e.createElement(Ht.Z,null),endIcon:null,variant:"secondary",disabled:o.length===0},o.map(l=>e.createElement(et.s,{key:l,onClick:()=>s(l)},l))))))};ms.propTypes={editLayout:n().array.isRequired,fields:n().array.isRequired,onAddField:n().func.isRequired,onRemoveField:n().func.isRequired};var jd=ms,ps=d(85025),gs=d(55225),fs=d(31600),hs=d(11406),Yt=d(32031),Wd=d(73779),Rn=d(88675),zd=d(22348),ys=d(7184),xo=d(43475),Ud=d(82512),Po=d(83218),Vd=d(872),Hd=d(17757),Qd=d(1176),Gd=d(15431);const bs={biginteger:e.createElement(Yt.Z,null),boolean:e.createElement(Wd.Z,null),date:e.createElement(Rn.Z,null),datetime:e.createElement(Rn.Z,null),decimal:e.createElement(Yt.Z,null),email:e.createElement(zd.Z,null),enum:e.createElement(ys.Z,null),enumeration:e.createElement(ys.Z,null),file:e.createElement(xo.Z,null),files:e.createElement(xo.Z,null),float:e.createElement(Yt.Z,null),integer:e.createElement(Yt.Z,null),media:e.createElement(xo.Z,null),number:e.createElement(Yt.Z,null),relation:e.createElement(Ud.Z,null),string:e.createElement(Po.Z,null),text:e.createElement(Po.Z,null),richtext:e.createElement(Po.Z,null),time:e.createElement(Rn.Z,null),timestamp:e.createElement(Rn.Z,null),json:e.createElement(Vd.Z,null),uid:e.createElement(Hd.Z,null),component:e.createElement(Qd.Z,null),dynamiczone:e.createElement(Gd.Z,null)},Fo=({type:t,customFieldUid:o})=>{const r=(0,h.mZ)();let s=bs[t];if(o){const l=r.get(o).icon;l&&(s=e.createElement(F.x,{marginRight:3,width:7,height:6},e.createElement(l,null)))}return bs[t]?s:null};Fo.defaultProps={customFieldUid:null},Fo.propTypes={type:n().string.isRequired,customFieldUid:n().string};var Es=Fo,Kd=t=>t.reduce((o,r)=>{const s=r?.attributes??{},a=Object.keys(s).filter(l=>!["boolean","component","dynamiczone","json","media","password","relation","text","richtext"].includes(s?.[l]?.type??""));return o[r.uid]=a,o},{}),vs=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,y.OB)("containers.SettingPage.editSettings.entry.title"):(0,y.OB)(`form.Input.${t}`);return{type:o,label:{id:r}}},Xt=d(9139);const So=({type:t,options:o,onChange:r,value:s,name:a,...l})=>{const{formatMessage:i}=(0,H.Z)();switch(t){case"text":return e.createElement(qn.o,{onChange:r,value:s,name:a,...l});case"bool":return e.createElement(Xt.s,{onChange:c=>{r({target:{name:a,value:c.target.checked}})},checked:s,name:a,onLabel:i({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"On"}),offLabel:i({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"Off"}),...l});case"select":return e.createElement(_e.P,{value:s,name:a,onChange:c=>r({target:{name:a,value:c}}),...l},o.map(c=>e.createElement(Le.W,{key:c,value:c},c)));default:return null}};So.defaultProps={options:void 0},So.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 Yd=So;const Xd=[[4,"33%"],[6,"50%"],[8,"66%"],[12,"100%"]],Jd=[1,5,10,15,30,60],_d=["datetime","time"],Cs=({onMetaChange:t,onSizeChange:o})=>{const{formatMessage:r}=(0,H.Z)(),{modifiedData:s,selectedField:a,attributes:l,fieldForm:i}=Rt(),c=(0,e.useMemo)(Tn,[]),{schemas:p}=(0,le.v9)(I=>c(I),le.wU),u=(0,le.v9)(er),m=(0,e.useMemo)(()=>{if(!a)return[];const I=k()(s,["metadatas",a,"edit"],{});return Object.keys(I).filter(C=>C!=="visible")},[a,s]),f=(0,e.useMemo)(()=>Kd(p),[p]),g=(0,e.useCallback)(I=>{if(I!=="relation"&&I!=="component")return[];const C=I==="component"?"component":"targetModel",T=k()(s,["attributes",a,C],"");return k()(f,[T],[])},[a,f,s]),E=m.map(I=>{const C=k()(l,[a,"type"]);return["component","dynamiczone"].includes(C)&&!["label","description"].includes(I)||C==="component"&&I!=="label"||["media","json","boolean"].includes(C)&&I==="placeholder"||I==="step"?null:e.createElement(Oe.P,{col:6,key:I},e.createElement(Yd,{type:vs(I).type,hint:I==="mainField"?r({id:(0,me.Z)("containers.SettingPage.editSettings.relation-field.description")}):"",label:r({id:k()(vs(I),"label.id","app.utils.defaultMessage")}),name:I,onChange:t,value:k()(i,["metadata",I],""),options:g(C)}))}),{type:b,customField:v}=l[a],{isResizable:O}=u[v]??u[b],D=e.createElement(Oe.P,{col:6,key:"size"},e.createElement(_e.P,{value:i?.size,name:"size",onChange:I=>{o({name:a,value:I})},label:r({id:(0,me.Z)("containers.SettingPage.editSettings.size.label"),defaultMessage:"Size"})},Xd.map(([I,C])=>e.createElement(Le.W,{key:I,value:I},C)))),M=_d.includes(l[a].type),L=e.createElement(Oe.P,{col:6,key:"step"},e.createElement(_e.P,{value:k()(i,["metadata","step"],1),name:"step",onChange:I=>t({target:{name:"step",value:I}}),label:r({id:(0,me.Z)("containers.SettingPage.editSettings.step.label"),defaultMessage:"Time interval (minutes)"})},Jd.map(I=>e.createElement(Le.W,{key:I,value:I},I))));return e.createElement(e.Fragment,null,E,O&&D,M&&L)};Cs.propTypes={onMetaChange:n().func.isRequired,onSizeChange:n().func.isRequired};var eu=Cs;const tu=(0,q.ZP)(P.k)`
967
- svg {
968
- width: ${32/16}rem;
969
- height: ${24/16}rem;
970
- margin-right: ${({theme:t})=>t.spaces[3]};
971
- }
972
- `,Ao=({onToggle:t,onMetaChange:o,onSizeChange:r,onSubmit:s,type:a,customFieldUid:l})=>{const{selectedField:i}=Rt(),{formatMessage:c}=(0,H.Z)(),p=()=>a==="timestamp"?"date":["decimal","float","integer","biginter"].includes(a)?"number":a;return e.createElement(ps.P,{onClose:t,labelledBy:"title"},e.createElement("form",{onSubmit:s},e.createElement(gs.x,null,e.createElement(tu,null,e.createElement(Es,{type:p(),customFieldUid:l}),e.createElement(Q.Z,{fontWeight:"bold",textColor:"neutral800",as:"h2",id:"title"},c({id:(0,y.OB)("containers.ListSettingsView.modal-form.edit-label"),defaultMessage:"Edit {fieldName}"},{fieldName:Kt()(i)})))),e.createElement(fs.f,null,e.createElement(Ge.r,{gap:4},e.createElement(eu,{onMetaChange:o,onSizeChange:r}))),e.createElement(hs.m,{startActions:e.createElement(Ee.z,{onClick:t,variant:"tertiary"},c({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endActions:e.createElement(Ee.z,{type:"submit"},c({id:"global.finish",defaultMessage:"Finish"}))})))};Ao.defaultProps={customFieldUid:null},Ao.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 nu=Ao,ou=(t,o,r)=>{const{put:s}=(0,h.tg)();return s((0,y.IF)(r?`content-types/${o}/configuration`:`components/${o}/configuration`),t)};const $o=({mainLayout:t,components:o,isContentTypeView:r,slug:s,updateLayout:a})=>{const[l,i]=(0,e.useReducer)(kd,Io,()=>Id(Io,t,o)),[c,p]=(0,e.useState)(!1),{trackUsage:u}=(0,h.rS)(),m=(0,h.lm)(),{goBack:f}=(0,_.k6)(),[g,E]=(0,e.useState)(!1),[b,v]=(0,e.useState)(!1),{componentLayouts:O,initialData:D,modifiedData:M,metaToEdit:L,metaForm:I}=l,{formatMessage:C}=(0,H.Z)(),T=k()(t,["info","displayName"],""),x=k()(M,["attributes"],{}),B=(0,le.v9)(er),U=Object.keys(x).filter(z=>{const ie=k()(x,[z,"type"],"");return!["dynamiczone","json","text","relation","component","boolean","media","password","richtext","timestamp"].includes(ie)&&!!ie}),A=k()(M,["layouts","edit"],[]),G=_r()(A,"rowContent"),$=Object.keys(M.attributes).filter(z=>k()(M,["metadatas",z,"edit","visible"],!1)===!0).filter(z=>G.findIndex(ie=>ie.name===z)===-1).sort(),X=({target:{name:z,value:ie}})=>{i({type:"ON_CHANGE",keys:z.split("."),value:ie})},j=()=>{E(z=>!z)},J=()=>{v(z=>!z)},N=({target:{name:z,value:ie}})=>{i({type:"ON_CHANGE_META",keys:z.split("."),value:ie})},W=({name:z,value:ie})=>{i({type:"ON_CHANGE_SIZE",name:z,value:ie})},R=z=>{z.preventDefault(),i({type:"SUBMIT_META_FORM"}),j()},Z=z=>{z.preventDefault(),J()},V=(0,Et.useMutation)(z=>ou(z,s,r),{onSuccess({data:z}){a&&a(z.data),i({type:"SUBMIT_SUCCEEDED"}),J(),u("didEditEditSettings")},onError(){m({type:"warning",message:{id:"notification.error"}})}}),{isLoading:Y}=V,w=()=>{const z=Wn()($e()(M),["layouts","metadatas","settings"]);K()(z,"layouts.edit",Td(z.layouts.edit)),V.mutate(z)},S=(z,ie)=>{i({type:"MOVE_RELATION",fromIndex:z,toIndex:ie})},oe=(z,ie)=>{i({type:"MOVE_FIELD",fromIndex:z,toIndex:ie})},ee=(z,ie,Be,st)=>{i(Be===st?{type:"REORDER_ROW",dragRowIndex:Be,dragIndex:z,hoverIndex:ie}:{type:"REORDER_DIFF_ROW",dragIndex:z,hoverIndex:ie,dragRowIndex:Be,hoverRowIndex:st})},ae=(z,ie)=>{i({type:"MOVE_ROW",fromIndex:z,toIndex:ie})};return e.createElement(Oo,{isContentTypeView:r,attributes:x,modifiedData:M,slug:s,componentLayouts:O,selectedField:L,fieldForm:I,onMoveRelation:S,onMoveField:oe,moveRow:ae,moveItem:ee,setEditFieldToSelect:z=>{i({type:"SET_FIELD_TO_EDIT",name:z}),j()},isDraggingSibling:c,setIsDraggingSibling:p},e.createElement(ke.o,null,e.createElement("form",{onSubmit:Z},e.createElement(fe.T,{title:C({id:(0,y.OB)("components.SettingsViewWrapper.pluginHeader.title"),defaultMessage:`Configure the view - ${Kt()(T)}`},{name:Kt()(T)}),subtitle:C({id:(0,y.OB)("components.SettingsViewWrapper.pluginHeader.description.edit-settings"),defaultMessage:"Customize how the edit view will look like."}),navigationAction:e.createElement(h.rU,{startIcon:e.createElement(yn.Z,null),onClick:z=>{z.preventDefault(),f()},to:"/"},C({id:"global.back",defaultMessage:"Back"})),primaryAction:e.createElement(Ee.z,{disabled:Qt()(D,M),startIcon:e.createElement($t.Z,null),type:"submit"},C({id:"global.save",defaultMessage:"Save"}))}),e.createElement(Lt.D,null,e.createElement(F.x,{background:"neutral0",hasRadius:!0,shadow:"filterShadow",paddingTop:6,paddingBottom:6,paddingLeft:7,paddingRight:7},e.createElement(P.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(Q.Z,{variant:"delta",as:"h2"},C({id:(0,y.OB)("containers.SettingPage.settings"),defaultMessage:"Settings"})),e.createElement(Ge.r,null,e.createElement(Oe.P,{col:6,s:12},e.createElement(_e.P,{label:C({id:(0,y.OB)("containers.SettingPage.editSettings.entry.title"),defaultMessage:"Entry title"}),hint:C({id:(0,y.OB)("containers.SettingPage.editSettings.entry.title.description"),defaultMessage:"Set the display field of your entry"}),onChange:z=>{X({target:{name:"settings.mainField",value:z===""?null:z}})},value:M.settings.mainField},U.map(z=>e.createElement(Le.W,{key:z,value:z},z))))),e.createElement(F.x,{paddingTop:2,paddingBottom:2},e.createElement(os.i,null)),e.createElement(Q.Z,{variant:"delta",as:"h3"},C({id:(0,y.OB)("containers.SettingPage.view"),defaultMessage:"View"})),e.createElement(jd,{attributes:x,editLayout:A,fields:$,onAddField:z=>{i({type:"ON_ADD_FIELD",name:z,fieldSizes:B})},onRemoveField:(z,ie)=>{i({type:"REMOVE_FIELD",rowIndex:z,fieldIndex:ie})}})))),e.createElement(h.QH,{bodyText:{id:(0,y.OB)("popUpWarning.warning.updateAllSettings"),defaultMessage:"This will modify all your settings"},iconRightButton:e.createElement($t.Z,null),isConfirmButtonLoading:Y,isOpen:b,onToggleDialog:J,onConfirm:w,variantRightButton:"success-light"})),g&&e.createElement(nu,{onSubmit:R,onToggle:j,onMetaChange:N,onSizeChange:W,type:k()(x,[L,"type"],""),customFieldUid:k()(x,[L,"customField"],"")})))};$o.defaultProps={isContentTypeView:!1,updateLayout:null},$o.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 Zo=$o,Nt=d(37617);const ru=()=>({type:Nt.ZA}),su=(t,o)=>({type:Nt.Id,pagination:t,data:o}),au=()=>({type:Nt.MP});function iu(){return{type:Nt.c2}}const lu=({components:t,contentType:o})=>{const{layouts:r}=o;return{contentType:o,components:t,displayedHeaders:r.list,type:Nt.Zz}},Bo=t=>({type:Nt.Rp,target:t});var Rs=d(6680),No=d(94638),Ts=d(99223),cu=d(70664);const du=()=>t=>t["content-manager_listView"]||cu.E,uu=()=>(0,je.P1)(du(),t=>t),Ms=t=>{const{displayedHeaders:o}=t["content-manager_listView"];return o};var mu=uu,pu=d(35658),gu=d(94547),qo=d(19786),fu=d(44426),hu=d(47765),yu=d(8997),bu=d(69033);const Eu=(0,q.ZP)(P.k)`
973
- position: relative;
974
- border-radius: 50%;
975
- width: 26px;
976
- height: 26px;
977
- border: 1px solid ${({theme:t})=>t.colors.neutral200};
978
- background: ${({theme:t})=>t.colors.neutral150};
979
- padding-left: 1px;
980
-
981
- span {
982
- line-height: 0.6rem;
983
- font-size: 0.6rem;
984
- }
985
- `,Ds=({children:t,...o})=>e.createElement(Eu,{justifyContent:"center",alignItems:"center",as:"span",...o},e.createElement(Q.Z,{variant:"sigma",textColor:"neutral600"},t));Ds.propTypes={children:n().string.isRequired};var ks=Ds;const jo=({url:t,mime:o,alternativeText:r,name:s,ext:a,formats:l})=>{const i=(0,h.CR)(t);if(o.includes("image")){const u=l?.thumbnail?.url||null,m=(0,h.CR)(u)||i;return e.createElement(bu.q,{src:m,alt:r||s,preview:!0})}const c=(0,h.mD)(a),p=s.length>100?`${s.substring(0,100)}...`:s;return e.createElement(ln.u,{description:p},e.createElement(ks,null,c))};jo.defaultProps={alternativeText:null,formats:null},jo.propTypes={alternativeText:n().string,ext:n().string.isRequired,formats:n().object,mime:n().string.isRequired,name:n().string.isRequired,url:n().string.isRequired};var Is=jo,vu=d(25898);const Os=({value:t})=>e.createElement(vu.H,null,t.map((o,r)=>{const s=`${o.id}${r}`;if(r===3){const a=`+${t.length-3}`;return e.createElement(ks,{key:s,preview:!1},a)}return r>3?null:e.createElement(Is,{key:s,...o})}));Os.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 Cu=Os,ws=d(6518),Ru=d(97405),Tu=d(96315);const Ls=({type:t,value:o})=>{const{formatDate:r,formatTime:s,formatNumber:a}=(0,H.Z)();let l=o;if(t==="date"&&(l=r((0,Tu.Z)(o),{dateStyle:"full"})),t==="datetime"&&(l=r(o,{dateStyle:"full",timeStyle:"short"})),t==="time"){const[i,c,p]=o.split(":"),u=new Date;u.setHours(i),u.setMinutes(c),u.setSeconds(p),l=s(u,{numeric:"auto",style:"short"})}return["float","decimal"].includes(t)&&(l=a(o,{maximumFractionDigits:20})),["integer","biginteger"].includes(t)&&(l=a(o,{maximumFractionDigits:0})),qr()(l)};Ls.propTypes={type:n().string.isRequired,value:n().any.isRequired};var qt=Ls;const Mu=(0,q.ZP)(Q.Z)`
986
- max-width: 500px;
987
- `,Du=async(t,o,r)=>{const{data:{results:s,pagination:a}}=await r(t);return o(),{results:s,pagination:a}},xs=({fieldSchema:t,metadatas:o,name:r,entityId:s,value:a,contentType:l})=>{const{formatMessage:i}=(0,H.Z)(),{notifyStatus:c}=(0,No.G)(),p=(0,e.useMemo)(()=>(0,y.IF)(`relations/${l.uid}/${s}/${r.split(".")[0]}`),[s,r,l]),[u,m]=(0,e.useState)(!1),{get:f}=(0,h.kY)(),g=e.createElement(P.k,{gap:1,wrap:"nowrap"},e.createElement(ws.C,null,a.count),i({id:"content-manager.containers.ListPage.items",defaultMessage:"{number, plural, =0 {items} one {item} other {items}}"},{number:a.count})),E=()=>{const O=i({id:(0,y.OB)("DynamicTable.relation-loaded"),defaultMessage:"Relations have been loaded"});c(O)},{data:b,status:v}=(0,Et.useQuery)([t.targetModel,s],()=>Du(p,E,f),{enabled:u,staleTime:0,select:O=>({...O,results:[...O.results].reverse()})});return e.createElement(F.x,{...h.UW},e.createElement(et.O,{label:g,size:"S",onOpen:()=>m(!0),onClose:()=>m(!1)},v!=="success"&&e.createElement(et.s,{"aria-disabled":!0},e.createElement(Ru.a,{small:!0},i({id:(0,y.OB)("DynamicTable.relation-loading"),defaultMessage:"Relations are loading"}))),v==="success"&&e.createElement(e.Fragment,null,b?.results.map(O=>e.createElement(et.s,{key:O.id,"aria-disabled":!0},e.createElement(Mu,{ellipsis:!0},e.createElement(qt,{type:o.mainField.schema.type,value:O[o.mainField.name]||O.id})))),b?.pagination.total>10&&e.createElement(et.s,{"aria-disabled":!0,"aria-label":i({id:(0,y.OB)("DynamicTable.relation-more"),defaultMessage:"This relation contains more entities than displayed"})},e.createElement(Q.Z,null,"\u2026")))))};xs.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};var ku=xs;const Iu=(0,q.ZP)(Q.Z)`
988
- max-width: 500px;
989
- `,Ps=({metadatas:t,value:o})=>e.createElement(Iu,{textColor:"neutral800",ellipsis:!0},e.createElement(qt,{type:t.mainField.schema.type,value:o[t.mainField.name]??o.id}));Ps.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 Ou=Ps;const wu=(0,q.ZP)(Q.Z)`
990
- max-width: 500px;
991
- `,Fs=({value:t,metadatas:o})=>{const{formatMessage:r}=(0,H.Z)(),{mainField:{type:s,name:a}}=o,l=e.createElement(e.Fragment,null,e.createElement(ws.C,null,t.length)," ",r({id:"content-manager.containers.ListPage.items",defaultMessage:"{number, plural, =0 {items} one {item} other {items}}"},{number:t.length}));return e.createElement(F.x,{...h.UW},e.createElement(et.O,{label:l,size:"S"},t.map(i=>e.createElement(et.s,{key:i.id,"aria-disabled":!0},e.createElement(wu,{ellipsis:!0},e.createElement(qt,{type:s,value:i[a]||i.id}))))))};Fs.propTypes={metadatas:n().shape({mainField:n().shape({name:n().string,type:n().string,value:n().string})}).isRequired,value:n().array.isRequired};var Lu=Fs;const xu=(0,q.ZP)(Q.Z)`
992
- max-width: 250px;
993
- `,Ss=({value:t,metadatas:o})=>{const{mainField:r}=o,s=t[r.name];return e.createElement(ln.u,{label:s},e.createElement(xu,{textColor:"neutral800",ellipsis:!0},e.createElement(qt,{type:r.type,value:s})))};Ss.propTypes={metadatas:n().shape({mainField:n().shape({name:n().string,type:n().string,value:n().string})}).isRequired,value:n().object.isRequired};var Pu=Ss,Fu=d(80022),As=d.n(Fu);function $s(t){return["oneToOne","manyToOne","oneToOneMorph"].includes(t)}function Su(t,o,r,s){if(t==="component"){const{mainField:{name:a,type:l}}=r;if(s?.repeatable)return o.length>0;const i=o?.[a];return a==="id"&&![void 0,null].includes(i)?!0:Gt(l)&&l!=="biginteger"&&a!=="id"?As()(i):!Se()(i)}return t==="relation"?$s(s.relation)?!Se()(o):o?.count>0:Gt(t)&&t!=="biginteger"?As()(o):t==="boolean"?o!==null:!Se()(o)}const Zs=(0,q.ZP)(Q.Z)`
994
- max-width: 300px;
995
- `,Wo=({content:t,fieldSchema:o,metadatas:r,name:s,rowId:a,contentType:l})=>{const{type:i}=o;if(!Su(i,t,r,o))return e.createElement(Q.Z,{textColor:"neutral800"},"-");switch(i){case"media":return o.multiple?e.createElement(Cu,{value:t}):e.createElement(Is,{...t});case"relation":return $s(o.relation)?e.createElement(Ou,{metadatas:r,value:t}):e.createElement(ku,{fieldSchema:o,metadatas:r,value:t,name:s,entityId:a,contentType:l});case"component":return o.repeatable===!0?e.createElement(Lu,{value:t,metadatas:r}):e.createElement(Pu,{value:t,metadatas:r});case"string":return e.createElement(ln.u,{description:t},e.createElement(Zs,{ellipsis:!0,textColor:"neutral800"},e.createElement(qt,{type:i,value:t})));default:return e.createElement(Zs,{ellipsis:!0,textColor:"neutral800"},e.createElement(qt,{type:i,value:t}))}};Wo.defaultProps={content:void 0},Wo.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 Au=Wo;const zo=({canCreate:t,canDelete:o,contentType:r,headers:s,entriesToDelete:a,onClickDelete:l,onSelectRow:i,withMainAction:c,withBulkActions:p,rows:u})=>{const{push:m,location:{pathname:f}}=(0,_.k6)(),{formatMessage:g}=(0,H.Z)(),{trackUsage:E}=(0,h.rS)(),b=sr();return e.createElement(pu.p,null,u.map((v,O)=>{const D=a.findIndex(L=>L===v.id)!==-1,M=g({id:"content-manager.components.DynamicTable.row-line",defaultMessage:"item line {number}"},{number:O});return e.createElement(gu.Tr,{key:v.id,...(0,h.X7)({fn(){E("willEditEntryFromList"),m({pathname:`${f}/${v.id}`,state:{from:f},search:b})},condition:p})},c&&e.createElement(qo.Td,{...h.UW},e.createElement(fu.C,{"aria-label":g({id:"app.component.table.select.one-entry",defaultMessage:"Select {target}"},{target:(0,yu.Pp)(v.firstname,v.lastname)}),checked:D,onChange:()=>{i({name:v.id,value:!D})}})),s.map(({key:L,cellFormatter:I,name:C,...T})=>e.createElement(qo.Td,{key:L},typeof I=="function"?I(v,{key:L,name:C,...T}):e.createElement(Au,{content:v[C.split(".")[0]],name:C,contentType:r,...T,rowId:v.id}))),p&&e.createElement(qo.Td,null,e.createElement(P.k,{justifyContent:"end",...h.UW},e.createElement(we.h,{forwardedAs:Bt.rU,onClick:()=>{E("willEditEntryFromButton")},to:{pathname:`${f}/${v.id}`,state:{from:f},search:b},label:g({id:"app.component.table.edit",defaultMessage:"Edit {target}"},{target:M}),noBorder:!0,icon:e.createElement(xt.Z,null)}),t&&e.createElement(F.x,{paddingLeft:1},e.createElement(we.h,{forwardedAs:Bt.rU,to:{pathname:`${f}/create/clone/${v.id}`,state:{from:f},search:b},label:g({id:"app.component.table.duplicate",defaultMessage:"Duplicate {target}"},{target:M}),noBorder:!0,icon:e.createElement(hu.Z,null)})),o&&e.createElement(F.x,{paddingLeft:1},e.createElement(we.h,{onClick:()=>{E("willDeleteEntryFromList"),l(v.id)},label:g({id:"global.delete-target",defaultMessage:"Delete {target}"},{target:M}),noBorder:!0,icon:e.createElement(rt.Z,null)})))))}))};zo.defaultProps={canCreate:!1,canDelete:!1,entriesToDelete:[],onClickDelete(){},onSelectRow(){},rows:[],withBulkActions:!1,withMainAction:!1},zo.propTypes={canCreate:n().bool,canDelete:n().bool,contentType:n().shape({uid:n().string.isRequired}).isRequired,entriesToDelete:n().array,headers:n().array.isRequired,onClickDelete:n().func,onSelectRow:n().func,rows:n().array,withBulkActions:n().bool,withMainAction:n().bool};var $u=zo;const Bs=({area:t,...o})=>{const r=dr(t);return r?e.createElement("ul",null,r.map(s=>s.Component(o)?e.createElement(F.x,{key:s.name,padding:3,style:{textAlign:"center"}},e.createElement(s.Component,{...o})):null)):null};Bs.propTypes={area:n().string.isRequired};var Ns=Bs;const qs=({isConfirmButtonLoading:t,isOpen:o,onToggleDialog:r,onConfirm:s})=>{const{formatMessage:a}=(0,H.Z)();return e.createElement(bn.V,{onClose:r,title:a({id:"app.components.ConfirmDialog.title",defaultMessage:"Confirmation"}),labelledBy:"confirmation",describedBy:"confirm-description",isOpen:o},e.createElement(En.a,{icon:e.createElement(Ut.Z,null)},e.createElement(P.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(P.k,{justifyContent:"center"},e.createElement(Q.Z,{id:"confirm-description"},a({id:(0,y.OB)("popUpWarning.bodyMessage.contentType.delete.all"),defaultMessage:"Are you sure you want to delete these entries?"}))),e.createElement(P.k,null,e.createElement(Ns,{area:"contentManager.listView.deleteModalAdditionalInfos"})))),e.createElement(vn.c,{startAction:e.createElement(Ee.z,{onClick:r,variant:"tertiary"},a({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endAction:e.createElement(Ee.z,{onClick:s,variant:"danger-light",startIcon:e.createElement(rt.Z,null),id:"confirm-delete",loading:t},a({id:"app.components.Button.confirm",defaultMessage:"Confirm"}))}))};qs.propTypes={isConfirmButtonLoading:n().bool.isRequired,isOpen:n().bool.isRequired,onConfirm:n().func.isRequired,onToggleDialog:n().func.isRequired};var Zu=qs;const js=({isConfirmButtonLoading:t,isOpen:o,onToggleDialog:r,onConfirm:s})=>{const{formatMessage:a}=(0,H.Z)();return e.createElement(bn.V,{onClose:r,title:a({id:"app.components.ConfirmDialog.title",defaultMessage:"Confirmation"}),labelledBy:"confirmation",describedBy:"confirm-description",isOpen:o},e.createElement(En.a,{icon:e.createElement(Ut.Z,null)},e.createElement(P.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(P.k,{justifyContent:"center"},e.createElement(Q.Z,{id:"confirm-description"},a({id:"components.popUpWarning.message",defaultMessage:"Are you sure you want to delete this?"}))),e.createElement(P.k,null,e.createElement(Ns,{area:"contentManager.listView.deleteModalAdditionalInfos"})))),e.createElement(vn.c,{startAction:e.createElement(Ee.z,{onClick:r,variant:"tertiary"},a({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endAction:e.createElement(Ee.z,{onClick:s,variant:"danger-light",startIcon:e.createElement(rt.Z,null),id:"confirm-delete",loading:t},a({id:"app.components.Button.confirm",defaultMessage:"Confirm"}))}))};js.propTypes={isConfirmButtonLoading:n().bool.isRequired,isOpen:n().bool.isRequired,onConfirm:n().func.isRequired,onToggleDialog:n().func.isRequired};var Bu=js;function Ws({isPublished:t}){const{formatMessage:o}=(0,H.Z)(),r=t?"success":"secondary";return e.createElement(zn.q,{showBullet:!1,variant:r,size:"S",width:"min-content"},e.createElement(Q.Z,{fontWeight:"bold",textColor:`${r}700`},o({id:(0,y.OB)(`containers.List.${t?"published":"draft"}`),defaultMessage:t?"Published":"Draft"})))}Ws.propTypes={isPublished:n().bool.isRequired};const Nu=(()=>window&&window.strapi&&window.strapi.isEE?d(57047).Z:d(42814).Z)(),Uo=t=>{let{canCreate:o,canDelete:r,contentTypeName:s,action:a,isBulkable:l,isLoading:i,onConfirmDelete:c,onConfirmDeleteAll:p,layout:u,rows:m}=t;const{runHookWaterfall:f}=(0,h.j1)(),g=u.contentType.options?.draftAndPublish??!1,{formatMessage:E}=(0,H.Z)(),b=(0,le.v9)(Ms),v=(0,e.useMemo)(()=>{const D=f(rn.No,{displayedHeaders:b,layout:u}).displayedHeaders.map(L=>{const{fieldSchema:I,metadatas:C,name:T}=L;return{...L,metadatas:{...C,label:E({id:(0,y.OB)(`containers.ListPage.table-headers.${T}`),defaultMessage:C.label})},name:I.type==="relation"?`${T}.${C.mainField.name}`:T}});g&&D.push({key:"__published_at_temp_key__",name:"publishedAt",fieldSchema:{type:"custom"},metadatas:{label:E({id:(0,y.OB)("containers.ListPage.table-headers.publishedAt"),defaultMessage:"publishedAt"}),searchable:!1,sortable:!0},cellFormatter(L){let{publishedAt:I}=L;return e.createElement(Ws,{isPublished:!!I})}});const M=Nu(u);return M&&D.push(M),D},[f,b,u,g,E]);return e.createElement(h.tM,{components:{ConfirmDialogDelete:Bu,ConfirmDialogDeleteAll:Zu},contentType:s,action:a,isLoading:i,headers:v,onConfirmDelete:c,onConfirmDeleteAll:p,onOpenDeleteAllModalTrackedEvent:"willBulkDeleteEntries",rows:m,withBulkActions:!0,withMainAction:r&&l},e.createElement($u,{canCreate:o,canDelete:r,contentType:u.contentType,headers:v,rows:m,withBulkActions:!0,withMainAction:r&&l}))};Uo.defaultProps={action:void 0},Uo.propTypes={canCreate:n().bool.isRequired,canDelete:n().bool.isRequired,contentTypeName:n().string.isRequired,action:n().node,isBulkable:n().bool.isRequired,isLoading:n().bool.isRequired,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}).isRequired}).isRequired,onConfirmDelete:n().func.isRequired,onConfirmDeleteAll:n().func.isRequired,rows:n().array.isRequired};var qu=Uo;const ju=["json","component","media","richtext","dynamiczone","password"],Wu=["createdAt","updatedAt"];var zu=(t,o)=>{const{allPermissions:r}=(0,h.vn)(),s=(0,h.ZT)(r,[{action:"plugin::content-manager.explorer.read",subject:o}]),a=k()(s,["0","properties","fields"],[]);return Object.keys(k()(t,["attributes"]),{}).filter(c=>{const p=k()(t,["attributes",c],{});return!(!p.type||ju.includes(p.type)||!a.includes(c)&&c!=="id"&&!Wu.includes(c))}).sort()},Uu=d(5644);const zs=({displayedFilters:t})=>{const[o,r]=(0,e.useState)(!1),{formatMessage:s}=(0,H.Z)(),a=(0,e.useRef)(),{trackUsage:l}=(0,h.rS)(),i=()=>{o||l("willFilterEntries"),r(c=>!c)};return e.createElement(e.Fragment,null,e.createElement(F.x,{paddingTop:1,paddingBottom:1},e.createElement(Ee.z,{variant:"tertiary",ref:a,startIcon:e.createElement(Uu.Z,null),onClick:i,size:"S"},s({id:"app.utils.filters",defaultMessage:"Filters"})),o&&e.createElement(h.J5,{displayedFilters:t,isVisible:o,onToggle:i,source:a})),e.createElement(h.W$,{filtersSchema:t}))};zs.propTypes={displayedFilters:n().arrayOf(n().shape({name:n().string.isRequired,metadatas:n().shape({label:n().string}),fieldSchema:n().shape({type:n().string})})).isRequired};var Vu=zs;const Us=({contentType:t,slug:o,metadatas:r})=>{const{formatMessage:s}=(0,H.Z)(),l=zu(t,o).map(i=>{const c=t.attributes[i],{type:p,enum:u}=c,m={name:"didFilterEntries",properties:{useRelation:p==="relation"}},{mainField:f,label:g}=r[i].list;return{name:i,metadatas:{label:s({id:g,defaultMessage:g})},fieldSchema:{type:p,options:u,mainField:f},trackedEvent:m}});return e.createElement(Vu,{displayedFilters:l})};Us.propTypes={contentType:n().object.isRequired,metadatas:n().object.isRequired,slug:n().string.isRequired};var Hu=Us,Qu=t=>Object.keys(t).reduce((r,s)=>{const a=t[s];return(0,y.ko)(a)&&r.push(s),r},[]).sort();const Vs=({layout:t})=>{const o=(0,le.I0)(),r=(0,le.v9)(Ms),{trackUsage:s}=(0,h.rS)(),{formatMessage:a}=(0,H.Z)(),l=Qu(t.contentType.attributes).map(p=>{const u=t.contentType.metadatas[p].list;return{name:p,intlLabel:{id:u.label,defaultMessage:u.label}}}),i=r.map(({name:p})=>p),c=p=>{if(s("didChangeDisplayedFields"),p.length<i.length){const u=i.filter(m=>p.indexOf(m)===-1);o(Bo({name:u[0],value:!0}))}else{const u=p.filter(m=>i.indexOf(m)===-1);o(Bo({name:u[0],value:!1}))}};return e.createElement(F.x,{paddingTop:1,paddingBottom:1},e.createElement(_e.P,{"aria-label":"change displayed fields",value:i,onChange:c,customizeContent:p=>a({id:(0,me.Z)("select.currently.selected"),defaultMessage:"{count} currently selected"},{count:p.length}),multi:!0,size:"S"},l.map(p=>e.createElement(Le.W,{key:p.name,value:p.name},a({id:p.intlLabel.id||p.name,defaultMessage:p.intlLabel.defaultMessage||p.name})))))};Vs.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};var Gu=(0,e.memo)(Vs);const Vo=({pagination:t})=>e.createElement(F.x,{paddingTop:4},e.createElement(P.k,{alignItems:"flex-end",justifyContent:"space-between"},e.createElement(h.v4,{trackedEvent:"willChangeNumberOfEntriesPerPage"}),e.createElement(h.tU,{pagination:t})));Vo.defaultProps={pagination:{pageCount:0,pageSize:10,total:0}},Vo.propTypes={pagination:n().shape({page:n().number,pageCount:n().number,pageSize:n().number,total:n().number})};var Ku=Vo;const Yu=Ie.Z.contentManager,Xu=(0,q.ZP)(F.x)`
996
- svg {
997
- path {
998
- fill: ${({theme:t})=>t.colors.neutral900};
999
- }
1000
- }
1001
- `;function Hs({canCreate:t,canDelete:o,canRead:r,data:s,getData:a,getDataSucceeded:l,isLoading:i,layout:c,pagination:p,slug:u}){const{total:m}=p,{contentType:f}=c,{metadatas:g,settings:{bulkable:E,filterable:b,searchable:v}}=f,O=(0,h.lm)(),{trackUsage:D}=(0,h.rS)(),{refetchPermissions:M}=(0,h.vn)(),L=(0,e.useRef)(D),I=(0,e.useRef)(M),{notifyStatus:C}=(0,No.G)(),{formatAPIError:T}=(0,h.So)(y.OB);(0,h.go)();const[{query:x}]=(0,h.Kx)(),B=Gr(x),U=(0,ot.stringify)({plugins:x.plugins},{encode:!1}),{pathname:A}=(0,_.TH)(),{push:G}=(0,_.k6)(),{formatMessage:$}=(0,H.Z)(),X=f.options?.draftAndPublish??!1,j=(0,h.kY)(),{post:J,del:N}=j,W=(0,e.useRef)(""),R=(0,e.useCallback)(async(ee,ae)=>{a();try{const z=ae?{cancelToken:ae.token}:null,{data:{results:ie,pagination:Be}}=await j.get(ee,z);C($({id:(0,y.OB)("utils.data-loaded"),defaultMessage:"{number, plural, =1 {# entry has} other {# entries have}} successfully been loaded"},{number:Be.count})),l(Be,ie)}catch(z){if(xe.Z.isCancel(z))return;if((z?.response?.status??null)===403){await I.current(),O({type:"info",message:{id:(0,y.OB)("permissions.not-allowed.update")}}),G("/");return}O({type:"warning",message:{id:(0,y.OB)("error.model.fetch")}})}},[$,a,l,C,G,O,j]),Z=(0,e.useCallback)(async ee=>{try{await J((0,y.IF)(`collection-types/${u}/actions/bulkDelete`),{ids:ee});const ae=(0,y.IF)(`collection-types/${u}${B}`);R(ae),L.current("didBulkDeleteEntries")}catch(ae){O({type:"warning",message:T(ae)})}},[R,B,u,O,T,J]),V=(0,e.useCallback)(async ee=>{try{await N((0,y.IF)(`collection-types/${u}/${ee}`));const ae=(0,y.IF)(`collection-types/${u}${B}`);R(ae),O({type:"success",message:{id:(0,y.OB)("success.record.delete")}})}catch(ae){O({type:"warning",message:T(ae)})}},[u,B,R,O,T,N]);(0,e.useEffect)(()=>{const ae=xe.Z.CancelToken.source(),z=r,ie=(0,y.IF)(`collection-types/${u}${B}`);return z&&ie.includes(W.current)&&R(ie,ae),()=>{W.current=u,ae.cancel("Operation canceled by the user.")}},[r,a,u,B,l,R]);const Y=$({id:(0,y.OB)("header.name"),defaultMessage:"Content"}),w=$({id:f.info.displayName,defaultMessage:f.info.displayName||Y}),S=r?$({id:(0,y.OB)("pages.ListView.header-subtitle"),defaultMessage:"{number, plural, =0 {# entries} one {# entry} other {# entries}} found"},{number:m}):null,oe=ee=>t?e.createElement(Ee.z,{...ee,forwardedAs:Bt.rU,onClick:()=>{const ae=X?{status:"draft"}:{};L.current("willCreateEntry",ae)},to:{pathname:`${A}/create`,search:x.plugins?U:""},startIcon:e.createElement(Ht.Z,null),style:{textDecoration:"none"}},$({id:(0,y.OB)("HeaderLayout.button.label-add-entry"),defaultMessage:"Create new entry"})):null;return e.createElement(ke.o,{"aria-busy":i},e.createElement(fe.T,{primaryAction:oe(),subtitle:S,title:w,navigationAction:e.createElement(h.rU,{startIcon:e.createElement(yn.Z,null),to:"/content-manager/"},$({id:"global.back",defaultMessage:"Back"}))}),!r&&e.createElement(Ts.Z,{endActions:e.createElement(sn,{area:"contentManager.listView.actions"})}),r&&e.createElement(Ts.Z,{endActions:e.createElement(e.Fragment,null,e.createElement(sn,{area:"contentManager.listView.actions"}),e.createElement(Gu,{layout:c}),e.createElement(h.jW,{permissions:Yu.collectionTypesConfigurations},e.createElement(Xu,{paddingTop:1,paddingBottom:1},e.createElement(we.h,{onClick:()=>{D("willEditListLayout")},forwardedAs:Bt.rU,to:{pathname:`${u}/configurations/list`,search:U},icon:e.createElement(as.Z,null),label:$({id:"app.links.configure-view",defaultMessage:"Configure the view"})})))),startActions:e.createElement(e.Fragment,null,v&&e.createElement(h.m,{label:$({id:"app.component.search.label",defaultMessage:"Search for {target}"},{target:w}),placeholder:$({id:"global.search",defaultMessage:"Search"}),trackedEvent:"didSearch"}),b&&e.createElement(Hu,{contentType:f,slug:u,metadatas:g}))}),e.createElement(Lt.D,null,r?e.createElement(e.Fragment,null,e.createElement(qu,{canCreate:t,canDelete:o,contentTypeName:w,onConfirmDeleteAll:Z,onConfirmDelete:V,isBulkable:E,isLoading:i,layout:c,rows:s,action:oe({variant:"secondary"})}),e.createElement(Ku,{pagination:{pageCount:p?.pageCount||1}})):e.createElement(h.ZF,null)))}Hs.propTypes={canCreate:n().bool.isRequired,canDelete:n().bool.isRequired,canRead:n().bool.isRequired,data:n().array.isRequired,layout:n().exact({components:n().object.isRequired,contentType:n().shape({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 Ju=mu();function _u(t){return(0,Rs.bindActionCreators)({getData:ru,getDataSucceeded:su,onChangeListHeaders:Bo,onResetListHeaders:au},t)}const em=(0,le.$j)(Ju,_u);var tm=(0,Rs.compose)(em)((0,e.memo)(Hs,ut()));const Ho=t=>{const o=(0,e.useMemo)(()=>(0,y.TA)(t.slug),[t.slug]),{isLoading:r,allowedActions:s}=(0,h.ss)(o,t.permissions);return r?e.createElement(h.dO,null):e.createElement(tm,{...t,...s})};Ho.defaultProps={permissions:[]},Ho.propTypes={permissions:n().array,slug:n().string.isRequired};var nm=(0,e.memo)(Ho,(t,o)=>{const r=(0,h.e5)(t,o);return Object.keys(r).filter(a=>a!=="state").length>0});const Qs=({layout:t,...o})=>{const r=(0,le.I0)(),{replace:s}=(0,_.k6)(),[{query:a,rawQuery:l}]=(0,h.Kx)(),i=ir(a,o.slug,"listView"),c=rr(o.slug);return(0,e.useEffect)(()=>{l||s(c)},[l,s,c]),(0,e.useEffect)(()=>{r(lu(t))},[r,t]),(0,e.useEffect)(()=>()=>{r(iu())},[r]),i?e.createElement(nm,{...o,layout:t,permissions:i}):null};Qs.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 om=Qs,rm=(t,o)=>{const{put:r}=(0,h.tg)();return r((0,y.IF)(`content-types/${o}/configuration`),t)};const Qo=({modifiedData:t,onChange:o,sortOptions:r})=>{const{formatMessage:s}=(0,H.Z)(),{settings:a,metadatas:l}=t;return e.createElement(P.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(Q.Z,{variant:"delta",as:"h2"},s({id:(0,y.OB)("containers.SettingPage.settings"),defaultMessage:"Settings"})),e.createElement(P.k,{justifyContent:"space-between",gap:4},e.createElement(F.x,{width:"100%"},e.createElement(Xt.s,{label:s({id:(0,y.OB)("form.Input.search"),defaultMessage:"Enable search"}),onChange:i=>{o({target:{name:"settings.searchable",value:i.target.checked}})},onLabel:s({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"on"}),offLabel:s({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"off"}),name:"settings.searchable",checked:a.searchable})),e.createElement(F.x,{width:"100%"},e.createElement(Xt.s,{label:s({id:(0,y.OB)("form.Input.filters"),defaultMessage:"Enable filters"}),onChange:i=>{o({target:{name:"settings.filterable",value:i.target.checked}})},onLabel:s({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"on"}),offLabel:s({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"off"}),name:"settings.filterable",checked:a.filterable})),e.createElement(F.x,{width:"100%"},e.createElement(Xt.s,{label:s({id:(0,y.OB)("form.Input.bulkActions"),defaultMessage:"Enable bulk actions"}),onChange:i=>{o({target:{name:"settings.bulkable",value:i.target.checked}})},onLabel:s({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"on"}),offLabel:s({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"off"}),name:"settings.bulkable",checked:a.bulkable}))),e.createElement(Ge.r,{gap:4},e.createElement(Oe.P,{s:12,col:6},e.createElement(_e.P,{label:s({id:(0,y.OB)("form.Input.pageEntries"),defaultMessage:"Entries per page"}),hint:s({id:(0,y.OB)("form.Input.pageEntries.inputDescription"),defaultMessage:"Note: You can override this value in the Collection Type settings page."}),onChange:i=>o({target:{name:"settings.pageSize",value:i}}),name:"settings.pageSize",value:t.settings.pageSize||""},[10,20,50,100].map(i=>e.createElement(Le.W,{key:i,value:i},i)))),e.createElement(Oe.P,{s:12,col:3},e.createElement(_e.P,{label:s({id:(0,y.OB)("form.Input.defaultSort"),defaultMessage:"Default sort attribute"}),onChange:i=>o({target:{name:"settings.defaultSortBy",value:i}}),name:"settings.defaultSortBy",value:t.settings.defaultSortBy||""},r.map(i=>e.createElement(Le.W,{key:i,value:i},l[i].list.label||i)))),e.createElement(Oe.P,{s:12,col:3},e.createElement(_e.P,{label:s({id:(0,y.OB)("form.Input.sort.order"),defaultMessage:"Default sort order"}),onChange:i=>o({target:{name:"settings.defaultSortOrder",value:i}}),name:"settings.defaultSortOrder",value:t.settings.defaultSortOrder||""},["ASC","DESC"].map(i=>e.createElement(Le.W,{key:i,value:i},i))))))};Qo.defaultProps={modifiedData:{},sortOptions:[]},Qo.propTypes={modifiedData:n().object,onChange:n().func.isRequired,sortOptions:n().array};var sm=Qo;const Go=(0,q.ZP)(P.k)`
1002
- height: ${({theme:t})=>t.spaces[7]};
1003
-
1004
- &:last-child {
1005
- padding: 0 ${({theme:t})=>t.spaces[3]};
1006
- }
1007
- `,am=(0,q.ZP)(Go)`
1008
- border-right: 1px solid
1009
- ${({theme:t,isSibling:o})=>o?t.colors.neutral150:t.colors.primary200};
1010
-
1011
- svg {
1012
- width: ${12/16}rem;
1013
- height: ${12/16}rem;
1014
- }
1015
- `,im=(0,q.ZP)(P.k)`
1016
- border: 1px solid
1017
- ${({theme:t,isSibling:o})=>o?t.colors.neutral150:t.colors.primary200};
1018
-
1019
- svg {
1020
- width: ${10/16}rem;
1021
- height: ${10/16}rem;
1022
-
1023
- path {
1024
- fill: ${({theme:t,isSibling:o})=>o?void 0:t.colors.primary600};
1025
- }
1026
- }
1027
- `,lm=(0,q.ZP)(Q.Z)`
1028
- max-width: ${72/16}rem;
1029
- `;function Jt({labelField:t,transparent:o,isSibling:r}){return e.createElement(im,{background:r?"neutral100":"primary100",display:"inline-flex",gap:3,hasRadius:!0,justifyContent:"space-between",transparent:o,isSibling:r,"max-height":(0,h.Q1)(32),maxWidth:"min-content",opacity:o?0:1},e.createElement(P.k,{gap:3},e.createElement(am,{alignItems:"center",cursor:"all-scroll",padding:3},e.createElement(mt.Z,null)),e.createElement(lm,{textColor:r?void 0:"primary600",fontWeight:"bold",ellipsis:!0},t)),e.createElement(P.k,null,e.createElement(Go,{alignItems:"center"},e.createElement(xt.Z,null)),e.createElement(Go,{alignItems:"center"},e.createElement(cn.Z,null))))}Jt.defaultProps={isSibling:!1,transparent:!1},Jt.propTypes={isSibling:n().bool,labelField:n().string.isRequired,transparent:n().bool};const Ko=q.ZP.button`
1030
- display: flex;
1031
- align-items: center;
1032
- height: ${({theme:t})=>t.spaces[7]};
1033
-
1034
- &:last-child {
1035
- padding: 0 ${({theme:t})=>t.spaces[3]};
1036
- }
1037
- `,Gs=(0,q.ZP)(Ko)`
1038
- padding: 0 ${({theme:t})=>t.spaces[3]};
1039
- border-right: 1px solid ${({theme:t})=>t.colors.neutral150};
1040
- cursor: all-scroll;
1041
-
1042
- svg {
1043
- width: ${12/16}rem;
1044
- height: ${12/16}rem;
1045
- }
1046
- `,cm=(0,q.ZP)(P.k)`
1047
- max-height: ${32/16}rem;
1048
- cursor: pointer;
1049
-
1050
- svg {
1051
- width: ${10/16}rem;
1052
- height: ${10/16}rem;
1053
-
1054
- path {
1055
- fill: ${({theme:t})=>t.colors.neutral600};
1056
- }
1057
- }
1058
-
1059
- &:hover {
1060
- background-color: ${({theme:t})=>t.colors.primary100};
1061
- border-color: ${({theme:t})=>t.colors.primary200};
1062
-
1063
- svg {
1064
- path {
1065
- fill: ${({theme:t})=>t.colors.primary600};
1066
- }
1067
- }
1068
-
1069
- ${Q.Z} {
1070
- color: ${({theme:t})=>t.colors.primary600};
1071
- }
1072
-
1073
- ${Gs} {
1074
- border-right: 1px solid ${({theme:t})=>t.colors.primary200};
1075
- }
1076
- }
1077
- `,dm=(0,q.ZP)(F.x)`
1078
- &:last-child {
1079
- padding-right: ${({theme:t})=>t.spaces[3]};
1080
- }
1081
- `,Ks=({index:t,isDraggingSibling:o,labelField:r,onClickEditField:s,onMoveField:a,onRemoveField:l,name:i,setIsDraggingSibling:c})=>{const{formatMessage:p}=(0,H.Z)(),u=(0,e.useRef)(null),m=(0,e.useRef)(null),[,f]=(0,e.useState)(!1),g=(0,e.useRef)(),E=()=>{g.current&&g.current.click()},[,b]=(0,Ae.useDrop)({accept:y._Q.FIELD,hover(L,I){if(!m.current)return;const C=L.index,T=t;if(C===T)return;const x=m.current.getBoundingClientRect(),B=(x.right-x.left)/2,A=I.getClientOffset().x-x.left;C>T&&A>B||C<T&&A<B||(a(C,T),L.index=T)}}),[{isDragging:v},O,D]=(0,Ae.useDrag)({type:y._Q.FIELD,item(){return{index:t,labelField:r,name:i}},collect:L=>({isDragging:L.isDragging()}),end(){c(!1)}});(0,e.useEffect)(()=>{D((0,Wt.rX)(),{captureDraggingState:!1})},[D]),(0,e.useEffect)(()=>{v&&c(!0)},[v,c]),(0,e.useEffect)(()=>{o||f(L=>!L)},[o]);const M={dragRef:O(u),dropRef:b(m)};return e.createElement(dm,{ref:M?M.dropRef:null},v&&e.createElement(Jt,{transparent:!0,labelField:r}),!v&&o&&e.createElement(Jt,{isSibling:!0,labelField:r}),!v&&!o&&e.createElement(cm,{borderColor:"neutral150",background:"neutral100",hasRadius:!0,justifyContent:"space-between",onClick:E,isDragging:v},e.createElement(P.k,{gap:3},e.createElement(Gs,{as:"span","aria-label":p({id:(0,y.OB)("components.DraggableCard.move.field"),defaultMessage:"Move {item}"},{item:r}),onClick:L=>L.stopPropagation(),ref:M.dragRef,type:"button"},e.createElement(mt.Z,null)),e.createElement(Q.Z,{fontWeight:"bold"},r)),e.createElement(P.k,{paddingLeft:3},e.createElement(Ko,{ref:g,onClick:L=>{L.stopPropagation(),s(i)},"aria-label":p({id:(0,y.OB)("components.DraggableCard.edit.field"),defaultMessage:"Edit {item}"},{item:r}),type:"button"},e.createElement(xt.Z,null)),e.createElement(Ko,{onClick:l,"data-testid":`delete-${i}`,"aria-label":p({id:(0,y.OB)("components.DraggableCard.delete.field"),defaultMessage:"Delete {item}"},{item:r}),type:"button"},e.createElement(cn.Z,null)))))};Ks.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 um=Ks;const Ys=(0,q.ZP)(F.x)`
1082
- flex: ${({size:t})=>t};
1083
- `,mm=(0,q.ZP)(Ys)`
1084
- overflow-x: scroll;
1085
- overflow-y: hidden;
1086
- `,pm=(0,q.ZP)(Ys)`
1087
- max-width: ${32/16}rem;
1088
- `,Xs=({displayedFields:t,listRemainingFields:o,metadatas:r,onAddField:s,onClickEditField:a,onMoveField:l,onRemoveField:i})=>{const{formatMessage:c}=(0,H.Z)(),[p,u]=(0,e.useState)(!1),[m,f]=(0,e.useState)(null),g=(0,e.useRef)();function E(...v){f("add"),s(...v)}function b(...v){f("remove"),i(...v)}return(0,e.useEffect)(()=>{m==="add"&&g?.current&&(g.current.scrollLeft=g.current.scrollWidth)},[t,m]),e.createElement(e.Fragment,null,e.createElement(F.x,{paddingBottom:4},e.createElement(Q.Z,{variant:"delta",as:"h2"},c({id:(0,y.OB)("containers.SettingPage.view"),defaultMessage:"View"}))),e.createElement(P.k,{paddingTop:4,paddingLeft:4,paddingRight:4,borderColor:"neutral300",borderStyle:"dashed",borderWidth:"1px",hasRadius:!0},e.createElement(mm,{size:"1",paddingBottom:4,ref:g},e.createElement(P.k,{gap:3},t.map((v,O)=>e.createElement(um,{key:v,index:O,isDraggingSibling:p,onMoveField:l,onClickEditField:a,onRemoveField:D=>b(D,O),name:v,labelField:r[v].list.label||v,setIsDraggingSibling:u})))),e.createElement(pm,{size:"auto",paddingBottom:4},e.createElement(et.O,{label:c({id:(0,y.OB)("components.FieldSelect.label"),defaultMessage:"Add a field"}),as:we.h,icon:e.createElement(Ht.Z,null),disabled:o.length<=0,"data-testid":"add-field"},o.map(v=>e.createElement(et.s,{key:v,onClick:()=>E(v)},r[v].list.label||v))))))};Xs.propTypes={displayedFields:he.PropTypes.array.isRequired,listRemainingFields:he.PropTypes.array.isRequired,metadatas:he.PropTypes.objectOf(he.PropTypes.shape({list:he.PropTypes.shape({label:he.PropTypes.string})})).isRequired,onAddField:he.PropTypes.func.isRequired,onClickEditField:he.PropTypes.func.isRequired,onMoveField:he.PropTypes.func.isRequired,onRemoveField:he.PropTypes.func.isRequired};var gm=Xs;const fm=(0,q.ZP)(P.k)`
1089
- svg {
1090
- width: ${32/16}rem;
1091
- height: ${24/16}rem;
1092
- margin-right: ${({theme:t})=>t.spaces[3]};
1093
- }
1094
- `,Js=({attributes:t,fieldForm:o,fieldToEdit:r,onCloseModal:s,onChangeEditLabel:a,onSubmit:l,type:i})=>{const{formatMessage:c}=(0,H.Z)(),p=t[r].relationType;let u=!["media","relation"].includes(i);return["oneWay","oneToOne","manyToOne"].includes(p)&&(u=!0),e.createElement(ps.P,{onClose:s,labelledBy:"title"},e.createElement("form",{onSubmit:l},e.createElement(gs.x,null,e.createElement(fm,null,e.createElement(Es,{type:i}),e.createElement(Q.Z,{fontWeight:"bold",textColor:"neutral800",as:"h2",id:"title"},c({id:(0,y.OB)("containers.ListSettingsView.modal-form.edit-label"),defaultMessage:"Edit {fieldName}"},{fieldName:Kt()(r)})))),e.createElement(fs.f,null,e.createElement(Ge.r,{gap:4},e.createElement(Oe.P,{s:12,col:6},e.createElement(qn.o,{id:"label-input",label:c({id:(0,y.OB)("form.Input.label"),defaultMessage:"Label"}),name:"label",onChange:m=>a(m),value:o.label,hint:c({id:(0,y.OB)("form.Input.label.inputDescription"),defaultMessage:"This value overrides the label displayed in the table's head"})})),u&&e.createElement(Oe.P,{s:12,col:6},e.createElement(Xt.s,{"data-testid":"Enable sort on this field",checked:o.sortable,label:c({id:(0,y.OB)("form.Input.sort.field"),defaultMessage:"Enable sort on this field"}),name:"sortable",onChange:m=>a({target:{name:"sortable",value:m.target.checked}}),onLabel:c({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"on"}),offLabel:c({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"off"})})))),e.createElement(hs.m,{startActions:e.createElement(Ee.z,{onClick:s,variant:"tertiary"},c({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endActions:e.createElement(Ee.z,{type:"submit"},c({id:"global.finish",defaultMessage:"Finish"}))})))};Js.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 hm=Js,ym=(t,o)=>({...t,initialData:o,modifiedData:o});const Yo={fieldForm:{},fieldToEdit:"",initialData:{},modifiedData:{}};var bm=(t=Yo,o)=>(0,Te.ZP)(t,r=>{const s=["modifiedData","layouts","list"];switch(o.type){case"ADD_FIELD":{const a=k()(t,s,[]);K()(r,s,[...a,o.item]);break}case"MOVE_FIELD":{const a=k()(t,s,[]),{originalIndex:l,atIndex:i}=o;K()(r,s,(0,y.W3)(a,l,i));break}case"ON_CHANGE":{K()(r,["modifiedData",...o.keys.split(".")],o.value);break}case"ON_CHANGE_FIELD_METAS":{K()(r,["fieldForm",o.name],o.value);break}case"REMOVE_FIELD":{const a=k()(t,s,[]);K()(r,s,a.filter((l,i)=>o.index!==i));break}case"SET_FIELD_TO_EDIT":{const{fieldToEdit:a}=o;r.fieldToEdit=a,r.fieldForm.label=k()(r,["modifiedData","metadatas",a,"list","label"],""),r.fieldForm.sortable=k()(r,["modifiedData","metadatas",a,"list","sortable"],"");break}case"UNSET_FIELD_TO_EDIT":{r.fieldForm={},r.fieldToEdit="";break}case"SUBMIT_FIELD_FORM":{const a=["modifiedData","metadatas",t.fieldToEdit,"list"];K()(r,[...a,"label"],t.fieldForm.label),K()(r,[...a,"sortable"],t.fieldForm.sortable);break}default:return r}});const Em=["media","richtext","dynamiczone","relation","component","json"],_s=({layout:t,slug:o})=>{const{formatMessage:r}=(0,H.Z)(),{trackUsage:s}=(0,h.rS)(),a=sr(),l=(0,h.lm)(),{refetchData:i}=(0,e.useContext)(Qe),[c,p]=(0,e.useState)(!1),u=()=>p(R=>!R),[m,f]=(0,e.useReducer)(bm,Yo,()=>ym(Yo,t)),{fieldToEdit:g,fieldForm:E,initialData:b,modifiedData:v}=m,O=!Se()(E),{attributes:D}=t,M=v.layouts.list,L=()=>{const{settings:{pageSize:R,defaultSortBy:Z,defaultSortOrder:V},kind:Y,uid:w}=b,S=`${Z}:${V}`,oe=`${(0,ot.stringify)({page:1,pageSize:R,sort:S},{encode:!1})}${a?`&${a}`:""}`;return`/content-manager/${Y}/${w}?${oe}`},I=({target:{name:R,value:Z}})=>{f({type:"ON_CHANGE",keys:R,value:R==="settings.pageSize"?parseInt(Z,10):Z})},C=async()=>{const R=Wn()(v,["layouts","settings","metadatas"]);$.mutate(R)},T=R=>{f({type:"ADD_FIELD",item:R})},x=(R,Z)=>{R.stopPropagation(),M.length===1?l({type:"info",message:{id:(0,y.OB)("notification.info.minimumFields")}}):f({type:"REMOVE_FIELD",index:Z})},B=R=>{R.preventDefault(),u(),s("willSaveContentTypeLayout")},U=R=>{f({type:"SET_FIELD_TO_EDIT",fieldToEdit:R})},A=()=>{f({type:"UNSET_FIELD_TO_EDIT"})},G=R=>{R.preventDefault(),f({type:"SUBMIT_FIELD_FORM"}),A()},$=(0,Et.useMutation)(R=>rm(R,o),{onSuccess(){s("didEditListSettings"),i()},onError(){l({type:"warning",message:{id:"notification.error"}})}}),{isLoading:X}=$,j=({target:{name:R,value:Z}})=>{f({type:"ON_CHANGE_FIELD_METAS",name:R,value:Z})},J=Object.entries(D).reduce((R,Z)=>{const[V,Y]=Z,w=(0,y.ko)(Y),S=M.includes(V);return w&&!S&&R.push(V),R},[]).sort(),N=Object.entries(D).reduce((R,Z)=>{const[V,{type:Y}]=Z;return Em.includes(Y)||R.push(V),R},[]),W=(R,Z)=>{f({type:"MOVE_FIELD",originalIndex:R,atIndex:Z})};return e.createElement(Ne.A,null,e.createElement(ke.o,{"aria-busy":X},e.createElement("form",{onSubmit:B},e.createElement(fe.T,{navigationAction:e.createElement(h.rU,{startIcon:e.createElement(yn.Z,null),to:L,id:"go-back"},r({id:"global.back",defaultMessage:"Back"})),primaryAction:e.createElement(Ee.z,{size:"S",startIcon:e.createElement($t.Z,null),disabled:Qt()(v,b),type:"submit"},r({id:"global.save",defaultMessage:"Save"})),subtitle:r({id:(0,y.OB)("components.SettingsViewWrapper.pluginHeader.description.list-settings"),defaultMessage:"Define the settings of the list view."}),title:r({id:(0,y.OB)("components.SettingsViewWrapper.pluginHeader.title"),defaultMessage:"Configure the view - {name}"},{name:Kt()(v.info.displayName)})}),e.createElement(Lt.D,null,e.createElement(F.x,{background:"neutral0",hasRadius:!0,shadow:"tableShadow",paddingTop:6,paddingBottom:6,paddingLeft:7,paddingRight:7},e.createElement(sm,{modifiedData:v,onChange:I,sortOptions:N}),e.createElement(F.x,{paddingTop:6,paddingBottom:6},e.createElement(os.i,null)),e.createElement(gm,{listRemainingFields:J,displayedFields:M,onAddField:T,onClickEditField:U,onMoveField:W,onRemoveField:x,metadatas:v.metadatas}))),e.createElement(h.QH,{bodyText:{id:(0,y.OB)("popUpWarning.warning.updateAllSettings"),defaultMessage:"This will modify all your settings"},iconRightButton:e.createElement($t.Z,null),isConfirmButtonLoading:X,isOpen:c,onToggleDialog:u,onConfirm:C,variantRightButton:"success-light"})),O&&e.createElement(hm,{attributes:D,fieldForm:E,fieldToEdit:g,onChangeEditLabel:j,onCloseModal:A,onSubmit:G,type:k()(D,[g,"type"],"text")})))};_s.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 vm=(0,e.memo)(_s),Cm=()=>e.createElement(F.x,{padding:8},e.createElement(h.Hn,null));const ea=Ie.Z.contentManager,ta=({match:{params:{slug:t},url:o}})=>{const{isLoading:r,layout:s,updateLayout:a}=tr(t),{rawContentTypeLayout:l,rawComponentsLayouts:i}=(0,e.useMemo)(()=>{let m={},f={};return s.contentType&&(m=(0,y.du)(s.contentType)),s.components&&(f=Object.keys(s.components).reduce((g,E)=>(g[E]=(0,y.du)(s.components[E]),g),{})),{rawContentTypeLayout:m,rawComponentsLayouts:f}},[s]);if((s?.contentType?.uid??null)!==t||r)return e.createElement(h.dO,null);const p=({location:{state:m},history:{goBack:f},match:{params:{id:g,origin:E}}},b)=>e.createElement(b,{slug:t,layout:s,state:m,goBack:f,id:g,origin:E}),u=[{path:"create/clone/:origin",comp:Cn},{path:"create",comp:Cn},{path:":id",comp:Cn},{path:"",comp:om}].map(({path:m,comp:f})=>e.createElement(_.AW,{key:m,path:`${o}/${m}`,render:g=>p(g,f)}));return e.createElement(tt.ErrorBoundary,{FallbackComponent:Cm},e.createElement(nt.Provider,{value:s},e.createElement(_.rs,null,e.createElement(_.AW,{path:`${o}/configurations/list`},e.createElement(h.O4,{permissions:ea.collectionTypesConfigurations},e.createElement(vm,{layout:l,slug:t,updateLayout:a}))),e.createElement(_.AW,{path:`${o}/configurations/edit`},e.createElement(h.O4,{permissions:ea.collectionTypesConfigurations},e.createElement(Zo,{components:i,isContentTypeView:!0,mainLayout:l,slug:t,updateLayout:a}))),u)))};ta.propTypes={match:n().shape({url:n().string.isRequired,params:n().shape({slug:n().string.isRequired}).isRequired}).isRequired};var Rm=(0,e.memo)(ta),na=d(57678);const Tm=Ie.Z.contentManager,Mm=()=>{const[{isLoading:t,data:o},r]=(0,e.useReducer)(na.Z,na.q),s=(0,e.useMemo)(Tn,[]),{schemas:a}=(0,le.v9)(c=>s(c),le.wU),{uid:l}=(0,_.UO)(),{get:i}=(0,h.kY)();return(0,e.useEffect)(()=>{const p=xe.Z.CancelToken.source();return(async m=>{try{r(fn());const{data:{data:f}}=await i((0,y.IF)(`components/${l}/configuration`),{cancelToken:m.token});r(fo((0,y.w8)(f,a,"component")))}catch(f){if(xe.Z.isCancel(f))return;console.error(f)}})(p),()=>{p.cancel("Operation canceled by the user.")}},[l,a,i]),t?e.createElement(h.dO,null):e.createElement(h.O4,{permissions:Tm.componentsConfigurations},e.createElement(Zo,{components:o.components,mainLayout:o.component,slug:l}))};var Dm=(0,e.memo)(Mm),km=d(9695),Im=d(54725),Om=()=>{const{formatMessage:t}=(0,H.Z)();return(0,h.go)(),e.createElement(ke.o,null,e.createElement(fe.T,{title:t({id:(0,y.OB)("header.name"),defaultMessage:"Content"})}),e.createElement(Lt.D,null,e.createElement(km.x,{action:e.createElement(h.Qj,{variant:"secondary",startIcon:e.createElement(Ht.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(Im.Z,{width:"10rem"}),shadow:"tableShadow"})))},wm=()=>{const{formatMessage:t}=(0,H.Z)();return(0,h.go)(),e.createElement(ke.o,null,e.createElement(fe.T,{title:t({id:(0,y.OB)("header.name"),defaultMessage:"Content"})}),e.createElement(Lt.D,null,e.createElement(h.ZF,null)))};const Lm=Ie.Z.contentManager,oa=({match:{params:{slug:t},url:o}})=>{const{isLoading:r,layout:s,updateLayout:a}=tr(t),{rawContentTypeLayout:l,rawComponentsLayouts:i}=(0,e.useMemo)(()=>{let c={},p={};return s.contentType&&(p=(0,y.du)(s.contentType)),s.components&&(c=Object.keys(s.components).reduce((u,m)=>(u[m]=(0,y.du)(s.components[m]),u),{})),{rawContentTypeLayout:p,rawComponentsLayouts:c}},[s]);return r?e.createElement(h.dO,null):e.createElement(nt.Provider,{value:s},e.createElement(_.rs,null,e.createElement(_.AW,{path:`${o}/configurations/edit`},e.createElement(h.O4,{permissions:Lm.singleTypesConfigurations},e.createElement(Zo,{components:i,isContentTypeView:!0,mainLayout:l,slug:t,updateLayout:a}))),e.createElement(_.AW,{path:o,render:({location:{state:c},history:{goBack:p}})=>e.createElement(Cn,{layout:s,slug:t,isSingleType:!0,state:c,goBack:p})})))};oa.propTypes={match:n().shape({url:n().string.isRequired,params:n().shape({slug:n().string.isRequired}).isRequired}).isRequired};var xm=(0,e.memo)(oa),Pm=d(90700),Fm=d(78090),Sm=d(77013),Am=d(79318),$m=d(66618),Zm=()=>{const[t,o]=(0,e.useState)(""),{formatMessage:r,locale:s}=(0,H.Z)(),a=(0,e.useMemo)(ca,[]),{collectionTypeLinks:l,singleTypeLinks:i}=(0,le.v9)(a,le.wU),{startsWith:c}=(0,h.L0)(s,{sensitivity:"base"}),p=(0,h.Xe)(s,{sensitivity:"base"}),u=(0,e.useMemo)(()=>[{id:"collectionTypes",title:{id:(0,me.Z)("components.LeftMenu.collection-types"),defaultMessage:"Collection Types"},searchable:!0,links:l},{id:"singleTypes",title:{id:(0,me.Z)("components.LeftMenu.single-types"),defaultMessage:"Single Types"},searchable:!0,links:i}].map(E=>({...E,links:E.links.filter(b=>c(b.title,t)).sort((b,v)=>p.compare(b.title,v.title)).map(b=>({...b,title:r({id:b.title,defaultMessage:b.title})}))})),[l,t,i,c,r,p]),m=()=>{o("")},f=({target:{value:E}})=>{o(E)},g=r({id:(0,me.Z)("header.name"),defaultMessage:"Content"});return e.createElement(Pm.m,{ariaLabel:g},e.createElement(Fm.p,{label:g,searchable:!0,value:t,onChange:f,onClear:m,searchLabel:r({id:"content-manager.components.LeftMenu.Search.label",defaultMessage:"Search for a content type"})}),e.createElement(Sm.Z,null,u.map(E=>{const b=r({id:E.title.id,defaultMessage:E.title.defaultMessage},E.title.values);return e.createElement(Am.D,{key:E.id,label:b,badgeLabel:E.links.length.toString()},E.links.map(v=>{const O=v.search?`?${v.search}`:"";return e.createElement($m.E,{as:Bt.OL,key:v.uid,to:`${v.to}${O}`},v.title)}))})))},Xo=d(92886);const Bm=()=>({type:Xo.fn}),Nm=()=>({type:Xo.sZ}),qm=({authorizedCollectionTypeLinks:t,authorizedSingleTypeLinks:o,contentTypeSchemas:r,components:s,fieldSizes:a})=>({type:Xo.IX,data:{authorizedCollectionTypeLinks:t,authorizedSingleTypeLinks:o,components:s,contentTypeSchemas:r,fieldSizes:a}}),ra=(t,o,r=[])=>t.filter(s=>s.isDisplayed).map(s=>{const a=[{action:"plugin::content-manager.explorer.create",subject:s.uid},{action:"plugin::content-manager.explorer.read",subject:s.uid}],l=[{action:"plugin::content-manager.explorer.read",subject:s.uid}],i=o==="collectionTypes"?a:l,c=r.find(({uid:u})=>u===s.uid);let p=null;if(c){const u={page:1,pageSize:c.settings.pageSize,sort:`${c.settings.defaultSortBy}:${c.settings.defaultSortOrder}`};p=(0,ot.stringify)(u,{encode:!1})}return{permissions:i,search:p,kind:s.kind,title:s.info.displayName,to:`/content-manager/${s.kind}/${s.uid}`,uid:s.uid,name:s.uid,isDisplayed:s.isDisplayed}});var jm=(t,o)=>{const r=Object.entries(Wr()(t,"kind")).map(([l,i])=>({name:l,links:i})),[s,a]=Pe()(r,"name");return{collectionTypeSectionLinks:ra(s?.links||[],"collectionTypes",o),singleTypeSectionLinks:ra(a?.links??[],"singleTypes")}},sa=(t,o)=>o.map(({permissions:r})=>(0,h.qX)(t,r)),Wm=async({models:t,userPermissions:o,toggleNotification:r})=>{const{get:s}=(0,h.tg)();try{const{data:{data:a}}=await s((0,y.IF)("content-types-settings")),{collectionTypeSectionLinks:l,singleTypeSectionLinks:i}=jm(t,a),c=await Promise.all(sa(o,l)),p=l.filter((f,g)=>c[g]),u=await Promise.all(sa(o,i)),m=i.filter((f,g)=>u[g]);return{authorizedCollectionTypeLinks:p,authorizedSingleTypeLinks:m}}catch(a){return console.error(a),r({type:"warning",message:{id:"notification.error"}}),{authorizedCollectionTypeLinks:[],authorizedSingleTypeLinks:[]}}},zm=()=>{const t=(0,le.I0)(),o=(0,h.lm)(),r=(0,le.v9)(wt()),s=(0,e.useRef)(),{allPermissions:a}=(0,h.vn)(),{runHookWaterfall:l}=(0,h.j1)(),c=xe.Z.CancelToken.source(),{notifyStatus:p}=(0,No.G)(),{formatMessage:u}=(0,H.Z)(),{get:m}=(0,h.kY)(),f=async()=>{t(Bm());try{const{data:{data:{components:g,contentTypes:E,fieldSizes:b}}}=await m((0,y.IF)("init"),{cancelToken:c.token});p(u({id:(0,y.OB)("App.schemas.data-loaded"),defaultMessage:"The schemas have been successfully loaded."}));const v=await Wm({models:E,userPermissions:a,toggleNotification:o}),{ctLinks:O}=l(rn.LK,{ctLinks:v.authorizedCollectionTypeLinks,models:E}),{stLinks:D}=l(rn.dV,{stLinks:v.authorizedSingleTypeLinks,models:E}),M=qm({authorizedCollectionTypeLinks:O,authorizedSingleTypeLinks:D,contentTypeSchemas:E,components:g,fieldSizes:b});t(M)}catch(g){if(xe.Z.isCancel(g))return;console.error(g),o({type:"warning",message:{id:"notification.error"}})}};return s.current=f,(0,e.useEffect)(()=>(s.current(),()=>{c.cancel("Operation canceled by the user."),t(Nm())}),[t,o]),{...r,refetchData:s.current}},_t=d(25708),Um=d(16899);const Vm=(0,q.ZP)(P.k)`
1095
- border-radius: 50%;
1096
-
1097
- svg {
1098
- height: ${6/16}rem;
1099
- width: ${11/16}rem;
1100
- > path {
1101
- fill: ${({theme:t})=>t.colors.neutral600};
1102
- }
1103
- }
1104
- `,Hm=q.ZP.button`
1105
- border: none;
1106
- background: transparent;
1107
- display: block;
1108
- width: 100%;
1109
- text-align: unset;
1110
- padding: 0;
1111
- `;function aa({displayedValue:t}){return e.createElement(P.k,{background:"neutral0",borderColor:"neutral200",justifyContent:"space-between",gap:3,padding:3,width:(0,h.Q1)(300)},e.createElement(Hm,{type:"button"},e.createElement(P.k,{gap:6},e.createElement(Vm,{alignItems:"center",justifyContent:"center",background:"neutral200",height:(0,h.Q1)(32),width:(0,h.Q1)(32)},e.createElement(Um.Z,null)),e.createElement(P.k,{maxWidth:(0,h.Q1)(150)},e.createElement(Q.Z,{textColor:"neutral700",ellipsis:!0},t)))),e.createElement(P.k,{gap:2},e.createElement(we.h,{noBorder:!0},e.createElement(rt.Z,null)),e.createElement(we.h,{noBorder:!0},e.createElement(mt.Z,null))))}aa.propTypes={displayedValue:n().string.isRequired};const ia=({status:t,displayedValue:o,width:r})=>{const{formatMessage:s}=(0,H.Z)(),a={[vt.DRAFT]:s({id:(0,y.OB)("relation.publicationState.draft"),defaultMessage:"Draft"}),[vt.PUBLISHED]:s({id:(0,y.OB)("relation.publicationState.published"),defaultMessage:"Published"})},l=t===vt.DRAFT?"secondary":"success";return e.createElement(F.x,{style:{width:r}},e.createElement(P.k,{paddingTop:2,paddingBottom:2,paddingLeft:2,paddingRight:4,hasRadius:!0,borderSize:1,background:"neutral0",borderColor:"neutral200",justifyContent:"space-between"},e.createElement(Fr,{gap:1},e.createElement(we.h,{noBorder:!0},e.createElement(mt.Z,null)),e.createElement(Sr,{maxWidth:"100%",justifyContent:"space-between"},e.createElement(F.x,{minWidth:0,paddingTop:1,paddingBottom:1,paddingRight:4},e.createElement($r,null,e.createElement(Q.Z,{textColor:"primary600",ellipsis:!0},o))),t&&e.createElement(zn.q,{variant:l,showBullet:!1,size:"S"},e.createElement(Q.Z,{fontWeight:"bold",textColor:`${l}700`},a[t])))),e.createElement(F.x,{paddingLeft:4},e.createElement(Zr,{type:"button"},e.createElement(Pr.J,{width:"12px",as:cn.Z})))))};ia.propTypes={status:n().string.isRequired,displayedValue:n().string.isRequired,width:n().number.isRequired};const Qm=Ie.Z.contentManager;function Gm({type:t,item:o}){if([_t.Z.EDIT_FIELD,_t.Z.FIELD].includes(t))return e.createElement(Jt,{labelField:o.labelField});const[r]=t.split("_");switch(r){case _t.Z.COMPONENT:case _t.Z.DYNAMIC_ZONE:return e.createElement(aa,{displayedValue:o.displayedValue});case _t.Z.RELATION:return e.createElement(ia,{displayedValue:o.displayedValue,status:o.status,width:o.width});default:return null}}const la=()=>{const t=(0,_.$B)("/content-manager/:kind/:uid"),{status:o,collectionTypeLinks:r,singleTypeLinks:s,models:a,refetchData:l}=zm(),i=Pe()([...r,...s],g=>g.title.toLowerCase()),{pathname:c}=(0,_.TH)(),{formatMessage:p}=(0,H.Z)(),{startSection:u}=(0,h.c1)(),m=(0,e.useRef)(u);if((0,e.useEffect)(()=>{m.current&&m.current("contentManager")},[]),o==="loading")return e.createElement(ke.o,{"aria-busy":"true"},e.createElement(fe.T,{title:p({id:(0,me.Z)("header.name"),defaultMessage:"Content"})}),e.createElement(h.dO,null));const f=a.filter(({isDisplayed:g})=>g);return i.length===0&&f.length>0&&c!=="/content-manager/403"?e.createElement(_.l_,{to:"/content-manager/403"}):f.length===0&&c!=="/content-manager/no-content-types"?e.createElement(_.l_,{to:"/content-manager/no-content-types"}):!t&&i.length>0?e.createElement(_.l_,{to:`${i[0].to}${i[0].search?`?${i[0].search}`:""}`}):e.createElement(Ne.A,{sideNav:e.createElement(Zm,null)},e.createElement(at,{renderItem:Gm}),e.createElement(Qe.Provider,{value:{refetchData:l}},e.createElement(_.rs,null,e.createElement(_.AW,{path:"/content-manager/components/:uid/configurations/edit"},e.createElement(h.O4,{permissions:Qm.componentsConfigurations},e.createElement(Dm,null))),e.createElement(_.AW,{path:"/content-manager/collectionType/:slug",component:Rm}),e.createElement(_.AW,{path:"/content-manager/singleType/:slug",component:xm}),e.createElement(_.AW,{path:"/content-manager/403"},e.createElement(wm,null)),e.createElement(_.AW,{path:"/content-manager/no-content-types"},e.createElement(Om,null)),e.createElement(_.AW,{path:"",component:h.Hn}))))};function Km(){const{formatMessage:t}=(0,H.Z)();return e.createElement(e.Fragment,null,e.createElement(Me.q,{title:t({id:(0,me.Z)("plugin.name"),defaultMessage:"Content Manager"})}),e.createElement(la,null))}},92914:function(Je,Re,d){"use strict";d.d(Re,{Z:function(){return nt}});var e=d(32735),Me=d(60216),_=d.n(Me),h=d(67879),ke=d(24989),fe=d(87933),Ne=d(49372),H=d(72850),Ue=d(9026),Pe=d(95952);const Ie=60*1e3,me=Ie*60,he=me*24,n=he*30,Ae=he*365;var Mt=ye=>ye<Ie?{unit:"second",value:-Math.round(ye/1e3)}:ye<me?{unit:"minute",value:-Math.round(ye/Ie)}:ye<he?{unit:"hour",value:-Math.round(ye/me)}:ye<n?{unit:"day",value:-Math.round(ye/he)}:ye<Ae?{unit:"month",value:-Math.round(ye/n)}:{unit:"year",value:-Math.round(ye/Ae)},at=d(8997);const Dt=()=>{const{formatMessage:ye}=(0,h.Z)();return e.createElement(fe.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(Ne.Z,{variant:"sigma",textColor:"neutral600",id:"additional-information"},ye({id:(0,Pe.OB)("containers.Edit.information"),defaultMessage:"Information"})),e.createElement(H.x,null,e.createElement(Ue.i,null)))},Qe=({label:ye,value:it})=>e.createElement(fe.k,{justifyContent:"space-between"},e.createElement(Ne.Z,{as:"dt",fontWeight:"bold",textColor:"neutral800",variant:"pi"},ye),e.createElement(Ne.Z,{as:"dd",variant:"pi",textColor:"neutral600"},it));Qe.propTypes={label:_().string.isRequired,value:_().string.isRequired};const tt=()=>{const{formatMessage:ye,formatRelativeTime:it}=(0,h.Z)(),{initialData:le,isCreatingEntry:kt}=(0,ke.Wq)(),lt=(0,e.useRef)(Date.now()),ct=(dt,$e)=>{const{firstname:bt,lastname:k,username:We}=le[$e]??{},K=bt??"",y=k??"",ne=We??(0,at.Pp)(K,y),ue=(le[dt]?new Date(le[dt]).getTime():Date.now())-lt.current,{unit:ge,value:Ze}=Mt(-ue);return{at:it(Ze,ge,{numeric:"auto"}),by:kt?"-":ne}},qe=ct("updatedAt","updatedBy"),xe=ct("createdAt","createdBy");return e.createElement(fe.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(fe.k,{direction:"column",alignItems:"stretch",gap:2,as:"dl"},e.createElement(Qe,{label:ye({id:(0,Pe.OB)("containers.Edit.information.created"),defaultMessage:"Created"}),value:xe.at}),e.createElement(Qe,{label:ye({id:(0,Pe.OB)("containers.Edit.information.by"),defaultMessage:"By"}),value:xe.by})),e.createElement(fe.k,{direction:"column",alignItems:"stretch",gap:2,as:"dl"},e.createElement(Qe,{label:ye({id:(0,Pe.OB)("containers.Edit.information.lastUpdate"),defaultMessage:"Last update"}),value:qe.at}),e.createElement(Qe,{label:ye({id:(0,Pe.OB)("containers.Edit.information.by"),defaultMessage:"By"}),value:qe.by})))},yt=({children:ye})=>e.createElement(fe.k,{direction:"column",alignItems:"stretch",gap:4},ye);yt.propTypes={children:_().oneOfType([_().arrayOf(_().node),_().node]).isRequired};var nt={Root:yt,Title:Dt,Body:tt}},73710:function(Je,Re,d){"use strict";d.d(Re,{Z:function(){return h}});var e=d(32735),Me=d(92914);function _(){return e.createElement(Me.Z.Root,null,e.createElement(Me.Z.Title,null),e.createElement(Me.Z.Body,null))}var h=_},25708:function(Je,Re){"use strict";Re.Z={COMPONENT:"component",EDIT_FIELD:"editField",FIELD:"field",DYNAMIC_ZONE:"dynamicZone",RELATION:"relation"}},47510:function(Je,Re){"use strict";const d=e=>`content-manager.${e}`;Re.Z=d},95952:function(Je,Re,d){"use strict";d.d(Re,{_Q:function(){return xe.Z},W3:function(){return h},ko:function(){return H},FE:function(){return Pe},Di:function(){return n},du:function(){return at},TA:function(){return tt},Ts:function(){return it},Uo:function(){return kt},IF:function(){return ct},OB:function(){return qe.Z},w8:function(){return k},kc:function(){return y}});var e=d(99381),Me=d.n(e),h=(ne,ce,ue)=>{if(Array.isArray(ne)&&ce>=0&&ue>=0&&ce<=ne.length-1&&ue<=ne.length-1){const ge=Me()(ne),Ze=ge.splice(ce,1);return ge.splice(ue,0,Ze[0]),ge}return ne},ke=d(59578),fe=d.n(ke),H=ne=>{const ce=ne.type;return ce==="relation"?!fe()(ne.relationType).includes("morph"):!["json","dynamiczone","richtext","password"].includes(ce)&&!!ce};const Ue=(ne,ce)=>{typeof ne=="function"?ne(ce):ne!=null&&(ne.current=ce)},Pe=(...ne)=>ce=>ne.forEach(ue=>Ue(ue,ce));var Ie=d(33795),me=d.n(Ie);const he=(ne,ce)=>Object.keys(ne).reduce((ue,ge)=>{const Ze=me()(ne,[ge],{}),{default:Ve,component:De,type:be,required:Te,min:Fe,repeatable:It}=Ze;if(Ve!==void 0&&(ue[ge]=Ve),be==="component"){const jt=ce?.[De]?.attributes??{},je=he(jt,ce);if(Te===!0&&(ue[ge]=It===!0?[]:je),Fe&&It===!0&&Te){ue[ge]=[];for(let Ot=0;Ot<Fe;Ot+=1)ue[ge].push(je)}}return be==="dynamiczone"&&Te===!0&&(ue[ge]=[]),ue},{});var n=he,Ae=d(9086),F=d.n(Ae),at=({layouts:ne,metadatas:ce,...ue})=>{const ge=ne.list.map(De=>De.name?De.name:De),Ze=Object.keys(ce).reduce((De,be)=>{const Te=me()(ce,[be],{});let Fe=Te.edit;return Fe.mainField&&(Fe={...Fe,mainField:Te.edit.mainField.name}),{...De,[be]:{edit:Fe,list:F()(Te.list,["mainField"])}}},{}),Ve=ne.edit.map(De=>De.map(({name:be,size:Te})=>({name:be,size:Te})));return{...ue,layouts:{edit:Ve,list:ge},metadatas:Ze}};const Dt=(ne,ce)=>ne.map(ue=>({...ue,subject:ce}));var tt=ne=>{const ce={create:[{action:"plugin::content-manager.explorer.create",subject:null}],delete:[{action:"plugin::content-manager.explorer.delete",subject:null}],publish:[{action:"plugin::content-manager.explorer.publish",subject:null}],read:[{action:"plugin::content-manager.explorer.read",subject:null}],update:[{action:"plugin::content-manager.explorer.update",subject:null}]};return Object.keys(ce).reduce((ue,ge)=>(ue[ge]=Dt(ce[ge],ne),ue),{})},yt=d(95919),nt=d.n(yt),it=ne=>ne.split(".").filter(ce=>nt()(parseInt(ce,10))),kt=ne=>{if(ne.length===0)return-1;const ce=Math.max.apply(Math,ne.map(ue=>ue.__temp_key__??0));return Number.isNaN(ce)?-1:ce},ct=ne=>`/content-manager/${ne}`,qe=d(47510),xe=d(25708),dt=d(3040),$e=d.n(dt),k=(ne,ce,ue)=>{const ge=be=>ce.find(Te=>Te.uid===be),Ze=Object.assign({},ne),Ve=ne[ue].uid,De=ge(Ve);return $e()(Ze,[ue],{...ne[ue],...De}),Object.keys(ne.components).forEach(be=>{const Te=ge(be);$e()(Ze,["components",be],{...ne.components[be],...Te})}),Ze},We=d(24989),y=(ne,ce,ue)=>{const ge=(Ze,Ve)=>Object.keys(Ze).reduce((De,be)=>{const Te=(0,We.UN)(Ve,be),Fe=me()(Ze,be),It=(0,We.k2)(Ve,[be,"component"]),jt=(0,We.k2)(Ve,[be,"repeatable"]);return Te==="dynamiczone"?(De[be]=Fe.map(je=>ge(je,ue[je.__component])),De):Te==="component"?(jt?De[be]=Fe&&Fe.map(je=>ge(je,ue[It])):De[be]=Fe&&ge(Fe,ue[It]),De):(Te!=="password"&&(De[be]=Fe),De)},{});return ge(ne,ce)}},75536:function(Je,Re,d){"use strict";var e=d(32735);const Me=(_,h)=>{const[ke,fe]=(0,e.useState)(_);return(0,e.useEffect)(()=>{const Ne=setTimeout(()=>{fe(_)},h);return()=>{clearTimeout(Ne)}},[_,h]),ke};Re.Z=Me},57047:function(Je,Re,d){"use strict";d.d(Re,{Z:function(){return Ue}});var e=d(32735),Me=d(67879),_=d(49372),h=d(60216),ke=d.n(h);function fe({name:Pe}){return e.createElement(_.Z,{fontWeight:"regular",textColor:"neutral700"},Pe)}fe.propTypes={name:ke().string.isRequired};var Ne=fe,H=d(47510),Ue=Pe=>{const{formatMessage:Ie}=(0,Me.Z)();return(window.strapi.features.isEnabled(window.strapi.features.REVIEW_WORKFLOWS)&&Pe.contentType.options?.reviewWorkflows)??!1?{key:"__strapi_reviewWorkflows_stage_temp_key__",name:"strapi_reviewWorkflows_stage",fieldSchema:{type:"custom"},metadatas:{label:Ie({id:(0,H.Z)("containers.ListPage.table-headers.reviewWorkflows.stage"),defaultMessage:"Review stage"}),searchable:!1,sortable:!1},cellFormatter({strapi_reviewWorkflows_stage:he}){return he?e.createElement(Ne,{name:he.name}):e.createElement(_.Z,{textColor:"neutral800"},"-")}}:null}},28243:function(Je,Re,d){"use strict";d.d(Re,{Z:function(){return n}});var e=d(32735),Me=d(24989),_=d(87107),h=d(87933),ke=d(28847),fe=d(97405),Ne=d(47851),H=d(67879),Ue=d(20108),Pe=d(67350),Ie=d(92914);const me="strapi_reviewWorkflows_stage";function he(){const{initialData:Ae,isCreatingEntry:F,layout:{uid:Mt},isSingleType:at,onChange:Dt}=(0,Me.Wq)(),{put:Qe}=(0,Me.kY)(),tt=Ae?.[me]??null,yt=Object.prototype.hasOwnProperty.call(Ae,me),{formatMessage:nt}=(0,H.Z)(),{formatAPIError:ye}=(0,Me.So)(),it=(0,Me.lm)(),{workflows:{data:le,isLoading:kt}={}}=(0,Pe.n)(),lt=le?.[0]??null,{error:ct,isLoading:qe,mutateAsync:xe}=(0,Ue.useMutation)(async({entityId:We,stageId:K,uid:y})=>{const ne=at?"single-types":"collection-types",{data:{data:ce}}=await Qe(`/admin/content-manager/${ne}/${y}/${We}/stage`,{data:{id:K}});return Dt({target:{name:me,value:ce[me]}},!0),ce},{onSuccess(){it({type:"success",message:{id:"notification.success.saved",defaultMessage:"Saved"}})}}),dt=tt===null&&!kt&&!F&&nt({id:"content-manager.reviewWorkflows.stage.select.placeholder",defaultMessage:"Select a stage"}),bt=ct&&ye(ct)||dt||null,k=async({value:We})=>{try{await xe({entityId:Ae.id,stageId:We,uid:Mt})}catch{}};return e.createElement(Ie.Z.Root,null,e.createElement(Ie.Z.Title,null),yt&&!F&&e.createElement(_.g,{error:bt,name:me,id:me},e.createElement(h.k,{direction:"column",gap:2,alignItems:"stretch"},e.createElement(ke.Q,null,nt({id:"content-manager.reviewWorkflows.stage.label",defaultMessage:"Review stage"})),e.createElement(Me.JV,{components:{LoadingIndicator:()=>e.createElement(fe.a,{small:!0})},error:bt,inputId:me,isLoading:qe,isSearchable:!1,isClearable:!1,name:me,onChange:k,options:lt?lt.stages.map(({id:We,name:K})=>({value:We,label:K})):[],value:{value:tt?.id,label:tt?.name}}),e.createElement(Ne.c,null))),e.createElement(Ie.Z.Body,null))}var n=he},67350:function(Je,Re,d){"use strict";d.d(Re,{n:function(){return ke}});var e=d(20108),Me=d(24989);const _="review-workflows",h="/admin/review-workflows";function ke(fe){const{get:Ne}=(0,Me.kY)(),H=(0,e.useQueryClient)(),Ue=[_,fe??"default"];async function Pe({params:he={populate:"stages"}}){try{const{data:{data:n}}=await Ne(`${h}/workflows/${fe??""}`,{params:he});return n}catch{return null}}async function Ie(){await H.refetchQueries(Ue)}return{workflows:(0,e.useQuery)(Ue,Pe),refetchWorkflow:Ie}}},57544:function(){},59599:function(){},42310:function(){},33842:function(){},85695:function(){}}]);