import{r as o,j as c,m as x}from"./vendor-react-C630P38J.js";import{p as w,q as D,t as _,f as v,g as U}from"./vendor-fxts-IS4CCBC4.js";import{d as b}from"./vendor-utils-Cb1MAKRV.js";import{b as R}from"./vendor-hooks-D-WB61cZ.js";import{at as O,bo as $,c as z,bp as M,h as T}from"./feature-order-C2we0F5o.js";import{a as j}from"./vendor-query-BjC2S-sR.js";import{u as F}from"./vendor-i18n-D_F5k183.js";import"./vendor-overlay-B61Jbn6n.js";import"./vendor-rhf-CXRF5ML7.js";import"./vendor-zod-BNDLCzeL.js";import"./vendor-runtime-BrGgGswE.js";import"./vendor-cookie-BFUm5jHE.js";import"./vendor-state-BxLZOG0B.js";import"./vendor-form-ui-C6F7344s.js";import"./vendor-date-XKm2J5pk.js";const A={getDesignPopups:(t,e,s)=>O({method:"POST",url:"/design-popups",data:t,headers:{...e?{platform:e}:{},...s==null?void 0:s.headers},...s}),getAllPopups:(t,e,s)=>O({method:"GET",url:"/display/popups",params:t,headers:{platform:e},...s}),getPopups:(t,e,s)=>O({method:"GET",url:`/display/popups/${t}`,params:e,...s}),getPopupsById:(t,e,s)=>O({method:"GET",url:`/display/popups/ids/${t}`,params:e,...s})},q=({params:t,platform:e,axiosOptions:s,options:a})=>j({queryKey:$.list(t,e,s),queryFn:async()=>{const{data:l}=await A.getAllPopups(t,e,s);return l},...a}),V=({data:t,platform:e,options:s})=>j({queryKey:$.design(t,e),queryFn:async()=>(await A.getDesignPopups(t,e)).data,...s});var X="_1b7zfsv0",k="_1b7zfsv1",Y="_1b7zfsv2";const G=({popupData:t})=>{const e=t.detailInfo,s=e.screenHeightUnit==="PIXEL"?"px":"%",[a,l]=o.useState(null),g=o.useRef(null),i=o.useMemo(()=>s==="px"?`${e.screenHeight}${s}`:`${e.screenHeight}vh`,[e.screenHeight,s]),d=o.useMemo(()=>s==="%"?window.innerHeight*e.screenHeight/100:e.screenHeight,[e.screenHeight,s]);o.useEffect(()=>{if(!g.current)return;const u=g.current.querySelector("img");if(!u)return;const f=()=>{requestAnimationFrame(()=>{var m;const p=((m=g.current)==null?void 0:m.scrollHeight)??0;l(P=>P===p?P:p)})};return u.complete?f():u.addEventListener("load",f),()=>{u.removeEventListener("load",f)}},[t.content]);const C=(a??0)>d;return c.jsx("div",{className:X,children:c.jsx("div",{className:k,style:{backgroundColor:e.bgColor},children:c.jsx("div",{className:Y,ref:g,"data-max-height":C?"true":"false","data-resizable":e.resizable?"true":"false",style:{"--popup-max-height":i},dangerouslySetInnerHTML:{__html:t.content}})})})},B=o.memo(G),S=56;var K="rflz140",Q="rflz141",Z="rflz142",J="rflz143",ee="rflz144",te="rflz145";const se=t=>o.createElement("svg",{width:12,height:12,viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},o.createElement("path",{d:"M11.7141 10.2941C11.9024 10.4824 12.0082 10.7378 12.0082 11.0041C12.0082 11.2704 11.9024 11.5258 11.7141 11.7141C11.5258 11.9024 11.2704 12.0082 11.0041 12.0082C10.7378 12.0082 10.4824 11.9024 10.2941 11.7141L6.00409 7.41409L1.71409 11.7141C1.52579 11.9024 1.27039 12.0082 1.00409 12.0082C0.73779 12.0082 0.482395 11.9024 0.294092 11.7141C0.105788 11.5258 0 11.2704 0 11.0041C0 10.7378 0.105788 10.4824 0.294092 10.2941L4.59409 6.00409L0.294092 1.71409C0.105788 1.52579 -1.9841e-09 1.27039 0 1.00409C1.9841e-09 0.73779 0.105788 0.482395 0.294092 0.294092C0.482395 0.105788 0.73779 1.9841e-09 1.00409 0C1.27039 -1.9841e-09 1.52579 0.105788 1.71409 0.294092L6.00409 4.59409L10.2941 0.294092C10.4824 0.105788 10.7378 0 11.0041 0C11.2704 0 11.5258 0.105788 11.7141 0.294092C11.9024 0.482395 12.0082 0.73779 12.0082 1.00409C12.0082 1.27039 11.9024 1.52579 11.7141 1.71409L7.41409 6.00409L11.7141 10.2941Z",fill:"#222221"})),re=(t,e)=>{const s=t==="PIXEL",a=e==="PIXEL";return s&&a?{x:"0%",y:"0%"}:{x:a?"0%":"-50%",y:s?"0%":"-50%"}},ne=t=>`translate(${t.x}, ${t.y==="-50%"?"calc(-50% + 5%)":"5%"})`,oe=t=>`translate(${t.x}, ${t.y})`,ie=({popupList:t=[],handlePopupClose:e})=>{const{t:s}=F(),[a,l]=o.useState(!1);return o.useEffect(()=>{const i=window.requestAnimationFrame(()=>{l(!0)});return()=>{window.cancelAnimationFrame(i)}},[]),o.useMemo(()=>t.map(i=>{const{screenTopPosition:d,screenLeftPosition:C,screenTopUnit:u,screenLeftUnit:f,screenType:p,screenWidth:m,screenHeight:P,screenWidthUnit:N,screenHeightUnit:y}=i.detailInfo,E=re(u,f);return{popup:i,className:z(K,a&&Q,p==="FIXED_TOP"?Z:J),style:{width:`${m}${N==="PIXEL"?"px":"%"}`,top:`${d}${u==="PIXEL"?"px":"%"}`,left:`${C}${f==="PIXEL"?"px":"%"}`,height:y==="PIXEL"?`${(P??0)+S}px`:`calc(${P??0}% + ${S}px)`,transform:a?oe(E):ne(E)}}}),[t,a]).map(({popup:i,className:d,style:C})=>c.jsxs("div",{className:d,onClick:u=>u.stopPropagation(),style:C,children:[c.jsx(B,{popupData:i}),c.jsx("div",{className:ee,children:c.jsxs("div",{className:te,children:[i.visibleToday?c.jsx("button",{onClick:()=>e(i,"DAY"),children:c.jsx("span",{children:s("오늘 하루 보지 않기")})}):c.jsx("span",{}),c.jsxs("button",{onClick:()=>e(i,"CLOSE"),children:[c.jsx("span",{children:s("닫기")}),c.jsx(se,{})]})]})})]},i.popupNo))},Ee=({isMobile:t,pathname:e,search:s})=>{const a=o.useMemo(()=>t?M()==="PC"?"MOBILE_WEB":M():"PC",[t]),l=o.useMemo(()=>{if(x(T.MAIN,e))return"MAIN";if(x(T.PRODUCTS.DETAIL,e))return"PRODUCT";if(x(T.PRODUCTS.LIST,e))return"CATEGORY"},[e]),g=o.useMemo(()=>{const n=x(T.PRODUCTS.DETAIL,e),r=x(T.PRODUCTS.LIST,e);if(l==="PRODUCT")return Number(n==null?void 0:n.params.productNo)||0;if(l==="CATEGORY")return Number(r==null?void 0:r.params.categoryNo)||0},[l,e]),[i,d]=R("POPUP_EXPIRE_DATE",[]);o.useEffect(()=>{d(n=>D(n)||!n.some(r=>r.type==="CLOSE")?n:w(n,v(r=>r.type!=="CLOSE"),_))},[d]);const C=o.useMemo(()=>new Map(i.map(n=>[n.popupNo,n])),[i]),u=o.useCallback(n=>{const r=C.get(n),h=r==null?void 0:r.type;return h==="CLOSE"?!1:h==="DAY"?b(r==null?void 0:r.time).add(1,"day").set("hour",0).set("minute",0).set("second",0)<b():!0},[C]),f=o.useCallback(n=>w(n||[],v(r=>u(r.popupNo)),U(r=>r.detailInfo.screenType==="WINDOW"?"WINDOW":"NOT_WINDOW")),[u]),{data:p}=q({params:{pageType:l,targetNo:g},platform:a,options:{select:f,enabled:!!l&&g!==0}}),{data:m}=V({data:{displayUrl:e,parameter:s},platform:a,options:{select:f}}),P=o.useMemo(()=>[...(p==null?void 0:p.NOT_WINDOW)??[],...(m==null?void 0:m.NOT_WINDOW)??[]],[p==null?void 0:p.NOT_WINDOW,m==null?void 0:m.NOT_WINDOW]),N=(n,r,h)=>{const I=b().format("YYYY-MM-DDTHH:mm:ss");if(!n)return[{popupNo:r,type:h,time:I}];const H=n.findIndex(L=>L.popupNo===r);return H>=0?n.map((L,W)=>W===H?{...L,type:h,time:I}:L):[...n,{popupNo:r,type:h,time:I}]},y=o.useCallback((n,r)=>{d(h=>N(h,n,r))},[d]),E=o.useCallback((n,r)=>{y(n.popupNo,r)},[y]);return c.jsx(ie,{popupList:P,handlePopupClose:E})};export{Ee as default};