"use strict";(self.webpackChunk_shopby_react_skin=self.webpackChunk_shopby_react_skin||[]).push([[4667],{9829:(e,t,n)=>{n.d(t,{U:()=>Y,Z:()=>X});var r=n(7294),o=n(9250),i=n(5697),a=n(2557),l=n(4113),c=n(973),u=n(9212);function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function p(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function f(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?p(Object(n),!0).forEach((function(t){var r,o,i;r=e,o=t,i=n[t],(o=function(e){var t=function(e,t){if("object"!==s(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!==s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===s(t)?t:String(t)}(o))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):p(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function d(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return m(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?m(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var g=n(9121),h=n(7019),b=n(221),y={ONE:1,TWO:2,THREE:3,FOUR:4,FIVE:5},v={FIXED:{effect:"fade",direction:"horizontal",reverseDirection:!1},RIGHT:{effect:"slide",direction:"horizontal",reverseDirection:!1},LEFT:{effect:"slide",direction:"horizontal",reverseDirection:!0},UP:{effect:"slide",direction:"vertical",reverseDirection:!1},DOWN:{effect:"slide",direction:"vertical",reverseDirection:!0}},O=n(7294),E=function(e){var t=e.slideMaxWidth,n=e.slideMaxHeight,o=e.slideDirection,i=e.slideSpeed,a=e.slideImages,l=e.canResize,c=a.map((function(e){var t=e.mainImageUrl,n=e.popupImageNo;return{mainImageUrl:t,popupImageNo:"main_".concat(n)}})),s=v[o],p=s.effect,f=s.direction,d=s.reverseDirection,m=(0,r.useMemo)((function(){return l?"".concat(t,"x").concat(n):""}),[l,t,n]);return O.createElement("div",{height:"".concat(n,"px"),style:{width:"".concat(t,"px"),height:"".concat(n,"px")}},O.createElement(h.Z,{autoHeight:m,effect:p,direction:f,autoplay:{delay:1e3*(null!=i?i:1)||2500,reverseDirection:d},loop:!0,slidesPerView:"auto",style:{width:"".concat(t,"px"),height:"".concat(n,"px")}},null==c?void 0:c.map((function(e){return O.createElement(b.o5,{key:e.popupImageNo,width:"".concat(t,"px"),height:"".concat(n,"px")},O.createElement("img",{className:"design-popup__slide-image",src:(0,u.JZp)({url:e.mainImageUrl,additionalSearchParams:m}),width:l?"".concat(t,"px"):"auto",height:l?"".concat(n,"px"):"auto"}))}))))};const w=E;E.propTypes={canResize:i.bool,slideSpeed:(0,i.oneOf)([1,2,3,4,5,6,7,8,9]),slideMaxWidth:i.number,slideMaxHeight:i.number,slideDirection:(0,i.oneOf)(["FIXED","RIGHT","LEFT","UP","DOWN"]),slideImages:(0,i.arrayOf)((0,i.shape)({hasUploaded:i.bool,landingUrl:i.string,mainImageUrl:i.string,openLocationTarget:(0,i.oneOf)(["SELF","BLANK"]),popupImageNo:i.number,thumbImageUrl:i.string,thumbImageUrlOnOver:i.string}))};var T=n(7294);function I(){return I=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},I.apply(this,arguments)}function P(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var S=function(e){var t,n,o=e.thumbImageUrl,i=e.thumbImageUrlOnOver,a=e.landingUrl,l=e.openLocationTarget,c=e.slideMinWidth,s=e.slideMinHeight,p=e.canResize,f=(t=(0,r.useState)(o),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return P(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?P(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),d=f[0],m=f[1],g=function(){m(i)},h=function(){m(o)},b=(0,r.useMemo)((function(){return p?"".concat(c,"x").concat(s):""}),[p,c,s]);return T.createElement("a",{href:a,target:"_".concat(null==l?void 0:l.toLowerCase()),className:"design-popup__subject-item",onMouseEnter:g,onTouchStart:g,onMouseLeave:h,onTouchEnd:h},T.createElement("img",{className:"design-popup__slide-image",src:(0,u.JZp)({url:d,additionalSearchParams:b}),width:p?"".concat(c,"px"):"auto",height:p?"".concat(s,"px"):"auto"}))};S.propTypes={thumbImageUrl:i.string,thumbImageUrlOnOver:i.string,slideMinWidth:i.number,slideMinHeight:i.number,landingUrl:i.string,openLocationTarget:(0,i.oneOf)(["SELF","BLANK"]),canResize:i.bool};var j=function(e){var t=e.slideImages,n=e.slideCount,r=e.slideMinWidth,o=e.slideMinHeight,i=e.canResize,a=t.map((function(e){var t=e.thumbImageUrl,n=e.thumbImageUrlOnOver,r=e.popupImageNo,o=e.landingUrl;return{thumbImageUrl:t,thumbImageUrlOnOver:n,popupImageNo:"thumb_".concat(r),landingUrl:o}})),l=function(e){return{gridTemplateRows:"repeat(".concat(y[e.split("_BY_").at(1)],", 1fr)"),gridTemplateColumns:"repeat(".concat(y[e.split("_BY_").at(0)],", 1fr)")}}(n),c=l.gridTemplateRows,u=l.gridTemplateColumns;return T.createElement("div",{className:"design-popup__thumb-image",style:{display:"grid",gridTemplateRows:c,gridTemplateColumns:u,width:"".concat(r,"px"),height:"".concat(o,"px")}},null==a?void 0:a.map((function(e){return T.createElement(S,I({key:e.popupImageNo},e,{slideMinWidth:r,slideMinHeight:o,canResize:i}))})))};const D=j;j.propTypes={slideImages:(0,i.arrayOf)((0,i.shape)({hasUploaded:i.bool,landingUrl:i.string,mainImageUrl:i.string,openLocationTarget:(0,i.oneOf)(["SELF","BLANK"]),popupImageNo:i.number,thumbImageUrl:i.string,thumbImageUrlOnOver:i.string})),slideCount:(0,i.oneOf)(["TWO_BY_ONE","THREE_BY_ONE","FOUR_BY_ONE","TWO_BY_TWO","THREE_BY_TWO","FOUR_BY_TWO"]),slideMinWidth:i.number,slideMinHeight:i.number,canResize:i.bool};var _=n(7294),N=function(e){var t=e.slideMinWidth,n=e.slideMinHeight,r=e.slideMaxWidth,o=e.slideMaxHeight,i=e.slideSpeed,a=e.slideImages,l=e.slideCount,c=e.slideDirection,u=e.canResize,s=e.children;return _.createElement("div",{className:"design-popup__content",style:{width:"".concat(r,"px")}},_.createElement(w,{slideImages:a,slideMaxWidth:r,slideMaxHeight:o,slideDirection:c,slideSpeed:i,canResize:u}),_.createElement(D,{slideImages:a,slideCount:l,slideMinWidth:t,slideMinHeight:n,canResize:u}),s)};const U=N;N.propTypes={children:i.node,slideSpeed:(0,i.oneOf)([1,2,3,4,5,6,7,8,9]),slideMinWidth:i.number,slideMinHeight:i.number,slideMaxWidth:i.number,slideMaxHeight:i.number,canResize:i.bool,slideCount:(0,i.oneOf)(["TWO_BY_ONE","THREE_BY_ONE","FOUR_BY_ONE","TWO_BY_TWO","THREE_BY_TWO","FOUR_BY_TWO"]),slideDirection:(0,i.oneOf)(["FIXED","RIGHT","LEFT","UP","DOWN"]),slideImages:(0,i.arrayOf)((0,i.shape)({hasUploaded:i.bool,landingUrl:i.string,mainImageUrl:i.string,openLocationTarget:(0,i.oneOf)(["SELF","BLANK"]),popupImageNo:i.number,thumbImageUrl:i.string,thumbImageUrlOnOver:i.string}))};var R=n(5016),W=n(7294);function M(e){return M="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},M(e)}function C(){return C=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},C.apply(this,arguments)}function H(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach((function(t){var r,o,i;r=e,o=t,i=n[t],(o=function(e){var t=function(e,t){if("object"!==M(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!==M(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===M(t)?t:String(t)}(o))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function L(e){return function(e){if(Array.isArray(e))return B(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||A(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function A(e,t){if(e){if("string"==typeof e)return B(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?B(e,t):void 0}}function B(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var F=new Map,k={PERCENT:function(e){var t=e.screenWidth,n=e.screenHeight;return{width:window.innerWidth*t/100,height:window.innerHeight*n/100}},PIXEL:function(e){return{width:e.screenWidth,height:e.screenHeight}}},Y=function(e){var t=e.className,n=void 0===t?"":t,o=e.isWindowPopup,i=void 0!==o&&o,c=e.onDeleteClick,u=e.onVisibleTodayClick,s=e.content,p=e.detailInfo,m=e.popupDesignType,g=e.popupNo,h=e.popupSlideInfo,b=e.usesVisibleTodayOption,y=e.isFixedTop,v=e.canDrag,O=e.refs,E=void 0===O?{}:O,w=(0,r.useRef)(),T=function(e){var t=e.initialLeft,n=e.initialTop,o=d((0,r.useState)({left:0,top:0}),2),i=o[0],a=o[1],l=d((0,r.useState)({left:0,top:0}),2),c=l[0],u=l[1],s=d((0,r.useState)({left:t,top:n}),2),p=s[0],m=s[1];return{handleDragStart:function(e){e.stopPropagation(),e.dataTransfer.effectAllowed="move";var t=f({},i);t.left=e.target.offsetLeft,t.top=e.target.offsetTop,a((function(){return f({},t)}));var n=f({},c);n.left=e.clientX,n.top=e.clientY,u((function(){return f({},n)}))},handleDrag:function(e){e.stopPropagation(),e.preventDefault();var t=f({},p),n=e.target.offsetLeft+e.clientX-c.left,r=e.target.offsetTop+e.clientY-c.top;t.left=n<0?p.left:n,t.top=r<0?p.top:r,m((function(){return f({},t)}));var o=f({},c);o.left=e.clientX,o.top=e.clientY,u((function(){return f({},o)}))},handleDragOver:function(e){e.preventDefault(),e.stopPropagation()},handleDragEnd:function(e){e.preventDefault(),e.stopPropagation()},position:p}}({initialLeft:p.screenLeftPosition,initialTop:p.screenTopPosition}),I=T.position,P=T.handleDragStart,S=T.handleDrag,j=T.handleDragOver,D=T.handleDragEnd,_=(0,r.useMemo)((function(){return y?{left:0,top:0,paddingLeft:p.screenLeftPosition,paddingTop:p.screenTopPosition,width:"100%",boxShadow:"none",border:"none",zIndex:6}:{}}),[p]),N=function(e){if(c(e),y){var t,n;F.delete(e);var r=null!==(t=null===(n=L(F.values()))||void 0===n||null===(n=n.sort((function(e,t){return t-e})))||void 0===n?void 0:n.at(0))&&void 0!==t?t:0;E.pageInnerRef.current.style.marginTop="".concat(r,"px")}i&&window.close()},M=function(e){u(e),N(e)};return(0,r.useEffect)((function(){var e,t;if(null!=w&&w.current&&y){F.set(g,w.current.clientHeight);var n=null!==(e=null===(t=L(F.values()))||void 0===t||null===(t=t.sort((function(e,t){return t-e})))||void 0===t?void 0:t.at(0))&&void 0!==e?e:0;E.pageInnerRef.current.style.marginTop="".concat(n,"px")}}),[]),(0,r.useEffect)((function(){if("WINDOW"===p.screenType&&!i){var e={toolbar:"no",status:"no",statusbar:"no",menubar:"no",scrollbars:"no",resizable:"yes",location:"yes",left:p.screenLeftPosition,top:p.screenTopPosition,width:k[p.screenWidthUnit](p).width,height:k[p.screenHeightUnit](p).height+42},t=Object.entries(e).map((function(e){var t,n,r=(n=2,function(e){if(Array.isArray(e))return e}(t=e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(t,n)||A(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),o=r[0],i=r[1];return"".concat(o,"=").concat(i)})).join(", ");window.name="",window.open("/design-popup?popupNo=".concat(g,"&pathname=").concat(encodeURIComponent(location.pathname),"&parameter=").concat(encodeURIComponent(location.search)),"design-popup-".concat(g),t)}}),[]),"WINDOW"!==p.screenType||i?W.createElement("div",{ref:w,draggable:v,className:"design-popup ".concat(n),onDragStart:P,onDrag:S,onDragOver:j,onDragEnd:D,style:x(x({},I),_)},W.createElement(a.Z,{key:g,shows:"MULTI"===m,TruthyComponent:W.createElement(U,h,W.createElement("div",{className:"design-popup__btns"},W.createElement(a.Z,{shows:b,TruthyComponent:W.createElement(l.Z,{label:"오늘 하루 보이지 않음",onClick:function(){return M(g)}})}),W.createElement(l.Z,{className:"design-popup__btn--close",label:"닫기",onClick:function(){return N(g)}}))),FalsyComponent:W.createElement(R.Z,C({content:s},p),W.createElement("div",{className:"design-popup__btns"},W.createElement(a.Z,{shows:b,TruthyComponent:W.createElement(l.Z,{label:"오늘 하루 보이지 않음",onClick:function(){return M(g)}})}),W.createElement(l.Z,{className:"design-popup__btn--close",label:"닫기",onClick:function(){return N(g)}})))})):W.createElement(W.Fragment,null)};Y.displayName="DesignPopupItem",Y.propTypes={className:i.string,onDeleteClick:i.func,onVisibleTodayClick:i.func,content:i.string,detailInfo:(0,i.shape)({bgColor:i.string,canResize:i.bool,screenHeight:i.number,screenHeightUnit:(0,i.oneOf)(["PIXEL","PERCENT"]),screenLeftPosition:i.number,screenTopPosition:i.number,screenType:(0,i.oneOf)(["FIXED","FIXED_TOP","LAYER","WINDOW"]),screenWidth:i.number,screenWidthUnit:(0,i.oneOf)(["PIXEL","PERCENT"])}),mallNo:i.number,popupDesignType:(0,i.oneOf)(["NORMAL","MULTI"]),popupNo:i.number,popupSlideInfo:(0,i.shape)({slideSpeed:(0,i.oneOf)([1,2,3,4,5,6,7,8,9]),slideMinWidth:i.number,slideMinHeight:i.number,slideMaxWidth:i.number,slideMaxHeight:i.number,canResize:i.bool,slideCount:(0,i.oneOf)(["TWO_BY_ONE","THREE_BY_ONE","FOUR_BY_ONE","TWO_BY_TWO","THREE_BY_TWO","FOUR_BY_TWO"]),slideDirection:(0,i.oneOf)(["FIXED","RIGHT","LEFT","UP","DOWN"]),slideImages:(0,i.arrayOf)((0,i.shape)({hasUploaded:i.bool,landingUrl:i.string,mainImageUrl:i.string,openLocationTarget:(0,i.oneOf)(["SELF","BLANK"]),popupImageNo:i.number,thumbImageUrl:i.string,thumbImageUrlOnOver:i.string}))}),title:i.string,usesVisibleTodayOption:i.bool,isFixedTop:i.bool,canDrag:i.bool,refs:(0,i.shape)({designPopupRef:i.object,pageRef:i.object,pageInnerRef:i.object}),isWindowPopup:i.bool};var z=function(e){var t,n=e.refs,i=(0,o.TH)(),a=(0,c.rs)(),l=a.designPopups,s=a.displayPopups,p=(0,c.DS)(),f=p.fetchDesignPopups,d=p.fetchDisplayPopups,m=p.putVisibleTodayBy,h=p.deleteDesignPopupBy,b=(0,r.useMemo)((function(){return[].concat(L(l),L(s))}),[l,s]);return(0,r.useEffect)((function(){var e=(0,g.T)();e&&d(x(x({},e),{},{cacheOption:{key:window.location.href,type:"MEMORY",timeBySeconds:180}})),f({displayUrl:i.pathname,parameter:i.search,cacheOption:{key:window.location.href,type:"MEMORY",timeBySeconds:180}})}),[i,(0,u.jF3)()]),null!=b&&b.length?W.createElement("div",null,b.map((function(e){return W.createElement(Y,C({refs:n,key:e.popupNo},e,{isFixedTop:"FIXED_TOP"===e.detailInfo.screenType,canDrag:"LAYER"===e.detailInfo.screenType,onDeleteClick:function(e){h({popupNo:e})},onVisibleTodayClick:function(e){m({popupNo:e,shouldHide:!0})}}))}))):(null!=n&&null!==(t=n.pageInnerRef)&&void 0!==t&&t.current&&(n.pageInnerRef.current.style.marginTop="".concat(0,"px")),W.createElement(W.Fragment,null))};const X=z;z.propTypes={refs:(0,i.shape)({pageRef:i.object,pageInnerRef:i.object})}},5016:(e,t,n)=>{n.d(t,{Z:()=>c});var r=n(7294),o=n(5697),i=n(7294),a={PERCENT:function(e){var t=e.screenWidth,n=e.screenHeight;return{width:window.innerWidth*t/100,height:window.innerHeight*n/100}},PIXEL:function(e){return{width:e.screenWidth,height:e.screenHeight}}},l=(0,r.forwardRef)((function(e,t){var n=e.content,o=e.screenWidthUnit,l=e.screenHeightUnit,c=e.bgColor,u=e.screenWidth,s=e.screenHeight,p=e.children,f=(0,r.useRef)(),d={background:c,width:"".concat(a[o]({screenWidth:u,screenHeight:s}).width,"px"),height:"".concat(a[l]({screenWidth:u,screenHeight:s}).height,"px")};return(0,r.useEffect)((function(){var e=null==f?void 0:f.current;if(e&&!(e.children.length>0)){var t=document.createRange().createContextualFragment(n);e.replaceChildren(t)}}),[null==f?void 0:f.current]),i.createElement("div",{className:"editor",ref:t},i.createElement("div",{ref:f,className:"design-popup__content",style:d}),p)}));const c=l;l.displayName="DesignPopupNormal",l.propTypes={className:o.string,content:o.string,screenWidthUnit:(0,o.oneOf)(["PERCENT","PIXEL"]),screenHeightUnit:(0,o.oneOf)(["PERCENT","PIXEL"]),bgColor:o.string,screenWidth:o.number,screenHeight:o.number,children:o.node}},4667:(e,t,n)=>{n.r(t),n.d(t,{default:()=>h});var r=n(7294),o=n(9655),i=n(973),a=n(9121),l=n(9829),c=n(7294);function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function p(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function f(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?p(Object(n),!0).forEach((function(t){var r,o,i;r=e,o=t,i=n[t],(o=function(e){var t=function(e,t){if("object"!==u(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!==u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===u(t)?t:String(t)}(o))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):p(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function d(e){return function(e){if(Array.isArray(e))return g(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||m(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m(e,t){if(e){if("string"==typeof e)return g(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?g(e,t):void 0}}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}const h=function(){var e,t,n,u=(t=(0,o.lr)(),n=1,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(t,n)||m(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0],p=Number(u.get("popupNo")),g=decodeURIComponent(u.get("pathname")),h=decodeURIComponent(u.get("parameter"));window.sb=null===(e=window)||void 0===e||null===(e=e.opener)||void 0===e||null===(e=e.parent)||void 0===e||null===(e=e.window)||void 0===e?void 0:e.sb;var b=(0,i.rs)(),y=b.designPopups,v=b.displayPopups,O=(0,i.DS)(),E=O.deleteDesignPopupBy,w=O.putVisibleTodayBy,T=O.fetchDesignPopups,I=O.fetchDisplayPopups,P=(0,r.useMemo)((function(){return[].concat(d(y),d(v))}),[y,v]),S=(0,r.useMemo)((function(){return P.find((function(e){return e.popupNo===p}))}),[P]);return(0,r.useEffect)((function(){var e=(0,a.T)();e&&I(f(f({},e),{},{cacheOption:{key:window.location.href,type:"MEMORY",timeBySeconds:180}})),T({pathname:g,parameter:h,cacheOption:{key:window.location.href,type:"MEMORY",timeBySeconds:180}})}),[]),S?c.createElement(l.U,s({},S,{detailInfo:f(f({},S.detailInfo),{},{screenLeftPosition:0,screenTopPosition:0}),className:"design-popup__window",isWindowPopup:!0,onDeleteClick:function(e){E({popupNo:e})},onVisibleTodayClick:function(e){w({popupNo:e,shouldHide:!0})}})):c.createElement(c.Fragment,null)}}}]);