import{r as e,j as t}from"./react-B_SyE9nW.js";import{j as o,o as r,O as i,G as s,B as a,n as p,m as n}from"./index-Flm6m8Wj.js";import{B as x}from"./BtnAccept-DdOkP2kl.js";import{F as m,P as l,C as g}from"./PhotoUpIco-bSYKiGLb.js";import{F as c}from"./FldSwitch-DCTvKDJD.js";import{F as h}from"./FldTextArea-DGnBCJc0.js";import{P as d}from"./PictureBox-DPAYvVY_.js";import{B as u,R as C}from"./RatingReviewTitle-Bqj_kx7V.js";import{T as j,I as f,f as w}from"./index-C6Ujt1Uk.js";import{S}from"./Stack-CZ7Wid7r.js";const I={position:"relative",pb:"20px"},b={"&.MuiBox-root":{position:"absolute",right:"8px",top:"164px",bgcolor:o.black36,borderRadius:"50%",width:"30px",height:"30px","& > label":{display:"flex",alignItems:"center",justifyContent:"center",height:"98%",width:"100%",borderRadius:"50%",cursor:"pointer"}}},v={"@media(min-width:768px)":{"& textarea":{height:"103px!important",maxHeight:"130px"}},mt:"18px"},F={p:"20px 20px 0",mb:"20px",maxHeight:"310px",overflow:"hidden",overflowY:"auto","@media(min-width:768px)":{height:"auto",maxHeight:"404px",maxWidth:"420px",width:"100%",mx:"auto",px:"20px"}};const R=r((function(){const r=e.useRef({}),[f,w]=e.useState(null),R=e.useContext(u),{src:k,rating:M,num_reviews:T,name:A,main_picture:B=""}=i((()=>R.getElement)).get(),{width:H,height:P}=e.useMemo((()=>{const e=s.isMobile?f-40:380;return{width:e,height:e*(3/4)}}),[f,s.device]);e.useEffect((()=>{w(r.current.offsetWidth)}),[]);const y=e.useMemo((()=>R.getCropperStore.getImgsToCrop.find((e=>e.id===R.getCropperStore.getCurrentCropImage))),[R.getCropperStore.getCurrentCropImage,R.getCropperStore.getImgsToCrop]);return t.jsxs(S,{sx:I,ref:r,children:[t.jsx(d,{width:f,height:200,src:k}),t.jsx(a,{sx:b,children:t.jsx(m,{onChange:e=>{n.setPrevious(n.current),R.onHandleUploadClick(e)},children:t.jsx(l,{sx:{color:o.white,width:"auto",height:"20px"}})})}),t.jsxs(S,{sx:F,children:[t.jsx(h,{fieldState:R.getName,minRows:1,maxRows:2,placeholder:p("listName"),required:!0}),t.jsx(h,{fieldState:R.getDescription,minRows:2,maxRows:3,placeholder:p("listDescription"),sx:v}),t.jsx(c,{fieldState:R.getVisibility,label:p("privateList"),sx:{"&&":{m:"10px 0 15px","& span.MuiSwitch-root":{mb:"-1px"}}}}),R.isFavorites?t.jsx(t.Fragment,{}):t.jsx(j,{text:`N°${String(1)}`,margin:"0 0 6px 5px",align:"start",size:"mini",weight:500}),t.jsx(d,{radius:"18px",width:H,height:P,src:B}),t.jsx(C,{titleMargin:"15px 0 2px 5px",rating:M,reviews:T,title:A,ratingCmp:R.isListType?t.jsx(t.Fragment,{}):void 0,titleSize:"micro"}),t.jsx(h,{sx:v,fieldState:R.getNote,minRows:2,maxRows:3,placeholder:p(R.getNotePlaceholder)})]}),t.jsx(x,{onClick:R.onClickAddList}),t.jsx(g,{onClickAccept:R.onClickAcceptImage,src:y,extension:R.getCropperStore.getExtension,images:R.getCropperStore.getImgsToCrop,onDelete:R.getCropperStore.deleteImageFromCrops,onChange:R.getCropperStore.setCurrentCropImage,onCropImage:R.getCropperStore.onHandleCropImage,limit:1,onClose:R.getCropperStore.onHandleDeleteAllImages,forOneImage:!0})]})}));const k=r((function({isForm:r}){const i=e.useContext(u),s=e.useMemo((()=>({position:"absolute",right:"8px",top:"8px",zIndex:2,p:"3px",bgcolor:r?o.black36:"unset","& .MuiSvgIcon-root":{color:o[r?"white":"gray"]}})),[r]);return t.jsx(f,{"aria-label":"close",onClick:i.onCloseListForm,sx:s,children:t.jsx(w,{})})}));export{k as C,R as F,F as a,v as b,b as s};