https://eternal-avarice.web.app/6935.b2ed7d81.chunk.js

1(self.webpackChunkts_boilerplate=self.webpackChunkts_boilerplate||[]).push([[6935],{29109:function(e,n,t){var r=t(97004),i=t(55463),o=t(55119);r({target:"Array",proto:!0},{fill:i}),o("fill")},30959:function(e,n,t){"use strict";t.d(n,{PP:function(){return m},Yc:function(){return h},et:function(){return f},m8:function(){return y},we:function(){return d}}),t(82185),t(61445),t(34068),t(66706),t(51163),t(82758),t(10475),t(82106),t(32145),t(85062),t(3233),t(20884),t(31863);var r=t(59352),i=t(42457);function o(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),t.push.apply(t,r)}return t}function a(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?o(Object(t),!0).forEach(function(n){l(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):o(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}function l(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function c(e,n,t,r,i,o,a){try{var l=e[o](a),c=l.value}catch(e){return void t(e)}l.done?n(c):Promise.resolve(c).then(r,i)}function u(e){return function(){var n=this,t=arguments;return new Promise(function(r,i){var o=e.apply(n,t);function a(e){c(o,r,i,a,l,"next",e)}function l(e){c(o,r,i,a,l,"throw",e)}a(void 0)})}}function d(e){return s.apply(this,arguments)}function s(){return(s=u(regeneratorRuntime.mark(function e(n){var t,i,o;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return t=n.collectionPath,i=n.data,o=r.fuego.db.collection(t),e.abrupt("return",o.add(a(a({},i),{},{createdAt:new Date,editedAt:new Date})).then(function(e){return e.id}).catch(function(e){return console.log(e.message)}));case 3:case"end":return e.stop()}},e)}))).apply(this,arguments)}function f(e){return p.apply(this,arguments)}function p(){return(p=u(regeneratorRuntime.mark(function e(n){var t,o,l,c,u,d,s;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(t=n.collectionPath,o=n.bgFileList,l=n.themeSet,c=n.docId,u=r.fuego.db.collection(t),d="",!o){e.next=7;break}return e.next=6,(0,i.updateImgAndGetURL)({selectedFile:o.selectedBgFile,prevImgURL:o.prevBgImgURL,collectionPath:t});case 6:d=e.sent;case 7:return s={themeSet:a(a({},l),{},{backgroundImgURL:d}),createdAt:new Date,editedAt:new Date},e.abrupt("return",u.doc(c).set(a({},s),{merge:!0}));case 9:case"end":return e.stop()}},e)}))).apply(this,arguments)}function m(e){return v.apply(this,arguments)}function v(){return(v=u(regeneratorRuntime.mark(function e(n){var t,i,o,l;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return t=n.collectionPath,i=n.data,o=n.docId,l=r.fuego.db.collection(t),e.abrupt("return",l.doc(o).set(a(a({},i),{},{editedAt:new Date}),{merge:!0}).catch(function(e){return console.log(e.message)}));case 3:case"end":return e.stop()}},e)}))).apply(this,arguments)}function h(e){return g.apply(this,arguments)}function g(){return(g=u(regeneratorRuntime.mark(function e(n){var t,o,a,l,c,u,d;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(t=n.collectionPath,o=n.docId,a=n.fileList,l=r.fuego.db.collection(t),c=(null==a?void 0:a.prevImgURL)||"",!a){e.next=8;break}return u=a.selectedFile,d=a.prevImgURL,e.next=7,(0,i.updateImgAndGetURL)({selectedFile:u,prevImgURL:d,collectionPath:t});case 7:c=e.sent;case 8:return e.abrupt("return",l.doc(o).set({thumbnail:c,editedAt:new Date},{merge:!0}).catch(function(e){return console.log(e.message)}));case 9:case"end":return e.stop()}},e)}))).apply(this,arguments)}function y(e){return b.apply(this,arguments)}function b(){return(b=u(regeneratorRuntime.mark(function e(n){var t,i,o,a;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return t=n.collectionPath,i=n.orderList,o=r.fuego.db.collection(t),a=r.fuego.db.batch(),i.forEach(function(e,n){e.id&&a.update(o.doc(e.id),{order:n,editedAt:new Date})}),e.abrupt("return",a.commit());case 5:case"end":return e.stop()}},e)}))).apply(this,arguments)}},42471:function(e,n,t){"use strict";t(12064),t(44465),t(31863);var r,i,o,a=t(37953),l=t(84136).Ay.div(r||(i=["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  top: 0;\n  left: 0;\n  pointer-events: none;\n  --w: 1px;\n\n  display: none; // .shineline parent hover로 동작\n\n  .line {\n    position: absolute;\n  }\n\n  .line1 {\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: var(--w);\n    background: linear-gradient(to right, transparent, var(--primaryColor));\n    animation: animate1 2s linear infinite;\n  }\n\n  @keyframes animate1 {\n    0% {\n      transform: translateX(-100%);\n    }\n    100% {\n      transform: translateX(100%);\n    }\n  }\n\n  .line2 {\n    top: 0;\n    right: 0;\n    width: var(--w);\n    height: 100%;\n    background: linear-gradient(to bottom, transparent, var(--primaryColor));\n    animation: animate2 2s linear infinite;\n    animation-delay: 1s;\n  }\n\n  @keyframes animate2 {\n    0% {\n      transform: translateY(-100%);\n    }\n    100% {\n      transform: translateY(100%);\n    }\n  }\n\n  .line3 {\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: var(--w);\n    background: linear-gradient(to left, transparent, var(--primaryColor));\n    animation: animate3 2s linear infinite;\n  }\n\n  @keyframes animate3 {\n    0% {\n      transform: translateX(100%);\n    }\n    100% {\n      transform: translateX(-100%);\n    }\n  }\n\n  .line4 {\n    top: 0;\n    left: 0;\n    width: var(--w);\n    height: 100%;\n    background: linear-gradient(to top, transparent, var(--primaryColor));\n    animation: animate4 2s linear infinite;\n    animation-delay: 1s;\n  }\n\n  @keyframes animate4 {\n    0% {\n      transform: translateY(100%);\n    }\n    100% {\n      transform: translateY(-100%);\n    }\n  }\n"],o||(o=i.slice(0)),r=Object.freeze(Object.defineProperties(i,{raw:{value:Object.freeze(o)}}))));n.A=function(e){var n=e.on;return a.createElement(l,{className:"shineLine",style:{display:n?"block":"none"}},a.createElement("span",{className:"line line1"}),a.createElement("span",{className:"line line2"}),a.createElement("span",{className:"line line3"}),a.createElement("span",{className:"line line4"}))}},44449:function(e,n,t){"use strict";t.d(n,{A:function(){return cn}}),t(80545),t(43465);var r=t(37953),i=t(90766),o=(t(82185),t(32145),t(74277),t(77654),t(3940),t(61445),t(57045),t(65114),t(32242),t(60039),t(12064),t(75868),t(42652),t(34068),t(81481)),a=t(53942),l=t(80762),c=t(49005

1),u=t(89076),d=t(28902),s=t(374),f=t(88382),p=t(64315),m=t(42457),v=t(59352);function h(e,n,t,r,i,o,a){try{var l=e[o](a),c=l.value}catch(e){return void t(e)}l.done?n(c):Promise.resolve(c).then(r,i)}function g(){var e;return e=regeneratorRuntime.mark(function e(n){var t,r,i,o;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return t=n.imgURL,r=n.boardId,i=n.collectionPath,t&&(0,m.deleteImgStorage)(t),o=v.fuego.db.collection(i),e.abrupt("return",o.doc(r).delete());case 4:case"end":return e.stop()}},e)}),g=function(){var n=this,t=arguments;return new Promise(function(r,i){var o=e.apply(n,t);function a(e){h(o,r,i,a,l,"next",e)}function l(e){h(o,r,i,a,l,"throw",e)}a(void 0)})},g.apply(this,arguments)}var y,b,x,w,k,E,A,I,C,O,P,R,j,U,S,L,D,T,N=t(30959),z=t(19730),H=(t(44465),t(31863),t(84136));function q(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var B=H.Ay.div(y||(y=q(["\n  padding: 0 12px 12px 12px;\n  border-radius: var(--cardBorderRadius);\n  background-color: var(--cardBackgroundColor);\n  border: 1px solid var(--lineColor);\n  display: flex;\n  gap: 12px;\n  flex-direction: column;\n"]))),M=H.Ay.div(b||(b=q(["\n  display: grid;\n  grid-template-columns: repeat(5, auto);\n  gap: 8px;\n"]))),F={vertical:(0,H.AH)(x||(x=q(["\n    h4 {\n      color: var(--primaryColor);\n    }\n    &::before {\n      content: '';\n      width: var(--barWidth);\n      height: 2px;\n      background: var(--primaryColor);\n      position: absolute;\n      top: 34px;\n    }\n\n    &::after {\n      content: '';\n      width: 10px;\n      height: 10px;\n      border-radius: 50px;\n      background: var(--subColor);\n      border: 8px solid var(--primaryColor);\n      position: absolute;\n      top: 22px;\n    }\n  "]))),horizontal:(0,H.AH)(w||(w=q(["\n    h4 {\n      color: var(--primaryColor);\n    }\n\n    &::after {\n      content: '';\n      width: 10px;\n      height: 10px;\n      border-radius: 50px;\n      background: var(--subColor);\n      border: 8px solid var(--primaryColor);\n      position: absolute;\n      bottom: 0;\n      left: 0;\n    }\n  "])))},X={left:(0,H.AH)(k||(k=q(["\n    text-align: right;\n    p {\n      text-align: right;\n    }\n    &::before {\n      right: var(--calc-X);\n    }\n    &::after {\n      right: var(--calc-X);\n    }\n  "]))),right:(0,H.AH)(E||(E=q(["\n    &::before {\n      left: var(--calc-X);\n    }\n    &::after {\n      left: var(--calc-X);\n    }\n  "])))},$=(0,H.AH)(A||(A=q(["\n  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);\n  background-color: var(--cardBackgroundColor);\n  backdrop-filter: blur(8px);\n  transform: translateY(-12px);\n"]))),Y=(0,H.AH)(I||(I=q(["\n  &::before {\n    top: 35px;\n  }\n  &::after {\n    top: 26px;\n  }\n"]))),G=(0,H.AH)(C||(C=q(["\n  &::before {\n    top: 35px;\n  }\n  &::after {\n    top: 23px;\n  }\n"]))),_={vertical:(0,H.AH)(O||(O=q(["\n    &::before {\n      content: '';\n      width: var(--barWidth);\n      height: 2px;\n      background: var(--lineColor);\n      position: absolute;\n      top: 32px;\n    }\n\n    &::after {\n      content: '';\n      width: 16px;\n      height: 16px;\n      border-radius: 50px;\n      background: var(--backgroundColor);\n      border: 2px solid var(--lineColor);\n      position: absolute;\n      top: 24px;\n    }\n  "]))),horizontal:(0,H.AH)(P||(P=q(["\n    border-left: 2px solid var(--lineColor);\n    &::after {\n      content: '';\n      width: 16px;\n      height: 16px;\n      border-radius: 50px;\n      background: var(--backgroundColor);\n      border: 2px solid var(--lineColor);\n      position: absolute;\n      bottom: -12px !important;\n      left: -10px !important;\n    }\n  "])))},W=H.Ay.div(R||(R=q(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  position: relative;\n  transition: all 0.2s;\n  padding: 16px;\n  align-self: flex-end;\n\n  ",";\n  ",";\n  ",";\n  ",";\n  ",";\n\n  &:hover {\n    ",";\n    .shineLine {\n      display: block !important;\n    }\n  }\n\n  @media (max-width: 480px) {\n    &::before {\n      width: 32px;\n      left: -32px;\n    }\n    &::after {\n      left: calc(-32px);\n    }\n  }\n"])),function(e){var n=e.layoutType;return n&&_[n]},function(e){var n=e.dir;return X[n]},function(e){var n=e.isImpact,t=e.layoutType;return n&&t&&F[t]},function(e){var n=e.isEdit,t=e.layoutType,r=e.isImpact;return n&&"vertical"===t&&(r?G:Y)},function(e){return e.isDragging&&(0,H.AH)(j||(j=q(["\n      background-color: var(--cardBackgroun

1dColor);\n      border-radius: var(--cardBorderRadius);\n      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);\n    "])))},function(e){return!e.isEdit&&$}),Q=H.Ay.div(U||(U=q(["\n  position: absolute;\n  top: 16px;\n  left: 0;\n  width: 28px;\n  height: 28px;\n  z-index: 1;\n"]))),V=H.Ay.h4(S||(S=q([""]))),K=H.Ay.h6(L||(L=q([""]))),Z=H.Ay.div(D||(D=q(["\n  overflow: hidden;\n  img {\n    width: 100%;\n    object-fit: cover;\n  }\n"]))),J=H.Ay.div(T||(T=q(["\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  width: fit-content;\n  max-width: 100%;\n  margin-top: 8px;\n  color: var(--subTextColor);\n  font-size: 0.72rem;\n  line-height: 1.2;\n  opacity: 0.62;\n\n  img {\n    width: 16px;\n    height: 16px;\n    border-radius: 3px;\n    object-fit: cover;\n    opacity: 0.75;\n    flex: 0 0 auto;\n  }\n\n  span {\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n"]))),ee={html:!0,link:!0,header:!0,size:!0,align:!0,color:!0,list:!0,blockquote:!0,codeblock:!0,video:!0,divider:!0};function ne(e,n,t,r,i,o,a){try{var l=e[o](a),c=l.value}catch(e){return void t(e)}l.done?n(c):Promise.resolve(c).then(r,i)}function te(e){return function(){var n=this,t=arguments;return new Promise(function(r,i){var o=e.apply(n,t);function a(e){ne(o,r,i,a,l,"next",e)}function l(e){ne(o,r,i,a,l,"throw",e)}a(void 0)})}}function re(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o=[],a=!0,l=!1;try{for(t=t.call(e);!(a=(r=t.next()).done)&&(o.push(r.value),!n||o.length!==n);a=!0);}catch(e){l=!0,i=e}finally{try{a||null==t.return||t.return()}finally{if(l)throw i}}return o}}(e,n)||function(e,n){if(e){if("string"==typeof e)return ie(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?ie(e,n):void 0}}(e,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.")}()}function ie(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}var oe=function(e){var n,t,i=e.data,v=e.collectionPath,h=e.showUnlockEdit,y=void 0===h||h,b=e.scrollContainerClassName,x=re((0,r.useState)(!1),2),w=x[0],k=x[1],E=re((0,f.zN)({title:i&&i.title||"",subTitle:i&&i.subTitle||"",bgmURL:i&&i.bgmURL||"",order:i&&i.order||0}),2),A=E[0],I=A.title,C=A.subTitle,O=A.bgmURL,P=A.order,R=E[1],j=re((0,r.useState)(i.description||""),2),U=j[0],S=j[1],L=re((0,r.useState)(i.htmlDescription||""),2),D=L[0],T=L[1],H=re((0,p.A)(i.isImpact||!1),2),q=H[0],F=H[1],X=re((0,p.A)("left"===i.dir||!1),2),$=X[0],Y=X[1],G=re((0,r.useState)(null),2),_=G[0],W=G[1],Q=re((0,r.useState)(i.isHtmlMode||!1),2),V=Q[0],K=Q[1],Z=re((0,r.useState)(null!==(n=i.unlockCondition)&&void 0!==n&&n.itemId?[i.unlockCondition.itemId]:[]),2),J=Z[0],ne=Z[1];(0,r.useEffect)(function(){var e;S(i.description||""),T(i.htmlDescription||""),K(i.isHtmlMode||!1),ne(null!==(e=i.unlockCondition)&&void 0!==e&&e.itemId?[i.unlockCondition.itemId]:[])},[i.description,i.htmlDescription,i.isHtmlMode,null===(t=i.unlockCondition)||void 0===t?void 0:t.itemId]);var ie=(0,r.useCallback)(te(regeneratorRuntime.mark(function e(){var n,t;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(i.id){e.next=2;break}return e.abrupt("return");case 2:return n=J[0],t={title:I,subTitle:C,bgmURL:O,description:U,htmlDescription:D,isImpact:q,order:Number(P),dir:$?"left":"right",isHtmlMode:V},y&&(t.unlockCondition=n?{type:"itemConsume",itemId:n,quantity:1}:o.A.firestore.FieldValue.delete()),k(!0),e.next=8,(0,N.PP)({collectionPath:v,data:t,docId:i.id});case 8:k(!1);case 9:case"end":return e.stop()}},e)})),[I,C,O,U,D,i.id,q,P,$,V,y,J,v]),oe=(0,r.useCallback)(function(){i.thumbnail&&(0,m.deleteImg)({imgURL:i.thumbnail,collectionPath:v,docId:i.id,key:"thumbnail"})},[v,i]),ae=(0,r.useCallback)(function(){confirm("연표를 정말 삭제하시겠습니까? 모든 내용이 삭제됩니다.")&&function(e){g.apply(this,arguments)}({imgURL:i.thumbnail,boardId:i.id,collectionPath:v})},[i,v]);return(0,r.useEffect)(function(){function e(){return(e=te(regeneratorRuntime.mark(function e(){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:(0,N.Yc)({collectionPath:v,docId:i.id||"",fileList:{prevImgURL:i.thumbnail||"",selectedFile:_}});case 1:case"end":return e.stop()}},e)}))).apply(this,arguments)}_&&function(){return e.apply(this,arguments)}().then(function(){W(null)})},[_,i,v]),r.createElement(r.Fragment,null,r.createElement(a.A,{placeholder:"1000",name:"title",value:I,onChange:R,block:!0}),r.createElement(a.A,{placeholder:"타이틀",name:"subTitle",value:C,onChange:R,block:!0}),r.createElement("div",{style:{width:"100%",maxWidth:"100%"}},r.createElement(d.A,{id:"history-".concat(i.id),setSelectedFile:W,prevImgURL:i.thumbnail||"",text:"이미지 추가",customDelete:oe,style:{height:60}})),r.createElement(B,null,r.createElement(s.A,{value:U,htmlValue:D,customIsHtmlMode:V,customSetHtmlMode:K,onChange:S,onHtmlChange:T,id:"description-".concat(i.id),style:{lineHeight:1.2},placeholder:"기타 설정 입력",setToolbar:ee,toolbarRows:"auto",htmlEditorDirection:"column",scrollingContainer:b?".".concat(b):void 0})),y&&r.createElement(u.A,{id:"history-unlock-".concat(i.id),collectionPath:z.Gf.STORE,selectedIDList:J,setSelectedIDList:ne,selectOnlyOne:!0,label:"해금 조건 아이템",placeholder:"소비할 아이템 선택",block:!0}),r.createElement(M,null,r.createElement(a.A,{placeholder:"순서 입력",type:"number",name:"order",value:P,onChange:R}),r.createElement(c.A,{value:"isImpact-checkbox",onChange:F,checked:q},r.createElement("span",null,"강조")),r.createElement(c.A,{value:"isLeft-checkbox",onChange:Y,checked:$},r.createElement("span",null,"왼쪽"))),r.createElement(M,null,r.createElement(l.A,{onClick:ae,color:"warning"},"삭제"),r.createElement(l.A,{onClick:ie,pending:w,color:"default",size:"md"},"저장")))},ae=(t(3583),t(43416));function le(){return le=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},le.apply(this,arguments)}var ce,ue,de,se,fe,pe,me,ve,he,ge,ye,be,xe,we,ke,Ee,Ae=function(e){var n=e.data,t=e.dir,i=e.isEdit,o=e.style,a=e.layoutType,l=void 0===a?"vertical":a,c=e.children,u=e.dragAttributes,d=e.dragListeners,s=e.isDragging;return r.createElement(W,{isImpact:n.isImpact,dir:t,id:n.id,isEdit:i,style:o,layoutType:l,isDragging:s},i&&d&&r.createElement(Q,null,r.createElement(ae.A,le({},u,d))),c)},Ie=(t(97152),t(83483)),Ce=(t(10475),t(82106),t(3233),t(51163),t(82758),t(20884),t(85062),t(98832),t(60368),t(86608),t(29109),t(29081)),Oe=t(28669),Pe=t(40803);function Re(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),t.push.apply(t,r)}return t}function je(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};

1n%2?Re(Object(t),!0).forEach(function(n){Ue(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Re(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}function Ue(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function Se(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o=[],a=!0,l=!1;try{for(t=t.call(e);!(a=(r=t.next()).done)&&(o.push(r.value),!n||o.length!==n);a=!0);}catch(e){l=!0,i=e}finally{try{a||null==t.return||t.return()}finally{if(l)throw i}}return o}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Le(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Le(e,n):void 0}}(e,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.")}()}function Le(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function De(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var Te=H.Ay.div(ce||(ce=De(["\n  width: 100%;\n  min-height: 160px;\n  border: 1px dashed var(--lineColor);\n  border-radius: var(--cardBorderRadius);\n  background: var(--cardBackgroundColor);\n  color: var(--subTextColor);\n  padding: 20px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  text-align: center;

1\n"]))),Ne=H.Ay.div(ue||(ue=De(["\n  width: 42px;\n  height: 42px;\n  border-radius: 50%;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n"]))),ze=H.Ay.strong(de||(de=De(["\n  color: var(--textColor);\n"]))),He=H.Ay.div(se||(se=De(["\n  font-size: 0.875rem;\n"]))),qe=H.Ay.div(fe||(fe=De(["\n  width: 100%;\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr);\n  align-items: center;\n  gap: 10px;\n  padding: 10px;\n  border-radius: var(--cardBorderRadius);\n  border: 1px solid\n    ",";\n  background: var(--cardBackgroundColor);\n  text-align: left;\n"])),function(e){return e.$filled?"var(--primaryColor)":"var(--lineColor)"}),Be=H.Ay.div(pe||(pe=De(["\n  width: 54px;\n  height: 54px;\n  opacity: ",";\n"])),function(e){return e.$active?1:.5}),Me=H.Ay.div(me||(me=De(["\n  width: 54px;\n  height: 54px;\n  border: 1px dashed var(--lineColor);\n  border-radius: var(--cardBorderRadius);\n  background: var(--backgroundColor);\n"]))),Fe=H.Ay.div(ve||(ve=De(["\n  min-width: 0;\n  color: var(--textColor);\n  font-size: 0.875rem;\n  word-break: break-word;\n"]))),Xe=H.Ay.div(he||(he=De(["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 8px;\n"]))),$e=H.Ay.button(ge||(ge=De(["\n  color: var(--subTextColor);\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n  text-decoration: underline;\n"]))),Ye=H.Ay.div(ye||(ye=De(["\n  width: 100%;\n  max-height: 220px;\n  overflow: auto;\n  display: grid;\n  gap: 6px;\n  padding: 8px;\n  border: 1px solid var(--lineColor);\n  border-radius: var(--cardBorderRadius);\n  background: var(--backgroundColor);\n"]))),Ge=H.Ay.input(be||(be=De(["\n  width: 100%;\n  height: 36px;\n  padding: 0 10px;\n  border: 1px solid var(--lineColor);\n  border-radius: var(--cardBorderRadius);\n  background: var(--cardBackgroundColor);\n  color: var(--textColor);\n  font-size: 0.875rem;\n\n  &:focus {\n    border-color: var(--primaryColor);\n  }\n"]))),_e=H.Ay.button(xe||(xe=De(["\n  width: 100%;\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 8px;\n  padding: 8px;\n  border: 1px solid var(--lineColor);\n  border-radius: var(--cardBorderRadius);\n  background: var(--cardBackgroundColor);\n  color: var(--textColor);\n  text-align: left;\n  cursor: pointer;\n\n  &:hover {\n    border-color: var(--primaryColor);\n  }\n"]))),We=H.Ay.span(we||(we=De(["\n  min-width: 0;\n  font-size: 0.875rem;\n  word-break: break-word;\n"]))),Qe=H.Ay.span(ke||(ke=De(["\n  color: var(--subTextColor);\n  font-size: 0.75rem;\n"]))),Ve=H.Ay.div(Ee||(Ee=De(["\n  padding: 10px;\n  color: var(--subTextColor);\n  font-size: 0.875rem;\n  text-align: center;

1\n"]))),Ke=function(e){var n=e.title,t=void 0===n?"해금 필요":n,i=e.description,o=e.requiredItemId,a=e.requiredQuantity,c=void 0===a?1:a,u=e.requiredItem,d=e.filledItem,s=e.showRequiredItem,f=void 0===s||s,p=e.inventoryItems,m=e.isInventoryReady,v=void 0===m||m,h=e.pending,g=e.buttonLabels,y=e.onFill,b=e.onSelectInventoryItem,x=e.onUnlock,w=e.onUnequip,k=Se(r.useState(!1),2),E=k[0],A=k[1],I=Se(r.useState(""),2),C=I[0],O=I[1],P=d,R=d?je(je(je({},f?u:{}),d),{},{title:P.title||(f?null==u?void 0:u.title:""),customTitle:P.customTitle||(f?null==u?void 0:u.customTitle:""),name:P.name||(f?null==u?void 0:u.name:""),value:P.value||(f?null==u?void 0:u.value:""),imgURL:P.imgURL||P.customImgURL||(f?null==u?void 0:u.imgURL:"")}):u,j=(0,Pe.$t)(R)||o,U=!!d,S=f||U,L=!f&&!!b,D=(p||[]).filter(function(e){return(0,Pe.wE)(e)>0}),T=r.useMemo(function(){var e=C.trim().toLowerCase();return e?D.filter(function(n){var t=n;return[(0,Pe.$t)(n),t.description,t.id,t.originItemID].filter(Boolean).join(" ").toLowerCase().includes(e)}):D},[C,D]);return r.createElement(Te,null,r.createElement(Ne,{"aria-hidden":"true"},r.createElement(Ce.A,{name:"Lock32",color:"var(--subTextColor)"})),r.createElement(ze,null,t),i&&r.createElement(He,null,i),o&&r.createElement(qe,{$filled:U},r.createElement(Be,{$active:U},S?r.createElement(Oe.A,{data:R||{title:"아이템",imgURL:""},style:{width:54,height:54},hideReinforce:!0}):r.createElement(Me,{"aria-hidden":"true"})),r.createElement(Fe,null,S?r.createElement(r.Fragment,null,j,c>1?" x".concat(c):""):"빈 아이템 슬롯")),L&&E&&!U&&r.createElement(Ye,null,r.createElement(Ge,{value:C,placeholder:"아이템 검색",onChange:function(e){return O(e.target.value)},onClick:function(e){return e.stopPropagation()}}),T.length>0?T.map(function(e){var n=(0,Pe.wE)(e),t=(0,Pe.$t)(e);return r.createElement(_e,{key:e.id,type:"button",onClick:function(n){n.stopPropagation(),null==b||b(e),A(!1)}},r.createElement(Oe.A,{data:e,style:{width:32,height:32},hideReinforce:!0}),r.createElement(We,null,t),r.createElement(Qe,null,"x",n))}):r.createElement(Ve,null,D.length>0?"검색 결과가 없습니다.":"대표 캐릭터 인벤토리에 올릴 수 있는 아이템이 없습니다.")),r.createElement(Xe,null,r.createElement(l.A,{disabled:h,pending:h,onClick:function(e){e.stopPropagation(),U?x():function(){if(L)return v?void A(function(e){return!e}):void y();y()}()}},h?(null==g?void 0:g.pending)||"해금 중...":U?(null==g?void 0:g.unlock)||"해금하기":E?"선택 닫기":(null==g?void 0:g.fill)||"아이템 올리기"),U&&w&&r.createElement($e,{type:"button",onClick:function(e){e.stopPropagation(),w()}},(null==g?void 0:g.unequip)||"장착 해제")))},Ze=t(88214);function Je(e,n,t,r,i,o,a){try{var l=e[o](a),c=l.value}catch(e){return void t(e)}l.done?n(c):Promise.resolve(c).then(r,i)}function en(e){return function(){var n=this,t=arguments;return new Promise(function(r,i){var o=e.apply(n,t);function a(e){Je(o,r,i,a,l,"next",e)}function l(e){Je(o,r,i,a,l,"throw",e)}a(void 0)})}}function nn(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o=[],a=!0,l=!1;try{for(t=t.call(e);!(a=(r=t.next()).done)&&(o.push(r.value),!n||o.length!==n);a=!0);}catch(e){l=!0,i=e}finally{try{a||null==t.return||t.return()}finally{if(l)throw i}}return o}}(e,n)||function(e,n){if(e){if("string"==typeof e)return tn(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?tn(e,n):void 0}}(e,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.")}()}function tn(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}var rn=function(e){var n,t,i=e.data,o=e.collectionPath,a=e.currentUserId,l=e.currentUserName,c=e.inventoryPath,u=e.inventoryList,d=e.isInventoryReady,s=nn((0,r.useState)(),2),f=s[0],p=s[1],m=nn((0,r.useState)(!1),2),v=m[0],h=m[1],g=(null===(n=i.unlockCondition)||void 0===n?void 0:n.itemId)||"",y=Math.max(1,Number((null===(t=i.unlockCondition)||void 0===t?void 0:t.quantity)||1)),b=(0,Ie.useDocument)(g?"".concat(z.Gf.STORE,"/").concat(g):null,{listen:!0}).data,x=(0,r.useCallback)(function(){return(0,Pe.QZ)({inventoryList:u,itemId:g,quantity:y})},[u,g,y]),w=(0,r.useCallback)(function(){if(a)if(d){var e=x();e?p(e):alert("대표 캐릭터 인벤토리에 필요한 아이템이 없습니다.")}else alert("대표 캐릭터 인벤토리를 불러오는 중입니다.");else alert("로그인이 필요합니다.")},[a,x,d]),k=(0,r.useCallback)(en(regeneratorRuntime.mark(function e(){var n;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(i.id&&a){e.next=3;break}return alert("로그인이 필요합니다."),e.abrupt("return");case 3:if(c){e.next=6;break}return alert("대표 캐릭터를 먼저 설정하세요."),e.abrupt("return");case 6:if(null!=(n=f||x())&&n.id){e.next=10;break}return alert("해금에 사용할 아이템을 먼저 올려주세요."),e.abrupt("return");case 10:if(window.confirm("아이템이 소비됩니다. 그래도 진행하시겠습니까?")){e.next=12;break}return e.abrupt("return");case 12:return e.prev=12,h(!0),e.next=16,(0,Ze.vA)({boardPath:o,historyItemId:i.id,userId:a,userName:l||a,inventoryPath:c,inventoryItemId:n.id});case 16:p(void 0),e.next=22;break;case 19:e.prev=19,e.t0=e.catch(12),alert(e.t0 instanceof Error?e.t0.message:"연표를 해금하지 못했습니다.");case 22:return e.prev=22,h(!1),e.finish(22);case 25:case"end":return e.stop()}},e,null,[[12,19,22,25]])})),[i.id,a,c,f,x,o,l]);return r.createElement(Ke,{title:"해금 필요",description:"조건 아이템을 소비하면 이 연표를 볼 수 있습니다.",requiredItemId:g,requiredQuantity:y,requiredItem:b,filledItem:f,pending:v,onFill:w,onUnlock:k,onUnequip:function(){return p(void 0)}})},on=t(42471),an=t(15181),ln=function(e){var n,t=e.data,i=(null===(n=t.unlockCondition)||void 0===n?void 0:n.itemId)||"",o=(0,Ie.useDocument)(i?"".concat(z.Gf.STORE,"/").concat(i):null,{listen:!0}).data,a=(null==o?void 0:o.title)||i;return r.createElement(r.Fragment,null,t.thumbnail&&r.createElement(Z,null,r.createElement("img",{src:t.thumbnail,alt:t.title||t.subTitle})),r.createElement(V,null,t.title),r.createElement(K,null,t.subTitle),r.createElement(an.A,{value:t.description,htmlValue:t.htmlDescription,isHtmlMode:t.isHtmlMode||!1,style:{color:"var(--subTextColor)"}}),i&&r.createElement(J,null,r.createElement("span",null,"해금조건"),(null==o?void 0:o.imgURL)&&r.createElement("img",{src:o.imgURL,alt:a}),r.createElement("span",null,"|"),r.createElement("span",null,a)),r.createElement(on.A,null))},cn=function(e){var n,t,o,a=e.data,l=e.dir,c=e.isEdit,u=e.style,d=e.layoutType,s=void 0===d?"vertical":d,f=e.collectionPath,p=e.enableUnlock,m=void 0===p||p,v=e.showUnlockEdit,h=void 0===v||v,g=e.unlockData,y=e.currentUserId,b=e.currentUserName,x=e.inventoryPath,w=e.inventoryList,k=e.isInventoryReady,E=e.dragAttributes,A=e.dragListeners,I=e.isDragging,C=e.scrollC

1ontainerClassName,O=f||(0,i.Fj)(),P=!(m&&(n=a,t=null==g?void 0:g.unlockedHistoryItemIds,null==n||!n.id||null!==(o=n.unlockCondition)&&void 0!==o&&o.itemId&&(null==t||!t.includes(n.id))));return r.createElement(Ae,{data:a,dir:l,isEdit:c,style:u,layoutType:s,dragAttributes:E,dragListeners:A,isDragging:I},c?r.createElement(oe,{data:a,collectionPath:O,showUnlockEdit:h&&m,scrollContainerClassName:C}):P?r.createElement(ln,{data:a}):r.createElement(rn,{data:a,collectionPath:O,currentUserId:y,currentUserName:b,inventoryPath:x,inventoryList:w,isInventoryReady:k}))}},47341:function(e,n,t){"use strict";t.d(n,{A:function(){return q}}),t(12064),t(44465),t(31863),t(34068),t(10475),t(82106),t(32145),t(3233),t(51163),t(82758),t(20884),t(82185),t(97152),t(85062),t(65114),t(61445),t(94513),t(32242),t(60039),t(86608);var r=t(37953),i=t(84136),o=t(44449),a=(t(2761),t(22798),t(66706),t(42575),t(3940),t(74277),t(57045),t(75868),t(42652),t(71553)),l=t(11510),c=t(89646);function u(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function d(e){var n=e.item,t=e.children,i=(0,l.gl)({id:n.id||""}),o=i.attributes,a=i.isDragging,u=i.listeners,d=i.setNodeRef,s=i.transform,f=i.transition,p={transform:c.Ks.Transform.toString(s),transition:f,zIndex:a?2:"auto"};return r.createElement("div",{ref:d,style:p},t(n,{dragAttributes:o,dragListeners:u,isDragging:a}))}var s,f,p,m,v,h,g=function(e){var n,t,i=e.list,o=e.onReorder,c=e.children,s=(n=(0,r.useState)(i||[]),t=2,function(e){if(Array.isArray(e))return e}(n)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o=[],a=!0,l=!1;try{for(t=t.call(e);!(a=(r=t.next()).done)&&(o.push(r.value),!n||o.length!==n);a=!0);}catch(e){l=!0,i=e}finally{try{a||null==t.return||t.return()}finally{if(l)throw i}}return o}}(n,t)||function(e,n){if(e){if("string"==typeof e)return u(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?u(e,n):void 0}}(n,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.")}()),f=s[0],p=s[1];(0,r.useEffect)(function(){p(function(e){return e.length===i.length&&e.every(function(e,n){var t;return e.id===(null===(t=i[n])||void 0===t?void 0:t.id)})?e:i.slice()})},[i]);var m=(0,a.FR)((0,a.MS)(a.cA,{activationConstraint:{distance:10}}),(0,a.MS)(a.IG,{activationConstraint:{distance:10}})),v=(0,r.useCallback)(function(e){var n=e.active,t=e.over;if(t&&n.id!==t.id){var r=f.findIndex(function(e){return e.id===n.id}),i=f.findIndex(function(e){return e.id===t.id});if(!(r<0||i<0)){var a=(0,l.be)(f,r,i);p(a),o(a)}}},[o,f]);return r.createElement(a.Mp,{sensors:m,collisionDetection:a.fp,onDragEnd:v},r.createElement(l.gB,{items:f.map(function(e){return e.id||""}),strategy:l._G},f.map(function(e){return r.createElement(d,{key:e.id,item:e},c)})))},y=t(83483),b=t(90766),x=t(56907),w=t(71097),k=t(14375),E=t(88214),A=t(79661),I=t(79883),C=t(13631),O=t(30959);function P(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),t.push.apply(t,r)}return t}function R(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?P(Object(t),!0).forEach(function(n){j(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}function j(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function U(e,n,t,r,i,o,a){try{var l=e[o](a),c=l.value}catch(e){return void t(e)}l.done?n(c):Promise.resolve(c).then(r,i)}function S(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var L=i.Ay.div(s||(s=S(["\n  width: 100%;\n  /* height: 100dvh; */\n  ","\n"])),k.kM),D=i.Ay.div(f||(f=S(["\n  width: 100%;\n  max-width: 960px;\n  margin: 0 auto;\n  height: auto;\n  --paddingX: ",";\n  --barWidth: calc(var(--paddingX) + 10px);\n  --calc-X: calc(-1 * var(--paddingX) - 10px);\n\n  mask-image: linear-gradient(\n    to top,\n    rgba(0, 0, 0, 0) 0%,\n    rgba(0, 0, 0, 1) 3%,\n    rgba(0, 0, 0, 1) 98%,\n    rgba(0, 0, 0, 0) 100%\n  );\n\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n"])),function(e){return e.$isEdit?"32px":"70px"}),T=i.Ay.div(p||(p=S(["\n  max-width: 480px;\n\n  display: flex;\n  flex-direction: column;\n  gap: 60px;\n  align-items: flex-end;\n  padding-right: var(--paddingX);\n  border-right: 2px solid var(--lineColor);\n  padding: 120px var(--paddingX) 140px 0;\n"]))),N=i.Ay.div(m||(m=S(["\n  max-width: 480px;\n\n  display: flex;\n  flex-direction: column;\n  gap: 60px;\n  align-items: flex-start;\n  padding: 240px 0 80px var(--paddingX);\n"]))),z=i.Ay.div(v||(v=S(["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 20px 0 0 32px;\n  position: relative;\n"]))),H=i.Ay.div(h||(h=S(["\n  position: absolute;\n  left: 10px;\n  top: 0px;\n  width: 2px;\n  height: 100%;\n  background-color: var(--lineColor);\n  z-index: -1;\n"]))),q=function(e){var n=e.isEdit,t=e.collectionPath,i=e.enableUnlock,a=void 0===i||i,l=e.showUnlockEdit,c=void 0===l||l,u=e.scrollC

1ontainerClassName,d=(0,x.A)()<480,s=t||(0,b.Fj)(),f=(0,A.vc)(I.Bs),p=(0,A.vc)(I.gw),m=(0,C.A)(),v=m.inventoryList,h=m.inventoryPath,k=m.isReady,P=(0,y.useCollection)(s,{listen:!0,orderBy:["order","asc"]}).data,j=(0,y.useDocument)(a&&!n&&f?"".concat((0,E.wE)(s),"/").concat(f):null,{listen:!0}).data,S=r.useMemo(function(){return(null==P?void 0:P.filter(function(e){return"left"===e.dir}))||[]},[P]),q=r.useMemo(function(){return(null==P?void 0:P.filter(function(e){return"right"===e.dir}))||[]},[P]),B=r.useCallback(function(){var e,n=(e=regeneratorRuntime.mark(function e(n){var t,r,i;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(P){e.next=2;break}return e.abrupt("return");case 2:return t=new Set(n.map(function(e){return e.id})),r=0,i=P.map(function(e){return t.has(e.id)&&n[r++]||e}),e.next=7,(0,O.m8)({collectionPath:s,orderList:i});case 7:case"end":return e.stop()}},e)}),function(){var n=this,t=arguments;return new Promise(function(r,i){var o=e.apply(n,t);function a(e){U(o,r,i,a,l,"next",e)}function l(e){U(o,r,i,a,l,"throw",e)}a(void 0)})});return function(e){return n.apply(this,arguments)}}(),[s,P]),M=function(e){arguments.length>1&&void 0!==arguments[1]||e.dir;var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return r.createElement(o.A,{data:e,key:e.id,dir:e.dir,isEdit:n,collectionPath:s,enableUnlock:a,showUnlockEdit:c,unlockData:j||void 0,currentUserId:f,currentUserName:(null==p?void 0:p.displayName)||f||"",inventoryPath:h,inventoryList:v,isInventoryReady:k,style:t.style,dragAttributes:t.dragAttributes,dragListeners:t.dragListeners,isDragging:t.isDragging,scrollContainerClassName:u})},F=n?r.createElement(g,{list:S,onReorder:B},function(e,n){return M(e,e.dir,n)}):S.map(function(e){return M(e)}),X=n?r.createElement(g,{list:q,onReorder:B},function(e,n){return M(e,e.dir,n)}):q.map(function(e){return M(e)});return d?n?r.createElement(z,null,r.createElement(g,{list:P||[],onReorder:B},function(e,n){return M(e,"right",R(R({},n),{},{style:{backgroundColor:"var(--cardBackgroundColor)"}}))}),r.createElement(H,null)):r.createElement(w.A,{list:P||[],isEdit:n,collectionPath:s,enableUnlock:a,showUnlockEdit:c,unlockData:j||void 0,currentUserId:f,currentUserName:(null==p?void 0:p.displayName)||f||"",inventoryPath:h,inventoryList:v,isInventoryReady:k}):r.createElement(L,null,r.createElement(D,{$isEdit:n},r.createElement(T,null,F),r.createElement(N,null,X)))}},49005:function(e,n,t){"use strict";t(12064),t(44465),t(31863),t(75868);var r,i,o=t(37953),a=t(84136),l=t(5259);function c(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var u=a.Ay.div(r||(r=c(["\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  width: fit-content;\n  padding: 4px 0;\n  margin: ",";\n\n  &:hover {\n    cursor: var(--hoverCursorURL), pointer;\n  }\n"])),function(e){var n=e.align;return"center"===n?"0 auto":"right"===n?"0 0 0 auto":"0"}),d=a.Ay.label(i||(i=c(["\n  margin-left: 6px;\n  transition: all 0.2s;\n  font-size: 14px;\n  display: inline-flex;\n  align-items: center;\n  line-height: 1.2;\n\n  &:hover {\n    cursor: var(--hoverCursorURL), pointer;\n  }\n"])));function s(e){var n=e.checked,t=e.name,r=e.disabled,i=e.value,a=e.id,c=void 0===a?i:a,s=e.onChange,f=e.defaultChecked,p=e.children,m=e.align,v=void 0===m?"left":m;return o.createElement(u,{align:v},o.createElement(l.A,{id:c,name:t,value:i,onChange:s,defaultChecked:f,checked:n,disabled:r,type:"checkbox"}),p&&o.createElement(d,{htmlFor:c},p))}n.A=o.memo(s)},55463:function(e,n,t){"use strict";var r=t(54595),i=t(16424),o=t(92636);e.exports=function(e){for(var n=r(this),t=o(n.length),a=arguments.length,l=i(a>1?arguments[1]:void 0,t),c=a>2?arguments[2]:void 0,u=void 0===c?t:i(c,t);u>l;)n[l++]=e;return n}},71097:function(e,n,t){"use strict";t(12064),t(44465),t(31863),t(86608);var r,i,o=t(37953),a=t(84136),l=t(44449);function c(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var u=a.Ay.div(r||(r=c(["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 20px 0 0 32px;\n  position: relative;\n"]))),d=a.Ay.div(i||(i=c(["\n  position: absolute;\n  left: 10px;\n  top: 0px;\n  width: 2px;\n  height: 100%;\n  background-color: var(--lineColor);\n  z-index: -1;\n"])));n.A=function(e){var n=e.list,t=e.isEdit,r=e.collectionPath,i=e.enableUnlock,a=void 0===i||i,c=e.showUnlockEdit,s=void 0===c||c,f=e.unlockData,p=e.currentUserId,m=e.currentUserName,v=e.inventoryPath,h=e.inventoryList,g=e.isInventoryReady,y=n.map(function(e,n){return o.createElement(l.A,{data:e,key:e.id,dir:"right",style:{backgroundColor:" var(--cardBackgroun

1dColor)"},isEdit:t,collectionPath:r,enableUnlock:a,showUnlockEdit:s,unlockData:f,currentUserId:p,currentUserName:m,inventoryPath:v,inventoryList:h,isInventoryReady:g})});return o.createElement(u,null,y,o.createElement(d,null))}},82816:function(e,n,t){"use strict";var r=t(37953),i=t(79661),o=t(94330);n.A=function(e){var n=(0,i.lZ)(o.wS);(0,r.useLayoutEffect)(function(){return n(e),function(){n(!0)}},[e,n])}},88214:function(e,n,t){"use strict";t.d(n,{vA:function(){return h},wE:function(){return m}}),t(82185),t(97152),t(75868),t(66706),t(77654),t(80545),t(43465),t(3940),t(12064),t(42652),t(32242),t(65114),t(61445),t(94513),t(60039),t(34068),t(32145),t(74277),t(57045),t(10475);var r=t(59352),i=t(19730),o=t(40803),a=t(88784),l=t(94701);function c(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function u(e){return function(e){if(Array.isArray(e))return d(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,n){if(e){if("string"==typeof e)return d(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?d(e,n):void 0}}(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 d(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function s(e,n,t,r,i,o,a){try{var l=e[o](a),c=l.value}catch(e){return void t(e)}l.done?n(c):Promise.resolve(c).then(r,i)}function f(e){return function(){var n=this,t=arguments;return new Promise(function(r,i){var o=e.apply(n,t);function a(e){s(o,r,i,a,l,"next",e)}function l(e){s(o,r,i,a,l,"throw",e)}a(void 0)})}}var p=r.default.firestore(),m=function(e){return"".concat(e).concat("HistoryUnlock")};function v(e){return(null==e?void 0:e.title)||(null==e?void 0:e.customTitle)||(null==e?void 0:e.name)||(null==e?void 0:e.value)||""}function h(e){return g.apply(this,arguments)}function g(){return g=f(regeneratorRuntime.mark(function e(n){var t,r,d,s,h,g,y,b,x,w,k,E,A;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(t=n.boardPath,r=n.historyItemId,d=n.userId,s=n.userName,h=n.inventoryPath,g=n.inventoryItemId,t&&r&&d&&h){e.next=3;break}throw new Error("해금 정보가 부족합니다.");case 3:return y=p.collection(t).doc(r),b=p.collection(m(t)).doc(d),x=p.collection(h).doc(g),w=new Date,k={alreadyUnlocked:!1,historyTitle:"",itemId:"",itemTitle:"",quantity:1},e.next=10,p.runTransaction(function(){var e=f(regeneratorRuntime.mark(function e(n){var t,a,l,f,m,h,E,A,I,C,O,P,R;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,n.get(y);case 2:return a=e.sent,e.next=5,n.get(b);case 5:return l=e.sent,e.next=8,n.get(x);case 8:if(f=e.sent,m=a.data(),h=null==m?void 0:m.unlockCondition,a.exists&&m&&h){e.next=13;break}throw new Error("해금할 연표를 찾을 수 없습니다.");case 13:if("itemConsume"===h.type){e.next=15;break}throw new Error("아이템으로 해금할 수 없는 연표입니다.");case 15:if(h.itemId){e.next=17;break}throw new Error("해금 대상 아이템이 설정되어 있지 않습니다.");case 17:if(E=(null===(t=l.data())||void 0===t?void 0:t.unlockedHistoryItemIds)||[],k.historyTitle=m.subTitle||m.title||"",k.itemId=h.itemId,k.quantity=Math.max(1,Number(h.quantity||1)),!E.includes(r)){e.next=24;break}return k.alreadyUnlocked=!0,e.abrupt("return");case 24:if(f.exists){e.next=26;break}throw new Error("대표 캐릭터 인벤토리에 대상 아이템이 없습니다.");case 26:if(A=f.data(),I=A.originItemID||A.id||g,C=(0,o.wE)(A),I===h.itemId){e.next=31;break}throw new Error("장착한 아이템이 해금 조건과 일치하지 않습니다.");case 31:if(!(C<k.quantity)){e.next=33;break}throw new Error("아이템 수량이 부족합니다.");case 33:return e.next=35,n.get(p.collection(i.Gf.STORE).doc(h.itemId));case 35:O=e.sent,P=O.data(),k.itemTitle=v(P)||v(A)||h.itemId,R=C-k.quantity,Array.isArray(A.multiple)&&R>0?n.set(x,{multiple:A.multiple.slice(0,R),__snapshot:"",updatedAt:w},{merge:!0}):"number"==typeof A.quantity&&R>0?n.set(x,{quantity:R,updatedAt:w},{merge:!0}):n.delete(x),n.set(b,{unlockedHistoryItemIds:Array.from(new Set([].concat(u(E),[r]))),unlockedAt:w,unlockedHistoryItemMap:c({},r,{unlockedAt:w,unlockedBy:d,unlockedByName:s||d,itemId:h.itemId,quantity:k.quantity,consumed:!0,inventoryItemId:g})},{merge:!0});case 41:case"end":return e.stop()}},e)}));return function(n){return e.apply(this,arguments)}}());case 10:return k.alreadyUnlocked||(E=k.historyTitle||r,A=k.itemTitle||k.itemId,(0,a.v)({uid:d,itemName:A,itemId:k.itemId,type:a.u.USE_HISTORY_UNLOCK,count:-k.quantity,memo:"연표 해금: ".concat(E)}).catch(console.error),(0,l.A)({uid:d,price:-k.quantity,type:l.s.HISTORY_UNLOCK,memo:"연표 해금: ".concat(E," / ").concat(A," x").concat(k.quantity)}).catch(console.error)),e.abrupt("return",k);case 12:case"end":return e.stop()}},e)})),g.apply(this,arguments)}},94330:function(e,n,t){"use strict";t.d(n,{EI:function(){return u},I5:function(){return o},Pk:function(){return c},Qb:function(){return l},Yb:function(){return a},eo:function(){return d},wS:function(){return i}});var r=t(79661),i=(0,r.eU)({key:"showNavState",default:!0}),o=(0,r.eU)({key:"jukeboxActiveState",default:!0}),a=((0,r.eU)({key:"currentBoardWidgetState",default:!1}),(0,r.eU)({key:"currentPageSetState",default:{scrollY:0,offset:0}})),l=(0,r.eU)({key:"subMenuMobileHeightState",default:0}),c=(0,r.eU)({key:"settingAnchorState",default:null}),u=(0,r.eU)({key:"settingViewTabState",default:null}),d=((0,r.eU)({key:"chatActiveState",default:!1}),(0,r.eU)({key:"chatDetailIdState",default:""}))}}]);
2//# sourceMappingURL=6935.b2ed7d81.chunk.js.map