https://volumo.com/_next/static/chunks/2114.b9695e04a6f200aa.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2114],{1985:(e,t,a)=>{"use strict";a.d(t,{p:()=>d});var r=a(80263),o=a(24318),i=a(12806),l=a(3638);a(53239);var n=a(93862),s=a.n(n);let d=e=>{let{children:t,className:a,data:n,id:d,innerRef:c,isBlocking:u,isLoading:m=!1,loader:_,role:h,spacing:v="default",style:p}=e,g=(0,i.OJ)(e);return m&&!n?(0,r.jsx)("div",{"aria-busy":!0,"aria-label":"Loading",className:(0,l.A)(s()[`spacing--${v}`],a),id:d,ref:c,role:"status",style:p,...g,children:_||(0,r.jsx)(o.a,{size:80})}):n?(0,r.jsxs)("div",{"aria-busy":m||void 0,"aria-disabled":m||void 0,className:(0,l.A)(s().dimmableWrapper,{[s().dimmed]:m&&!1!==u},a),id:d,ref:c,role:h,style:p,...g,children:["function"==typeof t?t(n):t,m&&(0,r.jsx)("div",{"aria-label":"Loading",className:(0,l.A)(!1===u?s().unobtrusive:s().obtrusive),role:"status",children:(0,r.jsx)(o.a,{size:80})})]}):null}},4624:e=>{e.exports={root:"TabSwitch_root__KG2w5","root--standard":"TabSwitch_root--standard__KpQQY",nowrap:"TabSwitch_nowrap__b_7if"}},10880:e=>{e.exports={root:"TabSwitchButton_root__VFOl1","with-badge":"TabSwitchButton_with-badge__sZ21R",title:"TabSwitchButton_title__GmDwC","root--standard":"TabSwitchButton_root--standard__8Ov9d","root--disabled":"TabSwitchButton_root--disabled__hgh_q",stretch:"TabSwitchButton_stretch__6zhAM"}},21551:(e,t,a)=>{"use strict";a.d(t,{t:()=>w});var r=a(80263),o=a(57975),i=a(3638),l=a(53239),n=a(83655),s=a.n(n);let d=e=>{let{disabled:t,innerRef:a,variant:o}=e;return(0,r.jsx)("div",{className:(0,i.A)(s().root,s()[`root-${o}`],t&&s().disabled),ref:a})};var c=a(12806),u=a(40377),m=a(76923),_=a(10330),h=a(49743),v=a.n(h),p=a(95498),g=a(2630),b=a(47999),x=a.n(b);let C=l.forwardRef((e,t)=>{let{className:a,defaultValue:o,disabled:n,min:s,max:d,readOnly:c,step:u,style:_,value:h,variant:v,onChange:b,onChangeCommitted:C,...f}=e,j=(0,l.useRef)(null),y=(0,l.useRef)(!1),w=(0,l.useRef)(0),A=(0,l.useCallback)((0,g.sg)(C,500),[]),k=(0,l.useCallback)(e=>{n||c||e===h||b?.(e)},[n,c,h,b]),N=(0,l.useCallback)(e=>{let t=j.current?.parentElement?.scrollWidth;if(t){let a=h+e/t*100/100*(d-s);k((0,m.qE)(s,(0,m.Al)(a,u),d))}},[s,d,h,k]),S=(0,l.useCallback)(e=>{j.current&&(j.current.setPointerCapture(e.pointerId),y.current=!0,w.current=e.target===j.current?e.nativeEvent.offsetX:j.current.scrollWidth/2,e.stopPropagation())},[]),I=(0,l.useCallback)(e=>{y.current&&(N(e.nativeEvent.offsetX-w.current),e.stopPropagation())},[N]),E=(0,l.useCallback)(e=>{j.current&&(j.current.releasePointerCapture(e.pointerId),j.current.focus({preventScroll:!0})),y.current=!1,c||n||C?.()},[c]),T=(0,l.useCallback)(e=>{if(!c&&!n){let t;e.key===p.D$.ArrowLeft?(k((0,m.qE)(s,h-u,d)),A(),t=!0):e.key===p.D$.ArrowRight&&(k((0,m.qE)(s,h+u,d)),A(),t=!0),t&&(e.preventDefault(),e.stopPropagation())}},[n,c,k]);return(0,l.useImperativeHandle)(t,()=>({handlePointerDown:S})),(0,r.jsx)("div",{"aria-orientation":"horizontal","aria-valuemax":d,"aria-valuemin":s,"aria-valuenow":h,className:(0,i.A)(x().root,h===o&&x().default,x()[`root-${v}`],n&&"disabled",a),ref:j,role:"slider",style:{left:`${Math.min(Math.max((h-s)/(d-s)*100,0),100)}%`,..._},tabIndex:n?void 0:0,onKeyDown:T,onMouseDown:e=>e.preventDefault(),onPointerDown:S,onPointerMove:I,onPointerUp:E,...f})});C.displayName="Thumb";var f=a(80771),j=a.n(f);let y=e=>{let{disabled:t,min:a,max:o,startValue:l,endValue:n,variant:s}=e;return(0,r.jsx)("div",{className:(0,i.A)(j().root,j()[`root-${s}`],t&&j().disabled),style:{left:`${void 0!==l?(l-a)/(o-a)*100:0}%`,right:`${void 0!==n?(o-n)/(o-a)*100:0}%`}})},w=e=>{let{className:t,defaultValue:a,disabled:n,hideBackTrack:s,min:h=0,max:p=100,name:g,readOnly:b,endThumbTestId:x="to",step:f=.01,value:j,variant:w="normal",onChange:A,onChangeCommitted:k,...N}=e,{"aria-labelledby":S,...I}=(0,c.OJ)(N),E=(0,l.useRef)(null),T=(0,l.useRef)(null),D=(0,l.useRef)(null),R=(0,l.useRef)(null),[L,F]=(0,l.useState)(j??a),O

1=(0,l.useRef)(L),P=(0,l.useRef)(L),z=Array.isArray(L)?L[0]:void 0,U=Array.isArray(L)?L[1]:L,M=(0,c.Ss)({value:L});(0,o.T)(a,(e,t)=>{(0,u.bN)(e,t)||(void 0===j&&F(t),O.current=t)}),(0,o.T)(j,(e,t)=>{if(!(0,u.bN)(e,t)){let e=t??a;(0,u.bN)(e,L)||(O.current=e,F(e))}});let B=(0,l.useCallback)(e=>{n||b||(0,u.bD)(e,M.current.value)||(P.current=e,F(e),A?.(e))},[n,b,A]),K=(0,l.useCallback)(e=>{Array.isArray(L)?B([e,void 0!==L[1]?Math.max(e,L[1]):void 0]):B([e,void 0])},[B,L]),W=(0,l.useCallback)(e=>{Array.isArray(L)?B([void 0!==L[0]?Math.min(L[0],e):void 0,e]):B(e)},[B,L]),$=(0,l.useCallback)(()=>{n||b||(0,u.bD)(O.current,P.current)||(O.current=P.current,k?.(P.current))},[n,b,k]);return(0,r.jsxs)("div",{className:(0,i.A)(v().root,t),...I,children:[!s&&(0,r.jsx)(d,{disabled:n,innerRef:E,variant:w}),(0,r.jsx)(y,{disabled:n,endValue:U,max:p,min:h,startValue:z,variant:w}),(0,r.jsxs)("div",{className:v().trackHitArea,ref:T,onPointerDown:e=>{let t=E.current?.scrollWidth??0,a=h+e.nativeEvent.offsetX/t*(p-h),r=(0,m.qE)(h,(0,m.Al)(a,f),p);Array.isArray(L)?void 0===z?(B([void 0,r]),R.current?.handlePointerDown(e)):void 0===U?(B([r,void 0]),D.current?.handlePointerDown(e)):Math.abs(a-z)<Math.abs(a-U)?(B([r,U]),D.current?.handlePointerDown(e)):(B([z,r]),R.current?.handlePointerDown(e)):(B(r),R.current?.handlePointerDown(e))},children:[g?(0,r.jsx)("input",{name:g,type:"hidden",value:[z,U].filter(_.TL).join(",")}):null,void 0!==z?(0,r.jsx)(C,{"aria-label":S?void 0:"value from","aria-labelledby":S,"data-test-id":"from",defaultValue:Array.isArray(a)?a[0]:a,disabled:n,max:p,min:h,readOnly:b,ref:D,step:f,value:z,variant:w,onChange:K,onChangeCommitted:$}):null,void 0!==U?(0,r.jsx)(C,{"aria-label":S?void 0:"value to","aria-labelledby":S,"data-test-id":x,defaultValue:Array.isArray(a)?a[1]:a,disabled:n,max:p,min:h,readOnly:b,ref:R,step:f,value:U,variant:w,onChange:W,onChangeCommitted:$}):null]})]})}},25141:e=>{e.exports={root:"ImageEditor_root___atxq",image:"ImageEditor_image__a080e","image--empty":"ImageEditor_image--empty__1Kw8C",dropZone:"ImageEditor_dropZone__4eqDN",active:"ImageEditor_active__NoIzY","dropZone--circle":"ImageEditor_dropZone--circle__x2MeL","dropZone--rounded":"ImageEditor_dropZone--rounded__I6ZMQ",labelRow:"ImageEditor_labelRow__97Awb",label:"ImageEditor_label__D9FhJ",asterisk:"ImageEditor_asterisk__h_mkR",labelOption:"ImageEditor_labelOption__IdACy",button:"ImageEditor_button__W4DFA"}},31861:e=>{e.exports={tabs:"CoverEditorTabs_tabs__rcLNE"}},38719:e=>{e.exports={root:"CoversCollection_root__xPTe0",scroller:"CoversCollection_scroller__jC3F2",image:"CoversCollection_image__4m2_2",active:"CoversCollection_active__fjiPB",disabled:"CoversCollection_disabled__UFq_T"}},47999:e=>{e.exports={root:"Thumb_root__fCWl9",default:"Thumb_default__3bXL9",disabled:"Thumb_disabled__UrF_r","root-muted":"Thumb_root-muted__u4Fhk"}},49743:e=>{e.exports={root:"SliderBase_root__rJdat",trackHitArea:"SliderBase_trackHitArea__0eInO"}},55087:e=>{e.exports={root:"CropImageModalContent_root__T5XGU",crop:"CropImageModalContent_crop__SekqH",zoomDescription:"CropImageModalContent_zoomDescription__fSHhM",zoom:"CropImageModalContent_zoom__J618A",button:"CropImageModalContent_button__XKPmF"}},59571:(e,t,a)=>{"use strict";a.d(t,{r:()=>s});var r=a(80263),o=a(97930),i=a(3638);a(53239);var l=a(79814),n=a.n(l);let s=e=>{let{actions:t,actionsAlwaysVisible:a,className:l,...s}=e;return(0,r.jsxs)("div",{className:(0,i.A)(l,n().root,a&&n().alwaysVisible),...s,children:[s.children,t&&(0,r.jsx)(o.xA,{autoFlow:"columns",className:(0,i.A)(n().actions,a&&n().alwaysVisible),horizontalSpacing:1,children:t})]})}},65714:(e,t,a)=>{"use strict";a.d(t,{u:()=>s});var r=a(80263),o=a(3638);a(53239);var i=a(4624),l=a.n(i),n=a(85745);let s=e=>{let{className:t,disabled:a,innerRef:i,items:s,itemClassName:d,justifyContent:c="center",nowrap:u,selectedComponent:m,selectedId:_,variant:h="standard",onClick:v}=e;return(0,r.jsx)("div",{className:(0,o.A)(l().root,l()[`root--${h}`],u&&l().nowrap,t),ref:i,role:"tablist",style:{justifyContent:c},children:s?.map(e=>{let t=void 0!==e.id&&e.id===_;return(0,r.jsx)(n.Y,{className:(0,o.A)(d),component:t?m:void 0,disabled:a,href:e.href,icon:e.icon,isSelected:t,renderBadge:e.renderBadge,stretch:"stretch"===c,tabId:e.id,title:e.title,variant:h,onClick:t=>{e.onClick?.(t),v?.(t)}}

1,`${e.id||e.href||e.title}`)})})}},70284:e=>{e.exports={root:"CoverModalContent_root__91di2",content:"CoverModalContent_content__YlloJ",button:"CoverModalContent_button___2XA3",loader:"CoverModalContent_loader__A8_Dy",footer:"CoverModalContent_footer__vY6a9"}},79814:e=>{e.exports={root:"BlockWithFloatingActions_root__xrV7L",actions:"BlockWithFloatingActions_actions__jPJkN",alwaysVisible:"BlockWithFloatingActions_alwaysVisible__guYRg"}},80136:e=>{e.exports={root:"CoverImageEditor_root__A_eQy",editor:"CoverImageEditor_editor__62_eH",disabled:"CoverImageEditor_disabled__eKlyQ",iconContainer:"CoverImageEditor_iconContainer__b5lLH",secondSquare:"CoverImageEditor_secondSquare__pCQvM",title:"CoverImageEditor_title__NW4vr",subTitle:"CoverImageEditor_subTitle__z76SR",chooseFileButton:"CoverImageEditor_chooseFileButton__7D63K"}},80771:e=>{e.exports={root:"TrackFg_root__uYooz",disabled:"TrackFg_disabled__pPylg","root-muted":"TrackFg_root-muted__KiCPh"}},83655:e=>{e.exports={root:"TrackBg_root__iKO3l",disabled:"TrackBg_disabled__CC8Ei","root-muted":"TrackBg_root-muted__x5Xfg"}},85745:(e,t,a)=>{"use strict";a.d(t,{Y:()=>d});var r=a(80263),o=a(62907),i=a(3638),l=a(53239),n=a(10880),s=a.n(n);let d=e=>{let{className:t,component:a="span",disabled:n,href:d,icon:c,innerRef:u,isSelected:m,renderBadge:_,stretch:h,tabId:v,title:p,variant:g,onClick:b}=e,x=(0,l.useCallback)(()=>b?.(v),[v,b]),C=_?.(!!m);return(0,r.jsxs)(o.u,{"aria-selected":m||void 0,className:(0,i.A)(s().root,s()[`root--${g}`],h&&s().stretch,!!C&&s()["with-badge"],n&&s()["root--disabled"],t),"data-test-id":v,disabled:n,href:m?void 0:d,id:`${v}-tab`,innerRef:u,role:"tab",scroll:!1,shallow:!0,onClick:m?void 0:x,children:[c?(0,r.jsx)(c,{height:20,width:20}):null,(0,r.jsx)(a,{className:s().title,children:p}),C]})}},86920:(e,t,a)=>{"use strict";a.d(t,{n:()=>D});var r=a(80263),o=a(59571),i=a(12556);async function l(e){return await new Promise((t,a)=>{let r=new Image;r.addEventListener("load",()=>t(r)),r.addEventListener("error",e=>a(e)),r.setAttribute("crossOrigin","anonymous"),r.src=e})}async function n(e,t){let a=await l(e),r=document.createElement("canvas"),o=r.getContext("2d"),i=Math.min(a.width,a.height,1e3);return o?(r.width=i,r.height=i,o.drawImage(a,t.x,t.y,t.width,t.height,0,0,r.width,r.height),new Promise(e=>r.toBlob(t=>e(t?new File([t],"file.png",{type:"image/png"}):null),"image/png",1))):null}var s=a(18251),d=a(91840),c=a(29290),u=a(1985),m=a(13463),_=a(4742),h=a(3638),v=a(53239),p=a(43391),g=a(94386),b=a(21551),x=a(24318),C=a(136),f=a(78852),j=a(50016),y=a(75241),w=a.n(y),A=a(55087),k=a.n(A);let N=w()(async()=>(await Promise.all([a.e(2965),a.e(6603)]).then(a.bind(a,96603))).Cropper,{loadableGenerated:{webpack:()=>[96603]},loading:()=>(0,r.jsx)(r.Fragment,{children:"Loading"}),ssr:!1}),S=e=>{let{image:t,shape:a,translateFunc:o,onCloseAttempt:s,onSaveCropImage:d}=e,{isBelowSm:c}=(0,i.yU)(),u=c?300:400,[m,_]=v.useState(null),[h,y]=(0,v.useState)({x:0,y:0}),[w,A]=(0,v.useState)(1),[S,I]=(0,v.useState)({width:u,height:u,x:0,y:0}),[E,T]=(0,v.useState)(!1),[D,R]=(0,v.useState)(!1),[L,F]=(0,v.useState)();(0,v.useEffect)(()=>{if(!t)return;let e=URL.createObjectURL(t),a=!1;return _(null),F(void 0),T(!0),l(e).then(()=>{a||_(e)}).catch(()=>{a||F(o("Could not read this image. Please try another file."))}).finally(()=>{a||T(!1)}),()=>{a=!0,URL.revokeObjectURL(e)}},[t]);let O=async()=>{if(m){F(void 0),R(!0);try{let e=await n(m,S);e?(d?.(e),s()):F(o("Could not process this image. Please try another file."))}catch{F(o("Could not read this image. Please try another file."))}finally{R(!1)}}},P=async(e,t)=>{I(t)};return(0,r.jsxs)(p.$m,{children:[(0,r.jsx)(p.wt,{children:o("Crop image")}),(0,r.jsx)(f.K,{mt:2}),!!L&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(C.p,{type:"error",children:L}),(0,r.jsx)(f.K,{mt:2})]}),(0,r.jsxs)("div",{className:k().root,children:[(0,r.jsxs)("div",{className:k().crop,children:[E&&(0,r.jsx)(x.a,{}),m&&(0,r.jsx)(N,{crop:h,shape:a,size:u,srcBufferImage:m,zoom:w,onCropChange:y,onCropComplete:P,onZoomChange:A})]}),(0,r.jsx)(f.K,{mt:2}

1),(0,r.jsxs)(j.V,{className:k().zoomDescription,variant:"body1",children:[(0,r.jsx)("span",{children:"-"}),(0,r.jsx)("span",{children:o("Zoom")}),(0,r.jsx)("span",{children:"+"})]}),(0,r.jsx)(f.K,{mt:2}),(0,r.jsx)(b.t,{className:k().zoom,max:3,min:1,value:w,onChange:e=>{"number"==typeof e&&A(e)}}),(0,r.jsx)(f.K,{mt:4}),(0,r.jsx)(g.$,{className:k().button,disabled:!m,fullWidth:!0,loading:D,onClick:O,children:o("Save")})]})]})},I=e=>{let{image:t,open:a,shape:o,translateFunc:i,onCloseAttempt:l,onSaveCropImage:n}=e;return(0,r.jsx)(p.aF,{hasCloseButton:!0,open:a,onCloseAttempt:l,children:(0,r.jsx)(S,{image:t,shape:o,translateFunc:i,onCloseAttempt:l,onSaveCropImage:n})})};var E=a(25141),T=a.n(E);let D=e=>{let{canClear:t=!0,className:a,customAction:l,disabled:n,imageClassName:p,imageContainerClassName:g,innerRef:b,label:x,labelOption:C,loading:f,manualCrop:j,mimeType:y,placeholder:w,readOnly:A,required:k,shape:N="square",size:S,src:E,title:D,onSelected:R}=e,{t:L}=(0,m.c3)(),{isTouchDevice:F}=(0,i.yU)(),O=(0,v.useRef)(null),[P,z]=(0,v.useState)(!1),[U,M]=(0,v.useState)(null),B=(0,v.useCallback)(e=>{j&&e.type.startsWith("image")?(M(e),z(!0)):R?.(e)},[j,R]),K=(0,v.useCallback)(e=>{let t=e.currentTarget.files?.[0];t&&(B(t),e.currentTarget.value="")},[B]),W=(0,v.useCallback)(()=>{R?.(void 0)},[R]),[$,q]=(0,v.useState)(!1),V=(0,v.useCallback)(e=>{e.preventDefault(),e.dataTransfer.dropEffect="link",q(!0)},[]),Z=(0,v.useCallback)(()=>{q(!1)},[]),H=(0,v.useCallback)(e=>{e.preventDefault();let t=e.dataTransfer.files?.[0];t&&(B(t),O.current&&(O.current.value="")),q(!1)},[B]),X=(0,v.useCallback)(()=>{A||O.current?.click()},[A]);return(0,r.jsxs)(u.p,{className:(0,h.A)(T().root,a),data:!0,isLoading:f,children:[x&&(0,r.jsxs)("div",{className:(0,h.A)(T().labelRow),children:[(0,r.jsxs)("label",{className:(0,h.A)(T().label,n&&T().disabled),children:[x,": ",k&&(0,r.jsx)("span",{className:T().asterisk,children:"*"})]}),(0,r.jsx)("span",{className:T().labelOption,children:C})]}),j&&(0,r.jsx)(I,{image:U,open:P,shape:N,translateFunc:L,onCloseAttempt:()=>z(!1),onSaveCropImage:R}),(0,r.jsx)(o.r,{actions:l||(!A&&t&&E?(0,r.jsx)(d.K,{className:T().button,iconComponent:s.CA7,size:"small",title:L("Remove image"),variant:"destructive",onClick:W}):null),actionsAlwaysVisible:F,children:(0,r.jsx)(c._,{className:(0,h.A)(T().image,!E&&T()[(0,_.i)("image","empty")],g),imageClassName:p,innerRef:b,outline:!0,placeholder:w,shape:N,size:S,src:E,title:D,onClick:X,onDragOver:V})}),(0,r.jsx)("div",{className:(0,h.A)(T().dropZone,T()[`dropZone--${N}`],!A&&$&&T().active),onDragLeave:Z,onDragOver:V,onDrop:H,children:L("Drop file here")}),(0,r.jsx)("input",{accept:y,hidden:!0,readOnly:A,ref:O,type:"file",onChange:K})]})}},92114:(e,t,a)=>{"use strict";a.d(t,{i:()=>P});var r=a(80263),o=a(12556),i=a(94386),l=a(97930),n=a(19958),s=a(24318),d=a(43391),c=a(78852),u=a(13463),m=a(10330),_=a(53239),h=a(65714),v=a(31861),p=a.n(v);let g=e=>{let{definitions:t,disabled:a,selectedTabId:o,setSelectedTabId:i}=e,n=t?.find(e=>e.id===o);return(0,r.jsxs)(l.xA,{justifyItems:"center",children:[(0,r.jsx)(h.u,{className:p().tabs,disabled:a,items:t?.map(e=>({id:e.id,title:e.title})),selectedId:o,variant:"basic",onClick:e=>{e&&i(e)}}),n?(0,r.jsx)("div",{children:n.component}):null]})};var b=a(44956),x=a(46947),C=a(18251),f=a(91840),j=a(86920),y=a(50016),w=a(65963),A=a(3638),k=a(88847),N=a(80136),S=a.n(N);let I=e=>{let{disabled:t,modalContentWidth:a,specifiedImageUuid:i,setSelectedDropImageFile:n,selectedDropImageFile:s}=e,{t:d}=(0,u.c3)(),{isBelowSm:m}=(0,o.yU)(),[h,v]=(0,_.useState)(),p=(0,k.vx)(),g=(0,_.useMemo)(()=>h||x.C.getImageUrl(s?i:void 0,{width:320}),[h,s,i]);return(0,_.useEffect)(()=>{if(!s)return void v(void 0);let e=URL.createObjectURL(s);return v(e),()=>URL.revokeObjectURL(e)},[s]),(0,r.jsx)("div",{className:S().root,children:(0,r.jsx)(j.n,{canClear:!1,className:(0,A.A)(S().editor,t&&S().disabled),customAction:g&&(0,r.jsx)(f.K,{iconComponent:C.CA7,size:"small",title:d("Remove image"),variant:"destructive",onClick:()=>{h&&n?.(void 0)}}),imageContainerClassName:S().placeholder,loading:p.isPending,mimeType:"image/*",placeholder:(0,r.jsxs)(l.xA,{justifyItems:"center",children:[(0,r.jsx)("div",{className:S().secondSquare,children:(0,r.jsx)("div",{className:S().iconContainer,children:(0,r.jsx)(C.nre,{})})}),(0,r.jsx)(c.K,{mt:1}),(0,r.jsx)(y.V,{className:S().title,component:"span",variant:"h3",children:d(m?"Upload cover image":"Drag & Drop cover image here")}),(0,r.jsx)(y.V,{className:S().subTitle,variant:"body1",children:d(m?"Select photo or file directly from your phone":"Or select file directly from your computer")}),(0,r.jsx)("div",{className:S().chooseFileButton,children:d("Choose file")}),d("Maximum image size: {fileSize}",void 0,{fileSize:(0,w.v7)(b.Oh)})]}),size:g?{width:256,height:256}:{width:m?a?a-4:310:480,height:257},src:g,onSelected:e=>{e&&n?.(e)}})})};

1var E=a(79721),T=a(33371),D=a(38719),R=a.n(D);let L=e=>{let{imageUuids:t,selectedImageUuid:a,disabled:i,modalContentWidth:n,specifiedImageUuid:s,onArtworkSelected:d}=e,{isBelowSm:m}=(0,o.yU)(),{t:_}=(0,u.c3)();return(0,r.jsx)("div",{className:(0,A.A)(R().root,i&&R().disabled),children:(0,r.jsxs)(T.n,{allowScrollPropagation:!0,className:R().scroller,children:[(0,r.jsx)(l.xA,{alignContent:"flex-start",columns:m?"repeat(4, auto)":"repeat(8, auto)",horizontalSpacing:1,justifyContent:"flex-start",verticalSpacing:1,children:[...new Set(t)].map((e,t)=>(0,r.jsx)(E.b,{className:(0,A.A)(R().image,a===e&&R().active),imageUuid:e??void 0,overlayContent:s===e&&(0,r.jsx)(C.iWP,{}),size:m?n?n/4-10:64:49,title:_("Cover art proposition #{index}",void 0,{index:t+1}),type:"album",onClick:()=>{e&&!i&&d?.(e)}},t))}),m&&(0,r.jsx)(c.K,{mt:26})]})})};var F=a(70284),O=a.n(F);let P=e=>{let{albumImageUuids:t,isLoading:a,recommendedImageUuids:h,specifiedImageUuid:v,onCloseAttempt:p,onSubmit:b}=e,{t:x}=(0,u.c3)(),C=(0,_.useRef)(null),{isBelowSm:f}=(0,o.yU)(),[j,y]=(0,_.useState)(v?h?.find(e=>e===v):void 0),[w,A]=(0,_.useState)(v?t?.find(e=>e===v):void 0),[k,N]=(0,_.useState)("recommended");(0,_.useEffect)(()=>{!h&&t&&(t.length?N("covers"):N("custom"))},[t]);let[S,E]=(0,_.useState)(),T=(0,_.useCallback)(e=>{N(e)},[]),D=(0,_.useCallback)(async()=>{try{"covers"===k?await b?.(w,void 0):"recommended"===k?await b?.(j,void 0):await b?.(void 0,S),p()}catch{}},[w,j,S,k,p]),R=(0,n.A)({observeWidth:!0,targetElementRef:C,throttleTimeout:100});return(0,r.jsx)(d.$m,{allowExtraBottomSpace:!1,className:O().content,children:(0,r.jsxs)("div",{className:O().root,ref:C,children:[(0,r.jsx)(d.wt,{children:x("Choose cover")}),(0,r.jsx)(c.K,{mb:2}),a?(0,r.jsx)(s.a,{className:O().loader,size:80}):(0,r.jsx)(g,{definitions:[h?.length?{component:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(c.K,{mt:2}),(0,r.jsx)(L,{imageUuids:h,modalContentWidth:R?.width,selectedImageUuid:j,onArtworkSelected:y})]}),id:"recommended",title:x("Recommended")}:void 0,t?.length?{component:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(c.K,{mt:2}),(0,r.jsx)(L,{imageUuids:t,modalContentWidth:R?.width,selectedImageUuid:w,onArtworkSelected:A})]}),id:"covers",title:x("Album covers")}:void 0,{component:(0,r.jsx)(I,{modalContentWidth:R?.width,selectedDropImageFile:S,setSelectedDropImageFile:E,specifiedImageUuid:v}),id:"custom",title:x("Custom image")}].filter(m.vN),selectedTabId:k,setSelectedTabId:T}),(0,r.jsx)(d.jl,{className:O().footer,style:{width:`${R?.width}px`},children:(0,r.jsxs)(l.xA,{columns:f?"1fr 1fr":"auto auto",horizontalSpacing:1,justifyContent:"space-between",children:[(0,r.jsx)(i.$,{className:O().button,muted:!0,onClick:p,children:x("Cancel")}),(0,r.jsx)(i.$,{className:O().button,disabled:"recommended"===k&&!j||"covers"===k&&(!w||w===v)||"custom"===k&&!S,onClick:D,children:x("Update")})]})})]})})}},93862:e=>{e.exports={unobtrusive:"LoadingOverlay_unobtrusive__emWnL","gain-opacity":"LoadingOverlay_gain-opacity__H22w2",obtrusive:"LoadingOverlay_obtrusive__v6q0E",dimmableWrapper:"LoadingOverlay_dimmableWrapper__eqd5O",dimmed:"LoadingOverlay_dimmed__gWLFc","spacing--default":"LoadingOverlay_spacing--default__Itlx4","spacing--large":"LoadingOverlay_spacing--large__i1lBj","spacing--compact":"LoadingOverlay_spacing--compact__cbU8o"}}}]);