import{j as t,n as N,p as e,bb as F,bc as B,i as A,k as X}from"./index-BB3C6ia3.js";import{b as f,u as Y}from"./vendor-q1sfVHxQ.js";import{B as T}from"./button-5G120b2h.js";const z=()=>{const{pathname:i,searchParams:n}=new URL(window.location.href),l=n.get("categoryNo");if(i.includes("products")&&l)return{pageType:"CATEGORY",targetNo:l};const r=n.get("productNo");return i.includes("product-detail")&&r?{pageType:"PRODUCT",targetNo:r}:i==="/"?{pageType:"MAIN"}:null},U={PERCENT:({screenWidth:i,screenHeight:n})=>{const l=window.innerWidth*i/100,r=window.innerHeight*n/100;return{width:l,height:r}},PIXEL:({screenWidth:i,screenHeight:n})=>({width:i,height:n})},j=f.forwardRef(({content:i,screenWidthUnit:n,screenHeightUnit:l,bgColor:r,screenWidth:c,screenHeight:s,useFullWidth:p,children:a},b)=>{const h=f.useRef(),g=`${U[l]({screenWidth:c,screenHeight:s}).height}px`,x=p?{background:r,maxHeight:"80vh"}:{background:r,width:`${U[n]({screenWidth:c,screenHeight:s}).width}px`,height:g};return f.useEffect(()=>{const o=h?.current;if(!o||o.children.length>0)return;const u=document.createRange().createContextualFragment(i);o.replaceChildren(u)},[h?.current]),t.jsxs("div",{ref:b,children:[t.jsx("div",{ref:h,className:N("w-full box-border overflow-x-hidden overflow-y-auto break-all","[&_img]:max-w-full [&_img]:!h-auto [&_img]:block","px-[1.6rem] pt-[2rem]","lg:p-0"),style:{...x}}),a]})});j.displayName="DesignPopupNormal";j.propTypes={className:e.string,content:e.string,screenWidthUnit:e.oneOf(["PERCENT","PIXEL"]),screenHeightUnit:e.oneOf(["PERCENT","PIXEL"]),bgColor:e.string,screenWidth:e.number,screenHeight:e.number,useFullWidth:e.bool,children:e.node};const V=({initialLeft:i,initialTop:n})=>{const[l,r]=f.useState({left:0,top:0}),[c,s]=f.useState({left:0,top:0}),[p,a]=f.useState({left:i,top:n});return{handleDragStart:o=>{o.stopPropagation(),o.dataTransfer.effectAllowed="move";const u={...l};u.left=o.target.offsetLeft,u.top=o.target.offsetTop,r(()=>({...u}));const d={...c};d.left=o.clientX,d.top=o.clientY,s(()=>({...d}))},handleDrag:o=>{o.stopPropagation(),o.preventDefault();const u={...p},d=o.target.offsetLeft+o.clientX-c.left,y=o.target.offsetTop+o.clientY-c.top;u.left=d<0?p.left:d,u.top=y<0?p.top:y,a(()=>({...u}));const w={...c};w.left=o.clientX,w.top=o.clientY,s(()=>({...w}))},handleDragOver:o=>{o.preventDefault(),o.stopPropagation()},handleDragEnd:o=>{o.preventDefault(),o.stopPropagation()},position:p}},G=i=>i.flatMap(({popupImageNo:n,mainImageUrl:l,thumbImageUrl:r,thumbImageUrlOnOver:c,landingUrl:s,openLocationTarget:p})=>[{key:`main_${n}`,url:l},{key:`thumb1_${n}`,url:r},{key:`thumb2_${n}`,url:c}].filter(({url:a})=>!!a).map(a=>({...a,landingUrl:s,openLocationTarget:p}))),L=({slideImages:i=[],children:n})=>{const l=G(i);return t.jsxs("div",{className:"w-full",children:[t.jsx("div",{className:N("w-full overflow-y-auto overflow-x-hidden","max-h-[55vh]","lg:max-h-[48rem]"),children:l.map(({key:r,url:c,landingUrl:s,openLocationTarget:p})=>s?t.jsx("a",{href:s,target:p?`_${p.toLowerCase()}`:void 0,className:"block w-full",children:t.jsx("img",{className:"w-full h-auto",src:c})},r):t.jsx("img",{className:"block w-full h-auto",src:c},r))}),n]})};L.propTypes={children:e.node,slideImages:e.arrayOf(e.shape({hasUploaded:e.bool,landingUrl:e.string,mainImageUrl:e.string,openLocationTarget:e.oneOf(["SELF","BLANK"]),popupImageNo:e.number,thumbImageUrl:e.string,thumbImageUrlOnOver:e.string}))};const P=new Map,k={PERCENT:({screenWidth:i,screenHeight:n})=>{const l=window.innerWidth*i/100,r=window.innerHeight*n/100;return{width:l,height:r}},PIXEL:({screenWidth:i,screenHeight:n})=>({width:i,height:n})},I=({className:i="",isWindowPopup:n=!1,onDeleteClick:l,onVisibleTodayClick:r,content:c,detailInfo:s,popupDesignType:p,popupNo:a,popupSlideInfo:b,usesVisibleTodayOption:h,isFixedTop:g,canDrag:x,usesDimmed:o=!0,refs:u={}})=>{const{t:d}=X("common"),y=f.useRef(),{position:w,handleDragStart:W,handleDrag:v,handleDragOver:S,handleDragEnd:M}=V({initialLeft:s.screenLeftPosition,initialTop:s.screenTopPosition}),H=f.useMemo(()=>g?{left:0,top:0,paddingLeft:s.screenLeftPosition,paddingTop:s.screenTopPosition,width:"100%",boxSizing:"border-box",boxShadow:"none",border:"none",zIndex:6}:{},[s]),D=m=>{if(l(m),g){P.delete(m);const E=[...P.values()].sort((O,C)=>C-O)?.at(0)??0;u.pageInnerRef.current.style.marginTop=`${E}px`}n&&window.close()},R=m=>{r(m),D(m)};if(f.useEffect(()=>{if(!y?.current||!g)return;P.set(a,y.current.clientHeight);const m=[...P.values()].sort((E,O)=>O-E)?.at(0)??0;u.pageInnerRef.current.style.marginTop=`${m}px`},[]),f.useEffect(()=>{if(s.screenType==="WINDOW"&&!n){const m={toolbar:"no",status:"no",statusbar:"no",menubar:"no",scrollbars:"no",resizable:"yes",location:"yes",left:s.screenLeftPosition,top:s.screenTopPosition,width:k[s.screenWidthUnit](s).width,height:k[s.screenHeightUnit](s).height+42},E=Object.entries(m).map(([O,C])=>`${O}=${C}`).join(", ");window.name="",window.open(`/design-popup?popupNo=${a}&pathname=${encodeURIComponent(location.pathname)}&parameter=${encodeURIComponent(location.search)}`,`design-popup-${a}`,E)}},[]),s.screenType==="WINDOW"&&!n)return t.jsx(t.Fragment,{});const $=s.screenType!=="FIXED_TOP"&&s.screenType!=="WINDOW",_=t.jsxs("div",{className:N("flex gap-[0.8rem] w-full","px-[1.6rem] py-[2rem]","lg:p-0 lg:pt-[6rem]"),children:[h&&t.jsx(T,{type:"button",variant:"fig-outline",size:"fig-default",onClick:()=>R(a),className:"flex-1 flex items-center justify-center",children:d("doNotShowToday")}),t.jsx(T,{type:"button",variant:"solid",size:"fig-default",onClick:()=>D(a),className:"flex-1 flex items-center justify-center",children:d("confirm")})]});return $?t.jsxs(t.Fragment,{children:[o&&t.jsx("div",{className:"fixed inset-0 z-[9999] bg-black/50",onClick:()=>D(a)}),t.jsx("div",{ref:y,className:N("fixed bottom-0 left-0 z-[9999] w-full bg-white","lg:bottom-auto lg:left-[50%] lg:top-[50%] lg:translate-x-[-50%] lg:translate-y-[-50%]","lg:w-[66.2rem] lg:max-w-[66.2rem] lg:p-[2rem]"),children:p==="MULTI"?t.jsx(L,{...b,children:_}):t.jsx(j,{content:c,...s,useFullWidth:!0,children:_})})]}):t.jsx("div",{ref:y,draggable:x,className:`design-popup ${i}`,onDragStart:W,onDrag:v,onDragOver:S,onDragEnd:M,style:{...w,...H},children:p==="MULTI"?t.jsx(L,{...b,children:t.jsxs("div",{className:"design-popup__btns",children:[h&&t.jsx(T,{type:"button",variant:"fig-outline",size:"fig-default",onClick:()=>R(a),className:"flex-1 flex items-center justify-center",children:d("doNotShowToday")}),t.jsx(T,{type:"button",variant:"solid",size:"fig-default",onClick:()=>D(a),className:"flex-1 flex items-center justify-center",children:d("close")})]})}):t.jsx(j,{content:c,...s,useFullWidth:g,children:t.jsxs("div",{className:"design-popup__btns",children:[h&&t.jsx(T,{type:"button",variant:"fig-outline",size:"fig-default",onClick:()=>R(a),className:"flex-1 flex items-center justify-center",children:d("doNotShowToday")}),t.jsx(T,{type:"button",variant:"solid",size:"fig-default",onClick:()=>D(a),className:"flex-1 flex items-center justify-center",children:d("close")})]})})})};I.displayName="DesignPopupItem";I.propTypes={className:e.string,onDeleteClick:e.func,onVisibleTodayClick:e.func,content:e.string,detailInfo:e.shape({bgColor:e.string,canResize:e.bool,screenHeight:e.number,screenHeightUnit:e.oneOf(["PIXEL","PERCENT"]),screenLeftPosition:e.number,screenTopPosition:e.number,screenType:e.oneOf(["FIXED","FIXED_TOP","LAYER","WINDOW"]),screenWidth:e.number,screenWidthUnit:e.oneOf(["PIXEL","PERCENT"])}),mallNo:e.number,popupDesignType:e.oneOf(["NORMAL","MULTI"]),popupNo:e.number,popupSlideInfo:e.shape({slideSpeed:e.oneOf([1,2,3,4,5,6,7,8,9]),slideMinWidth:e.number,slideMinHeight:e.number,slideMaxWidth:e.number,slideMaxHeight:e.number,canResize:e.bool,slideCount:e.oneOf(["TWO_BY_ONE","THREE_BY_ONE","FOUR_BY_ONE","TWO_BY_TWO","THREE_BY_TWO","FOUR_BY_TWO"]),slideDirection:e.oneOf(["FIXED","RIGHT","LEFT","UP","DOWN"]),slideImages:e.arrayOf(e.shape({hasUploaded:e.bool,landingUrl:e.string,mainImageUrl:e.string,openLocationTarget:e.oneOf(["SELF","BLANK"]),popupImageNo:e.number,thumbImageUrl:e.string,thumbImageUrlOnOver:e.string}))}),title:e.string,usesVisibleTodayOption:e.bool,isFixedTop:e.bool,canDrag:e.bool,refs:e.shape({designPopupRef:e.object,pageRef:e.object,pageInnerRef:e.object}),isWindowPopup:e.bool};const K=({refs:i})=>{const n=Y(),{designPopups:l,displayPopups:r}=F(),{fetchDesignPopups:c,fetchDisplayPopups:s,putVisibleTodayBy:p,deleteDesignPopupBy:a}=B(),b=f.useMemo(()=>[...l,...r],[l,r]),h=n.pathname==="/"||n.pathname==="";return f.useEffect(()=>{const g=z();g&&s({...g,cacheOption:{key:window.location.href,type:"MEMORY",timeBySeconds:180}}),c({displayUrl:n.pathname,parameter:n.search,cacheOption:{key:window.location.href,type:"MEMORY",timeBySeconds:180}})},[n,A()]),b?.length?t.jsx("div",{children:b.map(g=>t.jsx(I,{refs:i,...g,isFixedTop:g.detailInfo.screenType==="FIXED_TOP",canDrag:g.detailInfo.screenType==="LAYER",usesDimmed:!h,onDeleteClick:x=>{a({popupNo:x})},onVisibleTodayClick:x=>{p({popupNo:x,shouldHide:!0})}},g.popupNo))}):(i?.pageInnerRef?.current&&(i.pageInnerRef.current.style.marginTop="0px"),t.jsx(t.Fragment,{}))};K.propTypes={refs:e.shape({pageRef:e.object,pageInnerRef:e.object})};export{K as D,I as a,z as g};