https://staging-blue-square-branding.up.railway.app/admin/3954.a7734681.chunk.js

1"use strict";(self.webpackChunkblue_square_branding_strapi=self.webpackChunkblue_square_branding_strapi||[]).push([[3954],{9596:(Z,D,s)=>{s.d(D,{Z:()=>h});var e=s(27442),c=s(27229);const h=({startActions:x,endActions:m})=>!x&&!m?null:(0,e.jsxs)(c.k,{justifyContent:"space-between",alignItems:"flex-start",paddingBottom:4,paddingLeft:10,paddingRight:10,children:[(0,e.jsx)(c.k,{gap:2,wrap:"wrap",children:x}),(0,e.jsx)(c.k,{gap:2,shrink:0,wrap:"wrap",children:m})]})},65802:(Z,D,s)=>{s.d(D,{A:()=>v});var e=s(27442),c=s(6609),h=s(52936);const x=(0,c.default)(h.x)`
2  display: grid;
3  grid-template-columns: ${({hasSideNav:L})=>L?"auto 1fr":"1fr"};
4`,m=(0,c.default)(h.x)`
5  overflow-x: hidden;
6`,v=({sideNav:L,children:W})=>(0,e.jsxs)(x,{hasSideNav:Boolean(L),children:[L,(0,e.jsx)(m,{paddingBottom:10,children:W})]})},88320:(Z,D,s)=>{s.d(D,{r:()=>K});var e=s(27442),c=s(68922),h=s(78982),x=s(64380),m=s(6609),v=s(93526),L=s(6485),W=s(52936);const X=m.default.a`
7  display: inline-flex;
8  align-items: center;
9  text-decoration: none;
10  pointer-events: ${({disabled:P})=>P?"none":void 0};
11  color: ${({disabled:P,theme:j})=>P?j.colors.neutral600:j.colors.primary600};
12
13  svg path {
14    transition: fill 150ms ease-out;
15    fill: currentColor;
16  }
17
18  svg {
19    font-size: ${10/16}rem;
20  }
21
22  ${L.Z} {
23    transition: color 150ms ease-out;
24    color: currentColor;
25  }
26
27  &:hover {
28    color: ${({theme:P})=>P.colors.primary500};
29  }
30
31  &:active {
32    color: ${({theme:P})=>P.colors.primary700};
33  }
34
35  ${v.BF};
36`,z=(0,m.default)(W.x)`
37  display: flex;
38`,K=c.forwardRef(({children:P,href:j,to:Q,disabled:F=!1,startIcon:V,endIcon:H,...q},G)=>{const ee=j?"_blank":void 0,$=j?"noreferrer noopener":void 0;return(0,e.jsxs)(X,{as:Q&&!F?x.OL:"a",target:ee,rel:$,to:F?void 0:Q,href:F?"#":j,disabled:F,ref:G,...q,children:[V&&(0,e.jsx)(z,{as:"span","aria-hidden":!0,paddingRight:2,children:V}),(0,e.jsx)(L.Z,{children:P}),H&&!j&&(0,e.jsx)(z,{as:"span","aria-hidden":!0,paddingLeft:2,children:H}),j&&(0,e.jsx)(z,{as:"span","aria-hidden":!0,paddingLeft:2,children:(0,e.jsx)(h.Z,{})})]})})},7018:(Z,D,s)=>{s.d(D,{Z:()=>h});var e=s(27442);const c=x=>(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1rem",he

38ight:"1rem",fill:"none",viewBox:"0 0 24 24",...x,children:(0,e.jsx)("path",{fill:"#212134",d:"M24 13.3a.2.2 0 0 1-.2.2H5.74l8.239 8.239a.2.2 0 0 1 0 .282L12.14 23.86a.2.2 0 0 1-.282 0L.14 12.14a.2.2 0 0 1 0-.282L11.86.14a.2.2 0 0 1 .282 0L13.98 1.98a.2.2 0 0 1 0 .282L5.74 10.5H23.8c.11 0 .2.09.2.2v2.6Z"})}),h=c},82565:(Z,D,s)=>{s.d(D,{Z:()=>h});var e=s(27442);const c=x=>(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1rem",height:"1rem",fill:"none",viewBox:"0 0 24 24",...x,children:(0,e.jsx)("path",{fill:"#212134",fillRule:"evenodd",d:"M2.68 9.192c-.6.276-2.114 1.18-2.306 1.303a.792.792 0 0 0-.374.68v1.65a.797.797 0 0 0 .384.687c.254.16 1.73 1.042 2.306 1.303l.744 1.8c-.24.634-.67 2.333-.72 2.554a.797.797 0 0 0 .216.744l1.167 1.166a.801.801 0 0 0 .744.216l.03-.008c.36-.092 1.946-.498 2.523-.712l1.8.744c.276.6 1.181 2.115 1.304 2.307a.805.805 0 0 0 .679.374h1.649a.797.797 0 0 0 .686-.384c.16-.254 1.042-1.73 1.303-2.306l1.8-.744c.634.24 2.333.67 2.554.72a.797.797 0 0 0 .744-.216l1.166-1.167a.803.803 0 0 0 .216-.744l-.008-.03c-.092-.36-.498-1.946-.712-2.523l.744-1.8c.6-.276 2.115-1.181 2.307-1.304a.804.804 0 0 0 .374-.679v-1.649a.796.796 0 0 0-.382-.679c-.254-.16-1.73-1.041-2.306-1.303l-.744-1.8c.24-.634.67-2.333.72-2.554a.796.796 0 0 0-.216-.744l-1.166-1.173a.802.802 0 0 0-.744-.216l-.03.008c-.361.092-1.947.498-2.524.712l-1.8-.744c-.276-.6-1.18-2.115-1.303-2.307a.803.803 0 0 0-.68-.374h-1.65a.797.797 0 0 0-.68.382c-.16.254-1.041 1.73-1.303 2.306l-1.8.744c-.634-.24-2.333-.67-2.554-.72a.797.797 0 0 0-.744.216L2.921 4.094a.802.802 0 0 0-.216.744l.008.03c.092.361.498 1.947.712 2.524l-.744 1.8ZM12 17a5 5 0 1 0 0-10 5 5 0 0 0 0 10Z",clipRule:"evenodd"})}),h=c},33954:(Z,D,s)=>{s.r(D),s.d(D,{default:()=>ts});var e=s(27442),c=s(68922),h=s(52936),x=s(10962),m=s(27229),v=s(88623),L=s(12506),W=s(7889),X=s(20615),z=s(69500),K=s(6485),P=s(54905),j=s(91229),Q=s(27581),F=s(76029),V=s(54388),H=s(88320),q=s(65802),G=s(76383),ee=s(9596),$=s(32743),Re=s(12878),Ie=s(31175),Ue=s(42408),_=s(17736),We=s(41855),R=s(94470),S=s(22204),Ke=s(64380),t=s(22711),fs=s(11661),ue=s(13247),Fe=s(79774),Se=s(41371),be=s(49615),se=s(56390),Ze=s(80373),ze=s(7018),$e=s(82565),Qe=s(33689),Ve=s(99021),He=s(99353),te=s(6609),u=s(10497),Ge=s(91441),ke=s(88819),Ee=s(54295),hs=s(8225),Ms=s(62869),ms=s(41958),xs=s(84240);const Ne=(a,{pathname:o,query:l})=>{let r=[{id:null,label:{id:(0,t.g)("plugin.name"),defaultMessage:"Media Library"},href:a?(0,t.a)(o,l):void 0}];return a?.parent?.parent&&r.push([]),a?.parent&&r.push({id:a.parent.id,label:a.parent.name,href:(0,t.a)(o,l,{folder:a.parent.id,folderPath:a.parent.path})}),a&&r.push({id:a.id,label:a.name}),r},Ye=a=>{const{id:o}=(0,t.u)();return(0,e.jsx)(h.x,{position:"relative",zIndex:2,children:(0,e.jsx)(x.C,{"aria-labelledby":`${o}-title`,...a})})},ae=({pagination:a})=>(0,e.jsx)(h.x,{paddingTop:6,children:(0,e.jsxs)(m.k,{alignItems:"flex-end",justifyContent:"space-between",children:[(0,e.jsx)(_.v4,{}),(0,e.jsx)(_.tU,{pagination:a})]})});ae.defaultProps={pagination:{pageCount:0,pageSize:10,total:0}},ae.propTypes={pagination:u.shape({page:u.number,pageCount:u.number,pageSize:u.number,total:u.number})};const pe=({selected:a,onSuccess:o})=>{const{formatMessage:l}=(0,R.Z)(),[r,d]=(0,c.useState)(!1),{isLoading:g,remove:E}=(0,t.b)(),f=async()=>{await E(a),o()};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(v.z,{variant:"danger-light",size:"S",startIcon:(0,e.jsx)(Fe.Z,{}),onClick:()=>d(!0),children:l({id:"global.delete",defaultMessage:"Delete"})}),(0,e.jsx)(_.QH,{isConfirmButtonLoading:g,isOpen:r,onToggleDialog:()=>d(!1),onConfirm:f})]})};pe.propTypes={selected:u.arrayOf(t.A,t.F).isRequired,onSuccess:u.func.isRequired};const we=()=>{const a=(0,_.lm)(),o=(0,Ee.useQueryClient)(),{post:l}=(0,_.kY)(),r=({destinationFolderId:E,filesAndFolders:f})=>{const p=f.reduce((M,A)=>{const{id:i,type:I}=A,O=I==="asset"?"fileIds":"folderIds";return M[O]||(M[O]=[]),M[O].push(i),M},{});return l("/upload/actions/bulk-move",{...p,destinationFolderId:E})},d=(0,Ee.useMutation)(r,{onSuccess(E){const{data:{data:f}}=E;f?.files?.length>0&&(o.refetchQueries([t.p,"assets"],{active:!0}),o.refetchQueries([t.p,"asset-count"],{active:!0})),o.refetchQueries([t.p,"folders"],{active:!0}),a({type:"success",message:{id:(0,t.g)("modal.move.success-label"),defaultMessage:"Elements have been moved successfully."}})}});return{...d,move:(E,f)=>d.mutateAsync({destinationFolderId:E,filesAndFolders:f})}},ne=({onClose:a,selected:o,currentFolder:l})=>{const{formatMessage:r}=(0,R.Z)(),{data:d,isLoading:g}=(0,t.c)(),{move:E}=we();if(!d)return null;const f=async(A,{setErrors:i})=>{try{await E(A.destination.value,o),a()}catch(I){const k=(0,_.OT)(I).errors.reduce((N,T)=>(N[T.values?.path?.length||"destination"]=T.defaultMessage,N),{});ke(k)||i(k)}},p=()=>{a()};if(g)return(0,e.jsx)(L.P,{onClose:p,labelledBy:"title",children:(0,e.jsx)(W.f,{children:(0,e.jsx)(m.k,{justifyContent:"center",paddingTop:4,paddingBottom:4,children:(0,e.jsx)(X.a,{children:r({id:(0,t.g)("content.isLoading"),defaultMessage:"Content is loading."})})})})});const M={destination:{value:l?.id||"",label:l?.name||d[0].label}};return(0,e.jsx)(L.P,{onClose:p,labelledBy:"title",children:(0,e.jsx)(Ge.J9,{validateOnChange:!1,onSubmit:f,initialValues:M,children:({values:A,errors:i,setFieldValue:I})=>(0,e.jsxs)(_.l0,{noValidate:!0,children:[(0,e.jsx)(z.x,{children:(0,e.jsx)(K.Z,{fontWeight:"bold",textColor:"neutral800",as:"h2",id:"title",children:r({id:(0,t.g)("modal.folder.move.title"),defaultMessage:"Move elements to"})})}),(0,e.jsx)(W.f,{children:(0,e.jsx)(P.r,{gap:4,children:(0,e.jsx)(j.P,{xs:12,col:12,children:(0,e.jsxs)(m.k,{direction:"column",alignItems:"stretch",gap:1,children:[(0,e.jsx)(Q.Q,{htmlFor:"folder-destination",children:r({id:(0,t.g)("form.input.label.folder-location"),defaultMessage:"Location"})}),(0,e.jsx)(t.S,{options:d,onChange:O=>{I("destination",O)},defaultValue:A.destination,name:"destination",menuPortalTarget:document.querySelector("body"),inputId:"folder-destination",error:i?.destination,ariaErrorMessage:"destination-error"}),i.destination&&(0,e.jsx)(K.Z,{variant:"pi",as:"p",id:"folder-destination-error",textColor:"danger600",children:i.destination})]})})})}),(0,e.jsx)(F.m,{startActions:(0,e.jsx)(v.z,{onClick:p,variant:"tertiary",name:"cancel",children:r({id:"cancel",defaultMessage:"Cancel"})}),endActions:(0,e.jsx)(v.z,{type:"submit",loading:g,children:r({id:"modal.folder.move.submit",defaultMessage:"Move"})})})]})})})};ne.defaultProps={currentFolder:void 0}

38,ne.propTypes={onClose:u.func.isRequired,currentFolder:t.F,selected:u.arrayOf(t.F,t.A).isRequired};const oe=({selected:a,onSuccess:o,currentFolder:l})=>{const{formatMessage:r}=(0,R.Z)(),[d,g]=(0,c.useState)(!1),E=()=>{g(!1),o()};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(v.z,{variant:"secondary",size:"S",startIcon:(0,e.jsx)(Se.Z,{}),onClick:()=>g(!0),children:r({id:"global.move",defaultMessage:"Move"})}),d&&(0,e.jsx)(ne,{currentFolder:l,onClose:E,selected:a})]})};oe.defaultProps={currentFolder:void 0},oe.propTypes={onSuccess:u.func.isRequired,currentFolder:t.F,selected:u.arrayOf(t.A,t.F).isRequired};const ie=({selected:a,onSuccess:o,currentFolder:l})=>{const{formatMessage:r}=(0,R.Z)();return(0,e.jsxs)(m.k,{gap:2,paddingBottom:5,children:[(0,e.jsx)(K.Z,{variant:"epsilon",textColor:"neutral600",children:r({id:(0,t.g)("list.assets.selected"),defaultMessage:"{numberFolders, plural, one {1 folder} other {# folders}} - {numberAssets, plural, one {1 asset} other {# assets}} selected"},{numberFolders:a.filter(({type:d})=>d==="folder").length,numberAssets:a.filter(({type:d})=>d==="asset").length})}),(0,e.jsx)(pe,{selected:a,onSuccess:o}),(0,e.jsx)(oe,{currentFolder:l,selected:a,onSuccess:o})]})};ie.defaultProps={currentFolder:void 0},ie.propTypes={onSuccess:u.func.isRequired,currentFolder:t.F,selected:u.arrayOf(t.A,t.F).isRequired};const Je=({isFiltering:a,canCreate:o,canRead:l})=>a?{id:"list.assets-empty.title-withSearch",defaultMessage:"There are no elements with the applied filters"}:l?o?{id:"list.assets.empty-upload",defaultMessage:"Upload your first assets..."}:{id:"list.assets.empty",defaultMessage:"Media Library is empty"}:{id:"header.actions.no-permissions",defaultMessage:"No permissions to view"},fe=({canCreate:a,isFiltering:o,canRead:l,onActionClick:r})=>{const{formatMessage:d}=(0,R.Z)(),g=Je({isFiltering:o,canCreate:a,canRead:l});return(0,e.jsx)(t.E,{icon:l?null:be.Z,action:a&&!o&&(0,e.jsx)(v.z,{variant:"secondary",startIcon:(0,e.jsx)(se.Z,{}),onClick:r,children:d({id:(0,t.g)("header.actions.add-assets"),defaultMessage:"Add new assets"})}),content:d({...g,id:(0,t.g)(g.id)})})};fe.propTypes={canCreate:u.bool.isRequired,canRead:u.bool.isRequired,isFiltering:u.bool.isRequired,onActionClick:u.func.isRequired};const Xe=()=>{const a=(0,c.useRef)(null),[o,l]=(0,c.useState)(!1),{formatMessage:r}=(0,R.Z)(),{trackUsage:d}=(0,_.rS)(),[{query:g},E]=(0,_.Kx)(),f=g?.filters?.$and||[],p=()=>l(i=>!i),M=i=>{E({filters:{$and:i},page:1})},A=i=>{d("didFilterMediaLibraryElements",{location:"content-manager",filter:Object.keys(i[i.length-1])[0]}),E({filters:{$and:i},page:1})};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(v.z,{variant:"tertiary",ref:a,startIcon:(0,e.jsx)(Ze.Z,{}),onClick:p,size:"S",children:r({id:"app.utils.filters",defaultMessage:"Filters"})}),o&&(0,e.jsx)(t.d,{displayedFilters:t.e,filters:f,onSubmit:A,onToggle:p,source:a}),(0,e.jsx)(t.f,{appliedFilters:f,filtersSchema:t.e,onRemoveFilter:M})]})},le=({breadcrumbs:a,canCreate:o,folder:l,onToggleEditFolderDialog:r,onToggleUploadAssetDialog:d})=>{const{formatMessage:g}=(0,R.Z)(),{pathname:E}=(0,S.TH)(),[{query:f}]=(0,_.Kx)(),p={...f,folder:l?.parent?.id??void 0,folderPath:l?.parent?.path??void 0};return(0,e.jsx)(V.T,{title:g({id:(0,t.g)("plugin.name"),defaultMessage:"Media Library"}),subtitle:a&&l&&(0,e.jsx)(t.h,{as:"nav",label:g({id:(0,t.g)("header.breadcrumbs.nav.label"),defaultMessage:"Folders navigation"}),breadcrumbs:a,currentFolderId:l?.id}),navigationAction:l&&(0,e.jsx)(H.r,{startIcon:(0,e.jsx)(ze.Z,{}),to:`${E}?${(0,ue.stringify)(p,{encode:!1})}`,children:g({id:(0,t.g)("header.actions.folder-level-up"),defaultMessage:"Back"})}),primaryAction:o&&(0,e.jsxs)(m.k,{gap:2,children:[(0,e.jsx)(v.z,{startIcon:(0,e.jsx)(se.Z,{}),variant:"secondary",onClick:r,children:g({id:(0,t.g)("header.actions.add-folder"),defaultMessage:"Add new folder"})}),(0,e.jsx)(v.z,{startIcon:(0,e.jsx)(se.Z,{}),onClick:d,children:g({id:(0,t.g)("header.actions.add-assets"),defaultMessage:"Add new assets"})})]})})};le.defaultProps={breadcrumbs:!1,folder:null},le.propTypes={breadcrumbs:u.oneOfType([t.B,u.bool]),canCreate:u.bool.isRequired,folder:t.F,onToggleEditFolderDialog:u.func.isRequired,onToggleUploadAssetDialog:u.func.isRequired};const qe=(0,te.default)(h.x)`
39  height: ${32/16}rem;
40  display: flex;
41  align-items: center;
42`,he=(0,te.default)(K.Z)`
43  max-width: 100%;
44`,Me=(0,te.default)(h.x)`
45  svg {
46    path {
47      fill: ${({theme:a})=>a.colors.neutral500};
48    }
49  }
50`,es=()=>{const{push:a}=(0,S.k6)(),{canRead:o,canCreate:l,canUpdate:r,canCopyLink:d,canDownload:g,isLoading:E}=(0,t.i)(),f=(0,c.useRef)(),{formatMessage:p}=(0,R.Z)(),{pathname:M}=(0,S.TH)(),{trackUsage:A}=(0,_.rS)(),[{query:i},I]=(0,_.Kx)(),O=Boolean(i._q||i.filters),[k,N]=(0,_.Yw)(t.l.view,t.v.GRID),T=k===t.v.GRID,{data:B,isLoading:as,errors:ns}=(0,t.j)({skipWhen:!o,query:i}),{data:os,isLoading:is,errors:ls}=(0,t.k)({enabled:o&&B?.pagination?.page===1&&!(0,t.m)(i),query:i}),{data:re,isLoading:me,error:rs}=(0,t.n)(i?.folder,{enabled:o&&!!i?.folder});rs?.response?.status===404&&a(M);const Y=os?.map(n=>({...n,type:"folder",folderURL:(0,t.a)(M,i,n.id),isSelectable:r}))??[],C=Y?.length||0,w=B?.results?.map(n=>({...n,type:"asset",isSelectable:r}))||[],y=w?.length??0,ds=B?.pagination?.total,xe=me||is||E||as,[cs,_s]=(0,c.useState)(!1),[gs,De]=(0,c.useState)(!1),[ve,de]=(0,c.useState)(void 0),[ce,Oe]=(0,c.useState)(void 0),[U,{selectOne:J,selectAll:Pe}]=(0,_.Uq)(["type","id"],[]),je=U?.length>0&&U?.length!==y+C,_e=()=>_s(n=>!n),Ce=({created:n=!1}={})=>{n&&i?.page!=="1"&&I({...i,page:1}),De(b=>!b)},ye=(n,b)=>{n.target.checked&&A("didSelectAllMediaLibraryElements"),Pe(b)},Le=n=>{A("didSortMediaLibraryElements",{location:"upload",sort:n}),I({sort:n})},Ae=n=>{Oe(n),De(!0)},us=n=>{Oe(null),Ce(n),f.current&&f.current.focus()},Te=n=>{n===y&&B.pagination.page===B.pagination.pageCount&&B.pagination.page>1&&I({...i,page:B.pagination.page-1})},Es=()=>{Pe(),Te(U.length)};return(0,_.go)(),(0,e.jsxs)(q.A,{children:[(0,e.jsxs)(G.o,{"aria-busy":xe,children:[(0,e.jsx)(le,{breadcrumbs:!me&&Ne(re,{pathname:M,query:i}),canCreate:l,onToggleEditFolderDialog:Ce,onToggleUploadAssetDialog:_e,folder:re}),(0,e.jsx)(ee.Z,{startActions:(0,e.jsxs)(e.Fragment,{children:[r&&T&&(y>0||C>0)&&(0,e.jsx)(qe,{paddingLeft:2,paddingRight:2,background:"neutral0",hasRadius:!0,borderColor:"neutral200",children:(0,e.jsx)(x.C,{"aria-label":p({id:(0,t.g)("bulk.select.label"),defaultMessage:"Select all folders & assets"}),indeterminate:je,value:(y>0||C>0)&&U.length===y+C,onChange:n=>ye(n,[...w,...Y])})}),o&&T&&(0,e.jsx)(t.o,{value:i?.sort,onChangeSort:Le}),o&&(0,e.jsx)(Xe,{})]}),endActions:(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(_.jW,{permissions:t.P.configureView,children:(0,e.jsx)(Me,{paddingTop:1,paddingBottom:1,children:(0,e.jsx)($.h,{forwardedAs:Ke.rU,to:{pathname:`${M}/configuration`,search:(0,ue.stringify)(i,{encode:!1})},icon:(0,e.jsx)($e.Z,{}),label:p({id:"app.links.configure-view",defaultMessage:"Configure the view"})})})}),(0,e.jsx)(Me,{paddingTop:1,paddingBottom:1,children:(0,e.jsx)($.h,{icon:T?(0,e.jsx)(Qe.Z,{}):(0,e.jsx)(Ve.Z,{}),label:p(T?{id:(0,t.g)("view-switch.list"),defaultMessage:"List View"}:{id:(0,t.g)("view-switch.grid"),defaultMessage:"Grid View"}),onClick:()=>N(T?t.v.LIST:t.v.GRID)})}),(0,e.jsx)(_.m,{label:p({id:(0,t.g)("search.label"),defaultMessage:"Search for an asset"}),trackedEvent:"didSearchMediaLibraryElements",trackedEventDetails:{location:"upload"}})]})}),(0,e.jsxs)(Re.D,{children:[U.length>0&&(0,e.jsx)(ie,{currentFolder:re,selected:U,onSuccess:Es}),xe&&(0,e.jsx)(_.dO,{}),(ns||ls)&&(0,e.jsx)(_.Hn,{}),C===0&&y===0&&(0,e.jsx)(fe,{canCreate:l,canRead:o,isFiltering:O,onActionClick:_e}),o&&!T&&(y>0||C>0)&&(0,e.jsx)(t.T,{assetCount:y,folderCount:C,indeterminate:je,onChangeSort:Le,onChangeFolder:(n,b)=>a((0,t.a)(M,i,{folder:n,folderPath:b})),onEditAsset:de,onEditFolder:Ae,onSelectOne:J,onSelectAll:ye,rows:[...Y,...w],selected:U,shouldDisableBulkSelect:!r,sortQuery:i?.sort??""}),o&&T&&(0,e.jsxs)(e.Fragment,{children:[C>0&&(0,e.jsx)(t.q,{title:(O&&y>0||!O)&&p({id:(0,t.g)("list.folders.title"),defaultMessage:"Folders ({count})"},{count:C})||"",children:Y.map(n=>{const ps=!!U.filter(({type:ge})=>ge==="folder").find(ge=>ge.id===n.id),Be=(0,t.a)(M,i,{folder:n?.id,folderPath:n?.path});return(0,e.jsx)(j.P,{col:3,children:(0,e.jsx)(t.r,{ref:ce&&n.id===ce.id?f:void 0,ariaLabel:n.name,id:`folder-${n.id}`,to:Be,startAction:J&&n.isSelectable?(0,e.jsx)(Ye,{"data-testid":`folder-checkbox-${n.id}`,value:ps,onChange:()=>J(n)}):null,cardActions:(0,e.jsx)($.h,{icon:(0,e.jsx)(He.Z,{}),"aria-label":p({id:(0,t.g)("list.folder.edit"),defaultMessage:"Edit folder"}),onClick:()=>Ae(n)}),children:(0,e.jsx)(t.s,{children:(0,e.jsx)(t.t,{to:Be,children:(0,e.jsxs)(m.k,{as:"h2",direction:"column",alignItems:"start",maxWidth:"100%",children:[(0,e.jsxs)(he,{fontWeight:"semiBold",ellipsis:!0,children:[n.name,(0,e.jsx)(Ie.T,{children:":"})]}),(0,e.jsx)(he,{as:"span",textColor:"neutral600",variant:"pi",ellipsis:!0,children:p({id:(0,t.g)("list.folder.subtitle"),defaultMessage:"{folderCount, plural, =0 {# folder} one {# folder} other {# folders}}, {filesCount, plural, =0 {# asset} one {# asset} other {# assets}}"}

50,{folderCount:n.children.count,filesCount:n.files.count})})]})})})})},`folder-${n.id}`)})}),y>0&&C>0&&(0,e.jsx)(h.x,{paddingTop:6,paddingBottom:4,children:(0,e.jsx)(Ue.i,{})}),y>0&&(0,e.jsx)(t.w,{assets:w,onEditAsset:de,onSelectAsset:J,selectedAssets:U.filter(({type:n})=>n==="asset"),title:(!O||O&&C>0)&&B?.pagination?.page===1&&p({id:(0,t.g)("list.assets.title"),defaultMessage:"Assets ({count})"},{count:ds})||""})]}),B?.pagination&&(0,e.jsx)(ae,{pagination:B.pagination})]})]}),cs&&(0,e.jsx)(t.U,{onClose:_e,trackedLocation:"upload",folderId:i?.folder}),gs&&(0,e.jsx)(t.x,{onClose:us,folder:ce,parentFolderId:i?.folder,location:"upload"}),ve&&(0,e.jsx)(t.y,{onClose:n=>{n===null&&Te(1),de(void 0)},asset:ve,canUpdate:r,canCopyLink:d,canDownload:g,trackedLocation:"upload"})]})},ss=(0,c.lazy)(()=>s.e(1871).then(s.bind(s,1871))),ts=()=>{const{config:{isLoading:a,isError:o,data:l}}=(0,t.z)(),[{rawQuery:r},d]=(0,_.Kx)(),{formatMessage:g}=(0,R.Z)(),E=g({id:(0,t.g)("plugin.name"),defaultMessage:"Media Library"});return(0,c.useEffect)(()=>{a||o||r||d({sort:l.sort,page:1,pageSize:l.pageSize})},[a,o,l,r,d]),(0,_.go)(),(0,e.jsxs)(G.o,{"aria-busy":a,children:[(0,e.jsx)(We.q,{title:E}),a&&(0,e.jsx)(_.dO,{}),r?(0,e.jsx)(c.Suspense,{fallback:(0,e.jsx)(_.dO,{}),children:(0,e.jsxs)(S.rs,{children:[(0,e.jsx)(S.AW,{exact:!0,path:`/plugins/${t.p}`,component:es}),(0,e.jsx)(S.AW,{exact:!0,path:`/plugins/${t.p}/configuration`,render:()=>(0,e.jsx)(ss,{config:l})})]})}):null]})}}}]);