/*! For license information please see 8306.797bdc2929a264eddfbe.bundle.js.LICENSE.txt */
"use strict";(self.webpackChunk_shopby_react_skin=self.webpackChunk_shopby_react_skin||[]).push([[8306],{453:(e,t,r)=>{r.d(t,{Z:()=>c});var n=r(5697),o=r(6831),i=r(7294),a=function(e){var t=e.size,r=void 0===t?4:t,n=e.children,a=e.className;return e.isLoading?i.createElement("div",{className:a},Array(r).fill(null).map((function(e,t){return i.createElement(o.Z,{key:t,type:"LIST"})}))):n};const c=a;a.propTypes={className:n.string,size:n.number,children:(0,n.oneOf)([n.node,n.element]),isLoading:n.bool}},8306:(e,t,r)=>{r.d(t,{P:()=>P,Z:()=>U});var n=r(7294),o=r(5697),i=r(8379),a=r(412),c=r(8030),l=r(2557),u=r(453),s=r(9901),m=r(5004),f=r(2968),p=r(5851),d=r(2169),h=r(6050),v=r(1968),y=r(4113),g=r(9212),w=r(1398),b=r(6722),E=r(4466),N=r(8504),_=r(7294);function O(e){return O="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},O(e)}function L(){L=function(){return t};var e,t={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(e,t,r){e[t]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",l=i.toStringTag||"@@toStringTag";function u(e,t,r){return Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{u({},"")}catch(e){u=function(e,t,r){return e[t]=r}}function s(e,t,r,n){var i=t&&t.prototype instanceof y?t:y,a=Object.create(i.prototype),c=new C(n||[]);return o(a,"_invoke",{value:S(e,r,c)}),a}function m(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}t.wrap=s;var f="suspendedStart",p="suspendedYield",d="executing",h="completed",v={};function y(){}function g(){}function w(){}var b={};u(b,a,(function(){return this}));var E=Object.getPrototypeOf,N=E&&E(E(k([])));N&&N!==r&&n.call(N,a)&&(b=N);var _=w.prototype=y.prototype=Object.create(b);function x(e){["next","throw","return"].forEach((function(t){u(e,t,(function(e){return this._invoke(t,e)}))}))}function R(e,t){function r(o,i,a,c){var l=m(e[o],e,i);if("throw"!==l.type){var u=l.arg,s=u.value;return s&&"object"==O(s)&&n.call(s,"__await")?t.resolve(s.__await).then((function(e){r("next",e,a,c)}),(function(e){r("throw",e,a,c)})):t.resolve(s).then((function(e){u.value=e,a(u)}),(function(e){return r("throw",e,a,c)}))}c(l.arg)}var i;o(this,"_invoke",{value:function(e,n){function o(){return new t((function(t,o){r(e,n,t,o)}))}return i=i?i.then(o,o):o()}})}function S(t,r,n){var o=f;return function(i,a){if(o===d)throw new Error("Generator is already running");if(o===h){if("throw"===i)throw a;return{value:e,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var l=T(c,n);if(l){if(l===v)continue;return l}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===f)throw o=h,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=d;var u=m(t,r,n);if("normal"===u.type){if(o=n.done?h:p,u.arg===v)continue;return{value:u.arg,done:n.done}}"throw"===u.type&&(o=h,n.method="throw",n.arg=u.arg)}}}function T(t,r){var n=r.method,o=t.iterator[n];if(o===e)return r.delegate=null,"throw"===n&&t.iterator.return&&(r.method="return",r.arg=e,T(t,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),v;var i=m(o,t.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,v;var a=i.arg;return a?a.done?(r[t.resultName]=a.value,r.next=t.nextLoc,"return"!==r.method&&(r.method="next",r.arg=e),r.delegate=null,v):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,v)}function j(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function I(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function C(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(j,this),this.reset(!0)}function k(t){if(t||""===t){var r=t[a];if(r)return r.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var o=-1,i=function r(){for(;++o<t.length;)if(n.call(t,o))return r.value=t[o],r.done=!1,r;return r.value=e,r.done=!0,r};return i.next=i}}throw new TypeError(O(t)+" is not iterable")}return g.prototype=w,o(_,"constructor",{value:w,configurable:!0}),o(w,"constructor",{value:g,configurable:!0}),g.displayName=u(w,l,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===g||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,w):(e.__proto__=w,u(e,l,"GeneratorFunction")),e.prototype=Object.create(_),e},t.awrap=function(e){return{__await:e}},x(R.prototype),u(R.prototype,c,(function(){return this})),t.AsyncIterator=R,t.async=function(e,r,n,o,i){void 0===i&&(i=Promise);var a=new R(s(e,r,n,o),i);return t.isGeneratorFunction(r)?a:a.next().then((function(e){return e.done?e.value:a.next()}))},x(_),u(_,l,"Generator"),u(_,a,(function(){return this})),u(_,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),r=[];for(var n in t)r.push(n);return r.reverse(),function e(){for(;r.length;){var n=r.pop();if(n in t)return e.value=n,e.done=!1,e}return e.done=!0,e}},t.values=k,C.prototype={constructor:C,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(I),!t)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=e)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var r=this;function o(n,o){return c.type="throw",c.arg=t,r.next=n,o&&(r.method="next",r.arg=e),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],c=a.completion;if("root"===a.tryLoc)return o("end");if(a.tryLoc<=this.prev){var l=n.call(a,"catchLoc"),u=n.call(a,"finallyLoc");if(l&&u){if(this.prev<a.catchLoc)return o(a.catchLoc,!0);if(this.prev<a.finallyLoc)return o(a.finallyLoc)}else if(l){if(this.prev<a.catchLoc)return o(a.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return o(a.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===e||"continue"===e)&&i.tryLoc<=t&&t<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=e,a.arg=t,i?(this.method="next",this.next=i.finallyLoc,v):this.complete(a)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),v},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),I(r),v}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc===e){var n=r.completion;if("throw"===n.type){var o=n.arg;I(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,r,n){return this.delegate={iterator:k(t),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=e),v}},t}function x(e,t,r,n,o,i,a){try{var c=e[i](a),l=c.value}catch(e){return void r(e)}c.done?t(l):Promise.resolve(l).then(n,o)}function R(e){return function(){var t=this,r=arguments;return new Promise((function(n,o){var i=e.apply(t,r);function a(e){x(i,n,o,a,c,"next",e)}function c(e){x(i,n,o,a,c,"throw",e)}a(void 0)}))}}function S(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,a,c=[],l=!0,u=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=i.call(r)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){u=!0,o=e}finally{try{if(!l&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(u)throw o}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return T(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?T(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 T(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var j=(0,n.memo)((function(e){var t,r=e.productName,o=e.productNo,i=e.showsProductName,a=void 0!==i&&i,c=e.brandName,u=void 0===c?"":c,s=e.price,m=e.mainImageUrl,O=e.reviewNo,x=e.registerName,T=e.updatedDate,j=e.content,I=e.images,C=e.rate,k=e.optionDisplayLabel,Z=void 0===k?"":k,A=e.isMine,D=void 0!==A&&A,q=e.onModify,P=e.onDelete,M=(0,f.fs)().reviewConfig,U=(0,p.Kk)().deleteReviewBy,G=(0,d.$7)().openConfirm,F=S((0,n.useState)(!1),2),V=F[0],B=F[1],Y=S((0,n.useState)(!1),2),z=Y[0],$=Y[1],W=(0,n.useMemo)((function(){return I.length}),[I]),J=null!==(t=(0,n.useMemo)((function(){return V?I:[I.at(0)]}),[I,V]))&&void 0!==t?t:[],K=function(){var e=R(L().mark((function e(){return L().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,G({message:_.createElement(_.Fragment,null,"삭제 시 복구가 불가능합니다. ",_.createElement("br",null),"정말 삭제하시겠습니까?"),onConfirm:function(){var e=R(L().mark((function e(){return L().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,U({productNo:o,reviewNo:O});case 2:return e.next=4,P();case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),confirmLabel:"삭제"});case 2:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),H=function(){var e=R(L().mark((function e(){return L().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,q();case 2:$(!1);case 3:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();return _.createElement(_.Fragment,null,_.createElement("li",{className:"product-review-item ".concat(V?"is-open":"")},_.createElement("div",{className:"product-review-item__top"},_.createElement("div",{className:"product-review-item__rating"},_.createElement(h.Z,{score:C,isSmall:!0,limit:w.q.LIMIT_SCORE}),_.createElement("strong",{className:"".concat("product-review-item__score")},C)),_.createElement("span",{className:"product-review-item__date"},T)),_.createElement("div",{className:"product-review-item__content"},_.createElement(l.Z,{shows:W>0,TruthyComponent:_.createElement("div",{className:"product-review-item__image"},_.createElement("ul",null,J.map((function(e,t){return _.createElement("li",{key:"".concat(t,"_product-review-item-image")},_.createElement("img",{src:(0,g.JZp)({url:e,additionalSearchParams:"100x100"}),alt:"상품 후기 이미지"}))}))),_.createElement("span",{className:"product-review-item__image-count"},W))}),_.createElement("div",{className:"product-review-item__bottom"},_.createElement("div",{className:"product-review-item__order-info"},_.createElement(l.Z,{shows:a,TruthyComponent:_.createElement("p",{className:"product-review-item__product-name"},_.createElement(N.Z,{html:r}))}),_.createElement("p",{className:"product-review-item__member-id"},x),_.createElement("p",{className:"product-review-item__brand-name"},(0,g.Uo5)(u)),_.createElement("p",{className:"product-review-item__option-value"},(0,g.Uo5)(Z)),s>=0&&_.createElement("p",{className:"product-review-item__price"},(0,g.o5F)(s),"원")),_.createElement("div",{className:"product-review-item__text"},_.createElement("div",{className:"product-review-item__text-detail"},_.createElement(N.Z,{html:j.replaceAll("\n","<br />")})),_.createElement(v.Z,{className:"arrow",iconType:"angle-down",onClick:function(){return B((function(e){return!e}))},size:"sm",hiddenLabel:!0,label:V?"리뷰 가리기":"리뷰 보기"})),_.createElement(l.Z,{shows:D,TruthyComponent:_.createElement("div",{className:"product-review-item__btns"},_.createElement(y.Z,{label:"수정",onClick:function(){$(!0)}}),_.createElement(y.Z,{label:"삭제",onClick:K}))})))),_.createElement(l.Z,{shows:z,TruthyComponent:_.createElement(b.Z,{title:M.name,onClose:function(){return $(!1)}},_.createElement(E.Z,{isRegisterMode:!1,reviewNo:O,productName:r,productImageUrl:m,optionDisplayLabel:Z,content:j,reviewImages:I.map((function(e){return{originName:e,imageUrl:e}})),rate:C,onCancel:function(){$(!1)},onModify:function(){H()}}))}))}));j.displayName="ProductReviewItem",j.propTypes={productNo:o.number.isRequired,reviewNo:o.number.isRequired,registerName:o.string,onModify:o.func.isRequired,onDelete:o.func.isRequired,content:o.string.isRequired,images:(0,o.arrayOf)(o.string).isRequired,rate:o.number.isRequired,mainImageUrl:o.string,productName:o.string,brandName:o.string,price:o.number,optionDisplayLabel:o.string,updatedDate:o.string,isMine:o.bool,showsProductName:o.bool};const I=j;var C=r(7294),k=["fileUrls"];function Z(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function A(){return A=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},A.apply(this,arguments)}var D=(0,n.memo)((function(){return C.createElement("div",{className:"product-board-list__empty"},C.createElement("span",{className:"ico ico--exclamation-white-bg"}),C.createElement("span",{className:"product-board-list__empty-notes"},"아직 작성 된 상품후기가 없어요."),C.createElement("p",{className:"product-board-list__accumulation-notes"},"구매 후 상품후기를 남겨주세요!",C.createElement("br",null),C.createElement(m.Z,{className:"product-board-list__accumulation",showsIcon:!1})))}));D.displayName="EmptyReviewList";var q={BEST_REVIEW:"베스트순",REGISTER_YMDT:"등록일순",RATING_DESC:"평점높은순",RATING_ASC:"평점낮은순"},P=function(e){var t=e.reviews,r=void 0===t?[]:t,n=e.onModify,o=e.onDelete,a=e.showsProductInfo,c=void 0!==a&&a;return C.createElement("div",{className:"product-board-list__items"},C.createElement("ul",null,r.map((function(e){var t=e.fileUrls,r=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(e,k),a=r.orderedOption,l=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.optionUsed,r=void 0===t||t,n=e.optionName,o=void 0===n?"":n,i=e.optionValue,a=void 0===i?"":i;return r&&o&&a?"".concat(o," : ").concat(a):""}(null!=a?a:{});return C.createElement(i.Z,{key:r.reviewNo},c&&C.createElement(s.Z,A({},r,{optionUsed:a.optionUsed,optionName:a.optionName,optionValue:a.optionValue,resize:"84x84"})),C.createElement(I,A({},r,{productName:r.productName,updatedDate:r.registerYmdt.slice(0,10),mainImageUrl:r.imageUrl,brandName:c?"":r.brandName,optionDisplayLabel:c?"":l,showsProductName:!c,isMine:r.myReview,images:t,onModify:n,onDelete:o})))}))))};P.propTypes={onModify:o.func.isRequired,onDelete:o.func.isRequired,reviews:(0,o.arrayOf)((0,o.shape)({reviewNo:o.number.isRequired,registerName:o.string.isRequired,updatedDate:o.string,content:o.string,fileUrls:(0,o.arrayOf)(o.string),rate:o.number,orderedOption:(0,o.shape)({optionName:o.string,optionValue:o.string}),myReview:o.bool})),showsProductInfo:o.bool};var M=function(e){var t,r=e.productNo,n=e.totalCount,o=e.sortType,i=e.onSelect,s=e.reviews,m=e.onModify,f=e.onDelete,p=e.isLoading,d=(0,a.w_)().boardConfig.productReviewConfig;return C.createElement("div",{className:"product-board-list"},C.createElement("div",{className:"product-board-list__search"},C.createElement("p",null,null!==(t=null==d?void 0:d.name)&&void 0!==t?t:"상품후기"," ",C.createElement("span",{className:"product-board-list__total-count"},C.createElement("em",null,n),"건")),C.createElement(c.Z,{value:o,className:"product-board-list__sort-type",options:Object.entries(q).map((function(e){var t,r,n=(r=2,function(e){if(Array.isArray(e))return e}(t=e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,a,c=[],l=!0,u=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=i.call(r)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){u=!0,o=e}finally{try{if(!l&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(u)throw o}}return c}}(t,r)||function(e,t){if(e){if("string"==typeof e)return Z(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Z(e,t):void 0}}(t,r)||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.")}());return{value:n[0],label:n[1]}})),onSelect:function(e){i(e)}})),C.createElement(l.Z,{shows:n>0,TruthyComponent:C.createElement(C.Fragment,null,C.createElement(P,{productNo:r,reviews:s,sortType:o,onModify:function(){m()},onDelete:function(){f()}}),C.createElement(u.Z,{isLoading:p})),FalsyComponent:p?C.createElement(u.Z,{isLoading:p}):C.createElement(D,null)}))};const U=M;M.displayName="ProductReviewList",M.propTypes={productNo:o.number.isRequired,totalCount:o.number.isRequired,sortType:(0,o.oneOf)(["BEST_REVIEW","REGISTER_YMDT","RATING_DESC","RATING_ASC"]).isRequired,onSelect:o.func.isRequired,onModify:o.func.isRequired,onDelete:o.func.isRequired,reviews:(0,o.arrayOf)((0,o.shape)({reviewNo:o.number.isRequired,registerName:o.string.isRequired,updatedDate:o.string,content:o.string,fileUrls:(0,o.arrayOf)(o.string),rate:o.number,orderedOption:(0,o.shape)({optionName:o.string,optionValue:o.string}),myReview:o.bool,onEditBtnClick:o.func,onDeleteBtnClick:o.func})).isRequired,isLoading:o.bool}},9901:(e,t,r)=>{r.d(t,{Z:()=>n});const n=r(3815).Z}}]);