import{r as e,j as t}from"./react-B_SyE9nW.js";import{o,O as i,j as s,n as r,B as n,N as a,m as l}from"./index-Flm6m8Wj.js";import{T as m,M as p}from"./index-C6Ujt1Uk.js";import{a as x,b as d,C as c}from"./CloseManageList-CSuJPE3H.js";import{B as g}from"./BtnSave-CKs5DUDn.js";import{C}from"./PhotoUpIco-bSYKiGLb.js";import{R as u,F as j}from"./FldRadio-CJdXMDqh.js";import{F as h}from"./FldText-DdvygvC5.js";import{F as f}from"./FldTextArea-DGnBCJc0.js";import{P as v}from"./PictureBox-DPAYvVY_.js";import{B as b,R as I,P as S}from"./RatingReviewTitle-Bqj_kx7V.js";import{S as k}from"./Stack-CZ7Wid7r.js";import{B as M}from"./BtnCancel-DeAAqoQH.js";import{B as L}from"./BtnGeneric-hJRP5-Ca.js";import{U as P}from"./ItemLoading-wir9MCjq.js";const D={"&":{position:"relative"}};const R=o((function(){const o=e.useRef({}),[l,p]=e.useState(null),c=e.useContext(b),{src:M,name:L,rating:P,num_reviews:R}=i((()=>c.getElement)).get();e.useEffect((()=>{p(o.current.offsetWidth)}),[]);const w=e.useMemo((()=>c.getCropperStore.getImgsToCrop.find((e=>e.id===c.getCropperStore.getCurrentCropImage))),[c.getCropperStore.getCurrentCropImage]);return t.jsxs(k,{sx:D,ref:o,children:[t.jsx(v,{width:l,height:200,src:M}),t.jsxs(k,{sx:{...x,maxHeight:"none !important",backgroundColor:s.white,mb:"0",pb:"20px"},children:[t.jsx(I,{titleMargin:"0 0 2px 5px",rating:P,reviews:R,title:L,ratingCmp:c.isListType?t.jsx(t.Fragment,{}):void 0,titleSize:"micro"}),t.jsx(f,{sx:d,fieldState:c.getNote,minRows:2,maxRows:3,placeholder:r(c.getNotePlaceholder)}),t.jsx(m,{text:r("positionInList"),margin:"10px 0 0 0"}),t.jsxs(u,{"aria-label":"list-position",defaultValue:"1",value:c.getPosition,onChange:c.onPositionChange,children:[t.jsx(j,{value:S.START,label:r("atFirst"),sx:{"&&.MuiFormControlLabel-root":{mb:"10px"}}}),t.jsx(j,{value:S.END,label:r("atLast")}),t.jsx(j,{value:S.POSITION,label:t.jsxs(n,{sx:{display:"flex",alignItems:"center","& > span":{minWidth:"60px"}},children:[t.jsx(a,{margin:"0 10px 0 0",weight:c.isDisabledPosition?500:"bold",color:c.isDisabledPosition?void 0:"black",children:r("position")}),t.jsx(h,{disabled:c.isDisabledPosition,size:"small",fieldState:c.getOrder,type:"numeric",InputProps:{startAdornment:t.jsx(a,{color:c.isDisabledPosition?void 0:"black",weight:"bold",margin:"0 10px 0 0",children:"No."})},sx:{"& input":{maxWidth:"50px"}}})]})})]}),t.jsx(g,{sx:{mt:"20px !important"},onClick:c.onClickUpdateListElement})]}),t.jsx(C,{onClickAccept:c.onClickAcceptImage,src:w,extension:c.getCropperStore.getExtension,images:c.getCropperStore.getImgsToCrop,onDelete:c.getCropperStore.deleteImageFromCrops,onChange:c.getCropperStore.setCurrentCropImage,onCropImage:c.getCropperStore.onHandleCropImage,limit:1,onClose:c.getCropperStore.onHandleDeleteAllImages})]})})),w={p:0,"& .MuiDialogContent-root":{p:0},".MuiDialog-container":{".MuiPaper-root":{backgroundColor:"transparent"}},"@media(min-width:768px)":{".MuiDialog-container":{width:"479px",m:"auto",".MuiPaper-root":{maxWidth:"unset",width:"100%",maxHeight:"680px",height:"fit-content",".MuiDialogContent-root":{p:"0"}}}}};const E=o((function(){return t.jsxs(p,{open:l.isEditListElement,keepMounted:!1,sx:w,children:[t.jsx(c,{isForm:!0}),t.jsx(R,{})]})}));const F=o((function(){const o=e.useContext(P);return t.jsxs(p,{sx:{"&.MuiModal-root":{zIndex:e=>e.zIndex.modal+200}},open:o.hasListToRemove,title:r(o.isDetailElement?"removeElement":"removeList"),onClose:o.onClickCancelRemoveList,children:[t.jsx(a,{maxWidth:"237px",children:r(o.isDetailElement?"removeElementConfirm":"removeListConfirm")}),t.jsxs(n,{sx:{mt:"30px"},children:[t.jsx(L,{sx:{"&&.MuiButton-root":{mr:"12px"}},onClick:o.onClickConfirmRemoveList,children:r("remove")}),t.jsx(M,{onClick:o.onClickCancelRemoveList,variant:"outlined"})]})]})}));export{F as C,E};